/*폼*/
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 #dce0e7; color:#333; width:100%; height:40px; margin:0 0 10px; 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:#00a2ff}
button{font-size:16px; border:1px solid #d4d4d4; color:#333; width:100%; height:45px; margin:0 0 15px; padding:0 30px; 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{background:transparent;}
.footer .logoMBE{width:270px}

@media only screen and (min-width:740px){
input{height:52px;}
.footer .logoMBE{width:237px}
}

/*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{position:relatve;overflow:hidden}
.login:before{display:inline-block;content:"";position:absolute;width:200%;height:200%;top:-60%;left:-50%;z-index:-1;background:url(/images/login_bg_s.jpg) 0 0 repeat;transform:rotate(28deg)} */
.login .container{width:100%;max-width:100%;padding:0;margin:15px 0 0 0}
.login .loginsize{position:relative;text-align:center;padding:0 15px;margin:0 auto}
.login .loginsize .btn{max-width:460px}
.login .loginConR{max-width:340px;margin:20px auto 0 auto}
.login .containerL{display:none}

@media only screen and (min-width:740px){
.login{background-size:cover}
.login .container{margin:100px 0 0 0}
.login .loginsize{max-width:340px;}
.login .loginConR{width:auto;margin:0}
}

@media only screen and (min-width:1330px){
.login .container{position:absolute;top:50%;left:50%;display:table;width:990px;margin:-305px 0 0 -495px}
.login .loginsize{display:table-cell;width:340px;vertical-align:middle;padding:0 15px 0 0}
.login .containerL{display:table-cell;vertical-align:middle;padding:0 0 0 15px}
.login .containerL img{max-width:100%}
.login .containerL .sub{font-size:22px;color:#fff;font-style:italic;text-align:center;margin:30px 0 0 0}
}

.login .logo{height:45px;background:url(/images/logo_n_b@2x.png) center 0 no-repeat;background-size:auto 45px;margin:0 0 20px 0}
.login form{margin-bottom:20px}
.login form input{margin-bottom:15px; height:55px; border:1px solid #dadada;}
.login .checkArea{text-align:left}
.login .check{float:left}
.login .check label{margin:0;font-size:14px}
.login .login-btn{margin:30px 0 15px 0}
.login .login-btn .btnLogin{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: #00a2ff;border: none;display: inline-block;height:50px;cursor: pointer;white-space: pre-wrap;border-radius:0}
.login .login-btn .btnLogin:hover{background-color:#059df4}
.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 .langSelect{height:40px;font-size:16px;border:1px solid #dce0e7;background:#fff url(/images/ico_select@2x.png) 98.5% 50% no-repeat;background-size:16px auto;color:#333;width:100%;margin:0 0 10px 0;padding:0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}
.login .langSelect:focus{border-color:#5776ff}
.login input[type="text"],
.login input[type="password"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}

.login .inputChk{display:none;}
.login .inputChk + label{cursor:pointer;font-size:13px;color:#6b7684;font-weight:400;text-align:left;margin:0;padding:0}
.login .inputChk + label:before{display: inline-block;content: "";width:21px;height:21px;background-color:#fff;border: solid 1px #d1d5db;border-radius:2px;vertical-align:middle;margin: 0 5px 0 0;}
.login .inputChk:checked + label{}
.login .inputChk:checked + label:before{background:#00a2ff url(/images/ico_login_chk@2x.png) 50% 50% no-repeat;background-size:13px auto;border: solid 1px #00a2ff;}

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

.login .langSelect{height:52px}

.login .inputChk + label:before{}
}

.loginSearch{display:inline-block;font-size:13px;color:gray;margin:0 0 20px 0;opacity:0.6}
.loginSearch a{color:#666;text-decoration:none}
.loginSearch a:hover{text-decoration:underline}
.loginSearch .bar{display:inline-block;color:#bbb;vertical-align:middle;margin:0 5px 2px 5px;opacity:0.5}

.footer{height:auto;padding:20px 0 20px 0}
.footer .copy{color:#999;opacity:0.6}

@media only screen and (min-width:740px){
.footer{padding:0}
.footer .copy{}
}


.login .langTop{max-width:1010px;margin:0 auto;text-align:right;padding:0}
.login .btn-group .btn {float:inherit;min-width:100px;height:34px;background:#f5f5f5;border-radius:25px;color:#666;font-size:14px;font-family:'notokr';font-weight:400;line-height:1.3;vertical-align:middle;outline:none;}
.login .btn-group .btn-lang {font-size:13px;}
.login .btn-group .btn .eng {display:none;}
.login .btn-group .btn-lang:before {display:inline-block;content:"";width:19px;height:19px;background:url(/images/ico_lang_black@2x.png) 0 0 no-repeat;background-size:18px auto;vertical-align:middle;margin:-1px 5px 0 0;}
.login .btn-group .btn-lang:after{display:none;}
.login .btn-group.lang .dropdown-menu {position:fixed !important;top:60px !important;right:0 !important;left:inherit !important;bottom:0;min-width:300px;width:100%;border-radius:0;border:none;border-top:solid 1px #f1f1f1;padding:20px 30px;overflow:auto;transform:none !important;}
.login .btn-group .dropdown-menu {min-width:190px;font-size:14px;color:#000;box-shadow:2px 2px 2px rgb(0 0 0 / 15%);padding:7px 0 7px 0;}
.login .btn-group .dropdown-menu a {color:#444;line-height:1.4;font-weight:bold;font-family:tahoma;padding:0 15px;min-width:115px;display:inline-block;cursor:pointer;}
.login .btn-group.lang .dropdown-menu a {width:calc(50% - 5px);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;}
.login .btn-group .dropdown-menu a:hover {text-decoration: none;color: #007bff;background: none;}
.login .btn-group .btn:focus {box-shadow:none;}

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