@charset "utf-8";

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
/* .view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:0px 0px 30px; }
.view-btn i { margin-right:2px; } */

/* Write */
.write-wrap { width:100%; overflow:hidden; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

.related_item_btn_box {display: flex;}
.write-wrap .inquiry_box.filing_box > label {line-height:1.2;}
#bo_w.style-wrap .inquiry_box .answer input[type="text"], .inquiry_box .answer input[type="password"] {width: 100%;}


/* list 페이지 커스텀 */

.gallery_container .gallery_info_top {margin-top: 16px;}
.gallery_container .gallery_info_top .gallery_info_tit {margin-bottom: 12px; font-size: 18px; font-weight: 500; color:#222222; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.gallery_container .gallery_info_top .gallery_info_sub {font-size: 16px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} 

.gallery_container .gallery_info_bot {margin-top: 27px;}
.gallery_container .gallery_info_bot .gallery_info_money {font-size: 17px; color: #333333;}

@media (max-width:991px) {
    .gallery_container .gallery_info_top {margin-top: 15px;}
    .gallery_container .gallery_info_top .gallery_info_tit {margin-bottom: clamp(8px,1.21vw ,12px); font-size: clamp(14px,1.82vw,18px);}
    .gallery_container .gallery_info_top .gallery_info_sub {font-size: clamp(13px,1.61vw,16px);}

    .gallery_container .gallery_info_bot {margin-top: clamp(16px,2.42vw,24px);}
    .gallery_container .gallery_info_bot .gallery_info_money {font-size: clamp(14px,1.72vw,17px);}

}











/* view 페이지 커스텀 */
.view_container {max-width: 1230px; padding: 0 15px; width:100%; margin: 0 auto;}

.view_box .sc_topbanner img {width: 100%; object-fit: cover;}

.view_wrapper {margin-top: 85px;}
.view_wrapper .view_top {text-align: center; padding-bottom: 95px; border-bottom: 1px solid #e1e1e1;}
.view_wrapper .view_top .view-title {margin-bottom: 9px; font-size: 35px; font-weight: 600; line-height: 1.7; color: #222222;}
.view_wrapper .view_top .view-subtit {font-size: 18px; line-height: 1.5; color: #666666;}


.view_wrapper .view_mid {margin-top: 92px;}
.view_wrapper .view_mid .view-desc_section {margin-bottom: 32px;}
.view_wrapper .view_mid .view-desc_section .content-heading {margin-bottom: 5px; font-size: 23px; line-height: 1.7; font-weight: 600; color: #222;}
.view_wrapper .view_mid .view-desc_section .content-description {font-size: 18px; line-height: 1.7; }

.view_wrapper .view_mid .view_info .view_info_li {display: flex; gap: 0 65px;}
.view_wrapper .view_mid .view_info .view_info_li .info-list {width: 36px; font-size: 18px; line-height: 36px; color:#222222;}
.view_wrapper .view_mid .view_info .view_info_li .info_wr {width: calc(100% - 101px); font-size: 18px; line-height: 36px; color:#666666;}

.view_content {margin-top: 120px;}
.view_content img {width: 100%; object-fit:cover;}



.view_wrapper .ask_btn {margin: 60px 0 80px; text-align: center;}
.view_wrapper .ask_btn a {display: inline-block; width: 312px; line-height: 56px; border-radius: 50px; background: #111111; color:#fff; font-size: 17px;}

.view-btn_wrap {display: flex;  justify-content: space-between; padding-top: 35px; border-top:1px solid #999999;}
.view-btn_wrap .vb_l .new_list {display: flex; align-items: baseline; gap: 0 16px;}
.view-btn_wrap .vb_l .new_list span {font-family: "Pretendard",sans-serif !important; font-size:16px; font-weight: 500; color:#222222;}
.view-btn_wrap .vb_r {position: relative; display: flex; gap: 0 60px;}
.view-btn_wrap .vb_r::after {content: ''; position: absolute; top: 4px; left: 50%; transform: translateX(calc(-50% + 0.5px)); width: 1px; height: 15px; background: #c9c9c9;}
.view-btn_wrap .vb_r .prev_next {font-size: 16px; color: #222;}


@media(max-width:991px) {
	.is-mobile .view_style .view-padding {padding: 0;}
	.view_wrapper {margin-top:clamp(50px,8.577194752774975vw,85px)}

	.view_wrapper .view_top {padding-bottom: clamp(50px,9.58627648839556vw,95px);}
	.view_wrapper .view_top .view-title {font-size: clamp(18px,3.531786074672048vw,35px); line-height:1.4;}
	.view_wrapper .view_top .view-subtit {font-size: clamp(14px,2.791vw,18px);}

	.view_wrapper .view_mid {margin-top: clamp(47px,9.283551967709384vw,92px);}
	.view_wrapper .view_mid .view-desc_section {margin-bottom: 30px;}
	.view_wrapper .view_mid .view-desc_section .content-heading {font-size: clamp(17px,2.320887991927346vw,23px);}
	.view_wrapper .view_mid .view-desc_section .content-description {font-size: clamp(14px,1.816347124117053vw,18px);}

	.view_wrapper .view_mid .view_info .view_info_li {gap:0 25px;}
	.view_wrapper .view_mid .view_info .view_info_li .info-list {width:32px;	 font-size: clamp(14px,1.816347124117053vw,18px); line-height:1.7;}
	.view_wrapper .view_mid .view_info .view_info_li .info_wr {width:calc(100% - 55px); font-size: clamp(14px,1.816347124117053vw,18px); line-height:1.7;}

    .view_wrapper .ask_btn {margin: clamp(40px,6.05vw,60px) 0 clamp(45px,8.07vw,80px);}
    .view_wrapper .ask_btn a {width:248px;line-height:45px;font-size: clamp(14px,1.72vw,17px);}

    .view-btn_wrap {padding-top:clamp(25px,3.53vw,35px);}
    .view-btn_wrap .vb_l .new_list{gap: clamp(13px,1.61vw,16px);}
    .view-btn_wrap .vb_l .new_list img {height: 9px;}
    .view-btn_wrap .vb_l .new_list span {font-size: clamp(13px,1.61vw,16px);}

    .view-btn_wrap .vb_r {gap:0 clamp(50px,5.05vw,60px)}
    .view-btn_wrap .vb_r::after {top:0px;}
    .view-btn_wrap .vb_r .prev_next {font-size: clamp(13px,1.61vw,16px);}

    .view_content {margin-top: clamp(60px,12.10898082744702vw,120px);}
}





/* view 페이지 내 상품 리스트들 */

#view_product {padding-top: 60px;}
#view_product .item_container {position: relative;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image {border-radius: 5px; overflow: hidden; position: relative;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .timer_box{padding: 4.5px 5px; position: absolute; top: 12px; left: 13px; color: #fff; background-color: #f86e78; border-radius: 3px; display: flex; align-items: center; justify-content: center; z-index: 1; line-height: 1em;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .timer_box .time{font-size: 13px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; line-height: 1;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .timer_box .time_box{display: flex; align-items: center; justify-content: center;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .timer_box .text{font-size: 12px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; margin-left: 5px; line-height: 1;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .timer_box .time_box .text{margin-left:0;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .imgframe a{position: relative;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .imgframe a .item_icon {position: absolute; left: 12px; top: 12px; z-index: 1;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .imgframe a .img_item img{transition: 0.3s;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list:hover .item_image .imgframe a .img_item img{transform: scale(1.15);}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart {display: block; width: 27px; height: 29px; position: absolute; right: 8px; bottom: 10px; transition: all .3s;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart span.item_cart_icon{display: block; width: 100%; height: 100%; background: url(../../../../img/item_cart_icon_off.png) no-repeat; position: absolute; top: 0; left: 0; transition: all .3s;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart.on span.item_cart_icon{opacity: 0.6;}
/* #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart.on span.item_cart_icon{background: url(../../../../img/item_cart_icon_on.png) no-repeat;} */
/* @media (hover: hover) {#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart:hover span.item_cart_icon{background: url(../../../../img/item_cart_icon_on.png) no-repeat;}} */
@media (hover: hover) {#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart:hover span.item_cart_icon{opacity: 0.6;}}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_content{margin-top: 8px;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_content .brand_icon{line-height: 1em; font-size: 11px; color: #828c94;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_content strong {font-size: 13px; font-weight: 400; color: #424242; line-height: 1.4; margin: 4px 0 9px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price{line-height: 1.2em;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_top .percent {font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 700; color: #f73111;}
/* #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_top .real_price {font-size: 18px; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800; color: #1b1b1b; margin-left: 4px;} */
/* #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_bot .cost_price {font-size: 14px; color: #999; text-decoration: line-through; display: block; margin-top: 10px;} */
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_info {margin-top: 10px; margin-bottom: 6px; line-height: 1em;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_info .item_star .star_icon {font-size: 14px; color: #f4c748;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_info .item_star .item_star_num { font-size: 12px; color: #424242; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 600;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_info .use_count {margin-left: 2px; font-size: 12px; color: #9e9e9e; font-family: "Pretendard Variable", Pretendard, sans-serif; font-weight: 800;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .item_depart{display: flex; align-items: center; line-height: 1em;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .item_depart span{font-size: 13px; color: #1673f1; font-family: 'SUIT-Bold'; font-style: oblique; letter-spacing: -0.035em; margin-left: 3px;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .item_depart_num{font-size: 12px; color: #6db4e6; margin-top: 7px;}
/* #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .item_icon{margin-top: 9px;} */
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .coupon_box{display: inline-block; margin-top: 6px;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .coupon_icon{display: flex; align-items: center; padding: 4px 6px; border-radius: 3px; border: 1px solid #eaedef;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .coupon_icon span{font-size: 11px; font-weight: 500; color: #242424; margin-left: 5px; line-height: 1em;}
#view_product .swiper-button {display: block; width: 63px; height: 63px; box-shadow: 0px 5px 10px 0px rgba(61, 61, 61, 0.15); border-radius: 50%; transition: all .3s; margin-top: 0; top: 45.5%; transform: translatey(-50%); opacity: 0.8;}

#view_product .price_top {display: flex; gap: 0 10px;}
#view_product .price_top .price_div {display: flex; gap: 0 7px; align-items: baseline;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_top .real_price {font-size: 18px; font-weight: 700; color: #1b1b1b;}
#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_bot .cost_price {font-size: 14px; color: #999; text-decoration: line-through; display: block; }

@media (hover: hover) {#view_product .swiper-button:hover {opacity: 1;}}
#view_product .swiper-button:after {display: none;}
#view_product .swiper-button.swiper-button-prev.swiper-button-disabled {opacity: 0;}
#view_product .swiper-button.swiper-button-prev {left: -20px;}
#view_product .swiper-button.swiper-button-next {right: -20px;}
#view_product .only_member_txt_point{margin-top: -20px;}

@media (max-width: 1250px) {
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .imgframe a .img_item img {width: 100%;}
	#view_product .swiper-button {display: none;}
}
@media (max-width: 991px){


	#view_product {padding-top: clamp(35px,6.054490413723512vw,60px) ;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .item_depart img{width: 13px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .item_depart span{font-size: 11px; margin: 0;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .item_depart_num{font-size: 10px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .coupon_icon span{font-size: 10px; padding-top: 2px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_cont .coupon_icon img{height: 7px;}
}
@media (max-width: 768px) {
    #view_product .item_container {padding: 0;}
    #view_product .swiper-container{width: calc(100% + 15px); padding: 0 15px;}
	/* #view_product .swiper-container {margin-top: 0px; width: 100%; padding: 0 15px;} */
	#view_product .swiper-container .swiper-wrapper .swiper-slide {margin-top: 0px !important;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image {border-radius: 4px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .imgframe a .item_icon {left: 5px; top: 6px;}
    #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .timer_box{font-size: 10px;white-space : nowrap; top: 7px; left: 8px;}
    #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .timer_box .time{font-size: 10px;}
    #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .timer_box .text{font-size: 10px;}
    #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .timer_box > .text{display: none;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_content{margin-top: 12px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_content strong {font-size: 12px; margin: 8px 0 0px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_top .percent {font-size: 15px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_top .real_price {font-size: 15px; margin-left: 2px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_bot .cost_price {font-size: 10.5px; margin-top: 7px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_info {margin-top: 6px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_info .item_star .star_icon {font-size: 12px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_info .item_star .item_star_num {font-size: 10px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_info .use_count {font-size: 10px;}

	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_content .brand_icon{font-size: 12px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart {width: 20px; height: 22px; right: 7px; bottom: 3px;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart span.item_cart_icon{display: block; width: 100%; height: 100%; background: url(../../../../img/mitem_cart_icon_off.png) center/20px 22px no-repeat; position: absolute; top: 0; left: 0; transition: all .3s;}
	#view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart.on span.item_cart_icon{opacity: .6;}
	/* #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .item_image .btn_cart.on span.item_cart_icon{background: url(../../../../img/mitem_cart_icon_on.png) center/20px 22px no-repeat;} */

}
@media (max-width:991px) {
    #view_product .price_top {gap: 5px 0 ; flex-direction: column; align-items: baseline;}
    #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_top .real_price {margin-left: 0;}

    #view_product .main_cont_title h2.widget_froala {font-size: clamp(19px,2.825428859737639vw,28px);}
}

@media (max-width:768px) {
    #view_product .price_top .price_div {gap: 0 3px;}
    #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_top .real_price {font-size: 15px;}
    #view_product .swiper-container .swiper-wrapper .swiper-slide .item_list .is_item_content .item_price .price_bot .cost_price {font-size: 10.5px;}
}

#view_product .sit_icon .item_sticker.free_shupping,
#view_product .sit_icon .item_sticker.new,
#view_product .sit_icon .item_sticker.hit,
#view_product .sit_icon .item_sticker.discount,
#view_product .sit_icon .item_sticker.rec,
#view_product .sit_icon .item_sticker.best
 {color: #555; background: #f4f4f4;}