﻿/*상세 : 상품이미지*/
.detail_thumb {position:relative;}
.detail_thumb .big_img {position:relative; margin-bottom:10px; width:var(--w_full);}
.detail_thumb .big_img img {width:var(--w_full);}
.detail_thumb .flag_timedeal {position:absolute; left:0; top:0; height:30px; line-height:30px; padding:0 7px; background:var(--c_red); color:var(--c_white); font-size:15px; font-weight:var(--f_medium);}
.detail_thumb .small_img {margin-bottom:6px;}
.detail_thumb .small_img li {position:relative; margin:0 5px; cursor:pointer;}
.detail_thumb .small_img li:after {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); background:rgba(0,0,0,.03);}
.detail_thumb .small_img img {width:var(--w_full);}
.detail_thumb .small_img .slick-current:after {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); background:rgba(0,0,0,.3) url(/contents/module/images/ic_check02.svg)no-repeat 50% 50%; background-size:30px;}
.detail_thumb .small_img .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); text-indent:-9999px; width:30px; height:50px; border:1px solid #d3d3d3; z-index:1;}
.detail_thumb .small_img .slick-prev {left:0; background:url(/contents/module/images/ic_arr_left_gray.svg)no-repeat 50% 50%;}
.detail_thumb .small_img .slick-next {right:0; background:url(/contents/module/images/ic_arr_right_gray.svg)no-repeat 50% 50%;}
.detail_thumb .small_img .slick-disabled {opacity:0.2; cursor:default;}
.detail_thumb .small_img.add_arrow {padding:0 35px;}
.detail_thumb .small_img.add_arrow li {height:128px;}
.detail_thumb .small_img.add_arrow li img {max-width:128px;}
.detail_thumb .small_img.add_arrow .slick-list {margin:0 -5px;}
.timedeal {width:var(--w_full); height:40px; line-height:40px; background:#FDEFEF; text-align:var(--a_center); font-size:15px; font-weight:var(--f_medium);color:#FE5653;}
.timedeal span {color:#FE5653; font-size:15px;}
.detail_thumb.sold_out .prd_slider li:before {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); background:rgba(34,34,34,.2); z-index:1;}
.detail_thumb.sold_out .prd_slider li:after {content:"SOLD OUT"; position:absolute; left:50%; top:50%; transform:translate(-50%); font-size:20px; font-weight:var(--f_bold); color:var(--c_white); z-index:1;}
.detail_thumb.sold_out .small_img p {cursor:default; width:20%;}
.detail_thumb.opensoon .big_img {margin-bottom:0;}
.detail_thumb.opensoon .big_img:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7) url(/contents/module/images/ic_open_soon.png)no-repeat center center; background-size:120px;}
.detail_thumb.opensoon .opensoon {display:flex; width:100%; height:58px; background:#DE5449; gap:6px; justify-content: var(--a_center); align-items:var(--a_center);}
.detail_thumb.opensoon .opensoon p {font-size:16px; font-weight: var(--f_medium); color:var(--c_white);}
.detail_thumb .alarm_div {display:flex; justify-content:flex-end; align-items:var(--a_center); gap:10px; height:50px; padding:0 15px; border-bottom:1px solid var(--c_l_gray);}
.detail_thumb .alarm_div .btn_alarm {height:30px; padding:0 10px 0 28px; color:var(--c_red); border:1px solid var(--c_red); border-radius:15px; background:url(/contents/module/images/ic_alarm.svg)no-repeat 10px 50%;}
.detail_thumb .alarm_div .btn_alarm.on {border-color:var(--c_dark2); color:var(--c_dark2); background-image:url(/contents/module/images/ic_alarm_on.svg);}
.icon_area{margin-bottom:10px;}
.icon_area.no_margin{margin:-5px 0 0;}
.detail_option .icon_area img{margin:0; max-width:70px;}
.icon_list{margin-bottom:10px;}
.dp_flex_icon {display: flex; flex-wrap: wrap;gap: 5px;}
.prd_slider li img{width:100%;}
.photo_rebox.prd_detail_bottom{margin:20px 15px;}

@media(max-width:389px) {
    /*.type_col3 .icon_area img,.prod_list_col .icon_list img{width:48px;}*/
}
/*상세 : 기본정보*/
.detail_option {padding:20px 15px 0; /*border-bottom:8px solid var(--c_lg_gray);*/}
/*가격*/
.detail_option .info { padding-bottom:12px; /*border-bottom:1px solid var(--c_l_gray);*/}
.detail_option .info .pdt_tit {font-size:18px; font-weight:var(--f_bold);}
.detail_option .info .info_bott {display:flex; justify-content:space-between; align-items:flex-end;}
.detail_option .info .info_bott .pdt_sale {margin:18px 0 6px;}
.detail_option .info .info_bott .pdt_sale .for_sale {font-size:24px; font-weight:var(--f_bold); color:var(--c_red); margin-right:7px; font-family:Pretendard;}
.detail_option .info .info_bott .pdt_sale .pdt_oprice,.detail_option .info .info_bott  .pdt_oprice  {font-size:16px; color:var(--c_gray); font-family:Pretendard; text-decoration:line-through;}
.detail_option .info .info_bott .pdt_sprice {font-family:Pretendard; font-size:24px; font-weight:var(--f_bold);}
.prd_detail_review{display:flex; align-items: center;margin:16px 0 14px;}
.prd_detail_review .starpoint_box {margin-top:0;}
.review_number{color:var( --c_dark2);border-left:1px solid var(--c_l_gray); padding-left:10px;margin-left:10px;}
/*옵션선택*/
.detail_option .option_box {margin-bottom:15px;}
.detail_option .option_box:last-child {margin-bottom:0;}
.detail_option .option_box .title {margin-bottom:10px; font-size:14px; font-weight:var(--f_bold);}
.detail_option .option_box .title span {font-size:14px; color:var(--c_red);}
.detail_option .option_box select {width:var(--w_full); margin-top:-1px; color:var(--c_dark); font-size:15px;}
.detail_option .option_box select:first-of-type {margin-top:0;}
.detail_option .option_box select:disabled {opacity:.53;}
.detail_option .option_box .ipt_box {display:flex; align-items:var(--a_center); gap:10px; margin-bottom:15px; font-size:15px; justify-content:space-between;}
.detail_option .option_box .ipt_box:last-child {margin-bottom:0;}
.detail_option .option_box .ipt_box input {flex-grow:1;}
.detail_option .option_box .ipt_box button {width:56px; height:40px; font-size:14px; font-weight:var(--f_bold);}
.detail_option .option_box .select_date {line-height:36px; text-align:var(--a_left);width:var(--w_full); margin-top:-1px; color:var(--c_dark); font-size:15px; border:1px solid var(--c_gray3); background:url(/contents/module/images/ic_arr_down02.svg)no-repeat calc(100% - 12px) 50%;}
.detail_option .option_box .select_date.disabled {opacity:.53; cursor:default;}
.detail_option .option_box.add_option_goods {margin:0;}
.detail_option .option_box .selc_toggle {display:flex; align-items:var(--a_center); justify-content:space-between; height:38px;}
.detail_option .option_box .selc_toggle p {font-size:14px;}
.detail_option .option_box .selc_toggle .btn_toggle {font-size:0; width:24px; height:24px; background:url(/contents/module/images/ic_arr_down02.svg)no-repeat 50% 50%;}
.detail_option .option_box .selc_toggle .btn_toggle.on {transform:rotate(180deg);}
.detail_option .option_box .add_goods_select {font-size:14px;}
.detail_option .option_box .toggle_cont {display:none;}

/*옵션 수량선택*/
.detail_option .option_num {padding:20px 0;  border-bottom:1px solid var(--c_l_gray);}
.detail_option .option_num > div {display:flex; justify-content:space-between;}
.detail_option .option_num .f_t {align-items:flex-start;}
.detail_option .option_num .f_t .pdt_options {width:calc(100% - 40px);}
.detail_option .option_num .f_t .pdt_option {color:var(--c_dark); width:var(--w_full); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:var(--f_light);}
.detail_option .option_num .f_t .pdt_option img {margin-right:5px;}
.detail_option .option_num .f_t .btn_delete {width:20px;}
.detail_option .option_num .f_t .btn_delete img {width:var(--w_full);}
.detail_option .option_num .f_b {align-items:flex-end; margin-top:10px;}
.detail_option .option_num .f_b .num {display:flex;}
.detail_option .option_num .f_b .num > * {width:30px; height:28px; margin-left:-1px; border:1px solid var(--c_gray3);}
.detail_option .option_num .f_b .num input {width:36px; text-align:var(--a_center); padding:0 5px;}
.detail_option .option_num .f_b .num button {background:#f5f8f9; color:var(--c_dark);}
.detail_option .option_num .f_b .price {font-size:14px; font-family:Pretendard; font-weight:var(--f_regular);}
.detail_option .option_num .f_b .price em {font-size:14px; font-family:Pretendard; font-weight:var(--f_bold);}
/*상품합계*/
.detail_option .total_all_box {display:flex; justify-content:space-between; padding-top:20px;}
.detail_option .total_all_box .title {font-size:14px;}
.detail_option .total_all_box .total_all {font-size:14px; font-family:Pretendard;}
.detail_option .total_all_box .total_all em {font-size:20px; font-weight:var(--f_bold); font-family:Pretendard;}
/*하단고정버튼*/
.detail_option .buy_btn_wrap {z-index:5; display:flex; width:var(--w_full); align-items:var(--a_center); gap:8px; height:60px; padding:5px 10px; background:var(--c_white);}
.detail_option .buy_btn_wrap .btn_like_wrap {text-align:var(--a_center); flex-shrink:0; width:30px; cursor:pointer;}
.detail_option .buy_btn_wrap .btn_like_wrap .btn_like {display:block; text-indent:-9999px; width:30px; height:24px; background:url(/contents/module/images/ic_heart.svg)no-repeat 50% 0; background-size:contain; font-size:0;}
.detail_option .buy_btn_wrap .btn_like_wrap .btn_like.on {background:url(/contents/module/images/ic_heart_on.svg)no-repeat 50% 0; background-size:contain;}
.detail_option .buy_btn_wrap .btn_like_wrap .like_count {font-size:12px; font-weight:var(--f_medium); color:var(--c_red);}
.detail_option .buy_btn_wrap .btn_l {height:50px; flex-grow:1;}
/*하단고정영역*/
.detail_option .option_fixed_wrap {z-index:999; position:fixed; max-width:750px; width:var(--w_full); background:var(--c_white); left:50%; bottom:0; transform:translateX(-50%); box-shadow:0 -3px 10px rgba(0,0,0,.15); transition:all .3s;}
.detail_option .option_fixed_wrap .option_toggle_wrap {display:none; padding:0 15px;}
.detail_option .option_fixed_wrap .scroll_in {overflow-y:auto; max-height:calc(100vh - 245px);}
.detail_option .option_fixed_wrap .option_scroll_in {overflow-y:auto; max-height:240px;}
.detail_option .option_fixed_wrap .option_scroll_in .option_num {padding-left:1px;}
.detail_option .option_fixed_wrap .option_scroll_in .option_num:last-child {border-bottom:0;}
.detail_option .option_fixed_wrap .total_all_box {padding-bottom:10px;}

/* 구독 정보*/
.purchasing_time .btn_box_flex{}
.purchasing_time .btn_box_flex button {width:100%}
.purchasing_time .btn_box_flex button.active{font-weight:700;border:1px solid var(--c_dark);}

.purchasing_time input[type="radio"] {display: none;}
.purchasing_time .btn_box_flex label {display: inline-block;width: 100%;text-align: center;cursor: pointer;border: 1px solid #ccc;padding: 10px; transition: all 0.2s;}
.purchasing_time input[type="radio"]:checked + label {font-weight: 700; border-color:#FFF;color:#FFF;background-color:#FE5653;}

.delivery_btn{flex-wrap: wrap;gap:3px;}
.delivery_btn input[type="radio"] {display: none;}
.delivery_btn label {display: inline-block;text-align: center;cursor: pointer;border: 1px solid #ccc;padding: 10px;transition: all 0.2s;width: calc((100% / 3) - 3px);}
.delivery_btn label:nth-of-type(3n) {width: calc(100% / 3);}
.delivery_btn input[type="radio"]:checked + label {font-weight: 700; border-color:#FFF;color:#FFF;background-color:#FE5653;}
/*구매하기 하단  옵션값 구독서비스 컨텐츠 추가 */
.dot_txt{position:relative;color:var(--c_gray);font-size:13px;padding-left:8px;margin-top:8px;}
.dot_txt:after{content:'';width:1px;height:1px;background-color:var(--c_gray);border-radius:5px;position:absolute;top:50%;left:3px}
.opt_calendar .ui-datepicker-calendar th:first-child span, 
.opt_calendar .ui-datepicker-calendar td:nth-child(7n+1) a,
.opt_calendar .ui-datepicker-calendar .special-date a,
.opt_calendar .ui-datepicker-calendar th:last-child span, 
.opt_calendar .ui-datepicker-calendar td:nth-child(7n) a { color: var(--c_dark);font-size:13px}
.opt_calendar .ui-datepicker-calendar{width:100%;}
.opt_calendar .ui-datepicker-calendar th ,.opt_calendar .ui-datepicker-calendar td{width:calc(100% / 7);height:45px;}
.opt_calendar .ui-datepicker-calendar tbody td a{font-size:13px;color: var(--c_dark);width:30px;height:30px;border-radius:30px;line-height:30px;}
.opt_calendar .ui-datepicker-calendar tbody td a.ui-state-active{background-color:var(--c_black);color:var(--c_white);text-align:center;}
.opt_calendar .ui-datepicker-title{display:flex; font-weight: 700; font-size: 16px;justify-content: center;}
.opt_calendar .ui-datepicker-prev,.opt_calendar .ui-datepicker-next{background:url(/contents/module/images/ic_active_arr.svg) 0 0 no-repeat;font-size:0;display:block;width:15px;height:15px;transform: rotate(-180deg);}
.opt_calendar .ui-datepicker-prev.ui-state-disabled,.opt_calendar .ui-datepicker-next.ui-state-disabled{background:url(/contents/module/images/ic_disable_arr.svg) 0 0 no-repeat;transform: rotate(0);}
.opt_calendar .ui-datepicker-prev span,.opt_calendar .ui-datepicker-next span{display:none;}
.detail_option .option_box.opt_calendar{margin-top:20px}
.detail_option .option_box.opt_calendar .title{margin-bottom:0;}
.opt_calendar .ui-datepicker-next{transform: rotate(0);}
.opt_calendar .ui-datepicker-next.ui-state-disabled{transform: rotate(180deg);}
.opt_calendar .ui-datepicker-header{position: relative; display: flex;align-items: center;justify-content: center;gap:14px;margin-top:20px; }
.opt_calendar .ui-datepicker-prev{order:1}
.opt_calendar .ui-datepicker-title{order:2}
.opt_calendar .ui-datepicker-next{order:3}

/*상세 : 상품정보*/
.detail_info {padding: 20px 15px;border-bottom: 8px solid var( --c_l_gray2);}
.detail_info.type_1 dl {margin-bottom:5px; display:table; table-layout:fixed;}
.detail_info.type_1 dl dt {display:table-cell; width:80px; padding-right:10px; color:#888; word-break:break-word;}
.detail_info.type_1 dl dd {display:table-cell; color:#444; word-break:break-word;}
.detail_info.type_2 dl {margin-bottom:15px; display:table;}
.detail_info.type_2 dt {display:table-cell; width:100px; font-size:14px; color:#6D6D6D;}
.detail_info.type_2 dt img {margin-right:10px;}
.detail_info.type_2 dd p {position:relative; color:#999; padding-left:9px; line-height:1.6;}
.detail_info.type_2 dd p:before {content:"·"; position:absolute; left:0; top:0;}
.detail_info.type_2 dd p a {color:#999; text-decoration:underline;}
.detail_info.type_2 dd p .red{color:#FE5653}
.detail_info.type_2 .noti {display:block;}
.detail_info.type_2 .noti dt {display:block; margin-bottom:10px;}
.detail_info.type_2 .noti dd {display:block;}
.detail_info.type_2 .noti dd img {width:var(--w_full);}
.detail_info.type_2 .noti dd p {padding:0; position:inherit; line-height:inherit;}
.detail_info.type_2 .noti dd p:before {display:none;}
.detail_info.type_3 dl {margin-bottom:20px;}
.detail_info.type_3 dt {margin-bottom:10px; border-bottom:1px solid #c7c6db;}
.detail_info.type_3 dt span {display:inline-block; margin-bottom:-1px; padding-bottom:10px; font-size:15px; font-weight:var(--f_bold); border-bottom:1px solid var(--c_dark);}
.detail_info.type_3 dd {font-size:14px; color:var(--c_dark2);}
.detail_info.type_3 dd img {width:var(--w_full);}
.detail_info dl:last-child {margin-bottom:0;}

/*상세 : 탭메뉴*/
.detail_tabmenu {margin-top:20px;}
.detail_tabmenu ul {display:table; width:var(--w_full); padding:0 15px; table-layout:fixed; border-bottom:1px solid var(--c_l_gray);}
.detail_tabmenu li {display:table-cell; position:relative;}
.detail_tabmenu li a {display:block; text-align:var(--a_center); padding:4px 0 10px; font-size:14px; color:var(--c_gray);}
.detail_tabmenu li.on:after {content:""; position:absolute; left:0; bottom:-1px; width:var(--w_full); height:2px; background:var(--c_dark);}
.detail_tabmenu li.on a {font-weight:var(--f_bold); color:var(--c_black);}

/*상세 : 상세이미지*/
.detail_content {padding:20px 15px; border-bottom:8px solid var(--c_lg_gray);}
.detail_content .youtube {position:relative; margin-bottom:20px; padding-bottom:56.25%;	padding-top:30px; height:0;	overflow:hidden;}
.detail_content .youtube iframe,
.detail_content .youtube object,
.detail_content .youtube embed {position:absolute; top:0; left:0; width:var(--w_full); height:var(--w_full);}
.detail_content .content {max-height:410px; overflow-y:hidden;}
.detail_content .content img {width:var(--w_full);}
.detail_content .more_btn {height:50px; font-size:14px;}
.detail_content .more_btn img {width:15px; vertical-align:middle; margin:-2px 0 0 5px;}
.detail_content .content.show {max-height:fit-content; overflow-y:visible;}
.detail_content .more_btn.show img {transform:rotate(180deg);}
.detail_content .caution_txt {margin:30px 0; width:100%; padding:20px 10px 20px 30px; background:#fff8f8 url(/contents/module/images/ic_tip.svg)no-repeat 10px 22px; font-size:12px; box-sizing:border-box;}
.detail_content .caution_txt b, .detail_content .caution_txt em {font-size:12px;}


/*상세 : 구매후기*/
.review_content {padding:20px 15px; }
.review_content .review_list {margin:0; margin-top:20px; padding:0;}
.review_content .review_list .starpoint_box, 
.review_content .review_list .star_score {margin-top:0;}
.review_content .review_conbox {padding:20px 0;}
.review_content .review_conbox:first-child {padding-top:0;}
.review_content .review_conbox:last-of-type {border-bottom:1px solid var(--c_l_gray);}
.review_content .review_thumb {display:flex; gap:9px; width:var(--w_full); margin-top:10px;}
.review_content .review_thumb p {position:relative; width:calc((100% - 18px) / 3); cursor:pointer;}
.review_content .review_thumb p:after {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); border:1px solid rgba(0,0,0,.1);}
.review_content .review_thumb p img {width:var(--w_full);}
.review_content .pdt_options {margin:-5px 0 15px;}
.review_content .pdt_option {color:var(--c_dark2); width:var(--w_full); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;display:block;font-size:14px; margin-top:15px;}
.review_content .more_btn {height:50px; font-size:14px; margin-top:20px;}
.review_content .more_btn img {width:15px; vertical-align:middle; margin:-2px 0 0 5px;}
.review_content .nodata {text-align:var(--a_center); font-size:14px; margin:40px 0;}
.review_content .info_txt{margin:0 0 20px;}
.review_content .review_conbox .review_txt {max-height:none; -webkit-line-clamp:none;}
.review_content .paging {margin-top:0px;}
.more_btn_wrap {padding:0 5%; margin-bottom:30px;}
.more_btn_wrap img {vertical-align:middle;}
.scrore_box{ display: flex; justify-content:space-around; padding: 17px 25px; background: #F5F8F9; border-radius:6px; align-items: center;text-align:center;position:relative}
.scrore_box:before{content:'';position:absolute;height:110px;width:1px;left:30%;top:25px;border-right:1px solid var(--c_l_gray);transform:translateX(-50%)}
.scrore_box .score_txt { color: var( --c_black);font-size:30px;font-weight:var(--f_bold)}
.btn_option{border:1px solid var( --c_gray3)}
#opt_toast {display:none;position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);background-color:var(--c_white);color:#222;
            padding: 10px 20px;border-radius: 5px;z-index: 1000;opacity: 0;transition: opacity 0.5s ease, transform 0.5s ease; 
            width:100%; text-align:center; max-width: 750px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15)}
#opt_toast.show {display: block;opacity: 1;transform: translateX(-50%) translateY(0);}
#opt_toast.hide {opacity: 0;transform: translateX(-50%) translateY(50px);}
#opt_toast dl.br_bottom {border-bottom:1px solid #E7E9EC;margin-bottom:15px;}
#opt_toast dl{text-align:left;}
#opt_toast dl dt{font-size:16px;color:var(--c_black);margin-bottom:14px;}
#opt_toast dl dd{display:block;font-size:14px;margin-bottom:12px;}
#opt_toast .btn_area{width:100%; display:flex;gap:10px;margin-top:20px;}
#opt_toast .btn_area .btn_white{width:35%; border-radius:6px;}
#opt_toast .btn_area .btn_black{width:65%;border-radius:6px;}
.rating_bar {margin-bottom: 10px;width:60%;}
.rating_label {display: inline-block; color:var(--c_gray2);font-weight:var(--f_medium);width:32px;}
.rating_label.on{color:var( --c_red)}
.progress_con {display: flex;align-items: center;margin: 5px 0;}
.progress_bar {height:6px;border-radius: 10px;background-color: var(--c_l_gray);position: relative;flex-grow: 1;margin-left: 10px;}
.progress_bar span {display: block;height: 100%;border-radius: 10px;color: white;text-align: center;line-height:6px;font-size: 12px; background-color:var( --c_red);font-size:0;}

.photo_rebox{padding:20px 0;position:relative;margin:20px 0;border-bottom:1px solid  #E5E5E5; }
.photo_rebox:before{content:'';border-top:8px solid #f8f8f8;width:calc(100% + 30px);height:8px;display:block;position:absolute;top:0;left:-15px;}
.photo_rebox .photo_txt{font-size:16px;margin-bottom:10px;display:block;font-weight:500}
.photo_wrap {overflow: hidden;position: relative;width: 100%;}
.photo_wrap ul {display: flex;flex-wrap: nowrap;list-style: none;transition: width 0.3s ease;  cursor: grab;}
.photo_wrap ul li {flex: 0 0 auto; width: calc((100% / 5) - 10px); margin-right: 10px; position:relative}
.photo_wrap ul li img {width: 100%; height: auto; }
.photo_wrap ul li:nth-child(10):before{content:'';background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;}
.photo_wrap ul li:nth-child(10):after { content: '+더보기'; font-size: 15px;  color: var(--c_white);  position: absolute;  left: 50%;  top: 50%;    transform: translate(-50%,-50%);}
.photo_wrap .btn_more {cursor: pointer;}
.photo_wrap {overflow-x: auto; white-space: nowrap; }
.photo_slide {-webkit-overflow-scrolling: touch; overflow-x:auto;}
.photo_slide ul {width:fit-content; display:inline-flex; gap:10px;}
.photo_slide li .dp_flex {align-items:start; width:250px; height:83px; padding:12px; gap:10px; border:1px solid #E7E9EC; background:#F8F8F8;}
.photo_slide li .img {flex-shrink:0; width:60px; height:auto; aspect-ratio:1/1;}
.photo_slide li .img img {width:100%;}
.photo_slide li .starpoint_box, .photo_slide li .star_score {margin:0;}
.photo_slide li .star_score {margin-left:10px; color:var(--c_dark2);}
.photo_slide li .review_txt {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; color:var(--c_dark2);}
.photo_slide li .btn_more {display:flex; align-items:var(--a_center); justify-content:var(--a_center); flex-direction:column; gap:9px; width:83px; height:auto; aspect-ratio:1/1;color:var(--c_dark2);border:1px solid #E7E9EC; background:#F8F8F8;}

.guide_txt{text-align:center;color:var(--c_dark2);margin-bottom:15px;}

.like_txt{color:var(--c_dark2); font-size:13px;}
.btn_relike {min-width: 57px;height: 30px;border: 0;font-size: 13px;transition: all 0.2s ease-in-out;cursor: pointer;border-radius: 6px;border: 1px solid var( --c_gray3);}
.btn_relike em{width:30px;height:30px;display:inline-block; background:url(/contents/module/images/ic_review3.svg) 0 3px no-repeat;}
.btn_relike .like_count {transition: all 0.2s ease-in-out; color:var(--c_gray); position: relative; top: -10px;left:-4px;}
.btn_relike.active em{ background:url(/contents/module/images/ic_review3_on.svg) 3px 5px no-repeat;}
.btn_relike:active {transform: scale(1.4);}
.btn_relike.active{border-color:var(--c_red)}
.btn_relike.active .like_count {color:var(--c_black)}
.review_filter{display:flex;align-items: center; justify-content: space-between; position:relative;padding:20px 0 ;margin:20px 0 12px;}
.review_filter:before{content: '';border-top: 8px solid #f8f8f8;width: calc(100% + 30px);height: 8px;display: block;position: absolute;top: 0;left: -15px;}
.review_filter span {font-size:14px;color:var(--c_black);font-weight:500;}
.review_filter span em{color:var(--c_red)}
/*상세 : 상품문의*/
.qna_content { padding: 20px 15px;}
.qna_content .review_conbox {padding:20px 0; margin:0 !important;}
.qna_content .review_conbox:first-child {padding-top:20px;}
.qna_content .review_conbox:last-of-type {border-bottom:1px solid var(--c_l_gray);}
.qna_content .review_conbox .reviewer_info {margin:10px 0;}
.qna_content .review_conbox .seller_txt {display:none;}
.qna_content .review_conbox .qna_y_btn {width:80px; height:25px; border:1px solid var(--c_dark); text-align:var(--a_center); font-size:12px; font-weight:var(--f_medium);}
.qna_content .review_conbox .qna_y_btn img {width:12px; vertical-align:middle; margin:-2px 0 0 8px; transition:all .2s;}
.qna_content .review_conbox .qna_y_btn.on img {transform:rotate(180deg);}
.qna_content .review_conbox .qna_n_btn {width:80px; height:25px; color:#aaa; border:1px solid var(--c_gray3); text-align:var(--a_center); font-size:12px; font-weight:var(--f_medium); background:#f5f8f9;}
.qna_content .review_conbox.secret .review_txt {position:relative; padding-left:23px; color:#aaa;}
.qna_content .review_conbox.secret .review_txt:before {content:""; position:absolute; left:0; top:0; width:18px; height:18px; background:url(/contents/module/images/ic_secrete.svg)no-repeat 0 0;}
.qna_content .review_conbox.secret .reviewer_info {margin-bottom:0;}
.qna_content .go_btn, .qna_content .more_btn {height:50px; font-size:14px;}
.qna_content .more_btn {margin-top:20px;}
.qna_content .more_btn img {width:15px; vertical-align:middle; margin:-2px 0 0 5px;}
.qna_content .nodata {text-align:var(--a_center); font-size:14px; margin:60px 0;}
.qna_content .board .nodata {border-bottom:0; padding:0;}

/*공유링크 팝업*/
.pop_share {display:none;}
.pop_share .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.pop_share .content {position:absolute; left:50%; margin-left:-172.5px; width:345px; padding:0 15px 40px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.pop_share .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid var(--c_dark);}
.pop_share .title_box .title {line-height:50px; font-size:16px; font-weight:var(--f_bold);}
.pop_share .title_box .btn_close {margin-right:-15px;}
.pop_share .con {padding:0 30px;}
.pop_share .con ul {display:flex; justify-content:var(--a_center); flex-wrap:wrap;}
.pop_share .con li {width:33.33%; text-align:var(--a_center); margin-top:40px;}
.pop_share .con li label {display:block; margin-top:7px;}
.pop_share .con li img {width: 50px;}

/*장바구니 팝업*/
.pop_cart {display:none;}
.pop_cart .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.pop_cart .content {position:absolute; left:50%; margin-left:-172.5px; width:345px; padding:0 15px 40px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.pop_cart .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid var(--c_dark);}
.pop_cart .title_box .title {line-height:50px; font-size:16px; font-weight:var(--f_bold);}
.pop_cart .title_box .btn_close {margin-right:-15px;}
.pop_cart .con {padding-top:65px; text-align:var(--a_center); font-size:16px;}
.pop_cart .con em {font-size:16px; font-weight:var(--f_medium); display:block;}
.pop_cart .con img {display:inline-block; margin-bottom:18px;}
.pop_cart .con .complete_btn {margin-top:70px; display:flex; gap:5px;}
.pop_cart .con .complete_btn button {flex-grow:1;}

/*구간별 배송비 금액 팝업*/
.pop_discount {display:none;}
.pop_discount .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.pop_discount .content {position:absolute; left:50%; margin-left:-172.5px; width:345px; padding:0 15px 40px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.pop_discount .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid var(--c_dark);}
.pop_discount .title_box .title {line-height:50px; font-size:16px; font-weight:var(--f_bold);}
.pop_discount .title_box .btn_close {margin-right:-15px;}
.pop_discount .pdt_tit {padding:15px 0; font-size:14px; font-weight:var(--f_medium);}
.pop_discount table {width:var(--w_full);}
.pop_discount table th {background:var(--c_l_gray2); height:36px; font-size:14px; font-weight:var(--f_medium); padding:0 15px; border:1px solid var(--c_l_gray);}
.pop_discount table th:first-child {border-left:0;}
.pop_discount table th:last-child {border-right:0;}
.pop_discount table td {font-size:14px; font-weight:var(--f_medium); color:var(--c_dark2); padding:8px 15px; border:1px solid var(--c_l_gray);}
.pop_discount table td:first-child {border-left:0;}
.pop_discount table td:last-child {border-right:0; text-align:var(--a_center);}

/*무이자혜택 팝업*/
.pop_card_discount {display:none;}
.pop_card_discount .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.pop_card_discount .content {top:10px; position:absolute; left:50%; margin-left:-250px; width:500px; padding:0 15px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.pop_card_discount .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid var(--c_dark);}
.pop_card_discount .title_box .title {line-height:50px; font-size:16px; font-weight:var(--f_bold);}
.pop_card_discount .title_box .btn_close {margin-right:-15px;}
.pop_card_discount .con {padding-top:15px; overflow-y:auto; height:75vh;}
.pop_card_discount .con img {width:var(--w_full);}

/*결제수단 이벤트 팝업*/
.pop_pay_event {display:none;}
.pop_pay_event .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.pop_pay_event .content {position:absolute; left:50%; margin-left:-250px; width:500px; padding:0 15px 40px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.pop_pay_event .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid var(--c_dark);}
.pop_pay_event .title_box .title {line-height:50px; font-size:16px; font-weight:var(--f_bold);}
.pop_pay_event .title_box .btn_close {margin-right:-15px;}
.pop_pay_event .con {padding-top:10px; overflow-y:auto; max-height:75vh;}
.pop_pay_event .con img {width:var(--w_full);}
.pop_pay_event .con p {margin-top:10px; font-size:13px; font-weight:var(--f_light); color:var(--c_dark2);}
.pop_pay_event .complete_btn {margin-top:20px; text-align:center;}
.pop_pay_event .complete_btn button {width:115px;}

/*쿠폰 팝업*/
.pop_coupon {display:none; position:fixed; top:0; max-width:750px; width:var(--w_full); height:var(--w_full); margin:0 auto; background:var(--c_white); overflow-y:auto; z-index:3;}
.pop_coupon .hea {position:fixed; max-width:750px; top:0; width:var(--w_full); height:65px; border-bottom:1px solid #e5e5e5; background:var(--c_white); z-index:1;}
.pop_coupon .inn {display:flex; height:65px; justify-content:space-between; align-items:var(--a_center);}
.pop_coupon .inn > button {width:65px; height:65px;}
.pop_coupon .page_name {font-size:18px; font-weight:500; text-align:var(--a_center);}
.pop_coupon .cp_box_wrap {padding-top:65px;}
.pop_coupon .cbox label {font-size:16px; font-weight:var(--f_medium);}
.pop_coupon .txt {padding-left:25px;}
.pop_coupon .coupon_list li:last-child {border-bottom:1px solid var(--c_l_gray);}
.pop_coupon .complete_btn {margin:30px 0 70px; padding:0 15px;}

/*달력 팝업*/
.calendar_wrap {display:none; position:fixed; bottom:0; right:0; left:0; z-index:71; max-width:750px; width:var(--w_full); margin:0 auto;}
.calendar_wrap .dim_bg {position:fixed; top:0; max-width:750px; width:var(--w_full); height:var(--w_full); margin:0 auto; background:#000; opacity:0.75;}
.calendar_wrap .calendar_area {background:var(--c_white); position:fixed; left:0; bottom:-100%; right:0; max-width:750px; width:var(--w_full); margin:0 auto; transition:all .2s;}
.calendar_wrap .calendar_btn {display:flex; height:52px; border-top:1px solid #dfdfdf;}
.calendar_wrap .calendar_btn button {width:50%; font-size:16px; color:var(--c_gray); font-weight:var(--f_medium);}
.calendar_wrap .calendar_btn button:last-child {font-weight:var(--f_bold); color:var(--c_white); background:var(--c_dark); border-left:1px solid #dfdfdf;}
.calendar_wrap .cal_tit {display:flex; justify-content:center; align-items:center; gap:20px; margin:18px 0 26px;}
.calendar_wrap .yyyy_mm {font-size:18px; font-weight:bold; line-height:1;}
.calendar_wrap .date_prev {font-size:0; cursor:pointer; display:block; width:20px; height:20px; border:0; background:url(/contents/module/images/ic_arr_left_gray.svg)no-repeat 100% 50%;}
.calendar_wrap .date_next {font-size:0; cursor:pointer; display:block; width:20px; height:20px; border:0; background:url(/contents/module/images/ic_arr_right_gray.svg)no-repeat 0 50%;}
.calendar-days {width:100%; display:grid; grid-template-columns:repeat(7, 1fr); gap:5px;}
.calendar-day-header {padding-bottom:8px; font-size:14px; text-align:var(--a_center);}
.calendar-day {height:60px; font-size:14px; text-align:center; padding:5px 0;}
.calendar-day a, .calendar-day span {display:inline-block; width:30px; height:30px; padding:0; background:var(--c_white); text-align:var(--a_center); line-height:30px; font-size:14px; color:var(--c_dark2);}
.calendar-day.cal_select {background:#fdf1f1;}
.calendar-day a.cal_active {background:var(--c_red); color:var(--c_white) !important; font-weight:var(--f_bold);}
.calendar-day a.cal_range {background:#fdf1f1; color:var(--c_black);}
.calendar-day-header:first-child, .calendar-day:nth-child(7n+1), .calendar-day:nth-child(7n+1) a, .holiday a {color:var(--c_red);}
.calendar-day-header:last-child, .calendar-day:nth-child(7n), .calendar-day:nth-child(7n) a {color:var(--c_skyblue);}
.prev-month-day span, .next-month-day span, .prev-month-day p, .next-month-day p {color:var(--c_gray3) !important;}
.ui-tooltip {border: solid 1px;color: black;background-color: white;padding: 10px 20px;position: relative;width: 100px;z-index: 10000;}
.ui-helper-hidden-accessible {display:none;}

/*알림받기 팝업*/
.pop_alarm {display:none;}
.pop_alarm .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.pop_alarm .content {position:absolute; left:50%; margin-left:-172.5px; width:345px; padding:0 15px 40px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.pop_alarm .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid var(--c_dark);}
.pop_alarm .title_box .title {line-height:50px; font-size:16px; font-weight:var(--f_bold);}
.pop_alarm .title_box .btn_close {margin-right:-15px;}
.pop_alarm .con {padding-top:15px; overflow-y:auto; max-height:75vh; color:var(--c_dark2);}
.pop_alarm .con.off {display:none;}
.pop_alarm .con b {display:block; margin-bottom:13px; font-size:14px; font-weight:var(--f_medium); color:var(--c_black);}
.pop_alarm .con .complete_btn {display:flex; gap:5px; margin-top:20px;}
.pop_alarm .con .complete_btn button {width:calc((100% - 5px)/2); font-weight: var(--f_medium);}

/*게시판 상단롤링*/
.borad_topbar {width:var(--w_full); height:40px; padding:0 15px; background:var(--c_lg_gray); overflow:hidden;}
.borad_topbar li a {height:40px; display:flex; justify-content:space-between; gap:33px; align-items:center; background:url(/contents/module/images/ic_notice.svg)no-repeat 0 50%;}
.borad_topbar li .title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:var(--f_bold); padding-left:30px;}
.borad_topbar li .date {color:#aaafb5;}

/*게시판타이틀*/
.board_title {margin:30px 0 40px;}
.board_title .search {display:flex; justify-content:var(--a_center); gap:8px;}
.board_title .search input {width:250px;}
.board_title .search button {width:56px;}
.board_title .sorting {display:flex; justify-content:var(--a_center); gap:8px;} 
.board_title .sorting button {padding:0 15px; height:40px; line-height:38px; border:1px solid var(--c_gray3); font-size:14px; color:var(--c_dark2);}
.board_title .sorting button.on {color:var(--c_white); background:var(--c_dark); font-weight:var(--f_medium); border-color:var(--c_dark);}
.board_title .period_btn {display:flex; justify-content:var(--a_center); gap:8px;}
.board_title .period_btn button {width:80px; height:34px; border:1px solid var(--c_gray3); background:var(--c_white); font-size:12px; color:var(--c_dark2); text-align:var(--a_center);}
.board_title .period_btn button.on {background:var(--c_dark); border:0; color:var(--c_white); font-weight:var(--f_medium);}
.board_title .period_ipt {margin:12px 0; display:flex; justify-content:var(--a_center); align-items:var(--a_center); gap:15px; font-size:14px; color:var(--c_gray);}
.board_title .period_ipt input {width:180px; height:38px; padding-left:10px; border:1px solid var(--c_gray3); background:url(/contents/module/images/ic_calendar.svg)no-repeat 100% 50%; cursor:pointer;}
.board_title .btn_search {width:398px; height:40px; font-size:16px; *margin:0 auto; font-weight:var(--f_bold); color:var(--c_white); background:var(--c_dark);}
.board_title .btn_search img {vertical-align:middle; margin-left:6px;}

/*공지사항*/
.board .board_th {display:flex; height:46px; border-top:1px solid var(--c_gray); border-bottom:1px solid #eee; background:var(--c_l_gray2);}
.board .board_th p {font-size:14px; text-align:var(--a_center); line-height:46px;}
.board .board_th .num {width:75px;}
.board .board_th .title {flex-grow:1;}
.board .inn {padding:0 15px;}
.board .board_nodata {font-size:16px; padding:40px 0; border-bottom:1px solid var(--c_l_gray); text-align:var(--a_center);}
.board .board_tr a {display:flex; border-bottom:1px solid #eee; align-items:var(--a_center); padding:20px 10px 20px 0;}
.board .board_tr:last-child a {border-bottom:0;}
.board .board_tr .num {flex-shrink:0; width:60px; text-align:var(--a_center); font-size:16px;}
.board .board_tr .txt_box {flex-grow:1;}
.board .board_tr .title {font-size:16px; font-weight:var(--f_medium); overflow:hidden; text-overflow:ellipsis; display:-webkit-inline-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word;}
.board .board_tr.pin .title {color:#ff7448;}
.board .board_tr .date {margin-top:6px; color:var(--c_gray);}

.board.faq .board_th {display:block; overflow:hidden; overflow-x: auto;}
.board.faq .board_th::-webkit-scrollbar{height:4px; cursor:pointer;}
.board.faq .board_th::-webkit-scrollbar-thumb {background-clip:padding-box; border-radius:6px; background:rgba(0,0,0,.1);}
.board.faq .board_th .scroll {width: fit-content; display: inline-flex;}
.board.faq .board_th p.on:after {bottom: 2px;}

/*공지사항 상세*/
.board_view {margin-top:30px; padding:0 15px;}
.board_view .title_box {padding-bottom:16px; border-bottom:1px solid var(--c_dark);}
.board_view .title_box .title {margin-bottom:4px; font-size:16px; font-weight:var(--f_medium);}
.board_view .title_box .date {color:var(--c_gray);}
.board_view .content {margin-bottom:30px; padding:25px 16px 30px; border-bottom:1px solid var(--c_l_gray); background:var(--c_l_gray2);}
.board_view .content img {max-width:var(--w_full);}
.board_view .complete_btn {text-align:right;}
.board_view .complete_btn button {width:56px;}

/*이벤트*/
.event_list {border-top:1px solid var(--c_dark); padding:24px 15px 0;}
.event_list li {margin-bottom:30px; width:var(--w_full);}
.event_list .title {margin-bottom:12px; font-size:16px; font-weight:var(--f_medium); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word;}
.event_list .img {position:relative;}
.event_list .img img {width:var(--w_full);}
.event_list li.end .img:before {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); background:rgba(0,0,0,.55);}
.event_list li.end .img:after {content:"이벤트 종료"; position:absolute; left:50%; top:50%; margin:-14px 0 0 -45px; font-size:15px; font-weight:var(--f_bold); color:var(--c_white); width:90px; height:28px; line-height:26px; text-align:var(--a_center); border:1px solid var(--c_white);}

/*FAQ*/
.board.faq .board_th {display:block; padding:0 15px;}
.board.faq .board_th p {position:relative; display:inline-block; padding:0 15px; cursor:pointer; white-space:nowrap;}
.board.faq .board_th p.on {font-weight:var(--f_bold);}
.board.faq .board_th p.on:after {content:""; position:absolute; left:0; bottom:1px; width:var(--w_full); height:1px; background:var(--c_black);}
.board.faq .board_th p.slick-active {font-weight:var(--f_bold);}
.board.faq .board_th p.slick-active:after {content:""; position:absolute; left:0; bottom:1px; width:var(--w_full); height:1px; background:var(--c_black);}
.board.faq .board_th p.slick-cloned {display: none !important;}
.board.faq .board_tr {border-bottom:1px solid var(--c_l_gray);}
.board.faq .board_tr .faq_q_box {padding:20px 0 20px 48px; position:relative; display:flex; justify-content:space-between; align-items:var(--a_center); gap:16px; width:var(--w_full);}
.board.faq .board_tr .faq_q_box:before {content:""; position:absolute; top:50%; left:7px; transform:translateY(-50%); width:30px; height:30px; background:url(/contents/module/images/ic_q.svg)no-repeat 0 0;}
.board.faq .board_tr .faq_q_box .faq_q {font-size:16px; font-weight:var(--f_medium); word-break: break-word;}
.board.faq .board_tr .faq_q_box .btn_view img {width:20px; margin-right:5px;}
.board.faq .board_tr .faq_q_box .btn_view.on img {transform:rotate(180deg);}
.board.faq .board_tr .faq_a_box {display:none; position:relative; padding:20px 40px 24px 48px; background:var(--c_l_gray2); font-size:16px; color:#636363;}
.board.faq .board_tr .faq_a_box:before {content:""; position:absolute; top:20px; left:7px; width:30px; height:30px; background:url(/contents/module/images/ic_a.svg)no-repeat 0 0; }
.board.faq .board_tr .faq_a_box img {margin-bottom:16px; display:block; max-width:var(--w_full);}

/*주문내역*/
.order_list {padding:0 15px;}
.order_list .title_box {position:relative; text-align:var(--a_center);  padding-bottom:14px; border-bottom:2px solid var(--c_dark);}
.mypage_subscribe .order_list .title_box{padding-bottom:0;}
.order_list .title_box h2 {font-size:16px; font-weight:var(--f_bold);}
.order_list .title_box button {position:absolute; right:0; bottom:10px; border:1px solid var(--c_gray3); padding:0 6px; height:26px; line-height:20px; font-size:13px; font-weight:var(--f_medium);}
.order_list .order_list_nodata {padding:40px 0; font-size:14px; text-align:var(--a_center);}
.order_list .order_wrap {border:1px solid var(--c_lg_gray); margin-bottom:24px;}
.order_list .order_wrap .top {display:flex; margin-bottom:12px; padding:10px; height:44px; justify-content:space-between; align-items:var(--a_center); background:var(--c_l_gray3);}
.order_list .order_wrap .top > div {font-size:16px;}
.order_list .order_box {margin-bottom:24px; padding:0 10px;}
.order_list .order_box:last-child {margin-bottom:12px;}
.order_list .status {margin-bottom:10px; font-size:14px; font-weight:var(--f_bold);}
.order_list .status.c_red {color:var(--c_red);}
.order_list .status.c_green {color:#12bf46;}
.order_list .status .c_red {color:var(--c_red); margin-left:3px; font-size:14px;}
.order_list .pdt_box {display:flex; gap:10px; margin-bottom:16px;}
.order_list .pdt_box .img_box {flex-shrink:0; width:72px; height:72px; aspect-ratio:1/1; overflow:hidden; position:relative;}
.order_list .pdt_box .img_box .data_link:after,.order_list .pdt_box .img_box a:after {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); background:rgba(0,0,0,.03);}
.order_list .pdt_box .img_box img {width:var(--w_full);}
.order_list .pdt_box .pdt_info {flex-grow:1; width:calc(100% - 82px); position:relative;}
.order_list .pdt_box .pdt_info .pdt_name {margin-bottom:5px; overflow:hidden; width:var(--w_full); font-size:14px; font-weight:var(--f_medium); text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word;}
.order_list .pdt_box .pdt_info .pdt_option {margin-bottom:5px; width:var(--w_full); color:#888; word-break: break-all;}
.order_list .pdt_box .pdt_info .pdt_option strong{word-wrap:break-word;}
.order_list .pdt_box .pdt_info .pdt_price {font-size:16px;}
.order_list .pdt_box .pdt_info .pdt_price em {font-size:16px; font-weight:var(--f_bold);}
.mypage_subscribe .order_list  .order_box.sub_box {padding:12px 10px}
/*.order_list .btn_pdt_qna {position:absolute; right:0; bottom:0; border:1px solid var(--c_gray3); padding:0 6px; height:24px; line-height:18px; font-size:13px; font-weight:var(--f_medium);}*/
.order_list .btn_box {display:flex; flex-wrap:wrap; gap:5px;}
.order_list .btn_box button {flex-grow:1; flex:1 1 40%;}
.order_list > button {width:var(--w_full); font-weight:var(--f_bold); margin-bottom:30px;}
.order_list > button img {margin-top:2px;}

/*주문내역 상세*/
.order_detail .order_list {padding:20px 15px; background:#F4F4F4;}
.order_detail .order_list .flex {display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.order_detail .order_list .flex .order_num {font-size:14px; font-weight:var(--f_bold);}
.order_detail .order_list .flex .order_date {color:#636363;}
.order_detail .order_wrap {margin-bottom:20px; background:var(--c_white);}
.order_detail .order_wrap .shop_name {font-size:14px; color:#000; font-weight:var(--f_medium);}
.order_detail .od_box {padding:24px 15px; border-top:8px solid #e7e9ec;}
.order_detail .od_box.br_t0 {border:0;}
.order_detail .od_box .od_title {margin-bottom:14px; font-size:15px; font-weight:var(--f_bold); border-bottom:1px solid var(--c_l_gray);}
.order_detail .od_box .od_title span {margin-bottom:-1px; display:inline-block; padding:0 3px 7px 0; border-bottom:1px solid var(--c_dark);}
.order_detail .od_box .od_info dl {display:flex; margin-bottom:5px;}
.order_detail .od_box .od_info dl:last-child {margin-bottom:0;}
.order_detail .od_box .w_full {margin-top:24px;}
.order_detail .od_info.line_gray {padding-bottom:12px; margin-bottom:12px;}
.order_detail .od_info dt {flex-shrink:0; width:120px; font-size:14px; color:var(--c_dark2);}
.order_detail .od_info dd {flex-grow:1; font-size:14px; line-height:1.7;}

/*정보 텍스트*/
.info_list_wrap {padding:0 15px;}
.info_list_wrap ul {margin:6px 0 12px;}
.info_list_wrap li {color:var(--c_dark2);}
.info_list_wrap .info_box {padding:10px; border-top:1px solid var(--c_dark2); background: var(--c_l_gray2); color:var(--c_dark2); font-weight:var(--f_light);}

/*주문취소,반품요청,교환요청 팝업*/
.cancle_popup {display:none;}
.cancle_popup .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.cancle_popup .content {position:absolute; left:50%; margin-left:-250px; width:500px; max-height:85vh; overflow-y:auto; padding:0 15px 40px 15px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.cancle_popup h3 {padding:12px 0; font-size:16px; font-weight:var(--f_bold); border-bottom:1px solid var(--c_black);}
.cancle_popup .order_detail_top {display:flex; justify-content:space-between; height:40px; margin-bottom:16px; align-items:var(--a_center); border-bottom:1px solid var(--c_l_gray);}
.cancle_popup .order_detail_top .num {font-size:14px;}
.cancle_popup .order_list {padding:0; margin-bottom:16px;}
.cancle_popup .order_list .order_box {padding:0;}
.cancle_popup .refund_area {padding-top:16px; border-top:1px solid var(--c_l_gray);}
.cancle_popup .refund_area .title {margin-bottom:16px; font-size:14px; font-weight:var(--f_bold);}
.cancle_popup .refund_area dl {display:flex; align-items:var(--a_center); margin-bottom:16px;}
.cancle_popup .refund_area dt {width:85px; font-size:14px;}
.cancle_popup .refund_area dd {flex-grow:1;width:var(--w_full);}
.cancle_popup .refund_area select { font-weight:var(--f_medium); color:var(--c_black);width:var(--w_full); }
.cancle_popup .refund_area input {width:var(--w_full); font-weight:var(--f_medium); color:var(--c_black);}
.cancle_popup textarea {overflow-y:auto; width:var(--w_full); height:110px; padding:12px; font-size:14px; font-weight:var(--f_medium); resize:none; border:1px solid var(--c_l_gray);}
.cancle_popup .agree_area {display:flex; justify-content:space-between; align-items:var(--a_center); margin:20px 0;}
.cancle_popup .agree_area .red {font-size:14px; color:var(--c_red); margin-right:3px;}
.cancle_popup .agree_area button {font-weight:var(--f_medium); color:var(--c_dark2);}
.cancle_popup .agree_area button img {vertical-align:var(--va_middle); margin:-2px 0 0 2px; transform:rotate(90deg);}
.cancle_popup .agree_area button.on img {margin-top:0; transform:rotate(270deg);}
.cancle_popup .complete_btn {display:flex; gap:5px;}
.cancle_popup .complete_btn button {flex-grow:1; width:50%;}
.cancle_popup .option_cancel_scroll .txt {font-size:14px; margin-bottom:18px;}
.cancle_popup .option_cancel_scroll .txt span {font-size:14px; color:var(--c_gray); font-weight:var(--f_normal);}
.cancle_popup .option_cancel_scroll .order_list {max-height:200px; overflow-y:auto;}
.cancle_popup .option_cancel_scroll .all_check_flex {display:flex; justify-content:space-between; align-items:center; margin-bottom:15px;}
.cancle_popup .option_cancel_scroll .all_check_flex > span {color:var(--c_gray);}
.cancle_popup .option_cancel_scroll .all_check_flex > span em {font-weight:var(--f_medium); color:var(--c_dark);}
.cancle_popup .option_cancel_scroll .order_list .pdt_box .pdt_info {width:calc(100% - 117px);}
.cancle_popup .agree_cont {display:none; margin-bottom:20px; color:var(--c_dark2); line-height:1.6;}
.cancle_popup .agree_cont table {margin:5px 0; border:1px solid var(--c_l_gray);}
.cancle_popup .agree_cont table caption {font-size:0;}
.cancle_popup .agree_cont table th {height:33px; background:var(--c_l_gray2); color:var(--c_dark); font-weight:var(--f_regular); border:1px solid var(--c_l_gray); text-align:var(--a_center);}
.cancle_popup .agree_cont table td {padding:7px 14px; font-size:12px; color:var(--c_dark2); font-weight:var(--f_regular); border:1px solid var(--c_l_gray);}
.cancle_popup .refund_fee{margin:20px 0 ;}
.cancle_popup .refund_fee li {display:flex;position:relative;color:#999;font-size:13px;justify-content: space-between;margin-bottom:10px;}
.cancle_popup .refund_fee li:first-child{color:#222;font-size:14px;font-weight:bold;}
.cancle_popup .refund_fee li .tooltip_box{background-color: rgba(0, 0, 0, 0.7);padding: 10px;color: #fff;font-size: 12px;display: none;position: absolute;left: 37%;width: 190px;height: 72px;transform: translateX(-50%);}
.cancle_popup .refund_fee li .price{color:#222;}
.cancle_popup .refund_fee li em{display:inline-block;margin-left:5px;}
.cancle_popup .refund_fee li .tit img{margin: 2px 0 0 6px; cursor:pointer;}

/*배송현황 팝업*/
.delivery_popup {display:none;}
.delivery_popup .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.delivery_popup .content {position:absolute; left:50%; margin-left:-250px; width:500px; padding:30px 15px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.delivery_popup .content .btn_close {position:absolute; right:-14px; top:-50px;}
.delivery_popup .delivery_step {padding-bottom:16px; border-bottom:1px solid var(--c_black);}
.delivery_popup .delivery_step ul {display:table; width:var(--w_full); table-layout:fixed;}
.delivery_popup .delivery_step ul li {display:table-cell; position:relative; text-align:var(--a_center);}
.delivery_popup .delivery_step ul li:after {content:""; position:absolute; right:-7px; top:14px; width:14px; height:14px; background:url(/contents/module/images/ic_arr_right_g.svg)no-repeat 0 0;}
.delivery_popup .delivery_step ul li:last-child:after {display:none;}
.delivery_popup .delivery_step ul li span {display:block; padding-top:52px; font-size:12px; color:var(--c_gray);}
.delivery_popup .delivery_step ul li.on span {font-weight:var(--f_medium); color:var(--c_black);}
.delivery_popup .delivery_step ul li.seller span {background:url(/contents/module/images/ic_delivery_step01.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.seller.on span {background:url(/contents/module/images/ic_delivery_step01_on.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.seller.ac span {background:url(/contents/module/images/ic_delivery_step01_ac.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.move span {background:url(/contents/module/images/ic_delivery_step02.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.move.on span {background:url(/contents/module/images/ic_delivery_step02_on.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.move.ac span {background:url(/contents/module/images/ic_delivery_step02_ac.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.ready span {background:url(/contents/module/images/ic_delivery_step03.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.ready.on span {background:url(/contents/module/images/ic_delivery_step03_on.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.ready.ac span {background:url(/contents/module/images/ic_delivery_step03_ac.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.move span {background:url(/contents/module/images/ic_delivery_step04.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.move.on span {background:url(/contents/module/images/ic_delivery_step04_on.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.move.ac span {background:url(/contents/module/images/ic_delivery_step04_ac.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.complete span {background:url(/contents/module/images/ic_delivery_step05.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.complete.on span {background:url(/contents/module/images/ic_delivery_step05_on.svg)no-repeat 50% 0;}
.delivery_popup .delivery_step ul li.complete.ac span {background:url(/contents/module/images/ic_delivery_step05_ac.svg)no-repeat 50% 0;}
.delivery_popup .delivery_info {padding:20px 5px;}
.delivery_popup .delivery_info dl {display:flex; margin-bottom:6px;}
.delivery_popup .delivery_info dl:last-child {margin-bottom:0;}
.delivery_popup .delivery_info dt {flex-shrink:0; width:45px; color:var(--c_dark2);}
.delivery_popup .delivery_info dd {font-weight:var(--f_medium); flex-grow:1;}
.delivery_popup .scroll {max-height:300px; overflow-y:auto;}
.delivery_popup table { width:var(--w_full); table-layout:fixed;}
.delivery_popup table th {height:43px; background:var(--c_l_gray2); font-weight:var(--f_medium); border-bottom:1px solid #eee; border-top:1px solid var(--c_gray);}
.delivery_popup table td {height:60px; border-bottom:1px solid var(--c_l_gray); color:var(--c_dark2); text-align:var(--a_center);}
.delivery_popup table td.nodata {padding:20px 0;}
.delivery_popup .complete_btn {display:flex; justify-content:var(--a_center); margin-top:20px;}
.delivery_popup .complete_btn button {flex-grow:1;}

/*로그인*/
.login {padding:30px 15px 120px;}
.login .member_wrap .inp_box p {margin-bottom:12px;}
.login .member_wrap .inp_box p:last-child {margin-bottom:0;}
.login .member_wrap .inp_box .title {margin-bottom:16px; font-weight:var(--f_bold);}
.login .member_wrap .inp_box input {width:var(--w_full);}
.login .member_wrap .inp_box .phone_num {display:flex; justify-content:space-between; gap:9px; align-items:var(--a_center);}
.login .member_wrap .complete_btn {margin-top:20px;}
.login .member_wrap .find_acc {margin-top:30px;}
.login .member_wrap .find_acc ul {display:flex; justify-content:var(--a_center); gap:32px;}
.login .member_wrap .find_acc ul li {position:relative;}
.login .member_wrap .find_acc ul li:after {content:""; position:absolute; right:-16px; top:3px; width:1px; height:16px; background:var(--c_gray2);}
.login .member_wrap .find_acc ul li:last-child:after {display:none;}
.login .member_wrap .find_acc ul a {font-size:14px;}
.login .member_wrap .sns_login {margin:82px 0 30px;}
.login .member_wrap .sns_login .title {position:relative; margin-bottom:24px; text-align:var(--a_center); font-size:14px; color:var(--c_gray2);}
.login .member_wrap .sns_login .title:before {content:""; position:absolute; left:0; top:10px; height:1px; width:calc(50% - 60px); background:var(--c_gray3);}
.login .member_wrap .sns_login .title:after {content:""; position:absolute; right:0; top:10px; height:1px; width:calc(50% - 60px); background:var(--c_gray3);}
.login .member_wrap .sns_login div {display:flex; justify-content:var(--a_center); gap:24px;}
.login .member_wrap .sns_login2 {margin-bottom:40px;}
.login .member_wrap .sns_login2 .title {position:relative; margin-bottom:24px; text-align:var(--a_center); font-size:14px; color:var(--c_gray2);}
.login .member_wrap .sns_login2 .title:before {content:""; position:absolute; left:0; top:10px; height:1px; width:calc(50% - 60px); background:var(--c_gray3);}
.login .member_wrap .sns_login2 .title:after {content:""; position:absolute; right:0; top:10px; height:1px; width:calc(50% - 60px); background:var(--c_gray3);}
.login .member_wrap .tab_menu {margin-bottom:24px;}
.login .member_wrap .tab_menu ul {display:flex; width:var(--w_full);}
.login .member_wrap .tab_menu ul li {width:50%; border-bottom:1px solid var(--c_l_gray); text-align:var(--a_center);}
.login .member_wrap .tab_menu ul li a {display:block; padding-bottom:5px; font-size:14px; color:var(--c_gray);}
.login .member_wrap .tab_menu ul li.on {border-bottom:2px solid var(--c_dark);}
.login .member_wrap .tab_menu ul li.on a {font-weight:var(--f_bold); color:var(--c_black);}
.login .member_wrap .result_box .box {margin-bottom:12px; padding:20px; background:var(--c_l_gray2); font-size:14px; font-weight:var(--f_bold); text-align:var(--a_center);}
.login .member_wrap .result_box .box:last-child {margin-bottom:0;}
.login .member_wrap .result_box .box p {margin-top:10px;}
.login .member_wrap .iq_txt {text-align:var(--a_center); font-weight:var(--f_medium); font-size:16px;}
.login .member_wrap .iq_txt.top {padding-bottom:30px; margin-bottom:24px; border-bottom:1px solid var(--c_black);}
.login .member_wrap .iq_txt.bott {padding-top:50px;}
.login .member_wrap .cutom_sns {margin-top:20px;}
.login .member_wrap .cutom_sns .txt {font-size:14px; color:var(--c_red); margin-top:12px;}
.login .member_wrap .btn_kakao_full {width:100%; background:#fee500;}
.login .member_wrap .btn_naver_full {width:100%; background:#03C75A; font-weight:var(--f_medium); color:var(--c_white); line-height:1;}
.login .member_wrap .btn_naver_full img {margin-right:6px;}

/*비회원 주문 조회 인증번호 영역*/
.login .inp_box .confirm_box {display:flex; justify-content:space-between; gap:9px; align-items:var(--a_center);}
.login .inp_box .confirm_inp {position:relative; flex-grow:1;}
.login .inp_box .confirm_inp input {padding-right:55px;}
.login .inp_box .confirm_inp em {position:absolute; right:13px; top:9px; font-size:14px; color:var(--c_red);}
.login .inp_box .confirm_btn > div {display:flex; gap:6px; width:150px;}
.login .inp_box .confirm_btn .btn_2 {display:none;}
.login .inp_box .confirm_btn button {flex-grow:1; width:72px;}

/*회원가입*/
.join {padding:30px 0 80px; min-height:100vh;}
.join .inn {padding:0 15px 24px;}
.join .inp_box {margin-bottom:20px; position:relative;}
.join .inp_box:last-child {margin-bottom:0;}
.join .inp_box label {display:inline-block; margin-bottom:12px; font-size:14px; font-weight:var(--f_medium);}
.join .inp_box label span {color:var(--c_red)}
.join .inp_box .sub_txt {display:inline-block; margin-left:6px; font-size:12px; color:var(--c_gray);}
.join .inp_box .inp {display:flex; justify-content:space-between; gap:9px; align-items:var(--a_center);}
.join .inp_box .inp + .inp {margin-top:12px;}
.join .inp_box .inp input {width:var(--w_full);}
.join .inp_box .inp .email {flex-grow:1; display:flex; gap:2px; font-size:14px; color:var(--c_gray); align-items:var(--a_center);}
.join .inp_box .inp .email select {width:var(--w_full); height:40px;}
.join .inp_box .inp.blue.blue {color:#009df8;}
.join .inp_box .confirm_box {display:flex;}
.join .inp_box .confirm_inp {position:relative; flex-grow:1;}
.join .inp_box .confirm_inp input {padding-right:55px;}
.join .inp_box .confirm_inp em {position:absolute; right:13px; top:11px; font-size:14px; color:var(--c_red);}
.join .inp_box .confirm_btn > div {display:flex; gap:6px; width:150px;}
.join .inp_box .confirm_btn .btn_2 {display:none;}
.join .inp_box .confirm_btn button {flex-grow:1; width:72px;}
.join .inp_box .error {margin-top:10px;}
.join .inp_box .error.blue {color:#009df8;}
.join .inp_box .error.red {color:var(--c_red);}
.join .inp_box .btn_passnum {position:absolute; right:0; top:3px; font-size:12px; font-weight:var(--f_medium); color:var(--c_dark2); padding-right:12px; background:url(/contents/module/images/ic_arr_right_b_sm.svg)no-repeat 100% 50%;}
.join .inp_box .gender_rdio label {font-weight:var(--f_regular); margin-right:16px;}
.join .rdo_box > label {display:block; margin-bottom:12px; font-size:14px; font-weight:var(--f_medium);}
.join .rdo_box p {display:inline-block; margin-right:20px; font-size:14px;}
.join .agree_box {padding:24px 15px; border-top:8px solid var(--c_lg_gray); }
.join .agree_box .agree {display:flex; justify-content:space-between; align-items:var(--a_center); margin-bottom:16px;}
.join .agree_box .agree_sub {margin-left:25px; display:flex; gap:20px; align-items:var(--a_center); margin-bottom:16px;}
.join .agree_box .agree em {font-size:14px; margin-right:3px;}
.join .agree_box .agree em.red {color:var(--c_red);}
.join .agree_box .agree button {font-weight:var(--f_medium); color:var(--c_dark2);}
.join .agree_box .agree button img {vertical-align:var(--va_middl); margin-top:-2px;}
.join .agree_box .all_agree {border-top:1px solid var(--c_l_gray); padding-top:16px;}
.join .agree_box .all_agree label {font-weight:var(--f_bold);}
.join .join_info {margin-bottom:30px; padding:0 15px; }
.join .join_info ul {padding:10px; border-top:1px solid var(--c_dark2); background:var(--c_l_gray2);}
.join .join_info li {position:relative; margin-bottom:5px; padding-left:10px; color:var(--c_dark2); font-weight:var(--f_light);}
.join .join_info li:last-child {margin-bottom:0;}
.join .join_info li:before {content:"·"; position:absolute; left:0; top:0;}
.join .complete_btn {padding:0 15px;}
.join .complete_btn button {width:var(--w_full); height:48px; font-size:16px; font-weight:var(--f_bold);}
.join_info {margin-bottom:30px; padding:0 15px; }
.join_info ul {padding:10px; border-top:1px solid var(--c_dark2); background:var(--c_l_gray2);}
.join_info li {position:relative; margin-bottom:5px; padding-left:10px; color:var(--c_dark2); font-weight:var(--f_light);}
.join_info li:last-child {margin-bottom:0;}
.join_info li:before {content:"·"; position:absolute; left:0; top:0;}

/*회원정보 수정*/
.member_info .sns_box {display:flex; justify-content:space-between; align-items:var(--a_center); margin-bottom:16px;}
.member_info .sns_box:last-child {margin-bottom:0;}
.member_info .sns_box .title {font-size:14px; font-weight:var(--f_medium);}
.member_info .sns_box .title img {width:20px; margin-right:4px;}
.member_info .sns_box .toggle .state {display:inline-block; margin-right:10px; font-size:14px; color:var(--c_gray); vertical-align:var(--va_middle);}
.member_info .sns_box .toggle .onoff {position:relative; display:inline-block; width:50px; height:24px; border-radius:15px; background:var(--c_l_gray); cursor:pointer;}
.member_info .sns_box .toggle .onoff input {visibility:hidden;}
.member_info .sns_box .toggle .onoff .dong {position:absolute; left:2px; top:2px; width:20px; height:20px; background:var(--c_white); box-shadow:0 0 4px rgba(0,0,0,.1); border-radius:50%;}
.member_info .sns_box .toggle.on .state {color:var(--c_dark);}
.member_info .sns_box .toggle.on .onoff {background:var(--c_dark);}
.member_info .sns_box .toggle.on .onoff .dong {right:2px; left:auto;}
.member_info .withdrawal_txt {margin-top:30px; padding:0 15px;}
.member_info .withdrawal_txt ul {margin-bottom:24px;}
.member_info .withdrawal_txt li {position:relative; padding-left:10px; color:var(--c_gray);}
.member_info .withdrawal_txt li:before {content:"·"; position:absolute; left:0; top:0;}
.member_info .withdrawal_txt button {font-size:16px; font-weight:var(--f_medium); color:var(--c_dark2); text-decoration:underline;}

/*서비스 계정 인증*/
.email_confirm {padding:0 15px;}
.email_confirm .txt_box {margin:30px 0 24px; padding:24px 0; text-align:var(--a_center); font-weight:var(--f_medium); line-height:1.5;}
.email_confirm .txt_box b {font-weight:var(--f_bold);}
.email_confirm .inp_box {margin-bottom:20px;}
.email_confirm .inp_box label {display:block; margin-bottom:12px; font-size:14px; font-weight:var(--f_medium);}
.email_confirm .inp_box input {width:var(--w_full);}
.email_confirm .confirm_box {display:flex; gap:8px;}
.email_confirm .confirm_box button {width:105px;}
.email_confirm .confirm_inp {position:relative; flex-grow:1;}
.email_confirm .confirm_inp input {padding-right:55px;}
.email_confirm .confirm_inp em {position:absolute; right:13px; top:11px; font-size:14px; color:var(--c_red);}

/*SNS 로그아웃*/
.sns_logout {padding:15px; text-align:var(--a_center);}
.sns_logout h1 {margin-bottom:18px;}
.sns_logout h2 {margin-bottom:36px; font-size:24px; font-weight:var(--f_medium); line-height:1.2;} 
.sns_logout .id_box {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid var(--c_l_gray);}
.sns_logout .id_box .name {margin-bottom:10px; font-size:14px; font-weight:var(--f_medium); color:#636363;}
.sns_logout .id_box .email {display:inline-block; padding:0 27px; height:36px; line-height:34px; font-size:14px; color:var(--c_dark); border:1px solid var(--c_gray3);}
.sns_logout .txt {margin-bottom:40px;}
.sns_logout .txt .big {margin-bottom:16px; font-size:17px;}
.sns_logout .txt .small {color:var(--c_gray);}
.sns_logout button {width:100%; margin-bottom:10px; font-weight:var(--f_regular);}


/*배송지 관리*/
.delivery_list {padding:0 15px;}
.delivery_list .tab_menu ul {display:table; table-layout:fixed; width:var(--w_full); height:46px; border-bottom:1px solid var(--c_l_gray);}
.delivery_list .tab_menu ul li {position:relative; display:table-cell; vertical-align:var(--va_middle); text-align:var(--a_center);}
.delivery_list .tab_menu ul li a {display:block; line-height:45px; font-size:14px; color:var(--c_gray);}
.delivery_list .tab_menu ul li.on:after {content:""; position:absolute; left:0; bottom:-1px; width:var(--w_full); height:2px; background:var(--c_dark);}
.delivery_list .tab_menu ul li.on a {font-weight:var(--f_bold); color:var(--c_black);}
.delivery_list .txt_top {margin:40px 0 20px; color:var(--c_dark); font-size:16px;}
.delivery_list .addr {padding:20px 0; border-bottom:1px solid var(--c_l_gray);}
.delivery_list .addr dl {position:relative;}
.delivery_list .addr dt {position:relative; margin-bottom:8px; font-size:16px; font-weight:var(--f_medium);}
.delivery_list .addr dt span {font-weight:var(--f_normal); font-size:16px;}
.delivery_list .addr dd {width:calc(100% - 100px);}
.delivery_list .addr dd p {font-size:14px; color:var(--c_dark);}
.delivery_list .addr dd .btn_box {position:absolute; right:0; top:0;}
.delivery_list .addr dd .btn_box button {margin-left:10px;}
.delivery_list .addr.basic_addr dt {padding-top:30px;}
.delivery_list .addr.basic_addr dt label {position:absolute; left:0; top:0; width:66px; height:24px; line-height:22px; text-align:var(--a_center); font-size:11px; color:var(--c_white); background:var(--c_red); border-radius:12px;}
.delivery_list .delivery_list_con {*display:none;}
.delivery_list > button {margin-top:20px;}

/*배송지 입력*/
.delivery_detail {padding:20px 15px 0;}
.delivery_detail .inp_box {margin-bottom:20px;}
.delivery_detail .inp_box label {display:block; font-size:14px; font-weight:var(--f_medium); margin-bottom:10px;}
.delivery_detail .inp_box label span {color:var(--c_red);}
.delivery_detail .inp_box .inp {display:flex; justify-content:space-between; gap:9px; align-items:var(--a_center); margin-bottom:10px;}
.delivery_detail .inp_box .inp:last-child {margin-bottom:0;}
.delivery_detail .inp_box .inp input {width:var(--w_full);}
.delivery_detail .inp_box .inp.addr button {flex-shrink:0; width:110px;}
.delivery_detail .inp_box .cbox label {font-weight:var(--f_regular); margin-bottom:0;}
.delivery_detail .complete_btn {margin-top:40px; display:flex; gap:5px;}
.delivery_detail .complete_btn button {flex:1;}

/*배송지 팝업*/
.layer_pop_wrap .delivery_list {padding-top:65px; height:100%; overflow-y:auto;}
.layer_pop_wrap .delivery_detail {padding-top:85px; display:none;}

/*주소검색 팝업*/
.addr_search_popup {display:none; position:fixed; max-width:750px; width:var(--w_full); height:var(--w_full); left:50%; top:0; transform:translateX(-50%); background:var(--c_white); z-index:4;}
.addr_search_popup .hea {position:fixed; max-width:750px; top:0; width:var(--w_full); height:65px; border-bottom:1px solid #e5e5e5; background:var(--c_white); box-shadow:0 0 6px rgba(0,0,0,.2); z-index:1;}
.addr_search_popup .inn {display:flex; height:65px; justify-content:space-between; align-items:var(--a_center);}
.addr_search_popup .inn > button {width:65px; height:65px;}
.addr_search_popup .page_name {font-size:18px; font-weight:500; text-align:var(--a_center);}
/*padding값 일부 수정*/
/*.addr_search_popup .addr_search {padding:85px 15px 40px; height:var(--w_full); overflow-y:auto;}*/ 
.addr_search_popup .addr_search {padding:65px 0px 0px; height:var(--w_full); overflow-y:auto;}
.addr_search_popup .search_box {position:relative;}
.addr_search_popup .search_box input {width:var(--w_full);}
.addr_search_popup .search_box button {position:absolute; right:0; top:0; width:40px; height:40px;}
.addr_search_popup .addr_search_mai .txt {padding:40px 0; text-align:var(--a_center); font-size:16px; font-weight:var(--f_medium);}
.addr_search_popup .addr_search_mai .addr_ex dl {margin-bottom:15px;}
.addr_search_popup .addr_search_mai .addr_ex dt {color:var(--c_gray);}
.addr_search_popup .addr_search_mai .addr_ex dd {color:#009df8;}
.addr_search_popup .addr_search_result .txt {font-size:16px; margin-top:20px; color:#666;}
.addr_search_popup .addr_search_result .txt span {font-size:16px; font-weight:var(--f_bold); color:var(--c_dark);}
.addr_search_popup .addr_search_result li {padding:20px 0; border-bottom:1px solid var(--c_l_gray);}
.addr_search_popup .addr_search_result li .main_addr {font-weight:var(--f_medium); font-size:16px;}
.addr_search_popup .addr_search_result li .relat_addr {font-size:14px; color:var(--c_dark2);}
.addr_search_popup .addr_nodata {padding:40px 0; text-align:var(--a_center); font-size:16px;}

/*쿠폰포인트박스*/
.cp_box_wrap .bg_lg_gray {display:flex; width:var(--w_full); padding:0 30px; height:55px; justify-content:space-between; align-items:var(--a_center);}
.cp_box_wrap .bg_lg_gray .title {font-size:14px; font-weight:var(--f_medium);}
.cp_box_wrap .bg_lg_gray .title img {margin-right:5px; vertical-align:var(--va_middle);}
.cp_box_wrap .bg_lg_gray .txt_box {font-size:20px; font-weight:var(--f_bold);}
.cp_box_wrap .bg_lg_gray .txt_box span {font-size:14px; font-weight:var(--f_medium); margin-left:4px; vertical-align:middle;}
.cp_box_wrap .tab_menu ul {display:table; table-layout:fixed; width:var(--w_full); height:46px; padding:0 15px; border-bottom:1px solid var(--c_l_gray);}
.cp_box_wrap .tab_menu ul li {position:relative; display:table-cell; vertical-align:var(--va_middle); text-align:var(--a_center);}
.cp_box_wrap .tab_menu ul li a {display:block; line-height:45px; font-size:14px; color:var(--c_gray);}
.cp_box_wrap .tab_menu ul li.on:after {content:""; position:absolute; left:0; bottom:-1px; width:var(--w_full); height:2px; background:var(--c_dark);}
.cp_box_wrap .tab_menu ul li.on a {font-weight:var(--f_bold); color:var(--c_black);}
.cp_box_wrap .info_txt {margin:18px 15px 0; background:var(--c_l_gray2); padding:10px; border-top:1px solid var(--c_dark2);}
.cp_box_wrap .info_txt li {position:relative; padding-left:10px; color:var(--c_dark2); margin-bottom:2px;}
.cp_box_wrap .info_txt li:before {content:"·"; position:absolute; left:0; top:0; color:var(--c_dark2);}
.cp_box_wrap .info_txt li:last-child {margin-bottom:0;}

/*쿠폰등록*/
.cp_regist_box {padding:10px 15px; display:flex; justify-content:space-between; gap:5px;}
.cp_regist_box input {width:100%;}
.cp_regist_box button {flex-shrink:0; width:84px;}

/*포인트*/
.point_list {display:none; padding:8px 15px 0;}
.point_list.nodata {height:65px;}
.point_list li {padding:22px 9px; border-bottom:1px solid var(--c_l_gray);}
.point_list li:last-child {border-bottom:0;}
.point_list li .top {display:flex; justify-content:space-between; margin-bottom:10px;}
.point_list li .top .date {color:var(--c_gray);}
.point_list li .top .point {font-size:16px; font-weight:var(--f_medium);}
.point_list li .txt {font-size:16px; font-weight:var(--f_medium);}
.point_list li .sub_txt {margin-top:4px; padding-left:20px; display:inline-block; width:var(--w_full); background:url(/contents/module/images/ic_sub.svg)no-repeat 0 0;}
.point_list li .sub_txt:before {content:"관련상품"; font-size:14px; font-weight:var(--f_medium); color:var(--c_gray); display:inline-block; vertical-align:var(--va_middle); margin-right:4px;}
.point_list li .sub_txt p {overflow:hidden; max-width:30%; display:inline-block; vertical-align:var(--va_middle); text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:var(--f_medium); color:var(--c_dark2);}
.point_list li .sub_txt span {font-size:14px; font-weight:var(--f_medium); color:var(--c_dark2); vertical-align:var(--va_middle);}
 /*포인트 적립 p_plus */
 .point_list li.p_plus .top .point {color:#009df8;}
 /*포인트 사용 p_use */
 .point_list li.p_use .top .point {color:#ff7448;}
 /*포인트 소멸 p_use */
 .point_list li.p_minus .txt {color:var(--c_gray);}
 .point_list li.p_minus .top .point {color:var(--c_gray);}

/*쿠폰*/
.coupon_list {display:none; padding:8px 15px 0;}
.coupon_list.nodata {height:65px;}
.coupon_list li {padding:22px 9px; border-bottom:1px solid var(--c_l_gray);}
.coupon_list li:last-child {border-bottom:0;}
.coupon_list li .top {display:flex; gap:30px; justify-content:space-between; margin-bottom:15px;}
.coupon_list li .top .title {font-size:16px; font-weight:var(--f_medium);}
.coupon_list li .top .coupon {white-space:nowrap; font-size:16px; font-weight:var(--f_medium); text-align:var(--a_right);}
.coupon_list li .top .tip {white-space:nowrap; font-weight:var(--f_medium); text-align:var(--a_right); color:var(--c_dark2);}
.coupon_list li .txt {color:var(--c_dark2); line-height:1.6;}
 /*사용가능한 쿠폰 available*/
 .coupon_list.available li .top .coupon {color:#ff7448;}
 /*사용완료 쿠폰 used*/
 .coupon_list.used li .top .coupon {color:var(--c_black);}
 /*기간만료 쿠폰 expired*/
 .coupon_list.expired li .top * {color:var(--c_gray);}
 .coupon_list.expired li .txt {color:var(--c_gray);}

/* 상품리뷰리스트*/
.list_info {background-color:var(--c_lg_gray); padding: 0 15px; font-size:14px; font-weight:var(--f_medium); display:flex; height: 46px; align-items: center; justify-content: space-between; vertical-align:var(--va_middle);}
.review_list {margin-bottom: 46px; padding: 30px 15px 0 15px;}
.board_title.review_top {margin:30px 0 0;}
.board_title.review_top .tab_menu {margin-bottom:0;}
.board_title .tab_menu {margin-bottom:24px;}
.board_title .tab_menu ul {display:flex; width:var(--w_full);}
.board_title .tab_menu ul li {width:50%; border-bottom:1px solid #e5e5e5; text-align:var(--a_center);}
.board_title .tab_menu ul li a {display:block; padding-bottom:5px; font-size:14px; color:#999;}
.board_title .tab_menu ul li.on {border-bottom:2px solid #404040;}
.board_title .tab_menu ul li.on a {font-weight:bold; color:#222;}

.review_conbox {padding:24px 0 30px; border-bottom:1px solid var(--c_l_gray);}
.review_conbox:first-child {padding-top:0;}
.review_conbox:last-of-type {border-bottom:0 !important;}
.review_conbox .prd_infobox {display:flex;}
.review_conbox .prdimg_box {border:1px solid rgba(0,0,0,0.1); width:148px; height:148px; position:relative;}
.review_conbox .prdimg_box img {width:var(--w_full);}
.review_conbox .prdtit {margin-left:15px; width:calc(var(--w_full) - 163px)}
.review_popup .review_popup_con .prdtit {width:calc(var(--w_full) - 10px);margin-top:16px;}
.review_conbox .prdtit p,.review_popup .review_popup_con .prdtit p {font-size:16px; font-weight:var(--f_medium); overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word;}
.review_conbox .prdtit .pdt_option ,.review_popup .review_popup_con .prdtit .pdt_option {color:var(--c_gray); font-size:13px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word; margin-top:5px;}

.review_conbox .reviewer_info,.review_popup .review_popup_con .reviewer_info {margin:6px 0 16px;}
.review_conbox .reviewer_info .usr_id,review_popup .review_popup_con .reviewer_info .usr_id {position:relative; padding: 0 10px 0 0; margin-right: 10px;}
.review_conbox .reviewer_info .usr_id:before,review_popup .review_popup_con .reviewer_info .usr_id:before {content:''; position:absolute; top:3px; right: 0; border-right:1px solid var(--c_l_gray); width: 1px; height: 15px;}
.review_conbox .reviewer_info > *,.review_popup .review_popup_con .reviewer_info >* {color:var(--c_gray);}
.review_conbox .review_txt {color:#545454; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word; width:var(--w_full);font-weight:var(--f_medium);max-height:40px;}
.review_conbox .review_txt.expanded{}
.reveiw_open_toggle em{display:inline-block;width:40px;height:20px; background:url(/contents/module/images/ic_arr_down.svg) 0 0 no-repeat;}
.review_popup .review_popup_con .review_txt {margin-top: 11px; overflow: hidden; word-break: break-all;}
.review_conbox .review_txt.flag_best:before,.review_popup .review_popup_con .review_txt.flag_best:before {content:"BEST"; color:var(--c_white); font-size:12px; font-weight:var(--f_medium); background-color:var(--c_red); display:inline-block; width:38px; height:18px; box-sizing:border-box; line-height:18px; text-align:var(--a_center); margin-right: 6px}
.review_conbox .seller_txt,.review_popup .review_popup_con .seller_txt {margin-top:12px; padding:6px 10px 12px; background-color:var(--c_l_gray2)}
.review_conbox .seller_txt .reviewer_info >*,.review_popup .review_popup_con .seller_txt .reviewer_info >* {color:var(--c_gray)}
.review_conbox .seller_txt .txt,.review_popup .review_popup_con .seller_txt .txt {color:#535353; font-size:14px;}
.review_popup .review_popup_con .seller_txt .txt {word-break:break-word;}
.review_conbox .seller_txt .txt{word-break:break-word}
.review_conbox .reviewer_info {position:relative;}

.review_conbox .reviewer_info .btn_wrap {position:absolute; right:0; top:0;}
.review_conbox .reviewer_info .btn_wrap button {position:relative; font-weight:var(--f_medium); color:var(--c_dark2); margin-left:10px; padding-left:10px;}
.review_conbox .reviewer_info .btn_wrap button:last-child:before {content:""; position:absolute; left:0; top:0; width:1px; height:15px; background:var(--c_l_gray);}
.review_regit  .review_conbox .prd_infobox {border-bottom:1px solid var(--c_l_gray);padding-bottom: 21px; margin-bottom:20px;}
.review_conbox .review_thumb {display:flex; gap:9px; width:var(--w_full); margin-bottom:14px;}
.review_conbox .review_thumb p {position:relative; width:calc((100% - 18px) / 5); cursor:pointer;border-radius:4px; overflow:hidden;}
.review_conbox .review_thumb p:after {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); border:1px solid rgba(0,0,0,.1);}
.review_conbox .review_thumb p img {width:var(--w_full);}

.starpoint_box {position:relative; display:inline-block; background:url(/contents/module/images/star_none.png) 0 0 no-repeat; font-size:0; background-size:auto 35px; margin-top:16px;}
.star_score {font-size:14px; color:#404040; margin: 16px 0 0; vertical-align: top; display: inline-block;}
.starpoint_box .starpoint_bg {display:block; position:absolute; top:0; left:0; height:18px; background:url(/contents/module/images/star_none.png) 0 -18px no-repeat; pointer-events:none; background-size:auto 35px}
.starpoint_box .label_star {display:inline-block; width:10px; height:18px; box-sizing:border-box;}
.starpoint_box .label_star.on:nth-of-type(1) ~ .starpoint_bg {width:10px;}
.starpoint_box .label_star.on:nth-of-type(2) ~ .starpoint_bg {width:18px;}
.starpoint_box .label_star.on:nth-of-type(3) ~ .starpoint_bg {width:28px;}
.starpoint_box .label_star.on:nth-of-type(4) ~ .starpoint_bg {width:36px;}
.starpoint_box .label_star.on:nth-of-type(5) ~ .starpoint_bg {width:47px;}
.starpoint_box .label_star.on:nth-of-type(6) ~ .starpoint_bg {width:56px;}
.starpoint_box .label_star.on:nth-of-type(7) ~ .starpoint_bg {width:66px;}
.starpoint_box .label_star.on:nth-of-type(8) ~ .starpoint_bg {width:75px;}
.starpoint_box .label_star.on:nth-of-type(9) ~ .starpoint_bg {width:84px;}
.starpoint_box .label_star.on:nth-of-type(10) ~ .starpoint_bg {width:100px;}
.starpoint_box .blind {position:absolute; clip:rect(0 0 0 0); margin:-1px; width:1px; height: 1px; overflow:hidden;}

.review_popup,.review_regit{display:none;align-items: flex-start; flex-wrap: wrap; justify-content: center; position: fixed; top: 0;width: 100%;  height: 100%; background: #fff;left:50%; z-index: 1000;max-width:750px; transform:translateX(-50%);box-shadow: 0 0 10px 0 #868686;align-content: flex-start;}
.review_popup .bg,.review_regit .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:40;}
.review_popup .review_header,.review_regit .review_header {margin:0 15px; height:50px; line-height:50px; width:calc(var(--w_full) - 30px); color: var(--c_black);font-size:16px;font-weight: var(--f_bold);position: relative;text-align: center; border-bottom:1px solid var(--c_l_gray)}
.review_popup .review_popup_con, .review_regit .review_popup_con {padding: 24px 15px 30px; width:var(--w_full);background: #fff;z-index: 50;position: relative;}
.review_popup .review_popup_con {padding:0 24px 30px; height:calc(100vh - 50px);overflow-y:auto;}
.review_regit .review_popup_con {height:calc(100vh - 50px);overflow-y:auto;padding-bottom:100px;}
.review_popup .reviewer_info .date{position:absolute;right:30px;top:22px;}
.review_popup .review_popup_con .review_inner{ height: var(--w_full); overflow-y: auto;}
.review_popup .btn_close,.review_regit .btn_close,.review_popup .btn_back {position:absolute; right:-7px; top:8px;font-size:0;}
.review_popup .btn_back{right:auto;left:30px;top:15px;}
.review_regit .complete_btn {display:flex; gap:5px; margin-top:24px;}
.review_regit .complete_btn button {flex-grow:1;}
.review_regit .complete_btn .btn_close {position:inherit;}
.starability-slot {display: block;position: relative;width: 150px;min-height: 60px;margin: 0 auto; text-align: var(--a_center);}
.starability-slot p{margin-bottom:8px;font-size:14px;font-weight:var(--f_medium)}
.starability-slot > input {position: absolute;margin-right: -100%;opacity: 0}
.starability-slot > input:checked ~ label, .starability-slot > input:focus ~ label, .starability-slot > input:hover ~ label {background-position: 0 -26px}
.starability-slot > input:focus + label {outline: 1px dotted #999}
.starability-slot > label {position: relative;display: inline-block;float: right;width:28px;height:26px;color: transparent;cursor: pointer;background-image: url(/contents/module/images/star_slot.png);background-repeat: no-repeat; background-position: 0px 2px;}
.review_regit .review_popup_con .user_input{margin-top:26px; padding-top:20px; border-top:1px solid var(--c_l_gray);}
.review_regit .review_popup_con .user_input p{font-size:14px;font-weight:var(--f_medium); text-align:var(--a_center);}
.review_regit .review_popup_con .user_input .btn_upload {cursor: pointer;display: flex;align-items: center;justify-content: center;margin-top:14px;border-radius:3px;}
.review_regit .review_popup_con .user_input #file{display:none;}
.upload_img_box{margin:14px 0  16px;display:flex;overflow-x:scroll;}
.upload_img_box span{position:relative;margin-right:7px;}
.upload_img_box span img{width:136px;height:136px; box-sizing:border-box;border:1px solid rgba(0,0,0,0.2)}
.upload_img_box span .btn_delete{position:absolute;right:0;top:0;width:20px;height:20px; background:url(/contents/module/images/up_img_delete.png) 0 0 no-repeat;cursor:pointer;}
.review_regit .review_popup_con .user_input .info_txt li{color:var(--c_red);line-height:20px;}
.review_popup_con .photo_list{display:flex;gap:10px;flex-wrap: wrap;margin-top:20px;}
.review_popup_con .photo_list li{width:calc((100% / 3) - 10px); overflow:hidden;max-height: 223px;}
.review_popup_con .photo_list li img{width:100%;border-radius:4px;border:1px solid #E7E9EC}
.review_popup_con .info_txt{margin:0 0 20px;}
.pop_sales_prd.review_popup .tit_info{border-bottom:1px solid var(--c_l_gray);padding:16px 0;}
.pop_sales_prd.review_popup .prd_wrap li{border-bottom:1px solid var(--c_l_gray);padding:16px 0;}
.pop_sales_prd.review_popup .prd_wrap li:last-child{border-bottom:0;}
.pop_sales_prd.review_popup .prd_list {display:flex}
.pop_sales_prd.review_popup .prd_list img{width:82px;height:82px; border-radius:5px;margin-right:10px;}
.pop_sales_prd.review_popup .prd_list .side_info{ width: calc(100% - 92px);}
.pop_sales_prd.review_popup .prd_list .side_info .date{font-size:12px; color:var(--c_gray2);}
.pop_sales_prd.review_popup .prd_list .side_info .prd_tit{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.pop_sales_prd.review_popup .prd_list .side_info .opt_txt{ color:var(--c_gray);}
.pop_sales_prd.review_popup .prd_wrap .btn_sale_review{margin-top:12px;}
    @keyframes a {
        0% {transform: scale(1)}
    99% {transform: scale(4);opacity: 0}
    to {transform: scale(1);opacity: 0}
}
.review_slider.slick-slider { overflow:hidden; margin:0 auto; max-width:720px; max-height:720px;}
.review_slider.slick-slider .slick-slide.slick-active {max-width:720px!important;max-height:720px!important;}
.review_slider .slick-slide img {width:var(--w_full);}
.slider_nav_thumbnails {height:60px; width:var(--w_full); margin:100px 0 0; float:left;}
.slider_nav_thumbnails .slick-slide {opacity: 0.5;}
.slider_nav_thumbnails .slick-slide.slick-current {opacity: 1;}
.slider_nav_thumbnails .slick-slide {width:60px!important; height:60px;}
.slider_nav_thumbnails .slick-slide {opacity: 0.5; transition: all .3s ease;}
.slider_nav_thumbnails .slick-slide img {width:60px; height:60px;}

 /* 찜리스트 */
.board_title.wish_title,.board_title.recent_title {border-bottom: 2px solid #404040; margin-top: 26px; margin-bottom: 0;}
.board_title.wish_title .title, .board_title.none_margin .title ,.board_title.recent_title .title,.board_title.none .title{padding: 14px 0; font-size: 16px; font-weight: bold; text-align: center;}
.board_title.recent_title,.board_title.none .title{border-top:8px solid var(--c_l_gray2);}
.board_title.none{margin:40px 0 10px}
.board_title.recent_title .title,.board_title.none .title{padding:30px 0 14px;}
.mypage_top{background:#F5F8F9;padding:30px 15px 24px;}
.mypage_top .flex_div {display:flex; gap:10px;}
.usr_grade {display:flex;justify-content:space-between; align-items: flex-end; padding: 17px 0 21px; font-size: 16px; color:var(--c_black)}
.usr_grade strong {font-weight: 500;font-size: 16px; }
.usr_grade .btn_setting {width: 38px; height: 38px; font-size: 0; background: url(/contents/module/images/ic_setting.svg) 0 0 no-repeat; display: block;}
.usr_grade .btn_alarm {width: 38px; height: 38px; font-size: 0; background: url(/contents/module/images/btn_alarm.svg) 0 0 no-repeat; display: block;}
.benefit_box {padding: 16px 0 15px; display: flex; align-items: center; justify-content: space-around; position: relative; border:1px solid  #E5E5E5;border-radius:6px; background:var(--c_white)}
/*.benefit_box:before {content: ''; height: 39px; width: 1px; border-right: 1px solid #E5E5E5; position: absolute; top: 9px; right: 50%;}*/
.benefit_box:before  {content: ''; height: 20px; width: 1px; border-right: 1px solid #E5E5E5; position: absolute; top:20px; right: 50%;}
.benefit_box.odd:before{content:none;}
.benefit_box span{font-size:16px;}
.benefit_box span.dp_flex{ width: 100%; justify-content: space-between; padding: 0 15px;}
.benefit_box span a ,.benefit_box span a em{font-weight: bold; padding-right:2px; color:var(--c_black);font-size:16px;}
.benefit_box i {width:30px; height:30px; display: inline-block; vertical-align: middle;}
.benefit_box .coupon {margin-right:3px; background: url(/contents/module/images/ic_cupon2.svg)0 -4px no-repeat;background-size: 34px;width:35px;}
.benefit_box .point {margin-right: 2px; background: url(/contents/module/images/ic_point2.svg)0 1px no-repeat; background-size:25px;}
.mypage_menu {display: flex; box-sizing: border-box; flex-wrap: wrap;  align-items: center; justify-content: center;}
.mypage_menu li{ width: calc( 50% - 1px);border-bottom:1px solid var(--c_l_gray)}
.mypage_menu li:nth-child(odd){border-right:1px solid var(--c_l_gray)}
.mypage_menu li a{display:block;padding:12px 15px 12px 24px;font-size:14px; background:url(/contents/module/images/ic_arr_right_b.svg) 100% 50% no-repeat;}
.mypage_menu li a em{color:var(--c_red);font-weight:var(--f_bold);display:inline-block;margin-left:8px;}
.mypage_menu.odd{display:inline-flex;width:100%;}
.mypage_menu.odd li{width: calc( 33.3% - 1px);}
.mypage_menu.odd li:nth-child(odd){border-right:0;}
.mypage_menu.odd li:nth-child(even){border-left:1px solid var(--c_l_gray);border-right:1px solid var(--c_l_gray) }
.pdt_list.category_list.data_recent_goods_list{padding-top:30px;}
.btn_logout{border:1px solid var(--c_gray);border-radius:3px;}
.order_delivery_menu.br_top:before{content:'';width:100%;height:8px;border-top:8px solid var(--c_l_gray2);position:absolute;top:0; } 
.order_delivery_menu.br_top{padding-top:24px;position:relative;}
.order_delivery_menu {margin-bottom:40px;}
.order_delivery_menu dt {color: var(--c_black);font-size:16px; font-weight: bold; margin-bottom: 20px;}
.order_delivery_menu dd{background:url(/contents/module/images/ic_arr_right_gray.svg) 100% 10px no-repeat;padding:10px 30px 10px 0;}
.order_delivery_menu dd a{display:block;padding-left:30px; font-size:16px; color:var(--c_dark2);}
.order_delivery_menu dd.ic_order a{background:url(/contents/module/images/ic_order4.svg) 0 0 no-repeat; background-size: 28px;}
.order_delivery_menu dd.ic_like a{background:url(/contents/module/images/ic_heart3.svg) 0 0 no-repeat; background-size: 28px;}
.order_delivery_menu dd.ic_delivery a{background:url(/contents/module/images/ic_delivery3.svg) 0 0 no-repeat; background-size: 28px;}
.order_delivery_menu dd.ic_subscribe a{background:url(/contents/module/images/ic_subscribe.svg) 0 0 no-repeat; background-size: 28px;}

.order_delivery_menu dd.ic_notice a{background:url(/contents/module/images/ic_notice2.svg) 0 -2px no-repeat; background-size: 28px;}
.order_delivery_menu dd.ic_event a{background:url(/contents/module/images/ic_event.svg) 0 -2px no-repeat; background-size: 26px;}
.order_delivery_menu dd.ic_review a{background:url(/contents/module/images/ic_qna3.svg) 0 -2px no-repeat; background-size: 28px;}
.order_delivery_menu dd.ic_qna a{background:url(/contents/module/images/ic_review3.svg) -2px -2px no-repeat; background-size: 30px;}
.order_delivery_menu dd.ic_faq a{background:url(/contents/module/images/ic_faq2.svg) 0 -2px no-repeat; background-size: 28px;}

.wish_list {border-top: 8px solid #E7E9EC; border-bottom: 8px solid #E7E9EC}
.wish_list .prd_box {display: grid; grid-template-columns: 42px 146px 1fr; align-items: start; position: relative; padding:24px 14px 24px; border-bottom: 1px solid var(--c_l_gray);}
.wish_list .d_wrap {margin-top: 64px; margin-right: 24px;}
.wish_list .prd_box img {width: 146px; height: 146px; }
.wish_list .prd_box .prd_info {margin: 0 0 0 24px;}
.wish_list .prd_box .prd_info .btn_cart {color: var(--c_black); font-weight: var(--f_medium); font-size: 14px; margin-top: 10px}
.wish_list .prd_box .prd_tit {font-size: 16px; color: var(--c_black); overflow: hidden; text-overflow: ellipsis; height: 38px; font-size: 14px; color: #222; font-weight: 500; line-height: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; padding-right: 40px; word-break:break-all}
.wish_list .prd_box .prd_opt {font-size: 13px; color: #999; line-height: 17px;}
.wish_list .prd_box .prd_opt .txt_price {font-size: 16px; color: var(--c_black); margin-top: 7px;}
.wish_list .prd_box .prd_opt .txt_price strong{font-size:16px;}
.wish_list .prd_box.sold_out .prd_tit{color:var(--c_gray2)}
.wish_list .prd_box.sold_out .prd_img{position:relative}
.wish_list .prd_box.sold_out .prd_img:before{content:'';background:rgba(34,34,34,.5);width:var(--w_full);height:var(--w_full); position:absolute;left:0;}
.wish_list .prd_box.sold_out .prd_img:after{content:'sold out';font-size:12px;font-weight:var(--f_bold);color:var(--c_white);position:absolute;z-index:1; top:50%;left:50%;text-transform: uppercase;transform: translate(-50%,-50%); white-space:nowrap;}
.wish_list .prd_box.sold_out .txt_price,.wish_list .prd_box.sold_out .txt_price strong{color:var(--c_red);text-transform:uppercase}
.wish_list .prd_box .btn_prd_delete {position: absolute; top: 20px; right: 12px; width: 20px; height: 20px; background: url(/contents/module/images/ic_close_sm.svg) 0 0 no-repeat; background-size: contain; font-size: 0;}
.wish_list .prd_box .btn_box_flex {grid-column: 1 / span 4; margin-top: 16px}
.check_wrap {position: relative; padding: 14px 12px 15px; border-bottom: 1px solid var(--c_l_gray);}
.check_wrap .btn_all_delete {color: var(--c_gray); border: 1px solid var(--c_gray); position: absolute; right: 14px; width: 74px; height: 30px; box-sizing: border-box; font-weight: 500; }
.wish_top{height:46px; width:var(--w_full);background:var(--c_lg_gray); font-weight:var(--f_medium);font-size:14px; padding:17px 15px}
.wish_top em{font-weight:var(--f_bold);}
.wish_count { font-weight: bold; font-size: 16px; padding: 10px 14px 5px; background: #E7E9EC;}
/*메인검색 */
.main_search{ padding:24px 15px; }
.main_search .srch_box{position:relative;width:/* calc(100% - 48px); */ 100%;}
.main_search .srch_box input{width:100%;padding:10px 38px 10px 10px;}
.main_search .srch_box .btn_search{position:absolute;right:0;top:0;width:40px;height:40px;background:url(/contents/module/images/ic_search03.svg) 50% 50% no-repeat; background-size:20px;}
/*.main_search .srch_box .btn_search.btn_clear{position:absolute;right:0;top:0;width:40px;height:40px;background:url(/contents/module/images/ic_close_sm.svg) 50% 50% no-repeat; background-size:20px;}*/
.main_search .srch_box .btn_clear{display:none;position:absolute;right:40px;top:1px;width:40px;height:38px;background:url(/contents/module/images/ic_close3.svg) 50% 50% no-repeat; background-size:24px; border-radius:4px;}
.main_search .srch_box .btn_clear.btn_show{display:block;}
.main_search .srch_area .info_txt{color:var(--c_black);padding:40px 0 24px;text-align:var(--a_center);font-size:14px;}
.main_search .srch_area.indata .info_txt{border-bottom:8px solid #E7E9EC;}
.main_search .srch_area .info_txt em{font-weight:var(--f_medium)}
.main_search .srch_area.srch_nodata h2{font-size:16px;font-weight:var(--f_bold);padding-top:24px;}
.main_search .srch_area.srch_nodata .info_txt{color:var(--c_gray);padding-top:32px;}
.main_search .srch_area div.recent_lst{display:flex;margin-top:16px;flex-wrap: wrap;}
.main_search .srch_area div.recent_lst .btn_s {color:var(--c_dark2);font-size:13px;margin:4px;line-height:32px; cursor:pointer;}
.main_search .pdt_list{padding:0;}
.main_search .flex_bl.tit_count{display:flex;margin: 14px 0;justify-content: space-between; align-items: center;}
.main_search .flex_bl.tit_count h4{font-size:14px;font-weight:var(--f_normal)}
.main_search .flex_bl.tit_count select{width:95px;height:34px;min-width:auto;}

 /*마이페이지 주문정보*/
.board_title.none_margin {margin-bottom: 0; margin-top: 20px;}
.board.gap_side12 {margin: 0 12px;}
.order_process {border: 1px solid var(--c_gray3); border-radius:6px; margin-bottom:24px;}
.order_process ul {display: flex;}
.order_process ul li {position: relative; width: calc(100% / 5); text-align: center; padding: 18px 15px 18px 0;}
.order_process ul li.on strong {color:var(--c_black)}
.order_process ul li.on span{color:var(--c_black)}
.order_process ul li strong {font-size: 20px; font-weight: 500; display: block;color:var(--c_gray)}
.order_process ul li span{color:var(--c_gray);font-size:14px;}
.order_process ul li:after {content: ''; position: absolute; right: 0; top: 28px; background: url(/contents/module/images/ic_procee.svg) 0 0 no-repeat; width: 14px; height: 14px;}
.order_process ul li:last-child:after {content: none;}
.order_process dl {display: flex; background: #FBFBFB; padding: 16px 0 17px; justify-content: space-around; border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.order_process dl dt, .order_process dl dd {padding: 0 0;color:var(--c_gray);font-size:14px;}
.order_process dl dt.on, .order_process dl dd.on{color:var(--c_black)}
.order_process dl dd {position: relative; padding-right: 40px;}
.order_process dl dd:after {content: ''; position: absolute; right: 0; top: 0px; height: 16px; width: 1px; background: #D7D7D7}
.order_process dl dd:last-child:after {content: none;}
.order_detail_box {border: 1px solid #E5E5E5; padding-bottom: 20px; margin-bottom: 20px;}
.order_detail_box .date_info { display: flex;justify-content: space-between; border-bottom: 1px solid #D7D7D7; padding:10px; background: var(--c_l_gray3);}
.order_detail_box .prd_inn_box {display: flex;}
.order_detail_box .date_info span {font-size:16px; font-weight:var(--f_bold);}
.order_detail_box .date_info a{font-weight: bold;display: inline-block;background: url(/contents/module/images/ic_detail.svg) 100% 45% no-repeat; font-size: 0;width: 26px; height: 26px;}
.order_detail_box .prd_inn_box {padding: 45px 10px 16px; position: relative}
.order_detail_box .prd_inn_box .status {font-size: 14px; font-weight: bold; position: absolute; top: 14px;color:var(--c_dark)}
.order_detail_box .prd_inn_box .status.delay {color: #12BF46;}
.order_detail_box .prd_inn_box .status.cancel {color:#FE5653;}
.order_detail_box .prd_inn_box img {width:144px; height:144px;}
.order_detail_box .prd_inn_box .prd_info {margin-left: 10px;}
.order_detail_box .prd_inn_box .prd_info span {display: block;}
.order_detail_box .prd_inn_box .prd_info .prd_tit {font-size: 14px;font-weight: 500;overflow: hidden;text-overflow: ellipsis;line-height: 17px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;max-height: 34px;margin-bottom: 4px;}
.order_detail_box .prd_inn_box .prd_info .prd_opt {color: #999;font-size: 11px;}
.order_detail_box .prd_inn_box .prd_info .prd_price {font-size: 14px; font-weight: bold;color:#636363;}
.board .nodata {padding: 10% 0 13%; font-size: 14px;border-bottom:8px solid var(--c_lg_gray); text-align: center;}
.order_detail_box .btn_full {margin-top: 10px;}

/*상품문의 리스트 */
.qna_box .pdt_info {display:flex; gap:10px; }
.qna_box .pdt_info img{width:120px;height:120px; border:1px solid rgba(0,0,0,0.05);}
.qna_box .pdt_tit {font-size: 16px;color: var(--c_black);overflow: hidden;text-overflow: ellipsis;height: 38px;font-weight: 500;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;}
.qna_box .pdt_selc {font-size:16px; color:var(--c_black); width:var(--w_full);}
.qna_box .pdt_txt_info {display:flex;justify-content: space-between;margin:10px 0}
.qna_box .pdt_txt_info .usr_id {position: relative; padding: 0 10px 0 0; margin-right: 10px;}
.qna_box .pdt_txt_info .usr_id:after,.qna_box .pdt_txt_info .btn_qna_modify:after{content: ''; position: absolute;top:4px;right: 0; border-right: 1px solid var(--c_l_gray); width: 1px;height: 15px;}
.qna_box .pdt_txt_info  span { color: var(--c_gray);}
.qna_box .pdt_txt_info .btn_qna_txt{color:#6D6D6D; font-weight:var(--f_medium);position:relative;}
.qna_box .pdt_txt_info .btn_qna_modify{margin-right: 5px;padding-right: 10px;}
.qna_box .con_txt{color:#545454;font-size:14px;line-height:1.2;margin-bottom:10px;}
.qna_box .btn_qna_toggle {border: 1px solid var( --c_dark);color: var( --c_dark);font-size: 12px;line-height: 22px;font-weight: var(--f_medium);margin-bottom:10px;width: 80px;height: 25px;}
.qna_box .btn_qna_toggle em {width: 20px;height: 20px;background: url(/contents/module/images/ic_arr_down02.svg) 0 0 no-repeat;display: inline-block;background-size: contain;vertical-align: middle;margin-top: 0;}
.qna_box .btn_qna_toggle.disabled{pointer-events: none; background:#F5F8F9; border-color:#D7D7D7;color:#aaa;}
.qna_box .btn_qna_toggle.disabled em{filter: brightness(0) saturate(100%) invert(62%) sepia(0%) saturate(7241%) hue-rotate(13deg) brightness(106%) contrast(99%);}
.qna_box .btn_upload {display:flex; margin-top:14px; align-items:var(--a_center); justify-content:var(--a_center); cursor:pointer;}
.qna_box .upload_img_box {overflow-x:hidden;}

.qna_box {margin-bottom:40px;}
.qna_box .btn_qna_toggle.on em{transform: rotateZ(180deg);}
.qna_box .seller_txt{background:#F8F8F8; color:#535353;font-size:14px;padding:10px;display:none; }
.qna_box .seller_txt p {margin-bottom:10px;}
.qna_box .seller_txt p .usr_id{color:#666;font-weight:var(--f_medium);padding-right:12px;position:relative}
.qna_box .seller_txt p .usr_id::after{content: ''; position: absolute;top:1px;right:2px; border-right: 1px solid var(--c_l_gray); width: 1px;height:15px;}
.qna_box .seller_txt p  .date{color:var(--c_gray);font-weight:var(--f_medium)}
.qna_box .screte_con{padding-left:20px; color:#aaa; font-size:14px; background:url(/contents/module/images/ic_lock.svg) 0 50% no-repeat;}
.qna_box .qna_photo {display:flex; gap:9px; width:var(--w_full); margin-bottom:14px;}
.qna_box .qna_photo p {position:relative; width:calc((100% - 18px) / 5); cursor:pointer; border-radius:4px; overflow:hidden;}
.qna_box .qna_photo p:after {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); border:1px solid rgba(0,0,0,.1);}
.qna_box .qna_photo p img {width:var(--w_full);}
.btn_flex.half{ display:flex; gap:10px;}
.btn_flex.half button{width:calc(50% - 5px);}
.ta_wrap{position:relative;}
.ta_wrap .txt_count{position:absolute; right:12px; bottom:13px;}
.ta_wrap .txt_count,.ta_wrap .txt_count em{color:var(--c_gray);font-size:12px; }
.ta_wrap .qna_txt{border:1px solid var(--c_gray3);padding:10px; width:var(--w_full); height:300px; margin:10px 0 0;resize: none;}
.qna_box .cbox{display: flex; justify-content: flex-end; margin: 18px 0 0;}
.board .qna_box {margin: 20px 15px 0; padding-bottom: 20px; border-bottom: 1px solid #E5E5E5;}

/* 마이페이지 정기구독페이지*/
.mypage_subscribe{background-color:#F9F9F9}
.mypage_subscribe .mypage_subscribe_top{padding:30px 0 24px;background-color:var(--c_white)}
.mypage_subscribe .mypage_subscribe_top .progress_btn {display: flex;justify-content: var(--a_center); gap: 8px;}
.mypage_subscribe .mypage_subscribe_top .progress_btn button {width:60px;height: 34px;border: 1px solid var(--c_gray3);background: var(--c_white);line-height:1.6;
font-size: 12px;color: var(--c_dark2);text-align: var(--a_center);}
.mypage_subscribe .mypage_subscribe_top .progress_btn button.on { background: var(--c_dark); border: 0; color: var(--c_white); font-weight: var(--f_medium);}
.mypage_subscribe .nodata{padding:50px 0; text-align: var(--a_center); color:var(--c_black);font-size:14px;}
.mypage_subscribe .card_box .title,.mypage_subscribe .order_info_box .title{ margin-bottom: 14px;font-size: 15px; font-weight: var(--f_bold); border-bottom: 1px solid var(--c_l_gray);}
.mypage_subscribe .card_box .title span,.mypage_subscribe .order_info_box .title span {margin-bottom: -1px;display: inline-block; padding: 0 3px 7px 0; border-bottom: 1px solid var(--c_dark);}
.mypage_subscribe .order_info_box:first-child{margin-top:40px}
.mypage_subscribe .order_info_box .title{margin-bottom:26px;}
.mypage_subscribe .order_info_box{padding:24px 15px;background-color:#fff;}
.mypage_subscribe .order_info_box dl{display: flex;flex-wrap: wrap;}
.mypage_subscribe .order_info_box dl dt{width:20%;color:#6D6D6D;font-size:15px;margin-bottom:5px;max-width:120px;}
.mypage_subscribe .order_info_box dl dd{width:80%;color:#222;font-size:15px;margin-bottom:5px;}
.mypage_subscribe .order_info_box .info_txt{font-size:14px;color:#888;margin-top:10px;}
.mypage_subscribe .order_info_box .btn_box{margin-top:10px}
.mypage_subscribe .order_info_box .btn_box{display:flex;gap:5px;}
.mypage_subscribe .order_info_box .btn_box button{height: 40px;width: 100%;border: 1px solid var(--c_gray3);background: var(--c_white);font-size: 14px;font-weight: 700;color: var(--c_black);text-align: var(--a_center);}
.mypage_subscribe .order_info_box {border-bottom:8px solid #E7E9EC;}
.mypage_subscribe .order_info_box.last{  border-bottom: 0;}
.mypage_subscribe .pop_basic .address_pop .inp_box  input{width:100%;}
.mypage_subscribe .pop_basic .address_pop .inp_box .inp{display:flex;}
.mypage_subscribe .pop_basic .address_pop .inp_box .inp.tel{align-items: baseline;gap:5px;}
.mypage_subscribe .pop_basic .address_pop .inp_box .inp.post{display:flex;gap:10px;width:100%;}
.mypage_subscribe .pop_basic .address_pop .inp_box.addr .inp.post input{width:calc(100% - 124px)}
.mypage_subscribe .pop_basic .address_pop .inp_box.addr .inp:not(last-child){margin-bottom:10px}
.mypage_subscribe .pop_basic .address_pop .inp_box.addr .inp button{width:114px;}

.pop_basic .inp_box label{color:#222;font-size:14px;font-weight:700;margin:15px 0 10px;display:block}

.mypage_subscribe .card_box .btn_box{display:flex;gap:5px;}
.mypage_subscribe .card_box .btn_box button{height:40px;width:100%;border: 1px solid var(--c_gray3);background: var(--c_white); font-size: 14px;font-weight:700; color: var(--c_black); text-align: var(--a_center);}
.mypage_subscribe .card_area{font-size:14px;color: var(--c_black); display:flex;align-items: baseline;margin-bottom:16px;}
.mypage_subscribe .card_area em{display:inline-block;background-color:#D7D7D7;height:10px;width:1px;margin:0 10px;}
.mypage_subscribe .order_list {padding:24px 15px;}
.mypage_subscribe .order_list .order_box{background-color:var(--c_white);}
.mypage_subscribe .order_list .order_box:not(:last-child) {margin-bottom:10px;}
.mypage_subscribe .order_list .order_box .btn_box button{height: 40px;width: 100%;border: 1px solid var(--c_gray3);background: var(--c_white);
font-size: 14px;font-weight: 700;color: var(--c_black);text-align: var(--a_center);}
.mypage_subscribe .order_list .order_wrap.order_end .top .f_bold{color:#888;}
.mypage_subscribe .order_box .sub_period{padding:5px 10px;display:flex;justify-content: space-between;margin-bottom:10px;background-color:#F8F8F8;}
.mypage_subscribe .order_box .sub_period .pay{font-size:15px;color:#009DF8;}
.mypage_subscribe .order_box .sub_period .arrived{color:#888;font-size:15px;}
.mypage_subscribe .order_box .pdt_name{font-size:14px;color:#222;font-weight:500;margin:0 0 16px;padding-top:12px}

/* 마이페이지 정기구독일정 팝업 */
.sub_list table {width:100%;}
.sub_list table th{background-color:#F8F8F8;color:#000;font-weight:700;width:100px;border-bottom:1px solid #E7E9EC}
.sub_list table tr.active td{color:#222;}
.sub_list table tr.active th .number{color:#fff;font-size:10px;font-weight:700;background-color:#009DF8;display:block;width:40px;margin:0 auto;border-radius:10px;padding:3px 6px;margin-top:3px;}

.sub_list table td{width:calc(100% - 100px);padding:12px 10px;border-bottom:1px solid #E7E9EC;font-weight:500;color:#888;}
.sub_list .note { background:#F8F8F8; padding:20px; color:#727272; margin:25px 0 40px;}
.sub_list .note ul { list-style:none; }
.sub_list .note li { padding-left:14px; position:relative; line-height:1.6;color:#999 }
.sub_list .note li + li { margin-top:8px; }
.sub_list .note li:before{ content:"·"; position:absolute; left:0; }
/* 카테고리 */
.pop_category .bg{display: none; position: absolute; max-width: 750px;  width: 100%;  height: 100%; left: 0;  top: 0; background: rgba(0,0,0,.7); z-index: 10;}
.pop_category .cate_menu{ overflow-y: auto;position: fixed;max-width: 750px; width: 100%; height: 70%;  bottom:-100%;overflow-y: auto; background: #fff; z-index: 11;}
.pop_category .cate_top{color: #fff;font-size: 20px;font-weight: bold;background-color: var(--c_dark);height: 55px;text-align: center;line-height: 55px; gap:12px; display: flex;align-items: center;justify-content: center; position:relative;}
.pop_category .btn_close {background: url(/contents/module/images/ic_close_sm.svg) 0 0 no-repeat;width: 40px;height: 40px;background-size: contain;position: absolute; right:7px; top:7.5px; z-index: 999;}
.pop_category .cate_menu ul{padding:25px 30px;}
.pop_category .cate_menu ul li {margin-bottom:20px;}
.pop_category .cate_menu ul li a{color:var(--c_dark);font-size:16px;font-weight:var(--f_medium);}
.pop_category .cate_menu ul li:last-child{margin-bottom:0px;}

/*장바구니*/
.cart_wrap {background:#f4f4f4; padding:20px 15px;}
.cart_wrap .cart_nodata {margin:0 15px; padding:50px 0; border-bottom:1px solid var(--c_l_gray); font-size:14px; text-align:var(--a_center);}
.cart_wrap .shop_wrap {border:1px solid var(--c_lg_gray);}
.cart_wrap .shop_wrap + .shop_wrap {margin-top:20px;}
.cart_wrap .shop_wrap .shop_name {padding:13px 20px; background:var(--c_l_gray3);}
.cart_wrap .shop_wrap .shop_name label {color:#000; font-weight: var(--f_medium);height:18px;}
.cart_wrap .shop_wrap .info {margin:0;}
.cart_wrap .shop_wrap .info .box {padding:20px; background:var(--c_white);}
.cart_wrap .cart_box {padding:20px; background:var(--c_white);}
.cart_wrap .cart_box.last {position:relative; padding-bottom:40px;}
.cart_wrap .cart_box.last:after {content:''; position:absolute; bottom:0; width:calc(100% - 40px); height:1px; background:var(--c_lg_gray);}
.cart_wrap .pdt_box {display:flex; gap:10px; align-items: flex-start;}
.cart_wrap .pdt_box .cbox {flex-shrink:0; width:18px; margin-top:19px;}
.cart_wrap .pdt_box .cbox label {display:inherit;}
.cart_wrap .pdt_box .img {position:relative; flex-shrink:0; width:60px; height:auto; aspect-ratio:1/1;}
.cart_wrap .pdt_box .img:after {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); background:rgba(0,0,0,.03);}
.cart_wrap .pdt_box .img img {width:var(--w_full);}
.cart_wrap .pdt_box .pdt_info {flex-grow:1; width:calc(100% - 133px);}
.cart_wrap .pdt_box .pdt_name {margin-bottom:5px; font-size:14px; font-weight:var(--f_medium); overflow:hidden; text-overflow:ellipsis; display:-webkit-inline-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word;}
.cart_wrap .pdt_box .pdt_option {margin-bottom:5px;}
.cart_wrap .pdt_box .pdt_option li {color:#888;}
.cart_wrap .pdt_box .pdt_option .option {margin-bottom:2px; color:#636363; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cart_wrap .pdt_box .pdt_option .c_red {color:var(--c_red); font-weight:var(--f_medium); margin-top:2px;}
.cart_wrap .pdt_box .pdt_option .icon {margin-top:2px;}
.cart_wrap .pdt_box .price {font-size:16px;}
.cart_wrap .pdt_box .price em {font-size:16px; font-weight:var(--f_bold);}
.cart_wrap .btn_box {display:flex; gap:5px; margin-top:15px;}
.cart_wrap .btn_box button {flex-grow:1; width:50%;}
.cart_wrap .sub_cart {padding-top:20px;}
.cart_wrap .sub_cart .sub {margin-top:19px; padding-left:5px;}
.cart_wrap .info_box {margin:0 -15px; padding:20px 15px 0; border-top:20px solid #f4f4f4; background:var(--c_white);}
.cart_wrap .all_check {display:flex; justify-content:space-between; align-items:var(--a_center); padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid var(--c_l_gray);}
.cart_wrap .all_check .btn_delete {width:74px; height:30px; border:1px solid var(--c_gray); color:var(--c_gray); font-weight:var(--f_medium);}
.cart_wrap .info {margin-bottom:20px;}
.cart_wrap .info .title {font-size:14px; font-weight:var(--f_medium); margin-bottom:10px;}
.cart_wrap .info .box {padding:15px; background:var(--c_l_gray2);}
.cart_wrap .info .box dl {display:flex; justify-content:space-between; margin-bottom:10px;}
.cart_wrap .info .box dl:last-child {margin-bottom:0;}
.cart_wrap .info .box dt {color:var(--c_gray);}
.cart_wrap .info .box dd em {font-weight:var(--f_medium); margin-right:3px;}
.cart_wrap .cart.sold_out .img:after {content:"SOLD OUT"; font-size:9px; font-weight:var(--f_bold); color:var(--c_white); text-align:var(--a_center); line-height:58px; background:rgba(34,34,34,.5);}
.cart_wrap .cart.sold_out .pdt_name {color:#c1c1c1;}
.cart_wrap .cart.sold_out .sold_out {font-size:16px; font-weight:var(--f_bold); color:var(--c_red);}
.cart_wrap .totall_price {margin-bottom:20px;}
.cart_wrap .totall_price dl {display:flex; justify-content:space-between; align-items:var(--a_center);}
.cart_wrap .totall_price dt {font-size:16px; font-weight:var(--f_bold);}
.cart_wrap .totall_price dd {font-size:20px; color:var(--c_red);}
.cart_wrap .totall_price dd em {font-size:20px; font-weight:var(--f_bold); color:var(--c_red); margin-right:3px;}
.cart_wrap .check_cod {margin-top:-10px;}
.cart_wrap .check_cod dl {display:flex; justify-content:space-between; align-items:var(--a_center);}
.cart_wrap .check_cod dt {font-size:12px; font-weight:var(--f_medium); color:var(--c_gray);}
.cart_wrap .check_cod dd {font-size:14px;}
.cart_wrap .check_cod dd em {font-weight:var(--f_bold); margin-right:3px;}
.cart_wrap .complete_btn {display:flex; margin-top:20px;}
.cart_wrap .complete_btn button {flex-grow:1;}

/* 장바구니 구독서비스  탭메뉴 추가*/
.cart_tab_tabs {display: flex;cursor: pointer;padding:0 15px;background:var(--c_white);height:45px}
.cart_tab_tab {padding:10px;transition: background 0.3s; width:50%;text-align:center;}
.cart_tab_tab.active {font-weight: bold;border-bottom: 2px solid  var(--c_dark);color:var(--c_black)}
.cart_tab_content {border: 1px solid #ddd;margin-top: -1px;display: none;}
.cart_tab_content.active {display: block;}
.change_date{background: var(--c_l_gray2) url(/contents/module/images/ic_arr_right_b.svg) 100% 50% no-repeat;border:1px solid #E7E9EC;font-size:13px;
             color:#636363;text-align:center;height:28px;line-height:28px;cursor:pointer;margin-bottom:10px;}
.change_date span{color:var(--c_skyblue)}

/*옵션팝업*/
.pop_option_cart,.pop_basic {display:none;}
.pop_option_cart .bg,.pop_basic .bg {position:absolute; max-width:750px; width:var(--w_full); height:var(--w_full); left:0; top:0; background:rgba(0,0,0,.7); z-index:10;}
.pop_option_cart .content,.pop_basic .content {position:absolute; top:100px; left:50%; margin-left:-250px; width:500px; padding:0 15px; background:var(--c_white); z-index:11; box-sizing:border-box;}
.pop_option_cart .title_box,.pop_basic .title_box {display:flex; justify-content:space-between; align-items:stretch; border-bottom:1px solid var(--c_dark);}
.pop_option_cart .title_box .title ,.pop_basic .title_box .title{line-height:50px; font-size:16px; font-weight:var(--f_bold);}
.pop_option_cart .title_box .btn_close,.pop_basic .title_box .btn_close {margin-right:-15px;}
.pop_basic .title_box .btn_close{border:0;}
.order_list .pop_basic .title_box .btn_close{top:0px;bottom:auto}
.pop_option_cart .cart_wrap {padding:10px 0 14px;}
.pop_option_cart .con_scroll,.pop_basic .con_scroll {overflow-y:auto; max-height:75vh;}
.pop_option_cart .option_scroll_in, {overflow-y:auto; max-height:240px;}
.pop_option_cart .option_scroll_in .option_num {padding-left:1px;}
.pop_option_cart .detail_option {padding:15px 0 0 0; border:0; border-top:1px solid var(--c_l_gray);}
.pop_option_cart .complete_btn ,.pop_basic .complete_btn{margin:10px 0 20px; display:flex; gap:5px;}
.pop_option_cart .complete_btn button,.pop_basic .confirm_btn button {flex-grow:1; width:50%;}
.pop_basic .content{top:50%;}
.pop_basic .content .option_box .title{color:var(--c_black);font-weight:700;font-size:13px;}
.pop_basic .content .opt_subscribe .title{margin-bottom:10px}
.pop_basic .content .opt_subscribe{margin-bottom:20px;}
.pop_basic .content .opt_calendar{margin-bottom:20px}
.pop_basic .content .complete_btn button{width:100%;}
/*404 에러*/
.no_result_404 {padding:100px 15px 0; text-align:var(--a_center);}
.no_result_404 h2 {margin-top:25px; font-size:42px; font-weight:var(--f_bold); color:var(--c_dark);}
.no_result_404 .txt {margin:60px 0; font-size:20px; font-weight:var(--f_medium); color:var(--c_dark2);}
.no_result_404 .complete_btn {display:flex; gap:5px; width:var(--w_full);}
.no_result_404 .complete_btn button {flex-grow:1; width:50%;}

/*판매종료*/
.discontinued {padding:60px 15px; text-align:var(--a_center);}
.discontinued h2 {margin-top:10px; font-size:18px; font-weight:var(--f_bold); color:var(--c_black);}
.discontinued button {margin-top:60px;}

/*주문결제하기*/
/*구독 박스 영역 설명란*/
.order_subscribe_box{padding:20px 15px;background-color:var(--c_l_gray2)}
.order_subscribe_box .info li{display:flex;justify-content: space-between;margin-bottom:10px;}
.order_subscribe_box .info li:last-child{margin-bottom:0;}

.order_subscribe_box .info{font-size:13px;}
.order_subscribe_box .info .tit{color:var(--c_gray);}
.order_subscribe_box .info .sub_info{color:var(--c_black);font-weight:500;}
.order_subscribe_box .info_txt{border-top:1px solid #E7E9EC;padding-top:15px;margin-top:15px}
.order_subscribe_box .info_txt li{position:relative;padding-left:8px;color:var(--c_gray);font-size:13px;line-height:160%}
.order_subscribe_box .info_txt li:after{content:'';width:2px;height:2px;background-color:var(--c_gray);display:block;position:absolute;top:9px;left:0;}
.orderpay_box {padding:24px 15px; border-top:8px solid var(--c_lg_gray);}
.orderpay_box.br_t0 {border-top:0;}
.orderpay_box .title {display:flex; justify-content:space-between; margin-bottom:14px; font-size:15px; font-weight:var(--f_bold); border-bottom:1px solid var(--c_l_gray);}
.orderpay_box .title span {margin-bottom:-1px; display:inline-block; padding:0 3px 7px 0; border-bottom:1px solid var(--c_dark);}
.orderpay_box .title button {font-weight:var(--f_medium); color:var(--c_dark2);}
.orderpay_box .title button img {vertical-align:var(--va_middle); margin-top:-2px;}
.orderpay_box .order_box {display:flex; flex-wrap:wrap; column-gap:10px; row-gap:6px; padding:14px 0; border-bottom:1px solid var(--c_l_gray);}
.orderpay_box .order_box:first-of-type {padding-top:0;}
.orderpay_box .order_box .shop_name {width:100%; color:#888;}
.orderpay_box .order_box .img {flex-shrink:0; width:72px;}
.orderpay_box .order_box .img a {display:block; position:relative;}
.orderpay_box .order_box .img a:after {content:""; position:absolute; left:0; top:0; width:var(--w_full); height:var(--w_full); border:1px solid rgba(0,0,0,.05);}
.orderpay_box .order_box .img img {width:var(--w_full);}
.orderpay_box .order_box .pdt_info {flex-grow:1; width:calc(100% - 82px);}
.orderpay_box .order_box .pdt_name {margin-bottom:5px; font-size:14px; font-weight:var(--f_medium); overflow:hidden; text-overflow:ellipsis; display:-webkit-inline-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-word;}
.orderpay_box .order_box .pdt_option {margin-bottom:5px;}
.orderpay_box .order_box .pdt_option li {color:#888;}
.orderpay_box .order_box .pdt_option .option {margin-bottom:2px; color:#636363; overflow:hidden; }
.orderpay_box .order_box .pdt_option .icon {margin-top:2px;}
.orderpay_box .order_box .price {font-size:16px;}
.orderpay_box .order_box .price em {font-size:16px; font-weight:var(--f_bold);}
.orderpay_box .estimate_price dl {padding-top:14px; display:flex; justify-content:space-between; align-items:var(--a_center);}
.orderpay_box .estimate_price dt {font-size:16px; font-weight:var(--f_bold);}
.orderpay_box .estimate_price dd {font-size:20px; color:var(--c_red);}
.orderpay_box .estimate_price dd em {font-size:20px; font-weight:var(--f_bold); color:var(--c_red); margin-right:3px;}

.orderpay_box .inp_box {margin-bottom:20px; position:relative;}
.orderpay_box .inp_box:last-of-type {margin-bottom:0;}
.orderpay_box .inp_box label {display:block; font-size:14px; font-weight:var(--f_medium); margin-bottom:10px;}
.orderpay_box .inp_box label span {color:var(--c_red);}
.orderpay_box .inp_box .btn_passnum {position:absolute; right:0; top:3px; font-size:12px; font-weight:var(--f_medium); color:var(--c_dark2); padding-right:12px; background:url(/contents/module/images/ic_arr_right_b_sm.svg)no-repeat 100% 50%;}
.orderpay_box .inp_box .inp {display:flex; justify-content:space-between; gap:6px; align-items:var(--a_center); margin-bottom:10px;}
.orderpay_box .inp_box .inp:last-of-type {margin-bottom:0;}
.orderpay_box .inp_box .inp input {width:var(--w_full);}
.orderpay_box .inp_box .inp.addr button {flex-shrink:0; width:114px;}
.orderpay_box .inp_box .inp select {width:var(--w_full);}
.orderpay_box .inp_box .c_red {color:var(--c_red); font-weight:var(--f_bold);}
.orderpay_box .cbox {margin:0 16px 4px 0;}
.orderpay_box .cbox label {margin:0; font-weight:var(--f_regular);}
.orderpay_box .tip {margin-top:10px; font-size:12px; font-weight:var(--f_medium); color:var(--c_gray);}

.orderpay_box .flex_box {display:flex; justify-content:space-between; align-items:var(--a_center); margin-bottom:14px;}
.orderpay_box .flex_box p {color:var(--c_gray);}
.orderpay_box .flex_box button {color:var(--c_dark2);}
.orderpay_box .flex_box button img {vertical-align:middle;}
.orderpay_box .payment_box ul {display:flex; gap:12px; flex-wrap:wrap; margin-bottom:20px;}
.orderpay_box .payment_box li {width:calc((100% - 24px) / 3); text-align:var(--a_center);}
.orderpay_box .payment_box li input[type='radio'],
.orderpay_box .payment_box .payco_box input[type='radio'], 
.orderpay_box .payment_box .npay_box input[type='radio'] {display:none;}
.orderpay_box .payment_box li label {display:block; font-size:14px; color:var(--c_dark2); height:54px; line-height:52px; border:1px solid var(--c_gray3); cursor:pointer;}
.orderpay_box .payment_box li .hidden {font-size:0;}
.orderpay_box .payment_box li input:checked + label,
.orderpay_box .payment_box .payco_box input:checked + label,
.orderpay_box .payment_box .npay_box input:checked + label {border:1px solid var(--c_black);}
.orderpay_box .payment_box li.npay {background:url(/contents/module/images/ic_npay.svg)no-repeat 50% 50%;}
.orderpay_box .payment_box li.toss {background:url(/contents/module/images/ic_toss.svg)no-repeat 50% 50%;}
.orderpay_box .payment_box li.payco {background:url(/contents/module/images/ic_payco.svg)no-repeat 50% 50%;}
.orderpay_box .payment_box li.applepay {background:url(/contents/module/images/ic_applepay.svg)no-repeat 50% 50%;}
.orderpay_box .payment_box li.kakaopay {background:url(/contents/module/images/ic_kakaopay.svg)no-repeat 50% 50%;}
.orderpay_box .payment_box .payco_box {background:url(/contents/module/images/paycon_old.png)no-repeat 45% 30%; margin-bottom:12px;}
.orderpay_box .payment_box .payco_box label {height:75px; display:block; border:1px solid var(--c_gray3); cursor:pointer;text-align:center;}
.orderpay_box .payment_box .payco_box label span {background:url(/contents/module/images/payco_txt.png)no-repeat 50% 50%;width:86px;height:30px;display:inline-block;margin:10px 0 0 130px;    background-size: contain;}
.orderpay_box .payment_box .payco_box label em {display:block;}
.orderpay_box .payment_box .npay_box {margin-bottom:14px;position:relative;}
.orderpay_box .payment_box .npay_box .discount_tip_wrap {width:96px; height: 22px; padding-left: 12px; padding-right: 12px; right: 3%; top: -10px; position: absolute; background: #222222; border-radius: 12px; justify-content: center; align-items: center; gap: 10px; display: inline-flex;}
.orderpay_box .payment_box .npay_box .discount_tip_wrap div {text-align: right}
.orderpay_box .payment_box .npay_box .discount_tip_wrap div span:first-child{color: white; font-size: 12px; font-family: Pretendard; font-weight: 700; line-height: 16.80px; word-wrap: break-word}
.orderpay_box .payment_box .npay_box .discount_tip_wrap div span:nth-child(2){color: white; font-size: 12px; font-family: Pretendard; font-weight: 500; line-height: 16.80px; word-wrap: break-word}
.orderpay_box .payment_box .npay_box .npay {background:#00DE5A url(/contents/module/images/ic_npay_black.svg)no-repeat 50% 50%;}
.orderpay_box .payment_box .npay_box label {display:block; width:100%; height:54px; line-height:52px; text-align:var(--a_center); cursor:pointer;}
.orderpay_box .payment_box .npay_box .txt {margin-top:8px; display:flex; align-items:flex-start; gap:6px;}
.orderpay_box .payment_box .npay_box .txt div p {font-size:14px;color:#282828;position:relative;padding-left:7px;letter-spacing: -1px;}
.orderpay_box .payment_box .npay_box .txt div p:before{content:'';width:2px;height:2px;background-color:#282828;display:block;margin-right:10px;position:absolute;left:0;top:10px;}
.orderpay_box .payment_box .npay_event_wrap {width: 100%; height: 100%; justify-content: flex-start; align-items: center; gap: 6px; display: inline-flex; margin-top:8px;}
.orderpay_box .payment_box .npay_event_wrap  .npay_event_obj {height: 22px; padding-left: 12px; padding-right: 12px; background: #00DE5A; border-radius: 12px; justify-content: center; align-items: center; gap: 10px; display: flex;}
.orderpay_box .payment_box .npay_event_wrap  .npay_event_obj div {color: black; font-size: 12px; font-family: Pretendard; font-weight: 500; line-height: 16.80px; word-wrap: break-word}
.orderpay_box .payment_box .npay_event_wrap  .npay_event_info_wrap {flex: 1 1 0}
.orderpay_box .payment_box .npay_event_wrap  .npay_event_info_wrap .npay_event_info {color: #222222; font-size: 14px; font-family: Pretendard; font-weight: 500; line-height: 19.60px; word-wrap: break-word}
.orderpay_box .npay_event_info_highlight{color: #4BA764; font-size: 14px; font-family: Pretendard; font-weight: 700; line-height: 19.60px; word-wrap: break-word;}
.orderpay_box .card_num{color:var(--c_black);font-size:14px;margin-bottom:14px;}
.pay_toggle{display:block;font-size:14px;color:#404040;height:54px;border-top:1px solid #E5E5E5;box-sizing:border-box;padding:14px 14px 14px 0;}
.pay_toggle span{margin-top:-10px;}
.pay_toggle input[type="radio"] {flex-shrink: 0; margin:0 12px 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 17px;height: 17px;border: 2px solid #E5E5E5; border-radius: 50%; outline: none;cursor: pointer;} 
.pay_toggle input[type="radio"]:checked { background-color: #fff; border:3px solid #282828; box-shadow: 0 0 0 1px #111;}
.pay_type_bl{padding-bottom:24px}
.orderpay_box .payment_box ul.pay_type_bl{display:none;}
.pop_basic .content.card_regit label{font-size:14px; font-weight:700;margin-top:15px;display:block;}
.pop_basic .content.card_regit .inp_box input{ width:100%;margin-top:10px}
.pop_basic .content.card_regit .inp_box .inp{ display: flex;align-items: center; gap:10px; align-items: baseline;}
.pop_basic .content.card_regit .complete_btn{margin-top:20px}

.orderpay_box .join_info {padding:0; margin-bottom:0;}
.orderpay_box .join {padding:0; min-height:auto;}
.orderpay_box .join .agree_box {padding:0; border:0;}
.orderpay_box .join .agree_box .agree {align-items:flex-start;}
.orderpay_box .pay_inputcard  {margin-top:24px; padding-top:24px; border-top:1px solid var(--c_l_gray);}
.orderpay_box .pay_inputcard .inp {justify-content:flex-start; font-size:14px;}
.orderpay_box .pay_inputcard .inp_box .inp .w25 {width:25%;}
.orderpay_box .pay_inputcard .inp_box .inp .w30 {width:30%;}
.orderpay_box .pay_inputcard .txt {font-weight:var(--f_medium); color:var(--c_gray);}

.orderpay_box .pay_bank {margin-top:24px; padding-top:24px; border-top:1px solid var(--c_l_gray);}
.orderpay_box .pay_bank .receipt > * {display:inline-block;}
.orderpay_box .pay_bank .receipt > label {width:94px; padding-right:24px; margin:0;}
.orderpay_box .pay_bank .receipt .cbox {display:inline-block; margin-right:20px;}
.orderpay_box .pay_bank .receipt .cbox:last-child {margin:0;}
.orderpay_box .pay_bank select {margin-bottom:16px;}
.orderpay_box .complete_btn {margin-top:30px;}

/*주문결제완료*/
.result_txt {padding:40px 0; text-align:var(--a_center); background:var(--c_l_gray3);}
.fail_wrap h3 {margin-bottom:14px; font-size:18px; font-weight:var(--f_bold);}
/*.fail_wrap div {font-size:14px; color:var(--c_dark2);}*/
.order_result .order_box:last-of-type {padding-bottom:0; border-bottom:0;}
.order_result_btn {margin-top:40px; display:flex; gap:5px;}
.order_result_btn button {flex-grow:1; width:50%;}
.orderpay_box .order_subscribe_box{margin-bottom:24px}
.orderpay_box.order_subscribe .order_box{padding-top:0;}
.order_result .order_subscribe .sub_company{color:#888;font-size:13px;line-height:140%;margin-bottom:6px;}
/*주문결제실패*/
.order_fail .result_txt { background: var(--c_white);}
.fail_info_wrap { margin-top:20px; padding:10px 15px;}
.fail_wrap {text-align:-webkit-center; padding: 60px 15px;}
.fail_image {border-radius:30px;}
.fail_home_btn {margin-top:60px;}
.fail_txt {font-size:13px;}
@media screen and (max-width:540px) {
    /*알람*/
    .alarm_wrap .agree {display:flex; justify-content: space-between; align-items:var(--a_center); height:50px; padding:0 15px; border-bottom:1px solid var(--c_l_gray);}
    .alarm_wrap .agree p {font-size:14px;}

    /*상세 : 상품이미지*/
    .detail_thumb .big_img {margin-bottom:5px;}
    .detail_thumb .small_img li {margin:0 2.5px;}
    .detail_thumb .small_img p {margin: 0 2px;}
    .detail_thumb .small_img .slick-arrow {width:20px;}
    .detail_thumb .small_img .slick-current:after {background-size:15px;}
    .detail_thumb .small_img.add_arrow li {height:auto;}
    .detail_thumb .small_img.add_arrow li img {width:100%; max-width:100%;}
    .detail_thumb .small_img .slick-prev {left:5px;}
    .detail_thumb .small_img .slick-next {right:5px;}

    /*무이자혜택 팝업*/
    .pop_card_discount .content, .pop_pay_event .content {width:calc(100% - 30px); margin-left:0; left:50%; transform:translateX(-50%);}

    /*게시판타이틀*/
    .board_title {padding: 0 42px;}
    .board_title.pd30 {padding: 0 30px;}
    .board_title .search {gap: 4px; width: 100%;}
    .board_title .search input {width: auto; flex-grow: 1;}
    .board_title .search button {flex-shrink: 0; width: 56px;}
    .board_title .search select {flex-shrink: 0; width: 86px;}
    .board_title .sorting {gap: 6px;}
    .board_title .sorting button {padding: 0 10px;}
    .board_title .period_btn {gap: 4px;}
    .board_title .period_btn button {width: 60px;}
    .board_title .period_ipt {gap: 10px;}
    .board_title .period_ipt span {flex-shrink: 0; width: 8px;}
    .board_title .period_ipt input {flex-shrink: 0; width: calc((100% - 28px) / 2);}
    .board_title .btn_search {width: 100%;}

    /*FAQ*/
    .board.faq .board_th {display: block; overflow-x: auto;}
    .board.faq .board_th {-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ -webkit-overflow-scrolling: touch;}
    .board.faq .board_th::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
    .board.faq .board_th .scroll {width: fit-content; display: inline-flex;}
    .board.faq .board_th p.on:after {bottom: 2px;}
    
    /*주문내역상세*/
    .order_detail .center_btn {gap: 5px;}

    /*정보 텍스트*/
    .info_box_wrap .box {padding: 8px;}

    /*주문취소,반품요청,교환요청 팝업*/
    .cancle_popup .content {width: 92%; margin-left: -46%;}

    /*배송현황 팝업*/
    .delivery_popup .content {width: 92%; margin-left: -46%;}
    
    /*이벤트*/
    .event_list ul {gap: 9px;}
    .event_list li.end:before {left: -2px; top: -2px; width: calc(100% + 4px); height: calc(100% + 4px);}
    .event_list li.end:after {top: 42%; width: 75px; height: 24px; line-height: 22px;}

    /*상품리뷰 타이틀 */
    .board_title.review_top {padding: 0;}
    .review_conbox .prdimg_box{width:74px;height:74px;}
    .review_conbox .prdtit{width: calc(var(--w_full) - 89px);}
    .review_slider.slick-slider{max-width:269px;max-height:269px; width:var(--w_full);height:var(--w_full);}
    .review_slider.slick-slider .slick-slide.slick-active {max-width:269px; max-height:269px; width:var(--w_full); height:var(--w_full);}    

    .review_regit .review_popup_con .user_input .ta_wrap .qna_txt { height: 133px;}
    .upload_img_box span img{width:68px;height:68px;}  
    .photo_slide {-ms-overflow-style: none; scrollbar-width: none;}
    
    /*찜리스트 */
    .wish_list .prd_box img {width:76px; height:76px;}
    .wish_list .prd_box {grid-template-columns: 30px 76px 1fr;}
    .wish_list .prd_box .prd_info {margin:0 0 0 12px;}
    .wish_list .prd_box .prd_tit {padding-right:28px;}
    .wish_list .d_wrap {margin-top:24px;}

    /* 최근 주문내역*/
    .order_detail_box .prd_inn_box img {width: 72px;height: 72px;}

    /*문의내역 */
    .qna_box .pdt_info img{width:60px;height:60px;}

    /*옵션팝업*/
    .pop_option_cart .content,.pop_basic .content {width:calc(100% - 30px); margin-left:0; left:50%; transform:translateX(-50%);}

    /*달력 팝업*/
    .calendar-days {gap:0;}
    .calendar-day {font-size:13px; padding:10px 0;}
    .calendar-day a, .calendar-day span {font-size:13px; width:26px; height:26px; line-height:27px;}
    .calendar-day p {font-size:9px; margin-top:3px;}
    .progress_bar{max-width:90px;}
    .review_popup_con .photo_list {  gap: 5px;}
    .review_popup_con .photo_list li{width:calc((100% / 3) - 5px); }
}
@media screen and (max-width:420px) {
    .scrore_box{ justify-content: space-between;}
    .scrore_box:before{left:40%}
    .rating_bar{width:55%;}
    .orderpay_box .payment_box .payco_box{background-position: 35% 31%;background-size: 64px; }
    .orderpay_box .payment_box .payco_box label span{background-size: 72px; margin: 10px 0 0 80px;}

}
