@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
body{background-color:#fff;color:#000;font-size:14px;line-height:150%;letter-spacing:-1px;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:keep-all;font-family:'Noto Sans KR', sans-serif, Dotum,Gulim,Helvetica,Apple-Gothic;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,caption,th,td,form,fieldset,legend,hr,select,input,textarea{margin:0;padding:0;}
ul,ol{list-style:none;}
table{margin:0;padding:0;border-spacing:0;border:0;_border-collapse:collapse;width:100%;}
*+html table{border-collapse:collapse;}
img,fieldset,abbr,acronym{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
em{font-style:normal;}
input, select, button,textarea{padding:0;color:#000;font-family:'Noto Sans KR', sans-serif, Dotum,Gulim,Helvetica,Apple-Gothic;}
table{border-collapse:collapse;border-spacing:0}
table,table th,table td{border:0;}
hr{display:none}
a{color:#000;text-decoration:none;}
img{vertical-align:middle;}
body{background-color:#fff;}
caption,legend{position:absolute;top:0;left:0;width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
.hidden{display:none}
.gLeft{float:left;}
.gRight{float:right;}
.ic{vertical-align:-3px;}
input::-ms-clear{display:none;}
::-webkit-input-placeholder{color:#000;} /* Chrome/Opera/Safari */
::-moz-placeholder{color:#000;} /* Firefox 19+ */
:-ms-input-placeholder{color:#000;} /* IE 10+ */
:-moz-placeholder{color:#000;} /* Firefox 18- */

html,
body{position:relative;height:100%;}

/* login */
.gLogin{background:url(../images/k_login1.jpg) 50% 0 no-repeat;background-size:cover;}

.mLogin1{position:relative;display:table;width:100%;height:100%;overflow:hidden;}
.mLogin1 .title{position:absolute;top:50%;left:0;color:#fff;font-size:34.7px;font-weight:bold;line-height:180%;text-align:center;width:61%;transform: translateY(-50%);}
.mLogin1 .login{position:relative;display:table-cell;vertical-align:top;height:100%;background-color:#fff;vertical-align:middle;border-radius:20px 0 0 20px;margin:0 auto;min-width:450px;width:38%;text-align:center;}
.mLogin1 .footer{position:absolute;bottom:0;left:0;font-weight:300;font-size:12px;padding:0 0 50px;width:100%;}
.mLogin1 .footer .logo img{margin:0 10px;}
.mLogin1 .footer .addr{text-align:left;margin:10px auto 0;width:320px;text-align:left;}
.mLogin1 .login .loginBg{margin:0 auto;padding:50px 18px 180px 0;width:300px;}
.mLogin1 h1{font-size:29.4px;font-weight:500;line-height:140%;margin:0 -30px;}
.mLogin1 dl{margin-top:33px;}
.mLogin1 dt{display:none;}
.mLogin1 dd{margin:8px 0 0;}
.mLogin1 dd .it{background:url(../images/ico_id1.png) 22px 50% no-repeat #f0f0f1;border:0;color:#000;font-size:14.7px;padding:0 0 0 56px;width:calc(100% - 56px);line-height:50px;height:50px;}
.mLogin1 dd.pw .it{background-image:url(../images/ico_pw1.png);}
.mLogin1 .info{color:#000;font-size:19px;font-weight:500;text-align:left;line-height:220%;padding:42px 0 0 12px;}
.mLogin1 .link{margin:9px 0 0;}
.mLogin1 .link li{position:relative;display:-webkit-flex;display:flex;align-items:center;border-top:1px solid #e6e6e6;color:#000;font-size:13.4px;padding:9px 5px;text-align:left;}
.mLogin1 .link li .flex{-webkit-flex:1;flex:1;}
.mLogin1 .link li .btn{display:inline-block;color:#000;font-size:12px;border:1px solid #5f5f5f;border-radius:5px;padding:0 10px;line-height:22px;height:22px;}
.mLogin1 .link li.type2{display:block;font-size:14.7px;padding-top:6px;padding-bottom:12px;}
.mLogin1 .link li.type2 .btn{position:absolute;bottom:6px;right:5px;}
.mLogin1 .btnLogin{margin-top:15px;}

.btnLogin{display:block;background-color:#0a4ab2;border-radius:5px;color:#fff;font-weight:bold;font-size:16px;text-align:center;line-height:50px;height:50px;}

.mPopup1.active{display:block;}
.mPopup1{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:500;}
.mPopup1 .modalBg{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);width:100%;height:100%;}
.mPopup1 .popupBg{position:absolute;top:50%;left:50%;transform:translateY(-50%);margin-left:-208px;position:relative;background-color:#fff;border-radius:8px;padding:47px 60px 55px;width:297px;}
.mPopup1 > h3{font-size:21.4px;font-weight:bold;line-height:140%;padding:0 0 27px;}
.mPopup1 .list1 dt{font-size:14.7px;padding:0 0 12px 4px;}
.mPopup1 .list1 dt > em{color:#ed4b4b;padding:0 0 0 8px;}
.mPopup1 .mButton1{margin:33px 0 0;}

.it{border:1px solid #c5c5c5;border-radius:4px;color:#000;font-size:14.7px;padding:0 0 0 15px;width:calc(100% - 15px);line-height:43px;height:43px;}

.mButton1{text-align:center;margin:25px 0 0;}
.mButton1 .mBtn1 + .mBtn1{margin-left:7px;}

.mBtn1{display:inline-block;background-color:#0447b0;border:1px solid #0447b0;border-radius:5px;color:#fff;font-size:15px;text-align:center;padding:0 10px;min-width:70px;line-height:38px;height:38px;text-decoration:none;cursor:pointer;}
button.mBtn1.m{min-width:78px;height:36px;}
.mBtn1.line{background-color:#fff;color:#0447b0;}
.mBtn1.gray{background-color:#38424a;border-color:#38424a;}
/* //login */