@charset "utf-8";

/* 조회 결과 없음 박스 */
.NoBox{background:#fff url('../../common/img/icon-error.png') no-repeat 50% 70px; background-size:80px; padding:100px 0px;}
.NoBox .txt{margin-top:45px;}
.calBox{min-height:62px;padding:10px; background-color:#e9f1f6; box-sizing: border-box;}

/**************************************
** headerSection
***************************************/
.headerWrap {width: 100%;z-index: 999;position: relative;color: #fff;top: 0;}
.hader {background: #2a3954;position: relative;height: 86px;}
.hader .navbar {position: relative;height: 50px;overflow: hidden;}
.navbar .logo {padding: 10px 0 0 15px;display: inline-block;}
.navbar .logo>img {width: 105px;}
.navbar .gnb:after {clear: both;content:'';height: 0; display: block;}
.navbar .gnb {position: absolute;right: 15px;top: 7px;overflow: hidden;}
.navbar .gnb li.logout>a img{width: 18px;margin: 0 5px 2px 0;}
.navbar .gnb li a{padding: 0 10px;font-size: 12px;display: block;line-height: 35px;}
.lnb {width: 100%;}
.lnb .lnbNav {border-top: 1px solid #4a5467;background: #3a4860;height: 35px;}
.lnb .lnbNav li.active {border-top: 1px solid #4a5467;background: #3a4860;}
.lnb .lnbNav>li.active a{font-weight: 500;background: #2b95f9;}
.lnb .lnbNav>li {border-right: 1px solid #1b273d;}
.lnb .lnbNav>li a {display: block;font-weight: 300;width: 90px;line-height: 35px;text-align: center;}

.nav-sm .toggle{margin: 0;}
.toggle {line-height: 25px;margin-left: 220px;/* position: absolute; *//* left: 220px; *//* width: 100%; */}
.toggle a {cursor: pointer;background: #fff url(../../images/lnb_open.png) no-repeat;width: 15px;height: 35px;display: block;position: absolute;top: 35px;z-index: 998;}
.toggle a.active {background: #fff url(../../images/lnb_close.png);}
.toggle.active{margin-left: 0;}

#toggle_navi>ul{margin-bottom: 0;background-color: #FFFFFF;padding-left: 15px;height: 35px;line-height: 35px;border-bottom: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;list-style: none;font-size: 12px;color: #777777;border-radius: 0px;}
#toggle_navi>ul li{display: inline-block;}
#toggle_navi>ul> li + li:before {background: url(../../images/layerbox_arrow_right.png) no-repeat 50% 6px;padding: 0px 17px;content: '';}
/****  // headerSection //  ****/

/**************************************
** aside
***************************************/
.nav-sm .aside {display: none;}
.nav-md .aside {position: absolute;width: 220px;top: 0;left: 0;z-index: 888;height: 100%;background: #f5f5f5;border-right: 1px solid #e2e2e2;}
.nav-sm .content {position: relative;}
.nav-sm .container.dashboard .content {padding: 0;}
.nav-md .content {margin-left: 220px;z-index: 9;}

.aside_header {height: 90px;text-align: center;vertical-align: bottom;border-bottom: 1px solid #eaeaea;padding: 10px 0;}
.aside_header h2 { padding: 52px 0px 10px 0px;vertical-align: bottom; font-size: 20px;color: #222;font-weight: 500;}
.dashboard {background: url("../../images/icon_menu_dashboard.png") center 25px no-repeat;background-size: 30px;}
.bidding {background: url("../../images/icon_menu_bidding.png") center 25px no-repeat;background-size: 30px;}

.aside_section {background: #f5f5f5;/* border-right: 1px solid #e2e2e2; */}
.aside_section h3 { padding-left: 23px;  color: #fff; text-transform: uppercase; letter-spacing: .5px; font-weight: bold; font-size: 11px;margin-bottom: 0;margin-top: 0;text-shadow: 1px 1px #000;}
.aside_section > ul {display: block;padding-bottom: 40px;}
.nav.aside_menu > li {position: relative;display: block;cursor: pointer;border-bottom: 1px solid #ffffff;background: #f5f5f5;}
.nav.aside_menu > li:last-child {border-bottom: 0px solid #ffffff;}
.nav.aside_menu > li.active {background: #fff;}
.nav.aside_menu > li>a {}
.nav.aside_menu > li> a {position: relative;display: block;padding: 7px 15px 8px;font-size: 15px;color: #666;border-bottom: 1px solid #eaeaea;}
.nav.aside_menu > li p {position: relative;display: block;padding: 7px 15px 8px;font-size: 15px;color: #fff;background: #bfbfbf;}
.nav.aside_menu > li.active a .aside_img.sub {transform: rotate(-90deg);top: 13px;background: url("../../images/down_arrow_w.png") no-repeat 0% 0%;}
.nav.aside_menu > li a .aside_img.sub {transform: rotate(-90deg);background: url(../../images/down_arrow.png) no-repeat 0% 0%;}
.nav.aside_menu > li a .aside_img,
.nav.aside_menu > li p .aside_img { width: 14px;height: 10px;position: absolute;right: 10px;top: 16px;background: url("../../images/down_arrow_w.png") no-repeat 0% 0%;}
.nav.aside_menu > li.active>a {background: #606e86;color: #fff;}
.nav.aside_menu > li.active p {background: #606e86;color: #fff;}
.nav.aside_menu > li.active p .aside_img {background: url(../../images/up_arrow.png) no-repeat 0% 0%;}

.nav.child_menu {padding-bottom: 20px;}
.nav.child_menu.hide {display:none;}
.nav.child_menu > li> a {position: relative;display: block;padding: 6px 10px 8px 30px;font-size: 14px;}
.nav.child_menu > li.current-page a {color: #323c4d;font-weight: 500;background: #f0f0f0;}
/****  // aside //  ****/

footer {background: #fff;padding: 10px 20px;position: fixed;bottom: 0; padding-left: 220px;border-top: 1px solid #cfcfcf;z-index: 9999;width: 100%;}
.nav-sm footer {padding-left: 20px;}

/**************************************
** sub공통
***************************************/
body{-webkit-text-size-adjust: none;}
.container {position: relative;width: 100%;height: 100%;}
.content_wrap {position: relative;top: 0;padding-bottom: 50px;min-height: 800px;}
.wrap {height: 100%;width: 100%;}
.page_header {margin-top: 20px; /*margin-bottom: 15px;*/border-bottom: 2px solid #3a4860;}
.page_header h3 {font-size: 22px;color: #222222;font-weight: bold; padding: 0 0 15px 0;}

/* 셀렉트 */
.selBox{display:inline-block;}
.selBox select{height:35px;background:#fff url('../../images/icon-arrow-down-v1.png') no-repeat calc(100% - 6px) 53%;background-size:9px;padding: 0 20px 0 10px;-moz-appearance:none;-webkit-appearance:none;appearance:none;font-size: 13px;border: 1px solid #eaeaea;color:#999;}
.selBox select::-ms-expand{display:none}

/* 인풋 박스 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;  margin: 0;}
input[type='text'],
input[type='number'],
input[type='email'],
input[type='password']{border: solid 1px #eaeaea;padding:5px 10px;background:#fff;height: 35px;line-height: 35px;vertical-align:middle;-webkit-appearance:none;outline:none;box-sizing:border-box;}
textarea:focus,
select:focus,
input:focus{border: solid 1px #009bfa;outline: 0;}
textarea{border:solid 1px #2a3954; padding:10px; background:#fff;  -webkit-appearance:none; outline:none; box-sizing:border-box; width:100%; font-size:13px;}
textarea:focus{border:1px solid #2a3954;}

input:disabled{background-color:#E9E9E9 !important; }
input.disabled{background-color:#E9E9E9 !important; }
select:disabled{background-color:#E9E9E9 !important; }
select.disabled{background-color:#E9E9E9 !important; }
::placeholder {color:#999;}

.calinBox{overflow:hidden; position:relative; margin-top:10px;}
.calinBox .calin{margin-right:75px;}
.calinBox .btn{position:absolute; top:0px; right:0px; width:70px;}

/* 달력 */
input[type='text'].inCal{width:150px;background: #fff url('../../images/icon-calendar.png') no-repeat 10px 6px;background-size: 20px;padding-left:35px;box-sizing:border-box;}
input.inbdb{border:none; border-bottom:1px solid #e1e1e1; height:20px; padding:0px 10px 3px; margin-top:7px; line-height:20px; background-color:initial;}
input.inbdb2{border:none; border-bottom:1px solid #e1e1e1; height:35px; line-height:35px; padding:0px 3px 3px; background-color:initial;}

/* 검색 */
input[type='text'].inSch{width: 240px;background: #fff url(../../images/icon-serach2.png) no-repeat 96%;background-size: 22px;padding-right: 30px;box-sizing: border-box;}

/* IOS */
Input, textarea, select{-webkit-border-radius:0; /* 모서리 스타일 제거 */ }

.inSearch{position:relative;}
.inSearch input{padding-right: 70px;box-sizing:border-box;}
.inSearch label{vertical-align: middle;margin-left: 20px;margin-right: 10px;}
.inSearch .btn{position:absolute;right:0px;top: 0px;}
/****  // 폼스타일 //  ****/


/*=== tobBox ===*/
.tab_box{overflow:hidden;position: relative;z-index: 1;}
.tab_box ul {z-index: 1;position: relative;}
.tab_box li.on {background: #fff;border-bottom: 0;}
/*.tab_box li:first-child {border-left: 1px solid #eee;border-right: 1px solid #d5d5d5;}*/
.tab_box li{/* border-top:1px solid #eee; *//* border-right:1px solid #eee; */float:left;box-sizing:border-box;background: #f5f5f5;cursor: pointer;}
.tab_box li .btn{text-align: center;background-color: transparent;width:100%;height: 50px;line-height: 50px;font-size: 14px;letter-spacing:-1px;padding: 0 40px;border-bottom: 1px solid #eee;}
.tab_box li .btn.barcode{background:url('../../common/img/icon-barcode.png') no-repeat 50% 50%; background-size:30px; text-indent:-9999px;}

.tab_box.li4 li{width:27%;}
.tab_box.li4 li:last-child{width:19%;}
.tab_box.li3 li{width:33.333%;}
.tab_box.li2 li{width:50%;}

.tab_box li.on .btn{border-top: 3px solid #606e86;border-bottom: 0px;}
.tab_box li.on span{background-color:#da291c;}

.tab_box:after { content: ""; position: absolute; top: 50px; left: 0; right: 0; display: block;border-bottom: 1px solid #dadcdd;z-index: 0;}
.tab_view {}
.tab_view>ul {/* border-top: 1px solid #eaeaea; */box-sizing: border-box; margin-top: 1px;}
.tab_view>ul li {}


/* 라디오 */
.radioBox {position: relative;}
.radioBox input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.radioBox input[type="radio"] + label { display: inline-block; position: relative; padding-left: 25px;padding-right: 15px; cursor: pointer; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height:23px; font-size:13px;color: #999;}
.radioBox label{background:url('../../images/radio-off.png') no-repeat 4px; background-size:16px;}
.radioBox input[type="radio"]:checked +  label{background:url('../../images/radio-on.png') no-repeat 4px; background-size:16px;color: #050505;}

.radioBox.txt input[type="radio"] + label{border:1px solid #e1e1e1; background-color:#f7f7f7; padding:5px 15px; background-image:none; font-size:13px;}
.radioBox.txt input[type="radio"]:checked +  label{border:1px solid #e56960; background-color:#fff;}


/* 체크박스 */
.chkBox {position: relative;}
.chkBox input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.chkBox input[type="checkbox"] + label { color: #999;display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height:28px; letter-spacing:-1px; vertical-align:middle;}
.chkBox label{background: url('../../images/chk-off.png') no-repeat 4px;background-size: 19px;}
.chkBox input[type="checkbox"]:checked +  label{background:url('../../images/chk-on.png') no-repeat 4px;background-size: 19px;color: #050505;}

.chkBox.m input[type="checkbox"] + label {background-size:15px; font-size:13px; background-position:0px 5px; padding-left:20px;vertical-align:middle;}
.chkBox.m input[type="checkbox"]:checked +  label{background-size:15px; background-position:0px 5px;}

.chkBox.star label{background:url('../../images/icon-star-off.png') no-repeat 0px 3px; background-size:20px;}
.chkBox.star input[type="checkbox"]:checked +  label{background:url('../../images/icon-star-on.png') no-repeat 0px 5px; background-size:20px;}

.chkBox.login input[type="checkbox"] + label {padding-top:3px;padding-bottom:3px;}


/**************************************
** button & badge
***************************************/
/* 공통 */
button:hover{cursor:pointer;outline:none;}

.btn_grop {display: inline-block;}
.btn_grop > button, .btn_grop > a {border-radius: 3px; border: 1px solid #eaeaea;}
.btn_grop > button.selected, .btn_grop > a.selected {background: #606e86;color: #fff;}

.btn_area {text-align: center;padding: 30px 0}
.table_btn {text-align: center;margin: 20px 0 30px 0;BOX-SHADOW: 0 0 BLACK;}
.table_btn>.btn {padding: 10px 40px;}

/* 크기 */
.btn{letter-spacing: -0.7px;display:inline-block;zoom:1;height: 100%;font-size: 14px;vertical-align:middle;box-sizing:border-box;border:0px;position:relative;padding :0 10px;background: transparent;}
.btn.m {height: 35px;line-height: 33px;background: #fff;border: 1px solid #eaeaea;color: #999;font-size: 13px;}
.btn.l {height: 50px;width: 180px;background: #fff;border: 1px solid #eaeaea;color: #999;font-size: 15px;}
.btn.h25{height:25px;}  .btn.h30{height: 30px;line-height: 30px;font-size: 13px;} .btn.h35{height:35px;line-height: 35px;padding: 0 30px;} .btn.h45{    height: 45px;line-height: 45px;display: inline-block;border: 1px solid #eaeaea;width: 90%; text-align: center;margin-left: 10%;} .btn.h50{height:50px;}  .btn.h60{height:60px;}

.btn.fl {float:right;}

/* 칼라 */
.btn.black{background-color:#2a3954; color:#fff;}
.btn.navy{background-color:#606e86;color:#fff;}
.btn.gray{background-color:#b5b5b5; color:#fff;}
.btn.gray1{background-color:#f5f5f5; }
.btn.gray2{background-color:#76787b; color:#fff;}
.btn.gray3{background-color:#54585b; color:#fff;}
.btn.red{background-color:#da291c; color:#fff;}
.btn.white{background-color:#fff;color:#666;border:1px solid #eaeaea;}
.btn.blue{background-color:#009bfa;color:#fff;}
.btn.blue2{background-color:#606e86; color:#fff;}
.btn.blue3{background-color:#0875b8; color:#fff;}
.btn.blue4{background-color:#07649d; color:#fff;}

/* 라인 */
.btn.bd{background-color:#fff; border:1px solid #757676; color:#535454;}
.btn.bdGray{background-color:#fff; border:1px solid #e1e1e1; color:#535454;}
.btn.bdRed{background-color:#fff; border:1px solid #e15449; color:#da291c;}

/* 이미지형 */
.btn.glass2{background:url('../../images/icon-glass.png') no-repeat 50%; background-size:22px; text-indent:-9999px; width:35px; height:35px;}
.btn.excel {background: #fff url(../../images/icon_excel_off.png) no-repeat 10px 50%;padding-left: 32px;}
.btn.sms {background: #fff url(../../images/icon-sms.png) no-repeat 10px 50%;padding-left: 32px;}
.btn.reset {background: url('../../images/icon-reset2.png') no-repeat 7px 50%;background-size: 18px;height: 35px;line-height: 34px;padding-left: 30px;font-size: 13px;border: 1px solid #eaeaea;}
.btn.search {background: url('../../images/icon-serach2.png') no-repeat 7px 50%;background-size: 18px;height: 35px;line-height: 34px;padding-left: 30px;font-size: 13px;border: 1px solid #eaeaea;}
.btn.close {background: url(../../images/icon_close.png) no-repeat 7px 50%;background-size: 10px;height: 35px;padding-left: 22px;font-size: 13px;/* border: 1px solid #eaeaea; */}
.btn.close01 {background: url(../../images/icon_close.png) no-repeat 50% 50%;background-size: 10px;/* height: 35px; */padding-left: 22px;font-size: 13px;text-indent: -9999px;/* position: absolute; *//* right: 0; *//* top: 0; */}


/*icon 형*/
span.icon {font-family : xeicon;}
.btn.plus {background-color: #f5f5f5;}
.btn.address {color: #fff;background: #7e7e7e;}
.btn.cancle {}

.btn_admin {background: #209e91;border-color: #088679;}
.btn_modify {background: #90b900;border-color: #90b900;}
.btn_info {background: #2dacd1;border-color: #1594b9;}
.btn_warning {background: #dfb81c;border-color: #c7a004;}
.btn_danger {background: #e85656;border-color: #d03e3e;}


.bd_creen{border:1px solid #209e91;}


/* 뱃지 */
.badge{border-radius:20px; padding:0px 7px; display:inline-block; font-weight:400; box-sizing:border-box; text-align:center;}

/* 뱃지 사이즈 */
.badge.s{height:15px; line-height:15px; padding:0px 5px; font-size:10px; font-weight:500;}
.badge.m{font-size:13px; height:18px; line-height:17px;}
.badge.l{font-size:16px; height:30px; line-height:30px;}

/* 뱃지 칼라 */
.badge.gray{background-color:#b5b5b5; color:#fff;}
.badge.gray2{background-color:#8d9090; color:#fff;}
.badge.red{background-color:#da291c; color:#fff;}
.badge.black{background-color:#000; color:#fff;}
.badge.bd.black{border:1px solid #000; background-color:#fff; color:#000;}

/* 뱃지 이미지 */
.badge.imgNum{background:#da291c url("../../common/img/icon-money.png")no-repeat 2.5px 50%; background-size:10px; padding-left:15px; color:#fff;}
.badge.blue{background-color:#015182;}
.badge.bing{background:#fff url("../../common/img/icon-bing.png")no-repeat 2px 50%; background-size:10px; border:1px solid #da291c; color:#da291c; padding-left:15px; line-height:13px;}
/****  // button 디자인 //  ****/

/**************************************
** tableBox
***************************************/
 table{width:100%;}
 thead th{height: 34px;line-height: 34px;text-align:center;font-weight: 400;background: #BCBCBC;border-right: 1px solid #aeaeae;letter-spacing: -1px;color: #fff;}
 tbody tr:nth-child(2n-1) th, .tableBox tbody tr:nth-child(2n-1) td{background-color:#f7f7f7;}
 tbody th{font-weight:500;font-size:14px;color:#535454;padding: 0 10px;border-bottom:1px solid #f2f2f2;border-top:1px solid #f2f2f2;vertical-align: middle; height:20px;}
 tbody td{font-weight: 400;font-size: 13px;color: #666666;border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;padding:8px 5px; vertical-align: middle; height:20px;}
 tfoot tr:nth-child(2n-1) th, .tableBox tfoot tr:nth-child(2n-1) td{background-color:#f7f7f7;}
 tfoot th{font-weight:500;font-size:14px;color:#535454;padding: 0 10px;border-bottom:1px solid #f2f2f2;border-top:1px solid #f2f2f2;vertical-align: middle;}
 tfoot td{font-weight: 400;font-size: 13px;color: #666666;border-bottom: 1px solid #f1f1f1;border-top: 1px solid #f1f1f1;padding: 8px 10px;}
 /******* // tableBox // *******/

/***********************************************
 ** 테이블 헤더 타이틀
 ***********************************************/
.table-title {margin: 0 0 7px;color: #222222;font-size: 18px;letter-spacing: -1px;font-weight: 500;}
.table-header {overflow: hidden;border-top: 1px solid #bcbcbc;}
.table-header .pull-left {  padding: 25px 0px 2px;color: #666666;float: left;}
.table-header .pull-left strong {color: red;}
.table-header .pull-right {float: right;overflow: hidden;margin: 10px 5px 10px 5px;}

.table-rows {margin-left: -1px;border-top: 1px solid #aeaeae;border-bottom: 1px solid #e6e6e6;}
.table-rows thead th {border-top: 1px solid #aeaeae;border-bottom: 1px solid #aeaeae;padding: 4px 0;}
.table-rows td,
.table-rows th {text-align: center;border-right: 1px solid #e6e6e6; vertical-align: middle;}
.table-rows td:last-child,
.table-rows th:last-child {border-right: 0;}
.table-action {width: 100%; overflow: hidden;padding: 8px 0;margin-bottom: 20px;background: #f6f6f6;border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6;margin-top: -1px;}
.table-action .pull-left {color: #333333; padding-left: 10px;}
.table-action .pull-right {padding-right: 10px;}
.table_responsive {margin-bottom: 20px;border-bottom: 1px solid #E6E6E6;overflow-x: auto;min-height: 0.01%;}

/* 스크롤바 막대 */
.table_responsive::-webkit-scrollbar {height: 5px;}
.table_responsive::-webkit-scrollbar-track {background: #eee;}
.table_responsive::-webkit-scrollbar-thumb {background: darkgray;}
.table_responsive::-webkit-scrollbar-thumb:hover {background:gray;}

/***********************************************
 ** 테이블 div
 ***********************************************/
.table_search_div {border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;border-left: hidden;border-right: hidden;font-size: 13px;}
.table_search_div .trow {display: table;width: 100%;table-layout: fixed;}
.table_search_div .trow>.th {display: table-cell;width: 8.66667em;padding: 10px;letter-spacing: -0.07em;vertical-align: middle;border-top: 1px solid #f8f8fe;background: #f5f5f5;}
.table_search_div .trow>.td {display: table-cell;padding: 10px;letter-spacing: -0.05em;line-height: 1.4;vertical-align: middle; border-top: 1px solid #f8f8fe;background: #fff;}
.table_search_div .trow .info {padding: 15px 0;}

.drop {overflow: hidden;border: 1px solid #eaeaea;min-height: 300px;}
.drop .col_left {float: left;width: 40%; box-sizing: border-box;border-right: 1px solid #eaeaea; overflow: hidden;}
.drop .col_right {float: right;width: 60%;}
.drop_menu {padding: 20px;overflow-y: scroll; max-height: 300px;}
/* 스크롤바 막대 */
.drop_menu::-webkit-scrollbar {width: 5px;}
.drop_menu::-webkit-scrollbar-track {background: #eee;}
.drop_menu::-webkit-scrollbar-thumb {background: darkgray;}
.drop_menu::-webkit-scrollbar-thumb:hover {background:gray;}

.drop_menu ul {    position: relative;}
.drop_menu ul li {}
.drop_menu li a{height: 30px;line-height: 30px;display: inline-block;}
.drop_menu>ul>li a{}
.drop_menu { position:relative; padding:3px 20px 20px; }
.drop_menu {padding: 20px 0 20px 21px;}
.drop_menu ul {padding: 0 0 0 26px;}
.drop_menu li { position:relative; margin:5px 0; }
.drop_menu li:before {content:"";position:absolute;top:-6px;left: -17px;display:block;width:11px;height:23px;border-left:1px solid #dedede;border-bottom:1px solid #dedede;box-sizing:border-box;}
.drop_menu li:not(:first-child):before { top:-17px; height:33px; }
.drop_menu > li:before { display:none; }
.drop_menu li:after {content:"";position:absolute;top:0;bottom:11px;left: -17px;display:block;width:1px;border-left:1px solid #ddd;}
.drop_menu li:last-child:after { top:14px; left:-36px; z-index:1; border-color:#fff; }
.drop_menu > li:after { display:none; }
.drop_menu .dynatree-limit { display:none; }
.drop_title.active .drop_contents{background: #606e86;color: #fff;}
.drop_icon_plus { display: inline-block;width: 24px;height: 24px;margin: 5px 0 0 0;vertical-align: top;background-image: url('../../images/icon_file_plus.png');background-repeat: no-repeat;background-size: 19px;}
.drop_icon_last {display: inline-block;width: 24px;height: 24px;margin: 5px 0 0 0;vertical-align: top;background-image: url('../../images/icon_file_last.png');background-repeat: no-repeat;background-size: 19px;}
.drop_icon_cancle {  display: inline-block;width: 24px;height: 24px;margin: 5px 0 0 0;vertical-align: top;background-image: url('../../images/icon_file_cancle.png');background-repeat: no-repeat; background-size: 19px;}
.drop_contents {position: relative;display: inline-block;width: 175px;padding: 0 5px 0 12px; font-size: 13px; border: 1px solid #eaeaea;line-height: 14px;vertical-align: middle; background: #f8f8f8;}

.drop_category {padding: 20px;}
.drop_category>li {margin-bottom: 5px; }
.drop_data {position: relative;display: inline-block;padding: 8px 40px 8px 10px;line-height: 1;border: 1px solid #d4d4d4;}
.drop_data .selected_category_name { position: absolute;top: 6px;right: 8px;overflow: hidden;display: inline-block;width: 15px;height: 15px; white-space: nowrap;text-indent: -150%;font-size: 1px;line-height: 0;color: transparent;}

.inputBox{position:relative; overflow:hidden; box-sizing:border-box; padding-right:40px;}
.inputBox .btn{position:absolute; right:0px; top:0px; line-height: 35px;}


/***********************************************
 ** 페이지 네비게이션
 ***********************************************/
.pagination { display: inline-block;padding-left: 0;margin: 0 0 20px;border-radius: 0;}
.pagination > li {display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;line-height: 1.42857143;text-decoration: none;color: #666666;background-color: #FFFFFF;border: 1px solid #CCCCCC; margin-left: 4px;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-radius: 0;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-radius: 0;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 3;color: #23527C;background-color: #FFFFFF;border-color: #666666;}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 2;color: #FFFFFF;background-color: #666666;border-color: #666666;cursor: default;font-weight: bolder;}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777777;background-color: #FFFFFF;border-color: #DDDDDD; cursor: not-allowed;}

/* 폼 유효성 검사 */
label.error{ margin:0 0 0 5px !important; color:#da291c !important; }

/* DataTable 상단 검색버튼 위치 */
.datatable_top { text-align:right; float: right; padding-bottom: 10px; }

.toggle_area {display: none;}
.toggle_area .toggle_wrap {background: #ecf0f7;padding: 20px;}
.toggle_area + .toggle_bar {margin: 30px 0 0;}
.toggle_bar {margin: 0 0 -1px 0;height: 50px;line-height: 48px;border: 1px solid #cdcdcd;background-color: #fff;box-sizing: border-box;}
.toggle_bar:after {content: "";display: block;clear: both;}
.toggle_bar>h2{ display: inline-block;margin-left: 10px;font-size: 16px;font-weight: 400;}
.toggle_bar .ctrl{float: right;display: inline-block;height: 100%;line-height: 48px;}
.toggle_bar .ctrl span {display: inline-block;height: 100%;vertical-align: top;}
.toggle_bar .ctrl button {display: inline-block;position: relative;overflow: visible;width: 49px;height: 100%;font-size: 1px;line-height: 0;color: transparent;text-indent: -150%;vertical-align: top;border-left: 1px solid #cdcdcd;}
.toggle_bar .ctrl button:before {content: "";position: absolute;top: 50%;left: 50%;display: block;width: 13px;height: 13px;margin: -9px 0 0 -6px;border-right: 1px solid #7c7c7c;border-bottom: 1px solid #7c7c7c;transform: rotate(45deg);-webkit-transform: rotate(45deg);vertical-align: middle;}
.open_label {display: inline-block;margin: 0 28px 0 0;}
.toggle_bar .open_label {margin: 0 15px 0 0;color: #8d8d8d;}
.toggle_bar.selected .open_label {color: #fff;}

/*열었을때*/
.toggle_bar.selected>h2 {color: #fff;}
.toggle_bar.selected .ctrl button:before {margin-top: -2px;border-color: #fff;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.toggle_bar.selected .ctrl button {border-color: #9398aa;}
.toggle_bar.selected {border: 1px solid #787d8f;background-color: #606e86;}
.toggle_bar.selected + .toggle_area {display: block;background: #ecf0f7;}


/*카카오톡 주소로 배송지 정보 받기*/
.formAddress{overflow:hidden;position:relative;height: 50px;z-index: 1;border-bottom: 1px solid #eaeaea;}
.formAddress .logo {display: flex;justify-content: space-between;align-items: center;height: 50px;padding: 0 10px;}
.formAddress .logo>img {width: 105px;}
.formAddress .logo .dhl {background-image: url(../../images/add_dhl.png);width: 100px;height: 30px;background-position: center;background-size: 100px;background-repeat: no-repeat;text-indent: -9999px;}
.formAddress .logo .ups {background-image: url(../../images/add_ups.png);width: 30px;height: 30px;background-position: center;background-size: 30px;background-repeat: no-repeat;text-indent: -9999px;}

.formContent {padding:0 10px 10px 10px;background:#f9f9fb;height: calc(100vh - 50px);position: relative; overflow-y: auto;}
.formTitle {font-size: 13px;font-weight: 500;padding: 15px 0 3px 0;color: #4d647a;letter-spacing: -0.5px;}
.formBox {background:#fff; padding:4px 8px;border-radius: 5px;border: 1px solid #cdcdcd;}
.formBox .formText {display: flex;border-bottom: 1px solid #eaeaea;padding: 6px 0;}
.formBox .formText label {color: #888;font-weight: 400;font-size: 13px;flex: none;width: 55px; margin-right: 10px;align-self: center;}
.formBox .formText .tit {word-break: break-all;position: relative;width: 100%;text-transform: lowercase;font-weight: 500;font-size: 13px;color:#404040;}
.formBox .formText .tit.num {position: relative;text-transform: uppercase;}
.formBox .formText .tit>a {position: absolute;right:0;background: #2b95f8;color:#fff;border-radius: 10px;font-size: 12px;height: 20px;line-height: 20px;}
.formBox .formText:last-child {border-bottom:0;}

.formBox .formText.formAdd {flex-direction: column;}
.formBox .formText.formAdd label {width: 100%;margin: 0 0 4px 0;}
.formBox .formText.formAdd .flex {margin-bottom: 5px;}
.formBox .formText.formAdd input {height:35px;}
.formBox .formText.formAdd input::placeholder {color:#404040;}
.formBox .formText.formAdd input:focus {border:1px solid #dddddd;}
.formBox .formText.formAdd .addBtn{flex:none;padding:0 15px;background:#333333;color: #fff;font-size:13px;height:35px;line-height:35px;}
.formBox .formText.formAdd .addDetail{font-size:13px;color:#767676;margin-bottom: 10px;}
.formBox .formText.formAdd .point{background: #f5f5f5;padding: 1px 5px;font-size: 10px;border-radius: 3px;color: #767676;border: 1px solid #e1e1e1;}
.formBox .formText.formAdd .address{background-color: #f5f5f5;border: 1px solid #eaeaea;min-height: 35px;padding: 5px 10px;box-sizing: border-box;line-height: 130%;display: flex;align-items: center;justify-content: flex-start;margin-bottom:5px;}

.footerBtn {width: 100%; height: 45px; margin-top: 30px;}
.footerBtn button {width: 100%;background: #2b95f8;color: #fff;font-weight: 500; font-size: 15px; border-radius: 5px;}