/*2024-10-29 메인애니메이션 작업중 */

.loading_ani { display: none !important; background-color: #000; position: fixed; left: 0; top: 0; display: flex; flex-direction: column; width: 100%; height: 100%; z-index: 150; color: #fff; clip-path: inset(0 0 0 0)}
.loading_ani .top_tit {font-size: clamp(18rem, 7.5758vw + 8.303rem, 28rem); font-weight: 600; font-family: 'CormorantGaramond22'; text-align: center; transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.88, 0.76) 1.8s}
.loading_ani .video {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: 0;width: max(45rem, 35vh); z-index: 5; transition: opacity 0.3s ease-in-out 0.1s, top 0.5s ease-out 0.1s, margin-top 1s cubic-bezier(0.75, 0.03, 0.88, 0.76) 2s}
.loading_ani .video video {width: 100%}
.loading_ani .bot_txt {margin-top: auto; text-align: center; padding-bottom: 10rem; position: relative; z-index: 3}
.loading_ani .bot_txt .tit {font-size: clamp(10rem, 3.7879vw + 5.1515rem, 15rem); font-weight: 600 ;font-family: 'CormorantGaramond22'; transition: transform 1s cubic-bezier(0.75, 0.03, 0.88, 0.76) 2.2s;}
.loading_ani .bot_txt .txt {font-size: clamp(3rem, .7576vw + 2.0303rem, 4rem); font-weight: 700; margin-top: 2rem; transition: transform 1s cubic-bezier(0.75, 0.03, 0.88, 0.76) 2.3s;}

.loading_ani.on .video{top: 50%;transform: translate(-50%,-50%); margin-top: -100vh; opacity: 1}
.loading_ani.on .top_tit {transform: translateY(-100%);}
.loading_ani.on .bot_txt .tit {transform: translateY(-100vh);}
.loading_ani.on .bot_txt .txt {transform: translateY(-100vh);}
.loading_ani.on {clip-path: inset(0 0 100% 0); transition: clip-path 0.75s cubic-bezier(0.75, 0.03, 0.88, 0.76) 2.8s;}




