diff --git a/assets/css/pdp_detail.css b/assets/css/pdp_detail.css index 3b21fad..64ee813 100644 --- a/assets/css/pdp_detail.css +++ b/assets/css/pdp_detail.css @@ -92,7 +92,7 @@ margin-top: 3rem; font-size: 1.4rem; font-weight: 400; - color: #0F0B0B; + color: #0f0b0b; line-height: 2.2rem; } @@ -138,7 +138,7 @@ font-size: 1.4rem; font-weight: 400; line-height: 2.2rem; - color: #FFFFFF; + color: #ffffff; } @media (max-width: 1024px) { .comp_1x_w_v_s_eS .comp_top .text_area .info { @@ -208,7 +208,7 @@ margin-top: 3rem; font-size: 1.8rem; font-weight: 400; - color: #FFFFFF; + color: #ffffff; text-align: center; } @media (max-width: 768px) { @@ -217,11 +217,11 @@ } } .comp_1x_w_v_s_eS .comp_bottom .com_bottm_inner .swiper ul li.active img { - border: 1px solid #FFFFFF; + border: 1px solid #ffffff; } .comp_1x_w_v_s_e1 { - border-top: 1px solid #DEDEDE; + border-top: 1px solid #dedede; padding-top: 10rem; } @media (max-width: 1024px) { @@ -267,7 +267,7 @@ left: 0; width: 100%; height: 50%; - background-color: #0F0B0B; + background-color: #0f0b0b; background-size: 100% 50%; z-index: -1; } @@ -276,10 +276,10 @@ padding-top: 4rem; } .comp_1x_w_v_s_e1 .bottom .text_area h3 { - color: #FFFFFF; + color: #ffffff; } .comp_1x_w_v_s_e1 .bottom .text_area p { - color: #FFFFFF; + color: #ffffff; } .comp_1x_w_v_s_e1 .bottom .contents_area { display: flex; @@ -392,7 +392,7 @@ margin-top: 10rem; padding-top: 10rem; padding-bottom: 10rem; - border-top: 1px solid #DEDEDE; + border-top: 1px solid #dedede; } @media (max-width: 1024px) { .comp_1x_b_n_n_e1 { @@ -440,7 +440,7 @@ margin-top: 10rem; padding-top: 10rem; padding-bottom: 10rem; - border-top: 1px solid #DEDEDE; + border-top: 1px solid #dedede; } @media (max-width: 1024px) { .comp_1x_b_n_n_e2 { @@ -709,7 +709,7 @@ display: block; width: 100%; height: 60rem; - background-color: #05141F; + background-color: #05141f; z-index: -1; } @media (max-width: 1025px) { @@ -930,7 +930,7 @@ } .comp_1x_b_h_s_e4 { - border-top: 1px solid #DEDEDE; + border-top: 1px solid #dedede; padding-top: 6rem; } @media (max-width: 768px) { @@ -1212,7 +1212,7 @@ .comp_1x_b_n_n_b { margin-top: 15rem; - background-color: #F3F3F3; + background-color: #f3f3f3; padding: 4rem 0; } @media (max-width: 1024px) { @@ -1284,7 +1284,7 @@ justify-content: space-between; align-items: center; padding: 2rem 0; - border-bottom: 1px solid #DEDEDE; + border-bottom: 1px solid #dedede; } .disclaimerArea .disclaimerInner .disclaimerList .item:last-child { border-bottom: none; @@ -1313,7 +1313,7 @@ .disclaimerArea .disclaimerInner .disclaimerList .item .bar { width: 0.1rem; height: 1.5rem; - background-color: #DEDEDE; + background-color: #dedede; } @media (max-width: 768px) { .disclaimerArea .disclaimerInner .disclaimerList .item .bar { @@ -1356,8 +1356,8 @@ margin-top: 0; padding-top: 10rem; padding-bottom: 10rem; - border-top: 0.1rem solid #DEDEDE; - border-bottom: 0.1rem solid #DEDEDE; + border-top: 0.1rem solid #dedede; + border-bottom: 0.1rem solid #dedede; } .reviewArea:has(+ .qnaArea) { border-bottom: none; @@ -1401,7 +1401,7 @@ font-size: 1.4rem; padding: 1.4rem 2rem; background-color: #fff; - border: 1px solid #DEDEDE; + border: 1px solid #dedede; box-sizing: border-box; cursor: pointer; text-align: left; @@ -1425,7 +1425,7 @@ transform: translate(-50%, 0); width: 1.4rem; height: 0.8rem; - displaY: block; + display: block; background: url("/kr/assets/images/common/icon-notice.svg"); background-size: contain; background-repeat: no-repeat; @@ -1438,7 +1438,7 @@ width: 100%; top: 4.4rem; left: 0; - border: 1px solid #DEDEDE; + border: 1px solid #dedede; box-sizing: border-box; background-color: #fff; z-index: 1; @@ -1481,7 +1481,7 @@ justify-content: space-between; align-items: flex-end; padding: 2rem 0; - border-bottom: 1px solid #DEDEDE; + border-bottom: 1px solid #dedede; } @media (max-width: 768px) { .reviewArea .reviewInner .reviewList .item { @@ -1510,7 +1510,7 @@ .reviewArea .reviewInner .reviewList .item .textArea .title .date { margin-left: 1rem; font-size: 1.4rem; - color: #9EA1A2; + color: #9ea1a2; } .reviewArea .reviewInner .reviewList .item .textArea .contents { margin-top: 1.5rem; @@ -1535,12 +1535,12 @@ align-items: center; margin-top: 1rem; font-size: 1.6rem; - color: #9EA1A2; + color: #9ea1a2; cursor: pointer; } .reviewArea .reviewInner .reviewList .item .textArea .contentMoreBtn::after { content: ""; - displaY: block; + display: block; width: 1rem; height: 1rem; margin-left: 0.5rem; @@ -1569,7 +1569,7 @@ align-items: center; width: 10rem; height: 3.5rem; - border: 1px solid #DEDEDE; + border: 1px solid #dedede; border-radius: 0.6rem; transition: 0.3s; } @@ -1583,7 +1583,7 @@ .reviewArea .reviewInner .reviewList .item .reviewBtnArea .reviewBtn .goodNum { margin-left: 0.8rem; padding-top: 0.2rem; - color: #9EA1A2; + color: #9ea1a2; font-size: 1.4rem; font-weight: 600; line-height: 2rem; @@ -1600,10 +1600,10 @@ align-items: center; height: 14rem; margin-top: 4rem; - border: 1px solid #DEDEDE; + border: 1px solid #dedede; border-radius: 0.6rem; font-size: 1.8rem; - color: #9EA1A2; + color: #9ea1a2; } @media (min-width: 768px) { .reviewArea .reviewInner .noList { @@ -1615,8 +1615,8 @@ margin-top: 0; padding-top: 10rem; padding-bottom: 10rem; - border-top: 0.1rem solid #DEDEDE; - border-bottom: 0.1rem solid #DEDEDE; + border-top: 0.1rem solid #dedede; + border-bottom: 0.1rem solid #dedede; } @media (max-width: 768px) { .qnaArea { @@ -1664,13 +1664,13 @@ } } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl { - border: 1px solid #DEDEDE; + border: 1px solid #dedede; border-radius: 0.6rem; padding: 2rem; position: relative; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl:hover { - border-color: #05141F; + border-color: #05141f; } @media (min-width: 768px) { .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl { @@ -1699,7 +1699,7 @@ display: flex; justify-content: flex-start; align-items: center; - color: #9EA1A2; + color: #9ea1a2; margin-bottom: 1.5rem; font-size: 1.4rem; font-weight: 400; @@ -1711,12 +1711,12 @@ height: 2.5rem; margin-right: 1rem; padding: 0 0.8rem; - border: 0.1rem solid #DEDEDE; + border: 0.1rem solid #dedede; font-size: 1.4rem; font-weight: 400; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dt > p .subTitle .badge.an { - color: #9EA1A2; + color: #9ea1a2; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dt > p .subTitle .badge.ay { color: #000000; @@ -1736,7 +1736,7 @@ transform: rotate(-180deg); width: 1.4rem; height: 0.8rem; - displaY: block; + display: block; background: url("/kr/assets/images/common/icon-notice.svg"); background-size: contain; background-repeat: no-repeat; @@ -1758,7 +1758,7 @@ } } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dt.active + dd { - displaY: block; + display: block; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd { display: none; @@ -1783,7 +1783,7 @@ } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .imageArea .item { width: calc((100% - 4rem) / 3); - border: 0.1rem solid #DEDEDE; + border: 0.1rem solid #dedede; overflow: hidden; margin-right: 2rem; } @@ -1800,10 +1800,10 @@ .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .adminAnswer { margin-top: 3.5rem; padding-top: 3.5rem; - border-top: 0.1rem solid #DEDEDE; + border-top: 0.1rem solid #dedede; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .adminAnswer .subTitle { - color: #9EA1A2; + color: #9ea1a2; font-size: 1.4rem; font-weight: 400; } @@ -1823,7 +1823,7 @@ align-items: center; font-size: 1.6rem; padding: 0.7rem 1rem; - background-color: #F3F3F3; + background-color: #f3f3f3; color: #000000; margin-right: 1rem; margin-bottom: 1rem; @@ -1854,7 +1854,7 @@ margin: 0 auto; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .csBtn .towButton { - displaY: flex; + display: flex; flex-wrap: wrap; } @media (min-width: 768px) { @@ -1883,7 +1883,7 @@ } @media (min-width: 768px) { .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl dd .csBtn .towButton button + button { - margin-lefT: 1rem; + margin-left: 1rem; margin-top: 0; } } @@ -1894,7 +1894,7 @@ border-color: #000; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl.private:hover { - border-color: #DEDEDE; + border-color: #dedede; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl.private dt { cursor: default; @@ -1903,7 +1903,7 @@ content: none; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl.private dt > p span { - color: #9EA1A2; + color: #9ea1a2; } .qnaArea .qnaInner .qnaList .qnaAccodion .accordion dl + dl { margin-top: 1rem; @@ -1913,10 +1913,10 @@ justify-content: center; align-items: center; height: 14rem; - border: 1px solid #DEDEDE; + border: 1px solid #dedede; border-radius: 0.6rem; font-size: 1.8rem; - color: #9EA1A2; + color: #9ea1a2; } @media (min-width: 768px) { .qnaArea .qnaInner .qnaList .qnaAccodion .noList { @@ -2160,7 +2160,7 @@ border: 2px dashed rgba(255, 255, 255, 0.5); } .displayTheme.comp_wide .comp_bottom .com_bottm_inner .swiper .swiper-wrapper .swiper-slide.active { - border: 2px solid #F8C40C; + border: 2px solid #f8c40c; } .displayTheme .comp_top { z-index: 2; @@ -2315,7 +2315,7 @@ width: 5.6rem; height: 0.4rem; border-radius: 0; - background-color: #E9E9E9; + background-color: #e9e9e9; } .displayThemeDtl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #000; @@ -2763,7 +2763,7 @@ height: 7.2rem; padding: 0 0 0 1.6rem; font-size: 1.2rem; - color: #05141F; + color: #05141f; line-height: 2rem; border: 1px solid #000; border-radius: 0.4rem; @@ -2904,13 +2904,31 @@ .streamingPremium.comp_1x_b_v_s_b { margin-top: 4rem; } +@media (max-width: 501px) { + .streamingPremium.comp_1x_b_v_s_b { + margin-top: 2rem; + } +} .streamingPremium.comp_1x_b_v_s_b .mt-12 { - margin-top: 6rem; + margin-top: 12rem; +} +@media (max-width: 501px) { + .streamingPremium.comp_1x_b_v_s_b .mt-12 { + margin-top: 6rem; + } +} +.streamingPremium.comp_1x_b_v_s_b .mb-2 { + margin-bottom: 2rem; +} +@media (max-width: 501px) { + .streamingPremium.comp_1x_b_v_s_b .mb-2 { + margin-top: 1rem; + } } @media (max-width: 768px) { .streamingPremium.comp_1x_w_v_o_b .image_area { overflow: hidden; - height: 80rem; + height: auto; } } .streamingPremium .visualBg { @@ -2978,10 +2996,23 @@ height: 3rem; } } +.streamingPremium .spec-area { + padding: 6rem 0 16rem; +} +@media (max-width: 501px) { + .streamingPremium .spec-area { + padding: 3rem 0 8rem; + } +} .comp_wide.title-only + .comp_wide { margin-top: 4rem; } +.comp_wide .between { + display: flex; + justify-content: space-between; + align-items: center; +} .editorWarp .visualBg img { width: 100%; @@ -3381,4 +3412,53 @@ object-fit: inherit; border-radius: 0.6rem; } + +.pdpDtl .swiper-navigation > * { + top: 210px; + left: -65px; + width: 5rem; + height: 5rem; + border-radius: 50%; + background: rgb(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center/15px auto; +} +.pdpDtl .swiper-navigation > *:after { + display: none; +} +.pdpDtl .swiper-navigation .swiper-button-next { + left: auto; + right: -65px; + transform: rotate(180deg); +} +@media (max-width: 1200px) { + .pdpDtl .swiper-navigation { + display: none; + } +} +.pdpDtl .swiper-pagination { + position: static; + top: 46.4rem; +} +@media (max-width: 1200px) { + .pdpDtl .swiper-pagination { + top: 36.4vw; + } +} +.pdpDtl .swiper-pagination .swiper-pagination-bullet { + opacity: 1; + width: 5.6rem; + height: 0.4rem; + border-radius: 0; + background-color: #e9e9e9; +} +.pdpDtl .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { + background-color: #000; +} + +.scroll_area { + overflow: hidden; + overflow-x: auto; +} +.scroll_area .themeImg { + height: 40rem; +} /*# sourceMappingURL=pdp_detail.css.map */ \ No newline at end of file diff --git a/assets/css/pdp_detail.css.map b/assets/css/pdp_detail.css.map index d0e0ff1..5ec8b16 100644 --- a/assets/css/pdp_detail.css.map +++ b/assets/css/pdp_detail.css.map @@ -1 +1 @@ -{"version":3,"sources":["pdp_detail.css","_utils.scss","pdp_detail.scss"],"names":[],"mappings":"AAAA,gBAAgB;ACAhB,KAAA;AAGA,YAAA;AAOA,mBAAA;AACA,2BAAA;AAiBA,2BAAA;AACA,yDAAA;AAmBA,4BAAA;AAOA,4BAAA;AAOA,iBAAA;AC5DA,cAAA;AAIA;EACI,WAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,iBAAA;AFMJ;AEJI;EACI,aAAA;AFMR;;AEFA;EACI,WAAA;EACA,iBAAA;EACA,cAAA;AFKJ;AEHI;EALJ;IAMQ,eAAA;EFMN;AACF;AEJI;EACI,gBAAA;EACA,gBAAA;AFMR;ACCE;ECTE;IAKQ,gBAAA;EFOV;AACF;AELQ;EACI,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AFOZ;ACVE;ECDM;IAOQ,eAAA;IACA,mBAAA;EFQd;AACF;AEJQ;EACI,gBAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AFMZ;ACtBE;ECYM;IAOQ,iBAAA;IACA,mBAAA;EFOd;AACF;AEJQ;EACI,gBAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;AFMZ;AClCE;ECwBM;IAOQ,eAAA;IACA,mBAAA;EFOd;AACF;AEJQ;EACI,gBAAA;EACA,iBAAA;EACA,mBAAA;EACA,gBAAA;AFMZ;AC9CE;ECoCM;IAOQ,kBAAA;IACA,iBAAA;IACA,mBAAA;EFOd;AACF;AEHQ;EACI,gBAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,mBAAA;AFKZ;;AECI;EACI,WAAA;EACA,eAAA;EACA,yBAAA;AFER;AEAQ;EALJ;IAMQ,YAAA;EFGV;AACF;AEDQ;EACI,aAAA;EACA,8BAAA;EACA,kBAAA;AFGZ;AEDY;EALJ;IAMQ,cAAA;IACA,iBAAA;IACA,oBAAA;EFId;AACF;AEFY;EACI,UAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;EACA,cAAA;AFIhB;AEFgB;EAPJ;IAQQ,WAAA;EFKlB;EEHkB;IACI,aAAA;EFKtB;AACF;AEAY;EACI,UAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;EACA,cAAA;AFEhB;AEAgB;EAPJ;IAQQ,WAAA;IACA,gBAAA;EFGlB;EEDkB;IACI,aAAA;EFGtB;AACF;AEGI;EACI,kBAAA;EACA,WAAA;EACA,aAAA;AFDR;AEGQ;EALJ;IAMQ,aAAA;EFAV;AACF;AEEQ;EATJ;IAUQ,aAAA;EFCV;AACF;AECQ;EAbJ;IAcQ,aAAA;EFEV;AACF;AEEI;EACI,WAAA;EACA,iBAAA;EACA,oBAAA;EACA,yBAAA;AFAR;AEEQ;EACI,WAAA;EACA,iBAAA;EACA,cAAA;EACA,gBAAA;AFAZ;AEGgB;EADJ;IAEQ,mBAAA;EFAlB;AACF;AEGoB;EACI,uBAAA;EACA,eAAA;AFDxB;AEGwB;EAJJ;IAKQ,uBAAA;EFA1B;AACF;AEG4B;EADJ;IAEQ,iBAAA;EFA9B;AACF;AEGwB;EACI,WAAA;EACA,qBAAA;AFD5B;AEIwB;EACI,gBAAA;EACA,iBAAA;EACA,gBAAA;EACA,cAAA;EACA,kBAAA;AFF5B;AEI4B;EAPJ;IAQQ,gBAAA;EFD9B;AACF;AEK4B;EACI,yBAAA;AFHhC;;AEcA;EACI,6BAAA;EACA,kBAAA;AFXJ;AEaI;EAJJ;IAKQ,iBAAA;EFVN;AACF;AEYI;EARJ;IASQ,iBAAA;EFTN;AACF;AEWI;EACI,aAAA;EACA,gBAAA;EACA,gBAAA;AFTR;ACzNE;EC+NE;IAMQ,aAAA;EFRV;AACF;AEUQ;EACI,WAAA;EACA,YAAA;EACA,gBAAA;EACA,oBAAA;KAAA,iBAAA;AFRZ;ACpOE;ECwOM;IAOQ,WAAA;IACA,YAAA;EFPd;AACF;AEYI;EACI,kBAAA;AFVR;AEYQ;EACI,WAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,WAAA;EACA,yBAAA;EACA,yBAAA;EACA,WAAA;AFVZ;AEaQ;EACI,aAAA;EACA,iBAAA;AFXZ;AEaY;EACI,cAAA;AFXhB;AEcY;EACI,cAAA;AFZhB;AEgBQ;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,2BAAA;AFdZ;AEgBY;EACI,mBAAA;AFdhB;AEgBgB;EACI,kBAAA;EACA,gBAAA;AFdpB;AEgBoB;EAJJ;IAKQ,eAAA;EFbtB;AACF;AEiBY;EAnBJ;IAoBQ,cAAA;EFdd;AACF;AEgBY;EACI,UAAA;EACA,0BAAA;AFdhB;AEgBgB;EAJJ;IAKQ,WAAA;EFblB;AACF;AEegB;EACI,0BAAA;EACA,qBAAA;AFbpB;AEiBY;EACI,UAAA;EACA,mBAAA;AFfhB;AEiBgB;EAJJ;IAKQ,WAAA;IACA,gBAAA;EFdlB;AACF;AEgBgB;EACI,cAAA;AFdpB;AEiBgB;EACI,cAAA;AFfpB;;AEwBI;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;AFrBR;AEuBQ;EALJ;IAMQ,cAAA;EFpBV;AACF;AEsBQ;EACI,aAAA;AFpBZ;AEwBY;EADJ;IAEQ,gBAAA;EFrBd;AACF;AEwBgB;EACI,mBAAA;AFtBpB;AEyBgB;EALJ;IAMQ,WAAA;IACA,YAAA;EFtBlB;EEwBkB;IACI,iBAAA;EFtBtB;AACF;AE4BI;EACI,aAAA;EACA,gBAAA;EACA,gBAAA;AF1BR;AC1VE;ECiXE;IAMQ,aAAA;EFzBV;AACF;AE2BQ;EACI,WAAA;EACA,YAAA;EACA,gBAAA;EACA,oBAAA;KAAA,iBAAA;AFzBZ;ACrWE;EC0XM;IAOQ,WAAA;IACA,YAAA;EFxBd;AACF;;AEgCA;EACI,iBAAA;EACA,kBAAA;EACA,qBAAA;EACA,6BAAA;AF7BJ;AE+BI;EANJ;IAOQ,gBAAA;IACA,iBAAA;IACA,oBAAA;EF5BN;AACF;AE8BI;EACI,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,cAAA;AF5BR;AE+BI;EACI,kBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,2CAAA;EACA,iBAAA;EACA,SAAA;AF7BR;AE+BQ;EATJ;IAUQ,gBAAA;EF5BV;AACF;AE8BQ;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;AF5BZ;AE+BQ;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;AF7BZ;;AEkCA;EACI,iBAAA;EACA,kBAAA;EACA,qBAAA;EACA,6BAAA;AF/BJ;AEiCI;EANJ;IAOQ,gBAAA;IACA,iBAAA;IACA,oBAAA;EF9BN;AACF;AEgCI;EACI,eAAA;EACA,gBAAA;EACA,gBAAA;EACA,cAAA;AF9BR;AEiCI;EACI,kBAAA;EACA,kBAAA;EACA,sBAAA;EACA,gBAAA;EACA,2CAAA;EACA,iBAAA;EACA,SAAA;AF/BR;AEiCQ;EATJ;IAUQ,gBAAA;EF9BV;AACF;AEgCQ;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;AF9BZ;;ACpcE;ECweE;IAEQ,aAAA;EFjCV;AACF;AEmCQ;EACI,WAAA;EACA,gBAAA;AFjCZ;AC9cE;EC6eM;IAKQ,WAAA;IACA,YAAA;IACA,oBAAA;OAAA,iBAAA;EFhCd;AACF;;AEsCA;EACI,kBAAA;AFnCJ;AC5cE;ECifE;IAEQ,aAAA;EFnCV;AACF;AEqCQ;EACI,WAAA;EACA,gBAAA;AFnCZ;ACrdE;ECsfM;IAKQ,WAAA;IACA,YAAA;IACA,oBAAA;OAAA,iBAAA;EFlCd;AACF;AEuCQ;EACI,kBAAA;EACA,MAAA;EACA,SAAA;EACA,2BAAA;AFrCZ;AEuCY;EACI,gBAAA;AFrChB;AC9dE;ECkgBU;IAIQ,gBAAA;EFpClB;AACF;AEwCQ;EACI,kBAAA;EACA,SAAA;EACA,SAAA;EACA,2BAAA;EACA,aAAA;EACA,yBAAA;EACA,oBAAA;AFtCZ;AEwCY;EACI,YAAA;AFtChB;AC/eE;EC2gBM;IAcQ,kBAAA;IACA,aAAA;IACA,kBAAA;IACA,cAAA;EFtCd;EEwCc;IACI,WAAA;EFtClB;AACF;;AE4CA;EACI,kBAAA;AFzCJ;ACrgBE;ECgjBE;IAEQ,aAAA;EFzCV;AACF;AE2CQ;EACI,WAAA;EACA,gBAAA;AFzCZ;AC9gBE;ECqjBM;IAKQ,WAAA;IACA,YAAA;IACA,oBAAA;OAAA,iBAAA;EFxCd;AACF;AE6CQ;EACI,yBAAA;AF3CZ;AE+CQ;EACI,kBAAA;EACA,MAAA;EACA,SAAA;EACA,2BAAA;AF7CZ;AE+CY;EACI,gBAAA;AF7ChB;AC1hBE;ECskBU;IAIQ,gBAAA;EF5ClB;AACF;AEiDY;EACI,yBAAA;AF/ChB;;AEqDA;EACI,kBAAA;AFlDJ;AEoDI;EACI,aAAA;AFlDR;AChjBE;ECimBE;IAIQ,aAAA;EFjDV;AACF;AEmDQ;EACI,WAAA;EACA,YAAA;EACA,WAAA;EACA,gBAAA;EACA,oBAAA;KAAA,iBAAA;AFjDZ;AEsDQ;EACI,kBAAA;EACA,MAAA;EACA,SAAA;EACA,2BAAA;AFpDZ;AEsDY;EACI,gBAAA;AFpDhB;AC9jBE;ECinBU;IAIQ,gBAAA;EFnDlB;AACF;AEuDQ;EACI,kBAAA;EACA,MAAA;EACA,SAAA;EACA,2BAAA;EAEA,oBAAA;AFtDZ;AEwDY;EACI,YAAA;EACA,iBAAA;AFtDhB;AEyDY;EACI,gBAAA;AFvDhB;AEyDgB;EACI,kBAAA;AFvDpB;ACplBE;EC0nBM;IAsBQ,kBAAA;IACA,aAAA;IACA,kBAAA;IACA,cAAA;EFxDd;EE0Dc;IACI,WAAA;IACA,gBAAA;EFxDlB;AACF;;ACpnBE;ECorBE;IAEQ,aAAA;EF7DV;AACF;AE+DQ;EACI,WAAA;EACA,gBAAA;EACA,qBAAA;AF7DZ;AC/nBE;ECyrBM;IAMQ,WAAA;IACA,YAAA;IACA,oBAAA;OAAA,iBAAA;EF5Dd;AACF;;AEoEQ;EACI,WAAA;EACA,gBAAA;EACA,qBAAA;AFjEZ;AEqEI;EACI,aAAA;EACA,8BAAA;AFnER;AC5nBE;EC6rBE;IAKQ,cAAA;EFlEV;AACF;AEoEQ;EACI,8BAAA;AFlEZ;ACpoBE;ECqsBM;IAIQ,WAAA;EFjEd;AACF;;AEsEA;EACI,kBAAA;AFnEJ;AEqEI;EACI,WAAA;EACA,kBAAA;EACA,MAAA;EACA,cAAA;EACA,WAAA;EACA,aAAA;EACA,yBAAA;EACA,WAAA;AFnER;ACvpBE;ECktBE;IAWQ,WAAA;EFlEV;AACF;AEqEI;EACI,aAAA;EACA,8BAAA;EACA,iBAAA;AFnER;ACjqBE;ECiuBE;IAMQ,cAAA;IACA,iBAAA;EFlEV;AACF;AEoEQ;EACI,8BAAA;EACA,cAAA;AFlEZ;AC3qBE;EC2uBM;IAKQ,WAAA;EFjEd;AACF;AEqEI;EACI,gBAAA;AFnER;ACnrBE;ECqvBE;IAIQ,gBAAA;EFlEV;AACF;AEoEQ;EACI,WAAA;EACA,gBAAA;EACA,qBAAA;AFlEZ;;AE2EI;EACI,kBAAA;AFxER;AE0EQ;EACI,aAAA;AFxEZ;AE0EY;EACI,WAAA;EACA,YAAA;EACA,WAAA;EACA,gBAAA;EACA,oBAAA;KAAA,iBAAA;EACA,qBAAA;AFxEhB;AE4EQ;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,cAAA;EACA,gBAAA;EACA,eAAA;AF1EZ;ACrtBE;ECwxBM;IAUQ,gBAAA;IACA,eAAA;EFzEd;AACF;;AE+EI;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;AF5ER;ACxuBE;ECizBE;IAMQ,cAAA;EF3EV;AACF;AE6EQ;EACI,UAAA;AF3EZ;AChvBE;EC0zBM;IAIQ,WAAA;EF1Ed;AACF;AE4EY;EACI,WAAA;AF1EhB;AE8EQ;EACI,UAAA;EACA,aAAA;AF5EZ;AC5vBE;ECs0BM;IAKQ,WAAA;IACA,UAAA;EF3Ed;AACF;;AEkFI;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;AF/ER;ACxwBE;ECo1BE;IAMQ,cAAA;EF9EV;AACF;AEgFQ;EACI,UAAA;AF9EZ;AChxBE;EC61BM;IAIQ,WAAA;EF7Ed;AACF;AE+EY;EACI,WAAA;EACA,qBAAA;AF7EhB;AEiFQ;EACI,UAAA;EACA,aAAA;AF/EZ;AC7xBE;EC02BM;IAKQ,WAAA;IACA,gBAAA;EF9Ed;AACF;AEkFY;EACI,kBAAA;AFhFhB;ACtyBE;ECq3BU;IAIQ,eAAA;EF/ElB;AACF;AEoFQ;EAEI,2BAAA;AFnFZ;AEqFY;EACI,mBAAA;AFnFhB;ACjzBE;ECm4BU;IAIQ,gBAAA;EFlFlB;AACF;AEsFQ;EACI,gBAAA;AFpFZ;;AE0FI;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;AFvFR;AC/zBE;ECm5BE;IAMQ,cAAA;EFtFV;AACF;AEwFQ;EACI,UAAA;EACA,iBAAA;AFtFZ;ACx0BE;EC45BM;IAKQ,WAAA;EFrFd;AACF;AEuFY;EACI,WAAA;EACA,qBAAA;AFrFhB;AEwFY;EACI,WAAA;EACA,qBAAA;AFtFhB;AE0FQ;EACI,UAAA;EACA,aAAA;AFxFZ;ACz1BE;EC+6BM;IAKQ,WAAA;IACA,gBAAA;EFvFd;AACF;AE2FY;EACI,kBAAA;AFzFhB;ACl2BE;EC07BU;IAIQ,eAAA;EFxFlB;AACF;AE6FQ;EACI,2BAAA;AF3FZ;AE6FY;EACI,mBAAA;AF3FhB;AC72BE;ECu8BU;IAIQ,gBAAA;EF1FlB;AACF;AE8FQ;EACI,gBAAA;AF5FZ;;AEiGA;EACI,6BAAA;EACA,iBAAA;AF9FJ;AC13BE;ECs9BF;IAKQ,mBAAA;EF7FN;AACF;AE+FI;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,eAAA;AF7FR;ACr4BE;EC89BE;IAOQ,cAAA;EF5FV;AACF;AE8FQ;EACI,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,WAAA;EACA,mBAAA;AF5FZ;AE8FY;EACI,UAAA;EACA,gBAAA;AF5FhB;AE8FgB;EACI,WAAA;AF5FpB;AEgGY;EACI,UAAA;EACA,aAAA;EACA,iBAAA;AF9FhB;AEgGgB;EACI,cAAA;AF9FpB;;AEuGI;EACI,aAAA;EACA,8BAAA;EACA,uBAAA;AFpGR;ACt6BE;ECugCE;IAMQ,cAAA;EFnGV;AACF;AEqGQ;EACI,aAAA;EACA,sBAAA;EACA,8BAAA;AFnGZ;ACh7BE;ECghCM;IAMQ,cAAA;IACA,WAAA;EFlGd;AACF;AEoGY;EACI,WAAA;AFlGhB;AEoGgB;EACI,WAAA;EACA,qBAAA;AFlGpB;AEsGY;EACI,8BAAA;EACA,gBAAA;AFpGhB;ACj8BE;ECmiCU;IAKQ,cAAA;EFnGlB;AACF;AEsGY;EACI,oBAAA;AFpGhB;;AE6GI;EACI,aAAA;EACA,8BAAA;EACA,uBAAA;AF1GR;AC/8BE;ECsjCE;IAMQ,cAAA;EFzGV;AACF;AE2GQ;EACI,8BAAA;AFzGZ;ACv9BE;EC+jCM;IAIQ,WAAA;IACA,cAAA;EFxGd;AACF;AE0GY;EACI,WAAA;AFxGhB;AE0GgB;EACI,WAAA;EACA,qBAAA;AFxGpB;ACp+BE;ECglCU;IAEQ,gBAAA;EF1GlB;AACF;;AEiHI;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;AF9GR;AC/+BE;EC0lCE;IAMQ,cAAA;EF7GV;AACF;AE+GQ;EACI,UAAA;AF7GZ;ACv/BE;ECmmCM;IAIQ,WAAA;EF5Gd;AACF;AE8GY;EACI,WAAA;EACA,qBAAA;AF5GhB;AEgHQ;EACI,uBAAA;EACA,aAAA;AF9GZ;ACpgCE;ECgnCM;IAKQ,WAAA;IACA,gBAAA;EF7Gd;AACF;AE+GY;EACI,kBAAA;AF7GhB;AE+GgB;EACI,aAAA;EACA,2BAAA;EACA,mBAAA;AF7GpB;AE+GoB;EACI,aAAA;EACA,iBAAA;EACA,iBAAA;EACA,mBAAA;EACA,cAAA;AF7GxB;AEgHoB;EACI,gBAAA;AF9GxB;;AEuHI;EACI,aAAA;EACA,8BAAA;EACA,uBAAA;EACA,eAAA;AFpHR;ACniCE;ECmpCE;IAOQ,cAAA;EFnHV;AACF;AEqHQ;EACI,aAAA;EACA,2BAAA;EACA,uBAAA;EACA,8BAAA;EACA,mBAAA;AFnHZ;AC/iCE;EC6pCM;IAQQ,WAAA;EFlHd;AACF;AEoHY;EACI,UAAA;EACA,gBAAA;AFlHhB;AEoHgB;EACI,WAAA;AFlHpB;AEsHY;EACI,UAAA;EACA,aAAA;EACA,iBAAA;AFpHhB;AEsHgB;EACI,cAAA;AFpHpB;;AE6HI;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,eAAA;AF1HR;AC1kCE;ECgsCE;IAOQ,cAAA;EFzHV;AACF;AE2HQ;EACI,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,8BAAA;EACA,mBAAA;AFzHZ;ACtlCE;EC0sCM;IAQQ,WAAA;EFxHd;AACF;AE0HY;EACI,UAAA;EACA,gBAAA;AFxHhB;AE0HgB;EACI,WAAA;AFxHpB;AE4HY;EACI,UAAA;EACA,aAAA;EACA,iBAAA;AF1HhB;AE4HgB;EACI,cAAA;AF1HpB;;AEmII;EACI,aAAA;EACA,8BAAA;EACA,uBAAA;EACA,eAAA;AFhIR;ACjnCE;EC6uCE;IAOQ,cAAA;EF/HV;AACF;AEiIQ;EACI,+BAAA;AF/HZ;ACznCE;ECuvCM;IAIQ,WAAA;EF9Hd;EEgIc;IACI,gBAAA;EF9HlB;AACF;AEiIY;EACI,WAAA;AF/HhB;AEiIgB;EACI,WAAA;EACA,qBAAA;AF/HpB;AEmIY;EACI,gBAAA;AFjIhB;AEmIgB;EACI,kBAAA;AFjIpB;;AEyIA;EACI,iBAAA;EACA,yBAAA;EACA,eAAA;AFtIJ;AEwII;EALJ;IAMQ,gBAAA;EFrIN;AACF;AEwIQ;EACI,iBAAA;EACA,gBAAA;EACA,cAAA;AFtIZ;AEyIQ;EACI,gBAAA;AFvIZ;AEyIY;EACI,kBAAA;EACA,6BAAA;EACA,iBAAA;EACA,gBAAA;EACA,mBAAA;AFvIhB;AEyIgB;EACI,YAAA;EACA,kBAAA;EACA,WAAA;EACA,OAAA;AFvIpB;;AEgJA;EACI,qBAAA;AF7IJ;AClrCE;EC8zCF;IAIQ,oBAAA;EF5IN;AACF;;AE+IA;EACI,qBAAA;AF5IJ;AC3rCE;ECs0CF;IAIQ,oBAAA;EF3IN;AACF;AE8IQ;EACI,WAAA;EACA,iBAAA;EACA,gBAAA;AF5IZ;ACrsCE;EC80CM;IAMQ,iBAAA;EF3Id;AACF;AE8IQ;EACI,gBAAA;EACA,6BAAA;EACA,gCAAA;AF5IZ;AC/sCE;ECw1CM;IAMQ,gBAAA;EF3Id;AACF;AE6IY;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;EACA,eAAA;EACA,gCAAA;AF3IhB;AE6IgB;EACI,mBAAA;AF3IpB;AC9tCE;ECi2CU;IAYQ,cAAA;EF3IlB;AACF;AE6IgB;EACI,cAAA;EACA,mBAAA;EACA,iBAAA;EACA,mBAAA;EACA,gBAAA;EACA,oBAAA;AF3IpB;AC3uCE;ECg3Cc;IASQ,WAAA;IACA,gBAAA;IACA,iBAAA;IACA,mBAAA;EF1ItB;AACF;AE6IgB;EACI,aAAA;EACA,cAAA;EACA,yBAAA;AF3IpB;ACxvCE;ECg4Cc;IAMQ,aAAA;EF1ItB;AACF;AE6IgB;EACI,2BAAA;EACA,kBAAA;EACA,iBAAA;EACA,mBAAA;EACA,oBAAA;EACA,cAAA;AF3IpB;ACrwCE;EC04Cc;IASQ,WAAA;IACA,iBAAA;IACA,mBAAA;IACA,kBAAA;IACA,eAAA;EF1ItB;AACF;AE4IoB;EACI,kBAAA;EACA,kBAAA;AF1IxB;AE4IwB;EACI,YAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,mBAAA;AF1I5B;AE6IwB;EACI,cAAA;AF3I5B;;AEqJA;EACI,aAAA;EACA,kBAAA;EACA,qBAAA;EACA,gCAAA;EACA,mCAAA;AFlJJ;AEoJI;EACI,mBAAA;AFlJR;ACvyCE;ECi7CF;IAYQ,iBAAA;IACA,oBAAA;EFlJN;AACF;AEqJQ;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;AFnJZ;AEqJY;EACI,WAAA;EACA,iBAAA;EACA,gBAAA;AFnJhB;ACvzCE;ECu8CU;IAMQ,iBAAA;EFlJlB;AACF;AEuJoB;EACI,kBAAA;EACA,WAAA;EACA,cAAA;EACA,gBAAA;AFrJxB;ACv0CE;ECw9CkB;IAOQ,YAAA;EFpJ1B;AACF;AEsJwB;EACI,kBAAA;EACA,WAAA;EACA,cAAA;EACA,iBAAA;EACA,oBAAA;EACA,sBAAA;EACA,yBAAA;EACA,sBAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,cAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;AFpJ5B;AC91CE;ECk+CsB;IAmBQ,iBAAA;EFnJ9B;AACF;AEqJ4B;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,QAAA;EACA,6BAAA;EACA,aAAA;EACA,cAAA;EACA,cAAA;EACA,2DAAA;EACA,wBAAA;EACA,4BAAA;EACA,0BAAA;AFnJhC;AEuJwB;EACI,aAAA;EACA,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,WAAA;EACA,OAAA;EACA,yBAAA;EACA,sBAAA;EACA,sBAAA;EACA,UAAA;AFrJ5B;AEyJ4B;EACI,uBAAA;AFvJhC;AE2JwB;EACI,cAAA;AFzJ5B;AE4JwB;EACI,iBAAA;EACA,cAAA;EACA,sBAAA;AF1J5B;AE6JwB;EACI,WAAA;EACA,iBAAA;EACA,YAAA;EACA,sBAAA;EACA,eAAA;EACA,gBAAA;EACA,QAAA;EACA,mBAAA;EACA,uBAAA;EACA,gBAAA;AF3J5B;AEoKQ;EACI,gBAAA;EACA,6BAAA;EACA,gCAAA;AFlKZ;ACp5CE;ECmjDM;IAMQ,gBAAA;EFjKd;AACF;AEmKY;EACI,aAAA;EACA,8BAAA;EACA,qBAAA;EACA,eAAA;EACA,gCAAA;AFjKhB;ACh6CE;EC4jDU;IAQQ,cAAA;EFhKlB;AACF;AEkKgB;EACI,yBAAA;EACA,mBAAA;AFhKpB;ACz6CE;ECukDc;IAKQ,WAAA;IACA,gBAAA;EF/JtB;AACF;AEiKoB;EACI,aAAA;EACA,2BAAA;EACA,mBAAA;AF/JxB;AEiKwB;EACI,iBAAA;EACA,gBAAA;AF/J5B;AEkKwB;EACI,iBAAA;EACA,iBAAA;EACA,cAAA;AFhK5B;AEoKoB;EACI,kBAAA;EACA,iBAAA;EACA,mBAAA;AFlKxB;ACl8CE;ECimDkB;IAMQ,kBAAA;EFjK1B;AACF;AEmKwB;EACI,mBAAA;EACA,uBAAA;EACA,oBAAA;EACA,qBAAA;EACA,4BAAA;EACA,gBAAA;AFjK5B;AEqKoB;EACI,aAAA;EACA,mBAAA;EACA,gBAAA;EACA,iBAAA;EACA,cAAA;EACA,eAAA;AFnKxB;AEqKwB;EACI,WAAA;EACA,cAAA;EACA,WAAA;EACA,YAAA;EACA,mBAAA;EACA,+DAAA;EACA,wBAAA;EACA,4BAAA;EACA,2BAAA;AFnK5B;AEuK4B;EACI,kEAAA;AFrKhC;AE4KgB;EACI,YAAA;AF1KpB;ACx+CE;ECipDc;IAIQ,aAAA;IACA,yBAAA;IACA,WAAA;IACA,kBAAA;EFzKtB;AACF;AE2KoB;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,cAAA;EACA,yBAAA;EACA,qBAAA;EACA,gBAAA;AFzKxB;AE2KwB;EACI,WAAA;EACA,YAAA;EACA,+DAAA;EACA,4BAAA;EACA,wBAAA;AFzK5B;AE4KwB;EACI,mBAAA;EACA,mBAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;EACA,iBAAA;AF1K5B;AE6KwB;EACI,yBAAA;AF3K5B;AE+K4B;EACI,cAAA;AF7KhC;AEqLQ;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,aAAA;EACA,gBAAA;EACA,yBAAA;EACA,qBAAA;EACA,iBAAA;EACA,cAAA;AFnLZ;AC/hDE;ECysDM;IAYQ,eAAA;EFlLd;AACF;;AEwLA;EACI,aAAA;EACA,kBAAA;EACA,qBAAA;EACA,gCAAA;EACA,mCAAA;AFrLJ;ACviDE;ECutDF;IAQQ,iBAAA;IACA,oBAAA;EFpLN;AACF;AEuLQ;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;AFrLZ;AEuLY;EACI,WAAA;EACA,iBAAA;EACA,gBAAA;AFrLhB;ACvjDE;ECyuDU;IAMQ,iBAAA;EFpLlB;AACF;AEwLQ;EACI,gBAAA;AFtLZ;AC/jDE;ECovDM;IAIQ,gBAAA;EFrLd;AACF;AEwLQ;EACI,WAAA;EACA,gBAAA;AFtLZ;AC1jDE;EC8uDM;IAOQ,iBAAA;IACA,gBAAA;EFvLd;AACF;ACzjDE;ECuuDM;IAYQ,eAAA;IACA,gBAAA;EFtLd;AACF;AE0LoB;EACI,yBAAA;EACA,qBAAA;EACA,aAAA;EACA,kBAAA;AFxLxB;AE0LwB;EACI,qBAAA;AFxL5B;AClmDE;ECmxDkB;IAWQ,eAAA;EFxL1B;AACF;AE0LwB;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;EACA,eAAA;AFxL5B;AC7lDE;EC8wDsB;IAUQ,iBAAA;EFvL9B;AACF;AEyL4B;EACI,kBAAA;EACA,UAAA;AFvLhC;AEyLgC;EACI,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,cAAA;EACA,qBAAA;EACA,iBAAA;EACA,gBAAA;AFvLpC;AEyLoC;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,cAAA;EACA,kBAAA;EACA,iBAAA;EACA,4BAAA;EACA,iBAAA;EACA,gBAAA;AFvLxC;AEyLwC;EACI,cAAA;AFvL5C;AE0LwC;EACI,cAAA;AFxL5C;AE6LgC;EACI,gBAAA;AF3LpC;AE+L4B;EACI,kCAAA;AF7LhC;AEgM4B;EACI,WAAA;EACA,kBAAA;EACA,WAAA;EACA,QAAA;EACA,6BAAA;EACA,0BAAA;EACA,aAAA;EACA,cAAA;EACA,cAAA;EACA,2DAAA;EACA,wBAAA;EACA,4BAAA;AF9LhC;ACvqDE;ECy1D0B;IAeQ,QAAA;IACA,WAAA;EF7LlC;AACF;AEkM4B;EACI,uBAAA;EACA,4BAAA;EACA,WAAA;AFhMhC;AClrDE;EC+2D0B;IAMQ,WAAA;EF/LlC;AACF;AEmMwB;EACI,cAAA;AFjM5B;AEoMwB;EACI,aAAA;EACA,gBAAA;AFlM5B;AEoM4B;EACI,iBAAA;EACA,mBAAA;EACA,cAAA;AFlMhC;AChrDE;EC+2D0B;IAMQ,iBAAA;EFjMlC;AACF;AEoM4B;EACI,aAAA;EACA,2BAAA;EACA,mBAAA;EACA,WAAA;EACA,gBAAA;AFlMhC;AEoMgC;EACI,8BAAA;EACA,4BAAA;EACA,gBAAA;EACA,kBAAA;AFlMpC;AEoMoC;EACI,eAAA;AFlMxC;AEqMoC;EACI,kBAAA;EACA,iBAAA;EACA,4BAAA;EACA,wBAAA;EACA,2BAAA;AFnMxC;AEwM4B;EACI,kBAAA;EACA,mBAAA;EACA,gCAAA;AFtMhC;AEwMgC;EACI,cAAA;EACA,iBAAA;EACA,gBAAA;AFtMpC;AEyMgC;EACI,kBAAA;AFvMpC;AE0MgC;EACI,aAAA;EACA,2BAAA;EACA,eAAA;EACA,WAAA;EACA,gBAAA;AFxMpC;AE0MoC;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,iBAAA;EACA,oBAAA;EACA,yBAAA;EACA,cAAA;EACA,kBAAA;EACA,mBAAA;AFxMxC;AE0MwC;EACI,0BAAA;AFxM5C;AE2MwC;EACI,WAAA;EACA,YAAA;EACA,mEAAA;EACA,yBAAA;EACA,mBAAA;AFzM5C;AE+M4B;EACI,cAAA;EACA,gBAAA;EACA,WAAA;AF7MhC;AC7wDE;ECu9D0B;IAMQ,YAAA;IACA,gBAAA;EF5MlC;AACF;AE8MgC;EACI,YAAA;EACA,cAAA;AF5MpC;AE+MgC;EACI,aAAA;EACA,eAAA;AF7MpC;AC3xDE;ECs+D8B;IAKQ,iBAAA;EF5MtC;AACF;AE8MoC;EACI,eAAA;AF5MxC;ACnyDE;EC8+DkC;IAIQ,oBAAA;EF3M1C;AACF;AE8MoC;EACI,cAAA;AF5MxC;AC3yDE;ECs/DkC;IAIQ,mBAAA;EF3M1C;AACF;AE8MoC;EACI,gBAAA;AF5MxC;ACnzDE;EC8/DkC;IAIQ,iBAAA;IACA,aAAA;EF3M1C;AACF;AEkNwB;EACI,oBAAA;AFhN5B;AEoNoB;EACI,kBAAA;AFlNxB;AEsNwB;EACI,qBAAA;AFpN5B;AEuNwB;EACI,eAAA;AFrN5B;AEuN4B;EACI,aAAA;AFrNhC;AE2NgC;EACI,cAAA;AFzNpC;AE+NoB;EACI,gBAAA;AF7NxB;AEiOgB;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,aAAA;EAEA,yBAAA;EACA,qBAAA;EACA,iBAAA;EACA,cAAA;AFhOpB;ACx1DE;EC+iEc;IAYQ,eAAA;EF/NtB;AACF;;AEsOA;EACI,WAAA;EACA,cAAA;EACA,eAAA;AFnOJ;ACh1DE;ECgjEF;IAMQ,YAAA;EFlON;AACF;AEoOI;;EAEI,aAAA;AFlOR;ACz1DE;ECyjEE;;IAKQ,aAAA;EFhOV;AACF;;AEsOI;EACI,kCAAA;AFnOR;;AEyOI;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;AFtOR;ACh3DE;ECmlEE;IAMQ,gBAAA;IACA,aAAA;EFrOV;AACF;AEuOQ;EAVJ;IAWQ,aAAA;EFpOV;AACF;ACl4DE;EC0lEE;IAeQ,aAAA;EFnOV;AACF;ACp5DE;ECumEE;IAmBQ,aAAA;EFlOV;AACF;AEoOQ;EACI,WAAA;EACA,oBAAA;KAAA,iBAAA;EACA,0BAAA;KAAA,uBAAA;AFlOZ;AC14DE;ECymEM;IAMQ,WAAA;IACA,sBAAA;OAAA,mBAAA;IACA,2BAAA;OAAA,wBAAA;EFjOd;AACF;AEmOY;EACI,aAAA;AFjOhB;ACp5DE;ECynEc;IACI,aAAA;EFlOlB;EEqOc;IACI,cAAA;IACA,sBAAA;OAAA,mBAAA;IACA,YAAA;EFnOlB;AACF;AEwOQ;EACI,WAAA;EACA,aAAA;EACA,kBAAA;EACA,SAAA;EACA,OAAA;EACA,UAAA;EACA,WAAA;EACA,WAAA;EACA,8BAAA;EACA,wFAAA;AFtOZ;AE6OgB;EACI,kBAAA;AF3OpB;ACp7DE;EC8pEc;IAIQ,2BAAA;EF1OtB;AACF;ACz7DE;ECuqEU;IAEQ,2BAAA;EF5OlB;EE8OkB;IACI,eAAA;EF5OtB;EE+OkB;IACI,iBAAA;EF7OtB;AACF;AEmPQ;EACI,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;AFjPZ;ACn8DE;ECgrEM;IASQ,eAAA;EFlPd;AACF;AC/8DE;ECurEM;IAcQ,eAAA;EFlPd;AACF;AEoPY;EACI,gBAAA;EACA,eAAA;EACA,kBAAA;AFlPhB;AEoPgB;EACI,iBAAA;EACA,oCAAA;AFlPpB;AC79DE;ECwsEU;IAWQ,oBAAA;EFlPlB;EEoPkB;IACI,iBAAA;EFlPtB;AACF;AEsPY;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;AFpPhB;ACt+DE;ECotEU;IASQ,eAAA;EFnPlB;AACF;ACl/DE;EC2tEU;IAaQ,iBAAA;EFlPlB;AACF;AEoPgB;EACI,iBAAA;EACA,WAAA;EACA,gBAAA;AFlPpB;AEoPoB;EAEI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,UAAA;EACA,aAAA;EACA,OAAA;EACA,UAAA;EACA,YAAA;EACA,wBAAA;EACA,4EAAA;AFnPxB;AEsPoB;EACI,UAAA;EACA,QAAA;EACA,2EAAA;AFpPxB;AC7gEE;ECswEsB;IAEI,aAAA;EFvP1B;AACF;AE0PoB;EAjCJ;IAkCQ,mBAAA;EFvPtB;AACF;AEyPoB;EACI,WAAA;EACA,kCAAA;AFvPxB;AEyPwB;EACI,yBAAA;EACA,YAAA;EACA,6BAAA;EACA,eAAA;AFvP5B;ACjiEE;ECoxEsB;IAOQ,uBAAA;IACA,eAAA;EFtP9B;AACF;AEyPgC;EADJ;IAEQ,iBAAA;EFtPlC;AACF;AEyP4B;EACI,eAAA;AFvPhC;AE0P4B;EACI,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;EACA,yBAAA;EACA,gBAAA;AFxPhC;AE0PgC;EARJ;IASQ,kBAAA;EFvPlC;AACF;AE0P4B;EACI,2CAAA;AFxPhC;AE2P4B;EACI,yBAAA;AFzPhC;AEqQI;EACI,UAAA;AFnQR;AE0QgB;EACI,eAAA;EACA,mBAAA;AFxQpB;AE2QgB;EACI,iBAAA;AFzQpB;AE4QgB;EACI,OAAA;AF1QpB;AEgRI;EACI,kBAAA;EACA,UAAA;EACA,MAAA;EACA,aAAA;EACA,kCAAA;AF9QR;ACtlEE;EC+1EE;IAQQ,YAAA;EF7QV;AACF;AEiRQ;EACI,6BAAA;AF/QZ;AEmRgB;EACI,aAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,iBAAA;EACA,cAAA;AFjRpB;AEmRoB;EACI,YAAA;AFjRxB;AEoRoB;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,qBAAA;AFlRxB;AEqRoB;EACI,iBAAA;EACA,gBAAA;EACA,WAAA;EACA,yBAAA;AFnRxB;AE2RI;EACI,kBAAA;EACA,mBAAA;AFzRR;AC5nEE;ECm5EE;IAKQ,mBAAA;EFxRV;AACF;AE0RQ;EACI,wBAAA;AFxRZ;AE0RY;EACI,gBAAA;AFxRhB;ACvoEE;EC85EU;IAIQ,gBAAA;EFvRlB;AACF;AE0RY;EACI,gBAAA;AFxRhB;AC/oEE;ECs6EU;IAIQ,gBAAA;EFvRlB;AACF;AE0RY;EACI,UAAA;AFxRhB;AE6RI;EACI,kBAAA;EACA,UAAA;EACA,aAAA;AF3RR;AC5pEE;ECo7EE;IAMQ,gBAAA;EF1RV;AACF;AE4RQ;EACI,YAAA;AF1RZ;AE+RI;EACI,eAAA;AF7RR;ACvqEE;ECm8EE;IAIQ,eAAA;EF5RV;AACF;AE+RI;EACI,gBAAA;AF7RR;AEgSY;EACI,iBAAA;AF9RhB;AEiSY;EACI,mBAAA;AF/RhB;AEkSY;EACI,WAAA;AFhShB;;AEwSQ;EACI,UAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,6GAAA;AFrSZ;AEuSY;EACI,aAAA;AFrShB;AE0SQ;EACI,UAAA;EACA,YAAA;EACA,yBAAA;AFxSZ;AE2SQ;EArBJ;IAsBQ,aAAA;EFxSV;AACF;AE2SI;EACI,YAAA;AFzSR;AE4SQ;EAJJ;IAKQ,WAAA;EFzSV;AACF;AE+SQ;EACI,UAAA;EACA,aAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;AF7SZ;AE+SY;EACI,sBAAA;AF7ShB;;AChuEE;ECqhFM;IAEQ,gBAAA;IACA,YAAA;EFlTd;AACF;AEsTI;EACI,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;AFpTR;AEuTI;EACI,kBAAA;EACA,WAAA;EACA,iBAAA;AFrTR;AEuTQ;EACI,WAAA;AFrTZ;AEuTY;EACI,aAAA;AFrThB;ACxvEE;ECijFc;IACI,aAAA;EFtTlB;EEyTc;IACI,cAAA;IACA,sBAAA;OAAA,mBAAA;IACA,YAAA;EFvTlB;AACF;AE4TQ;EACI,kBAAA;AF1TZ;AE4TY;EACI,YAAA;AF1ThB;AE4TgB;EACI,UAAA;EACA,aAAA;EACA,cAAA;EACA,gBAAA;EACA,0CAAA;AF1TpB;AC/wEE;ECokFc;IAQQ,WAAA;IACA,cAAA;EFzTtB;AACF;AE2ToB;EACI,oCAAA;AFzTxB;AEgUgB;EACI,oBAAA;KAAA,iBAAA;AF9TpB;AEoVgB;EACI,gBAAA;AFlVpB;AEoVoB;EACI,gBAAA;AFlVxB;AEoVwB;EACI,aAAA;AFlV5B;ACpyEE;ECqnFsB;IAIQ,cAAA;EFjV9B;AACF;ACzyEE;ECioFU;IAEQ,gBAAA;EFtVlB;EEwVkB;IACI,eAAA;IACA,iBAAA;EFtVtB;EEyVkB;IACI,iBAAA;EFvVtB;AACF;AE6VQ;EACI,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,UAAA;EAEA,eAAA;EACA,gBAAA;EACA,8BAAA;AF5VZ;ACvzEE;EC2oFM;IAYQ,eAAA;EF5Vd;AACF;ACn0EE;ECkpFM;IAiBQ,UAAA;IACA,gBAAA;EF5Vd;AACF;AE8VY;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,kBAAA;EACA,WAAA;EACA,YAAA;AF5VhB;AC10EE;ECgqFU;IASQ,eAAA;EF3VlB;AACF;ACt1EE;ECuqFU;IAaQ,iBAAA;EF1VlB;AACF;AE4VgB;EACI,WAAA;EACA,gBAAA;AF1VpB;AE4VoB;EAEI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;EACA,YAAA;EACA,YAAA;EACA,wBAAA;EACA,4EAAA;AF3VxB;AE8VoB;EACI,UAAA;EACA,QAAA;EACA,2EAAA;AF5VxB;ACh3EE;ECitFsB;IAEI,aAAA;EF/V1B;AACF;AEkWoB;EAhCJ;IAiCQ,mBAAA;EF/VtB;AACF;AEiWoB;EACI,WAAA;EACA,kCAAA;AF/VxB;AEiWwB;EACI,yBAAA;EACA,YAAA;EACA,6BAAA;EACA,eAAA;AF/V5B;ACp4EE;EC+tFsB;IAOQ,uBAAA;IACA,eAAA;EF9V9B;AACF;AEiWgC;EADJ;IAEQ,iBAAA;EF9VlC;AACF;AEiW4B;EACI,eAAA;AF/VhC;AEkW4B;EACI,kBAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;EACA,yBAAA;EACA,gBAAA;AFhWhC;AEkWgC;EARJ;IASQ,kBAAA;EF/VlC;AACF;AEkW4B;EACI,kBAAA;AFhWhC;AEyWI;EACI,UAAA;AFvWR;AEoXgB;EACI,mBAAA;AFlXpB;AEqXgB;EACI,OAAA;AFnXpB;AEyXI;EACI,kBAAA;EACA,UAAA;EACA,MAAA;EACA,aAAA;EACA,kCAAA;AFvXR;ACl7EE;ECoyFE;IAQQ,YAAA;EFtXV;AACF;AE0XQ;EACI,6BAAA;AFxXZ;AE4XgB;EACI,aAAA;EACA,eAAA;EACA,gBAAA;EACA,WAAA;EACA,iBAAA;EACA,cAAA;AF1XpB;AE4XoB;EACI,YAAA;AF1XxB;AE6XoB;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;EACA,qBAAA;AF3XxB;AE8XoB;EACI,iBAAA;EACA,gBAAA;EACA,WAAA;EACA,yBAAA;AF5XxB;AEqYQ;EACI,wBAAA;AFnYZ;AEqYY;EACI,gBAAA;AFnYhB;AC19EE;EC41FU;IAIQ,gBAAA;EFlYlB;AACF;AEqYY;EACI,gBAAA;AFnYhB;ACl+EE;ECo2FU;IAIQ,gBAAA;EFlYlB;AACF;AEqYY;EACI,UAAA;AFnYhB;AEwYI;EACI,kBAAA;EACA,UAAA;EACA,gBAAA;AFtYR;AC/+EE;ECk3FE;IAMQ,kBAAA;EFrYV;AACF;AEuYQ;EACI,YAAA;EACA,qBAAA;AFrYZ;AEuYY;EACI,cAAA;EACA,qBAAA;EACA,gBAAA;AFrYhB;AC7/EE;ECs4Fc;IACI,WAAA;EFtYlB;AACF;AClgFE;ECk3FE;IA2BQ,gBAAA;EFvYV;AACF;AE0YY;EACI,aAAA;EACA,kBAAA;AFxYhB;AE6YoB;EACI,cAAA;AF3YxB;AE0YoB;EACI,cAAA;AFxYxB;AEuYoB;EACI,cAAA;AFrYxB;AEoYoB;EACI,cAAA;AFlYxB;AEiYoB;EACI,cAAA;AF/XxB;AE8XoB;EACI,cAAA;AF5XxB;AE2XoB;EACI,cAAA;AFzXxB;AEwXoB;EACI,cAAA;AFtXxB;AEqXoB;EACI,cAAA;AFnXxB;AEkXoB;EACI,cAAA;AFhXxB;AE+WoB;EACI,cAAA;AF7WxB;AE4WoB;EACI,cAAA;AF1WxB;AEyWoB;EACI,cAAA;AFvWxB;AE8WI;EACI,aAAA;AF5WR;AE+WI;EACI,iBAAA;AF7WR;ACxjFE;ECo6FE;IAIQ,iBAAA;EF5WV;AACF;AE+WI;EACI,eAAA;AF7WR;AChkFE;EC46FE;IAIQ,eAAA;EF5WV;AACF;AE+WI;EACI,gBAAA;EACA,qBAAA;AF7WR;AE+WQ;EACI,eAAA;AF7WZ;AEiXI;EACI,kBAAA;AF/WR;AEiXQ;EACI,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,qBAAA;EAOA,eAAA;AFrXZ;ACtlFE;ECg8FM;IAOQ,cAAA;IACA,qBAAA;EF7Wd;AACF;AEkXgB;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,UAAA;EACA,gCAAA;EACA,WAAA;EACA,YAAA;EACA,oFAAA;AFhXpB;ACxmFE;EC88Fc;IAaQ,WAAA;IACA,YAAA;IACA,aAAA;EF/WtB;AACF;AEmXoB;EACI,aAAA;AFjXxB;AEsXY;EACI,cAAA;EACA,eAAA;EACA,gBAAA;AFpXhB;AEuXY;EACI,kBAAA;EACA,QAAA;EACA,2BAAA;EACA,UAAA;EACA,WAAA;AFrXhB;AEwXY;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,UAAA;EACA,WAAA;EACA,YAAA;EACA,qBAAA;EACA,oCAAA;AFtXhB;AE0XgB;EACI,aAAA;AFxXpB;;AE+XA;EACI,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;EACA,OAAA;EACA,WAAA;EACA,cAAA;EACA,cAAA;EACA,qBAAA;EACA,iBAAA;EACA,cAAA;EACA,iBAAA;EACA,sBAAA;EACA,qBAAA;EACA,sBAAA;AF5XJ;AE8XI;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,eAAA;EACA,YAAA;EACA,aAAA;EACA,cAAA;EACA,wFAAA;AF5XR;AE+XI;EACI,kBAAA;EACA,WAAA;EACA,aAAA;EACA,aAAA;EACA,cAAA;EACA,yFAAA;EACA,oBAAA;EACA,eAAA;AF7XR;;AEiYA;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;OAAA,kBAAA;EACA,kBAAA;EACA,WAAA;EACA,OAAA;EACA,WAAA;EACA,iBAAA;EACA,cAAA;AF9XJ;ACxrFE;EC6iGF;IAYQ,gBAAA;IACA,eAAA;EF7XN;AACF;ACrsFE;ECojGF;IAiBQ,MAAA;EF5XN;AACF;AE8XI;EACI,aAAA;AF5XR;AE+XI;EACI,kBAAA;AF7XR;AEgYY;EACI,+BAAA;EACA,yCAAA;AF9XhB;AEmYI;EACI,aAAA;EACA,mBAAA;EACA,cAAA;EACA,cAAA;EACA,qBAAA;EACA,iBAAA;EACA,WAAA;EACA,sBAAA;EACA,qBAAA;EACA,0CAAA;EACA,gBAAA;EACA,eAAA;AFjYR;AEmYQ;EACI,cAAA;EACA,WAAA;EACA,YAAA;EACA,oBAAA;EACA,kBAAA;AFjYZ;ACzuFE;ECulGE;IAuBQ,aAAA;EFjYV;EEmYU;IACI,aAAA;EFjYd;AACF;AEqYI;EACI,kBAAA;EACA,QAAA;EACA,aAAA;EACA,aAAA;EACA,cAAA;EACA,mBAAA;EACA,4FAAA;EACA,oBAAA;EACA,eAAA;AFnYR;;AEuYA;EACI,YAAA;EACA,yBAAA;AFpYJ;AEsYI;EACI,aAAA;AFpYR;AEuYI;EACI,iBAAA;AFrYR;AEuYQ;EACI,iBAAA;AFrYZ;AEyYI;EACI,sBAAA;EACA,iBAAA;AFvYR;;AE2YA;EACI,kBAAA;EACA,UAAA;AFxYJ;;AE8YI;EACI,aAAA;AF3YR;ACvxFE;ECsqGM;IACI,aAAA;EF5YV;EE+YM;IACI,cAAA;IACA,sBAAA;OAAA,mBAAA;IACA,YAAA;EF7YV;AACF;AEgZI;EACI,gBAAA;AF9YR;AEgZQ;EACI,gBAAA;AF9YZ;ACvyFE;EC0rGM;IAEQ,gBAAA;IACA,aAAA;EFjZd;AACF;AEqZI;EACI,gBAAA;EACA,kBAAA;EACA,WAAA;EACA,iBAAA;EACA,iBAAA;AFnZR;ACpzFE;ECksGE;IAQQ,gBAAA;EFlZV;AACF;AEoZQ;EACI,WAAA;AFlZZ;AE0ZgB;EACI,gBAAA;AFxZpB;AE0ZoB;EACI,gBAAA;AFxZxB;AE0ZwB;EACI,aAAA;AFxZ5B;ACr0FE;EC4tGsB;IAIQ,cAAA;EFvZ9B;AACF;AC10FE;ECwuGU;IAEQ,gBAAA;EF5ZlB;EE8ZkB;IACI,eAAA;IACA,iBAAA;EF5ZtB;EE+ZkB;IACI,iBAAA;EF7ZtB;AACF;AEqaQ;EACI,YAAA;AFnaZ;AEuaI;EACI,UAAA;AFraR;AE+agB;EACI,mBAAA;AF7apB;AEgbgB;EACI,OAAA;AF9apB;AEobI;EACI,kBAAA;EACA,UAAA;EACA,MAAA;EACA,aAAA;EACA,kCAAA;AFlbR;ACz2FE;ECsxGE;IAQQ,YAAA;EFjbV;AACF;;AEwbQ;EACI,gBAAA;AFrbZ;;AE+bQ;EACI,WAAA;EACA,oBAAA;KAAA,iBAAA;EACA,0BAAA;KAAA,uBAAA;AF5bZ;ACj3FE;EC0yGM;IAMQ,WAAA;IACA,sBAAA;OAAA,mBAAA;IACA,2BAAA;OAAA,wBAAA;EF3bd;AACF;AE6bY;EACI,aAAA;AF3bhB;AC33FE;EC0zGc;IACI,aAAA;EF5blB;EE+bc;IACI,cAAA;IACA,sBAAA;OAAA,mBAAA;IACA,YAAA;EF7blB;AACF;AEmcI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EAGA,mBAAA;EACA,UAAA;EACA,8BAAA;EACA,UAAA;EACA,yBAAA;AFncR;AEqcQ;EACI,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,UAAA;EACA,iBAAA;EACA,kBAAA;AFncZ;AEqcY;EACI,WAAA;EACA,YAAA;EACA,gBAAA;AFnchB;AEqcgB;EACI,WAAA;EACA,YAAA;AFncpB;AEscgB;EACI,WAAA;EACA,YAAA;AFpcpB;AE+dgB;EACI,kBAAA;EACA,QAAA;EACA,SAAA;EACA,gCAAA;EACA,WAAA;EACA,YAAA;EACA,kFAAA;EACA,oBAAA;EACA,eAAA;AF7dpB;AE+doB;EACI,aAAA;EACA,mFAAA;AF7dxB;AEgeoB;EACI,cAAA;AF9dxB;AC/8FE;EC45Gc;IAqBQ,WAAA;IACA,YAAA;EF9dtB;AACF;AEkegB;EACI,aAAA;EACA,kBAAA;EACA,YAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,uFAAA;EACA,oBAAA;EACA,eAAA;AFhepB;AEkeoB;EACI,uFAAA;AFhexB;AEmeoB;EACI,sFAAA;AFjexB;ACt+FE;ECu7Gc;IAoBQ,cAAA;IACA,aAAA;IACA,WAAA;IACA,YAAA;EFjetB;AACF;ACj+FE;EC+1GM;IA0GQ,WAAA;EFped;EEsec;IACI,yBAAA;IACA,2BAAA;EFpelB;AACF;AEweQ;EACI,kBAAA;EACA,UAAA;EACA,aAAA;EACA,WAAA;EACA,YAAA;EACA,aAAA;EACA,6BAAA;EACA,YAAA;EACA,oBAAA;EACA,eAAA;AFteZ;AEweY;EAZJ;IAaQ,UAAA;IACA,aAAA;IACA,YAAA;IACA,aAAA;EFred;AACF;AC9/FE;ECk9GM;IAoBQ,UAAA;IACA,QAAA;IACA,WAAA;IACA,YAAA;EFped;AACF;AE8eQ;;EAEI,WAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,aAAA;EACA,WAAA;EACA,sBAAA;AF5eZ;AE8eY;EAVJ;;IAWQ,WAAA;EF1ed;AACF;ACthGE;ECo/GM;;IAeQ,WAAA;EFxed;AACF;AE2eQ;EACI,8CAAA;AFzeZ;AE4eQ;EACI,+CAAA;AF1eZ;AE+egB;EACI,cAAA;AF7epB;AEmfwB;EACI,cAAA;AFjf5B;AE0fY;;EAEI,yBAAA;AFxfhB;AE+fwB;EACI,cAAA;AF7f5B;AC/iGE;EC+0GE;IAsPQ,aAAA;EFlhBV;AACF;ACjkGE;EC41GE;IA0PQ,aAAA;EFjhBV;AACF;AEohBI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;EACA,cAAA;EACA,WAAA;EACA,iBAAA;EACA,WAAA;EACA,gBAAA;EACA,yBAAA;AFlhBR;AEohBQ;EACI,oBAAA;EACA,mBAAA;EACA,uBAAA;EACA,kBAAA;AFlhBZ;AEohBY;EACI,oBAAA;AFlhBhB;AEqhBY;EACI,WAAA;EACA,cAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,YAAA;AFnhBhB;AEuhBQ;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;AFrhBZ;AEuhBY;EACI,oBAAA;AFrhBhB;AEyhBQ;EA3CJ;IA4CQ,YAAA;EFthBV;AACF;AEwhBQ;EA/CJ;IAgDQ,YAAA;EFrhBV;AACF;ACtnGE;EC0lHE;IAoDQ,cAAA;IACA,iBAAA;EFphBV;AACF;AEwhBI;EACI,aAAA;EACA,mBAAA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,UAAA;EACA,iBAAA;EACA,gBAAA;EACA,WAAA;EACA,eAAA;AFthBR;AC3nGE;ECuoHE;IAaQ,SAAA;IACA,aAAA;EFrhBV;AACF;AEwhBQ;EACI,WAAA;EACA,cAAA;EACA,aAAA;EACA,cAAA;EACA,oBAAA;EACA,+CAAA;EACA,kBAAA;EACA,kGAAA;EACA,oBAAA;EACA,eAAA;AFthBZ;AE6hBQ;;;;;;EAMI,iBAAA;AF3hBZ;AE8hBQ;EACI,UAAA;AF5hBZ;AE+hBQ;EAEI;IACI,eAAA;EF9hBd;AACF;AEoiBQ;EACI,aAAA;AFliBZ;AEqiBQ;EACI;IACI,WAAA;EFniBd;AACF;AEwiBQ;EACI,aAAA;EACA,8BAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,iBAAA;EACA,SAAA;EACA,gCAAA;AFtiBZ;AC9rGE;EC0tHM;IAaQ,cAAA;EFriBd;AACF;AEwiBQ;;EAEI,gBAAA;EACA,aAAA;EACA,cAAA;EACA,SAAA;EACA,0EAAA;AFtiBZ;AEwiBY;;EACI,aAAA;AFriBhB;AEyiBQ;EACI,0EAAA;AFviBZ;AE2iBI;EACI,cAAA;EACA,oBAAA;EACA,kBAAA;AFziBR;ACvtGE;EC6vHE;IAMQ,kBAAA;EFxiBV;AACF;;AE+iBY;EACI,gCAAA;AF5iBhB;AE+iBgB;EACI,aAAA;AF7iBpB;AEijBQ;EACI,iBAAA;AF/iBZ;ACtuGE;ECoxHM;IAIQ,iBAAA;EF9iBd;AACF;AC3uGE;EC6xHE;IAGQ,gBAAA;EFjjBV;AACF;AChvGE;ECqyHE;IAGQ,gBAAA;EFpjBV;AACF;AEujBY;EACI,eAAA;AFrjBhB;AEwjBQ;EACI,iBAAA;EACA,YAAA;EACA,iBAAA;EACA,cAAA;AFtjBZ;AC9vGE;ECgzHM;IAOQ,iBAAA;EFrjBd;AACF;AEsjBY;EACI,YAAA;EACA,sBAAA;KAAA,mBAAA;EACA,qBAAA;AFpjBhB","file":"pdp_detail.css"} \ No newline at end of file +{"version":3,"sources":["pdp_detail.css","_utils.scss","pdp_detail.scss"],"names":[],"mappings":"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","file":"pdp_detail.css"} \ No newline at end of file diff --git a/assets/css/pdp_detail.scss b/assets/css/pdp_detail.scss index 32322e9..3e79281 100644 --- a/assets/css/pdp_detail.scss +++ b/assets/css/pdp_detail.scss @@ -1,3928 +1,3933 @@ @charset "UTF-8"; -@import 'utils.scss'; +@import "utils.scss"; /*변수파일 import*/ - - .comp_wide { - width: 100%; - max-width: 192rem; - text-align: left; - margin: 0 auto; - margin-top: 12rem; + width: 100%; + max-width: 192rem; + text-align: left; + margin: 0 auto; + margin-top: 12rem; - &:first-child { - margin-top: 0; - } + &:first-child { + margin-top: 0; + } } .comp_body { - width: 100%; - max-width: 120rem; - margin: 0 auto; + width: 100%; + max-width: 120rem; + margin: 0 auto; - @media (max-width: 1240px) { - padding: 0 2rem; + @media (max-width: 1240px) { + padding: 0 2rem; + } + + .text_area { + margin-top: 4rem; + transition: 0.3s; + + @include maxtablet { + margin-top: 3rem; } - .text_area { - margin-top: 4rem; - transition: 0.3s; + h3 { + transition: 0.3s; + font-size: 4rem; + font-weight: 600; + line-height: 4.8rem; - @include maxtablet { - margin-top: 3rem; - } - - h3 { - transition: 0.3s; - font-size: 4rem; - font-weight: 600; - line-height: 4.8rem; - - @include maxtablet { - font-size: 3rem; - line-height: 3.8rem; - } - - } - - h4 { - transition: 0.3s; - font-size: 3rem; - font-weight: 600; - line-height: 3.8rem; - - @include maxtablet { - font-size: 2.4rem; - line-height: 3.2rem; - } - } - - h5 { - transition: 0.3s; - font-size: 2.4rem; - font-weight: 600; - line-height: 3.4rem; - - @include maxtablet { - font-size: 2rem; - line-height: 2.8rem; - } - } - - p { - margin-top: 2rem; - font-size: 1.6rem; - line-height: 2.4rem; - transition: 0.3s; - - @include maxtablet { - margin-top: 1.5rem; - font-size: 1.4rem; - line-height: 2.2rem; - } - - } - - .sub { - margin-top: 3rem; - font-size: 1.4rem; - font-weight: 400; - color: #0F0B0B; - line-height: 2.2rem; - } + @include maxtablet { + font-size: 3rem; + line-height: 3.8rem; + } } + + h4 { + transition: 0.3s; + font-size: 3rem; + font-weight: 600; + line-height: 3.8rem; + + @include maxtablet { + font-size: 2.4rem; + line-height: 3.2rem; + } + } + + h5 { + transition: 0.3s; + font-size: 2.4rem; + font-weight: 600; + line-height: 3.4rem; + + @include maxtablet { + font-size: 2rem; + line-height: 2.8rem; + } + } + + p { + margin-top: 2rem; + font-size: 1.6rem; + line-height: 2.4rem; + transition: 0.3s; + + @include maxtablet { + margin-top: 1.5rem; + font-size: 1.4rem; + line-height: 2.2rem; + } + } + + .sub { + margin-top: 3rem; + font-size: 1.4rem; + font-weight: 400; + color: #0f0b0b; + line-height: 2.2rem; + } + } } .comp_1x_w_v_s_eS { - .comp_top { - width: 100%; - height: 35.5rem; - background-color: #000000; + .comp_top { + width: 100%; + height: 35.5rem; + background-color: #000000; - @media(max-width: 1024px) { - height: auto; - } - - .text_area { - display: flex; - justify-content: space-between; - padding-top: 10rem; - - @media(max-width: 1024px) { - display: block; - padding-top: 5rem; - padding-bottom: 4rem; - } - - h4 { - width: 50%; - font-size: 4rem; - font-weight: 600; - line-height: 4.8rem; - color: #ffffff; - - @media(max-width: 1024px) { - width: 100%; - - br { - display: none; - } - } - - } - - .info { - width: 50%; - font-size: 1.4rem; - font-weight: 400; - line-height: 2.2rem; - color: #FFFFFF; - - @media(max-width: 1024px) { - width: 100%; - margin-top: 3rem; - - br { - display: none; - } - } - } - } + @media (max-width: 1024px) { + height: auto; } - .movieArea { - position: relative; - width: 100%; - height: 52rem; + .text_area { + display: flex; + justify-content: space-between; + padding-top: 10rem; - @media(max-width: 1024px) { - height: 40rem; - } - - @media(max-width: 768px) { - height: 30rem; - } - - @media(max-width: 500px) { - height: 20rem; - } - - } - - .comp_bottom { - width: 100%; - padding-top: 6rem; - padding-bottom: 5rem; - background-color: #000000; - - .com_bottm_inner { - width: 100%; - max-width: 120rem; - margin: 0 auto; - overflow: hidden; - - .swiper { - @media(max-width: 1200px) { - padding-right: 2rem; - } - - ul { - li { - width: 220px !important; - cursor: pointer; - - @media(max-width: 500px) { - width: 200px !important; - } - - &:first-child { - @media(max-width: 1240px) { - margin-left: 2rem; - } - } - - img { - width: 100%; - border-radius: 0.6rem; - } - - p { - margin-top: 3rem; - font-size: 1.8rem; - font-weight: 400; - color: #FFFFFF; - text-align: center; - - @media(max-width: 768px) { - margin-top: 2rem; - } - } - - &.active { - img { - border: 1px solid #FFFFFF; - } - } - } - } - } - } - } -} - - -.comp_1x_w_v_s_e1 { - border-top: 1px solid #DEDEDE; - padding-top: 10rem; - - @media(max-width: 1024px) { - padding-top: 7rem; - } - - @media(max-width: 768px) { - padding-top: 3rem; - } - - .image_area { - height: 600px; - margin-top: 4rem; - overflow: hidden; - - @include maxmobile { - height: 400px; - } - - img { - width: 100%; - height: 100%; - transition: 0.3s; - object-fit: cover; - - @include maxmobile { - width: 100%; - height: 100%; - - } - } - } - - .bottom { - position: relative; - - &::before { - content: ""; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 50%; - background-color: #0F0B0B; - background-size: 100% 50%; - z-index: -1; - } - - .text_area { - margin-top: 0; - padding-top: 4rem; - - h3 { - color: #FFFFFF; - } - - p { - color: #FFFFFF; - } - } - - .contents_area { - display: flex; - justify-content: space-between; - align-items: center; - flex-direction: row-reverse; - - &.reverse { - flex-direction: row; - - .text_area { - padding-left: 5rem; - padding-right: 0; - - @media(max-width: 768px) { - padding-left: 0; - } - } - } - - @media(max-width: 768px) { - display: block; - } - - .image_area { - width: 50%; - height: initial !important; - - @media(max-width: 768px) { - width: 100%; - } - - img { - height: initial !important; - border-radius: 0.6rem; - } - } - - .text_area { - width: 50%; - padding-right: 4rem; - - @media(max-width: 768px) { - width: 100%; - padding-right: 0; - } - - h4 { - color: #000000; - } - - p { - color: #000000; - } - } - } - } -} - -.comp_1x_w_v_s_e2 { - - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @media(max-width: 900px) { - display: block; - } - - .text_area { - margin-top: 0; - } - - .icon_area { - @media(max-width: 900px) { - margin-top: 3rem; - } - - img { - &:last-child { - margin-left: 1.5rem; - } - - @media(max-width: 900px) { - width: 7rem; - height: 7rem; - - &:last-child { - margin-left: 1rem; - } - } - } - } - } - - .image_area { - height: 520px; - margin-top: 4rem; - overflow: hidden; - - @include maxmobile { - height: 360px; - } - - img { - width: 100%; - height: 100%; - transition: 0.3s; - object-fit: cover; - - @include maxmobile { - width: 100%; - height: 100%; - - } - } - } - -} - - -.comp_1x_b_n_n_e1 { - margin-top: 10rem; - padding-top: 10rem; - padding-bottom: 10rem; - border-top: 1px solid #DEDEDE; - - @media(max-width: 1024px) { - margin-top: 6rem; - padding-top: 6rem; - padding-bottom: 6rem; - } - - h5 { - font-size: 3rem; - font-weight: 600; - text-align: left; - color: #000000; - } - - .youtubeArea { - position: relative; - margin-top: 3.5rem; - padding-bottom: 56.25%; - /* 16:9 비율인 경우 */ - /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ - padding-top: 25px; - height: 0; - - @media(max-width: 1024px) { - margin-top: 2rem; - } - - iframe { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - - object { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - } -} - -.comp_1x_b_n_n_e2 { - margin-top: 10rem; - padding-top: 10rem; - padding-bottom: 10rem; - border-top: 1px solid #DEDEDE; - - @media(max-width: 1024px) { - margin-top: 6rem; - padding-top: 6rem; - padding-bottom: 6rem; - } - - h5 { - font-size: 3rem; - font-weight: 600; - text-align: left; - color: #000000; - } - - .mp4area { - position: relative; - margin-top: 3.5rem; - padding-bottom: 56.25%; - /* 16:9 비율인 경우 */ - /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ - padding-top: 25px; - height: 0; - - @media(max-width: 1024px) { - margin-top: 2rem; - } - - video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - } -} - -.comp_1x_w_v_s_b { - .image_area { - @include maxmobile { - height: 360px; - } - - img { - width: 100%; - transition: 0.3s; - - @include maxmobile { - width: 100%; - height: 100%; - object-fit: cover; - } - } - } -} - - -.comp_1x_w_v_c_e1 { - position: relative; - - .image_area { - @include maxtablet { - height: 560px; - } - - img { - width: 100%; - transition: 0.3s; - - @include maxtablet { - width: 100%; - height: 100%; - object-fit: cover; - } - } - } - - .comp_body { - &.layer_up { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); - - .text_area { - margin-top: 9rem; - - @include maxdesktop { - margin-top: 6rem; - } - } - } - - &.no_layer { - position: absolute; - bottom: 0; - left: 50%; - transform: translateX(-50%); - display: flex; - justify-content: flex-end; - margin-bottom: 10rem; - - .text_area { - width: 38rem; - } - - @include maxdesktop { - position: relative; - left: initial; - transform: initial; - display: block; - - .text_area { - width: 100%; - } - } - } - } -} - -.comp_1x_w_v_o_b { - position: relative; - - .image_area { - @include maxtablet { - height: 560px; - } - - img { - width: 100%; - transition: 0.3s; - - @include maxtablet { - width: 100%; - height: 100%; - object-fit: cover; - } - } - } - - .comp_body { - .text_area { - color: #ffffff !important; - - } - - &.layer_up { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); - - .text_area { - margin-top: 9rem; - - @include maxdesktop { - margin-top: 6rem; - } - } - } - - &.bottom { - .text_area { - color: #000000 !important; - } - } - } -} - -.comp_1x_w_v_c_b { - position: relative; - - .image_area { - height: 700px; - - @include maxtablet { - height: 560px; - } - - img { - width: 100%; - height: 100%; - width: 100%; - transition: 0.3s; - object-fit: cover; - } - } - - .comp_body { - &.layer_up { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); - - .text_area { - margin-top: 9rem; - - @include maxdesktop { - margin-top: 6rem; - } - } - } - - &.no_layer { - position: absolute; - top: 0; - left: 50%; - transform: translateX(-50%); - - margin-bottom: 10rem; - - .text_area { - width: 38rem; - margin-top: 25rem; - } - - .icon_area { - margin-top: 3rem; - - img { - margin-right: 2rem; - } - } - - @include maxdesktop { - position: relative; - left: initial; - transform: initial; - display: block; - - .text_area { - width: 100%; - margin-top: 4rem; - } - } - } - } -} - - -.comp_1x_b_v_s_b { - .image_area { - @include maxmobile { - height: 360px; - } - - img { - width: 100%; - transition: 0.3s; - border-radius: 0.6rem; - - @include maxmobile { - width: 100%; - height: 100%; - object-fit: cover; - } - } - } -} - -.comp_1x_b_v_s_e1 { - .image_area { - - img { - width: 100%; - transition: 0.3s; - border-radius: 0.6rem; - } - } - - .text_wrap { - display: flex; - justify-content: space-between; - - @include maxdesktop { - display: block; - } - - .text_area { - width: calc((100% - 4rem) / 2); - - @include maxdesktop { - width: 100%; - } - } - } -} - -.comp_1x_w_v_c_e2 { - position: relative; - - &::after { - content: ""; - position: absolute; - top: 0; + @media (max-width: 1024px) { display: block; - width: 100%; - height: 60rem; - background-color: #05141F; - z-index: -1; + padding-top: 5rem; + padding-bottom: 4rem; + } - @include maxdesktop { - height: 80%; + h4 { + width: 50%; + font-size: 4rem; + font-weight: 600; + line-height: 4.8rem; + color: #ffffff; + + @media (max-width: 1024px) { + width: 100%; + + br { + display: none; + } } + } + + .info { + width: 50%; + font-size: 1.4rem; + font-weight: 400; + line-height: 2.2rem; + color: #ffffff; + + @media (max-width: 1024px) { + width: 100%; + margin-top: 3rem; + + br { + display: none; + } + } + } + } + } + + .movieArea { + position: relative; + width: 100%; + height: 52rem; + + @media (max-width: 1024px) { + height: 40rem; } - .text_wrap { - display: flex; - justify-content: space-between; - padding-top: 6rem; - - @include maxdesktop { - display: block; - padding-top: 1rem; - } - - .text_area { - width: calc((100% - 40px) / 2); - color: #ffffff; - - @include maxdesktop { - width: 100%; - } - } + @media (max-width: 768px) { + height: 30rem; } - .image_area { - margin-top: 9rem; - - @include maxdesktop { - margin-top: 4rem; - } - - img { - width: 100%; - transition: 0.3s; - border-radius: 0.6rem; - } + @media (max-width: 500px) { + height: 20rem; } -} + } - -.comp_1x_b_v_o_b { - - - .comp_body { - position: relative; - - .image_area { - height: 520px; - - img { - width: 100%; - height: 100%; - width: 100%; - transition: 0.3s; - object-fit: cover; - border-radius: 0.6rem; - } - } - - .text_area { - position: absolute; - top: 0; - left: 0; - width: 100%; - color: #ffffff; - margin-top: 7rem; - padding: 0 7rem; - - @include maxdesktop { - margin-top: 4rem; - padding: 0 4rem; - } - } - } -} - -.comp_1x_b_h_s_b { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @include maxtablet { - display: block; - } - - .image_area { - width: 50%; - - @include maxtablet { - width: 100%; - } - - img { - width: 100%; - } - } - - .text_area { - width: 50%; - padding: 5rem; - - @include maxtablet { - width: 100%; - padding: 0; - } - } - } -} - - -.comp_1x_b_h_s_e1 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @include maxtablet { - display: block; - } - - .image_area { - width: 50%; - - @include maxtablet { - width: 100%; - } - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - .text_area { - width: 50%; - margin-top: 0; - - @include maxtablet { - width: 100%; - margin-top: 3rem; - } - } - - &:nth-child(odd) { - .text_area { - padding-left: 5rem; - - @include maxtablet { - padding-left: 0; - } - } - - } - - &:nth-child(even), - &.reverse { - flex-direction: row-reverse; - - .text_area { - padding-right: 5rem; - - @include maxtablet { - padding-right: 0; - } - } - } - - &:not(:first-child) { - margin-top: 5rem; - } - } -} - -.comp_1x_b_h_s_e3 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @include maxtablet { - display: block; - } - - .image_area { - width: 50%; - aspect-ratio: 1 / 1; - - @include maxtablet { - width: 100%; - } - - img { - width: 100%; - border-radius: 0.6rem; - } - - video { - width: 100%; - border-radius: 0.6rem; - } - } - - .text_area { - width: 50%; - margin-top: 0; - - @include maxtablet { - width: 100%; - margin-top: 3rem; - } - } - - &:nth-child(odd) { - .text_area { - padding-left: 5rem; - - @include maxtablet { - padding-left: 0; - } - } - - } - - &:nth-child(even) { - flex-direction: row-reverse; - - .text_area { - padding-right: 5rem; - - @include maxtablet { - padding-right: 0; - } - } - } - - &:not(:first-child) { - margin-top: 5rem; - } - } -} - -.comp_1x_b_h_s_e4 { - border-top: 1px solid #DEDEDE; + .comp_bottom { + width: 100%; padding-top: 6rem; - - @include maxtablet { - padding-top: 7.5rem; - } - - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - flex-wrap: wrap; - - @include maxtablet { - display: block; - } - - .item { - display: flex; - justify-content: flex-start; - align-items: center; - width: 100%; - margin-bottom: 5rem; - - .image_area { - width: 20%; - max-width: 12rem; - - img { - width: 100%; - } - } - - .text_area { - width: 80%; - margin-top: 0; - margin-left: 3rem; - - p { - color: #676767; - } - } - } - } - -} - -.comp_2x_b_v_s_e1 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: flex-start; - - @include maxtablet { - display: block; - } - - .half_area { - display: flex; - flex-direction: column; - width: calc((100% - 6rem) / 2); - - @include maxtablet { - display: block; - width: 100%; - } - - .image_area { - width: 100%; - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - &:last-child { - flex-direction: column-reverse; - margin-top: 5rem; - - @include maxtablet { - display: block; - } - } - - .text_area { - padding-bottom: 4rem; - } - } - - - } -} - -.comp_2x_b_v_s_b { - .comp_body { - display: flex; - justify-content: space-between; - align-items: flex-start; - - @include maxtablet { - display: block; - } - - .half_area { - width: calc((100% - 2rem) / 2); - - @include maxtablet { - width: 100%; - display: block; - } - - .image_area { - width: 100%; - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - &:last-child { - @include maxtablet { - margin-top: 4rem; - } - } - } - } -} - -.comp_1x_b_h_s_e2 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - - @include maxtablet { - display: block; - } - - .image_area { - width: 46%; - - @include maxtablet { - width: 100%; - } - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - .text_area { - width: calc(54% - 5rem); - margin-top: 0; - - @include maxtablet { - width: 100%; - margin-top: 3rem; - } - - ul { - margin-top: 5.5rem; - - li { - display: flex; - justify-content: flex-start; - align-items: center; - - p { - margin-top: 0; - margin-left: 3rem; - font-size: 1.6rem; - line-height: 2.4rem; - color: #676767; - } - - &:not(:first-child) { - margin-top: 3rem; - } - } - } - } - } -} - -.comp_2x_b_h_s_e2 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: flex-start; - flex-wrap: wrap; - - @include maxtablet { - display: block; - } - - .item { - display: flex; - justify-content: flex-start; - align-items: flex-start; - width: calc((100% - 5rem) / 2); - margin-bottom: 5rem; - - @include maxtablet { - width: 100%; - } - - .image_area { - width: 20%; - max-width: 12rem; - - img { - width: 100%; - } - } - - .text_area { - width: 80%; - margin-top: 0; - margin-left: 3rem; - - p { - color: #676767; - } - } - } - } - -} - -.comp_2x_b_h_s_e3 { - .comp_body { - display: flex; - justify-content: space-between; - align-items: center; - flex-wrap: wrap; - - @include maxtablet { - display: block; - } - - .item { - display: flex; - justify-content: flex-start; - align-items: center; - width: calc((100% - 5rem) / 2); - margin-bottom: 5rem; - - @include maxtablet { - width: 100%; - } - - .image_area { - width: 20%; - max-width: 12rem; - - img { - width: 100%; - } - } - - .text_area { - width: 80%; - margin-top: 0; - margin-left: 3rem; - - p { - color: #676767; - } - } - } - } - -} - -.comp_3x_b_v_s_b { - .comp_body { - display: flex; - justify-content: space-between; - align-items: flex-start; - flex-wrap: wrap; - - @include maxtablet { - display: block; - } - - .item { - width: calc((100% - 10rem) / 3); - - @include maxtablet { - width: 100%; - - &:not(:first-child) { - margin-top: 6rem; - } - } - - .image_area { - width: 100%; - - img { - width: 100%; - border-radius: 0.6rem; - } - } - - .text_area { - margin-top: 3rem; - - p { - margin-top: 1.5rem; - } - } - } - } -} - - -.comp_1x_b_n_n_b { - margin-top: 15rem; - background-color: #F3F3F3; - padding: 4rem 0; - - @media(max-width: 1024px) { - margin-top: 6rem; - } - - .comp_body { - .title { - font-size: 1.8rem; - font-weight: 600; - color: #000000; + padding-bottom: 5rem; + background-color: #000000; + + .com_bottm_inner { + width: 100%; + max-width: 120rem; + margin: 0 auto; + overflow: hidden; + + .swiper { + @media (max-width: 1200px) { + padding-right: 2rem; } ul { - margin-top: 10px; + li { + width: 220px !important; + cursor: pointer; - li { - position: relative; - padding: 0.5rem 0 0.5rem 1rem; - font-size: 1.4rem; - font-weight: 400; - line-height: 2.2rem; - - &::before { - content: "∙"; - position: absolute; - top: 0.5rem; - left: 0; - } + @media (max-width: 500px) { + width: 200px !important; } - } + &:first-child { + @media (max-width: 1240px) { + margin-left: 2rem; + } + } + + img { + width: 100%; + border-radius: 0.6rem; + } + + p { + margin-top: 3rem; + font-size: 1.8rem; + font-weight: 400; + color: #ffffff; + text-align: center; + + @media (max-width: 768px) { + margin-top: 2rem; + } + } + + &.active { + img { + border: 1px solid #ffffff; + } + } + } + } + } + } + } +} + +.comp_1x_w_v_s_e1 { + border-top: 1px solid #dedede; + padding-top: 10rem; + + @media (max-width: 1024px) { + padding-top: 7rem; + } + + @media (max-width: 768px) { + padding-top: 3rem; + } + + .image_area { + height: 600px; + margin-top: 4rem; + overflow: hidden; + + @include maxmobile { + height: 400px; } + img { + width: 100%; + height: 100%; + transition: 0.3s; + object-fit: cover; + + @include maxmobile { + width: 100%; + height: 100%; + } + } + } + + .bottom { + position: relative; + + &::before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 50%; + background-color: #0f0b0b; + background-size: 100% 50%; + z-index: -1; + } + + .text_area { + margin-top: 0; + padding-top: 4rem; + + h3 { + color: #ffffff; + } + + p { + color: #ffffff; + } + } + + .contents_area { + display: flex; + justify-content: space-between; + align-items: center; + flex-direction: row-reverse; + + &.reverse { + flex-direction: row; + + .text_area { + padding-left: 5rem; + padding-right: 0; + + @media (max-width: 768px) { + padding-left: 0; + } + } + } + + @media (max-width: 768px) { + display: block; + } + + .image_area { + width: 50%; + height: initial !important; + + @media (max-width: 768px) { + width: 100%; + } + + img { + height: initial !important; + border-radius: 0.6rem; + } + } + + .text_area { + width: 50%; + padding-right: 4rem; + + @media (max-width: 768px) { + width: 100%; + padding-right: 0; + } + + h4 { + color: #000000; + } + + p { + color: #000000; + } + } + } + } +} + +.comp_1x_w_v_s_e2 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @media (max-width: 900px) { + display: block; + } + + .text_area { + margin-top: 0; + } + + .icon_area { + @media (max-width: 900px) { + margin-top: 3rem; + } + + img { + &:last-child { + margin-left: 1.5rem; + } + + @media (max-width: 900px) { + width: 7rem; + height: 7rem; + + &:last-child { + margin-left: 1rem; + } + } + } + } + } + + .image_area { + height: 520px; + margin-top: 4rem; + overflow: hidden; + + @include maxmobile { + height: 360px; + } + + img { + width: 100%; + height: 100%; + transition: 0.3s; + object-fit: cover; + + @include maxmobile { + width: 100%; + height: 100%; + } + } + } +} + +.comp_1x_b_n_n_e1 { + margin-top: 10rem; + padding-top: 10rem; + padding-bottom: 10rem; + border-top: 1px solid #dedede; + + @media (max-width: 1024px) { + margin-top: 6rem; + padding-top: 6rem; + padding-bottom: 6rem; + } + + h5 { + font-size: 3rem; + font-weight: 600; + text-align: left; + color: #000000; + } + + .youtubeArea { + position: relative; + margin-top: 3.5rem; + padding-bottom: 56.25%; + /* 16:9 비율인 경우 */ + /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ + padding-top: 25px; + height: 0; + + @media (max-width: 1024px) { + margin-top: 2rem; + } + + iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + object { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } +} + +.comp_1x_b_n_n_e2 { + margin-top: 10rem; + padding-top: 10rem; + padding-bottom: 10rem; + border-top: 1px solid #dedede; + + @media (max-width: 1024px) { + margin-top: 6rem; + padding-top: 6rem; + padding-bottom: 6rem; + } + + h5 { + font-size: 3rem; + font-weight: 600; + text-align: left; + color: #000000; + } + + .mp4area { + position: relative; + margin-top: 3.5rem; + padding-bottom: 56.25%; + /* 16:9 비율인 경우 */ + /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */ + padding-top: 25px; + height: 0; + + @media (max-width: 1024px) { + margin-top: 2rem; + } + + video { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } +} + +.comp_1x_w_v_s_b { + .image_area { + @include maxmobile { + height: 360px; + } + + img { + width: 100%; + transition: 0.3s; + + @include maxmobile { + width: 100%; + height: 100%; + object-fit: cover; + } + } + } +} + +.comp_1x_w_v_c_e1 { + position: relative; + + .image_area { + @include maxtablet { + height: 560px; + } + + img { + width: 100%; + transition: 0.3s; + + @include maxtablet { + width: 100%; + height: 100%; + object-fit: cover; + } + } + } + + .comp_body { + &.layer_up { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + + .text_area { + margin-top: 9rem; + + @include maxdesktop { + margin-top: 6rem; + } + } + } + + &.no_layer { + position: absolute; + bottom: 0; + left: 50%; + transform: translateX(-50%); + display: flex; + justify-content: flex-end; + margin-bottom: 10rem; + + .text_area { + width: 38rem; + } + + @include maxdesktop { + position: relative; + left: initial; + transform: initial; + display: block; + + .text_area { + width: 100%; + } + } + } + } +} + +.comp_1x_w_v_o_b { + position: relative; + + .image_area { + @include maxtablet { + height: 560px; + } + + img { + width: 100%; + transition: 0.3s; + + @include maxtablet { + width: 100%; + height: 100%; + object-fit: cover; + } + } + } + + .comp_body { + .text_area { + color: #ffffff !important; + } + + &.layer_up { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + + .text_area { + margin-top: 9rem; + + @include maxdesktop { + margin-top: 6rem; + } + } + } + + &.bottom { + .text_area { + color: #000000 !important; + } + } + } +} + +.comp_1x_w_v_c_b { + position: relative; + + .image_area { + height: 700px; + + @include maxtablet { + height: 560px; + } + + img { + width: 100%; + height: 100%; + width: 100%; + transition: 0.3s; + object-fit: cover; + } + } + + .comp_body { + &.layer_up { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + + .text_area { + margin-top: 9rem; + + @include maxdesktop { + margin-top: 6rem; + } + } + } + + &.no_layer { + position: absolute; + top: 0; + left: 50%; + transform: translateX(-50%); + + margin-bottom: 10rem; + + .text_area { + width: 38rem; + margin-top: 25rem; + } + + .icon_area { + margin-top: 3rem; + + img { + margin-right: 2rem; + } + } + + @include maxdesktop { + position: relative; + left: initial; + transform: initial; + display: block; + + .text_area { + width: 100%; + margin-top: 4rem; + } + } + } + } +} + +.comp_1x_b_v_s_b { + .image_area { + @include maxmobile { + height: 360px; + } + + img { + width: 100%; + transition: 0.3s; + border-radius: 0.6rem; + + @include maxmobile { + width: 100%; + height: 100%; + object-fit: cover; + } + } + } +} + +.comp_1x_b_v_s_e1 { + .image_area { + img { + width: 100%; + transition: 0.3s; + border-radius: 0.6rem; + } + } + + .text_wrap { + display: flex; + justify-content: space-between; + + @include maxdesktop { + display: block; + } + + .text_area { + width: calc((100% - 4rem) / 2); + + @include maxdesktop { + width: 100%; + } + } + } +} + +.comp_1x_w_v_c_e2 { + position: relative; + + &::after { + content: ""; + position: absolute; + top: 0; + display: block; + width: 100%; + height: 60rem; + background-color: #05141f; + z-index: -1; + + @include maxdesktop { + height: 80%; + } + } + + .text_wrap { + display: flex; + justify-content: space-between; + padding-top: 6rem; + + @include maxdesktop { + display: block; + padding-top: 1rem; + } + + .text_area { + width: calc((100% - 40px) / 2); + color: #ffffff; + + @include maxdesktop { + width: 100%; + } + } + } + + .image_area { + margin-top: 9rem; + + @include maxdesktop { + margin-top: 4rem; + } + + img { + width: 100%; + transition: 0.3s; + border-radius: 0.6rem; + } + } +} + +.comp_1x_b_v_o_b { + .comp_body { + position: relative; + + .image_area { + height: 520px; + + img { + width: 100%; + height: 100%; + width: 100%; + transition: 0.3s; + object-fit: cover; + border-radius: 0.6rem; + } + } + + .text_area { + position: absolute; + top: 0; + left: 0; + width: 100%; + color: #ffffff; + margin-top: 7rem; + padding: 0 7rem; + + @include maxdesktop { + margin-top: 4rem; + padding: 0 4rem; + } + } + } +} + +.comp_1x_b_h_s_b { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @include maxtablet { + display: block; + } + + .image_area { + width: 50%; + + @include maxtablet { + width: 100%; + } + + img { + width: 100%; + } + } + + .text_area { + width: 50%; + padding: 5rem; + + @include maxtablet { + width: 100%; + padding: 0; + } + } + } +} + +.comp_1x_b_h_s_e1 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @include maxtablet { + display: block; + } + + .image_area { + width: 50%; + + @include maxtablet { + width: 100%; + } + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + .text_area { + width: 50%; + margin-top: 0; + + @include maxtablet { + width: 100%; + margin-top: 3rem; + } + } + + &:nth-child(odd) { + .text_area { + padding-left: 5rem; + + @include maxtablet { + padding-left: 0; + } + } + } + + &:nth-child(even), + &.reverse { + flex-direction: row-reverse; + + .text_area { + padding-right: 5rem; + + @include maxtablet { + padding-right: 0; + } + } + } + + &:not(:first-child) { + margin-top: 5rem; + } + } +} + +.comp_1x_b_h_s_e3 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @include maxtablet { + display: block; + } + + .image_area { + width: 50%; + aspect-ratio: 1 / 1; + + @include maxtablet { + width: 100%; + } + + img { + width: 100%; + border-radius: 0.6rem; + } + + video { + width: 100%; + border-radius: 0.6rem; + } + } + + .text_area { + width: 50%; + margin-top: 0; + + @include maxtablet { + width: 100%; + margin-top: 3rem; + } + } + + &:nth-child(odd) { + .text_area { + padding-left: 5rem; + + @include maxtablet { + padding-left: 0; + } + } + } + + &:nth-child(even) { + flex-direction: row-reverse; + + .text_area { + padding-right: 5rem; + + @include maxtablet { + padding-right: 0; + } + } + } + + &:not(:first-child) { + margin-top: 5rem; + } + } +} + +.comp_1x_b_h_s_e4 { + border-top: 1px solid #dedede; + padding-top: 6rem; + + @include maxtablet { + padding-top: 7.5rem; + } + + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + + @include maxtablet { + display: block; + } + + .item { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + margin-bottom: 5rem; + + .image_area { + width: 20%; + max-width: 12rem; + + img { + width: 100%; + } + } + + .text_area { + width: 80%; + margin-top: 0; + margin-left: 3rem; + + p { + color: #676767; + } + } + } + } +} + +.comp_2x_b_v_s_e1 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: flex-start; + + @include maxtablet { + display: block; + } + + .half_area { + display: flex; + flex-direction: column; + width: calc((100% - 6rem) / 2); + + @include maxtablet { + display: block; + width: 100%; + } + + .image_area { + width: 100%; + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + &:last-child { + flex-direction: column-reverse; + margin-top: 5rem; + + @include maxtablet { + display: block; + } + } + + .text_area { + padding-bottom: 4rem; + } + } + } +} + +.comp_2x_b_v_s_b { + .comp_body { + display: flex; + justify-content: space-between; + align-items: flex-start; + + @include maxtablet { + display: block; + } + + .half_area { + width: calc((100% - 2rem) / 2); + + @include maxtablet { + width: 100%; + display: block; + } + + .image_area { + width: 100%; + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + &:last-child { + @include maxtablet { + margin-top: 4rem; + } + } + } + } +} + +.comp_1x_b_h_s_e2 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + + @include maxtablet { + display: block; + } + + .image_area { + width: 46%; + + @include maxtablet { + width: 100%; + } + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + .text_area { + width: calc(54% - 5rem); + margin-top: 0; + + @include maxtablet { + width: 100%; + margin-top: 3rem; + } + + ul { + margin-top: 5.5rem; + + li { + display: flex; + justify-content: flex-start; + align-items: center; + + p { + margin-top: 0; + margin-left: 3rem; + font-size: 1.6rem; + line-height: 2.4rem; + color: #676767; + } + + &:not(:first-child) { + margin-top: 3rem; + } + } + } + } + } +} + +.comp_2x_b_h_s_e2 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; + + @include maxtablet { + display: block; + } + + .item { + display: flex; + justify-content: flex-start; + align-items: flex-start; + width: calc((100% - 5rem) / 2); + margin-bottom: 5rem; + + @include maxtablet { + width: 100%; + } + + .image_area { + width: 20%; + max-width: 12rem; + + img { + width: 100%; + } + } + + .text_area { + width: 80%; + margin-top: 0; + margin-left: 3rem; + + p { + color: #676767; + } + } + } + } +} + +.comp_2x_b_h_s_e3 { + .comp_body { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + + @include maxtablet { + display: block; + } + + .item { + display: flex; + justify-content: flex-start; + align-items: center; + width: calc((100% - 5rem) / 2); + margin-bottom: 5rem; + + @include maxtablet { + width: 100%; + } + + .image_area { + width: 20%; + max-width: 12rem; + + img { + width: 100%; + } + } + + .text_area { + width: 80%; + margin-top: 0; + margin-left: 3rem; + + p { + color: #676767; + } + } + } + } +} + +.comp_3x_b_v_s_b { + .comp_body { + display: flex; + justify-content: space-between; + align-items: flex-start; + flex-wrap: wrap; + + @include maxtablet { + display: block; + } + + .item { + width: calc((100% - 10rem) / 3); + + @include maxtablet { + width: 100%; + + &:not(:first-child) { + margin-top: 6rem; + } + } + + .image_area { + width: 100%; + + img { + width: 100%; + border-radius: 0.6rem; + } + } + + .text_area { + margin-top: 3rem; + + p { + margin-top: 1.5rem; + } + } + } + } +} + +.comp_1x_b_n_n_b { + margin-top: 15rem; + background-color: #f3f3f3; + padding: 4rem 0; + + @media (max-width: 1024px) { + margin-top: 6rem; + } + + .comp_body { + .title { + font-size: 1.8rem; + font-weight: 600; + color: #000000; + } + + ul { + margin-top: 10px; + + li { + position: relative; + padding: 0.5rem 0 0.5rem 1rem; + font-size: 1.4rem; + font-weight: 400; + line-height: 2.2rem; + + &::before { + content: "∙"; + position: absolute; + top: 0.5rem; + left: 0; + } + } + } + } } .pdpDetail { - padding-bottom: 10rem; + padding-bottom: 10rem; - @include maxtablet { - padding-bottom: 6rem; - } + @include maxtablet { + padding-bottom: 6rem; + } } .disclaimerArea { - padding-bottom: 10rem; + padding-bottom: 10rem; - @include maxtablet { - padding-bottom: 6rem; + @include maxtablet { + padding-bottom: 6rem; + } + + .disclaimerInner { + h2 { + width: 100%; + font-size: 2.4rem; + font-weight: 600; + + @include maxtablet { + font-size: 1.8rem; + } } - .disclaimerInner { - h2 { + .disclaimerList { + margin-top: 4rem; + border-top: 1px solid #999999; + border-bottom: 1px solid #999999; + + @include maxtablet { + margin-top: 3rem; + } + + .item { + display: flex; + justify-content: space-between; + align-items: center; + padding: 2rem 0; + border-bottom: 1px solid #dedede; + + &:last-child { + border-bottom: none; + } + + @include maxtablet { + display: block; + } + + .title { + width: 15.5rem; + padding-right: 2rem; + font-size: 1.6rem; + line-height: 2.4rem; + font-weight: 600; + word-break: keep-all; + + @include maxtablet { width: 100%; - font-size: 2.4rem; - font-weight: 600; - - @include maxtablet { - font-size: 1.8rem; - } + padding-right: 0; + font-size: 1.4rem; + line-height: 2.2rem; + } } - .disclaimerList { - margin-top: 4rem; - border-top: 1px solid #999999; - border-bottom: 1px solid #999999; + .bar { + width: 0.1rem; + height: 1.5rem; + background-color: #dedede; - @include maxtablet { - margin-top: 3rem; - } - - .item { - display: flex; - justify-content: space-between; - align-items: center; - padding: 2rem 0; - border-bottom: 1px solid #DEDEDE; - - &:last-child { - border-bottom: none; - } - - @include maxtablet { - display: block; - } - - .title { - width: 15.5rem; - padding-right: 2rem; - font-size: 1.6rem; - line-height: 2.4rem; - font-weight: 600; - word-break: keep-all; - - @include maxtablet { - width: 100%; - padding-right: 0; - font-size: 1.4rem; - line-height: 2.2rem; - } - } - - .bar { - width: 0.1rem; - height: 1.5rem; - background-color: #DEDEDE; - - @include maxtablet { - display: none; - } - } - - .contents { - width: calc(100% - 15.6rem); - padding-left: 2rem; - font-size: 1.6rem; - line-height: 2.4rem; - word-break: keep-all; - color: #676767; - - @include maxtablet { - width: 100%; - font-size: 1.4rem; - line-height: 2.2rem; - margin-top: 1.5rem; - padding-left: 0; - } - - li { - position: relative; - padding-left: 1rem; - - &::before { - content: "∙"; - position: absolute; - top: 0; - left: 0; - line-height: 2.2rem; - } - - a { - color: #676767; - } - } - } - } + @include maxtablet { + display: none; + } } + + .contents { + width: calc(100% - 15.6rem); + padding-left: 2rem; + font-size: 1.6rem; + line-height: 2.4rem; + word-break: keep-all; + color: #676767; + + @include maxtablet { + width: 100%; + font-size: 1.4rem; + line-height: 2.2rem; + margin-top: 1.5rem; + padding-left: 0; + } + + li { + position: relative; + padding-left: 1rem; + + &::before { + content: "∙"; + position: absolute; + top: 0; + left: 0; + line-height: 2.2rem; + } + + a { + color: #676767; + } + } + } + } } + } } - .reviewArea { - margin-top: 0; - padding-top: 10rem; - padding-bottom: 10rem; - border-top: 0.1rem solid #DEDEDE; - border-bottom: 0.1rem solid #DEDEDE; + margin-top: 0; + padding-top: 10rem; + padding-bottom: 10rem; + border-top: 0.1rem solid #dedede; + border-bottom: 0.1rem solid #dedede; - &:has(+ .qnaArea) { - border-bottom: none; + &:has(+ .qnaArea) { + border-bottom: none; + } + + @include maxtablet { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .reviewInner { + .titleArea { + display: flex; + justify-content: space-between; + align-items: center; + + h2 { + width: 100%; + font-size: 2.4rem; + font-weight: 600; + + @include maxtablet { + font-size: 1.8rem; + } + } + + .searchBox { + .selectInner { + .cont-select { + position: relative; + width: 100%; + height: 4.5rem; + min-width: 10rem; + + @include tablet { + width: 13rem; + } + + .btn-select { + position: relative; + width: 100%; + height: 4.5rem; + font-size: 1.4rem; + padding: 1.4rem 2rem; + background-color: #fff; + border: 1px solid #dedede; + box-sizing: border-box; + cursor: pointer; + text-align: left; + color: #000; + line-height: 1; + /* 말줄임 */ + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + + @include tablet { + font-size: 1.6rem; + } + + &::after { + content: ""; + position: absolute; + right: 1rem; + top: 40%; + transform: translate(-50%, 0); + width: 1.4rem; + height: 0.8rem; + display: block; + background: url("/kr/assets/images/common/icon-notice.svg"); + background-size: contain; + background-repeat: no-repeat; + transform: rotate(-180deg); + } + } + + .list-member { + display: none; + position: absolute; + padding: 1rem 2rem; + width: 100%; + top: 4.4rem; + left: 0; + border: 1px solid #dedede; + box-sizing: border-box; + background-color: #fff; + z-index: 1; + } + + .btn-select.on { + &::after { + transform: rotate(0deg); + } + } + + .btn-select.on + .list-member { + display: block; + } + + .list-member li { + font-size: 1.6rem; + line-height: 2; + box-sizing: border-box; + } + + .list-member li button { + width: 100%; + font-size: 1.6rem; + border: none; + background-color: #fff; + cursor: pointer; + text-align: left; + /* 말줄임 */ + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + } + } + } } - @include maxtablet { - padding-top: 6rem; - padding-bottom: 6rem; - } + .reviewList { + margin-top: 3rem; + border-top: 1px solid #999999; + border-bottom: 1px solid #999999; - .reviewInner { - .titleArea { + @include maxtablet { + margin-top: 2rem; + } + + .item { + display: flex; + justify-content: space-between; + align-items: flex-end; + padding: 2rem 0; + border-bottom: 1px solid #dedede; + + @include maxtablet { + display: block; + } + + .textArea { + width: calc(100% - 10rem); + padding-right: 5rem; + + @include maxtablet { + width: 100%; + padding-right: 0; + } + + .title { display: flex; - justify-content: space-between; + justify-content: flex-start; align-items: center; - h2 { - width: 100%; - font-size: 2.4rem; - font-weight: 600; - - @include maxtablet { - font-size: 1.8rem; - } + .name { + font-size: 1.6rem; + font-weight: 600; } - .searchBox { - .selectInner { - .cont-select { - position: relative; - width: 100%; - height: 4.5rem; - min-width: 10rem; - - @include tablet { - width: 13rem; - } - - .btn-select { - position: relative; - width: 100%; - height: 4.5rem; - font-size: 1.4rem; - padding: 1.4rem 2rem; - background-color: #fff; - border: 1px solid #DEDEDE; - box-sizing: border-box; - cursor: pointer; - text-align: left; - color: #000; - line-height: 1; - /* 말줄임 */ - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - - @include tablet { - font-size: 1.6rem; - } - - &::after { - content: ""; - position: absolute; - right: 1rem; - top: 40%; - transform: translate(-50%, 0); - width: 1.4rem; - height: 0.8rem; - displaY: block; - background: url("/kr/assets/images/common/icon-notice.svg"); - background-size: contain; - background-repeat: no-repeat; - transform: rotate(-180deg); - } - } - - .list-member { - display: none; - position: absolute; - padding: 1rem 2rem; - width: 100%; - top: 4.4rem; - left: 0; - border: 1px solid #DEDEDE; - box-sizing: border-box; - background-color: #fff; - z-index: 1; - } - - .btn-select.on { - &::after { - transform: rotate(0deg); - } - } - - .btn-select.on+.list-member { - display: block; - } - - .list-member li { - font-size: 1.6rem; - line-height: 2; - box-sizing: border-box; - } - - .list-member li button { - width: 100%; - font-size: 1.6rem; - border: none; - background-color: #fff; - cursor: pointer; - text-align: left; - /* 말줄임 */ - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - } - } - } + .date { + margin-left: 1rem; + font-size: 1.4rem; + color: #9ea1a2; } + } - } - - - .reviewList { - margin-top: 3rem; - border-top: 1px solid #999999; - border-bottom: 1px solid #999999; + .contents { + margin-top: 1.5rem; + font-size: 1.6rem; + line-height: 2.4rem; @include maxtablet { - margin-top: 2rem; + margin-top: 1.3rem; } - .item { - display: flex; - justify-content: space-between; - align-items: flex-end; - padding: 2rem 0; - border-bottom: 1px solid #DEDEDE; - - @include maxtablet { - display: block; - } - - .textArea { - width: calc(100% - 10rem); - padding-right: 5rem; - - @include maxtablet { - width: 100%; - padding-right: 0; - } - - .title { - display: flex; - justify-content: flex-start; - align-items: center; - - .name { - font-size: 1.6rem; - font-weight: 600; - } - - .date { - margin-left: 1rem; - font-size: 1.4rem; - color: #9EA1A2; - } - } - - .contents { - margin-top: 1.5rem; - font-size: 1.6rem; - line-height: 2.4rem; - - @include maxtablet { - margin-top: 1.3rem; - } - - &.abstracted { - white-space: normal; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; - overflow: hidden; - } - } - - .contentMoreBtn { - display: none; - align-items: center; - margin-top: 1rem; - font-size: 1.6rem; - color: #9EA1A2; - cursor: pointer; - - &::after { - content: ""; - displaY: block; - width: 1rem; - height: 1rem; - margin-left: 0.5rem; - background-image: url("/kr/assets/images/common/icon-more.svg"); - background-size: contain; - background-repeat: no-repeat; - background-position: center; - } - - &.active { - &::after { - background-image: url("/kr/assets/images/common/icon-briefly.svg"); - } - } - } - - } - - .reviewBtnArea { - width: 10rem; - - @include maxtablet { - display: flex; - justify-content: flex-end; - width: 100%; - margin-top: 1.5rem; - } - - .reviewBtn { - display: flex; - justify-content: center; - align-items: center; - width: 10rem; - height: 3.5rem; - border: 1px solid #DEDEDE; - border-radius: 0.6rem; - transition: 0.3s; - - .icon-good { - width: 2rem; - height: 2rem; - background-image: url("/kr/assets/images/common/icon_good.svg"); - background-repeat: no-repeat; - background-size: contain; - } - - .goodNum { - margin-left: 0.8rem; - padding-top: 0.2rem; - color: #9EA1A2; - font-size: 1.4rem; - font-weight: 600; - line-height: 2rem; - } - - &:hover { - border: 1px solid #000000; - } - - &.active { - .goodNum { - color: #000000; - } - } - } - } + &.abstracted { + white-space: normal; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; } + } + + .contentMoreBtn { + display: none; + align-items: center; + margin-top: 1rem; + font-size: 1.6rem; + color: #9ea1a2; + cursor: pointer; + + &::after { + content: ""; + display: block; + width: 1rem; + height: 1rem; + margin-left: 0.5rem; + background-image: url("/kr/assets/images/common/icon-more.svg"); + background-size: contain; + background-repeat: no-repeat; + background-position: center; + } + + &.active { + &::after { + background-image: url("/kr/assets/images/common/icon-briefly.svg"); + } + } + } } - .noList { + .reviewBtnArea { + width: 10rem; + + @include maxtablet { + display: flex; + justify-content: flex-end; + width: 100%; + margin-top: 1.5rem; + } + + .reviewBtn { display: flex; justify-content: center; align-items: center; - height: 14rem; - margin-top: 4rem; - border: 1px solid #DEDEDE; + width: 10rem; + height: 3.5rem; + border: 1px solid #dedede; border-radius: 0.6rem; - font-size: 1.8rem; - color: #9EA1A2; + transition: 0.3s; - @include tablet { - font-size: 2rem; + .icon-good { + width: 2rem; + height: 2rem; + background-image: url("/kr/assets/images/common/icon_good.svg"); + background-repeat: no-repeat; + background-size: contain; } + + .goodNum { + margin-left: 0.8rem; + padding-top: 0.2rem; + color: #9ea1a2; + font-size: 1.4rem; + font-weight: 600; + line-height: 2rem; + } + + &:hover { + border: 1px solid #000000; + } + + &.active { + .goodNum { + color: #000000; + } + } + } } + } } + + .noList { + display: flex; + justify-content: center; + align-items: center; + height: 14rem; + margin-top: 4rem; + border: 1px solid #dedede; + border-radius: 0.6rem; + font-size: 1.8rem; + color: #9ea1a2; + + @include tablet { + font-size: 2rem; + } + } + } } - .qnaArea { - margin-top: 0; - padding-top: 10rem; - padding-bottom: 10rem; - border-top: 0.1rem solid #DEDEDE; - border-bottom: 0.1rem solid #DEDEDE; + margin-top: 0; + padding-top: 10rem; + padding-bottom: 10rem; + border-top: 0.1rem solid #dedede; + border-bottom: 0.1rem solid #dedede; - @include maxtablet { - padding-top: 6rem; - padding-bottom: 6rem; + @include maxtablet { + padding-top: 6rem; + padding-bottom: 6rem; + } + + .qnaInner { + .titleArea { + display: flex; + justify-content: space-between; + align-items: center; + + h2 { + width: 100%; + font-size: 2.4rem; + font-weight: 600; + + @include maxtablet { + font-size: 1.8rem; + } + } } - .qnaInner { - .titleArea { - display: flex; - justify-content: space-between; - align-items: center; + .qnaList { + margin-top: 4rem; - h2 { - width: 100%; - font-size: 2.4rem; - font-weight: 600; + @include maxtablet { + margin-top: 3rem; + } + } - @include maxtablet { - font-size: 1.8rem; - } - } - } + .qnaList { + width: 100%; + margin-top: 2rem; - .qnaList { - margin-top: 4rem; + // padding-left:2rem; + // padding-right:2rem; + @include desktopMin { + max-width: 120rem; + margin-top: 2rem; + } - @include maxtablet { - margin-top: 3rem; - } - } + @include desktopMax { + padding-left: 0; + padding-right: 0; + } - .qnaList { - width: 100%; - margin-top: 2rem; + .qnaAccodion { + .accordion { + dl { + border: 1px solid #dedede; + border-radius: 0.6rem; + padding: 2rem; + position: relative; - // padding-left:2rem; - // padding-right:2rem; - @include desktopMin { - max-width: 120rem; - margin-top: 2rem; + &:hover { + border-color: #05141f; } - @include desktopMax { - padding-left: 0; - padding-right: 0; + @include tablet { + padding: 2.5rem; } - .qnaAccodion { - .accordion { - dl { - border: 1px solid #DEDEDE; - border-radius: 0.6rem; - padding: 2rem; - position: relative; + dt { + display: flex; + align-items: center; + justify-content: space-between; + font-size: 1.6rem; + font-weight: 600; + position: relative; + cursor: pointer; - &:hover { - border-color: #05141F; - } + @include desktopMin { + font-size: 1.8rem; + } - @include tablet { - padding: 2.5rem; - } + > p { + position: relative; + width: 93%; - dt { - display: flex; - align-items: center; - justify-content: space-between; - font-size: 1.6rem; - font-weight: 600; - position: relative; - cursor: pointer; + .subTitle { + display: flex; + justify-content: flex-start; + align-items: center; + color: #9ea1a2; + margin-bottom: 1.5rem; + font-size: 1.4rem; + font-weight: 400; - @include desktopMin { - font-size: 1.8rem; - } - - >p { - position: relative; - width: 93%; - - .subTitle { - display: flex; - justify-content: flex-start; - align-items: center; - color: #9EA1A2; - margin-bottom: 1.5rem; - font-size: 1.4rem; - font-weight: 400; - - .badge { - display: flex; - justify-content: center; - align-items: center; - height: 2.5rem; - margin-right: 1rem; - padding: 0 0.8rem; - border: 0.1rem solid #DEDEDE; - font-size: 1.4rem; - font-weight: 400; - - &.an { - color: #9EA1A2; - } - - &.ay { - color: #000000; - } - } - } - - span { - font-weight: 600; - } - } - - &:hover { - color: var(--unnamed-color-00aad2); - } - - &::after { - content: ""; - position: absolute; - right: 0rem; - top: 65%; - transform: translate(-50%, 0); - transform: rotate(-180deg); - width: 1.4rem; - height: 0.8rem; - displaY: block; - background: url("/kr/assets/images/common/icon-notice.svg"); - background-size: contain; - background-repeat: no-repeat; - - @include tablet { - top: 40%; - right: 1rem; - } - } - } - - dt.active { - &::after { - transform: rotate(0deg); - background-position-x: right; - right: 0rem; - - @include tablet { - right: 1rem; - } - } - } - - dt.active+dd { - displaY: block; - } - - dd { - display: none; - margin-top: 3rem; - - p { - font-size: 1.4rem; - line-height: 2.4rem; - color: #000000; - - @include desktopMin { - font-size: 1.6rem; - } - } - - .imageArea { - display: flex; - justify-content: flex-start; - align-items: center; - width: 100%; - margin-top: 3rem; - - .item { - width: calc((100% - 4rem) / 3); - border: 0.1rem solid #DEDEDE; - overflow: hidden; - margin-right: 2rem; - - &:last-child { - margin-right: 0; - } - - .box { - position: relative; - padding-top: 100%; - background-repeat: no-repeat; - background-size: contain; - background-position: center; - } - } - } - - .adminAnswer { - margin-top: 3.5rem; - padding-top: 3.5rem; - border-top: 0.1rem solid #DEDEDE; - - .subTitle { - color: #9EA1A2; - font-size: 1.4rem; - font-weight: 400; - } - - .answer { - margin-top: 1.5rem; - } - - .downloadArea { - display: flex; - justify-content: flex-start; - flex-wrap: wrap; - width: 100%; - margin-top: 2rem; - - .downloadItem { - display: flex; - justify-content: center; - align-items: center; - font-size: 1.6rem; - padding: 0.7rem 1rem; - background-color: #F3F3F3; - color: #000000; - margin-right: 1rem; - margin-bottom: 1rem; - - &:hover { - text-decoration: underline; - } - - .icon { - width: 2rem; - height: 2rem; - background-image: url("/kr/assets/images/common/icon-download.svg"); - background-repeat: repeat; - margin-left: 0.8rem; - } - } - } - } - - .csBtn { - margin: 0 auto; - margin-top: 4rem; - width: 100%; - - @include tablet { - width: 37rem; - margin-top: 5rem; - } - - .oneButton { - width: 16rem; - margin: 0 auto; - } - - .towButton { - displaY: flex; - flex-wrap: wrap; - - @include tablet { - flex-wrap: nowrap; - } - - .leftBtn { - margin-right: 0; - - @include tablet { - margin-right: 0.5rem; - } - } - - .rightBtn { - margin-left: 0; - - @include tablet { - margin-left: 0.5rem; - } - } - - button+button { - margin-top: 1rem; - - @include tablet { - margin-lefT: 1rem; - margin-top: 0; - } - } - } - - } - } - - >.dd-padding { - padding-left: 6.5rem; - } - } - - dl.active { - border-color: #000; - } - - dl.private { - &:hover { - border-color: #DEDEDE; - } - - dt { - cursor: default; - - &:after { - content: none; - } - - &:hover {} - - >p { - span { - color: #9EA1A2; - } - } - } - } - - dl+dl { - margin-top: 1rem; - } - } - - .noList { + .badge { display: flex; justify-content: center; align-items: center; - height: 14rem; + height: 2.5rem; + margin-right: 1rem; + padding: 0 0.8rem; + border: 0.1rem solid #dedede; + font-size: 1.4rem; + font-weight: 400; - border: 1px solid #DEDEDE; - border-radius: 0.6rem; - font-size: 1.8rem; - color: #9EA1A2; + &.an { + color: #9ea1a2; + } + + &.ay { + color: #000000; + } + } + } + + span { + font-weight: 600; + } + } + + &:hover { + color: var(--unnamed-color-00aad2); + } + + &::after { + content: ""; + position: absolute; + right: 0rem; + top: 65%; + transform: translate(-50%, 0); + transform: rotate(-180deg); + width: 1.4rem; + height: 0.8rem; + display: block; + background: url("/kr/assets/images/common/icon-notice.svg"); + background-size: contain; + background-repeat: no-repeat; + + @include tablet { + top: 40%; + right: 1rem; + } + } + } + + dt.active { + &::after { + transform: rotate(0deg); + background-position-x: right; + right: 0rem; + + @include tablet { + right: 1rem; + } + } + } + + dt.active + dd { + display: block; + } + + dd { + display: none; + margin-top: 3rem; + + p { + font-size: 1.4rem; + line-height: 2.4rem; + color: #000000; + + @include desktopMin { + font-size: 1.6rem; + } + } + + .imageArea { + display: flex; + justify-content: flex-start; + align-items: center; + width: 100%; + margin-top: 3rem; + + .item { + width: calc((100% - 4rem) / 3); + border: 0.1rem solid #dedede; + overflow: hidden; + margin-right: 2rem; + + &:last-child { + margin-right: 0; + } + + .box { + position: relative; + padding-top: 100%; + background-repeat: no-repeat; + background-size: contain; + background-position: center; + } + } + } + + .adminAnswer { + margin-top: 3.5rem; + padding-top: 3.5rem; + border-top: 0.1rem solid #dedede; + + .subTitle { + color: #9ea1a2; + font-size: 1.4rem; + font-weight: 400; + } + + .answer { + margin-top: 1.5rem; + } + + .downloadArea { + display: flex; + justify-content: flex-start; + flex-wrap: wrap; + width: 100%; + margin-top: 2rem; + + .downloadItem { + display: flex; + justify-content: center; + align-items: center; + font-size: 1.6rem; + padding: 0.7rem 1rem; + background-color: #f3f3f3; + color: #000000; + margin-right: 1rem; + margin-bottom: 1rem; + + &:hover { + text-decoration: underline; + } + + .icon { + width: 2rem; + height: 2rem; + background-image: url("/kr/assets/images/common/icon-download.svg"); + background-repeat: repeat; + margin-left: 0.8rem; + } + } + } + } + + .csBtn { + margin: 0 auto; + margin-top: 4rem; + width: 100%; + + @include tablet { + width: 37rem; + margin-top: 5rem; + } + + .oneButton { + width: 16rem; + margin: 0 auto; + } + + .towButton { + display: flex; + flex-wrap: wrap; + + @include tablet { + flex-wrap: nowrap; + } + + .leftBtn { + margin-right: 0; @include tablet { - font-size: 2rem; + margin-right: 0.5rem; } + } + + .rightBtn { + margin-left: 0; + + @include tablet { + margin-left: 0.5rem; + } + } + + button + button { + margin-top: 1rem; + + @include tablet { + margin-left: 1rem; + margin-top: 0; + } + } } + } } + + > .dd-padding { + padding-left: 6.5rem; + } + } + + dl.active { + border-color: #000; + } + + dl.private { + &:hover { + border-color: #dedede; + } + + dt { + cursor: default; + + &:after { + content: none; + } + + &:hover { + } + + > p { + span { + color: #9ea1a2; + } + } + } + } + + dl + dl { + margin-top: 1rem; + } } + + .noList { + display: flex; + justify-content: center; + align-items: center; + height: 14rem; + + border: 1px solid #dedede; + border-radius: 0.6rem; + font-size: 1.8rem; + color: #9ea1a2; + + @include tablet { + font-size: 2rem; + } + } + } } + } } .listbtnWarp { - width: 100%; - margin: 0 auto; - padding: 0 2rem; + width: 100%; + margin: 0 auto; + padding: 0 2rem; + + @include desktopMin { + width: 16rem; + } + + a::before, + a::after { + width: 3.2rem; @include desktopMin { - width: 16rem; - } - - a::before, - a::after { - width: 3.2rem; - - @include desktopMin { - width: 3.2rem; - } - + width: 3.2rem; } + } } .pdpDisplayThemeSwiper { - .swiper-wrapper { - transition-timing-function: linear; - - } + .swiper-wrapper { + transition-timing-function: linear; + } } .displayTheme { - .visualBg { - position: absolute; + .visualBg { + position: absolute; + width: 100%; + max-width: 192rem; + + @include maxdesktop { + overflow: hidden; + height: 76rem; + } + + @media (max-width: 820px) { + height: 62rem; + } + + @include maxtablet { + height: 76rem; + } + + @include maxmobile { + height: 71rem; + } + + img { + width: auto; + object-fit: cover; + object-position: center; + + @include maxdesktop { width: 100%; - max-width: 192rem; + object-fit: initial; + object-position: initial; + } + + &.mobile { + display: none; + } + + @include maxdesktop { + &.web { + display: none; + } + + &.mobile { + display: block; + object-fit: initial; + height: auto; + } + } + } + + &:after { + content: ""; + display: none; + position: absolute; + bottom: 0; + left: 0; + z-index: 2; + width: 100%; + height: 60%; + background: rgb(255, 255, 255); + background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 1) 100%); + } + } + + &.comp_wide { + .comp_body { + &.layer_up { + .text_area { + margin-top: 5.2rem; + + @include maxtablet { + margin-top: 6rem !important; + } + } + } + + .text_area { + @include maxtablet { + margin-top: 3rem !important; + + h3 { + font-size: 3rem; + } + + .info { + font-size: 1.4rem; + } + } + } + } + + .comp_bottom { + display: flex; + align-items: center; + position: relative; + z-index: 2; + // max-height: 26rem; + + @include maxdesktop { + // max-height: 22rem; + padding: 3rem 0; + } + + @include maxtablet { + // max-height: 22rem; + padding: 2rem 0; + } + + &.thumb-swiper { + overflow: hidden; + flex-wrap: wrap; + padding: 17rem 0 0; + + .com_bottm_inner { + padding: 3.4rem 0; + background-color: rgba(0, 0, 0, 0.8); + } + + @include maxtablet { + padding: 31.2rem 0 0; + + .com_bottm_inner { + padding: 2.4rem 0; + } + } + } + + .com_bottm_inner { + display: flex; + justify-content: center; + align-items: center; + position: relative; + width: 100%; + height: 100%; @include maxdesktop { - overflow: hidden; - height: 76rem; - } - - @media (max-width: 820px) { - height: 62rem; + padding: 3rem 0; } @include maxtablet { - height: 76rem; + padding: 2.5rem 0; } - @include maxmobile { - height: 71rem; - } + .swiper { + overflow: visible; + width: 100%; + padding: 0 10rem; - img { - width: auto; - object-fit: cover; - object-position: center; - - @include maxdesktop { - width: 100%; - object-fit: initial; - object-position: initial; - } - - &.mobile { - display: none; - } - - @include maxdesktop { - &.web { - display: none; - } - - &.mobile { - display: block; - object-fit: initial; - height: auto; - } - } - - } - - &:after { + &:before, + &:after { content: ""; - display: none; + display: block; position: absolute; - bottom: 0; + top: -4rem; + bottom: -4rem; left: 0; z-index: 2; + width: 10rem; + background: rgb(0, 0, 0); + background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); + } + + &:after { + left: auto; + right: 0; + background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); + } + + @include maxtablet { + &:before, + &:after { + display: none; + } + } + + @media (max-width: 1200px) { + padding-right: 2rem; + } + + .swiper-wrapper { width: 100%; - height: 60%; - background: rgb(255, 255, 255); - background: linear-gradient(180deg, rgba(255, 255, 255, 0) 43%, rgba(255, 255, 255, 1) 100%); + transition-timing-function: linear; + + .swiper-slide { + width: 11.6rem !important; + padding: 6px; + border: 2px solid transparent; + cursor: pointer; + + @include maxtablet { + width: 12rem !important; + padding: 0.8rem; + } + + &:first-child { + @media (max-width: 1240px) { + margin-left: 2rem; + } + } + + img { + max-width: 100%; + } + + p { + margin-top: 0.3rem; + font-size: 1.2rem; + font-weight: 400; + color: #fff; + text-transform: uppercase; + text-align: left; + + @media (max-width: 768px) { + margin-top: 0.5rem; + } + } + + &.selected { + border: 2px dashed rgba(255, 255, 255, 0.5); + } + + &.active { + border: 2px solid #f8c40c; + } + } + } } + } } + } - &.comp_wide { - .comp_body { - &.layer_up { - .text_area { - margin-top: 5.2rem; + .comp_top { + z-index: 2; - @include maxtablet { - margin-top: 6rem !important; - } - } - } - - .text_area { - @include maxtablet { - margin-top: 3rem !important; - - h3 { - font-size: 3rem; - } - - .info { - font-size: 1.4rem; - } - } - - } + // height: 10rem; + .comp_body { + .text_area { + // display: flex; + h3 { + font-size: 3rem; + margin-bottom: 1rem; } - .comp_bottom { + .info { + font-size: 1.6rem; + } + + > * { + flex: 1; + } + } + } + } + + .comp_md { + position: absolute; + z-index: 2; + top: 0; + height: 48rem; + background-color: rgba(0, 0, 0, 0); + + @include maxtablet { + height: 3rem; + } + } + + &.type2 { + .comp_bottom { + background-color: transparent; + + .com_bottm_inner { + .thumb-wrap { + display: flex; + flex-wrap: wrap; + gap: 1.4rem 2rem; + width: 100%; + max-width: 118rem; + margin: 0 auto; + + .dtthumb { + width: 13rem; + } + + .img-area { display: flex; + justify-content: center; align-items: center; - position: relative; - z-index: 2; - // max-height: 26rem; + width: 13rem; + height: 12rem; + background-color: #fff; + border-radius: 0.8rem; + } - @include maxdesktop { - // max-height: 22rem; - padding: 3rem 0; - } - - @include maxtablet { - // max-height: 22rem; - padding: 2rem 0; - } - - &.thumb-swiper { - overflow: hidden; - flex-wrap: wrap; - padding: 17rem 0 0; - - .com_bottm_inner { - padding: 3.4rem 0; - background-color: rgba(0, 0, 0, .8); - } - - @include maxtablet { - padding: 31.2rem 0 0; - - .com_bottm_inner { - padding: 2.4rem 0; - } - } - } - - .com_bottm_inner { - display: flex; - justify-content: center; - align-items: center; - position: relative; - width: 100%; - height: 100%; - - @include maxdesktop { - padding: 3rem 0; - } - - @include maxtablet { - padding: 2.5rem 0; - } - - .swiper { - overflow: visible; - width: 100%; - padding: 0 10rem; - - &:before, - &:after { - content: ""; - display: block; - position: absolute; - top: -4rem; - bottom: -4rem; - left: 0; - z-index: 2; - width: 10rem; - background: rgb(0, 0, 0); - background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); - } - - &:after { - left: auto; - right: 0; - background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); - } - - @include maxtablet { - - &:before, - &:after { - display: none; - } - } - - @media(max-width: 1200px) { - padding-right: 2rem; - } - - .swiper-wrapper { - width: 100%; - transition-timing-function: linear; - - .swiper-slide { - width: 11.6rem !important; - padding: 6px; - border: 2px solid transparent; - cursor: pointer; - - @include maxtablet { - width: 12rem !important; - padding: .8rem; - } - - &:first-child { - @media(max-width: 1240px) { - margin-left: 2rem; - } - } - - img { - max-width: 100%; - } - - p { - margin-top: 0.3rem; - font-size: 1.2rem; - font-weight: 400; - color: #fff; - text-transform: uppercase; - text-align: left; - - @media(max-width: 768px) { - margin-top: .5rem; - } - } - - &.selected { - border: 2px dashed rgba(255, 255, 255, 0.5); - } - - &.active { - border: 2px solid #F8C40C; - } - } - - } - } - - } + p { + font-size: 1.4rem; + font-weight: 600; + color: #fff; + text-transform: uppercase; + } } + } + } + } + .dtlImgs { + position: relative; + padding-top: 7.2rem; + + @include maxtablet { + padding-top: 7.2rem; } - .comp_top { - z-index: 2; + .item { + transition: opacity 0.2s; - // height: 10rem; - .comp_body { - .text_area { - - // display: flex; - h3 { - font-size: 3rem; - margin-bottom: 1rem; - } - - .info { - font-size: 1.6rem; - } - - >* { - flex: 1; - } - } - } - } - - .comp_md { - position: absolute; - z-index: 2; - top: 0; - height: 48rem; - background-color: rgba(0, 0, 0, 0); + .text_area { + margin-top: 4rem; @include maxtablet { - height: 3rem; + margin-top: 2rem; } - } + } - &.type2 { - .comp_bottom { - background-color: transparent; - - .com_bottm_inner { - - .thumb-wrap { - display: flex; - flex-wrap: wrap; - gap: 1.4rem 2rem; - width: 100%; - max-width: 118rem; - margin: 0 auto; - - .dtthumb { - width: 13rem; - } - - .img-area { - display: flex; - justify-content: center; - align-items: center; - width: 13rem; - height: 12rem; - background-color: #fff; - border-radius: .8rem; - } - - p { - font-size: 1.4rem; - font-weight: 600; - color: #fff; - text-transform: uppercase; - } - } - - } - } - } - - .dtlImgs { - position: relative; - padding-top: 7.2rem; - - @include maxtablet { - padding-top: 7.2rem; - } - - .item { - transition: opacity 0.2s; - - .text_area { - margin-top: 4rem; - - @include maxtablet { - margin-top: 2rem; - } - } - - &+.item { - margin-top: 8rem; - - @include maxtablet { - margin-top: 5rem; - } - } - - &.change { - opacity: 0; - } - } - } - - &+.comp_1x_b_v_s_b { - position: relative; - z-index: 2; - margin-top: 0; - - @include maxtablet { - margin-top: 4rem; - } - - .image_area { - height: auto; - - } - } - - .comp_body .swiper-slide .text_area h5 { - font-size: 3rem; - - @include maxtablet { - font-size: 2rem; - } - } - - &.welcome-goodbye { + & + .item { margin-top: 8rem; - .comp_body { - &+.comp_body { - margin-top: 10rem; - } - - .text_area { - margin-bottom: 2rem; - } - - video { - width: 100%; - } + @include maxtablet { + margin-top: 5rem; } + } + + &.change { + opacity: 0; + } } + } + + & + .comp_1x_b_v_s_b { + position: relative; + z-index: 2; + margin-top: 0; + + @include maxtablet { + margin-top: 4rem; + } + + .image_area { + height: auto; + } + } + + .comp_body .swiper-slide .text_area h5 { + font-size: 3rem; + + @include maxtablet { + font-size: 2rem; + } + } + + &.welcome-goodbye { + margin-top: 8rem; + + .comp_body { + & + .comp_body { + margin-top: 10rem; + } + + .text_area { + margin-bottom: 2rem; + } + + video { + width: 100%; + } + } + } } .displayThemeDtl { - .swiper-navigation { - >* { - top: 210px; - left: -65px; - width: 5rem; - height: 5rem; - border-radius: 50%; - background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto; + .swiper-navigation { + > * { + top: 210px; + left: -65px; + width: 5rem; + height: 5rem; + border-radius: 50%; + background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto; - &:after { - display: none; - } - - } - - .swiper-button-next { - left: auto; - right: -65px; - transform: rotate(180deg); - } - - @media(max-width: 1200px) { - display: none; - } + &:after { + display: none; + } } - .swiper-pagination { - top: 46.4rem; - - // top:36.4vw; - @media(max-width: 1200px) { - top: 36.4vw; - } - - @include maxtablet { - // top: 14.4rem; - } - - .swiper-pagination-bullet { - opacity: 1; - width: 5.6rem; - height: .4rem; - border-radius: 0; - background-color: #E9E9E9; - - &.swiper-pagination-bullet-active { - background-color: #000; - } - } + .swiper-button-next { + left: auto; + right: -65px; + transform: rotate(180deg); } + + @media (max-width: 1200px) { + display: none; + } + } + + .swiper-pagination { + top: 46.4rem; + + // top:36.4vw; + @media (max-width: 1200px) { + top: 36.4vw; + } + + @include maxtablet { + // top: 14.4rem; + } + + .swiper-pagination-bullet { + opacity: 1; + width: 5.6rem; + height: 0.4rem; + border-radius: 0; + background-color: #e9e9e9; + + &.swiper-pagination-bullet-active { + background-color: #000; + } + } + } } .inCarGame { - &.comp_1x_w_v_o_b { - .image_area { - @include maxtablet { - overflow: hidden; - height: auto; - } + &.comp_1x_w_v_o_b { + .image_area { + @include maxtablet { + overflow: hidden; + height: auto; + } + } + } + + .comp_top.title-area { + position: absolute; + top: 0; + left: 0; + width: 100%; + } + + .visualBg { + position: absolute; + width: 100%; + max-width: 192rem; + + img { + width: 100%; + + &.mobile { + display: none; + } + + @include maxtablet { + &.web { + display: none; } + + &.mobile { + display: block; + object-fit: initial; + height: auto; + } + } } - .comp_top.title-area { - position: absolute; - top: 0; - left: 0; - width: 100%; - } + &.swiper { + position: relative; - .visualBg { - position: absolute; - width: 100%; - max-width: 192rem; + .swiper-pagination { + bottom: 3rem; + .swiper-pagination-bullet { + opacity: 1; + width: 5.6rem; + height: 0.4rem; + border-radius: 0; + background-color: rgba(255, 255, 255, 0.5); + + @include maxtablet { + width: 3rem; + height: 0.3rem; + } + + &.swiper-pagination-bullet-active { + background-color: rgba(255, 255, 255, 1); + } + } + } + + .image_area { img { - width: 100%; - - &.mobile { - display: none; - } - - @include maxtablet { - &.web { - display: none; - } - - &.mobile { - display: block; - object-fit: initial; - height: auto; - } - } - + object-fit: cover; } - - &.swiper { - position: relative; - - .swiper-pagination { - bottom: 3rem; - - .swiper-pagination-bullet { - opacity: 1; - width: 5.6rem; - height: .4rem; - border-radius: 0; - background-color: rgba(255, 255, 255, 0.5); - - @include maxtablet { - width: 3rem; - height: .3rem; - } - - &.swiper-pagination-bullet-active { - background-color: rgba(255, 255, 255, 1); - } - } - } - - .image_area { - - img { - object-fit: cover; - } - } - } - - // &:after { - // content:""; - // display: block; - // position: absolute; - // bottom:0; - // left:0; - // z-index: 2; - // width: 100%; - // height: 60%; - // background: rgb(255,255,255); - // background: linear-gradient(180deg, rgba(255,255,255,0) 43%, rgba(255,255,255,1) 100%); - // } + } } - &.comp_wide { - .comp_body { - &.layer_up { - .text_area { - margin-top: 7rem; + // &:after { + // content:""; + // display: block; + // position: absolute; + // bottom:0; + // left:0; + // z-index: 2; + // width: 100%; + // height: 60%; + // background: rgb(255,255,255); + // background: linear-gradient(180deg, rgba(255,255,255,0) 43%, rgba(255,255,255,1) 100%); + // } + } - .info { - line-height: 1.5; + &.comp_wide { + .comp_body { + &.layer_up { + .text_area { + margin-top: 7rem; - br { - display: none; + .info { + line-height: 1.5; - @include maxtablet { - display: block; - } - } - - } - } - } - - .text_area { - @include maxtablet { - margin-top: 6rem; - - h3 { - font-size: 3rem; - line-height: 4rem; - } - - .info { - font-size: 1.4rem; - } - } + br { + display: none; + @include maxtablet { + display: block; + } } + } } + } - .comp_bottom { - display: flex; - align-items: center; - position: relative; - z-index: 2; - // max-height: 26rem; - padding: 4rem 0; - margin-top: 8rem; - background-color: rgba(0, 0, 0, 1); + .text_area { + @include maxtablet { + margin-top: 6rem; - @include maxdesktop { - // max-height: 22rem; - padding: 3rem 0; - } + h3 { + font-size: 3rem; + line-height: 4rem; + } - @include maxtablet { - // max-height: 22rem; - padding: 0; - margin-top: 4rem; - } - - .com_bottm_inner { - display: flex; - justify-content: center; - align-items: center; - position: relative; - width: 100%; - height: 100%; - - @include maxdesktop { - padding: 3rem 0; - } - - @include maxtablet { - padding: 2.5rem 0; - } - - .swiper { - width: 100%; - padding: 0 10rem; - - &:before, - &:after { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - z-index: 2; - width: 10rem; - height: 100%; - background: rgb(0, 0, 0); - background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); - } - - &:after { - left: auto; - right: 0; - background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); - } - - @include maxtablet { - - &:before, - &:after { - display: none; - } - } - - @media(max-width: 1200px) { - padding-right: 2rem; - } - - .swiper-wrapper { - width: 100%; - transition-timing-function: linear; - - .swiper-slide { - width: 16.6rem !important; - padding: 6px; - border: 2px solid transparent; - cursor: pointer; - - @include maxtablet { - width: 18rem !important; - padding: .8rem; - } - - &:first-child { - @media(max-width: 1240px) { - margin-left: 2rem; - } - } - - img { - max-width: 100%; - } - - p { - margin-top: 0.3rem; - font-size: 1.4rem; - font-weight: 400; - color: #fff; - text-transform: uppercase; - text-align: left; - - @media(max-width: 768px) { - margin-top: .5rem; - } - } - - &.active { - border-color: #fff; - } - } - } - } - } + .info { + font-size: 1.4rem; + } } + } } - .comp_top { - z-index: 2; - // height: 46rem; - // height: 340px; - // max-height: 529px; + .comp_bottom { + display: flex; + align-items: center; + position: relative; + z-index: 2; + // max-height: 26rem; + padding: 4rem 0; + margin-top: 8rem; + background-color: rgba(0, 0, 0, 1); - // @include maxtablet { - // height: 43.9rem; - // } + @include maxdesktop { + // max-height: 22rem; + padding: 3rem 0; + } - .comp_body { - .text_area { + @include maxtablet { + // max-height: 22rem; + padding: 0; + margin-top: 4rem; + } - // display: flex; - h3 { - margin-bottom: 2rem; - } + .com_bottm_inner { + display: flex; + justify-content: center; + align-items: center; + position: relative; + width: 100%; + height: 100%; - >* { - flex: 1; - } - } + @include maxdesktop { + padding: 3rem 0; } - } - - .comp_md { - position: absolute; - z-index: 2; - top: 0; - height: 48rem; - background-color: rgba(0, 0, 0, 0); @include maxtablet { - height: 3rem; + padding: 2.5rem 0; } + + .swiper { + width: 100%; + padding: 0 10rem; + + &:before, + &:after { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + z-index: 2; + width: 10rem; + height: 100%; + background: rgb(0, 0, 0); + background: linear-gradient(270deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); + } + + &:after { + left: auto; + right: 0; + background: linear-gradient(90deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 1) 100%); + } + + @include maxtablet { + &:before, + &:after { + display: none; + } + } + + @media (max-width: 1200px) { + padding-right: 2rem; + } + + .swiper-wrapper { + width: 100%; + transition-timing-function: linear; + + .swiper-slide { + width: 16.6rem !important; + padding: 6px; + border: 2px solid transparent; + cursor: pointer; + + @include maxtablet { + width: 18rem !important; + padding: 0.8rem; + } + + &:first-child { + @media (max-width: 1240px) { + margin-left: 2rem; + } + } + + img { + max-width: 100%; + } + + p { + margin-top: 0.3rem; + font-size: 1.4rem; + font-weight: 400; + color: #fff; + text-transform: uppercase; + text-align: left; + + @media (max-width: 768px) { + margin-top: 0.5rem; + } + } + + &.active { + border-color: #fff; + } + } + } + } + } + } + } + + .comp_top { + z-index: 2; + // height: 46rem; + // height: 340px; + // max-height: 529px; + + // @include maxtablet { + // height: 43.9rem; + // } + + .comp_body { + .text_area { + // display: flex; + h3 { + margin-bottom: 2rem; + } + + > * { + flex: 1; + } + } + } + } + + .comp_md { + position: absolute; + z-index: 2; + top: 0; + height: 48rem; + background-color: rgba(0, 0, 0, 0); + + @include maxtablet { + height: 3rem; + } + } + + &.type2 { + .comp_bottom { + background-color: transparent; + + .com_bottm_inner { + .thumb-wrap { + display: flex; + flex-wrap: wrap; + gap: 1.4rem 2rem; + width: 100%; + max-width: 118rem; + margin: 0 auto; + + .dtthumb { + width: 13rem; + } + + .img-area { + display: flex; + justify-content: center; + align-items: center; + width: 13rem; + height: 12rem; + background-color: #fff; + border-radius: 0.8rem; + } + + p { + font-size: 1.4rem; + font-weight: 600; + color: #fff; + text-transform: uppercase; + } + } + } + } + } + + .dtlImgs { + .item { + transition: opacity 0.2s; + + .text_area { + margin-top: 4rem; + + @include maxtablet { + margin-top: 2rem; + } + } + + & + .item { + margin-top: 8rem; + + @include maxtablet { + margin-top: 5rem; + } + } + + &.change { + opacity: 0; + } + } + } + + & + .comp_1x_b_v_s_b { + position: relative; + z-index: 2; + margin-top: 2rem; + + @include maxtablet { + margin-top: 7.5rem; } - &.type2 { - .comp_bottom { - background-color: transparent; + .image_area { + height: auto; + border-radius: 0.8rem; - .com_bottm_inner { + img { + display: block; + border-radius: 0.8rem; + overflow: hidden; + } - .thumb-wrap { - display: flex; - flex-wrap: wrap; - gap: 1.4rem 2rem; - width: 100%; - max-width: 118rem; - margin: 0 auto; - - .dtthumb { - width: 13rem; - } - - .img-area { - display: flex; - justify-content: center; - align-items: center; - width: 13rem; - height: 12rem; - background-color: #fff; - border-radius: .8rem; - } - - p { - font-size: 1.4rem; - font-weight: 600; - color: #fff; - text-transform: uppercase; - } - } - - } + @include maxtablet { + video { + width: 100%; } + } + } + + @include maxtablet { + margin-top: 3rem; } .dtlImgs { - .item { - transition: opacity 0.2s; + .text_area { + display: none; + margin-top: 3.2rem; + } - .text_area { - margin-top: 4rem; - - @include maxtablet { - margin-top: 2rem; - } - } - - &+.item { - margin-top: 8rem; - - @include maxtablet { - margin-top: 5rem; - } - } - - &.change { - opacity: 0; - } + @for $i from 0 through 12 { + &.theme#{$i} { + .text_theme#{$i} { + display: block; + } } + } } + } - &+.comp_1x_b_v_s_b { - position: relative; - z-index: 2; - margin-top: 2rem; + &.comp_2x_b_h_s_e2 .comp_body .item .text_area { + margin-top: 0; + } - @include maxtablet { - margin-top: 7.5rem; - } + &.comp_wide.comp_2x_b_h_s_e2 { + margin-top: 20rem; - .image_area { - height: auto; - border-radius: 0.8rem; - - img { - display: block; - border-radius: 0.8rem; - overflow: hidden; - } - - @include maxtablet { - video { - width: 100%; - } - } - } - - @include maxtablet { - margin-top: 3rem; - } - - .dtlImgs { - .text_area { - display: none; - margin-top: 3.2rem; - } - - @for $i from 0 through 12 { - &.theme#{$i} { - .text_theme#{$i} { - display: block; - } - } - } - } + @include maxtablet { + margin-top: 10rem; } + } - &.comp_2x_b_h_s_e2 .comp_body .item .text_area { - margin-top: 0; + .comp_body .swiper-slide .text_area h5 { + font-size: 3rem; + + @include maxtablet { + font-size: 2rem; } + } - &.comp_wide.comp_2x_b_h_s_e2 { - margin-top: 20rem; + .inCarGameDtl { + overflow: hidden; + border-radius: 0.8rem; - @include maxtablet { - margin-top: 10rem; + .swiper-slide { + cursor: pointer; + } + } + + .inCarGameDtlThumb { + margin-top: 0.7rem; + + .swiper-slide { + overflow: hidden; + position: relative; + height: 14.85rem; + border-radius: 0.8rem; + + @include maxtablet { + height: 4.5rem; + border-radius: 0.4rem; + } + + cursor: pointer; + + &.video-slideThumb { + &:before { + content: ""; + display: block; + position: absolute; + top: 50%; + left: 50%; + z-index: 2; + transform: translate(-50%, -50%); + width: 60px; + height: 61px; + background: url(../images/kia/pdp/in_car_game/btn_play.png) no-repeat center / contain; + + @include maxtablet { + width: 30px; + height: 31px; + opacity: 0.75; + } } - } - .comp_body .swiper-slide .text_area h5 { - font-size: 3rem; - - @include maxtablet { - font-size: 2rem; + &.theme5 { + &::before { + display: none; + } } - } + } - .inCarGameDtl { + img { + display: block; + max-width: 100%; overflow: hidden; - border-radius: 0.8rem; + } - .swiper-slide { - cursor: pointer; - } - } + video { + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 1; + width: 100%; + } - .inCarGameDtlThumb { - margin-top: .7rem; - - .swiper-slide { - overflow: hidden; - position: relative; - height: 14.85rem; - border-radius: 0.8rem; - - @include maxtablet { - height: 4.5rem; - border-radius: 0.4rem; - } - - cursor: pointer; - - &.video-slideThumb { - &:before { - content: ""; - display: block; - position: absolute; - top: 50%; - left: 50%; - z-index: 2; - transform: translate(-50%, -50%); - width: 60px; - height: 61px; - background: url(../images/kia/pdp/in_car_game/btn_play.png) no-repeat center / contain; - - @include maxtablet { - width: 30px; - height: 31px; - opacity: .75; - } - } - - &.theme5 { - &::before { - display: none; - } - } - } - - img { - display: block; - max-width: 100%; - overflow: hidden; - } - - video { - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 1; - width: 100%; - } - - &:after { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - z-index: 3; - width: 100%; - height: 100%; - border-radius: .8rem; - background-color: rgba(0, 0, 0, .7); - } - - &.swiper-slide-thumb-active { - &:after { - display: none; - } - } - } - } -} - -.tooltip { - display: flex; - align-items: center; - position: absolute; - top: -8.5rem; - left: 0; - z-index: 10; - width: 27.6rem; - height: 7.2rem; - padding: 0 0 0 1.6rem; - font-size: 1.2rem; - color: #05141F; - line-height: 2rem; - border: 1px solid #000; - border-radius: .4rem; - background-color: #fff; - - &:after { + &:after { content: ""; display: block; position: absolute; - bottom: -0.9rem; - left: 2.4rem; - width: 1.5rem; - height: .9rem; - background: url("../images/kia/pdp/display_theme/ico_edge.png") no-repeat center / contain; - } + top: 0; + left: 0; + z-index: 3; + width: 100%; + height: 100%; + border-radius: 0.8rem; + background-color: rgba(0, 0, 0, 0.7); + } - .btn-close { - position: absolute; - top: 1.6rem; - right: 1.6rem; - width: 1.6rem; - height: 1.6rem; - background: url("../images/kia/pdp/display_theme/ico_close.png") no-repeat center / contain; - text-indent: -9999em; - cursor: pointer; + &.swiper-slide-thumb-active { + &:after { + display: none; + } + } } + } +} + +.tooltip { + display: flex; + align-items: center; + position: absolute; + top: -8.5rem; + left: 0; + z-index: 10; + width: 27.6rem; + height: 7.2rem; + padding: 0 0 0 1.6rem; + font-size: 1.2rem; + color: #05141f; + line-height: 2rem; + border: 1px solid #000; + border-radius: 0.4rem; + background-color: #fff; + + &:after { + content: ""; + display: block; + position: absolute; + bottom: -0.9rem; + left: 2.4rem; + width: 1.5rem; + height: 0.9rem; + background: url("../images/kia/pdp/display_theme/ico_edge.png") no-repeat center / contain; + } + + .btn-close { + position: absolute; + top: 1.6rem; + right: 1.6rem; + width: 1.6rem; + height: 1.6rem; + background: url("../images/kia/pdp/display_theme/ico_close.png") no-repeat center / contain; + text-indent: -9999em; + cursor: pointer; + } } .theme-story { + display: flex; + align-items: center; + column-gap: 1.6rem; + position: absolute; + top: 1.4rem; + left: 0; + width: 100%; + max-width: 120rem; + margin: 0 auto; + + @include maxdesktop { + overflow-x: auto; + padding: 0 2rem; + } + + @include maxtablet { + top: 0; + } + + .tooltip { + display: none; + } + + .btn-dtthumb { + position: relative; + + &.active { + .dtthumb { + border-color: rgba(248, 196, 12, 1); + background-color: rgba(253, 224, 68, 0.5); + } + } + } + + .dtthumb { display: flex; align-items: center; - column-gap: 1.6rem; - position: absolute; - top: 1.4rem; - left: 0; - width: 100%; - max-width: 120rem; - margin: 0 auto; + width: 15.5rem; + height: 4.4rem; + padding: 0 0 0 0.8rem; + font-size: 1.2rem; + color: #fff; + border: 1px solid #fff; + border-radius: 2.2rem; + background-color: rgba(236, 221, 193, 0.5); + text-align: left; + cursor: pointer; - @include maxdesktop { - overflow-x: auto; - padding: 0 2rem; + img { + display: block; + width: 3rem; + height: 3rem; + margin-right: 0.8rem; + border-radius: 50%; } @include maxtablet { - top: 0; - } + width: 7.4rem; - .tooltip { + p { display: none; + } } + } - .btn-dtthumb { - position: relative; - - &.active { - .dtthumb { - border-color: rgba(248, 196, 12, 1); - background-color: rgba(253, 224, 68, 0.5); - } - } - } - - .dtthumb { - display: flex; - align-items: center; - width: 15.5rem; - height: 4.4rem; - padding: 0 0 0 .8rem; - font-size: 1.2rem; - color: #fff; - border: 1px solid #fff; - border-radius: 2.2rem; - background-color: rgba(236, 221, 193, 0.5); - text-align: left; - cursor: pointer; - - img { - display: block; - width: 3rem; - height: 3rem; - margin-right: .8rem; - border-radius: 50%; - } - - @include maxtablet { - width: 7.4rem; - - p { - display: none; - } - } - } - - .btn-remove { - position: absolute; - top: 50%; - right: .6rem; - width: 2.4rem; - height: 2.4rem; - margin-top: -1.2rem; - background: url("../images/kia/pdp/display_theme/ico_close2.png") no-repeat center / 1rem auto; - text-indent: -9999em; - cursor: pointer; - } + .btn-remove { + position: absolute; + top: 50%; + right: 0.6rem; + width: 2.4rem; + height: 2.4rem; + margin-top: -1.2rem; + background: url("../images/kia/pdp/display_theme/ico_close2.png") no-repeat center / 1rem auto; + text-indent: -9999em; + cursor: pointer; + } } -.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type=checkbox]+label { - height: auto; - padding: 2rem 2rem 2rem 0; +.contentWarp .productView .productRight .optionWarp .producOption .optionList .checkBtn.type2 input[type="checkbox"] + label { + height: auto; + padding: 2rem 2rem 2rem 0; - &:before { - display: none; - } + &:before { + display: none; + } - strong { - font-size: 1.6rem; - - span { - font-size: 1.6rem; - } - } + strong { + font-size: 1.6rem; span { - color: #aaa !important; - font-size: 1.4rem; + font-size: 1.6rem; } + } + + span { + color: #aaa !important; + font-size: 1.4rem; + } } .comp_wide.comp_2x_b_h_s_e2 { - position: relative; - z-index: 2; + position: relative; + z-index: 2; } - .streamingPremium { + .mobile { + display: none; + } + + @include maxtablet { + .web { + display: none; + } .mobile { - display: none; + display: block; + object-fit: initial; + height: auto; } + } + + &.comp_1x_b_v_s_b { + margin-top: 4rem; + + @include maxmobile { + margin-top: 2rem; + } + + .mt-12 { + margin-top: 12rem; + + @include maxmobile { + margin-top: 6rem; + } + } + .mb-2 { + margin-bottom: 2rem; + + @include maxmobile { + margin-top: 1rem; + } + } + } + + &.comp_1x_w_v_o_b { + .image_area { + @include maxtablet { + overflow: hidden; + height: auto; + } + } + } + + .visualBg { + overflow: hidden; + position: relative; + width: 100%; + max-width: 192rem; + max-height: 70rem; @include maxtablet { - .web { - display: none; - } - - .mobile { - display: block; - object-fit: initial; - height: auto; - } + max-height: auto; } - &.comp_1x_b_v_s_b { - margin-top: 4rem; - - .mt-12 { - margin-top: 6rem; - } + img { + width: 100%; } + } - &.comp_1x_w_v_o_b { - .image_area { - @include maxtablet { - overflow: hidden; - height: 80rem; + &.comp_wide { + .comp_body { + &.layer_up { + .text_area { + margin-top: 7rem; + + .info { + line-height: 1.5; + + br { + display: none; + + @include maxtablet { + display: block; + } } + } } - } - - .visualBg { - overflow: hidden; - position: relative; - width: 100%; - max-width: 192rem; - max-height: 70rem; + } + .text_area { @include maxtablet { - max-height: auto; - } + margin-top: 3rem; - img { - width: 100%; + h3 { + font-size: 3rem; + line-height: 4rem; + } + .info { + font-size: 1.4rem; + } } + } } + } - &.comp_wide { - .comp_body { - &.layer_up { - .text_area { - margin-top: 7rem; - - .info { - line-height: 1.5; - - br { - display: none; - - @include maxtablet { - display: block; - } - } - - } - } - } - - .text_area { - @include maxtablet { - margin-top: 3rem; - - h3 { - font-size: 3rem; - line-height: 4rem; - } - - .info { - font-size: 1.4rem; - } - } - - } - } + &.comp_1x_b_v_s_b { + .image_area { + height: auto; } + } - &.comp_1x_b_v_s_b { - .image_area { - height: auto; + .comp_top { + z-index: 2; + + // height: 70rem; + // @include maxtablet{ + // height: 43.9rem; + // } + .comp_body { + .text_area { + // display: flex; + h3 { + margin-bottom: 2rem; } - } - .comp_top { - z-index: 2; - - // height: 70rem; - // @include maxtablet{ - // height: 43.9rem; - // } - .comp_body { - .text_area { - - // display: flex; - h3 { - margin-bottom: 2rem; - } - - >* { - flex: 1; - } - } + > * { + flex: 1; } + } } + } - .comp_md { - position: absolute; - z-index: 2; - top: 0; - height: 48rem; - background-color: rgba(0, 0, 0, 0); + .comp_md { + position: absolute; + z-index: 2; + top: 0; + height: 48rem; + background-color: rgba(0, 0, 0, 0); - @include maxtablet { - height: 3rem; - } + @include maxtablet { + height: 3rem; } + } + + .spec-area { + padding: 6rem 0 16rem; + + @include maxmobile { + padding: 3rem 0 8rem; + } + } } - .comp_wide { - &.title-only { - &+.comp_wide { - margin-top: 4rem; - } + &.title-only { + & + .comp_wide { + margin-top: 4rem; } + } + .between { + display: flex; + justify-content: space-between; + align-items: center; + } } - - .editorWarp { + .visualBg { + img { + width: 100%; + object-fit: cover; + object-position: center; - .visualBg { - img { - width: 100%; - object-fit: cover; - object-position: center; + @include maxdesktop { + width: 100%; + object-fit: initial; + object-position: initial; + } - @include maxdesktop { - width: 100%; - object-fit: initial; - object-position: initial; - } - - &.mobile { - display: none; - } - - @include maxdesktop { - &.web { - display: none; - } - - &.mobile { - display: block; - object-fit: initial; - height: auto; - } - } + &.mobile { + display: none; + } + @include maxdesktop { + &.web { + display: none; } + + &.mobile { + display: block; + object-fit: initial; + height: auto; + } + } + } + } + + .video_wrap { + display: none; + align-items: center; + justify-content: center; + position: absolute; + top: 0; + left: 0; + width: 100%; + // height: 108rem; + // transform: translateY(-36rem); + padding-top: 56.25%; + z-index: 4; + background: rgba(0, 0, 0, 0.9); + opacity: 1; + transition: all 0.3s ease; + + .video-area { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 80%; + max-width: 120rem; + aspect-ratio: 16/9; + + .video { + width: 100%; + height: 100%; + background: #000; + + .youtube-box { + width: 100%; + height: 100%; + } + + iframe { + width: 100%; + height: 100%; + } + + // video { + // display: block; + // width: 100%; + // height: 100%; + // visibility: visible; + + // &[poster] { + // height: 100%; + // width: 100%; + // } + // } + + // .video-ctrl { + // display: flex; + // align-items: center; + // justify-content: center; + // position: absolute; + // top: 50%; + // left: 50%; + // transform: translate(-50%, -50%); + // gap: 4rem; + // } + + .btn-play { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 8rem; + height: 8rem; + background: url(../images/kia/contents/ico_play.png?v1) no-repeat center / 100% auto; + text-indent: -9999em; + cursor: pointer; + + &.pause { + display: none; + background: url(../images/kia/contents/ico_pause.png?v1) no-repeat center / 100% auto; + } + + &.play { + display: block; + } + + @include maxmobile { + width: 4rem; + height: 4rem; + } + } + + .btn-sound { + display: none; + position: absolute; + bottom: 3rem; + right: 3rem; + width: 4rem; + height: 4rem; + background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto; + text-indent: -9999em; + cursor: pointer; + + &.off { + background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto; + } + + &.on { + background: url(../images/kia/contents/ico_sound_on.png?v1) no-repeat center / 100% auto; + } + + @include maxmobile { + bottom: 1.5rem; + right: 1.5rem; + width: 2rem; + height: 2rem; + } + } + } + + @include maxtablet { + width: 100%; + + .video { + border: 1.5rem solid #000; + border-bottom-width: 1.5rem; + } + } } - .video_wrap { - display: none; - align-items: center; - justify-content: center; + .btn-close { + position: absolute; + top: -4rem; + right: -16rem; + z-index: 10; + width: 14rem; + height: 14rem; + background-color: transparent; + border: none; + text-indent: -9999em; + cursor: pointer; + + @media (max-width: 1024px) { + top: -7rem; + right: -12rem; + width: 10rem; + height: 10rem; + } + + @include maxtablet { + top: -7rem; + right: 0; + width: 6rem; + height: 6rem; + } + + // @include maxmobile{ + // top:-6rem; + // right:-16rem; + // width: 14rem; + // height: 14rem; + // } + } + + .btn-close::before, + .btn-close::after { + content: ""; + position: absolute; + top: 50%; + left: 50%; + width: 9.2rem; + height: 2px; + background-color: #fff; + + @media (max-width: 1024px) { + width: 7rem; + } + + @include maxtablet { + width: 4rem; + } + } + + .btn-close::before { + transform: translate(-50%, -50%) rotate(45deg); + } + + .btn-close::after { + transform: translate(-50%, -50%) rotate(-45deg); + } + + &.played { + .video { + .btn-sound { + display: block; + } + + &:hover { + .video-ctrl { + .btn-play { + display: block; + } + } + } + } + } + + &.paused { + .btn-play, + .btn-sound { + display: block !important; + } + + .video { + &:hover { + .video-ctrl { + .btn-play { + display: block; + } + } + } + } + } + + // .btn-close { + // position: absolute; + // top: 2rem; + // right: 2rem; + // z-index: 1; + // width: 6rem; + // height: 6rem; + // background: url(../images/kia/pdp/display_theme/btn_video_close.png) no-repeat center / contain; + // cursor: pointer; + // text-indent: -9999em; + // @include maxtablet{ + // top: 1rem; + // right: 1rem; + // width: 4rem; + // height: 4rem; + // } + // } + @include maxtablet { + height: 56rem; + } + + @include maxmobile { + height: 40rem; + } + } + + .close-today { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + bottom: 8.2rem; + width: 100%; + font-size: 1.6rem; + color: #fff; + font-weight: 600; + transition: all 0.2s ease; + + span { + display: inline-flex; + align-items: center; + justify-content: center; + position: relative; + + input { + margin-right: 0.4rem; + } + + &:before { + content: ""; + display: block; position: absolute; top: 0; left: 0; width: 100%; - // height: 108rem; - // transform: translateY(-36rem); - padding-top: 56.25%; - z-index: 4; - background: rgba(0, 0, 0, .9); - opacity: 1; - transition: all 0.3s ease; - - .video-area { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 80%; - max-width: 120rem; - aspect-ratio: 16/9; - - .video { - width: 100%; - height: 100%; - background: #000; - - .youtube-box { - width: 100%; - height: 100%; - } - - iframe { - width: 100%; - height: 100%; - } - - - // video { - // display: block; - // width: 100%; - // height: 100%; - // visibility: visible; - - // &[poster] { - // height: 100%; - // width: 100%; - // } - // } - - // .video-ctrl { - // display: flex; - // align-items: center; - // justify-content: center; - // position: absolute; - // top: 50%; - // left: 50%; - // transform: translate(-50%, -50%); - // gap: 4rem; - // } - - .btn-play { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - width: 8rem; - height: 8rem; - background: url(../images/kia/contents/ico_play.png?v1) no-repeat center / 100% auto; - text-indent: -9999em; - cursor: pointer; - - &.pause { - display: none; - background: url(../images/kia/contents/ico_pause.png?v1) no-repeat center / 100% auto; - } - - &.play { - display: block; - } - - @include maxmobile { - width: 4rem; - height: 4rem; - } - - } - - .btn-sound { - display: none; - position: absolute; - bottom: 3rem; - right: 3rem; - width: 4rem; - height: 4rem; - background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto; - text-indent: -9999em; - cursor: pointer; - - &.off { - background: url(../images/kia/contents/ico_sound_off.png?v1) no-repeat center / 100% auto; - } - - &.on { - background: url(../images/kia/contents/ico_sound_on.png?v1) no-repeat center / 100% auto; - } - - @include maxmobile { - bottom: 1.5rem; - right: 1.5rem; - width: 2rem; - height: 2rem; - } - - } - } - - - @include maxtablet { - width: 100%; - - .video { - border: 1.5rem solid #000; - border-bottom-width: 1.5rem; - } - } - } - - .btn-close { - position: absolute; - top: -4rem; - right: -16rem; - z-index: 10; - width: 14rem; - height: 14rem; - background-color: transparent; - border: none; - text-indent: -9999em; - cursor: pointer; - - @media (max-width: 1024px) { - top: -7rem; - right: -12rem; - width: 10rem; - height: 10rem; - } - - @include maxtablet { - top: -7rem; - right: 0; - width: 6rem; - height: 6rem; - } - - // @include maxmobile{ - // top:-6rem; - // right:-16rem; - // width: 14rem; - // height: 14rem; - // } - } - - .btn-close::before, - .btn-close::after { - content: ''; - position: absolute; - top: 50%; - left: 50%; - width: 9.2rem; - height: 2px; - background-color: #fff; - - @media (max-width: 1024px) { - width: 7rem; - } - - @include maxtablet { - width: 4rem; - } - } - - .btn-close::before { - transform: translate(-50%, -50%) rotate(45deg); - } - - .btn-close::after { - transform: translate(-50%, -50%) rotate(-45deg); - } - - &.played { - .video { - .btn-sound { - display: block; - } - - &:hover { - .video-ctrl { - - .btn-play { - display: block; - } - } - } - } - } - - &.paused { - - .btn-play, - .btn-sound { - display: block !important; - } - - .video { - &:hover { - .video-ctrl { - - .btn-play { - display: block; - } - } - } - } - } - - // .btn-close { - // position: absolute; - // top: 2rem; - // right: 2rem; - // z-index: 1; - // width: 6rem; - // height: 6rem; - // background: url(../images/kia/pdp/display_theme/btn_video_close.png) no-repeat center / contain; - // cursor: pointer; - // text-indent: -9999em; - // @include maxtablet{ - // top: 1rem; - // right: 1rem; - // width: 4rem; - // height: 4rem; - // } - // } - @include maxtablet { - height: 56rem; - } - - @include maxmobile { - height: 40rem; - } + height: 100%; + } } + label { + display: flex; + align-items: center; + justify-content: center; + + input { + margin-right: 0.4rem; + } + } + + @media (max-width: 1780px) { + bottom: 4rem; + } + + @media (max-width: 1024px) { + bottom: 2rem; + } + + @include maxmobile { + bottom: 3.5rem; + font-size: 1.2rem; + } + } + + .btn-intro { + display: none; + align-items: center; + position: absolute; + top: 5rem; + right: 3rem; + z-index: 3; + font-size: 1.4rem; + font-weight: 600; + color: #000; + cursor: pointer; + + @include maxtablet { + top: 2rem; + right: 1.6rem; + } + + &:before { + content: ""; + display: block; + width: 2.8rem; + height: 2.8rem; + margin-right: 0.5rem; + box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); + border-radius: 50%; + background: #fff url("../images/kia/pdp/display_theme/ico_media.png") no-repeat center / 1.6rem auto; + text-indent: -9999em; + cursor: pointer; + } + } + + &.playing { + .comp_body.layer_up, + .thumb-swiper, + .pdpInCarGameSwiper, + .displayThemeDtl, + .inCarGameDtl, + .srsPlus .visualBg { + filter: blur(2px); + } + + .displayThemeDtl { + opacity: 0; + } + + @media (max-width: 1700px) { + .displayThemeDtl { + filter: blur(0); + } + } + } + + .srsPlus { .close-today { - display: flex; - align-items: center; - justify-content: center; - position: absolute; - bottom: 8.2rem; - width: 100%; - font-size: 1.6rem; - color: #fff; - font-weight: 600; - transition: all .2s ease; - - span { - display: inline-flex; - align-items: center; - justify-content: center; - position: relative; - - input { - margin-right: .4rem; - } - - &:before { - content: ""; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - } - - label { - display: flex; - align-items: center; - justify-content: center; - - input { - margin-right: .4rem; - } - } - - @media (max-width: 1780px) { - bottom: 4rem; - } - - @media (max-width: 1024px) { - bottom: 2rem; - } - - @include maxmobile { - bottom: 3.5rem; - font-size: 1.2rem; - } + bottom: 13rem; } + @media (max-width: 1920px) { + .close-today { + bottom: 2vw; + } + } + } - .btn-intro { + .visualBg { + .swiper-navigation { + display: flex; + justify-content: space-between; + position: absolute; + top: 50%; + left: 50%; + z-index: 10; + width: 100%; + max-width: 140rem; + height: 0; + transform: translate(-50%, -50%); + + @include maxmobile { + max-width: 92%; + } + } + + .swiper-button-next, + .swiper-button-prev { + position: static; + width: 1.8rem; + height: 3.6rem; + margin: 0; + background: url(../images/common/ico_arrow_r.png) no-repeat center / contain; + + &:after { display: none; - align-items: center; - position: absolute; - top: 5rem; - right: 3rem; - z-index: 3; - font-size: 1.4rem; - font-weight: 600; - color: #000; - cursor: pointer; - - @include maxtablet { - top: 2rem; - right: 1.6rem; - - } - - &:before { - content: ""; - display: block; - width: 2.8rem; - height: 2.8rem; - margin-right: .5rem; - box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); - border-radius: 50%; - background: #fff url("../images/kia/pdp/display_theme/ico_media.png") no-repeat center / 1.6rem auto; - text-indent: -9999em; - cursor: pointer; - } + } } - - &.playing { - - .comp_body.layer_up, - .thumb-swiper, - .pdpInCarGameSwiper, - .displayThemeDtl, - .inCarGameDtl, - .srsPlus .visualBg { - filter: blur(2px); - } - - .displayThemeDtl { - opacity: 0; - } - - @media (max-width: 1700px) { - - .displayThemeDtl { - filter: blur(0); - } - } - + .swiper-button-prev { + background: url(../images/common/ico_arrow_l.png) no-repeat center / contain; } + } - .srsPlus { - .close-today { - bottom: 13rem; - } + .bu { + display: block; + padding-left: 5.4rem; + text-indent: -2rem; - @media(max-width: 1920px) { - .close-today { - bottom: 2vw; - } - } - } - - .visualBg { - .swiper-navigation { - display: flex; - justify-content: space-between; - position: absolute; - top: 50%; - left: 50%; - z-index: 10; - width: 100%; - max-width: 140rem; - height: 0; - transform: translate(-50%, -50%); - - @include maxmobile { - max-width: 92%; - } - } - - .swiper-button-next, - .swiper-button-prev { - position: static; - width: 1.8rem; - height: 3.6rem; - margin: 0; - background: url(../images/common/ico_arrow_r.png) no-repeat center / contain; - - &:after { - display: none; - } - } - - .swiper-button-prev { - background: url(../images/common/ico_arrow_l.png) no-repeat center / contain; - } - } - - .bu { - display: block; - padding-left: 5.4rem; - text-indent: -2rem; - - @include maxmobile { - padding-left: 2rem; - } + @include maxmobile { + padding-left: 2rem; } + } } .boost { - &.comp_1x_w_v_s_e1 { - .bottom { - &:before { - background-color: rgba(5, 20, 31, 1); - } - .contents_area { - .image_area { - margin-top:0; - } - } - } - .contents_area { - padding-top:7rem; - - @include maxmobile { - padding-top:4rem; - } - } - } - - &.comp_1x_b_h_s_e1 { - - @include maxmobile { - margin-top:6rem; - } - - } - - &.comp_1x_w_v_s_e2 { - - @include maxmobile { - margin-top:6rem; - } - - .comp_body { - &.full { - flex-wrap: wrap; - } - } + &.comp_1x_w_v_s_e1 { + .bottom { + &:before { + background-color: rgba(5, 20, 31, 1); + } + .contents_area { .image_area { - max-width: 120rem; - height: auto; - padding-top:5rem; - margin: 0 auto; - - @include maxmobile { - padding-top:3rem; - } - img { - height: auto; - object-fit: inherit; - border-radius: 0.6rem; - } + margin-top: 0; } + } } -} \ No newline at end of file + .contents_area { + padding-top: 7rem; + + @include maxmobile { + padding-top: 4rem; + } + } + } + + &.comp_1x_b_h_s_e1 { + @include maxmobile { + margin-top: 6rem; + } + } + + &.comp_1x_w_v_s_e2 { + @include maxmobile { + margin-top: 6rem; + } + + .comp_body { + &.full { + flex-wrap: wrap; + } + } + .image_area { + max-width: 120rem; + height: auto; + padding-top: 5rem; + margin: 0 auto; + + @include maxmobile { + padding-top: 3rem; + } + img { + height: auto; + object-fit: inherit; + border-radius: 0.6rem; + } + } + } +} + +.pdpDtl { + .swiper-navigation { + > * { + top: 210px; + left: -65px; + width: 5rem; + height: 5rem; + border-radius: 50%; + background: rgba(255, 255, 255) url(../images/kia/pdp/display_theme/icon-arrow.png) no-repeat center / 15px auto; + + &:after { + display: none; + } + } + + .swiper-button-next { + left: auto; + right: -65px; + transform: rotate(180deg); + } + + @media (max-width: 1200px) { + display: none; + } + } + + .swiper-pagination { + position: static; + top: 46.4rem; + + // top:36.4vw; + @media (max-width: 1200px) { + top: 36.4vw; + } + + @include maxtablet { + // top: 14.4rem; + } + + .swiper-pagination-bullet { + opacity: 1; + width: 5.6rem; + height: 0.4rem; + border-radius: 0; + background-color: #e9e9e9; + + &.swiper-pagination-bullet-active { + background-color: #000; + } + } + } +} +.scroll_area { + overflow: hidden; + overflow-x: auto; + .themeImg { + height: 40rem; + } +} diff --git a/assets/images/kia/pdp/streaming_premium/img_spec.png b/assets/images/kia/pdp/streaming_premium/img_spec.png new file mode 100644 index 0000000..218bb4c Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/img_spec.png differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img1-2.png b/assets/images/kia/pdp/streaming_premium/streaming_premium_img1-2.png new file mode 100644 index 0000000..1d6d17f Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img1-2.png differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_img1-3.png b/assets/images/kia/pdp/streaming_premium/streaming_premium_img1-3.png new file mode 100644 index 0000000..2574044 Binary files /dev/null and b/assets/images/kia/pdp/streaming_premium/streaming_premium_img1-3.png differ diff --git a/assets/images/kia/pdp/streaming_premium/streaming_premium_m.jpg b/assets/images/kia/pdp/streaming_premium/streaming_premium_m.jpg index 3698bc9..244134d 100644 Binary files a/assets/images/kia/pdp/streaming_premium/streaming_premium_m.jpg and b/assets/images/kia/pdp/streaming_premium/streaming_premium_m.jpg differ diff --git a/assets/images/kia/pdp/streaming_premium/usage_service_m.png b/assets/images/kia/pdp/streaming_premium/usage_service_m.png index 866e3ed..67dc6cf 100644 Binary files a/assets/images/kia/pdp/streaming_premium/usage_service_m.png and b/assets/images/kia/pdp/streaming_premium/usage_service_m.png differ diff --git a/assets/js/common.js b/assets/js/common.js index 1ad7aef..e7bc44f 100644 --- a/assets/js/common.js +++ b/assets/js/common.js @@ -47,32 +47,18 @@ $(document).ready(function () { e.preventDefault(); }); - $(document).on( - "click", - ".btnClose, .menuWarp .menuDepth2Wrap a", - function (e) { - $(".menuWarp .menuDepth1").removeClass("on"); - $(".menuWarp .menuDepth2Wrap").hide(); - $(".menuWarp").css("right", "-100%"); - $("html").removeClass("scrollDisable"); - } - ); + $(document).on("click", ".btnClose, .menuWarp .menuDepth2Wrap a", function (e) { + $(".menuWarp .menuDepth1").removeClass("on"); + $(".menuWarp .menuDepth2Wrap").hide(); + $(".menuWarp").css("right", "-100%"); + $("html").removeClass("scrollDisable"); + }); $(document).on("click", ".closeBtn", function () { - $(".menuWarp") - .stop() - .animate( - { right: "-100%" }, - { queue: true, duration: 500, easing: "easeInOutExpo" } - ); + $(".menuWarp").stop().animate({ right: "-100%" }, { queue: true, duration: 500, easing: "easeInOutExpo" }); $("html").removeClass("scrollDisable"); }); $(document).on("click", ".burgurBtn", function () { - $(".menuWarp") - .stop() - .animate( - { right: "0" }, - { queue: true, duration: 500, easing: "easeInOutExpo" } - ); + $(".menuWarp").stop().animate({ right: "0" }, { queue: true, duration: 500, easing: "easeInOutExpo" }); $("html").addClass("scrollDisable"); }); } @@ -114,32 +100,18 @@ $(document).ready(function () { e.preventDefault(); }); - $(document).on( - "click", - ".btnClose, .menuWarp .menuDepth2Wrap a", - function (e) { - $(".menuWarp .menuDepth1").removeClass("on"); - $(".menuWarp .menuDepth2Wrap").hide(); - $(".menuWarp").css("right", "-36rem"); - $("html").removeClass("scrollDisable"); - } - ); + $(document).on("click", ".btnClose, .menuWarp .menuDepth2Wrap a", function (e) { + $(".menuWarp .menuDepth1").removeClass("on"); + $(".menuWarp .menuDepth2Wrap").hide(); + $(".menuWarp").css("right", "-36rem"); + $("html").removeClass("scrollDisable"); + }); $(document).on("click", ".closeBtn", function () { - $(".menuWarp") - .stop() - .animate( - { right: "-36rem" }, - { queue: true, duration: 500, easing: "easeInOutExpo" } - ); + $(".menuWarp").stop().animate({ right: "-36rem" }, { queue: true, duration: 500, easing: "easeInOutExpo" }); $("html").removeClass("scrollDisable"); }); $(document).on("click", ".burgurBtn", function () { - $(".menuWarp") - .stop() - .animate( - { right: "0" }, - { queue: true, duration: 500, easing: "easeInOutExpo" } - ); + $(".menuWarp").stop().animate({ right: "0" }, { queue: true, duration: 500, easing: "easeInOutExpo" }); $("html").addClass("scrollDisable"); }); } @@ -189,12 +161,7 @@ $(document).ready(function () { $(".mobileCarlist > .mobilecarItem").next().css("display", "none"); $(".menuDepth1Wrap > .menuDepth1").removeClass("on"); $(".menuDepth1Wrap > .menuDepth1").next().css("display", "none"); - $(".menuWarp") - .stop() - .animate( - { right: "-100%" }, - { queue: true, duration: 500, easing: "easeInOutExpo" } - ); + $(".menuWarp").stop().animate({ right: "-100%" }, { queue: true, duration: 500, easing: "easeInOutExpo" }); $("html").removeClass("scrollDisable"); } @@ -246,32 +213,24 @@ $(document).ready(function () { $(this).toggleClass("active"); $(this).find(">dd.a").slideToggle(); $(this).find(">dt.q").toggleClass("active"); - if ( - $("body>div.contentWarp").find("div.productView").length > 0 && - $(this).hasClass("active") - ) { + if ($("body>div.contentWarp").find("div.productView").length > 0 && $(this).hasClass("active")) { window.dataLayer.push({ event: "configurator", event_category: "Product", event_action: "Q&A", event_label: "Details", - customer_ID: - ComUtils.getCookie("dlu") === null ? "" : ComUtils.getCookie("dlu"), //ID가 이메일 등의 개인정보일 경우 참고 + customer_ID: ComUtils.getCookie("dlu") === null ? "" : ComUtils.getCookie("dlu"), //ID가 이메일 등의 개인정보일 경우 참고 fod_product: $("h1.productName").text(), // eg ‘Vehicle To Grid’ fod_qa_detail: $(this).find("dd.a>p").text().substr(0, 20), fod_review_detail: undefined, }); - } else if ( - $("body>div.contentWarp").find("div.faqWarp").length > 0 && - $(this).hasClass("active") - ) { + } else if ($("body>div.contentWarp").find("div.faqWarp").length > 0 && $(this).hasClass("active")) { window.dataLayer.push({ event: "FAQ", event_category: "FAQ", event_action: $("ul.tabList>li.on>a").text(), //eg '전체', '회원', '상품' … event_label: $(this).find("dt>p>span").text().substr(0, 20), //eg'회원정보 수정은…' - customer_ID: - ComUtils.getCookie("dlu") === null ? "" : ComUtils.getCookie("dlu"), //ID가 이메일 등의 개인정보일 경우 참고 + customer_ID: ComUtils.getCookie("dlu") === null ? "" : ComUtils.getCookie("dlu"), //ID가 이메일 등의 개인정보일 경우 참고 }); } }); @@ -309,6 +268,9 @@ $(document).ready(function () { pdpDisplayThemeSwiperDtl(); pdpInCarGameSwiper(); pdpInCarGameSwiperDtl(); + pdpSwiperDtl(".streamingPremium-swiper1"); + pdpSwiperDtl(".streamingPremium-swiper2"); + pdpSwiperDtl(".streamingPremium-swiper3"); flagScroll = false; } @@ -347,9 +309,7 @@ $(document).ready(function () { if (content.length > maxInquiryContentsCount) { $(this).val($(this).val().substring(0, maxInquiryContentsCount)); - $(".textCount").text( - maxInquiryContentsCount + "/" + maxInquiryContentsCount - ); + $(".textCount").text(maxInquiryContentsCount + "/" + maxInquiryContentsCount); alert("글자수는 " + maxInquiryContentsCount + "자까지 입력 가능합니다."); } }); @@ -424,9 +384,7 @@ function pdpDisplayThemeSwiper() { function () { let leftPos = $(this).offset().left; if (dtthumbClickFlag === false) { - $(this).append( - `
썸네일을 클릭하면 적용예시를 확인
할 수 있습니다.
` - ); + $(this).append(`
썸네일을 클릭하면 적용예시를 확인
할 수 있습니다.
`); } }, function () { @@ -439,6 +397,26 @@ function pdpDisplayThemeSwiper() { flagScroll = false; } + +function pdpSwiperDtl(obj) { + if ($(`${obj}`).length > 0) { + var swiperThemeDtl = new Swiper(`${obj} .swiper`, { + slidesPerView: 1, + navigation: { + nextEl: `${obj} .swiper-button-next`, + prevEl: `${obj} .swiper-button-prev`, + }, + pagination: { + el: `${obj} .swiper-pagination`, + }, + on: { + init: function () {}, + }, + }); + } + + flagScroll = false; +} function pdpDisplayThemeSwiperDtl() { if ($(".displayThemeDtl .swiper").length > 0) { var swiperThemeDtl = new Swiper(".displayThemeDtl .swiper", { @@ -655,12 +633,8 @@ $(document).on("click", ".displayTheme .dtthumb", function () { $(".theme-story .btn-dtthumb").removeClass("active"); const dtthumbItem = $(this).html(); - const dtthumbSelectedItem = $( - `.pdpDisplayThemeSwiper .dtthumb[value=${dtlImgPath}]` - ); - const dtthumbHisSelectedItem = $( - `.theme-story .dtthumb[value=${dtlImgPath}]` - ).parent(); + const dtthumbSelectedItem = $(`.pdpDisplayThemeSwiper .dtthumb[value=${dtlImgPath}]`); + const dtthumbHisSelectedItem = $(`.theme-story .dtthumb[value=${dtlImgPath}]`).parent(); const dtthumbItemHtml = `
-
-
-

