@charset "utf-8"; 
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); 
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
/* 초기화 */

html { overflow-y:scroll; height:100%; min-width:320px } 

body { margin:0; padding:0; font-size:0.813em; height:100%; font-family: "Source Sans 3", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; } 

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 } 

legend { position:absolute; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 

input, button { margin:0; padding:0; font-size:1em; font-family: "Source Sans 3", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; } 

button, input[type=submit] { cursor:pointer } 

input[type=text], input[type=password], input[type=image], button { font-size:1em; -webkit-appearance:none } 

textarea, select,button { font-size:1em; font-family: "Source Sans 3", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; } 

textarea { border-radius:0; -webkit-appearance:none } 

select { margin:0; background:none } 

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 } 

ul,li,dl,dt,dd { padding:0; margin:0 } 

ul { list-style:none; } 

img { vertical-align:top; max-width:100%; height:auto } 



*, :after, :before { 

 -webkit-box-sizing: border-box; 

 -moz-box-sizing: border-box; 

 box-sizing: border-box; 

 } 



/* 팝업레이어 */

#hd_pop { z-index:1000; position:relative; margin:0 auto; width:100%; height:0px } 

#hd_pop h2 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden } 

.hd_pops { position:absolute; border:1px solid #e9e9e9; background:#fff } 

.hd_pops_con { } 

.hd_pops img { max-width:100%; height:auto } 

.hd_pops_footer { padding:10px 0; background:#000; color:#fff; text-align:right } 

.hd_pops_footer button { margin-right:5px; padding:5px 10px; border:0; background:#393939; color:#fff } 



/* 상단 레이아웃 */

#hd { position:relative; width:100%; z-index:99; } 

#hd h1 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden } 



#hd_menu { border-bottom:1px solid #e6eaed } 

#hd_menu ul { margin:0 auto; max-width:1400px } 

#hd_menu ul:after { display:block; visibility:hidden; clear:both; content:"" } 

#hd_menu li { float:left; line-height:45px; font-size:0.923em; margin:0 8px } 

#hd_menu li a { color:#aeb4bf } 

#hd_menu li a:hover { color:#000 } 

#hd_menu .hd_menu_right { float:right } 



#hd_wr { position:fixed; top:0; left:0; width:100%; max-width:100%; height:80px; margin:0 auto; padding:10px 30px; display:flex; justify-content:space-between; align-items: center; background:transparent; 
-webkit-transition: all 0.30s ease-in-out; 
-moz-transition: all 0.30s ease-in-out; 
-ms-transition: all 0.30s ease-in-out; 
-o-transition: all 0.30s ease-in-out; } 


#hd_wr.fixed { background:#fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09); } 


#logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#logo img { vertical-align:middle; width:auto; max-height:24px; } 

.gnb_n_btn_wr { display:flex; flex-flow:row nowrap; align-items: center; } 

#hd_sch { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.9); z-index:999; text-align:center; } 

.hd_sch_wr { position:absolute; top:50%; left:50%; width:80%; margin-top:-50px; margin-left:-40% } 

#hd_sch h2 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden } 

#hd_sch .sch_inner { position:relative; } 

#hd_sch .sch_inner:after { display:block; visibility:hidden; clear:both; content:"" } 

#hd_sch #sch_str { background:transparent; border:0; border-bottom:2px solid #fff; color:#fff; width:100%; height:50px; padding-left:50px; font-size:16px; outline:none } 

#hd_sch .sch_submit { position:absolute; top:0; left:0; height:50px;; border:0; cursor:pointer; background:transparent; font-weight:600; color:#fff; width:50px; font-size:16px; } 

#hd_sch .btn_close { position:absolute; top:15px; right:30px; width:70px; height:70px; background:none; color:#fff; border:0; font-size:16px; opacity:0.5 } 

#hd_sch .btn_close:hover { opacity:1 } 



#ppl_word { color:#fff; margin-top:15px; line-height:25px } 

#ppl_word:after { display:block; visibility:hidden; clear:both; content:"" } 

#ppl_word h3 { padding:0 8px; margin-right:5px; background:#fff; color:#000; display:inline-block; float:left; font-weight:500; border-radius:5px } 

#ppl_word ol { float:left; padding:0; margin:0 } 

#ppl_word li { display:inline-block; list-style:none } 

#ppl_word li a { display:block; padding: 0 10px; color:#fff; border-radius:5px; font-weight:300; opacity:0.8 } 

#ppl_word li a:hover { opacity:1 } 





#hd_btn { display:block; } 
#hd_btn button { height:47px; line-height:47px; width:45px; background:none; border:0; vertical-align:top; color:#a4a4a4; font-size:17px; } 
#hd_btn button img { padding: 15px 0; margin:0 auto; } 
#hd_btn button .fa-cart-shopping { margin-left:-10px; } 
#hd_btn i { font-size:18px } 
#hd_btn a { display:inline-block; line-height:45px; width:45px; text-align:center; vertical-align:top; } 
#btn_cartop { position:relative } 
#btn_cartop .cart-count { position:absolute; top: 47%; right:-3px; transform: translate(0, -50%); background: #e67f1c; border-radius:15px; font-size:10px; color:#fff; padding:0 5px; line-height:16px } 

.hd_admin { position:fixed; bottom:10px; left:10px; } 
.hd_admin a { padding:0 20px; display:inline-block;; line-height:40px; background:#d12323; z-index:999; color:#fff } 
.hd_admin a:hover { background:#ff0000 } 



/*카테고리*/
#category2 { display:none; position:absolute; top:75px; left:160px; width:1200px; border:1px solid #ddd; background:#fff; z-index:99999; text-align:left; } 
#category2 .ct_wr { padding:20px 20px 20px 5px; } 
#category2 ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#category2 .cate { margin-left:10px; line-height:20px; } 
#category2 .cate_li_1 { float:left; text-align:left; width:175px; min-height:200px; margin-left:15px } 
#category2 .cate_li_1_a { border-bottom:1px solid #aaa; margin-bottom:5px; padding-bottom:5px; display:block; font-weight:bold } 
#category2 .cate_li_2 { width:100%; float:none; font-size:0.92em;; line-height:20px; height:20px; margin:0 } 
#category2 .cate_li_2 a { color:#6d6d6d; display:block } 
#category2 a:hover { color:#c92033 } 
#category2 .close_btn { position:absolute; width:60px; height:53px; border:0; background:0; font-size:20px; top: -53px; left: -1px; background: #fff; border:1px solid #ddd; box-sizing:border-box; } 

#menu_open2 { width:60px; height:51px; color:#888; font-size:18px; background:transparent; border:none; } 


/*카테고리*/

.menu_wr h2 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden } 

.menu_wr li a { color:#777; } 




/* 중간 레이아웃 */

#container { min-height:600px; width:100%; max-width:1500px; margin:0 auto 50px; padding: 0; } 
#container.idx-container { width:100%; max-width:100%; margin:0; padding:0; } 

#container_title { margin:0 auto; max-width:1850px; padding:40px 20px 20px; text-align:center; /*font-size:1.846em; */font-size: 34px; } 

.idx_c { margin:0 auto; max-width:1850px; } 

.idx_c:after { display:block; visibility:hidden; clear:both; content:"" } 



.box { background:#fff; 

-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.07); 

-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.07); 

box-shadow: 0 2px 5px rgba(0,0,0,0.07) } 




.view-container #container_title { display:none } 





/*메인*/

#idx_tab { padding-left:220px; position:relative; } 

#idx_tab h2 { display:none } 

#idx_tab .tabs { position:absolute; top:0; left:0 } 

#idx_tab .tabs li { display: block; font-size:1.154em; margin: 0 0 15px; font-weight:500; line-height: 24px; color: #717989; text-align: left; cursor:pointer } 

#idx_tab .tabs .current { color: black; position: relative; text-decoration: underline; } 

#idx_tab .sct_wrap { display:none } 

#idx_tab .sct_wrap.current { display: block; } 



#idx_review { background:#f8f9fa; text-align:center; padding:100px 0 } 

#idx_review h2 { text-align: center; font-size: 1.846em; margin: 0 0 20px; } 

.review { max-width:1850px; margin:0 auto; } 

.review .rv_li { margin:20px; background:#fff; opacity:0.5; position:relative; padding:40px; text-align:left; 

-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); 

-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); 

box-shadow: 0 1px 2px rgba(0, 0, 0, .1); } 

.review .rv_li:hover { 

-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .15); 

-moz-box-shadow:0 5px 10px rgba(0, 0, 0, .15); 

box-shadow:0 5px 10px rgba(0, 0, 0, .15); } 

.review .slick-active { opacity:1 } 

.review .rv_hd { position:relative; padding-left:70px; line-height:25px; margin-bottom:20px } 

.review .prd_img { position:absolute; top:0; left:0; } 

.review .prd_img img { border-radius:50px } 

.review .rv_tit { display:block; font-size:1.077em; font-weight:600 } 

