@charset "utf-8";
/* main */
/* header */
#hd_wrapper {position: fixed;z-index: 99;;height: auto;background: transparent;}
#hd_wrapper #logo img.logo{display:none}
#hd_wrapper #logo img.logo_w{display:block}
#logo{padding-left:0;left:18px}
.gnb_wrap {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;height: 100%;}
#gnb_main{height:100px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.3)}
ul#gnb_1dul{display:flex;flex-wrap:wrap;margin-left:40px}
#tnb {
    display: block;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
}


#gnb_1dul .gnb_1dli .gnb_2dul{display:none}
#gnb_1dul .gnb_1dli.gnb_1dli_over.gnb_1dli_on .gnb_2dul{display:block}

li.gnb_1dli > a {padding: 40px;font-size:20px;font-weight: 400;color:#fff}
.gnb_2dul {background:#fff}
.gnb_2dul li a{padding:20px 0;font-size:18px}
#gnb_main .utill{position:absolute; right:85px;top:30px}
.utill a{padding: 8px 23px;font-weight:bold}
.utill button{width:31px;height:25px;background:url('../img/main/utill_btn.png')no-repeat center center/cover;font-size:0}
#hd_wrapper a.act {background: #fff;color: #26247b;border-radius: 0.7em;}
#hd_wrapper.on  a.act {background: #26247b;color: #fff;border-radius: 0.7em;}
/* 스크롤 할 시 이벤트 */
#hd_wrapper.on #logo img.logo{display:block}
#hd_wrapper.on #logo img.logo_w{display:none}
#hd_wrapper.on{background:#fff;box-shadow:0 3px 5px rgba(0,0,0,0.3)}
#hd_wrapper.on .gnb_wrap li.gnb_1dli > a {color:#333}

/* header */
/* container */
#main_con02, #main_con03, #main_con04{padding:150px 0}
#main_container .cont .wrap h2{font-size:48px ; color:#222 ;font-weight: 700;margin-bottom: 20px ; text-align:left; }
/* container */
/* mainVisual */
#main_con01{height:100vh;padding:0;position:relative;}
#main_con01 .swiper {width: 100%;height: 100%;position: relative;}
#main_con01 .slider_wrap{width:100%;max-width:1400px;height:100%;display:flex;flex-wrap:wrap;justify-content:center;flex-direction: column;margin:0 auto}
#main_con01 .swiper h2{font-size:5.5em;font-family:'Montserrat';font-weight:700;color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,0.4);margin-bottom:20px}
#main_con01 .swiper p{font-size:2em;font-family:'Montserrat';font-weight:700;color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,0.4)}
#main_con01 .swiper .mv01{background:url('../img/main/mainvisual01.jpg')no-repeat center center/cover}
#main_con01 .swiper .mv02{background:url('../img/main/mainvisual02.jpg')no-repeat center center/cover}
#main_con01 .swiper .mv03{background:url('../img/main/mainvisual03.jpg')no-repeat center center/cover}
#main_pagination{width: max-content;height: max-content; position: absolute;left: 98%;top: 50%;transform: translateY(-50%);display: flex;flex-wrap: wrap;flex-direction: column;gap: 20px;}
#main_pagination .swiper-pagination-bullet{width:15px;height:auto;aspect-ratio:1/1;background:#fff;    opacity: 1;}
#main_pagination .swiper-pagination-bullet-active{width:15px;height:auto;aspect-ratio:1/1;background:blue}
/* scroll */
div.sub_scroll {padding-top:0 !important;width: auto;position: absolute;left: 45px;bottom: 30px;text-align: center;animation: up-down 1.4s infinite ease-in-out alternate;z-index:2}
.sub_scroll > div {display:flex;flex-wrap:wrap;align-items: center;gap: 20px;}
.sub_scroll > div > span {display:block;font-size:16px;color:#fff;text-align: center;font-weight:200;}
.sub_scroll > div .scroll_img {display:block;}
@keyframes up-down{
  from{
    transform: translatey(0px);
  }
  to{
    transform: translatey(-20px);
  }
}


/* mainVisual */

/* main_con02 */
#main_con02 .wrap p{font-size:20px;font-weight:400}
#main_con02 .cont02_swiper .swiper-slide{height:auto;aspect-ratio: 1 / 1;background:#eee;border-radius:1em 1em 0 1em;position:relative}
#main_con02 .cont02_swiper .swiper-slide:nth-child(odd){margin-top: 4em;transition:0.3s}
#main_con02 .cont02_swiper .swiper-slide:nth-child(even){margin-bottom:4em;transition:0.3s;}
#main_con02  .cont02_swiper{margin-top:5em}
#main_con02 .cont02_swiper .swiper-slide.cont02_sl01{background:url('../img/main/cont02_sl1.png')no-repeat center center/cover}
#main_con02 .cont02_swiper .swiper-slide.cont02_sl02{background:url('../img/main/cont02_sl2.png')no-repeat center center/cover}
#main_con02 .cont02_swiper .swiper-slide.cont02_sl03{background:url('../img/main/cont02_sl3.png')no-repeat center center/cover}
#main_con02 .cont02_swiper .swiper-slide.cont02_sl04{background:url('../img/main/cont02_sl4.png')no-repeat center center/cover}
#main_con02 .cont02_swiper .swiper-slide.cont02_sl05{background:url('../img/main/cont02_sl5.png')no-repeat center center/cover}
#main_con02 .cont02_swiper p{font-size:1.5em;color:#fff;position:absolute;bottom:10%;left:10%;font-weight:600}
#main_con02 .swiper-button-prev{left:-3%;top:60%}
#main_con02 .swiper-button-next{right:-3%;top:60%}
/* main_con02 */

/* main_con03 */
#main_con03{  background: url('../img/main/cont03_bg.png') #f7f7f7 right 50% no-repeat ;position:relative;    background-size: 55%}
#main_con03:after{position:absolute;}
#main_con03 .wrap p{font-size:40px;    font-weight: 600;color: #0f3a9d;}
#main_container #main_con03 h2{font-family:'Montserrat';font-weight:900;text-transform: uppercase;}
#main_con03 article{margin:4em 0}
#main_con03 a{text-decoration:underline}
/* main_con03 */
/* main_con04 */
#main_con04 h2{display:flex;flex-wrap:wrap;align-items: end;}
#main_con04 h2 a{font-size:16px;margin-left:auto;font-weight:100;    display: flex;flex-wrap: wrap;gap: 5px;}
#main_con04 .wrap p{font-size:20px;font-weight:400}
 .notice_box {display: flex; flex-wrap: wrap;justify-content: space-between;margin-top:2em}
.news_list {width: calc(100% / 3 - 2em);border: 1px solid #eee;;border-radius: 1em 1em 0 1em;}
.news_list a{width:100%;height:100%;padding: 2.5em}
#main_con04 p.news_num {font-size: 16px;color: #949494;margin-bottom:1em}
p.news_tit {font-weight: 500;    line-height: 1.5;}
/* main_con04 */
/* main_con05 */
#main_con05{display:flex;flex-wrap:wrap;justify-content:space-between}
#main_con05 .contact_us_box{width:50%;height:auto;    display: flex;flex-wrap: wrap; flex-direction: column;justify-content: center;align-items: center;background:url('../img/main/contact_us.png')no-repeat center center/cover}
.contact_us_box h2{font-size:60px;font-family:'Montserrat';font-weight:900;text-transform: uppercase;    color: #fff;}
.contact_us_box p{color:#fff;margin:4% 0;font-size: 1.5em;line-height: 2;text-align: center;font-weight:400}
.contact_us_box a{border-radius:2em;border:1px solid #fff;padding:10px 40px;color:#fff}
#main_con05 .main_map{width:50%;height:auto;aspect-ratio: 11 / 5.86;}
#main_con05 .main_map .root_daum_roughmap .wrap_map{height:100%}
/* main_con05 */

/* footer */
footer * {color:#eee!important}
#ft .ft_info p{margin-bottom:10px}
.ft_right > ul{display:flex;flex-wrap:wrap;gap: 3em;text-align: left;}
.ft_right > ul > li > a{font-size:1.3em;font-weight:bold;margin-bottom: 1.3em;}
ul.f_2ul > li{padding:5px 0}
.ft_bottom {width: 100%;border-top: 1px solid rgba(255,255,255, 0.3);}
.ft_bottom p{padding-top:3em}
/* footer */
/* main */
@media all and (max-width:1550px){
	#main_con02 .swiper-button-prev, #main_con02 .swiper-button-next{top: 10em;}
	#main_con02 .swiper-button-prev{left:0}
	#main_con02 .swiper-button-next{right:0}

}
@media all and (max-width:1500px){
	ul#gnb_1dul{margin-left:0}
	ul#gnb_1dul li.gnb_1dli > a{font-size:16px}
	.gnb_2dul li a{padding:30px 0;font-size:16px}
	.gnb_wrap{justify-content: flex-end;margin-right: 15%;}
	#main_con01 .swiper h2{font-size:4em}
	#main_con01 .swiper p{font-size:1.5em}
}
@media all and (max-width:1440px){
	ul#gnb_1dul li.gnb_1dli > a{font-size:16px}
	.gnb_2dul li a{padding:30px 0;font-size:16px}
	#main_con01 .slider_wrap{text-align:center}
}
@media all and (max-width:1400px){
	.gnb_wrap{display:none}
	#gnb .utill{display:none}
	#gnb_main .utill{right:7%}
	#main_con02 .cont02_swiper .swiper-slide:nth-child(odd){margin-top: 0;}
	#main_con02 .cont02_swiper .swiper-slide:nth-child(even){margin-bottom:0;}
	#main_con02 .cont02_swiper{    margin-top: 8em;}
}
@media all and (max-width:1200px){
	#main_con02, #main_con03, #main_con04{padding: 10% 0;}
	#main_pagination{flex-direction: row;left: 50%;top:95%;transform:translate(-50%,0)}
	#main_container .cont .wrap h2{font-size:2.2em}
	#main_con04 .news_list{width:calc(100% / 2 - 2em)}
	 .news_list:nth-child(3){display:none}
	 #ft .ft_info > div{width:100%}
}
@media all and (max-width:1080px){
	#main_con01{width:100%;height:auto;padding:0;aspect-ratio: 5 / 3;}
	#main_con05 .contact_us_box{width:100%;aspect-ratio: 11 / 5.86;}
	#main_con05 .main_map{width:100%;aspect-ratio: 11 / 5.86;}
	#main_con01 .swiper h2{font-size:3em}
	#main_con01 .swiper p{font-size:1.2em}
	div.sub_scroll{display:none}
}
@media all and (max-width:768px){
	#gnb_main{height:70px}
	#gnb_main .utill{display:none}
	#main_con01 .swiper h2{font-size:2em}
	#main_container .cont .wrap h2{font-size:1.8em}
	#main_con03 .wrap p{font-size:1.5em}
	#main_con02 .cont02_swiper{margin-top:3em}
	#main_con02 .swiper-button-prev, #main_con02 .swiper-button-next{display:none}
	.contact_us_box h2{font-size:2em}
	#main_con04 .news_list{width:calc(100% / 1)}
	 .news_list:nth-child(2){display:none}
	 #main_con05 .contact_us_box, #main_con05 .main_map{aspect-ratio:5/3}
	#ft .ft_info .ft_right{display:none}
}

@media all and (max-width:650px){
	#main_container .cont .wrap h2{font-size:1.5em}
	#main_con02 .wrap p, #main_con04 .wrap p{font-size:1.1em}
	#main_pagination{top:90%}
	#gnb_main{height:60px}
	#tnb{right:0}
	#tnb, #hd .btnMenu{height:60px}
	#main_con05 .contact_us_box p{font-size:1em}

}

@media all and (max-width:460px){
	#main_con05 .contact_us_box, #main_con05 .main_map{aspect-ratio:11/8}
	#main_con05 .contact_us_box{padding:4% }
}
@media all and (max-width:360px){
	#main_con01{aspect-ratio: 7 / 6.5;}
}