@charset "utf-8";

/* main.css */
/* section 만 제공 */
/* main.css */

/* Owl Carousel */

#section04 .owl-nav{position: absolute;transition:all ease .3s;z-index:9;display: block;width: 100%;top: 50%;transform: translateY(-50%);}
#section04 .owl-nav button{width:35px;height:35px;position:absolute;top:0;transform:translateY(-50%)}
#section04 .owl-nav .owl-prev{left: -12px;background:url(../img/slide_prev.png) no-repeat;}
#section04 .owl-nav .owl-next{right: -12px;background:url(../img/slide_next.png) no-repeat;width: 35px;height: 35px;}


.owl-stage-outer {position:relative;overflow:hidden;}
.owl-stage {position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-item {min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
/* .owl-nav {position:absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width:100%} */
.owl-dots {display: flex;justify-content: center;align-items: center;}
.owl-dot {z-index:11;}
.owl-dot span {display: block;width: 8px;height: 8px;background: #c5c5c5;border-radius: 100%;margin: 0 5px; transition: all 0.3s;}
.owl-dot.active span {background: #d47a00;width: 20px;border-radius: 20px;}




/* 메인 - 리뉴얼 */


/* 스크롤아이콘 */
.main-scroll-icon{position: absolute;bottom: 80px;left: 50%;text-align: center;z-index: 1;cursor: pointer;}
.main-scroll-icon .wide-box{text-align: right; text-align: center;}
.main-scroll-icon .scroll-icon{position:relative;width: 18px;height: 32px;border:2px solid #fff;-webkit-border-radius:30px;border-radius:30px;display: inline-block;vertical-align: middle;}
.main-scroll-icon .scroll-icon:before{
	position:absolute;
	content:"";
	left: 3px;
	top:5px;
	width: 8px;
	height: 8px;
	background-color: #fff;
	opacity:0;
	-webkit-border-radius:50%;
	border-radius:50%;
	animation:mouseScroll 1.5s infinite;
}
.main-scroll-icon .scroll-txt{font-size: 14px;color: #fff;display: inline-block;vertical-align: middle;margin-bottom: 8px;}

@keyframes mouseScroll {
  0% { opacity:1; transform: translateY(-3px) }
  100% {opacity:0; transform: translateY(3px)}
}


@media screen and (max-width:1024px) {
	.main-scroll-icon {bottom:50px;}
}

@media screen and (max-width:768px) {
	.main-scroll-icon {display:none;}
}


/* section01 */
#section01 {position: relative;}

#section01 .visu-txt{position:absolute;top:50%;z-index:1;color:#fff;left:50%;transform: translate(-50%,-50%);}
#section01 .visu-txt .main-txt {font-size: 70px;font-weight: 800; width: 100%;display: flex;gap: 50px;align-items: center;}
#section01 .visu-txt .main-txt p{display:inline-block;position:relative}
#section01 .visu-txt .sub-txt{font-size:22px;text-align:center;margin-top:20px}

#section01 .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);transition:all ease .3s;z-index:9;}
#section01 .slick-arrow.main-prev{left:10%}
#section01 .slick-arrow.main-next{right:10%}
#section01 .slick-arrow:hover img{width:37px}
#section01 .slick-slide img{height:100%;width: 100%;object-fit: cover;}

#section01 .visual-slide .slick-dots{position:absolute;top: 82%;left: 50%;transform: translateX(-50%);display: flex !important;justify-content: center;gap: 5px;}
#section01 .visual-slide .slick-dots li{display:block;float:left;background: rgb(255 255 255 / 26%);width: 80px;height: 6px;float:left;}
#section01 .visual-slide .slick-dots li:last-child{margin-right:0;}
#section01 .visual-slide .slick-dots li.slick-active{background: #fff;}
#section01 .visual-slide .slick-dots li button{display:none}
@media screen and (max-width:1440px){
	#section01 .visu-txt .main-txt{font-size:46px}
}

@media screen and (max-width:1300px){
	#section01 .visu-txt .main-txt{flex-wrap:wrap;gap: 0;justify-content: center;}
	#section01 .visu-txt .main-txt p{
    display: block;
    width: 100%;
    text-align: center;
}
	#section01 .visu-txt .main-txt p:after{
    width: 1px;
    height: 20px;
    right: 50%;
    top: calc(50% + 40px);
    transform: translate(50%, -50%);
    background: #ffffff;
}
}

@media screen and (max-width:1024px){
	#section01 {height:400px}
	#section01 .slick-slide img{height:400px}
}

@media screen and (max-width:768px) {
	#section01 {height:400px}
	#section01 .slick-slide img{height:400px}
	#section01 .slick-arrow.main-prev{left:3%}
	#section01 .slick-arrow.main-next{right:3%}
}

@media screen and (max-width:600px) {
	#section01 .visu-txt .main-txt p{font-size: 26px;}
	#section01 .visu-txt .main-txt p:after{top:50px}
	#section01 .visu-txt .sub-txt{font-size:18px}
}

@media screen and (max-width:500px) {
	#section01 {height:350px}
	#section01 .slick-slide img{height:350px}
	#section01 .visu-txt .main-txt p:after{display:none;}
	#section01 .visual-slide .slick-dots{gap: 5px;}

	#section01 .visual-slide .slick-dots li{width: 52px;height: 4px;}


}


/*section02*/
#section02{padding: clamp(60px,7.2vw,130px) 0;background: url('../img/section02_bg01.jpg') no-repeat center;background-size: cover;}
#section02 .wr-1500{text-align: center; color: #fff;}
#section02 .top_title{font-size: clamp(26px,4vw,50px);font-weight: 800;text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.6);padding-bottom: 78px;}
#section02 .mid_text{font-size: clamp(16px,3vw,30px);font-weight: 300;line-height: 1.6em;padding: 10px;}


/* section03 */
#section03 {}
#section03>div {padding: 0 30px;}
#section03 .con_box{display: flex;padding: clamp(32px,3.4vw,64px) 0px;align-items: stretch;}
#section03 .con_box .helf{flex: 0 1 50%;}
#section03 .con_box .helf.img_con img{height: 100%;object-fit: cover}
#section03 .con_box.left{flex-direction: row;}
#section03 .con_box.right{flex-direction: row-reverse;}
#section03 .con_box.left .text_con{padding-right: clamp(50px,7vw,100px);}
#section03 .con_box.right .text_con{padding-left: clamp(50px,7vw,100px);}

#section03 .con_box .main_title{padding: clamp(20px,2vw,36px) 0 clamp(30px,3.2vw,60px);display: flex;align-items: center;gap: 10px;}
#section03 .con_box .main_title span{font-size: clamp(32px,3.8vw,70px);font-weight: 800;vertical-align: middle;/* padding-left: 30px; */}
#section03 .con_box .sub_text{padding: 0px 0 clamp(28px,3.4vw,60px);}
#section03 .con_box .sub_text p{font-size: clamp(20px,2vw,22px);font-weight: 300;line-height: 1.5em;}
#section03 .con_box .lick_list{display: flex;flex-wrap: wrap;gap: 20px clamp(20px,4vw,50px);justify-content: space-between;}
#section03 .con_box .lick_list>a{flex: 0 1 calc(50% - clamp(10px,2vw,25px));border-bottom: solid 2px #000;transition: 0.5s;}
#section03 .con_box .lick_list>a:hover>div{border-bottom: solid 2px #066a5b;color: #066a5b;}
#section03 .con_box .lick_list>a>div{border-bottom: solid 2px #000;}
#section03 .con_box .lick_list p{position:relative;font-size: clamp(16px,2vw,24px);font-weight: 700;line-height: 2.5em;transition: 0.5s;}
#section03 .con_box .lick_list p::before{
	position:absolute;
	content:"";
	right: 3px;
	top:50%;
	width: 10%;
	height: 2px;
	background-color: #000;
	transform: translate(0%, -50%);
}
#section03 .con_box .lick_list a:hover p::before{
	transform: rotate(-45deg);
	transition: 0.5s;
	background-color: #066a5b;
}
@media screen and (max-width:1440px){
	#section03 .con_box .sub_text p br{display: none;}
}

@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
	#section03 .con_box{flex-wrap:wrap; padding: 0;}
	#section03 .con_box .helf{flex: 0 1 100%; padding-bottom: 30px;}
	#section03 .con_box.left .text_con{padding-right: 0;}
	#section03 .con_box.right .text_con{padding-left: 0;}

	#section03 .con_box .main_title span{padding-left: 0;font-size: clamp(32px,6.5vw,70px);}
	#section03 .con_box .lick_list{display: flex;flex-wrap: wrap;gap: 20px clamp(20px,4vw,50px);}
	#section03 .con_box .lick_list p{font-size: clamp(18px,2vw,24px);}
	
	#section03 .con_box .helf.img_con img{max-height: 340px;width: 100%;}

}
@media screen and (max-width:425px){
		#section03 .con_box .main_title img {display: none;}
}
/* section04 */
#section04 {background: rgba(229, 229, 229, 0.5);background-size: cover;position: relative;}
#section04 .wr-1400{display:flex;height:100%;align-items:center;justify-content: space-between;flex-direction: column;}

#section04 .title a{background:#fff;width:218px;text-align:center;padding:10px}
#section04 .title .link {font-size: clamp(16px, 2vw, 20px);font-weight: 600;color: #2c3a80;position: relative;transition: all ease 0.3s;}
#section04 .title a .link:after{content:'+';position:absolute;opacity:0;top: 50%;right:-20px;transition:.4s;color: #000;transform: translateY(-55%);}
#section04 .title a:hover .link{padding-right:24px;padding-left:8px;}
#section04 .title a:hover .link:after{opacity:1;right: 30px;}

#section04 .title .tit-con p {font-size: clamp(32px,3.8vw,70px);padding: clamp(30px,6vw,70px) 0;color: #000000;font-weight: 800;text-align: center;}
#section04 .title .txt-con{margin:20px 0 40px}
#section04 .title .txt-con .txt {font-size: 54px;font-weight: 200;color: #fff;}
#section04 .title .txt-con .txt span{font-weight: 600;}

#section04 .news {
    width: 100%;
}

