@charset "UTF-8";
/**********로그인**********/
.login_wrap{}
.login_tab{overflow:hidden;margin-bottom:40px;}
.login_tab.divide_1{display:none;}
.login_tab li{float:left;}
.login_tab.divide_1 li{width:100%;}
.login_tab.divide_2 li{width:50%;}
.login_tab.divide_3 li{width:33.33%;}
.login_tab a{display:block;text-align:center;padding:12px 0;border:1px solid #DDD;border-left:0;}
.login_tab li:first-child a{border-left:1px solid #DDD;}
.login_tab a:hover{background:#DDD;}
.login_tab a.active{background:#007ac3;color:#FFF;border-color:#007ac3;}
.login_tab li:first-child a.active{border-color:#007ac3;}
.login_wrap .login_box{margin-bottom:80px;}
.login_wrap .login_box h3{font-size:24px;text-align:center;margin-bottom:30px;}
.login_wrap .login_box h3:before{content:"";display:block;width:30px;height:3px;background:#222;margin: 0 auto 10px auto;}
.login_wrap .login_option{background:#fafafa;padding:20px 0;border-top:1px solid #666;border-bottom:1px solid #666;margin:30px 0;text-align:center;font-size:0;}
.login_wrap .login_option span{display:inline-block;padding:0 20px;font-size:15px;}
.login_wrap .login_option span input{vertical-align:-2px;margin-right:5px;}
.login_wrap .login_option_2{text-align:center;font-size:0;}
.login_wrap .login_option_2 span{display:inline-block;padding:0 20px;font-size:15px;}
.login_wrap .login_option_2 span input{vertical-align:-2px;margin-right:5px;}
.login_wrap .login_box_input{width:475px;margin: 0 auto;position:relative;}
.login_wrap .login_box_input dl{display:inline-block;font-size:0;width:380px;margin-right:10px;position:relative;}
.login_wrap .login_box_input dl dt,
.login_wrap .login_box_input dl dd{font-size:18px;margin-bottom:5px;}
.login_wrap .login_box_input dl dt{width:100px;position:absolute;padding-top:7px;}
.login_wrap .login_box_input dl dd{width:280px;margin-left:100px;}
.login_wrap .login_box_input dl dd input{width:calc(100% - 10px);padding:7px 5px;border:1px solid #b4b4b4;}
.login_wrap .login_box_input dl dd input::-ms-input-placeholder{font-size:13px;}
.login_wrap .login_box_input dl dd input::-webkit-input-placeholder{font-size:13px;} 
.login_wrap .login_box_input dl dd input::-moz-placeholder{font-size:13px;}
#userPwd{margin-top:5px;}
.login_wrap .login_box_input dl dd span{margin-right:20px;}
.login_wrap .login_box_input dl dd span input{width:auto;padding:0;margin-right:5px;vertical-align:middle;}
.login_wrap .login_box_input .btn_login{box-sizing:border-box;display:inline-block;width:85px;height:85px;font-size:16px;background:#1d6db6;color:#FFF;border-radius:0;position:absolute;right:0;top:0;}
.login_wrap .login_box_input .btn_login:hover{background:#52575c;}
.login_wrap .login_box_input div.saveId{clear:both;padding-top:10px;margin-left:100px;font-size:15px;}
.login_wrap .login_box_input div.saveId input{margin-right:10px;vertical-align:-1px;}
.login_wrap ul._findInfo{box-sizing:border-box;width:475px;margin: 30px auto 0 auto;border-top: 1px dashed #EEE;padding-top: 30px;}
.login_wrap ul._findInfo li{overflow:hidden;margin:10px 0;}
.login_wrap ul._findInfo li input[type=submit]{float:right;vertical-align:0px;box-sizing:border-box;display:inline-block;width:150px;height:30px;font-size:14px;background:#858585;color:#FFF;border-radius:30px;}
.login_wrap ul._findInfo li input[type=submit]:hover{background:#52575c;}
.login_wrap div.rules_box{margin-top:30px;background:#fafafa;text-align:left;padding:25px;border:1px solid #cdcdcd;}
.login_wrap div.rules_box td{background:#FFF;}
.login_wrap .login_info{position:relative;padding:5px;margin-top:50px;}
.login_wrap .login_info:before{content:"";display:block;background:url(/sites/guide/images/pattern_3.png);position:absolute;top:0;left:0;width:100%;height:100%;}
.login_wrap .login_info ul{background:#FFF;position:relative;}
.login_wrap .login_info ul.list_1{margin-top:10px;}
.login_wrap .login_info ul li.li_1{border-bottom:1px solid #EEE;}
.login_wrap .login_info ul li div{padding:30px;position:relative;overflow:hidden;}
.login_wrap .login_info a.goto_help{display:inline-block;border:1px solid #000;padding:7px 20px;font-size:14px;position:absolute;top:20px;right:20px;}
.login_wrap .login_info a.goto_help:hover{background:#52575c;color:#FFF;}
.login_wrap .login_box_2{margin-bottom:80px;text-align:center;}
.login_wrap .login_box_2 h3{font-size:24px;}
.login_wrap .login_box_2 h3:before{content:"";display:block;width:30px;height:3px;background:#222;margin: 0 auto 10px auto;}
.login_wrap .login_box_2 p.check_agree{margin-top:10px;}
.login_wrap .login_box_2 p input{margin-right:5px;vertical-align:middle;}
.login_wrap .login_box_2 p.caution_1{margin-top:30px;}
.login_wrap .login_box_2 div.login_box_btn{margin-top:30px;}
.login_wrap .login_box_2 div.login_box_btn a{display:inline-block;padding:10px 30px;border-radius:0;margin:0 5px;}
.login_wrap .login_box_2 div.login_box_btn a.btn_nav{color:#FFF;background:#01c73c}
.login_wrap .login_box_2 div.login_box_btn a.btn_cac{background:#fee800;}
.login_wrap .login_box_2 div.login_box_btn a.btn_goo{background:#ececec;}
.login_wrap .login_box_2 div.login_box_btn a:before{content:"";display:inline-block;width:30px;height:26px;vertical-align:-7px;}
.login_wrap .login_box_2 div.login_box_btn a.btn_nav:before{background:url(/sites/guide/images/icon_naver.png) no-repeat center;}
.login_wrap .login_box_2 div.login_box_btn a.btn_cac:before{background:url(/sites/guide/images/icon_cacao.png) no-repeat center;}
.login_wrap .login_box_2 div.login_box_btn a.btn_goo:before{background:url(/sites/guide/images/icon_google.png) no-repeat center;}
.login_wrap .login_box_2 div.login_box_btn a:hover{font-weight:bold;}
.login_wrap .login_box_2 div.login_box_btn input.btn_pho{display:inline-block;padding:10px 30px;border-radius:0;margin:0 5px;color:#FFF;background:#1d6db6;}
.login_wrap .login_box_2 div.login_box_btn input.btn_pho:hover{background:#52575c;}
.login_wrap .rePW_box{}
.login_wrap .rePW_box p.caution_1{text-align:center;margin:20px 0;}
.login_wrap .rePW_box dl{display:block;width:100%;margin-right:0;}
.login_wrap .rePW_box dl dd{width:400px;}
.login_wrap .rePW_box dd.dd_email input{width:calc(32% - 10px);}
.login_wrap .rePW_box dd.dd_email select{width:calc(30% - 10px);float:right;height:40px;border:1px solid #DDD;}
.login_wrap .rePW_box .btn_login{display:block;width:400px;height:auto;padding:10px 0;margin-left:100px;margin-top:30px;}
.login_wrap input.btn_request_code{display:inline-block;padding:10px 0;text-align:center;border-radius:0;color:#FFF;background:#1d6db6;width:280px;margin:10px 0 0 100px;}
.login_wrap .login_box_input_2{}
.login_wrap .login_box_input_2 dl{width:100%;margin-right:0;}
.login_wrap .login_box_input_2 dl dt,
.login_wrap .login_box_input_2 dl dd{font-size:18px;margin-bottom:5px;box-sizing:border-box;text-align:left;}
.login_wrap .login_box_input_2 dl dt{width:120px;position:absolute;padding-top:7px;}
.login_wrap .login_box_input_2 dl dd{width:calc(100% - 120px);margin-left:120px;}
.login_wrap .login_box_input_2 dl dd input{width:100%;padding: 5px;display: block;box-sizing: border-box;height: 40px;}
.login_wrap .login_box_input_2 input.btn_request_code{width:100%;margin:30px 0 0 0;padding:12px 0;box-sizing: border-box;}
.login_wrap .login_box_input_2 ._formCheck {margin-top:30px;}
.login_wrap .login_box_input_2 ._formCheck ._dup,
.login_wrap .login_box_input_2 ._formCheck ._err,
.login_wrap .login_box_input_2 ._formCheck ._nor,
.login_wrap .login_box_input_2 ._formCheck ._ok {display:block;padding:10px 15px;border-radius:0;}
.login_wrap .certi_box{text-align:center;width:500px;margin: 0 auto;}
.login_wrap .certi_box input.certi_code{display:inline-block;width:100%;height:50px;text-align:center;padding:0 5px;box-sizing: border-box; border:1px solid #b4b4b4}
.login_wrap .certi_box img{display:block;max-width:200px;margin:20px auto;}
.login_wrap .certi_box ._formCheck ._dup,
.login_wrap .certi_box ._formCheck ._err,
.login_wrap .certi_box ._formCheck ._nor,
.login_wrap .certi_box ._formCheck ._ok {display:block;padding:10px 15px;border-radius:0;}
.login_wrap .certi_box input.certi_btn{display:block;padding:12px 0;width:100%;margin:0 auto;border-radius:0;color:#FFF;background:#1d6db6;box-sizing: border-box;margin-top:10px;}
.login_box_input_3{border-top:1px solid #666;margin-top:30px !important;padding-top:30px;}
@media only screen and (max-width:730px){
	.login_tab a{font-size:14px;}
	.login_wrap .login_box_input,
	.login_wrap .certi_box{width:90%;}
	.login_wrap .login_box_input dl{width:100%;margin-right:0;}
	.login_wrap .login_box_input dl dt{width:100%;text-align:left;position:relative;padding-top:0;}
	.login_wrap .login_box_input dl dd{width:100%;margin-left:0;}
	.login_wrap .login_box_input .btn_login{display:block;width:100%;height:auto;padding:17px 0;margin-top:20px;border-radius:0;position:relative;right:0;top:0;}
	.login_wrap .login_box div.saveId{margin-left:0;}
	.login_wrap ul._findInfo{width:90%;padding-left:0;}
	.login_wrap .login_option{padding:20px;}
	.login_wrap .login_option,
	.login_wrap .login_option_2{text-align:left;}
	.login_wrap .login_option span,
	.login_wrap .login_option_2 span{padding:0 0 0 1%;width:31%;}
	.login_wrap .login_info a.goto_help{position:relative;top:auto;right:auto;margin-top:30px;float:right;}
	.login_wrap .login_box_2 div.login_box_btn a{padding:10px 10px;margin:0;}
	.login_wrap .rePW_box p.caution_1{margin:20px;}
	.login_wrap .rePW_box .btn_login{width:100%;margin: 0 auto;margin-top:20px;}
	.login_wrap .rePW_box dl dd{width:100%;}
	.login_wrap input.btn_request_code{display:block;width:100%;margin:10px 0 0 0;}
}
@media only screen and (max-width:480px){
	.login_wrap .login_option span,
	.login_wrap .login_option_2 span{width:48%;}
	.login_wrap .login_box_2 div.login_box_btn a{display:block;padding:10px 0;margin:0 15% 10px 15%;}
}
@media only screen and (max-width:410px){
	.login_wrap ul._findInfo li form{text-align:center}
	.login_wrap ul._findInfo li span{display:block;margin:5px auto;text-align:center}
	.login_wrap ul._findInfo li input[type=submit] {float:none;}
}
@media only screen and (max-width:380px){
	.login_wrap .login_box_2 div.login_box_btn a{margin:0 0 10px 0;}
	.login_wrap .rePW_box dd.dd_email input{width:calc(100% - 10px);margin-top:5px;}
	.login_wrap .rePW_box dd.dd_email select{width:100%;float:none;margin-top:5px;}
}
@media only screen and (max-width:340px){
	.login_tab li{float:none;}
	.login_tab li{width:100% !important;}
	.login_tab a{border-left:1px solid #DDD;}
	.login_wrap .login_option span,
	.login_wrap .login_option_2 span{padding:1% 0;width:100%;}
}
/*로그인후*/
._loginAfter{background:#fafafa;padding:40px 0;}
._loginAfter h2{text-align:center;}
._loginAfter div._loginInfo{width:70%;margin: 20px auto;padding-bottom:20px;border-bottom:1px dashed #9e9e9e;}
._loginAfter div._loginInfo p._loginMsg{text-align:center;}
._loginAfter div._loginInfo p._loginMsg strong{}
._loginAfter ul._uInfo{font-size:0;text-align:center;}
._loginAfter ul._uInfo li{display:inline-block;font-size:14px;}
._loginAfter ul._uInfo li input{box-sizing:border-box;display:block;width:150px;min-height:38px;height:auto;padding:0 5px;vertical-align:middle;border:1px solid #DDD;margin:0 1px;}
._loginAfter ul._uInfo li input._btnLogout{}
._loginAfter ul._uInfo li input._btnEditInfo{background:#1d6db6;color:#FFF;border-color:#1d6db6;}
._loginAfter ul._uInfo li input:hover{background:#52575c;color:#FFF;border-color:#52575c;}
/*안내 메세지*/
._formCheck ._dup{display:block; color:#000; padding:20px 40px;margin-bottom:40px; border: 5px solid #f5f5f5; background: #fafafa;}
._formCheck ._dup:before{content:"";}
._formCheck ._dup strong{color:#093d94; font-size:1.2em;}
._formCheck ._err{display:block; color:#000; padding:20px 40px;margin-bottom:40px; border: 5px solid #f5f5f5; background: #fafafa;}
._formCheck ._err:before{content:"";}
.login_box_2 .infoBox{text-align:left; width:43%; margin:0 auto;}