@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800&display=swap');
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src:
         url(../fonts/NEXON\ Lv2\ Gothic\ Light.eot) format('embedded-opentype'),
         url(../fonts/NEXON\ Lv2\ Gothic\ Light.woff) format('woff'),
         url(../fonts/NEXON\ Lv2\ Gothic\ OTF\ Light.otf) format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src:
         url(../fonts/NEXON\ Lv2\ Gothic.eot) format('embedded-opentype'),
         url(../fonts/NEXON\ Lv2\ Gothic.woff) format('woff'),
         url(../fonts/NEXON\ Lv2\ Gothic\ OTF.otf) format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url(../fonts/NEXON\ Lv2\ Gothic\ OTF\ Medium.otf) format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src:
         url(../fonts/NEXON\ Lv2\ Gothic\ Bold.eot) format('embedded-opentype'),
         url(../fonts/NEXON\ Lv2\ Gothic\ Bold.woff) format('woff'),
         url(../fonts/NEXON\ Lv2\ Gothic\ OTF\ Bold.otf) format('opentype');
    font-weight: 600;
    font-style: normal;
}




/* common */
html, body { margin: 0; width: 100%; height: 100%; position:relative; }
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; letter-spacing: -0.03em; outline: none; -webkit-text-size-adjust: none;}
ul>li>a { text-decoration:none; }
a {color: inherit;}
table { border-collapse: collapse;}
.blind {position:absolute !important;visibility:hidden !important;top:0 !important;left:0 !important;height:0 !important;width:0 !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;}
fieldset {border:none;}
legend {display:none;}
caption {display:none;}
i {display: inline-block;}
em {font-style: normal;}
input {box-sizing: border-box; border: 1px solid #c4c4e1; background-color: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input::-webkit-input-placeholder {color: #999;}
input:-ms-input-placeholder {color: #999;}
input::placeholder {color: #999; opacity: 1;}
input[type=text]::-ms-clear {display:none;}
button {box-sizing: border-box; border: 0; background-color: transparent; cursor: pointer;}
textarea {box-sizing: border-box; resize: none;}
select {box-sizing: border-box; border: 1px solid #c4c4e1; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; box-sizing: border-box; cursor: pointer;}
select::-ms-expand {display: none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}


/* LAYOUT */
#A_Wrap {box-sizing: border-box; width: 100%; min-height: 100%; min-width: 1516px; padding: 0 64px 0 30px; background-color: #f2f4f7;}
#A_Wrap.login_wrap {overflow: hidden; height: 100vh; background-image: linear-gradient(to right, #e0e3ed 750px, #f2f4f7 750px);}
#A_Container {margin:0 auto; clear:both;}
#A_Container_Wrap {position: relative; box-sizing: border-box; width: 100%; min-height: calc(100vh - 100px);}
#A_Container_Wrap:after {display: block; clear: both; *zoom: 1; content: '';}
#A_Container_L {position: absolute; top: 0; left: 0; width: 260px; height: 100%;}
#A_Container_C {box-sizing: border-box; width: 1826px; height: 100%; padding: 0 0 100px 310px;}

/* .inner {width: 1230px;} */


/* header */
#A_Header {box-sizing: border-box; width: 100%; height: 100px;}
#A_Header .logo {position: relative; float: left; width: 260px; height: 100px;}
#A_Header .logo a {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 106px; height: 28px;}
#A_Header .logo a img {width: 100%; vertical-align: top;}
#A_Header ul {float: right; padding: 45px 0 0;}
#A_Header ul li {position: relative; float: left; padding: 0 0 0 21px; margin: 0 0 0 20px;}
#A_Header ul li:before {display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 20px; background-color: #e0e3ed; content: '';}
#A_Header ul li:first-child {padding: 0; margin: 0;}
#A_Header ul li:first-child:before {display: none;}
#A_Header ul li a {font-family: 'NEXON Lv2 Gothic'; color: #0184ff;}
#A_Header ul li.logout a {color: #7c7cb4;}


/* gnb */
.gnb {padding: 20px 0 0;}
.gnb > li a {display: block;}
.gnb > li i {display: inline-block; margin: 15px 15px 0 0; width: 30px; height: 30px; background-image: url(../images/common/gnb_icons.png); background-repeat: no-repeat; vertical-align: top;}
.gnb > li:nth-child(1) i {background-position: 0 0;}
.gnb > li:nth-child(2) i {background-position: 0 -40px;}
.gnb > li:nth-child(3) i {background-position: 0 -80px;}
.gnb > li:nth-child(4) i {background-position: 0 -120px;}
.gnb > li:nth-child(5) i {background-position: 0 -160px;}
.gnb > li:nth-child(6) i {background-position: 0 -200px;}
.gnb > li:nth-child(7) i {background-position: 0 -240px;}
.gnb .gnb_tit {padding: 0 40px 0 25px; height: 60px; line-height: 60px; font-family: 'NEXON Lv2 Gothic'; font-size: 18px; color: #7c7cb4; background: transparent url(../images/common/arrow_down.png) no-repeat 222px center;
  transition: all 0.3s ease-in-out; cursor: pointer; border-radius: 10px;}

.gnb .lnb {display: none; padding: 25px 0; border-bottom: 1px solid #e0e3ed;}
.gnb .lnb li + li {margin: 10px 0 0;}
.gnb .lnb li a {display: block; position: relative; box-sizing: border-box; padding: 0 0 0 65px; color: #7878b2; transition: all 0.3s ease-in-out;}
.gnb .lnb li a:before {visibility: hidden; opacity: 0; display: block; position: absolute; top: 50%; left: 0; width: 50px; height: 1px; background-color: #0184ff; content: '';}
.gnb .lnb li a:hover {color: #0184ff;}
.gnb .lnb li a:hover:before {visibility: visible; opacity: 1;}
.gnb .lnb li.on a {color: #0184ff;}
.gnb .lnb li.on a:before {visibility: visible; opacity: 1;}
.gnb .open .gnb_tit {font-weight: 500; color: #fff; background-color: #2f95fa; background-image: url(../images/common/arrow_up.png); box-shadow: 10px 10px 20px rgba(1,132,255,0.3);}
.gnb > li.open:nth-child(1) i {background-position: -40px 0;}
.gnb > li.open:nth-child(2) i {background-position: -40px -40px;}
.gnb > li.open:nth-child(3) i {background-position: -40px -80px;}
.gnb > li.open:nth-child(4) i {background-position: -40px -120px;}
.gnb > li.open:nth-child(5) i {background-position: -40px -160px;}
.gnb > li.open:nth-child(6) i {background-position: -40px -200px;}
.gnb > li.open:nth-child(7) i {background-position: -40px -240px;}

.gnb .menu02.open .gnb_tit {background-image: url(../images/common/arrow_right.png); background-position: 225px center;}
.gnb .menu03.open .gnb_tit {background-image: url(../images/common/arrow_right.png); background-position: 225px center;}
.gnb .menu04.open .gnb_tit {background-image: url(../images/common/arrow_right.png); background-position: 225px center;}
.gnb .menu05.open .gnb_tit {background-image: url(../images/common/arrow_right.png); background-position: 225px center;}
.gnb .menu07.open .gnb_tit {background-image: url(../images/common/arrow_right.png); background-position: 225px center;}

.fix {overflow: hidden;}

/* footer */

#A_Footer {width: 100%; height: 80px; text-align: center; background-color: #333;}
#A_Footer .copy {line-height: 80px; color: #666;}

/* Layer Popup*/
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666;line-height: 25px;}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;text-align: right;}

.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 580px;height: 480px;background-color: #fff;border: 5px solid #0184ff;z-index: 10;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}

.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}
a.btn-layerClose {display: inline-block;height: 25px;padding: 0 14px 0;border: 1px solid #fff;border-radius: 5px;background-color: #0184ff;font-size: 13px;color: #fff;line-height: 25px;}
a.btn-layerClose:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;}