/* BASIC css start */
.section { } 
.section .sec_inner { padding:0 5%; margin:0 auto } 
.section h2 { font-family:'sofia-pro'; font-size: 21px; color:#333333; font-weight:600; margin-bottom:30px; line-height: 1.25; } 
.more { display:flex; align-items:center; justify-content:center; } 
.more_b { display:inline-block; color: #272727; font-family:'sofia-pro'; border:1px solid #d8d8d8; font-size:13px; padding:10px 37px; font-weight:500; } 
.more_b span { font-size:12px; } 
.more_b img { width: 11px; display: inline-block; vertical-align: middle; margin-left: 3px; } 
#container { padding-top:46px !important } 
#sec1 { } 
#sec1 .swiper { } 
#sec1 .swiper>ul { } 
#sec1 .swiper>ul>li { position: relative; width: 100%; } 
#sec1 .swiper>ul>li>a { display: block; width: 100%; } 
#sec1 .swiper>ul>li>a>img { width: 100%; } 
#sec1 .swiper>ul>li>.txt { position: absolute; left: 10%; top: 70%; } 
#sec1 .swiper>ul>li>.txt.act { } 
#sec1 .swiper>ul>li>.txt>* { position: relative; left: -100px; opacity: 0; } 
#sec1 .swiper>ul>li>.txt.act>* { left: 0px; opacity: 1; } 
#sec1 .swiper>ul>li>.txt p.sub { letter-spacing: -.6px; margin-bottom: 10px; transition: left .5s, opacity .8s; font-family:'sofia-pro'; font-size: 13px; color: #ffffff; } 
#sec1 .swiper>ul>li>.txt h2 { letter-spacing: -.6px; transition: left .7s,opacity .8s; margin-left: -2px; font-family:'SUIT'; font-size: 25px; color: #ffffff; line-height:0.3; margin-top:15px } 
#sec1 .swiper>ul>li>.txt a { margin-top: 0px; transition: left 1s,opacity .8s; display: inline-block; color: #ffffff; font-family:'sofia-pro'; font-size: 14px; } 


#sec2 { margin-top:40px; /*display:flex; */ width:100%; } 
#sec2 .sec2_top { display: flex; justify-content: space-between; align-items: center; margin-bottom:30px } 
#sec2 .sec2_top h2 { margin-bottom:0 } 
#sec2 .sec2_top .right { display:flex } 
#sec2 .new-prolist ul.swiper-slide { display:flex; flex-wrap:wrap } 
#sec2 .new-prolist li .thumb { position:relative } 
#sec2 .new-prolist li .thumb span.sticker { font-family:'SUIT'; z-index:1; position:absolute; width:40px; height:40px; display:inline-block; background-color:#333; color:#fff; border-radius:50%; line-height:40px; text-align:center; right:10px; top:10px; font-size:9px; font-weight:500 } 
#sec2 .item_list { overflow:hidden; } 
#sec2 .item_list .info .prdname { font-size:13px; } 
#sec2 .item_list .info .prdprice .price { font-size:13px; } 
#sec2 .item_list .info .HeartAndReview span { font-size:12px; } 
/*
#sec2 .swiper-pagination { position:unset } 
#sec2 .swiper-pagination-bullets.swiper-pagination-horizontal { left:unset; top:unset; width:auto; } 
#sec2 .swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; box-sizing:unset; font-weight:500; font-size: 11px; color: #5d5d5d; opacity: 1; background: rgba(0, 0, 0, 0); font-family:'SUIT'; border:1px solid #ccc } 
#sec2 .swiper-pagination-bullet-active { color: #fff; background: #333333; } 
*/


#sec3 { width: 100%; position: relative; margin-top:65px } 
#sec3 .bg { width: 100%; } 
#sec3 .bg img { width: 100%; } 
#sec3 .txt_cont { } 
#sec3 .txt_cont .txt_inner { padding:35px 5% 45px } 
#sec3 .txt_cont .txt_inner>* { font-family:'sofia-pro'; } 
#sec3 .txt_cont .txt_inner p.tit { color: #000000; font-size: 14px; font-weight: 500; margin-bottom: 13px; } 
#sec3 .txt_cont .txt_inner h3 { color: #000; font-size: 21px; font-weight: 700; margin-bottom: 30px; } 
#sec3 .txt_cont .txt_inner p.cont { font-family:'SUIT'; color: #474747; font-size: 13px; line-height: 1.6; font-weight: 400; margin-bottom: 40px; } 
#sec3 .txt_cont .txt_inner>a { color: #474747; font-size: 12px; display: block; } 
#sec3 .swiper { padding-bottom:60px; padding-left:15px; padding-top:15px } 
#sec3 .swiper ul.swiper-wrapper { display: flex; align-items: flex-end; } 
#sec3 .swiper ul.swiper-wrapper li.swiper-slide { padding: 0px 0px 40px; border-radius: 10px; overflow:hidden; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .1); width:40% } 
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb { width: 100%; padding-bottom: 0px; transition: padding-bottom .3s; } 
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb a { display: block; width: 100%; text-align: center; } 
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .thumb a img { } 
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .info { padding-bottom:20px } 
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .info p { text-align: center; justify-content:center; } 
#sec3 .swiper ul.swiper-wrapper li.swiper-slide .info p.prdname { font-family:'sofia-pro'; } 
#sec3 .swiper ul.swiper-wrapper li.swiper-slide a.view_more { text-align: center; transition:color .2s; display: block; font-family: 'sofia-pro'; color:#474747; font-size:11px; font-weight:400 } 
#sec3 .swiper-pagination { bottom: 20px; top: auto; background: none !important; } 
/*
#sec3 .swiper-pagination { bottom:0px; top:unset } 
#sec3 .swiper-pagination-bullet { width: 30px; height: 2px; border-radius: 0; background-color:#9c8f87; } 
*/
#sec3 .swiper-pagination-progressbar { background-color:rgba(0,0,0,0.09); height:4px !important } 
#sec3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:#333 } 


#sec4 { margin-top:75px } 
#sec4 .sec_inner { } 
#sec4 .sec_inner h2 { } 
#sec4 .sec_inner h2 a.more { } 
#sec4 .sec_inner .sec4_cont { } 
#sec4 .sec_inner .sec4_cont ul { } 
#sec4 .sec_inner .sec4_cont ul li { width:70%; } 
#sec4 .sec_inner .sec4_cont ul li a { display: block; width: 100%; } 
#sec4 .sec_inner .sec4_cont ul li .thumb_img { width:100% } 
#sec4 .sec_inner .sec4_cont ul li a .info { position: absolute; width: 100%; bottom: 0px; left: 0; padding:15px 12px; } 
#sec4 .sec_inner .sec4_cont ul li a .info .inner { background-color: rgba(255,255,255,.7); transition: background-color .5s; padding: 25px 0 20px; } 
#sec4 .sec_inner .sec4_cont ul li a .info .inner p { text-align: center; } 
#sec4 .sec_inner .sec4_cont ul li a .info .inner p.brandname { font-family:'SUIT'; font-size: 20px; color: #000; font-weight: 700; margin-bottom: 15px; } 
#sec4 .sec_inner .sec4_cont ul li a .info .inner p.txt { font-family:'SUIT'; font-size: 12px; color: #888888; font-weight: 500; } 


#sec4 .sec_inner .sec4_cont ul .styling-item-li .styling-item-list { border:1px solid #aaaaaa; box-sizing: border-box; margin-top:-1px; display:grid; } 
#sec4 .sec_inner .sec4_cont ul .styling-item-li .styling-item-list dl { padding:10px; width:100%; clear:both; display:flex; } 
#sec4 .sec_inner .sec4_cont ul .styling-item-li .styling-item-list dl dt { display:inline-block; margin-right:10px; float:left; } 
#sec4 .sec_inner .sec4_cont ul .styling-item-li .styling-item-list dl dt img { width:60px; } 
#sec4 .sec_inner .sec4_cont ul .styling-item-li .styling-item-list dl dd { float:left; display:inline-block; valign:middle; } 
#sec4 .sec_inner .sec4_cont ul .styling-item-li .styling-item-list dl dd .prd-name { padding-bottom:10px; } 
#sec4 .sec_inner .sec4_cont ul .styling-item-li .styling-item-list dl dd .prd-name a { font-family:'sofia-pro'; color:#000000; font-size:14px; } 
#sec4 .thumb-img { width:60px; display:inline-block; overflow:hidden; position:relative; } 
#sec4 .swiper-pagination { bottom: 0px; top: auto; background: none !important; } 

#sec5 { display:none } 
#sec5 { width: 100%; margin-top:120px } 

#sec6 { display:none } 
#sec6 { margin-top:120px } 

#sec7 { width: 100%; margin-top: 0; margin-bottom: 50px; } 
#sec7 a { display: block; width: 100%; } 
#sec7 a img { width: 100%; } 

/* sec8 */
#sec8 { display:none } 
#sec8 { margin:60px 0 0px } 
#sec8 h2 { margin-bottom:30px } 
#sec8 .sec8_review { } 
#sec8 .sec8_review>div { width: 100%; } 
#sec8 .sec8_review>div>ul { width: 100%; display:flex; justify-content:space-between; } 
#sec8 .sec8_review>div>ul>li { width: 48.5%; } 
#sec8 .li_review .rv_main { width: 100%; border-bottom: 1px solid #f2f2f2; } 
#sec8 .li_review .rv_main .thumb { width:100%; } 
#sec8 .li_review .rv_main .thumb a { display: block; width: 100%; } 
#sec8 .li_review .rv_main .thumb a img { width: 100%; object-fit: cover; } 
#sec8 .li_review .rv_main .rv_main_cont { width: 100%; padding: 15px 0; } 
#sec8 .li_review .rv_main .rv_main_cont .rv_cont { font-size: 13px; font-family:'SUIT'; text-overflow: ellipsis; overflow: hidden; color:#575757; line-height:1.4 } 

#sec8 .li_review .rv_mini { width: 100%; display: flex; align-items: center; justify-content: left; padding:17px 0; } 

#sec8 .li_review .rv_mini ul { } 
#sec8 .li_review .rv_mini ul li { font-family:'SUIT'; font-size: 13px; color: #656565; margin-bottom:4px; } 
#sec8 .li_review .rv_mini ul li:nth-child(2) { display:flex; align-items:center } 
#sec8 .li_review .rv_mini ul li span { font-family:'SUIT'; margin-right:10px; display:flex; align-items:center; color:#000 } 
#sec8 .li_review .rv_mini ul li span img { display:inline-block; margin-right:4px; transform:scale(.9) } 
#sec8 .li_review .rv_mini ul li span:nth-child(2) img { margin-top:2px } 


/* 타임세일 */
/* 상품관련 */
.prd_list { font-size: 0; letter-spacing: 0; line-height: 0; padding: 0 5px; text-align: center; } 
.prd_list li { display: inline-block; vertical-align: top; font-size: 12px; letter-spacing: normal; line-height: 1.2; padding: 0 5px; margin: 0 0 20px; box-sizing: border-box; position: relative; } 
.prd_list li .discount_rate,
.subtext_list li .discount_rate { display: none; position: absolute; top: 0; right: 0; z-index: 1; width: 28px; height: 28px; text-align: center; font-size: 13px; line-height: 30px; font-weight: 400; color: #fff; background: #000; } 
.prd_list li .discount_rate.active,
.subtext_list li .discount_rate.active { display: block; border-radius:0 5px 0 5px; margin-top: 1px; } 
.prd_list li .thumb { position: relative; margin: 0 0 8px; } 
.prd_list li .thumb img { width: 100%; vertical-align: top; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border:1px solid #ececec; } 
.prd_list li .info { position: relative; z-index: 1; } 
.prd_list li .info .name { min-height: 19px; font-size: 14px; font-weight: 500; text-align: left; color: #000; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-family: 'Hind', "Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif !important; } 
.prd_list li .info .price { font-size: 17px !important; font-weight: 700; color: #000; padding: 8px 0 0 0; } 
.prd_list li .info .price span { display: inline-block; font-size: 12px; font-weight: 400; color: #aeaeae; } 
.prd_list li .info .price small { font-size:.8em; font-weight: normal; } 
.prd_list li .info .price em { color: red; font-weight: 800; } 
.prd_list.column2 li { width: 50%; } 
.prd_list.column3 li { width: 33.333%; } 
.prd_list.column4 li { width: 25%; } 

.btn_moreGray { font-size: 14px; color: #000; } 
.btn_moreGray span { font-size: 12px; color: #aaa; line-height: 35px; display: inline-block; vertical-align: middle; margin: 0 5px; } 

.prd_list li .info .price .area-price { display: flex; align-items: flex-end; } 
.prd_list li .info .price .area-price .percent { padding: 0 1.2em 0 0; } 
.prd_list li .info .price .area-price > em > b { font-family:'Roboto', sans-serif; font-weight: 600 !important; font-size: 30px; letter-spacing: -0.04em; line-height: 44px; position : relative; bottom : -5px; } 
.prd_list li .info .price .area-price > em > small { font-family:'Roboto', sans-serif; font-weight: 600 !important; font-size: 20px; letter-spacing: -0.04em; position : relative; bottom : -5px; } 

.prd_list li .info .price .area-price .price-group { display: inline-block; } 
.prd_list li .info .price .area-price .price-group .pprice,
.prd_list li .info .price .area-price .price-group .pprice2 { display: block; } 
.prd_list li .info .price .area-price .price-group .pprice { font-family: 'Nanum Gothic', sans-serif; font-weight: 600; font-size: 11px; letter-spacing: -0.025em; } 
.prd_list li .info .price .area-price .price-group .pprice small { font-weight: 700; } 
.prd_list li .info .price .area-price .price-group .pprice2 { color: #000; } 
.prd_list li .info .price .area-price .price-group .pprice2 b { font-family:'Roboto', sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 0; vertical-align: middle; } 
.prd_list li .info .price .area-price .price-group .pprice2 small { font-family: 'Nanum Gothic', sans-serif; font-weight: 700; font-size: 14px; letter-spacing: -0.025em; vertical-align: middle; } 

.prd_list li .info .price .area-price.diff > em > b { font-size: 24px; margin-right: 1px; } 
.prd_list li .info .price .area-price.diff > em > small { font-size: 16px; } 

#timeSale { position: relative; overflow:hidden; } 
#timeSale .swiper-container.main-timesale-container { /*padding: 0 10px; */ /*max-height: 350px; */ } 
#timeSale .swiper-container.main-timesale-container .items > li { border-bottom: 0; width: 100%; position: relative; } 
#timeSale .swiper-container.main-timesale-container .items > li { margin: 0; padding: 0; } 

#timeSale .boxTimesale { position: absolute; bottom: 0; width: 100%; border-radius: 5px; z-index: 10; } 
#timeSale .boxTimesale { font-weight: 600; color: #000; font-family: 'Nanum Gothic', sans-serif; } 

#timeSale .boxTimesale .timer { margin: 0 auto; width: 100%; color: #fff; font-size: 13px; font-weight: 700; line-height: 44px; background: rgba(51,51,51,.5); } 
#timeSale .boxTimesale .timer .timeBox { display:inline-block; font-family:'Roboto', sans-serif; font-weight:bold; background-color:#333; color:#fff; border-radius:4px; text-align:center; margin-right:2px; } 
#timeSale .boxTimesale .timer .timeBox.days { background-color:#FF542A; } 
#timeSale .boxTimesale .timer .timeBox { width:31px; height:31px; line-height:31px; font-size:16px; } 

#timeSale .prd_list li .info .price .area-price .price-group .pprice2 b { font-size: 22px; letter-spacing: -0.02em } 
#timeSale .prd_list li .info .price .area-price .price-group .pprice2 small { font-size: 20px; } 

.swiper-pagination.swiper-pagination-custom-3 { position: relative; top: 10px; text-align: center; height: 30px; } 
.swiper-pagination.swiper-pagination-custom-3 .swiper-pagination-bullet { display: inline-block; margin: 0 2px; text-indent: -9999px; background: #ccc; width: 10px; height: 5px; border-radius: 2.5px; -webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; transition: all 0.3s ease 0s; } 
.swiper-pagination.swiper-pagination-custom-3 .swiper-pagination-bullet-active { background: #000; width: 30px; transition: all 0.3s ease 0s; } 


/* 상품 이미지 슬라이드 공통 */
.thumb-img { } 
.thumb-img div { } 
.thumb-img img { width:100%; } 
.thumb-img .swiper-pagination-bullet { width:5px; height:5px; } 
.thumb-img .swiper-pagination-bullet-active { background:#000; } 
.thumb-img .list-type { width:60px; overflow:hidden; position:relative; } 
.people-wrap { position: relative; overflow: hidden; padding-bottom:50px; } 
.people-slide .swiper-wrapper { transition-timing-function: linear; } 
.people-slide .swiper-slide { width: 50% !important; margin: 0 1.5%; } 
.people-slide .swiper-slide img { width: 100%; } 

/* 타임세일 */
#timeSale .swiper-container .swiper-wrapper {padding-bottom: 45px;}
.time { margin: 0 auto; width: 100%; color: #fff; font-size: 13px; font-weight: 700; line-height: 44px; background: rgba(51, 51, 51, .5); } 
.time span { display: inline-block; font-family: 'Roboto', sans-serif; font-weight: bold; background-color: #333; color: #fff; border-radius: 4px; text-align: center; margin-right: 2px; width: 31px; height: 31px; line-height: 31px; font-size: 16px; } 
.time .days { background-color: #FF542A; }


/* BASIC css end */