@media only screen and (min-width:1280px) {

    .main4 .service_sect2 .swiper-button-next:hover .ico {opacity: 1; transform: translateX(15px)}
    .main4 .service_sect2 .swiper-button-prev:hover .ico {opacity: 1; transform: translateX(-15px)}

    .main4 .service_sect2.animated .cont:hover .img video,
    .main4 .service_sect2.animated .cont:hover .img img {transform: translate(-50%,-50%) scale(1.1);}


    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .slide_paging_box .arr.prev:hover svg {transform: translateX(-5px)}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .slide_paging_box .arr.next:hover svg {transform: translateX(5px)}

    .beauty_view .contents .bbs_view_tab .tab:hover {color: #000}
    .beauty_view .contents .bbs_view_tab .tab:hover:after{width: 100%}

    .crystal_btn_box ul li .btn:hover {color: #000}
    .crystal_btn_box ul li .btn:hover svg {fill: #000}
    .notice_catalog .btn:hover:not(.num) {color: #000; font-weight: 700}
    .notice_catalog .btn:hover .num { font-weight: 400; }

    .category_top .filter_btn:hover {background: #000; color: #fff}
    .category_top .filter_btn:hover .ico { background: url('data:image/svg+xml,<svg id="goodsFilterIco" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23goodsFilterIco .cls-1 {fill: %23000;}%23goodsFilterIco .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; }%23goodsFilterIco .cls-2, .cls-3 { fill: none; }</style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-2" d="M23.56,35.13h93H23.56Z"/><path class="cls-2" d="M23.56,70.01h93H23.56Z"/><path class="cls-2" d="M23.56,104.88h93H23.56Z"/><circle class="cls-1" cx="93.33" cy="35.01" r="9"/><circle class="cls-1" cx="40.83" cy="70.01" r="9"/><circle class="cls-1" cx="64.17" cy="104.88" r="9"/></g></g></svg>') no-repeat center / contain; }

    .filtered_item_sorting .select .nice-select .option.focus,
    .filtered_item_sorting .select .nice-select .option.selected.focus,
    .filtered_item_sorting .select .nice-select .option.selected.focus:not(:hover),
    .category_top .aside_box .select .nice-select .option.focus,
    .category_top .aside_box .select .nice-select .option.selected.focus { background: #000 !important; color: #fff; }
    .category_top .aside_box .select .nice-select .option.selected.focus:not(:hover) { background: #000 !important; }

    #catalog_page .notice_catalog_slide .filter_btn:hover {background: #000; color: #fff}
    #catalog_page .notice_catalog_slide .filter_btn:hover .ico { background: url('data:image/svg+xml,<svg id="goodsFilterIco" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23goodsFilterIco .cls-1 {fill: %23000;}%23goodsFilterIco .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; }%23goodsFilterIco .cls-2, .cls-3 { fill: none; }</style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-2" d="M23.56,35.13h93H23.56Z"/><path class="cls-2" d="M23.56,70.01h93H23.56Z"/><path class="cls-2" d="M23.56,104.88h93H23.56Z"/><circle class="cls-1" cx="93.33" cy="35.01" r="9"/><circle class="cls-1" cx="40.83" cy="70.01" r="9"/><circle class="cls-1" cx="64.17" cy="104.88" r="9"/></g></g></svg>') center / contain; }

    .review_page .best_container .best_li_wrap .navi .swiper_btn:hover {opacity: 1; }

    .review_page .best_container .best_li_wrap .navi .swiper_btn.prev:hover {margin-left: -10px}
    .review_page .best_container .best_li_wrap .navi .swiper_btn.next:hover {margin-right: -10px}

    .modal_cont.review .nav_wrap .swiper_btn:hover { fill: #000; }
    .modal .modal_wrap .modal_cont.review .all_view_btn:hover svg {fill: #000}
    .modal .modal_wrap .modal_cont.review .all_view_btn:hover {color: #000}

    .add_info_btn_box .btn:hover { background: #000; color: #fff}
    .add_info_btn_box .btn:hover .ico {background: url('/data/skin/dualsonic/images/common/dual_ico_arrow_w.svg') center/contain no-repeat}

    .modal_cont.review .util_wrap .util:hover { color: #000; fill: #000; }

    .modal .modal_wrap .modal_cont .tab_wrap .tab:hover { color: #000; border-color: #000; }
    .swiperMprev:hover {opacity:1;}
    .swiperMnext:hover {opacity:1;}

    .louge_page .lounge_banner .btn_wrap .btn:hover:before { width: calc(100% + 2px); }
    .louge_page .lounge_banner .btn_wrap .btn:hover { color: #000; }
    .louge_page .lounge_banner .btn_wrap .btn:hover .ico { background: url('/data/skin/dualsonic/images/common/dual_ico_arrow.svg')center/contain no-repeat; }

    .louge_page .map_wrap .info_cont .cont .info_box .btn_box .btn:hover { background: #000; color: #fff}
    .louge_page .map_wrap .info_cont .cont .info_box .btn_box .btn:hover .ico {background: url('/data/skin/dualsonic/images/common/dual_ico_arrow_w.svg') center/contain no-repeat}

    .brand_story .fixed_sect .card_wrap .swiper_btn:hover {opacity: 1}
    .brand_story .fixed_sect .card_wrap .swiper_btn.prev:hover {transform: translateX(-10px)}
    .brand_story .fixed_sect .card_wrap .swiper_btn.next:hover {transform: translateX(10px)}

    .brand_story .info_sect .sect_tit_box .main_btn:hover::before {box-shadow: inset 300px 0px 0px #1e1e1e;}

    .title_sub3.v2 a:hover, .title_sub3.v2 a:focus { text-decoration:underline; }
    .title_sub3.v2 .push_count:hover { color:#333; text-decoration:none; }

    .btn_resp.no_border:hover:after { opacity:1; }
    .ui-state-default:hover { background: #f5f5f5; }
    .paging_navigation_pop a:hover { color:#333; border-color:#999; background-color:#eee; position:relative; z-index:2; }
    .paging_thebogi .btn_thebogi:hover, .paging_thebogi .btn_thebogi:focus { border-color:#999; color:#333;  }
    .paging_thebogi .btn_thebogi:hover:before, .paging_thebogi .btn_thebogi:hover:after { color:#767676; }
    .goods_display_more_btn:hover, .goods_display_more_btn:focus { border-color:#999; color:#333;  }

    .gl_item:hover .goodsDisplayImage.item1cut { opacity: 0}
    .gl_item:hover .goodsDisplayImage.item2cut { opacity: 1}
    .gl_item:hover .respGoodsIcon { opacity:0.2; transform:translateX(10px) translateY(-10px); }

    .respGoodsFuncMenu>ul>li>a:hover { background-color:rgba(255, 255, 255, 0.8); }
    .respGoodsFuncMenu>ul>li>a:hover .txt { transform:translateX(0); opacity:1; }
    .gl_item:hover .respGoodsFuncMenu { opacity:1; right:4px; }

    .display_responsible_class .gl_item:hover .goodsDisplayImageIcon[style*="left"] { transform:translateX(-8px) translateY(-8px); opacity:0.4; }
    .display_responsible_class .gl_item:hover .goodsDisplayImageIcon[style*="right"] { transform:translateX(8px) translateY(-8px); opacity:0.4; }

    .category_depth ul.sub_menu_list li.sub_item a:hover {color:#202020}
    .goods_spec_sections a:hover { text-decoration:underline; }
    .slides_container:hover #btn_zoom_view { opacity:1; }

    #goods_spec .goods_spec_coupon .btn:hover .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 0px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 5px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><polyline class="cls-2" points="93.96 57.82 69.94 81.85 45.92 57.82"/><line class="cls-2" x1="69.94" y1="33.78" x2="69.94" y2="81.85"/></g><line class="cls-2" x1="34.94" y1="99.16" x2="104.94" y2="99.16"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat 0 0 / contain;}
    #goods_spec .goods_spec_coupon .btn:hover {background: #000; color: #fff}
    #goods_spec .goods_spec_coupon .btn:hover svg {fill: #fff}

    #goods_spec .choice_btn_box .choice_btn:hover {background: #000; color: #fff}
    #goods_spec .choice_btn_box .choice_btn:hover svg {fill: #fff}

    .pre_option_wrap .choice_btn_box .choice_btn:hover {background: #000; color: #fff}
    .pre_option_wrap .choice_btn_box .choice_btn:hover svg {fill: #fff}

    .couponDownload:hover {background-color: #000;color: #fff}
    .couponDownload:hover .date {color: #fff}
    .couponDownload:hover .ico{background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 0px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 5px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><polyline class="cls-2" points="93.96 57.82 69.94 81.85 45.92 57.82"/><line class="cls-2" x1="69.94" y1="33.78" x2="69.94" y2="81.85"/></g><line class="cls-2" x1="34.94" y1="99.16" x2="104.94" y2="99.16"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat 0 0 / contain;}


    .product_info_wrap .sticky_nav .btn:hover {color: #000}
    .product_info_wrap .sticky_nav .btn:hover:after{width: 100%}

    .set_preload .product_info .review_sect .slide_box .slide .swiper-slide:hover .img{opacity: 1;}
    .set_preload .product_info .review_sect .slide_box .slide .swiper-slide:hover .img:before {opacity: 1}

    .set_preload .product_info .review_sect .slide_box .slide .swiper-button-prev:hover svg,
    .set_preload .product_info .review_sect .slide_box .slide .swiper-button-next:hover svg{fill: #000}

    .pd_review_iframe .list_top .btn:hover {font-weight: 700; color: #000}

    .set_preload .product_info .details_sect .view_btn:hover {background-color: #000; color: #fff; border-color: #000}
    .set_preload .product_info .details_sect .view_btn:hover .ico { background: url('data:image/svg+xml,<svg id="viewDownIco" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 140 140" ><style type="text/css">%23viewDownIco .st0{fill:none;stroke:%23ffffff;stroke-width:9;stroke-miterlimit:10;}</style><polyline class="st0" points="113,48.6 69.9,91.6 27,48.7"/></svg>') center / contain; }


    .qna_iframe .reg_btn:hover {background-color: #000; color: #fff}
    .qna_iframe .reg_btn:hover .ico { background: url('data:image/svg+xml,<svg id="inquiryIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23inquiryIco .cls-1 { fill: %23fff; }%23inquiryIco .cls-1, .cls-2 { stroke-width: 0px; }%23inquiryIco .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; }</style></defs><polygon class="cls-1" points="79.67 23.3 17.61 85.48 17.61 112.44 44.57 112.44 106.75 50.38 79.67 23.3"/><line class="cls-3" x1="69.46" y1="110.82" x2="122.61" y2="110.82"/></svg>') center / contain; }


    .subpage_lnb .lnb_sub>li>a:hover { transform:translateX(4px); color:#333; }
    .title_container2 .btn_thebogi:hover { border-bottom:1px #767676 solid; }
    .my_order_step>li>a:hover:before { opacity:1; }
    .list_01.zipcodeResult>li:hover { background:#f8f8f8; color:#333; }

    .cs_top2>a:hover { position:relative; border-color:#333333; background-color:#fff; }
    .cs_top2>a:hover>.area:before { opacity:1; }

    .event-list2>ul>li:hover .no_image_event,
    .event-list2>ul>li:hover .image_event { border-color:#bbb; }

    .ship_message .add_message > li:hover { background-color:#f8f8f8;  }

    .layout_footer .fix_btn .btn_wrap .btn:hover {box-shadow: none; background-color: #1e1e1e}
    .layout_footer .fix_btn .btn_wrap .btn:hover .ico {background:url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-1" points="23.5 70 70 23.5 116.5 70"/><line class="cls-1" x1="70" y1="122.5" x2="70" y2="23.5"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat}
    .layout_footer .fix_btn .btn_wrap .btn.purchase:hover .cir .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M11.89,27.93h17.5l11.67,59.66h51.9c13.2,0,24-10.8,24-24v-22.75"/><circle class="cls-1" cx="49.11" cy="111.89" r="9"/><circle class="cls-1" cx="97.17" cy="111.89" r="9"/><g><polyline class="cls-1" points="91.12 47.5 74.5 64.12 57.89 47.5"/><line class="cls-1" x1="74.5" y1="29.17" x2="74.5" y2="64.12"/></g><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat}
    .layout_footer .fix_btn .btn_wrap .btn.rental:hover .cir .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M40.83,51.15h45.12-45.12Z"/><path class="cls-1" d="M40.83,71.48h22.68-22.68Z"/><path class="cls-1" d="M113.57,75.71v15.31c0,13.29-10.77,24.06-24.06,24.06H23.33V24.85h75.83"/><polygon class="cls-1" points="91.78 94.85 77.19 94.85 77.19 80.26 111.8 45.57 126.47 60.24 91.78 94.85"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat}
    .layout_footer .fix_btn .btn_wrap .btn.kakao:hover .cir .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-1, .cls-3 { stroke: %23fff; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { fill: %23fff; stroke-width: .5px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><path class="cls-3" d="M50.15,60c1.39,0,2.52-1.13,2.52-2.52s-1.13-2.52-2.52-2.52h-14.05c-1.39,0-2.52,1.13-2.52,2.52s1.13,2.52,2.52,2.52h4.51v16.38c0,1.39,1.13,2.52,2.52,2.52s2.52-1.13,2.52-2.52v-16.38h4.51Z"/><path class="cls-3" d="M63.77,57.47c-.56-1.55-1.99-2.55-3.63-2.55s-3.07,1-3.63,2.55l-6.54,18.06c-.47,1.31.2,2.75,1.51,3.22,1.31.47,2.75-.2,3.22-1.51l1.1-3.05h8.67l1.1,3.05c.37,1.02,1.34,1.66,2.37,1.66.28,0,.57-.05.86-.15,1.31-.47,1.98-1.92,1.51-3.22l-6.54-18.05ZM57.63,69.16l2.51-6.94,2.51,6.94h-5.02Z"/><path class="cls-3" d="M84.47,73.43h-6.12v-15.95c0-1.39-1.13-2.52-2.52-2.52s-2.52,1.13-2.52,2.52v18.47c0,1.39,1.13,2.52,2.52,2.52h8.64c1.39,0,2.52-1.13,2.52-2.52s-1.13-2.52-2.52-2.52Z"/><path class="cls-3" d="M105.9,74.42l-6.68-8.7,6.19-6.12c.99-.98,1-2.57.02-3.56-.98-.99-2.57-1-3.56-.02l-7.66,7.57v-6.11c0-1.39-1.13-2.52-2.52-2.52s-2.52,1.13-2.52,2.52v12.12h0v6.35c0,1.39,1.13,2.52,2.52,2.52s2.52-1.13,2.52-2.52v-5.28l1.41-1.39,6.29,8.2c.5.65,1.24.99,2,.99.53,0,1.07-.17,1.53-.52,1.1-.85,1.31-2.43.47-3.53Z"/></g><path class="cls-1" d="M38.23,118.93c-.18-.46,3.72-19.41,3.72-19.41-13.63-7.12-22.61-19.29-22.61-33.1,0-21.95,22.68-39.75,50.66-39.75s50.66,17.8,50.66,39.75-22.68,39.75-50.66,39.75c-2.8,0-5.54-.18-8.22-.52,0,0-23.34,13.84-23.56,13.29Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat}
    .layout_footer .fix_btn .btn_wrap .btn.sns:hover .cir .ico { background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-3 { stroke-miterlimit: 10; } .cls-3, .cls-2, .cls-4 { fill: none; } .cls-3, .cls-4 { stroke: %23fff; stroke-width: 9px; } .cls-4 { stroke-linecap: round; stroke-linejoin: round; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M77.8,54.82c-3.01,0-5.84,1.27-7.83,3.44-1.99-2.16-4.81-3.44-7.83-3.44-5.69,0-10.34,4.43-10.61,10.11-.02.17-.03.35-.03.52,0,12.03,16.96,21.17,17.69,21.56l.81.43.81-.43c.66-.35,16.11-8.72,17.5-19.94.08-.53.12-1.07.12-1.61,0-5.86-4.77-10.62-10.62-10.62Z"/><path class="cls-3" d="M35,20.45h70v87.5c0,6.44-5.23,11.66-11.66,11.66h-46.68c-6.44,0-11.66-5.23-11.66-11.66V20.45h0Z" transform="translate(140 140.06) rotate(180)"/><rect class="cls-4" x="58.33" y="20.45" width="23.33" height="5.83"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat}
    .layout_footer .fix_btn .btn_wrap .btn.certified:hover .cir .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .layout_footer .fix_btn .btn_wrap .btn.insta:hover .cir .ico { background: url("/data/skin/dualsonic/images/common/dual_ico_insta_w.svg") center/contain no-repeat; }

    .layout_footer .fix_btn .btn_wrap .btn:hover .cir { transition: 0.75s; background-color: #1E1E1E}
    .layout_footer .fix_btn .btn_wrap .btn:hover .cir .txt {color: #fff}

    .layout_footer .ft_left .foo_nav ul li a:hover {color: #fff}
    .layout_footer .ft_left .foo_nav ul li a:hover:before {width: 100%}

    .layout_footer .util .menu ul li a:hover {color: #fff}
    .layout_footer .util .menu ul li a:hover:before {width: 100%}
    .layout_footer .ft_right .sns .ico:hover:before { width: 100%; }
    .layout_footer .ft_right .notice table tr a:hover:before {width: 100%}

    .layout_footer .ft_right .foo_menu a:hover {color: #fff}
    .layout_footer .ft_right .foo_menu a:hover:before {width: 100%}

    .layout_footer .ft_right .info ul li a:hover,
    .layout_footer .ft_right .info .txt a:hover,
    .layout_footer .ft_right .info .txt button:hover {color: #fff; text-decoration-color: #fff;}

    .layout_footer .foo_nav .depth1 > li > a:hover {font-weight: 700;}
    .layout_footer .foo_nav .depth1 > li .depth2 li a:hover {color: #fff}

    .layout_footer .bot_box .sns .ico:hover:before { width: 100%; }
    .layout_header .util_wrap a:hover { color:#333; }
    .layout_header .language:hover .select_list { color:#333; }
    .layout_header .bookmark:hover { color:#fff; }

    .layout_header .nav .respCategoryList .categoryAllSub li a:hover:before {width: 100%}
    .layout_header .nav .respCategoryList .categoryAllSub li a:hover {font-weight: 700}
    .sub .layout_header .sub_nav .depth1 > li:hover em:before {width: 100%}
    .sub .layout_header .sub_nav .depth1 > li:hover {color: #000}
    .sub .layout_header .sub_nav .depth1 > li:hover > a em {font-weight: 700; }
    .sub .layout_header .sub_nav .depth2 > li a:hover em { color: #000 }
    .sub .layout_header .sub_nav .depth1 > li:hover .depth2 {opacity: 1; bottom: 0; pointer-events: visible}
    .layout_header .icon_wrap .btn.lang:hover .lang_wrap{opacity: 1; pointer-events: auto}
    .layout_header .icon_wrap .btn.lang:hover a {opacity: 1; transform: unset; transition: 0.5s ease-in-out}

    .nice-select .list:hover .option:not(:hover) {background-color: #3b3838}

    .layout_header .nav .top_cont .btn.lang:hover .lang_wrap { top: 0; opacity: 1; pointer-events: auto; }
    .layout_header .nav .top_cont .btn.lang:hover a {opacity: 1; }

    .resp_top_hamburger>a:hover:before { width:12px; right:-1px; transform:translateY(-5px) rotate(405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }
    .resp_top_hamburger>a:hover:after { width:12px; right:-1px; transform:translateY(5px) rotate(-405deg); transition:transform 0.2s 0.2s, width 0.2s, right 0.2s; }

    #resp_promo:hover .slick-arrow { opacity:1; }

    .all_list_contents .all_list_depth1>li:hover>a { border-color:#ccc; color:#ed3347; }
    .all_list_contents .all_list_depth2>li:hover>a { color:#ed3347; }
    .all_list_contents .all_list_depth3>li:hover>a { color:#ed3347; }

    .gnb_bnr_slide_01:hover .slick-slider .slick-arrow { opacity:1; }
    .gnb_bnr_slide_02:hover .slick-slider .slick-arrow { opacity:1; transform:translateX( 0 ); }
    .resp_top_search .search_ver2 .search_new .tab_foot_menu>li>a:hover { color:#333; }
    .resp_top_search .search_ver2 .search_new .searching_list>li>a:hover { background-color:#f8f8f8; color:#333; }
    .resp_top_search .search_ver2 .search_new .searching_list>li>a.searching_item_close:hover { background-color:#ffe4e4; }
    .resp_top_search .search_ver2 .search_new .searching_list>li>a.goto_event:hover { background-color:#edfaff; color:#333; }
    .resp_top_search .search_ver2 .search_new .recent_item_list .item_link:hover { border-color:#bbb; }
    .resp_top_search .search_ver2 .search_new .recent_item_list>li:hover .item_delete { opacity:1; }
    .search_nav a.navi_linemap:hover { color:#ed3347; }
    .search_nav .navi_linemap2 .navi_linemap_sub>li:hover { background:#f8f8f8; color:#333; }
    .search_filter a:hover { color:#999; }
    .search_filter .category_all_nav>a:hover { color:#0c7bc6; }
    .search_filter .location_all_nav>a:hover { color:#0c7bc6; }
    .search_filter .location_all_nav>a:nth-last-child( 2 ),
    .search_filter .location_all_nav>a:nth-last-child( 2 ):hover { color:#333; cursor:default; }
    .search_filter .filter_brand_section .filter_detail_item label:hover:before { border-color:#aaa; }

    .filtered_item_sorting .bot .btn_type .btn:hover {border-color: #000; background-color: #000; color: #fff}

    .searched_item_display .list .goods_list_style1.banner:hover .img_box img {opacity: 0}
    .searched_item_display .list .goods_list_style1.banner:hover .img_box img + img {opacity: 1}
    .searched_item_display .list .goods_list_style1:hover .btn_wrap {opacity: 1; pointer-events: visible}

    .catalog_list .cont:hover .item_img_area .goods_icon_area{ opacity: 1}
    .searched_item_display .list .goods_list_style1 .cont:hover .item_info_area {opacity: 1}

    .resp_login_wrap .login_real_area .find_join>a:hover { text-decoration:underline; }
    .agree_list3 .agree_view:hover { text-decoration:underline; }

    .aside_recently_menu:hover .slick-arrow { transform:translateX( 0 ); background-color:#ddd; }
    .aside_recently_menu .slick-arrow:hover { opacity:1; }
    .gallery_detail_filelist:hover .slick-arrow { opacity:1; background-color:rgba(255,255,255,0.5); }
    .gallery_detail_filelist .slick-arrow:hover { background-color:#fff; }



    .patent_img_li li > a:hover .hover_box { opacity: 1 }
    .info_sub_tab .tab:hover { color: #000; }
    .history_cont .top_tab .tab:hover { opacity: 1; }
    .info_container .info_tab .tab:hover { color: #000; border-color: #000; }
    .login_bg .login_box .login_tab li:hover {color: #000}
    .login_bg .login_box .login_tab li:hover:before {opacity: 1; top: -5px}
    .login_container .btn_wrap .btm_btn.line:hover {background: #000; color: #fff;}

    .tab_basic ul li:hover { border-color: #000 !important; }
    .tab_basic ul li:hover a span { color: #000; }
    .brand_container .sch_tab .tab:hover { background-color: #000; border: 1px solid #000; color: #fff; }
    .brand_top .txt_wrap .tit_wrap .info_btn:hover { fill: #000; }

    .cmt_util .btn.del:hover .ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M52.75,33.6c0-9.63,7.72-17.44,17.25-17.44,9.53,0,17.25,7.81,17.25,17.44"/><path class="cls-1" d="M23.5,31.02h93.27H23.5Z"/><path class="cls-1" d="M57.03,51.3v52.5-52.5Z"/><path class="cls-1" d="M83.24,51.3v52.5-52.5Z"/><path class="cls-1" d="M108.07,46.67v60.96c0,6.63-5.37,12-12,12h-51.83c-6.63,0-12-5.37-12-12v-60.96"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') }
    .cmt_util .btn.edit:hover .ico { background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23000; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2 { fill: none; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><polygon class="cls-1" points="23.42 90.42 23.42 116.67 49.67 116.67 96.6 69.86 70.23 43.48 23.42 90.42"/><path class="cls-1" d="M91.48,23.31h-.95l-13.65,13.5,26.39,26.39,13.5-13.65v-.95c0-13.95-11.35-25.3-25.3-25.3Z"/></g><rect class="cls-2" width="140" height="140"/></g></g></svg>') }
    .cmt_util .btn:hover { color: #000; }

    .beauty_view .contents .view_btn:hover {background-color: #000; color: #fff}
    .beauty_view .contents .view_btn:hover .ico { background: url('data:image/svg+xml,<svg id="viewDownIco" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 140 140" ><style type="text/css">%23viewDownIco .st0{fill:none;stroke:%23ffffff;stroke-width:9;stroke-miterlimit:10;}</style><polyline class="st0" points="113,48.6 69.9,91.6 27,48.7"/></svg>') center / contain; }
    .beauty_container .beauty_activity .slide_box .navi .swiper_btn:hover { fill: #BDBDBD; }
    .beauty_container .beauty_activity .shorts_sect .cont:hover .img {opacity: 0}
    .app_btn:hover .ico { transform: translateX(5px); }
    .event_view .coupon_sect .coupon_box .btm_btn_box .all_down_btn:hover {background-color: #000; color: #fff}

    .view_board .posting_link:hover {background-color: #000; color: #fff;}
    .view_board .posting_link:hover .ico.blog {background: url('data:image/svg+xml,<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 140" style="enable-background:new 0 0 140 140;" xml:space="preserve"><style type="text/css">.st0{fill:%23000;}.st1{fill:none;} path{fill:%23fff}</style><g id="_레이어_2"><g><path d="M106,29.2H34c-9.2,0-16.6,7.5-16.6,16.7v39.5c0,9.2,7.4,16.7,16.6,16.7h24.8l8.5,13.8c0,0,0.1,0.2,0.3,0.4c0.5,0.8,1.4,1.4,2.5,1.4s1.9-0.6,2.4-1.4c0.2-0.2,0.3-0.4,0.3-0.4l8.5-13.8H106c9.2,0,16.6-7.5,16.6-16.7V45.8C122.6,36.6,115.1,29.2,106,29.2L106,29.2z"/><g><path class="st0" d="M49.6,68c0-0.4-0.4-9.6-8.8-9.6c0,0-2.8,0-5.3,2.5l-0.4,0.4V50.7h-5.9v26.3h6v-2.8l0.5,0.8c0.1,0.1,1.5,2.6,5.2,2.6C41.1,77.7,49.6,77.3,49.6,68L49.6,68z M39.3,72.6c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4S41.8,72.6,39.3,72.6z"/><path class="st0" d="M60.8,77.1V60c0,0,0.1-4.6-2.7-7.5c-1.5-1.5-3.5-2.3-5.9-2.3v5.7c0.3,0,0.9,0.2,1.5,0.7c1,0.9,1.5,2.6,1.5,4.8v15.6H60.8L60.8,77.1z"/><path class="st0" d="M65.8,68.2c0,0-0.1,4,2.6,6.8c1.8,1.9,4.4,2.8,7.8,2.8c0.4,0,10.6-0.1,10.6-9.6c0-0.1,0.1-4-2.6-6.8c-1.8-1.9-4.5-2.9-8-2.9C75.8,58.5,65.8,58.6,65.8,68.2L65.8,68.2z M80.6,68.2c0,2.4-2,4.4-4.4,4.4s-4.4-2-4.4-4.4s2-4.4,4.4-4.4S80.6,65.8,80.6,68.2z"/><path class="st0" d="M101.7,86.9c0.1,0,3.9,0,6.6-2.6c1.7-1.7,2.6-4.1,2.6-7.2V59.1h-5.8v2.3l-0.4-0.6c0,0-1.8-2.3-5.2-2.3c-0.1,0-3.7-0.1-6.2,2.3c-1.7,1.7-2.6,4.1-2.6,7.3c0,0.1,0,4.4,2.7,7.1c1.5,1.5,3.5,2.2,5.9,2.2c0,0,3.6,0.1,5.5-2.3l0.4-0.6v2.2c0,0.1,0.2,2.2-1.1,3.7c-0.8,0.8-1.8,1.2-3.2,1.2h-1.3v5.2C99.5,86.9,101.7,86.9,101.7,86.9z M101,72.6c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4S103.4,72.6,101,72.6z"/></g><rect class="st1" width="140" height="140"/></g></g></svg>') center / contain no-repeat;}
    .view_board .posting_link:hover .ico.youtube {background: url('data:image/svg+xml,<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 140" style="enable-background:new 0 0 140 140;" xml:space="preserve"><style type="text/css">.st0{fill:%23000;}.st1{fill:none;} path{fill:%23fff}</style><g id="_레이어_2"><g><path d="M37,25h66c6.6,0,12,5.4,12,12v66c0,6.6-5.4,12-12,12H37c-6.6,0-12-5.4-12-12V37C25,30.4,30.3,25,37,25z"/><polygon class="st0" points="58.3,87.5 58.3,52.5 87.5,70 "/><rect class="st1" width="140" height="140"/></g></g></svg>')center / contain no-repeat;}
    .view_board .posting_link:hover .ico.insta {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } .cls-3, .cls-2 { fill: none; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-3" cx="69.41" cy="70.78" r="17"/><circle class="cls-1" cx="95.69" cy="44.31" r="6"/><rect class="cls-3" x="25" y="25.01" width="90" height="90" rx="12" ry="12"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}
    .view_board .posting_link:hover .ico.tiktok {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2 { fill: none; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M100.15,57.9c4.35,1.83,8.95,2.83,13.68,2.95v-13.17c-5.04-.19-9.82-1.89-13.86-4.93-4.83-3.64-8.14-8.9-9.32-14.81-.23-1.18-.38-2.39-.44-3.61h-13.27l-.02,63.45c0,6.39-4.08,12.03-10.16,14.04-1.78.59-3.62.83-5.49.73-2.38-.13-4.72-.85-6.77-2.08-4.45-2.66-7.15-7.32-7.23-12.47-.06-3.99,1.45-7.75,4.25-10.59,2.81-2.85,6.57-4.42,10.58-4.42,1.13,0,2.25.13,3.35.38v-13.28c-1.13-.13-2.27-.2-3.39-.2-8.22,0-15.75,3.37-21.21,9.49-4.11,4.6-6.58,10.51-6.96,16.64-.5,8.12,2.42,15.74,8.21,21.47.84.83,1.74,1.61,2.66,2.32,4.97,3.83,10.95,5.85,17.3,5.85,1.42,0,2.85-.1,4.25-.31,5.97-.88,11.41-3.6,15.71-7.86,5.3-5.23,8.23-12.19,8.26-19.6l-.08-36.1,1.62,1.25c2.55,1.97,5.35,3.6,8.34,4.86Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}


    .prd_list_wrap .list .item_img_area:hover .preview_box {opacity: 1; pointer-events: visible}
    .search_all_wrap .sch_tab .tab:hover { background-color: #000; border: 1px solid #000; color: #fff; }

    .sub_top .board_tab .tab:hover {color: #fff; border-color: #000; background-color: #000}
    .sub_top .board_tab .tab:hover:before {opacity: 1; top: -5px;}
    .sub_top .board_tab .tab:hover:after{width: 100%}

    .btm_btn.line:hover:before { box-shadow: inset 300px 0px 0px #000;}
    .btm_btn.line:hover {color: #fff;}
    .btm_btn.line:hover svg {fill: #fff}
    .btm_btn.line:hover .ico.plus { background: url('data:image/svg+xml,<svg id="reviewPlusIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23reviewPlusIco .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; }%23reviewPlusIco .cls-1, .cls-2 { fill: none; }</style></defs><line class="cls-1" x1="70" y1="35" x2="70" y2="105"/><line class="cls-1" x1="105" y1="70" x2="35" y2="70"/></svg>') center / contain; }
    .btm_btn.line:hover .ico.plus svg {transform: rotate(270deg)}

    .btm_btn:hover { background-color: #fff; color: #000; }
    .btm_btn.wh:hover { background-color: #000; color: #fff; }

    .msg_layer .btm_btn:hover {background-color: #000; color: #fff;}
    .msg_layer .btm_btn.wh:hover {background-color: #fff; color: #000;}

    .chk_wrap .tit_wrap .more_btn:hover { color: #000; }
    .chk_wrap .tit_wrap .more_btn:hover:before { background-color: #000 }

    /*.iframe_paging_navigation a:hover {background-color: transparent;font-weight: 700;}*/
    /*.iframe_paging_navigation a:not(.next):not(.prev):hover:before {width: 10px;}*/
    .iframe_paging_navigation a:hover {color: #000;}

    .paging_navigation a:hover {background-color: transparent;font-weight: 700;}
    .paging_navigation a:not(.next):not(.prev):hover:before {width: 10px;}
    .paging_navigation a:hover {color: #333;border-color: #999;background-color: transparent;position: relative;z-index: 2;}

    .subpage_lnb .lnb_sub>li>a:hover{transform: none;}
    .rating .stars .star:hover {background: url('data:image/svg+xml,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: none; stroke-width: 0px; } .cls-2 { fill: %23000; stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polygon class="cls-2" points="70.15 26.69 82.95 57.71 116.41 60.3 90.86 82.06 98.74 114.69 70.15 97.11 41.56 114.69 49.44 82.06 23.89 60.3 57.35 57.71 70.15 26.69"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') no-repeat center/contain;}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .backBtn:hover::before {color: #000}
    .modal_3d .device_sect .device_3d .remote .remote_cont .product_sel ul li:hover {background: #eee}

}

/*0712 so ssso*/
@media only screen and (min-width:3000px) {
    .catalog_list .item_info_area .goods_name_area .brand_name {font-size: 16px;}
    .catalog_list .item_info_area .goods_name_area .prd_name {font-size: 16px}
    .catalog_list .item_info_area .goods_name_area {font-size: 18px;}
    #catalog_page .prd_list_wrap .goods_price_area {font-size: 17px}

    .product_slide_box .gl_item .resp_display_goods_info .review_info .ev_active2,
    .item_info_area .review_info .ev_active2 ,
    .product_slide_box .gl_item .resp_display_goods_info .review_info .ico,
    .item_info_area .review_info .ico {width: 16px; height: 16px}
    .review_info li .num {font-size: 14px;}
}



@media only screen and (min-width: 2401px) and (max-width: 3000px) {
    .catalog_list .item_info_area .goods_name_area .brand_name {font-size: 14px;}
    .catalog_list .item_info_area .goods_name_area .prd_name {font-size: 15px}
    .catalog_list .item_info_area .goods_name_area {font-size: 16px;}
    #catalog_page .prd_list_wrap .goods_price_area {font-size: 16px}
}


@media only screen and (max-width:2400px) {

}


@media only screen and (max-width:2000px) {
    .main4 .banner_sect.active .logo svg + svg {margin-left: 10rem}
    .brand_story .fixed_sect .card_wrap .slide_btn_box {padding: 0 30px}


    .searched_item_display .list .goods_list_style1 .item_info_area {padding: 15px 20px}
    .prd_list_wrap .goods_price_area ,
    .prd_list_wrap .item_info_area .goods_name_area,
    .catalog_list .item_info_area .goods_name_area .prd_name {font-size: 14px}
    .prd_list_wrap .item_info_area .review_info {margin-top: 8px;}


}


@media only screen and (max-width:1600px) {

    .prd_list_wrap .list { grid-template-columns: repeat(3, minmax(0, 1fr));}

    .searched_item_display .list .goods_list_style1.banner.pc {display: none}
    .searched_item_display .list .goods_list_style1.banner.pc.w1600 {display: block}
    /*배너 반응형*/
    .main4 .visual_sect .slide_move {left: 20px; bottom: 20px;}
    .main4 .visual_sect .main_btn {display: none; bottom: 20px}
    .main4 .service_sect2 .slide_arr {width: 100%}
    .main4 .service_sect2 .slide_box .swiper-container {width: 90%; margin: 0 auto}

    .slider .txt_box .txt {font-size: 2rem}
    .slider .txt_box .tit {font-size: min(3.5vw,5rem)}

    .layout_header .resp_wrap {width: 100%; padding: 0 20px;}
    #eventSwiper .item .txt_box{top: 15%}
    .goods_icon_area span {width: 45px;height: 25px;font-size: 12px;line-height: 24px;}
    .searched_item_display .list .goods_list_style1 .item_info_area {padding: 15px}
    .catalog_list .item_info_area .goods_name_area {margin-top: 8px}
    .catalog_list .item_info_area .goods_name_area .prd_name {font-size: 15px;}
    .catalog_list .item_info_area .goods_price_area {font-size: 14px;}

    .product_info_wrap .product_info_sect .aside {margin-left: 60px}


    .product_info_wrap .product_info_sect .aside {padding-top: 3rem}

    /*메인*/
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box {margin-left: 8rem}

    .main4 .banner_sect .logo svg {height: 7vw}
    .main4 .banner_sect.active .logo svg + svg {margin-left: 5vw}
    .main4 .banner_sect .txt_box {font-size: 4.5vw; width: 100%; text-align: center}

    /*리뷰*/
    .review_page .best_container .best_li_wrap .navi {display: none}


    /*-------회사소개-------*/
    /*회사소개_탭*/
    .info_container .info_tab .tab { font-size: 18px; }

    /*인사말*/
    .greet_sect .cont .tit_wrap .desc { font-size: 20px; }
    .greet_sect .cont .tit_wrap .tit { font-size: 40px; }

    .greet_sect .cont .tit_wrap + .txt_wrap { margin-top: 6rem; }
    .greet_sect .cont .txt_wrap .tit { font-size: 24px; }
    .greet_sect .cont .txt_wrap .txt { font-size: 16px; }

    /*연혁*/
    .history_cont .history_wrap .year { font-size: 14rem; }
    .history_cont .history_wrap .txt_box { margin-top: 5.5rem; }
    /*.history_cont .history_wrap .txt_box .box { font-size: 18px; }*/

    /*품질시스템_품질경영*/
    .quality_cont .cont > .tit { font-size: 50px; }
    .quality_cont .cont .txt_box .box > .tit { font-size: 22px; }
    .quality_cont .cont .txt_box .box > .txt { font-size: 18px; }
    .quality_cont .cont .txt_box .box > .txt span.point { font-size: 42px; }

    /*품질시스템_인증현황*/
    .patent_img_li li .tit_box .label span { padding: 0 12px 0 14px; font-size: 14px; }
    .patent_img_li li .tit_box .tit { font-size: 26px; }

    /*-------장바구니-------*/
    .cart_li_wrap .left { width: 67%; }

    .cart_li .cart_goods_detail .product_wrap .product .price_area > .price .total_price { font-size: 18px; }

    .order_payment_right { width: 28%; }
    .order_payment_right .order_price_total .list .th { font-size: 16px; }
    .order_payment_right .order_price_total .list .price_txt { font-size: 18px; }
    .order_payment_right .order_price_total .list .total_price_txt { font-size: 20px; }
    .order_payment_right .pay_layer.btn_area .btn { height: 65px; line-height: 64px; font-size: 18px; }

    /*브랜드 스토리*/
    .brand_story .fixed_sect .card_wrap .card .tit_box {padding: 0 14rem}
    .brand_story .yoo_jin_sect .video_box .video {width: 90%}
    .brand_story .yoo_jin_sect .video_box .video .txt_box .tit {font-size: 7rem}
    .brand_story .yoo_jin_sect .video_box .video .txt_box .txt {font-size: 2.5rem; margin-top: 2rem}
    .brand_story .yoo_jin_sect .video_box .top_tit {font-size: 20rem}

    /* 렌탈 작업 */
    .rental_page .benefit_cont .right_box .cont .tit {font-size: 4.5rem}

}


@media only screen and (max-width:1400px) {


    .on_store_wrap .top_banner .txt_box {width: 124rem}
    #eventSwiper .item .txt_box {left: 10rem}
    .event_banner_wrap .slide_move {left: 11rem}
    .brand_story .sect_en_tit {font-size: 8rem}
    .brand_story .sect_txt {font-size: 2.5rem}
    .brand_story .sect_sm_txt {font-size: 1.8rem}

    .brand_story .yoo_jin_sect .skill_cont .cir_cont {width: 120rem}
    .brand_story .yoo_jin_sect .skill_cont.animated .cir_cont {width: 100rem}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir {width: 55rem;}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .tit {font-size: 6rem}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .txt {font-size: 2.5rem}
    .brand_story .yoo_jin_sect .cont_txt {font-size: 2.5rem}

    .sustainable_page .txt_slide .cont {width: 53%}

    /*메인*/
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box {margin-left: 6rem}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .en_tit {font-size: 6rem}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .ko_tit {font-size: 3rem; margin-top: 3.5rem}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .slide_paging_box {top: 10px}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .scroll_box {max-height: 60rem}


    .main4 .info_sect .img_wrap .img {top: 50%;transform: translate(-50%,-50%) !important; max-height: 800px;}
    .main4 .info_sect .txt_wrap {width: 75%}
    .main4 .info_sect .btn_wrap {width: 100%}
    .main4 .info_sect .btn_wrap .btn {width: 6rem; height: 6rem}

    .layout_footer .fix_btn {bottom: 10rem}

    .main4 .lounge_sect2 .roman_tit {font-size: 20rem}


    .main4 .material_sect .sect_tit_box {margin-right: 15rem}
}


@media only screen and (max-width:1280px) {
    :root{
        --sub_banner_desc: 14px;

        --sub_sect_pt: 80px;
        --sub_tit: 4rem;

        --banner_desc: 2rem;
        --banner_tit:4rem;
        --banner_tit_mt:20px;
        --banner_txt:1.8rem;
        --banner_txt_mt: 20px;

        --depth2_height:35px;
        --en_tit: 4.5rem;

        --main_mt:18rem
    }

    .pc_only {display: none !important}
    .tab_only  {display: block !important}
    .tab_only.flex  {display: flex !important}

    html {font-size: 8.5px}

    .loading_ani .top_tit{font-size: clamp(12rem, 9.375vw + 3rem, 18rem);}
    .loading_ani .video{}
    .loading_ani .bot_txt{padding-bottom: clamp(15rem, -9.7656vw + 22.5rem, 10rem);}
    .loading_ani .bot_txt .tit{}
    .loading_ani .bot_txt .txt{}

    .goods_view_page .layout_footer {padding-bottom: 16rem}

    .layout_header .logo svg {height: auto; width: 80vw; transition: height 0.8s cubic-bezier(0.5, 0, 0, 1), fill 0.8s cubic-bezier(0.5, 0, 0, 1), width 0.8s cubic-bezier(0.5, 0, 0, 1);}
    .sub .layout_header .logo svg,
    .layout_header .logo.active svg {width: 180px; height: auto}

    .searched_item_display .list .goods_list_style1.banner.tablet {display: block}

    .sub .layout_header .sub_nav .depth1 > li + li {margin-left: 30px;}

    /*배너 반응형*/
    .sub .slide_move {bottom: 30px}

    #layout_body { min-height: calc(var(--fullHeight) - var(--header_Height));}
    .brand_story_page  #layout_body { min-height: auto; }
    .sub .layout_wrap {min-height: calc(var(--fullHeight) - var(--header_Height)); margin-top: 0; }

    /*.goods_review .sub_top_sect,*/
    .subpage_wrap.cscenter, .info_container,
    .subpage_wrap.one_to_one, .subpage_wrap.faq,
    .subpage_wrap.notice,
    .on_store_wrap,.offline_page,.louge_page,.how_to_page,.pd_regist_page,
    .depth_pt {margin-top: calc(var(--depth2_height) - 1px);}

    .event_view,
    .depth_pt {margin-top: 0}

    .beauty_container .beauty_view {margin-top: calc(var(--sub_sect_pt))}
    .info_top, .beauty_container {margin-top: calc(var(--sub_sect_pt) + var(--depth2_height))}

    .beauty_container {margin-top: calc(var(--sub_sect_pt) + var(--depth2_height) + 10px)}


    /*헤더*/
    .layout_header .icon_wrap .btn + .btn {margin-left: 20px}

    /*헤더*/
    .sub .layout_header .sub_nav .depth1 {width: 100%}
    .sub .layout_header {position: relative; flex-wrap: wrap; left: 0; top: 0; height: var(--header_total)}
    .sub .layout_header > .resp_wrap {width: 100%; position: fixed; left: 0; top: 0}
    .sub.brand_story_page .layout_header > .resp_wrap { background-color: #000; }
    .sub .layout_header .sub_nav {display: flex; position: relative; left: 0; bottom: 0 ;transform: translateY(0); width: 100%; transition: none; margin-top: calc(var(--header_Height) - 2px); background-color: #fff}
    .sub .layout_header .sub_nav .resp_wrap {padding: 0}
    .sub .layout_header .sub_nav .depth1 {overflow-x: auto;}
    .sub .layout_header .sub_nav .depth1::-webkit-scrollbar{display: none}
    .sub .layout_header .sub_nav .depth1 > li {flex-shrink: 0; position: static; display: flex; align-items: center}
    .sub .layout_header .sub_nav .depth1 > li:first-of-type {margin-left: 20px}
    .sub .layout_header .sub_nav .depth1 > li:last-child:after {content: ""; margin-right: 20px}

    .sub .layout_header .sub_nav .depth1 > li > a {font-size: 14px; height: var(--depth2_height)}
    .sub .layout_header .sub_nav .depth1 > li .depth2 {display: none; }
    .sub .layout_header .sub_nav .depth1 > li.active .depth2 {display: flex; align-items: center ;position: absolute; left: 0; bottom: 0; box-shadow: none; opacity: 1; pointer-events: inherit; transform: translate(0,100%); padding: 0 20px; height: 35px; width: 100%; background-color: #f7f7f7; font-size: 12px;}
    .sub .layout_header .sub_nav .depth2 > li + li {margin-left: 20px; margin-top: 0}


    /*검색 */
    .all_sch_container {width: 500px; padding: 20px 15px;}

    /*메인 페이지*/
    .type_sect .cont_box .cont .txt_box {left: 30px; bottom: 30px;}
    .service_sect {margin-top: 20rem}
    .lounge_sect {margin-top: 20rem}
    .service_sect .cont_box .cont .tit {margin-left: 0}

    .main4 .sect_tit_box {margin-bottom: 5rem}


    .main4 .type_sect2{}
    .main4 .lounge_sect2,
    .main4 .service_sect2,
    .main4 .beauty_sect {margin-top: 18rem}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box {margin-left: 4rem; word-break: keep-all; justify-content: flex-start}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .swiper-pagination {font-size: 20px;}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .slide_paging_box .arr {margin-bottom: 0.15rem}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .slide_paging_box .arr svg {width: 1.4rem}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .txt br {display: none}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .en_tit {font-size: 5rem}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .ko_tit {font-size: 2.5rem; margin-top: 3rem}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .main_btn {margin-top: 6rem}
    /*.main4 .beauty_sect .slide_box .swiper-slide .txt_box .scroll_box {height: 45vw}*/
    .main4 .beauty_sect .slide_box {padding-left: var(--resp_wrap_pd)}
    .main4 .beauty_sect .slide_box .swiper-container{}

    .main4 .type_sect2 .cont_box .cont .txt_box {padding: 15px}
    .main4 .type_sect2 .cont_box .cont .txt_box .tit {font-size: 16px}
    .main4 .type_sect2 .cont_box .cont .txt_box .main_btn {margin-top: 10px}

    .main4 .info_sect {height: auto}
    .main4 .info_sect .sect_cont {position: relative; height: auto}
    .main4 .info_sect .scroll {display: none}
    .main4 .info_sect .img_wrap {height: 40rem; overflow: hidden}
    .main4 .info_sect .img_wrap .img {top: 0; transform: translate(-50%, 0) !important; max-height: none}
    .main4 .info_sect .img_wrap .img .sub_img {width: 100%}
    .main4 .info_sect .txt_wrap {position: static; transform: translate(0); overflow: inherit; width: 100%; min-width: 50%; height: 40rem; margin-top: 0px;}
    .main4 .info_sect .txt_wrap .txt_box {bottom: auto; left: 50%; top: 0; transform: translateX(-50%); width: auto}
    .main4 .info_sect .txt_wrap .txt_box.right {left: 50%; right: auto; text-align: left !important;}
    .main4 .info_sect .btn_wrap {top: 23%}

    .main4 .banner_sect {padding: 12rem 0}
    .main4 .service_sect2 .slide_box .swiper-container {width: calc(100% - 100px)}
    .main4 .lounge_sect2 .roman_tit {font-size: 13.5vw}

    .main4 .main_top_banner .txt_box .tit{font-size: calc(var(--en_tit)*1.2);}
    .main4 .main_top_banner .txt_box .sub_tit{font-size: 1.6rem;}
    .main4 .main_top_banner .banner_slide .img{padding-top: clamp(15rem, 4.3478vw + 13.0435rem, 20rem);}

    .main4 .category_sect .item .txt_box{padding-bottom: clamp(4rem, 7.8125vw + -2rem, 8rem);}
    .main4 .category_sect .item .txt_box .tit{font-size: clamp(3rem, 2.9297vw + .75rem, 4.5rem);}
    .main4 .category_sect .item .txt_box .sub_tit{margin-top: 3rem; font-size: 1.8rem;}
    .main4 .category_sect .item .txt_box .desc{margin-top: 1rem; font-size: 1.5rem;}
    .main4 .category_sect .item .txt_box .main_btn{margin-top: 4rem;}
    .main4 .category_sect .item .txt_box .main_btn span{font-size: max(1.4rem, 13px);}

    .brand_intro_container .item .txt_box{padding-bottom: clamp(4rem, 7.8125vw + -2rem, 8rem);}
    .brand_intro_container .item .txt_box .tit{font-size: clamp(3rem, 2.9297vw + .75rem, 4.5rem);}
    .brand_intro_container .item .txt_box .sub_tit{margin-top: 3rem; font-size: 1.8rem;}
    .brand_intro_container .item .txt_box .desc{margin-top: 1rem; margin-bottom: 4rem; font-size: 1.5rem;}
    .brand_intro_container .item .txt_box .main_btn{margin-top: 4rem;}
    .brand_intro_container .item .txt_box .main_btn span{font-size: max(1.4rem, 13px);}

    .main4 .routine_sect{margin-top: 18rem;}
    .main4 .routine_sect .tit_box .tit{font-size: calc(var(--en_tit)*1.2);}
    .main4 .routine_sect .tit_box .sub_tit{margin-top: 2.5rem; font-size: 2.5rem;}
    .main4 .routine_sect .tit_box .symbol{width: 20rem; height: 20rem;}
    .main4 .routine_sect .img_list .item + .item{margin-left: 20px;}
    .main4 .routine_sect .img_list .item:nth-child(2) .img + .img{margin-top: 20px;}



    /*서브페이지 공용*/
    .sch_wrap {width: 26rem; height: 5rem; line-height: 5rem}
    .notice_catalog .btn {font-size: 17px;}
    .notice_catalog .btn + .btn { margin-left: 25px;}


    /*제품 리스트 상단 탭*/
    #catalog_page .notice_catalog_slide {display: block}
    #catalog_page .notice_catalog_slide .filter_btn {padding: 5px 15px; margin-top: 10px}
    #catalog_page .notice_catalog_slide .filter_btn span {font-size: 12px;}
    #catalog_page .notice_catalog_slide .filter_btn .ico {width: 15px; height: 15px;}
    #catalog_page .notice_catalog_slide .slide_box .swiper-wrapper {overflow-x: auto; max-width: 100%; transform: none !important}

    /*제품 리스트 상단 배너*/
    .category_banner .txt_box {left: 5rem; bottom: 5rem}


    /*제품 리스트 */

    #catalog_page .category_wrap .category_top {position: static}

    #catalog_page .prd_list_wrap .list {gap: 0 5px;}
    .searched_item_display .list .goods_list_style1 .item_img_area .img > img {top: 50%}
    .searched_item_display .list {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 50px 5px}
    .searched_item_display .list .goods_list_style1 .item_info_area {background-color: #fff; position: relative; padding: 12px 0px 50px}



    .catalog_list .prd_list_wrap .item_info_area .goods_name_area .brand_name {font-size: 10px;}
    .catalog_list .prd_list_wrap .item_info_area .goods_name_area .prd_name {font-size: 12px}
    .catalog_list .prd_list_wrap .item_info_area .goods_price_area {font-size: 12px;}
    .catalog_list .item_info_area .goods_name_area .prd_name span {width: 95%}


    .prd_list_wrap .item_info_area .review_info {margin-top: 10px}
    .prd_list_wrap .goods_price_area {font-size: 12px;}
    .prd_list_wrap .item_info_area .goods_name_area {font-size: 12px;}

    #catalog_page .prd_list_wrap {padding-bottom: 0}
    #catalog_page .prd_list_wrap .list {gap: 5px;}
    #catalog_page .prd_list_wrap + .prd_list_wrap {margin-top: 5px}
    .searched_item_display .list .goods_list_style1 .btn_wrap {opacity: 1; pointer-events: visible; left: auto; right: 5px; top: 5px; transform: unset; justify-content: flex-end}
    .searched_item_display .list .goods_list_style1 .btn_wrap .preview {display: none}

    .searched_item_display .list .goods_list_style1 .btn_wrap .btn_box > div {width: 4.5rem; height: 4.5rem}
    .searched_item_display .list .goods_list_style1 .btn_wrap > div svg {width: 3rem}

    .searched_item_display .list .goods_list_style1 .btn_wrap {;}
    .searched_item_display .list .goods_list_style1 .btn_box {}
    .searched_item_display .list .goods_list_style1 .btn_wrap .btn_box > div {width: 3.5rem; height: 3.5rem; background-color: transparent; position: relative}
    .searched_item_display .list .goods_list_style1 .btn_wrap > div svg {width: 30px; opacity: 1; position: absolute; right: 0; top: 0}
    .searched_item_display .list .goods_list_style1 .btn_wrap > div svg.hide {opacity: 0; pointer-events: none}
    .searched_item_display .list .goods_list_style1 .btn_wrap > div svg.active { stroke: transparent; fill: #ff4545; transition: 1s}
    .searched_item_display .list .goods_list_style1 .btn_wrap > div svg.active.on {transform: scale(1);}
    .searched_item_display .list .goods_list_style1 .btn_wrap > div svg {stroke: #bdbdbd; fill: transparent; stroke-width: 6px}

    .list .goods_list_style1 .basket_btn {display: none !important;}

    .searched_item_display .list .goods_list_style1 {background: none}
    .searched_item_display .list .goods_list_style1 .item_img_area {position: relative;background: linear-gradient(135deg, #eee 0%, #fcfcfc 100%);}

    .prd_list_wrap .list .goods_list_style4 .basket_btn,
    .catalog_list .list .goods_list_style1 .basket_btn { display: block !important; margin-top: 5px; border-radius: 5px; border: 1px solid #eaeaea; padding: 5px 15px;}
    .prd_list_wrap .list .goods_list_style4 .basket_btn .btn,
    .catalog_list .list .goods_list_style1 .basket_btn .btn {display: flex; align-items: center; justify-content: center; width: 100%; font-size: 12px;}
    .prd_list_wrap .list .goods_list_style4 .basket_btn .ico,
    .catalog_list .list .goods_list_style1 .basket_btn .ico { width: 18px; height: 18px; display: inline-block; margin-right: 5px; transform: translateY(0px);
    ;background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}

    .prd_list_wrap .list .goods_list_style4 .basket_btn .ico.rental,
    .catalog_list .list .goods_list_style1 .basket_btn .ico.rental {
        background: url('data:image/svg+xml,<svg id="rentalIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23rentalIco .cls-1 {fill: %23000;}%23rentalIco .cls-1,%23rentalIco .cls-2 {stroke-width: 0px;}%23rentalIco .cls-3 {stroke-width: 7px;}%23rentalIco .cls-3,%23rentalIco .cls-2,%23rentalIco .cls-4 {fill: none;}%23rentalIco .cls-3,%23rentalIco .cls-4 {stroke: %23000;stroke-miterlimit: 10;}%23rentalIco .cls-4 {stroke-width: 7.09px;}</style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><rect class="cls-3" x="25" y="26.63" width="90" height="90" rx="12" ry="12"></rect><path class="cls-1" d="M32.38,29.17h75.23c4.07,0,7.38,3.31,7.38,7.38v13.14H25v-13.14c0-4.07,3.31-7.38,7.38-7.38Z"></path><line class="cls-4" x1="49.67" y1="17.5" x2="49.67" y2="35.32"></line><line class="cls-4" x1="90.33" y1="17.5" x2="90.33" y2="35.32"></line><g><rect class="cls-1" x="42.42" y="66.18" width="8.5" height="8.5" rx="4.25" ry="4.25"></rect><rect class="cls-1" x="65.75" y="66.18" width="8.5" height="8.5" rx="4.25" ry="4.25"></rect><rect class="cls-1" x="89.08" y="66.18" width="8.5" height="8.5" rx="4.25" ry="4.25"></rect><rect class="cls-1" x="42.42" y="86.48" width="8.5" height="8.5" rx="4.25" ry="4.25"></rect><rect class="cls-1" x="65.8" y="86.53" width="8.5" height="8.5" rx="4.25" ry="4.25"></rect><rect class="cls-1" x="89.08" y="86.48" width="8.5" height="8.5" rx="4.25" ry="4.25"></rect></g></g><rect class="cls-2" width="140" height="140"></rect></g></g></svg>') center/contain no-repeat;
    }


    .prd_list_wrap .list .item_img_area .preview_box .preview {display: none}
    .prd_list_wrap .list .item_img_area .preview_box .preview.respGoodsZzim  {display: block}

    .prd_list_wrap .list .item_img_area .preview_box {opacity: 1;pointer-events: visible;left: auto;right: 5px;top: 5px;transform: unset;justify-content: flex-end;}
    .prd_list_wrap .list .item_img_area .preview_box .preview svg {stroke: #bdbdbd;fill: transparent;stroke-width: 6px;}

    .prd_list_wrap .list .item_img_area .preview_box .preview {width: 3.5rem;height: 3.5rem;background-color: transparent;}

    .prd_basket_modal .preview_iframe .goods_spec_sections ,
    .prd_basket_modal .preview_iframe #goods_thumbs,
    .prd_basket_modal .preview_iframe #goods_spec .detail_title_area,
    .prd_basket_modal .preview_iframe .product_info_sect,
    .prd_basket_modal .preview_iframe .sticky_nav {display: none}
    .prd_basket_modal .preview_iframe .goods_buy_sections {position: fixed; left: 0; bottom: 0; background: #fff; width: 100% ;padding: 0px 15px 15px;}
    .prd_basket_modal .preview_iframe #goods_spec .goods_buy_sections {border-top-left-radius: 20px; border-top-right-radius: 20px}
    /*    .preview_iframe #goods_spec .goods_price_area.single_opt_box .total_goods_price,
        .preview_iframe #goods_spec .goods_price_area {margin-top: 0}*/
    .sub.prd_basket_modal .layout_wrap {margin-top: 0; display: block; min-height: 0}
    .sub.prd_basket_modal #layout_body {padding: 0; min-height: 0}

    .prd_basket_modal .preview_iframe .product_info_wrap:before {display: none}

    #goodsQuickViewLayer { padding: 0;}
    #goodsQuickViewLayer  iframe {max-height: 500px}
    #goodsQuickViewLayer .cont,
    #goodsQuickViewLayer .goodsPopupLayerBody {width: 100%; height: 100%}
    #goodsQuickViewLayer .goodsPopupLayerBody {display: flex; align-items: flex-end;}




    /*    .review_info .ev_active2 {width: 58px;height: 13px;}
        .review_info .ev_active2 b:before{width: 58px;}*/
    .review_info.type2 .ev_active2,
    .product_slide_box .gl_item .resp_display_goods_info .review_info .ev_active2,
    .item_info_area .review_info .ev_active2,
    .review_info .ico {width: 12px; height: 12px; margin-top: -2px}
    .review_info li .btn {transform: none}
    .review_info li .num {font-size: 10px; margin-left: 2px}
    .review_info .ico.good + .num {margin-left: 1px;}

    .review_info .ev_active2,
    .review_info .ev_active2 b:before {width: 52px}
    .review_info .ev_active2 {margin-top: -2px; margin-right: 1px;}
    .review_info .ev_active2 {}


    .catalog_list .item_img_area .img .goods_icon_area {left: 0px; top: 0px; opacity: 1}
    .goods_icon_area span {width: 50px;height: 20px;font-size: 10px;line-height: 19px;}

    /*제품리스트 이벤트 상단 배너*/
    #eventSwiper .item {padding-top: 36%}
    #eventSwiper .item .txt_box {left: 40px}

    .event_banner_wrap .slide_move {left: 48px; bottom: 60px}


    /*제품리스트 중간 배너*/
    .searched_item_display .list .goods_list_style1.banner .tit {left: 30px; bottom: 50px;}


    /*

    /*제품상세*/
    #goods_spec {padding-left: 40px}
    .btn_sns_share {width: 40px; height: 40px; }
    .btn_sns_share .ico {font-size: 16px}

    .sns_wish .snsbox_area {width: 40px}

    .sns_wish .snsbox_area .snsbox {margin-top: 20px;}
    .sns_wish .snsbox.facebook img {max-height: 18px;}
    .sns_wish .snsbox img {max-height: 15px}


    .com #goods_spec .deatil_price_area {margin-top: 25px; /* padding-bottom: 25px; */ margin-bottom: 25px}
	#goods_spec .deatil_price_area .max_sale_rate .inner {font-size: 16px;}
    .com #goods_spec .detail_title_area .name {font-size: 24px;}
    .com #goods_spec .detail_title_area .summary {font-size: 13px;}
    .com #goods_spec .deatil_price_area {display: flex; flex-direction: column; align-items: flex-start}
    .com #goods_spec .deatil_price_area .price_txt {order: 2}
    .com #goods_spec .deatil_price_area .goods_spec_customer_ev {margin-left: 0; margin-bottom: 10px;}
    .com #goods_spec .goods_spec_sections .price_opt_list div + div {margin-top: 15px;}
    .com #goods_spec .detail_spec_table li.th {font-size: 13px; width: 80px;}
    .com #goods_spec .detail_spec_table li.th + li {font-size: 13px;}
    .com #goods_spec .deatil_price_area .deatil_sale_rate .inner {margin-left: 0px}
    .com .goods_option_area .add_config .tit,
    .com .goods_option_area .suboptionTr .tit,
    .com .goods_option_area .optionTr .tit {font-size: 13px; width: 80px;}
    .com .goods_buttons_area .basic_btn_area li .btn {height: 6rem; line-height: 5.9rem}

    /*제품 상세 관련 상품*/
    .product_slide_box { width: calc((var(--resp_wrap_pd) * 1) + 100%)}
    .product_slide_box .gl_item .resp_display_goods_info .goods_name_area {margin-top: 5px}
    .product_slide_box .gl_item .prd_name {font-size: 12px; }
    .product_slide_box .gl_item .goods_price_area .discount_rate,
    .product_slide_box .gl_item .goods_price_area {font-size: 12px;}
    .product_slide_box .gl_item .resp_display_goods_info .review_info {margin-top: 10px}
    .product_slide_box .slide_box {margin-right: calc(var(--resp_wrap_pd) * -1); width: 100%}
    .product_slide_box .swiper-button-prev {right: 45px;}
    .product_slide_box .swiper-button-next {right: var(--resp_wrap_pd);}
    .related_prd_sect .sect_top {width: calc(100% - var(--resp_wrap_pd));}

    .set_preload .goods_display_slide_wrap {overflow: visible}




    /*제품 상세 fixed */
    .basic #goods_spec .goods_buy_sections {position: fixed; left: 0; bottom: 0; z-index: 60; background-color: #fff; width: 100%; padding: 0 15px 15px; transform: translateY(100%); transition: all .3s; border-top-left-radius: 20px ; border-top-right-radius: 20px}
    .basic #goods_spec .goods_buy_sections.active {transform: translateY(0)}
    .basic.rental #goods_spec .goods_buy_sections {transform: translateY(0)}

    /*    .basic #goods_spec .goods_price_area.single_opt_box,
        .basic .goods_price_area.single_opt_box {display: none}*/

    .basic #goods_spec .goods_buy_btn {display: flex; align-items: center; position: fixed; padding: 15px; left: 0; bottom: 0; background-color: #fff; z-index: 28; width: 100%}
    #goods_spec .goods_buttons_area .basic_btn_area li .btn,
    .basic #goods_spec .goods_buy_btn .btn {height: 6rem;line-height: 5.9rem;font-size: 1.8rem;font-weight: 600;border: 1px solid #000;background: #000;color: #fff; flex: 1}
    #goods_spec .goods_buttons_area .basic_btn_area li .btn {background-color: #fff; color: #000}
    .basic #goods_spec .goods_buy_btn .zzim_btn {display: none; width: 30px;height: 30px; flex-shrink: 0; margin-right: 10px;background: url('data:image/svg+xml,<svg id="wishIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> %23wishIco .cls-2 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none; }</style></defs><path class="cls-2" d="M113.97,58.33c0-12.89-10.45-23.33-23.33-23.33-8.85,0-16.54,4.92-20.5,12.18-3.96-7.26-11.65-12.18-20.5-12.18-12.57,0-22.81,9.94-23.31,22.39-.05.3-.07.62-.07.94,0,29.18,43.94,52.5,43.94,52.5,0,0,40.16-21.43,43.5-48.89.18-1.18.28-2.38.28-3.6Z"/></svg>') center/contain no-repeat;}
    .basic .goods_quantity_table {margin-top: 25px; overflow-y: auto; max-height: 35vh}
    .basic .goods_quantity_table::-webkit-scrollbar {display: none}
    .basic .goods_quantity_table .num_price {margin-top: 10px;}
    .basic .goods_quantity_table .suboption_tr > .quantity_cell_sub,
    .basic .goods_quantity_table .option_tr > .quantity_cell {padding: 15px 20px;}
    .basic .goods_quantity_table .option_text {font-size: 13px;}
    .basic .goods_quantity_table .quantity_check input {width: 60px; height: 24px; font-size: 10px; }
    .basic .goods_quantity_table .quantity_check .btn_box button {width: 20px; height: 12px; }
    .basic .goods_quantity_table .close_btn {top: 5px;}
    .basic .goods_quantity_table .close_btn:before {font-size: 16px;}
    .com .goods_option_area {margin-top: 30px; min-height: 0 !important}
    .basic .goods_option_area .goods_option_table + .goods_option_table {margin-top: 10px;}
    .basic .goods_option_area .add_config .tit,
    .basic .goods_option_area .suboptionTr .tit,
    .basic .goods_option_area .optionTr .tit {width: 70px;}

    .goods_quantity_table .quantity_check,
    #goods_spec .goods_price_area .num_single_area li {position: relative; padding: 0 3.1rem;}
    .goods_quantity_table .quantity_check .btn_box,
    #goods_spec .goods_price_area .num_single_area li .btn_box {position: absolute; width: 100%; height: 100%; display: flex; justify-content: space-between; flex-direction: row; left: 0; top: 0; margin-left: 0}
    .goods_quantity_table .quantity_check .btn_box .eaPlus,
    #goods_spec .goods_price_area .num_single_area li .btn_box .eaPlus { border: 1px solid #ccc; border-left: none}
    .goods_quantity_table .quantity_check .btn_box .eaMinus,
    #goods_spec .goods_price_area .num_single_area li .btn_box .eaMinus { border: 1px solid #ccc; border-right: none }
    .basic .goods_quantity_table .quantity_check .btn_box .btn_graybox,
    .goods_quantity_table .quantity_check .btn_box .btn_graybox,
    #goods_spec .goods_price_area .num_single_area li .btn_box .btn_graybox {height: 100%; width: 3.1rem;}

    .goods_quantity_table .quantity_check .btn_box .eaPlus,
    #goods_spec .goods_price_area .num_single_area li .btn_box .eaPlus {order: 2}
    #goods_spec .goods_price_area .num_single_area li .btn_box .eaPlus:before {content: "\2b"; font-size: 12px}
    #goods_spec .goods_price_area .num_single_area li .btn_box .eaMinus:before {content: "\f068"; font-size: 12px}

    .com .goods_price_area .total_goods_tit {font-size: 14px; margin-right: 5px;}
    .com .fixed_btn_bg {background-color: rgba(0,0,0,0.4); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 24; opacity: 0; pointer-events: none; transition: all .3s; display: block;}
    .com .fixed_btn_bg.on {opacity: 1; pointer-events: visible}

    /*제품 상세 정보*/
    .com .product_info_wrap .sticky_nav .btn {font-size: 2rem}
    .com .product_info_wrap .product_info_sect .aside {display: none}
    .com .product_info_wrap .product_info {width: 100%}

    /*제품 상세 관령 상품 슬라이드*/
    .com .set_preload .product_slide_box .gl_item .goods_price_area .sale_price + .consumer_price {display: none}


    /*제품 리뷰*/
    .review_page .best_container .best_li .img_wrap .label {height: 60px; width: 60px; font-size: 14px;}
    .review_page .best_container .best_li .txt_wrap .txt {font-size: 13px;}
    .review_page .state {font-size: 11px; padding: 0 10px; height: 18px; line-height: 18px;}
    .review_page .review_list .list .cont .product .img,
    .review_page .best_container .best_li .pdt_wrap .img {width: 60px; height: 60px; margin-right: 10px;}
    .review_page .best_container .best_li .pdt_wrap .txt_box {padding: 0}
    .review_page .review_list .list .cont .product .txt_box .tit,
    .review_page .best_container .best_li .pdt_wrap .txt_box .tit {font-size: 12px;}
    .review_page .best_container .best_li .pdt_wrap .txt_box .tit {height: 3em}
    .search_all_wrap .review_page .review_list .list,
    .review_page .review_list .list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 60px 30px;}
    .review_page .review_list .list .cont .review_txt {font-size: 13px;}
    .review_page .review_list .list .cont .review_user {font-size: 10px;}

    form + #filteredItemSorting.gallery,
    .review_page.goods_review .filtered_item_sorting {margin-top: 40px}
    form + #filteredItemSorting.gallery .bot {margin-top: 0}

    /*온라인 판매점*/
    .on_store_wrap .top_banner {padding-top: 30%}
    .on_store_wrap .top_banner .txt_box .tit + .txt {margin-top: 5px;}

    .on_store_wrap .cont {margin-top: 60px;}
    .on_store_wrap .cont .logo_wrap {gap: 70px 15px;grid-template-columns: repeat(4, minmax(0, 1fr));}
    .on_store_wrap .cont .logo_wrap .logo_box .txt {font-size: 14px; margin-top: 10px;}


    /*오프라인 판매점*/
    .offline_page .store_cont {display: block;}
    .offline_page .store_cont .cont_tit {font-size: 4rem; width: 100%}
    .offline_page .store_cont .right_box {width: 100%; margin-top: 20px}
    .offline_page .store_cont .right_box .info_box {margin-top: 30px; display: block}
    .add_info_btn_box {margin-top: 20px;}


    /*테라피 라운지*/
    .louge_page .visual_img .cont_tit_box .tit {font-size: 36px;}
    .louge_page .visual_img .cont_tit_box .txt {font-size: 16px;}
    .louge_page .visual_img .slide_box .swiper-pagination {margin-top: 30px}

    .louge_page .program_wrap .cont_box .cont_tit_box .tit_box .tit,
    .louge_page .program_wrap .cont_box .cont_tit_box .num {font-size: 28px}
    .louge_page .program_wrap .cont_box .cont_tit_box .num {margin-right: 30px}

    .louge_page .program_wrap .cont_box .cont {padding-left: 60px;}
    .louge_page .program_wrap .cont_box .cont .box + .box {margin-top: 25px}
    .louge_page .program_wrap .cont_box .cont .box .tit {font-size: 13px;}
    .louge_page .program_wrap .cont_box .cont .box .txt {font-size: 15px; word-break: keep-all}
    .louge_page .program_wrap .cont_box .cont .box .txt br {display: none}
    .louge_page .program_wrap .cont_box .cont .box .process_wrap .pro_box {font-size: 12px;}

    .louge_page .info_wrap .info_cont .box .txt {font-size: 15px;}
    .louge_page .lounge_banner .img {width: 260px; right: 5%;}
    .louge_page .map_wrap .info_cont,
    .louge_page .info_wrap .info_cont {display: block;}
    .louge_page .map_wrap .info_cont .cont,
    .louge_page .info_wrap .info_cont .cont {margin-top: 60px}
    .louge_page .info_wrap .info_cont .box .txt {word-break: keep-all}
    .louge_page .info_wrap .info_cont .box .txt br {display: none}

    .louge_page .lounge_banner .txt_box .tit {font-size: 3rem; width: 73%}


    /*이벤트 페이지*/
    .slider .item {padding-top: 42%}

    .event_li_wrap .event_li {gap: 30px}
    .event_li_wrap .event_li .event_box .infobox {padding: 15px 20px}
    .event_li_wrap .event_li .event_box .infobox .cate {margin-right: 20px;}


    /*이벤트 상세*/
    .event_view .event_top_banner .banner .txt_box {left: 7%; top: 50%; transform: translateY(-50%);}
    .event_view .event_top_banner .banner .txt_box .tit {font-size: 38px;}
    /*.event_view.full .view_board .full_banner {padding-top: 55%}
    .event_view.full .view_board .full_banner .img {height: 80% !important; max-width: none}*/

    .event_view.full .view_board .txt_img .txc-image {width: 100% !important;}
    .event_view.full .view_board .full_img .txc-image {width: 70% !important;}
    .event_view.full .view_board .full_img.no_pd .txc-image {width: 50% !important;}


    /*체험단*/

    .gal_bbs_wrap #customGalleryBoard {gap: 8rem 4rem}


    /*체험단 상세*/
    .beauty_container .beauty_view {flex-direction: column}
    .beauty_view > form,
    .beauty_view .contents {flex: none; width: 100%; margin-right: 0}

    .beauty_view .aside {position: static; width: 100%; height: auto}
    .beauty_view .aside .cont .box ul li {grid-template-columns: 11rem 1fr}
    .beauty_view .aside .cont .btn_wrap {width: 100%}
    .beauty_view .aside .cont .btn_wrap .app_btn {width: 100%}
    .beauty_view .contents .bbs_view_tab {margin-bottom: 30px;}

    .beauty_view .contents,
    .beauty_view > form {position: relative; padding-top: 38px;}
    .beauty_view.view .contents:before,
    .beauty_view > form:before {content: ""; position: absolute; width: calc(100% + 30px); height: 8px; background-color: #F7f7f7; left: -15px; top: 0; z-index: 18}
    .exgroup_info {padding-bottom: 30px; width: 100%}

    .beauty_view .exgroup_info .btn_wrap {width: 100%; display: inline-flex; margin-top: 20px;}


    /*-------통합검색-------*/
    .search_all_wrap .prd_list_wrap .list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 50px 5px;}

    /*-------회사소개-------*/
    /*인사말*/
    .greet_sect .img_wrap { width: 35%; }
    .greet_sect .cont { width: calc(65% - 4rem); margin-left: 4rem; }
    /*.greet_sect .cont .tit_wrap .desc { font-size: 18px; }
    .greet_sect .cont .tit_wrap .tit { font-size: 34px; }*/

    .sub_top .jion_svg {width: 32rem}
    .greet_sect .cont .txt_wrap .en_tit { font-size: 6.5rem}
    .greet_sect .cont .txt_wrap .tit { font-size: 20px;}

    .greet_sect .cont .greet_btm .svg {width: 14rem}
    .greet_sect .cont .txt_wrap .tit span br {display: none}
    .greet_sect .cont .txt_wrap .tit span + span {margin-top: 20px;}


    /*연혁*/
    .history_cont {margin-top: 10rem}
    .history_cont .top_tab { padding-top: calc(var(--sub_nav) + 20px);}
    .history_cont .top_tab .tab + .tab { margin-left: 9rem; }
    .history_cont .top_tab .tab .tit { font-size: 20px; }
    .history_cont .top_tab .tab .num {font-size: 16px;}

    .history_cont .history_wrap .year { width: 40%; font-size: 10rem;}
    .history_cont .history_wrap .year span:before { width: calc(100% + 20px); }

    .history_cont .history_wrap .txt_box { width: calc(60% - 40px); margin-left: 40px; margin-top: 3.5rem; }
    .history_cont .history_wrap .txt_box .box {font-size: 18px}
    .history_cont .history_wrap .txt_box .box + .box {margin-top: 30px}
    .history_cont .history_wrap .txt_box .box.start {margin-top: 100px}
    .history_cont .history_wrap .txt_box .box:first-of-type {margin-top: 0 !important;}
    .history_cont .history_wrap .txt_box .box .txt span {word-break: keep-all}
    .history_cont .history_wrap .txt_box .box .txt span + span {margin-top: 15px;}


    /*지속가능경영*/
    .sustainable_page .txt_slide,
    .sustainable_page .esg_sect {margin-top: calc(var(--sub_nav) + 3rem  + 10rem)}
    .sustainable_page .esg_sect .sect_tit {font-size: 5rem;}
    .sustainable_page .esg_sect .sect_tit span {font-size: 3.5rem}
    .sustainable_page .esg_sect .icon_wrap {margin-top: 8rem}
    .sustainable_page .esg_sect .icon_wrap .cont .txt_box .tit {font-size: 4rem; margin-top: 10px}
    .sustainable_page .esg_sect .icon_wrap .cont + .cont {margin-left: 20px}
    .sustainable_page .esg_sect .icon_wrap .cont .txt_box {margin-top: 15px;}
    .sustainable_page .esg_sect .icon_wrap .cont .txt_box .txt {word-break: keep-all; margin-top: 10px}
    .sustainable_page .esg_sect .icon_wrap .cont .icon {width: 12rem; height: 12rem;}

    .sustainable_page .txt_slide .txt_wrap {height: 100%; }
    .sustainable_page .txt_slide .txt_wrap .resp_wrap {height: 100%}
    .sustainable_page .txt_slide .cont {width: 100%; opacity: 0; position: absolute; top: 50%; left: var(--resp_wrap_pd);transform: translateY(-50%)}
    .sustainable_page .txt_slide .cont + .cont {margin-top: 0}
    .sustainable_page .txt_slide .cont.active .tit {font-size: 8rem}
    .sustainable_page .txt_slide .cont .tit {font-size: 4rem}
    .sustainable_page .txt_slide .cont .tit:before {left: 0; top: 0px; transform: translate(0,-100%); font-size: 20px}


    /*품질시스템_품질경영*/
    .quality_cont .cont > .tit { margin-right: 30px; font-size: 40px; }
    .quality_cont .cont .txt_box .box > .tit { margin-right: 4rem; word-break: keep-all; }
    .quality_cont .cont .txt_box .box > .txt { font-size: 16px; }
    .quality_cont .cont .txt_box .box > .txt span.point { font-size: 30px; }
    .quality_cont .cont .txt_box .box > .cell > .tit { font-size: 20px; }
    .quality_cont .cont .txt_box .box > .cell > .desc { font-size: 18px }

    /*품질시스템_인증현황*/
    .patent_img_li { gap: 20px; }
    .patent_img_li li .tit_box .tit { font-size: 18px; }
    .patent_img_li li .tit_box .label span { height: 24px; line-height: 24px; padding: 0 8px 0 12px; font-size: 12px; }
    .patent_li li .tit_wrap .tit { font-size: 18px; }


    /*-------장바구니-------*/
    .cart_li_wrap { flex-direction: column; }

    .cart_li_wrap > .left { width: 100%; }
    .cart_li .cart_goods_detail .product_wrap .chk_box { min-width: 4rem; }
    .order_payment_left .cart_list .cart_goods .prd_box .option_area .goods_name,
    .cart_opt_layer .cart_option_cont .product .txt_box .tit,
    .cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box .tit { font-size: 14px; width: 85%}
    .cart_opt_layer .cart_option_cont .product .txt_box .goods_price_area,
    .order_payment_left .cart_list .cart_goods .prd_box .option_area .goods_price_area,
    .cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box .goods_price_area,
    .cart_li .cart_goods_detail .product_wrap .product .txt_area .tit_box .goods_price_area {font-size: 13px; margin-top: 3px}

    .order_payment_left .cart_list .cart_goods .price_box .price_f,
    .cart_li .cart_goods_detail .product_wrap .product .price_area > .price .total_price { font-size: 16px; }
    .total_price_wrap .price_box.total .deli_price { font-size: 22px; }

    .cart_li_wrap .left .btn_wrap { margin: 40px auto 0; max-width: 100%}

    .order_payment_right { position: relative; top: unset; width: 100%; padding-top: 25px; margin-top: 60px; }
    .order_payment_right .pd_box { padding: 0 20px; }
    .order_payment_right .settle_price_title { font-size: 18px; }
    .order_payment_right .order_price_total { margin-top: 20px; }
    .order_payment_right .order_price_total .list_box + .list_box { margin-top: 10px; }
    .order_payment_right .order_price_total .list .th { font-size: 14px; }
    .order_payment_right .order_price_total .list .price_txt { font-size: 14px; }
    .order_payment_right .pay_layer.btn_area { margin-top: 25px; }
    .order_payment_right .pay_layer.btn_area .btn { height: 50px; line-height: 51px; font-size: 16px; }


    /*주문*/
    .order_page .page_tit { font-size: 30px; }

    .order_payment { flex-direction: column; }
    .order_payment_left { width: 100%; }

    .order_payment_left .cart_list .goods_delivery_info .detail li { font-size: 12px; }

    .order_payment_left .cart_list .cart_goods { padding: 15px 0; }
    .order_payment_left .cart_list .cart_goods .list_box { flex-direction: column; }

    .order_payment_left .cart_list .cart_goods .prd_box { width: 100%; }
    .order_payment_left .cart_list .cart_goods .prd_box .img_area { width: 100px; height: 100px; flex-shrink: 0; }

    .order_payment_left .cart_list .cart_goods .prd_box .option_area .option_box { margin-top: 5px; font-size: 12px; }
    .order_payment_left .cart_list .cart_goods .prd_box .option_area .cart_suboptions { margin-top: 10px; }

    .order_payment_left .cart_list .cart_goods .price_box { display: flex; align-items: center; justify-content: flex-end; width: calc(100% - 125px); margin-left: auto; }
    .order_payment_left .cart_list .cart_goods .price_box .price_c { font-size: 16px; }
    .order_payment_left .cart_list .cart_goods .price_box .price_a { margin-left: 8px; }

    .order_payment_left .list_tit { font-size: 20px; }
    .order_payment_left .order_info_sect .order_info_box + .order_info_box { margin-top: 40px; }
    .order_payment_left .order_info_sect .list_tit_box .same_btn { font-size: 12px; }

    .order_payment_left .order_info_sect .inp_btn { font-size: 13px; }

    .order_payment_left .order_info_sect .inp_list > li { flex-direction: column; align-items: flex-start; }
    .order_payment_left .order_info_sect .inp_list.coupon_list > li {flex-direction: row}
    .order_payment_left .order_info_sect .inp_list > li .inp_tit { width: 100%; height: auto; line-height: 1.3; margin-bottom: 5px; margin-right: 0; font-size: 13px; }

    .order_payment_left .order_info_sect .inp_list > li .cont { width: 100%; }
    .order_payment_left .order_info_sect .inp_list > li .cont .inp .name { width: 100%; max-width: 100%; }
    .order_payment_left .order_info_sect .inp_list > li .cont .inp_box.email { width: 100%; max-width: 100%}
    .order_payment_left .order_info_sect .inp_list > li .cont .inp_box.email .inp { width: 28%; }
    .order_payment_left .order_info_sect .inp_list > li .cont .inp_box.email .nice-select { flex: 1}


    .order_payment_left .order_info_sect .order_info_box.mileage .cont { flex-direction: column; }
    .order_payment_left .order_info_sect .order_info_box.mileage .cont .btn_box { margin-left: 0; margin-top: 15px; }

    .order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box label { height: 44px; border-radius: 5px; font-size: 12px; }
    .order_payment_left .order_info_sect .payment_list > li .inp_tit { height: auto; margin-bottom: 10px; line-height: 1.5; }
    .order_payment_left .order_info_sect .payment_list > li.simple .inp_tit { height: auto; margin-bottom: 10px; line-height: 1.5; }
    .order_payment_left .order_info_sect .payment_list > li .cont .pay_type_box .box label { height: 44px; border-radius: 5px; font-size: 12px; }
    .order_payment_left .order_info_sect .payment_list > li.simple .cont .pay_type_box .box label { height: 44px; border-radius: 5px; font-size: 12px; }
    .order_payment_left .order_info_sect .payment_list > li .more_cont { margin-top: 10px; }


    .order_payment_left .order_info_sect .inp_list > li .cont .inp_box.tel {max-width: 100%}
    .order_payment_left .order_info_sect .inp_list > li .cont .inp_box.email .inp {flex: 1; max-width: 100%}
    .order_payment_left .order_info_sect .inp_list > li .cont .inp_box.email .nice-select { max-width: none; }
    .order_payment_left .order_info_sect .inp_list > li .cont .nice-select,
    .order_payment_left .order_info_sect .inp_list > li .cont.delivery_msg .inp.delivery_msg_inp,
    .order_payment_left .order_info_sect .inp_list > li .cont .inp input {max-width: 100%}
    .order_payment_left .order_info_sect .inp_list > li .cont .inp.address_num input {flex: 1}
    .order_payment_left .order_info_sect .order_info_box.sale_code .inp,
    .order_payment_left .order_info_sect .order_info_box.coupon .inp {flex: 1}
    .order_payment_left .order_info_sect .order_info_box.sale_code .inp input,
    .order_payment_left .order_info_sect .order_info_box.coupon .inp .box {width: 100%}
    .order_payment_left .order_info_sect .order_info_box.coupon .inp_btn {margin-left: 15px;}

    .order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box {height: 45px; font-size: 12px;}
    .order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box + .box {margin-left: 10px}
    .order_payment_left .order_info_sect .inp_list > li .cont .pay_type_box .box {width: calc(33.333% - 7px)}


    /*-------마이페이지-------*/
    .mypage_wrap {grid-template-columns: 120px minmax(0, 1fr);}

    /*주문/배송*/
    .mypage_wrap .order_list ul li .item_list .item .order_stat { font-size: 18px; }

    /*쿠폰*/
    .modal_cont.coupon .coupon_box .benefit,
    .mypage_wrap .coupon_list ul li .benefit { font-size: 30px; padding-right: 80px; word-break: keep-all}
    .modal_cont.coupon .coupon_box .limit_date,
    .mypage_wrap .coupon_list ul li .limit_date { width: 95px; }
    .modal_cont.coupon .coupon_box .bottom_wrap,
    .mypage_wrap .coupon_list ul li .bottom_wrap { flex-direction: column; align-items: flex-start; }
    .modal_cont.coupon .coupon_box .bottom_wrap .use_conditions + .view_more,
    .mypage_wrap .coupon_list ul li .bottom_wrap .use_conditions + .view_more { margin-top: 5px; margin-left: 0}

    /*배송지수정 팝업*/
    .deli_form_wrap .addr_box { flex-direction: column; align-items: flex-start; }
    .deli_form_wrap .addr_box .inp + .inp { margin-left: 0; margin-top: 3px; }

    /*회원정보수정*/
    .mypage_wrap .resp_join_table .sns_connect_chk .item + .item { margin-left: 30px; }
    .mypage_wrap .resp_join_table .sns_connect_chk .item .ico { width: 35px; height: 35px; }
    .mypage_wrap .resp_join_table .sns_connect_chk .item .ico svg { width: 40%; height: 40%; }
    .mypage_wrap .resp_join_table .inp_box.tel { max-width: 100%; }


    /*브랜드 스토리*/
    .brand_story .yoo_jin_sect {padding: 8rem 0 16rem}
    .brand_story .yoo_jin_sect .sect_wrap {padding: 0 var(--resp_wrap_pd)}
    .brand_story .yoo_jin_sect .video_box .video {width: 100%; padding-top: 60%}
    .brand_story .yoo_jin_sect .video_box .video .txt_box .tit {font-size: min(6vw, 6rem)}
    .brand_story .yoo_jin_sect .video_box .video .txt_box .txt {font-size: min(2.5vw, 3rem); word-break: keep-all}
    .brand_story .yoo_jin_sect .video_box .top_tit {font-size: 17vw}
    .brand_story .yoo_jin_sect .skill_cont .cont_tit {font-size: min(5vw,4rem)}

    .brand_story .yoo_jin_sect .skill_cont {margin-top: 20px}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont {width: 100%; height: min(17vw,20rem); margin-top: 6rem}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir {width: min(47vw,60rem)}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .tit {font-size: 4rem}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .txt {font-size: 2rem}
    .brand_story .yoo_jin_sect .cont_txt {margin-top: 8rem; font-size: 2rem}

    .brand_story .fixed_sect .card_wrap .slide_btn_box {display: none}
    .brand_story .fixed_sect .card_wrap .card .tit_box {padding: 0 var(--resp_wrap_pd);}
    .brand_story .fixed_sect .card_wrap .card .tit_box .sect_txt {margin-top: 4rem}
    .brand_story .fixed_sect .card_wrap .card .tit_box .sect_sm_txt {margin-top: 2rem}
    .brand_story .yoo_jin_sect .skill_cont.animated .cir_cont {width: min(90%, 110rem)}
    .brand_story .fixed_sect .card_slide .swiper-pagination {display: block; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%)}
    .brand_story .fixed_sect .card_slide .swiper-pagination .swiper-pagination-bullet {width: 1.1rem; height: 1.1rem; border-radius: 6rem; background-color: rgba(255,255,255,0.4); opacity: 1; transition: all .3s}
    .brand_story .fixed_sect .card_slide .swiper-pagination span + span {margin-left: 10px}
    .brand_story .fixed_sect .card_slide .swiper-pagination .swiper-pagination-bullet-active {width: 2.4rem; background-color: #fff}

    .brand_story .logo_cont + .sect_tit_box,
    .brand_story .ci_sect {margin-top: 180px;}
    .brand_story .ci_sect .sect_tit_box .txt {word-break: keep-all}
    .brand_story .ci_sect .sect_tit_box .txt br {display: none}
    .brand_story .graphic_cont .color_cont .color_box .color .txt_box {padding:  2rem}


    /* 렌탈접수 */
    .rental_page .benefit_cont .right_box {padding-left: 12rem}
    .rental_page .benefit_cont .right_box .cont .tit {font-size: 3.5rem; margin-top: 2rem}
    .rental_page .benefit_cont .right_box .cont .tit br {display: none}
    .rental_page .benefit_cont .right_box .cont .badge { height: 3rem; line-height: 3rem; font-size: 1.6rem}

    .rental_page .custom_benefit_cont .icon_wrap .cont.type1 .icon_box .tit_box,
    .rental_page .custom_benefit_cont .icon_wrap .icon_box.img .tit_box,
    .rental_page .custom_benefit_cont .icon_wrap .icon_box {padding: 40px 30px 30px;}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box .icon {margin-bottom: 30px; width: 80px; height: 80px;}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box .tit_box .tit {font-size: 3rem}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box .tit_box .txt {word-break: keep-all}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box .tit_box .txt br {display: none}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box + .icon_box {margin-left: 3rem}
    .rental_page .custom_benefit_cont .icon_wrap .cont + .cont {margin-top: 3rem}


    /*정품인증*/
    .pd_regist_page .act_sect .cont_box .cont .txt_box {padding: 50px 40px;}
    .pd_regist_page .act_sect .cont_box .cont .tit {margin-top: 40px}

    .pd_regist_page .act_sect .cont_box .cont .tit,
    .pd_regist_page .check_sect .cont_tit_box .tit {font-size: 3rem}

    .pd_regist_page .check_sect .cir_wrap .cir {width: 29%; padding-top: 29%}
    .pd_regist_page .check_sect .cir_wrap .cir .txt_box {top: 20%}
    .pd_regist_page .check_sect .cir_wrap .cir .txt_box .step {width: 10rem; height: 3rem; line-height: 3.1rem; font-size: 1.6rem}
    .pd_regist_page .check_sect .cir_wrap .cir .txt_box .txt {margin-top: 3rem; line-height: 1.6}

    .pd_regist_page .reg_sect .sect_tit_box {width: 100%}
    .pd_regist_page .reg_sect .resp_wrap {flex-wrap: wrap}
    .pd_regist_page .reg_sect .form {margin-left: 0; width: 100%; max-width: 700px; margin-top: 30px}
    .pd_regist_page .reg_sect .img {width: 40%}

    /*뷰티에디터 모아보기*/
    .beauty_container .beauty_activity .scene_sect .cont_box .sect_tit {margin-right: 4rem}
    .beauty_container .beauty_activity .honor_sect .btn_box {margin-top: 6rem}

    .beauty_container .beauty_activity .shorts_sect .slide_box,
    .beauty_container .beauty_activity .rep_sect .slide_box {margin-top: 6rem}
    .beauty_container .beauty_activity .excellent_sect {margin-top: 12rem;}
    .beauty_container .beauty_activity .excellent_sect .cont_box .list li {flex-wrap: wrap; position: relative}
    .beauty_container .beauty_activity .excellent_sect .cont_box .list li .name {font-size: 16px; width: 100%; margin-bottom: 5px;}
    .beauty_container .beauty_activity .excellent_sect .cont_box .list li .id {margin-left: 0}
    .beauty_container .beauty_activity .excellent_sect .cont_box .list li .ico_box {position: absolute; right: 3rem; top: 2rem;}


    /*라이브 방송*/
    .live_page .live_list {gap: 60px 40px}
    .live_page .live_list > li {flex-direction: column}
    .live_page .live_list .img_box {width: 100%}
    .live_page .live_list .right_box {flex: none; width: 100%}

    /*제품사용법*/
    .modal_3d .device_sect .tit_box {padding-bottom: 60px}
    .modal_3d .device_sect .img_box {text-align: center}
    .modal_3d .device_sect .img_box img {width: 100%; max-width: 700px}
    .modal_3d .device_sect .img_box .txt {color: #FFF; font-size: 13px; display: flex; align-items: center; justify-content: center}
    .modal_3d .device_sect .img_box .txt svg {fill: #fff; width: 12px; margin-right: 10px}

    /*이벤트 상세*/
    .event_view .coupon_sect .coupon_box .list {gap: 25px}
    .event_view .coupon_sect .coupon_box .list .coupon .txt_box {padding: 20px;}
    .event_view .coupon_sect .coupon_box .list .coupon .txt_box .big_tit {font-size: 24px; margin-bottom: 15px;}
    .event_view .coupon_sect .coupon_box .list .coupon .btn_box .ico {width: 50px; height: 50px;}


    /*팝업*/
    .designPopup {top: 35% !important; left: 50% !important; transform: translate(-50%,-50%) !important; width: 100%; display: flex; flex-direction: column; align-items: center; padding: 0 20px}
    .designPopup .designPopupBody {min-width: 0 !important; width: 50rem; border-top-left-radius: 15px; border-top-right-radius: 15px;}

    .designPopup .designPopupBar {width: 75%; min-width: 0;}
    .designPopup .designPopupBar > div {height: 45px; line-height: 44px; font-size: 1.7rem}

    .designPopup .designPopupBarNew{width: 50rem; max-width: 85%; padding: 15px 20px;}
    .designPopup .designPopupBarNew > div{font-size: 13px;}

    .designPopup.popup_slider{transform: translate(0, 0) !important; width: auto; padding: 0;}
    .designPopup.popup_slider .swiper-pagination{font-size: 11px;}
    .designPopup .popup_slider_view{width: 50rem; max-width: 75%; min-width: auto;}
    .designPopup .popup_slider_view ~ .designPopupBar{max-width: 50rem; min-width: auto;}

    .layout_footer .prd_info_txt {display: none}

    .goods_option_area .sbOptions {max-height: 26rem !important;}


    /*1200*/

    /*마이페이지*/
    .order_view_wrap .order_price_total .item .price {flex-wrap: wrap}
    .order_view_wrap .order_price_total .item .price span {width: 100%; margin-top: 5px}

    .mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li {position: relative; padding: 0 3.1rem;}
    .mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box {position: absolute; width: calc(7.5rem + 3.1rem + 3.1rem); height: 100%; display: flex; justify-content: space-between; flex-direction: row; left: 0; top: 0; margin-left: 0}
    .mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li input {width: 7.5rem !important; height: 3.1rem}
    .mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box .eaPlus { border: 1px solid #ccc; border-left: none}
    .mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box .eaMinus { border: 1px solid #ccc; border-right: none }
    .mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box .btn_graybox {height: 100%; width: 3.1rem;}
    .mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box .eaPlus {order: 2}
    .mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box .eaPlus:before {content: "\2b"}
    .mypage_wrap .order_list ul li .item_list .item.chk_type .info .txt_wrap .num_control li .btn_box .eaMinus:before {content: "\f068"}


    .my_review_list2 > ul > li {flex-wrap: wrap; position: relative; padding: 3rem 0; }
    .my_review_list2 > ul .score_box {display: flex; align-items: center}
    .my_review_list2 > ul .score_box .txt {margin-top: 0; margin-left: 5px;}
    .my_review_list2 > ul .cont_box {flex: none; width: 100%; margin-left: 0; margin-top: 10px;}
    .my_review_list2 > ul .txt_box {position: static}
    .my_review_list2 > ul .txt_box .crystal_btn_box {top: 3rem}
    .my_review_list2 > ul .img_box {margin-left: 30px;}


    .inquiry_list > ul > li {grid-template-columns: 80px minmax(0, 1fr) 100px 90px}
    .inquiry_list ul li .tit {grid-template-columns: 70px minmax(0, 1fr);}
    .inquiry_list ul li .cate {font-size: 12px;}
    .inquiry_list ul li .date {font-size: 10px}
    .inquiry_list ul li .reply_yn span {font-size: 11px;}


    /*모달*/
    .modal_close.type2 {transform: translateY(-100%)}


    /*사진 동영상 후기 팝업*/
    .modal_cont.all_review_img .img_wrap {grid-template-columns: repeat(5, 1fr); max-height: 300px;}
    .modal_cont.all_review_img .cont {min-height: 0}

    /*리뷰 팝업*/
    .modal_cont.review .review_wrap .txt_wrap .rated_box .review_info .ev_active2 {width: 9rem}
    .modal_cont.review .review_wrap .txt_wrap .rated_box .review_info .ev_active2 b:before {width: 9rem;}
    .modal_cont.review .review_wrap .txt_wrap .rated_box .review_info .num {font-size: 14px;}



    /*푸터*/
    .layout_footer .fix_btn { bottom: 10rem; right: 20px}
    .layout_footer .fix_btn .btn_wrap .btn,
    .layout_footer .more_btn {width: 60px; height: 60px;}
    .layout_footer .more_btn .d_logo {height: 30px;}

    .layout_footer .fix_btn .btn_wrap {height: 65px;}
    .layout_footer .fix_btn .btn_wrap .btn.top_btn {display: none}
    .layout_footer .fix_btn.active .more_btn + .btn_wrap {height: 330px;}
    .layout_footer .fix_btn .btn_wrap .btn + .btn {margin-top: 5px;}


    .goods_view_page .layout_footer .fix_btn.active .more_btn + .btn_wrap {height: 395px;}
    .goods_view_page .layout_footer .fix_btn .btn_wrap .btn.top_btn {display: block;}
    .goods_view_page .layout_footer .fix_btn .btn_wrap .btn + .btn {margin-top: 5px; margin-left: 0}

    .layout_footer {padding-top: 100px}
    .layout_footer .ft_box {display: block}
    .layout_footer .ft_left {width: 100%}
    .layout_footer .ft_left .foo_nav .tit {margin-bottom: 10px}
    .layout_footer .ft_left .foo_nav_box {display: block}
    .layout_footer .ft_left .foo_nav_box  ul {display: flex}
    .layout_footer .ft_left .foo_nav ul li + li {margin-top: 0; margin-left: 20px}
    .layout_footer .ft_left .foo_nav ul + ul {margin-left: 20px}
    .layout_footer .ft_left .foo_nav + .foo_nav {margin-left: 0px; margin-top: 30px;}
    .layout_footer .ft_left .menu ul {font-size: 18px;}
    .layout_footer .ft_left .util {display: none}

    .layout_footer .ft_right {width: 100%}
    .layout_footer .ft_right .notice {display: block}
    .layout_footer .ft_right {margin-left: 0px; margin-top: 40px}
    .layout_footer .ft_right .notice .ft_tit {margin-right: 0; margin-bottom: 10px;}
    .layout_footer .ft_right .notice table tr td {padding: 20px 15px;}
    .layout_footer .ft_right .info {padding-left: 0; margin-top: 0; font-size: 14px; word-break: keep-all}
    .layout_footer .ft_right .info .txt {margin-top: 20px}
    .layout_footer .ft_right .sns {margin-top: 30px;}


    .layout_footer .util{ margin-top: 60px;}
    .layout_footer .util .menu ul {font-size: 18px;}
    .layout_footer .util .sns {margin-top: 30px;}
    .goods_buy_sections.up .sbOptions {top: 0 !important; transform: translateY(-100%)}


    .layout_footer .bot_box {display: flex; flex-direction: column; align-items: center; margin-top: 80px}
    .layout_footer .bot_box .txt_box {position: static; transform: none; order: 2; text-align: center; margin-top: 20px}
    .layout_footer .bot_box .sns {position: static; transform: none; order: 1}
    .layout_footer.ski.type3 .bot_logo {margin-top: 30px; order: 3; }

    /*1주*/
    .layout_footer .bot_box.week {margin-top: 80px}
    .layout_footer .bot_box.week .sns {position: static}
    .layout_footer .bot_box.week .prd_info_txt {margin-bottom: 15px;}
    .layout_footer .bot_box.week .prd_info_txt .txt {text-align: center;}
    .layout_footer .bot_box.week .prd_info_txt .txt p {font-size: 10px;}
    .layout_footer .bot_box.week .txt_box {width: 100%}
    .layout_footer .bot_box.week .bot_logo {width: auto;}




    /*메인 _ 코스메틱 컨텐츠 */

    .main4 .material_sect .sect_tit_box .tit,
    .main4 .routine_sect .tit_box .tit {font-size: calc(var(--en_tit)*1.2);}

    .main4 .material_sect .sect_tit_box .sub_tit {margin-top: 2.5rem;font-size: 2.5rem;}

    .main4 .material_sect .img_cont {padding-right: var(--resp_wrap_pd); padding-top: 6rem}
    .main4 .material_sect .img_cont .cont_box{margin-top: 12rem;}
    .main4 .material_sect .sect_tit_box {margin-right: 10rem}
    .main4 .material_sect .img_cont .txt_box {display: block}
    .main4 .material_sect .img_cont .txt_box .en_tit {font-size: 3.4rem; margin-right: 0}
    .main4 .material_sect .img_cont .txt_box .right_box .tit {font-size: 2rem}


    .main_4_1 .routine_sect .tit_box .sub_tit{margin-top: 20px; font-size: 14px;}
    .main_4_1 .routine_sect .tit_box .symbol{display: none;}
    .main_4_1 .routine_sect .routine_img_wrap{position: relative; margin-top: 30px;}
    .main_4_1 .routine_sect .img_list{transition: 1s 1s;}
    .main_4_1 .routine_sect .img_list .item{width: 45vw;}
    .main_4_1 .routine_sect .img_list .item + .item{margin-left: 15px;}
    .main_4_1 .routine_sect .img_list .item .img{border-radius: 10px;}
    .main_4_1 .routine_sect .img_list .item:first-child .img{padding-top: 150%;}
    .main_4_1 .routine_sect .img_list .item:nth-child(2) .img{padding-top: 100%;}
    .main_4_1 .routine_sect .img_list .item:nth-child(3){transition: 1s 1s;}
    .main_4_1 .routine_sect .img_list .item:nth-child(3) .img{padding-top: 150%; margin-top: 0; transition: 1s 1s;}
    .main_4_1 .routine_sect .img_list .item:nth-child(3) .img img{transition: 1s 1s;}
    .main_4_1 .routine_sect .img_list .item:nth-child(4) .img{padding-top: 143%;}
    .main_4_1 .routine_sect .img_list .item:nth-child(5) .img{padding-top: 137%;}
    .main_4_1 .routine_sect .img_list .item:nth-child(2) .img + .img{margin-top: 15px;}
    .main_4_1 .routine_sect .img_list .item .img img{object-fit: cover;}
    .main_4_1 .routine_sect .txt_wrap{top: 65%; opacity: 0; transition: 1s;}
    .main_4_1 .routine_sect .txt_wrap svg{height: 2rem;}
    .main_4_1 .routine_sect .txt_wrap .tit{margin-top: 4rem; font-size: clamp(3rem, 2.1739vw + 2.0217rem, 5.5rem);}
    .main_4_1 .routine_sect .txt_wrap .sub_tit{margin-top: 2.5rem;}
    .main_4_1 .routine_sect .txt_wrap .main_btn{margin-top: 4rem;}
    .main_4_1 .routine_sect.active{}
    .main_4_1 .routine_sect.active .img_list{margin-right: 0; transition: 1s;}
    .main_4_1 .routine_sect.active .img_list .item:nth-child(3){width: 100vw; transition: 1s;}
    .main_4_1 .routine_sect.active .img_list .item:nth-child(3) .img{padding-top: calc(100vh - var(--header_Height)); border-radius: 0; transition: 1s;}
    .main_4_1 .routine_sect.active .img_list .item:nth-child(3) .img img{opacity: 0.7; transition: 1s;}
    .main_4_1 .routine_sect.active .txt_wrap{top: 50%; opacity: 1; transform: translateY(-50%); transition: 1s 1s;}


}


@media only screen and (max-width:1024px) {

    .myorder_sort .list3 {flex-direction: column;align-items: flex-end;}
    .myorder_sort * + .direct_area {margin-top: 15px;}

    .my_exp_beauty .cont_box {flex-direction: column}
    .my_exp_beauty .cont_box .cont + .cont {margin-left: 0; margin-top: 20px}

    .mypage_wrap .resp_join_table .sns_connect_chk .item .txt_box {line-height: 1.3; word-break: keep-all}

    .mypage_wrap .resp_join_table .inp_wrap {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .mypage_wrap .resp_join_table .modal_tit_wrap {margin-bottom: 10px;}

}



@media only screen and (max-width:768px) {

    :root {
        --header_Height: 60px;
        --layout_body_pd: 80px;

        --resp_wrap_pd: 15px;

        --sub_nav:45px;
        --inp_height: 40px;
        --inp_lineheight: 39px;
        --inp_txt :13px;
        --sub_banner_desc: 12px;
        --sub_banner_pd: 40px;

        --sub_tit: 28px;
        --sub_txt: 13px;

        --sub_sect_pt: 40px;


        --en_tit: 30px;

        --bot_fix_menu: 65px;

        --banner_desc: 13px;
        --banner_tit:20px;
        --banner_tit_mt:12px;
        --banner_txt:13px;
        --banner_txt_mt: 10px;

        --main_mt:100px;
    }

    /*.ms-preloader {display: none !important;}*/
    html.mo_scroll_none {overflow: hidden}
    .mo_over {display: none !important}
    .mo_only {display: block !important}
    .mo_only.flex {display: flex !important;}

    .resp_wrap {padding: 0 15px;}
    html {font-size: 8px}

    .loading_ani .top_tit{padding-top: clamp(15rem, -9.7656vw + 22.5rem, 10rem); font-size: clamp(6rem, 11.7647vw + .7059rem, 12rem);}
    .loading_ani .video{width: max(30vh, 20rem);}
    .loading_ani .bot_txt{padding-bottom: clamp(15rem, -9.7656vw + 22.5rem, 10rem);}
    .loading_ani .bot_txt .tit{font-size: clamp(4rem, 11.7647vw + -1.2941rem, 10rem);}
    .loading_ani .bot_txt .txt{font-size: clamp(2rem, 1.9608vw + 1.1176rem, 3rem);}

    .video-loader {top: calc(var(--header_Height) - 2px)  !important}

    .layout_header .icon_wrap .btn.search,
    .layout_header .icon_wrap .btn.lang {display: none}
    .layout_header .icon_wrap .btn .btn_txt {display: none}
    .layout_header .resp_wrap {padding: 0 15px; justify-content: flex-start}
    .layout_header .icon_wrap .btn.basket .num {font-size: 9px; width: 14px; height: 14px; line-height: 14px; left: 5px; top: 2px;}

    .sub .layout_header .logo {position: static; transform: none; padding: 0}

    /* svg 효과 모바일 삭제 요청 10.29 _ 이전 코드*/
    .layout_header .logo { order: 5; width: 100%}
    .layout_header .logo a {transform: translate(0%, 40vh);-webkit-transform: translate(0%, 40vh);}
    .layout_header .logo svg {width: calc(100vw - 30px);}
    .layout_header .logo.active svg {width: 110px;}
    .layout_header .logo.active {left: 0px; transform: translate(0%,50%);}

    .ms-preloader:after {width: 8rem; height: 8rem}

    /* svg 효과 모바일 삭제 요청 10.29 _ 이후 코드*/
    /*.layout_header .logo svg rect, .layout_header .logo svg path {opacity: 1; fill: #000;transform: unset}*/
    /*.layout_header .logo {height: 0; transform: translate(0,50%)}*/
    /*.layout_header .logo svg {width: 110px;}*/

    .sub .layout_header .logo svg {height: auto; width: 110px; fill: #000}

    .layout_header {background-color: #fff}
    .layout_header .icon_wrap svg.custom,
    .layout_header .icon_wrap svg,
    .layout_header.active .icon_wrap svg {fill: #000; stroke: #000}
    .layout_header .logo {margin: 0}
    .sub .layout_header .logo a,
    .layout_header .logo.active a {transform: translate(0%,calc(((var(--header_Height)/2) + (16px/2))* -1));-webkit-transform: translate(0%,calc(((var(--header_Height)/2) + (16px/2))* -1));}

    .layout_header .icon_wrap {width: auto}
    .layout_header .icon_wrap.left {order: 3; margin-left: auto; margin-right: 0px;}
    .layout_header .icon_wrap.right {order: 4}
    .layout_header .icon_wrap .btn.user > a {background: url('data:image/svg+xml,<svg id="userIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23userIco .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none; }</style></defs><circle class="cls-1" cx="70" cy="42.33" r="19"/><path class="cls-1" d="M27.92,116.23c0-21.88,18.84-39.63,42.08-39.63,23.24,0,42.08,17.74,42.08,39.63H27.92Z"/></svg>') center/contain no-repeat;}
    .layout_header .icon_wrap .btn.basket > a {background: url('data:image/svg+xml,<svg id="cartIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23cartIco .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none; }</style></defs><path class="cls-1" d="M11.67,27.71h17.5l11.67,59.66h51.9c13.2,0,24-10.8,24-24v-16.83H32.37"/><circle class="cls-1" cx="48.88" cy="111.67" r="9"/><circle class="cls-1" cx="96.95" cy="111.67" r="9"/></svg>') center/contain no-repeat;}
    .layout_header .icon_wrap .btn.ham .ico {background: url('data:image/svg+xml,<svg id="hamIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23hamIco .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none;}</style></defs><path class="cls-1" d="M23.5,35.13h93H23.5Z"/><path class="cls-1" d="M23.5,70h93H23.5Z"/><path class="cls-1" d="M23.5,104.88h93H23.5Z"/></svg>') center/contain no-repeat;}

    .layout_header .icon_wrap svg.custom {height: 18px;}
    .layout_header .icon_wrap .btn + .btn {margin-left: 15px;}
    .layout_header .icon_wrap .btn.user > a {width: 18px; height: 18px;}
    .layout_header .icon_wrap .btn.basket > a {width: 26px; height: 26px;}
    .layout_header .resp_top_search a .ico,
    .layout_header .icon_wrap .btn.ham .ico {width: 26px; height: 26px;}


    /*모바일 하단 메뉴*/
    .goods_view_page .bot_fix_menu {display: none !important;}

    .bot_fix_menu {position: fixed; left: 0; bottom: 0; z-index: 100; background-color: #1e1e1e;width: 100%; height: var(--bot_fix_menu);}
    .bot_fix_menu.none {display: none !important;}
    .bot_fix_menu .list {display: flex; align-items: center; justify-content: space-between ;max-width: 768px; width: 100%; margin: 0 auto; padding: 0 20px}
    .bot_fix_menu .list .btn {display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; color: #fff}
    .bot_fix_menu .list .btn .ico {width: 26px; height: 26px; position: relative}
    .bot_fix_menu .list .btn.rental .ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M40.83,51.15h45.12-45.12Z"/><path class="cls-1" d="M40.83,71.48h22.68-22.68Z"/><path class="cls-1" d="M113.57,75.71v15.31c0,13.29-10.77,24.06-24.06,24.06H23.33V24.85h75.83"/><polygon class="cls-1" points="91.78 94.85 77.19 94.85 77.19 80.26 111.8 45.57 126.47 60.24 91.78 94.85"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .bot_fix_menu .list .btn.customer .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .bot_fix_menu .list .btn.purchase .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M11.89,27.93h17.5l11.67,59.66h51.9c13.2,0,24-10.8,24-24v-22.75"/><circle class="cls-1" cx="49.11" cy="111.89" r="9"/><circle class="cls-1" cx="97.17" cy="111.89" r="9"/><g><polyline class="cls-1" points="91.12 47.5 74.5 64.12 57.89 47.5"/><line class="cls-1" x1="74.5" y1="29.17" x2="74.5" y2="64.12"/></g><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .bot_fix_menu .list .btn.home .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2 { fill: none; } .cls-1, .cls-3 { stroke: %23fff; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { fill: %23fff; stroke-width: .5px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><g><path class="cls-3" d="M50.15,60c1.39,0,2.52-1.13,2.52-2.52s-1.13-2.52-2.52-2.52h-14.05c-1.39,0-2.52,1.13-2.52,2.52s1.13,2.52,2.52,2.52h4.51v16.38c0,1.39,1.13,2.52,2.52,2.52s2.52-1.13,2.52-2.52v-16.38h4.51Z"/><path class="cls-3" d="M63.77,57.47c-.56-1.55-1.99-2.55-3.63-2.55s-3.07,1-3.63,2.55l-6.54,18.06c-.47,1.31.2,2.75,1.51,3.22,1.31.47,2.75-.2,3.22-1.51l1.1-3.05h8.67l1.1,3.05c.37,1.02,1.34,1.66,2.37,1.66.28,0,.57-.05.86-.15,1.31-.47,1.98-1.92,1.51-3.22l-6.54-18.05ZM57.63,69.16l2.51-6.94,2.51,6.94h-5.02Z"/><path class="cls-3" d="M84.47,73.43h-6.12v-15.95c0-1.39-1.13-2.52-2.52-2.52s-2.52,1.13-2.52,2.52v18.47c0,1.39,1.13,2.52,2.52,2.52h8.64c1.39,0,2.52-1.13,2.52-2.52s-1.13-2.52-2.52-2.52Z"/><path class="cls-3" d="M105.9,74.42l-6.68-8.7,6.19-6.12c.99-.98,1-2.57.02-3.56-.98-.99-2.57-1-3.56-.02l-7.66,7.57v-6.11c0-1.39-1.13-2.52-2.52-2.52s-2.52,1.13-2.52,2.52v12.12h0v6.35c0,1.39,1.13,2.52,2.52,2.52s2.52-1.13,2.52-2.52v-5.28l1.41-1.39,6.29,8.2c.5.65,1.24.99,2,.99.53,0,1.07-.17,1.53-.52,1.1-.85,1.31-2.43.47-3.53Z"/></g><path class="cls-1" d="M38.23,118.93c-.18-.46,3.72-19.41,3.72-19.41-13.63-7.12-22.61-19.29-22.61-33.1,0-21.95,22.68-39.75,50.66-39.75s50.66,17.8,50.66,39.75-22.68,39.75-50.66,39.75c-2.8,0-5.54-.18-8.22-.52,0,0-23.34,13.84-23.56,13.29Z"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .bot_fix_menu .list .btn.basket .ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .bot_fix_menu .list .btn.basket .num {position: absolute;right: -4px;transform: translate(0%,-50%);background-color: #FFF;border-radius: 50%;color: #000;text-align: center;font-size: 9px;width: 14px;height: 14px;line-height: 14px;top: 4px;}
    .bot_fix_menu .list .btn.my .ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9.33px; } .cls-1, .cls-2 { stroke: %23fff; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="40.77" r="20"/><path class="cls-2" d="M26.63,116.67c0-22.55,19.42-35.49,43.37-35.49,23.95,0,43.37,12.94,43.37,35.49H26.63Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .bot_fix_menu .list .btn.insta .ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { fill: %23fff; } .cls-1, .cls-2 { stroke-width: 0px; } .cls-2, .cls-3 { fill: none; } .cls-3 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 6px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-3" cx="69.45" cy="70.81" r="17"/><circle class="cls-1" cx="95.73" cy="44.34" r="5.75"/><rect class="cls-3" x="25.04" y="25.03" width="90" height="90" rx="12" ry="12"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}

    .bot_fix_menu .list .btn .txt {font-size: 11px; margin-top: 3px;}


    /*모바일 햄버거*/
    .layout_header .nav .top_img {display: none}

    .layout_header .nav .top_btn {display: flex; align-items: center; margin-bottom: 40px;}
    .layout_header .nav .top_btn .btn {font-size: 13px; display: flex; align-items: center; position: relative}

    .layout_header .nav .top_btn .btn.basket .ico {width: 20px; height: 20px; position: relative;margin-left: 2px ;
        background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;
    }

    .layout_header .nav .top_btn .btn.basket .num {position: absolute;right: -4px;transform: translate(0%,-50%);background-color: #000;border-radius: 50%;color: #000;text-align: center;font-size: 9px;width: 14px;height: 14px;line-height: 14px;top: 4px; color: #fff}
    .layout_header .nav .top_btn .btn + .btn:before {content: ""; width: 1px; height: 0.8em; background: #000; margin: 0 5px; display: inline-block; opacity: 0.1}

    .layout_header .nav {width: 75%; min-width: 270px; max-width: 320px}
    .layout_header .nav .close_btn { width: 35px; height: 35px;}
    .layout_header .nav .pd_box {padding: 15px 15px 40px}
    .layout_header .nav .top_cont {margin-top: 25px; padding-top: 25px}
    .layout_header .nav .bot_cont {padding: 30px 20px;}
    .layout_header .nav .bot_cont .btn_box {margin-top: 30px; text-align: right; display: none !important;}
    .layout_header .nav .bot_cont .txt_box {display: block}
    .layout_header .nav .bot_cont .txt_box .btn_box {display: flex;}
    .layout_header .nav .bot_cont .txt_box .btn {font-size: 13px; margin-bottom: 50px; flex: 1; display: flex; align-items: center}
    .layout_header .nav .bot_cont .txt_box .btn .ico {width: 26px; height: 26px; display: block; margin-right: 7px}
    .layout_header .nav .bot_cont .txt_box .btn.user .ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9.33px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="40.77" r="20"/><path class="cls-2" d="M26.63,116.67c0-22.55,19.42-35.49,43.37-35.49,23.95,0,43.37,12.94,43.37,35.49H26.63Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .layout_header .nav .bot_cont .txt_box .btn.kakao .ico {background: url("/data/skin/dualsonic/images/common/dual_ico_kakao.svg") center/contain no-repeat;}

    .layout_header .nav .bot_cont .txt_box .right_txt {margin-left: 0; margin-top: 10px}
    .layout_header .nav .bot_cont .txt_box .left_txt {margin-bottom: 20px; font-size: 1.8rem}
    .layout_header .nav .bot_cont .txt_box .open_wrap .right_txt {padding-bottom: 1.5rem}
    .layout_header .nav .bot_cont .txt_box .right_txt .txt {font-size: 12px;}
    .layout_header .nav .top_cont .sel_wrap .tit {font-size: 1.8rem}
    .layout_header .nav .nice-select {font-size: 13px;}
    .layout_header .nav .nice-select .option {padding-left: 10px; padding-right: 20px; min-height: 30px; line-height: 30px}

    .layout_header .nav .respCategoryList {margin-top: 0px}
    .layout_header .nav .bot_cont .txt_box .right_txt .num {font-size: 12px}
    .layout_header .nav .respCategoryList .li > a {font-size: 1.8rem;}
    .layout_header .nav .respCategoryList .categoryAllSub li a {font-size: 1.6rem}
    .layout_header .nav .respCategoryList .li.has_sub > a:before {width: 20px; height: 20px;}
    .layout_header .nav .respCategoryList .li + .li {margin-top: 20px;}
    .layout_header .nav .respCategoryList .categoryAllSub ul {padding-top: 20px;}
    .layout_header .nav .respCategoryList .categoryAllSub li + li {margin-top: 10px;}


    /*검색 팝업*/
    .layout_header .icon_wrap .btn.resp_top_search {z-index: 25}
    .layout_header .resp_top_search a .ico {
        background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23000; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="58.33" cy="58.33" r="35"/><line class="cls-3" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;
    }

    .resp_top_search .search_ver2 {position: fixed; width: 100%; height: 100% !important; pointer-events: none}
    .resp_top_search .search_ver2.on {pointer-events: visible}
    .all_sch_container .modal_top {display: flex; justify-content: flex-end; margin-bottom: 15px}
    .all_sch_container {position: absolute; bottom: auto; width: 100%; height: 100%; box-shadow: none; top: 0; transform: none; }
    .all_sch_container .sch_cont .recent_area { margin-top: 40px; }
    .all_sch_container .sch_cont .recent_area .tab_contents.word {width: 37%}
    .all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item + .recent_search_item {margin-top: 10px;}
    .all_sch_container .sch_cont .recent_area .tab_contents > .tit { margin-bottom: 10px}
    .all_sch_container .sch_cont .recent_area .tab_contents.product {width: 60%; margin-left: 20px;}
    .all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item {font-size: 13px;}
    .all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item .searching_item_close {margin-left: 5px;}
    .all_sch_container .sch_cont .recent_area .tab_contents .recent_search_item .searching_item_close svg {font-size: 12px;}
    .all_sch_container .sch_cont .recent_area .tab_contents .recent_item_list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 5px;}
    .all_sch_container .sch_cont .recent_area .tab_contents .recent_item_list::-webkit-scrollbar{display: none}

    .all_sch_container .sch_cont .recent_area .tab_contents .recent_item_list.no_data {margin-top: 20px;}
    .all_sch_container .sch_cont .recent_area .tab_contents .recent_item_list.no_data li svg {font-size: 3em; stroke: none;}

    .inp input[type='numver'], .inp input[type='text'], .inp input[type='password'], .inp input[type='tel'], .inp input[type='email'] {padding: 0 10px}

    /*메인 페이지*/
    .sub .slide_move .arr,
    .main .slide_move .arr {margin-left: 15px; margin-top: -5px}
    .sub .slide_move .arr .swiper_btn .ico,
    .main .slide_move .arr .swiper_btn .ico {width: 12px; height: 12px;}
    .sub .slide_move .arr .swiper_btn + .swiper_btn,
    .main .slide_move .arr .swiper_btn + .swiper_btn {margin-left: 8px;}
    .sub .slide_move .swiper-pagination .slash,
    .main .slide_move .swiper-pagination .slash {margin: 0 7px;}

    .visual_sect .visual_txt .btn .ico {margin-left: 15px;width: 13px; height: 13px;}

    .main_btn,
    .visual_sect .visual_txt .btn {padding: 7px 10px; opacity: 1; transform: unset}
    .main4 .routine_sect .txt_wrap .main_btn span,
    .main_btn span,
    .lounge_sect .img_wrap .btn_wrap .main_btn .txt,
    .visual_sect .visual_txt .btn span {font-size: 12px;}

    .main_btn svg,
    .visual_sect .visual_txt .btn svg {font-size: 12px; height: 12px; margin-left: 10px}

    .sub .slide_move {justify-content: flex-start; bottom: 20px; left: 50%; transform: translateX(-50%)}
    .sub .slide_move .swiper-pagination,
    .main .slide_move .swiper-pagination {font-size: 10px; color: #000 !important;}
    .main4 .slide_move .arr svg .cls-2 {stroke: #000 !important;}
    .lounge_sect .sec_tit_wrap .tit,
    .main .sect_tit .tit {font-size: 28px}
    .service_sect .cont_box,
    .type_sect .cont_box {margin-top: 25px; gap: 10px}
    .main4 .swiper-progress-bar .slide_progress-bar.bg {background-color: #000 !important;}
    .main4 .swiper-progress-bar .slide_progress-bar.loading {background-color: #000 !important;}

    #catalog_page .visual_sect .slide_move {display: none}

    /*.scroll_animation{display: none}*/

    .type_sect .cont_box .cont .txt_box {left: 10px; bottom: 10px;}
    .type_sect .cont_box .cont .txt_box .tit {font-size: 15px; line-height: 1.3}
    .type_sect .cont_box .cont .txt_box .main_btn {margin-top: 10px}

    .visual_sect .visual_txt {width: 100%; bottom: 20px; }

    .service_sect .cont_box {gap: 10px}
    .service_sect .cont_box .cont .video_btn {right: 10px; top: 10px; width: 20px; height: 20px;}
    .service_sect .cont_box .cont .video_btn svg {height: 12px}
    .service_sect .cont_box .cont .tit {font-size: 13px; margin-top: 10px; word-break: keep-all; line-height: 1.3}

    .lounge_sect .sec_tit_wrap .txt {font-size: 13px; word-break: keep-all; margin-top: 10px}
    .lounge_sect .btn_wrap {margin-top: 30px; bottom: 20px;}
    .lounge_sect .btn_wrap .main_btn + .main_btn {margin-left: 15px;}
    .lounge_sect .slide_move {left: 15px; bottom: 20px;}

    .type_sect {padding-top: 100px}
    .lounge_sect,
    .service_sect {margin-top: 100px}

    /* 서브 */
    .review_info li + li {margin-left: 10px}
    .review_info .ev_active2 {width: 50px; height: 10px;}
    .review_info .ev_active2 b:before {width: 50px;}
    .product_slide_box .gl_item .resp_display_goods_info .review_info .ev_active2,
    .item_info_area .review_info .ev_active2,
    .review_info .ico {width: 12px; height: 12px;}

    .sub_top.notice, .sub_top.faq, .sub_top.cscenter {margin-bottom: var(--sub_sect_pt);}
    .sub_top.howTo, .sub_top.notice, .sub_top.faq, .sub_top.info {padding-bottom: var(--sub_sect_pt);}



    /*배너 공용*/
    #catalog_page .visual_sect .video.type3 {width: 100%}



    .main4 .visual_sect {margin-top: calc(var(--header_Height) + 2px)}
    .main4 .visual_sect .slide_move {bottom: -20px; left: 50%; transform: translate(-50%,100%); display: none}
    .main4 .visual_sect .swiper-slide,
    .visual_sect .swiper-slide {padding-top: 0; height: calc(var(--fullHeight) - var(--bot_fix_menu) + 2px - var(--header_Height))}


    .main_4_1 .visual_sect {margin-top: 0; height: calc(100vh + 2px)}

    #catalog_page .visual_sect .swiper-slide {height: calc(var(--fullHeight) - var(--header_total) - var(--bot_fix_menu) + 2px)}
    #catalog_page .visual_sect .video img{object-position: center;}

    .main4 .visual_sect .visual_txt .txt {display: none}

    .sub_top_sect,
    .slider .item {padding-top: min(60%, 300px); height: 0}
    .sub_top_sect .video,
    .sub_top_sect .img {position: absolute; left: 0; top: 0; }

    .sub_top_sect .swiper-wrapper,
    .sub_top_sect .swiper-container {position: absolute; left: 0; top: 0}

    .main4 .visual_sect .visual_txt .tit {word-break: keep-all; width: 350px; max-width: 85%}
    .main4 .visual_sect .visual_txt .tit br {display: none}

    .slider .txt_box,
    .main4 .visual_sect .visual_txt,
    #catalog_page .visual_sect .visual_txt {top: auto; transform: translate(-50%,0%); bottom: 30px}
    #catalog_page .visual_sect .visual_txt .txt {display: none}
    .slider .txt_box .tit + .main_btn,
    #catalog_page .visual_sect .visual_txt .txt + .main_btn,
    .visual_sect .visual_txt .txt + .main_btn {margin-top: 20px; display: inline-flex !important;}

    .slider .txt_box .txt {font-size: var(--banner_desc);}
    .slider .txt_box .tit {font-size: var(--banner_tit); line-height: 1.6}

    .sub .slide_move.on,
    .sub .slide_move,
    .slider .slide_move {display: none}


    #catalog_page .visual_sect .img {height: 100%; width: 100%; left: 0; top: 0; justify-content: center; align-items: flex-start}
    .main4 .visual_sect .main_btn {position: relative; left: 0; top: 0; transform: translateY(50px); opacity: 0 ; transition: 1s ease-in-out; display: inline-flex !important;}
    .main_btn {display: inline-flex}


    .sub_top_sect .txt_box {position: absolute; left: 0; top: auto; bottom: 30px; transform: translateY(0); margin-top: 0; height: auto}

    .sub_top_sect .txt_box.animated .sub_txt span,
    .sub_top_sect .txt_box.animated .txt span, .sub_top_sect .txt_box.animated .tit span{opacity: 1; transform: unset !important;}
    .sub_top_sect .txt_box .sub_txt {font-size: 13px}
    .newletter .sub_top_sect .txt_box .tit {width: 100%; max-width: 400px;}

    /*.slide-inner.type3 .img { width: 60%;}*/

    /*.slide-inner.type3 .img img, .slide-inner.type3 .img video {right: -15%}*/

    .slide-inner.type3 .img video {}

    .main4 .visual_sect.active .swiper-slide .visual_txt .main_btn {opacity: 0; transform: translateY(50px);}


    .main4 .visual_sect.active .swiper-slide-duplicate-active .visual_txt .main_btn,
    .main4 .visual_sect.active .swiper-slide-active .visual_txt .main_btn {opacity: 1;transform: unset}


    /*메인*/
    .main4 .sect_tit_box {margin-bottom: 20px}

    .main4 .type_sect2{}
    .main4 .genuine_sect,
    .main4 .lounge_sect2,
    .main4 .service_sect2,
    .main4 .beauty_sect {margin-top: 100px}
    .main4 .lounge_sect2 .bg_box {margin-top: -120px}
    .main4 .sect_tit_box .tit {margin-top: 0;}

    .main4 .beauty_sect .slide_box .swiper-slide {flex-direction: column; height: auto}
    .main4 .beauty_sect .slide_box .img_box {width: 100%; height: 0; padding-top: 100%; position: relative}
    .main4 .beauty_sect .slide_box .img_box .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box {margin-left: 0; width: 100%; transform: none !important; flex: 1}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .slide_paging_box {display: none}
    .main4 .material_sect .img_cont .txt_box .en_tit,
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .en_tit {font-size: var(--en_tit);}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box {padding-top: 30px;}
    .main4 .material_sect .img_cont .txt_box .right_box .tit,
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .ko_tit {font-size: 16px; margin-top: 20px;}
    .material_sect .img_cont .txt_box .right_box .txt,
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .txt {margin-top: 5px; font-size: 13px;}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .scroll_box {max-height: none; height: auto}
    .main4 .beauty_sect .slide_box .swiper-slide .txt_box .main_btn {margin-top: auto}

    .material_sect .img_cont .txt_box .right_box {padding-top: 0}

    .main_btn.line {border-width: 1px}

    .main4 .type_sect2 .cont_box {display: flex; flex-wrap: wrap}
    .main4 .type_sect2 .cont_box .line {width: 100%;}
    .main4 .type_sect2 .cont_box .line + .line {margin-top: 5px}
    .main4 .type_sect2 .cont_box .cont:first-child:nth-last-child(1) .img {padding-top: 50%}
    .main4 .type_sect2 .cont_box .line.type3,
    .main4 .type_sect2 .cont_box .line.type2 {overflow-x: auto; }
    .main4 .type_sect2 .cont_box .line.type3::-webkit-scrollbar ,
    .main4 .type_sect2 .cont_box .line.type2::-webkit-scrollbar {display: none}
    .main4 .type_sect2 .cont_box .line.type3 .cont {flex: 1}
    .main4 .type_sect2 .cont_box .line.type2 .cont {width: calc(50% - 2.5px); flex-shrink: 0; flex: none}
    .main4 .type_sect2 .cont_box .line .cont + .cont {margin-left: 5px;}

    .main4.bk .type_sect2 .cont_box .cont {opacity: 1}


    /*    .main4 .type_sect2 .cont_box > .cont {width: calc(50% - 7.5px); flex: none; display: flex; flex-direction: column}
        .main4 .type_sect2 .cont_box .cont + .cont {margin-left: 0}
        .main4 .type_sect2 .cont_box .cont:nth-of-type(2n) {margin-left: 15px}
        .main4 .type_sect2 .cont_box .cont:nth-of-type(n+3) {margin-top: 15px}*/

    .main4 .type_sect2 .cont_box .cont .txt_box {padding: 10px; margin-top: 15px; display: flex; flex-direction: column; align-items: flex-start; flex: 1}
    .main4 .type_sect2 .cont_box .cont .txt_box .tit {font-size: 13px; color: #fff; font-weight: 700}
    .main4 .type_sect2 .cont_box .cont .txt_box .main_btn {border: 1px solid #000; margin-top: auto; display: none}


    .main4 .info_sect .btn_wrap .btn {width: 30px; height: 30px;}
    .main4 .info_sect .btn_wrap .btn .ico {width: 1rem; height: 2rem}

    .main4 .info_sect .txt_wrap .txt_box {font-size: 16px}
    .main4 .info_sect .txt_wrap .txt_box .tit {font-size: 20px}
    .main4 .info_sect .txt_wrap .txt_box .txt {font-size: 13px;}
    .main4 .info_sect .txt_wrap .txt_box .face_txt {font-size: 11px; display: none}
    .main4 .info_sect .txt_wrap .txt_box .face_txt p {display: flex; align-items: center}
    .main4 .info_sect .txt_wrap .txt_box .face_txt p br {display: none}
    .main4 .info_sect .txt_wrap .txt_box .face_txt span {font-size: 13px; margin-top: 0; margin-right: 5px; display: inline-block; width: 5ch; flex-shrink: 0}

    .main4 .info_sect .img_wrap .img.face .line .cir,
    .main4 .info_sect .img_wrap .img.face .sub_img .cir_line .cir {width: 3px; height: 3px;}
    .main4 .info_sect .img_wrap .img.face .line {bottom: 36%}
    .main4 .info_sect .img_wrap .img.face .oled .oled_img + .oled_img {margin-bottom: 5px}

    .main4 .service_sect2 .slide_box {margin-right: -15px; width: calc(100% + 15px)}

    .main4 .banner_sect {padding: 15vw 0; margin-top: 70px}
    .main4 .banner_sect .txt_box {font-size: 5.5vw}

    .main4 .service_sect2 .slide_arr {display: none}
    .main4 .service_sect2 .slide_box .swiper-container {width: 100%}
    .main4 .service_sect2  .video_btn {right: 10px; top: 10px; width: 25px; height: 25px; }
    .main4 .service_sect2  .video_btn svg {height: 15px;}
    .main4 .service_sect2 .cont .tit {margin-top:10px; font-size: 13px; padding-right: 15px}

    .main4 .sect_tit_box .desc {font-size: 16px; max-width: 280px;}
    .main4 .sect_tit_box .txt {font-size: 13px; margin-top: 20px}

    .main4 .genuine_sect {padding: 0 15px;}
    .main4 .genuine_sect .sect_tit_box {text-align: left; position: relative; z-index: 2}
    .main4 .genuine_sect .cont_box .sect_tit_box .txt {word-break: keep-all}
    .main4 .genuine_sect .cont_box .sect_tit_box .main_btn {margin-top: 40px;}


    .main4 .lounge_sect2 .in{overflow: hidden}
    .main4 .lounge_sect2 .img_wrap .slide_move {bottom: -15px;}
    .main4 .lounge_sect2 .bg_box {padding-top: 180px}
    .main4 .lounge_sect2 .sect_tit_box {padding: 0 20px}
    .brand_story .fixed_sect .card_slide .swiper-pagination .swiper-pagination-bullet,
    .main4 .lounge_sect2 .img_wrap .slide_move .swiper-pagination-bullet {width: 6px; height: 6px;}
    .brand_story .fixed_sect .card_slide .swiper-pagination .swiper-pagination-bullet-active,
    .main4 .lounge_sect2 .img_wrap .slide_move .swiper-pagination-bullet-active {width: 12px;}


    /* ==================== 241029 innerBeauty ==================== */
    .main4 .main_top_banner .txt_box{width: 100%; min-width: auto;}
    .main4 .main_top_banner .txt_box .item.on{}
    .main4 .main_top_banner .txt_box .tit_box{width: auto; min-width: 60%; max-width: calc(100% - 130px); margin-right: 10px;}
    .main4 .main_top_banner .txt_box .tit{margin-top: 10px; font-size: clamp(3rem, 4.902vw + .7941rem, 5.5rem); }
    .main4 .main_top_banner .txt_box .tit span{padding-right: 1.4em;}
    .main4 .main_top_banner .txt_box .tit span:after{top: calc(50% - 1.2em); width: 2.25em; height: 2.25em; font-size: 0.45em;}
    .main4 .main_top_banner .txt_box .sub_tit{font-size: clamp(1.4rem, .3922vw + 1.2235rem, 1.6rem);white-space: nowrap}

    .main4 .main_top_banner .txt_box .img{min-width: 120px;}



    .main4 .main_top_banner .txt_box .img img{transform: translate(-50%, 0%); width: 150%; height: 120%;}

    .main4 .main_top_banner .txt_box .stick .img img {transform: translate(-50%, 6%);width: 150%;height: 120%;}
    .main4 .main_top_banner .txt_box .gummy .img img {transform: translate(-50%, 15%);width: 150%;height: 100%;}





    .main4 .main_top_banner .txt_box .item.morning .img img{height: 110%;}
    .main4 .main_top_banner .banner_slide .img{padding-top: max(12.5%, 150px);}

    .main4 .category_sect .item_wrapper{}
    .main4 .category_sect .item .img{position: relative; height: 0; padding-top: 160%;}
    .main4 .category_sect .item .img img.mo_over{display: block !important; position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover;}
    .main4 .category_sect .item .img img.mo_only{display: none !important;}
    .main4 .category_sect .item .txt_box{padding: 20px;}
    .main4 .category_sect .item .txt_box .tit{font-size: 2.8rem;}
    .main4 .category_sect .item .txt_box .sub_tit{margin-top: 1rem; font-size: 16px;}
    .main4 .category_sect .item .txt_box .desc{font-size: 13px;}
    .main4 .category_sect .item .txt_box .main_btn{margin-top: 2.5rem;}

    .brand_intro_container .item_wrapper{}
    .brand_intro_container .item .img img.mo_over{display: block !important; position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover;}
    .brand_intro_container .item .img img.mo_only{display: none !important;}
    .brand_intro_container .item .txt_box{padding: 20px;}
    .brand_intro_container .item .txt_box .tit{font-size: 2.8rem;}
    .brand_intro_container .item .txt_box .sub_tit{margin-top: 1rem; font-size: 16px;}
    .brand_intro_container .item .txt_box .desc{margin-bottom: 2.5rem; font-size: 13px;}
    .brand_intro_container .item .txt_box .main_btn{margin-top: 2.5rem;}

    .main4 .type_sect2.new .cont_box{padding: 0;}

    .main4 .routine_sect{margin-top: 100px;}
    .main4 .material_sect .sect_tit_box .tit,
    .main4 .routine_sect .tit_box .tit{font-size: var(--en_tit)}

    .main4 .material_sect .sect_tit_box .sub_tit,
    .main4 .routine_sect .tit_box .sub_tit{margin-top: 20px; font-size: 14px;}
    .main4 .routine_sect .tit_box .symbol{display: none;}
    .main4 .routine_sect .routine_img_wrap{position: relative; margin-top: 30px;}
    .main4 .routine_sect .img_list{transition: 1s 1s;}
    .main4 .routine_sect .img_list .item{width: 45vw;}
    .main4 .routine_sect .img_list .item + .item{margin-left: 15px;}
    .main4 .routine_sect .img_list .item .img{border-radius: 10px;}
    .main4 .routine_sect .img_list .item:first-child .img{padding-top: 150%;}
    .main4 .routine_sect .img_list .item:nth-child(2) .img{padding-top: 100%;}
    .main4 .routine_sect .img_list .item:nth-child(3){transition: 1s 1s;}
    .main4 .routine_sect .img_list .item:nth-child(3) .img{padding-top: 150%; margin-top: 0; transition: 1s 1s;}
    .main4 .routine_sect .img_list .item:nth-child(3) .img img{transition: 1s 1s;}
    .main4 .routine_sect .img_list .item:nth-child(4) .img{padding-top: 143%;}
    .main4 .routine_sect .img_list .item:nth-child(5) .img{padding-top: 137%;}
    .main4 .routine_sect .img_list .item:nth-child(2) .img + .img{margin-top: 15px;}
    .main4 .routine_sect .img_list .item .img img{object-fit: cover;}
    .main4 .routine_sect .txt_wrap{top: 65%; opacity: 0; transition: 1s;}
    .main4 .routine_sect .txt_wrap svg{height: 2rem;}
    .main4 .routine_sect .txt_wrap .tit{margin-top: 4rem; font-size: clamp(3rem, 2.1739vw + 2.0217rem, 5.5rem);}
    .main4 .routine_sect .txt_wrap .sub_tit{margin-top: 2.5rem;}
    .main4 .routine_sect .txt_wrap .main_btn{margin-top: 4rem;}

    .main4 .routine_sect.active{}
    .main4 .routine_sect.active .img_list{margin-right: 0; transition: 1s;}
    .main4 .routine_sect.active .img_list .item:nth-child(3){width: 100vw; transition: 1s;}
    .main4 .routine_sect.active .img_list .item:nth-child(3) .img{padding-top: calc(100vh - var(--header_Height)); border-radius: 0; transition: 1s;}
    .main4 .routine_sect.active .img_list .item:nth-child(3) .img img{opacity: 0.7; transition: 1s;}
    .main4 .routine_sect.active .txt_wrap{top: 50%; opacity: 1; transform: translateY(-50%); transition: 1s 1s;}

    .main4 .genuine_sect.new{}
    .main4 .genuine_sect.new .in{padding: 0 calc(var(--resp_wrap_pd)*2);}
    .main4 .genuine_sect.new .cont_box .img{width: clamp(160px, 55%, 220px);}

    .main4 .info_sect.new .txt_wrap{height: 22rem;}
    .main4 .info_sect.new .txt_wrap .txt_box{min-width: 60%; margin-top: 60px;}
    .main4 .info_sect.new .txt_wrap .txt_box.num7 .txt br{display: none;}
    .main4 .info_sect.new .txt_wrap .txt_box.num9 .txt br:nth-of-type(1){display: none;}
    .main4 .info_sect.new .txt_wrap .txt_box.num9 .txt br:nth-of-type(4){display: none;}
    .main4 .info_sect.new .btn_wrap{top: calc(25rem - 15px);}

    .main4 .banner_sect.new{padding: 10vw 0 15vw; margin-top: 0;}
    .main4 .banner_sect.new .logo svg path{opacity: 0.15;}
    .main4 .banner_sect.new .txt_box{top: 12vw; transform: translate(-50%, calc(0% + 2.5vw)) skewX(0deg); height: 8vw; margin-top: 0;}
    .main4 .banner_sect.new.active .txt_box{transform: translate(-50%, calc(0%)) skewX(0deg);}

    .main4.main_4_1 .banner_sect.new {padding: 12vw 0 12vw;margin-top: 0;}
    .main4.main_4_1 .banner_sect.new .logo svg{height: 8vw}
    .main4.main_4_1 .banner_sect.new.active .logo svg + svg{margin-left: 4vw;}


    /* ==================== //241029 innerBeauty ==================== */


    /*서브 공용?*/
    .sub_top {padding-top: 30px;}
    .sub_top .top_box {min-height: 0; align-items: center}
    .sub_top .search_nav {line-height: 1}


    .sub_top.notice, .sub_top.faq, .sub_top.cscenter {border-bottom: none; padding-bottom: 0}




    .sub_top .util_wrap { position: absolute; right: 0; bottom: 0; display: block}
    .sub_top .util_wrap .box + .box {margin-left: 0px; margin-top: 10px;}
    .sub_top .util_wrap .box .cir {width: 30px; height: 30px; font-size: 13px;}
    .sub_top .util_wrap .box .cir .ico {width: 16px; height: 16px;}
    .sub_top .util_wrap .box .num {font-size: 13px;}

    .sub_top .tit_wrap.board {flex-wrap: wrap}

    /*-------서브 sns공유-------*/
    .sns_wish .snsbox_area { width: 30px; }
    .sns_wish .snsbox_area.on { height: 180px; }


    .btn_sns_share {width: 30px; height: 30px;}
    .btn_sns_share .ico {font-size: 14px;}
    .sns_wish .snsbox.facebook img {max-height: 15px;}
    .sns_wish .snsbox img {max-height: 13px;}
    .sns_wish .snsbox_area .snsbox {margin-top: 20px;}

    #goods_spec .detail_title_area .sns_wish .btn_sns_share.line .ico .wish {width: 18px; height: 18px;}

    /*.sub_top .board_tab_box {width: calc(100% + 30px); margin-right: -15px;}*/
    .sub_top .board_tab_box .board_tab::-webkit-scrollbar {display: none}
    .sub_top .board_tab { overflow: auto; justify-content: flex-start; width: calc(100% + (var(--resp_wrap_pd) * 2px)); margin-right: calc(var(--resp_wrap_pd) * -1); margin-left: calc(var(--resp_wrap_pd) * -1); ;margin-top: 60px; display: none !important;}
    .sub_top .board_tab .tab {width: 100px ; height: 30px; font-size: 13px; padding: 0 15px; flex-shrink: 0; flex: none}
    .sub_top .board_tab .tab + .tab {margin-left: 10px}
    .sub_top .board_tab .tab:first-child {margin-left: var(--resp_wrap_pd)}
    .sub_top .board_tab .tab:last-child {margin-right: var(--resp_wrap_pd)}

    /* .sub_top .board_tab .tab:nth-child(3n-2) {margin-left: 0}
     .sub_top .board_tab .tab:nth-child(n+4) {margin-top: 10px}*/

    .notice_catalog .btn {font-size: 15px;}
    .notice_catalog .btn + .btn { margin-left: 20px;}


    .goods_review.review_page .bbs_top_wrap .cont_box .notice_catalog {justify-content: flex-start}


    .search_nav {font-size: 12px; line-height: 1.5}
    .search_nav .home {width: 16px; height: 10px;}
    .search_nav .navi_linemap {margin: 0 10px 0 10px; height: auto}
    .search_nav .navi_linemap:before {height: 13px; width: 8px; margin-right: 0}
    .sub_top .search_nav .nice-select {font-size: 12px; line-height: 1; margin-top: 0}
    .event_container {margin-top: 30px;}

    .chk_box.squ:not(.agree) input[type='checkbox'] + label::before {width: 26px; height: 26px;}
    .chk_box:not(.agree) input[type='checkbox'] + label::before {width: 20px; height: 20px;}
    .chk_box:not(.agree) input[type='checkbox'] + label {font-size: 12px}

    .chk_box:not(.agree) input[type='checkbox'] + label::before

    .btm_btn { font-size: 13px; }
    .btm_btn.line .ico {width: 16px; height: 16px; margin-left: 10px;}

    .bbs_top_wrap .cont_box {flex-direction: column}
    .notice_li_wrap .filtered_item_sorting,
    .bbs_top_wrap .cont_box .notice_catalog {order: 2; justify-content: center}
    .notice_catalog {}
    .how_sect .bbs_top_wrap .cont_box .right_box,
    .bbs_top_wrap .cont_box .right_box {display: flex; justify-content: center; margin: 0 auto 40px; width: 100%}
    .bbs_top_wrap .cont_box .right_box ul,
    .how_sect .bbs_top_wrap .cont_box .right_box ul,
    .bbs_top_wrap .cont_box .right_box .area_search {width: 100%}




    .paging_navigation a, .paging_navigation input {font-size: 11px;}
    .list_empty {padding: 20px 0}
    .list_empty svg {height: 42px;}


    /*리스트 상단 검색*/
    .sch_wrap {width: 100%; height: 32px; line-height: 32px; border-bottom: 1px solid #000}
    .sch_wrap input {font-size: 13px;}
    /*.sch_wrap .btn .ico {width: 20px; height: 20px;}*/
    .mypage_wrap .board_sch_top .total span,
    .filtered_item_sorting .item_total {font-size: 12px;}

    /*.review_page.goods_review .filtered_item_sorting {margin-top: 20px;}*/
    .filtered_item_sorting .bot {margin-top: 20px;}

    .paging_navigation a, .paging_navigation input {padding: 0 5px;}
    .paging_navigation a.prev, .paging_navigation a[rel='prev'] {margin-right: 5px;}
    .paging_navigation a.next, .paging_navigation a[rel='next'] {margin-left: 5px;}

    .paging_navigation a.prev, .paging_navigation a.next,
    .paging_navigation a[rel='prev'], .paging_navigation a[rel='next'] {width: 10px; height: 10px;}

    .paging_navigation .last, .paging_navigation [rel='last'],
    .paging_navigation .first, .paging_navigation [rel='first'] {background-size: 10px 10px;}


    /*제품 리스트*/
    #catalog_page .category_wrap .category_top { padding: 15px 0;}

    #catalog_page .prd_list_wrap .list {gap: 0 5px;}
    .searched_item_display .list .goods_list_style1 .item_img_area .img > img {top: 50%}
    .searched_item_display .list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 50px 5px}
    .searched_item_display .list .goods_list_style1 .item_info_area {background-color: #fff; position: relative; padding: 12px 0px 50px}
    .catalog_list .prd_list_wrap .item_info_area .goods_price_area .sale_price + .consumer_price {display: none}
    .catalog_list .prd_list_wrap .item_info_area .goods_price_area .consumer_price + .discount_rate {margin-left: 0; margin-right: 5px; transform: unset}
    .catalog_list .prd_list_wrap .item_info_area .goods_price_area .sale_price {order: 2}
    .prd_list_wrap .item_info_area {margin-top: 12px;}
    .prd_list_wrap .item_info_area .goods_name_area,
    .prd_list_wrap .goods_name_area {margin-top: 5px}

    .goods_icon_area span {width: 45px; height: 20px; line-height: 19px; font-size: 9px;}
    .review_page .review_list {margin-top: 30px}

    .crystal_btn_box ul li .btn {font-size: 11px;}
    .crystal_btn_box ul li .ico {width: 11px; height: 11px;margin-right: 3px;}
    .crystal_btn_box ul li + li {margin-left: 15px;}



    .prd_list_wrap .goods_price_area .sale_price + .consumer_price {display: none}
    .prd_list_wrap .goods_price_area .sale_price {order: 2; }
    .prd_list_wrap .goods_price_area .consumer_price + .discount_rate {margin-left: 0; margin-right: 5px;}



    /*제품리스트 상단 필터*/
    .category_top {margin-top: 15px}
    .category_top .nav {font-size: 12px; display: flex; justify-content: center; width: 100%; display: none}
    .category_top .nav li.arr {width: 12px; height: 12px;}
    .category_top .category_depth1 {margin-bottom: 20px; display: flex; justify-content: flex-end; width: 100%}
    .category_top .category_depth1 .btn {font-size: 14px; margin-bottom: 20px;}
    .category_top .category_depth1 .btn + .btn {margin-left: 15px}
    .category_top .category_depth1 .btn.active {font-weight: 600}
    .category_top .cont_box {flex-wrap: wrap;}
    .category_top .aside_box {width: 100%; margin-left: 0; justify-content: flex-end; margin-top: 0}
    .category_top .aside_box .select .nice-select {font-size: 12px; padding-right: 15px;}
    .category_top .aside_box .select .nice-select:after {width: 12px; height: 12px}
    .category_top .aside_box > * + * {margin-left: 12px;}
    .category_top .filter_btn {padding: 5px 10px; line-height: 1}
    .category_top .filter_btn span {font-size: 12px;}
    .category_top .filter_btn .ico {width: 14px; height: 14px; margin-left: 5px; display: none}
    .filtered_item_sorting .select .nice-select .option,
    .category_top .aside_box .select .nice-select .option {height: 30px; min-height: 30px; line-height: 30px}
    .filtered_item_sorting .select .nice-select .list,
    .category_top .aside_box .select .nice-select .list {font-size: 13px; left: auto; right: 0}
    .catalog_list {margin-top: 15px;}



    /*제품리스트 상단 배너*/
    .category_banner {padding-top: max(80%,400px)}
    .category_banner .txt_box {left: 0px; bottom: 0px; padding: 20px; width: 100%}
    .category_banner .txt_box .tit {font-size: 20px;}
    .category_banner .txt_box .desc {margin-top: 10px; word-break: keep-all; font-size: 13px;}
    .category_banner .txt_box .desc br {display: none;}

    /*제품 리스트 미리보기*/
    .preview_iframe {margin-top: calc(var(--header_Height) * -1); padding-right: 10px }
    .com.preview_iframe .product_info_wrap .sticky_nav .btn {padding-top: 5px; margin-top: 23px}



    /*제품리스트 중간 배너*/
    .searched_item_display .list .goods_list_style1.banner {display: none !important;}
    .searched_item_display .list .goods_list_style1.banner.tablet {display: none}
    .searched_item_display .list .goods_list_style1.banner.mobile {display: block}
    .searched_item_display .list .goods_list_style1.banner .tit {left: 20px; bottom: 20px; font-size: 20px;}

    /*제풍 상세 레이아웃*/

    .com .goods_thumbs_top .back_btn svg {height: 20px}
    .com #goods_thumbs .visual_img .goods_icon_area {left: 15px; top: 15px;}


    .com .goods_thumbs_spec {display: block; margin-top: 55px}
    .com #goods_thumbs {width: 100%}
    .com #goods_spec {width: 100%; padding-left: 0; margin-top: 30px}
    .com #goods_thumbs .visual_img .swiper-pagination {display: block; bottom: 10px;}
    .com #goods_thumbs .visual_img .swiper-pagination-bullet { border-radius: 3px; width: 6px; height: 6px;}
    .com #goods_thumbs .visual_img .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 5px;}
    .com #goods_thumbs .visual_img .swiper-pagination-bullet-active {background-color: #000; opacity: 0.8; transition: 0.3s;}
    .com #goods_thumbs .pagination_wrap {display: none}

    .com #goods_spec .deatil_price_area .price_txt {font-size: 18px; margin-top: 5px; width: 100%;}
	#goods_spec .deatil_price_area .max_sale_rate {bottom: -20px;}
	#goods_spec .deatil_price_area .max_sale_rate .inner {font-size: 14px;}
    .com #goods_spec .detail_title_area .name {font-size: 20px;}
    .com #goods_spec .detail_title_area .summary {font-size: 12px;}
    .com #goods_spec .deatil_price_area {margin: 15px 0; padding-bottom: 40px;}
    .com #goods_spec .detail_spec_table li.th {font-size: 12px;width: 70px;}
    .com #goods_spec .detail_spec_table li.th + li {font-size: 12px;}
    .btn_resp.no_border:after {font-size: 13px; margin-top: -2px}
    .com #goods_spec .goods_spec_sections .price_opt_list div + div {margin-top: 10px;}

    .com #goods_spec .goods_spec_sections .info_list .goods_spec_coupon {margin-top: 20px}
    .com #goods_spec .goods_spec_coupon .btn {padding: 10px 0}

    #goods_spec .goods_price_area .total_goods_tit {margin-right: 5px}
    #goods_spec .goods_price_area.single_opt_box .total_goods_price, #goods_spec .goods_price_area {font-size: 18px; margin-top: 25px}

    .com #goods_spec .goods_buttons_area .basic_btn_area li .btn {font-size: 13px; height: 5rem; line-height: 4.9rem; display: block}

    /*제품 상세 페이지*/
    /*.beauty_view .contents,*/
    .com .product_info_wrap {margin-top: 30px; padding-top: 0px;  position: relative}
    .product_info_wrap:before {content: ""; position: absolute; width: calc(100% + 30px); height: 8px; background-color: #F7f7f7; left: -15px; top: 0; z-index: 18}
    .beauty_view .contents .bbs_view_tab .tab,
    .com .product_info_wrap .sticky_nav .btn {font-size: 14px; padding-bottom: 5px; padding-top: 28px;}
    .beauty_view .contents .bbs_view_tab .tab {padding-top: 0}
    .com .product_info_wrap .sticky_nav .btn.deli {display: none}
    .beauty_view .contents .bbs_view_tab .tab:before,
    .com .product_info_wrap .sticky_nav .btn:before {height: 1px;}
    .beauty_view .contents .bbs_view_tab .tab:after,
    .com .product_info_wrap .sticky_nav .btn:after {height: 1px;}

    .product_info_wrap .product_info .sect_top {align-items: flex-end}
    .product_info_wrap .product_info .sect_tit .tit {font-size: 16px;}

    .product_slide_box .swiper-button-next,
    .product_slide_box .swiper-button-prev {width: 16px; height: 16px;}
    .product_slide_box .swiper-button-prev {right: 35px;}
    .product_slide_box .swiper-button-next {right: 15px}


    .beauty_view .contents .view_btn,
    .set_preload .product_info .details_sect .view_btn {font-size: 13px; padding: 10px 0}
    .beauty_view .contents .view_btn .ico,
    .set_preload .product_info .details_sect .view_btn .ico {width: 14px; height: 14px;}
    .set_preload .product_info .review_sect .sect_top .txt {font-size: 10px;}
    .set_preload .product_info .review_sect .slide_box .slide {margin-top: 10px}
    .set_preload .product_info .review_sect .avg_box .cont {padding: 15px 0; justify-content: flex-start}
    .set_preload .product_info .review_sect .avg_box .cont.left .star_txt .ico {width: 20px; height: 20px; }
    .set_preload .product_info .review_sect .avg_box .cont.left .star_txt .num {font-size: 20px; margin-left: 10px; line-height: 1; margin-left: 5px;}
    .set_preload .product_info .review_sect .avg_box .cont.right .review_info {height: 20px;}
    .set_preload .product_info .review_sect .avg_box .cont .txt {font-size: 12px; width: 80%; text-align: center; word-break: keep-all}

    .set_preload .product_info .review_sect .avg_box .cont.right .review_info .ev_active2,
    .set_preload .product_info .review_sect .avg_box .cont.right .review_info .ev_active2 b:before {width: 11rem}



    .set_preload .product_info .review_sect .slide_box .tit_box {font-size: 13px;}
    .pd_review_iframe .list_top .btn {font-size: 12px;}
    .pd_review_iframe .list_top .btn + .btn {margin-left: 15px;}
    .pd_review_iframe .list_box {margin-top: 10px;}
    .pd_review_iframe .list_box > li {padding: 20px 0; flex-wrap: wrap; border-bottom: 0.5px solid #cccccc; position: relative; }
    .pd_review_iframe .list_box .score_box {width: 100%; display: flex; align-items: center}
    .pd_review_iframe .list_box .score_box .txt {font-size: 11px; margin-top: 0px; margin-left: 5px;}
    .pd_review_iframe .list_box .score_box .review_info .ev_active2 b:before {width: 60px}
    .pd_review_iframe .list_box .score_box .review_info .ev_active2 {width: 60px;height: 10px;}
    .pd_review_iframe .list_box .cont_box {margin-left: 0; margin-top: 10px;}
    .pd_review_iframe .list_box .txt_box .crystal_btn_box {margin-top: 20px;}
    .pd_review_iframe .list_box .txt_box {position: static; }
    .pd_review_iframe .list_box .txt_box .product_txt {font-size: 11px;}
    .pd_review_iframe .list_box .txt_box .txt  {font-size: 13px; margin-top: 5px}
    .pd_review_iframe .list_box .img_box {margin-left: 20px; flex-shrink: 0; width: 70px; height: 70px;}
    .pd_review_iframe .list_box .good_info_box {margin-top: 20px;}
    .pd_review_iframe .list_box .txt_box .more_button {font-size: 11px;}

    .good_info_box .user_info li {font-size: 11px;}

    .set_preload .product_info .review_sect .slide_box .slide .swiper-slide .last_box {font-size: 13px;}

    .resp_1line_table ul li {padding: 10px 0}
    .resp_1line_table ul .th {font-size: 12px; width: 110px;}
    .resp_1line_table ul .td {padding-left: 20px; font-size: 12px;}

    .set_preload .product_info .sect {margin-top: 50px;}
    .set_preload .product_info .seller_sect .txt_box .top_box {display: block}
    .set_preload .product_info .seller_sect .txt_box .top_box .tit {width: 100%}
    .set_preload .product_info .seller_sect .txt_box .top_box .btn {margin-left: 0; margin-top: 5px;}
    .set_preload .product_info .seller_sect .txt_box .txt {font-size: 11px;}



    .set_preload .product_info .shipping_sect .cont_box .cont {display: block}
    .set_preload .product_info .shipping_sect .cont_box .cont .left_box {font-size: 12px; margin-right: 0; margin-bottom: 15px;}
    .set_preload .product_info .shipping_sect .cont_box .cont .right_box .dot_list li {padding-left: 8px; font-size: 12px;}
    .set_preload .product_info .shipping_sect .cont_box .cont .right_box .table .th {width: 110px; font-size: 12px; word-break: keep-all}
    .set_preload .product_info .shipping_sect .cont_box .cont .right_box .table .td {font-size: 12px;}
    .set_preload .product_info .shipping_sect .cont_box .cont .right_box .txt_box .ref_txt {font-size: 11px}

    .product_info_wrap .product_info .sect_top .arr_btn {width: 18px; height: 18px;}

    .set_preload .product_info .shipping_sect .cont_box .cont .right_box .table .tr > * {padding: 10px}

    .prd_qna_list > li {padding: 15px 0px;}

    .prd_qna_list > li .q_box_top .badge {width: auto; min-width: 42px; height: 18px; padding: 0 0.5em; line-height: 19px; font-size: 9px; margin-right: 10px;}
    .prd_qna_list > li .q_box_top .tit .my {font-size: 9px; padding: 3px 8px}
    .prd_qna_list > li .q_box_top .tit {width: 100%; padding-right: 20px;}
    .prd_qna_list > li .q_box_top .tit p {font-size: 13px;}
    .prd_qna_list > li .q_box_top .tit .ico {width: 14px; height: 14px;}
    .prd_qna_list > li .q_box_top .arr_btn .ico {width: 18px; height: 18px;}
    .prd_qna_list > li .slide_box {padding-left: 0; padding-top: 10px}
    .prd_qna_list > li .slide_box .q_box_cont > .txt {font-size: 12px;}
    .prd_qna_list > li .slide_box .a_box {margin-top: 20px; padding: 15px 15px 15px 10px}
    .prd_qna_list > li .slide_box .a_box .tit {font-size: 13px}
    .prd_qna_list > li .slide_box .a_box .tit .ico {width: 14px; height: 14px;}
    .prd_qna_list > li .slide_box .a_box .txt {font-size: 13px; word-break: keep-all; padding-left: 20px}

    .qna_iframe .reg_btn {width: auto; min-width: 80px; height: 30px; padding: 0 0.5em; line-height: 29px;}
    .qna_iframe .reg_btn span {font-size: 11px;}




    /*제품 리뷰*/

    .review_page .bbs_top_wrap {margin-top:var(--sub_banner_pd)}
    .review_page .sub_top_sect {margin-bottom: 0}
    .goods_review .subpage_container {margin-top: 0}
    .review_page .best_container .best_wrap .tit_wrap .tit:before, .review_page .best_container .best_wrap .tit_wrap .tit:after {width: calc(50% - 85px);}
    .review_page .best_container { padding: 5rem 0}
    .review_page .best_container .best_li_wrap {margin-top: 30px;}
    .review_page .best_container .best_wrap .tit_wrap .cate {font-size: 13px;}
    .review_page .best_container .best_wrap .tit_wrap .tit {font-size: 30px}
    .review_page .best_container .best_li .txt_wrap .txt {font-size: 13px; margin-bottom: 20px;}
    .review_page .state {font-size: 10px; padding: 0 10px; height: 16px; line-height: 16px; margin-left: 0; margin-bottom: 10px; display: inline-block}
    .review_page .best_container .best_li .score_box {margin-top: 20px}
    .review_page .best_container .best_li .score_box .rate_wrap {flex-direction: column; align-items: flex-start}
    .review_page .best_container .best_li .score_box .rate_wrap .review_info {order: 2}
    .review_page .best_container .best_li .img_wrap .label {font-size: 12px; height:45px; width:45px}
    .review_page .best_container .best_li .img_wrap .label span {font-size: 1.5em;}
    .review_page .best_container .best_li_wrap .slide_box .swiper-container {padding-top: 40px;}
    .review_page .best_container .best_li .txt_btm {font-size: 10px; margin-bottom: 10px;}
    .review_page .best_container .best_li .txt_wrap {margin-top: 5px;}

    .review_info li + li {margin-left: 15px;}
    .review_page .review_list .list .cont .product .img, .review_page .best_container .best_li .pdt_wrap .img {width: 50px; height: 50px}
    .review_page .review_list .list .cont .review_info_box {flex-direction: column; align-items: flex-start;}
    .review_page .review_list .list .cont .review_info_box .review_info {order: 2}
    .review_page .best_container .best_li .pdt_wrap .txt_box ul {margin-top: 6px;}
    .review_page .best_container .best_li .pdt_wrap .txt_box ul li + li {margin-left: 10px}
    .review_page .review_list .list .cont .product .txt_box ul li.score .ico,
    .review_page .review_list .list .cont .product .txt_box ul li.write .ico,
    .review_page .best_container .best_li .pdt_wrap .txt_box ul li .ico {width: 11px; height: 11px;}
    .review_page .review_list .list .cont .product .txt_box ul li .num,
    .review_page .best_container .best_li .pdt_wrap .txt_box ul li .num {font-size: 10px;}


    #filteredItemSorting.gallery {margin-top: 30px;}
    .filtered_item_sorting .select .nice-select {font-size: 12px;}

    /*.filtered_item_sorting .select .nice-select .list li  {font-size: 10px; padding: 2px 15px 4px 10px}*/
    .filtered_item_sorting .select .nice-select .list {padding: 0}
    .filtered_item_sorting .bot .btn_type .btn {font-size: 13px; height: 22px; line-height: 21px; padding: 0 10px}
    .search_all_wrap .review_page .review_list .list,
    .review_page .review_list .list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 15px; }
    .review_page .review_list .list .cont .review_txt {font-size: 13px; margin-top: 5px}
    .review_page .review_list .list .cont .review_user {font-size: 10px;}
    .review_page .review_list .btn_wrap {width: 140px}
    .review_page .review_list .list .cont .product .txt_box ul li + li {margin-left: 10px;}

    /*제품리스트 이벤트 상단 배너*/
    #eventSwiper .item {padding-top: 50%}
    .event_banner_wrap .slide_move {left: 45px}
    .event_banner_wrap .slide_move .swiper-pagination {font-size: 11px;}
    .event_banner_wrap .slide_move .arr {font-size: 11px}
    /*#eventSwiper .item .img img {position: absolute; right: 0; bottom: 0; width: 60%; height: 60%}*/



    /*이벤트 페이지*/
    .event_li_wrap .event_li {display: block; min-height: 0}
    .event_li_wrap .event_li .event_box + .event_box {margin-top: 60px}
    .event_li_wrap .event_li .event_box .infobox {display: block; padding: 15px 0 0;}
    .event_li_wrap .event_li .event_box .infobox .period {margin-top: 15px;}
    .event_li_wrap .event_li .event_box .infobox .cate .ico {width: 8px; height: 8px; margin-right: 5px}
    .event_li_wrap .event_li .event_box .infobox .cate .cate_txt {font-size: 10px;}
    .event_li_wrap .event_li .event_box .infobox .introduce {font-size: 13px; word-break: keep-all;}
    .event_li_wrap .event_li .event_box .infobox .period {margin-top: 5px; font-size: 10px;}

    /*이벤트 상세*/
    .event_view .event_top_banner .banner .img {padding-top: max(45%,160px);}
    .event_view .event_top_banner .banner .txt_box {left: 20px; width: 100%}
    .event_view .event_top_banner .banner .txt_box .tit {font-size: 28px;}
    .event_view .event_top_banner .banner .txt_box .txt {font-size: 13px; width: 65%; word-break: keep-all; margin-top: 10px;}
    .event_view .event_top_banner .banner .txt_box .txt br {display: none}

    /*.view_board .txt_cont br {display: none} */
    .view_board .txt_cont {padding: 40px 0 0; font-size: 13px; min-height: 0}
    /*.view_board .txt_cont p {text-align: left !important;} */
    .event_view .view_board .full_banner,
    .view_board .txt_cont p.full_img {text-align: center !important;}
    .view_board .view_btm {margin-top: 40px}
    .view_board .view_btm {margin-top: 40px}
    .event_view .view_board .full_banner .img {width: 100% !important;}
    /*.event_view.full .view_board .full_banner {padding-top: 140%}*/
    /*.event_view.full .view_board .full_banner .img {width: 160% !important;; height: 160% !important;}*/
    .event_view.full .view_board .full_img {padding: 40px 0; text-align: center !important; display: flex; justify-content: center}
    .event_view.full .view_board .full_img .txc-image {width: 125% !important; max-width: 125% !important;}
    .event_view.full .view_board .full_img.no_pd .txc-image {width: 70% !important;}


    /*이벤트 타임딜*/
    .event_view .time_box {padding: 20px 20px 40px;}
    .event_view .time_tit {font-size: 14px;}
    .event_view .view_board .txt_cont p.end_tit {text-align: center !important;}
    .event_view .end_tit {font-size: 22px; margin-bottom: 10px; margin-top: 10px;}
    .event_view .flip-clock-wrapper .flip-clock-divider {height: 45px; line-height: 44px; }
    .event_view .flip-clock-wrapper .flip-clock-divider .flip-clock-dot {width: 5px; height: 5px;}
    .event_view .flip-clock-wrapper ul { font-size: 18px; height: 45px; line-height: 44px; border-radius: 5px}
    .event_view .flip-clock-wrapper ul li a div {font-size: 18px;}
    .event_view .flip-clock-wrapper ul li a div div.inn {font-size: 18px}
    .event_view .flip-clock-wrapper ul li {line-height: 48px}


    /*이벤트 쿠폰*/
    .event_view .coupon_sect {padding: 60px 0;}
    .event_view .coupon_sect .tit_box .tit {font-size: 24px}
    .event_view .coupon_sect .tit_box .txt {margin-top: 15px; font-size: 16px;}
    .event_view .coupon_sect .coupon_box {margin-top: 60px;}

    .event_view .coupon_sect .coupon_box .list {display: block; }
    .event_view .coupon_sect .coupon_box .list .coupon {margin: 0 auto; max-width: 400px}
    .event_view .coupon_sect .coupon_box .list .coupon + .coupon {margin-top: 15px}
    .event_view .coupon_sect .coupon_box .list .coupon .btn_box .ico {width: 40px; height: 40px;}

    .event_view .coupon_sect .coupon_box .list .coupon .btn_box:before, .event_view .coupon_sect .coupon_box .list .coupon .btn_box:after {width: 12px; height: 18px}












    /*공지사항*/
    .notice_li .notice {padding: 15px 0px; flex-wrap: wrap}
    .notice_li .notice .ntc_tit {width: 100%; flex-wrap: wrap}
    .notice_li .notice .subject {width: 100%; font-size: 14px;}
    .notice_li .notice .date {font-size: 10px; margin-top: 5px}
    .notice_li .notice .ntc_tit .num .label {height: 18px; line-height: 18px; font-size: 10px; margin-right: 0; margin-bottom: 10px}

    .notice .bbs_top_wrap .cont_box .right_box {margin-bottom: 0}

    /*온라인 판매점*/
    .on_store_wrap .cont {margin-top: 0}
    .on_store_wrap .cont .logo_wrap { gap: 50px 10px; grid-template-columns: repeat(3, minmax(0, 1fr));}
    .on_store_wrap .cont .logo_wrap .logo_box .txt {font-size: 13px; margin-top: 15px; word-break: keep-all; line-height: 1.3}
    .on_store_wrap .cont .logo_wrap .logo_box .logo {border-radius: 5px;}
    .offline_page .store_cont + .store_cont {margin-top: 60px}

    /*오프라인 판매점*/
    .offline_page .store_cont {margin-top: 0px;}
    .offline_page .store_cont .cont_tit {font-size: 20px;}
    .offline_page .store_cont .cont_tit .label {height: 22px;padding: 0 1rem;font-size: 10px;margin-bottom: 7px;}
    .offline_page .store_cont .swiper-pagination {margin-top: 10px; }
    .offline_page .store_cont .swiper-pagination span {width: 6px; height: 6px; border-radius: 3px;}
    .offline_page .store_cont .right_box {margin-top: 15px;}
    .offline_page .store_cont .right_box .info_box {}
    .add_info_list li {font-size: 13px}
    .add_info_list li .ico {width: 14px; height: 14px;}
    .add_info_btn_box {margin-top: 20px;}
    .add_info_btn_box .btn {max-width: 50%; width: 120px; height: 28px; line-height: 26px; font-size: 12px;}
    .add_info_btn_box .btn .ico {margin-left: 10px;}


    /* 테라피 라운지 */
    .louge_page .visual_img {padding-bottom: 80px}
    .louge_page .visual_img .cont_tit_box .tit {font-size: 28px;}
    .louge_page .visual_img .cont_tit_box .txt {font-size: 13px;}
    .louge_page .visual_img .cont_tit_box .main_btn {margin-top: 20px;}
    .louge_page .visual_img .slide_box {margin-top: 40px}
    .louge_page .visual_img .slide_box .swiper-pagination span {width: 6px; height: 6px; }
    .louge_page .visual_img .slide_box .swiper-pagination .swiper-pagination-bullet-active {width: 12px;}
    .louge_page .visual_img .slide_box .swiper-pagination span + span {margin-left: 5px;}
    .louge_page .visual_img .slide_box .swiper-pagination {margin-top: 10px}

    .louge_page .sect_tit_box .tit {height: 35px; line-height: 35px; font-size: 13px; max-width: 23rem}
    .louge_page .program_wrap .sect_tit_box + .cont_box {margin-top: 30px;}
    .louge_page .info_wrap, .louge_page .map_wrap,
    .louge_page .program_wrap .cont_box + .cont_box {margin-top: 80px}
    .louge_page .program_wrap .cont_box .cont_tit_box {padding-bottom: 20px}
    .louge_page .program_wrap .cont_box .cont_tit_box .tit_box .tit, .louge_page .program_wrap .cont_box .cont_tit_box .num {font-size: 20px; word-break: keep-all}
    .louge_page .program_wrap .cont_box .cont_tit_box .num {margin-right: 10px;}
    .louge_page .program_wrap .cont_box .cont_tit_box .tit_box .desc {margin-top: 5px;}
    .louge_page .program_wrap .cont_box .cont {margin-top: 20px; padding-left: 0px;}
    .louge_page .program_wrap .cont_box .cont .box {grid-template-columns: 70px 1fr;}
    .louge_page .program_wrap .cont_box .cont .box .txt {font-size: 13px;}

    .louge_page .program_wrap .cont_box .cont .box .process_wrap .pro_box {font-size: 10px; height: 25px; line-height: 24px; padding: 0 8px; margin-right: 15px; margin-bottom: 10px; min-width: 45px; border: 0.75px solid #000}
    .louge_page .program_wrap .cont_box .cont .box .process_wrap .pro_box:before {width: 12px; height: 12px;right: -2px;}
    .louge_page .program_wrap .cont_box .cont .box .process_wrap .pro_box:last-child {margin-right: 0}

    .louge_page .lounge_banner {margin-top: 60px;}
    .louge_page .lounge_banner .btn_wrap {margin-top: 30px;}
    .louge_page .lounge_banner .txt_box {padding: 60px 30px}
    .louge_page .lounge_banner .txt_box .tit {width: 80%; word-break: keep-all}
    .louge_page .lounge_banner .img {width: 145px; right: 0px;}

    .louge_page .map_wrap .info_cont .cont, .louge_page .info_wrap .info_cont .cont {margin-top: 40px;}
    .louge_page .info_wrap .info_cont .box { grid-template-columns: 30px 1fr}
    .louge_page .info_wrap .info_cont .box + .box {margin-top: 30px;}
    .louge_page .info_wrap .info_cont .box .ico {width: 30px; height: 30px;}
    .louge_page .info_wrap .info_cont .box .tit {height: 30px; font-size: 13px;}
    .louge_page .info_wrap .info_cont .box .tit + .txt {margin-top: 5px}
    .louge_page .info_wrap .info_cont .box .txt {font-size: 13px;}

    .louge_page .sect_tit_box .desc {margin-top: 10px; font-size: 12px; text-align: left}
    .louge_page .map_wrap .info_cont .cont .info_box {display: block}



    /*체험단*/
    .gal_bbs_wrap #customGalleryBoard { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 15px;}
    .gal_bbs_wrap .text_area {margin-top: 15px}
    .gal_bbs_wrap .text_area .tit_wrap .label {font-size: 10px; height: 18px; line-height: 17px; padding: 0 5px;}
    .gal_bbs_wrap .text_area .tit_wrap .sns_wrap .ico {width: 20px; height: 20px;}
    .gal_bbs_wrap .text_area .tit_wrap .sns_wrap .ico + .ico {margin-left: 7px;}

    .gal_bbs_wrap .text_area .c_subject {font-size: 13px;}
    .gal_bbs_wrap .text_area .subs_box {font-size: 10px; padding-top: 10px;}
    .gal_bbs_wrap .text_area .subs_box .ico {width: 12px; height: 12px; margin-right: 3px;}


    .app_btn {padding: 0 10px}
    .app_btn span {font-size: 11px;}
    .app_btn .ico {width: 16px; height: 16px; margin-left: 10px;}


    /*체험단 뷰페이지*/
    /*.beauty_container .beauty_view {padding-top: 40px;}*/
    .beauty_view .aside .cont .tit_wrap .tit {font-size: 20px;}
    .beauty_view .aside .cont .box {margin-top: 20px;}
    .beauty_view .aside .cont .box ul li {font-size: 13px; grid-template-columns: 9rem 1fr}
    .beauty_view .aside .cont .box ul li + li {margin-top: 8px;}
    .beauty_view .aside .cont .btn_wrap {margin-top: 30px;}
    .beauty_view .contents .ul_cont .box .tit {margin-bottom: 20px}
    .beauty_view .contents .ul_cont {margin-top: 30px;}
    .beauty_view .contents .ul_cont .box ul li {font-size: 13px;}
    .beauty_view .contents .ul_cont .box ul li.point .box .btn {padding: 1px 4px; font-size: 10px;}
    .beauty_view .contents .ul_cont .box ul li:not(.point):before {margin-right: 5px}
    .beauty_view .contents .ul_cont .box .img img {width: 100%; max-width: 400px}

    .beauty_view .exgroup_info .box ul li { grid-template-columns: 9rem 1fr;}


    .cmt_tbl .cmt_wrap {padding: 20px 0; }
    .cmt_tbl .cmt_wrap .cmt_top + .cmt_area {margin-top: 10px;}
    .cmt_box .cmt_txt_area textarea {padding: 15px; font-size: 13px;}
    .cmt_tbl .cmt_wrap .cmt_area .value_txt {font-size: 13px; margin-top: 10px}
    .cmt_tbl .cmt_wrap .cmt_top .cmt_cont_head {font-size: 13px;}

    .cmt_insert .cmt_box {padding: 20px;}
    .cmt_insert .txt {margin-bottom: 10px;}


    /*    .cmt_util .btn {font-size: 10px;}
        .cmt_util .btn .ico {width: 11px; height: 11px;}*/


    .cmt_tbl .cmt_wrap .cmt_area .cmt_box .cmt_mod_btn {margin-top: 10px}

    .aside_terms ul .chk_box:not(.agree) input[type='checkbox'] + label {font-size: 13px}
    .aside_terms ul .chk_box.all:not(.agree) input[type='checkbox'] + label {font-size: 13px;}
    .aside_terms .terms_box {padding: 10px; font-size: 11px;}
    .aside_terms .terms_box .tit_box .ico {width: 14px; height: 14px;}

    .beauty_view .contents .ul_cont .box + .box {margin-top: 50px;}


    .cmt_box .its-td .cmt_txt_area {margin-top: 15px}




    /*뷰티에디터 신청*/
    .beauty_view .exgroup_info .tit_wrap .tit {font-size: 20px;}
    .beauty_view.app .contents .form_cont .form_list > li .cont .nice-select {width: 100%}
    .beauty_view.app .contents .form_cont .form_list > li .cont.address .inp_btn {width: 10rem; margin-left: 10px;}
    .beauty_view.app .contents .form_cont .form_list > li .cont.address .inp.address_num input {width: 20rem}
    .beauty_view.app .contents .form_cont .form_list > li .cont.channel .inp input {padding-left: 6rem}

    /*.beauty_view.app .contents .form_cont {margin-top: 40px;}*/
    /*    .beauty_view.app .contents .form_cont .form_list > li {flex-wrap: wrap}
        .beauty_view.app .contents .form_cont .form_list > li .tit_box {width: 100%; margin-bottom: 10px; height: auto}
        .beauty_view.app .contents .form_cont .form_list > li .cont {flex: none; width: 100%}*/

    .beauty_view.app .contents .form_cont .form_list > li .cont .inp_box.email .inp {flex: 1}
    .beauty_view.app .contents .form_cont .form_list > li .cont .nice-select {flex: none}
    .beauty_view.app .contents .form_cont .form_list > li .tit_box {flex-shrink: 0; width: 9rem}

    .beauty_view.app .contents .form_cont .form_list > li .cont.name .inp,
    .beauty_view.app .contents .form_cont .form_list > li .cont.team .nice-select,
    .beauty_view.app .contents .form_cont .form_list > li .cont.job .inp,
    .beauty_view.app .contents .form_cont .form_list > li .cont.year .nice-select {width: 500px; max-width: 100%}

    .beauty_view.app .contents .form_cont .form_list > li .cont.address .inp.address_num input {flex: 1}

    .aside_terms ul .chk_box:not(.agree) input[type='checkbox'] + label {align-items: center}
    .aside_terms ul .chk_box.all:not(.agree) input[type='checkbox'] + label::before,
    .beauty_view.app .contents .form_cont .ship_box .same_btn .ico::before {width: 25px; height: 25px}
    .aside_terms ul .chk_box.all:not(.agree) input[type='checkbox'] + label::before {transform: translateY(-1px)}




    /*뉴스레터 뷰페이지*/
    .view_board .top .tit {font-size: 20px;}
    .view_board .top { padding-bottom: 25px}
    .view_btm {flex-wrap: wrap; justify-content: center}
    .view_btm .cnt_box .ico {width: 20px; height: 20px;}
    .view_btm .cnt_box.prev.none .ico,
    .view_btm .cnt_box.prev .ico {margin-right: 10px}
    .view_btm .cnt_box.next .ico,
    .view_btm .cnt_box.next.none .ico {margin-left: 10px}

    .view_btm .cnt_box {width: 50%; order: 2}
    .view_btm .cnt_box .tit_wrap .tit {font-size: 13px;}
    .view_btm .cnt_box .tit_wrap .txt {width: 90%; font-size: 12px;}
    .view_btm .cnt_box.next .txt {margin-right: 0}
    .view_btm .btn_wrap {margin-bottom: 30px; width: 100%; max-width: none}
    .view_btm .btn_wrap .btm_btn {width: 120px;}



    /*-------인풋공용-------*/
    .inp textarea,
    .inp_box .sel .nice-select,
    .inp input[type='text'],
    .inp input[type='password'],
    .inp input[type='tel'],
    .inp input[type='email'] { font-size: 12px; }

    .inp textarea,
    .inp input[type='text']::placeholder,
    .inp input[type='password']::placeholder,
    .inp input[type='tel']::placeholder,
    .inp input[type='email']::placeholder { font-size: 12px; }


    .inp textarea {padding: 10px}
    .inp_box .sel .nice-select,
    .inp input[type='numver'],
    .inp input[type='text'],
    .inp input[type='password'],
    .inp input[type='tel'],
    .inp input[type='email'] {padding: 0 10px}


    .inp input.w50 { width: 100%; }

    .inp + .desc { font-size: 11px; }
    .inp > .chk_btn { line-height: 2.7rem; font-size: 10px; padding: 0 10px}


    /*이메일 형식*/
    .inp_box.email { flex-wrap: wrap; }
    .inp_box.email .inp { width: calc(50% - (6px + 2rem / 2)); min-width: 0}
    .inp_box.email .nice-select { margin-left: 0; margin-top: 10px;}
    .inp_box.email .nice-select .list { width: 100%; }
    .inp_box.email .at { font-size: 12px; }

    .order_payment_left .order_info_sect .inp_list > li .cont .inp_box.email .nice-select { width: 100%; flex: none}


    .inp_box.w50 { width: 100%; }

    .chk_box.agree input[type="checkbox"] + label { font-size: 13px; }


    /* 회원가입 선택 박스 ex) 남성 여성 선택안함 */
    .chk_box.box input[type='radio'] + label {font-size: 12px;}


    /*-------통합검색-------*/
    /*.all_sch_view { margin: 70px auto 0; }*/
    .notice_catalog.center {margin-top: 40px}
    .all_sch_view .top .inp_box { padding: 0 15px; }
    .all_sch_view .top .inp_box input { font-size: 13px; }
    .all_sch_view .top .inp_box button .ico { width: 20px; height: 20px; }
    .search_all_wrap .prd_list_wrap .list {grid-template-columns: repeat(2, minmax(0, 1fr));}





    /*-------고객지원-------*/

    .review_page.cscenter .resp_wrap .cs_container { padding: 0; }
    .cs_container .cs_li_wrap + .cs_li_wrap { margin-top: 80px; }
    .cs_container .cs_li_wrap .tit_wrap {margin-bottom: 20px;}
    .cs_container .cs_li_wrap .tit_wrap > .tit { font-size: 20px; font-weight: 700; }
    .cs_container .cs_li_wrap .tit_wrap .more_btn {font-size: 11px;}
    .faq_list .faq_new .question { flex-direction: column; align-items: flex-start; padding: 15px 0px; }
    .faq_list .faq_new .question:after { width: 18px; height: 18px; right: 0}
    .faq_list .faq_new .question:before { display: none; }
    .faq_list .faq_new .question .subject { flex-direction: column; align-items: flex-start; width: 90%}
    .faq_list .faq_new .question .subject .cat { min-width: 55px; height: 18px; line-height: 19px; padding: 0 5px; margin-right: 0; font-size: 10px; }
    .faq_list .faq_new .question .subject .cat + span { margin-top: 10px; }
    .faq_list .faq_new .question .subject .cat + span > a { font-size: 13px; }
    .faq_list .faq_new .answer p { font-size: 12px; }
    .faq_list .faq_new .answer .box { padding: 20px; }


    /*faq*/
    .faq_container { padding: 0; }

    /*1:1문의*/
    .inquiry_write .inp_tit { height: auto; line-height: 1.4; margin-bottom: 5px; font-size: 13px; }
    .inquiry_write > ul > li { flex-direction: column; }
    .inquiry_write > ul > li + li { margin-top: 20px; }
    .inp p {font-size: 13px; line-height: 1.5}
    .inquiry_write .cont .nice-select { width: 100%; font-size: 13px; padding-left: 10px;}
    .inquiry_write .cont .nice-select .list li{padding: 0 10px}
    .inquiry_write .inp_box.nm .user_nm { font-size: 13px; }
    #issueGoodsButton { font-size: 13px; }


    /*제품사용법*/

    /*3d*/
    .howTo3D { padding: 0 0 30px; }
    .howTo3D .modal_3d { padding: 0; }
    .howTo3D .modal_3d .device_sect .tit_box .tit { font-size: 22px; }
    .modal_3d .device_sect .tit_box .txt { display: inline; font-size: 13px; word-break: keep-all}
    .howTo3D .modal_3d .device_sect .device_3d { height: auto; }





    /*리스트*/
    .how_sect .top { flex-direction: column; align-items: flex-start; }
    .how_sect .top .right_box { margin-top: 20px; margin-left: auto; }

    .how_sect .top + .cs_li_wrap { margin-top: 60px; }
    .cs_li_wrap .how_li { gap: 30px 15px; }
    .cs_li_wrap .how_li li .tit_wrap { flex-direction: column; align-items: flex-start; margin-top: 15px; margin-bottom: 0}
    .cs_li_wrap .how_li li .tit_wrap .label { height: 17px; line-height: 16px; padding: 0 10px; font-size: 10px}
    .cs_li_wrap .how_li li .tit_wrap .label + .tit { margin-top: 5px; }
    .cs_li_wrap .how_li li .tit_wrap .tit { font-size: 13px; }

    .event_container .bbs_top_wrap .cont_box .notice_catalog::-webkit-scrollbar,
    .how_sect .bbs_top_wrap .cont_box .notice_catalog::-webkit-scrollbar {display: none}
    .event_container .bbs_top_wrap .cont_box .notice_catalog,
    .how_sect .bbs_top_wrap .cont_box .notice_catalog {margin: 0 -15px; width: calc(100% + 30px)}
    .event_container .bbs_top_wrap .cont_box .notice_catalog .btn:first-child,
    .how_sect .bbs_top_wrap .cont_box .notice_catalog .btn:first-child {margin-left: 15px}
    .event_container .bbs_top_wrap .cont_box .notice_catalog .btn:last-child,
    .how_sect .bbs_top_wrap .cont_box .notice_catalog .btn:last-child {margin-right: 15px;}

    .modal_3d .device_sect .device_3d .virtual_3d_box .desc {right: auto; left: 15px; bottom: 15px; align-items: flex-start}
    .modal_3d .device_sect .device_3d .virtual_3d_box .desc svg {margin-top: -1px}


    /*-------회사소개-------*/

    /*회사소개 이미지 탑*/

    .info_top .tit br { display: none; }

    .info_top .tit + .img_wrap { margin-top: 7rem; }

    /*회사소개 탭*/
    .info_container .info_tab .tab { font-size: 13px; padding-bottom: 10px; }

    /*인사말*/

    .sub_top .jion_svg {width: 24rem}
    .sub_top .jion_svg + .txt {font-size: 18px}


    .greet_sect { flex-direction: column;}
    .greet_sect .img_wrap { width: 100%; }
    .greet_sect .img_wrap .img { width: 100%; }

    .greet_sect .cont { width: 100%; margin-left: 0; margin-top: 40px; }
    .greet_sect .cont .txt_wrap .en_tit {font-size: 4.5rem; margin-bottom: 3rem}
    .greet_sect .cont .tit_wrap .desc { font-size: 16px; }
    .greet_sect .cont .tit_wrap .tit { font-size: 26px; }
    .greet_sect .cont .txt_wrap .tit span + span {margin-top: 15px}

    .greet_sect .cont .tit_wrap + .txt_wrap { margin-top: 40px; }

    .greet_sect .cont .txt_wrap .tit { font-size: 18px; }
    .greet_sect .cont .txt_wrap .txt { font-size: 13px; }
    .greet_sect .cont .txt_wrap .tit { font-size: 16px; }
    .greet_sect .cont .greet_btm .svg {width: 12rem}
    .greet_sect .cont .txt_wrap .tit + .txt { margin-top: 20px; }
    .greet_sect .cont .txt_wrap .txt span + span { margin-top: 15px; }

    .greet_sect .cont .greet_btm { margin-top: 40px; text-align: left}
    .greet_sect .cont .greet_btm .tit + .name { margin-top: 10px; }
    .greet_sect .cont .greet_btm .name { font-size: 15px; }

    /*연혁*/

    .info_top .img{width: 100% !important; padding-top: 60%}

    .history_cont { margin: 80px auto 0; }
    .history_cont .top_tab {; padding-top: 20px}
    .history_cont .top_tab .tab + .tab { margin-left: 20px; }

    .history_cont .top_tab .tab .tit { font-size: 13px; }
    .history_cont .top_tab .tab .tit + .num { margin-top: 5px; }
    .history_cont .top_tab .tab .num { font-size: 12px; }

    .history_cont .history_wrap { flex-direction: column; margin-top: 30px; }
    .history_cont .history_wrap .year { position: sticky; left: 0; top: calc(var(--header_Height) + 70.5px); width: 100%; padding: 10px 0; font-size: 48px; background-color: #fff; z-index: 20; }
    .history_cont .history_wrap .year:before { display: none; }
    .history_cont .history_wrap .year span:before { display: none; }

    .history_cont .history_wrap .txt_box { width: 100%; margin-left: 0; }
    .history_cont .history_wrap .txt_box .box { font-size: 13px}
    .history_cont .history_wrap .txt_box .box + .box {margin-top: 30px}
    .history_cont .history_wrap .txt_box .box.start { margin-top: 60px; }
    .history_cont .history_wrap .txt_box .box .month { margin-bottom: 5px; }
    .history_cont .history_wrap .txt_box .box .txt span + span { margin-top:5px; }
    .history_cont .history_wrap .txt_box .box .txt .img {width: 100%}

    /*지속가능경영*/

    /*여기 바꿀 때 연혁에 있는 것도 같이 바꾸셈 */
    .sustainable_page .txt_slide,
    .sustainable_page .esg_sect{margin: 100px auto 0;}




    /*품질시스템_품질경영*/
    .quality_cont { margin-top: 80px; }
    .quality_cont .cont { flex-direction: column; }
    .quality_cont .cont + .cont { margin-top: 100px; }
    .quality_cont .cont > .tit { font-size: 28px; }
    .quality_cont .cont .txt_box { margin-top: 40px; }
    .quality_cont .cont .txt_box .box { flex-direction: column; }
    .quality_cont .cont .txt_box .box + .box { margin-top: 40px; }
    .quality_cont .cont .txt_box .box > .tit { width: 100%; margin-right: 0; margin-bottom: 15px; text-align: left; }
    .quality_cont .cont .txt_box .box > .txt { font-size: 13px; }
    .quality_cont .cont .txt_box .box > .txt span.point { font-size: 16px; }
    .quality_cont .cont .txt_box .box > .cell > .tit { font-size: 16px; }
    .quality_cont .cont .txt_box .box > .cell > .desc { font-size: 13px; }
    .quality_cont .cont .txt_box .box > .cell > .desc + .tit { margin-top: 20px; }

    /*품질시스템_인증현황*/
    .info_sub_tab { margin-top: 60px; }
    .info_sub_tab .tab { font-size: 16px; }

    .patent_img_li { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 40px auto 0; gap: 40px 20px; }
    .patent_img_li li .tit_box .tit { font-size: 16px; }

    .patent_li { margin: 60px auto 0; }
    .patent_li li { flex-direction: column; align-items: flex-start; padding: 15px 20px; }
    .patent_li li .tit_wrap { flex-direction: column; align-items: flex-start; }
    .patent_li li .tit_wrap > * + * { margin-left: 0; margin-top: 5px; }
    .patent_li li .tit_wrap .tit { font-size: 16px; }

    .patent_li li .date { margin-top: 15px; }



    /*-----장바구니-------*/
    .cart_li_wrap .cart_top_wrap .chk_wrap .chk_box:not(.agree) input[type='checkbox'] + label {font-size: 13px;}

    .cart_li_wrap .cart_top_wrap .desc {display: none}
    .cart_li_wrap .cart_top_wrap .chk_wrap {width: 100%; justify-content: space-between}
    .cart_li .cart_li_top {display: none}
    .cart_li .shop_li_wrap {flex-wrap: wrap; }
    .cart_li .shop_li_wrap .shop_li_box {order: 2}
    .cart_li .shop_li_wrap .deli_wrap {width: 100%; display: block; border-bottom: 1px solid #ccc; padding: 10px 0; display: none}
    .cart_li .shop_li_wrap .deli_wrap .deli {display: flex; align-items: center}
    .cart_li_wrap .cart_top_wrap .chk_wrap .btn {font-size: 12px;}
    .cart_li .shop_li_wrap .deli_wrap .deli .tit {display: none}
    .cart_li .shop_li_wrap .deli_wrap .deli .btn {margin-top: 0; margin-left: auto}

    .cart_li .cart_goods_detail {padding: 15px 0;}
    .cart_li .cart_goods_detail .product_wrap {align-items: flex-start}
    .cart_li .cart_goods_detail .product_wrap .product {align-items: flex-start; flex: 1; min-width: 0; flex-wrap: wrap; width: auto}
    .cart_li .cart_goods_detail .product_wrap .product .txt_area {padding: 0; margin-left: 10px; flex: 1; min-width: 0}
    .cart_li .cart_goods_detail .product_wrap .product .img_area {width: 80px;}
    .cart_li .cart_goods_detail .product_wrap .product .txt_area .option {display: flex; flex-wrap: wrap;}
    .cart_li .cart_goods_detail .product_wrap .product .txt_area .option .btn_box {width: 100%; order: 2; margin-top: 5px}
    .cart_li .cart_goods_detail .product_wrap .product .txt_area .option .btn {padding: 0 8px}
    .cart_li .cart_goods_detail .product_wrap .product .txt_area .option_box {margin-left: 0}
    .cart_li .cart_goods_detail .product_wrap .product .txt_area .temp_div {margin-top: 10px;}
    .cart_li .cart_goods_detail .product_wrap .product .price_area {width: 100%; margin-top: 10px}
    .cart_li .cart_goods_detail .del_btn {top: 0}
    .cart_li .cart_goods_detail .del_btn .ico {width: 28px; height: 28px; margin-top: -4px}
    .cart_li .cart_goods_detail .product_wrap .product .txt_area .temp_div .option p:last-of-type {margin-right: 5px}


    .order_payment_left .cart_list .cart_goods .prd_box .img_area {width: 80px; height: 80px}

    /*.cart_li .cart_goods_detail .product_wrap {flex-wrap: wrap}*/

    .total_price_wrap { flex-wrap: wrap; }
    .total_price_wrap .price_box { justify-content: flex-end; align-items: flex-end}
    .total_price_wrap .price_box .tit { font-size: 13px; }
    .total_price_wrap .price_box .price,
    .total_price_wrap .price_box .deli_price { font-size: 15px; }

    .total_price_wrap .equal { display: none; }
    .total_price_wrap .plus {font-size: 18px; margin: 0 10px}
    .total_price_wrap .price_box.total { width: 100%; margin-top: 10px; }
    .total_price_wrap .price_box.total .deli_price { font-size: 18px; transform: translateY(2px)}

    /*주문*/
    .order_page { padding-top: 6rem; }
    .order_payment_right .order_price_total .sale_box > li { font-size: 12px; }
    .order_payment_right .pay_layer.btn_area .btn { height: 45px; line-height: 46px; font-size: 13px; }

    .order_payment_left .xtle { font-size: 11px; }
    .order_payment_left .order_info_sect .list_tit_box .hold_txt { font-size: 12px; }
    .order_payment_left .order_info_sect .list_tit_box .mileage_notice{width: 100%; font-size: 12px;}
    .order_payment_left .cart_list .goods_delivery_info { align-items: flex-end; }
    .order_payment_left .cart_list .cart_goods .prd_box .option_area { width: calc(100% - 125px); }
    .order_payment_left .cart_list .cart_goods .prd_box .option_area .cart_suboptions { font-size: 11px; }
    .order_payment_left .cart_list .cart_goods .prd_box .option_area .brand_name { font-size: 11px; }
    .order_payment_left .cart_list .cart_goods .prd_box .option_area .goods_name a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .order_payment_left .cart_list .cart_goods .price_box .price_a { font-size: 12px; }
    .order_payment_left .cart_list .cart_goods .price_box .price_c { font-size: 13px; }


    /*-------마이페이지-------*/

    body.sub.my_page .sub_nav {display: none}
    body.sub.my_page.sub .layout_header {height: var(--header_Height)}

    .mycs_fcont_margin { margin-top: 30px; }
    .my_index_top { grid-template-columns: repeat(1, minmax(0, 1fr)) }
    .my_index_top > li + li { margin-top: 20px; }
    .my_index_top .my_greeting { font-size: 22px; }
    /*.my_index_top .my_msub1 { padding-top: 20px; }*/
    .my_index_top .my_msub1 .membership p { font-size: 13px; }
    .my_index_top .my_msub2 { display: flex; align-items: center; justify-content: space-around; padding: 30px 15px; background-color: #F7F7F7; width: calc(100% + (var(--resp_wrap_pd) * 2)); margin-left: calc(var(--resp_wrap_pd) * -1) }
    .my_index_top .my_msub2 .title { font-size: 13px; text-align: center}
    .my_index_top .my_msub2 .num { font-size: 20px; }
    .my_index_top .my_msub2>li + li {margin-left: 0}
    .my_index_top .my_msub2>li {flex: 1}
    .my_index_top .my_msub2>li>a { width: 100%; text-align: center}

    .my_index_top .icon_wrap {display: flex; width: 100%}
    .my_index_top .icon_wrap .icon_box {flex: 1;}
    .my_index_top .icon_wrap .icon_box .icon {width: auto; height: 35px; display: block; text-align: center}
    .my_index_top .icon_wrap .icon_box .icon svg {width: 100%; height: 100%}
    .my_index_top .icon_wrap .icon_box .txt { display: block; margin-top: 10px; font-size: 14px; font-weight: 500; text-align: center}

    .mypage_top {border-bottom: 5px solid #f7f7f7; padding-bottom: 20px; display: none}
    .index .mypage_top {display: block}

    .mypage_wrap.index .subpage_container {display: none}

    .mypage_wrap .title_container>h4 .num { font-size: 18px; }

    .subpage_lnb .title2>a { font-size: 13px; color: #bdbdbd; font-weight: 500}
    .subpage_lnb .lnb_sub>li>a {font-size: 16px; color: #000;  padding: 0; font-weight: 600}

    .subpage_lnb .lnb_sub>li:nth-child(n+3) {margin-top: 25px}
    .subpage_lnb .title2 + .lnb_sub {padding-top:20px}

    .subpage_lnb .lnb_sub {display: flex; flex-wrap: wrap}
    .subpage_lnb .lnb_sub > li {width: 50%}


    /*.one_to_one .mypage_wrap{padding-top: 0}*/
    /*.one_to_one .mypage_wrap .title_container>h4 {display: none}*/

    .mypage_wrap { grid-template-columns: repeat(1, minmax(0, 1fr)); padding-top: 15px}
    .mypage_wrap.index {display: block; padding-top: 40px;}
    .subpage_lnb { position: relative; top: unset; }

    #mypageLnbBasic { display: block; }

    .subpage_wrap.index .mypage_wrap .subpage_lnb {display: block}
    .subpage_wrap .mypage_wrap .subpage_lnb {display: none}


    #mypageLnbBasic .lnb_wrap + .lnb_wrap { margin-top: 30px; padding-top: 30px;border-top: 1px solid #EAEAEA;}

    #mypageLnbBasic .lnb_wrap {}

    .mypage_wrap .title_container>h4 {font-size: 20px}



    .my_index_top .my_greeting .name {display: inline}


    /*주문/배송*/
    .my_order_step { padding: 30px 0; }
    .my_order_step>li { background: none; }
    .my_order_step>li>a span { font-size: 11px; }
    .my_order_step .pushCount { font-size: 18px; }

    .myorder_sort { margin-bottom: 30px; padding: 0px 0 20px 0; }

    .myorder_sort .direct_area {width: 100%}
    .myorder_sort .direct_area .sc-datepicker { flex: 1; background: url("/data/skin/dualsonic/images/common/dual_ico_cal.svg") no-repeat right 5px center;    background-size: 2.4rem 2.4rem; min-width: 0}



    .myorder_sort button {flex-shrink: 0; width: 60px;}
    .myorder_sort .direct_area span {margin: 0 5px}


    .mypage_wrap .order_list > ul > li {position: relative; padding-bottom: 25px}
    .mypage_wrap .order_list > ul > li:before {content: ""; position: absolute; left: calc(var(--resp_wrap_pd) * -1); bottom: 0 ;width: calc(100% + (var(--resp_wrap_pd) * 2)); height: 5px; display: block; background-color: #f7f7f7}
    .mypage_wrap .order_list > ul > li.list_empty:before {content: none;}
    .mypage_wrap .order_list > ul > li + li { margin-top: 50px; }

    .mypage_wrap .order_list > ul > li .order_num { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .mypage_wrap .order_list > ul > li .order_num p + span { margin-top: 8px; }
    .mypage_wrap .order_list > ul > li .item_list .item { grid-template-columns: repeat(1, minmax(0, 1fr)); padding: 15px 0 20px !important;}
    .mypage_wrap .order_list ul li .item_list .item {border-top: 0.5px solid #ccc}
    .mypage_wrap .order_list > ul > li .item_list .item .info { grid-template-columns: 80px minmax(0,1fr); }
    .mypage_wrap .order_list > ul > li .item_list .item .info .txt_wrap .goods_tit { font-size: 13px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .mypage_wrap .auth_list .auth_list .item .auth_state,
    .mypage_wrap .order_list > ul > li .item_list .item .order_stat { margin-top: 0px; text-align: left; font-size: 16px; grid-row: 1; margin-bottom: 10px; display: flex; align-items: center}
    .mypage_wrap .order_list > ul > li .item_list .item .order_stat span { margin-top: 0px; margin-left: 10px}

    /*찜 목록*/
    .wish_wrap .wish_list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 50px 5px;}

    /*최근 본 상품*/
    .recent_wrap .recent_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .recent_allselect_area .btn_select_del { margin-left: 20px; font-size: 12px;}
    .recent_allselect_area .btn_select_del .ico { width: 20px; height: 20px; }

    .prd_list_wrap .item_img_area .goods_icon_area {display: none}

    /*마일리지*/
    .benefit_wrap { padding: 25px 30px; margin-bottom: 40px}
    .benefit_wrap .stat { flex-direction: column; align-items: flex-start; margin-top: 25px; }
    .benefit_wrap .stat .recent { font-size: 26px; }
    .benefit_wrap .stat .recent + .extinction { margin-top: 15px; }

    .tab_mypage ul li a { font-size: 13px; padding: 12px 0; }

    .benefit_list ul li { display: grid; grid-template-columns: auto 1fr; gap: 10px 15px; padding: 15px 0; }
    .benefit_list ul li .year { grid-row: 1; }
    .benefit_list ul li .month_day { grid-row: 2; }
    .benefit_list ul li .txt_box { grid-row: 2; grid-column: 2 / span 2; }
    .benefit_list ul li .limit_date { grid-row: 3; grid-column: 2; margin-top: 5px; }




    /*쿠폰*/
    .mypage_wrap .coupon_list ul { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .modal_cont.coupon .coupon_box .download_btn, .mypage_wrap .coupon_list ul li .download_btn {top: 20px; right: 20px; font-size: 15px;}
    .coupon_down_list ul li,
    .modal_cont.coupon .coupon_box,
    .mypage_wrap .coupon_list ul li { padding: 20px 20px; }
    .coupon_down_list ul li .top .benefit,
    .modal_cont.coupon .coupon_box .benefit,
    .mypage_wrap .coupon_list ul li .benefit { font-size: 24px; }
    .modal_cont.coupon .coupon_box .benefit, .mypage_wrap .coupon_list ul li .benefit {padding-right: 60px}
    .modal_cont.coupon .coupon_box .bottom_wrap,
    .mypage_wrap .coupon_list ul li .bottom_wrap { margin-top: 20px; }
    .mypage_wrap .coupon_list ul li .view_more button { margin-top: 5px; padding: 4px 10px; font-size: 10px; line-height: 1.2; }

    /*1:1 문의*/
    .mypage_wrap .board_sch_top { margin-top: 40px; }
    .mypage_wrap .board_sch_top .mypage_sch_wrap .inp input { font-size: 13px; }

    .inquiry_list > ul.list_head > li { display: none; }
    .inquiry_list > ul > li { padding: 15px 0; display: flex; flex-wrap: wrap}
    .inquiry_list > ul > li.list_empty {display: block;}
    .inquiry_list > ul > li .cate { text-align: left; font-size: 12px; order: 1}
    .inquiry_list > ul > li .tit { font-size: 14px; width: 100%; order: 3; margin-top: 5px;}
    .inquiry_list > ul > li .date { font-size: 10px; text-align: left; order: 2; margin-left: auto}
    .inquiry_list > ul > li .reply_yn { order: 4; margin-left: auto; margin-top: 5px;}
    .inquiry_list > ul > li .reply_yn span { padding: 4px 10px; font-size: 10px; }

    .inquiry_list > ul > li.prd .reply_yn {order: 1; margin-left: 0; margin-top: 0}
    .inquiry_list > ul > li.prd .tit {margin-top: 10px;}
    .inquiry_list > ul > li.prd .cate {margin-bottom: 5px;}

    .goods_origin_info .goodsviewbox {grid-template-columns: 80px minmax(0, 1fr);}
    .goods_origin_info .goodsviewbox .info .name a {font-size: 13px;}
    .goods_origin_info .goodsviewbox .info .name + .name {margin-top: 10px}

    /*상세*/
    .inquiry_view .tit_box { display: flex; gap: 0; flex-wrap: wrap; padding: 15px 0}
    .inquiry_view .tit_box .cate { font-size: 12px; order: 1}
    .inquiry_view .tit_box .tit { font-size: 13px; width: 100%; order: 3; flex: none; margin-top: 5px;}
    .inquiry_view .tit_box .date { font-size: 10px; text-align: left; order: 2; margin-left: auto}
    .inquiry_view .cont_wrap .cont { font-size: 13px; padding: 15px 0 40px 0}
    .inquiry_view .cont_wrap .btn button .ico { width: 14px; height: 14px; }
    .board_manager_reply .top {padding: 15px 0}

    .board_manager_reply .top .subject { font-size: 13px; }
    .board_manager_reply .top .writer span { padding: 4px 10px; font-size: 10px; }


    /*리뷰관리*/
    .mypage_wrap .title_container .review_point_notice { font-size: 13px; }

    /*리뷰관리_작성가능리뷰*/
    .tab_mypage { margin-top: 30px; }
    .my_review_list > ul > li { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 15px 0; }
    .my_review_list ul li .info { grid-template-columns: 80px auto; gap: 0 20px}
    .my_review_list ul li .info .txt_wrap .date {font-size: 11px;}
    .my_review_list ul li .info .txt_wrap .goods_tit {font-size: 13px; margin-top: 10px}
    .my_review_list ul li .btn { margin-left: auto; }

    /*리뷰관리_작성한리뷰*/
    .like_btn { height: 20px; padding: 0 8px; font-size: 10px; }
    .like_btn .ico {width: 14px; height: 14px; margin-right: 3px;}

    .mypage_wrap .resp_join_table > ul + ul { margin-top: 25px; }


    .mypage_wrap .resp_join_table .modal_tit_wrap .tit { font-size: 13px; }

    .mypage_wrap .resp_join_table .sns_connect_chk { margin-top: 5px; }

    .mypage_wrap .resp_join_table .sns_connect_chk .item .ico { flex-shrink: 0; width: 30px; height: 30px; }
    .mypage_wrap .resp_join_table .sns_connect_chk .item .txt_box { margin-left: 10px; }
    .mypage_wrap .resp_join_table .sns_connect_chk .item .txt_box p { font-size: 13px; }

    .mypage_wrap .resp_join_table .inp_box.email .nice-select { max-width: 100%; }
    .mypage_wrap .resp_join_table .chk_box input[type='radio'] + label { font-size: 13px; }
    .mypage_wrap .resp_join_table .inp_box { font-size: 13px; }
    .mypage_wrap .resp_join_table .inp_box .inp { font-size: 13px; }

    .mypage_wrap .btn_wrap { flex-wrap: wrap; justify-content: center; margin-top: 50px; }
    .mypage_wrap .btn_wrap .del_account { width: 100%; text-align: left; margin-bottom: 50px; }

    /*회원정보수정*/
    .mypage_wrap .resp_join_table .pop_btn { padding: 4px 10px 3px; font-size: 10px; line-height: 1.2; }
    .resp_member_join .desc { font-size: 11px; }

    /*배송지 관리*/
    .address_list ul li { display: block; gap: 0; padding: 20px 0; position: relative}
    .address_list ul li .txt_wrap .tit { font-size: 13px; }
    .address_list ul li .txt_wrap .addr_nm { margin-top: 15px; font-size: 12px; }
    .address_list ul li .txt_wrap .tel { font-size: 12px; }
    .address_list ul li .cont .default { width: 65px; font-size: 11px; }
    .address_list ul li .btn_box .mod_btn {position: absolute; right: 0; top: 20px; justify-content: flex-end}
    .address_list ul li .btn_box button {  font-size: 11px; justify-content: flex-start}
    .address_list ul li .btn_box button.set_default {justify-content: flex-start; padding-top: 0; margin-top: 20px}
    .address_list ul li .btn_box button.del .ico { width: 14px; height: 14px; }

    .modal_3d .device_sect .device_3d {flex-wrap: wrap; position: relative; overflow: hidden}
    .modal_3d .device_sect .device_3d .remote_view_btn svg{transition: all 0.3s}
    .modal_3d .device_sect .device_3d.on .remote_view_btn svg {transform: rotate(180deg)}
    .modal_3d .device_sect .device_3d .remote { padding-bottom: 0; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; z-index: 3; transition: left 0.5s; padding-right: 0}
    .modal_3d .device_sect .device_3d.on .remote {left: 0}
    .modal_3d .device_sect .device_3d .remote .remote_cont {padding: 20px; height: 100%}
    .modal_3d .device_sect .device_3d .virtual_3d_box {width: 100%; height: 50vh; position: relative; margin-left: 0; border-radius: 0}
    .modal_3d .device_sect .device_3d .remote .remote_cont .product_sel ul li,
    .modal_3d .device_sect .device_3d .remote .remote_cont .product_sel .current {padding: 10px; gap: 0 15px;}
    .modal_3d .device_sect .device_3d .remote .remote_cont .product_sel .current .img img {height: 40px;}
    .modal_3d .device_sect .device_3d .remote .remote_cont .product_sel ul li .img img {height: 40px;}
    .modal_3d .device_sect .device_3d .remote .remote_cont .color_change p {font-size: 11px; margin-bottom: 10px;}
    .modal_3d .device_sect .device_3d .remote .remote_cont .color_change div span {width: 14px; height: 14px}

    .modal_3d .device_sect .device_3d .remote .remote_cont .component {padding: 15px 0; margin: 15px 0;}
    .modal_3d .device_sect .device_3d .remote .remote_cont .component ul {display: flex; flex-wrap: wrap; margin-top: -10px; }
    .modal_3d .device_sect .device_3d .remote .remote_cont .component ul li {margin-top: 10px; margin-right: 15px}
    .modal_3d .device_sect .device_3d .remote .remote_cont .component ul li + li {margin-top: 10px}
    .modal_3d .device_sect .device_3d .remote .remote_cont .component ul li button {font-size: 12px; }
    .modal_3d .device_sect .device_3d .remote .remote_cont .component ul li button svg {margin-left: 5px; }


    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc {margin-left: 10px; padding: 10px; width: 37%;}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .tit {font-size: 13px;}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .txt {font-size: 10px; margin-top: 10px; line-height: 1.5}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .pop_desc_wrap {padding-left: 0}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .pop_desc_wrap::before {font-size: 10px; top: 0; display: none}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .backBtn {font-size: 10px;top: -17px;right: -10px;transform: translateY(-100%);}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .btn_box {margin-top: 10px; font-size: 10px;}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .btn_box a {width: 100%; padding-bottom: 0; border-bottom: none; line-height: 1.5}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pop_desc .btn_box a svg {margin-left: 10px;}
    .modal_3d .device_sect .device_3d .virtual_3d_box .pointer {width: 6rem;}

    .bbs_top_wrap + .event_li_wrap,
    .notice_container .notice_li, .cs_li_wrap .how_li, .faq_li_wrap .bbs_top_wrap + .faq_list {margin-top: 15px;}

    /*브랜드 스토리*/
    .brand_story .yoo_jin_sect {margin-top: 0; padding-bottom: 80px; min-height: 0}
    .brand_story .canvas_box {display: none}
    .brand_story .visual_sect {height: calc(100vh - var(--header_total) - var(--depth2_height) - var(--bot_fix_menu) + 1px)}
    .brand_story .visual_sect .bg_img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; padding-top: 100%}
    .brand_story .visual_sect .bg_img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 100%; height: 100%; object-position: center; object-fit: cover}
    .brand_story .visual_sect .move_text_box {position: absolute;  left: 0; top: 50%; transform: translateY(-50%); width: 100%}
    .brand_story .visual_sect .move_text_box svg {fill: #fff}
    .brand_story .visual_sect .move_text_box .text svg {animation: textLoop 10s linear infinite;padding-right:40px;line-height: 1.1;text-transform: inherit;}

    .brand_story .yoo_jin_sect .video_box .video {border-radius: 10px;}
    .brand_story .yoo_jin_sect .video_box .video .txt_box .tit {font-size: 24px;}
    .brand_story .yoo_jin_sect .video_box .video .txt_box .txt {font-size: 12px; margin-top: 10px}


    .brand_story .yoo_jin_sect .skill_cont .cont_tit {font-size: 20px;}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont {margin-top: 20px; width: calc((var(--resp_wrap_pd) * 2) + 100%); margin-left: calc(var(--resp_wrap_pd) * -1); height: 85px}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir {width: 48.5vw}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .bg {height: 85px}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .bg svg {height: auto}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .tit {font-size: 20px;}
    .brand_story .yoo_jin_sect .skill_cont .cir_cont .cir .txt {font-size: 13px;}
    .brand_story .yoo_jin_sect .skill_cont .cont_txt {font-size: 13px; margin-top: 30px; word-break: keep-all}
    .brand_story .yoo_jin_sect .skill_cont .cont_txt br {display: none}

    .brand_story .yoo_jin_sect .skill_cont.animated .cir_cont {width: 100%; margin-left: 0}

    .brand_story .fixed_sect {margin-top: 0}
    .brand_story .fixed_sect .card_slide {height: auto}

    .brand_story .fixed_sect .card_wrap {height: auto}
    .brand_story .fixed_sect .card_wrap .card {border-radius: 0px; position: relative; height: 50vh; top: 0; margin-top: 0}
    .brand_story .fixed_sect .card_wrap .card + .card {margin-top: -2px}
    .brand_story .fixed_sect .card_wrap .card:nth-child(2),
    .brand_story .fixed_sect .card_wrap .card:nth-child(3) {top: 0; height: 60vh}

    .brand_story .sect_en_tit {font-size: var(--en_tit);}

    .brand_story .fixed_sect .card_wrap .card .tit_box .sect_txt {margin-top: 20px; font-size: 16px; word-break: keep-all}
    .brand_story .fixed_sect .card_wrap .card .tit_box .sect_txt br {display: none}
    .brand_story .fixed_sect .card_wrap .card .tit_box .sect_sm_txt {font-size: 13px; display: none}
    .brand_story .fixed_sect .card_wrap .card .tit_box .sect_sm_txt br {display: none}


    .brand_story .logo_cont + .sect_tit_box, .brand_story .ci_sect {margin-top: 120px;}
    .brand_story .ci_sect .sect_tit_box .tit {font-size: 16px; margin-top: 25px; word-break: keep-all}
    .brand_story .ci_sect .sect_tit_box .txt {font-size: 13px; margin-top: 10px;}

    .brand_story .graphic_cont, .brand_story .logo_cont {margin-top: 80px}
    .brand_story .ci_sect .left_box .tit {font-size: 20px;}
    .brand_story .ci_sect .left_box {margin-bottom: 15px;}

    .brand_story .graphic_cont .color_cont {flex-wrap: wrap}
    .brand_story .graphic_cont .color_cont .img_box {width: 100%}
    .brand_story .graphic_cont .color_cont .color_box {height: 250px;}
    .brand_story .graphic_cont .color_cont .color_box .color .txt_box {display: block; font-size: 14px}
    .brand_story .graphic_cont .cont.graphic .right_box .box + .box {margin-top: 15px;}




    /*지속가능경영*/
    .sustainable_page .esg_sect .icon_wrap .swiper-wrapper {flex-wrap: wrap;}
    .sustainable_page .esg_sect .icon_wrap .swiper-wrapper .swiper-slide {width: calc(50% - 10px); flex: none; margin-right: 20px}
    .sustainable_page .esg_sect .icon_wrap .swiper-wrapper .swiper-slide:nth-child(2n) {margin-right: 0}
    .sustainable_page .esg_sect .icon_wrap .swiper-wrapper .swiper-slide:nth-child(n+3) {margin-top: 30px}
    .sustainable_page .esg_sect .icon_wrap .swiper-wrapper .swiper-slide .cont {opacity: 1}

    .sustainable_page .esg_sect .icon_wrap .cont .txt_box {margin-top: 10px}
    .sustainable_page .esg_sect .icon_wrap .cont .txt_box .sub_tit {font-size: 12px;}
    .sustainable_page .esg_sect .icon_wrap .cont .txt_box .tit {font-size: 26px}
    .sustainable_page .esg_sect .icon_wrap .cont .txt_box .txt {font-size: 13px;}
    .sustainable_page .esg_sect .sect_tit {font-size: var(--sub_tit)}
    .sustainable_page .esg_sect .sect_tit span {font-size: 24px}

    .sustainable_page .txt_slide .cont.active .desc,
    .sustainable_page .txt_slide .cont .desc {font-size: 16px; padding-left: 35px;}
    .sustainable_page .txt_slide .cont .desc br {display: none}
    .sustainable_page .txt_slide .cont .tit {padding-left: 30px;}
    .sustainable_page .txt_slide .cont .tit:before {left: 0; transform:unset; top: 25px; font-size: 16px}
    .sustainable_page .txt_slide .cont.active .tit,
    .sustainable_page .txt_slide .cont .tit {font-size: 48px}

    .sustainable_page .txt_slide .cont.active .txt,
    .sustainable_page .txt_slide .cont .txt {font-size: 13px; margin-top: 10px; padding-left: 35px;}
    .sustainable_page .txt_slide .cont .txt span {padding-left: 10px;}
    .sustainable_page .txt_slide .cont .txt span:before {width: 3px; height: 3px; top: 9px;}

    /* 렌탈접수 */

    .rental_page .sect_txt_box .txt {font-size: 13px;}
    .rental_page .benefit_cont {display: block; position: relative; padding-bottom: 49vw}
    .rental_page .benefit_cont .left_box {height: auto; position: static}
    .rental_page .sect_txt_box .txt br {display: none}

    .rental_page .benefit_cont .left_box .img {position: absolute; right: 0; bottom: 0; display: flex; justify-content: center}
    .rental_page .benefit_cont .left_box .img img {width: 60%}

    .rental_page .benefit_cont .right_box {padding-left: 0; padding-top: 60px}
    .rental_page .benefit_cont .right_box .cont + .cont {margin-top: 60px}
    .rental_page .benefit_cont .right_box .cont .badge {font-size: 12px;}
    .rental_page .benefit_cont .right_box .cont .tit {font-size: 20px;}
    .rental_page .benefit_cont .right_box .cont .txt {margin-top: 10px; font-size: 13px;}
    .rental_page .benefit_cont .right_box .cont .sm_txt {font-size: 12px;}

    .rental_page .custom_benefit_cont {padding: 60px 0}
    .rental_page .prd_wrap {margin-top: 60px}
    .rental_page .custom_benefit_cont .icon_wrap {margin-top: 30px; flex-wrap: wrap}
    .rental_page .custom_benefit_cont .icon_wrap .cont.type1 {width: 100%}

    .rental_page .custom_benefit_cont .icon_wrap .cont.type1 .icon_box {flex: 1}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box .tit_box .txt {margin-top: 10px}
    .rental_page .custom_benefit_cont .icon_wrap .cont {flex-wrap: wrap; justify-content: space-between}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box + .icon_box {margin-left: 0}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box:nth-child(n+3) {margin-top: 5px;}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box {padding: 15px; width: calc(50% - 2.5px); flex: none}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box.img .tit_box {padding: 15px;}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box.img {padding: 0; padding-top: 26.7%}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box.img.type1 {width: 100%; padding: 0}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box.img.type1 img {position: static}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box.img.type1 ~ .icon_box {margin-top: 5px}

    .rental_page .custom_benefit_cont .icon_wrap .icon_box .tit_box .tit {font-size: 16px;}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box .tit_box .txt {font-size: 13px;}
    .rental_page .custom_benefit_cont .icon_wrap .icon_box .icon {width: 50px; height: 50px; margin-bottom: 20px;}

    /*faq*/
    .faq_li .question {padding: 15px 0; }
    .faq_li .question:before {margin-right: 1.3rem}
    .faq_li .question .subject {flex-wrap: wrap; word-break: keep-all}
    .faq_li .question .boad_faqview_btn {width: 100%; margin-top: 10px;}
    .faq_li .answer .box {padding: 20px 20px 20px 23px;}
    .faq_li .question .subject .cat + span > a {font-size: 14px}
    .faq_li .answer {font-size: 13px;}
    .faq_li .question:after {width: 2rem; height: 2rem}


    /*정품인증*/
    .pd_regist_page .sect_tit_box .en_tit {font-size: var(--en_tit);}
    .pd_regist_page .sect_tit_box .tit {font-size: 16px;}
    .pd_regist_page .sect_tit_box .txt {font-size: 13px; word-break: keep-all}
    .pd_regist_page .check_sect .cont_tit_box .en_tit {font-size: 20px;}

    .pd_regist_page .reg_sect .sect_tit_box .tit,
    .pd_regist_page .act_sect .cont_box .cont .tit,
    .pd_regist_page .check_sect .cont_tit_box .tit {font-size: 24px; word-break: keep-all}


    .pd_regist_page .check_sect .cir_wrap {margin-top: 40px; justify-content: center}
    .pd_regist_page .check_sect .cir_wrap .cir {width: min(31.5%,180px) ; padding-top: min(31.5%,180px)}
    .pd_regist_page .check_sect .cir_wrap .arr + .cir {margin-left: 10px}
    .pd_regist_page .check_sect .cir_wrap .cir .txt_box {top: 15%}
    .pd_regist_page .check_sect .cir_wrap .cir .txt_box .step {font-size: 10px; width: 60px; height:20px; line-height: 20px;}
    .pd_regist_page .check_sect .cir_wrap .cir .txt_box .txt {margin-top: 10px; font-size: 13px; line-height: 1.5}

    .pd_regist_page .check_sect .cir_wrap .arr,
    .pd_regist_page .check_sect .cir_wrap .arr svg {width: 5rem; display: none}

    .pd_regist_page .act_sect .cont_box {flex-wrap: wrap; justify-content: space-between}
    .pd_regist_page .act_sect .cont_box .cont.img.type1 {width: 100%}
    .pd_regist_page .act_sect .cont_box .cont.img.type1 ~ .cont {margin-top: 5px;}
    .pd_regist_page .act_sect .cont_box .cont:nth-child(n+3) {margin-top: 5px;}
    .pd_regist_page .act_sect .cont_box .cont + .cont {margin-left: 0}

    .pd_regist_page .act_sect .cont_box .cont.img {padding-top: 40%}
    .pd_regist_page .act_sect .cont_box .cont.img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
    .pd_regist_page .act_sect .cont_box .cont.img.type1 {padding: 0}
    .pd_regist_page .act_sect .cont_box .cont.img.type1 img {position: static}
    .pd_regist_page .act_sect .cont_box .cont {width: calc(50% - 2.5px)}
    .pd_regist_page .act_sect .cont_box .cont .txt_box {padding: 20px}
    .pd_regist_page .act_sect .cont_box .cont .num_tit {font-size: 12px}
    .pd_regist_page .act_sect .cont_box .cont .num_tit .num {width: 25px; height: 25px}
    .pd_regist_page .act_sect .cont_box .cont .tit {margin-top: 15px; font-size: 16px; word-break: keep-all}
    .pd_regist_page .act_sect .cont_box .cont .txt {font-size: 11px; margin-top: 10px;}

    .pd_regist_page .reg_sect .sect_tit_box .txt {font-size: 13px; margin-top: 15px;}
    .pd_regist_page .reg_sect .sect_tit_box .txt + .txt {margin-top: 10px;}

    .pd_regist_page .reg_sect .form .inp_box .tit {font-size: 13px; min-width: 70px;}
    .pd_regist_page .reg_sect .form .btn {margin-left: 0; width: 100%; height: var(--inp_height); line-height: var(--inp_lineheight); font-size: var(--inp_txt)}

    .pd_regist_page .reg_sect .form .inp_box + .inp_box {margin-top: 10px;}
    .pd_regist_page .reg_sect .form .inp_box .inp input {height: var(--inp_height); line-height: var(--inp_lineheight); font-size: var(--inp_txt)}
    .pd_regist_page .reg_sect .form .inp_box .inp input::placeholder {font-size: var(--inp_txt)}

    .pd_regist_page .check_sect .label_cont {margin-top: 60px;}
    .pd_regist_page .act_sect {padding-bottom: 60px;}
    .pd_regist_page .reg_sect {padding: 60px 0}
    .pd_regist_page .check_sect {padding: 60px 0}

    .pd_regist_page .moveText {height: 12rem}
    .move_text_box .text p {font-size: 10rem}
    .pd_regist_page .reg_sect .img {width: 60%;max-width: 280px; top: auto; bottom: 0; transform: translate(20%,-10%); display: none}

    .pd_regist_page .check_sect .label_cont .cont_box {margin-top: 40px; width: 100%; flex-wrap: wrap}
    .pd_regist_page .check_sect .label_cont .cont_box .cont {width: 100%; flex: none}
    .pd_regist_page .check_sect .label_cont .cont_box .cont .txt {font-size: 13px; margin-top: 15px;}

    .pd_regist_page .check_sect .label_cont .cont_box .cont + .cont {margin-top: 40px; margin-left: 0}

    .act_details_page .sect_tit .txt,
    .beauty_container .beauty_activity .sect_tit .txt {font-size: 13px; margin-top: 5px; word-break: keep-all}

    .beauty_container .page_tit {line-height: 1.4}
    .beauty_container .page_tit .date {font-size: 13px;}
    .beauty_container .beauty_activity {margin-top: 120px}
    .beauty_container .beauty_activity .scene_sect .cont_box {flex-wrap: wrap}
    .beauty_container .beauty_activity .scene_sect .cont_box .sect_tit {margin-right: 0; width: 100%}
    .beauty_container .beauty_activity .scene_sect .video_box {width: 100%; flex: none; margin-top: 30px}

    .beauty_container .beauty_activity .sect + .sect,
    .beauty_container .beauty_activity .honor_sect,
    .beauty_container .beauty_activity .shorts_sect {margin-top: 100px;}
    .beauty_container .beauty_activity .honor_sect {padding: 100px 0}
    .beauty_container .beauty_activity .honor_sect .swiper-container {padding: 0}

    .beauty_container .beauty_activity .honor_sect .sect_tit {margin-bottom: 0}
    .beauty_container .beauty_activity .honor_sect .cont .txt_box .txt {font-size: 13px;}

    .beauty_container .beauty_activity .reg_bg,
    .beauty_container .beauty_activity .sect + .sect,
    .beauty_container .beauty_activity .honor_sect,
    .beauty_container .beauty_activity .shorts_sect {margin-top: 100px}
    .beauty_container .beauty_activity .reg_bg {padding-top: 80px;}

    .beauty_container .beauty_activity .honor_sect .slide_box,
    .beauty_container .beauty_activity .shorts_sect .slide_box,
    .beauty_container .beauty_activity .rep_sect .slide_box {margin-top: 30px;}

    .beauty_container .beauty_activity .rep_sect .cont .img .ico_box {width: 30px; height: 30px; right: 10px; top: 10px;}
    .beauty_container .beauty_activity .rep_sect .cont .img .ico_box .ico {width: 18px; height: 18px}

    .beauty_container .beauty_activity .rep_sect .cont .txt_box {margin-top: 10px}
    .beauty_container .beauty_activity .rep_sect .cont .txt_box .name {font-size: 13px;}
    .beauty_container .beauty_activity .rep_sect .cont .txt_box .id {font-size: 12px}

    .beauty_container .beauty_activity .excellent_sect {margin-top: 80px}
    .beauty_container .beauty_activity .excellent_sect .cont_box .list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
    .beauty_container .beauty_activity .excellent_sect .cont_box .list li {padding: 15px;}

    .beauty_container .beauty_activity .excellent_sect .cont_box .list li .ico_box {width: 30px;height: 30px;right: 10px;top: 15px;}
    .beauty_container .beauty_activity .excellent_sect .cont_box .list li .ico_box .ico {width: 18px; height: 18px;}

    .beauty_container .beauty_activity .excellent_sect .cont_box .list li .name {font-size: 13px; margin-bottom: 3px;}
    .beauty_container .beauty_activity .excellent_sect .cont_box .list li .id {font-size: 12px;}


    /*통합검색*/
    .search_all_wrap .sch_tab.type2 {flex-wrap: wrap}
    .search_all_wrap .sch_tab.type2 .tab {width: 33.333%}
    .search_all_wrap .sch_tab .tab:nth-child(4) {border-left: 1px solid #CCCCCC}
    .search_all_wrap .sch_tab .tab:nth-child(n+4) {border-top: none}

    .search_all_wrap .cont_wrap + .cont_wrap,
    .search_all_wrap .cont_wrap {margin-top: 60px;}
    .search_all_wrap .cont_wrap > .tit_wrap {padding-bottom: 10px;}
    .search_all_wrap .cont_wrap > .tit_wrap .tit .txt {font-size: 18px;}
    .search_all_wrap .notice_li .notice .subject,
    .search_all_wrap .notice_li .notice .ntc_tit {width: 100%}
    .search_all_wrap .notice_li .notice .util {margin-top: 8px; width: 100%}
    .search_all_wrap .notice_li .notice .route_wrap + .date {margin-left: auto; margin-top: 0}

    /*로그인*/
    body.login.sub .layout_header {height: var(--header_Height);}
    body.login .sub_nav {display: none !important;}
    body.login.sub .layout_wrap { min-height: var(--fullHeight)}
    body.login.sub .bot_fix_menu {display: none !important;}
    body.login .layout_footer {padding-bottom: 40px}

    .login_bg {min-height: calc(var(--fullHeight) - var(--header_Height) + 4px)}
    .resp_member_join_wrap, .resp_member_join_wrap,
    .resp_login_wrap {max-width: 400px;}
    .login_bg .login_box {padding: 20px 15px; margin: 0 35px; min-height: 450px; width: 400px}
    .login_bg .login_box .login_tit_box {padding-bottom: 14px; border-bottom: 0.5px solid rgba(0,0,0,0.14)}
    .login_bg .login_box .login_tit_box .txt {font-size: 12px;}
    .login_bg .login_box .login_tit_box .txt a {margin-left: 10px;}
    .login_bg .login_box .login_tab {margin-top: 40px;}
    .login_bg .login_box .login_cont {padding: 0; margin-top: 15px; min-height: 0}
    .login_bg .login_box .login_cont .sns_login {margin-top:15px}
/*     .login_bg .login_box .login_cont .sns_login .wide_sns.kakao .ico svg {height: 12px;}
    .login_bg .login_box .login_cont .sns_login .wide_sns.naver .ico svg {height: 11px;}
    .login_bg .login_box .login_cont .sns_login .ico {width: 30px; height: 30px;} */
    .login_bg .login_box .login_cont .sns_login .wide_sns .txt {font-size: 12px; margin:0 5px 0 7px;}
    .login_bg .login_box .login_cont .util_wrap .util a + a:before {margin: 0 7px}
    .login_bg .login_box .login_cont .util_wrap {margin-top: 15px}
    .login_bg .login_box .login_tab li {font-size: 13px;}
    .login_bg .login_box .login_tab li + li {margin-left: 40px}
    .login_bg .login_box .login_cont .util_wrap .util a {font-size: 12px;}
    .login_bg .login_box .login_cont .btn_wrap {margin-top: 25px;}

	.login_bg .login_box .login_cont .sns_login button .ico{width: 20px;}


    /*라이브 방송*/
    .live_page .live_list {gap: 40px 15px}
    .live_page .live_list .right_box {padding-top: 20px;}
    .live_page .live_list .txt_box .date {font-size: 14px;}
    .live_page .live_list .txt_box .time {font-size: 30px;}
    .live_page .live_list .end .img:before {font-size: 18px}
    .live_page .live_list .img_box .btn_wrap {left: 10px; top: 10px;}
    .live_page .live_list .txt_box .tit {font-size: 14px; margin-top: 20px;}
    .live_page .live_list .prd_list {padding-top: 15px; margin-top: 15px;}
    .live_page .live_list .prd_list .prd_img {width: 5rem; height: 5rem}


    /* 공지사항 */

    /*.cs_li_wrap .how_li,*/
    .faq_li_wrap .bbs_top_wrap + .faq_box,
    .bbs_top_wrap + .notice_li, .faq_li_wrap .bbs_top_wrap + .faq_li {margin-top: 40px}

    /*주문완료*/
    .order_container .order_complete_tit p {font-size: var(--sub_tit);}
    .order_container .order_complete_tit span {font-size: 14px;}
    .order_container {padding: 0}
    .order_container .order_num {padding: 20px; margin-bottom: 60px; flex-wrap: wrap}
    .order_container .order_num div { font-size: 14px; width: 100%; margin: 0}
    .order_container .order_num div + div {margin-top: 10px}
    .order_container .order_num div p {font-size: 14px; margin-left: 10px}
    .order_container .order_num div:first-child {justify-content: flex-start}

    .order_container .order_info {padding: 15px; margin-top: 30px; font-size: 14px;}
    .order_container .order_info dl {align-items: baseline; gap: 8px 20px}
    .order_container .order_info dl dt {font-size: 12px;}
    .order_container .order_info dl dd {font-size: 13px;}
    .order_container .order_info dl .receipt_btn {font-size: 10px; padding: 2px 6px}
    .order_container .order_info dl dd.deposit {display: flex; flex-direction: column; align-items: flex-start}
    .order_container .order_info dl dd.deposit .receipt_btn {margin-top: 5px}
    .beauty_container + .resp_wrap, .beauty_container .beauty_activity {margin-top: 60px;}

    .beauty_container .beauty_activity .rep_sect .sect_tit .queen_txt svg {width: 20rem}
    .beauty_container .beauty_activity .rep_sect .sect_tit .queen_txt p {font-size: 42px;}

    .main4 .info_sect .txt_wrap {height: 26rem}
    .main4 .info_sect .btn_wrap {top: 29%}

    .find_confirm,
    .login_container .auth_confirm_contents .btn_wrap {margin-top: 3.5rem}

    .mypage_wrap .refund_method .refund_info_box .tit {font-size: 12px;}
    .mypage_wrap .refund_method .refund_info_box {font-size: 12px;}


    .designPopup .swiper-pagination {bottom: 10px}
    .designPopup .swiper-pagination span {width: 6px; height: 6px}
    .designPopup .swiper-pagination .swiper-pagination-bullet-active {width: 12px;}

    .designPopup.popup_slider{align-items: flex-end; right: 0; width: 100%;}
    .designPopup .popup_slider_view{}
    .designPopup .designPopupBarNew{}
    .designPopup.popup_slider .swiper-pagination{transform: none; right: 20px; padding: 0.5em 0.8em;}

    .layout_footer .bot_box.week {margin-top: 0}
    .layout_footer .bot_box.week .bot_logo {padding-top: 30px}
    .layout_footer .bot_box.week .txt_box .copy {font-size: 12px;}


    .login_bg .login_box .login_cont .inp_wrap .inp_box input {box-shadow: none; border: 1px solid rgba(0,0,0,0.2)}

    .event_view .view_board .full_img .txc-image {width: 100% !important;}
    .event_view .view_board .full_img {padding: 12rem 15px}
    .event_view .view_board .txt_img {display: flex ; justify-content: center}
    .event_view.full .view_board .txt_img .txc-image {width: 140% !important;}

    .mypage_wrap .resp_join_table .member_sns_list .sns_icon {width: 30px}
    .mypage_wrap .resp_join_table .member_sns_list img {width: 30px; height: 30px}
    .mypage_wrap .resp_join_table .member_sns_list .disconnect_btn {font-size: 13px;}
    .mypage_wrap .resp_join_table .member_sns_list .disconnect_btn + .item,
    .mypage_wrap .resp_join_table .sns_connect_chk .item + img,
    .mypage_wrap .resp_join_table .member_sns_list .disconnect_btn + img {margin-left: 30px}

    /*768*/



    /*제품 인증 팝업*/
    .modal_cont.pd_regist .bg_box {font-size: 13px; padding: 20px;}
    .modal_cont.pd_regist .top_txt {font-size: 13px;}


    /*마이페이지*/
    .mypage_wrap .title_container>h2 {font-size: 20px;}
    .auth_list .auth_cont .auth_date p,
    .mypage_wrap .order_list ul li .order_date p,
    .order_view_wrap .tit_box .tit{font-size: 14px;}
    .order_view_wrap dl {gap: 10px 15px;padding-top: 20px; font-size: 13px;}
    .order_view_wrap .tit_box .tit {font-size: 16px;}
    .order_view_wrap .settle {font-size: 20px; transform: translateY(1px); display: inline-block}

    .order_view_wrap .order_price_total .item {font-size: 14px; padding: 15px 10px ; }
    .order_view_wrap .order_price_total .item .price {display: flex; align-items: center; flex-wrap: nowrap}
    .order_view_wrap .order_price_total .item .price p button {font-size: 10px}
    .order_view_wrap .order_price_total .item .price p {font-size: 13px; min-width: 60px; line-height: 1}
    .order_view_wrap .order_price_total .item .price span {margin-top: 0; text-align: right}
    .order_view_wrap .order_price_total .item + .item {border-left: none; border-top: 1px solid #ccc; }
    .order_view_wrap .order_price_total .item:not(:first-child)::before {left: calc(50% - 0.6em); top: calc(0% - 0.6em);}

    .order_view_wrap .order_price_total {display: block}

    .modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select {max-width: 100%; font-size: 12px; padding-left: 10px; padding-right: 30px}
    .modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .option {padding: 0 10px}
    .modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .list li:before,
    .modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .current:before {font-size: 10px; height: 19px; line-height: 19px;}

    .wish_wrap .wish_list .item_img_area .chk_box {right: 5px; top: 5px}

    .modal_cont.sns_review .sns_review_wrap .box .sel_wrap .nice-select .current {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .inquiry_write .cont .inp_box.email .inp {max-width: none; flex: 1; }

    .my_review_list2 > ul > li {padding: 20px 0; flex-wrap: wrap; border-bottom: 0.5px solid #cccccc; position: relative; }
    .my_review_list2 > ul > li .score_box {width: 100%; display: flex; align-items: center}
    .my_review_list2 > ul > li .score_box .txt {font-size: 11px; margin-top: 0px; margin-left: 5px;}
    .my_review_list2 > ul > li .score_box .review_info .ev_active2 b:before {width: 60px}
    .my_review_list2 > ul > li .score_box .review_info .ev_active2 {width: 60px;height: 10px;}
    .my_review_list2 > ul > li .cont_box {margin-left: 0; margin-top: 10px;}
    .my_review_list2 > ul > li .txt_box .crystal_btn_box {top: 20px;}
    .my_review_list2 > ul > li .txt_box {position: static; }
    .my_review_list2 > ul > li .txt_box .product_txt {font-size: 11px;}
    .my_review_list2 > ul > li .txt_box .txt  {font-size: 13px; margin-top: 5px}
    .my_review_list2 > ul > li .img_box {margin-left: 20px; flex-shrink: 0; width: 70px; height: 70px;}
    .my_review_list2 > ul > li .good_info_box {margin-top: 20px;}
    .my_review_list2 > ul > li .txt_box .more_button {font-size: 11px;}

    .board_goods_select_display .goods_area .name {font-size: 13px;}


    .inquiry_list ul li .tit .txt .prd_txt + .inq_tit {font-size: 13px;}


    .cont.product_choice .chk_product_li li > .product .img_wrap {width: 80px; height: 80px}
    .cont.product_choice .chk_product_li li > .product .consumer_price {display: none}

    /*머이페이지 정품인증*/
    .mypage_wrap .auth_list .auth_list {padding: 15px 0}
    .mypage_wrap .auth_list .auth_list .item {flex-direction: column; align-items: flex-start}
    .mypage_wrap .auth_list .auth_list .item .auth_info {order: 2; max-width: 100%; min-width: 0; width: 100%; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 10px 0}
    .mypage_wrap .auth_list .auth_list .item .auth_state {margin-left: 0;}
    .mypage_wrap .auth_list .auth_list .item .auth_info li {font-size: 13px;grid-template-columns: 65px auto;gap: 10px 10px;}

    .mypage_wrap .title_container .btn {width: 110px}

    /*주소검색*/
    .zipcode_iframe {max-height: 805px}

    /*체험단 뷰티에디터*/
    .exp_group_wrap .exp_box { grid-template-columns: repeat(1, minmax(0, 1fr)); padding: 20px 0; }
    .exp_group_wrap .exp_box .info { grid-template-columns: 80px auto; grid-row: 2; align-items: flex-start}
    .exp_group_wrap .exp_box .info .txt_wrap .goods_tit { font-size: 13px; }
    .exp_group_wrap .exp_box .order_stat { margin-bottom: 10px; text-align: left; font-size: 16px; grid-row: 1; }
    .exp_group_wrap .exp_box .order_stat * + * { margin-top: 5px; }
    .exp_group_wrap .exp_box .util_wrap .state {text-align: left; margin-bottom: 10px;}

    .exp_group_wrap .exp_box .btn_box,
    .mypage_wrap .order_list ul li .item_list .item .btn {margin-top: 20px; }
    .exp_group_wrap .exp_box .btn_box > .btn,
    .mypage_wrap .order_list ul li .item_list .item .btn > * {flex: 1; padding: 10px 0; font-size: 13px; border-radius: 3px;}


    /*회사정보 및 운영*/
    .modal_cont.prd_info .list {font-size: 12px;}
    .modal_cont.prd_info .list li {display: block}
    .modal_cont.prd_info .list li b {margin-bottom: 3px; display: block}
    .modal_cont.prd_info .list li + li {margin-top: 15px}
    .exp_group_wrap .exp_box .img {width: 80px; padding-top: 80px;}

    /*페이징 */
    .paging_navigation a, .paging_navigation input {font-size: 15px; padding: 0 10px;}
    .paging_navigation a.prev,
    .paging_navigation a.next,
    .paging_navigation a[rel='prev'],
    .paging_navigation a[rel='next'] {height: 30px;  background-size: 18px 18px;}
    .paging_navigation a.first, .paging_navigation a.last, .paging_navigation a.end,
    .paging_navigation a[rel='first'], .paging_navigation a[rel='last'], .paging_navigation a[rel='end'] {height: 30px; background-size: 18px 18px;}

    .iframe_paging_navigation a, .iframe_paging_navigation input {font-size: 15px; padding: 0 10px;}
    .iframe_paging_navigation a.first, .iframe_paging_navigation a.last, .iframe_paging_navigation a.end, .iframe_paging_navigation a[rel='first'], .iframe_paging_navigation a[rel='last'], .iframe_paging_navigation a[rel='end'],
    .iframe_paging_navigation .first, .paging_navigation [rel='first'], .paging_navigation .last, .paging_navigation [rel='last'], .iframe_paging_navigation .end, .iframe_paging_navigation [rel='end'] {height: 30px; background-size: 18px 18px;}

    .iframe_paging_navigation a.prev, .iframe_paging_navigation a.next, .iframe_paging_navigation a[rel='prev'], .iframe_paging_navigation a[rel='next'], .iframe_paging_navigation .prev, .iframe_paging_navigation [rel='prev'] {height: 30px; background-size: 18px 18px}



    /*푸터*/
    .layout_footer .bot_box .sns .ico .sns_ico {width: 30px; height: 30px;}
    .layout_footer .bot_box {margin-top: 0}
    .layout_footer .foo_nav {margin-bottom: 00px;}
    .layout_footer .foo_nav .depth1 > li{display: none}
    .layout_footer .foo_nav .depth1 > li.mo {display: block}
    .layout_footer .foo_nav .depth1 > li.mo > a {display: none}
    .layout_footer .foo_nav .depth1 > li.mo .depth2 {display: flex; margin-top: 0; color: #fff; font-weight:500}
    .layout_footer .foo_nav .depth1 > li.mo .depth2 li + li {margin-left: 15px; margin-top: 0}
    .layout_footer .foo_nav .depth1 > li.mo .depth2 a {color: #fff}

    .layout_footer .bot_box.week .sns {position: absolute; left: auto ;right: 0; top: 2px; transform: translateY(-100%)}
    .layout_footer .bot_box.week .txt_box {align-items: flex-start}
    .layout_footer .bot_box.week .prd_info_txt .txt {text-align: left}
    .layout_footer .bot_box.week .prd_info_txt .txt p {display: inline}
    .layout_footer .bot_box.week .prd_info_txt .txt p:nth-child(4) span:nth-child(2):before {display: none}
    .layout_footer .bot_box.week .prd_info_txt .txt p:nth-child(5) {display: block}
    .layout_footer .bot_box.week .bot_logo {width: 100%}
    .layout_footer.ski.type3 .bot_logo svg {width: 100%}

/*    .layout_footer .foo_nav .depth1 li.mo {display: block; position: relative; flex: 1; border-bottom: 0.5px solid #fff; padding:0 0px 15px}
    .layout_footer .foo_nav .depth1 li.mo:before {content: '';position: absolute;right: 0px;top: 0.3em;width: 2rem;height: 2rem;
        background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 0px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="113.02 50.32 70 93.34 27.09 50.42"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') center/cover no-repeat;
        transition: transform 0.3s;pointer-events: none;}
    .layout_footer .foo_nav .depth1 li.mo .depth2 {display: none;}
    .layout_footer .foo_nav .depth1 li.mo.on:before {transform: rotate(180deg)}*/

    .layout_footer {padding: 40px 0 100px;}
    .layout_footer .ft_left .foo_nav .tit {font-size: 13px;}
    .layout_footer .ft_left .foo_nav_box .nav_box {font-size: 12px;}
    .layout_footer .ft_left .foo_nav_box .nav_box {display: block}
    .layout_footer .ft_left .foo_nav_box ul {flex-wrap: wrap; display: inline-flex}
    .layout_footer .ft_left .foo_nav ul li {font-size: 13px; margin-right: 15px; margin-bottom: 10px}
    .layout_footer .ft_left .foo_nav ul li + li {margin-left: 0}

    .layout_footer .ft_right {margin-top: 30px;}
    .layout_footer .ft_right .info .txt {margin-top: 10px;}
    .layout_footer .ft_right .notice table tr td {padding: 15px 10px 15px 0}
    .layout_footer .ft_right .notice table tr td + td {padding-right: 0; padding-left: 10px}
    .layout_footer .ft_right .notice .ft_tit {font-size: 13px;}
    .layout_footer .ft_right .notice table tr a .txt {font-size: 12px;}

    .layout_footer .util .menu ul {font-size: 13px;}
    .layout_footer .util .menu ul li + li {margin-left: 15px;}
    .layout_footer .util .sns {margin-top: 20px;}

    .layout_footer .ft_right .info {margin-top: 0px; font-size: 12px; line-height: 1.5; word-break: keep-all}
    .layout_footer .ft_right .info .txt {font-size: 11px;}
    .layout_footer .ft_right .info ul {display: inline;}
    .layout_footer .ft_right .info ul li {display: inline}
    .layout_footer .ft_right .info ul li + li:before {margin: 0 3px}
    .layout_footer .ft_right .info ul + ul:before {content: "";display: inline-block;width: 1px;height: 1rem;background-color: #727880;margin: 0 3px;}

    .layout_footer .more_btn {width: 45px; height: 45px;}
    .layout_footer .fix_btn { display: none}
    .layout_footer .fix_btn .btn_wrap {height: 45px;}
    .layout_footer .fix_btn .btn_wrap .btn {width: 45px; height: 45px;}
    .layout_footer .fix_btn .btn_wrap .btn + .btn {margin-left: 5px;}
    .layout_footer .fix_btn .btn_wrap .btn .txt {font-size: 7px; margin-top: 3px; }
    .layout_footer .fix_btn .btn_wrap .btn .cir .ico {width: 15px; height:15px;}
    .layout_footer .fix_btn.active .more_btn + .btn_wrap {height: 45px}
    .layout_footer .more_btn .dots {width: 18px}
    .layout_footer .more_btn .d_logo {height: 20px}

    .layout_footer .ft_right .sns .ico .sns_ico {width: 25px; height: 25px;}
    .layout_footer .ft_right .sns .ico + .ico {margin-left: 20px;}
    .layout_footer .bot_logo {margin-top: 60px;}


    .goods_view_page .layout_header .icon_wrap .btn.basket {display: block !important;}
    .goods_view_page .layout_footer .fix_btn .btn_wrap {width: 45px; transform: unset; position: relative; left: auto; right: auto}
    .goods_view_page .layout_footer .fix_btn {display: block;bottom: 11.5rem}
    .goods_view_page .layout_footer .more_btn {display: none}

    /*버튼공용*/
    .btm_btn.small {font-size: 13px;}
    .cmt_box .cmt_txt_area + .btn_wrap .btm_btn svg {transform: translateY(0px)}


    /* 모달 */
    .modal2 .modal_top,
    .modal_deli .modal_top,
    .modal_new .modal_top,
    .modal .modal_top {padding: 20px 20px 10px}
    .modal2 .modal_top + .cont,
    .modal_deli .modal_top + .cont,
    .modal_new .modal_top + .cont,
    .modal .modal_top + .cont {padding: 10px 20px 20px}
    .modal2 .modal_top .tit,
    .modal_new .modal_top .tit,
    .modal_deli .modal_top .tit,
    .modal .modal_top .tit {font-size: 18px;}
    .modal_tit_wrap .tit {font-size: 13px;}
    .order_view_wrap .order_price_total .item .detail {}
    .order_view_wrap .order_price_total .item .detail span {}



    .mypage_wrap .order_info {margin-top: 20px; padding: 20px; font-size: 13px;}
    .mypage_wrap .order_info dl {gap: 8px 15px;}


    /*제품 필터 팝업*/
    .modal .modal_wrap .modal_cont.filter .tit_wrap .reset_btn {font-size: 12px}
    .modal .modal_wrap .modal_cont.filter .product_filter .info_wrap + .info_wrap {margin-top: 30px}
    .info_wrap .filter .radio_wrap input + label { font-size: 13px !important; }
    #productFilter .search_filter_selected .selected_item_area>li.filter_txt {font-size: 13px;}
    #productFilter .search_filter_selected .selected_item_area> li + li {margin-left: 20px;}

    .cart_opt_layer .cart_option_cont {padding: 0px 20px 40px}

    /*리뷰 상세 팝업*/

    .modal_cont.review .review_wrap .main_img {width: 100%}
    .modal_cont.review .review_wrap .main_img + .txt_wrap {margin-left: 0; margin-top: 20px}
    .modal_cont.review .review_wrap .txt_wrap .review_write {flex: none; width: 100%; margin-left: 0;}
    .modal_cont.review .review_wrap .main_img .count {display: none}
    .modal_cont.review .review_wrap .txt_wrap .cmt .ico {width: 12px; height: 12px; }
    .modal_cont.review .review_wrap .txt_wrap .cmt .num {font-size: 10px;}
    .modal_cont.review .review_wrap .txt_wrap .cmt + .cmt {margin-left: 10px;}
    .modal_cont.review .review_wrap .txt_wrap .product_box > .box .cmt_wrap {margin-top: 5px;}
    .modal_cont.review .review_wrap .txt_wrap.no_img .txt_box {height: auto}
    .modal_cont.review .review_wrap .txt_wrap .txt_box {height: auto; font-size: 12px; margin-top: 15px}
    .modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt {overflow: visible}
    .modal_cont.review .review_wrap .txt_wrap .txt_box .review_txt .review_txt_box {max-height: none}
    .modal_cont.review .review_wrap .txt_wrap .review_btm {font-size: 10px;}
    .modal_cont.review .review_wrap .txt_wrap .rated_box .review_info .ev_active2 {width: 60px; height: 15px;}
    .modal_cont.review .review_wrap .txt_wrap .rated_box .review_info .ev_active2 b:before {width: 60px; height: 15px;}
    .modal_cont.review .review_wrap .txt_wrap .rated_box .review_info .num {font-size: 12px; margin-left: 5px;}

    /*배송비 안내 팝업*/
    .modal_deli .modal_wrap .modal_cont.deli_price .ship_box {margin-top: 0}
    .modal_deli .modal_wrap .modal_cont.deli_price .top_tit .tit {font-size: 13px;}
    .modal_deli .modal_wrap .modal_cont.deli_price .price_top {padding: 15px 0}
    .modal_deli .modal_wrap .modal_cont.deli_price .price_top .tit {font-size: 12px;}
    .modal_deli .modal_wrap .modal_cont.deli_price .price_top .total {font-size: 13px;}
    .modal_deli .modal_wrap .modal_cont.deli_price .price_box {padding: 15px; font-size: 11px}


    /*옵션 수량 변경*/
    .cart_option_cont .single_num_change .quantity_check {position: relative; padding: 0 3.1rem;}
    .cart_option_cont .single_num_change .quantity_check .btn_box {position: absolute; width: 100%; height: 100%; display: flex; justify-content: space-between; flex-direction: row; left: 0; top: 0; margin-left: 0}
    .cart_option_cont .single_num_change .quantity_check .btn_box .eaPlus { border: 1px solid #ccc; border-left: none}
    .cart_option_cont .single_num_change .quantity_check .btn_box .eaMinus { border: 1px solid #ccc; border-right: none }
    .cart_option_cont .single_num_change .quantity_check .btn_box .btn_graybox {height: 100%; width: 3.1rem;}
    .cart_option_cont .single_num_change .quantity_check .btn_box .eaPlus {order: 2}
    .cart_option_cont .single_num_change .quantity_check .btn_box .eaPlus:before {content: "\2b"}
    .cart_option_cont .single_num_change .quantity_check .btn_box .eaMinus:before {content: "\f068"}
    .cart_option_cont .single_num_change .quantity_check input {width: 45px;}

    .cart_opt_layer .cart_option_cont .opt_total_price .price {font-size: 18px}

    .cart_opt_layer .cart_option_cont .product .txt_box {margin-left: 10px;}



    /*-------로그인-------*/
    .tab_basic ul li a { line-height: inherit; }
    .resp_login_wrap .box_pw { margin-top: 0; }

    .login_container { min-height: 550px; padding-top: 6rem; }
    .login_container .sns_login .wide_sns .ico {font-size: 12px;}
    .login_container .sns_login .wide_sns { padding: 0 15px; font-size: 12px; }

    .login_container .btn_wrap .btm_btn { font-size: 13px; }

    .membership_completed .sub_top { display: none; }


    /*-------약관 페이지-------*/
    .login_container .step {font-size: 13px;}
    .login_container .main_tit {font-size: 20px;}

    .terms_cont { margin: 80px auto 0; }
    .terms_cont .top { font-size: 20px; }
    .terms_cont .tit { font-size: 13px; }
    .terms_cont .tit.center br:not(.mo_only) { display: none; }
    .terms_cont .txt { font-size: 12px; }
    .terms_cont ul { font-size: 12px; }
    .terms_cont .desc { font-size: 11px; }

    /*-------페이징-------*/
    .iframe_paging_navigation,
    .paging_navigation { margin-top: 40px; }


    /*z폴드 */

    @media only screen and (min-width:600px) {

        .main4 .info_sect .img_wrap {height: 50rem}
        .main4 .type_sect2 .cont_box .line.type2 {overflow-x: inherit}
        .main4 .type_sect2 .cont_box .line.type2 .cont {flex: 1}

        .greet_sect {flex-direction: row}
        .greet_sect .img_wrap {width: 30%}
        .greet_sect .cont {margin-top: 0; margin-left: 30px}

        .brand_story .fixed_sect .card_wrap .card .tit_box .sect_txt {width: 450px}


        .modal .modal_wrap .modal_cont.review {width: 500px}
        .slider .item img,
        .sub_top_sect .img img, .sub_top_sect .video video {object-position: center 0px;}

        .searched_item_display .list {grid-template-columns: repeat(3, minmax(0, 1fr))}

        .mypage_wrap .auth_list .auth_list .item .auth_info {    grid-template-columns: repeat(3, minmax(0, 1fr));}

        .pd_regist_page .check_sect .label_cont .cont_box .cont {flex: 1}
        .pd_regist_page .check_sect .label_cont .cont_box .cont + .cont {margin-top: 0; margin-left: 10px}

        .brand_story .visual_sect .bg_img img {height: 80%}

        .rental_page .benefit_cont .left_box .img {justify-content: flex-end}









    }
}

@media only screen and (max-width:600px) {

    .main4 .type_sect2 .cont_box .line.type3 .cont {flex: none; width: calc(50% - 2.5px)}

    .main4 .category_sect .item_wrapper{display: flex; overflow-x: auto;}
    .main4 .category_sect .item_wrapper::-webkit-scrollbar {display: none; -webkit-appearance: none;}
    .main4 .category_sect .item{flex-shrink: 0; width: 65%;}
    .main4 .category_sect .item .img{padding-top: 140%; background: #000;}
    .main4 .category_sect .item .img img{position: static; opacity: 0.8;}
    .main4 .category_sect .item .img img.mo_over{}
    .main4 .category_sect .item .img img.mo_only{}
    .main4 .category_sect .item .txt_box{padding: clamp(2.5rem, 2.9412vw + 1.1765rem, 4rem);}
    .main4 .category_sect .item .txt_box .tit{font-size: clamp(3rem, 4.902vw + .7941rem, 5.5rem);}
    .main4 .category_sect .item .txt_box .sub_tit{margin-top: 1.5rem; font-size: 16px;}
    .main4 .category_sect .item .txt_box .desc{font-size: 13px; text-align: center;}
    .main4 .category_sect .item .txt_box .main_btn{}

    .brand_intro_container .item_wrapper{grid-template-columns: minmax(0, 1fr); padding-top: 35px;}
    .brand_intro_container.type2 .item_wrapper { grid-template-columns: minmax(0, 1fr); }
    .brand_intro_container .item { height: auto; }
    .brand_intro_container .item .img{height: auto; padding: 0; background: #000;}
    .brand_intro_container .item .img img{position: static; opacity: 0.8;}
    .brand_intro_container .item .img img.mo_over{display: none !important;}
    .brand_intro_container .item .img img.mo_only{display: block !important;}
    .brand_intro_container .item .txt_box{align-items: flex-start; height: 100%; padding: clamp(2.5rem, 2.9412vw + 1.1765rem, 4rem);}
    .brand_intro_container .item .txt_box .tit{font-size: var(--en_tit);}
    .brand_intro_container .item .txt_box .sub_tit{margin-top: 1.5rem; font-size: 16px;}
    .brand_intro_container .item .txt_box .desc{margin-top: 0.5rem; font-size: 13px;}
    .brand_intro_container .item .txt_box .main_btn{margin-top: auto;}

    .layout_footer .bot_box {margin-top: 10px}
    .layout_footer .foo_nav {margin-bottom: 30px;}

    .layout_footer .foo_nav .depth1 > li.mo > a {display: block}
    .layout_footer .foo_nav .depth1 li.mo {display: block; position: relative; flex: 1; border-bottom: 0.5px solid #fff; padding:0 0px 15px}
    .layout_footer .foo_nav .depth1 li.mo:before {content: '';position: absolute;right: 0px;top: 0.3em;width: 2rem;height: 2rem;
        background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 0px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke: %23fff; stroke-miterlimit: 10; stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="113.02 50.32 70 93.34 27.09 50.42"/><rect class="cls-1" width="140" height="140"/></g></g></svg>') center/cover no-repeat;
        transition: transform 0.3s;pointer-events: none;}
    .layout_footer .foo_nav .depth1 > li.mo .depth2 {display: none ;margin-top: 10px; font-weight:400}
    .layout_footer .foo_nav .depth1 > li.mo .depth2 li + li {margin-left: 0px; margin-top: 10px}
    .layout_footer .foo_nav .depth1 > li.mo .depth2 a {color: #727880}


    .layout_footer .foo_nav .depth1 li.mo.on:before {transform: rotate(180deg)}

    .layout_footer .bot_box.week .sns {position: static; transform: unset}
    .layout_footer .bot_box.week .prd_info_txt .txt p {display: block}
    .layout_footer .bot_box.week .prd_info_txt .txt p:nth-child(4) span:nth-child(2):before {display: block}
    .layout_footer .bot_box.week .prd_info_txt .txt p:nth-child(5) {display: block}

}

@media only screen and (max-width:520px) {

    :root {

    }

    /*제품 필터 팝업*/
    .info_wrap .filter .radio_wrap {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .info_wrap .filter .color_area>label {width: 20px; height: 20px;}
    #productFilter .search_filter_selected {margin-top: 20px;}

    /*이벤트상단 배너*/
    #eventSwiper .item .txt_box {left: 15px;}
    .event_banner_wrap .slide_move {left: 3px; bottom: 15px}
    .event_banner_wrap .slide_move .swiper-pagination {font-size: 9px;}
    .event_banner_wrap .slide_move .swiper-pagination .slash {margin: 0 5px}
    .event_banner_wrap .slide_move .arr {font-size: 9px}
    .flip-clock-wrapper {margin: 0 !important;}

    /*제품 리뷰*/
    .search_all_wrap .review_page .review_list .list,
    .review_page .review_list .list { grid-template-columns: repeat(2, minmax(0, 1fr));}

    /*온라인 판매점*/
    .on_store_wrap .top_banner {padding-top: 40%}
    .on_store_wrap .cont .logo_wrap .logo_box .logo {padding-top: 50%}
    .on_store_wrap .cont .logo_wrap .logo_box .logo img {width: 90%; height: 90%; object-fit: cover}

    /*제품상세_후기*/

    .modal_cont.lounge .cont .member_tbl table td b,
    .modal_cont.lounge .cont .member_tbl table th {font-size: 12px;}
    .modal_cont.lounge .cont .member_tbl table td span {font-size: 10px;}

    .modal_cont.lounge .cont .member_tbl table td {font-size: 12px;}


    .louge_page .lounge_banner .txt_box {padding: 40px 20px;}
    .louge_page .lounge_banner .txt_box .tit {width: 90%; font-size: 20px;}
    .louge_page .lounge_banner .img {width: 150px;}
    .louge_page .lounge_banner .btn_wrap {margin-top: 20px;}

    .main4 .genuine_sect {padding-bottom: 6vw; overflow: hidden}
    .main4 .genuine_sect .cont_box .img {top: auto; bottom: 0; transform: translate(35%,10%); width:55%;}

    .pd_regist_page .sect_tit_box .txt br {display: none}


    .pd_regist_page .check_sect .cir_wrap {flex-direction: column}
    .pd_regist_page .check_sect .cir_wrap .cir {width: 100%; border-radius: 100px; padding-top: 145px;}
    .pd_regist_page .check_sect .cir_wrap .cir .txt_box .txt {padding: 0 20px; word-break: keep-all}
    .pd_regist_page .check_sect .cir_wrap .cir .txt_box .txt br {display: none !important;}
    .pd_regist_page .check_sect .cir_wrap .arr + .cir {margin-top: 15px;}
    .pd_regist_page .check_sect .cir_wrap .arr svg {transform: translateY(-50%) rotate(90deg); transform-origin: center}
    .pd_regist_page .check_sect .cir_wrap .arr, .pd_regist_page .check_sect .cir_wrap .arr svg {width: 6rem}
    .pd_regist_page .check_sect .cir_wrap .cir .txt_box {top: 50%; transform: translate(-50%,-50%)}

    .announce_wrap .announce_li {grid-template-columns: repeat(3, auto);}



    .modal_cont.all_review_img .img_wrap {grid-template-columns: repeat(4,1fr)}

    .inquiry_write .cont.prd_choice .desc {width: 100%; margin-left: 0; margin-top: 10px;}

    .pwd_chk .member_pw_confirm_area .pw_confirm_label {display: block}
    .pwd_chk .member_pw_confirm_area .inp {margin-left: 0; margin-top: 10px; display: block; width: 100%}

    .main4 .info_sect .txt_wrap .txt_box {width: 100%}


    .layout_footer .bot_box.week .sns {width: 100%}
    .layout_footer .bot_box.week .prd_info_txt .txt {text-align: left}
    .layout_footer .bot_box.week .prd_info_txt .txt p {display: inline}
    .layout_footer .bot_box.week .prd_info_txt .txt span {margin-right: 10px}
    .layout_footer .bot_box.week .prd_info_txt .txt span + span:before {content: none}
    .layout_footer .bot_box.week .txt_box .txt {text-align: left}
    .layout_footer .bot_box.week .txt_box .copy {margin-top: 10px; text-align: left}

}


@media only screen and (max-width:400px) {
    .captcha_wrap .captcha_table {display: block}

    #captcha_id_image {width: 100%; height: auto}
    .captcha_wrap .captcha_table .captcha_td2 {width: 80px;  height: auto; display: block}
    .captcha_wrap .captcha_table .captcha_td2 #ref_btn {padding: 0; margin-top: 5px; padding-top: 10px; justify-content: flex-start}
    .captcha_text {width: 100%}

    .designPopup .designPopupBar > div {font-size: 12px}
}


/*=====이너뷰티 서브 페이지 반응형=====*/

/*1920px - 1640px*/
@media screen and (max-width: 1920px) {

    .inner_beauty_container .routine_sect + .txt_flow_sect .txt_flow .txt { font-size: 16rem; }

    .inner_beauty_container .slide_up_sect { margin: 15rem 0; }

}


/*1640px - 1240px*/
@media screen and (max-width: 1640px) {

    .inner_beauty_container .slide_img_sect .img_wrap { width: 300%; }
    .inner_beauty_container .slide_img_sect .img_wrap:first-of-type { margin-right: -150% }
    .inner_beauty_container .slide_img_sect .img_wrap:last-of-type { margin-left: -150% }

    .inner_beauty_container .routine_sect { padding: 20rem 0; }
    .inner_beauty_container .routine_sect .cont { margin-top: 15rem; }
    .inner_beauty_container .routine_sect .tit_wrap { width: 90%; }
    .inner_beauty_container .routine_sect .tit_wrap .tit { font-size: 8rem; }
    .inner_beauty_container .routine_sect .box_wrap { width: 90%; }
    .inner_beauty_container .routine_sect .box_wrap .wrap .box .tit { font-size: 3.5rem; }

    .inner_beauty_container .slide_up_sect .tit_wrap { top: 15%; }
    .inner_beauty_container .slide_up_sect .bg_tit { top: 60%; }

}
@media only screen and (max-width: 1280px) {
    .sub.inner_beauty_page .layout_header { height: auto; }
    .sub.brand_story_page .layout_header { height: auto; }
}


/*1240px - 769px*/
@media screen and (max-width: 1240px) {
    .main_4_1 .layout_header .logo { left: 50%; height: 3rem; transition: none ; transform: translate(-50%,-50%) !important; bottom: auto !important; display: flex; align-items: center}

    .main_4_1 .layout_header .logo a {transform: none !important;}
    .main_4_1 .layout_header .logo svg {height: 3rem; transition: none}
    .main_4_1 .logo_bg {display: none}
    .main_4_1 .layout_header .icon_wrap {transform: unset !important;}


    .main_4_1 .layout_header .icon_wrap .btn.customer .ico, .main_4_3 .layout_header .icon_wrap .btn.customer .ico, .main_4_4 .layout_header .icon_wrap .btn.customer .ico, .main_4_2 .layout_header .icon_wrap .btn.customer .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 7px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><polyline class="cls-2" points="66.74 93.19 44.75 124.85 35.79 107.02 15.96 104.85 37.14 74.37"/><polyline class="cls-2" points="73.69 93.15 95.72 124.85 104.67 107.02 124.5 104.85 103.06 73.99"/><circle class="cls-1" cx="70" cy="55.42" r="37.92"/><circle class="cls-2" cx="70" cy="55.42" r="18.96"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .main_4_2 .layout_header .icon_wrap .btn .btn_txt, .main_4_3 .layout_header .icon_wrap .btn .btn_txt, .main_4_4 .layout_header .icon_wrap .btn .btn_txt, .main_4_1 .layout_header .icon_wrap .btn .btn_txt {color: #000}
    .main_4_2 .layout_header .icon_wrap .btn.lang .ico, .main_4_3 .layout_header .icon_wrap .btn.lang .ico, .main_4_4 .layout_header .icon_wrap .btn.lang .ico, .main_4_1 .layout_header .icon_wrap .btn.lang .ico {background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 8px; } .cls-1, .cls-2 { fill: none; } .cls-2 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="70" cy="70" r="50"/><ellipse class="cls-1" cx="70" cy="70" rx="20.55" ry="50"/><line class="cls-1" x1="119.5" y1="70.5" x2="20.5" y2="70.5"/><rect class="cls-2" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}
    .main_4_1 .layout_header .icon_wrap .btn.basket > a, .main_4_3 .layout_header .icon_wrap .btn.basket > a, .main_4_4 .layout_header .icon_wrap .btn.basket > a, .main_4_2 .layout_header .icon_wrap .btn.basket > a {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 8px; } .cls-1, .cls-2 { stroke: %23000; stroke-miterlimit: 10; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-2 { stroke-width: 9px; } .cls-3 { stroke-width: 0px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><path class="cls-1" d="M55.32,58.35v-23.41c0-8.08,6.57-14.63,14.68-14.63,8.11,0,14.68,6.55,14.68,14.63v23.41"/><path class="cls-2" d="M39.29,40.83l-10.29,63.83c0,6.63,5.37,12,12,12h57.83c6.63,0,12-5.37,12-12l-10.12-63.83h-61.42Z"/><rect class="cls-3" width="140" height="140"/></g></g></svg>') center/contain no-repeat;}



    .inner_beauty_container .visual_sect .img_wrap { width: 60%; padding-top: 37%; }
    .inner_beauty_container .visual_sect.active .txt_wrap .tit { font-size: 12rem; }

    .inner_beauty_container .txt_sect .txt { width: 90%; }

    .inner_beauty_container .slide_img_sect .img_wrap .img { margin-left: 2rem; }

    .inner_beauty_container .routine_sect .tit_wrap { width: 100%; }
    .inner_beauty_container .routine_sect .cont .tit_box .txt { margin-top: 5rem; }
    .inner_beauty_container .routine_sect .cont .tit_box .tit { font-size: 4rem; }
    .inner_beauty_container .routine_sect .box_wrap { width: 100%; }
    .inner_beauty_container .routine_sect .box_wrap .wrap .box { padding: 2rem 1rem; justify-content: center; }
    .inner_beauty_container .routine_sect .box_wrap .wrap .box .ico { height: 6.5rem; }
    .inner_beauty_container .routine_sect .box_wrap .wrap .box .num { position: absolute; left: 2rem; top: 2rem; }
    .inner_beauty_container .routine_sect .box_wrap .wrap:nth-of-type(3) .box .ico img { width: 35%; margin: 0 auto; }
    .inner_beauty_container .routine_sect .box_wrap .wrap .box .tit { margin-top: 2.5rem; font-size: 2.6rem; }
    .inner_beauty_container .routine_sect .box_wrap .wrap .box .txt { margin-top: 10px; }

    .inner_beauty_container .routine_sect + .txt_flow_sect .txt_flow .txt { font-size: 10rem; }

    .inner_beauty_container .slide_up_sect .tit_wrap { width: 100%; }
    .inner_beauty_container .slide_up_sect .tit_wrap .tit { font-size: 4rem; }
    .inner_beauty_container .slide_up_sect .img_box_wrap { width: 90%; }

    .inner_beauty_container .inner_beauty_banner .txt_box { width: 100%; }
    .inner_beauty_container .inner_beauty_banner .txt_box .txt { font-size: 4rem; }
    .inner_beauty_container .inner_beauty_banner .txt_box .txt + .txt { margin-top: 4rem; }


    /*.main_4_1 .visual_sect .swiper-slide.active .cont {width: calc((100vw + 20px)); transform: translateX(calc(-47vw + 15px))}*/

    .main4.main_4_1 .visual_sect { overflow: hidden; margin-top: calc(var(--header_Height) + 2px); height: auto}
    .main4.main_4_1 .visual_sect .slide {display: none}

    .main4.main_4_1 .visual_sect .swiper-container {position: static; }
    .main4.main_4_1 .visual_sect .swiper-slide {width: 33.33%;position: relative;height: 100%;overflow: hidden;}
    .main4.main_4_1 .visual_sect .swiper-slide.slide_hide {transform: none}

    .main4.main_4_1 .visual_sect .swiper-slide.active .cont {transform: none; width: 100%; height: 100%}
    .main4.main_4_1 .visual_sect .swiper-slide .txt_box {padding: 0 10px; bottom: 5rem}
    .main4.main_4_1 .visual_sect .swiper-slide .txt_box .ko_txt {margin-top: 10px}
    .main4.main_4_1 .visual_sect .swiper-slide .txt_box .en_tit,
    .main4.main_4_1 .visual_sect .swiper-slide.active .txt_box .en_tit {font-size: 6vw; line-height: 1.1}
    .main4.main_4_1 .visual_sect .swiper-slide.active .txt_box .ko_txt .txt {font-size: 1.6rem; margin-top: 10px; word-break: keep-all}
    .main4.main_4_1 .visual_sect .swiper-slide .txt_box {transform: unset; opacity: 1}
    .main4.main_4_1 .visual_sect.ani_active.ani_end .swiper-slide .cont:hover .txt_box > * {opacity: 1}

    .main4.main_4_1 .visual_sect .video *{}
    .main4.main_4_1 .visual_sect .video video.mo_over{display: none;}
    .main4.main_4_1 .visual_sect .video video.mo_only{display: block !important;}
    .main4.main_4_1 .visual_sect .mo_box {display: block}
    .main4.main_4_1 .visual_sect .mo_box .visual_img { width: 100%; height: calc(100svh - var(--header_Height) + 10px); position: relative}
    .main4.main_4_1 .visual_sect .mo_box .visual_img video,
    .main4.main_4_1 .visual_sect .mo_box .visual_img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover}
    .main4.main_4_1 .visual_sect .mo_box .txt_box {padding: 0 10px;left: 0;top: 50%; bottom: auto ;transform: translateY(-50%); width: 100%; color: #fff; text-align: center; position: absolute}
    .main4.main_4_1 .visual_sect .mo_box .txt_box .en_tit {font-family: 'CormorantGaramond22';font-weight: 600; }
    .main4.main_4_1 .visual_sect .mo_box .txt_box .ko_txt {margin-top: 10px}
    .main4.main_4_1 .visual_sect .mo_box .txt_box .ko_txt .tit { font-weight: 700;}
    .main4.main_4_1 .visual_sect .mo_box .txt_box .ko_txt .txt {font-size: 1.6rem; margin-top: 10px; word-break: keep-all; }

    .main4.main_4_1 .visual_sect .mo_box .visual_img .txt_box .en_tit {font-size: 8vw;}
    .main4.main_4_1 .visual_sect .mo_box .visual_img .txt_box .tit {font-size: 2.5rem;}
    .main4.main_4_1 .visual_sect .mo_box .swiper-slide .txt_box .en_tit {font-size: 5vw;}
    .main4.main_4_1 .visual_sect .mo_box .swiper-slide .txt_box .tit {font-size: 2rem;}
    .main4.main_4_1 .visual_sect .mo_box .swiper-slide .txt_box > * {opacity: 1}


    .main4.main_4_1 .visual_sect .mo_box .swiper-container {position: relative; height: auto; margin-top: -1px; width: calc(100% + 3px)}
    .main4.main_4_1 .visual_sect .mo_box .swiper-slide .cont {padding-top: 140%;display: block;}





    .main_4_1 .visual_sect.ani_active .swiper-container {position: relative}
    .main_4_1 .visual_sect .swiper-slide {width: calc((100vw) / 2.25);position: relative;height: 100%;overflow: visible;}
    .main_4_1 .visual_sect.ani_active .swiper-slide.active .cont {width: calc((100vw) / 2.25);}

    .main_4_1 .visual_sect.ani_end .swiper-wrapper {overflow-x: scroll}
    .main_4_1 .visual_sect.ani_end .swiper-wrapper::-webkit-scrollbar {display: none}

    .main_4_1 .event_sect .cont {padding-top: 48%}

    .main_4_1 .event_sect .resp_wrap {display: block}
    .main_4_1 .event_sect .tit_box {display: flex; justify-content: space-between; margin-bottom: 15px}
    .main_4_1 .event_sect .tit_box .tit {font-size: var(--en_tit);font-family: 'CormorantGaramond22';font-weight: 600;}
    .main_4_1 .event_sect .swiper-slide + .swiper-slide {margin-left: 0}

    .main_4_1 .event_sect .mo_over {display: block !important;}
    .main_4_1 .event_sect .mo_only {display: none !important;}

    .main_4_1 .event_sect .controls{display: flex; align-items: center;}
    .main_4_1 .event_sect .controls div{display: flex; font-size: 1.6rem; line-height: 1em; cursor: pointer;}
    .main_4_1 .event_sect .controls div svg{fill: #b8b8b8; transition: fill 0.2s;}
    /*.main_4_1 .event_sect .controls div:hover svg{fill: #000;}*/
    .main_4_1 .event_sect .controls .swiper-pagination{position: static; width: auto; margin: 0 1.4em; font-size: 1.7rem; font-weight: 500;}
    .main_4_1 .event_sect .controls .swiper-pagination span{width: 3ch; text-align: center;}
    .main_4_1 .event_sect .controls .swiper-pagination-total{color: #b8b8b8;}
    .main_4_1 .event_sect .controls .swiper-pagination .barSpace{width: 2ch; color: #b8b8b8;}

    .main_4_1 .event_sect .swiper-container {width: calc(100% + 20px)}

    .main_4_1 .event_sect .txt_box {padding: 3rem 4rem}


    .main_4_1 .layout_header.active {background-color: #fff}

    .main_4_1 .layout_header .resp_top_search a .ico {background: url('data:image/svg+xml,<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style> .cls-1 { stroke-width: 9px; } .cls-1, .cls-2, .cls-3 { fill: none; } .cls-1, .cls-3 { stroke: %23000; stroke-miterlimit: 10; } .cls-2 { stroke-width: 0px; } .cls-3 { stroke-width: 10px; } </style></defs><g id="_레이어_2" data-name="레이어 2"><g><circle class="cls-1" cx="58.33" cy="58.33" r="35"/><line class="cls-3" x1="116.67" y1="116.67" x2="83.08" y2="83.08"/><rect class="cls-2" width="140" height="140"/></g></g></svg>')center/contain no-repeat;}
    .main_4_1 .layout_header .icon_wrap .btn.ham .ico {background: url('data:image/svg+xml,<svg id="hamIco" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 140"><defs><style>%23hamIco .cls-1 { stroke: %23000; stroke-miterlimit: 10; stroke-width: 9px; fill: none;}</style></defs><path class="cls-1" d="M23.5,35.13h93H23.5Z"/><path class="cls-1" d="M23.5,70h93H23.5Z"/><path class="cls-1" d="M23.5,104.88h93H23.5Z"/></svg>') center/contain no-repeat;}


    .main_4_1 .layout_header .logo svg rect,
    .main_4_1 .layout_header .logo svg path {fill: #000 !important;}


}

@media screen and (max-width: 768px) {
    .main_4_1 .layout_header .logo {top: calc(var(--header_Height) / 2); left: var(--resp_wrap_pd); height: 3rem; transition: none ; transform: translateY(-50%) !important; bottom: auto !important; display: flex; align-items: center}

    .main4.main_4_1 .visual_sect {height: auto}
    .main4.main_4_1 .visual_sect .mo_box .visual_img{height: calc(100svh - var(--bot_fix_menu)  - var(--header_Height) + 2px);}
    .main_4_1 .visual_sect.ani_active .swiper-container {top: var(--header_Height); height: calc(100svh - var(--bot_fix_menu) - var(--header_Height) + 2px);}
    .main_4_1 .visual_sect .video:after{opacity: 0.4;}
    .main_4_1 .event_sect .txt_box {padding: 6rem 5rem}
    .main_4_1 .event_sect {margin-top: calc(var(--main_mt) * 1.5);}

    .main4 .sect_tit_box .logo {transform: unset;  opacity: 1}
    .main4 .sect_tit_box .tit span {transform: unset; opacity: 1}
    .main4 .sect_tit_box .txt {transform: unset; filter: blur(0px); opacity: 1}
    .main4 .sect_tit_box .desc {transform: unset; filter: blur(0px); opacity: 1}
    .main4 .sect_tit_box .main_btn {transform: unset; opacity: 1}
    .main4 .lounge_sect2 .roman_tit.animated span {transform: translate(0) skewX(0deg);filter: blur(0);opacity: 1;}

    .main_4_1 .event_sect .cont {padding-top: 40%}
}




@media screen and (max-width: 600px) {

    .main_4_1 .event_sect .mo_over {display: none !important;}
    .main_4_1 .event_sect .mo_only {display: block !important;}

    .main_4_1 .event_sect .cont {padding-top: 45%}

    .main_4_1 .event_sect {margin-top: var(--main_mt);}
    .main_4_1 .event_sect .txt_box {padding: 3rem 2rem}
    .main_4_1 .event_sect .txt_box .type {font-size: 10px}
    .main_4_1 .event_sect .txt_box .tit {font-size: 14px; margin-top: 10px}
    .main_4_1 .event_sect .txt_box .txt {font-size: 12px; margin-top: 5px}





}





/*768px - 500px*/
@media screen and (max-width: 768px) {


    .main_4_1 .visual_sect .swiper-slide.active .txt_box .en_tit {font-size: 8vw}
    .main_4_1 .visual_sect.ani_active .swiper-slide .txt_box .en_tit {font-size: 6vw}
    .scroll_animation {height: 140px}
    .scroll_animation > span {font-size: 10px}

    .inner_beauty_container .visual_sect { height: calc(88vh - var(--header_Height)); }
    .inner_beauty_container .visual_sect .img_wrap { width: 75%; padding-top: 42%; }
    .inner_beauty_container .visual_sect .txt_wrap { bottom: 6%; }
    .inner_beauty_container .visual_sect .txt_wrap .tit { font-size: 30px; }
    .inner_beauty_container .visual_sect .txt_wrap .txt { font-size: 14px; }
    .inner_beauty_container .visual_sect.active .txt_wrap .tit { font-size: 80px; }

    .inner_beauty_container .txt_sect { height: 70vh; }
    .inner_beauty_container .txt_sect .txt:first-of-type { font-size: 34px; }
    .inner_beauty_container .txt_sect .txt:last-of-type { font-size: 38px; }

    .inner_beauty_container .slide_img_sect { padding: 0 0 80px; }
    .inner_beauty_container .slide_img_sect .img_wrap { width: 400%; }
    .inner_beauty_container .slide_img_sect .img_wrap:first-of-type { margin-right: -200%; }
    .inner_beauty_container .slide_img_sect .img_wrap:last-of-type { margin-left: -200%; }
    .inner_beauty_container .slide_img_sect .img_wrap .img { border-radius: 10px; }

    .inner_beauty_container .routine_sect { padding: 80px 0; background: url('/data/skin/dualsonic/images/sub/inner_beauty_bg.jpg')80%/cover no-repeat; }
    .inner_beauty_container .routine_sect .tit_wrap { width: 85%; margin: 0 auto; }
    .inner_beauty_container .routine_sect .tit_wrap .desc { font-size: 14px; }
    .inner_beauty_container .routine_sect .tit_wrap .tit { font-size: 38px; }
    .inner_beauty_container .routine_sect .tit_wrap .txt { font-size: 13px; }
    .inner_beauty_container .routine_sect .tit_wrap .txt span + span { margin-top: 1em; }

    .inner_beauty_container .routine_sect .cont { margin-top: 80px; }
    .inner_beauty_container .routine_sect .cont .tit_box .ico { width: 4.5rem; height: 4.5rem; }
    .inner_beauty_container .routine_sect .cont .tit_box .tit { margin-top: 20px; font-size: 24px; }
    .inner_beauty_container .routine_sect .cont .tit_box .txt { margin-top: 30px; font-size: 16px; }

    .inner_beauty_container .routine_sect + .txt_flow_sect .txt_flow .txt { font-size: 60px; }

    .inner_beauty_container .routine_sect .box_wrap .wrap + .wrap { margin-left: 5px; }

    .inner_beauty_pointer { display: none; }

    .inner_beauty_container .slide_up_sect { height: auto; margin: 0; padding: 150px 0 150px; }
    .inner_beauty_container .slide_up_sect .blur { top: 65%; width: 80%; height: calc(50% - (var(--header_Height) + var(--bot_fix_menu)*2)); }
    .inner_beauty_container .slide_up_sect .blur.mo_blur { display: block; top: 25%; }
    .inner_beauty_container .slide_up_sect .blur.blur02{margin-top: calc(var(--header_Height)*1.5);}
    .inner_beauty_container .slide_up_sect .tit_wrap { position: relative; left: unset; top: unset; transform: unset; }
    .inner_beauty_container .slide_up_sect .tit_wrap .desc { font-size: 14px; }
    .inner_beauty_container .slide_up_sect .tit_wrap .tit { font-size: 24px; }
    .inner_beauty_container .slide_up_sect .bg_tit { position: relative; top: unset; left: unset; transform: unset; display: flex; align-items: center; flex-direction: column; justify-content: center; width: 100%; height: 100%; padding: 40px 0 0; text-align: center; line-height: 1.1; opacity: 1; }
    /*.inner_beauty_container .slide_up_sect .bg_tit { position: relative; left: unset; top: unset; transform: unset; text-align: center; margin-top: 30px; padding: 0 20px; font-size: 100px; line-height: 1.1; opacity: 1; }*/
    .inner_beauty_container .slide_up_sect .img_box_wrap { position: relative; left: unset; bottom: unset; transform: unset; width: 100%; padding: 0 20px; margin-top: 80px; }
    .inner_beauty_container .slide_up_sect .img_box_wrap .box + .box { margin-top: 60px; }
    .inner_beauty_container .slide_up_sect .img_box_wrap .box .txt_box { padding: 30px 25px; }
    .inner_beauty_container .slide_up_sect .img_box_wrap .box .txt_box .txt { margin-top: 10px; }

    .inner_beauty_container .inner_beauty_banner { height: calc(100vh - var(--header_Height)); }
    .inner_beauty_container .inner_beauty_banner .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .inner_beauty_container .inner_beauty_banner .txt_box .txt { font-size: 24px; }
    .inner_beauty_container .inner_beauty_banner .txt_box .txt + .txt { margin-top: 0.8em; }
    .inner_beauty_container .inner_beauty_banner .main_btn { margin-top: 40px; }


    /*듀얼소닉 뷰티루틴 이벤트 팝업*/
    .flicker_txt { margin: 80px auto 30px !important; padding: 8px 15px !important; font-size: 22px !important; }
    .inner_beauty_event_visual { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
    .inner_beauty_event_visual img { max-width: 85% !important; width: 85% !important; }
    .inner_beauty_event_cont { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 0 !important; }
    .inner_beauty_event_cont img { max-width: 100% !important; width: 100% !important; }

}


@media only screen and (max-width:768px) {
    .layout_header .logo a{transform: translate(0%,calc(((var(--header_Height)/2) + (16px/2))* -1)) !important;-webkit-transform: translate(0%,calc(((var(--header_Height)/2) + (16px/2))* -1)) !important;;}
    .layout_header .logo svg {width: 110px !important; height: 2rem !important;}
    .layout_header .logo {left: 0px;transform: translate(0%,50%) !important; height: 0}
    .layout_header .logo svg rect,
    .layout_header .logo svg path  {transform: unset !important;opacity: 1 !important;fill: #000 !important;}

    /*.main_4_1 .layout_header .logo svg rect,*/
    /*.main_4_1 .layout_header .logo svg path  {transform: unset !important;opacity: 1 !important;fill: #fff !important;}*/
    /*.main_4_1 .layout_header.ani_active .logo svg rect,*/
    /*.main_4_1 .layout_header.ani_active .logo svg path  {fill: #000 !important;}*/
}

@media screen and (max-width: 600px) {

    .main4 .material_sect .sect_tit_box {margin-right: 0; position: static; height: auto; margin-bottom: 20px}
    .main4 .material_sect .sect_tit_box br {display: none}
    .main4 .material_sect .sect_tit_box .sub_tit {margin-top: 20px;font-size: 16px;}
    .main4 .material_sect {display: block; overflow: hidden}
    .main4 .material_sect .img_cont {padding-top: 0}
    .main4 .material_sect .img_cont .cont_box {display: none}
    .main4 .material_sect .img_cont .slide {display: block;margin-top: 30px;overflow: hidden;width: calc(100% + var(--resp_wrap_pd) * 2); margin-left: calc(0px - var(--resp_wrap_pd)); padding-left: var(--resp_wrap_pd);}
    .main4 .material_sect .img_cont .slide .swiper-container {overflow: visible;}










}




/*500px ~*/
@media screen and (max-width: 500px) {

    .inner_beauty_container .visual_sect { height: calc(100svh + 1px - var(--bot_fix_menu)); }
    .inner_beauty_container .visual_sect.active .txt_wrap .tit { font-size: 50px; }

    .inner_beauty_container .txt_sect { height: 50vh; }
    .inner_beauty_container .txt_sect .txt:first-of-type { font-size: 26px; }
    .inner_beauty_container .txt_sect .txt:last-of-type { font-size: 30px; }

    .inner_beauty_container .routine_sect { background: url('/data/skin/dualsonic/images/sub/inner_beauty_bg.jpg')65%/cover no-repeat; }
    .inner_beauty_container .routine_sect .tit_wrap { width: 100%; }
    .inner_beauty_container .routine_sect .box_wrap { flex-direction: column; }
    .inner_beauty_container .routine_sect .box_wrap .wrap { width: 65%; padding-top: 65%; }
    .inner_beauty_container .routine_sect .box_wrap .wrap + .wrap { margin-left: 0; margin-top: 20px; }
    .inner_beauty_container .routine_sect .box_wrap .wrap .box { justify-content: center; }
    .inner_beauty_container .routine_sect .box_wrap .wrap .box .txt { margin-top: 10px; }

    .inner_beauty_container .slide_img_sect .img_wrap { width: 550%; }
    .inner_beauty_container .slide_img_sect .img_wrap:first-of-type { margin-right: -275% }
    .inner_beauty_container .slide_img_sect .img_wrap:last-of-type { margin-left: -275%; }

    .inner_beauty_container .slide_up_sect .blur { }
    .inner_beauty_container .slide_up_sect .bg_tit { margin-top: 50px; font-size: 75px }
    .inner_beauty_container .slide_up_sect .bg_tit span { display: block; }
    /*.inner_beauty_container .slide_up_sect .bg_tit span:first-of-type { text-align: left; }*/
    /*.inner_beauty_container .slide_up_sect .bg_tit span:last-of-type { text-align: right; }*/

    /*.inner_beauty_container .slide_up_sect .img_box_wrap { flex-direction: column; margin: 0 auto; }*/
    /*.inner_beauty_container .slide_up_sect .img_box_wrap .box_wrap { width: 100%; margin-top: 70px; }*/
    /*.inner_beauty_container .slide_up_sect .img_box_wrap .box_wrap + .box_wrap { margin-top: 40px; }*/
    /*.inner_beauty_container .slide_up_sect .img_box_wrap .box_wrap .box { width: 80%; }*/
    /*.inner_beauty_container .slide_up_sect .img_box_wrap .box + .box { margin-top: 40px; }*/
    /*.inner_beauty_container .slide_up_sect .img_box_wrap .box_wrap:first-of-type .box:nth-of-type(odd) { margin-right: auto; }*/
    /*.inner_beauty_container .slide_up_sect .img_box_wrap .box_wrap:first-of-type .box:nth-of-type(even) { margin-left: auto; }*/
    /*.inner_beauty_container .slide_up_sect .img_box_wrap .box_wrap:last-of-type .box:nth-of-type(odd) { margin-left: auto; }*/
    /*.inner_beauty_container .slide_up_sect .img_box_wrap .box_wrap:last-of-type .box:nth-of-type(even) { margin-right: auto; }*/
    .inner_beauty_container .slide_up_sect .img_box_wrap .box .txt_box { padding: 20px 15px; word-break: keep-all; }
    .inner_beauty_container .slide_up_sect .img_box_wrap .box .txt_box .tit { font-size: 16px; }
    .inner_beauty_container .slide_up_sect .img_box_wrap .box .txt_box .txt { font-size: 13px; }

    .inner_beauty_container .inner_beauty_banner { padding-top: 85%; }
    .inner_beauty_container .inner_beauty_banner .txt_box .txt { font-size: 20px; }

    .brand_intro_container .item { padding-top: 80%; }
    .brand_intro_container .item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .brand_intro_container .item .img { height: 100%; }

}





@media only screen and (max-width:1400px) {


}