@charset "UTF-8";

.for-a11y{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;text-indent:-5000em}
input[type=number],
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}

.content_login{padding-top:145px;margin-bottom:230px}
.content_login .box_login{width:580px;height:680px;padding:74px 60px 60px;border:1px solid #e5e5e5;box-sizing:border-box}
.content_login .logo{width:580px;margin:0 auto 40px;text-align:center}
.content_login .link_logo{display:inline-block}
.content_login .title{margin-bottom:96px;font-size:30px;font-family:'Noto Sans KR';font-weight:normal;color:#343b40;line-height:36px;text-align:center}
.content_login .id_pw_wrap{margin-bottom:36px}
.content_login .box_input{position:relative;margin-bottom:9px}
.content_login .box_input .input_text{width:100%;padding:12px 0;border-bottom:2px solid #ccc;font-family:'Noto Sans KR';font-weight:normal;font-size:18px;color:#000;outline:none}
.content_login .box_input .input_text:focus{border-bottom-color:#000}
.content_login .box_input .input_text::placeholder{color:#666}
.content_login .box_input.on .input_text{border-bottom-color:#ff4349}
.content_login .button_delete{display:none;position:absolute;top:22px;right:0;width:18px;height:18px;background:url(/images/login/button_delete.png)}
.content_login .button_delete::-ms-clear{display:none}
.content_login .box_error{display:none;text-align:left;padding-top:10px}
.content_login .box_input.on .box_error{display:block}
.content_login .box_error .text_error{font-size:13px;color:#ff4349;}
.content_login .button_confirm{width:460px;height:60px;margin-bottom:40px;padding:23px 0;background:#f0f0f0;font-size:18px;font-family:'Noto Sans KR';font-weight:normal;color:#333}
.content_login .button_join{width:460px;height:60px;margin-bottom:40px;padding:23px 0;background:#f0f0f0;font-size:18px;font-family:'Noto Sans KR';font-weight:normal;color:#333}
.content_login .button_confirm.active{background:#ff4349;color:#fff}
.content_login .list_find{text-align:center}
.content_login .list_find .list_item{display:inline-block;position:relative;margin-left:-3px}
.content_login .list_find .list_item:first-child{margin-left:0}
.content_login .list_find .list_item:before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#bbb;}
.content_login .list_find .list_item:first-child:before{display:none}
.content_login .list_find .list_item .link{display:block;padding:0 15px;font-size:15px;color:#777;}
.content_login .list_find .list_item:first-child .link{padding-left:0}
.content_login .copyright{padding-top:30px;font-size:13px;font-family:'Tahoma';color:#bbb;text-align:center}

/* 비밀번호 찾기 */
.content_login .box_login_find .id_pw_wrap{margin-bottom:102px}
.content_login .box_login_find .title{margin-bottom:95px}
.content_login .box_login_find .button_confirm{margin-bottom:94px}

/* layer */
.box_layer_find{display:none;position:fixed;top:0;left:0;width:100%;height:100%;}
.dimmed{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);}
.box_layer_find .layer_inner{position:absolute;top:50%;left:50%;width:511px;height:262px;background:#fff;transform:translate(-50%, -50%);text-align:center}
.box_layer_find .layer_inner .layer_header{height:68px;border-bottom:1px solid #ddd}
.box_layer_find .layer_header .title{font-size:24px;font-family:'Noto Sans KR';font-weight:600;color:#343b40;line-height:68px}
.box_layer_find .layer_content{padding:59px 0 60px}
.layer_content .text{font-size:16px;font-family:'Noto Sans KR';font-weight:300;color:#000}
.layer_content .button_confirm{position:absolute;bottom:0;left:0;width:100%;height:60px;background:#ff4349;font-family:'Noto Sans KR';font-weight:600;font-size:20px;color:#fff}
.box_layer_find .button_close{position:absolute;top:20px;right:28px;width:26px;height:27px;background:url(/images/login/button_close.jpg) no-repeat}

@media screen and (max-width: 620px) {
	.content_login .logo{width:100%}
	.content_login .box_login{width:calc(100% - 40px);padding-left:10.34%;padding-right:10.34%}
	.content_login .button_confirm{width:100%}
	.box_layer_find .layer_inner{width:calc(100% - 40px)}
}