@charset "utf-8";
.sd {font-size: 14px; width: 320px; height: 100vh; padding: 32px; border-right: 1px solid #ddd; background-color: #fff; position: fixed; left: 0; top: 0; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; z-index: 9999; }
.sd::-webkit-scrollbar { display: none; }
.sd_logo { margin-bottom: 32px; }
.sd_profile .box { font-size: 0; }
.sd_profile .box > div { display: inline-block; vertical-align: middle; }
.sd_profile .box .img_box { width: 42px; height: 42px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; background: no-repeat center/cover;}
.sd_profile .box .txt_box { width: calc(100% - 42px); font-size: 14px; padding: 0 10px; }
.sd_level { line-height: 40px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; text-align: center; color: #fff; background-color: #45ACCF; margin: 8px 0;}
.sd_level.level1 { background: linear-gradient(270.61deg, #45ACCF 6.3%, rgba(69, 172, 207, 0) 90.85%), #3385F1;; }
.sd_level.level3 { background-color: #cca07b; }
.sd_gnb { color: #999; background-color: #f7f7f7; padding: 8px 0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.sd_gnb .cnt { width: 16px; height: 16px; -webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px; background-color: #FF3379; color: #fff; font-size: 10px; display: inline-block; vertical-align: middle; text-align: center; line-height: 16px; }
.sd_gnb li { padding: 8px 0; }
.sd_gnb li a { line-height: 18px; padding: 0 8px; border-left: 2px solid transparent;  }
.sd_gnb li img { vertical-align: middle; margin-right: 8px; opacity: 0.7; filter: grayscale(100);}
.sd_gnb li.on a, header .gnb li:hover a { border-color: #cca07b; color: #cca07b;  }
.sd_gnb li.on img, header .gnb li:hover img { opacity: 1; filter: grayscale(0); }
.sd_ft { font-size: 0.9em; color: #999; line-height: 1.6; margin-top: 24px; }
.sd_fnb { margin-bottom: 1.125em; }
.sd_fnb a { display: inline-block; margin-right: 1em; }
.sd_fnb .logout { background-color: #cca07b; color: #fff; display: block; text-align: center; font-size: 14px; line-height: 40px; margin-bottom: 16px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.sd .bnr_wrap { margin-top: 24px; }
.sd .bnr .img { width: 100%; height: 140px; background: #F0F0F0 url(../img/no_img.png) no-repeat center; }

.shop { margin-left: 320px; padding: 60px 32px; font-size: 0.875rem; }
.shop .inner { position: relative; margin: 0; }
.shop .title { position: relative; }
.shop .title small { margin-bottom: 20px; }

.shop .btn_move { display: inline-block; line-height:35px; font-size: 14px; color: #fff; font-weight: 500; background-color: #cca07b; padding: 0 20px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; position: absolute; right: 0; bottom: 0;}

.shop .lnb { color: #aaa; font-size: 16px; border-bottom: 1px solid #ddd; margin-bottom: 32px; }
.shop .lnb li { display: inline-block; }
.shop .lnb li a { padding: 0 20px; display: inline-block; border-bottom: 2px solid transparent; line-height: 50px; }
.shop .lnb li.on a {border-color: #cca07b; color: #cca07b; font-weight: 500; }

.shop .register .frm_wrap { padding: 0; }


/* 테이블 */
.tbl_01 { font-size: 13px; text-align: center; }
.tbl_01 table { width: 100%; table-layout: fixed; border-collapse: collapse; border-top: 2px solid #000; }
.tbl_01 table tr { border-bottom: 1px solid #eee; }
.tbl_01 table td { height: 50px; }
.tbl_01 thead { color: #333; }
.tbl_01 tbody { color: #777; }
.tbl_01 .num { width: 10%; }
.tbl_01 .subject { width: auto; text-align: left; }
.tbl_01 .name { width: 5%; }
.tbl_01 .hit { width: 5%; }
.tbl_01 .date { width: 20%; }
.tbl_01 .state { width: 5%; }
.tbl_01 .subject a { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tbl_01 .subject:hover a { color: #04548C; }


/* 알림 */
.wrap .title {font-size: 13px; margin:0 0 5px; padding:0; position:relative;  }
.wrap .title .pink {display:block; font-size:12px;}
.wrap .title .btn_move {position:absolute; top:-2px; ; right:0; padding:4px ; font-size:12px; border-radius:5px; background:#163c7a; color:#fff; font-weight:400}
.notice .tbl_01 .num span { background-color: #cca07b; color: #fff; padding: 4px 5px; font-size: 11px; }
.notice .tbl_01 .subject { font-size: 0; position:relative; }
.notice .tbl_01 .subject a { width:100%; font-size: 13px; vertical-align: middle; cursor: pointer; }
.notice .tbl_01 .subject .arrow { position:absolute; top:calc(50% - 6.5px); right:6px }
.notice .tbl_01 .content { display: none; }
.notice .tbl_01 .content td { padding: 16px; text-align: left; line-height: 1.8; }
.notice .tbl_01 .content td img { max-width: 100%; }
.notice .tbl_01 tbody tr { color: #cca07b; background-color: #fafafa; }
.notice .tbl_01 tbody tr.read { color: #aaa; background-color: #fff; }
.notice .tbl_01 tbody tr.read + .content { background-color: #fff; }
.notice .tbl_01 tr.open a { color: #cca07b; }
.notice .tbl_01 tr.open .arrow { transform: rotate(180deg); }
.notice .tbl_01 tr.open + .content { display: table-row; }


/* point */
.point .lnb { margin-bottom: 0; }


/* 상품 이벤트 */
.event .title { margin-bottom: 0; }
.event .topBox { margin: 0 0 24px; }


/* 상품목록 배너 */
.product .bnr_wrap { margin-bottom: 16px; }
.product .bnr_wrap .img { width: 100%; }
.product .bnr_wrap .img img { width: 100%; }
.product .bnr_wrap.flex { display: flex; }
.product .bnr_wrap.flex .bnr { flex: 0 1 50%; }
.product .bnr_wrap.flex .bnr:nth-child(1) { margin-right: 16px; }


/* 상품 카테고리 */
.product .category { text-align: center; }
.product .category li { margin-right: 0; }
.product .category li.on .img { border-color: #3388FF; }
.product .category li.on h4 { color: #3388FF; }
.product .category .img { width: 65px; height: 65px; line-height: 59px; background: no-repeat center/100%; border: 3px solid transparent; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; margin: auto; font-size: 16px; color: #3388FF; font-weight: 500; }
.product .category h4 { font-size: 12px; color: #999; margin-top: 8px; }


/* 위시리스트 */
.product #sod_ws_act { text-align: center; }
.product #sod_ws_act button { height: 40px; font-size: 14px; width: 120px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin: 0 4px;  }


/* 장바구니 */
.btn_cart_del { padding: 10px 0; text-align: right; }
.btn_cart_del button { padding: 0 15px; height: 30px; border: 1px solid #ddd; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color: #666; background-color: #fff; font-size:12px;}
#sod_bsk #sod_bsk_tot ul {padding:10px;}
#sod_bsk #sod_bsk_tot li { width: 100%; text-align:right; font-size: 13px; line-height:20px; padding:5px 0; color: #575757;}
#sod_bsk #sod_bsk_tot li span { float: left; }
#sod_bsk #sod_bsk_tot li strong { font-size: 13px; }
#sod_bsk #sod_bsk_tot li:last-child { border-right: 0; }
#sod_bsk #sod_bsk_tot li.sod_bsk_cnt {font-size:15px; color:#000; padding-top:10px; margin-top:10px; border-top:1px solid #eee;}
#sod_bsk #sod_bsk_tot li.sod_bsk_cnt strong {font-size:20px;}
#sod_bsk_act { margin-top: 20px; text-align: center; }
#sod_bsk_act > * { height: 40px; font-size: 14px; width: 120px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin: 0 4px; line-height:40px;}
#sod_bsk.od_prd_list .td_prd .sod_name {padding:0; display:block; width:100%;}

/* 장바구니 선택사항수정 */
#sod_bsk_list .mod_option_bg { content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:block; z-index:9999; }
#sod_bsk_list #mod_option_frm { z-index:10000; position:fixed; top:50%; left:50%; width:90%; height:auto; max-height:500px; overflow-y:auto; transform: translate(-50%,-50%); background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
#sod_bsk_list #mod_option_frm h2 { font-size: 14px; padding: 10px 20px; border-bottom: 1px solid #eee; }
#sod_bsk_list .item_frm { padding: 10px 20px; position: relative; }
#sod_bsk_list .item_frm .btn_submit { width: 100%; height: 40px; font-size: 14px; }
#sod_bsk_list #mod_option_close { position: absolute; right: 0; top: 0; border: 0; font-size: 16px; width: 48px; height: 48px; }
#sod_bsk_list #mod_option_close .fa { vertical-align: top; }
#sod_bsk_list #mod_option_close:hover { color: #3388ff; }



/* 판매신청 */
.salesrequest .topArea { font-size: 14px; color: #666; border-bottom: 1px solid #ddd; padding: 10px; position: relative; padding:}
.salesrequest .topArea .left { width: 100%; }
.salesrequest .topArea .left2 { width: 80%; }
.salesrequest .topArea .name { font-size: 24px; font-weight: 500; color: #000;margin-bottom: 10px; margin-top: 5px; }
.salesrequest .topArea .price p { display: inline-block; margin-right: 16px; }
.salesrequest .topArea .price span { margin-right: 5px; }
.salesrequest .topArea .price strong { font-size: 16px; }

.salesrequest .topArea .opt_wrap { width:100%; font-size: 0; margin-top:20px;  }
.salesrequest .topArea .opt_view { width: 100%; background-color: #f7f7f7; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; padding: 10px; }
.salesrequest .topArea .opt_view:nth-child(1) { margin-right: 2%; }
.salesrequest .topArea .opt_view h3 { font-size: 14px; font-weight: 500; border-bottom: 1px solid #ddd; padding-bottom:10px}
.salesrequest .topArea .opt_view .cb  { font-size: 14px; display: flex; align-items: center; justify-content: space-between; margin-top:10px; }
.salesrequest .topArea .opt_view span { display: block; }
.salesrequest .topArea .opt_view .left { min-width: 80px; }

.salesrequest .btmArea { height: 100%; /*calc(100vh - 230px);*/ padding: 24px 0; }
.salesrequest .btmArea article { height: 100%; }
.salesrequest .btmArea h4 { font-size: 16px; border-bottom: 1px solid #ddd; padding-bottom: 8px; margin-bottom: 8px; color: #000; }
.salesrequest .btmArea h4 strong { font-size: 13px; display: block; }


.salesrequest .btmArea .page { opacity: 0; height: 0; overflow: hidden; }
.salesrequest .btmArea .page.on {opacity: 1; height: 100%; }

.salesrequest .btn_cke_sc { font-size: 12px; }

.salesrequest .page1 { height: 100%; }
.salesrequest .page1 .left { width:100%; /*overflow-y: scroll; */; float:none; }
.salesrequest .page1 .left img { max-width: 100%; }
.salesrequest .page1 .left .img img { width: 100%; }
.salesrequest .page1 .right { /*overflow-y: scroll; width: 300px; padding: 0 16px;*/ z-index:9999}
.salesrequest .page1 .frm_box { display: flex; flex-wrap: wrap; align-items: center; }
.salesrequest .page1 .frm_box small { width: 60px; margin-bottom: 10px; }
.salesrequest .page1 .frm_input { width: calc(100% - 60px); margin-bottom: 10px; }
.salesrequest .page1 .frm_box input[type="time"]::-webkit-calendar-picker-indicator { cursor:pointer;  }
.ui-timepicker-container {z-index:99999 !important}

.salesrequest .dimmed {position:fixed; top:0; left:auto; width:100%; height:100%; max-width:527px; background:rgba(0,0,0,0.3); display:none; z-index:9998;}
.salesrequest .btmArea .hide {position:relative; z-index:10000; bottom:0; left: auto; max-width: 527px; width:100%;}
.salesrequest .btmArea .hide .close_hide_con {position:absolute; top:-40px; right:10px; font-size:30px; line-height:30px; color:#fff;}
.salesrequest .btmArea .hide .btn {position:fixed; bottom:0; left: auto; max-width: 527px; width:100%; background:#163c7a; color:#fff; font-size:16px; text-align:center; height:67px; z-index:9997 }
.salesrequest .hide_con { background:#fff;  position:fixed; z-index:9999; bottom: -100%; left: auto; max-width: 527px; width:100%; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}
.salesrequest .hide_con.open {bottom:0;}
.salesrequest .hide_con .hide_con_wrap {max-height: 500px; overflow-y: scroll;}


.salesrequest .fold {padding:20px; padding-bottom: 24px; color: #666; }

.salesrequest .calendar { color: #000; }
.salesrequest .calendar .year { font-size: 20px; text-align: center; padding-bottom: 10px; }
.salesrequest .calendar .year p {font-weight: 600; display: inline-block; margin: 0 10px;}
.salesrequest .calendar .year button { background-color: transparent; border: 0; }
.salesrequest .calendar .info { margin-top: 8px; font-size: 0; }
.salesrequest .calendar .info span,
.salesrequest .calendar .info strong { display: inline-block; font-size: 14px; }
.salesrequest .calendar .info span { width: 80px; color: #666;}
.salesrequest .calendar .info strong { width: calc(100% - 80px); text-align: right; }

.salesrequest .calendar table { border-collapse: collapse; text-align: center; font-size: 12px; }
.salesrequest .calendar th,
.salesrequest .calendar td { height: 35px; }
.salesrequest .calendar td { cursor: pointer; }
.salesrequest .calendar .sun { color: #FF3379; }
.salesrequest .calendar .sat { color: #3388FF; }
.salesrequest .calendar .off { opacity: 0.3; }
.salesrequest .calendar .selected { background-color: #1A7BBF; color: #fff; }
.salesrequest .calendar .selected1 { background-color: #04548C; color: #fff; }

.salesrequest .fee li { font-size: 0; padding: 4px 0; }
.salesrequest .fee span ,
.salesrequest .fee strong { display: inline-block; font-size: 14px; }
.salesrequest .fee span { width: 120px; }
.salesrequest .fee strong { width: calc(100% - 120px); text-align: right; color: #000; }

.salesrequest .prev_page,
.salesrequest .next_page { cursor: pointer; }

.salesrequest .page2 .prev_page { display: inline-block; margin-right: 10px; }
.salesrequest .page2 .prev_page + div { display: inline-block; }

.salesrequest .btn_wrap { margin: 24px 20px; text-align: center; }
.salesrequest .btn_wrap .btn_submit { width: 100%; height: 50px; font-size: 16px; }

div.detail_bottom_btns{display:flex; position:fixed; bottom:0; left: auto; max-width: 527px; width:100%;  height:55px; z-index:9997 }
div.detail_bottom_btns > button{flex:1; background:#163c7a; color:#fff; font-size:15px; text-align:center; border-right:1px solid rgba(255,255,255,0.2);}
div.detail_bottom_btns > button:last-child{border-right:0;}


/* 판매내역 검색 */
.od_sch_wrap { margin-bottom: 20px; }
.od_sch_wrap form { display: flex; }
.od_sch_wrap form > * { height: 40px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display: inline-block; vertical-align: top; }
.od_sch_wrap #sch_sfl { width: 150px; margin-right: 10px; }
.od_sch_wrap #sch_box { width: 300px; display: flex; }
.od_sch_wrap #sch_box > * { height: 100%; background-color: transparent; border: 1px solid transparent; }
.od_sch_wrap #sch_stx { flex-grow: 1; padding: 0 10px; font-size:12px;}
.od_sch_wrap #sch_submit { width: 40px; font-size: 20px; }



/* 매출통계 */
.stats_sch_wrap { margin-bottom: 20px; display: flex; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; align-items: center; }
.stats_sch_wrap h5 { font-size: 16px; font-weight: 500; padding: 0 16px; }
.stats_sch_wrap form { display: flex; font-size: 14px; align-items: center; }
.stats_sch_wrap form > * { display: block; }
.stats_sch_wrap span { font-size: 16px; display: inline-block; margin-right: 10px; }
.stats_sch_wrap input { width: 150px; height: 35px; padding: 0 10px; border: 1px solid #ddd; margin-right: 10px; }
.stats_sch_wrap .select_date { margin-left: -1px; }
.stats_sch_wrap .select_date input { display: none; }
.stats_sch_wrap .select_date label { display: inline-block; background-color: #fff; line-height: 35px; color: #888; padding: 0 10px; border: 1px solid #ddd; }
.stats_sch_wrap .select_date input:checked + label,
.stats_sch_wrap .select_date:hover label { background-color: #444; color: #fff; border-color: #444; }
.stats_sch_wrap button { height: 35px;margin-left:8px; color: #000;font-size:14px; margin-right: 0; width:65px; vertical-align: middle; display: flex; justify-content: center;
 align-items: center;  background:#163c7a; color:#fff}
.stats_sch_wrap button span.sound_only { display:inline-block; margin-right:0; margin-left:5px !important; font-size:12px; position:static; width:auto; height:auto; line-height: 1; }



.stats_sch_box .stats_sch_wrap {display:block; }
.stats_sch_box .stats_sch_wrap .date_inp {display: flex; align-items: center; justify-content: center; padding:10px 0; }
.stats_sch_box .stats_sch_wrap .date_filter {background:none; border:none;  padding:0; width:32px; height:32px; margin-right:4px;  }
.stats_sch_box .stats_sch_wrap .date_btn {display:none; padding-top:10px; border-top:1px solid #eee; align-items: center; justify-content: center}
.stats_sch_box .stats_sch_wrap .select_date label {border:none; }
.stats_sch_box .stats_sch_wrap .select_date input:checked + label,
.stats_sch_box .stats_sch_wrap .select_date:hover label { border:none; color:#000; font-weight:500; background:none; }
.stats_sch_box .stats_sch_wrap .select_date_wrap {position: relative; border: none; width: auto; margin-left:10px; }
.stats_sch_box .stats_sch_wrap .select_date_wrap .btn_selectbox { width: 102px;  height: 32px;  font-size: 12px; background-color: #fff; border: 1px solid #eee; box-sizing: border-box;border-radius: 5px; cursor: pointer; text-align: left; background: url(/img/new/arrow_footer.svg) no-repeat 90% 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;  color: #000;  font-weight: 700; padding-left: 12px; margin:0; justify-content: flex-start; }
.stats_sch_box .stats_sch_wrap .select_date_wrap .btn_selectbox:hover,
.stats_sch_box .stats_sch_wrap .select_date_wrap .btn_selectbox:focus { border: 1px solid #163c7a ; outline: 2px solid #dde9fd;}
.stats_sch_box .stats_sch_wrap .select_date_wrap .list-member { display: none; position: absolute; width: 100%;  top: 34px; left: 0; box-sizing: border-box; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);  border-radius: 10px; z-index: 9990; background: #fff;}
.stats_sch_box .stats_sch_wrap .select_date_wrap .btn_selectbox.on+.list-member {display: block;}
.stats_sch_box .stats_sch_wrap .select_date_wrap .list-member li {height: 40px; padding: 5px 8px; box-sizing: border-box;}
.stats_sch_box .stats_sch_wrap .select_date_wrap .list-member li button { height:auto; width: 100%; padding: 7px 10px; border: none; background-color: #fff; border-radius: 8px; cursor: pointer; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin:0; font-size:12px; color:#000}
.stats_sch_box .stats_sch_wrap .select_date_wrap .list-member li button:hover,
.stats_sch_box .stats_sch_wrap .select_date_wrap .list-member li button:focus {background-color: #dde9fd;}
.stats_sch_box .stats_sch_wrap.show .date_btn {display:flex; }

.statistics .stats_sch_box .stats_sch_wrap {margin-bottom:10px}



#point  {position:relative; }
#point .point_guide {position:relative; }
#point .point_btn {text-align:right;  margin-top:24px; }
#point .point_btn .popup_btn {text-align:center; }
#point .point_btn button {border:1px solid #eee; border-radius:0; font-size:12px; }
#point .point_btn .guide_btn svg {width:10px}
#point .guide_content {position:static;  width:100%; }
#point .guide_content p {font-size:14px; }


/* 포인트 정책 및 팝업 */

.point_guide { position: absolute; right: 0; top: 0; }
.point_btn button { display: inline-block; line-height:35px; font-size: 14px;  font-weight: 500; padding: 0 20px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; border: 0;}

.guide_content { width: 500px; position: absolute; right: 0; top: 100%; background-color: #fff; border: 1px solid #3388FF; -webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px; padding: 16px 24px; margin-top: 10px; }
.guide_content p { font-size: 15px; margin-bottom: 10px; }
.guide_content p:last-child { margin-bottom: 0; }
.guide_content .ex { color: #3388FF; font-size: 13px; margin-top: 4px; }
.point_btn .guide_btn { background-color: #3388FF; color: #fff; border: 2px solid #3388FF; }
.point_btn .guide_btn svg { vertical-align: middle; margin-top: -4px; margin-left: 4px; }
.point_btn .guide_btn svg path { stroke:#fff; }
.point_btn .guide_btn.on { background-color: #fff; color: #3388FF; }
.point_btn .guide_btn.on svg { transform: rotate(180deg); }
.point_btn .guide_btn.on svg path { stroke:#3388FF; }


.point_btn .popup_btn { background-color: #cca07b; color: #fff;  border: 2px solid #cca07b; }
.point_popup { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.3); z-index: 9999; display: none; }
.point_popup .box { width:100%; max-width: 450px; position: absolute; background-color: #fff; padding: 0 24px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.point_popup .title { text-align: center; border-bottom: 1px solid #ddd; font-size: 18px; position: relative; padding: 16px 0; margin-bottom: 0; }
.point_popup .popup_close { position: absolute; right: 0; top: 50%; cursor: pointer; transform: translateY(-50%); }
.point_popup .frm_wrap { padding-bottom: 24px; font-size: 14px; }
.point_popup .frm_wrap .row { height: 40px; display: flex; align-items: center; }
.point_popup .frm_wrap .col { flex: 1 1 30%; }
.point_popup .frm_wrap .col:nth-child(2) { flex: 1 1 60%; text-align: right; }
.point_popup .frm_wrap input { width: 100%; }
.point_popup .frm_wrap .tax { padding: 10px; background-color: #f7f7f7; margin-top: 20px; }
.point_popup .frm_wrap .tax .blue { font-weight: 500; margin-bottom: 10px; display: block; text-align: center; }
.point_popup .frm_wrap .tax .file { display: flex; }
.point_popup .frm_wrap .tax .file_btn { padding: 0 10px; margin-left: 4px; }
.point_popup .frm_wrap .btn_submit { display: block; width: 100%; height: 50px; margin-top: 40px; font-size: 16px; }

.point .status span { font-size: 13px; width: 80px; text-align: center; display: inline-block; line-height: 25px; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; color: #fff; }
.point .status .status01 { background-color: #999; }
.point .status .status02 { background-color: #3388FF; }


.vendor .lnb { margin-bottom: 0; }
.vendor .stats_sch_wrap { justify-content: flex-end; }
.vendor .total { display: flex; font-size: 14px; }
.vendor .total div { padding: 10px 16px; background-color: #F2F5F7; margin-right: 20px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }
.vendor .total strong { font-weight: 400; color: #222;}





/* 주문내역 */
.order_goods_list { border-top: 2px solid #000;}
.order_goods_list li { border-bottom: 4px solid #eee;}
.order_goods_list .order_top { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; }
.order_goods_list .order_top .date {line-height:40px; color:#163c7a; font-weight:bold; font-weight:14px; }
.order_goods_list .order_top .num {line-height:40px; color:#000; font-weight:bold; font-weight:14px; }
.order_goods_list .order_info { display: flex; align-items: center; justify-content: space-between;  padding:20px 0 10px}
.order_goods_list .order_info .img {width:90px; }
.order_goods_list .order_info .txt {width:calc(100% - 90px); box-sizing:border-box; padding-left:20px;  }
.order_goods_list .order_info span {display:block;  color:#888; margin:4px 0; }
.order_goods_list .order_info span.name {font-size:14px; color:#000; font-weight:500; margin-top:0  }
.order_goods_list .order_info .option { font-size:12px;color: #898989; margin:4px 0;  }
.order_goods_list .order_info .total_price {margin-top:16px; font-size:14px; font-weight:600; color:#000}
.order_goods_list .order_btm {display: flex; align-items: center; justify-content: flex-end; line-height:40px; padding-bottom:5px;  }
.order_goods_list .order_btm .status {margin-right:4px; }
.order_goods_list .status span {font-size:12px;font-weight:bold;}
.order_goods_list .status .status_01 {color:#3388FF}
.order_goods_list .status .status_02 {color:#45ACCF}
.order_goods_list .status .status_03 {color:#751485}
.order_goods_list .status .status_04 {color:#cca07b}
.order_goods_list .status .status_05 {color:#999}
.order_goods_list .status .status_06 {color:#FF3379}
.order_goods_list .order_btm .btn {display:inline-block; width:auto; height:auto;border: 1px solid #eee; border-radius: 5px; line-height: 30px; padding: 0 8px;}
.order_goods_list .order_btm .btn button {; font-size:12px}

.order_goods_list.salesitem_list {position:relative; }
.order_goods_list.salesitem_list .order_top {padding:0 10px}
.order_goods_list.salesitem_list li {}
.order_goods_list.salesitem_list li .order_info {flex-direction: column; align-items: flex-start; padding:10px 10px 10px}
.order_goods_list.salesitem_list li .order_info span {display:inline-block; width:100%; margin-bottom:0}
.order_goods_list.salesitem_list li .order_info label {display:inline-block; width:60px; }
.order_goods_list.salesitem_list li .order_info em {display:inline-block; width:calc(100% - 64px); }
.order_goods_list.salesitem_list li .order_info .option em {display:block; color:#000}


/* 주문 상세 */
#sod_fin .title {font-weight:500}
#sod_fin .order_goods_list li {border-bottom:1px solid #eee;}
#sod_fin .order_goods_list .order_info .img {width:120px; }
#sod_fin .order_goods_list .order_info .img img {width:100% !important; height:100% !important;  }
#sod_fin .order_goods_list .order_info .txt {width:calc(100% - 120px); }
#sod_fin .order_goods_list .order_info span.name  {margin-top:0}
#sod_fin .order_goods_list .order_info { align-items: flex-start;}

/*판매 내역*/
.salsinquiry_wrap {padding:10px; background:#f4f4f4;}
.salsinquiry_wrap .salsinquiry_list {background:#fff; border-radius:5px; margin-bottom:10px;}
.salsinquiry_wrap .salsinquiry_list:last-child {margin-bottom:0;}
.salsinquiry_wrap .salsinquiry_list h2 {font-size:14px; font-weight:600; color:#000; line-height:40px; border-bottom:1px solid #dfdfdf; padding:0 10px; position:relative;}
.salsinquiry_wrap .salsinquiry_list .status {float:right; font-weight:500; color:#163c7a;}
.salsinquiry_wrap .salesinquiry_prdinfo {padding:10px; border-bottom:1px solid #dfdfdf; font-size:0;}
.salsinquiry_wrap .salesinquiry_prdinfo .prd_image {display:inline-block; width:80px; vertical-align:top;}
.salsinquiry_wrap .salesinquiry_prdinfo .prd_info {display:inline-block; width:calc(100% - 90px); font-size:12px; vertical-align:top; padding-left:10px;}
.salsinquiry_wrap .salesinquiry_prdinfo .prd_info .prd_name {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.salsinquiry_wrap .salsinquiry_userinfo {padding:10px;}
.salsinquiry_wrap .salsinquiry_userinfo p {margin-bottom:2px; font-size:12px; color:#000; font-weight:500;}

/*장바구니*/
.cart_wrap {background: #f4f4f4; }
.cart_wrap h2 {font-size:14px; border-bottom: 10px solid #eee; display: flex; align-items: center;}
.cart_wrap h2 .chk_box {flex:1;}
.cart_wrap .cart_listinner {padding:16px 0;}
.cart_wrap .cart_listwrap .cart_list {border-radius: 5px; background: #fff; border: 1px solid #eee; padding: 16px; margin-bottom:16px;}
.cart_wrap .cart_listwrap .cart_list:last-child {margin-bottom:0;}
.cart_wrap .cart_listwrap .cart_list .cart_prd_wrap {display:table; table-layout:fixed; width:100%;}
.cart_wrap .cart_listwrap .cart_list .cart_prd_wrap .chk_box, .cart_wrap .cart_listwrap .cart_list .cart_prd_wrap .cart_prd_info {display:table-cell; vertical-align:top;}
.cart_wrap .cart_listwrap .cart_list .cart_prd_wrap .chk_box {width:30px;}
.cart_wrap .cart_listwrap .cart_list .cart_prd_wrap .cart_prd_info {font-size:0;}
.cart_wrap .cart_listwrap .cart_list .cart_prd_wrap .cart_prd_info .sod_img {display:inline-block; width:80px;}
.cart_wrap .cart_listwrap .cart_list .cart_prd_wrap .cart_prd_info .sod_name {display:inline-block; vertical-align:top; width:calc(100% - 90px); font-size:12px; vertical-align:top; padding-left:10px;}
.cart_wrap .cart_listwrap .cart_list .cart_prd_wrap .cart_prd_info .sod_quantity {margin-top:5px;}
.cart_wrap .cart_listwrap .cart_list .price_wrap ul {margin:10px 0; padding:10px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.cart_wrap .cart_listwrap .cart_list .price_wrap ul li {overflow:hidden; margin-bottom:5px;}
.cart_wrap .cart_listwrap .cart_list .price_wrap ul li:last-child {margin-bottom:0;}
.cart_wrap .cart_listwrap .cart_list .price_wrap ul li .tit {float:left; font-size:13px; color:#575757;}
.cart_wrap .cart_listwrap .cart_list .price_wrap ul li .desc {float:right; font-size:13px; color:#575757;}
.cart_wrap .cart_listwrap .cart_list .price_wrap .total_prc {font-size:14px; font-weight:600; overflow:hidden; color:#000;}
.cart_wrap .cart_listwrap .cart_list .price_wrap .total_prc span {float:right;}



@media (max-width:527px) {
	.point_popup .box {width:90%}
}