.review .rv_prd { color:#717989 } 

.review p { line-height:1.7em; min-height:80px } 



/* 내용관리 */

#ctt { margin:10px 0; padding:10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } 

.ctt_admin { margin:0 5px; text-align:right } 

#ctt header h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 

#ctt_con { padding:10px 0 } 

.ctt_img { text-align:center } 



/* 하단 레이아웃 */
#ft { padding:0 16px 20px; font-size:13px; line-height:1.6; color:#555; word-break: keep-all; border-top:1px solid #ddd; } 
#ft a { color:#555; } 
#ft a:hover { color:#aaa; } 
#ft .ft_wr { display: flex; flex-flow: column nowrap; gap: 16px; width:100%; max-width:1500px; margin:0 auto; padding:40px 0; } 
#ft .ft_info { display:flex; flex-flow:row wrap; align-items: center; } 
#ft .ft_dividing_line { padding:0 8px; } 

.ft_top { border-bottom:1px solid #ddd; } 
.ft_top_flex { display:flex; flex-flow:row nowrap; justify-content: space-between; gap:6%; width:100%; } 
.ft_top_flex div { display:flex; flex-flow:column nowrap; gap:16px; } 
.ft_top_flex div:nth-child(2) { text-align:right; } 
.ft_top_flex p { font-size:14px; color:#555; } 
.ft_top_flex a { color:inherit; } 
.ft_top_flex a:hover { color:#aaa; } 



/* 목록 바로가기 */

.sanchor { margin:0 0 5px; padding:0 } 

.sanchor:after { display:block; visibility:hidden; clear:both; content:"" } 

.sanchor li { float:left; list-style:none; width:25%; border-top:2px solid #000; text-align:center; overflow: hidden; white-space: nowrap; letter-spacing:0.2em; font-size:0.93em } 

.sanchor a { display:block; padding:10px; border-left:1px solid #ededed; border-bottom:1px solid #ededed; background:#fcfcfc; text-decoration:none; color:#484848 } 

.sanchor a:focus, .sanchor a:hover { background:#eee; text-decoration:none } 

.sanchor a.sanchor_on { background:#fff; text-decoration:none; border-bottom:1px solid #fff; } 



/* ####### 쇼핑몰 컨텐츠 ####### */



.st_bg { display: inline-block; width: 1px; height: 10px; margin: 0 10px; background: #e2e1e0; vertical-align: -1px; } 

#listtype { margin:10px; } 



#sod_chk { padding:15px 15px 0; } 

.sod_list { padding:10px 0; } 

.sod_list .sod_li { background:#fff; border: 1px solid #e7e8ef; margin:10px 0; } 

.sod_list .li_name { line-height:1.3em; padding: 10px 10px; font-size:1.083em; } 

.sod_list .li_op_wr { position:relative;  min-height:80px; } 

.sod_list .total_img { position:absolute; top:0; left:0 } 

.sod_list .mod_options { padding: 0 7px; border: 1px solid #38b2b9; color: #38b2b9; background: #fff; height: 23px; line-height: 21px; margin: 5px 0 0; } 

.sod_list .li_prqty { margin:10px 10px; border-top:1px solid #dcdcdc; padding:10px 0 0 } 

.sod_list .li_prqty:after { display:block; visibility:hidden; clear:both; content:'' } 

.sod_list .li_prqty_sp { float:left; width:50%; display:block; line-height:20px; padding:0 7px; text-align :right; } 

.sod_list .li_prqty_sp span { float:left } 

.sod_list .prqty_sc,.sod_list .prqty_price { border-right:1px solid #dcdcdc } 

.sod_list .total_price { background:#f5f5f5; border:1px solid #e2e2e2; display:block; clear:both; margin:10px; text-align:right; padding:5px 10px; line-height:20px } 

.sod_list .total_price span { float:left } 

.sod_list .total_price strong { font-size:1.25em; color:#7d8dff } 

.sod_opt li { padding-left: 10px; background: url('../img/bullet.gif') no-repeat 3px 50%; color: #777; margin: 3px 0; line-height: 1.3em; } 



#sit_opt_added { margin:0; padding:0; border-bottom:0; list-style:none } 

#sit_opt_added li { padding:15px 0; border-bottom:1px solid #eee; margin:0 0 2px; position:relative } 

#sit_opt_added li .opt_name { line-height:18px; padding:0 0 10px } 

#sit_opt_added li .opt_count { } 

#sit_opt_added li .opt_count:after { display:block; visibility:hidden; clear:both; content:"" } 

#sit_opt_added button { float:left; width:30px; height:30px; border:1px solid #b3b3b3; background:#fff; color:black; font-size:0.92em } 

#sit_opt_added button:hover { background:#f8f8f8; border-color:black; color:black } 

#sit_opt_added .num_input { float:left; border:0; height:30px; width:40px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; text-align:center; color:#333; } 

#sit_opt_added .num_input:focus { background:#fffafa; color:black } 

#sit_opt_added .sit_opt_del { background:#f3f3f3; color:#aaa; border:0; margin-left:3px } 

#sit_opt_added .sit_opt_prc { float:right; display:block; padding:0 3px; text-align:right; line-height:30px; font-weight:bold; } 



#sit_opt_added .sit_opt_prc { float:right; display:block; padding:0 3px; text-align:right; line-height:30px; font-weight:bold; } 





/* 주문서 작성 */

#sod_frm { } 

#sod_frm .od_prd_list { margin:20px 10px; background:#fff; } 

.od_prd_list .td_chk { border-left:0; } 

.od_prd_list .td_prd { border-left:0; position:relative; padding-left:100px; min-height:100px } 

.od_prd_list .td_prd .sod_img { position:absolute; top:15px; left:10px } 

.od_prd_list .td_prd .sod_name { min-height:80px } 

.od_prd_list .td_prd .prd_name { font-size:1.167em } 

.od_prd_list .total_prc { color:#ff006c; font-weight:bold; font-size:1.167em } 



#sod_frm_orderer { padding:20px } 

#sod_frm_taker { padding:20px } 

#sod_frm_taker h2,#sod_frm_orderer h2 { margin:10px 0; font-size:1.25em } 

.odf_list li { } 

.odf_list label,.odf_list strong { display:block; margin:7px 0 5px; color:#444; font-weight:normal } 

.odf_list .frm_input { width:100%; margin:0 0 5px } 

.odf_list .dlv_slt div { background:#fff; border:1px solid #ccc; margin:5px 0; padding:10px } 

.odf_list .dlv_slt div label { display:inline-block; margin:3px 0; color:#000 } 

#order_address { display:block; width:80px; text-align:center; border: 1px solid #3476be; color: #3476be;; height:30px; line-height:28px; margin:5px 0 0; background:none } 

.odf_list .ad_default { display:inline-block; margin:0 } 

.odf_list .btn_addsch { position:absolute; top:5px; right:5px; border-radius:3px; height:30px; } 

.odf_list .add_num { position:relative; display:block; } 

.odf_list textarea { border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; width:100%; height:70px; 

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 

-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 

box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 

 } 

#m_sod_frm_paysel { margin:10px 0; } 

#m_sod_frm_paysel ul { margin:0 0; background:#fff; padding:0 0 10px; } 

#m_sod_frm_paysel ul:after { display:block; visibility:hidden; clear:both; content:"" } 

#m_sod_frm_paysel li { float:left; padding:5px; width:46%; height:25px } 

#m_sod_frm_paysel .KPAY { background:url('../../../img/kpay.png') no-repeat; width:37px; height:15px; overflow:hidden; text-indent:-999px; display:inline-block; background-size:100% } 

#m_sod_frm_paysel .PAYNOW { background:url('../../../img/paynow.png') no-repeat; width:46px; height:15px; overflow:hidden; text-indent:-999px; display:inline-block; background-size:100%; } 

#m_sod_frm_paysel .PAYCO { background:url('../../../img/payco.png') no-repeat 1px; width:46px; height:15px; overflow:hidden; text-indent:-999px; display:inline-block; background-size:100%; } 

#m_sod_frm_paysel .inicis_lpay { background:url('../../../img/lpay_logo.png') no-repeat; width:35px; height:12px; overflow:hidden; text-indent:-999px; display:inline-block; background-size:100%; } 

#m_sod_frm_paysel .inicis_kakaopay { background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00; border-radius:30px; height:22px; width:74px; display:inline-block; overflow:hidden; text-indent:-999px; background-size:35px auto } 

#m_sod_frm_paysel .kakaopay_icon { background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00; border-radius:30px; height:22px; width:74px; display:inline-block; overflow:hidden; text-indent:-999px; background-size:35px auto } 

#m_sod_frm_paysel .samsung_pay { margin-left:-23px; background:url('../../../img/samsungpay.png') no-repeat 24px 3px; height:25px; width:106px; display:inline-block; overflow:hidden; text-indent:-999px } 



#sod_frm .sod_ta_wr { background: #f3f3f3; } 

#sod_frm .btn_confirm { padding:0 20px 20px; background:#f3f3f3; margin:0 0 10px } 

#sod_frm .btn_submit { width:100%; height:45px; font-size: 1.167em; font-weight: bold; margin:5px 0; border-radius:30px } 

#sod_frm .btn_cancel,#sod_frm .btn01 { width:100%; height:45px; line-height:43px; font-size:1.167em; font-weight: bold; padding:0; border-radius:30px } 



#sod_frm_pay { padding:20px; background:#f3f3f3 } 

#sod_frm_pay h2 { margin:10px 0; font-size:1.25em } 

#sod_frm_pay .cp_btn1,#sod_frm_pay .cp_cancel1 { margin-top:0 } 

.odf_tbl { position:relative } 

.odf_tbl table { background:#fff; width:100%; border-collapse:collapse; border-bottom:1px solid #eee; background:#fff } 

.odf_tbl table th { border:1px solid #eee; border-right:0; padding: 10px; text-align:left; width:120px; font-weight:normal } 

.odf_tbl table td { border:1px solid #eee; border-left:0; padding:7px 10px; text-align:right } 



#sod_frm_pt_alert { margin:10px 0; color:#328abd; } 



.sod_frm_point { margin-top:10px; clear:both; background:#fff } 

.sod_frm_point div { background:#fff; border-bottom:1px solid #eee; padding:10px; text-align:right } 

.sod_frm_point div:after { display:block; visibility:hidden; clear:both; content:'' } 

.sod_frm_point div label { float:left; line-height:30px } 

.sod_frm_point div span { display:block; font-size:0.92em } 

.sod_frm_point div span:after { display:block; visibility:hidden; clear:both; content:'' } 

.sod_frm_point div strong { float:left; color:#666; font-weight:normal } 

.sod_frm_point #od_temp_point { height:30px; border:1px solid #ccc; text-align:right } 



#settle_bank { background:#fff; border-bottom:1px solid #ccc; padding:10px; text-align:right; clear:both } 

#settle_bank select { height:30px; margin:0 0 5px; width:100%; } 

#settle_bank #od_deposit_name { height:30px; border:1px solid #ccc; text-align:center; } 

#settle_bank label { float:left; line-height:30px } 

#sod_frm_pt_info { border-bottom:1px solid #ccc } 

.od_coupon { position:absolute; top:0; left:0; background:#fff; width:100%; z-index:99; border-radius:0 0 3px 3px; border:1px solid #eee; 

-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4); 

-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4); 

box-shadow: 1px 1px 5px rgba(0,0,0,0.4); } 

.od_coupon h3 { height:45px; line-height:45px; font-size:1.167em; padding:0 15px; text-align:left } 

.od_coupon .tbl_head02 { margin:0 15px 15px } 

.od_coupon .tbl_head02 .btn_frmline { background:#3b67c2; color:#fff; border:0; padding:0 5px; line-height:25px } 

.od_coupon .tbl_head02 td { text-align:left; background:#fff !important; border-right:0 } 

.od_coupon .tbl_head02 th { width:auto !important; border-left:0 } 

.od_coupon .tbl_head02 .td_mngsmall { width:60px; text-align:center } 

.od_coupon .tbl_head02 .td_numbig { width:80px; text-align:right } 

.od_coupon .btn_confirm { margin:20px; } 

.od_coupon .btn_confirm .btn_submit { height:40px; font-size:1.167em; font-weight:bold; width:100%; } 

.od_coupon .btn_confirm .btn_close { position:absolute; top:0; right:0; width:45px; height:45px; border:0; background:none; color:#333; font-size:1.25em } 



.cp_btn ,.cp_btn1 { padding:0 7px; border:1px solid #38b2b9; color:#38b2b9; background:#fff; height:23px; line-height:21px; margin:5px 0 0 } 

.cp_apply { background:#3b67c2; color:#fff; border:0; padding:0 5px; line-height:25px } 

.cp_cancel,.cp_cancel1 { padding:0 7px; border:1px solid #aaa; color:#666; background:#fff; height:23px; line-height:21px; margin:10px 0 0 2px; } 



#sod_frm_escrow { margin:10px; } 

#sod_frm_escrow h2 { font-size:1.25em } 

#od_pay_sl h3 { font-size:1.25em } 



.sod_left { display: table-cell; width:65%; padding:0 10px; vertical-align:top; } 

.sod_right { display: table-cell; width:35%; background:#eceff4; padding:20px; vertical-align:top; height:100% } 

.sod_right #sod_frm_pay { padding:0; background:transparent } 

 #sod_frm .sod_right .btn_confirm { padding:0; background:transparent; margin:20px 0 } 



/* 쿠폰 */

#scp_list li { position:relative; padding: 0 } 

#scp_list .li_pd { position:relative; padding:10px } 

#scp_list .li_title { font-weight:bold; font-size:1.167em; } 

#scp_list .pd_price { position:absolute; top:10px; right:10px } 

#scp_list .pd_price strong { color:#ff006c; font-size:1.5em; } 

#scp_list .li_target { color:#666; margin:5px 0 0; background:#f3f3f3; border-top:1px dotted #ccc; padding:5px 10px; } 

#scp_list .pd_date { float:right; color:#777 } 



/* 배송지 목록 */

#sod_addr { } 

#sod_addr ul { margin:0; padding:0; list-style:none } 

#sod_addr li { position:relative; padding:0; border-bottom:1px solid #e9e9e9 } 

#sod_addr .addr_title { border-bottom:1px solid #ddd; padding:10px 10px 10px 30px; } 

#sod_addr .ad_subject { height:30px; border:1px solid #bbb; width:100%; padding:0 10px } 

#sod_addr .ad_chk { position:absolute; top:17px; left:10px } 

#sod_addr .addr_info { padding:15px } 

#sod_addr .addr_name { margin:0 0 10px; font-weight:bold; font-size:1.083em } 

#sod_addr .addr_addr { line-height:1.5em; margin:5px 0; } 

#sod_addr .addr_tel { margin:5px 0; color:#666 } 

#sod_addr .fa-mobile { font-size:14px } 

#sod_addr .addr_btn { border-radius:0 0 3px 3px; padding:10px } 

#sod_addr .addr_btn:after { display:block; visibility:hidden; clear:both; content:"" } 

#sod_addr .sel_address { width:32%; float:left; margin-right:1%; height:30px; background:none; border:1px solid #333; color:#333;; padding:0 5px; } 

#sod_addr .del_address { display:block; width:32%; text-align:center; float:left; margin-right:1%; border:1px solid #aaa; background:none; color:#888; padding:0 5px; height:30px; line-height:28px; vertical-align:middle } 

#sod_addr input[type="radio"] { position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; text-indent:-999px; left: 0; z-index: -1px; } 

#sod_addr .add_lb { display: inline-block; float:left; width:32%; text-align:center; border:1px solid #4162ff; color:#4162ff; height:30px; line-height:28px } 

#sod_addr input[type="radio"]:checked+.add_lb { z-index:3; background:#4162ff; color:#fff } 



/* 주문내역 */
/* #sod_v { margin:0 20px } 

#sod_v .td_stat { width:100px } 

#sod_v_info { margin:0 0 10px; padding:10px; background:#e6d5d2; color:#883d1a; text-align:center; border-bottom:1px solid #c3bcb1 } 




#sod_list_inq { } 

.sod_fin_list .sod_ta_wr { padding:15px; background:#f3f3f3 } 

.sod_fin_list h2 { position:absolute; border:0; font-size:0; line-height:0; content:"" } 

.sod_fin_list .prqty_stat { position:absolute; top:0; right:0; padding:3px 5px; background:#6583c5; color:#fff } 

.sod_fin_list .li_opt { color: #777; margin: 3px 0; line-height: 1.3em; padding-right:50px } 

#sod_sts_wrap { margin:0 0 10px } 

#sod_sts_explan_open { padding: 0 10px; height: 30px; border: 1px solid #eee;; color: #333; background:none } 

#sod_sts_explan { display:none } 

#sod_fin_legend { background:#f7f7f7;; margin:0 0 10px; padding:10px; line-height:20px } 

#sod_fin_legend:after { display:block; visibility:hidden; clear:both; content:"" } 

#sod_fin_legend dt { float:left; width:20% } 

#sod_fin_legend dd { float:left; width:80% } 

#sod_fin_view { margin:20px 0; } 

#sod_fin_view h2 { position:absolute; border:0; font-size:0; line-height:0; content:"" } 

#sod_fin_view h3 { font-size:1.167em; margin:20px 0 10px } 



#sod_fin_no { border:2px solid #b9b9b9; background:#f3f3f3;; color:#444; text-align:center; padding:10px } 

#sod_fin_no strong { font-size:1.167em } 



#sod_fin_tot { margin:10px 0 } 

#sod_fin_tot h2 { font-size:1.167em; margin:20px 0 10px } 

#sod_fin_tot ul { margin:0; padding:0; list-style:none } 

#sod_fin_tot li { padding:10px; background:#38b2b9; border-bottom:1px solid #5ec2c7; color:#fff; zoom:1 } 

#sod_fin_tot li:after { display:block; visibility:hidden; clear:both; content:"" } 

#sod_fin_tot #alrdy { border-bottom:0 !important } 

#sod_fin_tot #alrdy .right { margin-top:10px; text-align:right; color:#f3f3f3; font-size:0.9em } 

#sod_fin_tot #alrdy .right p { position:relative } 

#sod_fin_tot #alrdy .right .title { position:absolute; left:0; padding-left:8px } 

#sod_fin_tot strong { float:right } 



#sod_fin_cancel { margin:10px 0; } 

#sod_fin_cancel h2 { position:absolute; border:0; font-size:0; line-height:0; content:"" } 

#sod_fin_cancel h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 

#sod_fin_cancel button { height:40px; border:1px solid #5e6b6f; font-weight:bold; width:100%; background:none; color:#5e6b6f; border-radius:30px } 

#sod_fin_cancel p { text-align:center; background:#ffe0e0; border:2px solid #d50c0c; padding:15px; color:#d50c0c; font-size:1.167em; font-weight:bold } 

#sod_fin_cancelfrm { display:none; margin:10px 0 0; text-align:center; background:#fff; padding:15px } 

#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 } 

#sod_fin_test { padding:10px } 

#sod_fin { margin:20px }  
 */


/* 마이페이지 */

#smb_my { position:relative; max-width:1850px; margin:0 auto; padding:0 20px } 


#smb_my_ov { background:#fff; border:1px solid #e6e6e6; margin:0 0 15px; } 
#smb_my_ov .hello_name { background:#f8f8f8; text-align:center; padding-bottom:20px; border-bottom:1px solid #e6e6e6; position:relative; } 
#smb_my_ov h2 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden } 
#smb_my_ov .my_img { display:inline-block; border-radius:50%; overflow:hidden; position:relative; margin:35px 0 0; 
-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.1); 

-moz-box-shadow:0 6px 10px rgba(0,0,0,0.1); 

box-shadow:0 6px 10px rgba(0,0,0,0.1); } 

#smb_my_ov .btn_edit { position:Absolute; bottom:0; left:0; width:100%; background:#959595; line-height:23px; color: #fff; } 
#smb_my_ov .btn_edit:hover { background:#d25959; color:#fff } 
#smb_my_ov .my_name { margin:10px 0 } 
#smb_my_ov .btn_out { position:absolute; top:0; right:0; background:#fff; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-radius:0 0 0 5px; padding:0 5px; line-height:22px; font-size:11px; color:#777 } 
#smb_my_wr { min-height:560px } 
.my_cou_wr { border-bottom:1px solid #e6e6e6; font-weight:bold; } 
.my_cou_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
.my_cou_wr .my_cou { float:left; width:50%; border-right:1px solid #e6e6e6; text-align:center; padding:10px 0 } 
.my_cou_wr .my_po { float:left; width:50%; text-align:center; padding:10px 0 } 
.my_cou_wr img { padding:5px 0 0; width:23px; height:auto; } 
.my_cou_wr a { color:#d63154 } 
.my_cou_wr span { display:block; line-height:20px; color:#000 } 



.my_info { padding:0 10px; line-height:18px } 
.my_info dt { border-top:1px solid #e6e6e6; color:#5366ae; padding:10px 0 0; font-size:0.92em } 
.my_info dd { padding:0 0 10px; } 

.my_info dt:first-child { border:0 } 



.btn_my_if { width:100%; border:0; background:#fff; padding:10px; background:#f3f3f3 } 



#smb_my_od { margin:0 0 50px; padding: 0 } 

#smb_my_od h2 { margin:0 0 10px; font-size:1.25em; font-weight:500 } 

#smb_my_wish { margin:0 0 35px } 

#smb_my_wish h2 { margin:0 0 10px; font-size:1.25em; font-weight:500 } 

#smb_my_wish ul:after { display:block; visibility:hidden; clear:both; content:"" } 

#smb_my_wish li { float:left; width:25%; padding:5px } 

#smb_my_wish li img { width:100%; height:auto; } 

#smb_my_wish li a { display:block; margin:5px 0; font-weight:bold } 

#smb_my_wish .empty_list { width:100%; padding:100px 0 } 





/* 위시리스트 */

#sod_ws { margin:0 20px; } 

#sod_ws li { background:#fff; border:1px solid #eee; margin:10px 0; position:relative; border-radius:3px } 

#sod_ws .wish_img { position: absolute; top: 50%; left: 20px; z-index: 10; width: 70px; height: 70px; margin-top: -35px; border-radius:50%; overflow:hidden; z-index:4 } 

#sod_ws .wish_info { padding:15px 15px 15px 100px; min-height:90px } 

#sod_ws .wish_chk { position:absolute; top:5px; left:5px; z-index:9 } 

#sod_ws .info_date { color:#777; display:block; font-size:0.92em; margin:5px 0 0 } 

#sod_ws .wish_prd { display:block; font-weight:bold; font-size:1.083em } 

#sod_ws .wish_del { position:absolute; bottom:10px; right:10px; } 

#sod_ws .wish_del a { display:block; width:30px; height:30px; line-height:30px; background:#eee; border-radius:3px; color:#777; text-align:center; font-size:1.25em } 

#sod_ws .sold_out { display:inline-block; padding:3px 5px; background:#ff0000; color:#fff } 



#sod_ws_act { text-align:center; margin:10px 0; } 

#sod_ws_act:after { display:block; visibility:hidden; clear:both; content:'' } 

#sod_ws_act .btn01 { float:left; width:49%; height: 50px; background: #d50c0c; font-weight: bold; border: 0; color: #fff; font-weight: bold; font-size:1.25em } 

#sod_ws_act .btn02 { float:right; width:49%; height: 50px; border: 1px solid #d50c0c; color: #d50c0c; font-weight: bold; background: #fff; font-weight: bold; font-size:1.25em; } 





/* 주문상세내역 중 현금영수증 발급 */

#scash { } 

#scash section { padding:10px 0 } 

#scash h2 { margin:0 0 10px; text-align:center } 

#scash .tbl_head01 th { padding:0 10px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f2f5f9; text-align:left; } 

#scash_apply { padding:10px 0 15px; text-align:center } 

#scash_apply button { padding:10px; border:0; background:#565e60; color:#fff } 

#scash_copy { text-align:center } 



/* 화면낭독기 사용자용 */

#hd_login_msg { position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden } 

.msg_sound_only, .sound_only { display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; font-size:0; text-indent:-9999em; line-height:0; border:0 !important; overflow:hidden !important } 



/* 본문 바로가기 */

#skip_to_container a { z-index:100000; position:absolute; font-size:0; line-height:0; overflow:hidden; left:0 } 

#skip_to_container a:focus, #skip_to_container a:active { width:100%; height:75px; background:#21272e; color:#fff; font-size:1.5em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em } 



/* 이미지 등비율 리사이징 */

.img_fix { width:100%; height:auto } 



/* 캡챠 자동등록(입력)방지 기본 -pc */

#captcha { 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; width:40px; height:40px; background:url('../../../img/captcha.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/captcha.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:3px 0 5px; font-size:0.95em; letter-spacing:-0.1em } 



/* ckeditor 태그 기본값 */

#bo_v_con ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; } 

#bo_v_con ol { display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; } 

#bo_v_con li { display: list-item; } 



/* 캡챠 자동등록(입력)방지 기본 - mobile */

#captcha.m_captcha audio { display:block; margin:0 0 5px } 



/* Mobile화면으로 */

#mobile_cng { display:block; margin:5px; padding:5px 0; border:1px solid #eee; border-radius:2em; background:#fff; color:#000; font-size:2em; text-decoration:none; text-align:center } 



/* ckeditor 단축키 */

.cke_sc { margin:0 0 5px; text-align:right } 

.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% } 



/* 콘텐츠별 스타일 */

.cnt_cmt { display:inline-block; margin:0 0 0 5px; font-weight:bold } 



/* 버튼 */

.btn { display:inline-block; padding:0 5px; height:30px; line-height:30px; border-radius:3px; font-weight:500; border-radius:30px } 

.btn_m { display:inline-block; padding:0 20px; height:40px; line-height:40px; border-radius:3px; font-weight:500; border-radius:30px } 

.btn_l { display:inline-block; padding:0 35px; height:55px; line-height:50px; border-radius:3px; font-weight:500; border-radius:30px } 



.btn01 { display:inline-block; padding:0 7px;; border: 1px solid #dce1e4; background:#fff; color:#7d7c90; text-decoration:none; vertical-align:middle; 

-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

box-shadow: 0 1px 2px rgba(0,0,0,0.08); } 

.btn01:focus, .btn01:hover { color:#4c497c; 

-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

box-shadow: 0 2px 5px rgba(0,0,0,0.1); } 

.btn02 { display:inline-block; padding:8px 7px 7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle } 

a.btn02:focus, .btn02:hover { text-decoration:none } 

.btn_confirm { text-align:center } /* 서식단계 진행 */

.btn_submit { background:black; color:#fff; text-decoration:none; vertical-align:middle; border:0; 

-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

box-shadow: 0 1px 2px rgba(0,0,0,0.08); } 

.btn_submit:hover { background:#333; color:#fff; 

-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

box-shadow: 0 2px 5px rgba(0,0,0,0.1); } 



a.btn_cancel { display:inline-block; padding:8px 7px 7px; border:1px solid #ccc; background:#fff; color:#000; text-decoration:none; vertical-align:middle } 

button.btn_cancel { display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; vertical-align:top; text-decoration:none } 

a.btn_frmline, button.btn_frmline { display:inline-block; padding:0 5px; height:1.9em; border:0; background:#333; color:#fff; letter-spacing:-0.1em; text-decoration:none; vertical-align:top; line-height:1.9em } /* 우편번호검색버튼 등 */

button.btn_frmline { font-size:1em } 

.btn_top { margin:10px; text-align:right } 

.btn_top li { display:inline-block } 

.btn_top:after { content:''; display:block; clear:both; } 



/* 게시판용 버튼 */

a.btn_b01,.btn_b01 { display:inline-block; background:#fff; border:1px solid #dee3ed; color:#7d7c90; text-decoration:none; vertical-align:middle; 

-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

box-shadow: 0 1px 2px rgba(0,0,0,0.08); } 

.btn_b01:hover, .btn_b01:hover { color:#4c497c; 

-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

box-shadow: 0 2px 5px rgba(0,0,0,0.1); } 

a.btn_b02 ,.btn_b02 { display:inline-block; background:black; color:#fff; text-decoration:none; vertical-align:middle; border:0; 

-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

box-shadow: 0 1px 2px rgba(0,0,0,0.08); } 

a.btn_b02:hover, .btn_b02:hover { background:#333; 

-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

box-shadow: 0 2px 5px rgba(0,0,0,0.1); } 

a.btn_b03, .btn_b03 { display:inline-block; background:#fff; color:black; border:1px solid black; text-decoration:none; vertical-align:middle; 

-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

-moz-box-shadow:0 1px 2px rgba(0,0,0,0.08); 

box-shadow: 0 1px 2px rgba(0,0,0,0.08); } 

a.btn_b03:hover, .btn_b03:hover { 

-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.1); 

box-shadow: 0 2px 5px rgba(0,0,0,0.1); } 

a.btn_admin { display:inline-block; color:#fff; text-decoration:none; vertical-align:middle } /* 관리자 전용 버튼 */

a.btn_admin:focus, a.btn_admin:hover { } 



/* 기본테이블 */

.tbl_wrap { margin:0 0 10px } 

.tbl_wrap table { width:100%; border-collapse:collapse; border-spacing:0 } 

.tbl_wrap caption { padding:10px 0; color:#4b8b99; font-weight:bold; text-align:left } 



.tbl_head01 { margin:0 0 10px } 

.tbl_head01 table { border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3 } 

.tbl_head01 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 

.tbl_head01 thead th { padding:12px 0; border-bottom:1px solid #d3d3d3; background:#f3f3f3; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em } 

.tbl_head01 thead a { color:#383838 } 

.tbl_head01 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head01 tfoot th, .tbl_head01 tfoot td { padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center } 

.tbl_head01 tbody th { padding:10px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } 

.tbl_head01 td { padding:15px 5px; border-top:1px solid #f3f3f3; border-left:1px solid #f3f3f3; line-height:1.5em; word-break:break-all } 

.tbl_head01 td:first-child { border-left:0 } 

.tbl_head01 a { } 



.tbl_head02 { margin:15px } 

.tbl_head02 caption { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden } 

.tbl_head02 thead th { padding:7px 0; border-top:1px solid #333; border-bottom:1px solid #ddd; background:#f3f3f3; color:#333; font-size:0.95em; text-align:center; } 

.tbl_head02 thead a { color:#383838 } 

.tbl_head02 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head02 tfoot th { border-top:1px solid #666; border-bottom:1px solid #666; background:#484848; color:#fff } 

.tbl_head02 tfoot td { background:#484848; color:#fff; font-weight:bold; text-align:center } 

.tbl_head02 tbody th { padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } 

.tbl_head02 td { padding:5px 3px; border-bottom:1px solid #e9e9e9; line-height:1.4em; word-break:break-all } 



.tbl_head03 { margin:0 0 10px } 

.tbl_head03 table { border-bottom:1px solid #d8dee1 } 

.tbl_head03 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 

.tbl_head03 thead th { padding:17px 0; background:#fff; border-bottom:1px solid #d9e0e7; border-top:1px solid #d9e0e7; font-size:0.95em; text-align:center; letter-spacing:-0.1em; color: #8d9da9; font-weight: normal; } 

.tbl_head03 thead th:first-child { border-radius:5px 0 0 0 } 

.tbl_head03 thead th:last-child { border-radius:5px 0 0 0 } 

.tbl_head03 thead a { color:#383838 } 

.tbl_head03 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */

.tbl_head03 tfoot th, .tbl_head03 tfoot td { padding:10px 0; border-bottom:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center } 

.tbl_head03 tbody th { padding:10px 0; border-top:1pxfsolid #e9e9e9; border-bottom:1px solid #e9e9e9 } 

.tbl_head03 td { padding:15px 5px; border-top:1px solid #f3f3f3; line-height:1.5em; word-break:break-all;; text-align:center } 

.tbl_head03 tr:nth-child(odd) { background:#f9fafa } 

.tbl_head02 a { } 



/* 폼 테이블 */

.tbl_frm01 { } 

.tbl_frm01 th { padding:10px 0; width:90px; border:1px solid #e9e9e9; border-left:0; text-align:left; font-weight:300 } 

.tbl_frm01 td { padding:10px 5px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent } 

.tbl_frm01 textarea { width:100%; height:100px } 

.tbl_frm01 a { text-decoration:none } 

.tbl_frm01 .frm_address { margin-top:5px; width:100% } 

.tbl_frm01 .frm_file { display:block; margin-bottom:5px; width:100% } 

.tbl_frm01 .frm_info { display:block; padding:5px 0 0; color:#666; line-height:1.3em } 



/* 기본리스트 */
.list_01 { padding:0 20px; } 
.list_01 li { background:#fff; border-radius:3px; margin:10px 0; padding:10px 15px; 
-webkit-box-shadow: 0 1px 4px #cbd1df; 
-moz-box-shadow: 0 1px 4px #cbd1df; 
box-shadow: 0 1px 4px #cbd1df; 
 } 



/* 기본폼 */

.form_01 { margin:10px } 

.form_01 div { margin:5px 0; position:relative } 

.form_01 li { margin:5px 0; position:relative } 

textarea, .frm_input,select { border:1px solid #e1e6eb; background:#fff; color:#000; vertical-align:middle; 

-webkit-box-shadow: 0 2px 2px #f3f3f3; 

-moz-box-shadow: 0 2px 2px #f3f3f3; 

box-shadow: 0 2px 2px #f3f3f3; } 

textarea:focus, .frm_input:focus,select:focus { outline:none; border-color:black; background:#fff } 

textarea { width:100%; height:100px; padding:10px; } 

 .frm_input { height:45px; padding:0 10px } 

.full_input { width:100% } 

.form_01 .frm_file { display:block; margin-bottom:5px; width:100% } 

select { height:45px; padding:0 10px } 

.form_01 .frm_info { font-size:0.92em; color:#4162ff; text-align:left; margin:3px 0 10px; display:block; line-height:1.3em } 



/* 자료 없는 목록 */

.empty_table { padding:50px 0 !important; text-align:center !important; color:#666 !important } 

.empty_list { padding:50px 0 !important; text-align:center !important; color:#666 !important } 



/* 필수입력 */

.required, textarea.required { background-image:url('../img/require.png') !important; background-repeat:no-repeat !important; background-position:right top !important; } 



/* 테이블 그리드 padding 0 5px 고려한 넓이 */

.grid_1 { width:40px } 

.grid_2 { width:100px } 

.grid_3 { width:120px } 

.grid_4 { width:190px } 

.grid_5 { width:240px } 

.grid_6 { width:290px } 

.grid_7 { width:340px } 

.grid_8 { width:390px } 

.grid_9 { width:440px } 

.grid_10 { width:490px } 

.grid_11 { width:540px } 

.grid_12 { width:590px } 

.grid_13 { width:640px } 

.grid_14 { width:690px } 

.grid_15 { width:740px } 

.grid_16 { width:790px } 

.grid_17 { width:840px } 

.grid_18 { width:890px } 



/* 테이블 항목별 정의 */

.td_chk { width:50px; text-align:center } 

.td_group { width:100px; text-align:center } 

.td_board { width:120px; text-align:center } 

.td_statsmall { width:50px; text-align:center } 

.td_num { width:50px; text-align:center } 

.td_numbig { width:100px; text-align:center } 

.td_mb_id { width:100px; text-align:center } 

.td_nick { width:100px; text-align:center } 

.td_name { width:100px; text-align:left } 

.td_namesmall { width:100px; text-align:left } 

.td_date { width:50px; text-align:center } 

.td_datetime { width:170px; text-align:center } 

.td_mngsmall { width:50px; text-align:center } 

.td_mng { width:80px; text-align:center } 

.td_stat { text-align:center } 



/* 새창 기본 스타일 */

.new_win { } 

.new_win #win_title { font-size: 1.2em; font-weight: bold; height: 50px; padding: 10px 20px; line-height: 30px; color: #333; } 

.new_win #win_title .sv { font-size:0.75em; line-height:1.2em } 

.new_win_con { margin:10px 20px } 



.new_win .win_ul { margin:10px 20px } 

.new_win .win_ul li { display:inline-block; } 

.new_win .win_ul li a { display: block; line-height: 24px; padding: 0 10px; } 

.new_win .win_ul li .selected { background: #4162ff; color: #fff; border-radius: 13px; 

-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8); 

-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8); 

box-shadow: 0 0 8px rgba(65,98,255,0.8); } 



.new_win .win_desc { margin:5px 0; font-size:0.92em; color:#4162ff } 

.new_win .win_btn { clear:both; margin:10px; text-align:center } 

.new_win .win_btn a { display:inline-block; height:40px; line-height:40px; font-weight:bold } 

.new_win .win_btn .btn_close { display:inline-block; padding:0 10px; border:0; background:#c6c6d2; color:#666; text-decoration:none; font-weight:bold; height:40px; border-radius:3px; margin:10px 0 } 

.new_win .win_btn .btn_submit { width:100%; height:40px; line-height:40px; border-radius:3px; margin:0 0 20px; display:inline-block; font-weight:bold } 



/* 자바스크립트 alert 대안 */

#validation_check { margin:100px auto; width:500px } 

#validation_check h1 { margin-bottom:20px; font-size:1.3em } 

#validation_check p { margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff } 



/* 사이드뷰*/

.sv_wrap { display:inline-block; position:relative; font-weight:normal } 

.sv_wrap .sv { z-index:1000; display:none; margin:5px 0 0; border:1px solid #283646; background:#111 } 

.sv_wrap .sv a { display:inline-block !important; margin:0 !important; padding:5px !important; width:94px; border-bottom:1px solid #283646; color:#fff !important } 

.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active { text-decoration:none !important } 

.sv_on { display:block !important; position:absolute; top:10px; left:20px; width:auto; height:auto !important } 

.sv_nojs .sv { display:block } 



/* 페이징 */

.pg_wrap { clear:both; margin:10px 0; text-align:center } 

.pg { display:inline-block } 

.pg_page, .pg_current, .qa_page { display:inline-block; padding:0 10px; min-width:40px; border-radius:33px; height:40px; color:#9f9f9f; line-height:40px; vertical-align:middle } 

.pg a:focus, .pg a:hover { text-decoration:none; background-color:#f3f3f3 } 

.pg_page,.qa_page { background:#fafafa; } 

.pg_start { background:url(../img/btn_first.gif) no-repeat 50% 50% #fafafa; width:40px; height:40px; text-indent:-999px; overflow:hidden } 

.pg_prev { background:url(../img/btn_prev.gif) no-repeat 50% 50% #fafafa; width:40px; height:40px; text-indent:-999px; overflow:hidden } 

.pg_next { background:url(../img/btn_next.gif) no-repeat 50% 50% #fafafa; width:40px; height:40px; text-indent:-999px; overflow:hidden } 

.pg_end { background:url(../img/btn_end.gif) no-repeat 50% 50% #fafafa; width:40px; height:40px; text-indent:-999px; overflow:hidden } 

.pg_current { display:inline-block; background:black; color:#fff; font-weight:normal; line-height:40px; } 



/* 상품상세 메뉴 floating */

#info_top_layer { display:none; position:absolute; top:0; left:0; width:100%; background-color: #eee; } 

#form_btn_layer { display:none; position:absolute; top:0; left: 0; width: 100%; height: 60px; background-color: #eee; } 



/*현금영수증*/

#kcp_req_rx .tbl_head01 tbody th { text-align:left; } 



/*배송지목록*/

#sod_addr .win_desc { padding:10px 20px } 



/*쇼핑몰레이아웃*/

#fregisterform { margin:10px } 

#bo_w { padding:10px } 

#sit_sms_new #sms_agree { padding:10px 20px !important } 



/* 이벤트 보기 페이지 */

.sev_admin { display:flex; flex-flow:row nowrap; justify-content: end; margin-bottom:10px; } 
.sev_admin a { padding:8px 10px; background:#f00; } 
#sev_list { max-width:1500px; margin:0 auto 20px; } 
#sev_list #sct_sort { margin-left: 16px; } 
#sev_list .list_prd { max-width:1500px; } 
#sev_himg { padding:0 16px; } 
#sev_hhtml,#sev_thtml { margin:20px 0; padding:16px; } 

#sev_hhtml img,#sev_thtml img { width:100% } 



/*네이버페이*/

.naverpay-item { padding-top:15px; clear:both } 

#sod_bsk_act .naverpay-cart { margin-top:15px; clear:both; position:static } 



/*PC 주문서*/

#sod_frm_orderer .tbl_frm01,#sod_frm_taker .tbl_frm01 { background:#fff; padding:10px 0; } 

#sod_frm_orderer table th,#sod_frm_taker table th { border:0; padding:10px 5px; } 

#sod_frm_orderer table td,#sod_frm_taker table td { border:0; padding:5px 10px; vertical-align:middle } 



#od_pay_sl input[type="radio"] { position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; text-indent:-999px; left: 0; z-index: -1px; } 

#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 #ff006c; z-index:3 } 



#sod_frm_paysel { } 

#sod_frm_paysel label { display:inline-block; width:50%; text-align:left } 

#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 { background:url('../../../img/payco.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 

#sod_frm_paysel .inicis_lpay { background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 

#sod_frm_paysel .kakaopay_icon { background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34; 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; padding-top:13px } 

#sod_frm_paysel .iche_icon { background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff; padding-top:13px } 

#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_frm #sod_bsk_tot { } 

#sod_frm #sod_bsk_tot:after { display:block; visibility:hidden; clear:both; content:"" } 

#sod_frm #sod_bsk_tot li { position:relative; float:left; background:#fff; width:33.333%; height:70px; text-align:center; border-bottom:1px solid #e7ebf1; padding:15px 0 } 

#sod_frm #sod_bsk_tot li:after { display:block; visibility:hidden; clear:both; content:"" } 

#sod_frm #sod_bsk_tot li span { display:block; color:#777; margin-bottom:5px; font-weight:500 } 

#sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon { border-right:1px solid #e7ebf1 } 

#sod_frm #sod_bsk_tot .sod_bsk_point,#sod_frm #sod_bsk_tot .sod_bsk_cnt { width:100%; clear:both; height:40px; padding:0 15px; line-height:40px; text-align:right } 

#sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span { float:left; margin:0; font-weight:500 } 

#sod_frm #sod_bsk_tot .sod_bsk_coupon:before { display:block; content:"-"; position:absolute; top:25px; left:-10px; width:20px; height:20px; background:#fff; color:#ff006c; border-radius:50%; border:1px solid #e7ebf1; font-weight:bold; font-size: 16px; line-height: 14px; } 

#sod_frm #sod_bsk_tot .sod_bsk_dvr:before { display:block; content:"+"; position:absolute; top:25px; left:-10px; width:20px; height:20px; background:#fff; color:#ff006c; border-radius:50%; border:1px solid #e7ebf1; font-weight:bold; font-size: 16px; line-height: 14px; } 

#sod_frm #sod_bsk_tot .sod_bsk_cnt strong { color:#ff006c; font-size:1.25em } 

#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; font-weight:500 } 

#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 } 



.btn_address { background:#70aff2; border:1px solid #3476be; height:40px; color:#fff; padding:0 10px; font-size:1.083em; font-weight:bold } 



/*개인결제 폼*/

#m_sod_frm_orderer { margin:10px; } 

#m_sod_frm_orderer h2 { position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden } 

#m_sod_frm_orderer ul { background:#fff; margin:10px 0; border-bottom:1px solid #ccc; padding:10px 15px } 

#m_sod_frm_orderer li { line-height:20px } 

#m_sod_frm_orderer th { width:80px } 

#m_sod_frm_orderer td .frm_input { width:100% } 

#m_pv_sod_frm .btn_confirm { margin:10px } 

#m_pv_sod_frm .btn_confirm .btn_submit { width:100%; height: 45px; font-size: 1.167em; font-weight: bold; margin:0 0 3px; } 

#m_pv_sod_frm .btn_confirm .btn_cancel { width:100%; height: 45px; line-height: 43px; font-size: 1.167em; font-weight: bold; padding:0 } 





.quick_list { display:flex; flex-flow:column nowrap; justify-content:center; align-items: center; gap:10px; position:fixed; bottom:40px; right:10px; z-index:3; } 
.quick_list> a { padding: 12px 6px; font-size: 13px; text-align:center; border-radius: 12px; transition:0.3s; -webkit-box-shadow:1px 2px 5px rgba(0, 0, 0, 0.15); 
-moz-box-shadow:1px 2px 5px rgba(0, 0, 0, 0.15); 
box-shadow:1px 2px 5px rgba(0, 0, 0, 0.15); } 
/* .quick_list .quick_01 { color:#fff; background:#50c2ed; } */
.quick_list .quick_01 { color:#fff; background:#50c2ed; } 
.quick_list .quick_01:hover { background:#e67f1c; } 
.quick_list img { width:36px; margin-bottom:8px; } 

.quick_list #ft_to_top { width:40px; line-height:40px; padding:0; color:#000; background:#fff; opacity:1; text-align:center; border-radius:30px; } 
.quick_list #ft_to_top:hover { color:#fff; background:#50c2ed; } 





/* mainbanner */

.main_banner { position:relative; } 

.main_banner>p { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:calc(100% - 240px); z-index:9; font-size:48px; font-weight: 500; text-align:center; color:#242424; } 

.main_banner>p b { display: block; } 

.round_img { display: block; border-radius: 20px; overflow:hidden; } 

/* section_wr */
.bg_gray { background:#f8f8f8; } 
.section_wr { display:flex; flex-direction:column; align-items:center; gap:90px; max-width:1500px; margin:0 auto; padding:90px 16px; } 



/* section00 */
.section00 { width:100%; } 
.section00_wrap { overflow:hidden; } 
.pic_swiper_wr { overflow:hidden; border-radius: 20px; } 

.section00 .sec_tit { display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; gap:16px; /*padding:20px 0; */font-size:16px; text-decoration:none; font-weight:400; text-align:center; line-height: 1.6; } 

.round_box { padding:30px; background:#fff; border-radius:20px; border:1px solid #e8e8e8; } 

.main_grid_div { display:grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } 
.main_grid_div > div,
.main_grid_div > a { position:relative; } 



.main_flex_div { display:flex; flex-flow:row nowrap; justify-content:space-between; gap:30px; } 
.main_flex_div > div,
.main_flex_div > a { flex:1 1 calc(50% - 15px); } 
.main_product_tit { position:absolute; top:5%; left:50%; transform:translate(-50%,0); z-index:3; font-size:clamp(18px,1.6rem,26px); font-weight:400; } 
.main_product_big { display:block; background:#f9f9f9; margin-bottom:30px; overflow:hidden; } 
.main_product_flex { display:flex; flex-flow:row nowrap; gap:30px; width:100%; background:#f9f9f9; } 
.main_product_flex img { width:calc(50% - 15px); transition:0.3s; } 
.main_grid_div .main_product_box .main_product_big:hover img { transform:scale(1.06); } 

.main_grid_div .main_product_box .main_product_big { position:relative; } 
.main_grid_div .main_product_box.main_grid_left .main_product_big:after { 
 content:'Abby & Covers'; 
 } 

.main_grid_div .main_product_box.main_grid_right .main_product_big:after { 
 content:'Bella & Covers'; 
 } 

.main_grid_div .main_product_box .main_product_big:after { 
 display:flex; 
 justify-content:center; 
 align-items:center; 
 position:absolute; 
 inset:0; 
 z-index:2; 
 background:rgba(0,0,0,.4); 

 color:#fff; 
 font-size:20px; 
 font-weight:300; 

 opacity:0; 
 transition:opacity .2s ease; 
 } 

.main_grid_div .main_product_box .main_product_big:hover:after { 
 opacity:1; 
 } 

.section_wr.section02 { padding-top:0; } 
.section00 .sec_tit .section02_tit { display:block; /*margin-bottom:30px; */font-size:clamp(1.5rem, 3vw, 2.3rem); } 

/* 메인메뉴 */

#gnb { position:relative; } 

#gnb > h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 

#gnb .gnb_wrap { margin:0 auto; position:relative } 

#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active { z-index:3 } 

#gnb #gnb_1dul { font-size:1.083em; padding:0; zoom:1; display:flex; justify-content: flex-end; } 

#gnb ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#gnb_1dul .gnb_1dli { line-height:46px; padding:0 0px; font-size:1.077em } 
#gnb .gnb_1dli { padding:0px; position:relative } 

.gnb_1dli:hover .gnb_2dul { display:block; } 

.gnb_1dli .gnb_1da { display: block; color: #4a4a4a; font-size: 18px; font-weight: 500; } 





.gnb_1dli .bg { position:absolute; top:24px; right:8px; display:inline-block; width:10px; height:10px; overflow:hidden; text-indent:-999px } 

.gnb_1da { display:block; font-weight:bold; padding:10px; color:#000; text-decoration:none; font-weight:500; } 

.gnb_1dli.gnb_al_li_plus .gnb_1da { padding-right:25px } 

.gnb_2dli:first-child { border:0 } 

.gnb_2dul { display:none; position:absolute; top:54px; min-width:140px; padding-top:2px } 

.gnb_2dul .gnb_2dul_box { border:1px solid #e0e2e5; border-top:0; padding:0; 

-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); 

-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2); 

box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2) } 

.gnb_2da { display:block; padding:0 10px; line-height:40px; background:#fff; color:#000; text-align:left; text-decoration:none; font-size:14px; } 

a.gnb_2da:hover { color:unset; } 

.logo1 { display:none; } 

.logo2 { display:block; } 



.gnb_1dli_air .gnb_2da { } 

.gnb_1dli_on .gnb_2da { } 

.gnb_2da:focus, .gnb_2da:hover { color:#fff } 

.gnb_1dli_over .gnb_2dul { display:block; left:0 } 

.gnb_1dli_over2 .gnb_2dul { display:block; right:0 } 

.gnb_wrap .gnb_empty { padding:10px 0; width:100%; text-align:center; line-height:2.7em; color:#080808 } 

.gnb_wrap .gnb_empty a { color:#3a8afd; text-decoration:underline } 

.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a { color:#555 } 



#gnb .gnb_menu_btn { background:#4158d1; color:#fff; width:50px; height:55px; border:0; vertical-align:top; font-size:18px } 

#gnb .gnb_close_btn { background:#fff; color:#b6b9bb; width:50px; height:50px; border:0; vertical-align:top; font-size:18px; position:absolute; top:0; right:0 } 

#gnb .gnb_mnal { float:right; padding:0; display:none; } 



#gnb_all { display:none; position:absolute; border:1px solid #c5d6da; width:100%; background:#fff; z-index:1000; -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2); 

-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2); 

box-shadow:0 2px 5px rgba(0,0,0,0.2) } 

#gnb_all h2 { font-size:1.3em; padding:15px 20px; border-bottom:1px solid #e7eeef } 

#gnb_all .gnb_al_ul:after { display:block; visibility:hidden; clear:both; content:"" } 

#gnb_all .gnb_al_ul > li:nth-child(5n+1) { border-left:0 } 

#gnb_all .gnb_al_li { float:left; width:20%; min-height:150px; padding:20px; border-left:1px solid #e7eeef } 

#gnb_all .gnb_al_li .gnb_al_a { font-size:1.2em; display:block; position:relative; margin-bottom:10px; font-weight:bold; color:#3a8afd } 

#gnb_all .gnb_al_li li { line-height:2em } 

#gnb_all .gnb_al_li li a { color:#555 } 

#gnb_all_bg { display:none; background:rgba(0,0,0,0.1); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999 } 



.subtop { display:flex; flex-flow:column nowrap; justify-content: center; align-items: center; height:120px; margin-top:80px; color:#181818; } 
.subtop h2 { text-align: center; font-size: 34px; } 


.menu_nav { border-bottom: 1px solid #bbb; max-width: 1400px; width: 100%; margin: 0 auto; } 
.menu_nav ul { display: flex; flex-direction: row; justify-content: center; } 
.menu_nav ul li { margin: 0 10px; border-bottom: 2px solid #0000; padding: 12px; margin: 0 10px; } 
.menu_nav ul li.on { border-bottom: 2px solid #000; } 
.menu_nav ul li a { display: block; } 


/* sub */
.sub_wrap * { word-break: keep-all; } 

.basic_faq { 
 max-width:1200px; 
 margin:60px auto; 
 } 

.basic_faq ul { 
 margin:0; 
 padding:0; 
 list-style:none; 
 } 



.basic_faq .num_list { list-style: decimal; padding-left: 20px; font-size: 16px; } 


.basic_faq_btn { 
 display:flex; 
 justify-content:flex-start; 
 align-items:center; 
 gap:10px; 
 padding:24px; 
 cursor:pointer; 
 } 

.faq_flex { 
 display:flex; 
 flex-flow:row nowrap; 
 justify-content: flex-start; 
 align-items: flex-start; 
 gap:10px; 
 } 

.faq_flex > span { 
 font-weight: 700; 
 color:#666; 
 } 

.basic_faq_btn .faq_flex p { 
 margin:0; 
 font-size:18px; 
 font-weight:600; 
 } 


.basic_faq_btn svg { 
 transition:0.1s; 
 } 

.basic_faq li.active .basic_faq_btn svg { 
 transform:rotate(45deg); 
 } 

.basic_faq_con { 
 display:none; 
 padding:0 24px 24px; 
 border-bottom:1px solid #e5e5e5; 
 } 
.basic_faq_con_inner { 
 padding:16px 0; 
 } 
.basic_faq_con h4 { 
 margin-bottom:8px; 
 font-size:16px; 
 } 

.basic_faq_con p { 
 margin:0; 
 line-height:1.6; 
 font-size:16px; 
 color:#666; 
 } 



.sit_ov_inner { position:relative; width:100%; max-width:450px; margin:0 auto; padding:32px 16px 20px; } 
.sit_ov_inner .basic_faq { margin:0; } 
.sit_ov_inner .basic_faq >ul>li { border-bottom:1px solid #ddd; } 
.sit_ov_inner .basic_faq_btn { justify-content:space-between; padding:16px 0; } 
.sit_ov_inner .basic_faq_btn .faq_flex p { font-size:14px; color:#777; } 
.sit_ov_inner .basic_faq_con { padding:0 0 24px; border-bottom:0; } 
.sit_ov_inner .basic_faq_con p { font-size:14px; color:#777; } 
.sit_ov_inner #sit_ex { margin-bottom:0; } 

.sit_ov_inner .basic_faq .num_list { margin-top:10px; list-style:revert-rule; padding-left:30px; font-size:13px; color:#777 !important; } 
.sit_ov_inner .basic_faq ol { padding-left:30px; } 
.sit_ov_inner .basic_faq ol li { font-size:13px; color:#777 !important; } 






@media all and (max-width:1200px) { 
 .main_grid_div { grid-template-columns: repeat(2, 1fr); } 
 .main_grid_div .round_box_top p br { display:none; } 
.subtop h2 { font-size: 24px; } 
 #gnb { display:none; } 
 #ft { font-size:13px; } 
 .ft_link { font-size:17px; } 
 .section_wr { gap:60px; padding:60px 16px; } 
 } 



@media all and (max-width: 969px) { 
 .container { margin:55px auto 20px } 
 #container_title { font-size:24px; padding:20px } 
 #hd_wr { height:60px; padding:5px 20px 5px 5px; } 
 /* #logo img { max-height:40px; } */
 #hd_btn button { height:55px; width:30px; } 
 #hd_btn a { line-height:55px; width:30px; } 
 #btn_cartop .cart-count { top:7px } 
 #hd_btn .btn_ol { width:40px } 
 #hd_btn .btn_ol .txt { display:none } 
 #hd_menu { display:none } 
 .menu { display:none; overflow-y:auto; position:fixed; top:0; left:0; height:100%; width:300px; background:#fff; z-index:99999; text-align:left; -webkit-box-shadow:0 2px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2); box-shadow: 0 2px 15px rgba(0,0,0,0.2) } 
 #btn_user { display:none } 
 .btn_login { padding:5px 25px 0 } 
 .btn_login .btn_ol { line-height:55px; height:55px; border:0; background:none; padding:0 10px; position:relative } 
 .btn_login a:before { position:absolute; top:50%; left:0; content:''; background:#e3e3e3; width:1px; height:15px; margin-top:-7px } 
 .btn_login a:after { position:absolute; top:50%; right:0; content:''; background:#e3e3e3; width:1px; height:15px; margin-top:-7px } 
 .menu .menu_close { position:absolute; top:0; right:0; width:55px; height:55px; background:none; color:#aaa; font-size:16px; border:0; z-index:199999; } 
 .menu_wr a { display:block; padding: 0 20px; color:#727280; } 
 .menu_wr li { position:relative; z-index:99999; line-height:45px; } 
 .menu_wr li:hover { background:#f3f3f3; } 
 .menu_wr li button { position:absolute; top:0; right:0; background:url; border:0; width:45px; height:45px; overflow:hidden; border:0; background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%; text-indent:-9999px } 
 .menu_wr li button.ct_cl { background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50% } 
 #container { padding:0px 16px; } 
 /* #container.idx-container { padding-top:60px; } */
 .subtop { height:80px; margin-top:60px; } 
 .sub_cate { display:none; background:#fff; font-size:0.923em; } 
 .sub_cate a { padding-left:30px } 
 .sub_cate1 { } 
 .sub_cate li:hover { position:relative; } 
 .sub_cate2 a { padding-left:40px; background-position:31px 17px } 
 .sub_cate3 a { padding-left:50px; background-position:41px 17px } 
 .sub_cate4 a { padding-left:60px; background-position:51px 17px } 
 #idx_tab { padding:10px } 
 #idx_tab .tabs { position:relative } 
 #idx_tab .tabs { position:relative; width:100%; margin-bottom:20px; text-align:center } 
 #idx_tab .tabs li { display:inline-block; margin:0 10px 10px } 
 #idx_tab .sct_wrap { margin:10px 0 } 
 
 .my_info { display:none } 
 } 

@media (min-width: 970px) { 
 .menu { display: none; overflow-y: auto; position: fixed; top: 0; left: 0; height: 100%; width: 300px; background: #fff; z-index: 99999; text-align: left; -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.2); box-shadow: 0 0px 43px rgb(0 0 0 / 20%); } 
 #btn_user { display:none } 
 .btn_login { padding:5px 25px 0 } 
 .btn_login .btn_ol { line-height:55px; height:55px; border:0; background:none; padding:0 10px; position:relative ;} 
 .btn_login .btn_ol:after { position:absolute; top:50%; right:0; content:''; background:#e3e3e3; width:1px; height:15px; margin-top:-7px } 
 .btn_login a.btn_ol {margin-right:10px}
 .menu .menu_close { position:absolute; top:0; right:0; width:55px; height:55px; background:none; color:#aaa; font-size:16px; border:0; z-index:199999 } 
 .menu_wr a { display:block; padding: 0 20px; color:#727280 } 
 .menu_wr li { position:relative; z-index:99999; line-height:45px; } 
 .menu_wr li:hover { background:#f3f3f3; } 
 .menu_wr li button { position:absolute; top:0; right:0; background:url; border:0; width:45px; height:45px; overflow:hidden; border:0; background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%; text-indent:-9999px } 
 .menu_wr li button.ct_cl { background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50% } 
 .sub_cate1 li { display:block; font-size:13px; line-height:40px; padding:0 20px; color:#727280 } 
 .sub_cate1 li:hover { color:#000; } 
 .sub_cate button { display:none } 
 } 

@media all and (min-width:768px) { 
 .mo_hide { display:inline-block; } 
 .pc_hide { display:none; } 

 } 

@media all and (max-width:768px) { 
 #ft { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } 
 #ft .ft_wr { gap:26px; } 
 .section00 .sec_tit { padding:20px 0 8px; font-size:clamp(18px,1.2rem,20px); } 
 .main_flex_div { flex-direction: column; } 
 .round_box { padding:24px; } 
 .main_grid_div .round_box_top img { width:50px; } 

 } 

@media all and (max-width:767px) { 
 .mo_hide { display:none; } 
 .pc_hide { display:inline-block; } 
 #gnb { display:none; } 
 #main_bn .bx-controls-direction { display:none; } 
 .main_grid_div { grid-template-columns: repeat(1, 1fr); } 
 .ft_top_flex { flex-direction: column; gap:46px; } 
 .ft_top_flex div:nth-child(2) { text-align:left; } 
 .main_product_big { margin-bottom:16px; } 
 .main_product_flex { gap:16px; } 
 .main_product_flex img { width: calc(50% - 8px); } 
 } 

@media all and (max-width:640px) { 
 #smb_my_wish li { width:50% } 
 } 


@media all and (max-width:639px) { 
 #idx_review { padding:80px 0 } 
 .review .rv_li { margin:8px } 
 } 


@media all and (max-width:600px) { 
 #ft_logo img { width:120px; } 
 .ft_sns img { width:32px; } 
 .ft_link { font-size:14px; } 
 } 



#ol_after_ul,
#ol_after_private { display:none } 

#sod_bsk_act { 
 display:flex; 
 align-items:center; 
 gap:10px; 
 } 

#sod_bsk_act > .btn_b01,
#sod_bsk_act > .btn_b02 { 
 flex:1; 
 display:flex; 
 align-items:center; 
 justify-content:center; 
 height:55px; 
 box-sizing:border-box; 
 } 



/* 주문서 인풋 디자인 */
#sod_frm .frm_input { width:100%; max-width:480px; height:52px; padding:0 16px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#222; font-size:16px; outline:none; transition:border-color .2s ease, box-shadow .2s ease, background .2s ease; } 
#sod_frm .frm_input:hover { border-color:#bbb; } 
#sod_frm .frm_input:focus { border-color:#222; box-shadow:0 0 0 3px rgba(0,0,0,.05); background:#fff; } 
#sod_frm .frm_input::placeholder { color:#aaa; font-weight:400; } 
#sod_frm input[readonly] { background:#f7f7f7; color:#777; } 
#sod_frm .frm_address { display:block; width:100%; max-width:100%; margin-top:8px; } 
#sod_frm #od_zip, #sod_frm #od_b_zip { display:inline-block; width:160px; vertical-align:middle; } 
#sod_frm .btn_address { display:inline-flex; align-items:center; justify-content:center; height:52px; margin-left:6px; padding:0 20px; border:1px solid #222; border-radius:8px; background:#222; color:#fff; font-size:15px; font-weight:500; vertical-align:middle; transition:all .2s ease; } 
#sod_frm .btn_address:hover { background:#444; border-color:#444; } 
#sod_frm textarea { width:100%; min-height:130px; padding:15px 16px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#222; font-size:16px; line-height:1.6; resize:vertical; outline:none; transition:border-color .2s ease, box-shadow .2s ease; } 
#sod_frm textarea:hover { border-color:#bbb; } 
#sod_frm textarea:focus { border-color:#222; box-shadow:0 0 0 3px rgba(0,0,0,.05); } 
#sod_frm select { min-width:180px; height:52px; padding:0 42px 0 16px; border:1px solid #ddd; border-radius:8px; background:#fff; color:#222; font-size:16px; outline:none; cursor:pointer; } 
#sod_frm select:focus { border-color:#222; box-shadow:0 0 0 3px rgba(0,0,0,.05); } 
#sod_frm input[type="checkbox"], #sod_frm input[type="radio"] { width:18px; height:18px; margin:0 6px 0 0; accent-color:#222; vertical-align:-3px; } 
#sod_frm label { font-size:15px; color:#333; } 
#sod_frm .frm_info { display:block; margin:0 0 8px; color:#999; font-size:14px; line-height:1.5; } 


@media (max-width:640px) { 
#sod_frm .frm_input { max-width:100%; height:50px; font-size:16px; } 
#sod_frm #od_zip, #sod_frm #od_b_zip { width:calc(100% - 116px); } 
#sod_frm .btn_address { width:110px; height:50px; margin-left:2px; padding:0 8px; font-size:14px; } 
#sod_frm textarea { min-height:110px; font-size:16px; } 
#sod_frm select { width:100%; min-width:0; height:50px; font-size:16px; } 
 } 


/* =========================
 주문 / 결제 페이지 커스텀
========================= */

#sod_frm.custom_order { display:grid; grid-template-columns:minmax(0,1fr) 380px; align-items:start; gap:35px; width:100%; max-width:1400px; margin:0 auto; padding:60px 20px 120px; background:#fff; } 
#sod_frm.custom_order .od_prd_list { grid-column:1 / -1; width:100%; margin:0 0 15px; padding:0; border:1px solid #e5e5e5; border-radius:12px; background:#fff; overflow:hidden; } 
#sod_frm.custom_order .od_prd_list table { width:100%; border-collapse:collapse; table-layout:fixed; } 
#sod_frm.custom_order .od_prd_list thead { background:#f8f8f8; } 
#sod_frm.custom_order .od_prd_list th { padding:18px 15px; border:0; border-bottom:1px solid #e5e5e5; background:#f8f8f8; color:#555; font-size:15px; font-weight:600; text-align:center; } 
#sod_frm.custom_order .od_prd_list td { padding:20px 15px; border:0; border-bottom:1px solid #eee; background:#fff; color:#333; font-size:16px; vertical-align:middle; } 
#sod_frm.custom_order .od_prd_list tbody tr:last-child td { border-bottom:0; } 
#sod_frm.custom_order .od_prd_list .td_prd { display:flex; align-items:center; gap:18px; position:relative; min-height:0; padding:20px 15px; text-align:left; } 
#sod_frm.custom_order .od_prd_list .td_prd .sod_img { position:static; flex:0 0 80px; width:80px; height:80px; } 
#sod_frm.custom_order .od_prd_list .td_prd .sod_img img { display:block; width:100%; height:100%; object-fit:cover; border-radius:8px; } 
#sod_frm.custom_order .od_prd_list .td_prd .sod_name { min-height:0; line-height:1.6; } 
#sod_frm.custom_order .sod_left { display:block; width:auto; padding:0; background:#fff; vertical-align:initial; } 
#sod_frm.custom_order .sod_right { display:block; width:auto; height:auto; padding:0; background:transparent; vertical-align:initial; } 
#sod_frm.custom_order #sod_frm_orderer, #sod_frm.custom_order #sod_frm_taker, #sod_frm.custom_order #sod_frm_pay { margin:0 0 25px; padding:30px; border:1px solid #e5e5e5; border-radius:12px; background:#fff; } 
#sod_frm.custom_order #sod_frm_orderer h2, #sod_frm.custom_order #sod_frm_taker h2, #sod_frm.custom_order #sod_frm_pay h2 { margin:0 0 25px; padding:0 0 16px; border-bottom:1px solid #222; color:#111; font-size:22px; font-weight:700; } 
#sod_frm.custom_order .tbl_frm01 { margin:0; padding:0; } 
#sod_frm.custom_order .tbl_frm01 table { width:100%; border-collapse:collapse; } 
#sod_frm.custom_order .tbl_frm01 tr { border-bottom:1px solid #eee; } 
#sod_frm.custom_order .tbl_frm01 tr:last-child { border-bottom:0; } 
#sod_frm.custom_order .tbl_frm01 th { width:140px; padding:17px 10px 17px 0; border:0; background:none; color:#444; font-size:16px; font-weight:600; text-align:left; vertical-align:top; line-height:48px; } 
#sod_frm.custom_order .tbl_frm01 td { padding:17px 0; border:0; background:none; color:#333; font-size:16px; text-align:left; } 
#sod_frm.custom_order .frm_input, #sod_frm.custom_order input[type="text"], #sod_frm.custom_order input[type="password"], #sod_frm.custom_order select { height:48px; padding:0 14px; border:1px solid #ddd; border-radius:7px; background:#fff; color:#222; font-size:16px; outline:none; box-shadow:none; } 
#sod_frm.custom_order .tbl_frm01 td > input[type="text"]:not(#od_zip):not(#od_b_zip), #sod_frm.custom_order .tbl_frm01 td > input[type="password"], #sod_frm.custom_order .frm_address { width:100%; max-width:560px; } 
#sod_frm.custom_order #od_zip, #sod_frm.custom_order #od_b_zip { width:130px; } 
#sod_frm.custom_order .btn_address { height:48px; margin-left:5px; padding:0 18px; border:1px solid #333; border-radius:7px; background:#fff; color:#222; font-size:15px; } 
#sod_frm.custom_order .frm_address { margin-top:8px; } 
#sod_frm.custom_order textarea { width:100%; max-width:560px; height:110px; padding:14px; border:1px solid #ddd; border-radius:7px; background:#fff; font-size:16px; resize:vertical; } 
#sod_frm.custom_order #order_address { display:inline-flex; align-items:center; justify-content:center; width:auto; height:38px; margin:5px 0 0; padding:0 13px; border:1px solid #ccc; border-radius:6px; background:#fff; color:#555; line-height:normal; } 

/* =========================
 오른쪽 결제영역 재정리
========================= */
#sod_frm.custom_order .sod_right { display:flex; flex-direction:column; gap:20px; width:100%; min-width:0; height:auto; padding:0; background:transparent; float:none; } 
#sod_frm.custom_order #sod_bsk_tot { width:100%; margin:0; padding:28px; border:1px solid #e3e3e3; border-radius:12px; background:#fff; overflow:hidden; } 
#sod_frm.custom_order #sod_bsk_tot ul { display:block; width:100%; margin:0; padding:0; } 
#sod_frm.custom_order #sod_bsk_tot li { display:flex; align-items:center; justify-content:space-between; position:static; float:none; clear:none; width:100%; height:auto; min-height:0; margin:0; padding:10px 0; border:0; background:transparent; color:#555; font-size:15px; line-height:1.5; text-align:left; } 
#sod_frm.custom_order #sod_bsk_tot li:after { display:none; } 
#sod_frm.custom_order #sod_bsk_tot li:before { display:none !important; content:none !important; } 
#sod_frm.custom_order #sod_bsk_tot li span { display:block; flex:0 0 auto; float:none; margin:0; color:#666; font-size:15px; font-weight:400; line-height:1.5; } 
#sod_frm.custom_order #sod_bsk_tot li strong { display:block; flex:0 0 auto; float:none; margin:0 0 0 auto; color:#111; font-size:17px; font-weight:600; line-height:1.4; } 
#sod_frm.custom_order #sod_bsk_tot .sod_bsk_sell { border-right:0; } 
#sod_frm.custom_order #sod_bsk_tot .sod_bsk_dvr { border-right:0; } 
#sod_frm.custom_order #sod_bsk_tot .sod_bsk_cnt { display:flex; align-items:flex-end; justify-content:space-between; width:100%; height:auto; margin:14px 0 0; padding:20px 0 0; border-top:1px solid #222; line-height:1.4; text-align:left; } 
#sod_frm.custom_order #sod_bsk_tot .sod_bsk_cnt span { float:none; margin:0; color:#111; font-size:16px; font-weight:600; } 
#sod_frm.custom_order #sod_bsk_tot .sod_bsk_cnt strong { margin-left:auto; color:#111; font-size:28px; font-weight:700; letter-spacing:-0.04em; } 


/* =========================
 결제정보
========================= */
#sod_frm.custom_order .sod_right #sod_frm_pay { width:100%; margin:0; padding:28px; border:1px solid #e3e3e3; border-radius:12px; background:#fff; } 
#sod_frm.custom_order .sod_right #sod_frm_pay h2 { margin:0 0 24px; padding:0 0 17px; border-bottom:1px solid #222; color:#111; font-size:22px; font-weight:700; } 
#sod_frm.custom_order #sod_frm_pay .pay_tbl { width:100%; margin:0; } 
#sod_frm.custom_order #sod_frm_pay .pay_tbl table { width:100%; border-collapse:collapse; table-layout:fixed; } 
#sod_frm.custom_order #sod_frm_pay .pay_tbl tr { border-bottom:1px solid #eee; } 
#sod_frm.custom_order #sod_frm_pay .pay_tbl th { width:90px; padding:16px 5px 16px 0; border:0; background:transparent; color:#666; font-size:14px; font-weight:500; line-height:1.5; text-align:left; vertical-align:top; } 
#sod_frm.custom_order #sod_frm_pay .pay_tbl td { height:auto; padding:16px 0; border:0; background:transparent; color:#333; font-size:14px; line-height:1.5; text-align:right; vertical-align:top; word-break:keep-all; } 
#sod_frm.custom_order #sod_frm_pay .pay_tbl td strong { color:#111; font-weight:600; } 


/* 총 주문금액 */

#sod_frm.custom_order #od_tot_price { display:flex; align-items:center; justify-content:space-between; width:100%; margin:0; padding:22px 0; border-top:0; border-bottom:1px solid #ddd; background:transparent; line-height:1.4; text-align:left; } 
#sod_frm.custom_order #od_tot_price span { float:none; color:#111; font-size:16px; font-weight:600; } 
#sod_frm.custom_order #od_tot_price strong { float:none; margin-left:auto; color:#111; font-size:28px; font-weight:700; letter-spacing:-0.04em; } 


/* =========================
 결제수단
========================= */

#sod_frm.custom_order #od_pay_sl { width:100%; padding-top:25px; } 
#sod_frm.custom_order #od_pay_sl h3 { margin:0 0 15px; color:#111; font-size:17px; font-weight:600; } 
#sod_frm.custom_order #sod_frm_paysel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; margin:0; padding:0; border:0; } 
#sod_frm.custom_order #sod_frm_paysel input[type="radio"] { position:absolute; width:1px; height:1px; opacity:0; visibility:hidden; overflow:hidden; pointer-events:none; } 
#sod_frm.custom_order #sod_frm_paysel .lb_icon { display:flex; align-items:center; justify-content:center; float:none; width:100%; height:54px; min-height:54px; margin:0; padding:0 12px; border:1px solid #ddd; border-radius:8px; background-color:#fff; color:#444; font-size:15px; font-weight:500; line-height:1.3; text-align:center; cursor:pointer; z-index:1; } 
#sod_frm.custom_order #sod_frm_paysel .bank_icon { background-image:none; } 
#sod_frm.custom_order #sod_frm_paysel .vbank_icon { padding:0 12px; background-image:none; } 
#sod_frm.custom_order #sod_frm_paysel .iche_icon { padding:0 12px; background-image:none; } 
#sod_frm.custom_order #sod_frm_paysel .hp_icon { background-image:none; } 
#sod_frm.custom_order #sod_frm_paysel .card_icon { background-image:none; } 
#sod_frm.custom_order #sod_frm_paysel input[type="radio"]:checked + .lb_icon { border-color:#111; background-color:#111; color:#fff; } 
#sod_frm.custom_order #settle_bank { grid-column:1 / -1; width:100%; margin:8px 0 0; padding:16px; border:0; border-radius:8px; background:#f7f7f7; text-align:left; } 
#sod_frm.custom_order #settle_bank label { float:none; display:block; margin:0 0 8px; line-height:1.4; } 
#sod_frm.custom_order #settle_bank select, #sod_frm.custom_order #settle_bank input { width:100%; height:45px; } 


/* 주문 버튼 */
#sod_frm.custom_order .sod_right .btn_confirm { width:100%; margin:20px 0 0; padding:0; background:transparent; } 
#sod_frm.custom_order .sod_right .btn_submit { width:100%; height:56px; margin:0; border:0; border-radius:8px; background:#111; color:#fff; font-size:16px; font-weight:600; } 
#sod_frm.custom_order .sod_right .btn_cancel, #sod_frm.custom_order .sod_right .btn01 { width:100%; height:52px; margin:8px 0 0; padding:0; border:1px solid #ddd; border-radius:8px; background:#fff; color:#555; line-height:50px; font-size:15px; font-weight:500; box-shadow:none; } 


/* =========================
 상품 영역
========================= */
#sod_frm.custom_order .od_prd_list { grid-column:1 / -1; width:100%; margin:0 0 35px; border:1px solid #e3e3e3; border-radius:12px; background:#fff; overflow:hidden; } 
#sod_frm.custom_order .od_prd_list table { width:100%; border-collapse:collapse; table-layout:fixed; } 
#sod_frm.custom_order .od_prd_list th { height:52px; padding:10px 15px; border:0; border-bottom:1px solid #e5e5e5; background:#f8f8f8; color:#555; font-size:14px; font-weight:500; text-align:center; } 
#sod_frm.custom_order .od_prd_list td { padding:25px 15px; border:0; border-bottom:1px solid #eee; background:#fff; color:#222; font-size:15px; text-align:center; vertical-align:middle; } 
#sod_frm.custom_order .od_prd_list .td_prd { display:flex; align-items:center; gap:18px; position:relative; min-height:0; padding:25px 15px; text-align:left; } 
#sod_frm.custom_order .od_prd_list .td_prd .sod_img { position:static; flex:0 0 80px; width:80px; height:80px; } 
#sod_frm.custom_order .od_prd_list .td_prd .sod_img img { display:block; width:80px; height:80px; border-radius:8px; object-fit:cover; } 
#sod_frm.custom_order .od_prd_list .td_prd .sod_name { min-width:0; min-height:0; color:#555; font-size:14px; line-height:1.5; } 
#sod_frm.custom_order .od_prd_list .td_prd .sod_name b { display:block; margin-bottom:4px; color:#111; font-size:16px; font-weight:600; } 
#sod_frm.custom_order .od_prd_list .total_price { margin:0; padding:0; border:0; background:transparent; color:#111; font-weight:500; } 


/* =========================
 반응형
========================= */

@media(max-width:1200px) { 
#sod_frm.custom_order { grid-template-columns:minmax(0,1fr) 330px; gap:24px; } 
#sod_frm.custom_order #sod_bsk_tot { padding:22px; } 
#sod_frm.custom_order .sod_right #sod_frm_pay { padding:22px; } 
#sod_frm.custom_order #sod_bsk_tot .sod_bsk_cnt strong { font-size:24px; } 
#sod_frm.custom_order #od_tot_price strong { font-size:24px; } 
 } 

@media(max-width:1024px) { 
#sod_frm.custom_order { display:block; width:100%; max-width:900px; margin:0 auto; } 
#sod_frm.custom_order .sod_left { width:100%; } 
#sod_frm.custom_order .sod_right { width:100%; margin-top:30px; } 
#sod_frm.custom_order #sod_bsk_tot { width:100%; } 
#sod_frm.custom_order .sod_right #sod_frm_pay { width:100%; } 
#sod_frm.custom_order #sod_bsk_tot .sod_bsk_sell, #sod_frm.custom_order #sod_bsk_tot .sod_bsk_dvr { display:flex; } 
 } 

@media(max-width:768px) { 
#sod_frm.custom_order { padding:30px 18px 80px; } 
#sod_frm.custom_order .od_prd_list { overflow:visible; border:0; background:transparent; } 
#sod_frm.custom_order #sod_list { display:block; width:100%; min-width:0; border:0; } 
#sod_frm.custom_order #sod_list thead { display:none; } 
#sod_frm.custom_order #sod_list tbody { display:block; width:100%; } 
#sod_frm.custom_order #sod_list tr { display:block; width:100%; margin:0 0 16px; padding:20px; border:1px solid #e3e3e3; border-radius:12px; background:#fff; } 
#sod_frm.custom_order #sod_list td { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:42px; padding:10px 0; border:0; border-bottom:1px solid #eee; background:transparent; font-size:15px; text-align:right; } 
#sod_frm.custom_order #sod_list td:last-child { border-bottom:0; } 
#sod_frm.custom_order #sod_list td::before { flex:0 0 auto; margin-right:20px; color:#777; font-size:14px; font-weight:500; text-align:left; } 
#sod_frm.custom_order #sod_list .td_num::before { content:"총수량"; } 
#sod_frm.custom_order #sod_list .td_numbig:nth-of-type(3)::before { content:"판매가"; } 
#sod_frm.custom_order #sod_list .td_numbig:nth-of-type(4)::before { content:"소계"; } 
#sod_frm.custom_order #sod_list .td_dvr::before { content:"배송비"; } 
#sod_frm.custom_order #sod_list .td_prd { display:flex; align-items:center; justify-content:flex-start; gap:16px; width:100%; min-height:0; padding:0 0 18px; border-bottom:1px solid #ddd; text-align:left; } 
#sod_frm.custom_order #sod_list .td_prd::before { display:none; } 
#sod_frm.custom_order #sod_list .td_prd .sod_img { position:static; flex:0 0 90px; width:90px; height:90px; } 
#sod_frm.custom_order #sod_list .td_prd .sod_img img { display:block; width:90px; height:90px; border-radius:8px; object-fit:cover; } 
#sod_frm.custom_order #sod_list .td_prd .sod_name { flex:1; min-width:0; font-size:14px; line-height:1.5; } 
#sod_frm.custom_order #sod_list .td_prd .sod_name b { display:block; margin:0 0 5px; color:#111; font-size:16px; font-weight:600; } 
#sod_frm.custom_order #sod_list .total_price { display:inline; margin:0; padding:0; border:0; background:transparent; color:#111; font-weight:600; } 
#sod_frm.custom_order .sod_right { margin-top:24px; } 
#sod_frm.custom_order #sod_bsk_tot, #sod_frm.custom_order .sod_right #sod_frm_pay { padding:22px 18px; border-radius:10px; } 
 } 



@media(max-width:500px) { 
#sod_frm.custom_order { padding:0; } 
#sod_frm.custom_order #sod_bsk_tot, #sod_frm.custom_order .sod_right #sod_frm_pay { padding:20px 16px; } 
#sod_frm.custom_order #sod_bsk_tot li { padding:8px 0; } 
#sod_frm.custom_order #sod_bsk_tot .sod_bsk_cnt { padding-top:16px; } 
#sod_frm.custom_order #sod_bsk_tot .sod_bsk_cnt strong { font-size:22px; } 
#sod_frm.custom_order #od_tot_price strong { font-size:22px; } 
#sod_frm.custom_order #sod_frm_paysel { grid-template-columns:1fr; } 
#sod_frm.custom_order #sod_frm_paysel .lb_icon { height:50px; min-height:50px; } 
 } 


@media(min-width:769px) { 
#sod_frm.custom_order #sod_list { width:100%; table-layout:fixed; } 
#sod_frm.custom_order #sod_list th, #sod_frm.custom_order #sod_list td { vertical-align:middle; } 
#sod_frm.custom_order #sod_list th:nth-child(1), #sod_frm.custom_order #sod_list td:nth-child(1) { width:auto; } 
#sod_frm.custom_order #sod_list th:nth-child(2), #sod_frm.custom_order #sod_list td:nth-child(2) { width:80px; } 
#sod_frm.custom_order #sod_list th:nth-child(3), #sod_frm.custom_order #sod_list td:nth-child(3) { width:120px; } 
#sod_frm.custom_order #sod_list th:nth-child(4), #sod_frm.custom_order #sod_list td:nth-child(4) { width:130px; } 
#sod_frm.custom_order #sod_list th:nth-child(5), #sod_frm.custom_order #sod_list td:nth-child(5) { width:95px; } 
#sod_frm.custom_order #sod_list .td_prd { padding:22px 24px; text-align:left; } 
#sod_frm.custom_order #sod_list .td_prd .sod_name { font-size:17px; line-height:1.55; } 
#sod_frm.custom_order #sod_list .td_prd .sod_name a { display:block; color:#111; font-size:17px; font-weight:600; line-height:1.5; word-break:keep-all; } 
#sod_frm.custom_order #sod_list .td_num, #sod_frm.custom_order #sod_list .td_numbig, #sod_frm.custom_order #sod_list .td_dvr { padding:18px 10px; font-size:14px; } 
#sod_frm.custom_order #sod_list .td_num { text-align:center; } 
#sod_frm.custom_order #sod_list .td_numbig { text-align:right; } 
#sod_frm.custom_order #sod_list .td_dvr { text-align:center; } 
#sod_frm.custom_order #sod_list .total_price { font-size:15px; font-weight:600; } 
#sod_frm.custom_order #sod_list thead th { padding:14px 10px; font-size:13px; font-weight:500; } 

 } 

@media(max-width:768px) { 
#sod_frm.custom_order .tbl_frm01 { width:100%; overflow:visible; } 
#sod_frm.custom_order .tbl_frm01 table { display:block; width:100%; } 
#sod_frm.custom_order .tbl_frm01 tbody { display:block; width:100%; } 
#sod_frm.custom_order .tbl_frm01 tr { display:block; width:100%; padding:16px 0; border-bottom:1px solid #eee; } 
#sod_frm.custom_order .tbl_frm01 th { display:block; width:100%; padding:0 0 9px; line-height:1.4; font-size:16px; } 
#sod_frm.custom_order .tbl_frm01 td { display:block; width:100%; padding:0; text-align:left; } 
#sod_frm.custom_order .tbl_frm01 .frm_input { display:block; width:100%; max-width:none; height:48px; margin:0; } 
#sod_frm.custom_order .tbl_frm01 input[type="text"], #sod_frm.custom_order .tbl_frm01 input[type="password"] { width:100%; max-width:none; } 
#sod_frm.custom_order .tbl_frm01 textarea { width:100%; max-width:none; } 
#sod_frm.custom_order .tbl_frm01 br { display:none; } 
#sod_frm.custom_order #od_zip, #sod_frm.custom_order #od_b_zip { display:inline-block; width:calc(100% - 120px); max-width:none; margin:0; vertical-align:top; } 
#sod_frm.custom_order .btn_address { display:inline-flex; align-items:center; justify-content:center; width:110px; height:48px; margin:0 0 0 6px; padding:0; vertical-align:top; } 
#sod_frm.custom_order #od_addr1, #sod_frm.custom_order #od_addr2, #sod_frm.custom_order #od_addr3, #sod_frm.custom_order #od_b_addr1, #sod_frm.custom_order #od_b_addr2, #sod_frm.custom_order #od_b_addr3 { display:block; width:100%; max-width:none; margin:8px 0 0; } 
#sod_frm.custom_order .order_choice_place { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; width:100%; } 
#sod_frm.custom_order .order_choice_place input[type="radio"], #sod_frm.custom_order .order_choice_place input[type="checkbox"] { flex:0 0 auto; margin:0; } 
#sod_frm.custom_order .order_choice_place label { margin:0; line-height:1.4; } 
#sod_frm.custom_order #order_address { flex:0 0 auto; height:38px; margin:0; } 
#sod_frm.custom_order #ad_subject { display:block; width:100%; margin:0 0 10px; } 
#sod_frm.custom_order #ad_default { margin:0 5px 0 0; vertical-align:middle; } 
#sod_frm.custom_order label[for="ad_default"] { display:inline-block; margin:0; vertical-align:middle; } 
#sod_frm.custom_order .frm_info { display:block; margin:0 0 8px; color:#777; font-size:14px; line-height:1.5; } 

 } 


/* =========================================================
 MY PAGE LAYOUT
========================================================= */

#smb_my { display:grid; grid-template-columns:280px minmax(0,1fr); align-items:start; gap:40px; position:relative; width:100%;margin:0 auto; padding:50px 20px 120px; } 
#smb_my_ov { position:static; width:100%; margin:0; border:1px solid #e5e5e5; border-radius:10px; background:#fff; overflow:hidden; } 
#smb_my_wr { width:100%; min-width:0; min-height:0; } 
#smb_my_ov .hello_name { position:relative; padding:30px 20px 25px; border-bottom:1px solid #eee; background:#fafafa; text-align:center; } 
#smb_my_ov .my_img { display:inline-block; position:relative; width:64px; height:64px; margin:0 0 12px; border-radius:50%; overflow:hidden; box-shadow:none; } 
#smb_my_ov .my_img img { display:block; width:64px; height:64px; object-fit:cover; } 
#smb_my_ov .btn_edit { position:absolute; left:0; bottom:0; display:flex; align-items:center; justify-content:center; width:100%; height:22px; background:rgba(0,0,0,.5); color:#fff; font-size:11px; line-height:1; } 
#smb_my_ov .my_name { margin:0; color:#333; font-size:14px; } 
#smb_my_ov .my_name strong { color:#111; font-weight:600; } 
#smb_my_ov .btn_out { position:absolute; top:0; right:0; padding:5px 8px; border:0; border-left:1px solid #eee; border-bottom:1px solid #eee; border-radius:0 0 0 5px; background:#fff; color:#999; font-size:11px; line-height:1.4; } 
#smb_my_ov .my_info { display:block; margin:0; padding:0 10px; line-height:1.5; } 
#smb_my_ov .my_info dt { margin:0; padding:11px 0 3px; border-top:1px solid #eee; color:#777; font-size:12px; } 
#smb_my_ov .my_info dt:first-child { border-top:0; } 
#smb_my_ov .my_info dd { margin:0; padding:0 0 11px; color:#222; font-size:13px; word-break:break-all; } 
#smb_my_ov .btn_my_if { display:none; } 


/* 오른쪽 */
#smb_my_od { width:100%; margin:0 0 55px; padding:0; } 
#smb_my_od > h2 { margin:0 0 20px; padding:8px 0 15px; border-bottom:1px solid #222; color:#111; font-size:18px; font-weight:600; } 
#smb_my_od > h2 a { color:#111; } 
#smb_my_wish { width:100%; margin:0; } 
#smb_my_wish > h2 { margin:0 0 20px; padding:8px 0 15px; border-bottom:1px solid #222; color:#111; font-size:18px; font-weight:600; } 
#smb_my_wish > h2 a { color:#111; } 


@media(max-width:1024px) { 
#smb_my { grid-template-columns:230px minmax(0,1fr); gap:25px; } 
 } 


@media(max-width:768px) { 
#smb_my { display:block; padding:35px 20px 80px; } 
#smb_my_ov { margin-bottom:35px; } 
#smb_my_ov .my_info { display:none; } 
#smb_my_ov .btn_my_if { display:block; width:100%; height:44px; padding:0; border:0; border-top:1px solid #eee; background:#fff; color:#555; font-size:14px; } 
#smb_my_od > h2, #smb_my_wish > h2 { font-size:17px; } 

 } 


@media(max-width:500px) { 
#smb_my { padding:25px 15px 65px; } 
#smb_my_ov .hello_name { padding:25px 15px 20px; } 
 } 


/* =========================================================
 최근 주문내역
========================================================= */

#sod_inquiry { width:100%; margin:0; padding:0; } 
#sod_inquiry ul { width:100%; margin:0; padding:0; } 
#sod_inquiry li { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 25px; width:100%; margin:0 0 12px; padding:22px 24px; border:1px solid #e5e5e5; border-radius:10px; background:#fff; } 
#sod_inquiry li:after { display:none; } 
#sod_inquiry li.empty_list { display:block; padding:80px 20px; color:#999; font-size:14px; text-align:center; } 


/* 주문번호 + 날짜 */
#sod_inquiry .inquiry_idtime { grid-column:1 / -1; display:flex; align-items:center; flex-wrap:wrap; gap:7px; } 
#sod_inquiry .idtime_link { color:#111; font-size:15px; font-weight:600; line-height:1.4; } 
#sod_inquiry .idtime_link:hover { text-decoration:underline; } 
#sod_inquiry .idtime_time { position:static; color:#999; font-size:13px; line-height:1.4; } 


/* 상품명 */

/* #sod_inquiry .inquiry_name { grid-column:1; margin:0; color:#666; font-size:14px; font-weight:400; line-height:1.6; word-break:keep-all; }  */
#sod_inquiry .inquiry_product { grid-column:1; display:flex; align-items:center; gap:14px; min-width:0; }

#sod_inquiry .inquiry_img { display:block; flex:0 0 72px; width:72px; height:72px; border-radius:8px; overflow:hidden; background:#f7f7f7; }

#sod_inquiry .inquiry_img img { display:block; width:72px; height:72px; object-fit:cover; }

#sod_inquiry .inquiry_product_info { min-width:0; }

#sod_inquiry .inquiry_name { display:block; color:#222; font-size:14px; font-weight:600; line-height:1.5; word-break:keep-all; }

#sod_inquiry .inquiry_name:hover { color:#111; }

#sod_inquiry .inquiry_more { margin-left:5px; color:#999; font-size:12px; font-weight:400; }

#sod_inquiry .inquiry_option { margin-top:5px; color:#999; font-size:12px; font-weight:400; line-height:1.5; }

#sod_inquiry .inquiry_option span { margin-right:5px; color:#777; font-weight:500; }

/* 금액 + 주문상태 */

#sod_inquiry .inq_wr { grid-column:2; grid-row:2; display:flex; flex-direction:column; align-items:flex-end; justify-content:center; gap:7px; } 
#sod_inquiry .inquiry_price { margin:0; position:static; color:#111; font-size:15px; font-weight:600; line-height:1.4; white-space:nowrap; } 
#sod_inquiry .inv_status { display:block; float:none; margin:0; padding:0; text-align:center; } 


/* 주문 상태 */

#sod_inquiry .status_01, #sod_inquiry .status_02, #sod_inquiry .status_03, #sod_inquiry .status_04, #sod_inquiry .status_05, #sod_inquiry .status_06 { display:inline-flex; align-items:center; justify-content:center; min-width:80px; height:30px; padding:0 12px; border:1px solid #ddd; border-radius:20px; background:#fff; color:#555; font-size:12px; font-weight:500; line-height:1; } 
#sod_inquiry .status_01 { background:#fafafa; color:#777; } 
#sod_inquiry .status_02 { border-color:#ccc; background:#fff; color:#333; } 
#sod_inquiry .status_03 { border-color:#222; background:#222; color:#fff; } 
#sod_inquiry .status_04 { border-color:#222; background:#222; color:#fff; } 
#sod_inquiry .status_05 { border-color:#555; background:#555; color:#fff; } 
#sod_inquiry .status_06 { background:#f5f5f5; color:#999; } 


/* 배송정보 */

#sod_inquiry .inquiry_inv { grid-column:1 / -1; width:100%; } 
#sod_inquiry .inv_inv { display:flex; align-items:center; justify-content:space-between; gap:15px; width:100%; margin:8px 0 0; padding:12px 14px; border:1px solid #eee; border-radius:8px; background:#fafafa; flex-wrap:wrap} 
#sod_inquiry .inv_info { display:flex; align-items:center; flex-wrap:wrap; gap:7px 12px; min-width:0; color:#666; font-size:13px; } 
#sod_inquiry .inv_info i { display:flex; align-items:center; justify-content:center; flex:0 0 28px; width:28px; height:28px; margin:0; border-radius:50%; background:#eee; color:#555; font-size:13px; } 
#sod_inquiry .inv_company { color:#333; font-weight:600; } 
#sod_inquiry .inv_number { color:#777; font-weight:400; } 
#sod_inquiry .delivery_btn { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 15px; border:1px solid #222; border-radius:18px; background:#222; color:#fff; font-size:13px; font-weight:500; line-height:1; white-space:nowrap; } 
#sod_inquiry .delivery_btn:hover { border-color:#444; background:#444; color:#fff; } 


/* 주문 건수 */

.sod_inquiry_count { margin:0 0 12px; color:#777; font-size:13px; text-align:right; } 


@media(max-width:768px) { 

#sod_inquiry li { display:block; padding:20px 18px; } 
#sod_inquiry .inquiry_idtime { display:block; } 
#sod_inquiry .idtime_link { display:block; width:100%; } 
#sod_inquiry .idtime_time { display:block; margin-top:3px; } 
#sod_inquiry .inq_wr { display:flex; flex-direction:row; align-items:center; justify-content:space-between; width:100%; margin-top:14px; } 
#sod_inquiry .inquiry_price { font-size:15px; } 
#sod_inquiry .inv_inv {  margin-top:14px; } 
#sod_inquiry .inv_info { width:100%; } 
#sod_inquiry .delivery_btn { width:100%; height:40px; margin-top:12px; } 

#sod_inquiry .inquiry_product { margin-top:14px; }

#sod_inquiry .inquiry_img { flex-basis:65px; width:65px; height:65px; }

#sod_inquiry .inquiry_img img { width:65px; height:65px; }

 } 


@media(max-width:500px) { 

#sod_inquiry li { padding:18px 16px; } 
#sod_inquiry .idtime_link { font-size:14px; } 
#sod_inquiry .inquiry_name { font-size:14px; } 
#sod_inquiry .inquiry_price { font-size:14px; } 
#sod_inquiry .inv_info { display:grid; grid-template-columns:28px 1fr; gap:5px 10px; } 
#sod_inquiry .inv_info i { grid-row:1 / span 2; } 
#sod_inquiry .inv_company { align-self:end; } 
#sod_inquiry .inv_number { align-self:start; } 

 } 

#sod_inquiry .delivery_btn_wrap { flex: 0 0 auto; display: flex;  flex-direction: row-reverse;  align-items: center;  gap: 10px;  flex-wrap:wrap} 
#sod_inquiry .delivery_btn_wrap a { display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 15px; border:1px solid #222; border-radius:18px; background:#222; color:#fff; font-size:13px; font-weight:500; line-height:1; white-space:nowrap; } 
#sod_inquiry .delivery_btn_wrap a:hover { border-color:#444; background:#444; color:#fff; } 

@media(max-width:768px) { 
#sod_inquiry .delivery_btn_wrap { width:100%; margin-top:12px; } 
#sod_inquiry .delivery_btn_wrap a { width:100%; } 

 } 



 /* =========================================================
   CART
========================================================= */

#sod_bsk { display:grid; grid-template-columns:minmax(0,1fr) 340px; align-items:start; gap:30px; width:100%; max-width:1500px; margin:0 auto; padding:50px 20px 120px; background:#fff; }
#sod_bsk_list { display:contents; }
#sod_bsk .sod_bsk_left { float:none; width:100%; min-width:0; height:auto; padding:0; background:transparent; }
#sod_bsk .sod_ta_wr { float:none; position:sticky; top:100px; width:100%; height:auto; margin:0; padding:24px; border:1px solid #e5e5e5; border-radius:12px; background:#fff; z-index:1; }


/* 전체선택 */
#sod_chk { display:flex; align-items:center; width:100%; margin:0 0 14px; padding:0; }
#sod_chk label { color:#444; font-size:14px; font-weight:500; }
#sod_chk input[type="checkbox"] { width:17px; height:17px; margin-right:7px; accent-color:#222; }


/* =========================================================
   상품 카드
========================================================= */

#sod_bsk .cart_list { width:100%; margin:0; padding:0; }
#sod_bsk .cart_list:after { display:none; }
#sod_bsk .cart_list .sod_li { position:relative; width:100%; margin:0 0 14px; padding:0; border:1px solid #e5e5e5; border-radius:12px; background:#fff; overflow:hidden; box-shadow:none; }
#sod_bsk .cart_list .sod_li:hover { border-color:#ccc; box-shadow:none; }
#sod_bsk .cart_list .sod_li:after { display:none; }
#sod_bsk .cart_list .li_wr { width:100%; }


/* 상품명 */

#sod_bsk .cart_list .li_name { display:flex; align-items:center; gap:10px; min-height:48px; padding:14px 18px; border-bottom:1px solid #eee; color:#111; font-size:15px; font-weight:600; line-height:1.5; }
#sod_bsk .cart_list .li_name a { color:#111; font-size:15px; font-weight:600; }
#sod_bsk .cart_list .li_name a:hover { text-decoration:underline; }
#sod_bsk .cart_list .li_chk { flex:0 0 auto; }
#sod_bsk .cart_list .li_chk input[type="checkbox"] { width:17px; height:17px; accent-color:#222; }


/* 상품 이미지 + 옵션 */

#sod_bsk .cart_list .li_op_wr { display:grid; grid-template-columns:90px minmax(0,1fr); align-items:start; gap:16px; position:relative; min-height:0; margin:0; padding:18px; }
#sod_bsk .cart_list .total_img { position:static; width:90px; height:90px; border-radius:8px; overflow:hidden; background:#f7f7f7; }
#sod_bsk .cart_list .total_img img { display:block; width:90px; height:90px; object-fit:cover; }
#sod_bsk .cart_list .sod_opt { min-width:0; color:#888; font-size:13px; line-height:1.6; }
#sod_bsk .cart_list .sod_opt li { margin:0 0 4px; padding:0; background:none; color:#888; font-size:13px; line-height:1.5; }
#sod_bsk .cart_list .sod_opt li:before { content:"옵션"; display:inline-block; margin-right:6px; color:#777; font-size:12px; font-weight:500; }
#sod_bsk .cart_list .li_mod { grid-column:2; margin-top:5px; }
#sod_bsk .cart_list .mod_btn { display:inline-flex; align-items:center; justify-content:center; width:auto; height:30px; margin:0; padding:0 11px; border:1px solid #ddd; border-radius:15px; background:#fff; color:#666; font-size:12px; font-weight:500; }
#sod_bsk .cart_list .mod_btn:hover { border-color:#999; color:#333; }


/* 가격 / 수량 / 배송비 */

#sod_bsk .cart_list .li_prqty { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); float:none; width:100%; margin:0; padding:0; border-top:1px solid #eee; background:#fafafa; }
#sod_bsk .cart_list .li_prqty:after { display:none; }
#sod_bsk .cart_list .li_prqty_sp { display:flex; align-items:center; justify-content:space-between; float:none; width:100%; min-height:48px; padding:12px 16px; border:0; border-left:1px solid #eee; color:#333; font-size:13px; line-height:1.4; text-align:right; }
#sod_bsk .cart_list .li_prqty_sp:first-child { border-left:0; }
#sod_bsk .cart_list .li_prqty_sp span { display:block; float:none; margin:0 10px 0 0; color:#888; font-size:12px; font-weight:400; }


/* 소계 */

#sod_bsk .cart_list .total_price { display:flex; align-items:center; justify-content:flex-end; gap:12px; float:none; clear:none; width:100%; margin:0; padding:15px 18px; border:0; border-top:1px solid #eee; background:#fff; color:#111; font-size:13px; line-height:1.4; text-align:right; }
#sod_bsk .cart_list .total_price span { display:block; float:none; margin:0; color:#777; font-size:13px; }
#sod_bsk .cart_list .total_price strong { color:#111; font-size:16px; font-weight:600; }


/* =========================================================
   삭제 버튼
========================================================= */

#sod_bsk .btn_del_wr { display:flex; align-items:center; gap:7px; width:100%; margin:14px 0 0; }
#sod_bsk .btn_del_wr .btn01 { display:inline-flex; align-items:center; justify-content:center; width:auto; height:34px; margin:0; padding:0 14px; border:1px solid #ddd; border-radius:17px; background:#fff; color:#666; font-size:12px; font-weight:500; }
#sod_bsk .btn_del_wr .btn01:hover { border-color:#999; color:#333; }


/* =========================================================
   오른쪽 주문 요약
========================================================= */

#sod_bsk #m_sod_bsk_tot { width:100%; margin:0; padding:0; background:transparent; border: none}
#sod_bsk #m_sod_bsk_tot:after { display:none; }
#sod_bsk #m_sod_bsk_tot dt, #sod_bsk #m_sod_bsk_tot dd { float:none; width:auto; margin:0; padding:8px 0; line-height:1.5; }
#sod_bsk #m_sod_bsk_tot dt { float:left; clear:both; color:#777; font-size:13px; font-weight:400; }
#sod_bsk #m_sod_bsk_tot dd { text-align:right; color:#222; font-size:14px; }
#sod_bsk #m_sod_bsk_tot dd strong { font-weight:500; }
#sod_bsk #m_sod_bsk_tot .sod_bsk_cnt { margin-top:15px; padding-top:18px; border-top:1px solid #222; color:#111; font-weight:600; }
#sod_bsk #m_sod_bsk_tot dt.sod_bsk_cnt { font-size:15px; }
#sod_bsk #m_sod_bsk_tot dd.sod_bsk_cnt strong { color:#111; font-size:21px; font-weight:700; }


/* =========================================================
   주문 버튼
========================================================= */

#sod_bsk_act { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:8px; width:100%; margin:24px 0 0; padding:0; }
#sod_bsk_act > .btn_b01, #sod_bsk_act > .btn_b02 { display:flex; align-items:center; justify-content:center; width:100%; height:48px; margin:0; padding:0 12px; border-radius:8px; font-size:14px; font-weight:500; line-height:1; box-shadow:none; }
#sod_bsk_act > .btn_b01 { border:1px solid #ddd; background:#fff; color:#555; }
#sod_bsk_act > .btn_b02 { border:1px solid #111; background:#111; color:#fff; }
#sod_bsk_act > .btn_b01:hover { border-color:#aaa; color:#222; }
#sod_bsk_act > .btn_b02:hover { border-color:#333; background:#333; }
#sod_bsk_act .naverpay-cart { grid-column:1 / -1; width:100%; margin-top:5px; }


/* 쇼핑 계속하기 - 빈 장바구니 */

#sod_bsk .go_shopping { margin:0; }
#sod_bsk .go_shopping .btn_b01 { display:flex; align-items:center; justify-content:center; width:100%; height:48px; border:1px solid #222; border-radius:8px; background:#222; color:#fff; font-size:14px; font-weight:500; }


/* =========================================================
   반응형
========================================================= */

@media(max-width:1024px) {
#sod_bsk { grid-template-columns:minmax(0,1fr) 300px; gap:22px; }
#sod_bsk .sod_ta_wr { padding:20px; }

}


@media(max-width:768px) {

#sod_bsk { display:block; padding:35px 20px 80px; }
#sod_bsk .sod_ta_wr { position:static; width:100%; margin-top:25px; }
#sod_bsk .cart_list .li_op_wr { grid-template-columns:80px minmax(0,1fr); }
#sod_bsk .cart_list .total_img { width:80px; height:80px; }
#sod_bsk .cart_list .total_img img { width:80px; height:80px; }
#sod_bsk .cart_list .li_prqty { grid-template-columns:1fr; }
#sod_bsk .cart_list .li_prqty_sp { min-height:42px; border-left:0; border-top:1px solid #eee; }
#sod_bsk .cart_list .li_prqty_sp:first-child { border-top:0; }

}


@media(max-width:500px) {

#sod_bsk { padding:0; }
#sod_bsk .cart_list .sod_li { border-radius:10px; }
#sod_bsk .cart_list .li_name { padding:13px 14px; font-size:14px; }
#sod_bsk .cart_list .li_name a { font-size:14px; }
#sod_bsk .cart_list .li_op_wr { grid-template-columns:70px minmax(0,1fr); gap:12px; padding:15px 14px; }
#sod_bsk .cart_list .total_img { width:70px; height:70px; }
#sod_bsk .cart_list .total_img img { width:70px; height:70px; }
#sod_bsk .cart_list .total_price strong { font-size:15px; }
#sod_bsk .btn_del_wr { justify-content:flex-end; }
#sod_bsk_act { grid-template-columns:1fr; }

}



/* ================= 주문상세 ================= */

#sod_fin { width:92%; max-width:1500px; margin:0 auto; padding:0 0 120px; color:#18202d; font-family:"Pretendard","Noto Sans KR",sans-serif; }

#sod_fin_no { margin:0 0 50px; padding:22px 25px; border:1px solid #e1e4e8; border-radius:6px; background:#f8f9fa; color:#606773; font-size:16px; }
#sod_fin_no strong { margin-left:8px; color:#18202d; font-size:17px; font-weight:700; }

#sod_fin h2 { margin:0 0 25px; color:#18202d; font-size:28px; font-weight:800; line-height:1.4; letter-spacing:-0.04em; }
#sod_fin h3 { margin:0 0 20px; color:#18202d; font-size:21px; font-weight:800; line-height:1.4; letter-spacing:-0.035em; }

/* 주문 상품 */
.sod_fin_list { margin-bottom:70px; }

#sod_list_inq { margin:0; padding:0; border-top:2px solid #18202d; list-style:none; }
/* ================= 주문상품 ================= */

#sod_list_inq { width:100%; margin:0; padding:0; border-top:2px solid #18202d; }

#sod_list_inq .sod_li { position:relative; display:grid; grid-template-columns:110px minmax(0,1fr) auto; grid-template-areas:"img info status" "img option option" "img detail total"; gap:18px 20px; width:100%; margin:0 !important; padding:28px 20px !important; border:0; border-bottom:1px solid #dfe3e8; background:#fff; }

#sod_list_inq .li_op_wr { display:contents !important; position:static !important; width:auto !important; min-height:0 !important; margin:0 !important; padding:0 !important; }

#sod_list_inq .total_img { grid-area:img; position:static !important; display:block; width:110px !important; height:110px !important; margin:0 !important; overflow:hidden; border:1px solid #e7e9ed; border-radius:6px; background:#f7f8fa; }

#sod_list_inq .total_img img { display:block; width:100%; height:100%; object-fit:cover; }

#sod_list_inq .li_name { grid-area:info; display:flex; align-items:center; min-width:0; margin:0 !important; padding:0 !important; }

#sod_list_inq .li_name a { color:#18202d; font-size:18px; font-weight:700; line-height:1.5; }

#sod_list_inq .li_name strong { font-weight:700; }

#sod_list_inq .prqty_stat { grid-area:status; position:static !important; align-self:center; justify-self:end; display:inline-flex; align-items:center; justify-content:center; min-width:64px; height:32px; padding:0 14px !important; border-radius:20px; background:#fff1ee !important; color:#ff5a3d !important; font-size:13px; font-weight:700; }

#sod_list_inq .sod_opt { grid-area:option; width:100% !important; margin:0 !important; padding:12px 16px !important; border:0 !important; border-radius:4px; background:#f7f8fa; color:#59616c; font-size:14px; line-height:1.6; }

#sod_list_inq .opt_name { display:block; }

#sod_list_inq .li_prqty { grid-area:detail; display:flex !important; align-items:center; flex-wrap:wrap; gap:8px 24px; width:auto !important; margin:0 !important; padding:4px 0 0 !important; border:0 !important; }

#sod_list_inq .li_prqty:after { display:none !important; }

#sod_list_inq .li_prqty_sp { float:none !important; display:inline-flex !important; align-items:center; gap:6px; width:auto !important; margin:0 !important; padding:0 !important; border:0 !important; color:#18202d; font-size:14px; line-height:1.5; text-align:left !important; }

#sod_list_inq .li_prqty_sp > span { float:none !important; color:#8a9099; font-size:13px; }

#sod_list_inq .li_total { grid-area:total; position:static !important; align-self:end; justify-self:end; width:auto !important; margin:0 !important; padding:0 !important; }

#sod_list_inq .total_price { display:flex !important; align-items:baseline; gap:8px; width:auto !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; color:#18202d; line-height:1.4; }

#sod_list_inq .total_price > span { float:none !important; color:#8a9099; font-size:13px; font-weight:500; }

#sod_list_inq .total_price { font-size:21px; font-weight:800; }
/* 상태 설명 */
#sod_sts_wrap { margin-top:20px; }

#sod_sts_explan { display:none; padding:20px 22px; border:1px solid #e1e4e8; border-radius:5px; background:#f8f9fa; }

#sod_fin_legend { display:grid; grid-template-columns:60px 1fr; gap:10px 15px; margin:0; }

#sod_fin_legend dt { color:#18202d; font-size:14px; font-weight:700; }

#sod_fin_legend dd { margin:0; color:#626973; font-size:14px; line-height:1.6; }

#sod_sts_wrap .btn_wr { display:flex; justify-content:flex-end; margin-top:10px; }

#sod_sts_explan_open { height:38px; padding:0 15px; border:1px solid #ccd1d7; border-radius:4px; background:#fff; color:#4e5661; font-size:13px; cursor:pointer; transition:all .2s ease; }

#sod_sts_explan_open:hover { border-color:#18202d; color:#18202d; }

/* 주문금액 요약 */
.sod_ta_wr { margin-top:30px; }

#m_sod_bsk_tot { display:grid; grid-template-columns:1fr auto; margin:0; padding:25px 30px; border:1px solid #dfe3e8; border-radius:6px; background:#f8f9fa; }

#m_sod_bsk_tot dt { padding:9px 0; color:#606773; font-size:15px; }

#m_sod_bsk_tot dd { margin:0; padding:9px 0; color:#18202d; font-size:15px; text-align:right; }

#m_sod_bsk_tot dd strong { font-weight:700; }

#m_sod_bsk_tot .sod_bsk_cnt { margin-top:10px; padding-top:20px; border-top:1px solid #d7dce2; color:#18202d; font-size:18px; font-weight:800; }

#m_sod_bsk_tot dd.sod_bsk_cnt { color:#ff5a3d; font-size:22px; }

/* 결제 / 배송 정보 */
#sod_fin_view { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-top:70px; }

#sod_fin_view > h2 { grid-column:1 / -1; margin-bottom:0; }

#sod_fin_view > section { overflow:hidden; border:1px solid #e0e4e8; border-radius:6px; background:#fff; }

#sod_fin_view > section > h3 { margin:0; padding:18px 20px; border-bottom:1px solid #e0e4e8; background:#f8f9fa; font-size:18px; }

.odf_tbl { width:100%; overflow:hidden; }

.odf_tbl table { width:100%; border-collapse:collapse; table-layout:fixed; }

.odf_tbl tbody th { width:130px; padding:14px 18px; border-bottom:1px solid #eceef1; background:#fff; color:#59616c; font-size:14px; font-weight:700; line-height:1.6; text-align:left; vertical-align:top; }

.odf_tbl tbody td { padding:14px 18px; border-bottom:1px solid #eceef1; color:#18202d; font-size:14px; line-height:1.65; word-break:keep-all; vertical-align:top; }

.odf_tbl tbody tr:last-child th { border-bottom:0; }

.odf_tbl tbody tr:last-child td { border-bottom:0; }

.odf_tbl a { color:#ff5a3d; font-weight:600; text-decoration:none; }

.odf_tbl .empty_table { height:120px; color:#8a9099; text-align:center; vertical-align:middle; }

/* 결제합계 */
#sod_fin_tot { margin-top:70px; }

#sod_fin_tot ul { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:0; overflow:hidden; border:1px solid #dfe3e8; border-radius:6px; list-style:none; }

#sod_fin_tot li { position:relative; display:flex; flex-direction:column; justify-content:center; gap:8px; min-height:110px; padding:22px 25px; border-right:1px solid #e0e4e8; color:#666d77; font-size:14px; }

#sod_fin_tot li:last-child { border-right:0; }

#sod_fin_tot li strong { display:block; color:#18202d; font-size:21px; font-weight:800; }

#sod_fin_tot #alrdy strong { color:#ff5a3d; }

#sod_fin_tot .right { margin-top:8px; padding-top:10px; border-top:1px solid #eee; }

#sod_fin_tot .right p { display:flex; justify-content:space-between; gap:15px; margin:4px 0; color:#606773; font-size:13px; }

#sod_fin_tot .right .title { color:#8a9099; }

/* 주문취소 */
#sod_fin_cancel { margin-top:60px; padding-top:30px; border-top:1px solid #dfe3e8; }

#sod_fin_cancel > button { display:inline-flex; align-items:center; justify-content:center; min-width:140px; height:46px; padding:0 20px; border:1px solid #18202d; border-radius:4px; background:#fff; color:#18202d; font-size:14px; font-weight:700; cursor:pointer; transition:all .2s ease; }

#sod_fin_cancel > button:hover { background:#18202d; color:#fff; }

#sod_fin_cancelfrm { display:none; margin-top:15px; padding:20px; border:1px solid #e1e4e8; border-radius:5px; background:#f8f9fa; }

#sod_fin_cancelfrm form { display:flex; gap:8px; }

#sod_fin_cancelfrm .frm_input { flex:1; min-width:0; height:44px; padding:0 14px; border:1px solid #ccd1d7; border-radius:4px; background:#fff; color:#18202d; font-size:14px; outline:none; }

#sod_fin_cancelfrm .frm_input:focus { border-color:#18202d; }

#sod_fin_cancelfrm .btn_frmline { width:80px; height:44px; border:0; border-radius:4px; background:#18202d; color:#fff; font-size:14px; font-weight:700; cursor:pointer; }

#sod_fin_cancel > p { margin:0; padding:18px 20px; border-left:3px solid #ff5a3d; background:#fff3f0; color:#555d67; font-size:14px; }

/* ================= 반응형 ================= */

@media (max-width:1199px){
    #sod_fin { width:calc(100% - 60px); padding:80px 0 100px; }
}

@media (max-width:1024px){
    #sod_fin { width:calc(100% - 40px); padding:70px 0 90px; }
    #sod_fin_view { gap:20px; }
    #sod_list_inq .sod_li { padding:22px 15px; }
}

@media (max-width:768px){
    #sod_fin { padding:50px 0 70px; }
    #sod_fin_no { margin-bottom:35px; padding:18px 20px; font-size:15px; }
    #sod_fin h2 { margin-bottom:20px; font-size:23px; }
    #sod_fin h3 { font-size:18px; }
    .sod_fin_list { margin-bottom:50px; }
    
    #sod_fin_view { grid-template-columns:1fr; margin-top:50px; }
    #sod_fin_view > h2 { grid-column:auto; }
    #m_sod_bsk_tot { padding:20px; }
    #sod_fin_tot { margin-top:50px; }
    #sod_fin_tot ul { grid-template-columns:1fr; }
    #sod_fin_tot li { min-height:auto; padding:18px 20px; border-right:0; border-bottom:1px solid #e0e4e8; }
    #sod_fin_tot li:last-child { border-bottom:0; }
    #sod_fin_cancel { margin-top:45px; }
}

@media (max-width:768px){

#sod_list_inq .sod_li { grid-template-columns:80px minmax(0,1fr); grid-template-areas:"img info" "img status" "option option" "detail detail" "total total"; gap:10px 15px; padding:22px 0 !important; }

#sod_list_inq .total_img { width:80px !important; height:80px !important; }

#sod_list_inq .li_name { align-items:flex-start; }

#sod_list_inq .li_name a { font-size:16px; }

#sod_list_inq .prqty_stat { justify-self:start; align-self:start; height:28px; padding:0 10px !important; font-size:12px; }

#sod_list_inq .sod_opt { margin-top:8px !important; padding:11px 13px !important; font-size:14px; }

#sod_list_inq .li_prqty { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 20px; padding-top:5px !important; }

#sod_list_inq .li_prqty_sp { justify-content:space-between; }

#sod_list_inq .li_total { justify-self:stretch; margin-top:5px !important; padding-top:15px !important; border-top:1px solid #e6e9ed !important; }

#sod_list_inq .total_price { justify-content:flex-end; width:100% !important; font-size:19px; }

}

@media (max-width:500px){

#sod_list_inq .sod_li { grid-template-columns:70px minmax(0,1fr); gap:8px 12px; }

#sod_list_inq .total_img { width:70px !important; height:70px !important; }

#sod_list_inq .li_prqty { grid-template-columns:1fr; gap:7px; }

#sod_list_inq .li_prqty_sp { width:100% !important; }

#sod_list_inq .total_price { font-size:18px; }

}

@media (max-width:640px){
    .odf_tbl tbody th { width:105px; padding:13px 14px; }
    .odf_tbl tbody td { padding:13px 14px; }
    #sod_fin_view > section > h3 { padding:16px; }
}

@media (max-width:500px){
    #sod_fin { width:calc(100% - 30px); padding:40px 0 60px; }
    #sod_fin_no { margin-bottom:30px; padding:15px; font-size:14px; }
    #sod_fin_no strong { display:block; margin:5px 0 0; font-size:15px; }
    #sod_fin h2 { font-size:21px; }
    
    #m_sod_bsk_tot { padding:18px 15px; }
    #m_sod_bsk_tot dt { font-size:14px; }
    #m_sod_bsk_tot dd { font-size:14px; }
    #m_sod_bsk_tot .sod_bsk_cnt { font-size:16px; }
    #m_sod_bsk_tot dd.sod_bsk_cnt { font-size:20px; }
    .odf_tbl tbody th { width:90px; padding:12px 10px; font-size:13px; }
    .odf_tbl tbody td { padding:12px 10px; font-size:13px; word-break:break-word; }
    #sod_fin_tot li strong { font-size:19px; }
    #sod_fin_cancelfrm { padding:15px; }
    #sod_fin_cancelfrm form { flex-direction:column; }
    #sod_fin_cancelfrm .btn_frmline { width:100%; }

    #sod_frm.custom_order #sod_frm_orderer, #sod_frm.custom_order #sod_frm_taker, #sod_frm.custom_order #sod_frm_pay {padding:20px}
}



/* =========================
   장바구니 선택사항 수정
========================= */

#sod_bsk .li_mod {margin-top:12px;}

/* 선택사항수정 버튼 */
#sod_bsk .mod_options {
display:inline-flex;
align-items:center;
justify-content:center;
min-width:110px;
height:32px;
margin:0;
padding:0 14px;
border:1px solid #bbb;
border-radius:16px;
background:#fff;
color:#333;
font-size:12px;
font-weight:400;
line-height:1;
box-shadow:none;
}

/* 수정창 전체 */
#sod_bsk #mod_option_frm {
width:100%;
margin:15px 0 0;
padding:18px 0 0;
border:0;
border-top:1px solid #ddd;
background:#fff;
font-size:13px;
color:#333;
}

#sod_bsk #mod_option_frm * {
box-sizing:border-box;
}

/* 상품옵션수정 */
#sod_bsk #mod_option_frm h2 {
margin:0 0 15px;
padding:0;
font-size:14px;
font-weight:600;
line-height:1.4;
color:#222;
}

/* 선택옵션 제목 */
#sod_bsk #mod_option_frm h3 {
margin:0 0 10px;
padding:0;
font-size:13px;
font-weight:600;
line-height:1.4;
color:#333;
}

/* 옵션 선택 영역 */
#sod_bsk #mod_option_frm .sit_option,
#sod_bsk #mod_option_frm .sit_option_wr {
width:100%;
margin:0 0 16px;
}

/* 옵션명 label */
#sod_bsk #mod_option_frm label {
display:block;
margin:0 0 6px;
color:#444;
font-size:12px;
font-weight:400;
}

/* 셀렉트 */
#sod_bsk #mod_option_frm select {
display:block;
width:100%;
height:38px;
margin:0;
padding:0 34px 0 10px;
border:1px solid #ddd;
border-radius:0;
background:#fff;
color:#333;
font-size:12px;
line-height:38px;
outline:none;
}

/* 선택된 옵션 리스트 */
#sod_bsk #mod_option_frm #sit_sel_option {
width:100%;
margin:5px 0 0;
}

/* 옵션 ul */
#sod_bsk #mod_option_frm #sit_opt_added {
margin:0;
padding:0;
border:0;
}

/* 각각의 선택 옵션 */
#sod_bsk #mod_option_frm #sit_opt_added > li {
display:flex;
align-items:center;
width:100%;
min-height:48px;
margin:0;
padding:10px 0;
border-bottom:1px solid #eee;
}

/* 옵션명 */
#sod_bsk #mod_option_frm .opt_name {
flex:1;
min-width:0;
padding:0;
}

#sod_bsk #mod_option_frm .sit_opt_subj {
display:block;
color:#333;
font-size:12px;
font-weight:400;
line-height:1.4;
}

/* 수량 영역 */
#sod_bsk #mod_option_frm .opt_count {
display:flex;
align-items:center;
flex:0 0 auto;
margin-left:15px;
}

/* +/- */
#sod_bsk #mod_option_frm #sit_opt_added button {
float:none;
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
margin:0;
padding:0;
border:1px solid #ddd;
background:#fff;
color:#333;
font-size:12px;
line-height:1;
}

/* 수량 input */
#sod_bsk #mod_option_frm #sit_opt_added .num_input {
float:none;
width:42px;
height:30px;
margin:0 -1px;
padding:0;
border:1px solid #ddd;
background:#fff;
color:#333;
font-size:12px;
text-align:center;
}

/* 추가금액 */
#sod_bsk #mod_option_frm #sit_opt_added .sit_opt_prc {
float:none;
min-width:55px;
margin-left:10px;
padding:0;
color:#222;
font-size:12px;
font-weight:600;
line-height:30px;
text-align:right;
}

/* 삭제 X */
#sod_bsk #mod_option_frm #sit_opt_added .sit_opt_del {
float:none;
width:30px;
height:30px;
margin-left:10px;
border:1px solid #ddd;
background:#fff;
color:#555;
}

/* 총금액 */
#sod_bsk #mod_option_frm #sit_tot_price {
margin:12px 0 0;
padding:12px 0 0;
border-top:1px solid #222;
color:#555;
font-size:12px;
text-align:right;
}

#sod_bsk #mod_option_frm #sit_tot_price strong {
margin-left:8px;
color:#111;
font-size:15px;
font-weight:600;
}

/* 하단 버튼 */
#sod_bsk #mod_option_frm .btn_confirm {
display:flex;
justify-content:flex-end;
gap:6px;
margin:15px 0 0;
padding:0;
}

#sod_bsk #mod_option_frm .btn_submit,
#sod_bsk #mod_option_frm #mod_option_close {
min-width:80px;
height:34px;
padding:0 14px;
border-radius:0;
font-size:12px;
font-weight:400;
line-height:32px;
}

#sod_bsk #mod_option_frm .btn_submit {
border:1px solid #111;
background:#111;
color:#fff;
}

#sod_bsk #mod_option_frm #mod_option_close {
border:1px solid #ccc;
background:#fff;
color:#555;
}

@media(max-width:768px) {
    #sod_bsk .li_mod {margin-top:10px;}
    #sod_bsk #mod_option_frm {margin-top:12px;padding-top:15px;}
    #sod_bsk #mod_option_frm #sit_opt_added > li {flex-wrap:wrap;gap:8px;}
    #sod_bsk #mod_option_frm .opt_name {flex:0 0 100%;width:100%;}
    #sod_bsk #mod_option_frm .opt_count {margin-left:0;}
    #sod_bsk #mod_option_frm select {height:38px;font-size:13px;}
}