@charset "utf-8";

/* Etc */
/* display 관련 */
.nobr { white-space:nowrap; overflow:hidden; }
.dpn { display: none; }
.dpni { display: none !important; }
.dpib {display: inline-block;}
.dp { display: run-in; }
.vh { visibility:hidden; }

/* flexbox*/
.d-flex {display: flex;}
.flex-row {flex-direction: row;}
.flex-wrap {flex-wrap: wrap;}

.justify-between {justify-content: space-between;}
.justify-center {justify-content: center;}

.items-start {align-items: flex-start;}
.items-center {align-items: center;}

.flex-1 {flex: 1;}
.flex-auto {flex: 1 1 auto;}
.flex-initial {flex: 0 1 auto;}
.flex-none {flex: none;}

/* float */
.f-left { float:left; }
.f-left:after {content: ''; display: block; clear: both;}
.f-right { float:right; }
.f-right:after {content: ''; display: block; clear: both;}
.f-none { float:none; }

.clear { clear:both; }
.short { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


/* position */
.pos-static {position: static;}
.pos-rel {position: relative;}
.pos-abs {position: absolute;}
.pos-fixed {position: fixed;}
.pos-sticky {position: sticky;}

.t0 {top: 0;}
.t10 {top: 10px;}
.b0 {bottom: 0;}
.b10 {bottom: 10px;}
.r0 {right: 0;}
.r10 {right: 10px;}
.l0 {left: 0;}
.l10 {left: 10px;}


/* 첫 번째 열 고정 */
.stiky-col-1 {position: sticky; left: 0; background-color: #fff; z-index: 2; border-left: 1px solid #ddd !important;}
/* 두 번째 열 고정 */
.stiky-col-2 {position: sticky; left: 50px; background-color: #fff; z-index: 2; border-left: 1px solid #ddd;}
/* 세 번째 열 고정 */
.stiky-col-3 {position: sticky; left: 100px; background-color: #fff; z-index: 2; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}


/* 스크롤을 허용하기 위한 스타일 */
.table-container {overflow-x: auto;}
.table-container table {border-collapse: separate; border-bottom: none !important;}
.table-container table tr {border-top: none;}
.table-container table th {padding: 0 !important; text-align: center;}
.table-container table td {border-bottom: 1px solid #ddd;}
.table-container .info-txt {display: inline-flex;align-items: center;height: 100%;vertical-align: middle;padding-left: 10px;}

/* Size 관련 */
/* width */
.w10 { width:10px; }
.w20 { width:20px; }
.w25 { width:25px; }
.w30 { width:30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w75 { width: 75px; }
.w80 { width: 80px; }
.w85 { width: 85px; }
.w90 { width: 90px; }
.w95 { width: 95px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w140 { width: 140px; }
.w145 { width: 145px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w175 { width: 175px; }
.w180 { width: 180px; }
.w200 { width: 200px !important; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w235 { width: 235px; }
.w250 { width: 250px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w340 { width: 340px; }
.w352 { width: 352px; }
.w372 { width: 372px; }
.w380 { width: 380px; }
.w400 { width: 400px !important; }
.w406 { width: 406px; }
.w490 { width: 490px; }
.w500 { width: 500px; }
.w585 { width: 585px; }
.w590 { width: 590px; }
.w595 { width: 595px; }
.w695 { width: 695px; }
.w600 { width: 600px; }
.w700 { width: 700px; }
.w800 { width: 800px; }
.w900 { width: 900px; }
.w1000 { width: 1000px; }
.w1400 { width: 1400px; }

.w-13 { width: 13%; }
.w-15 { width: 15%; }
.w-17 { width: 17%; }
.w-20 { width: 20%; }
.w-23 { width: 23%; }
.w-26 { width: 26%; }
.w-28 { width: 28%; }
.w-30 { width: 30%; }
.w-34 { width: 34%; }
.w-36 { width: 36.4%; }
.w-48 { width: 48%; }
.w-49 { width: 49%; }
.w-50 { width: 50%; }
.w-51 { width: 51%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-100 { width: 100%; }
.w-full { width: 100%; }

/* height */
.h10 { height:10px; }
.h25 { height:25px; }
.h30 { height:30px; }
.h35 { height:35px; }
.h36 { height:36px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h72 { height: 72px; }
.h75 { height: 75px; }
.h95 { height: 95px; }
.h100 { height: 100px; }
.h120 { height: 120px; }
.h150 { height: 150px; }
.h180 { height: 180px; }
.h185 { height: 185px; }
.h190 { height: 190px; }
.h200 { height: 200px; }
.h210 { height: 210px; }
.h225 { height: 225px; }
.h226 { height: 226px; }
.h228 { height: 228px; }
.h230 { height: 230px; }
.h240 { height: 240px; }
.h248 { height: 248px; }
.h250 { height: 250px; }
.h255 { height: 255px; }
.h280 { height: 280px; }
.h282 { height: 282px; }
.h300 { height: 300px; }
.h310 { height: 310px; }
.h314 { height: 314px; }
.h326 { height: 326px; }
.h330 { height: 330px; }
.h340 { height: 340px; }
.h350 { height: 350px; }
.h351 { height: 351px; }
.h372 { height: 372px; }
.h400 { height: 400px; }
.h410 { height: 410px; }
.h435 { height: 435px; }
.h443 { height: 443px; }
.h450 { height: 450px; }
.h458 { height: 458px; }
.h500 { height: 500px; }
.h600 { height: 600px; }
.h650 { height: 650px; }
.h668 { height: 668px; }
.h695 { height: 695px; }
.h670 { height: 670px; }

.h-18 { height: 18%; }
.h-23 { height: 23%; }
.h-24 { height: 24%; }
.h-25 { height: 25%; }
.h-29 { height: 29%; }
.h-30 { height: 30%; }
.h-100 { height: 100% !important; }

/* line height 관련 */
.lh-5 { line-height:5px; }
.lh-10 { line-height:10px; }
.lh-15 { line-height:15px; }
.lh-20 { line-height:20px; }
.lh-25 { line-height:25px; }
.lh-28 { line-height:28px; }
.lh-30 { line-height:30px; }

/* Font 관련 */
.fs-8 { font-size: 8px; }
.fs-9 { font-size: 9px; }
.fs-10 { font-size: 10px; }
.fs-11 { font-size: 11px; }
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }

.fw-normal { font-weight: normal; }
.td-none { text-decoration:none; }
.td-line-through, .td-lt { text-decoration:line-through; }


/* text(font) color 관련 */
.txt-dark {color: #333 !important;}
.txt-darkgray {color: #666 !important;}
.txt-red {color: red !important;}
.txt-blue {color: #364FC7 !important;}
.txt-gray {color: #999 !important;}


/* text align(정렬) 관련 */
.t-left, .ta-l, .t-l, .txtl { text-align: left !important; }
.t-center, .ta-c, .t-c, .txtc { text-align: center !important; }
.t-right, .ta-r, .t-r, .txtr { text-align: right !important; }
.va-top, .va-t,.va_t { vertical-align: top !important; }
.va-middle, .va-m { vertical-align: middle !important; }


/* margin 관련 */
.m0 { margin: 0 !important; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }

.mt2 { margin-top: 2px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mr0 {margin-right: 0 !important; }
.mr05 {margin-right: 5px; }
.mr4 {margin-right: 4px; }
.mr6 {margin-right: 6px; }
.mr10 {margin-right: 10px; }
.mr15 {margin-right: 15px; }
.mr20 {margin-right: 20px; }
.mr40 {margin-right: 40px; }


.ml0 { margin-left: 0 !important; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }

.mb0 {margin-bottom: 0 !important; }
.mb6 {margin-bottom: 6px; }
.mb10 {margin-bottom: 10px; }
.mb15 {margin-bottom: 15px; }
.mb30 {margin-bottom: 30px;}

.mtb5 { margin: 5px 0; }

.mrl2 { margin: 0 2px; }
.mrl5 { margin: 0 5px; }

/* padding 관련 */
.p0 { padding: 0 !important; }
.p2 { padding: 2px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }

.pt0 { padding-top: 0 !important; }
.pt2 { padding-top: 2px; }
.pt5 {padding-top: 5px; }
.pt10 {padding-top: 10px; }
.pt13 {padding-top: 13px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }

.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }

.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }

.pb5 {padding-bottom: 5px; }
.pb10 {padding-bottom: 10px; }

.ptb0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.ptb5 { padding-top: 5px; padding-bottom: 5px; }
.ptb10 { padding-top: 10px; padding-bottom: 10px; }
.pb05 {padding-bottom: 05px;}


/* background-color 관련 */
.gb-gray {background-color: #f8f8f8;}
.bg-white {background-color: #fff !important;}

/* border(strock) 관련 */
.bd1 { border: 1px solid #ddd; }
.bdld, .bdl-gray { border-left: 1px solid #ddd; }
.bdrd, .bdr-gray { border-right: 1px solid #ddd; }
.bdtd {border-top: 1px solid #ddd;}
.bdb0 { border-bottom: 0 !important; }
.bd1 { border: 1px solid #ddd; }


/* scroll(스크롤) 관련 */
.scroll-x {overflow-x: auto;}
.scroll-y {overflow-y: auto;}
.overflow-hidden {overflow: hidden;}


/* jquery UI 관련 */
/*.DatePicker, .datepicker, .monthPicker {background: url("/static/fo/u/asset/img/datepicker_calendar_btn.png") no-repeat 95% 50%; cursor: pointer;}*/
/*.DatePickerNoIcon, .datepicker-noicon { width: 70px;  }*/

/*.filter-date span.month-picker-open-button {width: 30px; height: 30px; border-radius: 2px; margin-left: 4px;}*/
/*.filter-date span.month-picker-open-button .ui-button-icon {background: url(/static/fo/u/asset/img/datepicker_calendar_btn.png) 50% no-repeat;}*/
/*.filter-date span.month-picker-open-button .ui-visual-focus {box-shadow: 0 0 0 0 rgb(255,255,255,0);}*/

/*.month-picker {border: 1px solid red; width: 260px; height: 180px; padding: 4px;}*/
/*.month-picker > .month-picker-header {width: 100%; height: 40px; background-color: #364FC7;}*/
/*.month-picker > .month-picker-header .month-picker-year-table {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}*/
/*.month-picker > .month-picker-header .month-picker-year-table td {vertical-align: middle;}*/
/*.month-picker > .month-picker-header .month-picker-year-table a.ui-button {display: inline-block; height: 30px; border: none;}*/
/*.month-picker > .month-picker-header .month-picker-year-table a.ui-button .ui-button-icon {background: none;}*/

/*.month-picker > .month-picker-header .month-picker-previous a {width: 26px; height: 30px; background: url("/static/bo/common/assets/images/common/arrow-left-white.png") 50% no-repeat rgba(255,255,255,0.3); background-size: 10px;}*/
/*.month-picker > .month-picker-header .month-picker-title a.ui-button {width: 120px;line-height: 30px; font-size: 14px; padding: 0; margin: 0 2px; background-color: #fff; color: #364FC7;}*/
/*.month-picker > .month-picker-header .month-picker-next a {width: 26px; height: 30px; background: url("/static/bo/common/assets/images/common/arrow-right-white.png") 50% no-repeat rgba(255,255,255,0.3); background-size: 10px;}*/

/*.month-picker .month-picker-month-table {width: 100%; margin-top: 4px;}*/
/*.month-picker .month-picker-month-table td {padding: 1px;}*/
/*.month-picker .month-picker-month-table td a.ui-button {display: block; width: 100%; line-height: 27px; padding: 0;	border-radius: 0; font-size: 14px;}*/
/*.month-picker .month-picker-month-table .ui-state-highlight {background-color: rgba(0,0,0,0.1); border: #f9f9f9; color: #364FC7;}*/


/*.loading-indicator { width:auto; height:auto; padding:15px 30px; border:1px solid #999; background-color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: .5;position:absolute; top:40%; left:40%; z-index:10000; }*/
/*.loading-indicator img { vertical-align:middle; width:16px; height:16px; }*/
/*.loading-indicator span { display:inline-block; padding:2px 0px 0px 5px; }*/

/*.loading-page {width:250px; height:auto; padding:15px 30px; border:1px solid #1f68ae; background-color:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);opacity: .5;position:absolute; top:40%; left:40%; z-index:10000; }*/

/*.btn120b{width: 120px;height: 40px;line-height: 38px;background: #364FC7;color: #fff;border-radius: 2px;border: 1px solid #364FC7;}*/
/*.btn120w{width: 120px;height: 40px;line-height: 38px;background: #fff;color: #666;border: 1px solid #ddd;border-radius: 2px;}*/
/*.btn120g{width: 120px;height: 40px;line-height: 38px;background: #fff;box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);color: #666;border: 1px solid #ddd;border-radius: 2px;}*/
/*.btn160b{width: 160px;height: 40px;line-height: 38px;background: #364FC7;box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);color: #fff;border-radius: 2px;}*/
/*.btn160w{width: 160px;height: 40px;line-height: 38px;background: #fff;box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);color: #666;border: 1px solid #ddd;border-radius: 2px;}*/
/*.btn160g{width: 160px;height: 40px;line-height: 38px;background: #fff;box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.043);color: #666;border: 1px solid #ddd;border-radius: 2px;}*/
/*.downbtn{height: 34px;background-color: white;border: 1px solid #ddd;border-radius: 2px;cursor: pointer;color: #333;line-height: 32px;padding: 0 10px;letter-spacing: -1px;}*/
/*a.downbtn{display: inline-block;}*/
/*.openbtn{height: 34px;background-color: white;border: 1px solid #ddd;border-radius: 2px;cursor: pointer;color: #333;line-height: 32px;padding: 0 10px;letter-spacing: -1px;}*/
/*.downbtn130{width:130px ;height: 34px;background-color: white;border: 1px solid #ddd;border-radius: 2px;cursor: pointer;color: #333;line-height: 32px;padding: 0 10px;letter-spacing: -1px;}*/
/*.downbtn:before,.downbtn130:before{display: inline-block;content: '';width: 16px;height: 16px;background: url(/static/bo/common/assets/images/common/union.png) no-repeat;vertical-align: middle;margin-right: 4px;background-size: cover;}*/
/*.openbtn:before{display: inline-block;content: '';width: 16px;height: 16px;background: url(/static/bo/common/assets/images/common/union.png) no-repeat;vertical-align: middle;margin-right: 4px;background-size: cover;}*/


/* input style */
input { background-color: white; border: 1px solid #ddd; border-radius: 2px; padding: 0 12px; height: 30px; line-height: 30px;}
input:focus { outline: none; }
input:disabled {background-color: #f4f4f4;}
/*공통 input 크기 설정*/
.box-wrap table input[type="text"].long { height: 30px; width:680px; }
.box-wrap table input[type="text"].short {width: 280px; }

.all_edit_type input {width: 64%;text-align: right; }

/* checkbox style */
input[type="checkbox"] { width: 16px; height: 16px; accent-color: #364FC7; background-color: transparent; line-height: 1; margin: 0; padding: 0;}
input[type="checkbox"] ~ label {cursor: pointer; line-height: 1; font-size: 14px; color: #333; vertical-align: top; margin-left: 4px;}
input[type="checkbox"] ~ label:not(:last-child) {margin-right: 10px;}

/* radio style */
input[type="radio"] { width: 16px; height: 16px; accent-color: #364FC7; margin-right: 6px;}
input[type="radio"] ~ label {vertical-align: text-top; cursor: pointer; line-height: 1;}
input[type="radio"] ~ label:not(:last-child) {margin-right: 10px;}

/* selectbox style */
select {border: 1px solid #ddd; height: 30px; font-size: 13px; font-weight: 400; color: #666; padding: 0 12px; appearance: none; background: url("/static/bo/common/assets/images/common/select_icon.png") 95% 53% no-repeat #fff; border-radius: 0; min-width: 100px;}
select:focus { outline: none; }
.custom-select { position: relative; min-height: 30px;border: 1px solid #e7e7e7; border-radius: 1px }
.custom-select ~ select {display: none;}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {display: none;}


/* button style */
button { background-color: white; border: none; border-radius: 2px; cursor: pointer; }
input[type="button"] { border: 1px solid #ddd; border-radius: 2px; cursor: pointer; }
.btn { background-color: #666; color: #fff; line-height: 30px; }

/*버튼크기*/
.smallbtn{display: inline-block;min-width:50px;height: 30px;line-height: 28px;border-radius: 2px;text-align: center;}
/*.middlebtn{min-width:100px;height: 32px;line-height: 30px;border-radius: 2px;text-align: center;}*/
.largebtn{display: inline-block;min-width:70px;height: 40px;line-height: 38px;border-radius: 2px;text-align: center;}
.dark {background: #333; color: #fff; border: 1px solid #333;}
.blue {background: #364FC7;color: #fff;border: 1px solid #364FC7;}
.blue-line {border: 1px solid #364FC7; color: #364FC7; background-color: #fff;}
.white {background: #fff;border: 1px solid #ddd;color: #333;}
.grey {background: #f4f4f4;color: #666;border: 1px solid #ddd;}
.dgrey {background-color: #666;color: #fff;}
.whiteblue{border: 1px solid #364FC7;background: #fff;color: #364FC7;}
.red {border: 1px solid #f00000;background: #f00000;color: #fff;}
.red-line {border: 1px solid #f00000; background: #fff; color: #ff0000;}

.btn120b{width: 120px;height: 40px;line-height: 38px;background: #364FC7;color: #fff;border-radius: 2px;border: 1px solid #364FC7;}
.btn120w{width: 120px;height: 40px;line-height: 38px;background: #fff;color: #666;border: 1px solid #ddd;border-radius: 2px;}
.btn120g{width: 120px;height: 40px;line-height: 38px;background: #fff;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.043);color: #666;border: 1px solid #ddd;border-radius: 2px;}
.btn160b{width: 160px;height: 40px;line-height: 38px;background: #364FC7;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.043);color: #fff;border-radius: 2px;}
.btn160w{width: 160px;height: 40px;line-height: 38px;background: #fff;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.043);color: #666;border: 1px solid #ddd;border-radius: 2px;}
.btn160g{width: 160px;height: 40px;line-height: 38px;background: #fff;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.043);color: #666;border: 1px solid #ddd;border-radius: 2px;}

.downbtn{height: 34px;background-color: white;border: 1px solid #ddd;border-radius: 2px;cursor: pointer;color: #333;line-height: 32px;padding: 0 10px;letter-spacing: -1px;}
a.downbtn{display: inline-block;}

.openbtn{height: 34px;background-color: white;border: 1px solid #ddd;border-radius: 2px;cursor: pointer;color: #333;line-height: 32px;padding: 0 10px;letter-spacing: -1px;}
.downbtn130{width:130px ;height: 34px;background-color: white;border: 1px solid #ddd;border-radius: 2px;cursor: pointer;color: #333;line-height: 32px;padding: 0 10px;letter-spacing: -1px;}
.downbtn:before,.downbtn130:before{display: inline-block;content: '';width: 16px;height: 16px;background: url(/static/bo/common/assets/images/common/union.png) no-repeat;vertical-align: middle;margin-right: 4px;background-size: cover;}
.openbtn:before{display: inline-block;content: '';width: 16px;height: 16px;background: url(/static/bo/common/assets/images/common/union.png) no-repeat;vertical-align: middle;margin-right: 4px;background-size: cover;}
input[type=button] { border: 1px solid #ddd; border-radius: 2px; cursor: pointer; }

/* 등록버튼 */
.register-btn {font-size: 15px; font-weight: 500; background-color: #364FC7; color: #fff;}

/* 수정, 리스트이동 버튼 */
.modify-btn {font-size: 15px; font-weight: 500; background-color: #fff; color: #364FC7;}
.list-btn {font-size: 15px; font-weight: 500; background-color: #fff; color: #364FC7;}

/* 삭제버튼 */
.delete-btn {display: block; height: 40px; font-size: 15px; font-weight: 400;text-align: center; background-color: #f4f4f4; color: #666; border: 1px solid #ddd; border-radius: 2px;line-height: 40px;}

#wrap {font-weight: 400; width: 100%; min-width: 1280px; border-spacing: 0;position: relative;min-height: 100%;overflow: hidden;padding-bottom: 40px;	}
#wrap > .container {width: 100%; box-sizing: border-box; line-height: 1;}

.caution-txt {color: #ff0000; font-size: 14px; font-weight: 400; line-height: 1.3;}

/* cursor */
.c-p, .hand, .pointer { cursor:pointer; }


/* error(validation) */
/*form label.error,*/
/*form input.submit { min-width:150px; width:auto; color:#ff0000; background: #ffffff url("../../images/common/icon/tooltip-exclamation-red-1.gif") no-repeat;margin:3px 0 0 5px; padding:3px 3px 3px 20px; height: 12px; line-height:12px; text-align:left; font-size:12px; -moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow: 0 0 10px #000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);opacity: .8; }*/

/*form input.error { border: 1px dotted red; background-color:#ffefef; }*/
/*form select.error { border: 1px dotted red; }*/
/*form textarea.error { border: 1px dotted red; }*/

.invalidtext { display: none; color: red; font-size: 12px;}
.fieldError ~ .invalidtext { display: block; }
.invalidtext > i { font-size:11px; color: red; }
.invalidtext > i:before {margin-right: 6px;}
.box-wrap table tr .red_info_text > i{color: red; }
.box-wrap table tr .red_info_text > p {color: red;}
.box-wrap table tr .invalidtext > i {color: red;}


/* info text(guide text) */
.info_text, .box-wrap table tr .info_text {display: block; font-size: 13px; color: #666;}
.info_text span, .box-wrap table tr .info_text span {color: red;}
.info_text input, .box-wrap table tr .info_text input { display: block; }
.info_text > i, .box-wrap table tr .info_text > i { margin-right: 2px; color: #666;}.info_text, .box-wrap table tr .info_text {display: block; font-size: 13px; color: #666;}

.red_info_text { display: block; font-size: 13px; color: red; }
.red_info_text > i { margin-right: 2px; color: red;}

.box-wrap table tr i { display: inline-block; color: #707070; letter-spacing: -0.5px; }
.box-wrap table tr .info_image_text > i  { vertical-align: top; margin-top: 3px; }


/* pages common style */
body::-webkit-scrollbar { width: 8px; height: 15px; background: #fff; }
body::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(0,0,0,0.2);}
body::-webkit-scrollbar-track { background: transparent; }


/* header */
header {width: 100%; height: 84px; background-color: #fff; border-bottom: 1px solid #ddd;}

/* 텝 초기화, 로그아웃 */
header .right_mnubtn {width: 100%; height: 30px; text-align: right; padding: 0 40px; border-bottom: 1px solid #ddd;}
header .right_mnubtn a {display: inline-block; line-height: 28px; color: #364FC7; font-size: 12px; font-weight: 500; margin-left: 20px;}
header .right_mnubtn a i {color: #364FC7; font-size: 12px;}

/* GNB 메뉴 */
header .menu-bar {width: 100%; min-width: 1680px; height: 54px; padding: 0 40px; position: relative;}
header .menu-bar .logo {width: 160px; height: 54px; float: left; margin-top: 11px;}
header .menu-bar .logo:after {content: ''; display: block; clear: both;}
header .menu-bar .logo a {display: block; width: 100%; height: 100%; overflow: hidden;}
header .menu-bar .logo a img {width: 100%; height: auto;}

header .menu-bar .menu {display: inline-block; height: 100%; margin-left: 40px; border-right: 1px solid #ddd;}
header .menu-bar .menu > li {display: inline-block; line-height: 54px; font-size: 18px; font-weight: 500; margin-right: 30px; position: relative; cursor: pointer;}
header .menu-bar .menu > li:hover .submnu_container {display: block;}

header .menu-bar .menu .submnu_container {display: none; padding: 15px 0; background-color: #fff; border: 1px solid #ddd; position: absolute; top: 53px; left: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); z-index: 101;}
header .menu-bar .menu .submnu_container > ul {display: table-cell; border-right: 1px solid #ddd;}
header .menu-bar .menu .submnu_container > ul:last-of-type {border-right: none;}
header .menu-bar .menu .submnu_container > ul > li {min-width: 220px;  padding: 0 15px; font-size: 15px; font-weight: 500; color: #364FC7; line-height: 22px;}
header .menu-bar .menu .submnu_container > ul > li > a {display: block; width: 100%; font-size: 14px; font-weight: 400; color: #666;}
header .menu-bar .menu .submnu_container > ul > li > a:hover {color: #333; text-decoration: underline;}

/* 기타 추가 메뉴 */
header .menu-bar .menu-other {display: inline-block; height: 54px; line-height: 54px; margin-left: 30px;}
header .menu-bar .menu-other > li {display: inline-block; font-size: 16px; font-weight: 400; color: #666; margin-right: 20px; position: relative; cursor: pointer;}
header .menu-bar .menu-other > li:last-child {margin-right: 0;}
header .menu-bar .menu-other > li:hover .menu_other_sub {display: block;}

header .menu-bar .menu-other .menu_other_sub {display: none; padding: 15px 0; background-color: #fff; border: 1px solid #ddd; position: absolute; top: 53px; left: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); z-index: 101;}
header .menu-bar .menu-other .menu_other_sub > ul {min-width: 170px; display: table-cell;}
header .menu-bar .menu-other .menu_other_sub > ul > li {padding: 0 15px; font-size: 14px; font-weight: 500; color: #333; line-height: 22px;}
header .menu-bar .menu-other .menu_other_sub > ul > li > a {display: block; width: 100%; font-size: 13px; font-weight: 400; color: #666;}
header .menu-bar .menu-other .menu_other_sub > ul > li > a:hover {color: #333; text-decoration: underline;}

/* 상태 요약알림 */
header .menu-bar .today {line-height: 53px; position: absolute; top: 0; right: 40px;}
header .menu-bar .today > li {display: inline-block; font-size: 13px; font-weight: 400;}
header .menu-bar .today > li:not(:first-child):before {content: '|'; margin: 0 10px; font-size: 12px; vertical-align: top; color: #ddd;}
header .menu-bar .today > li > strong {font-weight: 700; color: #364FC7;}


/*모달창*/
.modal {position:absolute; width:100%; height:100%; background: rgba(0,0,0,0.8); top:0; left:0; display:block; }
.modal_content {width: 1680px;height: auto;background: #fff;box-sizing: border-box;padding: 74px 0;line-height: 23px;cursor: pointer;margin: 150px auto; }
.modal_content_small {width: 400px;height: auto;background: #fff;border-radius: 10px;position: relative;top:50%;left:50%;text-align: center;box-sizing: border-box;padding: 74px 0;line-height: 23px;cursor: pointer;margin: 150px auto; }


/*상단퀵메뉴*/
.quikselect_box {width: 100%; height: 30px; overflow: hidden; margin-bottom: 30px;}
.quikselect_box ul {width: 100%;height: 30px;line-height: 30px;margin-bottom: 15px; }
.quikselect_box ul li { float: left; height: 30px; border: 1px solid #ddd; text-align: center; margin-right: 4px; border-radius: 2px; overflow: hidden; }
.quikselect_box ul li > a { display: block; width: 100%; height: 100%; line-height: 28px; font-size: 14px; font-weight: 400; letter-spacing: -1px; padding: 0 15px;border-radius: 2px ;}
.quikselect_box ul li a.on { color: #fff; background-color: #364FC7; width: 100%;border-radius: 2px ;}
.order_list_box li {line-height: 28px;font-size: 14px;font-weight: 400;letter-spacing: -1px;cursor: pointer}
.order_list_box li.on {color: #fff;}


/* side panel */
.aside-panel-quick,.aside-panel-project { display: none; width: 180px; height: 100%; background-color: #fff; border-right: 1px solid #ddd; z-index: 1; }
.bside-panel-list,.bside-panel-function,.bside-panel-schedule { display: none; width: 180px; height: 100%; background-color: #fff; border-left: 1px solid #ddd; z-index: 1; }


/* section */
.page-wrap .main-cont { background: #f4f4f4; }
section.maincontents .page-wrap .main-cont {padding: 0; }
.page-wrap .cont h4 { font-size: 18px; line-height: 1; margin-bottom: 15px; }

.page-wrap .taps { width: 100%; height: 30px; background-color: #fff; }
.page-wrap .taps ul { width: 100%; height: 100%; }
.page-wrap .taps ul li { float: left; min-width: 8%; line-height: 30px; position: relative; }
.page-wrap .taps ul li a { display: block; width: 100%; height: 100%; padding: 0 20px; font-size: 13px; font-weight: 400; color: #666; position: relative; }
.page-wrap .taps ul li img { position: absolute; width: 10px; height: 10px; right: 15px; top: 10px; }

.page-wrap .taps .active { background-color: #f4f4f4; border-bottom: none; }


/* sub page */
/* title */
.page-title {display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 30px; padding-bottom: 6px;}
.page-title > h2 { font-size: 22px; font-weight: 500;margin-top: 20px;}
.page-title .add-quick {display:block; width: 25px; height: 25px; background-color: white; border: 1px solid #ccc; border-radius: 4px; margin-left: 6px;margin-top: 20px; }
.page-title .add-quickon { display: block; width: 25px; height: 25px; background-color: white; border: 1px solid #ccc; border-radius: 4px; margin-left: 6px; margin-top: 20px;}
.page-title .add-quick img { width: 100%; height: 100%; object-fit: scale-down; }
.page-title .add-quickon img { width: 100%; height: 100%; object-fit: scale-down; }
.page-title .add-quickon { display: none; }

.box-wrap { background-color: white; border: 1px solid #ddd;}
.box-wrap:not(:last-child) {margin-bottom: 30px;}
.box-wrap > .info-txt-box {font-size: 14px; font-weight: 400; color: #333; line-height: 1.6; background-color: #fff; padding: 20px}
.box-wrap > .info-txt-box strong {font-weight: 500;}
.box-wrap > .info-txt-box a {font-weight: 500; color: #009DC5;}

.box-wrap .return-reason {width: 100%;}
.box-wrap .return-reason table {border-collapse: separate;}
.box-wrap .return-reason table th {text-align: center; padding: 0 15px; border-right: 1px solid #ddd; border-left: 0; border-bottom: 1px solid #ddd;}
.box-wrap .return-reason table td {padding: 10px 15px; background-color: #fff; border-right: 1px solid #ddd; border-left: 0;}
.box-wrap .return-reason table label {font-size: 0;}
.box-wrap .return-reason table td > p {font-size: 13px; color: #333;}
.box-wrap .return-reason table td > p.prod-name {width: calc(100% - 15px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.box-wrap .return-reason table th:first-child,
.box-wrap .return-reason table td:first-child {position: sticky; left: 0; border-right: 1px solid #ddd;}
.box-wrap .return-reason table th:nth-child(2),
.box-wrap .return-reason table td:nth-child(2) {position: sticky; left: 45px; border-right: 1px solid #ddd;}
.box-wrap .return-reason table th:nth-child(3),
.box-wrap .return-reason table td:nth-child(3) {position: sticky; left: 95px; border-right: 1px solid #ddd;}

.box-wrap .return-reason .guide-txt > li {list-style: disc; margin-left: 18px;}

.box-wrap .return-reason .enter-reason {width: 840px; padding: 15px 0; border: 1px solid #ddd; background-color: #f9f9f9; display: flex; justify-content: center; align-items: center;}
.box-wrap .return-reason .enter-reason dt {font-size: 14px; font-weight: 500; color: #333; margin-right: 15px;}
.box-wrap .return-reason .enter-reason .btn {height: 31px; background-color: #333}

.box-wrap.list-search { width: 100%; height: auto; position: relative; margin-bottom: 30px;}
.box-wrap.list-search:last-child {margin-bottom: 0;}
.box-wrap.list-search .excel_select img {width: 100%; height: 100%; object-fit: contain;}

.box-wrap .grid-head {border-bottom: 1px solid #ddd;}

.box-wrap .divide {width: 100%; border-bottom: 1px dashed #ddd; margin: 6px 0;}


/* 일괄 처리요청 */
.batch-proc {text-align: center; font-size: 15px; color: #333;}

.modal_container .box-wrap.list-search {width: 100%; }
.modal_container .box-wrap.list-search table td {word-break: break-all;}

.modal_container .info-tbl {width: 100%; height: 300px; overflow: auto; }
.modal_container .info-tbl table {width: 100%; table-layout: fixed; border: 1px solid #ddd;}
.modal_container .info-tbl table tr {border: 1px solid #ddd;}
.modal_container .info-tbl table tr:last-child {border-bottom: none;}
.modal_container .info-tbl table th {text-align: center; padding: 0 6px;}
.modal_container .info-tbl table th:first-child {padding-left: 12px;}
.modal_container .info-tbl table td:last-child {border-right: none;}
.modal_container .info-tbl table td {text-align: center; padding: 4px 6px; border-right: 1px solid #ddd; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.modal_container .info-tbl table td:first-child {padding-left: 12px;}
.modal_container .info-tbl table td:last-child {border-right: none;}


#wrap > .modal_container {padding-top: 0;width: 100%; }
.box-wrap.grid-wrap { width: 100%; height: auto; position: relative; }
.box-wrap.grid-wrap .grid-head {border-bottom: 1px solid #ddd;}

.box-wrap table td .info { font-size: 12px; font-weight: 300; color: #666; margin-top: 6px; }
.box-wrap table td .info:before { display: inline-block; content: ''; width: 12px; height: 12px; background: url(/static/bo/common/assets/images/common/circle_exclamation_icon.png) no-repeat; vertical-align: middle; margin-right: 4px; }

.box-tit {width: 100%; height: 45px; background-color: #f9f9f9; border-bottom: 1px solid #ddd; padding: 0 15px; position: relative;}
.box-tit-select { border-bottom: 0;padding: 0; }
.box-tit-select ul {width: 100%;height: 45px;background: #f9f9f9; }
.box-tit-select ul li {float: left;width: 165px;font-size:15px;text-align: center;line-height: 43px;background: #f9f9f9;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;cursor: pointer; }
.box-tit-select ul li.on {background: #fff;border-bottom: 1px solid #fff; }
.box-tit h3 { font-size: 16px; font-weight: 500; line-height: 45px; }
.box-tit h3 strong { font-size: 14px; font-weight: 400;}
.box-tit .total { position: absolute; right: 0; top: 0; }
.box-tit .total ul li { float: left; line-height: 45px; font-size: 15px; font-weight: 400; border-left: 1px solid #ddd; padding: 0 20px; }
.box-tit .total ul li span { font-weight: 500; color:#364FC7 }
.box-tit .exist-load { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.box-tit .exist-load button { width: 150px; height: 32px;}

.box-foot {width: 100%; border-top: 1px solid #ddd; padding: 8px 15px; position: relative;}
.box-foot .btn-group {display: flex; justify-content: flex-end; align-items: center;}
.box-foot .btn-group > li {margin-left: 4px;}
.box-foot .btn-group .btn {margin-left: 4px; padding: 0 10px; font-size: 12px;}

.list-tit { width: 100%; height: 45px; background-color: #f9f9f9; padding: 0 20px; position: relative; }
.list-tit h3 { font-size: 16px; font-weight: 500; line-height: 45px; }
.list-tit h3 span { font-weight: 500; color: #364FC7; }

.list-tit .list-fliter { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.list-tit .list-fliter select {height: 34px;}
.list-tit .list-fliter button { height: 34px;  border: 1px solid #ddd; border-radius: 2px; margin-left: 2px; cursor: pointer; padding: 0 10px; }
.list-tit .list-fliter button.blue {background: #364FC7; color: #fff;}
.list-tit .list-fliter button.blue-line {border-color: #364FC7;}
.list-tit .list-fliter button span { font-size: 15px; font-weight: 400; }

.brand_downbtn {height: 34px; background-color: white; border: 1px solid #ddd; border-radius: 2px; margin-left: 2px; cursor: pointer; padding: 0 10px; color: #333; }
.brand_downbtn > span { font-size: 15px; font-weight: 400; }
.brand_downbtn > span:before { display: inline-block; content: ''; width: 16px; height: 16px; background: url('/static/bo/common/assets/images/common/union.png') no-repeat; vertical-align: middle; margin-right: 4px; background-size: cover; }

.list_btn button.product_copy { color: #364FC7; padding: 0 10px; border: 1px solid #364FC7; }
.list_btn > button.select_delete { padding: 0 25px; background: #f9f9f9; color: #666; }

/*공통 INPUT 설정*/
.box-wrap table { width: 100%; text-align: left; font-size: 13px; table-layout: fixed; }
.box-wrap table tr { border-bottom: 1px solid #ddd; }
.box-wrap table tr:last-child { border-bottom: none; }
.box-wrap table th { height: 40px; font-weight: 400; color: #666; background-color: #f9f9f9; vertical-align: middle; padding: 0 15px; letter-spacing: -1px; border-left: 1px solid #ddd;}
.box-wrap table th:first-child {border-left: none;}
.box-wrap table td { width: 100%; min-height: 40px; font-size: 13px; font-weight: 400; vertical-align: middle; padding: 10px 15px; border-left: 1px solid #ddd;}
.box-wrap table td span.copy_crnum { color:#364FC7; text-decoration:underline; cursor:pointer; }

.box-wrap table td table { border: 1px solid #ddd;}

.display-type { display: flex; justify-content: flex-start; align-items: center;}

.box-wrap table td.otc-manager span:after {content: '|'; color: #ddd; margin: 0 4px;}
.box-wrap table td.otc-manager span:last-of-type:after {content: '';}

.box-wrap table td .result-txt {border: 1px solid #ddd; padding: 0 12px; line-height: 28px;}

.box-wrap table .infotext_style { padding: 15px 12px; }
.box-wrap table .infotext_style .info_text { font-size: 12px; }

.infotext_style table td {position: relative;}
.infotext_style > button {display: inline-block; padding: 0 25px; font-size: 14px; font-weight: 300; }
.infotext_style #btnDbCancel {position: absolute; right: 15px; }
.info_text > p > span {color: red; font-weight: 500;}

.change-tab-box { border-bottom: 1px solid #ddd; background-color: #f9f9f9; }
.change-tab-box ul { display: flex; }
.change-tab-box ul li a { display:block; width: 180px; line-height: 45px; text-align: center; font-size: 15px; color: #333; border-right: 1px solid #ddd; }
.change-tab-box ul li a.on { background-color: #fff; }

.all_edit_type input[type="radio"]:checked ~ label,.all_edit_type [type="radio"]:not(:checked) + label { padding-left: 18px; }

.info-text { font-size: 12px; color: #666; line-height: 1.3;}
.box-wrap .info_text { font-size: 12px; color: #666;}
.box-wrap .info_text > i { color: #666; }
.box-wrap .info_text > p { color: #666; }

.box-wrap table ul li { display: inline-block; vertical-align: middle;}
.box-wrap table ul li:not(:last-child) { margin-right: 20px; }
.box-wrap select {height: 30px; font-size: 13px; color: #333; }
.box-wrap table textarea {font-size: 13px; border: 1px solid #ddd; resize: none; }

/*검색어 공통 input 크기 설정*/
.box-wrap table textarea.member-approval { width: 60%; height: 30px; font-size: 13px; border: 1px solid #ddd; resize: none; }
.box-wrap table textarea:focus { outline: none; }
.box-wrap .inner-tbl input[type=checkbox] + label { padding-left: 15px; }
.box-wrap .inner-tbl input[type=checkbox]:checked + label { padding-left: 15px; }

.box-wrap .aproval-info ul {padding: 20px;}
.box-wrap .aproval-info ul li {color: red;font-size: 14px; margin-bottom: 6px;}
.box-wrap .aproval-info ul li:last-child {margin-bottom: 6px;}
.box-wrap .aproval-info ul li:nth-child(2) {color: #000;}
.box-wrap .aproval-info ul li:nth-child(2) a {display: inline-block; color: #fff; background: #364FC7; border: 1px solid #364FC7; padding: 3px;}

.box-wrap .delete-processing {border-top: 1px solid #ddd; }

.box-wrap .batch-processing {width: 100%; padding: 20px; display: flex; justify-content: flex-start; align-items: flex-start;}
.box-wrap .batch-processing p,.box-wrap .delete-processing p {line-height: 30px; font-size: 14px; font-weight: 400; margin-right: 8px;}
.box-wrap .batch-processing .aproval-btns {height: 30px; display: flex; justify-content: flex-start; align-items: center;}
.box-wrap .batch-processing .aproval-btns > select {width: 200px; margin-right: 6px;}
.box-wrap .delete-processing .aproval-btns {display: inline-block;padding: 10px 20px;}

.box-wrap .delete-processing .aproval-btns .info-text {font-size: 14px; color: red;}

.aproval-box,.lastbtn-box {width: 500px;height: 250px;position: fixed;top: 33%;left: 35%;border: 1px solid #ddd;background: #fff;text-align: center; }
.aproval-box > p,.lastbtn-box > p { text-align: center; font-size: 18px; color: #333; font-weight: 800; margin-top: 80px; margin-bottom:40px; }

.aproval-box .btn-box button,.lastbtn-box button {display: inline-block;padding: 10px 20px;font-size: 14px;border-radius: 2px;text-align: center; }
.aproval-box .btn-box button:first-child,.lastbtn-box button {color: #fff;background: #364FC7; }

/* list serch form */
.search-form select { margin-right: 3px; }
.search-form select:last-child { margin-right: 0; }
.search-form .filter-prod input { float: right; width: 463px; }
.search-form .filter-price input { width: 218px; }
.search-form .filter-date input.datepicker {width: 160px; height: 30px; font-size: 13px; font-weight: 400; color: #333; padding: 0 8px; }
.search-form .special-filter select { margin: 0 6px 2px 0; }

/*select 공통 크기 설정*/
.search-form .display-type select { border-radius: 2px; }

.search-form .filter-date .pick-datebox { float: left; width: auto; margin-right: 15px;}
.search-form .filter-date .pick-datebox:after {content: ''; display: block; clear: both;}
.search-form .filter-date .pick-datebox span { margin: 0 4px; }

.search-form .filter-date .quick-day {width: auto;}
.search-form .filter-date .quick-day li {width: 54px; margin-right: 4px;}
.search-form .filter-date .quick-day li:last-child { margin-right: 0; }
.search-form .filter-date .quick-day li a { display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ddd; border-radius: 2px; }
.search-form .filter-date .quick-day li.active a { color: #364FC7; background-color: white; border-radius: 2px; border: 1px solid #364FC7; }


.search-form .payment-conf li { float: left; margin-right: 16px; display: flex; align-items: center; }
.search-form .payment-conf li input { margin-right: 4px; }
.search-form .search-btns { text-align: center; padding: 16px 0; border-top: 1px solid #ddd; }
.view-btn-box { display: flex; justify-content: center; align-items: center;}
.view-btns-box { display: flex; justify-content: center; align-items: center;}
.search-form .search-btns button,.view-btn-box button { min-width: 120px; font-size: 16px; font-weight: 400; cursor: pointer; border-radius: 2px; letter-spacing: -1px;height: 40px; }
.search-form .search-btns button.search,.view-btn-box > button:first-child { margin-right: 8px; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.043)}
.view-btn-box > button, .view-btn-box > a:first-child {margin-right: 8px; }
.view-btn-box > button:last-child,.view-btn-box > a:last-child {margin-right: 0 !important; }
.search-form .search-btns button.reset{ background-color: white; color: #333; border: 1px solid #ddd; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.016)}
.search-btns label {font-weight: 500;font-size: 16px;line-height: 1;margin-right: 8px;color: #333;}
.search-btns > input {width: 360px;height: 40px;margin-right: 8px;vertical-align: top; }
.search-btns #searchAgentFilter {height: 40px;}

/* 일괄 변경 */
.batch-edit { width: 100%; height: 60px; padding: 0 20px; border-bottom:1px solid #ddd; }
.batch-edit li { float: left; line-height: 60px; margin-right: 6px; color: #ddd; }
.batch-edit li input { width: 82px; height: 32px; font-size: 13px; font-weight: 400; }
.batch-edit li input.select-del { color:#666; border: 1px solid #ddd; background-color: #f9f9f9; }
.batch-edit li input.edit-btn { color:#364FC7; border: 1px solid currentColor; }
.batch-edit li select { width: 140px; height: 32px; font-size: 14px; font-weight: 400; color: #333; }


/* list grid box */
.list-grid { width: 100%; height: 500px;}
.list-grid.modal_list_grid { position: absolute; }
.list-grid img { width: 100%; height: 100%; object-fit: contain; }
.list-grid .download-icon { width: 20px; height: auto;}


/* 그리드 내 검색 */
.grid-list-search {width: 100%; padding: 16px 0; border-bottom: 1px solid #ddd;}
.grid-list-search .search-type { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; }
.grid-list-search .search-type li {padding: 0;}
.grid-list-search .search-type li:not(:last-child) {margin-right: 15px;}
.grid-list-search .search-type li input {height: 40px; border-radius: 0;}
.grid-list-search .search-type li select {height: 40px;}
.grid-list-search .search-type label {font-size: 16px; font-weight: 500; line-height: 1; margin-right: 8px; color: #333;}

/* 등록 form */
.row-wrap { width: 1680px; }
.row-wrap fieldset { display: flex; flex-flow: row wrap; justify-content: space-between; align-content: flex-start; }

/* left layout */
.left-box-wrap { width: 980px; height: auto; position: relative; }
.left-box-wrap table.basic-info input { width: 100%; }
.left-box-wrap table.basic-info select { width: 40%; }
.left-box-wrap table.search-info td { padding: 10px 20px; }
/* 상품 분류 설정 */
.category-set table { margin: 10px 0; border: 1px solid #ddd; }
.category-set table th { width: 25%; line-height: 32px; text-align: center; padding: 0; }
.category-set table td { width: 25%; padding: 0; border-right: 1px solid #ddd; }
.category-set table td:last-child { border-right: none; }
.category-set table td select { width: 100%; height: 140px; border: none; padding: 0 10px; }

.category-set .divide-list { width: 100%; height: 46px; border: 1px solid #ddd; padding: 0 10px; display: flex; justify-content: space-between; align-items: center; }
.category-set .divide-list .tit { line-height: 46px; font-size: 13px; font-weight: 400; color: #666; }
.category-set .divide-list ul { min-width: 520px; }
.category-set .divide-list ul li { color: #364FC7; margin: 0; }
.category-set .divide-list ul li:after { display: inline-block; content: ''; width: 7px; height: 10px; vertical-align: middle; background: url(/static/bo/common/assets/images/common/angle_right_indigo_icon.png) no-repeat; margin: 0 6px; }
.category-set .divide-list ul li:last-child:after { display: none; }
.category-set .divide-list .select-btn { line-height: 32px; background-color: #364FC7; color: #fff; border: none; font-size: 13px; font-weight: 300; }

.category-set .category-list-tbl th { border-bottom: 1px solid #ddd; }
.category-set .category-list-tbl td { text-align: center; line-height: 46px; }
.category-set .category-list-tbl td:nth-of-type(2) { padding: 0 20px; }
.category-set .category-list-tbl td ul li { margin: 0; }
.category-set .category-list-tbl td ul li:after { display: inline-block; content: ''; width: 7px; height: 10px; vertical-align: middle; background: url(/static/bo/common/assets/images/common/angle_right_black_icon.png) no-repeat; margin: 0 6px; }
.category-set .category-list-tbl td ul li:last-child:after { display: none; }
.category-set .category-list-tbl .radio-filter { display: flex; justify-content: center; align-items: center; }
.category-set .category-list-tbl .radio-filter label { padding: 0; width:16px; }
.category-set .category-list-tbl .delete-btn { width: 80px; height: 32px; line-height: 32px; font-size: 13px; font-weight: 300; }

.category-set td.sell-date-cell input { height: auto; }
.category-set td.sale-period input { width: 146px; height: 32px; font-size: 13px; font-weight: 400; color: #333; padding: 0 8px; }
.category-set td.sales-status input { height: auto; }


/* right layout */
/* 판매 정보 */
.right-box-wrap { width: 680px; height: auto; position: relative; }
.sales-info td input { width: 30% }
.sales-info td select { width: 14%; background-position: 88% 54%; }
.sales-info .auto-btn { display: inline-block; font-size: 13px; font-weight: 300; line-height: 32px; padding: 0 15px; border-radius: 2px; background-color: #364FC7; color: #fff; margin-left: 1px; }
.sales-info .info { display: inline-block; }

/* 배송 정보 */
.delivery-info td input { width: 30% }
.delivery-info td select { width: 30% }
.delivery-info td .info { display: inline; }

/* 정기배송 정보 */
.right-box-wrap .regular-delivery-info td { padding: 10px 20px; }
.regular-delivery-info td select { width: 90px; background-position: 90% 54%; }
.regular-delivery-info td input.discount { width: 150px; }
.regular-delivery-info td input.fee { width: 304px; margin-left: 13px; }
.regular-delivery-info td p { display: inline-block; margin-top: 6px; }


/* wide layout */
/* 상품 추가옵션 */
.wide-box-wrap { width: 1680px; height: auto; position: relative; margin-top: 15px; }
.wide-box-wrap .inner-tbl { border: 1px solid #ddd; margin: 10px 0; }
.wide-box-wrap .inner-tbl th { line-height: 34px; text-align: center; padding: 0; }
.wide-box-wrap .inner-tbl td { text-align: center; padding: 0; line-height: 46px; border-right: 1px solid #ddd; }
.wide-box-wrap .inner-tbl td.option-name { text-align: left; padding-left: 20px; }
.wide-box-wrap .inner-tbl td.price-num { text-align: right; padding-right: 20px; }
.wide-box-wrap .inner-tbl td a { display: inline-block; width: 20px; height: 20px; vertical-align: middle; background-color: #fff; border: none; }
.wide-box-wrap .inner-tbl td a:after { display: block; content: ''; width: 20px; height: 20px; background: url(/static/bo/common/assets/images/common/del_trash_icon.png) 50% no-repeat; }


/* 등록 버튼 stype */
.reg-chcbox { text-align: center; font-size: 13px; margin: 15px 0; }
.reg-chcbox input[type=checkbox] ~ label { padding-left: 25px; }
.reg-chcbox input[type=checkbox]:checked ~ label { padding-left: 25px; }
.reg-btns { text-align: center; }
.reg-btns button { width: 160px; line-height: 40px; font-size: 15px; font-weight: 400; border: 1px solid #364FC7; border-radius: 2px; margin-bottom: 10px; }
.reg-btns button.register-btn { background-color: #364FC7; color: #fff; }
.reg-btns button.cancel-btn { color: #364FC7; }

/* paging */
.paging { width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; border-top: 1px solid #ddd; }
.paging ul { width: auto; height: 30px; border: 1px solid #ddd; }
.paging ul li { float: left; width: 30px; height: 30px; border-right: 1px solid #ddd; }
.paging ul li:last-child { float: left; width: 30px; height: 30px; border-right: none; }
.paging ul li.first-prev a { background: url(/static/bo/common/assets/images/common/paging_first_prev.png) 50% no-repeat; }
.paging ul li.prev a { background: url(/static/bo/common/assets/images/common/paging_angle_prev.png) 50% no-repeat; }
.paging ul li.next a { background: url(/static/bo/common/assets/images/common/paging_angle_next.png) 50% no-repeat; }
.paging ul li.end-next a { background: url(/static/bo/common/assets/images/common/paging_end_next.png) 50% no-repeat; }

.paging ul li a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 15px; font-weight: 400; color: #999; }
.paging ul li a.current { width: 30px; height: 29px; color: #364FC7; border: 1px solid #364FC7; z-index: 2; }


/* right controller */
.qiocl-ctrl {width: 100px; position: fixed; right: 0; top: 220px; z-index: 9999; }

.qiocl-ctrl .cont-box {width: 80px; margin-left: 20px; border-radius: 6px 0 0 6px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 0 5px 15px 0;}
.qiocl-ctrl .cont-box .qiocl_title {width: 100%; height: 70px; background-color: #364FC7; text-align: center; padding-top: 15px; }
.qiocl-ctrl .cont-box .qiocl_title span {color: #fff;font-size: 14px;font-weight: 400;line-height: 18px; }

.qiocl-ctrl .cont-box ul {width: 100%; background-color: #fff; border: 1px solid #ddd; border-right: none; border-bottom-left-radius:6px; border-top: 0; }
.qiocl-ctrl .cont-box ul li {width: 100%;text-align: center;padding-top: 16px; }
.qiocl-ctrl .cont-box ul li:first-child:not(:last-of-type) {border-bottom: 1px solid #ddd; }
.qiocl-ctrl .cont-box ul li:nth-child(n+2):not(:last-of-type) {border-bottom: 1px solid #ddd; }
.qiocl-ctrl .cont-box ul li a {display: block;font-size: 12px;margin-bottom: 16px; }
.qiocl-ctrl .cont-box ul li a img {display: block;text-align: center;margin: 0 auto 6px;width: auto;height: 18px; }

.qiocl-ctrl .controller { width: 20px; height: 50px; font-size: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); cursor: pointer;}
.qiocl-ctrl .controller.quick-close { background: url(/static/bo/common/assets/images/common/aside_quick_close.png) no-repeat;}
.qiocl-ctrl .controller.quick-open { background: url(/static/bo/common/assets/images/common/aside_quick_open.png) no-repeat;}


/* footer : bottom tab */
footer { width: 100%; height: 40px; background-color: #f4f4f4; border-top: 1px solid #ddd;z-index: 99;position : absolute;bottom: 0;}
footer > p { line-height: 40px; font-size: 11px; font-weight: 300; color: #999;padding-left: 40px;display: inline-block;}

footer .tabs-box {height: 40px;float: right;padding-right: 40px;}
footer .tabs-box p {font-size: 13px; font-weight: 400; color: #999; line-height: 40px; float: left; margin-right: 6px; }
footer .tabs-box> ul {float: left;}
footer .tabs-box > ul > li { float: left; line-height: 40px; font-size: 13px; font-weight: 400; color: #666; }
footer .tabs-box > ul > li:after { display: inline-block; content: ''; width: 6px; height: 9px; background: url(/static/bo/common/assets/images/common/angle_right_icon.png) no-repeat; margin: 0 6px; }
footer .tabs-box ul li:last-child:after { display: none; }


/* section */
section.maincontents .page-wrap .main-cont {padding: 0; }
.contents .cont h4 { font-size: 18px; line-height: 1; margin-bottom: 15px; }

.contents .taps { width: 100%; height: 30px; background-color: #fff; }
.contents .taps ul { width: 100%; height: 100%; }
.contents .taps ul li { float: left; /*min-width: 9%;*/ line-height: 30px; position: relative; }
.contents > .board_taps ul li { min-width: 11%;}
.contents > .message_taps ul li { min-width: 12%;}
.contents > .board_taps ul li:first-child {min-width: 9%}
.contents > .message_taps ul li:first-child {min-width: 9%}
.contents .taps ul li a { display: block; width: 100%; height: 100%; padding: 0 20px; font-size: 13px; font-weight: 400; color: #666; position: relative; }
.contents .taps ul li img { position: absolute; width: 10px; height: 10px; right: 15px; top: 10px; }

.contents .taps .active { background-color: #f4f4f4; border-bottom: none; }


.contents {width: 100%; vertical-align: top; position: relative; padding: 40px;}
.contents .taps {width: 100%; height: 30px; background: #f4f4f4; }
.contents .taps ul {height: 30px;line-height: 30px;position: relative;box-sizing: border-box;font-size: 12px; }
.contents .taps ul:after {content: "";border-bottom: 1px solid #364FC7;box-sizing: border-box;width: 100%;display: block;position: absolute;bottom: 0;left: 0; }
.contents .taps ul li {height: inherit;border: 1px solid #ddd;color: #666; }
.contents .taps ul li:nth-child(2) {border-left: 0;}
.contents .taps ul li a {font-size: 14px;font-weight: 400;display: inline-block;min-width: 120px;height: 30px;line-height: 30px; color: #666;text-decoration: none;position: relative; padding-left: 10px;	padding-right: 36px;}

.contents .taps ul li a.active {background: #fff; }
.contents .taps ul li a .tab-close {position: absolute;right: 5px;top: 0;color: lightgray; }

.page-wrap .main-cont {width: 100%;display: table-row;word-break: break-word;position: relative; }


/* popup 관련  스타일링 */
.admin-notes {width:  100%; text-align: center;}
.admin-notes textarea {border: 1px solid #ddd; width:  100%; height: 120px; margin: 15px 0; resize: none; font-size: 0.9rem; color: #333; font-weight: 400;}
.admin-notes textarea:focus {outline: none;}


/*tabulator*/
div.tabulator { font-size: 12px; }

/*input file css*/
.file_input_div {display: inline-block;}
.excel_select > .upload_name {display: inline-block;height:30px;padding: 0 10px;vertical-align: middle;border: 1px solid #dddddd;color: #999999;}
.excel_select label {display: inline-block;padding: 10px;color: #fff;background-color: #999999;cursor: pointer;height: 30px;margin-left: 5px;line-height: 9px;font-size: 12px;border-radius: 2px;}
.excel_select input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.file_input_button {display: none;}
.excel_select .del-btn {padding: 10px; border: 1px solid currentColor; color: #999; background-color: #fff; cursor: pointer; height: 30px; margin-left: 4px; line-height: 9px; font-size: 12px; border-radius: 2px;}


/* summernote coustom */
.note-editor {background-color: #fff;}
.note-editor h1,h2,h3,h4,h5,h6 {font-size: revert;}
.note-editor .note-editing-area p,span {line-height: 1.2;}
.note-editor .note-editing-area u {text-decoration: underline;}
/*.note-editor .note-editing-area b,font {color: unset;}*/
.note-editor .note-editing-area pre {display: block; padding: 10px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all;word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px;}
.note-editor .note-editing-area blockquote {font-size: 15px; border-left: 5px solid #f86466; background: #fff; padding: 10px 20px; margin: 0 0 20px;}

.note-editor .note-editing-area .note-editable > div {color: unset;}

.note-editor .note-toolbar .note-style .dropdown-style blockquote {padding: 0;}
.note-editor .note-toolbar button.note-btn.dropdown-toggle {height: 32px;}

.note-editor .note-editing-area .note-editable ul li {list-style: disc; color: unset; line-height: 1.2; display: revert; margin-left: 20px;}
.note-editor .note-editing-area .note-editable ol li {list-style: decimal; color: unset; margin-left: 15px;}

.note-editor .note-modal .note-modal-content {box-sizing: content-box;}
.note-editor .note-modal .note-modal-content .note-icon-close {color: #666;}
.note-editor .note-modal .note-modal-body label {margin-bottom: 10px;}
.note-editor .note-modal .note-modal-footer .note-btn {background-color: #364FC7;}


/* summernote에서 편집한 내용 */
.box-wrap .post-box {width: 100%; height: 100%; overflow-y: scroll;}
.box-wrap .post-box ul li {list-style: disc; margin-left: 20px; display: revert;}
.box-wrap .post-box ol li {list-style: decimal;}


/* loading spin */
.loader {
	position: fixed;
	top: 50%;
	left: 50%;
	font-size: 10px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	text-indent: -9999em;
	animation: load5 1.1s infinite ease;
	-webkit-animation: load5 1.1s infinite ease;
	transform: translateZ(0);
	-ms-transform: translateZ(0);
}
@-webkit-keyframes load5 {
	0%,
	100% {
		box-shadow: 0 -2.6em 0 0 #364FC7, 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.5), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.7);
	}
	12.5% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.7), 1.8em -1.8em 0 0 #364FC7, 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.5);
	}
	25% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.5), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.7), 2.5em 0 0 0 #ffffff, 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	37.5% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.5), 2.5em 0 0 0 rgba(54, 79, 199, 0.7), 1.75em 1.75em 0 0 #ffffff, 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	50% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.5), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.7), 0 2.5em 0 0 #ffffff, -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	62.5% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.5), 0 2.5em 0 0 rgba(54, 79, 199, 0.7), -1.8em 1.8em 0 0 #ffffff, -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	75% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.5), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.7), -2.6em 0 0 0 #ffffff, -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	87.5% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.5), -2.6em 0 0 0 rgba(54, 79, 199, 0.7), -1.8em -1.8em 0 0 #ffffff;
	}
}
@keyframes load5 {
	0%,
	100% {
		box-shadow: 0 -2.6em 0 0 #364FC7, 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.5), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.7);
	}
	12.5% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.7), 1.8em -1.8em 0 0 #ffffff, 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.5);
	}
	25% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.5), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.7), 2.5em 0 0 0 #ffffff, 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	37.5% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.5), 2.5em 0 0 0 rgba(54, 79, 199, 0.7), 1.75em 1.75em 0 0 #ffffff, 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	50% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.5), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.7), 0 2.5em 0 0 #ffffff, -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.2), -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	62.5% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.5), 0 2.5em 0 0 rgba(54, 79, 199, 0.7), -1.8em 1.8em 0 0 #ffffff, -2.6em 0 0 0 rgba(54, 79, 199, 0.2), -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	75% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.5), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.7), -2.6em 0 0 0 #ffffff, -1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2);
	}
	87.5% {
		box-shadow: 0 -2.6em 0 0 rgba(54, 79, 199, 0.2), 1.8em -1.8em 0 0 rgba(54, 79, 199, 0.2), 2.5em 0 0 0 rgba(54, 79, 199, 0.2), 1.75em 1.75em 0 0 rgba(54, 79, 199, 0.2), 0 2.5em 0 0 rgba(54, 79, 199, 0.2), -1.8em 1.8em 0 0 rgba(54, 79, 199, 0.5), -2.6em 0 0 0 rgba(54, 79, 199, 0.7), -1.8em -1.8em 0 0 #ffffff;
	}
}