@charset "utf-8"; /* 초기화 */
html { overflow-y:scroll } 
body { margin:0; padding:0; } 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 } 
h1, h2, h3, h4, h5, h6 { /* font-size:1em; */ } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } 
ul { margin:0; padding:0; list-style:none } 
ol,li,dl,dt,dd { margin:0; padding:0 } 
legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 
label, input, button, select, img { vertical-align:middle } 
input, button { margin:0; padding:0; font-family: var(--font-Pretendard); font-size:1em } 
button { cursor:pointer } 
textarea, select { font-family:var(--font-Pretendard); font-size: 1em; } 
select { margin:0 } 
p { margin:0; padding:0; } 
hr { display:none } 
pre { overflow-x:scroll; font-size:1.1em } 
a { color:#000; text-decoration:none } 
img { display:block; max-width: 100%; } 

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

input[type=text],input[type=password], textarea { -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; outline:none; } 
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { /* -webkit-box-shadow:0 0 5px #9ed4ff; -moz-box-shadow:0 0 5px #9ed4ff; box-shadow:0 0 5px #9ed4ff; border:1px solid #558ab7 !important; */ } 
 
.placeholdersjs { color:#aaa !important } 
#hd, #wrapper, #ft { min-width:1200px } 

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr { width:1200px } 

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

/* 상단 레이아웃 */
#hd { background:#212020 } 
#hd_h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 

#hd_wrapper { position:relative; margin:0 auto } 
#hd_wrapper:after { display:block; visibility:hidden; clear:both; content:"" } 

#logo { float:left; padding:30px 0 0 } 
/* .hd_sch_wr { float:left; padding:30px 0; width:445px; margin-left:65px } */
#hd_sch h3 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#hd_sch { border-radius:30px; overflow:hidden } 
#hd_sch #sch_str { float:left; width:385px; height:45px; padding-left:15px; border-radius:30px 0 0 30px; background:#2c2c2c; border:0; border-right:0; font-size:1.2em; color:#fff } 
#hd_sch #sch_submit { float:left; width:60px; height:45px; border:0; background:#2c2c2c; color:#fff; border-radius:0 30px 30px 0; cursor:pointer; font-size:16px } 

#tnb { border-bottom:1px solid #383838; margin:0 auto } 
#tnb:after { display:block; visibility:hidden; clear:both; content:"" } 
#tnb .inner { margin:0 auto } 

#hd_define { float:left } 
#hd_define:after { display:block; visibility:hidden; clear:both; content:"" } 
#hd_define li { float:left; font-size:1.083em; line-height:14px; border-right:1px solid #4a4a4a; position:relative; text-align:center; margin:15px 10px 15px 0; padding-right:10px } 
#hd_define li:last-child { padding-right:0; margin-right:0; border-right:0 } 
#hd_define li a { display:inline-block; color:#919191 } 
#hd_define li.active a { color:#fff } 

#hd_qnb { float:right; text-align:right } 
#hd_qnb:after { display:block; visibility:hidden; clear:both; content:"" } 
#hd_qnb li { float:left; font-size:1.083em; line-height:14px; border-right:1px solid #4a4a4a; position:relative; text-align:center; margin:15px 10px 15px 0; padding-right:10px } 
#hd_qnb li:last-child { padding-right:0; margin-right:0; border-right:0 } 
#hd_qnb li a { display:inline-block; color:#919191 } 

.hd_login { position:absolute; right:0; top:45px } 
.hd_login>li { float:left; position:relative; margin:0 5px } 
.hd_login>li.login a { color:#3a8afd; padding:10px; border-radius:3px; border:1px solid #3a8afd } 
.hd_login>li a { color:#fff } 
.hd_login>li.shop_login { margin-top:-15px } 
.hd_login .fa-shopping-cart { font-size:1.6em } 
.hd_login .count { display:inline-block; position:absolute; top:-5px; right:-10px; line-height:12px; padding:0 5px; border-radius:10px; background:#ff1a21; color:#fff; min-width:16px; height:14px; font-size:0.85em } 

#hd_menu { position:relative; background:#000; width:1200px; margin:0 auto } 
#hd_menu:after { display:block; visibility:hidden; clear:both; content:"" } 
#hd_menu button#menu_open { float:left; width:265px; height:50px; border:0; background:#3a8afd; text-align:left; color:#fff; padding:0 20px; font-weight:bold; font-size:1.167em } 
.hd_menu { float:left; display:inline-block; width:935px; font-size:1.083em } 
.hd_menu:after { display:block; visibility:hidden; clear:both; content:"" } 
.hd_menu li { float:left; width:20%; padding:12px 0; line-height:26px; text-align:center } 
.hd_menu li:last-child a { border-right:0 } 
.hd_menu li a { display:block; color:#fff; border-right:1px solid #333 } 


/*사이드 메뉴*/
#side_menu { height:100%; position:fixed; top:0; right:0; background:#fff; border-left:1px solid #e5e7ea; z-index:120; padding-left:50px; -webkit-box-shadow:0 1px 5px #d6d6d6; -moz-box-shadow:0 1px 5px #d6d6d6; box-shadow:0 1px 5px #d6d6d6 } 

#quick { position:absolute; top:50%; left:0; width:50px; margin-top:-157.5px } 
#quick li { position:relative } 
#quick li button { width:50px; height:50px; border:0; font-size:1.325em; background:#fff; color:#495057 } 
#quick .qk_tit { display:none; position:absolute; top:12px; right:60px; white-space:pre; padding:0 15px; line-height:30px; background:#8b929c; color:#fff; font-size:0.75em; border-radius:5px } 
#quick .qk_tit:after { content:""; position:absolute; top:10px; right:-8px; display:inline-block; width:0; height:0; border-style:solid; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #8b929c; color:transparent } 
#quick li:hover .qk_tit { display:block } 

#tabs_con { height:100%; text-align:left } 

.side_mn_wr1 { display:none; width:230px; overflow-y:auto; height:100% } 
.side_mn_wr2 { display:none; width:230px; overflow-y:auto; height:100% } 
.side_mn_wr3 { display:none; width:230px; overflow-y:auto; height:100% } 
.side_mn_wr4 { display:none; width:230px; overflow-y:auto; height:100% } 
.btn_sm_on i { color:#3a8afd } 

.qk_con { display:none; position:relative; width:230px; height:100%; background:#fff; border-left:1px solid #f0f0f0 } 
.qk_con h2.s_h2 { position:relative; margin:0; font-size:1.25em; padding:15px; border-bottom:1px solid #e5e7ea } 
.qk_con h2.s_h2 span { display:inline-block; min-width:20px; padding:2px 8px; border-radius:30px; text-align:center; background:#eff5ff; color:#3b8afc; font-size:0.7em; font-weight:normal; vertical-align:text-bottom } 
.qk_con_wr { padding:0; height:100%; overflow-y:auto } 
.qk_con_wr .btn_side_shop { position:relative; width:100%; height:30px; background:none; border:0; text-align:left; font-weight:bold } 
.qk_con_wr .btn_side_shop span { position:absolute; top:5px; right:0; padding:0 5px; line-height:20px; border-radius:10px; color:#fff; background:#ed1c24 } 
.qk_con_wr .con_close { position:fixed; top:0; right:230px; width:50px; height:50px; border:0; background:none; font-size:25px; color:#dedede } 
.qk_con_wr .con_close:hover { color:rgba(0,0,0,0.8) } 
.qk_con_wr .side_tnb { padding:25px } 
.qk_con_wr .side_tnb li a { display:block; line-height:28px; color:#465168; padding:5px 0 } 
.qk_con_wr .side_tnb li:hover a { color:#3a8afd } 

#category { 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) } 
#category h2 { font-size:1.3em; padding:15px 20px; border-bottom:1px solid #e7eeef } 
#category ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#category ul li:nth-child(5n+1) { border-left:0 } 
#category .cate_li_1 { float:left; width:20%; min-height:150px; padding:20px; border-left:1px solid #e7eeef } 
#category .cate_li_1_a { font-size:1.2em; display:block; position:relative; margin-bottom:10px; font-weight:bold; color:#3a8afd } 
#category .cate_li_2 { line-height:2em } 
#category .cate_li_2 a { color:#555 } 
#category .close_btn { position:absolute; top:0; right:0; width:50px; height:50px; background:#fff; color:#b6b9bb; border:0; vertical-align:top; font-size:18px } 
#category_all_bg { display:none; background:rgba(0,0,0,0.1); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999 } 
#category .no-cate { text-align:center; padding:15px } 


/* 중간 레이아웃 */
/* #wrapper { z-index:5; margin:0 auto; width:1200px; position:relative } */
#wrapper { z-index:5; position:relative; width:100%; background:#f6f6f6 } 
#wrapper.is_community { background:#fff } 
#wrapper:after { display:block; visibility:hidden; clear:both; content:"" } 
#wrapper_title { padding:20px 0; font-size:2em; font-weight:bold } 

.lt_wr { width:49% } 
.lt_wr:nth-child(2n+1) { clear:both } 

/* aside + wrapper */
#aside { position:absolute; top:0; left:0; margin:0 10px 0 0; width:265px } 
#side_pd { position:relative; border:1px solid #dde7e9; background:#fff; border-radius:3px; margin-bottom:15px } 
#side_pd h2 { border-bottom:1px solid #e8e8e8; padding:15px } 
#side_pd .bx-wrapper { padding-bottom:10px; height:400px; overflow:hidden } 
#side_pd .bx-controls { display:inline-block; position:absolute; right:10px; top:12px } 
#side_pd .bx-prev { display:inline-block; width:20px; height:20px; text-indent:-9999em; background:url('../img/btn_prev.png') no-repeat } 
#side_pd .bx-next { display:inline-block; width:20px; height:20px; text-indent:-9999em; background:url('../img/btn_next.png') no-repeat } 

/* #container { position:relative; margin:0 auto; width:1200px; min-height:500px; height:auto !important } 
#container:after { display:block; visibility:hidden; clear:both; content:"" } */
/* #container .shop-content { position:relative; padding:1px 0 } */
/* #container .is_index { margin-left:285px; } */
.shop-content #bo_v { margin-top:20px } 

#idx_hit { /* overflow:hidden; */ } 
/* #idx_hit:after { display:block; visibility:hidden; clear:both; content:"" } 
#idx_hit .owl-prev { position:absolute; top:50%; left:0; width:36px; height:36px; margin-top:-20px; text-indent:-9999em; background:url('../img/btn_idx_left.png') no-repeat } 
#idx_hit .owl-next { position:absolute; top:50%; right:0; width:36px; height:36px; margin-top:-20px; text-indent:-9999px; background:url('../img/btn_idx_right.png') no-repeat } 
 */

.sale_prd h2 { font-size:1.167em; margin:20px 0 10px } 
.st_bg { display:inline-block; width:1px; height:10px; margin:0 10px; background:#e2e1e0; vertical-align:-1px } 

/* 텍스트 크기 조절 */
#text_size { display:none; position:absolute; top:-31px; left:-1px } 
#text_size button { padding:0 10px; height:30px; border:1px solid #cfded8; border-bottom:0; background:#000; color:#fff; cursor:pointer } 

/* 하단 레이아웃 */
#ft { background:#212020; margin:0 auto; text-align:center } 
#ft h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#ft_wr { max-width:1240px; margin:0; padding:40px 0; position:relative; display:inline-block; text-align:left } 
#ft_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
#ft_wr .ft_cnt { width:25%; float:left; padding:0 20px } 

#ft_link { text-align:left } 
#ft_link a { display:block; color:#fff; line-height:2em; font-weight:bold } 
#ft_company h2 { font-size:1.2em; margin-bottom:20px } 
#ft_company { font-weight:normal; color:#e3e3e3; line-height:2em } 
#ft_catch { margin:20px 0 10px } 
#ft_copy { text-align:center; width:1200px; margin:0 auto; padding:20px 0; color:#5b5b5b; font-size:0.92em; border-top:1px solid #383838 } 


/* 쇼핑몰 회원가입 */
#container .register { margin-bottom:30px } 
#register_form .register_form_inner { background:#fff } 
.register #register_form { background-color:initial } 

/* 쇼핑몰 비회원 주문조회 */
#mb_login_od_wr { margin:20px auto 0; border:1px solid #dde7e9; width:360px; background:#fff; text-align:center } 
#mb_login_od_wr h2 { font-size:1.25em; margin:20px 0 10px } 
/*#mb_login_od_wr #mb_login_od { padding:0 35px } */
#mb_login_od_wr .frm_input { width:100%; margin:10px 0 0 } 
#mb_login_od_wr .btn_submit { width:100%; margin:10px 0 0; height:45px; font-weight:bold; font-size:1.25em } 
#mb_login_od_wr p { background:#f3f3f3; margin:20px 0 0; padding:15px 20px; line-height:1.5em } 

#mb_login #sns_login { margin-top:0; border-color:#edeaea; padding:25px } 
#mb_login #sns_login:after { display:block; visibility:hidden; clear:both; content:"" } 
#mb_login #sns_login h3 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#mb_login #sns_login .sns-wrap { margin:0 !important } 
#mb_login #sns_login .sns-icon { width:49% !important; float:left !important } 
#mb_login #sns_login .sns-icon:nth-child(odd) { margin-right:2% } 
#mb_login #sns_login .txt { font-size:0.95em; padding-left:5px !important; border-left:0 !important } 

/*쇼핑몰 비회원 구매*/
#mb_login_notmb { width:360px; margin:30px auto; padding:20px 30px; background:#fff; border:1px solid #dde7e9 } 
#mb_login_notmb h2 { font-size:1.25em; margin:10px 0; text-align:center } 
#mb_login_notmb p { text-align:left } 
#mb_login_notmb label { text-align:left } 
#guest_privacy { border:1px solid #ccc; text-align:left; line-height:1.6em; color:#666; background:#fafafa; padding:10px; height:150px; margin:10px 0; overflow-y:auto } 
#mb_login_notmb .btn_submit { display:block; text-align:center; margin-top:10px; line-height:45px } 

/* 쇼핑몰 로그인 */
.mb_log_cate h2 { width:50%; float:left; padding:20px 0; text-align:center } 
.mb_log_cate .join { width:50%; float:left; padding:20px 0; text-align:center; background:#f7f7f7; color:#6e6e6e } 
.mb_log_cate:after { display:block; visibility:hidden; clear:both; content:"" } 
.mbskin .chk_box input[type="checkbox"] + label span { position:relative } 

/* 새글 */
.is_community .tbl_head01 td { color:#666; padding:10px 5px; border-top:1px solid #ecf0f1; border-bottom:1px solid #ecf0f1; border-left:0 none; line-height:1.4em; height:60px; word-break:break-all } 

/* 글쓰기 및 글보기 */
.is_community .chk_box input[type="checkbox"] + label span { top:2px; left:0 } 
.is_community .bo_fx { margin-bottom:20px } 

/* 화면낭독기 사용자용 */
#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; font-size:0; line-height:0; border:0 !important; overflow:hidden !important } 

/* 본문 바로가기 */
#skip_to_container a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#skip_to_container a:focus, #skip_to_container a:active { width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em } 

/* 이미지 등비율 리사이징 */
.img_fix { width:100%; height:auto } 

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

/* ckeditor 단축키 */
.cke_sc { margin:0 0 5px; text-align:right } 
.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; font-size: 12px; } 
.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% } 

/* 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화면으로 */
#mobile_cng { display:block; margin:0.3em; padding:0.5em 0; border:1px solid #eee; border-radius:2em; background:#fff; color:#000; font-size:2em; text-decoration:none; text-align:center } 

/* 목록 바로가기 */
.sanchor { margin:30px 0 20px; padding:0 } 
.sanchor:after { display:block; visibility:hidden; clear:both; content:"" } 
.sanchor li { float:left; width:20%; text-align:center; list-style:none } 
.sanchor li a { display:block; position:relative; height:60px; margin-left:-1px; background-color:#f7f7f7; border:1px solid #cdcdcd; border-bottom:1px solid #000; font-size:1.25em; color:#666; line-height:58px; text-align:center; z-index:1 } 
.sanchor li .sanchor_on { margin:0 0 0 -1px; border:1px solid #000; background:#fff; z-index:2; border-bottom-color:#fff; color:#000; font-weight:bold } 
.sanchor li a .item_qa_count,.sanchor li a .item_use_count { display:inline-block; background:#aaa; padding:0 5px; line-height:23px; border-radius:15px; color:#fff; min-width:23px; font-size:12px } 
.sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count { background:#55bfb1 } 

/* 콘텐츠별 스타일 */
.cnt_cmt { display:inline-block; margin:0 0 0 3px; font-weight:bold } 

/* 버튼 */
a.btn,.btn { font-family: var(--font-Pretendard); line-height:35px; height:35px; padding:0 10px; text-align:center; font-weight:bold; border:0; font-size:1.4em; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out; transition:background-color 0.3s ease-out } 

a.btn01 { display:inline-block; padding:7px; border:1px solid #bababa; border-radius:3px; background:#fff; color:#717171; text-decoration:none; vertical-align:middle } 
a.btn01:focus, a.btn01:hover { text-decoration:none } 
button.btn01 { display:inline-block; margin:0; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none } 
a.btn02 { display:inline-block; padding:7px; background:#3a8afd; color:#fff; border-radius:3px; text-decoration:none; vertical-align:middle } 
a.btn02:focus, .btn02:hover { text-decoration:none } 
button.btn02 { display:inline-block; margin:0; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none } 

.btn_confirm { display: flex; text-align: center; align-items: stretch; justify-content: center; gap: 10px; } /* 서식단계 진행 */

.btn_submit { border: 1px solid var(--color-main); background: var(--color-main); color:#fff; cursor:pointer; border-radius:3px } 
.btn_close { border:1px solid #dcdcdc; cursor:pointer; border-radius:3px; background:#fff } 
a.btn_close { text-align:center; line-height:50px } 

a.btn_cancel { display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle } 
button.btn_cancel { display:inline-block; background:#969696; color:#fff; text-decoration:none; vertical-align:middle } 
.btn_cancel:hover { background:#aaa } 
a.btn_frmline, button.btn_frmline { display:inline-block; width:128px; padding:0 5px; height:40px; border:0; background:#434a54; border-radius:3px; color:#fff; text-decoration:none; vertical-align:top } /* 우편번호검색버튼 등 */
a.btn_frmline { } 
button.btn_frmline { font-size:1em } 
a.btn_frmline { line-height:24px } 

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 { display:inline-block; color:#bababa; text-decoration:none; vertical-align:middle; border:0; background:transparent } 
.btn_b01:hover, .btn_b01:hover { color:#000 } 
a.btn_b02,.btn_b02 { display:inline-block; background:#253dbe; padding:0 10px; color:#fff; text-decoration:none; border:0; vertical-align:middle } 
a.btn_b02:hover, .btn_b02:hover { background:#0025eb } 
a.btn_b03, .btn_b03 { display:inline-block; background:#fff; border:1px solid #b9bdd3; color:#646982; text-decoration:none; vertical-align:middle } 
a.btn_b03:hover, .btn_b03:hover { background:#ebedf6 } 
a.btn_b04, .btn_b04 { display:inline-block; background:#fff; border:1px solid #ccc; color:#707070; text-decoration:none; vertical-align:middle } 
a.btn_b04:hover, .btn_b04:hover { color:#333; background:#f9f9f9 } 
a.btn_admin,.btn_admin { display:inline-block; color:#d13f4a; text-decoration:none; vertical-align:middle } /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover { color:#ff3746 } 

/* 선택수정 버튼 */
.btn_list { margin:0 auto; width:93% } 
.btn_list input, .btn_list button { background:none repeat scroll 0 0 #617D46; border:0 none; color:#FFFFFF; height:28px; line-height:2.2em; padding:0 15px; vertical-align:middle } 

/* 기본테이블 */
.tbl_wrap table { width:100%; border-collapse:collapse; border-spacing:0 } 
.tbl_wrap caption { padding:10px 0; font-weight:bold; text-align:left } 

.tbl_head01 { margin:0 0 10px } 
.tbl_head01 table { } 
.tbl_head01 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 
.tbl_head01 thead th { padding:12px 0; border-top:2px solid #000; border-bottom:1px solid #d3d3d3; background:#fff; 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:0 0 10px } 
.tbl_head02 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 
.tbl_head02 thead th { padding:7px; background:#f3f3f3; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3 } 
.tbl_head02 thead a { color:#383838 } 
.tbl_head02 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td { padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; 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_head02 a { } 

.tbl_head03 { margin:0 0 10px } 
.tbl_head03 table { border-bottom:1px solid #d3d3d3 } 
.tbl_head03 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 
.tbl_head03 thead th { padding:20px 0; border-top:2px solid #959da6; border-bottom:1px solid #d3d3d3; color:#383838; font-size: 18px; text-align:center; letter-spacing:-0.1em } 
.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-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center } 
.tbl_head03 tbody th { padding:10px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9 } 
.tbl_head03 td { background:#fff; background-clip:padding-box; padding:25px 15px; border-top:1px solid #ccd2d9; border-left:1px solid #f6f6f6; line-height:1.5em; word-break:break-all } 
.tbl_head03 td:first-child { border-left:0 } 
.tbl_head03 a { } 

/* 폼 테이블 */
.tbl_frm01 { margin:0 0 20px } 
.tbl_frm01 table { width:100%; border-collapse:collapse; border-spacing:0 } 
.tbl_frm01 th { width:90px; padding:5px 10px; background:none; text-align:right; font-weight:normal } 
.tbl_frm01 td { padding:5px 10px; background:transparent } 
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input { border:1px solid #d0d3db; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; -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) } 
.tbl_frm01 textarea { padding:2px 2px 3px } 
.frm_input { height:45px } 

.full_input, .frm_address { width:100% } 
.half_input { width:49.5% } 
.tbl_frm01 textarea { width:100%; height:100px } 
.tbl_frm01 a { text-decoration:none } 
.tbl_frm01 .frm_address { margin-top:5px } 
.tbl_frm01 .frm_file { display:block; margin-bottom:5px } 
.tbl_frm01 .frm_info { display:block; padding:0 0 5px; line-height:1.4em } 

/*기본리스트*/
.list_01 li { position:relative; border:1px solid #dbdbdb; border-radius:3px; margin:8px 0; padding:10px 15px; list-style:none } 
.list_01 li:after { display:block; visibility:hidden; clear:both; content:"" } 
.list_01 li:hover { background:#f9f9f9 } 

.list_02 ul:after { display:block; visibility:hidden; clear:both; content:"" } 
.list_02 li { float:left; width:225px; margin:10px 0 20px 18px } 
.list_02 li:nth-child(5n+1) { clear:both; margin-left:0 } 

/*폼 리스트*/
.form_01 h2 { margin:0 0 10px; font-size:1.25em } 
.form_01 li { margin:10px 0 } 
.form_01 li:after { display:block; visibility:hidden; clear:both; content:"" } 
.form_01 li .right_input { float:right } 
.form_01 textarea { height:100px; width:100% } 
.form_01 .frm_label { display:inline-block; width:130px } 
.form_01 .form_left { float:left; width:49.5% } 
.form_01 .form_right { float:right; width:49.5% } 

/* 자료 없는 목록 */
.empty_table { padding:50px 0 !important; text-align:center; color:#777 !important } 
.empty_list, .empty_li { padding:20px 0 !important; text-align:center !important; color:#777 !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:90px } 
.grid_3 { width:140px } 
.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_board { width:120px; text-align:center } 
.td_chk { width:30px; text-align:center } 
.td_date { width:60px; text-align:center } 
.td_datetime { width:110px; text-align:center } 
.td_default { width:60px; text-align:center } 
.td_dvr { width:100px; text-align:center } 
.td_group { width:100px; text-align:center } 
.td_imgsmall { width:60px; text-align:center } 
.td_num { width:80px; text-align:center } 
.td_numbig { width:100px; text-align:center } 
.td_nick { width:100px; text-align:center } 
.td_name { width:100px; text-align:left } 
.td_namesmall { width:50px; text-align:left } 
.td_mb_id { width:100px; text-align:center } 
.td_mng { width:80px; text-align:center } 
.td_mngsmall { width:100px; text-align:center } 
.td_statsmall { width:50px; text-align:center } 

.text_left { text-align:left !important } 
.text_center { text-align:center !important } 
.text_right { text-align:right !important } 

/* 새창 기본 스타일 */
.new_win { position:relative; background:#fff } 
.new_win .tbl_wrap { margin:0 20px } 
.new_win #win_title { font-size:1.3em; height:50px; line-height:30px; padding:10px 20px; background:#fff; color:#000; -webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1) } 
.new_win #win_title .sv { font-size:0.75em; line-height:1.2em } 
.new_win .win_ul { margin-bottom:15px; padding:0 20px } 
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .win_ul li { float:left; background:#fff; text-align:center; padding:0 10px; border:1px solid #d6e9ff; border-radius:30px; margin-left:5px } 
.new_win .win_ul li:first-child { margin-left:0 } 
.new_win .win_ul li a { display:block; padding:8px 0; color:#6794d3 } 
.new_win .win_ul .selected { background:#3a8afd; border-color:#3a8afd; position:relative; z-index:5 } 
.new_win .win_ul .selected a { color:#fff; font-weight:bold } 
.new_win .win_desc { position:relative; margin:10px; border-radius:5px; font-size:1em; background:#f2838f; color:#fff; line-height:50px; text-align:left; padding:0 20px } 
.new_win .win_desc i { font-size:1.2em; vertical-align:baseline } 
.new_win .win_desc:after { content:""; position:absolute; left:0; top:0; width:4px; height:50px; background:#da4453; border-radius:3px 0 0 3px } 
.new_win .frm_info { font-size:0.92em; color:#919191 } 
.new_win .win_total { float:right; display:inline-block; line-height:30px; font-weight:normal; font-size:0.75em; color:#3a8afd; background:#f6f6f6; padding:0 10px; border-radius:5px } 
.new_win .new_win_con { margin:20px 0; padding:20px } 
.new_win .new_win_con:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .new_win_con2 { margin:20px 0 0 } 
.new_win .btn_confirm:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .win_btn { text-align:center; padding-bottom:30px } 
.new_win .btn_close { overflow:hidden; cursor:pointer; padding: 0 15px; height: 35px; font-size: 16px; font-weight: 600; line-height: 1.0; color: #000; } 
.new_win .btn_submit { padding: 0 15px; height: 35px; font-size: 16px; font-weight: 600; line-height: 1.0; } 

/* 게시물 선택복사 선택이동 */
.new_win { } 
.new_win .win_desc { text-align:center; display:block } 
.new_win .tbl_wrap { margin:20px } 
.new_win .win_btn { padding:0 20px 20px } 
.new_win .copymove_current { float:right; background:#ff3061; padding: 0 5px; color:#fff; font-size: 14px; border-radius:3px } 
.new_win .copymove_currentbg { background:#f4f4f4 } 


/* 자바스크립트 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:3px !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 { margin:10px 0 30px; text-align:center } 
.pg_wrap:after { display:block; visibility:hidden; clear:both; content:"" } 
.pg { text-align:center } 
.pg_page, .pg_current,.qa_page { display:inline-block; margin: 0 10px; vertical-align:middle; } 
.pg a:focus, .pg a:hover { text-decoration:none } 
.pg_page,.qa_page { color: #666; font-size: 15px; font-weight: 500; min-width: 30px; } 
.pg_page:hover,.qa_page:hover { background-color:#fafafa } 
.pg_start { text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee } 
.pg_prev { text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee } 
.pg_end { text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee } 
.pg_next { text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #eee; padding:0; border:1px solid #eee } 
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover { background-color:#fafafa } 

.pg_current { color: var(--color-main); font-weight: 700; } */
.pg_wrap { } 
.pg_wrap > ul { display: flex; justify-content: center; align-items: center; gap: 20px; } 
.pg_page,
.pg_current { color: #666; font-size: 15px; font-weight: 500; transition: .35s; } 
.pg_page:hover { color: #333; } 
.pg_current { color: var(--color-main); font-weight: 700; } 
.pg_prev,
.pg_next { display: block; width: 40px; aspect-ratio: 1 / 1; border: 1px solid var(--color1); border-radius: 50%; box-sizing: border-box; position: relative; } 
.pg_prev::before,
.pg_next::before { content: ''; display: block; width: 10px; height: 10px; border-style: solid; border-color: var(--color-main); transform: rotate(45deg) translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } 
.pg_prev::before { border-width: 0 0 2px 2px; margin: 2px 0 0 -3px; } 
.pg_next::before { border-width: 2px 2px 0 0; margin: 3px 0 0 -6px; } 

@media all and (max-width: 640px){
 .pg_wrap > ul { gap: 15px; } 
 .pg_prev, 
 .pg_next { width: 30px; height: 30px; } 
 .pg_prev::before,
 .pg_next::before { width: 8px; height: 8px; } 
 .pg_prev::before { margin: 2px 0 0 -2px; } 
 .pg_next::before { margin: 2px 0 0 -5px; } 
 }

/* 팁 */
.tooltip_icon { display:inline-block; vertical-align:middle; color:#b3b5b8; border:0; font-size:1.4em; background:transparent; cursor:pointer } 
.tooltip_icon:hover { color:#448bf5 } 
.tooltip { position:relative; width:auto; color:#fff; background:#000; padding:10px; font-size:small; line-height:18px; display:none; position:absolute; z-index:9; font-weight:normal; margin-left:15px; margin-top:20px } 
.tooltip:before { content:""; position:absolute; top:0; left:-10px; width:0; height:0; border-style:solid; border-top:0px solid transparent; border-bottom:10px solid transparent; border-left:0; border-right:10px solid #000 } 

.tooltip_txt { position:relative; text-align:left; color:#fff; height:50px; line-height:50px; font-size:1.1em; background:#f2838f; margin:0 0 10px; padding:0 20px; border-radius:5px; font-weight:bold } 
.tooltip_txt:before { content:""; position:absolute; top:0; left:0; width:5px; height:50px; border-radius:5px 0 0 5px; background:#da4453 } 
.tooltip_txt i { font-size:1.2em; vertical-align:middle } 


/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img { margin:0 0 20px } 
#sidx_img img { max-width:100%; height:auto } 


/* 상품 메일 추천하기 */
#sit_rec_new { } 
#sit_rec_new th,
#sit_rec_new td { display:block; width:100% } 
#sit_rec_new th { text-align:left; margin-top:20px; margin-bottom:5px } 
#sit_rec_new textarea { width:100%; min-height:100px } 
#sit_rec_new .win_btn { margin:20px 0 } 

/* 마이페이지 */
#smb_my { position:relative; margin-bottom:30px; padding-top:50px } 
#smb_my .cinner { display: flex; align-items: flex-start; gap: 80px; } 

/* 마이페이지 aside */
#smb_my_ov { flex: 0 0 auto; width:265px; border:1px solid #e8e8e8; background:#fff; } 
#smb_my_ov h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#smb_my_ov .smb_me { display:block; background:#fff; border-bottom:1px solid #e8e8e8; padding:20px; text-align:center; } 
#smb_my_ov .smb_me img { width: 60px; margin: 0 auto 10px; border-radius: 10px; } 
#smb_my_ov .smb_me .my_ov_name { display:inline-block; margin-bottom:10px; font-size: 1.10em; } 
#smb_my_ov .smb_me a { display:inline-block; font-size: 14px; height:28px; line-height:22px; border:1px solid #d5d9dd; color: #454545; border-radius: 30px; padding: 2px 15px; } 
#smb_my_ov .smb_me a.smb_info { /* color:#3a8afd; */ } 

#smb_private:after { display:block; visibility:hidden; clear:both; content:"" } 
#smb_private { padding:10px 0 } 
#smb_private li { text-align:left; position:relative; text-align:left } 
#smb_private a { display:block; background:#fff; color: #222; font-size: 16px; padding:10px 20px 10px 25px } 
#smb_private a strong { display:inline-block; float:right; max-width:87px; overflow:hidden; white-space:nowrap; text-overflow:clip; color: #222; padding: 0 10px; border: 1px solid #222; border-radius:15px; font-size: 14px; } 
#smb_private a:hover strong { border-color: var(--color-main); color: var(--color-main); } 
#smb_private li a:hover { color: var(--color-main); } 
#smb_private li a:hover:after { position:absolute; left:0; top:0; width:2px; height:100%; background: var(--color-main); content:"" } 
#smb_private li i { color: #222; margin-right: 10px; } 
#smb_private li:hover i { color: var(--color-main); } 
/* #smb_private .win_point strong { background:#37bc9b; color:#fff } 
#smb_private .win_memo strong { background:#ff8b77; color:#fff } 
#smb_private .win_scrap strong { background:#8cc152; color:#fff } 
#smb_private .win_coupon strong { background:#a352c1; color:#fff } */

#smb_my_ov h3 { font-size: 18px; padding:20px 20px 10px; border-top:1px solid #e8e8e8 } 
#smb_my_ov .op_area { border-top:0; padding:0 20px; line-height:18px; color:#555 } 
#smb_my_ov .op_area:after { display:block; visibility:hidden; clear:both; content:"" } 
#smb_my_ov .op_area dt { margin:5px 0; padding-top:5px; font-weight: 600; color: #444; font-size: 16px; line-height:20px } 
#smb_my_ov .op_area dd { margin:5px 0; padding-bottom:10px; border-bottom:1px dashed #e5e5e5; font-size: 15px; } 
#smb_my_ovaddt { border-bottom:0 !important } 
#smb_my_ovaddd { border-bottom:0 !important } 

.withdrawal { display:block; padding:10px 20px; border-top:1px solid #e8e8e8; color:#c7c7c7; font-size: 14px; } 

/* 마이페이지 list */
#smb_my_list { /* float:left; */width: 100%; } 

#smb_my_od h2 { margin:0 0 10px; font-size:1.25em } 
#smb_my_od { position:relative; margin:0 0 50px } 
.smb_my_od { background:#fff } 
.smb_my_od li { padding:15px; border-bottom:1px solid #ececec } 
.smb_my_od li:last-child { border-bottom:0 } 
.smb_my_od li:after { display:block; visibility:hidden; clear:both; content:"" } 
.smb_my_od li:hover { background:#fff6f6 } 
.smb_my_od .smb_my_od_li { float:left; line-height:18px } 
.smb_my_od .smb_my_od_li1 { width:140px; text-align:center } 
.smb_my_od .smb_my_od_li2 { width:75%; padding:0 20px } 
.smb_my_od .smb_my_od_li3 { width:80px; float:right; text-align:center } 

.smb_my_od .ord_num,
.smb_my_od .ord_name { font-size:1.2em; font-weight:bold; letter-spacing:-0.5px } 
.smb_my_od .date { color:#b5b5b5 } 
.smb_my_od .cost { color:#3a8afd; font-weight:bold } 
.smb_my_od .misu { color:#6d6d6d } 

#smb_my_wish { position:relative; margin-bottom:30px } 
#smb_my_wish h2 { font-size:1.25em; padding:0 0 20px; } 
#smb_my_wish ul { display: flex; flex-wrap: wrap; gap: 40px; } 
#smb_my_wish ul > li { display: flex; flex-direction: column; width: calc(25% - 30px); position:relative; } 
#smb_my_wish .smb_my_chk { position:absolute; top: 8px; left: 8px; } 
#smb_my_wish .smb_my_chk > .sold_out { padding: 5px 11px; border-radius: 5px; background: #333; color: #fff; font-size: 14px; font-weight: 500; } 
#smb_my_wish .smb_my_img { width: 100%; } 
#smb_my_wish .smb_my_img a { display: block; width: 100%; height: 100%; border-radius: 15px; overflow: hidden; position: relative; } 
#smb_my_wish .smb_my_img a::before { content: ''; display: block; width: 0; padding-top: 100%; } 
#smb_my_wish .smb_my_img a > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: .35s; } 
#smb_my_wish .smb_my_img a:hover > img { opacity: .7; } 
#smb_my_wish .smb_my_info { position:relative; border-bottom:1px solid #e0e0e0; margin-top: 15px; } 
#smb_my_wish .smb_my_info .top-info { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; color: #868686; } 
#smb_my_wish .smb_my_info .top-info > .duration { display: inline-block; max-height: 22px; padding: 0 10px; border: 1px solid #868686; border-radius: 11px; box-sizing: border-box; font-size: 14px; font-weight: 600; } 
#smb_my_wish .smb_my_info .top-info > .desc { font-size: 16px; font-weight: 500; line-height: 1.2; display: -ms-flexbox; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } 
#smb_my_wish .smb_my_info .smb_my_tit { min-height: 44px; margin-bottom: 5px; font-size: 18px; font-weight: 500; line-height: 1.3; display: -ms-flexbox; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; } 
#smb_my_wish .smb_my_info .smb_my_price > p { color: var(--color1); font-weight: 700; } 
#smb_my_wish .smb_my_info .smb_my_price > p > span { color: #B3B3B3; font-size: 17px; font-weight: 500; } 
#smb_my_wish .smb_my_info .bot-info { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; margin-top: 8px; font-size: 15px; font-weight: 500; } 
#smb_my_wish .smb_my_info .bot-info > .count { display: inline-flex; align-items: center; gap: 4px; padding: 5px 11px; border-radius: 15px; background: var(--color1); color: #fff; font-weight: 600; line-height: 1.0; position: relative; } 
#smb_my_wish .smb_my_info .bot-info > .count::before { content: ''; display: block; width: 15px; height: 14px; background: url(../img/common/ico-people.svg) center center / cover no-repeat; } 
#smb_my_wish .smb_my_info .bot-info > .type { color: var(--color1); } 
#smb_my_wish .smb_my_info .bot-info > .tag { color: #868686; } 
#smb_my_wish .smb_my_date { } 
#smb_my_wish li .wish_del { width: 24px; height: 24px; margin-top: 5px; margin-left: auto; line-height: 24px; text-align:center; background:#e6e6e6; display:block; font-size: 14px; color:#777 } 
#smb_my_wish li .wish_del:hover { background:#777; color:#fff } 

.smb_my_more { position:absolute; top:0; right:0 } 
.smb_my_more a { display:block; background:url('../img/more-btn.gif') no-repeat 0 2px; padding-left:20px; height:30px; font-size: 14px; } 

#smb_ws_act { text-align:center; margin:20px 0 30px } 
#smb_ws_act .btn01 { width:180px; height:50px; font-weight: 600; font-size: 1.0em; border:1px solid #98a3b3; border-radius:3px } 
#smb_ws_act .btn02 { width:180px; height:50px; font-weight: 600; font-size: 1.0em; border: 1px solid var(--color-main); border-radius:3px; background: var(--color-main); } 

@media all and (max-width: 1399px){
 #smb_my_wish ul { gap: 20px; } 
 #smb_my_wish ul > li { width: calc(25% - 15px); } 
 }
@media all and (max-width: 1199px){
 #smb_my .cinner { gap: 30px; } 
 #smb_my_ov { width: 240px; } 
 }
@media all and (max-width: 1024px){
 #smb_my .cinner { flex-direction: column; } 
 #smb_my_ov { width: 100%; } 
 }
@media all and (max-width: 768px){
 #smb_my_wish ul > li { width: calc(33.333% - 13.333px); } 
 }
@media all and (max-width: 640px){
 #smb_my_wish ul > li { width: calc(50% - 10px); } 
 }
@media all and (max-width: 480px){
 #smb_my_wish ul > li { width: 100%; } 
 }


/* 장바구니 주문서 공통 */
.od_prd_list .td_chk { } 
.od_prd_list .td_prd { border-left:0; position:relative; padding-left:120px; min-height:100px } 
.od_prd_list .td_prd .sod_img { position:absolute; top:25px; left:20px } 
.od_prd_list .td_prd .sod_name { min-height:80px } 
.od_prd_list .td_prd .prd_name { font-size:1.2em } 
.od_prd_list .total_prc { color:#000; font-weight:bold; /* font-size:1.4em; */ } 

.sod_opt { margin:5px 0 } 
.sod_opt ul { display:inline-block; margin:0; padding:0; list-style:none } 
.sod_opt li { color:#000; padding:3px 0; line-height:1.3em } 
.sod_opt li:before { content:"옵션"; display:inline-block; margin:1px 5px 2px 0; padding:3px; border-radius:3px; background:#e2eaf6; line-height:1em; color:#3a8afd } 
.sod_option_btn .mod_options { height:30px; margin:5px 0 0; padding:0 5px; border:1px solid #d4d6db; color:#606060; font-size: 16px; background:#fff; border-radius:3px } 
.cp_btn { padding:0 10px; border:1px solid #d4d6db; color:#3a8afd; background:#fff; height:26px; border-radius:3px } 
.cp_cancel { padding:0 10px; border:1px solid #aaa; color:#666; background:#fff; height:26px; border-radius:3px } 

/* 장바구니 */
#sod_bsk { padding:100px 0 } 
#sod_bsk .cinner { padding:100px 0 } 
.btn_cart_del { padding:20px 0; border-bottom:1px solid #ccd2d9 } 
.btn_cart_del button { height:30px; padding:0 10px; border:1px solid #d4d6db; border-radius:5px; background:#fff; color:#666; font-size: 14px; } 
#sod_bsk_list { position:relative } 
#sod_bsk #sod_bsk_tot { border:1px solid #212a37; margin:20px 0 } 
#sod_bsk #sod_bsk_tot ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#sod_bsk #sod_bsk_tot li { float:left; width:33.333%; background:#4a505a; color:#fff; border-left:1px solid #212a37; text-align:right; padding:25px; font-size:1.167em } 
#sod_bsk #sod_bsk_tot li:first-child { border:0 } 
#sod_bsk #sod_bsk_tot li span { display:inline-block; float:left } 
#sod_bsk #sod_bsk_tot .sod_bsk_cnt { width:33.335%; background:#212a37 } 
#sod_bsk_act { text-align:center; margin-bottom:30px } 
#sod_bsk_act .btn_submit { height:50px; padding:0 10px; width:160px; font-size: 18px; font-weight: 600; } 
#sod_bsk_act .btn01 { height:50px; line-height:50px; padding:0 10px; width:160px; font-weight:bold; font-size: 18px; font-weight: 600; } 
#sod_bsk_act p { margin:0 0 10px } 

/* 장바구니 선택사항수정 */
#sod_bsk_list #mod_option_frm { max-width: 540px; width: 90%; height:auto !important; height:500px; max-height: 540px; border:1px solid #dde7e9; border-radius:3px; background:#fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000; overflow-y:auto; overflow-x:inherit } 
#sod_bsk_list .mod_option_bg { content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); display:block; z-index:9999 } 
#mod_option_frm h2 { border-bottom:1px solid #e8e8e8; padding:0 20px; line-height:50px; font-size: 1.0em; } 

.option_wr { padding:20px 20px 0 } 
.option_wr h3 { font-size: 18px; margin-bottom:10px } 
.option_wr .get_item_options,
.option_wr .get_item_supply { margin-bottom:10px } 
.option_wr label { display:block; margin:10px 0 5px; font-size: 17px; } 
.option_wr select { width:100%; height: 48px; padding: 0 10px; border:1px solid #d4d4d4; font-size: 18px; } 

#sit_opt_added { margin:0; padding:0; border-bottom:0; list-style:none } 
#sit_opt_added li { padding:0; background:#f9f9f9; border:1px solid #e6e9ed; position:relative } 
#sit_opt_added li:after { display:block; visibility:hidden; clear:both; content:"" } 
#sit_opt_added li .opt_name { font-size: 18px; font-weight: 600; } 
#sit_opt_added li .opt_count { } 
#sit_opt_added button { /* float:left; *//* width:30px; *//* height:30px; *//* border:1px solid #bdc9dc; *//* border-radius:0; *//* background:#fff; *//* color:#666; *//* font-size:0.92em; */ } 
#sit_opt_added button:hover { color:#000 } 
#sit_opt_added .num_input { /* float:left; *//* border:0; *//* height:30px; *//* border-top:1px solid #e4e4e4; *//* border-bottom:1px solid #e4e4e4; *//* text-align:center; */ } 
#sit_opt_added .sit_opt_del { position:absolute; right:0; top:0; font-size:15px; border:0; border-left:1px solid #e6e9ed; border-bottom:1px solid #e6e9ed } 
#sit_opt_added .sit_opt_del:hover { color:#be334a } 
#sit_opt_added .sit_opt_prc { display:block; float:right; width:100px; padding:0 3px; text-align:right; line-height:30px; font-size: 18px; font-weight:bold } 

#mod_option_frm #sit_sel_option { margin:20px 20px 10px } 
#mod_option_frm #sit_sel_option h3 { font-size: 1.0em; } 
#mod_option_frm #sit_tot_price { float:left; display:inline-block; margin:0 20px 20px; font-size: 18px; font-weight: 500; line-height: 1.4; } 
#mod_option_frm #sit_opt_added { } 
#mod_option_frm .btn_confirm { float:right; display:inline-block; margin:0 20px 20px; background:yellow } 
#mod_option_frm .btn_confirm .btn_submit { width:100px; height:40px; font-size: 18px; font-weight: 600; cursor:pointer } 
#mod_option_frm .btn_confirm .btn_close { position:absolute; top:0; right:0; width:50px; height:50px; border:0; background:none; font-size:1.25em; border-radius:0 } 
#mod_option_frm .btn_confirm .btn_close:hover { background:#f3f3f3 } 

/* 주문서 작성 */
#sod_frm { max-width: 1400px; margin: 0 auto; width:92%; padding-top:160px } 
#sod_frm p { margin:0 0 10px } 
#sod_frm .row { display: flex; gap: 20px; } 
#sod_frm .od_prd_list { margin-bottom: 20px; } 
#sod_list { position:relative } 
#sod_list #cp_frm { z-index:10000; position:absolute; top:50%; left:50%; width:540px; height:auto !important; height:500px; max-height:500px; margin-left:-270px; margin-top:-150px; border:1px solid #dde7e9; border-radius:3px; background:#fff; overflow-y:auto; overflow-x:inherit } 


.od_coupon h3 { border-bottom: 1px solid #cdcdcd; padding: 0 20px; line-height: 50px; margin: 0 0 15px; font-size: 1.25em; text-align:left; -webkit-box-shadow: 1px 2px 2px #eee; -moz-box-shadow: 1px 2px 2px #eee; box-shadow: 1px 2px 2px #eee; } 
.od_coupon .btn_close { position: absolute; top: 0; right: 0; width: 50px; height: 50px; border: 0; background: none; border-left: 1px solid #cdcdcd; font-size: 1.25em; } 
.od_coupon .btn_close:hover { background:#f3f3f3 } 
.od_coupon .tbl_head02 { margin:20px } 
.od_coupon .cp_apply { padding: 0 5px; border: 1px solid #38b2b9; color: #38b2b9; background: #fff; height: 23px; line-height: 21px; } 
.od_coupon td,#sod_frm_pay .od_coupon td { text-align:left; border-left:0; padding:7px } 
#sod_frm_pay .od_coupon th { width:auto; text-align:center; padding: 7px; background: #f3f3f3; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } 
.od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig { text-align:center; } 
.od_coupon .td_mngsmall { width:60px } 

/* 주문서 작성 - 왼쪽 */
.sod_left { max-width: 840px; width: 72%; } 

/* 주문서 작성 - 주문하시는 분 */
#sod_frm .tbl_frm01 { padding:20px 10px } 
#sod_frm .tbl_frm01 th,#sod_frm .tbl_frm01 td { text-align:left; padding:10px; vertical-align:top } 
#sod_frm .tbl_frm01 th { padding:0px 10px } 
#sod_frm .tbl_frm01 td input { width:100% } 
#sod_frm .tbl_frm01 td .addr input { width:20% } 
#sod_frm .tbl_frm01 td .addr button { background:#434a54; color:#fff; width:128px; height:45px; border:0; border-radius:3px } 

/* 주문서 작성 - 받으시는 분 */
#sod_frm_taker .tbl_frm01 { padding:20px 10px } 
#sod_frm_taker .tbl_frm01 .choice_place { display:block; background:#edf3fc; padding:10px 15px; border:1px solid #d1ddee; margin:0 10px 10px } 
#sod_frm_taker .tbl_frm01 .choice_place:after { display:block; visibility:hidden; clear:both; content:"" } 
#sod_frm_taker .tbl_frm01 .choice_place .chk_box { float:left; display:inline-block; width:85%; line-height:30px } 
#sod_frm_taker .tbl_frm01 .choice_tit { float:left; display:inline-block; width:15% !important; line-height:30px } 
#sod_frm_taker .tbl_frm01 .choice_place input[type="radio"] + label span { top:7px } 
#sod_frm_taker .tbl_frm01 .choice_place input,
#sod_frm_taker .tbl_frm01 .choice_place label { margin-left:10px } 
#sod_frm_taker .tbl_frm01 .btn_frmline { padding:0; width:80px; height:30px; line-height:28px; background:#fff; border:1px solid #d4d6db; color:#606060; text-align:center; float:right; font-size: 14px; } 

#sod_frm_taker .tbl_frm01 td input { width:100% } 
#sod_frm_taker .tbl_frm01 td .addr input { width:20% } 
#sod_frm_taker .tbl_frm01 td .addr button { background:#434a54; color:#fff; width:128px; height:45px; border:0; border-radius:3px } 
#sod_frm_taker .tbl_frm01 td .ad_choice { padding:5px 0 } 
#sod_frm_taker .tbl_frm01 td .ad_choice input { width:auto } 

#sod_frm_orderer, #sod_frm_taker { margin:0 0 30px; border:1px solid #e3e5e8; background:#fff } 
#sod_frm section h2 { border-bottom:1px solid #e2e4e7; font-size:1.167em; padding:20px } 
#sod_frm_orderer #od_addr_jibeon,
#sod_frm_taker #od_b_addr_jibeon { display:inline-block; margin:5px 0 0 } 

/* 5.4.1.3 버전이후 추가 css */
#sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01 { padding:0px 10px !important } 
#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td { padding:10px; line-height:45px } 
#sod_frm .tbl_frm01 th { width:94px } 
#sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date { width:40% } 
#sod_frm #od_zip,#sod_frm #od_b_zip { width:90px } 
#sod_frm .tbl_frm01 td .btn_address { background:#434a54; color:#fff; width:128px; height:45px; border:0; border-radius:3px } 
#sod_frm #od_memo { min-height:100px } 
#sod_frm_taker .order_choice_place { position:relative; background:#edf3fc; border:1px solid #d1ddee; padding-left:10px } 
#sod_frm_taker .tbl_frm01 .btn_frmline { float:none; position:absolute; top:8px; right:10px } 
#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%; min-height: 70px; text-align:center; border-bottom:1px solid #e7ebf1; padding:15px 0; font-size: 16px; } 
#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-size: 18px; font-weight: 600; } 
#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; min-height: 50px; padding:0 15px; line-height: 50px; text-align:right } 
#sod_frm #sod_bsk_tot li:last-child { border-bottom:0 none } 
#sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span { float:left; margin:0 } 
#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 { position:relative; margin:10px 0; margin-bottom:100px } 
#sod_frm #sod_frm_pay h2 { position:absolute; border:0; font-size:0; line-height:0; content:"" } 
#sod_frm_pay .pay_tbl table { width:100%; border-collapse:collapse } 
#sod_frm_pay .pay_tbl th { text-align:left; padding:10px; width:80px; border-bottom:1px solid #e7ebf1; background:#fff; font-size: 18px; font-weight: 600; color:#777 } 
#sod_frm_pay .pay_tbl td { text-align:right; padding: 10px; height:30px; border-bottom:1px solid #e7ebf1; background:#fff; font-size: 16px; } 
#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; } 
#sod_frm_pay .pay_tbl #od_send_cost2 { font-size: 20px; } 
#od_tot_price { margin:10px 0; background:#fff; line-height:40px; text-align:right; padding:0 10px } 
#od_tot_price span { float:left; font-weight:bold } 
#od_tot_price strong { font-size:1.5em; color:#ff006c } 
#sod_frm #sod_frm_pt_alert { margin:5px 0; color:#38b2bb; font-size: 16px; } 
#od_pay_sl h3 { font-size:1.167em; margin:20px 0 5px } 
#od_pay_sl input[type="radio"] { position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; text-indent:-999px; left: 0; z-index: -1; } 
#od_pay_sl .lb_icon { display: inline-block; float:left; width:50%; background:#fff; border:1px solid #eceff4; margin:-1px 0 0 -1px; cursor: pointer; height: 50px; position:relative; padding-left:65px; padding-top: 12px; 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 legend { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#sod_frm_paysel .KPAY { background:url('../../../img/kpay.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .PAYNOW { background:url('../../../img/paynow.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .PAYCO, #sod_frm_paysel .paycopay_icon { background:url('../../../img/payco.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .inicis_lpay, #sod_frm_paysel .lpay_icon { background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .inicis_kakaopay { position:relative; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .inicis_kakaopay em { position:absolute; top:15px; left:45px; width:70px; height:30px; background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00; overflow:hidden; text-indent:-999px; border-radius:30px } 
#sod_frm_paysel .kakaopay_icon { background:url('../../../img/kakao.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .naverpay_icon { background:url('../../../img/ico-default-naverpay.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .naverpay_icon.nhnkcp_icon { text-indent:0; background-position: 50% 30%; padding-top:35px; padding-left:0; text-align:center } 
#sod_frm_paysel .samsungpay_icon { background:url('../../../img/samsungpay.png') no-repeat 50% 50% #fff; display:inline-block; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .ssgpay_icon { background:url('../../../img/ssgpay_icon.png') no-repeat 50% 50% #fff; display:inline-block; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .skpay_icon { background:url('../../../img/skpay11_icon.png') no-repeat 50% 50% #fff; background-size: 70px; display:inline-block; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .bank_icon { background: url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff; } 
#sod_frm_paysel .vbank_icon { background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff } 
#sod_frm_paysel .iche_icon { background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff } 
#sod_frm_paysel .hp_icon { background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff } 
#sod_frm_paysel .card_icon { background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff } 
#forderform .sod_right #sod_bsk_tot { border:1px solid #e3e5e8 } 
#forderform .od_pay_buttons_el { margin-top:20px; border:1px solid #e3e5e8; background:#fff; padding:10px } 
#forderform .od_pay_buttons_el h3 { font-size:1.167em; margin:0px 0 5px } 
#forderform #sod_frm_pt { border-top:1px solid #e3e5e8 } 

.sod_right .pay_tbl { border:1px solid #e3e5e8; border-bottom:0 none } 
.sod_right #od_tot_price { border:1px solid #e3e5e8 } 
.chk_box input[type="radio"]:checked + label { color:#305af9 } 
.chk_box input[type="radio"]:checked + label span:before { width:7px; height:7px; background:#305af9; content:''; position:absolute; top:3px; left:3px; border-radius:50% } 

/* =========================
 CART RESPONSIVE (<=768px)
 ========================= */
@media (max-width: 1024px) { /* 전체 여백 줄이기 */
 #sod_bsk { padding: 60px 0; } 

 .tbl_head03.tbl_wrap table,
 .tbl_head03.tbl_wrap thead,
 .tbl_head03.tbl_wrap tbody,
 .tbl_head03.tbl_wrap tr,
 .tbl_head03.tbl_wrap th,
 .tbl_head03.tbl_wrap td { display: block; width: 100%; } 

 .tbl_head03.tbl_wrap thead { display:none; } 
 .tbl_head03.tbl_wrap tbody tr { border: 1px solid #e6e9ed; border-radius: 10px; margin: 0 0 14px 0; padding: 14px 12px; background:#fff; } 
 .tbl_head03.tbl_wrap tbody td { border: 0 !important; padding: 10px 0;text-align: right; } 
 .od_prd_list .td_chk { padding: 0 0 10px 0 !important; } 
 .od_prd_list .td_chk label { display:inline-flex; align-items:center; } 
 .od_prd_list .td_prd { padding-left: 0; min-height: auto; } 
 .od_prd_list .td_prd .sod_img { position: static; margin: 0 0 10px 0; } 
 .od_prd_list .td_prd .sod_img img { width: 70px; height: 70px; object-fit: cover; border-radius: 8px; } 
 .od_prd_list .td_prd .sod_name { min-height:auto; } 
 .od_prd_list .td_prd .prd_name { font-size: 16px; line-height: 1.35; } 
 .od_prd_list .td_num,
 .od_prd_list .td_numbig,
 .od_prd_list .td_dvr { display:flex; justify-content: space-between; align-items: center; padding: 8px 0 !important; border-top: 1px dashed #e6e9ed; } 
 .od_prd_list .td_num::before { content:"총수량"; font-weight:600; color:#666; margin-right:10px; } 
 .od_prd_list .td_numbig:nth-of-type(1)::before { content:"판매가"; font-weight:600; color:#666; margin-right:10px } 
 .od_prd_list tr td.td_numbig:nth-of-type(4)::before { content:"판매가"; font-weight:600; color:#666; margin-right:10px } 
 .od_prd_list tr td.td_numbig:nth-of-type(5)::before { content:"포인트"; font-weight:600; color:#666; margin-right:10px } 
 .od_prd_list .td_dvr::before { content:"배송비"; font-weight:600; color:#666; margin-right:10px } 
 .od_prd_list tr td.td_numbig.text_right::before { content:"소계"; font-weight:600; color:#666; margin-right:10px } 
 .od_prd_list .total_prc { font-size: 16px; } 
 .btn_cart_del { display:flex; gap:10px; padding: 15px 0; } 
 .btn_cart_del button { flex:1; height: 44px; font-size: 15px; } 

 #sod_bsk #sod_bsk_tot ul { display:block; } 
 #sod_bsk #sod_bsk_tot li { float:none; width:100%; border-left:0; border-top:1px solid rgba(255,255,255,0.15); text-align:left; padding:16px 14px; font-size: 15px; } 
 #sod_bsk #sod_bsk_tot li:first-child { border-top:0; } 
 #sod_bsk #sod_bsk_tot li span { float:none; display:block; margin-bottom:6px; opacity:0.9; } 
 #sod_bsk #sod_bsk_tot .sod_bsk_cnt { width:100%; } 
 #sod_bsk_act { display:flex; flex-direction: column; gap:10px; align-items: stretch; } 
 #sod_bsk_act .btn01,
 #sod_bsk_act .btn_submit { width:100%; height: 52px; font-size: 16px; } 
 #sod_bsk_list #mod_option_frm { width: calc(100% - 24px); max-width: 520px; max-height: 80vh; } 
 }



 #sod_list,
 #sod_frm_orderer,
 #sod_frm_taker,
 #sod_bsk_tot,
 .pay_tbl,
 #od_tot_price,
 #od_pay_sl { display:none } 

.payment.sod_frm_pc .payment_title { margin-bottom:100px; } 
#sod_frm_pay h2 { margin-bottom:10px; } 
.red_txt { color:red } 
.red_txt span { padding-left:30px; position: relative; } 
.red_txt span:first-child:before { position: absolute; content:''; left:0; top:50%; transform:translateY(-50%); width:20px; aspect-ratio: 1/1; background:url('../img/sub/info_icon01.png')no-repeat center center/cover; } 
#sod_frm_pay .payment_borderbox { border: 1px solid #dadada; padding: 40px; margin-bottom: 50px; display: flex;; flex-direction: column; gap:20px;; } 
#sod_frm_pay .payment_borderbox ul { display: flex; flex-direction: column; gap: 10px; } 
#sod_frm_pay .payment_borderbox ul li { } 
#sod_frm_pay .input_wrap { width: 100%; height: 55px; margin-bottom: 50px; } 
#sod_frm_pay .input_wrap input { width: 100%; height: 100%; border: 1px solid #dadada; padding-left: 30px; } 
#sod_frm_pay .list_wrap { display: flex; flex-wrap: wrap; gap: 20px; } 
#sod_frm_pay .list_wrap li { border: 1px solid #eaeaea; width: calc(100% / 4 - 15px); padding: 30px 0; border-radius: 15px;; } 
#sod_frm_pay .list_wrap li:hover { border:1px solid #333 } 
#sod_frm_pay .list_wrap li a { display: flex; flex-direction: column; align-items: center; gap: 20px; } 
#sod_frm_pay .list_wrap li a img { } 
#sod_frm_pay .list_wrap li a p { display: flex; text-align: center; justify-content: center; flex-direction: column; gap: 3px; } 
#sod_frm_pay .list_wrap li a p span { font-size: .7em; } 
#sod_frm_pay .list_wrap li a p span.tit { font-size: .9em; margin-bottom:0; } 
#sod_frm_pay .list_opt { border-top: 1px solid #dadada; padding-top: 25px; margin-top: 25px; display: flex; justify-content: flex-start; } 
#sod_frm_pay .list_opt .opt { color:#000 } 
.payment.sod_frm_pc .btn_confirm .btn_submit,
.payment.sod_frm_pc .btn_confirm a { width:200px; height:55px; display: flex; align-items: center; justify-content: center; } 

@media (max-width: 1199px) { } 
@media (max-width: 1024px) {
  #sod_frm_pay .list_wrap li {width:calc(100% / 3 - 20px)}  
 } 
@media (max-width: 768px) {
    #sod_bsk .cinner {padding:60px 0}
    #sod_frm_pay .list_wrap li {width:calc(100% / 2 - 10px)}  
} 
@media (max-width: 500px) { 
    #sod_frm_pay .list_wrap li {width:100%}  
    #sod_frm_pay .payment_borderbox {padding:20px}
    #sod_frm_pay .payment_borderbox ul li,
    #sod_frm_pay .payment_borderbox {font-size: 12px;}
}