﻿/* Layout */
*{margin:0; padding:0;}
body {
font-family: "Malgun Gothic", "Lucida Grande", Tahoma, Verdana, AppleGothic, "맑은고딕", UnDotum, Dotum, sans-serif,;
line-height:20px;	
background-color:#ececec; 
overflow:show;}
a{text-decoration:none; color:#0000ff;}
a:visited{text-decoration:none; color:#0000ff;}
a:hover{text-decoration:underline;}

#wrap{width:950px; _text-align:left; margin:0 auto;}
#header{width:950px;margin:0 auto;}
#container{width:950px;}
.lside{width:127px; float:left;}
#content{width:695px; margin:0 auto;}

/* kim.h.j
#footer{width:950px;}
.logo{width:250px; float:left;}
.company{width:700px; float:right;}*/
#footer{width:950px;}
.logo{width:250px; float:left;}
.company1{width:550px; float:left;}
.company2{width:400px; float:right;}

#box{width:695px;}
.leftbox{float:left}
.rightbox{float:right}
.bg{ background-image:url(img/codebg.gif);}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

/* Attribute */
div{margin:0 0 0 0; fcolor:#2D2C2D;}
#wrap {margin-top:20px;}
#header{text-align:center; height:36px;}
#container{position:relative; background:#ffffff; margin:0 auto; margin-top:15px;}
.lside{position:relative; margin-top:10px;height:auto; margin-right:5px; text-align:center;}
#content{position:relative;height:auto;background:#ffffff;text-align:left;padding:20px 0 40px 0;}
.title1{font-size:20px; padding:30px 0 5px 0; font-weight:bold;letter-spacing:1px;}
.titlee{font-size:14px; padding:10px 0 3px 0; color:#414bd6;font-weight:bold;letter-spacing:1px;}
.title2{font-size:13px; padding:10px 0 3px 0; color:#414bd6;font-weight:bold;letter-spacing:1px;}
.title3{font-size:15px; padding:10px 0 3px 0; color:#000000;font-weight:bold;letter-spacing:1px;}
.text{font-size:12px; line-height:16px;padding:0 0 10px 0;letter-spacing:1px;}
.text2{width:630px; margin:0 auto; font-size:12px; line-height:20px;padding:10px; font-weight:bold; letter-spacing:1px; background:#F6F6F6;}
.text3{width:600px; margin:0 auto; background:#ffffff; text-align:left; font-size:12px; padding:10px; line-height:25px;}
.text4{width:628px; margin:0 auto; text-align:left; font-size:12px; padding:10px; line-height:25px; border:1px solid #0040FF;}
.support{width:640px; margin:0 auto; font-size:10px; line-height:20px; padding:10px 10px 10px 10px;letter-spacing:1px; background:#F6F6F6;}
.usehelp{width:630px; margin:0 auto; font-size:12px; color:#ffffff; padding:3px 10px 3px 10px; letter-spacing:1px; background:#0040FF; border:1px ;}
p{font-size:11px; line-height:18px;}
.leftbox{width:150px; padding:10px 5px 0 0;text-align:center;}
.rightbox{width:525px; padding:5px;}

/* main */
.main{width:830px; margin:0 auto;}
.main2{width:830px; margin:0 auto;}
/* kim.h.j
.mainsub{padding:0 0 4px 0; margin:2px; height:150px; float:left} */
.mainsub{padding:0 0 4px 0; margin:2px; height:200px; float:left}

/* table 
* {margin:0; padding:0;}
body {margin:0; padding:3px;}
img {border:0;}
.bbs_property {width:100%; text-align:center; top: padding:3px; font:12px border-collapse:collapse; background-color:#cccccc;}
.bbs_property caption {font:12px font-weight:bold; height:20px; text-align:left;}
.bbs_property tfoot {background-color:#000000;}
.bbs_property th {padding:1px; background-color:#99CC00; border:3px solid #ffffff; font:12px dotum; font-weight:bold; height:30px;}
.bbs_property td {padding:6px; background-color:#FFFFCC; border:3px solid #ffffff; color:#4C4C4C; text-align:left;}
.bbs_property td.cell {background-url n-repeat; top:left; background-color:#EEEEEE; font-weight:bold; text-align:center;}
*/
* {margin:0; padding:0;}
body {margin:0; padding:3px;}
img {border:0;}
.bbs_property {width:100%; text-align:left; top: padding:3px; font:12px border-collapse:collapse; background-color:#cccccc;}
.bbs_property caption {font:12px font-weight:bold; height:20px; text-align:left;}
.bbs_property tfoot {background-color:#000000;}
.bbs_property th {padding:1px; background-color:#99CC00; border:3px solid #ffffff; font:12px dotum; font-weight:bold; height:30px;}
.bbs_property td {padding:6px; background-color:#FFFFCC; font:12px dotum; border:3px solid #ffffff; color:#4C4C4C; text-align:left;}
.bbs_property td.cell {background-url n-repeat; top:left; background-color:#EEEEEE; font-weight:bold; text-align:center;}

/* table2 */
* {margin:0; padding:0;}
img {border:0;}
.center{_text-align:center; margin:0 auto;}
.basic{width:650px; _text-align:left; margin:0 auto;}
.headline{font-size:20px; padding:30px 0 5px 0; font-weight:bold;letter-spacing:1px;}
.headline2{font-size:12px; padding:10px 0 5px 0; letter-spacing:1px;font-weight:bold;}
.view_type1 {width:650px; table-layout:fixed;}
.view_type1 caption {display:none;}
.view_type1 th {padding:8px 0 5px 20px; color:#666; text-align:left; vertical-align:top; width:0%}
.view_type1 td {padding:8px 5px 5px 12px; line-height:16px; vertical-align:top;}

/* table-content */
* {margin:0; padding:0;}
img {border:0;}
.view_type2 {width:650px; border-bottom:1px solid #dcdcdc;1px; table-layout:fixed;}
.view_type2 caption {display:none;}
.view_type2 th {padding:8px 0 5px 20px; background-color:#EEEEEE; border-top:1px solid #DDDEE2; color:#666; text-align:left; vertical-align:top; width:20%}
.view_type2 td {padding:8px 5px 5px 12px; border-top:1px solid #DDDEE2; line-height:16px; vertical-align:top; width:80%}

/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button input{ left:2px; vertical-align:top; cursor:pointer;}
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url(../img/buttonBlack.gif); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#fff;}
 
.text_field {height:15px;padding-top:1px;border:1px solid #b6ad9b;} /* standards mode 와 height 차이 */
.checkbox_area {color:#000;}
.pwd_question {width:355px;}
.pwd_answerer {width:246px;}
.caution_msg {margin-top:2px;line-height:16px;color:#fe612c;}
.my_email {width:100px;border:1px solid #b6ad9b;}
.email_company {width:109px;border:1px solid #b6ad9b;}
.mail_check {margin-top:6px;}
.tel, .md5pwd {width:66px;border:1px solid #b6ad9b;}
.contoll_box {padding:20px 0;text-align:center;}
.contoll_box a {margin-left:2px;}

/* tab button 600*/
.tab_2{width:700px; background:url(/img/bg_tab.gif) repeat-x left bottom; overflow:hidden; list-style:none; font-size:14px;letter-spacing:1px;}
.tab_2 li{float:left; _display:inline; margin-right:5px; border:1px solid #D4D4D4; color:#333;letter-spacing:1px;}
.tab_2 li a{_float:left; display:block; height:20px; padding:3px 10px 0 10px; color:#666; text-decoration:none;letter-spacing:1px;}
.tab_2 li a:hover{color:#333; background:#F4F4F4;letter-spacing:1px;}
.tab_2 li.selected{border-bottom:1px solid #F4F4F4;letter-spacing:1px; background:#0040FF;}
.tab_2 li.selected a{color:#ffffff; letter-spacing:-1px;letter-spacing:1px;}
.tab_2 li.selected a:hover{color:#000000; letter-spacing:-1px;letter-spacing:1px;}

/* support */
* {margin:0; padding:0;}
body {margin:0;}
img {border:5;}
.support_property {width:100%; text-align:left; solid #DCDCDC; font:12px Dotum; border-collapse:collapse;}
.support_property caption {display:none;}
.support_property tfoot {font-weight:bold; background-color:#F5F7F9;}
.support_property th {padding:7px 0 4px 0; background-color:#F5F7F9; border-top:2px solid #DCDCDC; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC; font:12px dotum; font-weight:bold; color:#666666;}
.support_property td {padding:6px 0 4px 0; border:1px solid #E5E5E5; color:#4C4C4C;}
.support_property td.ranking {text-align:center; background-color:#FFFFFF;padding:5px 0 5px 5px;}
.support{width:630px; margin:0 auto; font-size:10px; line-height:20px;padding:10px;letter-spacing:1px; background:#ffffff;}

/* color code slide */
.codelist {float:left; position:relative; margin-bottom:10px; margin-left:8px;}
.codelist .list-wrap-parents {border-top:1px solid #ffffff;}
.codelist .list-wrap {overflow:hidden;}
.codelist .list-wrap ul {text-align:center; padding:1px; height:90px; overflow:hidden;}
.codelist .list-wrap li {float:left; padding:5px; list-style:none;}
.codelist .list-box {overflow:hidden;}
.codelist .list-wrap li a {color:#000000;}
.codelist .list-wrap li a span {display:block; margin-top:20px;}

/* kim.h.j
#footer{position:relative; margin:0 auto; clear:both; text-align:left; padding:20px 0 20px 0; border-top:1px solid #e1e1e1; background:#ffffff;}
.logo{text-align:center;}
#footer *{margin:0; padding:0; color:#444; list-style:none; font-size:12px; line-height:normal; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;}
#footer a{text-decoration:none; color:#000000;}
#footer a:visited{text-decoration:none; color:#666;}
#footer a:hover{text-decoration:underline;}
#footer ul{margin:0 20px 10px 0;}
#footer ul li{display:inline; position:relative; padding:0 20px 0 0; font-size:11px; white-space:nowrap;}
#footer p{margin:-4px 0 3px 0; font-size:11px; line-height:20px; color:#666666;}
*/
/* Footer */
#footer{position:relative; margin:5 auto; clear:both; padding:40px 0 40px 0; border-top:1px solid #e1e1e1; background:#ffffff;}
.logo{text-align:center;}
#footer *{margin:0; padding:0; color:#444; list-style:none; font-size:12px; line-height:normal; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;}
#footer a{text-decoration:none; color:#000000;}
#footer a:visited{text-decoration:none; color:#000000;}
#footer a:hover{text-decoration:underline;}
#footer ul{margin:0 20px 10px 0;}
#footer ul li{display:inline; position:relative; padding:0 20px 0 0; font-size:11px; white-space:nowrap;}
#footer p1{margin:-2px 0 3px 0; font-size:11px; line-height:10px; color:#666666; text-align:right;}
#footer p2{margin:-2px 0 3px 0; font-size:11px; line-height:10px; color:#666666; text-align:left;}

/* kim.h.j */
.input01 {border: 1px solid #dcdcdc;font-family:돋움; font-size:9pt; color:#929292; background-color:#f9f9f9;}
.rachell { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #CBCBCB; scrollbar-highlight-color: #CBCBCB; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #F5F5F5; scrollbar-arrow-color: #CBCBCB; overflow-y:scroll; width:670px; height:180px;}
.text5     {font-size:9pt; color:#686868; line-height:150%; text-decoration:none; font-family:, u, seoul, arial, helvetica}