#wrap {width:100%;}
#header{position:relative;padding:0 0 4px 0;width:100%;background:url("/images/ham/login/header_bg.gif") repeat-x left bottom;}
#logo{position:absolute;top:16px;left:0;width:341px;}
#logo h1{position:absolute;top:0;left:106px;display:block;width:177px;height:19px;background:url("/images/ham/login/logo.gif") no-repeat left top;text-indent:-5000px;font-size:0;line-height:1;}
#sidemenu{position:relative;padding:0 0 0 341px;width:auto;}
#sidemenu #smenu{*zoom:1;}
#sidemenu #smenu:after {content:"";display:block;visibility:hidden;clear:both;}
#sidemenu #smenu li{display:inline;float:left;margin:0;padding:0 0 0 2px;background:url("/images/ham/login/smenu_line.gif") no-repeat left top;}
#sidemenu #smenu li a{display:block;padding:9px 18px;font-size:11px;text-align:center;}
#sidemenu #smenu li a:link,
#sidemenu #smenu li a:visited {color:#c9cacc;}
#sidemenu #smenu li a:hover,
#sidemenu #smenu li a:active {background:url(/images/ham/login/link_ov.gif) repeat-x left top;color:#fffef9;}
#sidemenu #smenu li .link_ov:link,
#sidemenu #smenu li .link_ov:visited,
#sidemenu #smenu li .link_ov:hover {background:url(/images/ham/login/link_ov.gif) repeat-x left top;color:#fffef9;}
#sidemenu #smenu li a img{margin-bottom:6px;}
#sidemenu #smenu li a p{margin:0;}
#global{position:absolute;top:16px;right:104px;}
#global *{vertical-align:middle;}
#global li{display:inline;float:left;margin:0;}
#global li.fir{background:url(/images/ham/login/gm_line.gif) no-repeat right 6px;}
#global li a{padding:0 12px;color:#aeafb2;font-size:11px;line-height:22px;}
#global li a:hover{color:#fffef9;}
#global li select{width:121px;height:18px;line-height:16px;}
#footer{width:100%;height:37px;background:#565e67;}
#footer *{vertical-align:middle;}
#footer p{margin:0;padding:7px 0;color:#fff;font-size:11px;line-height:23px;text-align:center;}
#middle {position:relative;width:100%;background:url("/images/ham/login/middle_bg.gif") repeat-x left top;border-top:1px solid #fff;*zoom:1;}
#middle:after {content:"";display:block;visibility:hidden;clear:both;}
.middle_l{background:url("/images/ham/login/middlel_bg.gif") repeat-y left top;}
.middle_l:after {content:"";display:block;visibility:hidden;clear:both;}
#login {position:relative;z-index:1;width:100%;background:#f1f2f5 url("/images/ham/login/login_bg.gif") repeat-x left top;*zoom:1;}
#login:after {content:"";display:block;visibility:hidden;clear:both;}
.login_wrapper{margin:0 auto;padding:53px 0 87px 0;width:806px;background:url("/images/ham/login/loginwrap_bg.gif") no-repeat 70px 75px;*zoom:1;}
.login_wrapper:after {content:"";display:block;visibility:hidden;clear:both;}
.loginform{display:inline;float:left;margin:0;padding:52px 53px 0 0;width:314px;}
.loginform h2{display:block;margin:0 0 30px 0;line-height:0;text-align:center;}
.loginform .login_input{position:relative;margin:0 0 10px 0;width:315px;}
.loginform .login_input *{vertical-align:middle;}
.loginform .login_input li{margin:0;padding:0;line-height:0;}
.loginform .login_input li input#login_id,
.loginform .login_input li input#login_pwd,
.loginform .login_input li input#email{padding:0 0 0 15px;width:151px;height:27px; margin-bottom:2px;border:1px solid #cacdd2;color:#a7acb1;font-size:11px;line-height:27px;}
.loginform .login_input li.bn_login{position:absolute;top:0;right:0;}
.loginform .tomail{font-weight:bold; padding-bottom:30px; margin-left:70px;}
.loginform .tomail a{width:168px;text-align:center;}
.loginform .tomail span{}
.loginimg{display:inline;float:left;width:439px;height:367px;background:url(/images/ham/login/login_img.jpg) no-repeat left top;}
#news{width:314px;}
#news h3{display:block;overflow:hidden;margin:0;padding:0 0 12px 0;height:15px;border-bottom:1px solid #cacdd2;}
#news ul{margin:13px 0 0 18px;}
#news ul li{display:inline-block;}
#news ul li a{color:#64728a;font-size:11px;line-height:16px;}
#remote{position:absolute;top:0;left:0;padding:33px 22px 33px 107px;width:206px;background:url(/images/ham/login/remote_bg.gif) repeat-x left top;}
#remote h2{margin:0 0 30px 0;color:#1a4e82;font-size:16px;line-height:36px;text-align:center;font-weight:bold;}
#leftmenu{margin:0;padding:0;width:206px;}
#leftmenu li {line-height:0;}
#leftmenu li a {display:block;margin:3px 0;padding:0 0 0 38px;width:168px;font-size:15px;font-weight:bold;letter-spacing:-1px;line-height:30px;}
.link_2th:link,
.link_2th:visited {color:#545658;background:url(/images/ham/login/lm_in.gif) no-repeat left top;}
.link_2th:hover,
.link_2th:active {color:#fff;background:url(/images/ham/login/lm_ov.gif) no-repeat left top;}
.link_2th_ov:link,
.link_2th_ov:visited,
.link_2th_ov:hover {color:#fff;background:url(/images/ham/login/lm_ov.gif) no-repeat left top;}

#leftmenu li .lm_3th {margin:0;padding:3px 0 3px 41px;width:173px;}
#leftmenu li .lm_3th li {display:block;margin:0;padding:0;line-height:0px;}
#leftmenu li .lm_3th li a{display:inline-block;margin:0;padding:0 0 0 13px;width:162px;color:#787878;font-size:14px;font-weight:normal;letter-spacing:0;line-height:22px;}
#leftmenu li .lm_3th li a.link_3th:link,
#leftmenu li .lm_3th li a.link_3th:visited{background:url(/images/ham/login/lm_3th_bul.gif) no-repeat left 8px;color:#787878;}
#leftmenu li .lm_3th li a.link_3th:hover {background:url(/images/ham/login/lm_3th_bul_ov.gif) no-repeat left 8px;color:#263a59;font-weight:bold;letter-spacing:-1px;}
#leftmenu li .lm_3th li a.link_3th_ov:link,
#leftmenu li .lm_3th li a.link_3th_ov:visited,
#leftmenu li .lm_3th li a.link_3th_ov:hover{background:url(/images/ham/login/lm_3th_bul_ov.gif) no-repeat left 8px;color:#263a59;font-weight:bold;letter-spacing:-1px;}



#container {width:auto;padding:33px 0 33px 352px;}
h2#contTit {display:block;margin:0;padding:0 0 5px 23px;background:url(/images/ham/login/cont_bg.gif) repeat-x left bottom;color:#324563;font-size:16px;font-weight:bold;line-height:36px;letter-spacing:-2px;}	

#txt{margin:20px 0;min-height:600px;_height:600px;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.dBlock {display:block;}
.dInline {display:inline;}
.dInlineB {display:inline-block;}

.tip_msg {font-size:11px;color:#ff0000;;font-weight:bold;position:absolute;margin-left:10px;padding:3px;width:auto;background-color:#fff;border:1px solid #ee5f11;}

label, textarea {vertical-align:middle;}



/* 버튼 */
.btn_board{display:inline-block;line-height:28px;font-weight:bold;background:#5c5c5f;}
.btn_board,
.btn_board img,
.btn_board span{display:inline-block;vertical-align:middle;}
.btn_board span{padding:0 15px; color:#fff;}
.btn_board:hover span,
.btn_board:focus span {line-height:28px;background:#5c5c5f;text-decoration:none;}

/* 중복 로그인 안내 화면 */
#login .text-wrap {padding: 24px 35px; background: #fff; line-height: 2; border-radius: 10px;}
#login .text-wrap h3 {text-align:center; font-weight: bold; font-size: 17px;}
#login .btn-wrap {margin: 12px; text-align: center;}
#login .btn-wrap button {padding: 10px 14px; border: 1px solid transparent; border-radius: 5px;}
#login .btn-wrap button:nth-child(1) {background: #7d7a7a; color: #fff;}
#login .btn-wrap button:nth-child(2) {background: #fff; color: #666; border:1px solid #666;} 
#login .img-wrap {text-align: center;}