/* BASIC css start */
/* 메인 비주얼 */
.mainVisual{position:relative;width:100%;overflow:hidden;}
.mainVisual .mainVisualSwiper{width:100%;height:auto;}
.mainVisual .swiper-wrapper{height:auto;}
.mainVisual .swiper-slide{height:auto;overflow:hidden;}
.mainVisual .swiper-slide img{display:block;width:100%;height:auto;transform:scale(1.08);}
.mainVisual .swiper-slide-active img{animation:mainZoom 6s linear forwards;}
@keyframes mainZoom{from{transform:scale(1.08);}to{transform:scale(1);}}

.mainVisual .swiper-button-prev,.mainVisual .swiper-button-next{width:20px;height:20px;color:#fff;z-index:10;}
.mainVisual .swiper-button-prev{left:10px;}
.mainVisual .swiper-button-next{right:10px;}
.mainVisual .swiper-button-prev:after,.mainVisual .swiper-button-next:after{font-size:16px;font-weight:500;}

.mainVisual .swiper-pagination{position:absolute;left:0;right:0;bottom:0px;margin-bottom:8px;display:flex;justify-content:center;align-items:center;gap:7px;z-index:10;}
.mainVisual .swiper-pagination-bullet{width:14px;height:5px;border-radius:999px;background:#fff;opacity:.55;transition:.3s;margin:0 !important;}
.mainVisual .swiper-pagination-bullet-active{width:28px;opacity:1;background:#fff;}



.mcustm{margin:30px 0 60px;}
.mcustm p{font-family:'Montserrat';color:#202020;font-size:10px;text-align:center;}
.mcustm .tit{color:#000;font-size:13px;text-align:center;padding:0 0 15px;}
.mcustm .tx{color:#000;font-size:10px;text-align:center;line-height:14px;letter-spacing:-1px;padding:0 15px;}
.mcustm .bt{text-align:center;}
.mcustm .bt a{display:inline-block;margin:15px auto 0;background:#1e1e1e;color:#fff;font-size:10px;height:26px;line-height:26px;padding:0 35px;border-radius:16px;}

.main_video {display:block;width:100%;}
.main_video iframe { width:100%; margin:0 auto; aspect-ratio:16/9; height:auto; display:block;border:0;}

.m_tit01{color:#000;font-size:13px;padding:80px 0 10px 8px;}
.m_tit02{color:#000;font-size:13px;padding:80px 0 5px 8px;}
.m_tit02a{color:#000;font-size:10px;line-height:13px;padding:0 0 20px 8px;}
.m_tit03{text-align:center;color:#000;font-size:13px;padding:80px 0 3px;}
.m_tit03a{text-align:center;color:#000;font-size:10px;line-height:13px;padding:0 0 20px;}
.m_tit04{color:#000;font-size:13px;padding:80px 0 5px 8px;}
.m_tit04a{padding:0 0 10px 8px;}
.m_tit04a a{color:#000;font-size:10px;line-height:13px;}

.im100 img{width:100%;display:block;}






.main_roll_01{position:relative;text-align:left;}
.main_roll_01 .swiper.main_roll_swiper1{width:calc(100% - 8px);margin-right:0;}
.main_roll_01 .swiper-pagination{width:90.875%;margin:0 auto;text-align:center;box-sizing:border-box;left:0;right:0;bottom:0;}
.main_roll_01 .swiper-pagination-bullet{width:3px;height:3px;border-radius:9999px;transition-duration:.3s;background:#333;opacity:1 !important;margin:0 2px !important;}
.main_roll_01 .swiper-pagination-bullet-active{width:20px;background-color:#333;}
.main_roll_01 .swiper-button-prev,.main_roll_01 .swiper-button-next{display:none;}
.main_roll_01 .slideBox{padding-bottom:25px;}
.main_roll_01 img{width:100%;display:block;}





.main_bn01{width:100%;padding:50px 0px 10px}
.main_bn01 .main_bn01_tit {color:#000;font-size:13px;text-align:center;padding:0 0 15px;}
.main_bn01 .main_bn01_tit p{font-family:'NotoSerifKR';color:#202020;font-size:10px;text-align:center; padding-bottom:3px}
.main_bn01 ul{display:flex;flex-direction:column;gap:16px; }
.main_bn01 ul:last-child{margin-bottom:0;}
.main_bn01 ul li{width:100%;}
.main_bn01 ul li.im img{display:block;width:100%;}
.main_bn01 ul li.tx{font-family:'notokr-demilight';color:#000;font-size:10px;line-height:14px;word-break:keep-all;box-sizing:border-box; padding:10px 20px 50px }
.main_bn01 ul li.tx .tit{font-size:14px;padding-bottom:14px;}
.main_bn01 ul li.tx .tit p{font-family:'NotoSerifKR';font-size:11px;color:#666;padding-bottom:5px;}
.main_bn01 ul li.tx .bt{margin-top:18px;width:100px;height:28px;border:1px solid #353535;}
.main_bn01 ul li.tx .bt a{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 12px;box-sizing:border-box;font-family:'notokr-demilight';font-size:10px;color:#000;text-decoration:none;}
.main_bn01 ul li.tx .bt a:hover{background:#000;color:#fff;transition:.3s;}
.main_bn01 ul li.tx .bt a span{font-size:13px;}



/* 룩북 */
.main_lookbook{width:100%;padding:0px 0 0;overflow:hidden;box-sizing:border-box;}
.main_lookbook .lookbook_tit{color:#000;font-size:13px;text-align:center;padding:0 0 15px;}
.main_lookbook .lookbook_tit p{font-family:'NotoSerifKR';color:#202020;font-size:10px;text-align:center;padding-bottom:3px;}

.main_lookbook .lookbook_swiper{width:100%;overflow:visible;}
.main_lookbook .swiper-wrapper{align-items:stretch;}
.main_lookbook .swiper-slide{width:80%;height:auto;}
.main_lookbook .swiper-slide a{display:block;}
.main_lookbook .swiper-slide img{display:block;width:100%;height:auto;}

.main_lookbook .swiper-button-prev,
.main_lookbook .swiper-button-next,
.main_lookbook .swiper-pagination{display:none;}





.main_roll_03{width:100%;overflow:hidden;padding:50px 20px;box-sizing:border-box;}
.main_roll_03 .main_roll_03_tit {color:#000;font-size:13px;text-align:center;padding:0 0 15px;}
.main_roll_03 .main_roll_03_tit p{font-family:'NotoSerifKR';color:#202020;font-size:10px;text-align:center; padding-bottom:3px}
.main_roll_03 .slideBox{position:relative;width:100%;overflow:hidden;}
.main_roll_03 .slideTrack{position:relative;width:100%;}
.main_roll_03 .slide{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:scale(1.018);transition:opacity 1.6s ease,transform 2.6s ease,visibility 0s linear 1.6s;}
.main_roll_03 .slide.active{position:relative;opacity:1;visibility:visible;z-index:2;transform:scale(1);transition:opacity 1.6s ease,transform 2.6s ease;}
.main_roll_03 .slide img{display:block;width:100%;height:auto;border-radius:10px;}
.main_roll_03 .pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:16px;}
.main_roll_03 .pagination button{display:block;width:4px;height:4px;margin:0;padding:0;border:0;background:#333;border-radius:50%;cursor:pointer;font-size:0;line-height:0;}
.main_roll_03 .pagination button.active{width:20px;border-radius:10px;}
.main_roll_03 .tx{padding:28px 0px 0;font-family:'notokr-demilight';color:#000;font-size:10px;line-height:14px;}
.main_roll_03 .tx .bt{margin-top:18px;width:100px;height:28px;border:1px solid #353535;}
.main_roll_03 .tx .bt a{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 12px;box-sizing:border-box;font-family:'notokr-demilight';font-size:10px;color:#000;text-decoration:none;}
.main_roll_03 .tx .bt a:hover{background:#000;color:#fff;transition:.3s;}
.main_roll_03 .tx .bt a span{font-size:13px;}



.main_cm{display:block;width:100%;margin-top:60px;position:relative;}
.main_cm p{position:absolute;left:50%;top:51%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.main_cm p a{font-family:'notokr-demilight';color:#333;font-size:12px;display:block;width:120px;height:25px;line-height:25px;border-radius:12px;margin:15px auto 0;background:#fff;text-align:center;}
.main_cm img{width:100%;}



.mbest{width:100%;margin:0 auto;text-align:center;}
.mbest .tit{text-align:center;color:#000;font-size:13px;padding:80px 0 15px;}

.tab-btns {list-style:none;padding:0;margin:0 0 25px;display:flex;justify-content:center}
.tab-btns li {margin:0 4px;cursor:pointer;border:1px solid #888;color:#000; border-radius:15px;height:22px;line-height:22px;background:transparent;transition:background 0.2s; min-width:50px; font-size:11px; padding:0 9px }
.tab-btns li.on {background:#1e1e1e;color:#fff;border-color:#1e1e1e }
.tab-contents { }
.tab-content {display:none;margin-top:0px}




.mbn4_box{max-width:1200px;margin:0 auto;width:100%;overflow:hidden;position:relative;}
.mbn4_box::before{content:"";display:block;padding-top:66.67%;}
.mbn4_sld{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transform-style:preserve-3d;}
.mbn4_itm{position:absolute;top:0;left:50%;transform:translateX(-50%);width:42%;height:100%;background:transparent;overflow:hidden;box-sizing:border-box;transition:transform .4s ease;transform-origin:center center;}
.mbn4_inner{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.mbn4_txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;z-index:2;color:#fff;box-sizing:border-box;padding:0 12px;}
.mbn4_txt p{font-size:.4rem;font-weight:500;}
.mbn4_txt .tx01{font-size:.8rem;line-height:.8rem;font-weight:500;font-family:'YESMyoungjo-Regular';}
.mbn4_txt .tx01 span{display:block;font-size:.6rem;font-weight:300;line-height:.6rem;margin-top:4px;font-family:"Noto Sans KR";}
.mbn4_txt .tx02{display:none;}
.mbn4_itm1 .mbn4_inner{background-image:url('/design/custommood/deetong/mo/m_lb01.png');}
.mbn4_itm2 .mbn4_inner{background-image:url('/design/custommood/deetong/mo/m_lb02.png');}
.mbn4_itm3 .mbn4_inner{background-image:url('/design/custommood/deetong/mo/m_lb03.png');}
.mbn4_itm4 .mbn4_inner{background-image:url('/design/custommood/deetong/mo/m_lb04.png');}
.mbn4_itm5 .mbn4_inner{background-image:url('/design/custommood/deetong/mo/m_lb05.png');}
.mbn4_itm6 .mbn4_inner{background-image:url('/design/custommood/deetong/mo/m_lb06.png');}
.mbn4_arw{position:absolute;top:50%;left:0;width:100%;padding:0 10px;box-sizing:border-box;z-index:1000;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none;}
.mbn4_arr{pointer-events:auto;width:26px;height:26px;border:none;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;user-select:none;background:transparent;padding:0;}
.mbn4_arr img{max-width:100%;max-height:100%;display:block;pointer-events:none;}
/* BASIC css end */

