@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css
*      
 * SUMMARY:
 * 1) MAIN animation
 * 2) MAIN CONTENTS
*/

/* **************************************** *
 * 사이트 시작시 커버
 * **************************************** */
.main-cover{position:fixed; opacity:1; visibility:visible; top:0; left:0; z-index:999; width:100%; height:100%; background:#121212; transition:all 1.2s ease 0s;}
.motion-on .main-cover{opacity:0; visibility:hidden;}

/* **************************************** *
 * Main animation set
 * **************************************** */
[data-txt-motion]{}
[data-txt-motion="hidden"]{overflow:hidden;}
[data-txt-motion="hidden"] > span{display:block; opacity:0;}

.swiper-slide-active [data-txt-motion="hidden"] > span{animation:text_hidden_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="left"]{animation:text_left_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="right"]{animation:text_right_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="up"]{animation:text_up_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="down"]{animation:text_down_motion 1.6s ease 0.1s forwards;}

.main-visual__text [data-txt-motion="hidden"]{opacity: 1;}
.main-visual__bg i{transform: scale(1.2); transition:transform 15s ease;}
.swiper-slide-active .main-visual__bg i{transform: scale(1);}

@keyframes text_hidden_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateY(0);}
}
@keyframes text_left_motion {
 from{opacity:0; transform:translateX(70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_right_motion {
 from{opacity:0; transform:translateX(-70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_up_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateX(0);}    
}
@keyframes text_down_motion {
 from{opacity:0; transform:translateY(-70rem);}
 to{opacity:1; transform:translateX(0);}
}

/* **************************************** *
 * Site custom
 * **************************************** */

/* main visual */
.main-visual{position:relative; height:var(--height-full);}
.main-visual-container,
.main-visual-wrapper,
.main-visual .swiper-slide{height:100% !important;}
.main-visual .swiper-slide::before{content:'';position:absolute;background-position:50% 50%;transition:all 1s ease;transform:scale(1);inset:0;background-repeat:no-repeat;background-size: cover;}
.main-visual .swiper-slide .wrap{width:100%;}
.main-visual__bg {position: absolute; top: 50%; left: 50%; width: 100%; height: 100vh; padding:10rem; transform: translate(-50%, -50%);}
.main-visual__bg-inr {overflow: hidden; position: relative; width: 100%; height: 100%; border-radius: var(--br-30);}
.main-visual__bg video {object-fit: cover; width: 100%; height: 100%;}
.main-visual__bg-inr::after {opacity: 0.2; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000;}
.main-visual__bg i{display:block; height:100%; background-position:50% 50%; background-size: cover;}
.main-visual__video{ position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; }
.main-visual__btn{position:relative;width:30rem;height:30rem;cursor:pointer;display: flex;align-items: center;margin: 0 25rem;font-size: 16rem;color: #fff;font-weight: 600;}
.main-visual__btn::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;background-size: 8rem;}
.main-visual__btn > i{}
.main-visual__btn.button-prev{flex-direction: row-reverse;}
.main-visual__controls{position:absolute;top:61vh;left:50%;margin-left: -560rem; margin-top:0; z-index:999;/* width:100%; */}
.main-visual__controls > div{position:relative; display:flex;align-items:center;justify-content: center; margin:0 auto;}
.main-visual__count{display:flex; align-items:center; margin:0 15rem; font-size:15rem; color:#fff;}
.main-visual__count > *{position:relative; top:1px; line-height:1em; font-family:var(--lang-en);}
.main-visual__count i{position:relative; display:flex; align-items:center; position:relative;}
.main-visual__count i:before{content:'0';  font-size:15rem; color:#fff;}
.main-visual__count em{position:relative;}
.main-visual__count em:before{content:'0';  font-size:15rem; color:#fff; line-height:1em;}
.main-visual__count i::after{content:"/"; display:block; margin:0 8rem; color:#fff; font-size:15rem; font-weight:300;}
.main-visual__btn.button-next::after{/* transform:rotate(-90deg); */}
.main-visual__btn.button-prev::after{transform: rotate(180deg);}

.main-visual .swiper-pagination{display:flex; gap:18rem;}
.main-visual .swiper-pagination-bullet{background: var(--f-01);}
.main-visual .swiper-pagination-bullet{opacity:0.4; width:14rem; height:14rem; background:#fff;}
.main-visual .swiper-pagination-bullet-active{opacity:1;}

.main-visual__text{position:absolute; top:37vh; width:100%; color:#fff;}
.main-visual__text h2{overflow:hidden;line-height:1.3;font-weight:800;font-size:var(--font-65);;letter-spacing:-0.6rem;opacity: 0;}
.main-visual__text h2 span{font-weight:800;}
.main-visual__text p{margin-top:17rem;font-weight:700;font-size:23rem;opacity: 0;}

.bar-wrap{position:absolute; top:61vh; display:flex; align-items:center; height:19rem; z-index:50;}
.main-visual__bar{position:relative; display:block; z-index:50; width:200rem; height:3rem; background:rgba(255,255,255,0.3);}
.main-visual__bar > i{position:absolute; width:0%; height:100%; background:#fff;}
.main-visual .swiper-slide-active .main-visual__bar > i{ width: 100%; transition: var(--progress-duration) linear; }

.main-visual__play{position:absolute; top:50%; left:0; z-index:99999; background:#fff; font-size:30rem; cursor:pointer;}
.main-visual__play:not(.on){opacity:0; visibility:hidden;}
.main-visual__play.on{opacity:1; visibility:visible;}

.main-scroll{position:absolute; right:185rem; bottom:0; display: flex; justify-content: center; align-items: center; width:164rem; height:54rem; z-index:10; background:#fff; border-radius:9rem; box-sizing:border-box;}
.main-scroll:before{content:''; position:absolute; left: -10rem; bottom: 9rem; width:10rem; height:10rem; background:url(../img/main/ic-scroll-corner.svg)no-repeat center; background-size:contain;}
.main-scroll:after{content:''; position:absolute; right: -10rem; bottom: 9rem; width:10rem; height:10rem; background:url(../img/main/ic-scroll-corner02.svg)no-repeat center; background-size:contain; }
.main-scroll span{position:relative; margin-bottom:10rem; padding-right:24rem; font-size:14rem; font-weight:500; color:#111; line-height:1em; word-break:keep-all;}
.main-scroll span:before{content:''; position:absolute; top:0; right:0; width:13rem; height:13rem; background:url(../img/main/ic-scroll-arr.svg)no-repeat center; background-size:contain;}

@media (max-width:1680px){
	.main-visual__controls{left:0; margin:0 260rem;}
}


@media (max-width:1200px){
	.main-scroll{right:90rem;}
}
@media (max-width:1023px){
	.main-visual{min-height: 600rem;}
	.main-visual__controls{top:59vh; margin:0 240rem;}
	.bar-wrap{top:59vh;}
	.main-scroll{width:140rem; height:50rem;}
	.main-scroll span{padding-right:19rem;}
}

@media (max-width:860px){
	.main-visual__controls{top:58vh; margin:0 190rem;}
	.bar-wrap{top:58vh; width:150rem; height:16rem;}
	.main-scroll{right:70rem; width:130rem; height:45rem; border-radius:7rem;}
}

@media (max-width:620px){
	.main-visual__bg i{background-position:70% 50%;}
	.visual03 .main-visual__bg i{background-position:50% 50%;}
}
@media (max-width:540px){
	.main-visual{padding:5rem; box-sizing:border-box;}
	.main-visual__bg i{background-position:68.5% 50%;}
	.visual03 .main-visual__bg i{background-position:50% 50%;}
	.main-visual__item{border-radius:15rem; overflow:hidden;}
	.main-visual__bg{padding:0;}
	.main-visual__bg-inr{border-radius:10rem;}
	.main-visual__bg i{position:absolute; top:0; left:0; width:100%;}
	.main-visual__text{top:35vh;}
	.main-visual__text h2{line-height:1.3;}
	.main-visual__count{font-size:11rem; margin:0 10rem;}
	.main-visual__count i:before,
	.main-visual__count em:before,
	.main-visual__count i::after{font-size:11rem;}
	.main-visual__count i::after{margin:0 5rem;}

	.main-visual__controls{top:48.5vh; margin:0 120rem;}
	.bar-wrap{top:48.5vh; width:100rem; height:15rem;}
	.main-visual__bar{height:2rem;}

	.main-scroll{right:40rem; width:90rem; height:30rem; bottom:-5rem; border-radius:5rem;}
	.main-scroll span{font-size:10rem; margin-bottom:5rem; padding-right:15rem;}
	.main-scroll span:before{width:10rem; height:10rem;}
	.main-scroll:after{right:-9rem;}
	.main-scroll:before,
	.main-scroll:after{bottom:4rem;}
	
}



/* about */
.main-about {position: relative;}
.main-about .section-label {position: absolute; left:70rem; top:80rem; margin: 0;}
.main-about__bg {z-index: 1; overflow: hidden; position: absolute; left: 50%; top: 50%; width: 560rem; height: 340rem; margin-top: 70rem; border-radius: var(--br-30); transform:translate(-50%, -50%);}
.main-about__bg-cover{opacity: 0; position: absolute; left:0; top:0; width: 100%; height: 100%; background: #434C50;}
.main-about__intro {height: 100vh; padding:120rem 0; box-sizing:border-box;}
.main-about__intro .wrap-wide {flex-direction: column; height: 100%;}
.main-about__intro em{display:inline-block; margin-bottom:16rem; font-size:var(--font-20); font-weight:700; color: var(--c-01); line-height:1em;}
.main-about__intro h3{font-size:var(--font-55); font-weight:700; color:#222; line-height:1.3em; word-break:keep-all;}
.main-about__cont { z-index: 1; position: absolute; left:0; top:0; flex-direction: column; width: 100%; height: 100%;}
.main-about__cont em{display:inline-block; margin-bottom:16rem; font-size:var(--font-20); font-weight:700; color:#fff; line-height:1em; opacity:0.45; overflow:hidden;}
.main-about__cont em span{opacity: 0; display: inline-block;   font-weight:700; font-family: transform: translateY(20rem);}
.main-about__cont h3 {overflow: hidden; line-height: normal; font-size:var(--font-55); color:#fff; line-height:1.3em; word-break:keep-all;}
.main-about__cont h3 span {opacity: 0; display: inline-block; font-weight: 700; transform: translateY(20rem);}
.main-about__cont h3 + p {overflow: hidden; margin-top: 24rem; font-size: var(--font-18);}
.main-about__cont h3 + p span {opacity: 0; display: inline-block; font-weight: 100; font-family: var(--lang-ko); transform: translateY(20rem);}
.main-about__list {column-gap: 44rem; margin-top:60rem;}
.main-about__item {opacity: 1; display: flex !important; flex-direction: column; justify-content: center; min-width: 300rem; min-height: 350rem; padding: 45rem 20rem 47rem; border-radius: var(--br-30); background:#fff; animation: none !important; transition: none !important; font-family:var(--lang-ko);}
.main-about__item > i{display:flex; flex-direction: column; justify-content: center; align-items: center; width:85rem; height:85rem; border-radius:50rem; margin:0 auto; margin-bottom:20rem;}
.main-about__item.item01 > i{background: rgba(20, 99, 204, 0.07);}
.main-about__item.item02 > i{background: rgba(175, 33, 45, 0.07);}
.main-about__item.item03 > i{background: rgba(229, 148, 18, 0.07);}
.main-about__item i img {max-height:35rem;}
.main-about__item .txt > em{display:inline-block; margin-bottom:10rem; color: var(--b-01); font-size:var(--font-16); font-weight: 400; line-height:1em; word-break:keep-all;}
.main-about__item .txt > div{display:flex; justify-content: center; align-items: flex-end;}
.main-about__item .txt > div i{display:inline-block; margin-right:5rem; font-size: var(--font-16); font-weight:400;}
.main-about__item em span {opacity: 0.6; font-size: var(--font-15);}
.main-about__item .num {font-size: var(--font-45); font-weight:800; line-height:0.85em;}
.main-about__item div span{display: block; margin-left:5rem; font-size: var(--font-19); font-weight:700; text-transform: uppercase;}
.main-about__item.item03 .num{font-size: var(--font-34);}
.main-about__item.item03 div{margin-bottom:10rem;}
.main-about__item.item03 div:last-child{margin:0;}
.main-about__item.item03 div span{font-size: var(--font-16);}


@media (max-width:1480px){
	.main-about__bg {width: 560rem; height: 340rem; margin-top: 70rem;}
}

@media (max-width:1023px){
	.main-about__bg {margin-top: 57rem;}
	.main-about__list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20rem;}
	.main-about__item {min-width:250rem; min-height: 320rem;}
}

@media (max-width:860px){
	.main-about__bg {width: 420rem; height: 270rem; margin-top: 75rem;}
	.main-about__item {min-width:220rem;}
}

@media (max-width: 540px){
	.main-about .section-label {position: relative; left: auto; top: auto; margin-left: 20rem; margin-top: 30rem; margin-bottom: 60rem;}
	.main-about__intro {padding:35rem 0; height: auto;}
	.main-about__intro .wrap-wide {row-gap: 0;}
	.main-about__intro em{margin-bottom:10rem;}
	.main-about__intro p {margin-top: 13rem; font-size: 12rem;}
	.main-about__bg {display: none;}
	.main-about__cont{position: relative; top: auto; height: auto; margin-top:0rem; padding: 40rem 0; background: url(../img/main/about-bg.jpg) no-repeat center / cover;} 
	.main-about__cont::before {opacity: .3; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: #000;}
	.main-about__cont .wrap{width:90%;}
	.main-about__cont h3,
	.main-about__cont em{display:none;}
	.main-about__cont h3 span {opacity: 1; transform: translateY(0);}
	.main-about__cont h3 + p {margin-top: 20rem;}
	.main-about__cont em span{opacity: 1; transform: translateY(0);}
	.main-about__list {grid-template-columns: 1fr; margin-top:0;}
	.main-about__item {min-width:auto; min-height: auto; padding: 30rem;}
	.main-about__item:not(:has(.is_moved)){opacity: 0; transition: transform 1.6s ease, opacity 1.3s ease !important;}
	.main-about__item.is_moved {opacity: 1;}
	.main-about__item > i {width:60rem; height:60rem; margin-bottom:10rem;}
	.main-about__item i img{max-height:25rem;}
	.main-about__item div {margin-top: 0rem;}
	.main-about__item div span{position:relative; top:2rem; margin-left:3rem;}
	.main-about__item .txt > div i{position:relative; top:2rem; margin-right:3rem;}
	.main-about__item .txt > em{margin-bottom:5rem;}
}


/* feature */
.main-title{text-align:center; margin-bottom:60rem;}
.main-title > em{display:inline-block; margin-bottom:10rem; font-size:var(--font-20); font-weight:700; color: var(--c-01); line-height:1em;}
.main-title > h3{display:block; font-size:var(--font-55); font-weight:700; color:#222; line-height:1.3em; word-break:keep-all;}
.main-features{position:relative; padding:150rem 0; background:url(../img/main/bg-feature.jpg)no-repeat center; background-size:cover; z-index:2;}
.main-features .main-title > h3{color:#fff;}
.feature-list{gap:40rem;}
.feature-list > li{position:relative; display: flex; justify-content: center; align-items: center; height:320rem; border-radius:20rem; overflow:hidden; cursor:default;}
.feature-list > li.blank{display:none;}
.feature-list > li .img{width:100%; height:100%;}
.feature-list > li .img img{width:100%; height:100%; transform:scale(1); transition:all 0.9s ease;}
.feature-list > li h3{position:absolute; left:0; bottom:0; padding:30rem; box-sizing:border-box; font-size:25rem; font-weight:600; color:#fff; line-height:1.3em; word-break:keep-all;}
.feature-list > li .feature-logo{position:relative;}
.feature-list > li .feature-logo:after{content:''; position:absolute; top:0; right:-30rem; font-size:30rem; color:#fff;  background:url(../img/main/ic-star.svg)no-repeat center; background-size:contain; width:25rem; height:25rem; line-height:1em; animation: rotate 2s linear infinite;}
.feature-list > li:hover .img img{transform:scale(1.1);}
.feature-list > li .btn-more{}
.feature-list > li .btn-more > a{display:flex; flex-direction: column; justify-content: center; align-items: center;}
.feature-list > li .btn-more i{position:relative; display:inline-block; width:58rem; height:58rem; background:#fff url(../img/main/ic-plus.svg)no-repeat center; background-size:18rem 18rem; border-radius:50rem; transform:rotate(0); transition:all 1.5s ease;}
.feature-list > li .btn-more i:before{content:''; position:absolute; top:50%; left:50%; width:90rem; height:90rem; border:1px solid rgba(255,255,255,0.15); box-sizing:border-box; border-radius:500rem; transform:translate(-50%, -50%) rotate(0); transition:all 0.8s ease;}
.feature-list > li .btn-more span{display:inline-block; margin-top:32rem; font-size:var(--font-19); font-weight:600; color:#fff;}
.feature-list > li .btn-more > a:hover i{transform:rotate(360deg);}
.feature-list > li .btn-more > a:hover i:before{transform:translate(-50%, -50%) scale(1.2);}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


@media (max-width:1480px){
	.feature-list > li{height:280rem;}
}
@media (max-width:1200px){
	.feature-list{gap:30rem;}
	.feature-list > li{height:225rem;}
	.feature-list > li .feature-logo img{height:55rem;}
}
@media (max-width:1023px){	
	.main-features{padding:100rem 0;}
	.feature-list > li{height:265rem; border-radius:15rem;}
	.feature-list > li.blank{display:block;}
	.feature-list > li h3{padding:25rem; font-size:22rem;}
}
@media (max-width:860px){
	.main-title{margin-bottom:40rem;}
	.main-features{padding:70rem 0;}
	.feature-list{gap:20rem;}
	.feature-list > li{height:223rem;}
	.feature-list > li h3{padding:20rem; font-size:20rem;}
	.feature-list > li .feature-logo img{height:50rem;}
}
@media (max-width:540px){
	.main-title{margin-bottom:20rem;}
	.main-title > em{margin-bottom:5rem;}
	.main-features{padding:40rem 0;}
	.feature-list{gap:12rem;}
	.feature-list > li{height:150rem; border-radius:7rem;}
	.feature-list > li.blank{display:none;}
	.feature-list > li h3{padding:12rem; font-size:14rem;}
	.feature-list > li .feature-logo img{height:35rem;}
	.feature-list > li .feature-logo:after{font-size:20rem; right:-10rem;}
	.feature-list > li .feature-logo:after{width:15rem; height:15rem; top:3rem; right:-15rem;}
	.feature-list > li .btn-more i{width:25rem; height:25rem; background-size:12rem 12rem;} 
	.feature-list > li .btn-more i:before{width:45rem; height:45rem;}
	.feature-list > li .btn-more span{margin-top:16rem;}
}

/* product */
.main-title__wrap{background:#fff;}
.main-product .main-title{font-family: "Audiowide", sans-serif; font-size: 5.5vw; letter-spacing: -0.04em; width: 100%;  height: 100vh; overflow: hidden;  position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; color:#000; }
.main-product .main-title h2{line-height:1em; cursor:default;}
.main-product .main-title._bg{position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.05); margin-top: -100vh; z-index: 0;}
.main-product{overflow:hidden;}
.main-product .product-wrap{max-width:100%; background:#151515 url(../img/main/bg-pd.jpg)no-repeat center; background-size:cover; background-attachment:fixed; overflow: hidden; position: relative; color: #fff; padding-top: 100vh;  padding-bottom: 150px; box-sizing: border-box;}
.main-product .product-wrap .wrap{max-width:1630rem;}
.main-product .product-wrap .pd-item{display: flex; width: 100%; z-index: 2; position: relative; margin-top: -100rem; box-sizing: border-box; }
.main-product .product-wrap .pd-item .pd-item__wrap{display: flex ; align-items:flex-start; width: 100%; }
.main-product .product-wrap .pd-item .pd-item__wrap a{width: 44%; max-width: 550rem; height:600rem; position: relative; overflow: hidden; display: block; background:#fff; border-radius: 20rem; border:6rem solid transparent; transition:all 0.3s ease;}
.main-product .product-wrap .pd-item .pd-item__wrap a:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:6rem solid transparent; border-radius: 20rem; transition:all 0.5s ease;}
.main-product .product-wrap .pd-item .pd-item__wrap a .img{position:relative; display:flex; justify-content: center; align-items: flex-start; width:100%; height:100%; }
.main-product .product-wrap .pd-item .pd-item__wrap a .img img{position:absolute; top:38%; transform:translateY(-50%); width:auto; max-width:95%;} 
.main-product .product-wrap .pd-item .pd-item__wrap a .txt{width: 100%; position: absolute; bottom: 0; left: 0; padding:50rem; box-sizing: border-box; z-index: 2; font-weight: 500; letter-spacing: -0.045em; transition-duration: 0.4s; }
.main-product .product-wrap .pd-item .pd-item__wrap a .txt em{display:inline-block; margin-bottom:15rem; color:var(--c-01); font-size:var(--font-20); font-weight:700; line-height:1em;}
.main-product .product-wrap .pd-item .pd-item__wrap a .txt h3{color:#222; font-size:var(--font-48); font-weight:700; line-height:1em;}
.main-product .product-wrap .pd-item .pd-item__wrap .pd-tit{display: flex; writing-mode: sideways-lr; transform: rotate(180deg); font-family: "Audiowide", sans-serif; text-transform:uppercase; font-size:var(--font-18); margin-right: 10rem; flex-shrink: 0; opacity:0.12;}
.main-product .product-wrap .pd-item.item01{margin-top: 0; padding-left:calc(200 / 1630 * 100%);}
.main-product .product-wrap .pd-item.item04{padding-right:calc(160 / 1630 * 100%);}
.main-product .product-wrap .pd-item.item05{padding-left:calc(90 / 1630 * 100%);}
.main-product .product-wrap .pd-item.item06{padding-right:calc(60 / 1630 * 100%);}
.main-product .product-wrap .prbx._2 .pd-item__wrap, 
.main-product .product-wrap .prbx._4 .pd-item__wrap, 
.main-product .product-wrap .prbx._6 .pd-item__wrap{justify-content: flex-end;}
.main-product .product-wrap .pd-item .pd-item__wrap a:hover{border-color:var(--c-01);}
/*.main-product .product-wrap .pd-item .pd-item__wrap a:hover:before{border-color:var(--c-01);}*/

@media (max-width:1680px){
	.main-product .product-wrap .pd-item.item01{padding-left:8%;}
}
@media (max-width:1480px){
	.main-product .product-wrap .pd-item.item01{padding-left:3%;}
	.main-product .product-wrap .pd-item.item04{padding-right:3%;}
	.main-product .product-wrap .pd-item.item05{padding-left:4%;}
	.main-product .product-wrap .pd-item.item06{padding-right:0%;}
}
@media (max-width:1200px){
	.main-product .product-wrap .pd-item .pd-item__wrap a{width:40%; height:540rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap a .img img{max-width:90%;}
	.main-product .product-wrap .pd-item .pd-item__wrap a .txt{padding:40rem;}
}
@media (max-width:1023px){
	.main-product .product-wrap .pd-item .pd-item__wrap a{height:430rem; border-radius:15rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap a .txt{padding:30rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap a .txt em{margin-bottom:10rem;}
}
@media (max-width:860px){
	.main-product .product-wrap .pd-item.item01{padding-left:0%;}
	.main-product .product-wrap .pd-item.item03{margin-left:-2%;}
	.main-product .product-wrap .pd-item.item05{padding-left:2%;}
	.main-product .product-wrap .pd-item .pd-item__wrap a{width:42%; height:350rem; border-width:4rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap a .txt{padding:25rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap a .txt em{margin-bottom:8rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap .pd-tit{margin-right:5rem;}
}
@media (max-width:620px){
	.main-product .product-wrap .pd-item{margin-top:70rem;}
	.main-product .product-wrap .pd-item.item01{margin-top:0;}
	.main-product .product-wrap .pd-item.item03{margin-left:0%;}
	.main-product .product-wrap .pd-item.item04{padding-right:0;}
	.main-product .product-wrap .pd-item.item05{padding-left:0%;}
	.main-product .product-wrap .pd-item .pd-item__wrap a{width:100%; max-width:440rem; height:450rem;}
}
@media (max-width:540px){
	.main-product .product-wrap{padding-bottom:60rem;}
	.main-product .product-wrap .pd-item{margin-top:30rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap a{height:380rem; border-radius:13rem; border-width:3rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap a .txt{padding:20rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap a .txt em{margin-bottom:5rem;}
	.main-product .product-wrap .pd-item .pd-item__wrap .pd-tit{display:none; writing-mode: initial; position: absolute; top: 47px; left: -54px; transform:rotate(90deg);}
	.main-product .product-wrap .pd-item .pd-item__wrap a .img img{max-width:80%;}

}
/* 마우스커스텀 */    
#cursor{mix-blend-mode:normal;position:fixed; top:0; left:0; z-index:1000; pointer-events:none; will-change:transform;}
#cursor .cur_cir{opacity:0; width:32px; height:32px; margin-top:-50%; margin-left:-50%; transition:opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s cubic-bezier(0.25, 1, 0.5, 1), width 0.3s cubic-bezier(0.25, 1, 0.5, 1), height 0.3s cubic-bezier(0.25, 1, 0.5, 1); border-radius:50%;}
#cursor.on .cur_cir::before{width:100%; text-align:center;display:block; position:absolute; top:50%; left:50%; font-weight:600; font-size:18rem; color:#fff; letter-spacing:-0.03em; transform:translate(-50%, -50%);}
#cursor.on .cur_cir{position:relative; opacity:1; transform:rotate(0) scale(1) translate(0, 0) !important;}
#cursor.overlay .cur_cir{width:170rem; height:170rem; background-color:var(--c-01);}
#cursor.overlay .cur_cir::before{content:"View More";}
#cursor.overlay.close .cur_cir{background-color:#db590f;}
#cursor.overlay.close .cur_cir::before{content:"close";} 
#cursor.overlay.close.pointer .cur_cir{opacity:1; width:170rem; height:170rem; background-color:rgba(64, 110, 182, 0.7);}
#cursor.overlay.close.pointer .cur_cir::before{content:"more";}
#cursor.test .cur_cir{position:relative; opacity:1; width:117rem; height:117rem; background-color:#cc3838; transform:rotate(0) scale(1) translate(0, 0) !important;}
#cursor.test .cur_cir::before{content:"더보기"; display:block; position:absolute; top:50%; left:50%; font-weight:700; font-size:15px; color:#fff; letter-spacing:-0.03em; transform:translate(-50%, -50%);}
[cursor-type]{cursor: pointer;}

@media (max-width:1023px){
	#cursor.overlay .cur_cir{width:130rem; height:130rem;}
	#cursor.on .cur_cir::before{font-size:17rem;}
}
@media (max-width:768px){
	#cursor{display: none !important;}
}  



/* news */
.main-news{position:relative; padding:120rem 0; background:#fff;}
.main-news .top{align-items: flex-end; margin-bottom:50rem;}
.main-news .main-title{text-align:left; margin-bottom:0;}
.main-news .main-title > em {margin-bottom:12rem;}
.main-news .main-title h3{line-height:1em;}

@media (max-width:1023px){
	.main-news{padding:100rem 0;}
}
@media (max-width:860px){
	.main-news{padding:70rem 0;}
}
@media (max-width:540px){
	.main-news{padding:40rem 0;}
	.main-news .top{margin-bottom:20rem;}
	.main-news .main-title > em{margin-bottom:7rem;}
}