@charset "utf-8";

/* Noto*/
@font-face {font-family:'Noto'; src:url('../font/NotoDL.otf') format('opentype'); src:local(※), url('../font/NotoDL.woff') format('woff'); font-weight: 300;}
@font-face {font-family:'Noto'; src:url('../font/NotoR.otf') format('opentype'); src:local(※), url('../font/NotoR.woff') format('woff'); font-weight: 400;}
@font-face {font-family:'Noto'; src:url('../font/NotoB.otf') format('opentype'); src:local(※), url('../font/NotoB.woff') format('woff'); font-weight: 500;}
@font-face {font-family:'Roboto'; src:url('../font/Roboto-Regular.otf') format('opentype'); src:local(※), url('../font/Roboto-Regular.woff') format('woff');}

/*Reset*/
*{box-sizing: border-box;}
html, body, div, span, p, a, address, big, cite, 
h1, h2, h3, h4, h5, h6, em, img, strong, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, footer, header, 
menu, nav, section, summary,time, mark, audio, video
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, main, nav, section {display: block;}
a, a:hover{color: #FFF; text-decoration: none; font-family:inherit;}
button{cursor: pointer; border: 0; font-family:Roboto, Noto;}
img {vertical-align:middle; border:0}

html{width:100%;}
body{background: #34495e; height:100%; font-family:'Roboto','Noto','san-serif'; line-height: 1.15; font-size: 1.1rem; letter-spacing: -0.02em;  overflow-x:hidden;}

input[type='text'], input[type='password'], input[type='submit'], button, .login-wrap {border: 0; height:45px;}
input[type='text'], input[type='password'], input[type='checkbox'] {background-color: transparent;}
input[type='submit'] {cursor: pointer;}

.mng{width: 100%; height:100%; position:relative; background: url('../images/login_bg_center_new.png') no-repeat 610px 420px;}

.mng:before{content:""; display:block; position:absolute; bottom:10px; left:-40px; width:580px; height:350px; background: url('../images/login_bg.png') no-repeat -40px -500px; background-size:100%; opacity:0.6}
.mng:after{content:""; display:block; position:absolute; top:80px; right:0; width:580px; height:400px; background: url('../images/login_bg.png') no-repeat 0 -540px; opacity:0.6; background-size:110%;}
.mng section {width:390px; height:68%; margin:0 auto; vertical-align: middle; text-align:center; padding-top:4.7%;  background:url('../images/login_bg.png') no-repeat -60px 30px; }
.mng section header{text-align:center; margin-bottom:20px;}
.mng article form {text-align: left; font-size: 14px;}
.mng-input-wrap {border-radius:30px; border:none; background: #fff; padding: 10px 20px; margin-bottom: 20px; text-align: left; height: 46px;}   
.mng-label {display: none;}
.mng-input-wrap input {width: 80%; height: 100%; font-size: inherit;}
.mng-remember-me-wrap {color: #646464; margin: 18px 0; text-align:center;}
.mng-remember-me-wrap span {font-size: inherit; color: #FFF; }
.mng article .submit-btn {width: 100%; background:#84c8f6; color:#34495e; transition: all .3s ease; height: 44px; border-radius:40px; font-size:1.2rem; font-weight:500; cursor: pointer;}
.mng article .submit-btn:hover {box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,0.25); background: rgba(45,53,62,0.8); color:#FFF;}
.mng-forget-acnt {display:block; font-size:0.9rem; color:#FFF; text-align:center; margin-top:15px;}

.simple-chck {display: none;}
.simple-chck + label {margin: 0 4px 0 0; border-radius: 3px; display: inline-block; vertical-align: middle; transition: all .3s ease;}
.simple-chck.type1 + label {width: 14px; height: 14px; border: 1px solid #d2d2d2; margin-top: -3px;}
.simple-chck.type1:checked + label {background: url('../images/checked-bg.png') no-repeat center;}
.simple-chck.type2 + label {width: 14px; height: 14px; border: 1px solid #d5d5d5; margin-top: -3px; background: url('../images/check-bg.png') no-repeat center;}
.simple-chck.type2:checked + label {border: 1px solid #0089d0; background: url('../images/checked-bg.png') no-repeat center;}