@charset "utf-8";
.sub_inner {width:100%}
/* adminpage 영역*/
.admin_sec {margin-top:146px;padding: 40px 0 80px;position: relative;}/* 22/11/09 수정 */
.admin_sec .inner {display: flex;justify-content: space-between;}
.admin_sec .content {flex: 0 0 76%; margin-left: 4%;max-width: 912px;}
.admin_tit {display: flex;flex: 1 1 100%;align-items: center;height: 50px;}
.admin_tit  em.tit {display: block;color: #333;font-size: 30px;font-weight: 500;}

/* 주문배송_목록_상단_검색영역 */
.srch_sec_admin {display:flex;justify-content: space-between;width:100%;max-width:1200px;margin-top:20px;flex-wrap: wrap;}
.srch_sec_admin .front,
.srch_sec_admin .rear {display: flex;flex: 0 0 48%;}
.srch_sec_admin .row_lb {flex:1 0 110px;padding-left:20px;font-size:14px;line-height:36px;color:#858796;text-align:left}
.srch_sec_admin .period_drect .field {display:flex;flex:1 1 100%}
.srch_sec_admin .period_drect .field .calendar {position:relative;flex: 1 1 50%}
.srch_sec_admin .period_drect .field .to {flex: 1 0 30px;text-align: center;line-height: 36px;} 
.srch_sec_admin .period_drect .field .calendar input {width:100%;height:36px;padding-left:12px;border: 1px solid #ddd;font-size:13px;color: #6e707e;box-sizing:border-box}
.search_data {display:flex;flex:1 1 80%;margin-top:12px}
.search_data .label {flex:1 0 110px;padding-left:20px;font-size:14px;line-height:36px;color:#858796;text-align:left;}
.search_data .field {flex:1 1 100%;position:relative}
.search_data .field input {width:100%;height:36px;padding-left:12px;border: 1px solid #ddd;font-size:13px;color: #6e707e;box-sizing:border-box}
.search_btn_bx {display: flex;margin-top:12px;flex:1 1 20%}
.search_btn_bx .btn_srch  {display:flex;justify-content:center;align-items: center;width: 100%;margin-left: 10px;background: #004299;border-radius:2px;color: #fff;font-size:16px}

.srch_sec_admin .period_type ul.rdi {flex:1 1 100%;display: flex;flex-wrap: wrap;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.srch_sec_admin .period_type ul.rdi li {flex: 0 0  25%;height:36px;box-sizing: border-box;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.srch_sec_admin .period_type li .radio_box {position: relative;display: table;width:100%;height: 100%;outline:0}
.srch_sec_admin .period_type li .radio_box input  {position:absolute;top:0;left:0;width:100%;height: 100%;cursor: pointer;pointer-events: all;outline: none;opacity: 0;}
.srch_sec_admin .period_type li .radio_box label {display: table-cell;width:100%;height: 100%;margin:0;padding:0;text-align:center;vertical-align:middle;font-size:13px;color: #777;} 
.srch_sec_admin .period_type li .radio_box input:checked+label {outline: 1px solid #191919 !important;color: #222!important;font-weight:600}/* 22/11/28수정 */
.srch_sec_admin .period_type li .radio_box input:hover+label{cursor: pointer}/* 22/11/28수정 */
/* 22/11/23 추가수정 */
.srch_sec_admin .chk_type {display: flex;flex: 0 0 100%;margin-top: 12px;}
.srch_sec_admin .chk_type ul.chk {flex:1 1 100%;display: flex;flex-wrap: wrap;border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.srch_sec_admin .chk_type ul.chk li {flex: 0 0 16.6666%;height:36px;box-sizing: border-box;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.srch_sec_admin .chk_type li .chk_box {position: relative;display: table;width:100%;height: 100%;outline:0}
.srch_sec_admin .chk_type li .chk_box input  {position:absolute;top:0;left:0;width:100%;height: 100%;cursor: pointer;pointer-events: all;outline: none;opacity: 0;display: none;}
.srch_sec_admin .chk_type li .chk_box label {display: table-cell;width:100%;height: 100%;margin:0;padding:0;text-align:center;vertical-align:middle;font-size:13px;color: #777;} 
.srch_sec_admin .chk_type li .chk_box input:hover+label {cursor: pointer}/* 22/11/28수정 */
.srch_sec_admin .chk_type li .chk_box input:checked+label {outline: 1px solid #191919 !important;color: #222!important;font-weight:600} /* 22/11/28수정 */
.srch_sec_admin .chk_type li .chk_box input[type="checkbox"] + label:before {display: none;} 

/* 주문배송내역 목록_cs 관리자용 */
.tbl_order_cs {display:flex;flex-direction:column;width: 100%;margin-top:40px;overflow-x: auto;}
.tbl_order_cs .tbl_data {flex-direction: column;}
.tbl_order_cs .tbl_row {display:flex;background:#fff;}
.tbl_order_cs .tbl_row.active {background:#eff0f5;}
.tbl_order_cs .tbl_row.active li {background:#eff0f5;}
.tbl_order_cs .tbl_tit .tbl_row li.tit {color:#555;font-weight:500;border-top:2px solid #bbb;border-bottom:1px solid #bbb;}
.tbl_order_cs .tbl_row li {display:flex;justify-content:center;align-items:center;width:10%;min-width: 100px;padding: 6px 0;font-size:13px;line-height: 16px;color:#666;text-align:center;border-bottom:1px solid #ddd;}
.tbl_order_cs .tbl_row .num {font-family:verdana,Arial,sans-serif;letter-spacing:-0.5px}
.tbl_order_cs .tbl_data .tbl_row a {display:flex; padding: 10px;color: #004299;}
.tbl_order_cs .tbl_data .tbl_row a:hover,
.tbl_order_cs .tbl_data .tbl_row a:active {color: #003780;cursor:pointer;}
.tbl_order_cs .tbl_data .tbl_row li a i {font-size: 18px;}
.tbl_order_cs .tbl_data .tbl_row li.product_option{justify-content: flex-start;text-align: left; font-size: 12px;line-height: 16px;color: #777;font-style: normal;flex-wrap: wrap}
/* 주문배송내역 목록_버튼*/
.tbl_cs_btn_sec {display: flex;justify-content: flex-end;width:100%;margin-top:20px}
.tbl_cs_btn_sec a.board_btn  {display:inline-block;padding: 0 16px;margin-left:10px;color:#fff;font-size:14px;line-height:40px;text-align:center;background:#004299;border-radius: 2px;}
.tbl_cs_btn_sec a.board_btn:hover,
.tbl_cs_btn_sec a.board_btn:active {background:#1945cc}

/* 주문배송내역 목록_cs관리자용_컬럼별 너비*/
.tbl_order_cs .tbl_row li.order_number {min-width: 100px}
.tbl_order_cs .tbl_row li.order_status{min-width: 80px}
.tbl_order_cs .tbl_row li.product_number{min-width: 80px}
.tbl_order_cs .tbl_row li.product_name{min-width: 110px}
.tbl_order_cs .tbl_row li.product_option{min-width: 214px}
.tbl_order_cs .tbl_row li.attach_file{min-width: 80px}
.tbl_order_cs .tbl_row li.order_quantity{min-width: 80px}
.tbl_order_cs .tbl_row li.orderer{min-width: 80px}
.tbl_order_cs .tbl_row li.ordererID{min-width: 180px} /*22/11/24 수정*/
.tbl_order_cs .tbl_row li.reciever{min-width: 80px}
.tbl_order_cs .tbl_row li.order_location{min-width: 100px}
.tbl_order_cs .tbl_row li.recipient_contact1{min-width: 100px}
.tbl_order_cs .tbl_row li.recipient_contact2{min-width: 100px}
.tbl_order_cs .tbl_row li.default_address{min-width: 180px}
.tbl_order_cs .tbl_row li.detailed_address{min-width: 100px}
.tbl_order_cs .tbl_row li.zip_code{min-width: 100px}
.tbl_order_cs .tbl_row li.orderer_contact{min-width: 100px}
.tbl_order_cs .tbl_row li.delivery_msg{min-width: 180px}
.tbl_order_cs .tbl_row li.regist_date{min-width: 100px}
.tbl_order_cs .tbl_row li.order_amount{min-width: 100px}
.tbl_order_cs .tbl_row li.shipping_type{min-width: 100px}
.tbl_order_cs .tbl_row li.estimate{min-width: 100px}
.tbl_order_cs .tbl_row li.estimate_date{min-width: 100px}
.tbl_order_cs .tbl_row li.lead_time{min-width: 100px}
.tbl_order_cs .tbl_row li.shipping_cost{min-width: 100px}
.tbl_order_cs .tbl_row li.add_shipping_cost{min-width: 100px}
.tbl_order_cs .tbl_row li.shipping_cost_type{min-width: 100px}
.tbl_order_cs .tbl_row li.payment_date{min-width: 100px}
.tbl_order_cs .tbl_row li.payment_type{min-width: 100px}
.tbl_order_cs .tbl_row li.delivery_co{min-width: 100px}
.tbl_order_cs .tbl_row li.tracking_num{min-width: 100px}
.tbl_order_cs .tbl_row li.shipment_date{min-width: 100px}
.tbl_order_cs .tbl_row li.paymentfee_type{min-width: 100px}
.tbl_order_cs .tbl_row li.paymentfee{min-width: 100px}
.tbl_order_cs .tbl_row li.settlement_date{min-width: 100px}
.tbl_order_cs .tbl_row li.settlement_amount{min-width: 100px}

/*견적참조 팝업 11/21 추가*/
.quote_refer {margin-top: 52px;}
.quote_refer .inner_w {display: flex;flex-wrap: wrap;max-width: 680px;}
.quote_refer img {width: 100%;max-width: 700px;}
/* 견적참조 팝업 - 타이틀 섹션 */
.quote_tit_sec {position: relative;display: flex;align-items: center;justify-content: center;height: 52px;border-bottom: 1px solid #c3c6cd;background: #fff;position: fixed;top: 0;width:100%} 
.quote_tit_sec .quote_tit {font-size: 20px;}
.quote_tit_sec .btn_wrap {display: flex;position: absolute;right: 0;}
.quote_tit_sec .page_close {position: relative;display: block;width:28px;height: 28px;margin-right:10px}
.quote_tit_sec .page_close span{width:28px;right: 0; top:50%}
.quote_tit_sec .page_close span::before,
.quote_tit_sec .page_close span::after {display: block; position: absolute; width: 100%; height: 2px; background-color: #3c3c3c; transition-duration: .25s;}
.quote_tit_sec .page_close span::before {content: '';top: 50%; transform: rotate(45deg);}
.quote_tit_sec .page_close span::after {content: ''; top: 50%; transform: rotate(-45deg);}
/* 견적참조 팝업 - 내역 목록 */
.tbl_qrefer_tit {display: flex;flex: 0 0 100%;flex-wrap: wrap;align-items: center;margin-top: 30px;}
.tbl_qrefer_tit  em.qrefer_tit {flex:0 0 100%;color: #333;font-size: 30px;font-weight: 500;}
.tbl_qrefer_tit .qrefer_txt {flex:0 0 100%;margin-top: 12px;color: #666;font-size: 16px}
.tbl_qrefer {display:flex;flex-direction:column;width:100%;margin-top:30px;border-left:1px solid #ccc}
.tbl_qrefer .tbl_row {display:flex;width:100%;border-top:1px solid #ccc;box-sizing: border-box;}
.tbl_qrefer .tbl_data .tbl_row:last-child {border-bottom:1px solid #ccc;}
.tbl_qrefer .tbl_tit .tbl_row {background:#eff1f9;border-top:2px solid #ccc;}
.tbl_qrefer .tbl_tit .tbl_row p.tit {justify-content: center;color:#666;font-weight:500;}
.tbl_qrefer .tbl_row p {display:flex;justify-content:flex-start;flex-wrap: wrap;font-size:14px;line-height:20px;color:#555;font-weight: 400;text-overflow:ellipsis;padding: 8px 8px 8px 12px;border-right: 1px solid #ccc;box-sizing: border-box;}
.tbl_qrefer .tbl_data .tbl_row.sum p {font-weight: 600;}
.tbl_qrefer .tbl_row .num {font-family:verdana,Arial,sans-serif;letter-spacing:-0.5px}
/* 견적참조 팝업 내역 목록_컬럼별 너비*/
.tbl_qrefer .tbl_row p.qrefer_option {flex:0 0 25%}
.tbl_qrefer .tbl_row p.qrefer_choice{flex:0 0 30%}
.tbl_qrefer .tbl_row p.qrefer_amount{flex:0 0 20%}
.tbl_qrefer .tbl_row p.qrefer_note{flex:0 0 25%}
.tbl_qrefer .tbl_data .tbl_row p.qrefer_amount{justify-content: flex-end;font-size:13px;text-align: right;font-family:verdana,Arial,sans-serif;letter-spacing:-0.5px}


/*상품 카테고리 관리*/
.c_item_setting {display: flex;justify-content: space-between;}
.c_item_setting  .left {flex:0 0 40%}
.c_item_setting  .right {flex:0 0 58%;}
.c_item_setting  .right .box_tit {font-size: 24px;}
.c_item_setting  .right .box_desc {margin-top: 16px;font-size: 16px;color: #777;}
/*상품 카테고리 관리 목록(왼쪽)*/
.c_item_lst {margin-top: 20px;}
.c_item_lst ul li {display:flex;width:100%}
.c_item_lst ul  {border-top: 1px solid #bbb; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb}
.c_item_lst ul li.tbl_tit a {display:flex;align-items: center;width:100%;height: 36px;}
.c_item_lst ul li.tbl_tit p {color:#333;font-size:15px; text-align:center;}
.c_item_lst ul li.tbl_row a {display:flex;align-items: center;width:100%;cursor:pointer}
.c_item_lst ul li.tbl_row a:hover,
.c_item_lst ul li.tbl_row a:focus {background:#eff1f9;}
.c_item_lst ul li p {font-size:15px;line-height: 36px;color:#555;text-align:center;font-family:'Noto Sans KR';border-left: 1px solid #bbb; border-top: 1px solid #bbb;box-sizing: border-box;}
.c_item_lst ul li p.ctgry_name {flex: 1 1 40%;padding-left: 20px;text-align: left;display: flex;}
.c_item_lst ul li p.ctgry_order {flex: 1 1 20%;}
.c_item_lst ul li p.ctgry_show {flex: 1 1 20%;}
.c_item_lst ul li p.ctgry_name.depth1 {padding-left: 20px; }
.c_item_lst ul li p.ctgry_name.depth2 {padding-left: 30px; }
.c_item_lst ul li p.ctgry_name.depth3 {padding-left: 40px; }
.c_item_lst ul li.tbl_row p.ctgry_name::before {content: '';display: block;width: 10px;height: 10px;margin: 8px   8px 0 0;border-left: 1px solid #aaa;border-bottom: 1px solid #aaa;;cursor: pointer;text-align: center;line-height: 18px;}
/*상품 카테고리 관리 정보(오른쪽)*/
.c_item_info {margin-top: 20px;}
.c_item_info ul.info_lst  {border-top: 1px solid #bbb; border-right: 1px solid #bbb;border-bottom: 1px solid #bbb}
.c_item_info ul li {display:flex;width:100%}
.c_item_info ul.info_lst li p {font-size:15px;color:#555;text-align:center;font-family:'Noto Sans KR';box-sizing: border-box;}
.c_item_info ul.info_lst li.tbl_tit p {display:flex;align-items: center;width:100%;height: 36px;padding: 0;align-items: center;justify-content: center;}
.c_item_info ul.info_lst li .item_tit {flex: 1 1 30%;min-height: 36px;padding-left: 20px;padding-top: 10px;text-align: left;border-left: 1px solid #bbb; border-top: 1px solid #bbb;}
.c_item_info ul.info_lst li .item_data {display:flex;flex: 1 1 70%;padding: 4px;flex-wrap: wrap; border-left: 1px solid #bbb; border-top: 1px solid #bbb;box-sizing: border-box;}
.c_item_info ul.info_lst li .item_data input {width:100%;padding-left:8px;border:1px solid #e3e6f0;font-size:14px;color:#6e707e;box-sizing: border-box;}
.c_item_info ul.info_lst li .item_dropdown .data_select {width:100%;padding-left: 14px;color: #6e707e;box-sizing: border-box;letter-spacing: -.02em;vertical-align: middle;font-size: 14px;border: none; text-overflow:ellipsis;white-space: nowrap;background: url('../images/common/arrow_down.jpg') no-repeat 99% 50%;border-radius: 0px;
	-webkit-appearance: none; 	-moz-appearance: none;	appearance: none;}
.c_item_info ul.info_lst li .item_chkbx .check_box {display: flex;justify-content: left;align-items: center;flex: 0 0  27%;height:28px;margin-left: 20px;box-sizing: border-box;border: none}
/*상품 카테고리 관리 -  버튼 */
.ctgry_btn_sec.item_4 {display:flex; margin:16px 0 10px;justify-content: flex-start;}
.ctgry_btn_sec.item_4 a.btn {display: flex;justify-content: center;align-items: center;width:80px;height:36px;font-size:13px;color: #666;background: #fff;color: #6e707e;border: 1px solid #bfc3cd;box-sizing: border-box;cursor: pointer;}
.ctgry_btn_sec.item_4 a.btn + a.btn {margin-left: 10px;}
.ctgry_btn_sec a.btn:hover {color:#3d3e46;border: 1px solid #858796; }


/* 상품 카탈로그 관리 화면 */ 
.item_write {display: flex;flex-direction: column;}
.item_write .panel_tit {display: flex;flex-wrap:wrap;margin-top: 40px;margin-bottom: 20px;}
.item_write .panel_tit .pn_tit {position: relative;display: flex;flex:0 1 100%;font-weight: 500;font-family: 'Noto Sans KR';}
.item_write .panel_tit .pn_note {position: relative;display: flex;flex:0 1 100%;margin-top: 8px;font-size: 16px;color:#666;font-family: 'Noto Sans KR'}
.item_write .panel_tit .pn_tit.num {padding-left:28px;font-size: 16px;line-height: 24px;color: #333;}
.item_write .panel_tit .pn_tit.num:before {position: absolute;top: 0px;left: 0;width:24px;height: 24px;background: #004299;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 14px;} 
.item_write .panel_tit .pn_note.dot {padding-left:20px;}
.item_write .panel_tit .pn_note.dot:before {content: '-';position: absolute;top: 0px;left:8px;color: #666;line-height: 1} 
.item_write .txt_panel {display: flex;margin-top: 20px;flex-wrap:wrap}	
.item_write .txt_panel .row_lb {flex:1 1 15%;padding: 8px 10px 0 0;font-weight: 500;color:#333;box-sizing: border-box;}
.item_write .txt_panel .row_right {display:flex;flex: 1 1 85%;flex-wrap: wrap; box-sizing: border-box;}
.item_write .txt_panel .row_right input.field_txt{flex:0 0 calc(100% - 140px);height:42px;padding-left:8px;padding-right: 8px;font-size:14px;color:#777;border: 1px solid #c3c6cd;box-sizing: border-box;vertical-align: middle;}
.item_write .txt_panel a.pop_btn {display: flex;flex:0 0 120px;height: 42px;margin-left: 20px;justify-content: center;align-items: center;color: #fff;font-size: 14px;background: #004299;border-radius: 3px;}
.item_write .txt_panel textarea.field_txt {flex:0 0 100%;display: flex;flex-wrap: wrap;min-height: 120px;max-width: 775.2px;height:42px;padding: 6px 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #c3c6cd;box-sizing: border-box;vertical-align: middle;}
/* 제조공정 체크 22/10/26 추가 */
.item_write .txt_panel .item_chkbx .check_box {display: flex;justify-content: left;align-items: center;flex: 0 0 25%;height:32px;padding-left: 20px;box-sizing: border-box;border: none}
.item_write .txt_panel .check_box input[type="checkbox"] + label {font-size:13px; color:#666;}
.item_write .txt_panel .check_box input[type="checkbox"]:checked + label:before {font-size: 16px;background-color: #004299;border:1px solid #004299;color:#fff;}
.item_write .img_panel {display: flex;flex-wrap: wrap;}
.item_write .img_panel .row_lb {flex:0 0 160px;padding: 20px 10px 0 0;font-weight: 500;color:#333;box-sizing: border-box;}
.item_write .img_panel .img_bx {display: flex;flex:0 0 84%;flex-wrap: wrap;}
.thumb_bx {display: flex;flex:0 0 50%;flex-wrap: wrap;margin-top: 20px;}
.item_write .img_panel .thumb {display: flex;justify-content: center;align-items: center;width:142px;height: 142px;border: 1px solid #ddd;border-radius: 3px}
.item_write .img_panel .file_add {display: flex;}
.item_write .img_panel .f_btn_box {display: flex;flex-direction: column;padding-left:20px}
.item_write .img_panel .f_btn_box p {margin-bottom:10px;font-size: 14px;color:#999;}
.item_write .img_panel .f_btn_box a.file_btn {display: flex;width:80px;height:30px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #ddd;background:#f5f5f5}
.item_write .img_panel .f_btn_box a.file_btn + a.file_btn {margin-top:10px}
/* 주문참조 파일첨부 22/12/06 추가 */
.item_write .file_panel {display: flex;flex-wrap: wrap;margin-top: 20px;}
.item_write .file_panel .row_lb {flex:1 1 15%;padding: 8px 10px 0 0;font-weight: 500;color:#333;box-sizing: border-box;}
.item_write .file_panel .file_bx {display: flex;flex:0 0 85%;flex-wrap: wrap;}
.item_write .file_panel .file_bx input.file_txt {width: calc(100% - 190px); height: 42px; padding: 0px 16px;font-size:13px; font-weight: 400; color:#333;background: #fafafa; border-radius: 2px; border:1px solid #ddd; outline: none; box-sizing: border-box;}
.item_write .file_panel .f_btn_box {display: flex;padding-left:20px}
.item_write .file_panel .f_btn_box a.file_btn {display: flex;width:80px;height:42px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #ddd;background:#f5f5f5;box-sizing: border-box;}
.item_write .file_panel .f_btn_box a.file_btn + a.file_btn {margin-left:10px}


/*상품옵션구성(등록) -  22/10/31 추가 */
.compnt_tool {display: flex;flex-wrap: wrap;}
.compnt_tool .tit_bx {display: flex;flex:0 0 100%}
.compnt_tool .tit_bx .tit {flex:1 1 100%;padding-left: 6px;line-height:42px;font-size:15px;font-weight: 500;color:#555;}
.compnt_tool .compnt_create {display:flex;flex-wrap:wrap;flex:1 1 100%;border-top:1px solid #e3e6f0;border-left:1px solid #e3e6f0;box-sizing: border-box;}
.compnt_tool .compnt_create ul {display:flex;flex:0 1 100%;}
.compnt_tool .compnt_create li.tbl_row {display:flex;flex:0 1 100%;box-sizing: border-box;}
.compnt_tool .compnt_create li.tbl_row .tit,
.compnt_tool .compnt_create li.tbl_row .data {display:flex;padding: 4px;font-size:13px;line-height:18px;color: #666;border-right:1px solid #e3e6f0;border-bottom:1px solid #e3e6f0;box-sizing: border-box;}
.compnt_tool .compnt_create .tbl_tit .tbl_row p {align-items: center;justify-content: center;padding:8px 16px;font-weight: 500;background: #eaecf4}
.compnt_tool .compnt_create li.tbl_row .data input {width:100%;padding-left:8px;border:1px solid #e3e6f0;font-size:14px;color:#6e707e;box-sizing: border-box;}
.compnt_tool .compnt_create li.tbl_row .dropdown {display:flex;}
.compnt_tool .compnt_create li.tbl_row .dropdown .data_select {width:100%;padding: 8px 16px;color: #666;box-sizing: border-box;letter-spacing: -0.5px;vertical-align: middle;font-size: 14px;border: none; text-overflow:ellipsis;white-space: nowrap;background: url('../images/common/arrow_down.jpg') no-repeat 99% 50%;border-radius: 0px;	-webkit-appearance: none;	-moz-appearance: none;	appearance: none;}
/*상품옵션구성(목록) -  22/11/09 추가 - 체크박스*/
.compnt_tool .compnt_create .tbl_row p.check_box {width:40px}
.compnt_tool .compnt_create .tbl_row p.check_box input[type="checkbox"] + label:before {top:calc(50% - 10px); left:calc(50% - 10px)}

/*상품옵션구성(목록) -  22/11/07 수정 */
.compnt_tool .compnt_lst {display:flex;flex-wrap:wrap;flex:1 1 100%;border-top:1px solid #e3e6f0;border-left:1px solid #e3e6f0;box-sizing: border-box;}
.compnt_tool .compnt_lst .tbl_tit {display:flex;flex:0 1 100%;}
.compnt_tool .compnt_lst .tbl_data {display:flex;flex:0 1 100%;flex-direction: column;}
.compnt_tool .compnt_lst li.tbl_row {display:flex;flex:0 1 100%;box-sizing: border-box;}
.compnt_tool .compnt_lst li.tbl_row p {display:flex;justify-content: center;padding:8px 16px;font-size:13px;line-height:18px;color:#666;border-right:1px solid #e3e6f0;border-bottom:1px solid #e3e6f0;box-sizing: border-box;}
.compnt_tool .compnt_lst .tbl_tit .tbl_row p {font-weight: 500;background: #eaecf4}
.compnt_tool .compnt_lst .tbl_data li.tbl_row p.op_items {justify-content: flex-start;}
.compnt_tool .tool_tip {display: flex;flex:0 0 calc(100% - 100px);margin-top: 12px;font-size: 14px;color: #999;}
/*상품옵션구성(목록) -  22/11/07 추가 - 체크박스*/
.compnt_tool .compnt_lst .check_box input[type="checkbox"] + label {padding-left: 20px;}
.compnt_tool .compnt_lst .check_box input[type="checkbox"]:checked + label:before {font-size: 16px;background-color: #004299;border:1px solid #004299;color:#fff;}

/*상품옵션구성(등록, 목록 공통) -  22/11/17 수정 */
.compnt_tool .compnt_create .tbl_row .op_name {flex: 0 0 calc(22% - 40px)}
.compnt_tool .compnt_lst .tbl_row .op_name {flex: 0 0 calc(22% - 53px)}
.compnt_tool .tbl_row .op_format {flex: 0 0 20%}
.compnt_tool .tbl_row .op_items {flex: 0 0 35%}
.compnt_tool .tbl_row .op_proprti {flex: 0 0 13%}
.compnt_tool .tbl_row .op_order {flex: 0 0 10%}

/* 상품옵션구성(등록, 목록 공통)  -  버튼  - 22/10/31 추가*/
.tool_btn_sec {display:flex; flex:0 0 100%;margin-top: 10px;justify-content: flex-end;}
.tool_btn_sec a.btn {display: flex;justify-content: center;align-items: center;width:80px;height:36px;font-size:13px;color: #666;background: #fff;color: #6e707e;border: 1px solid #bfc3cd;box-sizing: border-box;cursor: pointer;}
.tool_btn_sec a.btn:hover {color:#3d3e46;border: 1px solid #858796; }
.tool_btn_sec.item_2 a.btn + a.btn {margin-left: 10px;}
.tool_btn_sec.item_1 {flex:0 0 100px}

/* 상품 카탈로그 관리 - 버튼*/ 
.item_btn_sec {display:flex; justify-content:center;margin:40px 0 30px;padding-top:30px; border-top: 1px solid #c3c6cd;}
.item_btn_sec button.btn {padding:15px 20px;font-size:16px;line-height: 20px;color: #fff;background: #004299;border: none;border-radius:3px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.item_btn_sec button.btn:hover {background:#003780;}
.item_btn_sec button.outline_btn {color:#004299;background: #fff;border:1px solid #004299}
.item_btn_sec button.outline_btn:hover {color:#003780;background: #fff;border:1px solid #003780;}
.item_btn_sec.item_2 .btn {display:flex;flex:0 1 220px;margin:0 20px;justify-items: center;align-items: center;}
.item_btn_sec.item_2 .btn b {margin: auto;font-weight: 400;}
/* 상품 카탈로그 관리 - 선택 팝업( */
ul.item_lst, #myUL {list-style-type: none;}
#myUL {margin: 0;padding: 0;}
ul.item_lst .caret {cursor: pointer;user-select: none; /* Prevent text selection */}
ul.item_lst .caret::before {content: "\25B6";color: 333;display: inline-block;margin-right: 6px;}
ul.item_lst .caret-down::before {transform: rotate(90deg);}
ul.item_lst .nested {display: none;}
ul.item_lst .active {display: block;}
ul.item_lst li {margin-top: 6px;color: #333;}
ul.item_lst .lv2 {margin-left: 20px;}
ul.item_lst .lv3 {margin-left: 20px}
ul.item_lst li a {color: #444;}




@media screen and (max-width:1280px){

	
	
	}

  
/* 태플릿용 */
@media screen and (max-width:768px){
	

	}


/* 모바일용 */
@media screen and (max-width:425px){
	
	

	}

	
@media screen and (max-width:320px){
	


	}