/* BASIC css start */
#contentWrap { width:100%; }

#header { border-bottom:0px solid #F6F6F6 !important;   }  /* ¸ÞÀÎ»ó´Ü¿µ¿ª¾Æ·¡ ¶óÀÎ ¾ø¾Ö±â */
#header:after { content: ""; clear: both; display: block; }

.sp600 {height:640px;}

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

/* ========================================================
   1. ¸ÞÀÎ ¹è³Ê (»ó´Ü ½½¶óÀÌµå)
   ======================================================== */
#section01 { 
    width:100%; 
    overflow:hidden; 
    padding: 0; 
    margin: 0; 
    background:#fff; 
    position: relative; 
    z-index: 10;
}

.swiper0 { 
    width: 100% !important; 
    max-width: 1410px !important; 
    height: 640px !important; 
    margin: 0 auto !important; 
    overflow: visible !important; 
    position: relative;
    padding-left: 30px !important; 
}

.main_banner_link {
    display: block !important;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 20 !important;
    cursor: pointer !important;
}

.swiper0 .swiper-slide { width: 49.5% !important; height: 640px !important; transition: all 0.6s ease; position: relative; opacity: 0.5; }
.swiper0 .swiper-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }

.swiper0 .swiper-slide::after { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(0,0,0,0.5); 
    transition: 0.6s; 
    z-index: 5; 
    pointer-events: none !important;
}

.swiper0 .swiper-slide-active, 
.swiper0 .swiper-slide-next { opacity: 1; }
.swiper0 .swiper-slide-active::after, 
.swiper0 .swiper-slide-next::after { background: rgba(0,0,0,0); }

.slide_txt { 
    position: absolute; 
    bottom: 8%; 
    left: 30px; 
    color: #fff; 
    z-index: 10; 
    text-align: left; 
    pointer-events: none !important; 
    font-family: 'Pretendard', sans-serif; 
}

.slide_txt .tit01, .slide_txt .tit02, .slide_txt .desc { 
    display: block; color: #ffffff; opacity: 0; transform: translateY(30px); 
    transition: all 0.8s ease 0.6s; 
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2), 0px 0px 4px rgba(0, 0, 0, 0.15);
}

.slide_txt .tit01 { font-size: 35px; font-weight: 700; line-height: 1.2; margin-bottom: 5px; }
.slide_txt .tit02 { font-size: 23px; font-weight: 570; line-height: 1.2; margin-bottom: 15px; }
.slide_txt .desc { font-size: 18px; font-weight: 480; }

.swiper-slide-active .slide_txt .tit01, .swiper-slide-active .slide_txt .tit02, .swiper-slide-active .slide_txt .desc,
.swiper-slide-next .slide_txt .tit01, .swiper-slide-next .slide_txt .tit02, .swiper-slide-next .slide_txt .desc { 
    opacity: 1 !important; transform: translateY(0) !important; 
}

.swiper-button-prev, .swiper-button-next { 
    position: absolute !important; 
    top: 50% !important; 
    transform: translateY(-50%); 
    z-index: 100 !important; 
    width: 60px !important; 
    height: 60px !important; 
    background-repeat: no-repeat !important; 
    background-position: center !important; 
    background-size: 40px !important; 
    cursor: pointer; 
    background-color: transparent !important;
    filter: none !important;
}

.swiper-button-prev:after, .swiper-button-next:after { display: none !important; }

.swiper-button-prev { 
    left: -60px !important;  
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E") !important; 
}

.swiper-button-next { 
    right: -60px !important; 
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z'/%3E%3C/svg%3E") !important; 
}

/* ========================================================
   2. À§Å¬¸®·è ¿µ¿ª
   ======================================================== */
#tap100 { 
    width: 1400px; 
    margin: 0px auto 150px; 
    position: relative; 
    padding: 0px 0; 
    z-index: 5;
}
#tap100 .best-tit { padding: 30px 0 8px 0; font-size:24px; font-weight:600; letter-spacing: -1px; }
#tap100 .best-tit-sub { padding: 0px 0 30px 0; font-size:16px; font-weight:400; color:#424242; letter-spacing: -1px; }

.today_silde1 { width:100%; position:relative; padding-top:20px; border:0px solid #000; }
.today_silde1 .swiper-slide img{ width: 428px; }
.today_silde1 .swiper-button-prev { background:url(/design/schtak/wiz2025/weekly-pre.png) 50% 50% no-repeat; left: 10px; right: auto; width:28px; height:57px; }
.today_silde1 .swiper-button-next { background:url(/design/schtak/wiz2025/weekly-next.png) 50% 50% no-repeat; right: 10px; left: auto; width:28px; height:57px; }

.announcement-banner {
    position: relative;
    z-index: 5;
}

/* ========================================================
   3. ÃßÃµ»óÇ°(BEST OF BEST) & ½Å»ó»óÇ°(NEW ARRIVAL) ¿µ¿ª
   ======================================================== */
#proWarp { 
    width: 1400px !important; 
    margin: 0 auto !important; 
    position: relative !important;  
    clear: both !important; 
    padding: 120px 0 !important;
    z-index: 10 !important;
    overflow: visible !important;
}

