/*폼*/
html, body{padding:0;margin:0}
form div{position:relative;margin-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
label{font-size:14px; font-weight:200; display:block; margin-bottom:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input{font-size:16px; border:1px solid #d8dbe2; color:#333; width:100%; height:48px;border-radius:4px;margin:0 0 8px; padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type="text"],
input[type="password"]{outline:none}
input[type="text"]:focus,
input[type="password"]:focus{border-color:#5776ff}
button{overflow:hidden;white-space:nowrap; text-overflow:ellipsis;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
textarea{width:100%;height:200px;border:solid 1px #d4d4d4;padding:10px;margin:2px 0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.footer{text-align:center;font-size:13px;color:gray;padding:20px 0 0 0;background:transparent;border-top:none}

@media only screen and (min-width:740px){
.footer{position:absolute;bottom: 20px;left:0;right:0;/* color:#fff; */}
}

/*language dropdown*/
.lang-dropdown{display:inline-block;height:20px; padding:0 0 2px 24px; text-align:left; font-size:14px; color:#000; background:url(/images/ico_lang_black@2x.png) 0 50% no-repeat; background-size:20px auto;cursor:pointer; white-space:nowrap; text-align:left; z-index:1001; transition:all 0.3s ease;margin:0 0 3px 10px;vertical-align:middle}
.lang-dropdown #lang_text{display:none}
.lang-dropdown .dropdown{display:none; z-index:10000; position:absolute; width:120px; top:20px; right:5px; background:#FFF; border:1px; box-shadow:0 1px 3px rgba(0,0,0,0.1); font-weight:normal; list-style:none; pointer-events:none; text-indent:0; border-radius:4px; -webkit-transition:all 0.1s ease-in;-moz-transition:all 0.1s ease-in;-ms-transition:all 0.1s ease-in;-o-transition:all 0.1s ease-in;transition:all 0.1s ease-in}
.lang-dropdown .dropdown:after{content:"";width:0;height:0; position:absolute; bottom:100%; right:15px}
.lang-dropdown .dropdown li a{display:block; padding:8px 15px 9px 15px; text-decoration:none; color:#000; text-align:left; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-ms-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out}
.lang-dropdown .dropdown li i{float:right; color:inherit}
.lang-dropdown .dropdown li:hover{background:#eee}
.lang-dropdown .dropdown li.this{background:#eee}
.lang-dropdown .dropdown li.this:first-of-type{border-radius:4px 4px 0 0}
.lang-dropdown .dropdown li.this:last-of-type{border-radius:0 0 4px 4px}
.lang-dropdown.active .dropdown{display:block; pointer-events:auto;padding:5px 0}
.lang-dropdown .dropdown li:hover:first-of-type{border-radius:4px 4px 0 0}
.lang-dropdown .dropdown li:hover:last-of-type{border-radius:0 0 4px 4px}

@media only screen and (min-width:740px){
	.lang-dropdown #lang_text{display:inline-block}
}

.login{}
.login .container{width:100%;max-width:720px;min-height:calc(100vh - 130px);background:#fff;border-radius:3px;padding:40px 0;margin:0 auto}
.login .loginsize{position:relative;text-align:center;max-width:340px;padding:0 15px;margin:0 auto}
.login .loginsize .btn{max-width:330px}
.login .logo{display:block;height:42px;background:url(/images/login/logo_login@2x.png) center 0 no-repeat;background-size:auto 42px;text-indent:-9999px;margin:0 0 20px 0}
.login .explain{font-size:15px;color:#555;margin:0 0 40px 0}
.login .btnKind{margin:0 0 30px 0}
.login .btnKind span{display:inline-block;width:49%;position:relative}
.login .btnKind button{width:100%;height:50px;background:#f5f5f6;border-radius:25px;font-size:16px;color:#666;font-family:'맑은고딕',Malgun Gothic;font-weight:bold;cursor:pointer;padding:0 7px}
.login .btnKind button.on{background:#535bfb;color:#fff}
.login .btnKind button.on:before{display:inline-block;content:"";width:15px;height:11px;background:url(/images/login/ico_login_chk@2x.png) 50% 50% no-repeat;background-size:15px auto;vertical-align:middle;margin:0 5px 3px 0}
.login form{margin-bottom:20px}
.login form input{margin-bottom:15px; height:50px; border:1px solid #d8dbe2;border-radius:4px}
.login .checkArea{text-align:left;margin:5px 0 0 0}
.login .check{float:left}
.login .check label{margin:0;font-size:14px}
.login .login-btn{margin:25px 0 25px 0}
.login .login-btn .btnLogin{width:100%;font-size: 17px;text-decoration:  none;font-weight: 600;color: #fff;text-align: center;line-height:1.2;padding:0 30px;margin:0;background-color: #535bfb;border: none;border-radius:4px;display: inline-block;height:50px;cursor: pointer;white-space: pre-wrap;}
.login .login-btn .btnLogin:hover{}
.login .login-footer-link{margin-bottom:50px}
.login .login-footer-link a{font-size:13px;color:#999}
.login .login-footer-link a::after{content:"";position:relative;top:1px;display:inline-block;width:1px;height:11px;margin:0 10px;background-color:#D9D9D9}
.login .login-footer-link .line-none::after{display:none}
.login .lang-dropdown{position:absolute;font-size:13px;top:25px;right:10px;text-align:left}
.login .lang-dropdown span{color:#333;margin-bottom:5px}
.login .inputField{position:relative}
.login .inputField input{padding-left:150px}
.login .inputField label{font-size:15px;color:gray;text-align:left;letter-spacing:-0.5px;position:absolute;top:15px;left:15px}
.login .inputField .birthExplain{display:none;font-size:13px;color:gray;}
.login .inputField .birthExplain .exTit{display:inline-block;height:14px;line-height:12px;color:#fff;background:#ccc;border-radius:2px;vertical-align:middle;padding:0 5px;margin:0 2px 2px 0}
.login .inputField #birthDate:focus + label{top:6px}
.login .inputField #birthDate:focus + label .birthExplain{display:block;color:#2895f3;font-family:arial;margin:2px 0 0 0}
.login .inputField .btnPassView{position:absolute;top:50%;right:15px;width:20px;height:20px;background:url(/images/ico_eye_none.png) 50% 50% no-repeat;background-size:20px auto;margin-top:-14px}
.login .inputField .btnPassView.on{background:url(/images/ico_eye.png) 50% 50% no-repeat;background-size:20px auto}

.login .langTop{max-width:760px;margin:0 auto;text-align:right;padding:20px 20px 0 20px}

.login .btn-group{display:inline-block;margin:0}
.login .btn-group .btn{float:inherit;min-width:100px;height:30px;background:#f5f5f5;border-radius:25px;color:#666;font-size:14px;font-family:'notoSansKR';font-weight:400;line-height:1.3;vertical-align:middle;outline:none;padding:2px 5px 0 5px}
.login .btn-group .btn.focus,
.login .btn-group .btn:focus{box-shadow:none}
.login .btn-group .btn::after{display:none}
.login .btn-group .btn .eng{display:none}
.login .btn-group .btn .caret{display:none}
.login .btn-group .btn-lang{font-size:13px;}
.login .btn-group .btn-lang:before{display:inline-block;content:"";width:18px;height:18px;background:url(/images/ico_lang_main@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:0 5px 2px 0}
.login .btn-group .btn-lang:after{display:none}
.login .btn-group .dropdown-menu{min-width:190px;font-size:14px;color:#000;box-shadow:2px 2px 2px rgba(0,0,0,0.15);padding:7px 0 7px 0}
.login .btn-group .dropdown-menu li{padding:3px 10px}
.login .btn-group .dropdown-menu li.topLine{border-top:1px solid #dfe3e7}
.login .btn-group .dropdown-menu li.padTop{padding-top:5px}
.login .btn-group .dropdown-menu li.padBot{padding-bottom:5px}
.login .btn-group .dropdown-menu a{color:#444;line-height:1.4;font-weight:bold;font-family:'맑은고딕',Malgun Gothic, tahoma;padding: 0 15px;min-width: 115px;display: inline-block;cursor:pointer}
.login .btn-group .dropdown-menu a:hover{text-decoration:none;color:#007bff;background:none}
.login .btn-group.help .dropdown-menu{min-width:110px;}
.login .btn-group.lang .dropdown-menu{position:fixed;top:60px;right:0;left: auto;bottom:0;min-width:300px;width:100%;border-radius:0;border:none;border-top:solid 1px #f1f1f1;padding:20px 30px;overflow:auto}
.login .btn-group.lang .dropdown-menu a{width:calc(50% - 3px);vertical-align:top;padding:0;margin:0 0 10px 0}
.login .btn-group.lang .dropdown-menu a .eng{display:block;font-size:13px;color:#adadad;font-weight:lighter;line-height:1.1}

@media only screen and (min-width:740px){
.login .btn-group.lang .dropdown-menu{position:absolute;top:40px;bottom:inherit;min-width:400px;border:solid 1px #ddd;border-radius:10px}
}

.login .inputChk{display:none;}
.login .inputChk + label{cursor:pointer;font-size:14px;color:#333;font-weight:400;text-align:left;margin: 0 10px 0 0;padding:0 15px 0 0}
.login .inputChk + label:before{display:inline-block;content:"";width:26px;height:26px;background:#fff;border-radius:50%;vertical-align:middle;margin: 0 5px 3px 0;}
.login .inputChk:checked + label{color:#535bfb}
.login .inputChk:checked + label:before{background:#535bfb url(/images/login/ico_login_kind_on@2x.png) 50% 50% no-repeat;background-size:13px auto;}

@media only screen and (min-width:740px){
.login{height: 100%;}
.login .container{}
.login .logo{}
.login .explain{}
.login .btn{height:60px;width:100%}
.login .btn a{height:60px;padding:18px 20px;width:100%;margin-top:25px}
.login .login-btn .btnLogin{}
.login .lang-dropdown{top:135px}

.login .inputChk + label:before{}
}

.loginSearch{display:inline-block;font-size:13px;color:#666;margin:0 0 20px 0}
.loginSearch a{color:#666;text-decoration:none}
.loginSearch a:hover{text-decoration:underline}
.loginSearch .bar{display:inline-block;color:#d9d9d9;margin:0 6px;vertical-align:middle;margin:0 0 2px 0}

.loginNormal{position:relative}
.loginNormal .ingBox{position:absolute;top:0;left:-10px;bottom:-120px;right:-10px;font-size:20px;color:#5776ff;text-align:center;font-weight:bold;letter-spacing:-0.5px;background:rgba(255,255,255,0.7) url(/images/ico_prepare_s@2x.png) center 50px no-repeat;background-size:33px auto;margin:0;padding:90px 0 0 0}

.gubunBtnArea{width: 100%;}
.gubunBtnArea div{display: inline-block;width: 49%;vertical-align: top;}
.loginButton{width: 100%;font-size: 17px;text-decoration: none;font-weight: 600;color: #fff;text-align: center;line-height: 1.2;padding: 0 10px;margin: 0;background-color: #5776ff;border: none;display: inline-block;height: 100px;cursor: pointer;white-space: pre-wrap;}
.gubunBtnArea .explain{display: block;font-size: 11px;font-weight: normal;padding-top: 10px;color: #3F51B5;text-align: left;}

#dvLoading{top:295px;background-color:transparent;margin:0 0 0 -56px}

.login-info{text-align:left; padding-left:20px;}
.login-info::before{content:""; width:17px; height:17px; background:url(/images/ico_myinfo@2x.png); background-size:17px 17px; background-repeat:no-repeat; background-position:center; display:inline-block; position:absolute; left:12px;}