/* BASIC css start */
body .r_quick_menu {bottom: -14%;} 
body .r_quick_menu.scroll{bottom:10%;}

/* 메인 배너 */
#mainSpot { position:relative; margin-bottom:100px; } 
#mainSpot .swiper>ul>li>a { display:block; width:100% } 
#mainSpot .swiper>ul>li>a>img { width: 100%; } 
#mainSpot .swiper .btn_wrap { position: absolute; z-index: 4; bottom: 21px; left: 50%; transform: translateX(-50%); display: flex; width:86px; } 
#mainSpot .swiper .btn_wrap .swiper-pagination { background-color: rgba(127,85,62,0.5); border-radius: 25px; width: 82px; height: 36px; color: #fff; position:static; margin-right:10px; font-size: 0; } 
.swiper-pagination .swiper-pagination-total,
.swiper-pagination::before { opacity: 0.5; font-size:14px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } 
.swiper-pagination .swiper-pagination-current { opacity: 1; font-size:14px; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); } 
.swiper-pagination .swiper-pagination-current::after { content: '/'; opacity: 0.5; /* '/' 기호의 투명도 */ margin: 0 7px; /* 위치 조정 필요 시 */ font-size: 14px; } 
#mainSpot .swiper .btn_wrap .control_btn { position:relative; } 
#mainSpot .swiper .btn_wrap .control { position:absolute; left:0; top:0; display:none; } 
#mainSpot .swiper .btn_wrap .control.on { display:block; } 
#mainSpot .swiper .btn_wrap .control a { cursor: pointer; display: flex; transition: all .1s; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: rgb(127 85 62 / 50%); } 
#mainSpot .swiper .btn_wrap .control a img { width:10px; } 
#mainSpot .swiper .btn_wrap .pause_btn.control a img { width:8px; } 
#mainSpot .swiper ul li.swiper-slide-active .txt_area p { transform: translateY(0px); opacity: 1; } 
#mainSpot .swiper ul li.swiper-slide-active .txt_area a.more { transform: translateY(0px); opacity: 1; } 
#mainSpot .swiper ul li .txt_area { overflow: visible; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left:0; padding-left:6%; max-width:95% } 
#mainSpot .swiper ul li .txt_area>* { transform: translateY(-25px); } 
#mainSpot .swiper ul li .txt_area p { opacity: 0; line-height: 1.3; } 
#mainSpot .swiper ul li .txt_area p.big { transition: all .6s; transition-delay: .1s; margin-bottom: 8px; } 
#mainSpot .swiper ul li .txt_area p.sub { font-weight: 500; transition: all .6s; margin-bottom: 17px; transition-delay: .37s; } 
#mainSpot .swiper ul li .txt_area a.more { opacity: 0; transition-delay: .6s; } 
#mainSpot .swiper-button-next {right: 15.6% !important;opacity: 0.8;} 
#mainSpot .swiper-button-prev {left: 15.6% !important;opacity: 0.8;} 
#mainSpot .swiper ul .swiper-slide { border-radius: 20px;overflow: hidden;}