/* Å¸ÀÌÆ² ¿µ¿ª (Flexbox °¡·Î 2ºÐÇÒ Á¤·Ä) */
.mainTitle {
    display: flex !important;
    justify-content: space-between !important; /* ÁÂ: ±ÛÀÚ, ¿ì: ¹öÆ° */
    align-items: flex-end !important;          /* ¹Ø¶óÀÎ Á¤·Ä */
    width: 1400px !important;
    margin: 0 auto 30px auto !important;
    text-align: left !important;
    position: relative !important;
    z-index: 20 !important;
    float: none !important;
}

.best-tit-header {
    display: block !important;
    text-align: left !important;
    float: none !important;
}

.mainTitle .m1, .mainTitle .m2 { display:inline-block; color:#303030; }
.mainTitle .m1 { font-family:Montserrat,sans-serif; font-size:33px; letter-spacing:-1px; font-weight:600; }
.mainTitle .m2 { font-size:26px; text-decoration:none; font-weight:bold; }

.best-tit { 
    padding: 0 0 8px 0 !important; 
    font-size: 24px !important; 
    font-weight: 600 !important; 
    letter-spacing: -1px !important; 
    color: #000 !important;
    text-align: left !important;
}

.best-tit-sub { 
    padding: 0 !important; 
    font-size: 16px !important; 
    font-weight: 400 !important; 
    color: #424242 !important; 
    letter-spacing: -1px !important; 
    text-align: left !important;
}

/* ¿ìÃø ÀüÃ¼º¸±â ¹öÆ° ±Ô°Ý ¹× Å¬¸¯ È°¼ºÈ­ */
.btn-view-all {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 116px !important;
    height: 50px !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    font-family: 'Pretendard', sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #666 !important;
    text-decoration: none !important;
    background: #fff !important;
    margin: 0 !important;
    float: none !important;
    
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 9999 !important;
    
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

.btn-view-all:hover {
    background: #f5f5f5 !important;
    color: #333 !important;
    border-color: #999 !important;
}

/* »óÇ° ÀüÃ¼ Æ÷Áö¼Ç ¹× Ä¿¼­ È°¼ºÈ­ */
#proWarp *,
#proWarp .item,
#proWarp .item_box,
#proWarp .thumb,
#proWarp .thumb a,
#proWarp .info,
#proWarp .info a {
    pointer-events: auto !important;
    cursor: pointer !important;
}

#proWarp .over_view {
    z-index: 10 !important;
}

#proWarp .thumb img {
    position: relative !important;
    z-index: 1 !important;
}

/* ========================================================
   4. ±âÅ¸ ¹è³Ê ¹× ÅÇ/½½¶óÀÌµå
   ======================================================== */
