@charset "utf-8";
/* CSS Document */

/* 로그인 */
.login_bg {height:100%;background:#f5f7f8;}
.login_wrap{position:relative; padding-top:3rem; word-break:keep-all; background:url('/images/co/lo/bg_login.png') repeat-x left top; }
.login_wrap h1{display:block; margin-bottom:2rem; color:#fff; font-family:"SCDream"; text-align:center; font-size:1.7rem; }
.login_wrap h1 a{position:relative; display:inline-block; margin-right:1rem; padding-right:1rem; vertical-align:middle; }
.login_wrap h1 a:before{position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:1px; height:20px; background:rgba(255,255,255,.6); content:""; }
.login_wrap h2{position:absolute; top:0; width:50%; height:50px; line-height:50px; font-size:1rem; color:#fff; font-family:'SCDream'; text-align:center; background:#22499d; overflow:hidden; -webkit-transition:color .3s; transition:color .3s; }
.login_wrap h2:before{position:absolute; top:100%; left:0; width:100%; height:100%; background:#fff; content:''; -webkit-transition:top .3s; transition:top .3s; }
.login_wrap h2.on:before{top:0; }
.login_wrap h2 a{position:relative; display:block; z-index:1; }
.login_wrap h2 br{display:none; }
.login_wrap h2.on{color:#22499d; }
.login_wrap h2.login_tab1{width:50%; left:0; } 
.login_wrap h2.login_tab2{left:50%; }
.login_wrap .login_con{ display:none; padding:6rem 5rem 2.5rem; background:#fff; }
.login_wrap .login_con.on{display:block; }
.login_wrap .login_tab_wrap {position:relative;overflow:hidden;width:1000px;margin:auto;background:#fff;}
.login_wrap .login_tab_wrap .box_st1_1{padding: 2rem 2rem 2.5rem;background:#fff;}
.login_box{position:relative; overflow:hidden; text-align:center; font-family:'SCDream' !important; }
.login_box .box_st1_1{display:inline-block;width:100%;margin-top:0;padding: 0px !important;}
.login_top{margin-bottom:2rem; padding-bottom:1rem; text-align:center; border-bottom:2px solid #0b4d93; }
.login_top h3{font-size:34px; color:#0b4d93; }
.login_top p.login_info{margin-top:5px; font-size:16px; margin:20px 0 0; color:#555; font-family:'SCDream' !important; }
.login_top .login_txt {text-align: left;border: 1px solid #b2b7c7;background: #f7f7f7;padding: 15px;}
.login_top .login_txt h3 {font-size:24px;} 
.login_top .login_txt li{font-size:16px;color:#555;font-family:'SCDream' !important;}
.login_box .tab_st{position:absolute; right:0; top:40px; width:50%; }
.login_box .loginSecL{font-family:"NotoR"; }
.login_box .loginFrm{position:relative; }
.login_box .loginFrm h4{height:40px; } 

/*active 웹접근성*/
.login_wrap h2 a:focus {text-decoration:underline; text-underline-offset:4px;}


.login_top.bg_mobile{ background:url("/images/co/lo/img_mobile.png") no-repeat left top; }

.login_box .login_ty1{position:relative; width:650px; margin:0 auto 1.5rem; font-size:.7rem; overflow:hidden; box-sizing:border-box; }
.login_box .login_ty1 dl{margin-right:170px; overflow:hidden; }
.login_box .login_ty1 dl dd{padding:0 .5rem 0 2rem; border:1px solid #b2b7c7; }
.login_box .login_ty1 dl dd.login_pw{margin-top:.5rem; }
.login_box .login_ty1 dl dd.login_id{background:url("/images/co/lo/ico_login_id.gif") no-repeat 10px center; }
.login_box .login_ty1 dl dd.login_pw{background:url("/images/co/lo/ico_login_pw.gif") no-repeat 10px center; }
.login_box .login_ty1 dl dd input{width:96%; height:43px; border:none; line-height:43px; vertical-align:middle; box-sizing:border-box; }
.login_box .login_ty1 .btn_login{position:absolute; right:0; top:0; width:24%; height:100px; line-height:100px; text-align:center; color:#fff; font-size:18px; border:none; background:#22499d; cursor:pointer; font-family:'SCDream' !important; -webkit-transition:background .3s; transition:background .3s; }
.login_box .login_ty1 .idpw_search {margin:.5rem -.25rem; overflow:hidden; }
.login_box .login_ty1 .idpw_search li{float:left; width:50%; padding:.25rem; }
.login_box .login_ty1 .idpw_search li.pw_search2{width:100%; }
.login_box .login_ty1 .idpw_search li a{display:block; height:40px; line-height:40px; text-align:center; background:#fff; color:#22499d; border-color:#22499d; border-width:1px; border-style:solid; font-family:'SCDream'; -webkit-transition:border-color .3s, color .3s; transition:border-color .3s, color .3s; }
.login_box .join_btn_wrap{overflow:hidden; }
.login_box .join_btn_wrap .bu_atte{float:left; }
.login_box .join_btn_wrap .bu_atte:before{vertical-align:baseline; }
.login_box .join_btn_wrap .btn_grL.mini{border-radius:0; float:right; }
.login_box .sns_login .bu_atte{margin-bottom:1.5rem; }
.login_box .sns_login > li + li{margin-top:.5rem; }
.login_box .sns_login > li > a{display:inline-block; }
.login_box .sns_login > li > a > img{display:block; max-width:100%; }

.login_box .login_ty1 .btn_login:hover,
.login_box .login_ty1 .btn_login:focus{background:#142854; }
.login_box .login_ty1 .idpw_search li a:hover,
.login_box .login_ty1 .idpw_search li a:focus{color:#142854; border-color:#142854; }

/* 로그인 */
/* 휴대폰인증2 */ 
.subLogin .log_hdr{ text-align:center; padding:0 0 10px; }
.subLogin .log_hdr p{line-height:150%}
.subLogin .log_hdr .txt1{ font-size:24px; font-weight:bold; color:#005fca; letter-spacing:-1px; margin-bottom:6px}
.subLogin .log_hdr .txt2{ font-size:15px; color:#777; }

.subLogin .log_ctn ul{ width:100%; margin:0 auto;  padding:20px 5px; overflow:hidden; border:2px dashed #d5d8da; border-top:4px solid #80bd00; font-size:14px; overflow:hidden; box-sizing:border-box; } 
.subLogin .log_ctn ul li{  position:relative; width:100%; text-align:center}
.subLogin .log_ctn ul li .inner{ display:block; border-left:1px solid #dee0e6; padding:0 30px}
.subLogin .log_ctn ul li:first-child .inner{ border-left:0}
.subLogin .log_ctn ul li .inner img{ margin-bottom:10px; }
.subLogin .log_ctn ul li dt{ font-size:19px; color:#000; font-weight:bold; margin-bottom:5px}
.subLogin .log_ctn ul li dd{ width:80%; margin:0 auto 10px; font-size:13.5px;  line-height:150%; min-height:50px; color:#464646; word-break:keep-all; }
.subLogin .log_ctn.w100 ul li .btn{ width:202px; margin:5px 0; }
.subLogin .log_ctn ul li .btn{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px;  background:#155eb6; }
.subLogin .log_ctn ul li .btn:hover{background:#0f4e99; }

.subLogin .log_ctn ul li .btn span{ color:#fff; font-size:15px}
.subLogin .log_ctn ul li .btnUpdate{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#f0ad4e; }
.subLogin .log_ctn ul li .btnUpdate:hover{background-color:#fcca7e; }
.subLogin .log_ctn ul li .btnUpdate span{ color:#fff; font-size:15px}
.subLogin .log_ctn ul li .btnList{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#909090; }
.subLogin .log_ctn ul li .btnList:hover{background-color:#d8d8d8; }
.subLogin .log_ctn ul li .btnList span{ color:#fff; font-size:15px}
.subLogin .log_ctn ul li .btn_green{ display:inline-block; text-align:center; width:160px; height:40px; line-height:38px; background-color:#4db02c; }
.subLogin .log_ctn ul li .btn_green:hover{background-color:#369815; }
.subLogin .log_ctn ul li .btn_green span{ color:#fff; font-size:15px}

.subLogin .log_ctn ul li input{float:left; border:1px solid #d7d7d7; background-color:#fff !important; color:#8e8e8e; width:90%; height:35px; margin:0 0 6px; padding-left:40px; font-size:13px; color:#666; vertical-align:middle}
.login_box .login_ty1 dl.mgr0{ margin-right:0 }
.subLogin .log_ctn .login_id{background:url('/images/co/lo/ico_login_id.gif') no-repeat 15px 50%; }
.subLogin .log_ctn .login_pw{background:url('/images/co/lo/ico_login_pw.gif') no-repeat 15px 50%; }
.subLogin .log_ctn.w100 p.btn_gray{ text-align:center; border-top:dashed 1px #e1e1e1; padding:10px 0; }
.subLogin .log_ctn.w100 p.btn_gray a{width:158px; }

.subLogin .log_ftr{padding: 2rem 1rem; border: 3px solid #d9dce3; text-align: center; }
.subLogin .log_ftr dl + dl{ margin-top:16px; }
.subLogin .log_ftr dt{ font-size:14px; font-weight:bold; color:#252525; margin-bottom:5px}
.subLogin .log_ftr dd{ font-size:13px; color:#898989; line-height:150%; padding-left:12px; position:relative}
.subLogin .log_ftr dd:before{ content:""; display:block; width:6px; height:1px; position:absolute; left:0; top:10px; background-color:#999; }
.subLogin .log_ftr dd.bu_none:before{  width:0; }
.subLogin .log_ftr ul.log_box{ width:100%; float:left; }
.subLogin .log_ftr ul.log_box li{ width:48%;  float:left; margin:0 1%; }

/* 아이디/패스워드찾기 */
.idpw_find{text-align:center; }
.idpw_find .box_st1_1{display:inline-block;max-width:100%;min-width:730px;padding: 2rem 2rem 2.5rem;background:#fff;}
.idpw_find .box_st1_1 .txt_p{margin-bottom: 2rem; padding-bottom: 1rem; text-align: center; border-bottom: 2px solid #0b4d93;}
.idpw_find .box_st1_1 input{height:43px; padding:0 .5rem; border:1px solid #b2b7c7; }
.idpw_find .box_st1_1 .idpw_find_frm{display:inline-block; }
.idpw_find .box_st1_1 .idpw_find_frm > li{overflow:hidden; width:700px; line-height:43px; }
.idpw_find .box_st1_1 .idpw_find_frm > li > input.mailId{width:50%; float:left; }
.idpw_find .box_st1_1 .idpw_find_frm > li > input{width: calc(60% + 130px);float:left;}
.idpw_find .box_st1_1 .idpw_find_frm > li > input + input{margin-left:10px; }
.idpw_find .box_st1_1 .idpw_find_frm > li + li{margin-top:.5rem; }
.idpw_find .box_st1_1 .idpw_find_frm > li + li > input{width:100%; }
.idpw_find .box_st1_1 .idpw_find_frm > li > span{float:left; width:120px; font-family:'Sora'; text-align:left; padding-left:.5rem; }
.idpw_find .box_st1_1 .idpw_find_frm .idpw_find_frm_btn{float:left; width:calc(40% - 140px); margin-left:10px; background:#22499d; color:#fff; text-align:center; font-family:'SCDream'; }

.idpw_find .box_st1_1 .idpw_find_frm .idpw_find_frm_btn.email {float:right;}
.idpw_find .box_st1_1 .idpw_find_frm > li.find_choice2 input{width:calc(60% + 130px);}
.idpw_find .box_st1_1 .idpw_find_frm > li.find_choice2 .idpw_find_frm_btn{width:calc(40% - 140px);}

@media screen and (max-width :1400px){
	/* 로그인 */
	.login_wrap{width:100%; }
}
@media screen and (max-width :1200px){
	/* 로그인 */
	.login_wrap h2{font-size:.95rem; }
	.login_box .box_st1_1{display:block; min-width:100%; }
}
@media screen and (max-width :1019px){
	/* 로그인 */
	.login_wrap{width:100%; }
	.login_wrap .login_tab_wrap{width:100%; }
	.login_wrap .login_con{padding:5rem 1rem 2rem; }
	.login_top{ width:100%; }
	.login_box .login_ty1{width:100%; }
	.login_box .login_ty1 input.btn_login{right:3%; }
	.login_box .login_ty1 dl{margin-right:27%; }
	
	/* 아이디/패스워드찾기 */
	.idpw_find .box_st1_1{width:100%; min-width:100%; }
	.idpw_find .box_st1_1 .idpw_find_frm{display:block; }
	.idpw_find .box_st1_1 .idpw_find_frm > li{width:100%; }
}
@media screen and (max-width :768px){
	/* 로그인 */
	.login_wrap h1{font-size:1.3rem; }
	.login_wrap h1 a{width:200px; }
	.login_wrap h1 a > img {display:block; width:100%; }
	
	/* 아이디/패스워드찾기 */
	.idpw_find .box_st1_1 .idpw_find_frm > li > input.mailId{width:50%; }
	.idpw_find .box_st1_1 .idpw_find_frm > li > input{width: calc(52% + 130px);}
	.idpw_find .box_st1_1 .idpw_find_frm .idpw_find_frm_btn{width:calc(48% - 140px); }
	.idpw_find .box_st1_1 .idpw_find_frm > li.find_choice2 input{width:calc(52% + 130px); }
	.idpw_find .box_st1_1 .idpw_find_frm > li.find_choice2 .idpw_find_frm_btn{width:calc(48% - 140px); }
}
@media screen and (max-width :560px){
	/* 로그인 */
	.login_top{margin-bottom:1rem; }
	.login_wrap h2{font-size:.85rem; }
	.login_top img{width:120px; }
	.login_box .login_ty1{padding:0; }
	.login_top p.login_info{font-size:.75rem; }
	.login_box .login_ty1 dl{margin-right:0; }
	.login_box .login_ty1 .btn_login{position:relative; display:block; width:100%; height:50px; margin-top:.5rem; top:auto; right:auto; line-height:50px; font-size:.75rem; }
	.login_box .sns_login{margin-bottom:1rem; }
	.login_box .sns_login > li > a{display:block; width:250px; margin:auto; }
	
	/* 회원가입 */
	/* 회원가입단계 */
	.joinCont .memjoin_steps ul li.step1, .joinCont .memjoin_steps ul li.step2, .joinCont .memjoin_steps ul li.step3, .joinCont .memjoin_steps ul li.step4{background:none; }
	.joinCont .memjoin_steps ul li.step1.on, .joinCont .memjoin_steps ul li.step2.on, .joinCont .memjoin_steps ul li.step3.on, .joinCont .memjoin_steps ul li.step4.on{background-image:none; }
	.joinCont .memjoin_steps ul li span{padding:15px 0 0 0; text-align:center; }
	
	/* 아이디/패스워드찾기 */
	.idpw_find .box_st1_1 .idpw_find_frm > li > input.mailId{width:calc(70% - 65px); }
	.idpw_find .box_st1_1 .idpw_find_frm > li > input{width: 100%;}
	.idpw_find .box_st1_1 .idpw_find_frm .idpw_find_frm_btn,
	.idpw_find .box_st1_1 .idpw_find_frm > li.find_choice2 .idpw_find_frm_btn{display:block; width:100%; margin:.5rem 0 0; }
	.idpw_find .box_st1_1 .idpw_find_frm > li.find_choice2 input{width:100%; }
}



@media screen and (max-width :480px){
	/* 아이디/패스워드찾기 */
	.idpw_find .box_st1_1 .idpw_find_frm > li .select2-container,
	.idpw_find .box_st1_1 .idpw_find_frm > li .select2-offscreen,
	.idpw_find .box_st1_1 .idpw_find_frm > li > input{width:100% !important; float:none !important; }
	.idpw_find .box_st1_1 .idpw_find_frm > li > input + input{width:calc(100% - 120px); margin:.25rem 0 0; float:left; }
	.idpw_find .box_st1_1 .idpw_find_frm > li > span{margin-top:.25rem; }
}

@media screen and (max-width :380px){
	/* 로그인 */
	.login_box .join_btn_wrap{text-align:left; }
	.login_box .join_btn_wrap .bu_atte{float:none; }
	.login_box .join_btn_wrap .btn_grL.mini{float:none; width:100%; margin:.5rem 0 0; }
}