@charset "utf-8";


#container{}
.main-sect{position:relative;}
.main-sect > .inner{position:relative;width:136.4rem;margin:0 auto;}

@media screen and (max-width:1440px){
	.main-sect > .inner{width:100%;padding-left:3rem;padding-right:3rem;}
}

.slide_dots{display:inline-block}
.slide_dots li{display:inline-block}
.slide_dots li button{width:12px;height:12px;margin:0 4px;border-radius:12px;background-color:#ffffff;text-indent:-9999em;transition:all .1s ease}
.slide_dots li.on button{width:50px;background-color:#1898de}

.visual-swiper{position:relative;width:100%;z-index:3;}
.visual-swiper .swiper-container{position:relative;overflow:hidden;}
.visual-swiper .swiper-slide{position:relative;width:100%;height:93.6rem;padding:0;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;}
.visual-swiper .swiper-slide.item1{background-image:url(../images/main/main_visual_bg1.jpg)}
.visual-swiper .swiper-slide.item2{background-image:url(../images/main/main_visual_bg2.jpg)}
.visual-swiper .swiper-slide.item3{background-image:url(../images/main/main_visual_bg3.jpg)}


.visual-swiper .swiper-button-disabled{opacity:1 !important;}
.visual-swiper .swiper-count{position:absolute;bottom:10rem;left:50%;z-index:1;font-size:0;width:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.visual-swiper.slides2 .swiper-count .swiper-pagination-progressbar{width:10rem;}
.visual-swiper.slides3 .swiper-count .swiper-pagination-progressbar{width:15rem;}
.visual-swiper.slides4 .swiper-count .swiper-pagination-progressbar{width:20rem;}
.visual-swiper.slides5 .swiper-count .swiper-pagination-progressbar{width:25rem;}
.visual-swiper.slides6 .swiper-count .swiper-pagination-progressbar{width:30rem;}
.visual-swiper.slides7 .swiper-count .swiper-pagination-progressbar{width:35rem;}
.visual-swiper.slides8 .swiper-count .swiper-pagination-progressbar{width:40rem;}
.visual-swiper.slides9 .swiper-count .swiper-pagination-progressbar{width:45rem;}
.visual-swiper.slides10 .swiper-count .swiper-pagination-progressbar{width:50rem;}
.visual-swiper.slides11 .swiper-count .swiper-pagination-progressbar{width:55rem;}
.visual-swiper.slides12 .swiper-count .swiper-pagination-progressbar{width:60rem;}

.visual-swiper .swiper-count{position:absolute;bottom:16.5rem;z-index:1;font-size:0;width:auto;}
.visual-swiper.slides2 .swiper-count .swiper-pagination-progressbar{width:10rem;}
.visual-swiper.slides3 .swiper-count .swiper-pagination-progressbar{width:15rem;}
.visual-swiper.slides4 .swiper-count .swiper-pagination-progressbar{width:20rem;}
.visual-swiper.slides5 .swiper-count .swiper-pagination-progressbar{width:25rem;}
.visual-swiper.slides6 .swiper-count .swiper-pagination-progressbar{width:30rem;}
.visual-swiper.slides7 .swiper-count .swiper-pagination-progressbar{width:35rem;}
.visual-swiper.slides8 .swiper-count .swiper-pagination-progressbar{width:40rem;}
.visual-swiper.slides9 .swiper-count .swiper-pagination-progressbar{width:45rem;}
.visual-swiper.slides10 .swiper-count .swiper-pagination-progressbar{width:50rem;}
.visual-swiper.slides11 .swiper-count .swiper-pagination-progressbar{width:55rem;}
.visual-swiper.slides12 .swiper-count .swiper-pagination-progressbar{width:60rem;}
.visual-swiper .swiper-pagination{display:flex;align-items:center;width:auto;position:relative;bottom:auto;margin-left:1.5rem;}
/* .visual-swiper .swiper-pagination::before{content:"";width:auto;height:1px;background:#d9d9d9;position:absolute;left:0.5rem;right:0.5rem;} */
.visual-swiper .swiper-pagination .swiper-pagination-bullet{width:1rem;height:1rem;margin:0;background:#d9d9d9;opacity:1;position:relative;transition:all .3s ease;}
.visual-swiper .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:3rem;}
.visual-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:#fff;}
.visual-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before{display:block;opacity:1;}
.visual-swiper .swiper-pagination .swiper-pagination-bullet::before{content:"";width:3rem;height:3rem;border-radius:50%;border:1px solid rgba(255, 255, 255, 1);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:all .3s ease;}
.visual-swiper .swiper-pagination .swiper-pagination-bullet:last-of-type{margin-right:0;}



/* 비주얼 */
#visual{position:relative;z-index:1;width:100%;height:93.6rem;margin:0 auto;-ms-word-break:keep-all;word-break:keep-all;}

.visual-cont{position:absolute;top:50%;left:0;width:100%;padding-bottom:7.8rem;z-index:5;text-align:center;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.visual-text{color:#fff;}
.visual-text .title{margin-bottom:2.5rem;}
.visual-text .title b,.visual-text .title span{display:block;line-height:1.38;}
.visual-text .title b{font-size:8.2rem;font-weight:900;}
.visual-text .title span{font-size:5.4rem;font-weight:500;}
.visual-text .text{font-size:2rem;font-weight:500;}

.visual-search{position:relative;width:73rem;height:5.4rem;margin:5rem auto 0;background:#fff;border-radius:1rem;z-index:5;}
.visual-search input{display:flex;width:calc(100% - 14rem - 3px);height:5.4rem;padding:0 2rem;border:0 none;border-radius:1rem;font-size:1.6rem;color:#2b2a2a;letter-spacing:-0.01em;}
.visual-search input::placeholder{color:#2b2a2a;}
.visual-search button{position:absolute;top:0.6rem;right:0.6rem;width:13rem;height:4.2rem;border-radius:1rem;background:#3073ef;font-size:1.7rem;color:#fff;}
.visual-search button i{padding-right:.6rem;}

.visual-keyword{display:flex;justify-content:center;align-items:center;margin:2.5rem auto 0;gap:3.2rem}
.visual-keyword dt,.visual-keyword dd{font-size:1.5rem;color:#fff;letter-spacing:-0.01em;}
.visual-keyword dt{font-weight:900;}
.visual-keyword dd a{}

.visual-search,.visual-keyword{display:none;}

.visual-years{position:absolute;bottom:15rem;left:calc(50% - 682px + 66px);display:flex;justify-content:center;align-items:center;flex-direction:column;width:12rem;height:12rem;margin:0 auto;border:2px solid #fff;border-radius:1.5rem;color:#fff;z-index:5;}
.visual-years em{font-family:'Gmarket Sans';font-size:5rem;font-weight:700;}
.visual-years span{font-size:1.5rem;}


@media screen and (max-width:1440px){
	.visual-swiper .swiper-slide{}
	.visual-years{bottom:15rem;left:3rem;width:12rem;height:12rem;}

	.visual-text .title b{font-size:6rem;}
	.visual-text .title span{font-size:4rem;}

	.visual-cont{padding:3rem 3rem 6rem;}
	.visual-swiper .swiper-slide{padding:3rem;}



	.visual-search{width:100%;height:5.4rem;margin:5rem auto 0;}
}




.visual-ctrl{position:absolute;bottom:7.5rem;left:50%;width:32rem;margin-left:-650px;z-index:2;vertical-align:top;font-size:0;}
.visual-ctrl a,.visual-ctrl button{display:inline-block;width:5rem;height:5rem;border-radius:50%;border:1px solid #95918c;background-color:rgba(255,255,255,0.6);background-repeat:no-repeat;background-position:50% 50%;background-size:1.5rem 1.7rem;text-indent:-9999em}
.visual-ctrl .pager{display:inline-block;padding:0 0.8rem}
.visual-ctrl .auto{margin:0 1.3rem}
.visual-ctrl .play{background-image:url(../images/main/visual_ctrl_play.png)}
.visual-ctrl .stop{background-image:url(../images/main/visual_ctrl_stop.png)}
.visual-ctrl .prev{background-image:url(../images/main/visual_ctrl_prev.png)}
.visual-ctrl .next{background-image:url(../images/main/visual_ctrl_next.png)}

@media screen and (max-width:1920px){
	.visual-swiper .swiper-container{border-radius:0;}
}

@media screen and (max-width:1440px){
	.visual-ctrl{left:20px;margin-left:0;}
}
@media screen and (max-width:1200px){

	.visual-area,.visual-slider .slick-slide .slide_item{height:54rem;}
	.visual-slider .slick-slide .slide_item{-webkit-background-size:cover;background-size:cover;}


	.visual-ctrl{bottom:4rem;left:0;margin-left:0;padding:0 20px;}
	.visual-ctrl a,.visual-ctrl button{width:4.4rem;height:4.4rem;}
	.visual-ctrl .auto{margin:0 1rem}

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

	.visual-slider .slick-slide .slide_item{background-position:60% 0;-webkit-background-size:auto 100%;background-size:auto 100%;}
}
@media screen and (max-width:540px){
	.visual-slider .slick-slide .slide_item{background-position:70% 0;}
}




.visual-news{position:absolute;bottom:0;left:0;width:100%;backdrop-filter:blur(10px);height:7.8rem;z-index:5;}
.visual-news::after{display:block;clear:both;content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#908e7a;z-index:6;}
.visual-news::before{display:block;clear:both;content:'';position:absolute;top:0;left:0;width:calc(50% - 42.4rem);height:7.8rem;background:rgb(0,0,0,0.3);z-index:5;}
.visual-news dl{display:flex;justify-content:space-between;align-items:center;position:relative;width:136.4rem;height:7.8rem;margin:0 auto;z-index:7;}
.visual-news dt,.visual-news dd{position:relative;font-size:1.6rem;color:#fff;}
.visual-news .title{width:25.8rem;font-size:1.8rem;font-weight:900;}
.visual-news .title em{display:block;padding-left:3.5rem;background:url(../images/main/visual_news_ico.png) no-repeat 0 50%;}
.visual-news .title a{position:absolute;top:50%;right:0;display:block;width:6rem;height:6rem;margin-top:-3rem;background:url(../images/main/visual_news_more.png) no-repeat 50% 50%;text-indent:-9999px;font-size:0;}
.visual-news .text{width:calc(100% - 25.8rem - 9.2rem);padding:0 3rem;}
.visual-news .text a{display:block;padding:0.8rem;}
.visual-news .date{width:9.2rem;text-align:right;color:#c2c2c2;}

@media screen and (max-width:1440px){
	.visual-news{padding-right:3rem;}
	.visual-news::before{width:28rem;}
	.visual-news dl{width:100%;}

	.visual-news .title{width:28rem;padding:0 3rem;}
	.visual-news .text{width:calc(100% - 28rem - 9.2rem);padding:0 3rem;}
	.visual-news .text a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.visual-news .date{width:9.2rem;}

}

@media screen and (max-width:540px){
	.visual-news{height:auto;padding:2rem 0;}
	.visual-news{padding-right:3rem;}
	.visual-news::before{display:none;}
	.visual-news dl{width:100%;flex-wrap:wrap;}

	.visual-news .title{width:100%;padding:0 3rem;}
	.visual-news .text{width:calc(100% - 9.2rem);}

}



.sect-title{margin-bottom:3.2rem;font-size:3rem;color:#2b2b2b;font-weight:700;}

#mainBusiness{background:#1d1f20;}
#mainBusiness > .inner{height:38.2rem;padding:10rem 0 0;}
#mainBusiness > .inner::after{display:block;clear:both;content:'';position:absolute;top:0;right:0;width:100%;height:44rem;background:url(../images/main/main_business_bg.png) no-repeat 100% 0 / 106rem auto;}

.business-title{margin-bottom:3rem;font-size:5rem;font-weight:900;color:#d84c00;}
.business-list{position:relative;display:flex;align-items:center;z-index:1;}
.business-list li{position:relative;}
.business-list li + li{margin-left:35px;padding-left:36px;}
.business-list li + li:before{display:block;clear:both;content:'';position:absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background:#939494;}
.business-list a,.business-list span{font-size:1.7rem;font-weight:500;color:#ffffff;letter-spacing:-0.05em}
.business-text{position:absolute;top:50%;right:21rem;font-size:2rem;font-weight:500;color:#b7b7b7;line-height:1.55;
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}


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

	#mainBusiness > .inner{height:auto;padding:10rem 3rem;}
	.business-text{right:3rem;}
}

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

	#mainBusiness > .inner{height:auto;padding:10rem 1rem;}
	.business-title{margin-bottom:2rem;text-align:center;}
	.business-list{justify-content:center;flex-wrap:wrap;}
	.business-list li{margin-top:1rem;}
	.business-list li + li{margin-left:2.8rem;padding-left:2.8rem;}
	.business-text{margin-top:3rem;position:relative;top:auto;right:auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);text-align:center;}
}


#mainService{}
#mainService > .inner{padding:10rem 0;}

@media screen and (max-width:1440px){
	#mainService > .inner{padding:5rem 3rem;}
}


.main-swiper{position:relative;z-index:3;}
.main-swiper .swiper-container{position:relative;overflow:hidden;}

.service-swiper .swiper-slide{position:relative;width:100%;}
.service-swiper .swiper-slide a{display:block;background:#f7f7f7;-ms-word-break:keep-all;word-break:keep-all;border:1px solid #e1e1e1;/* box-shadow:-6px 1px 45px 0px rgba(0, 0, 0, 0.1); */}

.service-swiper .swiper-slide .img{position:relative;height:26.2rem;overflow:hidden;}
.service-swiper .swiper-slide .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.service-swiper .swiper-slide .info{height:14rem;padding:3rem 3rem 0;}

.service-swiper .swiper-slide em{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2rem;font-size:2.2rem;font-weight:700;color:#111111;}
.service-swiper .swiper-slide span{display:block;font-size:1.6rem;font-weight:500;color:#666666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
/* -ms-word-break:keep-all;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical; */}


.product-swiper .swiper-slide{position:relative;width:100%;}
.product-swiper .swiper-slide a{display:flex;align-items:center;-ms-word-break:keep-all;word-break:keep-all;}
.product-swiper .swiper-slide a + a{margin-top:18px;}

.product-swiper .swiper-slide .img{position:relative;width:10.8rem;height:14rem;overflow:hidden;flex-shrink:0;border:1px solid #e1e1e1;background:#fff}
.product-swiper .swiper-slide .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.product-swiper .swiper-slide .num{width:8.4rem;text-align:center;flex-shrink:0;}
.product-swiper .swiper-slide .info{position:relative;overflow:hidden;}
.product-swiper .swiper-slide em/*,.product-swiper .swiper-slide p,.product-swiper .swiper-slide span*/{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700;}
.product-swiper .swiper-slide em{margin-bottom:2px;font-size:1.9rem;color:#2b2b2b;letter-spacing:-0.05em;}
.product-swiper .swiper-slide p{margin-top:1rem;font-size:1.6rem;font-weight:700;color:#646464;line-height:1.56;}
.product-swiper .swiper-slide span{font-size:1.6rem;color:#b3b3b3;letter-spacing:-0.05em;}

.product-swiper .swiper-slide p{display:-webkit-box;line-height:2;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break: break-all;}

.product-swiper .flex{display:flex;justify-content:space-between;margin:0 auto;}
.product-swiper .swiper-slide{width:calc(33.33% - 26px);}
.main-swiper .swiper-button-disabled{opacity:1 !important;}

@media screen and (max-width:1200px){
	.product-swiper .swiper-slide{width:100%;display:flex;justify-content:space-between;}
	.product-swiper .swiper-slide a{width:50%;padding-right:3rem;}
	.product-swiper .swiper-slide a + a{margin-top:2rem;padding-right:0}
	.product-swiper .flex{display:block;}
}
@media screen and (max-width:720px){
	.product-swiper .swiper-slide a{padding-right:2rem;}
	.product-swiper .swiper-slide a + a{padding-right:0}
	.product-swiper .swiper-slide .num{display:none;}
	.product-swiper .swiper-slide .info{padding-left:2rem;}
}
@media screen and (max-width:540px){
	.product-swiper .swiper-slide{width:100%;flex-wrap:wrap;}
	.product-swiper .swiper-slide a{width:100%;margin-top:2rem;padding-right:0;}
}

.main-swiper .swiper-pagination{}
.main-swiper .swiper-buttons{position:absolute;top:-5.04rem;right:0;display:flex;justify-content:center;align-items:center;}
.main-swiper .swiper-buttons button{position:static;top:auto;left:auto;bottom:0;width:16px;height:20px;margin:0;margin-right:10px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;text-indent:-9999px;font-size:0;z-index:10;}
.main-swiper .swiper-button-next{background-image:url(../images/main/swiper_arrow_next.png)}
.main-swiper .swiper-button-prev{background-image:url(../images/main/swiper_arrow_prev.png)}
.main-swiper .swiper-button-start{display:none;background-image:url(../images/main/swiper_arrow_start.png)}
.main-swiper .swiper-button-stop{background-image:url(../images/main/swiper_arrow_stop.png)}
.main-swiper .swiper-buttons.paused .swiper-button-stop{display:none;}
.main-swiper .swiper-buttons.paused .swiper-button-start{display:flex;}
.main-swiper .swiper-button-next:after,.main-swiper .swiper-button-prev:after{display:none;}
.main-swiper .swiper-button-disabled{opacity:0.3;}
.main-swiper .swiper-button-next:after,.main-swiper .swiper-button-prev:after{display:none;}

@media print{}

#mainProduct{padding-bottom:11rem;}
#mainProduct::before{display:block;clear:both;content:'product';position:absolute;bottom:30rem;left:0;width:calc(50% - 13.5rem);font-size:17rem;font-weight:900;color:#f6f6f6;text-align:right;}
#mainProduct::after{display:block;clear:both;content:'';position:absolute;bottom:0;left:0;width:calc(50% - 13.5rem);height:38rem;background:#f2f2f2;}

@media screen and (max-width:1680px){
	#mainProduct::before{top:-2rem;bottom:auto;left:0;width:100%;font-size:15rem;text-align:left;line-height:1;}
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
	#mainProduct{padding-bottom:0;background:#f2f2f2;}
	#mainProduct > .inner{padding:5rem 3rem;}
	#mainProduct::before{display:none;}
	#mainProduct::after{display:none;}
}