/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */

/* 헤더 아이콘 툴팁 (위시리스트/장바구니 등) - 어두운 말풍선 스타일 */
.ico-tooltip{ position: relative;}
.ico-tooltip::after{ content: attr(data-tooltip); position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%) translateY(-10px);
white-space: nowrap; padding: 6px 12px; border-radius: 6px; background: #333; color: #fff; font-size: 12px; font-weight: 500; line-height: 1.4;
opacity: 0; visibility: hidden; transition: opacity .15s ease, transform .15s ease; pointer-events: none; z-index: 20;}
.ico-tooltip::before{ content: ""; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%) translateY(-4px);
border: 5px solid transparent; border-top-color: #333;
opacity: 0; visibility: hidden; transition: opacity .15s ease; pointer-events: none; z-index: 20;}
.ico-tooltip:hover::after{ opacity: 1; visibility: visible; transform: translateX(-50%) translateY(-14px);}
.ico-tooltip:hover::before{ opacity: 1; visibility: visible;}

/* 배너 슬라이더 - slick 초기화(window load 시점) 전까지도 레이아웃이 안 깨지게 기본 크기를 미리 잡아둠 */


@media(min-width: 992px){
	section.visual div.visual_view{ aspect-ratio: 1920 / 650;}
	header.shop_header{ z-index: 99; position: sticky; left: 0; top: 0; background: #fff;}
	header.shop_header div.inner_wrap{ max-width: 1600px;}
	header.shop_header div.user{ border-bottom: 1px solid #ccc;}
	header.shop_header div.user ul{ display: flex; justify-content: flex-end; padding: 5px 0;}
	header.shop_header div.user ul li{ position: relative;}
	header.shop_header div.user ul li::after{ content: ""; position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%); display: block; width: 1px; height: 65%; background: #ccc;}
	header.shop_header div.user ul li:last-child::after{ display: none;}
	header.shop_header div.user ul li a{ display: block; padding: 0 10px; font-weight: 600; font-size: 15px; color: #787878;}
	header.shop_header div.user ul li.header_user_badge{ display: flex; align-items: center; padding: 0 10px; font-weight: 700; font-size: 15px; color: #353535;}
	header.shop_header div.header_body{ display: flex; justify-content: space-between; padding: 5px 0;}
	header.shop_header div.header_body div.left_wrap{ display: flex; align-items: center; gap: 15px;}
	header.shop_header div.header_body div.left_wrap div.menu ul{ display: flex; gap: 16px;}
	header.shop_header div.header_body div.left_wrap div.menu ul li button{ position: relative; padding-left: 24px; font-weight: 600; font-size: 16px; color: #787878;}
	header.shop_header div.header_body div.left_wrap div.menu ul li button span.bar{ position: absolute; left: 0; display: block; width: 17px; height: 2px; background: #787878;}
	header.shop_header div.header_body div.left_wrap div.menu ul li button span.bar1{ top: 4px;}
	header.shop_header div.header_body div.left_wrap div.menu ul li button span.bar2{ top: 50%; transform: translateY(-50%);}
	header.shop_header div.header_body div.left_wrap div.menu ul li button span.bar3{ bottom: 4px;}
	header.shop_header div.header_body div.left_wrap div.menu ul li a{ font-weight: 600; font-size: 17px; color: #787878;}
	header.shop_header div.header_body div.left_wrap div.menu ul li button.cls_menu span.bar{ top: 50%;}
	header.shop_header div.header_body div.left_wrap div.menu ul li button.cls_menu span.bar1{ transform: translateY(-50%) rotate(45deg);}
	header.shop_header div.header_body div.left_wrap div.menu ul li button.cls_menu span.bar2{ transform: translateY(-50%) rotate(-45deg);}
	header.shop_header div.header_body div.left_wrap div.menu ul li button.cls_menu span.bar3{ display: none;}
	header.shop_header div.header_body div.right_wrap{ display: flex; align-items: center; gap: 20px;}
	header.shop_header div.header_body div.right_wrap div.search_form{ position: relative; padding: 9px 10px 9px 45px; border-radius: 999px; background: #f5f5f5;}
	header.shop_header div.header_body div.right_wrap div.search_form input{ border: none; background: transparent;}
	header.shop_header div.header_body div.right_wrap div.search_form input[type="submit"]{ position: absolute; left: 15px; top: 50%; transform: translateY(-50%); overflow: hidden; display: block;
	width: 20px; height: 19px; background: url("/img/head_search.png") no-repeat 50% 50%; background-size: cover; text-indent: -9999px;}
	header.shop_header div.header_body div.right_wrap div.ico{ width: 17px;}
	header.shop_header div.header_body div.right_wrap div.ico img{ display: block; width: 100%;}
	header.shop_header div.header_body div.right_wrap div.inq a{ padding: 10px 13px; font-weight: 600; font-size: 16px; color: #fff; border: 1px solid #000; border-radius: 999px; background: #000;}
	header.shop_header div.header_body div.right_wrap div.inq a:hover{ color: #000; background: #fff;}
	header.shop_header div.logo_wrap{ width: 176px;}
	header.shop_header div.logo_wrap img{ display: block; width: 100%;}
	header.shop_header div.logo_wrap span.header_user_badge_logo{ display: none;}

	
	section.visual{ overflow: hidden; height: 650px;}
	section.visual div.visual_view div.list img{ display: block; width: 100%; height: 100%; object-fit: cover;}
	
	
	div.all_menu{ z-index: 99; position: fixed; left: 0; top: 113.33px; display: none; width: 100%; padding: 40px 10px; background: #fff; box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.2);}
	div.all_menu div.inner_wrap{ max-width: 1600px;}
	div.all_menu div.inner_wrap > ul{ display: flex; flex-wrap: wrap; gap: 30px;}
	div.all_menu div.inner_wrap > ul > li{ padding: 10px;}
	div.all_menu div.inner_wrap > ul > li > a{ display: block; margin-bottom: 8px; font-weight: bold;}
	div.all_menu div.inner_wrap > ul > li > ul > li > a{ font-size: 14px;}
	div.all_menu div.inner_wrap > ul > li:hover > a{ color: #ff7a1a;}
	div.all_menu div.inner_wrap > ul > li > ul > li > a:hover{ color: #ff7a1a;}


	section.category{ padding: 70px 10px 0;}
	section.category div.tab_wrap{ margin-bottom: 48px;}
	section.category div.tab_wrap ul{ display: flex; flex-wrap: wrap; gap: 12px;}
	section.category div.tab_wrap ul li{ overflow: hidden; width: calc((100% - 84px) / 8); border: 1px solid #ccc; border-radius: 15px; background: #fff;}
	section.category div.tab_wrap ul li button{  display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 22px 5px;}
	section.category div.tab_wrap ul li button div.ico_wrap{ width: 44px; height: 44px; padding: 8px; margin-bottom: 7px; border-radius: 50%; background: #fff5ee;}
	section.category div.tab_wrap ul li button div.ico_wrap img{ display: block; width: 100%;}
	section.category div.tab_wrap ul li button p{ font-weight: 500; font-size: 14px;}
	
	section.category div.tab_wrap ul li.active{ border: 1px solid #ff7a1a;}
	section.category div.tab_wrap ul li.active button{ color: #fff; background: #ff7a1a;}
	section.category div.tab_wrap ul li.active button div.ico_wrap{ background: rgba(255, 255, 255, 0.3);}
	section.category div.tab_wrap ul li.active button div.ico_wrap img{ filter: brightness(0) invert(1);}
	section.category div.tab_wrap ul li:hover{ border: 1px solid #ff7a1a;}
	section.category div.tab_wrap ul li:hover button{ color: #fff; background: #ff7a1a;}
	section.category div.tab_wrap ul li:hover button div.ico_wrap{ background: rgba(255, 255, 255, 0.3);}
	section.category div.tab_wrap ul li:hover button div.ico_wrap img{ filter: brightness(0) invert(1);}
	
	section.category div.info_wrap{ overflow: hidden; padding: 12px; margin-bottom: 50px; border-radius: 10px; background: #f3ede1;}
	section.category div.info_wrap ul{ display: flex; gap: 14px;}
	section.category div.info_wrap ul li{ display: flex; align-items: center; gap: 10px; width: calc((100% - 42px) / 4); padding: 16px 22px; border-radius: 8px; background: #fff;}
	section.category div.info_wrap ul li div.ico_wrap{ display: flex; align-items: center; justify-content: center; width: 48px; padding: 9px; border-radius: 50%; background: #ffefd4;}
	section.category div.info_wrap ul li div.ico_wrap img{ display: block; width: 100%;}
	section.category div.info_wrap ul li div.txt_wrap{ font-weight: 500; font-size: 12px; color: #737373;}
	section.category div.info_wrap ul li div.txt_wrap span{ display: block; font-weight: bold; font-size: 14px; color: #000;}
	section.category div.shop_list div.sec_head div.array_wrap{ overflow: hidden; border-radius: 999px; background: #f5f5f5;}
	section.category div.shop_list div.sec_head div.array_wrap ul{ display: flex; padding: 3px;}
	section.category div.shop_list div.sec_head div.array_wrap ul li{}
	section.category div.shop_list div.sec_head div.array_wrap ul li.active{ border-radius: 999px; background: #ff7a1a; box-shadow: 0 2px 6px rgba(255,122,26,.4);}
	section.category div.shop_list div.sec_head div.array_wrap ul li button{ display: block; padding: 5px 17px; font-weight: 500; color: #737373; transition: color .15s ease;}
	section.category div.shop_list div.sec_head div.array_wrap ul li:not(.active) button:hover{ color: #000;}
	section.category div.shop_list div.sec_head div.array_wrap ul li.active button{ font-weight: 700; color: #fff;}
	section.category div.shop_list div.list_wrap{ display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 40px;}
	section.category div.shop_list div.list_wrap div.product{ position: relative; width: calc((100% - 60px) / 4); cursor: pointer;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap{ position: absolute; left: 15px; top: 15px;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap span{ display: inline-block; padding: 3px 9px 2px; font-weight: bold; font-size: 12px; color: #fff; border-radius: 999px;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap span.best{ background: #ff7a1a;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap span.new{ background: #171717;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap span.hot{ background: #f43f5e;}
	section.category div.shop_list div.list_wrap div.product div.heart{ position: absolute; right: 15px; top: 15px; width: 36px; height: 36px; padding: 9px; border-radius: 999px;
	background: #fff; cursor: pointer;}
	section.category div.shop_list div.list_wrap div.product div.heart img{ display: block; width: 100%;}
	section.category div.shop_list div.list_wrap div.product div.img_wrap{ overflow: hidden; margin-bottom: 10px; border-radius: 15px; background: #f5f5f5;}
	section.category div.shop_list div.list_wrap div.product div.img_wrap img{ display: block; width: 100%; height: 100%; object-fit: cover;}
	section.category div.shop_list div.list_wrap div.product p.name{ height: 45px; margin-bottom: 5px; font-weight: 500; color: #171717; overflow: hidden;
	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	section.category div.shop_list div.list_wrap div.product div.pri_wrap{ display: flex; align-items: flex-end; gap: 7px; margin-bottom: 5px;}
	section.category div.shop_list div.list_wrap div.product div.pri_wrap span.dis{ font-weight: bold; font-size: 14px; color: #ff7a1a;}
	section.category div.shop_list div.list_wrap div.product div.pri_wrap span.pri{ font-weight: bold; font-size: 16px;}
	section.category div.shop_list div.list_wrap div.product div.pri_wrap span.pri_org{ font-weight: 500; font-size: 12px; color: #a3a3a3; text-decoration: line-through;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap{ display: flex; justify-content: space-between; align-items: center;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.color{ display: flex; flex-wrap: wrap; gap: 3px;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.color span{ width: 15px; height: 15px; border: 1px solid #ddd; border-radius: 999px;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.color span.color_more{ width: auto; min-width: 15px; height: 15px; padding: 0 3px; border-radius: 999px; background: #f5f5f5; font-size: 9px; line-height: 13px; text-align: center; color: #737373;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.star{ display: flex; align-items: center; gap: 4px; font-size: 14px;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.star span.score{ font-weight: bold;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.star span.num{ color: #737373;}
	section.category div.more{ text-align: center;}
	section.category div.more a{ display: inline-block; padding: 11px 40px; border: 1px solid #ddd; border-radius: 999px; font-weight: 500; font-size: 16px;}
	section.category div.more a:hover{ color: #fff; border: 1px solid #171717; background: #171717;}
	
	
	section.made{ padding: 100px 10px 0;}
	section.made div.inner_wrap{ display: flex; align-items: center; gap: 40px;}
	section.made div.left_wrap{ overflow: hidden; width: 50%; border-radius: 20px;}
	section.made div.left_wrap img{ display: block; width: 100%;}
	section.made div.right_wrap{ width: 50%;}
	section.made div.right_wrap span.tag{ font-weight: bold; font-size: 12px; color: #ff7a1a;}
	section.made div.right_wrap h2{ margin: 8px 0 25px; font-weight: bold; font-size: 36px;}
	section.made div.right_wrap p.sub_tit{ margin-bottom: 30px; font-weight: 500; font-size: 16px; color: #525252; line-height: 1.6;}
	section.made div.right_wrap div.info_wrap{ margin-bottom: 25px;}
	section.made div.right_wrap div.info_wrap ul{ display: flex; flex-wrap: wrap; gap: 12px;}
	section.made div.right_wrap div.info_wrap ul li{ width: calc((100% - 12px) / 2); padding: 27px 12px; border: 1px solid #ddd; border-radius: 15px; background: #fff;}
	section.made div.right_wrap div.info_wrap ul li p.num{ margin-bottom: 3px; font-weight: bold; font-size: 16px; color: #ff7a1a;}
	section.made div.right_wrap div.info_wrap ul li p.tit{ margin-bottom: 3px; font-weight: bold; font-size: 16px;}
	section.made div.right_wrap div.info_wrap ul li p.desc{ font-weight: 500; font-size: 12px; color: #737373;}
	section.made div.right_wrap button{ display: flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 26px; font-weight: bold; font-size: 14px; color: #fff;
	border-radius: 999px; background: #ff7a1a;}
	section.made div.right_wrap button img{ filter: brightness(0) invert(1);}
	
	
	section.review{ padding: 100px 10px 0;}
	section.review div.sec_head div.right_wrap{ display: flex; align-items: center; gap: 8px; line-height: 1; font-weight: 500; color: #737373;}
	section.review div.sec_head div.right_wrap span{ font-weight: bold; color: #000;}
	section.review div.review_view{}
	section.review div.review_view div.slick-list{ padding-bottom: 1px;}
	section.review div.review_view div.list{ overflow: hidden; margin: 0 10px; border: 1px solid #ccc; border-radius: 15px; background: #fff;}
	section.review div.review_view div.list a{ display: block; width: 100%; height: 100%;}
	section.review div.review_view div.list div.img_wrap{ position: relative; overflow: hidden; padding-top: 79.427%;}
	section.review div.review_view div.list div.img_wrap img{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
	section.review div.review_view div.list div.txt_wrap{ padding: 20px 15px;}
	section.review div.review_view div.list div.txt_wrap div.info{ display: flex; align-items: flex-end; gap: 10px; margin-bottom: 10px;}
	section.review div.review_view div.list div.txt_wrap div.info div.star_wrap{ display: flex;}
	section.review div.review_view div.list div.txt_wrap div.info p.date{ font-weight: 500; font-size: 12px; color: #737373; line-height: 1;}
	section.review div.review_view div.list div.txt_wrap p.tit{ margin-bottom: 12px; font-weight: bold; color: #f05a0a;}
	section.review div.review_view div.list div.txt_wrap p.desc{ height: 42px; margin-bottom: 15px; font-weight: 500; font-size: 14px; color: #737373; overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	section.review div.review_view div.list div.txt_wrap p.name{ font-weight: 500; font-size: 12px; color: #737373;}
	section.review div.review_view div.list a:hover div.img_wrap img{ transform: scale(1.1);}
	
	
	section.banner{ padding: 100px 10px;}
	section.banner div.img_wrap img{ display: block; width: 100%; border-radius: 20px;}
	section.banner div.txt_wrap{ position: absolute; left: 5%; top: 50%; transform: translateY(-50%);}
	section.banner div.txt_wrap span{ font-weight: 500; font-size: 12px; color: #ffc071;}
	section.banner div.txt_wrap h2{ margin: 20px 0 20px; font-weight: bold; color: #fff;}
	section.banner div.txt_wrap p.desc{ font-weight: 600; font-size: 15px; color: #fff;}
	
	
	footer{ padding: 60px 10px; background: #f3ede1;}
	footer div.flex_wrap{ display: flex; gap: 20px; padding-bottom: 40px; border-bottom: 1px solid #ccc;}
	footer div.area{ flex: 1;}
	footer div.area.info_wrap{ flex: 1.4;}
	footer div.area p.dep1{ margin-bottom: 10px; font-weight: bold; font-size: 16px; color: #000;}
	footer div.area div.logo_wrap{ width: 150px; margin-bottom: 30px;}
	footer div.area div.logo_wrap img{ display: block; width: 100%;}
	footer div.area ul li + li{ margin-top: 3px;}
	footer div.area ul li a{ font-weight: 500; color: #404040;}
	footer div.info_wrap div.tel{ font-weight: bold; font-size: 30px; color: #ff7a1a;}
	footer div.info_wrap div.time{ margin-bottom: 10px;}
	footer div.foot_menu{ display: flex; align-items: center; justify-content: space-between; padding-top: 20px;}
	footer div.foot_menu div.foot_nav{ display: flex; gap: 20px;}
}


@media(max-width: 991px){
	header.shop_header{ z-index: 99; position: sticky; left: 0; top: 0; background: #fff;}
	header.shop_header div.inner_wrap{ max-width: 1600px;}
	header.shop_header div.user{ border-bottom: 1px solid #ccc;}
	header.shop_header div.user ul{ display: flex; justify-content: flex-end; padding: 5px 0;}
	header.shop_header div.user ul li{ position: relative;}
	header.shop_header div.user ul li::after{ content: ""; position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%); display: block; width: 1px; height: 65%; background: #ccc;}
	header.shop_header div.user ul li:last-child::after{ display: none;}
	header.shop_header div.user ul li a{ display: block; padding: 0 10px; font-weight: 600; font-size: 15px; color: #787878;}
	header.shop_header div.header_body{ display: flex; justify-content: space-between; padding: 5px 10px;}
	header.shop_header div.header_body div.left_wrap{ display: flex; align-items: center; justify-content: space-between; gap: 15px; width: 100%;}
	header.shop_header div.header_body div.left_wrap div.menu{ display: none;}
	header.shop_header div.header_body div.left_wrap button#mobile_menu_btn{ position: relative; width: 24px; height: 24px;}
	header.shop_header div.header_body div.left_wrap button#mobile_menu_btn span.bar{ position: absolute; left: 0; display: block; width: 17px; height: 2px; background: #787878;}
	header.shop_header div.header_body div.left_wrap button#mobile_menu_btn span.bar1{ top: 4px;}
	header.shop_header div.header_body div.left_wrap button#mobile_menu_btn span.bar2{ top: 50%; transform: translateY(-50%);}
	header.shop_header div.header_body div.left_wrap button#mobile_menu_btn span.bar3{ bottom: 4px;}
	header.shop_header div.header_body div.right_wrap{ display: none}
	header.shop_header div.logo_wrap{ display: flex; align-items: center; gap: 6px; width: auto;}
	header.shop_header div.logo_wrap a{ display: block; width: 100px; flex: 0 0 auto;}
	header.shop_header div.logo_wrap img{ display: block; width: 100%;}
	header.shop_header div.logo_wrap span.header_user_badge_logo{ display: flex; align-items: center; flex: 0 0 auto; font-weight: 600; font-size: 11px; color: #353535; white-space: nowrap;}
	header.shop_header div.user ul li.header_user_badge{ display: none;}

	
	section.visual{ overflow: hidden;}
	section.visual div.visual_view{}
	section.visual div.visual_view div.list img{ display: block; width: 100%; height: 100%; object-fit: cover;}

	
	
	div.all_menu{ z-index: 99; position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100vh; padding: 40px 10px; background: #fff; box-shadow: 0px 12px 10px rgba(0, 0, 0, 0.2);}
	div.all_menu div.inner_wrap{ max-width: 1600px;}
	div.all_menu div.inner_wrap > ul{ display: flex; flex-wrap: wrap; gap: 30px;}
	div.all_menu div.inner_wrap > ul > li{ padding: 10px;}
	div.all_menu div.inner_wrap > ul > li > a{ display: block; margin-bottom: 8px; font-weight: bold;}
	div.all_menu div.inner_wrap > ul > li > ul > li > a{ font-size: 14px;}
	div.all_menu div.inner_wrap > ul > li:hover > a{ color: #ff7a1a;}
	div.all_menu div.inner_wrap > ul > li > ul > li > a:hover{ color: #ff7a1a;}
	
	
	div.mobile_nav{ z-index: 100; position: fixed; left: 0; top: 0; transform: translateX(-100%); width: 100%; height: 100vh; background: #fff; display: flex; flex-direction: column;
	transition: all 0.3s;}
	div.mobile_nav.on{ transform: translateX(0);}
	div.mobile_nav div.nav_head{ flex: 0 0 auto; position: relative; display: flex; align-items: center; justify-content: center; padding: 10px 8px; border-bottom: 1px solid #ddd;}
	div.mobile_nav div.nav_head div.ico_wrap{ position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
	div.mobile_nav div.nav_head div.ico_wrap ul{ display: flex; align-items: center; gap: 10px;}
	div.mobile_nav div.nav_head div.ico_wrap ul li{ width: 18px;}
	div.mobile_nav div.nav_head div.ico_wrap ul li img{ display: block; width: 100%; filter: brightness(0) invert(0);}
	div.mobile_nav div.nav_head div.logo_wrap{ width: 110px;}
	div.mobile_nav div.nav_head div.logo_wrap img{ display: block; width: 100%;}
	div.mobile_nav div.nav_head button.nav_cls{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 16px;}
	div.mobile_nav div.nav_head button.nav_cls img{ display: block; width: 100%;}
	div.mobile_nav div.mobile_search{ flex: 0 0 auto; position: relative; padding: 14px 18px 0;}
	div.mobile_nav div.mobile_search input[type="submit"]{ overflow: hidden; position: absolute; right: 34px; top: calc(50% + 7px); transform: translateY(-50%); display: block;
	width: 21px; text-indent: -9999px; border: none; background: url("/img/head_search.png") no-repeat 50% 50%; background-size: cover;}
	div.mobile_nav div.mobile_search input[type="text"]{ display: block; width: 100%; padding: 15px 45px 15px 10px; border: 1px solid #ddd; border-radius: 10px;}
	
	div.mobile_nav div.nav_btn_wrap{ flex: 0 0 auto; padding: 14px 18px;}
	div.mobile_nav div.nav_btn_wrap ul{ display: flex; gap: 10px;}
	div.mobile_nav div.nav_btn_wrap ul li{ width: calc((100% - 30px) / 4);}
	div.mobile_nav div.nav_btn_wrap ul li a{ display: block; width: 100%; padding: 12px 4px 9px; border: 1px solid #ddd; border-radius: 10px; text-align: center;}
	div.mobile_nav div.nav_btn_wrap ul li a p{ font-size: 12px;}
	
	div.mobile_nav div.user_menu{ flex: 0 0 auto; padding: 14px 18px 0; border-bottom: 1px solid #ddd;}
	div.mobile_nav div.user_menu ul{ overflow-x: scroll; display: flex; gap: 22px;}
	div.mobile_nav div.user_menu ul::-webkit-scrollbar{ width: 0; height: 0;}
	div.mobile_nav div.user_menu ul li a{ display: block; width: 100%; padding-bottom: 5px; font-weight: 500; color: #525252; white-space: nowrap;}
	div.mobile_nav div.user_menu ul li.active a{ font-weight: bold; color: #000; border-bottom: 2px solid #ff7a1a;}
	
	div.mobile_nav div.menu_wrap{ flex: 1 1 auto; min-height: 0; overflow-y: auto;}
	div.mobile_nav div.menu_wrap ul{ }
	div.mobile_nav div.menu_wrap ul li{ }
	div.mobile_nav div.menu_wrap ul li + li{ border-top: 1px solid #ddd;}
	div.mobile_nav div.menu_wrap ul li a{ display: block; padding: 10px;}


	section.category{ padding: 70px 10px 0;}
	section.category div.tab_wrap{ margin-bottom: 40px;}
	section.category div.tab_wrap ul{ display: flex; flex-wrap: wrap; gap: 8px;}
	section.category div.tab_wrap ul li{ overflow: hidden; width: calc((100% - 24px) / 4); border: 1px solid #ccc; border-radius: 15px; background: #fff;}
	section.category div.tab_wrap ul li button{  display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 9px 5px;}
	section.category div.tab_wrap ul li button div.ico_wrap{ width: 36px; height: 36px; padding: 7px; margin-bottom: 5px; border-radius: 50%; background: #fff5ee;}
	section.category div.tab_wrap ul li button div.ico_wrap img{ display: block; width: 100%;}
	section.category div.tab_wrap ul li button p{ font-weight: 500; font-size: 12px;}
	
	section.category div.tab_wrap ul li.active{ border: 1px solid #ff7a1a;}
	section.category div.tab_wrap ul li.active button{ color: #fff; background: #ff7a1a;}
	section.category div.tab_wrap ul li.active button div.ico_wrap{ background: rgba(255, 255, 255, 0.3);}
	section.category div.tab_wrap ul li.active button div.ico_wrap img{ filter: brightness(0) invert(1);}
	section.category div.tab_wrap ul li:hover{ border: 1px solid #ff7a1a;}
	section.category div.tab_wrap ul li:hover button{ color: #fff; background: #ff7a1a;}
	section.category div.tab_wrap ul li:hover button div.ico_wrap{ background: rgba(255, 255, 255, 0.3);}
	section.category div.tab_wrap ul li:hover button div.ico_wrap img{ filter: brightness(0) invert(1);}
	
	section.category div.info_wrap{ display: none;}
	section.category div.shop_list div.sec_head div.array_wrap{ overflow: hidden; border-radius: 999px; background: #f5f5f5;}
	section.category div.shop_list div.sec_head div.array_wrap ul{ display: flex; padding: 3px;}
	section.category div.shop_list div.sec_head div.array_wrap ul li{ flex: 1;}
	section.category div.shop_list div.sec_head div.array_wrap ul li.active{ border-radius: 999px; background: #ff7a1a; box-shadow: 0 2px 6px rgba(255,122,26,.4);}
	section.category div.shop_list div.sec_head div.array_wrap ul li button{ display: block; width: 100%; padding: 7px 3px; font-size: clamp(11px, 3vw, 14px); font-weight: 500; color: #737373; line-height: 1;}
	section.category div.shop_list div.sec_head div.array_wrap ul li.active button{ font-weight: 700; color: #fff;}
	section.category div.shop_list div.list_wrap{ display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 30px;}
	section.category div.shop_list div.list_wrap div.product{ position: relative; width: calc((100% - 12px) / 2); cursor: pointer;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap{ position: absolute; left: 15px; top: 15px;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap span{ display: inline-block; padding: 3px 9px 2px; font-weight: bold; font-size: 12px; color: #fff; border-radius: 999px;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap span.best{ background: #ff7a1a;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap span.new{ background: #171717;}
	section.category div.shop_list div.list_wrap div.product div.trans_wrap span.hot{ background: #f43f5e;}
	section.category div.shop_list div.list_wrap div.product div.heart{ position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; padding: 8px; border-radius: 999px;
	background: #fff; cursor: pointer;}
	section.category div.shop_list div.list_wrap div.product div.heart img{ display: block; width: 100%;}
	section.category div.shop_list div.list_wrap div.product div.img_wrap{ overflow: hidden; margin-bottom: 10px; border-radius: 15px; aspect-ratio: 570 / 712; background: #f5f5f5;}
	section.category div.shop_list div.list_wrap div.product div.img_wrap img{ display: block; width: 100%; height: 100%; object-fit: cover;}
	section.category div.shop_list div.list_wrap div.product p.name{ height: 45px; margin-bottom: 5px; font-weight: 500; color: #171717; overflow: hidden;
	text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	section.category div.shop_list div.list_wrap div.product div.pri_wrap{ display: flex; align-items: flex-end; gap: 7px; margin-bottom: 5px;}
	section.category div.shop_list div.list_wrap div.product div.pri_wrap span.dis{ font-weight: bold; font-size: 14px; color: #ff7a1a;}
	section.category div.shop_list div.list_wrap div.product div.pri_wrap span.pri{ font-weight: bold; font-size: 16px;}
	section.category div.shop_list div.list_wrap div.product div.pri_wrap span.pri_org{ font-weight: 500; font-size: 12px; color: #a3a3a3; text-decoration: line-through;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap{ display: flex; justify-content: space-between;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.color{ display: flex; flex-wrap: wrap; gap: 3px;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.color span{ width: 15px; height: 15px; border: 1px solid #ddd; border-radius: 999px;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.color span.color_more{ width: auto; min-width: 15px; height: 15px; padding: 0 3px; border-radius: 999px; background: #f5f5f5; font-size: 9px; line-height: 13px; text-align: center; color: #737373;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.star{ display: flex; align-items: center; gap: 4px; font-size: 14px;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.star span.score{ font-weight: bold;}
	section.category div.shop_list div.list_wrap div.product div.flex_wrap div.star span.num{ color: #737373;}
	section.category div.more{ text-align: center;}
	section.category div.more a{ display: inline-block; padding: 9px 34px; border: 1px solid #ddd; border-radius: 999px; font-weight: 500; font-size: 13px;}
	section.category div.more a:hover{ color: #fff; border: 1px solid #171717; background: #171717;}
	
	
	section.made{ padding: 100px 10px 0;}
	section.made div.left_wrap{ display: none}
	section.made div.right_wrap{ text-align: center;}
	section.made div.right_wrap span.tag{ font-weight: bold; font-size: 12px; color: #ff7a1a;}
	section.made div.right_wrap h2{ margin: 8px 0 18px; font-weight: bold; font-size: 22px;}
	section.made div.right_wrap p.sub_tit{ margin-bottom: 30px; font-weight: 500; font-size: 14px; color: #525252; line-height: 1.6;}
	section.made div.right_wrap div.info_wrap{ margin-bottom: 25px;}
	section.made div.right_wrap div.info_wrap ul{ display: flex; flex-wrap: wrap; gap: 12px;}
	section.made div.right_wrap div.info_wrap ul li{ width: calc((100% - 12px) / 2); padding: 27px 12px; border: 1px solid #ddd; border-radius: 15px; background: #fff;}
	section.made div.right_wrap div.info_wrap ul li p.num{ margin-bottom: 3px; font-weight: bold; font-size: 16px; color: #ff7a1a;}
	section.made div.right_wrap div.info_wrap ul li p.tit{ margin-bottom: 3px; font-weight: bold; font-size: 16px;}
	section.made div.right_wrap div.info_wrap ul li p.desc{ font-weight: 500; font-size: 12px; color: #737373;}
	section.made div.right_wrap button{ display: flex; align-items: center; justify-content: center; gap: 10px; padding: 13px 26px; margin: 0 auto; font-weight: bold; font-size: 14px; color: #fff;
	border-radius: 999px; background: #ff7a1a;}
	section.made div.right_wrap button img{ filter: brightness(0) invert(1);}
	
	
	section.review{ padding: 100px 10px 0;}
	section.review div.sec_head div.right_wrap{ display: flex; align-items: center; gap: 8px; line-height: 1; font-weight: 500; color: #737373;}
	section.review div.sec_head div.right_wrap span{ font-weight: bold; color: #000;}
	section.review div.review_view div.list{ overflow: hidden; margin: 0 10px; border: 1px solid #ccc; border-radius: 15px; background: #fff;}
	section.review div.review_view div.list a{ display: block; width: 100%; height: 100%;}
	section.review div.review_view div.list div.img_wrap{ position: relative; overflow: hidden; padding-top: 79.427%;}
	section.review div.review_view div.list div.img_wrap img{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
	section.review div.review_view div.list div.txt_wrap{ padding: 20px 15px;}
	section.review div.review_view div.list div.txt_wrap div.info{ display: flex; align-items: flex-end; gap: 10px; margin-bottom: 10px;}
	section.review div.review_view div.list div.txt_wrap div.info div.star_wrap{ display: flex;}
	section.review div.review_view div.list div.txt_wrap div.info p.date{ font-weight: 500; font-size: 12px; color: #737373; line-height: 1;}
	section.review div.review_view div.list div.txt_wrap p.tit{ margin-bottom: 12px; font-weight: bold; color: #f05a0a;}
	section.review div.review_view div.list div.txt_wrap p.desc{ height: 42px; margin-bottom: 15px; font-weight: 500; font-size: 14px; color: #737373; overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	section.review div.review_view div.list div.txt_wrap p.name{ font-weight: 500; font-size: 12px; color: #737373;}
	section.review div.review_view button{ overflow: hidden; z-index: 5; position: absolute; top: 50%; transform: translateY(-50%); display: block; width: 38px; height: 38px;
	border-radius: 999px; background: rgba(255, 255, 255, 0.3); text-indent: -9999px;} 
	section.review div.review_view button.slick-prev{ left: 0;}
	section.review div.review_view button.slick-prev::after{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 9px; height: 16px;
	background: url("/img/event_prev.png") no-repeat 50% 50%; background-size: cover;}
	section.review div.review_view button.slick-next{ right: 0;}
	section.review div.review_view button.slick-next::after{ content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 9px; height: 16px;
	background: url("/img/event_next.png") no-repeat 50% 50%; background-size: cover;}
	
	
	section.banner{ padding: 100px 10px;}
	section.banner div.img_wrap{ overflow: hidden; position: relative; border-radius: 20px;}
	section.banner div.img_wrap img{ display: block; width: 100%;}
	section.banner div.txt_wrap{ position: absolute; left: 5%; top: 50%; transform: translateY(-50%);}
	section.banner div.txt_wrap span{ font-weight: 500; font-size: 12px; color: #ffc071;}
	section.banner div.txt_wrap h2{ margin: 16px 0; font-weight: bold; font-size: 22px; color: #fff;}
	section.banner div.txt_wrap p.desc{ font-weight: 600; font-size: 14px; color: #fff;}
	
	footer{ padding: 40px 10px; text-align: center; background: #f3ede1;}
	footer div.flex_wrap{ padding-bottom: 20px; border-bottom: 1px solid #ccc;}
	footer div.flex_wrap > div:nth-child(2){ display: none;}
	footer div.flex_wrap > div:nth-child(3){ display: none;}
	footer div.area p.dep1{ margin-bottom: 5px; font-weight: bold; font-size: 16px; color: #000;}
	footer div.area div.logo_wrap{ width: 150px; margin: 0 auto 30px;}
	footer div.area div.logo_wrap img{ display: block; width: 100%;}
	footer div.area ul li + li{ margin-top: 3px;}
	footer div.area ul li a{ font-weight: 500; color: #404040;}
	footer div.info_wrap{ margin-top: 30px;}
	footer div.info_wrap div.tel{ font-weight: bold; font-size: 30px; color: #ff7a1a;}
	footer div.info_wrap div.time{ margin-bottom: 10px;}
	footer div.foot_menu{ display: flex; align-items: center; justify-content: center; padding-top: 20px;}
	footer div.foot_menu div.foot_nav{ display: none;}
}

/* 하단 푸터 "고객센터" 영역의 사업자정보(.info) - 줄간격/글자색 지정 없이 붙어있어 가독성이 안좋았던 부분 보정 */
footer div.info_wrap div.info{ margin-top: 12px; font-size: 13px; line-height: 1.8; color: #737373;}
footer div.info_wrap div.info .info-divider{ margin: 0 6px; color: #c9beac;}