/* BASIC css start */
/* BASIC css start */
/* 롤링배너 */
#mainSpot { padding:0 10px; position: relative;box-sizing:border-box;  } 
#mainSpot a { display:block; box-sizing:border-box; } 
#mainSpot a img { width: 100%; border-radius: 10px; box-sizing:border-box; } 
#mainSpot .swiper-pagination { display: inline-block; position: absolute; right: 20px; bottom: 10px; left: auto !important; background: #fff; padding: 7px; border-radius: 30px; width: 50px; box-shadow: 1px 1px 4px #7e7e7e; } 
#mainSpot .swiper-pagination span { font-size:11px; } 
#mainSpot .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #030000; } 
#mainSpot .swiper-pagination span.swiper-pagination-current { color: #000; } 
#mainSpot .swiper-pagination span.swiper-pagination-total { color: #919191; } 
/**
 * Progress Bar
 */
 .progress { display: block; width: 95%; height: 2px; border-radius: 10px; overflow: hidden; background-color: #cecece; background-image: linear-gradient(to right, #222222, #222222); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; margin: 26px auto 0; } 
/* //롤링배너 */

/* 연결페이지02 */
.link_connect { padding: 30px 12px 0; } 
.link_connect ul { *zoom:1; font-size: 0; } 
.link_connect ul li { display: inline-block; width: calc(100% / 5); margin: 0 0 12px; text-align: center; } 
.link_connect ul li a { color: #000; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif; } 
.link_connect ul li a img { display: block; width: 58px; padding-bottom: 5px; margin: 0 auto; } 

/* 상품 */
.procont { margin: 30px 0 0; } 
.procont .items li a img { width: 100%; border-radius: 8px; } 
.procont .items .slick-list { padding-left: 62px; } 
.procont .items .slick-slide { padding-right: 15px; } 
.procont .items .slick-slide:nth-of-type(1) { margin-left: -48px; } 

.cateTit { padding: 20px 16px; display: flex; justify-content: space-between; } 
.cateTit h3 { color: #000; font-size: 1.1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; z-index: 999; } 
.cateTit .morview { z-index:999; } 
.cateTit .morview a { font-size: 12px; color: #1c1c1c; line-height: 1; } 
.cateTit .morview a img { width: 5px; vertical-align: baseline; } 
.shop_info { margin: 11px 0 0; } 
.prd-brnd { margin: 0 0 2px; color: #757575; font-family: 'Noto Sans KR', sans-serif; } 
.listName { margin: 0 0 40px; } 
.prd-price { color: #D22525; font-family: 'Noto Sans KR', sans-serif; } 
.prd-price:after { content:''; display:block; clear:both } 
.prd-price .dc_per { float: left; margin: 0 5px 0 0; color: #ff7777; font-size: 15px; } 
.prd-price .price { float: left; color: #000; font-size: 15px; font-family: 'Noto Sans KR', sans-serif; } 
.prd-price strike { display: block; margin: 0 0 0 2px; color: #757575; font-size: 12px; } 

/* 띠배너 */
.longbnnr { margin: 10px 20px 10px 20px; } 
.longbnnr a { display:block; } 
.longbnnr a img { border-radius:10px; } 
.mt50 { margin-top:50px; }

/* 이미지배너 */
.imgBanner { margin: 0 15px 50px; } 
.imgBanner div { margin: 0 0 10px; } 
.imgBanner img { width: 100%; } 

/* 김약사네 신상품 */
.new_product_wrap { position: relative; height: 100%; margin-top: 80px; } 
.new_product_wrap:before { content:''; position: absolute; background: #d1e9de; width: 100%; height: 74%; z-index: 1; } 
.new_product_wrap .cateTit { padding-top: 28px; } 
.new_product_wrap .cateTit h2 { margin-bottom:25px; } 
.new_product_wrap .item_container { /* position: absolute; *//* right: 20px; *//* top: 52px; *//* width: 63%; */padding: 0 0 0 15px; } 
.new_product_wrap .item_container .swiper-slide { background:#fff; } 
.new_product_wrap .arrow_wrap { position:relative; display: inline-block; width: 138px; margin: 71px 0 0 -7px; } 
.new_product_wrap .swiper-container { padding-bottom: 25px; } 
.new_product_wrap .swiper-slide { opacity:0.5; } 
.new_product_wrap .swiper-slide-active { opacity:1; } 
.new_product_wrap .swiper-pagination-bullet { opacity:1; background:#c0c0c0; width:6px; height:6px; } 
.new_product_wrap .swiper-pagination-bullet-active { background:#222222; width:15px; border-radius:10px; } 
.new_product_wrap .arrow_wrap .swiper-button-next { width: 68px; height: 68px; background: url(/design/phamsvil/2022_renewal/pc/icon/main_right.png) no-repeat; right: 0; left: auto; } 
.new_product_wrap .arrow_wrap .swiper-button-prev { width: 68px; height: 68px; background: url(/design/phamsvil/2022_renewal/pc/icon/main_left.png) no-repeat; left: 0; right: auto; } 
.new_product_wrap .swiper-button-next:after, .new_product_wrap .swiper-button-prev:after { opacity:0 } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list { position: relative; width: 588px; padding: 0; margin: 0 20px 20px 0; border: 1px solid #efefef; border-radius: 10px; box-shadow: 0px 2px 3px #bbb; box-sizing: border-box; } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list:nth-of-type(2n) { margin-right:0 } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list a { display: block; padding: 20px; } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list a:after { display:block; clear:both; content:'' } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list .thumb { width: 100%; position: relative; /* float: left; */ } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list .thumb img { width:100%; } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list .prd-info { width: 100%; /* float: left; */padding: 20px 0; } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list .prd-info .prd-name {color: #424242;font-family: 'Noto Sans KR', sans-serif;/* font-size: 18px; *//* line-height: 20px; */margin-bottom: 15px;height: 34px;overflow: hidden;} 
.new_product_wrap .item_container .item-wrap .item-cont .item-list .prd-brnd { margin: 0px 0 8px; /* font-size: 16px; */ } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list .prd-price {/* position: absolute; *//* bottom: 40px; */color: #D22525;/* font-size: 16px; */height: 34px;overflow: hidden;} 
.new_product_wrap .item_container .item-wrap .item-cont .item-list .prd-price .dc_per,
.new_product_wrap .item_container .item-wrap .item-cont .item-list .prd-price .price { /* font-size: 20px; */ } 
.new_product_wrap .item_container .item-wrap .item-cont .item-list .prd-price strike { font-size: 14px; } 

/* 찜하기 */
.my-wish-list { position: absolute; right: 15px; bottom: 15px; } 
.my-wish-list img { border: 0 !important; } 

/* 탭상품 */
.tab_swip { width: 100%; margin-bottom: 7px; overflow: hidden; } 
.tab_swip .tab:after { content:''; display:block; clear:both } 
.tab_swip .tab div { float: left; width: initial !important; height: auto; padding: 10px 20px; } 
.tab_swip .tab div.live { } 
.tab_swip .tab div.live span { border-bottom: 2px solid #000; color:#000 } 
.tab_swip .tab div span { padding: 2px 0; color: #757575; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif; } 
.intabarea { display:none } 
.intabarea.active { display:block } 

.tabarea { margin-top:40px } 
.tabarea .list_shopping2x ul.items { padding: 0 15px; } 
.tabarea .list_shopping2x ul.items:after { content:''; display:block; clear:both } 
.tabarea .list_shopping2x ul.items li { width: 100%; border: 1px solid #efefef; border-radius: 10px; margin: 0 0 10px; } 
.tabarea .list_shopping2x ul.items li a { padding-bottom: 0; } 
.tabarea .list_shopping2x ul.items li a > div { position: relative; padding: 15px; } 
.tabarea .list_shopping2x ul.items li a > div:after { content:''; display:block; clear:both } 
.tabarea .list_shopping2x ul.items li a .thumb { float: left; width: 40%; } 
.tabarea .list_shopping2x ul.items li a .thumb img { border-radius: 10px; } 
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo { float: right; width: 54%; margin-top: 0; } 
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info { text-align: left; } 
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .prd-brnd { margin: 0 0 4px; font-size: 13px; } 
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .listName { font-size: 14px; } 
.tabarea .list_shopping2x ul.items li a div .list_shoppingInfo .shop_info .prd-price { position: absolute; bottom: 15px; } 

/* 더보기 */
.more { margin: 10px 0 0; } 
.more a { display: block; margin: 0 15px; } 

/* 인스타영역 */
.insta_area { padding: 40px 15px 60px; } 
.insta_area .sectionTit { margin:0 0 10px } 
.insta_area .sectionTit:after { content:''; display:block; clear:both } 
.insta_area .sectionTit h2 { float: left; font-size: 1.2rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; } 
.insta_area .sectionTit h2 img { width: 22px; margin: 0 4px 0 0; vertical-align: sub; } 
.insta_area .sectionTit p { float:right; margin: 2px 0 0; color:#ccc; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif; } 
.insta_area .sectionTit div i img { width: 100%; } 

/*쿠폰 혜택 버튼*/
.main .coupon-benefit { position:relative; margin:-25px 0 10px 0 } 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px; } 
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; } 
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; } 

.main_ft_wrap { display: block; position: relative; box-sizing: border-box; padding: 0 0 25px; border-bottom: 2px solid #dbdbdb; margin: 0 10px; } 
.main_ft_wrap ul {display: flex;justify-content: space-evenly;text-align: center;align-items: center;} 
.main_ft_wrap ul li a { display: block; font-size: 12px; font-weight: bold; } 
.main_ft_wrap ul li a img { display: block; margin: 0 auto 7px; height: 30px; } 
.main_ft_wrap .bar {width: 1px;height: 68px;background: #eaeaea;} 

/* 상품 롤링 영역 */
#swiper1, #swiper2{padding:0 10px 25px;}

/* BASIC css end */

/*타임세일*/
#time_sale_wrap{width:100%; margin:60px auto 10px; font-family: 'Noto Sans KR', sans-serif; padding:0 10px; box-sizing:border-box;}
#time_sale_wrap .time_box{width:100%;}
#time_sale_wrap .time_box h2{font-size:30px; font-weight:600; line-height:30px;}
#time_sale_wrap .time_box p{font-size:18px; color:#707070; line-height:18px; padding-top:10px;}
#time_sale_wrap .time_box .timer{font-size:30px; font-weight:600; letter-spacing: 0.3rem;}
#time_sale_wrap .time_box .timer_box{display:flex; align-items:center; padding:20px 0 40px;}
#time_sale_wrap .time_box .timer_box .timeico{padding-right:10px;}
#time_sale_wrap .time_box .timer_box .timeico img{height:28px;}


#time_sale_wrap .time_sale_prd{width:100%; overflow:hidden; padding:5px 0 10px;}
#time_sale_wrap .time_sale_prd .list_shopping1x li a{padding:0 0 20px;}
#time_sale_wrap .time_sale_prd .swiper-container{width:100%;}
#time_sale_wrap .time_sale_prd .item-cont{width:100%;}
#time_sale_wrap .time_sale_prd .item-wrap .item-cont .item-list{padding:0;}
#time_sale_wrap .time_sale_prd .list_shopping1x li{width:100%;}


#time_sale_wrap .time_sale_prd .timer{position:absolute; top:2px; left:2px; padding: 6px 14px 7px; background:#2f7417; display:flex; align-items:center; font-size:14px; color:#fff; z-index:10; border-radius: 9px 0 0 0;}
#time_sale_wrap .time_sale_prd .listName{font-size:17px; line-height:20px;}

#time_sale_wrap .time_sale_prd .prd-price .dc_per{font-size:20px;}
#time_sale_wrap .time_sale_prd .prd-price .price{font-size:20px;}
#time_sale_wrap .time_sale_prd .prd-price .prd-price strike{font-size:15px;}
/* BASIC css end */