/*
 * common CSS
 * 2019.1.4 | @G.J
*/

/*======================================
  style
======================================*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body,
h1,
h2,
h3,
h4 {font-family:"Nanum Gothic","맑은 고딕","MalgunGothic","AppleSDGothic","돋움","dotum",sans-serif;}
ul,
ol,
li,
dl,
dt,
dd {margin:0;padding:0;list-style:none;}
strong {font-weight:normal;}
a.link {text-decoration:none;color:#444;}
a.link:hover {color:#59c4e4;font-weight:700;}
table thead th {word-break:keep-all;}

.search {overflow-y:hidden !important;height:60px;background:rgba(0,0,0,1);}
.search > form {position:relative;width:60%;margin:0 auto;padding:15px 70px 5px 0;}
.search > form > input {width:100%;padding:0 28px 0 10px;color:#fff;border:0;outline:0;background:transparent;font-size:16px;line-height:32px;}
.search > .close {position:absolute;top:12px;right:10px;opacity:1;color:#fff;font-size:30px;}
.search > form > .btn-search {position:absolute;z-index:-1;right:70px;bottom:0;-webkit-transition:color .3s;transition:color .3s;color:#fff;font-size:30px;}
.search-overlay {width:100%;height:1px;background-color:#cccbcb;}
.pagination {margin:0;padding:0;font-size:20px;font-weight:600;}
.navbar {min-height:60px;}
.navbar-brand {letter-spacing:.1em;font-size:20px;font-weight:600;}
.navbar-form {padding-top:15px;}
.navbar-nav > li > a {height:60px;line-height:60px;}
.navbar-nav .dropdown-menu {border-width:1px;}
.navbar-brand,
.navbar-toggle {height:60px;line-height:60px;}
.navbar-toggle-icon {left:18px !important;}
.navbar-toggle-icon:after {top:6px;}
.navbar-toggle-icon:before {top:-6px;}
.px-nav-expand .px-nav-toggle-label {opacity:0;}
.px-nav-collapse > .px-nav-toggle {background:#30add7;}
.px-nav-box strong {color:#9ca2a9;font-size:16px;}
.px-navbar .navbar-toggle {right:18px;}
.navbar-toggle-icon,
.navbar-toggle-icon:after,
.navbar-toggle-icon:before {margin-right:28px;}
.px-navbar .fa-sort-down {margin-left:4px;vertical-align:2px;}
.px-navbar .px-navbar-label {margin:0 0 0 -11px;}
.px-navbar ~ .px-content {margin-top:60px;}
.px-nav-toggle {height:60px;}
.px-nav-toggle ~ .px-nav-scrollable-area {padding-top:60px;}
.usr-info span {float:left;margin-top:5px;}
.usr-info span:after {clear:both;content:"";}
.usr-info span:nth-child(1) {overflow:hidden;width:45px;height:45px;margin:5px 10px 0 15px;border-radius:100%;}
.usr-info span:nth-child(1) > img {max-width:100%;}
.page-header .breadcrumb {margin:0;padding:0;line-height:30px;}
.page-header .breadcrumb-item + .breadcrumb-item:before {display:inline-block;padding-right:.5rem;content:"/";color:#6c757d;}
.custom-select {padding-right:40px;background:url(/resources/css/image/bg_select.png) right center no-repeat;background-size:28px 29px;}
.custom-input {padding-right:40px;background:url(/resources/css/image/ico_datepicker.png) right center no-repeat;background-color:rgba(255,255,255,1);background-size:28px 29px;font-size:12px;}
.custom-file-control:after {content:"파일선택";font-size:12px;}
.inner {padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.05);font-size:0;}
.inner-btm {display:table;width:100%;padding:15px 20px;}
.inner-btm > div {display:table-cell;width:calc(100% / 3);height:31px;}
.inner > div {float:left;height:31px;font-size:13px;line-height:31px;}
.inner:after,
.inner:before {display:table;content:"";}
.inner:after {clear:both;}
.title {color:#818a91 !important;font-weight:normal;}
.title:before {display:inline-block;padding-right:.5rem;content:"/";color:#6c757d;}
.btn.bg-white {background:#fff;}
.btn.bg-white:focus,
.btn.bg-white:hover {border-color:#676767;background:#fff !important;}
.btn.bg-grey {color:#fff;border-color:#676767;background:#6e6e6e;}
.btn.bg-grey:focus,
.btn.bg-grey:hover {color:#fff;border-color:#676767;background:#676767;}
.btn-info:focus,
.btn-info:hover {color:#59b0cb;border-color:#59b0cb;background:#fff;}
.bullet {position:relative;padding-left:20px;line-height:30px;}
.bullet:before {position:absolute;z-index:4;top:50%;left:5px;display:block;width:5px;height:5px;content:"";border-radius:50%;background-color:#191919;}
.jq-select .select2-selection,
.jq-select .select2-dropdown {width:306px;}
.form-group {padding-right:10px;padding-left:10px;}
.control-label {text-align:left !important;}
.input-group-add {display:table-cell;width:10%;text-align:center;vertical-align:middle;white-space:nowrap;color:#444;font-size:13px;font-weight:400;line-height:1;}
.input-group-addon {padding:4px 10px;}
.toast-top-center {top:15px;right:0;width:100%;}
.sign,
.info {top:50%;transform:translate(0,-70%) !important;} /* 2019/2/13 */
.etc .custom-checkbox {padding:0;}
.etc .custom-control-indicator {right:0;left:auto;}
.trash {position:absolute;right:10px;bottom:10px;}
.daterangepicker.dropup:after {bottom:-9px;}

