@charset "utf-8";

/* common */
html{overflow-x:auto;}
body{margin:0; padding:0; font-size:12px; line-height:1.5em; font-family:Dotum, Arial, Tahoma, Verdana, sans-serif;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0; padding: 0; font-size: 12px; color:#555; font-family:Dotum, Arial, Tahoma, Verdana, sans-serif;}
p{line-height:1.5em; margin:0; padding:0;}
abbr,acronym,fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
ol,ul,dl {list-style:none;}
table{border-spacing:0; border-collapse:collapse;}
legend {display:none;}
input, textarea {vertical-align:middle; color:#555;}
input.type-image {border: 0 none;}
input.type-text, textarea {margin:3px 0; border:1px solid #d2d2dc; background:#fff; padding:5px;}
	
a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
table{border-collapse:collapse;}
caption {display:none;}

img {vertical-align:middle;}
input[type=radio] {vertical-align:-3px; }

#accessibility, .skip, legend{text-indent:-1000px; font-size:0; line-height:0; position:absolute; left:-1000px; visibility:none;}
hr{display:none;}

/* ### Login ### */
#loginWrap {position:relative; width:995px; height:370px; margin:45px auto; background:url(../img/login_bg.gif) no-repeat center 3px;}
#loginWrap h1{margin-left:144px;}
#loginWrap .membDiv{width:300px; margin:40px auto; text-align:center;}
#loginWrap .membDiv .ml50{margin-left:50px;}
#loginWrap .loginTxt{margin:23px 0 0 269px;}
#loginWrap .loginTxt li{padding-left:11px; font-size:11px; color:#1b5296; line-height:18px; background:url(../img/bu01.gif) no-repeat left 5px;}
#loginWrap .loginBox{position:relative; position:absolute; left:280px; top:175px; width:390px; height:130px; padding-left:15px;}
#loginWrap .loginBox li{line-height:18px; margin-bottom:8px;}
#loginWrap .loginBox input.text{margin-left:15px; width:170px; height:21px; padding:1px 3px 0 5px; border:1px solid #adadad; color:#666; background:#fff;}
#loginWrap .loginBox input.text_1{margin-left:15px; width:71px; height:21px; padding:1px 3px 0 5px; border:1px solid #adadad; color:#666; background:#fff;}
#loginWrap .loginBox input.text_2{width:75px; height:21px; padding:1px 3px 0 5px; border:1px solid #adadad; color:#666; background:#fff;}
#loginWrap .loginBox input.radio{margin-left:15px;}
#loginWrap .btn_login{position:absolute; top:0; right:0;}
#loginWrap .btnWrap{margin-top:30px;}

/* popup */
#popup {position:relative; width:100%; height:auto !important; height:100%;	min-height:100%; background:#fff; margin-top:-1px;}
#popup .tWrap{position:relative; height:41px; padding:9px 15px 0 20px; background:url(../img/popup_head.png) repeat-x;}
#popup .tWrap h2{font-family:Malgun Gothic; font-size:22px; color:#fff; line-height:29px;}
#popup .tWrap .popClose{position:absolute; top:10px; right:15px;}
#popup .bottomBtn{display:block; width:84px; height:30px; font-size:0; text-indent:-3000px; background:url(../img/btn_confirm_off.gif) no-repeat; margin:15px auto 0 auto;}
#popup .bottomBtn a{display:block; width:84px; height:30px;}
#popup .bottomBtn a:hover{display:block; width:84px; height:30px; background:url(../img/btn_confirm_on.gif) no-repeat;}
#popup .cWrap{overflow:hidden; width:430px; height:170px; margin:60px auto 0 auto; padding:0 20px;}
#popup .cWrap .nameCert_img{float:left;}
#popup .cWrap .nameCert_txt {float:right; width:290px;}
#popup .cWrap .nameCert_txt p{font-family:Malgun Gothic; font-size:16px; color:#444; letter-spacing:-1px; line-height:26px;}
#popup .cWrap .nameCert_txt span.txt01{font-weight:bold; color:#00a4bc;}
#popup .cWrap .nameCert_txt span.txt02{color:#f0510b;}