@charset "UTF-8";
/*******************************************************

	100	:	Thin
	200	:	Extra Light (Ultra Light)
	300	:	Light
	400	:	Regular
	500	:	Medium
	600	:	Semi Bold (Demi Bold)
	700	:	Bold
	800	:	Extra Bold (Ultra Bold)
	900	:	Black (Heavy)

*******************************************************/

@font-face { font-family: 'JLREmeric'; font-style: normal; font-weight: 300; src: url("../fonts/jlrk/JLREmeric-ExtraLight.woff2") format("woff2"), url("../fonts/jlrk/JLREmeric-ExtraLight.woff") format("woff");}

@font-face { font-family: 'JLREmeric'; font-style: normal; font-weight: 400; src: url("../fonts/jlrk/JLREmeric-Regular.woff2") format("woff2"), url("../fonts/jlrk/JLREmeric-Regular.woff") format("woff");}

@font-face { font-family: 'JLREmeric'; font-style: normal; font-weight: 700; src: url("../fonts/jlrk/JLREmeric-SemiBold.woff2") format("woff2"), url("../fonts/jlrk/JLREmeric-SemiBold.woff") format("woff");}

@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 100; src: local("Noto Sans Thin"), local("NotoSans-Thin"), url("../fonts/noto/NotoSansKR-Thin-Hestia.woff") format("woff"); }

@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 300; src: local("Noto Sans Light"), local("NotoSans-Light"), url("../fonts/noto/NotoSansKR-Light-Hestia.woff") format("woff"); }

@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 400; src: local("Noto Sans Regular"), local("NotoSans-Regular"), url("../fonts/noto/NotoSansKR-Regular-Hestia.woff") format("woff"); }

@font-face { font-family: 'Noto Sans Korean'; font-style: normal; font-weight: 700; src: local("Noto Sans Bold"), local("NotoSans-Bold"), url("../fonts/noto/NotoSansKR-Bold-Hestia.woff") format("woff"); }

/* 변수 값 정리 */
/* images url */
/* color */
/* font */
/* reset */
html { font-size: 62.5%; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { height: 100%; }

body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select { margin: 0; padding: 0; font-family: 'JLREmeric', 'Noto Sans Korean'; -webkit-box-sizing: border-box; box-sizing: border-box; line-height:1.4;}

body, input, textarea, select, button, table { font-weight: 400; font-size: 1.6rem; line-height: 1.4; }

body { position: relative; -webkit-text-size-adjust: none; }

/*body > div { height: inherit; } 확장프로그램 height 오류 수정*/

img, fieldset { border: 0; }

ul, ol { list-style: none; }

em, address { font-style: normal; }

a { text-decoration: none; color: #222; }

table { border-collapse: collapse; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.4; }

::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

select, input, textarea { --webkit-appearance: none; --moz-appearnace: none; -webkit-appearance: none; -moz-appearnace: none; -moz-appearance: none; appearance: none; }

button { border-radius: 0; border: 0; background-color: transparent; cursor: pointer; }

input, select, textarea, button, a { -webkit-tap-highlight-color: rgba(122, 32, 32, 0); -webkit-tap-highlight-color: transparent; }

input:focus, select:focus, textarea:focus, button:focus, a:focus { outline: 0; outline-color: transparent; outline-style: none; }

input { border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; }

input:disabled { opacity: 1; -webkit-text-fill-color: inherit; }

input[type=text]::-ms-clear { display: none; }

/* Utility */
.sr-only { overflow: hidden; display: inline-block; width: 1px; height: 1px; margin: -1px; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); }

.float-left { float: left !important; }

.float-right { float: right !important; }

.ac { text-align: center !important; }

.al { text-align: left !important; }

.ar { text-align: right !important; }

.pos-r { position: relative; }

.clearfix:after, .clearfix::after { content: ''; display: block; clear: both; }

/* spacing */
/* font */
.fw100 { font-weight: 100 !important; }

.fw300 { font-weight: 300 !important; }

.fw400 { font-weight: 400 !important; }

.fw700 { font-weight: 700 !important; }

.fc-point { color: #2680EB !important; }

.fc-gray1 { color: #666 !important; }

.fc-gray2 { color: #999 !important; }

.fc-black { color: #000 !important; }

/* froala 링크 style*/
a.froalaLink{
    color: #007bff !important;
    text-decoration: underline !important;
}

::-webkit-scrollbar { width: 1.4rem; height: 1.4rem; }

::-webkit-scrollbar-track { background-color: transparent; }

::-webkit-scrollbar-thumb { border-radius: 0.6rem; background-color: rgba(31, 38, 62, 0.15); background-clip: padding-box; border: 0.3rem solid transparent; }

::-webkit-scrollbar-button { width: 0; height: 0; }

/* layout */
#wrap { position: relative; height: 100%; padding-left: 8rem; min-width: 102.3rem; }

#header .gnb { z-index: 500; position: fixed; top: 0; left: 0; width: 8rem; height: 100%; background-color: #2D2D2F; }

#header .gnb-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2.4rem; border-bottom: 0.1rem solid rgba(255, 255, 255, 0.12); }

#header .gnb-top li + li { margin-top: 2rem; }

#header .gnb-top-icon { display: block; width: 3.2rem; height: 3.2rem; opacity: 0.7; }

#header .gnb-top-icon.icon-main { background: url("../images/gnb/icon/icon_gnb_main.png") no-repeat center/3.2rem auto; opacity: 1; }

#header .gnb-top-icon.icon-main.A { background: url("../images/brand/audi/icon_gnb_main.png") no-repeat center/3.2rem auto; opacity: 1; }

#header .gnb-top-icon.icon-main.V { background: url("../images/brand/vw/icon_gnb_main.png") no-repeat center/3.2rem auto; opacity: 1; }

#header .gnb-top-icon.icon-spoc { background: url("../images/gnb/icon/icon_gnb_spoc.png") no-repeat center/3.2rem auto;}

#header .gnb-top-icon.icon-favorite { background: url("../images/gnb/icon/icon_gnb_favorite.png") no-repeat center/3.2rem auto; }

#header .gnb-top-icon.active { opacity: 1; }

#header .gnb-menu { padding: 1rem; }

#header .gnb-menu-wrap { height: calc(100% - 21.3rem); }

#header .gnb.spoc .gnb-menu-wrap { height: calc(100% - 26.5rem); } /* SPOC 메뉴 추가 이전 값 : calc(100% - 21.3rem) SPOC메뉴가 5.2rem(52px) 이기 때문에 calc(100% - 26.5rem) 으로 수정*/

#header .gnb-menu li + li { padding-top: 0.8rem; }

#header .gnb-menu-text { display: block; padding-top: 3.8rem; color: #fff; font-size: 1.2rem; }

#header .gnb-menu-icon { display: block; width: 6rem; height: 6rem; text-align: center; opacity: 0.7; }

#header .gnb-menu-icon.active { opacity: 1; }

#header .gnb-menu-icon.icon-customer { background: url("../images/gnb/icon/icon_gnb_customer.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-kiosk { background: url("../images/gnb/icon/icon_gnb_kiosk.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-activity { background: url("../images/gnb/icon/icon_gnb_activity.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-sales { background: url("../images/gnb/icon/icon_gnb_sales.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-vehicle { background: url("../images/gnb/icon/icon_gnb_vehicle.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-stock { background: url("../images/gnb/icon/icon_gnb_stock.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-support { background: url("../images/gnb/icon/icon_gnb_support.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-bps { background: url("../images/gnb/icon/icon_gnb_bps.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-service { background: url("../images/gnb/icon/icon_gnb_service.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-parts { background: url("../images/gnb/icon/icon_gnb_parts.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-system { background: url("../images/gnb/icon/icon_gnb_system.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-community { background: url("../images/gnb/icon/icon_gnb_community.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-company { background: url("../images/gnb/icon/icon_gnb_company.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-criteria { background: url("../images/gnb/icon/icon_gnb_criteria.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-report { background: url("../images/gnb/icon/icon_gnb_report.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-bsc { background: url("../images/gnb/icon/icon_gnb_bsc.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-pds { background: url("../images/gnb/icon/icon_gnb_pds.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-band { background: url("../images/gnb/icon/icon_gnb_band.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-sysPds { background: url("../images/gnb/icon/icon_gnb_sysPds.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-menu-icon.icon-eapproval { background: url("../images/gnb/icon/icon_gnb_eapproval.png") no-repeat 50% 0.8rem/2.4rem auto; }

#header .gnb-bottom { padding: 2.4rem 1rem; }

#header .gnb-bottom .gnb-user { position: relative; display: block; width: 4rem; height: 4rem; margin: 0 auto; border-radius: 50%; overflow: hidden; background: url("../images/gnb/icon/icon_gnb_user_default.png") no-repeat center/3.2rem auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

#header .gnb-bottom .gnb-user.active { background: url("../images/gnb/icon/icon_gnb_user_mov.gif") no-repeat center/3.2rem auto; }

#header .gnb-bottom .gnb-user.alarm::after {  content: '';  position: absolute;  top: 5px;  right: 5px;  width: 8px;  height: 8px;  background-color: #2E9BFF;  border-radius: 50%;}

#header .lnb { z-index: 499; position: fixed; top: 0; left: 0; width: 28rem; height: 100%; overflow-y: auto; padding: 0 2.4rem; margin-left: 8rem; background-color: #fff; -webkit-box-shadow: 0 0.2rem 1.6rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0.2rem 1.6rem 0 rgba(0, 0, 0, 0.2); -webkit-transform: translateX(-130%); transform: translateX(-130%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

#header .lnb.active { -webkit-transform: translateX(0%); transform: translateX(0%); }

#header .lnb-tit { padding-top: 3.2rem; padding-bottom: 2.4rem; color: #333; font-weight: 700; font-size: 2.4rem; line-height: 3.2rem; }

#header .lnb-con { display: none; padding-bottom: 3.2rem; }

#header .lnb .lnb-acc + .lnb-acc { padding-top: 2rem; }

#header .lnb .lnb-acc.active .lnb-acc-tit:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#header .lnb .lnb-acc.active .lnb-acc-con { margin-top: 1.6rem; height: auto; }

#header .lnb .lnb-acc-tit { position: relative; color: #333; font-weight: 700; font-size: 1.45rem; padding-right: 1.6rem; cursor: pointer; }

#header .lnb .lnb-acc-tit:after { content: ''; position: absolute; top: 0.2rem; right: 0; display: block; width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

#header .lnb .lnb-acc-con { overflow: hidden; height: 0; -webkit-transition: 0.1s; transition: 0.1s; }

#header .lnb-ul li { line-height: 1.8rem; }

#header .lnb-ul li + li { margin-top: 0.8rem; }

#header .lnb-ul .btn-favorite { width: 1.2rem; height: 1.2rem; padding: 0; margin-bottom: 0.2rem; border-radius: 0; background: url("../images/common/icon/icon_12_favorite.png") no-repeat 0 0/1.2rem auto; }

#header .lnb-ul .btn-favorite.active { background: url("../images/common/icon/icon_12_favorite_active.png") no-repeat 0 0/1.2rem auto; }

#header .lnb-ul-link { color: #333; font-size: 1.45rem; line-height: 1.8rem; }

#header .lnb .search-area { position: relative; width: 100%; margin-top: 3.2rem; }

#header .lnb .search-area span.form-input { display: block; width: 100%; border: 0; }

#header .lnb .search-area span.form-input .k-clear-value { position: absolute; top: 50%; right: 4rem; display: block; width: 1.6rem; height: 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; }

#header .lnb .search-area span.form-input .k-clear-value .k-icon { display: block; width: 100%; height: 100%; }

#header .lnb .search-area span.form-input .k-clear-value .k-icon:before { content: ""; display: block; width: 100%; height: 100%; background: url("../images/common/icon/icon_16_input_reset.png") no-repeat 0 0/1.6rem auto; }

#header .lnb .search-area input.form-input { display: block; width: 100%; height: 4rem; padding: 1rem 6.4rem 1rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #D7DADE; border-radius: 0.3rem; color: #000; font-size: 1.45rem; line-height: 2rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0.4rem 1rem 0 rgba(221, 221, 221, 0.23); box-shadow: 0 0.4rem 1rem 0 rgba(221, 221, 221, 0.23); }

#header .lnb .search-area input.form-input:hover, #header .lnb .search-area input.form-input:focus { border-color: #000; }

#header .lnb .search-area input.form-input::-webkit-input-placeholder { color: #ccc; }

#header .lnb .search-area input.form-input:-ms-input-placeholder { color: #ccc; }

#header .lnb .search-area input.form-input::-ms-input-placeholder { color: #ccc; }

#header .lnb .search-area input.form-input::placeholder { color: #ccc; }

#header .lnb .search-area input.form-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

#header .lnb .search-area input.form-input:-moz-read-only { border-color: #e2e2e2; }

#header .lnb .search-area input.form-input:read-only { border-color: #e2e2e2; }

#header .lnb .search-area input.form-input.k-dateinput { padding: 0; border-width: 0; }

#header .lnb .search-area .btn-form-search { position: absolute; top: 50%; right: 1.2rem; display: block; width: 2rem; height: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/icon/icon_20_search.png") no-repeat 0 0/2rem auto; }

#header .user-profile-area { z-index: 498; display: none; position: absolute; bottom: 1.2rem; min-width: 18rem; margin-left: 1.2rem; border: 0.1rem solid #2D2D2F; background-color: #fff; -webkit-box-shadow: 0.2rem 0.6rem 1rem 0 rgba(0, 0, 0, 0.5); box-shadow: 0.2rem 0.6rem 1rem 0 rgba(0, 0, 0, 0.5); border-radius: 0.3rem; }

#header .user-profile-area.active { display: block; }

#header .user-profile-area .user-profile-top { padding: 2.4rem 2rem 2rem; text-align: center; }

#header .user-profile-area .user-profile-top .user-family-name { width: 5.2rem; height: 5.2rem; line-height: 5.2rem; margin: 0 auto; border-radius: 50%; background-color: #89b4f0; color: #fff; font-weight: 700; font-size: 2rem; overflow: hidden; letter-spacing: 5.2rem; text-indent: 1.7rem; }

#header .user-profile-area .user-profile-top .user-name { padding-top: 1.6rem; font-weight: 700; font-size: 1.6rem; line-height: 2rem; color: #000; }

#header .user-profile-area .user-profile-top .user-email { padding-top: 0.2rem; font-size: 1.2rem; line-height: 1.6rem; color: #999; }

#header .user-profile-area .user-profile-bottom { padding: 2rem; background-color: #f8f8f8; border-radius: 0 0 0.3rem 0.3rem; border-top: 0.1rem solid #e2e2e2; }

#header .user-profile-area .user-profile-bottom .set-list li + li { padding-top: 1.2rem; }

#header .user-profile-area .user-profile-bottom .set-list .set-item { display: inline-block; padding-left: 2.4rem; font-size: 1.45rem; line-height: 1.6rem; color: #000; }

#header .user-profile-area .user-profile-bottom .set-list .set-item.icon-alert { background: url("../images/gnb/icon/icon_user_alert.png") no-repeat 0 0/1.6rem auto; }

#header .user-profile-area .user-profile-bottom .set-list .set-item.icon-my { background: url("../images/gnb/icon/icon_user_my.png") no-repeat 0 0/1.6rem auto; }

#header .user-profile-area .user-profile-bottom .set-list .set-item.icon-set { background: url("../images/gnb/icon/icon_user_set.png") no-repeat 0 0/1.6rem auto; }

#header .user-profile-area .user-profile-bottom .set-list .set-item.icon-logout { background: url("../images/gnb/icon/icon_user_logout.png") no-repeat 0 0/1.6rem auto; }

#header .user-profile-area .user-profile-bottom .set-list .set-item.icon-manual { background: url("../images/gnb/icon/icon_user_manual.png") no-repeat 0 0/1.6rem auto; }

#header .user-profile-area .user-profile-bottom .set-list .set-item.badge { background-color: #2E9BFF; color:white; border-radius:6px; padding: 4px; font-size:10px; display:inline-block; height: 100%; min-width:24px; text-align:center; font-weight:300;}


@media screen and (-webkit-min-device-pixel-ratio: 0) { #header .lnb { overflow-y: overlay; } }

#content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; background-color: #EFEFEF; border: 0; }

#content .k-tabstrip-items-wrapper { position: relative; }

#content .k-tabstrip-items-wrapper .k-tabstrip-prev, #content .k-tabstrip-items-wrapper .k-tabstrip-next { position: absolute; bottom: 0.4rem; width: 3.2rem; height: 3.2rem; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #e8e9ec !important; -webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05) !important; box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05) !important; background-color: #fff !important; -webkit-transition: none; transition: none; z-index: 10; }

#content .k-tabstrip-items-wrapper .k-tabstrip-prev::before, #content .k-tabstrip-items-wrapper .k-tabstrip-prev::after, #content .k-tabstrip-items-wrapper .k-tabstrip-next::before, #content .k-tabstrip-items-wrapper .k-tabstrip-next::after { opacity: 1; -webkit-transition: none; transition: none; background: none; }

#content .k-tabstrip-items-wrapper .k-tabstrip-prev.k-disabled .k-icon, #content .k-tabstrip-items-wrapper .k-tabstrip-next.k-disabled .k-icon { opacity: 0.3; }

#content .k-tabstrip-items-wrapper .k-tabstrip-prev .k-icon, #content .k-tabstrip-items-wrapper .k-tabstrip-next .k-icon { width: 2rem; height: 2rem; vertical-align: middle; }

#content .k-tabstrip-items-wrapper .k-tabstrip-prev .k-icon::before, #content .k-tabstrip-items-wrapper .k-tabstrip-next .k-icon::before { content: ''; display: block; width: 2rem; height: 2rem; }

#content .k-tabstrip-items-wrapper .k-tabstrip-prev .k-icon.k-i-arrow-60-left::before, #content .k-tabstrip-items-wrapper .k-tabstrip-next .k-icon.k-i-arrow-60-left::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0/2rem auto; -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }

#content .k-tabstrip-items-wrapper .k-tabstrip-prev .k-icon.k-i-arrow-60-right::before, #content .k-tabstrip-items-wrapper .k-tabstrip-next .k-icon.k-i-arrow-60-right::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0/2rem auto; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

#content .k-tabstrip-items-wrapper .k-tabstrip-prev { left: 0; }

#content .k-tabstrip-items-wrapper .k-tabstrip-next { right: 0; }

#content .cont-header.k-tabstrip-items { padding: 2.4rem 3.2rem 0; border: 0; border-bottom: 0.1rem solid #2D2D2F; background: #fff; }

#content .cont-header.k-tabstrip-items .k-tabstrip-item { border-width: 0.1rem 0.1rem 0; border-style: solid; border-color: #D7DADE; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; font-size: 1.45rem; color: #999; }

#content .cont-header.k-tabstrip-items .k-tabstrip-item.k-state-active { border-color: #2D2D2F; background-color: #EFEFEF; font-weight: 700; color: #2D2D2F; }

#content .cont-header.k-tabstrip-items .k-tabstrip-item.k-state-active .link-close { opacity: 1; }

#content .cont-header.k-tabstrip-items .k-tabstrip-item .k-link { padding: 1rem 1.6rem 0.7rem; }

#content .cont-header.k-tabstrip-items .k-tabstrip-item .k-loading { border: 0; -webkit-transition: none; transition: none; }

#content .cont-header.k-tabstrip-items .k-tabstrip-item + .k-tabstrip-item { margin-left: 0.4rem; }

#content .cont-header.k-tabstrip-items .k-tabstrip-item .link-text { display: inline-block; }

#content .cont-header.k-tabstrip-items .k-tabstrip-item .link-close { display: inline-block; width: 1.2rem; height: 1.2rem; margin: 0.4rem 0 0.4rem 0.4rem; border-radius: 0; vertical-align: text-bottom; background: url("../images/common/icon/icon_12_tabstrip_close.png") no-repeat center/1.2rem auto; opacity: 0.6; }

#content .cont-header.k-tabstrip-items .k-tab-on-top { z-index: 0; }

#content .cont-body { overflow: hidden; height: 100%; margin: 0; padding: 0; border: 0; background-color: #EFEFEF; }

.cont-header .tabstrip-area { width: calc(100% - 27.6rem); margin: 0 3.2rem; -ms-flex-item-align: end; align-self: flex-end; }

.cont-header .tabstrip-area .tabstrip-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-bottom: -0.1rem; }

.cont-header .tabstrip-area .tabstrip-item { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.cont-header .tabstrip-area .tabstrip-item a { display: block; padding: 1rem 3.2rem 0.7rem 1.6rem; border-width: 0.1rem 0.1rem 0; border-style: solid; border-color: #D7DADE; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; font-size: 1.45rem; color: #999; }

.cont-header .tabstrip-area .tabstrip-item a.active { border-color: #2D2D2F; background-color: #EFEFEF; border-bottom: 0.1rem solid #EFEFEF; font-weight: 700; color: #2D2D2F; }

.cont-header .tabstrip-area .tabstrip-item .btn-close-tabstrip { position: absolute; }

.cont-header .tabstrip-area .tabstrip-item + .tabstrip-item { margin-left: 0.4rem; }

.cont-header .user-area { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; }

.cont-header .user-area .btn-area { padding: 1.1rem; }

.cont-header .user-area .btn-area .btn-layer-group { display: -webkit-box; display: -ms-flexbox; display: flex; border: 0.1rem solid #D7DADE; border-radius: 0.2rem; }

.cont-header .user-area .btn-area .btn-layer-group li { width: 3.6rem; height: 3.6rem; }

.cont-header .user-area .btn-area .btn-layer-group li + li { border-left: 0.1rem solid #D7DADE; }

.cont-header .user-area .btn-area .btn-layer-group li .btn-layer { display: block; width: 100%; height: 100%; }

.cont-header .user-area .btn-area .btn-layer-group li .btn-layer.icon1 { background: #EFEFEF url("../images/common/icon/icon_20_arr_select.png") no-repeat center/1.6rem auto; }

.cont-header .user-area .btn-area .btn-layer-group li .btn-layer.icon2 { background: #EFEFEF url("../images/common/icon/icon_20_arr_select.png") no-repeat center/1.6rem auto; }

.cont-header .user-area .btn-area .btn-layer-group li .btn-layer.icon3 { background: #EFEFEF url("../images/common/icon/icon_20_arr_select.png") no-repeat center/1.6rem auto; }

.cont-header .user-area .user-profile { padding: 2rem; border-left: 0.1rem solid #ebebf2; }

.cont-header .user-area .user-profile .btn-user-info { padding-right: 2.2rem; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat bottom 0.2rem right/1.6rem auto; }

.cont-header .user-area .user-profile .btn-user-info .user-name { font-weight: 700; font-size: 1.45rem; color: #000; }

.layout-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; overflow: hidden; }

.layout-grid-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0 3.2rem; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layout-grid-item.col-center { width: 100%; }

.layout-grid-item.col-center .layout-grid-item.col-left.grid-item-tree { max-width: 31.8rem; }

.layout-grid-item.col-left { width: 35%; padding-right: 0; }

.layout-grid-item.col-left.type2 { width: 65%; }

.layout-grid-item.col-left.type3 { width: 40%; }

.layout-grid-item.col-left.type4 { width: 25%; padding-right: 0; }

.layout-grid-item.col-left.type5 { width: 50%; }

.layout-grid-item.col-left.half { width: calc(50% - 1rem); }

.layout-grid-item.col-left.grid-item-tree { max-width: 35rem; }

.layout-grid-item.col-left.grid-item-reserve { max-width: 24rem; }

.layout-grid-item.col-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 2rem; }

.layout-grid-item .item-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 1.2rem 0 0.8rem; min-height: 6rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layout-grid-item .item-header.flex-none { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; min-height: auto; }

.layout-grid-item .item-header.flex-none .item-header-con { width: 100%; }

.layout-grid-item .item-header.flex-none .item-header-con + .item-header-con { margin-top: 1.2rem; }

.layout-grid-item .item-header.small { min-height: auto; padding: 0; }

.layout-grid-item .item-header .title { padding-top: 1.6rem; color: #222; font-weight: 700; font-size: 2rem; line-height: 2.4rem; }

.layout-grid-item .item-header .title.sm { font-size: 1.6rem; }

.layout-grid-item .item-header .btn-group { margin-left: auto; }

.layout-grid-item .item-header .item-header-left { display: -webkit-box; display: -ms-flexbox; display: flex; }

.layout-grid-item .item-header .item-header-right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; }

.layout-grid-item .item-header .list-area-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 100%; padding-bottom: .8rem; }

.layout-grid-item .item-header .list-area-header .list-header-right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; }

.layout-grid-item .item-header .list-area-header .list-title { font-weight: 700; font-size: 1.6rem; color: #222; }

.layout-grid-item .item-header .item-header-search { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }

.layout-grid-item .item-header .item-header-search .search-area { position: relative; }

.layout-grid-item .item-header .item-header-search .search-area:only-child .search-input { border-radius: 0.3rem; }

.layout-grid-item .item-header .item-header-search .search-area .search-input { width: 16rem; height: 4rem; margin-left: auto; padding: 1rem 3.4rem 1rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #bbbdc4; border-radius: 0.3rem 0 0 0.3rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; }

.layout-grid-item .item-header .item-header-search .search-area .search-input:hover, .layout-grid-item .item-header .item-header-search .search-area .search-input:focus { border-color: #000; }

.layout-grid-item .item-header .item-header-search .search-area .search-input::-webkit-input-placeholder { color: #ccc; }

.layout-grid-item .item-header .item-header-search .search-area .search-input:-ms-input-placeholder { color: #ccc; }

.layout-grid-item .item-header .item-header-search .search-area .search-input::-ms-input-placeholder { color: #ccc; }

.layout-grid-item .item-header .item-header-search .search-area .search-input::placeholder { color: #ccc; }

.layout-grid-item .item-header .item-header-search .search-area .search-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.layout-grid-item .item-header .item-header-search .search-area .search-input:-moz-read-only { border-color: #bbbdc4; }

.layout-grid-item .item-header .item-header-search .search-area .search-input:read-only { border-color: #bbbdc4; }

.layout-grid-item .item-header .item-header-search .search-area .search-input:only-child { padding-right: 1.2rem; }

.layout-grid-item .item-header .item-header-search .search-area .btn-search { position: absolute; top: 50%; right: 1.2rem; display: block; width: 2rem; height: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/icon/icon_20_search.png") no-repeat 0 0/2rem auto; }

.layout-grid-item .item-header .item-header-search .select-area .btn-select { height: 4rem; padding: 0 2.9rem 0 1.2rem; font-size: 1.45rem; color: #000; border-radius: 0 0.3rem 0.3rem 0; border-width: 0.1rem 0.1rem 0.1rem 0; border-style: solid; border-color: #bbbdc4; background: #fff url("../images/common/icon/icon_16_arr_select.png") no-repeat center right 1rem/1.6rem auto; }

.layout-grid-item .item-header .item-header-search .select-area .select-sub { z-index: 100; position: absolute; top: 4.8rem; left: 0; display: none; padding: 2.4rem 2rem; background: #fff; border-radius: 0.3rem; -webkit-box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); border: solid 0.1rem #2D2D2F; }

.layout-grid-item .item-header .item-header-search .select-area .select-sub.active { display: block; }

.layout-grid-item .item-header .item-header-search .select-area .select-sub-footer { padding-top: 1.6rem; text-align: center; }

.layout-grid-item .item-header .item-header-search .select-area .select-sub-footer .btn-group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.layout-grid-item .item-header .item-header-search + .btn-group, .layout-grid-item .item-header .item-header-search + .btn { margin-left: 0.6rem; }

.layout-grid-item .item-header .header-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.layout-grid-item .item-header .header-input-group .header-input-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.layout-grid-item .item-header .header-input-group .header-input-item .header-input-label { padding-right: 1.2rem; color: #222; font-size: 1.45rem; white-space: nowrap; }

.layout-grid-item .item-header .header-input-group .header-input-item + .header-input-item { padding-left: 0.4rem; }

.layout-grid-item .item-header .header-input-group .header-input-item .item-header-search .select-area .btn-select { border-width: 0.1rem; border-radius: 0.4rem; }

.layout-grid-item .item-header .header-input-group .header-input-item .item-header-search .select-area .select-sub { left: auto; right: 0; }

.layout-grid-item .item-header .header-input-group .header-input-item .item-header-search .select-area .select-sub .k-dropdown { height: 3.2rem; }

.layout-grid-item .item-header .header-input-group .header-input-item .item-header-search .select-area .select-sub .k-dropdown .k-dropdown-wrap { padding: 0; }

.layout-grid-item .item-header .header-input-group .header-input-item .item-header-search .select-area .select-sub .k-dropdown .k-dropdown-wrap .k-select .k-icon { vertical-align: middle; }

.layout-grid-item .item-header .header-input-group + .btn-group { padding-left: 2rem; }

.layout-grid-item .item-header .header-input-group .header-input, .layout-grid-item .item-header .header-input-group .k-input { display: block; width: 12.4rem; height: 4rem; padding: 1.2rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #bbbdc4; border-radius: 0.4rem; color: #000; font-size: 1.45rem; line-height: 1.5rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; }

.layout-grid-item .item-header .header-input-group .header-input:hover, .layout-grid-item .item-header .header-input-group .header-input:focus, .layout-grid-item .item-header .header-input-group .k-input:hover, .layout-grid-item .item-header .header-input-group .k-input:focus { border-color: #000; }

.layout-grid-item .item-header .header-input-group .header-input::-webkit-input-placeholder, .layout-grid-item .item-header .header-input-group .k-input::-webkit-input-placeholder { color: #ccc; }

.layout-grid-item .item-header .header-input-group .header-input:-ms-input-placeholder, .layout-grid-item .item-header .header-input-group .k-input:-ms-input-placeholder { color: #ccc; }

.layout-grid-item .item-header .header-input-group .header-input::-ms-input-placeholder, .layout-grid-item .item-header .header-input-group .k-input::-ms-input-placeholder { color: #ccc; }

.layout-grid-item .item-header .header-input-group .header-input::placeholder, .layout-grid-item .item-header .header-input-group .k-input::placeholder { color: #ccc; }

.layout-grid-item .item-header .header-input-group .header-input:disabled, .layout-grid-item .item-header .header-input-group .k-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.layout-grid-item .item-header .header-input-group .header-input:-moz-read-only, .layout-grid-item .item-header .header-input-group .k-input:-moz-read-only { border-color: #bbbdc4; }

.layout-grid-item .item-header .header-input-group .header-input:read-only, .layout-grid-item .item-header .header-input-group .k-input:read-only { border-color: #bbbdc4; }

.layout-grid-item .item-header .header-input-group .header-input.form-error, .layout-grid-item .item-header .header-input-group .k-input.form-error { border-color: #ee3c57 !important; }

.layout-grid-item .item-header .header-input-group .header-input + .btn, .layout-grid-item .item-header .header-input-group .k-input + .btn { margin-left: 0.8rem; }

.layout-grid-item .item-header .header-input-group .k-dropdown { width: auto; height: 4rem; }

.layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap { display: block; padding: 1.1rem 3.2rem 1.1rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #bbbdc4; border-radius: 0.4rem; color: #000; font-size: 1.45rem; line-height: 1.6rem; text-indent: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; }

.layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap.k-state-hover, .layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap.k-state-active { border-color: #000; }

.layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap.k-state-disabled { opacity: 1; border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; cursor: default; }

.layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; }

.layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap .k-input { width: 100%; height: auto; padding: 0; color: #000; line-height: 1.6rem; font-size: 1.45rem; text-indent: 0; border: 0; }

.layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 1.2rem; }

.layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 1.6rem; vertical-align: bottom; }

.layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.layout-grid-item .item-header .header-input-group .k-dropdown .k-dropdown-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.layout-grid-item .item-header .header-input-group .k-dropdown + .btn { margin-left: 0.8rem; }

.layout-grid-item .item-header .header-input-group .form-input-search-area { position: relative; margin-left: auto; }

.layout-grid-item .item-header .header-input-group .form-input-search-area .header-input { padding-right: 3.4rem; }

.layout-grid-item .item-header .header-input-group .form-input-search-area .btn-form-search { position: absolute; top: 50%; right: 0.8rem; display: block; width: 1.8rem; height: 1.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/icon/icon_16_search.png") no-repeat 0 0/1.6rem auto; }

.layout-grid-item .item-header .header-input-group .form-input-search-area + .btn { margin-left: 0.8rem; }

.layout-grid-item .item-header .btn-group + .header-input, .layout-grid-item .item-header .btn-group + .k-input { margin-left: 0.8rem; }

.layout-grid-item .item-body { overflow-y: auto; padding: 0; }

.layout-grid-item .item-body:last-child .item-body-box { padding-bottom: 5rem; }

.layout-grid-item .item-body.col-type { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.layout-grid-item .item-body.col-type .layout-grid-item { overflow: auto; }

.layout-grid-item .item-body.col-type .layout-grid-item.col-left { width: 33.33%; padding-right: 1.6rem; }

.layout-grid-item .item-body.col-type .layout-grid-item.col-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 2rem; }

.layout-grid-item .item-body-box { -webkit-box-sizing: border-box; box-sizing: border-box; }

.layout-grid-item .item-body-box .panel + .panel, .layout-grid-item .item-body-box .panel + .panel-wrap { margin-top: 1.2rem; }

.layout-grid-item .item-body-box .panel.search + .panel { margin-top: 2rem; }

.layout-grid-item .item-body-box .panel-wrap + .panel, .layout-grid-item .item-body-box .panel-wrap + .panel-wrap { margin-top: 1.2rem; }

.layout-grid-item .item-body-box .item-body-box-header { display: -webkit-box; display: -ms-flexbox; display: flex; height: 3.9rem; padding-bottom: 0.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layout-grid-item .item-body-box .item-body-box-header .box-header-title { -ms-flex-item-align: end; align-self: flex-end; padding-top: 0.4rem; color: #222; font-weight: 700; font-size: 1.6rem; -ms-grid-row-align: end; align-self: end; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.layout-grid-item .item-body-box .item-body-box-header .box-header-right { margin-left: auto; }

.layout-grid-item .item-body-box .item-body-box-header.color-mapping { margin-top: 3.9rem; height: 4rem; }

.layout-grid-item .item-body.fixed-item { height: 100% !important; }

.layout-grid-item .item-body.fixed-item .item-body-box { height: 100%; overflow: hidden; }

.layout-grid-item .item-body.fixed-item .item-body-box .panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow: hidden; }

.layout-grid-item .item-body.fixed-item .item-body-box .panel .panel-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; }

.layout-grid-item .item-body.fixed-item .item-body-box .panel .tab.tree, .layout-grid-item .item-body.fixed-item .item-body-box .panel .tab.default { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.layout-grid-item .item-body.fixed-item .item-body-box .panel .tab.tree > .tab-container, .layout-grid-item .item-body.fixed-item .item-body-box .panel .tab.default > .tab-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: auto; }

.layout-grid-item .item-body.fixed-item .item-body-box .panel .tab.default > .tab-container > .tab-panel { overflow: hidden; }

.layout-grid-item .item-body.fixed-item .item-body-box .panel .tab.tree > .tab-container .k-treeview { overflow: hidden; }

.layout-grid-item .item-body.fixed-item2 { height: 100%; overflow-y: hidden; }

.layout-grid-item .item-body.fixed-item2 .item-body-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-bottom: 0rem; }

.layout-grid-item .item-body.fixed-item2 .item-body-box .tabstrip.model { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.layout-grid-item .item-body.fixed-item2 .item-body-box .tabstrip.model > .k-tabstrip-items-wrapper + .tab-panel { height: 100%; overflow: hidden; }

.layout-grid-item .item-body.fixed-item2 .item-body-box .tabstrip.model > .k-tabstrip-items-wrapper + .tab-panel .panel.tree { height: calc(100% - 4rem); }

.layout-grid-item .item-body.fixed-item2 .item-body-box .tabstrip.model > .k-tabstrip-items-wrapper + .tab-panel .panel .tab.tree { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.layout-grid-item .item-body.fixed-item2 .item-body-box .tabstrip.model > .k-tabstrip-items-wrapper + .tab-panel .panel .tab.tree .tab-container { height: calc(100% - 3.2rem); overflow: hidden; }

.layout-grid-item .item-body.fixed-item2 .item-body-box .tabstrip.model > .k-tabstrip-items-wrapper + .tab-panel .panel .tab.tree .tab-container .tab-content { height: calc(100% - 3.2rem); overflow: auto; }

.layout-grid-item .item-body.fixed-item2 .item-body-box .panel:last-child { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.layout-grid-item .item-body.fixed-item3 { height: 100% !important; }

.layout-grid-item .item-body.fixed-item3 .item-body-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; overflow: hidden; }

.layout-grid-item .item-body.fixed-item3 .item-body-box .panel:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.layout-grid-item .item-body.fixed-item3 .item-body-box .panel:last-child .panel-body { height: 100%; overflow: auto; }

.layout-grid.type2 { overflow: auto; }

.layout-grid.type2 .layout-grid-item.col-center { height: auto; overflow: auto; }

.layout-grid.type2 .layout-grid-item.col-center .item-body { height: auto; }

.layout-grid.type2 .layout-grid-item.col-center .item-body .item-body-box { padding-bottom: 2rem; }

.layout-grid.type2 .layout-grid-item.col-left .item-body, .layout-grid.type2 .layout-grid-item.col-right .item-body { height: 100%; }

.layout-grid.type3 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.layout-grid.type3 .layout-grid-item { height: auto; }

.layout-grid.type3 .layout-grid-item.flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.layout-grid.type3 .layout-grid-item.col-center .item-body { height: auto; }

.layout-grid.type3 .layout-grid-item.col-center .item-body .item-body-box { padding-bottom: 2rem; }

.layout-grid.type3 .layout-grid-item.col-center:last-child .item-body .item-body-box { padding-bottom: 5rem; }

.layout-grid.type3 .layout-grid-item.col-center .col-left { padding-left: 0; }

.layout-grid.type3 .layout-grid-item.col-center .col-right { padding-right: 0; }

.layout-grid.type3 .layout-grid-item.col-left, .layout-grid.type3 .layout-grid-item.col-right { overflow: auto; }

/* panel */
.panel { -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #D7DADE; border-radius: 0.4rem; background-color: #fff; }

.panel.search { border-color: #000; -webkit-box-shadow: 0 0.3rem 0.9rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0.3rem 0.9rem 0 rgba(0, 0, 0, 0.2); }

.panel.search .panel-body { padding-bottom: 1.6rem; }

.panel.search.expansion { position: relative; }

.panel.search.expansion .panel-body .line-form { height: 5.4rem; overflow: hidden; }

.panel.search.expansion.line-2 .panel-body .line-form { height: 11.4rem; }

.panel.search.expansion.line-3 .panel-body .line-form { height: 17.4rem; }

.panel.search.expansion.line-4 .panel-body .line-form { height: 22.4rem; }

.panel.search.expansion.line-5 .panel-body .line-form { height: 28.4rem; }

.panel.search.expansion.line-6 .panel-body .line-form { height: 34.4rem; }

.panel.search.expansion.line-2s .panel-body .line-form { height: 9.9rem; }

.panel.search.expansion.line-3s .panel-body .line-form { height: 15.4rem; }

.panel.search.expansion.line-4s .panel-body .line-form { height: 21.6rem; }

.panel.search.expansion.line-5s .panel-body .line-form { height: 27.4rem; }

.panel.search.expansion.line-6s .panel-body .line-form { height: 33.4rem; }

.panel.search.expansion.active { height: auto; }

.panel.search.expansion.active .panel-body { padding-bottom: 1.6rem; }

.panel.search.expansion.active .panel-body .line-form { height: auto; }

.panel.search.expansion.active .btn-search-expansion:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.panel.search.expansion .btn-search-expansion { position: absolute; bottom: -1.2rem; left: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 5.2rem; height: 1.2rem; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #2D2D2F; border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; }

.panel.search.expansion .btn-search-expansion:after { z-index: 1; content: ''; display: block; width: 0.8rem; height: 0.6rem; background: url("../images/common/icon/icon_arr_search_panel.png") no-repeat center/0.8rem auto; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.panel.line .panel-header { padding: 1.2rem 2.8rem; }

.panel.line .panel-header + .panel-body { border-top: 0.1rem solid #D7DADE; }

.panel.accordion .panel-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 0; min-height: 5.4rem; }

.panel.accordion .panel-header .btn-panel-accordion { display: block; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; -webkit-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; }

.panel.accordion.line .panel-header { padding-top: 1.2rem; }

.panel.accordion .panel-header-title .color2 { color: #2678e0; }

.panel.accordion .panel-body { display: none; }

.panel.accordion .panel-body .agreement-area-wrap:first-child { margin-top: -1.1rem; }

.panel.accordion.active .panel-header .btn-panel-accordion { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.panel.accordion.active .panel-body { display: block; }

.panel.line-none { border: 0; border-radius: 0; }

.panel.line-none .panel-header { padding: 0; }

.panel.line-none .panel-body { padding: 0; }

.panel.line-none .panel-body .agreement-area-wrap:first-child { margin-top: 2rem; }

.panel.tree { border-color: #999; min-height: 33.33rem; }

.panel.tree .panel-body .treeview:only-child { padding-top: 0.8rem; }

.panel.tab-contain-panel { position: relative; }

.panel.tab-contain-panel > .tab-panel-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 1; flex-basis: 1; padding-top: 2rem; }

.panel.tab-contain-panel > .tab-panel-btn .btn-group { margin-left: auto; }

.panel.tab-contain-panel > .tab-panel-btn.btn-top-fixed { position: absolute; padding-top: 0; top: 1.2rem; right: 2.8rem; }

.panel-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 4.4rem; padding: 1.2rem 2.8rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel-header-title { font-weight: 700; font-size: 1.6rem; color: #222; }

.panel-header-title + .tooltip-group, .panel-header-title + .push-notice { margin-left: 1rem; }

.panel-header .panel-header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.panel-header .panel-header-left .panel-header-title + .total-count-area { margin-left: 0.8rem; }

.panel-header .panel-header-right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; }

.panel-header .table-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.panel-header .table-input-group .table-input-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.panel-header .table-input-group .table-input-item + .table-input-item { padding-left: 2rem; }

.panel-header .table-input-group .table-input-item .table-input-label { padding-right: 1.2rem; color: #222; font-size: 1.45rem; white-space: nowrap; }

.panel-header .table-input-group .table-input-item.required .table-input-label::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.2rem; border-radius: 50%; background-color: #f03e41; vertical-align: top; }

.panel-header .table-input-group + .btn-group, .panel-header .table-input-group + .btn { padding-left: 2rem; }

.panel-header .table-input, .panel-header .k-input { display: block; width: 12.4rem; height: 3.2rem; padding: 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel-header .table-input:hover, .panel-header .table-input:focus, .panel-header .k-input:hover, .panel-header .k-input:focus { border-color: #000; }

.panel-header .table-input::-webkit-input-placeholder, .panel-header .k-input::-webkit-input-placeholder { color: #ccc; }

.panel-header .table-input:-ms-input-placeholder, .panel-header .k-input:-ms-input-placeholder { color: #ccc; }

.panel-header .table-input::-ms-input-placeholder, .panel-header .k-input::-ms-input-placeholder { color: #ccc; }

.panel-header .table-input::placeholder, .panel-header .k-input::placeholder { color: #ccc; }

.panel-header .table-input:disabled, .panel-header .k-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.panel-header .table-input:-moz-read-only, .panel-header .k-input:-moz-read-only { border-color: #e2e2e2; }

.panel-header .table-input:read-only, .panel-header .k-input:read-only { border-color: #e2e2e2; }

.panel-header .table-input.form-error, .panel-header .k-input.form-error { border-color: #ee3c57 !important; }

.panel-header .table-input + .btn, .panel-header .k-input + .btn { margin-left: 0.8rem; }

.panel-header .k-dropdown { width: 12.4rem; height: 3.2rem; }

.panel-header .k-dropdown .k-dropdown-wrap { display: block; padding: 0.8rem 2.8rem 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.panel-header .k-dropdown .k-dropdown-wrap.k-state-hover, .panel-header .k-dropdown .k-dropdown-wrap.k-state-active { border-color: #000; }

.panel-header .k-dropdown .k-dropdown-wrap.k-state-disabled { opacity: 1; border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; cursor: default; }

.panel-header .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; }

.panel-header .k-dropdown .k-dropdown-wrap .k-input { width: 100%; height: auto; padding: 0; color: #000; line-height: 1.4rem; font-size: 1.2rem; text-indent: 0; border: 0; }

.panel-header .k-dropdown .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 1.2rem; }

.panel-header .k-dropdown .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 1.6rem; vertical-align: bottom; }

.panel-header .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.panel-header .k-dropdown .k-dropdown-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.panel-header .k-dropdown + .btn { margin-left: 0.8rem; }

.panel-header .form-input-search-area { position: relative; margin-left: auto; }

.panel-header .form-input-search-area .table-input { padding-right: 3.4rem; }

.panel-header .form-input-search-area .btn-form-search { position: absolute; top: 50%; right: 0.8rem; display: block; width: 1.8rem; height: 1.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/icon/icon_16_search.png") no-repeat 0 0/1.6rem auto; }

.panel-header .form-input-search-area + .btn { margin-left: 0.8rem; }

.panel-header .k-numerictextbox { width: 12.4rem; }

.panel-header .k-numerictextbox .k-numeric-wrap { border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; }

.panel-header .k-numerictextbox .k-numeric-wrap.k-state-hover, .panel-header .k-numerictextbox .k-numeric-wrap.k-state-active { border-color: #000; }

.panel-header .k-numerictextbox .k-numeric-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.panel-header .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-input { color: #ccc; }

.panel-header .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-select { opacity: 0.3; }

.panel-header .k-numerictextbox .k-numeric-wrap .k-input { width: auto; height: 3rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; border: 0; text-align: right; padding-right: 3.6rem; }

.panel-header .k-numerictextbox .k-numeric-wrap .k-select { width: 1.6rem; height: 3rem; padding-right: 1.2rem; line-height: 3rem; border-left: 0; }

.panel-header .k-numerictextbox .k-numeric-wrap .k-select .k-link { height: 1.5rem; line-height: 1.5rem; }

.panel-header .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon::before { content: ''; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.panel-header .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-60-up::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.panel-header .k-numerictextbox + .btn { margin-left: 0.8rem; }

.panel-header .btn-group + .table-input, .panel-header .btn-group + .k-input { margin-left: 0.8rem; }

.panel-body { padding: 1.2rem 2.8rem 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel-body-title { font-weight: 300; font-size: 1.45rem; color: #000; }

.panel-body.type2 { padding: 1.2rem 2rem 1.6rem; }

.panel-body.type2 .panel-body-footer { padding-top: 0.8rem; }

.panel-body.body-half { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 2rem; overflow: hidden; }

.panel-body.body-half .body-half-left, .panel-body.body-half .body-half-right { width: 50%; overflow-y: auto; }

.panel-body.body-half .body-half-left .table-area-wrap + .table-area-wrap, .panel-body.body-half .body-half-right .table-area-wrap + .table-area-wrap { padding-top: 3.2rem; }

.panel-body.body-half .body-half-left { padding-right: 2.8rem; border-right: 0.1rem solid #D7DADE; }

.panel-body.body-half .body-half-right { padding-left: 2.8rem; }

.panel-body.panel-body-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.panel-body.panel-body-flex .line-form { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.panel-body.panel-body-flex .line-form + .line-form { margin-left: 2rem; }

.panel-body-footer { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 1.2rem; }

.panel-body-footer .btn-group { margin-left: auto; }

.panel-body .agreement-area-wrap:first-child { padding-top: 0.4rem; }

.panel .line-form + .table-area-wrap { padding-top: 3.2rem; }

.panel .line-form + .table-area-wrap.pt-sm { padding-top: 2.4rem; }

.panel .line-form + .table-area-wrap.pt-sm2 { padding-top: 1.6rem; }

.panel .line-form + .tab.small { padding-top: 3.2rem; }

.panel .table-area-wrap + .table-area-wrap { padding-top: 2rem; }

.panel .table-area-wrap + .tab.small { padding-top: 3.2rem; }

.panel .table-area-wrap + .line-form { padding-top: 3.2rem; }

.panel .graph-area { height: 100%; }

.panel.half { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 34.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel.half + .panel.half { margin-top: 1.2rem; }

.panel.half .panel-half-left { width: 33.3333%; border-right: 0.1rem solid #D7DADE; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel.half .panel-half-left .panel-left-content { width: 100%; height: 34.8rem; padding: 2rem 2rem 3.4rem 2.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel.half .panel-half-left .panel-left-content .table-area-wrap { height: 29.4rem; overflow-y: auto; }

.panel.half .panel-half-right { width: 66.6666%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel.half .panel-half-right .panel-right-content { width: 100%; height: 34.8rem; padding: 2rem 2.8rem 3.4rem 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.panel.half .panel-half-right .panel-right-content .table-area-wrap { height: 29.4rem; overflow-y: auto; }

.panel.line-none + .panel.line-none { margin-top: 3.2rem; }

.panel-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.panel-wrap-left { -webkit-box-flex: 2.3; -ms-flex: 2.3; flex: 2.3; margin-right: 1.2rem; }

.panel-wrap-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.panel-wrap-right .panel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.panel-wrap.type2 .panel-wrap-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 1.2rem; }

.panel-wrap.type2 .panel-wrap-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2.3; -ms-flex: 2.3; flex: 2.3; }

.panel-wrap.type2 .panel-wrap-right .panel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.panel-wrap-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.panel-wrap-item + .panel-wrap-item { margin-left: 1.2rem; }

.form-area-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 4rem; padding-bottom: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-area-header .panel-header-title + .table-input-group { margin-left: 1.2rem; }

.form-area-header .form-header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-area-header .form-header-left .panel-header-title + .panel-caption { margin-left: 0.8rem; font-weight: 400; font-size: 1.2rem; line-height: 1.6rem; color: #999; }

.form-area-header .form-header-right { margin-left: auto; }

.form-area-header .form-header-right.flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-area-header .form-header-right.box-gray-wrap { min-height: 4rem; }

.form-area-header.bottom { padding-bottom: 1rem; min-height: 0; }

.form-area-header.bottom-0 { padding-bottom: 0rem; min-height: 0; }

.form-area-header.min-height-0 { min-height: 0; }

.form-area-header .form-header-box-gray { padding: 0.4rem 0.9rem; background-color: #dee2e6; border-radius: 0.3rem; }

.form-area-header .form-header-box-gray .table-input-group .table-input-item .table-input-label { padding-right: 0.4rem; }

.form-area-header .form-header-box-gray .table-input-group .table-input-item + .table-input-item { padding-left: 2rem; }

.form-area-header .form-header-box-gray + .btn-group { margin-left: 0.4rem; }

.form-area-header > .form-header-box-gray { margin-top: 0.4rem; width: 100%; }

.form-area-header .table-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.form-area-header .table-input-group .table-input-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-area-header .table-input-group .table-input-item .table-input-label { padding-right: 1.2rem; color: #222; font-size: 1.45rem; white-space: nowrap; }

.form-area-header .table-input-group .table-input-item + .table-input-item { padding-left: 2rem; }

.form-area-header .table-input-group .table-input-item.required .table-input-label::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.2rem; border-radius: 50%; background-color: #f03e41; vertical-align: top; }

.form-area-header .table-input-group .table-input-item .form-radio-group li, .form-area-header .table-input-group .table-input-item .form-checkbox-group li { margin-top: 0; }

.form-area-header .table-input-group + .btn-group { padding-left: 2rem; }

.form-area-header .table-input-group.bar-group .table-input-item + .table-input-item { padding: 0; }

.form-area-header .table-input-group.bar-group .table-input-item + .table-input-item::before { content: ""; display: block; width: 0.1rem; height: 1.6rem; margin: 0 1.2rem; background: #bbc2c9; }

.form-area-header .table-input, .form-area-header .k-input { display: block; width: 12.4rem; height: 3.2rem; padding: 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #ddd; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-area-header .table-input:hover, .form-area-header .table-input:focus, .form-area-header .k-input:hover, .form-area-header .k-input:focus { border-color: #000; }

.form-area-header .table-input::-webkit-input-placeholder, .form-area-header .k-input::-webkit-input-placeholder { color: #ccc; }

.form-area-header .table-input:-ms-input-placeholder, .form-area-header .k-input:-ms-input-placeholder { color: #ccc; }

.form-area-header .table-input::-ms-input-placeholder, .form-area-header .k-input::-ms-input-placeholder { color: #ccc; }

.form-area-header .table-input::placeholder, .form-area-header .k-input::placeholder { color: #ccc; }

.form-area-header .table-input:disabled, .form-area-header .k-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.form-area-header .table-input:-moz-read-only, .form-area-header .k-input:-moz-read-only { border-color: #ddd; }

.form-area-header .table-input:read-only, .form-area-header .k-input:read-only { border-color: #ddd; }

.form-area-header .table-input.form-error, .form-area-header .k-input.form-error { border-color: #ee3c57 !important; }

.form-area-header .table-input + .btn, .form-area-header .k-input + .btn { margin-left: 0.8rem; }

.form-area-header .table-input.sm, .form-area-header .k-input.sm { width: 5.0rem; }

.form-area-header .table-input.md, .form-area-header .k-input.md { width: 7.5rem; }

.form-area-header .table-input.md2, .form-area-header .k-input.md2 { width: 9rem; }

.form-area-header .k-dropdown { width: 12.4rem; height: 3.2rem; }

.form-area-header .k-dropdown .k-dropdown-wrap { display: block; padding: 0.8rem 2.8rem 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #ddd; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; }

.form-area-header .k-dropdown .k-dropdown-wrap.k-state-hover, .form-area-header .k-dropdown .k-dropdown-wrap.k-state-active { border-color: #000; }

.form-area-header .k-dropdown .k-dropdown-wrap.k-state-disabled { opacity: 1; border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; cursor: default; }

.form-area-header .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; }

.form-area-header .k-dropdown .k-dropdown-wrap .k-input { width: 100%; height: auto; padding: 0; color: #000; line-height: 1.4rem; font-size: 1.2rem; text-indent: 0; border: 0; }

.form-area-header .k-dropdown .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 1.2rem; }

.form-area-header .k-dropdown .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 1.6rem; vertical-align: bottom; }

.form-area-header .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.form-area-header .k-dropdown .k-dropdown-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.form-area-header .k-dropdown + .btn { margin-left: 0.8rem; }

.form-area-header .form-input-search-area { position: relative; margin-left: auto; }

.form-area-header .form-input-search-area .table-input { padding-right: 3.4rem; }

.form-area-header .form-input-search-area .btn-form-search { position: absolute; top: 50%; right: 0.8rem; display: block; width: 1.8rem; height: 1.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/icon/icon_16_search.png") no-repeat 0 0/1.6rem auto; }

.form-area-header .form-input-search-area + .btn { margin-left: 0.8rem; }

.form-area-header .k-numerictextbox { width: 12.4rem; }

.form-area-header .k-numerictextbox .k-numeric-wrap { border: 0.1rem solid #ddd; border-radius: 0.3rem; }

.form-area-header .k-numerictextbox .k-numeric-wrap.k-state-hover, .form-area-header .k-numerictextbox .k-numeric-wrap.k-state-active { border-color: #000; }

.form-area-header .k-numerictextbox .k-numeric-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.form-area-header .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-input { color: #ccc; }

.form-area-header .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-select { opacity: 0.3; }

.form-area-header .k-numerictextbox .k-numeric-wrap .k-input { width: auto; height: 3rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; border: 0; text-align: right; padding-right: 3.6rem; }

.form-area-header .k-numerictextbox .k-numeric-wrap .k-select { width: 1.6rem; height: 3rem; padding-right: 1.2rem; line-height: 3rem; border-left: 0; }

.form-area-header .k-numerictextbox .k-numeric-wrap .k-select .k-link { height: 1.5rem; line-height: 1.5rem; }

.form-area-header .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon::before { content: ''; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.form-area-header .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-60-up::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.form-area-header .k-numerictextbox + .btn { margin-left: 0.8rem; }

.form-area-header .k-datepicker, .form-area-header .k-datetimepicker, .form-area-header .k-maskedtextbox { width: 12.4rem; }

.form-area-header .k-datepicker .k-picker-wrap, .form-area-header .k-datetimepicker .k-picker-wrap, .form-area-header .k-maskedtextbox .k-picker-wrap { height: 3.2rem; border: 0.1rem solid #ddd; border-radius: 0.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.form-area-header .k-datepicker .k-picker-wrap.k-state-hover, .form-area-header .k-datepicker .k-picker-wrap.k-state-active, .form-area-header .k-datetimepicker .k-picker-wrap.k-state-hover, .form-area-header .k-datetimepicker .k-picker-wrap.k-state-active, .form-area-header .k-maskedtextbox .k-picker-wrap.k-state-hover, .form-area-header .k-maskedtextbox .k-picker-wrap.k-state-active { border-color: #000; }

.form-area-header .k-datepicker .k-picker-wrap.k-state-disabled, .form-area-header .k-datetimepicker .k-picker-wrap.k-state-disabled, .form-area-header .k-maskedtextbox .k-picker-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.form-area-header .k-datepicker .k-picker-wrap.k-state-disabled .k-input, .form-area-header .k-datetimepicker .k-picker-wrap.k-state-disabled .k-input, .form-area-header .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-input { color: #ccc; }

.form-area-header .k-datepicker .k-picker-wrap.k-state-disabled .k-select, .form-area-header .k-datetimepicker .k-picker-wrap.k-state-disabled .k-select, .form-area-header .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-select { opacity: 0.3; }

.form-area-header .k-datepicker .k-picker-wrap .k-input, .form-area-header .k-datetimepicker .k-picker-wrap .k-input, .form-area-header .k-maskedtextbox .k-picker-wrap .k-input { padding: 0.8rem 1.2rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; border: 0; }

.form-area-header .k-datepicker .k-picker-wrap .k-select, .form-area-header .k-datetimepicker .k-picker-wrap .k-select, .form-area-header .k-maskedtextbox .k-picker-wrap .k-select { width: 1.6rem; padding-right: 0.8rem; height: 3rem; border-left: 0; line-height: 2.4rem; }

.form-area-header .k-datepicker .k-picker-wrap .k-select .k-icon, .form-area-header .k-datetimepicker .k-picker-wrap .k-select .k-icon, .form-area-header .k-maskedtextbox .k-picker-wrap .k-select .k-icon { width: 100%; height: 100%; }

.form-area-header .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .form-area-header .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .form-area-header .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-calendar:before { background: url("../images/common/icon/icon_16_calendar.png") no-repeat center/1.6rem auto; }

.form-area-header .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .form-area-header .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .form-area-header .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-clock:before { background: url("../images/common/icon/icon_16_time.png") no-repeat center/1.6rem auto; }

.form-area-header .k-datepicker .k-picker-wrap .k-select .k-icon:before, .form-area-header .k-datetimepicker .k-picker-wrap .k-select .k-icon:before, .form-area-header .k-maskedtextbox .k-picker-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.form-area-header .k-datepicker .k-picker-wrap .k-maskedtextbox.k-input, .form-area-header .k-datetimepicker .k-picker-wrap .k-maskedtextbox.k-input, .form-area-header .k-maskedtextbox .k-picker-wrap .k-maskedtextbox.k-input { padding: 0; }

.form-area-header .k-datetimepicker .k-picker-wrap .k-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 4.4rem; }

.form-area-header .k-dropdown + .k-dropdown, .form-area-header .k-dropdown + .table-input, .form-area-header .k-dropdown + .btn-group, .form-area-header .k-dropdown + .k-datepicker, .form-area-header .k-dropdown + .k-datetimepicker, .form-area-header .k-dropdown + .k-maskedtextbox, .form-area-header .table-input + .k-dropdown, .form-area-header .table-input + .table-input, .form-area-header .table-input + .btn-group, .form-area-header .table-input + .k-datepicker, .form-area-header .table-input + .k-datetimepicker, .form-area-header .table-input + .k-maskedtextbox, .form-area-header .k-datepicker + .k-dropdown, .form-area-header .k-datepicker + .table-input, .form-area-header .k-datepicker + .btn-group, .form-area-header .k-datepicker + .k-datepicker, .form-area-header .k-datepicker + .k-datetimepicker, .form-area-header .k-datepicker + .k-maskedtextbox, .form-area-header .k-datetimepicker + .k-dropdown, .form-area-header .k-datetimepicker + .table-input, .form-area-header .k-datetimepicker + .btn-group, .form-area-header .k-datetimepicker + .k-datepicker, .form-area-header .k-datetimepicker + .k-datetimepicker, .form-area-header .k-datetimepicker + .k-maskedtextbox, .form-area-header .k-maskedtextbox + .k-dropdown, .form-area-header .k-maskedtextbox + .table-input, .form-area-header .k-maskedtextbox + .btn-group, .form-area-header .k-maskedtextbox + .k-datepicker, .form-area-header .k-maskedtextbox + .k-datetimepicker, .form-area-header .k-maskedtextbox + .k-maskedtextbox { margin-left: 0.4rem; }

.form-area-header .k-dropdown + .table-input-label, .form-area-header .table-input + .table-input-label, .form-area-header .k-datepicker + .table-input-label, .form-area-header .k-datetimepicker + .table-input-label, .form-area-header .k-maskedtextbox + .table-input-label { margin-left: 1.2rem; }

.form-area-header .btn-group + .table-input, .form-area-header .btn-group + .k-input { margin-left: 0.8rem; }

.form-area-header .btn-group + .table-input-group { padding-left: 2rem; }

.form-area-header .table-sub-text { padding: 0 1rem 0 0.6rem; }

.form-area-header .table-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 1.2rem; line-height: 1.6rem; color: #999; }

.form-area-header .table-caption::before { content: ''; display: block; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_16_exclamation.png") no-repeat 0 0/1.6rem auto; }

.form-area-header .table-caption + .btn-group { margin-left: 1.6rem; }

/* list */
.k-listview { border: 0; }

.card-list .list-item { -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.1); border: solid 0.1rem #999; border-radius: 0.4rem; }

.card-list .list-item, .card-list .square-item { background: #fff; }

.card-list .list-item.k-state-selected, .card-list .list-item.active, .card-list .square-item.k-state-selected, .card-list .square-item.active { border-color: #2680EB; }

.card-list .list-item + .list-item, .card-list .square-item + .list-item { margin-top: 0.8rem; }

.card-list .item-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.card-list .item-area div[class^=label] + * { margin-left: 1.2rem; }

.card-list .item-area .label-user + .info-area { margin-left: .6rem; }

.card-list .item-area .label-user + .car-code { margin-left: .4rem; }

.card-list .item-area.space1 { padding: 1.2rem 1.6rem; }

.card-list .item-area.space2 { padding: 1.9rem 1.2rem; }

.card-list .item-area.space3 { padding: 2rem 1.6rem; }

.card-list .item-area.space5 { padding: 1.4rem 1.2rem; }

.card-list .item-area.space6 { padding: 1.6rem; }

.card-list .item-area.space7 { padding: 1.6rem 1rem; }

.card-list .item-area.space8 { padding: 1.6rem 2rem; }

.card-list .item-area.message .item-left .vertical-group .text + .text { padding-top: .8rem; }

.card-list .item-area.message .item-left .vertical-group:first-child { padding-right: 2rem; }

.card-list .item-area.message .item-left .vertical-group:first-child .text { color: #999; }

.card-list .item-area.message .item-left .vertical-group:first-child .text:first-child { font-size: 1.45rem; font-weight: 700; color: #000; }

.card-list .item-area.message .item-left .vertical-group:last-child .text { color: #000; }

.card-list .item-area.message .item-right { -ms-flex-item-align: end; align-self: flex-end; }

.card-list .item-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.card-list .item-left .label-half.vertical { -ms-flex-item-align: start; align-self: flex-start; }

.card-list .item-left .label-rounded { -ms-flex-negative: 0; flex-shrink: 0; }

.card-list .item-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; line-height: 1.4rem; }

.card-list .item-right.bottom { -ms-flex-item-align: end; align-self: flex-end; }

.card-list .item-right.center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.card-list .item-right .date + .date { margin-left: .4rem; }

.card-list .item-right .time + .time { margin-left: .7rem; text-align: right; }

.card-list .vertical-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.card-list .vertical-group .label-group { padding-top: .6rem; }

.card-list .vertical-group .date.gray + .horizontal-group { padding-top: .4rem; }

.card-list .vertical-group.w100 { width: 100%; }

.card-list .horizontal-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.8rem; }

.card-list .horizontal-group p + div, .card-list .horizontal-group p + div + div { margin-left: .4rem; }

.card-list .horizontal-group .square-icon { margin-left: auto; }

.card-list .horizontal-group + .info-area { padding-top: .6rem; }

.card-list .info-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.8rem; }

.card-list .info-area + .label-group { margin-top: 0.4rem; }

.card-list .info-area .user-name + .text-bar { white-space: nowrap; margin-left: 2rem; margin-right: 0.6rem; }

.card-list .text-bar { display: -webkit-box; display: -ms-flexbox; display: flex; }

.card-list .text-bar .text { justify-self: flex-end; }

.card-list .text-bar .text + .text:before { content: ''; display: inline-block; width: 0.1rem; height: 1.3rem; margin: 0 0.6rem; vertical-align: middle; background-color: #e0e0e0; }

.card-list .text-bar .text-con { justify-self: flex-end; }

.card-list .text-bar .text-con + .text-con:before { content: ''; display: inline-block; width: 0.1rem; height: 1.3rem; margin: 0 0.6rem; vertical-align: middle; background-color: #e0e0e0; }

.card-list .text-bar.width { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 2rem; width: 5.7rem; }

.card-list .text-bar.width .text + .text:before { content: none; }

.card-list .text-bar.width .text:first-child { font-weight: 700; color: #000; }

.card-list .text-bar.width .text:last-child { color: #000; padding-left: .2rem; }

.card-list .text-bar.width .text:only-of-type { font-weight: 400; }

.card-list .date-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box; }

.card-list .date-bar .date { justify-self: flex-end; }

.card-list .date-bar .date + .date:before { content: ''; display: inline-block; width: 0.1rem; height: 1rem; margin: 0 0.4rem; vertical-align: middle; background-color: #e0e0e0; }

.card-list .text { font-size: 1.45rem; font-weight: 400; color: #666; }

.card-list .text.user-name { font-size: 1.6rem; font-weight: 400; color: #000; }

.card-list .text.user-info { font-size: 1.2rem; font-weight: 400; color: #999; }

.card-list .text.black { color: #000; }

.card-list .text2 { font-size: 1.45rem; font-weight: 400; color: #000; }

.card-list .text2 + .text2 { margin-left: .4rem; }

.card-list .text2.gray { color: #999; }

.card-list .date { font-size: 1.2rem; font-weight: 400; color: #000; }

.card-list .date.gray { font-size: 1rem; color: #999; }

.card-list .date.sm { font-size: 1rem; }

.card-list .date.point { font-size: 1.45rem; }

.card-list .date-sm-group { font-size: 1rem; margin-bottom: 0.4rem; }

.card-list .time { font-size: 1.2rem; font-weight: 400; color: #000; }

.card-list .time.gray { font-size: 1rem; color: #ccc; }

.card-list .time.point { font-size: 1.45rem; }

.card-list .list-area-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 4rem; padding-bottom: .8rem; }

.card-list .list-area-header .list-header-right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; }

.card-list .list-title { font-weight: 700; font-size: 1.6rem; color: #222; }

.card-list .list-group .k-listview-content:empty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 17rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0.3rem; -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.1); border: solid 0.1rem #999; background-color: #fff; }

.card-list .list-group .k-listview-content:empty::before { content: ""; display: block; width: 3.4rem; height: 3.4rem; margin: 0 auto 1rem; background: url("../images/common/icon/icon_34_nodata.png") no-repeat 0 0/3.4rem auto; }

.card-list .list-group .k-listview-content:empty:after { content: "조회된 데이터가 없습니다."; font-size: 1.6rem; color: #999; }

/* list 디자인 변형 */
.list-item .item-area.space1 { overflow: hidden; }

.list-item .item-area.space1 .item-left { overflow: hidden; }

.list-item .item-area.space1 .item-left .info-area { overflow: hidden; }

.list-item .item-area.space1 .item-left .info-area .user-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list-item .item-area.space1 .item-left .vertical-group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.list-item .item-area.space1 .item-left .vertical-group .horizontal-group { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.list-item .item-area.space1 .item-left .vertical-group .horizontal-group .date + .date { margin-left: 0.4rem; }

.list-item .item-area.space5 .vertical-group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.list-item .item-area.space5 .horizontal-group { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.list-item .item-area.space5 .horizontal-group p + div { margin-left: 0; }

.list-item .item-area.space5 .horizontal-group .label-user { margin-right: 0.6rem; }

.list-item .item-area.space5 .horizontal-group .label-user + .info-area { margin-left: 0; }

.list-item .item-area.space5 .horizontal-group .info-area .text-bar .text + .text::before { margin: 0 0.4rem; }

.list-item .item-area.space5 .horizontal-group .text.user-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.list-item .item-area.space5 .label-tag { padding: .25rem .4rem; }

.list-item .item-area.space2 .item-left { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list-item .item-area.space2 .item-left .label-half { -ms-flex-negative: 0; flex-shrink: 0; }

.list-item .item-area.space2 .item-left .vertical-group { margin-left: .7rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list-item .item-area.space2 .item-left .vertical-group .info-area, .list-item .item-area.space2 .item-left .vertical-group .text-bar, .list-item .item-area.space2 .item-left .vertical-group .text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list-item .item-area.space2 .item-right { -ms-flex-negative: 0; flex-shrink: 0; }

.list-item .item-area.space6 .item-left, .list-item .item-area.space7 .item-left { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list-item .item-area.space6 .item-left .label-half.vertical, .list-item .item-area.space7 .item-left .label-half.vertical { min-width: 4rem; }

.list-item .item-area.space6 .item-left .label-half.vertical2, .list-item .item-area.space7 .item-left .label-half.vertical2 { -ms-flex-item-align: start; align-self: flex-start; min-width: 6.2rem; }

.list-item .item-area.space6 .item-left .vertical-group, .list-item .item-area.space7 .item-left .vertical-group { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list-item .item-area.space6 .item-left .vertical-group .horizontal-group .car-code, .list-item .item-area.space7 .item-left .vertical-group .horizontal-group .car-code { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.2rem; font-weight: 400; color: #666; }

.list-item .item-area.space6 .item-left .vertical-group .info-area, .list-item .item-area.space7 .item-left .vertical-group .info-area { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list-item .item-area.space6 .item-left .vertical-group .info-area .car-name, .list-item .item-area.space7 .item-left .vertical-group .info-area .car-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.2rem; font-weight: 400; color: #000; }

.list-item .item-area.space6 .item-right .list-car-img, .list-item .item-area.space7 .item-right .list-car-img { width: 9.1rem; min-width: 9.1rem; max-width: 9.1rem; height: auto; }

.list-item .item-area.space6 .item-right .list-car-img img, .list-item .item-area.space7 .item-right .list-car-img img { width: 100%; height: auto; }

.list-item .item-area.space6 .note-group, .list-item .item-area.space7 .note-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.list-item .item-area.space6 .note-group .label-group, .list-item .item-area.space7 .note-group .label-group { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-top: 0.3rem; margin-right: 0.6rem; }

.list-item .item-area.space6 .note-group .text-note, .list-item .item-area.space7 .note-group .text-note { margin-left: 0; padding-top: 0.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.45rem; line-height: 2.4rem; font-weight: 400; color: #000; }

.list-item .item-area.space6 .comment-info-area, .list-item .item-area.space7 .comment-info-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 0.5rem; font-size: 1.2rem; line-height: 1.6rem; color: #000; }

.list-item .item-area.space6 .comment-info-area .name, .list-item .item-area.space7 .comment-info-area .name { margin-right: 0.4rem; }

.list-item .item-area.space6 .comment-info-area .view, .list-item .item-area.space7 .comment-info-area .view { padding-left: 2rem; margin-left: 0.8rem; background: url("../images/common/icon/icon_16_view_eye.png") no-repeat 0 0/1.6rem auto; }

.list-item .item-area.space6 .comment-info-area .recommend, .list-item .item-area.space7 .comment-info-area .recommend { padding-left: 2rem; margin-left: 0.8rem; background: url("../images/common/icon/icon_16_recommend.png") no-repeat 0 0/1.6rem auto; }

.list-item .item-area.space6 .vertical-group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.list-item .item-area.space6 .vertical-group .horizontal-group:last-child .date-area { margin-left: auto; }

.list-item .item-area.space6 .vertical-group .horizontal-group + .text-bar { padding-top: .2rem; }

.list-item .item-area.space6 .vertical-group .text-bar { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.list-item .item-area.space6 .vertical-group .text-bar + .horizontal-group { padding-top: .3rem; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 1.6rem; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .table-input-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .table-input-item + .btn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 0.8rem; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown { width: 12rem; height: 3.2rem; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap { display: block; padding: 0.8rem 2.8rem 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap.k-state-hover, .layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap.k-state-active { border-color: #000; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap.k-state-disabled { opacity: 1; border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; cursor: default; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap .k-input { width: 100%; height: auto; padding: 0; color: #000; line-height: 1.4rem; font-size: 1.2rem; text-indent: 0; border: 0; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 1.2rem; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 1.6rem; vertical-align: bottom; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown .k-dropdown-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.layout-grid .layout-grid-item.col-left .item-header .table-input-group .k-dropdown + .k-dropdown { margin-left: 0.4rem; }

/* square list */
.card-list .square-group { width: 100%; margin: 0 -.5rem; }

.card-list .square-group .k-listview-content { display: -webkit-box; display: -ms-flexbox; display: flex; }

.card-list .square-item { margin: 0 0.5rem; -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.1); border: solid 0.1rem #999; border-radius: 0.4rem; }

.card-list .square-item :last-child { margin-right: 0; }

.card-list .square-area { display: block; padding: .8rem .8rem 1.6rem 1.6rem; }

.card-list .square-content { position: relative; max-width: 12.1rem; min-width: 12.1rem; max-height: 12.1rem; min-height: 12.1rem; }

.card-list .square-title { padding: .9rem 0 .8rem; line-height: 1.9rem; font-weight: 700; font-size: 1.6rem; color: #000; }

.card-list .square-title span { display: block; }

.card-list .square-text span { display: block; }

.card-list .square-text .year { line-height: 1.4rem; font-weight: 400; font-size: 1rem; color: #000; }

.card-list .square-text .date { line-height: 1.9rem; font-weight: 700; font-size: 1.45rem; color: #000; }

.card-list .square-icon { position: absolute; top: 0; right: 0; width: 3.4rem; height: 3.4rem; }

.card-list .square-icon.img-contact::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_contact.png") no-repeat center center/3.4rem auto; }

.card-list .square-icon.img-trial-ride::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_trial_ride.png") no-repeat top left/3.4rem auto; }

.card-list .square-icon.img-estimate::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_estimate.png") no-repeat top left/3.4rem auto; }

.card-list .square-icon.img-contract::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_contract.png") no-repeat top left/3.4rem auto; }

.card-list .square-icon.img-sales::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_sales.png") no-repeat top left/3.4rem auto; }

.card-list .square-icon.img-offer-estimate::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_offer_estimate.png") no-repeat top left/3.4rem auto; }

.card-list .square-icon.img-trade-in::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_trade_in.png") no-repeat top left/3.4rem auto; }

.card-list .square-icon.img-call-later::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_call_later.png") no-repeat top left/3.4rem auto; }

.card-list .square-icon.img-delivery-gift::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_delivery_gift.png") no-repeat top left/3.4rem auto; }

.card-list .square-icon.img-event::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_event.png") no-repeat top left/3.4rem auto; }

.card-list .square-icon.img-free-gift::before { content: ""; width: 3.4rem; height: 3.4rem; display: block; background: url("../images/common/icon/icon_16_list_free_gift.png") no-repeat top left/3.4rem auto; }

.card-list .square-label { position: absolute; bottom: 0; left: 0; }

.panel-body.square .card-list .square-item { margin-bottom: 1rem; }

.panel-body .card-list { width: 100%; }

.panel-body .card-list .square-group .k-listview-content { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.panel-body .scrollX-square .card-list .square-group { width: 100%; margin: 0; }

.panel-body .scrollX-square .card-list .square-group .k-listview-content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

/*
서비스예약 SV02020000
'고객의견' 구역
*/
.scrollX-square { width: 100%; height: auto; }

.scrollX-square .card-list { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: .6rem; }

.scrollX-square .card-list .square-group .k-listview-content .square-item { margin: 0 1rem 0 0; }

.scrollX-square .card-list .square-group .k-listview-content .square-area { padding: 2rem 2rem 1.6rem 1.6rem; }

.scrollX-square .card-list .square-group .k-listview-content .square-content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .square-input { width: 100%; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .square-input-con { width: 100%; height: 8.3rem; overflow-y: scroll; line-height: 1.4rem; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .square-input-con.none { display: none; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .square-input-con span { font-weight: 400; font-size: 1.3rem; color: #000; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .square-input-form .feedback-input { display: block; resize: none; width: 100%; height: 8.3rem; border: .1rem solid #ddd; border-radius: .3rem; line-height: 1.4rem; font-weight: 400; font-size: 1.3rem; color: #000; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .square-input-form .feedback-input.none { display: none; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .square-text { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; width: 100%; height: 3.2rem; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .square-text.none { display: none; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .square-text .name { margin-top: auto; margin-left: auto; line-height: 1rem; font-weight: 400; font-size: 1rem; color: #000; }

.scrollX-square .card-list .square-group .k-listview-content .square-content .feedback-add-text.none { display: none; }

.scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add { border: dashed .1rem #999; }

.scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add .square-content .feedback-add-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 12.1rem; height: 12.1rem; }

.scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add .square-content .feedback-add-text.none { display: none; }

.scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add .square-content .feedback-add-text span { position: relative; display: block; padding-top: 3.3rem; font-weight: 700; font-size: 1.6rem; color: #999; }

.scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add .square-content .feedback-add-text span::before, .scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add .square-content .feedback-add-text span:before, .scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add .square-content .feedback-add-text span::after, .scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add .square-content .feedback-add-text span:after { content: ''; position: absolute; top: 0; left: 50%; display: block; width: 0.3rem; height: 2.4rem; background-color: #ccc; }

.scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add .square-content .feedback-add-text span::after, .scrollX-square .card-list .square-group .k-listview-content .square-item.feedback-add .square-content .feedback-add-text span:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.scrollX-square .img-list { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.scrollX-square .img-list .img-group .k-listview-content { display: -webkit-box; display: -ms-flexbox; display: flex; }

.scrollX-square .img-list .img-group .k-listview-content .img-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.2rem; height: 8.2rem; margin: 0 0.6rem 0 0; }

.scrollX-square .img-list .img-group .k-listview-content .img-item .img-area { position: relative; width: 100%; padding-top: 100%; border-radius: 0.3rem; overflow: hidden; }

.scrollX-square .img-list .img-group .k-listview-content .img-item img { position: absolute; top: 50%; left: 50%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.scrollX-square .img-list.link-type .img-group .k-listview-content .img-link-wrap { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 8.2rem; margin: 0 0.4rem 0 0; }

.scrollX-square .img-list.link-type .img-group .k-listview-content .img-link-wrap .img-item { margin: 0; }

.scrollX-square .img-list.link-type .img-group .k-listview-content .img-link-wrap .img-text-area { margin-top: 0.4rem; word-break: break-all; }

.scrollX-square .img-list.link-type .img-group .k-listview-content .img-link-wrap .img-text-area .text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1.2rem; color: #000; overflow: hidden; text-overflow: ellipsis; }

.scrollX-square .img-list.link-type .img-group .k-listview-content .img-link-wrap .img-text-area .text.link-download { text-decoration: underline; }

.scrollX-square .img-list.link-type .img-group .k-listview-content .img-link-wrap .img-text-area .date { margin-top: 0.4rem; font-size: 1.2rem; color: #999; }

.scrollX-square .img-list.link-type .img-group .k-listview-content .img-link-wrap .btn-delete { position: absolute; top: 0.4rem; right: 0.4rem; display: block; width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_img_del.png") no-repeat 0 0/1.6rem auto; }

.scrollX-square .img-list .nodata { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 8.2rem; border-radius: 0.4rem; border: 0.1rem solid #ddd; }

.scrollX-square .img-list .nodata .nodata-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.45rem; color: #bbb; }

.scrollX-square .img-list .nodata .nodata-text::before { content: ""; display: block; width: 2rem; height: 2rem; margin-right: 0.6rem; background: url("../images/common/icon/icon_20_nodata.png") no-repeat center/2rem auto; }

.panel.line-none .panel-body.square .square-item { margin-bottom: 1rem; }

.panel.line-none .panel-body.square .form-label { margin-bottom: 0.4rem; font-weight: 400; font-size: 1.2rem; color: #999; }

.panel.line-none .panel-body.square .card-list { width: 100%; }

.panel.line-none .panel-body.square .card-list .square-group .k-listview-content { -ms-flex-wrap: wrap; flex-wrap: wrap; }

/*
tablet-group
AC02040000 판매기회관리
*/
.square-group.tablet-group { margin: 0 -.3rem; }

.square-group.tablet-group .k-listview-content .square-item { margin: 0 .2rem 1.2rem .2rem; }

.square-group.tablet-group .k-listview-content .square-area { display: block; padding: 1rem 0.85rem; }

.square-group.tablet-group .k-listview-content .square-content { max-width: 8.2rem; min-width: 8.2rem; max-height: 8.5rem; min-height: 8.5rem; }

.square-group.tablet-group .k-listview-content .square-label .label-select.k-dropdown .k-dropdown-wrap { width: 8.2rem; height: 2.4rem; }

.square-group.tablet-group .k-listview-content .square-label .label-select.k-dropdown .k-dropdown-wrap .k-input { font-size: 1.2rem; line-height: 2.4rem; }

.square-group.tablet-group .k-listview-content .square-label .label-select.none { width: 8.2rem; height: 2.4rem; }

.square-group.tablet-group .k-listview-content .square-label .label-select.none .span { font-size: 1.2rem; }

.square-group.tablet-group .k-listview-content .square-label .label-select.k-button { width: 8.2rem; height: 2.4rem; }

.square-group.tablet-group .k-listview-content .square-label .label-select.k-button .label-text2 { font-size: 1.2rem; }

.square-group.tablet-group .k-listview-content .square-input .form-field .label-select { width: 8.2rem; height: 2.4rem; }

.square-group.tablet-group .k-listview-content .square-input .form-field .label-select.k-input { padding: .4rem .8rem .4rem .8rem; }

.square-group.tablet-group .k-listview-content .square-title { padding: 0; line-height: 1.4rem; font-size: 1.45rem; }

.square-group.tablet-group .k-listview-content .square-title span + span { padding-bottom: .4rem; }

.square-group.tablet-group .k-listview-content .square-title + .square-input { padding-top: .8rem; }

.square-group.tablet-group .k-listview-content .square-text .year { line-height: 1.2rem; font-size: 1rem; }

.square-group.tablet-group .k-listview-content .square-text .date { line-height: 1.2rem; font-size: 1.2rem; }

.pic-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0.4rem; margin: 0 -0.4rem; }

.pic-list li { -webkit-box-flex: 0; -ms-flex: 0 0 24rem; flex: 0 0 24rem; padding: 0.4rem; }

.pic-list li .img-area { position: relative; width: 100%; padding-top: 75%; overflow: hidden; }

.pic-list li .img-area img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.list-item.space4 { padding: 2rem 2rem 1.6rem; }

.list-item .customer-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.list-item .customer-area-left { display: -webkit-box; display: -ms-flexbox; display: flex; width: 22.8rem; padding-right: 1.6rem; border-right: 0.1rem solid #c7c7c7; }

.list-item .customer-area-left .customer-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.list-item .customer-area-right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 1.6rem; }

.list-item .customer-area-right .horizontal-group .hori-label { padding: .8rem 0 .6rem 0; }

.list-item .customer-area-right .horizontal-group .hori-label + .hori-left { margin-left: 1rem; }

.list-item .customer-area-right .horizontal-group .hori-label.flex-start { -ms-flex-item-align: start; align-self: flex-start; padding-top: .4rem; }

.list-item .customer-area-right .horizontal-group .hori-left { padding-top: .8rem; }

.list-item .customer-area-right .horizontal-group .hori-right { margin-left: auto; }

.list-item .customer-area-right .horizontal-group + .stepper { margin-top: 2rem; }

.list-item .customer-area.stepper-wrap { min-height: 12.6rem; }

.list-item .hori-left-row { line-height: 1.1rem; font-size: 0; }

.list-item .hori-left-row .customer-info-title { font-weight: 400; font-size: 1.2rem; color: #646464; }

.list-item .hori-left-row .customer-info-title + .customer-info-text { padding-left: .8rem; }

.list-item .hori-left-row .customer-info-text { font-weight: 400; font-size: 1.2rem; color: #000; }

.list-item .hori-left-row .customer-info-text + .customer-info-title::before, .list-item .hori-left-row .customer-info-text + .customer-info-title:before { content: ""; display: inline-block; width: .1rem; height: 1.4rem; margin: 0 .8rem; vertical-align: top; background-color: #c7c7c7; }

.list-item .hori-left-row .customer-info-text .label-user { display: inline-block; vertical-align: middle; }

.list-item .hori-left-row .customer-info-text .label-user::before { vertical-align: middle; margin-right: 0rem; margin-top: -0.1rem; }

.list-item .hori-left-row + .hori-left-row { padding-top: .4rem; }

.list-item.space8 { padding: 1.6rem 2rem; }

.list-item.space8 .customer-area.stepper-wrap2 .customer-area-left2 { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; padding-right: 2rem; }

.list-item.space8 .customer-area.stepper-wrap2 .customer-area-left2 .customer-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.list-item.space8 .customer-area.stepper-wrap2 .customer-area-right .stepper { min-height: 3.6rem; }

.card-list.tablet-card-list .customer-area { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.card-list.tablet-card-list .customer-area-left { width: auto; padding-right: 0; border-right: 0; }

.card-list.tablet-card-list .customer-area-right { padding-top: 0.6rem; padding-left: 0; }

.card-list.tablet-card-list .customer-area-right .horizontal-group .hori-right { position: absolute; top: 0; right: 0; }

.card-list.tablet-card-list .customer-area-right .horizontal-group + .stepper { margin-top: 1.2rem; }

/* rect-panel */
.rect-panel { border: 0.1rem solid rgba(31, 38, 62, 0.1); -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.1); border-radius: .3rem; background: #fff; }

.rect-panel-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.3rem 2rem 1.3rem; border-radius: .3rem .3rem 0 0; line-height: 1.3rem; background: #2D2D2F; }

.rect-panel-body { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.6rem 2rem 2.4rem; }

.rect-panel-title { font-size: 1.6rem; font-weight: 700; color: #fff; }

.rect-total-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 1.6rem; }

.rect-total-title { line-height: 1.3rem; font-weight: 400; font-size: 1.2rem; color: #000; }

.rect-total-count { line-height: 1.3rem; font-weight: 700; font-size: 1.6rem; color: #000; }

/* vehicle-panel */
.vehicle-panel-head .label-group.vehicle-tag { margin-top: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.vehicle-panel-head .label-group.vehicle-tag::after, .vehicle-panel-head .label-group.vehicle-tag:after { content: ""; display: block; margin-top: .2rem; width: 100%; height: .1rem; background: #e2e2e2; }

.vehicle-panel-head .label-group.vehicle-tag .label-tag { margin: 0 .4rem .4rem 0; }

.vehicle-panel-head .label-group.vehicle-tag .label-tag + .label-tag { margin-left: 0; }

.vehicle-panel-body dl { padding-top: .6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.vehicle-panel-body dl dt { -ms-flex-negative: 0; flex-shrink: 0; width: 6.8rem; font-weight: 400; font-size: 1.2rem; color: #999; }

.vehicle-panel-body dl dt + dd { margin-left: .4rem; }

.vehicle-panel-body dl dd { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 400; font-size: 1.2rem; color: #000; }

.vehicle-panel-body dl dd .vehicle-view-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -0.8rem; }

.vehicle-panel-body dl dd .vehicle-view { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; margin-right: .8rem; margin-bottom: .8rem; }

.vehicle-panel-body dl dd .vehicle-view .btn-group { margin-left: .4rem; }

.vehicle-panel-body dl dd .vehicle-view .btn-group .btn + .btn { margin-left: .4rem; }

.vehicle-panel-body dl dd .vehicle-view > .btn:only-child { margin-left: .4rem; }

.vehicle-panel-body dl dd .vehicle-view + .vehicle-view:last-child { margin-right: 0; }

.vehicle-panel-body .vehicle-total-count { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.vehicle-panel-body .vehicle-total-count dt { color: #000; }

.vehicle-panel-body .vehicle-total-count dd { font-weight: 700; font-size: 1.45rem; }

.vehicle-title { line-height: 2rem; font-size: 1.6rem; font-weight: 700; color: #000; }

.modal { position: fixed; left: 0; top: 0; right: 0; bottom: 0; visibility: hidden; width: 100%; height: 100%; z-index: 200; overflow-y: auto; }

.modal.show { visibility: visible; }

.modal.show::before { content: ''; position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 199; }

.modal .modal-overlay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.modal .modal-header { width: 100%; }

.modal .modal-content { position: relative; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; z-index: 210; border-radius: .4rem; background-color: #fff; -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.2); }

.modal .modal-content .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.modal .modal-content .btn.btn-close-modal { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_close_white.png") no-repeat center/1.6rem auto; }

.modal.full-modal .modal-overlay { min-width: 96.8rem; }

.modal.full-modal .modal-content { position: relative; width: calc(100% - 13.4rem); max-width: 120rem; min-width: 76.8rem; height: auto; max-height: calc(100% - 13.4rem); }

.modal.full-modal .modal-content .text-content { overflow-y: auto; }

.modal.full-modal .modal-content .text-content .layout-grid { height: auto; }

.modal.full-modal .modal-content .text-content .layout-grid-item { height: auto; }

.modal.full-modal .modal-content .text-content .layout-grid-item .item-body { height: auto; }

.modal.full-modal .modal-content .text-content .layout-grid-item .item-body:last-child .item-body-box { padding-bottom: 0; }

.modal.full-modal .modal-content .text-content .layout-grid-item .line-form { padding: 0; }

.modal.full-modal .modal-content .text-content-footer { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.4rem 4rem 3.2rem; }

.modal.full-modal .modal-content .text-content-footer .btn-group { margin-left: auto; }

.modal.full-modal .modal-content .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 120rem; min-width: 83.5rem; padding: 1.6rem 2rem; background-color: #2D2D2F; border-top-left-radius: .4rem; border-top-right-radius: .4rem; z-index: 220; }

.modal.full-modal .modal-content .modal-title { font-size: 1.6rem; line-height: 2rem; font-weight: 700; color: #fff; }

.modal.full-modal .modal-content .panel:last-child { margin-bottom: 1.2rem; }

.modal.full-modal .modal-content .panel.line-none:last-child { margin-bottom: 0; }

.modal.full-modal .modal-content .panel.line-none .panel-body .line-form:first-child { padding-top: 4rem; }

.modal.full-modal .modal-content .panel.line-none .panel-body .line-form:only-child { padding-bottom: 1.2rem; }

.modal.small-modal .modal-content { width: auto; height: auto; padding: 3.6rem 4rem 3.2rem; }

.modal.small-modal .modal-content .modal-header + .text-content { padding-top: 2.4rem; }

.modal.small-modal .modal-content .modal-title { max-width: 42rem; font-weight: 700; font-size: 1.6rem; }

.modal.small-modal .modal-content .text-content { min-width: 28rem; font-size: 1.45rem; }

.modal.small-modal .modal-content .text-content + .modal-footer { padding-top: 2.4rem; }

.modal.small-modal .modal-content .btn-close-modal { display: none; }

.modal .layout-grid-item { padding: 0 4rem; }

.modal .layout-grid-item .item-header { padding: 2rem 0 1.2rem; }

.k-window { height: auto; background: #fff; -webkit-box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0.4rem 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.2); border: 0; border-radius: 0.4rem; }

.k-window::before { content: ''; position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: -1; }

.k-window .k-window-titlebar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.6rem 2rem; background-color: #2D2D2F; z-index: 200; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; }

.k-window .k-window-titlebar .k-window-title { font-size: 1.6rem; line-height: 2rem; font-weight: 700; color: #fff; }

.k-window .k-window-titlebar .k-window-actions { display: -webkit-box; display: -ms-flexbox; display: flex; top: 1.8rem; right: 1.8rem; height: 1.6rem; }

.k-window .k-window-titlebar .k-window-action { display: block; padding: 0; width: 1.6rem; height: 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; }

.k-window .k-window-titlebar .k-window-action + .k-window-action { margin-left: 0.8rem; }

.k-window .k-window-titlebar .k-window-action.k-state-hover::before { opacity: 0; }

.k-window .k-window-titlebar .k-window-action .k-icon { display: block; }

.k-window .k-window-titlebar .k-window-action .k-icon.k-i-close::before { content: ''; display: block; width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_close_white.png") no-repeat 0 0/1.6rem auto; }

.k-window .k-window-content { padding: 0; background-color: #fff; border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; }

.k-window .k-window-content .k-content-frame { border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; }

.k-window .k-window-content .k-content-frame.gray { background-color: #EFEFEF; }

.k-window .k-edit-form-container .k-edit-buttons { border: 0; }

.window-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 4rem; height: auto; border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; }

.window-content.bg { background-color: #EFEFEF; padding: 0 2rem; min-height: 100%; }

.window-content.bg .window-content-body { padding-bottom: 2rem; }

.window-content.bg .window-content-footer { padding-bottom: 2rem; }

.window-content.bg .layout-grid-item .item-header[style*="display: none"] + .item-body { padding-top: 2rem; }

.window-content.bg .layout-grid-item .item-body:only-child { padding-top: 2rem; }

.window-content.bg .layout-grid-item .item-body-box .panel + .panel { margin-top: 0.8rem; }

.window-content.bg .layout-grid-item .item-body-box .panel.search + .panel { margin-top: 2rem; }

.window-content.bg .layout-grid-item .item-body-box + .item-body-box { margin-top: 0.8rem; }

.window-content.bg .panel .panel-header { padding: 1.6rem 2rem 0; }

.window-content.bg .panel .panel-body { padding: 1.2rem 2rem 1.6rem; }

.window-content.bg .panel:last-child { margin-bottom: 0rem; }

.window-content.bg .panel.accordion .panel-header { padding-top: 0; }

.window-content.bg .panel.accordion .panel-header-title { font-size: 1.6rem; }

.window-content.bg .panel.accordion.line .panel-header { padding-top: 1.2rem; }

.window-content.bg .tabstrip.default > .tab-panel { padding: 1.2rem 2rem 1.6rem; }

.window-content-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 2rem; }

.window-content-header .window-header-left { -ms-flex-item-align: end; align-self: flex-end; }

.window-content-header .btn-group { margin-left: auto; }

.window-content-body { padding-bottom: 2.4rem; }

.window-content-body:only-child { padding-bottom: 3.2rem; }

.window-content-body.small { padding-top: 2.4rem; }

.window-content-body.small + .window-content-footer { padding-bottom: 2rem; }

.window-content-body.small .panel.line-none .panel-header { min-height: auto; }

.window-content-body.small .panel.line-none .panel-header + .panel-body { padding-top: 4rem; }

.window-content-body.small .popup-text { line-height: 2rem; font-weight: 400; font-size: 1.45rem; color: #333; }

.window-content-body.small .sign-panel-area { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 16.5rem; padding: 1rem; margin: 0 -1.6rem; border-radius: 0.3rem; border: solid 0.1rem #ddd; background-color: #eaeaeb; -webkit-box-sizing: border-box; box-sizing: border-box; }

.window-content-body.small .sign-panel-area .sign-placeholder { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.45rem; color: #999; text-align: center; }

.window-content-body.small .sign-panel-area canvas { z-index: 1; }

.window-content-body.small .notice-area .notice-header { overflow: hidden; }

.window-content-body.small .notice-area .notice-header .btn { -ms-flex-negative: 0; flex-shrink: 0; }

.window-content-body.small .notice-area .notice-header .notice-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.window-content-body.small .notice-area .notice-header .title { font-weight: 700; font-size: 1.6rem; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.window-content-body.small .notice-area .notice-header .date { font-size: 1.2rem; color: #999; }

.window-content-body.small .notice-area .notice-content { margin-top: 2rem; }

.window-content-body.small .notice-area .notice-content img { display: block; width: 100%; height: auto; }

.window-content-footer { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: auto; padding-bottom: 3.2rem; }

.window-content-footer .btn-group { margin-left: auto; }

.window-content .layout-grid { height: auto; overflow: auto; }

.window-content .layout-grid.type3 .layout-grid-item .item-body:last-child .item-body-box { padding-bottom: 0; }

.window-content .layout-grid.type3 .layout-grid-item .item-body.flex-column-half { height: 100%; }

.window-content .layout-grid.type3 .layout-grid-item .item-body.flex-column-half .item-body-box { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.window-content .layout-grid.type3 .layout-grid-item .item-body.flex-column-half .item-body-box .panel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.window-content .layout-grid.type3 .layout-grid-item.col-center + .col-center .item-body { padding-top: 0.8rem; }

.window-content .layout-grid-item { padding: 0; }

.window-content .layout-grid-item .item-body:last-child .item-body-box { padding-bottom: 0; }

.window-content .layout-grid-item .item-body:only-child .panel.line-none .panel-body .line-form:first-child { padding-top: 4rem; }

.window-content .layout-grid-item .item-body:only-child .panel.search { margin-top: 2rem; }

.window-content .layout-grid-item .line-form { padding: 0; }

.window-content .layout-grid-item.col-right { padding-left: 0.8rem; }

.window-content .panel:last-child { margin-bottom: 1.2rem; }

.window-content .panel.line-none:last-child { margin-bottom: 0; }

.window-content .panel.line-none .panel-body .line-form { padding-top: 0rem; }

.window-content .panel.line-none .panel-body .line-form:only-child { padding-bottom: 1.2rem; }

.window-content .panel .line-form { padding-top: 0.4rem; }

.window-content .panel .table-area-wrap + .line-form { padding-top: 3.2rem; }

.window-content.scroll-hidden { overflow: hidden; }

.window-content.scroll-hidden .window-content-header + .window-content-body { margin-top: 1.2rem; }

.window-content.scroll-hidden .window-content-body { overflow: auto; padding-bottom: 0; margin-bottom: 2.4rem; }

.window-content.scroll-hidden.image-content { padding: 0 6rem; }

.window-content.scroll-hidden2 .window-content-body .layout-grid-item.col-center .item-body { overflow-y: hidden; }

.window-content.scroll-hidden2.image-content { padding: 0 6rem; }

.window-content.scroll-fixed { overflow: hidden; height: 100%; }

.window-content.scroll-fixed .window-content-body { overflow: hidden; height: 100%; }

.window-content.scroll-fixed .window-content-body .layout-grid { overflow: hidden; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

.window-content.scroll-fixed .top-fixed-item { overflow: visible; height: auto; }

.window-content.scroll-fixed .top-fixed-item .panel:last-child { margin-bottom: 0; }

.window-content.send-content { height: 100%; overflow-y: hidden; }

.window-content.send-content .top-bar { height: 3.2rem; margin: 0 -4rem; background-color: #EFEFEF; text-align: center; }

.window-content.send-content .top-bar-text { padding: 0.8rem 0; line-height: 1.4rem; font-size: 1.2rem; color: #333; }

.window-content.send-content .window-content-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-bottom: 3.6rem; }

.window-content.send-content .window-content-body .layout-grid { padding-top: 2.4rem; height: 100%; }

.window-content.send-content .layout-grid-item.col-left { width: 27rem; }

.window-content.send-content .layout-grid-item.col-left .item-header { padding-top: 0; min-height: auto; }

.window-content.send-content .layout-grid-item.col-left .item-header .list-search-header-area { width: 100%; }

.window-content.send-content .layout-grid-item.col-left .item-header .list-search-header-area .list-search-header { display: none; }

.window-content.send-content .layout-grid-item.col-left .item-header .list-search-header-area .list-search-header.active { display: block; }

.window-content.send-content .layout-grid-item.col-left .item-header .list-search-header-area .list-search-header .line-form { width: 100%; }

.window-content.send-content .layout-grid-item.col-left .item-header .list-search-header-area .list-search-header .line-form .btn-text { margin-left: 0; padding-top: 0; padding-bottom: 0.8rem; line-height: 2.3rem; font-size: 1.45rem; color: #222; }

.window-content.send-content .layout-grid-item.col-left .item-header .list-search-header-area .list-search-header .line-form .form-area-header { min-height: auto; padding-bottom: 0; }

.window-content.send-content .layout-grid-item.col-left .item-header .list-search-header-area .list-search-header .line-form .form-input-search-area .btn-form-search { top: 0.4rem; right: 0rem; width: 1.8rem; height: 1.8rem; background: url("../images/common/icon/icon_16_search.png") no-repeat 0 0/1.6rem auto; }

.window-content.send-content .layout-grid-item.col-left .item-header .line-form { width: 100%; }

.window-content.send-content .layout-grid-item.col-left .item-header .line-form .btn-text { margin-left: 0; padding-bottom: 0.8rem; font-size: 1.45rem; color: #222; }

.window-content.send-content .layout-grid-item.col-left .item-header .line-form .form-area-header { min-height: auto; padding-bottom: 0; }

.window-content.send-content .layout-grid-item.col-right .panel-body { padding: 2rem 2.8rem 2.6rem; }

.window-content.send-content .layout-grid-item + .layout-grid-item { padding-left: 1.2rem; }

.window-content.send-content .item-body.flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; }

.window-content.send-content .item-body-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.window-content.send-content .item-footer { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 2.4rem; margin-top: auto; }

.window-content.send-content .item-footer .btn-group { margin-left: auto; }

.window-content.send-content .sms-phone { -webkit-box-flex: 0; -ms-flex: 0 0 26rem; flex: 0 0 26rem; width: 26rem; }

.window-content.send-content .sms-phone .sms-phone-area { width: 26rem; height: 100%; padding: 8rem 2rem 8rem 7rem; overflow: hidden; background: url("../images/visual/img_sms_phone.png") no-repeat top 0 right -1rem/100% auto; }

.window-content.send-content .sms-phone .sms-phone-area .sms-phone-content { overflow-y: auto; height: 100%; }

.window-content.send-content .sms-phone .sms-phone-area .sms-phone-content .sms.text { padding: 1.6rem; background-color: #2f69dc; font-size: 1.2rem; color: #fff; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem; border-bottom-left-radius: 0.4rem; word-break: keep-all; }

.window-content.send-content .sms-phone .sms-phone-area .sms-phone-content .sms.img { width: 100%; }

.window-content.send-content .sms-phone .sms-phone-area .sms-phone-content .sms.img img { width: 100%; height: auto; }

.window-content.send-content .sms-phone .sms-phone-area .sms-phone-content .sms + .sms { margin-top: 2rem; }

.window-content.reserve-scheduler-window { height: 100%; padding-right: 1.2rem; overflow: hidden; }

.window-content.reserve-scheduler-window .window-content-body { height: 100%; padding-bottom: 0; overflow: hidden; }

.window-content.reserve-scheduler-window .window-content-body .layout-grid { height: 100%; padding-top: 3.2rem; }

.window-content.reserve-scheduler-window .window-content-body .layout-grid-item.col-left .item-body { overflow-y: auto; padding-bottom: 3.2rem; }

.window-content.reserve-scheduler-window .window-content-body .layout-grid-item.col-right { margin-left: 2.8rem; }

.window-content.reserve-scheduler-window .window-content-body .layout-grid-item.col-right .item-body { padding-bottom: 1.2rem; }

.window-content.align-center-popup { width: 100%; height: 100%; }

.window-content.align-center-popup .window-content-body { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.window-content.align-center-popup .window-content-body:only-child { padding: 0; }

.window-content.align-center-popup .window-content-body .popup-box { width: 100%; text-align: center; }

.window-content.align-center-popup .window-content-body .popup-box .btn-group .btn-default { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.window-content.align-center-popup .window-content-body .popup-text { line-height: 2rem; font-weight: 400; font-size: 1.45rem; color: #333; }

.window-content.align-center-popup .window-content-body .popup-text + .btn-group { padding-top: 2.4rem; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .window-content.scroll-fixed .item-body { overflow: overlay; } }

.window-content.tab-content { padding: 0.6rem 0 0.8rem; }

.window-content.tab-content .window-content-body { padding-bottom: 0; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box { position: relative; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box .tab-content-tooltip { position: absolute; top: 2.5rem; right: 4rem; z-index: 10; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box .tab-content-tooltip .tooltip-btn { padding-left: 1.2rem; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box > .tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav { padding: 2rem 4rem 0; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box > .tabstrip.default > .tab-panel { padding: 1.2rem 4rem 1.2rem; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box > .tabstrip.default > .tab-panel .tab-panel-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 1; flex-basis: 1; padding-top: 2rem; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box > .tabstrip.default > .tab-panel .tab-panel-btn .btn-group { margin-left: auto; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box > .tabstrip.default > .tab-panel .tab-panel-btn.btn-top-fixed { padding-top: 0; top: 0.6rem; right: 4rem; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box > .tab-panel-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 1; flex-basis: 1; padding-top: 2rem; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box > .tab-panel-btn .btn-group { margin-left: auto; }

.window-content.tab-content .window-content-body .layout-grid .item-body .item-body-box > .tab-panel-btn.btn-top-fixed { position: absolute; padding-top: 0; top: 0.6rem; right: 4rem; }

.window-content.tab-content .window-content-footer { padding: 0 4rem 2rem; }

.window-content.tab-content.bg .window-content-body .layout-grid .item-body .item-body-box { position: relative; }

.window-content.tab-content.bg .window-content-body .layout-grid .item-body .item-body-box > .tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav { padding-top: 0; }

.window-content.tab-content.bg .window-content-body .layout-grid .item-body .item-body-box > .tabstrip.default .tab-panel { padding: 2rem 2rem 1.2rem; }

.window-content.tab-content.bg .window-content-body .layout-grid .item-body .item-body-box > .tabstrip.default .tab-panel .tab-panel-btn.btn-top-fixed { top: -1.4rem; right: 2rem; }

.window-content.tab-content.bg .window-content-body .layout-grid .item-body .item-body-box > .tab-panel-btn.btn-top-fixed { position: absolute; padding-top: 0; top: -1.4rem; right: 2rem; }

.fab { position: fixed; right: 4rem; bottom: 4rem; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fab input { display: none; }

.fab input:checked + .fab-menu .fab-btn { background: #fff url("../images/gnb/icon/icon_fab_close.png") no-repeat center/2.4rem auto; }

.fab input:checked + .fab-menu .fab-sub-menu { padding-bottom: 0.1rem; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: translateY(-100%) scale(1); transform: translateY(-100%) scale(1); }

.fab input:checked ~ .fab-blank { display: block; }

.fab .fab-menu { position: relative; z-index: 9999; width: 5.2rem; height: 5.2rem; }

.fab .fab-btn { position: absolute; width: 100%; height: 100%; -webkit-box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.5); background: #2D2D2F url("../images/gnb/icon/icon_fab_default.png") no-repeat center/2.4rem auto; border-radius: 50%; text-align: center; color: #fff; line-height: 5.2rem; z-index: 2; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.74, -1.73, 0.41, 2.95); transition-timing-function: cubic-bezier(0.74, -1.73, 0.41, 2.95); }

.fab .fab-btn:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.74, -1.73, 0.41, 2.95); transition-timing-function: cubic-bezier(0.74, -1.73, 0.41, 2.95); }

.fab .fab-sub-menu { z-index: 1; -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: translateY(-40%) scale(0); transform: translateY(-40%) scale(0); }

.fab .fab-sub-menu .fab-item { position: relative; margin-bottom: 1.2rem; }

.fab .fab-sub-menu .fab-item:last-child { margin-bottom: 2rem; }

.fab .fab-sub-menu .fab-item .icon-btn { display: block; width: 5.2rem; height: 5.2rem; -webkit-box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.5); border-radius: 50%; text-align: center; color: #fff; line-height: 5.2rem; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.74, -1.73, 0.41, 2.95); transition-timing-function: cubic-bezier(0.74, -1.73, 0.41, 2.95); }

.fab .fab-sub-menu .fab-item .icon-btn.icon-user-card { background: #2D2D2F url("../images/gnb/icon/icon_fab_user_card.png") no-repeat center/2.4rem auto; }

.fab .fab-sub-menu .fab-item .icon-btn.icon-user-register { background: #2D2D2F url("../images/gnb/icon/icon_fab_user_register.png") no-repeat center/2.4rem auto; }

.fab .fab-sub-menu .fab-item .icon-btn.icon-estimate { background: #2D2D2F url("../images/gnb/icon/icon_fab_estimate.png") no-repeat center/2.4rem auto; }

.fab .fab-sub-menu .fab-item .icon-text { position: absolute; top: 50%; right: 6.2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; font-size: 1.45rem; white-space: nowrap; }

.fab .fab-sub-menu .fab-item:hover .icon-btn { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.74, -1.73, 0.41, 2.95); transition-timing-function: cubic-bezier(0.74, -1.73, 0.41, 2.95); }

.fab .fab-blank { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 9998; background-color: rgba(0, 0, 0, 0.5); }

/******* tablet *******/
.tablet .layout-grid-item .item-header { padding: 2rem 0 1.2rem; min-height: 7.2rem; }

.tablet .layout-grid-item .item-header.flex-none { min-height: auto; }

.tablet .layout-grid-item.col-left .item-header .title + .label-group { margin-right: 1.6rem; }

.tablet .panel.search .panel-body { padding-bottom: 2.2rem; }

.tablet .panel.search.expansion .panel-body .line-form { height: 5.7rem; }

.tablet .panel.search.expansion.active .panel-body { padding-bottom: 3.2rem; }

.tablet .panel.line .panel-header { padding: 2rem 2.8rem; }

.tablet .panel-header { padding: 2rem 2.8rem 0; }

.tablet .panel-body { padding: 2rem 2.8rem 3.2rem; }

.tablet .tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav > .k-item + .k-item { margin-left: 2rem; }

/* button */
.btn { border: 0; }

.btn + .btn { margin-left: 0.4rem; }

.btn + .btn-more-group { margin-left: 0.4rem; }

.btn-default { height: 4rem; padding: 0 2rem; font-weight: 700; font-size: 1.45rem; }

.btn-small { height: 3.2rem; padding: 0 1.6rem; font-weight: 700; font-size: 1.2rem; }

.btn-confirm { height: 5rem; padding: 0 2.4rem; font-weight: 700; font-size: 1.6rem; }

.btn-icon { height: 3.2rem; border: 0.1rem solid rgba(31, 38, 62, 0.2); padding: 0 1rem; color: #2D2D2F; background-color: #fff; }

.btn-icon .icon { display: block; width: 1.6rem; height: 1.6rem; }

.btn-icon .icon-refresh { background: url(../images/common/icon/icon_20_refresh.png) no-repeat center/1.6rem auto; }

.btn-icon .icon-excel { background: url("../images/common/icon/icon_16_excel.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-excel2 { background: url("../images/common/icon/icon_16_excel2.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-sms { background: url("../images/common/icon/icon_16_sms.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-email { background: url("../images/common/icon/icon_16_email.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-modify { background: url("../images/common/icon/icon_16_modify.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-regist { background: url("../images/common/icon/icon_16_regist.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-detail { background: url("../images/common/icon/icon_16_detail.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-add { background: url("../images/common/icon/icon_16_add.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-search { background: url("../images/common/icon/icon_16_search.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-assign { background: url("../images/common/icon/icon_16_assign.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-reset  { background: url("../images/common/icon/icon_16_img_del.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-contract { background: url("../images/common/icon/icon_16_contract.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-car { background: url("../images/common/icon/icon_16_car.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-car-regist { background: url("../images/common/icon/icon_16_car_regist.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-bill { background: url("../images/common/icon/icon_16_bill.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-save { background: url("../images/common/icon/icon_16_save.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-del { background: url("../images/common/icon/icon_16_del.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-download { background: url("../images/common/icon/icon_16_download.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-upload { background: url("../images/common/icon/icon_16_upload.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-calendar { background: url("../images/common/icon/icon_16_calendar.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-more { background: url("../images/common/icon/icon_12_more.png") no-repeat center/1.2rem auto; }

.btn-icon .icon-download2 { background: url("../images/common/icon/icon_16_download2.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-download3 { background: url("../images/common/icon/icon_32_file_zip.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-upload2 { background: url("../images/common/icon/icon_16_upload2.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-car-inquire { background: url("../images/common/icon/icon_16_tooltip_car_info.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-up { background: url("../images/common/icon/icon_16_arr_grid_expand.png") no-repeat center/1.6rem auto; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.btn-icon .icon-down { background: url("../images/common/icon/icon_16_arr_grid_expand.png") no-repeat center/1.6rem auto; }

.btn-icon .icon-check { background: url("../images/common/icon/icon_checkbox_disabled.png") no-repeat center/1.6rem auto; }

.btn-icon .icon:only-child { margin: 0 -0.3rem; }

.btn-icon .icon + .btn-icon-text { padding-left: 0.4rem; }

.btn-icon-text { font-size: 1.2rem; }

.btn-icon-text.text-star { margin-top: 0.6rem; font-size: 1.8rem; color: #000; }

.btn-icon.active .icon-check { background: url("../images/common/icon/icon_checkbox_active.png") no-repeat center/1.6rem auto; }

.btn-icon.big { height: 4rem; border-radius: 0.4rem; }

.btn-icon.big .icon { width: 2rem; height: 2rem; }

.btn-icon.big .icon-check { background: url("../images/common/icon/icon_checkbox_disabled.png") no-repeat center/1.6rem auto; }

.btn-icon.big .icon-sms { background: url("../images/common/icon/icon_20_sms.png") no-repeat center/2rem auto; }

.btn-icon.big .icon-email { background: url("../images/common/icon/icon_20_email.png") no-repeat center/2rem auto; }

.btn-icon.big .icon-multi-select { background: url("../images/common/icon/icon_20_multi2.png") no-repeat center/2rem auto; }

.btn-icon.big .icon:only-child { margin: 0 -0.1rem; }

.btn-icon.big .btn-icon-text { font-size: 1.45rem; }

.btn-icon.big.active .icon-check { background: url("../images/common/icon/icon_checkbox_active.png") no-repeat center/1.6rem auto; }

.btn-icon-more { width: 4rem; height: 4rem; padding: 0; background: url("../images/common/icon/icon_16_more.png") no-repeat center/1.6rem auto; }

.btn-mini { width: 1.6rem; height: 1.6rem; }

.btn-mini-plus { background: url("../images/common/icon/icon_16_tree_open.png") no-repeat center/1.6rem auto; }

.btn-mini-minus { background: url("../images/common/icon/icon_16_tree_close.png") no-repeat center/1.6rem auto; }

.btn-mini-detail { background: url("../images/common/icon/icon_16_detail.png") no-repeat center/1.6rem auto; }

.btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.btn-group .btn-default + .btn-default { margin-left: 0.6rem; }

.btn-group .btn-small + .btn-small { margin-left: 0.4rem; }

.btn-group .btn-confirm + .btn-confirm { margin-left: 1rem; }

.btn-group .btn-icon + .btn-icon { margin-left: 0.4rem; }

.btn-group .btn-icon + .btn-add-search-group { margin-left: 0.4rem; }

.btn-group .btn-icon + .btn-more-group { margin-left: 0.4rem; }

.btn-group .btn-add-search-group + .btn-icon, .btn-group .btn-more-group + .btn-icon { margin-left: 0.4rem; }

.btn-group .btn-add-search-group + .btn-add-search-group, .btn-group .btn-more-group + .btn-add-search-group { margin-left: 0.4rem; }

.btn-group .btn-add-search-group + .btn-more-group, .btn-group .btn-more-group + .btn-more-group { margin-left: 0.4rem; }

.btn-group .btn-icon.big + .btn-icon.big { margin-left: 0.6rem; }

.btn-more-group { position: relative; width: 3.2rem; }

.btn-more-group .btn-more-sub { position: absolute; right: 0; top: 4rem; z-index: 100; display: none; }

.btn-more-group .btn-more-sub.active { display: block; }

.btn-more-group .btn-more-sub ul { padding: 1.6rem; border: 0.1rem solid #2D2D2F; border-radius: 0.3rem; background-color: #fff; -webkit-box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); }

.btn-more-group .btn-more-sub ul li + li { margin-top: 1.2rem; }

.btn-more-group .btn-more-sub ul li a { display: block; position: relative; padding-left: 2rem; font-size: 1.2rem; color: #2D2D2F; white-space: nowrap; }

.btn-more-group .btn-more-sub ul li a::before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 1.6rem; height: 1.6rem; }

.btn-more-group .btn-more-sub ul li a.icon-excel::before { background: url("../images/common/icon/icon_16_excel.png") no-repeat center/1.6rem auto; }

.btn-more-group .btn-more-sub ul li a.icon-excel2::before { background: url("../images/common/icon/icon_16_excel2.png") no-repeat center/1.6rem auto; }

.btn-more-group .btn-more-sub ul li a.icon-download::before { background: url("../images/common/icon/icon_16_download.png") no-repeat center/1.6rem auto; }

.btn-more-group .btn-more-sub ul .text-item a { padding-left: 0; }

.btn-add-search-group .btn-add-search-sub { display: none; z-index: 100; position: absolute; top: 4rem; left: 0; width: 100%; }

.btn-add-search-group .btn-add-search-sub.active { display: block; }

.k-button { border-radius: 0.4rem; }

.k-button:hover:before { opacity: 1; }

.k-button.k-primary { background-color: #2D2D2F; color: #fff; border: 0.1rem solid #2D2D2F; background-image: none; }

.k-button.k-secondary { background-color: #fff; color: #2D2D2F; border: 0.1rem solid #2D2D2F; }

.k-button.k-state-disabled, .k-button:disabled { opacity: .3; }

.k-button.btn-icon { border-radius: 0.3rem; }

.btn-group button.btn-like { margin:auto 0.4rem; margin-left:0; margin-right: 0.8rem; background: url("../images/common/icon/icon_good_off.png") center/4rem no-repeat ; width: 4rem; height: 4rem;}

.btn-group button.btn-like.active { margin:auto 0.4rem; margin-left:0; margin-right: 0.8rem; background: url("../images/common/icon/icon_good_on.png") center/4rem no-repeat ; width: 4rem; height: 4rem;}

/* a link button */
.link-btn { display: block; width: 2rem; height: 2rem; }

.link-btn.icon-car { background: url("../images/common/icon/icon_20_car_link_btn.png") no-repeat center/2rem auto; }

.link-btn + .tooltip-group { margin-left: 1.2rem; }

/* line form 형식 */
.line-form { padding: 0.4rem 0 0; overflow: hidden; }

.line-form.pc-form .form-field .form-label { margin-bottom: 0.2rem; }

.line-form.pc-form .form-grid { margin: 0 -1rem -0.8rem; }

.line-form.pc-form .form-grid .form-grid-item { padding-bottom: 0.8rem; }

.line-form .form-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1rem -2rem; }

.line-form .form-grid .form-grid-item { padding-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-grid .form-grid-item.colspan-full { width: 100% !important; }

.line-form .form-grid .form-grid-item.flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.line-form .form-grid .form-grid-item.flex-item .form-field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.line-form .form-grid .form-grid-item.flex-item .form-field + .form-field { margin-left: 2rem; }

.line-form .form-grid .form-grid-item.flex-item .form-field + .btn, .line-form .form-grid .form-grid-item.flex-item .form-field + .btn-group { margin-left: 1rem; }

.line-form .form-grid .form-grid-item.flex-item .form-field.width-half { width: calc(50% - 1rem); }

.line-form .form-grid .form-grid-item.flex-item.daterange-item .form-field + .form-field { position: relative; }

.line-form .form-grid .form-grid-item.flex-item.daterange-item .form-field + .form-field:before { content: "~"; position: absolute; top: 0.3rem; left: -1.4rem; font-size: 1.2rem; color: #666; }

.line-form .form-grid .form-grid-item.label-none { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.line-form .form-grid .form-grid-item.label-none .form-field { margin-top: auto; }

.line-form .form-grid.grid-col-1 .form-grid-item { width: 100%; }

.line-form .form-grid.grid-col-2 .form-grid-item { width: 50%; }

.line-form .form-grid.grid-col-3 .form-grid-item { width: 33.33%; }

.line-form .form-grid.grid-col-3 .form-grid-item.colspan-2 { width: 66.66%; }

.line-form .form-grid.grid-col-4 .form-grid-item { width: 25%; }

.line-form .form-grid.grid-col-4 .form-grid-item.colspan-2 { width: 50%; }

.line-form .form-grid.grid-col-4 .form-grid-item.colspan-3 { width: 75%; }

.line-form .form-field.form-required .form-label::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.2rem; border-radius: 50%; background-color: #f03e41; vertical-align: top; }

.line-form .form-field.form-required.tooltip-type .form-label::after { display: none; }

.line-form .form-field.form-required.tooltip-type .form-label .tooltip-group .tooltip-title::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.2rem; border-radius: 50%; background-color: #f03e41; vertical-align: top; }

.line-form .form-field.form-error .form-input, .line-form .form-field.form-error .form-textarea { border-color: #ee3c57 !important; }

.line-form .form-field.form-error .form-input-unit .unit-text::after { background: #ee3c57 !important; }

.line-form .form-field.align-center .form-checkbox-group li, .line-form .form-field.align-center .form-radio-group li { margin-top: 0; margin-bottom: 0.8rem; }

.line-form .form-field .form-label { display: block; margin-bottom: 0.4rem; font-size: 1.2rem; line-height: 1.6rem; color: #999; }

.line-form .form-field .form-label + .btn-group { padding-top: 0.2rem; }

.line-form .form-field .form-label sup, .line-form .form-field .form-label sub { line-height: 0; }

.line-form .form-field .form-label .form-label-icon { display: inline-block; width: 1.2rem; height: 1.2rem; vertical-align: middle; margin-left: 0.2rem; }

.line-form .form-field .form-label .form-label-icon.icon-modify { background: url("../images/common/icon/icon_16_modify.png") no-repeat center/1.2rem auto; }

.line-form .form-field .form-field-item.flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.line-form .form-field .form-field-item.flex-item .form-radio-group li, .line-form .form-field .form-field-item.flex-item .form-checkbox-group li { margin-top: 0; }

.line-form .form-field .form-field-item.flex-item .btn + .label-tag-list { margin-left: 1.8rem; }

.line-form .form-field .form-field-item.flex-item .btn-group + .form-checkbox-group, .line-form .form-field .form-field-item.flex-item .btn-group + .form-radio-group { margin-left: 1.8rem; }

.line-form .form-field .form-field-item.flex-item .flex-item-input-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.line-form .form-field .form-field-item.flex-item .flex-item-input-btn .form-input { margin: 0 1.2rem 0 3.2rem; }

.line-form .form-field .form-field-item.flex-item .flex-item-input-btn .btn { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.line-form .form-field .form-field-item .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.line-form .form-field .form-field-item .inline-flex.form-view { margin-left: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.line-form .form-field .form-field-item .inline-flex.form-view .form-input { padding-bottom: 0; text-align: right; }

.line-form .form-field .form-field-item .inline-flex.form-view .btn-view:only-child { margin-left: auto; }

.line-form .form-field .form-field-item .display-flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.line-form .form-field .form-field-item .display-flex + .display-flex, .line-form .form-field .form-field-item .display-flex + .btn { margin-left: 1rem; }

.line-form .form-field .form-field-item .display-flex.label-none { -ms-flex-item-align: end; align-self: flex-end; }

.line-form .form-field .form-field-item .display-flex.width-10 { -webkit-box-flex: 0; -ms-flex: 0 0 10rem; flex: 0 0 10rem; }

.line-form .form-field .form-field-item .display-flex.xs { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; }

.line-form .form-field .form-field-item .display-flex.sm { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; }

.line-form .form-field .form-field-item .display-flex.md { -webkit-box-flex: 0; -ms-flex: 0 0 36%; flex: 0 0 36%; }

.line-form .form-field .form-field-item .display-flex.auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.line-form .form-field .form-field-item .display-flex.daterange-item { position: relative; margin-left: 2rem; }

.line-form .form-field .form-field-item .display-flex.daterange-item::before { content: "~"; position: absolute; top: 0.3rem; left: -1.4rem; font-size: 1.2rem; color: #666; }

.line-form .form-field .form-field-item .display-flex.align-center { height: 1.6rem; }

.line-form .form-field .form-input { display: block; width: 100%; padding: 0 0 0.8rem; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; color: #000; font-size: 1.45rem; line-height: 2.3rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.line-form .form-field .form-input:hover, .line-form .form-field .form-input:focus { border-color: #000; }

.line-form .form-field .form-input::-webkit-input-placeholder { color: #ccc; }

.line-form .form-field .form-input:-ms-input-placeholder { color: #ccc; }

.line-form .form-field .form-input::-ms-input-placeholder { color: #ccc; }

.line-form .form-field .form-input::placeholder { color: #ccc; }

.line-form .form-field .form-input:disabled { border-bottom: 0.1rem dashed #e2e2e2; color: #ccc; }

.line-form .form-field .form-input:disabled.disabled-point { color: #1A8594; }

.line-form .form-field .form-input:-moz-read-only { border-color: #e2e2e2; }

.line-form .form-field .form-input:read-only { border-color: #e2e2e2; }

.line-form .form-field .form-input.k-dateinput { padding: 0; border-width: 0; }

.line-form .form-field div.form-input { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 3.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field div.form-input .form-input-text { overflow: hidden; text-overflow: ellipsis; }

.line-form .form-field div.form-input .form-input-text + .label-release, .line-form .form-field div.form-input .form-input-text + .label-group { margin-left: 0.8rem; }

.line-form .form-field div.form-input .form-input-text.placeholder { color: #ccc; }

.line-form .form-field div.form-input input.form-input-text { border: 0; color: #000; font-size: 1.45rem; line-height: 2.3rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.line-form .form-field div.form-input input.form-input-text::-webkit-input-placeholder { color: #ccc; }

.line-form .form-field div.form-input input.form-input-text:-ms-input-placeholder { color: #ccc; }

.line-form .form-field div.form-input input.form-input-text::-ms-input-placeholder { color: #ccc; }

.line-form .form-field div.form-input input.form-input-text::placeholder { color: #ccc; }

.line-form .form-field div.form-input input.form-input-text:disabled { color: #ccc; }

.line-form .form-field div.form-input input.form-input-text.w100 { width: 100%; }

.line-form .form-field div.form-input .label-release { margin-bottom: -0.2rem; }

.line-form .form-field div.form-input .label-release + .form-input-text, .line-form .form-field div.form-input .label-group + .form-input-text { margin-left: 0.8rem; }

.line-form .form-field div.form-input .label-release + input.form-input-text, .line-form .form-field div.form-input .label-group + input.form-input-text { width: 100%; }

.line-form .form-field div.form-input.search { padding-right: 2rem; background: url("../images/common/icon/icon_20_search.png") no-repeat top right/2rem auto; cursor: pointer; }

.line-form .form-field .form-input-unit { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; }

.line-form .form-field .form-input-unit .form-input { -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; }

.line-form .form-field .form-input-unit .form-input:hover + .unit-text::after, .line-form .form-field .form-input-unit .form-input:focus + .unit-text::after { background: #000; }

.line-form .form-field .form-input-unit .form-input:-moz-read-only + .unit-text::after { background: #e2e2e2; }

.line-form .form-field .form-input-unit .form-input:read-only + .unit-text::after { background: #e2e2e2; }

.line-form .form-field .form-input-unit .k-dropdown .k-dropdown-wrap { border-bottom: 0 !important; }

.line-form .form-field .form-input-unit .k-numerictextbox .k-numeric-wrap { border-bottom: 0 !important; }

.line-form .form-field .form-input-unit .unit-text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.45rem; line-height: 2.3rem; color: #999; }

.line-form .form-field .form-input-unit .unit-text::after { position: absolute; bottom: -0.1rem; right: 0; content: ""; display: block; width: 100%; height: 0.1rem; background: #e2e2e2; }

.line-form .form-field .form-input-unit .unit-text.color1 { color: #2680EB; }

.line-form .form-field .form-input-unit.disabled { border-style: dashed; }

.line-form .form-field .form-input-unit.disabled .unit-text { color: #ccc; }

.line-form .form-field .form-input-search-area { position: relative; }

.line-form .form-field .form-input-search-area .form-input { padding-right: 2.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-input-search-area .btn-form-search { position: absolute; top: 0; right: 0; display: block; width: 2rem; height: 2rem; border: 0; background: url("../images/common/icon/icon_20_search.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-search-area .btn-form-view-contents { position: absolute; top: 0; right: 0; display: block; width: 2rem; height: 2rem; border: 0; background: url("../img/ico_info_t.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-multi-area { position: relative; }

.line-form .form-field .form-input-multi-area .form-input { padding-right: 2.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-input-multi-area .btn-form-multi { position: absolute; top: 0; right: 0; display: block; width: 2rem; height: 2rem; border-radius: 0; background: url("../images/common/icon/icon_20_multi.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-multi-area .btn-form-multi.item-more { background: url("../images/common/icon/icon_20_multi_more.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-upload-area { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 0 0 0.8rem; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; }

.line-form .form-field .form-upload-area.line-none { padding: 0; border: 0; }

.line-form .form-field .form-upload-area.line-none .form-upload-label, .line-form .form-field .form-upload-area.line-none .btn-upload { margin-left: 1.2rem; }

.line-form .form-field .form-upload-area .form-upload-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #000; font-size: 1.45rem; line-height: 2.3rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; border: 0; }

.line-form .form-field .form-upload-area .form-upload-label, .line-form .form-field .form-upload-area .btn-upload { display: block; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_upload.png") no-repeat 0 0/2rem auto; cursor: pointer; }

.line-form .form-field .form-upload-area .form-upload { display: none; }

.line-form .form-field .form-upload-area .btn-upload-add { display: block; width: 2rem; height: 2rem; margin-left: 1.2rem; background: url("../images/common/icon/icon_20_file_add.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-upload-area .btn-view { display: block; width: 2rem; height: 2rem; margin-left: 0.8rem; background: url("../images/common/icon/icon_20_view.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-view { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; }

.line-form .form-field .form-view .form-input { border: 0; }

.line-form .form-field .form-view .form-input:-moz-read-only { border: 0; }

.line-form .form-field .form-view .form-input:read-only { border: 0; }

.line-form .form-field .form-view .btn-view { display: block; width: 2rem; height: 2rem; margin-left: 0.8rem; background: url("../images/common/icon/icon_20_view.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-view.flex-end .form-input { padding: 0; }

.line-form .form-field .form-view-area { position: relative; }

.line-form .form-field .form-view-area .form-input { padding-right: 2.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-view-area .btn-view { position: absolute; top: 0; right: 0; display: block; width: 2rem; height: 2rem; margin-left: 0.8rem; background: url("../images/common/icon/icon_20_view.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-user-area { position: relative; }

.line-form .form-field .form-input-user-area .form-input { padding-right: 2.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-input-user-area .btn-form-user { position: absolute; top: 0; right: 0; display: block; width: 2rem; height: 2rem; border-radius: 0; background: url("../images/common/icon/icon_20_user.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-refresh-area { position: relative; }

.line-form .form-field .form-input-refresh-area .form-input { padding-right: 2.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-input-refresh-area .btn-form-refresh { position: absolute; top: 0; right: 0; display: block; width: 2rem; height: 2rem; border-radius: 0; background: url("../images/common/icon/icon_20_refresh.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-recommend-area { position: relative; }

.line-form .form-field .form-recommend-area .form-input { padding-right: 2.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-recommend-area .btn-recommend { position: absolute; top: 0; right: 0; display: block; width: 2rem; height: 2rem; border-radius: 0; background: url("../images/common/icon/icon_20_recommend.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-recommend-area .btn-recommend.active { background: url("../images/common/icon/icon_20_recommend_active.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-btn2 { position: relative; }

.line-form .form-field .form-input-btn2 .form-input { padding-right: 5.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-input-btn2 .btn-group { position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.line-form .form-field .form-input-btn2 .btn-group .btn + .btn { margin-left: 1.2rem; }

.line-form .form-field .form-input-btn2 .btn-group .btn-form-search { display: block; width: 2rem; height: 2rem; border: 0; background: url("../images/common/icon/icon_20_search.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-btn2 .btn-group .btn-form-multi { display: block; width: 2rem; height: 2rem; border-radius: 0; background: url("../images/common/icon/icon_20_multi.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-btn2 .btn-group .btn-form-multi.item-more { background: url("../images/common/icon/icon_20_multi_more.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-btn2 .btn-group .btn-upload-add { display: block; width: 2rem; height: 2rem; margin-left: 1.2rem; background: url("../images/common/icon/icon_20_file_add.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-btn2 .btn-group .btn-view { display: block; width: 2rem; height: 2rem; border-radius: 0; background: url("../images/common/icon/icon_20_view.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-btn2 .btn-group .btn-form-user { display: block; width: 2rem; height: 2rem; border-radius: 0; background: url("../images/common/icon/icon_20_user.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-btn2 .btn-group .btn-form-refresh { width: 2rem; height: 2rem; border-radius: 0; background: url("../images/common/icon/icon_20_refresh.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-btn2 .btn-group .btn-recommend { width: 2rem; height: 2rem; border-radius: 0; background: url("../images/common/icon/icon_20_recommend.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-input-btn2 .btn-group .btn-recommend.active { background: url("../images/common/icon/icon_20_recommend_active.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .form-textarea { display: block; width: 100%; padding: 1.4rem; border: 0.1rem solid #e2e2e2; border-radius: 0.4rem; font-size: 1.45rem; line-height: 1.8rem; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-textarea::-webkit-input-placeholder { color: #ccc; }

.line-form .form-field .form-textarea:-ms-input-placeholder { color: #ccc; }

.line-form .form-field .form-textarea::-ms-input-placeholder { color: #ccc; }

.line-form .form-field .form-textarea::placeholder { color: #ccc; }

.line-form .form-field .form-textarea:disabled { color: #bbb; background-color: #f2f2f2; }

.line-form .form-field .form-textarea.type2 { padding: 0.9rem; font-size: 1.2rem; color: #222; }

.line-form .form-field .form-textarea.type2:-moz-read-only { padding: 0; border: 0; }

.line-form .form-field .form-textarea.type2:read-only { padding: 0; border: 0; }

.line-form .form-field .form-textarea-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 0.8rem; border: 0.1rem solid #e2e2e2; border-radius: 0.4rem; font-size: 1.45rem; line-height: 1.8rem; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-textarea-wrap .form-textarea { border: 0; padding: 0.6rem; }

.line-form .form-field .form-textarea-wrap .btn-group { margin-left: auto; }

.line-form .form-field .k-editor { width: 100% !important; border: 0.1rem solid #e2e2e2; border-radius: 0.4rem; font-size: 1.45rem; line-height: 1.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-spacing: 0; overflow: hidden; }

.line-form .form-field .k-editor .k-toolbar-resizable { min-height: 2.4rem; }

.line-form .form-field .k-editor .k-editor-toolbar-wrap { padding: 0.9rem 1.4rem 0.6rem 2rem; border-bottom: 0.1rem solid #e2e2e2; }

.line-form .form-field .k-editor .k-editor-toolbar { padding: 0; }

.line-form .form-field .k-editor .k-editor-toolbar .k-button-group { padding: 0; }

.line-form .form-field .k-editor .k-editor-toolbar .k-button-group .k-tool { width: 2.4rem; height: 2.4rem; border: 0; margin: 0; padding: 0; line-height: 2.4rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-dropdown-wrap { padding-bottom: 0; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-dropdown .k-select { width: 1.6rem; border: 0; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-dropdown .k-select .k-icon { width: 100%; height: 1.6rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-dropdown .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-dropdown .k-select .k-icon::before { content: ''; display: inline-block; width: 100%; height: 100%; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-dropdown .k-input { font-size: 1.2rem; line-height: 2.4rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-combobox { width: auto; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-combobox .k-dropdown-wrap .k-icon { width: 100%; height: 1.6rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-combobox .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-combobox .k-dropdown-wrap .k-icon::before { content: ''; display: inline-block; width: 100%; height: 100%; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-combobox .k-dropdown-wrap .k-input { font-size: 1.2rem; line-height: 2.4rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-combobox .k-dropdown-wrap .k-clear-value { display: none; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-picker-wrap { border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; background-color: transparent; line-height: 2.4rem; height: 2.4rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-picker-wrap .k-tool-icon { padding-top: 0; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-picker-wrap .k-tool-icon::before { width: 1.6rem; height: 1.6rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-picker-wrap .k-select { width: 1.6rem; line-height: 2rem; border: 0; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-picker-wrap .k-select .k-icon { width: 100%; height: 1.6rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-picker-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.line-form .form-field .k-editor .k-editor-toolbar .k-tool-group .k-picker-wrap .k-select .k-icon::before { content: ''; display: inline-block; width: 100%; height: 100%; }

.line-form .form-field .k-editor .k-editor-toolbar .k-overflow-tools { padding-left: 2.4rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-overflow-anchor { top: 0.2rem; width: 2.4rem; height: 2.4rem; border: 0.1rem solid rgba(31, 38, 62, 0.2); border-radius: 0.3rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-overflow-anchor .k-i-more-vertical::before { font-size: 1.2rem; }

.line-form .form-field .k-editor .k-editor-toolbar .k-i-list-roman-upper:before { content: "Ⅲ"; }

.line-form .form-field .k-editor .k-editor-toolbar .k-i-list-roman-lower:before { content: "ⅲ"; }

.line-form .form-field .k-editor .k-editable-area { padding: 1.5rem; width: 100%; height: 100%; border-width: 0; outline: 0; }

.line-form .form-field .k-editor .k-editable-area iframe.k-content { display: block; width: 100%; height: 100%; margin: 0; padding: 0; border-width: 0; background: 0 0; }

.line-form .form-field.sms .k-editor .k-editable-area { display: block; width: 22.5rem; height: 1rem; padding: 12rem 3rem 0; margin: 0 auto; background: url("../images/visual/img_sms_editor.png") no-repeat top 2rem left 0/100% auto; }

.line-form .form-field .k-dropdown, .line-form .form-field .k-combobox { width: 100%; }

.line-form .form-field .k-dropdown .k-dropdown-wrap, .line-form .form-field .k-combobox .k-dropdown-wrap { display: block; width: 100%; padding: 0 0 0.8rem; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; background-color: transparent; }

.line-form .form-field .k-dropdown .k-dropdown-wrap.k-state-hover, .line-form .form-field .k-dropdown .k-dropdown-wrap.k-state-active, .line-form .form-field .k-combobox .k-dropdown-wrap.k-state-hover, .line-form .form-field .k-combobox .k-dropdown-wrap.k-state-active { border-color: #000; }

.line-form .form-field .k-dropdown .k-dropdown-wrap.k-state-disabled, .line-form .form-field .k-combobox .k-dropdown-wrap.k-state-disabled { opacity: 1; border-bottom: 0.1rem dashed #e2e2e2; cursor: default; }

.line-form .form-field .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input, .line-form .form-field .k-combobox .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; }

.line-form .form-field .k-dropdown .k-dropdown-wrap.k-state-disabled .k-select, .line-form .form-field .k-combobox .k-dropdown-wrap.k-state-disabled .k-select { opacity: 0.3; }

.line-form .form-field .k-dropdown .k-dropdown-wrap .k-input, .line-form .form-field .k-combobox .k-dropdown-wrap .k-input { width: calc(100% - 2rem); padding: 0 0 0 0; color: #000; line-height: 2.3rem; font-size: 1.45rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.line-form .form-field .k-dropdown .k-dropdown-wrap .k-select, .line-form .form-field .k-combobox .k-dropdown-wrap .k-select { width: 2rem; line-height: 2rem; }

.line-form .form-field .k-dropdown .k-dropdown-wrap .k-select .k-icon, .line-form .form-field .k-combobox .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 2rem; }

.line-form .form-field .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before, .line-form .form-field .k-combobox .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .k-dropdown .k-dropdown-wrap .k-select .k-icon::before, .line-form .form-field .k-combobox .k-dropdown-wrap .k-select .k-icon::before { content: ''; display: inline-block; width: 100%; height: 100%; }

.line-form .form-field .k-dropdowntree, .line-form .form-field .k-multiselect { width: 100%; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap, .line-form .form-field .k-multiselect .k-multiselect-wrap { display: block; height: 2.3rem; padding: 0 5.6rem 0.8rem 0; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; background: transparent url("../images/common/icon/icon_20_arr_select.png") no-repeat top right/2rem auto; border-radius: 0; cursor: pointer; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-hover, .line-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-active, .line-form .form-field .k-multiselect .k-multiselect-wrap.k-state-hover, .line-form .form-field .k-multiselect .k-multiselect-wrap.k-state-active { border-color: #000; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-disabled, .line-form .form-field .k-multiselect .k-multiselect-wrap.k-state-disabled { opacity: 1; border-bottom: 0.1rem dashed #e2e2e2; cursor: default; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-disabled .k-input, .line-form .form-field .k-multiselect .k-multiselect-wrap.k-state-disabled .k-input { color: #ccc; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-disabled .k-select, .line-form .form-field .k-multiselect .k-multiselect-wrap.k-state-disabled .k-select { opacity: 0.3; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap .k-input, .line-form .form-field .k-multiselect .k-multiselect-wrap .k-input { min-height: auto; padding: 0 2rem 0 0; color: #000; line-height: 2.3rem; font-size: 1.45rem; text-indent: 0; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap .k-input.k-readonly, .line-form .form-field .k-multiselect .k-multiselect-wrap .k-input.k-readonly { opacity: 1; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap .k-clear-value, .line-form .form-field .k-multiselect .k-multiselect-wrap .k-clear-value { position: absolute; top: 0.4rem; right: 3.2rem; width: 1.6rem; height: 1.6rem; cursor: pointer; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap .k-clear-value .k-icon, .line-form .form-field .k-multiselect .k-multiselect-wrap .k-clear-value .k-icon { display: block; width: 100%; height: 100%; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap .k-clear-value .k-icon::before, .line-form .form-field .k-multiselect .k-multiselect-wrap .k-clear-value .k-icon::before { content: ''; display: block; width: 100%; height: 100%; background: url("../images/common/icon/icon_16_input_reset.png") no-repeat 0 0/1.6rem auto; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap ul, .line-form .form-field .k-multiselect .k-multiselect-wrap ul { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap ul li, .line-form .form-field .k-multiselect .k-multiselect-wrap ul li { float: none; margin: 0; padding: 0.4rem 1.2rem 0.5rem; line-height: 1.4rem; min-height: 2.2rem; border: 0; border-radius: 5rem; background-color: #f4f4f4; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap ul li + li, .line-form .form-field .k-multiselect .k-multiselect-wrap ul li + li { margin-left: 0.4rem; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap ul li span, .line-form .form-field .k-multiselect .k-multiselect-wrap ul li span { color: #666; font-size: 1.2rem; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select, .line-form .form-field .k-multiselect .k-multiselect-wrap ul li .k-select { position: static; width: 1.2rem; height: 1.2rem; padding: 0 0 0 0.6rem; line-height: 1rem; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon, .line-form .form-field .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon { position: static; display: block; width: 100%; height: 1.2rem; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon.k-i-close:before, .line-form .form-field .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon.k-i-close:before { background: url("../images/common/icon/icon_12_dropdowntree_close.png") no-repeat 0 0/1.2rem auto; }

.line-form .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon:before, .line-form .form-field .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon:before { content: ''; position: static; display: block; width: 100%; height: 100%; }

.line-form .form-field .k-datepicker, .line-form .form-field .k-datetimepicker, .line-form .form-field .k-maskedtextbox, .line-form .form-field .k-timepicker { display: block; width: 100%; padding: 0; }

.line-form .form-field .k-datepicker .k-picker-wrap, .line-form .form-field .k-datetimepicker .k-picker-wrap, .line-form .form-field .k-maskedtextbox .k-picker-wrap, .line-form .form-field .k-timepicker .k-picker-wrap { display: block; width: 100%; padding: 0 0 0.8rem; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; background-color: transparent; }

.line-form .form-field .k-datepicker .k-picker-wrap.k-state-hover, .line-form .form-field .k-datepicker .k-picker-wrap.k-state-active, .line-form .form-field .k-datetimepicker .k-picker-wrap.k-state-hover, .line-form .form-field .k-datetimepicker .k-picker-wrap.k-state-active, .line-form .form-field .k-maskedtextbox .k-picker-wrap.k-state-hover, .line-form .form-field .k-maskedtextbox .k-picker-wrap.k-state-active, .line-form .form-field .k-timepicker .k-picker-wrap.k-state-hover, .line-form .form-field .k-timepicker .k-picker-wrap.k-state-active { border-color: #000; }

.line-form .form-field .k-datepicker .k-picker-wrap .k-input, .line-form .form-field .k-datetimepicker .k-picker-wrap .k-input, .line-form .form-field .k-maskedtextbox .k-picker-wrap .k-input, .line-form .form-field .k-timepicker .k-picker-wrap .k-input { display: block; height: 2.3rem; padding: 0 2rem 0 0; color: #000; line-height: 2.3rem; font-size: 1.45rem; text-indent: 0; }

.line-form .form-field .k-datepicker .k-picker-wrap .k-select, .line-form .form-field .k-datetimepicker .k-picker-wrap .k-select, .line-form .form-field .k-maskedtextbox .k-picker-wrap .k-select, .line-form .form-field .k-timepicker .k-picker-wrap .k-select { width: 2rem; height: 2rem; border-left: 0; line-height: 1.6rem; }

.line-form .form-field .k-datepicker .k-picker-wrap .k-select .k-icon, .line-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon, .line-form .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon, .line-form .form-field .k-timepicker .k-picker-wrap .k-select .k-icon { width: 100%; height: 100%; }

.line-form .form-field .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .line-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .line-form .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .line-form .form-field .k-timepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before { background: url("../images/common/icon/icon_20_calendar.png") no-repeat 0 0/2rem auto; }

.line-form .form-field .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .line-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .line-form .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-clock:before, .line-form .form-field .k-timepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before { background: url("../images/common/icon/icon_20_time.png") no-repeat top right/2rem auto; }

.line-form .form-field .k-datepicker .k-picker-wrap .k-select .k-icon:before, .line-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon:before, .line-form .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon:before, .line-form .form-field .k-timepicker .k-picker-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.line-form .form-field .k-datetimepicker .k-picker-wrap .k-input { padding-right: 5.2rem; }

.line-form .form-field .k-datetimepicker .k-picker-wrap .k-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 5.2rem; }

.line-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-link { width: 2rem; height: 100%; }

.line-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon { margin: 0; }

.line-form .form-field .k-daterangepicker { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.line-form .form-field .k-daterangepicker.k-state-border-down .k-textbox-container .k-dateinput .k-textbox, .line-form .form-field .k-daterangepicker.k-state-border-up .k-textbox-container .k-dateinput .k-textbox { border-color: #000; }

.line-form .form-field .k-daterangepicker .k-textbox-container { width: calc(50% - 1rem); padding-top: 0; }

.line-form .form-field .k-daterangepicker .k-textbox-container .k-dateinput .k-textbox { display: block; height: 3.2rem; width: 100%; padding: 0 2rem 0.8rem 0; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; background-color: transparent; color: #000; line-height: 2rem; font-size: 1.45rem; text-indent: 0; overflow: hidden; text-overflow: ellipsis; }

.line-form .form-field .k-daterangepicker .k-textbox-container .k-label { display: none; }

.line-form .form-field .k-daterangepicker .k-textbox-container + span { position: relative; display: block; width: 1rem; height: 100%; padding-bottom: 0.8rem; font-size: 1.2rem; color: #666; }

.line-form .form-field .k-daterangepicker .k-textbox-container + span:before { content: "~"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.line-form .form-field .k-daterangepicker .k-textbox-container .k-textbox { padding-right: 2rem; cursor: pointer; background: url("../images/common/icon/icon_20_calendar.png") no-repeat top right/2rem auto; }

.line-form .form-field .k-numerictextbox { width: 100%; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap { display: block; width: 100%; padding: 0 0 0.8rem; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; background-color: transparent; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-hover, .line-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-active { border-color: #000; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-disabled { opacity: 1; border-bottom: 0.1rem dashed #e2e2e2; cursor: default; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-input { color: #ccc; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-select { opacity: 0.3; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap .k-input { display: block; padding: 0 2rem 0 0; color: #000; line-height: 2.3rem; font-size: 1.45rem; text-indent: 0; text-align: right; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap .k-select { top: -1.6rem; width: 1.6rem; height: 4rem; line-height: 4rem; border-left: 0; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap .k-select .k-link { height: 1.6rem; line-height: 1.6rem; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap .k-select .k-link + .k-link { margin-top: 0.8rem; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon::before { content: ''; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.line-form .form-field .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-60-up::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.line-form .form-field .form-progressbar { width: 100%; height: 2.3rem; margin-top: 0.9rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0; border: 0; }

.line-form .form-field .form-progressbar > .k-reset, .line-form .form-field .form-progressbar > ul { border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .form-progressbar .k-item { margin-left: 0; border-radius: 0; border: 0; vertical-align: top; background: #EFEFEF; font-size: 1.2rem; line-height: 2.3rem; color: #999; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

.line-form .form-field .form-progressbar .k-item.k-state-selected { background: #1A8594; color: #fff; }

.line-form .form-field .form-progressbar .k-item + .k-item { border-left: 0.2rem solid #fff; }

.line-form .form-field .k-pager-wrap .k-pager-sizes { margin: 0; padding: 0; color: #666; font-size: 1.2rem; }

.line-form .form-field .k-pager-wrap .k-pager-sizes .k-dropdown { display: block; width: 12.7rem; margin-right: 0; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .k-pager-wrap .k-pager-sizes .k-dropdown-wrap { height: 3.2rem; padding: 0 3.2rem 0 1.6rem; border: 0.1rem solid #DEE2E6; border-radius: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.line-form .form-field .k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-input { width: auto; padding: 0; text-indent: 0; color: #666; font-size: 1.2rem; line-height: 3rem; }

.line-form .form-field .k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-input:after { content: ' / page'; }

.line-form .form-field .k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 1.6rem; }

.line-form .form-field .k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-select .k-icon { width: 1.6rem; height: 3rem; text-align: left; }

.line-form .form-field .k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-select .k-icon:before { content: ''; width: 1.6rem; height: 1.6rem; }

.line-form .form-field .k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.line-form .form-error-msg { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: block; margin-top: 0.4rem; color: #ee3c57; font-size: 1.2rem; }

.line-form .btn-input-search { position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; height: 2.7rem; padding: 0 2.4rem 0.8rem 0; border-bottom: 0.1rem solid #e2e2e2; text-indent: 0; font-size: 1.45rem; line-height: 2.7rem; color: #000; cursor: pointer; background: url("../images/common/icon/icon_20_arr_select.png") no-repeat center right/1.6rem auto; }

.line-form .btn-input-search:hover { border-color: #000; }

/* horizontal form 형식 */
.hori-form { max-width: 43rem; }

.hori-form.width-full .form-field .form-label { margin-right: 0.4rem; }

.hori-form.width-full .form-field .form-input { width: 37rem; }

.hori-form.width-full .form-field .form-input-search-area { width: 37rem; }

.hori-form.width-full .form-field .form-textarea { width: 37rem; }

.hori-form.width-full .form-field .form-input-btn-area { width: 37rem; }

.hori-form.width-full .form-field .k-dropdown { width: 37rem; }

.hori-form.width-full .form-field .form-select-flex { width: 37rem; }

.hori-form.width-full .form-field .form-select-flex .select-item { width: 18rem; }

.hori-form.width-full .form-field .form-select-triple { width: 37rem; }

.hori-form.width-full .form-field .form-select-triple .select-item { width: 12.5rem; }

.hori-form.width-full .form-field .k-dropdowntree { width: 37rem; }

.hori-form.width-full .form-field .k-datepicker, .hori-form.width-full .form-field .k-datetimepicker, .hori-form.width-full .form-field .k-maskedtextbox { width: 37rem; }

.hori-form.width-full .form-field .k-daterangepicker { width: 37rem; }

.hori-form.width-full .form-field .k-numerictextbox { width: 37rem; }

.hori-form.width-full .form-field .form-radio-group, .hori-form.width-full .form-field .form-checkbox-group { width: 37rem; }

.hori-form .form-grid-item + .form-grid-item { padding-top: 0.8rem; }

.hori-form .form-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hori-form .form-field.form-required .form-label::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.2rem; border-radius: 50%; background-color: #f03e41; vertical-align: top; }

.hori-form .form-field.form-error .form-input, .hori-form .form-field.form-error .form-textarea { border-color: #ee3c57 !important; }

.hori-form .form-field.form-error + .form-error-msg, .hori-form .form-field.form-error .form-error-msg { display: block; width: 30rem; margin-left: auto; margin-top: 0.4rem; color: #ee3c57; font-size: 1.2rem; }

.hori-form .form-field .form-label { margin-right: 2.4rem; font-size: 1.45rem; color: #333; }

.hori-form .form-field .form-input { display: block; width: 30rem; height: 4rem; margin-left: auto; padding: 1rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.hori-form .form-field .form-input:hover, .hori-form .form-field .form-input:focus { border-color: #000; }

.hori-form .form-field .form-input::-webkit-input-placeholder { color: #ccc; }

.hori-form .form-field .form-input:-ms-input-placeholder { color: #ccc; }

.hori-form .form-field .form-input::-ms-input-placeholder { color: #ccc; }

.hori-form .form-field .form-input::placeholder { color: #ccc; }

.hori-form .form-field .form-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.hori-form .form-field .form-input:-moz-read-only { border-color: #e2e2e2; }

.hori-form .form-field .form-input:read-only { border-color: #e2e2e2; }

.hori-form .form-field .form-input.k-dateinput { padding: 0; border-width: 0; }

.hori-form .form-field div.form-input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 3.1rem; }

.hori-form .form-field div.form-input .form-input-text { overflow: hidden; text-overflow: ellipsis; }

.hori-form .form-field div.form-input .form-input-text + .label-release { margin-left: 0.8rem; }

.hori-form .form-field div.form-input .form-input-text.placeholder { color: #ccc; }

.hori-form .form-field div.form-input .label-release { margin-bottom: -0.4rem; }

.hori-form .form-field div.form-input.search { padding-right: 4rem; background: url("../images/common/icon/icon_20_search.png") no-repeat center right 1.2rem/2rem auto; cursor: pointer; }

.hori-form .form-field .form-input-search-area { position: relative; width: 30rem; margin-left: auto; }

.hori-form .form-field .form-input-search-area .form-input { padding-right: 3.4rem; }

.hori-form .form-field .form-input-search-area .btn-form-search { position: absolute; top: 50%; right: 1.2rem; display: block; width: 2rem; height: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/icon/icon_20_search.png") no-repeat 0 0/2rem auto; }

.hori-form .form-field .form-textarea { display: block; width: 30rem; margin-left: auto; padding: 1.4rem; border: 0.1rem solid #e2e2e2; border-radius: 0.4rem; font-size: 1.45rem; line-height: 1.8rem; resize: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.hori-form .form-field .form-textarea::-webkit-input-placeholder { color: #ccc; }

.hori-form .form-field .form-textarea:-ms-input-placeholder { color: #ccc; }

.hori-form .form-field .form-textarea::-ms-input-placeholder { color: #ccc; }

.hori-form .form-field .form-textarea::placeholder { color: #ccc; }

.hori-form .form-field .form-input-btn-area { display: -webkit-box; display: -ms-flexbox; display: flex; width: 30rem; margin-left: auto; }

.hori-form .form-field .form-input-btn-area .form-input { width: 100%; }

.hori-form .form-field .k-dropdown { width: 30rem; margin-left: auto; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap { border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap.k-state-hover, .hori-form .form-field .k-dropdown .k-dropdown-wrap.k-state-active { border-color: #000; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap.k-state-disabled .k-select { opacity: 0.3; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap .k-input { padding: 1rem 1.2rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap .k-select { width: 2rem; padding-right: 1.2rem; line-height: 3.2rem; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 2rem; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; }

.hori-form .form-field .k-dropdown .k-dropdown-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.hori-form .form-field .form-select-flex { display: -webkit-box; display: -ms-flexbox; display: flex; width: 30rem; margin-left: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.hori-form .form-field .form-select-flex .select-item { width: 14rem; }

.hori-form .form-field .form-select-flex .select-item + .select-item, .hori-form .form-field .form-select-flex .select-item + .monthpicker-flex, .hori-form .form-field .form-select-flex .select-item + .select-flex { margin-left: 2rem; }

.hori-form .form-field .form-select-flex .select-item .form-input { width: 100%; }

.hori-form .form-field .form-select-flex .select-item .k-dropdown { width: 100%; }

.hori-form .form-field .form-select-flex .select-item .k-maskedtextbox { width: 100%; }

.hori-form .form-field .form-select-flex .select-item.at { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0.4rem; }

.hori-form .form-field .form-select-flex .select-item.at::before { content: '@'; padding-right: 0.4rem; font-size: 1.45rem; }

.hori-form .form-field .form-select-triple { display: -webkit-box; display: -ms-flexbox; display: flex; width: 30rem; margin-left: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.hori-form .form-field .form-select-triple .select-item { width: 9.5rem; }

.hori-form .form-field .form-select-triple .select-item + .select-item, .hori-form .form-field .form-select-triple .select-item + .monthpicker-flex, .hori-form .form-field .form-select-triple .select-item + .select-flex { margin-left: 1rem; }

.hori-form .form-field .form-select-triple .select-item .form-input { width: 100%; }

.hori-form .form-field .form-select-triple .select-item .k-dropdown { width: 100%; }

.hori-form .form-field .form-select-triple .select-item .k-maskedtextbox { width: 100%; }

.hori-form .form-field .form-select-triple .select-item.at { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 0.4rem; }

.hori-form .form-field .form-select-triple .select-item.at::before { content: '@'; padding-right: 0.4rem; font-size: 1.45rem; }

.hori-form .form-field .k-dropdowntree, .hori-form .form-field .k-multiselect { width: 30rem; margin-left: auto; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap, .hori-form .form-field .k-multiselect .k-multiselect-wrap { height: 2.2rem; padding: 0.8rem 5.4rem 0.8rem 1.2rem; border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; background: transparent url("../images/common/icon/icon_20_arr_select.png") no-repeat center right 1.2rem/2rem auto; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-hover, .hori-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-active, .hori-form .form-field .k-multiselect .k-multiselect-wrap.k-state-hover, .hori-form .form-field .k-multiselect .k-multiselect-wrap.k-state-active { border-color: #000; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-disabled, .hori-form .form-field .k-multiselect .k-multiselect-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-disabled .k-input, .hori-form .form-field .k-multiselect .k-multiselect-wrap.k-state-disabled .k-input { color: #ccc; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap.k-state-disabled .k-select, .hori-form .form-field .k-multiselect .k-multiselect-wrap.k-state-disabled .k-select { opacity: 0.3; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap .k-input, .hori-form .form-field .k-multiselect .k-multiselect-wrap .k-input { padding: 0; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap .k-clear-value, .hori-form .form-field .k-multiselect .k-multiselect-wrap .k-clear-value { position: absolute; top: 1.2rem; right: 3.6rem; width: 1.6rem; height: 1.6rem; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap .k-clear-value .k-icon, .hori-form .form-field .k-multiselect .k-multiselect-wrap .k-clear-value .k-icon { display: block; width: 100%; height: 100%; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap .k-clear-value .k-icon::before, .hori-form .form-field .k-multiselect .k-multiselect-wrap .k-clear-value .k-icon::before { content: ''; display: block; width: 100%; height: 100%; background: url("../images/common/icon/icon_16_input_reset.png") no-repeat 0 0/1.6rem auto; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap ul, .hori-form .form-field .k-multiselect .k-multiselect-wrap ul { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 0; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap ul li, .hori-form .form-field .k-multiselect .k-multiselect-wrap ul li { float: none; margin: 0; padding: 0.3rem 1.2rem 0.3rem; min-height: auto; border: 0; border-radius: 5rem; background-color: #f4f4f4; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap ul li + li, .hori-form .form-field .k-multiselect .k-multiselect-wrap ul li + li { margin-left: 0.4rem; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap ul li span, .hori-form .form-field .k-multiselect .k-multiselect-wrap ul li span { color: #666; font-size: 1.2rem; line-height: 1.6rem; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select, .hori-form .form-field .k-multiselect .k-multiselect-wrap ul li .k-select { width: 2rem; padding-right: 1.2rem; line-height: 3.2rem; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon, .hori-form .form-field .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon { width: 100%; height: 2rem; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon.k-i-arrow-60-down:before, .hori-form .form-field .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; }

.hori-form .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon:before, .hori-form .form-field .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.hori-form .form-field .k-datepicker, .hori-form .form-field .k-datetimepicker, .hori-form .form-field .k-maskedtextbox { width: 30rem; margin-left: auto; }

.hori-form .form-field .k-datepicker .k-picker-wrap, .hori-form .form-field .k-datetimepicker .k-picker-wrap, .hori-form .form-field .k-maskedtextbox .k-picker-wrap { height: 4rem; border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.hori-form .form-field .k-datepicker .k-picker-wrap.k-state-hover, .hori-form .form-field .k-datepicker .k-picker-wrap.k-state-active, .hori-form .form-field .k-datetimepicker .k-picker-wrap.k-state-hover, .hori-form .form-field .k-datetimepicker .k-picker-wrap.k-state-active, .hori-form .form-field .k-maskedtextbox .k-picker-wrap.k-state-hover, .hori-form .form-field .k-maskedtextbox .k-picker-wrap.k-state-active { border-color: #000; }

.hori-form .form-field .k-datepicker .k-picker-wrap.k-state-disabled, .hori-form .form-field .k-datetimepicker .k-picker-wrap.k-state-disabled, .hori-form .form-field .k-maskedtextbox .k-picker-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.hori-form .form-field .k-datepicker .k-picker-wrap.k-state-disabled .k-input, .hori-form .form-field .k-datetimepicker .k-picker-wrap.k-state-disabled .k-input, .hori-form .form-field .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-input { color: #ccc; }

.hori-form .form-field .k-datepicker .k-picker-wrap.k-state-disabled .k-select, .hori-form .form-field .k-datetimepicker .k-picker-wrap.k-state-disabled .k-select, .hori-form .form-field .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-select { opacity: 0.3; }

.hori-form .form-field .k-datepicker .k-picker-wrap .k-input, .hori-form .form-field .k-datetimepicker .k-picker-wrap .k-input, .hori-form .form-field .k-maskedtextbox .k-picker-wrap .k-input { padding: 1rem 1.2rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.hori-form .form-field .k-datepicker .k-picker-wrap .k-select, .hori-form .form-field .k-datetimepicker .k-picker-wrap .k-select, .hori-form .form-field .k-maskedtextbox .k-picker-wrap .k-select { width: 2rem; padding-right: 1.2rem; height: 3.8rem; border-left: 0; line-height: 3.4rem; }

.hori-form .form-field .k-datepicker .k-picker-wrap .k-select .k-icon, .hori-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon, .hori-form .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon { width: 100%; height: 100%; }

.hori-form .form-field .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .hori-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .hori-form .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-calendar:before { background: url("../images/common/icon/icon_20_calendar.png") no-repeat center/2rem auto; }

.hori-form .form-field .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .hori-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .hori-form .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-clock:before { background: url("../images/common/icon/icon_20_time.png") no-repeat center/2rem auto; }

.hori-form .form-field .k-datepicker .k-picker-wrap .k-select .k-icon:before, .hori-form .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon:before, .hori-form .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.hori-form .form-field .k-datepicker .k-picker-wrap .k-maskedtextbox.k-input, .hori-form .form-field .k-datetimepicker .k-picker-wrap .k-maskedtextbox.k-input, .hori-form .form-field .k-maskedtextbox .k-picker-wrap .k-maskedtextbox.k-input { padding: 0; }

.hori-form .form-field .k-datetimepicker .k-picker-wrap .k-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 5.2rem; }

.hori-form .form-field .k-daterangepicker { width: 30rem; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.hori-form .form-field .k-daterangepicker.k-state-border-down .k-textbox-container .k-dateinput .k-textbox, .hori-form .form-field .k-daterangepicker.k-state-border-up .k-textbox-container .k-dateinput .k-textbox { border-color: #000; }

.hori-form .form-field .k-daterangepicker .k-textbox-container { width: calc(50% - 1rem); padding-top: 0; }

.hori-form .form-field .k-daterangepicker .k-textbox-container .k-dateinput .k-textbox { height: 4rem; padding: 1rem 3.2rem 1rem 1.2rem; border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.hori-form .form-field .k-daterangepicker .k-textbox-container .k-label { display: none; }

.hori-form .form-field .k-daterangepicker .k-textbox-container + span { position: relative; display: block; width: 1rem; height: 100%; padding-bottom: 0.8rem; font-size: 1.2rem; color: #666; }

.hori-form .form-field .k-daterangepicker .k-textbox-container + span:before { content: "~"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }

.hori-form .form-field .k-daterangepicker .k-textbox-container .k-textbox { cursor: pointer; background: url("../images/common/icon/icon_20_calendar.png") no-repeat top 0.9rem right 1.2rem/2rem auto; }

.hori-form .form-field .k-numerictextbox { width: 30rem; margin-left: auto; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap { border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-hover, .hori-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-active { border-color: #000; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-input { color: #ccc; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-select { opacity: 0.3; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap .k-input { padding: 1rem 1.2rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; text-align: right; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap .k-select { top: 0.1rem; width: 1.6rem; height: 3.8rem; padding-right: 1.2rem; line-height: 3.8rem; border-left: 0; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap .k-select .k-link { height: 1.6rem; line-height: 1.6rem; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap .k-select .k-link + .k-link { margin-top: 0.4rem; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon::before { content: ''; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.hori-form .form-field .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-60-up::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.hori-form .form-radio-group, .hori-form .form-checkbox-group { width: 30rem; min-height: 4rem; margin-left: auto; }

.hori-form.small { max-width: 36.5rem; }

.hori-form.small .form-grid-item + .form-grid-item { padding-top: 1.2rem; }

.hori-form.small .form-field.form-error + .form-error-msg { width: 26.5rem; }

.hori-form.small .form-field .form-label { margin-right: 1.2rem; color: #222; white-space: nowrap; }

.hori-form.small .form-field .form-input { width: 26.5rem; height: 3.2rem; padding: 0.9rem 1.2rem; font-size: 1.2rem; line-height: 1.4rem; }

.hori-form.small .form-field .form-input.k-dateinput { padding: 0; border-width: 0; }

.hori-form.small .form-field .form-input-search-area { position: relative; width: 26.5rem; margin-left: auto; }

.hori-form.small .form-field .form-input-search-area .form-input { padding-right: 3.4rem; }

.hori-form.small .form-field .form-input-search-area .btn-form-search { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_search.png") no-repeat 0 0/1.6rem auto; }

.hori-form.small .form-field .form-textarea { width: 26.5rem; font-size: 1.2rem; line-height: 1.4rem; }

.hori-form.small .form-field .form-input-btn-area { width: 26.5rem; }

.hori-form.small .form-field .k-dropdown { width: 26.5rem; }

.hori-form.small .form-field .k-dropdown .k-dropdown-wrap .k-input { padding: 0.8rem 1.2rem; font-size: 1.2rem; line-height: 1.4rem; }

.hori-form.small .form-field .k-dropdown .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 0.8rem; line-height: 2.8rem; }

.hori-form.small .form-field .k-dropdown .k-dropdown-wrap .k-select .k-icon { height: 1.6rem; }

.hori-form.small .form-field .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.hori-form.small .form-field .form-select-flex { width: 26.5rem; }

.hori-form.small .form-field .form-select-flex .select-item { width: 12.1rem; }

.hori-form.small .form-field .form-select-flex .select-item .k-datepicker { width: 100%; }

.hori-form.small .form-field .form-select-flex .select-item + .select-item { margin-left: 2.3rem; }

.hori-form.small .form-field .form-select-triple { width: 26.5rem; }

.hori-form.small .form-field .form-select-triple .select-item { width: 8.5rem; }

.hori-form.small .form-field .form-select-triple .select-item .k-datepicker { width: 100%; }

.hori-form.small .form-field .form-select-triple .select-item + .select-item { margin-left: .5rem; }

.hori-form.small .form-field .k-dropdowntree, .hori-form.small .form-field .k-multiselect { width: 26.5rem; }

.hori-form.small .form-field .k-dropdowntree .k-multiselect-wrap, .hori-form.small .form-field .k-multiselect .k-multiselect-wrap { height: 2.2rem; padding: 0.4rem 5rem 0.4rem 1.2rem; background: transparent url("../images/common/icon/icon_16_arr_select.png") no-repeat center right 0.8rem/1.6rem auto; }

.hori-form.small .form-field .k-dropdowntree .k-multiselect-wrap .k-input, .hori-form.small .form-field .k-multiselect .k-multiselect-wrap .k-input { font-size: 1.2rem; line-height: 2rem; }

.hori-form.small .form-field .k-dropdowntree .k-multiselect-wrap .k-clear-value, .hori-form.small .form-field .k-multiselect .k-multiselect-wrap .k-clear-value { top: 0.8rem; right: 3.2rem; width: 1.6rem; height: 1.6rem; }

.hori-form.small .form-field .k-dropdowntree .k-multiselect-wrap ul li, .hori-form.small .form-field .k-multiselect .k-multiselect-wrap ul li { padding: 0.3rem 1.2rem 0.3rem; }

.hori-form.small .form-field .k-dropdowntree .k-multiselect-wrap ul li span, .hori-form.small .form-field .k-multiselect .k-multiselect-wrap ul li span { font-size: 1.2rem; line-height: 1.4rem; }

.hori-form.small .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select, .hori-form.small .form-field .k-multiselect .k-multiselect-wrap ul li .k-select { width: 1.6rem; padding-right: 0.8rem; line-height: 3rem; }

.hori-form.small .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon, .hori-form.small .form-field .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon { height: 1.6rem; }

.hori-form.small .form-field .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon.k-i-arrow-60-down:before, .hori-form.small .form-field .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.hori-form.small .form-field .k-datepicker, .hori-form.small .form-field .k-datetimepicker, .hori-form.small .form-field .k-maskedtextbox { width: 26.5rem; }

.hori-form.small .form-field .k-datepicker .k-picker-wrap, .hori-form.small .form-field .k-datetimepicker .k-picker-wrap, .hori-form.small .form-field .k-maskedtextbox .k-picker-wrap { height: 3.2rem; }

.hori-form.small .form-field .k-datepicker .k-picker-wrap .k-input, .hori-form.small .form-field .k-datetimepicker .k-picker-wrap .k-input, .hori-form.small .form-field .k-maskedtextbox .k-picker-wrap .k-input { padding: 0.8rem 0 0.8rem 1.2rem; font-size: 1.2rem; line-height: 1.4rem; }

.hori-form.small .form-field .k-datepicker .k-picker-wrap .k-select, .hori-form.small .form-field .k-datetimepicker .k-picker-wrap .k-select, .hori-form.small .form-field .k-maskedtextbox .k-picker-wrap .k-select { width: 1.6rem; padding-right: 0.8rem; height: 3rem; border-left: 0; line-height: 2.4rem; }

.hori-form.small .form-field .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .hori-form.small .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .hori-form.small .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-calendar:before { background: url("../images/common/icon/icon_16_calendar.png") no-repeat center/1.6rem auto; }

.hori-form.small .form-field .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .hori-form.small .form-field .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .hori-form.small .form-field .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-clock:before { background: url("../images/common/icon/icon_16_time.png") no-repeat center/1.6rem auto; }

.hori-form.small .form-field .k-datepicker .k-picker-wrap .k-maskedtextbox.k-input, .hori-form.small .form-field .k-datetimepicker .k-picker-wrap .k-maskedtextbox.k-input, .hori-form.small .form-field .k-maskedtextbox .k-picker-wrap .k-maskedtextbox.k-input { padding: 0; }

.hori-form.small .form-field .k-datetimepicker .k-picker-wrap .k-select { width: 4.4rem; }

.hori-form.small .form-field .k-daterangepicker { width: 26.5rem; }

.hori-form.small .form-field .k-daterangepicker .k-textbox-container { width: calc(50% - 1.15rem); padding-top: 0; }

.hori-form.small .form-field .k-daterangepicker .k-textbox-container .k-dateinput .k-textbox { height: 3.2rem; padding: 0.8rem 3.2rem 0.8rem 0.8rem; font-size: 1.2rem; line-height: 1.4rem; }

.hori-form.small .form-field .k-daterangepicker .k-textbox-container + span { padding-bottom: 0; color: #222; }

.hori-form.small .form-field .k-daterangepicker .k-textbox-container + span:before { content: "-"; }

.hori-form.small .form-field .k-daterangepicker .k-textbox-container .k-textbox { cursor: pointer; background: url("../images/common/icon/icon_16_calendar.png") no-repeat top 0.7rem right 0.8rem/1.6rem auto; }

.hori-form.small .form-field .k-numerictextbox { width: 26.5rem; }

.hori-form.small .form-field .k-numerictextbox .k-numeric-wrap .k-input { padding: 0.8rem 1.2rem; font-size: 1.2rem; line-height: 1.4rem; text-align: right; }

.hori-form.small .form-field .k-numerictextbox .k-numeric-wrap .k-select { top: 0rem; width: 1.6rem; height: 3rem; padding-right: 0.8rem; line-height: 3rem; }

.hori-form.small .form-field .k-numerictextbox .k-numeric-wrap .k-select .k-link + .k-link { margin-top: 0rem; }

.hori-form.small .form-radio-group, .hori-form.small .form-checkbox-group { width: 26.5rem; min-height: 3.2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hori-form.small .form-radio-group li, .hori-form.small .form-checkbox-group li { margin-top: 0; }

.hori-form.small .form-grid-item.daterange-item .form-field .form-select-flex .select-item + .select-item { position: relative; }

.hori-form.small .form-grid-item.daterange-item .form-field .form-select-flex .select-item + .select-item::before { content: "-"; position: absolute; left: -1.4rem; top: 0.5rem; font-size: 1.45rem; }

.hori-form.type2 { max-width: 100%; border-top: 0.1rem solid #d0d6e3; border-bottom: 0.1rem solid #d0d6e3; }

.hori-form.type2 .form-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 -0.1rem 0; }

.hori-form.type2 .form-grid .form-grid-item { padding: 0; border-bottom: 0.1rem solid #d0d6e3; }

.hori-form.type2 .form-grid .form-grid-item.colspan-full { width: 100% !important; }

.hori-form.type2 .form-grid .form-grid-item.flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.hori-form.type2 .form-grid .form-grid-item.flex-item .form-field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.hori-form.type2 .form-grid .form-grid-item.flex-item .form-field + .form-field { margin-left: 2rem; }

.hori-form.type2 .form-grid .form-grid-item.flex-item .form-field + .btn { margin-left: 1rem; }

.hori-form.type2 .form-grid .form-grid-item.flex-item.daterange-item .form-field + .form-field { position: relative; }

.hori-form.type2 .form-grid .form-grid-item.flex-item.daterange-item .form-field + .form-field:before { content: "~"; position: absolute; top: 0.3rem; left: -1.4rem; font-size: 1.2rem; color: #666; }

.hori-form.type2 .form-grid .form-grid-item.label-none { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.hori-form.type2 .form-grid .form-grid-item.label-none .form-field { margin-top: auto; }

.hori-form.type2 .form-grid .form-grid-item + .form-grid-item { padding-top: 0rem; }

.hori-form.type2 .form-grid.grid-col-1 .form-grid-item { width: 100%; }

.hori-form.type2 .form-grid.grid-col-2 .form-grid-item { width: 50%; }

.hori-form.type2 .form-grid.grid-col-3 .form-grid-item { width: 33.33%; }

.hori-form.type2 .form-grid.grid-col-3 .form-grid-item.colspan-2 { width: 66.66%; }

.hori-form.type2 .form-grid.grid-col-4 .form-grid-item { width: 25%; }

.hori-form.type2 .form-grid.grid-col-4 .form-grid-item.colspan-2 { width: 50%; }

.hori-form.type2 .form-grid.grid-col-4 .form-grid-item.colspan-3 { width: 75%; }

.hori-form.type2 .form-field { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; min-height: 5.2rem; }

.hori-form.type2 .form-field.form-required .form-label::after { margin-top: -1.4rem; }

.hori-form.type2 .form-field.form-error + .form-error-msg, .hori-form.type2 .form-field.form-error .form-error-msg { width: 100%; }

.hori-form.type2 .form-field .form-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 0 12rem; flex: 0 0 12rem; height: 100%; padding: 0 2rem; margin-right: 0; background-color: #f5f6fa; color: #2D2D2F; }

.hori-form.type2 .form-field .form-input-wrap .form-error-msg { width: auto; margin-top: 0; margin-bottom: 0.6rem; padding: 0 2rem; }

.hori-form.type2 .form-field .form-input-area { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.6rem 2rem; }

.hori-form.type2 .form-field .form-input-area.flex-area { display: -webkit-box; display: -ms-flexbox; display: flex; }

.hori-form.type2 .form-field .form-input-area.flex-area .display-flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.hori-form.type2 .form-field .form-input-area.flex-area .display-flex.at { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hori-form.type2 .form-field .form-input-area.flex-area .display-flex.at::before { content: '@'; padding-right: 0.6rem; }

.hori-form.type2 .form-field .form-input-area.flex-area .display-flex.dash { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hori-form.type2 .form-field .form-input-area.flex-area .display-flex.dash::before { content: '-'; padding-right: 0.6rem; }

.hori-form.type2 .form-field .form-input-area.flex-area .display-flex.phone-select { -webkit-box-flex: 0; -ms-flex: 0 0 10.1rem; flex: 0 0 10.1rem; }

.hori-form.type2 .form-field .form-input-area.flex-area .display-flex.search { -webkit-box-flex: 0; -ms-flex: 0 0 21rem; flex: 0 0 21rem; }

.hori-form.type2 .form-field .form-input-area.flex-area .display-flex.md { -webkit-box-flex: 0; -ms-flex: 0 0 24.7rem; flex: 0 0 24.7rem; }

.hori-form.type2 .form-field .form-input-area.flex-area .display-flex + .display-flex { padding-left: 0.6rem; }

.hori-form.type2 .form-field .form-input-area.flex-area .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hori-form.type2 .form-field .form-input-area.flex-area .inline-flex.last { margin-left: auto; }

.hori-form.type2 .form-field .form-input-area.flex-area .inline-flex + .inline-flex { padding-left: 0.6rem; }

.hori-form.type2 .form-field .form-input-area.flex-area > .btn-group { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hori-form.type2 .form-field .form-input-area.flex-area > .btn-group + .form-checkbox-group { padding-left: 2.4rem; }

.hori-form.type2 .form-field .form-input-area.flex-area .form-input, .hori-form.type2 .form-field .form-input-area.flex-area .form-input-unit { width: 100%; }

.hori-form.type2 .form-field .form-input-area.flex-area .form-input + .btn-group, .hori-form.type2 .form-field .form-input-area.flex-area .form-input-unit + .btn-group { padding-left: 0.6rem; }

.hori-form.type2 .form-field .form-input { width: 100%; }

.hori-form.type2 .form-field .form-input:-moz-read-only { border: 0; padding: 0; }

.hori-form.type2 .form-field .form-input:read-only { border: 0; padding: 0; }

.hori-form.type2 .form-field .form-input-search-area { width: 100%; }

.hori-form.type2 .form-field .form-textarea { width: 100%; }

.hori-form.type2 .form-field .form-input-btn-area { width: 100%; }

.hori-form.type2 .form-field .k-dropdown { width: 100%; }

.hori-form.type2 .form-field .form-select-flex { width: 100%; }

.hori-form.type2 .form-field .form-select-flex .select-item { width: calc(50% - 1rem); }

.hori-form.type2 .form-field .form-select-flex .select-item + .select-item { margin-left: 2rem; }

.hori-form.type2 .form-field .form-select-triple { width: 100%; }

.hori-form.type2 .form-field .form-select-triple .select-item { width: calc(33.3333% - 1rem); }

.hori-form.type2 .form-field .form-select-triple .select-item + .select-item { margin-left: .5rem; }

.hori-form.type2 .form-field .k-dropdowntree { width: 100%; }

.hori-form.type2 .form-field .k-datepicker, .hori-form.type2 .form-field .k-datetimepicker, .hori-form.type2 .form-field .k-maskedtextbox { width: 100%; }

.hori-form.type2 .form-field .k-daterangepicker { width: 100%; }

.hori-form.type2 .form-field .k-daterangepicker .k-textbox-container { width: calc(50% - 1rem); }

.hori-form.type2 .form-field .k-numerictextbox { width: 100%; }

.hori-form.type2 .form-field .form-input-unit { position: relative; }

.hori-form.type2 .form-field .form-input-unit .form-input { padding-right: 5rem; }

.hori-form.type2 .form-field .form-input-unit .form-input:hover + .unit-text::after, .hori-form.type2 .form-field .form-input-unit .form-input:focus + .unit-text::after { background: #000; }

.hori-form.type2 .form-field .form-input-unit .form-input:-moz-read-only + .unit-text::after { background: #e2e2e2; }

.hori-form.type2 .form-field .form-input-unit .form-input:read-only + .unit-text::after { background: #e2e2e2; }

.hori-form.type2 .form-field .form-input-unit .k-dropdown .k-dropdown-wrap { border-bottom: 0 !important; }

.hori-form.type2 .form-field .form-input-unit .k-numerictextbox .k-numeric-wrap { border-bottom: 0 !important; }

.hori-form.type2 .form-field .form-input-unit .unit-text { position: absolute; top: 50%; right: 1.2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.45rem; line-height: 2.3rem; color: #999; }

.hori-form.type2 .form-field .form-input-unit .unit-text.color1 { color: #2680EB; }

.hori-form.type2 .form-field .form-input-unit.disabled { border-style: dashed; }

.hori-form.type2 .form-field .form-input-unit.disabled .unit-text { color: #ccc; }

.hori-form.type2 .form-radio-group, .hori-form.type2 .form-checkbox-group { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.hori-form.type2 .form-radio-group li, .hori-form.type2 .form-checkbox-group li { margin-top: 0; }

.hori-form.vertical.form-error + .form-error-msg, .hori-form.vertical.form-error .form-error-msg { width: 100%; }

.hori-form.vertical .form-label { margin-right: 0; margin-bottom: 1rem; }

.hori-form.vertical .form-field { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.hori-form.vertical .form-field .form-input { width: 100%; }

.hori-form.vertical .form-field .form-input-search-area { width: 100%; }

.hori-form.vertical .form-field .form-textarea { width: 100%; }

.hori-form.vertical .form-field .form-input-btn-area { width: 100%; }

.hori-form.vertical .form-field .k-dropdown { width: 100%; }

.hori-form.vertical .form-field .form-select-flex { width: 100%; }

.hori-form.vertical .form-field .form-select-triple { width: 100%; }

.hori-form.vertical .form-field .k-dropdowntree { width: 100%; }

.hori-form.vertical .form-field .k-datepicker, .hori-form.vertical .form-field .k-datetimepicker, .hori-form.vertical .form-field .k-maskedtextbox { width: 100%; }

.hori-form.vertical .form-field .k-daterangepicker { width: 100%; }

.hori-form.vertical .form-field .k-numerictextbox { width: 100%; }

.hori-form.vertical .form-radio-group, .hori-form.vertical .form-checkbox-group { width: 100%; }

/* radio , checkbox 공통 */
.form-radio-group, .form-checkbox-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.form-radio-group.gap-lg li + li, .form-checkbox-group.gap-lg li + li { margin-left: 3.2rem; }

.form-radio-group.gap-xl li, .form-checkbox-group.gap-xl li { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.form-radio-group.gap-auto li, .form-checkbox-group.gap-auto li { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-left: 0; }

.form-radio-group li, .form-checkbox-group li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: 1.5rem; }

.form-radio-group li + li, .form-checkbox-group li + li { margin-left: 2rem; }

.form-radio-group li .k-radio-label, .form-radio-group li .k-checkbox-label, .form-checkbox-group li .k-radio-label, .form-checkbox-group li .k-checkbox-label { vertical-align: bottom; }

.form-radio-group.gap-right li, .form-checkbox-group.gap-right li { margin-right: 2rem; }

.form-radio-group.gap-right li + li, .form-checkbox-group.gap-right li + li { margin-left: 0; }

.form-radio-group.gap-right.gap-lg li, .form-checkbox-group.gap-right.gap-lg li { margin-right: 3.2rem; }

.form-radio-group.gap-right.gap-lg li + li, .form-checkbox-group.gap-right.gap-lg li + li { margin-left: 0rem; }

.form-radio-group.gap-right.gap-auto li, .form-checkbox-group.gap-right.gap-auto li { margin-right: 0; }

.k-radio-label, .k-checkbox-label { display: block; padding-left: 2.2rem; font-size: 1.45rem; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-radio-label:before, .k-checkbox-label:before { width: 1.6rem; height: 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* radio */
.k-radio { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; }

.k-radio:checked + .k-radio-label:before { background-color: #2D2D2F; border: 0; }

.k-radio:checked + .k-radio-label:after { top: 0.5rem; left: 0.5rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; background-color: #fff; }

.k-radio:disabled + .k-radio-label:before { border-color: rgba(31, 38, 62, 0.2); background-color: rgba(31, 38, 62, 0.1); }

.k-radio:disabled:checked + .k-radio-label:before { border: 0; background-color: rgba(31, 38, 62, 0.2); }

.k-radio-label:before { background-color: #fff; border: solid 0.1rem rgba(31, 38, 62, 0.2); border-radius: 50%; }

/* checkbox */
input.k-checkbox { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; visibility: hidden; }

.k-checkbox:checked + .k-checkbox-label:before { content: ''; background: url(../images/common/icon/icon_checkbox_active.png) no-repeat center/1.6rem auto; border: 0; }

.k-checkbox:checked + .k-checkbox-label:after { top: 0.5rem; left: 0.5rem; width: 0.6rem; height: 0.6rem; background-color: #fff; }

.k-checkbox:disabled + .k-checkbox-label:before { content: ''; border-color: rgba(31, 38, 62, 0.2); background-color: rgba(31, 38, 62, 0.1); }

.k-checkbox:disabled:checked + .k-checkbox-label:before { content: ''; background: url(../images/common/icon/icon_checkbox_disabled.png) no-repeat center/1.6rem auto; border: 0; }

.k-checkbox:indeterminate + .k-checkbox-label:after { border: 0; background-color: #2D2D2F; }

.k-checkbox-label:before { content: ''; background-color: #fff; border: solid 0.1rem rgba(31, 38, 62, 0.2); color: #fff; border-radius: 0.1rem; font-size: 1.2rem; line-height: 1.6rem; }

.rect-checkbox-group { position: relative; }

.rect-checkbox-group input[type="checkbox"].rect-checkbox { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; }

.rect-checkbox-group input[type="checkbox"].rect-checkbox + label.rect-checkbox-label { content: ""; display: block; cursor: pointer; width: 1.6rem; height: 1.6rem; background: #fff; border: 0.1rem solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.rect-checkbox-group input[type="checkbox"].rect-checkbox:checked + label.rect-checkbox-label { content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url(../images/common/icon/icon_checkbox_active.png) no-repeat center/1.6rem auto; }

/* select, datetime 선택 시 나오는 드롭다운 리스트 */
.k-popup { width: auto !important; border: 0; background-color: #fff; }

.k-popup.k-calendar-container { padding: 0; border: 0; }

.k-popup.k-datetime-container { padding: 0; border: 0; }

.k-popup.k-list-container { padding: 0.8rem 0; border: 0; margin-top: 0.8rem; border-radius: 0.3rem; border: 0.1rem solid #DEE2E6; }

.k-popup.k-list-container .k-list-filter { position: relative; margin-bottom: 0; padding: 0 1.6rem 0.8rem; }

.k-popup.k-list-container .k-list-filter .k-textbox { display: block; width: 100% !important; padding: 1rem 3.4rem 1rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.k-popup.k-list-container .k-list-filter > .k-icon { top: 2rem; right: 2.8rem; display: block; width: 2rem; height: 2rem; }

.k-popup.k-list-container .k-list-filter > .k-icon.k-i-zoom::before { content: ''; width: 100%; height: 100%; background: url(../images/common/icon/icon_20_search.png) no-repeat 0 0/2rem auto; }

.k-popup.k-list-container .k-list .k-item { min-height: 1.8rem; padding: 1rem 1.6rem; color: #666; line-height: 1.8rem; font-size: 1.45rem; }

.k-popup.k-list-container .k-list .k-item.k-state-selected, .k-popup.k-list-container .k-list .k-item.k-state-focused { color: #222; }

.k-popup.k-list-container .k-list .k-item.k-state-selected:after, .k-popup.k-list-container .k-list .k-item.k-state-focused:after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.2rem; background: url("../images/common/icon/icon_16_check.png") no-repeat top right/1.6rem auto; vertical-align: text-top; }

.k-popup.k-list-container .k-list .k-item.k-state-hover { background: #f4f4f4; }

.k-popup.k-list-container .k-list-optionlabel { display: none; padding: 0.5rem 1.1rem 0.3rem; color: #666; font-size: 1.2rem; }

.k-popup.k-list-container .k-list-optionlabel.k-state-selected, .k-popup.k-list-container .k-list-optionlabel.k-state-focused { border: 0; }

.k-popup.k-popup-dropdowntree { margin-top: 0.8rem; border-radius: 0.3rem; border: 0.1rem solid #DEE2E6; }

.k-popup.k-popup-dropdowntree .k-check-all { margin: 1rem 1.5rem 0; }

.k-popup.k-popup-dropdowntree .k-check-all + .k-treeview { padding-top: 1.3rem; padding-left: 3.1rem; }

.k-popup.k-popup-dropdowntree .k-check-all .k-checkbox:indeterminate + .k-checkbox-label:after { border: 0; background-color: #2D2D2F; }

.k-popup.k-popup-dropdowntree .k-treeview { padding: 0 1.5rem 1rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item { padding: 0; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item > div { display: -webkit-box; display: -ms-flexbox; display: flex; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item + .k-item { margin-top: 1.3rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-group { padding-left: 2rem; margin-top: 1.3rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-icon { display: block; margin-top: 0; margin-left: 0; text-indent: 0; overflow: visible; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-icon::before { content: ''; display: block; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; margin: 0; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-icon + .k-checkbox-wrapper { padding-left: 0.7rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-i-expand::before { background: url("../images/common/icon/icon_16_tree_open.png") no-repeat 0 0/1.6rem auto; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-i-collapse::before { background: url("../images/common/icon/icon_16_tree_close.png") no-repeat 0 0/1.6rem auto; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-checkbox-wrapper { display: block; width: 1.6rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-checkbox-wrapper + .k-in { padding-left: 0.6rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-checkbox-label { padding-left: 2.2rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in { display: block; width: 100%; margin: 0; padding: 0; border: 0; text-align: left; line-height: 2rem; font-family: 'BMWTypeNext','Noto Sans Korean', sans-serif; font-weight: 400; font-size: 1.2rem; line-height: 1.6rem; color: #666; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite { width: auto; margin-right: 0; text-align: left; font-size: 1.45rem; line-height: 1.6rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite.item::before, .k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite.pdf::before, .k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite.html::before, .k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite.image::before { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_16_tree_doc.png") no-repeat 0 0/1.6rem auto; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite.btn::before { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_16_tree_set.png") no-repeat 0 0/1.6rem auto; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite.certification::before, .k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite.pdf::before, .k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite.html::before, .k-popup.k-popup-dropdowntree .k-treeview .k-item .k-in .k-sprite.image::before { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_48_tree_cert.png") no-repeat 0 0/1.6rem auto; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-icon + .k-in { font-size: 1.45rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-icon + .k-in .k-sprite { font-size: 1.45rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-icon + .k-checkbox-wrapper + .k-in { font-size: 1.45rem; }

.k-popup.k-popup-dropdowntree .k-treeview .k-item .k-icon + .k-checkbox-wrapper + .k-in .k-sprite { font-size: 1.45rem; }

.k-popup.k-editor-overflow-popup .k-tool-group .k-tool-text { margin-left: 0.4rem; font-size: 1.2rem; line-height: 1.6rem; }

.k-popup.k-editor-overflow-popup .k-tool-group .k-i-list-roman-upper:before { content: "Ⅲ"; }

.k-popup.k-editor-overflow-popup .k-tool-group .k-i-list-roman-lower:before { content: "ⅲ"; }

.k-popup .time-container { top: 5.9rem; right: -14.3rem !important; width: 14rem !important; height: 33.4rem !important; background-color: #fff; border-radius: 0.3rem; border: 0.1rem solid #DEE2E6 !important; -webkit-box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); }

.k-popup .time-container .k-list { padding: 0.8rem 0; }

.k-popup .time-container .k-list .k-item { min-height: 1.8rem; padding: 1rem 1.6rem; color: #666; line-height: 1.8rem; font-size: 1.45rem; }

.k-popup .time-container .k-list .k-item.k-state-selected, .k-popup .time-container .k-list .k-item.k-state-focused { color: #222; }

.k-popup .time-container .k-list .k-item.k-state-selected:after, .k-popup .time-container .k-list .k-item.k-state-focused:after { content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.2rem; background: url("../images/common/icon/icon_16_check.png") no-repeat top right/1.6rem auto; vertical-align: text-top; }

.k-popup .time-container .k-list .k-item.k-state-hover { background: #f4f4f4; }

.k-popup .k-hsv-rectangle { width: 27rem; }

/* calendar */
.k-calendar { border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-calendar .k-header { padding: 0; border: 0; }

.k-calendar .k-header .k-link { padding: 0; }

.k-calendar .k-header .k-button span, .k-calendar .k-header .k-button::before, .k-calendar .k-header .k-button::after { background: transparent !important; }

.k-calendar .k-header .k-button:hover span, .k-calendar .k-header .k-button:hover::before, .k-calendar .k-header .k-button:hover::after, .k-calendar .k-header .k-button:active span, .k-calendar .k-header .k-button:active::before, .k-calendar .k-header .k-button:active::after, .k-calendar .k-header .k-button:focus span, .k-calendar .k-header .k-button:focus::before, .k-calendar .k-header .k-button:focus::after { background: transparent !important; }

.k-calendar .k-header .k-nav-prev, .k-calendar .k-header .k-nav-next { top: 0.6rem; width: 3.5rem; height: 3.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #e8e9ec !important; -webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05) !important; box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05) !important; background-color: #fff; }

.k-calendar .k-header .k-nav-prev .k-icon, .k-calendar .k-header .k-nav-next .k-icon { width: 3.2rem; height: 3.2rem; vertical-align: middle; }

.k-calendar .k-header .k-nav-prev .k-icon::before, .k-calendar .k-header .k-nav-next .k-icon::before { content: ''; display: block; width: 2rem; height: 2rem; }

.k-calendar .k-header .k-nav-prev .k-icon.k-i-arrow-60-left::before, .k-calendar .k-header .k-nav-next .k-icon.k-i-arrow-60-left::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }

.k-calendar .k-header .k-nav-prev .k-icon.k-i-arrow-60-right::before, .k-calendar .k-header .k-nav-next .k-icon.k-i-arrow-60-right::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.k-calendar .k-header .k-nav-prev { left: 0; }

.k-calendar .k-header .k-nav-next { right: 0; }

.k-calendar .k-header .k-nav-fast { padding: 1.3rem 0; color: #2D2D2F; font-weight: 700; font-size: 1.45rem; }

.k-calendar .k-calendar-header { padding: 1.8rem 0; }

.k-calendar .k-calendar-header .k-title { color: #2D2D2F; font-weight: 700; font-size: 1.45rem; }

.k-calendar .k-calendar-header .k-title.k-state-hover::before, .k-calendar .k-calendar-header .k-title.k-state-hover::after { opacity: 0; }

.k-calendar .k-calendar-header .k-calendar-nav .k-today { padding: 0 1rem; color: #2D2D2F; font-size: 1.2rem; }

.k-calendar .k-calendar-header .k-calendar-nav .k-button { width: 3.5rem; height: 3.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #e8e9ec !important; -webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05) !important; box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05) !important; background-color: #fff; }

.k-calendar .k-calendar-header .k-calendar-nav .k-button .k-icon { width: 2rem; height: 2rem; vertical-align: middle; }

.k-calendar .k-calendar-header .k-calendar-nav .k-button .k-icon::before { content: ''; display: block; width: 2rem; height: 2rem; }

.k-calendar .k-calendar-header .k-calendar-nav .k-button .k-icon.k-i-arrow-60-left::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }

.k-calendar .k-calendar-header .k-calendar-nav .k-button .k-icon.k-i-arrow-60-right::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.k-calendar .k-calendar-header .k-calendar-nav .k-button::before, .k-calendar .k-calendar-header .k-calendar-nav .k-button::after { background-color: #fff; }

.k-calendar .k-calendar-view { width: 33rem; height: auto; }

.k-calendar .k-calendar-view .k-content { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 33.6rem; border-collapse: collapse; border-top: 0.1rem solid #e8e9ec; border-left: 0.1rem solid #e8e9ec; border-right: 0.1rem solid #e8e9ec; border-spacing: 0; }

.k-calendar .k-calendar-view .k-content.k-year { height: 22rem; }

.k-calendar .k-calendar-view .k-content thead { background-color: #2D2D2F; }

.k-calendar .k-calendar-view .k-content thead th { height: 4.8rem; padding: 0; opacity: 0.6; border: 0; color: #fff; font-weight: 700; font-size: 1.2rem; }

.k-calendar .k-calendar-view .k-content td { width: 4.6rem; height: 4.6rem; border-bottom: 0.1rem solid #e8e9ec; border-right: 0.1rem solid #e8e9ec; border-radius: 0; }

.k-calendar .k-calendar-view .k-content td .k-link { width: auto; height: auto; padding: 0; color: #43425d; font-family: "sans-serif"; font-size: 1.5rem; line-height: 2.1rem; }

.k-calendar .k-calendar-view .k-content td.k-today { font-weight: 700; }

.k-calendar .k-calendar-view .k-content td.k-today .k-link { color: #2680EB; }

.k-calendar .k-calendar-view .k-content td.k-state-selected { background-color: #2680EB; }

.k-calendar .k-calendar-view .k-content td.k-state-selected .k-link { color: #fff; }

.k-calendar .k-calendar-view .k-content td.k-state-hover { background-color: #EFEFEF; }

.k-calendar .k-calendar-view .k-content td.k-state-hover.k-state-selected { background-color: #2680EB; }

.k-calendar .k-calendar-view .k-content td.k-other-month .k-link { color: #fff; }

.k-calendar .k-footer .k-nav-today { display: none; }

.k-calendar.k-calendar-range .k-calendar-view { width: 67rem; }

.k-calendar.k-calendar-range .k-calendar-view .k-content { width: 33rem; }

.k-calendar.k-calendar-range .k-calendar-view .k-content td.k-range-mid { background-color: rgba(38, 128, 235, 0.06); }

.k-calendar.k-calendar-range .k-calendar-view .k-content td.k-range-start, .k-calendar.k-calendar-range .k-calendar-view .k-content td.k-range-end { background-color: #2680EB !important; }

.k-calendar.k-calendar-range .k-calendar-view .k-content td.k-range-start .k-link, .k-calendar.k-calendar-range .k-calendar-view .k-content td.k-range-end .k-link { color: #fff; }

.k-calendar.k-calendar-range .k-calendar-view .k-content + .k-content { margin-left: 1rem; }

.k-calendar .k-calendar-decadeview, .k-calendar .k-calendar-monthview, .k-calendar .k-calendar-yearview { padding: 0; }

/* datetime */
.k-datetime-wrap .k-datetime-buttongroup .k-button { border: 0.1rem solid #D7DADE; border-radius: 0; color: #666; font-size: 1.45rem; }

.k-datetime-wrap .k-datetime-buttongroup .k-button.k-state-active { border: 2px solid #000; color: #000; font-weight: 700; }

.k-datetime-wrap .k-datetime-buttongroup .k-group-start { border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; }

.k-datetime-wrap .k-datetime-buttongroup .k-group-end { border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; }

.k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-header { padding: 1rem 0.8rem 1.8rem; }

.k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-header .k-title { color: #2D2D2F; font-weight: 700; font-size: 1.45rem; }

.k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-header .k-time-now { padding: 0 1rem; color: #2D2D2F; font-size: 1.2rem; }

.k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-header .k-button { border: 0.1rem solid #e8e9ec !important; -webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05) !important; box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05) !important; }

.k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-header .k-button::before, .k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-header .k-button::after { background-color: transparent; }

.k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-highlight { border-color: #e8e9ec; }

.k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-list-wrapper .k-time-list::before, .k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-list-wrapper .k-time-list::after { -webkit-box-shadow: 0 0 3rem 2.5rem #fff; box-shadow: 0 0 3rem 2.5rem #fff; }

.k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-list-wrapper .k-time-list .k-item:hover { color: #2680EB; }

.k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-list-wrapper.k-state-focused::before, .k-datetime-wrap .k-datetime-selector .k-datetime-time-wrap .k-time-list-wrapper.k-state-focused::after { background-color: rgba(0, 0, 0, 0.04); }

.k-datetime-wrap .k-datetime-footer.k-action-buttons .k-button { height: 3.2rem; padding: 0 1.6rem; font-weight: 700; font-size: 1.2rem; }

.agreement-area-wrap .agreement-area + .agreement-area { margin-top: 1.6rem; padding-top: 1.6rem; border-top: 0.1rem solid #e5e5e5; }

.agreement-area-wrap .agreement-area.line-none + .agreement-area.line-none { margin-top: 0; padding-top: 2rem; border-top: 0; }

.agreement-area-wrap .agreement-area.line-none .agreement-caption { color: #666; }

.agreement-area-wrap .agreement-area.line-none .agreement-text + .agreement-caption { padding-top: 1.2rem; }

.agreement-area-wrap .agreement-title { font-weight: 700; font-size: 1.6rem; color: #000; }

.agreement-area-wrap .agreement-title.depth2 { font-size: 1.45rem; }

.agreement-area-wrap .agreement-text { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.45rem; color: #666; word-break: keep-all; }

.agreement-area-wrap .agreement-text .text-num { display: block; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.4rem; font-size: 1.45rem; color: #666; }

.agreement-area-wrap .agreement-text + .agreement-text-group { margin-top: 0.4rem; }

.agreement-area-wrap .agreement-text.space { padding-bottom: 1rem; }

.agreement-area-wrap .agreement-caption { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.45rem; color: #999; word-break: keep-all; }

.agreement-area-wrap .agreement-caption + .agreement-caption { margin-top: 1.3rem; }

.agreement-area-wrap .agreement-caption .caption-icon { display: block; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 0.4rem; font-size: 1.45rem; color: #999; }

.agreement-area-wrap .agreement-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 1.2rem; }

.agreement-area-wrap .agreement-header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.agreement-area-wrap .agreement-header-right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; }

.agreement-area-wrap .agreement-body-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 1.2rem; }

.agreement-area-wrap .agreement-body + .agreement-body { padding-top: 1.2rem; }

.agreement-area-wrap .agreement-body.flex-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.agreement-area-wrap .agreement-body.flex-wrap.col-2 .body-item { width: 50%; }

.agreement-area-wrap .agreement-body.flex-wrap.col-2 .body-item + .body-item { padding-left: 1rem; }

.agreement-area-wrap .agreement-check-area { padding-bottom: 0.8rem; }

.agreement-area-wrap .agreement-check-area .agreement-check-all { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.agreement-area-wrap .agreement-check-area .agreement-check-all + .agreement-check-con { padding-top: 2rem; }

.agreement-area-wrap .agreement-check-area .agreement-check-con li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.agreement-area-wrap .agreement-check-area .agreement-check-con li + li { padding-top: 1.2rem; }

.agreement-area-wrap .agreement-check-area .link-text { font-weight: 700; font-size: 1.45rem; line-height: 1.6rem; color: #000; text-decoration: underline; }

.agreement-area-wrap .agreement-check-area .sort { padding-right: 0.4rem; color: #999; }

.agreement-area-wrap .agreement-check-area .sort.required { color: #2680EB; }

.agreement-area-wrap .agreement-check-area + .agreement-text, .agreement-area-wrap .agreement-check-area + .agreement-caption { margin-top: 0.4rem; }

.agreement-area-wrap .customer-sign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 5.7rem; border-radius: .3rem; background-color: #f4f4f4; }

.agreement-area-wrap .customer-sign .sign-info-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 2rem; }

.agreement-area-wrap .customer-sign .sign-info-date { font-size: 1.45rem; line-height: 1.3rem; color: #666; }

.agreement-area-wrap .customer-sign .sign-info-date + .sign-info-name { margin-left: 2.4rem; }

.agreement-area-wrap .customer-sign .sign-info-name { font-size: 1.45rem; line-height: 1.3rem; }

.agreement-area-wrap .customer-sign .sign-info-name .sign-title { color: #999; }

.agreement-area-wrap .customer-sign .sign-info-name .sign-title + .sign-name { margin-left: .8rem; }

.agreement-area-wrap .customer-sign .sign-info-name .sign-name { font-weight: 700; color: #000; }

.agreement-area-wrap .customer-sign .sign-img-area { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: auto; margin-right: .6rem; width: 18.1rem; height: 4.5rem; border-radius: .3rem; background: #e8e8e8; }

.agreement-area-wrap .customer-sign .sign-img-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: 0.9rem; border-radius: .3rem; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.agreement-area-wrap .customer-sign .sign-img-con img { width: auto; height: 100%; }

.agreement-area-wrap .customer-sign .sign-img-con:empty::before { content: "서명하기"; font-size: 1.45rem; color: #999; }

.agreement-area-wrap .agreement-table table { width: 100%; }

.agreement-area-wrap .agreement-table table thead tr { height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #EFEFEF; }

.agreement-area-wrap .agreement-table table thead tr th { position: relative; font-size: 1.45rem; font-weight: 400; color: rgba(0, 0, 0, 0.6); border: solid 0.1rem #d7dade; }

.agreement-area-wrap .agreement-table table thead tr th:last-child::after { display: none; }

.agreement-area-wrap .agreement-table table tbody tr { -webkit-box-sizing: border-box; box-sizing: border-box; }

.agreement-area-wrap .agreement-table table tbody tr td { position: relative; padding: 1.2rem 1rem 1.2rem 1.2rem; font-size: 1rem; font-weight: 400; color: #666; border: 0.1rem solid #efefef; }

.agreement-area-wrap .agreement-table table tbody tr td .table-caption { position: relative; padding-left: 1rem; font-size: 1rem; color: #666; }

.agreement-area-wrap .agreement-table table tbody tr td .table-caption::before { content: "*"; display: block; position: absolute; top: 0.2rem; left: 0; font-size: 1rem; color: #666; }

.agreement-area-wrap .agreement-table table tbody tr:first-child td:last-child::after { display: none; }

.agreement-area-wrap .agreement-table table + .agreement-caption { margin-top: 1.3rem; }

.agreement-area-wrap .agreement-btn { margin-top: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.agreement-area-wrap .agreement-btn button, .agreement-area-wrap .agreement-btn .btn-group { margin-left: auto; }

.agreement-area-wrap .agreement-text + .agreement-box { margin-top: 1.2rem; }

.agreement-area-wrap .agreement-box { height: auto; padding: 1.2rem; border: 0.1rem solid #efefef; }

.agreement-area-wrap .agreement-box .box-title { font-size: 1.2rem; font-weight: 700; color: #000; }

.agreement-area-wrap .agreement-box .box-title + .box-con-head { margin-top: .8rem; }

.agreement-area-wrap .agreement-box .box-con-head .box-text { display: block; font-size: 1.2rem; font-weight: 400; color: #666; }

.agreement-area-wrap .agreement-box .box-con-head .box-text + .box-text { padding-top: .8rem; }

.agreement-area-wrap .agreement-box .box-con-head + .box-con-body { margin-top: .8rem; }

.agreement-area-wrap .agreement-box .box-con-body .box-text { display: block; font-size: 1.2rem; font-weight: 400; color: #666; }

.agreement-area-wrap .agreement-box .box-con-body .box-text + .box-text { padding-top: .4rem; }

.agreement-area-wrap .agreement-box.grid-col-2 { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; padding: 1.2rem; border: 0.1rem solid #efefef; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-left { width: 50%; padding-right: .6rem; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-right { width: 50%; padding-left: .6rem; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-left .box-textarea + .box-textarea, .agreement-area-wrap .agreement-box.grid-col-2 .box-con-right .box-textarea + .box-textarea { padding-top: 1.6rem; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-left .box-textarea .box-title + .box-text-group, .agreement-area-wrap .agreement-box.grid-col-2 .box-con-right .box-textarea .box-title + .box-text-group { padding-top: .8rem; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-left .box-textarea .box-title sup, .agreement-area-wrap .agreement-box.grid-col-2 .box-con-right .box-textarea .box-title sup { padding-left: .2rem; font-size: .9rem; font-weight: 700; color: #000; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-left .box-textarea .box-text-group .box-text, .agreement-area-wrap .agreement-box.grid-col-2 .box-con-right .box-textarea .box-text-group .box-text { display: block; font-size: 1.2rem; font-weight: 400; color: #666; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-left .box-textarea .box-text-group .box-text + .box-text, .agreement-area-wrap .agreement-box.grid-col-2 .box-con-right .box-textarea .box-text-group .box-text + .box-text { padding-top: .4rem; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-left .box-textarea .box-text-group .box-text sup, .agreement-area-wrap .agreement-box.grid-col-2 .box-con-right .box-textarea .box-text-group .box-text sup { padding-left: .2rem; font-size: .9rem; font-weight: 700; color: #000; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-left .box-textarea .box-sup-group .sup-text, .agreement-area-wrap .agreement-box.grid-col-2 .box-con-right .box-textarea .box-sup-group .sup-text { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: .9rem; font-weight: 400; color: #000; }

.agreement-area-wrap .agreement-box.grid-col-2 .box-con-left .box-textarea .box-sup-group .sup-text .text-num, .agreement-area-wrap .agreement-box.grid-col-2 .box-con-right .box-textarea .box-sup-group .sup-text .text-num { display: block; -ms-flex-negative: 0; flex-shrink: 0; padding-right: .8rem; font-weight: 700; }

/* label */
.label-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.label-group + .label-group { margin-top: 1rem; }

.label-group .label-half + .label-half, .label-group .label-rounded + .label-rounded, .label-group .label-user + .label-user, .label-group .label-release + .label-release, .label-group .label-release + .label-select.k-dropdown, .label-group .label-select.k-dropdown + .label-select.k-dropdown, .label-group .label-info + .label-info, .label-group .customer-icon + .customer-icon, .label-group .square-label + .square-label, .label-group .square-label + .square-input, .label-group .square-input + .square-label, .label-group .push-notice + .push-notice { margin-left: .7rem; }

.label-half { display: -webkit-box; display: -ms-flexbox; display: flex; border-width: .1rem; border-style: solid; border-radius: .2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.label-half .label-con { text-align: center; height: 100%; }

.label-half.horizontal { width: 8rem; height: 2.4rem; }

.label-half.horizontal .label-con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; line-height: 2.2rem; }

.label-half.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 4rem; height: 4rem; }

.label-half.vertical .label-con { height: 2rem; }

.label-half.vertical .label-con:first-child { line-height: 1.9rem; }

.label-half.vertical .label-con:last-child { line-height: 1.9rem; }

.label-half.vertical.line-half {height: 2.1rem; line-height: 1.9rem;}

.label-group.vertical.line-half.mb1 {width: 4rem; margin-bottom: 0.1rem;}

.label-half.vertical.line2 { height: 6rem; }

.label-half.vertical.line2 .label-con:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; height: 4rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: normal; word-break: break-all; }

.label-half.vertical2 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 6.2rem; height: 4rem; }

.label-half.vertical2 .label-con { height: 2rem; }

.label-half.vertical2 .label-con:first-child { line-height: 1.9rem; }

.label-half.vertical2 .label-con:last-child { line-height: 1.9rem; }

.label-half.vertical2.line2 { height: 6rem; }

.label-half.vertical2.line2 .label-con:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; height: 4rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: normal; word-break: break-all; }

.label-half.color1 { border-color: #2680EB; }

.label-half.color1 .label-con:first-child { background: #2680EB; color: #fff; }

.label-half.color1 .label-con:last-child { background: #fff; color: #2680EB; }

.label-half.color2 { border-color: #053981; }

.label-half.color2 .label-con:first-child { background: #053981; color: #fff; }

.label-half.color2 .label-con:last-child { background: #fff; color: #053981; }

.label-half.color3 { border-color: #30229f; }

.label-half.color3 .label-con:first-child { background: #30229f; color: #fff; }

.label-half.color3 .label-con:last-child { background: #fff; color: #30229f; }

.label-half.color4 { border-color: #515c76; }

.label-half.color4 .label-con:first-child { background: #515c76; color: #fff; }

.label-half.color4 .label-con:last-child { background: #fff; color: #515c76; }

.label-half.color5 { border-color: #00b5ad; }

.label-half.color5 .label-con:first-child { background: #00b5ad; color: #fff; }

.label-half.color5 .label-con:last-child { background: #fff; color: #00b5ad; }

.label-half.color6 { border-color: #f57f5b; }

.label-half.color6 .label-con:first-child { background: #f57f5b; color: #fff; }

.label-half.color6 .label-con:last-child { background: #fff; color: #f57f5b; }

.label-half.color7 { border-color: #c48b0a; }

.label-half.color7 .label-con:first-child { background: #c48b0a; color: #fff; }

.label-half.color7 .label-con:last-child { background: #fff; color: #c48b0a; }

.label-half.red .label-con:last-child { color: #ee3c57; }

.label-con { display: block; }

.label-rounded { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 3.2rem; height: 3.2rem; border-radius: 100%; line-height: 1.1rem; color: #fff; }

.label-rounded.color1 { background: #2680EB; }

.label-rounded.color2 { background: #5b6df5; }

.label-rounded.color3 { background: #515c76; }

.label-rounded.color4 { background: #00b5ad; }

.label-rounded.color5 { background: #f55b8a; }

.label-rounded.color6 { background: #f57f5b; }

.label-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1.6rem; font-weight: 400; font-size: 1.2rem; color: #222; line-height: 2rem; }

.label-user.user4::before, .label-user.user4:before { content: ""; display: block; width: 1.6rem; height: 1.6rem; margin-right: .2rem; background: url("../images/common/icon/icon_16_avatar_teal.png") no-repeat top right/1.6rem auto; }

.label-user.user2::before, .label-user.user2:before { content: ""; display: block; width: 1.6rem; height: 1.6rem; margin-right: .2rem; background: url("../images/common/icon/icon_16_avatar_purple.png") no-repeat top right/1.6rem auto; }

.label-user.user1::before, .label-user.user1:before { content: ""; display: block; width: 1.6rem; height: 1.6rem; margin-right: .2rem; background: url("../images/common/icon/icon_16_avatar_blue.png") no-repeat top right/1.6rem auto; }

.label-user.user3::before, .label-user.user3:before { content: ""; display: block; width: 1.6rem; height: 1.6rem; margin-right: .2rem; background: url("../images/common/icon/icon_16_avatar_gray.png") no-repeat top right/1.6rem auto; }

.label-user.user5::before, .label-user.user5:before { content: ""; display: block; width: 1.6rem; height: 1.6rem; margin-right: .2rem; background: url("../images/common/icon/icon_16_avatar_pink.png") no-repeat top right/1.6rem auto; }

.label-user.user6::before, .label-user.user6:before { content: ""; display: block; width: 1.6rem; height: 1.6rem; margin-right: .2rem; background: url("../images/common/icon/icon_16_avatar_orange.png") no-repeat top right/1.6rem auto; }

.label-release { display: inline-block; width: 7.15rem; padding: 0 0.2rem; border-radius: .2rem; color: #fff; }

.label-release.color0 { background: #cd26eb; }

.label-release.color1 { background: #2680EB; }

.label-release.color2 { background: #5b6df5; }

.label-release.color3 { background: #515c76; }

.label-release.color4 { background: #ddd; }

.label-release.color4 span { text-align: center; min-width: 7.15rem; padding: 0; }

.label-release.color5 { background: #053981; }

.label-release.color6 { background: #30229f; }

.label-release.color7 { background: #00b5ad; }

.label-release.color8 { background: #f57f5b; }

.label-release.color9 { background: #f5c65b; }

.label-release.color10 { background: #8958ff; }

.label-release.color11 { background: #ff5858; }

.label-release.color12 { background: #ffde58; }

.label-release.color13 { background: #ffb458; }

.label-release span { display: block; height: 2.4rem; line-height: 2.4rem; text-align: center; }

.label-release.small { width: auto; padding-left: 1rem; padding-right: 1rem; }

.label-release.small.color4 { width: 4.5rem; padding-left: 0; padding-right: 0; }

.label-release.small.color4 span { min-width: auto; }

.label-tag { padding: .25rem 0.6rem; border: 0.1rem solid #ddd; border-radius: .2rem; }

.label-tag + .label-tag { margin-left: 0.4rem; }

.label-tag.mb1 { width: 4rem; }

.label-tag.color1 { color: #000; }

.label-tag.color2 { color: #999; }

.label-tag.color3 { background: #1A8594; color: #fff }

.label-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 4rem; height: 4rem; border-radius: .2rem; line-height: 1.4rem; color: #fff; text-align: center; }

.label-info span { padding: 0.2rem 0.8rem; }

.label-info.color1 { background: #1A8594; }

.label-info.color2 { background: #30229f; }

.label-text1 { font-size: 1.2rem; font-weight: 400; }

.label-text1.bold { font-weight: 700; }

.label-text2 { font-size: 1.45rem; font-weight: 400; }

.label-text3 { font-size: 1.2rem; font-weight: 400; line-height: 1.1rem; }

.label-tag-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.label-tag-list li { padding: 0.6rem 1.6rem; color: #222; font-size: 1.2rem; background-color: #EFEFEF; border-radius: 1.6rem; }

.label-tag-list li + li { margin-left: 0.6rem; }

.label-select.k-dropdown { width: auto; }

.label-select.k-dropdown .k-dropdown-wrap { width: 11.3rem; height: 2.4rem; padding-right: 0; line-height: 2.4rem; border-radius: .2rem; background: #2680EB; color: #fff; border-width: 0; border-style: none; }

.label-select.k-dropdown .k-dropdown-wrap .k-input { font-size: 1.45rem; font-weight: 400; padding: 0; }

.label-select.k-dropdown .k-dropdown-wrap .k-select { height: 2.4rem; line-height: 2rem; }

.label-select.k-dropdown.done .k-state-disabled { width: 11.3rem; opacity: 1; }

.label-select.k-dropdown.done .k-state-disabled .k-select { display: none; }

.label-select.k-dropdown.done .k-state-disabled .k-select .k-dropdown { cursor: default; }

.label-select.k-dropdown.done .k-state-disabled .k-input { text-align: left; }

.label-select.none { width: 11.3rem; height: 2.4rem; line-height: 2.4rem; border-radius: .2rem; background: #ddd; color: #fff; text-align: center; }

.label-select.k-button { width: 11.3rem; height: 2.4rem; line-height: 2.4rem; border-radius: .2rem; background: #515c76; color: #fff; }

.square-title + .square-input { padding-top: 1.1rem; }

.square-input.none { display: none; }

.square-input.flex-item { width: 100%; }

.square-input.flex-item .form-field { display: -webkit-box; display: -ms-flexbox; display: flex; }

.square-input.flex-item .form-field .label-select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.square-input.flex-item .form-field .label-select + .btn-group { margin-left: 0.8rem; }

.square-input .form-field .label-select { width: 11.3rem; height: 3.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.square-input .form-field .label-select.k-input { padding: .7rem 1.2rem .9rem 1.2rem; }

.square-input .form-field .label-select.k-input[type=text] { font-size: 1.2rem; font-weight: 400; border-color: #ddd; border-radius: .3rem; }

.customer-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.customer-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 3rem; height: 3rem; border-radius: 1.5rem; background-color: #e9ebef; }

.customer-icon + .customer-name { margin-left: .8rem; }

.customer-icon.car-info::after, .customer-icon.car-info:after { content: ""; display: block; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_car_info.png") no-repeat top right/2rem auto; opacity: .7; }

.customer-icon.car-service::after, .customer-icon.car-service:after { content: ""; display: block; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_car_service.png") no-repeat top right/2rem auto; opacity: .7; }

.customer-icon.car-contract::after, .customer-icon.car-contract:after { content: ""; display: block; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_car_contract.png") no-repeat top right/2rem auto; opacity: .7; }

.customer-icon.car-care::after, .customer-icon.car-care:after { content: ""; display: block; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_car_care.png") no-repeat top right/2rem auto; opacity: .7; }

.customer-icon.car-user::after, .customer-icon.car-user:after { content: ""; display: block; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_car_user.png") no-repeat top right/2rem auto; opacity: .7; }

.customer-name { font-weight: 700; font-size: 1.45rem; line-height: 1.9rem; color: #000; }

.customer-name + .tooltip { margin-left: .3rem; }

/* push-notice */
.push-notice { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 1.6rem; border-radius: .8rem; background: #2D2D2F; }

.push-number { font-weight: 400; font-size: 1rem; color: #fff; text-align: center; }

.push-number input { padding: 0 .3rem; background-color: transparent; border: 0; outline: 0; font-weight: 400; font-size: 1rem; color: #fff; text-align: center; }

/* gallery */
.gallery-icon.calendar { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon-calendar.png") no-repeat right/1.6rem auto; }

.gallery-icon.good { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon-good.png") no-repeat right/1.6rem auto; }

.gallery-icon.human { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon-human.png") no-repeat right/1.6rem auto; }

.gallery-icon.view { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon-view.png") no-repeat right/1.6rem auto; }

.gallery-icon.comment { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon-comment.png") no-repeat right/1.6rem auto; }

/* tooltip */
.tooltip + .tooltip-title.car-info, .tooltip + .tooltip-title.user { margin-left: .4rem; }

.tooltip-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.tooltip-group .tooltip + .tooltip { margin-left: 1rem; }

.tooltip-group + .link-btn { margin-left: 1.2rem; }

.tooltip-title { display: inline-block; font-weight: 400; font-size: 1.5rem; letter-spacing: .011rem; color: #222; }

.tooltip-title + .tooltip { margin-left: .6rem; }

.tooltip-title.car-info { font-size: 1.2rem; color: #2D2D2F; line-height: 2rem; }

.tooltip-title.user { font-size: 1.2rem; color: #999; line-height: 1.6rem; }

.tooltip-btn { /* a */ display: block; }

.tooltip-btn.default { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_question.png") no-repeat top right/1.6rem auto; }

.tooltip-btn.vip { width: 2.4rem; height: 2.4rem; background: url("../images/common/icon/icon_tooltip_excellence.png") no-repeat top right/2.4rem auto; }

.tooltip-btn.validation { width: 1.8rem; height: 1.8rem; background: url("../images/common/icon/icon_16_tooltip_validation.png") no-repeat top right/1.8rem auto; }

.tooltip-btn.urgent { width: 2.4rem; height: 2.4rem; background: url("../images/common/icon/icon_tooltip_urgent.png") no-repeat top right/2.4rem auto; }

.tooltip-btn.phone { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_phone.png") no-repeat top right/1.6rem auto; }

.tooltip-btn.car-info { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_tooltip_car_info.png") no-repeat top right/1.6rem auto; }

.tooltip-btn.exclamation { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_exclamation.png") no-repeat top right/1.6rem auto; }

.tooltip-btn.exclamation.black { background: url("../images/common/icon/icon_16_exclamation_black.png") no-repeat top right/1.6rem auto; }

.tooltip-btn.exclamation-20 { width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_exclamation.png") no-repeat top right/2rem auto; }

.tooltip-btn.exclamation-20.black { background: url("../images/common/icon/icon_20_exclamation_black.png") no-repeat top right/2rem auto; }

.tooltip-btn.ico_id { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/ico_id.png") no-repeat top right/1.3rem auto; }

.tooltip-btn.lemon { width: 2rem; height: 2rem; background: url("../images/common/icon/icon_tooltip_lemon.png") no-repeat top right/2rem auto; }

.tooltip-btn.recall { width: 2rem; height: 2rem; background: url("../images/common/icon/icon_tooltip_recall.png") no-repeat top right/2rem auto; }

.tooltip-btn.robinson { width: 2rem; height: 2rem; background: url("../images/common/icon/icon_tooltip_robinson.png") no-repeat top right/2rem auto; }

.tooltip-btn.car_info { width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_car_info.png") no-repeat top right/2rem auto; }

.tooltip-btn.m-performance { width: 3.1rem; height: 2rem; background: url("../images/common/icon/icon_tooltip_m_performance.png") no-repeat top right/3.1rem auto; }

.k-tooltip-content .vertical-group.tooltip .label-user { color: #fff; font-size: 1.2rem; font-weight: 400; line-height: 2rem; }

.k-tooltip-content .vertical-group.tooltip .label-user + .label-user { padding-top: .8rem; }

.k-tooltip-content .tooltip-content.list { text-align: left; line-height: 1.6rem; }

.k-tooltip-content .tooltip-content.list p { color: #fbfbfb; font-size: 1.2rem; font-weight: 400; }

.k-tooltip-content .tooltip-content.list p::before, .k-tooltip-content .tooltip-content.list p:before { content: ""; display: inline-block; width: .8rem; height: .8rem; padding-right: .2rem; background: url("../images/common/icon/icon_8_bullet_white.png") no-repeat center center/0.8rem auto; }

.k-tooltip-content .tooltip-content.list p + p { padding-top: .6rem; }

.k-tooltip-content .tooltip-content.img-area .img-title { padding-bottom: 0.5rem; text-align: left; font-size: 1.2rem; font-weight: 400; line-height: 1.8rem; color: #fbfbfb; opacity: 0.6; }

.k-tooltip-content .tooltip-content.img-area .img-con { overflow: hidden; width: 18rem; height: 18rem; border-radius: 0.4rem; }

.k-tooltip-content .tooltip-content.img-area .img-con img { display: block; width: 100%; height: 100%; }

.k-tooltip { padding: 1.1rem 1.4rem; background: #2D2D2F; border-radius: .4rem; font-size: 1.45rem; line-height: 1.6rem; color: #fbfbfb; }

.k-tooltip .k-tooltip-content { font-size: 1.45rem; line-height: 1.6rem; color: #fbfbfb; white-space: nowrap; }

.k-tooltip .k-callout { display: block; width: 0; height: 0; }

.k-tooltip .k-callout-n { border-top: .6rem solid none; border-bottom: 0.6rem solid #2D2D2F; border-right: .6rem solid transparent; border-left: .6rem solid transparent; }

.k-tooltip .k-callout-s { border-top: 0.6rem solid #2D2D2F; border-bottom: .6rem solid transparent; border-right: .6rem solid transparent; border-left: .6rem solid transparent; }

.k-tooltip .k-callout-e { border-top: .6rem solid transparent; border-bottom: .6rem solid transparent; border-right: .6rem solid transparent; border-left: 0.6rem solid #2D2D2F; }

.k-tooltip .k-callout-w { border-top: .6rem solid transparent; border-bottom: .6rem solid transparent; border-right: 0.6rem solid #2D2D2F; border-left: .6rem solid transparent; }

.k-tooltip.k-tooltip-validation .k-i-warning { margin-top: 0.2rem; margin-right: 0.6rem; }

.k-tooltip.k-tooltip-validation .k-i-warning::before { content: ""; width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_tooltip_validation.png") no-repeat 0 0/1.6rem auto; }

.k-tooltip.k-chart-tooltip { height: auto; }

.tooltip-nodata { font-size: 1.2rem; opacity: 0.6; }

.layout-grid-item .item-header .tooltip-group .title + .tooltip { padding-top: 1.6rem; margin-left: .8rem; }

.layout-grid-item .item-header .tooltip-group .title + .tooltip .tooltip-btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.notice-content { width: 100%; }

.notice-content.list { padding-top: 2rem; }

.notice-content.list p { line-height: 1.6rem; font-size: 1.2rem; color: #000; }

.notice-content.list p + p { padding-top: .6rem; }

.notice-content.list p::before, .notice-content.list p::before { content: ""; display: inline-block; width: .8rem; height: .8rem; padding-right: .2rem; background: url("../images/common/icon/icon_8_bullet_dark.png") no-repeat center center/0.8rem auto; }

.notice-content li { list-style: disc; color: #666; font-size: 1.45rem; font-weight: #666; }

/* stepper */
.stepper { position: relative; min-height: 5.2rem; overflow: hidden; }

.stepper:before, .stepper::before { content: ""; position: absolute; display: block; top: .5rem; z-index: 7; width: 100%; height: 0.6rem; background: #dee0e5; border-radius: .3rem; }

.stepper .line { position: absolute; display: block; top: .5rem; z-index: 8; width: 0; height: 0.6rem; background: #dee0e5; border-radius: .3rem; background: #1A8594; }

.stepper-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.stepper-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.stepper-list:first-child .stepper-textbox { left: 0%; -webkit-transform: translateX(0); transform: translateX(0); }

.stepper-list:first-child .stepper-textbox .stepper-text { text-align: left; }

.stepper-list:last-child .stepper-textbox { left: 100%; -webkit-transform: translateX(-100%); transform: translateX(-100%); }

.stepper-list:last-child .stepper-textbox .stepper-text { text-align: right; }

.stepper-list.completed .stepper-circle { position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.6rem; height: 1.6rem; border-radius: .8rem; background-color: #1A8594; }

.stepper-list.completed .stepper-circle::after, .stepper-list.completed .stepper-circle:after { content: ""; display: block; width: 1.4rem; height: 1.4rem; background: url("../images/common/icon/icon_stepper_check.png") no-repeat center center/1.4rem auto; }

.stepper-list.completed .stepper-textbox span { font-weight: 700; color: #000; }

.stepper-list.completed ~ .stepper-list .stepper-circle { position: relative; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1.6rem; height: 1.6rem; border-radius: .8rem; border: solid 0.2rem #dee0e5; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.stepper-textbox { position: absolute; top: 2.2rem; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: center; white-space: nowrap; }

.stepper-text { display: block; font-weight: 400; font-size: 1.2rem; line-height: 1.4rem; color: #666; }

.stepper-text + .stepper-text { padding-top: .2rem; }

/* treeview */
.treeview-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 0.8rem; }

.treeview-header + .treeview { padding-top: 1.2rem; }

.treeview-header .treeview-title { padding-top: 0.4rem; color: #222; font-weight: 700; font-size: 1.6rem; -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.treeview-header .treeview-header-right { margin-left: auto; }

.treeview { overflow: hidden !important; }

.treeview .label-new { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_16_new.png") no-repeat 0 0/1.6rem auto;  }

.treeview .k-item { padding: 0; }

.treeview .k-item[aria-selected="true"] > div { background-color: #EFEFEF; }

.treeview .k-item[aria-selected="true"] > div .k-in { color: #000; }

.treeview .k-item[aria-selected="true"] > div .k-in .k-sprite { color: #000; }

.treeview .k-item > div { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0.6rem 0.4rem; }

.treeview .k-item .k-group { padding-left: 2.2rem; }

.treeview .k-item .k-icon { display: block; margin-top: 0; margin-left: 0; text-indent: 0; overflow: visible; }

.treeview .k-item .k-icon::before { content: ''; display: block; width: 1.6rem; height: 1.6rem; line-height: 1.6rem; margin: 0; }

.treeview .k-item .k-icon + .k-checkbox-wrapper { padding-left: 0.7rem; }

.treeview .k-item .k-i-expand::before { background: url("../images/common/icon/icon_16_tree_open.png") no-repeat 0 0/1.6rem auto; }

.treeview .k-item .k-i-collapse::before { background: url("../images/common/icon/icon_16_tree_close.png") no-repeat 0 0/1.6rem auto; }

.treeview .k-item .k-checkbox-wrapper { display: block; width: 1.6rem; }

.treeview .k-item .k-checkbox-wrapper + .k-in { padding-left: 0.6rem; }

.treeview .k-item .k-checkbox-label { padding-left: 2.2rem; }

.treeview .k-item .k-in { display: block; width: 100%; margin: 0; padding: 0; border: 0; text-align: left; line-height: 2rem; font-family: 'JLREmeric', 'Noto Sans Korean'; font-weight: 400; font-size: 1.2rem; line-height: 1.6rem; color: #666; }

.treeview .k-item .k-in .k-sprite { width: auto; margin-right: 0; text-align: left; font-size: 1.45rem; line-height: 1.6rem; }

.treeview .k-item .k-in .k-sprite.item::before, .treeview .k-item .k-in .k-sprite.pdf::before, .treeview .k-item .k-in .k-sprite.html::before, .treeview .k-item .k-in .k-sprite.image::before { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_16_tree_doc.png") no-repeat 0 0/1.6rem auto; }

.treeview .k-item .k-in .k-sprite.btn::before { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_16_tree_set.png") no-repeat 0 0/1.6rem auto; }

.treeview .k-item .k-in .k-sprite.certification::before, .treeview .k-item .k-in .k-sprite.pdf::before, .treeview .k-item .k-in .k-sprite.html::before, .treeview .k-item .k-in .k-sprite.image::before { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_48_tree_cert.png") no-repeat 0 0/1.6rem auto; }

.treeview .k-item .k-icon + .k-in { font-size: 1.45rem; color: #000; }

.treeview .k-item .k-icon + .k-in .k-sprite { font-size: 1.45rem; color: #000; }

.treeview .k-item .k-icon + .k-checkbox-wrapper + .k-in { font-size: 1.45rem; color: #000; }

.treeview .k-item .k-icon + .k-checkbox-wrapper + .k-in .k-sprite { font-size: 1.45rem; color: #000; }

.treeview.tree-folder .k-i-expand::before { background: url("../images/common/icon/icon_16_tree_folder_open.png") no-repeat 0 0/1.6rem auto; }

.treeview.tree-folder .k-i-collapse::before { background: url("../images/common/icon/icon_16_tree_folder_close.png") no-repeat 0 0/1.6rem auto; }

.treeview.tree-org .k-item .k-in .k-sprite.corp::before { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_48_corp.png") no-repeat 0 0/1.6rem auto; }

.treeview.tree-org .k-item .k-in .k-sprite.dept::before { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_48_dept.png") no-repeat 0 0/1.6rem auto; }

.treeview.tree-org .k-item .k-in .k-sprite.human::before { content: ''; display: inline-block; vertical-align: top; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_48_team.png") no-repeat 0 0/1.6rem auto; }

.treeview.tree-tab div { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 0.4rem; }

.treeview.tree-tab .k-item[aria-selected="true"] > div { background-color: #EFEFEF; }

.treeview.tree-tab .k-item[aria-selected="true"] > div .k-in { color: #000; }

.treeview.tree-tab .k-item[aria-selected="true"] > div .k-in .k-sprite { color: #000; }

.treeview.tree-tab .k-item .k-icon + .k-in { margin-left: 0.4rem; font-size: 1.45rem; color: #000; }

.treeview.tree-tab .k-item .k-group { margin-top: 0.3rem; padding-left: 2rem; }

.treeview.tree-tab .k-item .k-group > .k-item div .k-icon > .k-in { padding: 0 0 0 0.4rem; margin: 0; }

.treeview.tree-tab .k-item + .k-item { margin-top: 0.3rem; }

.treeview.tree-tab .k-item .k-in { display: block; color: #666; font-size: 1.2rem; line-height: 1.6rem; }

.tree-grid-area .tree-grid-header { display: table; width: 100%; margin-bottom: 0.4rem; background-color: #EFEFEF; border-radius: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tree-grid-area .tree-grid-header .header-item { display: table-cell; height: 2.4rem; padding: 0.8rem 0.4rem; text-align: center; font-size: 1.45rem; line-height: 2rem; color: rgba(0, 0, 0, 0.6); vertical-align: middle; }

.tree-grid-area .tree-grid-header .header-item:first-child { padding-left: 1.6rem; }

.tree-grid-area .tree-grid-header .header-item:last-child { padding-right: 1.6rem; }

.tree-grid-area .tree-grid-body { overflow: overlay; }

.tree-grid-area .tree-grid .k-group .k-item > div { position: relative; padding: 1rem 1.6rem; border-radius: 0.4rem; border: 0.1rem solid #e2e2e2; }

.tree-grid-area .tree-grid .k-item .k-group { margin-top: 0.2rem; padding-left: 0rem; }

.tree-grid-area .tree-grid .k-item + .k-item { margin-top: 0.2rem; }

.tree-grid-area .tree-grid .k-item .k-icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.tree-grid-area .tree-grid .k-in { -webkit-box-sizing: border-box; box-sizing: border-box; }

.tree-grid-area .tree-grid .tree-grid-item { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.45rem; }

.tree-grid-area .tree-grid .tree-grid-item .tree-grid-no { position: absolute; top: 50%; left: 0; padding-left: 1.6rem; padding-right: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.tree-grid-area .tree-grid .tree-grid-item .tree-grid-total { position: absolute; top: 50%; right: 0; padding-right: 1.6rem; padding-left: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.tree-grid-area .tree-grid-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; padding: 0.9rem 2.4rem; margin-top: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0.4rem; -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.15); border: solid 1px #000; background-color: #fff; }

.tree-grid-area .tree-grid-footer-item { font-weight: 700; font-size: 1.45rem; }

.tree-grid-area .tree-grid-footer-item .num { padding-left: 0.8rem; font-weight: 400; }

.tree-grid-area .tree-grid-footer-item + .tree-grid-footer-item { position: relative; padding-left: 1.6rem; margin-left: 1.6rem; }

.tree-grid-area .tree-grid-footer-item + .tree-grid-footer-item::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 0.1rem; height: 1.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #bbbbbb; }

.k-ie .tree-grid-area .tree-grid-header, .k-edge .tree-grid-area .tree-grid-header { padding-right: 1.7rem; }

.k-ie .tree-grid-area .tree-grid-body, .k-edge .tree-grid-area .tree-grid-body { overflow-y: scroll; }

/* scheduler */
.scheduler { position: relative; }

.scheduler .scheduler-btn-area { position: absolute; top: 0.6rem; right: 0; z-index: 1; }

.scheduler .k-scheduler-toolbar .k-scheduler-refresh { display: none; }

.scheduler.none-today .k-scheduler-toolbar .k-nav-today { display: none; }

.scheduler.k-scheduler { border: 0; }

.scheduler.k-scheduler .k-scheduler-toolbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 0.4rem 0 1.2rem; border: 0; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-scheduler-navigation { position: static; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-today { position: absolute; top: 0.6rem; left: 0; height: 3.2rem; border: 0.1rem solid rgba(31, 38, 62, 0.2); padding: 0 1rem; margin-left: 0; border-radius: 0.3rem; color: #2D2D2F; font-size: 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-today .k-link { display: block; width: 100%; height: 100%; padding: 0; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-prev, .scheduler.k-scheduler .k-scheduler-toolbar .k-nav-next { width: 3.2rem; height: 3.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #e8e9ec; -webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 0.4rem; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-prev .k-link, .scheduler.k-scheduler .k-scheduler-toolbar .k-nav-next .k-link { padding: 0; width: 100%; height: 100%; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-prev .k-icon, .scheduler.k-scheduler .k-scheduler-toolbar .k-nav-next .k-icon { width: 3.2rem; height: 2rem; vertical-align: middle; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-prev .k-icon::before, .scheduler.k-scheduler .k-scheduler-toolbar .k-nav-next .k-icon::before { content: ''; display: block; width: 2rem; height: 2rem; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-prev .k-icon.k-i-arrow-60-left::before, .scheduler.k-scheduler .k-scheduler-toolbar .k-nav-next .k-icon.k-i-arrow-60-left::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-prev .k-icon.k-i-arrow-60-right::before, .scheduler.k-scheduler .k-scheduler-toolbar .k-nav-next .k-icon.k-i-arrow-60-right::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-prev { position: absolute; top: 0.6rem; left: calc(50% - 14.2rem); }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-next { position: absolute; top: 0.6rem; right: calc(50% - 14.2rem); }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-current { line-height: 3.2rem; margin: 0 3.2rem; min-width: 20rem; text-align: center; font-weight: 700; font-size: 2rem; color: #2D2D2F; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-current .k-icon { display: none; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-current .k-icon.k-i-calendar { width: 2rem; height: 2rem; }

.scheduler.k-scheduler .k-scheduler-toolbar .k-nav-current .k-icon.k-i-calendar::before { content: ''; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_calendar.png") no-repeat 0 0/2rem auto; }

.scheduler.k-scheduler .k-scheduler-layout { -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #efefef; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-header .k-scheduler-table th { height: 5.2rem; padding: 0; border-bottom: 0.1rem solid #efefef; border-left: 0; font-weight: 700; font-size: 1.45rem; color: #ddd; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-scheduler-table td { height: 11rem; padding: 1.6rem 2rem; border-color: #efefef; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-scheduler-table td .k-link.k-nav-day { display: block; color: #666; font-size: 1.2rem; line-height: 1.6rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-scheduler-table td.k-today .k-link.k-nav-day { font-weight: 700; font-size: 1.45rem; color: #2680EB; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-scheduler-table td.k-other-month { background-color: #f8f7f8; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-scheduler-table td.k-other-month .k-link.k-nav-day { color: #8a888a; opacity: 0.49; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event { display: block; height: 2.5rem !important; border: 0; font-size: 1.2rem; line-height: 2.5rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 1.3rem; font-size: 1.2rem; line-height: 1.6rem; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container .template-date { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-weight: 700; color: #222; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container .template-date + .template-title { margin-left: 0.4rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container .template-category { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; color: #222; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container .template-category + .template-title { margin-left: 0.4rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container .template-title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container.color-yellow { border-radius: 2px; border: solid 1px rgba(204, 204, 0, 0.5); background-color: rgba(0, 132, 244, 0.15); }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container.color-blue { border-radius: 2px; border: solid 1px #0084f4; background-color: rgba(0, 132, 244, 0.15); }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container.color-orange { border-radius: 2px; border: solid 1px #ffa26b; background-color: rgba(255, 162, 107, 0.15); }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container.color-gray { border-radius: 2px; border: solid 1px #999999; background-color: rgba(153, 153, 153, 0.15); }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container.color-purple { border-radius: 2px; border: solid 1px #6979f8; background-color: rgba(105, 121, 248, 0.15); }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .scheduler-template-container.color-green { border-radius: 2px; border: solid 1px #1cb5ad; background-color: rgba(28, 181, 173, 0.15); }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions { top: 0; right: 0; margin: 0; line-height: 1.4rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions:empty + .color-blue, .scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions:empty + .color-orange, .scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions:empty + .color-purple, .scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions:empty + .color-gray, .scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions:empty + .color-green { padding: 0 1.3rem 0 0.9rem; border-left-width: 0.4rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions .k-event-delete { line-height: 2.2rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions .k-icon { font-size: 1.2rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions .k-icon.k-i-close { font-size: 1.6rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions .k-icon.k-i-arrow-60-right, .scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event .k-event-actions .k-icon.k-i-arrow-60-left { display: none; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event + .k-more-events { border: 0; text-align: right; height: 2.5rem; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event + .k-more-events > .k-icon { display: block; width: 100%; height: 1.4rem; margin-top: 0; text-align: right; color: #2D2D2F; }

.scheduler.k-scheduler .k-scheduler-layout .k-scheduler-content .k-event + .k-more-events > .k-icon::before { display: block; width: auto; height: 1.4rem; margin-right: 1rem; font-size: 1.2rem; content: "+더보기"; text-decoration: underline; }

/* toggle */
.user-phone-number { display: inline-block; }

.phone-number-text { display: inline-block; min-width: 10.5rem; font-size: 1.45rem; font-weight: 400; color: #000; }

.phone-number-text .hide-text { min-width: 3.5rem; display: inline-block; }

.phone-number-icon { display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 0.2rem; vertical-align: middle; background: url("../images/common/icon/icon_16_lock_close.png") no-repeat top right/1.6rem 1.6rem; }

.phone-number-icon.active { background: url("../images/common/icon/icon_16_lock_open.png") no-repeat top right/1.6rem 1.6rem; }

/* notification */
.k-notification { height: auto; background-color: transparent; }

.k-notification .k-notification-wrap { height: auto; max-width: 96rem; padding: 1.5rem 4.8rem; margin: 0.6rem 0; border-radius: 3.8rem; color: #fff; font-size: 1.6rem; line-height: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-notification .k-notification-wrap .notification_title { display: none; }

.k-notification .k-notification-wrap .notification_msgBox { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-notification .k-notification-wrap .notification_msgBox p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.k-notification .k-notification-wrap .k-icon { position: absolute; top: 50%; right: 2rem; margin-left: 0.8rem; margin-top: -0.8rem; text-indent: -9999rem; cursor: pointer; }

.k-notification .k-notification-wrap .k-icon.k-i-close { content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_close_white.png") no-repeat 0 0/1.6rem auto; }

.k-notification-info .k-notification-wrap { background: #2678e0 url("../images/common/icon/icon_20_notification_info.png") no-repeat left 2rem top 50%/2rem auto; }

.k-notification-success .k-notification-wrap { background: #00b5ad url("../images/common/icon/icon_20_notification_success.png") no-repeat left 2rem top 50%/2rem auto; }

.k-notification-error .k-notification-wrap { background: #ee3c57 url("../images/common/icon/icon_20_notification_error.png") no-repeat left 2rem top 50%/2rem auto; }

.k-notification-warning .k-notification-wrap { background: #f57f5b url("../images/common/icon/icon_20_notification_warning.png") no-repeat left 2rem top 50%/2rem auto; }

.total-count-area { color: #000; font-weight: 300; font-size: 1.45rem; }

.total-count-area .num { padding: 0 0.2rem 0 0.6rem; font-weight: 700; }

.total-count-area + .table-caption, .total-count-area + .tooltip-group { margin-left: .6rem; }

.k-grid { border: 0; }

.k-grid.pc-table .k-grid-header { margin-bottom: 0.2rem; }

.k-grid.pc-table .k-grid-header table tr:first-child + tr th.k-header { padding-top: 0.1rem; padding-bottom: 0.5rem; }

.k-grid.pc-table .k-grid-header-wrap { padding: 0.4rem 0; }

.k-grid.pc-table .k-grid-header-wrap th.k-header { padding: 0 0.4rem; }

.k-grid.pc-table table { border-spacing: 0 0.2rem; }

.k-grid.pc-table table thead::after { content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.k-grid.pc-table table thead th.k-header { padding: 0.4rem; }

.k-grid.pc-table table th.k-header, .k-grid.pc-table table th, .k-grid.pc-table table td { padding: 0.2rem 0.4rem; }

.k-grid.pc-table table th.k-header .label-rounded, .k-grid.pc-table table th .label-rounded, .k-grid.pc-table table td .label-rounded { width: 2.8rem; height: 2.8rem; }

.k-grid.pc-table table th.k-header { padding: 0 0.4rem; }

.k-grid.pc-table table .k-edit-cell { padding: 0.2rem 0.4rem; }

.k-grid.pc-table.small-type table th.k-header, .k-grid.pc-table.small-type table th, .k-grid.pc-table.small-type table td { font-size: 1.2rem; }

.k-grid.pc-table.small-type table th.k-header:first-child, .k-grid.pc-table.small-type table th:first-child, .k-grid.pc-table.small-type table td:first-child { padding-left: 0.8rem; }

.k-grid.pc-table.small-type table th.k-header:last-child, .k-grid.pc-table.small-type table th:last-child, .k-grid.pc-table.small-type table td:last-child { padding-right: 0.8rem; }

.k-grid.pc-table.small-type table th.k-header { padding: 0 0.2rem; }

.k-grid.pc-table.small-type table .k-edit-cell { padding: 0.2rem 0.4rem; }

.k-grid table { border-spacing: 0 0.4rem; }

/* Grid Column Pre-wrap 처리*/
.k-grid table .itemCdClass { white-space: pre-wrap !important; }

.k-grid table th.k-header, .k-grid table th, .k-grid table td { height: 3.2rem; padding: 0.8rem 0.4rem; text-align: center; font-size: 1.45rem; line-height: 2rem; color: #000; }

.k-grid table th.k-header:first-child, .k-grid table th:first-child, .k-grid table td:first-child { padding-left: 1.6rem; }

.k-grid table th.k-header:last-child, .k-grid table th:last-child, .k-grid table td:last-child { padding-right: 1.6rem; }

.k-grid table th.k-header:first-child .k-checkbox-label:before, .k-grid table th:first-child .k-checkbox-label:before, .k-grid table td:first-child .k-checkbox-label:before { -webkit-transform: translateX(0); transform: translateX(0); }

.k-grid table th.k-header .k-checkbox-label:before, .k-grid table th .k-checkbox-label:before, .k-grid table td .k-checkbox-label:before { -webkit-transform: translateX(50%); transform: translateX(50%); }

.k-grid table th.k-header, .k-grid table th { height: 2.8rem; color: rgba(0, 0, 0, 0.6); font-weight: 400; }

.k-grid table th.k-header .k-link, .k-grid table th .k-link { color: rgba(0, 0, 0, 0.6); }

.k-grid table td.k-group-cell { border-width: 0.2rem 0; }

.k-grid table td.k-group-cell:first-child { border-width: 0.2rem 0 0.2rem 0.2rem; }

.k-grid table .k-edit-cell { padding: 0.8rem 0.4rem; }

.k-grid table .k-edit-cell .k-input { width: 100%; }

.k-grid table .k-grouping-row p { font-weight: 700; font-size: 1.45rem; }

.k-grid table .k-grouping-row p .k-icon { width: 1.6rem; height: 1.6rem; margin: 0 1.2rem 0 0; }

.k-grid table .k-grouping-row p .k-icon:before { width: 100%; height: 100%; }

.k-grid table .k-grouping-row p .k-icon.k-i-collapse:before { content: ""; background: url("../images/common/icon/icon_16_arr_grid_expand.png") no-repeat center/1.6rem auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.k-grid table .k-grouping-row p .k-icon.k-i-expand:before { content: ""; background: url("../images/common/icon/icon_16_arr_grid_expand.png") no-repeat center/1.6rem auto; }

.k-grid table .k-grouping-row td { text-align: left; border: 0 !important; }

.k-grid table .k-grouping-row + tr td { border-width: 0.2rem 0; }

.k-grid table .k-grouping-row + tr td.k-group-cell { border-width: 0.2rem 0; }

.k-grid table .k-grouping-row + tr td.k-group-cell:first-child { border-width: 0.2rem 0 0.2rem 0.2rem; }

.k-grid table .k-grouping-row + tr td:last-child { border-right: 0.2rem solid #e2e2e2; }

.k-grid table .k-grouping-row + tr.k-state-selected td:last-child { border-right: 0.2rem solid #2680EB; }

.k-grid table .k-grouping-row + tr td.visible-last-child { border-right: 0.2rem solid #e2e2e2; }

.k-grid table .k-grouping-row + tr.k-state-selected td.visible-last-child { border-right: 0.2rem solid #2680EB; }

.k-grid table .k-group-footer td { background-color: #f5f5f5; }

.k-grid table .k-group-footer td.k-group-cell + td { border-left-width: 0; }

.k-grid table .k-group-footer .group-footer-text { line-height: 2.8rem; }

.k-grid table .k-footer-template .text-bar-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; line-height: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; }

.k-grid table .k-footer-template .text-bar-group .text-bar-item { line-height: 2rem; font-weight: 700; font-size: 1.45rem; }

.k-grid table .k-footer-template .text-bar-group .text-bar-item + .text-bar-item { position: relative; padding-left: 1.6rem; margin-left: 1.6rem; }

.k-grid table .k-footer-template .text-bar-group .text-bar-item + .text-bar-item::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 0.1rem; height: 1.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #bbbbbb; }

.k-grid table .k-footer-template .text-bar-group .text-bar-item .num { padding-left: 0.6rem; font-weight: 400; }

.k-grid table .k-footer-template .text-bar-group .text-bar-item .math-ex { padding-left: 0.6rem; font-weight: 400; }

.k-grid table .k-footer-template .footer-text { line-height: 2.8rem; }

.k-grid-header { background-color: #EFEFEF; border-radius: 0.4rem; border-bottom-width: 0 !important; }

.k-grid-header-wrap { border-width: 0; }

.k-grid-header table { border-spacing: 0; }

.k-grid-header table tr:first-child th.k-header:first-child { padding-left: 1.6rem; }

.k-grid-header table tr:first-child th.k-header:last-child { padding-right: 1.6rem; }

.k-grid-header table tr:first-child + tr th.k-header { background-color: rgba(0, 0, 0, 0.06); }

.k-grid-header table tr:nth-child(3) th.k-header { background-color: #D9DBDB; }

.k-grid-header table tr:nth-child(4) th.k-header { background-color: #AFB9B9; color: #FFFFFF;}

.k-grid-header table tr:first-child + tr th.k-header.k-group-cell { background: transparent; }

.k-grid-header table tr th.k-header { background-color: #EFEFEF; border-width: 0; vertical-align: middle; border-left-width: 0.1rem; border-color: #e2e2e2; border-style: solid;  }

.k-grid-header table tr th.k-header > .k-link { padding: 0; margin: 0; line-height: 2.4rem; min-height: 2.4rem; }

.k-grid-header table tr th.k-header:first-child { padding-left: 0.4rem; border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem;border-left-width: 0; }

.k-grid-header table tr th.k-header:first-child.k-group-cell { border-radius: 0; }

.k-grid-header table tr th.k-header:first-child.k-group-cell + .k-header { border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; }

.k-grid-header table tr th.k-header:last-child { padding-right: 0.4rem; border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem;border-right-width: 0; }

.k-grid-header table tr th.k-header.k-first { border-width: 0; }

.k-grid-header table tr .color-code-area .color-chip { border: 0; }

.k-grid-header table tr .color-code-area .text { padding-left: 0.4rem; font-size: 1.2rem; }

.k-grid-header .k-grid-header-locked table { padding: 0.4rem 0; }

.k-grid-content { overflow-y: auto; }

.k-grid-footer { border: 0 !important; }

.k-grid-footer-wrap { border: 0; }

.k-grid-footer table tr { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); }

.k-grid-footer table tr td { border-color: #000 !important; }

.k-grid .k-grid-footer-locked + .k-grid-footer-wrap table tr td:last-child { position: relative; }

.k-grid .k-grid-footer-locked + .k-grid-footer-wrap table tr td:last-child::after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 0.1rem; height: 100%; background-color: #000; }

.k-grid .space-between-area { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.k-grid .space-between-area .gird-checkbox-text { line-height: 2.8rem; padding-bottom: 0; }

.k-grid .space-between-area .grid-checkbox-label { padding-bottom: 0.6rem; }

.k-grid .gird-checkbox-text { padding-bottom: 0.4rem; }

.k-grid .grid-checkbox-label .grid-checkbox-item { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

.k-grid .grid-checkbox-label .grid-checkbox-item + .grid-checkbox-mark { display: block; width: 1.6rem; height: 1.6rem; margin: 0 auto; border: solid 0.1rem rgba(31, 38, 62, 0.2); border-radius: 0.1rem; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-grid .grid-checkbox-label .grid-checkbox-item:checked + .grid-checkbox-mark { background: url("../images/common/icon/icon_checkbox_active.png") no-repeat center/1.6rem auto; border: 0; color: #fff; font-size: 1.2rem; line-height: 1.6rem; }

.k-grid .grid-checkbox-label .grid-checkbox-item:disabled + .grid-checkbox-mark { border-color: rgba(31, 38, 62, 0.2); background-color: rgba(31, 38, 62, 0.1); }

.k-grid .grid-checkbox-label .grid-checkbox-item:disabled:checked + .grid-checkbox-mark { background: url("../images/common/icon/icon_checkbox_disabled.png") no-repeat center/1.6rem auto; border: 0; }

.k-grid .color-code-area { text-align: center; }

.k-grid .color-code-area .color-chip { display: inline-block; width: 1.2rem; height: 1.2rem; border-radius: 50%; vertical-align: middle; border: 0.1rem solid #efefef; }

.k-grid .color-code-area .text { padding-left: 0.8rem; font-size: 1.45rem; color: #000; vertical-align: middle; }

.k-grid-norecords {height : 99% !important; }

.k-grid .k-grid-norecords > div { font-size: 1.6rem; color: #999 }

.k-grid .k-grid-norecords > div::before { content: ""; display: block; width: 3.4rem; height: 3.4rem; margin: 0 auto 1rem; background: url("../images/common/icon/icon_34_nodata.png") no-repeat 0 0/3.4rem auto; }

.k-grid .label-grid-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.k-grid .label-grid-group .label-new { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_new.png") no-repeat top right/1.6rem auto; }

.k-grid .label-grid-group .label-grid-text { font-size: 1.45rem; color: #000; font-weight: 400; }

.k-grid .label-grid-group .label-exclamation { width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_exclamation.png") no-repeat top right/1.6rem auto; }

.k-grid .label-grid-group .label-new + .label-grid-text { margin-left: .4rem; }

.k-grid .label-grid-group .label-grid-text + .label-exclamation { margin-left: .8rem; }

.table-area-wrap .table-area-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; min-height: 3.2rem; padding-bottom: 0.8rem; }

.table-area-wrap .table-area-header.small { min-height: auto; }

.table-area-wrap .table-area-header.small .table-title { padding-top: 0; font-size: 1.45rem; line-height: 1.8rem; }

.table-area-wrap .table-area-header .table-header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.table-area-wrap .table-area-header .table-header-left .table-title + .total-count-area { padding-top: .4rem; margin-left: 0.8rem; }

.table-area-wrap .table-area-header .table-header-left .total-count-area + .table-input-group { margin-left: 0.8rem; }

.table-area-wrap .table-area-header .table-header-right { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; }

.table-area-wrap .table-area-header .table-header-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 5rem; padding: 0.8rem 1.6rem; margin-top: 0.8rem; margin-bottom: 1.2rem; border: 0.1rem solid #999; -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.11); border-radius: 0.4rem; font-size: 1.45rem; line-height: 1.6rem; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; }

.table-area-wrap .table-area-header .table-header-card .card-tit { font-weight: 700; }

.table-area-wrap .table-area-header .table-header-card .card-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.table-area-wrap .table-area-header .table-header-card .card-txt input { width: 100%; text-align: right; border: 0; font-size: 1.45rem; line-height: 1.6rem; overflow: hidden; text-overflow: ellipsis; }

.table-area-wrap .table-area-header .table-header-card .card-txt .card-txt-after { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-left: 0.6rem; }

.table-area-wrap .table-area-header .table-header-card .card-txt .card-txt-after.bold { font-weight: 700; }

.table-area-wrap .table-area-header .table-header-card .card-txt .card-txt-after.color1 { color: #1eb5ad; }

.table-area-wrap .table-area-header .table-header-card .card-txt .card-txt-after.color2 { color: #053981; }

.table-area-wrap .table-area-header .table-header-card .card-txt .card-txt-after.color8 { color: #f57f5b; }

.table-area-wrap .table-area-header .table-header-card .card-txt .card-txt-after.gap-sm { padding-left: 0.4rem; }

.table-area-wrap .table-area-header .table-header-card + .table-header-card { margin-left: 0.8rem; }

.table-area-wrap .table-area-header.card-col-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.table-area-wrap .table-area-header.card-col-2 .table-header-card { width: calc(50% - 0.8rem); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0.8rem 0.4rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.table-area-wrap .table-area-header.card-col-2 .table-header-card:nth-child(2n) { margin-right: 0; }

.table-area-wrap .table-area-header.card-col-2 .table-header-card:nth-child(2n + 1) { margin-left: 0; }

.table-area-wrap .table-area-header.card-col-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.table-area-wrap .table-area-header.card-col-3 .table-header-card { width: calc(33.33% - 0.8rem); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0.8rem 0.4rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.table-area-wrap .table-area-header.card-col-3 .table-header-card:nth-child(3n) { margin-right: 0; }

.table-area-wrap .table-area-header.card-col-3 .table-header-card:nth-child(3n + 1) { margin-left: 0; }

.table-area-wrap .table-area-header.card-col-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.table-area-wrap .table-area-header.card-col-4 .table-header-card { width: calc(25% - 0.8rem); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0.8rem 0.4rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.table-area-wrap .table-area-header.card-col-4 .table-header-card:nth-child(4n) { margin-right: 0; }

.table-area-wrap .table-area-header.card-col-4 .table-header-card:nth-child(4n + 1) { margin-left: 0; }

.table-area-wrap .table-area-header .table-search-header-area .table-search-header { display: none; }

.table-area-wrap .table-area-header .table-search-header-area .table-search-header.active { display: block; }

.table-area-wrap .table-area-header .table-search-header-area .table-search-header .line-form { padding: 0 !important; }

.table-area-wrap .table-area-header .table-search-header-area .table-search-header .line-form .btn-text { margin-left: 0; padding-top: 0; padding-bottom: 0.8rem; line-height: 2.3rem; font-size: 1.45rem; color: #222; }

.table-area-wrap .table-area-header .table-search-header-area .table-search-header .line-form .form-input-search-area .btn-form-search { top: 0.4rem; right: 0rem; -webkit-transform: translateY(0); transform: translateY(0); }

.table-area-wrap .table-area-header .table-input-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table-area-wrap .table-area-header .table-input-group .table-input-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.table-area-wrap .table-area-header .table-input-group .table-input-item .table-input-label { padding-right: 1.2rem; color: #222; font-size: 1.45rem; white-space: nowrap; }

.table-area-wrap .table-area-header .table-input-group .table-input-item .table-input-item-con { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table-area-wrap .table-area-header .table-input-group .table-input-item + .table-input-item { padding-left: 2rem; }

.table-area-wrap .table-area-header .table-input-group .table-input-item.required .table-input-label::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.2rem; border-radius: 50%; background-color: #f03e41; vertical-align: top; }

.table-area-wrap .table-area-header .table-input-group .table-input-item + .btn-group { padding-left: 2rem; }

.table-area-wrap .table-area-header .table-input-group .table-input-item .form-radio-group li, .table-area-wrap .table-area-header .table-input-group .table-input-item .form-checkbox-group li { margin-top: 0; }

.table-area-wrap .table-area-header .table-input-group + .btn-group { padding-left: 2rem; }

.table-area-wrap .table-area-header .table-input, .table-area-wrap .table-area-header .k-input { display: block; width: 12.4rem; height: 3.2rem; padding: 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.table-area-wrap .table-area-header .table-input:hover, .table-area-wrap .table-area-header .table-input:focus, .table-area-wrap .table-area-header .k-input:hover, .table-area-wrap .table-area-header .k-input:focus { border-color: #000; }

.table-area-wrap .table-area-header .table-input::-webkit-input-placeholder, .table-area-wrap .table-area-header .k-input::-webkit-input-placeholder { color: #ccc; }

.table-area-wrap .table-area-header .table-input:-ms-input-placeholder, .table-area-wrap .table-area-header .k-input:-ms-input-placeholder { color: #ccc; }

.table-area-wrap .table-area-header .table-input::-ms-input-placeholder, .table-area-wrap .table-area-header .k-input::-ms-input-placeholder { color: #ccc; }

.table-area-wrap .table-area-header .table-input::placeholder, .table-area-wrap .table-area-header .k-input::placeholder { color: #ccc; }

.table-area-wrap .table-area-header .table-input:disabled, .table-area-wrap .table-area-header .k-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.table-area-wrap .table-area-header .table-input:-moz-read-only, .table-area-wrap .table-area-header .k-input:-moz-read-only { border-color: #e2e2e2; }

.table-area-wrap .table-area-header .table-input:read-only, .table-area-wrap .table-area-header .k-input:read-only { border-color: #e2e2e2; }

.table-area-wrap .table-area-header .table-input.form-error, .table-area-wrap .table-area-header .k-input.form-error { border-color: #ee3c57 !important; }

.table-area-wrap .table-area-header .table-input + .btn, .table-area-wrap .table-area-header .k-input + .btn { margin-left: 0.8rem; }

.table-area-wrap .table-area-header .w-lg .k-dropdown, .table-area-wrap .table-area-header .w-lg .table-input { width: 15rem; }

.table-area-wrap .table-area-header .w-lg + .k-dropdown, .table-area-wrap .table-area-header .w-lg + .table-input { margin-left: 0.4rem; }

.table-area-wrap .table-area-header .k-dropdown { width: 12.4rem; height: 3.2rem; }

.table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap { display: block; padding: 0.8rem 2.8rem 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap.k-state-hover, .table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap.k-state-active { border-color: #000; }

.table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap.k-state-disabled { opacity: 1; border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; cursor: default; }

.table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap .k-input { width: 100%; height: auto; padding: 0; color: #000; line-height: 1.4rem; font-size: 1.2rem; text-indent: 0; border: 0; }

.table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 1.2rem; }

.table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 1.6rem; vertical-align: bottom; }

.table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.table-area-wrap .table-area-header .k-dropdown .k-dropdown-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.table-area-wrap .table-area-header .k-dropdown + .btn { margin-left: 0.8rem; }

.table-area-wrap .table-area-header .k-dropdown + .form-input-search-area { margin-left: 0.4rem; }

.table-area-wrap .table-area-header .form-input-search-area { position: relative; margin-left: auto; }

.table-area-wrap .table-area-header .form-input-search-area .table-input { padding-right: 3.4rem; }

.table-area-wrap .table-area-header .form-input-search-area .btn-form-search { position: absolute; top: 50%; right: 0.8rem; display: block; width: 1.8rem; height: 1.8rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/icon/icon_16_search.png") no-repeat 0 0/1.6rem auto; }

.table-area-wrap .table-area-header .form-input-search-area + .btn { margin-left: 0.8rem; }

.table-area-wrap .table-area-header .k-numerictextbox { width: 12.4rem; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap { border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap.k-state-hover, .table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap.k-state-active { border-color: #000; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-select { opacity: 0.3; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap.k-expand-padding .k-input { padding-right: 1.2rem; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap .k-input { height: 3rem; color: #000; font-size: 1.45rem; line-height: 1.8rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; border: 0; text-align: right; padding-right: 3.6rem; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap .k-select { width: 1.6rem; height: 3rem; padding-right: 1.2rem; line-height: 3rem; border-left: 0; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap .k-select .k-link { height: 1.5rem; line-height: 1.5rem; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon::before { content: ''; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.table-area-wrap .table-area-header .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-60-up::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.table-area-wrap .table-area-header .k-numerictextbox + .btn { margin-left: 0.8rem; }

.table-area-wrap .table-area-header .k-datepicker, .table-area-wrap .table-area-header .k-datetimepicker, .table-area-wrap .table-area-header .k-maskedtextbox { width: 12.4rem; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap { height: 3.2rem; border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap.k-state-hover, .table-area-wrap .table-area-header .k-datepicker .k-picker-wrap.k-state-active, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap.k-state-hover, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap.k-state-active, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap.k-state-hover, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap.k-state-active { border-color: #000; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap.k-state-disabled, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap.k-state-disabled, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap.k-state-disabled .k-input, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap.k-state-disabled .k-input, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap.k-state-disabled .k-select, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap.k-state-disabled .k-select, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-select { opacity: 0.3; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap .k-input, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap .k-input, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap .k-input { padding: 0.8rem 0.6rem 0.8rem 1.2rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; border: 0; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap .k-select, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap .k-select, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap .k-select { width: 1.6rem; padding-right: 0.8rem; height: 3rem; border-left: 0; line-height: 2.4rem; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap .k-select .k-icon, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap .k-select .k-icon, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap .k-select .k-icon { width: 100%; height: 100%; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-calendar:before { background: url("../images/common/icon/icon_16_calendar.png") no-repeat center/1.6rem auto; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-clock:before { background: url("../images/common/icon/icon_20_time.png") no-repeat center/1.6rem auto; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap .k-select .k-icon:before, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap .k-select .k-icon:before, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.table-area-wrap .table-area-header .k-datepicker .k-picker-wrap .k-maskedtextbox.k-input, .table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap .k-maskedtextbox.k-input, .table-area-wrap .table-area-header .k-maskedtextbox .k-picker-wrap .k-maskedtextbox.k-input { padding: 0; }

.table-area-wrap .table-area-header .k-datetimepicker .k-picker-wrap .k-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 4.4rem; }

.table-area-wrap .table-area-header .k-dropdown + .k-dropdown, .table-area-wrap .table-area-header .k-dropdown + .table-input, .table-area-wrap .table-area-header .k-dropdown + .btn-group, .table-area-wrap .table-area-header .k-dropdown + .k-datepicker, .table-area-wrap .table-area-header .k-dropdown + .k-datetimepicker, .table-area-wrap .table-area-header .k-dropdown + .k-maskedtextbox, .table-area-wrap .table-area-header .table-input + .k-dropdown, .table-area-wrap .table-area-header .table-input + .table-input, .table-area-wrap .table-area-header .table-input + .btn-group, .table-area-wrap .table-area-header .table-input + .k-datepicker, .table-area-wrap .table-area-header .table-input + .k-datetimepicker, .table-area-wrap .table-area-header .table-input + .k-maskedtextbox, .table-area-wrap .table-area-header .k-datepicker + .k-dropdown, .table-area-wrap .table-area-header .k-datepicker + .table-input, .table-area-wrap .table-area-header .k-datepicker + .btn-group, .table-area-wrap .table-area-header .k-datepicker + .k-datepicker, .table-area-wrap .table-area-header .k-datepicker + .k-datetimepicker, .table-area-wrap .table-area-header .k-datepicker + .k-maskedtextbox, .table-area-wrap .table-area-header .k-datetimepicker + .k-dropdown, .table-area-wrap .table-area-header .k-datetimepicker + .table-input, .table-area-wrap .table-area-header .k-datetimepicker + .btn-group, .table-area-wrap .table-area-header .k-datetimepicker + .k-datepicker, .table-area-wrap .table-area-header .k-datetimepicker + .k-datetimepicker, .table-area-wrap .table-area-header .k-datetimepicker + .k-maskedtextbox, .table-area-wrap .table-area-header .k-maskedtextbox + .k-dropdown, .table-area-wrap .table-area-header .k-maskedtextbox + .table-input, .table-area-wrap .table-area-header .k-maskedtextbox + .btn-group, .table-area-wrap .table-area-header .k-maskedtextbox + .k-datepicker, .table-area-wrap .table-area-header .k-maskedtextbox + .k-datetimepicker, .table-area-wrap .table-area-header .k-maskedtextbox + .k-maskedtextbox, .table-area-wrap .table-area-header .table-input-item-con + .k-dropdown, .table-area-wrap .table-area-header .table-input-item-con + .table-input, .table-area-wrap .table-area-header .table-input-item-con + .btn-group, .table-area-wrap .table-area-header .table-input-item-con + .k-datepicker, .table-area-wrap .table-area-header .table-input-item-con + .k-datetimepicker, .table-area-wrap .table-area-header .table-input-item-con + .k-maskedtextbox { margin-left: 0.4rem; }

.table-area-wrap .table-area-header .k-dropdown + .table-input-label, .table-area-wrap .table-area-header .table-input + .table-input-label, .table-area-wrap .table-area-header .k-datepicker + .table-input-label, .table-area-wrap .table-area-header .k-datetimepicker + .table-input-label, .table-area-wrap .table-area-header .k-maskedtextbox + .table-input-label, .table-area-wrap .table-area-header .table-input-item-con + .table-input-label { margin-left: 1.2rem; }

.table-area-wrap .table-area-header .btn-group + .table-input, .table-area-wrap .table-area-header .btn-group + .k-input { margin-left: 0.8rem; }

.table-area-wrap .table-area-header .btn-group + .table-input-group { padding-left: 2rem; }

.table-area-wrap .table-area-header .table-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 1.2rem; line-height: 1.6rem; color: #999; }

.table-area-wrap .table-area-header .table-caption::before { content: ''; display: block; width: 1.6rem; height: 1.6rem; margin-right: 0.4rem; background: url("../images/common/icon/icon_16_exclamation.png") no-repeat 0 0/1.6rem auto; }

.table-area-wrap .table-area-header .table-caption + .btn-group { margin-left: 1.6rem; }

.table-area-wrap .table-area-header .tooltip-group + .table-input-group { margin-left: 0.6rem; }

.table-area-wrap .table-area-header .status-info { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table-area-wrap .table-area-header .status-info .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.2rem; line-height: 1.7rem; color: #000; }

.table-area-wrap .table-area-header .status-info .info + .info { margin-left: 1.2rem; }

.table-area-wrap .table-area-header .status-info .info::before { content: ''; width: 1.2rem; height: 1.2rem; margin-right: 0.4rem; border-radius: 50%; }

.table-area-wrap .table-area-header .status-info .info.style1::before { background-color: #2680EB; }

.table-area-wrap .table-area-header .status-info .info.style2::before { background-color: #f57f5b; }

.table-area-wrap .table-area-header .status-info .info.style3::before { background-color: #053981; }

.table-area-wrap .table-area-header .status-info .info.style4::before { background-color: #00b5ad; }

.table-area-wrap .table-area-header .table-switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.table-area-wrap .table-area-header .table-switch-label { padding-right: 0.8rem; font-size: 1.45rem; color: #000; }

.table-area-wrap .table-area-header .table-switch .switch-text { padding-left: 0.8rem; color: #fff; font-size: 1.2rem; }

.table-area-wrap .table-area-header .table-switch .k-switch { width: 3.2rem; }

.table-area-wrap .table-area-header .table-switch .k-switch-container { height: 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; background-color: #2D2D2F; }

.table-area-wrap .table-area-header .table-switch .k-switch-label-off, .table-area-wrap .table-area-header .table-switch .k-switch-label-on { display: none; }

.table-area-wrap .table-area-header .table-switch .k-switch-handle { width: 1.2rem; height: 1.2rem; border: 0; background-color: #fff; vertical-align: top; }

.table-area-wrap .table-area-header .table-switch .k-switch.k-switch-on .k-switch-handle { left: calc(100% - 1.2rem); }

.table-area-wrap .table-area-header .table-switch .k-switch.k-switch-off .k-switch-container { background-color: #ddd; }

.table-area-wrap .table-area-header .table-switch .k-switch.k-switch-off .k-switch-handle { background-color: #fff; }

.table-area-wrap .table-title { padding-top: 0.4rem; color: #222; font-weight: 700; font-size: 1.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.table-area-wrap .table-title + .table-caption, .table-area-wrap .table-title + .tooltip-group { padding-top: .4rem; margin-left: .6rem; }

.table-area-wrap .table-header-expansion { position: relative; }

.table-area-wrap .table-header-expansion .table-area-header { height: 6.6rem; padding-bottom: 2rem; overflow: hidden; }

.table-area-wrap .table-header-expansion.active .table-area-header { height: auto; overflow: auto; }

.table-area-wrap .table-header-expansion.active .btn-search-expansion { bottom: 0.8rem; }

.table-area-wrap .table-header-expansion.active .btn-search-expansion:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.table-area-wrap .table-header-expansion .btn-search-expansion { position: absolute; left: 50%; bottom: -0.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 5.2rem; height: 1.2rem; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); background: #2D2D2F; border-bottom-left-radius: 0.4rem; border-bottom-right-radius: 0.4rem; }

.table-area-wrap .table-header-expansion .btn-search-expansion:after { z-index: 1; content: ''; display: block; width: 0.8rem; height: 0.6rem; background: url("../images/common/icon/icon_arr_search_panel.png") no-repeat center/0.8rem auto; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.k-ie .table-area-wrap .table-area-header .table-switch .k-switch.k-switch-on .k-switch-handle, .k-edge .table-area-wrap .table-area-header .table-switch .k-switch.k-switch-on .k-switch-handle { left: 100%; margin-left: -1.2rem; }

.table-area.al tr th, .table-area.al tr td { text-align: left; }

.table-area.ar tr th, .table-area.ar tr td { text-align: right; }

.table-area.line-divide .k-grid-header table tr th.k-header { border-left-width: 0.1rem; border-color: #e2e2e2; border-style: solid; }

.table-area.line-divide .k-grid-header table tr th.k-header:first-child { border-left-width: 0; }

.table-area.line-divide .k-grid-header table tr th.k-header:last-child { border-right-width: 0; }

.table-area.line-divide tr td { border-width: 0.1rem 0 0.1rem 0.1rem; border-color: #e2e2e2; border-style: solid; }

.table-area tr th { background-color: #EFEFEF; border-width: 0; vertical-align: middle; }

.table-area tr th > .k-link { padding: 0; margin: 0; line-height: 2.4rem; min-height: 2.4rem; }

.table-area tr th:first-child { border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; }

.table-area tr th:last-child { border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; }

.table-area tr th.k-first { border-width: 0; }

.table-area tr th .th-required::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.2rem; border-radius: 50%; background-color: #f03e41; vertical-align: top; }

.table-area tr th .th-tooltip .tooltip-group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.table-area tr th .th-tooltip.al .tooltip-group { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.table-area tr th .th-tooltip.ar .tooltip-group { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.table-area tr th .th-tooltip .tooltip-text { margin-right: 0.3rem; }

.table-area tr th .th-icon-header .th-icon { display: inline-block; width: 1.2rem; height: 1.2rem; margin-left: 0.2rem; }

.table-area tr th .th-icon-header .th-icon.icon-excel { background: url("../images/common/icon/icon_16_excel.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-excel2 { background: url("../images/common/icon/icon_16_excel2.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-sms { background: url("../images/common/icon/icon_16_sms.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-email { background: url("../images/common/icon/icon_16_email.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-modify { background: url("../images/common/icon/icon_16_modify.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-regist { background: url("../images/common/icon/icon_16_regist.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-detail { background: url("../images/common/icon/icon_16_detail.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-add { background: url("../images/common/icon/icon_16_add.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-search { background: url("../images/common/icon/icon_16_search.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-assign { background: url("../images/common/icon/icon_16_assign.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-contract { background: url("../images/common/icon/icon_16_contract.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-car { background: url("../images/common/icon/icon_16_car.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-car-regist { background: url("../images/common/icon/icon_16_car_regist.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-bill { background: url("../images/common/icon/icon_16_bill.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-save { background: url("../images/common/icon/icon_16_save.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-del { background: url("../images/common/icon/icon_16_del.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-download { background: url("../images/common/icon/icon_16_download.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-upload { background: url("../images/common/icon/icon_16_upload.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-calendar { background: url("../images/common/icon/icon_16_calendar.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-more { background: url("../images/common/icon/icon_12_more.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-download2 { background: url("../images/common/icon/icon_16_download2.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-upload2 { background: url("../images/common/icon/icon_16_upload2.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-car-inquire { background: url("../images/common/icon/icon_16_tooltip_car_info.png") no-repeat center/1.2rem auto; }

.table-area tr th .th-icon-header .th-icon.icon-up { background: url("../images/common/icon/icon_16_arr_grid_expand.png") no-repeat center/1.2rem auto; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.table-area tr th .th-icon-header .th-icon.icon-down { background: url("../images/common/icon/icon_16_arr_grid_expand.png") no-repeat center/1.2rem auto; }

.table-area tr td { border-width: 0.2rem 0 0.2rem; border-color: #e2e2e2; border-style: solid; white-space: nowrap; }

.table-area tr td:first-child { border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; border-left: 0.2rem solid #e2e2e2; }

.table-area tr td:last-child { border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; border-right: 0.2rem solid #e2e2e2; border-right-width: 0.2rem;}

.table-area tr td.visible-last-child { border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; border-right: 0.2rem solid #e2e2e2; border-right-width: 0.2rem;}

.table-area tr.k-state-selected td.visible-last-child {  border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; border-right: 0.2rem solid #2680EB; border-right-width: 0.2rem; }

.table-area tr td .link-user-info { padding-left: 1.8rem; background: url("../images/common/icon/icon_16_avatar.png") no-repeat left center/1.6rem auto; }

.table-area tr td .link-user-info-right { padding-right: 1.8rem; background: url("../images/common/icon/icon_16_avatar.png") no-repeat right center/1.6rem auto; }

.table-area tr td .link-view-info { padding-right: 2.4rem; background: url("../images/common/icon/icon_20_view.png") no-repeat right center/2rem auto; }

.table-area tr td .link-search-info { padding-right: 1.8rem; background: url("../images/common/icon/icon_16_search.png") no-repeat right center/1.6rem auto; }

.table-area tr td .table-icon-check { display: block; width: 2.1rem; height: 2.1rem; margin: 0 auto; }

.table-area tr td .table-icon-check[data-value=true] { background: url("../images/common/icon/icon_20_table_yes.png") no-repeat 0 0/2rem 2rem; }

.table-area tr td .table-icon-check[data-value=false] { background: url("../images/common/icon/icon_20_table_no.png") no-repeat 0 0/2rem 2rem; }

.table-area tr td .table-con-link { color: #2680EB; }

.table-area tr td .label-rounded, .table-area tr td .label-half { margin: 0 auto; }

.table-area tr td .form-radio-group, .table-area tr td .form-checkbox-group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.table-area tr td .form-radio-group li, .table-area tr td .form-checkbox-group li { margin-top: 0; }

.table-area tr td .form-radio-group li .k-checkbox-label::before, .table-area tr td .form-checkbox-group li .k-checkbox-label::before { -webkit-transform: translate(0); transform: translate(0); }

.table-area tr td .form-radio-group.equal-w, .table-area tr td .form-checkbox-group.equal-w { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 2rem; text-align: left; }

.table-area tr td .form-radio-group.equal-w li, .table-area tr td .form-checkbox-group.equal-w li { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; }

.table-area tr td .text-btn-group .text { padding-right: 1.2rem; vertical-align: middle; }

.table-area tr td .text-btn-group .text:empty { padding-right: 0; }

.table-area tr td .text-btn-group .text.sm .k-dropdown { width: 50%; }

.table-area tr td .text-btn-group .text.link-download { text-decoration: underline; }

.table-area tr td .text-btn-group.type2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.table-area tr td .text-btn-group.type2 .text { min-width: 10rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.table-area tr td .text-btn-group.type2.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.table-area tr td .text-btn-group.type2.center .text { min-width: auto; }

.table-area tr td .text-btn-group.type3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.table-area tr td .text-btn-group.type3 .text { display: block; padding-right: 0; }

.table-area tr td .text-group .text-after { padding-left: 0.8rem; }

.table-area tr td .grid-text.color1 { color: #ee3c57; }

.table-area tr td .grid-text.color2 { color: #2680EB; }

.table-area tr td .grid-text.color3 { color: #f57f5b; }

.table-area tr td .grid-text.color4 { color: #053981; }

.table-area tr td .grid-text.color5 { color: #1eb5ad; }

.table-area tr td.k-state-selected { background: #e5f1f7; }

.table-area tr td .required::after { content: ''; display: inline-block; width: 0.4rem; height: 0.4rem; margin-left: 0.2rem; border-radius: 50%; background-color: #f03e41; vertical-align: top; }

.table-area tr td .td-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table-area tr td .td-flex > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.table-area tr.k-state-selected td { border-color: #2680EB; }

.table-area.only-child-table tr td { border-width: 0.1rem; border-radius: 0.4rem; }

.table-area table .table-input, .table-area table .k-input { display: block; width: calc(100% - 2.6rem); padding: 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; }

.table-area table .table-input:hover, .table-area table .table-input:focus, .table-area table .k-input:hover, .table-area table .k-input:focus { border-color: #000; }

.table-area table .table-input::-webkit-input-placeholder, .table-area table .k-input::-webkit-input-placeholder { color: #ccc; }

.table-area table .table-input:-ms-input-placeholder, .table-area table .k-input:-ms-input-placeholder { color: #ccc; }

.table-area table .table-input::-ms-input-placeholder, .table-area table .k-input::-ms-input-placeholder { color: #ccc; }

.table-area table .table-input::placeholder, .table-area table .k-input::placeholder { color: #ccc; }

.table-area table .table-input:disabled, .table-area table .k-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.table-area table .table-input:-moz-read-only, .table-area table .k-input:-moz-read-only { border-color: #e2e2e2; }

.table-area table .table-input:read-only, .table-area table .k-input:read-only { border-color: #e2e2e2; }

.table-area table .table-input.form-error, .table-area table .k-input.form-error { border-color: #ee3c57 !important; }

.table-area table .table-select { display: block; width: calc(100% - 4.2rem); padding: 0.8rem 2.8rem 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #fff url("../images/common/icon/icon_16_arr_select.png") no-repeat top 60% right 1.2rem/1.6rem auto; cursor: pointer; }

.table-area table .table-select:hover, .table-area table .table-select:focus { border-color: #000; }

.table-area table .table-select::-webkit-input-placeholder { color: #ccc; }

.table-area table .table-select:-ms-input-placeholder { color: #ccc; }

.table-area table .table-select::-ms-input-placeholder { color: #ccc; }

.table-area table .table-select::placeholder { color: #ccc; }

.table-area table .table-select:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.table-area table .table-select.form-error { border-color: #ee3c57 !important; }

.table-area table .k-dropdown { width: 100%; }

.table-area table .k-dropdown .k-dropdown-wrap { display: block; padding: 0.8rem 2.8rem 0.8rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; }

.table-area table .k-dropdown .k-dropdown-wrap.k-state-hover, .table-area table .k-dropdown .k-dropdown-wrap.k-state-active { border-color: #000; }

.table-area table .k-dropdown .k-dropdown-wrap.k-state-disabled { opacity: 1; border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; cursor: default; }

.table-area table .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.table-area table .k-dropdown .k-dropdown-wrap .k-input { width: 100%; padding: 0; color: #000; line-height: 1.4rem; font-size: 1.2rem; text-indent: 0; border: 0; }

.table-area table .k-dropdown .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 1.2rem; }

.table-area table .k-dropdown .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 1.6rem; vertical-align: bottom; }

.table-area table .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.table-area table .k-dropdown .k-dropdown-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.table-area table .k-datepicker, .table-area table .k-datetimepicker, .table-area table .k-maskedtextbox { width: 100%; }

.table-area table .k-datepicker .k-picker-wrap, .table-area table .k-datetimepicker .k-picker-wrap, .table-area table .k-maskedtextbox .k-picker-wrap { border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; background-color: #fff; }

.table-area table .k-datepicker .k-picker-wrap.k-state-hover, .table-area table .k-datepicker .k-picker-wrap.k-state-active, .table-area table .k-datetimepicker .k-picker-wrap.k-state-hover, .table-area table .k-datetimepicker .k-picker-wrap.k-state-active, .table-area table .k-maskedtextbox .k-picker-wrap.k-state-hover, .table-area table .k-maskedtextbox .k-picker-wrap.k-state-active { border-color: #000; }

.table-area table .k-datepicker .k-picker-wrap.k-state-disabled, .table-area table .k-datetimepicker .k-picker-wrap.k-state-disabled, .table-area table .k-maskedtextbox .k-picker-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.table-area table .k-datepicker .k-picker-wrap.k-state-disabled .k-input, .table-area table .k-datetimepicker .k-picker-wrap.k-state-disabled .k-input, .table-area table .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.table-area table .k-datepicker .k-picker-wrap.k-state-disabled .k-select, .table-area table .k-datetimepicker .k-picker-wrap.k-state-disabled .k-select, .table-area table .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-select { opacity: 0.3; }

.table-area table .k-datepicker .k-picker-wrap .k-input, .table-area table .k-datetimepicker .k-picker-wrap .k-input, .table-area table .k-maskedtextbox .k-picker-wrap .k-input { width: auto; border: 0; padding: 0.8rem 0 0.8rem 1.2rem; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.table-area table .k-datepicker .k-picker-wrap .k-maskedtextbox.k-input, .table-area table .k-datetimepicker .k-picker-wrap .k-maskedtextbox.k-input, .table-area table .k-maskedtextbox .k-picker-wrap .k-maskedtextbox.k-input { padding: 0; }

.table-area table .k-datepicker .k-picker-wrap .k-select, .table-area table .k-datetimepicker .k-picker-wrap .k-select, .table-area table .k-maskedtextbox .k-picker-wrap .k-select { width: 1.6rem; padding-right: 0.8rem; height: 3rem; border-left: 0; line-height: 2.4rem; }

.table-area table .k-datepicker .k-picker-wrap .k-select .k-icon, .table-area table .k-datetimepicker .k-picker-wrap .k-select .k-icon, .table-area table .k-maskedtextbox .k-picker-wrap .k-select .k-icon { width: 100%; height: 100%; }

.table-area table .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .table-area table .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .table-area table .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-calendar:before { background: url("../images/common/icon/icon_16_calendar.png") no-repeat center/1.6rem auto; }

.table-area table .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .table-area table .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .table-area table .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-clock:before { background: url("../images/common/icon/icon_20_time.png") no-repeat center/1.6rem auto; }

.table-area table .k-datepicker .k-picker-wrap .k-select .k-icon:before, .table-area table .k-datetimepicker .k-picker-wrap .k-select .k-icon:before, .table-area table .k-maskedtextbox .k-picker-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.table-area table .k-datetimepicker .k-picker-wrap .k-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 4rem; }

.table-area table .k-numerictextbox { width: 100%; background-color: #fff; }

.table-area table .k-numerictextbox .k-numeric-wrap { padding-left: 1.2rem; padding-right: 3.6rem; border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; }

.table-area table .k-numerictextbox .k-numeric-wrap.k-expand-padding { padding-right: 1.2rem; }

.table-area table .k-numerictextbox .k-numeric-wrap.k-state-hover, .table-area table .k-numerictextbox .k-numeric-wrap.k-state-active { border-color: #000; }

.table-area table .k-numerictextbox .k-numeric-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.table-area table .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.table-area table .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-select { opacity: 0.3; }

.table-area table .k-numerictextbox .k-numeric-wrap .k-input { width: 100%; padding: 0.8rem 0; border: 0; color: #000; font-size: 1.2rem; line-height: 1.4rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; text-align: right; }

.table-area table .k-numerictextbox .k-numeric-wrap .k-select { width: 1.6rem; height: 3.2rem; padding-right: 1.2rem; line-height: 3.2rem; border-left: 0; }

.table-area table .k-numerictextbox .k-numeric-wrap .k-select .k-link { height: 1.6rem; line-height: 1.6rem; }

.table-area table .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon::before { content: ''; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.table-area table .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-60-up::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.table-area table .k-button.btn-icon { min-width: auto !important; margin: 0 !important; }

.table-area table .btn-group .k-button.btn-icon + .btn-icon { margin-left: 0.4rem !important; }

.table-area table .table-color-picker .k-colorpicker { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; }

.table-area table .table-color-picker .k-colorpicker .k-picker-wrap { border: 0; padding: 0; margin: 0; line-height: 0; }

.table-area table .table-color-picker .k-colorpicker .k-picker-wrap .k-select { display: none; }

.table-area table .table-color-picker .k-colorpicker .k-selected-color { position: relative; width: 1.2rem; height: 1.2rem; margin-right: 0.4rem; border: 0.1rem solid #efefef; border-radius: 50%; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.table-area table .table-color-picker .k-colorpicker .k-selected-color .k-i-line { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; border: 0.1rem dashed #999999; }

.table-area table .table-color-picker .k-colorpicker .k-selected-color .k-i-line:before { content: ''; }

.table-area table .table-color-picker .table-input, .table-area table .table-color-picker .k-input { display: block !important; }

.table-area table .form-input-search-area { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.table-area table .form-input-search-area .table-input { width: calc(100% - 5rem); padding-right: 3.4rem; }

.table-area table .form-input-search-area .btn-form-search { position: absolute; top: 50%; right: 0.8rem; display: block; width: 1.8rem; height: 1.8rem; min-width: 1.8rem; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/icon/icon_16_search.png") no-repeat 0 0/1.6rem auto; }

.table-area table .form-input-search-area + .btn { margin-left: 0.8rem; }

.table-area table .form-address-area { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table-area table .form-address-area .form-input-search-area { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.table-area table .form-address-area .zip-code { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 0.2rem; }

.table-area table .form-address-area .detail-address { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; }

.table-area table .form-flex-area { display: -webkit-box; display: -ms-flexbox; display: flex; }

.table-area table .form-flex-area .k-dropdown, .table-area table .form-flex-area .table-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.table-area table .form-flex-area .k-dropdown + .k-dropdown, .table-area table .form-flex-area .k-dropdown + .table-input, .table-area table .form-flex-area .table-input + .k-dropdown, .table-area table .form-flex-area .table-input + .table-input { margin-left: 0.2rem; }

.table-area.group-table .k-grouping-row td { text-align: left; border-width: 0.1rem 0 0.1rem !important; border-color: #a0a0a0 !important; border-style: solid !important; }

.table-area.group-table .k-grouping-row td:first-child { border-left-width: 0.1rem !important; }

.table-area.group-table .k-grouping-row td:last-child { border-right-width: 0.1rem !important; }

.k-pager-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 3.2rem; padding: 1.2rem 0 0; margin-top: -0.2rem; border: 0; }

.k-pager-wrap .k-link { width: 3.2rem; height: 3.2rem; margin: 0; color: #666; font-size: 1.2rem; line-height: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.k-pager-wrap .k-textbox, .k-pager-wrap .k-widget { margin-left: 0.4rem; }

.k-pager-wrap .k-pager-nav { border-radius: 0; border: 0.1rem solid #DEE2E6; font-size: 1.2rem; }

.k-pager-wrap .k-pager-nav.k-pager-first { border-top-left-radius: 0.4rem; border-bottom-left-radius: 0.4rem; }

.k-pager-wrap .k-pager-nav.k-pager-last { border-top-right-radius: 0.4rem; border-bottom-right-radius: 0.4rem; }

.k-pager-wrap .k-pager-nav + .k-pager-nav, .k-pager-wrap .k-pager-nav + .k-pager-numbers-wrap { margin-left: -0.1rem; }

.k-pager-wrap .k-pager-nav .k-icon.k-i-arrow-60-right:before, .k-pager-wrap .k-pager-nav .k-icon.k-i-arrow-60-left:before { content: ''; display: block; width: 0.6rem; height: 1rem; background: url("../images/common/icon/icon_pager_arr.png") no-repeat 0 0/0.6rem auto; }

.k-pager-wrap .k-pager-nav .k-icon.k-i-arrow-60-left:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.k-pager-wrap .k-pager-nav .k-icon.k-i-arrow-end-right:before, .k-pager-wrap .k-pager-nav .k-icon.k-i-arrow-end-left:before { content: ''; display: block; width: 1rem; height: 1rem; background: url("../images/common/icon/icon_pager_arr_end.png") no-repeat 0 0/1rem auto; }

.k-pager-wrap .k-pager-nav .k-icon.k-i-arrow-end-left:before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.k-pager-wrap .k-pager-numbers { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -0.1rem 0 0; }

.k-pager-wrap .k-pager-numbers li { float: none; }

.k-pager-wrap .k-pager-numbers li + li { margin-left: -0.1rem; }

.k-pager-wrap .k-pager-numbers .k-link { border-radius: 0; border: 0.1rem solid #DEE2E6; }

.k-pager-wrap .k-pager-numbers .k-state-selected { width: 3.2rem; height: 3.2rem; margin: 0; border-radius: 0; border: 0.1rem solid #DEE2E6; background-color: #2D2D2F; color: #fff; font-size: 1.2rem; line-height: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-pager-wrap .k-pager-numbers-wrap + .k-pager-nav { margin-left: -0.1rem; }

.k-pager-wrap .k-pager-numbers-wrap .k-dropdown { display: none; width: 7rem; height: 3.2rem; padding-right: 2.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #DEE2E6; text-indent: 1.2rem; font-size: 1.2rem; color: #666; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat center right 0.8rem/1.6rem auto; }

.k-pager-wrap .k-pager-sizes { margin: 0; padding: 0; color: #666; font-size: 1.2rem; }

.k-pager-wrap .k-pager-sizes .k-dropdown { display: block; width: 12.7rem; margin-right: 0; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-pager-wrap .k-pager-sizes .k-dropdown-wrap { height: 3.2rem; padding: 0 3.2rem 0 1.6rem; border: 0.1rem solid #DEE2E6; border-radius: 0.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-input { width: auto; padding: 0; text-indent: 0; color: #666; font-size: 1.2rem; line-height: 3rem; }

.k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-input:after { content: ' / page'; }

.k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 1.6rem; }

.k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-select .k-icon { width: 1.6rem; height: 3rem; text-align: left; }

.k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-select .k-icon:before { content: ''; width: 1.6rem; height: 1.6rem; }

.k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.k-pager-wrap .k-pager-info { display: none; }

@media only screen and (max-width: 1024px) { .k-edge .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers { position: initial; height: 3.2rem; }
  .k-edge .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie10 .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link, .k-webkit .k-pager-numbers + .k-link { margin-left: 0; }
  .k-edge .k-pager-numbers .k-current-page .k-link, .k-ff .k-pager-numbers .k-current-page .k-link, .k-ie10 .k-pager-numbers .k-current-page .k-link, .k-ie11 .k-pager-numbers .k-current-page .k-link, .k-safari .k-pager-numbers .k-current-page .k-link, .k-webkit .k-pager-numbers .k-current-page .k-link { width: 7.4rem; height: 3.2rem; padding: 0 3rem 0 1.2rem; border-radius: 0; margin-left: -0.1rem; background: url("../images/common/icon/icon_arr_dropdown.png") no-repeat center right 1rem/1.2rem auto; }
  .k-edge .k-pager-numbers .k-link, .k-edge .k-pager-numbers .k-state-selected, .k-ff .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-state-selected, .k-ie10 .k-pager-numbers .k-link, .k-ie10 .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-webkit .k-pager-numbers .k-state-selected { width: 100%; }
  .k-edge .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie10 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link { border-radius: 0; }
  .k-edge .k-pager-numbers.k-state-expanded .k-current-page, .k-ff .k-pager-numbers.k-state-expanded .k-current-page, .k-ie10 .k-pager-numbers.k-state-expanded .k-current-page, .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page, .k-safari .k-pager-numbers.k-state-expanded .k-current-page, .k-webkit .k-pager-numbers.k-state-expanded .k-current-page { margin: -3.2rem -0.2rem 0; }
  .k-pager-wrap .k-pager-sizes { width: 13.5rem; overflow: hidden; }
  .k-pager-wrap .k-pager-numbers-wrap .k-dropdown { display: block; } }

.cross-table-area { padding: 0.8rem 2.6rem 0.4rem; }

.cross-table { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; table-layout: fixed; border-collapse: collapse; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cross-table thead, .cross-table tbody, .cross-table tfoot { display: table; width: 100%; overflow: hidden; }

.cross-table thead tr, .cross-table tbody tr, .cross-table tfoot tr { width: 100%; }

.cross-table tbody { display: block; width: calc(100% + 1.7rem); height: 40rem; overflow-y: scroll; }

.cross-table th, .cross-table td { padding: 0.4rem 0.8rem; width: 5.5%; height: 3.2rem; font-weight: 400; font-size: 1.2rem; color: #666; background-color: #fff; border: 0.1rem solid #D7DADE; text-align: right; }

.cross-table .table-input { width: 100%; height: 3.2rem; padding: 0.8rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #ddd; border-radius: 0.3rem; background-color: #fff; font-size: 1.2rem; color: #000; text-align: right; }

.cross-table .table-input:hover, .cross-table .table-input:focus { border-color: #000; }

.cross-table .table-input::-webkit-input-placeholder { color: #ccc; }

.cross-table .table-input:-ms-input-placeholder { color: #ccc; }

.cross-table .table-input::-ms-input-placeholder { color: #ccc; }

.cross-table .table-input::placeholder { color: #ccc; }

.cross-table .table-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.cross-table .table-input:-moz-read-only { border-color: #e2e2e2; }

.cross-table .table-input:read-only { border-color: #e2e2e2; }

.cross-table .table-input.form-error { border-color: #ee3c57 !important; }

.cross-table .td-lg { width: 23%; }

.cross-table .color-minus { color: #ee3c57; }

.cross-table .color-plus { color: #2680EB; }

.cross-table .mark-o { display: inline-block; width: 1.2rem; height: 1.2rem; border: 0.1rem solid #707070; border-radius: 50%; vertical-align: text-bottom; }

.cross-table .mark-x { position: relative; }

.cross-table .mark-x::before, .cross-table .mark-x::after { content: ""; position: absolute; top: 50%; left: 50%; display: inline-block; width: 1.6rem; height: 0.1rem; margin-left: -0.8rem; background-color: #707070; }

.cross-table .mark-x::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.cross-table .mark-x::after { -webkit-transform: rotate(-225deg); transform: rotate(-225deg); }

.cross-table .cell-empty { border: 0; }

.cross-table .th-depth1-tit { text-align: center; font-weight: 700; font-size: 1.45rem; color: #fff; background-color: #4d6488; }

.cross-table .th-depth2-tit { text-align: center; font-weight: 700; font-size: 1.45rem; color: #fff; background-color: #7f90aa; }

.cross-table .th-depth3-tit { text-align: left; font-weight: 700; font-size: 1.45rem; background-color: #e4e7ef; }

.cross-table .th-depth3-txt { text-align: right; background-color: #e4e7ef; }

.cross-table .th-depth4-tit { text-align: right; font-weight: 700; font-size: 1.45rem; background-color: #f2f5fa; }

.cross-table .th-depth4-txt { text-align: right; background-color: #f2f5fa; }

.cross-table .td-depth1-tit { text-align: left; font-weight: 700; font-size: 1.45rem; color: #fff; background-color: #7f90aa; }

.cross-table .td-depth1-txt { color: #fff; background-color: #7f90aa; }

.cross-table .td-input { position: relative; padding: 0.4rem 0.4rem 0.4rem 2.4rem; }

.cross-table .td-input .tooltip { position: absolute; top: 50%; left: 0.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.cross-table .tf-depth1-tit { text-align: left; font-weight: 700; font-size: 1.45rem; color: #fff; background-color: #6e7277; }

.cross-table .tf-depth1-txt { color: #fff; background-color: #6e7277; }

.cross-table .tf-depth2-tit { text-align: left; font-weight: 700; font-size: 1.45rem; color: #fff; background-color: #575758; }

.cross-table .tf-depth2-txt { color: #fff; background-color: #575758; }

.cross-table td.active { position: relative; border-color: #2680EB; background-color: rgba(38, 128, 235, 0.06); }

.cross-table td.active::before { content: ""; position: absolute; top: -0.1rem; left: 0; display: block; width: 100%; height: 0.1rem; background-color: #2680EB; }

.table-area-wrap .html-table-area { padding-top: 2rem; padding-bottom: 1.6rem; }

.table-area-wrap .table-area-header + .html-table-area { padding-top: 0; }

.html-table { width: 100%; border-collapse: collapse; }

.html-table thead, .html-table tbody, .html-table tfoot { width: 100%; }

.html-table thead tr, .html-table tbody tr, .html-table tfoot tr { width: 100%; }

.html-table th, .html-table td { padding: 1.1rem 1.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: 400; font-size: 1.45rem; line-height: 1.7rem; }

.html-table th { background-color: #EFEFEF; border: 0.1rem solid #d7dade; color: rgba(0, 0, 0, 0.6); text-align: left; }

.html-table td { background-color: #fff; border: 0.1rem solid #efefef; color: #000; text-align: right; }

.html-table thead th { text-align: center; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { .k-grid-header, .k-grid-footer { padding-right: 0 !important; }
  .k-grid-content { overflow-y: overlay; }
  .cross-table tbody { width: 100%; height: 40rem; overflow-y: overlay; } }

.k-popup.k-filter-menu { padding: 2.4rem 2rem; border-radius: 0.3rem; -webkit-box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0.2rem 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1); border: solid 0.1rem #2D2D2F; }

.k-popup.k-filter-menu .k-filter-help-text { margin-bottom: 0.4rem; font-size: 1.45rem; color: #000; }

.k-popup.k-filter-menu .k-filter-help-text:first-child { margin-top: 0; }

.k-popup.k-filter-menu .k-textbox, .k-popup.k-filter-menu .k-widget { margin-bottom: 0.4rem; }

.k-popup.k-filter-menu span.k-filter-and { margin: 0 0 0.4rem 0; }

.k-popup.k-filter-menu .k-textbox { border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; padding: 0.8rem 1.2rem; font-size: 1.2rem; line-height: 1.4rem; color: #000; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.k-popup.k-filter-menu .k-textbox.k-state-hover, .k-popup.k-filter-menu .k-textbox.k-state-active, .k-popup.k-filter-menu .k-textbox:hover, .k-popup.k-filter-menu .k-textbox:focus { border-color: #000; }

.k-popup.k-filter-menu .k-textbox.k-state-disabled, .k-popup.k-filter-menu .k-textbox:disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; color: #ccc; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap { border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap.k-state-hover, .k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap.k-state-active { border-color: #000; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap.k-state-disabled .k-select { opacity: 0.3; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap .k-input { padding: 0.8rem 1.2rem; font-size: 1.2rem; line-height: 1.4rem; color: #000; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap .k-select { width: 1.6rem; padding-right: 1rem; line-height: 2.8rem; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 1.6rem; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.k-popup.k-filter-menu .k-dropdown .k-dropdown-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap { height: 2.2rem; padding: 0.4rem 5rem 0.4rem 1.2rem; border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; background: transparent url("../images/common/icon/icon_16_arr_select.png") no-repeat center right 0.8rem/1.6rem auto; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap.k-state-hover, .k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap.k-state-active { border-color: #000; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap.k-state-disabled .k-select { opacity: 0.3; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap .k-input { padding: 0; color: #000; font-size: 1.2rem; line-height: 2rem; text-indent: 0; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap .k-clear-value { position: absolute; top: 0.8rem; right: 3.2rem; width: 1.6rem; height: 1.6rem; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap .k-clear-value .k-icon { display: block; width: 100%; height: 100%; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap .k-clear-value .k-icon::before { content: ''; display: block; width: 100%; height: 100%; background: url("../images/common/icon/icon_16_input_reset.png") no-repeat 0 0/1.6rem auto; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap ul { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 0; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap ul li { float: none; margin: 0; padding: 0.3rem 1.2rem 0.3rem; min-height: auto; border: 0; border-radius: 5rem; background-color: #f4f4f4; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap ul li + li { margin-left: 0.4rem; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap ul li span { color: #666; font-size: 1.2rem; line-height: 1.4rem; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap ul li .k-select { width: 1.6rem; padding-right: 0.8rem; line-height: 3rem; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon { width: 100%; height: 1.6rem; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.k-popup.k-filter-menu .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap { border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap.k-state-hover, .k-popup.k-filter-menu .k-datepicker .k-picker-wrap.k-state-active, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap.k-state-hover, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap.k-state-active, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap.k-state-hover, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap.k-state-active { border-color: #000; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap.k-state-disabled, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap.k-state-disabled, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap.k-state-disabled .k-input, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap.k-state-disabled .k-input, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap.k-state-disabled .k-select, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap.k-state-disabled .k-select, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap.k-state-disabled .k-select { opacity: 0.3; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap .k-input, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap .k-input, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap .k-input { padding: 0.8rem 1.2rem; font-size: 1.2rem; line-height: 1.4rem; color: #000; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap .k-select, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap .k-select, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap .k-select { width: 1.6rem; padding-right: 0.8rem; height: 3rem; border-left: 0; line-height: 2.4rem; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-calendar:before, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-calendar:before { background: url("../images/common/icon/icon_16_calendar.png") no-repeat center/1.6rem auto; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap .k-select .k-icon.k-i-clock:before, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap .k-select .k-icon.k-i-clock:before { background: url("../images/common/icon/icon_20_time.png") no-repeat center/1.6rem auto; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap .k-select .k-icon:before, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap .k-select .k-icon:before, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

.k-popup.k-filter-menu .k-datepicker .k-picker-wrap .k-maskedtextbox.k-input, .k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap .k-maskedtextbox.k-input, .k-popup.k-filter-menu .k-maskedtextbox .k-picker-wrap .k-maskedtextbox.k-input { padding: 0; }

.k-popup.k-filter-menu .k-datetimepicker .k-picker-wrap .k-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 4.4rem; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap { border: 0.1rem solid #e2e2e2; border-radius: 0.3rem; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap.k-state-hover, .k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap.k-state-active { border-color: #000; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap.k-state-disabled { opacity: 1; cursor: default; border-color: #d9d9d9; background-color: #f2f2f2; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-input { color: #ccc; background-color: #f2f2f2; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap.k-state-disabled .k-select { opacity: 0.3; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap .k-input { padding: 0.8rem 1.2rem; font-size: 1.2rem; line-height: 1.4rem; color: #000; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; text-align: right; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap .k-select { top: 0rem; width: 1.6rem; height: 3rem; padding-right: 0.8rem; line-height: 3rem; border-left: 0; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap .k-select .k-link { height: 1.6rem; line-height: 1.6rem; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap .k-select .k-link + .k-link { margin-top: 0rem; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon::before { content: ''; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; }

.k-popup.k-filter-menu .k-numerictextbox .k-numeric-wrap .k-select .k-link .k-icon.k-i-arrow-60-up::before { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.k-popup.k-filter-menu .k-action-buttons { text-align: center; }

.k-popup.k-filter-menu .k-action-buttons .k-button { width: 6.2rem; height: 3.2rem; margin: 1.2rem 0.4rem 0 0; font-weight: 700; font-size: 1.2rem; }

.list-image-area { width: 100%; overflow: hidden; }

.list-image-area .list-image .k-listview-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -1rem -0.8rem; }

.list-image-area .list-image .list-item { width: calc(33.33% - 1.6rem); padding: 1.2rem; margin: 1rem 0.8rem; border: 0.1rem solid #D7DADE; border-radius: 0.6rem; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.list-image-area .list-image .list-item.active, .list-image-area .list-image .list-item.k-state-selected { border-color: #2680EB; -webkit-box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.4rem 1rem 0 rgba(0, 0, 0, 0.11); }

.list-image-area .list-image .list-item.image-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0.1rem dashed #a7a7a7; }

.list-image-area .list-image .list-item.image-add.active, .list-image-area .list-image .list-item.image-add.k-state-selected { border-color: #a7a7a7; -webkit-box-shadow: none; box-shadow: none; }

.list-image-area .list-image .list-item.image-add .image-add-file { display: none; }

.list-image-area .list-image .list-item.image-add .image-add-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; cursor: pointer; }

.list-image-area .list-image .list-item.image-add .image-add-text .text { position: relative; display: block; padding-top: 3.3rem; font-weight: 700; font-size: 1.6rem; color: #999; }

.list-image-area .list-image .list-item.image-add .image-add-text .text:before, .list-image-area .list-image .list-item.image-add .image-add-text .text:after { content: ''; position: absolute; top: 0; left: 50%; display: block; width: 0.3rem; height: 2.4rem; background-color: #ccc; }

.list-image-area .list-image .list-item.image-add .image-add-text .text:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.list-image-area .list-image .image-area { position: relative; width: 100%; padding-top: 75%; overflow: hidden; }

.list-image-area .list-image .image-area img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.list-image-area .list-image .image-name { width: 100%; padding-top: 1.2rem; font-size: 1.45rem; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.tablet-register { overflow: hidden; position: relative; height: 100%; padding: 0; background: #EFEFEF; border-radius: 0 0 0.4rem 0.4rem; }

.tablet-register.page-con { overflow: auto; }

.tablet-register .register-header { padding-top: 32%; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; background-image: url("../images/visual/img_register_bg.png"); }

.tablet-register .register-header.V { padding-top: 32%; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; background-image: url("../images/brand/vw/img_register_bg.png"); }

.tablet-register .register-header.A { padding-top: 32%; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; background-image: url("../images/brand/audi/img_register_bg.png"); }

.tablet-register .register-header .title-area { position: absolute; top: 0; width: 100%; padding: 3.2rem 3.2rem; color: #fff; }

.tablet-register .register-header .title-area .title { font-weight: 700; font-size: 4rem; }

.tablet-register .register-header .title-area .text { font-size: 1.45rem; }

.tablet-register .register-body { overflow: hidden; margin: -17.3rem 0 0; padding: 0 3.2rem 3.2rem; }

.tablet-register .register-body .panel { height: 100%; overflow-y: auto; }

.tablet-register .register-body .panel:last-child { margin-bottom: 0rem; }

.tablet-register .register-body .panel.rounded { padding: 3rem 4rem 2.4rem; border: 0.1rem solid #000; border-radius: 1.4rem; -webkit-box-shadow: 0 0.3rem 0.9rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0.3rem 0.9rem 0 rgba(0, 0, 0, 0.2); }

.tablet-register .register-body .panel.rounded.type-btn-fixed { position: relative; }

.tablet-register .register-body .panel.rounded.tab-contain-panel { padding: 0; }

.tablet-register .register-body .panel.rounded.tab-contain-panel .tabstrip.default > .tab-panel { padding: 1.2rem 4rem 3rem; }

.tablet-register .register-body .panel.rounded.tab-contain-panel .tabstrip.default > .tab-panel .hori-form.type2 { margin-top: 1.8rem; }

.tablet-register .register-body .panel.rounded.tab-contain-panel .tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav { padding: 2.6rem 4rem 0; }

.tablet-register .register-body .panel.rounded.tab-contain-panel > .tab-panel-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 1; flex-basis: 1; padding-top: 2rem; }

.tablet-register .register-body .panel.rounded.tab-contain-panel > .tab-panel-btn .btn-group { margin-left: auto; }

.tablet-register .register-body .panel.rounded.tab-contain-panel > .tab-panel-btn.btn-top-fixed { position: absolute; padding-top: 0; top: 1.2rem; right: 4rem; }

.tablet-register .register-body .panel-footer { padding-top: 2rem; text-align: center; margin: 0 auto; }

.exe-detail-area { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }

.exe-detail-area .image-add-area { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.exe-detail-area .image-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 18rem; height: 22rem; border: 0.1rem dashed #a7a7a7; border-radius: 0.4rem; }

.exe-detail-area .image-add.active, .exe-detail-area .image-add.k-state-selected { border-color: #a7a7a7; -webkit-box-shadow: none; box-shadow: none; }

.exe-detail-area .image-add .image-add-file { display: none; }

.exe-detail-area .image-add .image-add-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; cursor: pointer; }

.exe-detail-area .image-add .image-add-text .text { position: relative; display: block; padding-top: 3.3rem; font-weight: 700; font-size: 1.6rem; color: #999; }

.exe-detail-area .image-add .image-add-text .text:before, .exe-detail-area .image-add .image-add-text .text:after { content: ''; position: absolute; top: 0; left: 50%; display: block; width: 0.3rem; height: 2.4rem; background-color: #ccc; }

.exe-detail-area .image-add .image-add-text .text:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.exe-detail-area .image-add.pic { border: 0; border-radius: 0; overflow: hidden; }

.exe-detail-area .image-add.pic img { width: 100%; }

.exe-detail-area .slide-area { position: relative; overflow: hidden; margin: auto 0; }

.exe-detail-area .slide-area.grid-col-2 { width: 50%; max-width: 60rem; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 3rem; }

.exe-detail-area .slide-area.vehicle { width: 60%; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; max-width: 60rem; margin-right: 2.4rem; }

.exe-detail-area .slide-area.vehicle + .vehicle-panel { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.exe-detail-area .slide-area .slick-area { width: 100%; }

.exe-detail-area .slide-area .slick-area .slick-list { height: 100% !important; }

.exe-detail-area .slide-area .slick-area .slick-track { height: 100%; }

.exe-detail-area .slide-area .slick-area .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 60rem; max-height: 29.7rem; }

.exe-detail-area .slide-area .slick-area .slick-slide img { display: block; width: 100%; }

.exe-detail-area .slide-area .slick-area-nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.2rem; margin-bottom: 1.2rem; overflow: hidden; }

.exe-detail-area .slide-area .slick-area-nav .slick-area-nav-dots { overflow: auto; }

.exe-detail-area .slide-area .slick-area-nav .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; line-height: 1.6rem; }

.exe-detail-area .slide-area .slick-area-nav .slick-dots li { margin: 0 0.6rem; }

.exe-detail-area .slide-area .slick-area-nav .slick-dots li .slick-dots-num { font-size: 1.2rem; color: #bbb; }

.exe-detail-area .slide-area .slick-area-nav .slick-dots li.slick-active .slick-dots-num { font-weight: 700; color: #2D2D2F; }

.exe-detail-area .slide-area .slick-area-nav .slick-arrow { width: 1.6rem; height: 1.6rem; bottom: 1.8rem; line-height: 0; }

.exe-detail-area .slide-area .slick-area-nav .slick-arrow.slick-area-prev { margin-right: 2.4rem; background: url("../images/common/icon/icon_16_slider_arrow.png") no-repeat 0 0/1.6rem auto; }

.exe-detail-area .slide-area .slick-area-nav .slick-arrow.slick-area-next { margin-left: 2.4rem; background: url("../images/common/icon/icon_16_slider_arrow.png") no-repeat 0 0/1.6rem auto; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.exe-detail-area .slide-area + .form-grid { height: 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.exe-detail-area .slide-area + .form-grid.grid-col-2 { width: 50%; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.exe-detail-area .form-grid { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.exe-detail-area .form-grid.grid-col-2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.exe-detail-area + .form-grid { padding-top: 0.8rem; }

.exe-detail-area .nodata { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 100%; height: 100%; min-height: 24.5rem; border-radius: 0.3rem; border: solid 0.1rem #ddd; }

.exe-detail-area .nodata-text { font-size: 1.6rem; color: #999; }

.exe-detail-area .nodata-text::before { content: ""; display: block; width: 3.4rem; height: 3.4rem; margin: 0 auto; margin-bottom: 0.9rem; background: url("../images/common/icon/icon_34_car_nodata.png") no-repeat 0 0/3.4rem auto; }

.exe-detail-area > .nodata { min-height: 24.5rem; }

.empl-detail-area { display: -webkit-box; display: -ms-flexbox; display:flex; width: 100%; }

.empl-detail-area .image-add-area { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.empl-detail-area .image-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 18rem; height: 22rem; border: 0.1rem dashed #a7a7a7; border-radius: 0.4rem; }

.empl-detail-area .image-add.active, .exe-detail-area .image-add.k-state-selected { border-color: #a7a7a7; -webkit-box-shadow: none; box-shadow: none; }

.empl-detail-area .image-add .image-add-file { display: none; }

.empl-detail-area .image-add .image-add-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; cursor: pointer; }

.empl-detail-area .image-add .image-add-text .text { position: relative; display: block; padding-top: 3.3rem; font-weight: 700; font-size: 1.6rem; color: #999; }

.empl-detail-area .image-add .image-add-text .text:before, .exe-detail-area .image-add .image-add-text .text:after { content: ''; position: absolute; top: 0; left: 50%; display: block; width: 0.3rem; height: 2.4rem; background-color: #ccc; }

.empl-detail-area .image-add .image-add-text .text:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.empl-detail-area .image-add.pic { border: 0; border-radius: 0; overflow: hidden; }

.empl-detail-area .image-add.pic img { width: 100%; }

.empl-detail-area .slide-area { position: relative; overflow: hidden; margin: auto 0; }

.empl-detail-area .slide-area.grid-col-2 { width: 50%; max-width: 60rem; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; margin-right: 3rem; }

.empl-detail-area .slide-area.vehicle { width: 60%; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; max-width: 60rem; margin-right: 2.4rem; }

.empl-detail-area .slide-area.vehicle + .vehicle-panel { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.empl-detail-area .slide-area .slick-area { width: 100%; }

.empl-detail-area .slide-area .slick-area .slick-list { height: 100% !important; }

.empl-detail-area .slide-area .slick-area .slick-track { height: 100%; }

.empl-detail-area .slide-area .slick-area .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 60rem; max-height: 29.7rem; }

.empl-detail-area .slide-area .slick-area .slick-slide img { display: block; width: 100%; }

.empl-detail-area .slide-area .slick-area-nav { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1.2rem; margin-bottom: 1.2rem; overflow: hidden; }

.empl-detail-area .slide-area .slick-area-nav .slick-area-nav-dots { overflow: auto; }

.empl-detail-area .slide-area .slick-area-nav .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; line-height: 1.6rem; }

.empl-detail-area .slide-area .slick-area-nav .slick-dots li { margin: 0 0.6rem; }

.empl-detail-area .slide-area .slick-area-nav .slick-dots li .slick-dots-num { font-size: 1.2rem; color: #bbb; }

.empl-detail-area .slide-area .slick-area-nav .slick-dots li.slick-active .slick-dots-num { font-weight: 700; color: #2D2D2F; }

.empl-detail-area .slide-area .slick-area-nav .slick-arrow { width: 1.6rem; height: 1.6rem; bottom: 1.8rem; line-height: 0; }

.empl-detail-area .slide-area .slick-area-nav .slick-arrow.slick-area-prev { margin-right: 2.4rem; background: url("../images/common/icon/icon_16_slider_arrow.png") no-repeat 0 0/1.6rem auto; }

.empl-detail-area .slide-area .slick-area-nav .slick-arrow.slick-area-next { margin-left: 2.4rem; background: url("../images/common/icon/icon_16_slider_arrow.png") no-repeat 0 0/1.6rem auto; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.empl-detail-area .slide-area + .form-grid { height: 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }

.empl-detail-area .slide-area + .form-grid.grid-col-2 { width: 50%; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.empl-detail-area .form-grid { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.empl-detail-area .form-grid.grid-col-2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.empl-detail-area + .form-grid { padding-top: 0.8rem; }

.empl-detail-area .nodata { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 100%; height: 100%; min-height: 24.5rem; border-radius: 0.3rem; border: solid 0.1rem #ddd; }

.empl-detail-area .nodata-text { font-size: 1.6rem; color: #999; }

.empl-detail-area .nodata-text::before { content: ""; display: block; width: 3.4rem; height: 3.4rem; margin: 0 auto; margin-bottom: 0.9rem; background: url("../images/common/icon/icon_34_car_nodata.png") no-repeat 0 0/3.4rem auto; }

.empl-detail-area > .nodata { min-height: 24.5rem; }

.drive-timeline-area { position: relative; }

.drive-timeline-area .status-info { position: absolute; top: 0.8rem; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }

.drive-timeline-area .status-info .info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.2rem; line-height: 1.7rem; color: #000; }

.drive-timeline-area .status-info .info + .info { margin-left: 2rem; }

.drive-timeline-area .status-info .info::before { content: ''; width: 1.2rem; height: 1.2rem; margin-right: 0.4rem; border-radius: 50%; }

.drive-timeline-area .status-info .info.style0::before { background-color: #0084f4; }

.drive-timeline-area .status-info .info.style1::before { background-color: #ffa26b; }

.drive-timeline-area .status-info .info.style2::before { background-color: #1cb5ad; }

.drive-timeline-area .status-info .info.style3::before { background-color: #6979f8; }

.drive-timeline-area .status-info .info.style4::before { background-color: #A6A6A6; }

.drive-timeline-area .status-info .info.style5::before { background-color: #D8242B; }

.drive-timeline-area .status-info .info.style6::before { background-color: rgba(204, 204, 0, 0.5); }

.drive-timeline-area .status-info .info.style7::before { background-color: #0000ff; }

.drive-timeline-area .status-info .info.style8::before { background-color: #00ff00; }

.drive-timeline-area .status-info .info.style9::before { background-color: #272980; }

.drive-timeline-area .drive-timeline { border: 0; }

.drive-timeline-area .drive-timeline .k-scheduler-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.8rem 0 1.2rem; border: 0; }

.drive-timeline-area .drive-timeline .k-scheduler-toolbar .k-scheduler-navigation, .drive-timeline-area .drive-timeline .k-scheduler-toolbar .k-scheduler-refresh, .drive-timeline-area .drive-timeline .k-scheduler-toolbar .k- { display: none; }

.drive-timeline-area .drive-timeline .k-scheduler-toolbar .k-nav-current { margin: 0; font-weight: 700; font-size: 1.6rem; line-height: 2rem; color: #2D2D2F; }

.drive-timeline-area .drive-timeline .k-scheduler-toolbar .k-nav-current .k-icon.k-i-calendar { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 2rem; height: 2rem; }

.drive-timeline-area .drive-timeline .k-scheduler-toolbar .k-nav-current .k-icon.k-i-calendar::before { content: ''; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_calendar.png") no-repeat 0 0/2rem auto; }

.drive-timeline-area .drive-timeline .k-scheduler-layout > tbody > tr:first-child > td:first-child { border-width: 0.1rem 0 0.1rem 0.1rem; border-style: solid; border-color: #D7DADE; background-color: #EFEFEF; }

.drive-timeline-area .drive-timeline .k-scheduler-layout > tbody > tr:first-child > td:first-child + td { border: 0.1rem solid #D7DADE; background-color: #EFEFEF; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap { border-width: 0; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap th { height: 4rem; padding: 0; border: 0; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-header .k-scheduler-header-wrap .k-scheduler-table { width: 100% !important; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .k-scheduler-table { width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 0.1rem solid #efefef; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .k-scheduler-table td { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; border-color: #efefef; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .k-scheduler-table td.k-state-selected { background-color: rgba(38, 128, 235, 0.06); border-width: 0.1rem; border-style: solid; border-color: #2680EB; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .k-scheduler-table td.k-state-selected + .k-state-selected { border-left: 0; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td { border-bottom-width: 0.1rem; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .k-event { border: 0; padding: 0.1rem; min-height: 5.2rem; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot { color: #fff; font-weight: 400; font-size: 1rem; line-height: 5.2rem; text-align: center; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style0 { background-color: #0084f4; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style1 { background-color: #2680EB; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style2 { background-color: #5b6df5; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style3 { background-color: #515c76; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style4 { background-color: #ddd; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style5 { background-color: #053981; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style6 { background-color: #30229f; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style7 { background-color: #00b5ad; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style8 { background-color: #f57f5b; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-content .event-slot.style9 { background-color: #f5c65b; border: 1px solid }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-group-cell { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.4rem 0 0.8rem; border-width: 0 0.1rem 0.1rem 0.1rem; border-style: solid; border-color: #efefef; vertical-align: middle; }

.drive-timeline-area .drive-timeline .k-scheduler-layout .k-scheduler-times { border: 0; }

.drive-timeline-area .drive-timeline .date-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; }

.drive-timeline-area .drive-timeline .date-header .date-header-slot { height: 100%; font-weight: 400; font-size: 1.45rem; line-height: 4rem; color: rgba(0, 0, 0, 0.6); -webkit-box-sizing: border-box; box-sizing: border-box; }

.drive-timeline-area .drive-timeline .date-header .date-header-slot.am { -webkit-box-flex: 8; -ms-flex: 8; flex: 8; }

.drive-timeline-area .drive-timeline .date-header .date-header-slot.pm { -webkit-box-flex: 11; -ms-flex: 11; flex: 11; border-left: 0.1rem solid #D7DADE; }

.drive-timeline-area .drive-timeline .date-header .date-header-slot.date { font-size: 1.2rem; line-height: 3.8rem; }

.drive-timeline-area .drive-timeline .date-header.center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.drive-timeline-area .drive-timeline .title-header-slot { text-align: center; font-weight: 400; font-size: 1.45rem; color: rgba(0, 0, 0, 0.6); }

.drive-timeline-area .drive-timeline .title-content-slot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 20rem; white-space: normal; word-break: break-all; }

.drive-timeline-area .drive-timeline .title-content-slot .content-text-area .content-text { font-weight: 400; font-size: 1.2rem; color: #000; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.drive-timeline-area .drive-timeline .title-content-slot .content-text-area + .btn { -ms-flex-negative: 0; flex-shrink: 0; margin-left: 0.8rem; }

.drive-timeline-area .drive-timeline .time-slot-field { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 1rem; text-align: center; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation { position: static; display: block; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-today { display: none; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev, .drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next { width: 3.2rem; height: 3.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.1rem solid #e8e9ec; -webkit-box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0.2rem 0.3rem 0 rgba(0, 0, 0, 0.05); background-color: #fff; border-radius: 0.4rem; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev .k-link, .drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next .k-link { padding: 0; width: 100%; height: 100%; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev .k-icon, .drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next .k-icon { width: 3.2rem; height: 2rem; vertical-align: middle; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev .k-icon::before, .drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next .k-icon::before { content: ''; display: block; width: 2rem; height: 2rem; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev .k-icon.k-i-arrow-60-left::before, .drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next .k-icon.k-i-arrow-60-left::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev .k-icon.k-i-arrow-60-right::before, .drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next .k-icon.k-i-arrow-60-right::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0 0/2rem auto; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-prev { position: absolute; top: 0.2rem; left: calc(50% - 10.2rem); }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-scheduler-navigation .k-nav-next { position: absolute; top: 0.2rem; right: calc(50% - 10.2rem); }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-nav-current { min-width: 20rem; text-align: center; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-toolbar .k-nav-current .k-icon { display: none; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-header .k-scheduler-header-wrap th + th { border-left: 0.1rem solid #D7DADE; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .k-event { min-height: 3.5rem; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot { line-height: 3.5rem; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot.style1 { background-color: #2680EB; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot.style2 { background-color: #5b6df5; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot.style3 { background-color: #515c76; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot.style4 { background-color: #ddd; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot.style5 { background-color: #053981; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot.style6 { background-color: #30229f; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot.style7 { background-color: #00b5ad; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot.style8 { background-color: #f57f5b; }

.drive-timeline-area .drive-timeline.type-month .k-scheduler-timelineMonthview .k-scheduler-content .event-slot.style9 { background-color: #f5c65b; }

.drive-timeline-tooltip { text-align: left; }

.drive-timeline-tooltip .tooltip-text { font-weight: 400; font-size: 1.2rem; }

#wrap.login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url("../images/visual/img_login_bg.png"); }

#wrap.login .login-header { padding-bottom: 8rem; text-align: center; }

#wrap.login .login-header .logo { margin: 0 auto; }

#wrap.login .login-header .logo img { width: auto; }

#wrap.login .login-header .title { padding-top: 2.6rem; color: #fff; font-weight: 700; font-family: 'Noto Sans Korean'; font-size: 5.2rem; line-height: 7.5rem; }

#wrap.login .login-header .text { padding-top: 0.4rem; color: #fff; font-size: 1.8rem; line-height: 2.4rem; }

#wrap.login .login-form { width: 46.2rem; }

#wrap.login .login-form .form-field + .form-field { padding-top: 1.4rem; }

#wrap.login .login-form .form-field.flex-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#wrap.login .login-form .form-field.flex-item .display-flex { -webkit-box-flex: 1; -ms-flex: 1 0 22rem; flex: 1 0 22rem; }

#wrap.login .login-form .form-field.flex-item .display-flex .form-input, #wrap.login .login-form .form-field.flex-item .display-flex .form-select { width: 100%; }

#wrap.login .login-form .form-btn { padding-top: 3.2rem; }

#wrap.login .login-form .form-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 1.6rem; }

#wrap.login .login-form .form-input { width: 100%; height: 5.2rem; padding: 1.6rem 2rem; border-radius: 4px; border: solid 0.1rem rgba(255, 255, 255, 0.4); background-color: rgba(0, 0, 0, 0.8); -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }

#wrap.login .login-form .form-input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); }

#wrap.login .login-form .form-input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }

#wrap.login .login-form .form-input::-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }

#wrap.login .login-form .form-input::placeholder { color: rgba(255, 255, 255, 0.6); }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap { width: 100%; height: 5.2rem; border-radius: 4px; border: solid 0.1rem rgba(255, 255, 255, 0.4); background-color: rgba(0, 0, 0, 0.8); -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap::-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap::placeholder { color: rgba(255, 255, 255, 0.6); }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap .k-input {padding: 1.6rem 0rem 1.6rem 2rem; text-indent: 0; line-height: 1.8rem; }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap .k-select { width: 4rem; }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 5rem; }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_24_login_select_white.png") no-repeat 0 0/2rem auto; }

#wrap.login .login-form .k-dropdown.form-select .k-dropdown-wrap .k-select .k-icon::before { content: ''; display: inline-block; width: 2rem; height: 2rem; }

#wrap.login .login-form .btn-login { width: 100%; height: 5.2rem; padding: 0; border-radius: 4px; background-color: #1A8594; color: #fff; font-size: 1.8rem; }

#wrap.login .login-form .form-switch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#wrap.login .login-form .form-switch .switch-text { padding-left: 0.8rem; color: #fff; font-size: 1.5rem; }

#wrap.login .login-form .form-switch .k-switch { width: 4.5rem; }

#wrap.login .login-form .form-switch .k-switch-container { border: 0; background-color: rgba(255, 255, 255, 0.3); }

#wrap.login .login-form .form-switch .k-switch-label-off, #wrap.login .login-form .form-switch .k-switch-label-on { display: none; }

#wrap.login .login-form .form-switch .k-switch-handle { width: 2.2rem; height: 2.2rem; border: 0; -webkit-box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.24); box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.24); background-color: #1A8594; }

#wrap.login .login-form .form-switch .k-switch.k-switch-on .k-switch-handle { left: calc(100% - 2.2rem); }

#wrap.login .login-form .form-switch .k-switch.k-switch-off .k-switch-handle { background-color: rgba(31, 38, 62, 0.2); }

#wrap.login .login-form .text-link-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

#wrap.login .login-form .text-link-group .text-link { position: relative; color: #fff; font-size: 1.5rem; }

#wrap.login .login-form .text-link-group .text-link + .text-link { padding-left: 2rem; }

#wrap.login .login-form .text-link-group .text-link + .text-link:before { content: ""; position: absolute; top: 0.5rem; left: 1rem; display: block; width: 0.1rem; height: 1.1rem; opacity: 0.6; background: #fff; }

#wrap.login .login-form .mark-text { color: #fff; font-size: 1.5rem; margin: 0 0.5rem; }



/* kiosk 공통 */
#wrap.kiosk ::-webkit-scrollbar {
  display: none;
}
#wrap.kiosk {
  -ms-overflow-style: none; /* 인터넷 익스플로러 */
  scrollbar-width: none; /* 파이어폭스 */
}

/* kiosk notification */
#wrap.kiosk .k-notification{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	height: 300px;
	border-radius: 10px;
	background: #fff;
	box-shadow : 4px 4px 20px 0px rgba(0,0,0,0.25);
}

#wrap.kiosk .k-notification section#template {height:100%;}

#wrap.kiosk .k-notification .kiosk-notification-wrap{
	position: relative;
	padding: 8rem 2rem;
}

#wrap.kiosk .k-notification .kiosk-notification-wrap .notification-symbol{
	position: absolute;
	width: 12rem;
	height: 12rem;
    background: url("../images/common/icon/icon_kiosk_bell.png") no-repeat;
    background-position: center;
	background-color: #35A8FF;
	border-radius: 50%;
	top: -6rem;
	left: 30rem;
}

#wrap.kiosk .k-notification #template .notification_msgBox{
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 4rem;
	display:flex;
	justify-content : space-between;
	flex-direction: column;
	align-items: center;
}
#wrap.kiosk .k-notification #template .notification_msgBox .notification_title {
    color: #35A8FF;
    font-size: 4rem;
    margin-bottom: 2rem;
    font-weight: 400;
}

/* kiosk 헤더 */
#wrap.kiosk .kiosk-header {display:flex; justify-content:space-between; align-items:center; padding: 6.5rem 9rem; position:fixed; top:0; left:0; right:0; z-index:3; background-color: #fff; box-shadow:0px 4px 30px 0px rgba(0, 0, 0, 0.04); postion:relative; }
#wrap.kiosk .kiosk-header #kiosk-header-title {color: #000; font-size:5.2rem; font-weight:400; position:absolute; left:50%; transform: translateX(-50%);}

/* kiosk 메인 컨텐츠 */
#wrap.kiosk .kiosk-main-content {width: 100%; height:100%; padding : calc(21.8rem + 3.5rem) 9rem 0 9rem;}
#wrap.kiosk .kiosk-main-content .form-item { margin-bottom: 3.5rem;}
#wrap.kiosk .kiosk-main-content .form-item .form-label { font-size : 3.5rem; font-weight: 300; line-height:8rem;}
#wrap.kiosk .kiosk-main-content .form-item .form-item-inner:nth-child(n+2) {margin-bottom:2rem;}
#wrap.kiosk .kiosk-main-content .form-item .form-item-inner:last-child {margin-bottom:0;}
#wrap.kiosk .kiosk-main-content .form-item .form-item-inner .form-input {width: 100%; height:12.5rem;; border-radius: 1rem; border: 1px solid #DCDCDC; background: rgba(53,168,255, 0.00); padding:4rem 3rem; font-size: 4.5rem; font-weight:300; }
#wrap.kiosk .kiosk-main-content .form-item .form-item-inner .form-input::placeholder {
  color: #C1C1C1;
  opacity: 1; /* Firefox */
}

#wrap.kiosk .kiosk-main-content .form-item .form-item-inner .form-input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #C1C1C1;
}
#wrap.kiosk .kiosk-main-content .form-item .form-item-inner .form-select {width: 100%; height:12.5rem;; border-radius: 1rem; border: 1px solid #DCDCDC; background: rgba(53,168,255, 0.00); padding:0 3rem; font-size: 4.5rem; font-weight:300;}
#wrap.kiosk .kiosk-main-content .form-item .form-item-inner .at {font-size:4.5rem; margin: 0 1.5rem; color: #35A8FF; }
#wrap.kiosk .kiosk-main-content .form-item .form-item-inner .form-item-inner-con {width:100%;}
#wrap.kiosk .kiosk-main-content .form-item .form-item-inner .form-item-inner-con.at {width:4.5rem;}
#wrap.kiosk .kiosk-main-content .form-item .form-item-inner .form-item-inner-con select {
    -webkit-appearance: none;  /* Chrome와 Safari에서 기본 화살표 제거 */
    -moz-appearance: none;  /* Firefox에서 기본 화살표 제거 */
    appearance: none;  /* 기본 화살표 제거 */
    background: url("../images/common/icon/icon_kiosk_unfold.png") no-repeat right center;
    background-position: right 4.5rem center;
}

#wrap.kiosk .kiosk-main-content .kiosk-blue-box { width: 100%; height: 10rem; font-size: 4rem; font-weight:300; color: #fff; border-radius:1rem; border: 1px solid rgba(53, 168, 255); background-color:rgba(53, 168, 255); margin-bottom:3.5rem; position:relative;}
#wrap.kiosk .kiosk-main-content .kiosk-blue-box#checkboxBtnAll {border: 1px solid rgba(53, 168, 255, 0.50); background-color:rgba(53, 168, 255, 0.50);}
#wrap.kiosk .kiosk-main-content .kiosk-blue-box#checkboxBtnAll.active {border: 1px solid rgba(53, 168, 255); background-color:rgba(53, 168, 255);}

#wrap.kiosk .kiosk-main-content .display-flex {display: -webkit-box; display: -ms-flexbox; display: flex; }
#wrap.kiosk .kiosk-main-content .display-flex.space-between {justify-content:space-between;}
#wrap.kiosk .kiosk-main-content .display-flex.justify-content-center {justify-content: center;}
#wrap.kiosk .kiosk-main-content .display-flex.center {align-items:center;}
#wrap.kiosk .kiosk-main-content .display-flex.column {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

#wrap.kiosk .kiosk-main-content .check-con { font-size: 3rem; line-height:6rem; font-weight: 300; color: #A9A9A9; margin: 2.2rem 2rem;}
#wrap.kiosk .kiosk-main-content .check-con span.required{color:#35A8FF;}
#wrap.kiosk .kiosk-main-content .check-label{ font-size: 3rem; font-weight: 300; color: #A9A9A9;}
#wrap.kiosk .kiosk-main-content .check-img{opacity:0.2; margin-right: 2rem;}
#wrap.kiosk .kiosk-main-content .check-con input[type="checkbox"]:checked + label { color:#35A8FF; font-weight: 400;}
#wrap.kiosk .kiosk-main-content .check-con input[type="checkbox"]:checked + label .check-img{opacity:1;}

/* 모달창의 배경을 만든다 */
#wrap.kiosk .kiosk-main-content .modal-bg{
  position: fixed;
  top:0; left: 0; bottom: 0; right: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  display: block;
  transition: opacity 0.5s, visibility 0.5s;
}

#wrap.kiosk .kiosk-main-content .modal-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
}


/* kiosk checkbox 커스텀 */
#wrap.kiosk .kiosk-main-content #ul_recvTp li{
	flex: 1;
}

#wrap.kiosk .kiosk-main-content .checkbox-button {
	display:block;
	text-align:center;
    background-color: #fff;
    border : 1px solid #888888;
    color: #888888;
    cursor: pointer;
    height:7rem;
    font-size: 3.5rem;
    font-weight:300;
    line-height: 3.5rem;
    position: relative;
    border-radius: 5px;
}

#wrap.kiosk .kiosk-main-content .checkbox-button span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#wrap.kiosk .kiosk-main-content input[type='checkbox']:checked ~ .checkbox-button {
    background-color: rgba(53, 168, 255, 0.20);
    color : #35A8FF;
    font-weight: 400;
    border : 1px solid #35A8FF;
}


#wrap.kiosk .kiosk-main-content .footer-btn { position:fixed; bottom:0; left:0; right:0; display:flex; height: 17rem;}
#wrap.kiosk .kiosk-main-content .footer-btn button{flex:1; padding:4rem auto; font-size:6rem; font-weight:400; line-height:6rem; margin: auto 0; height:100%; color: #fff; background-color: rgba(53, 168, 255);}
#wrap.kiosk .kiosk-main-content .modal-bg.active {  opacity: 1; visibility: visible; }

#wrap.kiosk .kiosk-main-content .blank { height: 65rem; }

/* kiosk accordion */
#wrap.kiosk .kiosk-main-content .accordion-panel {
  display: none;
}

#wrap.kiosk .kiosk-main-content .accordion-item.active .accordion-panel {
  display: block;
}

.accordion-item.active .accordion-btn { -webkit-transform: rotate(-180deg) translateY(50%); transform: rotate(-180deg) translateY(50%); }
.accordion-btn { -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; width: 3rem; height: 3rem;  outline: none; background: url("../images/common/icon/icon_kiosk_arr_wh.png") no-repeat right/3rem auto; position: absolute; right: 4.5rem; top:50%; transform: translateY(-50%);}

#wrap.kiosk .form-input-unit { position : relative; width: 100%;}
#wrap.kiosk .form-input-unit .unit-icon.search { background: url("../images/common/icon/icon_kiosk_search_btn.png") no-repeat center/4.5rem auto; position : absolute; right: 4.5rem; top:50%; transform: translateY(-50%) }


/* kiosk 로그인 */
#wrap.login.kiosk { background-image: none; overflow:hidden; justify-content:flex-start; padding-top:40rem;}

#wrap.login.kiosk .login-header { padding-bottom: 10rem; text-align: start;}

#wrap.login.kiosk .login-header .title { font-family: 'JLREmeric', 'Noto Sans Korean'; font-size: 12rem; line-height: 12.5rem; }

#wrap.login.kiosk .login-form { width: 86.4rem; }

#wrap.login.kiosk .login-form .form-field + .form-field { padding-top: 9rem; }

#wrap.login.kiosk .login-form .btn-login { height: 13rem; margin-top: 20rem; padding: 3rem 0; border-radius: 10px; background-color: rgba(53, 168, 255, 0.70); font-size: 5rem; font-weight:400;}

#wrap.login.kiosk .login-form .inline-flex { align-self:end; margin-bottom: 2.25rem;}

#wrap.login.kiosk .login-form .mark-text { color: #fff; font-size: 1.5rem; margin: 0 0.5rem; }

#wrap.login.kiosk .login-form .form-switch {margin-top:6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

#wrap.login.kiosk .login-form .form-switch .switch-text { padding-left: 0.8rem; color: #fff; font-size: 3rem; }

#wrap.login.kiosk .login-form .form-switch .k-switch { width: 9rem; }

#wrap.login.kiosk .login-form .form-switch .k-switch-container { border: 0; background-color: rgba(255, 255, 255, 0.7); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.50) inset;}

#wrap.login.kiosk .login-form .form-switch .k-switch-label-off, #wrap.login .login-form .form-switch .k-switch-label-on { display: none; }

#wrap.login.kiosk .login-form .form-switch .k-switch-handle { width: 3.5rem; height: 3.5rem; border: 0; -webkit-box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.25); box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.25); background-color: #fff; }

#wrap.login.kiosk .login-form .form-switch .k-switch.k-switch-on .k-switch-handle { left: calc(100% - 3.5rem); }

#wrap.login.kiosk .login-form .form-switch .k-switch.k-switch-off .k-switch-handle { background-color: rgba(255, 255, 255, 0.40); opacity:0.5; }


#wrap.login.kiosk .login-form .k-dropdown.form-select .k-dropdown-wrap .k-input {font-weight:300; font-size: 3.5rem; padding: 2.4rem 0rem 0.8rem 2rem; text-indent: 0; }

#wrap.login.kiosk .login-form .k-dropdown .k-dropdown-wrap {height: 8.5rem; display: block; padding:0.8rem; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; border-radius: 0; color: #fff; font-size: 3.5rem; line-height: 1.8rem; text-indent: 0; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; }

#wrap.login.kiosk .login-form .k-dropdown .k-dropdown-wrap.k-state-disabled { opacity: 1; border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; cursor: default; }

#wrap.login.kiosk .login-form .k-dropdown .k-dropdown-wrap.k-state-disabled .k-input { color: #ccc; }

#wrap.login.kiosk .login-form .k-dropdown .k-dropdown-wrap .k-input {font-weight:300; width: 100%; padding: 0; color: #fff;  font-size: 3.5rem; text-indent: 0; border: 0; }

#wrap.login.kiosk .login-form .k-dropdown .k-dropdown-wrap .k-select { width: 2rem; padding-right: 1.2rem; }

#wrap.login.kiosk .login-form .k-dropdown .k-dropdown-wrap .k-select .k-icon { width: 100%; height: 2rem; vertical-align: middle; }

#wrap.login.kiosk .login-form .k-dropdown .k-dropdown-wrap .k-select .k-icon.k-i-arrow-60-down:before { background: url("../images/common/icon/icon_20_arr_select_white.png") no-repeat 0 0/2rem auto; }

#wrap.login.kiosk .login-form .k-dropdown .k-dropdown-wrap .k-select .k-icon:before { content: ''; display: inline-block; width: 100%; height: 100%; }

#wrap.login.kiosk .login-form .k-dropdown.form-select .k-dropdown-wrap::-webkit-input-placeholder { color: #fff; }

#wrap.login.kiosk .login-form .k-dropdown.form-select .k-dropdown-wrap:-ms-input-placeholder { color: #fff; }

#wrap.login.kiosk .login-form .k-dropdown.form-select .k-dropdown-wrap::-ms-input-placeholder { color: #fff; }

#wrap.login.kiosk .login-form .k-dropdown.form-select .k-dropdown-wrap::placeholder { color: #fff; }


#wrap.login.kiosk .login-form .mark-text { color: #fff; font-size: 3.5rem; margin: 0 0.5rem; }

#wrap.login.kiosk .login-form .form-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 1.6rem; }

#wrap.login.kiosk .login-form .form-label { color:#939393; height:50px; display: inline-block; font-size:4rem; margin-bottom: 1rem;}

#wrap.login.kiosk .login-form .form-input {font-weight:300; height: 8.5rem; border-radius: 0; border: none; -webkit-box-sizing: border-box; box-sizing: border-box;  display: block; width: 100%; padding:0.8rem; border-width: 0 0 0.1rem 0; border-style: solid; border-color: #e2e2e2; color: #fff; font-size: 3.5rem;  text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent;}

#wrap.login.kiosk .login-form .form-input::-webkit-input-placeholder { color: #fff; }

#wrap.login.kiosk .login-form .form-input:-ms-input-placeholder { color: #fff; }

#wrap.login.kiosk .login-form .form-input::-ms-input-placeholder { color: #fff; }

#wrap.login.kiosk .login-form .form-input::placeholder { color: #fff; }

#wrap.login.kiosk #kiosk-splash {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
}

#wrap.login.kiosk #kiosk-splash img{
  width: 100%;
}



#wrap.login.kiosk .bg { position: absolute; top: 0; left: 0; height: 100vh; width: 100vw; background-size: cover; background-position: center; transition: transform 0.7s; }

#wrap.login.kiosk #bg1 { transform: translateX(0); z-index: 2; }

#wrap.login.kiosk #bg2 { transform: translateX(100%); z-index: 1; }

#wrap.login.kiosk .login-container { z-index:3; }

#wrap.login.kiosk .logo-toggle-container { top: 100px; left: 100px; position: absolute; }

#wrap.login.kiosk .logo-toggle-container .group-logo { display: inline-block; width: 130px; height: 67px;}

#wrap.login.kiosk .logo-toggle { width: 270px; display: flex; height:87px; align-items: center; justify-content: space-between; padding: 10px; overflow: hidden; position: absolute; top:-5px; margin-left: 20px;}

#wrap.login.kiosk .toggle-checkbox { display: none; }

#wrap.login.kiosk .toggle-label { display: flex; align-items: center; }

#wrap.login.kiosk .brand-logo { position: absolute; transition: all 0.7s ease; }

#wrap.login.kiosk .logo-first { left: 10px; }

#wrap.login.kiosk .logo-second { right: 10px; }

#wrap.login.kiosk .toggle-checkbox:checked~.toggle-label .logo-first { left: calc(100% - 65px - 10px); }

#wrap.login.kiosk .toggle-checkbox:checked~.toggle-label .logo-second { right: calc(100% - 149px - 10px); }


/* 가상키보드 simple-keyboard */
.simple-keyboard {
	display: flex;
	justify-content: center;
	z-index:9999;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 625px; /* 키보드 높이 */
    display: flex;
    justify-content: center;
}

.hg-rows {
    width: 1080px;
    padding: 0px;
}
.hg-row {
    justify-content: center;
}

.hg-button {
    height: 112px !important;
    line-height: 112px !important;
    font-size: 30px;
}

/* 사이즈별 버튼 크기 */
/* max-width escape*/
.escape{
    max-width: none !important;
}

/* numPad Only */
.hg-theme-default .hg-button.hg-standardBtn.numPad, .hg-theme-default .hg-functionBtn.numPad {
    width: 336px !important;
    max-width: 336px !important;
}
.hg-theme-default .hg-button.hg-functionBtn.hg-button-enter.numPad{
    width: calc((336px * 3) + (12px * 2)) !important;
    max-width: calc((336px * 3) + (12px * 2)) !important;
}

/* 버튼 간격 */
.hg-theme-default .hg-row .hg-button-container, .hg-theme-default .hg-row .hg-button:not(:last-child) {
    margin-right: 12px !important;
}

.hg-theme-default .hg-row:not(:last-child) {
    margin-bottom: 12px !important;
}


.hg-theme-default .hg-button.hg-standardBtn {
    width: 70px !important;
    max-width: 70px !important;
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
    width: 70px !important;
    max-width: 70px !important;
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
    width: calc((70px * 2) + (12px * 1)) !important;
    max-width: calc((70px * 2) + (12px * 1)) !important;
}

.hg-theme-default .hg-button.disabled {
    pointer-events: none;
    opacity: 0.3;
}

.hg-theme-default .hg-button.sm-button {
    width: 70px !important;
    max-width: 70px !important;
}

.hg-theme-default .hg-button.m-button {
    width: calc((70px * 2) + (12px * 1)) !important;
    max-width: calc((70px * 2) + (12px * 1)) !important;
}

.hg-theme-default .hg-button.lg-button {
    width: calc((70px * 3) + (12px * 2)) !important;
    max-width: calc((70px * 3) + (12px * 2)) !important;
}

.hg-theme-default .hg-button.xl-button {
    width: calc((70px * 10) + (12px * 9)) !important;
    max-width: calc((70px * 10) + (12px * 9)) !important;
}

.hg-theme-default .hg-button.highlight-button{
    color: #0091FF;
}

.hg-theme-default .hg-button.black-button{
    color: #000;
}

/* CAPS 버튼 */
.hg-theme-default .hg-functionBtn.hg-button-lock.activeCaps{
    background-color: #35A8FF;
    color: #FFF;
}

.hg-button-space {
    width: calc((70px * 7) + (12px * 6)) !important;
    max-width: calc((70px * 7) + (12px * 6)) !important;
}

.hg-theme-default .hg-button-bksp{
	font-size: 5rem;
}

.simple-keyboard.hidden{
    display:none;
}

/* kiosk 메인 */
#wrap.main.kiosk { background-color:#000; padding:0; overflow:hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; background-size: cover; }

#wrap.main.kiosk .kiosk-main-img-container {  position: relative;  width: 100%; height: 100%; }

#wrap.main.kiosk #kiosk-main-video-container { width: 100%; display: none; margin-top:308px; }

#wrap.main.kiosk #kiosk-main-video-container video {box-shadow: inset 0 -50px 100px -50px black, inset 0 -2px 10px -2px black;}

#wrap.main.kiosk .overlay {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: linear-gradient(0deg, #000 -4.56%, #000 50%, rgba(0, 0, 0, 0.95) 51.5%, rgba(0, 0, 0, 0.00) 60%);}

#wrap.main.kiosk .kiosk-main-logo-img {position:fixed; top:65px; right:90px; z-index:1}

#wrap.main.kiosk .kiosk-main-img { width:100% }

#wrap.main.kiosk .kiosk-main-txt-container { padding: 1090px 108px 0 108px; }

#wrap.main.kiosk .kiosk-main-txt-container .kiosk-main-txt1 span { font-size: 7rem; font-weight:250; color: #fff; line-height:70px;}

#wrap.main.kiosk .kiosk-main-txt-container .kiosk-main-txt2 { margin-top: 47px;}

#wrap.main.kiosk .kiosk-main-txt-container .kiosk-main-txt2 span { font-size: 8rem; font-weight:700; color: #fff; line-height: 80px;}

#wrap.main.kiosk .kiosk-main-txt-container .kiosk-main-txt3 { margin-top: 49px; height: 130px;}

#wrap.main.kiosk .kiosk-main-txt-container .kiosk-main-txt3 span { white-space: pre-line; font-size: 3rem; font-weight:300; line-height:45px; color: #787878;}

#wrap.main.kiosk .kiosk-button-container {position:fixed; bottom:18rem; left: 108px; right: 108px; font-size:7rem; font-weight:400; color: #fff; margin-top: 133px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between;}

#wrap.main.kiosk .kiosk-button-container a { width: 100%;}

#wrap.main.kiosk .kiosk-button-container a .kiosk-regist-button { box-shadow: -10px 3px 40px rgba(0, 0, 0, 0.35);}

#wrap.main.kiosk .kiosk-button-container .kiosk-regist-enter-button {border-radius: 20rem; background: linear-gradient(90deg, #69BEFF 0.4%, #0085EA 102.56%); width: 100%; font-size: 6rem; color: #fff; text-align: center; padding:4rem; line-height:6rem;}

#wrap.main.kiosk #kiosk-video-button {position:fixed; bottom:71px; right:-2px; border-radius: 3rem 0 0 3rem; border: 2px solid rgba(255, 255, 255, 0.5); background-color: #000; margin-top: 3rem; height: 6rem; width: 20rem; text-align:left; padding-left:4rem;}

#wrap.main.kiosk #kiosk-video-button span { font-size: 3rem; font-weight: 400; color: rgba(255, 255, 255, 0.5); margin-right:1.5rem;}

/* kiosk 방문객 등록 메인  */
#wrap.kiosk {padding: 0}

#wrap.regist.kiosk {min-width: 0; padding: 0; display:flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}

#wrap.regist.kiosk #regist-bg {width:100%; height: 100; position:fixed; top:0; left:0; z-index:-1;}

#wrap.regist.kiosk .kiosk-regist-button {width:60rem; height: 14rem; border-radius: 10rem; font-size: 6rem; font-weight: 300; letter-spacing: 6px; margin-left: 280px;}

#wrap.regist.kiosk .kiosk-regist-button#regist-kiosk-btn { background-color: #fff;  color: #35A8FF; margin-bottom:6rem;}

#wrap.regist.kiosk .kiosk-regist-button#regist-mob-btn { background-color: #35A8FF; border: 2px solid #fff; color: #fff; margin-bottom:30rem;}

/* 모달창의 배경을 만든다 */
#wrap.regist.kiosk .modal-bg{
  position: fixed;
  top:0; left: 0; bottom: 0; right: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  display: block;
  transition: opacity 0.5s, visibility 0.5s;
}
#wrap.regist.kiosk .modal-bg.active {  opacity: 1; visibility: visible; }
#wrap.regist.kiosk .qr-modal { text-align:center; width: 73rem; height:96rem; border-radius: 2rem; background-color:#fff; box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; position: fixed; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0;   transition: opacity 0.6s, visibility 0.6s; }
#wrap.regist.kiosk .qr-modal.active { opacity: 1; visibility: visible; }

#wrap.regist.kiosk .qr-modal .modal-header .modal-title {margin-top: 10.9rem; font-size:5.5rem; font-weight:400; line-height: 50px; letter-spacing: 1.04px;}
#wrap.regist.kiosk .qr-modal .modal-header .modal-disc { width: 49rem; color:#AAA; font-size:2.8rem; font-weight:300; letter-spacing: 0.56px; margin:auto; margin-top:44px; line-height:4.5rem;}
/* #wrap.regist.kiosk .qr-modal .modal-content {} */
#wrap.regist.kiosk .qr-modal .modal-footer #modal-close-btn {background-color: rgba(53,168, 255); width:73rem; height: 14rem; color:#fff; font-size:5rem; font-weight: 400; line-height:50px; letter-spacing: 10px; }


/* kiosk 웰컴 */
#wrap.kiosk .welcome-con{height: calc(100% - calc(21.8rem + 3.5rem + 17rem)); width:100%;}
#wrap.kiosk .welcome-con p#welcome-msg {font-size: 6.5rem; font-weight:250; margin-top:9.7rem;}
#wrap.kiosk .welcome-con p#headerMsg1 {font-size:8.5rem; font-weight:300; margin-top:2rem;}
#wrap.kiosk .welcome-con p#headerMsg1 span.blue-text {color: #35A8FF;  font-weight:700;}
#wrap.kiosk .welcome-con p#headerMsg2 {font-size:4rem; font-weight:300; letter-spacing: 1.2px; margin-top:7rem;}
#wrap.kiosk .welcome-con p#headerMsg3 {margin-top:3.5rem; font-size:4rem; font-weight:300; letter-spacing: 1.2px; margin-top:7rem;}

#wrap.kiosk .welcome-wrap hr {margin-top:15rem;}
#wrap.kiosk .welcome-wrap .sc-desc {height: 20rem; font-size: 4rem; font-weight:400; color: #35A8FF; margin-top:10rem;}

#wrap.kiosk .welcome-wrap #listview li { border-bottom: solid 1px #E8E8E8; height:18rem;}
#wrap.kiosk .welcome-wrap #listview li:first-child { border-top : solid 1px #E8E8E8;}
#wrap.kiosk .welcome-wrap #listview li .item-area {width:100%; height:100%;}
#wrap.kiosk .welcome-wrap #listview li .item-area-con {width:100%; height:100%; padding:6rem;}
#wrap.kiosk .welcome-wrap #listview li .item-area-con .scName {font-size:4rem; font-weight:400; letter-spacing: 1.2px;}
#wrap.kiosk .welcome-wrap #listview li .item-area-con .scCallBtn {width: 18.5rem; height:7rem; border-radius:10rem; border: 2px solid #A9A9A9; color:#A9A9A9; font-size:3.5rem;}

#wrap.kiosk .welcome-wrap #listview li.active { background-color: rgba(53,168,255,0.10)}
#wrap.kiosk .welcome-wrap #listview li.active .item-area-con .scName {color: #35A8FF;}
#wrap.kiosk .welcome-wrap #listview li.active .item-area-con .scCallBtn {border: 2px solid #35A8FF; color:#fff; background-color: #35A8FF;}




.k-ie #wrap.login .login-form .form-switch .k-switch.k-switch-on .k-switch-handle, .k-edge #wrap.login .login-form .form-switch .k-switch.k-switch-on .k-switch-handle { left: 100%; margin-left: -2.2rem; }

.certification-radio-area .certification-radio-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0.5rem; }

.certification-radio-area .certification-radio-list .certification-radio { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; }

.certification-radio-area .certification-radio-list .certification-radio:checked + .certification-radio-label { color: #000; -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16); box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.16); border: solid 0.2rem #000; }

.certification-radio-area .certification-radio-list .certification-radio-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 9rem; height: 9rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 0.1rem #d2d5d9; border-radius: 0.6rem; font-size: 1.2rem; color: #abadb1; box-sizing: border-box; cursor: pointer; }

.certification-radio-area .certification-radio-list .certification-radio-label::before { content: ""; display: block; width: 3.2rem; height: 3.2rem; margin-bottom: 0.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; }

.certification-radio-area .certification-radio-list .certification-radio-label.radio-label-finger::before { background: url("../images/common/icon/icon_32_finger_print.png") no-repeat 0 0/3.2rem auto; }

.certification-radio-area .certification-radio-list .certification-radio-label.radio-label-face::before { background: url("../images/common/icon/icon_32_face_id.png") no-repeat 0 0/3.2rem auto; }

.certification-radio-area .certification-radio-list .certification-radio-label.radio-label-phone::before { background: url("../images/common/icon/icon_32_phone.png") no-repeat 0 0/3.2rem auto; }

.certification-radio-area .certification-radio-list .certification-radio-label.radio-label-sms::before { background: url("../images/common/icon/icon_32_sms.png") no-repeat 0 0/3.2rem auto; }

.certification-radio-area .certification-radio-list .certification-radio-label.radio-label-kakao::before { background: url("../images/common/icon/icon_32_kakao.png") no-repeat 0 0/3.2rem auto; }

.certification-radio-area .certification-radio-list .certification-radio-label.radio-label-email::before { background: url("../images/common/icon/icon_32_email.png") no-repeat 0 0/3.2rem auto; }

.certification-radio-area + .hori-form { margin-top: 2.4rem; }

.calendar-scheduler { padding: 2.4rem 0 0; overflow: hidden; }

.calendar-scheduler-group { height: 25.6rem; overflow-y: auto; }

.calendar-scheduler-list { position: relative; padding-left: 4.5rem; }

.calendar-scheduler-list span { font-size: 1.45rem; font-weight: 400; color: #222; vertical-align: top; }

.calendar-scheduler-list .time.color1, .calendar-scheduler-list .category.color1 { color: #2680eb; }

.calendar-scheduler-list .time.color2, .calendar-scheduler-list .category.color2 { color: #00b5ad; }

.calendar-scheduler-list .time.color3, .calendar-scheduler-list .category.color3 { color: #f57f5b; }

.calendar-scheduler-list .time.bold, .calendar-scheduler-list .category.bold { font-weight: 700; }

.calendar-scheduler-list .time { position: absolute; top: 0; left: 0; display: block; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar { display: block; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 0.4rem; padding: 0; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-header .k-title { width: 16.8rem; padding: 0 2.4rem; color: #2D2D2F; font-weight: 700; font-size: 1.45rem; text-align: center; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-header .k-title::before, .reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-header .k-title::after { opacity: 0; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-header .k-calendar-nav .k-nav-today { display: inline-block; padding: 0 1rem; line-height: 3rem; height: 3.2rem; color: #2D2D2F; font-size: 1.2rem; border: 0.1rem solid rgba(31, 38, 62, 0.2); border-radius: 0.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-header .k-calendar-nav .k-nav-today:hover { text-decoration: none; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-header .k-calendar-nav .k-button { width: 2rem; height: 2rem; border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #fff; padding: 0; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-header .k-calendar-nav .k-button.k-prev-view { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-header .k-calendar-nav .k-button.k-next-view { position: absolute; top: 50%; left: 14.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-view { width: 100%; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-view.k-calendar-yearview { border-left: 0.1rem solid #e8e9ec; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-view .k-content { width: 100%; height: 19.2rem; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-view .k-content thead th { height: 3.2rem; font-size: 1rem; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-view .k-content tbody tr { height: auto; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-view .k-content td { width: 3.2rem; height: 3.2rem; }

.reserve-scheduler-wrap .reserve-mini-calendar .k-calendar .k-calendar-view .k-content td .k-link { font-size: 1rem; line-height: 1.4rem; }

.reserve-scheduler-wrap .reserve-mini-calendar + .reserve-card { margin-top: 1.6rem; }

.reserve-scheduler-wrap .reserve-card { padding: 1.2rem 1.6rem; border-radius: 0.4rem; -webkit-box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.11); box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.11); border: solid 0.1rem #999; }

.reserve-scheduler-wrap .reserve-card + .reserve-card { margin-top: 0.8rem; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item > .list-item-dl > .item-title { font-weight: 700; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item > .list-item-dl > .item-text > .num { font-weight: 700; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.2rem; color: #000; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-title.title-icon { padding-left: 1.9rem; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-title.title-icon.icon-car { background: url("../images/common/icon/icon_16_reserve_car.png") no-repeat 0 0/1.6rem auto; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-title.title-icon.icon-noshow { background: url("../images/common/icon/icon_16_reserve_noshow.png") no-repeat 0 0/1.6rem auto; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-text { -ms-flex-negative: 0; flex-shrink: 0; padding-left: 0.4rem; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-text .num.red { color: #e64f22; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-text .num.orange { color: #f57f5b; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-text .num.yellow { color: #f5c65b; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-text .num.green { color: #1cb5ad; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-text .num.blue { color: #4497f8; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-text .num.navy { color: #133cc4; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-dl .item-text .num.purple { color: #6122d6; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-sub-list { padding-top: 0.5rem; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-sub-list .sub-list-item { position: relative; padding-left: 0.7rem; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item .list-item-sub-list .sub-list-item::before { content: ''; position: absolute; top: 50%; left: 0; width: 0.1rem; height: 0.1rem; border-radius: 50%; background-color: #000; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item li + li { margin-top: 0.4rem; }

.reserve-scheduler-wrap .reserve-card .reserve-card-list .card-list-item + .card-list-item { margin-top: 0.8rem; }

.reserve-scheduler-wrap .reserve-scheduler { display: inline-block; border: 0; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.8rem 0 1.2rem; border: 0; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-toolbar .k-scheduler-navigation, .reserve-scheduler-wrap .reserve-scheduler .k-scheduler-toolbar .k-scheduler-refresh, .reserve-scheduler-wrap .reserve-scheduler .k-scheduler-toolbar .k- { display: none; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-toolbar .k-nav-current { margin: 0; font-weight: 700; font-size: 1.6rem; line-height: 2rem; color: #2D2D2F; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-toolbar .k-nav-current .k-icon.k-i-calendar { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 2rem; height: 2rem; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-toolbar .k-nav-current .k-icon.k-i-calendar::before { content: ''; width: 2rem; height: 2rem; background: url("../images/common/icon/icon_20_calendar.png") no-repeat 0 0/2rem auto; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-header .k-scheduler-header-wrap { border-right: none; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-header .k-scheduler-header-wrap th { height: 4rem; background: #EFEFEF; border-color: #D7DADE; font-weight: 400; font-size: 1.2rem; color: rgba(0, 0, 0, 0.6); line-height: 4rem; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-layout { border: 0.1rem solid #D7DADE; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-layout > tbody > tr:first-child td, .reserve-scheduler-wrap .reserve-scheduler .k-scheduler-layout > tbody > tr:first-child th { background: #EFEFEF; border-color: #D7DADE; padding: 0; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-layout > tbody > tr:nth-child(2) .k-scheduler-times { width: 5.6rem; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-layout > tbody > tr:nth-child(2) .k-scheduler-times th { height: 6.4rem; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; text-align: center; font-weight: 400; font-size: 1.2rem; color: #666; border-color: #D7DADE !important; }

.reserve-scheduler-wrap .reserve-scheduler .k-middle-row td { border-style: solid; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-content td { width: 18.6rem; height: 6.4rem; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-color: #efefef; }

.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-content .k-scheduler-table { border-right: 0.1rem solid #efefef; -webkit-box-sizing: border-box; box-sizing: border-box; }

.reserve-scheduler-wrap .reserve-scheduler .k-event { /*height: auto !important;*/ min-height: 6.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0; overflow: visible; }

.reserve-scheduler-wrap .reserve-scheduler .k-event .k-event-actions { display: none; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 6.2rem; padding: 0.8rem; font-size: 1.2rem; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event::before { content: ""; position: absolute; top: 0; left: -0.2rem; width: 0.4rem; height: 6.3rem; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.red::before { background-color: #e64f22; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.orange::before { background-color: #f57f5b; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.yellow::before { background-color: #f5c65b; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.green::before { background-color: #1cb5ad; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.blue::before { background-color: #4497f8; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.navy::before { background-color: #133cc4; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.purple::before { background-color: #6122d6; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event .event-name { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 0.4rem; font-weight: 700; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event .event-icon.car { width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; background: url("../images/common/icon/icon_16_reserve_car.png") no-repeat 0 0/1.6rem auto; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event .event-icon.noshow { width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; background: url("../images/common/icon/icon_16_reserve_noshow.png") no-repeat 0 0/1.6rem auto; }

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event .event-icon.timeClkg { width: 1.6rem; height: 1.6rem; margin-right: 0.2rem; background: url("../images/common/icon/icon_16_timeClocking.png") no-repeat 0 0/1.6rem auto; }

.reserve-event-tooltip dl { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.2rem; line-height: 1.8rem; text-align: left; }

.reserve-event-tooltip dl dt { width: 6rem; opacity: 0.6; }

.comment-list-wrap .comment-list { padding-bottom: 1.2rem; }

.comment-list-wrap .comment-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1.2rem 0; border-bottom: 0.1rem solid #eee; }

.comment-list-wrap .comment-list-item:first-child { padding-top: 0.4rem; }

.comment-list-wrap .comment-list-item .comment-item-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.comment-list-wrap .comment-list-item .comment-item-right { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 1rem; }

.comment-list-wrap .comment-list-item .info-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.comment-list-wrap .comment-list-item .info-wrap .info-name { font-size: 1.45rem; color: #000; }

.comment-list-wrap .comment-list-item .info-wrap .info-date { padding-left: 0.8rem; font-size: 1.3rem; color: #bbb; }

.comment-list-wrap .comment-list-item .comment-con { padding-top: 0.6rem; font-size: 1.45rem; color: #666; }

.comment-list-wrap .comment-list-item .info-wrap .writer {width:4.3rem; height:2rem; background: url("../images/common/icon/icon_writer.png") no-repeat center / 100% 100%; margin-left : 0.6rem;}

.comment-list-wrap .btn-comment-more { display: block; width: 100%; height: 3.2rem; padding: 0.6rem; border-radius: 0.3rem; border: solid 0.1rem rgba(31, 38, 62, 0.2); background-color: #fff; font-size: 1.2rem; color: #000; text-align: center; }

.comment-list-wrap .btn-comment-more .num { font-weight: 700; }

.comment-list-wrap .btn-comment-more::after { content: ""; display: inline-block; width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_arr_select.png") no-repeat 0 0/1.6rem auto; vertical-align: text-bottom; }

.comment-list-wrap .btn-comment-more.active::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.tax-bill-area { margin: 0 auto; }

.tax-bill-area.blue .caption-area .tax-bill-caption { color: #161aff; }

.tax-bill-area.blue .tax-bill-table th, .tax-bill-area.blue .tax-bill-table td { border: 0.1rem solid #161aff; color: #161aff; }

.tax-bill-area.blue .tax-bill-table thead, .tax-bill-area.blue .tax-bill-table tbody { border: 0.2rem solid #161aff; }

.tax-bill-area .caption-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.6rem 0; }

.tax-bill-area .caption-area .tax-bill-caption { font-size: 1.2rem; color: #cb0808; }

.tax-bill-area .tax-bill-table { width: 100%; border-collapse: collapse; }

.tax-bill-area .tax-bill-table th, .tax-bill-area .tax-bill-table td { padding: 0.4rem; border: 0.1rem solid #cb0808; text-align: center; font-weight: 400; font-size: 1.45rem; color: #cb0808; }

.tax-bill-area .tax-bill-table th.text-sm, .tax-bill-area .tax-bill-table td.text-sm { font-size: 1.2rem; }

.tax-bill-area .tax-bill-table .br-bold { border-right-width: 0.2rem; }

.tax-bill-area .tax-bill-table input, .tax-bill-area .tax-bill-table textarea { width: 100%; border: 0; font-size: 1.45rem; color: #000; }

.tax-bill-area .tax-bill-table .unit-text { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tax-bill-area .tax-bill-table .unit-text .unit { display: block; margin-left: 0.4rem; }

.tax-bill-area .tax-bill-table thead { border: 0.2rem solid #cb0808; }

.tax-bill-area .tax-bill-table thead .header-title-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.tax-bill-area .tax-bill-table thead .header-title-area .title-xl { padding: 0 2rem; font-weight: 700; font-size: 2.3rem; }

.tax-bill-area .tax-bill-table thead .header-title-area .title-lg { font-weight: 700; font-size: 1.5rem; }

.tax-bill-area .tax-bill-table tbody { border: 0.2rem solid #cb0808; }

.file-send-wrap { padding-top: 1.2rem; }

.file-send-wrap .file-send-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 2.4rem; }

.file-send-wrap .file-send-header .file-graph-area .graph-body { height: 1.6rem; margin-top: 0; }

.file-send-wrap .file-send-header .file-graph-area .graph-body .file-graph { background-color: #d9d9d9; }

.file-send-wrap .file-send-header .file-graph-area.complete .graph-body { display: -webkit-box; display: -ms-flexbox; display: flex; }

.file-send-wrap .file-send-header .file-graph-area.complete + .btn-file-send { display: none; }

.file-send-wrap .file-send-header .btn-file-send { display: block; width: 1.6rem; height: 1.6rem; margin-left: 1.2rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.file-send-wrap .file-send-header .btn-file-send.pause { background: url("../images/common/icon/icon_16_file_send_pause.png") no-repeat 0 0/1.6rem; }

.file-send-wrap .file-send-header .btn-file-send.play { background: url("../images/common/icon/icon_16_file_send_play.png") no-repeat 0 0/1.6rem; }

.file-send-wrap .file-send-list .file-send-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.file-send-wrap .file-send-list .file-send-item + .file-send-item { margin-top: 2rem; }

.file-send-wrap .file-send-list .file-send-item .file-icon { display: block; width: 3.2rem; height: 3.2rem; margin-right: 1.6rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background: url("../images/common/icon/icon_32_file_default.png") no-repeat center/3.2rem auto; }

.file-send-wrap .file-send-list .file-send-item .file-icon.excel { background: url("../images/common/icon/icon_32_file_excel.png") no-repeat center/3.2rem auto; }

.file-send-wrap .file-send-list .file-send-item .file-icon.ppt { background: url("../images/common/icon/icon_32_file_ppt.png") no-repeat center/3.2rem auto; }

.file-send-wrap .file-send-list .file-send-item .file-icon.pdf { background: url("../images/common/icon/icon_32_file_pdf.png") no-repeat center/3.2rem auto; }

.file-send-wrap .file-send-list .file-send-item .file-icon.img { background: url("../images/common/icon/icon_32_file_img.png") no-repeat center/3.2rem auto; }

.file-send-wrap .file-send-list .file-send-item .file-icon.word { background: url("../images/common/icon/icon_32_file_word.png") no-repeat center/3.2rem auto; }

.file-send-wrap .file-send-list .file-send-item .file-icon.zip { background: url("../images/common/icon/icon_32_file_zip.png") no-repeat center/3.2rem auto; }

.file-send-wrap .file-send-list .file-send-item .file-icon.mov { background: url("../images/common/icon/icon_32_file_mov.png") no-repeat center/3.2rem auto; }

.file-send-wrap .file-graph-area { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.file-send-wrap .file-graph-area .graph-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.file-send-wrap .file-graph-area .graph-header .file-name { font-size: 1.45rem; line-height: 1.6rem; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.file-send-wrap .file-graph-area .graph-header .file-status-text { font-weight: 700; font-size: 1.45rem; line-height: 1.6rem; color: #000; }

.file-send-wrap .file-graph-area .graph-header .send-percent { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; font-size: 1.45rem; line-height: 1.6rem; color: #2680EB; }

.file-send-wrap .file-graph-area .graph-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0.6rem; }

.file-send-wrap .file-graph-area .graph-body .file-graph { position: relative; width: 100%; height: 0.6rem; background-color: #f2f2f2; border-radius: 0.3rem; overflow: hidden; }

.file-send-wrap .file-graph-area .graph-body .file-graph .graph-bar { position: absolute; top: 0; left: 0; display: block; height: 100%; background-color: #2680EB; }

.file-send-wrap .file-graph-area.complete .graph-header .file-name { font-weight: 700; }

.file-send-wrap .file-graph-area.complete .graph-header .send-percent .percent-num { display: none; }

.file-send-wrap .file-graph-area.complete .graph-header .send-percent::after { content: ""; display: block; width: 1.6rem; height: 1.6rem; background: url("../images/common/icon/icon_16_file_send_complete.png") no-repeat center/1.6rem auto; }

.file-send-wrap .file-graph-area.complete .graph-body { display: none; }

/* tab */
.tab.default > .tab-nav { width: 100%; border-bottom: 0.1rem solid #D7DADE; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2rem 2.8rem 0; }

.tab.default > .tab-nav > .tab-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.tab.default > .tab-nav > .tab-group > .tab-item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: start; }

.tab.default > .tab-nav > .tab-group > .tab-item:first-child .tab-link { margin-left: 0; }

.tab.default > .tab-nav > .tab-group > .tab-item:last-child .tab-link { margin-right: 0; }

.tab.default > .tab-nav > .tab-group > .tab-item > .tab-link { position: relative; display: block; height: 3.6rem; margin: 0 2rem; font-weight: 400; font-size: 1.6rem; line-height: 1.8rem; color: #999; }

.tab.default > .tab-nav > .tab-group > .tab-item > .tab-link.active { font-weight: 700; color: #222; }

.tab.default > .tab-nav > .tab-group > .tab-item > .tab-link.active:after, .tab.default > .tab-nav > .tab-group > .tab-item > .tab-link.active::after { content: ''; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: .3rem; background-color: #2D2D2F; }

.tab.default > .tab-container { width: 100%; height: auto; }

.tab.default > .tab-container > .tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 2rem 2.8rem 3.2rem; }

.tab.default > .tab-container > .tab-content.tab-con-no-scroll { overflow-x: hidden; }

.tab.default > .tab-container > .tab-content.tab-con-no-scroll > .tab-panel { width: 0; height: 0; -ms-flex-preferred-size: 0; flex-basis: 0; opacity: 0; visibility: hidden; overflow-x: hidden; display: block; }

.tab.default > .tab-container > .tab-content.tab-con-no-scroll > .tab-panel.active { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; opacity: 1; visibility: visible; height: auto; overflow: hidden; }

.tab.default > .tab-container > .tab-content > .tab-panel { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: none; }

.tab.default > .tab-container > .tab-content > .tab-panel.active { display: block; }

.tab.default.type-btn-fixed { position: relative; }

.tab.default.type-btn-fixed > .tab-nav { padding: 2rem 7.8rem 0 2.8rem; }

.tab.default.type-btn-fixed > .tab-nav + .tab-container .btn-top-fixed { position: absolute; top: 1.4rem; right: 2.8rem; }

.tab.small .tab-nav { overflow: hidden; }

.tab.small .tab-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tab.small .tab-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-width: 0.1rem 0.1rem 0.1rem 0; border-style: solid; border-color: #d6d6d6; }

.tab.small .tab-item:first-child { border-radius: .3rem 0 0 .3rem; }

.tab.small .tab-item:first-child .tab-link { border-left: 0.1rem solid #d6d6d6; border-radius: .3rem 0 0 .3rem; }

.tab.small .tab-item:first-child .tab-link.active { border-left: 0.2rem solid #000; }

.tab.small .tab-item:last-child { border-right: 0; border-radius: 0 .3rem .3rem 0; }

.tab.small .tab-item:last-child .tab-link { border-right: 0.1rem solid #d6d6d6; border-radius: 0 .3rem .3rem 0; }

.tab.small .tab-item:last-child .tab-link.active { border-right: 0.2rem solid #000; }

.tab.small .tab-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 6.4rem; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.1rem; }

.tab.small .tab-link.active { height: 6.6rem; border: solid 0.2rem #000; margin: -0.1rem 0; }

.tab.small .tab-link.active .tab-checked::after, .tab.small .tab-link.active .tab-checked:after { content: ""; display: block; width: 1.7rem; height: 1.2rem; margin-bottom: .4rem; background: url("../images/common/icon/icon_tab_small_check.png") no-repeat center/1.7rem auto; }

.tab.small .tab-link.active .tab-text { font-weight: 700; color: #000; }

.tab.small .tab-textbox { display: block; text-align: center; }

.tab.small .tab-text { display: block; font-weight: 400; font-size: 1.45rem; color: #666; line-height: 1.7rem; }

.tab.small .tab-container { width: 100%; height: auto; }

.tab.small .tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-top: 2rem; }

.tab.small .tab-content.tab-con-no-scroll { overflow-x: hidden; }

.tab.small .tab-content.tab-con-no-scroll .tab-panel { width: 0; height: 0; -ms-flex-preferred-size: 0; flex-basis: 0; opacity: 0; visibility: hidden; overflow-x: hidden; display: block; }

.tab.small .tab-content.tab-con-no-scroll .tab-panel.active { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; opacity: 1; visibility: visible; height: auto; }

.tab.small .tab-panel { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: none; }

.tab.small .tab-panel.active { display: block; }

.tab.tree .tab-nav { overflow: hidden; }

.tab.tree .tab-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tab.tree .tab-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.tab.tree .tab-item:first-child .tab-link { border-radius: .2rem 0 0 .2rem; }

.tab.tree .tab-item:last-child .tab-link { border-radius: 0 .2rem .2rem 0; }

.tab.tree .tab-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 4.4rem; border: 0.1rem solid #D7DADE; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; line-height: 1.4rem; }

.tab.tree .tab-link.active { background: #2D2D2F; border: none; }

.tab.tree .tab-link.active .tab-text { color: #fff; }

.tab.tree .tab-text { font-weight: 700; font-size: 1.6rem; color: #ccc; }

.tab.tree .tab-container { width: 100%; height: auto; }

.tab.tree .tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-top: 2rem; }

.tab.tree .tab-panel { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: none; }

.tab.tree .tab-panel.active { display: block; }

.panel .tab.tree { padding: 2rem 2.4rem 3.2rem; }

.panel-body .tab.default > .tab-nav { padding: 0; }

.panel-body .tab.default.type-btn-fixed { position: relative; }

.panel-body .tab.default.type-btn-fixed .tab-nav { padding: 0 7rem 0 0; }

.panel-body .tab.default.type-btn-fixed .tab-nav + .tab-container .btn-top-fixed { position: absolute; top: 0; right: 0; }

.panel-body .tab.small .tab-container { padding: 0; }

.tab-panel .panel.search + .table-area-wrap { padding-top: 2rem; }

/* tabstrip */
.tabstrip { border: 0; }

.tabstrip .k-content { margin: 0; padding: 0; border: 0; }

.tabstrip .k-content .line-form * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.tabstrip.default > .k-tabstrip-items-wrapper { position: relative; }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-items:empty { padding: 0; }

.tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav { width: 100%; border-bottom: 0.1rem solid #D7DADE; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2rem 2.8rem 0; margin: 0 !important; }

.tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav > .k-item { border: 0; }

.tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active { border-bottom: 0.3rem solid #2D2D2F; }

.tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active .k-link { font-weight: 700; color: #222; }

.tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav > .k-item .k-loading { border: 0; }

.tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav > .k-item .k-link { height: 3.2rem; padding: 0; font-weight: 400; font-size: 1.6rem; line-height: 1.8rem; color: #999; }

.tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav > .k-item + .k-item { margin-left: 4rem; }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-prev, .tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-next { position: absolute; bottom: 1.1rem; width: 2.8rem; height: 2.8rem; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #fff !important; -webkit-transition: none; transition: none; z-index: 10; }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-prev::before, .tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-prev::after, .tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-next::before, .tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-next::after { opacity: 1; -webkit-transition: none; transition: none; background: none; }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-prev.k-disabled .k-icon, .tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-next.k-disabled .k-icon { opacity: 0.3; }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-prev .k-icon, .tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-next .k-icon { width: 2rem; height: 2rem; vertical-align: middle; }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-prev .k-icon::before, .tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-next .k-icon::before { content: ''; display: block; width: 2rem; height: 2rem; }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-prev .k-icon.k-i-arrow-60-left::before, .tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-next .k-icon.k-i-arrow-60-left::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0/2rem auto; -webkit-transform: rotate(-270deg); transform: rotate(-270deg); }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-prev .k-icon.k-i-arrow-60-right::before, .tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-next .k-icon.k-i-arrow-60-right::before { background: url("../images/common/icon/icon_20_arr_select.png") no-repeat 0/2rem auto; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-prev { left: 0; }

.tabstrip.default > .k-tabstrip-items-wrapper .k-tabstrip-next { right: 0; }

.tabstrip.default > .tab-panel { padding: 1.2rem 2.8rem 1.6rem; }

.tabstrip.default.type-btn-fixed > .k-tabstrip-items-wrapper > .tab-nav { padding-right: 7.8rem; }

.tabstrip.default.type-btn-fixed .btn-top-fixed { position: absolute; top: 1.4rem; right: 2.8rem; }

.tabstrip.default .panel-header-title { font-size: 1.45rem; }

.tabstrip.default .table-area-wrap .table-title { font-size: 1.45rem; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 6.4rem; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 0.1rem 0 0.1rem 0.1rem; border-style: solid; border-color: #d6d6d6; margin: 0; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-first { border-radius: .3rem 0 0 .3rem; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-last { border-radius: 0 .3rem .3rem 0; border-right-width: 0.1rem; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item .k-loading { border: 0; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item .k-link { text-align: center; font-weight: 400; font-size: 1.45rem; line-height: 1.7rem; color: #666; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active { border-width: 0.2rem 0 0.2rem 0.2rem; border-color: #000; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active.k-last { border-right-width: 0.2rem; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active + .k-item { border-left-width: 0.2rem; border-left-color: #000; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active .k-link { font-weight: 700; color: #000; }

.tabstrip.small > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active .k-link::before { content: ""; display: block; width: 1.7rem; height: 1.2rem; margin: 0 auto .4rem; background: url("../images/common/icon/icon_tab_small_check.png") no-repeat center/1.7rem auto; }

.tabstrip.small > .tab-panel { padding-top: 2rem; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav > .k-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 4.4rem; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 0.1rem 0 0.1rem 0.1rem; border-style: solid; border-color: #D7DADE; margin: 0; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-first { border-radius: .2rem 0 0 .2rem; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-last { border-radius: 0 .2rem .2rem 0; border-right-width: 0.1rem; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav > .k-item .k-loading { border: 0; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav > .k-item .k-link { text-align: center; font-weight: 700; font-size: 1.6rem; line-height: 1.6rem; color: #ccc; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active { border-color: #2D2D2F; background-color: #2D2D2F; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active.k-last { border-right-width: 0.1rem; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active + .k-item { border-left-width: 0.1rem; border-left-color: #2D2D2F; }

.tabstrip.tree > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active .k-link { color: #fff; }

.tabstrip.tree > .tab-panel { padding-top: 2rem; }

.tabstrip.model { padding-bottom: 5rem; }

.tabstrip.model > .k-tabstrip-items-wrapper > .tab-nav { padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; }

.tabstrip.model > .k-tabstrip-items-wrapper > .tab-nav > .k-item { position: relative; text-align: center; min-width: 9.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 0.1rem 0 0.1rem 0.1rem; border-style: solid; border-color: #ced4da; background-color: #e9ecef; margin: 0; }

.tabstrip.model > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-first { border-radius: .3rem 0 0 .3rem; }

.tabstrip.model > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-last { border-radius: 0 .3rem .3rem 0; border-right-width: 0.1rem; }

.tabstrip.model > .k-tabstrip-items-wrapper > .tab-nav > .k-item .k-loading { border: 0; }

.tabstrip.model > .k-tabstrip-items-wrapper > .tab-nav > .k-item .k-link { padding: 0.6rem 2rem; text-align: center; font-weight: 400; font-size: 1.45rem; line-height: 1.8rem; color: #000; opacity: 0.5; }

.tabstrip.model > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active { border-color: #000; background-color: #fff; }

.tabstrip.model > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active + .k-item { border-left-width: 0.1rem; border-left-color: #000; }

.tabstrip.model > .k-tabstrip-items-wrapper > .tab-nav > .k-item.k-state-active .k-link { color: #000; opacity: 1; }

.tabstrip.model > .tab-panel { padding-top: 0.8rem; color: #000; }

.tabstrip.model > .tab-panel > .panel > .treeview { padding: 2rem 2.4rem; }

.tabstrip.model.type-btn-fixed .btn-top-fixed { position: absolute; top: 0rem; right: 0rem; }

.tabstrip .treeview .k-item .k-icon + .k-checkbox-wrapper { padding-left: 0.8rem; }

.panel .tabstrip.tree { padding: 2rem 2.4rem 3.2rem; }

.panel-body .tabstrip.default > .k-tabstrip-items-wrapper > .tab-nav { padding: 0; }

.panel-body .tabstrip.default.type-btn-fixed { position: relative; }

.panel-body .tabstrip.default.type-btn-fixed .tab-nav { padding: 0 7rem 0 0; }

.panel-body .tabstrip.default.type-btn-fixed .btn-top-fixed { position: absolute; top: 0; right: 0; }

.panel-body .tabstrip.default.type-btn-fixed > .tab-panel { padding-left: 0; padding-right: 0; padding-bottom: 0; }

/* tab Multi */
.tab-multi.small .tab-nav { overflow: hidden; }

.tab-multi.small .tab-group { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tab-multi.small .tab-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-width: 0.1rem 0; border-style: solid; border-color: #d6d6d6; }

.tab-multi.small .tab-item + .tab-item { border-left: 0.1rem solid #d6d6d6; }

.tab-multi.small .tab-item:first-child { border-radius: .3rem 0 0 .3rem; border-left: 0.1rem solid #d6d6d6; }

.tab-multi.small .tab-item:first-child .tab-link { border-radius: .3rem 0 0 .3rem; }

.tab-multi.small .tab-item:first-child.active { border-left: 0.2rem solid #000; }

.tab-multi.small .tab-item:last-child { border-right: 0.1rem solid #d6d6d6; border-radius: 0 .3rem .3rem 0; }

.tab-multi.small .tab-item:last-child .tab-link { border-radius: 0 .3rem .3rem 0; }

.tab-multi.small .tab-item:last-child.active { border-right: 0.2rem solid #000; }

.tab-multi.small .tab-item.active { border: solid 0.2rem #000; }

.tab-multi.small .tab-item.active .tab-link .tab-checked::after, .tab-multi.small .tab-item.active .tab-link .tab-checked:after { content: ""; display: block; width: 1.7rem; height: 1.2rem; margin-bottom: .4rem; background: url("../images/common/icon/icon_tab_small_check.png") no-repeat center/1.7rem auto; }

.tab-multi.small .tab-item.active .tab-link .tab-text { font-weight: 700; color: #000; }

.tab-multi.small .tab-item.active + .tab-item { border-left: 0; }

.tab-multi.small .tab-item .tab-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 6.4rem; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.1rem; }

.tab-multi.small .tab-textbox { display: block; text-align: center; }

.tab-multi.small .tab-text { display: block; font-weight: 400; font-size: 1.45rem; color: #666; line-height: 1.7rem; }

.tab-multi.small .tab-container { width: 100%; height: auto; }

.tab-multi.small .tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.tab-multi.small .tab-content.tab-con-no-scroll { overflow-x: hidden; }

.tab-multi.small .tab-content.tab-con-no-scroll .tab-panel { width: 0; height: 0; -ms-flex-preferred-size: 0; flex-basis: 0; opacity: 0; visibility: hidden; overflow-x: hidden; display: block; }

.tab-multi.small .tab-content.tab-con-no-scroll .tab-panel.active { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; opacity: 1; visibility: visible; height: auto; }

.tab-multi.small .tab-panel { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; display: none; padding-top: 2rem; }

.tab-multi.small .tab-panel.active { display: block; }

.panel-body .tab-multi.small .tab-container { padding: 0; }

.main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; overflow: auto; padding: 2rem 3.2rem 3.2rem; }

.main-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.main-header .search-area { position: relative; width: 26rem; background-color: #fff; }

.main-header .search-area span.form-input { display: block; width: 100%; border: 0; }

.main-header .search-area span.form-input .k-clear-value { position: absolute; top: 50%; right: 4rem; display: block; width: 1.6rem; height: 1.6rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; }

.main-header .search-area span.form-input .k-clear-value .k-icon { display: block; width: 100%; height: 100%; }

.main-header .search-area span.form-input .k-clear-value .k-icon:before { content: ""; display: block; width: 100%; height: 100%; background: url("../images/common/icon/icon_16_input_reset.png") no-repeat 0 0/1.6rem auto; }

.main-header .search-area input.form-input { display: block; width: 100%; height: 4rem; padding: 1rem 6.4rem 1rem 1.2rem; border-width: 0.1rem; border-style: solid; border-color: #1c1c1c; border-radius: 0.6rem; color: #000; font-size: 1.45rem; line-height: 2rem; text-indent: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0.4rem 1rem 0 rgba(221, 221, 221, 0.23); box-shadow: 0 0.4rem 1rem 0 rgba(221, 221, 221, 0.23); }

.main-header .search-area input.form-input:hover, .main-header .search-area input.form-input:focus { border-color: #000; }

.main-header .search-area input.form-input::-webkit-input-placeholder { color: #ccc; }

.main-header .search-area input.form-input:-ms-input-placeholder { color: #ccc; }

.main-header .search-area input.form-input::-ms-input-placeholder { color: #ccc; }

.main-header .search-area input.form-input::placeholder { color: #ccc; }

.main-header .search-area input.form-input:disabled { border-color: #d9d9d9; color: #ccc; background-color: #f2f2f2; }

.main-header .search-area input.form-input:-moz-read-only { border-color: #e2e2e2; }

.main-header .search-area input.form-input:read-only { border-color: #e2e2e2; }

.main-header .search-area input.form-input.k-dateinput { padding: 0; border-width: 0; }

.main-header .search-area .btn-form-search { position: absolute; top: 50%; right: 1.2rem; display: block; width: 2rem; height: 2rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("../images/common/icon/icon_20_search.png") no-repeat 0 0/2rem auto; }

.main-header .profile-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -0.5rem; }

.main-header .profile-area .user-info { text-align: right; }

.main-header .profile-area .user-info + .user-family-name { margin-left: 1.2rem; }

.main-header .profile-area .user-family-name { width: 4.2rem; height: 4.2rem; line-height: 4.2rem; margin: 0 auto; border-radius: 50%; background-color: #89b4f0; color: #fff; font-weight: 700; font-size: 2rem; overflow: hidden; text-align: center; letter-spacing: 4.2rem; text-indent: 1.2rem; }

.main-header .profile-area .user-name { font-weight: 700; font-size: 1.6rem; line-height: 2rem; color: #000; }

.main-header .profile-area .user-email { padding-top: 0.2rem; font-size: 1.2rem; line-height: 1.6rem; color: #999; }

.main-dashboard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-top: 1.2rem; }

.main-dashboard .dashboard-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; }

.main-dashboard .dashboard-col.xs { -webkit-box-flex: 0.7; -ms-flex: 0.7; flex: 0.7; }

.main-dashboard .dashboard-col.sm { -webkit-box-flex: 0.9; -ms-flex: 0.9; flex: 0.9; }

.main-dashboard .dashboard-col.md { -webkit-box-flex: 1.4; -ms-flex: 1.4; flex: 1.4; }

.main-dashboard .dashboard-col.lg { -webkit-box-flex: 1.9; -ms-flex: 1.9; flex: 1.9; }

.main-dashboard .dashboard-col.lg2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.main-dashboard .dashboard-col + .dashboard-col { margin-top: 2rem; }

.main-dashboard .dashboard-col .col-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.main-dashboard .dashboard-col .col-left + .col-right { margin-left: 2rem; }

.main-dashboard .dashboard-col .col-left.grow-none { width: calc(66% - 1rem); }

.main-dashboard .dashboard-col .col-left.grow-none .row-con .dashboard-panel { width: calc(50% - 1rem); }

.main-dashboard .dashboard-col .col-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.main-dashboard .dashboard-col .col-right .row-con .dashboard-panel { width: 100%; }

.main-dashboard .dashboard-col .col-right.grow-none { width: calc(33% - 1rem); }

.main-dashboard .dashboard-col .col-right.grow-none .row-con .dashboard-panel { width: 100%; }

.main-dashboard .dashboard-col .col-con { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.main-dashboard .dashboard-col .col-con + .col-con { margin-top: 2rem; }

.main-dashboard .dashboard-col .col-con.xs { -webkit-box-flex: 0.7; -ms-flex: 0.7; flex: 0.7; }

.main-dashboard .dashboard-col .col-con.sm { -webkit-box-flex: 0.9; -ms-flex: 0.9; flex: 0.9; }

.main-dashboard .dashboard-col .col-con.md { -webkit-box-flex: 1.4; -ms-flex: 1.4; flex: 1.4; }

.main-dashboard .dashboard-col .col-con.lg { -webkit-box-flex: 1.9; -ms-flex: 1.9; flex: 1.9; }

.main-dashboard .dashboard-col .col-con.lg2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

.main-dashboard .dashboard-col .row-con { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; }

.main-dashboard .dashboard-col .row-con .dashboard-panel { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.main-dashboard .dashboard-col .row-con .dashboard-panel + .dashboard-panel { margin-left: 2rem; }

.main-dashboard .dashboard-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 1.2rem 1.6rem; border-radius: 0.8rem; background-color: #fff; color: #222; }

.main-dashboard .dashboard-panel.primary1 { background-color: #1A8594; color: #fff; }

.main-dashboard .dashboard-panel.primary1 .today-area { background-color: #1a5cb9; }

.main-dashboard .dashboard-panel.primary2 { background-color: #2D2D2F; color: #fff; }

.main-dashboard .dashboard-panel.primary2 .today-area { background-color: #2d3652; }

.main-dashboard .dashboard-panel.primary1 .title-icon-area .title, .main-dashboard .dashboard-panel.primary2 .title-icon-area .title { color: #fff; }

.main-dashboard .dashboard-panel.primary1 .title-icon-area .text, .main-dashboard .dashboard-panel.primary2 .title-icon-area .text { color: #fff; }

.main-dashboard .dashboard-panel.primary1 .dl-con-area .dl-con-item .dl-con-title, .main-dashboard .dashboard-panel.primary1 .dl-con-area .dl-con-item .dl-con-text, .main-dashboard .dashboard-panel.primary2 .dl-con-area .dl-con-item .dl-con-title, .main-dashboard .dashboard-panel.primary2 .dl-con-area .dl-con-item .dl-con-text { color: #fff; }

.main-dashboard .dashboard-panel.primary1 .dl-con-area .dl-con-item + .dl-con-item::before, .main-dashboard .dashboard-panel.primary2 .dl-con-area .dl-con-item + .dl-con-item::before { background-color: rgba(255, 255, 255, 0.2); }

.main-dashboard .dashboard-panel.primary1 .main-tab .tab-nav .k-item.k-state-active, .main-dashboard .dashboard-panel.primary2 .main-tab .tab-nav .k-item.k-state-active { border-bottom: 0.2rem solid #fff; }

.main-dashboard .dashboard-panel.primary1 .main-tab .tab-nav .k-item.k-state-active .k-link, .main-dashboard .dashboard-panel.primary2 .main-tab .tab-nav .k-item.k-state-active .k-link { opacity: 1; color: #fff; }

.main-dashboard .dashboard-panel.primary1 .main-tab .tab-nav .k-item .k-link, .main-dashboard .dashboard-panel.primary2 .main-tab .tab-nav .k-item .k-link { opacity: 0.7; color: #fff; }

.main-dashboard .dashboard-panel .today-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.7rem 1.2rem; border-radius: 0.4rem; }

.main-dashboard .dashboard-panel .today-area .today-title { font-weight: 700; font-size: 1.6rem; line-height: 1.8rem; }

.main-dashboard .dashboard-panel .today-area .today-title + .today-group { margin-left: 1.5rem; }

.main-dashboard .dashboard-panel .today-area .today-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.main-dashboard .dashboard-panel .today-area .today-group .today-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.45rem; line-height: 1.8rem; }

.main-dashboard .dashboard-panel .today-area .today-group .today-con + .today-con::before { content: ""; display: block; width: 0.1rem; height: 1.6rem; margin-left: 0.8rem; margin-right: 0.8rem; background-color: #fff; opacity: 0.2; }

.main-dashboard .dashboard-panel .today-area .today-group .today-con-title { opacity: 0.65; }

.main-dashboard .dashboard-panel .today-area .today-group .today-con-title + .today-con-text { margin-left: 0.7rem; }

.main-dashboard .dashboard-panel .today-area .today-group .today-con-text { font-weight: 700; color: #f0af1c; }

.main-dashboard .dashboard-panel .dashboard-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.main-dashboard .dashboard-panel .dashboard-header-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.main-dashboard .dashboard-panel .dashboard-header-right { -ms-flex-negative: 0; flex-shrink: 0; }

.main-dashboard .dashboard-panel .dashboard-header-title { font-weight: 700; font-size: 1.6rem; line-height: 2rem; }

.main-dashboard .dashboard-panel .dashboard-header-title + .dashboard-header-text { margin-left: 0.8rem; }

.main-dashboard .dashboard-panel .dashboard-header-text { opacity: 0.6; font-size: 1.2rem; line-height: 1.6rem; }

.main-dashboard .dashboard-panel .dashboard-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.main-dashboard .dashboard-panel .dashboard-body.center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.main-dashboard .dashboard-panel .link-arrow { display: block; width: 2rem; height: 2rem; background: url("../images/main/list_icon_arrow.png") no-repeat 0 0/2rem auto; }

.main-dashboard .dashboard-panel .process-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; max-width: 100rem; }

.main-dashboard .dashboard-panel .process-area .process-bg-icon { display: block; width: 10.2rem; height: 10.2rem; }

.main-dashboard .dashboard-panel .process-area .process-bg-icon.contract { background: url("../images/main/process_bg_contract.png") no-repeat 0 0/10.2rem auto; }

.main-dashboard .dashboard-panel .process-area .process-bg-icon.service { background: url("../images/main/process_bg_service.png") no-repeat 0 0/10.2rem auto; }

.main-dashboard .dashboard-panel .process-area .process-list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 85%; margin-left: 2%; text-align: center; }

.main-dashboard .dashboard-panel .process-area .process-list-group .process-list-item { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.main-dashboard .dashboard-panel .process-area .process-list-group .process-list-item .process-item-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.main-dashboard .dashboard-panel .process-area .process-list-group .process-list-item .process-item-title .item-title-num { display: block; width: 2rem; height: 2rem; border-radius: 50%; background-color: #1C5E59; font-size: 1.2rem; line-height: 2rem; }

.main-dashboard .dashboard-panel .process-area .process-list-group .process-list-item .process-item-title .item-title { margin-left: 0.6rem; font-size: 1.45rem; }

.main-dashboard .dashboard-panel .process-area .process-list-group .process-list-item .process-item-title + .process-item-con { margin-top: 1.2rem; }

.main-dashboard .dashboard-panel .process-area .process-list-group .process-list-item .process-item-con { font-weight: 700; font-size: 4.2rem; line-height: 4.2rem; }

.main-dashboard .dashboard-panel .process-area .process-list-group .process-list-item + .process-list-item::before { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 2.4rem; height: 2.4rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url("../images/main/process_icon_arrow.png") no-repeat 0 0/2.4rem auto; }

.main-dashboard .dashboard-panel .title-icon-area { padding-top: 4rem; text-align: center; }

.main-dashboard .dashboard-panel .title-icon-area.icon1 { background: url("../images/main/title_icon1.png") no-repeat top 0 left 50%/3.2rem auto; }

.main-dashboard .dashboard-panel .title-icon-area.icon2 { background: url("../images/main/title_icon2.png") no-repeat top 0 left 50%/3.2rem auto; }

.main-dashboard .dashboard-panel .title-icon-area.icon3 { background: url("../images/main/title_icon3.png") no-repeat top 0 left 50%/3.2rem auto; }

.main-dashboard .dashboard-panel .title-icon-area.icon4 { background: url("../images/main/title_icon4.png") no-repeat top 0 left 50%/3.2rem auto; }

.main-dashboard .dashboard-panel .title-icon-area.icon5 { background: url("../images/main/title_icon5.png") no-repeat top 0 left 50%/3.2rem auto; }

.main-dashboard .dashboard-panel .title-icon-area.icon6 { background: url("../images/main/title_icon6.png") no-repeat top 0 left 50%/3.2rem auto; }

.main-dashboard .dashboard-panel .title-icon-area.icon7 { background: url("../images/main/title_icon7.png") no-repeat top 0 left 50%/3.2rem auto; }

.main-dashboard .dashboard-panel .title-icon-area .title { font-weight: 700; font-size: 1.6rem; line-height: 1.8rem; color: #333; }

.main-dashboard .dashboard-panel .title-icon-area .title + .text { margin-top: 1.2rem; }

.main-dashboard .dashboard-panel .title-icon-area .text { font-weight: 700; font-size: 3.2rem; line-height: 3.6rem; color: #2D2D2F; }

.main-dashboard .dashboard-panel .title-icon-area + .dl-con-area { margin-top: 2.4rem; }

.main-dashboard .dashboard-panel .dl-con-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

.main-dashboard .dashboard-panel .dl-con-area.lg .dl-con-item .dl-con-text { margin-top: 1.2rem; line-height: 4.2rem; font-size: 4.2rem; }

.main-dashboard .dashboard-panel .dl-con-area .dl-con-item { position: relative; text-align: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.main-dashboard .dashboard-panel .dl-con-area .dl-con-item + .dl-con-item::before { content: ""; position: absolute; top: 50%; left: 0%; display: block; width: 0.1rem; height: 5.4rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.15); }

.main-dashboard .dashboard-panel .dl-con-area .dl-con-item .dl-con-title { font-size: 1.45rem; line-height: 1.7rem; color: #333; }

.main-dashboard .dashboard-panel .dl-con-area .dl-con-item .dl-con-title.sm { font-size: 1.2rem; }

.main-dashboard .dashboard-panel .dl-con-area .dl-con-item .dl-con-text { margin-top: 0.8rem; font-weight: 700; font-size: 3.2rem; line-height: 3.2rem; color: #2D2D2F; }

.main-dashboard .dashboard-panel .mymenu-list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0.8rem; }

.main-dashboard .dashboard-panel .mymenu-list-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; border-bottom: 0.1rem solid #ebebeb; }

.main-dashboard .dashboard-panel .mymenu-list-item .list-item-link { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1.6rem 2rem 1.6rem 0; margin-right: 1.6rem; font-size: 1.45rem; line-height: 1.8rem; color: #000; background: url("../images/main/mymenu_icon_arrow.png") no-repeat top 50% right 0/1.6rem auto; }

.main-dashboard .dashboard-panel .mymenu-list-item:nth-of-type(2n) .list-item-link { margin-left: 1.6rem; margin-right: 0; }

.main-dashboard .dashboard-panel .mymenu-list::after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 0.1rem; background-color: #fff; }

.main-dashboard .dashboard-panel .board-list { position: relative; margin-top: 0.8rem; }

.main-dashboard .dashboard-panel .board-list.column .list-item-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0.8rem 0; }

.main-dashboard .dashboard-panel .board-list.column .list-item-link .list-item-left { width: 100%; }

.main-dashboard .dashboard-panel .board-list.column .list-item-link .list-item-right { margin-top: 0.4rem; margin-left: 0; }

.main-dashboard .dashboard-panel .board-list-item { border-bottom: 0.1rem solid #ebebeb; }

.main-dashboard .dashboard-panel .board-list-item .list-item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.2rem 0; line-height: 1.8rem; }

.main-dashboard .dashboard-panel .board-list-item .list-item-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 0; margin-right: 1.2rem; }

.main-dashboard .dashboard-panel .board-list-item .list-item-right { margin-left: auto; -ms-flex-negative: 0; flex-shrink: 0; }

.main-dashboard .dashboard-panel .board-list-item .list-item-title { font-size: 1.45rem; line-height: 1.6rem; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.main-dashboard .dashboard-panel .board-list-item .list-item-title .title-piece.bold { font-weight: 700; }

.main-dashboard .dashboard-panel .board-list-item .list-item-title .title-piece + .title-piece { margin-left: 0.6rem; }

.main-dashboard .dashboard-panel .board-list-item .list-item-date { font-size: 1.2rem; color: #999; }

.main-dashboard .dashboard-panel .board-list-item .new-mark { display: block; width: 1.6rem; height: 1.6rem; border-radius: 50%; background-color: #2D2D2F; text-align: center; font-weight: 700; font-size: 1rem; line-height: 1.6rem; color: #fff; -ms-flex-negative: 0; flex-shrink: 0; }

.main-dashboard .dashboard-panel .board-list-item .new-mark + .list-item-title { margin-left: 0.6rem; }

.main-dashboard .dashboard-panel .board-list-item .list-item-label { display: block; min-width: 3.3rem; height: 1.9rem; padding: 0.2rem 0.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.2rem; line-height: 1.6rem; color: #fff; text-align: center; border-radius: 0.2rem; }

.main-dashboard .dashboard-panel .board-list-item .list-item-label.color1 { background-color: #424850; }

.main-dashboard .dashboard-panel .board-list-item .list-item-label.color2 { background-color: #4b74c3; }

.main-dashboard .dashboard-panel .board-list-item .list-item-label.color3 { background-color: #053981; }

.main-dashboard .dashboard-panel .board-list-item .list-item-label.color4 { background-color: #5b6df5; }

.main-dashboard .dashboard-panel .board-list-item .list-item-label.color5 { background-color: #30229f; }

.main-dashboard .dashboard-panel .board-list-item .list-item-label + .list-item-title { margin-left: 0.8rem; }

.main-dashboard .dashboard-panel .board-list::after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 0.1rem; background-color: #fff; }

.main-dashboard .dashboard-panel .main-tab { width: 100%; height: 100%; border: 0; }

.main-dashboard .dashboard-panel .main-tab.tab-relative { position: relative; }

.main-dashboard .dashboard-panel .main-tab .tab-nav { padding: 0; }

.main-dashboard .dashboard-panel .main-tab .tab-nav .k-item { border: 0; padding-bottom: 0.5rem; line-height: 1.8rem; }

.main-dashboard .dashboard-panel .main-tab .tab-nav .k-item span { padding: 0; border: 0; }

.main-dashboard .dashboard-panel .main-tab .tab-nav .k-item.k-state-active { border-bottom: 0.2rem solid #000; }

.main-dashboard .dashboard-panel .main-tab .tab-nav .k-item.k-state-active .k-link { font-weight: 700; color: #222; }

.main-dashboard .dashboard-panel .main-tab .tab-nav .k-item .k-link { font-size: 1.6rem; line-height: 1.8rem; color: #999; }

.main-dashboard .dashboard-panel .main-tab .tab-nav .k-item + .k-item { margin-left: 1.2rem; }

.main-dashboard .dashboard-panel .main-tab .tab-panel { height: calc(100% - 2.4rem); padding: 0; margin: 0; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.main-dashboard .dashboard-panel .main-tab .tab-panel-con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }

.main-dashboard .dashboard-panel .main-tab .tab-panel-con.center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.main-dashboard .dashboard-panel .main-tab .top-fixed { position: absolute; top: 0; right: 0; }

.main-dashboard .dashboard-panel .graph-area { width: 100%; padding-top: 1.2rem; }

.main.tablet .main-dashboard .dashboard-panel .process-area .process-bg-icon { width: 8.8rem; height: 8.8rem; background-size: 8.8rem auto; }

.main.tablet .main-dashboard .dashboard-panel .process-area .process-list-group .process-list-item .process-item-con { font-weight: 700; font-size: 3.2rem; line-height: 3.2rem; }

.main.tablet .main-dashboard .dashboard-panel .title-icon-area { padding-top: 0rem; padding-left: 2.2rem; }

.main.tablet .main-dashboard .dashboard-panel .title-icon-area.tablet-icon1 { background: url("../images/main/title_tablet_icon1.png") no-repeat top 50% left 0/1.6rem auto; }

.main.tablet .main-dashboard .dashboard-panel .title-icon-area.tablet-icon2 { background: url("../images/main/title_tablet_icon2.png") no-repeat top 50% left 0/1.6rem auto; }

.main.tablet .main-dashboard .dashboard-panel .title-icon-area.tablet-icon3 { background: url("../images/main/title_tablet_icon3.png") no-repeat top 50% left 0/1.6rem auto; }

.main.tablet .main-dashboard .dashboard-panel .title-icon-area + .dl-con-area { margin-top: 2.8rem; }

.main.tablet .main-dashboard .dashboard-panel .dl-con-area .dl-con-item .dl-con-text { font-size: 2.8rem; line-height: 2.8rem; }

.k-loading-mask .k-loading-image { background-image: url('../img/loading-image.gif');}

.ttl-bgColor1  { background-color: #e2e2e2; }

.ttl-bgColor2  { background-color: #89d2da; }

.ttl-bgColor3  { background-color: #4b74c3; }


.panel.search.expansion.active .btn-search-expansion-more:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.panel.search.expansion .btn-search-expansion-more {
	position: absolute;
	bottom: -1.6rem;
	left: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center; justify-content: center;
	width: 9.2rem;
	height: 1.5rem; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);
	background: #909aa7;
	border-bottom-left-radius: 1.4rem;
	border-bottom-right-radius: 1.4rem;
	content: '';
	}

.panel.search.expansion .btn-search-expansion-more:after {
	z-index: 1; content: ''; display: block;
	width: 2.1rem;
	height: 0.6rem;
	background: url("../images/common/icon/icon_16_more.png") no-repeat center/2.1rem auto;webkit-transform
	-webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

/********************************************************************************************** 신규스케줄 추가******************************/


:root {
    --primary: #1F273D;
    --Secondary: #ffffff;
    --point: #1A8594;
    --background: #F0F0F0;
    --background2: #F3F3F3;
    --border: #E0E0E0; /**form**/
    --border2: #E2E2E2;
    --co666: #666666;
    --co888: #888888;
    --co000: #000000;
    --cofff: #ffffff;


    /**예약현황시스템 컬러**/
    --reservation: #FAAA3C;  /**예약접수**/
    --reservation-bg: #FAAA3C1F;
    --vehicle-reception: #1A8594; /**차량접수 상태**/
    --vehicle-reception-bg: #1A85941F;
    --no-show: #696969; /**no show 상태**/
    --no-show-bg: #6969691F;
    --white-bg: #FFFFFF1F;

}

/*체크박스 이미지 변경*/
.k-radio-label, .k-checkbox-label { line-height:18px; color:var(--co666); }
.k-checkbox + .k-checkbox-label:before { width:18px; height:18px; background-size:12px !important; background-repeat:no-repeat; background-position:center; border-radius:1px; border:1px solid var(--border);}
.k-checkbox:checked + .k-checkbox-label:before {
    background-color:var(--primary); color:var(--co666);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.03 11.01'%3E%3Cpath d='M14.03 1.65L6.21 10.59c-.45.52-1.24.57-1.76.12l-.06-.06L0 6.26 1.77 4.49l3.44 3.44L12.15 0l1.88 1.65Z' style='fill:%23fff;fill-rule:evenodd'/%3E%3C/svg%3E");
}
.k-checkbox:disabled:checked + .k-checkbox-label:before {
    width:18px; height:18px; background-color:rgba(31, 38, 62, 0.1); color:var(--co666); border:1px solid var(--border);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.03 11.01'%3E%3Cpath d='M14.03 1.65L6.21 10.59c-.45.52-1.24.57-1.76.12l-.06-.06L0 6.26 1.77 4.49l3.44 3.44L12.15 0l1.88 1.65Z' style='fill:%23fff;fill-rule:evenodd'/%3E%3C/svg%3E");

 }

.layout-grid-item .item-body.overflow-hidden { overflow-y:hidden; }

/**레이아웃다듬기**/
.grid { display:flex; flex-direction:column; gap:20px; }
.layout-grid-item .item-body,
.layout-grid-item .item-body:last-child .item-body-box.grid,
.layout-grid-item .item-body-box.grid .panel.search + .panel .panel-bofdy{ height:calc(100% - 1rem); }
.reserve-scheduler-wrap.type2 { height:calc(100% - 1rem); }
.layout-grid-item .item-body-box.grid .panel.search + .panel { height:100%; margin-top:0; margin-bottom:0; }

/**리사이즈조절로 인한 내용 추가 필요**/
#splitter .k-splitbar-draggable-horizontal { position:relative; z-index:2; }
#splitter .layout-grid-item.col-left { padding-right:0.9rem; }
#splitter .layout-grid-item.col-right { padding:0 6.4rem 0 0.9rem; }
#splitter .layout-grid-item.col-left.grid-item-tree { max-width:inherit; }
#splitter .k-splitbar { width:0.5rem; position:relative; cursor: url("../images/common/icon/icon_cursor.png") 20 0, col-resize; border:0; }
#splitter .k-collapse-prev,
#splitter .k-collapse-next { display:none; }
#splitter .k-restricted-size-horizontal,
.k-restricted-size-vertical { background:transparent; }

.k-splitter .k-ghost-splitbar-horizontal:hover,
.k-splitter .k-splitbar-horizontal:hover { top:0; width:0.5rem; border:0; background-repeat:repeat-y;
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cline x1='0' y1='0' x2='0' y2='100%25' style='stroke:%23008C82; stroke-width:4; stroke-dasharray:5, 5;' /%3E%3C/svg%3E");
}

.k-ghost-splitbar-vertical,
.k-splitbar-vertical { left: 0; height: 5px; border-width:0; background-repeat: repeat-x;}
.k-splitter .k-ghost-splitbar-horizontal,.k-splitter .k-splitbar-horizontal { top:0; width:0.5rem; border-width: 0 0 0 3px; border-style:dashed; border-color:var(--point); background-repeat: repeat-y;
   /*border-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cline x1='0' y1='0' x2='0' y2='100%25' style='stroke:%23008C82; stroke-width:4; stroke-dasharray:5, 5;' /%3E%3C/svg%3E");*/

}



/**검색영역 추가**/
.line-form .form-grid.sch { flex-wrap:nowrap; gap:15px; }
.line-form .form-grid.sch .form-grid-item { padding:0; }
.line-form .form-grid.sch {  margin: 0 0 -0.8rem; }
.line-form .form-grid.sch .form-field .k-daterangepicker .k-textbox-container .k-dateinput.k-state-disabled { opacity:.7; }
.line-form .form-grid.sch .form-field .k-daterangepicker .k-textbox-container .k-dateinput.k-state-disabled .k-textbox { border-color:var(--border2); opacity:1; border-style:dashed; }


/**예약스케줄 추가**/

/*.layout-grid-item .item-body:has(.type2) > div:first-child { width:100%; height:65px; padding:0 40px; border-bottom:1px solid #DEDEDE; }*/
.layout-grid-item .item-body:has(.reserve-scheduler-wrap.type2) .form-grid-item { width:100%; height:75px; padding:0 40px; border-bottom:1px solid #DEDEDE; margin-top: 1rem;}
.layout-grid-item .item-body:has(.reserve-scheduler-wrap.type2) .form-grid.sch .form-grid-item { padding:0; }
.layout-grid-item .item-body:has(.reserve-scheduler-wrap.type2) .form-grid-item.abs { width:auto; height:auto; border-bottom:0; position:absolute; top:1rem; right:0; padding:0 10px;  text-align:right; z-index:2; }
.layout-grid-item .item-body:has(.reserve-scheduler-wrap.type2) .form-grid-item.abs .form-radio-group li,
.layout-grid-item .item-body:has(.reserve-scheduler-wrap.type2) .form-grid-item.abs .form-checkbox-group li { margin-top:0; }
.reserve-scheduler-wrap.type2 { position:relative; }
.reserve-scheduler-wrap.type2 .datebar-wrap { display:flex; align-items:center; background:var(--background); height:5rem; padding:0.8rem; box-sizing:border-box; border-radius:3px; }
.reserve-scheduler-wrap.type2 .datebar-wrap .k-button-group { background:#fff; border:1px solid #DEDEDE; border-radius:3px; }
.reserve-scheduler-wrap.type2 .datebar-wrap .k-button {  padding:0 1rem; border:0; border-left:1px solid #DEDEDE; }
.reserve-scheduler-wrap.type2 .datebar-wrap .k-button:first-of-type { border-left:0; }
.reserve-scheduler-wrap.type2 .datebar-wrap .k-button * { color:var(--co666); }
.reserve-scheduler-wrap.type2 .datebar-wrap .k-button.k-button-icon { width:4rem; }
.reserve-scheduler-wrap.type2 .datebar-wrap .k-button.k-button-icon .k-icon { position:absolute; ; }
.reserve-scheduler-wrap.type2 .datebar-wrap .k-button.k-button-icon .k-icon::before { content:""; font-size:0;  width:2.4rem; height:2.4rem; padding:0; background-repeat:no-repeat; background-position:center center; background-size:1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none'%3E%3Cpath fill='%23222' d='M.481 6.389a.56.56 0 0 1 0-.778L6.686.596C7.013.332 7.5.564 7.5.985v10.03c0 .42-.487.653-.814.389L.481 6.389Z'/%3E%3C/svg%3E%0A");  }
    .reserve-scheduler-wrap.type2 .datebar-wrap .k-button.k-button-icon .k-icon.i-arrow-60-left::before { content:"이전날짜"; }
.reserve-scheduler-wrap.type2 .datebar-wrap .k-button.k-button-icon .k-icon.k-i-arrow-60-right::before  { content:"다음날짜"; transform:rotate(180deg); }
.reserve-scheduler-wrap.type2 .reserve-scheduler.today-show .k-scheduler-toolbar .k-scheduler-navigation { display:inline-block; margin-right:1rem; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-toolbar .k-nav-current .k-icon.k-i-calendar { width:2.4rem; height:2.4rem; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-toolbar .k-nav-current .k-icon.k-i-calendar::before {
    width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:95%;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' fill='none'%3E%3Cpath fill='%231E1E1E' fill-rule='evenodd' d='M7.3201 0c.61856 0 1.12.48842 1.12 1.09091v1.09091h6.72V1.09091c0-.6025.5014-1.09091 1.12-1.09091.6186 0 1.12.48842 1.12 1.09091v1.09091h2.24c1.8557 0 3.36 1.46525 3.36 3.27273V20.7273c0 1.8075-1.5043 3.2727-3.36 3.2727h-15.68c-1.85568 0-3.36-1.4652-3.36-3.2727V5.45455c0-1.80748 1.50432-3.27273 3.36-3.27273h2.24V1.09091C6.2001.48841 6.70154 0 7.3201 0Zm-1.12 4.36364h-2.24c-.61856 0-1.12.48841-1.12 1.09091v3.27272h17.92V5.45455c0-.6025-.5014-1.09091-1.12-1.09091h-2.24v1.09091c0 .60249-.5014 1.0909-1.12 1.0909-.6186 0-1.12-.48841-1.12-1.0909V4.36364h-6.72v1.09091c0 .60249-.50144 1.0909-1.12 1.0909-.61856 0-1.12-.48841-1.12-1.0909V4.36364Zm14.56 6.54546h-17.92v9.8182c0 .6025.50144 1.0909 1.12 1.0909h15.68c.6186 0 1.12-.4884 1.12-1.0909v-9.8182Z' clip-rule='evenodd'/%3E%3C/svg%3E"); }

.reserve-scheduler-wrap.type2 .k-toolbar .k-scheduler-views-wrapper .k-button-group > .k-button { width:70px; margin-left:0.6rem; border:0; border-radius:3px; background:var(--primary); color:var(--cofff); }
.reserve-scheduler-wrap.type2 .k-toolbar .k-scheduler-views-wrapper .k-button-group > .k-button.k-state-selected { background:var(--point); }
.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event > .reserve-tit > .event-icon::before { width:22px; height:22px; background-size:20px; background-repeat:no-repeat; background-position:left 0; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event > .reserve-tit > .ico_reservation::before{ content:""; display:inline-block; background-image:url("../images/common/icon/icon_reservation.png"); }
.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event > .reserve-tit > .ico_vehicle-reception::before{ content:""; display:inline-block; background-image:url("../images/common/icon/icon_vehicle-reception.png"); }
.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event > .reserve-tit > .ico_no-show::before{ content:""; display:inline-block; background-image:url("../images/common/icon/icon_no-show.png"); background-size:16px; }


.reserve-scheduler-wrap.type2 .k-scheduler-toolbar .k-nav-current > .k-lg-date-format { font-weight:800; font-size:2rem; line-height:1.3; }
.reserve-scheduler-wrap.type2 .today-show .k-scheduler-toolbar .k-nav-current > .k-lg-date-format { font-weight:400; font-size:1.8rem; line-height:1.3; }

.reserve-scheduler-wrap.type2 .reserve-scheduler.today-show .k-scheduler-views-wrapper {  position:absolute; right:0; }
.reserve-scheduler-wrap.type2 .reserve-scheduler.today-show .k-scheduler-toolbar .k-nav-current { color:var(--co666); font-weight:normal; }
.reserve-scheduler-wrap.type2 .reserve-scheduler.today-show .k-scheduler-layout { table-layout:fixed; }

.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout > tbody > tr:first-child th,
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-header .k-scheduler-header-wrap th { background:var(--background); font-weight:500; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-header .k-scheduler-header-wrap th,
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-content td { width:16.5rem; box-sizing:border-box; font-size:1.5rem; color:var(--co666); }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout > tbody > tr:nth-child(2) .k-scheduler-times th { color:var(--co888); }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout > tbody > tr:nth-child(2) .k-scheduler-times th p.l-th {  font-size:1.8rem; color:var(--co888) }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout > tbody > tr:nth-child(2) .k-scheduler-times th p.l-th > span { width:100%; display:block; font-size:1.4rem; font-weight:300; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout > tbody > tr:nth-child(2) .k-scheduler-times th,
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-content td { height:6.5rem; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event { font-size:1.5rem; position:relative; }
.reserve-scheduler-wrap.type2 .reserve-scheduler div[role="gridcell"] {  min-height:6.5rem; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-event,
.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event { min-height:auto; height:100%; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout > tbody > tr:first-child th,
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-content td { border-color: var(--border); }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-toolbar{ padding:1rem 0;  }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout { width:100%; table-layout:fixed; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout > tbody > tr > td:first-of-type { width:5.6rem !important; }

.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event { padding-left:2.2rem; justify-content:center; flex-direction:column; flex-wrap:inherit; align-items:baseline;  }
.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event::before { width:1.3rem; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event::before { height:100%; bottom:0; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .reserve-scheduler-event p.stxt-group span:first-of-type:after { content:" |"; display:inline; margin:0 2px; }

.window-content.reserve-scheduler-window.pd0 { padding:0; }
.window-content.reserve-scheduler-window.pd0 .window-content-body .layout-grid { padding-top:0; }
.window-content.reserve-scheduler-window.pd0 .form-radio-group,
.window-content.reserve-scheduler-window.pd0 .form-checkbox-group { height:6.5rem; align-items:center; }
.window-content.reserve-scheduler-window.pd0 .orm-radio-group li,
.window-content.reserve-scheduler-window.pd0 .form-checkbox-group li { margin-top:0;  }
.layout-grid-item .item-body .form-grid-item + .reserve-scheduler-wrap { padding:0 4rem 4rem; }

/** 스케줄 날짜 이동 버튼 보이기**/
/*.window-content.reserve-scheduler-window.pd0 .reserve-scheduler-wrap .reserve-scheduler .k-scheduler-layout.k-scheduler-weekview .k-scheduler-date-group th { width:900px; }
.window-content.reserve-scheduler-window.pd0 .reserve-scheduler-wrap .reserve-scheduler .k-scheduler-layout.k-scheduler-weekview td td { width:100px; } */
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout > tbody > tr:first-child th { padding:0.3rem; line-height:1.5rem; vertical-align:middle; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-header .k-scheduler-header-wrap th,
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-content td { width:auto; }
.reserve-scheduler-wrap.type2 .reserve-scheduler .k-scheduler-layout > tbody > tr:nth-child(2) .k-scheduler-times th { border-bottom:1px solid var(--border) !important; }
.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-layout > tbody > tr:nth-child(2) .k-scheduler-times,
.reserve-scheduler-wrap .reserve-scheduler .k-scheduler-layout .k-scheduler-content { border-bottom:1px solid var(--border); }



.pt0 { padding-top:0 !important; }
.pr40 { padding-right:4rem !important; } 


/**예약상태 컬러**/

.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.reservation {  background:var(--reservation-bg); }
.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.reservation::before { background-color:var(--reservation); }
.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.vehicle-reception { background-color:var(--vehicle-reception-bg); }
.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.vehicle-reception::before { background-color:var(--vehicle-reception); }
.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.no-show { background:var(--no-show-bg); }
.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.no-show::before { background:var(--no-show); }
.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event.wb { background:var( --white-bg); box-shadow:0px 4px 5px #ddd; }


.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event > .reserve-tit { display:block; width:100%; }
.reserve-scheduler-wrap .reserve-scheduler .reserve-scheduler-event > .reserve-tit > * { display:inline; font-weight:700; letter-spacing:normal; vertical-align:top; }


/**개인정보 이용 제공 동의서**/
.agreement-body.type2 {  }
.agreement-body.type2 .agreement-check-con li { padding-top:1.5rem !important; }
.agreement-body.type2 .agreement-check-con > li:first-child { padding-top:0 !important; }
.agreement-body.type2 .agreement-check-con > li > .check-con-left { width:100%; flex:1; }
.agreement-body.type2 .agreement-check-con > li > .check-con-right { width:40px; text-align:right; }
.agreement-body.type2 .agreement-check-con > li .form-checkbox-group { margin-left:2.5rem; margin-bottom:1rem; }
.agreement-body.type2 .agreement-check-con > li .form-checkbox-group li { margin-top:0; padding-top:0 !important; }
.agreement-body.type2 .agreement-check-con > li:not(:has(.check-con-right)) { display:block; }
.agreement-body.type2 .agreement-check-con > li > ul { padding-top:1rem; }






/**그리드 팝업**/
/*.accordion-type.popup .k-icon.k-i-collapse  { display:none; }*/
.accordion-type .k-group-col { width:0; }
.accordion-type .k-widget * { box-sizing:border-box; }
/*.accordion-type tbody.rowgroup > tr.k-master-row > td.k-group-cell:first-child { display:none; }*/
.accordion-type .k-grouping-row { height:4.3rem; background:#F2F4F8; border-radius:3px; font-size:1.6rem; font-weight:700; color:var(--co666); }
.accordion-type table .k-grouping-row p { color:var(--co666); }
.accordion-type .grid-group { margin-bottom:0.7rem; }
.accordion-type .grid-group:only-child { margin-bottom:0; }
.accordion-type table .k-grouping-row + tr td { border:0 !important; padding:1rem 0; }
.accordion-type table .k-grouping-row p .k-icon { position:absolute; right:0.5rem; width:2rem; height:2rem; }
.accordion-type table .k-grouping-row p .k-icon::before { width:100%; height:100%; font-size:0; background:var(--co000); -webkit-mask-image:var(--ico-arr);  -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size:auto 1rem; }


.accordion-type .grid-group > div { position:relative; display:flex; align-items:center; gap:0.3rem; margin:0; }
.accordion-type .grid-group > div * { font-size:1.4rem; box-sizing:border-box; }


.accordion-type .grid-group > div .radio-group { display:flex; overflow:hidden; width:37.5rem; height:4.3rem; border-radius:0.3rem;  }
.accordion-type .grid-group > div .radio-group li{  display:block; margin:0; padding:0; width:100%; height:100%; border-left:1px solid #CFCFCF;  }
.accordion-type .grid-group > div .radio-group li:first-child { border-left:0; }
.accordion-type .grid-group > div .radio-group li input { position:absolute; }
.accordion-type .grid-group > div .radio-group li label { display:block; height:100%; line-height:4.3rem; background:var(--disabled); color:var(--cofff); }
.accordion-type .grid-group > div .radio-group li:first-of-type input:checked + label { background:#0167A1; }
.accordion-type .grid-group > div .radio-group li:nth-of-type(2) input:checked + label { background:#1B924F; }
.accordion-type .grid-group > div .radio-group li:nth-of-type(3) input:checked + label { background:#FFA902; }
.accordion-type .grid-group > div .radio-group li:nth-of-type(4) input:checked + label { background:#DA2727; }
.accordion-type .grid-group > div .form-group { display:flex; width:100%; height:4.3rem; border-radius:0.3rem; border:1px solid var(--border); flex:1; }
.accordion-type .grid-group > div .form-group li { display:inline-block; width:100%; }
.accordion-type .grid-group > div .form-group li input[type="text"] { border:0; width:100%; height:100%; padding:0 1rem; text-align:center; }
.accordion-type .grid-group > div .form-group li:last-child { width:16.5rem; }
.accordion-type .grid-group > div .form-group li:last-child ul { display:flex; align-items:center; height:100%;  }
.accordion-type .grid-group > div .form-group li:last-child li { width:calc( 100% / 4 );  }
.accordion-type .grid-group > div .form-group li:last-child li button { width:2.4rem; height:2.4rem; font-size:0; background:var(--coccc); -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size:auto 2rem; }
.accordion-type .grid-group > div .form-group li:last-child li button.del { -webkit-mask-image:var(--ico-del); }
.accordion-type .grid-group > div .form-group li:last-child li button.wrt { -webkit-mask-image:var(--ico-wrt); }
.accordion-type .grid-group > div .form-group li:last-child li button.file { -webkit-mask-image:var(--ico-photo); }

.accordion-type .grid-group > .view { display:flex; gap:0; }
.accordion-type .grid-group > .view > div { margin-right:2rem; }
.accordion-type .grid-group > .view.break { display:block; }
.accordion-type .grid-group > .view > div,
.accordion-type .grid-group > .view > .image-list {  margin:0.7rem 0; }
.accordion-type .grid-group > .view > .image-list li:first-of-type { margin-left:2rem }
.accordion-type .grid-group > .view.break > .image-list li:first-of-type { margin-left:0; }


.accordion-type .grid-group > .view textarea { width:100%; height:9rem; padding:1rem; margin-top:0.4rem; text-align:left; background:#f4f4f4; border:1px solid var(--border); border-radius:0.3rem; }
.accordion-type .grid-group > .view .image-list { display:flex; gap:0.7rem; }
.accordion-type .grid-group > .view.breck .image-list { margin-top:0.7rem; width:auto; min-width:38.4rem; }
.accordion-type .grid-group > .view .image-list img { border-radius:0.3rem; border:1px solid var(--border); }



.accordion-type.popup .grid-group > .view  > div{  gap:0; }
.accordion-type.list .grid-group > .view > div { gap:20px; }

.accordion-type .k-master-row { border:0; }
.accordion-type .k-grid table .k-grouping-row + tr td { border:0 !important; padding:0.8rem 0.3rem; }
.accordion-type .k-grid table th.k-header .k-grid table th .k-grid table td { height:auto; padding:0; line-height: 2rem;}
.accordion-type .k-grid table th.k-header .k-grid table th .k-grid table td { height:auto; padding:0; line-height: 2rem;}


.accordion-type.table-area tr td:last-child { border:0; padding-right:0; }
.accordion-type.popup .k-grid table .k-grouping-row + tr .grid-group { margin-top:0; }
.accordion-type.popup .k-grouping-row + .k-master-row .grid-group { margin-top:1rem; }

/**그리드 리스트**/
.accordion-type.list .grid-group { padding:0.5rem 1.4rem; margin:0.5rem 0 0; border:0.1rem solid var(--border); border-radius:0.3rem; }
.accordion-type.list.table-area tr td { padding:0.5rem 0; }
.accordion-type.list.table-area tr td:last-child { margin-top:1rem; }

.accordion-type.list .grid-group > div { position:relative; display:flex; align-items:center; gap:0.3rem; margin:0 0.5rem; }
.accordion-type.list .grid-group > div .radio-group { margin-right:1.5rem; width:9.5rem; height:3rem; }
.accordion-type.list .grid-group > div .radio-group li { border-left:0; }
.accordion-type.list .grid-group > div .radio-group li label { height:3rem; line-height:3rem; }
.accordion-type.list .grid-group > div .form-group { border:0; }
.accordion-type.list .grid-group > div .form-group li input[type="text"] { text-align:left; }
.accordion-type.list .grid-group > div .radio-group li:has(input + label) { display: none; }
.accordion-type.list .grid-group > div .radio-group li:has(input:checked + label) { display:block; }
.accordion-type.list .grid-group > div .form-group > li:first-child { border-left:1px solid var(--border); }
.accordion-type.list .grid-group > div .form-group li:last-child li button.more { background:var(--co000); -webkit-mask-image:var(--ico-arr);  -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size:auto 1rem; }

.accordion-type.list .grid-group:has(> .view[style="display: none;"]) > div .form-group li:last-child li button.more { background: var(--coccc); transform:rotate(0deg); }
.accordion-type.list .grid-group:has(> .view) > div .form-group li:last-child li button.more { background: var(--coccc); transform:rotate(180deg); }

.accordion-type.list .grid-group > div .form-group li:last-child { width:2rem; }
.accordion-type.list .grid-group > div:last-child { margin-top:1.5rem; }
.accordion-type .grid-group > .view > div:first-child { width:100%; flex:1; }
.accordion-type .grid-group > .view .image-list li { position:relative; overflow:hidden; width:9rem; height:9rem; overflow:hidden; border-radius:0.3rem; }
.accordion-type .grid-group > .view .image-list li img { width:100%; height:100%; }
.accordion-type .grid-group > .view .image-list li button.icon{ display:block; position:absolute; top:0; right:0; width:2rem; height:2rem; background:rgba(0, 0, 0, 0.6); font-size:0; }
.accordion-type .grid-group > .view .image-list li button.sch::before { content:""; display: block; width:100%; height:100%; background:var(--cofff); -webkit-mask-image:var(--ico-sch);  -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size:auto 1rem; }
.accordion-type .grid-group > .view .image-list li button.close::before { content:""; display: block; width:100%; height:100%; background:var(--cofff); -webkit-mask-image:var(--ico-close);  -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; -webkit-mask-size:auto 1rem; }

.accordion-type .grid-group > .view .image-list li.more button { display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); text-align:center; text-align:center; text-decoration:underline; color:var(--cofff); }

.accordion-type.table-area tr td:last-child { border:0; padding:0; }

/** 역할별화면관리 **/
.table-input-group.custom .table-input-item .k-dropdowntree, .table-input-group.custom .table-input-item .k-multiselect { width: 100%; border-width: 0.1rem; border-style: solid; border-color: #e2e2e2; border-radius: 0.3rem; line-height: 3.2rem; height: 3.2rem; display:flex; align-items: center;}

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap { display: block; height: 2.3rem; padding: 0 2rem 0; border-width:  0; border-style: solid; border-color: #e2e2e2; background: transparent url("/resources/images/common/icon/icon_20_arr_select.png") no-repeat top right/1.6rem auto; border-radius: 0; cursor: pointer; width: 260px; margin-right: 1rem;}

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap.k-state-hover, .table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap.k-state-active, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap.k-state-hover, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap.k-state-active { border-color: #000; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap.k-state-disabled, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap.k-state-disabled { opacity: 1; border-bottom: 0.1rem dashed #e2e2e2; cursor: default; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap.k-state-disabled .k-input, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap.k-state-disabled .k-input { color: #ccc; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap.k-state-disabled .k-select, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap.k-state-disabled .k-select { opacity: 0.3; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap .k-input, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap .k-input { min-height: auto; padding: 0 2rem 0 0; color: #000; line-height: 2.3rem; font-size: 1.45rem; text-indent: 0; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap .k-input.k-readonly, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap .k-input.k-readonly { opacity: 1; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap .k-clear-value, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap .k-clear-value { position: absolute; top: 0.4rem; right: 3.2rem; width: 1.6rem; height: 1.6rem; cursor: pointer; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap .k-clear-value .k-icon, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap .k-clear-value .k-icon { display: block; width: 100%; height: 100%; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap .k-clear-value .k-icon::before, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap .k-clear-value .k-icon::before { content: ''; display: block; width: 100%; height: 100%; background: url("/resources/images/common/icon/icon_16_input_reset.png") no-repeat 0 0/1.6rem auto; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap ul, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap ul { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap ul li, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap ul li { float: none; margin: 0; padding: 0.4rem 1.2rem 0.5rem; line-height: 1.4rem; min-height: 2.2rem; border: 0; border-radius: 5rem; background-color: #f4f4f4; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap ul li + li, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap ul li + li { margin-left: 0.4rem; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap ul li span, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap ul li span { color: #666; font-size: 1.2rem; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap ul li .k-select, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap ul li .k-select { position: static; width: 1.2rem; height: 1.2rem; padding: 0 0 0 0.6rem; line-height: 1rem; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon { position: static; display: block; width: 100%; height: 1.2rem; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon.k-i-close:before, .table-input-group.custom .table-input-item .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon.k-i-close:before { background: url("/resources/images/common/icon/icon_12_dropdowntree_close.png") no-repeat 0 0/1.2rem auto; }

.table-input-group.custom .table-input-item .k-dropdowntree .k-multiselect-wrap ul li .k-select .k-icon:before, .table-input-group.custom .form-field .k-multiselect .k-multiselect-wrap ul li .k-select .k-icon:before { content: ''; position: static; display: block; width: 100%; height: 100%; }

.table-input-group.custom .table-input-item .k-input:read-only { border: none; }

#content .table-input-group.custom .table-input-item span.k-clear-value {position: absolute; top: 6px; right: 20px; z-index: 1; display:none;}