@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900; 1,100..900&display=swap'); 

.mont {font-family:'Montserrat', sans-serif !important;}
.bgW {max-width:100%; height: 100vh !important;}
.myinfoMenuSet {position: fixed; overflow-y: auto; max-height: 100%;}
#wrap {padding-top:140px;}

#header{background:#fff; width:100%; position:fixed; left:0; top:0; transition:.2s ease-in-out; z-index:9; border-bottom: 1px solid #eee;}
#header>div{position:relative; max-width:1280px; margin:0 auto; height:140px}
#header.down{border-bottom:1px solid #eee; margin-top:-40px}

.header-top {min-height:40px; position:relative;}
.header-top::before {content:''; position:absolute; top:0; left:50%; -webkit-transform:translateX(-50.4%); transform:translateX(-50.4%); width:100vw; height:100%; background-color:#f1f1f3;}

.logo a,.totalMenu a i{position:relative; display:block}
.logo a{background:url("/static/portal/img/main/logo.png") center center no-repeat; width:221px; height:44px; top:auto; left:auto}
.totalMenu{position:absolute; top:60px; right:0; width:51px; height:51px; background:#0075c1; border-radius:20px}
.totalMenu a{background:none; display:flex; width:100%; height:100%; align-items:center; justify-content:center}
.totalMenu a i{width:28px; height:3px; background:#fff}
.totalMenu a i:Before{display:block; content:""; background:#fff; width:16px; height:100%; position:absolute; left:0; top:-8px}
.totalMenu a i:after{display:block; content:""; background:#fff; width:14px; height:100%; position:absolute; left:0; top:8px}
.gnb_wrap {height:100px; display:flex; align-items:center;}

#gnb{flex:1; height:auto; float:none; padding:0 60px 0 10px}
#gnb a{text-decoration:none}
#gnb>ul{display:flex; justify-content:flex-end; width:100%; max-width:890px; margin-left:auto; align-items:center}
#gnb>ul>li{position:relative; flex:auto; padding:0 10px; transition:.5s}
#gnb>ul>li .depth1>a{padding:10px 4px; font-family:NanumSquare; display:flex; justify-content:center; align-items:center; height:100px; color:#000; font-size:18px; font-weight:600; line-height:1.4em; letter-spacing:-1px; text-decoration:none; text-align:center; transition:.5s}
#gnb > ul > li .depth1 > a::before {display:none;}
#gnb > ul > li .depth1 > a span {padding:0px; border:none;}

#footer{background-color:#fff;}
#footer a{text-decoration:none}
#footer .markset {display:none;}
#footer .set {display:flex; position:relative; margin-top:40px; min-height:inherit}
#footer address {line-height:1.9; font-size:0.95em; color:#666666; font-style:normal; letter-spacing:-0.8px;}
#footer .info {flex:1; position:relative}
#footer .info .go_top {position:absolute; right:0px; top:0px;}
#footer .info .go_top > a {display:flex; justify-content:center; align-items:center; width:84px; height:38px; background:#fff; border:1px solid #000; font-size:10px; font-weight:800;}
#footer .fLogo {min-width:234px; background:url(/static/portal/img/main/flogo.png) no-repeat left top / cover; width:234px; height:45px; margin:0px 45px 0 0;}
#footer .siteGo {overflow:hidden; margin:0px 0 35px;}
#footer .siteCon {float:none;}
#footer nav {float:none; display:flex; flex-wrap:wrap; align-items:center; margin:0px -15px;}
#footer nav a{position:relative; padding:0 15px; line-height:1.3; font-size:16px; font-weight:600; color:#333}
#footer .bottomBannerSet {height:auto !important;}
#footer .bottomBanner .siteGoLinker {top:auto;}
#footer .siteCon .site-go {display:none;}
#footer address .cp {margin-top:0px;}
.bottomBannerSet{min-height:100px; padding:20px 0; background-color:#e7edfa}
.bottomBanner{width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center}
.bannerZoneSet {flex:1;}
.bottomBanner .siteGoLinker {float:none;}
.bottomBanner .siteGoLinker fieldset {display:flex;}
.bottomBanner .siteGoLinker select {width:100%; flex:1; height:50px; margin:0px; line-height:1.4em; background-color:#ffffff; color:#000000;}
.bottomBanner .siteGoLinker button {height:auto; position:relative; right:auto; top:auto; margin:0px; min-width:80px; background-color:#005eac; color:#fff;}



@media (max-width:1190px) {
	#gnb>ul>li{padding-left:10px; padding-right:10px}
	#gnb>ul>li .depth1>a{font-size:17px}
}


@media (max-width:950px) {
	#wrap {padding-top:100px;}
	#header,#header>div{height:90px}
	#header{background:#134aa9!important; margin-top:0!important}
	.header-top{position:initial}
	.header-top::before{content:none}
	.logo{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
	.logo a{background:url(/static/portal/img/main/logo@2x_230623.png) center center/auto 35px no-repeat; width:185px; height:35px; transform:none; -webkit-transform:none}
	.my-nav-toggle{height:100%}
	#gnb>ul{width:100%; table-layout:auto; display:none}
	#gnb>ul>li .depth1>a{font-size:16px}

}

@media (max-width:767px) {
	#footer .set{flex-wrap:wrap; padding:0 20px}
	.fLogo{margin:0 auto!important}
	#footer .info{flex:initial; width:100%; text-align:center}
	#footer nav{justify-content:center; margin-top:20px}
	#footer address,#footer nav a{font-size:14px}
	#footer .info .go_top{top:-43px}
}

@media (max-width:480px) {
	#wrap {padding-top:80px;}
	#header {height:70px;}
	#header > div {height:70px;}
	#footer .set {padding:0px 10px;}
	#footer nav a {font-size:3.5vw; padding:0px 3vw;}
	#footer .info .go_top > a {width:60px;}
	#footer address {font-size:3.5vw;}
	#footer address .cp {font-size:3.2vw}
	#footer .fLogo {width:48.75vw; min-width:48.75vw; height:9.375vw;}
	#footer .info .go_top {top:-30px;}
	#footer .info .go_top > a {height:34px;}
}


@media (min-width:951px) {
	.global .visible-pc{padding:0px; display:flex; align-items:center; height:40px; margin:0 -15px}
    .global .visible-pc li {float:none; display:flex; align-items:center; position:relative; padding:0 15px; color:#000;}
	.global .visible-pc li a {display:flex; align-items:center; color:#000; font-size:14px; font-weight:600; letter-spacing:-0.38px;}
	.global .visible-pc li a+a{margin-left:10px; padding-left:10px; position:relative}
    .global .visible-pc li a + a:before {display:block; content:"·"; position:absolute; left:0px; top:0px;}
}


