@charset "UTF-8";

/* 넓이 설정 */
.bodyWrap {margin:0 auto; min-width:320px; word-break:keep-all; transition:all ease 0.4s 0.3s;}
.colWide {margin:0 auto; padding:0 15px; width:100%; min-width:320px;}
.web_none {display:none;}

/* 콘텐츠 영역 설정 */
.mainContents {position:relative; display:block;}
.subContents {position:relative; display:block;}
.inner {position:relative; margin:0 auto; padding:0 15px; max-width:1590px;}

/* 상단 레이아웃 디자인 */
.header {position:fixed; top:0; left:0; width:100%; padding:15px 0; transition:all ease 0.4s 0.0s; z-index:99; background: rgba(4, 46, 96, 0.4);}
.header .colWide {display:flex; align-items:stretch;}
.header .logo a {display:block; width:136px; height:74px; margin:0 0 0; background:url('../images/logo.png') no-repeat 50% 50%; background-size:100% auto;}
.header .inner {display:flex; justify-content:space-between;}
.header.mouse_on .logo a,
.header.scroll_on .logo a {background:url('../images/logo_black.png') no-repeat 0 0; background-size:100% auto;}
.header.mouse_on,
.header.scroll_on {min-height:auto; background:#fff; box-shadow:0 1px 5px 0 rgba(0,0,0,0.15);}
.header.scroll_hide {top:-150px;}

.menuWrap {display:flex; justify-content:center; width:100%;}
.mainMenu {display:flex; text-align:center; padding-top:8px;}
.mainMenu a {transition:all ease 0.3s 0.0s;}
.mainMenu > li > a {display:block; padding:10px 60px; font-size:22px; font-weight:800; color:#fff;}
.mainMenu > li > a [href="javascript:;"] {cursor:inherit;}
.mainMenu > li:hover ul {border-color:#2346b1;}
.mainMenu ul {display:none; padding:20px 0; margin:7px 0 0; border-top:2px solid transparent;}
.mainMenu ul li a {display:block; padding:10px 0; font-weight:700; font-size:14px;}
.mainMenu ul li a:hover {color:#2346b1;}
.header.mouse_on .mainMenu > li > a,
.header.scroll_on .mainMenu > li > a {color:#111; cursor:pointer;}

.header .utils {display:flex; padding-top:20px;}
.header .langs {display:flex; font-size:16px; color:#fff; gap:0.8em; font-weight:800;}
.header .langs a {color:#B2B2B2; opacity:1;}
.header .langs .split {width:1px; height:1em; margin-top:3px; opacity:1; background:#B2B2B2;}
.header .langs .current {color:#fff;}
.header.mouse_on .langs .current,.header.scroll_on .langs .current{color:#0A31A8;}

.drawerBtn,.mainMenu .box_menu {display:none;}
.bgAllMenu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7);}

/* 하단 레이아웃 디자인 */
.footer {position:relative; width:100%;  display:block; padding:80px 0; background:#0b235b; font-size:16px;}
.footer .area {line-height:1.4em; color:#bbb; }
.footer .area .br_none {display:none;}
.footer .area .footer-top {display:flex; justify-content:space-between; align-items:center;}
.footer .footer-content {position:relative; margin-top:0;}
.footer .footer-content p {margin-bottom:10px;}
.footer .footer-content span {margin-right:30px;}
.footer .footer-content span a {color:#fff;}
.footer .footer-content .br_none {display:none;}

.scrollTopBoxs {position:fixed; right:20px; bottom:30px; z-index:999999; display:flex; align-items:center; justify-content:center;}
.scrollTopBoxs .scrollTopBtns { background-image:url('../images/scrollTop.png'); background-position:center center; background-repeat:no-repeat; background-size:contain; width:49px; height:49px; display:block; scroll-behavior:smooth; }

/* 서브 메뉴 레이아웃 */
.lnb_menu {position:relative; background:#eee; width:100%; text-align:center;}
.lnb_menu.scroll_onTab {position:fixed; top:0; left:0; width:100%; z-index:9;}
.lnb_menu.scroll_onTab.scroll_up {top:104px; transition:all ease 0.4s 0.0s;}
.sub_location ul {display:flex;justify-content:center; align-items:center; font-size:18px; font-weight:600;}
.sub_location ul li {flex:1; display:inline-block; height:72px; line-height:72px; text-align:center; border-left:1px solid #dcdcdc;}
.sub_location ul li:first-child {border-left:0;}
.sub_location ul li a {width:100%; height:72px; line-height:72px; display:block; transition: 0.3s all ease;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-ms-transition: 0.3s all ease;-o-transition: 0.3s all ease;}
.sub_location ul li:hover{color:#FFF; background:#2346b1; border-left:1px solid #2346b1;}
.sub_location ul li a.on {color:#FFF; background:#2346b1;}
.sub_location ul li a.on2 {color:#FFF; background:#2346b1;}

/* 미디어쿼리 적용 */
@media screen and (max-width:1200px) {
	.footer {padding:50px 0;}
}

@media screen and (max-width:1024px) {
	.header {padding:10px 0;}
	.header .logo a {width:80px; height:44px;}
	.header.scroll_on .drawerBtn button {color:#000;}
	.header.scroll_on .drawerBtn.on button {color:#fff;}
	.header .utils {position:fixed; top:2px; right:60px;}
	.header.scroll_on .mainMenu > li > a {color:#fff;}
	.lnb_menu.scroll_onTab.scroll_up {top:64px;}
	.web_none {display:block;}
	.web_view {display:none;}

	.menuWrap {display:block; position:fixed; top:0; right:-320px; width:300px; height:100%; background:#000; z-index:100;}
	.mainMenu {display:block; text-align:left;}
	.mainMenu > li {position:relative; padding-left:20px;}
	.mainMenu > li a {padding:30px 0 0 0;}
	.mainMenu > li ul li a {color:#fff; margin-left:0; font-size:14px;}
	.mainMenu > li > a:after {content:"\e944"; position:absolute; top:30px; right:20px; width:20px; height:20px; line-height:20px; display:block; text-indent:0; color:#888; vertical-align:middle; font-family:'xeicon'; transition:all ease 0.3s 0s;}
	.mainMenu > li.gotChild > a:after {content:"\e941";}
	.mainMenu > li.on > a:after {border-color:#fff;}
	.mainMenu > li.on > a:after {color:#fff;transform:rotate(180deg);}
	.mainMenu ul {padding:0 0;}
	.mainMenu ul li:last-child {padding-bottom:0;}
	.mainMenu ul li:first-child {padding-top:0; margin-top:0; border-top:0;}
	.mainMenu .box_menu {display:block; position:absolute; top:0; width:100%; height:70px; background-color:#2346b1;}
	.mainMenu .box_menu span{ font-size:20px; line-height:70px; letter-spacing:-0.025em; color:#fff; padding-left:0;}
	.mainMenu .m_mt {margin-top:70px;}

	.drawerBtn {display:block; position:fixed; top:12px; right:15px;}
	.drawerBtn button {font-size:30px; color:#fff}
	.drawerBtn button i {transition:all ease 0.7s 0s;}
	.drawerBtn.on button {color:#fff;}
	.drawerBtn.on button i {transform:rotate(180deg);}
	.scrollTopBoxs .scrollTopBtns {width:60px; height:60px;}
}

@media screen and (max-width:768px) {
	.footer {padding:40px 0; font-size:13px}
	.footer .footer-top .footer-logo img {width:80px;}
	.footer .snsInfo img {width:28px;}
	.footer .snsInfo > div {width:100%; text-align:center;}
	.footer .footer-content .br_none {display:block;}
	.footer .snsInfo a {margin-left:4px;}
}

@media screen and (max-width:680px) {
	#header .logo a {width:92px; height:50px;}
}

@media screen and (max-width:640px) {

}

@media screen and (max-width:480px) {
}