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

/* 주문배송_목록_상단_검색영역 */
.srch_sec_my {display:flex;justify-content: space-between;width:100%;max-width:1200px;margin-top:20px;flex-wrap: wrap;}
.srch_sec_my .front,
.srch_sec_my .rear {display: flex;flex: 0 0 48%;}
.srch_sec_my .row_lb {flex:1 0 110px;padding-left:20px;font-size:14px;line-height:36px;color:#858796;text-align:left}
.srch_sec_my .period_drect .field {display:flex;flex:1 1 100%}
.srch_sec_my .period_drect .field .calendar {position:relative;flex: 1 1 50%}
.srch_sec_my .period_drect .field .to {flex: 1 0 30px;text-align: center;line-height: 36px;} 
.srch_sec_my .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_my .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_my .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_my .period_type li .radio_box {position: relative;display: table;width:100%;height: 100%;outline:0}
.srch_sec_my .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_my .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_my .period_type li .radio_box input:hover+label{cursor: pointer}/* 22/11/28수정 */ 
.srch_sec_my .period_type li .radio_box input:checked+label  {outline: 1px solid #191919 !important;color: #222!important;font-weight:600}/* 22/11/28 수정 */

.srch_sec_my .chk_type {display: flex;flex: 0 0 80%;margin-top: 12px;}
.srch_sec_my .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_my .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_my .chk_type li .chk_box {position: relative;display: table;width:100%;height: 100%;outline:0}
.srch_sec_my .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_my .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_my .chk_type li .chk_box input:hover+label {cursor: pointer}/* 22/11/28수정 */
.srch_sec_my .chk_type li .chk_box input:checked+label {outline: 1px solid #191919 !important;color: #222!important;font-weight:600}/* 22/11/28수정 */
.srch_sec_my .chk_type li .chk_box input[type="checkbox"] + label:before {display: none;}

/* datepicker 달력창(공통) * 캘린더 스타일 (jquery-ui.css 파일호출 보다 아래에 있어야 합니다.) */
.datepicker  {-webkit-appearance: none;	background:#fff url(../images/common/calendar_blue.svg) no-repeat ;	background-size: 22px 22px; background-position: calc(100% - 7px) center;z-index:10;margin-left: 0;}
.ui-widget-header {border: 0px solid #dddddd;background: #fff;}	
.ui-datepicker-calendar>thead>tr>th {font-size: 14px !important;}	
.ui-datepicker .ui-datepicker-header {position: relative;padding: 10px 0;}	
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 0px solid #c5c5c5;background-color: transparent;font-weight: normal;color: #454545;text-align: center;font-family: Arial,sans-serif;font-size: 13px;}
.ui-datepicker .ui-datepicker-title {margin: 0 0em;line-height: 16px;text-align: center;font-size: 14px;padding: 0px;font-weight: bold;}
.ui-datepicker {display: none;background-color: #fff;border-radius: 4px;margin-top: 10px;margin-left: 0px;margin-right: 0px;padding: 20px;padding-bottom: 10px;width: 300px;box-shadow: 10px 10px 40px rgba(0,0,0,0.1);z-index: 100;}
.ui-widget.ui-widget-content {border: 1px solid #eee;}	
#datepicker:focus>.ui-datepicker {display: block;}	
.ui-datepicker-prev,
.ui-datepicker-next {cursor: pointer;}
.ui-datepicker-next {float: right;}
.ui-state-disabled {cursor: auto;color: hsla(0, 0%, 80%, 1);}
.ui-datepicker-title {text-align: center;padding: 10px;font-weight: 100;font-size: 20px;}	
.ui-datepicker-calendar {width: 100%;}	
.ui-datepicker-calendar>thead>tr>th {padding: 5px;font-size: 20px;font-weight: 400;}	
.ui-datepicker-calendar>tbody>tr>td>a {color: #000;font-size: 12px !important;font-weight: bold !important;text-decoration: none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {cursor: auto;background-color: #fff;}
.ui-datepicker-calendar>tbody>tr>td {border-radius: 100%;width: 44px;height: 30px;cursor: pointer;padding: 5px;font-weight: 100;text-align: center;font-size: 12px;vertical-align:middle}		
.ui-datepicker-calendar>tbody>tr>td:hover {background-color: transparent;opacity: 0.6;}	
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {border: 0px solid #cccccc;background-color: transparent;font-weight: normal;color: #2b2b2b;}	
.ui-widget-header .ui-icon {background-image: url('../images/common/calendar_btns.png');}
.ui-icon-circle-triangle-e {background-position: -20px 0px;background-size: 36px;}	
.ui-icon-circle-triangle-w {background-position: -0px -0px;background-size: 36px;}		
.ui-datepicker-calendar>tbody>tr>td:first-child a{color: red !important;}		
.ui-datepicker-calendar>tbody>tr>td:last-child a{color: #0099ff !important;}		
.ui-datepicker-calendar>thead>tr>th:first-child {color: red !important;}		
.ui-datepicker-calendar>thead>tr>th:last-child {color: #0099ff !important;}	
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 0px;background: #f1f1f1;border-radius: 50%;padding-top: 10px;padding-bottom: 10px;}

/* 주문배송내역 목록_사용자용 */
.tbl_order {display:flex;flex-direction:column;width:100%;margin-top:40px;}
.tbl_order .tbl_row {display:flex;width:100%;padding: 6px 0;background:#fff;border-top:1px solid #ccc;box-sizing: border-box;}
.tbl_order .tbl_data .tbl_row:last-child {border-bottom:1px solid #ccc;}
.tbl_order .tbl_row.active {background:#eff0f5;}
.tbl_order .tbl_tit .tbl_row {display:flex;border-top:2px solid #ccc;}
.tbl_order .tbl_tit .tbl_row p.tit {color:#666;font-weight:500;}
.tbl_order .tbl_row p {display:flex;justify-content:center;align-items:center;flex-wrap: wrap;font-size:13px;line-height:18px;color:#555;font-weight: 400;text-align:center;text-overflow:ellipsis;}
.tbl_order .tbl_row .num {font-family:verdana,Arial,sans-serif;letter-spacing:-0.5px}
.tbl_order .tbl_data .tbl_row p a {display:block;color: #004299;}
.tbl_order .tbl_data .tbl_row p a:hover,
.tbl_order .tbl_data .tbl_row p a:active {color: #003780;cursor:pointer;}
.tbl_order .tbl_data .tbl_row p a i {font-size: 18px;}
.tbl_order .tbl_data .tbl_row p.product_name {flex-direction: column;align-items: flex-start;text-align: left;}
.tbl_order .tbl_data .tbl_row p.product_name em {font-size: 13px;font-weight: 400;}
.tbl_order .tbl_data .tbl_row p.product_name span {font-size: 12px;color: #777;font-style: normal;flex-wrap: wrap}
/* 주문배송내역 목록_사용자용_컬럼별 너비 - 22/10/31 수정*/
.tbl_order .tbl_row p.order_number {flex:0 0 110px}
.tbl_order .tbl_row p.estimate_date{flex:0 0 10%}
.tbl_order .tbl_row p.product_name{flex:0 0 calc(47% - 220px)}
.tbl_order .tbl_row p.order_quantity{flex:0 0 6%}
.tbl_order .tbl_row p.order_status{flex:0 0 7%}
.tbl_order .tbl_row p.order_amount{flex:0 0 10%}
.tbl_order .tbl_row p.estimate{flex:0 0 5%}
.tbl_order .tbl_row p.lead_time{flex:0 0 7%}
.tbl_order .tbl_row p.delivery_co{flex:0 0 8%}
.tbl_order .tbl_row p.tracking_num{flex:0 0 110px}

/* 주문배송내역 목록_테이블_paging */
.order_lst_paging {display: flex;width:100%;justify-content: center;text-align:center;margin-top:26px}
.order_lst_paging a {display:inline-block;margin:0 2px;min-width:20px;padding:7px 2px 7px 2px;font-size:11px;line-height:11px;text-align:center;color:#858796;border:1px solid #ddd;background:#fff}
.order_lst_paging a:hover {background:#eaecf4;}
.order_lst_paging a:active, .order_lst_paging a.active {background:#858796;border:1px solid #858796;color:#fff}

/* 주문배송내역 목록_버튼*/
.tbl_btn_box {float:left;width:100%;text-align:right;margin-top:10px}
.tbl_btn_box a.board_btn  {display:inline-block;width:68px;margin-left:10px;color:#fff;font-size:14px;line-height:40px;text-align:center;background:#004299;border-radius: 2px;}
.tbl_btn_box a.board_btn:hover,
.tbl_btn_box a.board_btn:active {background:#1945cc}


/* 주문내역 상세조회 - 사용자, cs관리자 공통*/
.view_form {display: flex;flex-direction: column;margin-top:20px;margin-bottom: 20px;}
.view_form .view_tit_bx {display: flex;}
.view_form .view_tit_bx .view_tit {flex:1 1 100%;padding-left: 6px;line-height:42px;font-size:15px;font-weight: 500;color:#6e707e;}
.view_form ul {display:flex;flex-wrap:wrap;margin-bottom:10px;border-top:1px solid #e3e6f0;border-left:1px solid #e3e6f0 }
.view_form ul li.view_row {display:flex;flex:0 1 50%;border-bottom:1px solid #e3e6f0;}
.view_form ul li.view_row.wide {flex:1 1 100%}
.view_form ul li.view_row p {padding:8px 16px;font-size:13px;line-height:18px;}
.view_form ul li.view_row p + p,
.view_form ul li.view_row p + div {border-left:1px solid #e3e6f0;border-right:1px solid #e3e6f0}
.view_form ul li.view_row .tit {display:flex;align-items: center;flex:0 0 140px;color:#5a5c69;font-weight: 500;background: #eaecf4}
.view_form ul li.view_row .decs {display:flex;flex:1 1 100%;color:#6e707e;}
/* 주문내역 상세조회 - 드롭다운-옵션선택*/
.view_form ul li.view_row .dropdown {display:flex;flex: 0 1 100%;}
.view_form ul li.view_row .dropdown .data_select {width:100%;padding: 8px 16px;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;}
select::-ms-expand {display: none;}
select:hover {border-color: #e3e6f0;}	  
select:focus {border-color: #e3e6f0; outline: none;}	  
/* 주문내역 상세조회 - cs관리자*/ 
.view_form ul li.view_row .data {display:flex;flex: 0 1 100%;padding: 4px;flex-wrap: nowrap;box-sizing: border-box;}
.view_form ul li.view_row .data input {width:100%;padding-left:8px;border:1px solid #e3e6f0;font-size:14px;color:#6e707e;box-sizing: border-box;}
.view_form ul li.view_row .file {display:flex;flex: 0 1 100%;justify-content: space-between;padding: 4px;font-size:14px;color:#6e707e;flex-wrap: nowrap;box-sizing: border-box;}
.view_form ul li.view_row .file a {display: flex;align-items: center;padding: 0 10px;color: #004299;font-size: 13px;}
.view_form ul li.view_row .file a:hover,
.view_form ul li.view_row .file a:active {color: #003780;cursor:pointer;}
.view_form ul li.view_row .file a i {font-size: 18px;}
.view_form ul li.view_row .file .f_btn_box {display: flex;padding-left:10px}
.view_form ul li.view_row .file .f_btn_box a.file_btn {display: flex;flex:0 1 50px;height:28px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #ddd;background:#f5f5f5}
.view_form ul li.view_row .file .f_btn_box a.file_btn + a.file_btn {margin-left:10px}
.view_form ul li.view_row .calendar {position:relative;display:flex;flex: 1 1 100%; z-index: 50}
.view_form ul li.view_row .calendar input.date {flex:1 1 100%;width:auto;padding-left:8px;border:none;font-size:13px;color: #6e707e;box-sizing:border-box; z-index: 50;}
/* 주문내역 상세조회 의견내역 */
.comment_tbl {display:flex;flex-direction:column}
.comment_tbl .tbl_tit {display:flex;}
.comment_tbl .tbl_data {display:flex;flex-direction: column;} 
.comment_tbl .tbl_row {position: relative;display:flex;flex:1 1 100%;padding-left: 10px;background:#fff;border-bottom:1px solid #ddd;box-sizing: border-box;}
.comment_tbl .tbl_row.active {background: #eff0f5;}
.comment_tbl .tbl_row p {display:flex;justify-content:center;align-items:center;font-size:13px;line-height: 16px;height: 32px;color:#666;text-align:center;}
.comment_tbl .tbl_tit .tbl_row {border-top:2px solid #ddd;border-bottom:1px solid #ddd;}
.comment_tbl .tbl_tit .tbl_row p.tit {color:#555;font-weight:500;justify-content:center;align-items:center;}
.comment_tbl .tbl_data .tbl_row a {display:flex; padding: 6px;color: #004299;font-size: 16px;}
.comment_tbl .tbl_data .tbl_row a:hover,
.comment_tbl .tbl_data .tbl_row a:active {color: #1945cc;cursor:pointer;}
.comment_tbl .tbl_row p.reply  {padding-left: 20px;box-sizing: border-box;}
.comment_tbl .tbl_row .ico_reply {position: absolute;top: 8px;left:10px;width:10px;height: 10px;border-width: 0 0 1px 1px; border-style: solid;border-color: #999;}
/* 주문내역 상세조회 의견내역_컬럼별 너비*/
.comment_tbl .tbl_row p.comment  {width:70%;justify-content: flex-start;}
.comment_tbl .tbl_row p.attach_file {width:15%;}
.comment_tbl .tbl_row p.regist_date {width:15%;min-width: 90px;}
/* 주문내역 상세조회_사용자 -  버튼 */
.cmt_btn_sec.item_4 {display:flex; margin:30px 0;justify-content: space-between;}
.cmt_btn_sec.item_4 .front,
.cmt_btn_sec.item_4 .rear {display:flex;}
.cmt_btn_sec.item_4 a.btn {display: flex;justify-content: center;align-items: center;width:100px;height:36px;font-size:13px;color: #666;background: #fff;color: #6e707e;border: 1px solid #bfc3cd;box-sizing: border-box;cursor: pointer;}
.cmt_btn_sec.item_4 a.btn + a.btn {margin-left: 10px;}
.cmt_btn_sec a.btn:hover {color:#3d3e46;border: 1px solid #858796; }
/* 주문내역 상세조회_관리자 -  버튼 */
.cmt_btn_sec.item_5 {display:flex; margin:30px 0;justify-content: space-between;}
.cmt_btn_sec.item_5 .front,
.cmt_btn_sec.item_5 .rear {display:flex;}
.cmt_btn_sec.item_5 a.btn {display: flex;justify-content: center;align-items: center;width:100px;height:36px;font-size:13px;color: #666;background: #fff;color: #6e707e;border: 1px solid #bfc3cd;box-sizing: border-box;cursor: pointer;}
.cmt_btn_sec.item_5 a.btn + a.btn {margin-left: 10px;}
.cmt_btn_sec a.btn:hover {color:#3d3e46;border: 1px solid #858796; }
.cmt_btn_sec.item_5 a.pay_btn {background: #004299;color: #fff;border:none} /* 23/04/20 추가 - 결제버튼색상변경 */

/* 주문내역 상세조회 -  의견등록 */
.cmt_box {display:flex;flex-direction: column;margin-bottom: 40px;border: 1px solid #bfc3cd;box-sizing: border-box}
.cmt_box .cbox_write_area  {width:100%;}
.cmt_box .cbox_write_area textarea  {width:100%;height:auto;min-height:40px;padding:10px 10px;resize:vertical;color:#6e707e;font-family:'Noto Sans KR', sans-serif;border: none;box-sizing: border-box}
.cmt_box .cbox_write_area textarea::placeholder {color: #8f919f;}
.cmt_box .cbox_upload {display:flex;justify-content: space-between;align-items: center;border-top:1px solid #bfc3cd;box-sizing: border-box}
.cmt_box .cbox_upload .cbox_file_upload {display: flex}
.cmt_box .cbox_upload .cbox_file_upload .f_btn_box {display: flex;}
.cbox_upload .cbox_file_upload a.cbox_file {display: flex;align-items: center;padding-left: 10px;color: #333;font-size: 13px;}
.cmt_box .cbox_upload .cbox_file_upload .f_btn_box {display: flex;padding-left:20px}
.cmt_box .cbox_upload .cbox_file_upload .f_btn_box a.file_btn {display: flex;width:60px;height:30px;justify-content: center;align-items: center;color:#333;font-size:13px;border:1px solid #ddd;background:#f5f5f5;box-sizing: border-box;}
.cmt_box .cbox_upload .cbox_file_upload .f_btn_box a.file_btn + a.file_btn {margin-left:10px}
.cmt_box .cbox_upload .cbox_btn_upload {display: flex;justify-content: center;align-items: center;flex:0 0 60px;width:60px;height:40px;font-size:13px;color: #666;background: #fff;color: #6e707e;border: none;border-left: 1px solid #bfc3cd;box-sizing: border-box;cursor: pointer;}
.cmt_box .cbox_upload .cbox_btn_upload:hover {color:#333;}

/* 회원정보 조회,수정_profile 이미지 22/12/06 추가*/
.profile_top {display: flex;align-items: center;width:100%;margin-top: 20px;padding:20px 30px;background:#fafafc;box-sizing: border-box;}
.profile_top .profile_inner {display: flex;width: 100%;color:#333;box-sizing: border-box;}
.profile_top .profile_photo {display: flex;width:120px;}
.profile_top .profile_photo img {width:120px;height:120px;border-radius: 50%;}
.profile_top .profile_txt {display: flex;align-items: center;margin-left: 26px;width:calc(100% - 314px)}
.profile_top .profile_txt .profile_user {font-size:24px;font-weight:400}
.profile_top .profile_txt .profile_user .p_user_id {font-weight:bold}
.profile_top .profile_btn {display: flex;align-items: flex-end;}
.profile_top .profile_btn a {display: flex;justify-content: center;align-items: center;width: 100px;height: 36px;color:#333;font-size:13px;border:1px solid #ddd;background:#f5f5f5}
.profile_top .profile_btn a + a {margin-left:10px;}
.profile_top .profile_btn .file_delete {width:80px}

/* 회원정보 조회,수정_profile 22/12/06 수정*/
.profile {width:100%;margin-top:40px}
.profile .profile_tit_bx {display: flex;padding-bottom:16px;}
.profile .profile_tit_bx .profile_tit {flex:1 1 100%;margin-left: 8px;font-size: 20px;font-weight:400;color: #666;}
.profile ul {display:flex;flex-wrap:wrap;padding-bottom:12px;border-top:1px solid #bbb;border-bottom:1px solid #ebebeb;}
.profile ul li.disp_row {display:flex;flex:0 1 100%;margin-top:12px}
/* 회원정보 조회,수정_profile 23/07/02 수정 */
.profile ul li.disp_row .tit {display:flex;align-items: center;flex:0 0 140px;padding-left:20px;font-size:14px;color:#666;}
.profile ul li.disp_row .tit.star:before {content: '*';position:relative;top: 5px;left:0px;color: #eb253d;line-height:1} 

.profile ul li.disp_row .data {flex: 0 1 100%;background:#fff;font-size:14px;line-height:31px;color:#666;}
.profile ul li.disp_row .data input {width:100%;height:46px;padding-left:12px;border:1px solid #ebebeb;color:#666;box-sizing: border-box;}
.profile ul li.disp_row input::placeholder{color:#777;}
	/* 회원정보 조회,수정_profile 23/07/02 수정 */
.profile ul li.disp_row .file {display:flex;flex: 0 1 100%;justify-content: space-between;font-size:14px;color:#6e707e;flex-wrap: nowrap;box-sizing: border-box;}
.profile ul li.disp_row .file a {display: flex;align-items: center;padding: 0 10px 0 0;color: #004299;font-size: 14px; vertical-align:middle}
.profile ul li.disp_row .file a:hover,
.profile ul li.disp_row .file a:active {color: #003780;cursor:pointer;}
.profile ul li.disp_row .file a i {font-size: 18px; vertical-align:middle}

.profile .btn_bx {display:flex; justify-content:center;width:100%;margin:30px 0}
.profile .btn_bx a {display:flex;flex:0 1 160px;padding:14px 16px;margin:0 10px;justify-items: center;align-items: center;font-size:15px;color: #fff;background: #004299;border-radius:2px;text-align:center;word-break:keep-all;box-sizing: border-box;}
.profile .btn_bx a b {margin: auto;font-weight: 400;}
.profile .btn_bx a:hover,
.profile .btn_bx a:active {cursor:pointer;}
.profile .btn_bx .create_btn {background:#004299} 
.profile .btn_bx .outline_btn {color:#004299;background: #fff;border:1px solid #004299}


/* 주문/배송_주문서 sheet - 타이틀 섹션 - 10/26추가 */
.sht_tit_sec {display: flex;align-items: center;justify-content: center;margin-top:146px;padding-top:60px;}/* 22/11/09 수정 */
.sht_tit_sec .sht_tit {font-size: 36px;}

/* 주문/배송_주문서 sheet - 상단 주문상품테이블- 22/11/14수정 */
.tbl_order_prdt {display:flex;flex-direction:column;width:100%;margin-top:40px;}
.tbl_order_prdt .tbl_row {display:flex;width:100%;padding: 10px 0;background:#fff;border-top:1px solid #e3e6f0;box-sizing: border-box;}
.tbl_order_prdt .tbl_data .tbl_row:last-child {border-bottom:1px solid #e3e6f0;}
.tbl_order_prdt .tbl_tit .tbl_row {display:flex;border-top:1px solid #999;background:#eff1f9;}
.tbl_order_prdt .tbl_tit .tbl_row p.tit {color:#666;font-weight:500;}
.tbl_order_prdt .tbl_row p {display:flex;justify-content:center;align-items:center;flex-wrap: wrap;font-size:13px;line-height:18px;color:#555;font-weight: 400;text-align:center;}
.tbl_order_prdt .tbl_row .num {font-family:verdana,Arial,sans-serif;letter-spacing:-0.5px}
.tbl_order_prdt .tbl_data .tbl_row p.product_name {flex-direction: column;align-items: flex-start;justify-content: flex-start;padding-left: 8px;box-sizing: border-box;}
.tbl_order_prdt .tbl_data .tbl_row p.product_name em {font-size: 17px;color: #333;font-weight: 400;}
.tbl_order_prdt .tbl_data .tbl_row p.product_name span {font-size: 13px;line-height: 20px;color: #777;font-style: normal;flex-wrap: wrap;margin-top: 10px;text-align: left;}
.tbl_order_prdt .tbl_data .tbl_row p.product_name span b {border:1px solid #bfc3cd;margin-right:4px;padding: 0 4px;font-weight: 500;}/* 22/11/14추가 */
.tbl_order_prdt .tbl_data .tbl_row p a {display:block;color: #003780;}
.tbl_order_prdt .tbl_data .tbl_row p a i {font-size: 18px;}
/* .tbl_order_prdt .tbl_row p.order_number {width:20%} */
.tbl_order_prdt .tbl_row p.product_name{width:60%}
.tbl_order_prdt .tbl_row p.order_quantity{width:20%}
.tbl_order_prdt .tbl_row p.attach_file {width:20%}

/* 주문/배송_주문서 sheet - 하단 배송지입력 - 22/11/14 수정 */
.order_sht {margin-top: 60px;}
.order_sht .inner {display: flex;flex-wrap: wrap;}
.order_sht .left {flex: 0 0 66%;margin-bottom: 40px;}
.order_sht .right {flex: 0 0 30%;margin-left:4%}
.order_sht .sht_tit_bx {display: flex;padding-bottom:10px;border-bottom: 1px solid #999;}
.order_sht .sht_tit_bx .sht_tit {flex:1 1 100%;font-size: 24px;font-weight: 500;line-height: 36px;}
/* .order_sht .sht_tit_bx .paste_btn {position:relative;display:flex;justify-content: center;align-items: center;width:150px;height:36px;margin-right:10px;color: #6e707e;border: 1px solid #bfc3cd;background: #fff;cursor: pointer;}
.order_sht .sht_tit_bx .paste_btn:hover {color:#3d3e46;border: 1px solid #858796} */

/* 버튼추가 22/11/14 */
.order_sht .left .order_form {flex:0 0 100%;margin-top: 40px;}
.order_sht .order_tit_bx {display: flex;}
.order_sht .order_tit_bx .order_form_tit {flex:1 1 calc(100% - 150px);font-size:18px;font-weight: 400;color:#333;line-height: 36px;}
.order_sht .order_tit_bx .paste_btn {position:relative;display:flex;justify-content: center;align-items: center;width:150px;height:36px;color: #6e707e;border: 1px solid #bfc3cd;background: #fff;cursor: pointer;}
.order_sht .order_tit_bx .paste_btn:hover {color:#3d3e46;border: 1px solid #858796}

.order_sht .left .order_form .order_form_lst {margin-top: 10px;}
.order_sht .left .order_form .order_form_lst:last-child {border-bottom: 1px solid #e3e6f0;}
.order_sht .left .order_form .order_row {display: flex;flex-wrap: wrap;width:100%;padding:6px 0;border-top: 1px solid #e3e6f0;box-sizing: border-box;}
.order_sht .left .order_form .order_row .label_txt {display:flex;flex:0 0 160px;padding-left:10px;align-items: center;font-size:14px;color:#666;box-sizing:border-box}
.order_sht .left .order_form .order_row .label_txt.star:after {content: '*';color: #eb253d;line-height: 1;padding-left: 4px;} 
.order_sht .left .order_form .order_row .field_txt {flex:0 1 calc(100% - 160px);flex-wrap: wrap}
.order_sht .left .order_form .order_row input{width:100%;height:36px;padding: 0 10px;font-size: 14px;line-height:22px;color:#777;border: 1px solid #e3e6f0;box-sizing: border-box;vertical-align: middle;} 
.order_sht .left .order_form .adrs_row .zip_code {width:calc(100% - 136px)}
.order_sht .left .order_form .adrs_row .btn_zip {display: inline-flex;margin-left:12px;width:120px;height:34px;justify-content: center;align-items: center;font-size:13px;color: #666;background: #fff;border: 1px solid #bfc3cd;color: #6e707e;box-sizing: border-box;cursor: pointer;}
.order_sht .left .order_form .adrs_row .adrs_1 ,
.order_sht .left .order_form .adrs_row .adrs_2 {width:100%; margin-top: 6px;}
.order_sht .left .order_form .adrs_row .btn_zip:hover {color:#3d3e46;border: 1px solid #858796; }
.order_sht .left .order_form .order_row input::placeholder {color:#999}

/* 주문서(주문/배송) 구매동의 - 10/26추가 */
.order_sht .right .order_confirm_bx {display: flex;flex-wrap:wrap;padding: 20px;margin-top:44px;border: 1px solid #e3e6f0;border-bottom: none;}
.order_sht .right .order_confirm_bx .agree_txt {font-size: 14px;line-height: 22px;color: #666;}
.order_sht .right .order_confirm_bx a.terms_link {color: #004299;}
.order_sht .right .order_confirm_bx .agree_chk_bx {width:100%;margin-top:20px;}
.order_sht .right .order_confirm_bx .agree_chk_bx input[type="checkbox"] + label {color: #666;}

/* 주문서(주문/배송) 구매동의버튼- 10/26추가 */ 
.order_sht .right .orderform_btn_sec {display:flex; justify-content:flex-end;margin: 0}
.order_sht .right .orderform_btn_sec button.btn {flex:0 1 100%;padding:15px 20px;font-size:16px;line-height: 20px;color: #fff;background: #004299;border: none;text-align:center;word-break:keep-all;box-sizing: border-box;}
.order_sht .right .orderform_btn_sec button.btn:hover {background:#003780;}
.order_sht .right .orderform_btn_sec.item_1 .btn b {margin: auto;font-weight: 400;}

/*주문서(주문/배송) 구매동의약관 팝업 - 10/26추가 */
.modal_bg{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;background-color:rgba(0,0,0,.6)}
.modal_popup {display:none; position:fixed;left:50%;top:50%;z-index:150;
	-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
background-color:#fff}
.modal_popup .pop_header {position:relative;height:55px;line-height:55px;background: #1945cc;color: #fff;}
.modal_popup .pop_header .title {padding-left:30px;font-size:18px}
.modal_popup .pop_header .btn_close {position:absolute;right:0;top:0%;width:55px;height: 55px;font-size:0;border: none;background:none;}
.modal_popup .pop_header .btn_close:before,
.modal_popup .pop_header .btn_close:after {content: ''; position: absolute; width: 26px; height: 2px; background: #fff; display: block; top: 50%; right: 16px;}
.modal_popup .pop_header .btn_close:before{ -webkit-transform: rotate(45deg); transform: rotate(45deg)}
.modal_popup .pop_header .btn_close:after  {-webkit-transform: rotate(-45deg); transform: rotate(-45deg)}
/* 주문서(주문/배송) 구매동의약관 팝업 23/07/02 수정 */
.modal_popup .pop_content {overflow-y:auto;max-width: 650px;min-width: 280px; height:400px; padding:20px 30px 40px 30px}
.modal_popup .pop_content .fot_lst li {color:#666;font-size:13px;margin-top:10px}
.modal_popup .pop_content .fot_lst li ul {margin-left:5px}
.modal_popup .pop_content .fot_lst02 li {position: relative;padding-left: 10px;line-height: 20px;margin-top:4px}
.modal_popup .pop_content .fot_lst02 li::before  {display:block; position:absolute; top:0; left:0; content:"-";}
.modal_popup .pop_content .link {display:block;margin-top:20px;color:#199ae8;font-size:13px;text-decoration:underline}


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

	
	
	}

	
/* 태플릿용1 - 22/12/21추가*/
@media screen and (max-width:1024px){

	/* mapage 영역*/
	.my_sec .inner {flex-flow: column wrap;}
	.my_sec .content {flex: 0 0 100%; margin-left: 0%}
	
	/* 주문배송내역 목록_사용자용_컬럼별 너비 - 22/10/31 수정*/
	.tbl_order .tbl_row p.order_number {flex:0 0 110px}
	.tbl_order .tbl_row p.estimate_date{flex:0 0 12%}
	.tbl_order .tbl_row p.product_name{flex:0 0 calc(60% - 110px)}
	.tbl_order .tbl_row p.order_quantity{flex:0 0 8%}
	.tbl_order .tbl_row p.order_status{flex:0 0 10%}
	.tbl_order .tbl_row p.order_amount{flex:0 0 10%}
	.tbl_order .tbl_row p.estimate{display: none}
	.tbl_order .tbl_row p.lead_time{display: none}
	.tbl_order .tbl_row p.delivery_co{display: none}
	.tbl_order .tbl_row p.tracking_num{display: none}

	}



/* 태플릿용 */
@media screen and (max-width:768px){
	
	/* mapage 영역*/
	.my_sec .content {flex: 0 0 100%; margin-left: 0%;}

	/* 공통_목록_상단_검색영역 */
	.srch_sec_my .front,
	.srch_sec_my .rear {flex: 0 0 100%;}
	.srch_sec_my .rear {margin-top: 12px;}
	.srch_sec_my .row_lb {flex:1 0 110px;padding-left:0}

	

	/* 주문내역 상세조회 - 사용자, cs관리자 공통*/
	.view_form ul li.view_row .tit {flex:0 0 120px}
	.view_form ul li.view_row.wide .tit {flex:0 0 120px;}

	/* 주문내역 상세조회_관리자 -  버튼 */
	.cmt_btn_sec.item_5 a.btn {width:90px}

	/* 주문/배송_주문서 sheet - 하단 배송지입력 - 10/26추가 */
	.order_sht {margin-top: 60px;}
	.order_sht .left {flex: 0 0 100%;margin-bottom: 10px;}
	.order_sht .right {flex: 0 0 100%;margin-left:0%;margin-bottom: 40px;}
	.order_sht .left .order_form .order_row .label_txt {flex:0 0 100px;padding-left: 0;}
	.order_sht .left .order_form .order_row .field_txt {flex:0 0 calc(100% - 100px);}
	
	

	}


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

	/* mapage 영역*/
	.my_sec {margin-top: 52px;padding: 40px 0 60px;}

	/* 주문배송내역 목록__상단_검색영역 22/11/23 수정*/
	.srch_sec_my .row_lb {flex:1 0 90px;}
	.search_btn_bx {display: flex;margin-top:12px;flex:1 1 20%}
	.search_btn_bx .btn_srch  {height:36px;margin-left: 0px;}

	/* 22/11/23 추가수정 */
	.srch_sec_my .chk_type {flex: 0 0 100%;}
	.srch_sec_my .chk_type ul.chk li {flex: 0 0  33.33%}
	
	/* 주문배송내역 목록_사용자용 */
	.tbl_order .tbl_row {flex-direction: column;}
	.tbl_order .tbl_tit .tbl_row {display: none;}
	.tbl_order .tbl_row p {display:flex;justify-content:flex-start;}
	.tbl_order .tbl_row p + p {margin-top: 6px;}
	.tbl_order .tbl_data .tbl_row p.product_name {flex-direction: row;width: 100%;}
	
	/* 주문배송내역 목록_사용자용_컬럼별 너비 - 22/10/31 수정 */
	.tbl_order .tbl_row p.order_number {flex:0 0 100%}
	.tbl_order .tbl_row p.order_number::before {content: '[주문번호]'; font-family:'Noto Sans KR'; padding-right: 10px;}
	.tbl_order .tbl_row p.estimate_date {flex:0 0 100%}
	.tbl_order .tbl_row p.product_name {flex:0 0 100%}
	.tbl_order .tbl_row p.order_quantity {flex:0 0 100%}
	.tbl_order .tbl_row p.order_quantity::before {content: '수량 : '; font-family:'Noto Sans KR'; padding-right: 10px;}
	.tbl_order .tbl_row p.order_status {flex:0 0 100%}
	.tbl_order .tbl_row p.order_amount {flex:0 0 100%}

	/* 주문내역 상세조회 - 사용자, cs관리자 공통*/
	.view_form ul li.view_row {flex:0 1 100%;}
	.view_form ul li.view_row.empty {display: none;}
	.view_form ul li.view_row .tit {flex:0 0 20%;}
	.view_form ul li.view_row.wide .tit {flex:0 0 20%;}

	/* 주문내역 상세조회_관리자 -  버튼 */
	.cmt_btn_sec.item_4 a.btn {width:80px}	

	/* 주문내역 상세조회_사용자 -  버튼 */
	.cmt_btn_sec.item_5 {flex-wrap: wrap;flex-direction: column;}	
	.cmt_btn_sec.item_5 .rear {padding-top: 10px;}
	.cmt_btn_sec.item_5 a.btn {width:68px}
	.cmt_btn_sec.item_5 a.btn + a.btn {margin-left: 8px;}	
		
	/* 회원정보 조회,수정_profile */
	.profile ul li.disp_row {flex-wrap: wrap;}
	.profile ul li.disp_row .tit {flex:0 0 100%;padding-left:0;margin-bottom: 10px;}
	
	/* 주문/배송_주문서 sheet - 타이틀 섹션 - 10/26추가 */
	.sht_tit_sec {margin-top:52px;padding-top:40px;}
	.sht_tit_sec .sht_tit {font-size: 26px;}

	/* 주문/배송_주문서 sheet - 상단 주문상품테이블- 10/26추가 */
	.tbl_order_prdt .tbl_tit {display: none;}
	.tbl_order_prdt .tbl_row {flex-direction: column}
	.tbl_order_prdt .tbl_row p {justify-content:left;}
	.tbl_order_prdt .tbl_row p + p {margin-top: 6px;}
	.tbl_order_prdt .tbl_row p.order_number {width:100%}
	.tbl_order_prdt .tbl_row p.order_number::before {content: '[주문번호]'; font-family:'Noto Sans KR'; padding-right: 10px;}
	.tbl_order_prdt .tbl_row p.product_name{width:100%}
	.tbl_order_prdt .tbl_row p.order_quantity{width:100%}
	.tbl_order_prdt .tbl_row p.order_quantity::before {content: '수량  : '; font-family:'Noto Sans KR'; padding-right: 10px;}
	.tbl_order_prdt .tbl_row p.attach_file {width:100%}
	.tbl_order_prdt .tbl_row p.attach_file::before {content: '첨부파일  : ';  padding-right: 10px;}

	/* 회원정보 조회,수정_profile 이미지 22/12/06 추가*/
	.profile_top .profile_inner {flex-direction: column;align-items: center;}
	.profile_top .profile_txt {margin-top:10px;margin-left: 0;width:auto}
	.profile_top .profile_btn {margin-top: 14px;}
	.profile_top .profile_btn .file_delete {width:100px}

	}
		

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

	


	}