@import url(./fonts/pretendard-gov.css);

/* ***** Reset ***** */

/* ***** Common ***** */
.webOnly{display:block;}
.mobileOnly{display:none;}
.inner{width:1320px;}
img{max-width:100%;}
.txtRed{color:#f35d0a !important;}
.txtBlue{color:#148fd6 !important;}

.blind{position:absolute;left:-99999px;}

/* ***** Layout ***** */
#skipNav a{display:block;position:absolute;left:0;top:-30px;width:300px;height:30px;line-height:30px;color:#fff;text-align:center;background:blue;z-index:9999;}
#skipNav a:focus{top:0;}

#wrap{min-width:320px;}

.main-topDay{position: absolute; top: 20px; left: 250px; padding:0 30px 0 25px; height: 50px; font-weight: 400;color: #375568; border-radius: 50px; border: 1px solid #D5DFE6; opacity: 0.82; background-color: #fff;z-index: 1; display:flex; align-items:center; justify-content:center; font-size:18px; box-sizing:border-box;}
.main-topDay .data{letter-spacing: -3px; position: relative; font-size: 30px; color:#375568; font-weight: 800; margin-left:15px; margin-top:-2px;}
@media all and (max-width:1024px){
	.main-topDay{top:10px; left:160px ;height:40px; font-size:14px; padding:0 20px;}
	.main-topDay .data{font-size:18px;}
}
@media all and (max-width:599px){
	.main-topDay{top:10px; left:150px ;height:40px; font-size:13px; padding:0 10px; flex-direction:column; text-align:center; line-height:1.16em; }
	.main-topDay .data{font-size:15px; margin:0; }
}

/* header */
#header{position:relative; z-index:55;}
.header-wrap{padding:0 16px; height:128px; background-color:#fff;}

.header-top-inner{max-width:1400px;margin:0 auto; position:relative; display:flex; justify-content: flex-end;}
.header-util{display:flex; align-items: center; margin-left:auto;}
.header-util li{position:relative;}
.header-util li + li:before{position:absolute;left:0;top:50%; margin-top:-4px; display:block;content:'';width:1px;height:8px;background-color:#ccc;}
.header-util a{display:block; line-height:37px; padding:0 12px; font-size:16px; color:#333; font-family: 'Pretendard GOV';}

.header-inner{max-width:1400px;margin:0 auto; position:relative; height:91px;}

.header-logo{position:absolute;left:0;top:20px;}
.header-logo img{width:170px;}
.header-slogan{position:absolute;right:0;top:20px;}

.header-nav{position:absolute;left:288px;top:0;right:288px;}

.gnav-dep1{display:flex;}
.gnav-dep1 > li{flex:1; position:relative;}
.gnav-dep1 > li > a{height:91px; line-height:91px; font-size:18px; font-weight:600; text-align:center; display:block; font-family: 'Pretendard GOV'; box-sizing:border-box;}
 
.header-nav .gnav-dep2{display:none; position:relative;padding:25px 20px;z-index:59; box-sizing:border-box; height:calc(100% - 128px); margin-top:1px;}
.header-nav .gnav-dep2 > li > a{position:relative;padding:7px 12px;font-size:15px; display:block; font-family: 'Pretendard GOV';}
.header-nav .gnav-dep2 > li > a:before{display:block;content:'';position:absolute;left:0;top:15px;width:3px;height:3px;background:#333;}
.header-nav .gnav-dep2 > li > a:hover{color:#148fd6;text-decoration:underline;}

.gnav-dep1 > li:hover > a{color:#148fd6; background-color:#fff; border-bottom:2px solid #148fd6;}
.gnav-dep1 > li:hover > a:after{display:block;}
.gnav-dep1 > li:hover{background-color:#f5f8f9; transition-duration:0.3s;}

.header-wrap .gnav-bg{display:none;}
.header-wrap.hover .gnav-bg{display:block;position:absolute;left:0;top:128px;right:0; background-color:#fff; border-top:1px solid #ddd;}
.header-wrap.hover .gnav-dep2{display:block;}

#gnbBg{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:54;}
#overlay{z-index:56;}

.mo-menu{display:none; flex-shrink: 0;}

.btn_allMenuOpen { display: block; width: 32px; height: 32px; text-indent: -9999px; overflow:hidden; background: url(../images/common_2024/btn_menu.svg) center no-repeat;}

#allMenu{display:none;}

#container{margin:0;min-height:700px;}

/* banner */
#footerBanner {padding:24px 16px;}
#footerBanner .inner {padding-right: 144px; width:100%; max-width:1400px; margin:0 auto; box-sizing:border-box; position:relative;}
#footerBanner .slider {height:60px;}
#footerBanner .slick-slide {margin: 0 5px; border:1px solid #dedede; box-sizing:border-box; text-align:center; height:62px;}
#footerBanner .slick-slide a{text-align:center; height:100%;}
#footerBanner .slick-slide img {box-sizing: border-box; width:auto; max-width:100%; object-fit: cover; height:100%; margin:0 auto;}
#footerBanner .slick-arrow{ position: absolute; left:unset; top: 15px; width: 30px; height: 30px; text-indent: -9999px; border: none; z-index: 2; background-position:center; background-repeat:no-repeat; margin:0; background-color:unset;}
#footerBanner .slick-prev{right:-54px; background-image: url(../images/common_2024/slider_prev.svg);}
#footerBanner .slick-next{right: -114px; background-image: url(../images/common_2024/slider_next.svg);}
#footerBanner .slick-control a{display: block; position: absolute; left:unset; right:-84px; top: 15px; width: 30px; height: 30px; text-indent: -9999px; z-index: 2; background-position:center; background-repeat:no-repeat;}
#footerBanner .btn_slickStart { background-image: url(../images/common_2024/slider_play.svg);}
#footerBanner .btn_slickStop { background-image: url(../images/common_2024/slider_stop.svg);}
#footerBanner .btn_slickStart.active, 
#footerBanner .btn_slickStop.active {display: none;}
#footerBanner .btn_bannerAll {position: absolute; right: 0; top: 15px; width: 30px; height: 30px; text-indent: -9999px; background: url(../images/common_2024/ic_banner_all.svg) center no-repeat; display: none; }

/* footer */
.footer-wrap{background-color:#454952; padding:28px 16px; font-family: 'Pretendard GOV';}
.footer-inner{max-width:1400px;margin:0 auto; position:relative;}

.footer-row1{display:flex; flex-wrap:wrap; gap:10px;}
.footer-menu{display:flex; margin-right:28px;}
.footer-menu li{padding:0 13px 0 0; margin-right:12px; position:relative;}
.footer-menu li:after{display:block;content:'';width:1px;height:10px;background-color:#fff;opacity:0.8; position:absolute;right:0;top:50%;margin-top:-5px;}
.footer-menu li:first-child{padding-left:0;}
.footer-menu li:last-child{padding-right:0;}
.footer-menu li:last-child:after{display:none;}
.footer-menu a{height:34px;line-height:34px; color:#fff; opacity:0.8;}
.footer-menu a.privacy{font-weight:700; opacity:1;}

.footer-related-group{display:flex; align-items: center; gap:10px; flex-wrap:wrap; margin-left:auto;}
.footer-related-site{height:34px; position:relative; display:flex;}
.footer-related-site select{width:200px; appearance: none; background:#61646C url(../images/common_2024/arr_select_w.svg) right center no-repeat; color:#fff; padding:0 12px; display:flex; align-items: center; font-size:14px; height:34px; font-family: 'Pretendard GOV'; border:none;}
.footer-related-site .btn-go{background-color:#61646C; color:#fff; padding:0 12px; display:flex; align-items: center; font-size:14px; height:34px; font-family: 'Pretendard GOV'; border:none; margin-left:4px;}

.footer-contact{color:#fff; opacity:0.8; margin-top:16px;}
.footer-contact address{display:flex; flex-wrap:wrap; font-weight:400;}
.footer-contact address > span{margin-right:3px;}
.footer-copyright{margin-top:8px;}

.footer-mark{position:absolute;right:0;bottom:0;}
.footer-mark ul{display:flex;}
.footer-mark li + li{margin-left:16px;}
.footer-mark img{height:50px;}

/* sub */
#subVisual{background:url(../images/common_2024/sub_visual1.jpg) center top no-repeat; padding:0 16px;}
#subVisual.sub2{background:url(../images/common_2024/sub_visual2.jpg) center top no-repeat;}
#subVisual.sub3{background:url(../images/common_2024/sub_visual3.jpg) center top no-repeat;}
#subVisual.sub4{background:url(../images/common_2024/sub_visual4.jpg) center top no-repeat;}
#subVisual.sub5{background:url(../images/common_2024/sub_visual5.jpg) center top no-repeat;}
/* #subVisual.sub6,    
#subVisual.sub100{background:url(../images/common_2024/sub_visual6.png) center top no-repeat;}
#subVisual.sub12{background:url(../images/common_2024/sub_visual12.png) center top no-repeat;} */

#subVisual h2{font-size:38px;color:#fff;font-weight:bold;text-align:center;line-height:142px;font-family: 'Pretendard GOV';}

#subNav{position:relative; max-width:1240px; margin:0 auto; padding:28px 40px 0 40px;background-color:#fff;z-index:3; font-family: 'Pretendard GOV';}
#subNav > ul a{display:block;}
#subNav > ul:after{display:block;content:'';clear:both;}
#subNav > ul{background-color:#F3F3F3}
#subNav > ul > li{float:left;position:relative;min-width:240px;height:50px;border-right:1px solid #dedede;}
#subNav > ul > li > a{padding:0 40px 0 30px;font-size:16px;color:#333;line-height:50px;background:url(../images/common_2024/ic_navArrow.svg) right 20px center no-repeat;}
#subNav > ul > li.home{min-width:auto;width:50px;height:50px;text-indent:-9999px;background-color:#777;}
#subNav > ul > li.home > a{padding:0;background:url(../images/common_2024/ic_home.png) center no-repeat;}
#subNav > ul > li > ul{display:none;position:absolute;top:50px;left:0;right:0;margin-top:-1px;border:1px solid #dedede; background-color:#fff;}
#subNav > ul > li > ul > li{background:#fff;border-top:1px solid #d5dde9;}
#subNav > ul > li > ul > li:first-child{border-top:none;}
#subNav > ul > li > ul > li > a{padding:12px 30px;font-size:16px;color:#000;line-height:120%;}
#subNav > ul > li > ul > li > a:hover{color:#fff;background:#000;text-decoration:none;}
#subNav > ul > li.active{z-index:10;}
#subNav > ul > li.active > ul{display:block;}
#subNav > ul a:hover{text-decoration:underline;}

.subShare{position:absolute;right:40px;bottom:0; height:50px;}
.subShare ul{display:flex;}
.subShare li{width:49px; height:50px; padding:1px 0; border-left:1px solid #dedede; box-sizing:border-box;}
.subShare a{display:block; width:100%; height:100%; overflow:hidden; text-align:left; text-indent:-9999px; background-position: center; background-repeat:no-repeat;}

.subShare  .copy{background-image:url(../images/common_2024/ic_share_copy.svg);}
.subShare  .blog{background-image:url(../images/common_2024/ic_share_blog.svg);}
.subShare  .facebook{background-image:url(../images/common_2024/ic_share_facebook.svg);}
.subShare  .tweeter{background-image:url(../images/common_2024/ic_share_tweeter.svg);}
.subShare  .print{background-image:url(../images/common_2024/ic_share_print.svg);}

#subContents{padding:50px 16px 90px;word-break:keep-all;}
#subContents > .inner{max-width:1240px;margin:0 auto;line-height: 1.75;}
#subContents h3{margin-bottom:50px;font-size:34px;color:#000;line-height:140%;text-align:center; font-family: 'Pretendard GOV';}
h4{margin-bottom:15px;font-size:20px;color:#666;}
h4.title{display:block;padding-left:35px;color:#000;text-align:left;background:url(../images/sub/bul_h4Title.png) left center no-repeat;}
.h4Content{margin-bottom:40px;}

/* swiper */
.swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}
.swiper-wrapper{position: relative;width: 100%;height: 100%; z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide {-webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform;}


@media all and (max-width:1280px){
	.header-nav{left:200px; right:200px;}
}

@media all and (max-width:1024px){	

	.header-wrap{height:91px;}
	.header-top-inner{display:none;}
	.header-inner{display:flex; align-items: center;}
	.header-logo{position:relative; left:unset;top:unset;}
	.header-slogan{position:relative; left:unset;top:unset; margin-left:auto;}

	.mo-menu{display:block; margin-left:12px;}

	.header-nav{display:none;}

	.footer-row1{flex-wrap:wrap;}
	.footer-menu{flex-wrap:wrap;}
	.footer-sido-site{width:100%; margin-top:8px;}

	.footer-mark{position:relative; right:unset; top:unset; margin-top:20px;}
	.footer-mark img{height:38px;}

	
}

@media all and (max-width:600px){
	.header-wrap,
	.header-inner{height:71px;}

	.header-logo img{height:35px; width:auto;}
	.header-slogan img{height:33px;}

}