@charset "utf-8";

/* 관리자 로그인 */
.login-wrap { width:440px; min-height: 540px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #fff; border: 1px solid #ddd; padding: 45px 40px 40px 40px; }

/* login : input style */
.login-wrap input { font-size: 15px; font-weight: 400; }
.login-wrap input:focus { outline: none; }
.login-wrap input::placeholder { font-size: 13px; font-weight: 400; color: #999; }

.login-wrap .title { text-align: center; color: #364FC7; }
.login-wrap .title h1 { font-size: 28px; font-weight: 700; letter-spacing: -0.5px; color: #364FC7; margin-bottom: 12px;}
.login-wrap .title p { font-size: 16px; font-weight: 400; color: #364FC7; margin-top: 12px; line-height: 1.4;}

.login-wrap .login-form { width: 100%; height: auto; margin-top: 40px; }
.login-wrap .login-form form .input-box { line-height: 46px; padding-left: 0; align-items: center; }

.login-wrap .login-form form .input-box > p { font-size: 14px; font-weight: 400; color: #999; text-align: left; float: left; }
.login-wrap .login-form form .input-box > input { width: 100%; height: 46px; background-color: transparent; border: 1px solid #ddde; border-radius: 2px; }
.login-wrap .login-form form .input-box span { line-height: 1; display: block; margin-bottom: 10px; }
.login-wrap .login-form form .mrg-pw { position: relative; }
.login-wrap .login-form form .mrg-pw span { margin-top: 15px; }
.login-wrap .login-form form .mrg-pw button.pw-show { width: 20px; height: 20px; position: absolute; top: 24px; right: 15px; font-size: 0; background: url(/static/bo/common/assets/images/password_show.png) 50% no-repeat #fff; background-size: contain;}
.login-wrap .login-form form .mrg-pw-date { margin-top: 15px; }
.login-wrap .login-form form .mrg-pw-date #login_change_password_date { background: #ddd; }

.login-wrap .login-form form .certify-box { display: none; justify-content: space-between; align-items: center; margin-top: 15px; }
.login-wrap .login-form form .certify-box span { display: block; margin-bottom: 15px; }
.login-wrap .login-form form .certify-box .certify-btn { display: inline-block; vertical-align: middle; width: 29%; line-height: 46px; font-size: 14px; font-weight: 300; text-align: center; background-color: #666; color: white; border-radius: 2px; height: 48px; margin-bottom: 15px; }
.login-wrap .login-form form .certify-box > input.certify { display: inline-block; width: 69%; line-height: 46px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 2px; padding: 0 15px; box-sizing: border-box; vertical-align: middle; margin-bottom: 15px; height: 48px; }
.login-wrap .login-form form .certify-box > #certification_number { display: block; height: 46px; line-height: 46px; width: 100%; }
.login-wrap .login-form form .verification_box .verification-btn { display: inline-block; width: 28%; line-height: 46px; font-size: 14px; font-weight: 300; text-align: center; background-color: #666; color: white; border-radius: 2px; vertical-align: top; letter-spacing: -1px}
.login-wrap .login-form form .verification_box { display: inline-block; width: 100%; margin-bottom: 15px; }
.login-wrap .login-form form .verification_box input { display: inline-block; width: 69%; line-height: 46px; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 2px; padding: 0 15px; box-sizing: border-box; letter-spacing: -1px; height: 46px; margin-right: 5px; }

.login-wrap .login-form form .verification_box .verification_select { display: block; width: 100%; height: 30px; }
.login-wrap .login-form form .verification_box ul { width: 100%; display: block; height: 100%; }
.login-wrap .login-form form .verification_box .verification_select ul li { width: 30%; height: 100%; line-height: 30px; display: inline-block; text-align: center; margin: 0; background: #d9d9d9; border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
.login-wrap .login-form form .verification_box .verification_select ul li.active { background: #fff; }
.login-wrap .login-form form .verification_box .verification_select ul li:nth-child(2) { border-left: 0; margin-left: -6px; border-right: 1px solid #ddd; }
.login-wrap .login-form form .verification_box .verification_select ul li a { display: inline-block; font-size: 14px; letter-spacing: -0.5px; }
.login-wrap .login-form .invalidtext { margin: 6px 0 0 0;}

.select_box { margin-top: 15px; }
.select_box a { display: inline-block; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 14px; height: 25px; line-height: 25px; width: 60px; text-align: center; background: #ddd; }
.select_box a:nth-child(2) { margin-left: -4px; border-left: 0; }
.select_box a.active { background: #fff; }

.login-wrap .login-form form button { width: 100%; line-height: 46px; font-size: 18px; font-weight: 400; background-color: #364FC7; color: white; border: none; border-radius: 2px; text-align: center; margin-top: 15px; }
.login-wrap .login-form form .login_btn { display: none; }
.login-wrap .login-form .phone-certify-box { display: none; }
.login-wrap .login-form .mail-certify-box { display: block; }
.login-wrap .login-form .phone-certify-box input ,.login-wrap .login-form .mail-certify-box input { width: 260px; height: 46px; line-height: 46px; vertical-align: middle; }
.login-wrap .login-form .phone-certify-box a,.login-wrap .login-form .mail-certify-box a { width: 100px; height: 46px; line-height: 46px; text-align: center; font-size: 14px; margin-left: 10px; display: inline-block; background: #666; color: #fff; vertical-align: bottom; }

.login-wrap .login-form form .certifynumber { margin-top: 15px; display: block; }
.login-wrap .login-form form .certifynumber > span { display: block; margin-bottom: 15px; }
.login-wrap .login-form form .certifynumber > input { width: 100%; height: 46px; line-height: 46px; }
.login-wrap .login-form form .login_alert { display: none; position: absolute; left: 5.4%; top: 30%; text-align: center; border: 1px solid #000; padding: 40px; font-size: 20px; background: #fff; }
.login-wrap .login-form form .login_alert button { margin-top: 40px; font-size: 16px; width: 50%; }
.login-wrap .login-form ul { width: 100%; border-bottom: 1px solid #ddd; margin-top: 20px; padding-bottom: 20px;}
.login-wrap .login-form ul li { font-size: 13px; font-weight: 400; color: #ddd; }
.login-wrap .login-form ul li:nth-of-type(2) { margin: 0 8px; }
.login-wrap .login-form ul li input[type="checkbox"] { width: 14px; height: 14px; }
.login-wrap .login-form ul li span { font-size: 14px; font-weight: 400; color: #666; }
.login-wrap .login-form ul li a { font-size: 14px; font-weight: 400; color: #666; }
.login-wrap .foot-txt { width: 100%; margin-top: 20px; }
.login-wrap .foot-txt ul li { font-size: 14px; font-weight: 300; color: #666; text-align: center; line-height: 150%; }
.login-wrap .foot-txt p { font-size: 11px; font-weight: 300; color: #999; text-align: center; margin-top: 20px; }

.selectBox { position: relative; }
.selectBox select { width: 100%; font-weight: bold; }
.overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#checkboxes { display: none; border: 1px #dadada solid; }
#checkboxes label { display: block; }
#checkboxes label:hover { background-color: #1e90ff; }


.display-type .multiselect input[type=checkbox] { display: inline-block; vertical-align: middle; margin-right:5px;width: 13px; }
.display-type .selectBox,.display-type .selectBoxs { position: relative; }
.display-type .selectBox select,.display-type .selectBoxs select { width: 100%; font-weight: 400; }
.display-type .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.display-type .multiselect #checkboxes,.display-type .multiselect .checkboxess { display: none; border: 1px #dadada solid; position: absolute; background: #fff; z-index: 1; padding-left: 7px; }
.display-type .multiselect #checkboxes span,.display-type .multiselect .checkboxess span { display: block; margin: 5px; }
.display-type #checkboxes label,.display-type .checkboxess label { display: block; line-height: 1.5; }
.display-type #checkboxes label:hover,.display-type .checkboxess label:hover { background-color: #1e90ff; }

.essential { width: 36px; display: inline-block; background: #fff; height: 22px; line-height: 20px; font-size: 12px; border: 1px solid #ff0000; border-radius: 2px; text-align: center; color: #ff0000; margin-left: 8px; }
.search-form .display-type .all_edit { display: inline-block;vertical-align: top; }
.search-form .display-type .btn_box { display: inline-block; }
.search-form .display-type .btn_box > button { display: inline-block; height: 30px; width: 60px; background: #364FC7; color: #fff; }
.search-form #all_edit_end_date { vertical-align: bottom; display: inline-block; height: 32px; }
.search-form .display-type .delete_box button { height: 32px; width: 60px; background: #ff0000; color: #fff; }
.filter_btn { border-top: 1px solid #ddd; padding: 15px 0; }
.filter_btn div { float: right; margin-right: 15px; }
.filter_btn div button { height: 32px; line-height: 32px; }
.filter_btn div .new_mileage { margin-right: 5px; }
.note-wrap {margin-bottom: 30px;}
.note-wrap .note-list-tit {border-bottom: 1px solid #ddd;}
.note-wrap #editor { height: 350px;display: none;border-bottom: 1px solid #ddd;}

/*기본정보*/
.member_register_number:after,.membership_request:after { content:'|'; margin: 0 8px; color: #707070}
.member_register_number,.membership_request,.membership_request p,.membership_request span,.member_change_request,.member_change_request p,.member_change_request span { display: inline-block; }

.member_register_number_color { display: inline-block; color: #364FC7; font-weight: 800; }
.contact_Id > .auto_login_btn { margin-top: 10px; display: block; }
.contact_Id > i,.contact_Id > p { display: inline-block; margin-top: 5px; margin-bottom: 10px; color: #ddd; font-weight: 300;}
#customer_member_id,#customer_member_password { display: block; margin:10px 0; }
button.change_password { height: 32px; background: #ff0000; color: #fff; }
.change_password_input { display: none; }
.mileage_info span,.deposit_info span { display: block; color: #ff0000; }
.mileage_info i,.deposit_info i,.mileage_info p,.deposit_info p { display: inline-block; color: #b4b4b4; margin-top: 5px; }
.mileage_info_btn,.deposit_info_btn { margin-bottom: 10px; }
.mileage_info_btn > button:first-child ,.deposit_info_btn > button:first-child { margin-right: 5px;}

.box-wrap .card_table { margin: 10px 0; border: 1px solid #ddd; }
.box-wrap .card_table th { text-align: center; }

/*브랜드*/
.aproval-btns > select {vertical-align: top;margin-right: 05px;}

/*회원 등록 기본정보*/
.mileage_member input {float: left; margin-right: 6px;}
.mileage_member input:after {content: ''; display: block; clear: both;}
.mileage_member .reciever_id dt {float: left; line-height: 30px; font-weight: 500;}
.mileage_member .reciever_id dt:after {content: ':'; display: inline-block; clear: both; margin: 0 6px;}
.mileage_member .reciever_id dd {line-height: 30px; color: #ff0000;}

.box-wrap .email .mileage_member input {float: unset; margin: 0;}
.box-wrap .email .mileage_member span {margin: 0 2px;}

.box-wrap .mileage_table {border: 1px solid #ddd;}
.box-wrap .mileage_table th {text-align: center; padding: 0;}
.box-wrap .mileage_table td {text-align: center; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.box-wrap .mileage_table td:last-child {border-right: none;}

.box-wrap .pharmacist_table .mileage_table tr th {text-align: center;}
.box-wrap .easy_card tr th:first-child { padding-left: 20px; }
.box-wrap .easy_card .card_table tr th:first-child { padding-left: 0; }
.box-wrap .pharmacist_table .mileage_table td,.box-wrap .easy_card .card_table td { width: 100%; font-size: 13px; font-weight: 400; vertical-align: middle; border-right: 1px solid #ddd; text-align: center;}
.box-wrap .pharmacist_table .mileage_table td input {margin: 10px 0;}
.box-wrap .pharmacist_table .mileage_table td:nth-child(2) input { background: #ddd; }

.box-wrap .mileage_infobox .mileage_table td {border-top: 1px solid #ddd;}
.box-wrap .mileage_infobox .mileage_table td:first-child {border-right: 1px solid #ddd;}
.box-wrap .mileage_infobox .mileage_table td input{margin: 10px 0;}
.box-wrap .consent_agree {border: 1px solid #ddd;margin: 10px 0;}
.box-wrap .consent_agree th {border-bottom: 1px solid #ddd;}
.box-wrap .consent_agree td:first-child {border: 1px solid #ddd;}
.box-wrap .consent_agree .agree_status {margin: 10px 0;}
.box-wrap .easy_card .card_table td:nth-child(2) input { width: 60px; display: inline-block; }
.box-wrap .easy_card .card_table td:nth-child(3) input { width: 40px; margin-right: 5px; display: inline-block; }
.box-wrap .easy_card .card_table td:nth-child(4) input { width: 40px; margin-right: 5px; }
.box-wrap .easy_card .card_table td:nth-child(5) input { height: 32px; }

.card_add_btn { height: 32px; margin-bottom: 10px; background: #6ee5a3; border: 1px solid #000; }
.box-wrap .pharmacist_table tbody,.box-wrap .card_table tbody { border-bottom: 1px solid #ddd; }
.box-wrap .pharmacist_table tbody:last-child { border-bottom: 0; }
.easy_card .card_table td input { margin: 10px 0; }
.agree_status { width: 60%; margin: 0 auto; }
.view-btn-box .agree_btn { width: 250px; }
.view-btn-box .reject_btn,.view-btn-box .delete_btn { margin-right: 10px; background: #ff3300 !important; color: #fff !important; }
.salesperson { height: 32px; background: #46c6c6; }
.modal { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; background-color: rgba(0, 0, 0, 0.4); z-index: 999; }
.modal.show { display: block; }
.modal_body { position: absolute; top: 50%; left: 50%;width: 400px; height: 600px;padding: 40px;text-align: center;background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);transform: translateX(-50%) translateY(-50%); }
.modal_close_btn { width: 30px; height: 30px; background: #000; display: inline-block; }

.box-wrap .card_table tbody tr:first-child {border-top: 1px solid #ddd;}

.box-wrap .user-login li { display: flex; align-items: center; }
.box-wrap .user-login li button { width: 80px; margin-right: 10px; }
.box-wrap .user-login li span { font-size: 12px; color: #666; }

/* 회원 변경 */
.account-edit-tbl thead {border-bottom: 1px solid #ddd;}
.account-edit-tbl thead th {font-size: 14px; font-weight: 500; color: #333;}
.account-edit-tbl tbody td.cell-empty {background-color: #eee;}

/*상품등록 이미지등록*/
.box-wrap table tr .info_image_text p { line-height: 1.5; }
.product_stock_info th{ border: 1px solid #ddd; text-align: center;}

.stock_amount { margin: 10px 0; }
.stock_amount_info {margin: 0 ;}
.stock_amount th,.stock_amount td { border: 1px solid #ddd; }
.stock_amount input { width: 100%; margin: 10px 0; }
.stock_amount .info_text { margin-top: 0 !important; }
.delivery_cost { margin: 10px 0; }
.delivery_cost input[type="radio"] { display: inline-block; }
td .category_classification button { background: #7b7d7b; color: #fff; }
td .category { display: block; }
td .category span { display: block; margin: 10px; }
td .category ul { width: 250px; height: 250px; border: 1px solid #ddd; display: block; padding-left: 10px; overflow: scroll; overflow-x: hidden; margin-bottom: 10px; }
td .category ul li { cursor: pointer; width: 100%; display: block; }
td .classification_btn { display: block; margin-bottom: 10px; }

td .classification_btn .classification_btn_regist { display: block; margin-bottom: 10px; }
.revise_btn { height: 32px; margin-left: 10px; vertical-align: bottom; }

/*회원승인요청대기*/
.viewpage .selectbox { font-size: 14px; line-height: 1; }
.viewpage .selectbox .box-select { border: 1px solid #ddd; margin: 30px; }
.viewpage .selectbox .box-select ul li { height: 100%; border-bottom: 1px solid #ddd; }
.viewpage .selectbox .box-select ul li span { display: inline-block; border-right: 1px solid #ddd; padding: 10px; height: 100%; }
.viewpage .selectbox .box-select ul li span.date-select,.viewpage .selectbox .box-select ul li span.seletbox-search { border-left: 1px solid #ddd; }
.viewpage .selectbox .box-select .data-select-img { display: inline-block; }
#membership-approval { font-size: 14px; color: #000; }

.box-wrap table .inout_info_text { list-style: disc; margin-left: 15px; }
.box-wrap table .inout_info_text li { list-style: disc; float: inherit; }
.box-wrap table .inout_info_text li:last-child { list-style: none; }


/*상품등록*/
.product_id span { color: red; }
.box-wrap .product_stock_info th {padding: 0;}
.box-wrap .product_stock_info th:first-child {border-left: 1px solid #ddd;}
.box-wrap .product_stock_info input[type=text] { width: 100%; }
.box-wrap .nomal_sale,.box-wrap .reserve_sell_setting { border: 1px solid #ddd; text-align: center;}
.box-wrap .nomal_sale,.box-wrap .reserve_sell_setting th {padding: 0;}

.reserve_sell_setting tbody th,.product_stock_info tbody th { padding-left: 0; }
.reserve_sell_setting tbody tr { text-align: center; }
.box-wrap .reserve_sell_setting tbody td { border: 1px solid #ddd; padding: 10px 15px;}
.box-wrap .reserve_sell_setting td input { width: 90%; height: 32px; margin: 10px 0; }
.box-wrap table tr .super_sale{margin-top: 10px;}

.box-wrap .nomal_sale { border-left: none;}
.box-wrap .nomal_sale th { border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.box-wrap .nomal_sale th:first-child { border-left: 1px solid #ddd;}
.box-wrap .nomal_sale td { border-left: 1px solid #ddd; padding: 8px 15px;}
.box-wrap .nomal_sale tbody td.order_unit input { margin-left: 5px; }
.box-wrap .nomal_sale tbody td input.inactive { background-color: #f9f9f9; text-align: right; }

.expiration_invalidtext {margin-left: 0;}
.sale_expiration {letter-spacing: -2px;color: #666;}
.basic_delivery_cost,.change_delivery_cost,.return_delivery_cost,.return_delivery_cost,.mountain_delivery_cost,.islands_delivery_cost {display: inline-block;}
.sales-status_06 {display: inline-block;width: 148px;}
.medicine_text {margin-bottom: 10px;vertical-align: top;}

/* 상품등록 이미지(썸네일) 등록 */
.thumnail {height: 280px; display: table;}
.thumnail > li {vertical-align: bottom; }
.thumnail > li .img_container {width: 100%;}

.images_input_select {width: 100%;}
.images_input_select > button {float: left; font-size: 12px; color: #fff; text-align: center; height: 36px; border: 1px solid #666; background-color:#666;}
.images_input_select > button:after {content: ''; display: block; clear: both;}
.images_input_select > button.insert {width: 100%;}
.images_input_select > button.change {width: 49%;}
.images_input_select > button.delete {width: 49%; border: 1px solid #666; background-color:#fff; color: #666; margin-left: 4px;}
.images_input_select > input[type="radio"],.urlbox > input[type="radio"] { display: inline-block;margin-top: 10px;margin-right: 5px; }

.urlbox > input[type="text"] {display: inline-block;width: 48%; }
.urlbox > button {height: 32px; letter-spacing: -0.7px; }
.wide-box-wrap .thumb-upload td { padding: 10px 20px; }
.thumb-upload td ul {padding-top: 16px;}
.thumb-upload td ul li { width: 200px; height: auto; vertical-align: top;}
.thumb-upload td ul li .thumb-view { width: 200px; height: 200px; border: 1px solid #ddd; overflow: hidden; margin-bottom: 16px; }
.thumb-upload td ul li .thumb-view img { width: 100%; height: 100%; object-fit: contain; }
.thumb-upload td ul li .filebox { width: 41.5%;display: inline-block;vertical-align: top; }
.thumb-upload td ul li .filebox label { display: block; width: 100%; color: #fff; line-height: 32px; background-color: #666; cursor: pointer; border-radius: 2px; text-align: center; font-size: 13px; font-weight: 300; }
.thumb-upload td ul li .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.thumb-upload td ul li p { line-height: normal; }
.img_container .img_url input{width: 100%;}

/* 상품 상세페이지 등록 */
.wide-box-wrap .thumb-content td { padding: 10px 20px; }
.wide-box-wrap .thumb-content td ul { height: 34px; }
.wide-box-wrap .thumb-content td div { border: 1px solid #ddd; width: 100%; height: 340px; }
.wide-box-wrap .thumb-content td div img { width: 100%; height: 100%; object-fit: cover; }

/*상품 등록 하단*/
.list_btn >button {vertical-align: top;}
.low_edit_form { border-bottom: 1px solid #ddd; }
.low_edit_form .display-type > select { width: 70px;min-width: 70px; }
.low_edit_form .all_edit_type > select { width: 44.5%;letter-spacing: -1.5px}
.low_edit_form .display-type > input { width: 62%; vertical-align: top;display: inline-block; }
.all_edit_td select { margin: 20px 0; width: 200px; height: 32px; border: 1px solid #d9d9d9; border-radius: 2px; }
.all_edit_box_btn > .edit_btn { text-align: center; font-size: 16px; color: #fff; background: #364FC7; padding: 7px 64px; display: block; margin: 20px auto;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.043); }
.grade_sell,.sell_info { display: inline-block; }

/*상품등록정보 모달*/
.local_stock td input[type=checkbox] { display: block; margin: 0 auto; }
.local_stock tbody th input[type=checkbox] { display: block; margin: 17px auto; }
.local_stock td input { margin: 0; }

/*상품 판매가 관리 일괄 수정*/
.all_order_info {margin-top: 30px;}
.all_order_info p {display: inline-block;font-size: 14px;color: red;vertical-align: top;line-height: 66px;}
.price_management_box,.price_management_boxs { padding: 15 0 15 15px; display: inline-block;}
.price_management_box > li {float: left;color: #333; font-size: 14px; list-style: disc; margin-left: 20px; margin-right: 80px;}
.price_management_box > li:after {content: ''; display: block; clear: both;}
.price_management_box > li:first-child {line-height: 35px}
.price_management_box > li:nth-child(2) {margin-left: 20px;line-height: 35px}
.price_management_box > li:last-of-type { margin-right: 0; }

.price_management_boxs > li {color: #000; font-size: 14px; line-height: 22px; list-style: disc; letter-spacing: 1px;margin-left: 20px; }
.price_management_box .all_order_number,.price_management_box .all_order_price {display: inline-block;font-size: 14px;}
.price_management_box .all_order_number span,.price_management_box .all_order_price span {display: inline-block;color: #364FC7;font-weight: 500;}
.price_management_box > li select { text-align: right; padding-right: 20px; }
.price_management_box > li  input { width: 100px; height: 32px; margin-right: 5px; }
.price_management_box > li .allprice_btn { height: 32px; }
.price_management_box > li .sell_info_btn { background: #ff0000; height: 32px; font-size: 12px; border: 1px solid #000; text-align: center; color: #fff; margin-right: 5px; }
.order_select_box {margin:30px 0}
.order_select_box > ul > li {font-size: 13px;padding: 0 15px;cursor: pointer}
.order_select_box > ul > li.on {background: #364FC7;color: #fff;}
.order_payment .price_management_box > li,.ready_delivery .price_management_box > li,.start_delivery .price_management_box > li{width: 100%;}

.box-wrap .batch-processing .multi_select {display: inline-block;vertical-align: super;margin-right: 5px;padding-left: 20px;}
.all_setting select {vertical-align: top;}
.all_setting .multiselect { width: 280px; }
.batch-processing .all_setting .multiselect { width: 100%; }
.all_setting .multiselect input[type=checkbox] { display: inline-block; vertical-align: middle; margin-right:5px;width: 13px; }
.all_setting .selectBox,.all_setting .selectBoxs { position: relative; }
.all_setting .selectBox select,.all_setting .selectBoxs select { width: 100%; font-weight: 400; }
.all_setting .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.all_setting .multiselect #checkboxes,.all_setting .multiselect .checkboxess { display: none; border: 1px #dadada solid; position: absolute; width: 180px; background: #fff; z-index: 1; padding-left: 7px;}
.all_setting .multiselect #checkboxes span,.all_setting .multiselect .checkboxess span { display: block; margin: 5px; font-size: 12px; }
.all_setting #checkboxes label,.all_setting .checkboxess label { display: block; line-height: 1; font-size: 12px; }
.all_setting #checkboxes label:hover,.all_setting .checkboxess label:hover { background-color: #1e90ff; }

/*주문관리*/
.deposit_waiting { display: none; }
.member_search_btn { height: 32px; }

/* 주문 목록, 회원관리 목록 검색 카테고리 */
.search-form .search-btns.search-type-wrap { padding: 16px 0 0 0; }
.search-type { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.search-type li { display: flex; align-items: center; padding: 0 0 16px 12px; }
.search-type li:first-of-type { padding-left: 0; }
.search-type li select { height: 40px; width: 140px; }
.search-type li input { height: 40px; border-radius: 0; width: 200px; }
.search-type li .largebtn.blue { margin-right: 5px; }
.search-type li .largebtn.red { margin-left: 5px; }

/*주문 등록*/
.ordermember_search,.orderproduct_search,.paymentinfo_search {display: inline-block;}
.ordermember_search a,.orderproduct_search a,.paymentinfo_search a {margin-right: 10px;padding: 5px 16px;}
.orderproduct_search a,.paymentinfo_search a {margin-left: 10px;}

.product_regist_info {padding: 15px 0;}
.product_regist_info span {margin-left: 10px;}

.order_product_search {margin: 10px 0;}

.order_product_grid {margin-bottom: 10px;}


/* 반품 등록 */
.bulk-ret-reason {display: flex; align-items: flex-start; border: 1px solid #ddd; margin-top: 15px; padding: 15px;}
.bulk-ret-reason dl {display: flex; align-items: center;}
.bulk-ret-reason dl dt {margin-right: 15px;}


/*주문 상세*/
.box-wrap table td .used_mileage,.box-wrap table td .used_saved_mileage,.box-wrap table td .used_coupon,.box-wrap table td .refund_mileage,.box-wrap table td .refund_saved_mileage,.box-wrap table td .refund_coupon,.box-wrap table td .final_payment_amount,.box-wrap table td .payment_amount,.box-wrap table td .unpaid_amount,.box-wrap table td .cancle_refund_payment,.box-wrap table td .total_order_amount,.box-wrap table td .supply_amount,.box-wrap table td .free_amount,.box-wrap table td .vat_amount {padding: 15px 0;}
.box-wrap table td .vat_amount > span,.box-wrap table td .refund_mileage > span,.box-wrap table td .refund_saved_mileage > span,.box-wrap table td .refund_coupon > span {color: red;}
.box-wrap table .order_view_depositbank > li {float:inherit;display: block;}
.box-wrap table .order_view_depositbank > li > p {display: inline-block;color: #000;}
.box-wrap table .address .btn {margin-left: 4px; width: 124px;}
.box-wrap table .address .input_set input {display: block; margin-top: 6px;}

.order_product_id {display: inline-block; color: red;}

.product_information .order_product_images {width: 200px; height: 200px; float: left; margin-right: 20px; border: 1px solid #ddd;}
.product_information .order_product_images img {width: 100%; height: 100%; object-fit: contain;}
.product_information .order_product_images:after {content: ''; display: block; clear: both;}

.product_information .order_product_info dt {float: left; line-height: 30px;}
.product_information .order_product_info dt:after {content: ':'; display: inline-block; clear: both; margin: 0 6px;}
.product_information .order_product_info dd {line-height: 30px;}

#order_product_sale {margin: 10px 0;}
#order_product_coupon {margin-bottom: 10px;}
.box-wrap table tr .order_product_claim_text > .info_text,.box-wrap table tr .order_product_claim_denialtext > .info_text {display: block;margin-left: 0;margin-top: 10px;}

.order_play > a {float: left; display: block; padding: 0 16px; line-height: 30px; margin-right: 6px;}
.order_play > a::after {content: ''; display: block; clear: both;}
.order_play > button {border: none; margin-right: 3px;}
.order_play > button.red {background-color: red;}

/* 상품정보 고시항목 */
.prodctg-wrap {width: 100%; display: flex; justify-content: space-between; align-items: flex-start; border: 1px solid #ddd;}
.prodctg-wrap .left-layout {width: 30%; height: 100%; border-right: 1px solid #ddd;}
.prodctg-wrap .left-layout fieldset {padding: 20px;}
.prodctg-wrap .left-layout table {border: 1px solid #ddd}
.prodctg-wrap .left-layout table tr {border-bottom: none;}
.prodctg-wrap .left-layout table tr:hover {background-color: #FAF8F0;}
.prodctg-wrap .left-layout table th {height: 40px; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.prodctg-wrap .left-layout table th:last-child {border-right: none;}
.prodctg-wrap .left-layout table td {height: 36px; vertical-align: middle; border-right: 1px solid #ddd; padding: 0 15px;}
.prodctg-wrap .left-layout table td:last-child {border-right: none;}

.prodctg-wrap span.fancytree-icon {width: 22px; height: 16px; background: url(/static/bo/common/assets/images/contents/close_folder_icon.png) 50% no-repeat; background-size: contain;}
.prodctg-wrap .fancytree-ico-ef span.fancytree-icon {background-position: unset;}
.prodctg-wrap .fancytree-ico-ef span.fancytree-icon:hover {background-position: unset;}
.prodctg-wrap .fancytree-ico-ef span.fancytree-icon {width: 22px; height: 16px; background: url(/static/bo/common/assets/images/contents/open_folder_icon.png) 50% no-repeat; background-size: contain;}
.prodctg-wrap .fancytree-ico-cf span.fancytree-icon {background-position: unset;}
.prodctg-wrap .fancytree-has-children.fancytree-ico-cf span.fancytree-icon {background-position: unset;}

.prodctg-wrap .right-layout {width: 70%;}
.prodctg-wrap .right-layout fieldset {border-bottom: 1px solid #ddd;}
.prodctg-wrap .right-layout .view-btn-box {margin:30px 0;}

.prodctg-wrap .iframe-container {height: 635px;}
.modal_container .contents {min-width: 0;}


/* colorbox : 팝업관련 */
.modal_container {background-color: #fff; height: 100%; padding: 10px;}
.modal_container .contents {padding: 0 20px; background-color: #fff;}
.modal_container .contents .page-title {display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; padding-bottom: 6px; position: sticky; top: 0; background-color: #fff; z-index: 1;}

.search-tabs {width: 100%; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px;}
.search-tabs > li {padding: 12px 20px; border-radius: 2px; font-size: 16px; font-weight: 500; text-align: center; background-color: #f8f8f8; border: 1px solid #ddd; color: #666; cursor: pointer; margin-right: 6px;}
.search-tabs > li.active {background-color: #364FC7; border-color: #364FC7; color: #fff; border-bottom: none; cursor: default;}

.return_info_text {font-size: 12px; font-weight: 400; color: red; margin-bottom: 10px;}


/* colorbox > 반품취소 시 주의사항 */
.modal_container .return-cncl {height: 100%; padding: 0;}
.modal_container .return-cncl .page-title {border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; color: #364FC7;}

.modal_container .return-cncl .box-wrap {border: none;}
.modal_container .return-cncl .box-wrap .txt {font-size: 15px; color: #333; line-height: 1.4;}

.modal_container .return-cncl .box-wrap .check-area {background-color: #f8f8f8; padding: 20px; margin: 15px 0; border-radius: 10px;}
.modal_container .return-cncl .box-wrap .check-area > li:not(:last-child) {margin-bottom: 15px;}

.modal_container .return-cncl .box-wrap .check-area p {font-size: 16px; font-weight: 500; color: #333; margin-bottom: 10px; line-height: 1.3;}
.modal_container .return-cncl .box-wrap .inp-group label {font-size: 15px; color: #333; line-height: 21px;}

.modal_container .return-cncl .box-wrap .btn-area {display: flex; justify-content: space-between; align-items: center;}
.modal_container .return-cncl .box-wrap .btn-area .inp-group label {font-size: 16px; font-weight: 500; transition: all 0.2s;}
.modal_container .return-cncl .box-wrap .btn-area .inp-group label:hover {color: #364FC7;}


/* colorbox > 전시관리(배너 영역 정보) */
.modal_container .bai-details {height: 100%; position: relative;}
.modal_container .bai-details .box-wrap {height: 379px; overflow-y: auto;}
.modal_container .bai-details .view-btn-box {width: 100%; text-align: center; position: absolute; left: 0; bottom: 20px;}

.modal_container .bai-details .excel_select .image {width: 100%; overflow: hidden; margin-top: 10px;}
.modal_container .bai-details .excel_select .image img {width: auto; height: 100%; object-fit: contain;}


/* colorbox loading */
.loading-box #cboxTopLeft {display: none;}
.loading-box #cboxTopCenter {display: none;}
.loading-box #cboxMiddleLeft {display: none;}
.loading-box #cboxTopRight {display: none;}
.loading-box #cboxBottomLeft {display: none;}
.loading-box #cboxBottomCenter {display: none;}
.loading-box #cboxBottomRight {display: none;}
.loading-box #cboxMiddleRight {display: none;}
.loading-box #cboxContent {background-color: transparent;}


/* 엑셀 다운로드 요청 popup */
.excel-request-form p {font-size: 15px; font-weight: 400; color: #333;}
.excel-request-form .box-wrap {margin: 10px 0;}
.excel-request-form table th {text-align: center; padding: 10px 0;}
.excel-request-form table td {padding: 10px;}

.excel-request-form .btn-excel-down {border: none; width: 30px; height: 30px; font-size: 0; background: url("/static/bo/common/assets/images/button/excel_down.svg") 50% no-repeat;}

.excel-request-form .request-reason {width: 100%; height: 125px; border: 1px solid #ddd; position: relative;}
.excel-request-form .request-reason textarea {width: 100%; height: 100px; padding: 10px; border: none;}
.excel-request-form .request-reason .bytes {font-size: 12px; font-weight: 400; color: #364FC7; position: absolute; bottom: 5px; right: 10px;}

.excel-request-form .request-reason textarea:disabled {background-color: transparent; cursor: no-drop;}

.excel-request-form .guid-text-box {font-size: 12px; font-weight: 400; color: #666; line-height: 1.4;}


/*클레임모달*/
.claim_select01 > input[type=checkbox] {display: inline-block;vertical-align: middle;}
.claim_select02 > input[type=checkbox],.claim_select03 > input[type=checkbox] {display: inline-block;vertical-align: middle;}
.claim_select02,.claim_select03 {display: none;}
.box-wrap .claim_select01 > p ,.box-wrap .claim_select02 > p,.box-wrap .claim_select03 > p{color: red;}
.claim_table {border: 1px solid #ddd;margin-bottom: 10px;margin-top: 5px;}
.claim_table .claim_contents > select{display: block;margin-bottom: 10px;}
.claim_table .claim_ordercontact li,.claim_table .claim_recievercontact li {float: inherit;}

/*주문 공급사 배송관리*/
.supplier_delivery {padding: 15px;background: #fff;border: 1px solid #ddd;}
.order_payment_completed,.order_delivery_ready,.order_delivery_completed,
.supplier_delivery_completed,.supplier_delivery_ready,.supplier_delivery_error,.supplier_payment_completed,
.claim_payment_completed,.claim_delivery_ready,.claim_delivery_completed,
.cancel_payment_completed,.cancel_delivery_ready,.cancel_delivery_completed{display: none;}

/*주문 (클레임)*/
.order_claim_info > ul {padding-left: 15px;}
.box-wrap table .order_claim_info > ul > li {list-style: disc;float: inherit;}
.order_claim_info > ul > li >span {color: red;}
.order_claimbox {padding: 15px 20px;width: 100%;}
.order_claimbox > li {list-style: disc;float: left;font-size: 14px;margin-left: 15px;}
.order_claimbox > li:nth-child(2) {margin-left: 30px;}

/*일괄처리*/
.batch-processing:nth-child(3),.batch-processing:nth-child(4),.batch-processing:nth-child(5){border-top: 1px solid #ddd;}

/*이벤트 등록*/
td .event_checkbox {display: inline-block;vertical-align: middle;margin-left: 10px;}


/*타임세일*/
.box-wrap .timesale_table {border: 1px solid #ddd;margin: 10px 0;}
.box-wrap .timesale_table input[type=checkbox] {display:inline-block;vertical-align: middle;width: 12px;}
.box-wrap .timesale_table tr {border-bottom: 1px solid #ddd;}
.box-wrap .timesale_table td { border: 1px solid #ddd;}
.box-wrap .timesale_table tr:last-child {border-bottom: 1px solid #ddd;}
.box-wrap .timesale_table th {vertical-align: middle; text-align: center; padding: 0;}
.box-wrap .timesale_table td:nth-child(3) > p {display: block;margin-bottom: 10px;}
.box-wrap .timesale_table td {text-align: center;}
/*list disc*/
.box-wrap table td .discstyle {padding-left: 20px;}
.box-wrap table td .discstyle > li {float: inherit;list-style: disc;}

/*공지사항 등록*/
.notice_wrap input[type=checkbox] {vertical-align: middle;}
.notice_wrap .T_ARTICLE_NOTICE {display: inline-block;margin-right: 5px;}
.notice_wrap .T_ARTICLE_NOTICE:last-child{margin-right: 0;}

/*카카오톡알람*/
.box-wrap table td .messagedisc > li,.box-wrap table td .reddisc > li {line-height: 1.8;}
.reddisc li::marker{color:red;}
.reddisc li > span,.discstyle li > span {color: red;font-weight: 800;}

.phone_img {position: relative; width: 265px; display: inline-block; vertical-align: top; margin-right: 30px; height: auto; border-radius: 34px; overflow: hidden;}
.phone_img img {width: 100%; height: 100%; object-fit: contain;}
.phone_img .bytes {position: absolute; top: 374px; right: 26px; text-align: right;}
.phone_img .phone_num {position: absolute; top: 406px; left: 128px; background-color: transparent;}

.box-wrap table .phone_img > textarea {width: 221px;position: absolute;height: 235px;left: 23px;top:133px;}

.phone_table {display: inline-block;vertical-align: top;}
.phone_table table {width: 600px;border: 1px solid #ddd;margin-top: 10px;text-align: center;}
.phone_table table th {padding-left: 0;}
.phone_table table td {border: 1px solid #ddd;}

/*정산관리 - 회차 생성*/
.settele_round {display: none;}
.settle_table {border: 1px solid #ddd;background: #fff;}
.settle_table table {width: 95%;text-align: center;border: 1px solid #ddd;vertical-align: middle;font-size: 14px;font-weight: 400;margin: 10px auto;}
.settle_table table th {border: 1px solid #ddd;vertical-align: middle;font-weight: 400;padding: 10px 0}
.settle_table table .settle_table_head th {background: #f9f9f9;}
.settle_table table td:first-child {background: #f9f9f9;}
.settle_table table td {vertical-align: middle;}
.settle_table table input {margin:  0 auto;vertical-align: middle;display: block;}
.settle_table table input[type="text"] {display:inline-block;width: 70px;margin-right: 5px;}
.settle_table table select {height: 30px;}
.settle_btns{text-align: center;padding-bottom: 10px;}

/*회차목록*/
.settle_list {display: none;}
.settle_round_list,.round_list {border: 1px solid #ddd;background: #fff;height: 68px;}
.round_list {margin-top: 30px;}
.settle_round_list > .discstyle > li,.round_list > .discstyle > li{list-style: disc;margin-left: 35px;font-size: 14px;line-height: 68px;}
p.unit {font-size: 13px; margin-bottom: 10px; margin-top: 30px;}

/* 이벤트 상세페이지 링크버튼 */
.eve_detail .link-btn {display: none;}

/* 예약결제 신청상세 */
.box-wrap table.respay_table { text-align: center; }
.box-wrap table.respay_table tbody td { border: 1px solid #ddd; height: 40px; }


/* 답폼 */
.split {width: 100%; background-color: #f9f9f9; border: 1px solid #ddd; padding: 6px 15px; display: flex; justify-content: space-between; align-items: center;}
.split .tit {font-size: 15px; font-weight: 500;}
.split .btn-group .btn {height: 28px; line-height: 24px; margin-left: 4px; padding: 0 10px; font-size: 12px;}

.etc-split {width: 100%; background-color: #f9f9f9; border: 1px solid #ddd; padding: 6px 15px; display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.etc-split .tit {font-size: 15px; font-weight: 500;}
.etc-split .btn {margin-left: 4px; padding: 0 10px; font-size: 12px;}

/* 답변 항목 table */
.dap-form .box-wrap .answer-item:not(:first-child) {margin-top: 10px;}
.dap-form .box-wrap .answer-item th:first-child {border-right: 1px solid #ddd}
.dap-form .box-wrap .answer-item td {width: unset;}

.dap-form .box-wrap .answer-item .align-btns {margin-bottom: 10px;}
.dap-form .box-wrap .answer-item .align-btns > a {display: block;}
.dap-form .box-wrap .answer-item .align-btns > a > i {font-size: 1.3rem; color: #666;}

.dap-form .box-wrap .multiple-select {margin-top: 10px;}
.dap-form .box-wrap .multiple-select th {font-size: 15px; font-weight: 500; color: #000;}
.dap-form .box-wrap .multiple-select td {padding: 4px 15px; height: 40px; vertical-align: text-top;}
.dap-form .box-wrap .multiple-select td:last-child {text-align: right; border-left: none;}

.dap-form .blue.active {background-color: #fff; color: #364FC7;}
.dap-form .blue-line.active {background-color: #364FC7; color: #fff;}
.dap-form .dgrey.active {background-color: #fff; color: #666; border: 1px solid currentColor;}



/* 상품정보 고시항목 */
.menu-wrap {width: 100%; overflow: hidden; display: flex; justify-content: space-between; align-items: flex-start; border: 1px solid #ddd;}
.menu-wrap .left-layout {width: 40%; height: 100%; border-right: 1px solid #ddd;}
.menu-wrap .left-layout fieldset {padding: 20px;}
.menu-wrap .left-layout table {border: 1px solid #ddd}
.menu-wrap .left-layout table tr {border-bottom: none;}
.menu-wrap .left-layout table tr:hover {background-color: #FAF8F0;}
.menu-wrap .left-layout table th {height: 40px; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.menu-wrap .left-layout table th:last-child {border-right: none;}
.menu-wrap .left-layout table td {height: 36px; vertical-align: middle; border-right: 1px solid #ddd; padding: 0 15px;}
.menu-wrap .left-layout table td:last-child {border-right: none;}

.menu-wrap span.fancytree-icon {width: 22px; height: 16px; background: url(/static/bo/common/assets/images/contents/close_folder_icon.png) 50% no-repeat; background-size: contain;}
.menu-wrap .fancytree-ico-ef span.fancytree-icon {background-position: unset;}
.menu-wrap .fancytree-ico-ef span.fancytree-icon:hover {background-position: unset;}
.menu-wrap .fancytree-ico-ef span.fancytree-icon {width: 22px; height: 16px; background: url(/static/bo/common/assets/images/contents/open_folder_icon.png) 50% no-repeat; background-size: contain;}
.menu-wrap .fancytree-ico-cf span.fancytree-icon {background-position: unset;}
.menu-wrap .fancytree-has-children.fancytree-ico-cf span.fancytree-icon {background-position: unset;}

.menu-wrap .right-layout {width: 60%;}
.menu-wrap .right-layout fieldset {border-bottom: 1px solid #ddd;}
.menu-wrap .right-layout .view-btn-box {margin:30px 0;}

.menu-wrap .menu-content {
    flex: 1; /* 가변적인 높이를 유지 */
    overflow: auto; /* 내부 콘텐츠가 넘칠 경우 스크롤 */
    max-height: 600px;
  }

/* 합산특가 정보 */
table.setOdr { font-size: 15px; text-align: center; }
table.setOdr tr.orderProd span { font-size: 15px; }
table.setOdr tr.orderProd p { font-size: 12px; color: #666 }