@charset "utf-8";

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	공통  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#wrapper_title { font-size:32px; font-weight:800; color:var(--black); }
.shop-content { width:1280px; padding:0 20px; margin:50px auto; position:relative; min-height:600px; }
.shop-content:has(#sub_visual) { width:100%; max-width:100%; padding:0; margin-top:0; }

/* 서브비주얼 */
#sub_visual { padding:110px 0; border-radius:0 0 60px 30px; margin-bottom:50px; background:url(../img/mybuy_bg.jpg)center no-repeat; background-size:cover; }
#sub_visual.mybuy { background:url(../img/mybuy_bg.jpg)center no-repeat; background-size:cover; }
#sub_visual.company { background:url(../img/company_bg.jpg)center no-repeat; background-size:cover; }
#sub_visual.allbuy { background:url(../img/allbuy_bg.jpg)center no-repeat; background-size:cover; }
#sub_visual.sellers { background:url(../img/sellers_bg.jpg)center no-repeat; background-size:cover; }
#sub_visual.jobs { background:url(../img/jobs_bg.jpg)center no-repeat; background-size:cover; }
#sub_visual.class { background:url(../img/class_bg.jpg)center no-repeat; background-size:cover; }
#sub_visual .pageTit { font-size:44px; font-weight:700; color:#fff; line-height:1.4; }
#sub_visual.company .pageTit { font-weight:400; }
#sub_visual.company .pageTit strong { font-weight:800; }
#sub_visual .subText { font-size:20px; font-weight:700; color:#fff; margin-top:20px; }
#sub_visual + div { width:1280px; padding:0 20px; margin:0 auto; position:relative; min-height:600px; margin-bottom:100px; }

/* 목록 */
.list_col4 ul { display:flex; gap:20px; flex-wrap:wrap; }
.list_col4 ul li { width:calc(25% - 60px/4); clear:none; }

.list_col5 ul { display:flex; gap:20px; flex-wrap:wrap; }
.list_col5 ul li { width:calc(20% - 80px/5); clear:none; }


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 상품목록  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

/*=================================== 상품검색  ===================================*/
.searchBox { display:flex; justify-content:center; margin:40px auto;  }
.searchBox form { position:relative; }
.searchBox #sch_str { width:500px; border-radius:24px; border:2px solid var(--blue01); padding-left:25px; padding-right:50px; height:52px; line-height:52px; font-size:18px; color:var(--black); display:block; }
.searchBox #sch_str::placeholder { color:var(--grey); }
.searchBox #sch_str:focus { border:2px solid var(--blue01);  }
.searchBox #sch_submit { position:absolute; right:2px; top:0; width:48px; height:48px; background:transparent url(../img/common/ico_search_blue.png)center no-repeat; background-size:30px; border:0;}

/*=================================== 1차 카테고리 목록  ===================================*/
.categoriesList { width:100%; background:#f4f4f4; border-radius:10px; padding:20px; }
.categoriesList ul { display:flex; gap:10px; flex-wrap:wrap; }
.categoriesList ul li a { width:auto; display:inline-block; color:var(--grey); font-size:15px; font-weight:700; height:44px; line-height:44px; padding:0 20px; border-radius:22px; background:#fff; 
    transition:all 0.3s; white-space:nowrap; }
.categoriesList ul li a:hover,   
.categoriesList ul li a.current { background:var(--blue01); color:#fff;  border-radius:22px 6px 22px 6px; box-shadow:0 0 5px rgba(0,0,0,0.25);  }

/*=================================== 상품정렬  ===================================*/
#sct_sortlst  { border:0; top:0; float:right; margin-top:-50px; }
#sct_sort { float:none; width:auto; display:inline; }
#prd_sort {position:relative; display:block; width:160px; cursor:pointer; color:var(--grey); } 
#prd_sort .select {display:block; padding:0 10px; height:40px; line-height:40px; border:1px solid #d4d4d4; border-radius:3px; background:#fff; font-size:14px; font-weight:700; position:relative; } 
#prd_sort .select:after { width:12px; height:40px; content:''; display:block; position:absolute; top:0; right:10px; background: url(../img/common/select_arw.png)50% 50% no-repeat; background-size:100%; }
#prd_sort .sort_option {position:absolute; top:100%; left:0; right:0; width:100%; border:1px solid #d4d4d4; background:#fff; z-index:100; display:none; font-size:14px; font-weight:700; } 
#sct_sort li { float:none; width:100%; height:32px; padding:0;   } 
#prd_sort .sort_option li:hover {background:#f5f5f5;} 
#prd_sort .sort_option li a {padding:0 10px; text-decoration:none; display:block; border-left:0; width:100%; line-height:32px; color:var(--grey); }
#prd_sort .sort_option li:hover a { border-bottom:0; color:var(--black); }

/*=================================== 리스트상단  ===================================*/
.prdTitleWrap { display:flex; margin-top:40px; align-items:center; width:100%; padding-bottom:10px; border-bottom:1px solid #333; padding-right:160px;}
.prdTitleWrap .prdTit { font-size:32px; color:var(--black); font-weight:800; }
.prdTitleWrap .prdNumber { font-size:14px; color:var(--grey); margin-left:10px; margin-top:10px; font-weight:700; }
.prdTitleWrap .prdNumber b { font-weight:900; }



/*=================================== list.50.skin  ===================================*/
.sct_50 { display:flex; flex-wrap:wrap; margin:20px 0 0 0; gap:20px; }
.sct_50 .sct_li { padding:0 0 50px 0; width:calc(25% - (20px * 3 / 4)); }
.sct_50 .sct_li .sct_img { border:1px solid #ececec; border-radius:6px; overflow:hidden; position:relative; }
.sct_50 .sct_li .sct_img .sct_btn, 
.sct_50 .sct_li .sct_sns,
.sct_50 .sct_li .sct_basic,
.sct_50 .sct_li .sct_op_btn,
.sct_50 .sct_li .sct_star { display:none; }
.sct_50 .sct_ct_wrap { padding:15px 5px; }
.sct_50 .sct_ct_wrap .sct_cate{color:var(--blue01);font-weight:600;margin-bottom:5px;}
.sct_50 .sct_ct_wrap .sct_txt{margin-bottom:25px; }
.sct_50 .sct_ct_wrap .sct_txt a {font-size:15px; color:var(--black); font-weight:700; line-height:24px; height:48px; 
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.sct_50 .sct_ct_wrap .sct_bottom .sct_cost .sct_dict01 { font-size:14px; color:var(--grey); }
.sct_50 .sct_ct_wrap .sct_bottom .sct_cost .sct_dict01 span { display:inline-block; margin-left:5px; }
.sct_50 .sct_ct_wrap .sct_bottom .sct_cost .sct_dict_wrap { margin-top:7px; }
.sct_50 .sct_ct_wrap .sct_bottom .sct_cost .sct_dict_wrap .sct_dict { font-size:20px; color:var(--black);font-weight:800; }
.sct_50 .sct_ct_wrap .sct_bottom .sct_cost .sct_dict_wrap .sct_dict span { font-weight:800; }
.sct_50 .sct_ct_wrap .sct_bottom .sct_cost .sct_dict_wrap .sct_discount_rate {  font-size:18px; color:var(--red); font-weight:800; margin-right:5px; }
.sct_50 .sct_ct_wrap .sct_period{margin-top:10px;}
.sct_50 .sct_ct_wrap .sct_period span{display:block; line-height: 24px;font-weight:600;color:#666;}
.sct_50 .sct_ct_wrap .sit_icon_li { margin-top:7px; display:none; }

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 상품 상세페이지  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

/*=================================== 상품 상세보기 - 개요  ===================================*/
#sct_location.view_location { margin-top:10px; }
#sit_ov_from { background:#fff; border-bottom:0; clear:both; margin-bottom:60px; }
#sit_ov_wrap {width:100%; margin:0 auto; padding:0; border-top:0; display:flex; justify-content:space-between; gap:40px; }
#sit_ov_wrap:after { display:none; }

/*=================================== 상품 상세보기 - 이미지 미리보기  ===================================*/
#sit_pvi {float:none; position:relative; width:calc(50% - 20px); }

#sit_pvi_big {float:none;text-align:center; width:600px; height:600px; border-radius:6px; overflow:hidden; position:relative; }
#sit_pvi_big a { display:block; }
#sit_pvi_big a.visible {display:block}
#sit_pvi_big #popup_item_image {display:inline-block;position:absolute;bottom:100px;right:0;width:43px;height:43px;line-height:43px;background:#fff;color:#8c9195;border:1px solid #e0e0e0;font-size:1.4em}
#sit_pvi_big img {width:100%; height:auto}

#sit_pvi_thumb {float:none;margin:0;padding:0;list-style:none;text-align:center; display:flex; gap:10px; margin-top:10px; }
#sit_pvi_thumb:after {}
#sit_pvi_thumb li {margin:0; }
#sit_pvi_thumb img {border:1px solid #dbdbdb; border-radius:3px; overflow:hidden; }
#sit_pvi_thumb img:hover {border:1px solid #010101}
#sit_pvi_thumb .thumb-item.active img { border-color:var(--blue); }

#sit_pvi_big .owl-nav button { width:46px; height:46px; border:0; border-radius:50%; position:absolute; top:50%; z-index:10; position:absolute; }
#sit_pvi_big .owl-nav button span { text-indent: -10000px; font-size:0; }
#sit_pvi_big .owl-nav button.owl-prev { background:rgba(0,0,0,0.2) url(../img/common/slide_prev.png)center no-repeat; background-size:100%; left:0; }
#sit_pvi_big .owl-nav button.owl-next { background:rgba(0,0,0,0.2) url(../img/common/slide_next.png)center no-repeat; background-size:100%; right:0; }


#sit_pvi_nwbig {padding:10px 0;text-align:center}
#sit_pvi_nwbig span {display:none}
#sit_pvi_nwbig span.visible {display:inline}
#sit_pvi_nwbig span.visible img { max-width:100%; }
#sit_pvi_nw ul {margin:0 0 20px;text-align:center;padding:0 10px;list-style:none}
#sit_pvi_nw ul:after {display:block;visibility:hidden;clear:both;content:""}
#sit_pvi_nw li {display:inline-block;margin:0 0 1px 1px}
#sit_pvi_nw li img {width:60px;height:60px} 

/*=================================== 상품 상세보기 - 간략정보 및 구매기능  ===================================*/
#sit_ov {position:relative; float:none; width:calc(50% - 20px); height:auto !important; height:355px; min-height:355px;padding-bottom:20px}
#sit_ov h3 {margin:0 0 10px}

#sit_cate{margin:0 0 10px; font-size:20px;font-weight:700;color:var(--blue01);}
#sit_title {margin:0 0 15px; font-size:28px; font-weight:700; color:var(--black); }
#sit_desc {margin:0 0 25px; color:var(--grey); font-size:16px; font-weight:500; }
#sit_opt_info {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sit_star_sns,
#sit_btn_opt,
#sit_siblings { display:none; }
#price_info .cust_price { font-size:14px; color:var(--ltgrey); font-weight:500; }
#price_info .sale_price_wrap { display:flex; align-items:center; gap:5px; font-size:24px;  margin-top:10px; }
#price_info .sale_price_wrap .discount_rate { color:var(--red); font-weight:800;}
#price_info .sale_price_wrap .sale_price strong { color:var(--black); font-weight:800; }

.sit_info {padding:10px 0; border-top:1px solid #e2e2e2;margin:10px 0 0;border-bottom:1px solid #e2e2e2}
.sit_info .tr_price {border-bottom:1px solid #e2e2e2}
.sit_info .tr_price th,
.sit_info .tr_price td {padding-bottom:15px}

.sit_ov_tbl {width:100%;border:0;border-collapse:collapse;}
.sit_ov_tbl th {font-weight:normal;text-align:left; font-size:14px; font-weight:700; color:#777; }
.sit_ov_tbl td {padding:7px 0; font-size:14px; color:var(--black); font-weight:700; height:30px; }
.sit_ov_tbl td strong {color:#000;line-height:5px;vertical-align:top;font-size:1.25em}
.sit_ov_ro {padding:2px 2px 3px;border:0;background:transparent;text-align:right;vertical-align:middle}
.sit_ov_opt {padding:2px 2px 3px;border:0;background:transparent;vertical-align:middle}
.sit_ov_input {margin:0 1px 0 0;padding:2px 2px 3px;border:1px solid #b8c9c2;background:transparent;vertical-align:middle}
#sit_ov_tbl button {margin:0 1px 0 0}

.sit_option {padding:10px 0;margin:10px 0 0}
.sit_option label {display:block;margin:0 0 5px;color:#666}
.sit_option label.label-title{display:none}
.sit_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
-moz-appearance:none;    /* 화살표 없애기 for firefox*/
appearance:none;         /* 화살표 없애기 공통*/
background:url('img/select_arrow.png') no-repeat 96% 50%/* 화살표 아이콘 추가 */
}
.sit_option select::-ms-expand {display:none/* 화살표 없애기 for IE10, 11*/}

.sit_option h3 {font-size:1.083em; margin-bottom:10px; }
.sit_sel_btn {position:relative} /* 선택옵션용 추가 버튼 */
.sit_sel_btn button {position:absolute;top:-51px;right:0 !important;right:15px}
#sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sit_tot_price {font-size:1.167em;line-height:45px;font-weight:bold;text-align:right}
#sit_tot_price:after {display:block;visibility:hidden;clear:both;content:""}
#sit_tot_price span {float:left}
#sit_tot_price strong {font-size:30px; color:var(--black); margin-left:15px; font-weight:900; }

#sit_ov_soldout {padding:20px 0;margin:10px 0;color:var(--blue);background:#f1f1f1;text-align:center; font-size:14px; border-radius:6px; }

#sit_ov_btn { margin-top:30px; display:flex; justify-content:space-between; width:100%; gap:5px; }

#sit_ov_btn button {width:264px;float:none;margin-right:0px;height:62px;margin-bottom:0px;font-weight:700;font-size:20px;}
.sit_btn_buy {background:var(--blue); border-radius:6px 6px 24px 6px; border:1px solid var(--blue); color:#fff}
.sit_btn_buy:hover {background:#225aa9;}
.sit_btn_cart {background:#fff; border-radius:6px; border:1px solid var(--blue); color:var(--blue); }
.sit_btn_cart:hover {background:#f3f3f3}
#sit_btn_alm {float:left;display:inline-block;width:186px;height:50px;margin-left:5px;line-height:50px;margin-bottom:10px;font-weight:bold;font-size:1.25em;background:#d50c0c;border-radius:3px;color:#fff;border:0;text-align:center}
.sit_btn_wish {float:none;display:block;width:62px;height:62px;margin-bottom:0px;line-height:60px; color:var(--ltgrey);font-size:20px; border:1px solid #98a3b3;text-align:center;border-radius:6px;font-weight:800; flex-shrink:0; }
.sit_btn_wish:hover {color:var(--blue); border-color:var(--blue); }

/*=================================== 상품 상세보기 - 하단  ===================================*/
#sit_rel { display:none; }/* 관련상품 보기 숨김 */

#sit_info {display:flex;position:relative;width:100%;min-height:100vh; height:auto;margin-bottom:30px;
    border:0;justify-content:space-between; overflow:visible; align-items:flex-start; }

#sit_tab {width:900px;display:block; padding-right:20px; }
#sit_tab .tab_tit {border-bottom:1px solid #333;background:#fff;padding:0; display:flex; justify-content:space-between;}
#sit_tab .tab_tit li {display:block; float:none; width:25%; flex-grow:1; }

#sit_tab .tab_tit li button {display:block;width:100%;position:relative;font-size:16px;padding:0; border:0;color:var(--grey);background:#fff;line-height:50px;text-align:center;z-index:1}
#sit_tab .tab_tit li .selected {background:#fff;z-index:2;border-bottom-color:#fff;color:var(--black);font-weight:bold}
#sit_tab .tab_tit li .selected:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--black);display:inline-block}
#sit_tab .tab_con {background:#fff;padding:15px}
#sit_tab .item_use_count, #sit_tab .item_qa_count {display:inline-block;min-width:20px;height:20px;font-size:0.75em;line-height:20px;padding:0 5px;background:#eee;border-radius:10px;color:#777}

#sit_buy {display:block; width:320px; border-left:1px solid #e8e8e8; padding-left:20px; position:static; height:100vh; }
#sit_buy.fixed { position:sticky; top:0;  }
.sit_buy_inner { position:relative; max-height:100vh; display:flex; flex-direction:column; gap:0; }
.sit_side_option {padding:15px 15px 10px;border-bottom:1px solid #ebeff3; height:160px; }
.sit_side_option h3 {margin-bottom:10px; padding-top:15px; font-size:16px; color:var(--grey); }
.sit_side_option label {display:block;margin:0 0 10px;color:var(--black); font-size:16px; padding-top:10px; font-weight:800; }
.sit_side_option label.label-title{display:none}
.sit_side_option select {width:100%;margin:0 0 10px;height:50px;padding:0 10px;border:1px solid #cdcdcd;
-webkit-appearance:none; /* 화살표 없애기 for chrome*/
-moz-appearance:none;    /* 화살표 없애기 for firefox*/
appearance:none;         /* 화살표 없애기 공통*/
background:url('img/select_arrow.png') no-repeat 96% 50%/* 화살표 아이콘 추가 */}
.sit_side_option select::-ms-expand {display:none/* 화살표 없애기 for IE10, 11*/}

.sit_sel_option {overflow-y:auto;height:auto; max-height:calc(100vh - 420px); }
.sit_sel_option h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sit_sel_option:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option li {position:relative;padding:15px;border-bottom:1px solid #e6e9ed}
.sit_sel_option li:after {display:block;visibility:hidden;clear:both;content:""}
.sit_sel_option .sit_opt_del {position:absolute;top:0;right:0;width:30px;height:30px;font-size:15px;border:1px solid #e6e9ed;background:#fff;color:#c6c8ca}
.sit_sel_option .opt_name {font-weight:bold;line-height:28px}
.sit_sel_option .num_input {float:left;border:0;height:30px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
.sit_sel_option .sit_opt_prc {display:block;float:right;width:100px;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}
.sit_sel_option button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
.sit_sel_option button:hover {color:#000}

.sum_section {padding:40px 0 40px; z-index:10; }
.sit_tot_price {font-weight:bold;padding-bottom:10px;line-height:25px;font-size:1.167em;text-align:right}
.sit_tot_price strong {font-size:30px;margin-left:15px; color:var(--black); font-weight:800; }
.sit_tot_price span {float:left}
.sit_order_btn button {display:block;width:100%;padding:0; height:62px; line-height:62px; font-size:20px;font-weight:700;}
.sit_order_btn .sit_btn_cart {margin-bottom:5px}

/* 상품 재입고 알림 (SMS) */
#sit_sms_new {}
#sit_sms_new .form_01 {padding:20px}
#sit_sms_new #sms_agree {padding:5px 0 20px}
#sit_sms_new li strong {display:inline-block;margin:10px 0}
#sit_sms_new textarea {line-height:1.5em;color:#555}
#sit_sms_new .prd_name {background:#f3f3f3;padding:15px 20px;font-weight:bold;font-size:1.167em}
#sit_sms_new .chk_box input[type="checkbox"]:checked + label span {background:url('img/chk.png') no-repeat 50% 50% #3a8afd}

/* 상품 상세보기 - 상품정보 */
#sit_inf {margin:20px 0}
#sit_inf h2 {position:absolute;font-size:0;line-height:0;content:""}
#sit_inf h3 {position:absolute;font-size:0;line-height:0;content:""}

#sit_inf_basic {margin:0 0 20px;line-height:1.7em}
#sit_inf_explan {margin:0 0 10px;width:auto !important;line-height:1.7em;overflow:hidden} /* ie6 미대응시 #sit_inf_explan {margin:0 0 10px} 만으로 충분 */
#sit_inf_explan img {max-width:100%;height:auto}
#sit_inf_explan * { font-family: 'NanumSquareNeo','Malgun Gothic', dotum, sans-serif !important; font-size:15px; line-height:1.8;}

#sit_inf_open {width:100%;border:0;border-top:1px solid #777;border-collapse:collapse}
#sit_inf_open th {padding:10px;border-bottom:1px solid #e5e5e5;background:#f3f3f3;vertical-align:top;text-align:left}
#sit_inf_open td {padding:10px;border-bottom:1px solid #e5e5e5;background:#fff;vertical-align:top}


/* 상품 상세보기 - 반품/교환정보 */
#sit_dvr {margin:20px 0}
#sit_dvr,
#sit_ex { font-size:14px; color:var(--grey); line-height:1.5; }
#sit_dvr h3,
#sit_ex h3 { font-size:18px; color:var(--black); line-height:1.5; padding-bottom:10px; }

/* 상품 상세보기 - 최근구매내역 */
#buyList { margin:20px 0; }


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 상품 검색 페이지  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#ssch {margin:20px 0}
#ssch h2 {display:none; }

#ssch_frm {background:#fff;border:0; }
#ssch_frm .ssch_scharea {padding:0;border-bottom:0; display:flex; justify-content:center; margin:40px auto; }
#ssch_frm .ssch_scharea .ssch_inner { position:relative; }
#ssch_frm .ssch_scharea label {display:inline-block;margin:0 8px 0 0}
#ssch_frm .ssch_scharea .ssch_input {height:52px; line-height:52px; padding:0 50px 0 25px; margin-right:0px;border:2px solid var(--blue01);border-radius:24px;
    -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; font-size:18px; color:var(--black); }
#ssch_frm .ssch_scharea .btn_submit { position:absolute; right:2px; top:0; width:48px; height:48px;  text-indent:-10000px; 
    background:transparent url(../img/common/ico_search_blue.png)center no-repeat; background-size:30px; border:0;}
#ssch_frm .ssch_scharea .tooltip_icon { display:none; }
#ssch_cate { display:none; }

/* 상세검색 */
.detail_ssh_wrap { background:#f1f1f1; padding:25px; border-radius:6px; display:flex; justify-content:center; gap:20px; align-items:center; }
.detail_ssh_wrap .ssh_condition01,
.detail_ssh_wrap .ssh_condition02 { display:flex; gap:5px; align-items:center; }
.detail_ssh_wrap strong { font-size:16px; font-weight:700; color:var(--black); margin-right:5px; }
.detail_ssh_wrap select,
.detail_ssh_wrap input[type="text"],
.detail_ssh_wrap .ss_btn { height:44px; line-height:44px; font-size:16px; border:0; border-radius:3px; }
.detail_ssh_wrap select,
.detail_ssh_wrap input[type="text"] { padding:0 10px; min-width:120px; background:#fff; color:var(--black); max-width:200px;  }
.detail_ssh_wrap .ss_btn { width:70px; text-align:center;background:var(--blue01); color:#fff;  }
.ssh_content { display:flex; gap:40px; justify-content:space-between; margin-top:40px; }
.ssh_content .left,
.ssh_content .right { width:calc(50% - 20px); }

.left select#ssch_sort_all { height:40px; line-height:40px; border:1px solid #d4d4d4; border-radius:3px; font-size:14px; color:var(--black); }
.left .ssh_list_top { display:flex; justify-content:space-between; border-bottom:2px solid #333; padding-bottom:5px; align-items:center; }
.left .ssh_list_top .ssh_total_count { font-size:14px; color:var(--grey); }
.left .ssh_list_scroll { max-height:760px; overflow-y:auto;}

/* 검색상품 목록 스킨*/
.left .ssh_list_scroll .sct_li { cursor:pointer; padding-left:10px; }
.left .sct_li:hover,  
.left .sct_li.selected { background:#e7eef6; }
.left .sct_li .sct_ct_wrap .sct_basic,
.left .sct_li .sct_ct_wrap .sit_icon_li,
.left .sct_li .sct_ct_wrap .sct_op_btn, 
.left .sct_li .sct_btn,
.left .sct_li .sct_star  { display:none; }
.left .sct_li .sct_img { width:100px; height:100px; }
.left .sct_li .sct_img img { width:100px; height:auto; border-radius:6px; overflow:hidden; border:1px solid #ececec;}
.left .sct_li .sct_img a { z-index:10; }
.left .sct_li .sct_ct_wrap .sct_txt  {margin:0; padding:0;}
.left .sct_li .sct_ct_wrap .sct_txt a { font-size:16px; color:var(--black); line-height:22px; max-height:44px; display:-webkit-box; -webkit-line-clamp:2;  -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.left .sct_li .sct_ct_wrap .sct_maker { font-size:14px; color:var(--grey); margin-top:5px;} 
.left .sct_li .sct_bottom { display:flex; align-items:center; position:absolute; bottom:5px; left:120px; }
.left .sct_li .sct_bottom .sct_cost { position:relative; left:0; right:auto; top:0; font-size:20px; color:var(--black); font-weight:800; }
.left .sct_li .sct_bottom .prd_unit { font-size:14px; display:flex; align-items:center;}
.left .sct_li .sct_bottom .prd_unit:before { display:block; content:''; width:1px; height:12px; background:#ccc; margin:0 10px;}

.right #sel_prd_name { font-size:22px; color:var(--black); line-height:40px; padding-bottom:7px; font-weight:800; }
.right #prd_summary { padding:10px 0; border-top:2px solid #333; border-bottom:1px solid #ccc; display:flex; gap:20px; justify-content:space-between;}
.right #prd_summary .prd_thumb { width:220px; flex-shrink:0; }
.right #prd_summary .prd_thumb img { width:100%; height:auto; border:1px solid #ececec; border-radius:6px; overflow:hidden;}
.right #prd_summary .prd_info { flex-grow:1; }
.right #prd_summary .prd_info table { width:100%; }
.right #prd_summary .prd_info table th,
.right #prd_summary .prd_info table td { vertical-align:top; font-size:14px; line-height:18px; padding:3px 0; }
.right #prd_summary .prd_info table th { color:var(--grey); width:70px; text-align:left; }
.right #prd_summary .prd_info table td { color:var(--black); font-weight:700; }
.right #prd_button { display:flex; margin-top:5px; justify-content:flex-end; gap:3px; }
.right #sel_prd_buy { margin-top:30px; }

/* 상품 상세 등 레이어 팝업 */
.layerPopWrap.sch_product .layerPop { height:700px; max-height:90vh !important;  overflow-y:auto;  }
.layerPopWrap.sch_product .layerPop .popContent { padding:20px 60px; overflow-x:hidden; }
.layerPopWrap.sch_product .layerPop #sit_tab { padding-right:0; }
.layerPopWrap.sch_product .layerPop #sit_tab .tab_con > li { padding:30px 0; margin:0;}
.layerPopWrap.sch_product .layerPop #sit_use_wbtn { display:none; }

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 옵션 수량 (+,-)  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#sit_opt_added .opt_count button {width:40px;height:40px;border:1px solid #d4d4d4; }
#sit_opt_added .opt_count button.sit_qty_minus { background:#fff url(../img/common/num_minus.png)no-repeat center; border-radius:6px 0 0 6px; }
#sit_opt_added .opt_count button.sit_qty_plus { background:#fff url(../img/common/num_plus.png)no-repeat center; border-radius:0 6px 6px 0; }
#sit_opt_added .opt_count .num_input {font-size:16px; font-weight:700; float:left; border:0;height:40px; line-height:40px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;text-align:center; width:60px; }
#sit_opt_added .opt_count button.sit_qty_minus i,
#sit_opt_added .opt_count button.sit_qty_plus i { display:none; }


.sit_opt_added .opt_count button {width:40px;height:40px;border:1px solid #d4d4d4; }
.sit_opt_added .opt_count button.sit_qty_minus { background:#fff url(../img/common/num_minus.png)no-repeat center; border-radius:6px 0 0 6px; }
.sit_opt_added .opt_count button.sit_qty_plus { background:#fff url(../img/common/num_plus.png)no-repeat center; border-radius:0 6px 6px 0; }
.sit_opt_added .opt_count .num_input { font-size:16px; font-weight:700; border:0; height:40px; line-height:40px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;text-align:center; width:60px; }
.sit_opt_added .opt_count button.sit_qty_minus i,
.sit_opt_added .opt_count button.sit_qty_plus i { display:none; }
.sit_opt_added .opt_count.small div { display:flex; justify-content:center; align-items:center; margin:0 auto;  }
.sit_opt_added .opt_count.small button { width:30px; height:36px; flex-shrink:0;   }
.sit_opt_added .opt_count.small .num_input { height:36px; line-height:36px; font-size:13px; color:var(--grey); width:40px !important; }
.sit_opt_added .opt_count button.sit_qty_minus { background:#fff url(../img/common/num_minus_s.png)no-repeat center; border-radius:3px 0 0 3px; }
.sit_opt_added .opt_count button.sit_qty_plus { background:#fff url(../img/common/num_plus_s.png)no-repeat center; border-radius:0 3px 3px 0; } 


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 나의다빈도구매상품  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#my_buy { padding:50px 0;}
#my_buy .bottomBtns { margin-top:10px;}

/* 상품리스트 */
table.table.goods_list td { color:var(--grey); }
.goods_list .prd_info_wrap { display:flex; } 
.goods_list .prd_info_wrap .prd_img {width:80px; margin-right:15px; }
.goods_list .prd_info_wrap .prd_img img { width:80px; height:80px; border:1px solid #ececec; border-radius:3px; }
.goods_list .prd_info_wrap .prd_info { text-align:left; }
.goods_list .prd_info_wrap .prd_info .name { font-weight:800; line-height:18px; margin-top:3px; color:var(--black);  }
.goods_list .prd_info_wrap .prd_info .maker, 
.goods_list .prd_info_wrap .prd_info .option { display:block; }
.goods_list .prd_info_wrap .prd_info .maker { margin-top:5px; }
.goods_list .prd_info_wrap .prd_info .option { margin-top:15px; }


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 전체다빈도구매상품  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#all_buy { display:flex; justify-content:space-between; gap:60px;}
#all_buy .selectDiv { order:2; width:480px; flex-shrink:0; }
#all_buy .resultDiv { order:1; flex-grow:1; }

.resultDiv .topText { font-size:16px; font-weight:500; color:var(--blue); }
.resultDiv .topText strong { font-weight:900; }
.resultDiv .allbuyWrap { margin-top:10px; }
.resultDiv .allbuyWrap .listTop { display:flex; justify-content:space-between; margin:5px 0; }
.resultDiv .allbuyWrap .listTop .listTit { display:flex; align-items:center;}
.resultDiv .allbuyWrap .listTop .listTit .area { font-size:22px; color:var(--black); font-weight:800; }
.resultDiv .allbuyWrap .listTop .listTit .period { font-size:16px; color:var(--grey); display:flex; align-items:center; }
.resultDiv .allbuyWrap .listTop .listTit .period:before { display:block; content:''; width:1px; height:12px; background:#ccc; margin:0 7px; }
.resultDiv .allbuyWrap .listTop .sort { height:40px; line-height:40px; border:1px solid #d4d4d4; padding:0 10px; border-radius:3px; }
.resultDiv .allbuyWrap .allbuyList { max-height:600px; overflow-y:auto;}

.resultDiv .allbuyWrap .allbuyList #allBuyTable tr td:nth-child(4) { white-space:nowrap; }

.selectDiv .areaBox { position:relative; width:100%; height:676px; }
.selectDiv .areaBox .areaBtn { height:30px; line-height:30px; border:0; border-radius:3px; background:#a4a5a7; font-size:16px; color:#fff; padding:0 10px; position:absolute;
     z-index:10; transition:all 0.3s; }
.selectDiv .areaBox .areaBtn.selected,
.selectDiv .areaBox .areaBtn:hover { background:#4b42a9; box-shadow:0 2px 0 rgba(0,0,0,0.2); transition:all 0.3s; }
.selectDiv .areaBox #area01 { left:120px; top:150px; }
.selectDiv .areaBox #area02 { left:254px; top:117px; }
.selectDiv .areaBox #area03 { left:123px; top:276px; }
.selectDiv .areaBox #area04 { left:275px; top:301px; }
.selectDiv .areaBox #area05 { left:115px; top:454px; }
.selectDiv .areaBox #area06 { left:253px; top:435px; }
.selectDiv .areaBox #area07 { left:380px; top:410px; }
.selectDiv .areaBox #area08 { left:140px; top:612px; }


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 회사소개  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#company .titleLine { font-size:30px; color:var(--blue); font-weight:800; margin-bottom:25px; line-height:1.5; margin-top:100px; }
#company .titleLine:before { content:''; display:block; width:30px; height:3px; background:var(--blue); margin-bottom:10px;  }
#company .point01 { font-size:22px; color:var(--black); }
#company .point01 li + li { margin-top:15px; }
#company .point01 strong { font-weight:800; }
#company .point02 { display:flex; gap:60px; }
#company .point02 li { flex-grow:1; width:20%; text-align:center; }
#company .point02 .img img { width:100%; border-radius:10px; overflow:hidden;  } 
#company .point02 .text { font-size:16px; font-weight:700; line-height:1.6; margin-top:15px; color:var(--grey); } 


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 입점사 리스트  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.sellersList { margin-bottom:50px; }
.sellersList table.type01 td .managerInfo { text-align:left; }
.sellersList .miniShop { width:36px; height:36px; display:inline-block; border-radius:50%; background:#e7eef6 url(../img/shop_home.png) center no-repeat; }
.sellersList table.type01 th { white-space:nowrap;}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 장바구니  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
/* 장바구니 상단 제목 + step */
.bskTitWrap { margin:50px 0 30px 0; display:flex; align-items:flex-end; }
.bskTitWrap .bskTit { font-size:32px; color:var(--black); font-weight:800; }
.od_step { margin-left:50px; display:flex; }
.od_step li { display:flex; color:var(--black); font-weight:500; }
.od_step li.current { color:var(--blue); font-weight:800; }
.od_step li:not(:first-child):before { width:18px; height:18px; border-radius:50%; content:''; display:block; background:#efefef url(../img/shop/basket_arw.png) center no-repeat; margin:0 10px;}

#sod_bsk_list .flexBox { display:flex; justify-content:space-between; gap:40px; }
#sod_bsk_list .flexBox #bsk_prd_cost { width:300px; flex-shrink:0;  }
#sod_bsk_list .flexBox #bsk_list_wrap { flex-grow:1; width:900px; }

/* 장바구니 상품리스트*/
#bsk_list_wrap { padding-bottom:40px; }
#bsk_list_wrap .seller_bsk_list { border:1px solid #d4d4d4; border-radius:10px; overflow:hidden; }
#bsk_list_wrap .seller_bsk_list:not(:first-child) { margin-top:20px; }
.seller_bsk_list .bsk_list_title { display:flex; justify-content:space-between; padding:20px; align-items:center; width:100%; border-bottom:1px solid #d4d4d4; }
.bsk_list_title .bsk_seller { display:flex;  width:50%; flex-shrink:0; }
.bsk_list_title .bsk_seller .sellerTit { font-size:18px; font-weight:700;}
.bsk_list_title .sellerText .ordAmount { color:var(--blue); font-weight:900;}
.bsk_list_title .sellerText .ordAmount.not { color:var(--red);font-weight:900;  }
.bsk_list_title .sellerText .ordAmount.not strong { font-weight:900; }
.bsk_list td { font-size:14px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:20px; }
.bsk_list .td_chk { padding-right:0 !important; }
.bsk_list .td_num, .bsk_list .unit_price { white-space:nowrap; }
.bsk_list .sell_price { text-align:right; }
.bsk_list .sell_price .total_prc,
.bsk_list .sell_price .total_price { font-size:16px; font-weight:800; }
.bsk_list .td_prd .td_prd_info { display:flex; gap:10px; }
.bsk_list .td_prd .td_prd_info .sod_img { width:80px; }
.bsk_list .td_prd .td_prd_info .sod_opt { margin-bottom:5px; }
.bsk_list .td_prd .td_prd_info .sod_name { position:relative;} 

/* 상품리스트 하단 */
.bsk_list_bottom { padding:20px; border-top:1px solid #d4d4d4; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
.bsk_list_cost { text-align:right; }
.bsk_list_cost .prd_cost { color:var(--black); font-size:15px; line-height:1.5; }
.bsk_list_cost .prd_cost strong { font-weight:800; }
.bsk_list_cost .prd_cost .seller_Total { color:var(--blue);}
.bsk_list_cost .dev_cost { color:var(--grey); margin-top:8px; font-size:14px; line-height:1.5; }
.bsk_list_cost .dev_cost .seller_home { display:inline-block; margin-left:10px; color:var(--blue); border-bottom:1px solid var(--blue); font-weight:700; }
.bsk_list_bottom .sel_order_wrap { width:100% !important; margin-top:10px; }

/* 결제예정금액 */
#bsk_prd_cost { max-height:100vh; display:flex; flex-direction:column; gap:0; background:#fff;}
#bsk_prd_cost.sticky { position:sticky; top:0; z-index:10; }
#bsk_prd_cost .title { font-size:20px; color:var(--black); font-weight:800; line-height:50px; height:50px; }
#bsk_prd_cost .sod_bsk_tot_wrap { max-height:calc(100vh - 220px); overflow-y:auto; }
#bsk_prd_cost .sod_bsk_tot { border-top:1px solid #333;}
#bsk_prd_cost .sod_bsk_tot .bsk_seller_tit { display:flex; justify-content: space-between; background:#f1f1f1; padding:10px; }
#bsk_prd_cost .sod_bsk_tot .bsk_seller_tit .sellerName { font-size:16px; color:var(--black); font-weight:800; }
#bsk_prd_cost .sod_bsk_tot .bsk_seller_tit .odp { font-size:14px; font-weight:500; color:var(--blue); }
#bsk_prd_cost .sod_bsk_tot .bsk_seller_tit .odp.not { color:var(--red); }
#bsk_prd_cost .sod_bsk_tot .bsk_price_sum { padding:10px; border-bottom:1px solid #d4d4d4; }
#bsk_prd_cost .sod_bsk_tot .bsk_price_sum li { display:flex; justify-content:space-between; width:100%;  }
#bsk_prd_cost .sod_bsk_tot .bsk_price_sum li:not(:first-child) { margin-top:10px; }
#bsk_prd_cost .sod_bsk_tot .bsk_price_sum .sod_bsk_ttlpay,
#bsk_prd_cost .sod_bsk_tot .bsk_price_sum .sod_bsk_ttlpay strong { color:var(--black); font-weight:800; }
#bsk_prd_cost .sod_bsk_tot .bsk_price_sum .sod_bsk_ttlpay strong.not { color:var(--red); }
#sod_bsk_act { padding-bottom:40px; background:#fff;  }
#sod_bsk_act .ttl_payment { display:flex; padding:40px 10px 10px; height:100px; justify-content:space-between; width:100%; align-items:center;}
#sod_bsk_act .ttl_payment span { font-size:18px; }
#sod_bsk_act .ttl_payment strong { font-size:26px; font-weight:800; }

/* 옵션변경 */
.sod_opt { }
.sod_opt ul {display:inline-block;margin:0;padding:0;list-style:none}
.sod_opt li { color:var(--grey); font-size:13px; line-height:1.3;margin-top:5px; }
.sod_opt li:before {content:"[옵션]";display:inline-block;margin:1px 5px 2px 0;}
.sod_option_btn { margin-top:10px; }
.cp_btn {padding:0 10px;border:1px solid #d4d6db;color:#3a8afd;background:#fff;height:26px;border-radius:3px}
.cp_cancel {padding:0 10px;border:1px solid #aaa;color:#666;background:#fff;height:26px;border-radius:3px}
.cp_btn + .cp_cancel { margin-left:5px; }

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 주문결제  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.sod_frm_section { border:1px solid #efefef; border-radius:10px; padding:20px; margin-top:50px;}
.sod_frm_section .sod_frm_tit { font-size:20px; font-weight:800; color:var(--blue); border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:1px; }

/* 주문결제 - 배송지정보 */
#sod_frm .tbl_wrap {padding:10px 0; }
#sod_frm .form_table th,
#sod_frm .form_table td {text-align:left; padding:5px 10px; font-size:14px; font-weight:700; height:20px; line-height:20px;}
#sod_frm .form_table th { color:var(--grey); font-weight:700; width:120px; }
#sod_frm_orderer .frm_input { padding:0; border:0; box-shadow:none; color:var(--black); font-weight:700; height:20px; line-height:20px;  }
#sod_frm_orderer .frm_input:focus { outline:none !important; box-shadow:none !important; cursor:text; border:0 !important; }

/* 주문결제 - 주문상품목록 */
.sod_frm_section .od_prd_list_wrap { display:flex; justify-content:space-between; width:100%; padding:20px 0; }
.sod_frm_section .od_prd_list_wrap + .od_prd_list_wrap { border-top:1px solid #d4d4d4; }
.sod_frm_section .od_prd_list_wrap .sellerName { width:220px; flex-shrink:0; font-size:18px; color:var(--black); padding:10px; font-weight:800; }
.sod_frm_section .od_prd_list_wrap .od_prd_list { flex-grow:1; }
.sod_frm_section .od_prd_list_wrap .od_prd_list .bsk_list { border-right:1px solid #d4d4d4; border-left:1px solid #d4d4d4; }
.od_prd_list_wrap .od_prd_list .bsk_list_cost { padding:10px 20px; border:1px solid #d4d4d4; }
.od_prd_list_wrap #dev_memo { height:44px; line-height:44px; background:#f9f9f9; border:1px solid #ccc; padding:0 20px; border-radius:3px; width:100%; margin-top:10px; } 

/* 주문결제 - 할인 및 최종결제금액 */
.sod_pay_cost_wrap { display:flex; }
.sod_pay_cost_wrap #sod_bsk_tot { width:500px; flex-shrink:0; background:#f4f4f4; padding:20px 30px; }
.sod_pay_cost_wrap #sod_pay_discount { flex-grow:1; }
#sod_frm #sod_bsk_tot ul li { display:flex; justify-content:space-between; margin-bottom:13px; color:var(--grey);}
#sod_frm #sod_bsk_tot .sod_bsk_dvr strong { color:var(--red);}
#sod_frm #sod_bsk_tot .sod_bsk_dvr strong:before { content:'(+)'; }
#sod_frm #sod_bsk_tot .sod_bsk_coupon strong { color:var(--blue);  }
#sod_frm #sod_bsk_tot .sod_bsk_coupon strong:before { content:'(-)'; }
#sod_frm #sod_bsk_tot .sod_bsk_cnt { border-top:1px solid #333; padding-top:10px; color:var(--black); font-weight:800;  }
#sod_frm #sod_bsk_tot .sod_bsk_cnt #ct_tot_price { font-size:24px; font-weight:900; }
#sod_frm .form_table.discountForm td,
#sod_frm .form_table.discountForm th { vertical-align:top;}
#sod_frm .form_table.discountForm th { line-height:44px; }

#sod_pay_discount .discountInput { display:flex; align-items:center; gap:5px; position:relative; }
#sod_pay_discount .discountInput .inputBox { font-weight:700; font-size:14px; color:var(--black); display:inline-block; height:44px; line-height:44px; border:1px solid #efefef; border-radius:3px; width:180px; padding:0 10px; text-align:right; }
#sod_pay_discount #sod_frm_pt { margin-top:5px; color:#777; font-size:13px; }

#sod_point {clear:both;background:#fff;margin-top:10px;border:1px solid #e3e5e8}
#sod_point h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8}
#sod_point h2:after {display:block;visibility:hidden;clear:both;content:''}
#sod_point .point_tit {vertical-align:baseline;float:left;line-height:28px}
#sod_point .point_tit label {vertical-align:baseline}
#sod_point .point_ipt {float:right;display:inline-block;margin-left:35px;text-align:left;text-align:right;font-weight:normal}
#sod_point .point_ipt:after {display:block;visibility:hidden;clear:both;content:''}
#sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px}

/* 주문결제 - 쿠폰사용 */
#sod_list #cp_frm {z-index:10000;position:absolute;top:0;left:0;width:540px;height:auto !important;height:500px;max-height:500px;
    border:2px solid #333;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}
.od_coupon h3{border-bottom:1px solid #cdcdcd;padding:0 20px;line-height:50px;font-size:18px;text-align:left; color:var(--blue); }
.od_coupon .btn_close {position:absolute;top:0; right:0; width:50px; height:50px; border:0; background:none; font-size:1.25em;}
.od_coupon .tbl_head02{margin:20px}
.od_coupon .cp_apply,
.od_coupon .od_cp_apply,
.od_coupon .sc_cp_apply {padding:0 10px; height:28px; line-height:28px; background:var(--blue); border:1px solid var(--blue); color:#fff; width:auto; border-radius:6px; font-size:13px;}
.od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px}
#sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;}
.od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;}
.od_coupon .td_mngsmall{width:80px}

#sod_pay_discount #sc_coupon_frm, 
#sod_pay_discount #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:2px solid #333;background:#fff;overflow-y:auto}
#sod_frm_deli {position:relative;line-height:2em}
#sod_pay_discount #sc_coupon_frm p, 
#sod_pay_discount #od_coupon_frm p { padding:10px 20px 20px;}

#sod_frm_pay {position:relative;margin:10px 0}
#sod_frm  #sod_frm_pay h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse}
#sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777}
#sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff}
#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px}
#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;}
#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px}
#od_tot_price span{float:left;font-weight:bold}
#od_tot_price strong{font-size:1.5em;color:#ff006c}
#sod_frm #sod_frm_pt_alert {margin:5px 0;color:var(--blue02); }
#od_pay_sl h3{font-size:1.167em;margin:20px 0 5px}
#od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1;}
#od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid var(--blue); z-index:3}
#sod_frm_paysel {}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO, #sod_frm_paysel .paycopay_icon{background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay, #sod_frm_paysel .lpay_icon{background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_kakaopay{position:relative;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_kakaopay em{position:absolute;top:15px;left:45px;width:70px;height:30px;background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px}
#sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .naverpay_icon{background:url('../../../img/ico-default-naverpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .samsungpay_icon{background:url('../../../img/samsungpay.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .ssgpay_icon{background:url('../../../img/ssgpay_icon.png') no-repeat 50% 50% #fff;display:inline-block;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .skpay_icon{background:url('../../../img/skpay11_icon.png') no-repeat 50% 50% #fff; background-size: 70px;display:inline-block;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .bank_icon{background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .iche_icon{background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .hp_icon{background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon{background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}

.sod_right .pay_tbl{border:1px solid #e3e5e8;border-bottom:0 none}
.sod_right #od_tot_price{border:1px solid #e3e5e8}
#sod_frm_pay .od_pay_buttons_el:after{display:block;visibility:hidden;clear:both;content:""}
#sod_frm_pay .sod_frm_point{margin-top:20px;border:1px solid #e3e5e8}
#sod_frm_pay .sod_frm_point div{background:#fff;padding:10px;text-align:left;text-align:right}
#sod_frm_pay .sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
#sod_frm_pay .sod_frm_point div label{float:left;line-height:30px;font-weight:bold}
#sod_frm_pay .sod_frm_point div span{display:block}
#sod_frm_pay .sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
#sod_frm_pay .sod_frm_point div strong{float:left;color:#666}
#sod_frm_pay .sod_frm_point .max_point_box em{font-style:normal !important}
#sod_frm_pay .sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;}

.od_coupon .od_coupon_table { padding:20px; }
.od_coupon .od_coupon_table table { width:100%; }
.od_coupon .od_coupon_table table th,
.od_coupon .od_coupon_table table td { color:var(--black) !important; text-align:center !important; padding:5px 10px; font-size:13px !important; border-bottom:1px solid #d4d4d4 !important; line-height:1.3 !important; vertical-align:middle !important; }
.od_coupon .od_coupon_table table th { background:#efefef !important; padding:10px !important; width:auto !important; }
.od_coupon .od_coupon_table table .td_cpname { text-align:left !important; }

/* 주문결제 - 결제수단 */
#sod_frm_pay {position:relative;margin:10px 0 0}
#sod_frm_pay h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8}
#sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px}
#sod_frm_pay .tooltip_txt i {float:left;line-height:36px;font-size:2em;margin-right:15px}
#sod_frm_pay .tooltip_txt:before {height:100%}
#sod_frm_pay input[type="radio"] {}
#sod_frm_pay .lb_icon {display:inline-block;position:relative;cursor:pointer;z-index:1}
#sod_frm_pay input[type="radio"]:checked+.lb_icon {color:var(--blue); z-index:3}
#sod_frm_pay input[type="radio"] + label span {top:7px}

#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel ul.pay_way {margin:0;padding:15px}
#sod_frm_paysel ul.pay_way input[type="radio"] + label span {top:7px}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {position:relative;line-height:28px;text-align:left;list-style:none}

#settle_bank {padding:10px;clear:both;line-height:32px}
#settle_bank:after {display:block;visibility:hidden;clear:both;content:''}
#settle_bank label {float:left;width:150px;line-height:30px}
#settle_bank select, #settle_bank input {width:150px;height:32px;margin:0 0 5px;border:1px solid #e3e5e8;border-radius:3px;text-align:left}
#settle_bank option {padding:3px 0}
#settle_bank #od_deposit_name {height:32px;padding:0 5px;border:1px solid #e3e5e8}

#display_pay_button { display:flex; justify-content:center; gap:10px; margin-top:50px; margin-bottom:50px; }
#display_pay_button .btn_submit,
#display_pay_button .btn01 {width:260px;height:62px;line-height:62px; cursor:pointer; border:1px solid var(--blue); font-size:20px; font-weight:700; border-radius:10px; padding:0; }
#display_pay_button .btn_submit { background:var(--blue); color:#fff; }
#display_pay_button .btn01 { background:#fff; color:var(--blue); border-radius:10px 10px 24px 10px; }

.display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9}
.display_setup_message strong {display:block;margin:0 0 10px}

#sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial}
#sod_frm_taker label {display:inline-block;font-weight:normal;margin-right:1em}
#sod_frm_same {margin:0 0 10px}

#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block;margin:5px 0 0}

#od_tot_price {background:#e5f0ff;line-height:20px;text-align:right;padding:15px}
#od_tot_price span {float:left;font-weight:bold}
#od_tot_price strong {font-size:1.5em;color:#ff006c}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_escrow {margin:30px 0 0}
#sod_frm #sod_frm_escrow h2 {margin:0;border:0}
#sod_frm #sod_frm_escrow p {margin:5px 0}
#display_pay_process {padding:20px;text-align:center}

#od_pay_sl { margin-top:10px; }

/* 결제수단 무통장입금 개인,사업자 구분 */
#sod_frm_pay .payer_label {
    border: 1px solid #ccc;
    text-align: center;
    width :75px;
    cursor: pointer;
    color: #333;
}

/* 선택된 항목 강조 (radio + label) */
#sod_frm_pay input[name="od_cash_payer_type"]:checked + .payer_label {
    border-color: var(--blue);
    color: var(--blue);
    font-weight: bold;
}
/* 주문내역 */
#sod_v {margin-bottom:30px}
#sod_v:after {display:block;visibility:hidden;clear:both;content:''}
#sod_v td {text-align:center}
#sod_v td a {font-weight:bold}
#sod_v .basic_tbl {text-align:center}
[class^="status_"] {display:inline-block;padding:0 5px;line-height:24px; line-height:24px; font-size:14px;border-radius:5px}
.status_01 {background:#efefef;color:var(--blue02);}
.status_02 {background:var(--blue02);color:#fff}
.status_03 {background:#efefef;color:var(--blue01)}
.status_04 {background:#efefef;color:var(--blue);}
.status_05 {background:var(--blue);color:#fff}
.status_06 {background:#efefef;color:red}

/* 주문상세내역 */
#sod_fin_no { font-size:18px; color:var(--black); font-weight:700; padding-left:10px; padding-bottom:10px; }
#sod_fin_no strong { font-weight:800; }

#sod_fin_list { margin-top:10px; }
#sod_fin_list .sod_name .sod_opt { color:var(--grey); margin-top:10px; }
#sod_fin_list .sod_name .sod_opt:before {content:"[옵션]";display:inline-block; margin: 1px 5px 2px 0;}
#sod_fin_list #th_itst {width:80px}

#sod_fin_orderer .tbl_wrap {padding:10px 0; }
#sod_fin_orderer .form_table th,
#sod_fin_orderer .form_table td {text-align:left; padding:5px 10px; font-size:14px; font-weight:700; height:20px; line-height:20px; }
#sod_fin_orderer .form_table th { color:var(--grey); font-weight:700; width:120px; }

#sod_fin_dvr .tbl_wrap {padding:10px 0; }
#sod_fin_dvr .form_table th,
#sod_fin_dvr .form_table td {text-align:left; padding:5px 10px; font-size:14px; font-weight:700; height:20px; line-height:20px; }
#sod_fin_dvr .form_table th { color:var(--grey); font-weight:700; width:120px; }

#sod_fin_dvr .sel_dev_Info { display:flex; }
#sod_fin_dvr .sel_dev_Info .selName {  width:220px; flex-shrink:0; font-size:18px; color:var(--black); padding:10px; font-weight:800; }
#sod_fin_dvr .sel_dev_Info .form_table { flex-grow:1; }
#sod_fin_dvr .sel_dev_Info + .sel_dev_Info { border-top:1px solid #d4d4d4; }
#sod_fin_dvr .sel_dev_Info .empty_table { padding:5px 10px !important; }

#sod_fin_pay ul {margin:0; padding:5px 0; } 
#sod_fin_pay li { display:table-row; }
#sod_fin_pay li>span, #sod_fin_pay li>strong { display:table-cell; padding:5px 10px; line-height:20px; }
#sod_fin_pay li>strong { color:var(--grey); width:150px;  }
#sod_fin_pay li>span { color:var(--black); font-weight:700; }

#sod_fin_cancel { margin:50px auto; display:flex; gap:5px; justify-content:center; }
#sod_fin_cancel h2 {padding:15px;border-bottom:1px solid #e8e8e8;text-align:left}
#sod_fin_cancel p {text-align:center;background:#ffe0e0;border:1px solid var(--red);padding:0 15px;color:var(--red);font-size:16px;font-weight:700px; height:50px; line-height:48px; border-radius:6px;}
#sod_cancel_pop {display:none; }
#sod_fin_cancelfrm { position:absolute;top:50%;left:50%; transform:translate(-50%, -50%); width:500px; height:auto; }  
#sod_fin_cancelfrm form {padding:20px}
.sod_fin_bg { display:none; }
#sod_fin_cancelfrm  .btnWrap { display:flex; justify-content:center; }
#sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline {background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer}
.dev_msg { margin-top:10px; }

/* 주문상세 - 반품신청 */
#sod_return_pop { display:none;}
#return_frm_pop { position:absolute;top:50%;left:50%; transform:translate(-50%, -50%); height:auto; min-height:600px; overflow-y:auto;}
#return_frm_pop .rt_ord_num { font-size:16px; font-weight:800; color:var(--black); }
#return_frm_pop .rt_section { margin-top:30px; }
#return_frm_pop .rt_section .rt_tit { font-size:16px; color:var(--blue); font-weight:800; margin-bottom:10px; }
#return_frm_pop .return_prd_wrap .rtn_seller { display:flex; gap:5px; margin-bottom:10px; align-items:center;}
#return_frm_pop .return_prd_wrap .rtn_seller select { height:30px; line-height:30px; padding:0 10px; }
#return_frm_pop input[type='text'],
#return_frm_pop select,
#return_frm_pop textarea { border:1px solid #d4d4d4; border-radius:3px;  }
#return_frm_pop input[type='text'],
#return_frm_pop select { height:30px; line-height:30px; padding:0 10px; }
#return_frm_pop .return_prd_wrap .rt_prd_info { display:flex; gap:10px }
#return_frm_pop .return_prd_wrap .rt_prd_info .rt_prd_img { width:50px; }
#return_frm_pop .return_prd_wrap .rt_prd_info .rt_prd_img img { width:100%; height:auto; }
#return_frm_pop .return_prd_wrap .rt_prd_info .rt_prd_name { font-size:13px; margin-top:5px; text-align:left; }
#return_frm_pop .return_prd_wrap .rt_prd_info .rt_prd_name span { display:block; }
#return_frm_pop .return_prd_wrap .rt_prd_info .rt_prd_name span.opt { margin-top:5px; color:var(--grey); }
#return_frm_pop .textInput { width:100%; height:80px; }
#return_frm_pop .rt_orderer { border:1px solid #ccc; padding:20px; }
#return_frm_pop .rt_orderer li { display:flex; }
#return_frm_pop .rt_orderer li + li { margin-top:7px; }
#return_frm_pop .rt_orderer li span { color:var(--grey); width:100px;}
#return_frm_pop .rt_orderer li strong { color:var(--black); font-weight:700; }
#return_frm_pop .borderBox { /*border:1px solid #ccc; padding:20px;*/ padding-top:5px;  }
#return_frm_pop .rt_prd_btn { display:flex; justify-content:center; gap:5px; margin-top:30px; }
#return_frm_pop .rt_prd_btn .button { width:120px; }


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 마이페이지  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

/* 마이페이지 */
#smb_my {position:relative; margin:50px auto; display:flex; justify-content:space-between; gap:60px; width:100%; }
#smb_my .mypagetitleWrap .tit { font-size:32px; font-weight:800; color:var(--black); margin-bottom:20px; }

/* 마이페이지 aside */
#smb_my_ov {position:relative; width:240px; flex-shrink:0; }
#smb_my_ov .smb_me {display:block;background:var(--blue);padding:30px; border-radius:10px 10px 0 0; }
#smb_my_ov .smb_me img {display:none; }
#smb_my_ov .smb_me .my_ov_name { color:#fff; font-size:20px; font-weight:800; margin-bottom:10px; }
#smb_my_ov .smb_me .my_ov_name .mb_company { margin-bottom:7px; font-size:16px; color:rgba(255,255,255,0.9); font-weight:700; }
#smb_my_ov .smb_me .smb_me_btns a {display:inline-block;font-size:14px;height:30px;line-height:28px;border:1px solid rgba(255,255,255,0.5); color:#fff; border-radius:3px;padding:0 10px; }
#smb_my_ov .smb_me .smb_me_btns a.smb_info {background:#fff; color:var(--blue); }
#smb_private { background:var(--blue); color:#fff; margin-bottom:15px; }
#smb_private li {text-align:left;position:relative;text-align:left}
#smb_private a {display:block; color:#fff; padding:5px 0; }
#smb_private li i {width:25px;color:#8c9eb0;margin-right:5px; display:none; }
#smb_my_ov h3 { display:none; }
#smb_my_ov .op_area { display:none; }
#mypageNav { padding:30px 30px 80px 30px; background:#fff; border:1px solid var(--ltgrey01); border-radius:0 0 24px 10px; }
#mypageNav h2 { font-size:18px; color:var(--black); font-weight:800; margin-bottom:10px; }
#mypageNav ul li a { display:block; width:100%; padding:8px 0; font-size:15px; color:var(--dkgrey); font-weight:700;}
.withdrawal { display:none; }

#smb_my #smb_my_list {flex-grow:1; }

/* 쿠폰 */
#coupon {text-align:center}
#coupon h1 {text-align:left}
#coupon ul:after {display:block;visibility:hidden;clear:both;content:""}
#coupon li {padding:15px;border-bottom:1px solid #ececec;text-align:left}
#coupon .cou_top {margin-bottom:10px}
#coupon .cou_tit {font-size:16px;font-weight:800; }
#coupon .cou_pri {font-size:16px;color:var(--blue);font-weight:800;float:right}
#coupon .cou_target {color:var(--blue02);background:#efefef;padding:5px;line-height:20px;font-size:0.92em;border-radius:5px}
#coupon .cou_date {float:right;color:#888d92}
#coupon .btn_close {margin:20px auto}

/* 마이페이지의 위시리스트 목록*/
#smb_my_wish {position:relative;margin-bottom:30px}
#smb_my_wish h2 {padding:0 0 10px;border-bottom:1px solid #d9dde2}
.smb_my_more {position:absolute;top:10PX;right:0}
.smb_my_more a {font-size:15px; font-weight:700; color:var(--black); display:flex; align-items:center; gap:7px; margin-bottom:30px; }
.smb_my_more a .arw {display:block; width:18px; height:18px; border-radius:50%; background:var(--blue) url(../img/common/more_plus_1.png)center no-repeat; background-size:100%; }
#smb_my_wish li { margin-bottom:30px; position:relative; }
#smb_my_wish .smb_my_img { width:100%; border:1px solid #ececec; border-radius:6px; overflow:hidden; aspect-ratio:1/1; }
#smb_my_wish .smb_my_img a { display:block;}
#smb_my_wish .smb_my_img a img { width:100%; height:auto; }
#smb_my_wish .smb_my_tit {margin-top:10px; }
#smb_my_wish .smb_my_tit a {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:10px 0 5px;
    color:var(--black); font-size:14px; line-height:20px; height:40px; word-break:break-all; font-weight:700; }
#smb_my_wish .smb_my_price { font-size:14px; color:var(--black); font-weight:700; margin-top:5px; }
#smb_my_wish .smb_my_date {color:#646464;font-size:13px; margin-top:15px; }
#smb_my_wish .smb_my_chk {position:absolute;top:5px;left:5px;width:30px; z-index:100; }
#smb_my_wish .wish_del {position:absolute; right:0; top:0; width:30px;height:30px;line-height:30px;text-align:center;display:block;font-size:16px;color:#777; z-index:100; }
#smb_my_wish .wish_del:hover {background:#777;color:#fff}
#smb_my_wish #smb_ws_act {display:flex; justify-content:center; gap:10px; align-items:center; margin:20px auto 30px; width:100%;  }
#smb_my_wish #smb_ws_act .button { width:150px; }

/* 내역검색 */
.orderSearchbox {margin-bottom:30px;}
.orderSearchbox .search_container { background:#f1f1f1; padding:24px; border-radius:6px; margin-bottom:10px; } 
.orderSearchbox .searchDate { display:flex; align-items:center; gap:5px; }
.orderSearchbox .searchConditions { display:flex; align-items:center; margin-top:5px; gap:5px; }
.orderSearchbox input, .orderSearchbox button, .orderSearchbox select { height:44px; line-height:44px; border:1px solid #fff; border-radius:4px; padding:0 10px; }
.orderSearchbox .date_input { width:150px; } 
.orderSearchbox .date_buttons button { width:66px; border:1px solid #d4d4d4; background:#fff; }
.orderSearchbox .date_buttons button:hover { background:#e0e0e0; } 
.orderSearchbox .date_buttons button.active { background:var(--blue); color:#fff; }
.orderSearchbox .search_input { flex-grow: 1; padding: 5px 10px; border: 1px solid #ccc; border-radius: 4px; } 
.orderSearchbox .searchBtnWrap { display:flex; justify-content:center; }
.orderSearchbox .searchBtn { width:100px; border-radius:4px; background:var(--blue02); color:#fff; font-size:16px; font-weight:700; }

/* 주문내역 */
#smb_my #sod_v {flex-grow:1; }
#smb_my_od h2 {margin:0 0 10px;font-size:1.25em}
#smb_my_od {position:relative;margin:0 0 50px}
.smb_my_od {background:#fff}
.smb_my_od li {padding:15px;border-bottom:1px solid #ececec}
.smb_my_od li:last-child {border-bottom:0}
.smb_my_od li:after {display:block;visibility:hidden;clear:both;content:""}
.smb_my_od li:hover {background:#fff6f6}
.smb_my_od .smb_my_od_li {float:left;line-height:18px}
.smb_my_od .smb_my_od_li1 {width:140px;text-align:center}
.smb_my_od .smb_my_od_li2 {width:75%;padding:0 20px}
.smb_my_od .smb_my_od_li3 {width:80px;float:right;text-align:center}
.smb_my_od .ord_num,
.smb_my_od .ord_name {font-size:1.2em;font-weight:bold;letter-spacing:-0.5px}
.smb_my_od .date {color:#b5b5b5}
.smb_my_od .cost {color:#3a8afd;font-weight:bold}
.smb_my_od .misu {color:#6d6d6d}

/* 관심목록 (위시리스트) */
#smb_my #sod_ws {flex-grow:1; }
#sod_ws .sod_ws_img { width:100%; border:1px solid #ececec; border-radius:6px; overflow:hidden; aspect-ratio:1/1; }
#sod_ws .sod_ws_img a img { width:100%; height:auto; }
#sod_ws li { margin-bottom:30px; position:relative; }
#sod_ws .info_link {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:10px 0 5px;color:var(--black);
    font-size:14px; line-height:20px; height:40px; word-break:break-all; font-weight:700; }
#sod_ws .sod_my_price { font-size:14px; font-weight:700; color:var(--black); }
#sod_ws .info_date {color:#646464;font-size:13px; margin-top:15px; }
#sod_ws .wish_chk {position:absolute;top:5px;left:5px;width:40px; z-index:100; }
#sod_ws .wish_info {position:relative;margin-top:10px; }
#sod_ws .wish_del {position:absolute; right:0; top:0; width:30px;height:30px;line-height:30px;text-align:center;display:block;font-size:16px;color:#777; z-index:100;}
#sod_ws .wish_del:hover {background:#777;color:#fff}
#sod_ws .sold_out {display:inline-block;padding:3px 5px;background:#ff0000;color:#fff;border-radius:3px}
#sod_ws_act {display:flex; justify-content:center; gap:10px; align-items:center; margin:20px auto 30px; width:100%; }
#sod_ws_act .button { width:150px; }

/* 반품내역 */
#smb_my #sod_return {flex-grow:1; }
#sod_return .search_container { display:flex; justify-content:space-between; }
#ruturn_list .prd_info_td { text-align:left;}
#ruturn_list .rt_prd_info { margin:10px 0; line-height:1.5; font-size:14px; color:var(--blue); }
#ruturn_list .rt_prd_info .prd_name { color:var(--black); }
#ruturn_list .rt_prd_info .prd_opt { color:var(--ltgrey); font-weight:400; }
#ruturn_list .td_date { width:130px; } 
#ruturn_list .td_state { width:90px; color:var(--blue02); } 
#ruturn_list .td_rtNo { width:150px; } 
#ruturn_list .td_rtNo a { font-weight:700; }
[class^="rt_status_"] {display:block;line-height:24px; height:24px; border-radius:5px;padding:0 5px;font-size:14px; font-weight:700; }
.rt_status_01 {background:#efefef;color:var(--blue02);}
.rt_status_02 {background:var(--blue02);color:#fff}
.rt_status_03 {background:#efefef;color:var(--blue01)}
.rt_status_04 {background:#efefef;color:var(--blue);}
.rt_status_05 {background:var(--blue);color:#fff}
.rt_status_06 {background:#efefef;color:red}
[class^="rtp_status_"] {display:block;line-height:24px; height:24px; border-radius:5px;padding:0 5px;font-size:14px; font-weight:700; }
.rtp_status_01 {background:#efefef;color:var(--blue02);}
.rtp_status_02 {background:var(--blue02);color:#fff}
.rtp_status_03 {background:#efefef;color:var(--blue01)}
.rtp_status_04 {background:#efefef;color:var(--blue);}
.rtp_status_05 {background:var(--blue);color:#fff}
.rtp_status_06 {background:#efefef;color:red}

/* 반품상세 */
#sod_return .retrunNum { font-size:16px; font-weight:800; color:var(--black); margin-bottom:20px;  }
#sod_return .td_reason { width:130px; } 
#sod_return .td_cost { width:100px; } 
#sod_return .td_amount { width:70px; } 
#sod_return .sod_return_box { border:1px solid var(--ltgrey01); padding:20px; margin-bottom:30px; }
#sod_return .sod_return_box .rtboxtit { font-size:18px; color:var(--blue); font-weight:800; margin-bottom:15px; }
#sod_return .rinfolist li { display:flex; }
#sod_return .rinfolist li + li { margin-top:10px;}
#sod_return .rinfolist li span { width:120px; color:var(--grey); font-size:14px; flex-shrink:0;}
#sod_return .rinfolist li strong { width:120px; color:var(--black); font-size:14px; flex-grow:1;  }
#sod_return .rt_btn_wrap { margin-top:20px; margin-bottom:50px; display:flex; justify-content:center; }

/* 1:1문의 */
#smb_my .gnaWrap {flex-grow:1; }

/* 관심목록 (위시리스트) */
#my_class {flex-grow:1; }
#my_class .my_class_img { width:100%; border:1px solid #ececec; border-radius:6px; overflow:hidden; aspect-ratio:1/1; }
#my_class .my_class_img a img { width:100%; height:auto; }
#my_class li { margin-bottom:30px; position:relative; }
#my_class .class_cate{font-size:12px;color:var(--blue01);font-weight:700;margin:15px 0 0 0;}
#my_class .info_link {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:7px 0 0 0;color:var(--black);
    font-size:14px; line-height:20px; height:40px; word-break:break-all; font-weight:700; }
#my_class .class_period {color:#646464;font-size:13px; margin-top:10px; }
#my_class .class_my_price { font-size:14px; font-weight:700; color:var(--black);margin-top:15px;}
#my_class .down_pdf{font-size:12px;display:block;margin:10px 0 15px 0;border-radius:3px;border:1px solid #d4d4d4;color:var(--black);padding:10px 0;text-align:center;}

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 미니샵  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#mshop .msInfoWrap { border:1px solid #f1f1f1; padding:30px; border-radius:10px; background:#f9f9f9; }
#mshop .msInfoWrap .msInfo { display:flex; gap:30px; }
#mshop .msInfoWrap .msInfo .msLogo { width:150px; height:150px; background:#fff; border-radius:50%; flex-shrink:0; display:flex; justify-content:center; align-items:center; padding:15px; }
#mshop .msInfoWrap .msInfo .msLogo img { max-width:100%; max-height:100%; }
#mshop .msInfoWrap .msInfo .msInfoText { flex-grow:1; }
#mshop .msInfoWrap .msInfo .msName { display:flex; gap:10px; align-items:flex-end; }
#mshop .msInfoWrap .msInfo .msName strong { font-size:26px; color:var(--black); font-weight:800; white-space:nowrap; }
#mshop .msInfoWrap .msInfo .msName p { font-size:14px; color:var(--black); font-weight:700; padding-bottom:3px; }
#mshop .msInfoWrap .msInfo .msName p:before { content:'|'; font-size:10px; color:#ccc; margin-right:5px; font-weight:500; }
#mshop .msInfoWrap .msInfo .msInfoList { margin-top:15px; }
#mshop .msInfoWrap .msInfo .msInfoList li { display:flex; line-height:1.5; }
#mshop .msInfoWrap .msInfo .msInfoList li:not(:first-child) { margin-top:5px; }
#mshop .msInfoWrap .msInfo .msInfoList li span { width:100px; flex-shrink:0; color:var(--ltgrey); font-weight:700;  }
#mshop .msInfoWrap .msInfo .msInfoList li strong { flex-grow:1; color:var(--black); font-weight:700; }

#mshop .ms_list_top { display:flex; justify-content:space-between; margin-top:50px; border-bottom:1px solid #333; padding-bottom:10px; align-items:flex-end; }
#mshop .ms_list_top p { color:var(--grey); font-weight:700; }

/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 마이페이지 - 층별약품 컨설팅정보  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
#drugListpage { flex-grow:1; }
#drugListpage .mypagetitleWrap {  }
.drugListTable { border-top:1px solid #d4d4d4; }
.drugListTable .drugListBox { width:100%; display:flex; border-bottom:1px solid #d4d4d4; gap:20px; padding:20px 10px; } 
.drugListTable .drugListBox .date { font-size:14px; color:var(--black); margin-bottom:10px; padding-top:5px; } 
.drugListTable .drugListBox .achImg { width:140px; flex-shrink:0; } 
.drugListTable .drugListBox .achImg button { border:0; background:none; display:block; width:100%; overflow:hidden !important; border-radius:6px; aspect-ratio:1/1; }
.drugListTable .drugListBox .achImg img { max-width:100%; }
.drugListTable .drugListBox .dgList { flex-grow:1; }
.drugListTable .drugListBox .dgList .drugInfo { flex-grow:1; display:flex; flex-wrap:wrap; flex-direction:column; height:114px; }
.drugListTable .drugListBox .dgList .drugInfo li { width:50%; font-size:14px; padding:10px; font-weight:700; height:37px; border:1px solid #efefef; border-top:0; display:flex; }
.drugListTable .drugListBox .dgList .drugInfo li > span { color:var(--grey); width:30px; flex-shrink:0; }
.drugListTable .drugListBox .dgList .drugInfo li button { border:0; background:transparent; padding:0; font-weight:700; display:flex; max-width:300px; align-items:center;gap:5px; }
.drugListTable .drugListBox .dgList .drugInfo li button span.arw { width:8px; height:12px; background:url(../img/shop/btn_arw.png)center no-repeat; flex-shrink:0; }
.drugListTable .drugListBox .dgList .drugInfo li button span:first-child { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;  }
.drugListTable .drugListBox .dgList .drugInfo li button:hover { border-bottom:1px solid #333; }
.drugListTable .drugListBox .dgList .drugInfo li:nth-child(3n+1) { border-top:1px solid #efefef; }
.drugListTable .drugListBox .dgList .drugInfo li:nth-child(-n+3) { border-right:0; }

/* 층별약품정보 레이어팝업 */
.layerPopWrap.drug_layer { background:rgba(0,0,0,0.2); }
.layerPopWrap.drug_layer .layerPop { width:1140px; height:800px; max-height:calc(100vh - 100px); overflow-y:auto;  }
.layerPopWrap.drug_layer .layerPop .popTit .tit { font-size:18px; }
.layerPopWrap.drug_layer #sit_tab { width:100%; padding-right:0; }
.layerPopWrap.drug_layer #sit_tab .tab_tit { gap:1px; }
.layerPopWrap.drug_layer #sit_tab .tab_tit li .selected:after { display:none; }
.layerPopWrap.drug_layer #sit_tab .tab_tit li .tab_button { background:#f1f1f1; border-radius:6px 6px 0 0; }
.layerPopWrap.drug_layer #sit_tab .tab_tit li .tab_button:hover { background:#efefef; color:var(--blue02); font-weight:800; }
.layerPopWrap.drug_layer #sit_tab .tab_tit li .tab_button.selected { background:var(--blue02); color:#fff; }

.layerPopWrap.drug_layer .achImgOrg { text-align:center; }
.layerPopWrap.drug_layer .achImgOrg img { max-width:100%; }
#drug_list { margin-top:20px; }
#drug_list .sod_ws_img { width:100%; border:1px solid #ececec; border-radius:6px; overflow:hidden; aspect-ratio:1/1; }
#drug_list .sod_ws_img a img { width:100%; height:auto; }
#drug_list li { margin-bottom:30px; position:relative; }
#drug_list .drug_name {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:10px 0 5px;color:var(--black);
    font-size:14px; line-height:20px; height:40px; word-break:break-all; font-weight:700; }
#drug_list .durg_chk {position:absolute;top:5px;left:5px;width:30px; z-index:100; }
#drug_list .drug_info {position:relative;margin-top:10px; }
#drug_list .drug_info .maker { margin-top:5px; color:var(--grey);  }
#drug_list .drug_info .price { font-size:14px; font-weight:700; color:var(--blue); margin-top:15px;  }
#drug_btn_act {display:flex; justify-content:center; gap:10px; align-items:center; margin:20px auto 30px; width:100%; }
#drug_btn_act .button { width:150px; }
#drug_list .list_col5 { border-bottom:1px solid #ccc; }
.layerPopWrap.drug_layer .no_data { text-align: center; padding: 50px 10px;}

/* 약품관리 */
.goods_list.medicine th { font-weight:800; }
.goods_list.medicine th.blue { color:#0a7bfb; }
.goods_list.medicine th.red { color:#e1282a; }
.goods_list.medicine th.green { color:#29c15c; }