요금제

-
-
- -
-
-
-

요금제 가입하기

 +
+
총 결제 금액
+
₩ 0
+
+
+
@@ -333,49 +329,151 @@

이제 차량에서도 스마트 TV를 이용해보세요.

-
다양한 OTT 컨텐츠와 더불어 뉴스, SNS,  회의, 스포츠 등 스마트TV에서 이용하던 다양한 서비스를 사용할 수 있습니다.
+
다양한 OTT 컨텐츠와 더불어 뉴스, SNS, 스포츠 등 스마트TV에서 이용하던 다양한 서비스를 사용할 수 있습니다.
+ +
Intro영상 다시보기
+ +
+
+
+
+
닫기
+
+
+
+
+
+
+ 이용 사양 + +
+
+
-
- 비디오 스트리밍 - 비디오 스트리밍 +
+
+
+
+
+ 더욱 다양한 OTT 서비스 +
+
+
+
+ 더욱 다양한 OTT 서비스 +
+
+
+
+ 더욱 다양한 OTT 서비스 +
+
+
+
+
+
+
+
+
-
비디오 스트리밍
-

넷플릭스, 유튜브와 같은 비디오 컨텐츠를 대화면으로 즐길 수 있습니다.

+
더욱 다양한 OTT 서비스
+

넷플릭스, 디즈니+ , 티빙 등 주요 OTT 컨텐츠를 차량에서 감상해보세요