/* 아이콘 영역 */
.ico_wrap { overflow:visible; } 
.ico_wrap ul { display: flex; justify-content: center; align-items: center; gap: 30px; } 
.ico_wrap ul li { max-width: 110px; } 
.ico_wrap ul li a { display:inline-block; } 
.ico_wrap ul li.ico_on { position:relative; } 
.ico_wrap ul li.ico_on:after { content:''; display:inline-block; background:url(//skin.makeshop.co.kr/skin/potato/img/new_icon.png)no-repeat center; width:50px; height:30px; background-size:cover; position:absolute; left:50%; top:-10px; margin-left:-25px; animation: up-down 1.4s infinite ease-in-out alternate; } 
.ico_wrap ul li a img { width: 100%; } 
.ico_wrap ul li a p { margin-top:10px; font-size: 15px; font-weight: 400; text-align: center; line-height: 1.25; } 
@keyframes up-down { 
 from { transform:translateY(0px); } 
 to { transform:translateY(-8px); } 
 }


/* 오늘의 혜택 */


/* 신상특가 */
.cont_inner {display:flex;background:#E9EAEC;align-items: flex-start;gap: 56px;padding: 60px 40px;border-radius: 25px;} 
.cont_inner .left_tit { padding: 23px 0 0 0; width: 254px; } 
.cont_inner .left_tit h2 { font-size:32px; font-weight:600; margin-bottom:15px; } 
.cont_inner .left_tit h2 b { display:block; font-size:40px; font-weight:600; line-height: 1.2; } 
.cont_inner .left_tit p { font-size:20px; font-weight:400; margin-bottom: 0px; } 
.cont_inner .left_tit img { width:254px; } 
#newsale_swiper { position:relative; width: calc(100% - 310px); } 
#newsale_swiper .swiper-button-prev {top:140px;left: -14px;margin-top: 0;opacity: 0.8;} 
#newsale_swiper .swiper-button-next {top:140px;right: -14px;margin-top: 0;opacity: 0.8;} 
#newsale_swiper .swiper-button-next.swiper-button-disabled, #newsale_swiper .swiper-button-prev.swiper-button-disabled { opacity:0 !important; } 


/* 서브배너 */
.sub_bnr_wrap { position:relative; } 
.sub_bnr_wrap a { display:block; } 
.sub_bnr_wrap a img { width:100%; } 


/* 베스트(탭롤링) */
#tab_swiper { margin-bottom: 20px; } 
#tab_swiper .swiper-slide.swiper-slide-thumb-active a { color: #fff; background: #000; font-weight: 600; } 
#tab_swiper .swiper-slide { width: auto !important; } 
#tab_swiper .swiper-slide a { display: inline-block; font-size: 16px;  color: #555; padding: 12px 18px; white-space: pre; border: 1px solid #dedede; border-radius: 30px; } 



/*상품 리스트*/
.item-cont .item-list .thumb .thumbLogo { position: absolute; bottom: 10px; left: 10px;  width: 46px;}
.item-cont .item-list .thumb .thumbLogo img{display:block;width:100%;}
.item-cont .item-list .thumb .mihLogo {position: absolute;top: 10px; left: 10px;width: 46px;}
.item-cont .item-list .thumb .mihLogo img{display:block;width:100%;}

.item_list{float:left; }
.item_list .thumb{width: 100%;position: relative;  }
.item_list .thumb>a{display: block; width: 100%; overflow:hidden; }
.item_list .thumb:hover>a>img{filter: grayscale(.3);}
.item_list .thumb>a>img{width: 100%; transition:all .3s}
.item_list .thumb span.num{display: inline-block; width: 50px; height: 50px;font-size:20px; font-weight:600;  position: absolute; top: 0; left: 0;  z-index: 10; background-color: #424e3aad; color: #fff; display: flex; align-items: center; justify-content: center;}
.item_list .thumb .cart_icon{position:absolute; bottom:10px; right:10px; }
.item_list .thumb .cart_icon a{display:flex; align-items:center; transition:all .2s; justify-content:center; width:47px; height:47px; background-color:#ababab; border-radius:50%; border: none;z-index: 1; overflow: hidden; position:relative;}
.item_list .thumb .cart_icon a img{}
.item_list .info{padding:16px 0; }
.item_list .info p{margin-bottom:10px; font-size:15px; font-weight:500; text-align:left;}
.item_list .info .prdname{ color:#222222;font-weight:500;letter-spacing:-.7px; font-size:16px; line-height:1.4}
.item_list .info .prdetc{color:#999999; font-size:13px;font-weight:500;  }
.item_list .info .prdprice{font-size:17px; font-weight:500;}
.item_list .info .prdprice .price{font-size:17px; color:#000; font-weight:500;}
.item_list .info .prdprice strike{ font-size:15px; color:#bfbfbf; display:inline-block; font-weight:400;  }
.item_list .info .prdprice .percent{ font-size:17px;color:#f11515; font-weight:500; margin-right:5px}
.item_list .info .prdbtn{}
.item_list .info .prdbtn>span img{display:inline-block; margin:0 3px}

/* section common */
.section{margin-bottom: 130px;}
.section h2{text-align: center; color: #222222; font-size: 28px; font-weight: 500;  margin-bottom:40px; }
.sec_inner{width: 1280px; margin: 0 auto;}
.section .more_item{display: flex; align-items: center; justify-content: center;margin-top:60px}
.section .more_item a{display: flex; align-items: center;transition: all .2s; justify-content: center;gap: 10px; border: 1px solid #ccc; padding: 20px 130px;}
.section .more_item a:hover{border-color: #000;}
.section .more_item a p{color: #000; font-size: 15px; font-weight: 500;}
.section .more_item a img{}

#sec7 .sec_inner{}
#sec7 .sec_inner .sec7_cont{display: flex; justify-content: space-between; gap:40px }
#sec7 .sec_inner .sec7_cont>div{ width: calc((100% - 40px) / 2);}
#sec7 .sec_inner .sec7_cont>div>.banner>a{display: block;width: 100%;}
#sec7 .sec_inner .sec7_cont>div>.banner>a img{width:100%}
#sec7 .sec_inner .sec7_cont>div ul.item_cont{display: flex; flex-wrap: wrap; gap: 15px 0; margin-top:40px; padding:0 15px;}
#sec7 .sec_inner .sec7_cont>div ul.item_cont li{display:flex; flex-wrap: nowrap; gap: 15px; width: 50%;} 
#sec7 .sec_inner .sec7_cont>div ul.item_cont li .thumb {width: 85px;height: 85px; flex: 0 0 85px; overflow: hidden; border-radius: 5px;}
#sec7 .sec_inner .sec7_cont>div ul.item_cont li .thumb > a {display: flex;width: 100%; height: 100%; align-items: center; justify-content: center;}

#sec7 .sec_inner .sec7_cont>div ul.item_cont li .thumb > a > img { width: 100%;height: 100%;object-fit: contain;}
#sec7 .sec_inner .sec7_cont>div ul.item_cont li .info{flex-grow: 1; padding:0; display:flex; justify-content:center; flex-direction:column;}
#sec7 .sec_inner .sec7_cont>div .more_item a{width: 100%;}
#sec7 .item_list .info .prdname {color: #222222; font-weight: 500;letter-spacing: -0.7px;font-size: 16px;line-height: 1.4;padding-right: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;text-overflow: ellipsis;}

/* Shot! 타임 */
#shot_swiper { position:relative; } 
#shot_swiper .swiper-button-prev { top: 155px; left: -14px; margin-top: revert-layer; opacity: 0.8; } 
#shot_swiper .swiper-button-next { top: 155px; right: -14px; margin-top: 0; opacity: 0.8; } 
#shot_swiper .swiper-button-next.swiper-button-disabled, #shot_swiper .swiper-button-prev.swiper-button-disabled { opacity:0 !important; } 
#shot_swiper .bnr { } 
#shot_swiper .bnr a { display: inline-block; } 
#shot_swiper .bnr a img { width: 100%; } 
#shot_swiper .bnr .prd-name { margin:15px 0; } 
#shot_swiper .bnr .prd-name a { font-size: 16px; font-weight: 600; } 
#shot_swiper dl { display: flex; align-items: center; gap: 12px; } 
#shot_swiper dl dt { width: 80px; flex-shrink: 0; } 
#shot_swiper dl dt .prd-wish { display:none; } 
#shot_swiper dl dd { padding: 0; } 
#shot_swiper dl dd .prd-subname a { font-size: 13px; font-weight: 400; color: #666; } 
#shot_swiper dl dd .prd-price .dc_per { font-size: 14px; font-weight: 600; } 
#shot_swiper dl dd .prd-price .normal { font-size: 14px; font-weight: 600; } 
#shot_swiper dl dd .prd-price .consumer { display: none; } 
#shot_swiper dl dd .prd-review { display: none; } 

/* 이벤트리스트 */

#section13 .event-list { display: flex; gap: 20px; padding: 0; margin: 0; list-style: none; } 
#section13 .event-list li { width: 25%; min-width: 0; /* 말줄임 필수 */}
#section13 .event-list a { display: block; text-decoration: none; color: #000; } 
#section13 .thumb { width: 100%;  aspect-ratio: 1.7 / 1; background: #b0b9cc; overflow: hidden; border-radius: 6px; } 
#section13 .thumb img { width: 100%; height: 100%; object-fit: cover; } 
#section13 .etitle { margin-top: 10px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 


/* video 홍성 */
.videoWrap { max-width: 1280px; margin: 80px auto 120px; display: flex; gap: 5px; align-items: stretch;  } 

/* 왼쪽 텍스트 영역 */
.textWrap { width: 30%; background: #f9f9f9; padding: 50px 40px; border-radius: 10px; display: flex; flex-direction: column; justify-content: space-between; } 
.textWrap h2,.textWrap p {margin: 0; }
.textWrap p { font-size: 30px;line-height: 120%;letter-spacing: -1.5px;}
.textWrap span {font-weight: 600;}
 
/* 오른쪽 영상 영역 */
.youtubeWrap { width: 70%; display: flex;} 

/* 유튜브 16:9 비율 유지 */
.video-box { position: relative; width: 100%; padding-top: 56.25%; border-radius: 10px; overflow: hidden; background: #000; } 
.video-box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } 

/* 모바일 대응 */
@media (max-width: 768px){
.videoWrap { flex-direction: column; } 
.textWrap,.youtubeWrap { width: 100%; } 
.textWrap {min-height: auto; }
 }
/* BASIC css end */