/*
메인컬러 : fad4d4
강조폰트 : c98b57
*/
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap');
p {word-break: keep-all;}
.blocker {z-index: 1000;}
.show {display: block;}
.hide {display: none;}
.float_l {float:left;}
.float_r {float:right;}
.po_fixed {position:fixed;}
.po_abs {position:absolute;}
.po_rel {position:relative;}
.po_static {position:static;}
.clear {clear:both;}
.over_h {overflow:hidden;}
.after:after {content: ''; clear: both; display: block;}
.mt-30 {margin-top: 30px;}
.mar_b_50 {margin-bottom: 50px;}
.mar_b_100 {margin-bottom: 100px;}
.mar_t_100 {margin-top: 100px;}
.modal {max-width: 600px; height: auto; padding: 100px 30px 50px; overflow: hidden;}
.tax_modal {padding: 50px 10px 50px;}
.modal .close-modal {display: none !important;}
.modal .btn_wrap {text-align: center; margin-top: 30px;}
.modal .close {display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; border: 1px solid #e1e1e1; background: #fff; color: #666; min-width: 120px; border-radius:3px}
.modal .modify {display: inline-block; height: 40px; line-height: 40px; padding: 0 15px; background: #c98b57; color: #fff; border: none; vertical-align: bottom; min-width: 120px; border-radius:3px}
.modal .modal_title {position: absolute; top: 0; left: 0; width: 100%; background: #c98b57; color: white; text-align: center; height: 50px; line-height: 50px; font-size: 18px; font-weight: 500;}
.modal textarea {border: 1px solid #e1e1e1; width: 100%; min-height: 200px; padding: 15px; resize: none;}


/* 상세페이지의 썸네일 전용 */
.video_wrap {position: relative; height: 0; padding-bottom: 100%; background: #fad4d4;}
.video {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 56.26%; }
.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 버튼 */
a.btn, .btn {line-height:35px;height:35px;padding:0 10px;text-align:center;border-radius:3px;font-weight:bold;border:0;min-width: 35px;}
a.btn01 {display:inline-block;padding:0 7px;border:1px solid #ccc;border-radius:3px;background:#fff;color:#333;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover, button.btn01:hover {text-decoration:none;background:#f3f3f3}
button.btn01 {display:inline-block;margin:0;padding:0 7px;border:1px solid #e1e1e1;background:#fff;color:#333;text-decoration:none}
a.btn02 {display:inline-block;padding:0 7px;border:1px solid #d50c0c;background:#d50c0c;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none;background:#c98b57; color: white;}
button.btn02 {display:inline-block;margin:0;padding:0 7px;border:none;border-radius:3px;background:#c98b57;color:#fff;text-decoration:none}
.btn_confirm {text-align:center}/* 서식단계 진행 */
.btn_submit {background:#c98b57;color:#fff;transition:0.3s ease all;border:0; padding:0 20px; font-size: 14px; font-weight: normal;}
.btn_submit:hover {background:#c98b57; transition:0.3s ease all;}
.btn_address {background:#c98b57;height:40px; border:none; color:#fff; text-align:center; width:80px;font-weight:bold}
fieldset .btn_submit {padding:0 7px;line-height:1em}
a.btn_cancel {display:inline-block;padding:7px 15px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle; }
#bo_w .btn_cancel {border-radius: 3px; padding: 0 20px;}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 10px;height:30px;border:1px solid #c98b57;color:#c98b57;background:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle}/* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;border:1px solid #c1c1c1;border-radius:3px;color:#000;text-decoration:none;vertical-align:middle;  font-size: 14px; font-weight: normal;}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02,.btn_b02 {display:inline-block;background:#c98b57;border-radius:3px;padding:0 20px;color:#fff;text-decoration:none;border:0;vertical-align:middle; font-size: 14px; font-weight: normal;}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block;border:1px solid #c98b57;border-radius:3px;color:#c98b57;text-decoration:none;vertical-align:middle;padding:0 20px; font-size: 14px; font-weight: normal;}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_b04, .btn_b04 {display:inline-block;border-radius:3px;border:1px solid #c98b57;color:#c98b57;background:#fff;text-decoration:none;vertical-align:middle;padding:0 20px; font-size: 14px; font-weight: normal;}
a.btn_b04:hover, .btn_b04:hover {}
a.btn_admin,.btn_admin {display:inline-block;background:#00c3a0;border-radius:3px;color:#fff;text-decoration:none;vertical-align:middle;  font-size: 14px; font-weight: normal;} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {}
a.btn_admin2,.btn_admin2 {display:inline-block;background:#fff;color:#000;border:1px solid #c1c1c1;border-radius:3px;text-decoration:none;vertical-align:middle;padding:0 20px; font-size: 14px; font-weight: normal;} /* 관리자 전용 버튼 */


/* 띠배너 */



/* 메인메뉴 */
.gnb_shortcut > li:hover {border-bottom: 2px solid #c98b57; color: #c98b57;}
#menu_open {border-left: 1px solid #fad4d4; border-right: 1px solid #fad4d4; /*background: #fad4d4; color: #c98b57;*/ background: #f59194; color: #fff;}
.tnb_right a:hover {color: #c98b57;}
.gnb_2dul {background: #fad4d4; }
.gnb_2da {color: #000; border-bottom: 2px solid #fad4d4;}
.gnb_2da:focus, .gnb_2da:hover {color: #c98b57 !important; border-bottom: 2px solid #c98b57;}




/* 상단 레이아웃 */
#hd_sch {border: 2px solid #fad4d4;}
#animated-example {background: #c98b57;}
#animated-example:before {border-bottom: 4px solid #c98b57;}

/* top-line 우측 */
.ht_num {background: #fad4d4; color: #c98b57;}
#hd_qnb li a button:hover i {color: #c98b57;}
#hd_qnb li a button:hover h1 {color: #c98b57;}

/* top line */
#top-line .wrap .lt-area a:hover {color: #c98b57;}


/* 상단 키워드 */
#ppl_word li .word-rank {color: #c98b57;}

/* 마이페이지 버튼 호버 */
#hd_qnb .mypage_logon {display: inline-block;}
#hd_qnb .mypage_logon button {border: none; background: #fff; transition: 0.3s ease all;}
#hd_qnb .mypage_logon button:hover i {color: #c98b57;}
#hd_qnb .mypage_logon button:hover h1 {color: #c98b57;}
#hd_qnb .mypage_hover_menu {display: none; position: absolute; top: 70px; left: 0; width: 150px; z-index: 10; background: white; border: 1px solid #dcdcdc; border-radius: 3px;}
#hd_qnb .mypage_hover_menu ul {width: 100%; }
#hd_qnb .mypage_hover_menu ul li {padding: 8px 0; border-bottom: 1px solid #eee;}
#hd_qnb .mypage_hover_menu ul li:last-child {border-bottom: 0;}
#hd_qnb .mypage_hover_menu ul li a {display: block; width: 100%; background: none;}
#hd_qnb .mypage_hover_menu ul li a:hover {color: #c98b57;}

#smb_my_ov .my_name span {display: inline-block; background: #c98b57; font-size: 13px; color: white; padding: 2px 10px; border-radius: 12px; margin-top: 10px;}


/* 회원가입 약관 */
#fregister h2 {font-size: 14px; padding: 15px 20px;}
#fregister p {background: #e25255; color: #fff; font-weight: normal; font-size: 14px;}
.fregister_agree input[type="checkbox"] + label:hover {color: #c98b57;}
#fregister textarea {font-size: 14px;}
#fregister_private table {font-size: 14px;}
.fregister_agree input[type="checkbox"] + label span {top: 17px;}
#fregister_chkall {font-size: 14px; }
#fregister_chkall.chk_all {background: #fff1f1;}
.register .btn_confirm .btn_submit, .register .btn_confirm .btn_close {font-size: 14px; font-weight: normal;}

.member_type_info .info_wrap {padding: 20px;}



.member_type .type_wrap {padding: 20px;}
.member_type .type_wrap ul li {font-size: 16px; display: inline-block; margin-right: 20px; }
.member_type .type_wrap ul li label {margin-left: 3px; cursor: pointer;}
.member_type .type_wrap ul li input {vertical-align: sub;}
.member_type .type_wrap ul li input[type='radio']:checked + label {color: #c98b57; font-weight: bold;}
.member_type .type_wrap table {width:100%;border-collapse:collapse; font-size: 14px; margin-top: 20px;}
.member_type .type_wrap th {background:#f7f7f9;width:150px;color:#000;padding:10px;border:1px solid #d8dbdf}
.member_type .type_wrap td {border:1px solid #e7e9ec;padding:10px;}

/* 회원가입 */
.line_box::after { border-bottom: 1px solid #fad4d4;}
.nick_info {background: #c98b57;}
.line_box::before {width: 100%; border-bottom: 0;}
#sns_register {display: none;}
#sns_register.show {display: block;}
#sns_register h2 {    padding: 0 20px;}


/* 전체 카테고리 호버 */
#category.cielpia_custom {background: #fff1f1; border: 1px solid #ecb4b5; height: 0; overflow: hidden; transition: height 0.3s; margin-top: -2px;}
#category.cielpia_custom.on {display: block; height: auto;}
#category.cielpia_custom .ct_wr {padding: 0;}
#category.cielpia_custom .cate_li_1 {width: calc(100% / 7); text-align: center; margin: 0; border-right: 1px solid #fad4d4;}
#category.cielpia_custom .cate_li_1:nth-child(1), #category.cielpia_custom .cate_li_1:nth-child(2), #category.cielpia_custom .cate_li_1:nth-child(3), #category.cielpia_custom .cate_li_1:nth-child(4), #category.cielpia_custom .cate_li_1:nth-child(5), #category.cielpia_custom .cate_li_1:nth-child(6), #category.cielpia_custom .cate_li_1:nth-child(7) {border-bottom: 1px solid #fad4d4;}
#category.cielpia_custom .cate_li_1:nth-child(7), #category.cielpia_custom .cate_li_1:nth-child(14) {border-right: 0;}
#category.cielpia_custom .cate_li_1_a {border-bottom: 0; height: 100%; padding: 40px 0; margin: 0;}
#category.cielpia_custom a:hover {color: #e25255;}
#category.cielpia_custom .cate_li_1_a .img_2{display:none}
#category.cielpia_custom .cate_li_1_a:hover .img_1{display:none;}
#category.cielpia_custom .cate_li_1_a:hover .img_2{display:inline-block;}
#category.cielpia_custom .cate_li_1_a .name {display: block; margin-top: 20px;}


/* 퀵메뉴 */
#quick_menu .qm_wrap .top_btn:hover { background: #f59194; color: #fff;}





/* 메인페이지의 할인 상품 */
.main2 .swiper-container img {height: auto;}
.main2 .swiper-container .star_position > img{width:auto; height:18px;}


/* 메인 섹션 01 */
.main_bg_01 .mbg_wrap {overflow: hidden;}
.main_bg_01 .mbg_wrap p {position: absolute; z-index: 1; transform: translateY(-50%); top: 50%; left: 10%; text-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 0;}
.main_bg_01 .mbg_wrap img {width: 100%; position: relative;}

/* 메인 섹션 02 */
.main_bg_02 ul li.service_box_01 {width: 100%;}

/* 메인 라인 배너(사용안함) */
.line_banner {height: 300px;}
.line_banner .mbg_wrap {max-width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.line_banner .mbg_wrap .text_position {position: absolute; z-index: 1; transform: translateY(-50%); top: 50%; }
.line_banner .mbg_wrap .text_position .link_btn {background: white; color: #333; font-size: 18px; padding: 10px 20px; border-radius: 5px; margin-top: 20px; display: inline-block;}

/* 메인 중간배너 */
.main_middle_banner li {list-style: none;}
.main_middle_banner li img {width: 100%;}



/* 개인정보처리방침 */
.privacy_content {border: 1px solid #eee; padding: 30px; font-size: 16px; line-height: 24px; margin-bottom: 30px;}




/* footer */
footer#pd_footer .wrapper .ft_right .ft_box {margin-bottom: 10px;}

/* 자주묻는질문 */
#faq_wrap li h3 {font-size: 16px; font-weight: 500;}
#faq_wrap li h3.faq_li_open a {color: #c98b57;}
#faq_con .con_inner .closer_btn {color: #c98b57;}
#faq_wrap li h3 .tit_bg {  font-family: "Cabin", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-variation-settings: "wdth" 100;}



/* 로그인 */
#member_menu .member_div {margin: 0; transform: translateX(-50%) translateY(-50%); width: auto;}
#mb_login #login_fs .btn_submit {border: 1px solid #c98b57;}
#mb_login #login_fs .join {border: 1px solid #dcdcdc; color: #333;}

.member_type2_info {padding: 15px 35px 35px;}
.basic_member_sns_login {padding: 0px 35px;}
.member_type2_info .title, .basic_member_sns_login .title {border:1px solid #dcdcdc; border-radius: 5px; padding: 10px 0; cursor: pointer; position: relative;}
.member_type2_info .title h2, .basic_member_sns_login .title h2 {font-size: 14px;}
.member_type2_info .title:hover h2, .basic_member_sns_login .title:hover h2 {color: #c98b57;}
.member_type2_info .title img, .basic_member_sns_login .title img {position: absolute; right: 20px; top: 16px; transform: rotate(90deg);}
.member_type2_info .content {display: none; background: #f5f5f5; padding: 20px; border-radius: 5px; margin-top: 10px;}
.member_type2_info .content p {font-size: 14px; line-height: 24px; word-break: keep-all;}
.member_type2_info .content .btn {background: #c98b57; color: #fff; font-size: 14px; display: inline-block; padding: 0px 20px; line-height: 35px; font-weight: normal; margin-top: 20px;}

.basic_member_sns_login .sns_box {display: none; margin-top: 10px;}
.basic_member_sns_login .sns_box #sns_login {padding: 0 !important; border-top: 0;}
.basic_member_sns_login .sns_box .info {background: #f5f5f5; padding: 20px; border-radius: 5px; margin-bottom: 10px;}
.basic_member_sns_login .sns_box .info p {font-size: 14px; line-height: 24px; word-break: keep-all;}
#mb_login #sns_login .txt {font-size: 14px; font-weight: 500; line-height: 39px;}

#mb_confirm .btn_submit {margin-top: 30px;}
#login_info .login_if_auto label {color: #333;}



/* 마이페이지 */
#smb_my_ov .hello_name {padding-top: 20px;}
#smb_my_ov .my_name {font-size: 18px; margin: 0;}
.my_info dt {font-size: 12px; font-weight: 600;}
.my_info dd {font-size: 14px;}
.my_cou_wr a {font-size: 14px;}
.my_cou_wr a span {font-size: 12px;}

.mypage_side_menu {}
.mypage_side_menu li {border-bottom: 1px solid #e6e6e6; }
.mypage_side_menu li:last-child {border-bottom: 0;}
.mypage_side_menu li a {padding: 10px; display: block;}
.mypage_side_menu li a:hover {background: #c98b57; color: #fff;}

/* 회원 비밀번호 확인 */
#mb_confirm {display: block;}
#mb_confirm h1 {padding: 60px 0 30px; margin-bottom: 0;}
.mbskin .btn_submit {margin: 0px auto 0; display: block; padding: 0 20px;}


/* 상품 리스트(서브) */
.swiper-container .sct_a {position: relative;}
.sct .it_basic, .swiper-container .sct_a .it_basic {display: none; position: absolute; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.sct .it_basic p, .swiper-container .sct_a .it_basic p {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 90%; color: white; font-size: 16px; line-height: 24px; text-align: center;}
.sct .sct_btn {z-index: 2;}
.sct .sct_li:hover .it_basic, .swiper-container .sct_a:hover .it_basic {display: block;}

/* 장바구니 버튼 숨김 */
.sct .sct_btn {}



/* 상세페이지 기관 금액 구간 */
.it_4_price_title {margin-top: 15px; color: #c98b57;}
.it_4_price {width: 100%; border: 1px solid #e1e1e1; border-collapse: collapse; margin-top: 10px;}
.it_4_price th {border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; padding: 0 15px; height: 40px;}
.it_4_price td {border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 0 15px;}

/* 상세페이지 상품 후기 */
.sit_use_sort_wrap ul {width: 400px;}
.sit_use_sort_wrap ul li {float: left; width: 24%; line-height: 39px; height: 40px; text-align: center; font-size: 14px; border: 1px solid #dcdcdc; margin-left: 1%; cursor: pointer;}
.sit_use_sort_wrap ul li:hover {background: #f3f3f3;}
.sit_use_sort_wrap ul li.active {background: #c98b57; color: #fff; border: 1px solid #c98b57;}


/* 상세페이지 상품 상/하단 공통 이미지 */
.detail_common_part img {width: 100%;}

/* 상세페이지 동영상 */
.prd_video {margin-top: 30px;}
#sit_pvi_big {z-index: 9;}
#sit_pvi .video_wrap { position: absolute; width: 100%; top: 0; z-index: 8}
#sit_pvi .video_wrap.show {z-index: 10}
#sit_pvi .video_wrap .video {position: absolute; top: 50%; transform: translateY(-50%);}
#sit_pvi #play {background: #f59194; color: #fff; text-align: center; width: 100px; line-height: 40px; border-radius: 10px; position: absolute; right: 15px; bottom: 15px; cursor: pointer;}
#sit_pvi #stop {cursor: pointer; position: absolute; top: 15px; right: 15px; font-size: 40px; line-height: 30px;}

/* 상세페이지 동영상 */
.new_win {}

/* 마이페이지 테이블 */
.table_title { margin-bottom: 15px;}
.mypage_table {border: 1px solid #e1e1e1; width: 100%; border-collapse: collapse;}
.mypage_table th {vertical-align: middle; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; padding: 5px 10px; width: 130px; background: #f9f9f9; height: 45px;}
.mypage_table th:nth-child(3) {border-left: 1px solid #e1e1e1;}
.mypage_table td {vertical-align: middle; padding: 5px 10px; border-bottom: 1px solid #e1e1e1;}
.mypage_table td .frm_input { border: 1px solid #e1e1e1; letter-spacing: 0; }

/* 가입자 인증 */
#smb_my_wr .page_title {font-size: 24px; font-weight: bold; margin-bottom: 30px; color: #c98b57;}


.business_info_form .cert_info td.yes_cert {color: #c98b57;}
.business_info_form .cert_info td.no_cert {color: #999;}

.business_info_form .business_cert_img {margin-top: 30px;}
.business_info_form .business_cert_img .content .file input[type="file"] {border: 1px solid #e1e1e1; border-radius: 3px; padding: 5px; display: inline-block; margin-bottom: 10px;}
.business_info_form .business_cert_img .content .state td.no_img {color: #999;}
.business_info_form .business_cert_img .content .state td.yes_img {color: #c98b57;}
.business_info_form .business_cert_img .content .state td.yes_img a {border-bottom: 1px solid #29a1e5; color: #29a1e5;}
.business_info_form .business_cert_img .content .info {margin-top: 10px;}
.business_info_form .business_cert_img .content .info p {color: #666;}

.business_info_form .business_info {margin-top: 30px;}
.business_info_form .business_info .frm_input {border: 1px solid #e1e1e1;}

/* 입점문의 */
#bo_w .process_info {margin-top: 30px;}
#bo_w .process_info h4 {font-size: 16px; margin-bottom: 10px;}
#bo_w .process_info p {color: #666; font-size: 14px; line-height: 20px;}
#bo_w .process_info img {width: 100%;}

/* 기타 */
#bo_v_top ul {background: none;}


/* 게시판 상단 배너 이미지 */
#sev_himg img {width: 100%;}

/* 보유 포인트 */
.point_page .current_point {background: #fff5f5; border: 1px solid #f59194; border-radius: 10px; padding:30px 20px; overflow: hidden;}
.point_page .current_point span {float: left; display: inline-block; font-size: 16px; line-height: 20px; color: #555; font-weight:500; }
.point_page .current_point p {float: right; display: inline-block; font-size: 20px; line-height: 20px; font-weight:bold; color: #c98b57;}

.point_page .point_history {margin-top: 30px; border-top: 1px solid #e1e1e1;}
.point_page .point_history li {position: relative; padding: 20px 0; border-bottom: 1px solid #e1e1e1;}
.point_page .point_history li p {font-size: 16px; line-height: 20px;}
.point_page .point_history li span {font-size: 12px; line-height: 12px; color: #999; margin-top: 10px;}
.point_page .point_history li .point {font-weight: bold; font-size: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: right;}
.point_page .point_history li .point.plus {color: deepskyblue}
.point_page .point_history li .point.minus {color: crimson;}


/* 마이페이지 주문내역 PC용 */
.pc_order_list {}
.pc_order_list table {border: 1px solid #e1e1e1; width: 100%; border-collapse: collapse;}
.pc_order_list table th {vertical-align: middle; border-bottom: 1px solid #e1e1e1; padding: 0 10px; width: 150px; background: #f9f9f9; height: 45px; text-align: center;}
.pc_order_list table td {vertical-align: middle; padding: 0px 10px; border-bottom: 1px solid #e1e1e1; height: 45px;}

.pc_order_list table th.th_date {width: 120px;}
.pc_order_list table th.th_price {width: 100px;}
.pc_order_list table th.th_id {width: 145px;}
.pc_order_list table th.th_status, .pc_order_list table th.th_more {width: 80px;}
.pc_order_list table td.td_more a {color: #1c8def; text-decoration: underline; font-weight: normal;}
.pc_order_list table .empty_list {display: table-row;}


/***********************************************************************

● 오늘,내일 표시 버튼 CSS 2023-09-21
● 제작 : 시리즈8 / 우주정복
● 우주정복시리즈 : https://series8.kr

***********************************************************************/
/* Button 기본 설정 */
.creambtn { border-radius: 2px; border: 1px solid transparent; font-weight: normal; vertical-align: middle; white-space: nowrap; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; border-radius: 3px;}

.creambtn.btn-yellowblack { background: #f59194; color: #fff;}

.btn.btn-black { color: #fff;background-color: #666; }

.btn-xs { padding: 2px 2px; }
/**********************************************************************/



/* 주문서 작성 */
#sod_frm_taker .order_address_btn {display: block; float: none !important; margin-top: 10px; line-height: 24px !important; height: 28px !important;}
.order_choice_place label {margin-right: 5px; cursor: pointer;}
#sod_frm #cash_receipt, #sod_frm #tax_receipt {margin-top: 30px; width: 100%;}
#sod_frm .info {background: #f5f5f5; padding: 15px; margin-top: 15px;}
#sod_frm .info li {font-size: 14px; line-height: 20px; margin-bottom: 10px;}
#sod_frm .info li:last-child {margin-bottom: 0;}
#sod_frm .radio_wrap {margin-top: 15px;}
#sod_frm .radio_wrap .radio_box {font-size: 16px;}
#sod_frm .radio_wrap .radio_box label {margin-right: 10px; cursor: pointer;}
#sod_frm .btn_box {display: none; margin-top: 10px;}
#sod_frm .btn_box.checked {display: block;}
#sod_frm .btn_box a {display: inline-block; width: 150px; margin: 0 2px; height: 40px; line-height: 38px; border: 1px solid #e1e1e1; font-weight: bold; background: none; color: #000; border-radius: 3px; text-align: center;}


/* 주문상세내역 */
.receiver_info_modify_btn {position: absolute; top: 0; right: 0; line-height: 28px !important;}

#receiver_info_modify h3 {font-size: 24px; font-weight: bold; margin-bottom: 30px; text-align: center;}
#receiver_info_modify table {width: 100%;}
#receiver_info_modify th {width: 80px;}
#receiver_info_modify input {width: 100%;}
#receiver_info_modify #od_b_zip {width: calc(100% - 85px);}
#receiver_info_modify textarea {width: 100%; height: 100px; border: 1px solid #e1e1e1;}
#receiver_info_modify .postcode_modify #post_code {width: calc(100% - 80px); float: left;}
#receiver_info_modify .postcode_modify .post_btn {width: 80px; float: left; background: #c98b57; color: #fff; border: none; height: 40px;}



#refund_info p {text-align: center; font-size: 16px; line-height: 24px;}
#refund_info p span {font-weight: bold; color: #c98b57; font-size: 20px; display: block; }

#sod_fin_cancel {margin-top: 30px;}
#sod_fin_cancel button {display: inline-block; width: auto; padding: 0 20px; margin: 0 5px; vertical-align: bottom;}
#sod_fin_cancel .ord_view_btn {display: inline-block; width: 150px; margin: 0 2px; height: 40px; line-height: 38px; border: 1px solid #e1e1e1; font-weight: bold; background: none; color: #000; border-radius:3px}


/* 통계 */
.order_data_info .date_pick {margin-top: 30px;}
.order_data_info .date_pick:first-child {margin-top: 0;}
.order_data_info .title {margin-bottom: 15px;}
.order_data_info .title h4 {font-size: 18px; line-height: 30px; font-weight: bold; float: left;}
.order_data_info .title button {border: none; background: #c98b57; color: #fff; width: 100px; text-align: center; height: 30px; border-radius: 3px; float: right;}
.order_data_info ul {border: 1px solid #e1e1e1; }
.order_data_info ul li {float: left; width: 50%;}
.order_data_info ul li:nth-child(2) {border-left: 1px solid #e1e1e1;}
.order_data_info ul li span {float: left; width: 100px; line-height: 60px; display: inline-block; padding: 0 15px;  background: #f5f5f5; font-weight: bold; border-right: 1px solid #e1e1e1;}
.order_data_info ul li .date_box {float: left; padding: 10px; width: calc(100% - 100px);}
.order_data_info ul li .date_box label {position: relative;}
.order_data_info ul li .date_box input {width: 100%; height: 40px; padding-right: 40px; border: 1px solid #e1e1e1; padding: 0 10px;}
.order_data_info ul li .date_box i {position: absolute; width: 40px; height: 40px; line-height: 38px; text-align: center; right: 0; color: #555; font-size: 16px; background: #f5f5f5; border: 1px solid #e1e1e1;}

.order_data_info .chart_box {margin-top: 30px;}


/* 세금계산서/거래명세서 */
.cash_box .cash_option {margin-bottom: 10px;}
.cash_box .cash_option li {float: left; width: 150px; border: 1px solid #e1e1e1; text-align: center; line-height: 40px; cursor: pointer;}
.cash_box .cash_option li.active {border: 1px solid #f59194; color: #f59194; font-weight: bold;}





/* 현금영수증 신청 팝업창 */
#scash {max-width: 800px; margin: 30px auto; padding: 0 10px;}
#scash h2 {padding-left: 0; font-size: 18px; margin-bottom: 0;}
#scash .tbl_wrap table {border-bottom: 1px solid #e1e1e1;}
#scash .tbl_head01 th {border-bottom: 0; letter-spacing: -1px;}
#scash .tbl_head01 td {padding: 10px 15px;}
#scash_apply button {width: 150px; height: 40px; line-height: 40px; border-radius: 3px; padding: 0; background: #c98b57; color: #fff; margin-top: 15px;}

@media (max-width:360px) {
    .modal{width:95%; padding:100px 20px 50px;}
    #receiver_info_modify th {width: 62px;}
}