+
+
+ +
+
+
+
+
+
+ SNS 및 실시간 라이브 방송 +
+
+
+
+ SNS 및 실시간 라이브 방송 +
+
+
+
+ SNS 및 실시간 라이브 방송 +
+
+
+
+
+
+
+
+
+
+
+
SNS 및 실시간 라이브 방송
+

유튜브, 스포티비, LG채널, LGU+TV 등을 통해 현장감 있는 컨텐츠를 즐길 수 있어요

-
- 엔터테인먼트 - 엔터테인먼트 +
+
+
+
+
+ 노래방 / 키즈/ 게임 +
+
+
+
+ 노래방 / 키즈/ 게임 +
+
+
+
+ 노래방 / 키즈/ 게임 +
+
+
+
+
+
+
+
+
-
라이브 채널
-

LG 채널, U+ TV 로 온에어 방송을 시청해보세요.

-
-
-
-
- Profile - Profile -
-
-
엔터테인먼트
-

노래방 서비스 (스팅레이)와 스낵게임(Playworks) 를 즐겨 보세요

+
노래방 / 키즈/ 게임
+

온가족 또는 친구와 함께 즐길 수 있는 컨텐츠가 준비되어 있습니다

-
+
+
+
+
+
이용 가능 서비스 예시
+

※ 예시로 작성된 표 입니다. webOS 업데이트에 따라 콘텐츠는 수시로 변경될 수 있습니다.

