@charset "UTF-8";
.view_video_container,.lv_txt_cnt .lv_title{display:none}
.lv_txt_cnt p{margin:unset}
.ap-post{container:cont/inline-size;font-family:Cera Pro,"NotoSans","Malgun Gothic","맑은 고딕","Nanum Gothic","나눔 고딕",돋움,dotum,sans-serif;font-weight:500;color:#000;line-height:normal}
.ap-post--th{font-family:Cera Pro,prompt}
.ap-post--jp{font-family:Cera Pro,Noto Sans JP}
.ap-post__inner{--ap-pdp-width:1920}
@container cont (max-width:750px){
.ap-post__inner{--ap-pdp-width:750}
}
.ap-post *{padding:0;margin:0;font-style:normal;word-break:keep-all;list-style:none}
.ap-post em{color:inherit;background-color:transparent}
.ap-post sup{vertical-align:text-top;font-size:inherit;line-height:normal;position:static}
.ap-post .ap-section__header,.ap-post .ap-section__body{margin:auto}
.ap-post .only-pc{display:block}
@container cont (max-width:750px){
.ap-post .only-pc{display:none}
}
.ap-post .pc-only{display:block !important}
@container article (max-width: 750px){
.ap-post .pc-only{display:none !important}
}
.ap-post .mo-only{display:none !important}
@container article (max-width: 750px){
.ap-post .mo-only{display:block !important}
}
.ap-post .only-mo{display:none}
@container cont (max-width:750px){
.ap-post .only-mo{display:block}
}
.ap-post .ap-video video{width:100%;height:100%;-webkit-mask-image:radial-gradient(#fff, #000);mask-image:radial-gradient(#fff, #000);backface-visibility:hidden}
.ap-post .video__controller{position:relative}
.ap-post .video__controller .video__poster{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:1;transition:opacity 0.3s linear;position:absolute;top:0;left:0}
.ap-post .video__controller.is-loaded .video{position:relative;z-index:2}
.ap-post .video__controller.is-loaded .video__poster{z-index:1;opacity:0}
.ap-post .ap-image img{max-width:100%}
.ap-post .ap-image__caption strong{font-weight:900}
.ap-fw{font-weight:500}
.ap-post .ap-section{position:relative;padding:clamp(0px, calc(160 / var(--ap-pdp-width) * 100cqi), 160px) 0}
@container cont (max-width:750px){
.ap-post .ap-section{padding:clamp(0px, calc(140 / var(--ap-pdp-width) * 100cqi), 140px) 0}
}
.ap-post .ap-section:not(.ap-section--intro){max-width:clamp(0px, calc(1920 / var(--ap-pdp-width) * 100cqi), 1920px);margin:0 auto}
.ap-post .ap-section__header{text-align:center}
.ap-post .ap-section__row{display:flex;align-items:center}
.ap-post .ap-section__row > *{flex:1}
@container cont (max-width:750px){
.ap-post .ap-section__row{flex-direction:column}
}
.ap-post .ap-section__inner{max-width:clamp(0px, calc(1480 / var(--ap-pdp-width) * 100cqi), 1480px);margin:0 auto}
@container cont (max-width:750px){
.ap-post .ap-section__inner{max-width:clamp(0px, calc(638 / var(--ap-pdp-width) * 100cqi), 638px)}
}
.ap-post .ap-section__title{font-weight:800;text-transform:uppercase;font-size:clamp(9px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px);line-height:1.1}
@container cont (max-width:750px){
.ap-post .ap-section__title{font-size:clamp(9px, calc(60 / var(--ap-pdp-width) * 100cqi), 60px);line-height:1.2}
}
.ap-post .ap-section__subtitle{font-weight:800;text-transform:uppercase;font-size:clamp(9px, calc(60 / var(--ap-pdp-width) * 100cqi), 60px);line-height:1.1667}
@container cont (max-width:750px){
.ap-post .ap-section__subtitle{font-size:clamp(9px, calc(52 / var(--ap-pdp-width) * 100cqi), 52px);line-height:1.1923}
}
.ap-post .ap-section__desc{font-weight:600;font-size:clamp(9px, calc(36 / var(--ap-pdp-width) * 100cqi), 36px);line-height:1.3333}
@container cont (max-width:750px){
.ap-post .ap-section__desc{font-size:clamp(9px, calc(32 / var(--ap-pdp-width) * 100cqi), 32px);line-height:1.5}
}
.ap-post .ap-section__desc--sm{font-size:clamp(9px, calc(28 / var(--ap-pdp-width) * 100cqi), 28px);line-height:1.5714}
.ap-post .ap-section .ap-image{display:block;max-width:100%}
.ap-post .ap-section .ap-image img{display:block;width:100%}
.ap-post .ap-section .ap-video{display:block;max-width:100%}
.ap-post .ap-section .ap-video video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.ap-post .ap-section .swiper{overflow:hidden}
.ap-post .ap-section .swiper-pagination-horizontal{display:flex;justify-content:center;gap:clamp(0px, calc(10 / var(--ap-pdp-width) * 100cqi), 10px);margin-top:clamp(0px, calc(24 / var(--ap-pdp-width) * 100cqi), 24px)}
@container cont (max-width:750px){
.ap-post .ap-section .swiper-pagination-horizontal{gap:clamp(0px, calc(16 / var(--ap-pdp-width) * 100cqi), 16px)}
}
.ap-post .ap-section .swiper-pagination-bullet{width:clamp(0px, calc(14 / var(--ap-pdp-width) * 100cqi), 14px);height:clamp(0px, calc(14 / var(--ap-pdp-width) * 100cqi), 14px);background:#D9D9D9;opacity:1;border-radius:50%}
.ap-post .ap-section .swiper-pagination-bullet-active{background:#000}
@container cont (max-width:750px){
.ap-post .ap-section .swiper-pagination-bullet{width:clamp(0px, calc(20 / var(--ap-pdp-width) * 100cqi), 20px);height:clamp(0px, calc(20 / var(--ap-pdp-width) * 100cqi), 20px)}
}
.ap-section--intro{padding:0 !important}
.ap-section--intro .ap-section__header{padding:clamp(0px, calc(100 / var(--ap-pdp-width) * 100cqi), 100px) 0}
.ap-section--intro .ap-section__header svg{display:block;width:clamp(0px, calc(220 / var(--ap-pdp-width) * 100cqi), 220px);margin:0 auto}
.ap-section--intro .ap-section__body{position:relative}
.ap-section--intro .ap-section__body .ap-image--bg{position:relative;z-index:1}
.ap-section--intro .ap-section__body .ap-image--bg img{width:100%}
.ap-section--intro .ap-section__body .ap-image--logo{position:absolute;top:50%;left:clamp(0px, calc(260 / var(--ap-pdp-width) * 100cqi), 260px);z-index:2;width:clamp(0px, calc(600 / var(--ap-pdp-width) * 100cqi), 600px);transform:translateY(-50%)}
.ap-section--intro .ap-section__desc{display:block;padding-top:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px);font-weight:600;font-size:clamp(9px, calc(44 / var(--ap-pdp-width) * 100cqi), 44px);line-height:1.3636}
@container cont (max-width:750px){
.ap-section--intro .ap-section__header{padding:clamp(0px, calc(60 / var(--ap-pdp-width) * 100cqi), 60px) 0}
.ap-section--intro .ap-section__header h1{height:clamp(0px, calc(28 / var(--ap-pdp-width) * 100cqi), 28px)}
.ap-section--intro .ap-section__header svg{width:clamp(0px, calc(130 / var(--ap-pdp-width) * 100cqi), 130px);height:clamp(0px, calc(28 / var(--ap-pdp-width) * 100cqi), 28px)}
.ap-section--intro .ap-section__desc{padding-top:clamp(0px, calc(60 / var(--ap-pdp-width) * 100cqi), 60px);font-size:clamp(9px, calc(34 / var(--ap-pdp-width) * 100cqi), 34px);line-height:1.5294}
.ap-section--intro .ap-section__body .ap-image--bg{width:100%}
.ap-section--intro .ap-section__body .ap-image--bg img{width:100%}
.ap-section--intro .ap-section__body .ap-image--logo{width:100%;top:clamp(0px, calc(100 / var(--ap-pdp-width) * 100cqi), 100px);left:0;transform:none}
.ap-section--intro .ap-section__body .ap-image--logo img{width:clamp(0px, calc(420 / var(--ap-pdp-width) * 100cqi), 420px);margin:0 auto}
}
.ap-section--scene .ap-section__inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.ap-section--scene .ap-image,.ap-section--scene .ap-video{width:clamp(0px, calc(840 / var(--ap-pdp-width) * 100cqi), 840px)}
.ap-section--scene .ap-section__title{margin-bottom:clamp(0px, calc(24 / var(--ap-pdp-width) * 100cqi), 24px)}
.ap-section--scene .ap-section__desc:not(.ap-section__desc--sm){margin-bottom:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px)}
.ap-section--scene .ap-section__desc--sm{font-weight:500;margin-top:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px)}
@container cont (max-width:750px){
.ap-section--scene--02{padding-top:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px) !important}
}
@container cont (max-width:750px){
.ap-section--scene .ap-section__title{margin-bottom:clamp(0px, calc(20 / var(--ap-pdp-width) * 100cqi), 20px)}
.ap-section--scene .ap-section__desc:not(.ap-section__desc--sm){margin-bottom:clamp(0px, calc(60 / var(--ap-pdp-width) * 100cqi), 60px)}
}
.ap-section--banner{padding:0 !important}
.ap-section--banner .ap-section__textwrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(0px, calc(20 / var(--ap-pdp-width) * 100cqi), 20px)}
.ap-section--banner--01{position:relative}
.ap-section--banner--01 .ap-section__textwrap{position:absolute;top:50%;left:clamp(0px, calc(260 / var(--ap-pdp-width) * 100cqi), 260px);z-index:2;width:clamp(0px, calc(690 / var(--ap-pdp-width) * 100cqi), 690px);transform:translateY(-50%)}
@container cont (max-width:750px){
.ap-section--banner--01 .ap-section__textwrap{width:100%;left:0;top:clamp(0px, calc(120 / var(--ap-pdp-width) * 100cqi), 120px);transform:none}
}
.ap-section--banner--02 .ap-section__row,.ap-section--banner--03 .ap-section__row{align-items:stretch}
.ap-section--banner--02 .ap-section__textwrap,.ap-section--banner--03 .ap-section__textwrap{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:clamp(0px, calc(140 / var(--ap-pdp-width) * 100cqi), 140px) 0;background:#FAFAFA}
.ap-section--banner--03 .ap-section__textwrap{gap:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px)}
@container cont (max-width:750px){
.ap-section--banner--03 .ap-section__textwrap{padding:clamp(0px, calc(100 / var(--ap-pdp-width) * 100cqi), 100px) 0}
}
.ap-section--banner--03 .ap-section__cta{display:flex;justify-content:center;align-items:center;gap:clamp(0px, calc(12 / var(--ap-pdp-width) * 100cqi), 12px);width:clamp(0px, calc(330 / var(--ap-pdp-width) * 100cqi), 330px);height:clamp(0px, calc(90 / var(--ap-pdp-width) * 100cqi), 90px);background:#000;color:#fff;font-size:clamp(9px, calc(30 / var(--ap-pdp-width) * 100cqi), 30px);line-height:1}
.ap-section--banner--03 .ap-section__cta::after{display:block;content:"";width:clamp(0px, calc(11 / var(--ap-pdp-width) * 100cqi), 11px);height:clamp(0px, calc(20 / var(--ap-pdp-width) * 100cqi), 20px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath d='M11.0029 10.001L1.38672 20.0029L0 18.5605L8.23047 10.001L0 1.44141L1.38672 0L11.0029 10.001Z' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:center}
.ap-section--banner--03 .ap-section__subtitle{font-size:clamp(9px, calc(48 / var(--ap-pdp-width) * 100cqi), 48px);line-height:1.2083}
@container cont (max-width:750px){
.ap-section--banner--03 .ap-section__subtitle{font-size:clamp(9px, calc(44 / var(--ap-pdp-width) * 100cqi), 44px);line-height:1.2273}
}
.ap-section--image .ap-image{width:clamp(0px, calc(840 / var(--ap-pdp-width) * 100cqi), 840px);margin:0 auto}
.ap-section--layering{padding-bottom:0 !important}
.ap-section--layering .ap-section__inner{width:clamp(0px, calc(1280 / var(--ap-pdp-width) * 100cqi), 1280px)}
.ap-section--layering .ap-section__row{align-items:flex-start;gap:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px);margin-top:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px)}
.ap-section--layering .ap-video{position:relative}
.ap-section--layering .ap-video .ap-section__textwrap{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:clamp(0px, calc(20 / var(--ap-pdp-width) * 100cqi), 20px);width:100%;height:100%;background:rgba(0, 0, 0, 0.3);color:#fff;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}
.ap-section--layering .ap-image{flex:none}
.ap-section--layering .ap-image:nth-child(1){width:clamp(0px, calc(720 / var(--ap-pdp-width) * 100cqi), 720px)}
.ap-section--layering .ap-image:nth-child(2){width:clamp(0px, calc(520 / var(--ap-pdp-width) * 100cqi), 520px)}
.ap-section--layering .ap-section__body{width:100%;margin-top:clamp(0px, calc(160 / var(--ap-pdp-width) * 100cqi), 160px);padding-top:clamp(0px, calc(160 / var(--ap-pdp-width) * 100cqi), 160px);padding-bottom:clamp(0px, calc(160 / var(--ap-pdp-width) * 100cqi), 160px);background:#FAFAFA}
.ap-section--layering .ap-section__body .ap-section__title{text-align:center;margin-bottom:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px)}
.ap-section--layering .ap-section__body .ap-video{width:clamp(0px, calc(840 / var(--ap-pdp-width) * 100cqi), 840px);margin:0 auto}
@container cont (max-width:750px){
.ap-section--layering .ap-section__row{flex-direction:row;gap:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px)}
.ap-section--layering .ap-section__row .ap-image:nth-child(1){width:clamp(0px, calc(344 / var(--ap-pdp-width) * 100cqi), 344px)}
.ap-section--layering .ap-section__row .ap-image:nth-child(2){width:clamp(0px, calc(254 / var(--ap-pdp-width) * 100cqi), 254px)}
.ap-section--layering .ap-section__body{margin-top:clamp(0px, calc(140 / var(--ap-pdp-width) * 100cqi), 140px);padding-top:clamp(0px, calc(140 / var(--ap-pdp-width) * 100cqi), 140px);padding-bottom:clamp(0px, calc(140 / var(--ap-pdp-width) * 100cqi), 140px)}
}
.ap-section--look .ap-section__header{text-align:center;margin-bottom:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px)}
.ap-section--look .ap-section__body{width:clamp(0px, calc(1280 / var(--ap-pdp-width) * 100cqi), 1280px);margin:0 auto}
.ap-section--look .ap-section__desc{margin-top:clamp(0px, calc(24 / var(--ap-pdp-width) * 100cqi), 24px)}
.ap-section--look .ap-section__list{display:flex;flex-direction:column;align-items:stretch;width:100%}
.ap-section--look .ap-section__item{display:flex}
.ap-section--look .ap-section__item__textwrap{flex:1;display:flex;flex-direction:column;padding:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px)}
.ap-section--look .ap-section__item__level{font-weight:800;font-size:clamp(9px, calc(36 / var(--ap-pdp-width) * 100cqi), 36px);line-height:1;margin-bottom:clamp(0px, calc(16 / var(--ap-pdp-width) * 100cqi), 16px)}
.ap-section--look .ap-section__item__title{font-weight:800;font-size:clamp(9px, calc(58 / var(--ap-pdp-width) * 100cqi), 58px);line-height:1.1724;margin-bottom:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px)}
.ap-section--look .ap-section__item__list{display:flex;flex-direction:column;gap:clamp(0px, calc(12 / var(--ap-pdp-width) * 100cqi), 12px)}
.ap-section--look .ap-section__item__list li{display:flex;align-items:center;gap:clamp(0px, calc(10 / var(--ap-pdp-width) * 100cqi), 10px)}
.ap-section--look .ap-section__item__badge{display:flex;align-items:center;justify-content:center;min-width:clamp(0px, calc(116 / var(--ap-pdp-width) * 100cqi), 116px);height:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px);border:1px solid;border-radius:100px;font-weight:700;font-size:clamp(9px, calc(24 / var(--ap-pdp-width) * 100cqi), 24px);line-height:normal}
.ap-section--look .ap-section__item__text{font-weight:600;font-size:clamp(9px, calc(22 / var(--ap-pdp-width) * 100cqi), 22px);line-height:1.5455}
.ap-section--look .ap-section__item .ap-look-swiper{width:clamp(0px, calc(600 / var(--ap-pdp-width) * 100cqi), 600px);position:relative;z-index:1}
.ap-section--look .ap-section__item:nth-child(2n){flex-direction:row-reverse;align-items:end}
.ap-section--look .ap-section__item:nth-child(2n) .ap-section__item__textwrap{padding-left:0}
.ap-section--look .ap-section__item:nth-child(2){margin-top:-21.5%}
.ap-section--look .ap-section__item:nth-child(3){margin-top:clamp(0px, calc(28 / var(--ap-pdp-width) * 100cqi), 28px)}
@container cont (max-width:750px){
.ap-section--look .ap-section__header{margin-bottom:clamp(0px, calc(60 / var(--ap-pdp-width) * 100cqi), 60px)}
.ap-section--look .ap-section__body{width:100%}
.ap-section--look .ap-section__desc{margin-top:clamp(0px, calc(20 / var(--ap-pdp-width) * 100cqi), 20px)}
.ap-section--look .ap-section__list{gap:clamp(0px, calc(120 / var(--ap-pdp-width) * 100cqi), 120px)}
.ap-section--look .ap-section__item{flex-direction:column !important;align-items:flex-start !important;margin-top:0 !important}
.ap-section--look .ap-section__item__textwrap{padding:clamp(0px, calc(0 / var(--ap-pdp-width) * 100cqi), 0px)}
.ap-section--look .ap-section__item__title{font-size:clamp(9px, calc(56 / var(--ap-pdp-width) * 100cqi), 56px);line-height:1.2143}
.ap-section--look .ap-section__item__badge{display:flex;align-items:center;justify-content:center;min-width:clamp(0px, calc(116 / var(--ap-pdp-width) * 100cqi), 116px);height:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px);border:1px solid;border-radius:100px;font-weight:700;font-size:clamp(9px, calc(24 / var(--ap-pdp-width) * 100cqi), 24px);line-height:normal}
.ap-section--look .ap-section__item__level{margin-top:clamp(0px, calc(60 / var(--ap-pdp-width) * 100cqi), 60px)}
.ap-section--look .ap-section__item__text{font-size:clamp(9px, calc(24 / var(--ap-pdp-width) * 100cqi), 24px);line-height:1.4167}
.ap-section--look .ap-section__item .ap-look-swiper{width:100%}
}
.ap-section--video{background:#FAFAFA}
.ap-section--video .ap-video{width:clamp(0px, calc(840 / var(--ap-pdp-width) * 100cqi), 840px);margin:0 auto}
@container cont (max-width:750px){
.ap-section--video .ap-video{width:clamp(0px, calc(510 / var(--ap-pdp-width) * 100cqi), 510px)}
}
.ap-section--colors .ap-section__header{text-align:center;margin-bottom:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px)}
.ap-section--colors .ap-section__body{position:relative;width:clamp(0px, calc(1280 / var(--ap-pdp-width) * 100cqi), 1280px);margin:0 auto}
.ap-section--colors .ap-section__color-name{font-weight:500;font-size:clamp(9px, calc(48 / var(--ap-pdp-width) * 100cqi), 48px);line-height:1.2083;text-align:center;margin-top:clamp(0px, calc(35 / var(--ap-pdp-width) * 100cqi), 35px)}
.ap-section--colors .ap-section__color-name .ap-bold{font-weight:800}
.ap-section--colors .ap-color-swiper{width:clamp(0px, calc(1080 / var(--ap-pdp-width) * 100cqi), 1080px);margin:0 auto}
.ap-section--colors .ap-color-swiper .swiper-button-disabled{opacity:0.2 !important}
.ap-section--colors .ap-color-swiper .swiper-button-prev,.ap-section--colors .ap-color-swiper .swiper-button-next{width:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px);height:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23007aff' style='&%2310; fill: black;&%2310;'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;top:clamp(0px, calc(261 / var(--ap-pdp-width) * 100cqi), 261px);right:0}
.ap-section--colors .ap-color-swiper .swiper-button-prev{transform:rotate(180deg);left:0}
.ap-section--colors .ap-color-swiper__pagination{margin-top:clamp(0px, calc(65 / var(--ap-pdp-width) * 100cqi), 65px) !important}
@container cont (max-width:750px){
.ap-section--colors .ap-section__header{margin-bottom:clamp(0px, calc(100 / var(--ap-pdp-width) * 100cqi), 100px)}
.ap-section--colors .ap-section__body{width:100%}
.ap-section--colors .ap-section__color-name{font-size:clamp(9px, calc(32 / var(--ap-pdp-width) * 100cqi), 32px);line-height:1.5}
.ap-section--colors .ap-color-swiper{width:clamp(0px, calc(540 / var(--ap-pdp-width) * 100cqi), 540px)}
.ap-section--colors .ap-color-swiper .swiper-button-prev,.ap-section--colors .ap-color-swiper .swiper-button-next{top:clamp(0px, calc(120 / var(--ap-pdp-width) * 100cqi), 120px);right:calc(-16 / var(--ap-pdp-width) * 100cqi)}
.ap-section--colors .ap-color-swiper .swiper-button-prev{left:calc(-16 / var(--ap-pdp-width) * 100cqi)}
}
/*# sourceMappingURL=style.css.map */