@charset "utf-8";
/*───────────────────────────────────────────────────────────

	 리스트 타입 및 옵션

───────────────────────────────────────────────────────────*/
/*** 쇼핑몰 메인본문 | main/index.php ***/

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fonts-archive/MaruBuri/MaruBuri.css">
.main .main_more_btn2 {
	position: initial;
}
.main .main_top_menu {
	display: table;
	width: 100%;
}
.main .main_top_menu li {
	display: table-cell;
	width: 25%;
	text-align: center;
}
.main .main_top_menu li a {
	display: block;
	padding: 13px 0 13px 0;
	font-size: 14px;
	color: #333333;
}
.main .main_notice {
	display: table;
	width: 100%;
	margin: 0 auto;
	padding: 22px 0 22px 0;
}
.main .main_notice .tit {
	display: table-cell;
	width: 84px;
	font-size: 13px;
	font-weight: bold;
	color: #282828;
	text-align: center;
}
.main .main_notice ul {
	display: table-cell;
}
.main .main_notice ul li {
	overflow: hidden;
	width: 80%;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	letter-spacing: -1px;
}
.main .main_notice ul li a {
	display: block;
	width: 100%;
}
/* 메인배너 */
.main .main_banner_box {
	margin-top: 62px;
}
.main .main_banner_box img, .main .main_banner_box2 img {
	width: 100%;
	font-size: 0;
}
.main .main_banner_box2 {
	font-size: 0;
	margin-top: 62px;
}

/* 이벤트 최근게시물 */
.main .main_event {
}
.main .main_event ul {
}
.main .main_event ul li {
	position: relative;
	padding: 7px 0;
}
.main .main_event ul li .img_box {
	font-size: 0;
}
.main .main_event ul li .img_box img {
	width: 100%;
}
.main .main_event ul li .event_info_box {
	/*position:absolute; bottom:7px; left:0;*/
	width: 100%;
}
.main .main_event ul li .event_info_box dl {
	padding: 20px;
	background: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
}
.main .main_event ul li .event_info_box dl dt a {
	display: block;
	font-size: 17px;
	color: #222222;
	font-weight: bold;
}
.main .main_event ul li .event_info_box dl dd {
	font-size: 15px;
	color: #ab295d;
	font-weight: bold;
}

.best_prd ._goods_display_main h3 {
	font-weight: 700;
}

.product-section01 ._goods_display_main .main_prd_list.display-type02 {
	padding: 16px 16px 0;
	margin: 0;
}
.product-section01 .main_prd_list.display-type02 > li {
	padding: 0;
}
.product-section01 .main_prd_list.display-type02 > li:not(:first-child) {
	align-items: center;
	margin-top: 16px;
	padding: 0;
}
.product-section02 ._goods_display_main h3 {
	display: none;
}
.product-section02 ._goods_display_main .main_prd_list.display-type04 {
	padding: 40px 16px 0;
	margin: 0;
}
.product-section02 .main_prd_list.display-type04 .goods_prd_item4 .goods_prd_item4_box {
	width: 165px;
	margin: 0 auto;
	padding: 0;
}
.product-section02 .main_prd_list.display-type04 .goods_prd_item4 .goods_prd_item4_box img {
	text-align: center;
}
.product-section02 .main_prd_list.display-type04 .goods_prd_item4_li .next,
.product-section02 .main_prd_list.display-type04 .goods_prd_item4_li .prev {
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
}
.product-section02 .main_prd_list.display-type04 .goods_prd_item4 .goods_prd_img {
	padding-bottom: 12px;
}
.product-section02 .main_prd_list.display-type04 .goods_prd_item4_li .next {
	right: 0;
	background: url('../../img/btn/btn_slide_next.png') no-repeat 50% / 48px auto;
}
.product-section02 .main_prd_list.display-type04 .goods_prd_item4_li .prev {
	left: 0;
	background: url('../../img/btn/btn_slide_prev.png') no-repeat 50% / 48px auto;
}


.product-section03 ._goods_display_main h3 {
	margin-top: 62px;
}
.product-section03 .main_prd_list.display-type01 {
	margin: 0;
	padding: 16px 16px 0;
	font-size: 0;
}
.product-section03 .main_prd_list.display-type01 .goods_prd_item2 {
	width: 50%;
	font-size: 12px;
}
.product-section03 .main_prd_list.display-type01 .goods_prd_item2 .goods_prd_item2_box {
	padding: 0;
}

.product-section03 .main_prd_list.display-type01 .goods_prd_item2:nth-child(2n+1){
	padding-right: 6px;
}
.product-section03 .main_prd_list.display-type01 .goods_prd_item2:nth-child(2n){
	padding-left: 6px;
}
.product-section03 .main_prd_list.display-type01 .goods_prd_item2:nth-child(n+3){
	padding-top: 12px;
}
.product-section03 .main_prd_list.display-type01 .goods_prd_item2 .goods_prd_img .img_box .img img {
	border: none;
}
/* 이미지 자동 전환 */
.main_img img {
	transition: opacity 0.35s ease;
}
/* 이미지 전환 */

.goods_prd_img.change-image .sub_img {
	opacity: 1;
}
.product-section02 .slick-list {
	padding: 0 !important;
	/* margin: 0 50; */
}
/* ==================== 인스타그램 영역 임시 숨김 ==================== */

 .instagram h3 {
font-size: 24px;
font-weight: 700;
padding: 0 16px;
}
.instagram ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 16px;
}
.instagram ul li {
width: calc(50% - 5px);
}
.instagram ul li img {
width: 100%;
}

/* ==================== 인스타그램 영역 임시 숨김 끝 ==================== */

.instagram {
    display: none !important;
}

/* ==================== 카테고리 영역 ==================== */
.category_section {
    padding: 25px 15px 30px 15px;
    background: #fff;
}

.cate_title {
	font-family: 'MaruBuri', serif;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin-bottom: 22px;
}
/* 밑줄 */
.cate_title::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 0;

    transform: translateX(-50%);

    width: 100px;
    height: 2px;

    background: #b89d6d;
    border-radius: 999px;
}

/* 카테고리 그리드 */
.cate_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);   /* 모바일에서 2열 */
    gap: 12px;
}

.cate_item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

/* 배너 이미지 스타일 조정 */
.cate_item img {
    width: 100%;
    height: auto;
    display: block;
}

/* 배너 위에 카테고리명 텍스트가 있다면 스타일 */
.cate_item .banner_text {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
    z-index: 2;
}
/* ==================== 카테고리 영역 ==================== */

.cate_title.scroll-down {
    opacity: 0 !important;
    transform: translateY(-40px) !important;
    transition:
        opacity 0.8s ease,
        transform 0.8s ease !important;
}

/* 활성화 */
.cate_title.scroll-down.active {
    opacity: 1 !important;
    transform: translateY(0) !important;
}