@charset "UTF-8";

.main{position:relative;}
.main .cont-wrap{overflow:hidden; position:relative; padding-top:0 !important;}
.cont-wrap > section {margin-top: 144rem;}
.cont-wrap > section .tit-wrap{display:flex; align-items: center; justify-content: space-between;}
.cont-wrap > section .tit-wrap .tit {overflow:hidden; height:68rem; font-family: "Arvo-Bold"; font-size: 56rem; color: #2d2926; line-height: 120%;}
.cont-wrap > section .tit-wrap .tit span{position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.cont-wrap > section .more-btn{overflow:hidden; height:max(21rem, 18px);}
.cont-wrap > section .more-btn span{position:relative; top:80rem; padding-right:29rem; color:#8D9093; background:url("/common/de/images/icon-view-more-arrow-gray.svg") no-repeat right center/24rem auto; opacity:0; transition:top 1s ease, opacity 1s ease;}
.cont-wrap > section .more-btn.plus span{background:url("/common/de/images/icon-view-more-plus-gray.svg") no-repeat right center/24rem auto;}
.cont-wrap > section .tit-wrap.active .tit span{top:0; opacity:1;}
.cont-wrap > section .tit-wrap.active .more-btn span{top:0; opacity:1; transition-delay:0.1s}
.cont-wrap > section .border-btn{padding:19rem 55rem; border:1px solid #fff; border-radius:8rem;}
.cont-wrap > section .border-btn span{font-size: max(18rem, 16px); color:#fff; font-family: "InterTight-Bold";}
.main .quick-fixed-area{display:none;}

@media all and (max-width: 1023px) {
  .cont-wrap > section{margin-top:80rem;}
  .cont-wrap > section .tit-wrap .tit {height:32rem; font-size: 24rem;  line-height: 140%;}
  .cont-wrap > section .tit-wrap .tit span{top:32rem;}
  .cont-wrap > section .more-btn span{padding-right:24rem; background-size:16rem 16rem;}
}

.intro-bg{overflow:hidden; position:fixed; top:0; left:0; width:140%; height:100%; clip-path:polygon(0 0, 90% 0%, 80% 100%, 0% 100%); background:#000; transition:width 0.8s ease; z-index:201;}
.intro-bg.hide-bg{width:0;}
.intro-bg video{position:absolute; top:0; left:0; width:100vw; height:100vh; object-fit: cover;}

/* Visual */
/* style.css로 이동 */

/* Product */
.product-area{position:relative;}
.product-area .dirt{display:none;}
.product-area .plant{display:none;}
.product-area .product-list{margin-top:56rem;}
.product-area .product-list .swiper-wrapper .list{position:relative;}
.product-area .product-list .swiper-wrapper .list:after{display:block; content:""; position:absolute; top:0; left:0; width:200%; height:200%; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 75%); background:#DE4826; transition:top 1.2s ease; z-index:2;}
.product-area .product-list .swiper-pagination{opacity:0;}
.product-area .product-list.active .list:after{top:-200%}
.product-area .flow-box{display:none;}
.product-area .new-product-area{display:none;}
.product-area .swipe-cursor{display:none;}

.product-area.thumbnail-type .dirt{display:block; position:absolute; bottom:277rem; left:0; width:298rem;}
.product-area.thumbnail-type .dirt img{width:100%;}
.product-area.thumbnail-type .plant{display:block; position:absolute; bottom:-186rem; right:0; width:208rem; z-index:2;}
.product-area.thumbnail-type .plant img{width:100%;}
.product-area.thumbnail-type .swiper-wrapper{display:flex; flex-wrap:wrap; gap:40rem;}
.product-area.thumbnail-type .swiper-wrapper .swiper-slide{overflow:hidden; position:relative; width:calc((100% - 40rem) / 2); border-radius:16rem;}
.product-area.thumbnail-type .swiper-wrapper .list{display:block; position:relative;}
.product-area.thumbnail-type .swiper-wrapper .list .img{overflow:hidden; width:100%; height:600rem;}
.product-area.thumbnail-type .swiper-wrapper .list .img img{transform:scale(1); width:100%; height: 100%; object-fit: cover; transition:transform 0.6s ease;}
.product-area.thumbnail-type .swiper-wrapper .list .txt-div{position:absolute; left:48rem; bottom:48rem; transition:bottom 0.4s ease;}
.product-area.thumbnail-type .swiper-wrapper .list .txt-div .tit{color:#fff;}
.product-area.thumbnail-type .swiper-wrapper .list .txt-div .txt{margin-top:16rem; color:#fff;}
.product-area.thumbnail-type .swiper-wrapper .list .more-btn{position:absolute; left:48rem; bottom:48rem; opacity:0; transition:opacity 0.4s ease;}
.product-area.thumbnail-type .swiper-wrapper .list .more-btn span{top:0; color:#fff; opacity:1; background:url("/common/de/images/icon-view-more-arrow-white.svg") no-repeat right center/24rem auto; transition:opacity 0.4s ease;}
.product-area.thumbnail-type .swiper-wrapper .list:hover .img img{transform:scale(1.1);}
.product-area.thumbnail-type .swiper-wrapper .list:hover .txt-div{bottom:112rem;}
.product-area.thumbnail-type .swiper-wrapper .list:hover .more-btn{opacity:1;}
.product-area.thumbnail-type .product-list.active .swiper-slide:nth-child(2) .list .img:after{transition-delay:0.1s}
.product-area.thumbnail-type .product-list.active .swiper-slide:nth-child(3) .list .img:after{transition-delay:0.2s}
.product-area.thumbnail-type .product-list.active .swiper-slide:nth-child(4) .list .img:after{transition-delay:0.3s}

.product-area.flow-txt-type{overflow:hidden; margin-top:0; padding-top:144rem; width:100%; background:#2D2926}
.product-area.flow-txt-type .inner{position:relative;}
.product-area.flow-txt-type .tit-wrap .tit span{color:#fff;}
.product-area.flow-txt-type .more-btn span{color:#aaa;}
.product-area.flow-txt-type .swiper-container{overflow:visible;}
.product-area.flow-txt-type .product-list .swiper-slide{overflow:hidden; position:relative;  margin-right:40rem; width:534rem; height:719rem; border-radius:16rem;}
.product-area.flow-txt-type .product-list .swiper-slide .list{display:block; position:relative; padding:60rem; width:100%; height:100%;}
.product-area.flow-txt-type .product-list .swiper-slide .list:before{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); opacity:1; transition:opacity 0.4s ease; z-index:1;}
.product-area.flow-txt-type .product-list .swiper-slide .img{position:absolute; top:0; left:0; width:100%; height:100%;}
.product-area.flow-txt-type .product-list .swiper-slide .img:before{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:204rem; background:linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)); z-index:1;}
.product-area.flow-txt-type .product-list .swiper-slide .img:after{display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:204rem; background:linear-gradient(to top, rgba(0,0,0,0.4), rgba(0,0,0,0)); z-index:1;}
.product-area.flow-txt-type .product-list .swiper-slide .img img{width:100%; height:100%; object-fit: cover;}
.product-area.flow-txt-type .product-list .swiper-slide-active .list:before{opacity:0; transition:none;}
.product-area.flow-txt-type .product-list .swiper-slide:hover .list:before{opacity:0;}
.product-area.flow-txt-type .product-list .swiper-slide .txt-div{position:relative; z-index:1;}
.product-area.flow-txt-type .product-list .swiper-slide .txt-div .tit{color:#fff;}
.product-area.flow-txt-type .product-list .swiper-slide .txt-div .txt{margin-top:10rem; color:#fff;}
.product-area.flow-txt-type .product-list .swiper-slide .more-btn{position:relative; margin-top:30rem; z-index:1;}
.product-area.flow-txt-type .product-list .swiper-slide .more-btn span{top:0; opacity:1; color:#fff; background:url("/common/de/images/icon-view-more-arrow-white.svg") no-repeat right center/24rem auto}
.product-area.flow-txt-type .flow-box {overflow: hidden; display:block; position: absolute; bottom:60rem; left:50%; transform:translateX(-50%); width: 100vw; height: 120rem; z-index:1; opacity:0; transition:opacity 1s ease;}
.product-area.flow-txt-type.active .flow-box{opacity:1; transition-delay:0.4s}
.product-area.flow-txt-type .flow-area {position: absolute; left: 0; display: flex; height: 120rem;}
.product-area.flow-txt-type .flow-area .flow-list {position:relative; padding-right: 104rem;} /* 사이 간격은 padding 값으로 조절 */
.product-area.flow-txt-type .flow-area .flow-list:after{display:block; content:""; position:absolute; right:40rem; top:50%; transform:translateY(-50%) skew(-20deg); width:24rem; height:12rem; background:#fff;}
.product-area.flow-txt-type .flow-area .flow-list .txt {font-family: "InterTight-BlackItalic"; font-size: 100rem; line-height:120rem; white-space: nowrap; color:#fff; text-transform: uppercase;}
.product-area.flow-txt-type .new-product-area{overflow:hidden; display: flex; align-items: flex-end; justify-content: center; position:relative; margin-top:144rem; padding-bottom:120rem; height:960rem;}
.product-area.flow-txt-type .new-product-area:after{display:block; content:""; position:absolute; top:0; right:-100%; width:200%; height:200%; background:#2D2926; clip-path:polygon(0 0, 100% 0%, 75% 100%, 0% 100%); transition:right 0.8s ease; z-index:1;}
.product-area.flow-txt-type .new-product-area .img{position:absolute; top:0; left:0; width:100%; height:100%;}
.product-area.flow-txt-type .new-product-area .img img{width:100%; height:100%; object-fit: cover;}
.product-area.flow-txt-type .new-product-area .txt-wrap{position: relative; width:1680rem;}
.product-area.flow-txt-type .new-product-area .txt-wrap .left{position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.product-area.flow-txt-type .new-product-area .txt-wrap .left .f-body2-m{color:#fff;}
.product-area.flow-txt-type .new-product-area .txt-wrap .left .f-big-t2{margin-top:16rem; color:#fff;}
.product-area.flow-txt-type .new-product-area .txt-wrap .right .border-btn2{background:transparent}
.product-area.flow-txt-type .new-product-area .txt-wrap .right{display:flex; justify-content: space-between; align-items: flex-end; position:relative; top:80rem; margin-top:38rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.product-area.flow-txt-type .new-product-area .txt-wrap .right .swiper-container{margin-right:0;}
.product-area.flow-txt-type .new-product-area .txt-wrap .right .series-info-wrap{column-gap: 60rem;}
.product-area.flow-txt-type .new-product-area.active:after{right:100%;}
.product-area.flow-txt-type .new-product-area.active .txt-wrap .left{top:0; opacity:1; transition-delay:0.5s}
.product-area.flow-txt-type .new-product-area.active .txt-wrap .right{top:0; opacity:1; transition-delay:0.6s}

.product-area.swiper-type{overflow:hidden; width:100%;}
.product-area.swiper-type .product-list:hover .swiper-container{cursor:none !important}
.product-area.swiper-type .product-list:hover .swiper-container .swiper-wrapper .swiper-slide .list{cursor:none !important}
.product-area.swiper-type .swiper-container{overflow:visible;}
.product-area.swiper-type .swiper-slide{overflow:hidden; margin-right:40rem; height:700rem; border-radius:16rem;}
.product-area.swiper-type .swiper-slide.long{width:1107rem;}
.product-area.swiper-type .swiper-slide.short{width:446rem;}
.product-area.swiper-type .swiper-slide .list{display:flex; flex-direction: column; justify-content: flex-end; position:relative; height:100%;}
.product-area.swiper-type .swiper-slide.short .list{padding:56rem;}
.product-area.swiper-type .swiper-slide.long .list{padding:56rem 64rem;}
.product-area.swiper-type .swiper-slide .list .img{position:absolute; top:0; left:0; width:100%; height:100%;}
.product-area.swiper-type .swiper-slide .list .img:after{display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.product-area.swiper-type .swiper-slide .list .img img{transform:scale(1); width:100%; height:100%; object-fit: cover; transition:transform 0.8s ease;}
.product-area.swiper-type .swiper-slide .list .txt-div{position:relative; bottom:0; transition:bottom 0.4s ease;}
.product-area.swiper-type .swiper-slide .list .txt-div .tit{color:#fff;}
.product-area.swiper-type .swiper-slide .list .txt-div .txt{margin-top:20rem; color:#fff;}
.product-area.swiper-type .swiper-slide .list .more-btn{position:absolute; bottom:56rem; opacity:0; transition:opacity 0.4s ease;}
.product-area.swiper-type .swiper-slide .list .more-btn.short{left:56rem;}
.product-area.swiper-type .swiper-slide .list .more-btn.long{left:64rem;}
.product-area.swiper-type .swiper-slide .list .more-btn span{top:0; opacity:1; color:#fff; background:url("/common/de/images/icon-view-more-arrow-white.svg") no-repeat right center/24rem auto}
.product-area.swiper-type .swiper-wrapper .list:hover .img img{transform:scale(1.1);}
.product-area.swiper-type .swiper-wrapper .list:hover .txt-div{bottom:60rem;}
.product-area.swiper-type .swiper-wrapper .list:hover .more-btn{opacity:1;}
.product-area.swiper-type .swipe-cursor{display:block; position:fixed; top:0; left:0; transform:translate(1px, 1px); opacity:0; transition:opacity 0.3s ease; z-index:3; pointer-events: none;}
.product-area.swiper-type .swipe-cursor.on{opacity:1;}
.product-area.swiper-type .swipe-cursor .img{display:flex; align-items: center; justify-content: center; transform:translate(-50%, -50%); width:135rem; height:120rem; background: url("/common/de/images/img-main-mouse-cursor.png") no-repeat center center/cover;}


@media all and (max-width: 1023px) {
  .product-area.swiper-type .swipe-cursor {display: none;}
  .product-area.swiper-type .product-list:hover .swiper-container{cursor:unset !important}
  .product-area.swiper-type .product-list:hover .swiper-container .swiper-wrapper .swiper-slide .list{cursor:pointer !important}

  .main .product-area{overflow:hidden; position:relative; padding-bottom:64rem; margin-top:56rem !important; padding-top:0 !important; width:100%;}
  .product-area .tit-wrap .more-btn{position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:1; }
  .product-area .product-list{margin-top:24rem; position:relative;}

  .product-area.thumbnail-type .dirt{bottom:817rem; left:-25rem; width:200rem;}
  .product-area.thumbnail-type .plant{right:-40rem; bottom:-46rem; width:160rem;}
  .product-area.thumbnail-type .swiper-wrapper{flex-wrap:wrap; gap:16rem 0;}
  .product-area.thumbnail-type .swiper-wrapper .swiper-slide{width:100%; border-radius:8rem;}
  .product-area.thumbnail-type .swiper-wrapper .list .img{height:450rem;}
  .product-area.thumbnail-type .swiper-wrapper .list .txt-div{left:24rem; bottom:60rem;}
  .product-area.thumbnail-type .swiper-wrapper .list .txt-div .txt{margin-top:8rem;}
  .product-area.thumbnail-type .swiper-wrapper .list .more-btn{left:24rem; bottom:24rem; opacity:1;}
  .product-area.thumbnail-type .swiper-wrapper .list:hover .txt-div{bottom:60rem;}
  .product-area.thumbnail-type .swiper-wrapper .list .more-btn span{padding-right:24rem; background-size:16rem 16rem;}

  .main .product-area.flow-txt-type{margin-top:0 !important; padding:56rem 0 0 !important;}
  .product-area.flow-txt-type .product-list{padding-bottom:80rem;}
  .product-area.flow-txt-type .product-list .swiper-slide{margin:0 8rem; width:90%; height:600rem;}
  .product-area.flow-txt-type .product-list .swiper-slide .list{padding:24rem;}
  .product-area.flow-txt-type .product-list .swiper-slide .txt-div .txt{margin-top:8rem;}
  .product-area.flow-txt-type .product-list .swiper-slide .more-btn{margin-top:24rem;}
  .product-area.flow-txt-type .product-list .swiper-pagination{display:block; left:50%; top:auto; bottom:58rem; transform:translateX(-50%); height:2px; width:90%; opacity:1; background:rgba(255,255,255,0.2)}
  .product-area.flow-txt-type .product-list .swiper-pagination .swiper-pagination-progressbar-fill{background:#DE4826}
  .product-area.flow-txt-type .flow-box{bottom:117rem; height:48rem;}
  .product-area.flow-txt-type .flow-area{height:48rem;}
  .product-area.flow-txt-type .flow-area .flow-list{padding-right:64rem;}
  .product-area.flow-txt-type .flow-area .flow-list:after{right:20rem; height:8rem;}
  .product-area.flow-txt-type .flow-area .flow-list .txt{font-size:40rem; line-height:48rem;}
  .product-area.flow-txt-type .new-product-area{flex-wrap:wrap; margin-top:80rem; padding-bottom:0; height:auto;}
  .product-area.flow-txt-type .new-product-area .img{position:relative; height:400rem;}
  .product-area.flow-txt-type .new-product-area .txt-wrap{flex-wrap:wrap; padding:40rem 20rem 0; background:#fff;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .left{width:100%;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .left .f-body2-m{color:#888;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .left .f-big-t2{margin-top:8rem; color:#2D2926;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right{flex-wrap:wrap; align-items: flex-start; flex-direction: column-reverse; margin-top:40rem;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right .swiper-container{margin-left:0;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right .series-info-wrap{column-gap: 0;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right .info-w{margin-right:40rem;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right .info-w:last-child{margin-right:0;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right .info-w .tit{color:#888; font-size:14rem; font-family: "InterTight-SemiBold";}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right .info-w .txt{font-size:12rem; color:#2D2926;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right .info-w .number{color:#2D2926;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right .info-w .unit{color:#2D2926;}
  .product-area.flow-txt-type .new-product-area .txt-wrap .right .border-btn2{margin-top:40rem;}

  .product-area.swiper-type{padding-bottom:56rem;}
  .product-area.swiper-type .swiper-container{padding-bottom:22rem;}
  .product-area.swiper-type .swiper-slide{margin-right:8rem; height:400rem; border-radius:8rem;}
  .product-area.swiper-type .swiper-slide.long,
  .product-area.swiper-type .swiper-slide.short{width:100%;}
  .product-area.swiper-type .swiper-slide.short .list,
  .product-area.swiper-type .swiper-slide.long .list{padding:24rem;}
  .product-area.swiper-type .swiper-slide .list .txt-div .txt{margin-top:8rem;}
  .product-area.swiper-type .swiper-slide .list .more-btn{position:relative; bottom:0; margin-top:16rem; opacity:1;}
  .product-area.swiper-type .swiper-slide .list .more-btn span{background-size:16rem auto;}
  .product-area.swiper-type .product-list .swiper-pagination{overflow:hidden; top:auto; bottom:0; width:100%; height:2px; background:#E6E6E6; opacity:1;}
  .product-area.swiper-type .product-list .swiper-pagination .swiper-pagination-progressbar-fill{background:#DE4826}
  .product-area.swiper-type .swiper-wrapper .list:hover .txt-div{bottom:0;}
}

@media all and (max-width: 599px) {
  .product-area.thumbnail-type .swiper-wrapper .list .img{height:240rem;}
  .product-area.thumbnail-type .dirt{bottom:397rem;}
  .product-area.thumbnail-type .plant{right:-20rem; width:122rem;}

  .product-area.flow-txt-type .product-list .swiper-slide{height:411rem;}
  .product-area.flow-txt-type .new-product-area .img{height:240rem;}

  .product-area.swiper-type .swiper-slide{height:260rem;}
}

/* Newsroom */
.newsroom-area{overflow:hidden; position: relative; width:100%; z-index:2;}
.newsroom-area .top-area{display:flex; align-items: center; justify-content: space-between; margin:56rem 0 40rem;}
.newsroom-area .top-area .tab-btn-con{display:flex; column-gap: 40rem; position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.newsroom-area .top-area .form-select{display:none;}
.newsroom-area .con-area .con{display:none}
.newsroom-area .con-area .con.on{display:block}
.newsroom-area .con-area .con .tit-div{display:none; align-items: center; justify-content: space-between; margin-bottom:24rem;}
.newsroom-area .con-area .con .tit-div .tit{color:#8D9093;}
.newsroom-area .swiper-slide .img{overflow:hidden; position:relative; width:100%; border-radius:8rem; background: url("/common/de/images/icon-no-img.svg") no-repeat center center/240rem auto #8D9093;}
.newsroom-area .swiper-slide .img img{width:100%; height:100%; object-fit: cover;}
.newsroom-area .swiper-slide .facebook .img:before{display:block; content:""; position:absolute; left:0; top:0; width:48rem; height:48rem; background:url("/common/de/images/icon-newsroom-facebook.svg") no-repeat center center/11rem auto #2D2926; border-radius:8rem 0 8rem 0; z-index:1;}
.newsroom-area .swiper-slide .youtube .img:before{display:block; content:""; position:absolute; left:0; top:0; width:48rem; height:48rem; background:url("/common/de/images/icon-newsroom-youtube.svg") no-repeat center center/24rem auto #2D2926; border-radius:8rem 0 8rem 0; z-index:1;}
.newsroom-area .swiper-slide .insta .img:before{display:block; content:""; position:absolute; left:0; top:0; width:48rem; height:48rem; background:url("/common/de/images/icon-newsroom-instagram.svg") no-repeat center center/26rem auto #2D2926; border-radius:8rem 0 8rem 0; z-index:1;}
.newsroom-area .swiper-slide .txt-div{margin-top:24rem;}
.newsroom-area .swiper-slide .txt-div .date{color:#888;}
.newsroom-area .swiper-slide .txt-div .tit{overflow:hidden; margin-top:16rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:color 0.3s ease;}
.newsroom-area .swiper-slide .txt-div .more-btn{margin-top:24rem;}
.newsroom-area .swiper-slide .txt-div .more-btn span{top:0; background:none; opacity:1;}
.newsroom-area .swiper-slide .txt-div .more-btn span:after{display:block; content:""; position:absolute; right:10rem; top:50%; transform:translateY(-50%); width:24rem; height:24rem; background:url("/common/de/images/icon-view-more-arrow-gray.svg") no-repeat right center/24rem auto; opacity:0; transition:right 0.3s ease, opacity 0.3s ease;}
.newsroom-area .swiper-wrapper .swiper-slide .img:after{display:block; content:""; position:absolute; top:0; left:0; width:200%; height:200%; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 75%); background:#DE4826; transition:top 1.2s ease;}
.newsroom-area .swiper-slide:hover .txt-div .tit{color:#DE4826}
.newsroom-area .swiper-slide:hover .more-btn span:after{right:0; opacity:1;}
.newsroom-area .more-btn-w{display:none;}
.newsroom-area .plant{display:none;}
.newsroom-area .dirt{display:none;}
.newsroom-area.active .top-area .more-btn.plus span{top:0; opacity:1;}
.newsroom-area.active .top-area .tab-btn-con{top:0; opacity:1; transition-delay:0.1s}
.newsroom-area.active .swiper-slide .img:after{top:-200%;}

.newsroom-area.swiper-type .swiper-container{overflow:visible; width:100%;}
.newsroom-area.swiper-type .list-wrap{position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.newsroom-area.swiper-type .list-wrap .swiper-slide{margin-right:40rem; width:390rem;}
.newsroom-area.swiper-type .list-wrap .swiper-slide:last-child{margin-right:0;}
.newsroom-area.swiper-type .list-wrap .swiper-slide .list{display: block;}
.newsroom-area.swiper-type .list-wrap .swiper-slide .img{position:relative; height:300rem;}
.newsroom-area.swiper-type.active .list-wrap{top:0; opacity:1; transition-delay:0.1s}

.newsroom-area.all-view-type .top-area{display:none;}
.newsroom-area.all-view-type .con-area{margin-top:60rem;}
.newsroom-area.all-view-type .con-area .con{display:block; position: relative; margin-top:40rem; z-index:1;}
.newsroom-area.all-view-type .con-area .con .list-wrap{position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.newsroom-area.all-view-type .con-area .con .tit-div{display:flex; position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.newsroom-area.all-view-type .con-area .con .tit-div .more-btn span{top:0; opacity:1;}
.newsroom-area.all-view-type .con-area .con .swiper-slide .img:after{top:0; z-index:2; }
.newsroom-area.all-view-type .swiper-wrapper{column-gap: 40rem;}
.newsroom-area.all-view-type .swiper-wrapper .swiper-slide{width:390rem;}
.newsroom-area.all-view-type .swiper-wrapper .swiper-slide .img{height:240rem;}
.newsroom-area.all-view-type .con-area .con.active .tit-div{top:0; opacity:1;}
.newsroom-area.all-view-type .con-area .con.active .list-wrap{top:0; opacity:1; transition-delay:0.1s}
.newsroom-area.all-view-type .con-area .con.active .swiper-slide .img:after{top:-200%; transition-delay:0.2s}
.newsroom-area.all-view-type .dirt{display:block; position:absolute; top:82rem; left:0;}
.newsroom-area.all-view-type .dirt img{width:298rem;}

.newsroom-area.big-thumb-type .con-area .swiper-wrapper{flex-wrap:wrap; gap:48rem 40rem; padding-left:860rem; width:820rem; height:auto; transform:none;}
.newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide{width:390rem;}
.newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide:first-child{position:absolute; top:0; left:0; width:764rem;}
.newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide:first-child .list{position:absolute; top:0; left:0;}
.newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide .img{overflow:hidden; position:relative; height:240rem; border-radius:16rem;}
.newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide .img img{transform:scale(1); transition:transform 0.6s ease;}
.newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide:hover .img img{transform:scale(1.1);}
.newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide:first-child .img{height:472rem;}
.newsroom-area.big-thumb-type .con-area .swiper-slide .youtube .img:after{height:48rem;}
.newsroom-area.big-thumb-type .con-area .swiper-slide .insta .img:after{height:48rem;}
.newsroom-area.big-thumb-type .plant{display:block; position:absolute; bottom:263rem; left:0;}
.newsroom-area.big-thumb-type .plant img{width:196rem;}
.newsroom-area.big-thumb-type.active .swiper-wrapper .swiper-slide .img:after{top:-200%;}
.newsroom-area.big-thumb-type.active .swiper-wrapper .swiper-slide:not(:nth-child(1)) .img:after{transition-delay:0.2s}

@media all and (max-width: 1023px) {
  .newsroom-area .top-area{flex-wrap:wrap; margin:24rem 0 20rem;}
  .newsroom-area .top-area .left{width:100%;}
  .newsroom-area .top-area .tab-btn-con{column-gap: 24rem}
  .newsroom-area .top-area .tab-btn-con .tab-btn{font-size:18rem;}
  .newsroom-area .top-area .more-btn{position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
  .newsroom-area .swiper-slide .img{background-size:100rem auto; border-radius:4rem;}
  .newsroom-area .swiper-slide .facebook .img:before,
  .newsroom-area .swiper-slide .youtube .img:before,
  .newsroom-area .swiper-slide .insta .img:before
  {width:24rem; height:24rem; border-radius:4rem 0;}
  .newsroom-area .swiper-slide .facebook .img:before{background-size:5rem auto;}
  .newsroom-area .swiper-slide .youtube .img:before,
  .newsroom-area .swiper-slide .insta .img:before
  {background-size:14rem auto;}
  .newsroom-area .swiper-slide .txt-div{margin-top:20rem;}
  .newsroom-area .swiper-slide .txt-div .tit{margin-top:8rem;}
  .newsroom-area .swiper-slide .txt-div .more-btn{margin-top:16rem;}
  .newsroom-area .swiper-slide .txt-div .more-btn span:after{right:0; width:16rem; height:16rem; background-size:16rem 16rem; opacity:1;}
  
  .newsroom-area.swiper-type .list-area {padding-bottom: 56rem;}
  .newsroom-area.swiper-type .list-wrap .swiper-slide{margin-right:16rem; width:80%;}
  .newsroom-area.swiper-type .list-wrap .swiper-slide .img{height:360rem;}

  .newsroom-area.big-thumb-type .top-area .right{width:100%;}
  .newsroom-area.big-thumb-type .list-area{padding-bottom:64rem;}
  .newsroom-area.big-thumb-type .con-area .swiper-wrapper{flex-wrap:wrap; gap:40rem 8rem; padding:0; width:100%; height:auto; transform:none;}
  .newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide{width:calc((100% - 8rem) / 2)}
  .newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide:first-child{position:relative; width:100%;}
  .newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide:first-child .list{position:relative; width:100%;}
  .newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide .img{border-radius:4rem; background-size:64rem auto;}
  .newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide:first-child .img{height:350rem;}
  .newsroom-area.big-thumb-type .plant{bottom:733rem; left:-30rem;}
  .newsroom-area.big-thumb-type .plant img{width:120rem;}

  .newsroom-area.all-view-type .con-area{margin-top:-8rem;}
  .newsroom-area.all-view-type .con-area .con{margin-top:32rem;}
  .newsroom-area.all-view-type .con-area .con .tit-div{margin-bottom:20rem;}
  .newsroom-area.all-view-type .con-area .con .tit-div .more-btn{display:none;}
  .newsroom-area.all-view-type .swiper-container{overflow:visible}
  .newsroom-area.all-view-type .swiper-wrapper{column-gap: 0;}
  .newsroom-area.all-view-type .swiper-wrapper .swiper-slide{margin-right:16rem; width:85%;}
  .newsroom-area.all-view-type .swiper-wrapper .swiper-slide:last-child{margin-right:0;}
  .newsroom-area.all-view-type .swiper-wrapper .swiper-slide .img{height:350rem;}
  .newsroom-area.all-view-type .more-btn-w{display:block; margin-top:40rem; text-align: center;}
  .newsroom-area.all-view-type .dirt{display:none;}
  .newsroom-area.all-view-type .more-btn-w.active span{top:0; opacity:1;}
}

@media all and (max-width: 599px) {
  .newsroom-area.swiper-type .list-wrap .swiper-slide .img{height:190rem;}

  .newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide .img{height:124rem;}
  .newsroom-area.big-thumb-type .con-area .swiper-wrapper .swiper-slide:first-child .img{height:190rem;}
  .newsroom-area.big-thumb-type .plant{bottom:593rem;}

  .newsroom-area.all-view-type .con-area .swiper-wrapper .swiper-slide{width:75%;}
  .newsroom-area.all-view-type .con-area .swiper-wrapper .swiper-slide .img{height:150rem;}
}


/* Contact us */
.contactus-area{position:relative; z-index:1;}
.contactus-area.bg-type {overflow:hidden; position:relative; margin-top:144rem !important; padding: 120rem 0; background: url("/common/de/images/bg-main-contact-us.jpg") no-repeat center center/cover;}
.contactus-area.bg-type:after{display:block; content:""; position:absolute; top:-1px; right:-100%; width:200%; height:200%;  clip-path:polygon(0 0, 100% 0%, 75% 100%, 0% 100%); transition:right 0.8s ease; background:#fff; z-index:1;}
.contactus-area.bg-type .inner {display: flex; align-items: flex-start; justify-content: space-between;}
.contactus-area.bg-type .inner .tit-wrap {display: block; position:relative; top:80rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.contactus-area.bg-type .inner .tit-wrap .tit {color: #fff;}
.contactus-area.bg-type .inner .tit-wrap .f-title3 {margin-top:40rem; color: #fff;}
.contactus-area.bg-type .inner .tit-wrap .num {margin-top: 120rem; color: #fff;}
.contactus-area.bg-type .inner .tit-wrap .txt {margin-top: 24rem; color: #fff;}
.contactus-area.bg-type .inner .tit-wrap .txt + .txt {margin-top: 10rem;}
.contactus-area.bg-type .inner .data-form-w{position:relative; top:80rem; margin-right:143rem; width:540rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.contactus-area.bg-type .inner .data-form-w .required-txt{margin:0 0 20rem 0; color:#fff;}
.contactus-area.bg-type .inner .data-form .row .th p{color:#fff;}
.contactus-area.bg-type .inner .data-form .row .form-checkbox input + label span{color:#fff;}
.contactus-area.bg-type .inner .data-form .row .form-checkbox input:checked + label{background:url("/common/de/images/icon-checkbox-checked-red.svg") left top 1px / max(20rem, 18px) no-repeat}
.contactus-area.bg-type .inner > .btn-wrap{display:none;}
.contactus-area.bg-type .inner .img{display:none;}
.contactus-area.bg-type.active:after{right:100%;}
.contactus-area.bg-type.active .inner .tit-wrap{top:0; opacity:1; transition-delay:0.5s}
.contactus-area.bg-type.active .inner .data-form-w{top:0; opacity:1; transition-delay:0.6s}

.contactus-area.link-type{padding-bottom:105rem;}
.contactus-area.link-type .inner{position:relative; top:80rem; height:596rem; background:url("../images/img-contact-us-kioti-logo.png") no-repeat right top/auto 100% #7D746E; border-radius: 20rem; opacity:0; transition:top 1s ease, opacity 1s ease;}
.contactus-area.link-type .inner .tit-wrap{display:none;}
.contactus-area.link-type .inner .data-form-w{display:none;}
.contactus-area.link-type .inner > .btn-wrap{display:block; position:absolute; top:55%; left:120rem; transform:translateY(-50%); opacity:0; transition:top 1s ease, opacity 1s ease;}
.contactus-area.link-type .inner > .btn-wrap .tit{font-family: "InterTight-Bold"; font-size: max(48rem, 32px); line-height: 125%; color:#fff;}
.contactus-area.link-type .inner > .btn-wrap .border-btn2{display:flex; justify-content: center; margin-top:60rem; padding:15rem 0; width:181rem; border:1px solid #fff; background:transparent}
.contactus-area.link-type .inner > .btn-wrap .border-btn2 span{color:#fff; font-family: "InterTight-SemiBold";}
.contactus-area.link-type .inner .img{position:absolute; right:0rem; bottom:-105rem; width:700rem; opacity:0; transition:right 1s ease, opacity 1s ease;}
.contactus-area.link-type .inner .img img{width:100%;}
.contactus-area.link-type.active .inner{top:0; opacity:1;}
.contactus-area.link-type.active .inner .btn-wrap{top:50%; opacity:1; transition-delay:0.1s}
.contactus-area.link-type.active .inner .img{right:48rem; opacity:1; transition-delay:0.2s}

@media all and (max-width: 1279px) {
  .contactus-area.bg-type .inner .input-form-wrap{margin-right:50rem; width:750rem;}
  .contactus-area.bg-type .inner .input-form-wrap .input-div .tit{width:220rem;}
  .contactus-area.bg-type .inner .input-form-wrap .input-div .tit + *{width:calc(100% - 220rem);}
  .contactus-area.bg-type .inner .input-form-wrap .confirm-btn .border-btn{width:calc(100% - 220rem)}
}

@media all and (max-width: 1023px) {
  .contactus-area.bg-type{margin-top:80rem !important;}
  .contactus-area.bg-type{padding:56rem 0 80rem;}
  .contactus-area.bg-type .inner{flex-wrap:wrap;}
  .contactus-area.bg-type .inner .tit-wrap .f-title3{margin-top:20rem;}
  .contactus-area.bg-type .inner .tit-wrap .num{margin-top:32rem;}
  .contactus-area.bg-type .inner .tit-wrap .txt{margin-top:16rem;}
  .contactus-area.bg-type .inner .data-form-w{margin:40rem 0 0 0; width:100%;}
  .contactus-area.bg-type .inner .data-form-w .required-txt{margin:0 0 16rem 0;}

  .contactus-area.link-type{padding-bottom:46rem;}
  .contactus-area.link-type .inner{left:10rem; padding:40rem 32rem 80rem; width:calc(100% - 20rem); height:auto; background:#7D746E; border-radius:8rem 0 0 8rem;}
  .contactus-area.link-type .inner > .btn-wrap{position:relative; left:0; transform:translateY(0);}
  .contactus-area.link-type .inner > .btn-wrap .tit{font-size:24rem;}
  .contactus-area.link-type .inner > .btn-wrap .border-btn2{margin-top:32rem; padding:12rem 0; width:145rem;}
  .contactus-area.link-type .inner .img{right:-40rem; bottom:-46rem; width:214rem;}
  .contactus-area.link-type.active .inner .img{right:0;}
}

/* 메인 팝업 */
.main-popup {display: none; align-items: center; justify-content: center; position: fixed; left: 0; top:0; width:100%; height: 100%; z-index:200; background:rgba(0,0,0,0.5);}
.main-popup .for-center {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.main-popup .pop-wrap {display: flex; align-items: center; justify-content: center; position:relative; width: max(660rem, 500px); max-height: max(495rem, 370px); height: 100%; background-color: transparent;}
.main-popup .pop-wrap .pop-con-area {position: relative; display: flex; flex-direction: column; width: 100%; max-height: 100%; height: auto; background-color: #fff;}
.main-popup .pop-wrap .pop-con-area .swiper-container {position: relative; padding-bottom:1rem; width:100%; height: 100%; max-height: 100%;}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide{overflow:hidden; max-height:max(495rem, 370px);}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide img{width:100%;}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide > .scroll-area{height:100%; max-height:max(496rem, 370px); overflow-y: auto;}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide > .scroll-area::-webkit-scrollbar {width: max(4rem, 4px); background: transparent;}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide > .scroll-area::-webkit-scrollbar-thumb {width: max(4rem, 4px); background: #8D9093;}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area{overflow:hidden; padding:80rem 0 0 56rem; max-height:max(420rem, 340px);}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area .scroll-area{padding:0 46rem 0 0; height:100%; max-height:max(340rem, 295px); overflow-y: auto;}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area .scroll-area::-webkit-scrollbar {width: max(4rem, 4px); background: transparent;}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area .scroll-area::-webkit-scrollbar-thumb {width: max(4rem, 4px); background: #8D9093;}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area .title{font-size:40rem; line-height:125%; font-family: "Arvo-Bold";}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area .txt{margin-top:24rem;}
.main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area img{margin-top:24rem;}
.main-popup .pop-wrap .pop-con-area .swiper-container .control-area{display:flex; align-items: center; column-gap: 18rem; position:absolute; top:20rem; right:20rem; padding:6rem 16rem 6rem 20rem; min-width:94rem; background:rgba(0,0,0,0.4); z-index:1; border-radius: 18rem;}
.main-popup .pop-wrap .pop-con-area .swiper-container .control-area .swiper-pagination{position:relative; color:#fff; font-size:max(16rem, 14px); letter-spacing: -1.5px;}
.main-popup .pop-wrap .pop-con-area .swiper-container .control-area .control-btn{display:block; width:16rem; height:16rem;}
.main-popup .pop-wrap .pop-con-area .swiper-container .control-area .control-btn.play{background:url("/common/de/images/icon-visual-pause.svg") no-repeat center center/cover}
.main-popup .pop-wrap .pop-con-area .swiper-container .control-area .control-btn.pause{background:url("/common/de/images/icon-visual-play.svg") no-repeat center center/cover}
.main-popup .pop-wrap .pop-con-area .swiper-button-next{position:absolute; right:-52rem; transform:translateY(-50%); background:url("/common/de/images/icon-swiper-btn-next-white.svg") no-repeat center center/cover}
.main-popup .pop-wrap .pop-con-area .swiper-button-prev{position:absolute; left:-52rem;transform:translateY(-50%); background:url("/common/de/images/icon-swiper-btn-prev-white.svg") no-repeat center center/cover}

.main-popup.first-show {display: block;}

@media all and (max-width: 1023px) {
  #wrap:has(.banner-wrap.on) .main-popup {background:rgba(0,0,0,0.8);}
  .main-popup .for-center{align-items: flex-end;}
  .main-popup .pop-wrap{width:100%; height:550rem;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide{max-height:550rem; border-radius:0;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide > .scroll-area{max-height:550rem;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area{padding:56rem 12rem 0 20rem; max-height:550rem;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area .scroll-area{padding-right:4rem; max-height:400rem;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area .title{font-size:24rem;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area .txt{margin-top:16rem;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .control-area{column-gap:4rem; top:16rem; right:16rem; padding:4rem 12rem; height:25rem; min-width:0;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .control-area .swiper-pagination{font-size:12rem; letter-spacing: -1px;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .control-area .control-btn.play{background-size:12rem auto;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .control-area .control-btn.pause{background-size:12rem auto;}
}

@media all and (max-width: 599px) {
  .main-popup .pop-wrap{width:100%; max-height:270rem;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide > .scroll-area{max-height:270rem;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area{padding:56rem 0 0 20rem; max-height:270rem;}
  .main-popup .pop-wrap .pop-con-area .swiper-container .swiper-slide .txt-area .scroll-area{padding:0 22rem 20rem 0; max-height:215rem}
}