.page-title{margin-top:0}.main-page-title{margin-bottom:3rem}@media screen and (min-width:750px){.main-page-title{margin-bottom:4rem}}.page-placeholder-wrapper{display:flex;justify-content:center}.page-placeholder{width:52.5rem;height:52.5rem}.main_title{font-weight:500}.main_title .sec_tit{font-size:9.36rem;margin-bottom:20px;font-weight:500;line-height:1;text-transform:uppercase}.main_title .sub_tit{font-size:4.1rem;margin-bottom:20px;line-height:1}.main_title .sub_txt{font-size:2.56rem;font-weight:600;margin-bottom:20px;line-height:1.5}.main_title .sub_desc{font-size:1.8rem;line-height:1.5;color:var(--font-color-secondary)}section .flex-section{display:flex}section .flex-section .main_title{width:50%;margin:0;padding:0}section .flex-section .productItem{width:50%}section .flex-section .productItem .swiper-wrapper{gap:10px}section .flex-section .productItem li.swiper-slide:hover .media img{transform:scale(1.1)}section .flex-section .productItem .media img{transition:transform .4s}section .flex-section .more_btn{font-size:3.2rem;display:flex;align-items:center;gap:5px}section .flex-section .arrow_box{width:24px;height:24px}section .flex-section .arrow_box:after{background-size:24px;left:-24px}section .flex-section .more_btn:hover .arrow_box:after{left:0}@media all and (max-width:1024px){.main_title .sub_tit{font-size:3.2rem;display:none}.main_title .sec_tit{font-size:4.1rem;margin-bottom:40px}.main_title .sec_tit br{display:none}.main_title .sub_txt{font-size:2rem}.main_title .sub_desc{font-size:1.6rem}section .flex-section{display:block}section .flex-section .main_title{width:100%}section .flex-section .productItem{width:100%}section .flex-section .productItem .swiper-wrapper{gap:0}section .flex-section .productItem .swiper-slide{max-width:100%}section .flex-section .swiper-slide{margin-bottom:3rem}section .flex-section .more_btn_pc{display:none}section .flex-section .more_btn{font-size:2rem;font-weight:500;justify-content:center;margin-top:4rem}section .flex-section .arrow_box{width:20px;height:20px}section .flex-section .arrow_box:after{background-size:20px;left:-20px}section .flex-section .more_btn:hover .arrow_box:after{left:0}}@media all and (min-width:1025px){section .flex-section .more_btn_mo{display:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-main-page.css.map */