@charset "utf-8";

/* 로그인 */
.login_bg {height:100%; background:#f5f7f8;}
.login_wrap {min-height:100%; font-family:'NotoR'; background:url('/images/co/lo/bg_login.png') repeat-x left top;}
.login_wrap h1 {position:relative; width:75px; height:44px; padding:42px 0 38px 255px; line-height:40px; font-size:24px; color:#fff; margin:0 auto;} /* 181005 */
.login_wrap h1 a {position:absolute; top:38px; left:0; display:block; width:255px; overflow:hidden;}/* 181005 */

.login_box {position:relative; width:1000px; height:455px; margin:0 auto; background:#fff;}
.login_box h2 {position:absolute; top:0; width:33%; height:30px; line-height:30px; padding:15px 0; font-size:20px; color:#fff; font-family:'NotoR'; text-align:center; background:#17335a;}/* 181005 수정 */
.login_box h2 a {display:block; border-left:1px solid #5d718c; }
.login_box h2.login_tab1 a,
.login_box h2.on a {border-left:none;}
.login_box h2 br {display:none;}
.login_box h2.on {color:#17335a; font-family:'NotoM';  background:#fff;}
.login_box h2.login_tab1 {width:34%; left:0; border-left:none;} /* 181005 수정 */
.login_box h2.login_tab2 {left:34%;}/* 181005 수정 */
.login_box h2.login_tab3 {left:67%;}/* 181005 수정 */
.login_box h2.login_tab4 {left:67%;}/* 181005 수정 */
.login_box .login_con {/* position:relative; */ display:none; padding:110px 50px 50px; word-break:keep-all;}
.login_box .login_con.on {display:block;}

.login_box .login_con .login_form {position:relative; width:390px; float:left; padding-top:145px; padding-right:20px; border-right:1px dashed #c8d1db; background:url('/images/co/lo/icon_login.png') no-repeat center top;}
.login_box .login_con .login_form p.snsLngImg {display: flex;align-items: center;justify-content: center;font-size: 0;line-height: 0;}
.login_box .login_con .login_form p.snsLngImg + p.snsLngImg { margin-top: 0.5rem; }
.login_box .login_con .login_form fieldset {position:relative; padding-right:110px;}
.login_box .login_con .login_form dt {position:absolute; left:-10000000em; top:-10000000em;}
.login_box .login_con .login_form dd {margin-top:5px;}
.login_box .login_con .login_form dd input {width:238px; height:48px; padding:0 0 0 40px; line-height:48px; border:1px solid #b2b7c7;}
.login_box .login_con .login_form dd.login_id input {background:url('/images/co/lo/ico_login_id.gif') no-repeat 10px center;}
.login_box .login_con .login_form dd.login_pw input {background:url('/images/co/lo/ico_login_pw.gif') no-repeat 10px center;}
.login_box .login_con .login_form a.btn_login {position:absolute; right:0; top:5px; display:block; width:105px; height:105px; line-height:105px; text-align:center; font-family:'NotoM'; font-size:18px; color:#fff; border:none;  background:#266ed4;} /* 180910 수정 */
.login_box .login_con .login_form .btn_find {display:block; margin-top:5px; height:38px; line-height:38px; text-align:center; border:1px solid #b2b7c7; background:#f7f7f7;}

.login_box .login_con .login_txt {position:relative; width:460px; float:right;  }
.login_box .login_con h3 {font-size:24px;} 

.login_box .login_con .assent_list {height:80px; margin-top:10px; padding:10px 20px; border:1px solid #c8d1db; background:#f7f7f7; overflow-y:auto;}
.login_box .login_con .assent_list li {padding:3px 0 3px 10px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#555; background:url("/images/co/lo/bu5.png") no-repeat left 11px;}

.btn_Gpin {background:#266ed4;}
.btn_Gpin a {display:block; line-height:40px; text-align:center; font-size:18px; color:#fff; }

.btn_ipin {width:300px; margin:0 auto; background:url('/images/co/lo/ico_ipin.png') no-repeat left center #394b61; border-radius:5px;} /* 190107 */
.btn_ipin a {display:block; padding-left:49px; line-height:49px; text-align:center; font-size:16px; color:#fff; }/* 190107 */

.login_footer {width:1000px; margin:0 auto; padding:40px 0; text-align:center; font-size:14px; font-family:'NotoR';}
.login_footer address span {margin-left:20px;}
.login_footer .copyright {margin-top:5px;}

/*일반로그인 공지사항 230126*/
.notice_login {background:#B8D4FB;padding:10px 0;position:relative;}
.notice_txt {background:#07409F; color:#fff; position:absolute; top:-15px; left:25px; font-size:13px;padding:4px;}
.notice_login h4 {text-align:center;color:#494644;font-size:20px;}
.notice_con {background:#fff; margin: 10px; border-radius:10px; padding:10px;color:#6E6C6C;}
.notice_em {color:#0659CE;}



/********** Media quary **********/
@media screen and (max-width:1019px) {
	

	
	

}

@media screen and (max-width:840px) {

	.login_box {width:95%; height:auto;}
	.login_box h2 {height:48px; font-size:16px; line-height:24px;}
	.login_box h2 br {display:block;}
	.login_box h2 span {display:none;}
	.login_box .login_con {padding:110px 25px 30px;}
	.login_box .login_con.on {display:block;overflow: hidden;}

	.login_box .login_con .login_form {width:100%;/* float:none; */padding:145px 0 20px;margin-bottom:20px;border-right:none;border-bottom:1px dashed #c8d1db;}

	.login_box .login_con .login_form dd input {width:100%; height:50px; padding:0 0 0 40px; line-height:50px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

	.login_box .login_con .login_txt {width:100%;/* float:none; */}

	.login_footer {width:95%;}
	.login_footer address span {display:block; margin-left:0;}


}

@media screen and (max-width:360px) {
	.login_box .login_con .login_form p.snsLngImg img { max-width: 100% !important; width: auto !important; }

}