+
+
+ 이용 가능 서비스 예시 + 이용 가능 서비스 예시 +
+

※ 예시로 작성된 표 입니다. webOS 업데이트에 따라 콘텐츠는 수시로 변경될 수 있습니다.

+
+
+
+ +
@@ -426,8 +524,18 @@
이용조건
    -
  • 상품 구매 및 이용가능 여부는 차량에 설치된 하드웨어 구성 및 OTA펌웨어 버전에 따라 다르기에 로그인하시면 확인하실 수 있습니다.
    • -
  • 상품 이용을 위해 구입 후 가이드에 따라 차량에 설치를 완료하셔야 합니다.
    • +
  • 차량에서 사용하시는 사용자 프로필과 기아 커넥트 앱에 로그인하실 때 입력하시는 기아 이메일 계정을 연동하신 후 이용하실 수 있습니다.
    • +
  • 차량 내비게이션에서 연동 설정을 진행해주세요.
    • +
  • 서비스 이용을 위해서는 콘텐츠 플랫폼의 계정 연동이 필요합니다.
    • +
  • 주행 중에는 비디오 스트리밍 서비스 이용이 불가능 합니다. (P단에서 이용 가능)
    • +
  • 가입하신 요금제의 종류에 따라 데이터 이용료가 발생할 수 있습니다.
    • +
  • 각 콘텐츠 플랫폼 사의 상황에 따라 서비스 제공이 원활하지 않을 수 있습니다.
    • +
  • 일시적인 통신 장애로 이용에 실패할 수 있습니다.
    • +
  • 통신 음영 지역에서는 이용에 제한이 있을 수 있습니다.
    • +
  • 비디오 스트리밍 서비스는 ’23년 2차 내비게이션 업데이트 이후 이용 가능합니다.
    • +
  • 비디오 스트리밍 서비스는 차세대 인포테인먼트 시스템 (ccNC) 및 14.5인치 인포테인먼트 시스템 장착 차량에 한하여 이용 가능합니다.
    • +
  • 서비스는 변경, 추가 및 삭제될 수 있으며, 차종 및 내비게이션 장치의 종류에 따라 서비스 종류에 차이가 있을 수 있습니다.
    • +
  • 차량 내비게이션 장치의 개조, 탈부착, 파손 및 정비 불량 등 기타 원인에 의하 장치가 정상 작동 상태가 아닌 경우에는 서비스가 제공되지 않을 수 있습니다.
