@charset "utf-8";
/* ==================================================
	sub common
================================================== */
.text_over{overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.text_over_dline{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;   word-wrap:break-word; }

/* sub image size */
.img_wrap{font-size: 0; line-height: 1;}
.img_wrap img{display: block; width:100%;}
i{display: block; font-size: 0; line-height: 1;}
i img{width:100%;}

/* dot list */
.dot_list li{position: relative; padding-left:12px; line-height: 1.4;}
.dot_list li::before{content: ""; position: absolute; top:.6em; left:0; transform: translateY(-50%); display: block; width:4px; height: 4px; background-color: var(--color-gray5); border-radius: 50%;  }
.dot_list li + li{margin-top:8px;}

.circle_num_list{counter-reset:circle_num_list;}
.circle_num_list li{position: relative; padding-left: var(--rem-20);}
.circle_num_list li::before {content: counter(circle_num_list); counter-increment: circle_num_list; position: absolute; top: .3em; left: 0; 
width: var(--rem-13); height: var(--rem-13); display: flex; align-items: center; justify-content: center;  border-radius: 50%; border: 1px solid; font-size: 1.2rem
}
.circle_num_list li + li{margin-top:6px;}

/* 기본 게시글 리스트 */
.basic_list{padding:3px 0 0; border-top: 1px solid var(--color-gray5);}
.basic_list .basic_list_item{padding:15px 28px; border-bottom: 1px solid var(--color-gray2);}
/* 카드 게시글 리스트 */
.card_list{display: flex; flex-wrap: wrap; gap: var(--rem-20) var(--rem-30);}
.card_list .card_list_item{width:calc((100% - (var(--rem-30) * 3) )/ 4);}
.card_list .card_list_item a{padding:var(--rem-25); display: block;  border:1px solid #dadada; border-radius: 8px; box-sizing: border-box; }
.card_list .card_list_item .card_list_item_title{font-weight: var(--font-md);}
.card_list .card_list_item .card_list_item_date{font-size:var(--rem-16); color: #8C8C8C;}

/* table */
.table_wrap {position: relative;}
.table_wrap table{width: 100%; table-layout: fixed; }
.table_wrap table th,
.table_wrap table td{padding:16px 30px;}
.table_wrap table thead{border-top: 1px solid var(--color-gray5); border-bottom: 1px solid var(--color-gray2); }
.table_wrap table thead th{font-weight: bold;  }
.table_wrap table tbody tr{border-bottom: 1px solid var(--color-gray2);}
.table_wrap table tbody th{font-weight: bold;}
.table_wrap table thead th.gray_tbg,
.table_wrap table tbody td.gray_tbg{background-color: #EBEEF0;}
@media(max-width:1100px){
	.table_wrap table td{padding:14px 24px;}
}
@media(max-width:768px){
	.table_wrap table td {padding: 10px 16px;}
}
@media(max-width:450px){
	.table_wrap table td {padding: 8px 12px;}
}


/* select init */
select{appearance: none; box-sizing: border-box; outline: none; border:none; background: none; font-family: var(--font-Pretendard);  }
.select_box{position: relative; display: flex; justify-content: space-between; align-items: center; gap: 0 8px; max-width: 120px; border: 1px solid #C8D0D8; border-radius:3px; background-repeat: no-repeat; background-position: center; }
.select_box select{padding:10px 34px 10px 15px; font-size: 1em; width: 100%; font-weight: var(--font-md); color: var(--color-gray5); line-height: 1;}
.select_box .select_arrow{position: absolute; right: 15px; /*z-index:-1;*/ transition: .3s; }
.select_box select:focus + .select_arrow {transform: rotate(180deg);}

/* common */
.submit_btns{display: flex; justify-content: center; align-items: center;}
.submit_btns .submit_btn{padding:13px; display: flex; justify-content: center; align-items: center; width:160px; border: 1px solid; border-radius: 8px; box-sizing: border-box; font-size: var(--rem-20); font-weight: var(--font-sb);  }

/*pagination*/
.pagination{display:flex; justify-content: center;}
.pagination .paging_inner_wrap{display:flex; align-items: center; gap:0 40px;}
.pagination .paging_inner_wrap .page_num{display: flex; justify-content: center; align-items: center;  width:var(--rem-40); height:var(--rem-40); text-align: center; font-size:16px; border:1px solid #dadada; border-radius: 5px; }
.pagination .paging_inner_wrap .page_num i{display: block;}
.pagination .paging_inner_wrap .page_num i svg{fill:#222222;}
.pagination .paging_inner_wrap .arrow_box{display: flex; align-items: center; gap: 0 2px;}
.pagination .paging_inner_wrap .page_num_group{display: flex; align-items: center; gap:0 5px;}
.pagination .paging_inner_wrap .page_num_group .page_num{position: relative;}
.pagination .paging_inner_wrap a:hover,
.pagination .paging_inner_wrap a:focus{border-color: var(--brand-color-main);}
.pagination .paging_inner_wrap .page_num_group .page_num.active{color:#ffffff; border-color: var(--brand-color-main); background: var(--brand-color-main);}
@media(max-width:768px){
	.pagination .paging_inner_wrap {gap: 0 28px;}
}
@media(max-width:540px){
	.pagination .paging_inner_wrap {gap: 0 10px;}
	.pagination .paging_inner_wrap .page_num_group {gap: 0 4px;}
	.pagination .paging_inner_wrap .page_num {width: 3.5rem; height:3.5rem; font-size: 16px;}
}

/* list header */
.list_header{display: flex; gap: 0 10px; justify-content: space-between; align-items: flex-end;}
.list_header_counter{font-size:var(--rem-20);}
.list_header_counter strong{color:var(--brand-color-main);}
.list_header_option{display: flex; gap: 0 5px ;}

/* ==================================================
	popup
================================================== */
.popup{position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); z-index:9999;  padding:25px 25px 35px; width:calc(100% - var(--spacing)); border: 1px solid #dadada; border-radius:15px; background-color: #ffffff; display: none; }
.popup.active{display: block;}
.popup_header{padding-bottom:15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid;}
.popup_header .popup_title{font-size: var(--rem-22); font-weight:var(--font-md);}
.popup_body{margin-top:20px;}
.popup_body .input_wrap{display: flex; gap: 0 20px; align-items: center; }
.popup_body .input_wrap:has(.top_title){align-items: flex-start;}
.popup_body .input_wrap .top_title{margin-top:11px;}
.popup_body .input_wrap + .input_wrap {margin-top:20px;}
.popup_body .input_wrap label{font-size: var(--rem-16); width:80px; flex-shrink: 0; font-weight: var(--font-md);}
.popup_body .input_wrap input,
.popup_body .input_wrap textarea{padding:10px; width: 100%; border: 1px solid #dadada; font-size: var(--rem-16); }
.popup_body .input_wrap textarea{height: 150px;}
.popup_footer{margin-top: var(--rem-25); padding-top: var(--rem-30);  border-top:1px solid #dadada; }
.popup_footer .popup_submts{display: flex; justify-content: center; gap:0 10px;}
.popup_footer .popup_submts button{padding:10px 36px; border: 1px solid var(--brand-color-main); border-radius: 8px; background-color:var(--brand-color-main); font-size: var(--rem-16); color: #ffffff;}
.popup_footer .popup_submts button[type=button]{border-color: #000000; background-color: #ffffff; color: #000000;}

.radio_group{margin-top:20px; padding-left:100px; display: flex; gap: 0 25px;}
.radio_label{display: flex; align-items: center; gap: 0 8px; cursor: pointer;}
.radio_label input {display: none;}
.radio_icon{display: flex; align-items: center; justify-content: center; width: 24px;	height: 24px; border-radius: 50%; border: 2px solid #333; background-size: 16px 16px; background-position: center; background-repeat: no-repeat;  transition: 0.3s; }
.radio_label input:checked + .radio_icon {border-color: var(--brand-color-main); background-color: var(--brand-color-main); background-image: url('../images/sg_images/icon/radio_check_icon.svg'); background-size: 65%; background-position: center 60%;}



/* ==================================================
	product
================================================== */
/* .cont_detail .list_header{padding-bottom:var(--rem-20); border-bottom: 1px solid var(--color-gray2);} */
.cont_detail .list_header:has(.list_header_left){padding-bottom:var(--rem-20); border-bottom: 1px solid var(--color-gray2);}
.cont_detail .list_header + .pro_flex{margin-top:var(--rem-40);}
.cont_detail .pro_flex ul li {flex-basis: inherit; width: calc((100% - (var(--rem-40) * 3)) / 4);}
.cont_detail .list_footer{margin-top:var(--rem-50); padding-top:var(--rem-50); border-top: 1px solid #dadada;}
@media(max-width:1100px){
	.cont_detail .pro_flex ul li {width: calc((100% - (3.4rem * 2)) / 3);}
}
@media (max-width: 800px) {
	.cont_detail .pro_flex ul li {width: calc((100% - (var(--rem-30) * 1)) / 2);}
}
@media screen and (max-width: 640px) {
	.cont_detail .pro_flex ul li {width: calc((100% - (var(--rem-20) * 1)) / 2);}
}
@media screen and (max-width: 400px) {
	.cont_detail .list_header:has(.list_header_left) {flex-direction: column; gap: 8px; align-items: flex-start;}
}


/* ==================================================
	best category
================================================== */
.best_category{display: flex; flex-wrap: wrap; gap: 2px; width:100%;}
.best_category li{width: calc((100% - (2px * 5)) / 6);}
.best_category li a{padding:var(--rem-15); display: flex; justify-content: center; align-items: center; height: 100%; background-color: #F1F2F3; text-align: center; }
.best_category li a.active{background-color:var(--brand-color-main); color: #ffffff; font-weight: var(--font-bd);}
@media(max-width:1100px){
	.best_category li{width: calc((100% - (2px * 3)) / 4);}
}
@media (max-width: 800px) {
	.best_category li{width: calc((100% - (2px * 2)) / 3);}
}
@media (max-width: 768px) {
	.best_category {flex-wrap: nowrap; width:100vw; margin:0 calc(-1 * (var(--spacing))); padding:0 var(--spacing); overflow: auto; }
	.best_category li{flex-shrink: 0;}
	.best_category li a{padding:var(--rem-13) var(--rem-30);} 
	.best_category li{width: auto;}
}

/* ==================================================
	group
================================================== */
.cont_detail .pro_slider .pro_box{display: flex; flex-wrap: wrap; gap: 4.5rem var(--rem-40); width:100%;}
.cont_detail .pro_slider .pro_box li{padding:0; width: calc((100% - (var(--rem-40) * 3)) / 4);}
@media(max-width:1100px){
	.cont_detail .pro_slider .pro_box{gap: 4rem 3.4rem;}	
	.cont_detail .pro_slider .pro_box li{width: calc((100% - (3.4rem * 2)) / 3);}
}
@media screen and (max-width: 800px) {
	.cont_detail .pro_slider .pro_box {gap: 3.8rem 3rem;}
	.cont_detail .pro_slider .pro_box li{width: calc((100% - (3rem * 1)) / 2);}
}
@media screen and (max-width: 640px) {
	.cont_detail .pro_slider .pro_box {gap: 3rem 2rem;}
	.cont_detail .pro_slider .pro_box li{width: calc((100% - (2rem * 1)) / 2);}
}


/* ==================================================
	live
================================================== */
.cont_detail .live_slider .live_box{display: flex; flex-wrap: wrap; gap: 5.4rem var(--rem-50); width:100%;}
.cont_detail .live_slider .live_box li{padding:0; width: calc((100% - (var(--rem-50) * 3)) / 4);}
.cont_detail .live_slider .pro_pic {padding-top: 160%;}
.cont_detail .live_slider .pro_pic::after {display: none}
.cont_detail .live_slider .pro_tcon {margin-top: var(--rem-24);}
.cont_detail .live_slider .pro_tcon .pro_tit{text-align:  var(--text-ag-center); font-size: var(--rem-20);}
@media(max-width:1339px){
	.cont_detail .live_slider .live_box{gap: 5.4rem var(--rem-30);}
	.cont_detail .live_slider .live_box li{padding:0; width: calc((100% - (var(--rem-30) * 3)) / 4);}
}
@media(max-width:1100px){
	.cont_detail .live_slider .live_box{gap: 4.8rem var(--rem-30);}
	.cont_detail .live_slider .live_box li{padding:0; width: calc((100% - (var(--rem-30) * 2)) / 3);}
	.cont_detail .live_slider .pro_tcon {margin-top: var(--rem-20);}
}
@media(max-width:800px){
	.cont_detail .live_slider .live_box{gap: 4.4rem var(--rem-20);}
	.cont_detail .live_slider .live_box li{padding:0; width: calc((100% - (var(--rem-20) * 1)) / 2);}
}


/* ==================================================
	event
================================================== */
.event_list .event_item + .event_item{margin-top:var(--rem-30);}

.event_list .event_item .img_wrap{
	position: relative;	top: 0;	left: 0;
	height: 20rem;
	padding: 0;
}
.event_list .event_item .img_wrap picture{
    position: absolute;    top: 0;    left: 0;
    width: 100%;    height: 100%;
    overflow: hidden;
    display: flex;    justify-content: center;    text-align: center;
}
.event_list .event_item .img_wrap picture img{width: auto;}
@media screen and (max-width:1100px) {
	.event_list .event_item .img_wrap{height: 18rem;}
}
@media screen and (max-width:800px) {
	.event_list .event_item .img_wrap{height: 16rem;}
}
@media screen and (max-width:450px) {
	.event_list .event_item .img_wrap{height: 13.647rem;}
}

/* event view */
.event_view_header{padding:var(--rem-30) 10px; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px var(--rem-30); border-top: 2px solid; border-bottom:1px solid #dadada;}
.event_view_header .event_view_title h4{font-size: var(--rem-30); font-weight: var(--font-sb);}
.event_view_header .event_view_date{flex-shrink: 0;}
.event_view_cont{margin-top:var(--rem-20); padding-bottom:var(--rem-60); border-bottom: 1px solid #dadada;}
.event_view_cont img{max-width: 100%;}
@media(max-width:1100px){
	.event_view_header .event_view_title h4{font-size: var(--rem-24);}
}
@media(max-width:800px){
	.event_view_header{padding:var(--rem-24) 10px; flex-wrap: wrap;}
	.event_view_header .event_view_title{width:100%;}
	.event_view_cont{padding-bottom:var(--rem-40);}
}


/* ==================================================
	관련 상품
================================================== */
.related{margin-top:var(--rem-50);}
.related .related_title{font-size:var(--rem-40); text-align: var(--text-ag-center);}
.related .related_title + .pro_flex{margin-top:var(--rem-40);}
@media(max-width:1100px){
	.related{margin-top:var(--rem-40);}
	.related .related_title{font-size:3.6rem;}
}
@media(max-width:800px){
	.related{margin-top:var(--rem-30);}
	.related .related_title{font-size:var(--rem-26);}
	.related .related_title + .pro_flex{margin-top:var(--rem-30);}
}
/* event view related */
@media(max-width:1100px){
.event_view_cont + .related .pro_flex ul li:nth-child(n+7){display: none;}
}
@media(max-width:800px){
.event_view_cont + .related .pro_flex ul li:nth-child(n+5){display: none;}
}
/* slide related */
.related_slide .pro_flex ul li{margin-left:16px; width:200px;}
.related_slide .pro_tcon .pro_tit {font-size: var(--rem-16);}
.related_slide .price .discount {font-size: var(--rem-17);}



/* ==================================================
	product detail
================================================== */
/* 제품 상세 페이지 애니메이션 없애기 tranform으로 내부 position fixed가 적용되어 있어서 제거함 */
.cont_inner:has(.product_view_header) {opacity:1; transform: none !important;}

/* product view */
.product_breadcrumb{display: flex; align-items: center; gap: 10px;}
.product_breadcrumb .breadcrumb_arrow{display: flex; justify-content: center; align-items: center;}
/* 제품 상세 상단 */
.product_view_header{margin-top:var(--rem-30); gap:0 78px; display: flex; align-items: flex-start;}

/* 제품 상세 상단 - 이미지 슬라이드*/
.product_view_thumbnail{display: flex; align-items: flex-start; gap:10px 20px;
position: relative;}
.product_view_control{display: flex; flex-direction: column; align-items: center; gap: 10px 15px; width:100px;}
.product_view_control .product_view_slide_btn{padding:12px; display: flex; justify-content: center; align-items: center; width:100%; border:1px solid var(--color-gray2); border-radius: 5px; }
.product_view_control .product_view_slide_btn i{display: flex; width:12px; height:6px;}
.product_view_control .product_view_slide_btn i img{width:100%;}
.product_view_control .product_view_slide_dot .slick-dots{display: flex; flex-direction: column; gap: 5px; }
.product_view_control .product_view_slide_dot .slick-dots li {cursor: pointer;}
.product_view_control .product_view_slide_dot .slick-dots li .img_wrap{border-radius: 5px; overflow: hidden; width:100%; max-width: 100px; aspect-ratio: 1/1; border:1px solid var(--color-gray2); border-radius: 5px;}
.product_view_control .product_view_slide_dot .slick-dots li .img_wrap img{width:100%; height:100%; object-fit: cover; opacity:.5; font-size: 0; line-height: 1;}
.product_view_control .product_view_slide_dot .slick-dots li.slick-active .img_wrap{ border-color: var(--brand-color-main)}
.product_view_control .product_view_slide_dot .slick-dots li.slick-active .img_wrap img{opacity:1;}
.product_view_slide{position: relative; width:600px; aspect-ratio: 1/1; box-shadow: 0 0 0 1px inset var(--color-gray2); border-radius: 10px; overflow: hidden; box-sizing:border-box;}
.product_view_slide .slick-track{z-index:-1;}
.product_view_slide .slick-list{ box-sizing:border-box;}
.product_view_slide .product_view_slide_item{box-sizing: border-box; font-size: 0; line-height: 1;}
.product_view_slide .img_wrap{font-size: 0; line-height: 1; box-sizing: border-box;}
.product_view_slide .img_wrap img{width: 100%; height: 100%; object-fit: cover;}
@media(max-width:1880px){
	.product_view_header {gap: 0 48px;}
	.product_view_slide { width: 520px;}
	.product_view_control{width:80px;}
}
@media(max-width:1280px){
	.product_view_header {gap: 0 32px;}
	.product_view_slide { width: 440px;}
}
@media(max-width:1100px){
	.product_view_header > div {width: calc((100% - (32px * 1)) / 2);}
	.product_view_thumbnail {flex-direction: column; }
	.product_view_control {order:1; flex-direction: row; width:100%; justify-content: center;}
	.product_view_control .product_view_slide_btn {flex-shrink: 0; padding:0; width: 30px; height: 60px;}
	.product_view_control .product_view_slide_btn.product_view_slide_prev_btn i{transform: rotate(-90deg);}
	.product_view_control .product_view_slide_btn.product_view_slide_next_btn i{transform: rotate(-90deg);}
	.product_view_control .product_view_slide_dot .slick-dots {flex-direction: row;}
	.product_view_control .product_view_slide_dot .slick-dots li{width: calc((100% - (5px * 4)) / 5);}		
	.product_view_slide { width: 100%;}
}
@media(max-width:800px){
	.product_view_header{flex-direction: column; gap: 30px;}
	.product_view_header > div{width: 100%;}
}
@media(max-width:420px){
	.product_view_control {gap: 10px 10px;}
	.product_view_control .product_view_slide_btn{width: 24px; height:48px;}
}

/* 제품 상세 상단 - 구매 정보*/
/* .product view info common */
.product_view_info .select_box {max-width: 100%; border-radius: 6px;}
.product_view_info .select_box select{padding: 16px 34px 16px 15px;}
/* .product view info */
.product_view_info{font-weight: var(--font-md);  width:100%}
.product_view_info form > *{margin-top:var(--rem-30);}
.product_view_info .pdv_info_title{margin-top:0;}
.product_view_info .pdv_info_title h4{padding-bottom:12px; border-bottom:1px solid; font-family: var(--font-Elice); font-size: 3.6rem; line-height: 1.5;}
.product_view_info .pdv_info_list{margin-top:var(--rem-25);}
.product_view_info .pdv_info_list .pdv_info_item{display: flex; gap: 0 87px;} 
.product_view_info .pdv_info_list .pdv_info_item + .pdv_info_item{margin-top:var(--rem-20);}
.product_view_info .pdv_info_list .pdv_info_item .pdv_info_item_lable{flex-shrink: 0; width:63px; }
.product_view_info .pdv_info_list .pdv_info_item .pdv_info_item_desc{line-height: 1.5; margin-top:-6px}
.product_view_info .pdv_info_list .pdv_info_item .price{display: flex; align-items: center; }
.product_view_info .pdv_info_list .pdv_info_item .price>span{display: block; line-height: 1;}
.product_view_info .pdv_info_list .pdv_info_item .price:has(.percent) .discount{margin-left:18px;}
.product_view_info .pdv_info_list .pdv_info_item .price .discount{font-size: var(--rem-26);}
.product_view_info .pdv_info_list .pdv_info_item .price .discount strong{font-weight: var(--font-eb);}
.product_view_info .pdv_info_list .pdv_info_item .price .cost{margin-left:25px;}
.product_view_info .pdv_info_list .pdv_info_item .pdv_info_list_item_coupon{padding:7px 10px; display: flex; gap: 0 var(--rem-13); align-items: center; background:#f8f8f8; border:1px solid #dadada; box-sizing: border-box; font-size: var(--rem-16);}
.product_view_info .pdv_info_list .pdv_info_item .pdv_info_list_item_coupon i{display: flex;}
/* 옵션 선택 */
.product_view_info .order_box > div + div{margin-top:var(--rem-30);}
.product_view_info .order_box_btn{display: none;}
.product_view_info .options .select_box + .select_box{margin-top:1rem;}
/* 추가 옵션 */
.product_view_info .add_option .pdv_add_option_lable{font-weight: var(--font-sb);}
.product_view_info .add_option .select_box{margin-top:1rem;}
/* 선택된 상품 */
.product_view_info .select_products{padding:var(--rem-25); background-color: #F1F2F3; border: 1px solid #dadada; border-radius: 6px; box-sizing: border-box;}
.product_view_info .spd_item + .spd_item {margin-top:var(--rem-20); padding-top: var(--rem-20); border-top: 1px dashed #dadada;}

/* .product_view_info .spd_item .spd_title{color: var(--color-gray5);} */

/* 250422 오늘출발 상품 */
.pdv_order_time{
	display: flex;
	align-items: center;
	gap: 2rem;
    padding: 1.4rem  3rem;
    background: var(--color-white2);
/*    border: solid 1px #DADADA;*/
	border-radius: 0.8rem;
}
.pdv_order_time img{
    width: 6rem;
}
.pdv_order_time .p_title{
    font-weight: var(--font-sb);
}
.pdv_order_time .p_text{
	font-weight: var(--font-rg);
    padding-top: 6px;
    font-size: var(--rem-16);
}

.pdv_order_time span {
    font-weight: var(--font-md);
}

.pdv_order_time .on span{
    color: #085be1;
}
.pdv_order_time .off span{
    color: #0e3574;
}



 /* 20250227 선택 리스트 삭제 버튼 추가  */
.product_view_info .spd_item .spd_title_wrap{display: flex; justify-content: space-between; align-items: flex-start;  gap: 0 12px;}
.product_view_info .spd_item .spd_title_wrap .spd_title{line-height: 1.5; color: var(--color-gray5);}
.product_view_info .spd_item .spd_title_wrap .spd_del_btn{/*margin-top:2px;*/ flex-shrink: 0; position:relative; display: block; width:24px; aspect-ratio: 1/1;}
.product_view_info .spd_item .spd_title_wrap .spd_del_btn::before,
.product_view_info .spd_item .spd_title_wrap .spd_del_btn::after{content: ""; position: absolute; top:50%; left:50%; display: block; width: 2px; height: 80%; background-color: var(--color-gray5);}
.product_view_info .spd_item .spd_title_wrap .spd_del_btn::before{transform:translate(-50%, -50%) rotate(45deg);}
.product_view_info .spd_item .spd_title_wrap .spd_del_btn::after{transform:translate(-50%, -50%) rotate(-45deg);}
  /* --------------------  */

.product_view_info .spd_item .spd_counter{margin-top:1.2rem; display: flex; justify-content: space-between; align-items: center; gap:var(--rem-20);}
.product_view_info .spd_item .spd_counter .spd_counter_num{display: flex; border: 1px solid var(--color-gray2) ;}
.product_view_info .spd_item .spd_counter .spd_counter_num .spd_counter_btn{display: block; width:30px; height:30px; background-color: #ffffff; font-size: var(--rem-16); font-weight: var(--font-rg);}
.product_view_info .spd_item .spd_counter .spd_counter_num .spd_input{padding:0 12px; max-width: 60px; border-left: 1px solid var(--color-gray2); border-right: 1px solid var(--color-gray2); text-align: center; font-size: var(--rem-16);}
.product_view_info .select_total_pay{display: flex; justify-content: space-between; align-items: center; gap: 0 var(--rem-20); font-weight: var(--font-bd);}
.product_view_info .select_total_pay .select_total_label{font-size: var(--rem-24);}
.product_view_info .select_total_pay .select_total_price{font-size: var(--rem-30); color: var(--brand-color-main);}
.product_view_info .select_btns{margin-top:var(--rem-20); display: flex; gap: 0 14px; align-items: center;}
.product_view_info .select_btns button{border:1px solid var(--color-gray2); padding:17px; border-radius: 6px;}
.product_view_info .select_btns .select_like{flex-shrink: 0; display: flex; justify-content: center; align-items: center; width:60px; height:54px;}
.product_view_info .select_btns .select_like svg path{transition: stroke .3s, fill .3s;}
.product_view_info .select_btns .select_like:hover svg path,
.product_view_info .select_btns .select_like:active svg path{stroke: red; fill: red;}
.product_view_info .select_btns .select_action_btns{display:flex; gap: 0 10px; width:100%; }
.product_view_info .select_btns .select_action_btns button{flex-grow: 1; font-size: 1em; font-weight: var(--font-sb); line-height: 1;}
.product_view_info .select_btns .select_action_btns .select_buy{border-color:var(--brand-color-main); background-color: var(--brand-color-main); color: #ffffff;} 
@media(max-width:1280px){
	.product_view_info .pdv_info_title h4 {font-size: var(--rem-30);}
	.product_view_info .pdv_info_list .pdv_info_item {gap: 0 64px;}
	
}
@media(max-width:1100px){
	.product_view_info .pdv_info_title h4 {font-size: var(--rem-26);}
	.product_view_info .pdv_info_list .pdv_info_item {gap: 0 48px;}
}
@media(max-width:800px){
	.product_view_info .pdv_info_title h4 {font-size: var(--rem-22);}
	.product_view_info .pdv_info_list .pdv_info_item {gap: 0 27px;}
	.product_view_info .pdv_info_list .pdv_info_item + .pdv_info_item{margin-top:var(--rem-13);}
	.product_view_info .pdv_info_list .pdv_info_item .price:has(.percent) .discount{margin-left:8px;}
	.product_view_info .pdv_info_list .pdv_info_item .price .discount{font-size: var(--rem-22);}
	.product_view_info .pdv_info_list .pdv_info_item .price .cost{margin-left:16px;}
	.product_view_info .select_box select {padding: 12px 34px 12px 15px;}
	.product_view_info .add_option .pdv_add_option_lable {font-size: var(--rem-24);}
	.product_view_info .select_products {padding: var(--rem-18);}
	.product_view_info .spd_item .spd_title {font-size: var(--rem-20);}
	.product_view_info .select_total_pay {padding:0 15px;}
	.product_view_info .select_btns button {padding: 14px;}
	.product_view_info .select_btns .select_action_btns button {font-size: var(--rem-20);}
	.product_view_info .select_btns .select_like {height: 5.2rem; padding: 12px;}
	/* 모바일 팝업 주문 상자 */
	.product_view_info .order_box{position: fixed; bottom: -100%; left:0; z-index:1001; padding:0 15px 2rem; width:100%; border-radius:20px 20px 0 0; background-color: #ffffff; box-shadow: 0 -5px 10px rgba(0,0,0,0.25); transition: bottom .3s;}
	.product_view_info .order_box.active{ bottom: 78px;}
	.product_view_info .order_box > div + div {margin-top: var(--rem-20);}
	.product_view_info .order_box_btn{margin:0 -15px; display: flex; justify-content: center;}
	.product_view_info .order_box_btn button{padding:15px; display: flex; justify-content: center; width:100%;}
	.product_view_info .order_box_btn button i{display: block; width:40px;}
	.product_view_info .order_box_btn + .options{margin-top:1px;}	
	/* 주문 버튼 띄우기 */
	.product_view_info .select_btns{position: fixed; bottom: 0; left: 0; z-index:1002; margin:0; padding:12px 15px; gap: 5px; width:100%; background-color: #ffffff; border-top: 1px solid #dadada ; }
	.product_view_info .select_btns .select_action_btns {gap: 0 5px;}
}
@media(max-width:520px){
	/* 모바일 팝업 주문 상자 */
	.product_view_info .order_box.active{ bottom: 7rem;}
	.product_view_info .select_btns{padding:10px 15px;}
	.product_view_info .select_btns button {padding: 8px;}
	.product_view_info .select_btns .select_like {width:5rem; height: 5rem;}
	.product_view_info .select_btns .select_like i{display: flex; width:20px; height: 20px;}
	.product_view_info .select_btns .select_like i svg{width:100%; height:100%;}
	.product_view_info .select_btns .select_action_btns {height: 5rem;}
	.product_view_info .select_btns .select_action_btns button {font-size: var(--rem-18);}

	.product_view_info .select_total_pay .select_total_label{font-size: var(--rem-20);}
	.product_view_info .select_total_pay .select_total_price{font-size: var(--rem-24); }
}

/* 상세페이지 배너 */
.product_view_banner{margin-top:8rem;}
.proview_banner01{
	height: 20rem;
	background-image: url('../images/main/seafood_1400.jpg');
	background-position: 50% 50%;
	background-size: cover;
}
@media(max-width:1100px){
	.proview_banner01{height: 18rem;}
}
@media(max-width:768px){
	.product_view_banner{margin-top:7rem;}
	.proview_banner01{height: 16rem;}
}
@media(max-width:450px){
	.product_view_banner{margin-top:6rem;}
	.proview_banner01{height: 13.647rem;}
}

/* 상품 내용 */
.product_view_contents{margin-top:8rem;}
.product_view_contents .product_view_content + .product_view_content{margin-top:8rem;}
/* 상품 내용 헤더 */
.product_view_content_header ul{display: flex;}
.product_view_content_header ul li{width:calc(25% + 6px);}
.product_view_content_header ul li + li{margin-left: -1px;}
.product_view_content_header ul li a{padding:16px; display: flex; justify-content: center; align-items: center; height: 100%; border: 1px solid #909294; border-bottom: 2px solid var(--brand-color-main); border-radius: 10px 10px 0 0; box-sizing: border-box; text-align: center; font-weight: var(--font-bd); line-height: 1.25; color: rgba(33,37,41,.5); }
.product_view_content_header ul li a.active{border:2px solid var(--brand-color-main); border-bottom: none; color: var(--brand-color-main);}
@media(max-width:1100px){
	.product_view_content_header ul li a {padding: 16px 12px;}
}
@media(max-width:768px){
	.product_view_contents{margin-top:7rem;}
	.product_view_contents .product_view_content + .product_view_content {margin-top: 64px;}
	.product_view_content_header ul li a {font-size: 1.7rem; padding: 12px 6px;}
}
@media(max-width:420px){
	.product_view_contents{margin-top:6rem;}
	.product_view_contents .product_view_content + .product_view_content {margin-top: 48px;}
	.product_view_content_header ul li a {font-size: 1.5rem; padding: 8px 4px;}
}

/* 상품 내용 body */
.product_view_content_body{padding-top: 40px; }
.product_view_content_body_desc{padding-top: 80px;line-height: 0;}
.product_view_content_body img{max-width: 100%;}
.product_view_content_body .product_view_content_title{font-size: var(--rem-24); }
@media(max-width:768px){
	.product_view_content_body{padding-top: 20px;}
  .product_view_content_body_desc{margin: 0 calc(-1 * (var(--spacing)));}
	.product_view_content_body .product_view_content_title{font-size: var(--rem-20); }
}

/* 별점 */
.star_rating{position: relative; display: inline-flex; width:180px; height: 36px;}
.star_active{position: absolute;top: 0; left:0; z-index:1; overflow: hidden;}
.star_active img{max-width: inherit; height: 100%;  object-fit: contain;}

/* 상품평 컨텐츠 */
.total_review{display: flex; justify-content: center; align-items: center; gap: 0 113px;}
.total_review .total_score_wrap{margin-top:var(--rem-20);}
.total_review .total_score_wrap span{display: block;}
.total_review .total_score_wrap .total_score_num{font-size: var(--rem-40); font-weight: var(--font-sb);}
.total_review .total_score_wrap .total_score_desc{margin-top:5px; font-size: var(--rem-14);}
.total_review .etc_score_item{display: flex; align-items: center; } 
.total_review .etc_score_item + .etc_score_item{margin-top:12px;}
.total_review .etc_score_item .etc_score_label{font-size: var(--rem-16); font-weight: var(--font-sb); } 
.total_review .etc_score_item .etc_score_bar_rail{margin-left: 32px; width:400px; height: 10px; background-color: var(--color-gray2); border-radius: 5px;}
.total_review .etc_score_item .etc_score_bar_rail .etc_score_bar {display: block; width:0; height: 100%; border-radius: 5px; background-color: var(--brand-color-main);}
.total_review .etc_score_item .etc_score_num{margin-left:21px; font-size: var(--rem-14);}
/* 상품평 리스트 */
.total_review_list{margin-top:var(--rem-30);}
.total_review_list .review_list{margin-top:var(--rem-14); padding:var(--rem-20) 0 0; border-top: 1px solid var(--color-gray5);}
.total_review_list li{padding-bottom:var(--rem-16);  border-bottom: 1px solid var(--color-gray2);}
.total_review_list .review_list_item{display: flex; gap: 0 20px; justify-content: space-between; }
.total_review_list li + li{margin-top:var(--rem-17);}
.total_review_list .review_list_item .review_list_item_con{overflow: hidden; width: 100%;}
.total_review_list .review_list_item .review_list_item_con_top{display: flex; align-items: center; gap: 0 var(--rem-30); margin-bottom: 0.6rem;}
.total_review_list .review_list_item .star_rating{width:100px; height: 20px;}
.total_review_list .review_list_item .star_rating img{width:100px; height: 20px;}
.total_review_list .review_list_item .review_tags {display: flex; align-items: center; gap: 0 var(--rem-15); }
.total_review_list .review_list_item .review_tags li{padding:5px 12px; border: 1px solid #dadada; border-radius: 15px; font-size: var(--rem-14); font-weight: var(--font-sb); margin-top: 0;}
.total_review_list .review_list_item .review_tags li .review_tag_rating{font-weight: var(--font-rg);} 
.total_review_list .review_list_item .review_list_item_con_bottom{margin-top:11px; line-height: 1.25;}
.total_review_list .review_list_item .review_list_item_con_bottom p{margin-top:12px; }
.total_review_list .review_list_item .review_list_item_con_bottom span{font-size: var(--rem-16);}
.total_review_list .review_list_item .review_list_item_photo{/* width: 18rem; height: 18rem; */ text-align: center;}
.total_review_list .review_list_item .review_list_item_photo a{display: block; width: 18rem; line-height:0;}
.total_review_list .review_list_item .review_list_item_photo img{max-width: 18rem; max-height: 18rem;}

.total_review_list .review_list_item .review_list_item_info{flex-shrink: 0;}
.total_review_list .review_list_item .review_list_item_info span{/*display: block; text-align: right;*/ padding-right: 10px; font-size: var(--rem-16); font-weight: var(--font-lg); line-height: 1.5; color: #000000;}

.total_review_list .review_list_item_answer{background: var(--color-gray1); padding: 2rem; margin-top: var(--rem-13);}
.total_review_list .review_list_item_answer .review_list_item_info  span{ padding-right: 10px; font-size: var(--rem-16); line-height: 1.5; color: var(--color-gray4);}
 .total_review_list .review_list_item_answer .review_list_item_con_bottom{margin-top:10px; line-height: 1.4;}
.total_review_list .review_list_item_answer .review_list_item_con_bottom span{font-size: var(--rem-16);}

.total_review_list .btn_wrap{margin-top:var(--rem-30); display: flex; justify-content: center;}
.total_review_list .btn_wrap a{padding:var(--rem-13) var(--rem-24); border: 1px solid var(--brand-color-main); border-radius: 46px; font-weight: var(--font-sb); color: var(--brand-color-main);}

.total_review_list+.pagination{margin-top:var(--rem-26);}
@media(max-width:1280px){
	.total_review {gap: 0 80px;}
	.total_review .etc_score_item .etc_score_bar_rail {width: 300px;}
	.total_review .total_score_wrap { margin-top: var(--rem-16);}
}
@media(max-width:768px){
	.total_review .total_score_wrap {margin-top: var(--rem-13); text-align: center;}
	.total_review {flex-direction: column; gap:var(--rem-40);}
	.total_review .etc_score_item + .etc_score_item{margin-top:8px;}
	.total_review .etc_score_item .etc_score_bar_rail { margin-left: var(--rem-20); width:240px; height: 8px;}
	.total_review .etc_score_item .etc_score_num {margin-left: 12px;}
	.total_review_list .review_list_item .review_list_item_con_top {gap: 0 var(--rem-24);}
	.total_review_list .review_list_item .review_tags {gap: 0 8px;}
	.total_review_list .review_list_item {flex-direction: column; gap: var(--rem-16);}
	.total_review_list .review_list_item .review_list_item_info {flex-shrink: inherit; display: flex; gap:0 8px; align-items: center;}

/*	.total_review_list .review_list_item .review_list_item_photo{width: 12rem; height: 12rem;}*/
/* 	.total_review_list .review_list_item .review_list_item_photo a{ width: 12rem;} */
	.total_review_list .review_list_item .review_list_item_photo img{max-width: 12rem; max-height: 12rem;}
}
@media(max-width:420px){
	.total_review .etc_score_item .etc_score_bar_rail { width:200px;}
	.total_review_list .review_list_item .review_list_item_con_top { flex-direction: column; align-items: flex-start; gap: 8px;}
	.total_review_list .btn_wrap{margin-top:var(--rem-24);}
}

/* 상품문의 */
.pd_qna_wrap{padding:var(--rem-40); background-color: rgba(206, 212, 218, 0.3);}
.pd_qna_wrap .pd_qna_title{font-size: var(--rem-20); font-weight: var(--font-sb);  line-height: 1.4;}
.pd_qna_wrap ul{margin-top:20px;}
@media(max-width:768px){
	.pd_qna_wrap{padding:var(--rem-30) var(--rem-26); }
	.pd_qna_wrap ul{margin-top:12px;}
}

/* 상품문의 리스트 */
.pd_qna_list_wrap{margin-top:60px;}
.pd_qna_list_header{display: flex; justify-content: space-between; align-items: flex-end; gap: 0 var(--rem-20);}
.pd_qna_list_header a{padding: 10px var(--rem-24); border: 1px solid var(--color-gray5); border-radius: 6px;}
.pd_qna_list{margin-top:var(--rem-14); }
.pd_qna_list .basic_list_item{padding: var(--rem-15) 0 0;}
.pd_qna_list .pd_qna_q{padding:0 28px var(--rem-15); display: flex; justify-content: space-between; align-items: center; gap: 0 20px; overflow: hidden; cursor: pointer;}
.pd_qna_list .pd_qna_q > div{display: flex;  align-items: center;}
.pd_qna_list .pd_qna_q .pd_qna_q_left{gap:0 20px;}
.pd_qna_list .pd_qna_q .pd_qna_q_right{gap:0 87px;}
.pd_qna_list .pd_qna_q .pd_qna_state_complete{color: var(--brand-color-main);}
.pd_qna_list .pd_qna_q .pd_qna_list_title{display: flex; align-items: center; gap: 0 10px; width:100%; overflow: hidden;}
.pd_qna_list .pd_qna_q .pd_qna_list_title span{display: block;}
.pd_qna_list .pd_qna_q .pd_qna_list_title i{flex-shrink: 0;}
.pd_qna_list .pd_qna_q .pd_qna_id{flex-shrink: 0; font-size: var(--rem-16);}
.pd_qna_list .pd_qna_q .pd_qna_date{flex-shrink: 0; font-size: var(--rem-16);}
.pd_qna_list .pd_qna_a{padding:0px 36px 0px 8%; height: 0;  background-color:#f4f4f4 ; overflow: hidden;}
.pd_qna_list .pd_qna_a .pd_qna_a_con{padding:25px 0 30px;}
.pd_qna_list .pd_qna_a .pd_qna_a_con + .pd_qna_a_con{border-top:1px solid var(--color-gray2)}
.pd_qna_list .pd_qna_a .pd_qna_a_con_q{padding-top:30px;}
.pd_qna_list .pd_qna_a .pd_qna_a_con_a{--pd_left:18px; padding-left:var(--pd_left); line-height: 1.5;}
.pd_qna_list .pd_qna_a .pd_qna_a_con_a .pd_qna_a_badge{position:relative; padding:4px 11px;  background-color:#000000; font-size: var(--rem-16); color: #ffffff;}
.pd_qna_list .pd_qna_a .pd_qna_a_con_a .pd_qna_a_badge::before{content:""; position:absolute; top:0; left:calc(-1 * var(--pd_left)); display: block; width:13px; height: 13px; background-image: url("../images/sg_images//icon//qna_a_badge_icon.svg"); background-repeat: no-repeat; }
@media(max-width:1280px){
	.pd_qna_list .pd_qna_a {padding: 0px 36px 0px 9.5%;}
}
@media(max-width:1100px){
	.pd_qna_list .pd_qna_a {padding: 0px 36px 0px 12.5%;}
	.pd_qna_list .pd_qna_q {padding: 0 20px var(--rem-15);}	
	.pd_qna_list .pd_qna_q .pd_qna_q_right {gap: 0 20px;}
}
@media(max-width:768px){
	.pd_qna_list .pd_qna_q {flex-direction: column; align-items: flex-start; gap:8px;}
	.pd_qna_list .pd_qna_q .pd_qna_q_right {gap: 0 10px;}
	.pd_qna_list .pd_qna_a {padding: 0px 20px;}
	.pd_qna_list .pd_qna_a .pd_qna_a_con {padding: 20px 0;}
	.pd_qna_list .pd_qna_a .pd_qna_a_con_q {padding-top: 20px;}
	.pd_qna_list .pd_qna_a .pd_qna_a_con_a {--pd_left: 18px; padding-left: var(--pd_left);}
	.pd_qna_list .pd_qna_a .pd_qna_a_con_a .pd_qna_a_badge {font-size: var(--rem-14);}
}

/* 배송 교환 반품 */
.delivery_con + .delivery_con{margin-top:37px;}
.delivery_con .table_wrap{margin-top:var(--rem-14);
    overflow: auto;}
.delivery_con .table_wrap table {min-width: 768px;}
.delivery_con .table_wrap table col:first-child{width:240px;}
.delivery_con .table_wrap table td{vertical-align: middle; line-height: 1.5;}
.delivery_con .table_wrap table th + th,
.delivery_con .table_wrap table td + td{ border-left:1px solid var(--color-gray2)}
@media(max-width:1100px){
	.delivery_con .table_wrap table col:first-child{width:200px;}
	.delivery_con .table_wrap table td br{display: none;}
}
@media(max-width:768px){
	.delivery_con + .delivery_con{margin-top:28px;}
	.delivery_con .table_wrap table col:first-child{width:120px;}
	.delivery_con .table_wrap table td br{display: none;}
}
@media(max-width:450px){
	.delivery_con .table_wrap table col:first-child{width:100px;}
}
@media(max-width:420px){
	.delivery_con .table_wrap table col:first-child{width:80px;}
	.delivery_con .table_wrap table {font-size: var(--rem-16);}
}
/* 관련 상품 */
.pd_realted_slide{margin-top:var(--rem-20); position: relative; padding:20px 60px;}
.pd_realted_slide .slick-slider {position: static;}
.pd_realted_slide .mp_prev,
.pd_realted_slide .mp_next {width: 40px; height: 40px; background-size: 26%; background-position: center;}

@media(max-width:800px){
	.pd_realted_slide .mp_prev,
	.pd_realted_slide .mp_next {width: 3.6rem; height: 3.6rem;}
}
@media(max-width:768px){
	.pd_realted_slide {padding: 0 48px;}
	.related_slide .pro_flex ul li{margin-left:12px; width:160px;}
}
@media(max-width:540px){
	.related_slide .pro_flex ul li{margin-left:8px; width:120px;}
	.pd_realted_slide {padding: 0 28px;}
	.pd_realted_slide .mp_prev,
	.pd_realted_slide .mp_next {width: 3rem; height: 3rem;}
}


/* ==================================================
	product detail - time event
================================================== */
.product_view_thumbnail_event, .product_view_thumbnail_group{
	padding-bottom: 8rem;
}
.product_view_info_event + form{margin-top:var(--rem-30);}
.product_view_info_event{display: flex; position: absolute; bottom: 0; width: 100%;}
.product_view_info_event .img_wrap{flex-shrink: 0; max-width:200px; overflow: hidden;}
.product_view_info_event .img_wrap img{width:100%; height: 100%; object-fit: cover; object-position: left center;}
.product_view_info_event .product_view_info_event_box{padding:14px 25px; display: flex; align-items: center; gap: 15px; width:100%; background-color: #F4F4F4;}
/* shake */
.product_view_info_event .product_view_info_event_box span{
	position: relative;
	text-transform: uppercase;
	/*display: inline-block;*/
	/*background-size: 120% 100%;*/
	/*-webkit-background-clip: text;*/
	/*-webkit-text-fill-color: transparent;*/
	/*-moz-background-clip: text;*/
	/*-moz-text-fill-color: transparent;*/
	/*-ms-background-clip: text;*/
	/*-ms-text-fill-color: transparent;*/
	/*background-clip: text;*/
	/*text-fill-color: transparent;*/
	/*background-image: linear-gradient(45deg, #7794ff, #44107A, #FF1361, #FFF800);*/
	animation: .8s shake infinite alternate;
}
@keyframes shake {
	0% { transform: skewX(-15deg); }
	5% { transform: skewX(15deg); }
	10% { transform: skewX(-15deg); }
	15% { transform: skewX(15deg); }
	20% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }  
}

.product_view_info_event .product_view_info_event_box strong{
	color: #E01D1D;
}
.product_view_info_event .pv_time_sale{justify-content: center;}
.product_view_info_event .pv_time_sale .clock_icon{display: block; width:26px; height: 26px;}
.product_view_info_event .pv_time_sale .event_time{font-size: 2.6rem; font-weight: var(--font-sb); color: #E01D1D; }
@media(max-width:1480px){
	.product_view_info_event .img_wrap{ max-width:160px; }
}
@media(max-width:1280px){
	.product_view_info_event .img_wrap{ max-width:100px;}
	.product_view_info_event .product_view_info_event_box{padding:16px 20px;}
}
@media(max-width:1100px){
	.product_view_info_event{flex-direction: column;}
	.product_view_info_event .img_wrap{width:100%;  max-width:100%;  height: auto;}
}
@media(max-width:800px){
	.product_view_info_event{flex-direction: row;}
	.product_view_info_event .img_wrap{max-width:160px; height: 64px;}
}
@media(max-width:540px){
.product_view_info_event + form{margin-top:var(--rem-20);}
.product_view_info_event .img_wrap{width:120px; height: 52px;}
.product_view_info_event .pv_time_sale .event_time {font-size: 2.6rem;}
.product_view_info_event .pv_time_sale .clock_icon {width: 22px; height: 22px;}
}
@media(max-width:420px){
	.product_view_info_event{flex-direction: column;}
	.product_view_info_event .img_wrap{width:100%;  max-width:100%;  height: auto;}
	.product_view_info_event .product_view_info_event_box{padding:20px 25px;}
	
}

/* ==================================================
	product detail - group event
================================================== */
.pv_group_sale{justify-content: space-between; font-size: 2.4rem; color: #000000;}
@media(max-width:1480px){
}
@media(max-width:768px){
	.pv_group_sale{font-size: 2rem; }
}