.grid {position:relative;overflow:hidden;width:100%;height:100%;min-height:100%;border:1px solid #e2e5e5;background:#fff;}
.grid table {width:100%;background:#fff;}
.grid table tr {border-bottom:1px solid #e2e5e5;}
.grid table th,
.grid table td {padding:8px;border-left:1px solid #e2e5e5;line-height:1.61539;}
.grid table thead td {font-weight:700;}
.grid table thead td .blue {color:blue;}
.grid table thead td .red {color:red;}
.grid table th:first-child,
.grid table td:first-child {border-left:none;}
.grid table td {white-space:normal !important;word-break:keep-all;}
.grid table tbody td {height:100px;}
.grid .menu {position:absolute;z-index:2;top:0;left:186px;display:block;height:37px;background-color:#1b1b21;line-height:37px;}
.grid .menu:before {display:block;padding:0 10px;content:"\f363";color:#fff;font-family:"Ionicons";}
.grid.active .menu {margin-left:364px;}
.grid.active .menu:before {content:"\f361";}
.grid.active .grid-aside {width:550px;}
.grid.active .grid-aside table {width:550px;}
.grid.active .grid-wrap {margin-left:550px;}
.grid .grid-aside {position:absolute;top:0;left:0;}
.grid .grid-aside {overflow:hidden;width:186px;border-right:1px solid #e2e5e5;}
.grid .grid-aside table {width:550px;}
.grid .grid-aside td:nth-child(3) {width:107px;}
.grid .grid-aside th {height:75px;}
.grid .grid-wrap {position:relative;}
.grid .grid-wrap {overflow-x:scroll;overflow-y:auto;margin-left:187px;}
.grid .grid-wrap table tbody tr td {min-width:135px;max-width:135px;}
.grid .grid-wrap table tbody tr td > p {margin:0;}
.grid .grid-wrap table tbody tr td > p:after {display:block;clear:both;content:"";}
.grid .grid-wrap table tbody tr td > p > span {display:inline-block;overflow:hidden;max-width:90px;height:60px;text-overflow:ellipsis;word-wrap:break-word;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.grid .grid-wrap .form-control {display:none;}
.grid .grid-wrap .edit {margin-left:5px;}
.grid .grid-wrap .edit-box {display:block;width:80px;}

.wide {overflow-x:auto;}
.wide table {width:100%;max-width:100%;}
.wide table tr {border-bottom:1px solid #eee;}
.wide table th,
.wide table td {padding:8px;white-space:nowrap;border-left:1px solid #eee;}
.wide table th:first-child,
.wide table td:first-child {border-left:none;}
.wide table td:nth-child(14) {border-left-width:.1px;}
.wide .multi-line {width:160px;line-height:24px;}
.multi-line {display:block;display:-webkit-box;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;word-wrap:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.table > tbody > tr > th,
.table > tbody > tr > td {vertical-align:middle;}
.table-footer {border-top:1px solid rgba(0,0,0,.05);border-bottom-right-radius:0;border-bottom-left-radius:0;}
.log-wrap:not([dir="rtl"]) .page-signin-icon + .page-signin-form-control {padding-left:50px;}
.log-wrap:before {position:fixed;width:100%;height:100%;content:"";background:rgba(0,0,0,.7);}
.log-wrap:after {position:fixed;width:100%;height:100%;content:"";opacity:.5 !important;filter:alpha(opacity=50);background:url(/resources/css/image/bg_login.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.log-wrap > .box {position:absolute;top:200px;left:50%;width:400px;height:auto;margin-left:-200px;}
.page-signin-form-group {position:relative;}
.page-signin-icon {position:absolute;top:9px;left:1px;width:36px;text-align:center;border-color:rgba(0, 0, 0, .14);border-right-width:1px;border-right-style:solid;font-size:15px;line-height:21px;}
.widget-notifications-date,
.widget-notifications-description,
.widget-notifications-title {margin-right:0;}
.datepicker {z-index:1090 !important;}

.embed-item .modal-dialog {width:800px !important;}
.embed-item .modal-body {padding:0 !important;background-color:transparent;}
.embed-item .btn {margin-left:722px;}
.embed-item .modal-content {padding:0 !important;border:none;border-radius:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;}
.embed-item iframe {border:none;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);}
.modal-item .modal-dialog {width:600px !important;}
.modal-item .modal-body {padding:0 !important;background-color:transparent;}
.modal-item .btn {margin-left:522px;}
.modal-item .modal-content {padding:0 !important;border:none;border-radius:0;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;}
.modal-item iframe {border:none;border-radius:2px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1);}
.expand {width:100%;padding:0 !important;background-color:#fff;font-size:13px;}
.expand th,
.expand td {font-size:13px;}
.expand h4 {margin-top:10px;}
.expand .nav {position:relative;display:table;width:100% !important;margin:0;padding:0;cursor:default;-moz-user-select:none;user-select:none;-webkit-transition:left .3s;transition:left .3s;}
.expand .tab-content {padding:20px;}
.expand .nav > .active > a {background-color:#fff !important;}
.expand .nav > .active > a span {color:#000 !important;font-weight:900;}
.expand .nav > li {display:table-cell;width:calc(100% / 2) !important;min-width:calc(100% / 2) !important;max-width:calc(100% / 2) !important;border-bottom:1px solid #eee;background-color:#fff;}
.expand .nav > li:first-child {border-right:1px solid #eee;}
.expand .nav > li > a {position:relative;margin:0;padding:20px 16px 20px 60px;list-style:none;vertical-align:middle;line-height:1.231;}

#view02,
#view03,
#modal-sign-usr,
#modal-sign-driver {display:none;}
/* [s]2019/2/13 */
[id^=modal-] .info .modal-footer {margin:0;padding:0;text-align:center !important;}
[id^=modal-] .info .modal-footer li {float:left;width:calc(100% / 2);}
[id^=modal-] .info .modal-footer li:first-child {border-right:1px solid #e5e5e5;}
[id^=modal-] .info .modal-footer li a {display:block;width:100%;height:100%;padding:10px;text-decoration:none;color:#000;background:#fff;}
/* [e]2019/2/13 */

/* Utility 2019/3/13 */
.w-400 {width:400px !important;}
.w-320 {width:310px !important;}
.w-300 {width:306px !important;}
.w-250 {width:250px !important;}
.w-130 {width:136px !important;}
.w-120 {width:120px !important;}
.w-100 {width:80px !important;}
.w-70 {width:70px !important;}
.w-34 {width:34px !important;}
.h-47 {height:47px;}
.h-57 {height:57px;}
.m-200 {min-width:200px;}
.m-250 {min-width:250px;}
.p-x-4 {padding-right:40px !important;padding-left:40px !important;}
.w-x-3 {width:calc((100% - 20%)/3) !important;}
.col-2 {width:20% !important;}
.col-3 {width:30% !important;}
.col-4 {width:40% !important;}
.col-9 {width:90% !important;}
.gap {float:left;width:10% !important;height:31px;text-align:center;vertical-align:middle;line-height:31px;}
.o-1 {background-color:#f8ffff;}

/* media query */
@media (max-width: 767px) {.fa-sort-down {display:none;}}
@media (min-width: 992px) {.px-nav-left:not(.px-nav-collapse) ~ .px-navbar .navbar-header {background:#474a57 !important;}}

/* 모달팝업 넓이조절 2019/2/13 */
#modal-push .modal-dialog,
#modal-charge .modal-dialog,
#modal-inquiry .modal-dialog {width:1000px;}
#modal-push .modal-dialog .modal-body,
#modal-charge .modal-dialog .modal-body,
#modal-inquiry .modal-dialog .modal-body {width:500px;}
#modal-push .modal-dialog .modal-body:after,
#modal-charge .modal-dialog .modal-body:after,
#modal-inquiry .modal-dialog .modal-body:after {display:block;clear:both;content:"";}

/* 차량정보등록 미리보기 팝업 */
.minute-wrap {position:fixed;z-index:1010;top:0;left:0;overflow:hidden;width:100%;height:100%;-webkit-transition:opacity 400ms ease-in;-moz-transition:opacity 400ms ease-in;transition:opacity 400ms ease-in;pointer-events:none;opacity:0;background-color:rgba(0, 0, 0, .8);}
.minute-wrap:target {pointer-events:auto;opacity:1;}
.minute-wrap .minute-box {position:fixed;top:50%;left:50%;overflow:auto;width:712px;max-height:80%;transform:translate(-50%, -50%);background-color:#fff;}
.minute-wrap .minute-box > div {position:relative;padding:60px 0 40px;}
.minute-wrap .minute-box > div > a {position:absolute;top:30px;right:30px;}
.minute-wrap .minute-box > a {display:block;width:143px;height:37px;margin:0 auto 40px;text-align:center;color:#fff;background-color:#000;line-height:37px;}
.minute-wrap .minute-box dl {text-align:center;}
.minute-wrap .minute-box dt {margin-bottom:10px;font-family:Myriad-Pro, sans-serif;font-size:35px;font-weight:400;}
.minute-wrap .minute-box dd {margin-bottom:30px;font-size:17px;}
.minute-wrap .minute-box dd .option-box {display:table;width:407px;margin:0 auto;font-size:12px;font-weight:600;}
.minute-wrap .minute-box dd .option-box li {display:table-cell;width:calc(407px / 4);}
.minute-wrap .minute-box dd .option-box li span {font-size:10px;}
.minute-wrap .minute-box dd .option-box li p {margin:12px 0;}
.minute-wrap .minute-box .swiper-container {width:531px;height:331px;margin-right:auto;margin-left:auto;}
.minute-wrap .minute-box .swiper-slide {background-position:center;background-size:cover;}
.minute-wrap .minute-box .gallery-thumbs {height:118px;padding:10px 0;}
.minute-wrap .minute-box .gallery-thumbs .swiper-slide {width:25%;height:100%;opacity:.4;}
.minute-wrap .minute-box .gallery-thumbs .swiper-slide-thumb-active {opacity:1;}

/* 견적서 미리보기 팝업 2019/3/13 */
@media print {@page {margin:2cm 1.5cm;}}
.sheet {position:relative;font-size:9.75pt;}
.sheet p {margin:0;padding:0;word-break:keep-all;}
.sheet h1 {text-align:center;font-size:23pt;}
.sheet h2 {margin:0;padding:0;font-size:10.5pt;}
.sheet .limo {position:absolute;top:0;right:0;width:150px;height:auto;}
.sheet .limo img {width:100%;height:100%;}
.sheet .bold {font-weight:bold;}
.sheet .right {text-align:right;}
.sheet .center {text-align:center;}
.sheet .footer {padding:10px;font-size:10.5pt;}
.sheet .footer li {margin-bottom:10px;color:#000;line-height:18pt;}
.sheet .footer > p {margin-top:50px;text-align:center;font-size:20pt;font-weight:bold;line-height:25pt;}
.sheet table {width:100%;border-spacing:0;border-collapse:collapse;line-height:20pt;}
.sheet table th {padding:10px;text-align:left;}
.sheet table td {position:relative;height:40px;min-height:40px;padding:10px;}
.sheet table td > span {position:absolute;top:15px;right:10px;font-weight:bold;}
.sheet > table {margin-top:40px;}
.sheet > table > thead {border-top:1px solid #444;border-bottom:1px solid #444;}
.sheet > table > thead th,
.sheet > table > thead td {padding:10px 15px;vertical-align:top;}
.sheet-table {margin-top:10px;}
.sheet-table table th {background-color:#edfff6 !important;}
.sheet-table.num tbody tr td:first-child {text-align:center;}
.sheet-table th {line-height:15pt;}
.sheet-table th,
.sheet-table td {border:1px solid #444;line-height:14pt;}
.sheet-table td li {margin-bottom:20px;}
.sheet-table td li:last-child {margin-bottom:0;}
.sheet-table thead th {padding:10px 0;text-align:center;background-color:#e3f8ff;font-size:9pt;}
.sheet-table tbody th {text-align:center;background-color:#f2ebff;}
.sheet-table tfoot td {background-color:#fff6e4;font-weight:bold;}

.pass .col-md-9 {width:auto;padding-left:10px;}

/* 2019-06-28 */
.p5 {padding:5px 0 5px 20px;}

/* 2019-07-25 */
.navbar-header a {display:inline-block;padding-right:60px;content:"";background:url(/resources/css/image/logo.png) no-repeat right 10px/40px !important;}

/* 2019-08-04 */
.text-green {color:#51bf99 !important;}

/*
.grid {position:relative;overflow-x:scroll;overflow-y:auto;width:100%;border:1px solid #e2e5e5;background:#fff;height:100%;min-height:100%;}
.grid .grid-wrap {position:relative;}
.grid .grid-wrap .fixed {position:absolute;}
.grid table:nth-child(1) {position:absolute;left: 0;top:0}
.grid .grid-wrap {margin-left: 550px;}
.grid table {float:left;background:#fff;}
.grid table tr {border-bottom:1px solid #e2e5e5;}
.grid table th,
.grid table td {border-left:1px solid #e2e5e5;}
.grid table thead td {font-weight:700;}
.grid table thead td .blue {color:blue;}
.grid table thead td .red {color:red;}
.grid table th:first-child,
.grid table td:first-child {border-left:none;}
.grid table th,
.grid table td {padding:8px;word-break:keep-all;line-height:1.61539;}
.grid table tbody td {height:100px;}
.grid > table:nth-child(1) {width:550px;border-right:1px solid #e2e5e5;}
.grid > table:nth-child(1) td:nth-child(3) {width:107px;}
.grid > table:nth-child(1) th {height:75px;}
.grid .grid-wrap table:nth-child(2) tbody tr td {min-width:135px;max-width:135px;}
.grid table:nth-child(2) tbody tr td p:after {display:block;clear:both;content:"";}
.grid table:nth-child(2) tbody tr td p > span {display:inline-block;display:-webkit-box;overflow:hidden;max-width:100px;height:40px;text-overflow:ellipsis;word-wrap:break-word;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.grid table:nth-child(2) .form-control {display:none;}
.grid table:nth-child(2) .edit {margin-left:5px;}
.grid table:nth-child(2) .edit-box {display:block;width:80px;}
*/