﻿/* infotech 20220809 JSJ*/
@import url("notosanskr.css");
@import url("nanumgothic.css");/*'Nanum Gothic'*/
@font-face {
font-family:'Nanum Gothic';
src:url('../fonts/NanumGothic.eot');
src:local(��), url('../fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
	local(��), url('../fonts/NanumGothic.woff') format('woff');
font-weight:normal;
font-style:normal;
font-size:12px;
}

/* infotech 20210504 JSJ*/

/* #region reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;line-height:1.6;border:0;}
body,input,textarea,select,button,table {font-family:'나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic', sans-serif}
img,fieldset {border:0}
ul,ol {list-style:none}
em,address {font-style:normal}
a {text-decoration:none;color:#828282}
a:hover {text-decoration:none}
a:active,a:focus {text-decoration:none}
html {color:#333;font-size:10px;overflow-y:scroll;}
legend, summary, caption {visibility:hidden;width:0;height:0}
.clearFix:after {clear:both;display:block;content:''}
body {position:relative;background-color:#fff;min-width:320px;overflow-x:hidden}
.input_search[type=text] {-ms-ime-mode:active;ime-mode:active;} 

/* #endregion */
::-webkit-scrollbar {width:8px}
::-webkit-scrollbar-thumb {background-color:#999aa9;border-radius:0;background-clip:padding-box;border:none;}
::-webkit-scrollbar-track {background-color:#d8d8d8;border-radius:0;box-shadow:inset 0 0 5px #d8d8d8;}




/* #region pc */
.ui-skip {display:none}
.top-popup {height:44px;/* background:#39568f; */border-top: 1px solid #6b6b6b;position:relative;z-index:200;background: url(../images/Main/pop-bg.png);background-color: #474747;padding-left:200px;font-size:1.6rem;color:#fff;line-height:44px;display:none;}
.top-popup-wrap {width:100%;max-width:1580px;margin:0 auto;position:relative;}
.top-popup-wrap a {color:#fff;margin-left:60px}
.top-popup-close {position:absolute;top:0;right:0;padding-top:10px}
.top-popup-close button {line-height:24px;background:none;vertical-align:top;}
.top-popup-close .day-close {border-radius:12px;padding:0 16px;background:#889abc;margin-right:20px;}

header nav.fixed{position: fixed;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 80px;
    transition: all 0.25s ease-in;
    background-color: #2e3192;
    padding-left: 0;}
.header {position:relative;z-index:100;background:#fff;}
.header.fixed {width:100%;position:fixed;top:0;}
.logo-quick {width:100%;max-width:1200px;height:80px;margin:0 auto;}
.header.fixed .logo-quick {height:0;overflow:hidden;}
.logo {padding:16px 0 0 12px;float:left;}
.logo h1 {line-height:1;}
.mtSrch {display:none;}
.quick {float:right;padding-right:7px; padding-top: 5px;}
.quick-wrap {height:39px;text-align:right;}
.quick a {font-size:1.6rem;color:#37352e;line-height:39px;margin:0 10px;position:relative;}
.quick a:before {content:'';display:block;position:absolute;top:6px;left:-10px;height:10px;width:1px;background:#cacaca;}
.quick a:first-child:before{content:'';display:none;}
.gnb {height:70px;background:#2e3192;z-index:100;box-shadow:inset -2px 0 4px rgba(0, 0, 0, 0.16);}
.gnb-wrap {width:100%;max-width:1200px;margin:0 auto;position:relative;}
.menu-list {width:calc((100% - 80px) / 6 );float:left;position:relative;cursor:pointer;text-align:center;}
.menu-list.active .sub-menu {display:block !important;}
.btn.sub-tit {color:#ffffff;opacity:1;cursor:pointer;font-size:1.8rem;line-height:70px;padding:0;border:0;font-weight:bold}
.sub-menu {display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #2e3192;border-top:none;    box-shadow: 2px 1px 6px 1px #333;}
.sub-menu li a {height:32px;line-height:32px;display:block;}
/*.sub-menu li + li a {border-top:1px solid #dadada;}*/
.sub-menu li a:hover, .sub-menu li a:focus {color:#fff;background:#000000;}
.gnb.active .sub-menu {height:230px;display:block;}
.gnb.active .menu-list:not(:first-child) .sub-menu {border-left:1px solid #ddd;}

.allmenu {width:70px;height:70px;position:absolute;top:0;right:0;border-radius:0 35px 35px 0;text-align:center;}
.allmenu button {background:none;display:inline-block;cursor:pointer;padding-top:13px;outline:0;}
.allmenu button .allmenu-close {display:none;line-height:1;}
.allmenu button .allmenu-open {display:none;line-height:1;}
.bar1, .bar2, .bar3 {width:40px;height:3px;background-color:#ffffff;margin:9px 0;display:block;transition:.4s;}
.active > .bar1 {background-color:#ffffff;-webkit-transform: rotate(-45deg) translate(9px,7px);transform:rotate(-45deg) translate(-10px,8px);}
.active > .bar2 {opacity:0;}
.active > .bar3 {background-color:#ffffff;-webkit-transform:rotate(45deg) translate(-9px,-7px);transform:rotate(45deg) translate(-9px,-7px);}


.menu-srch {display:none;}
.quick-login label[for="input-id"] {width:150px;height:30px;background:url(../images/main/id.png) 7px 7px no-repeat #193c8d;border-radius:4px 0 0 4px;padding-left:30px;}
.quick-login label[for="input-pw"] {width:150px;height:30px;background:url(../images/main/pw.png) 7px 7px no-repeat #193c8d;border-radius:4px 0 0 4px;padding-left:30px;margin-left:6px;}
.quick-login label input {width:100%;height:30px;background:#f4f4f4;padding-left:10px;line-height:30px;}
.quick-login button[type="submit"] {width:60px;height:30px;background:#193c8d;border-radius:4px;color:#fff;margin-left:6px;}

.mobileMenu {display:none;}


/* #endregion */

@media (max-width: 1400px){

}

@media (min-width: 992px){
.gnb.active .sub-menu {display:block!important;}

}


/* #region tablet */
@media (max-width: 991px){
.top-popup {display:none;}
.header {width:100%;height:90px;background:#fff;position:fixed;z-index:500;box-shadow:0 0 10px rgba(0, 0, 0, 0.4);padding-top:20px;}
.logo-quick {width:100%;top:0;left:0;}
.header.fixed .logo-quick {overflow:visible;}
.logo {height:70px;position:relative;z-index:100;padding-top:10px;}
.quick {width:100%;height:30px;position:absolute;top:0;left:0;background:#0069b7;text-align:right;padding-right:0;}
.quick a {line-height:20px;color:#fff;margin:0 10px;}
.gnb {position:absolute;top:90px;left:0;width:100%;height:0;padding-top:0;box-shadow:none; background:#2e3192}
.header.fixed .gnb {padding-top:0;}
.menu-list {width:220px;height:auto;background:#fff;display:none;float:none;border-bottom:1px solid #dadada;text-align:left;border-right:1px solid #dadada;}
.menu-list:first-child {border-top:1px solid #dadada;}
.menu-list .sub-tit {line-height:40px;color:#0069b7;padding-left:20px;}
.gnb.active .menu-list {display:block;}
.menu-list .sub-menu, .gnb.active .sub-menu {display:none;height:auto;}
.sub-menu {position:relative;height:auto;top:inherit;border:none;}
.sub-menu ul li a {border-top:1px solid #dadada;padding-left:32px;}
.allmenu {top:-70px;}
.allmenu button {background:none;display:inline-block;cursor:pointer;padding-top:16px;outline:0;}
.bar1, .bar2, .bar3 {width:35px;height:5px;margin:6px 0;display:block;transform:unset;opacity:1;transition:.4s;background:#0069b7;}
.active > .bar1 {background-color:#0069b7;-webkit-transform: rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px);}
.active > .bar2 {opacity:0;}
.active > .bar3 {background-color:#0069b7;-webkit-transform:rotate(45deg) translate(-9px,-7px);transform:rotate(45deg) translate(-9px,-7px);}

.quick-login {display:none;}
.mobileMenu {display:inline-block;}
.quick a:not(:first-child):before {content:'';display:block;position:absolute;top:6px;left:-10px;height:10px;width:1px;background:#cacaca;}
}
/* #endregion */


/* #region phone */
@media (max-width: 767px){
	
}
/* #endregion */