/*폰트*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
.visual {background:#000;height:1080px;position:relative;overflow:hidden;}
.visual .visualSwiper .visual-tit {text-align:center;padding-top:17.5rem;position:relative;z-index:1;}
.visual .visualSwiper .visual-tit strong{ font-family: "Oswald";font-size:5rem;color:#fff;font-weight:700;line-height:1;}
.visual .visualSwiper .visual-tit p {font-size:1.75rem;color:#fff;font-weight:700;line-height:1;margin-top:1rem;}
.visual .visualSwiper .visual-txt {position:absolute;z-index:1;bottom:10rem;left:8rem;}
.visual .visualSwiper .visual-txt strong {font-size:1.3rem;font-weight:700;color:#FF5500;display:block;}
.visual .visualSwiper .visual-txt p {font-size:0.9rem;color:#fff;margin-top:1rem;}
.visual .visualSwiper .swiper-slide{position:relative;height:1080px;background:#000;}
.visual .visualSwiper .swiper-slide .swiper-bg {position:absolute;width:100%;left:0;top:0;}
.visual .visualSwiper .swiper-slide .swiper-bg img {width:100%;height:100%;object-fit: cover;}
.visual .visualSwiper .visual-control {width:175px;height:80px;position:absolute;left:50%;transform:translateX(-50%);z-index:1;top:60%;display:flex;gap:0.75rem;}
.visual .visualSwiper .visual-control .swiper-button-next{width:80px;height:80px;background:url(/images/default/main/visual-arrow-right.svg)no-repeat center center;border:3px solid rgba(255,255,255,0.5);border-radius:50%;position:relative;top:auto;margin-top:0;right:auto;}
.visual .visualSwiper .visual-control .swiper-button-prev{width:80px;height:80px;background:url(/images/default/main/visual-arrow-left.svg)no-repeat center center;border:3px solid rgba(255,255,255,0.5);border-radius:50%;position:relative;top:auto;margin-top:0;left:auto;}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {opacity:1 !important;}
.btn-scroll-down {    align-items: center;position: absolute; right: calc((100% - 1600px) / 2); bottom: 20px; z-index: 50; cursor: pointer;}
.btn-scroll-down .icon-scroll-down {display: inline-block;width: 12px;height: 18px;border-radius: 6px;border: 2px solid #fff;margin-bottom: 8px;position: relative;}
.btn-scroll-down .icon-scroll-down:after{}
.scrollDown{color:#fff;font-size:12px;display:flex; flex-direction:column;font-family:'Oswald';}
.scrollDown .icon-scroll-down {display:inline-block;width:18px;height:25px;border-radius:6px;border:2px solid #fff;margin-top:8px;position:relative;border-radius:30px;}
.scrollDown .icon-scroll-down:after{content:'';display:block;position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;left:50%;transform:translateX(-50%); animation: scrolldown .9s linear infinite;}
.scrollDown .text {writing-mode: vertical-rl;font-size:0.55rem;color:rgba(255,255,255,0.7);letter-spacing:1.4px;}


.visual .visualSwiper .swiper-slide .swiper-bg img{transition: all 10s ease-in-out;    transform: scale(1);}

.visual .visualSwiper .swiper-slide.swiper-slide-active .swiper-bg img{transform: scale(1.1);}

.visual .visualSwiper .visual-tit strong {opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);display:block;}
.visual .visualSwiper .swiper-slide-active .visual-tit strong {opacity: 1;transform: translateY(0);}
.visual .visualSwiper .visual-tit p {opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 0.6s;display:block;}
.visual .visualSwiper .swiper-slide-active .visual-tit p {opacity: 1;transform: translateY(0);}


@keyframes scrolldown {
    0% {
    top: 3px;
	}
	50% {
		top: 8px;
	}
	100% {
		top: 3px;
	}
}

@media (max-width:1600px){
	.visual .visualSwiper .visual-txt {left:1rem;bottom:1rem;}
	.visual .visualSwiper .visual-tit{padding-top:15rem;}
	.visual{height:100vh;}
	.visual .visualSwiper .swiper-slide{height:100vh;}
}
@media (max-width:1200px){
	.visual .visualSwiper .swiper-slide .swiper-bg{height:100%;}
}
@media (max-width:1030px){
	.visual .visualSwiper .visual-txt{bottom:3rem;}
}
@media (max-width:767px){
	.visual .visualSwiper .visual-control{top:50%;}
	.visual .visualSwiper .visual-txt{bottom:5rem;}

}
@media (max-width:610px){
	.visual .visualSwiper .visual-tit strong{font-size:4rem;}
}
@media (max-width:500px){
	.visual .visualSwiper .visual-tit strong{font-size:40px;}
	.visual .visualSwiper .visual-control .swiper-button-next{width:60px;height:60px;}
	.visual .visualSwiper .visual-control .swiper-button-prev{width:60px;height:60px;}
	.visual .visualSwiper .visual-control{width:calc(120px + 0.75rem);height:60px;}

}


#container{background:#0C0805}

.inner {width:1600px;margin:0 auto;}
@media (max-width:1600px){

	.inner {width:100%;padding:0 1rem;}
}

:root{
    --transition-custom2: all 0.8s ease-in-out;
	}
/*공용 제목*/
.section-tit {text-align:center;}
.section-tit strong{font-family: "Oswald";color:#fff;font-size:4.5rem;line-height:1;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);display:block;}
.section-tit strong em {transition: all 1.0s;transition-delay: 1.0s; background: linear-gradient(90deg, #FF5500, #FF5500 50%, rgba(255, 255, 255, 0.2) 0);background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 100%;}
.section-tit p{font-size:1rem;color:rgba(255,255,255,0.6);margin-top:2.5rem;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 0.6s;}


.section-tit.go strong{opacity: 1;transform: translateY(0);}
.section-tit.go p{opacity: 1;transform: translateY(0);}
.section-tit.go strong em {    background-position: 0% !important;}


.ctn1 {padding:5rem 0 7.5rem 0;position:relative;z-index:1;}
.slide-tab {width:17.75rem;height:3.75rem;background:#222;border-radius:2.5rem;margin:0 auto;margin-top:4rem;padding:0.65rem 0.9rem;display:flex;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 0.8s;}
.slide-tab.go {opacity: 1;transform: translateY(0);}

.slide-tab > a{width:calc(100% / 2);height:100%;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;color:rgba(255,255,255,0.6);transition-duration: 0.3s;}
.slide-tab > a.on {background:#FF5500;border-radius:2.5rem;color:#fff;}
.slide-tab > a:hover{color:#fff;transition-duration: 0.3s;}
.areaSwiper{margin-top:2.25rem;position:relative;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 1s;}
.active .areaSwiper{opacity: 1;transform: translateY(0);}
.areaSwiper .area-btn{width:1600px;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;padding:0 2rem;z-index:1;}
.areaSwiper .area-btn .btn-prev {width:80px;height:80px;background:url(/images/default/main/visual-arrow-left.svg)no-repeat center center;border:3px solid rgba(255,255,255,0.5);border-radius:50%;position:relative;top:auto;left:0;cursor:pointer;}
.areaSwiper .area-btn .btn-next {width:80px;height:80px;background:url(/images/default/main/visual-arrow-right.svg)no-repeat center center;border:3px solid rgba(255,255,255,0.5);border-radius:50%;position:relative;top:auto;right:0;cursor:pointer;
}
.areaSwiper .swiper-slide{position:relative;}
.areaSwiper .swiper-slide:after{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.55);left:0;top:0;}
.areaSwiper .swiper-slide img{max-width:100%;}
.areaSwiper .swiper-slide{display:flex;padding:2.5rem;gap:2.75rem;align-items:center;background:#222222;border-radius:0.75rem;height:25rem;position:relative;}

.areaSwiper .swiper-slide .img-zone {width:50%;}
.areaSwiper .swiper-slide .txt-zone{flex:1;}
.areaSwiper .swiper-slide .txt-zone strong {font-size:1.75rem;color:#fff;font-weight:800;}
.areaSwiper .swiper-slide .txt-zone strong span {font-size:1.4rem;}
.areaSwiper .swiper-slide .txt-zone p{font-size:0.9rem;color:rgba(255,255,255,0.6);margin-top:1rem;}
.areaSwiper .swiper-slide .txt-zone a{color:#fff;font-size:0.8rem;font-weight:600;margin-top:2.5rem;display:flex;gap:0.55rem;position:relative;align-items:center;
}
.areaSwiper .swiper-slide .txt-zone a:after{content:'';display:block;width:2.5rem;height:1.4rem;border-radius:2.5rem;background:#FF5500 url(/images/default/main/arrow-right.svg)no-repeat center center;}

.pagination-btn {text-align:center;display:none;margin-top:0.5rem;}
.pagination-btn .swiper-pagination-bullet-active {width:20px;height:6px;border-radius:50px;background:#fff;}
.pagination-btn .swiper-pagination-bullet{background:#fff;}

.areaSwiper .swiper-slide{position:relative;}
.areaSwiper .swiper-slide.swiper-slide-active:after {display:none;}
@media (max-width:1720px){
	.pagination-btn {display:block;}
	.areaSwiper .area-btn{display:none;}
	.areaSwiper .swiper-slide .txt-zone p br{display:none;}
}

@media (max-width:1600px){
	.areaSwiper .area-btn {width:100%;padding:0 1rem;}
}
@media (max-width:1250px){
	.areaSwiper .swiper-slide {padding:1.5rem;}

}
@media (max-width:1030px){
	.areaSwiper {padding:0 1rem;}
	.section-tit strong{font-size:3rem;}
	.ctn1{padding:5rem 0 ;}
}

@media (max-width:620px){
	.areaSwiper .swiper-slide{flex-direction:column;gap:2rem;height:auto;}
	.areaSwiper .swiper-slide .img-zone{width:100%;}
	.areaSwiper .swiper-slide .txt-zone a{margin-top:1.9rem;}
}


.sub-tit {text-align:center;}
.sub-tit p{font-family: "Oswald";color:#FF5500;font-size:1.15rem;font-weight:700;line-height:1;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);}
.sub-tit strong {font-size:2rem;color:#fff;font-weight:700;margin-top:1.25rem;display:block;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 0.6s;}

.active .sub-tit p{opacity: 1;transform: translateY(0);}
.active .sub-tit strong{opacity: 1;transform: translateY(0);}

.ctn2 {padding-bottom:8rem;position:relative;}
.ctn2:before{content:'';width:28.95rem;height:42.9rem;background:url(/images/default/main/bg-point.png)no-repeat center center;left:0;bottom:0;position:absolute;transform: translateY(-20%);z-index:0;}
.ctn2:after{content:'';width:28.95rem;height:42.9rem;background:url(/images/default/main/bg-point02.png)no-repeat center center;right:0;bottom:0;position:absolute;transform: translateY(20%);z-index:0;}
.ctn2 .inner {position:relative;z-index:1;}
.ctn2 .icon-list {display:flex;gap:1.5rem;justify-content:center;margin-top:2.25rem;}
.ctn2 .icon-list > li {opacity: 0;transform: translateY(30px);transition: var(--transition-custom2);}
.ctn2 .icon-list > li p {color:#fff;font-size:1rem;font-weight:600;}
.ctn2 .icon-list > li a {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;height:100%;width:11.75rem;height:11.5rem;border-radius:0.75rem;border:1px solid #474747;transition-duration: 0.3s;}


.ctn2.active .icon-list > li {opacity: 1;transform: translateY(0);}

.ctn2 .icon-list > li:nth-child(1) {transition-delay: 0.7s;}
.ctn2 .icon-list > li:nth-child(2) {transition-delay: 0.8s;}
.ctn2 .icon-list > li:nth-child(3) {transition-delay: 0.9s;}
.ctn2 .icon-list > li:nth-child(4) {transition-delay: 1.0s;}
.ctn2 .icon-list > li:nth-child(5) {transition-delay: 1.1s;}

.ctn2 .icon-list > li:hover a{transform: scale(1.1) !important;transition-delay: 0s !important;background:#FF5500;transition-duration: 0.3s;}

@media (max-width:1030px){
	.ctn2{padding-bottom:5rem;}
	.ctn2:before{width:20rem;height:29.65rem;background-size:cover;}
	.ctn2:after{width:20rem;height:29.65rem;background-size:cover;}

}
@media (max-width:767px){
	.ctn2 .icon-list {flex-wrap:wrap;}
	.ctn2:before{display:none;}
	.ctn2:after{display:none;}
}
@media (max-width:620px){
	.ctn2 .icon-list > li{width:calc((100% - 3rem) / 3);height:auto;aspect-ratio: 1 / 1;}
	.ctn2 .icon-list > li a{gap:0;width:100%;height:100%;}
	.ctn2 .icon-list > li a img {width:4rem;}
}




.top-con {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4rem;}
.ctn3 .top-con { flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;}
.ctn3 .referenceSwiper .swiper-slide{overflow:hidden;border-radius:10px;}
.ctn3 .referenceSwiper .swiper-slide img{width:100%;}
.ctn3 .referenceSwiper .swiper-slide a {position:relative;display:block;width:100%;height:100%;}
.ctn3 .referenceSwiper .swiper-slide .img-bg{display: block;position: absolute; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));height: 5rem;width: 100%; left: 0;bottom: 0;z-index:1;}
.ctn3 .referenceSwiper .swiper-slide .txt {background:#0C0805;color:#FF5500;border-radius:5px;position:absolute;font-size:0.7rem;font-weight:600;padding:0.35rem 0.6rem;left:1rem;top:1rem;display:none;}  
.ctn3 .bottom-con{transform: scaleX(0);transition: var(--transition-custom2);transition-delay: 1s;}
.ctn3.active .bottom-con{transform-origin: left;
transition-property: transform; transform: scaleX(1);}
.ctn3 .top-con .view-more{opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 0.9s;}
.ctn3.active .top-con .view-more {    opacity: 1;
    transform: translateY(0);}

.top-con .view-more {width:9rem;height:3rem;border-radius:2.5rem;border:1px solid #fff;align-items:center;display:flex;color:#fff;padding:0 0.75rem;font-size:0.8rem;justify-content:space-between;transition-duration: 0.3s;
}
.top-con .view-more span {width:2.5rem;height:1.4rem;border-radius:2.5rem;background:#FF5500 url(/images/default/main/arrow-right.svg)no-repeat center center;display:block;transition-duration: 0.3s;}
.top-con .view-more:hover{background:#FF5500;border:1px solid #FF5500;transition-duration: 0.3s;}
.top-con .view-more:hover span {background:#F92307 url(/images/default/main/arrow-right.svg)no-repeat center center;transition-duration: 0.3s;}
.ctn3{position:relative;z-index:1;}
.ctn3 .referenceSwiper{animation: scroll 12s linear infinite;}
.ctn3 .referenceSwiper .swiper-slide .hover-bx{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center; background:rgba(0,0,0,0.5);opacity:0;}
.ctn3 .referenceSwiper .swiper-slide a > img{}
.ctn3 .referenceSwiper .swiper-slide:hover a > img {transition: filter 0.3s ease;filter: blur(5px);}

.ctn3 .referenceSwiper .swiper-slide:hover .hover-bx {opacity:1;}
.ctn3 .referenceSwiper .swiper-slide .hover-bx .tit {font-size:0.8rem;color:rgba(255,255,255,0.6);}
.ctn3 .referenceSwiper .swiper-slide .hover-bx .cate {font-size:0.9rem;color:#fff;margin-top:0.5rem;}
.ctn3 .referenceSwiper .swiper-slide .hover-bx .more-btn {width:3rem;height:3rem;background:#FF5500 url(/images/default/main/more-icon.svg)no-repeat center center;border-radius:50%;margin-top:0.5rem;}

.ctn3 .referenceSwiper:hover { animation-play-state: paused;}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* 원래 슬라이드 절반만큼 이동 */
}

@media (max-width:767px){
	.top-con {flex-direction:column;align-items: flex-start;gap:2rem;}
	.section-tit p{margin-top:1.5rem;}
}


.ctn4 {padding-top:11.5rem;background:url(/images/default/main/crn04-bg.png)no-repeat center bottom;}

.ctn4 .productSwiper {margin-top:4rem;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 1s;position:relative;padding-bottom:2rem;}
.ctn4.active .productSwiper{opacity: 1;transform: translateY(0);}

.ctn4 .productSwiper .swiper-slide {border-radius:0.75rem;background:#222222;border:2px solid #222;position:relative;transition-duration: 0.5s;height:100%;}
.ctn4 .productSwiper .swiper-slide:not(:nth-child(2)) {margin-top:4.5rem;}
.ctn4 .productSwiper .swiper-slide .tit-box{padding:3rem 2.5rem 1.5rem 3rem;}
.ctn4 .productSwiper .swiper-slide .tit-box strong{font-size:1.75rem;color:#fff;font-weight:700;line-height:1;}
.ctn4 .productSwiper .swiper-slide .tit-box .s-tit{font-size:0.8rem;color:#FF5500;font-weight:600;margin:0.6rem 0 1.5rem 0;}
.ctn4 .productSwiper .swiper-slide .txt {color:rgba(255,255,255,0.6);font-weight:600;}
.ctn4 .productSwiper .swiper-slide .img-box{text-align:center;height:16.65rem;margin-top:1.4rem;}
.ctn4 .productSwiper .swiper-slide .img-box img {max-width:100%;}
.ctn4 .productSwiper .swiper-slide .img-box.img-box02{text-align:right;}
.ctn4 .productSwiper .swiper-slide:hover{background:#fff;border:2px solid #FF5500;transition-duration: 0.5s;}
.ctn4 .productSwiper .swiper-slide:hover .tit-box strong {color:#000;}
.ctn4 .productSwiper .swiper-slide:hover .tit-box .txt {color:rgba(0,0,0,0.6);}
.ctn4 .productSwiper .swiper-slide:hover:after{content:'';display:block;position:absolute;width:3rem;height:3rem;background:#FF5500 url(/images/default/main/more-icon.svg)no-repeat center center;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;}

.ctn4 .swiper-container-horizontal>.swiper-pagination-progressbar{height:3px;display:none;}
.ctn4 .swiper-pagination-progressbar {top:auto;bottom:0rem;}

.ctn4 .swiper-pagination-progressbar{background:rgba(255,255,255,0.2);}
.ctn4 .swiper-pagination-progressbar-fill {background:#fff;}

@media (max-width:1600px){
	.ctn4 .productSwiper .swiper-slide .tit-box{padding:1.5rem;}
}
@media (max-width:1400px){
	.ctn4 .productSwiper .swiper-slide .tit-box strong{font-size:1.5rem;}
	.ctn4 .productSwiper .swiper-slide .txt{font-size:0.8rem;}
	.ctn4 .productSwiper .swiper-slide .tit-box .s-tit{margin:0.5rem 0 1rem 0;}
}
@media (max-width:1280px){
	.ctn4 .productSwiper .swiper-slide .txt{min-height:5rem;}
}
@media (max-width:1200px){
	.ctn4 .productSwiper .swiper-slide .tit-box {padding:1.5rem 1.5rem 0 1.5rem;}
	.ctn4 .swiper-container-horizontal>.swiper-pagination-progressbar {display:block;}
}

@media (max-width:1165px){
	.ctn4 .productSwiper .swiper-slide .tit-box .s-tit{min-height:2.4rem;}
	.ctn4 .productSwiper .swiper-slide .img-box{height:auto;margin-top:0;}
}
@media (max-width:1030px){

	.ctn4{padding-top:5rem;}
}
@media (max-width:920px){
	.ctn4 .productSwiper .swiper-slide:not(:nth-child(2)) {margin-top:0;}
}

@media (max-width:500px){
	.ctn4 .productSwiper .swiper-slide .txt{min-height:100px;}
}


.ctn5 {padding-top:11.5rem;}
.ctn5 .tit-zone {text-align:center;}
.ctn5 .tit-zone strong {font-size:3rem;font-weight:700;color:#fff;font-family: "Oswald";line-height:1;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);display:block;}
.ctn5 .tit-zone.go strong {opacity: 1;transform: translateY(0);}

.ctn5 .tit-zone p {font-size:1rem;color:rgba(255,255,255,0.6);margin-top:2.5rem;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 0.6s;}
.ctn5 .tit-zone.go p{opacity: 1;transform: translateY(0);}


.ctn5 .logo-list{margin-top:4rem;position:relative;opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 1s;}
.ctn5.active .logo-list {opacity: 1;transform: translateY(0);}

.ctn5 .logo-list:before{content:'';position:absolute;width:17.65rem;height:100%;    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));z-index:1;left:0;top:0;}
.ctn5 .logo-list:after{content:'';position:absolute;width:17.65rem;height:100%;    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));z-index:1;right:0;top:0;}



.ctn5 .logo-list ul li{background:#fff;display:flex;justify-content:center;align-items:center;height:4rem;border-radius:0.5rem;width:14rem;}
.ctn5 .logo-list ul {display:flex;gap:2.5rem;}

.ctn5 .logoSwiper {animation: scroll 18s linear infinite;}
.ctn5 .logoSwiper .swiper-slide {background:#fff;border-radius:10px;height:4rem;display:flex;justify-content:center;align-items:center;}
.ctn5 .logoSwiper .swiper-slide img {max-width:100%;max-height:100%;}

.ctn5 .logoSwiper02 {animation: scroll02 18s linear infinite;margin-top:2.25rem}


@keyframes scroll02 {
  0% { transform: translateX(0); }
  100% { transform: translateX(50%); } /* 원래 슬라이드 절반만큼 이동 */
}
@media (max-width:1400px){
	.ctn5 .logoSwiper02 {margin-top:2rem;}
}
@media (max-width:1030px){
	.ctn5{padding-top:5rem;}
}
@media (max-width:767px){
	.ctn5 .logo-list:after {width:5rem;}
	.ctn5 .logoSwiper02 {margin-top:1rem;}
	.ctn5 .logo-list:before {width:5rem;}
}

.ctn6 {padding-top:11.5rem;}
.ctn6 .news-list ul li {}
.ctn6 .news-list ul li a{display:flex;gap:3rem;align-items:center;padding:2.5rem 0;}
.ctn6 .news-list ul li:first-child a{padding-top:0;}
.ctn6 .news-list ul li:last-child a{padding-bottom:0;}



.ctn6 .news-list ul li .img-zone{border-radius:10px;overflow:hidden;width:14.5rem;height:9.25rem;position:relative;}
.ctn6 .news-list ul li .img-zone img {position:absolute;left:0;top:0;width:100%;height:100%;    object-fit: cover;}
.ctn6 .news-list ul li:not(:last-child){border-bottom:1px solid rgba(255,255,255,0.2);}
.ctn6 .news-list ul li .txt-zone{flex:1;width:calc(100% - 14.5rem - 3rem);}
.ctn6 .news-list ul li .txt-zone strong{font-size:1.25rem;color:#fff;font-weight:700;line-height:1;  white-space: nowrap; 
overflow: hidden; text-overflow: ellipsis;display:block;}
.ctn6 .news-list ul li .txt-zone p.txt{font-size:0.9rem;color:rgba(255,255,255,0.6);margin-top:1.25rem;white-space: nowrap;overflow: hidden;display:block;    text-overflow: ellipsis;}
.ctn6 .news-list ul li .txt-zone p.date {font-size:0.9rem;color:#fff;margin-top:1.75rem;}

.ctn6 .news-list ul li:hover .img-zone img{    scale: 1.1;transition-duration: 0.5s;}
.ctn6 .news-list ul li:hover p.txt { text-decoration : underline;  text-underline-position : under;}
.ctn6 .news-list {opacity: 0;transform: translateY(50px);transition: var(--transition-custom2);transition-delay: 1s;}
.ctn6.active .news-list{opacity: 1;transform: translateY(0);}

@media (max-width:1030px){
	.ctn6{padding-top:5rem;}
}
@media (max-width:767px){
	.ctn6 .news-list ul li .img-zone{width:30%;height:auto;padding-top:50%;}
	.ctn6 .news-list ul li .img-zone img{width:100%;}
	.ctn6 .news-list ul li a{gap:1rem;}
	.ctn6 .news-list ul li .txt-zone{    width: calc(100% - 30% - 3rem);}
}
@media (max-width:650px){
	.ctn6 .news-list ul li a{ flex-direction:column;align-items: flex-start;}
	.ctn6 .news-list ul li .txt-zone{width:100%;}

}
@media (max-width:500px){
	.ctn6 .news-list ul li .img-zone{width:100%;}

}

.ctn7 {padding-top:11.5rem;position:relative;}

.ctn7 .inner{position:relative;z-index:1;}
.ctn7:after{content:'';position:absolute;width:38.9rem;height:57.3rem;right:0;top:0;background:url(/images/default/main/ctn07-bg.png)no-repeat center center;background-size:cover;}
.contact-con .form-box {display:flex;}

.contact-con .contact-list-con {display:flex;gap:2.5rem;margin-top:4rem;}
.contact-con .contact-list-con .contact-list {width:calc((100% - 2.5rem)  / 2);}
.contact-con .contact-list-con .contact-list > div:not(:last-child) {margin-bottom:0.75rem;}
.contact-con .contact-list-con .contact-list .form-box{display:flex;}
.contact-con .contact-list-con .contact-list .form-box .box-input {width:32.5rem;}
.contact-con .contact-list-con .contact-list .form-box .box-label{flex:1;color:#fff;font-weight:600;height: 3rem;
display: flex;align-items: center;}
.contact-con .contact-list-con .contact-list .form-box .box-label span {color:#FF5500;font-weight:600;}
.contact-con .contact-list-con .contact-list .form-box .box-input input {background:#222222;border-radius:8px;height:60px;border:1px solid #222222;color:#fff;}
.contact-con .contact-list-con .contact-list .form-box .box-input input::placeholder{color:rgba(255,255,255,0.3);}

.contact-con .contact-list-con .email-bx {display:flex;gap:0.5rem;}
.contact-con .contact-list-con .email-bx input,
.contact-con .contact-list-con .email-bx select{flex:1;}
.contact-con .contact-list-con textarea{height:6.95rem;background:#222;border:1px solid #222;border-radius:8px;}
.contact-con .contact-list-con select{    background: #222 url(/images/default/main/sel-w.svg) no-repeat right +10px center;border-radius:8px;border:1px solid #222;color:#fff;height:60px;}

.contact-con .form-btn{text-align:center;margin-top:2.5rem;}
.contact-con .form-btn button {width:9rem;height:3rem;background:inherit;border:1px solid #fff;border-radius:2.5rem;color:#fff;text-align:left;padding:0 0.75rem;cursor:pointer;position:relative;font-family: 'Pretendard Variable';font-size:0.8rem;}
.contact-con .form-btn button:after{content:'';position:absolute;width:2.5rem;height:1.4rem;border-radius:2.5rem;background:#FF5500 url(/images/default/main/arrow-right.svg)no-repeat center center;right:0.7rem;top:50%;transform:translateY(-50%);}

.contact-con .form-btn button:hover{background:#FF5500;border:1px solid #FF5500;transition-duration: 0.3s;}
.contact-con .form-btn button:hover:after{background:#F92307 url(/images/default/main/arrow-right.svg)no-repeat center center;transition-duration: 0.3s;}

.agree-box {border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);margin-top:2.5rem;padding:1rem 0;display:flex;justify-content:space-between;}
.agree-box a {color:rgba(255,255,255,0.6);font-size:0.8rem;font-weight:600;     text-decoration : underline;  text-underline-position : under;}

.agree-box input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;width: 1.25rem; height: 1.25rem; border: 1px solid #444; border-radius: 4px; position: relative; vertical-align: middle; margin-right: 8px; cursor: pointer; background-color: #444444; transition: border-color 0.2s, background-color 0.2s; }
.agree-box input[type="checkbox"]::after {content:'';position:absolute;width:1rem;height:1rem;background:url(/images/default/content/check-icon.svg)no-repeat center center;background-size:cover;left:50%;top:50%;transform:translate(-50%,-50%); opacity: 1; }
.agree-box input[type="checkbox"]:checked { border-color: #FF5500; background-color: #FF5500; }
.agree-box input[type="checkbox"]:checked::after { opacity: 1; background:url(/images/default/content/check-icon-on.svg)no-repeat center center;background-size:cover;}
.agree-box label {color:#fff;font-weight:600;}
.contact-img img {max-width:100%;}

.contact-con .contact-list-con .contact-list{opacity: 0;transform: translateX(-50px);transition: var(--transition-custom2);transition-delay: 1s;}
.active .contact-con .contact-list-con .contact-list{opacity: 1;transform: translateY(0);}
.contact-con .contact-list-con .contact-img {opacity: 0;transform: translateX(50px);transition: var(--transition-custom2);transition-delay: 1.3s;}
.active .contact-con .contact-list-con .contact-img{opacity: 1;transform: translateY(0);}


@media (max-width:1600px){
	.contact-con .contact-list-con .contact-list .form-box .box-label {width:15%;flex:auto;}
	.contact-con .contact-list-con{gap:1rem;}
	.contact-con .contact-list-con .contact-list{width:60%}
}
@media (max-width:1030px){
	.ctn7{padding-top:5rem;}
}

@media (max-width:767px){
	.contact-con .contact-list-con .contact-list{width:100%;}
	.contact-con .contact-list-con{flex-direction: column-reverse;}
	.contact-con .contact-list-con .contact-list .form-box .box-input{width:90%}
}
@media (max-width:500px){
	.contact-con .contact-list-con .contact-list .form-box{display:block;}
	.contact-con .contact-list-con .contact-list .form-box .box-label{width:100%;}
	.contact-con .contact-list-con .contact-list .form-box .box-input{width:100%;}
	.contact-con .contact-list-con select{width:100%;flex:auto !important;}
	.contact-con .contact-list-con .email-bx{flex-wrap:wrap;}

}


.popUp {position:fixed;width:500px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;background:#fff;border-radius:1rem;overflow:hidden;display:none;}
.popUp .pop-tit {padding:2rem 1rem 1.45rem 1rem;font-size:1.15rem;color:#000;text-align:center;background:#F8F8F8}

.popUp .pop-con {padding:1.2rem 1.75rem 2rem 1.75rem;}
.popUp .pop-con ul li {font-size:0.9rem;color:#222;}
.popUp .pop-con ul li:not(:last-child){margin-bottom:10px;}
.popUp .pop-btn {width:7.5rem;height:2.75rem;border-radius:2.5rem;background:#000;color:#fff;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:1.6rem;font-size:0.8rem;cursor:pointer;}


.popUp .pop-con strong {font-size:1.15rem;color:#000;font-weight:700;text-align:center;display:block;}
.registerpopUp{padding:3rem 1.75rem 2rem 1.75rem;}
.registerpopUp .pop-con{padding:0;}

/*quick-con*/
.quick-con {position:fixed;z-index:1;right:2.4rem;bottom:5%;flex-direction:column;display:flex;gap:0.5rem;    align-items: flex-end;}
.quick-con .catelog-box {position:relative;}
.quick-con .catelog-box span.catelog {width:3.5rem;height:3.5rem;background:#FF5500;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:0.85rem;font-weight:700;color:#fff;cursor:pointer;    font-family: "Oswald";}
.quick-con .catelog-box span.catelog.on { font-size:0;background:#FF5500 url(/images/default/main/x-icon.svg)no-repeat center center;}

.quick-con .catelog-box ul {border-radius:0.5rem;background:#fff;position:absolute;width:10rem;right:5rem;top:0;padding:0 10px;display:none;}
.quick-con .catelog-box ul li a{font-size:0.8rem;color:#000;padding:1rem 0;display:block;border-bottom:1px dashed #ddd;display:flex;justify-content:space-between;}
.quick-con .catelog-box ul li a:hover{color:#FF5500;}
.quick-con .catelog-box ul li a i {width:0.9rem;height:0.9rem;background:url(/images/default/main/down-icon.svg)no-repeat center center;background-size:cover;display:inline-block;}
.quick-con .catelog-box ul li a:hover i {background:url(/images/default/main/down-icon-on.svg)no-repeat center center;background-size:cover;}

.quick-con .kakao-btn {width:3.5rem;height:3.5rem;background:#FFDE00 ;border-radius:50%;display:flex;}
.quick-con .kakao-btn span {width: calc(100% - 3.5rem);display: flex; font-size: 0.8rem;height: 3.5rem;display: flex;justify-content: center;align-items: center;opacity: 0;color:#231816;font-weight:600;}
.quick-con .kakao-btn i{width: 3.5rem; height: 3.5rem; border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.quick-con .kakao-btn i img {    width: 1.4rem;}

.quick-con .top-btn {width:3.5rem;height:3.5rem;background:#333 url(/images/default/main/top-btn.svg)no-repeat center center;border-radius:50%;display:block;}

.quick-con a.kakao-btn:hover span{
  opacity: 1;
  transition: opacity 0.3s ease-in 0.5s; }
.quick-con a.kakao-btn:hover {    display: flex
;
    width:9rem;
    height: 3.5rem;
    border-radius: 2.5rem;
    transition-duration: 0.5s;}

.quick-con a.kakao-btn:not(:hover) span {
  transition: none;
}

@media (max-width:1600px){
	.quick-con{right:1rem;}
}

@media (max-width:500px){
	.popUp {width:90%;}
}