@charset "utf-8";

/* .landing_style {position:relative; width:100%; background:#000;} */
.landing_style {background:#000;}
.login_box {box-sizing:border-box;margin:0 auto;background:#000;}
.login_box .area_ad {margin-bottom:50px; border:1px solid #ddd;}
.area_ad > p {margin-bottom:18px; text-align:center;}
.area_ad .ad_info {font-size:15.5px; font-weight:400; letter-spacing:0.5px; font-family: 'Noto Sans KR', sans-serif;}
.area_ad .ad_go {margin-bottom:25px;}
.area_ad .ad_go .btn_ad {display:inline-block; padding:10px 20px 10px 25px; border-radius:5px; color:#fff; font-size:14px; font-weight:200; background:#2f3033;}
.area_login .login_s1 {height:30px; margin-bottom:10px;}
.area_login .login_s1::after {content:''; display:block; clear:both;}
.area_login .login_s1 span, .area_login .login_s1 .ipt {display:inline-block; float:left; margin-right:5px;}
.area_login .login_s1 span {width:115px; height:100%; line-height:30px; font-size:15px; font-weight:500; color:#003a86; text-align:center; font-family: 'Noto Sans KR', sans-serif;}
.login_s1 .ipt {width:225px; height:100%;}
.login_s1 .btn_login {float:right; width:120px; height:100%; border:none; color:#fff; font-size:13px; background:#003a86;}
.area_login .login_s2 {padding-left:125px; margin-bottom:15px; color:#444445;}
.login_s2 .ckbx {width:15px; height:15px; margin-right:3px; margin-top:-2px;}
.login_s2 .lb {margin-right:150px;}
.login_s2 .btn_find, .login_s2 .btn_join {display:inline-block; margin-right:43px; font-weight:bold; word-spacing:-1px;}


.login_wrap {width:460px;margin:0 auto;background:#000;padding:0;font-family: 'Noto Sans KR', sans-serif;}
.login_box h2.logo_tit { width:100%;height:55px;margin:0 auto;padding:60px 0;text-align:center;font-size:0px;/*background:url(../img/ico/logo.png)no-repeat center;*/ }
.login_box h2.logo_tit { padding:60px 0;text-align:center;color:#1860e6;font-size:50px;font-weight:900;font-family: 'Noto Sans KR', sans-serif; }

/* 로그인 공통 */
/* skip */
.skip, hr, legend, caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}

/* CLEAR FIX*/
.clearfix:after {content:""; clear:both; display:table;}

/* 불투명도 */
.transparent {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
}

/* 인풋 외곽선 */
input[type=text], input[type=password], textarea {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline:none;
    padding: 3px 0px 3px 3px;
    border: 1px solid #828282;
    box-sizing:border-box;
}  

input[type=text]:focus, input[type=password]:focus, textarea:focus {  
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);  
    padding: 3px 0px 3px 3px;  
    border: 1px solid rgba(81, 203, 238, 1); 
}  

input[type=text], input[type=password], textarea{ text-indent:8px;border:1px solid #d1d1d1;}
.input {box-size:border-size;width:100%;height:50px;padding:10px 20px;border:1px solid #d1d1d1;margin-bottom:15px;}
.select {width:100%;height: 50px;padding:10px 10px;border: 1px solid #d1d1d1; background:#fff url(//www.gilbut.co.kr/images/membership/bg_select.png) no-repeat right 20px top 50%;}

.btnBb {display:block;margin:15px 0;width:100%;height:50px;line-height:50px;color:#fff;background:#e63911;text-align:center;font-size:18px;}
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { display:inline-block; cursor:pointer;  position:relative; padding-left:30px; font-size:14px;color:#fff;}
input[type="checkbox"] + label:before { content: "\2713";font-size:16px;text-align:center;line-height:18px;display:inline-block;width:20px;height:20px;border-radius:100%;position:absolute; left:0;bottom:-6px;color:#cbcacf;background:#fff;border:solid 2px #cbcacf;font-weight:600; }
input[type="checkbox"]:checked + label:before { content: "\2713";/* 체크모양 */ font-size:16px;color:#fff;background:#4d7ce9;text-align:center;line-height:18px;border:solid 2px #1b5bd2;font-weight:600;} 
h3.loginTit { color:#000;font-size:18px;font-weight:bold;}
.loginTit_txt {color:#000;font-size:14px;padding:8px 0;}

.txcB{color:#1761e8;}
.txcG{color:#717171;}
.txcR{color:#f1191a;font-weight:bold;}

/* sns아이콘 */
.login_sns_wrap a i {float:left;vertical-align:middle;margin:10px 0 0;}
.login_sns_wrap a i.ic_fb {width:40px;height:30px;background:url(/img/ico/icon_fb.png)no-repeat center;}
.login_sns_wrap a i.ic_gg {width:40px;height:30px;background:url(/img/ico/icon_gg.png)no-repeat center;}
.login_sns_wrap a i.ic_nv {width:40px;height:30px;background:url(/img/ico/icon_nv.png)no-repeat center;}
.login_sns_wrap a i.ic_ka {width:40px;height:30px;background:url(/img/ico/icon_ka.png)no-repeat center;}

/*  로그인 */
.area_login { padding-bottom:45px;border-bottom:solid 1px #c5c5c5;}
.chkWp {display:inline-block;width:45%;font-size:14px;}
.mem_nav {display:inline-block;text-align:right;width:54%;}
.mem_nav li {text-align:right;box-sizing:border-box;display:inline-block;padding:0 10px 0 7px;color:#fff;font-size:14px;background:url(../img/ico/line_row_foot.gif) no-repeat right center;}
.mem_nav li:last-child{background:none;padding:0 0px 0 7px;}
.mem_nav li a { display:inline-block;width:100%;height:100%;}

/* 간편로그인 */
.login_sns {padding-top:45px;}
.login_sns_wrap {}
.login_sns_wrap a {display:block;box-sizing:border-box;width:100%;height:50px;line-height:50px;text-align:center;margin-top:8px;text-decoration:none;padding:0 20px;vertical-align:middle;}
.login_sns_wrap a img {vertical-align:middle;}
.login_sns_wrap a.sns_fb {background:#3b66c4;}
.login_sns_wrap a.sns_gg {background:#ff5a58;}
.login_sns_wrap a.sns_nv {background:#00c92f;}
.login_sns_wrap a.sns_ka {background:#ffeb00;}
.noti_nav {text-align: center;padding:30px 0 60px;}
.noti_nav li{display:inline-block;padding:0 10px 0 7px;color:#6b6c6d;font-size:13px;background:url(../img/ico/line_row_foot.gif) no-repeat right center;}
.noti_nav li:last-child{background:none;}
.noti_nav li a { display:inline-block;width:100%;height:100%;}

/* 회원가입 로그인 */
.area_login1 { padding-bottom:45px;border-bottom:solid 1px #c5c5c5;}

/* SNS 계정 연동 */
.area_login2 { padding-bottom:45px;}
.tit_txt1 { font-size:18px;text-align:center; }
.tit_txt1 span {font-weight:bold; }
.tit_txt2 { font-size:18px;padding:8px 0 20px;text-align:center; }
.mem_fb { color:#113f94; }
.mem_gg { color:#113f94;}
.mem_nv { color:#1da952;}
.mem_ka { color:#ffc208;}
.memInfo_box {background:#ebebeb;width:100%;padding:30px 0;margin-bottom:70px;}
.memInfo_box li {width:100%;font-size:15px;padding-bottom:10px;}
.memInfo_box li:last-child {padding-bottom:0px;}
.memInfo_box li p {display:inline-block;}
.memInfo_box li p:first-child { width:40%;text-align:right;margin-right:30px;}

/* 약관동의 */
.area_login3 { padding-bottom:45px;}
.area_login3 input[type="checkbox"] + label span.agreeTxt { text-decoration:underline;line-height:1.4em;font-size:14px;}
.area_login3 input[type="checkbox"] + label:before { bottom:50%;margin-bottom:-12px; }
/* 선택동의 */
.area_login3 .chkSelctBox { border:solid 1px #dadadc;background:#fff;margin:25px 0 65px;padding:0 10px;}
.area_login3 .chkSelctBox li {position:relative;border-bottom:solid 1px #c3c3c3;}
.area_login3 .chkSelctBox li:last-child {border-bottom:none;}
.area_login3 .chkSelctBox li .bt_more {position:absolute;right:0;top:50%;margin-top:-6px;font-size:13px;color:#888;}
.area_login3 .chkSelctBox input[type="checkbox"] { display:none; }
.area_login3 .chkSelctBox input[type="checkbox"] + label { display:inline-block;cursor:pointer;position:relative;padding:15px 0 15px 30px;font-size:14px;}
.area_login3 .chkSelctBox input[type="checkbox"] + label:before { content: "\2713";font-size:16px;text-align:center;line-height:18px;display:inline-block;width:20px;height:20px;border-radius:100%;position:absolute; left:0;bottom:50%;margin-bottom:-12px;color:#cbcacf;background:#fff;border:solid 1px #cbcacf; }
.area_login3 .chkSelctBox input[type="checkbox"]:checked + label:before { content: "\2713";/* 체크모양 */ font-size:16px;color:#fff;background:#4d7ce9;text-align:center;line-height:18px;border:solid 1px #1b5bd2;}
.area_login3 .chkSelctBox .txtBox { border:solid 1px #c3c3c3;padding:10px 15px;height:60px;overflow-y:scroll;font-size:12px;color:#666;line-height:1.3em;margin-bottom:35px;}

.ctBtn{ margin:0 auto;text-align:center;}
.ctBtn .bt_no{display:inline-block;margin-right:1%;vertical-align:middle;width:49%;height:60px;line-height:60px;border-radius:3px;background:#8e8e8e;color:#fff;font-size:15px;text-align:center;}
.ctBtn .bt_yes {display:inline-block;vertical-align:middle;width:49%;height:60px;line-height:60px;border-radius:3px;background:#1860e6;color:#fff;font-size:15px;text-align:center;}

/* 회원정보등록 */
.area_login4 li label:first-child {display:block;padding:8px 0;font-size:16px;color:#fff;}
.area_login4 .agreeWp { padding:0 0 5px;color:#666; }
.area_login4 .agreeWp input[type="checkbox"] { display:inline-block;margin-bottom:2px; }
.area_login4 .agreeWp input[type="checkbox"] + label { display:inline-block; cursor:pointer;  position:relative; padding-left:5px; font-size:13px;}
.area_login4 .agreeWp input[type="checkbox"] + label:before { display:none;}
.area_login4 .agreeWp input[type="checkbox"]:checked + label:before { display:none;} 

.area_login4 .birTd{position:relative;width:100%;text-align:justify;}
.area_login4 .birTd::after{content:'';display:inline-block;width:100%;}
.area_login4 .birTd .select{width:32%;}
.area_login4 .lectTd{position:relative;width:100%;text-align:justify;}
.area_login4 .lectTd::after{content:'';display:inline-block;width:100%;}
.area_login4 .lectTd .select{width:48%;}
.area_login4 .lectTd2{position:relative;width:100%;text-align:justify;}
.area_login4 .lectTd2::after{content:'';display:inline-block;width:100%;}
.area_login4 .lectTd2 .select{width:32%;}
.area_login4 .generTb::after{content:'';display:inline-block;width:100%;}
.area_login4 .ipt_email{display:inline-block;width:100%;}
.area_login4 .ipt_email .input{width:32%;padding:10px 0 10px 7px;float:left;}
.area_login4 .ipt_email .unit{display:inline-block;width:18px;font-size:14px;color:#999;text-align:center;line-height:50px;float:left;}
.area_login4 .ipt_email .select{width:30%;float:right;}
.area_login4 .ipt_phone {float:left;width:70%;margin-right:2%;}
.area_login4 .ct_btnB {display:inline-block;vertical-align: middle;width:28%;height:50px;line-height:50px;background:#1860e6;color:#fff;font-size:13px;text-align:center;}

/* 필수정보알림문구 */
.area_login4 .notiTxt { color:#dc4343;font-size:13px;padding-bottom:5px; }

.notiTxt { display:none; }

/* 회원가입완료 */
.area_login5 .memInfo_box li p:first-child { width:45%; }

/* 팝업창 */
.agree_pop {display:none; position:fixed; z-index:600; top:0; left:0; bottom:0; right:0;} /* 내용이 길어서 페이지가 넘어가게 되면 absolute로 바꾸고 하이값 같이 설정 */
.agree_pop .apop_bg {position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.8);}
.agree_pop .apop_box {position:absolute; top:50%; left:50%; width:900px; margin-left:-450px; margin-top:-405px;}
.apop_box .apop_tit {background:#1860e6;color:#fff;font-size:15px;padding:15px 0;margin:0 auto;text-align:center;}
.apop_box .apop_cont {background:#fff;color:#666;text-align:left;height:700px;overflow-y:scroll;padding:30px;font-size:12px;line-height:1.4em;}
.apop_box .apop_cont h2 { color:#666;font-size:13px;font-weight:bold;}
.agree_pop.v2 .apop_box {position:absolute; top:50%; left:50%; width:900px; margin-left:-450px; margin-top:-150px;}
.agree_pop.v2 .apop_box .apop_cont {background:#fff;color:#666;text-align:left;height:300px;overflow-y:scroll;padding:30px;font-size:12px;line-height:1.4em;}
.bt_apop_close {overflow:hidden;position:absolute;right:5px;top:12px;width:24px;height:24px;background:url('/_static/img/pass/evt0702/ver4/bt_close_w.png') no-repeat center;text-indent:-9999em; z-index:10;font-size:0;}
.bt_apop_close:hover {background:url('/_static/img/pass/evt0702/ver4/bt_close_w.png') no-repeat center;}

/*----- media queries ------*/
@media screen and ( min-width:320px) {
	.login_wrap {width:320px;}

	.login_box { width:300px;}
	.login_box h2.logo_tit {font-size:46px;}
	.chkWp {width:100%;}
	.mem_nav {width:100%;text-align:center;margin-top:15px;}

	.area_login3 input[type='checkbox'] + label span.agreeTxt { font-size:12.5px;}
	.area_login3 .chkSelctBox input[type='checkbox'] + label { font-size:11.5px;padding:15px 0 15px 27px;}
	.area_login3 .chkSelctBox li .bt_more {font-size:11px;margin-top:-5px;}

	.area_login4 .ipt_email .select { width:29%;}
	.area_login4 .ct_btnB {font-size:12px;}
	.area_login4 .agreeWp input[type="checkbox"] {display:block;float:left;margin-bottom:3px;}
	.area_login4 .agreeWp input[type="checkbox"] + label { display:block;padding-left:16px;font-size:12px;}

	.agree_pop .apop_box {width:300px; margin-left:-150px; margin-top:-230px;}
	.apop_box .apop_cont {height:375px;padding:15px;font-size:11px;line-height:1.4em;}
	.apop_box .apop_cont h2 { font-size:12px;font-weight:bold;}
	.agree_pop.v2 .apop_box {width:300px;margin-left:-150px; margin-top:-200px;}
	.agree_pop.v2 .apop_box .apop_cont {height:320px;padding:15px;font-size:11px;line-height:1.4em;}
}

@media screen and ( min-width:360px) {
	.login_wrap {width:360px;}
	.login_box { width:350px;}
}

@media screen and ( min-width:375px) {
	.login_wrap {width:375px;}
}

@media screen and ( min-width:414px) {
	.login_wrap {width:414px;}
	.login_box {width:400px;}
}



@media screen and ( min-width:400px) and (max-width: 420px){
	/* .login_wrap {min-width:400px;max-width:420px;margin:0;} */
}

@media screen and (min-width:768px) {
	.login_wrap {width:768px;}
	.login_box { width:400px;}
	.chkWp {display:inline-block;width:45%;font-size:13px;}
	.mem_nav {display:inline-block;text-align:right;width:54%;}

	.area_login3 input[type='checkbox'] + label span.agreeTxt { font-size:14px;}
	.area_login3 .chkSelctBox input[type='checkbox'] + label { font-size:13px;padding:15px 0 15px 30px;}
	.area_login3 .chkSelctBox li .bt_more {font-size:12px;margin-top:-6px;}

	.agree_pop .apop_box {width:500px; margin-left:-250px; margin-top:-405px;}
	.apop_box .apop_cont {height:700px;overflow-y:scroll;padding:30px;font-size:12px;line-height:1.4em;}
	.apop_box .apop_cont h2 { color:#666;font-size:13px;font-weight:bold;}
	.agree_pop.v2 .apop_box {width:500px;margin-left:-250px; margin-top:-200px;}
	.agree_pop.v2 .apop_box .apop_cont {height:320px;padding:30px;font-size:12px;line-height:1.4em;}
}

@media screen and (min-width:1024px) {
	.login_wrap {width:1024px;}
	.login_box { width:460px;}

	.agree_pop .apop_box {width:700px; margin-left:-350px; margin-top:-405px;}
	.apop_box .apop_cont {height:700px;overflow-y:scroll;padding:30px;font-size:12px;line-height:1.4em;}
	.apop_box .apop_cont h2 { color:#666;font-size:13px;font-weight:bold;}
	.agree_pop.v2 .apop_box {width:700px;margin-left:-350px; margin-top:-200px;}
	.agree_pop.v2 .apop_box .apop_cont {height:320px;padding:30px;font-size:12px;line-height:1.4em;}
	
}

@media (min-width: 1030px) and (min-width: 1200px) {
	.login_wrap {width:460px;margin:0 auto;}
	.login_box { width:460px;}

	
	.agree_pop .apop_box {width:900px; margin-left:-450px; margin-top:-405px;}
	.apop_box .apop_cont {height:700px;overflow-y:scroll;padding:30px;font-size:12px;line-height:1.4em;}
	.apop_box .apop_cont h2 { color:#666;font-size:13px;font-weight:bold;}
	.agree_pop.v2 .apop_box {width:900px;margin-left:-350px; margin-top:-200px;}
	.agree_pop.v2 .apop_box .apop_cont {height:320px;padding:30px;font-size:12px;line-height:1.4em;}
	
}

/* 팝업창 */ 
.prd_pop { position: fixed; z-index: 999; top: 0px; left: 0;bottom: 0; right: 0;display:none;}
.prd_pop .prdPop_bg { position: absolute; top: 0; left: 0;bottom: 0;right: 0; background: rgba(0,0,0,0.8);}
.prd_pop .sub-prd-inner-con { position: absolute; top: 50%;left: 50%; width: 800px; height:575px; padding: 30px; margin-left:-400px;margin-top:-360px; background: #fff;}
.prd_pop .sub-prd-inner-con .close {position: absolute; right: 15px;top: 15px; width: 20px; height: 20px; z-index: 10;cursor: pointer;outline: none;float: none;text-align: right;margin-right: 15px;font-size: 2rem;    padding: 0;background-color: transparent;border: 0;-webkit-appearance: none;}
.prd_pop .sub-prd-inner-con {position:relative;}


#header {
    width: 100%;
    height: 30px;
    background: #fff;
}