@charset "utf-8";

body {
    background: #F0F2F7;
}

.wrapper {
    position: relative;
    width: 100%;
    min-width: 1200px;
    min-height: 700px;
}
input.han {ime-mode:active;}

.gnb {position: fixed;z-index:3;top:0;left:0;width: 200px;height: 100%;background: linear-gradient(180deg, #041F7E 0%, #2A4ABB 100%);
border-bottom-right-radius: 16px;}
.gnb-scroll { padding-top: 30px;height:100%; }
.gnb-scroll > div {height: 100%;}
.gnb-logo {margin-left: 20px;} /* width: 102px;height: 40px; */
.gnb-logo > a {display:flex;align-items: center;gap:5px;overflow: auto;}
.gnb-logo > a > img:nth-child(1) {display:block;width: 45px;}
.gnb-logo > a > img:nth-child(2) {display:block;width: 57px;}
.gnb-btn-fold {position: absolute;width: 24px;height: 24px;right:-12px;z-index: 5;top: 20px;background:#fff;border: 1px solid #041F7E;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.gnb-btn-fold:hover {background:#ebebeb}
.gnb-btn-fold img:nth-child(1) {display:inline}
.gnb-btn-fold img:nth-child(2) {display:none}
.gnb-menu-list {position: relative; margin-top: 20px;width:calc(100% - 10px);max-height: calc(100% - 140px);overflow-x: hidden;overflow-y: auto;}
.gnb-menu-list::-webkit-scrollbar { width: 3px; }
.gnb-menu-list::-webkit-scrollbar-thumb { border-radius: 50px; background-color: #fff; }
.gnb-menu-list::-webkit-scrollbar-track { border-radius: 50px; }
.gnb-menu-list::-webkit-scrollbar-button { display: none; }
.gnb-menu-item + .gnb-menu-item {margin-top: 10px; }
.gnb-menu-item > a {position: relative;display: block;width: 100%;padding: 14px 24px;}
.gnb.folded .gnb-menu-item > a { padding: 5px 24px; }


.gnb-menu-item > a > span {display:inline-block;font-size:15px;color: rgba(255, 255, 255, .8);}
.gnb-menu-item > a > img {display:none;padding-top:5px;width:30px;height:35px}
/* .gnb-menu-item.active > a {opacity: 1;} */
.gnb-menu-item.active > a > span { font-weight: 700; color: #fff; }
/* .gnb-menu-item.active > a::before {content: '';display: block;width: 2px;height: 100%;background: #ffffff;position: absolute;top: 0;left: 0;} */
/* sub menu */
.gnb:not(.folded) .gnb-menu-item:has(.gnb-sub-list) > a::after { content: ''; position: absolute; top: 50%; right: 10px; width: 16px; height: 16px; transform: translateY(-50%); background: url(../img/gnb-icon-arrow-bottom.png) no-repeat; background-size: cover; }
.gnb:not(.folded) .gnb-menu-item:has(.gnb-sub-list).is-active > a::after { background-image: url(../img/gnb-icon-arrow-top.png); }
.gnb-menu-item:has(.gnb-sub-list).is-active .gnb-sub-list { max-height: 320px; padding: 8px 0 8px 15px; visibility: visible; }
.gnb-sub-list { margin-left: 30px; padding-left: 15px; border-left: 1px solid rgba(255, 255, 255, .5); max-height: 0; visibility: hidden; overflow: hidden; transition: max-height .3s ease, visibility .3s ease, padding .3s ease; }
.gnb-sub-item + .gnb-sub-item { margin-top: 12px; }
.gnb-sub-item > a > span { display: inline-block; font-size: 14px; line-height: 18px; color: rgba(255, 255, 255, .6); }
.gnb-sub-item.active > a > span  { font-weight: 600; color: #fff; }

.gnb-copyright {position: absolute;left: 20px;bottom: 20px;font-size: 10px;color: #ffffff}

.gnb.folded .gnb-logo > a > img:nth-child(2) {display:none}
.gnb.folded .gnb-menu-item > a > span {display:none}
.gnb.folded .gnb-menu-item > a > img {display:inline-block}
.gnb.folded .gnb-copyright {display:none}
.gnb.folded .gnb-btn-fold img:nth-child(1) {display:none}
.gnb.folded .gnb-btn-fold img:nth-child(2) {display:inline}
@media (max-height: 630px) {
    .gnb-copyright {display: none;}
    .gnb-menu-list {margin-bottom:20px}
}

.topbar {position: fixed;top: 0;left:200px;z-index: 2;background: #ffffff;width: calc(100% - 200px);height: 127px;border-bottom: 1px solid #dcdce1;}
.gnb.folded + .topbar {left:80px;width:calc(100% - 80px);}

.topbar > h1 {position: absolute;top: 32px;left: 40px;display: inline-block;font-size: 24px;color: #000000;}
.topbar-utilbar {position: absolute;top: 32px;right: 40px;overflow: auto;}
.topbar-utilbar > * {float: left;height:20px;line-height:20px;font-size:12px;color:#000000}
.topbar-utilbar a {color: #a0a0a0;}
.topbar-utilbar a:hover {color: #000000;}
.topbar-utilbar-user > strong {padding-left: 10px;padding-right: 2px;color: #041F7E;font-weight: 400;}
.topbar-utilbar-logontimer {position: relative;margin-left: 32px;padding-left: 24px;background: url(../img/icon-timer.png) no-repeat;background-size:20px 20px}
.topbar-utilbar-logout {margin-left: 16px;}
@media (max-width: 780px) {
    .topbar-utilbar {display: none;}
}
.topbar-menu-list {overflow: auto;position: absolute;left: 12px;bottom: 0;}
.topbar-menu-item {float:left;display:block;margin-left: 24px;}
.topbar-menu-item > a {color: #b4b4b4;font-size: 12px;}
.topbar-menu-item.active {color: #000000;padding: 0 20px 8px 4px;border-bottom: 3px solid #041F7E;}
.topbar-menu-item.active > a {color:#000000}
.topbar-menu-item > a:hover {color:#000000}

.topbar-leftbar {position: absolute;left: 40px;bottom: 14px;}
.topbar-rightbar {position: absolute;right: 40px;bottom: 14px;}


.login-wrapper {position: relative;width: 100%;height: 100%;background-image: url(../img/login-bg.jpg);-webkit-background-size: cover;background-size: cover;}
.login-cover {width: 100%;height: 100%;opacity: 0.4;background: #196ecd;background-image: linear-gradient(337deg, #196ecd, #50afc3 45%, #50afc3);}
.login-box {width: 464px;height: 359px;border-radius: 4px;box-shadow: 0 2px 6px 0 #6d7278;background-color: #ffffff;position: absolute;top: calc(50% - 180px);left: calc(50% - 232px);}
.login-box-header {position: relative;width: 100%;height: 89px;border-top-left-radius: 4px;border-top-right-radius: 4px;background: linear-gradient(90deg, #041F7E 0%, #2A4ABB 100%);
}
.login-box-header > h1 {color: #fff;display: block;margin: 0 auto;width: 128px;padding-top: 63px;font-weight: 600;text-align: center;font-size: 13px;letter-spacing: 6px;position: relative}
.login-box-header > h1:before {content: '';display: block;width: 128px;height: 35px;background: url(../img/logo-axago-128x35@2x.png) no-repeat center center;-webkit-background-size: 128px 35px;background-size: 128px 35px;position: absolute;top: 16px;left: 0;}
.login-box-form {padding: 24px 60px 0;position:relative}
.login-box-form > li {margin-top: 16px;text-align: center;}
.login-box-form > li > input,
.login-box-form > li > button {width: 100%;height: 34px;}
.login-box-form > li > div {display: inline-block;}
.login-box-form > li > div > a {height: 20px;line-height:20px;color:#000000;font-size:12px;display:inline-block;float:left}
.login-box-form > li > div > .divider {background: #dcdce1;width: 1px;height: 20px;display:inline-block;float:left;margin: 0px 45px;border-radius:4px}

.loading {position:fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999}
.loading-box {width: 120px;height: 44px;position: absolute;top: calc(50% - 55px);left: calc(50% - 35px);padding-top: 5px;overflow: hidden;}
.loading-car {width: 70px;height: 34px;background: url(../img/loading-car.png) no-repeat center center;-webkit-background-size: 70px 34px;background-size: 70px 34px;}

.mask {display:block;background-color: #000000;opacity: 0.8;width: 100%;height: 100%;}



.content-wrapper {position: relative;width:100%;padding: 127px 0 40px 200px;}
.gnb.folded + .content-wrapper {padding-left: 80px;}

.content{width: 100%;height:auto;padding:0 40px;}

.content-search-box {position: relative;width: 100%;padding: 24px 0;border-bottom: 1px solid #dcdce1;overflow: hidden}
.content-search-box > div {float: left;display: block;overflow: hidden;}
.content-search-box > div > * + * {margin-left: 12px}
.content-search-input-box {float: left;}
.content-search-input-box > .content-search-input-line {height: 34px;overflow: hidden;}
.content-search-input-box > .content-search-input-line + .content-search-input-line {margin-top: 12px;}
.content-search-input-box > .content-search-input-line > li {float: left;margin-right: 36px;}
.content-search-input-box > .content-search-input-line > li:last-child {margin-right: 0;}
.content-search-input-box > .content-search-input-line > li > * {float: left}
.content-search-input-box > .content-search-input-line > li > * + * {margin-left: 12px;}

.form-label {display: inline-block;font-weight: 700;height: 34px;line-height: 34px;font-size: 12px;}
.form-label + * {margin-left: 12px;}
.form-label + input[type=radio] + label,
.form-label + input[type=checkbox] + label {margin-left: 12px;}
.radio-circle > input[type=radio] + label {position: relative;display: inline-block;height: 40px;line-height: 40px;padding-left: 34px;}

.form-items {overflow: hidden;}
.form-items > li {float:left;overflow: hidden;padding-bottom: 12px;width:100%}
.form-items > li > * {float: left;}
.form-items > li > .form-label {width: 62px;}
.form-items > li > .form-label + * {width: calc(100% - 62px - 12px)}
.form-items.col1 > li {width: 100%;}
.form-items.col2 > li {width: calc(50% - 18px);margin-left: 36px;}
.form-items.col2 > li:nth-child(2n+1) {margin-left: 0;}
.form-items.col3 > li > .form-label {width: 110px;}
.form-items.col3 > li > .form-label + * {width: calc(100% - 110px - 12px)}

.content-search-btn-box {float: left;}

.content-box {width: 100%;}
.content-box > .nodata {font-size: 14px;color: #b4b4b4;text-align: center;padding-top: 200px;}

.content-section {margin-top: 40px;}
.content-section:first-child {margin-top: 24px;}
.content-section-header {display:table;width:100%;font-size: 12px;padding-bottom: 8px;overflow: auto;}
.content-section-header > div { display: table-cell; vertical-align: bottom}
.content-section-header h4 {display:inline-block;font-weight: 700;padding-right: 12px;}
.content-section-header .result-count {display:inline;color: #969696}
.content-section-header .result-count > strong {color: #041F7E;padding-left:6px}
.content-section-header-util {text-align: right;}
.content-section-header-util > div {display:inline-block;}
.content-section-header-util > div > *  {float:left;margin-left: 12px;}
.content-section-header-util > div > *:first-child {margin-left: 0}
.content-section-body {background: #ffffff;padding: 14px;border: 1px solid #dbdbe1;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;width: 100%;}
.content-section-footer {position:relative;margin-top: 8px;height:34px;text-align:center}
.content-section-footer-btn-box {float: right}
.content-section-footer-btn-box > * {float: left;margin-left: 12px;}
.content-section-footer-btn-box > *:first-child {margin-left: 0;}

.table-header {padding: 0 0 8px;width: calc(100% - 30px);border-bottom: 1px solid #dcdce1;}
.table-header > table {border: none;width: 100%;table-layout:fixed;}
.table-header > table th {font-size: 12px;color: #969696;text-align: left;padding-left: 14px;font-weight:400}
.table-header > table th:last-child {padding-right: 14px;}

.table-header + .table-body {margin-top: 8px;}
.table-body {padding: 0 0 8px 0;width: 100%;overflow: hidden;height: 360px;}
.table-body.compact0 {height: 596px}
.table-body.compact1 {height: 534px}
.table-body.compact2 {height: 500px}
@media (max-height: 960px) {
    .table-body.compact1 {height: 609px}
    .table-body.compact1 {height: 514px}
    .table-body.compact2 {height: 480px}
}

.table-body table {border: none;width: calc(100% - 30px);table-layout:fixed;}
.table-body.scrollable table {width: 100%;}
.table-body table td {font-size: 12px;color: #000000;text-align: left;padding: 10px 0 10px 14px;vertical-align: middle;height: 56px;position: relative;}
.table-body table td:last-child {padding-right: 14px}
.table-body table tr {border-bottom: 1px solid #eaeaef;}
.table-body table tr:last-child {border-bottom: none;}
.table-body table tr:hover {background-color:#F0F2F7}
.table-right-cont table td {text-align:right;padding:10px 14px 10px 0;}
.table-right-cont table td.left-cell {text-align:left;padding:10px 14px;}

.table-body table tr.warn  {background-color: rgba(25, 110, 205, 0.1);}
.table-body table tr.warn:hover  {background-color: rgba(25, 110, 205, 0.2);}
.table-body table tr.critical {background-color: rgba(255, 85, 95, 0.1)}
.table-body table tr.critical:hover {background-color: rgba(255, 85, 95, 0.2)}

.table-header table th.checkbox,
.table-body table td.checkbox {position:relative}
.table-header table th.checkbox > label,
.table-body table td.checkbox > label {height:22px;line-height:22px;}
.table-header table th.checkbox > label:before,
.table-header table th.checkbox > label:after,
.table-body table td.checkbox > label:before,
.table-body table td.checkbox > label:after{top:3px}

.table-body table td.left-button {position: relative;padding-left:54px}
.table-body table td.left-button > .btn {position: absolute;top: 10px;left: 14px;}
.table-body table td.left-button > :not(.btn) {float:left;}
.table-body table td.left-button > .text-ellipsis {width:calc(100% - 10px)}

.table-nodata {text-align: center !important;padding: 60px 44px 60px 14px !important;}

.table-vert {padding: 0;width: 100%;}
.table-vert > table {border: none;width: 100%;table-layout:fixed;}
.table-vert > table tr:nth-child(2n) {border-bottom: 1px solid #dcdce1;}
.table-vert > table tr.bb-line {border-bottom: 1px solid #dcdce1;}
.table-vert > table tr:last-child {border-bottom: none}
.table-vert > table th {font-size: 12px;color: #969696;text-align: left;padding: 14px 0 0 14px;font-weight:400}
.table-vert > table td {font-size: 12px;color: #000000;text-align: left;padding: 4px 0 14px 14px;font-weight:400;position: relative;vertical-align: middle}
.table-vert > table th:last-child, .table-vert > table td:last-child {padding-right: 14px;}
.table-vert > table tr:first-child > th { padding-top: 0}
.table-vert > table tr:last-child > td {padding-bottom: 0}

.table-vert .right-middle-button {position: relative;width: 100%;height: 100%;}
.table-vert .right-middle-button > div {position: absolute;top:10px;left:0;right:0;bottom:0}
.table-vert .right-middle-button > div > .btn {position: absolute;top: calc(50% - 15px);right: 0}
.table-vert > table td:last-child .right-middle-button > div > .btn {right:14px}

.table-vert .left-middle-button {position: relative;width: 100%;height: 100%;}
.table-vert .left-middle-button > div {position: absolute;top:10px;left:0;bottom:0}
.table-vert .left-middle-button > div > .btn {position: absolute;top: calc(50% - 15px)}
.table-vert > table td:last-child .left-middle-button > div > .btn {left:14px}

.table-vert.table-vert-row3 > table > tbody > tr:nth-child(2n) {border-bottom: none;}
.table-vert.table-vert-row3 > table > tbody > tr:nth-child(3n - 1) > td {padding-bottom: 0}
.table-vert.table-vert-row3 > table > tbody > tr:nth-child(3n + 1) {border-top: 1px solid #dcdce1;}
.table-vert.table-vert-row3.table-form > table > tbody > tr:nth-child(3n + 1) {border-top: none;}
.table-vert.table-vert-row3 > table > tbody > tr:first-child,
.table-vert.table-vert-row3 > table > tbody > tr:last-child {border-top: none;}

.inner-table {padding: 13px 0 0 !important;}
.table-vert.table-vert-row3 > table tr:last-child .inner-table {padding-top: 0 !important;}
.inner-table > .table-vert {display:none;background-color: #f5f5f5;padding: 14px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.table-vert.table-vert-row3 > table tr.open > .inner-table { padding-top: 13px !important; padding-bottom: 8px !important }
.table-vert.table-vert-row3 > table tr.open > .inner-table > .table-vert {display: block; }
.table-vert.table-vert-row3 > table tr.open + tr { border-top: none }
.table-vert.table-vert-row3 > table > tbody> tr > td > .right-middle-button > .btn {position: absolute;top: auto;bottom:0;right: 0}
.table-vert.table-vert-row3 > table > tbody> tr > td > .left-middle-button > .btn {position: absolute;top: auto;bottom:0;}


.table-form > table th {color: #000000;font-weight: 700;padding-top:0}
.table-form > table th > label {color: #000000;font-weight: 700;}
.table-form > table td > :first-child {width:100%}
.table-form > table tr:nth-child(2n) {border-bottom:none}

.table-data table {border: none;position:relative}
.table-data table th {font-weight: 700;padding: 0 10px}
.table-data table td {font-size: 12px;color: #000000;text-align: left;padding: 6px 10px;vertical-align: middle;height: 56px;position: relative;border:1px solid #dcdce1}
.table-data table td:last-child {padding-right: 14px}
.table-data table tr:hover {background:#F0F2F7}

.inner-table {padding: 13px 0 0 !important;}
.table-vert.table-vert-row3 > table tr:last-child .inner-table {padding-top: 0 !important;}
.inner-table > .table-vert {display:none;background-color: #f5f5f5;padding: 14px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.table-vert.table-vert-row3 > table tr.open > .inner-table { padding-top: 13px !important; padding-bottom: 8px !important }
.table-vert.table-vert-row3 > table tr.open > .inner-table > .table-vert {display: block; }
.table-vert.table-vert-row3 > table tr.open + tr { border-top: none }


.content-section-detail-head {margin-top: 20px;overflow: hidden;}
.content-section-detail-cont {margin-top: 30px;background: #f5f5f5;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding: 14px;overflow: hidden;}


.item-scroll-list {
    border: 1px solid #dcdce1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 6px 0 6px 8px;
}
.item-scroll-list ul {width: calc(100% - 30px)}
.item-scroll-list.scrollable ul {width: 100%}

.select-items > li > input[type=radio],
.select-items > li > input[type=checkbox] {display: none;}
.select-items > li > input[type=radio] + label,
.select-items > li > input[type=checkbox] + label {
    display: block;
    padding: 8px 6px 8px 14px;
    color: #b4b4b4;
    font-size: 12px;
    line-height: 1.5;
    height: auto;
}
.select-items > li > input[type=radio] + label:before,
.select-items > li > input[type=checkbox] + label:before,
.select-items > li > input[type=radio] + label:after,
.select-items > li > input[type=checkbox] + label:after {display: none !important;}
.select-items > li > input[type=radio]:checked + label,
.select-items > li > input[type=checkbox]:checked + label {background: #F0F2F7;color: #000}
.select-items > li > input[type=radio] + label:hover,
.select-items > li > input[type=checkbox] + label:hover {background: #f0f3f5;}

.notice-detail-title { padding: 0 14px }
.notice-detail-title > span {float:left;font-size: 14px;}
.notice-detail-title > .title { width: calc(100% - 210px) }
.notice-detail-title > .writer { width: 120px }
.notice-detail-title > .date { width: 90px; }
.notice-detail-content {white-space: pre-line;display: block;}


.stats-tag {display: block;background: #F0F2F7;color: #000;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.page-navi {overflow: hidden;padding:6px 0;display:inline-block}
.page-navi a {float: left;display: block;margin-left: 8px;font-size: 12px;color: #b4b4b4;width: 32px;height: 22px;line-height: 22px;text-align:center}
.page-navi a:hover {color:#000000}
.page-navi a.active {color:#041F7E}
.page-navi .page-btn {text-indent: -9999px;width: 22px;background-color:#fff;border: 1px solid #dcdce1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.page-navi .page-btn.prev-end {background: #fff url(../img/page-navi-icon-left2.png) no-repeat center center;background-size:14px 14px}
.page-navi .page-btn.prev {background: #fff url(../img/page-navi-icon-left1.png) no-repeat center center;background-size:14px 14px}
.page-navi .page-btn.next {background: #fff url(../img/page-navi-icon-right1.png) no-repeat center center;background-size:14px 14px}
.page-navi .page-btn.next-end {background: #fff url(../img/page-navi-icon-right2.png) no-repeat center center;background-size:14px 14px}
.page-navi .page-btn.disabled {background-color:#F0F2F7;cursor: default;}
.page-navi .page-btn:hover:not(.disabled) {background-color: #ebebeb;}


.popup {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10000;background-color: rgba(0, 0, 0, 0.3);display: none;overflow: auto;}
.popup > div {position: absolute;bottom: 50%;right: 50%;-webkit-transform: translate(50%, 50%);-moz-transform: translate(50%, 50%);-ms-transform: translate(50%, 50%);-o-transform: translate(50%, 50%);transform: translate(50%, 50%);width: 600px;border-radius: 4px;box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.3);border: 1px solid #dcdce1;background-color: #ffffff;padding: 24px 14px 14px;}
.popup-header {overflow: hidden;padding-bottom: 8px;border-bottom: 1px solid #dcdce1;margin-bottom: 14px;}
.popup-header-cont-title {padding-bottom: 0;border-bottom: none;margin-bottom: 8px}
.popup-header > .popup-title {float:left;height: 20px;line-height: 20px;font-size: 12px;color: #969696}
.popup-header > .popup-close {float: right;width: 20px;height: 20px;}
.popup-body {overflow:hidden}
.popup-footer {padding: 14px 0 0; text-align: center}
.popup-footer > div {display: inline-block;overflow: hidden;}
.popup-footer > div > * {float: left;margin-left: 12px;}
.popup-footer > div > *:first-child {margin-left: 0;}

.popup-body-title {display:block;font-size:12px;}
.popup-body-title-box {display:block;border: 1px solid #dcdce1;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;background:#F0F2F7;padding: 10px;overflow: hidden;}
.popup-body-title-box > label {display: inline-block;height:24px;line-height:24px;padding:0 14px;background: #000000;color:#ffffff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;float: left;margin: 6px 10px 0 0;}
.popup-body-title-box > div {display:table;height: 36px;}
.popup-body-title-box span {display: table-cell;vertical-align: middle;}
.popup-header-cont-title + .popup-body > .content-section {margin-top: 14px;}

.popup-body .content-section {margin-top: 24px;}

.popup-body .table-body table td.no-data {font-weight: 400; width: 100%; text-align: center; padding-top: 100px; color: #c8c8c8;}

.popup.alert > div {min-width: 300px;width: auto}
.popup-message {display: block;position:relative;font-size: 14px;text-align: center;padding: 20px 8px;white-space: pre-line}

.mCSB_scrollTools .mCSB_dragger {height: 30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width: 8px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;border: 1px solid #dcdce1;background: #ffffff;}
.mCSB_scrollTools .mCSB_draggerRail {width: 4px;background: #dcdce1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}


input, select {display: inline-block;color: #000000;width: 180px;height: 34px;border-radius: 4px;border: 1px solid #dcdce1;background-color: #ffffff;font-size: 12px;padding: 0 14px;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #ffffff url(../img/select-icon-arrow.png) no-repeat calc(100% - 8px) 50%;background-size:8px 4px;padding-right: 20px }
select::-ms-expand {display: none;}

textarea {display: inline-block;color: #000000;width: 180px;height: 145px;border-radius: 4px;line-height: 1.5;border: 1px solid #dcdce1;background-color: #ffffff;font-size: 12px;padding: 14px;resize: none;}

:-ms-input-placeholder {color: #b4b4b4;font-size: 12px;}
::placeholder {color: #b4b4b4;font-size: 12px;}
input:focus, select:focus {border: 1px solid #041F7E;border-radius: 4px;outline: none;}
input:read-only, input:disabled, select:disabled {background-color: #ebebeb;color: #969696;}
.readonly, .disabled {background-color: #ebebeb;color: #969696;}

input[type=checkbox] {display: none}
input[type=checkbox] + label {position: relative;display: inline-block;padding-right: 22px;height: 34px;cursor: pointer;font-size: 12px;line-height: 34px;}
input[type=checkbox] + label > span {padding-right: 8px;font-weight: 700;}
input[type=checkbox] + label:after {content: '';position: absolute;display: block;top: 6px;right: 0;width: 22px;height: 22px;background: url(../img/icon-checkbox.png) no-repeat center center;background-size:22px 22px}
input[type=checkbox]:disabled + label:after {background: url(../img/icon-checkbox-disabled.png) no-repeat center center;background-size:22px 22px;cursor: default;}
input[type=checkbox]:checked + label:after {background: url(../img/icon-checkbox-checked.png) no-repeat center center;background-size:22px 22px}

input[type=radio] {display: none}
input[type=radio] + label {position: relative;display: inline-block;padding-left: 22px;height: 34px;cursor: pointer;font-size: 12px;line-height: 34px;}
input[type=radio] + label > span {padding-left: 8px;font-weight: 700;}
input[type=radio] + label:before {content: '';position: absolute;display: block;top: 6px;left: 0;width: 22px;height: 22px;background: url(../img/icon-radio.png) no-repeat center center;background-size:22px 22px}
input[type=radio]:disabled + label:before {background: url(../img/icon-radio-disabled.png) no-repeat center center;background-size:22px 22px;cursor:default}
input[type=radio]:checked + label:before {background: url(../img/icon-radio-checked.png) no-repeat center center;background-size:22px 22px}
input[type=radio] + label + input[type=radio] + label {margin-left: 12px;}

.form-cal {position: relative;overflow:auto;display: inline-block;width: 140px;background: #fff;border-radius: 4px;}
.form-cal > input {float:left;width: calc(100% - 34px);border-top-right-radius: 0;border-bottom-right-radius: 0;}
.form-cal > input:read-only {background: #ffffff;color: #000000;}
.form-cal > a {float:right;width: 34px;height: 34px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border: 1px solid #dcdce1;border-left: none;background: #ffffff url(../img/icon-cal.png) no-repeat center center;-webkit-background-size: 20px 20px;background-size: 20px 20px;text-indent: -9999px;}
.form-cal > a:hover {background-color: #ebebeb;}

.form-file {overflow: hidden;}
.form-file > input[type=text] {float: left;width: calc(100% - 84px);}
.form-file > .btn {float: right;}

.form-cal-space {margin-left: 6px !important;line-height: 34px;height: 34px;display: inline-block;}
.form-cal-space + .form-cal {margin-left: 6px !important;}

.form-datetime {position: relative;display: block;overflow: hidden;height: 34px;}
.form-datetime > * {position:absolute;width:calc(50% - 4px);display:block }
.form-datetime > :nth-child(1) {left: 0;}
.form-datetime > :nth-child(2) {right: 0}
.form-datetime > * > * {width:100%}

.form-with-icon {position: relative;overflow:auto;display: inline-block;width: 180px;background: #fff;border-radius: 4px;}
.form-with-icon > input {float:left;width: calc(100% - 34px);border-top-right-radius: 0;border-bottom-right-radius: 0;}
.form-with-icon > input:read-only {background: #ffffff;color: #000000;}
.form-with-icon > a {float:right;display:block;width: 34px;height: 34px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border: 1px solid #dcdce1;border-left: none;text-indent: -9999px;}
.form-with-icon.form-icon-search > a {background: #ffffff url(../img/icon-search-black-20x20.png) no-repeat center center;-webkit-background-size: 20px 20px;background-size: 20px 20px;}
.form-with-icon > a:hover {background-color: #ebebeb;}

.form-authnum {position: relative;font-size: 12px;}
.form-authnum > input {width: 100%;padding-right: 70px;}
.form-authnum > span {position: absolute;top: 7px;right: 8px;height: 20px;line-height: 20px;background: #ebebeb;padding: 0 6px;border-radius: 2px;}

.form-err-msg {display:none;font-size: 12px;color: #ff1721;padding: 6px 2px 2px;text-align:left}


.icn {display:inline-block;width: 18px;height: 18px;-webkit-background-size: 18px 18px;background-size: 18px 18px;}
.icn-new {background-image: url(../img/app/icon-new@2x.png)}
.icn-clip {background-image: url(../img/icon-clip@2x.png)}

.btn > .icn {
    margin-top: 6px;
    margin-right: 6px;
    float:left;
}


.btn {position: relative;padding: 0 15px;border: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width: auto;min-width: 64px;height: 34px;line-height: 34px;display: inline-block;text-align: center;color: #ffffff;font-size: 12px;cursor: pointer;outline:none}
.btn.btn-mint {background:#041F7E;}
.btn.btn-mint:hover {background:#0D1A46;}
.btn.btn-red {background:#E63832;}
.btn.btn-red:hover {background: #eb505a;}
.btn.btn-negative {background:#ffffff;color:#000000;border:1px solid #dcdce1}
.btn.btn-negative:hover {background: #ebebeb;}
.btn.btn-blue {background:#196ecd;}
.btn.btn-blue:hover {background: #195db9;}
.btn.btn-blue-text {background:#ffffff;color:#196ecd;border:1px solid #196ecd}
.btn.btn-blue-text:hover {background: #ebebeb;}
.btn.btn-purple {background:#915fd2;}
.btn.btn-purple:hover {background: #884fbe;}
.btn.btn-yellow {background:#f5db55;}
.btn.btn-yellow:hover {background: #e1c752;}
.btn.btn-orange {background:#f5aa55;}
.btn.btn-orange:hover {background: #e19754;}
.btn.btn-black {background:#505050;}
.btn.btn-black:hover {background: #3c3c3c;}
.btn.btn-white {background:#ffffff;color:#000000;border:1px solid #dcdce1}
.btn.btn-white:hover {background: #ebebeb;}
.btn.btn-white:disabled {background: #ebebeb;cursor:default}

.btn-square {width: 34px;min-width:34px}
.btn-square-20 {width: 24px;height:24px;min-width: 24px;padding:0}
.btn-square-30 {width: 30px;height:30px;min-width: 30px;padding:0}

.btn.btn-small {height: 24px;line-height: 24px;padding: 0 12px;font-size: 10px;}

.btn-icon {text-indent: -9999px;position:relative}

.btn-icon-arrow-up::before {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-arrow-up-20x20.png) no-repeat center center;background-size:20px 20px}
.btn-icon-arrow-down::before {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-arrow-down-20x20.png) no-repeat center center;background-size:20px 20px}

.btn-icon-gps::before {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-gps-13x17.png) no-repeat center center;background-size:13px 17px}
.btn-icon-photo::before {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-photo@2x.png) no-repeat center center;background-size:16px 14px}
.btn-icon-clamp-down::before {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-clamp-down@2x.png) no-repeat center center;background-size:16px}
.btn-icon-clamp-up::before {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-clamp-up@2x.png) no-repeat center center;background-size:16px}

.btn-icon-clamp-right-down, .btn-icon-clamp-right-up {padding-right: 28px;}
.btn-icon-clamp-right-down::before {content: '';position:absolute;top:calc(50% - 7px);right:6px;z-index:1;display:block;width: 16px;height: 16px;background: url(../img/icon-clamp-down@2x.png) no-repeat center center;background-size:16px}
.btn-icon-clamp-right-up::before {content: '';position:absolute;top:calc(50% - 5px);right:6px;z-index:1;display:block;width: 16px;height: 16px;background: url(../img/icon-clamp-up@2x.png) no-repeat center center;background-size:16px}

.btn-icon-search {text-indent: -9999px;}
.btn-icon-search::before {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-search-20x20.png) no-repeat center center;background-size:20px 20px}
.btn-icon-search.small::before {background: url(../img/icon-search-16x16.png) no-repeat center center;background-size: 16px 16px}

.btn-icon-search-black {text-indent: -9999px;}
.btn-icon-search-black::before {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-search-black-16x16.png) no-repeat center center;background-size:20px 20px}
.btn-icon-search-black.small::before {background: url(../img/icon-search-black-16x16.png) no-repeat center center;background-size: 16px 16px}

.btn-prev-seq,
.btn-next-seq {width: 20px;min-width: 20px;padding:0;text-indent: -9999px;position: relative;}
.btn-prev-seq::before  {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-arrow-left-14x14.png) no-repeat center center;background-size:14px 14px}
.btn-next-seq::before  {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-arrow-right-14x14.png) no-repeat center center;background-size:14px 14px}

.btn-push-add { text-align: left }
.btn-push-add:after {content: '';position: absolute;background: url(../img/icon-arrow-right-20x20@2x.png) no-repeat center center;display: block;width: 20px;height: 20px;-webkit-background-size: 20px;background-size: 20px;top: 8px;right: 12px;}
.btn-push-del { text-align: right }
.btn-push-del:after {content: '';position: absolute;background: url(../img/icon-arrow-left-20x20@2x.png) no-repeat center center;display: block;width: 20px;height: 20px;-webkit-background-size: 20px;background-size: 20px;top: 8px;left: 12px;}

.border-r3 {-webkit-border-radius: 3px !important;-moz-border-radius: 3px !important;border-radius: 3px !important;}
.border-black {border:1px solid #000 !important}
.border-t1 {border-top: 1px solid #dcdce1 !important;}
.border-b1 {border-bottom: 1px solid #dcdce1 !important;}
.border-dot-l1 {border-left: 1px dotted #dcdce1 !important;}
.border-dot-b1 {border-bottom: 1px dotted #dcdce1 !important;}

.inner-icon {padding-right: 26px !important;position: relative;}
.inner-icon:after {content: '';width: 18px;height: 18px;-webkit-background-size: 18px 18px;background-size: 18px 18px;display: block;position: absolute;right: 0;top: calc(50% - 9px)}
.inner-icon-new:after {background-image: url(../img/icon-new@2x.png)}
.inner-icon-r12 {padding-right: 38px !important}
.inner-icon-r12:after {right: 12px !important}

.label-black {display: inline-block;height:24px;line-height:24px;padding:0 14px;background: #000000;color:#ffffff;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

.round-box {display:block;font-size:12px;border: 1px solid #dcdce1;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding:10px 14px;}


.marker-a, .marker-1 {background: url(../img/marker/img_mark_A.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-b, .marker-2 {background: url(../img/marker/img_mark_B.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-c, .marker-3 {background: url(../img/marker/img_mark_C.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-d, .marker-4 {background: url(../img/marker/img_mark_D.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-e, .marker-5 {background: url(../img/marker/img_mark_E.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-f, .marker-6 {background: url(../img/marker/img_mark_F.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-g, .marker-7 {background: url(../img/marker/img_mark_G.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-h, .marker-8 {background: url(../img/marker/img_mark_H.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-i, .marker-9 {background: url(../img/marker/img_mark_I.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-j, .marker-10 {background: url(../img/marker/img_mark_J.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-k, .marker-11 {background: url(../img/marker/img_mark_K.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-l, .marker-12 {background: url(../img/marker/img_mark_L.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-m, .marker-13 {background: url(../img/marker/img_mark_M.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-n, .marker-14 {background: url(../img/marker/img_mark_N.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-o, .marker-15 {background: url(../img/marker/img_mark_O.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-p, .marker-16 {background: url(../img/marker/img_mark_P.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-q, .marker-17 {background: url(../img/marker/img_mark_Q.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-r, .marker-18 {background: url(../img/marker/img_mark_R.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-s, .marker-19 {background: url(../img/marker/img_mark_S.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-t, .marker-20 {background: url(../img/marker/img_mark_T.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-u, .marker-21 {background: url(../img/marker/img_mark_U.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-v, .marker-22 {background: url(../img/marker/img_mark_V.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-w, .marker-23 {background: url(../img/marker/img_mark_W.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-x, .marker-24 {background: url(../img/marker/img_mark_X.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-y, .marker-25 {background: url(../img/marker/img_mark_Y.png) no-repeat center center;display:block;width:32px;height:44px}
.marker-z, .marker-26 {background: url(../img/marker/img_mark_Z.png) no-repeat center center;display:block;width:32px;height:44px}

.marker-a:hover, .marker-1:hover, .marker-a.active, .marker-1.active {background: url(../img/marker/img_mark_A_over.png) no-repeat center center;}
.marker-b:hover, .marker-2:hover, .marker-b.active, .marker-2.active {background: url(../img/marker/img_mark_B_over.png) no-repeat center center;}
.marker-c:hover, .marker-3:hover, .marker-c.active, .marker-3.active {background: url(../img/marker/img_mark_C_over.png) no-repeat center center;}
.marker-d:hover, .marker-4:hover, .marker-d.active, .marker-4.active {background: url(../img/marker/img_mark_D_over.png) no-repeat center center;}
.marker-e:hover, .marker-5:hover, .marker-e.active, .marker-5.active {background: url(../img/marker/img_mark_E_over.png) no-repeat center center;}
.marker-f:hover, .marker-6:hover, .marker-f.active, .marker-6.active {background: url(../img/marker/img_mark_F_over.png) no-repeat center center;}
.marker-g:hover, .marker-7:hover, .marker-g.active, .marker-7.active {background: url(../img/marker/img_mark_G_over.png) no-repeat center center;}
.marker-h:hover, .marker-8:hover, .marker-h.active, .marker-8.active {background: url(../img/marker/img_mark_H_over.png) no-repeat center center;}
.marker-i:hover, .marker-9:hover, .marker-i.active, .marker-9.active {background: url(../img/marker/img_mark_I_over.png) no-repeat center center;}
.marker-j:hover, .marker-10:hover, .marker-j.active, .marker-10.active {background: url(../img/marker/img_mark_J_over.png) no-repeat center center;}
.marker-k:hover, .marker-11:hover, .marker-k.active, .marker-11.active {background: url(../img/marker/img_mark_K_over.png) no-repeat center center;}
.marker-l:hover, .marker-12:hover, .marker-l.active, .marker-12.active {background: url(../img/marker/img_mark_L_over.png) no-repeat center center;}
.marker-m:hover, .marker-13:hover, .marker-m.active, .marker-13.active {background: url(../img/marker/img_mark_M_over.png) no-repeat center center;}
.marker-n:hover, .marker-14:hover, .marker-n.active, .marker-14.active {background: url(../img/marker/img_mark_N_over.png) no-repeat center center;}
.marker-o:hover, .marker-15:hover, .marker-o.active, .marker-15.active {background: url(../img/marker/img_mark_O_over.png) no-repeat center center;}
.marker-p:hover, .marker-16:hover, .marker-p.active, .marker-16.active {background: url(../img/marker/img_mark_P_over.png) no-repeat center center;}
.marker-q:hover, .marker-17:hover, .marker-q.active, .marker-17.active {background: url(../img/marker/img_mark_Q_over.png) no-repeat center center;}
.marker-r:hover, .marker-18:hover, .marker-r.active, .marker-18.active {background: url(../img/marker/img_mark_R_over.png) no-repeat center center;}
.marker-s:hover, .marker-19:hover, .marker-s.active, .marker-19.active {background: url(../img/marker/img_mark_S_over.png) no-repeat center center;}
.marker-t:hover, .marker-20:hover, .marker-t.active, .marker-20.active {background: url(../img/marker/img_mark_T_over.png) no-repeat center center;}
.marker-u:hover, .marker-21:hover, .marker-u.active, .marker-21.active {background: url(../img/marker/img_mark_U_over.png) no-repeat center center;}
.marker-v:hover, .marker-22:hover, .marker-v.active, .marker-22.active {background: url(../img/marker/img_mark_V_over.png) no-repeat center center;}
.marker-w:hover, .marker-23:hover, .marker-w.active, .marker-23.active {background: url(../img/marker/img_mark_W_over.png) no-repeat center center;}
.marker-x:hover, .marker-24:hover, .marker-x.active, .marker-24.active {background: url(../img/marker/img_mark_X_over.png) no-repeat center center;}
.marker-y:hover, .marker-25:hover, .marker-y.active, .marker-25.active {background: url(../img/marker/img_mark_Y_over.png) no-repeat center center;}
.marker-z:hover, .marker-26:hover, .marker-z.active, .marker-26.active {background: url(../img/marker/img_mark_Z_over.png) no-repeat center center;}

.map-box {position:relative;display:block;border: 1px solid #dcdce1;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;overflow:hidden}
.map {width:100%;height:100%;}
.map-opt-box {position: absolute;top: 14px;left: 14px;width: 240px;z-index: 20000;}
.map-opt-box.searched {bottom: 14px}
.map-opt-box > * {width: 100%;display: block;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.map-opt-result {position: absolute;display: block;bottom: 0;height: calc(100% - 84px);background: #fff;border-radius: 4px;}
.map-opt-result.map-opt-result-highway-wrap {height: calc(100% - 147px)}
.map-opt-result.map-opt-result-highway-wrap > div {position: relative;height: calc(100% - 12px);}
.map-opt-result.map-opt-result-highway-wrap > div:nth-child(2) {display: none}
.map-opt-result.map-opt-result-highway-wrap.result-cnt2 > div {display:block;position: relative;height: calc(50% - 6px);}
.map-opt-result.map-opt-result-highway-wrap.result-cnt2 > div:nth-child(2) > .map-opt-result-header {margin-top: 0;}
.map-opt-result.map-opt-result-empty {position: relative;font-size: 12px;color: #969696;height: 36px;line-height: 36px;margin-top: 14px;padding-left:16px}
.map-opt-result.map-opt-result-empty .map-opt-result-close {position:absolute;right: 6px;top:10px}
.map-opt-result-header {margin: 12px 8px 0;padding-bottom: 4px;overflow: hidden;}
.map-opt-result-cnt {font-size: 12px;color: #969696;float: left;}
.map-opt-result-cnt > strong {font-weight: 400;color: #041F7E;margin-left: 4px;}
.map-opt-result-close {float: right;width: 16px;height: 16px;}
.map-opt-result-close > a {display: block;width: 16px;height: 16px;background: url(../img/popup-icon-close.png) no-repeat center center;-webkit-background-size: 16px 16px;background-size: 16px 16px;text-indent: -9999px;}
.map-opt-result-body {position: absolute;width: 100%;bottom: 6px;height: calc(100% - 47px);padding: 6px 8px 14px 14px;}
.map-opt-result-body.with-footer {bottom:44px;height: calc(100% - 85px);}
.map-opt-result-body > .map-opt-result-region,
.map-opt-result-body > .map-opt-result-highway {padding-right: 14px;}
.map-opt-result-highway .btn-icon-arrow-up.active,
.map-opt-result-highway .btn-icon-arrow-down.active {background-color: #196ecd;border:none}
.map-opt-result-highway .btn-icon-arrow-up.active:hover,
.map-opt-result-highway .btn-icon-arrow-down.active:hover{background-color: #195db9;border:none}
.map-opt-result-highway .btn-icon-arrow-up.active::before {background: url(../img/icon-arrow-up-white-20x20.png) no-repeat center center;background-size:20px 20px}
.map-opt-result-highway .btn-icon-arrow-down.active::before {background: url(../img/icon-arrow-down-white-20x20.png) no-repeat center center;background-size:20px 20px}
/*.btn-icon-arrow-down::before {content: '';position:absolute;top:0;left:0;z-index:1;display:block;width: 100%;height: 100%;background: url(../img/icon-arrow-down-20x20.png) no-repeat center center;background-size:20px 20px}*/
.map-opt-result-region > li {overflow: hidden;padding: 14px 0; border-bottom: 1px solid #dcdce1 }
.map-opt-result-region > li:first-child {padding-top: 0}
.map-opt-result-region > li:last-child {padding-bottom: 0;border-bottom:none}
.map-opt-result-region > li > a {display: block;width: 100%;height: auto;padding-left: 34px;background-size: 20px 27px;background-position: 0 0;font-size: 12px;}
.map-opt-result-region > li > a:hover,
.map-opt-result-region > li > a.active {background-size: 20px 27px;background-position: 0 0;}
.map-opt-result-region > li > a > strong {display:block;font-size: 14px;font-weight: 700;padding-bottom: 2px;}
.map-opt-result-region > li > a > span {display:block;font-size: 12px;font-weight: 700;padding-bottom: 2px;color: #b4b4b4;}
.map-opt-result-footer {position: absolute;bottom: 12px;height: 34px;width: 100%;text-align: center;}
.map-opt-result-footer .page-navi > a:not(.page-btn) {width: 22px;}

.map-opt-result-header-highway {overflow: hidden;float:left;width: calc(100% - 30px);}
.map-opt-result-header-highway > div {float:left;width: 50%;text-align: center;font-size: 12px;font-weight: 700;padding: 0 6px;height: 18px;}
.map-opt-result-highway > li {overflow: hidden;display:table;width: 100%;padding:10px 0}
.map-opt-result-highway > li:nth-child(2n+1) {background: #f0f0f0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 6px 0;}
.map-opt-result-highway > li > div {display: table-cell;vertical-align: middle;width: 50%;text-align: center;font-size: 12px;padding: 0 6px;}

.bubble {position: absolute;width: 180px;background: #fff;padding:14px;font-size: 12px;border: 1px solid #dcdce1;-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.bubble:after {content: '';background:url(../img/bubble_arrow.png) no-repeat center center;-webkit-background-size: 21px 17px;background-size: 21px 17px;width: 21px;height: 17px;position: absolute;bottom: -16px;left: 19px;}
.bubble > strong {display:block;font-weight: 700;margin-bottom: 2px;}
.bubble > .btn {display:block;margin: 8px auto 0;width: 56px;min-width: 56px;height: 26px;line-height: 26px;}


.damage-area-box {position: relative;}
.damage-area-box img {height:auto}
.damage-btn {position: absolute;text-align: center;border: 1px solid #969696;background: #fff;width: 104px; height: 30px;font-size: 12px;color:#000;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;padding: 0;outline: none;cursor:pointer}
.damage-btn:hover {background-color: #ebebeb}
.damage-btn:disabled {cursor: default;background-color: #fff}
.damage-btn-pos-center {left: 50%; transform: translateX(-50%)}
.guide-group { display: flex; justify-content: flex-start; align-items: center; gap: 18px; margin: 4px 0 12px 12px; }
.guide-group .guide-item { display: flex; justify-content: center; align-items: center; gap: 4px; }
.guide-group .guide-item .item-flag { display: inline-block; width: 20px; height: 20px; background: url('../img/icon-guide-flag01.png') no-repeat center/cover; text-indent: -999px; }
.guide-group .guide-item .item-flag.orange { background-image: url('../img/icon-guide-flag02.png'); }
.guide-group .guide-item .item-flag.purple { background-image: url('../img/icon-guide-flag03.png'); }
.guide-group .guide-item .item-title { font-size: 12px; color: #555555; }


.damage-level1:after,
.damage-level2:after,
.damage-level3:after {content: '파';font-size: 12px;color: #FFF;display: block;position: absolute;right:-1%;top: calc(50% - 15px);width: 30px;background: #E63832;height: 30px;line-height: 30px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.damage-level2:after {content: '인';background-color:#915fd2}
.damage-level3:after {content: '기';background-color:#f5aa55}


.gallery-top {
    position: relative;
    width: 768px;
    height: 480px;
    background: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.gallery-top > .swiper-button-prev,
.gallery-top > .swiper-button-next {display:none;}
.gallery-top:hover > .swiper-button-prev,
.gallery-top:hover > .swiper-button-next {display:block;}

.gallery-thumbs {position: relative;margin-top: 16px;width: 768px;background-color: #f5f5f5;padding: 8px 46px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.gallery-thumbs .swiper-slide .thumbnail {border: 1px solid #969696;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;cursor: pointer;}
.gallery-thumbs .swiper-slide .thumbnail > div {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.gallery-thumbs .swiper-slide {opacity: 0.6;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-thumbs .swiper-slide-thumb-active .thumbnail {
    opacity: 1;
    border: 2px solid #E63832;
}

.gallery-thumbs .btn {position: absolute;top: 50%;z-index: 1;margin-top: -16px;}
.gallery-thumbs .btn-prev-seq {left: 8px;}
.gallery-thumbs .btn-next-seq {right: 8px;}
.gallery-thumbs .btn.swiper-button-disabled {background-color: #f5f5f5;}


.upload-thumbs {position: relative;overflow: hidden;margin-top: -14px;}
.upload-thumbs .thumbnail {float: left;margin-left: 14px;margin-top: 14px;width: 76px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.upload-thumbs .thumbnail > div {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.upload-thumbs .thumbnail > div > .btn-del-img {text-indent: -999px;display: block;width: 20px;height: 20px;position: absolute;top: 4px;right: 4px;}
.upload-thumbs .thumbnail > div > .btn-del-img:after {content: '';display: block;width: 20px;height: 20px;background: url(../img/btn-del-20x20@2x.png) no-repeat;-webkit-background-size: 20px;background-size: 20px;position: absolute;top: 0;left: 0;}
.upload-thumbs .thumbnail > div > label {display: block;width: 42px;height: 22px;line-height: 22px;font-size: 12px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;;color: #fff;position: absolute;left: 4px;bottom: 4px;text-align: center;}
.upload-thumbs .thumbnail > div > label.waiting {background: #000;}
.upload-thumbs .thumbnail > div > label.transfer {background: #f5aa55;}
.upload-thumbs .thumbnail > div > label.complete {background: #196ecd;}
.upload-thumbs .thumbnail > div > label.fail {background: #E63832;}


.upload-thumbs .documentInfo {margin-left: 14px;margin-top: 14px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.upload-thumbs .documentInfo > div {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.upload-thumbs .documentInfo > div > span {margin: 0px 5px;}
.upload-thumbs .documentInfo > div > .btn-del-img {text-indent: -999px;display: block;width: 20px;height: 20px;position: sticky;top: 4px;right: 4px;float:right;}
.upload-thumbs .documentInfo > div > .btn-del-img:after {content: '';display: block;width: 20px;height: 20px;background: url(../img/btn-del-20x20@2x.png) no-repeat;-webkit-background-size: 20px;background-size: 20px;position: absolute;top: 0;left: 0;}
.upload-thumbs .documentInfo > div > label {display: block;width: 42px;height: 22px;line-height: 22px;font-size: 12px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #fff;left: 4px;bottom: 4px;text-align: center;float:left;}
.upload-thumbs .documentInfo > div > label.waiting {background: #000;}
.upload-thumbs .documentInfo > div > label.transfer {background: #f5aa55;}
.upload-thumbs .documentInfo > div > label.complete {background: #196ecd;}
.upload-thumbs .documentInfo > div > label.fail {background: #E63832;}


.thumbnail > div {position: relative;padding-top: 100%;overflow: hidden;}
.thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; }
.thumbnail.portrait img {max-width: none;width: auto;height: 100%;}

.thumbnail.thumbnail-2x1 > div {padding-top: 50%;}
.thumbnail.thumbnail-4x3 > div {padding-top: 75%;}
.thumbnail.thumbnail-16x9 > div {padding-top: 56.25%;}
.thumbnail.thumbnail-16x10 > div {padding-top: 62.5%;}

.thumbnail .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); }
.thumbnail .centered img { position: absolute; top: 0; left: 0; width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.thumbnail.portrait .centered img {max-width: none;width: auto;height: 100%;}

.thumbnail  label {display: block;width: 42px;height: 22px;line-height: 22px;font-size: 12px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;;color: #fff;position: absolute;left: 4px;bottom: 4px;text-align: center;}
.thumbnail  label.waiting {background: #000;}
.thumbnail  label.transfer {background: #f5aa55;}
.thumbnail  label.complete {background: #196ecd;}

.popup-map-window,
.popup-map-window > .popup {display: block;position: relative;width: 100%;height: 100%;}
.popup-map-window > .popup > div {position: relative;top: 0;left: 0;width: 100%;height: 100%;border: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;padding-top: 14px;}
.popup-map-window .popup-header {display: none;}



.skip {display:none !important}
.hide {display:none !important}

.hand {cursor:pointer !important}

.display-block {display:block !important}
.display-inblock {display:inline-block !important}

.bg-basic {background:#F0F2F7 !important}

.text-bold {font-weight: 700 !important;}
.text-left {text-align:left !important}
.text-center {text-align:center !important}
.text-right {text-align:right !important}
.text-preline {white-space: pre-line !important;}
.text-wspace-normal {white-space: normal !important;}
.text-break-word {
    -ms-word-wrap: break-word;
    word-wrap: break-word;}
.text-ellipsis {display:block;width: calc(100% - 10px);overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.text-underline {display:inline-block;border-bottom:1px solid #000000}
.text-link {position:relative;display:inline-block;}
.text-link:hover:after {content: '';position: absolute;bottom: 0;display: block;width: 100%;height: 1px;background: #000000;}
/*.text-link:hover {display:inline-block;border-bottom:1px solid #000000}*/

.valign-top {vertical-align: top !important;}
.valign-mid {vertical-align: middle !important;}

.pos-rel { position: relative !important }
.pos-abs { position: absolute !important }
.pos-top { top: 0 !important }
.pos-bottom { bottom: 0 !important }
.pos-center {top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;}

.over-auto {overflow:auto !important}
.over-hidden {overflow:hidden !important}

.pull-left {float:left !important}
.pull-right {float:right !important}
.pull-clear {clear: both !important}
.pull-child-left {overflow: hidden;}
.pull-child-left > * {float:left}
.pull-child-left-space12 {margin-left: -12px;}
.pull-child-left-space12 > * {margin-left: 12px;}

.child-ml12 > * {margin-left: 12px;}
.child-ml12 > :first-child {margin-left: 0;}

.color-text-mint {color:#041F7E !important}
.color-text-gray {color:#969696 !important}
.color-text-red {color:#ff1721 !important}


.ft10 {font-size:10px !important;}
.ft12 {font-size:12px !important;}
.ft14 {font-size:14px !important;}
.ft16 {font-size:16px !important;}

.ft-bold {font-weight: 700 !important;}

.brd-0 {border:none !important}

.round4 {-webkit-border-radius: 4px !important;-moz-border-radius: 4px !important;border-radius: 4px !important;}

.w-auto {width:auto !important}

.w0 {width:0 !important}
.w20 {width:20px !important}
.w34 {width:34px !important}
.w64 {width:64px !important}
.w76 {width:76px !important}
.w80 {width:80px !important}
.w92 {width:92px !important}
.w100 {width:100px !important}
.w110 {width:110px !important}
.w120 {width:120px !important}
.w130 {width:130px !important}
.w140 {width:140px !important}
.w160 {width:160px !important}
.w180 {width:180px !important}
.w200 {width:200px !important}
.w222 {width:222px !important}
.w226 {width:226px !important}
.w236 {width:236px !important}
.w300 {width:300px !important}
.w310 {width:310px !important}
.w360 {width:360px !important}
.w400 {width:400px !important}
.w404 {width:404px !important}
.w450 {width:450px !important}
.w470 {width:470px !important}
.w500 {width:500px !important}
.w540 {width:540px !important}
.w600 {width:600px !important}
.w750 {width:750px !important}
.w800 {width:800px !important}
.w870 {width:870px !important}
.w872 {width:872px !important}
.w900 {width:900px !important}
.w950 {width:950px !important}
.w1000 {width:1000px !important}
.w1050 {width:1050px !important}
.w1100 {width:1100px !important}
.w1600 {width:1600px !important}

.w20p {width:20% !important}
.w28p {width:28% !important}
.w32p {width:32% !important}
.w49p {width:49% !important}
.w58p {width:58% !important}
.w70p {width:70% !important}
.w100p {width:100% !important}


.w100p-m44 {width:calc(100% - 44px) !important}
.w100p-m76 {width:calc(100% - 76px) !important}
.w100p-m86 {width:calc(100% - 86px) !important}
.w100p-m552 {width:calc(100% - 552px) !important}

.max-w300 {max-width:300px !important}
.mw1400 {min-width:1400px !important}
.mw1600 {min-width:1600px !important}

.h-auto {height:auto !important}
.h0 {height:0 !important}
.h20 {height:20px !important}
.h34 {height:34px !important}
.h80 {height:80px !important}
.h92 {height:92px !important}
.h125 {height:125px !important}
.h176 {height:176px !important}
.h200 {height:200px !important}
.h235 {height:235px !important}
.h260 {height:260px !important}
.h280 {height:280px !important}
.h300 {height:300px !important}
.h365 {height:365px !important}
.h471 {height:471px !important}
.h600 {height:600px !important}
.h625 {height:625px !important}

.mh76 {min-height: 76px !important;}


.ml0 {margin-left:0 !important}
.ml4 {margin-left:4px !important}
.ml6 {margin-left:6px !important}
.ml8 {margin-left:8px !important}
.ml10 {margin-left:10px !important}
.ml12 {margin-left:12px !important}
.ml16 {margin-left:16px !important}
.ml26 {margin-left:26px !important}
.ml36 {margin-left:36px !important}

.ml1p {margin-left:1% !important}
.ml2p {margin-left:2% !important}

.mr4 {margin-right:4px !important}
.mr6 {margin-right:6px !important}
.mr22 {margin-right:22px !important}
.mr30 {margin-right:23px !important}
.mr100 {margin-right:100px !important}

.mt0 {margin-top:0 !important}
.mt6 {margin-top:6px !important}
.mt7 {margin-top:7px !important}
.mt8 {margin-top:8px !important}
.mt12 {margin-top:12px !important}
.mt14 {margin-top:14px !important}
.mt18 {margin-top:18px !important}
.mt24 {margin-top:24px !important}
.mt80 {margin-top:80px !important}

.mb14 {margin-bottom:14px !important}
.mb80 {margin-bottom:80px !important}

.pd0 {padding:0 !important}

.pb0 {padding-bottom:0 !important}
.pb8 {padding-bottom:8px !important}
.pb22 {padding-bottom:22px !important}
.pb55 {padding-bottom:55px !important}

.pt0 {padding-top:0 !important}
.pt6 {padding-top:6px !important}
.pt8 {padding-top:8px !important}
.pt55 {padding-top:55px !important}

.pr14 {padding-right:14px !important}

/* plugin */
.datepicker-panel>ul>li[data-view="month next"],
.datepicker-panel>ul>li[data-view="month prev"] { font-size: 12px }

/* application */
.changeDrp + span {color: #006ed4;font-weight: 800;}


.ca-site-aid-list-col tr > :nth-child(1) {width: 100px}
.ca-site-aid-list-col tr > :nth-child(2) {width: 100px}
.ca-site-aid-list-col tr > :nth-child(3) {width: 70px}
.ca-site-aid-list-col tr > :nth-child(4) {width: 70px}
.ca-site-aid-list-col tr > :nth-child(5) {width: 70px}
.ca-site-aid-list-col tr > :nth-child(6) {width: 90px}
.ca-site-aid-list-col tr > :nth-child(7) {width: 90px}
.ca-site-aid-list-col tr > :nth-child(8) {width: 100px}
.ca-site-aid-list-col tr > :nth-child(9) {width: 100px}
.ca-site-aid-list-col tr > :nth-child(10) {width: 20%}
.ca-site-aid-list-col tr > :nth-child(11) {width: 120px}
.ca-site-aid-list-col tr > :nth-child(12) {width: 120px}

@media (min-width: 1900px) {
    .ca-site-aid-list-col tr > :nth-child(1) {width:120px}
    .ca-site-aid-list-col tr > :nth-child(2) {width:120px}
    .ca-site-aid-list-col tr > :nth-child(3) {width:90px}
    .ca-site-aid-list-col tr > :nth-child(4) {width:90px}
    .ca-site-aid-list-col tr > :nth-child(5) {width:90px}
    .ca-site-aid-list-col tr > :nth-child(6) {width:120px}
    .ca-site-aid-list-col tr > :nth-child(7) {width:120px}
    .ca-site-aid-list-col tr > :nth-child(8) {width:150px}
    .ca-site-aid-list-col tr > :nth-child(9) {width:150px}
    .ca-site-aid-list-col tr > :nth-child(10) {width:20%}
    .ca-site-aid-list-col tr > :nth-child(11) {width:150px}
    .ca-site-aid-list-col tr > :nth-child(12) {width:150px}
}


.site-aid-list-col tr > :nth-child(1) {width: 100px}
.site-aid-list-col tr > :nth-child(2) {width: 64px}
.site-aid-list-col tr > :nth-child(3) {width: 100px}
.site-aid-list-col tr > :nth-child(4) {width: 64px}
.site-aid-list-col tr > :nth-child(5) {width: 100px}
.site-aid-list-col tr > :nth-child(6) {width: 70px}
.site-aid-list-col tr > :nth-child(7) {width: 60px}
.site-aid-list-col tr > :nth-child(8) {width: 70px}
.site-aid-list-col tr > :nth-child(9) {width: 20%}
.site-aid-list-col tr > :nth-child(10) {width: 70px}
.site-aid-list-col tr > :nth-child(11) {width: 120px}
.site-aid-list-col tr > :nth-child(12) {width: 120px}

@media (min-width: 1900px) {
    .site-aid-list-col tr > :nth-child(1) {width:120px}
    .site-aid-list-col tr > :nth-child(2) {width:90px}
    .site-aid-list-col tr > :nth-child(3) {width:120px}
    .site-aid-list-col tr > :nth-child(4) {width:90px}
    .site-aid-list-col tr > :nth-child(5) {width:180px}
    .site-aid-list-col tr > :nth-child(6) {width:100px}
    .site-aid-list-col tr > :nth-child(7) {width:90px}
    .site-aid-list-col tr > :nth-child(8) {width:100px}
    .site-aid-list-col tr > :nth-child(9) {width:20%}
    .site-aid-list-col tr > :nth-child(10) {width:100px}
    .site-aid-list-col tr > :nth-child(11) {width:140px}
    .site-aid-list-col tr > :nth-child(12) {width:140px}
}

.site-aid-list-col2 tr > :nth-child(1) {width: 100px}
.site-aid-list-col2 tr > :nth-child(2) {width: 64px}
.site-aid-list-col2 tr > :nth-child(3) {width: 100px}
.site-aid-list-col2 tr > :nth-child(4) {width: 100px}
.site-aid-list-col2 tr > :nth-child(5) {width: 70px}
.site-aid-list-col2 tr > :nth-child(6) {width: 60px}
.site-aid-list-col2 tr > :nth-child(7) {width: 70px}
.site-aid-list-col2 tr > :nth-child(8) {width: 20%}
.site-aid-list-col2 tr > :nth-child(9) {width: 70px}
.site-aid-list-col2 tr > :nth-child(10) {width: 120px}
.site-aid-list-col2 tr > :nth-child(11) {width: 120px}

@media (min-width: 1900px) {
    .site-aid-list-col2 tr > :nth-child(1) {width:120px}
    .site-aid-list-col2 tr > :nth-child(2) {width:90px}
    .site-aid-list-col2 tr > :nth-child(3) {width:120px}
    .site-aid-list-col2 tr > :nth-child(4) {width:180px}
    .site-aid-list-col2 tr > :nth-child(5) {width:100px}
    .site-aid-list-col2 tr > :nth-child(6) {width:90px}
    .site-aid-list-col2 tr > :nth-child(7) {width:100px}
    .site-aid-list-col2 tr > :nth-child(8) {width:20%}
    .site-aid-list-col2 tr > :nth-child(9) {width:100px}
    .site-aid-list-col2 tr > :nth-child(10) {width:140px}
    .site-aid-list-col2 tr > :nth-child(11) {width:140px}
}

.site-odpAid-list-col tr > :nth-child(1) {width: 150px}
.site-odpAid-list-col tr > :nth-child(2) {width: 80px}
.site-odpAid-list-col tr > :nth-child(3) {width: 150px}
.site-odpAid-list-col tr > :nth-child(4) {width: 120px}
.site-odpAid-list-col tr > :nth-child(5) {width: 100px}
.site-odpAid-list-col tr > :nth-child(6) {width: 100px}
.site-odpAid-list-col tr > :nth-child(7) {width: 80px}
.site-odpAid-list-col tr > :nth-child(8) {width: 100px}
.site-odpAid-list-col tr > :nth-child(9) {width: 250px}

@media (min-width: 1900px) {
    .site-odpAid-list-col tr > :nth-child(1) {width:120px}
    .site-odpAid-list-col tr > :nth-child(2) {width:80px}
    .site-odpAid-list-col tr > :nth-child(3) {width:150px}
    .site-odpAid-list-col tr > :nth-child(4) {width:130px}
    .site-odpAid-list-col tr > :nth-child(5) {width:120px}
    .site-odpAid-list-col tr > :nth-child(6) {width: 100px}
	.site-odpAid-list-col tr > :nth-child(7) {width: 80px}
	.site-odpAid-list-col tr > :nth-child(8) {width: 100px}
	.site-odpAid-list-col tr > :nth-child(9) {width: 250px}
}

.site-odpAid-list-col2 tr > :nth-child(1) {width: 100px}
.site-odpAid-list-col2 tr > :nth-child(2) {width: 80px}
.site-odpAid-list-col2 tr > :nth-child(3) {width: 150px}
.site-odpAid-list-col2 tr > :nth-child(4) {width: 120px}
.site-odpAid-list-col2 tr > :nth-child(5) {width: 100px}
.site-odpAid-list-col2 tr > :nth-child(6) {width: 100px}
.site-odpAid-list-col2 tr > :nth-child(7) {width: 80px}
.site-odpAid-list-col2 tr > :nth-child(8) {width: 100px}
.site-odpAid-list-col2 tr > :nth-child(9) {width: 250px}

@media (min-width: 1900px) {
    .site-odpAid-list-col2 tr > :nth-child(1) {width:120px}
    .site-odpAid-list-col2 tr > :nth-child(2) {width:80px}
    .site-odpAid-list-col2 tr > :nth-child(3) {width:150px}
    .site-odpAid-list-col2 tr > :nth-child(4) {width:130px}
    .site-odpAid-list-col2 tr > :nth-child(5) {width:120px}
    .site-odpAid-list-col2 tr > :nth-child(6) {width: 100px}
	.site-odpAid-list-col2 tr > :nth-child(7) {width: 80px}
	.site-odpAid-list-col2 tr > :nth-child(8) {width: 100px}
	.site-odpAid-list-col2 tr > :nth-child(9) {width: 260px}
}

/* map */
.mapapp-popup .leaflet-popup-content { margin: 5px 5px; }
.mapapp-popup .leaflet-popup-content-wrapper { box-shadow:none; background-color:transparent; }
.mapapp-popup .leaflet-popup-tip-container { display:none;}

.bubble {position: inherit !important;}
.bubble:after {bottom: -8px !important;}

.mapapp.leaflet-label::before { display: none; }
.mapapp.leaflet-label { background: blue; border: none; padding: 0; }
.mapapp.leaflet-label > .mapapp-label { position: absolute; display: inline-block; color: #484e5f; padding: 6px 12px; border: 1px solid #2d3344;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background: white; transform: translate(-50%, -100%); text-align: center; line-height: 1.4; }