@charset "utf-8";
@import url("com_base.css");

.body {background-color:transparent;}
.log1 { margin-top:40px; margin-left:6px; width:100%;}/*101020*/
.log1 li{ float:left; font-weight:bold; margin:0; }
.log1 .log1_right{float:right; margin-bottom:1px;}
.log_box {border:1px solid #333; width:97%; clear:both; padding:2px; margin-left:6px; margin-right:12px;}/*1023*/
.log_box p {text-align:center;  padding:0; color:#666; letter-spacing:-1px;}
.log_box p *{font-size:11px; color:#333;}
.log_box p a{font-size:11px; color:#333;}
.log_box p a:hover {font-size:11px; color:#09F;}
.log_box .log_t1 {letter-spacing:-0.12em; word-spacing:0px;}
.log_sel {width:100%; font-size:12px; margin-top:2px;}
.log_sel_01 {position:relative; width:100%; margin-top:2px; margin-left:6px; }
.log_sel_02 {margin-right:50px;}
.log_sel_03 {width:100%; border:1px solid #ccc; font-size:12px; color:#666; height:20px;}
.log_sel_04 {position:absolute; top:0; right:0; width:50px; text-align:right;}


/*라디오때문에추가*/
.log_input_s01 {width:74px; border:1px solid #ccc; height:14px;}
.log_ps {font-size:11px; color:#666; letter-spacing:-1px; padding-top:4px;}
.radio_s {padding-right:2px; margin-left:2px;}

/*라디오때문에스타핵*/
html*.log_input_s01 {width:74px; border:1px solid #ccc; height:14px;}
html*.log_ps {font-size:11px; color:#666; letter-spacing:-2px; padding-top:0px;}
html*.radio_s {padding:0px; margin:0px;}

.log2 {margin-top:40px; padding-left:5px;}/*101020*/
.log2 li{clear:both; font-family:'돋움',굴림,dotum,gulim,Tahoma, Geneva, sans-serif,dotum; font-size:11px; padding:0 0 2px 0; line-height:14px;}
.log2 li span {display:inline-block; font-family:"나눔고딕web","나눔고딕","NanumGothic","NanumGothicOTF","맑은고딕","Malgun Gothic",'돋움',굴림,dotum,gulim,Tahoma, Geneva, sans-serif,dotum; width:60px; font-size:11px; font-weight:bold; line-height:15px;}

.log3 li{float:left; padding-left:5px;}
.input_log2 {width:50%;}
.input_log {width:100%; padding:2px; border:1px solid #ccc; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#999;}

/*신규디자인_로그인*/
.user3_id {padding:0; margin:0;}
.user3_id li {list-style:none outside none; padding:0 8px 2px 0; *padding:0 8px 0 0; margin:0;}
.user3_id li .input3_usid {width:100%; font-family:Dotum; font-size:11px; color:#343434; height:16px;  border:1px solid #bebebe; padding:3px 2px 2px 4px; *padding:5px 2px 0px 4px; background:url(/img/ip_id.gif) 5px 5px no-repeat #eee; }
.user3_id li .input3_uspass {width:100%; background:url(/img/ip_pass.gif) 5px 5px no-repeat #eee; font-family:Dotum; font-size:11px; color:#343434; height:16px; border:1px solid #bebebe; margin:0; padding:3px 2px 2px 4px;}
.user3_id li .input3_usidkr {width:100%; font-family:Dotum; font-size:11px; color:#343434; height:16px;  border:1px solid #bebebe; padding:3px 2px 2px 4px; *padding:5px 2px 0px 4px; background:url(/img/ip_id.gif) 5px 5px no-repeat #eee; }
.user3_id li .input3_uspasskr {width:100%; background:url(/img/ip_pass.gif) 5px 5px no-repeat #eee; font-family:Dotum; font-size:11px; color:#343434; height:16px; border:1px solid #bebebe; margin:0; padding:3px 2px 2px 4px;}
.user3_id li .input3_usidus {width:100%; font-family:Dotum; font-size:11px; color:#343434; height:16px;  border:1px solid #bebebe; padding:3px 2px 2px 4px; *padding:5px 2px 0px 4px; background:url(/img/ip_id_e.gif) 5px 5px no-repeat #eee; }
.user3_id li .input3_uspassus {width:100%; background:url(/img/ip_pass_e.gif) 5px 5px no-repeat #eee; font-family:Dotum; font-size:11px; color:#343434; height:16px; border:1px solid #bebebe; margin:0; padding:3px 2px 2px 4px;}
.user3_id li .input3_usid_off {width:100%; font-family:Dotum; font-size:11px; color:#343434; height:16px;  border:1px solid #bebebe; padding:3px 2px 2px 4px; *padding:5px 2px 0px 4px; background:#eee; }
.user3_id li .input3_uspass_off {width:100%; background:#eee; font-family:Dotum; font-size:11px; color:#343434; height:16px; border:1px solid #bebebe; margin:0; padding:3px 2px 2px 4px;}

.user3_btn {padding:0; margin-top:3px;}
.login3_btn {background:url(/img/login.gif) 0 0 no-repeat ; border:0; cursor:pointer; line-height:22px; height:22px; width:56px; margin:0px; padding:0 0 0 0; vertical-align:middle; text-align:center; font-family:dotum; font-size:11px; color:#2f3743; letter-spacing:-1px; font-weight:bold;}
.join3_btn {background:url(/img/login.gif) 0 0 no-repeat ; border:0; cursor:pointer; line-height:20px; height:22px; width:56px; margin:0px; display:inline-block; /*padding:5px 8px 6px 8px;*/ vertical-align:middle; text-align:center; font-family:dotum; font-size:11px; color:#666666; letter-spacing:-1px;}
.join3_btn a { text-decoration:none; color:#666;}

/*로그아웃*/
.join3_hbtn {background:url(/img/bg_logout.gif) left top no-repeat ; border:0; cursor:pointer; height:16px; width:56px; margin-top:0px;  padding:1px 0 1px 0; text-align:center; font-family:dotum,Verdana, Geneva, sans-serif; font-size:11px; color:#666666; letter-spacing:-1px;}
.join3_hbtn a {text-decoration:none; color:#666; border:0;}

.user3_pass {padding:0; margin:10px;}
.user3_pass li {width:50%; list-style:none outside none; float:left; padding:0; margin:0;}
.user3_pass .user3_out {float:right; top:0; right:0px; text-align:right; width:56px;}
.user3_pass .user3_idlog {line-height:20px;}
.sel_direct {background:url(../img/sel_box_arrow.gif) right 0 no-repeat #fff; border:1px solid #e4e4e4; height:16px; margin:3px 0 0 0; clear:both; cursor:pointer; font-family:Dotum; font-size:12px; color:#333; padding:3px 3px 3px 5px; line-height:16px;}
.sel_direct01 {padding:5px; border:1px solid #e4e4e4; background:#fff; border-top:0; max-height:66px; overflow:auto;}
.sel_direct01 h2 {background:#eaeaea; color:#757575; line-height:20px; padding: 0 3px 0 3px;}
.sel_direct01 .direct_list1 {margin:3px 0 3px 0;}
.sel_direct01 .direct_list1 li {padding:0 3px 0 3px; line-height:18px; font-family:Dotum; font-size:11px; color:#a9a9a9; cursor:pointer;}
.sel_direct01 .direct_list1 li:hover {background:#eaeaea; color:#666;}
.sel_direct01 .direct_list1 li a {color:#a9a9a9;}
.sel_direct01 .direct_list1 li a:hover {color:#666;}


.user3_modi {margin:4px 0 4px 0; *margin:4px 0 6px 0; clear:both; margin:10px;}
.user3_modi li {display:inline; font-family:gulim; font-size:12px; color:#868686; letter-spacing:-1px;}
.user3_modi li a {color:#868686;}
.user3_modi .modi_line {background:url(/img/modi_line.gif) 72px 1px no-repeat; padding-right:10px; line-height:22px; *line-height:18px;}

/*로그인 기능*/
.login_form {padding-top:35px; margin-top:0;}

/*가로형로그인*/
.user3_w_id {padding:0; margin:0;}
.user3_w_id li {list-style:none outside none; float:left; padding:0 3px 0px 0; margin:0;}
.user3_w_id li .winput3_usid {width:80px; background:url(/img/ip_id.gif) 5px 5px no-repeat #eee; font-family:Dotum; font-size:11px; color:#343434; height:14px;  border:1px solid #bebebe; padding:2px 2px 2px 4px; *padding:4px 2px 0px 4px;}
.user3_w_id li .winput3_uspass {width:80px; background:url(/img/ip_pass.gif) 5px 5px no-repeat #eee; font-family:Dotum; font-size:11px; color:#343434; height:14px; border:1px solid #bebebe; margin:0; padding:2px 2px 2px 4px;}
.user3_w_id li .winput3_usidkr {width:80px; background:url(/img/ip_id.gif) 5px 5px no-repeat #eee; font-family:Dotum; font-size:11px; color:#343434; height:14px;  border:1px solid #bebebe; padding:2px 2px 2px 4px; *padding:4px 2px 0px 4px;}
.user3_w_id li .winput3_uspasskr {width:80px; background:url(/img/ip_pass.gif) 5px 5px no-repeat #eee; font-family:Dotum; font-size:11px; color:#343434; height:14px; border:1px solid #bebebe; margin:0; padding:2px 2px 2px 4px;}
.user3_w_id li .winput3_usidus {width:80px; background:url(/img/ip_id_e.gif) 5px 5px no-repeat #eee; font-family:Dotum; font-size:11px; color:#343434; height:14px;  border:1px solid #bebebe; padding:2px 2px 2px 4px; *padding:4px 2px 0px 4px;}
.user3_w_id li .winput3_uspassus {width:80px; background:url(/img/ip_pass_e.gif) 5px 5px no-repeat #eee; font-family:Dotum; font-size:11px; color:#343434; height:14px; border:1px solid #bebebe; margin:0; padding:2px 2px 2px 4px;}
.user3_w_id li .winput3_usid_off {width:80px; background:#eee; font-family:Dotum; font-size:11px; color:#343434; height:14px;  border:1px solid #bebebe; padding:2px 2px 2px 4px; *padding:4px 2px 0px 4px;}
.user3_w_id li .winput3_uspass_off {width:80px; background:#eee; font-family:Dotum; font-size:11px; color:#343434; height:14px; border:1px solid #bebebe; margin:0; padding:2px 2px 2px 4px;}
.user3_wbtn {padding-left:2px; margin-left:2px;}
.user3_wbtn span {padding:0; margin:0;}
.login3_wbtn {background:url(/img/set_ico_login_w.gif) 0 0 no-repeat ; border:0; cursor:pointer; line-height:18px; height:20px; width:56px; margin:0px; padding:1px 0 2px 0; *padding:0; vertical-align:middle; text-align:center; font-family:dotum; font-size:11px; color:#2f3743; letter-spacing:-1px; font-weight:bold;}
/*.join3_wbtn {background:url(/img/set_ico_login_w.gif) 0 0 no-repeat ; border:0; cursor:pointer; line-height:18px; height:20px; width:56px; margin:0px; padding:0 0 0 0; vertical-align:middle; text-align:center; font-family:dotum; font-size:11px; color:#666666; letter-spacing:-1px; margin-left:2px;}*/
.logout3_wbtn {background:url(/img/set_ico_login_w.gif) 0 0 no-repeat ; border:0; cursor:pointer; line-height:18px; height:20px; width:56px; margin:0px; padding:1px 0 2px 0; *padding:0; vertical-align:middle; text-align:center; font-family:dotum; font-size:11px; color:#2f3743; letter-spacing:-1px;}

.join3_wbtn {background:url(/img/set_ico_login_w.gif) left top no-repeat ; border:0; cursor:pointer; height:20px; width:56px; margin-top:0px; *margin-top:1px; *padding:0px 0px 4px 0px; _padding:4px 0px 4px 0px; padding:0px 0px 4px 0px; text-align:center; font-family:dotum,Verdana, Geneva, sans-serif; font-size:11px; color:#666666; letter-spacing:-1px;}
.join3_wbtn a {text-decoration:none; color:#666; border:0;}

.user3_w_pass {padding:0; margin:0;}
.user3_w_pass li {list-style:none outside none; float:left; padding:0; margin:0; line-height:16px;}
.user3_w_pass .user3_w_idlog {line-height:19px; padding-right:3px;}
.user3_w_pass .user3_w_idlog2 {line-height:20px; padding-left:2px; font-family:gulim; font-size:12px; color:#a9a9a9; letter-spacing:-1px;}
.user3_w_pass .user3_w_idlog2 a {color:#999;}

.modi_wline {background:url(/img/modi_line.gif) right 3px no-repeat; line-height:18px; padding-left:3px; }


.wsel_direct {background:url(/img/sel_box_arrow.gif) right 0 no-repeat; border:1px solid #e4e4e4; height:16px; margin:3px 0 0 0; clear:both; cursor:pointer; font-family:Dotum; font-size:12px; color:#333; padding:2px 2px 2px 3px; line-height:16px;}