/* BASIC css start */
/* BASIC css start */
.swiper-button-prev { left:20px !important; } 
.swiper-button-next { right:20px !important; } 
.swiper-button-prev:after, .swiper-button-next:after { content: unset !important; } 

/* more_btn */
.product-wrap .more { text-align:center; margin: 24px 0px; } 
.btn_moreGray {width: 300px;height: 60px;line-height: 60px;background-color: #fff;border: 1px solid #555;display: block;margin: 0 auto;color: #555;font-size: 17px;font-weight: 500;} 
.btn_moreGray span { color:#aaaaaa; } 
.btn_moreGray span em { color:#f1191f; } 


#main_bnr_swiper {margin-bottom: 94px;overflow: hidden;position: relative;} 
#main_bnr_swiper .swiper-slide {width:33.3%; max-width: 744px; min-width: 650px;}
#main_bnr_swiper .swiper-slide.full_img{width: 91.3% !important; max-width: 2040px !important; min-width: 1783px !important;}
#main_bnr_swiper .swiper-slide img { width:100%; object-fit: contain;} 
#main_bnr_swiper .swiper-pagination { bottom:18px !important; } 
#main_bnr_swiper .swiper-pagination .swiper-pagination-bullet { font-size: 0; width: 1.5px; height: 12px; background: #fff; color: #fff; opacity: 1; border-radius: 0; margin: 0 7px; vertical-align: top; line-height: 1; box-sizing: border-box; } 
#main_bnr_swiper .swiper-pagination .swiper-pagination-bullet-active { color: #fff; background: transparent; font-size: 13px; font-weight: 500; word-wrap: break-word; width: auto; height: auto; } 
#main_bnr_swiper .main_bnr_txt {position:absolute;z-index: 999;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;font-size: 16px;transition: 2s;opacity: 0;width: 100%;} 
#main_bnr_swiper .main_bnr_txt h1 { font-size: 30px; font-weight: 700; color: #fff; margin-bottom: 17px; } 
#main_bnr_swiper .swiper-slide-active .main_bnr_txt{opacity:1;}
.block_new_product { width: 1600px; max-width: 100%; display: flex !important; flex-wrap: wrap; justify-content: flex-start; text-align: center; margin: 0 auto; } 

.area2_wrap { margin: 0 auto 160px; padding: 150px 0; background: #f5f5f5; } 
.area2_wrap .cont_wrap { display:flex; width: 1600px; margin: 0 auto; justify-content: space-between; gap: 0 50px; } 
.area2_wrap .cont_wrap .left_cont { width:500px; } 
.area2_wrap .cont_wrap .left_cont img { max-width:100%; } 
.area2_wrap .right_cont { position: relative; width: 1050px; } 
.area2_wrap .right_cont .cateTit { text-align: left; color: rgba(0, 0, 0, 0.50); font-size: 18px; font-weight: 400; margin-bottom: 15px; } 
.area2_wrap .right_cont .cateTit h3 { margin-bottom: 18px; } 
.area2_wrap .right_cont .cateTit a { color: #9F9F9F; font-size: 15px; font-weight: 500; line-height: 40px; } 
.area2_wrap .right_cont .swiper-wrapper { padding-bottom:54px; } 
.area2_wrap .right_cont .swiper-slide { display: flex; gap: 0 30px; } 
.area2_wrap .right_cont .swiper-slide .thumb { width: 172px; } 
.area2_wrap .right_cont .swiper-slide .thumb a { display:inline-block; } 
.area2_wrap .right_cont .swiper-slide .prd-info { padding-top: 5px; width:295px; } 
.area2_wrap .right_cont .swiper-scrollbar { left:0 !important; height: 1px; } 
.area2_wrap .right_cont .swiper-scrollbar .swiper-scrollbar-drag { background: #000; } 


.area4_wrap { margin: 0 auto 160px; background-color: #d6d5db; } 
.area4_wrap .cont_wrap { display:flex; width: 1600px; margin: 0 auto; justify-content: space-between; gap: 0 50px; background-image: url(/design/stlsnow7/imgs/event_bnr.png); background-repeat: no-repeat; background-color: #d6d5db; background-size: auto; padding: 123px 0; } 
.area4_wrap .cont_wrap .left_cont { width: 570px; text-align: center; } 
.area4_wrap .cont_wrap .left_cont h1 { color: white; font-size: 40px; font-weight: 700; line-height: 48px; word-wrap: break-word; margin: 218px 0 16px; } 
.area4_wrap .cont_wrap .left_cont h2 { color: white; font-size: 20px; font-weight: 500; line-height: 28px; word-wrap: break-word; margin-bottom: 38px; } 
.area4_wrap .cont_wrap .left_cont a { display: inline-block; color: white; font-size: 15px; font-family: Pretendard; font-weight: 500; line-height: 40px; word-wrap: break-word; background: #000; padding: 0 54px; } 
.area4_wrap .right_cont { position: relative; width: 978px; } 
.area4_wrap .right_cont .swiper-wrapper { padding-bottom: 100px; } 
.area4_wrap .right_cont .swiper-slide { position: relative; } 
.area4_wrap .right_cont .swiper-slide:hover .prd-info { display:block; } 
.area4_wrap .right_cont .swiper-slide .thumb { } 
.area4_wrap .right_cont .swiper-slide .thumb a { display:inline-block; } 
.area4_wrap .right_cont .swiper-slide .prd-info { display: none; position: absolute; left: 0; right: 0; bottom: 0; background: #fff; padding: 28px 44px; } 
.area4_wrap .right_cont .swiper-slide .prd-info .prd-price { margin-bottom: 0; } 
.area4_wrap .right_cont .swiper-button-next { top:40%; right: 40px !important; } 
.area4_wrap .right_cont .swiper-button-prev { top:40%; left: 40px !important; } 
.area4_wrap .right_cont .swiper-scrollbar { left:0 !important; height: 1px; } 
.area4_wrap .right_cont .swiper-scrollbar .swiper-scrollbar-drag { background: #000; } 


/* 수정 전
.area5_wrap { position: relative; width: 1600px; margin: 0 auto; } 
.area5_wrap .tab_wrap { width: 150px; position: sticky; top:115px; margin-right: 70px; display: inline-block; float: left; } 
.area5_wrap .tab_wrap p { color: black; font-size: 34px; font-weight: 600; line-height: 40px; word-wrap: break-word; margin-bottom: 30px; } 
.area5_wrap .tab_wrap ul { } 
.area5_wrap .tab_wrap ul li { margin-bottom: 15px; } 
.area5_wrap .tab_wrap ul li.current a { color:#000; } 
.area5_wrap .tab_wrap ul li a { color: #999999; font-size: 17px; font-weight: 500; line-height: 20px; word-wrap: break-word; } 
.area5_wrap .tabcontent { width: 1379px; float: right; }
 */

/* 수정 후 */
.area5_wrap {position: relative;/* width: 100%; */margin: 0 auto 0 151px;} 
.area5_wrap .tab_wrap { width: 150px; /*position: sticky; top:115px; */margin-right: 70px; display: inline-block; float: left; } 
.area5_wrap .tab_wrap p { color: black; font-size: 34px; font-weight: 600; line-height: 40px; word-wrap: break-word; margin-bottom: 30px; } 
.area5_wrap .tab_wrap ul { } 
.area5_wrap .tab_wrap ul li { margin-bottom: 15px; } 
.area5_wrap .tab_wrap ul li.current a { color:#000; } 
.area5_wrap .tab_wrap ul li a { color: #999999; font-size: 17px; font-weight: 500; line-height: 20px; word-wrap: break-word; } 
.area5_wrap .tabcontent {width: calc(100% - 220px);float: right;overflow: hidden;} 


.area6_wrap { position: relative; width: 1600px; margin: 0 auto; } 
.area6_wrap .tab_wrap { width: 150px; position: sticky; top: 0; margin-right: 70px; display: inline-block; float: left; } 
.area6_wrap .tab_wrap p { color: black; font-size: 34px; font-weight: 600; line-height: 40px; word-wrap: break-word; margin-bottom: 30px; } 
.area6_wrap .tab_wrap ul { } 
.area6_wrap .tab_wrap ul li { margin-bottom: 15px; } 
.area6_wrap .tab_wrap ul li.current a { color:#000; } 
.area6_wrap .tab_wrap ul li a { color: #999999; font-size: 17px; font-weight: 500; line-height: 20px; word-wrap: break-word; } 
.area6_wrap .tabcontent { width: 1379px; float: right; } 


#ft_bnr_swiper { position: relative; margin-bottom: 160px; } 
#ft_bnr_swiper .swiper-slide a { display:block; } 
#ft_bnr_swiper .swiper-slide a img { width:100%; } 
#ft_bnr_swiper .swiper-pagination { bottom:18px !important; } 
#ft_bnr_swiper .swiper-pagination .swiper-pagination-bullet { font-size: 0; width: 1.5px; height: 12px; background: #fff; color: #fff; opacity: 1; border-radius: 0; margin: 0 7px; vertical-align: top; line-height: 1; box-sizing: border-box; } 
#ft_bnr_swiper .swiper-pagination .swiper-pagination-bullet-active { color: #fff; background: transparent; font-size: 13px; font-weight: 500; word-wrap: break-word; width: auto; height: auto; } 

/* 놓쳐서는 안될 추천상품 */
.area2_wrap .thumb_icon{top: 1px;}
.area2_wrap .thumb_icon img {width: 31px !important;}
.area2_wrap .model_icon {top: 6px;}
.area2_wrap .model_icon img {width: 21px !important;}

/* 상의, 하의 아이콘 크기, 위치 수정 */
.area5_wrap .thumb_icon img {width: 50px !important;}
.area5_wrap .model_icon {top: 6px;}
.area5_wrap .model_icon img {width: 28px !important;}

/* BASIC css end */


/* BASIC css end */