@@ -435,8 +543,7 @@
이용기간
    -
  • 평생 이용 선택 시 기간 제한 없이 이용이 가능합니다.
    • -
  • 월/연 구독 선택 시 명기된 기간동안 이용이 가능합니다.
    • +
  • 명기된 기간동안 이용이 가능합니다. 단, Kia Connect 해지 시 자동 해지되며, Kia Connect의 요금 산정 기준을 따릅니다.
@@ -444,27 +551,7 @@
청약철회
    -
  • 평생 이용은 결제 후 7일 내 구매 취소가 가능합니다.
    • -
  • - 월/연 구독은 언제든지 취소할 수 있으며
    - - 기능을 한번도 이용하지 않은 고객이 7일 이내에 구독 취소를 한 경우에는 구독 비용이 전액 환불됩니다.
    - - 7일 이내 기능을 이용하거나 7일 이후에 구독 취소를 한 경우에는 중도 해지 및 이에 따른 환불이 가능합니다.
    -
    • -
  • 구매 취소는 차량 내 설치된 상품이 삭제완료 된 후에 진행됩니다.
    • -
-
- -
-
취소/해지/반품/환불 안내
-
-
    -
  • 고객님의 상품 이용 현황에 따라 정기 결제를 취소하거나 바로 해지하실 수 있습니다.
    • -
  • 상품별 해지/환불 정책은 이용 안내 또는 상품 상세 설명을 참고해 주시기 바랍니다.
    • -
  • 정기 결제를 취소하시면 구독 종료일까지 상품을 정상적으로 이용하실 수 있으며, 다음 정기 결제일에 해지됩니다.
    • -
  • 구독 할인쿠폰이 적용된 상품을 해지하시면 쿠폰 사용 기간이 남아 있더라도 쿠폰은 소멸됩니다.
    • -
  • 구독 할인쿠폰이 적용된 상품을 변경하셔도 쿠폰이 소멸될 수 있으니, 변경 신청 전 안내 내용을 꼼꼼히 확인해 주시기 바랍니다.
    • -
  • 상품을 즉시 해지하는 경우, 재가입 및 혜택 이용이 제한될 수 있습니다.
    • -
  • 정기 결제 당일에는 상품 해지가 불가 합니다. (정기 결제가 완료된 이후에는 결제 취소 가능하며, 재결제 기간 종료 후 자동으로 해지 됩니다.)
    • +
  • 청약철회와 관련된 상세 정보는 https://connect.kia.com/kr/kiac_terms.html 를 참고하세요.
@@ -472,7 +559,7 @@
고객센터
    -
  • 기타 문의는 고객센터(080-200-2000)나 1:1문의로 신청바랍니다.
    • +
  • 기타 문의는 고객센터(1899-2121)나 1:1문의로 신청바랍니다.