@charset "utf-8";

.guide-title {display:inline-block; margin:45px 0 12px; padding:8px 14px; color:#fff; background:#000;}

html, body {background:#ececec;}

#wrap {margin:0 auto; width:100%;}
#wrap .inner {position:relative; margin:0 auto; width:100%; min-width:1280px;}

#container {padding-top:78px;}

.page-title {letter-spacing:-2px; font-size:22px;}
.cont-title {position:relative; margin:20px 0; letter-spacing:-2px; font-size:22px;}
.cont-title:after {display:block; content:""; position:absolute; left:2px; top:-15px; width:25px; height:3px; background:#444;}

.tab-ui .tab-menu li {float:left; width:150px; box-sizing:border-box; border:1px solid #ddd; border-bottom:0;}
.tab-ui .tab-menu li a {display:block; height:36px; line-height:36px; color:#888; font-size:15px; text-align:center;}
.tab-ui .tab-menu li.active a {color:#fff; font-weight:600; background:#444;}
.tab-ui .tab-cont {border-top:1px solid #ddd;}
.tab-ui .tab-cont .cont {display:none; padding:10px;}
.tab-ui .tab-cont .cont.active {display:block;}

.btns-ui {margin-top:20px;}
.btns-ui .btn {display:inline-block; padding:0 18px; height:30px; line-height:25px;}
.btns-ui .btn.blue {color:#fff; background:#1059b2; border:1px solid #073063;}
.btns-ui .btn.lightgray {color:#444; background:#ddd; border:1px solid #999;}

#wrap.autoplus #header {border-top:3px solid #022b9e;}
#wrap.autoplus #header .gnb > ul > li a:hover {color:#022b9e;}
#wrap.autoplus #header .gnb > ul > li:hover a,
#wrap.autoplus #header .gnb > ul > li.active a {color:#022b9e; font-weight:600; border-bottom:2px solid #022b9e;}
.gnb .btn-open-all {display:block; height:36px; line-height:36px; color:#fff; font-size:16px; text-align:center; background:#444;}
#header {position:fixed; left:0; top:0; z-index:1000; width:100%; height:74px; background:#fff; box-sizing:border-box; border-bottom:1px solid #ddd;}
#header .inner {width:98%;}
#header .menu {float:left; margin-left:60px;}
#header .menu ul li {position:relative; float:left;}
#header .menu ul li:after {display:block; content:""; position:absolute; left:-1px; top:18px; width:1px; height:16px; background:#ccc;}
#header .menu ul li:first-child:after {display:none;}
#header .menu ul li a {display:block; padding:10px 24px; height:28px; line-height:28px; color:#888; font-size:18px; font-weight:600;}
#header .menu ul li:before {display:block; content:""; position:absolute; left:50%; bottom:3px; width:0px; height:4px; background:#4173b0; transition:all .3s;}
#header .menu ul li.active a,
#header .menu ul li a:hover {color:#222;}
#header .menu ul li.active:before,
#header .menu ul li:hover:before {margin-left:-20px; width:40px;}
/* #header .choice-service {float:left; padding:8px 0;} 
#header .choice-service h1 {float:left;}
#header .choice-service .choice {position:relative; float:left; min-width:140px;}
#header .choice-service .choice strong {display:block; margin-left:15px; padding-right:30px; height:54px; line-height:52px; letter-spacing:-1px; color:#444; font-size:20px; background:url('../images/ico_selectbox_arrow.png') no-repeat right 5px center; background-size:16px; cursor:pointer;}
#header .choice-service .choice .services {display:none; position:absolute; left:8px; top:42px; z-index:1010; width:100%; background:#fff; border:1px solid #ddd; box-shadow:0 2px 0 rgb(0, 0, 0, .15 );}
#header .choice-service .choice:hover .services {display:block;}
#header .choice-service .choice .services ul {padding:0 8px;}
#header .choice-service .choice .services ul li {border-top:1px solid #ddd;}
#header .choice-service .choice .services ul li:first-child {border-top:0;}
#header .choice-service .choice .services ul li a {display:block; height:42px; line-height:42px; color:#666; font-size:14px;}
#header .choice-service .choice .services ul li a:hover {color:#000; font-weight:600;} */
#header .choice-service {float:left; padding:8px 0;} 
#header .choice-service h1 {float:left;}
#header .choice-service .choice {position:relative; float:left;}
#header .choice-service .choice strong {display:block; height:54px; line-height:52px; letter-spacing:-1px; color:#444; font-size:20px;cursor:pointer;}
#header .choice-service .choice .services ul {margin-left:50px; padding:0 8px; zoom:1;}
#header .choice-service .choice .services ul:after {display:block; content:""; clear:both;}
#header .choice-service .choice .services ul li {float:left;}
#header .choice-service .choice .services ul li + li {margin-left:50px;}
#header .choice-service .choice .services ul li:first-child {border-top:0;}
#header .choice-service .choice .services ul li a {display:block; height:44px; line-height:51px; color:#666; font-size:17px; font-weight:600;}
#header .choice-service .choice .services ul li.active a,
#header .choice-service .choice .services ul li a:hover {color:#000; font-weight:600;}
#header .choice-service .choice .services ul li.active a {color:#08f; border-bottom:2px solid #08f;}
#header .infos {position:absolute; right:0; top:0; font-size:0;}
#header .infos .admin-info,
#header .infos .manage,
#header .infos > a {display:inline-block; position:relative; vertical-align:middle;}
#header .infos .admin-info {margin-right:10px;}
#header .infos > a,
#header .infos .manage {padding:0 20px; height:70px; line-height:70px; border-left:1px solid #ddd;}
#header .infos > a:hover,
#header .infos .manage:hover {background:#f3f3f3;}
#header .infos > a i,
#header .infos .manage i {position:relative; top:-3px; color:#444; font-size:28px; vertical-align:middle;}
#header .infos > a:last-child {border-right:1px solid #ddd;}
#header .infos > a.btn-logout i {color:#666;}
#wrap.autoplus #header .gnb > ul > li.active a {font-weight:600;}
#header .infos .my-menu {display:none; position:absolute; right:0; top:70px; width:200px; background:#fff; border:1px solid #ddd; box-shadow:0 3px 8px rgba(0,0,0,.15);}
#header .infos .my-menu ul {padding:0 10px;}
#header .infos .my#menu li + li {border-top:1px solid #ddd;}
#header .infos .my-menu li a {display:block; padding:0 8px; height:42px; line-height:40px;}
#header .infos .my-menu li a,
#header .infos .my-menu li a:hover {color:#555;}
#header .infos .my-menu li a:hover {font-weight:600;}
#header .infos .manage:hover .my-menu {display:block;}

#container .inner {padding:30px 20px 30px 0; box-sizing:border-box;}
#container.error .inner {padding:30px 20px;}
#container .gnb {position:fixed; left:0; top:74px; padding:12px 30px 20px 20px; width:292px; height:calc(100% - 74px); overflow-y:scroll; overflow-x:hidden; background:#fff; box-sizing:border-box; /*resize:horizontal;*/}
#container .gnb .bar {display:block; content:""; position:absolute; right:0; top:0; width:8px; height:100%; border-right:1px solid #dedede; border-left:1px solid #dedede; background:#f1f1f1; transition:all .1s;}
.ui-resizable-e {width:16px; background:url('https://sales.autoplus.co.kr/dhtmlxSuite/dhtmlxLayout/codebase/imgs/dhxlayout_dhx_skyblue/dhxlayout_drag_ver.gif') no-repeat center center;}
#container .gnb.side-hide {padding:12px 15px 20px 5px; width:55px !important;}
#container .gnb.side-hide .ui-resizable-e {cursor:default;}
#container .gnb.side-hide ul {display:none;}
#container .gnb.ui-resizable-resizing .bar {background:#2e6da4;}
#container .gnb h2 {padding-bottom:18px; letter-spacing:-1px; font-size:22px; border-bottom:1px solid #ddd;}
#container .gnb .btn-full {display:block; height:42px; line-height:40px; color:#444; font-size:16px; font-weight:600; text-align:center; border:1px solid #ddd;}
#container .gnb .btn-full span i {margin-left:8px; font-size:16px;}
#container .gnb .btn-full.side-hide span i {margin-left:0;}
#container .gnb > ul {padding:18px 5px; min-width:160px;}
#container .gnb > ul > li {position:relative; padding:12px 10px 10px; border-bottom:1px dashed #ddd;}
#container .gnb > ul > li.direct:after {display:block; content:">"; position:absolute; right:10px; top:11px; font-family:serif; font-size:18px; transition:all .3s;}
#container .gnb > ul > li.direct.active:after {color:#333; border:1px solid #333;} 
#container .gnb > ul > li:not(.direct):after {display:block; content:"+"; position:absolute; right:10px; top:10px; z-index:-1; width:15px; height:15px; line-height:13px; text-align:center; border:1px solid #ddd; transition:all .2s;}
#container .gnb > ul > li:not(.direct):hover:after {color:#555; border:1px solid #555;}
#container .gnb > ul > li:not(.direct).active:after {content:"-"; color:#555; border:1px solid #555;}
#container .gnb > ul > li:first-child {margin-top:0;}
#container .gnb > ul > li > a {display:block; color:#444; font-size:16px;}
#container .gnb > ul > li:hover > a {font-weight:600;}
/* #container .gnb > ul > li.active {background:#efefef;} */
#container .gnb > ul > li.active > a {position:relative; margin-bottom:12px; color:#222; font-weight:600; text-decoration:underline;}
#container .gnb > ul > li.direct.active > a {margin-bottom:0;}
#container .gnb .depth {display:none;}
#container .gnb > ul > li.active .depth {display:block;}
#container .gnb .depth li {position:relative;}
#container .gnb .depth li:after {display:block; content:"·"; position:absolute; left:3px; top:6px; font-size:13px; font-weight:600;}
#container .gnb .depth li a {position:relative; z-index:1; padding:0 0 0 15px; height:20px; line-height:20px; color:#555; font-size:13px;}
#container .gnb .depth li a:hover {text-decoration:underline;}
#container .gnb .depth li.active a {color:#337ab7; font-weight:600; text-decoration:underline;}
#container .gnb .btn-control {position:absolute; left:250px; top:20px; width:50px; height:50px; background:#fff; -webkit-box-shadow:3px 0 5px rgba(0, 0, 0, 0.2); box-shadow:3px 0 5px rgba(0, 0, 0, 0.2); border:2px solid #172566; -webkit-transition:all .3s; transition:all .3s;}
#container .gnb .btn-control.side-hide {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#container .gnb .btn-control:before, 
#container .gnb .btn-control:after {display:block; content:""; position:absolute; left:10px; width:18px; height:3px; background:#444;}
#container .gnb .btn-control:before {top:50%; -webkit-transform:rotate(40deg); transform:rotate(40deg); margin-top:5px;}
#container .gnb .btn-control:after {top:50%; -webkit-transform:rotate(-40deg); transform:rotate(-40deg); margin-top:-5px;}
#container .gnb .ico-resize {position:absolute; right:0; top:50%; padding:10px; background:#fff; border:1px solid #ddd;}
#container .gnb .ico-resize img {width:16px;}
.content {padding-left:300px; width:calc(100% - 300px); min-width:1200px;}
.content.fixed-width1300 {max-width:1300px; min-width:1300px;} 
.content.side-hide {padding-left:75px !important; width:calc(100% - 75px) !important;}

#wrap #pop-container .inner {max-width:100%; min-width:100%;}
#pop-container {margin:0 auto; padding-top:40px; width:100%; max-width:1200px; min-width:1100px;}
#pop-container .content {padding-left:0; width:100%; min-width:100%;}

.cont-box {margin-top:15px; padding:20px; background:#fff; box-shadow:0 3px 0 rgb(0, 0, 0, .15 );}
.cont-box:first-child {margin-top:10px;}

.detail-cont .btns {margin-top:20px;}

.login .login-box {margin:40px auto; padding:25px;  width:400px; background:#fff; border:1px solid #ddd; border-top:4px solid #29328f; box-shadow:0 3px 0 rgba(0,0,0,.25);}
.login .login-box .ci {margin:20px 0 35px; padding:0; opacity:1; text-align:center;}
.login .login-box .ci p {margin-top:8px; letter-spacing:-1px; font-size:22px;}
.login .login-box .input-box {position:relative; margin-top:12px; height:46px;}
.login .login-box .input-box input[type="text"],
.login .login-box .input-box input[type="password"] {padding:0 10px; width:100%; height:46px; font-size:14px; box-sizing:border-box; border:1px solid #d0d0d0; outline:none;}
.login .login-box .input-box label {position:absolute; left:0; bottom:0; padding:0 6px; color:#999; font-size:14px; font-weight:normal; background:#fff; transform:scale(1) translate(4px, -18px); transition:all .15s; pointer-events:none;}
.login .login-box .input-box input[type="password"]:focus,
.login .login-box .input-box input[type="text"]:focus,
.login .login-box .input-box.existence input[type="text"],
.login .login-box .input-box.existence input[type="password"] {border:2px solid #6771dc;}
.login .login-box .input-box input[type="password"]:focus + label,
.login .login-box .input-box input[type="text"]:focus + label,
.login .login-box .input-box.existence label {color:#6771dc; transform:scale(.85) translate(-10px, -45px);}
.login .login-box .btn-login {display:block; margin-top:20px; width:100%; height:56px; line-height:54px; color:#fff; font-size:18px; font-weight:600; text-align:center; background:#29328f; transition:all .3s;}
.login .login-box .btn-login:hover {background:#2b316b;}
.login .ci_symbol {position:fixed; right:0; bottom:0; opacity:.1;}

/* 테이블 */
.h-info-table {width:100%; table-layout:fixed; border-top:2px solid #777;}
.h-info-table.form th, 
.h-info-table.form td {padding:6px;}
.h-info-table .title-row {padding:14px 6px; color:#fff; background:#555;}
.h-info-table th, 
.h-info-table td {padding:6px; line-height:20px; vertical-align:middle; border:1px solid #ddd;}
.h-info-table.a-center th,
.h-info-table.a-center td {text-align:center;}
.h-info-table th {background:#eee;}
.h-info-table th span {display:inline-block; position:relative; font-size:13px;}
.h-info-table th span.required {padding-right:10px;}
.h-info-table th span.required:after {display:block; content:"*"; position:absolute; right:0; top:-4px; color:#d00; font-size:14px; font-weight:600;}
.h-info-table td label {vertical-align:middle;}
.h-info-table td label input[type="checkbox"], 
.h-info-table td label input[type="radio"] {position:relative; top:-1px; height:auto; vertical-align:middle;}
.h-info-table td label input[type="checkbox"]:disabled + span, 
.h-info-table td label input[type="radio"]:disabled + span {color:#999;}
.h-info-table td label span {margin-left:2px; font-size:13px;}
.h-info-table td label + label {margin-left:8px;}
.h-info-table td select {width:100%;}
.h-info-table td input[type="text"],
.h-info-table td input[type="password"] {padding:0 8px; width:100%;}
.h-info-table td input[type="file"] {height:auto; border:0;}
.h-info-table td textarea {padding:10px; width:100%; line-height:1.5; font-size:12px; border:1px solid #ddd; resize:none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.h-info-table td .btn {position:relative; top:-3px; vertical-align:middle;}
.h-info-table td img {display:block; max-width:900px;}
.h-info-table .foot td {font-weight:600; background:#f9f9f9;}

.view-image-list {padding-top:5px;}
.view-image-list p {margin-bottom:0;}
.view-image-list ul {margin-bottom:0; zoom:1;}
.view-image-list ul:after {display:block; content:""; clear:both;}
.view-image-list ul li {position:relative; float:left; margin-right:7px; margin-bottom:8px; width:160px; height:90px;}
.view-image-list ul li label img {width:160px; height:90px;}
.view-image-list ul li label input[type="checkbox"] {position:absolute; right:5px; top:5px; zoom:1.5; border-radius:0;}

.cont-box {position:relative;}
.cont-box .dot {position:absolute; top:-60px;}

.drop-zone {margin:5px 0; min-height:70px; border:1px solid #ddd;}
.drop-zone .guide {line-height:70px; color:#777; text-align:center;}
.drop-zone.active .guide {display:none;}
.drop-zone ul {padding:0 10px;}
.attatch-file-list li {line-height:24px;}
.attatch-file-list li:first-child {margin-top:10px;}
.attatch-file-list li + li {margin-top:3px;}
.attatch-file-list .btn {height:26px; line-height:24px;}

.list-car-info-box .car-model span {font-size:22px;}
.list-car-info-box .infos dl {float:left; margin-right:6px; padding:0 8px; height:25px; line-height:25px; color:#222; font-size:13px; background:#f1f1f1; zoom:1;}
.list-car-info-box .infos dl:after {display:block; content:""; clear:both;}
.list-car-info-box .infos dl dt, 
.list-car-info-box .infos dl dd {float:left; font-size:14px;}
.list-car-info-box .infos dl dt {margin-right:6px; color:#666;}
.list-car-info-box .infos dl dd {color:#111; font-size:13px; font-weight:600;}

.list-search table {width:100%; border-top:2px solid #777;}
.list-search table th, .list-search table td {vertical-align:middle; border-bottom:1px solid #ddd;}
.list-search table th {color:#333; font-weight:400; background:#efefef;}
.list-search table td > div {padding:8px 10px; zoom:1;}
.list-search table td > div:after {display:block; content:""; clear:both;}
.list-search table td > div > * {float:left;}
.list-search table td > div > label {position:relative; top:2px;}
.list-search table td label + label {margin-left:8px;}
.list-search table td label input[type="radio"] {position:relative; top:-1px;}
.list-search select, 
.list-search input[type="text"],
.list-search input[type="number"] {width:100%;}
.list-search input[type="text"],
.list-search input[type="number"] {padding:0 8px;}
.list-search input[type="checkbox"], 
.list-search input[type="radio"] {position:relative; top:-2px; vertical-align:middle;}
.list-search label span {font-weight:400;}
.list-search .txt-guide {margin-left:10px; height:30px; line-height:30px;}
.list-search .term {width:10%; line-height:30px; text-align:center;}
.list-search .btns {margin-top:12px; padding-top:12px; font-size:0; text-align:center;}
.list-search .btns a {margin:0 4px;}

.radio-div > label {position:relative; top:2px;}
.radio-div label + label {margin-left:8px;}
.radio-div label input[type="radio"] {position:relative; top:-1px; vertical-align:middle;}

.no-list {padding:70px 0 90px; text-align:center; border-bottom:1px solid #ddd;}
.no-list p {color:#666; font-size:14px;}

.list-box {position:relative;}
.list-box .list-top {margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.list-box .list-top .cnt {float:left; line-height:29px; font-size:16px;}
.list-box .list-top .summary {float:left; margin-left:10px; line-height:30px; color:#777; font-size:13px;}
.list-box .list-top .sort {position:relative; top:-4px; float:right; padding:0 6px; height:30px; vertical-align:middle;}
.list-box table {width:100%; table-layout:fixed;}
.list-box table tr.mark td {background:#f2f2f2;}
.list-box table tr:hover td:not(.bg-gray) {background:#f7f7f7;}
.list-box table th, 
.list-box table td {vertical-align:middle; border-bottom:1px solid #ddd;}
.list-box table th {height:40px; line-height:22px; font-size:15px; border-bottom:1px solid #999;}
.list-box table td {padding:8px 12px; height:30px; line-height:22px; font-size:14px; text-align:center;}
.list-box table td input[type="text"] {padding:0 8px;}
.list-box table td textarea {padding:8px; width:100%; line-height:18px; letter-spacing:0; font-size:12px; border:1px solid #ddd; resize:none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.list-box table td .in-btn {display:block; margin:8px auto; width:80%; height:28px; line-height:28px; font-weight:600; border-radius:4px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.7); box-shadow:0 1px 0 rgba(0, 0, 0, 0.7);}
.list-box table td .subject p {display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.list-box table td:hover .subject p {text-decoration:underline;}
.list-box table td p.etc {width:100%; text-overflow:ellipsis; white-space:nowrap; font-size:14px; overflow:hidden;}
.list-box .list-table td .infos {padding:4px 0;}
.list-box .list-table td .infos .car-model {margin-bottom:8px; width:100%; line-height:28px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.list-box .list-table td .infos a:hover .car-model {text-decoration:underline;}
.list-box .list-table td .infos .car-model span {margin-right:6px; letter-spacing:-1px; font-size:18px; font-weight:600;}
.list-box .list-table td .infos .top {margin-bottom:4px;}
.list-box .list-table td .infos .top dl, 
.list-box .list-table td .infos .bottom dl {float:left; margin-right:6px; padding:0 8px; height:25px; line-height:25px; color:#222; font-size:13px; background:#f1f1f1;}
.list-box .list-table td .infos .top dl dt, 
.list-box .list-table td .infos .top dl dd,
.list-box .list-table td .infos .bottom dl dt,
.list-box .list-table td .infos .bottom dl dd {float:left; font-size:14px;}
.list-box .list-table td .infos .top dl dt, 
.list-box .list-table td .infos .bottom dl dt {margin-right:6px; letter-spacing:-1px; color:#666;}
.list-box .list-table td .infos .top dl dd,
.list-box .list-table td .infos .bottom dl dd {color:#111; font-size:13px; font-weight:600;}
.list-box .list-table th input[type="checkbox"],
.list-box .list-table td input[type="checkbox"] {position:relative; top:2px; zoom:1.5;}
.list-box .list-table .thumbnail,
.list-box .list-table .thumbnail img {display:block; width:120px;}
.list-box .btns-left {position:absolute; bottom:-8px; left:0;}

.filter-wrap{display:flex}
.filter-wrap .list-box{width:80%;}
.filter-wrap .filter-slide{width:20%; padding:16px; margin-top:16px; margin-left:16px; border:1px solid #ddd; cursor: pointer;}
.filter-wrap .filter-slide .filter-con{width:100%; word-break: keep-all;}
.filter-wrap .filter-slide .filter-con:first-of-type{border-top:1px solid #ddd; padding-top:16px;}
.filter-wrap .filter-slide .filter-con h2{color:#0070c0; line-height:2; }
.filter-wrap .filter-slide .filter-con label{height:30px; line-height:1.5; font-weight:400;}
.filter-wrap .filter-slide .filter-con label input{height: 15px; vertical-align: text-bottom;}
.search-filter{padding:5px; width:100%;  margin-bottom:16px;}

.pagenate {position:relative; margin-top:20px; font-size:0; text-align:center;}
.pagenate a {display:inline-block; width:30px; height:30px; line-height:28px; color:#444; font-size:13px; font-weight:600; vertical-align:middle; border:1px solid #ddd; border-left:0;}
.pagenate a.prev {border-left:1px solid #ddd;}
.pagenate a.active {color:#fff; background:#283544;}
.pagenate a:hover {text-decoration:underline;}

.form-table {table-layout:fixed; width:100%; background:#fff;}
.form-table + .form-table {margin-top:6px;}
.form-table th,
.form-table td {padding:6px 8px; vertical-align:middle; border:1px solid #ddd;}
.form-table th {line-height:1.3; background:#f7f7f7;}
.form-table input[type="text"],
.form-table select {padding:0 6px; vertical-align:middle; border:1px solid #999; box-sizing:border-box;}
.form-table textarea:disabled,
.form-table input[type="text"]:disabled {background:#eee;}
.form-table textarea {padding:8px; width:100%; border:1px solid #999; box-sizing:border-box;resize:none;}
.form-table .in-row {font-size:0;}
.form-table .in-row + .in-row {margin-top:3px;}
.form-table .in-row:last-of-type {margin-bottom:10px;}
.form-table .txt {display:inline-block; margin:0 3px; line-height:30px; font-size:13px; vertical-align:middle;}



/* 레이어팝업 */
.layer-pop-content {display:none; position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%;}
.layer-pop-content .dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}
.layer-pop-content .layer-box {position:fixed; left:50%; top:50%; z-index:1000; padding:20px; background:#fff; border:1px solid #ddd; box-sizing:border-box; transform:translateY(-50%);}
.layer-pop-content .layer-box .layer-head {display:flex;}
.layer-pop-content .layer-box .layer-head .flex-box {display:flex;}
.layer-pop-content .layer-box .layer-head .title {padding-bottom:10px; font-size:24px; border-bottom:1px solid #ddd;width:100%;}
.layer-pop-content .layer-box .layer-cont .scroll-area {max-height:600px; overflow-y:scroll;}
.layer-pop-content .btn-layer-close {position:absolute; top:7px; right:15px; overflow:hidden; width:45px; height:0; padding-top:45px; -webkit-transition:-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition:-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.layer-pop-content .btn-layer-close:before,
.layer-pop-content .btn-layer-close:after {content:''; position:absolute; top:50%; left:50%; width:28px; height:1px; margin:-2px 0 0 -14px; background:#000;}
.layer-pop-content .btn-layer-close:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.layer-pop-content .btn-layer-close:after {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.layer-pop-content .layer-btns {margin-top:20px; padding-top:20px; border-top:1px solid #ddd;}
.layer-pop-content .caution p {padding:20px 10px 40px; line-height:22px; font-size:15px;}
.layer-pop-content .agree {text-align:right;}
.layer-pop-content .agree input[type="checkbox"] {position:relative; top:1px;}
.layer-pop-content .agree p {display:inline-block; margin-left:4px; font-size:16px; cursor:pointer;}
.layer-pop-content .agree p:hover {text-decoration:underline;}
.layer-pop-content.default .layer-cont {padding:30px 15px 0;}
.layer-pop-content.default .layer-cont input[type="number"] {padding:0 8px; text-align:right; box-sizing:border-box;}
.layer-pop-content.default .layer-cont > p {padding:0 0 25px;} 
.layer-pop-content.default .layer-cont .txt {line-height:26px; font-size:17px; text-align:center;}
.layer-pop-content.default input[type="text"] {padding:0 8px; box-sizing:border-box;}
.layer-pop-content.default .radio input[type="radio"] {position:relative; top:-2px; vertical-align:middle;}

.wait-message {padding:60px 0;}
.wait-message .title {padding-top:110px; background:url('/resources/images/ico_cry.png') no-repeat center top; background-size:120px;}
.wait-message p + p {line-height:1.5;}
.wait-message p + p strong {text-decoration:underline;}

.btn {display:inline-block; position:relative; top:0; margin:0 2px; padding:0 12px; height:30px; line-height:28px; font-size:13px; color:#444; vertical-align:middle; border:1px solid #444; box-sizing:border-box;}
.btn.multi-line {padding:5px 12px; height:auto; line-height:1.3;}
.btn.btn-full {width:100%; text-align:center;}
.btn:hover {text-decoration:underline;}
.btn:active {top:1px;}
.btn.not-btn:active {top:0;}
.btn.btn-m {height:40px; line-height:38px; padding:0 20px; font-size:15px;}
.btn.btn-l {height:50px; line-height:48px; padding:0 22px; font-size:18px; font-weight:600;}
.btn.btn-xl {height:55px; line-height:53px; padding:0 32px; font-size:22px; font-weight:600;}
.btn.btn-default {border:1px solid #999;}
.btn-gray {color:#fff; border-color:#5c5c5c; background:#777777;}
.btn-blue {color:#fff; border-color:#2e6da4; background:#337ab7;}
.btn-green {color:#fff; border-color:#4cae4c; background:#5cb85c;}
.btn-deep-green {color:#fff; border-color:#2c812c; background:#2c812c;}
.btn-sky {color:#fff; border-color:#46b8da; background:#5bc0de;}
.btn-yellow {color:#fff; border-color:#eea236; background:#f0ad4e;}
.btn-red {color:#fff; border-color:#d43f3a; background:#d9534f;}

.btn-gray span i,
.btn-blue span i,
.btn-green span i,
.btn-sky span i,
.btn-yellow span i,
.btn-red span i {color:#fff;}

.btn-disabled {color:#c9c9c9; border-color:#d1d1d1; background:#f2f2f2; cursor:default;}
.btn-disabled:hover {text-decoration:none;}
.btn-disabled:active {top:0;}

.f-black {color:#000 !important;}
.f-gray {color:#444 !important;}
.f-light-gray {color:#999 !important;}
.f-blue {color:#14446d !important;}
.f-deep-blue {color:#0705b3 !important;}
.f-green {color:#0f880f !important;}
.f-sky {color:#1697be !important;}
.f-yellow {color:#c07b1a !important;}
.f-red {color:#d00 !important;}

.f-small {font-size:11px !important;}
.f-medium {font-size:15px !important;}
.f-large {font-size:18px !important;}
.f-xlarge {font-size:22px !important;}
.f-xxlarge {font-size:26px !important;}
.f-xxxlarge {font-size:32px !important;}

.f-bold {font-weight:600 !important;}

.a-left {text-align:left !important;}
.a-center {text-align:center !important;}
.a-right {text-align:right !important;}

/* float */
.f-left {float:left;}
.f-right {float:right;}

/* hr */
hr {border:0; width:100%; height:1px; background:#ccc;}

.no-border {border:none !important;}
.no-border-top {border-top:none !important;}
.no-border-bottom {border-bottom:none !important;}
.no-border-left {border-left:none !important;}
.no-border-right {border-right:none !important;}

.flex-box {display:flex; justify-content:space-between;}

.common-list li {position:relative; margin-top:5px; padding-left:14px; line-height:20px; color:#444; font-size:14px;}
.common-list li:first-child {margin-top:0;}
.common-list li:after {display:block; content:'-'; position:absolute; left:0; top:0;}

ol.common-list li {padding-left:20px; text-indent:-16px;}
ol.common-list li:after {display:none;}

/* margin */
.mg-top0 {margin-top:0px !important;}
.mg-top5 {margin-top:5px !important;}
.mg-top10 {margin-top:10px !important;}
.mg-top15 {margin-top:15px !important;}
.mg-top20 {margin-top:20px !important;}
.mg-top25 {margin-top:25px !important;}
.mg-top30 {margin-top:30px !important;}
.mg-top35 {margin-top:35px !important;}
.mg-top40 {margin-top:40px !important;}
.mg-top45 {margin-top:45px !important;}
.mg-top50 {margin-top:50px !important;}
.mg-bottom0 {margin-bottom:0 !important;}
.mg-bottom5 {margin-bottom:5px !important;}
.mg-bottom10 {margin-bottom:10px !important;}
.mg-bottom15 {margin-bottom:15px !important;}
.mg-bottom20 {margin-bottom:20px !important;}
.mg-bottom25 {margin-bottom:25px !important;}
.mg-bottom30 {margin-bottom:30px !important;}
.mg-bottom35 {margin-bottom:35px !important;}
.mg-bottom40 {margin-bottom:40px !important;}
.mg-bottom45 {margin-bottom:45px !important;}
.mg-bottom50 {margin-bottom:50px !important;}

/* padding */
.pd-top0 {padding-top:0 !important;}
.pd-top5 {padding-top:5px !important;}
.pd-top10 {padding-top:10px !important;}
.pd-top15 {padding-top:15px !important;}
.pd-top20 {padding-top:20px !important;}
.pd-top25 {padding-top:25px !important;}
.pd-top30 {padding-top:30px !important;}
.pd-top35 {padding-top:35px !important;}
.pd-top40 {padding-top:40px !important;}
.pd-top45 {padding-top:45px !important;}
.pd-top50 {padding-top:50px !important;}
.pd-bottom0 {padding-bottom:0 !important;}
.pd-bottom5 {padding-bottom:5px !important;}
.pd-bottom10 {padding-bottom:10px !important;}
.pd-bottom15 {padding-bottom:15px !important;}
.pd-bottom20 {padding-bottom:20px !important;}
.pd-bottom25 {padding-bottom:25px !important;}
.pd-bottom30 {padding-bottom:30px !important;}
.pd-bottom35 {padding-bottom:35px !important;}
.pd-bottom40 {padding-bottom:40px !important;}
.pd-bottom45 {padding-bottom:45px !important;}
.pd-bottom50 {padding-bottom:50px !important;}

/* margin, padding reset */
.pd-top0 {padding-top:0 !important;}
.pd-left0 {padding-left:0 !important;}
.pd-right0 {padding-right:0 !important;}
.pd-bottom0 {padding-bottom:0 !important;}
.mg-top0 {margin-top:0 !important;}
.mg-left0 {margin-left:0 !important;}
.mg-right0 {margin-right:0 !important;}
.mg-bottom0 {margin-bottom:0 !important;}


.width5 {width:5%;}
.width10 {width:10%;}
.width15 {width:15%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width70 {width:70%;}
.width75 {width:75%;}
.width80 {width:80%;}
.width85 {width:85%;}
.width90 {width:90%;}
.width95 {width:95%;}
.width100 {width:100%;}

/* table in table */
.list-box .in-table {border-top:1px solid #ddd; background:#fff;}
.list-box .in-table th,
.list-box .in-table td {padding:3px 10px; font-size:13px; border-bottom:1px solid #ddd;}
.list-box .in-table th {background:#e9e9e9;}
.list-box .in-table td {text-align:left;}
.list-box .in-table td a:hover {text-decoration:underline;}

/* new popup */
.new-pop-style .pop-page-title {padding:0 14px; height:42px; line-height:42px; color:#fff; font-size:16px; background:#222;}
.manage-pic .base-info {position:relative; padding:14px; background:#fff; box-shadow:0 3px 0 rgb(0 0 0 / 15%);}
.manage-pic .base-info .car-num {float:left; padding-top:8px; font-size:20px;}
.manage-pic .base-info .model-info {float:left; margin-left:20px; padding-top:8px; font-size:18px;}
.manage-pic .base-info .etc {float:right; text-align:right;}
.manage-pic .base-info .etc .id-number {font-size:16px;}
.manage-pic .base-info .etc .manage-info {display:block; margin-top:5px; font-size:16px;}
.manage-pic .form-box .group {margin-top:30px;}
.manage-pic .form-box .group .title-box .title {position:relative; font-size:16px;}
.regist-pic-list li {float:left; margin:12px 0 0 1.33%; width:32%; box-sizing:border-box;}
.regist-pic-list li .subject {margin-bottom:8px; font-weight:600;}
.regist-pic-list li:hover .subject {text-decoration:underline;}
.regist-pic-list li:nth-child(1),
.regist-pic-list li:nth-child(3n + 1) {margin-left:0;}
.regist-pic-list li .box {display:block; position:relative; height:180px; border:2px solid #ddd; cursor:pointer;}
.regist-pic-list li .box:hover,
.regist-pic-list li .box.drag-over {border:2px solid #999;}
.regist-pic-list li .box .txt-guide {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); padding:10px 0; width:80%; line-height:1.4; color:#999; font-weight:400; text-align:center; background:rgba(0,0,0,.05);}
.regist-pic-list li .box input[type="file"] {position:absolute; left:-9999px; top:0;}
.option-check-list .checkbox {display:inline-block; margin:0; width:25%;}
.prod-manage .features .btn {margin-right:3px;}
.prod-manage .features .row {font-size:0; vertical-align:middle;}
.prod-manage .features .btn {position:relative; top:-6px;}
.prod-manage .features .btn:active {top:-5px;}
.prod-manage .features .btn-add,
.prod-manage .features .btn-remove {padding:0; width:30px; line-height:23px; font-size:18px; font-weight:600; text-align:center;}
.prod-manage .template-list {display:none; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%;}
.prod-manage .template-list .dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.75);}
.prod-manage .template-list .box {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); padding:20px; width:920px; background:#fff; box-sizing:border-box;}
.prod-manage .template-list .box .btn-close {position:absolute; top:0; right:0; overflow:hidden; width:70px; height:0; padding-top:70px; transition:-webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
.prod-manage .template-list .box .btn-close:before,
.prod-manage .template-list .box .btn-close:after {content:''; position:absolute; top:50%; left:50%; width:28px; height:1px; margin:-2px 0 0 -14px; background:#000;}
.prod-manage .template-list .box .btn-close:before {transform:rotate(45deg);}
.prod-manage .template-list .box .btn-close:after {transform:rotate(-45deg);}
.prod-manage .template-list .box .btn-close:hover:before, 
.prod-manage .template-list .box .btn-close:hover:after {background:#000;}
.prod-manage .template-list .box .title {letter-spacing:-1px; font-size:22px;}
.prod-manage .template-list .tab-menu li {float:left; border:1px solid #ddd; border-left:0;}
.prod-manage .template-list .tab-menu li:first-child {border-left:1px solid #ddd;}
.prod-manage .template-list .tab-menu li a {display:block; padding:8px 15px; color:#444;}
.prod-manage .template-list .tab-menu li a:hover {text-decoration:underline;}
.prod-manage .template-list .tab-menu li.active a {color:#fff; background:#444;}
.prod-manage .template-list .scroll-box {max-height:300px; overflow-y:scroll;}
.prod-manage .template-list table {table-layout:fixed; width:100%;}
.prod-manage .template-list table .btn-choice:hover {text-decoration:underline;}
.prod-manage .template-list table tr:hover td {background:#e9e9e9;}
.custom-set .layer-box {margin-left:-400px; width:800px;}
.custom-set .layer-box .layer-cont {padding-top:10px;}
.custom-set .layer-box .regist-pic-list li {margin:0; width:100%;}
.custom-set .layer-box .regist-pic-list li .box {height:340px;}

/* data table (외부) */
.dataTables_info {line-height:40px; font-size:16px; font-weight:400;}
.dataTables_wrapper .dataTables_paginate {margin-top:20px; font-size:0; text-align:center;}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .ellipsis {display:inline-block; margin:0; width:30px; height:30px; line-height:30px; color:#444; font-size:13px; font-weight:600; vertical-align:middle; border:1px solid #ddd; border-left:0;}
.dataTables_wrapper .dataTables_paginate .paginate_button {cursor:pointer;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {border-left:1px solid #ddd;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {color:#fff; background:#283544;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {text-decoration:underline;}
.dataTables_wrapper .dataTables_paginate .paginate_button, 
.dataTables_wrapper .dataTables_paginate .ellipsis {width:50px;}
.dataTables_wrapper .dataTables_paginate > .paginate_button {width:30px;}

.pointer{cursor:pointer;}
/* form alert */
.error-txt,
label.alert-txt {display:block; margin-top:8px; line-height:1 !important; color:#d00;}
.noneBlock .alert-txt {display:inline-block; vertical-align:middle;}

/* event 관리 */
/* 이벤트 > 차량 목록 관리 */ 
.sortable-guide {margin:15px 0 12px; text-align:right;}
.sortable-guide img {position:relative; top:-1px;}
.sortable-table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.sortable-table th,
.sortable-table td,
.sortable-table .sortable-ui {padding:0 8px; width:100%; height:38px; border:1px solid #ddd; background:#fff;}
.sortable-table thead th {padding:8px; border-bottom:0 !important; background:#f1f1f1;}
.sortable-table thead td {border-right:1px solid #ddd; border-top:1px solid #ddd;}
.sortable-table .table-outer-row01 {border-right:0;}
.sortable-table .table-outer-row02 {padding:0; border:0;}
.sortable-table .sortable-table tr:hover td {background:#f5f5f5;}
.sortable-table td {text-align:center; border:0; border-left:1px solid #ddd;}
.sortable-table td.a-left {text-align:left;}
.sortable-table td.a-center {text-align:center;}
.sortable-table .sortable-table td:first-child {border-left:0;}
.sortable-table td.handle {text-align:center; cursor:grab; cursor:-webkit-grab;}
.sortable-table td.handle:active {cursor:grabbing; cursor:-webkit-grabbing;}
.sortable-table .ui-sortable-helper {padding:0; width:100%; border:0; box-shadow:0 4px 2px rgba(0,0,0,.05);}
.sortable-table .ui-sortable-helper td {border-bottom:1px solid #ddd; background:#fff !important;}
#curation-sortable .ui-sortable-helper td:nth-child(1) {width:63px;}
#curation-sortable .ui-sortable-helper td:nth-child(2) {width:251px;}
#curation-sortable .ui-sortable-helper td:nth-child(3) {width:564px;}
#curation-sortable .ui-sortable-helper td:nth-child(4) {width:83px;}
#curation-sortable .ui-sortable-helper td:nth-child(5) {width:83px;}
.sortable-table .ui-sortable-helper td:nth-child(1) {width:9.09%;}
.sortable-table .ui-sortable-helper td:nth-child(2) {width:4.09%;}
.sortable-table .ui-sortable-helper td:nth-child(3) {width:6.09%;}
.sortable-table .ui-sortable-helper td:nth-child(4) {width:6.09%;}
.sortable-table .ui-sortable-helper td:nth-child(5) {width:9.09%;}
.sortable-table .ui-sortable-helper td:nth-child(6) {width:9.09%;}
.sortable-table .ui-sortable-helper td:nth-child(7) {width:9.09%;}
.sortable-table .ui-sortable-helper td:nth-child(8) {width:19.09%;}
.sortable-table .ui-sortable-helper td:nth-child(9) {width:9.09%;}
.sortable-table .ui-sortable-helper td:nth-child(10) {width:6.09%;}
.sortable-table .ui-sortable-helper td:nth-child(11) {width:6.09%;}
.sortable-table .ui-sortable-helper td:nth-child(12) {width:7.09%;}
.sortable-table .highlight td {height:40px; background:#f1f1f1; border:0;}
.new-car-list .fncs {margin-top:10px; zoom:1;}
.new-car-list .fncs:after {display:block; content:""; clear:both;}
.new-car-list .fncs .btns {float:left;}
.new-car-list .fncs .sold-car-set {float:right; line-height:29px;}
.new-car-list .list-header {margin:15px 0 12px; zoom:1;}
.new-car-list .list-header:after {display:block; content:""; clear:both;}
.new-car-list .list-header .move_curation {float:left;}
.new-car-list .list-header .move_curation p {margin:0 0 0 12px; line-height:29px; color:#666;}
.new-car-list .list-header .move_curation select {height:29px; vertical-align:middle;}
.h-info-table .new-car-list label input[type="radio"] {top:-2px;}
.event-car-list-excel-upload {margin-top:15px; border-top:1px solid #333;}
.event-car-list-excel-upload h4 {margin:10px 0; font-size : 14px;}
.new-car-list .list-header .sortable-guide {float:right; margin:0; height:29px; line-height:29px;}
.h-info-table td .sortable-guide img {display:inline-block; max-width:auto;}
.h-info-table .new-car-list .btn {top:0;}

/* 050상담내역 */
.dashboard {width:1140px;}
.dashboard .row.top {margin-top:20px;}
.dashboard .count-info {display:flex; justify-content:space-between;}
.dashboard .count-info li {display:flex; justify-content:center; align-items:center; width:270px; height:180px; text-align:center; box-sizing:border-box; background:#fff; border:2px solid #ddd;}
.dashboard .count-info li dt {font-size:18px;}
.dashboard .count-info li dd {display:block; margin-top:20px; font-size:18px;}
.dashboard .count-info li dd strong {font-size:42px;}
.dashboard .cont-box .btns {position:absolute; right:20px; top:20px; font-size:0;}
.dashboard .cont-box .btns a {display:inline-block; position:relative; width:60px; height:30px; line-height:30px; color:#333; font-size:13px; text-align:center; border:1px solid #ddd;}
.dashboard .cont-box .btns a:hover {border:1px solid #999;}
.dashboard .cont-box .btns a:active {top:1px;}
.dashboard .cont-box .btns a.active {color:#fff; background:#2944cc; border:1px solid #2944cc;}
.dashboard .cont-box .btns a.active:hover {border:1px solid #2944cc;}
.dashboard .cont-box .btns a + a {margin-left:2px;}

/* ATC 현황판 */
.btn-view-notice {position:fixed; left:94%; top:86%; padding-top:15px; transform-origin: bottom; width:100px; height:100px; line-height:1.35; color:#fff; font-size:16px; text-align:center; border-radius:50em; background:#222; box-sizing:border-box; box-shadow:0 3px 0 rgba(0,0,0,.3);}
.btn-view-notice:hover {text-decoration:underline;}
.btn-view-notice:active {background:#222;}

.google-sheet-st .in-box {padding:50px 0 40px; height:calc(100% - 90px); background:#fff;}
.google-sheet-st .search-box {display:flex; justify-content:space-between; position:fixed; left:0; top:0; padding:10px; width:100%; border-bottom:1px solid #ccc; box-sizing:border-box;}
.google-sheet-st .search-box .condition01 {display:flex; align-items:center;}
.google-sheet-st .search-box .condition01 > * {margin:0 2px;}
.google-sheet-st .search-box .bi {margin-right:40px;}
.google-sheet-st .search-box .bi,
.google-sheet-st .search-box .bi img {width:100px;}
.google-sheet-st .search-box input,
.google-sheet-st .search-box select,
.google-sheet-st .search-box button {vertical-align:middle;}
.google-sheet-st .search-box input {padding:0 8px;}
.google-sheet-st .search-box button {display:inline-block; position:relative; top:0; padding:0 12px; height:30px; line-height:30px; color:#fff; font-size:13px; background:#333;}
.google-sheet-st .search-box button:active {top:1px;}
.google-sheet-st .search-box .btn-search {background:#333;}
.google-sheet-st .search-box .btn-search:hover {background:#555;}
.google-sheet-st .search-box .guide {position:relative; top:5px;}
.google-sheet-st .search-box .key {display:inline-block; padding:4px 8px 6px; color:#fff; font-size:15px; background:#333; border-radius:3px;}
.google-sheet-st .fixed-bot {display:flex; justify-content:space-between; position:fixed; left:0; bottom:0; width:100%; height:40px; border-top:2px solid #000; background:#fff;}
.google-sheet-st .fixed-bot .tab-category {display:flex;}
.google-sheet-st .fixed-bot .tab-category li {border-right:1px solid #ccc;}
.google-sheet-st .fixed-bot .tab-category li a {display:block; padding:0 18px; line-height:40px; color:#333; font-size:14px; background:#fff;}
.google-sheet-st .fixed-bot .tab-category li:hover a {text-decoration:underline; background:#f6f6f6;}
.google-sheet-st .fixed-bot .tab-category li.active a {color:#fff; background:#666;}
.google-sheet-st .fixed-bot .login-info {padding-right:10px;}
.google-sheet-st .fixed-bot .login-info dt,
.google-sheet-st .fixed-bot .login-info dd {display:inline-block; line-height:40px; color:#222; font-size:12px;}
.google-sheet-st .fixed-bot .login-info dd {font-weight:600;}
.google-sheet-st .list-box {height:100%;}
.google-sheet-st .list-box .bottom {height:calc(100% - 57px); overflow-y:scroll; background:#ddd;}
.google-sheet-st .list-box table th,
.google-sheet-st .list-box table td {padding:0; height:26px; line-height:1.3; font-size:11px; border:1px solid #999; background:#fff;}
.google-sheet-st .list-box table td.temp, 
.google-sheet-st .list-box table tr:hover td.temp {background:#666;}
.google-sheet-st .list-box table tr:hover td,
.google-sheet-st .list-box table tr:hover input,
.google-sheet-st .list-box table tr:hover select {background:#ddd;}
.google-sheet-st .list-box table tr:hover input:not(:disabled),
.google-sheet-st .list-box table tr:hover select:not(:disabled) {cursor:pointer;}
.google-sheet-st .list-box table tr:hover input:disabled,
.google-sheet-st .list-box table tr:hover select:disabled {cursor:not-allowed;}
.google-sheet-st .list-box table input:hover:not(:disabled),
.google-sheet-st .list-box table select:hover:not(:disabled) {border:1px solid #000; background:#fff;}
.google-sheet-st .list-box table td input {padding:0 3px; letter-spacing:0; font-size:11px; text-align:center; border:0;}
.google-sheet-st .list-box table td select {font-size:11px;}
.google-sheet-st .list-box table td input:disabled {color:#777; background:#d5d5d5;}
.google-sheet-st .list-box table td select:disabled {color:#222; background:#d5d5d5;}
.google-sheet-st .list-box table td input.model {text-align:left;}
.google-sheet-st .list-box table tr .category {display:block; width:100%; height:26px; line-height:26px;}
.google-sheet-st .list-box table tr.hcs1 .category {background:#9fc5e8;}
.google-sheet-st .list-box table tr.rb .category {background:#9fc5e8;}
.google-sheet-st .list-box table tr.lotte .category {background:#d5a6bd;}
.google-sheet-st .list-box table tr.tesla .category {background:#ffe599;}
.google-sheet-st .list-box table tr.bnk .category {background:#b7e1cd;}
.google-sheet-st .list-box table tr.rb .category {background:#cfe2f3;}
.google-sheet-st .list-box table tr.tesla .category {background:#fce5cd;}
.google-sheet-st .list-box table .div {border-left:4px double #000;}

.time-list .guide {margin:5px 0 15px; font-size:13px;}
.time-list ul {display:flex; flex-wrap:wrap;}
.time-list ul li {margin:0 5px 5px 0;}
.time-list ul li label {position:relative;}
.time-list ul li label span {display:block; font-size:15px; width:135px; height:45px; line-height:45px; text-align:center; border:1px solid #ddd; cursor:pointer; transition:all .15s;}
.time-list ul li label input[type="radio"],
.time-list ul li label input[type="checkbox"] {position:absolute; left:-9999px; top:0;}
.time-list ul li label input[type="radio"]:checked + span,
.time-list ul li label input[type="checkbox"]:checked + span {color:#fff; background:#2e6da4; border:1px solid #143e63;}
.time-list ul li label input[type="radio"]:disabled + span,
.time-list ul li label input[type="radio"]:checked:disabled + span,
.time-list ul li label input[type="checkbox"]:disabled + span,
.time-list ul li label input[type="checkbox"]:checked:disabled + span {color:#fff; border:1px solid #eee; background:#e7e7e7; cursor:not-allowed;}