@charset "utf-8"; /* 초기화 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css"); /*pretendard*/
@font-face { /*SBAggroL*/
 font-family: "SBAggroL"; /**/
 src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff") /**/
 format("woff"); font-weight: normal; /**/
 font-style: normal; } 

:root { /*root*/
 --base0: #000000; /**/
 --base1: #2d2d2d; /**/
 --base2: #444444; /**/
 --base3: #666666; /**/
 --base4: #8c8c8c; /**/
 --base5: #a4a4a4; /**/
 --base6: #b2b2b2; /**/
 --base7: #c4c4c4; /**/
 --base8: #e0e0e0; /**/
 --base9: #f4f4f4; /**/
 --base10: #ffffff; /**/
 --primary: #050b92; /**/
 --variant: #5a5e67; /**/
 --success: #2bb6aa; /**/
 --red: #f1294f; /**/
 --accent: #0d6efd; /**/
 --dark-red: #e01520; /**/
 --green: #00c853; /**/
 --danger: #f13218; /**/ } 


html { overflow-y: scroll; } 
body { margin: 0; padding: 0; font-size: 0.75em; font-family: "Pretendard"; } 
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-size: 1em; } 
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } 
button { cursor: pointer; border: 0; background: unset; } 
textarea, select { font-size: 1em; } 
select { margin: 0; } 
p { margin: 0; padding: 0; word-break: break-all; } 
hr { display: none; } 
pre { overflow-x: scroll; font-size: 1.1em; } 
a { color: #000; text-decoration: none; } 

*,:after,:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
*,*:not(i):after, *:not(i):before { font-family: "Pretendard"; } 

input[type="text"],input[type="password"],textarea { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; outline: none; } 

.placeholdersjs { color: #aaa !important; } 
#wrapper { min-width: 1200px; } 

#hd_pop,
#container_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_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; } 

#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.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 */
#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; } 

/* 쇼핑몰 회원가입 */
#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; } 
#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: 4px; } 
#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: 4px; } 
#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: 4px; 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; } 
.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 { 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; 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: 4px; 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 { text-align: center; } /* 서식단계 진행 */

.btn_submit { border: 1px solid #1c70e9; background: #3a8afd; color: #fff; cursor: pointer; } 
.btn_submit:hover { background: #2375eb; } 
.btn_close { border: 1px solid #dcdcdc; cursor: pointer; border-radius: 4px; 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; color: #fff; text-decoration: none; vertical-align: top; } /* 우편번호검색버튼 등 */
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 { border-top: 2px solid #000; } 
.tbl_head01 caption { padding: 0; font-size: 0; line-height: 0; overflow: hidden; } 
.tbl_head01 thead th { text-align: center; padding: 18px 32px; border-bottom: 1px solid var(--base8); } 
.tbl_head01 thead a { color: #000; } 
.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: 18px 32px; border-bottom: 1px solid var(--base8); word-break: break-all; } 

.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_head03 table { } 
.tbl_head03 table * { font-weight: 500; } 
.tbl_head03 caption { padding: 0; font-size: 0; line-height: 0; overflow: hidden; } 
.tbl_head03 thead th { text-align: center; padding: 20px 0; border-top: 2px solid #000; border-bottom: 1px solid var(--base8); } 
.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: 16px 20px; border-top: 1px solid var(--base8); border-bottom: 1px solid var(--base8); word-break: break-all; } 

/* 폼 테이블 */
.tbl_frm01 table { border-top: 2px solid #000; 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 { height: 48px; border-radius: 6px; border: 1px solid var(--base8); background: #fff; color: #000; vertical-align: middle; padding: 0 12px; font-size: 14px; line-height: 20px; } 
.tbl_frm01 textarea { padding: 2px 2px 3px; } 
@media (max-width: 768px){
 .frm_input { font-size: 13px; line-height: 18px; } 
 }
.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: 4px; } 
.tbl_frm01 .frm_file { display: block; margin-bottom: 5px; } 
.tbl_frm01 .frm_info { display: block; line-height: 1; font-size:12px; } 

/*기본리스트*/
.list_01 li { position: relative; border: 1px solid #dbdbdb; border-radius: 4px; 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 { border-bottom: 1px solid var(--base8); padding: 16px 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: 120px; text-align: center; } 
.td_group { width: 100px; text-align: center; } 
.td_imgsmall { width: 60px; text-align: center; } 
.td_num { width: 120px; text-align: center; } 
.td_numbig { width: 120px; 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, 0.1); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 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 { padding: 0 20px; height: 45px; overflow: hidden; cursor: pointer; } 
.new_win .btn_submit { padding: 0 20px; height: 45px; font-weight: bold; font-size: 1.083em; } 

/* 자바스크립트 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; vertical-align: middle; background: #eee; border: 1px solid #eee; } 
.pg a:focus,
.pg a:hover { text-decoration: none; } 
.pg_page,
.qa_page { color: #959595; font-size: 1.083em; height: 30px; line-height: 28px; padding: 0 5px; min-width: 30px; text-decoration: none; border-radius: 4px; } 
.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 { display: inline-block; background: #3a8afd; border: 1px solid #3a8afd; color: #fff; font-weight: bold; height: 30px; line-height: 30px; padding: 0 10px; min-width: 30px; border-radius: 4px; } 

/* 팁 */
.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 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; } 

/* 마이페이지 */
/* 마이페이지 aside */
#smb_my_ov .smb_me { display: block; background: #fff; border-bottom: 1px solid #e8e8e8; padding: 20px; text-align: center; font-size: 1.167em; } 
#smb_my_ov .smb_me img { width: 45px; border-radius: 50%; } 
#smb_my_ov .smb_me .my_ov_name { display: inline-block; margin-bottom: 10px; line-height: 28px; } 
#smb_my_ov .smb_me a { display: inline-block; font-size: 0.85em; height: 28px; line-height: 22px; border: 1px solid #d5d9dd; color: #8a8a8a; border-radius: 2px; padding: 2px 5px; } 
#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: #465168; line-height: 20px; 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: #3a8afd; padding: 0 5px; border-radius: 15px; font-size: 0.92em; } 
#smb_private a:hover strong { background: #4b8bff; } 
#smb_private li a:hover { color: #4b8bff; } 
#smb_private li a:hover:after { position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #3a8afd; content: ""; } 
#smb_private li i { width: 25px; color: #8c9eb0; margin-right: 5px; } 
#smb_private li:hover i { color: #3a8afd; } 
#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: 1.2em; 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: bold; color: #8c9eb0; line-height: 20px; } 
#smb_my_ov .op_area dd { margin: 5px 0; padding-bottom: 10px; border-bottom: 1px dashed #e5e5e5; } 
#smb_my_ovaddt { border-bottom: 0 !important; } 
#smb_my_ovaddd { border-bottom: 0 !important; } 


/* 마이페이지 list */
#smb_my_od h2 { margin: 0 0 10px; font-size: 1.25em; } 
#smb_my_od { position: relative; } 
.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 h2 { font-size: 1.25em; padding: 0 0 20px; border-bottom: 1px solid #d9dde2; } 
#smb_my_wish ul { border-top: 2px solid #000; } 
#smb_my_wish li { position: relative; background: #fff; border-bottom: 1px solid var(--base8); padding: 16px; } 
#smb_my_wish li:after { display: block; visibility: hidden; clear: both; content: ""; } 
#smb_my_wish .smb_my_chk { display: inline-block; float: left; margin-right: 10px; color: red; } 
#smb_my_wish .smb_my_img { float: left; margin-right: 20px; } 
#smb_my_wish .smb_my_tit { margin: 5px 0; font-size: 1.167em; font-weight: bold; } 
#smb_my_wish .smb_my_price { font-weight: bold; font-size: 1.2em; margin-bottom: 30px; } 
#smb_my_wish .smb_my_date { font-size: 1em; color: #777; } 
.smb_my_more a { display: block; background: url("../img/more-btn.gif") no-repeat left center; padding-left: 20px; } 
#smb_my_wish li .wish_del { position: absolute; right: 20px; top: 50px; font-size: 1.4em; color: #b2b2b2; } 
#smb_ws_act { text-align: center; } 
#smb_ws_act .btn01 { width: 180px; height: 50px; font-weight: bold; font-size: 1.167em; border: 1px solid #98a3b3; border-radius: 4px; } 
#smb_ws_act .btn02 { width: 180px; height: 50px; font-weight: bold; font-size: 1.167em; border: 1px solid #1c70e9; border-radius: 4px; background: #3a8afd; } 

/* 장바구니 주문서 공통 */
.od_prd_list .td_chk { padding: 16px 8px; } 
.od_prd_list .td_prd { padding: 16px 20px; } 
.od_prd_list .td_prd .sod_img { min-width: 120px; max-width: 120px; height: 120px; } 
.od_prd_list .td_prd .sod_img img { display: block; height: 100%; width: 100%; object-fit: cover; aspect-ratio: 1; } 
.sod_opt ul { display: flex; gap: 4px 8px; flex-wrap: wrap; } 
.sod_opt li { color: #A8A8A8; font-size: 16px; font-weight: 500; line-height: 24px; } 
.sod_option_btn .mod_options { padding: 3px 7px; border: 1px solid var(--Colors-Brand-Color-Light-Primary, #050B92); } 
.cp_btn { padding: 0 10px; border: 1px solid #d4d6db; color: #3a8afd; background: #fff; height: 26px; border-radius: 4px; } 
.cp_cancel { padding: 0 10px; border: 1px solid #aaa; color: #666; background: #fff; height: 26px; border-radius: 4px; } 

/* 장바구니 */
#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; } 
#sod_bsk_act .btn_submit { height: 50px; padding: 0 10px; width: 160px; font-weight: bold; font-size: 1.25em; } 
#sod_bsk_act .btn01 { height: 50px; line-height: 50px; padding: 0 10px; width: 160px; font-weight: bold; font-size: 1.25em; } 
#sod_bsk_act p { margin: 0 0 10px; } 

/* 장바구니 선택사항수정 */
#sod_bsk_list #mod_option_frm { padding: 32px 20px 20px 20px; z-index: 10000; position: fixed; top: 50%; left: 50%; width: calc(100% - 40px); transform: translate(-50%, -50%); max-width: 420px; border-radius: .3rem; background: #fff; overflow-y: auto; overflow-x: inherit; } 
#mod_option_frm .wrapper { display: flex; flex-direction: column; gap: 24px } 

#sod_bsk_list #mod_option_frm .btn_close { border: 0; position: absolute; right: 12px; top: 12px; } 
#sod_bsk_list #mod_option_frm form { display: flex; flex-direction: column; row-gap: 24px; } 
#sod_bsk_list .mod_option_bg { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: block; z-index: 9999; } 
#mod_option_frm h2 { color: var(--Colors-Grey-Color-Dark-Base10, #121212); text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; } 
#sod_bsk_list #mod_option_frm .option_wr { display: flex; flex-direction: column; row-gap: 20px } 
#sod_bsk_list #mod_option_frm .option_wr .get_item_options,
#sod_bsk_list #mod_option_frm .option_wr .get_item_supply { display: flex; flex-direction: column; row-gap: 12px } 
#sod_bsk_list #mod_option_frm .option_wr label { color: var(--base3); font-size: 14px; line-height: 20px; font-weight: 500; } 
#sod_bsk_list #mod_option_frm .option_wr select { width: 100%; border: 1px solid #d4d4d4; height: 48px; } 


#sod_bsk_list #mod_option_frm #sit_sel_option { position: relative; } 
#sod_bsk_list #mod_option_frm #sit_sel_option #sit_opt_added { display: flex; flex-direction: column; gap: 4px } 
#sod_bsk_list #mod_option_frm #sit_sel_option li { padding: 20px; border-radius: 4px; display: flex; gap: 20px; align-items: center; justify-content: space-between; background: var(--base9); } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .btns { align-items: flex-end; display: flex; flex-direction: column; row-gap: 12px; } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .btns .opt_count { display: flex; background: #fff; width: 120px; height: 36px; border-radius: 8px; } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .btns .sit_qty_minus,
#sod_bsk_list #mod_option_frm #sit_sel_option li .btns .sit_qty_plus { width: 36px; } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .btns input { width: 48px; border: 0; height: 100%; border-left: 1px solid var(--base8); border-right: 1px solid var(--base8); } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .opt_name { display: flex; flex-direction: column; gap: 12px } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .sit_opt_subj { color: var(--base3); font-size: 14px; line-height: 20px; font-weight: 500; } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .sit_opt_prc { color: var(--base0); font-size: 18px; line-height: 26px; font-weight: 700; } 
#sod_bsk_list #mod_option_frm select { cursor: pointer; outline: none; color: var(--base1); font-size: 15px; line-height: 22px; padding: 10px 20px; width:100%; height:48px; padding:0 10px; border:1px solid var(--base8); border-radius: 4px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../img/select_arrow.svg') no-repeat 96% 50%; } 
#sod_bsk_list #mod_option_frm #sit_tot_price { display: flex; align-items: flex-end; justify-content: space-between; font-size: 18px; line-height: 26px; } 
#sod_bsk_list #mod_option_frm #sit_tot_price span { font-size: 18px; line-height: 26px; font-weight: 500; color: var(--base0); } 
#sod_bsk_list #mod_option_frm #sit_tot_price strong { margin-left: auto; font-weight: 700; font-size: 32px; line-height: 36px; } 
#sod_bsk_list #mod_option_frm .btn_submit { background: var(--primary); color: var(--base10); font-size: 15px; display: flex; align-items: center; justify-content: center; height: 48px; border-radius: 4px; width: 100%; border: 0; } 


@media (max-width: 768px) {#mod_option_frm .wrapper { gap: 16px; } 
#sod_bsk_list #mod_option_frm #sit_sel_option li { flex-direction: column; gap: 16px; align-items: flex-start; } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .opt_name { gap: 8px } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .sit_opt_prc { font-size: 14px; line-height: 20px; } 
#sod_bsk_list #mod_option_frm #sit_sel_option li .btns { width:100%; justify-content: space-between; flex-direction: row-reverse; align-items: center; } 
#sod_bsk_list #mod_option_frm #sit_tot_price { font-size: 14px; line-height: 20px } 
#sod_bsk_list #mod_option_frm #sit_tot_price span { font-size: 14px; line-height: 20px; } 
#sod_bsk_list #mod_option_frm #sit_tot_price strong { font-size: 24px; line-height: 32px; } 
 }




/* 주문서 작성 */
#sod_frm { } 
#sod_list { position:relative; border-bottom:1px solid var(--base8); } 
#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_frm #sod_frm_pt_alert { font-size:14px; line-height:20px; color:#8d8d8d; margin-top:10px; } 
#od_pay_sl h3 { font-size:15px; line-height:25px; color:#000; margin-top:40px; } 

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


/* 주문서 작성 - 왼쪽 */
.sod_left { display:inline-block; width: 100%; max-width:800px; vertical-align:top } 

/* 주문서 작성 - 주문하시는 분 */
#sod_frm .tbl_frm01 th,#sod_frm .tbl_frm01 td { text-align:left; padding:10px; vertical-align:top } 
#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 .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 } 

#sod_frm_taker .tbl_frm01 td { padding: 10px 0 10px 10px; border: 0; border-bottom: 1px solid var(--base8); background: transparent; font-size: 15px; line-height: 24px; color: #000; position: relative; } 
#sod_frm_taker .tbl_frm01 td input { width:100%; border-radius:4px; font-size:15 } 
#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_taker .tbl_frm01 td .btn_address { position:absolute; top:10px; right:0; width:100px; height:50px; background-color:#eee; border:1px solid #dcdcdc; font-size:16px; color:#878787; border-radius:0 5px 5px 0; font-weight:400; } 
#sod_frm_taker .tbl_frm01 td textarea { height:100px !important; resize:none; padding:10px 15px; border-radius:5px; border:1px solid #dcdcdc; } 


#sod_frm_orderer { } 
#sod_frm_orderer .tbl_frm01 th { width:140px; background:#f7f7f7; border:0; border-bottom:1px solid #e1e1e1; font-size:15px; line-height:24px; color:#000; padding:10px 10px 10px 20px; } 
#sod_frm_orderer .tbl_frm01 td { padding:10px 0 10px 10px; border:0; border-bottom:1px solid #e1e1e1; background:transparent; font-size:15px; line-height:24px; color:#000; position:relative; } 
#sod_frm_orderer .tbl_frm01 td .frm_input { width:100%; border:1px solid #dcdcdc; border-radius:5px; font-size:15px } 
#sod_frm_orderer .tbl_frm01 td .frm_input::-webkit-input-placeholder { color:#ccc; } 
#sod_frm_orderer .tbl_frm01 td .frm_input::-moz-placeholder { color:#ccc; } ​
#sod_frm_orderer .tbl_frm01 td .frm_input::-ms-placeholder { color:#ccc; } ​ ​
.css_none { } 



#sod_frm_orderer .tbl_frm01 td .btn_address { position:absolute; top:10px; right:0; width:100px; height:50px; background-color:#eee; border:1px solid #dcdcdc; font-size:16px; color:#878787; border-radius:0 5px 5px 0; font-weight:400; } 

#od_tot_price { margin: 0; background-color: var(--primary); text-align: right; padding: 0 20px; border-radius: 0 0 5px 5px; font-size: 14px; line-height: 50px; color: #fff; } 
#od_tot_price span { float:left; font-size:14px; line-height:50px; color:#fff; } 
#od_tot_price strong { font-size:18px; color:#fff; margin-right:3px; } 
/* 5.4.1.3 버전이후 추가 css */
#sod_frm .tbl_frm01 th { padding: 10px 20px; line-height: 48px; font-size: 15px; border-bottom: 1px solid var(--base8); background-color: #f9f9f9; } 
#sod_frm .tbl_frm01 td { padding:10px; border-bottom: 1px solid var(--base8); vertical-align: middle; } 
#sod_frm .tbl_frm01 td label { line-height: 24px; } 
#sod_frm .tbl_frm01 th { width:120px; color: #000; } 
#sod_frm .tbl_frm01 th label { width: 100%; color: #000; } 
#sod_frm .tbl_frm01 td .btn_address { position: absolute; top: 11px; right: 10px; width: 100px; height: 48px; background-color: #eee; border: 1px solid #dcdcdc; font-size: 16px; color: #878787; border-radius: 0 4px 4px 0; font-weight: 400; } 
#sod_frm #od_memo { min-height:100px } 
#sod_frm_taker .order_choice_place { display: flex; align-items: center; flex-wrap: wrap; row-gap: 4px; column-gap: 12px; position:relative; } 
#sod_frm_taker .tbl_frm01 .btn_frmline { margin-left: auto; } 

#sod_frm .od_prd_list { margin-bottom:20px } 
#sod_frm #sod_bsk_tot:after { display:block; visibility:hidden; clear:both; content:""; } 
#sod_frm #sod_bsk_tot ul { display:block; width:100%; border-radius: 5px 5px 0 0; border:1px solid #e1e1e1; border-bottom: 0; overflow:hidden; } 
#sod_frm #sod_bsk_tot li { position:relative; float:left; background:#fff; width:33%; height:90px; text-align:center; padding:20px 0; font-size:14px; line-height:25px; color:#000; } 
#sod_frm #sod_bsk_tot li:nth-child(1) { border-right:1px solid #e1e1e1; } 
#sod_frm #sod_bsk_tot li:nth-child(2) { width:34%; } 
#sod_frm #sod_bsk_tot li:nth-child(3) { border-top:1px solid #e1e1e1 } 
#sod_frm #sod_bsk_tot li:after { display:block; visibility:hidden; clear:both; content:"" } 
#sod_frm #sod_bsk_tot li span { display:block; margin-bottom:5px; font-size:14px; color:#9f9f9f; } 
#sod_frm #sod_bsk_tot li strong { font-size:14px; line-height:25px; color:#000; } 
#sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon { } 
#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 } 
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before { display:block; content:"-"; position:absolute; top:35px; left:-15px; width:30px; height:30px; background:#fff; color:var(--primary); border-radius:50%; border:1px solid #e7ebf1; font-weight:400; font-size:18px; line-height:23px; font-family:'Malgun Gothic'; } 
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before { display:block; content:"+"; position:absolute; top:35px; left:-15px; width:30px; height:30px; background:#fff; color:var(--primary); border-radius:50%; border:1px solid #e7ebf1; font-weight:400; font-size:18px; line-height:23px; font-family:'Malgun Gothic'; } 
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong { color:#000; font-size:14px; } 
#sod_frm_pay { position:relative; } 
#sod_frm_pay .pay_tbl table { width:100%; border-collapse:collapse; border:1px solid #e1e1e1; } 
#sod_frm_pay .pay_tbl th { text-align:left; padding:10px; width:100px; border-bottom:1px solid #e7ebf1; background:#fff; font-weight:bold; color:#777; font-size:14px; color:#9f9f9f; } 
#sod_frm_pay .pay_tbl td { text-align:right; padding: 10px; height:30px; border-bottom:1px solid #e7ebf1; background:#fff; font-size:14px; line-height:20px; color:#000; word-break:keep-all; } 
#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_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 var(--base8); margin:-1px 0 0 -1px; cursor: pointer; height:60px; position:relative; padding-left:65px; padding-top:20px; z-index:1 } 
#od_pay_sl input[type="radio"]:checked+.lb_icon { border:1px solid var(--primary); z-index:3 } 
#sod_frm_paysel { } 
#sod_frm_paysel legend { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#sod_frm_paysel .KPAY { background:url('../../../img/kpay.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .PAYNOW { background:url('../../../img/paynow.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .PAYCO, #sod_frm_paysel .paycopay_icon { background:url('../../../img/payco.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .inicis_lpay, #sod_frm_paysel .lpay_icon { background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .inicis_kakaopay { position:relative; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .inicis_kakaopay em { position:absolute; top:15px; left:45px; width:70px; height:30px; background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00; overflow:hidden; text-indent:-999px; border-radius:30px } 
#sod_frm_paysel .kakaopay_icon { background:url('../../../img/kakao.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .naverpay_icon { background:url('../../../img/ico-default-naverpay.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .samsungpay_icon { background:url('../../../img/samsungpay.png') no-repeat 50% 50% #fff; display:inline-block; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .ssgpay_icon { background:url('../../../img/ssgpay_icon.png') no-repeat 50% 50% #fff; display:inline-block; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .skpay_icon { background:url('../../../img/skpay11_icon.png') no-repeat 50% 50% #fff; background-size: 70px; display:inline-block; overflow:hidden; text-indent:-999px } 
#sod_frm_paysel .bank_icon { background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff } 
#sod_frm_paysel .vbank_icon { background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff } 
#sod_frm_paysel .iche_icon { background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff } 
#sod_frm_paysel .hp_icon { background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff } 
#sod_frm_paysel .card_icon { background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff } 
#forderform .od_pay_buttons_el { padding:20px 0 0; border-top: 1px solid var(--base8); } 
#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 #od_tot_price { } 
#sod_frm_pay .od_pay_buttons_el:after { display:block; visibility:hidden; clear:both; content:"" } 
#sod_frm_pay .sod_frm_point { margin-top:20px; border:1px solid #e3e5e8 } 
#sod_frm_pay .sod_frm_point div { background:#fff; padding:10px; text-align:left; text-align:right } 
#sod_frm_pay .sod_frm_point div:after { display:block; visibility:hidden; clear:both; content:'' } 
#sod_frm_pay .sod_frm_point div label { float:left; line-height:30px; font-weight:bold } 
#sod_frm_pay .sod_frm_point div span { display:block } 
#sod_frm_pay .sod_frm_point div span:after { display:block; visibility:hidden; clear:both; content:'' } 
#sod_frm_pay .sod_frm_point div strong { float:left; color:#666 } 
#sod_frm_pay .sod_frm_point .max_point_box em { font-style:normal !important } 
#sod_frm_pay .sod_frm_point #od_temp_point { height:30px; text-align:right; padding:0 5px; border:1px solid #ccc; } 

/* 주문서 작성 - 오른쪽 */
.sod_right { max-width: 380px; width: 100%; vertical-align:top; flex-grow:1; background: #efefef; padding: 20px; } 

.sod_right #sod_bsk_tot:after { display:block; visibility:hidden; clear:both; content:"" } 
.sod_right .sod_info li { position:relative; float:left; background:#fff; width:33.333%; height:70px; text-align:center; border-bottom:1px solid #e7ebf1; padding:15px 0 } 
.sod_right .sod_info li:after { display:block; visibility:hidden; clear:both; content:"" } 
.sod_right .sod_info li span { display:block; color:#777; margin-bottom:5px; font-weight:bold; color:#000 } 
.sod_right .sod_info .sod_bsk_sell, .sod_right .sod_info .sod_bsk_coupon { border-right:1px solid #e7ebf1 } 
.sod_right .sod_info .sod_bsk_coupon:before { display:block; content:"-"; position:absolute; top:25px; left:-10px; width:20px; height:20px; background:#fff; color:#9da6c9; border-radius:50%; border:1px solid #e7ebf1; font-weight:bold; font-size:16px; line-height:14px } 
.sod_right .sod_info .sod_bsk_dvr:before { display:block; content:"+"; position:absolute; top:25px; left:-10px; width:20px; height:20px; background:#fff; color:#9da6c9; border-radius:50%; border:1px solid #e7ebf1; font-weight:bold; font-size:16px; line-height:14px } 
.sod_right .sod_info .sod_bsk_cnt strong { font-size:1.25em } 

.sod_right .sod_info_bt { clear:both; padding:10px 15px; background:#fff } 
.sod_right .sod_info_bt:after { display:block; visibility:hidden; clear:both; content:"" } 
.sod_right .sod_info_bt li { } 
.sod_right .sod_info_bt li:after { display:block; visibility:hidden; clear:both; content:"" } 
.sod_right .sod_info_bt li span { display:inline-block; float:left; width:50%; line-height:28px; text-align:left; font-weight:bold; color:#000 } 
.sod_right .sod_info_bt li strong { display:inline-block; float:left; width:50%; line-height:28px; text-align:right } 

.sod_right .sod_info_option { clear:both; border-top:1px solid #e7ebf1 } 
.sod_right .sod_info_option h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
.sod_right .sod_info_option ul { padding:10px 15px; background:#fff } 
.sod_right .sod_info_option li { margin-bottom:5px } 
.sod_right .sod_info_option li:after { display:block; visibility:hidden; clear:both; content:"" } 
.sod_right .sod_info_option .sod_ifop_tit { display:inline-block; float:left; width:50%; line-height:28px; text-align:left; font-weight:bold } 
.sod_right .sod_info_option .sod_ifop_tit .btn_frmline { width:auto; height:30px; color:#3a8afd; background:#fff; border:1px solid #d4d6db } 
.sod_right .sod_info_option .sod_ifop_tit .cp_cancel { width:auto; height:30px; border:1px solid #d4d6db; padding:0 5px; margin-left:5px; color:#b1b1b1; vertical-align:baseline } 
.sod_right .sod_info_option .sod_ifop_tit .od_coupon { z-index:10000; position:absolute; top:50%; left:50%; min-width:300px; height:auto !important; height:500px; max-height:500px; margin-left:-200px; margin-top:-150px; border:1px solid #dde7e9; border-radius:3px; background:#fff; overflow-y:auto; overflow-x:inherit } 
.sod_right .sod_info_option .sod_ifop_tit .od_coupon>td { text-align:left } 
.sod_right .sod_info_option>td, .sod_right .sod_info_option .sod_ifop_t { display:inline-block; float:left; width:50%; line-height:28px; text-align:right } 
.sod_right .sod_info_option>td { text-align:right; padding:10px; height:30px } 
.sod_right .sod_info_option>td .cp_cancel { margin:0 0 0 2px } 
.sod_right .sod_info_option>td .btn_frmline { padding:0 7px; border:1px solid #38b2b9; color:#38b2b9; background:#fff; height:23px; line-height:21px; margin:0 } 


/* 주문서 작성 - 포인트사용 */
#sod_point { clear:both; background:#fff; margin-top:10px; border:1px solid #e3e5e8 } 
#sod_point h2 { font-size:1.167em; padding:15px; border-bottom:1px solid #e3e5e8 } 
#sod_point h2:after { display:block; visibility:hidden; clear:both; content:'' } 

#sod_point .point_tit { vertical-align:baseline; float:left; line-height:28px } 
#sod_point .point_tit label { vertical-align:baseline } 
#sod_point .point_ipt { float:right; display:inline-block; margin-left:35px; text-align:left; text-align:right; font-weight:normal } 
#sod_point .point_ipt:after { display:block; visibility:hidden; clear:both; content:'' } 
#sod_point .point_ipt #od_temp_point { width:100px; height:30px; text-align:right; padding:0 5px; border:1px solid #d0d3db; border-radius:3px } 

#sod_frm_pt { padding:20px } 
/*
#sod_frm_pt strong { display:inline-block; width:45%; color:#000; line-height:28px; text-align:left } 
#sod_frm_pt span { display:inline-block; width:55%; color:#000; text-align:right } 
#sod_frm_pt span:after { display:block; visibility:hidden; clear:both; content:'' } 
*/
#sod_frm_pt .max_point_box em { font-style:normal !important } 

/* 주문서 작성 - 결제수단 */
/* #sod_frm_pay { position:relative; margin:10px 0 0; background:#fff; border:1px solid #e3e5e8 } */
#sod_frm_pay { position:relative; } 
#sod_frm_pay .tooltip_txt { height:auto; line-height:18px; font-weight:normal; font-size:1em; padding:10px 20px; margin:10px } 
#sod_frm_pay .tooltip_txt i { float:left; line-height:36px; font-size:2em; margin-right:15px } 
#sod_frm_pay .tooltip_txt:before { height:100% } 
#sod_frm_pay input[type="radio"] { } 
#sod_frm_pay .lb_icon { display:inline-block; position:relative; cursor:pointer; z-index:1 } 
#sod_frm_pay input[type="radio"]:checked+.lb_icon { color:var(--primary); z-index:3 } 
#sod_frm_pay input[type="radio"] + label span { top:7px } 

#sod_frm_paysel { } 
#sod_frm_paysel legend { position:absolute; font-size:0; line-height:0; overflow:hidden } 
/*
#sod_frm_paysel .PAYCO { display:inline-block; width:75px; background:url('../../../img/payco.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px; border-radius:30px; border:1px solid #fa1417 } 
#sod_frm_paysel .PAYNOW { display:inline-block; width:75px; background:url('../../../img/paynow.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px; border-radius:30px; border:1px solid #c01734 } 
#sod_frm_paysel .kakaopay_icon { display:inline-block; width:60px; background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00; overflow:hidden; text-indent:-999px; border-radius:30px } 
#sod_frm_paysel .KPAY { display:inline-block; width:58px; background:url('../../../img/kpay.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px; border-radius:30px; border:1px solid #22096a } 
#sod_frm_paysel .inicis_lpay { display:inline-block; width:50px; background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff; overflow:hidden; text-indent:-999px; border-radius:30px; border:1px solid #009bd7 } 
*/
#sod_frm_paysel ul.pay_way { margin:0; padding:15px } 
#sod_frm_paysel ul.pay_way input[type="radio"] + label span { top:7px } 
#sod_frm_paysel ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#sod_frm_paysel li { position:relative; line-height:28px; text-align:left; list-style:none } 

#settle_bank { background:#fff; padding:10px; clear:both; line-height:32px } 
#settle_bank:after { display:block; visibility:hidden; clear:both; content:'' } 
#settle_bank label { float:left; width:30%; line-height:30px } 
#settle_bank select, #settle_bank input { width:70%; height:32px; margin:0 0 5px; border:1px solid #e3e5e8; border-radius:3px; text-align:left } 
#settle_bank option { padding:3px 0 } 
#settle_bank #od_deposit_name { height:32px; padding:0 5px; border:1px solid #e3e5e8 } 

#display_pay_button { margin-top: 40px; } 
#display_pay_button .btn_submit { border: 0; background: #000; color: #fff; cursor: pointer; border: 0; width: 100%; height: 50px; font-size: 15px; color: #fff; } 
#display_pay_button .btn01 { display: block; width: 100%; height: 50px; line-height: 48px; font-weight: bold; font-size: 15px; color: #252525; margin: 10px 0 0; padding: 0; text-align: center; border: 1px solid #707070; } 
.display_setup_message { margin:0 0 10px; padding:15px; border:1px solid #fccdff; background:#ffeef9 } 
.display_setup_message strong { display:block; margin:0 0 10px } 

#sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"] { width:auto; -webkit-appearance:radio; -webkit-border-radius:initial } 
#sod_frm_taker label { display:inline-block; font-weight:normal; } 
#sod_frm_same { margin:0 0 10px } 

#sod_frm #display_pay_process { text-align:center } 
#sod_frm #display_pay_process span { display:block; margin:5px 0 0 } 
#sod_frm_pay_info { margin:0 0 10px } 

#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm { z-index:10000; position:absolute; top:0; right:0; width:500px; height:auto !important; height:500px; max-height:500px; border:1px solid #000; background:#fff; overflow-y:auto } 
#sod_frm_deli { position:relative; line-height:2em } 

#sod_frm_escrow { margin:30px 0 0 } 
#sod_frm #sod_frm_escrow h2 { margin:0; border:0 } 
#sod_frm #sod_frm_escrow p { margin:5px 0 } 
#display_pay_process { padding:20px; text-align:center } 


/* 위시리스트 */
.sod_ws_img { width: 90px; text-align: center; } 
#sod_ws_act { text-align: center; margin: 20px 0 30px; } 
#sod_ws_act button { height: 50px; width: 180px; font-weight: bold; font-size: 1.167em; border-radius: 4px; } 
#sod_ws_act .btn01 { border: 1px solid #98a3b3; } 
#sod_ws_act .btn02 { border: 1px solid #1c70e9; background: #3a8afd; } 

#sod_ws li .info_link { display: block; margin: 10px 0 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #646464; font-weight: bold; } 
#sod_ws li .info_date { color: #646464; font-size: 0.92em; } 
#sod_ws li .wish_chk { position: absolute; top: 0; left: 0; width: 30px; text-align: center; line-height: 35px; color: #f00; } 
#sod_ws li .wish_info { padding: 0 35px 10px 30px; position: relative; border-bottom: 1px solid #e0e0e0; margin-top: 10px; height: 45px; } 
#sod_ws li .wish_del { position: absolute; top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #e6e6e6; display: block; font-size: 1.25em; color: #777; } 
#sod_ws li .wish_del:hover { background: #777; color: #fff; } 

/* 배송지 목록 */
#sod_addr .tbl_wrap { margin: 30px; } 
#sod_addr .td_mng .sel_address { color: #fff; background: #fff; border: 1px solid #19bc9b; color: #19bc9b; padding: 0 5px; height: 26px; border-radius: 4px; } 
#sod_addr .td_mng .del_address { display: inline-block; border: 1px solid #aaa; color: #888; padding: 0 5px; height: 26px; line-height: 24px; vertical-align: middle; border-radius: 4px; } 
#sod_addr input[type="radio"] { position: absolute; left: 0; z-index: -1; visibility: hidden; width: 0; height: 0; overflow: hidden; text-indent: -999px; } 
#sod_addr .default_lb { display: inline-block; background: #fff; border: 1px solid #1c70e9; color: #3a8afd; cursor: pointer; position: relative; padding: 0 5px; height: 26px; line-height: 24px; border-radius: 4px; } 
#sod_addr input[type="radio"]:checked + .default_lb { background: #3476be; color: #fff; } 
#sod_addr td { height: 40px; vertical-align: top; } 
#sod_addr .td_name { width: 100px; } 
#sod_addr .frm_input { height: 30px; } 
#sod_addr .td_sbj { width: 155px; text-align: left; } 
#sod_addr .td_sbj .chk_box { display: inline-block; float: left; } 
#sod_addr .td_sbj .chk_box input[type="checkbox"]:checked + label span { background: url(../img/chk.png) no-repeat 50% 50% #3a8afd; border-color: #1471f6; border-radius: 4px; } 
#sod_addr .ad_tel { display: block; color: #666; } 
#sod_addr .td_mng { width: 100px; padding: 10px; } 
#sod_addr .td_mng .mng_btn { width: 100%; margin: 2px 0; } 

/* 주문내역 */
#sod_v:after { display: block; visibility: hidden; clear: both; content: ""; } 
#sod_v td { text-align: center; } 
#sod_v td a { font-weight: bold; } 
#sod_v .basic_tbl { text-align: center; } 
.status_01 { display: inline-block; background: #edfbde; color: #8cc152; padding: 0 5px; line-height: 20px; font-size: 0.92em; border-radius: 5px; } 
.status_02 { display: inline-block; background: #84c93a; color: #fff; padding: 0 5px; line-height: 20px; font-size: 0.92em; border-radius: 5px; } 
.status_03 { display: inline-block; background: #e2f6f2; color: #16b494; padding: 0 5px; line-height: 20px; font-size: 0.92em; border-radius: 5px; } 
.status_04 { display: inline-block; background: #e2eaf6; color: #3a8afd; padding: 0 5px; line-height: 20px; font-size: 0.92em; border-radius: 5px; } 
.status_05 { display: inline-block; background: #3a8afd; color: #fff; padding: 0 5px; line-height: 20px; font-size: 0.92em; border-radius: 5px; } 
.status_06 { display: inline-block; background: #fff; color: red; padding: 0 5px; line-height: 20px; font-size: 0.92em; border-radius: 5px; } 
#sod_v .tbl_head03 { white-space: nowrap; overflow-x: auto; } 
/* 주문상세내역 */
#sod_fin_no { font-size: 16px; margin-bottom:-20px } 

#sod_sts_wrap { margin: 0 0 10px; text-align: right; } 
#sod_sts_explan { display: none; } 

#sod_fin_legend { padding: 20px; line-height: 20px; background: #fff; margin: 10px 0; border: 1px solid #e9e9e9; text-align: left; } 
#sod_fin_legend:after { display: block; visibility: hidden; clear: both; content: ""; } 
#sod_fin_legend dt { clear: both; float: left; margin: 0 0 5px; width: 50px; font-weight: bold; } 
#sod_fin_legend dd { float: left; margin: 0; } 

#sod_fin #sod_bsk_tot li { background: #fff; border-bottom: 1px solid #e7ebf1; height: 40px; padding: 0 15px; line-height: 40px; text-align: right; } 
#sod_fin #sod_bsk_tot li span { float: left; clear: both; color: #777; } 
#sod_fin #sod_bsk_tot .sod_bsk_cnt strong { color: #ff006c; font-size: 1.25em; } 

#sod_bsk_tot2 { border: 1px solid #3a8afd; margin-bottom: 20px; } 
#sod_bsk_tot2 li { background: #fff; padding: 0 15px; line-height: 40px; text-align: right; } 
#sod_bsk_tot2 li span { float: left; clear: both; font-size: 1em; } 
#sod_bsk_tot2 li strong { font-size: 1em; } 
#sod_bsk_tot2 li.sod_fin_tot { background: #e5f0ff; border-top: 1px solid #c6d7ef; } 
#sod_bsk_tot2 li#alrdy { border-bottom: 0 !important; } 
#sod_bsk_tot2 li#alrdy div { padding: 5px 0 15px; text-align: right; } 
#sod_bsk_tot2 li#alrdy div p { position: relative; background: #d6e3f3; padding: 0 10px; margin-bottom: 1px; } 
#sod_bsk_tot2 li.sod_fin_tot strong { color: #3a8afd; font-size: 1.2em; } 

#request_form { position: relative; } 
#request_form div { display: none; z-index: 10000; position: absolute; top: 23px; left: 0; padding: 20px 0; width: 520px; border: 1px solid #000; background: #f2f5f9; text-align: center; } 
#request_form .frm_input { width: 300px; background: #fff !important; } 
#request_form .btn_frmline,
#request_form .btn_cancel { vertical-align: middle !important; } 
#request_form .btn_frmline { padding: 0 10px; line-height: 1.6em; } 

#sod_req_btn { margin: 0 0 10px; } 
#sod_req_btn button { background: #626870; } 

#sod_req_log { margin: 0 0 20px; } 
#sod_req_log ul { margin: 0; padding: 0; border-top: 1px solid #e9e9e9; background: #f2f5f9; list-style: none; } 
#sod_req_log li { padding: 10px 10px 20px; border: 1px solid #e9e9e9; border-top: 0; } 
#sod_req_log h3 { margin: 20px 0 10px; } 
.sod_req_log_view table { margin: 0; } 
.sod_req_log_view caption { padding: 10px 0; font-size: 1em; font-weight: bold; text-align: left; line-height: 1em; } 
.sod_req_log_view caption span { color: #ff3061; } 
.sod_req_log_view th { border-top: 1px solid #e9e9e9; background: #f7f7f7 !important; color: #000 !important; text-align: center; } 
.sod_req_log_view td { background: #fff; color: #000; } 
.sod_req_log_view p { padding: 10px 15px; border-bottom: 1px solid #e9e9e9; background: #fff; color: #000; } 
.sod_req_log_view .sod_req_it { width: 270px; } 
.sod_req_log_view button { margin: 0; padding: 0; border: 0; background: transparent; color: #ff3061; text-decoration: underline; vertical-align: middle; cursor: pointer; } 

#sod_fin_list h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; } 
#sod_fin_list .sod_img { min-width: 120px; max-width: 120px; height: 120px; } 
#sod_fin_list .sod_img img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; } 
#sod_fin_list #th_itst { width: 80px; } 

#sod_fin .sod_opt { color: #A8A8A8; font-size: 16px; font-weight: 500; line-height: 24px; } 
#sod_fin_view { border: 1px solid #e9e9e9; } 
#sod_fin_view h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; } 
#sod_fin_view h3 { margin: 0 0 10px; } 
#sod_fin_view .basic_tbl th { padding: 0 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f2f5f9; text-align: left; } 

#sod_fin_pay { margin: 0 0 20px; background: #fff; border: 1px solid #e3e5e8; } 
#sod_fin_pay h3 { background: #fff; font-size: 1.167em; padding: 15px 20px; border-bottom: 1px solid #e3e5e8; } 
#sod_fin_pay ul { margin: 0; padding: 15px 20px; } 
#sod_fin_pay li { line-height: 24px; padding: 5px 0; } 
#sod_fin_pay li:after { display: block; visibility: hidden; clear: both; content: ""; } 
#sod_fin_pay li > span,
#sod_fin_pay li > strong { display: inline-block; float: left; } 
#sod_fin_pay li > strong { margin-right: 10px; width: 50px; } 
#sod_fin_pay li > span { width: 238px; } 
#sod_fin_pay li .letter-2px { letter-spacing: -2px; } 
a.btn_frmline.is-long-text { height: auto; width: 160px; } 

#sod_fin .sod_left h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; } 
#sod_fin .sod_left h3 { background: #fff; font-size: 1.167em; padding: 15px 20px; border: 1px solid #e3e5e8; border-bottom: 0; } 
#sod_fin .sod_left .tbl_head01 { background: #fff; border: 1px solid #e3e5e8; } 
#sod_fin .sod_left th { padding: 10px 0; border: 0; text-align: left; width: 100px; color: #666; background: #fff; } 
#sod_fin .sod_left td { padding: 10px 0; border: 0; background: #fff; } 

#sod_fin_dvr .dvr_link { color: #ff3061; text-decoration: underline; } 

#sod_fin_tot { margin: 10px 0; } 
#sod_fin_tot h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; } 
#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 { text-align: center; } 
#sod_fin_cancel .sod_fin_c_btn { display: block; width: 100%; height: 50px; line-height: 48px; font-weight: bold; font-size: 15px; color: #252525; margin: 10px 0 0; padding: 0; text-align: center; border: 1px solid #707070; } 
#sod_fin_cancel h2 { padding: 15px; border-bottom: 1px solid #e8e8e8; text-align: left; } 
#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_cancel_pop { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; } 
#sod_fin_cancelfrm { position: absolute; top: 50%; left: 50%; background: #fff; text-align: center; width: 245px; max-height: 300px; margin-left: -125px; margin-top: -180px; overflow-y: auto; border-radius: 5px; -webkit-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.2); border: 1px solid #dde7e9; background: #fff; border-radius: 4px; } 
#sod_fin_cancelfrm form { padding: 20px; } 
.sod_fin_bg { background: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; } 
.sod_cls_btn { position: absolute; right: 0; top: 0; color: #b5b8bb; border: 0; padding: 12px 15px; font-size: 16px; background: #fff; } 

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

/* 주문상세내역 중 현금영수증 발급 */
#scash section { padding: 10px 0; } 
#scash h2 { margin: 0 0 10px; text-align: center; } 
#scash .basic_tbl th { padding: 0 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f2f5f9; text-align: left; } 
#scash_apply { padding: 10px 0 20px; text-align: center; } 
#scash_apply button { padding: 10px; border: 0; background: #565e60; color: #fff; } 
#scash_copy { text-align: center; } 

/* 배너 인덱스 출력 */

/* 쇼핑몰 이벤트 */
.sev_admin { margin: 0 0 10px; text-align: right; } 
.sev_admin a { line-height: 35px; padding: 0 10px; } 

/* 쿠폰 */
#coupon { text-align: center; } 
#coupon h1 { text-align: left; } 
#coupon ul:after { display: block; visibility: hidden; clear: both; content: ""; } 
#coupon li { padding: 15px; border-bottom: 1px solid #ececec; text-align: left; } 
#coupon .cou_top { margin-bottom: 10px; } 
#coupon .cou_tit { font-size: 1.25em; font-weight: bold; } 
#coupon .cou_pri { font-size: 1.25em; color: #3a8afd; font-weight: bold; float: right; } 
#coupon .cou_target { color: #8cc152; background: #edfbde; padding: 5px; line-height: 20px; font-size: 0.92em; border-radius: 5px; } 
#coupon .cou_date { float: right; color: #888d92; } 
#coupon .btn_close { margin: 20px auto; } 

/* 모바일일때 피시버전 주문폼 */
.sod_frm_mobile .sod_list { border-top: 2px solid #000; } 
.sod_frm_mobile .sod_list .sod_li { background: #fff; border-bottom: 1px solid var(--base8); padding:16px 8px 12px; } 
.sod_frm_mobile .sod_list .li_name { } 
.sod_frm_mobile .sod_list .li_op_wr { } 
.sod_frm_mobile .sod_list .li_op_wr .chk_box { position: absolute; top: 10px; left: 10px; } 
.sod_frm_mobile .sod_list .total_img { min-width: 80px; max-width: 80px; height: 80px; } 
.sod_frm_mobile .sod_list .mod_options { padding: 0 7px; border: 1px solid #d4d6db; border-radius: 4px; color: #606060; background: #fff; line-height: 24px; margin: 5px 0 0; font-size: 0.923em; } 
.sod_frm_mobile .sod_list .li_prqty { display: flex; flex-wrap: wrap; } 
.sod_frm_mobile .sod_list .li_prqty_sp { font-size: 13px; line-height: 18px; color: var(--base4); width: 50%; padding: 0 8px 4px; display: block; display: flex; align-items: center; justify-content: space-between; } 
.sod_frm_mobile .sod_list .li_prqty_sp span { color: #000; font-weight: 500; } 
.sod_frm_mobile .sod_list .li_prqty_sp strong { font-weight: 400 } 
.sod_frm_mobile .sod_list .prqty_sc,
.sod_frm_mobile .sod_list .prqty_price { border-right: 1px solid var(--base8); } 
.sod_frm_mobile .sod_list .total_price { background: #f2f7ff; display: block; clear: both; margin: 0 10px 10px; text-align: right; padding: 5px 10px; line-height: 20px; } 
.sod_frm_mobile .sod_list .total_price span { float: left; } 
.sod_frm_mobile .sod_list .total_price strong { font-size: 1.25em; color: #3a8afd; } 
.sod_frm_mobile .sod_opt { } 
.sod_frm_mobile .sod_opt li { font-size: 13px; line-height: 18px; color: #A8A8A8; } 
.sod_frm_mobile #sod_frm_orderer #od_addr_jibeon,
.sod_frm_mobile #sod_frm_taker #od_b_addr_jibeon { display: inline-block; margin: 5px 0 0; } 
.sod_frm_mobile #m_sod_bsk_tot { } 
.sod_frm_mobile #m_sod_frm_paysel h3 { background: #fff; padding: 15px 10px; border: 1px solid #e3e5e8; border-bottom: 0; } 
.sod_frm_mobile #m_sod_frm_paysel ul { margin: 0; background: #fff; padding: 10px; border: 1px solid #e3e5e8; display: flex; gap: 4px 0; flex-wrap: wrap; } 
.sod_frm_mobile #m_sod_frm_paysel li { width: 50%; } 
.sod_frm_mobile #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%; } 
.sod_frm_mobile #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%; } 
.sod_frm_mobile #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%; } 
.sod_frm_mobile #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%; } 
.sod_frm_mobile #m_sod_frm_paysel .inicis_kakaopay { background: url(../../../img/kakao.png) no-repeat 50% 50% #f4dc34; border-radius: 30px; height: 22px; width: 74px; display: inline-block; overflow: hidden; text-indent: -999px; background-size: 35px auto; } 
.sod_frm_mobile #m_sod_frm_paysel .kakaopay_icon { background: url(../../../img/kakao.png) no-repeat 50% 50% #f4dc34; border-radius: 30px; height: 22px; width: 74px; display: inline-block; overflow: hidden; text-indent: -999px; background-size: 35px auto; } 
.sod_frm_mobile #m_sod_frm_paysel .applepay_icon { background: url(../../../img/ico-mobile-applepay.png) no-repeat 50% 50% #fff; border-radius: 30px; height: 23px; width: 50px; display: inline-block; overflow: hidden; text-indent: -999px; background-size: 35px auto; } 
.sod_frm_mobile #m_sod_frm_paysel .naverpay_icon { background: url(../../../img/ico-default-naverpay.png) no-repeat 50% 50% #fff; border-radius: 30px; height: 22px; width: 50px; display: inline-block; overflow: hidden; text-indent: -999px; background-size: 35px auto; } 
.sod_frm_mobile #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_mobile #sod_frm_pay .row-12 { padding-top: 20px; border-top: 1px solid var(--base8); } 
.sod_frm_mobile #sod_frm_pay h2 { font-size: 18px; font-weight: 500; line-height: 26px; margin-bottom: 16px } 
.sod_frm_mobile #sod_frm_pay .cp_btn1,
.sod_frm_mobile #sod_frm_pay .cp_cancel1 { margin-top: 0; } 
.sod_frm_mobile .odf_tbl { position: relative; } 
.sod_frm_mobile .odf_tbl table { border-top: 2px solid #000; background: #fff; width: 100%; border-collapse: collapse; border-bottom: 1px solid #ccc; } 
.sod_frm_mobile .odf_tbl table th { color: #000; font-size: 13px; border-top: 1px solid #eceff4; padding: 10px; text-align: left; width: 120px; font-weight: normal; } 
.sod_frm_mobile .odf_tbl table td { color: #000; font-size: 13px; border-top: 1px solid #eceff4; padding: 7px 10px; text-align: right; } 
#sod_frm p { margin: 0 0 10px; } 
.sod_frm_mobile#sod_frm #sod_frm_pt_alert { font-size: 12px; line-height: 16px; margin-top: 10px; } 
.sod_frm_mobile#sod_frm .sod_frm_point { padding: 10px 0; clear: both; border: 0 none; } 
.sod_frm_mobile .sod_frm_point div { background: #fff; border: 1px solid #e3e5e8; padding: 10px; text-align: right; } 
.sod_frm_mobile .sod_frm_point div:after { display: block; visibility: hidden; clear: both; content: ""; } 
.sod_frm_mobile .sod_frm_point div label { float: left; line-height: 30px; } 
.sod_frm_mobile .sod_frm_point div span { display: block; margin: 5px 0; } 
.sod_frm_mobile .sod_frm_point div span:after { display: block; visibility: hidden; clear: both; content: ""; } 
.sod_frm_mobile .sod_frm_point .max_point_box em { font-style: normal !important; } 
.sod_frm_mobile .sod_frm_point div strong { float: left; color: #666; font-weight: 400; } 
.sod_frm_mobile .sod_frm_point #od_temp_point { height: 30px; border: 1px solid #d0d3db; text-align: right; background: #fff; border-radius: 4px; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1); } 
.sod_frm_mobile #settle_bank { background: #fff; border: 1px solid #e3e5e8; border-top: 0; padding: 10px; clear: both; line-height: 30px; } 
.sod_frm_mobile #settle_bank:after { display: block; visibility: hidden; clear: both; content: ""; } 
.sod_frm_mobile #settle_bank select { height: 30px; margin: 0 0 5px; width: 100%; border: 1px solid #d0d3db; } 
.sod_frm_mobile #settle_bank #od_deposit_name { height: 30px; border: 1px solid #d0d3db; text-align: center; border-radius: 4px; float: right; -webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.1); } 
.sod_frm_mobile #settle_bank label { float: left; line-height: 30px; } 
.sod_frm_mobile #sod_frm_pt_info { border-top: 0; } 
.sod_frm_mobile .od_coupon { position: absolute; top: 0; left: 0; background: #fff; width: 100%; z-index: 99; border-radius: 0 0 3px 3px; -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); } 
.sod_frm_mobile .od_coupon h3 { height: 45px; line-height: 45px; font-size: 1.167em; background: #333; color: #fff; padding: 0 15px; text-align: left; } 
.sod_frm_mobile .od_coupon .tbl_head02 .btn_frmline { background: #3b67c2; color: #fff; border: 0; padding: 0 5px; line-height: 25px; } 
.sod_frm_mobile .od_coupon .tbl_head02 td { text-align: left; } 
.sod_frm_mobile .od_coupon .tbl_head02 th { width: auto !important; } 
.sod_frm_mobile .od_coupon .tbl_head02 .td_mngsmall { width: 60px; text-align: center; } 
.sod_frm_mobile .od_coupon .tbl_head02 .td_numbig { width: 80px; text-align: right; } 
.sod_frm_mobile .od_coupon .btn_confirm { margin: 20px; } 
.sod_frm_mobile .od_coupon .btn_confirm .btn_submit { height: 40px; font-size: 1.167em; font-weight: 700; width: 100%; } 
.sod_frm_mobile .od_coupon .btn_confirm .btn_close { position: absolute; top: 0; right: 0; width: 45px; height: 45px; border: 0; background: none; color: #fff; font-size: 1.25em; } 
.sod_frm_mobile .cp_btn,
.sod_frm_mobile .cp_btn1 { padding: 0 7px; border: 1px solid #d4d6db; border-radius: 4px; color: #3a8afd; background: #fff; line-height: 24px; margin: 5px 0 0; font-size: 0.923em; } 
.sod_frm_mobile .cp_apply { padding: 0 5px; border: 1px solid #3a8afd; color: #3a8afd; background: #fff; height: 23px; line-height: 21px; } 
.sod_frm_mobile .cp_cancel,
.sod_frm_mobile .cp_cancel1 { padding: 0 7px; border: 1px solid #d4d6db; border-radius: 4px; color: #aaa; background: #fff; line-height: 24px; margin: 5px 0 0 2px; font-size: 0.923em; } 
.sod_frm_mobile #sod_frm_escrow { margin: 10px; } 
.sod_frm_mobile #sod_frm_escrow h2 { font-size: 1.25em; } 
.sod_frm_mobile #od_pay_sl h3 { font-size: 1.25em; } 
#sod_frm.sod_frm_mobile .odf_list { border-top: 2px solid #000; } 
#sod_frm.sod_frm_mobile .odf_list ul { display: flex; flex-direction: column; gap:12px; padding-top: 12px } 
#sod_frm.sod_frm_mobile .odf_list ul li { display: flex; flex-direction: column; gap:4px; } 
#sod_frm.sod_frm_mobile .odf_list ul li > label,
#sod_frm.sod_frm_mobile .odf_list ul li > strong { font-weight: 400; font-size: 13px; color: #000; } 
#sod_frm.sod_frm_mobile .odf_list .frm_input { width: 100% !important; font-size: 13px; height: 40px; border: 1px solid #dcdcdc; } 
#sod_frm.sod_frm_mobile input[type="radio"],
.sod_frm_mobile #sod_frm.sod_frm_mobile input[type="checkbox"] { width: auto; -webkit-appearance: radio; -webkit-border-radius: initial; } 
#sod_frm.sod_frm_mobile #od_memo { min-height: 50px; } 
.sod_frm_mobile .od_prd_list { margin: 10px; background: #fff; padding: 15px; } 
.sod_frm_mobile .od_prd_list .td_chk { border-left: 0; } 
.sod_frm_mobile .od_prd_list .td_prd { border-left: 0; position: relative; padding-left: 90px; min-height: 100px; } 
.sod_frm_mobile .od_prd_list .td_prd .sod_img { position: absolute; top: 15px; left: 0; } 
.sod_frm_mobile .od_prd_list .td_prd .sod_name { min-height: 80px; } 
.sod_frm_mobile .od_prd_list .td_prd .prd_name { font-size: 1.167em; } 
.sod_frm_mobile .od_prd_list .total_prc { color: #ff006c; font-weight: 700; font-size: 1.167em; } 
.sod_frm_mobile #sod_frm_taker { } 
.sod_frm_mobile .odf_list .frm_input { width: 100%; } 
.sod_frm_mobile .odf_list .dlv_slt > div { display: flex; align-items: center; flex-wrap: wrap; row-gap: 4px; column-gap: 12px; position: relative; } 
.sod_frm_mobile .odf_list .dlv_slt strong { } 
.sod_frm_mobile .odf_list .dlv_slt div label { display: inline-block; margin: 3px 0; color: #000; } 
.sod_frm_mobile #order_address { border-radius: 4px; padding: 0; width: 80px; height: 30px; line-height: 28px; background: #fff; border: 1px solid #d4d6db; color: #606060; text-align: center; } 
.sod_frm_mobile .odf_list .ad_default { display: inline-block; margin: 0; } 
.sod_frm_mobile .odf_list .btn_addsch { display: inline-block; border: 0; background: #333; color: #fff; position: absolute; top: 5px; right: 5px; border-radius: 4px; height: 30px; width: 60px; } 
.sod_frm_mobile .odf_list textarea { display: block; width: 100%; height: 80px; border: 1px solid var(--base8); background: #fff; color: #000; vertical-align: middle; border-radius: 4px; padding: 0 12px; font-size: 16px; line-height: 24px; } 
.sod_frm_mobile .btn_cancel,
.sod_frm_mobile .btn01 { display: block; width: 100%; height: 50px; line-height: 48px; font-weight: bold; font-size: 15px; color: #252525; margin: 10px 0 0; padding: 0; text-align: center; border: 1px solid #707070; background: #fff } 
.sod_frm_mobile #sod_frm_escrow { margin: 10px; } 
.sod_frm_mobile #sod_frm_escrow h2 { font-size: 1.25em; } 
.sod_frm_mobile #od_pay_sl h3 { font-size: 1.25em; } 
.sod_frm_mobile #od_tot_price { background: none; font-weight: 700; color:#000; line-height:1; padding:0; } 
.sod_frm_mobile #display_pay_button { margin-top: 20px; } 
html.no-overflowscrolling #sc_coupon_frm,
html.no-overflowscrolling #od_coupon_frm { height: auto; max-height: 10000px !important; } /* overflow 미지원 기기 대응 */
#sod_frm_pay_info { margin: 0 0 10px; } 

#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 #ccc } 
.odf_tbl table th { border-top:1px solid #eceff4; padding: 10px; text-align:left; width:120px; font-weight:normal } 
.odf_tbl table td { border-top:1px solid #eceff4; padding:7px 10px; text-align:right } 


/* 네이버페이 */
.itemform-naverpay { margin: 15px 0; clear: both; } 
.cart-naverpay { margin-top: 15px; } 

/* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */
#bo_v_top .btn_admin,
#bo_list .btn_admin { padding-top: 0; } 

/* 개인결제 */
.pesonal { background: #fff; border: 1px solid #e3e5e8; margin-bottom: 30px; } 
.pesonal h2 { border-bottom: 1px solid #e2e4e7; font-size: 1.167em; padding: 20px; } 
.pesonal .tbl_frm01 { padding: 20px 10px; margin: 0; } 
.pesonal th { text-align: left; } 
.pesonal td { text-align: left; font-weight: bold; } 
.pesonal td input { width: 100%; } 
.pesonal .half_tr { width: 50%; } 

#personal_pay { background: #fff; border: 1px solid #e3e5e8; } 
#personal_pay h2 { background: #fff; border-bottom: 1px solid #e2e4e7; font-size: 1.167em; padding: 20px; } 
#personal_pay .lb_icon { position: relative; display: inline-block; cursor: pointer; z-index: 1; } 
#personal_pay input[type="radio"]:checked + .lb_icon { z-index: 3; } 

#personal_pay legend { position: absolute; font-size: 0; line-height: 0; overflow: hidden; } 
#personal_pay .KPAY { width: 58px; background: url("../../../img/kpay.png") no-repeat 50% 50% #fff; overflow: hidden; text-indent: -999px; } 
#personal_pay .PAYNOW { width: 75px; background: url("../../../img/paynow.png") no-repeat 50% 50% #fff; overflow: hidden; text-indent: -999px; border-radius: 30px; } 
#personal_pay .PAYCO { width: 75px; background: url("../../../img/payco.png") no-repeat 50% 50% #fff; overflow: hidden; text-indent: -999px; border-radius: 30px; } 
#personal_pay .kakaopay_icon { width: 60px; background: url("../../../img/kakao.png") no-repeat 50% 50% #ffeb00; overflow: hidden; text-indent: -999px; border-radius: 30px; } 
#personal_pay .pay_way { border-bottom: 1px solid #e2e4e7; } 
#personal_pay #display_pay_button { border: 0; } 

/* input, radio */
.selec_chk { display: none; } 
.chk_box { position: relative; } 
.chk_box input[type="checkbox"] { display: none; } 
.chk_box input[type="checkbox"] + label { display: flex; gap: 8px; cursor: pointer; } 
.chk_box input[type="checkbox"] + label span { width: 24px; height: 24px; background: url('../img/checkOff.svg')no-repeat center; background-size: contain; display: block; } 
.chk_box input[type="checkbox"]:checked + label span { background: url('../img/checkOn.svg')no-repeat center; background-size: contain; } 

.chk_box input[type="radio"] { display: none; } 
.chk_box input[type="radio"] + label { position: relative; padding-left: 23px; display: inline-block; color: #676e70; } 
.chk_box input[type="radio"] + label span { position: absolute; top: 0; left: 0; width: 15px; height: 15px; display: block; background: #fff; border: 1px solid #cdd6df; border-radius: 50%; } 
.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%; } 

/**************************************************************
***************************************************************
********************** 2025-03-18 eo **************************
***************************************************************
**************************************************************/
/* FONT FAMILY */
.aggro { font-family: "SBAggroL"; } 

/* FONT WEIGHT */
.text-weight-lighter { font-weight: 300; } 
.text-weight-regular { font-weight: 400; } 
.text-weight-medium { font-weight: 500; } 
.text-weight-semibold { font-weight: 600; } 
.text-weight-bold { font-weight: 700; } 


/* FONT SIZE */
.t10 { font-size: 10px; line-height: 12px; } 
.t12 { font-size: 12px; line-height: 16px; } 
.t13 { font-size: 13px; line-height: 18px; } 
.t14 { font-size: 14px; line-height: 20px; } 
.t15 { font-size: 15px; line-height: 22px; } 
.t16 { font-size: 16px; line-height: 24px; } 
.t18 { font-size: 18px; line-height: 26px; } 
.t20 { font-size: 20px; line-height: 28px; } 
.t24 { font-size: 24px; line-height: 32px; } 
.t28 { font-size: 28px; line-height: 34px; } 
.t32 { font-size: 32px; line-height: 36px; } 
.t40 { font-size: 40px; line-height: 40px; } 
.t44 { font-size: 44px; line-height: 54px; } 
.t48 { font-size: 48px; line-height: 56px; } 
.t70 { font-size: 70px; line-height: 84px; } 
.t74 { font-size: 74px; line-height: 89px; } 

/* TEXT-ALIGN */
.text-center { text-align: center; } 
.text-right { text-align: right; } 
.text-no-wrap { white-space: nowrap; } 
.text-through { text-decoration: line-through; } 
.ellipsis-2-lines { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

/* TEXT COLOR */
.text-primary { color: var(
 --primary) !important; } 
.text-danger { color: var(--danger); } 
.text-base0 { color: var(--base0); } 
.text-base1 { color: var(--base1); } 
.text-base2 { color: var(--base2); } 
.text-base3 { color: var(--base3); } 
.text-base4 { color: var(--base4); } 
.text-base5 { color: var(--base5); } 
.text-base9 { color: var(--base9); } 
.text-base10 { color: var(--base10); } 

/* BACKGROUND COLOR */
.bg-red { background: var(--red) !important; } 
.bg-primary { background: var(--primary) !important; } 
.bg-base1 { background: var(--base1) !important; } 
.bg-base2 { background: var(--base2) !important; } 
.bg-base3 { background: var(--base3) !important; } 
.bg-base4 { background: var(--base4) !important; } 
.bg-base6 { background: var(--base6) !important; } 
.bg-base8 { background: var(--base8) !important; } 
.bg-base9 { background: var(--base9) !important; } 
.bg-base10 { background: var(--base10) !important; } 

/* POSITION */
.relative { position: relative; } 
.absolute { position: absolute; } 
.absolute-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
.absolute-top-right { position: absolute; top: 0; right: 0; } 
.fixed { position: fixed; } 
.sticky { position: sticky; } 
.z-index-1 { z-index: 1; } 

/* DISPLAY */
.flex { display: flex; } 
.block { display: block; } 
.hidden { display: none; } 

/* FLEX */
.wrap { flex-wrap: wrap; } 
.grow-1 { flex-grow: 1; } 
.column { display: flex; flex-direction: column; flex-wrap: nowrap; } 
.items-start { align-items: flex-start; } 
.items-center { align-items: center; } 
.items-end { align-items: flex-end; } 
.justify-end { justify-content: flex-end; } 
.justify-center { justify-content: center; } 
.justify-between { justify-content: space-between; } 
.flex-start { display: flex; align-items: flex-start; justify-content: flex-start; } 
.flex-center { display: flex; align-items: center; justify-content: center; } 
.flex-end { display: flex; align-items: flex-end; justify-content: flex-end; } 
.start-between { display: flex; align-items: flex-start; justify-content: space-between; } 
.center-start { display: flex; align-items: center; justify-content: flex-start; } 
.center-between { display: flex; align-items: center; justify-content: space-between; } 
.end-between { display: flex; align-items: flex-end; justify-content: space-between; } 

/* ROW-GAP */
.row-4 { display: flex; flex-direction: column; gap: 4px; } 
.row-6 { display: flex; flex-direction: column; gap: 6px; } 
.row-8 { display: flex; flex-direction: column; gap: 8px; } 
.row-12 { display: flex; flex-direction: column; gap: 12px; } 
.row-16 { display: flex; flex-direction: column; gap: 16px; } 
.row-20 { display: flex; flex-direction: column; gap: 20px; } 
.row-24 { display: flex; flex-direction: column; gap: 24px; } 
.row-28 { display: flex; flex-direction: column; gap: 28px; } 
.row-32 { display: flex; flex-direction: column; gap: 32px; } 
.row-40 { display: flex; flex-direction: column; gap: 40px; } 
.row-52 { display: flex; flex-direction: column; gap: 52px; } 
.row-60 { display: flex; flex-direction: column; gap: 60px; } 
.row-100 { display: flex; flex-direction: column; gap: 100px; } 
.row-140 { display: flex; flex-direction: column; gap: 140px; } 


/* COLUMN-GAP */
.column-2 { display: flex; gap: 2px; } 
.column-4 { display: flex; gap: 4px; } 
.column-6 { display: flex; gap: 6px; } 
.column-8 { display: flex; gap: 8px; } 
.column-12 { display: flex; gap: 12px; } 
.column-16 { display: flex; gap: 16px; } 
.column-20 { display: flex; gap: 20px; } 
.column-32 { display: flex; gap: 32px; } 
.column-40 { display: flex; gap: 40px; } 
.column-52 { display: flex; gap: 52px; } 
.column-60 { display: flex; gap: 60px; } 
.column-80 { display: flex; gap: 80px; } 


/* BORDER */
.border { border: 1px solid var(--base8); } 
.rounded-xs { border-radius: 4px; } 
.rounded-sm { border-radius: 8px; } 
.rounded-md { border-radius: 16px; } 
.rounded-lg { border-radius: 20px; } 
.rounded-xl { border-radius: 32px; } 
.rounded-circle { border-radius: 50%; } 
.rounded-pill { border-radius: 200px; } 
.no-radius { border-radius: 0; } 
.no-border { border: 0 !important; } 

/* WIDTH */
.full-width { width: 100%; } 
.full-height { height: 100%; } 
.fit { width: 100%; height: 100%; } 

/* IMAGE */
.object-cover { object-fit: cover; aspect-ratio: 1; object-position: center; } 
.overflow-hidden { overflow: hidden; } 
.pointer { cursor: pointer; } 

/* SPACE */
.mt-auto { margin-top: auto; } 
.mx-auto { margin-left: auto; margin-right: auto; } 

/* LAYOUT */
.container { width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } 

/* 상단 레이아웃 */
#header { border-bottom: 1px solid var(--base8); } 
#header .column-16 { height: 30px; } 
#header .row-8 { padding: 7px 0; } 
#header .row-8 .bg-red { width: 16px; height: 16px; } 
#header .flex { height: 100px; } 
#header .flex .t18 { padding: 0 14px; } 
#header .absolute { left: 50%; transform: translateX(-50%); z-index: 2; top: 100px; padding: 20px; border: 1px solid var(--base8); } 
#header .absolute .t16 { color: var(--base2); } 
#header .absolute .t16:hover { color: var(--primary); } 
#header .search .center-between { width: 220px; border: 1px solid rgba(5, 11, 146, 0.7); backdrop-filter: blur(5px); padding: 7px 12px 7px 16px; } 
#header .search #sch_str { width: 100%; border: 0; } 
#header .search #sch_str::placeholder { color: var(--base6); } 
#header .search #sch_submit { border: 0; background: unset; } 

/* 하단 레이아웃 */
#footer { padding: 60px 0; } 
#footer .row-8 .column { opacity: 0.5; } 
#footer .row-8 .text-weight-lighter { opacity: 0.3; } 
#footer .row-4 .t14 { opacity: 0.7; } 



/* 메인 레이아웃 */
#main .bg-base3 { min-width: 1px; height: 24px; display: block; } 
#main .mySwiper2 .swiper-slide { height: 700px; } 
#main .mySwiper2 .swiper-slide .t74 { color: #615240; margin-left: auto; padding: 18px 28px 2px; } 
#main .mySwiper2 .swiper-pagination { padding: 2px 8px; width: unset; left: 50%; right: unset; bottom: 16px; background: rgba(0, 0, 0, 0.5); transform:translateX(-50%); } 
#main .mySwiper { position: absolute; top: 110px; left: 50%; transform: translateX(-600px); width: 274px; height: 480px; border: 1px solid var(--bases8); border-bottom: 0; } 
#main .mySwiper .swiper-slide { display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid var(--base8); } 
#main .mySwiper .swiper-slide .overflow-hidden { max-width: 128px; min-width: 128px; } 
#main .mySwiper .swiper-slide .text-base1 { width: 100%; padding-right: 16px; } 
#main .mySwiper .swiper-slide-thumb-active { border-bottom: 0; } 
#main .mySwiper .swiper-slide-thumb-active::after { content: ""; display: block; width: 100%; height: 100%; border: 4px solid var(--primary); position: absolute; left: 0; top: 0; } 
#main .section2 { padding: 80px 0; background: #f3f6fb url("../img/CK_j_ch064 1.png") no-repeat right bottom; background-size: auto; } 
#main .section3 { padding: 80px 0 120px; } 

/* 서브 레이아웃 */
#sub { padding: 100px 0 200px; } 
#subMenu .t18 { padding: 12px 8px; height: 50px; color: var(--base3); font-weight: 500; } 
#subMenu .text-primary { font-weight: 700; border-bottom: 4px solid var(--primary); } 

/* 상품 리스트 레이아웃 */
.grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 80px 52px; } 

#sub.login { background: #F3F6FB url('../img/logo-blue.png')no-repeat right 4px bottom; background-size: 520px; gap: 0; } 
#sub.login .row-28 { padding: 72px 20px 64px; max-width: 600px; background-color: #fff; border-radius: 12px 12px 0 0; } 
#sub.login .bg-base10 { max-width: 600px; margin: 0 auto; border-radius: 0 0 12px 12px; padding: 0 140px 92px; } 
#sub.login .bg-base10 .full-width { border: 0; border-bottom: 1px solid var(--base8); padding-bottom: 12px } 
#sub.login .bg-base10 .full-width::placeholder { color: var(--base6); } 

#sub.register_type { background: #F3F6FB url('../img/logo-blue.png')no-repeat right 4px bottom; background-size: 520px; gap: 0; } 
#sub.register_type .row-28 { padding: 72px 20px 20px; max-width: 600px; background-color: #fff; border-radius: 12px 12px 0 0; } 
#sub.register_type .bg-base10 { max-width: 600px; margin: 0 auto; border-radius: 0 0 12px 12px; padding: 0 20px 92px; } 
#sub.register_type .text-primary { border: 1px solid var(--base7); border-radius: 6px; height: 122px; max-width: 160px; transition: .15s; } 
#sub.register_type .text-primary:hover { border-color: var(--primary); } 

#sub.register { background: #F3F6FB url('../img/logo-blue.png')no-repeat right 4px bottom; background-size: 520px; gap: 0; } 
#sub.register .row-28 { padding: 72px 20px 64px; max-width: 600px; background-color: #fff; border-radius: 12px 12px 0 0; } 
#sub.register .bg-base10 { max-width: 600px; margin: 0 auto; border-radius: 0 0 12px 12px; padding: 0 92px 92px; } 
#sub.register .bg-base10 .row-20 .t16 { height: 54px; padding: 0 30px; } 
#sub.register .bg-base10 .row-20 .sns-kakao { background: #FEE500; } 
#sub.register .bg-base10 .row-20 .sns-naver { background: #03C75A; } 
#sub.register .bg-base10 .row-12 .bg-base8 { height: 1px; } 
#sub.register .bg-base10 .column-8 .flex-center { height: 48px; } 
#sub.register .chk_box {display: flex; align-items: center; justify-content: space-between;}

#sub.register_form { background: #F3F6FB url('../img/logo-blue.png')no-repeat right 4px bottom; background-size: 520px; gap: 0; } 
#sub.register_form .row-28 { padding: 72px 20px 64px; background-color: #fff; border-radius: 12px 12px 0 0; } 
#sub.register_form .bg-base10 { margin: 0 auto; border-radius: 0 0 12px 12px; padding: 0 120px 92px; } 
#sub.register_form .bg-base10 .text-base3 { padding: 5px 12px; right: 12px; top: 10px; } 
#sub.register_form .column-8 .t14 { color: var(--Colors-Grey-Color-Light-Base5, #A4A4A4); height: 48px; border-radius: 6px; border: 1px solid var(--Colors-Grey-Color-Light-Base8, #E0E0E0); background: var(--Colors-Grey-Color-Light-Base10, #FFF); } 
#sub.register_form .column-8 input:checked + .t14 { color: var(--Colors-Brand-Color-Light-Primary, #050B92); border: 1px solid var(--Colors-Brand-Color-Light-Primary, #050B92); } 
#sub.register_form .bg-base10 .column-8 .flex-center { height: 48px; max-width: 176px; } 


#sub.register_result { background: #F3F6FB url('../img/logo-blue.png')no-repeat right 4px bottom; background-size: 520px; gap: 0; } 
#sub.register_result .bg-base10 { max-width: 600px; margin: 0 auto; border-radius: 12px; padding: 72px 120px 92px 120px; display: flex; flex-direction: column; gap: 64px; } 
#sub.register_result .bg-base10 .bg-base9 { height: 48px; } 
#sub.register_result .text-primary { pointer-events: none; } 
#sub.register_result .mx-auto { max-width: 176px; } 

#sub.mypage .wrap { row-gap: 12px; padding: 20px; border:1px solid var(--base8); } 
#sub.mypage .wrap .full-width { max-width: 50%; } 
#sub.mypage .wrap .full-width .text-base1 { min-width: 120px; } 
#sub.mypage .justify-end .flex-center { font-weight: 400; height: 36px; padding: 0 12px; border:1px solid var(--primary) } 
#sub.mypage .justify-center .flex-center { height: 48px; max-width: 240px; } 

#sub.search .mx-auto { width: 320px; border: 1px solid rgba(5, 11, 146, 0.7); backdrop-filter: blur(5px); padding: 7px 12px 7px 16px; } 
#sub.search .mx-auto .no-border::placeholder { color: var(--base6); } 
#sub.search .mx-auto .flex-center { border: 0; background: unset; } 
#sub.search .bg-base4 { min-width: 1px; height: 12px; } 

#sub.about { padding-bottom: 0; } 
#sub.about > .container { max-width: unset; padding: 0; } 
#sub.about .text-base10 { background: url('../img/about-bg1.jpg')no-repeat center; background-size: cover; padding: 71px 20px; } 
#sub.about .text-base10 .row-52 { width:100%; margin: 0 auto; max-width: 800px; height: 378px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.20); } 
#sub.about .text-base10 .t18 { min-width: 80px; } 
#sub.about .text-base10 .t16 { opacity: .9; } 
#sub.about .row-100 .row-40 .t18 { color: #373957; } 
#sub.about .row-100 .column-52 img { margin-top: 6px; } 
#sub.about .column { background: url('../img/about-bg2.jpg')no-repeat center; background-size: cover; padding: 80px 0; } 
#sub.about .column .wrap { gap: 40px 60px; } 
#sub.about .column .wrap .bg-base10 { width: 100%; max-width: calc(50% - 30px); border-radius: 12px; padding: 32px 40px 26px; } 
#sub.about .column .wrap .bg-base10 .t48 { margin-top: -4px; } 
#sub.about .position-relative { padding: 120px 20px 70px; background: url('../img/about-bg3.jpg')no-repeat center; background-size: cover; } 
#sub.about .position-relative .row-60 { padding: 64px 72px; max-width: 900px; width: 100%; left: 50%; margin-left: -650px; } 
#sub.about .position-relative .absolute { z-index: 1; top: 0; right: 9.5%; max-width: 32.25%; } 

#sub.map .root_daum_roughmap .wrap_map { height: 485px; } 
#sub.map .root_daum_roughmap .cont { display: none; } 
#sub.map .column-40 { padding: 60px; border-bottom: 1px solid var(--base8); } 

#sub.item .column-60 { padding-bottom: 100px; } 
#sub.item .column-60 .row-24.full-width { max-width: 540px; } 
#sub.item .column-60 .row-24 .swiper-slide-visible { border: 1px solid var(--base8); background-color: var(--base8); } 
#sub.item .column-60 .row-24 .swiper-slide-visible img { border-radius: 2px; } 
#sub.item .column-60 .row-24 .swiper-slide-thumb-active { border: 2px solid var(--primary); background-color: var(--primary); } 
#sub.item .column-60 .row-32 { width: 100%; max-width: 600px; } 
#sub.item .column-60 .row-32 .row-8 { padding: 40px 0; border-top: 1px solid var(--base8); border-bottom: 1px solid var(--base8); } 
#sub.item .column-60 .row-32 .row-8 .text-base1 { min-width: 120px; } 
#sub.item .column-60 .row-32 select { cursor: pointer; outline: none; color: var(--base1); font-size: 15px; line-height: 22px; padding: 10px 20px; width:100%; height:48px; padding:0 10px; border:1px solid var(--base8); border-radius: 4px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url('../img/select_arrow.svg') no-repeat 96% 50%; } 
#sub.item .column-60 .row-32 .bg-base9 { padding: 20px; } 
#sub.item .column-60 .row-32 .bg-base9 .bg-base10 { width: 120px; height: 36px; } 
#sub.item .column-60 .row-32 .bg-base9 .bg-base10 .t16 { width: 48px; border: 0; border-left: 1px solid var(--base8); border-right: 1px solid var(--base8); } 
#sub.item .column-60 .row-32 .bg-base9 .bg-base10 .flex-center { width: 36px; } 
#sub.item .column-60 .row-32 .column-12 button { height: 50px; border-radius: 6px; } 
#sub.item .column-60 .row-32 .column-12 button.text-primary { border: 1px solid var(--primary); } 
#sub.item .row-40 .flex .t16 { color: var(--base4); font-weight: 500; height: 50px; padding: 0 20px; border-bottom: 1px solid var(--base7); } 
#sub.item .row-40 .flex .selected { color: var(--primary); font-weight: 700; border-color: var(--primary); } 
#sub.item .row-40 .row-20 .bg-base9:not(.p-0) { padding: 20px; } 
#sub.item .row-40 .row-20 .bg-base2 { border-radius: 6px; width: 120px; height: 50px; } 
#sub.item .row-40 .row-20 .column { border-bottom: 1px solid var(--base8); } 
#sub.item .row-40 .row-20 .column .column-20 { padding: 8px 88px 8px 20px; } 
#sub.item .row-40 .row-20 .column .column-20 .row-8 { padding-top: 8px; } 
#sub.item .row-40 .row-20 .column .column-20 .overflow-hidden { max-width: 100px; min-width: 100px; height: 100px; } 
#sub.item .row-40 .row-20 .column .column-20 .column-12 .bg-base8 { min-width: 1px; height: 10px; } 
#sub.item .row-40 .row-20 .column .t12 { top: 68px; right: 12px; width: 68px; height: 32px; } 

/* 상품리뷰작성 */
#reviewModal { padding: 20px; } 
#reviewModal .modal-content { padding: 40px 20px 32px 20px; } 
#reviewModal .modal-close { position: absolute; top: 12px; right: 12px; } 
#reviewModal .column-12 .overflow-hidden { min-width: 60px; height: 60px; max-width: 60px } 
#reviewModal .text-center { padding: 32px 0; border-top: 1px solid var(--base8); border-bottom: 1px solid var(--base8); } 
#reviewModal .text-center .column-8 { flex-direction: row-reverse; } 
#reviewModal .text-center .column-8 label { transition: .15s; width: 32px; height: 32px; background: url('../img/ic_rating_off_32.svg')no-repeat center; background-size: contain; } 
#reviewModal .text-center .column-8 input:checked ~ label { background: url('../img/ic_rating_on_32.svg')no-repeat center; background-size: contain; } 
#reviewModal textarea { height: 140px; padding: 12px 14px; border-radius: 4px; border: 1px solid var(--Colors-Grey-Color-Light-Base8, #E0E0E0); background: var(--Colors-Bg-Color-Light-Main_bg, #FFF); } 
#reviewModal .column-4 .relative .overflow-hidden { width: 52px; min-width: 52px; height: 52px; } 
#reviewModal .column-4 .relative .absolute { right: -10px; top: -10px } 
#reviewModal .pointer { height: 52px; } 
#reviewModal .column-12 .flex-center { height: 48px; border-radius: 4px } 

#sub.cart .column-80 { height: 160px; border-radius: 12px; border: 1px solid var(--base5); } 
#sub.cart .column-80 .bg-base6 { min-width: 1px; height: 60px; } 
#sub.cart .bg-base9 { width: 110px; height: 48px; } 
#sub.cart .column-12 > * { height: 48px; width: 176px; } 
#sub.cart .column-12 > *.text-primary { border: 1px solid var(--primary); } 

#sub.orderinquiryview .tbl_frm01 th, #sub.orderinquiryview .tbl_frm01 td { vertical-align: middle; line-height: 24px } 
#sub.orderinquiryview .tbl_frm01 th { height: 48px } 
@media (max-width: 1240px){
 #header .search { display: none; } 

 #main .mySwiper { left: 20px; transform: unset; } 
 #sub.about .position-relative .row-60 { left: unset; margin-left: 0; } 
 #sub.item .column-60 .row-24.full-width { max-width: calc(50% - 30px); } 
 }
@media (max-width: 1024px){
 #header .column-40 { gap: 0; } 
 #header .flex .t18 { font-size: 16px; } 
 #header .row-8 .t15 { display: none; } 

 #footer .logo { max-width: 80px; } 
 #footer .t16 { font-size: 15px; line-height: 22px; } 
 #footer .column .t14 { font-size: 13px; line-height: 18px; } 
 #footer .t18 { font-size: 14px; line-height: 20px; } 
 #footer .t32 { font-size: 24px; line-height: 32px; } 
 #footer .text-weight-lighter { font-size: 12px; line-height: 16px; } 


 #main .mySwiper { display: none; } 
 #main .mySwiper2 .swiper-slide .container { text-align: left; } 
 #main .mySwiper2 .swiper-slide .t74 { margin-left: unset; margin-right: auto; } 

 #sub { padding: 60px 0 100px; } 
 #subMenu .t48 { font-size: 32px; line-height: 36px; } 
 #subMenu .t18 { font-size: 15px; line-height: 22px; height: 38px; padding: 8px; } 
 .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px 32px; } 

 #sub.about .row-100 .column-52 { flex-wrap: wrap; } 
 #sub.about .row-100 .column-52 .full-width { max-width: calc(50% - 104px / 4); } 

 #sub.map .column-40 { padding: 40px 20px; flex-direction: column; } 

 #sub.list .row-24 .column-20 { gap: 8px; flex-wrap: wrap; justify-content:center; } 

 #sub.search .row-24 .center-between .column-20 { gap: 8px; flex-wrap: wrap; } 

 #sub.cart .td_prd .column-20 { flex-direction: column; align-items: flex-start; } 
 #sub.orderform .td_prd .column-20 { flex-direction: column; align-items: flex-start; } 
 #sub.orderinquiryview .td_prd .column-20 { flex-direction: column; align-items: flex-start; } 
 }

@media (max-width: 768px){
 #header .column-16,
 #header .flex,
 #header .row-8 .bg-red { display: none; } 
 #header .center-between { position: relative; height: 56px; } 
 #header .center-between .hidden { display: flex; } 
 #header .center-between .logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } 
 #header .center-between .logo img { max-width: 50px; } 
 #header .center-between .column-32 { gap: 20px; } 
 #header .center-between .column-32 img { max-width: 20px; } 
 #allMenu { padding: 16px 20px 24px; width: 100%; gap: 40px; } 
 #allMenu .search .center-between { border: 1px solid rgba(5, 11, 146, 0.7); backdrop-filter: blur(5px); padding: 7px 12px 7px 16px; } 
 #allMenu .search #sch_str { width: 100%; border: 0; } 
 #allMenu .search #sch_str::placeholder { color: var(--base6); } 
 #allMenu .search #sch_submit { border: 0; background: unset; } 
 #allMenu .bg-base6 { display: block; min-width: 1px; height: 12px; } 
 #allMenu .rounded-xs { border: 1px solid var(--base7); width: 100%; height: 48px; } 
 #allMenu .rounded-xs .bg-red { width: 16px; height: 16px; right: 4px; top: 4px; } 

 #footer { padding: 30px 0 50px; } 
 #footer .container { flex-direction: column; align-items: flex-start; } 
 #footer .row-12 { padding: 20px 0; gap: 4px; } 
 #footer .row-4 { gap: 0; } 
 #footer .column-16 { gap: 12px; } 

 #main .bg-base3 { display: none; } 
 #main .mySwiper3 .swiper-pagination { padding: 2px 8px; width: unset; left: unset; bottom: 16px; background: rgba(0, 0, 0, 0.5); right: 16px; } 
 #main .section2 { background: #f3f6fb url("../img/CK_j_ch064 1.png") no-repeat right top 24px; background-size: 168px; } 
 #main .section2,
 #main .section3 { padding: 40px 0 60px; } 
 #main .section2 .column-20,
 #main .section3 .column-20 { flex-direction: column; gap: 4px; align-items: center; } 
 #main .section2 .t40,
 #main .section3 .t40 { font-size: 24px; line-height: 32px; font-weight: 700; } 
 #main .section2 .t18,
 #main .section3 .t18 { color: var(--base4); font-size: 13px; font-weight: 300; line-height: 18px; } 

 #sub { gap: 40px; } 
 #subMenu { gap: 12px; } 
 .grid { gap: 48px 10px; } 
 .grid .row-16 { gap: 12px; } 
 .grid .row-16 * { font-size: 12px; line-height: 16px; } 
 .grid .t20 { font-size: 14px; line-height: 20px; } 
 .grid .t28 { font-size: 16px; line-height: 24px; } 
 .grid .items-end { gap: 0; } 
 .grid .items-end img { max-width: 80px; } 

#sub.login { background: #F3F6FB; } 
#sub.login .row-28 { padding: 40px 20px; width: calc(100% - 40px); } 
#sub.login .bg-base10 { max-width: unset; margin: 0 auto; border-radius: 0 0 12px 12px; padding: 0 28px 40px; } 
#sub.login .bg-base10 .bg-primary { height: 48px; font-size: 15px; font-weight: 500; line-height: 22px; } 
#sub.login .bg-base10 .text-base5,
#sub.login .bg-base10 .text-primary { font-size: 13px; line-height: 18px; } 


 #sub.register { background: #F3F6FB; } 
 #sub.register .row-28 { padding: 40px 20px; width: calc(100% - 40px); } 
 #sub.register .bg-base10 { max-width: unset; margin: 0 auto; border-radius: 0 0 12px 12px; padding: 0 20px 40px; } 
 #sub.register .bg-base10 .row-20 { margin: 0 0 40px; } 
 #sub.register .bg-base10 .row-20 .t16 { padding: 0 16px; } 
 #sub.register .bg-base10 .t18 { font-size: 15px; line-height: 22px; } 

 #sub.register_form { background: #F3F6FB; } 
 #sub.register_form .row-28 { padding: 40px 20px; width: calc(100% - 40px); } 
 #sub.register_form .bg-base10 { max-width: unset; margin: 0 auto; border-radius: 0 0 12px 12px; padding: 0 20px 40px; } 
 #sub.register_form .bg-base10 .row-8 .t15 { font-size: 13px; line-height: 18px; } 
 #sub.register_form #register_form {flex-direction: column; gap: 24px;}
 #sub.register_form .row-24 {gap: 12px;}
 #sub.register_form .row-8 {gap: 4px;}
 #sub.register_form .frm_input {height: 40px;}
 #sub.register_form button.btn_frmline {height: 40px; min-width: 80px;}
 #sub.register_form .bg-base10 .text-base3 {top: 6px;}
 #sub.register_form .bg-base10 .column-8 label.flex-center {height: 40px; max-width: 100%;}


 #sub.register_result { background: #F3F6FB; } 
 #sub.register_result .bg-base10 { padding: 40px 20px; gap: 40px; } 
 #sub.register_result .bg-base10 .t32 { font-size: 20px; line-height: 28px; } 
 #sub.register_result .bg-base10 .t15 { font-size: 13px; line-height: 18px; } 
 #sub.register_result .text-primary { pointer-events: unset; } 

 #sub.mypage #smb_my_ov .t18.center-between { flex-direction: column-reverse; gap: 40px; width: 100%; align-items: flex-start; } 
 #sub.mypage .wrap { gap: 8px; } 
 #sub.mypage .wrap .full-width { max-width: unset; } 
 #sub.mypage .wrap .t16 { font-size: 14px; line-height: 20px; } 
 #sub.mypage .justify-end { width: 100%; } 
 #sub.mypage .justify-end .flex-center { height: 48px; border-radius: 4px; width: 100%; border:1px solid var(--primary) } 

 #sub.about .row-140 { gap: 40px; } 
 #sub.about .text-base10 { padding: 20px; } 
 #sub.about .text-base10 .row-52 { gap: 40px; padding: 38px 32px; height: unset; } 
 #sub.about .text-base10 .row-52 .t48 { flex-direction: column; gap: 32px; text-align: center; word-break: keep-all; font-size: 40px; line-height: 40px; align-items: center; } 
 #sub.about .text-base10 .t18 { font-size: 14px; line-height: 20px; } 
 #sub.about .text-base10 .t16 { font-size: 14px; line-height: 20px; } 
 #sub.about .row-100 { gap: 40px; } 
 #sub.about .row-100 br { display: none; } 
 #sub.about .row-100 .row-40 { gap: 28px; } 
 #sub.about .row-100 .column-16 { gap: 0; } 
 #sub.about .row-100 .column-16 img { max-width: 46px; } 
 #sub.about .row-100 .column-16 .t48 { font-size: 28px; line-height: 36px; word-break: keep-all; } 
 #sub.about .row-100 .row-40 .t18 { font-size: 14px; line-height: 20px; } 
 #sub.about .row-100 .column-52 { gap: 28px 12px; } 
 #sub.about .row-100 .column-52 .full-width { max-width: calc(50% - 6px); } 
 #sub.about .row-100 .column-52 .full-width .row-16 { gap: 4px; } 
 #sub.about .row-100 .column-52 .full-width .row-8 { gap: 4px; } 
 #sub.about .row-100 .column-52 .full-width .t24 { font-size: 18px; line-height: 26px; } 
 #sub.about .row-100 .column-52 .full-width .t28 { font-size: 20px; line-height: 28px; } 
 #sub.about .row-100 .column-52 .full-width .t44 { font-size: 12px; line-height: 16px; } 
 #sub.about .column { background: #F3F6FB; padding: 40px 0; } 
 #sub.about .column .row-40 { gap: 20px; } 
 #sub.about .column .wrap { gap: 12px; } 
 #sub.about .column .wrap .bg-base10 { max-width: unset; padding: 20px; gap: 12px; } 
 #sub.about .column .wrap .bg-base10 .t20 { font-size: 18px; line-height: 26px; } 
 #sub.about .column .wrap .bg-base10 .t15 { font-size: 13px; line-height: 18px; } 
 #sub.about .position-relative { padding: 80px 20px; } 
 #sub.about .position-relative .absolute { right: 0; max-width: 215px; } 
 #sub.about .position-relative .row-60 { padding: 68px 32px 40px 32px; gap: 32px; } 
 #sub.about .position-relative .row-60 .t16 { font-size: 14px; line-height: 20px; gap: 12px; } 
 #sub.about .position-relative .row-60 img { max-height: 40px; } 

 #sub.list .row-24 { gap:40px; } 
 #sub.list .row-24 .justify-end .t14 { font-size: 12px; line-height: 16px; } 

 #sub.search .row-24 { gap: 40px; } 
 #sub.search .row-40 { gap: 24px; } 
 #sub.search .mx-auto { width: 100%; } 
 #sub.search .row-24 .center-between { flex-direction: column; gap: 12px; } 
 #sub.search .row-24 .center-between .t14 { font-size: 12px; line-height: 16px; } 
 #sub.map .root_daum_roughmap .wrap_map { height: 320px; } 
 #sub.map .column-52 { flex-direction: column; gap: 20px; align-items: flex-start; } 
 #sub.map .row-12 { gap: 4px; } 
 #sub.map .row-12 .t20 { font-size: 18px; line-height: 26px; } 
 #sub.map .row-12 .t24 { font-size: 20px; line-height: 28px; } 
 #sub.map .column-20 img { max-width: 32px; } 
 #sub.map .column-20 .t15 { font-size: 13px; line-height: 18px; } 
 #sub.map .column-20 .t18 { font-size: 15px; line-height: 22px; } 
 #sub.item { padding-top: 0; } 
 #sub.item .container { padding: 0; } 
 #sub.item .column-60 { flex-direction: column; gap: 40px; padding-bottom: 40px; } 
 #sub.item .column-60 .row-24.full-width { max-width: unset; gap:16px; } 
 #sub.item .column-60 .row-24 .mySwiper2 { border-radius: 0; } 
 #sub.item .column-60 .row-24 .mySwiper { padding: 0 20px; } 
 #sub.item .column-60 .row-32 { max-width: unset; padding: 0 20px; gap: 16px; } 
 #sub.item .column-60 .row-32 .row-12 { gap: 8px; } 
 #sub.item .column-60 .row-32 .row-12 .start-between .text-base4 { font-size: 13px; line-height: 18px; } 
 #sub.item .column-60 .row-32 .row-12 .t28 { font-size: 18px; line-height: 26px; } 
 #sub.item .column-60 .row-32 .row-12 .sit_star { max-width: 80px; } 
 #sub.item .column-60 .row-32 .row-12 .column-4 .t15 { font-size: 12px; line-height: 16px; } 
 #sub.item .column-60 .row-32 .row-20 { gap: 12px; } 
 #sub.item .column-60 .row-32 .row-8 { padding: 20px 8px; gap: 4px; } 
 #sub.item .column-60 .row-32 .row-8 .t16 { font-size: 13px; line-height: 18px; } 
 #sub.item .column-60 .row-32 .row-8 .text-base1 { min-width: 80px; } 
 #sub.item .column-60 .row-32 .bg-base9 { flex-direction: column; gap: 16px; align-items: flex-start; } 
 #sub.item .column-60 .row-32 .bg-base9 .column { flex-direction: row-reverse; align-items: center; justify-content: space-between } 
 #sub.item .column-60 .row-32 .row-24 { gap: 16px; } 
 #sub.item .column-60 .row-32 .row-24 .t18 { font-size: 14px; line-height: 20px; } 
 #sub.item .column-60 .row-32 .row-24 .column-4 { font-size: 15px; line-height: 22px; } 
 #sub.item .column-60 .row-32 .row-24 .t32 { font-size: 24px; line-height: 32px; } 
 #sub.item .row-40 { gap: 0; } 
 #sub.item .row-40 .row-20 { padding: 20px; } 
 #sub.item .row-40 .row-20 .bg-base9:not(.p-0) { background-color: unset !important; padding: 0; } 
 #sub.item .row-40 .row-20 .bg-base9:not(.p-0) .row-12 { display: none; } 
 #sub.item .row-40 .row-20 .bg-base2 { width: 100%; } 
 #sub.item .row-40 .row-20 .column .column-20 { padding: 12px 0px; } 
 #sub.item .row-40 .row-20 .column .column-20 > div:not(.rounded-xs) { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; width: 100%; } 
 #sub.item .row-40 .row-20 .column .column-20 .overflow-hidden { display: none; } 
 #sub.item .row-40 .row-20 .column .column-20 .row-8 { padding: 0; } 
 #sub.item .row-40 .row-20 .column .t12 { display: none; } 

 #sub.cart .row-60 { gap: 32px; } 
 #sub.cart .row-60 .row-24 { gap: 32px; } 
 #sub.cart .row-60 .row-24 .row-20 { gap: 12px; } 
 #sub.cart th:not(.chk_box) { display: none; } 
 #sub.cart .chk_box { padding: 8px; } 
 #sub.cart .chk_box .flex-center { justify-content: flex-start; } 
 #sub.cart .hidden { display: block; } 
 #sub.cart tbody tr { display: flex; flex-wrap: wrap; padding: 16px 0; border-bottom:1px solid var(--base8); } 
 #sub.cart .td_chk { width: 40px; border-top: 0; padding: 0 8px; } 
 #sub.cart .td_prd { width: calc(100% - 40px); border-top: 0; padding: 0 8px 12px; } 
 #sub.cart .td_prd .column-20 { gap: 12px; position: relative; } 
 #sub.cart .td_prd .column-20 .overflow-hidden { min-width: 80px; max-width: 80px; height: 80px; position: absolute; top: 0; left: 0; } 
 #sub.cart .td_prd .column-20 .row-8 .t18 { font-size: 14px; line-height: 20px; min-height: 80px; padding-left: 92px; } 
 #sub.cart .td_prd .column-20 .row-4 { flex-direction: row; justify-content: space-between; align-items: flex-start; } 
 #sub.cart .td_prd .column-20 .row-4 li { font-size: 13px; line-height: 18px; } 
 #sub.cart .td_prd .column-20 .row-4 .text-primary { font-size: 12px; line-height: 16px; padding: 3px 7px; white-space: nowrap; } 
 #sub.cart td { border-bottom: 0 } 
 #sub.cart td:not(.td_prd ,.td_chk) { font-size: 13px; line-height: 18px; display: flex; width: 50%; justify-content: space-between; padding: 0 12px; border-top: 0; } 
 #sub.cart td:not(.td_prd ,.td_chk) .text-primary { font-size: 13px; line-height: 18px; color: #8C8C8C !important; } 
 #sub.cart td:not(.td_prd ,.td_chk):nth-of-type(2n) { border-left: 1px solid var(--base8); } 
 #sub.cart .bg-base9 { width: 100%; } 
 #sub.cart .column-80 { height: 100px; gap: 20px; padding: 0 20px; } 
 #sub.cart .column-80 .row-4 { width: 100%; } 
 #sub.cart .column-80 .row-4 .t18 { font-size: 13px; line-height: 18px; } 
 #sub.cart .column-80 .row-4 .t20 { font-size: 18px; line-height: 26px; } 
 #sub.cart .column-80 .row-4 .t32 { font-size: 24px; line-height: 32px } 
 #sub.orderform .tbl_head03 table { border-bottom: 0; } 
 #sub.orderform .tbl_head03 { border-top: 2px solid #000; border-bottom: 0; margin-bottom: 0; } 
 #sub.orderform .tbl_head03 th { display: none; } 
 #sub.orderform .tbl_head03 tbody tr { display: flex; flex-wrap: wrap; padding: 16px 8px 12px; border-bottom: 1px solid var(--base8); } 
 #sub.orderform .tbl_head03 .td_prd { width: 100%; border-top: 0; padding: 0; padding-bottom: 12px; } 
 #sub.orderform .tbl_head03 .td_prd .column-20 { gap: 12px; position: relative; } 
 #sub.orderform .tbl_head03 .td_prd .column-20 .overflow-hidden { min-width: 80px; max-width: 80px; height: 80px; position: absolute; top: 0; left: 0; } 
 #sub.orderform .tbl_head03 .td_prd .column-20 .t18 { font-size: 14px; line-height: 20px; min-height: 80px; padding-left: 92px; } 
 #sub.orderform .tbl_head03 .td_prd .column-20 li { font-size: 13px; line-height: 18px; } 
 #sub.orderform .tbl_head03 .td_prd .column-20 .text-primary { font-size: 12px; line-height: 16px; padding: 3px 7px; white-space: nowrap; } 
 #sub.orderform .tbl_head03 td { border-bottom: 0; } 
 #sub.orderform .tbl_head03 td:not(.td_prd) { font-size: 13px; line-height: 18px; display: flex; width: 50%; justify-content: space-between; padding: 0 8px 4px; border-top: 0; } 
 #sub.orderform .tbl_head03 td:not(.td_prd) .hidden { display: block; } 
 #sub.orderform .tbl_head03 td:not(.td_prd) .text-primary { font-size: 13px; line-height: 18px; color: #8C8C8C !important; } 
 #sub.orderform .tbl_head03 td:not(.td_prd):nth-of-type(2n) { border-right: 1px solid var(--base8); } 
 #sub.orderform .column-40 { flex-direction: column; } 
 #sub.orderform .column-40 .row-40 { max-width: unset; } 
 #sub.orderform .column-40 .sod_right { width: 100%; } 
 #sub.orderform .sod_left .row-20 { gap: 12px; } 
 #sub.orderform .sod_right { max-width: unset; } 


 #sub.orderinquiryview .tbl_frm01 th,
 #sub.orderinquiryview .tbl_frm01 td { font-size: 15px; } 
 #sub.orderinquiryview .tbl_head03 table { border-bottom: 0; } 
 #sub.orderinquiryview .tbl_head03 { border-top: 2px solid #000; border-bottom: 0; margin-bottom: 0; } 
 #sub.orderinquiryview .tbl_head03 th { display: none; } 
 #sub.orderinquiryview .tbl_head03 tbody tr { display: flex; flex-wrap: wrap; padding: 16px 8px 12px; border-bottom: 1px solid var(--base8); } 
 #sub.orderinquiryview .tbl_head03 .td_prd { width: 100%; border-top: 0; padding: 0; padding-bottom: 12px; } 
 #sub.orderinquiryview .tbl_head03 .td_prd .column-20 { gap: 12px; position: relative; } 
 #sub.orderinquiryview .tbl_head03 .td_prd .column-20 .overflow-hidden { min-width: 80px; max-width: 80px; height: 80px; position: absolute; top: 0; left: 0; } 
 #sub.orderinquiryview .tbl_head03 .td_prd .column-20 .t18 { font-size: 14px; line-height: 20px; min-height: 80px; padding-left: 92px; } 
 #sub.orderinquiryview .tbl_head03 .td_prd .column-20 li { font-size: 13px; line-height: 18px; } 
 #sub.orderinquiryview .tbl_head03 .td_prd .column-20 .text-primary { font-size: 12px; line-height: 16px; padding: 3px 7px; white-space: nowrap; } 
 #sub.orderinquiryview .tbl_head03 td { border-bottom: 0; } 
 #sub.orderinquiryview .tbl_head03 td:not(.td_prd) { font-size: 13px; line-height: 18px; display: flex; width: 50%; justify-content: space-between; padding: 0 8px 4px; border-top: 0; } 
 #sub.orderinquiryview .tbl_head03 td:not(.td_prd) .hidden { display: block; } 
 #sub.orderinquiryview .tbl_head03 td:not(.td_prd) .text-primary { font-size: 13px; line-height: 18px; color: #8C8C8C !important; } 
 #sub.orderinquiryview .tbl_head03 td:not(.td_prd):nth-of-type(2n) { border-right: 1px solid var(--base8); } 
 #sub.orderinquiryview .column-40 { flex-direction: column; } 
 #sub.orderinquiryview .column-40 .row-40 { max-width: unset; } 
 #sub.orderinquiryview .column-40 .sod_right { width: 100%; } 
 #sub.orderinquiryview .sod_left .row-20 { gap: 12px; } 
 #sub.orderinquiryview .sod_right { max-width: unset; } 
}

#smb_my .tbl_head03 { white-space: nowrap; overflow-x: auto; } 



.modal {padding: 20px;}
.modal-content {gap: 40px; border: 0; border-radius: 16px; padding: 32px 20px 20px; position: relative;}
.modal-content .position-absolute {right: 8px; top: 8px;}