@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');


:root {
    --body-max-width: 1280px;
}

/* 초기화 */
body {margin:0;padding:0;font-size:16px; font-family:"Noto Sans KR", sans-serif; line-height:150%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}


input:not([type="checkbox"], [type="radio"],[type="file"]),
select,
textarea {box-sizing: border-box; font-size: 1em; line-height: 1.25; margin: 0; padding: 0.6em 0.9em;border: 1px solid #d0d4d8; border-radius: 8px;
background: #ffffff;
color: #222;
transition: border-color .12s ease, box-shadow .12s ease, background .12s ease;
-webkit-appearance: none;   /* iOS/Chrome 기본 스타일 제거 */
appearance: none;
vertical-align:middle
}
select {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 70%;
    padding-right:2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
}

/* 포커스와 액티브 */
input:not([type="checkbox"], [type="radio"]) :focus,
select:focus,
textarea:focus {border-color: #ccc; box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.15);}

/* 비활성화/읽기전용 */
input[disabled],
input:disabled,
input[readonly],
textarea[disabled],
textarea:disabled,
textarea[readonly],
select[disabled],
select:disabled,
select[readonly] {background: #f5f7fa; border-color: #e2e6ea; color: #9aa4ae; cursor: not-allowed; }



img {vertical-align:middle}

button {cursor:pointer; padding:0.6em 0.9em; border:1px solid transparent; background-color:#444; color:#fff; font-weight:400; font-size:1em; line-height:1.25;}
textarea {min-height: 4rem; resize: vertical; width:100%;}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

 

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}


/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right; display:none;}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}




/* 상단 */

