@charset "utf-8";


/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.board-page) + #footer{margin-top: 130rem;}
#header{}
#footer{}

@media (max-width:1200px){

}
@media all and (max-width:1023px){

}

@media (max-width: 540px){

}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(9.3750vw, 130rem);}
.sub-content:has(.board-page){padding-top: 82rem;}


.point-title + h4{margin-top: 21rem;}
.point-title + * + *{margin-top: 21rem;}

@media (max-width:1200px){

}

@media all and (max-width:1023px){
	.sub-content:has(.board-page){padding-top:110rem;}
    .point-title + h4{margin-top: 8rem;}
    .sub-content{position:relative;padding-top: 100rem}

}

@media (max-width: 860px){
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top: 45rem;}
    .point-title + * + *{margin-top: 12rem;}
    #container:has(.board-page) + #footer{margin-top: 74rem;}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */
/* 브랜드소개 */
.brand-page{position: relative; margin-bottom: 300rem;}
.brand-aquon{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.brand-for{/* background-color: rgba(255,255,255,0.8);  */position: relative;z-index: 1;padding-top: 70rem;}
.brand-for__title{text-align: center; padding-top: 117rem;}
.brand-for__title span{font-size:16rem; font-weight: 900; color: var(--b-01);}
.brand-for__title h3{margin-top: 58rem;color: #111;font-size: 50rem;font-weight: 800;letter-spacing: -0.4rem;}
.brand-for__title p{margin-top: 19rem; font-size: 19rem;}

.brand-for__list{margin-top: 98rem;}
.brand-for__list li{width: 40.16%; position: relative;}
.brand-for__list li:nth-child(2){position: absolute; left: calc(50% + 108rem);}
.brand-for__list li:nth-child(3){margin-top: 390rem; left: 87rem;}
.brand-for__list figure{width: 100%; position: relative;}
.brand-for__list figure img{width: 100%; border-radius: var(--br-02);}

.brand-for__text{display: flex;flex-direction: column;gap: 27rem;max-width: 402rem;align-items: flex-start;padding: 31rem;border-radius: var(--br-02);background: rgb(237 237 237 / 50%);backdrop-filter: blur(12px);position: absolute;z-index: 1;bottom: -227rem;left: 80rem;}
/* .sub01_01 #footer{margin-top: 295rem;} */
.sub01_01 #sub-nav{margin-top: 0;}
.brand-aquon__title{/* padding: 183rem 0; */position: sticky;top: 0;z-index: 1;}
.brand-aquon__title img{position: relative;max-width: 661rem;left: 50%;top: 50%;transform: translate(-50%,-120%);opacity: 0;/* transition-delay: .1s; */transition: all 3s cubic-bezier(0.215, 0.61, 0.355, 1);}
.brand-aquon__top h2{font-size: 272rem;font-family: var(--lang-en);text-align: center;color: var(--b-01);position: absolute;left: 50%;top: 34%;transform: translate(-50%,-50%);}
.motion-on .brand-aquon__title img{opacity: 1;transform: translateX(-50%);}
.brand-aquon__top{width: 100%;position: relative;height:  1157rem;border-radius: 0 0 var(--br-02) var(--br-02);top: 0;left: 0;background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%), #F0F5F5;}
.brand-aquon__top > div{position: absolute;left: 0;width: 100%;bottom: 190rem;}
.brand-aquon__top svg{margin: 0 auto; display: block; text-align: center;}
.brand-aquon__top strong{font-size: 64rem;font-weight: 700; color: var(--b-01); margin-top:40rem; display: block; text-align: center;}

.brand-sec{width: 100%; height: var(--height-full); position: relative; overflow: hidden; background: url(../img/sub/brand-bg.jpg) no-repeat; background-size: cover;}
.brand-sec i.brand-sec__bg{ z-index: 1; position: absolute; background-color: var(--f-01); width: 50%; height: 100%;}
.brand-sec i.brand-sec__bg.left{left: 0;}
.brand-sec i.brand-sec__bg.right{right: 0; }
.brand-sec > div{width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0;}
.brand-sec .brand-sec__text{opacity: 0; visibility: hidden; z-index: 3; transform: translateY(150rem); }
.brand-sec .brand-sec__text *{text-align: center; color: var(--f-01); display: block;}
.brand-sec__01 .brand-sec__text em{font-size: 150rem; line-height: 1.3; margin-bottom: 48rem; margin-top: -1rem; font-weight: 700;}
.brand-sec__01 .brand-sec__text p + strong{margin-top: 40rem;}
.brand-sec__02 .brand-sec__text strong{margin-top: 58rem; margin-bottom: 19rem;}
.brand-sec__02 .brand-sec__text p + p{margin-top: 30rem;}

.cmn-handok__cont{}
.cmn-handok__wrap{justify-content: space-between; align-items: center;}
.cmn-handok__wrap.revers{flex-direction: row-reverse; justify-content: flex-end; margin: 107rem 0;}
.cmn-handok__text{flex: 1;}
.cmn-handok__text *{color: var(--b-01);}
.cmn-handok__wrap.revers .cmn-handok__text{width: 50%; padding-left: 216rem;}
.cmn-handok__image{min-width: /* 651rem */ 42.773%;max-width:42.773%;width: 100%;height: 465rem; will-change:transform; border-radius: var(--br-02); overflow: hidden;}
.cmn-handok__image img{width: 100%; height: 100%; border-radius: var(--br-02); object-fit: cover; display: block;  object-position: 50% 50%;}
.cmn-handok__title p{margin-top: 15rem;}
.cmn-handok__title *{color: var(--b-01);}
.cmn-handok.brand{padding: 140rem 0;}
.cmn-handok.brand .cmn-handok__wrap{padding: 32rem 40rem; border-radius: var(--br-02); background-color: var(--bg-01); }
.cmn-handok.brand .cmn-handok__title{padding-bottom: 54rem;}
.cmn-handok.brand .cmn-handok__wrap:not(.revers){padding: 32rem 40rem 32rem 109rem;}
.cmn-handok.brand .cmn-handok__wrap.revers{margin: 30rem 0;}
.cmn-handok.handok .cmn-handok__title{text-align: center; margin-bottom: 110rem;}
.cmn-handok.handok .cmn-handok__cont{border-radius: var(--br-02); margin-top: var(--sec-gap02); background-color: var(--bg-01); padding: 90rem 0;}

.brand-aqu__conts{border-radius: var(--br-02); height:820rem; background:url(../img/sub/brand-last__bg.jpg) no-repeat; background-size:cover; background-position: 50% 50%;}
.brand-aqu__conts .wrap{height: 100%; display:flex; align-items: center;}
.brand-aqu__txt{width: 50%; margin-left: auto; }
.brand-aqu__txt h3{margin-bottom: 21rem; color: var(--b-01);}

.brand-last{position: relative; padding-top: 140rem;}
.brand-aquon__last{position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.brand-aquon__last strong{color: var(--b-01);display: block;text-align: center;font-size: 52rem;line-height: 1.4;font-weight: 800;letter-spacing: -0.4rem;}
.brand-last__cont img{max-width: 660rem; margin: 0 auto;}


@media (max-width:1480px){
	.brand-aquon__top strong{font-size: 50rem;}
    .brand-for__title{padding-top: 96rem;}
    .brand-for__title h3{font-size: 42rem;}
    .brand-for__text{width: 80%; left: 50%; transform: translateX(-50%); }
    .brand-for__text p br{display: none;}
    .brand-for__text p{word-break: keep-all;}
    .brand-for__list li{width: 37%;}
    .brand-aquon__top h2{font-size: 202rem;}
    .brand-aquon__title img{max-width: 460rem;}
    .brand-aquon__top{height: 934rem;}
    .brand-aquon__top > div{bottom: 130rem;}
    .cmn-handok.brand{padding: var(--sec-gap01) 0;}
}
@media (max-width:1200px){
	.brand-for__list li{width: 40%;}
    .brand-for__list li:nth-child(3){left: 44rem;}
    .brand-aquon__last strong{font-size: 32rem;}
    .brand-last__cont img{max-width: 460rem;}

    .brand-for__title h3{font-size: 36rem;}

    .brand-sec__01 .brand-sec__text em{font-size: 130rem; margin-top: -10rem; margin-bottom: 28rem;}
    .cmn-handok.brand .cmn-handok__title{padding-bottom: 30rem;}
    .cmn-handok.brand .cmn-handok__wrap:not(.revers){padding: 24rem 24rem 24rem 40rem;}

    .brand-aqu__conts{height: 620rem;}
    .brand-aqu__txt p{word-break: keep-all;}
    .brand-aqu__txt p br{display: none;}

}
@media all and (max-width:1023px){
	.brand-for__list li:nth-child(2){left: calc(50% + 58rem);}
  
    .brand-for__text{max-width: inherit;}
    .brand-for__title h3{margin-top: 36rem; font-size: var(--font-36);}
    .brand-for__list{margin-top: 64rem;}
    .sub01_01 #sub-visual{height: auto;}
    .brand-aquon__title{padding: 0; top: 45%; transform: translateY(-50%);}
    .brand-aquon__top h2{font-size: 170rem;}
    .brand-aquon__title img{max-width: 370rem;}
    .brand-aquon__top{height: 100vh;}
    .brand-aquon__top > div{bottom: 220rem;}
    .brand-aquon__top strong{font-size: 34rem; margin-top: 22rem;}
    .brand-for__title{padding-top: 64rem;}

    .brand-aqu__conts{height: 480rem;}
    .brand-sec .brand-sec__text *{word-break: keep-all;}
}

@media (max-width: 860px){

    .brand-for__title p br{display: none;}
    .brand-for__list li{width: 100%;}
    .brand-for__list li:nth-child(2){left: 0; position: relative; ;}
    .brand-for__list li:nth-child(3){left: 0; margin-top: 0;}
    .brand-for__list figure{height: 340rem; overflow: hidden; border-radius: var(--br-02);}
    .brand-for__list figure img{height: 100%;}
    .brand-for__text{position: relative; bottom: 0; left: 50%; transform: translate(-50%, -60rem)}
    .brand-for__list{margin-top: 54rem;}
    .brand-aquon__last{top: 45%;}
    .brand-aquon__last strong{font-size: 28rem;}
    .brand-last__cont img{max-width: 400rem;}
    .brand-last{padding-top: 60rem;}
    .brand-sec__text{padding: 0 40rem;}
}
@media (max-width: 540px){
    .brand-page{margin-bottom: 54rem;}
    .brand-aquon__top h2{font-size: 72rem;}
    .brand-aquon__title img{max-width: 290rem;}
    .brand-aquon__top strong{font-size: 18rem;}
    .brand-aquon__top svg{width: 32rem;}
    .brand-for{padding-top: 40rem;}
    .brand-for__title h3{word-break: keep-all;}
    .brand-for__list figure{height: 300rem;}
    .brand-for__text{width: 92%; gap: 22rem; padding: 24rem;}
    .brand-last{padding-top: 54rem;}
    .brand-last__cont img{max-width: 65%;}
    .brand-aquon__last {top: 48%;}
    .brand-aquon__last strong{font-size: 20rem;}
    .brand-sec .brand-sec__text strong{font-size: 20rem; margin-bottom: 8rem;}
    .brand-sec__01 .brand-sec__text em{font-size: 60rem;}
    .brand-sec__text{padding: 0 20rem;}
    .brand-sec__text br{display: none;}
    .brand-sec__02 .brand-sec__text strong{margin-top: 32rem; margin-bottom: 14rem;}
    .brand-sec__02 .brand-sec__text p + p{margin-top: 12rem;}
    .cmn-handok.brand{padding: 0;}
    .cmn-handok.brand .cmn-handok__title{padding-bottom: 0; margin-bottom: 32rem;}
    .cmn-handok.brand .cmn-handok__wrap:not(.revers),.cmn-handok.brand .cmn-handok__wrap.revers{padding: 20rem;}
    .cmn-handok.brand .cmn-handok__wrap.revers{margin: 16rem 0;}
    .brand-aqu__conts{background: url(../img/sub/brand-last__bg__mo.jpg) no-repeat; background-size: cover;}
    .brand-aqu__txt{width: 100%;}
    .brand-aqu__conts{height: 70vh; position: relative;}
    .brand-aqu__conts .wrap{align-items: flex-end;}

}
 

/* 회사소개 */
.sub01_02 .sub-content{padding-top: 0;}
.about-pure{padding-top: max(9.3750vw, 130rem);}
.about-pure__image{position: absolute; border-radius: 100%;  overflow: hidden; animation:bubble 1.7s infinite alternate;  }
.about-pure__image::before{content: ""; display: block; padding-bottom: 100%;}
.about-pure__image img{position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; top: 0; left: 0;}
.about-pure__image.img01{width: 320rem; left:calc(50% - 760rem); top: -187rem; animation-delay: .6s;}
.about-pure__image.img02{width: 220rem; top: -264rem; left: calc(50% + 369rem); animation-duration: 2s;}
.about-pure__image.img03{width: 220rem; top: 202rem; left: calc(50% - 632rem); animation-delay: 1.2s; animation-duration: 2s;}
.about-pure__image.img04{width: 320rem; top: -18rem; left:calc(50% + 483rem); }

.about-pure{text-align: center;position: relative; height: 100vh;}
.about-pure__title{margin-bottom: 72rem;}
.about-pure__title p{margin-top: 33rem; }
.about-pure__wrap{position: relative;}
/* .about-pure__conts{margin: 0 auto; width: 648rem; z-index: 4; position: relative; display: flex; align-items: center; justify-content: center;  height: var(--height-full); height: 373rem; border-radius: 300rem; background: url(../img/sub/company-bg.jpg); background-size: cover; } */
.about-pure__text{opacity: 0; transform: scale(0.7); }
.about-pure__text *{color: var(--f-01);}
.about-pure__text h3{margin-top: 33rem;}
.about-pure__text p{margin-top: 21rem;}
.about-pure__text .btn-wrap{margin-top: 68rem;}
.about-pure__conts { top: 50%; left: 50%; transform: translateX(-50%);display:flex; align-items:center; justify-content:center;position: absolute;width: 648rem; height:373rem; /* clip-path: polygon(33% 34%, 68% 34%, 68% 71%, 33% 71%); */ border-radius: 300rem;    background: url(../img/sub/company-bg.jpg); background-size: cover;}
.about-pure__conts-inr {display:flex; align-items:center; justify-content:center; width: 648rem; height:373rem; margin:0 auto; border-radius: 300rem; /* background: url(../img/sub/company-bg.jpg); background-size: cover; */ }

.about-page .about-p{font-size:20rem; font-weight: 600;}

.about-rnd{margin-top: var(--sec-gap02);}
.about-rnd__title{text-align: center;}
.about-rnd__title span{font-size: 16rem; font-weight: 900; display: block;}
.about-rnd__title i{border-radius: 90rem; margin: 28rem auto 0; border:1px solid var(--c-01); display: inline-flex; justify-content: center; align-items: center; padding: 10rem 20rem; border-radius: 90rem; color: var(--c-01); }
.about-rnd__title h3{margin-top: 33rem;}

.about-rnd__bg{width: 100%; height: 490rem; margin-top: 52rem;  border-radius: var(--br-02); overflow: hidden; background: url(../img/sub/brand-rd01.jpg); background-size: cover; background-position: 50% 50%;}

.about-rnd__text{text-align: center; margin-top: 130rem; margin: 103rem 0 98rem;}
.about-rnd__text span{font-weight: 600; font-size: 16rem;}
.about-rnd__text p{margin-top: 27rem; color: var(--b-01);}
.about-rnd__image{gap: 40rem;}
.about-rnd__image li{max-width: 310rem; }
.about-rnd__image li img{border-radius: var(--br-02); width: 100%;}

.about-rnd__item{margin-top: 95rem; justify-content: center;}
.about-rnd__item li{border-radius: var(--br-02); background-color: var(--bg-01); padding: 40rem; max-width: 609rem;}
.about-rnd__item li strong{font-size: 22rem; font-weight: 700; letter-spacing: -0.5rem;}
.about-rnd__item .point-title{ display: block; margin-bottom: 21rem;}
.about-rnd__item{gap: 42rem;}


@keyframes bubble{
    0%{transform:translate(0,0);}
    100%{transform:translate(0,20rem);}
 }  


@media (max-width:1680px){

}
@media (max-width:1480px){
    .cmn-handok__image{min-width: 40%; max-width: 40%; height: 375rem;}
    .cmn-handok__wrap.revers{margin:80rem 0}
    .cmn-handok__wrap.revers .cmn-handok__text{padding-left: 170rem;}
    .about-rnd__image,.about-rnd__item{gap: 20rem;}
    .about-rnd__item{margin-top: 65rem;}
    .about-rnd__title i{font-size: 16rem;}
    .about-rnd__title h3{margin-top: 14rem;}
    .about-pure__title{position: relative; z-index: 1;}
    .about-pure__image{z-index: -1;}
    .about-pure__image.img01{width:260rem; left:calc(50% - 640rem);}
    .about-pure__image.img02{width: 180rem; left: calc(50% + 340rem);}
    .about-pure__image.img03{width: 180rem; left: calc(50% - 632rem);}
    .about-pure__image.img04{width:260rem;  left:calc(50% + 403rem); }
    .about-pure__conts{width:44%; height: 270rem; top: 38%;} 

}
@media (max-width:1200px){
    .about-pure__image.img01{width:230rem; left:calc(50% - 540rem);}
    .about-pure__image.img02{width: 140rem; left: calc(50% + 240rem);}
    .about-pure__image.img03{width: 140rem; left: calc(50% - 512rem);}
    .about-pure__image.img04{width:230rem;  left:calc(50% + 343rem); }
	.cmn-handok__wrap.revers .cmn-handok__text{padding-left: 140rem;}

}
@media all and (max-width:1023px){
	.cmn-handok__text,.cmn-handok__wrap.revers .cmn-handok__text{flex: none; width: 54%; }
    .cmn-handok__text p{word-break: keep-all;}
    .cmn-handok__text p br{display: none;}
    .cmn-handok__wrap.revers .cmn-handok__text{padding-left: 90rem;}
    .about-rnd__bg{height: 400rem;}
    .about-rnd__text{margin: 84rem 0;}
    .about-rnd__item li{padding: 32rem;}
    .about-pure{padding-top: 100rem;}
    .about-pure__image.img01{width:180rem; left:calc(50% - 440rem); top: -137rem;}
    .about-pure__image.img02{width: 110rem; left:calc(50% + 320rem); top: -124rem;}
    .about-pure__image.img03{ left: calc(50% - 382rem);}
    .about-pure__image.img04{width:140rem;  left:calc(50% + 273rem); top: 92rem; }
    .about-pure__conts{height: 200rem;}
    .cmn-handok__image{height: 295rem;}

    .about-page .about-p{font-size: 18rem;}
}

@media all and (max-width:860px){
    .about-pure{padding-top: 80rem;}
    .about-pure__image.img01{width:130rem; left:calc(50% - 310rem); top: -107rem;}
    .about-pure__image.img02{width:90rem; left:calc(50% + 170rem); top: -74rem;}
    .about-pure__image.img03{ top: 172rem; width: 110rem;; left: calc(50% - 322rem)}
    .about-pure__image.img04{width:120rem;  left:calc(50% + 230rem); top: 92rem; }
    .about-pure__conts{height: 164rem; top: 27%;}
    .cmn-handok__image{height: 200rem;}
}

@media (max-width: 540px){
    .about-rnd__bg{height: 230rem;}
    .cmn-handok__cont{padding: 44rem 0;}
    .cmn-handok__title{margin-bottom: 44rem;}
	.cmn-handok__wrap,.cmn-handok__wrap.revers{flex-direction: column-reverse;}
    .cmn-handok__image{width: 100%; min-width: 100%; max-width: 100%;  object-position: 50% 50%;}
    .cmn-handok__text, .cmn-handok__wrap.revers .cmn-handok__text{width: 100%; margin-top: 24rem;}
    .cmn-handok__wrap.revers{margin: 42rem 0;}
    .cmn-handok__wrap.revers .cmn-handok__text{padding-left: 0;}
    .about-rnd__title i{font-size: 14rem; padding: 7rem 15rem; margin: 22rem auto 0;}
    .about-rnd__title h3{margin-top: 8rem;}
    .about-rnd__bg{margin-top: 40rem; height: 180rem;}
    .about-rnd__text{margin: var(--sec-gap02) 0;}
    .about-rnd__image{gap: 10rem;}
    .about-rnd__item{flex-direction: column; gap: 10rem; margin-top: 32rem;}
    .about-rnd__item li{padding:24rem;}
    .about-rnd__item .point-title{margin-bottom: 6rem;}

    .about-page{overflow: hidden;}
    .about-pure__text{padding: 0 20rem;}
    .about-pure__text *{word-break: keep-all;}
    .about-pure__text h3{margin-top: 6rem;}
    .about-pure__title p{margin-top: 13rem;}
    .about-pure__image.img01{width: 100rem;left: calc(50% - 210rem);top: -97rem;}
    .about-pure__image.img02{width:90rem; left:calc(50% + 90rem); top: -54rem;}
    .about-pure__image.img03{ width:80rem;  left:calc(50% - 182rem); top: 172rem;}
    .about-pure__image.img04{width:103rem;  left:calc(50% + 100rem); top: 92rem; }
    .about-pure__conts{top: 38%;}
    .about-page .about-p{font-size: 16rem;}
 
 
}

/* 오시는길 */
@media (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
	/*화면 768에 맞춰놓고 작업*/
}

@media (max-width: 540px){
	
}


.bo-basic-list{border-top: 1px solid var(--b-01);}

/* 상품 리스트 */
.product-empty{display: flex; align-items: center; justify-content: center; width: 100%; height: 60vh;}
.product-empty p{color: var(--b-03);font-weight: 600;}

body:has(.product-list) .sub-content{padding-top: 90rem}

.product-inro__title{font-size: 23rem;}
.product-list--wrap{text-align: center;}
.product-list--wrap h3{font-weight: 700; color: var(--b-01);}
.mobile-swipe{justify-content: center; gap: 7rem; margin-top: 64rem; flex-wrap:wrap;}
.mobile-swipe li{display: flex;font-family: var(--font-15);align-items: center;justify-content: center;height: 38rem;padding:0 26rem;border-radius: 90rem;font-size: 15rem;font-weight: 300;border: 1px solid #cfcfcf;}
.mobile-swipe li a{color: #828282;white-space: nowrap;font-size: 17rem;font-weight: 500;}
.mobile-swipe li.on{border-color: var(--b-01);color: var(--f-01);font-weight: 500;background: var(--b-01);}
.mobile-swipe li.on a{color: var(--f-01);}

.product-list__cont{margin-top: 60rem;}
.product-list__cont ul{gap: 54rem 34rem;}
.product-list__image{/* height: 380rem; */border-radius: var(--br-02);border:1px solid var(--bd-04);overflow: hidden;position: relative;padding-bottom: 100%;}
.product-list__image::before{content: ""; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); position: absolute; left: 0; top: 0; opacity: 0; transition: var(--trans-01)}
.product-list__image img{width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;transition: var(--trans-01);top: 0;}
.product-list__image + strong{margin-top: 24rem; display: block;} 
.product-list__image .btn-round{left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}


@media (hover: hover) and (pointer: fine){
    .product-list__list li:hover .btn-round{opacity: 1; visibility: visible;}
    .product-list__list li:hover .product-list__image::before{opacity: 1;}
    
}

@media (max-width:1600px){

}
@media (max-width:1480px){

}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
    .product-list__image .btn-round{display: none;}
    .product-inro__title{font-size: 20rem;}
}
@media (max-width:860px){
    .product-list__cont ul {gap: 34rem 22rem; grid-template-columns: 1fr 1fr;}
    .product-list__image + strong{margin-top: 14rem;}
    .product-list .wrap{margin: 0;}
    

}
@media (max-width: 540px){
    .product-list__cont ul{grid-template-columns: 1fr;}
    .mobile-swipe {margin-top: 38rem;flex-wrap: nowrap;overflow-x: scroll;}
    .product-list__cont {margin-top: 28rem;}
    body:has(.product-list) .sub-content{padding-top: 50rem;}
    .mobile-swipe{justify-content: flex-start;}
    .product-inro__title{font-size: 18rem;}
}

.bubble{position: absolute;width: 660rem;top: -137rem;right: -209px;}
.bubble img{width: 100%; opacity: 0.3;}

.swiper-controls .wrap *{cursor:pointer;}
.swiper-container img{width:100%;}
.swiper-controls > div{cursor: pointer;}
.button-next.swiper-button-disabled,
.button-prev.swiper-button-disabled{opacity:0.5;}

.swiper-controls{display:flex; justify-content:center; align-items:center;}
.swiper-controls *[class^="swiper-btn--"]{position:relative;width:30rem;height:30rem;cursor:pointer;display: flex;align-items: center;margin: 0 25rem;font-size: 16rem; font-weight: 600;}
.swiper-controls *[class^="swiper-btn--"]::after{content:"";display:block;min-width: 30rem;height: 30rem;background:url(/theme/basic/img/common/arrow-basic.svg) no-repeat 50% 50%;background-size: 8rem;}
.swiper-controls .swiper-btn--prev{flex-direction: row-reverse;}

.swiper-controls .swiper-btn--next::after{/* transform:rotate(-90deg); */}
.swiper-controls .swiper-btn--prev::after{transform: rotate(180deg);}
.swiper-controls .swiper-button-disabled{opacity: 0.5;}

.swiper-pagination-bullet{width:10rem; height:10rem; background:#fff; border-radius:100%;}
.swiper-pagination{display:flex; gap:15rem;}
.swiper-controls{display: none;}

body:has(.product-page) .sub-visual__desc{margin-top: 60rem;}
body:has(.product-page) #sub-nav{position: absolute;width: 100%; bottom: 0; margin-bottom: 0;}
body:has(.product-page) .sub-content{padding-top: 75rem}

/* 인트로 이미지 */
p, li, li *{word-break: keep-all;}
.prodcut-intro__image{max-width: 860rem; width: 860rem; display: flex; flex-direction: row-reverse;}
.product-intro__info{/* max-width: 660rem; width: 660rem; */ flex: 1; }
.multiple-pager{width: 130rem;}
.multiple-slider {flex: 1;}
.multiple-slider .swiper-slide{/* height: 740rem; */ position: relative; height: 0; padding-bottom: 100%; display: flex; align-items: center; justify-content: center;}
.multiple-slider .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}
.multiple-slider .swiper-slide{border-radius: var(--br-02); }
.multiple-slider .swiper-slide,
.multiple-pager .swiper-slide{overflow: hidden; border:1px solid var(--bd-04);}
.multiple-pager .swiper-wrapper{flex-direction: column; height: auto;}
.multiple-pager .swiper-slide{width: 100rem; height: 100rem !important; min-width: 100rem; border-radius: 10rem; cursor: pointer; }
.multiple-pager .swiper-slide img{width: 100%; height: 100%; object-fit: contain;}

/* 제품 정보 */
.product-page img{width: 100%; height: 100%; /* object-fit:contain; */ object-fit: cover; position: absolute; left: 0; top: 0; object-position: 50% 50%;}
.product-page h5{font-size: 22rem;font-weight: 800;color: var(--b-01);line-height: 1.588;letter-spacing: -0.3rem;}
.product-page .line{display: block; width: 100%; height: 1px; border-top: 1px dashed var(--bd-01); margin: var(--sec-gap04) 0;}
.product-page [data-list="dot"], .product-page [data-list="dot"] li *,
.product-page [data-list="dot"] > *{color: var(--b-03);}
.product-page [data-list="dot"] > *{padding-left: 13rem; margin-bottom: 7rem;}
.product-page [data-list="dot"] > *::before{width: 3rem; height: 3rem; background-color: var(--b-03); top: 11rem;}

.product-intro{}
.product-intro__info{padding-left: 62rem; flex: 1;}
.product-intro__info h3{font-size: var(--font-36); font-weight: 800;}
.product-intro__info p{color: var(--b-02);}
.product-intro__info h3 + p{margin-top: 19rem;}

.product-intro__btn{margin-top: 99rem;}
.down-btn{width: 173rem; height: 56rem; margin-left: auto; background-color: var(--b-01); display: flex; border-radius: 110rem; gap: 26rem; justify-content: center; align-items: center; color: var(--f-01); font-size: 14rem;  font-weight: 800; }
.down-btn.en{width: 223rem;}

.cmn-intro__detail{margin-top: 50rem;}
.cmn-intro__detail h4{margin-bottom: 18rem;}
.cmn-intro__list li em{font-weight: 600;}
.cmn-intro__list[data-list="dot"] > *{margin-bottom: 20rem;}

.product-inner{max-width: 1256rem; width: 100%; margin: 0 auto;}
.product-function__item > div{border-radius: var(--br-02); background-color: var(--bg-01); padding: 18rem; align-items: center;}
.product-function__image{width: 648rem;min-width: 648rem;height: 446rem;overflow: hidden;border-radius: var(--br-01);position: relative; background-color: #fff;}
.product-function__image.empty{background-color: var(--f-01); background-image: url(../img/layout/logo.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 152rem;}
.product-funtion__smallTitle em{margin: 0 4rem;}
.product-funtion__smallTitle{margin-bottom: 5rem;}
/* .product-function__info{padding-top: 52rem;} */
.product-function__info ul{margin-top: 13rem;}
.product-function__item{margin-bottom: 20rem;}
.product-function__item:last-child{margin-bottom: 0;}
.product-function__item:nth-child(even) > div{flex-direction: row-reverse; justify-content: space-between;}
.product-function__item:nth-child(even) .product-function__info{padding-right: 40rem; padding-left: 32rem;}
.product-function__item:nth-child(odd) .product-function__info{padding-left: 46rem}
.product-function{margin-top: var(--sec-gap04);}
.product-function h4{margin-bottom: 18rem;}

.product-video{margin-top: var(--sec-gap04);}
.product-video video{width: 100%;}
.product-video iframe{width: 100%;}
.product-video__wrap {position:relative;height:0;padding-bottom:56.25%;overflow: hidden;border-radius: var(--br-02);}
.product-video__wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

/* 기본 디폴트 리스트 */
.product-default{margin-top: var(--sec-gap04);}
.product-default__wrap h4{min-width: 264rem; padding-right: 60rem;}
.product-default__list{flex: 1;}
.product-default__list > li{font-weight: 700;color: var(--b-01);margin-bottom: 40rem;font-size: 20rem;letter-spacing: -0.2rem;}
.product-default__list [data-list="dot"]{margin-top: 13rem;}
.product-default__list [data-list="dot"] > li{font-size: 17rem;margin-bottom: 7rem;}
.product-default__list > li:last-child{margin-bottom: 0;}

.filter-intro{background-color: var(--bg-01); margin: 0 -36rem; padding: 100rem 0; margin-top: var(--sec-gap04); margin-bottom: var(--sec-gap04);}
.filter-intro__wrap{position: relative; padding-left: 130rem;}
.filter-intro__wrap > .point-title{position: absolute; left: 0; top: 0;}
.filter-intro__info{padding-left: 65rem;}
.filter-intro__info h3{font-size: 40rem; color: var(--b-01); line-height: 1.225; font-weight: 800;}
.filter-intro__use{display: flex; flex-wrap: wrap; gap: 10rem; margin-top: 14rem;}
.filter-intro__use li{padding: 5rem 18rem; border-radius: 40rem; border:1px solid var(--c-01); color: var(--c-01); font-size: 15rem;}
.filter-intro__info {flex: 1;}
.filter-intro__info > p{color: var(--b-02); margin-top: 30rem;}
.filter-intro__image{min-width: 730rem; width: 730rem; /* height: 692rem;  */position: relative; }
.filter-intro__image > div{width: 100%; padding-top: 100%; position: relative; overflow: hidden;; border-radius: var(--br-02); background-color: #fff;}
.filter-intro__image > div img{object-fit: contain;}
.filter-intro__specs{margin-top: 60rem;}
.filter-intro__specs .btn-round{opacity: 1; visibility: visible; position: relative; width: 28rem; height: 28rem; transform: rotate(135deg); }
.filter-intro__toggle{cursor: pointer;align-items: flex-end;justify-content: space-between;}
.filter-intro__list{border-top: 1px solid var(--b-01); margin-top: 16rem;}
.filter-intro__list > li{justify-content: space-between; border-bottom: 1px solid var(--bd-03); padding: 13rem 18rem;}
.filter-intro__list > li *{font-size: 17rem;}
.filter-intro__list > li em{color: var(--b-01); min-width: 140rem;}
.filter-intro__list > li span{color: var(--b-03); text-align: right;}
.filter-intro__specs .btn-basic--wrap{margin-top: 60rem;}
.filter-intro__specs *.btn-basic{width: 100%;justify-content: center;font-size: 17rem;}
.filter-intro__specs--wrap.is-open .btn-round{transform: rotate(-45deg);}

.filter-feature__wrap h4{width: 250rem; min-width: 250rem;}
.filter-feature__wrap .filter-feature__list{flex: 1;}
.filter-feature__item{ margin-bottom: 20rem; }
.filter-feature__item > div{gap: 110rem; border-radius: var(--br-02); padding: 18rem;border:1px solid var(--bd-04); align-items: center;justify-content: space-between;}
.filter-feature__item h5{margin-bottom: 17rem;}
.filter-feature__item:last-child{margin-bottom: 0;}
.filter-feature__item:nth-child(even) > div{flex-direction: row-reverse;}
.filter-feature__item:nth-child(odd) .filter-feature__info{padding-left: 26rem;}
.filter-feature__item:nth-child(even) .filter-feature__info{padding-right: 26rem;}
.filter-feature__image{min-width: 479rem; width: 479rem; min-height: 350rem; border-radius: var(--br-02); overflow: hidden; position: relative;}
.filter-feature__image.empty,
.filter-default__image.empty{background-color: var(--f-01); border:1px solid var(--bd-04); background-image: url(../img/layout/logo.png); background-repeat: no-repeat; background-position: 50% 50%;}
.filter-feature__info{flex: 1;}

.filter-default h4{margin-bottom: 16rem;}
.filter-default p + ul[data-grid="3"]{margin-top: 43rem;}
.filter-default ul[data-grid="3"]{gap:62rem 42rem}
.filter-default ul[data-grid="3"] li{text-align: center;}
.filter-default ul[data-grid="3"] li p{color: var(--b-03);margin-top: 5rem;}
.filter-default__image{border-radius: var(--br-02);overflow: hidden;/* height: 290rem; */margin-bottom: 28rem;position: relative;padding-bottom: 60.6%;}

.filter-table:has(.none){margin-top: var(--sec-gap04);}
.filter-table p{font-family: var(--lang-ko); margin-top: 20rem;}
.filter-table table.table{border-top: 1px solid var(--b-01); table-layout: fixed;}
.filter-table table.table thead th{background-color: var(--bg-01);}
.filter-table table.table thead th span{font-size: 13rem;}
.filter-table table.table *{font-family: var(--lang-ko); font-size: 15rem;}
.filter-table__sec{margin-top: 32rem;}

.filter-last__image {margin-bottom: 20rem;}
.filter-last__image:last-child{margin-bottom: 0;}
.filter-last__image img{border-radius: var(--br-02); margin: 0 auto; position: relative;}

.filter-intro__specs{margin-top: 60rem;}
@media (min-width:2000px){
    .filter-feature__wrap h4{min-width: 30%;}
    .filter-feature__wrap .filter-feature__list{width: 70%;}
}
@media (max-width:1480px){
    .filter-feature__wrap h4{width: 220rem; min-width: 220rem;}
    .prodcut-intro__image{width: 740rem; min-width: 740rem;}
    .filter-intro__image{width: 600rem; min-width: 600rem;}
}
@media all and (max-width:1200px){
    .multiple-pager{width: 95rem;}
    .multiple-pager .swiper-slide{min-width: 80rem; width: 80rem; height: 80rem !important;}
    .product-intro__info{padding-left: 42rem;}
    .product-intro__btn{margin-top: 70rem;}
	.prodcut-intro__image{width:56%; max-width:56%; min-width: inherit;}

    .product-function__image{width:520rem; min-width:520rem;}

    .filter-intro__wrap{padding-left: 80rem;}
    .filter-intro__image{min-width: 56%; width: 56%;}
    .filter-intro__info{padding-left: 42rem;}
    .filter-intro__info h3{font-size: 32rem;}
 
    .filter-feature__image{width: 380rem; min-width: 380rem; min-height: 280rem;}
    .filter-feature__item > div{gap: 54rem;}
    .filter-default ul[data-grid="3"]{gap: 32rem;}
    .filter-intro{padding: var(--sec-gap04) 0;}

    .bubble{top: -187rem; right: -159rem;}
    
}
@media all and (max-width:1023px){
    .multiple-pager{width: 80rem;}
    .multiple-pager .swiper-slide{min-width: 64rem; width: 64rem; height: 64rem !important;}

    .prodcut-intro__image{width:48%; max-width:48%;}
    .product-function__image{min-width: 500rem; width: 500rem; height: 356rem;}
    .product-function__info{padding-left: 38rem;}
    
    .product-default__wrap h4{min-width: 204rem;}

    .cmn-intro__detail{margin-top: 44rem;}

    .filter-intro__info{padding-left: 48rem;}
    .filter-intro__info h3{font-size: 28rem;}
    .filter-intro__image{min-width: inherit; max-width: 48%; width: 48%;}
    .filter-intro__use{gap: 6rem;}
    .filter-intro__use li{padding: 4rem 16rem; font-size: 14rem;}
    .filter-intro__specs{margin-top: 48rem;}
    .filter-intro__specs .btn-round{width: 24rem; height:24rem;}

    .filter-feature__wrap{flex-direction: column;}
    .filter-feature__wrap h4{width: 100%; min-width: 100%; margin-bottom: 16rem;}

    .sub02_01,
    .sub02_01 #content{overflow-x: hidden;}
    .product-list--wrap{overflow-x: hidden;}
    

    
}
@media (max-width:860px){
    
    .product-page section .wrap{margin: 0;}
    .product-page [data-list="dot"] > *::before{top: 10rem;}

    .multiple-pager .swiper-slide{margin-left: auto;/*  margin-bottom: 6rem !important; */ border-radius: 5rem;}

    .cmn-intro__list[data-list="dot"] > *{margin-bottom: 14rem;}
    .cmn-intro__detail{margin-top: 36rem;}

    .product-intro__wrap{flex-direction: column;}
    .product-intro__info{padding-left: 0; margin-top: 34rem;}
    .prodcut-intro__image{width: 100%; max-width: 100%; flex-direction: row; justify-content: space-between;}
    .product-intro__info h3 + p{margin-top: 12rem;}

    .product-function__item > div,.product-function__item:nth-child(even) > div{flex-direction: column; align-items: flex-start; gap: 32rem;}
    .product-function__item:nth-child(odd) .product-function__info,
    .product-function__item:nth-child(even) .product-function__info{padding-left: 20rem; padding-right: 20rem;}
    .product-function__image{width: 100%; min-width: 100%;}
    .product-function__info{padding-left: 0;}

    .product-default__wrap{flex-direction: column;}
    .product-default__wrap h4{min-width: 100%; padding-right: 0; margin-bottom: 14rem;}
    .product-default__list > li{margin-bottom: 30rem;}
    .filter-intro__specs .btn-basic--wrap{margin-top: 40rem;}
    .btn-round svg{width: 9rem; height: 8rem;}
    .filter-intro .wrap{margin:  0 24rem !important; }
    .filter-intro__wrap{padding-left: 0;}
    .filter-intro__wrap > .point-title{position: relative; margin-bottom: 12rem; display: block;}
    .filter-intro__image{min-width: inherit; max-width: 340rem; width: 340rem;}
    .filter-intro__info{padding-left: 40rem;}
    .filter-intro{margin: 0 -20rem; margin-top: var(--sec-gap04); margin-bottom: var(--sec-gap04);}

    .filter-feature__wrap h4{margin-bottom: 12rem;}
    .filter-feature__item:nth-child(odd) .filter-feature__info{padding-left: 12rem;}
    .filter-feature__item:nth-child(even) .filter-feature__info{padding-right: 12rem;}
    .filter-feature__image{min-height: 250rem;}

    .filter-default h4{margin-bottom: 12rem;}
    .filter-default p + ul[data-grid="3"]{margin-top: 34rem;}
    .filter-default ul[data-grid="3"]{grid-template-columns: 1fr 1fr; gap: 32rem 24rem;}
    .filter-default__image{margin-bottom: 20rem;}
    .filter-default ul[data-grid="3"] li p{margin-top: 3rem;}
    
    .bubble{width: 470rem; top: -207rem; right: -99rem;}
    body:has(.product-page) .sub-visual__desc{margin-top: 40rem;}
    .filter-intro__list > li span{word-break: keep-all;}

}
@media (max-width: 540px){

    .product-page h5{font-size: 15rem;}
    
    .multiple-slider .swiper-slide{padding-bottom: 100%;}
    .multiple-pager .swiper-wrapper{flex-direction: row;}
    .multiple-pager{width: 100%; margin-top: 18rem;}
    .multiple-pager .swiper-slide{margin-left: 0;}
    .multiple-slider{flex: none; width: 100%;}


    .cmn-intro__detail h4{margin-bottom: 12rem;}
    .down-btn{width: 100%; justify-content: space-between; padding: 0 28rem;}
    .down-btn svg{width: 14rem; height: 14rem;}

    .prodcut-intro__image{margin-bottom: 32rem; flex-direction: column;}
    .product-intro__btn{margin-top: 40rem;}

    .product-function__image{height: 165rem;}
    .product-function__item > div{margin-bottom: 12rem; padding: 14rem;}
    .product-function__item > div,.product-function__item:nth-child(even) > div{ gap: 23rem;}
    .product-function__item:nth-child(odd) .product-function__info,
    .product-function__item:nth-child(even) .product-function__info{padding-left: 0; padding-right: 0;}
    .product-default__list [data-list="dot"]{margin-top: 10rem;}
    .product-default__list > li{margin-bottom: 32rem;}

    .filter-intro{margin: var(--sec-gap04) -20rem;}
    .filter-intro__cont{flex-direction: column;}
    .filter-intro__image{width: 100%; min-width: 100%;}
    .filter-intro__info{padding-left: 0; margin-top: 24rem;}

    .filter-intro__info h3{font-size: 24rem;}
    .filter-intro__use li{font-size: 13rem;}
    .filter-intro__specs{margin-top: 38rem;}
    .filter-intro__specs .btn-basic--wrap{margin-top: 34rem;}
    .filter-intro__list > li{padding: 12rem 8rem;}
    .filter-intro__list > li *{font-size: 14rem;}

    .filter-feature__image{width: 100%; min-width: 100%;}
    .filter-feature__item > div{gap: 24rem;}
    .filter-feature__item > div,.filter-feature__item:nth-child(even) > div{flex-direction: column-reverse; padding: 14rem;}
    .filter-feature__item h5{margin-bottom: 10rem;}
    .filter-default h4{margin-bottom: 10rem;}

    .filter-default ul[data-grid="3"]{grid-template-columns: 1fr;}
    .filter-table p{margin-top: 12rem;}


    .bubble{width: 330rem; height: 300rem; top: 0; right: 0; overflow: hidden;}
    .bubble img{width: 100%;opacity: 0.3;position: absolute;top: -37%;right: -30%;}

    body:has(.product-page) .sub-visual__desc{margin-top: 15rem;}
    body:has(.product-page) #sub-nav{margin-bottom: 0; position: relative; margin-top: 40rem;}
    body:has(.product-page) .sub-content{padding-top: 35rem;}
}