@charset "utf-8";



input[type='radio']{left: 0;top: 0;width: 1px;height: 1px;opacity: 0;}
input[type='radio'] + label{cursor:pointer}
input[type='radio'] + label span{display:inline-block;width:18px;height:18px;vertical-align:middle;background:url('../img/login/icon_style.png') -18px top no-repeat; cursor:pointer}
input[type='radio']:checked + label span{background:url('../img/login/icon_style.png') 0 top no-repeat;}
input[type='radio']:disabled + label span{background:url('../img/login/icon_style.png') -36px top no-repeat;}
input[type='radio']:focus + label span{outline:1px dotted #444;}

input[type='checkbox']{left: 0;top: 0;width: 1px;height: 1px;opacity: 0;}
input[type='checkbox'] + label{cursor:pointer}
input[type='checkbox'] + label span{display:inline-block;width:18px;height:18px;vertical-align:middle;background:url('../img/login/icon_style.png') -18px bottom no-repeat; cursor:pointer}
input[type='checkbox']:checked + label span{background:url('../img/login/icon_style.png') 0 bottom no-repeat;}
input[type='checkbox']:disabled + label span{background:url('../img/login/icon_style.png') -36px bottom no-repeat;}
input[type='checkbox']:focus + label span{outline:1px dotted #444;}

* {line-height:160%}
.login_bg{background:#e2e6ef url('../img/login/login_bg.png') no-repeat center top}
.login_wrap {min-height:780px; margin-bottom:3rem}
.login_wrap_01{width:100%;}

.login_header{padding:42px 50px 30px}
.login_header h1 {}
.login_header h1 a{display:inline-block; border:1px solid #9498a6; border-radius:30px; padding:5px 15px 8px 12px; margin-left:10px;}

.txt_dis{display:inline;}


#login_header {background:transparent;left:0;top:0;width:100%;z-index:100;transition:background .3s}
#login_header:before {position:absolute;left:0;top:0;content:'';width:100%;height:3.6rem;color:#fff}
#login_header:after {position:absolute;left:50%;top:3.6rem;transform:translateX(-50%);content:'';width:100%;height:0px;background:#fff;opacity:.2}
#login_header .headerWrap {width:64rem;max-width:calc(100% - 2rem);margin:auto;position:relative;}
#login_header .headerWrap:after {display:block;clear:both;content:''}
#login_header .logo {float:left;}
#login_header .logo a {display:block;width:248px;height:48px;background:url('../img/common/logo.png') no-repeat center/contain;margin:.5rem .525rem 0}


/*로그인 txt*/
.login_txt {width:646px;margin:0 auto;text-align:center;color:#ffffff;padding:30px 0 0 0 }
.login_txt.type02{width:568px}
.login_txt h2{font-size:40px;margin:0 0 35px 0}
.login_txt .com_ment{padding:0 15px 40px 15px;box-sizing: border-box;line-height:24px;font-size:16px}
.login_txt .com_ment p{margin:0 0 10px 0;font-size:16px}
.login_txt .com_ment strong{color:#e7fcff;font-size:18px;font-weight:500}
.login_txt .com_ment span{color:#e7fcff;text-decoration: underline;}


/*로그인 관련*/
.readonly_type{background:#f3f3f3 !important;color:#928881 !important;}
.login_form {background:#fff; width:646px; padding:70px 70px; overflow:hidden; margin:0 auto;position:relative;}
.login_form.type02{width:600px}

	.login_entry {width:100%; float:left; padding:0 0px;position:relative;}
	.entry_id_pw {position:relative; padding:0; min-height:268px;}
	.entry_id_pw span.entry_btn { position:absolute; right:0; top:150px;width:100%; text-align:center; cursor:pointer;}
	.entry_id_pw span.entry_btn a {padding:17px 36px; background:#172c53; font-size:20px; color:#fff; display:block;}
	.entry_id_pw span.entry_btn a:hover{ background:#309bed;}
	.entry_id_pw ul li {position:relative; font-size:18px; color:#666666;margin:0 0 10px 0}
	.entry_id_pw ul li input {height:64px; background:#fff; padding:15px 20px; border:1px solid #d9d9d9; width:100%;}
	.entry_id_pw ul li input[type="checkbox"] {height:inherit;width:inherit}
	.entry_id_pw ul.check{padding:0;display:inline-block; position:absolute;bottom:0}
	.entry_id_pw ul.check li{float:left;padding:0;font-size:100%; margin-right:15px; font-size:15px;}
	.entry_id_pw ul.check li label{cursor:pointer}

	.forget {margin:20px 0 0;width:100%;display: inline-block;}
	.forget ul{width:100%;margin:0 auto}
	.forget li {float:left;margin:0 1%;text-align:center;/*width:32.3%*/}
	.forget li a {color:#555; font-size:15px;padding:10px; display:inline-block;text-decoration:underline;width:100%;}
	
	.login_join {width:100%;padding:35px 0 0 0;margin:30px 0 0 0; display:inline-block;border-top:1px dotted #cdcdcd;position: relative;}
	.login_join.type02{padding:20px 0 0;margin:0}
	.login_join a{float:left;font-size:18px;display:inline-block; padding:16px 30px;width:49%;}
	.login_join a.login_join_btn00 {color:#fff;margin:0;background:#0f6f5e;text-align:center;width:100%;padding:17px 0}


/* input-style */
input[type='text'],input[type='password'], textarea{padding: 5px 8px; border: 1px solid #ccc; box-sizing: border-box;}


/* font-size */
.f_big{font-size:18px;}
.f_normal{ font-weight:normal !important;}
.f_small{ font-size:12px}
.f_bold{ font-weight:bold !important;}
.f_size35{font-size:35px !important}
.f_size30{font-size:30px !important}
.f_size25{font-size:25px !important}
.f_size18{font-size:18px !important}
.f_size16{font-size:16px !important}
.f_size14{font-size:14px !important}
.f_size13{font-size:13px !important}

/** border-radius **/
.style_round{border-radius:50% !important}
.style_round5{border-radius:5px !important}

/* background style */
.b_img_n{background-image:none !important;}

/** align style **/
.clear{clear:both;}
.fl_wrap{overflow:hidden}
.fl{float:left;}
.fr{float:right;}
.fc{margin:0 auto}
.left{text-align:left !important;}
.right{text-align:right;}
.center{text-align:center;}

/** inline style **/
.dis_inline{display:inline !important}
.dis_inline_b{display:inline-block !important}
.dis_block{display:block !important}
.dis_none{display:none}

/** heading style **/
h1,h2,h3{margin:0;padding:0;}


/** margin style **/
.mr5{margin-right:5px !important;}


/*////////////////////////////// 반응형 시작 //////////////////////////////*/

@media(max-width:1150px){
  #login_header .logo a {width:210px;}

}


@media screen and (max-width:800px) {
.forget{margin:30px 0 0;position: initial;}


}


@media screen and (max-width:640px) {
.login_txt,.login_txt.type02{width:90%}

.login_form,.login_form.type02{width:90%;padding: 70px 40px;}

.login_footer{padding:28px 30px}
.login_footer div{width:100%}
.login_footer ul li{margin-bottom: 15px;}


}

@media screen and (max-width:540px) {
.forget{margin:20px 0 0;}
.forget ul{width:100%}
 #login_header .logo a {width:180px;margin:.5rem 0}


}

@media screen and (max-width:480px) {
.login_form{width:90%;padding:40px 30px}
.login_form.type02{padding:30px 40px}
.forget{position: inherit;;margin-top:20px;right:0;width:100%}
.forget li{width:100%;margin:0;text-align:center}
.forget li a{width:100%;padding:10px 10px;border:1px solid #cdcdcd;border-bottom:0;text-decoration:none}
.forget li:last-child a{border-bottom:1px solid #cdcdcd;}
.login_wrap{min-height:inherit;}
.btn_area{width:100%}


}

@media screen and (max-width:414px) {
.login_header{padding:30px 30px 20px;}
.login_header h1 a{margin:10px 0 0 0 }
.login_txt h2{font-size:30px;margin: 0 0 20px 0;}

.entry_id_pw{width:100%;padding:0;min-height:230px;}
.entry_id_pw ul li input{height: 50px;}
.entry_id_pw span.entry_btn{top:120px}

.entry_id_pw span.entry_btn a{padding:12px 36px}
.login_join a.login_join_btn00 {padding:12px 0}


}

/*////////////////////////////// 반응형 끝 //////////////////////////////*/