#hd_login_msg {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; white-space:nowrap;}
header {position:relative; width:100%; display:block;}
header .link_wrap {position:relative; width:100%; border-bottom:1px solid #e5e5e5; padding:7px 0;}
header .link_wrap .link {width:100%; max-width:var(--body-max-width); margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
header .link_wrap .link ul {position:relative; display:flex; gap:5px;}
header .link_wrap .link ul li a {display:block; padding:0.25em;}
header .link_wrap .link ul li a svg {width:1.125em; height:1.125em; fill:#444; margin-right:0.25em; vertical-align:middle; text-indent:0;}

header .nav {width:100%; max-width:var(--body-max-width); margin:0 auto; padding:0;}
header .nav .logo_search {display:flex; justify-content:space-between; align-items:center; margin:30px auto 20px auto;}
header .nav .logo_search .logo a {font-size:2em; font-weight:900; color:#000; letter-spacing:2px; text-transform:uppercase;}
header .nav ul.menu {position:relative; display:flex; gap:1em; font-family:'Noto Sans KR', sans-serif; border-bottom:1px solid #222;}
.index header .nav ul.menu {border-bottom:none;}
header .nav ul.menu li a {color:#000; font-weight:500; display:flex; align-items:center; justify-content:center; padding:1.4em 0.5em; font-size:0.875em; line-height:1;}
header .nav ul.menu li a.all_category {padding-left: 1.5em; position: relative; }
header .nav ul.menu li a.all_category svg {position:absolute; width:1.25em; height:1.25em; top:50%; left:0; transform:translateY(-50%); margin-top:1px;}
header .nav ul.menu li a.all_category:hover,
header .nav ul.menu li a.all_category.on {color:#a59357; font-weight:500;}

header .nav .search fieldset {position:relative;}
header .nav .search fieldset input {position:relative; z-index:1;  border:1px solid #000; height:2em; line-height:2em; padding: 0 0.5em; width:15em; outline:none; transition: box-shadow 0.3s ease, border-color 0.3s ease;}
header .nav .search fieldset input:focus {border-color:#000; box-shadow:0 0 3px #000;}
header .nav .search fieldset button {position:absolute; z-index:2; top:50%; right:5px; transform:translateY(-50%); border:none; background-color:transparent; cursor:pointer; padding:0; margin:0; background-repeat:no-repeat; background-size:80%; width:2em; height:2em; text-indent:-9999em; background-position:center;}
header .nav .search fieldset button {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z'%3E%3C/path%3E%3C/svg%3E"); }


/* 하단 */
.footer {width:100%; position:relative; }
.footer .wrap {position:relative; width:100%; margin:160px  auto 0 auto;}
.footer .wrap .links {position:relative; width:100%; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
.footer .wrap .links ul {position:relative; display:flex; max-width:var(--body-max-width); margin:0 auto;}
.footer .wrap .links ul li {margin:1em 1em 1em 0; padding:0 0 0 1em; border-left:1px solid #e5e5e5; font-size:0.8125em;}
.footer .wrap .links ul li:first-child {border-left:0; margin-left:0; border-left:none;}
.footer .wrap .links ul li a {line-height:1; color:#777;}
.footer .wrap .info {position:relative; width:100%; max-width:var(--body-max-width); padding:1em; margin:0 auto; font-size:0.8125em; color:#777; line-height:1.5em;}


/* 장바구니 */
.od_prd_list {width:100%; max-width:var(--body-max-width); margin:2em auto 0 auto; }
.od_prd_list h2 {font-size:1.675em; font-weight:400; color:#222; letter-spacing: -0.3px; line-height:1.3; margin-bottom:1em;}
.od_prd_list .sods {display:flex; align-items:flex-start; justify-content: flex-start; gap:0.5em;}
.od_prd_list .sod_img {padding:0.25em; border:1px solid #eee; border-radius:2px; }
.od_prd_list .sod_name {font-size:0.875em; color:rgba(85,85,85,1);}
.od_prd_list .sod_opt {font-size:0.9em;}
.od_prd_list .mod_options {font-size:1em; color:#290707; font-weight:600; border:0; background:transparent;}
#mod_option_frm {position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:30%; min-width:500px;; background:#fff; border:2px solid #222; box-shadow:0 0 10px rgba(0,0,0,0.1); z-index:1001; padding:1em; border-radius:.5em;}
.mod_option_bg {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000;}
#mod_option_close {position:absolute; top:1em; right:1em; width:2em; height:2em; background-size:70%; background-position:center; background-repeat: no-repeat; border:none; cursor:pointer; background-color:transparent;}
#mod_option_close {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10.5859 12L2.79297 4.20706L4.20718 2.79285L12.0001 10.5857L19.793 2.79285L21.2072 4.20706L13.4143 12L21.2072 19.7928L19.793 21.2071L12.0001 13.4142L4.20718 21.2071L2.79297 19.7928L10.5859 12Z'%3E%3C/path%3E%3C/svg%3E");}
#mod_option_frm h2 {font-size:1.25em; font-weight:400; color:#222; padding-bottom:0.5em; border-bottom:2px solid #222;}
#mod_option_frm .option_wr {margin:1em 0; padding:1em;}
#mod_option_frm .option_wr h3 {display:none;}
#mod_option_frm .option_wr .get_item_options {display:flex; gap:1em; margin-bottom:0.5em;}
#mod_option_frm .option_wr .get_item_options label {width:20%; min-width:150px;}
#mod_option_frm .option_wr .get_item_options span {width:80%;}
#mod_option_frm .option_wr .get_item_options span select {width:100%; height:auto; padding:0.5em 1em; border:1px solid #ccc; border-radius:5px;}
#mod_option_frm #sit_sel_option {border-top:1px solid #222; padding:1em;}
#mod_option_frm #sit_sel_option .sit_opt_list {padding:1em 0; border-bottom:1px solid #eee;}
#mod_option_frm #sit_sel_option .sit_opt_list .opt_name {font-size:0.9em; color:#666;}
#mod_option_frm #sit_tot_price {display:block; text-align:right; font-size:1.25em; font-weight:600;}
#mod_option_frm #sit_tot_price strong {font-weight:600; margin-left:0.5em;}
#mod_option_frm #sit_tot_price span {font-weight:400; font-size:0.75em;}
#mod_option_frm .btn_confirm {padding:0; text-align:center;}
#mod_option_frm .btn_submit {border:none; background:#222; color:#fff; width:50%; padding:1em; font-size:1em; font-weight:400; cursor:pointer; margin: 1em auto 0 auto;}
#mod_option_frm #sit_sel_option .opt_count {display:flex; align-items:center; justify-content:flex-start; font-size:1em;}
#mod_option_frm #sit_sel_option .sit_qty_minus,
#mod_option_frm #sit_sel_option .sit_qty_plus {width:2em; height:2em; line-height:2em; border:1px solid #ccc; background:#fff; background-position: center; background-size:50%; background-repeat: no-repeat; margin:0; padding:0;}
#mod_option_frm #sit_sel_option .sit_qty_plus {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(34,34,34,0.8)'%3E%3Cpath d='M13.0001 10.9999L22.0002 10.9997L22.0002 12.9997L13.0001 12.9999L13.0001 21.9998L11.0001 21.9998L11.0001 12.9999L2.00004 13.0001L2 11.0001L11.0001 10.9999L11 2.00025L13 2.00024L13.0001 10.9999Z'%3E%3C/path%3E%3C/svg%3E"); }
#mod_option_frm #sit_sel_option .sit_qty_minus {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(34,34,34,0.8)'%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E");}
#mod_option_frm #sit_sel_option .num_input {width:5em; height:2em; line-height:2em; text-align:center; border:1px solid #ccc; background:#fff; border-left:0; border-right:0;}
#mod_option_frm #sit_sel_option .sit_opt_del {width:2em; height:2em; border:0; background-color:transparent; background-size:70%; background-position:center; background-repeat: no-repeat;}
#mod_option_frm #sit_sel_option .sit_opt_del {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(200,0,0)'%3E%3Cpath d='M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z'%3E%3C/path%3E%3C/svg%3E"); }
#mod_option_frm #sit_sel_option .sit_opt_prc {display:block; flex:1; text-align:right; margin-right:1em;}

.od_prd_list .btn_cart_del {display:flex; position:relative; gap:0.5em; padding:1em 0;}
.od_prd_list .btn_cart_del button {padding:0.5em 1em; border:none; background:#ccc; color:#222; font-weight:400;}

.od_prd_list #sod_bsk_tot {width:100%; position:relative; border:1px solid #eee;}
.od_prd_list #sod_bsk_tot ul {width:100%; display:flex; justify-content:flex-end; align-items:center;}
.od_prd_list #sod_bsk_tot ul li {border-left:1px solid #eee; padding:1em 2em; font-size:1.5em; font-weight:400; display:flex; align-items:center; justify-content: center; gap:0.5em; color:#222;}
.od_prd_list #sod_bsk_tot ul li span {font-size:0.75em; color:#555;}
.od_prd_list #sod_bsk_tot ul li strong {letter-spacing:-0.03em;}
.od_prd_list #sod_bsk_act {width:100%; position:relative; padding:1em; text-align:center;}
.od_prd_list #sod_bsk_act .btn01 {display:inline-block; padding:1em 2em; border:none; background:#ccc; color:#222; font-weight:400; margin:0 0.5em; cursor:pointer;}
.od_prd_list #sod_bsk_act .btn_submit {display:inline-block; padding:1em 3em; border:none; background:#222; color:#fff; font-weight:400; margin:0 0.5em; cursor:pointer;}

.tbl_head03 {margin:0 0 10px}
table {border-collapse: collapse; width:100%;}
caption {padding:0;font-size:0;line-height:0;overflow:hidden}
th {font-size:1em; letter-spacing:-0.1em; border:1px solid #eee; border-right:0; padding:1em;}
thead a {color:#222}
td {border:1px solid #eee; border-right:0; padding:1em;}
td:first-child,
th:first-child {border-left:0}



.list_02 {width:100%; max-width:var(--body-max-width); margin:0 auto; padding:1em 0;}
.list_02 ul {width:100%; display:flex; flex-wrap:wrap; gap:1em; margin:0 auto;}
.list_02 ul li {position:relative; width:calc((100% - 3em) / 4);text-align:left; }
.list_02 ul li .sod_ws_img {position:relative; width:100%; height:auto; aspect-ratio: 1/1; border:1px solid #eee; overflow:hidden; z-index:1;}
.list_02 ul li .sod_ws_img img {width:100%; height:100%; object-fit: cover;}
.list_02 ul li .wish_info {font-size:0.875em; color:#222; margin-top:0.5em; display:flex; align-items:flex-start; flex-wrap:wrap;}
.list_02 ul li .wish_info .wish_chk { position: relative; margin:0; padding:0; width:1.5em;}
.list_02 ul li .wish_info a {width:calc(100% - 1.5em); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.list_02 ul li .wish_info .info_date {font-size:0.75em; color:#666;}
.list_02 ul li .wish_info a.wish_del {position:absolute; width:2em; height:2em; top:0; right:0; z-index:5; background-size:70%; background-position: center; background-repeat: no-repeat;}
.list_02 ul li .wish_info a.wish_del {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M10.5859 12L2.79297 4.20706L4.20718 2.79285L12.0001 10.5857L19.793 2.79285L21.2072 4.20706L13.4143 12L21.2072 19.7928L19.793 21.2071L12.0001 13.4142L4.20718 21.2071L2.79297 19.7928L10.5859 12Z'%3E%3C/path%3E%3C/svg%3E");}
.list_02 ul li .wish_info .chk_box {display:inline-block; margin:0; padding:0; margin-top:0.25em;}

#sod_ws #sod_ws_act {width:100%; max-width:calc(var(--body-max-width)); position:relative; padding:1em 0; text-align:center; border-top:1px solid #222; margin:1em auto;}
#sod_ws #sod_ws_act button {display:inline-block; padding:1em 3em; border:none; background:#222; color:#fff; font-weight:400; margin: 0 0.5em; cursor: pointer;}
#sod_ws .empty_table {text-align:center; padding:5em 0; width:100%;}

input[type="checkbox"] {
    appearance: none; /* 기본(네이티브) 모양을 제거 */
    box-sizing: border-box;
    background-clip: content-box;
    padding: 0;
    width: 1.25em;
    height: 1.25em;
    border: 1px solid #ccc;
    cursor: pointer;
    margin:0 0.5em 0 0;
    border-radius:1px;
    padding:0;
    vertical-align: middle;
    display:flex;
}
input[type="checkbox"]:checked {
    border-color: #222;
    width:1.25em;
    height:1.25em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z'%3E%3C/path%3E%3C/svg%3E");
}

span.spacer {display:block; height:0.25em;}

/**주문하기*/
#sod_frm,
#sod_fin {width:100%; max-width:var(--body-max-width); margin:2em auto 0 auto;}
#sod_frm h1,
#sod_fin h1 {font-size:1.875em; font-weight:400; color:#222; letter-spacing: -0.3px; line-height:1.3; margin-bottom:1em;}
#sod_frm .td_prds,
#sod_fin .td_prds {display:flex; align-items:flex-start; justify-content: flex-start; gap:0.5em;}
#sod_frm .td_prds b,
#sod_fin .td_prds b {font-weight:400; color:#222;}
#sod_frm .tbl_frm01.tbl_wrap th,
#sod_frm .pay_tbl th,
#sod_fin .tbl_frm01.tbl_wrap th,
#sod_fin .pay_tbl th {color:#222; font-weight:400;}
#sod_frm h2,
#sod_fin h2 {font-size:1.5em; font-weight:400; color:#222; letter-spacing: -0.3px; line-height:1.3; margin:0; padding:1em 0 0.5em 0.5em}
#sod_frm .tbl_frm01.tbl_wrap .order_choice_place,
#sod_fin .tbl_frm01.tbl_wrap .order_choice_place {display:flex; align-items:center; justify-content:flex-start;}
#sod_frm .tbl_frm01.tbl_wrap .order_choice_place label,
#sod_fin .tbl_frm01.tbl_wrap .order_choice_place label {margin-right:1em; margin-left:0.25em;}
#sod_frm .tbl_frm01.tbl_wrap .ad_defaults,
#sod_fin .tbl_frm01.tbl_wrap .ad_defaults {display:flex; align-items:center; justify-content: flex-start;;}
#sod_frm .tbl_frm01.tbl_wrap .ad_defaults #ad_default,
#sod_fin .tbl_frm01.tbl_wrap .ad_defaults #ad_default {margin-left:1em;}
#sod_frm #sod_bsk_tot {border:1px solid #999; margin-top:1em;}
#sod_frm #sod_bsk_tot ul,
#sod_fin #sod_bsk_tot ul {width:100%; display:flex; justify-content:flex-end; align-items:center;}
#sod_frm #sod_bsk_tot ul li,
#sod_fin #sod_bsk_tot ul li {padding:1em 2em; border-left:1px solid #999; font-size:1.5em; display:flex; align-items:center; justify-content: center; position:relative; z-index:1;}
#sod_frm #sod_bsk_tot ul li span,
#sod_fin #sod_bsk_tot ul li span {font-size:0.75em; color:#555; margin-right:0.5em;} 
#sod_frm #sod_bsk_tot ul li.sod_bsk_coupon:before,
#sod_fin #sod_bsk_tot ul li.sod_bsk_coupon:before {content:""; position:absolute; top:50%; left:0; width:1.25em; border-radius:1.5em; height:auto; aspect-ratio:1/1; background:#fff; border:1px solid #999; transform:translate(-50%, -50%); z-index:2;}
#sod_frm #sod_bsk_tot ul li.sod_bsk_coupon:before,
#sod_fin #sod_bsk_tot ul li.sod_bsk_coupon:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(34,34,34,1)'%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E"); }

#sod_frm #sod_bsk_tot ul li.sod_bsk_dvr:before,
#sod_fin #sod_bsk_tot ul li.sod_bsk_dvr:before {content:""; position:absolute; top:50%; left:0; width:1.25em; border-radius:1.5em; height:auto; aspect-ratio:1/1; background:#fff; border:1px solid #999; transform:translate(-50%, -50%); z-index:2;}
#sod_frm #sod_bsk_tot ul li.sod_bsk_dvr:before,
#sod_fin #sod_bsk_tot ul li.sod_bsk_dvr:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(34,34,34,1)'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");}

#sod_frm #sod_bsk_tot ul li.sod_bsk_cnt:before,
#sod_fin #sod_bsk_tot ul li.sod_bsk_cnt:before {content:""; position:absolute; top:50%; left:0; width:1.25em; border-radius:1.5em; height:auto; aspect-ratio:1/1; background:#fff; border:1px solid #999; transform:translate(-50%, -50%); z-index:2;}
#sod_frm #sod_bsk_tot ul li.sod_bsk_cnt:before,
#sod_fin #sod_bsk_tot ul li.sod_bsk_cnt:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M19 8H5V10H19V8ZM19 14H5V16H19V14Z'%3E%3C/path%3E%3C/svg%3E");}


#sod_frm #sod_bsk_tot ul li.sod_bsk_point,
#sod_fin #sod_bsk_tot ul li.sod_bsk_point {display:none;}

#sod_frm #od_tot_price,
#sod_fin #od_tot_price {border:1px solid #999; margin-top:1em; width:100%; display:flex; justify-content:flex-end; align-items:center; padding:1em 2em; font-size:1.5em; color:#ff5452;}
#sod_frm #od_tot_price span,
#sod_fin #od_tot_price span {color:#555; font-size:0.75em; margin-right:0.5em;}
#sod_frm #sod_frm_pt_alert,
#sod_fin #sod_frm_pt_alert {font-size:0.875em; color:#666; margin:0; padding:0 0 0 1em;}
#sod_frm #sod_frm_paysel,
#sod_fin #sod_frm_paysel {border:1px solid #999; margin-top:1em; width:100%; }
#sod_frm .od_pay_buttons_el h2,
#sod_fin .od_pay_buttons_el h2 {padding-bottom:0;}
#sod_frm #sod_frm_paysel .radioWrap,
#sod_fin #sod_frm_paysel .radioWrap {display:flex; justify-content:flex-start; align-items:center; padding:1em; font-size:1em; gap:0.5em;}
#sod_frm #sod_frm_paysel .radioWrap .payment,
#sod_fin #sod_frm_paysel .radioWrap .payment {background:#eee; border:1px solid #ccc; padding:0.5em 1em;}
#sod_frm #sod_frm_paysel .radioWrap .payment:has(input:checked),
#sod_fin #sod_frm_paysel .radioWrap .payment:has(input:checked) {background:#222; color:#fff;}
#sod_frm #sod_frm_paysel #settle_bank,
#sod_fin #sod_frm_paysel #settle_bank {padding:1em; display:none; margin-top:-1px;}
#sod_frm #od_pay_sl .sod_frm_point,
#sod_fin #od_pay_sl .sod_frm_point {margin-top:1em;}
#sod_frm_orderer th,
#sod_frm_taker th,
.sod_right th,
#sod_fin_pay th,
#sod_fin_orderer th,
#sod_fin_receiver th {font-weight:400; width:20%;}
#sod_frm .btn_confirm {padding:1em; text-align:center;}
#sod_frm .btn_confirm .btn_submit {border:none; background:#ff5452; color:#fff; font-weight:600; padding:1em 2em; border-radius:0; font-size:1.25em; line-height:1.2; cursor:pointer;}
#od_pay_sl #sod_frm_pt {font-size:0.875em; color:#ff5452; margin-top:0;}
#od_pay_sl #sod_frm_pt span {color:#666;}
#od_pay_sl #sod_frm_pt #use_max_point {color:#222;}


#sod_sts_wrap {text-align:right;}
#sod_sts_wrap .btn_frmline {margin-right:1em;}
#sod_fin #sod_sts_explan {display:none; padding:1em; background:#f8f8f8; border:1px solid #444; border-radius:0.5em; text-align:left;}
#sod_fin #sod_sts_explan #sod_fin_legend dt {display:inline-block; width:auto; height:auto; font-weight:600; padding:0.25em 1em; border-radius:1em; font-size:0.875em; background:#222; color:#fff;}
#sod_fin #sod_sts_explan #sod_fin_legend dd {border-bottom:1px solid #fff; margin-bottom:0.75em;}


#sod_fin #sod_fin_cancel {margin-top:2em;}
#sod_fin #sod_fin_cancel #sod_fin_cancelfrm {display:none;}
.modal-pop-bg {position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.1); z-index:1000; display:none;}
#sod_frm .od_coupon_wrap {display:inline;}
#sod_frm .od_coupon_wrap .od_coupon,
#sod_frm #sc_coupon_frm {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; padding:2em; border-radius:0.5em; box-shadow:0 0 10px rgba(0,0,0,0.5); z-index:1001}
#sod_frm .btn_close {position:absolute; top:-1em; right:-1em; width:2em; height:2em; border-radius:2em; background-size:70%; background-position:center; background-repeat: no-repeat; border:none; cursor:pointer; background-color:#222;}
#sod_frm .btn_close {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,1)'%3E%3Cpath d='M10.5859 12L2.79297 4.20706L4.20718 2.79285L12.0001 10.5857L19.793 2.79285L21.2072 4.20706L13.4143 12L21.2072 19.7928L19.793 21.2071L12.0001 13.4142L4.20718 21.2071L2.79297 19.7928L10.5859 12Z'%3E%3C/path%3E%3C/svg%3E");}


#sod_addr {width:100%; margin:0 auto; padding:1em;}
#sod_addr h1 {font-size:1.5em; font-weight:400; color:#222; letter-spacing: -0.3px; line-height:1.3; margin-bottom:1em;}
#sod_addr .td_sbj_inner {display:flex; align-items:center; justify-content:center; gap:0.5em;}

#sod_addr .td_mng .mng_btn  {display:inline-block; width:100%; white-space:nowrap; text-align:center; border:1px solid transparent; background-color:#444; color:#fff; padding:0.6em 0.9em; font-weight:400; font-size:0.75em; line-height:1.25; margin-bottom:0.25em;}



#smb_my {width:100%; max-width:var(--body-max-width); margin:2em auto 0 auto; }
#smb_my h2 {font-size:1.875em; font-weight:400; color:#222; letter-spacing: -0.3px; line-height:1.3; margin:0; padding:1em 0 0.5em 1em;}

#smb_my #smb_my_ov {display:flex; align-items:center; justify-content: flex-start; gap:5px; margin-bottom:2em;}
#smb_my #smb_my_ov .my_info {position:relative; background:#fafafa; align-self: stretch; width:calc(100% / 3); height:auto; padding:2em;}
#smb_my #smb_my_ov .my_ov_name {font-size:1.5em; position:relative;}
#smb_my #smb_my_ov .my_info .btns {position:absolute; bottom:0; left:0; width:100%; padding:2em; text-align:center;}
#smb_my #smb_my_ov .my_info .btns a {display:inline-block; padding:0.5em 0.75em; border:1px solid #ddd; border-radius:0.25em; font-size:1em; color:#222; transition: 0.2s; width:calc(100% / 3 - 0.25em); background:#fff;}
#smb_my #smb_my_ov .my_info .btns a:hover {border-color:#222;}
#smb_my #smb_my_ov .my_info .btns .btn-leave {color:red;}

#smb_my #smb_my_ov .cou_pt,
#smb_my #smb_my_ov .op_area {position:relative; background:#fafafa; align-self:stretch; width:calc(100% / 3); height:auto; padding:2em; display:flex; flex-wrap:wrap; align-content:flex-start;}
#smb_my #smb_my_ov .cou_pt dt,
#smb_my #smb_my_ov .op_area dt {font-size:1em; width:40%; height:auto; margin-bottom:2em;}
#smb_my #smb_my_ov .cou_pt dd,
#smb_my #smb_my_ov .op_area dd {font-size:1em; width:60%; height:auto; margin-bottom:2em;}
#smb_my #smb_my_ov .cou_pt dd a {font-size:1.5em; font-weight:600;}

#smb_my #smb_my_ov .op_area dt,
#smb_my #smb_my_ov .op_area dd {margin-bottom:0.5em;}
#smb_my .smb_my_more {text-align:right;}
#smb_my #smb_my_wish img {display:inline-block; border:1px solid #f8f8f8;}

/* 쿠폰 */
#coupon {width:100%; padding:1em;}
#coupon h1 {font-size:1.875em; font-weight:400; color:#222; letter-spacing: -0.3px; line-height:1.3; margin-bottom:1em;}

#sod_v {width:100%; max-width:var(--body-max-width); margin:2em auto 0 auto; padding:0;}
#sod_v h1 {font-size:1.875em; font-weight:400; color:#222; letter-spacing: -0.3px; line-height:1.3; margin-bottom:1em;}


.register {width:100%; max-width:var(--body-max-width); margin:2em auto 0 auto; }

.board_inner {width:100%; max-width:var(--body-max-width); margin:2em auto 0 auto; }
.board_inner h2 {font-size:1.875em; font-weight:400; color:#222; letter-spacing: -0.3px; line-height:1.3; margin-bottom:1em;}
.board_inner .btn_bo_sch  {display:block; width:1.5em!important; height: 1.5em!important; font-size:1.5em!important; background-color:transparent!important; background-size:70%; background-position:center; background-repeat: no-repeat; border:none; cursor:pointer; background-color:transparent; margin-left:0.5em;}
.board_inner .btn_bo_sch {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z'%3E%3C/path%3E%3C/svg%3E");}



.all_category_box {display:none;position:absolute; top:calc(100% - 1px); left:50%; width:100vw; height:auto; transform:translateX(-50%); background:rgba(255,255,255,1);box-shadow:0 2px 5px rgba(0,0,0,0.1); z-index:2000;}
.all_category_box .all_category_box_inner {width:100%; max-width:var(--body-max-width); margin:0 auto; padding:1em;}
.all_category_box .all_category_box_inner .close_all_category {width:1.5em; height:1.5em; position:absolute; top:1em; right:1em; z-index:2;}
.all_category_box .all_category_box_inner .cate {position:relative; display:flex;}
.all_category_box .all_category_box_inner .cate > li {width:calc(100% / 8); border-left:1px solid #f5f5f5; padding:1em; text-align:left!important;}
.all_category_box .all_category_box_inner .cate > li:hover {background:#fafafa;}
.all_category_box .all_category_box_inner .cate > li a:hover {color:#a59357; font-weight:500;}
.all_category_box .all_category_box_inner .cate > li:first-child {border-left:0;}
.all_category_box .all_category_box_inner .cate li a {text-align:left; font-weight:600; display:block; padding:0.5em 0.6em; color:#222;}
.all_category_box .all_category_box_inner .cate li li a {color:#666; font-weight:400;}


#find_info {width:100%; max-width:var(--body-max-width); margin:0 auto; }
#find_info h1 {font-size:1.875em; font-weight:400; color:#222; letter-spacing: -0.3px; line-height:1.3; margin:1.5em 0 1em 0;}
#find_info .new_win_con {background:transparent!important;}
#find_info .new_win_con #info_fs p {color:#666;}
#find_info .new_win_con .win_btn {margin-top:1.5em;}