/*
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
*/
@font-face {
 font-family: 'BMWGlobal_Pro_bold';
 font-style: normal;
 font-weight: 600;
 src: url('font/BMWGlobal_Pro_bold.ttf');
 src: url('font/BMWGlobal_Pro_bold.ttf') format('truetype');
}

@font-face {
 font-family: 'BMWGlobal_Pro_light';
 font-style: normal;
 font-weight: 400;
 src: url('font/BMWGlobal_Pro_light.ttf');
 src: url('font/BMWGlobal_Pro_light.ttf') format('truetype');
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,S
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	box-sizing: border-box;
	font-family: 'NanumBarunGothic', sans-serif;
}
html {height: 100%;}
body {height: 100%;color: #444444; line-height:1.4;letter-spacing: -0.3px; font-size:13px; overflow-x: hidden;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul, ul {list-style:none;}
blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
	color: inherit;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {vertical-align:middle;}
.d-block {display: block!important;}
.positionR {position: relative;}
.marginR {margin-right:10px !important;}
.marginL {margin-left:10px !important;}
.padding10 {padding:10px 0;}


.w5 {width: 5% !important;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w25 {width: 27% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w50 {width: 50% !important;}
.w55 {width: 55% !important;}
.w60 {width: 60% !important;}
.w70 {width: 70% !important;}
.w90 {width: 70% !important;}
.w80 {width: 90% !important;}
.w100 {width: 100%;}
.w50-10 {float: right; width:-moz-calc(50% - 4px);width: calc(50% - 4px)  !important;width : -webkit-calc(50% - 4px);}
.img100 img {width: 100%;}
.h80 {height:80px !important;}

/* main css */
section.main {min-height: 100%;background-color: var(--bg-color);overflow: hidden;}
.main-top-wrap {background: linear-gradient( 75deg, var(--primary-color), var(--primary-color), #3c8af8 )}
.main-top-wrap::after, section.main::after,
.main-car-search::after{ content:""; display:block; height:0; clear:both; visibility:hidden;}

.main-header {
	position: relative;
    width: 100%;
	height: 55px;
	border-bottom: 1px solid rgba(255, 2550, 255, 0.2);
}
.main-header .logo {
    position: relative;
    width: 80px;
    display: inline-block;
}
.main-header .logo img{
    width: 100%;
	padding: 8px 15px;
    vertical-align: middle;
}
.header-icon {
    position: absolute;
    right: 10px; top:5px;
}
.header-icon a {
	width: 25px;
    height: 25px;
    display: inline-block;
	margin: 4px 4px;
}

.ico-todolist {background-image: url('https://icongr.am/clarity/assign-user.svg?size=25&color=ffffff');right: 80px;}
.ico-alrim {font-size: 14px;position: relative;display: inline-block;background-image: url('https://icongr.am/clarity/bell.svg?size=25&color=ffffff');width: 25px;height: 25px;}
.ico-alrim[data-badge]:after {
    content: attr(data-badge);
    position: absolute;
    top: -4px;
    right: -8px;
    font-size: .7em;
    background: #df0408;
    color: white;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;}
.ico-setup {background-image: url('https://icongr.am/clarity/email.svg?size=25&color=ffffff');right: 7px;}
.ico-calendar {padding-left: 20px;width: 30px;height: 20px; background:#fff url('https://icongr.am/octicons/calendar.svg?size=18&color=') 97% center no-repeat !important;}
.ico-arrow {display:inline-block;width: 30px;height: 30px;position: absolute;right: 23px;background: url(https://icongr.am/fontawesome/angle-right.svg?size=15&color=313639) no-repeat 95% 50%;}
.ico-move {padding-top:2px;background: url('https://icongr.am/material/map-marker-multiple.svg?size=17&color=555555') left 3px no-repeat;padding-left: 20px;}
.ico-move02 {background: url('https://icongr.am/jam/more-horizontal.svg?size=17&color=1c69d4') center center no-repeat;padding: 0 15px;}
.ico-people {background: url('https://icongr.am/material/account.svg?size=17&color=555555') left center no-repeat;padding: 0 0px 0 20px;}
.ico-search { position: absolute;top: 8px;right: 30px;width: 50px;height: 45px;background: url('https://icongr.am/clarity/search.svg?size=28&color=1c69d4') 50% center no-repeat;}

.bgcolor-wrap {position:relative;color: #fff; background: linear-gradient( 45deg, #3c8af8, var(--primary-color)); margin: 0; padding: 15px 20px;}
.btn-workbay {position:absolute;top:20px;right:10px;background: #fff url('https://icongr.am/material/map-marker.svg?size=25&color=1c69d4') 3px center no-repeat;font-family:'BMWGlobal_Pro_bold';padding:3px 5px 3px 25px;;min-width:75px; text-align:center; color:var(--primary-color);font-size: 20px;font-weight: bold;border-radius: 5px; transition: ease-in-out 0.3s;}
.btn-workbay02 {min-width: 100px;display: inline-block;background: var(--primary-color) url('https://icongr.am/material/map-marker.svg?size=20&color=ffffff') 3px center no-repeat;font-family:'BMWGlobal_Pro_bold';padding:3px 8px 3px 25px; text-align:center; color:#fff !important;font-size: 16px;font-weight: bold;border-radius: 5px; }

.ico-camera {display:block;padding: 5px 28px;background: url('https://icongr.am/feather/video.svg?size=20&color=ffffff') 2px center no-repeat;}
.ico-calendar2 {display:block;padding: 5px 28px;background: url('https://icongr.am/octicons/calendar.svg?size=20&color=ffffff') left center no-repeat;}
.ico-carnumber {font-size:18px;display:block;padding: 5px 28px;background: url('https://icongr.am/material/card-text-outline.svg?size=20&color=ffffff') left center no-repeat;}

.titTypeA{font-size: 15px; border-bottom: 1px solid #ddd; line-height: 33px;margin-bottom: 10px;}

.main-car-search {position: relative; width: 100%; margin: 15px auto 0;text-align: center}
.main-car-search h1 {margin: 18px auto 14px; font-size: 1.1rem;color: #fff;font-weight: 500}
.circle-icon {display: inline-block;margin: 0 1.1rem;}
.circle-icon a h3 {text-align: center;font-size:13px;line-height: 22px;color: rgba(255, 2550, 255, 0.7)}
.circle-icon a:before {content: ''; display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto;
    margin-bottom: 3px;
	border-radius: 100%; vertical-align: middle;
 	box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.3);
	background-color: var(--bg-color-dark); background-size: 75%;background-repeat: no-repeat;background-position: center center;
}
.circle-icon a.main-icon-01:before {background-color: #fff !important;background-color: var(--bg-color-dark); background-image: url('../img/icon/car-search.png');}
.circle-icon a.main-icon-02:before {background-image: url('../img/icon/car-search02.png');}
.circle-icon a.main-icon-03:before {background-image: url('../img/icon/car-search.png');}

input:-internal-autofill-selected,
.main-car-search .search {position: relative;margin: 7px 0 20px; height: 50px;border:0;border-radius: 10px; width: 90%; box-shadow:0px 2px 3px 2px rgba(0, 36, 86, 0.3);    
	background:#fff url('https://icongr.am/material/car.svg?size=30&color=a1a1a1') 15px center no-repeat !important ; text-indent:38px;}	
.top-search input.search::placeholder {color: #fff;}
.top-search input.search[type=text]:focus {border: 1px solid #fff;}


ul.main-card {width: 100%; padding:3% 4% 1%;}
ul.main-card::after { content:""; display:block; height:0; clear:both; visibilitfy:hidden;}
ul.main-card li {cursor: pointer;float: left;width: 30%; height:90px; margin: 5px 1.5%;padding: 3px; text-align: center; color: var(--bg-color-dark); background: #fff;border-radius: 10px;box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.2);}
ul.main-card li a:before {content: ''; display: block;background-size: 90%;background-repeat: no-repeat;background-position: center center;
    width: 55px; height: 50px; margin: 0 auto; margin: 5px auto 2px;}
ul.main-card li:nth-child(1) a:before {background-image: url('../img/icon/car-search.png');}
ul.main-card li:nth-child(2) a:before {background-image: url('../img/icon/car-search02.png');}
ul.main-card li:nth-child(3) a:before {background-image: url('../img/icon/car-search02.png');}
ul.main-card li:nth-child(4) a:before {background-image: url('../img/icon/car-search.png');}
ul.main-card li:nth-child(5) a:before {background-image: url('../img/icon/car-search.png');}
ul.main-card li:nth-child(6) a:before {background-image: url('../img/icon/car-search.png');}

.main-footer {width: 88%; margin: 8px auto;padding: 8px; text-align: center; color: var(--bg-color-dark); background: #fff;border-radius: 5px;box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.2);}
.main-footer::after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.main-footer span, .ico-sa {display: inline-block;margin-left: 10px; padding:4px 5px 4px 18px;background: #fff url(https://icongr.am/clarity/user.svg?size=16&color=777777) left center no-repeat;}
.main-footer strong {margin-right: 10px; }

.cd-auto-hide-header .search {color:#fff; position: relative;margin: 3px 0 3px 8px; height: 35px;border-radius: 50px; width: 100%; border:1px solid rgba(255, 255, 255, 0.7);    
	background:transparent url('https://icongr.am/material/car.svg?size=21&color=dddddd') 10px center no-repeat !important ; text-indent:30px;}	
.cd-auto-hide-header .btn-search {position: absolute;top: 0px;right: 0px;width: 45px;height: 40px;background: url(https://icongr.am/clarity/search.svg?size=28&color=dddddd) 50% center no-repeat;}

.header-inquiry {background-color:rgba(194, 194, 194, 0.2); margin: 0; padding: 3px 12px;}
.header-inquiry dl {display: block; position: relative; overflow: hidden;}
.header-inquiry dl dt {display: inline-block;width: 25%; padding: 3px; min-height: 30px; height: 100%; font-weight: bold; }
.header-inquiry dl dd {display: inline-block;width: 73%; padding: 3px; min-height: 30px; height: 100%; }
.header-inquiry dl.time-info dd {text-align: right;}

.header-todolist {width:100%;display: flex;align-items: center; justify-content: space-between; color: #fff; background: linear-gradient( 45deg, #3c8af8, var(--primary-color)); margin: 0; padding: 15px 20px;}
.header-todolist .profile {padding-left: 30px;background: url(https://icongr.am/clarity/user.svg?size=20&color=ffffff) left center no-repeat;}
.header-todolist .profile span {font-size: 18px; font-weight: bold;}

.header-inquiry-btn {position:relative;background-color:rgba(194, 194, 194, 0.2); margin: 0; padding: 5px 65px 5px 12px;}
.header-inquiry-btn .btn-area {position: absolute;top:3px; right: 6px;}
.h115 {min-height: 115px;}
.h80 {min-height:80px;}


:root {
	--bg-color:rgba(28,105,213,0.1);
    --bg-color-light:#f2f2f2;
	--bg-color-middle:#666666;
	--bg-color-dark:#5c5d5e;
    --line-color:#e6e6e6;
    --primary-color:#1c69d4;
    --primary-color-2nd:#f53333;
	--primary-color-3nd:#ffae00;
	--primary-color-4nd:#039e83;
}
.bg-color {background-color: var(--bg-color);}
.bg-color-light {background-color: var(--bg-color-light);}
.bg-color-primary {background-color: var(--primary-color) !important;}
.primary {color: var(--primary-color);}
.primary-red {color: var(--primary-color-2nd) !important;}
.primary-yellow {color: var(--primary-color-3nd);}
.primary-green {color: var(--primary-color-4nd);}
.primary-gray {color: var(--bg-color-middle) !important;;}
.gray {background-color: var(--bg-color-middle)  !important;;}
.primary-black {color: #000;}
.fc-white {color:#fff !important;}
.bg-color-green {background-color: var(--primary-color-4nd);}

.container {width: 100%;height: auto;}
.container::after,
.license-panel-body::after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.contents {position:relative;width: 100%; padding: 10px 15px;margin: 0px;}
.flex-wrap {display: flex;align-items: center; justify-content: space-between;width: 100%;}

.license-panel-wrap,
.parking-panel-wrap, 
.workbay-panel-wrap {position: relative;margin: 0px 0 10px; border-radius: 5px; width: 100%; min-height: 90px; border:1px solid rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px 1px rgba(0, 0, 0, 0.1);}
.license-panel-body {float: left;width: calc(100% - 35px);padding: 7px 13px; display: inline-block;position: relative; }
.license-panel-option {width: 28px; min-height: 88px; float: right;border-left: 1px solid #ddd; border-radius: 0px 5px 5px 0px;background-color: rgba(198,198,198,.4); text-align: center;}

.license-number {display: block; font-size: 22px; letter-spacing: -1px; font-family:'BMWGlobal_Pro_bold' }	
.temporary {color: #fff; margin-left: 1px; padding: 0px 6px; background-color: var(--bg-color-dark); border-radius: 5px; font-family:'BMWGlobal_Pro_bold'; }	
.license-panel-body .status {position: absolute; top: 8px; right: 3px; font-weight: bold; font-size: 17px;color: var(--primary-color);padding: 3px 8px; background-color: var(--bg-color); border-radius: 5px; }
.reserved {padding-left: 25px !important; background:url(https://icongr.am/clarity/tasks.svg?size=18&color=1c69d4) 4px center no-repeat;}

.license-panel-wrap.car-info,
.license-panel-wrap.car-info .license-panel-option {min-height: 75px;}
.license-panel-wrap.car-info .parking-header03 {position: absolute; top: 8px; right: 0px;padding:2px 7px 2px 30px;;font-size: 18px;}
.license-panel-wrap.car-info .date {position: absolute; top: 45px; left: 11px; }
.forday {position: absolute; top: 45px; right: 5px; font-weight: bold; }
.mobile-link {margin-left:10px;font-weight: bold;color:#1c69d4; padding-left: 15px; background: url(https://icongr.am/clarity/receiver.svg?size=14&color=1c69d4) left center no-repeat;}

.license-panel-body .date {position: absolute; top: 43px; right: 3px; font-weight: bold; }
.day {padding-left: 20px; background: url(https://icongr.am/octicons/calendar.svg?size=16&color=777777) left center no-repeat;}
.dayWhite {padding-left: 20px; background: url(https://icongr.am/octicons/calendar.svg?size=16&color=ffffff) left center no-repeat;}

.time {padding-left: 18px;margin-left: 3px; background: url(https://icongr.am/material/clock-outline.svg?size=16&color=777777) left center no-repeat;}	
.license-panel-body .workbay {font-family:'BMWGlobal_Pro_bold';min-height: 28px;font-size: 15px; padding-top: 3px; font-weight: bold; color: var(--primary-color-3nd);}
.license-panel-body .wip-no {font-size: 15px; font-weight: bold; color: var(--primary-color);}
.license-panel-body .sa {position: absolute; top: 63px; right: 3px; padding-left: 18px;background: url(https://icongr.am/clarity/user.svg?size=16&color=777777) left center no-repeat;}
.license-panel-body .car-model {position: absolute; top: 63px; left: 13px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:64%; overflow:hidden;}
.license-panel-body .d-06 {position: absolute;top: 63px;right: 3px; padding-left: 18px;}

.parking-panel-wrap {min-height: 70px;}
.parking-panel-wrap .license-panel-body {padding:0; display: flex;align-items: center;}
.parking-panel-wrap .license-panel-option { min-height: 68px; }
.parking-panel-wrap .license-panel-option {background: url(https://icongr.am/entypo/chevron-thin-right.svg?size=22&color=777777) center center no-repeat;}
.stair {font-size: 25px; text-align: center; font-family:'BMWGlobal_Pro_bold';margin-right: 5px;float: left;border-radius: 5px 0 0 5px;display: inline-block;width: 78px; height: 69px; padding: 16px 3px;color:#fff;background: linear-gradient( 75deg, #7c7c7c, var(--bg-color-dark))}
.stair02 {float: left; font-size: 25px; text-align: center; font-family:'BMWGlobal_Pro_bold';margin-right: 5px;float: left;border-radius: 5px 0 0 5px;display: inline-block;width: 65px; height: 80px; padding: 22px 10px;color:#fff;background: linear-gradient( 75deg, #7c7c7c, var(--bg-color-dark))}


.panel .workbay-panel-wrap {width: 48%;display: inline-block;float: left;}
.panel .workbay-panel-wrap:nth-child(even) {margin-left: 3%}
.workbay-panel-wrap {min-height: 90px; }
.parking-area.workbay-panel-wrap {min-height: 60px; }
.parking-area .workbay-panel-body {padding: 0}
.workbay-panel-body {min-height: 80px;width: 100%;padding: 4px 12px; position: relative; }
.workbay-panel-body .workbay {font-family:'BMWGlobal_Pro_bold';font-size: 15px;font-weight: bold; padding-bottom: 5px;}	
.workbay-panel-body .wip {position: absolute; top: 7px; right: 8px; font-family:'BMWGlobal_Pro_light';font-weight: bold; font-size: 14px; }
.workbay-panel-body .sa {position: absolute; font-weight: bold; bottom: 0px;}
.workbay-panel-body .date {font-family:'BMWGlobal_Pro_light';position: absolute; right: 8px; bottom: 0px;}


.box-left-bar {position: absolute; left: 0;top:0; border-radius: 5px 0 0 5px; width: 1px; height: 100%; }	
.box-left-bar.red {background-color: var(--primary-color-2nd); }	
.box-left-bar.yellow {background-color: var(--primary-color-3nd); }	
.box-left-bar.green {background-color: var(--primary-color-4nd); }	
.box-left-bar.gray {background-color: var(--bg-color-middle);}	
.box-left-bar.black {background-color: #000;}	

.license-panel-wrap .bar {position: absolute; background-color: var(--primary-color-2nd); left: 0;top:0; border-radius: 5px 0 0 5px; width: 4px; height: 100%; }	

.mark {vertical-align: middle;display: inline-block;width: 24px;height: 24px;margin: 2px auto;padding-top: 2px; border: 1px solid #ddd; border-radius: 100%; background-color: #fff; text-align: center; color: #999; font-family:'BMWGlobal_Pro_bold'; font-size: 13px;}
.mark-parking {display: inline-block;background-color:#fff;width: 24px;height: 24px;margin: 2px auto; padding-top: 2px; border: 1px solid #ddd; border-radius: 100%; text-align: center; color: #fff; font-family:'BMWGlobal_Pro_bold'; font-size: 13px;}
.mark-parking:before {content: 'P'; display: block;}
.mark-parking.red {background-color:var(--primary-color-2nd);}
.mark-parking.yellow {background-color:var(--primary-color-3nd);}
.mark-parking.green {background-color:var(--primary-color-4nd);}
.mark.lemon {background: url(../img/lemon.png) center center no-repeat; background-size: 24px 24px;}
.icon-lemon {background: url(../img/lemon.png) 97% center no-repeat !important; background-size: 24px 24px !important;}
.ico-info {background: url('https://icongr.am/clarity/info.svg?size=30&color=1c69d4') center center no-repeat;}
.ico-email {background: url('https://icongr.am/fontawesome/envelope-o.svg?size=18&color=f53333') center center no-repeat;}
.ico-email-open {background: url('https://icongr.am/fontawesome/envelope-open-o.svg?size=18&color=1c69d4') center center no-repeat;}

.head-tab-menu {text-align:center;width: 100%; height:38px;box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.2);}
.head-tab-menu ul li {height: 100%;width: 50%;float: left;display: table;}
.head-tab-menu ul li a {display: table-cell; vertical-align: middle; font-family:'BMWGlobal_Pro_bold'; height:38px;}
.head-tab-menu ul li a.on {border-bottom:2px solid var(--primary-color);  color:var(--primary-color);}


.car-info-wrap {padding: 5px 0; margin: 0px 0 10px; border-radius: 5px; width: 100%; border:1px solid rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px 1px rgba(0, 0, 0, 0.1);}
.car-info-wrap .block {position: relative;border-bottom: 1px solid #ddd; padding:15px 12px 15px 45px;margin-bottom: 0px;}
.car-info-wrap .block:last-child {border: 0;}
.car-info-wrap .block h2 {font-size: 15px;font-weight: bold;padding-bottom: 3px;}

.car-info-wrap .block.ico-01 {background: url(https://icongr.am/feather/user.svg?size=25&color=777777)  9px 13px no-repeat;}
.car-info-wrap .block.ico-02 {background: url(../img/icon/car-front.png) 9px 13px no-repeat;background-size: 27px;}
.car-info-wrap .block.ico-03 {background: url(https://icongr.am/clarity/cog.svg?size=25&color=777777) 9px 13px no-repeat;}
.car-info-wrap .block.ico-04 {background: url(../img/icon/freeMaint.png) 9px 13px no-repeat;background-size: 27px;}
.car-info-wrap .block.ico-05 {background: url(https://icongr.am/fontawesome/image.svg?size=23&color=777777) 9px 13px no-repeat;}
.car-info-wrap .block.ico-06 {background: url(https://icongr.am/material/clock-start.svg?size=25&color=777777) 9px 13px no-repeat;}
.car-info-wrap .block.ico-07 {background: url(../img/icon/tradeIn.png) 4px 8px no-repeat;background-size: 35px;}
.car-info-wrap .block.ico-08 {background: url(../img/icon/moveDrive.png) 4px 8px no-repeat;background-size: 40px;}
.car-info-wrap .block.ico-09 {background: url(../img/icon/testDrive.png) 4px 8px no-repeat;background-size: 38px;}
.car-info-wrap .block.ico-10 {background: url(../img/icon/moveDrive.png) 4px 8px no-repeat;background-size: 35px;}
.car-info-wrap .block.ico-11 {background: url(https://icongr.am/material/clock-outline.svg?size=25&color=777777) 9px 13px no-repeat;}

.car-info-wrap .block .vip {position: absolute; top:12px; right: 10px;}
.car-info-wrap .block .history {margin:5px 0px 5px 0;}
.car-info-wrap .block .history div {position: relative;padding: 3px 0;}
.car-info-wrap .block .history h3 {display: inline-block;width:90px;font-weight: bold; padding-left: 20px;background: url('https://icongr.am/material/clock-alert-outline.svg?size=16&color=999999') left center no-repeat;}
.car-info-wrap .block .history .btn-dateview {position: absolute; right: 0; top: 0px;}

.car-info-wrap .block.ico-03 div {position: relative;display: table;padding:0 0px 10px 0;width: 100%;}
.car-info-wrap .block.ico-03 div strong {display: table-cell; vertical-align: middle;}
.car-info-wrap .block.ico-03 div label {position: absolute; top: 0px; right: 0;}

.car-info-wrap .block.ico-05 .wip {padding:0 10px 0px 0;font-weight: bold;}
.car-info-wrap .block.ico-05 .photo {width:49%; display: inline-block;}
.car-info-wrap .block.ico-05 img {width: 100%;min-height: 50px;}

.worktime > strong {display: inline-block;width: 60%}
.worktime-02 > strong {display: inline-block;width: 55%; line-height:22px;padding-left: 18px; background: url(https://icongr.am/material/clock-alert-outline.svg?size=16&color=999999) left center no-repeat;}
.carstock-history {border-left: 1px dashed #999;margin-left: 5px;margin-top:10px;}
.carstock-history dl {margin-left: -9px;}
.carstock-history dl dt {width: 44%;float:left;padding-left: 26px; background:url('https://icongr.am/material/chevron-down-circle.svg?size=17&color=777777') left -1px no-repeat; }
.carstock-history dl dd {font-weight:bold; position:relative; margin-bottom:15px;float:left;width: 56%;}
.carstock-history dl dd span {color:#888; font-weight: 500}
.carstock-history dl dd a.btn-location,
.carstock-history dl dd a.btn-arrow,
.carstock-history dl dd a.btn-video {position: absolute;width:25px;height:25px;right:0px;top:0px;}
.carstock-history::after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.carstock-history dl dd:last-child {margin-bottom: 0}
.carstock-history.noline {border-left: 0px;}
.carstock-history.noline dl dt { background:url('https://icongr.am/clarity/success-standard.svg?size=17&color=777777') left 0px no-repeat;}


.toggle-label {position: relative; display: table-cell;width: 50px;height: 25px;border: 0px solid #bdbdbd;border-radius:25px;}
.toggle-label input[type=checkbox] {opacity: 0;position: absolute;width: 100%;height: 100%;border-radius:50px;}
.toggle-label input[type=checkbox]+.back {position: absolute;border-radius:50px;width: 100%;margin-left: 1px;height: 100%;background: #ddd;transition: background 150ms linear;}
.toggle-label input[type=checkbox]:checked+.back {background: var(--primary-color); }
.toggle-label input[type=checkbox]+.back .toggle {display: block;position: absolute;content: ' ';border: 1px solid #bdbdbd;background: #fff;width: 50%; height: 100%;transition: margin 150ms linear;border-radius: 30px;}
.toggle-label input[type=checkbox]:checked+.back .toggle {margin-left: 25px;}
.toggle-label .label {display: none;}

.button {background-color: #fff;box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.1);transition: all ease-in-out .2s;outline:0;box-sizing: border-box;border-radius: 3px;height: unset; font-weight: bold; display: inline-block; text-align: center;font-size: 1.1em;line-height: 230%;}
.btn-disable {opacity: .3;}
.btn-round-primary { border-radius: 30px; font-weight: bold;padding: 5px 18px; color:#fff;background-color: var(--primary-color);}
.btn-normal2 { margin:3px 5px 3px 0;color: #fff !important;padding: 4px 10px;background-color:var(--primary-color);}
.btn-normal { margin:3px 5px 3px 0; color: var(--primary-color) !important;background:#fff;padding: 3px 10px !important; border:1px solid var(--primary-color) !important;}
.btn-ghost {width:100%;padding: 0px 3px;color:var(--primary-color); background-color:#fff;border:1px solid var(--primary-color);}
.btn-dateview {width:20px; height:20px;background: url('https://icongr.am/material/calendar-search.svg?size=20&color=1c69d4') center center no-repeat; }
.btn-carview {padding-top:2px;background: url('https://icongr.am/material/car-multiple.svg?size=20&color=') no-repeat;padding-left: 25px;background-position-y:0px; }
.btn-arrow {background: url('https://icongr.am/feather/arrow-right-circle.svg?size=22&color=1c69d4') center center no-repeat; }
.btn-video {background: url('https://icongr.am/feather/video.svg?size=22&color=1c69d4') center center no-repeat; }
.btn-location {background: url('https://icongr.am/material/map-marker.svg?size=22&color=1c69d4') center center no-repeat; }

.alram-box {border-radius: 8px; box-sizing: border-box; margin: 5px 0; width: 100%;padding: 10px 10px 10px 38px; border: 0px solid #ddd; background:var(--bg-color) url('https://icongr.am/jam/alert.svg?size=22&color=a8a8a8') 10px 10px no-repeat;}
.alram-txt {font-size:12px;width:100%;padding-left: 20px;margin: 10px 1px 15px; background:#fff url('https://icongr.am/clarity/check.svg?size=16&color=ac2430') left top no-repeat;white-space: normal;box-sizing: border-box;word-break: keep-all;}
.border-box {position:relative; border-radius: 2px; box-sizing: border-box; margin: 10px 0; width: 100%;padding: 20px 15px; border: 1px solid var(--line-color); background:#fff;}
.border-box2 {border-radius: 5px; box-sizing: border-box; margin: 3px 3px;padding: 15px 10px;text-align: center; border: 1px solid var(--line-color); background:#fff;}
.border-box.no-padding {padding: 0;}
.bg-box {border-radius: 2px; font-weight: bold; box-sizing: border-box; margin: 10px 0; width: 100%;padding: 20px; background:#efefef}

/* text field */
button {outline: none;border: none;}

input[type=text],
input[type=number],
input[type=password]{
	background: #fff;
    border: 1px solid #a7a7a7;
    outline: none;
    border-radius: 1px;
    width: 100%;
    height: 40px;
    padding: 0 10px;
	box-sizing: border-box;
	font-size: 100%;
	margin:2px 0;
}

input[type=text]:focus,input[type=number]:focus, select:focus,
input[type=password]:focus {
    border: 1px solid var(--primary-color); outline: none;
}
input[type=text]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.4);
}

input[type=text]::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.4);
}
input[type=text]:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0, 0, 0, 0.4);
}
input[type=text]:-moz-placeholder { /* Firefox 18- */
    color: rgba(0, 0, 0, 0.4);
}
input[type=text]::-ms-clear { /* ie 10 */
    display: none;
}

/* checkbox */
 input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
	/* padding-right: 15px; */
    line-height: 1;
    margin: 3px 0;
    display: flex; align-items: center;
}

input[type="checkbox"] + label span.box {
    display: inline-block;
    width: 24px;
    height: 22px;
    background: url(../img/ic-checkbox.svg) no-repeat;
    background-size: 20px 20px;
    vertical-align: middle;
    margin-right: 5px;
    float: left;
	border-radius: 0px;
    box-shadow:unset;
	padding:0;
}

input[type="checkbox"]:checked + label span.box {
    background: url(../img/ic-checkbox-selected.png) no-repeat;
    background-size: 20px 20px;
}
input[type="checkbox"] + label span.small {
    width: 15px;
    height: 15px;
    background-size: 15px 15px;
}
.card-check-s {padding: 10px 12px;border-top: 1px solid #ddd;margin-top: 9px;}

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
    color: rgba(0,0,0,1);
}

/* radio button */
input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    display: inline-block;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    line-height: 1;
    margin: 3px 10px 3px 0;
}

input[type="radio"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/ic-radio.svg) no-repeat;
    background-size: 20px 20px;
    vertical-align: middle;
    margin-right: 10px;
}

input[type="radio"]:checked + label span {
    background: url(../img/ic-radio-selected.png) no-repeat;
    background-size: 20px 20px;
    transition: all ease-in-out .2s;
}
.small-radio {display: inline-block;vertical-align: middle;background: #ccd1dc; border-radius: 5px;padding: 3px 0 0px 10px; margin-right: 20px;}
.small-radio input[type="radio"] + label span {margin-right: 3px;width: 16px;height: 16px;background-size: 16px 16px;}

select {
    padding:.2em 2em .3em .8em; 
    background:#fff url('https://icongr.am/entypo/chevron-thin-down.svg?size=14&color=555555') no-repeat 97% 50% !important;
    border: 1px solid #a7a7a7 !important;
    border-radius: 2px; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
	width: 100%; height: 30px;
}

select::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.1);
}
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0, 0, 0, 0.4);
}

textarea::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0, 0, 0, 0.4);
}
textarea:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0, 0, 0, 0.4);
}
textarea:-moz-placeholder { /* Firefox 18- */
    color: rgba(0, 0, 0, 0.4);
}
textarea {
	width: 100%;
    overflow: auto;
    white-space: pre-wrap;
	border: 1px solid #a7a7a7 !important;
    outline: none;
    border-radius: 1px;
    padding: 5px;
	box-sizing: border-box;
	font-size: 100%;
}

.block .iws-collapse .collapse-header {border: 1px solid rgb(187, 187, 187);border-radius: 50px; padding:0 0px 0 5px;}
.block .iws-collapse .collapse-header .inner-header {font-weight:bold;color:#333;background: transparent;padding-right: 6px;}
.block .iws-collapse .collapse-header .inner-header.on {color:#333;background: transparent;}
.block .sa {display: inline-block;padding:4px 5px 4px 18px;background: #fff url(https://icongr.am/clarity/user.svg?size=16&color=777777) left center no-repeat;}


/*pagenation*/
.page_box {width:100%; float:left; text-align:center;padding: 20px 0px 10px;}
.page_box ul {overflow:hidden; vertical-align:middle; display:inline-block;}
.page_box ul li {float:left; border:1px solid var(--line-color); border-radius: 2px; margin:0 1px;width:32px; line-height:32px; height:32px;}
.page_box ul li a {display:inline-block; width:100%; height:100%; text-align:center;}
.page_box ul li a.active {font-weight:bold; color:#fff;background-color:var(--primary-color);border-radius: 2px;}
.page_box .firstprev {background:url('https://icongr.am/entypo/controller-jump-to-start.svg?size=18&color=') center center no-repeat; float:right;}
.page_box .prev {background:url('https://icongr.am/entypo/chevron-small-left.svg?size=22&color=') center center no-repeat; float:left;}
.page_box .lastnext {background:url('https://icongr.am/entypo/controller-next.svg?size=18&color=') center center no-repeat; float:left;}
.page_box .next {background:url('https://icongr.am/entypo/chevron-small-right.svg?size=22&color=') center center no-repeat; float:right;}

.iws-collapse {overflow:hidden; width: 100%;}
.iws-collapse .collapse-header {border: 1px solid var(--primary-color);border-radius: 2px; margin:5px 0;box-shadow:1px 1px 2px 1px rgba(39, 0, 39, 0.1);}
.iws-collapse .collapse-header .inner-header {color: var(--primary-color); align-content: space-between;align-items: center;background-color: #fff;border: 0;border-radius: 0px;display: flex;
    line-height: 1; padding: 3px 10px; text-align: left;transition: all ease-in-out .2s;width: 100%;}
.iws-collapse .collapse-header .inner-header.on {cursor: pointer; outline: none;color:#fff;background: linear-gradient( 45deg, #3c8af8, var(--primary-color))}
.iws-collapse .collapse-header .inner-header .detail {transition: ease-in-out 0.3s;}
.iws-collapse .collapse-header .inner-header .detail a {height: 50px; width: 37px;display:block; background:url('https://icongr.am/material/map-marker.svg?size=30&color=1c69d4') left center no-repeat;}
.workbay-stair,
.iws-collapse .collapse-header .inner-header .name {font-family:'BMWGlobal_Pro_bold';margin-right:10px;padding:5px 5px;min-width:80px; text-align:center; color:#fff;font-size: 25px;font-weight: bold;background-color: var(--primary-color);border-radius: 5px; transition: ease-in-out 0.3s;}
.workbay-stair {min-width:unset;font-size: 18px;}
.iws-collapse .collapse-header .inner-header .pop {font-size: 14px;font-weight: bold;padding-left: 10px;}
.iws-collapse .collapse-header .inner-header .name.type02 {font-family: initial;color:var(--primary-color); background-color:#fff;}
.workbay-stair {min-width:unset;font-size: 18px;}
.iws-collapse .collapse-header .inner-header .icon {background:url('https://icongr.am/material/chevron-down-circle.svg?size=30&color=1c69d4') right center no-repeat; display: block;height: 40px;margin-left: auto;position: relative;transition: all ease-in-out .2s;width: 80px;}
.iws-collapse .collapse-header .inner-header .icon02 {background:url('https://icongr.am/material/chevron-down-circle.svg?size=25&color=777777') right center no-repeat; display: block;height: 23px;margin-left: auto;position: relative;transition: all ease-in-out .2s;width: 27px;}
.iws-collapse .collapse-header .inner-header.on .icon02 {background:url('https://icongr.am/material/chevron-up-circle.svg?size=25&color=777777') right center no-repeat; }

.summary { min-width: 80px;text-align: center;display: inline-block;font-family:'BMWGlobal_Pro_bold';}
.summary > .s01 {font-size: 28px; color:var(--primary-color);font-family:'BMWGlobal_Pro_bold'; }
.summary > .s02 {display:block;line-height: 12px;font-size: 18px;font-family:'BMWGlobal_Pro_bold'; }
.summary > .s02>span {font-family:'BMWGlobal_Pro_bold';color: #999; }
.summary > .s02>span::after {content: ' / '; display: inline-block;color:#999;
    width: 13px;
    height: 20px;
    text-align: center;
	}
.summary > .s03 {padding:5px; margin-left:8px;vertical-align: super; border: 1px solid var(--primary-color); border-radius: 50px; background-color: #fff; color: var(--primary-color);font-family:'BMWGlobal_Pro_bold'; font-size: 15px;}
.on .summary > .s01 {color:#fff; }
.parking-header {padding-left:40px;background:url('https://icongr.am/material/domain.svg?size=30&color=999999') left center no-repeat;}
.parking-header-sa {padding-left:40px;background: url(https://icongr.am/feather/user.svg?size=30&color=999999) left center no-repeat;}

.parking-header02 {display: inline-block;font-size: 14px;font-family: 'BMWGlobal_Pro_bold';}
.parking-header02 > span {margin-left: 10px;}

.parking-header03 {background: var(--primary-color) url('https://icongr.am/material/map-marker.svg?size=25&color=ffffff') 3px center no-repeat;font-family:'BMWGlobal_Pro_bold';margin-right:2px;padding:5px 5px 5px 22px;;text-align:center; color:#fff;font-size: 25px;font-weight: bold;border-radius: 5px; transition: ease-in-out 0.3s;}


.carstock-header {display: flex;align-items: center;justify-content: space-between; height: 40px; padding-left:30px;background:url('https://icongr.am/clarity/wrench.svg?size=30&color=999999') left center no-repeat;}
.carstock-header .summary {padding-top: 5px;}
.carstock-wrap {width: 100%;border-radius: 5px;border: 1px solid #ddd; padding: 10px 0 5px 10px;margin: 15px 0;}
.carstock-wrap h2 {font-size: 15px;padding: 5px 1%;margin-top: -30px;}
.carstock-wrap h2>strong {background:#fff;padding: 0 12px;}
.carstock-wrap h2 span {padding-left: 10px;font-size: 20px;font-family:'BMWGlobal_Pro_bold';color: var(--primary-color)}
.period-wrap {display:inline-block;width:29%;margin: 5px 1.5%;}
.period {display: inline-block; text-align: right; width: 44px;}
.carstock-ea {font-family:'BMWGlobal_Pro_bold';padding:5px 10px; text-align: right; font-size: 18px;}
.lemonlaw-ea {font-family:'BMWGlobal_Pro_bold';font-size: 13px;}
.period-wrap .btn-round-primary {padding:3px 5px;color: unset; border:1px solid #999; background-color: #fff;}

.carstock-header02 {border-top: 1px solid #ddd;}
.carstock-header02 input[type="checkbox"] + label {line-height: unset;display:unset;height: 30px;}
.carstock-header02 input[type="checkbox"] + label span.box,
.carstock-header02 input[type="checkbox"]:checked + label span.box {height:20px;width: 20px;margin-right:0;margin-top: 5px;background-size: 18px 18px;}
.carstock-cause {display: block !important; margin-left: 30px;margin-bottom:3px;}

table.tbl-carstock {
    border-collapse: collapse;
    text-align: left;
    line-height: 1.5;
    margin: 20px 0px; width: 100%;
}

table.tbl-carstock thead th,
table.tbl-carstock thead td {
    padding: 3px; font-size: 16px; font-weight: bold;
    vertical-align: middle;
    border-bottom: 1px solid #999;
    background: #fff;
}
table.tbl-carstock thead td {text-align: right;}
table.tbl-carstock tbody th,
table.tbl-carstock td {
    width: 40%;
    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    background: #fff;
}
table.tbl-carstock td {
    width: 15%;
	text-align: right;
}
table.tbl-carstock .total {
    color: var(--primary-color);
}


.iws-collapse .collapse-header .inner-header.on .icon {color:#fff;background:url('https://icongr.am/material/chevron-up-circle.svg?size=30&color=ffffff') right center no-repeat;}
.iws-collapse .panel {outline: 0; font-size: inherit;margin:10px auto 20px;}
.iws-collapse .collapse-header .inner-header.on .name {background-color:#fff;color: var(--primary-color);}

ul.technician-wrap li {margin: 5px 3px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.1);
float: left;display: flex;align-items: center; width: 48%;padding: 5px 10px;}
.technician-wrap .profile {margin-right: 5px; padding:20px;border-radius:50%;background:#ddd url(https://icongr.am/feather/user.svg?size=24&color=999999) center center no-repeat;}

/* table */
.table-box-wrap {
	position: relative;
    width:100%;
	padding-top: 50px;
}
.table-box-wrap .table-box {
    overflow: auto;
    overflow-x: hidden;
}
.table-box-wrap .table-box table {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}
.table-box-wrap .table-box table thead tr {
    position: absolute;
    top: 0;
}

.table-box-wrap .table-box table thead tr th {
    font-size: 17px;
    height: 49px;
    text-align: center;
    vertical-align: middle;
    background:#fff;
    color: var(--primary-color);
    box-shadow:0px 3px 3px 0px rgba(39, 0, 39, 0.1);
    font-family:'BMWGlobal_Pro_bold';
}

.table-box-wrap .table-box table td {
    text-align: center;
    vertical-align: middle;
    height: 60px;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.table-box-wrap .table-box table tbody th {
    vertical-align: top;text-align: right;
    background:var(--bg-color-light);padding-right:0px;
 }
.workbay-present {z-index: 99;position: absolute;height: 10px; left: 45px;pointer-events: none;}
.workbay-present.point {width: 10px;height: 10px;margin-top: -4px;border-radius: 50%;background: rgba(245,51,51,1);}
.workbay-present.line  {width: 100%;height: 1px;border-bottom: 1px solid rgba(245,51,51,0.6);}

.table-box-wrap .table-box table tbody th .hour {font-family:'BMWGlobal_Pro_bold';margin-top: -6px; }
.table-box-wrap .table-box table tbody tr:first-child .hour {margin-top: 0px; }
.table-box-wrap .table-box table tbody th:first-child .hour::after {line-height: 8px;}
.table-box-wrap .table-box table tbody th .twenty,
.table-box-wrap .table-box table tbody th .fourty {font-family:'BMWGlobal_Pro_bold';font-size: 12px; font-weight: 400; padding:2px 0 3px;padding-right:5px;margin-top: -7px;}
.table-box-wrap .table-box table tbody td {position:relative;}
.table-box-wrap .table-box table tbody td .line-box {font-family:'BMWGlobal_Pro_bold';display: flex;align-items: center;justify-content: center;position:absolute; width: 100%;padding:2px;line-height: 14px; border-radius: 3px;border:1px solid rgba(39, 0, 39, 0.2);}
.table-box-wrap .table-box table tbody tr td::first-child {left: 0px;}
.table-box-wrap .table-box table tbody tr td::last-child {right: 0px;}
.line-box .license {display: block;}

.wb-pop-sch .table-box-wrap .table-box table tbody td {position: unset;}

.line-box.red {background-color: rgba(245,51,51,0.3);}
.line-box.yellow {background-color: rgba(255,174,0,0.3); }	
.line-box.green {background-color: rgba(3,158,131,0.3); }	
.line-box.gray {background-color: rgba(145, 145, 145, 0.3) !important;}	
.line-box.black {background-color: rgba(0,0,0,0.3);}	
.line-box.white {background-color: rgba(255, 255, 255, 0.4);}	
.lunch-time {background-color: rgba(0,0,0,0.4);z-index: 2;font-weight: bold;color:#f53333;font-size:15px;}

.table-box-wrap .table-box table tr {
    display: inline-table;
    width: 100%;
    table-layout: fixed;
}

.table-box-wrap .table-box table tbody tr {display: table-row;}

.carnumber-wrap {display: flex; flex-direction:row;flex-wrap: wrap;justify-content:space-between;align-items:center; width: 100%;padding: 0px 0 5px; }
.carnumber-wrap > .box {box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);border-radius: 4px; font-size: 14px; width: 23%;margin: 4px 0; background: #f4f4f4; border: 1px solid #ddd;text-align: center;}
.carnumber-wrap > a.box,
.carnumber-wrap > a.box span {font-family:'BMWGlobal_Pro_bold';}
.carnumber-wrap > a.box:hover,
.carnumber-wrap > a.box:focus {background: var(--primary-color);color: #fff;}
.carnumber-wrap > .box.type2 {width: 49%; padding: 8px 15px; background: #fff; border: 1px solid #ddd;text-align: center;}

/* 최소 height 100% -> 0% */
.v-application--wrap {
    min-height: 0% !important;
}