body {background:#fff;}
.login {height:100%; width:100%; max-height:1030px; max-width:1920px;}
.login:after {content:''; clear:both; display:table;}
.login .logo {position: absolute; left:60px; top:45px;}


.login .cont {float:left; width:calc(100% - 790px); position: relative; height:100%;}
.login .cont .log_img1 {position: absolute; left:0; bottom:0; z-index: -1;}
.login .cont .log_img2 {position: absolute; right:0; top:0; z-index: -1;}
.login .txt_box { max-width:460px; width:100%; margin:213px auto 0 auto; position: relative; z-index: 1; }

.login .txt_box h2 {font-size:30px;  color:#111; font-weight: 700; text-align: center;  }
.login .txt_box h3 {margin-top:13px; font-size:16px; color:#999; font-weight: 400;padding-left:2px; margin-bottom:35px; text-align: center;}

.login .txt_box .input_box {position: relative; margin-top:25px; }
.login .txt_box .input_box input {height:48px; border:1px solid #e4e4e4; margin-top:7px; padding:0 15px; font-size:15px; width:100%;border-radius:8px; background:none; color:#222; transition: .3s;}
.login .txt_box .input_box .tit {font-size:14px; color:#aaa; font-weight:400;}
.login .txt_box .input_box .secret {position: absolute; right:13px; bottom:16px; border:none; background:none; opacity: .5;}
.login .txt_box .input_box .secret .show {display: none;}
.login .txt_box .input_box .secret .hide {display: block; position: relative; top:1px;}
.login .txt_box .input_box .secret.active .hide {display: none;}
.login .txt_box .input_box .secret.active .show {display: block;}
.login .txt_box .input_box .pw::placeholder {font-size:7px; letter-spacing: 3px; color:#C6C6C6; font-weight:300;}
.login .txt_box .input_box input[type="text"]::placeholder {color:#C6C6C6; font-weight:300;}
.login .txt_box .input_box.no input {border:1px solid #f12323;}
.login .txt_box .input_box .no_txt {display: none;}
.login .txt_box .input_box.no .no_txt {display:block; color:#f12323;  position: absolute; right:0; bottom:-22px; font-size:14px;}

.login .txt_box .forgot {float:right; font-size:14px; color:#111; margin-top:-18px; font-weight:500;}

.login .txt_box .bt {margin-top:40px; height:50px; border-radius:10px; float:left; width:100%; border:none; font-size:16px; letter-spacing: .5px; color:#fff; background:#506A67; padding-bottom:1px;}
.login .txt_box .bt.bt2 {margin-left:2%; border:1px solid #ddd; color:#3D3D3D; background:#fff;  }

.login .txt_box input[type="checkbox"] {display: none;}
.login .txt_box .ck_box {margin-top:20px; }
.login .txt_box .ck_box .ck_label {position:relative; display: inline-block; padding-left:27px; font-size:14px; color:#555;  line-height:1.3em;  cursor: pointer;}
.login .txt_box .ck_box .ck_label span {position: absolute; left:1px; top:0px; width:18px; height:18px; border:1px solid #e4e4e4;border-radius:3px; background:none; }
.login .txt_box .ck_box input[type="checkbox"]:checked + .ck_label span {background:url('../img/check_icon.svg')no-repeat center #506A67; border:1px solid #506A67; background-size:75%;}
.login .txt_box .ck_box input[type="checkbox"]:checked + .ck_label {color:#506A67; font-weight:400;}

.login .txt_box .link {display: inline-block; width:100%; margin-top:40px; font-size:15px; color:#999; text-align:center;}

.login .img {position: absolute; right:30px; top:30px; height:calc(100% - 60px); max-height:1030px;}

.login .txt_box .txt {display: inline-block; width:100%; text-align: center; font-size:15px ;color:#545454; margin-top:55px; font-weight:300;}
.login .txt_box .partner {margin-top:13px; height:50px; border-radius:10px; float:left; width:100%; border:1px solid #506A67; font-size:16px; letter-spacing: .5px; color:#506A67; background:#fff; padding-bottom:1px;}


.partner .txt_box h2 {font-size:25px; text-align:left; line-height:1.3em;}
.partner .txt_box {max-width:368px;}
.partner .txt_box .box {margin-top:26px; border:1px solid #E4E4E4; border-radius:15px; padding-bottom:25px; overflow: hidden;}
.partner .txt_box .box p {background:#f8f8f8; padding:17px 23px; font-size:15px; color:#666; }
.partner .txt_box .box span {display: inline-block; width:100%; padding:21px 0 0 23px; font-size:15px; color:#666; }
.partner .txt_box .box span img {margin:-2px 6px 0 0;}
.partner .txt_box .box2 {margin-top:13px;}

.partner .txt_box .partner {background:#506A67; color:#fff; margin-top:35px;}

.partner2 .cont {display: flex; justify-content: center; align-items: center;}
.partner2 .txt_box {text-align: left; max-width:380px;margin-top:0;}
.partner2 .txt_box h2 {font-size:23px; text-align: left; font-weight:600;}
.partner2 .txt_box h3 {text-align: left; padding-left:0; margin:10px 0 15px 0;}
.partner2 .txt_box .bt_sel:after {content:''; clear:both; display:table}
.partner2 .txt_box .bt_sel button {width:100%; margin-top:15px; border-radius:15px; padding:25px 0 29px 25px; border:1px solid #e4e4e4; background:#fff; position: relative; text-align: left; overflow: hidden;}
.partner2 .txt_box .bt_sel button p {font-size:16px; color:#777; font-weight:600;}
.partner2 .txt_box .bt_sel button span {display: inline-block; width:100%; margin-top:5px; font-size:13px; color:#aaa;}
.partner2 .txt_box .bt_sel button img {position: absolute; right:0; bottom:0; filter:grayscale(100); opacity: .5;}
.partner2 .txt_box .bt_sel button:last-child img {right:0; bottom:4px;}
.partner2 .txt_box .bt_sel button.on {border:1px solid #506A67}
.partner2 .txt_box .bt_sel button.on p {color:#506A67;}
.partner2 .txt_box .bt_sel button.on img {filter:initial; opacity: 1;}
.partner2 .txt_box .partner {background:#506A67; color:#fff; margin-top:35px;}

@media screen and (max-width:1400px) {
	.login .txt_box {margin-left:60px;}
}

@media screen and (max-width:1200px) {
	.login .img {display: none;}
	.login .txt_box {margin:135px auto 0 auto}
	.login .cont {width:100%;}
}

@media screen and (max-height:840px) {
	.login .txt_box {margin-top:135px;}
}

@media screen and (min-width:2000px){
	.login {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
}

@media screen and (max-width:767px) {
	.login .txt_box h3 {margin-bottom:25px;}
	.login .logo {left:30px; top:25px; width:110px;}
	.login .txt_box {padding:0 30px;}
	.login .txt_box h2 {font-size:25px; }
	.login .txt_box h3 {font-size:14px; margin-top:10px;}
	.login .txt_box .txt {font-size:14px; margin-top:35px;}
	.login .txt_box .input_box {margin-top:20px;}
	.login .txt_box .bt {margin-top:30px;}

	.partner .txt_box {max-width:100%;}
	.partner .txt_box h2 {font-size:20px;}
}







.phone_pop {position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); text-align: center; z-index: 100; display: none;}
.phone_pop.on {display: block;}
.phone_pop .view {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:400px; height:311px; border-radius:25px; background:#fff; padding:0 25px 30px 25px;}
.phone_pop .view img {width:305px; margin:-115px auto 0 auto; filter: grayscale(0.5);}
.phone_pop .view h2 {font-size:19px; margin-top:23px; color:#222;}
.phone_pop .view p {margin-top:7px; font-size:15px; color:#999;}
.phone_pop .view input[type="text"] {width:100%; border:none; background:#f6f6f6; border-radius:12px; text-align: center; font-size:16px; color:#222; font-weight:600; height:48px; margin-top:22px;}
.phone_pop .view .bt_box {width:100%; margin-top:28px;}
.phone_pop .view .bt_box:after {content:''; clear:both; display: table}
.phone_pop .view .bt_box button {float:left; width:calc((100% - 10px) / 2); height:48px; background:#f4f4f4; border-radius:15px; border:none; font-size:16px; color:#999; font-weight:600;}
.phone_pop .view .bt_box button.on {color:#fff; background:#506A67 ; float:right;}




.cer_pop {position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); text-align: center; z-index: 100; display: none;}
.cer_pop.on {display: block;}
.cer_pop .view {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:400px; height:311px; border-radius:25px; background:#fff; padding:32px 25px 30px 25px;}
.cer_pop .view h2 {font-size:19px; color:#222;}
.cer_pop .view p {margin-top:7px; font-size:15px; color:#999;}
.cer_pop .view h3 {font-size:16px; margin-top:16px; color:#506A67;}
.cer_pop .view span {font-size:13px; color:#999; font-weight:400; display: inline-block; width:100%; margin-top:20px;}
.cer_pop .view span a {display: inline-block; margin-left:4px; font-weight:600; color:#506A67; border-bottom:1px solid #506A67; padding-bottom:1px;}
.cer_pop .view input[type="text"] {width:100%; border:none; background:#f6f6f6; border-radius:12px; text-align: center; font-size:16px; color:#222; font-weight:600; height:48px; margin-top:16px;}
.cer_pop .view .bt_box {width:100%; margin-top:22px;}
.cer_pop .view .bt_box:after {content:''; clear:both; display: table}
.cer_pop .view .bt_box button {float:left; width:calc((100% - 10px) / 2); height:48px; background:#f4f4f4; border-radius:15px; border:none; font-size:16px; color:#999; font-weight:600;}
.cer_pop .view .bt_box button.on {color:#fff; background:#506A67 ; float:right;}







.partner_pop {position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index: 100; display: none;}
.partner_pop.on {display: block;}
.partner_pop .view {width:1035px; height:700px; background:#fff; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); border-radius:15px;}
.partner_pop .view .partner_pop_close {position: absolute; right:-33px; top:-33px; width:35px; height:35px; background:#fff; border-radius:50%; border:none;}
.partner_pop .view .partner_pop_close img {width:12px; margin:1px 0 0 0; opacity: .5;}
.partner_pop .view .box1 {float:left; width:346px; height:100%; border-radius:15px 0 0 15px; overflow: hidden;}
.partner_pop .view .box1 img {width:100%;}
.partner_pop .view .box2 {float:right; width:calc(100% - 346px); height:100%;}
.partner_pop .view .box2 img {display: none;}
.partner_pop .view .box2 ul {height:calc(100%); overflow-y: scroll; padding:35px;  }
.partner_pop .view .box2 ul::-webkit-scrollbar {display: none;}
.partner_pop .view .box2 ul li {padding:20px 0; border-bottom:1px solid #e8e8e8;}
.partner_pop .view .box2 ul li:first-child {padding-top:0;}
.partner_pop .view .box2 ul li:last-child {border:none; padding-bottom:0;}
.partner_pop .view .box2 ul li p {font-size:15px; color:#4d1b12; font-weight:500; position: relative; padding-left:19px;}
.partner_pop .view .box2 ul li p:after {content:'Q.'; position: absolute; left:0; top:0;}
.partner_pop .view .box2 ul li span {display: inline-block; width:100%; line-height:1.35em; font-size:15px; color:#333; font-weight:400; padding-left:19px; position: relative; margin-top:5px;}
.partner_pop .view .box2 ul li span:after {content:'A.'; position: absolute; left:0; top:0;}

@media screen and (max-width:1200px) {
	.partner_pop .view {width:500px; height:80svh;}
	.partner_pop .view .box1 {display: none;}
	.partner_pop .view .box2 {width:100%;}
	.partner_pop .view .box2 img {display: block; width:100%; border-radius:15px 15px 0 0;}
	.partner_pop .view .box2 ul {padding:22px 25px; height:calc(100% - 200px);}
}

@media screen and (max-width:768px) {
	.partner_pop .view {width:100%; bottom:0; top:initial; transform:initial; left:0; border-radius:15px 15px 0 0; height:90svh;}
	.partner_pop .view .partner_pop_close {right:10px; top:-45px;}
	.partner_pop .view ul li p {font-size:14px;}
	.partner_pop .view ul li span {font-size:14px;}
}