@charset "utf-8";

@import url("base.css");
@import url("common.css");
/* @import url("contents.css"); */

/* 여기어때 잘난체 font-family: 'yg-jalnan';*/
@font-face {
	font-family: 'yg-jalnan';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/JalnanOTF00.woff2') format('woff2'),
		url('../fonts/JalnanOTF00.woff') format('woff');
}

*,*::before,*::after{box-sizing:border-box;}
html,body{height:100%;}
a,button,[onclick],label,select{cursor:pointer}
.blind,legend{display:block;overflow:hidden;position:absolute;left:0;top:-9999em}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
input:-webkit-autofill::first-line{font-size:18px;background:none;}
input::-webkit-input-placeholder{color:#a3aeb5;}
input:-moz-placeholder{color:#a3aeb5;}
input::-moz-placeholder{color:#a3aeb5;}
input:-ms-input-placeholder{color:#a3aeb5;}

body{min-width:807px;background:url("../images/login/bg_login.jpg") no-repeat 50% 50% / cover;min-height:620px;display:flex;justify-content:center;align-items:center;}

/* Login */
.login-wrap{width:550px;flex:0 0 auto;}

.login-box{min-height:538px;background:#f0f5ff;border-radius:30px;}

.login-box .box-head{padding:35px 40px 24px;border-bottom:1px solid #e1e1e1;text-align:center;}
.login-box .login-title{color:#3d45ad;font-size:32px;font-weight:bold;font-family:'yg-jalnan',sans-serif;letter-spacing:-.04em;}
.login-box .login-select{margin-top:30px;background:#cfe7fc;border-radius:20px;overflow:hidden;display:table;width:100%;}
.login-box .login-select .select-label,
.login-box .login-select .select-radio{display:table-cell;height:43px;vertical-align:middle;}
.login-box .login-select .select-label{width:98px;padding-left:6px;background:#3588ef;color:#fff;font-size:14px;font-family:'S-CoreDream',sans-serif;font-weight:600;line-height:43px;letter-spacing:-.04em;border-radius:20px 0 0 20px;}
.login-box .login-select .select-radio{text-align:left;padding-left:12px;letter-spacing:-.06em;}
.login-box .login-select .select-radio .radio-wrap + .radio-wrap{margin-left:10px;}
.login-box .login-select .select-radio .rdo{margin:0;}
.login-box .login-select .select-radio .lbl{vertical-align:bottom;margin-left:3px;color:#1e1e1e;font-size:15px;font-family:'S-CoreDream',sans-serif;}
.login-box .login-select .select-radio .rdo:checked + .lbl{color:#0060d7;font-weight:600;}

.login-box .box-body{padding:30px 40px;}
.login-box .input-wrap{position:relative;margin-bottom:15px;border:1px solid #c3cbd5;border-radius:25px;padding-left:70px;overflow:hidden;background:#fff;}
.login-box .input-wrap .lbl{position:absolute;top:0;left:0;bottom:0;width:70px;color:#3998f9;font-size:18px;text-align:center;padding-left:4px;}
.login-box .input-wrap .lbl::after{content:"";position:absolute;top:50%;right:0;width:1px;height:20px;margin-top:-10px;background:#d3d3d3;}
.login-box .input-wrap .lbl i{line-height:48px;}
.login-box .input-wrap .txt{height:48px;border:0;width:100%;font-size:18px !important;padding:0 20px;font-family:'S-CoreDream',sans-serif;font-weight:500;}
.login-box .login-button{}
.login-box .btn-login{display:block;color:#e9f7ff;font-size:25px;font-weight:600;text-align:center;border-radius:25px;height:50px;line-height:50px;
	letter-spacing: .1em;
	font-family: 'S-CoreDream',sans-serif;
	background: linear-gradient(to top, #0081db 0%, #1999f3 100%);
}

.login-box .login-link{margin-top:30px;text-align:center;}
.login-box .btn-link{display:inline-block;margin:0 15px;font-size:14px;font-family:'S-CoreDream',sans-serif;font-weight:600;letter-spacing:-.06em;border-bottom:1px solid currentColor;line-height:1.3;}
.login-box .btn-link.link-color-1{color:#0098d8;border-bottom-color:#70c5e9;}
.login-box .btn-link.link-color-2{color:#0057d9;border-bottom-color:#5594f2;}
.login-box .btn-link.link-color-3{color:#1a3c92;font-size:17px;margin-top:30px;border-bottom-color:#1a3c92;}

.login-logo{margin-top:30px;text-align:center;padding:0 35px;}
.login-logo a{margin-left:20px;}

/* Layer */
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 360px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}
.pop-layer2 {display:none; position: absolute; top: 50%; left: 50%; width: 850px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}	
.pop-layer .pop-container, .pop-layer2 .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt, .pop-layer2 p.ctxt {color: #666;}
.pop-layer .btn-r, .pop-layer2 .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}