/*폼*/
html, body{background:#fff !important;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 #d4d4d4; color:#333; width:100%; height:42px; 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:#2895f3}
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}

.loginFooter{margin-top:30px;text-align:center}
.loginFooter .copy{font-size:13px;color:#979797}
.loginFooter dl{margin-top:3px}
.loginFooter dl dt{display:none}
.loginFooter dd{line-height:1.3;font-size:12px;display:inline-block;text-align:center;margin:0}
.loginFooter a{text-decoration:none}
.loginFooter a::after{content:"";position:relative;top:1px;border-left:1px solid #ECECEC;width:1px;height:10px;margin:0 10px;display:inline-block}
.loginFooter a:last-child::after{border-left:0}
.loginFooter dd a{color:#979797}

@media only screen and (min-width:740px){
input{height:45px;margin:0 0 10px}
}

/*language dropdown*/
.lang-dropdown{display:inline-block;height:20px; padding:0 0 2px 24px; text-align:left; font-size:14px; color:#000; background:url(https://globalapi.watv.org/images/WM/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{background:#f7f7f7;height:100%}
.login .container{width:100%;max-width:100%;height:100%;padding:0;margin:0}
.login .loginsize{position:relative;text-align:center;max-width:380px;padding:0 15px;margin:0 auto}
.login .loginsize .btn{max-width:460px}
.login .logo{font-size:28px;color:#222;font-weight:bold;letter-spacing:-2px;padding:30px 0 30px 0}
.login .logo .wm{display:inline-block;font-size:32px;color:#5776ff}
.login form{margin-bottom:20px}
.login form input{margin-bottom:15px; height:50px; 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:20px 0 15px 0}
.login .login-btn .btnLogin{font-size: 17px;text-decoration:  none;font-weight:500;color: #fff;text-align: center;line-height:1.2;padding:0 30px;margin:0;background-color: #2895f3;border: none;display: inline-block;height:50px;cursor: pointer;white-space: pre-wrap;}
.login .login-btn .btnLogin:hover{background-color:#0e8cf9}
.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:42px;font-size:16px;border:1px solid #d4d4d4;background:#fff url(https://globalapi.watv.org/images/WM/ico_select@2x.png) right 50% no-repeat;background-size:16px auto;color:#333;width:100%;margin:0 0 10px 0;padding:0 10px;-webkit-appearance:none;}
.login .langSelect:focus{border-color:#2895f3}

.login .inputChk{display:none;}
.login .inputChk + label{cursor:pointer;font-size:13px;color:#333;font-weight:400;text-align:left;margin: 0 10px 0 0;padding:0 15px 0 20px}
.login .inputChk + label:before{display: inline-block;content: "";width:20px;height:20px;background-color:#fff;border: solid 2px #cfd0d3;border-radius:50%;vertical-align:middle;margin: 0 5px 0 0;}
.login .inputChk:checked + label{color:#2366FF}
.login .inputChk:checked + label:before{background:#fff url(https://globalapi.watv.org/images/WM/login_check@2x.png) 50% 50% no-repeat;background-size:14px auto;border: solid 2px #5776ff;}

@media only screen and (min-width:740px){
.login .logo{font-size:40px;font-weight:500;padding:70px 0 40px 0}
.login .logo .wm{font-size:46px}
.login .btn{height:60px;width:100%}
.login .btn a{height:60px;padding:18px 20px;width:100%;margin-top:25px}
.login .login-btn .btnLogin{height:55px}
.login .lang-dropdown{top:135px}

.login .langSelect{height:45px;margin:0 0 10px 0;}

.login .inputChk + label:before{width:20px;height:20px}
}

.loginSearch{display:inline-block;font-size:13px;color:#666;text-align:left;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 5px 2px 5px}

.login .btnKind{margin:0 0 10px 0}
.login .btnKind span{display:inline-block;width:49%;position:relative}
.login .btnKind button{width:100%;height:47px;border:solid 2px #d4d4d4;background:#fff;border-radius:30px;font-size:16px;color:#777;font-family:'malgun gothic';font-weight:bold;color:#777;cursor:pointer}
.login .btnKind button.on{background:#eef7ff;border-color:#2895f3;color:#2895f3}
.login .btnKind button.on:after{display:inline-block;content:"";width:23px;height:23px;background:#2895f3 url(https://globalapi.watv.org/images/WM/ico_login_kind_on@2x.png) 50% 50% no-repeat;background-size:auto 9px;border-radius:50%;position:absolute;top:-5px;right:0}