.item-best2 { zoom: 1; overflow: hidden; clear: both; margin-top:80px; }
.item-best2:after { content: ""; clear: both; display: block; }
.silde2 { width:1409px; margin:0 auto; border:0px solid #000; position:relative;}
.silde2 .s-item { position:relative;display:block; }
.silde2 .s-item img { width: 690px; }
.silde2 .slick-slider { position: relative;display:block; }
.silde2 .slick-list { position: relative;overflow: hidden;display:block; }
.silde2 .slick-list:focus{outline: none;}
.silde2 .slick-list.dragging{cursor: pointer;cursor: hand;}
.silde2 .slick-slide { height:100%; min-height:1px; display: none ;}
.silde2 .slick-prev{background:url(/design/schtak/wiz2025/weekly-pre.png) no-repeat;left:10px;right:auto;position: absolute; top: 50%; transform: translateY(-50%);z-index:99;width:28px;height:57px;}
.silde2 .slick-next{background:url(/design/schtak/wiz2025/weekly-next.png) no-repeat;right:20px;left:auto;position: absolute; top: 50%; transform: translateY(-50%);z-index:99;width:28px;height:57px;}

#wd100 { background:#fff; padding:150px 0px 0 0; width:1400px ; margin:0 auto;}
#wd100:after { content: ""; clear: both; display: block; }
.mainTap {width:100%; margin:0 auto; border:0px solid #dac9b4 }

.mainTap .item_over { overflow:hidden; border:0px solid #000; text-align:center; }
.mainTap .item_over.Tap-item-list4 li { border:0px solid #000; width:25%; padding:0px; -webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; }
.mainTap .Tap-item-list4 { zoom: 1; clear: both; border:0px solid #dac9b4 }
.mainTap .Tap-item-list4:after { content: ""; clear: both; display: block; }
.mainTap .Tap-item-list4 .item { float: left; width:25%; padding-bottom: 0px ;}
.mainTap .Tap-item-list4 .item .item_box { margin: 0 auto; position:relative; padding-bottom:50px; }
.mainTap .Tap-item-list4 .item .item_box .thumb { width:288px; position:relative; overflow:hidden; }
.mainTap .Tap-item-list4 .item .item_box .thumb img { width:288px; }
.mainTap .Tap-item-list4 .item:nth-child(4n) { margin-right: 0%!important; }
.mainTap .Tap-item-list4 .item .item_box .info { width:288px; height:123px; }

.best_slider { overflow: hidden; }

.best_tab { width:200px; float: left; padding-left: 0px; }
.best_tab .best-tit { padding: 30px 0 8px 0; font-size:24px; font-weight:600; letter-spacing: -1px; }
.best_tab .best-tit-sub { padding: 0px 0 33px 0; font-size:16px; font-weight:400; color:#424242; letter-spacing: -1px; }
.best_tab .swiper-wrapper { display: inline-block; }
.best_tab .swiper-slide { width:100px; position:relative; height:30px; line-height:30px; margin-top: 15px; font-size:16px; color:#000; cursor:pointer; }
.best_tab .swiper-slide span { position:relative; z-index:3; padding:0 3px }
.best_tab .swiper-slide.swiper-slide-thumb-active span { color:#fff; font-weight:600; background:#cc1313; }
.best_list { position: relative; width:calc(100% - 200px); float:right; padding-bottom: 30px!important; }
.best_list .swiper-slide { background: #fff; }

/* Å¸ÀÌ¸Ó ¹è³Ê */
@font-face {
    font-family: 'Digital-7 Mono';
    src: url('/design/schtak/wizdesign/code/digital-7.ttf') format('woff2'),
         url('/design/schtak/wizdesign/code/digital-7.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
}

.timer-banner {
    width: 100%;
    background: #000;
    padding: 150px 0 150px 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid #333;
    text-decoration: none;
    cursor: pointer;
}

.timer-content {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    position: relative;
}

.timer-text {
    position: absolute;
    left: 20px;
    font-size: 45px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.5px;
}

.timer-display {
    display: flex;
    align-items: center;
    gap: 2px;
}

.timer-hours,
.timer-minutes,
.timer-seconds {
    font-family: 'Digital-7 Mono', monospace;
    font-size: 70px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 0 5px #ff00de, 0 0 10px #ff00de, 0 0 20px #ff00de, 0 0 40px #ff00de;
    letter-spacing: 2px;
    line-height: 1;
}

.timer-separator {
    font-family: 'Digital-7 Mono', monospace;
    font-size: 40px;
    color: #fff;
    text-shadow: 0 0 5px #ff00de, 0 0 10px #ff00de;
    margin: 0 5px;
    animation: blink 1s step-end infinite;
    position: relative;
    top: -2px;
}

@keyframes blink {
    50% { opacity: 0; }
}

.timer-label {
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    margin-left: 20px;
}

.timer-button {
    position: absolute;
    right: 150px;
    padding: 8px 24px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.timer-banner:hover .timer-button {
    background: #fff;
    color: #000;
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
}

@media (max-width: 1024px) {
    .timer-content { justify-content: center; }
    .timer-text { font-size: 16px; }
}

@media (max-width: 768px) {
    .timer-banner { padding: 15px 0; }
    .timer-content { flex-direction: column; gap: 15px; }
    .timer-text, .timer-button { position: static; }
    .timer-text { font-size: 15px; text-align: center; }
    .timer-hours, .timer-minutes, .timer-seconds { font-size: 24px; }
}

/* ¸ÞÀÎÅØ½ºÆ®Å¸ÀÌÆ² */
.main_title {width:100%;padding:30px 0 20px;text-align:center;}
.main_title h1 { font-size:16px; padding-bottom:5px; font-weight:bold; color:#84643f; text-transform:uppercase;letter-spacing:0.1em;}
.main_title p {font-size:12px;color:#aaa; }
.main_title:after { display: block; margin: 18px auto; content: ""; width: 15px; height: 1px; background: ; }

/* ÅëÀÌ¹ÌÁö */
.bigsize { width:100%; margin:0 auto; }
.bigsize li img { width:100%; }

/* ³ë¸¶Áø¼¼ÀÏ ¸Þ´º */
.nomargin { width:100%; margin: auto; text-align: center; clear: both; display: block; }
.nomargin_in { width:1350px; margin:auto; text-align: center;}
.nomargin_tit { width:100%; margin:50px auto 20px auto; text-align: center;}
.nomarginmenu li { float:left; vertical-align:top; padding:0px 0px 70px 0px;}

/* 6´Ü¹è³Ê */
.main_bnr6 { width:951px; margin:60px auto 60px; }
.main_bnr6:after { content: ""; clear: both; display: block; } 
.main_bnr6 li { float:left; vertical-align:top;}
.main_bnr6 li:nth-child(2), .main_bnr6 li:nth-child(5) { padding:0px 12px; }
.main_bnr6 li:nth-child(1), .main_bnr6 li:nth-child(2), .main_bnr6 li:nth-child(3) { padding-bottom:12px; }

/* 4´Ü¹è³Ê */
.main_item { width:1400px; margin:80px auto 0; }
.main_item:after { content: ""; clear: both; display: block; } 
.main_item li { float:left; vertical-align:top; padding-right:28px;}
.main_item li:last-child { padding-right:0px; }

/* ½Ç½Ã°£º£½ºÆ® */
#best100 { width: 100%; margin: 50px auto 50px; position: relative; background: #f7f6f5; padding-bottom: 0px;}

/* ½Ç½Ã°£º£½ºÆ®°¡¿îµ¥Á¤·Ä */
.item-list5 .wh { background: #fff; }
.item_box.cen .info { text-align:center; padding: 25px 0; }
.item_box.cen .info .name { text-align:center; border-bottom: 0px solid #F0F0F0; padding-bottom: 10px; margin-bottom: 0px; }

/* ±âº»·Õ¹è³Ê mlong */
.mlong { text-align:center; padding-bottom:50px }
.mlong img { width:100% }

/* ´õº¸±â¹öÆ° */
#proWarp .more a {display: table; width: 220px; height: 60px; margin: 0 auto;}
#proWarp .more button { width: 100%; height: 100%; color: #fff; font-size: 16px; font-weight: 300; line-height: 60px; text-align: center; background: #333; border: 1px solid #000; box-sizing: border-box; }

/* È®´ë½½¶óÀÌµå */
#bigWrap { position:relative; overflow:hidden; border:0px solid #000 ; width:100% ; }
#bigWrap .big-silde { max-width:100%; margin:0 auto 0px; overflow: hidden; position:relative;}
#bigWrap .big-silde .s-item { position:relative;display:block; text-align:center;margin:0 auto; background:rgba(0,0,0,1); }
#bigWrap .big-silde .s-item img{ margin:0 auto; transition:0.3s !important; }
#bigWrap .big-silde .s-item img:hover { margin:0 auto; opacity:0.7;}
#bigWrap .big-silde .slick-prev,#bigWrap .big-silde .slick-next{position:absolute;display:block !important;cursor: pointer;width:30px;height:50px;font-size:0; top:50%;margin-top:-30px;outline: none;padding:0;border:0; opacity:0; background:transparent; z-index:2;}
#bigWrap .big-silde .slick-prev{ left:-20px; background:url(/design/schtak/wiz2022/main_arrow_prev_black.png) 50% 50% no-repeat; }
#bigWrap .big-silde .slick-next{ right:-20px; background:url(/design/schtak/wiz2022/main_arrow_next_black.png) 50% 50% no-repeat; }
#bigWrap .big-silde:hover .slick-prev{ left:0px; margin-left:0px;opacity:0.7;}
#bigWrap .big-silde:hover .slick-next{ right:0px; margin-right:0px;opacity:0.7;}
#bigWrap .big-silde .slick-prev:hover{ left:0px; opacity:1;}
#bigWrap .big-silde .slick-next:hover{ right:0px;opacity:1;}
#bigWrap .big-silde .slick-prev,#bigWrap .big-silde .slick-next{transition:0.3s !important;}
#bigWrap .big-silde .slick-slider{margin-bottom:0;}
#bigWrap .big-silde .slick-dots{ position:absolute;bottom:20px;padding:0;display:block;list-style: none;text-align:center;width:100%;}
#bigWrap .big-silde .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
#bigWrap .big-silde .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
#bigWrap .big-silde .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
#bigWrap .big-silde .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
#bigWrap .big-silde .slick-dots li button:before{display:block;width:7px;height:7px;content: ""; background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1; transition:0.3s !important;}
#bigWrap .big-silde .slick-dots li.slick-active button:before { background:#333; width:25px; opacity: 1; }

.center-slider .slick-slide{
    background-color: #000;
    color: #FFF;
    height: auto;
    margin: 0 0px 0 ;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
}
.center-slider .slick-slide,
.center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
    transform: scale(0.8, 0.8);
    transition: all 0.4s ease-in-out;
}

.center-slider .slick-center,
.center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
    transform: scale(1.1);
    background-color: #000000;
}
.center-slider .slick-current.slick-active{
    transform: scale(1.1);
    background-color: #000000;
}

/* 2´Ü½½¶óÀÌµå */
#msWrap { position:relative; overflow:hidden; border:0px solid #000 ; width:100% ; }
#msWrap .ms-silde { max-width:1400px; margin:0 auto 0px; overflow: hidden; position:relative;}
#msWrap .ms-silde .s-item { position:relative;display:block; text-align:center;margin:0 auto; background:rgba(0,0,0,1); }
#msWrap .ms-silde .s-item img{ margin:0 auto; transition:0.3s !important; }
#msWrap .ms-silde .s-item img:hover { margin:0 auto; opacity:0.7;}
#msWrap .ms-silde .slick-prev,#msWrap .ms-silde .slick-next{position:absolute;display:block !important;cursor: pointer;width:30px;height:50px;font-size:0; outline: none;padding:0;border:0; opacity:0; background:transparent; z-index:2;}
#msWrap .ms-silde .slick-prev{ top:50%; margin-top:-40px; left:-20px; background:url(/design/schtak/wiz2022/main_arrow_prev_black.png) 50% 50% no-repeat; }
#msWrap .ms-silde .slick-next{ top:50%; margin-top:-40px; right:-20px; background:url(/design/schtak/wiz2022/main_arrow_next_black.png) 50% 50% no-repeat; }
#msWrap .ms-silde:hover .slick-prev{ left:0px; margin-left:0px;opacity:0.7;}
#msWrap .ms-silde:hover .slick-next{ right:0px; margin-right:0px;opacity:0.7;}
#msWrap .ms-silde .slick-prev:hover{ left:0px; opacity:1;}
#msWrap .ms-silde .slick-next:hover{ right:0px;opacity:1;}
#msWrap .ms-silde .slick-prev,#msWrap .ms-silde .slick-next{transition:0.3s !important;}
#msWrap .ms-silde .slick-slider{margin-bottom:0;}
#msWrap .ms-silde .slick-dots{ position:absolute;bottom:20px;padding:0;display:block;list-style: none;text-align:center;width:100%;}
#msWrap .ms-silde .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
#msWrap .ms-silde .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
#msWrap .ms-silde .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
#msWrap .ms-silde .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
#msWrap .ms-silde .slick-dots li button:before{display:block;width:7px;height:7px;content: ""; background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1; transition:0.3s !important;}
#msWrap .ms-silde .slick-dots li.slick-active button:before { background:#333; width:25px; opacity: 1; }

/* ÅÇ¸Þ´º */
.mainTitle1 {text-align:left;margin:70px auto 0px;width:1400px}
.mainTitle1 .m1,.mainTitle1 .m2{display:inline-block;color:#303030}
.mainTitle1 .m1{font-family:Montserrat,sans-serif;font-size:33px;letter-spacing:-1px;font-weight:600;}
.mainTitle1 .m2{font-family:'Noto Sans KR',sans-serif;font-size:19px;text-decoration:none;font-weight:500;margin-left:15px;letter-spacing:-.5px}

#tapSlider { position: relative; display:block; width:1400px;height:auto; margin:0 auto 20px;outline:none;z-index:1; }
#tapSlider .slick-slider{ position: relative;display:block;box-sizing:border-box;}
#tapSlider .slick-list{position: relative;display:block; overflow: hidden;margin:0;padding:0;}
#tapSlider .slick-list:focus{outline: none;}.slick-list.dragging{cursor: pointer;cursor: hand;}
#tapSlider .slick-slider .slick-track,.slick-slider .slick-list{transform: translate3d(0,0,0);}
#tapSlider .slick-track{position: relative;top:0;left:0;display:block;}
#tapSlider .slick-track:before,.slick-track:after{display: table;content: '';}
#tapSlider .slick-track:after{clear:both;}
#tapSlider .slick-loading .slick-track{visibility: hidden;}
#tapSlider .slick-slide{display: none;float: left;height:100%;min-height:1px;}
#tapSlider .slick-slide img{display:block;}
#tapSlider .slick-initialized .slick-slide{display:block;}
#tapSlider .slick-dots { position:absolute;top:0px;padding:0;display:block;list-style: none;text-align:center;width:100%; }
#tapSlider .slick-dots li{ position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
#tapSlider .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
#tapSlider .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
#tapSlider .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
#tapSlider .slick-dots li button:before{display:block;width:10px;height:10px;content: "";background:#ddd; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;transition:0.3s !important;}
#tapSlider .slick-dots li.slick-active button:before { background:#333; width:10px; opacity: 1; }
#tapSlider .slick-prev,#tapSlider .slick-next { position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0; top:50%;margin-top:5px;outline: none;padding:0;border:0; opacity:1; background:transparent; z-index:2;}
#tapSlider .slick-prev{ left:-50px; background:url(/design/schtak/wiz2022/slide_prev.png) 50% 50% no-repeat; }
#tapSlider .slick-next{right:-50px; background:url(/design/schtak/wiz2022/slide_next.png) 50% 50% no-repeat; }
#tapSlider:hover .slick-prev{margin-left:-10px;opacity:0.7;}
#tapSlider:hover .slick-next{margin-right:-10px;opacity:0.7;}
#tapSlider .slick-prev:hover{ opacity:1;}
#tapSlider .slick-next:hover{ opacity:1;}
#tapSlider .slick-prev,#tapSlider .slick-next{transition:0.3s !important;}
#tapSlider .cont { position:relative;display:block; font-size:0;overflow:hidden; margin:50px auto 0; vertical-align:top; padding:0px; }
#tapSlider .cont ul { margin-left:0px !important; }
#tapSlider .item-wrap { margin:0 auto; width:1400px; border:0px solid #ccc; padding-left:5px;padding-bottom:10px; }

/* ÅÇ»óÇ°Áø¿­ */
.tap-list { zoom: 1; }
.tap-list:after { content: ""; clear: both; display: block; }
.tap-list .item { float: left; width: 350px; text-align: center; padding-bottom: 1px; border:0px solid #ccc; }
.tap-list .item .item_hover{ width: 349px; margin: 0 auto; position:relative; }
.tap-list .item .item_hover .thumb { width:349px; height: auto; }
.tap-list .item .item_hover .thumb img { width:349px; height: auto; }
.tap-list .item .item_hover .-imgcont_box { display:none; position:absolute; width:100%; height:100px; left:0; bottom:0; background:rgba(255,255,255,0.8); }
.tap-list .item .item_hover .-imgcont_box .-imgcont_out { display:table;height:100%;width:100%; }
.tap-list .item .item_hover .-imgcont_box .-imgcont { width:100%; height:100%; display:table-cell; vertical-align:middle; padding:0 25px;}
.tap-list .item .item_hover .-imgcont li { padding:5px 0; text-align:left; line-height:19px; }
.tap-list .item .item_hover .-imgcont .name {padding-bottom: 5px; font-size:14px; color: #000; font-weight:normal; }
.tap-list .item .item_hover .-imgcont .subname { color: #000; font-size:14px; display:none; }
.tap-list .item .item_hover .-imgcont .color { padding-top: 10px; }
.tap-list .item .item_hover .-imgcont .price01 { font-weight:none; color:#000; padding-right:10px; text-decoration:line-through; }
.tap-list .item .item_hover .-imgcont .price02 { font-weight:none; color:#000; font-size:14px; }

/* ·Õ½½¶óÀÌµå¹è³Ê¿µ¿ª long_box */
#long_box { position:relative; overflow:hidden; border:0px solid #000 ; width:100% ; height:250px; }
#long_box .long-inner { position:absolute; left:50% !important; overflow:hidden; margin-left:-1000px; top:0px; width:100%; height:auto; border:0px solid #000 }
.long-slide .s-item { position:relative;display:block; height:auto; text-align:center; margin:0 auto;}
.long-slide .s-item img{ text-align:center; }
.long-slide .slick-prev,.long-slide .slick-next{position:absolute;display:block !important;cursor: pointer;width:30px;height:30px;font-size:0; outline: none;padding:0;border:0; opacity:0; left:50% !important; margin-left:620px; background:transparent; z-index:3;}
.long-slide .slick-prev{top:49px; right:0; background:url(/design/schtak/wiz2022/arr-topr-up.png) 50% 50% no-repeat; }
.long-slide .slick-next{top:64px;right:0;;background:url(/design/schtak/wiz2022/arr-topr-down.png) 50% 50% no-repeat; }
.long-slide:hover .slick-prev{ opacity:0.5;}
.long-slide:hover .slick-next{ opacity:0.5;}
.long-slide .slick-prev:hover{background:url(/design/schtak/wiz2022/arr-topr-up.png) 50% 50% no-repeat; opacity:0.8;}
.long-slide .slick-next:hover{background:url(/design/schtak/wiz2022/arr-topr-down.png) 50% 50% no-repeat; opacity:0.8;}
.long-slide .slick-prev,.long-slide .slick-next{transition:0.3s !important;}
.long-slide .slick-slider{margin-bottom:0;}
.long-slide .slick-dots { position:absolute; bottom:5px; padding:0; list-style: none; display:block; text-align:center;width:100%; opacity:1; transition:0.3s !important;}
.long-slide:hover .slick-dots { opacity:1;}
.long-slide .slick-dots li { position: relative;display: inline-block;margin:0;padding:0;cursor: pointer; }
.long-slide .slick-dots li button { background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.long-slide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.long-slide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.long-slide .slick-dots li button:before{display:block;width:30px;height:5px;content: "";background:#ddd; border-radius:0px;border:0px solid #888;font-size:0; margin:0 1px; text-align:center;color: white;opacity:1;transition:0.3s !important;}
.long-slide .slick-dots li.slick-active button:before { background:#000; width:30px; opacity: 1; }

/* »óÇ°¸í + Ãß°¡»óÇ°¸í */
.item-wrap .item-thumb .binWrap { width: 210px; height:210px; background:rgba(0,0,0,0.6); }
.item-wrap .item-thumb .binimg { width: 210px; height:100%; display:table; text-align:center; }
.item-wrap .item-thumb .binimg .txt { width:100%; height:100%; color:#F6F6F6; display:table-cell; vertical-align:middle; text-align:center;}
.item-info-re .item-pro { padding-top: 10px; font-size:13px; color:#333; font-weight:bold; }
.item-info-re .item-name { padding-top: 10px; font-size:12px; color:#666; letter-spacing:0px;}
.item-info-re .item-subname { padding-top: 10px; font-size:12px; color:#999; }

/* ¶óÀÌºê·¯¸® */
.con { margin:0 auto; }
.img-box > img { width:100%; display:block; border: 0px solid #000; }
button { cursor:pointer; padding:0; font-size:inherit; }

/* Ä¿½ºÅÒ */
.con { width:100%; min-width:1400px; }
.con-min-width { min-width:320px; }

/* Áß¾Ó ÄÁÅÙÃ÷ 3Â÷ visual story */
.v-story-wrap .v-story-tt { text-align:center; margin-bottom:11px; }
.v-story-wrap .v-story-slider { text-align:center; }
.v-story-wrap .v-story-slider .slick-list { box-sizing:border-box; }
.v-story-wrap .v-story-slider .slider-item { width:1000px; position:relative; }
.v-story-wrap .v-story-slider .slider-item .img-box > img {
    transform-origin:50% 50%;
    transform:scale(0.88);
    transition:transform .5s linear;
    background-color:rgba(0,0,0,1);
    opacity:0.5;
}
.v-story-wrap .v-story-slider .slick-center .slider-item .img-box > img {
    transform:scale(1);
    transition:transform .5s linear;
    opacity:1;
}

.v-story-wrap .v-story-slider .slider-item > a { position:relative; }
.v-story-wrap .v-story-slider .slider-item > a::after {
    content:"";
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background-color:rgba(0,0,0,0);
    transition:background-color .8s;
}
.v-story-wrap .v-story-slider .slick-active .slider-item > a:hover::after { background-color:rgba(0,0,0,0); }
.v-story-wrap .v-story-slider .slider-item > a > .discover {
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%, -50%);
    z-index:5;
    opacity:1;
    transition:opacity .8s;
}
.v-story-wrap .v-story-slider .slick-active .slider-item > a:hover > .discover { opacity:1; }
.v-story-wrap .v-story-slider .slick-active .slider-item > a:hover > .discover > span.discover-btn::after { transform:rotate(360deg); }

.v-story-wrap .slick-next, .slick-prev{font-size:0;line-height:0;position:absolute;top:50%; display:block;width:65px;height:65px;padding:0;transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}
.v-story-wrap .v-story-slider .slick-prev{ left:50%;margin-left:-451px; background:url(/design/schtak/wiz2022/big_left.jpg) 50% 50% no-repeat; }
.v-story-wrap .v-story-slider .slick-next{ right:50%;margin-right:-451px; background:url(/design/schtak/wiz2022/big_right.jpg) 50% 50% no-repeat; }
.v-story-wrap .v-story-slider .slick-arrow { z-index:10; top:50%; }

/* ¶ì¹è³Ê */
.banner-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}
.banner-link { flex: 1; display: block; line-height: 0; text-decoration: none; }
.banner-img { width: 100%; height: auto; max-width: 960px; border: none; transition: opacity 0.3s; }
.banner-link:hover .banner-img { opacity: 0.9; }

@media (max-width: 768px) {
    .banner-wrapper { flex-direction: column; }
}

/* sns */
.member_box { width:1400px; margin:80px auto 0px; border:0px solid #000; height:550px; overflow:hidden; }
.member_box:after { content: ""; clear: both; display: block; }
.member_box li { display:inline-block; vertical-align:top; }
.member_box li .mtit a { font-size:20px; padding-bottom:30px; text-align:center;display: block;}
.member_box li .msub { font-size:18px; padding:20px 0 10px; }
.member_box li.member_ins { width:668px;}
.member_box li.member_you { width:668px; text-align:center; }
.member_box li.member_cen { width:1px; background:#c7c7c7; margin:0 20px; height:550px; }

@media (max-width: 1400px) {
    .mainTitle {
        width: 95% !important;
    }
}

/* ========================================================
   PC MD ÃßÃµ + ÀüÃ¼º¸±â
   ¡Ú ±âÁ¸ Å¬¸¯ ±¸Á¶¸¦ °Çµå¸®Áö ¾Ê´Â ¾ÈÀü ¹öÀü
   ======================================================== */

/* WEEKLY LOOK ¼û±è */
#tap100 {
    display: none !important;
}

/* MD ÃßÃµ - BEST / NEW¿Í °°Àº 1400px ±¸Á¶ */
#mdProWarp {
    width: 1400px;
    margin: 0 auto;
    position: relative;
    clear: both;
    padding: 120px 0;
}

/* Å¸ÀÌÆ² ÁÂÃø + ÀüÃ¼º¸±â ¿ìÃø */
#mdProWarp .md-main-title,
#proWarp .mainTitle {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

/* ±âÁ¸ BEST/NEW Å¸ÀÌÆ² Æø À¯Áö */
#mdProWarp .mainTitle {
    width: 1400px;
    margin: 0 auto 30px;
}

/* ÁÂÃø Á¦¸ñ ¹­À½ */
.best-tit-header {
    display: block;
}

/* ÀüÃ¼º¸±â ¹öÆ° - ÀÏ¹Ý ¸µÅ© ±×´ë·Î »ç¿ë */
.btn-view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 116px;
    height: 50px;

    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;

    color: #666;
    font-family: 'Pretendard', sans-serif;
    font-size: 16px;
    font-weight: 500;

    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
}

.btn-view-all:hover {
    background: #f5f5f5;
    color: #333;
    border-color: #999;
}

/* 1400px ÀÌÇÏ */
@media (max-width: 1400px) {
    #mdProWarp {
        width: 95%;
    }

    #mdProWarp .mainTitle {
        width: 100%;
    }
}

/* ========================================================
   ¡Ú PC Å¬¸¯ + ±âÁ¸ »ó´Ü°íÁ¤ ±â´É ÃÖÁ¾ º¸Á¤
   - ±âÁ¸ Çì´õÀÇ #hd_Allbox.fixed µ¿ÀÛÀº ±×´ë·Î À¯Áö
   - º»¹® z-index °­Á¦»ó½Â ¾øÀ½
   - ¹Ì¸®º¸±â Åõ¸í ·¹ÀÌ¾î Å¬¸¯ ¹æÇØ¸¸ Á¦°Å
   ======================================================== */

/* ¸ÞÀÌÅ©¼¥ ¹Ì¸®º¸±â Åõ¸í ·¹ÀÌ¾î Å¬¸¯ ¹æÇØ Á¦°Å */
#overlay_layer {
    pointer-events: none !important;
}

/* ¿ø·¡ Çì´õº¸´Ù º»¹®ÀÌ À§·Î ¿Ã¶ó¿ÀÁö ¾Êµµ·Ï
   #wrap / #contentWrap¿¡´Â z-index¸¦ ÁÖÁö ¾Ê½À´Ï´Ù. */

/* ±âÁ¸ Çì´õ °íÁ¤ ±â´ÉÀÌ º»¹® À§¿¡ º¸ÀÌµµ·Ï ·¹ÀÌ¾î¸¸ º¸°­ */
#header {
    z-index: 50 !important;
}

#header #hd_Allbox.fixed {
    z-index: 1000 !important;
}

/* ½ÇÁ¦ ¸µÅ© Å¬¸¯ È°¼ºÈ­ */
#section01 a,
.announcement-banner a,
#proWarp a,
#mdProWarp a,
.btn-view-all {
    pointer-events: auto !important;
}

/* ========================================================
   ¡Ú PC »ó´Ü Ä«Å×°í¸® fixed º¸°­
   - ½ºÅ©·Ñ ½Ã #hd_Allbox.fixed°¡ ºÙÀ¸¸é ·Î°í+Ä«Å×°í¸® 2ÁÙ¸¸ °íÁ¤
   ======================================================== */

#header #hd_Allbox.fixed {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    z-index: 10000 !important;
    box-sizing: border-box !important;
}

/* °íÁ¤ »óÅÂ¿¡¼­ ÀÛÀº ·Î°í ³ëÃâ */
#header #hd_Allbox.fixed .small {
    display: block !important;
}

/* ¸ÞÀÌÅ©¼¥ ¹Ì¸®º¸±â Åõ¸í ·¹ÀÌ¾î´Â Å¬¸¯¸¸ ¸·Áö ¾Ê°Ô */
#overlay_layer {
    pointer-events: none !important;
}


/* BASIC css end */

