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

*{font-family:'NanumGothic';}
.conts{position:relative;}

.btn_b01,.btn_b02,.btn_submit,.btn_frmline{background-image:url('/design/img/grf.png');background-repeat:repeat-x;background-position:0 0;color:#fff;font-family:'NanumGothic';border:1px solid;*border:0;line-height:23px;min-height:23px;padding:0 10px; cursor:pointer}
fieldset .btn_submit{height:18px;line-height:13px;font-size:0.9em}
.btn_confirm{text-align:center;margin-top:15px}
.btn_confirm p{margin-bottom:15px;font-family:'NanumGothic';}
.btn_confirm .btn_submit,.btn_confirm .btn_cancel{width:100px;height:35px;line-height:33px;font-weight:bold;padding:0}
.btn_confirm .btn_submit{height:37px;cursor:pointer}
.btn_confirm .btn_submit.S02{background-image:url('/design/img/grfbk.png');background-position:0 100%;border:0;padding:1px;}

#mb_login{width:530px;position:absolute;top:50%;left:50%;margin-left:-265px;}
#mb_login h1{border-bottom:1px solid rgba(255,255,255,.9);display:block;font-size:30px;padding:65px 0 9px;background:url('/design/img/login/bg.png') no-repeat 50% 0;}
#mb_login h1 span{font-weight:normal;font-size:12px;display:inline-block;padding-left:5px;}
#mb_login .btn_confirm{margin-top:50px;}
#mb_login .btn_confirm a{font-weight:normal;}
#mb_login.noty2{margin-top:0;line-height:18px;}

.sns_login{width:530px;margin:0 auto;}
.sns_login a{display:block;margin-top:5px;height:45px;color:#fff;letter-spacing:-0.5px;font-size:14px;text-align:center;line-height:45px;position:relative;text-decoration:none;border:1px solid rgba(0,0,0,0.1);}
.sns_login a i{position:absolute;top:0;left:0;width:45px;height:100%;border-right:1px solid rgba(0,0,0,0.06);background-image:url(/design/img/login/sns.png);background-repeat:no-repeat;}
.sns_login .gplus{background-color:#da4835}
.sns_login .gplus i{background-position:-165px 50%}
.sns_login .facebook{background-color:#3b5998}
.sns_login .facebook i{background-position:15px 50%}
.sns_login .kakao{background-color:#ffd800;color:#3c1d1d}
.sns_login .kakao i{background-position:-47px 50%}
.sns_login .naver{background-color:#2db400}
.sns_login .naver i{background-position:-107px 50%}

.input_txt{display:inline-block;position:relative;padding:0 20px;border:1px solid #ddd;background:#fff}
.input_txt input{height:18px;*height:16px;padding:12px 0 8px;border:0;font-size:13px;line-height:18px;*line-height:18px;font-weight:bold;background-color:#fff}
.input_txt label{position:absolute;top:12px;left:20px;font-size:13px;font-weight:700}
.input_txt label em{display:inline-block;text-indent:20px;color:#777;}
.input_txt.colbg{background-image:url('/design/img/bg_97.png');background-repeat:repeat}
.input_txt i{position:absolute;top:0;right:-30px;display:inline-block;width:20px;height:40px;background-image:url('/design/img/login/check.png');background-repeat:no-repeat;}
.input_txt i.allow{background-position:0 0}
.input_txt i.reject{background-position:0 100%}
/*에러메세지*/
.err_msg {display:none;margin-bottom:10px;padding:15px;background:#f9f9f9;border:1px solid #ddd;}
.err_msg p {padding-left:40px;background:url('/design/img/ic/caution.png') no-repeat 0 center;}
/*
.err_msg_layer {display:none;position:absolute;background:#fff url('/design/img/ic/bul_07.gif') no-repeat 28px 0;z-index:1;}
.err_msg_layer p {margin-top:4px;padding:10px;border:2px solid;}*/
/*로그인_입력창*/
.login_bg{background-color:#fff;padding:20px 0;position:relative;}
.login_fs{position:relative;margin-bottom:5px}
.login_fs .input_txt{width:368px;margin-bottom:5px;}
.login_fs .input_txt input{width:269px;margin-left:99px;}
.login_fs .cbtn{position:absolute;top:0;right:0;width:116px;height:85px;font-size:20px;font-weight:normal;text-align:center;}
.login_fs .cbtn.c02{height:40px;font-size:1.33em}

.auto_login{font-size:11px;}
.login_find{position:absolute;bottom:20px;left:120px;overflow:hidden}
.login_find li{float:left;padding:0 8px 0 10px;font-size:11px;background:url('/design/img/bar.png') no-repeat;}
.login_find li:first-child{background:none;padding-left:0}
.login_find a{text-decoration:none;}

.mb_none{overflow:hidden;padding-top:15px;background:#fff}
.mb_none .cbtn{float:left;line-height:35px;padding:0 10px;margin-right:15px;}
.mb_none p{padding-top:5px;}
.mb_none strong{color:#111}
/*비밀번호변경*/
#mb_login.passchk h1{font-size:18px;padding-top:5px;overflow:hidden;height:95px}
#mb_login.passchk h1 strong{display:block;font-size:1.6em;margin:3px 0 8px;}
#mb_login.passchk h1 em{display:block;font-size:12px;line-height:15px;color:#888}
#mb_login.passchk h1 b{color:#333}

.passchk .login_fs .input_txt{width:490px}
.passchk .login_fs .input_txt input{width:391px}
.passchk  .btns{text-align:center;overflow:hidden;white-space:nowrap;}
.passchk .btns .btn3{padding:8px 0 10px;width:174px;font-size:14px;}
.passchk .btns .btn3:first-child{width:175px;}

/*로그인_새창*/
.new_win{padding:20px;background:#fff}
.new_win #win_title{margin-bottom:15px;padding-bottom:2px;background:url('/design/img/bg_65.png') repeat-x 100% 30px}
.new_win #win_title h1{font-size:20px;padding-bottom:7px;background-color:#fff;display:block;}
.new_win .win_btn{text-align:center;margin-top:20px}
.new_win .win_btn .btn_submit{padding:4px 25px;}
/*새창_비번찾기*/
#find_info .input_txt{width:230px;margin-bottom:5px}
#find_info .input_txt input{width:155px;margin-left:67px}
#find_info .input_txt label{left:12px}
#find_info #captcha_key{width:103px;background:#fff !important}
/*비밀번호입력*/
.password{position:relative}
.password .input_txt{width:279px;margin-bottom:5px;}
.password .input_txt input{width:180px;margin-left:70px;}
.password .cbtn{position:absolute;top:0;right:105px;width:100px;height:40px;font-size:15px;font-weight:normal;text-align:center;}
.password .btn{position:absolute;top:0;right:0;width:100px;height:38px;font-size:15px;font-weight:normal;text-align:center; line-height:38px}
/*회원가입_단계*/
.stepBox{position:relative;overflow:hidden;margin-top:20px;height:60px;background-color:#ededed;margin-bottom:40px;}
.stepBox ul{overflow:hidden;}
.stepBox li{position:relative;float:left;padding:0px 3% 0 3%;height:60px;margin-left:-3%;width:30.3%;background:url('/design/img/login/stepBox.png') no-repeat 0 0;}
.stepBox li .box {position:absolute;right:0px;width:26px;height:60px;border:0;text-align:center;margin-left:-1px;background:url('/design/img/login/stepBox.png') no-repeat 100% 0;}
.stepBox li .num{display:inline-block;margin-right:2px;line-height:18px;font-size:15px;margin-left:30px;font-weight:bold}
.stepBox li .text{display:inline-block;margin-top:-3px;line-height:16px;vertical-align:middle;font-size:14px;word-spacing:-2px}
.stepBox li .align{display:inline-block;height:60px;}
.stepBox li div{display:inline;font-size:16px;font-weight:bold;position:absolute;top:50%;vertical-align:top;margin-top:-11px}
.stepBox li.first{background-position:0 0;}

.stepBox li.colbg .num, .stepBox li.colbg .text {color:#fff;}

.stepBox li.first .box,.stepBox li.last .box{background:none}
.stepBox li.col{background-position:0px -120px;}
.stepBox li.col .box{background-position:10px -120px;}
.stepBox li.colbg{background-position:0px -60px;}
.stepBox li.colbg .box{background:none}

.stepBox .col4 li{width:22%;}
.stepBox .col5 li{width:17%;}
/*회원가입_*/
/*
.regstep{overflow:hidden;border:1px solid #ddd;background:url('/design/img/grf.gif') repeat-x 0 100%;margin:10px 0 20px;font-family:'NanumGothic'}
.regstep li{float:left;line-height:30px;height:33px;z-index:10;background-image:url('/design/img/comn.png');background-repeat:no-repeat;background-position:100% -267px;overflow:hidden;position:relative;text-indent:40px;width:33.3%;}
.regstep li:first-child{width:33.4%;text-indent:20px;}
.regstep li:first-child span{background:none;}
.regstep li.colbg{color:#fff;font-weight:bold;z-index:100;}
.regstep li.colbg span{background:url('/design/img/comn.png') no-repeat 100% -301px;display:inline-block;width:23px;height:33px;margin-right:20px;position:absolute;top:0px;left:-23px;text-indent:0}
*/


.register *{font-family:'NanumGothic';}
.register h1{font-size:0;line-height:0;width:0;text-indent:-999px;display:none}
.register h2{padding-bottom:10px;color:#222;font-size:14px;display:block;}
.register h3,.rtit{margin-bottom:10px;font-size:14px;border-bottom:2px solid #aaa;display:block;padding-bottom:7px;}
.register h3 em,.rtit em{font-size:11px;color:#888;font-weight:normal}
.register h3 em:before,.rtit em:before{content:'';margin:0 5px;border-left:1px solid #ddd;}
.register .twrap{font-size:11px;color:#666;line-height:150%}
.register .twrap strong, .register .twrap h2{font-size:1.12em;display:block;margin:20px 0 5px;padding-bottom:0}
.register .twrap strong:first-child, .register .twrap h2:first-child{margin-top:0}
.register .twrap ol{margin-left:20px !important;}
.register .twrap ol li{list-style:decimal;margin-left:-5px;padding:0;line-height:140%;margin-bottom:5px;}
.register .twrap ul{margin-left:20px !important;display:block}
.register .twrap ul li{list-style:circle;margin-left:-5px;padding:0}

.register textarea{padding:1.5%;width:96.8%;height:150px;font-size:11px;border:1px solid #ddd;overflow-y:auto}
.register .sep{background-color:#ddd;width:100%;}
.register .sep tr{background-color:#fff}
.register .sep th,.register .sep td{padding:10px;font-size:11px}
.register .btn_frmline{height:42px;border:1px solid #ccc;font-weight:bold;padding:0 9px;background:#fff;color:#333}
.register .link{text-align:right;letter-spacing:-0.05em;}
.register .link .bul{margin:0 0 2px 5px;}

.register .agree{margin:10px 0 50px;font-size:11px;text-align:center}
.register .btn_confirm{margin-top:30px;}
.register .btn_confirm .btn_submit{width:150px;height:50px}
.register .btn_confirm a{width:148px;line-height:48px;text-decoration:none;}

.register .float{display:inline-block;margin:4px 0 0 5px;vertical-align:top;text-align:left}
.register #captcha #captcha_img,.register #captcha #captcha_key{border-color:#ccc;}
.register #captcha #captcha_key {width:150px}

.register .ln{margin:10px auto;width:90%}

.reg_frm{margin:0 auto;width:80%;min-width:600px;}
.reg_frm .input_txt{width:95.7%;margin-bottom:10px;padding:0 2%}
.reg_frm .input_txt input{width:84%;margin-left:16%;padding:10px 0 12px;}
.reg_frm .input_txt textarea{border:0;width:86%;margin-left:16%;padding:10px 0 12px;margin-right:-2%}
.reg_frm .input_txt.i02{width:81%}
.reg_frm .input_txt.i02 i{right:-120px}
.reg_frm .input_txt.i03{width:66.5%}
.reg_frm .input_txt.i03 i{right:-210px}
.reg_frm .info{margin:-3px 0 15px}

.reg_frm #captcha{margin:2px 0 0 15%}
.reg_frm #captcha #captcha_img,.reg_frm #captcha #captcha_mp3,.reg_frm #captcha #captcha_reload,.reg_frm #captcha #captcha_key{border:0 !important;}
.reg_frm #captcha #captcha_img{width:112px;height:40px;vertical-align:middle}
.reg_frm #captcha #captcha_mp3,.reg_frm #captcha #captcha_reload{height:19px;left:115px}
.reg_frm #captcha #captcha_mp3{top:0px;}
.reg_frm #captcha #captcha_reload{bottom:5px;}
.reg_frm #captcha #captcha_key{text-align:left;height:40px;line-height:1em;font-family:Arial;letter-spacing:0.1em}

.tbl_frm{margin:0 auto;width:90%;table-layout:fixed;font-size:13px;}
.tbl_frm caption{padding:0}
.tbl_frm th{width:85px;padding:10px 0 10px 10px;font-weight:bold;text-align:left;color:#222}
.tbl_frm td{padding:7px 0;text-align:left}
.tbl_frm p{margin-top:5px}
.tbl_frm .guide{font-size:11px;color:#888}
.tbl_frm .tbl_input{height:24px;padding:4px 9px 6px;border:1px solid #ccc;font-size:13px;*line-height:26px}
.tbl_frm textarea{height:60px;font-size:13px;border-color:#ccc;width:96.5%}
.tbl_frm .btn_frmline{height:36px;}

#reg_result{text-align:center;width:500px;margin:60px auto 0}
#reg_result h2{font-size:2.3em}
#reg_result p{margin:10px 0;text-align:left}
#reg_result .bx{font-weight:bold;margin:0 0 60px;text-align:center;color:#666;font-size:30px;text-align:center;color:#333;font-family:'NanumGothic';letter-spacing:-2px; word-spacing:-2px;}
#reg_result .notify{border:1px solid #ddd;background:#eee;padding:3px;}
#reg_result .notify p{padding:8px;background-color:#fff;line-height:20px;margin:0}
#reg_result .btn_confirm a{width:150px;height:40px;line-height:40px;font-weight:bold}

#result_email{border-top:2px solid #ccc;margin:50px auto 20px;}
#result_email span{background:#f7f7f7;float:left;text-align:left;width:100px}
#result_email span,#result_email strong{display:block;padding:10px;border-bottom:1px solid #ddd;height:13px}
#result_email strong{overflow:hidden;text-align:left;}
/*이메일인증*/
#mb_login .reg_frm{width:530px;min-width:auto}
#mb_login .reg_frm .input_txt{width:387px;margin-bottom:5px;}
#mb_login .reg_frm #captcha{margin-left:23%}
#mb_login .reg_frm .cbtn{font-size:17px;height:91px}
/*회원탈퇴*/
.register ol li{padding-top:10px;}
.reason{overflow:hidden;margin-bottom:20px}
.reason li{float:left;width:25%;padding-bottom:6px}
/*BBS_회원가입*/
.member{font-family:'NanumGothic'}
.member .step{overflow:hidden;border:1px solid #ddd;background:url('/design/img/grf.gif') repeat-x 0 100%;margin:10px 0 20px 0;}
.member .step li{float:left;width:33.3%;line-height:30px;height:33px;z-index:10;background-image:url('/design/img/comn.png');background-repeat:no-repeat;background-position:100% -267px;position:relative;text-indent:40px;}
.member .step li:first-child{width:33.4%;text-indent:20px;}
.member .step li:first-child span{background:none;}
.member .step li.colbg{color:#fff;font-weight:bold;z-index:100;}
.member .step li.colbg span{background:url('/design/img/comn.png') no-repeat 100% -301px;display:inline-block;width:23px;margin-right:20px;height:100%;position:absolute;top:0px;left:-23px;text-indent:0}

.member .agreement h1{padding-bottom:5px;}
.member .tit{margin-bottom:10px;font-size:14px;}
.member .tit em{font-size:11px;color:#888}
.member .tit em:before{ content:'';margin:0 5px;border-left:1px solid #ddd;}

.member .tb01{border-width:2px 0 0;border-style:solid}
.member .tb01 th:first-child{border-top:0}
.member .tb01 th{width:120px; padding:10px;}
.member .tb01 td{padding:7px;text-align:left}
.member .tb01 td p{margin-left:0}
.member .tb01 td p.guide{font-size:11px;color:#888}
.member .btn_confirm .cbtn{padding:15px 30px;}

.member .bx{font-size:19px;font-weight:bold;text-align:center;margin:60px 0;}