#section04 .news__content.tb{display: none;}
#section04 .news__content.mo{display: none;}
#section04 .news__slide {position: relative;text-align: center;}
#section04 .news__slide-link {position: relative;margin: 0 10px;}

#section04 .news__slide-img img {width: 100%;height: clamp(170px, 15vw, 260px);display: none;}
#section04 .news__slide-content {border: 3px solid #0000;padding: 20px 30px;background: #00000059;min-height: 130px;height: 350px;width: 320px;display: flex;border-radius: 20px;flex-direction: column;justify-content: center;transition: all ease 0.3s;}
#section04 .news__slide-content:hover {border: 3px solid #2c3a80;}

#section04 .news__slide-tit {padding: 6px 18px;border-radius: 20px;color: #fff;font-weight: 500;width: 96px;background-color: #2c3a80;}
#section04 .news__slide-ttl {font-size: clamp(18px, 2vw, 25px);line-height: 30px;color: #fff;text-align: left;padding: 50px 0 60px;}
#section04 .news__slide-date {font-size: 16px;color: #ffffff87;text-align: left;font-weight: 400;}


@media screen and (max-width:1540px){
	#section04{padding: 40px 20px;}
	#section04 .news__slide-content{width:300px}
}

@media screen and (max-width:1300px){
	#section04 .wr-1400{flex-wrap:wrap;justify-content: center;}
	#section04 .title{/* flex:100%; */text-align: center;overflow: hidden;}
	#section04 .title .txt-con .txt{font-size:40px}
}

@media screen and (max-width:1024px){
	#section04 .news__content.pc{display: none;}
	#section04 .news__content.tb{display: block;}
}

@media screen and (max-width:768px) {
	#section04{height: 100%;}
	#section04 .title{margin-bottom:40px}
	#section04 .news__content.tb{display: none;}
	#section04 .news__content.mo{display: block;}
	#section04 .news__slide-content{height: 270px;}
	#section04 .title .txt-con .txt{font-size: 30px;}
}

@media screen and (max-width:500px) {
	#section04 .news__slide-ttl{padding:30px 0 40px}
	#section04 .title .txt-con .txt{font-size: 24px;}
}

@media screen and (max-width:375px) {
#section04 .news__slide-content{width: 260px;}
}