/**
 * CSS
 * 변경일          변경자     변경내용
 * ----------------------------------------------------------------------------
 * 2017.02.17                 최초 작성.
 * 2019.05.14	이재규   [CSR ID:4042676] 협력사 엘비 기능 구현 요청
 * 2021.02.19	이초희   [RITM0050725] Partnerplus 화면 정보 변경 요청
 * 2022.11.08   유은선   [RITM0727531] IT도급 안전보건 적격성 평가 기능 구축
 */

/* breadcrumbs menu */
.lnb-folded .breadcrumbs-nav{display:block;}
.breadcrumbs-nav{position:absolute;right:20px;bottom:-28px;}
.breadcrumbs-nav>ul>li{float:left;}
.breadcrumbs-nav>ul>li span{display:inline-block;float:left;padding-left:8px;height:24px;line-height:22px;font-size:1.1rem;color:#202020;}
.breadcrumbs-nav>ul>li>i{float:left;height:24px;line-height:26px;margin-left:8px;}
.breadcrumbs-nav>ul>li>i:before{font-size:1.3rem;color:#555;}
.breadcrumbs-nav ul ul{display:none;position:absolute;top:33px;padding:10px 0;border:1px solid #404040;background:#fff;box-shadow:0 1px 3px #7d7d7d;}
.breadcrumbs-nav ul .on ul{display:block;}
.breadcrumbs-nav ul ul li:hover{background:#f2f2f2;}
.breadcrumbs-nav ul ul li a{display:block;height:30px;line-height:30px;padding:0 14px;}
.breadcrumbs-nav ul ul li a span{color:#555;font-size:1.2rem;white-space:nowrap;}
.breadcrumbs-nav ul ul li.current a span{color:#fd195e;font-weight:600;}
.breadcrumbs-nav .off{display:none;}

/* Components
---------------------------------------------------------*/


/* page */

#page-container {
    min-width: 640px;
    min-height: auto;
    background: #fff;
    overflow-y: auto;
    -ms-overflow-style: scrollbar;
}

#page-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

#page-container::-webkit-scrollbar-track {
    background: none;
}

#page-container::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.page-content {
    padding: 30px 20px;
}

.page-content-middle {
    width: 994px;
    margin: 0 auto;
}

.popup-window .page-content {
    padding: 20px;
}


/* title */

.page-header {
    position: relative;
    min-height: 48px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #f2f2f2;
}

.page-header h2 {
    float: left;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    margin-left: 30px;
    font-family: "LGSmHaR";
    font-size: 1.6rem;
    color: #202020;
}

.print-tit {
    font-size: 1.65rem;
    color: #000;
    text-align: center;
    font-weight: bold;
    padding-bottom: 20px;
}

.popup-window .page-header {
    min-height: 45px;
    border-bottom: none;
    background-color: #3e4d5a;
}

.popup-window .page-header h2 {
    color: #fff;
    font-size: 1.4rem;
}

.header-blank {
    margin-top: 38px;
}

.page-button {
    float: left;
    display: inline-block;
    position: relative;
    top: 15px;
    margin-left: 10px;
}

.page-button button {
    width: 16px;
    height: 16px;
    background: none;
}

.page-button .fav i {
    font-size: 1.3rem;
}

.page-button .fav i.fa-star {
    color: #ff0066;
}

.page-button .fav i.fa-star-o {
    color: #949494;
}

.page-button .newWin {
    margin-left: 2px;
}

.page-button .newWin i {
    position: relative;
    top: 1px;
    font-size: 1.3rem;
    color: #909090;
}

.common-button {
    float: right;
    display: inline-block;
    position: relative;
    top: 4px;
    right: 8px;
}

.ep-access .common-button {
    display: none;
}

.common-button button {
    float: left;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: none;
}

.common-button .userInfo span {
    position: relative;
    width: 28px;
    height: 28px;
    background: url("../images/icon/user.png") no-repeat 0 -2px;
}

.common-button .userInfo:hover span,
.common-button .userInfo.on span {
    background: url("../images/icon/user_hover.png") no-repeat 0 -2px;
}

.common-button .talksy span {
    position: relative;
    width: 23px;
    height: 23px;
    background: url("../images/icon/talksy.png") no-repeat 0 -23px;
}

.common-button .talksy.on span {
    background-position-y: 0px;
}

.common-button .talksy.on:hover span:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -5px;
    right: -3px;
    width: 12px;
    height: 12px;
    background: url("../images/icon/close.png");
}

.common-button .talksy span .badge {
    display: inline-block;
    position: absolute;
    top: -8px;
    right: -6px;
    padding: 2px 3px;
    text-indent: 0;
    background: #ff0066;
    font-size: 1.1rem;
}

.common-button .talksy.on span .badge {
    display: none;
}

.common-button .userInfo-popup {
    display: none;
    position: absolute;
    top: 43px;
    right: 43px;
    width: 136px;
    height: 114px;
    padding: 12px 14px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #293846;
    z-index: 10;
}

.common-button .userInfo.on+.userInfo-popup {
    display: block;
}

.common-button .userInfo-popup p {
    position: relative;
    margin: 0;
}

.common-button .userInfo-popup p:before {
    font-family: "FontAwesome";
    content: "\f0d8";
    position: absolute;
    display: inline-block;
    font-size: 1.6rem;
    color: #293846;
    top: -26px;
    right: -2px;
}

.common-button .userInfo-popup p span {
    display: block;
    color: #fff;
    letter-spacing: 1px;
}

.common-button .userInfo-popup p span+span {
    margin-top: 7px;
}

.common-button .userInfo-popup ul li {
    margin-top: 7px;
}

.header-intro {
    padding: 20px 30px;
    clear: both;
    background: #f6f6f6;
}

.header-intro p {
    line-height: 20px;
    color: #202020;
    font-size: 1.2rem;
}

.header-intro p+.list-inline {
    margin-top: 20px;
}

.module-header {
    position: relative;
    margin-bottom: 10px;
}

.module-footer {
    position: relative;
    margin-top: 10px;
}

.module-header:after,
.module-footer:after {
    content: "";
    display: block;
    clear: both;
}

*+.module-wrapper,
*+.module-header {
    margin-top: 20px;
}

td .page-search+.module-wrapper,
td .page-search+.module-header {
    margin-top: 5px;
}

.division-toggleBtn+.module-header {
    margin-top: 0;
}

.module-header h3 {
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 10px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #337ab7;
    background: none;
}

.module-header h3:before {
    font-family: "fontawesome";
    content: "\f0da";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
}

.module-header h3.custom1 {
    height: 34px;
    font-size: 1.6rem;
    color: #202020;
    text-align: center;
    line-height: 34px;
    padding: 0;
    border-bottom: 1px solid #cdcdcd;
}

.module-header h3.custom1:before,
.module-header.underline h3:before {
    content: none;
}

.module-header.underline {
    position: relative;
    min-height: 48px;
    border-bottom: 1px solid #cdcdcd;
}

.module-header.underline h3 {
    height: auto;
    color: #202020;
    text-align: center;
    line-height: 1.3em;
    margin-bottom: 10px;
    padding: 0;
}

.module-header.underline h3 .tit {
    display: block;
    font-size: 1.7rem;
}

.module-header.underline h3 .sub {
    font-size: 1.2rem;
}

.module-header.underline .absolute-right {
    position: absolute;
    right: 0;
    bottom: 10px;
}

.module-header>p {
    height: 28px;
    line-height: 30px;
}

.module-header span.info-text,
.module-header .info-text p,
.module-footer span.info-text,
.module-footer .info-text p {
    height: 28px;
    line-height: 30px;
}

.module-toggle.list-inline {
    margin-left: 0;
}

h3+.module-toggle.list-inline {
    margin-left: 8px;
}

.module-toggle.list-inline>li {
    padding-right: 0;
    padding-left: 0;
}

.module-toggle.list-inline>li+li {
    margin-left: 2px;
}

.module-toggle .btn.btn-icon {
    margin-top: 6px;
}

.module-toggle .fa {
    color: #337ab7;
    font-size: 1.0rem;
}

.module-toggle.lg-red .fa {
    color: #f92465;
}

.module-toggle .fa-border {
    border: 1px solid #bbb;
    border-radius: 2px;
}

.module-header+.module-header {
    margin-top: 5px;
}

h4 {
    height: 28px;
    line-height: 28px;
    padding: 0;
    margin: 0;
    font-size: 1.3rem;
    font-weight: bold;
    color: #003566;
}

*+h4 {
    margin-top: 15px;
}

h3+h4 {
    margin-top: 0;
}

/* search */

.page-search {
    margin-bottom: 20px;
}

.page-search .input-group {
    display: inline-block;
    float: left;
    height: 30px;
    margin: 4px 10px 4px 0;
    border-collapse: collapse;
}

.page-search .input-group .input-group-addon {
    display: inline-block;
    float: left;
    width: auto;
    height: 30px;
    padding: 0;
    line-height: inherit;
    border: 1px solid #a8a8a8;
    border-right: none;
    border-radius: 0;
    background: #fff;
}

.page-search .input-group .input-group-addon span {
    display: inline-block;
    height: 28px;
    padding: 5px 12px;
    border-right: 1px solid #f2f2f2;
    font-size: 1.2rem;
    color: #337ab7;
}

.page-search .input-group .input-group-form {
    display: inline-block;
    float: left;
    width: auto;
    height: 30px;
    background: #fff;
}

.page-search .input-group .input-group-form .form-control {
    display: inline-block;
    width: auto;
    height: 30px;
    padding: 5px 12px;
    border: 1px solid #a8a8a8;
    border-left: none;
    background: none;
    box-shadow: none;
    font-size: 1.2rem;
    color: #202020;
}

.page-search .input-group .input-group-form input[type="text"].form-control {
    padding: 0px 8px;
}

.page-search .input-group .input-group-form .datepicker.datepicker-single input[type="text"].form-control {
    width: 100px;
}

.page-search .input-group .input-group-form .datepicker input[type="text"].form-control {
    width: 180px;
}

.page-search .input-group .input-group-form .list-inline>li {
    padding: 0;
}

.page-search .input-group .input-group-form .list-inline>li:first-child input[type="text"].form-control {
    border-right: none;
}

.page-search .input-group .input-group-form .list-inline .form-chain {
    height: 30px;
    line-height: 28px;
    border-top: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
}

.page-search .input-group .input-group-form select.form-control {
    height: 30px;
    padding: 4px 12px 6px;
}

.page-search .input-group .input-group-form.datepicker input[type="text"].form-control {
    padding: 2px 8px 2px 28px;
    width: 180px;
}

.page-search .input-group .input-group-form.datepicker.datepicker-single input[type="text"].form-control {
    width: 100px;
}

.page-search .input-group .input-group-form .list-inline li>p {
    height: 30px;
    line-height: 28px;
    padding: 0 8px 0 5px;
    background-color: #f8f8f8;
}

.page-search .input-group.required .input-group-addon span:before {
    content: "*";
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #fd195e;
    font-size: 1.2rem;
}

.page-search .input-group.required .input-group-form {
    background: #edfaf8;
}

.page-search .input-group .input-group-addon select {
    display: inline-block;
    width: auto;
    height: 28px;
    padding: 4px 12px 6px;
    margin-left: 0px;
    margin-right: 0px;
    border: none;
    border-right: 1px solid #f2f2f2;
    box-shadow: none;
    font-size: 1.2rem;
    color: #337ab7;
}

.page-search .input-group .input-group-addon select option {
    color: #202020;
}

.page-search .input-group+.list-inline {
    float: left;
    margin: 4px 0 4px -5px;
}

.page-search .input-group .input-group-form .list-inline {
    margin-left: 0;
}

.page-search .input-group .input-group-form .list-inline>li:first-child .select2-selection {
    border-right: none;
}

.page-search .input-group .input-group-form .list-inline>li.right-border:first-child .select2-selection {
    border-right: 1px solid #a8a8a8;
}

.page-search .input-group .input-group-form .list-inline>li+li .select2-selection {
    padding-left: 10px;
}

.page-search .input-group .input-group-form .list-inline>li+li.multiple .select2-selection {
    padding-left: 22px;
}

.page-search .input-group .input-group-form .list-inline>li+li.multiple .select2-selection:after {
    position: absolute;
    left: 0;
    top: 1px;
    height: 28px;
    border-left: 1px solid #f2f2f2;
}

.page-search .input-group .input-group-form .list-inline>li+li+li .select2-selection:before {
    display: none;
}

.page-search .input-group .input-group-form .list-inline>li:first-child select.form-control {
    border-right: none;
}

.page-search .input-group .input-group-form .input-group-btn {
    display: inline-block;
}

.page-search .input-group .input-group-form .input-group-btn>.btn.btn-icon {
    width: 30px;
    height: 30px;
}

.page-search .input-group .input-group-form .input-group-btn .btn.btn-icon .fa-search:before {
    font-size: 1.3rem;
    color: #747474;
}

.page-search .list-inline>li {
    margin-bottom: 0;
}

.page-search .btn {
    float: left;
}

.page-search>div {
    padding: 6px 10px;
    background: #f8f8f8;
}

.page-search>div:after {
    content: "";
    display: block;
    clear: both;
}

.page-search .search-detail {
    display: none;
}

.page-search.on .search-detail {
    display: block;
    padding: 11px 10px;
    border-top: 1px dashed #bfbfbf;
}

.page-search .input-group-form .input-radio {
    padding: 0 12px;
    border: 1px solid #a8a8a8;
    border-left: none;
}

.page-search .input-group-form .input-radio label {
    height: 28px;
    margin-right: 10px;
    line-height: 25px;
    color: #202020;
    font-size: 1.2rem;
    font-weight: 100;
    cursor: pointer;
}

.page-search .input-group-form .input-radio label input.form-control {
    height: 14px;
    margin-top: 7px;
    margin-right: 4px;
}

.page-search .input-group-form .input-checkbox {
    padding: 0 12px;
    border: 1px solid #a8a8a8;
    border-left: none;
}

.page-search .input-group-form .input-checkbox label {
    height: 28px;
    margin-right: 10px;
    line-height: 25px;
    color: #202020;
    font-size: 1.2rem;
    font-weight: 100;
    cursor: pointer;
}

.page-search .input-group-form .input-checkbox label input.form-control {
    height: 14px;
    margin-top: 7px;
    margin-right: 4px;
}

.page-search .input-group-form .input-checkbox.checkonly label,
.page-search .input-group-form .input-checkbox.checkonly label input.form-control {
    margin-right: 0;
}

.page-search .input-group .input-group-form .datepicker input[type="text"].form-control {
    padding: 2px 8px 2px 28px;
}

.page-search .input-group .input-group-form .datepicker:before {
    top: 9px;
}

.page-search .input-group .input-group-form .L-numberbox .form-control {
    width: 100% !important;
}

.page-search .input-file .dropzone,
.page-search .input-file .dropzone-wrapper {
    min-height: 30px;
    border-left: none;
}

.page-search .input-file .dropzone.dz-started {
    max-width: 500px;
    border: 1px solid #a8a8a8;
    background-color: #fff;
    z-index: 10;
}

.page-search .input-file .dropzone:before,
.page-search .input-file .dropzone-wrapper:before {
    top: 6px;
}

.page-search .input-file .dz-preview {
    margin-top: 4px;
}

.page-search .rui-file input[type="text"] {
    width: 100% !important;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #a8a8a8;
    border-left: none;
}

.page-search .rui-file .L-filebox-button {
    display: none;
}

.page-search .dz-message {
    margin-top: 5px;
}

.page-search .multiple input[type="text"].form-control,
.page-search .multiple .input-checkbox,
.page-search .multiple .input-radio {
    border-left: 1px solid #a8a8a8;
}

td .page-search {
    margin-bottom: 0;
}

td .page-search>div {
    background: none;
    padding: 0;
}

td .page-search .input-group {
    height: 26px;
    margin: 0 5px 5px 0;
}

td .page-search .input-group .input-group-addon {
    height: 26px;
}

td .page-search .input-group .input-group-addon span {
    height: 24px;
    padding: 3px 8px;
    font-size: 1.1rem;
}

td .page-search .input-group .input-group-form {
    height: 26px;
}

td .page-search .input-group .input-group-form input[type="text"].form-control {
    height: 26px;
}

td .page-search .input-group-form .input-radio label {
    height: 24px;
    line-height: 22px;
}

td .page-search .input-group-form .input-radio label input.form-control {
    margin-top: 6px;
}

td .page-search .input-group .input-group-form select.form-control {
    height: 26px;
    padding: 2px 12px 4px;
}

td .page-search .select2-container {
    line-height: 22px;
}

td .page-search .select2-container--default .select2-selection--multiple {
    min-height: 26px;
}

td .page-search .input-group .input-group-form .datepicker:before {
    top: 7px;
}

td .page-search .select2-rmt+.select2-container--default .select2-selection--multiple:before {
    line-height: 26px;
}

.modal .shuttle .page-search {
    margin-bottom: 10px;
}

.input-group-module {
    display: block;
    height: 28px;
    line-height: 26px;
    margin-right: -5px;
}

.input-group-module .input-group-addon {
    float: left;
    width: auto;
    height: 28px;
    padding: 0 10px 0 0;
    line-height: inherit;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 1.2rem;
    color: #333;
}

.input-group-module .input-group-addon span {
    display: inline-block;
    height: 28px;
    line-height: inherit;
}

.input-group-module.required .input-group-addon span:before {
    content: "*";
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #fd195e;
    font-size: 1.2rem;
}

.input-group-module.required .input-group-form {
    margin-right: -5px;
    background: #edfaf8;
}

.input-group-module.required .input-group-form.check-module {
    background:none;
}

.input-group-module.required .input-group-form .form-control {
    background: none;
}

.input-group-module .input-group-form {
    display: inline-block;
    float: left;
    width: auto;
    height: 28px;
    background: transparent;
}

.input-group-module .input-group-form .input-radio {
    height: 28px;
    line-height: inherit;
}

.input-group-module .input-group-form .input-radio label {
    line-height: inherit;
}

.input-group-module .input-group-form .input-radio input[type="radio"].form-control {
    margin-top: 3px;
}

.input-group-module .input-group-form.check-module .input-radio input[type="radio"].form-control {
    margin-top: 2px;
}



.input-group-module .input-group-form .input-radio label>input+span,
.input-group-module .input-group-form .input-checkbox label>input+span {
    height: 28px;
}

.input-group-module .input-group-form select.form-control {
    height: 28px;
    padding: 2px 4px 4px;
    font-size: 1.2rem;
    vertical-align: top;
    background: none;
}

.input-group-module .input-checkbox label {
    line-height: 28px;
}

.input-group-module .input-checkbox input[type="checkbox"].form-control {
    margin-top: 3px;
    margin-bottom: -3px;
}

.input-group-module .datepicker:before {
    top: 8px;
}

.input-group-module .datepicker input[type="text"].form-control {
    height: 28px;
    padding: 3px 8px 3px 28px;
}

.input-group-module input[type="text"].form-control {
    height: 28px;
    padding: 5px 8px 7px;
    vertical-align: top;
}

.input-group-module .select2-container {
    vertical-align: top;
}

.input-group-module .select2-container--default .select2-selection--single {
    height: 28px;
}

.input-group-module .select2-container--default.select2-container--focus .select2-selection.select2-selection--single,
.page-search .input-group .input-group-form .list-inline>li:first-child .select2-container--default.select2-container--focus .select2-selection.select2-selection--single {
    margin-left: 0;
}


/* detail table */

table {
    margin-bottom: 0;
    border-top: 2px solid #4d5762;
}

table+table {
    margin-top: 20px;
}

table+.table-no-borderTop {
    margin-top: 10px;
}

.table {
    display: table;
    margin-bottom: 0;
    border-top: 2px solid #4d5762;
}

table.table-no-borderTop {
    border-top: 1px solid #cdcdcd;
}

.table .thead {
    display: table-header-group;
}

.table .tbody {
    display: table-row-group;
}

.table .tr {
    display: table-row;
}

.table .th,
.table .td {
    display: table-cell;
}

table th.required>span,
.table .th.required>span,
table td.required>span:first-child {
    position: relative;
    display: inline-block;
}

table th.required>span:before,
.table .th.required>span:before,
table td.required>span:first-child:before {
    content: "*";
    position: absolute;
    top: -2px;
    left: -6px;
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #fd195e;
    font-size: 1.2rem;
}

table td.td-required select {
    background: #fff5f5;
}

.table-detail th,
.table-detail .th,
.table-list td .table-detail th {
    padding: 8px 10px;
    line-height: 20px;
    text-align: right;
    color: #000;
    font-size: 1.2rem;
    font-weight: normal;
    border-bottom: 1px solid #cdcdcd;
    background: #f8f8f8;
}

.table-detail td,
.table-detail .td {
    padding: 5px 8px;
    line-height: 20px;
    background: #fff;
    color: #202020;
    font-size: 1.2rem;
    border-bottom: 1px solid #cdcdcd;
}

.table-detail td+td {
    border-left: 1px solid #e2e2e2;
}

.table-detail td+td.dummy {
    border-left: 0;
}

.table-detail .td>p {
    display: inline-block;
    padding: 4px 0 5px;
    margin: 0;
}

.table-detail th.th-sub {
    border-right: 1px solid #cdcdcd;
}

.table-detail td.row-delete {
    line-height: 1;
    text-align: center;
    border-left: 1px solid #cdcdcd;
}

.table-detail td.row-delete button {
    height: 20px;
    padding: 0 10px;
    background: none;
}

.table-detail td.row-delete button:hover .fa-trash-o {
    color: #134a79;
}

td .table-detail {
    border: 1px solid #cdcdcd;
    border-bottom: none;
}

td .table-detail th {
    border-right: 1px solid #cdcdcd;
}

.table-detail td input+p {
    margin-top: 4px;
}

table .pic img {
    width: 100%;
    max-width: 118px;
    height: auto;
}


/* list table */

.table-list th,
.table-list td,
.table-list .th,
.table-list .td {
    padding: 3px 10px;
    vertical-align: middle;
    line-height: 25px;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.2rem;
}

.table-list th,
.table-list .th {
    text-align: center;
    background: #f8f8f8;
    color: #000;
    font-weight: normal;
}

.table-list td,
.table-list .td {
    background: #fff;
    color: #202020;
}

.table-list th:first-child,
.table-list td:first-child,
.table-list .th:first-child,
.table-list .td:first-child {
    border-left: 1px solid #cdcdcd;
}

.table-list.select-cell tbody td.on,
.table-list.select-cell tbody td:focus,
.table-list.select-cell tbody td:hover {
    background: #fefbf1;
}

table.table-list th.required>span:before,
.table.table-list .th.required>span:before {
    /*top: -4px;*/
}

.table-list td.th-sub {
    text-align: center;
    background-color: #f8f8f8;
}

.table-list .txt-center input {
    text-align: center;
}

.table-list .txt-right input {
    text-align: right;
}

.table-list .row-add,
.table-list .row-delete {
    height: 25px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.table-list .row-add button,
.table-list .row-delete button {
    width: 20px;
    height: 26px;
    padding: 0;
    margin: 0;
    background: none;
}

td .table-list {
    border-top: 1px solid #cdcdcd;
}

.table-overflow {
    overflow-y: auto;
    border: 1px solid #cccccc;
    border-top: 2px solid #4d5762;
}

.table-overflow::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.table-overflow::-webkit-scrollbar-track {
    background: none;
}

.table-overflow::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.table-overflow .table-list {
    border-top: none;
}

.table-overflow .table-list th:first-child,
.table-overflow .table-list td:first-child {
    border-left: none;
}

.table-overflow .table-list th:last-child,
.table-overflow .table-list td:last-child {
    border-right: none;
}

.table-list .row-sum td {
    background: #fff5f5;
}

.table-list thead th .info.info-tooltip {
    margin-left: 4px;
}

.table-list thead th .info i {
    margin-top: 4px;
}

a.txt-link {
    color: #626ecc;
}

a.txt-link:hover {
    color: #626ecc;
    text-decoration: underline;
}

.list-inline li>a.txt-link {
    line-height: 24px;
}



/* list-type-vmiddle */

.list-type-vmiddle {
    /* display: table; */
}

.list-type-vmiddle>li {
    /* display: table-row; */
}

.list-type-vmiddle>li+li {
    margin-top: 10px;
}

.list-type-vmiddle>li>div {
    display: table-cell;
    padding: 5px 10px;
    vertical-align: middle;
}


/* list group */

.list-group.table-type {
    border-top: 2px solid #4d5762;
}

.list-group.table-type .list-group-item {
    position: relative;
    padding: 8px 15px 8px 48px;
    margin-bottom: 0;
    border-color: #cccccc;
    border-top: none;
    border-bottom: 1px solid #eaeaea;
}

.list-group.table-type .list-group-item:first-child,
.list-group.table-type .list-group-item:last-child {
    border-radius: 0;
}

.list-group.table-type .list-group-item:last-child {
    border-bottom-color: #cccccc;
}

.list-group.table-type .list-group-item:before {
    content: "\f054";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 18px;
    color: #bcbcbc;
}

.list-group.table-type .list-group-item span {
    color: #202020;
}

.list-group.table-type .list-group-item a {
    margin-left: 28px;
    color: #202020;
    text-decoration: underline;
}

.list-group.table-type .list-group-item .newWin {
    margin-left: 6px;
    background: none;
}

.list-group.table-type .list-group-item .newWin i {
    color: #9090bc;
}

.list-group.table-type .list-group-item .newWin span {
    display: none;
}

.list-block {
    width: 200px;
}

*+.list-block {
    margin-top: 5px;
}

.list-block li {
    position: relative;
    min-width: 200px;
    height: 26px;
    line-height: 22px;
    padding: 0px 22px 0px 6px;
    border: 1px solid #8baba7;
    border-radius: 0;
    background-color: #edfaf8;
    font-family: "Malgun Gothic";
    font-size: 1.2rem;
    color: #202020;
    cursor: default;
}

.list-block li+li {
    margin-top: 5px;
}

.list-block li p {
    display: inline-block;
    float: left;
    color: #555;
}

.list-block li .remove {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 2px;
}

.list-block li .remove:before {
    content: "x";
    opacity: 1;
    font-size: 2rem;
    display: inline-block;
    width: 15px;
    height: 14px;
    line-height: 10px;
    color: #747474;
    top: 0;
    left: 0;
}

.list-btype li {
    overflow: hidden;
    margin-top: 10px;
}

.list-btype li:first-child {
    margin-top: 0;
}

.list-btype li .pull-left {
    float: left;
}

.list-btype li .pul-right {
    float: right;
}

.list-btype li .txt {
    line-height: 26px;
}


/* flex table */

.form-flex .table-row {
    display: flex;
    margin: 0;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.2rem;
}

.form-flex .form-label {
    flex: 1;
    background: #f8f8f8;
    text-align: right;
}

.form-flex .form-label label {
    padding: 9px 8px;
}

.form-flex .form-value {
    flex: 3;
}

.form-flex .form-value>div {
    padding: 5px 8px;
}

.form-flex .form-value p {
    padding: 4px 0;
}

.form-flex.table-detail-col2 .form-value {
    flex: 2;
}

.form-flex.table-detail-col2 .form-colspan3 {
    flex: 5;
}

.form-flex.table-detail-col3 .form-value {
    flex: 1;
}

.form-flex.table-detail-col3 .form-colspan3 {
    flex: 3;
}

.form-flex.table-detail-col3 .form-colspan5 {
    flex: 5;
}

.form-flex .form-dummy {
    display: flex;
    flex: 3;
    flex-flow: column nowrap;
}

.form-flex .form-dummy .table-row:last-child {
    flex: auto;
    border-bottom: 0px solid #cdcdcd;
}

.form-flex.table-detail-col3 .form-dummy {
    flex: 2;
}

.form-flex.table-detail-col3 .form-dummy.form-colspan3 {
    flex: 4;
}

.form-flex.table-detail-col3 .form-dummy.form-colspan5 {
    flex: 6;
}


/* input */

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control {
    display: inline-block;
    width: auto;
    min-width: 100px;
    height: 26px;
    padding: 4px 6px;
    border-color: #a8a8a8;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.2rem;
    color: #202020;
}

input[type="text"]:focus.form-control,
input[type="password"]:focus.form-control,
input[type="email"]:focus.form-control,
textarea:focus.form-control,
select:focus.form-control {
    border-color: #333333;
    background: #fff !important;
    box-shadow: none;
}

input[readonly],
textarea[readonly] {
    border-color: #a8a8a8;
    background: #fff !important;
}

input[type="text"]:disabled.form-control,
textarea:disabled.form-control {
    border-color: #a8a8a8;
    background: #ededed !important;
}

.validate.validate-on {
    position: relative;
    border-color: #f92465 !important;
}

.validate-info {
    margin-left: 8px;
}

.validate-info p {
    display: inline-block;
    line-height: 24px;
    color: #f92465;
    font-size: 1.1rem;
}

.validate-popup+.validate-info {
    display: block;
    position: relative;
    margin-left: 0;
}

.validate-popup+.validate-info p {
    display: inline-block !important;
    position: absolute;
    padding: 4px 6px !important;
    background: #fff;
    color: #f92465;
    font-size: 1.1rem;
}

.input-block.form-control {
    display: block !important;
    width: 100% !important;
}

*+.input-block.form-control {
    margin-top: 5px;
}

pre.form-control {
    height: auto;
    padding: 0;
    margin: 0;
    line-height: 18px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    font-family: "Malgun Gothic", sans-serif;
    font-size: 1.2rem;
    color: #202020;
    transition: none;
    white-space: pre-wrap;
}

select.form-control {
    display: inline-block;
    width: auto;
    height: 26px;
    padding: 2px 4px 4px;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: none;
    border-color: #a8a8a8;
    border-radius: 0;
    font-size: 1.2rem;
}

select.form-control option {
    color: #202020;
}

.input-radio:after {
    display: block;
    content: "";
    clear: both;
}

.input-radio label {
    margin-right: 10px;
    float: left;
    line-height: 24px;
    font-weight: 100;
    cursor: pointer;
}

.input-radio input[type="radio"].form-control {
    display: inline-block;
    float: left;
    width: auto;
    height: 26px;
    margin-top: 1px;
    margin-bottom: -1px;
    margin-right: 3px;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    cursor: pointer;
}

.input-radio input[type="radio"].form-control:disabled,
.input-radio input[type="radio"].form-control:disabled+span {
    cursor: not-allowed;
}

.input-radio.input-single,
.input-radio.input-single:after,
.input-inlineBlock,
.input-inlineBlock:after {
    display: inline-block;
}

.input-radio.input-single label,
.input-radio.input-single label [type="radio"].form-control {
    margin-right: 0;
}

ul.input-radio>li {
    height: 26px;
}

.input-checkbox:after {
    display: block;
    content: "";
    clear: both;
}

.input-checkbox label {
    margin-right: 10px;
    float: left;
    line-height: 22px;
    font-weight: 100;
    cursor: pointer;
}

.input-checkbox input[type="checkbox"].form-control {
    display: inline-block;
    float: left;
    width: auto;
    height: 26px;
    margin-top: 0;
    margin-right: 5px;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    cursor: pointer;
}

.input-checkbox input[type="checkbox"].form-control:disabled,
.input-checkbox input[type="checkbox"].form-control:disabled+span {
    cursor: not-allowed;
}

.input-checkbox.input-single,
.input-checkbox.input-single:after {
    display: inline-block;
}

.input-checkbox.input-single label,
.input-checkbox.input-single label [type="checkbox"].form-control {
    margin-right: 0;
}

.input-radio label>input+span,
.input-checkbox label>input+span {
    display: inline-block;
    height: 26px;
}

textarea.form-control {
    display: block;
    width: 100%;
    padding: 5px 8px;
    border-color: #a8a8a8;
    border-radius: 0;
    font-size: 1.2rem;
    color: #202020;
    box-shadow: none;
    outline: none;
    resize: vertical;
}

textarea:disabled.form-control {
    resize: none;
}

textarea.form-control::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

textarea.form-control::-webkit-scrollbar-track {
    background: none;
}

textarea.form-control::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.form-inline textarea.form-control {
    display: block;
    width: 100%;
}

.info+textarea.form-control {
    margin-top: 3px;
}

th.required+td>input[type="text"].form-control,
td.required>input[type="text"].form-control,
th.required+td input[type="password"].form-control,
td.required input[type="password"].form-control,
th.required+td>select.form-control,
th.required+td>textarea.form-control,
th.required+td>.select2,
th.required+td>.dropzone,
th.required+td>.datepicker input,
th.required+td>.timepicker input,
th.required+td>.L-numberbox input.form-control,
th.required+td>.dropzone-wrapper th.required+td li input[type="text"].form-control,
td.required li input[type="text"].form-control,
th.required+td li select.form-control,
th.required+td li textarea.form-control,
th.required+td li .select2,
th.required+td li .dropzone,
th.required+td li .dropzone-wrapper,
/*th.required+td li .L-numberbox input.form-control,*/
td.required+td input[type="text"].form-control,
td.required+td input[type="password"].form-control,
td.required+td select.form-control,
td.required+td textarea.form-control,
td.required+td .select2,
td.required+td .dropzone,
td.required+td .L-numberbox input.form-control,
td .required input[type="text"].form-control,
td .required input[type="password"].form-control,
td .required select.form-control,
td .required textarea.form-control,
td .required .select2,
td .required .dropzone,
td .L-numberbox.required input.form-control {
    background-color: #fff5f5;
}

.table-list td.required input[type="text"].form-control,
.table-list td.required input[type="password"].form-control,
.table-list td.required select.form-control,
.table-list td.required textarea.form-control,
.table-list td.required .select2,
.table-list td.required .dropzone,
.table-list td.required .dropzone-wrapper {
    background-color: #fff5f5;
}

.input-group input[type="text"].form-control {
    width: 100%;
}

.input-group-btn>.btn {
    height: 26px;
}

.input-group-btn>.btn.btn-icon {
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid #949494;
    background: #fff;
}

.input-group-inline {
    position: relative;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap;
}

input+.input-group-inline {
    padding-left: 8px;
}

.input-group-inline .input-checkbox label {
    font-size: 1.2rem;
}

td input[type="text"].form-control,
td input[type="password"].form-control,
td input[type="email"].form-control {
    min-width: auto;
}

td .list-inline li>* {
    float: left;
    margin-right: -5px;
}

.list-process {
    display: inline-block;
}

.list-process:after {
    content: "";
    display: inline-block;
    clear: both;
}

.list-process li {
    float: left;
    display: inline-block;
    position: relative;
    height: 26px;
}

.list-process li a {
    text-decoration: none;
    color: #202020;
    font-size: 1.2rem;
}

.list-process li a:hover,
.list-process li a:focus {
    text-decoration: none;
    color: #202020;
}

.list-process li.active a {
    display: block;
    height: 26px;
    line-height: 22px;
    padding: 0 8px 0 19px;
    border: 1px solid #aeaeae;
    background: #f6f6f6;
    font-size: 1.1rem;
}

.list-process li.active a:hover,
.list-process li.active a:focus {
    border-color: #949494;
    background: #efefef;
}

.list-process li.active a span {
    position: relative;
}

.list-process li.active a span:before {
    content: "\f040";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -13px;
    color: #4c4c4c;
}

.list-process li.disabled a {
    cursor: not-allowed;
    color: #999999;
}

.list-process li+li {
    margin-left: 16px;
}

.list-process li+li:before {
    content: "\f0da";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: -10px;
    color: #bcbcbc;
    font-size: 1.4rem;
}

.input-checkbox.input-style label {
    position: relative;
    padding-left: 27px;
    height: 20px;
    line-height: 18px;
    cursor: pointer;
}

.input-checkbox.input-style label:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../images/icon/checkbox.png") no-repeat 0 -20px;
}

.input-checkbox.input-style.checked label:before {
    background-position-y: 0;
}

.input-checkbox.input-style input[type=checkbox] {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0;
    cursor: pointer;
}

.list-inline .form-chain {
    display: inline-block;
    width: 10px;
    height: 26px;
    line-height: 24px;
    text-align: center;
}

.list-inline li>p {
    display: inline-block;
    height: 26px;
    line-height: 24px;
}

.list-inline+p,
textarea+p {
    margin-top: 5px;
}

i.status {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #c1c1c1;
    border-radius: 50%;
    background: #f8f8f8;
    vertical-align: middle;
}

i.status.status-positive {
    background: #337ab7;
    border-color: #337ab7;
}

.input-group .form-control {
    z-index: 1;
}

.table-detail th .input-checkbox {
    float: right;
}

.table-detail th .input-checkbox label {
    margin-right: 0;
}

td .table-list .input-checkbox {
    float: none;
}


/* button */

.btn {
    height: 30px;
    line-height: 1;
    padding: 3px 12px 5px;
    border-radius: 0;
    font-size: 1.2rem;
}

.btn-default {
    border-color: #949494;
    background: #fff;
    color: #202020;
}

.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus {
    border-color: #000;
    background: #fff;
}

.btn-default:disabled {
    border-color: #a8a8a8 !important;
    background: #ededed !important;
    color: #747474 !important;
}

.btn-primary {
    border-color: #202020;
    background: #293846;
    color: #fff;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus {
    border-color: #000;
    background: #000;
}

.btn-primary:disabled {
    border-color: #525252 !important;
    background: #4f5d6b !important;
    color: #ccc !important;
}

.btn-toggle {
    border-color: #a8a8a8;
    background: #fff;
    color: #293846;
}

.btn-toggle:focus,
.btn-toggle:hover,
.btn-toggle:active,
.btn-toggle:active:hover,
.btn-toggle:active:focus {
    padding: 4px 11px 5px;
    border: 2px solid #293846;
    color: #202020;
}

.btn-toggle span+i {
    margin-left: 10px;
}

.btn-inline {
    height: 26px;
    padding: 4px 10px 6px;
    border-color: #aeaeae;
    background: #f6f6f6;
    font-size: 1.1rem;
}

.btn-inline:focus,
.btn-inline:hover,
.btn-inline:active,
.btn-inline:active:hover,
.btn-inline:active:focus {
    border-color: #949494;
    background: #efefef;
}

*+.btn-inline {
    margin-left: 10px;
}

.table-detail th .btn-inline {
    height: 22px;
    padding: 2px 6px 6px;
    background-color: #fdfdfd;
}

.btn-module {
    height: 28px;
    padding: 4px 8px 6px;
    font-size: 1.1rem;
}

.btn-module:focus,
.btn-module:hover,
.btn-module:active,
.btn-module:active:hover,
.btn-module:active:focus {
    border-color: #000;
}

.btn.btn-red {
    border-color: #eb225f;
    background-color: #f92465;
    color: #fff;
}

.btn.btn-red:focus,
.btn.btn-red:hover,
.btn.btn-red:active,
.btn.btn-red:active:hover,
.btn.btn-red:active:focus {
    background-color: #eb225f;
}

.btn-important {
    width: 80px;
}

.btn span {
    display: inline;
    text-indent: 0;
    color: inherit !important;
}

.btn i+span,
.btn span+i {
    margin-left: 6px;
}

.btn-default .fa-chevron-left,
.btn-default .fa-chevron-right {
    position: relative;
    top: 1px;
    color: #bcbcd7;
}

.btn .fa-angle-up,
.btn .fa-angle-down {
    font-weight: 600;
}

.btn .fa-bars {
    font-size: 1.3rem;
    color: #bcbcbc;
}

.list-inline .btn-module,
.list-inline .division,
.list-inline .btn-inline {
    margin-right: -5px;
}

.btn-block:after {
    content: "";
    display: block;
    clear: both;
}

*+.btn-block {
    margin-top: 20px;
}

td *+.btn-block {
    margin-top: 4px;
}

.btn-block+* {
    margin-top: 20px;
}

.btn-block+.module-wrapper {
    margin-top: 30px;
}

.btn-block+.btn-block {
    margin-top: 10px;
}

.btn-block .list-inline.pull-right {
    margin-right: -5px;
}

td .btn-block .list-inline.pull-right {
    margin-right: 0;
}

.btn-block li>p {
    height: 30px;
    line-height: 28px;
}

.btn-block li>select {
    height: 30px;
}

.btn-block li>.input-radio label {
    line-height: 28px;
}

.btn-block li>.input-radio input[type="radio"].form-control,
.btn-block li>.input-radio input[type="radio"].form-control+span {
    height: 30px;
}

.list-inline .division {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 1px;
    height: 26px;
    background: #cccccc;
}

.module-header .list-inline .division,
.module-footer .list-inline .division {
    height: 24px;
    margin-left: 2px;
}

.btn.btn-icon {
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    background: none;
}

.btn.btn-icon+span {
    margin-left: 4px;
}

.btn .fa-file-word-o,
.btn .fa-file-powerpoint-o,
.btn .fa-file-pdf-o,
.btn .fa-file-excel-o,
.btn .fa-file-text-o {
    position: relative;
    top: 1px;
}

.btn span em {
    font-weight: bold;
    color: #f92465;
}

.btn.btn-icon-single {
    height: 25px;
    padding: 3px 8px 5px;
    background: none;
}

.btn.btn-icon-single i {
    color: #337ab7;
    font-size: 1.4rem;
}

.btn.btn-large {
    width: 224px;
    height: 46px;
    font-size: 1.4rem;
    font-weight: bold;
}

.table-detail .list-inline .btn-icon {
    height: 26px;
}

.table-list .list-inline>li {
    line-height: 22px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.list-inline li .btn.btn-icon {
    height: 26px;
}

.list-inline.module-toggle li .btn.btn-icon {
    height: 18px;
}

.info-text .btn.btn-icon i {
    width: 100%;
    height: 18px;
    line-height: 18px;
}


/* icon */

.fa-file-word-o,
.fa-file-powerpoint-o,
.fa-file-pdf-o,
.fa-file-excel-o,
.fa-file-text-o {
    color: #337ab7;
    font-size: 1.4rem;
}

.fa-trash-o {
    color: #337ab7;
    font-size: 1.4rem;
}

.fa-plus+.fa-plus {
    margin-left: 1px;
}

.fa-plus-square-o {
    color: #f92465;
    font-size: 1.4rem;
}

.fa-minus-square-o {
    color: #337ab7;
    font-size: 1.4rem;
}

.fa-user {
    color: #337ab7;
    font-size: 1.4rem;
}

.fa+span {
    margin-left: 6px;
}


/* banner */

.banner {
    display: inline-block;
}

.banner-fa li,
.banner-inline li {
    display: inline-block;
    float: left;
}

.banner-fa li+li {
    margin-left: 20px;
}

.banner-fa li+li a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 34px;
    left: -14px;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background-color: #dddddd;
}

.banner-fa a {
    display: inline-block;
    position: relative;
    padding: 10px;
    text-align: center;
}

.banner-fa a i {
    height: 72px;
    color: #656565;
}

.banner-fa a i.fa-address-card-o,
.banner-fa a i.fa-print {
    font-size: 4.8rem;
    padding-top: 5px;
}

.banner-fa a i.fa-building-o,
.banner-fa a i.fa-id-badge {
    font-size: 5.6rem;
}

.banner-fa a p {
    color: #1b252e;
    font-size: 1.3rem;
}

.banner-inline li+li {
    margin-left: 10px;
}

.banner-inline a {
    display: inline-block;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 30px;
    width: 136px;
    height: 146px;
    border: 2px solid #ed8dab;
    text-align: center;
}

.banner-inline p {
    position: absolute;
    bottom: 20px;
    width: 100%;
    color: #2a343c;
    font-size: 1.6rem;
    font-weight: bold;
}

.banner-list li+li {
    margin-top: 5px;
}

.banner-list a {
    display: block;
    position: relative;
    width: 222px;
    height: 45px;
    padding-left: 55px;
    line-height: 42px;
    font-size: 1.6rem;
    color: #dde8f2;
    background-color: #293846;
}

.banner-list.banner-partnerplus a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
    width: 24px;
    height: 24px;
    background: url("../images/icon/pp_banner_list.png") no-repeat;
}

.banner-list.banner-partnerplus li:nth-child(even) a:before {
    transform: rotate(106deg);
}


/* message */

.panel {
    margin-bottom: 10px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-heading {
    padding: 8px 15px;
    border-color: #eaeaea;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 0;
}

.panel-body {
    padding: 12px 20px;
    line-height: 24px;
}

.panel-body em {
    color: #f92465;
}

.panel-body a {
    color: #626ecc;
}

.panel-info {
    border-color: #eaeaea;
}

.panel-info .panel-heading {
    color: #000000;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.panel-warning {
    border-color: #fde3c7;
}

.panel-warning .panel-heading {
    color: #000000;
    background-color: #feeede;
    border-color: #feeede;
}

.panel-default {
    background-color: #f8f8f8;
    border: none;
}

.panel-default .panel-heading {
    padding: 8px 10px 2px;
    background-color: #f8f8f8;
    border: none;
}

.panel-default .panel-body {
    padding: 10px;
    line-height: 20px;
}

.panel-default .panel-heading+.panel-body {
    padding-top: 2px;
}

.table-noLine {
    border-top: none;
}

.panel .table-noLine {
    margin-left: 18px;
}

.panel .table-noLine th,
.panel .table-noLine td {
    font-weight: 100;
    font-size: 1.2rem;
    color: #555555;
    line-height: 20px;
}

.btn-block+.panel {
    margin-top: 20px;
}

.module-wrapper+.panel {
    margin-top: 20px;
}

.panel+table {
    margin-top: 20px;
}

p+.panel {
    margin-top: 20px;
}

table+.panel,
.shuttle-list+.panel {
    margin-top: 20px;
}

.panel-body p .btn-inline {
    margin-left: 10px;
}

.panel-body .info i {
    line-height: 22px;
}

.panel-body .info p {
    line-height: 20px;
}

.panel-body p.co {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 20px;
}

td div+.panel {
    margin-top: 10px;
}

td .panel {
    margin-bottom: 0;
}

.panel.no-pd .panel-body {
    padding: 0;
    line-height: 20px;
}


/* modal */

.modal {
    text-align: center;
    padding-right: 0 !important;
}

.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-wrapper {
    overflow-x: hidden;
}

.modal-open {
    padding-right: 0px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* chrome hack for bootstrap modal back scroll */
    .modal-open {
        padding-right: 0px !important;
    }
}

.modal-open .modal::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.modal-open .modal::-webkit-scrollbar-track {
    background: #808080;
}

.modal-open .modal::-webkit-scrollbar-thumb {
    background: #ddd;
}

.modal-dialog.modal-sm {
    margin: 0 auto;
}

.modal-sm {
    width: 274px;
}

.modal-md {
    width: 435px;
}

@media (max-width:1024px){
    .modal-lg {
        width: 780px;
    }
    .modal-xlg {
        width: 780px;
    }
}

@media (min-width:1025px){
    .modal-lg {
        width: 842px; 
    }
    .modal-xlg {
        width: 1100px;
    }
}


/*.modal-backdrop { background: none; opacity: 0; }*/

.modal-content {
    box-shadow: none;
    border-radius: 0;
}

.modal-header {
    position: relative;
    padding: 8px 15px 7px;
    border-radius: 0;
}

.modal-header h1 {
    font-family: "LGSmHaR";
    font-size: 1.4rem;
}

.modal-header .close {
    position: absolute;
    display: inline-block;
    top: 6px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: none;
    margin: 0;
    opacity: 1;
    text-shadow: none;
}

.modal-header .close span {
    position: relative;
    display: inline-block;
    top: 5px;
    width: 10px;
    height: 10px;
    background: url("../images/icon/close3.png") no-repeat;
}

.modal-body em {
    color: #f92465;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: 10px;
}

.modal-sm .modal-body {
    padding: 22px 25px;
    line-height: 24px;
    text-align: center;
}

.modal-sm .modal-footer {
    padding: 0 25px 22px;
    border-top: none;
    text-align: center;
}
/*
.modal-lg .modal-body {
    padding: 30px;
}
*/
.modal-default .modal-content {
    border-color: #0d3b66;
}

.modal-default .modal-header {
    color: #fff;
    background-color: #3e4d5a;
    border-color: #3e4d5a;
}

.modal-warning .modal-content {
    border-color: #e9a254;
}

.modal-warning .modal-header {
    color: #fff;
    background-color: #f8ac59;
    border-color: #f8ac59;
}

.modal-warning em {
    color: #f8ac59;
    font-weight: bold;
}

.modal-alert .modal-content {
    border-color: #e9225f;
}

.modal-alert .modal-header {
    color: #fff;
    background-color: #f92465;
    border-color: #f92465;
}

.modal .list-check {
    margin-top: 4px;
}

.modal .list-check li {
    padding-left: 20px;
    background: url("../images/icon/check.png") no-repeat 2px 8px;
}

.loading {
    color: #337ab7;
}

.loading .fa-spinner {
    margin-right: 4px;
    font-size: 1.3rem;
}

.modal .loading {
    margin-top: 8px;
}

.modal .loading .fa-spinner {
    font-size: 6rem;
}

.modal .loading i+p {
    margin-top: 10px;
}

.modal .loading+* {
    margin-top: 10px;
}

.modal.fade .modal-dialog {
    transform: none;
    transition: none;
}

.modal-profile {
    width: 344px;
}

.modal-profile .modal-body {
    padding: 20px;
}

.profile-main {
    position: relative;
    min-height: 65px;
    padding-top: 4px;
    padding-left: 66px;
}

.profile-main img {
    position: absolute;
    top: 0;
    left: 0;
}

.profile-main p {
    line-height: 22px;
    font-size: 1.2rem;
    color: #202020;
}

.profile-main b {
    font-size: 1.6rem;
    margin-right: 5px;
}

.profile-contact {
    padding-top: 12px;
    border-top: 1px solid #dbdbdb;
}

.profile-contact li {
    position: relative;
    min-height: 20px;
    padding-left: 30px;
}

.profile-contact li+li {
    margin-top: 6px;
}

.profile-contact li i {
    position: absolute;
    top: 2px;
    left: 0;
    width: 25px;
    height: 20px;
    text-align: center;
    font-size: 1.4rem;
}

.profile-contact li a {
    font-size: 1.2rem;
    color: #337ab7;
}

.profile-contact li span {
    margin-left: 0;
    font-size: 1.2rem;
    color: #202020;
}


/* tab */

.nav>li>a {
    height: 41px;
    padding: 11px 20px 12px;
}

.nav-tabs>li>a {
    margin-right: -1px;
    border-radius: 0;
    border: 1px solid #ddd;
    background: #f8f8f8;
    color: #747474
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    border: 1px solid #ddd;
    border-bottom: none;
    background: #f8f8f8;
    color: #1b252e;
    font-weight: 600;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #1b252e;
    font-size: 1.2rem;
    font-weight: 600;
}

.nav-tabs.nav-subTabs {
    border-bottom: 4px solid #edeff1;
}

.nav-subTabs>li {
    margin-bottom: -4px;
}

.nav-subTabs>li>a {
    padding: 6px 18px;
    margin-right: 2px;
    border: none;
    background: none;
    border-bottom: 4px solid #abb5be;
    color: #99a6b2;
}

.nav-subTabs>li>a:focus,
.nav-subTabs>li>a:hover {
    border: none;
    background: none;
    border-bottom: 4px solid #337ab7;
    color: #337ab7;
    font-weight: 100;
}

.nav-subTabs>li.active>a,
.nav-subTabs>li.active>a:focus,
.nav-subTabs>li.active>a:hover {
    border: none;
    background: none;
    border-bottom: 4px solid #337ab7;
    color: #337ab7;
    font-weight: 600;
}

.tab-content {
    padding: 20px 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.tab-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.tab-content::-webkit-scrollbar-track {
    background: none;
}

.tab-content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.tab-content.no-pb {
    padding: 20px 0 0;
}

.tab-content.add-mb {
    margin-bottom: -20px;
}

table+.nav,
.module-wrapper+.nav {
    margin-top: 20px;
}


/* process tabs */

.nav-processTabs {
    position: relative;
    margin: 0;
}

.nav-processTabs+.tab-content {
    padding: 10px 0;
}

.nav-processTabs .nav {
    display: inline-block;
    position: relative;
    border-bottom: none;
}

.nav-processTabs .nav:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #8394a6;
    z-index: -1;
}

.nav-processTabs .nav-tabs>li {
    position: relative;
    float: left;
    padding: 10px 0 10px 10px;
    text-align: center;
}

.nav-processTabs .nav-tabs>li:first-child {
    padding-left: 20px;
}

.nav-processTabs .nav-tabs>li:last-child {
    padding-right: 20px;
}

.nav-processTabs .nav-tabs>li .btn,
.nav-processTabs .nav-tabs>li p {
    width: 100%;
}

.nav-processTabs .nav-tabs>li .btn {
    height: 32px;
    padding: 0;
    border: none;
    background: none;
}

.nav-processTabs .nav-tabs>li .btn:focus {
    outline: none;
    box-shadow: none;
}

.nav-processTabs .nav-tabs>li .btn span {
    display: inline-block;
    position: relative;
    width: auto;
    height: 32px;
    padding: 8px 30px;
    border: 1px solid #556474;
    border-radius: 32px;
    background: #fff;
    color: #4c5761;
    font-weight: normal;
}

.nav-processTabs .nav-tabs>li.disabled .btn {
    cursor: not-allowed;
}

.nav-processTabs .nav-tabs>li.disabled .btn span {
    border-color: #8394a6;
    color: #8394a6;
}

.nav-processTabs .nav-tabs>li.current .btn span {
    width: auto;
    margin: -2px;
    padding: 6px 30px;
    border: 3px solid #757575;
    font-weight: bold;
}

.nav-processTabs .nav-tabs>li.active .btn {
    position: relative;
    cursor: default;
}

.nav-processTabs .nav-tabs>li.active .btn span {
    width: auto;
    margin: -2px;
    padding: 6px 30px;
    border: 3px solid #f92465;
    font-weight: bold;
}

.nav-processTabs .nav-tabs>li.active .btn:after {
    position: absolute;
    top: 100%;
    right: 50%;
    margin-right: -7px;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-top: 7px solid #f92465;
}

.nav-processTabs .nav-tabs>li:first-child:before,
.nav-processTabs .nav-tabs>li:last-child:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 23px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #8394a6;
}

.nav-processTabs .nav-tabs>li:first-child:before {
    left: 0;
}

.nav-processTabs .nav-tabs>li:last-child:before {
    right: 0;
}

.nav-processTabs .nav-tabs>li:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #8394a6;
    z-index: -1;
}

.nav-processTabs.nav-sub {
    margin: 5px 0px;
}

.nav-processTabs.nav-sub .nav-tabs:before {
    display: none;
}

.nav-processTabs.nav-sub .nav-tabs>li {
    height: 16px;
    padding: 0;
    margin: 6px 12px 6px 0;
}

.nav-processTabs.nav-sub .nav-tabs>li:after {
    display: none;
}

.nav-processTabs.nav-sub .nav-tabs>li:first-child:before {
    display: none;
}

.nav-processTabs.nav-sub .nav-tabs>li+li {
    padding-left: 22px;
}

.nav-processTabs.nav-sub .nav-tabs>li+li:before {
    content: "\f054";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 10px;
    height: 16px;
    line-height: 18px;
    background: none;
    color: #d1d7de;
    font-size: 1.4rem;
}

.nav-processTabs.nav-sub .nav-tabs>li .btn {
    float: left;
    position: relative;
    height: 16px;
    padding-left: 22px;
}

.nav-processTabs.nav-sub .nav-tabs>li .btn:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 3px solid #4a596a;
    border-radius: 8px;
    background-color: #fff;
}

.nav-processTabs.nav-sub .nav-tabs>li .btn span {
    height: 16px;
    line-height: 14px;
    padding: 0;
    border: none;
}

.nav-processTabs.nav-sub .nav-tabs>li.disabled .btn:before {
    border: 1px solid #8394a6;
    background-color: #eaeef2;
}

.nav-processTabs.nav-sub .nav-tabs>li.disabled .btn span {
    font-weight: normal;
}

.nav-processTabs.nav-sub .nav-tabs>li.active .btn:before {
    border-color: #f92465;
}

.nav-processTabs.nav-sub .nav-tabs>li.active .btn span {
    color: #f92465;
}

.nav-processTabs.nav-sub .nav-tabs>li.active .btn:after {
    display: none;
}

.nav-processTabs.static .nav-tabs>li .btn {
    cursor: default;
}

.nav-processTabs.static .nav-tabs>li .btn:active {
    box-shadow: none;
}

.nav-processTabs.static .nav-tabs>li.active .btn span {
    margin: 0 -2px;
}

.nav-processTabs.static .nav-tabs>li.active .btn:after {
    content: none;
}


/* multi & search select (Select2 plugin) */

.select2-container {
    position: relative;
    width: auto !important;
    max-width: 500px;
    min-width: 206px;
    line-height: 20px;
}

.select2-width01+.select2-container {
    min-width: 100px;
}

.select2-width02+.select2-container {
    min-width: 150px;
}

.select2-width03+.select2-container {
    min-width: 300px;
}

.select2-width04+.select2-container {
    min-width: 500px;
}

.input-block+.select2-container {
    width: 100% !important;
}


/*.select2-fxd + .select2-container:before { font-family: "FontAwesome"; content: "\f0d7"; display: inline-block; position: absolute; top: 5px; right: 10px; color: #202020; }*/

.select2-container .select2-selection--multiple {
    min-height: 26px;
}

.select2-container--default.select2-container--focus .select2-selection.select2-selection--single,
.page-search .input-group .input-group-form .list-inline>li:first-child .select2-container--default.select2-container--focus .select2-selection.select2-selection--single {
    border: 1px solid #333 !important;
    margin-left: -1px;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    padding-left: 22px;
    border-radius: 0;
    border: 1px solid #a8a8a8;
    background: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #a8a8a8;
}

.select2-dropdown {
    border-radius: 0;
    border: 1px solid #a8a8a8;
}

.select2-results__option {
    color: #202020;
    font-size: 1.2rem;
    padding: 4px 6px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f2f2f2;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ddd;
    color: #202020;
}

.select2-rmt+.select2-container--default .select2-selection--single:before,
.select2-rmt+.select2-container--default .select2-selection--multiple:before {
    font-family: 'FontAwesome';
    content: "\f002";
    position: absolute;
    top: 0px;
    left: 8px;
    line-height: 25px;
    font-size: 1.3rem;
    color: #747474;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    float: left;
    padding: 0 5px;
    margin-top: 2px;
}

.page-search .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    float: left;
    height: 28px;
    margin: 0;
    padding: 2px 5px;
    overflow: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative;
    max-width: 200px;
    height: 18px;
    margin: 1px 4px 3px 0;
    padding: 0px 25px 0 5px;
    line-height: 14px;
    border-radius: 0;
    border-color: #b9d5d2;
    background: #edfaf8;
    color: #202020;
    font-size: 1.2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    top: 1px;
    right: 2px;
    width: 15px;
    height: 14px;
    margin: 0;
    color: #747474;
    font-weight: 100;
    font-size: 2rem;
    line-height: 10px;
}

.select2-container--default .select2-selection--multiple:after {
    display: block;
    content: "";
    clear: both;
}

.select2-results__options::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.select2-results__options::-webkit-scrollbar-track {
    background: none;
}

.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 20px;
    margin-top: 0px;
}

.page-search .select2-container {
    line-height: 24px;
}

.page-search .select2-container--default .select2-selection--single,
.page-search .select2-container--default .select2-selection--multiple {
    border-left: none;
    min-height: 30px;
}

.page-search .no-border-right .select2-container--default .select2-selection--single,
.page-search .no-border-right .select2-container--default .select2-selection--multiple {
    border-right: none;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__choice,
.page-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px;
}

.page-search .select2-rmt+.select2-container--default .select2-selection--single:before,
.page-search .select2-rmt+.select2-container--default .select2-selection--multiple:before {
    line-height: 30px;
}

.page-search .select2-fxd+.select2-container:before {
    top: 3px;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}

.select2-fxd+.select2-container--default .select2-selection--single {
    padding-left: 0;
}

.select2-fxd+.select2-container--default .select2-selection--multiple {
    padding-left: 2px;
}

.select2-container--default .select2-selection--single {
    height: 26px;
    border-radius: 0;
    border-color: #a8a8a8;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #202020;
    line-height: 22px;
}

.select2-rmt+.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-rmt+.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #575757 transparent transparent transparent;
    border-width: 6px 3px 0 3px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #575757 transparent;
    border-width: 0 3px 6px 3px;
}

.module-header .select2-container--default .select2-selection--single {
    height: 28px;
}

.module-header .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}

.module-header .select2-rmt+.select2-container--default .select2-selection--single:before {
    line-height: 27px;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: relative;
    line-height: 20px;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-top: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__clear:before,
.select2-container--default .select2-selection--multiple .select2-selection__clear:before {
    content: "\f057";
    font-family: "FontAwesome";
    font-size: 1.4rem;
    display: inline-block;
    position: absolute;
    color: #848484;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__clear,
.page-search .select2-container--default .select2-selection--multiple .select2-selection__clear {
    line-height: 24px;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-top: 2px;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
}

.select2-hidden-accessible {
    max-width: 1px;
}





/* message */

.info {
    position: relative;
    display: inline-block;
    opacity: 1;
}

.info:after {
    content: "";
    display: inline-block;
    clear: both;
}

.info i {
    float: left;
    line-height: 18px;
    font-size: 1.4rem;
    color: #337ab7;
}

.info-text p {
    float: left;
    position: relative;
    margin: 0;
    line-height: 16px;
    color: #337ab7;
}

.info-text p em {
    color: #f92465;
}

.info-text.info-multiLine {
    height: auto !important;
}

.info-text.info-multiLine p {
    height: auto !important;
    line-height: normal !important;
}

.info-text i+p {
    margin-left: 5px;
}

.info i.fa-exclamation-triangle {
    color: #f8ac59;
}

.info-text i.fa-exclamation-triangle+p {
    color: #f8ac59;
}

.info i.fa-exclamation-circle {
    color: #f92465;
}

.info-text i.fa-exclamation-circle+p {
    color: #f92465;
}

.info-tooltip {
    cursor: pointer;
}

.info-tooltip p {
    display: none;
}

.info-tooltip:hover p {
    display: inline-block;
    position: absolute;
    min-width: 200px;
    top: -5px;
    left: 22px;
    padding: 4px 10px 6px;
    border-radius: 4px;
    background-color: #3e4d5a;
    color: #fefefe;
    font-family: "Malgun gothic";
    font-size: 1.2rem;
    text-align: left;
    z-index: 10;
}

.info-tooltip:hover p:before {
    content: "\f0d9";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    color: #3e4d5a;
    font-size: 1.8rem;
    top: 8px;
    left: -6px;
}

ul.input-radio>li .info-tooltip {
    float: left;
    height: 26px;
    margin-left: 0;
}

ul.input-radio>li .info-tooltip i {
    height: 26px;
    line-height: 26px;
}

ul.input-radio>li .info-tooltip:hover p {
    top: -4px;
}

ul.input-radio>li .info-tooltip:hover p:before {
    top: 5px;
}

h3+.list-inline.pull-left {
    margin-left: 10px;
}

h3+.info {
    top: 0px;
}

*+.info {
    margin-left: 8px;
}

.module-header .list-inline li>p,
.module-header .list-inline li>.input-radio label>input+span,
.module-header .list-inline li>.input-checkbox label>input+span {
    height: 28px;
    line-height: 28px;
}

.module-header .list-inline li>.input-radio label>input,
.module-header .list-inline li>.input-checkbox label>input {
    height: 24px;
    margin-top: 4px;
}

.module-header .info i,
.module-footer .info i {
    height: 28px;
    line-height: 30px;
}

.module-header .info-tooltip:hover p,
.module-footer .info-tooltip:hover p {
    top: -7px;
}

td .list-inline li>.info-tooltip i {
    height: 26px;
    line-height: 26px;
}

td .info-text i {
    top: 2px;
}

td .list-inline li .info {
    height: 26px;
}

td .list-inline li .info i {
    height: 26px;
    line-height: 26px;
}

td .list-inline li .info.info-text p {
    height: 26px;
    line-height: 24px;
}

.table-detail th .info.info-tooltip {
    margin-left: 0px; 
}

.table-detail th .info i {
    margin-top: 2px;
}


/* bootstrap tooltip */

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    text-align: left;
    background-color: #3e4d5a;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #3e4d5a;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #3e4d5a;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #3e4d5a;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #3e4d5a;
}


/* quick link */

#quicklink {
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 0 12px;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background-color: #fff;
    z-index: 100;
}

#quicklink.affix {
    padding: 12px 20px 12px;
}

#quicklink .quicklink-list {
    border-left: 6px solid #337ab7;
    background-color: #f8f8f8;
}

#quicklink .nav {
    padding: 16px 30px;
    border: 1px solid #e8e8e8;
    border-left: none;
}

#quicklink .nav:after {
    content: "";
    display: inline-block;
    clear: both;
}

#quicklink .nav li {
    display: inline-block;
    float: left;
}

#quicklink .nav li+li {
    margin-left: 32px;
}

#quicklink .nav li a {
    padding: 0;
    font-size: 1.2rem;
    color: #1b252e;
}

#quicklink .nav li a:hover,
#quicklink .nav li a:focus {
    background: none;
}

#quicklink .nav li.active {
    position: relative;
    padding-left: 18px;
}

#quicklink .nav li.active:before {
    font-family: "FontAwesome";
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #337ab7;
    font-size: 1.3rem;
}

#quicklink .nav li.active a {
    color: #337ab7;
    font-weight: bold;
}


/* division */

.division.row {
    margin: 0 -20px 0;
}

.module-wrapper+.division.row {
    margin-top: 20px;
}

.division-col {
    position: relative;
    padding: 0 20px;
}

.division-col.expand {
    display: block !important;
    width: 100% !important;
}

.division-col.hidden {
    display: none !important;
}

.division-left {
    float: left;
    padding-right: 10px;
}

.division-right {
    float: right;
    padding-left: 10px;
}

.division-toggle.row {
    margin: 0 -20px 20px;
    padding-right: 20px;
}

.division-toggle .division-col {
    padding: 25px 20px 0;
    transition: width 0.3s;
}

.division-toggle .division-right {
    padding-right: 0;
    border-left: 1px solid #ccc;
}

.division-toggle .division-right.expand {
    border-left: none;
}

.division-toggleBtn {
    position: absolute;
    top: 0;
    right: 8px;
    width: 18px;
    height: 18px;
    line-height: 10px;
    border: 1px solid #a8a8a8;
    background: none;
    font-size: 1.2rem;
    color: #a8a8a8;
}

.division-toggleBtn:hover {
    border-color: #202020;
    color: #202020;
}

.division.toggle+.btn-block {
    padding-right: 20px;
}

.division-row {
    position: relative;
    padding: 0 20px;
}

.division-toggle .division-row {
    padding: 25px 0 0;
}

.division-toggle .division-row.division-top {
    padding-bottom: 25px;
}

.division-toggle .division-row.division-bottom {
    padding-top: 50px;
    border-top: 1px solid #ccc;
}

.division-toggle .division-bottom.expand {
    padding-top: 35px;
    border-top: none;
}

.division-row .division-toggleBtn {
    right: 0;
}

.division-row.division-bottom .division-toggleBtn {
    top: 15px;
}

.division-row.division-bottom.expand .division-toggleBtn {
    top: 0;
}

.division-overflow {
    padding-right: 10px;
    overflow-y: auto;
}


/* process map */

.process-map {
    margin-top: 10px;
}


/* datatable */

div.dataTables_wrapper div.dataTables_header {
    margin-top: 0px;
    margin-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_header:after {
    content: "";
    display: block;
    clear: both;
}

div.dataTables_wrapper div.dataTables_header>p {
    height: 28px;
    line-height: 32px;
}

div.dataTables_wrapper div.dataTables_filter {
    float: left;
    margin-right: 20px;
    position: relative;
    top: 0px;
}

div.dataTables_wrapper div.dataTables_filter label {
    position: relative;
}

div.dataTables_wrapper div.dataTables_filter .fa-search {
    position: absolute;
    top: 7px;
    left: 12px;
    display: inline-block;
    color: #747474;
    font-size: 1.3rem;
}

div.dataTables_wrapper div.dataTables_filter input {
    min-width: 215px;
    height: 28px;
    padding-left: 30px;
    margin-left: 0;
    border-color: #eaeaea;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.2rem;
    color: #202020;
}

div.dataTables_wrapper div.dataTables_toolbar {
    display: inline-block;
    float: left;
    height: 28px;
    position: relative;
    top: 0px;
}

div.dataTables_wrapper div.dataTables_info {
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0;
    font-size: 1.2rem;
    color: #747474;
}

div.dataTables_wrapper div.dataTables_info em {
    font-weight: 600;
    color: #f92465;
}

div.dataTables_wrapper div.dataTables_length {
    float: left;
    margin-right: 12px;
    font-size: 1.2rem;
    color: #747474;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    height: 28px;
    padding: 0 5px;
    margin: 0 10px;
    border-radius: 0;
    border-color: #eaeaea;
    box-shadow: none;
    color: #333333;
}

div.dataTables_wrapper div.dataTables_length span {
    display: inline-block;
    position: relative;
    top: 2px;
}

div.dataTables_wrapper div.dataTables_toolbar .dataTables_info+.dt-buttons {
    margin-left: 10px;
}

div.dataTables_wrapper div.dt-buttons {
    float: left;
    width: auto;
    text-align: right;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis {
    position: relative;
    height: 28px;
    border: none;
    line-height: 24px;
    padding: 0px 12px;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis:focus {
    background: none;
    box-shadow: none;
    outline: none;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 20px;
    top: 5px;
    left: 0;
    background-color: #cccccc;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis span {
    display: inline-block;
    position: relative;
    top: 3px;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis i {
    font-size: 1.4rem;
    color: #747474;
}

div.dataTables_wrapper div.dt-buttons.module-buttons {
    float: right !important;
}

div.dataTables_wrapper div.dt-buttons.module-buttons .btn {
    padding-top: 6px;
}

div.dataTables_wrapper div.dt-buttons.module-buttons .btn+.btn {
    margin-left: 5px;
}

div.dataTables_wrapper div.dt-buttons.crud-buttons {
    float: right;
    margin-top: 14px;
}

div.dataTables_wrapper div.dt-buttons.crud-buttons .btn {
    padding-top: 6px;
}

div.dataTables_wrapper div.dt-buttons.crud-buttons .btn+.btn {
    margin-left: 10px;
}

div.dataTables_wrapper .dt-clickable tr {
    cursor: pointer;
}

table.dataTable.no-footer {
    border-bottom: none;
}

ul.dt-button-collection.dropdown-menu {
    padding: 6px 0 0;
    border: 1px solid #a8a8a8;
    border-radius: 0;
}

ul.dt-button-collection.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 12px;
    width: 10px;
    height: 8px;
    background: url(../images/bg/balloon_arrow.png) no-repeat;
}

ul.dt-button-collection.dropdown-menu>li {
    padding: 0 6px;
}

ul.dt-button-collection.dropdown-menu>.buttons-columnVisibility>a {
    position: relative;
    padding: 0 0 0 24px;
    line-height: 26px;
    color: #202020;
    font-size: 1.2rem;
    background-color: #fff;
}

ul.dt-button-collection.dropdown-menu>.buttons-columnVisibility>a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 6px;
    width: 13px;
    height: 13px;
    border: 1px solid #707070;
}

ul.dt-button-collection.dropdown-menu>.buttons-columnVisibility.active>a:after {
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 7px;
    width: 12px;
    height: 12px;
    font-family: "fontawesome";
    color: #202020;
}

ul.dt-button-collection.dropdown-menu>.buttons-colvisRestore {
    padding: 8px 0;
    margin-top: 8px;
    border-top: 1px solid #eaeaea;
    text-align: center;
}

ul.dt-button-collection.dropdown-menu>.buttons-colvisRestore>a {
    display: inline-block;
    position: relative;
    width: 82px;
    height: 30px;
    line-height: 28px;
    padding: 0;
    padding-left: 16px;
    border: 1px solid #949494;
    font-size: 1.1rem;
}

ul.dt-button-collection.dropdown-menu>.buttons-colvisRestore>a:before {
    content: "\f01e";
    font-family: "fontawesome";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 12px;
    font-size: 1.3rem;
}

div.dt-button-background {
    background: none;
}

table.display,
table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top: 2px solid #4d5762;
}

table.display thead th,
table.dataTable.display thead th,
table.display tbody td,
table.dataTable.display tbody td {
    line-height: 23px;
    padding: 4px 10px;
    border: none;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    font-size: 1.2rem;
}

table.display thead th:first-child,
table.dataTable.display thead th:first-child,
table.display tbody td:first-child,
table.dataTable.display tbody td:first-child {
    border-left: 1px solid #eaeaea;
}

table.display thead tr+tr th:first-child,
table.dataTable.display thead tr+tr th:first-child {
    border-left: none;
}

table.display thead th,
table.dataTable.display thead th {
    text-align: center;
    background: #f8f8f8;
    line-height: 18px;
    padding: 6px 10px;
    color: #000;
    font-weight: normal;
    white-space: nowrap;
}

table.display tbody td,
table.dataTable.display tbody td {
    background: #fff;
    color: #202020;
}

table tbody td em {
    margin-right: 5px;
    color: #f92465;
}

td a {
    text-decoration: none;
    color: #202020;
}

td a:focus,
td a:hover {
    text-decoration: underline;
    color: #202020;
}

td a.txt_underline {
    text-decoration: underline;
    color: #202020;
}

td a.fraction {
    display: inline-block;
    text-decoration: none;
}

td a.fraction em {
    display: inline-block;
    width: 26px;
    height: 14px;
    line-height: 14px;
    margin-right: 5px;
    border-radius: 2px;
    background: #f92465;
    text-align: center;
    color: #fff;
    font-size: 1.1rem;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    display: none;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-right: 10px;
}

table.dataTable thead span.sort-icon:after {
    display: inline-block;
    position: relative;
    padding-left: 3px;
    margin-right: -16px;
    width: 16px;
    height: 16px;
    color: #747474;
}

table.dataTable thead .sorting_asc span.sort-icon:after {
    font-family: 'FontAwesome';
    content: "\f0de";
    top: 2px;
}

table.dataTable thead .sorting_desc span.sort-icon:after {
    font-family: 'FontAwesome';
    content: "\f0dd";
    top: -2px;
}

table.dataTable thead .sorting_disabled span:after.sort-icon {
    display: none;
}

table.dataTable th.required span.sort-icon:before,
.table .th.required span.sort-icon:before {
    display: none;
}

table.dataTable th.required span:before,
.table .th.required span:before {
    top: -2px;
    left: -6px;
}

table.dataTable .dt-checkbox {
    text-align: center;
}

table.dataTable .dt-checkbox input[type="checkbox"] {
    box-shadow: none;
    height: auto;
    margin-top: 0;
    cursor: pointer;
}

table.dataTable th.dt-checkbox input[type="checkbox"] {
    display: none;
}

table.dataTable th.dt-checkbox input[type="checkbox"]+.fa {
    color: #b7b7b7;
    font-size: 1.4rem;
}

table.dataTable th.dt-checkbox input[type="checkbox"]:checked+.fa {
    color: #212121;
}

table.dataTable .dt-radio {
    text-align: center;
}

table.dataTable .dt-radio input[type="radio"] {
    box-shadow: none;
    height: auto;
    margin-top: 0;
    cursor: pointer;
}

table.dataTable .dt-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.dataTable .dt-mw300 {
    max-width: 300px;
}

table.dataTable .dt-mw200 {
    max-width: 200px;
}

table.dataTable .dt-mw100 {
    max-width: 100px;
}

table.dataTable .dt-mw50 {
    max-width: 50px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    table.dataTable td.select-checkbox:before,
    table.dataTable td.select-checkbox:after {
        top: auto;
    }
}

table.dataTable tr.selected td.select-checkbox:after {
    font-family: "fontawesome";
    content: "\f00c";
    color: #707070;
    text-shadow: none;
    margin-top: -11px;
    margin-left: -5px;
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background: #fff;
}

table.dataTable.display tbody tr.odd:hover>td,
table.dataTable.order-column.stripe tbody tr.odd:hover>td,
table.dataTable.display tbody tr.even:hover>td,
table.dataTable.order-column.stripe tbody tr.even:hover>td {
    background: #fefbf1;
}

table.dataTable.display tbody>tr.odd.selected>td,
table.dataTable.order-column.stripe tbody>tr.odd.selected>td,
table.dataTable.display tbody>tr.even.selected>td,
table.dataTable.order-column.stripe tbody>tr.even.selected>td,
table.dataTable.display tbody>tr.odd.selected>td.sorting_1,
table.dataTable.order-column.stripe tbody>tr.odd.selected>td.sorting_1,
table.dataTable.display tbody>tr.even.selected>td.sorting_1,
table.dataTable.order-column.stripe tbody>tr.even.selected>td.sorting_1 {
    background: #fff1c3;
}

div.dataTables_wrapper div.dataTables_paginate {
    float: left;
    padding: 0;
    margin-top: 16px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    float: left;
    margin: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    float: left;
    min-width: 2.8rem;
    height: 2.8rem;
    padding: 0;
    margin: 0;
    margin-left: -1px;
    border-radius: 0;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    background: #f8f8f8;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first a,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous a,
.dataTables_wrapper .dataTables_paginate .paginate_button.next a,
.dataTables_wrapper .dataTables_paginate .paginate_button.last a {
    border: none;
    border-radius: 0;
    background: #fff;
    font-size: 1.3rem;
    color: #202020;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.first a,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous a,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next a,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.last a {
    color: #909090;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border-left: 1px solid #eaeaea;
}

.pagination>li>a {
    width: 100%;
    height: 100%;
    padding: 4px;
    margin: 0;
    border-color: #eaeaea;
    color: #333333;
    font-size: 1.2rem;
    outline: none;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
    border-color: #eaeaea;
    background: #fff;
    text-decoration: underline;
    color: #f92465;
    outline: none;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_filter {
        display: block;
        float: none;
        text-align: left;
        margin-bottom: 10px;
    }
    div.dataTables_wrapper div.dataTables_length span {
        top: 0;
    }
}

.dataTables_scrollBody td {
    white-space: nowrap;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #eaeaea;
}
/*
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-track {
    background: none;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}
*/

.DTFC_ScrollWrapper table tbody td {
    white-space: nowrap;
}

.DTFC_LeftWrapper table.dataTable,
.DTFC_RightWrapper table.dataTable {
    border-color: transparent;
}

.DTFC_LeftBodyWrapper table.dataTable,
.DTFC_RightBodyWrapper table.dataTable {
    border-top: none;
}

div.DTFC_LeftBodyLiner,
div.DTFC_RightBodyLiner {
    border-bottom: 1px solid #eaeaea;
}

.DTFC_LeftHeadWrapper table.dataTable.display thead th:last-child {
    border-right: 2px solid #cccccc;
}

.DTFC_LeftBodyWrapper {
    border-right: 2px solid #cccccc;
}


/* RUI */

.L-popup-button-icon {
    width: 15px;
    height: 15px;
    top: 4px;
    right: -2px;
    background: url("../images/icon/link_newWindow.png") no-repeat center;
}

.L-popuptextbox a.icon {
    background: url("../images/icon/link_newWindow.png") no-repeat center 10px;
}

.L-datebox a.icon {
    width: 15px;
    left: 6px;
    right: auto;
    background: url("../images/icon/calendar.png") no-repeat 0 9px;
}

.L-form-field {
    border: none;
}

.L-form-field.L-disabled {
    color: inherit;
    border: 0;
}

.L-form-field input.form-control {
    height: 18px;
    box-sizing: content-box;
    border: 1px solid #a8a8a8;
}

.page-search .L-form-field input.form-control {
    box-sizing: border-box;
}

.L-editor-panel {
    box-sizing: content-box;
}

.L-editor-panel .L-radio-panel+.L-radio-panel {
    margin-left: 5px;
}

.L-button.btn-module,
.rui-grid .list-inline .L-button.btn-module {
    padding: 0;
    line-height: 14px;
}

.L-button.btn-module button {
    padding: 4px 8px 6px;
}

.L-form-field.L-numberbox input.form-control {
    height: 16px;
}

.L-form-field.L-numberbox input.form-control::-webkit-input-placeholder {
    text-align: left;
}

.L-numberbox>input {
    text-align: right;
}

.L-datebox a.icon {
    background-position: 0 50%;
}

.rui-file {
    position: relative;
}

.rui-file:before {
    content: "\f0c6";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 1.3rem;
    color: #909090;
    line-height: 18px;
    z-index: 10;
}

.rui-file .L-filebox {
    padding-right: 4px;
}

.rui-file .L-filebox.L-disabled,
.rui-file .L-filebox.L-disabled input[type="file"],
.rui-file .L-filebox.L-disabled input[type="file"]::-webkit-file-upload-button {
    cursor: not-allowed !important;
}

.rui-grid .rui-grid-header .list-inline .rui-file .L-filebox.L-disabled .L-filebox-button {
    border-color: #a8a8a8 !important;
    background: #ededed !important;
    color: #747474 !important;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.rui-file .L-filebox-button {
    border-color: #949494;
    background: #fff;
    color: #202020;
    font-size: 1.1rem;
}

.rui-file .L-filebox-button i {
    position: relative;
    top: 1px;
}

.list-inline li>.rui-file {
    margin-right: -5px;
}

.rui-file input[type="text"] {
    height: 26px;
    border: 1px solid #eaeaea;
    padding: 0 8px 0 26px;
    box-sizing: content-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rui-file input[type="file"] {
    width: 100% !important;
    height: 28px;
    padding: 0;
    cursor: pointer;
}

.rui-grid .rui-grid-header .list-inline .rui-file:before {
    display: none;
}

.rui-grid .rui-grid-header .list-inline .rui-file .L-filebox {
    padding: 0;
}

.rui-grid .rui-grid-header .list-inline .rui-file input[type="text"] {
    display: none;
}

.rui-grid .rui-grid-header .list-inline .rui-file .L-filebox-button {
    position: relative;
    height: 28px;
    padding: 5px 8px 7px;
    margin: 0;
    cursor: pointer;
}

.rui-grid .rui-grid-header .list-inline .rui-file .L-filebox:hover .L-filebox-button {
    border: 1px solid #000;
}


/* RUI grid */

*+.rui-grid {
    margin-top: 25px;
}

.module-header+.rui-grid {
    margin-top: 0;
}

.rui-grid-header {
    min-height: 28px;
    margin-bottom: 10px;
}

.rui-grid-header:after,
.rui-grid-footer:after {
    content: "";
    display: block;
    clear: both;
}

.rui-grid-header h3 {
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 10px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #337ab7;
    background: none;
}

.rui-grid-header h3:before {
    font-family: "fontawesome";
    content: "\f0da";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
}

.rui-grid .rui-filter {
    display: inline-block;
    position: relative;
}

.rui-grid .rui-filter .fa {
    position: absolute;
    top: 7px;
    left: 12px;
    color: #747474;
    font-size: 1.3rem;
}

.rui-grid .rui-filter .L-form-field {
    width: auto !important;
    border: 1px solid #eaeaea;
}

.rui-grid .rui-filter input[type=text] {
    min-width: 215px !important;
    height: 26px;
    padding-left: 30px;
    margin-left: 0;
    border-color: #eaeaea;
    font-size: 1.2rem;
    color: #202020;
}

.rui-grid .list-inline .rui-filter {
    margin-right: 15px;
}

.rui-grid .L-button button {
    border: none;
}

.rui-grid .list-inline .btn-module {
    padding-top: 6px;
}

.rui-grid .list-inline .L-button.btn-module button,
.rui-grid .list-inline button.btn-module {
    padding: 5px 8px 7px;
}

.rui-grid .list-inline .L-button.btn-module button i {
    position: relative;
    top: 1px;
}

.rui-grid .list-inline .L-button.btn-module button span {
    line-height: 11px;
}

.rui-grid .rui_total {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0;
    font-size: 1.2rem;
    color: #747474;
}

.rui-grid .rui_total em {
    font-weight: 600;
    color: #f92465;
}

.rui-grid-table table {
    border-top: none;
}

.rui-grid-table table * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.rui-grid-table table .list-inline * {
    box-sizing: border-box;
}

.rui-grid-table .L-panel {
    border-color: #eaeaea;
    border-top: none;
}

.rui-grid-row-error {
    background-color: #fde3c7;
}

.L-grid-header {
    border-top: 2px solid #4d5762;
    border-bottom: none;
    background: #f8f8f8;
}

.L-grid-header td a,
.L-grid-header td a:hover,
.L-grid-header td a:focus {
    cursor: text;
    text-decoration: none;
}

.L-grid-header .L-grid-header-table td a {
    height: auto;
    color: #000;
    font-size: 1.2rem;
    cursor: pointer;
}

.L-grid-header-row .L-grid-header-inner {
    line-height: 18px;
    padding: 0px 0;
}

.L-grid-header-tool-icon {
    text-align: right;
}

.L-grid-header-tool-icon:before {
    content: "\f0da";
    font-family: "FontAwesome";
    font-size: 1.4rem;
    color: #666;
}

.L-grid-cell,
td.L-grid-dummy-cell {
    height: 31px;
}


/*.L-grid-row .L-grid-cell-inner { line-height: 24px; padding: 4px 5px; color: #202020; font-size: 1.2rem; }*/

.L-grid-cell-inner {
    text-overflow: ellipsis;
}

.L-grid-row .L-grid-cell-inner {
    line-height: 24px;
    padding: 0px 5px;
    color: #202020;
    font-size: 1.2rem;
}

.L-grid-row-even {
    background-color: #fff;
}

.L-grid-header-row td,
.L-grid-row-dummy td,
.L-grid-col-line .L-grid-row td.L-grid-cell {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.rui-grid-footer .list-inline.pull-right {
    margin-top: 20px;
    margin-right: -5px;
}

.L-grid-sort-icon {
    position: relative;
    top: -2px;
    height: 16px;
    width: 16px;
    margin-right: -16px;
}


/*.L-grid-cell-sortable .L-grid-sort-icon { background: url("../images/icon/sort_up_down.png") no-repeat 4px 3px; }*/

.L-grid-cell-sortable .L-grid-sort-icon {
    background: none;
}

.L-grid-sort-asc .L-grid-sort-icon {
    background: url("../images/icon/sort_up.png") no-repeat 4px 6px !important;
}

.L-grid-sort-desc .L-grid-sort-icon {
    background: url("../images/icon/sort_down.png") no-repeat 4px 7px !important;
}

.L-grid-body-empty td {
    line-height: 23px;
    padding: 4px 10px;
    color: #202020;
    font-size: 1.2rem;
}

.L-grid-column-freeze .L-grid-header .L-grid-li-first {
    top: 2px;
    border-right: 1px solid #eaeaea;
}

.L-grid-column-freeze .L-grid-header .L-grid-li-first .L-grid-header-cell {
    background-color: #f8f8f8;
}

.L-grid-column-freeze .L-grid-scroller .L-grid-li-first {
    border-right: 1px solid #eaeaea;
}

.L-grid-row .L-grid-cell-inner.L-grid-col-btn .L-grid-button {
    height: 22px;
    line-height: 18px;
    float: left;
    padding: 1px 10px 1px;
    border: 1px solid #aeaeae;
    background: #f6f6f6;
    font-size: 1.1rem;
}

.L-grid-row .L-grid-cell-inner.L-grid-col-btn .L-grid-button:hover {
    border-color: #949494;
    background: #efefef;
}

.L-grid-row .L-grid-cell-inner.L-grid-col-btn .list-inline li {
    margin: 2px -5px 2px 0;
}

.L-grid-row .L-grid-cell-inner.L-grid-col-btn .list-inline .L-grid-button {
    margin-right: 0;
}

.L-grid.L-editable {
    border-color: #fd195e;
}

.L-grid.L-editable div.L-datebox input {
    width: 100% !important;
    background: transparent;
    padding-left: 25px;
}

.L-grid.L-editable input[type=radio] {
    float: left;
    height: 30px;
}

.L-grid.L-editable input[type=radio]+label {
    float: left;
    height: 30px;
    line-height: 28px;
    font-weight: normal;
    margin-left: 2px;
}

.L-grid-summary-depth-0 {
    background-color: #eff9f5;
}

.L-grid-summary-depth-1 {
    background-color: #d3ece3;
}

.L-grid-row-summary-total td.L-grid-cell {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background-color: #b9e4d2;
    font-weight: bold;
}


/*.L-grid-summary-depth-0 { background-color: #fff6f6; }
.L-grid-summary-depth-1 { background-color: #ffeaea; }
.L-grid-row-summary-total td.L-grid-cell { border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background-color: #ffd6d6; font-weight: bold; }*/

.L-grid-summary-col {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.L-editable .L-grid-row-selected .L-grid-cell-editable {
    background: url("../images/icon/rui_pencil.png") no-repeat 2px top transparent;
}

.L-grid-row-over {
    background: #fefbf1 !important;
}

.L-grid-row-selected {
    background: #fff1c3 !important;
}

.L-grid-body .L-grid-cell-selected {
    background-color: #ffe48a !important;
}

.rui-grid .colvis__button {
    position: relative;
    height: 28px;
    border: none;
    line-height: 24px;
    padding: 0px 12px;
    background: none;
}

.rui-grid .colvis__button:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 20px;
    top: 5px;
    left: 0;
    background-color: #cccccc;
}

.rui-grid .colvis__button i {
    font-size: 1.4rem;
    color: #747474;
}

.rui-grid .colvis>ul {
    display: none;
    position: absolute;
    min-width: 180px;
    padding: 0;
    border: 1px solid #a8a8a8;
    border-radius: 0;
    background: #fff;
    z-index: 10;
}

.rui-grid .colvis>ul.active {
    display: inline-block;
}

.rui-grid .colvis>ul:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 12px;
    width: 10px;
    height: 8px;
    background: url(../images/bg/balloon_arrow.png) no-repeat;
}

.rui-grid .colvis__list {
    padding: 0 6px;
}

.rui-grid .colvis__list a {
    display: block;
    position: relative;
    padding: 0 0 0 24px;
    line-height: 26px;
    color: #202020;
    font-size: 1.2rem;
    background-color: #fff;
}

.rui-grid .colvis__list a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 6px;
    width: 13px;
    height: 13px;
    border: 1px solid #707070;
}

.rui-grid .colvis__list.active a:after {
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 7px;
    width: 12px;
    height: 12px;
    font-family: "fontawesome";
    color: #202020;
}

.rui-grid .colvis__list__button {
    padding: 8px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
}

.rui-grid li+.colvis__list__button {
    margin: 8px 0 0;
    border-bottom: none;
    border-top: 1px solid #eaeaea;
}

.rui-grid .colvis__list__button a {
    display: inline-block;
    position: relative;
    width: 75px;
    height: 30px;
    line-height: 26px;
    padding: 0;
    margin: 0 1px;
    border: 1px solid #949494;
    font-size: 1.1rem;
    color: #333;
}

.rui-grid .colvis__list__button a:hover {
    background: #f2f2f2;
}

.rui-grid .colvis__list__button a:before {
    font-family: "fontawesome";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 10px;
    font-size: 1.2rem;
}

.rui-grid .colvis__list__button .colvis__list--save {
    width: 156px;
    margin: 0;
}

.L-grid-tree-col {
    height: 24px;
}

.L-grid-row-expand-close .L-grid-tree-col-icon,
.L-grid-row-expand-open .L-grid-tree-col-icon {
    background: none;
    height: 24px;
    line-height: 24px;
}

.L-grid-row-expand-close .L-grid-tree-col-icon:before {
    font-family: "FontAwesome";
    content: "\f07b";
    color: #767676;
}

.L-grid-row-expand-open .L-grid-tree-col-icon:before {
    font-family: "FontAwesome";
    content: "\f115";
}

.L-grid-cell-tooltip {
    background-image: none;
}

.L-header-context-menu {
    border-color: #a8a8a8;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: #202020;
}

.L-header-context-menu .L-header-group-menu-row {
    background-color: #f8f8f8;
    color: #202020;
}

.L-grid-panel .L-masked-message,
.L-wait-panel .L-masked-message {
    width: auto;
    height: auto;
    animation: spin 2s infinite linear;
    background: none;
}

.L-grid-panel .L-masked-message:before,
.L-wait-panel .L-masked-message:before {
    font-family: "FontAwesome";
    content: "\f110";
    color: #337ab7;
    font-size: 5rem;
}

.L-grid-row-radio,
.L-grid-row-radio.L-grid-row-radio-disabled,
.L-grid-row-marked .L-grid-row-radio.L-grid-row-radio-disabled,
.L-grid-row-checkBox,
.L-grid-header-checkBox,
.L-grid-row-checkBox.L-grid-row-checkBox-disabled,
.L-grid-row-marked .L-grid-row-checkBox.L-grid-row-checkBox-disabled,
.L-grid-col-checkBox {
    background-image: url("../images/icon/checkbox-sprite.png");
}

.L-grid-row-checkBox,
.L-grid-header-checkBox {
    cursor: auto;
}

.L-clipboard {
    z-index: 1060;
}

.L-grid-cell-inner button {
    background-color: transparent;
}

.rui-grid-total {
    min-height: 34px;
    padding: 8px 15px;
    border: 1px solid #eaeaea;
    border-top: none;
}

.rui-grid-total p {
    font-size: 1.3rem;
}

.rui-grid span.required {
    position: relative;
}

.rui-grid span.required:before {
    content: "*";
    position: absolute;
    top: -2px;
    left: -6px;
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #fd195e;
    font-size: 1.2rem;
}

.btn.rgrid-th-btn {
    width: auto;
    box-sizing: border-box;
    margin-left: 5px;
    border-color: #aeaeae;
}


/*.L-grid-action-menu .L-action-menu-li {}*/


/* RUI tooltip */

.L-stt {
    padding: 2px 6px 2px 6px;
    border: 1px solid #6f6f6f;
    border-radius: 3px;
    background: linear-gradient(to bottom, #fcfcfc 0%, #f3f3f3 54%, #f9f9f9 100%);
}


/* RUI combo list */

div.L-combo-list-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

div.L-combo-list-wrapper::-webkit-scrollbar-track {
    background: none;
}

div.L-combo-list-wrapper::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}


/*.L-combo-list-wrapper .L-list { padding: 6px; color: #202020; }*/

.L-combo-list-wrapper .L-list {
    color: #202020;
}

.L-combo-list-wrapper .L-list.selected {
    border: none;
    background-color: #f2f2f2;
}

.L-combo-list-wrapper .L-list.active {
    border: none;
    background-color: #ddd;
}


/* RUI calendar */

.L-calcontainer {
    background-color: #fff;
    border-color: #a8a8a8;
    z-index: 1100;
}

.L-calcontainer .L-title,
.L-calcontainer .link-close {
    display: none;
}

.L-calendar {
    border-top: none;
    border-collapse: separate;
}

.L-calendar .L-calweekdaycell {
    min-width: 30px;
    font-size: 1.2rem;
    color: #747474;
}

.L-calendar td.L-calcell {
    border-color: transparent;
}

.L-calendar td.L-calcell a {
    color: #202020;
}

.L-calendar td.L-calcell.selected {
    border-radius: 4px;
    background-color: #36b3af;
}

.L-calendar td.L-calcell.selected a {
    background-color: transparent;
    color: #fff;
}

.L-calendar td.L-calcell.L-calcellhover {
    background-color: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
}

.L-calendar td.L-calcell.L-calcellhover a {
    color: #202020;
}

.L-calendar td.wd0,
.L-calendar td.wd6,
.L-calendar td.L-calcell.oom {
    background-color: transparent;
}

.L-calendar td.wd0 a {
    color: #f92465;
}

.L-calendar td.L-calcell.oom {
    color: #cccccc;
}

.L-calendar .L-calhead {
    padding: 14px 0 10px;
}

.L-calendar .L-calheader {
    padding: 0;
}

.L-calendar .L-calnavyearleft {
    top: 4px;
    left: 0;
    background: url("../images/icon/arrow_double_left.png") no-repeat center;
}

.L-calendar .L-calnavleft {
    top: 4px;
    left: 25px;
    background: url("../images/icon/arrow_left.png") no-repeat center;
}

.L-calendar .L-calnavright {
    top: 4px;
    right: 25px;
    background: url("../images/icon/arrow_right.png") no-repeat center;
}

.L-calendar .L-calnavyearright {
    top: 4px;
    right: 0;
    background: url("../images/icon/arrow_double_right.png") no-repeat center;
}

.L-calendar a.L-calnav {
    font-size: 1.6rem;
    border: none;
}


/* RUI timebox */

.L-grid-panel div.L-timebox input {
    text-align: center;
}

.L-timebox div.icon {
    width: 12px;
}

.L-timebox div.icon .L-spin-up {
    background: url("../images/icon/sort_up.png") no-repeat center 8px;
}

.L-timebox div.icon .L-spin-down {
    background: url("../images/icon/sort_down.png") no-repeat center 3px;
}


/* RUI dialog */

.mask {
    background-color: transparent;
}

.L-masked-panel {
    z-index: 9000;
}

.L-dialog {
    box-shadow: none;
    border-color: #0d3b66;
    z-index: 9500 !important;
}

.L-dialog .hd {
    padding: 8px 15px 7px;
    color: #fff;
    background-color: #3e4d5a;
    border: none;
    border-bottom: 1px solid #3e4d5a;
    font-family: "LGSmHaR";
    font-size: 1.4rem;
    font-weight: 500;
}

.L-dialog .container-close {
    position: absolute;
    display: inline-block;
    top: 6px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: none;
    margin: 0;
    opacity: 1;
    text-shadow: none;
    background: url(../images/icon/close3.png) no-repeat center;
}

.L-dialog .bd {
    padding: 22px 25px;
}

.L-dialog .ft {
    padding: 0 25px 22px;
    border-top: none;
    text-align: center;
}

.L-dialog .L-button {
    border: 1px solid #949494;
    background: #fff;
    color: #202020;
}

.L-dialog .L-button:hover {
    border-color: #000;
    background: #fff;
}

.L-dialog .L-button button {
    border-color: transparent;
    color: #202020;
    padding: 3px 12px 5px;
}

.L-dialog .L-button.default {
    height: 30px;
    line-height: 20px;
    border-radius: 0;
    font-size: 1.2rem;
    border: 1px solid #202020;
    background: #293846;
    color: #fff;
}

.L-dialog .L-button.default:hover {
    background: #000;
}

.L-dialog .L-button.default button {
    margin: 0;
    background-color: transparent;
    color: #fff;
}

.L-dialog .L-button+.L-button {
    margin-left: 10px;
}

.L-dialog p+textarea {
    margin-top: 10px;
}

.L-excel-dialog {
    width: 350px !important;
}


/* RUI tree */

.L-ul-treeview {
    border: 1px solid #cccccc;
    border-top: 2px solid #4d5762;
}

.L-ul-treeview::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.L-ul-treeview::-webkit-scrollbar-track {
    background: none;
}

.L-ul-treeview::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.L-ul-treeview .L-ul-first {
    overflow-y: auto;
    padding: 10px;
    border: none;
}

.L-ul-treeview .L-ul-li-line {
    background: none;
}

.L-ul-treeview-node-image {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: none;
    color: #767676;
    text-align: center;
}

.L-ul-treeview-node-image:before {
    display: inline-block;
    font-family: "FontAwesome";
}

.L-ul-treeview-node-image-open-mid:before,
.L-ul-treeview-node-image-open-last:before {
    content: "\f115";
}

.L-ul-treeview-node-image-close-mid:before,
.L-ul-treeview-node-image-close-last:before {
    content: "\f07b";
}

.L-ul-treeview-node-image-mid:before,
.L-ul-treeview-node-image-last:before {
    content: "\f016";
}

.L-ul-treeview-node-table-cell-folder,
.L-ul-treeview-node-table-cell-folder-no-child {
    display: none;
}

.L-ul .L-ul-treeview-node-label {
    line-height: 22px;
}

.L-ul .L-ul-treeview-node-label:focus,
.L-ul .L-ul-treeview-node-label:hover {
    text-decoration: none;
}

.L-ul-treeview-node-content {
    padding-left: 4px !important;
}

.L-ul-treeview .L-ul-focus-node {
    background-color: transparent;
}

.L-ul-treeview .L-ul-focus-node a {
    font-weight: 600;
    color: #36b3af;
}

.L-ul-treeview .L-ul-focus-node .L-ul-treeview-node-image:before {
    color: #36b3af;
}

.rui-treeView.util {
    position: relative;
}

.rui-treeView.util .list-inline {
    position: absolute;
    left: 11px;
    top: 12px;
    z-index: 2;
}

.rui-treeView.util .L-ul-treeview {
    padding-top: 38px;
}


/* jstree */

h4+.tree {
    margin-top: 10px;
}

.tree-header {
    margin-bottom: 10px;
}

.tree-header-block+.tree-header-block {
    margin-top: 10px;
}

.tree-header-block .page-search {
    margin-bottom: 0;
}

.tree-header-block:after {
    display: block;
    content: "";
    clear: both;
}

.tree-header .search {
    float: left;
    position: relative;
    display: inline-block;
    width: 120px;
}

.tree-header .search input {
    width: 100%;
    height: 28px;
    margin-right: 6px;
    padding-left: 30px;
    border: 1px solid #eaeaea;
}

.tree-header .search i {
    content: "\f002";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    color: #747474;
    font-size: 1.3rem;
    top: 7px;
    left: 10px;
}

.tree-header span {
    font-size: 1.2rem;
    color: #747474;
}

.tree-header span em {
    color: #f92465;
}

.tree-header .search+span {
    margin-left: 10px;
}

.tree-header .total {
    float: left;
    display: inline-block;
    height: 28px;
    line-height: 26px;
}

.tree-header .input-radio {
    float: left;
    height: 28px;
    line-height: 26px;
}

.tree-header-block>.btn,
.tree-header .btn-group {
    float: right;
}

.tree-button-updown {
    margin-top: 6px;
}

.tree-button-updown .btn.btn-icon {
    border: 1px solid #949494;
    border-radius: 4px;
    line-height: 0;
}

.tree-button-updown.rui-tree {
    margin-top: 0;
    margin-right: -5px;
}

.tree-button-updown.rui-tree .btn.btn-icon {
    width: 28px;
    height: 28px;
}

.jstree {
    border-top: 2px solid #4d5762;
}

.jstree-container-ul {
    height: 100%;
    overflow-y: auto;
    padding: 10px 10px 10px 5px;
    border: 1px solid #cccccc;
    border-top: none;
}

.jstree-container-ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.jstree-container-ul::-webkit-scrollbar-track {
    background: none;
}

.jstree-container-ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background: none;
    color: #767676;
}

.jstree-default .jstree-icon.jstree-ocl {
    width: 0;
    height: 0;
}

.jstree-open>.jstree-anchor>.fa-folder:before {
    content: "\f115";
}

.jstree-leaf>.jstree-anchor>.fa-folder:before {
    content: "\f016";
}

.jstree-open>.jstree-clicked>.fa-folder:before {
    content: "\f115";
    color: #36b3af;
}

.jstree-leaf>.jstree-clicked>.fa-folder:before {
    content: "\f016";
    color: #36b3af;
}

.jstree-default .jstree-anchor {
    color: #202020;
}

.jstree-default .jstree-hovered {
    background: none;
    box-shadow: none;
}

.jstree-default .jstree-clicked {
    background: none;
    box-shadow: none;
    font-weight: 600;
    color: #36b3af;
}

.jstree-default .jstree-search {
    font-style: normal;
    color: #36b3af;
}

#lnb-tree {
    border-top: none;
}

#lnb-tree ul {
    border: none;
}

#lnb-tree.jstree-default .jstree-node {
    min-height: 28px;
    line-height: 28px;
}

#lnb-tree.jstree-default .jstree-anchor {
    color: #fff;
    font-weight: 100;
    font-size: 1.2rem;
}

#lnb-tree.jstree-default .jstree-node,
#lnb-tree .jstree-default .jstree-icon {
    position: relative;
    background: none;
    color: #ebf1f7;
    font-size: 1.3rem;
}

#lnb-tree .jstree-open>.jstree-anchor>.fa-plus-square-o:before {
    content: "\f147";
    color: #8394a6;
}

#lnb-tree .jstree-leaf>.jstree-anchor>.fa-plus-square-o:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #f8f8f8;
    position: absolute;
    top: 11px;
    left: 12px;
}

#lnb-tree.jstree-default .jstree-anchor:hover {
    color: #36b3af;
}

#lnb-tree.jstree-default .jstree-clicked {
    background: #23313d;
}

#lnb-tree .jstree-anchor {
    padding-left: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lnb-tree.jstree-default .jstree-icon:empty {
    background: #30404f;
}

#lnb-tree .jstree-anchor>.jstree-themeicon {
    margin-right: 5px;
}


/* shuttle */

*+.shuttle {
    margin-top: 30px;
}

.module-header+.shuttle {
    margin-top: 0;
}

.shuttle-default:after {
    content: "";
    display: block;
    clear: both;
}

.shuttle-default .shuttle-left,
.shuttle-default .shuttle-right {
    float: left;
    width: 260px;
}

.shuttle-default .shuttle-button {
    float: left;
    width: 98px;
}

.shuttle-default .shuttle-list {
    height: 360px;
}

.shuttle-button {
    text-align: center;
    padding: 0;
}

.shuttle-button ul {
    display: inline-block;
    position: relative;
    top: 50%;
    margin-top: -36px;
}

.shuttle-button li {
    margin: 10px 0;
}

.shuttle-button li button {
    padding: 0 16px;
    line-height: 18px;
}

.shuttle-button li button i {
    font-size: 1.6rem;
    margin: 0 1px;
}

.shuttle-top+.shuttle-button {
    margin: 15px 0;
}

.shuttle-top+.shuttle-button ul {
    top: auto;
    margin-top: auto;
}

.shuttle-top+.shuttle-button li {
    display: inline-block;
}

.shuttle-top+.shuttle-button li+li {
    margin-left: 8px;
}

.shuttle-button-down i,
.shuttle-button-up i {
    display: block;
    height: 7px;
    line-height: 5px;
}

.shuttle-button .btn.shuttle-button-down i:before,
.shuttle-button .btn.shuttle-button-up i:before {
    font-weight: normal;
}

.shuttle-list-total {
    display: block;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    font-size: 1.2rem;
    color: #747474;
}

.shuttle-list-total em {
    color: #f92465;
}

.shuttle-list {
    border-top: 2px solid #4d5762;
}

*+.shuttle-list {
    margin-top: 10px;
}

.shuttle-list ul {
    height: 100%;
    overflow-y: auto;
    padding: 6px 0;
    border: 1px solid #cccccc;
    border-top: none;
}

.shuttle-list ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.shuttle-list ul::-webkit-scrollbar-track {
    background: none;
}

.shuttle-list ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.shuttle-list li {
    height: 30px;
    line-height: 28px;
    padding: 0 12px;
    cursor: pointer;
}

.shuttle-list li.selected {
    background-color: #f2f2f2;
}

.shuttle-list li:hover {
    background-color: #ddd;
}

.shuttle-list li span {
    font-size: 1.2rem;
    color: #202020;
}

.shuttle-button.shuttle-button--text button {
    width: 100%;
    text-align: left;
    padding: 0 10px;
}

.shuttle-button.shuttle-button--text button i {
    font-size: 1.2rem;
    margin-right: 6px;
}


/* widget */

.widget-section {
    margin: -20px;
}

.widget {
    display: inline-block;
    float: left;
    min-width: 344px;
    margin: 20px;
    opacity: 1;
}

.widget.widget-default {
    border-top: 2px solid #4d5762;
}

.widget.widget-removed {
    opacity: 0;
    transition: opacity 0.5s;
}

.widget-header {
    padding: 15px 20px;
}

.widget-header:after {
    content: "";
    display: inline-block;
    clear: both;
}

.widget-default .widget-header {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.widget-title {
    position: relative;
    margin: 0;
    margin-right: 15px;
    font-size: 1.4rem;
    color: #202020;
}

.widget-alarm {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: -6px;
    width: 4px;
    height: 4px;
    background-color: #ff0066;
    border-radius: 2px;
}

.widget-tools {
    position: relative;
    top: -2px;
}

.widget-tools .btn+.btn {
    margin-left: 2px;
}

.widget-tools .btn[data-widget=minimize] i {
    font-size: 1.8rem;
}

.widget-tools .btn[data-widget=remove] i {
    font-size: 1.8rem;
}

.widget-tools .btn i {
    font-size: 1.4rem;
    color: #b4b4b4;
}

.widget-body {
    height: auto;
    padding: 30px;
    text-align: center;
    overflow: hidden;
    transition: padding 0.5s, height 0.5s;
}

.widget-default .widget-body {
    border: 1px solid #cdcdcd;
    border-top: none;
}

.widget-minimized .widget-body {
    height: 0;
    padding: 0 30px;
    transition: padding 0.5s, height 0.5s;
}


/* file attach */

.input-file:after {
    display: block;
    content: "";
    clear: both;
}


/*.input-file>span {
    float: left;
}*/

.input-file>span,
.input-file>li>span {
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 24px;
    padding-left: 16px;
}

.input-file>span:before,
.input-file>li>span:before {
    content: "\f0c6";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 1.3rem;
    color: #626ecc;
}

.input-file>span a,
.input-file>li>span a {
    color: #626ecc;
}

.input-file>span em,
.input-file>li>span em {
    color: #555555;
    margin-left: 4px;
}

.input-file>span+button,
.input-file>li>span+button {
    margin-left: 15px;
}

.input-file>button {
    display: inline-block;
    float: left;
    margin-left: 5px;
}

.input-file.input-block>form {
    display: block !important;
    width: 100% !important;
}


/* file upload (dropzone) */

.dropzone,
.dropzone-wrapper {
    display: inline-block;
    position: relative;
    float: left;
    min-width: 180px;
    min-height: 26px;
    padding: 1px 10px 1px 24px;
    border: 1px solid #a8a8a8;
    cursor: pointer;
}

.dropzone:before,
.dropzone-wrapper:before {
    content: "\f0c6";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 7px;
    font-size: 1.3rem;
    color: #909090;
    line-height: 18px;
}

.dropzone.dropzone-box,
.dropzone-wrapper.dropzone-box {
    width: 100%;
    min-height: 48px;
}

.table-list td .dropzone,
.table-list td .dropzone-wrapper {
    line-height: 18px;
}

.dz-image,
.dz-error-message,
.dz-success-mark,
.dz-error-mark {
    display: none;
}

.dz-started .dz-message {
    display: none;
}

.dz-message {
    margin-top: 1px;
    color: #999999;
    font-size: 1.2rem;
}

.dz-preview {
    display: inline-block;
    float: left;
    position: relative;
    height: 18px;
    line-height: 15px;
    padding: 0px 24px 0px 6px;
    margin: 2px 4px 2px 0;
    border: 1px solid #b9d5d2;
    border-radius: 0;
    background-color: #edfaf8;
    font-family: "Malgun Gothic";
    font-size: 1.2rem;
    color: #202020;
    cursor: default;
}

.dz-preview .dz-details {
    display: inline-block;
    float: left;
}

.dz-preview .dz-filename a {
    color: #626ecc;
}

.dz-preview .dz-size {
    display: inline-block;
    float: left;
    margin-left: 4px;
    color: #555;
}

.dz-preview .dz-size strong {
    font-weight: 100;
}

.dz-preview .dz-remove {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 1px;
    height: 14px;
}

/* search */

.page-search {
    margin-bottom: 20px;
}

.page-search .input-group {
    display: inline-block;
    float: left;
    height: 30px;
    margin: 4px 10px 4px 0;
    border-collapse: collapse;
}

.page-search .input-group .input-group-addon {
    display: inline-block;
    float: left;
    width: auto;
    height: 30px;
    padding: 0;
    line-height: inherit;
    border: 1px solid #a8a8a8;
    border-right: none;
    border-radius: 0;
    background: #fff;
}

.page-search .input-group .input-group-addon span {
    display: inline-block;
    height: 28px;
    padding: 5px 12px;
    border-right: 1px solid #f2f2f2;
    font-size: 1.2rem;
    color: #337ab7;
}

.page-search .input-group .input-group-form {
    display: inline-block;
    float: left;
    width: auto;
    height: 30px;
    background: #fff;
}

.page-search .input-group .input-group-form .form-control {
    display: inline-block;
    width: auto;
    height: 30px;
    padding: 5px 12px;
    border: 1px solid #a8a8a8;
    border-left: none;
    background: none;
    box-shadow: none;
    font-size: 1.2rem;
    color: #202020;
}

.page-search .input-group .input-group-form input[type="text"].form-control {
    padding: 0px 8px;
}

.page-search .input-group .input-group-form .datepicker.datepicker-single input[type="text"].form-control {
    width: 100px;
}

.page-search .input-group .input-group-form .datepicker input[type="text"].form-control {
    width: 180px;
}

.page-search .input-group .input-group-form .list-inline>li {
    padding: 0;
}

.page-search .input-group .input-group-form .list-inline>li:first-child input[type="text"].form-control {
    border-right: none;
}

.page-search .input-group .input-group-form .list-inline .form-chain {
    height: 30px;
    line-height: 28px;
    border-top: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
}

.page-search .input-group .input-group-form select.form-control {
    height: 30px;
    padding: 4px 12px 6px;
}

.page-search .input-group .input-group-form.datepicker input[type="text"].form-control {
    padding: 2px 8px 2px 28px;
    width: 180px;
}

.page-search .input-group .input-group-form.datepicker.datepicker-single input[type="text"].form-control {
    width: 100px;
}

.page-search .input-group .input-group-form .list-inline li>p {
    height: 30px;
    line-height: 28px;
    padding: 0 8px 0 5px;
    background-color: #f8f8f8;
}

.page-search .input-group.required .input-group-addon span:before {
    content: "*";
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #fd195e;
    font-size: 1.2rem;
}

.page-search .input-group.required .input-group-form {
    background: #edfaf8;
}

.page-search .input-group .input-group-addon select {
    display: inline-block;
    width: auto;
    height: 28px;
    padding: 4px 12px 6px;
    margin-left: 0px;
    margin-right: 0px;
    border: none;
    border-right: 1px solid #f2f2f2;
    box-shadow: none;
    font-size: 1.2rem;
    color: #337ab7;
}

.page-search .input-group .input-group-addon select option {
    color: #202020;
}

.page-search .input-group+.list-inline {
    float: left;
    margin: 4px 0 4px -5px;
}

.page-search .input-group .input-group-form .list-inline {
    margin-left: 0;
}

.page-search .input-group .input-group-form .list-inline>li:first-child .select2-selection {
    border-right: none;
}

.page-search .input-group .input-group-form .list-inline>li.right-border:first-child .select2-selection {
    border-right: 1px solid #a8a8a8;
}

.page-search .input-group .input-group-form .list-inline>li+li .select2-selection {
    padding-left: 10px;
}

.page-search .input-group .input-group-form .list-inline>li+li.multiple .select2-selection {
    padding-left: 22px;
}

.page-search .input-group .input-group-form .list-inline>li+li.multiple .select2-selection:after {
    position: absolute;
    left: 0;
    top: 1px;
    height: 28px;
    border-left: 1px solid #f2f2f2;
}

.page-search .input-group .input-group-form .list-inline>li+li+li .select2-selection:before {
    display: none;
}

.page-search .input-group .input-group-form .list-inline>li:first-child select.form-control {
    border-right: none;
}

.page-search .input-group .input-group-form .input-group-btn {
    display: inline-block;
}

.page-search .input-group .input-group-form .input-group-btn>.btn.btn-icon {
    width: 30px;
    height: 30px;
}

.page-search .input-group .input-group-form .input-group-btn .btn.btn-icon .fa-search:before {
    font-size: 1.3rem;
    color: #747474;
}

.page-search .list-inline>li {
    margin-bottom: 0;
}

.page-search .btn {
    float: left;
}

.page-search>div {
    padding: 6px 10px;
    background: #f8f8f8;
}

.page-search>div:after {
    content: "";
    display: block;
    clear: both;
}

.page-search .search-detail {
    display: none;
}

.page-search.on .search-detail {
    display: block;
    padding: 11px 10px;
    border-top: 1px dashed #bfbfbf;
}

.page-search .input-group-form .input-radio {
    padding: 0 12px;
    border: 1px solid #a8a8a8;
    border-left: none;
}

.page-search .input-group-form .input-radio label {
    height: 28px;
    margin-right: 10px;
    line-height: 25px;
    color: #202020;
    font-size: 1.2rem;
    font-weight: 100;
    cursor: pointer;
}

.page-search .input-group-form .input-radio label input.form-control {
    height: 14px;
    margin-top: 7px;
    margin-right: 4px;
}

.page-search .input-group-form .input-checkbox {
    padding: 0 12px;
    border: 1px solid #a8a8a8;
    border-left: none;
}

.page-search .input-group-form .input-checkbox label {
    height: 28px;
    margin-right: 10px;
    line-height: 25px;
    color: #202020;
    font-size: 1.2rem;
    font-weight: 100;
    cursor: pointer;
}

.page-search .input-group-form .input-checkbox label input.form-control {
    height: 14px;
    margin-top: 7px;
    margin-right: 4px;
}

.page-search .input-group-form .input-checkbox.checkonly label,
.page-search .input-group-form .input-checkbox.checkonly label input.form-control {
    margin-right: 0;
}

.page-search .input-group .input-group-form .datepicker input[type="text"].form-control {
    padding: 2px 8px 2px 28px;
}

.page-search .input-group .input-group-form .datepicker:before {
    top: 9px;
}

.page-search .input-group .input-group-form .L-numberbox .form-control {
    width: 100% !important;
}

.page-search .input-file .dropzone,
.page-search .input-file .dropzone-wrapper {
    min-height: 30px;
    border-left: none;
}

.page-search .input-file .dropzone.dz-started {
    max-width: 500px;
    border: 1px solid #a8a8a8;
    background-color: #fff;
    z-index: 10;
}

.page-search .input-file .dropzone:before,
.page-search .input-file .dropzone-wrapper:before {
    top: 6px;
}

.page-search .input-file .dz-preview {
    margin-top: 4px;
}

.page-search .rui-file input[type="text"] {
    width: 100% !important;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #a8a8a8;
    border-left: none;
}

.page-search .rui-file .L-filebox-button {
    display: none;
}

.page-search .dz-message {
    margin-top: 5px;
}

.page-search .multiple input[type="text"].form-control,
.page-search .multiple .input-checkbox,
.page-search .multiple .input-radio {
    border-left: 1px solid #a8a8a8;
}

td .page-search {
    margin-bottom: 0;
}

td .page-search>div {
    background: none;
    padding: 0;
}

td .page-search .input-group {
    height: 26px;
    margin: 0 5px 5px 0;
}

td .page-search .input-group .input-group-addon {
    height: 26px;
}

td .page-search .input-group .input-group-addon span {
    height: 24px;
    padding: 3px 8px;
    font-size: 1.1rem;
}

td .page-search .input-group .input-group-form {
    height: 26px;
}

td .page-search .input-group .input-group-form input[type="text"].form-control {
    height: 26px;
}

td .page-search .input-group-form .input-radio label {
    height: 24px;
    line-height: 22px;
}

td .page-search .input-group-form .input-radio label input.form-control {
    margin-top: 6px;
}

td .page-search .input-group .input-group-form select.form-control {
    height: 26px;
    padding: 2px 12px 4px;
}

td .page-search .select2-container {
    line-height: 22px;
}

td .page-search .select2-container--default .select2-selection--multiple {
    min-height: 26px;
}

td .page-search .input-group .input-group-form .datepicker:before {
    top: 7px;
}

td .page-search .select2-rmt+.select2-container--default .select2-selection--multiple:before {
    line-height: 26px;
}

.modal .shuttle .page-search {
    margin-bottom: 10px;
}

.input-group-module {
    display: block;
    height: 28px;
    line-height: 26px;
    margin-right: -5px;
}

.input-group-module .input-group-addon {
    float: left;
    width: auto;
    height: 28px;
    padding: 0 10px 0 0;
    line-height: inherit;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 1.2rem;
    color: #333;
}

.input-group-module .input-group-addon span {
    display: inline-block;
    height: 28px;
    line-height: inherit;
}

.input-group-module.required .input-group-addon span:before {
    content: "*";
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #fd195e;
    font-size: 1.2rem;
}

.input-group-module.required .input-group-form {
    margin-right: -5px;
    background: #edfaf8;
}

.input-group-module.required .input-group-form.check-module {
    background:none;
}

.input-group-module.required .input-group-form .form-control {
    background: none;
}

.input-group-module .input-group-form {
    display: inline-block;
    float: left;
    width: auto;
    height: 28px;
    background: transparent;
}

.input-group-module .input-group-form .input-radio {
    height: 28px;
    line-height: inherit;
}

.input-group-module .input-group-form .input-radio label {
    line-height: inherit;
}

.input-group-module .input-group-form .input-radio input[type="radio"].form-control {
    margin-top: 3px;
}

.input-group-module .input-group-form.check-module .input-radio input[type="radio"].form-control {
    margin-top: 2px;
}



.input-group-module .input-group-form .input-radio label>input+span,
.input-group-module .input-group-form .input-checkbox label>input+span {
    height: 28px;
}

.input-group-module .input-group-form select.form-control {
    height: 28px;
    padding: 2px 4px 4px;
    font-size: 1.2rem;
    vertical-align: top;
    background: none;
}

.input-group-module .input-checkbox label {
    line-height: 28px;
}

.input-group-module .input-checkbox input[type="checkbox"].form-control {
    margin-top: 3px;
    margin-bottom: -3px;
}

.input-group-module .datepicker:before {
    top: 8px;
}

.input-group-module .datepicker input[type="text"].form-control {
    height: 28px;
    padding: 3px 8px 3px 28px;
}

.input-group-module input[type="text"].form-control {
    height: 28px;
    padding: 5px 8px 7px;
    vertical-align: top;
}

.input-group-module .select2-container {
    vertical-align: top;
}

.input-group-module .select2-container--default .select2-selection--single {
    height: 28px;
}

.input-group-module .select2-container--default.select2-container--focus .select2-selection.select2-selection--single,
.page-search .input-group .input-group-form .list-inline>li:first-child .select2-container--default.select2-container--focus .select2-selection.select2-selection--single {
    margin-left: 0;
}

.page-search .input-group.no-scroll,
.page-search .input-group.no-scroll .input-group-addon,
.page-search .input-group.no-scroll .input-group-form,
.page-search .input-group.no-scroll .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: auto;
}
.page-search .input-group.no-scroll {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.page-search .input-group.no-scroll .input-group-addon span {
    height: 100%;
}
.page-search .input-group.no-scroll .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    overflow: visible;
}

/* detail table */

table {
    margin-bottom: 0;
    border-top: 2px solid #4d5762;
}

table+table {
    margin-top: 20px;
}

table+.table-no-borderTop {
    margin-top: 10px;
}

.table {
    display: table;
    margin-bottom: 0;
    border-top: 2px solid #4d5762;
}

table.table-no-borderTop {
    border-top: 1px solid #cdcdcd;
}

.table .thead {
    display: table-header-group;
}

.table .tbody {
    display: table-row-group;
}

.table .tr {
    display: table-row;
}

.table .th,
.table .td {
    display: table-cell;
}

table th.required>span,
.table .th.required>span,
table td.required>span:first-child {
    position: relative;
    display: inline-block;
}

table th.required>span:before,
.table .th.required>span:before,
table td.required>span:first-child:before {
    content: "*";
    position: absolute;
    top: -2px;
    left: -6px;
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #fd195e;
    font-size: 1.2rem;
}

table td.td-required select {
    background: #fff5f5;
}

.table-detail th,
.table-detail .th,
.table-list td .table-detail th {
    padding: 8px 10px;
    line-height: 20px;
    text-align: right;
    color: #000;
    font-size: 1.2rem;
    font-weight: normal;
    border-bottom: 1px solid #cdcdcd;
    background: #f8f8f8;
}

.table-detail td,
.table-detail .td {
    padding: 5px 8px;
    line-height: 20px;
    background: #fff;
    color: #202020;
    font-size: 1.2rem;
    border-bottom: 1px solid #cdcdcd;
}

.table-detail td+td {
    border-left: 1px solid #e2e2e2;
}

.table-detail td+td.dummy {
    border-left: 0;
}

.table-detail .td>p {
    display: inline-block;
    padding: 4px 0 5px;
    margin: 0;
}

.table-detail th.th-sub {
    border-right: 1px solid #cdcdcd;
}

.table-detail td.row-delete {
    line-height: 1;
    text-align: center;
    border-left: 1px solid #cdcdcd;
}

.table-detail td.row-delete button {
    height: 20px;
    padding: 0 10px;
    background: none;
}

.table-detail td.row-delete button:hover .fa-trash-o {
    color: #134a79;
}

td .table-detail {
    border: 1px solid #cdcdcd;
    border-bottom: none;
}

td .table-detail th {
    border-right: 1px solid #cdcdcd;
}

.table-detail td input+p {
    margin-top: 4px;
}

table .pic img {
    width: 100%;
    max-width: 118px;
    height: auto;
}


/* list table */

.table-list th,
.table-list td,
.table-list .th,
.table-list .td {
    padding: 3px 10px;
    vertical-align: middle;
    line-height: 25px;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.2rem;
}

.table-list th,
.table-list .th {
    text-align: center;
    background: #f8f8f8;
    color: #000;
    font-weight: normal;
}

.table-list td,
.table-list .td {
    background: #fff;
    color: #202020;
}

.table-list th:first-child,
.table-list td:first-child,
.table-list .th:first-child,
.table-list .td:first-child {
    border-left: 1px solid #cdcdcd;
}

.table-list.select-cell tbody td.on,
.table-list.select-cell tbody td:focus,
.table-list.select-cell tbody td:hover {
    background: #fefbf1;
}

table.table-list th.required>span:before,
.table.table-list .th.required>span:before {
    /*top: -4px;*/
}

.table-list td.th-sub {
    text-align: center;
    background-color: #f8f8f8;
}

.table-list .txt-center input {
    text-align: center;
}

.table-list .txt-right input {
    text-align: right;
}

.table-list .row-add,
.table-list .row-delete {
    height: 25px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    text-align: center;
}

.table-list .row-add button,
.table-list .row-delete button {
    width: 20px;
    height: 26px;
    padding: 0;
    margin: 0;
    background: none;
}

td .table-list {
    border-top: 1px solid #cdcdcd;
}

.table-overflow {
    overflow-y: auto;
    border: 1px solid #cccccc;
    border-top: 2px solid #4d5762;
}

.table-overflow::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.table-overflow::-webkit-scrollbar-track {
    background: none;
}

.table-overflow::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.table-overflow .table-list {
    border-top: none;
}

.table-overflow .table-list th:first-child,
.table-overflow .table-list td:first-child {
    border-left: none;
}

.table-overflow .table-list th:last-child,
.table-overflow .table-list td:last-child {
    border-right: none;
}

.table-list .row-sum td {
    background: #fff5f5;
}

.table-list thead th .info.info-tooltip {
    margin-left: 4px;
}

.table-list thead th .info i {
    margin-top: 4px;
}

a.txt-link {
    color: #626ecc;
}

a.txt-link:hover {
    color: #626ecc;
    text-decoration: underline;
}

.list-inline li>a.txt-link {
    line-height: 24px;
}



/* list-type-vmiddle */

.list-type-vmiddle {
    /* display: table; */
}

.list-type-vmiddle>li {
    /* display: table-row; */
}

.list-type-vmiddle>li+li {
    margin-top: 10px;
}

.list-type-vmiddle>li>div {
    display: table-cell;
    padding: 5px 10px;
    vertical-align: middle;
}


/* list group */

.list-group.table-type {
    border-top: 2px solid #4d5762;
}

.list-group.table-type .list-group-item {
    position: relative;
    padding: 8px 15px 8px 48px;
    margin-bottom: 0;
    border-color: #cccccc;
    border-top: none;
    border-bottom: 1px solid #eaeaea;
}

.list-group.table-type .list-group-item:first-child,
.list-group.table-type .list-group-item:last-child {
    border-radius: 0;
}

.list-group.table-type .list-group-item:last-child {
    border-bottom-color: #cccccc;
}

.list-group.table-type .list-group-item:before {
    content: "\f054";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 18px;
    color: #bcbcbc;
}

.list-group.table-type .list-group-item span {
    color: #202020;
}

.list-group.table-type .list-group-item a {
    margin-left: 28px;
    color: #202020;
    text-decoration: underline;
}

.list-group.table-type .list-group-item .newWin {
    margin-left: 6px;
    background: none;
}

.list-group.table-type .list-group-item .newWin i {
    color: #9090bc;
}

.list-group.table-type .list-group-item .newWin span {
    display: none;
}

.list-block {
    width: 200px;
}

*+.list-block {
    margin-top: 5px;
}

.list-block li {
    position: relative;
    min-width: 200px;
    height: 26px;
    line-height: 22px;
    padding: 0px 22px 0px 6px;
    border: 1px solid #8baba7;
    border-radius: 0;
    background-color: #edfaf8;
    font-family: "Malgun Gothic";
    font-size: 1.2rem;
    color: #202020;
    cursor: default;
}

.list-block li+li {
    margin-top: 5px;
}

.list-block li p {
    display: inline-block;
    float: left;
    color: #555;
}

.list-block li .remove {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 2px;
}

.list-block li .remove:before {
    content: "x";
    opacity: 1;
    font-size: 2rem;
    display: inline-block;
    width: 15px;
    height: 14px;
    line-height: 10px;
    color: #747474;
    top: 0;
    left: 0;
}

.list-btype li {
    overflow: hidden;
    margin-top: 10px;
}

.list-btype li:first-child {
    margin-top: 0;
}

.list-btype li .pull-left {
    float: left;
}

.list-btype li .pul-right {
    float: right;
}

.list-btype li .txt {
    line-height: 26px;
}


/* flex table */

.form-flex .table-row {
    display: flex;
    margin: 0;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.2rem;
}

.form-flex .form-label {
    flex: 1;
    background: #f8f8f8;
    text-align: right;
}

.form-flex .form-label label {
    padding: 9px 8px;
}

.form-flex .form-value {
    flex: 3;
}

.form-flex .form-value>div {
    padding: 5px 8px;
}

.form-flex .form-value p {
    padding: 4px 0;
}

.form-flex.table-detail-col2 .form-value {
    flex: 2;
}

.form-flex.table-detail-col2 .form-colspan3 {
    flex: 5;
}

.form-flex.table-detail-col3 .form-value {
    flex: 1;
}

.form-flex.table-detail-col3 .form-colspan3 {
    flex: 3;
}

.form-flex.table-detail-col3 .form-colspan5 {
    flex: 5;
}

.form-flex .form-dummy {
    display: flex;
    flex: 3;
    flex-flow: column nowrap;
}

.form-flex .form-dummy .table-row:last-child {
    flex: auto;
    border-bottom: 0px solid #cdcdcd;
}

.form-flex.table-detail-col3 .form-dummy {
    flex: 2;
}

.form-flex.table-detail-col3 .form-dummy.form-colspan3 {
    flex: 4;
}

.form-flex.table-detail-col3 .form-dummy.form-colspan5 {
    flex: 6;
}


/* input */

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control {
    display: inline-block;
    width: auto;
    min-width: 100px;
    height: 26px;
    padding: 4px 6px;
    border-color: #a8a8a8;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.2rem;
    color: #202020;
}

input[type="text"]:focus.form-control,
input[type="password"]:focus.form-control,
input[type="email"]:focus.form-control,
textarea:focus.form-control,
select:focus.form-control {
    border-color: #333333;
    background: #fff !important;
    box-shadow: none;
}

input[readonly],
textarea[readonly] {
    border-color: #a8a8a8;
    background: #fff !important;
}

input[type="text"]:disabled.form-control,
textarea:disabled.form-control {
    border-color: #a8a8a8;
    background: #ededed !important;
}

.validate.validate-on {
    position: relative;
    border-color: #f92465 !important;
}

.validate-info {
    margin-left: 8px;
}

.validate-info p {
    display: inline-block;
    line-height: 24px;
    color: #f92465;
    font-size: 1.1rem;
}

.validate-popup+.validate-info {
    display: block;
    position: relative;
    margin-left: 0;
}

.validate-popup+.validate-info p {
    display: inline-block !important;
    position: absolute;
    padding: 4px 6px !important;
    background: #fff;
    color: #f92465;
    font-size: 1.1rem;
}

.input-block.form-control {
    display: block !important;
    width: 100% !important;
}

*+.input-block.form-control {
    margin-top: 5px;
}

pre.form-control {
    height: auto;
    padding: 0;
    margin: 0;
    line-height: 18px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    font-family: "Malgun Gothic", sans-serif;
    font-size: 1.2rem;
    color: #202020;
    transition: none;
    white-space: pre-wrap;
}

select.form-control {
    display: inline-block;
    width: auto;
    height: 26px;
    padding: 2px 4px 4px;
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: none;
    border-color: #a8a8a8;
    border-radius: 0;
    font-size: 1.2rem;
}

select.form-control option {
    color: #202020;
}

.input-radio:after {
    display: block;
    content: "";
    clear: both;
}

.input-radio label {
    margin-right: 10px;
    float: left;
    line-height: 24px;
    font-weight: 100;
    cursor: pointer;
}

.input-radio input[type="radio"].form-control {
    display: inline-block;
    float: left;
    width: auto;
    height: 26px;
    margin-top: 1px;
    margin-bottom: -1px;
    margin-right: 3px;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    cursor: pointer;
}

.input-radio input[type="radio"].form-control:disabled,
.input-radio input[type="radio"].form-control:disabled+span {
    cursor: not-allowed;
}

.input-radio.input-single,
.input-radio.input-single:after,
.input-inlineBlock,
.input-inlineBlock:after {
    display: inline-block;
}

.input-radio.input-single label,
.input-radio.input-single label [type="radio"].form-control {
    margin-right: 0;
}

ul.input-radio>li {
    height: 26px;
}

.input-checkbox:after {
    display: block;
    content: "";
    clear: both;
}

.input-checkbox label {
    margin-right: 10px;
    float: left;
    line-height: 22px;
    font-weight: 100;
    cursor: pointer;
}

.input-checkbox input[type="checkbox"].form-control {
    display: inline-block;
    float: left;
    width: auto;
    height: 26px;
    margin-top: 0;
    margin-right: 5px;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    cursor: pointer;
}

.input-checkbox input[type="checkbox"].form-control:disabled,
.input-checkbox input[type="checkbox"].form-control:disabled+span {
    cursor: not-allowed;
}

.input-checkbox.input-single,
.input-checkbox.input-single:after {
    display: inline-block;
}

.input-checkbox.input-single label,
.input-checkbox.input-single label [type="checkbox"].form-control {
    margin-right: 0;
}

.input-radio label>input+span,
.input-checkbox label>input+span {
    display: inline-block;
    height: 26px;
}

textarea.form-control {
    display: block;
    width: 100%;
    padding: 5px 8px;
    border-color: #a8a8a8;
    border-radius: 0;
    font-size: 1.2rem;
    color: #202020;
    box-shadow: none;
    outline: none;
    resize: vertical;
}

textarea:disabled.form-control {
    resize: none;
}

textarea.form-control::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

textarea.form-control::-webkit-scrollbar-track {
    background: none;
}

textarea.form-control::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.form-inline textarea.form-control {
    display: block;
    width: 100%;
}

.info+textarea.form-control {
    margin-top: 3px;
}

th.required+td>input[type="text"].form-control,
td.required>input[type="text"].form-control,
th.required+td input[type="password"].form-control,
td.required input[type="password"].form-control,
th.required+td>select.form-control,
th.required+td>textarea.form-control,
th.required+td>.select2,
th.required+td>.dropzone,
th.required+td>.datepicker input,
th.required+td>.timepicker input,
th.required+td>.L-numberbox input.form-control,
th.required+td>.dropzone-wrapper th.required+td li input[type="text"].form-control,
td.required li input[type="text"].form-control,
th.required+td li select.form-control,
th.required+td li textarea.form-control,
th.required+td li .select2,
th.required+td li .dropzone,
th.required+td li .dropzone-wrapper,
/*th.required+td li .L-numberbox input.form-control,*/
td.required+td input[type="text"].form-control,
td.required+td input[type="password"].form-control,
td.required+td select.form-control,
td.required+td textarea.form-control,
td.required+td .select2,
td.required+td .dropzone,
td.required+td .L-numberbox input.form-control,
td .required input[type="text"].form-control,
td .required input[type="password"].form-control,
td .required select.form-control,
td .required textarea.form-control,
td .required .select2,
td .required .dropzone,
td .L-numberbox.required input.form-control {
    background-color: #fff5f5;
}

.table-list td.required input[type="text"].form-control,
.table-list td.required input[type="password"].form-control,
.table-list td.required select.form-control,
.table-list td.required textarea.form-control,
.table-list td.required .select2,
.table-list td.required .dropzone,
.table-list td.required .dropzone-wrapper {
    background-color: #fff5f5;
}

.input-group input[type="text"].form-control {
    width: 100%;
}

.input-group-btn>.btn {
    height: 26px;
}

.input-group-btn>.btn.btn-icon {
    width: 26px;
    height: 26px;
    padding: 0;
    border: 1px solid #949494;
    background: #fff;
}

.input-group-inline {
    position: relative;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap;
}

input+.input-group-inline {
    padding-left: 8px;
}

.input-group-inline .input-checkbox label {
    font-size: 1.2rem;
}

td input[type="text"].form-control,
td input[type="password"].form-control,
td input[type="email"].form-control {
    min-width: auto;
}

td .list-inline li>* {
    float: left;
    margin-right: -5px;
}

.list-process {
    display: inline-block;
}

.list-process:after {
    content: "";
    display: inline-block;
    clear: both;
}

.list-process li {
    float: left;
    display: inline-block;
    position: relative;
    height: 26px;
}

.list-process li a {
    text-decoration: none;
    color: #202020;
    font-size: 1.2rem;
}

.list-process li a:hover,
.list-process li a:focus {
    text-decoration: none;
    color: #202020;
}

.list-process li.active a {
    display: block;
    height: 26px;
    line-height: 22px;
    padding: 0 8px 0 19px;
    border: 1px solid #aeaeae;
    background: #f6f6f6;
    font-size: 1.1rem;
}

.list-process li.active a:hover,
.list-process li.active a:focus {
    border-color: #949494;
    background: #efefef;
}

.list-process li.active a span {
    position: relative;
}

.list-process li.active a span:before {
    content: "\f040";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: -2px;
    left: -13px;
    color: #4c4c4c;
}

.list-process li.disabled a {
    cursor: not-allowed;
    color: #999999;
}

.list-process li+li {
    margin-left: 16px;
}

.list-process li+li:before {
    content: "\f0da";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: -10px;
    color: #bcbcbc;
    font-size: 1.4rem;
}

.input-checkbox.input-style label {
    position: relative;
    padding-left: 27px;
    height: 20px;
    line-height: 18px;
    cursor: pointer;
}

.input-checkbox.input-style label:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../images/icon/checkbox.png") no-repeat 0 -20px;
}

.input-checkbox.input-style.checked label:before {
    background-position-y: 0;
}

.input-checkbox.input-style input[type=checkbox] {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0;
    cursor: pointer;
}

.list-inline .form-chain {
    display: inline-block;
    width: 10px;
    height: 26px;
    line-height: 24px;
    text-align: center;
}

.list-inline li>p {
    display: inline-block;
    height: 26px;
    line-height: 24px;
}

.list-inline+p,
textarea+p {
    margin-top: 5px;
}

i.status {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #c1c1c1;
    border-radius: 50%;
    background: #f8f8f8;
    vertical-align: middle;
}

i.status.status-positive {
    background: #337ab7;
    border-color: #337ab7;
}

.input-group .form-control {
    z-index: 1;
}

.table-detail th .input-checkbox {
    float: right;
}

.table-detail th .input-checkbox label {
    margin-right: 0;
}

td .table-list .input-checkbox {
    float: none;
}


/* button */

.btn {
    height: 30px;
    line-height: 1;
    padding: 3px 12px 5px;
    border-radius: 0;
    font-size: 1.2rem;
}

.btn-default {
    border-color: #949494;
    background: #fff;
    color: #202020;
}

.btn-default:focus,
.btn-default:hover,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus {
    border-color: #000;
    background: #fff;
}

.btn-default:disabled {
    border-color: #a8a8a8 !important;
    background: #ededed !important;
    color: #747474 !important;
}

.btn-primary {
    border-color: #202020;
    background: #293846;
    color: #fff;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus {
    border-color: #000;
    background: #000;
}

.btn-primary:disabled {
    border-color: #525252 !important;
    background: #4f5d6b !important;
    color: #ccc !important;
}

.btn-toggle {
    border-color: #a8a8a8;
    background: #fff;
    color: #293846;
}

.btn-toggle:focus,
.btn-toggle:hover,
.btn-toggle:active,
.btn-toggle:active:hover,
.btn-toggle:active:focus {
    padding: 4px 11px 5px;
    border: 2px solid #293846;
    color: #202020;
}

.btn-toggle span+i {
    margin-left: 10px;
}

.btn-inline {
    height: 26px;
    padding: 4px 10px 6px;
    border-color: #aeaeae;
    background: #f6f6f6;
    font-size: 1.1rem;
}

.btn-inline:focus,
.btn-inline:hover,
.btn-inline:active,
.btn-inline:active:hover,
.btn-inline:active:focus {
    border-color: #949494;
    background: #efefef;
}

*+.btn-inline {
    margin-left: 10px;
}

.table-detail th .btn-inline {
    height: 22px;
    padding: 2px 6px 6px;
    background-color: #fdfdfd;
}

.btn-module {
    height: 28px;
    padding: 4px 8px 6px;
    font-size: 1.1rem;
}

.btn-module:focus,
.btn-module:hover,
.btn-module:active,
.btn-module:active:hover,
.btn-module:active:focus {
    border-color: #000;
}

.btn.btn-red {
    border-color: #eb225f;
    background-color: #f92465;
    color: #fff;
}

.btn.btn-red:focus,
.btn.btn-red:hover,
.btn.btn-red:active,
.btn.btn-red:active:hover,
.btn.btn-red:active:focus {
    background-color: #eb225f;
}

.btn-important {
    width: 80px;
}

.btn span {
    display: inline;
    text-indent: 0;
    color: inherit !important;
}

.btn i+span,
.btn span+i {
    margin-left: 6px;
}

.btn-default .fa-chevron-left,
.btn-default .fa-chevron-right {
    position: relative;
    top: 1px;
    color: #bcbcd7;
}

.btn .fa-angle-up,
.btn .fa-angle-down {
    font-weight: 600;
}

.btn .fa-bars {
    font-size: 1.3rem;
    color: #bcbcbc;
}

.list-inline .btn-module,
.list-inline .division,
.list-inline .btn-inline {
    margin-right: -5px;
}

.btn-block:after {
    content: "";
    display: block;
    clear: both;
}

*+.btn-block {
    margin-top: 20px;
}

td *+.btn-block {
    margin-top: 4px;
}

.btn-block+* {
    margin-top: 20px;
}

.btn-block+.module-wrapper {
    margin-top: 30px;
}

.btn-block+.btn-block {
    margin-top: 10px;
}

.btn-block .list-inline.pull-right {
    margin-right: -5px;
}

td .btn-block .list-inline.pull-right {
    margin-right: 0;
}

.btn-block li>p {
    height: 30px;
    line-height: 28px;
}

.btn-block li>select {
    height: 30px;
}

.btn-block li>.input-radio label {
    line-height: 28px;
}

.btn-block li>.input-radio input[type="radio"].form-control,
.btn-block li>.input-radio input[type="radio"].form-control+span {
    height: 30px;
}

.list-inline .division {
    display: inline-block;
    position: relative;
    top: 2px;
    width: 1px;
    height: 26px;
    background: #cccccc;
}

.module-header .list-inline .division,
.module-footer .list-inline .division {
    height: 24px;
    margin-left: 2px;
}

.btn.btn-icon {
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    background: none;
}

.btn.btn-icon+span {
    margin-left: 4px;
}

.btn .fa-file-word-o,
.btn .fa-file-powerpoint-o,
.btn .fa-file-pdf-o,
.btn .fa-file-excel-o,
.btn .fa-file-text-o {
    position: relative;
    top: 1px;
}

.btn span em {
    font-weight: bold;
    color: #f92465;
}

.btn.btn-icon-single {
    height: 25px;
    padding: 3px 8px 5px;
    background: none;
}

.btn.btn-icon-single i {
    color: #337ab7;
    font-size: 1.4rem;
}

.btn.btn-large {
    width: 224px;
    height: 46px;
    font-size: 1.4rem;
    font-weight: bold;
}

.table-detail .list-inline .btn-icon {
    height: 26px;
}

.table-list .list-inline>li {
    line-height: 22px;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

.list-inline li .btn.btn-icon {
    height: 26px;
}

.list-inline.module-toggle li .btn.btn-icon {
    height: 18px;
}

.info-text .btn.btn-icon i {
    width: 100%;
    height: 18px;
    line-height: 18px;
}


/* icon */

.fa-file-word-o,
.fa-file-powerpoint-o,
.fa-file-pdf-o,
.fa-file-excel-o,
.fa-file-text-o {
    color: #337ab7;
    font-size: 1.4rem;
}

.fa-trash-o {
    color: #337ab7;
    font-size: 1.4rem;
}

.fa-plus+.fa-plus {
    margin-left: 1px;
}

.fa-plus-square-o {
    color: #f92465;
    font-size: 1.4rem;
}

.fa-minus-square-o {
    color: #337ab7;
    font-size: 1.4rem;
}

.fa-user {
    color: #337ab7;
    font-size: 1.4rem;
}

.fa+span {
    margin-left: 6px;
}


/* banner */

.banner {
    display: inline-block;
}

.banner-fa li,
.banner-inline li {
    display: inline-block;
    float: left;
}

.banner-fa li+li {
    margin-left: 20px;
}

.banner-fa li+li a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 34px;
    left: -14px;
    width: 9px;
    height: 9px;
    border-radius: 5px;
    background-color: #dddddd;
}

.banner-fa a {
    display: inline-block;
    position: relative;
    padding: 10px;
    text-align: center;
}

.banner-fa a i {
    height: 72px;
    color: #656565;
}

.banner-fa a i.fa-address-card-o,
.banner-fa a i.fa-print {
    font-size: 4.8rem;
    padding-top: 5px;
}

.banner-fa a i.fa-building-o,
.banner-fa a i.fa-id-badge {
    font-size: 5.6rem;
}

.banner-fa a p {
    color: #1b252e;
    font-size: 1.3rem;
}

.banner-inline li+li {
    margin-left: 10px;
}

.banner-inline a {
    display: inline-block;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 30px;
    width: 136px;
    height: 146px;
    border: 2px solid #ed8dab;
    text-align: center;
}

.banner-inline p {
    position: absolute;
    bottom: 20px;
    width: 100%;
    color: #2a343c;
    font-size: 1.6rem;
    font-weight: bold;
}

.banner-list li+li {
    margin-top: 5px;
}

.banner-list a {
    display: block;
    position: relative;
    width: 222px;
    height: 45px;
    padding-left: 55px;
    line-height: 42px;
    font-size: 1.6rem;
    color: #dde8f2;
    background-color: #293846;
}

.banner-list.banner-partnerplus a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 20px;
    width: 24px;
    height: 24px;
    background: url("../images/icon/pp_banner_list.png") no-repeat;
}

.banner-list.banner-partnerplus li:nth-child(even) a:before {
    transform: rotate(106deg);
}


/* message */

.panel {
    margin-bottom: 10px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-heading {
    padding: 8px 15px;
    border-color: #eaeaea;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 0;
}

.panel-body {
    padding: 12px 20px;
    line-height: 24px;
}

.panel-body em {
    color: #f92465;
}

.panel-body a {
    color: #626ecc;
}

.panel-info {
    border-color: #eaeaea;
}

.panel-info .panel-heading {
    color: #000000;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.panel-warning {
    border-color: #fde3c7;
}

.panel-warning .panel-heading {
    color: #000000;
    background-color: #feeede;
    border-color: #feeede;
}

.panel-default {
    background-color: #f8f8f8;
    border: none;
}

.panel-default .panel-heading {
    padding: 8px 10px 2px;
    background-color: #f8f8f8;
    border: none;
}

.panel-default .panel-body {
    padding: 10px;
    line-height: 20px;
}

.panel-default .panel-heading+.panel-body {
    padding-top: 2px;
}

.table-noLine {
    border-top: none;
}

.panel .table-noLine {
    margin-left: 18px;
}

.panel .table-noLine th,
.panel .table-noLine td {
    font-weight: 100;
    font-size: 1.2rem;
    color: #555555;
    line-height: 20px;
}

.btn-block+.panel {
    margin-top: 20px;
}

.module-wrapper+.panel {
    margin-top: 20px;
}

.panel+table {
    margin-top: 20px;
}

p+.panel {
    margin-top: 20px;
}

table+.panel,
.shuttle-list+.panel {
    margin-top: 20px;
}

.panel-body p .btn-inline {
    margin-left: 10px;
}

.panel-body .info i {
    line-height: 22px;
}

.panel-body .info p {
    line-height: 20px;
}

.panel-body p.co {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 20px;
}

td div+.panel {
    margin-top: 10px;
}

td .panel {
    margin-bottom: 0;
}

.panel.no-pd .panel-body {
    padding: 0;
    line-height: 20px;
}


/* modal */

.modal {
    text-align: center;
    padding-right: 0 !important;
}

.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-wrapper {
    overflow-x: hidden;
}

.modal-open {
    padding-right: 0px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* chrome hack for bootstrap modal back scroll */
    .modal-open {
        padding-right: 0px !important;
    }
}

.modal-open .modal::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.modal-open .modal::-webkit-scrollbar-track {
    background: #808080;
}

.modal-open .modal::-webkit-scrollbar-thumb {
    background: #ddd;
}

.modal-dialog.modal-sm {
    margin: 0 auto;
}

.modal-sm {
    width: 274px;
}

.modal-md {
    width: 435px;
}

@media (max-width:1024px){
    .modal-lg {
        width: 780px;
    }
    .modal-xlg {
        width: 780px;
    }
}

@media (min-width:1025px){
    .modal-lg {
        width: 842px; 
    }
    .modal-xlg {
        width: 1100px;
    }
}


/*.modal-backdrop { background: none; opacity: 0; }*/

.modal-content {
    box-shadow: none;
    border-radius: 0;
}

.modal-header {
    position: relative;
    padding: 8px 15px 7px;
    border-radius: 0;
}

.modal-header h1 {
    font-family: "LGSmHaR";
    font-size: 1.4rem;
}

.modal-header .close {
    position: absolute;
    display: inline-block;
    top: 6px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: none;
    margin: 0;
    opacity: 1;
    text-shadow: none;
}

.modal-header .close span {
    position: relative;
    display: inline-block;
    top: 5px;
    width: 10px;
    height: 10px;
    background: url("../images/icon/close3.png") no-repeat;
}

.modal-body em {
    color: #f92465;
}

.modal-footer .btn-group .btn+.btn {
    margin-left: 10px;
}

.modal-sm .modal-body {
    padding: 22px 25px;
    line-height: 24px;
    text-align: center;
}

.modal-sm .modal-footer {
    padding: 0 25px 22px;
    border-top: none;
    text-align: center;
}
/*
.modal-lg .modal-body {
    padding: 30px;
}
*/
.modal-default .modal-content {
    border-color: #0d3b66;
}

.modal-default .modal-header {
    color: #fff;
    background-color: #3e4d5a;
    border-color: #3e4d5a;
}

.modal-warning .modal-content {
    border-color: #e9a254;
}

.modal-warning .modal-header {
    color: #fff;
    background-color: #f8ac59;
    border-color: #f8ac59;
}

.modal-warning em {
    color: #f8ac59;
    font-weight: bold;
}

.modal-alert .modal-content {
    border-color: #e9225f;
}

.modal-alert .modal-header {
    color: #fff;
    background-color: #f92465;
    border-color: #f92465;
}

.modal .list-check {
    margin-top: 4px;
}

.modal .list-check li {
    padding-left: 20px;
    background: url("../images/icon/check.png") no-repeat 2px 8px;
}

.loading {
    color: #337ab7;
}

.loading .fa-spinner {
    margin-right: 4px;
    font-size: 1.3rem;
}

.modal .loading {
    margin-top: 8px;
}

.modal .loading .fa-spinner {
    font-size: 6rem;
}

.modal .loading i+p {
    margin-top: 10px;
}

.modal .loading+* {
    margin-top: 10px;
}

.modal.fade .modal-dialog {
    transform: none;
    transition: none;
}

.modal-profile {
    width: 344px;
}

.modal-profile .modal-body {
    padding: 20px;
}

.profile-main {
    position: relative;
    min-height: 65px;
    padding-top: 4px;
    padding-left: 66px;
}

.profile-main img {
    position: absolute;
    top: 0;
    left: 0;
}

.profile-main p {
    line-height: 22px;
    font-size: 1.2rem;
    color: #202020;
}

.profile-main b {
    font-size: 1.6rem;
    margin-right: 5px;
}

.profile-contact {
    padding-top: 12px;
    border-top: 1px solid #dbdbdb;
}

.profile-contact li {
    position: relative;
    min-height: 20px;
    padding-left: 30px;
}

.profile-contact li+li {
    margin-top: 6px;
}

.profile-contact li i {
    position: absolute;
    top: 2px;
    left: 0;
    width: 25px;
    height: 20px;
    text-align: center;
    font-size: 1.4rem;
}

.profile-contact li a {
    font-size: 1.2rem;
    color: #337ab7;
}

.profile-contact li span {
    margin-left: 0;
    font-size: 1.2rem;
    color: #202020;
}


/* tab */

.nav>li>a {
    height: 41px;
    padding: 11px 20px 12px;
}

.nav-tabs>li>a {
    margin-right: -1px;
    border-radius: 0;
    border: 1px solid #ddd;
    background: #f8f8f8;
    color: #747474
}

.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    border: 1px solid #ddd;
    border-bottom: none;
    background: #f8f8f8;
    color: #1b252e;
    font-weight: 600;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #1b252e;
    font-size: 1.2rem;
    font-weight: 600;
}

.nav-tabs.nav-subTabs {
    border-bottom: 4px solid #edeff1;
}

.nav-subTabs>li {
    margin-bottom: -4px;
}

.nav-subTabs>li>a {
    padding: 6px 18px;
    margin-right: 2px;
    border: none;
    background: none;
    border-bottom: 4px solid #abb5be;
    color: #99a6b2;
}

.nav-subTabs>li>a:focus,
.nav-subTabs>li>a:hover {
    border: none;
    background: none;
    border-bottom: 4px solid #337ab7;
    color: #337ab7;
    font-weight: 100;
}

.nav-subTabs>li.active>a,
.nav-subTabs>li.active>a:focus,
.nav-subTabs>li.active>a:hover {
    border: none;
    background: none;
    border-bottom: 4px solid #337ab7;
    color: #337ab7;
    font-weight: 600;
}

.tab-content {
    padding: 20px 0;
    overflow-y: auto;
    overflow-x: hidden;
}

.tab-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.tab-content::-webkit-scrollbar-track {
    background: none;
}

.tab-content::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.tab-content.no-pb {
    padding: 20px 0 0;
}

.tab-content.add-mb {
    margin-bottom: -20px;
}

table+.nav,
.module-wrapper+.nav {
    margin-top: 20px;
}


/* process tabs */

.nav-processTabs {
    position: relative;
    margin: 0;
}

.nav-processTabs+.tab-content {
    padding: 10px 0;
}

.nav-processTabs .nav {
    display: inline-block;
    position: relative;
    border-bottom: none;
}

.nav-processTabs .nav:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #8394a6;
    z-index: -1;
}

.nav-processTabs .nav-tabs>li {
    position: relative;
    float: left;
    padding: 10px 0 10px 10px;
    text-align: center;
}

.nav-processTabs .nav-tabs>li:first-child {
    padding-left: 20px;
}

.nav-processTabs .nav-tabs>li:last-child {
    padding-right: 20px;
}

.nav-processTabs .nav-tabs>li .btn,
.nav-processTabs .nav-tabs>li p {
    width: 100%;
}

.nav-processTabs .nav-tabs>li .btn {
    height: 32px;
    padding: 0;
    border: none;
    background: none;
}

.nav-processTabs .nav-tabs>li .btn:focus {
    outline: none;
    box-shadow: none;
}

.nav-processTabs .nav-tabs>li .btn span {
    display: inline-block;
    position: relative;
    width: auto;
    height: 32px;
    padding: 8px 30px;
    border: 1px solid #556474;
    border-radius: 32px;
    background: #fff;
    color: #4c5761;
    font-weight: normal;
}

.nav-processTabs .nav-tabs>li.disabled .btn {
    cursor: not-allowed;
}

.nav-processTabs .nav-tabs>li.disabled .btn span {
    border-color: #8394a6;
    color: #8394a6;
}

.nav-processTabs .nav-tabs>li.current .btn span {
    width: auto;
    margin: -2px;
    padding: 6px 30px;
    border: 3px solid #757575;
    font-weight: bold;
}

.nav-processTabs .nav-tabs>li.active .btn {
    position: relative;
    cursor: default;
}

.nav-processTabs .nav-tabs>li.active .btn span {
    width: auto;
    margin: -2px;
    padding: 6px 30px;
    border: 3px solid #f92465;
    font-weight: bold;
}

.nav-processTabs .nav-tabs>li.active .btn:after {
    position: absolute;
    top: 100%;
    right: 50%;
    margin-right: -7px;
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-top: 7px solid #f92465;
}

.nav-processTabs .nav-tabs>li:first-child:before,
.nav-processTabs .nav-tabs>li:last-child:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 23px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #8394a6;
}

.nav-processTabs .nav-tabs>li:first-child:before {
    left: 0;
}

.nav-processTabs .nav-tabs>li:last-child:before {
    right: 0;
}

.nav-processTabs .nav-tabs>li:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #8394a6;
    z-index: -1;
}

.nav-processTabs.nav-sub {
    margin: 5px 0px;
}

.nav-processTabs.nav-sub .nav-tabs:before {
    display: none;
}

.nav-processTabs.nav-sub .nav-tabs>li {
    height: 16px;
    padding: 0;
    margin: 6px 12px 6px 0;
}

.nav-processTabs.nav-sub .nav-tabs>li:after {
    display: none;
}

.nav-processTabs.nav-sub .nav-tabs>li:first-child:before {
    display: none;
}

.nav-processTabs.nav-sub .nav-tabs>li+li {
    padding-left: 22px;
}

.nav-processTabs.nav-sub .nav-tabs>li+li:before {
    content: "\f054";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 10px;
    height: 16px;
    line-height: 18px;
    background: none;
    color: #d1d7de;
    font-size: 1.4rem;
}

.nav-processTabs.nav-sub .nav-tabs>li .btn {
    float: left;
    position: relative;
    height: 16px;
    padding-left: 22px;
}

.nav-processTabs.nav-sub .nav-tabs>li .btn:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 3px solid #4a596a;
    border-radius: 8px;
    background-color: #fff;
}

.nav-processTabs.nav-sub .nav-tabs>li .btn span {
    height: 16px;
    line-height: 14px;
    padding: 0;
    border: none;
}

.nav-processTabs.nav-sub .nav-tabs>li.disabled .btn:before {
    border: 1px solid #8394a6;
    background-color: #eaeef2;
}

.nav-processTabs.nav-sub .nav-tabs>li.disabled .btn span {
    font-weight: normal;
}

.nav-processTabs.nav-sub .nav-tabs>li.active .btn:before {
    border-color: #f92465;
}

.nav-processTabs.nav-sub .nav-tabs>li.active .btn span {
    color: #f92465;
}

.nav-processTabs.nav-sub .nav-tabs>li.active .btn:after {
    display: none;
}

.nav-processTabs.static .nav-tabs>li .btn {
    cursor: default;
}

.nav-processTabs.static .nav-tabs>li .btn:active {
    box-shadow: none;
}

.nav-processTabs.static .nav-tabs>li.active .btn span {
    margin: 0 -2px;
}

.nav-processTabs.static .nav-tabs>li.active .btn:after {
    content: none;
}


/* multi & search select (Select2 plugin) */

.select2-container {
    position: relative;
    width: auto !important;
    max-width: 500px;
    min-width: 206px;
    line-height: 20px;
}

.select2-width01+.select2-container {
    min-width: 100px;
}

.select2-width02+.select2-container {
    min-width: 150px;
}

.select2-width03+.select2-container {
    min-width: 300px;
}

.select2-width04+.select2-container {
    min-width: 500px;
}

.input-block+.select2-container {
    width: 100% !important;
}


/*.select2-fxd + .select2-container:before { font-family: "FontAwesome"; content: "\f0d7"; display: inline-block; position: absolute; top: 5px; right: 10px; color: #202020; }*/

.select2-container .select2-selection--multiple {
    min-height: 26px;
}

.select2-container--default.select2-container--focus .select2-selection.select2-selection--single,
.page-search .input-group .input-group-form .list-inline>li:first-child .select2-container--default.select2-container--focus .select2-selection.select2-selection--single {
    border: 1px solid #333 !important;
    margin-left: -1px;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    padding-left: 22px;
    border-radius: 0;
    border: 1px solid #a8a8a8;
    background: none;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #a8a8a8;
}

.select2-dropdown {
    border-radius: 0;
    border: 1px solid #a8a8a8;
}

.select2-results__option {
    color: #202020;
    font-size: 1.2rem;
    padding: 4px 6px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f2f2f2;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ddd;
    color: #202020;
}

.select2-rmt+.select2-container--default .select2-selection--single:before,
.select2-rmt+.select2-container--default .select2-selection--multiple:before {
    font-family: 'FontAwesome';
    content: "\f002";
    position: absolute;
    top: 0px;
    left: 8px;
    line-height: 25px;
    font-size: 1.3rem;
    color: #747474;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    float: left;
    padding: 0 5px;
    margin-top: 2px;
}

.page-search .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    float: left;
    height: 28px;
    margin: 0;
    padding: 2px 5px;
    overflow: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    position: relative;
    max-width: 200px;
    height: 18px;
    margin: 1px 4px 3px 0;
    padding: 0px 25px 0 5px;
    line-height: 14px;
    border-radius: 0;
    border-color: #b9d5d2;
    background: #edfaf8;
    color: #202020;
    font-size: 1.2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    top: 1px;
    right: 2px;
    width: 15px;
    height: 14px;
    margin: 0;
    color: #747474;
    font-weight: 100;
    font-size: 2rem;
    line-height: 10px;
}

.select2-container--default .select2-selection--multiple:after {
    display: block;
    content: "";
    clear: both;
}

.select2-results__options::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.select2-results__options::-webkit-scrollbar-track {
    background: none;
}

.select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 20px;
    margin-top: 0px;
}

.page-search .select2-container {
    line-height: 24px;
}

.page-search .select2-container--default .select2-selection--single,
.page-search .select2-container--default .select2-selection--multiple {
    border-left: none;
    min-height: 30px;
}

.page-search .no-border-right .select2-container--default .select2-selection--single,
.page-search .no-border-right .select2-container--default .select2-selection--multiple {
    border-right: none;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__choice,
.page-search .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px;
}

.page-search .select2-rmt+.select2-container--default .select2-selection--single:before,
.page-search .select2-rmt+.select2-container--default .select2-selection--multiple:before {
    line-height: 30px;
}

.page-search .select2-fxd+.select2-container:before {
    top: 3px;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px;
}

.select2-fxd+.select2-container--default .select2-selection--single {
    padding-left: 0;
}

.select2-fxd+.select2-container--default .select2-selection--multiple {
    padding-left: 2px;
}

.select2-container--default .select2-selection--single {
    height: 26px;
    border-radius: 0;
    border-color: #a8a8a8;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #202020;
    line-height: 22px;
}

.select2-rmt+.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none;
}

.select2-rmt+.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 24px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #575757 transparent transparent transparent;
    border-width: 6px 3px 0 3px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #575757 transparent;
    border-width: 0 3px 6px 3px;
}

.module-header .select2-container--default .select2-selection--single {
    height: 28px;
}

.module-header .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}

.module-header .select2-rmt+.select2-container--default .select2-selection--single:before {
    line-height: 27px;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    position: relative;
    line-height: 20px;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    margin-top: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__clear:before,
.select2-container--default .select2-selection--multiple .select2-selection__clear:before {
    content: "\f057";
    font-family: "FontAwesome";
    font-size: 1.4rem;
    display: inline-block;
    position: absolute;
    color: #848484;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__clear,
.page-search .select2-container--default .select2-selection--multiple .select2-selection__clear {
    line-height: 24px;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__clear {
    margin-top: 2px;
}

.page-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 28px;
}

.select2-hidden-accessible {
    max-width: 1px;
}





/* message */

.info {
    position: relative;
    display: inline-block;
    opacity: 1;
}

.info:after {
    content: "";
    display: inline-block;
    clear: both;
}

.info i {
    float: left;
    line-height: 18px;
    font-size: 1.4rem;
    color: #337ab7;
}

.info-text p {
    float: left;
    position: relative;
    margin: 0;
    line-height: 16px;
    color: #337ab7;
}

.info-text p em {
    color: #f92465;
}

.info-text.info-multiLine {
    height: auto !important;
}

.info-text.info-multiLine p {
    height: auto !important;
    line-height: normal !important;
}

.info-text i+p {
    margin-left: 5px;
}

.info i.fa-exclamation-triangle {
    color: #f8ac59;
}

.info-text i.fa-exclamation-triangle+p {
    color: #f8ac59;
}

.info i.fa-exclamation-circle {
    color: #f92465;
}

.info-text i.fa-exclamation-circle+p {
    color: #f92465;
}

.info-tooltip {
    cursor: pointer;
}

.info-tooltip p {
    display: none;
}

.info-tooltip:hover p {
    display: inline-block;
    position: absolute;
    min-width: 200px;
    top: -5px;
    left: 22px;
    padding: 4px 10px 6px;
    border-radius: 4px;
    background-color: #3e4d5a;
    color: #fefefe;
    font-family: "Malgun gothic";
    font-size: 1.2rem;
    text-align: left;
    z-index: 10;
}

.info-tooltip:hover p:before {
    content: "\f0d9";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    color: #3e4d5a;
    font-size: 1.8rem;
    top: 8px;
    left: -6px;
}

ul.input-radio>li .info-tooltip {
    float: left;
    height: 26px;
    margin-left: 0;
}

ul.input-radio>li .info-tooltip i {
    height: 26px;
    line-height: 26px;
}

ul.input-radio>li .info-tooltip:hover p {
    top: -4px;
}

ul.input-radio>li .info-tooltip:hover p:before {
    top: 5px;
}

h3+.list-inline.pull-left {
    margin-left: 10px;
}

h3+.info {
    top: 0px;
}

*+.info {
    margin-left: 8px;
}

.module-header .list-inline li>p,
.module-header .list-inline li>.input-radio label>input+span,
.module-header .list-inline li>.input-checkbox label>input+span {
    height: 28px;
    line-height: 28px;
}

.module-header .list-inline li>.input-radio label>input,
.module-header .list-inline li>.input-checkbox label>input {
    height: 24px;
    margin-top: 4px;
}

.module-header .info i,
.module-footer .info i {
    height: 28px;
    line-height: 30px;
}

.module-header .info-tooltip:hover p,
.module-footer .info-tooltip:hover p {
    top: -7px;
}

td .list-inline li>.info-tooltip i {
    height: 26px;
    line-height: 26px;
}

td .info-text i {
    top: 2px;
}

td .list-inline li .info {
    height: 26px;
}

td .list-inline li .info i {
    height: 26px;
    line-height: 26px;
}

td .list-inline li .info.info-text p {
    height: 26px;
    line-height: 24px;
}

.table-detail th .info.info-tooltip {
    margin-left: 0px; 
}

.table-detail th .info i {
    margin-top: 2px;
}


/* bootstrap tooltip */

.tooltip.in {
    opacity: 1;
}

.tooltip-inner {
    text-align: left;
    background-color: #3e4d5a;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #3e4d5a;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #3e4d5a;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #3e4d5a;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #3e4d5a;
}


/* quick link */

#quicklink {
    top: 0;
    left: 0;
    width: 100%;
    padding: 12px 0 12px;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background-color: #fff;
    z-index: 100;
}

#quicklink.affix {
    padding: 12px 20px 12px;
}

#quicklink .quicklink-list {
    border-left: 6px solid #337ab7;
    background-color: #f8f8f8;
}

#quicklink .nav {
    padding: 16px 30px;
    border: 1px solid #e8e8e8;
    border-left: none;
}

#quicklink .nav:after {
    content: "";
    display: inline-block;
    clear: both;
}

#quicklink .nav li {
    display: inline-block;
    float: left;
}

#quicklink .nav li+li {
    margin-left: 32px;
}

#quicklink .nav li a {
    padding: 0;
    font-size: 1.2rem;
    color: #1b252e;
}

#quicklink .nav li a:hover,
#quicklink .nav li a:focus {
    background: none;
}

#quicklink .nav li.active {
    position: relative;
    padding-left: 18px;
}

#quicklink .nav li.active:before {
    font-family: "FontAwesome";
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    color: #337ab7;
    font-size: 1.3rem;
}

#quicklink .nav li.active a {
    color: #337ab7;
    font-weight: bold;
}


/* division */

.division.row {
    margin: 0 -20px 0;
}

.module-wrapper+.division.row {
    margin-top: 20px;
}

.division-col {
    position: relative;
    padding: 0 20px;
}

.division-col.expand {
    display: block !important;
    width: 100% !important;
}

.division-col.hidden {
    display: none !important;
}

.division-left {
    float: left;
    padding-right: 10px;
}

.division-right {
    float: right;
    padding-left: 10px;
}

.division-toggle.row {
    margin: 0 -20px 20px;
    padding-right: 20px;
}

.division-toggle .division-col {
    padding: 25px 20px 0;
    transition: width 0.3s;
}

.division-toggle .division-right {
    padding-right: 0;
    border-left: 1px solid #ccc;
}

.division-toggle .division-right.expand {
    border-left: none;
}

.division-toggleBtn {
    position: absolute;
    top: 0;
    right: 8px;
    width: 18px;
    height: 18px;
    line-height: 10px;
    border: 1px solid #a8a8a8;
    background: none;
    font-size: 1.2rem;
    color: #a8a8a8;
}

.division-toggleBtn:hover {
    border-color: #202020;
    color: #202020;
}

.division.toggle+.btn-block {
    padding-right: 20px;
}

.division-row {
    position: relative;
    padding: 0 20px;
}

.division-toggle .division-row {
    padding: 25px 0 0;
}

.division-toggle .division-row.division-top {
    padding-bottom: 25px;
}

.division-toggle .division-row.division-bottom {
    padding-top: 50px;
    border-top: 1px solid #ccc;
}

.division-toggle .division-bottom.expand {
    padding-top: 35px;
    border-top: none;
}

.division-row .division-toggleBtn {
    right: 0;
}

.division-row.division-bottom .division-toggleBtn {
    top: 15px;
}

.division-row.division-bottom.expand .division-toggleBtn {
    top: 0;
}

.division-overflow {
    padding-right: 10px;
    overflow-y: auto;
}


/* process map */

.process-map {
    margin-top: 10px;
}


/* datatable */

div.dataTables_wrapper div.dataTables_header {
    margin-top: 0px;
    margin-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_header:after {
    content: "";
    display: block;
    clear: both;
}

div.dataTables_wrapper div.dataTables_header>p {
    height: 28px;
    line-height: 32px;
}

div.dataTables_wrapper div.dataTables_filter {
    float: left;
    margin-right: 20px;
    position: relative;
    top: 0px;
}

div.dataTables_wrapper div.dataTables_filter label {
    position: relative;
}

div.dataTables_wrapper div.dataTables_filter .fa-search {
    position: absolute;
    top: 7px;
    left: 12px;
    display: inline-block;
    color: #747474;
    font-size: 1.3rem;
}

div.dataTables_wrapper div.dataTables_filter input {
    min-width: 215px;
    height: 28px;
    padding-left: 30px;
    margin-left: 0;
    border-color: #eaeaea;
    border-radius: 0;
    box-shadow: none;
    font-size: 1.2rem;
    color: #202020;
}

div.dataTables_wrapper div.dataTables_toolbar {
    display: inline-block;
    float: left;
    height: 28px;
    position: relative;
    top: 0px;
}

div.dataTables_wrapper div.dataTables_info {
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0;
    font-size: 1.2rem;
    color: #747474;
}

div.dataTables_wrapper div.dataTables_info em {
    font-weight: 600;
    color: #f92465;
}

div.dataTables_wrapper div.dataTables_length {
    float: left;
    margin-right: 12px;
    font-size: 1.2rem;
    color: #747474;
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    height: 28px;
    padding: 0 5px;
    margin: 0 10px;
    border-radius: 0;
    border-color: #eaeaea;
    box-shadow: none;
    color: #333333;
}

div.dataTables_wrapper div.dataTables_length span {
    display: inline-block;
    position: relative;
    top: 2px;
}

div.dataTables_wrapper div.dataTables_toolbar .dataTables_info+.dt-buttons {
    margin-left: 10px;
}

div.dataTables_wrapper div.dt-buttons {
    float: left;
    width: auto;
    text-align: right;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis {
    position: relative;
    height: 28px;
    border: none;
    line-height: 24px;
    padding: 0px 12px;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis:focus {
    background: none;
    box-shadow: none;
    outline: none;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 20px;
    top: 5px;
    left: 0;
    background-color: #cccccc;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis span {
    display: inline-block;
    position: relative;
    top: 3px;
}

div.dataTables_wrapper div.dt-buttons a.buttons-colvis i {
    font-size: 1.4rem;
    color: #747474;
}

div.dataTables_wrapper div.dt-buttons.module-buttons {
    float: right !important;
}

div.dataTables_wrapper div.dt-buttons.module-buttons .btn {
    padding-top: 6px;
}

div.dataTables_wrapper div.dt-buttons.module-buttons .btn+.btn {
    margin-left: 5px;
}

div.dataTables_wrapper div.dt-buttons.crud-buttons {
    float: right;
    margin-top: 14px;
}

div.dataTables_wrapper div.dt-buttons.crud-buttons .btn {
    padding-top: 6px;
}

div.dataTables_wrapper div.dt-buttons.crud-buttons .btn+.btn {
    margin-left: 10px;
}

div.dataTables_wrapper .dt-clickable tr {
    cursor: pointer;
}

table.dataTable.no-footer {
    border-bottom: none;
}

ul.dt-button-collection.dropdown-menu {
    padding: 6px 0 0;
    border: 1px solid #a8a8a8;
    border-radius: 0;
}

ul.dt-button-collection.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 12px;
    width: 10px;
    height: 8px;
    background: url(../images/bg/balloon_arrow.png) no-repeat;
}

ul.dt-button-collection.dropdown-menu>li {
    padding: 0 6px;
}

ul.dt-button-collection.dropdown-menu>.buttons-columnVisibility>a {
    position: relative;
    padding: 0 0 0 24px;
    line-height: 26px;
    color: #202020;
    font-size: 1.2rem;
    background-color: #fff;
}

ul.dt-button-collection.dropdown-menu>.buttons-columnVisibility>a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 6px;
    width: 13px;
    height: 13px;
    border: 1px solid #707070;
}

ul.dt-button-collection.dropdown-menu>.buttons-columnVisibility.active>a:after {
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 7px;
    width: 12px;
    height: 12px;
    font-family: "fontawesome";
    color: #202020;
}

ul.dt-button-collection.dropdown-menu>.buttons-colvisRestore {
    padding: 8px 0;
    margin-top: 8px;
    border-top: 1px solid #eaeaea;
    text-align: center;
}

ul.dt-button-collection.dropdown-menu>.buttons-colvisRestore>a {
    display: inline-block;
    position: relative;
    width: 82px;
    height: 30px;
    line-height: 28px;
    padding: 0;
    padding-left: 16px;
    border: 1px solid #949494;
    font-size: 1.1rem;
}

ul.dt-button-collection.dropdown-menu>.buttons-colvisRestore>a:before {
    content: "\f01e";
    font-family: "fontawesome";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 12px;
    font-size: 1.3rem;
}

div.dt-button-background {
    background: none;
}

table.display,
table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-top: 2px solid #4d5762;
}

table.display thead th,
table.dataTable.display thead th,
table.display tbody td,
table.dataTable.display tbody td {
    line-height: 23px;
    padding: 4px 10px;
    border: none;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    font-size: 1.2rem;
}

table.display thead th:first-child,
table.dataTable.display thead th:first-child,
table.display tbody td:first-child,
table.dataTable.display tbody td:first-child {
    border-left: 1px solid #eaeaea;
}

table.display thead tr+tr th:first-child,
table.dataTable.display thead tr+tr th:first-child {
    border-left: none;
}

table.display thead th,
table.dataTable.display thead th {
    text-align: center;
    background: #f8f8f8;
    line-height: 18px;
    padding: 6px 10px;
    color: #000;
    font-weight: normal;
    white-space: nowrap;
}

table.display tbody td,
table.dataTable.display tbody td {
    background: #fff;
    color: #202020;
}

table tbody td em {
    margin-right: 5px;
    color: #f92465;
}

td a {
    text-decoration: none;
    color: #202020;
}

td a:focus,
td a:hover {
    text-decoration: underline;
    color: #202020;
}

td a.txt_underline {
    text-decoration: underline;
    color: #202020;
}

td a.fraction {
    display: inline-block;
    text-decoration: none;
}

td a.fraction em {
    display: inline-block;
    width: 26px;
    height: 14px;
    line-height: 14px;
    margin-right: 5px;
    border-radius: 2px;
    background: #f92465;
    text-align: center;
    color: #fff;
    font-size: 1.1rem;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    display: none;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-right: 10px;
}

table.dataTable thead span.sort-icon:after {
    display: inline-block;
    position: relative;
    padding-left: 3px;
    margin-right: -16px;
    width: 16px;
    height: 16px;
    color: #747474;
}

table.dataTable thead .sorting_asc span.sort-icon:after {
    font-family: 'FontAwesome';
    content: "\f0de";
    top: 2px;
}

table.dataTable thead .sorting_desc span.sort-icon:after {
    font-family: 'FontAwesome';
    content: "\f0dd";
    top: -2px;
}

table.dataTable thead .sorting_disabled span:after.sort-icon {
    display: none;
}

table.dataTable th.required span.sort-icon:before,
.table .th.required span.sort-icon:before {
    display: none;
}

table.dataTable th.required span:before,
.table .th.required span:before {
    top: -2px;
    left: -6px;
}

table.dataTable .dt-checkbox {
    text-align: center;
}

table.dataTable .dt-checkbox input[type="checkbox"] {
    box-shadow: none;
    height: auto;
    margin-top: 0;
    cursor: pointer;
}

table.dataTable th.dt-checkbox input[type="checkbox"] {
    display: none;
}

table.dataTable th.dt-checkbox input[type="checkbox"]+.fa {
    color: #b7b7b7;
    font-size: 1.4rem;
}

table.dataTable th.dt-checkbox input[type="checkbox"]:checked+.fa {
    color: #212121;
}

table.dataTable .dt-radio {
    text-align: center;
}

table.dataTable .dt-radio input[type="radio"] {
    box-shadow: none;
    height: auto;
    margin-top: 0;
    cursor: pointer;
}

table.dataTable .dt-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table.dataTable .dt-mw300 {
    max-width: 300px;
}

table.dataTable .dt-mw200 {
    max-width: 200px;
}

table.dataTable .dt-mw100 {
    max-width: 100px;
}

table.dataTable .dt-mw50 {
    max-width: 50px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    table.dataTable td.select-checkbox:before,
    table.dataTable td.select-checkbox:after {
        top: auto;
    }
}

table.dataTable tr.selected td.select-checkbox:after {
    font-family: "fontawesome";
    content: "\f00c";
    color: #707070;
    text-shadow: none;
    margin-top: -11px;
    margin-left: -5px;
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background: #fff;
}

table.dataTable.display tbody tr.odd:hover>td,
table.dataTable.order-column.stripe tbody tr.odd:hover>td,
table.dataTable.display tbody tr.even:hover>td,
table.dataTable.order-column.stripe tbody tr.even:hover>td {
    background: #fefbf1;
}

table.dataTable.display tbody>tr.odd.selected>td,
table.dataTable.order-column.stripe tbody>tr.odd.selected>td,
table.dataTable.display tbody>tr.even.selected>td,
table.dataTable.order-column.stripe tbody>tr.even.selected>td,
table.dataTable.display tbody>tr.odd.selected>td.sorting_1,
table.dataTable.order-column.stripe tbody>tr.odd.selected>td.sorting_1,
table.dataTable.display tbody>tr.even.selected>td.sorting_1,
table.dataTable.order-column.stripe tbody>tr.even.selected>td.sorting_1 {
    background: #fff1c3;
}

div.dataTables_wrapper div.dataTables_paginate {
    float: left;
    padding: 0;
    margin-top: 16px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    float: left;
    margin: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    float: left;
    min-width: 2.8rem;
    height: 2.8rem;
    padding: 0;
    margin: 0;
    margin-left: -1px;
    border-radius: 0;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none;
    background: #f8f8f8;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.first a,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous a,
.dataTables_wrapper .dataTables_paginate .paginate_button.next a,
.dataTables_wrapper .dataTables_paginate .paginate_button.last a {
    border: none;
    border-radius: 0;
    background: #fff;
    font-size: 1.3rem;
    color: #202020;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.first a,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous a,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next a,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled.last a {
    color: #909090;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    border-left: 1px solid #eaeaea;
}

.pagination>li>a {
    width: 100%;
    height: 100%;
    padding: 4px;
    margin: 0;
    border-color: #eaeaea;
    color: #333333;
    font-size: 1.2rem;
    outline: none;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover {
    border-color: #eaeaea;
    background: #fff;
    text-decoration: underline;
    color: #f92465;
    outline: none;
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_filter {
        display: block;
        float: none;
        text-align: left;
        margin-bottom: 10px;
    }
    div.dataTables_wrapper div.dataTables_length span {
        top: 0;
    }
}

.dataTables_scrollBody td {
    white-space: nowrap;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #eaeaea;
}
/*
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-track {
    background: none;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}
*/

.DTFC_ScrollWrapper table tbody td {
    white-space: nowrap;
}

.DTFC_LeftWrapper table.dataTable,
.DTFC_RightWrapper table.dataTable {
    border-color: transparent;
}

.DTFC_LeftBodyWrapper table.dataTable,
.DTFC_RightBodyWrapper table.dataTable {
    border-top: none;
}

div.DTFC_LeftBodyLiner,
div.DTFC_RightBodyLiner {
    border-bottom: 1px solid #eaeaea;
}

.DTFC_LeftHeadWrapper table.dataTable.display thead th:last-child {
    border-right: 2px solid #cccccc;
}

.DTFC_LeftBodyWrapper {
    border-right: 2px solid #cccccc;
}


/* RUI */

.L-popup-button-icon {
    width: 15px;
    height: 15px;
    top: 4px;
    right: -2px;
    background: url("../images/icon/link_newWindow.png") no-repeat center;
}

.L-popuptextbox a.icon {
    background: url("../images/icon/link_newWindow.png") no-repeat center 10px;
}

.L-datebox a.icon {
    width: 15px;
    left: 6px;
    right: auto;
    background: url("../images/icon/calendar.png") no-repeat 0 9px;
}

.L-form-field {
    border: none;
}

.L-form-field.L-disabled {
    color: inherit;
    border: 0;
}

.L-form-field input.form-control {
    height: 18px;
    box-sizing: content-box;
    border: 1px solid #a8a8a8;
}

.page-search .L-form-field input.form-control {
    box-sizing: border-box;
}

.L-editor-panel {
    box-sizing: content-box;
}

.L-editor-panel .L-radio-panel+.L-radio-panel {
    margin-left: 5px;
}

.L-button.btn-module,
.rui-grid .list-inline .L-button.btn-module {
    padding: 0;
    line-height: 14px;
}

.L-button.btn-module button {
    padding: 4px 8px 6px;
}

.L-form-field.L-numberbox input.form-control {
    height: 16px;
}

.L-form-field.L-numberbox input.form-control::-webkit-input-placeholder {
    text-align: left;
}

.L-numberbox>input {
    text-align: right;
}

.L-datebox a.icon {
    background-position: 0 50%;
}

.rui-file {
    position: relative;
}

.rui-file:before {
    content: "\f0c6";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 1.3rem;
    color: #909090;
    line-height: 18px;
    z-index: 10;
}

.rui-file .L-filebox {
    padding-right: 4px;
}

.rui-file .L-filebox.L-disabled,
.rui-file .L-filebox.L-disabled input[type="file"],
.rui-file .L-filebox.L-disabled input[type="file"]::-webkit-file-upload-button {
    cursor: not-allowed !important;
}

.rui-grid .rui-grid-header .list-inline .rui-file .L-filebox.L-disabled .L-filebox-button {
    border-color: #a8a8a8 !important;
    background: #ededed !important;
    color: #747474 !important;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.rui-file .L-filebox-button {
    border-color: #949494;
    background: #fff;
    color: #202020;
    font-size: 1.1rem;
}

.rui-file .L-filebox-button i {
    position: relative;
    top: 1px;
}

.list-inline li>.rui-file {
    margin-right: -5px;
}

.rui-file input[type="text"] {
    height: 26px;
    border: 1px solid #eaeaea;
    padding: 0 8px 0 26px;
    box-sizing: content-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rui-file input[type="file"] {
    width: 100% !important;
    height: 28px;
    padding: 0;
    cursor: pointer;
}

.rui-grid .rui-grid-header .list-inline .rui-file:before {
    display: none;
}

.rui-grid .rui-grid-header .list-inline .rui-file .L-filebox {
    padding: 0;
}

.rui-grid .rui-grid-header .list-inline .rui-file input[type="text"] {
    display: none;
}

.rui-grid .rui-grid-header .list-inline .rui-file .L-filebox-button {
    position: relative;
    height: 28px;
    padding: 5px 8px 7px;
    margin: 0;
    cursor: pointer;
}

.rui-grid .rui-grid-header .list-inline .rui-file .L-filebox:hover .L-filebox-button {
    border: 1px solid #000;
}


/* RUI grid */

*+.rui-grid {
    margin-top: 25px;
}

.module-header+.rui-grid {
    margin-top: 0;
}

.rui-grid-header {
    min-height: 28px;
    margin-bottom: 10px;
}

.rui-grid-header:after,
.rui-grid-footer:after {
    content: "";
    display: block;
    clear: both;
}

.rui-grid-header h3 {
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 10px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #337ab7;
    background: none;
}

.rui-grid-header h3:before {
    font-family: "fontawesome";
    content: "\f0da";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
}

.rui-grid .rui-filter {
    display: inline-block;
    position: relative;
}

.rui-grid .rui-filter .fa {
    position: absolute;
    top: 7px;
    left: 12px;
    color: #747474;
    font-size: 1.3rem;
}

.rui-grid .rui-filter .L-form-field {
    width: auto !important;
    border: 1px solid #eaeaea;
}

.rui-grid .rui-filter input[type=text] {
    min-width: 215px !important;
    height: 26px;
    padding-left: 30px;
    margin-left: 0;
    border-color: #eaeaea;
    font-size: 1.2rem;
    color: #202020;
}

.rui-grid .list-inline .rui-filter {
    margin-right: 15px;
}

.rui-grid .L-button button {
    border: none;
}

.rui-grid .list-inline .btn-module {
    padding-top: 6px;
}

.rui-grid .list-inline .L-button.btn-module button,
.rui-grid .list-inline button.btn-module {
    padding: 5px 8px 7px;
}

.rui-grid .list-inline .L-button.btn-module button i {
    position: relative;
    top: 1px;
}

.rui-grid .list-inline .L-button.btn-module button span {
    line-height: 11px;
}

.rui-grid .rui_total {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    padding: 0;
    font-size: 1.2rem;
    color: #747474;
}

.rui-grid .rui_total em {
    font-weight: 600;
    color: #f92465;
}

.rui-grid-table table {
    border-top: none;
}

.rui-grid-table table * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.rui-grid-table table .list-inline * {
    box-sizing: border-box;
}

.rui-grid-table .L-panel {
    border-color: #eaeaea;
    border-top: none;
}

.rui-grid-row-error {
    background-color: #fde3c7;
}

.L-grid-header {
    border-top: 2px solid #4d5762;
    border-bottom: none;
    background: #f8f8f8;
}

.L-grid-header td a,
.L-grid-header td a:hover,
.L-grid-header td a:focus {
    cursor: text;
    text-decoration: none;
}

.L-grid-header .L-grid-header-table td a {
    height: auto;
    color: #000;
    font-size: 1.2rem;
    cursor: pointer;
}

.L-grid-header-row .L-grid-header-inner {
    line-height: 18px;
    padding: 0px 0;
}

.L-grid-header-tool-icon {
    text-align: right;
}

.L-grid-header-tool-icon:before {
    content: "\f0da";
    font-family: "FontAwesome";
    font-size: 1.4rem;
    color: #666;
}

.L-grid-cell,
td.L-grid-dummy-cell {
    height: 31px;
}


/*.L-grid-row .L-grid-cell-inner { line-height: 24px; padding: 4px 5px; color: #202020; font-size: 1.2rem; }*/

.L-grid-cell-inner {
    text-overflow: ellipsis;
}

.L-grid-row .L-grid-cell-inner {
    line-height: 24px;
    padding: 0px 5px;
    color: #202020;
    font-size: 1.2rem;
}

.L-grid-row-even {
    background-color: #fff;
}

.L-grid-header-row td,
.L-grid-row-dummy td,
.L-grid-col-line .L-grid-row td.L-grid-cell {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.rui-grid-footer .list-inline.pull-right {
    margin-top: 20px;
    margin-right: -5px;
}

.L-grid-sort-icon {
    position: relative;
    top: -2px;
    height: 16px;
    width: 16px;
    margin-right: -16px;
}


/*.L-grid-cell-sortable .L-grid-sort-icon { background: url("../images/icon/sort_up_down.png") no-repeat 4px 3px; }*/

.L-grid-cell-sortable .L-grid-sort-icon {
    background: none;
}

.L-grid-sort-asc .L-grid-sort-icon {
    background: url("../images/icon/sort_up.png") no-repeat 4px 6px !important;
}

.L-grid-sort-desc .L-grid-sort-icon {
    background: url("../images/icon/sort_down.png") no-repeat 4px 7px !important;
}

.L-grid-body-empty td {
    line-height: 23px;
    padding: 4px 10px;
    color: #202020;
    font-size: 1.2rem;
}

.L-grid-column-freeze .L-grid-header .L-grid-li-first {
    top: 2px;
    border-right: 1px solid #eaeaea;
}

.L-grid-column-freeze .L-grid-header .L-grid-li-first .L-grid-header-cell {
    background-color: #f8f8f8;
}

.L-grid-column-freeze .L-grid-scroller .L-grid-li-first {
    border-right: 1px solid #eaeaea;
}

.L-grid-row .L-grid-cell-inner.L-grid-col-btn .L-grid-button {
    height: 22px;
    line-height: 18px;
    float: left;
    padding: 1px 10px 1px;
    border: 1px solid #aeaeae;
    background: #f6f6f6;
    font-size: 1.1rem;
}

.L-grid-row .L-grid-cell-inner.L-grid-col-btn .L-grid-button:hover {
    border-color: #949494;
    background: #efefef;
}

.L-grid-row .L-grid-cell-inner.L-grid-col-btn .list-inline li {
    margin: 2px -5px 2px 0;
}

.L-grid-row .L-grid-cell-inner.L-grid-col-btn .list-inline .L-grid-button {
    margin-right: 0;
}

.L-grid.L-editable {
    border-color: #fd195e;
}

.L-grid.L-editable div.L-datebox input {
    width: 100% !important;
    background: transparent;
    padding-left: 25px;
}

.L-grid.L-editable input[type=radio] {
    float: left;
    height: 30px;
}

.L-grid.L-editable input[type=radio]+label {
    float: left;
    height: 30px;
    line-height: 28px;
    font-weight: normal;
    margin-left: 2px;
}

.L-grid-summary-depth-0 {
    background-color: #eff9f5;
}

.L-grid-summary-depth-1 {
    background-color: #d3ece3;
}

.L-grid-row-summary-total td.L-grid-cell {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background-color: #b9e4d2;
    font-weight: bold;
}


/*.L-grid-summary-depth-0 { background-color: #fff6f6; }
.L-grid-summary-depth-1 { background-color: #ffeaea; }
.L-grid-row-summary-total td.L-grid-cell { border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; background-color: #ffd6d6; font-weight: bold; }*/

.L-grid-summary-col {
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

.L-editable .L-grid-row-selected .L-grid-cell-editable {
    background: url("../images/icon/rui_pencil.png") no-repeat 2px top transparent;
}

.L-grid-row-over {
    background: #fefbf1 !important;
}

.L-grid-row-selected {
    background: #fff1c3 !important;
}

.L-grid-body .L-grid-cell-selected {
    background-color: #ffe48a !important;
}

.rui-grid .colvis__button {
    position: relative;
    height: 28px;
    border: none;
    line-height: 24px;
    padding: 0px 12px;
    background: none;
}

.rui-grid .colvis__button:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 20px;
    top: 5px;
    left: 0;
    background-color: #cccccc;
}

.rui-grid .colvis__button i {
    font-size: 1.4rem;
    color: #747474;
}

.rui-grid .colvis>ul {
    display: none;
    position: absolute;
    min-width: 180px;
    padding: 0;
    border: 1px solid #a8a8a8;
    border-radius: 0;
    background: #fff;
    z-index: 10;
}

.rui-grid .colvis>ul.active {
    display: inline-block;
}

.rui-grid .colvis>ul:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 12px;
    width: 10px;
    height: 8px;
    background: url(../images/bg/balloon_arrow.png) no-repeat;
}

.rui-grid .colvis__list {
    padding: 0 6px;
}

.rui-grid .colvis__list a {
    display: block;
    position: relative;
    padding: 0 0 0 24px;
    line-height: 26px;
    color: #202020;
    font-size: 1.2rem;
    background-color: #fff;
}

.rui-grid .colvis__list a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 6px;
    width: 13px;
    height: 13px;
    border: 1px solid #707070;
}

.rui-grid .colvis__list.active a:after {
    content: "\f00c";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 7px;
    width: 12px;
    height: 12px;
    font-family: "fontawesome";
    color: #202020;
}

.rui-grid .colvis__list__button {
    padding: 8px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
    text-align: center;
}

.rui-grid li+.colvis__list__button {
    margin: 8px 0 0;
    border-bottom: none;
    border-top: 1px solid #eaeaea;
}

.rui-grid .colvis__list__button a {
    display: inline-block;
    position: relative;
    width: 75px;
    height: 30px;
    line-height: 26px;
    padding: 0;
    margin: 0 1px;
    border: 1px solid #949494;
    font-size: 1.1rem;
    color: #333;
}

.rui-grid .colvis__list__button a:hover {
    background: #f2f2f2;
}

.rui-grid .colvis__list__button a:before {
    font-family: "fontawesome";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 10px;
    font-size: 1.2rem;
}

.rui-grid .colvis__list__button .colvis__list--save {
    width: 156px;
    margin: 0;
}

.L-grid-tree-col {
    height: 24px;
}

.L-grid-row-expand-close .L-grid-tree-col-icon,
.L-grid-row-expand-open .L-grid-tree-col-icon {
    background: none;
    height: 24px;
    line-height: 24px;
}

.L-grid-row-expand-close .L-grid-tree-col-icon:before {
    font-family: "FontAwesome";
    content: "\f07b";
    color: #767676;
}

.L-grid-row-expand-open .L-grid-tree-col-icon:before {
    font-family: "FontAwesome";
    content: "\f115";
}

.L-grid-cell-tooltip {
    background-image: none;
}

.L-header-context-menu {
    border-color: #a8a8a8;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    color: #202020;
}

.L-header-context-menu .L-header-group-menu-row {
    background-color: #f8f8f8;
    color: #202020;
}

.L-grid-panel .L-masked-message,
.L-wait-panel .L-masked-message {
    width: auto;
    height: auto;
    animation: spin 2s infinite linear;
    background: none;
}

.L-grid-panel .L-masked-message:before,
.L-wait-panel .L-masked-message:before {
    font-family: "FontAwesome";
    content: "\f110";
    color: #337ab7;
    font-size: 5rem;
}

.L-grid-row-radio,
.L-grid-row-radio.L-grid-row-radio-disabled,
.L-grid-row-marked .L-grid-row-radio.L-grid-row-radio-disabled,
.L-grid-row-checkBox,
.L-grid-header-checkBox,
.L-grid-row-checkBox.L-grid-row-checkBox-disabled,
.L-grid-row-marked .L-grid-row-checkBox.L-grid-row-checkBox-disabled,
.L-grid-col-checkBox {
    background-image: url("../images/icon/checkbox-sprite.png");
}

.L-grid-row-checkBox,
.L-grid-header-checkBox {
    cursor: auto;
}

.L-clipboard {
    z-index: 1060;
}

.L-grid-cell-inner button {
    background-color: transparent;
}

.rui-grid-total {
    min-height: 34px;
    padding: 8px 15px;
    border: 1px solid #eaeaea;
    border-top: none;
}

.rui-grid-total p {
    font-size: 1.3rem;
}

.rui-grid span.required {
    position: relative;
}

.rui-grid span.required:before {
    content: "*";
    position: absolute;
    top: -2px;
    left: -6px;
    display: inline-block;
    width: 5px;
    height: 5px;
    color: #fd195e;
    font-size: 1.2rem;
}

.btn.rgrid-th-btn {
    width: auto;
    box-sizing: border-box;
    margin-left: 5px;
    border-color: #aeaeae;
}


/*.L-grid-action-menu .L-action-menu-li {}*/


/* RUI tooltip */

.L-stt {
    padding: 2px 6px 2px 6px;
    border: 1px solid #6f6f6f;
    border-radius: 3px;
    background: linear-gradient(to bottom, #fcfcfc 0%, #f3f3f3 54%, #f9f9f9 100%);
}


/* RUI combo list */

div.L-combo-list-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

div.L-combo-list-wrapper::-webkit-scrollbar-track {
    background: none;
}

div.L-combo-list-wrapper::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}


/*.L-combo-list-wrapper .L-list { padding: 6px; color: #202020; }*/

.L-combo-list-wrapper .L-list {
    color: #202020;
}

.L-combo-list-wrapper .L-list.selected {
    border: none;
    background-color: #f2f2f2;
}

.L-combo-list-wrapper .L-list.active {
    border: none;
    background-color: #ddd;
}


/* RUI calendar */

.L-calcontainer {
    background-color: #fff;
    border-color: #a8a8a8;
    z-index: 1100;
}

.L-calcontainer .L-title,
.L-calcontainer .link-close {
    display: none;
}

.L-calendar {
    border-top: none;
    border-collapse: separate;
}

.L-calendar .L-calweekdaycell {
    min-width: 30px;
    font-size: 1.2rem;
    color: #747474;
}

.L-calendar td.L-calcell {
    border-color: transparent;
}

.L-calendar td.L-calcell a {
    color: #202020;
}

.L-calendar td.L-calcell.selected {
    border-radius: 4px;
    background-color: #36b3af;
}

.L-calendar td.L-calcell.selected a {
    background-color: transparent;
    color: #fff;
}

.L-calendar td.L-calcell.L-calcellhover {
    background-color: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 4px;
}

.L-calendar td.L-calcell.L-calcellhover a {
    color: #202020;
}

.L-calendar td.wd0,
.L-calendar td.wd6,
.L-calendar td.L-calcell.oom {
    background-color: transparent;
}

.L-calendar td.wd0 a {
    color: #f92465;
}

.L-calendar td.L-calcell.oom {
    color: #cccccc;
}

.L-calendar .L-calhead {
    padding: 14px 0 10px;
}

.L-calendar .L-calheader {
    padding: 0;
}

.L-calendar .L-calnavyearleft {
    top: 4px;
    left: 0;
    background: url("../images/icon/arrow_double_left.png") no-repeat center;
}

.L-calendar .L-calnavleft {
    top: 4px;
    left: 25px;
    background: url("../images/icon/arrow_left.png") no-repeat center;
}

.L-calendar .L-calnavright {
    top: 4px;
    right: 25px;
    background: url("../images/icon/arrow_right.png") no-repeat center;
}

.L-calendar .L-calnavyearright {
    top: 4px;
    right: 0;
    background: url("../images/icon/arrow_double_right.png") no-repeat center;
}

.L-calendar a.L-calnav {
    font-size: 1.6rem;
    border: none;
}


/* RUI timebox */

.L-grid-panel div.L-timebox input {
    text-align: center;
}

.L-timebox div.icon {
    width: 12px;
}

.L-timebox div.icon .L-spin-up {
    background: url("../images/icon/sort_up.png") no-repeat center 8px;
}

.L-timebox div.icon .L-spin-down {
    background: url("../images/icon/sort_down.png") no-repeat center 3px;
}


/* RUI dialog */

.mask {
    background-color: transparent;
}

.L-masked-panel {
    z-index: 9000;
}

.L-dialog {
    box-shadow: none;
    border-color: #0d3b66;
    z-index: 9500 !important;
}

.L-dialog .hd {
    padding: 8px 15px 7px;
    color: #fff;
    background-color: #3e4d5a;
    border: none;
    border-bottom: 1px solid #3e4d5a;
    font-family: "LGSmHaR";
    font-size: 1.4rem;
    font-weight: 500;
}

.L-dialog .container-close {
    position: absolute;
    display: inline-block;
    top: 6px;
    right: 8px;
    width: 20px;
    height: 20px;
    background: none;
    margin: 0;
    opacity: 1;
    text-shadow: none;
    background: url(../images/icon/close3.png) no-repeat center;
}

.L-dialog .bd {
    padding: 22px 25px;
}

.L-dialog .ft {
    padding: 0 25px 22px;
    border-top: none;
    text-align: center;
}

.L-dialog .L-button {
    border: 1px solid #949494;
    background: #fff;
    color: #202020;
}

.L-dialog .L-button:hover {
    border-color: #000;
    background: #fff;
}

.L-dialog .L-button button {
    border-color: transparent;
    color: #202020;
    padding: 3px 12px 5px;
}

.L-dialog .L-button.default {
    height: 30px;
    line-height: 20px;
    border-radius: 0;
    font-size: 1.2rem;
    border: 1px solid #202020;
    background: #293846;
    color: #fff;
}

.L-dialog .L-button.default:hover {
    background: #000;
}

.L-dialog .L-button.default button {
    margin: 0;
    background-color: transparent;
    color: #fff;
}

.L-dialog .L-button+.L-button {
    margin-left: 10px;
}

.L-dialog p+textarea {
    margin-top: 10px;
}

.L-excel-dialog {
    width: 350px !important;
}


/* RUI tree */

.L-ul-treeview {
    border: 1px solid #cccccc;
    border-top: 2px solid #4d5762;
}

.L-ul-treeview::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.L-ul-treeview::-webkit-scrollbar-track {
    background: none;
}

.L-ul-treeview::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.L-ul-treeview .L-ul-first {
    overflow-y: auto;
    padding: 10px;
    border: none;
}

.L-ul-treeview .L-ul-li-line {
    background: none;
}

.L-ul-treeview-node-image {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: none;
    color: #767676;
    text-align: center;
}

.L-ul-treeview-node-image:before {
    display: inline-block;
    font-family: "FontAwesome";
}

.L-ul-treeview-node-image-open-mid:before,
.L-ul-treeview-node-image-open-last:before {
    content: "\f115";
}

.L-ul-treeview-node-image-close-mid:before,
.L-ul-treeview-node-image-close-last:before {
    content: "\f07b";
}

.L-ul-treeview-node-image-mid:before,
.L-ul-treeview-node-image-last:before {
    content: "\f016";
}

.L-ul-treeview-node-table-cell-folder,
.L-ul-treeview-node-table-cell-folder-no-child {
    display: none;
}

.L-ul .L-ul-treeview-node-label {
    line-height: 22px;
}

.L-ul .L-ul-treeview-node-label:focus,
.L-ul .L-ul-treeview-node-label:hover {
    text-decoration: none;
}

.L-ul-treeview-node-content {
    padding-left: 4px !important;
}

.L-ul-treeview .L-ul-focus-node {
    background-color: transparent;
}

.L-ul-treeview .L-ul-focus-node a {
    font-weight: 600;
    color: #36b3af;
}

.L-ul-treeview .L-ul-focus-node .L-ul-treeview-node-image:before {
    color: #36b3af;
}

.rui-treeView.util {
    position: relative;
}

.rui-treeView.util .list-inline {
    position: absolute;
    left: 11px;
    top: 12px;
    z-index: 2;
}

.rui-treeView.util .L-ul-treeview {
    padding-top: 38px;
}


/* jstree */

h4+.tree {
    margin-top: 10px;
}

.tree-header {
    margin-bottom: 10px;
}

.tree-header-block+.tree-header-block {
    margin-top: 10px;
}

.tree-header-block .page-search {
    margin-bottom: 0;
}

.tree-header-block:after {
    display: block;
    content: "";
    clear: both;
}

.tree-header .search {
    float: left;
    position: relative;
    display: inline-block;
    width: 120px;
}

.tree-header .search input {
    width: 100%;
    height: 28px;
    margin-right: 6px;
    padding-left: 30px;
    border: 1px solid #eaeaea;
}

.tree-header .search i {
    content: "\f002";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    color: #747474;
    font-size: 1.3rem;
    top: 7px;
    left: 10px;
}

.tree-header span {
    font-size: 1.2rem;
    color: #747474;
}

.tree-header span em {
    color: #f92465;
}

.tree-header .search+span {
    margin-left: 10px;
}

.tree-header .total {
    float: left;
    display: inline-block;
    height: 28px;
    line-height: 26px;
}

.tree-header .input-radio {
    float: left;
    height: 28px;
    line-height: 26px;
}

.tree-header-block>.btn,
.tree-header .btn-group {
    float: right;
}

.tree-button-updown {
    margin-top: 6px;
}

.tree-button-updown .btn.btn-icon {
    border: 1px solid #949494;
    border-radius: 4px;
    line-height: 0;
}

.tree-button-updown.rui-tree {
    margin-top: 0;
    margin-right: -5px;
}

.tree-button-updown.rui-tree .btn.btn-icon {
    width: 28px;
    height: 28px;
}

.jstree {
    border-top: 2px solid #4d5762;
}

.jstree-container-ul {
    height: 100%;
    overflow-y: auto;
    padding: 10px 10px 10px 5px;
    border: 1px solid #cccccc;
    border-top: none;
}

.jstree-container-ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.jstree-container-ul::-webkit-scrollbar-track {
    background: none;
}

.jstree-container-ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background: none;
    color: #767676;
}

.jstree-default .jstree-icon.jstree-ocl {
    width: 0;
    height: 0;
}

.jstree-open>.jstree-anchor>.fa-folder:before {
    content: "\f115";
}

.jstree-leaf>.jstree-anchor>.fa-folder:before {
    content: "\f016";
}

.jstree-open>.jstree-clicked>.fa-folder:before {
    content: "\f115";
    color: #36b3af;
}

.jstree-leaf>.jstree-clicked>.fa-folder:before {
    content: "\f016";
    color: #36b3af;
}

.jstree-default .jstree-anchor {
    color: #202020;
}

.jstree-default .jstree-hovered {
    background: none;
    box-shadow: none;
}

.jstree-default .jstree-clicked {
    background: none;
    box-shadow: none;
    font-weight: 600;
    color: #36b3af;
}

.jstree-default .jstree-search {
    font-style: normal;
    color: #36b3af;
}

#lnb-tree {
    border-top: none;
}

#lnb-tree ul {
    border: none;
}

#lnb-tree.jstree-default .jstree-node {
    min-height: 28px;
    line-height: 28px;
}

#lnb-tree.jstree-default .jstree-anchor {
    color: #fff;
    font-weight: 100;
    font-size: 1.2rem;
}

#lnb-tree.jstree-default .jstree-node,
#lnb-tree .jstree-default .jstree-icon {
    position: relative;
    background: none;
    color: #ebf1f7;
    font-size: 1.3rem;
}

#lnb-tree .jstree-open>.jstree-anchor>.fa-plus-square-o:before {
    content: "\f147";
    color: #8394a6;
}

#lnb-tree .jstree-leaf>.jstree-anchor>.fa-plus-square-o:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #f8f8f8;
    position: absolute;
    top: 11px;
    left: 12px;
}

#lnb-tree.jstree-default .jstree-anchor:hover {
    color: #36b3af;
}

#lnb-tree.jstree-default .jstree-clicked {
    background: #23313d;
}

#lnb-tree .jstree-anchor {
    padding-left: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#lnb-tree.jstree-default .jstree-icon:empty {
    background: #30404f;
}

#lnb-tree .jstree-anchor>.jstree-themeicon {
    margin-right: 5px;
}


/* shuttle */

*+.shuttle {
    margin-top: 30px;
}

.module-header+.shuttle {
    margin-top: 0;
}

.shuttle-default:after {
    content: "";
    display: block;
    clear: both;
}

.shuttle-default .shuttle-left,
.shuttle-default .shuttle-right {
    float: left;
    width: 260px;
}

.shuttle-default .shuttle-button {
    float: left;
    width: 98px;
}

.shuttle-default .shuttle-list {
    height: 360px;
}

.shuttle-button {
    text-align: center;
    padding: 0;
}

.shuttle-button ul {
    display: inline-block;
    position: relative;
    top: 50%;
    margin-top: -36px;
}

.shuttle-button li {
    margin: 10px 0;
}

.shuttle-button li button {
    padding: 0 16px;
    line-height: 18px;
}

.shuttle-button li button i {
    font-size: 1.6rem;
    margin: 0 1px;
}

.shuttle-top+.shuttle-button {
    margin: 15px 0;
}

.shuttle-top+.shuttle-button ul {
    top: auto;
    margin-top: auto;
}

.shuttle-top+.shuttle-button li {
    display: inline-block;
}

.shuttle-top+.shuttle-button li+li {
    margin-left: 8px;
}

.shuttle-button-down i,
.shuttle-button-up i {
    display: block;
    height: 7px;
    line-height: 5px;
}

.shuttle-button .btn.shuttle-button-down i:before,
.shuttle-button .btn.shuttle-button-up i:before {
    font-weight: normal;
}

.shuttle-list-total {
    display: block;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
    font-size: 1.2rem;
    color: #747474;
}

.shuttle-list-total em {
    color: #f92465;
}

.shuttle-list {
    border-top: 2px solid #4d5762;
}

*+.shuttle-list {
    margin-top: 10px;
}

.shuttle-list ul {
    height: 100%;
    overflow-y: auto;
    padding: 6px 0;
    border: 1px solid #cccccc;
    border-top: none;
}

.shuttle-list ul::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.shuttle-list ul::-webkit-scrollbar-track {
    background: none;
}

.shuttle-list ul::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

.shuttle-list li {
    height: 30px;
    line-height: 28px;
    padding: 0 12px;
    cursor: pointer;
}

.shuttle-list li.selected {
    background-color: #f2f2f2;
}

.shuttle-list li:hover {
    background-color: #ddd;
}

.shuttle-list li span {
    font-size: 1.2rem;
    color: #202020;
}

.shuttle-button.shuttle-button--text button {
    width: 100%;
    text-align: left;
    padding: 0 10px;
}

.shuttle-button.shuttle-button--text button i {
    font-size: 1.2rem;
    margin-right: 6px;
}


/* widget */

.widget-section {
    margin: -20px;
}

.widget {
    display: inline-block;
    float: left;
    min-width: 344px;
    margin: 20px;
    opacity: 1;
}

.widget.widget-default {
    border-top: 2px solid #4d5762;
}

.widget.widget-removed {
    opacity: 0;
    transition: opacity 0.5s;
}

.widget-header {
    padding: 15px 20px;
}

.widget-header:after {
    content: "";
    display: inline-block;
    clear: both;
}

.widget-default .widget-header {
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.widget-title {
    position: relative;
    margin: 0;
    margin-right: 15px;
    font-size: 1.4rem;
    color: #202020;
}

.widget-alarm {
    display: inline-block;
    position: absolute;
    top: 2px;
    right: -6px;
    width: 4px;
    height: 4px;
    background-color: #ff0066;
    border-radius: 2px;
}

.widget-tools {
    position: relative;
    top: -2px;
}

.widget-tools .btn+.btn {
    margin-left: 2px;
}

.widget-tools .btn[data-widget=minimize] i {
    font-size: 1.8rem;
}

.widget-tools .btn[data-widget=remove] i {
    font-size: 1.8rem;
}

.widget-tools .btn i {
    font-size: 1.4rem;
    color: #b4b4b4;
}

.widget-body {
    height: auto;
    padding: 30px;
    text-align: center;
    overflow: hidden;
    transition: padding 0.5s, height 0.5s;
}

.widget-default .widget-body {
    border: 1px solid #cdcdcd;
    border-top: none;
}

.widget-minimized .widget-body {
    height: 0;
    padding: 0 30px;
    transition: padding 0.5s, height 0.5s;
}


/* file attach */

.input-file:after {
    display: block;
    content: "";
    clear: both;
}


/*.input-file>span {
    float: left;
}*/

.input-file>span,
.input-file>li>span {
    display: inline-block;
    position: relative;
    height: 26px;
    line-height: 24px;
    padding-left: 16px;
}

.input-file>span:before,
.input-file>li>span:before {
    content: "\f0c6";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 1.3rem;
    color: #626ecc;
}

.input-file>span a,
.input-file>li>span a {
    color: #626ecc;
}

.input-file>span em,
.input-file>li>span em {
    color: #555555;
    margin-left: 4px;
}

.input-file>span+button,
.input-file>li>span+button {
    margin-left: 15px;
}

.input-file>button {
    display: inline-block;
    float: left;
    margin-left: 5px;
}

.input-file.input-block>form {
    display: block !important;
    width: 100% !important;
}


/* file upload (dropzone) */

.dropzone,
.dropzone-wrapper {
    display: inline-block;
    position: relative;
    float: left;
    min-width: 180px;
    min-height: 26px;
    padding: 1px 10px 1px 24px;
    border: 1px solid #a8a8a8;
    cursor: pointer;
}

.dropzone:before,
.dropzone-wrapper:before {
    content: "\f0c6";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 7px;
    font-size: 1.3rem;
    color: #909090;
    line-height: 18px;
}

.dropzone.dropzone-box,
.dropzone-wrapper.dropzone-box {
    width: 100%;
    min-height: 48px;
}

.table-list td .dropzone,
.table-list td .dropzone-wrapper {
    line-height: 18px;
}

.dz-image,
.dz-error-message,
.dz-success-mark,
.dz-error-mark {
    display: none;
}

.dz-started .dz-message {
    display: none;
}

.dz-message {
    margin-top: 1px;
    color: #999999;
    font-size: 1.2rem;
}

.dz-preview {
    display: inline-block;
    float: left;
    position: relative;
    height: 18px;
    line-height: 15px;
    padding: 0px 24px 0px 6px;
    margin: 2px 4px 2px 0;
    border: 1px solid #b9d5d2;
    border-radius: 0;
    background-color: #edfaf8;
    font-family: "Malgun Gothic";
    font-size: 1.2rem;
    color: #202020;
    cursor: default;
}

.dz-preview .dz-details {
    display: inline-block;
    float: left;
}

.dz-preview .dz-filename a {
    color: #626ecc;
}

.dz-preview .dz-size {
    display: inline-block;
    float: left;
    margin-left: 4px;
    color: #555;
}

.dz-preview .dz-size strong {
    font-weight: 100;
}

.dz-preview .dz-remove {
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 1px;
    height: 14px;
}

.dz-preview .dz-remove:hover,
.dz-preview .dz-remove:active,
.dz-preview .dz-remove:focus {
    text-decoration: none;
}

.dz-preview .dz-remove:before {
    content: "x";
    opacity: 1;
    font-size: 2rem;
    display: inline-block;
    width: 15px;
    height: 14px;
    line-height: 10px;
    color: #747474;
    top: 0;
    left: 0;
}

.dz-preview.dz-error {
    border: 1px solid #f92465;
    background-color: #fff;
}

.dropzone .dz-preview.dz-complete.dz-error:hover .dz-error-message,
.dropzone-wrapper .dz-preview.dz-complete.dz-error:hover .dz-error-message {
    display: inline-block;
    position: absolute;
    width: auto;
    top: 25px;
    left: -1px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #3e4d5a;
    z-index: 10;
}

.dropzone .dz-preview.dz-complete.dz-error .dz-error-message:before,
.dropzone-wrapper .dz-preview.dz-complete.dz-error .dz-error-message:before {
    content: "\f0d8";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    color: #3e4d5a;
    font-size: 1.8rem;
    top: -10px;
    left: 30px;
}

.dropzone .dz-preview.dz-complete .dz-error-message span,
.dropzone-wrapper .dz-preview.dz-complete .dz-error-message span {
    color: #fefefe;
    font-family: "Malgun gothic";
    font-size: 1.2rem;
    text-align: left;
}

.dropzone .dz-preview .dz-progress,
.dropzone-wrapper .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 2px;
    left: 0;
    top: 15px;
    margin-top: 0;
    width: 100%;
    -webkit-transform: scale(1);
    overflow: hidden;
}

.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-wrapper .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress,
.dropzone-wrapper .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-wrapper .dz-preview .dz-progress .dz-upload {
    background: #337ab7;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}


/* date picker */

.datepicker {
    position: relative;
}

.datepicker:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 8px;
    width: 12px;
    height: 12px;
    background: url("../images/icon/calendar.png") no-repeat;
    z-index: 4;
}

.datepicker:before {
    display: none;
}

.datepicker i {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 8px;
    width: 12px;
    height: 12px;
    background: url("../images/icon/calendar.png") no-repeat;
    z-index: 4;
    cursor: pointer;
}

.page-search .datepicker i {
    top: 9px;
}

.datepicker input[type="text"].form-control {
    float: left;
    width: 175px;
    padding: 2px 8px 2px 28px;
}

.datepicker.datepicker-single input[type="text"].form-control {
    width: 100px;
}

.daterangepicker {
    padding: 0;
    margin-top: -1px;
    border-radius: 0;
    box-shadow: none;
    border-color: #a8a8a8;
}

.daterangepicker.single.show-calendar {
    min-width: 230px;
}

.daterangepicker.show-calendar {
    min-width: 462px;
}

.daterangepicker:before,
.daterangepicker:after {
    display: none;
}

.daterangepicker select.monthselect {
    margin-left: 2%;
    margin-right: 0;
    width: 30%;
}

.daterangepicker .calendar-table {
    padding: 0;
    border: none;
}

.daterangepicker.ltr .left .daterangepicker_input,
.daterangepicker.ltr .right .daterangepicker_input {
    padding: 0;
}

.daterangepicker.ltr .calendar.left .calendar-table,
.daterangepicker.ltr .calendar.right .calendar-table {
    padding: 0;
}

.daterangepicker .calendar {
    margin: 0;
    max-width: 230px;
}

.daterangepicker.single .calendar {
    margin-bottom: 0;
}

.daterangepicker.ltr .calendar.left {
    padding: 10px 10px 10px 10px;
}

.daterangepicker.ltr .calendar.right {
    padding: 10px 10px 10px 10px;
}

.daterangepicker table {
    border-collapse: separate;
    border-top: none;
}

.daterangepicker .input-mini.form-control {
    width: 100%;
    line-height: 22px;
    padding: 2px 8px;
}

.daterangepicker .input-mini.form-control:focus {
    border-color: #202020;
}

.daterangepicker .input-mini.active {
    border-color: #202020;
    border-radius: 0;
}

.daterangepicker .calendar tr:first-child th:hover {
    background: none;
}

.daterangepicker .fa-chevron-left,
.daterangepicker .fa-chevron-right {
    width: 17px;
    height: 17px;
    line-height: 15px;
    padding-left: 1px;
}

.daterangepicker .fa-chevron-left:before {
    content: "\f0d9";
    color: #202020;
    font-size: 1.3rem;
}

.daterangepicker .fa-chevron-right:before {
    content: "\f0da";
    color: #202020;
    font-size: 1.3rem;
}

.daterangepicker .fa-chevron-left:hover,
.daterangepicker .fa-chevron-right:hover {
    border: 1px solid #eaeaea;
    border-radius: 2px;
}

.daterangepicker .fa-chevron-left:hover:before,
.daterangepicker .fa-chevron-right:hover:before {
    color: #ff0066;
}

.daterangepicker .calendar tr:first-child th {
    padding: 5px 0 8px;
}

.daterangepicker .calendar th.month {
    font-size: 1.6rem;
    color: #000000;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    min-width: 30px;
    padding: 2px 5px;
    font-size: 1.2rem;
    color: #202020;
}

.daterangepicker .calendar th {
    color: #747474;
}

.daterangepicker .calendar td.off {
    color: #cccccc;
}

.daterangepicker .calendar td.weekend:first-child,
.daterangepicker .calendar td.holiday {
    color: #f92465;
}

.daterangepicker .calendar td.off.weekend:first-child {
    color: #f9aac2;
}

.daterangepicker .calendar td.today {
    color: #36b3af;
    font-weight: bold;
}

.daterangepicker td.in-range {
    background-color: #ebf6f6;
}

.daterangepicker td.available:hover {
    background-color: #fff;
    border-color: #b4b4b4;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    border-color: #36b3af;
    background-color: #36b3af;
    color: #fff !important;
    box-shadow: none;
}

.daterangepicker td.active.today {
    font-weight: normal;
}

.daterangepicker .daterangepicker_input i {
    display: none;
}


/*.daterangepicker.ltr .ranges { float: none; clear: both; border-top: 1px solid #eaeaea; padding: 10px 0 0; margin: 0; }
.daterangepicker.ltr .ranges:after { content: ""; display: block; clear: both; }
.daterangepicker.ltr .range_inputs { float: right; }*/

.daterangepicker .applyBtn {
    border-color: #202020;
    background: #293846;
    color: #fff;
}

.daterangepicker .applyBtn:hover,
.daterangepicker .applyBtn:focus {
    background: #000;
}

.daterangepicker .applyBtn+.cancelBtn {
    margin-left: 4px;
}

.datepicker .date-select {
    display: inline-block;
    position: relative;
    float: left;
    width: 100px;
    height: 26px;
    line-height: 22px;
    padding: 0 10px;
    margin-left: 8px;
    border: 1px solid #a8a8a8;
    cursor: pointer;
}

.datepicker .date-select i {
    position: absolute;
    right: 12px;
    top: 6px;
    color: #767676;
}

.daterangepicker .ranges li[data-range-key="Custom Range"] {
    display: none;
}

.daterangepicker .ranges {
    border: none;
    padding: 0;
    margin: 0;
}

.daterangepicker.ltr .ranges {
    float: right;
    clear: both;
}

.daterangepicker .range_inputs {
    display: none;
}

.daterangepicker.show-calendar .range_inputs {
    display: block;
}

.daterangepicker.ltr .range_inputs {
    padding: 10px;
    float: right;
}

.daterangepicker .ranges ul {
    width: 218px;
    padding: 5px;
}

.daterangepicker .ranges li {
    display: inline-block;
    width: 94px;
    height: 29px;
    line-height: 24px;
    padding: 0;
    margin: 5px;
    border-color: #36b3af;
    border-radius: 1px;
    background: #ebf6f6;
    font-size: 1.2rem;
    color: #202020;
    text-align: center;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #36b3af;
    color: #fff;
}

td.txt-center .datepicker {
    display: inline-flex;
}


/* time picker */

.timepicker {
    position: relative;
    display: inline-block;
    float: left;
}

.timepicker+.timepicker-range {
    float: left;
    display: inline-block;
    width: 22px;
    height: 26px;
    line-height: 24px;
    text-align: center;
}

.timepicker input[type="text"].form-control {
    width: 90px;
    min-width: 90px;
    padding-left: 28px;
}

.timepicker>span {
    display: inline-block;
    width: 90px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
}

.timepicker.bootstrap-timepicker .input-group-addon {
    padding: 5px 8px;
    background: none;
    border: none;
    border-radius: 0;
    z-index: 10;
    text-align: left;
}

.bootstrap-timepicker-widget {
    min-width: 140px;
    border-color: #a8a8a8;
    border-radius: 0;
    box-shadow: none;
}

.bootstrap-timepicker-widget.timepicker-orient-top {
    margin-top: -1px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom {
    margin-top: 5px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before,
.bootstrap-timepicker-widget.timepicker-orient-top:after,
.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    display: none;
}

.bootstrap-timepicker-widget table {
    border-top: none;
}

.bootstrap-timepicker-widget table td {
    height: 30px;
    padding: 0;
}

.bootstrap-timepicker-widget table td {
    font-size: 1.2rem;
}

.bootstrap-timepicker-widget table td a {
    padding: 4px 0;
}


/* info page layout */

.content-info {
    padding-left: 10px;
}

.content-inline:after {
    content: "";
    display: block;
    clear: both;
}

.content-inline>div+div {
    margin-left: 35px;
}

.content-info p {
    line-height: 20px;
}

.content-info em {
    color: #337ab7;
}

.content-info h4+p {
    margin-top: 4px;
}

.content-info *+img {
    margin-top: 20px;
}

.content-info img+div {
    margin-top: 30px;
}

.content-info+h4 {
    margin-top: 40px;
}

.content-list>li {
    position: relative;
    padding-left: 14px;
    margin: 0;
}

.content-list>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 8px;
    left: 5px;
    border-radius: 50%;
    background-color: #bcbcbc;
}

p+.content-list {
    margin-top: 5px;
}

.content-list p:after {
    content: "";
    display: block;
    clear: both;
}

.content-list p>span {
    display: inline-block;
    float: left;
    height: 20px;
    line-height: 20px;
}

.content-list p>span+.btn-icon {
    float: left;
    height: 20px;
    line-height: 22px;
}


/* article (policy, clause etc..) */

.terms-box {
    padding: 10px;
    overflow: auto;
    border: 1px solid #aaa;
}

.terms-box::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.terms-box::-webkit-scrollbar-track {
    background: none;
}

.terms-box::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

*+.terms-box {
    margin-top: 20px;
}

.module-header+.terms-box {
    margin-top: 0;
}

.terms-title {
    line-height: 20px;
    margin: 0;
    font-weight: bold;
    font-size: 1.3rem;
}

*+.terms-title {
    margin-top: 25px;
}

*+.article {
    margin-top: 14px;
}

.article-title {
    margin: 0;
}

*+.article-text,
*+.article-list {
    margin-top: 8px;
}

.terms-box *+.border-dashed {
    margin-top: 8px;
}

.terms-wrap {
    width: 700px;
    margin: 0 auto;
}

.terms-wrap .tm-tit {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.terms-wrap .tm-txt {
    font-size: 12px;
    line-height: 18px;
    margin-top: 15px;
}

.terms-wrap .tm-list {}

.terms-wrap .tm-list ul {
    margin-left: 15px;
}

.terms-wrap .tm-list ul.t2 {
    margin-left: 0;
}

.terms-wrap .tm-list ul.t2 li {
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
}

.terms-wrap .tm-list p {
    margin: 5px 0 0 15px;
    font-size: 12px;
    line-height: 18px;
}

.terms-wrap .tm-list h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0 5px;
}

.terms-wrap .tm-list h2 .txt-normal {
    font-weight: normal;
}

.terms-wrap .tm-list ul li {
    margin-top: 5px;
}

.terms-wrap .tm-chkbox {
    text-align: center;
}

.terms-wrap .tm-chkbox label {
    float: none;
    margin: 10px 0 0;
}

.terms-wrap .tm-date {
    margin-top: 10px;
}

.terms-wrap .tm-date span {
    margin: 0 5px 0 10px;
}

.terms-wrap .table-no-border {
    border: 0;
    margin-top: 15px;
}

.terms-wrap .table-no-border th,
.terms-wrap .table-no-border td {
    height: 34px;
    font-size: 12px;
    color: #333;
    line-height: 1.4rem;
    vertical-align: middle;
    border: 0;
    padding: 0 0 0 20px;
}

.terms-wrap .table-no-border th {
    padding: 0;
    background: none;
}

.terms-wrap .tm-co {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.terms-wrap .ceo {
    position: relative;
}

.terms-wrap .ceo .stamp {
    position: absolute;
    left: 55px;
    top: -18px;
}


/* Other pages
---------------------------------------------------------*/


/* login */

#login-page {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 382px;
    height: 508px;
    padding: 0;
    margin-top: -254px;
    margin-left: -191px;
}

.logo-main {
    padding-top: 30px;
    text-align: center;
    margin-bottom: 72px;
}

.login-input .form-group {
    margin-bottom: 0;
}

.login-input .form-group+.form-group {
    margin-top: 10px;
}

.login-input input.form-control {
    width: 100%;
    height: 53px;
    padding: 4px 12px;
    font-size: 1.3rem;
}

.login-form button {
    width: 100%;
    height: 60px;
    margin-top: 50px;
    border-color: #293846;
    font-size: 1.8rem;
    font-weight: 600;
}

.login-option {
    margin-top: 30px;
    margin-bottom: 38px;
}

.login-option .input-checkbox label {
    font-size: 1.3rem;
    color: #3e4d5a;
}

.login-option a {
    display: inline-block;
    float: left;
    font-size: 1.3rem;
    color: #3e4d5a;
}

.login-option a+a {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.login-option a+a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 16px;
    background-color: #aaaaaa;
}

#login-page .contact {
    padding-top: 2px;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #eaeaea;
}

#login-page .contact:after {
    content: "";
    display: inline-block;
    clear: both;
}

#login-page .contact img {
    margin-top: 7px;
}

#login-page .contact p {
    font-size: 1.3rem;
    color: #3e4d5a;
}

#login-page .contact b {
    margin-right: 5px;
}

#login-page .contact em {
    color: #f92465;
}

#modal-resetPassword .modal-dialog {
    width: 382px;
    height: 480px;
}

#modal-resetPassword .modal-header .close {
    top: 8px;
    right: 10px;
}

#modal-resetPassword .modal-header .close span {
    top: 5px;
}

#modal-resetPassword .modal-body {
    padding: 35px 40px;
}

#modal-resetPassword li h2 {
    margin-bottom: 20px;
    line-height: 16px;
    text-align: left;
    font-size: 1.2rem;
}

#modal-resetPassword li h2 em {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
}

#modal-resetPassword li input[type=text] {
    height: 31px;
    padding: 4px 8px 6px;
}

#modal-resetPassword li .btn-inline {
    height: 31px;
}

#modal-resetPassword li:first-child {
    margin-bottom: 22px;
    border-bottom: 1px solid #aaaaaa;
}

#modal-resetPassword li:first-child h2 em {
    background-color: #f92465;
}

#modal-resetPassword li:first-child .input-group {
    margin-top: 8px;
    margin-bottom: 25px;
}

#modal-resetPassword li:first-child .btn {
    width: 55px;
    border-color: #202020;
    background-color: #293846;
    color: #fff;
}

#modal-resetPassword li:first-child .btn:hover,
#modal-resetPassword li:first-child .btn:focus {
    background-color: #202020;
}

#modal-resetPassword li+li h2 em {
    background-color: #8394a6;
}

#modal-resetPassword li+li dl {
    margin-top: -10px;
    margin-bottom: 0;
}

#modal-resetPassword li+li dl:after {
    content: "";
    display: inline-block;
    clear: both;
}

#modal-resetPassword li+li dt,
#modal-resetPassword li+li dd {
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
}

#modal-resetPassword li+li dd {
    margin-left: 12px;
}

#modal-resetPassword li+li .input-radio label {
    cursor: pointer;
}

#modal-resetPassword li+li .input-group {
    margin-top: 8px;
}

#modal-resetPassword li+li .timeCount {
    width: 52px;
    height: 31px;
    line-height: 30px;
    font-size: 1.2rem;
    color: #202020;
}

#modal-resetPassword .modal-footer {
    padding: 0 40px 35px;
}

#modal-resetPassword .modal-footer .btn-group {
    width: 100%;
}

#modal-resetPassword .modal-footer .btn {
    width: 100%;
    height: 60px;
    padding: 0;
    margin-top: 28px;
    font-size: 1.8rem;
    font-weight: 600;
}


/* authorize */

.auth-form {
    height: 346px;
    padding: 15px 0;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.auth-input table {
    border-top: none;
    margin-bottom: 20px;
}

.auth-input th {
    padding-left: 12px;
    font-size: 1.3rem;
    color: #0d3b66;
}

.auth-input td {
    height: 38px;
    font-size: 1.3rem;
    color: #202020;
}

.auth-input .input-radio {
    float: left;
    display: inline-block;
}

.auth-input .input-radio label {
    line-height: 36px;
    cursor: pointer;
}

.auth-input .input-radio label input[type="radio"].form-control {
    position: relative;
    top: 6px;
    margin-right: 4px;
    cursor: pointer;
}

.auth-input .btn-inline {
    float: left;
    height: 28px;
    margin-left: 20px;
    margin-top: 4px;
    border-color: #eb225f;
    background-color: #f92465;
    color: #fff;
}

.auth-input .btn-inline:hover {
    background-color: #eb225f
}

.auth-input input[type=text].form-control {
    width: 100%;
    height: 53px;
    padding: 4px 12px;
    font-size: 1.3rem;
}

.auth-input .form-group {
    margin-bottom: 0;
}

.auth-form .btn-primary {
    width: 100%;
    height: 60px;
    margin-top: 10px;
    border-color: #293846;
    font-size: 1.8rem;
    font-weight: 600;
}

.auth-option {
    margin-top: 30px;
}

.auth-option .input-checkbox label {
    font-size: 1.3rem;
    color: #3e4d5a;
}

.auth-option .info {
    margin-left: 4px;
}

.auth-option .fa {
    font-size: 1.5rem;
}


/* Partnerplus */

.partnerPlus .page-content {
    padding: 20px 30px;
}

.module-header.styled-h3 {
    position: relative;
    padding-top: 15px;
    border-bottom: 2px solid #8f8f8f;
}

.module-header.styled-h3:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 65px;
    height: 2px;
    background-color: #d94472;
}

.module-header.styled-h3:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 726px;
    height: 2px;
    background-color: #cbcbcb;
}

.module-header.styled-h3 h3 {
    height: 36px;
    line-height: 26px;
    padding: 5px 0;
    font-family: "LGSmHaSB";
    font-size: 2.4rem;
    color: #1b252e;
}

.module-header.styled-h3 h3:before {
    display: none;
}

.module-header.styled-h4 h4 {
    font-family: "LGSmHaSB";
    font-size: 1.6rem;
    color: #1b252e;
}

.module-header.styled-h4 h4 em {
    color: #f92465;
}

.module-header+.jointype-list {
    margin-top: 10px;
}

.jointype-list {
    text-align: center;
    padding:0;
}

.jointype-list:after {
    content: "";
    display: block;
    clear: both;
}

.jointype-list>li {
    display: inline-block;
    width: 25%;
    padding: 0 4px;
    margin-left: -4px;
}

.jointype-list>li>a {
    display: block;
    border: 1px solid #cbcbcb;
}

.jointype-list>li>a:hover {
    border-color: #797979;
}

.jointype-info {
    height: 216px;
    text-align: center;
}

.jointype-image {
    height: 125px;
    line-height: 125px;
}

.jointype-type {
    padding: 0 25px;
    font-family: "LGSmHaSB";
    font-size: 1.8rem;
    color: #1b252e;
}

.jointype-desc {
    padding: 0 25px;
    font-family: "LGSmHaSB";
    font-size: 1.3rem;
    color: #78797d;
    margin-top: 5px;
}

.jointype-button {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-family: "LGSmHaSB";
    font-size: 1.4rem;
    color: #414246;
    border-top: 1px solid #cbcbcb;
    background-color: #f7f9fa;
}

.jointype-button i {
    margin-left: 10px;
    font-size: 1.6rem;
}


/* Calendar */

.calendar-wrap .calendar-header {
    position: relative;
    width: 100%;
    height: 55px;
}

.calendar-wrap .calendar-header .cld-head {
    text-align: center;
}

.calendar-wrap .calendar-header .cld-head .cld-month {
    font-size: 2rem;
    font-weight: 700;
}

.calendar-wrap .calendar-header .cld-head .cld-location {
    font-size: 1.3rem;
    font-weight: 700;
    margin-top: 3px;
}

.calendar-wrap .calendar-header .cld-btn .prev {
    position: absolute;
    left: 0;
    top: 0;
}

.calendar-wrap .calendar-header .cld-btn .next {
    position: absolute;
    right: 0;
    top: 0;
}

.calendar-wrap .calendar-header.fixed {
    height: 38px;
}

.calendar-wrap .calendar-header.fixed .cld-head {
    position: relative;
    float: left;
    width: 250px;
    text-align: center;
}

.calendar-wrap .calendar-header.fixed .cld-head .cld-month {
    font-size: 1.8rem;
}

.calendar-wrap .calendar-header.fixed .cld-head .info-text {
    position: absolute;
    left: 255px;
    top: 5px;
    width: 100%;
}

.calendar-wrap .calendar-header .cld-util {
    float: right;
    margin-top: 12px;
}

.calendar-wrap .calendar-header .cld-util li {
    position: relative;
    float: left;
    margin-left: 20px;
    padding-left: 10px;
}

.calendar-wrap .calendar-header .cld-util li:first-child {
    margin-left: 0;
}

.calendar-wrap .calendar-header .cld-util li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
}

.calendar-wrap .calendar-header .cld-util li.txt-red:before {
    background-color: #f01313;
}

.calendar-wrap .calendar-header .cld-util li.txt-blue:before {
    background-color: #1456CF;
}

.calendar-wrap .calendar-body .calendar {
    border-top: 2px solid #4d5762;
}

.calendar-wrap .calendar-body .calendar th,
.calendar-wrap .calendar-body .calendar td {
    width: 14.285714%;
    font-size: 1.2rem;
    text-align: center;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.calendar-wrap .calendar-body .calendar th {
    height: 32px;
    color: #000;
    font-weight: bold;
    vertical-align: middle;
    background: #f8f8f8;
}

.calendar-wrap .calendar-body .calendar td {
    color: #202020;
    font-weight: bold;
    vertical-align: top;
    padding: 3px 5px;
    background: #fefbf1;
}

.calendar-wrap .calendar-body .calendar td.off {
    font-weight: normal;
    background: #fff;
}

.calendar-wrap .calendar-body .calendar th:first-child,
.calendar-wrap .calendar-body .calendar td:first-child {
    border-left: 1px solid #cdcdcd;
}

.calendar-wrap .calendar-body .calendar th:last-child,
.calendar-wrap .calendar-body .calendar td:last-child .cld-day {
    color: #337ab7;
}

.calendar-wrap .calendar-body .calendar th:first-child,
.calendar-wrap .calendar-body .calendar td:first-child .cld-day,
.calendar-wrap .calendar-body .calendar td.hday .cld-date-head * {
    color: #f92465;
}

.calendar-wrap .calendar-body .calendar .cld-date {
    position: relative;
    height: 70px;
}

.calendar-wrap .calendar-body.custom .calendar .cld-date {
    height: auto;
    min-height: 85px;
}

.calendar-wrap .calendar-body .calendar .cld-date .cld-date-head {
    text-align: right;
    margin-bottom: 10px;
}

.calendar-wrap .calendar-body.custom .calendar .cld-date .cld-date-head {
    margin-bottom: 0;
}

.calendar-wrap .calendar-body .calendar .cld-date .cld-date-head .cld-htxt {
    font-size: 1.2rem;
    margin-right: 5px;
}

.calendar-wrap .calendar-body .calendar .cld-date .cld-info .txt-blue,
.calendar-wrap .calendar-body .calendar .cld-date .cld-info .txt-red {
    font-weight: normal;
}

.calendar-wrap .calendar-body .calendar .cld-date .cld-info .cld-more {
    font-weight: normal;
    color: #333;
    
}

.calendar-wrap .calendar-body.custom .calendar .hday-btn {
    display: none;
    margin-top: 5px;
}

.calendar-wrap .calendar-body.custom .calendar tbody td:hover .hday-btn {
    display: block;
}


/* process map (activity list) */

.processmap {}

.processmap>ol {}

.processmap>ol>li {}

.processmap>ol>li.active {}

.processmap>ol>li.current {}

.processmap-header {}

.processmap-header h5 {}

.processmap-toggle {}

.processmap-body {}

.processmap-body h6 {}

.processmap-wrapper {}

.processmap-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

.processmap-start {
    display: inline-block;
    float: left;
    height: 114px;
    margin-right: 20px;
}

.processmap-start span {
    position: relative;
    top: 50%;
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 4px solid #111;
    border-radius: 50%;
    background-color: #fff;
    text-indent: -9999px;
}

.processmap-start span:after {
    content: "";
    display: inline-block;
    width: 20px;
    position: absolute;
    top: calc(50% - 1px);
    right: -23px;
    border-top: 1px solid #111;
}

.processmap-wrapper>ol {
    display: inline-block;
    float: left;
}

.processmap-level {
    display: inline-block;
    float: left;
    width: 160px;
    margin-left: -1px;
}

.process {
    position: relative;
    display: block;
    padding: 20px;
    margin-top: -1px;
}

.process-main {
    position: relative;
    height: 74px;
}

.process.main-box .process-main {
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.process.main-box.status01 .process-main {
    background-color: #fff;
    border-color: #ddd9c3;
}

.process.main-box.status02 .process-main {
    background-color: #ddd9c3;
    border-color: #ddd9c3;
}

.process.main-box.status03 .process-main {
    background-color: #72b247;
    border-color: #72b247;
    color: #fff;
}

.process.main-box.status04 .process-main {
    background-color: #4c77aa;
    border-color: #4c77aa;
    color: #fff;
}

.process.main-box.status05 .process-main {
    background-color: #eaaa02;
    border-color: #Eaaa02;
    color: #fff;
}

.process.main-box.status06 .process-main {
    background-color: #c10526;
    border-color: #c10526;
    color: #fff;
}

.process h7,
.process p {
    display: none;
}

.process.main-box h7 {
    display: block;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
}

.process.main-box p {
    display: flex;
    position: relative;
    height: 46px;
    line-height: 17px;
    padding: 0 6px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.process.main-box p.info {
    margin-left: 0;
}

.process-subinfo,
.process-tooltip,
.process-tooltip:before {
    display: none;
}

.subinfo .process-subinfo {
    display: inline-block;
    position: absolute;
    bottom: 52px;
    left: 35px;
    min-width: 90px;
    padding: 1px 3px 2px;
    line-height: 14px;
    background-color: #fff;
    z-index: 10;
    text-align: left;
    color: #4c77aa;
    border: 1px solid #4c77aa;
    font-weight: normal;
    font-size: 1.1rem;
}

.subinfo .process-subinfo:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -6px;
    left: -1px;
    border-top: 5px solid #4c77aa;
    border-right: 5px solid transparent;
}

.process-main:hover .process-tooltip {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 125px;
    min-width: 120px;
    padding: 4px 8px 5px;
    line-height: 16px;
    background-color: #fff;
    z-index: 10;
    text-align: left;
    color: #777;
    border: 1px solid #777;
    font-weight: normal;
}

.process-main:hover .process-tooltip:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #777;
}

.process div:before,
.process div:after,
.process div div:before,
.process div div:after {
    display: inline-block;
    position: absolute;
}

.process.border-tl .process-lt:after {
    content: "";
    top: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #111;
}

.process.border-tr .process-rt:before {
    content: "";
    top: 0;
    right: 0;
    width: 50%;
    height: 1px;
    background-color: #111;
}

.process.border-rt .process-rt:after {
    content: "";
    top: 0;
    right: 0;
    width: 1px;
    height: 50%;
    background-color: #111;
}

.process.border-rb .process-rb:before {
    content: "";
    bottom: 0;
    right: 0;
    width: 1px;
    height: 50%;
    background-color: #111;
}

.process.border-br .process-rb:after {
    content: "";
    bottom: 0;
    right: 0;
    width: 50%;
    height: 1px;
    background-color: #111;
}

.process.border-bl .process-lb:before {
    content: "";
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #111;
}

.process.border-lb .process-lb:after {
    content: "";
    bottom: 0;
    left: 0;
    width: 1px;
    height: 50%;
    background-color: #111;
}

.process.border-lt .process-lt:before {
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 50%;
    background-color: #111;
}

.process.main-lt .process-lt div:before,
.process.main-tr .process-lt div:before,
.process.main-tb .process-lt div:before {
    content: "";
    top: 20px;
    left: 50%;
    width: 1px;
    height: calc(50% - 20px);
    background-color: #111;
}

.process.main-lr .process-rt div:before,
.process.main-br .process-rt div:before,
.process.main-tr .process-rt div:before {
    content: "";
    top: 50%;
    right: 20px;
    width: calc(50% - 20px);
    height: 1px;
    background-color: #111;
}

.process.main-lb .process-rb div:before,
.process.main-tb .process-rb div:before,
.process.main-br .process-rb div:before {
    content: "";
    bottom: 20px;
    left: 50%;
    width: 1px;
    height: calc(50% - 20px);
    background-color: #111;
}

.process.main-lt .process-lb div:before,
.process.main-lr .process-lb div:before,
.process.main-lb .process-lb div:before {
    content: "";
    top: 50%;
    left: 20px;
    width: calc(50% - 20px);
    height: 1px;
    background-color: #111;
}

.process.line-arrow-top .process-lt div:after {
    content: "";
    width: 20px;
    height: 20px;
    top: 0px;
    left: calc(50% - 10px);
    background: url(../images/img/arrow_downside.png) no-repeat;
}

.process.line-arrow-right .process-rt div:after {
    content: "";
    width: 20px;
    height: 20px;
    top: calc(50% - 9px);
    right: 0px;
    background: url(../images/img/arrow_leftside.png) no-repeat;
}

.process.line-arrow-bottom .process-rb div:after {
    content: "";
    width: 20px;
    height: 20px;
    bottom: 0px;
    left: calc(50% - 10px);
    background: url(../images/img/arrow_upside.png) no-repeat;
}

.process.line-arrow-left .process-lb div:after {
    content: "";
    width: 20px;
    height: 20px;
    top: calc(50% - 9px);
    left: 0px;
    background: url(../images/img/arrow_rightside.png) no-repeat;
}

.process.line-default-top .process-lt div:after {
    content: "";
    top: 0px;
    left: calc(50% - 0px);
    width: 1px;
    height: 20px;
    background-color: #111;
}

.process.line-default-right .process-rt div:after {
    content: "";
    top: calc(50% - 0px);
    right: 0px;
    width: 20px;
    height: 1px;
    background-color: #111;
}

.process.line-default-bottom .process-rb div:after {
    content: "";
    bottom: 0px;
    left: calc(50% - 0px);
    width: 1px;
    height: 20px;
    background-color: #111;
}

.process.line-default-left .process-lb div:after {
    content: "";
    top: calc(50% - 0px);
    left: 0px;
    width: 20px;
    height: 1px;
    background-color: #111;
}

.process.line-disabled-top .process-lt div:after {
    content: "";
    top: 0px;
    left: calc(50% - 0px);
    width: 1px;
    height: 20px;
    background-color: #aaa;
}

.process.line-disabled-right .process-rt div:after {
    content: "";
    top: calc(50% - 0px);
    right: 0px;
    width: 20px;
    height: 1px;
    background-color: #aaa;
}

.process.line-disabled-bottom .process-rb div:after {
    content: "";
    bottom: 0px;
    left: calc(50% - 0px);
    width: 1px;
    height: 20px;
    background-color: #aaa;
}

.process.line-disabled-left .process-lb div:after {
    content: "";
    top: calc(50% - 0px);
    left: 0px;
    width: 20px;
    height: 1px;
    background-color: #aaa;
}


/* Icon Button */

i.signal {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    border-radius: 50%;
    vertical-align: -2px;
}

i.signal.default {
    border: 1px solid #666;
    background-color: #fff;
}

i.signal.red {
    border: 1px solid #bb0000;
    background-color: #ff3333;
}

i.signal.green {
    border: 1px solid #007700;
    background-color: #00b050;
}

i.signal.white {
    border: 1px solid #ccc;
    background-color: #eee;
}

i.signal.yellow {
    border: 1px solid #ffaa28;
    background-color: #ffc000;
}

i.signal.default.t2 {
    border: 1px solid #666;
    background-color: #fff;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.red.t2 {
    border: 1px solid #bb0000;
    background-color: #ff3333;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.green.t2 {
    border: 1px solid #007700;
    background-color: #00b050;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.white.t2 {
    border: 1px solid #ccc;
    background-color: #eee;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.yellow.t2 {
    border: 1px solid #ffaf00;
    background-color: #ffc000;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.default.t3 {
    border: 1px solid #666;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.red.t3 {
    border: 1px solid #bb0000;
    background-color: #ff3333;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.green.t3 {
    border: 1px solid #007700;
    background-color: #00b050;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.white.t3 {
    border: 1px solid #ccc;
    background-color: #eee;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.yellow.t3 {
    border: 1px solid #ffaf00;
    background-color: #ffc000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.btn.ibtn {
    font-size: 1.2rem;
    padding: 5px 10px;
}

.btn.ibtn.undo {
    font-size: 1.35rem;
}

.btn-switch {
    position: relative;
    padding-right: 57px;
}

.btn-switch span:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 2px;
    width: 43px;
    height: 22px;
    background: url("../images/icon/btn_switch.gif") no-repeat 0 0;
}

.btn-switch.on span:after {
    background-position: 0 -44px;
}

.btn-switch:disabled span:after {
    opacity: 0.3;
}


/* FAQ static */

.faq-static {
    border: 1px solid #cdcdcd;
}

.faq-static>ul>li {
    border-top: 1px solid #cdcdcd;
}

.faq-static>ul>li:first-child {
    border-top: 0;
}

.faq-static>ul>li .q {
    position: relative;
    padding: 10px 10px 10px 40px;
    font-weight: bold;
    background-color: #fefefe;
}

.faq-static>ul>li .q:before {
    content: "Q";
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 1.8rem;
    color: #f92465;
    font-weight: bold;
}

.faq-static>ul>li .a {
    position: relative;
    padding: 10px 10px 10px 40px;
}

.faq-static>ul>li .a:before {
    content: "A";
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 1.8rem;
    color: #337ab7;
    font-weight: bold;
}


/* FAQ accordion */

.faq-accordion {}

.faq-accordion>ul>li {
    border-bottom: 1px solid #cdcdcd;
}

.faq-accordion>ul>li:first-child {
    border-top: 1px solid #cdcdcd;
}

.faq-accordion>ul>li .ac-trigger {
    display: block;
    position: relative;
    padding: 15px 20px 15px 40px;
    color: #222;
    background-color: #fff;
}

.faq-accordion>ul>li .ac-trigger:hover,
.faq-accordion>ul>li.active .ac-trigger {
    font-weight: bold;
}

.faq-accordion>ul>li .ac-trigger:before {
    content: "Q";
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 1.8rem;
    color: #f92465;
    font-weight: bold;
}

.faq-accordion>ul>li .ac-contents {
    display: none;
    position: relative;
    border-top: 1px solid #e9e9e9;
    padding: 10px 20px 10px 40px;
    background-color: #f8f8f8;
}

.faq-accordion>ul>li .ac-contents:before {
    content: "A";
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 1.8rem;
    color: #337ab7;
    font-weight: bold;
}

.faq-accordion>ul>li .ac-contents p,
.faq-accordion>ul>li .ac-contents ul li {
    line-height: 18px;
}

.faq-accordion>ul>li .ac-contents table {
    margin-top: 5px;
}

/* Accordion Group */
.detailInputFieldset > .module-header{margin-top:15px;margin-bottom:3px;}
.detailInputFieldset > .module-header > h4{height:auto;margin:0 11px;font-size:12px;font-weight:400;line-height:20px;}
.detailInputFieldset > .module-header > span{margin-top:6px;margin-left:11px;}

.accordion-group{margin-bottom:0;border-top:2px solid #4d5762;}
.accordion-group .panel{border-bottom:1px solid #cdcdcd;}
.accordion-group .panel+.panel{margin-top:0;}
.accordion-group .panel .panel-heading{padding:2px 10px 1px;}
.accordion-group .panel .panel-heading .panel-title{position:relative;font-size:12px;font-weight:400;}
.accordion-group .panel .panel-heading .panel-title .clickHelper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;}
.accordion-group .panel .panel-heading .panel-title .clickHelperInput{position:absolute;top:0;bottom:0;left:0;z-index:2;width:13px;cursor:pointer;}
.accordion-group .panel .panel-heading .panel-title a{display:block;color:#333;}
.accordion-group .panel .panel-heading .panel-title a label{position:relative;display:block;width:100%;line-height:25px;}
.accordion-group .panel .panel-heading .panel-title a label:after{content:"\f106";position:absolute;top:50%;right:0;display:inline-block;margin-top:-8px;font:normal normal normal 19px/1 FontAwesome;}
.accordion-group .panel .panel-heading .panel-title a.collapsed label:after{content:"\f107";}
.accordion-group .panel .panel-heading .panel-title label input{vertical-align:sub;}
.accordion-group .panel .panel-heading + .panel-collapse > .panel-body{padding-bottom:20px;background-color:#fff;}
.accordion-group .panel .panel-collapse .panel-body .text{margin:0 -9px;padding:0 11px 12px;border-bottom:1px solid #cdcdcd;}
.accordion-group .panel .panel-collapse .panel-body .list-title{margin:18px 0 10px;font-size:12px;font-weight:bold;}
.accordion-group .panel .panel-collapse .panel-body .list{padding:6px 15px;border:1px solid #cdcdcd;}
.accordion-group .panel .panel-collapse .panel-body .list li{padding:3px 0;}
.accordion-group .panel .panel-collapse .panel-body .list li label{width:100%;margin-right:0;line-height:18px;}
.accordion-group .panel .panel-collapse .panel-body .list li label input{height:18px;line-height:18px;}
.accordion-group .panel .panel-collapse .panel-body .list li label span{height:auto;padding:0;line-height:17px;vertical-align:middle;}

.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-12{width:100%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-11{width:91.66666667%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-10{width:83.33333333%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-9{width:75%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-8{width:66.66666667%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-7{width:58.33333333%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-6{width:50%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-5{width:41.66666667%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-4{width:33.33333333%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-3{width:25%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-2{width:16.66666667%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-1{width:8.33333333%}

.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text input{height:26px;line-height:26px;}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text span{line-height:22px;}
.accordion-group .panel .panel-collapse .panel-body .depth2-list{padding:0;}
.accordion-group .panel .panel-collapse .panel-body .depth2-list .list-title{margin:13px 15px 9px;}
.accordion-group .panel .panel-collapse .panel-body .depth2-list .list{border:0;}
.accordion-group .panel .panel-collapse .panel-body .list .required-list{padding-bottom:3px;border-bottom:1px dashed #ccc;}

.accordion-group-common-list{margin:0 10px;}
.accordion-group-common-list .list-title{margin:18px 0 10px;font-size:12px;font-weight:bold;}
.accordion-group-common-list .list{padding:6px 15px;border:1px solid #cdcdcd;}
.accordion-group-common-list .list li{padding:3px 0;}
.accordion-group-common-list .list li label{width:auto;line-height:18px;}
.accordion-group-common-list ul.list li.input-checkbox label input[type=checkbox],.accordion-group-common-list ul.list li.input-checkbox label input[type=radio]{height:26px;line-height:26px;}
.accordion-group-common-list ul.list li.input-checkbox label span{display:block;float:left;height:auto;padding:0;line-height:22px;vertical-align:middle;}
.accordion-group-btn-block{margin-top:25px;}

/* IE 10, 11 hack */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .bizType label span{line-height:26px;}
    .accordion-group .panel .panel-collapse .panel-body .list li label span{line-height:15px;}
}

/* Process - static */

.process-static>ul {
    width: 970px;
}

.process-static>ul:after {
    content: "";
    display: block;
    clear: both;
}

.process-static>ul>li {
    position: relative;
    float: left;
    width: 210px;
    margin-left: 40px;
}

.process-static>ul>li:first-child {
    margin-left:0;
}

.process-static .pc-tit {display:block;}
.process-static .pc-tit {height:40px;font-size:1.2rem;text-align:center;border-top:1px solid #ced0d3;margin-right:11px;padding-top:10px;border-bottom:1px solid #ced0d3;background-color:#f3f3f3;z-index:2;}
.process-static .pc-tit:before {position:absolute;left:0;top:0;content:"";display:block;width:4px;height:40px;background-color:#f92465;}
.process-static .pc-tit:after {position:absolute;right:-10px;top:0;content:"";display:block;width:21px;height:45px;background:url(../images/bg/task_list2.png) no-repeat 0 0;}

.process-static .pc-list {
    margin-top: 10px;
}

.process-static .pc-list li {
    position: relative;
    margin-top: 5px;
    padding-left: 10px;
}

.process-static .pc-list li:first-child {
    margin-top: 0;
}

.process-static .pc-list li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    top: 7px;
    left: 0;
    border-radius: 50%;
    background-color: #999;
}

.process-static .pc-txt {
    width: 210px;
    margin-top: 10px;
}


/* Box list */

.list-box:after {
    content: "";
    display: block;
    clear: both;
}

.list-box li {
    display: inline-block;
    height: 26px;
    color: #202020;
    line-height: 22px;
    padding: 0px 6px;
    border: 1px solid #8baba7;
    background-color: #edfaf8;
}

/* Text area */
.txt-area ul,
.txt-area p {
    line-height:21px;
}

.txt-area em {
    color: #f92465;
}


/* Bullet list */

.bu-list>li {
    position: relative;
    margin-top: 5px;
    padding-left: 10px;
}

.bu-list>li:first-child {
    margin-top: 0;
}

.bu-list>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    top: 7px;
    left: 0;
    border-radius: 50%;
    background-color: #999;
}

.bu-list.tbl>li {
    line-height:21px;    
}

.bu-list.tbl>li:before {
    top: 9px;
}



/* Tax invoice */

.tax-invoice {}

.tax-invoice table {
    border-top: 0;
}

.tax-invoice .ti-head {
    border-top: 2px solid #4d5762;
}

.tax-invoice table+table {
    margin-top: 0;
}

.tax-invoice th,
.tax-invoice td {
    padding: 3px 10px;
    vertical-align: middle;
    line-height: 18px;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.2rem;
}

.tax-invoice th {
    text-align: center;
    background: #f8f8f8;
    color: #000;
    font-weight: normal;
}

.tax-invoice td {
    background: #fff;
    color: #202020;
}

.tax-invoice th:first-child,
.tax-invoice td:first-child {
    border-left: 1px solid #cdcdcd;
}

.tax-invoice .ti-head th {
    text-align: right;
}

.tax-invoice .ti-head .tit {
    font-size: 2rem;
    font-weight: bold;
    text-align: left;
    padding-left: 30px;
}

.tax-invoice .ti-head .t-label {
    font-size: 1.25rem;
    font-weight: normal;
    margin-left: 10px;
}


/* Login - insurance */

.sb-login {
    position: relative;
    min-width: 640px;
    min-height: 100%;
}

.sb-login .sb-header {
    height: 78px;
    margin-top: 200px;
}

.sb-login .sb-header:after {
    content: "";
    display: block;
    clear: both;
}

.sb-login .sb-header .logo {
    float: left;
    margin-left: 200px;
}

.sb-login .sb-header .util {
    float: right;
    margin: 33px 30px 0 0;
}

.sb-login .sb-header .util li {
    float: left;
    line-height: 15px;
    border-left: 1px solid #aaa;
    margin-left: 12px;
    padding-left: 13px;
}

.sb-login .sb-header .util li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

.sb-login .sb-header .util li a {
    display: block;
    color: #000;
    margin-bottom: 2px;
}

.sb-login .sb-contents {
    height: 312px;
    background: #b7b7b7 url("../images/bg/bg_login_insurance.jpg") no-repeat center 0;
}

.sb-login .sb-contents .login-wrap {
    padding: 96px 0 0 200px;
}

.sb-login .sb-contents .login-wrap .input {
    float: left;
    width: 287px;
}

.sb-login .sb-contents .login-wrap .input input.form-control {
    width: 287px;
    height: 55px;
    margin-bottom: 10px;
}

.sb-login .sb-contents .login-wrap button.btn {
    float: left;
    width: 99px;
    height: 120px;
    font-size: 1.8rem;
    margin-left: 14px;
    border-color: #333;
    background-color: #333;
}

.sb-login .sb-contents .login-wrap button.btn:hover {
    border-color: #1d1d1d;
    background-color: #1d1d1d;
}

.sb-login .sb-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 51px;
    border-top: 1px solid #cecece;
    background-color: #fff;
}

.sb-login .sb-footer .copy {
    font-size: 1.4rem;
    color: #aab2ba;
    text-align: right;
    margin: 16px 50px 0 0;
}

.sb-login .sb-footer .copy em {
    color: #4d565f;
}


/* Move to Bottom & Back to Top */
.movetobtm,.backtotop{display:none;position:fixed;right:0;z-index:9999;}
.movetobtm .gobtm,.backtotop .gotop{position:relative;display:block;width:30px;height:30px;font-size:1.9rem;color:#fff;border-radius:5px;background-color:#202020;opacity:0.6;}
.movetobtm:hover .gobtm,.backtotop:hover .gotop{opacity:0.8;}
.movetobtm .gobtm:before,.backtotop .gotop:before{content:"\f106";position:absolute;left:50%;top:-1px;margin-left:-6px;display:inline-block;font:normal normal normal 19px/1 FontAwesome;color:#fff;}
.movetobtm .gobtm span,.backtotop .gotop span{display:inline-block;font-size:1.1rem;color:#fff;text-indent:0;margin:14px 0 0 0;}

/* Move to Bottom */
.movetobtm{top:70px;}
.movetobtm .gobtm:before{content:"\f107";}

/* Back to Top */
.backtotop{bottom:30px;}
.backtotop .gotop:before{content:"\f106";}


/* ID & PW */
.account-wrap {
    width: 960px;
    margin: 0 auto;
}

.account-wrap .account-body .acc-inner-wrap {
    min-height: 370px;
}

.account-wrap .acc-process {
    text-align: center;
    padding: 10px 0 20px;
}

.account-wrap .acc-process li {
    position: relative;
    display: inline-block;
    width: 120px;
    color: #555;
    margin-left: 25px;
    padding: 4px 0 5px;
    background-color: #efefef;
}

.account-wrap .acc-process li:first-child {
    margin-left: 0;
}

.account-wrap .acc-process li:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 20px solid #efefef;
}

.account-wrap .acc-process li.active {
    color: #fff;
    font-weight: bold;
    background-color: #757575;
}

.account-wrap .acc-process li.active:after {
    border-left-color: #757575;
}

.account-wrap .acc-section {
    border: 1px solid #cdcdcd;
    padding: 10px 15px;
    margin-top: 10px;
}

.account-wrap .acc-section.first {
    margin-top: 0;
}

.account-wrap .m-desc {
    position: relative;
    height: 24px;
    font-size: 1.24rem;
    color: #f92465;
    line-height: 24px;
    font-weight: bold;
    padding: 0 0 0 10px;
}

.account-wrap .m-desc:before {
    font-family: "fontawesome";
    content: "\f0da";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
}

.account-wrap .radio-cont {
    padding: 0 0 5px 15px;
}

.account-wrap .s-desc {
    color: #888;
    line-height: 18px;
}

.account-wrap .s-desc.red {
    color: #f92465;
}

.account-wrap .acc-input li {
    margin-top: 5px;
}

.account-wrap .acc-input input.form-control {
    width: 200px;
}

.account-wrap .acc-input .btn {
    vertical-align: top;
}

.account-wrap .acc-input .time {
    margin-left: 10px;
}

.account-wrap .btn-area {
    text-align: center;
    margin-top: 20px;
}

.account-wrap .btn-area .btn {
    width: 260px;
    height: 60px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: 6px;
}

.account-wrap .btn-area .btn:first-child {
    margin-left: 0;
}

.account-wrap .btn-area.half .btn {
    width: 150px;
}

.account-wrap .check-id {
    text-align: center;
    padding-top: 10px;
}

.account-wrap .check-id .id-info {
    margin-top: 10px;
}

.account-wrap .check-id .id-info em {
    font-size: 1.8rem;
    font-weight: bold;
    margin-right: 10px;
}


/* Profile Layer */
.layer-profile {
    position:absolute;
    width: 340px;
    padding: 10px 15px;
    border: 1px solid #bcbcbc;
    border-radius:5px;
    box-shadow:1px 1px 4px 1px rgba(0,0,0,0.1);
    background-color:#fff;
    z-index: 100;
}

.layer-profile .pf-main {
    min-height: 70px;
}

.layer-profile .pf-main img {
    float:left;
}

.layer-profile .pf-main .pf-info  {
    margin-left: 60px;
    font-size: 1.2rem;
    color: #202020;
}

.layer-profile .pf-main .pf-info .name {
    font-size: 1.4rem;
    font-weight: bold;
    padding-top: 5px;   
}

.layer-profile .pf-main .pf-info .team {
    font-size: 1.2rem;
    padding-top: 5px;
}

.layer-profile .pf-sub {
    padding:2px 5px;
    border-top: 1px solid #cdcdcd;
}

.layer-profile .pf-sub .pf-list {
    margin-top: 8px;
}

.layer-profile .pf-sub .pf-list li {
    position: relative;
    line-height: 1.6rem;
    padding-left:10px;
}

.layer-profile .pf-sub .pf-list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 3px;
    height: 3px;
    background-color: #afafaf;
}


/* PartnerPlus Login */
.pp-login .page-header {width:960px;height:50px;min-height:0;margin:0 auto;border-bottom:0;}
.pp-login .page-header .logo-partnerplus {float:left;margin:17px 0 0 1px;}
.pp-login .page-header .util {float:right;margin-top:14px;}
.pp-login .page-header .util .menu {float:left;margin-top:2px;}
.pp-login .page-header .util .menu li {position:relative;float:left;padding:0 20px 0 21px;}
.pp-login .page-header .util .menu li:before {content:"";position:absolute;left:0;top:1px;width:1px;height:16px;background-color:#d6d6d6;}
.pp-login .page-header .util .menu li:first-child:before {content:none;padding-left:0;}
.pp-login .page-header .util .menu li a {font-family:"LGSmHaR";font-size:1.3rem;color:#202020;}
.pp-login .page-header .util .logo-lgcns {float:left;margin-left:20px;}

.pp-login .page-content {padding:0;}
.pp-login .page-content .key-visual {width:100%;min-width:960px;height:155px;border-top:1px solid #a8a8a8;border-bottom:1px solid #e4e4e4;background:url("../images/img/keyvisual_login_03.png") no-repeat center top;}
.pp-login .page-content .key-visual .inner {position:relative;width:960px;margin:0 auto;}
.pp-login .page-content .key-visual .inner:before {content:"";position:absolute;left:-137px;top:40px;width:281px;height:340px;background:url("../images/img/man.png") no-repeat left top;}
.pp-login .page-content .key-visual .inner p {width:0;height:0;overflow:hidden;text-indent:-9999px;}

.pp-login .page-content .content-row {width:960px;margin:0 auto;margin-top:36px;}
.pp-login .page-content .content-row.first {margin-top:48px;}
.pp-login .page-content .content-row:after {content:"";clear:both;display:block;}

.pp-login .page-content .pp-login {float:right;width:360px;}
.pp-login .page-content .pp-login .pp-login-input:after {content:"";clear:both;display:block;}
.pp-login .page-content .pp-login .pp-login-input .form-group {float:left;width:247px;margin-bottom:0;}
.pp-login .page-content .pp-login .pp-login-input .form-group input.form-control {width:247px;height:55px;padding:5px 12px;font-size:1.3rem;margin-top:10px;}
.pp-login .page-content .pp-login .pp-login-input .form-group input.form-control:first-child {margin-top:0;}
.pp-login .page-content .pp-login .pp-login-input .btn-login {float:right;width:99px;height:120px;font-size:1.8rem;color:#fff;font-weight:bold;border:0;background-color:#da3769;}
.pp-login .page-content .pp-login .pp-login-option {margin-top:12px;}
.pp-login .page-content .pp-login .pp-login-option .input-checkbox {float:left;}
.pp-login .page-content .pp-login .pp-login-option .input-checkbox label {font-size:1.3rem;color:#3e4d5a;}
.pp-login .page-content .pp-login .pp-login-option .account {float:right;}
.pp-login .page-content .pp-login .pp-login-option .account li {position:relative;float:left;margin-left:14px;padding-left:15px;}
.pp-login .page-content .pp-login .pp-login-option .account li a {font-size:1.3rem;color:#3e4d5a;}
.pp-login .page-content .pp-login .pp-login-option .account li:before {content:"";position:absolute;left:0;top:2px;width:1px;height:16px;background-color:#aaa;}
.pp-login .page-content .pp-login .pp-login-option .account li:first-child {margin-left:0;padding-left:0;}
.pp-login .page-content .pp-login .pp-login-option .account li:first-child:before {content:none;}

.pp-login .page-content .board {width:49.4%;border-top:2px solid #4d5762;}
.pp-login .page-content .board .wrap {min-height:213px;border:1px solid #cbcbcb;border-top:0;padding:15px 20px 20px;}
.pp-login .page-content .board h2 {position:relative;display:inline-block;font-size:1.3rem;line-height:1;padding-left:13px;}
.pp-login .page-content .board h2:before {font-family:"fontawesome";content: "\f0da";display:inline-block;position:absolute;top:1px;left:0;font-size:1.3rem;color:#599c96;font-weight:normal;}
.pp-login .page-content .board h2 a {position:relative;display:inline-block;font-weight:bold;color:#0b8c8f;padding-right:22px;}
.pp-login .page-content .board h2 a:after {font-family:"fontawesome";content: "\f101";display:inline-block;position:absolute;top:-2px;right:0;font-size:1.9rem;color:#d3d3d3;font-weight:normal;}
.pp-login .page-content .board ul {margin-top:25px;}
.pp-login .page-content .board ul li {position:relative;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin-top:10px;padding:0 80px 0 13px;}
.pp-login .page-content .board ul li:before {content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#b6b6b6;}
.pp-login .page-content .board ul li:first-child {margin-top:0;}
.pp-login .page-content .board ul li span {position:absolute;right:0;top:0;font-size:1.3rem;color:#909090;}
.pp-login .page-content .board.link ul li {padding:0 0 0 13px;text-overflow:clip;white-space:normal;word-wrap:normal;overflow:visible;}
.pp-login .page-content .board.link ul li a {display:block;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding-right:80px;}
.pp-login .page-content .board ul li.highlight, 
.pp-login .page-content .board.link ul li.highlight a {color:#f92465;}
.pp-login .page-content .board ul li.highlight span {color:#909090;}

.pp-login .page-content .banner {display:block;}
.pp-login .page-content .banner.type1 {float:left;margin-left:146px;}
.pp-login .page-content .banner.type1 ul li {float:left;margin-left:10px;}
.pp-login .page-content .banner.type1 ul li:first-child {margin-left:0;}
.pp-login .page-content .banner.type1 ul li>a {display:block;width:136px;height:160px;border:1px solid #cbcbcb;}
.pp-login .page-content .banner.type1 ul li .wrap {height:123px;border-bottom:1px solid #cbcbcb;}
.pp-login .page-content .banner.type1 ul li.m1>a {background:url("../images/bg/login_link_01.gif") no-repeat center 68px;}
.pp-login .page-content .banner.type1 ul li.m2 .wrap {background:url("../images/bg/login_link_02.gif") no-repeat right bottom;}
.pp-login .page-content .banner.type1 ul li .tit {display:block;font-size:1.4rem;color:#1b252e;text-align:center;padding-top:20px;}
.pp-login .page-content .banner.type1 ul li .desc {display:block;font-size:1.2rem;color:#7d7e82;text-align:center;line-height:1.9rem;padding-top:16px;}
.pp-login .page-content .banner.type1 ul li .desc em {display:block;color:#4d5762;font-weight:bold;}
.pp-login .page-content .banner.type1 ul li .desc em.big {font-size:1.6rem;}
.pp-login .page-content .banner.type1 ul li .go {color:#414246;text-align:center;padding-top:9px;}
.pp-login .page-content .banner.type1 ul li .go .fa {font-size:1.2rem;color:#f7487d;padding-left:5px;}

.pp-login .page-content .banner.type2 ul {width:960px;height:88px;background:url("../images/bg/login_banner.gif") no-repeat 0 0;}
.pp-login .page-content .banner.type2 ul li {float:left;width:480px;}
.pp-login .page-content .banner.type2 ul li a {display:inline-block;height:70px;padding-left:80px;}
.pp-login .page-content .banner.type2 ul li.new a {margin:18px 0 0 85px;background:url("../images/img/banner_login_01.png") no-repeat 0 0;}
.pp-login .page-content .banner.type2 ul li.reg a {margin:18px 0 0 150px;background:url("../images/img/banner_login_02.png") no-repeat 0 0;}
.pp-login .page-content .banner.type2 ul li .tit {display:block;font-size:2rem;color:#1b252e;font-weight:bold;}
.pp-login .page-content .banner.type2 ul li .desc {display:block;font-size:1.2rem;color:#5b5c5f;margin-top:5px;}
.pp-login .page-content .banner.type2 ul li.reg .tit {padding-top:8px;}

.pp-login .page-content .banner.type3 ul li {float:left;margin-left:12px;}
.pp-login .page-content .banner.type3 ul li:first-child {margin-left:0;}
.pp-login .page-content .banner.type3 ul li a {display:block;width:312px;height:48px;font-size:1.6rem;color:#293846;font-weight:bold;text-align:center;border:1px solid #cbcbcb;}
.pp-login .page-content .banner.type3 ul li a span {display:inline-block;height:24px;margin-top:10px;padding-left:35px;line-height:24px;}
.pp-login .page-content .banner.type3 ul li.b1 a span {background:url("../images/icon/login_link_list_01.png") no-repeat 0 0;}
.pp-login .page-content .banner.type3 ul li.b2 a span {background:url("../images/icon/login_link_list_02.png") no-repeat 0 1px;}
.pp-login .page-content .banner.type3 ul li.b3 a span {background:url("../images/icon/login_link_list_03.png") no-repeat 0 1px;}

.pp-login .page-footer {height:52px;margin-top:40px;background-color:#f5f5f5;}
.pp-login .page-footer .inner {width:960px;margin:0 auto;}
.pp-login .page-footer .copy {float:left;font-family:"LGSmHaL";font-size:1.4rem;color:#aab2ba;margin-top:18px;}
.pp-login .page-footer .copy em {color:#4d565f;} 
.pp-login .page-footer .util {float:right;margin-top:18px;}
.pp-login .page-footer .util li {float:left;margin-left:20px;}
.pp-login .page-footer .util li:first-child {margin-left:0;}
.pp-login .page-footer .util li a {font-family:"LGSmHaL";font-size:1.3rem;color:#30404f;}


/* PartnerPlus Login2 */
.fixedBanner{background:#d7f0ff;width:100%;margin-bottom:10px;padding:10px;text-align:center;line-height:1.7em;color:#555;font-size:12px;}
.fixedBanner em{font-weight:bold;font-size:13px;}
.fixedBanner em b{background:#fff;border-radius:100px;display:inline-block;padding:0 10px;margin:0 5px;}

.pp-login2{min-width:1260px;height:auto!important;min-height:100%;background-color:#939393;}
.pp-login2 .page-header{background-color:#fff;border-bottom:0;}
.pp-login2 .page-header .header-container{position:relative;z-index:1;width:1260px;margin:0 auto;}
.pp-login2 .page-header .header-container .lg94 {width:100%;min-width:960px;height:305px;border-top:1px solid #a8a8a8;border-bottom:1px solid #e4e4e4;background:url("../images/img/keyvisual_login_03.png") no-repeat center top;}

.pp-login2 .page-header .top{position:absolute;top:0;right:0;left:0;z-index:2;height:42px;background-color:rgba(0,0,0,0.35);}
.pp-login2 .page-header .top .logo-lgcns{display:inline-block;margin-top:9px;margin-left:19px;}
.pp-login2 .page-header .top .logo-lgcns a{display:block;height:23px;line-height:23px;}
.pp-login2 .page-header .top .logo-lgcns a img{vertical-align:top;}
.pp-login2 .page-header .top .menu{float:right;margin-top:14px;margin-right:20px;}
.pp-login2 .page-header .top .menu li{float:left;margin-left:18px;}
.pp-login2 .page-header .top .menu li a{display:block;color:#fff;font-size:12px;line-height:14px;}
.pp-login2 .page-header .top .menu li a:hover{color:#c00c3f;}

.pp-login2 .page-header .body{position:relative;z-index:1;height:300px;background-color:#ece4e1;overflow:hidden;}
.pp-login2 .page-header .body:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;background:url("../images/bg/pattern_box_8x2.png") repeat 0 0;content:"";}
.pp-login2 .page-header .body .title{color:#fff;}
.pp-login2 .page-header .body .title strong{position:absolute;top:160px;left:455px;z-index:4;font-size:36px;font-family:LGSmHaSB;line-height:36px;opacity:0;-webkit-transition:top 1s,opacity 1s;-o-transition:top 1s,opacity 1s;transition:top 1s,opacity 1s;}
.pp-login2 .page-header .body.startAnimation .title strong{top:110px;opacity:1;}
.pp-login2 .page-header .body .title span{position:absolute;top:185px;left:455px;z-index:4;font-size:18px;line-height:18px;opacity:0;-webkit-transition:top 0.9s,opacity 0.9s;-o-transition:top 0.9s,opacity 0.9s;transition:top 0.9s,opacity 0.9s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.pp-login2 .page-header .body.startAnimation .title span{top:155px;opacity:1;}
.pp-login2 .page-header .body div[class^="bg-animation"]{position:absolute;}
.pp-login2 .page-header .body .bg-animation1{top:100px;left:50px;width:239px;height:232px;background:url("../images/bg/bg_login_header_people1.png") no-repeat 0 0;opacity:1;-webkit-animation-duration:1.7s;animation-duration:1.7s;-webkit-animation-name:pp-login-header-scale1;animation-name:pp-login-header-scale1;}
@-webkit-keyframes pp-login-header-scale1{
    0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
    15%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes pp-login-header-scale1{
    0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
    15%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
.pp-login2 .page-header .body .bg-animation2 {
    top: 5px;
    left: 300px;
    width: 150px;
    height: 159px;
    background: url("../images/bg/bg_login_header_people2.png") no-repeat 0 0;
    opacity: 1;
    -webkit-transform: scale(0.8) rotate(0deg);
    -ms-transform: scale(0.8) rotate(0deg);
    transform: scale(0.8) rotate(0deg);
    -webkit-animation-duration: 3.5s;
    animation-duration: 3.5s;
    -webkit-animation-timing-function: cubic-bezier(0.05, .7, 0.2, 1);
    animation-timing-function: cubic-bezier(0.05, .7, 0.2, 1);
    -webkit-animation-name:pp-login-header-scale2;
    animation-name: pp-login-header-scale2;
}

@-webkit-keyframes pp-login-header-scale2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) rotate(180deg);
        -ms-transform: scale(0.8) rotate(180deg);
        transform: scale(0.8) rotate(180deg);
    }

    10% {
        opacity: 0;
        -webkit-transform: scale(0.8) rotate(180deg);
        -ms-transform: scale(0.8) rotate(180deg);
        transform: scale(0.8) rotate(180deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(0.8) rotate(720deg);
        -ms-transform: scale(0.8) rotate(720deg);
        transform: scale(0.8) rotate(720deg);
    }

}

@keyframes pp-login-header-scale2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) rotate(180deg);
        -ms-transform: scale(0.8) rotate(180deg);
        transform: scale(0.8) rotate(180deg);
    }

    10% {
        opacity: 0;
        -webkit-transform: scale(0.8) rotate(180deg);
        -ms-transform: scale(0.8) rotate(180deg);
        transform: scale(0.8) rotate(180deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(0.8) rotate(720deg);
        -ms-transform: scale(0.8) rotate(720deg);
        transform: scale(0.8) rotate(720deg);
    }

}

.pp-login2 .page-header .body .bg-animation3 {
    top: 190px;
    left: 438px;
    width: 384px;
    height: 365px;
    background: url("../images/bg/bg_login_header_people3.png") no-repeat 0 0;
    opacity: 1;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: pp-login-header-scale3;
    animation-name: pp-login-header-scale3;
}

@-webkit-keyframes pp-login-header-scale3 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}

@keyframes pp-login-header-scale3 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}
.pp-login2 .page-header .body .bg-animation4{right:-40px;bottom:70px;width:565px;height:540px;background:url("../images/bg/bg_login_header_people4.png") no-repeat 0 0;opacity:1;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:pp-login-header-scale4;animation-name:pp-login-header-scale4;}
@-webkit-keyframes pp-login-header-scale4{
    0%{right:-90px;bottom:120px;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
    20%{right:-90px;bottom:120px;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
    100%{right:-40px;bottom:70px;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes pp-login-header-scale4{
    0%{right:-90px;bottom:120px;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
    20%{right:-90px;bottom:120px;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
    100%{right:-40px;bottom:70px;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}

.pp-login2 .page-content{padding:0;}
.pp-login2 .section-row{padding:55px 0;background-color:#fff;}
.pp-login2 .section-row:last-child{background-color:#f5f5f5;}
.pp-login2 .section-row:last-child .lg94{background-color:#fff;}
.pp-login2 .section-row .section-container{width:1260px;margin:0 auto;}
.pp-login2 .section-row .section-container section,.pp-login2 .section-row .section-container aside{float:left;padding:0 20px;}
.pp-login2 .section-row .section-container .left{width:420px;}
.pp-login2 .section-row .section-container .center{width:550px;}
.pp-login2 .section-row .section-container .right{width:290px;}
.pp-login2 .section-row .section-container section .section-title{position:relative;font-size:16px;line-height:18px;}
.pp-login2 .section-row .section-container section .section-title:before{position:absolute;top:-12px;left:1px;display:block;width:29px;height:2px;background-color:#000;content:"";}

.pp-login2 .section-row .section-container .pp-login-input{margin-top:28px;}
.pp-login2 .section-row .section-container .pp-login-input .form-group{float:left;width:285px;margin-bottom:0;}
.pp-login2 .section-row .section-container .pp-login-input .form-group input.form-control{width:285px;height:36px;margin-top:10px;padding:5px 12px;border:1px solid #ddd;font-size:12px;}
.pp-login2 .section-row .section-container .pp-login-input .form-group input.form-control:first-child{margin-top:0;}
.pp-login2 .section-row .section-container .pp-login-input .btn-login{float:right;width:82px;height:82px;background-color:#c00c3f;border:0;border-radius:3px;color:#fff;font-size:14px;}
.pp-login2 .section-row .section-container .pp-login-input .btn-login:hover{background-color:#ad0c39;}
.pp-login2 .section-row .section-container .pp-login-option{margin-top:20px;}
.pp-login2 .section-row .section-container .pp-login-option .input-checkbox{float:left;}
.pp-login2 .section-row .section-container .pp-login-option .input-checkbox label{color:#555;font-size:12px;}
.pp-login2 .section-row .section-container .pp-login-option .input-checkbox label:hover{text-decoration:underline;}
.pp-login2 .section-row .section-container .pp-login-option .account{float:right;}
.pp-login2 .section-row .section-container .pp-login-option .account li{position:relative;float:left;margin-left:14px;padding-left:15px;}
.pp-login2 .section-row .section-container .pp-login-option .account li a{color:#555;font-size:12px;}
.pp-login2 .section-row .section-container .pp-login-option .account li a:hover{text-decoration:underline;}
.pp-login2 .section-row .section-container .pp-login-option .account li:before{content:"";position:absolute;left:0;top:4px;width:1px;height:11px;background-color:#bbb;}
.pp-login2 .section-row .section-container .pp-login-option .account li:first-child{margin-left:0;padding-left:0;}
.pp-login2 .section-row .section-container .pp-login-option .account li:first-child:before{content:none;}

.pp-login2 .section-row .section-container .signup ul{margin-top:28px;}
.pp-login2 .section-row .section-container .signup ul li{float:left;width:120px;margin-left:10px;}
.pp-login2 .section-row .section-container .signup ul li:first-child{margin-left:0;}
.pp-login2 .section-row .section-container .signup ul li a{position:relative;display:block;height:122px;border:1px solid #ddd;text-align:center;}
.pp-login2 .section-row .section-container .signup ul li a.item1{background:url("../images/icon/pp_main_signup_01.png") no-repeat 41px 61px;}
.pp-login2 .section-row .section-container .signup ul li a.item2{background:url("../images/icon/pp_main_signup_02.png") no-repeat center 61px;}
.pp-login2 .section-row .section-container .signup ul li a.item3{background:url("../images/icon/pp_main_signup_03.png") no-repeat center 61px;}
.pp-login2 .section-row .section-container .signup ul li a.item4{background:url("../images/icon/pp_main_signup_04.png") no-repeat center 61px;}
.pp-login2 .section-row .section-container .signup ul li a:after{position:absolute;right:-1px;bottom:-1px;display:block;width:40px;height:37px;content:"";}
.pp-login2 .section-row .section-container .signup ul li a.item1:after{background:url("../images/icon/pp_main_signup_addon_01.png") no-repeat right bottom;}
.pp-login2 .section-row .section-container .signup ul li a.item2:after,.pp-login2 .section-row .section-container .signup ul li a.item3:after,.pp-login2 .section-row .section-container .signup ul li a.item4:after{background:url("../images/icon/pp_main_signup_addon_02.png") no-repeat right bottom;}
.pp-login2 .section-row .section-container .signup ul li:first-child a{background-color:#f1edea;}
.pp-login2 .section-row .section-container .signup ul li:first-child a:hover{background-color:#e9e3de;}
.pp-login2 .section-row .section-container .signup ul li a:hover{background-color:#f1edea;}
.pp-login2 .section-row .section-container .signup ul li a strong{display:block;margin-top:9px;color:#222;font-size:14px;letter-spacing:-0.1em;line-height:20px;}
.pp-login2 .section-row .section-container .signup ul li a span{display:block;color:#999;font-size:11px;line-height:18px;}

.pp-login2 .section-row .section-container .aside ul li{margin-top:9px;}
.pp-login2 .section-row .section-container .aside ul li:first-child{margin-top:0;}
.pp-login2 .section-row .section-container .aside ul li.half{float:left;width:120px;margin-right:9px;}
.pp-login2 .section-row .section-container .aside ul li.half:last-child{margin-right:0;}
.pp-login2 .section-row .section-container .aside ul li a{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;height:50px;padding-left:61px;border:1px solid #ddd;color:#444;font-size:12px;line-height:18px;}
.pp-login2 .section-row .section-container .aside ul li a.item8 {background-size: 35px 27px;}
.pp-login2 .section-row .section-container .aside ul li .aside-list-item{position:relative;background-color:#fff;background-repeat:no-repeat;background-position:13px center;}
.pp-login2 .section-row .section-container .aside ul li .aside-list-item:hover{background-color:#f5f5f5;}
.pp-login2 .section-row .section-container .aside ul li .item1{background-image:url("../images/icon/pp_main_aside_01.png");}
.pp-login2 .section-row .section-container .aside ul li .item2{background-image:url("../images/icon/pp_main_aside_02.png");}
.pp-login2 .section-row .section-container .aside ul li .item3{background-image:url("../images/icon/pp_main_aside_03.png");}
.pp-login2 .section-row .section-container .aside ul li .item4{background-image:url("../images/icon/pp_main_aside_04.png");}
.pp-login2 .section-row .section-container .aside ul li .item5{background-image:url("../images/icon/pp_main_aside_05.png");}
.pp-login2 .section-row .section-container .aside ul li .item6{background-image:url("../images/icon/pp_main_aside_06.png");}
.pp-login2 .section-row .section-container .aside ul li .item7{background-image:url("../images/icon/pp_main_aside_07.png");}
.pp-login2 .section-row .section-container .aside ul li .item8{background-image:url("../images/icon/pp_main_aside_08.png");}
.pp-login2 .section-row .section-container .aside ul li .arrow:after,.pp-login2 .section-row .section-container .aside ul li .bookmark:after,.pp-login2 .section-row .section-container .aside ul li .download:after{position:absolute;display:block;content:"";}
.pp-login2 .section-row .section-container .aside ul li .arrow:after{width:21px;height:7px;top:50%;right:13px;margin-top:-6px;background:url("../images/icon/arrow_right_02.png") no-repeat 0 0;}
.pp-login2 .section-row .section-container .aside ul li .bookmark:after{width:19px;height:20px;top:0;right:12px;background:url("../images/icon/bookmark.png") no-repeat 0 0;}
.pp-login2 .section-row .section-container .aside ul li .download:after{width:20px;height:21px;top:50%;right:11px;margin-top:-10px;background:url("../images/icon/download.png") no-repeat 0 0;}

.pp-login2 .section-row .section-container .notice ul{margin-top:25px;}
.pp-login2 .section-row .section-container .notice ul li a{color:#555;font-size:12px;line-height:25px;}
.pp-login2 .section-row .section-container .notice ul li a:hover span{text-decoration:underline;}
.pp-login2 .section-row .section-container .notice ul li a .title{float:left;display:inline-block;width:318px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.pp-login2 .section-row .section-container .notice ul li a .date{float:right;}

.pp-login2 .section-row .section-container .community ul{margin-top:35px;}
.pp-login2 .section-row .section-container .community ul li{float:left;width:250px;margin-left:10px;}
.pp-login2 .section-row .section-container .community ul li:first-child{margin-left:0;}
.pp-login2 .section-row .section-container .community ul li a{position:relative;display:block;height:115px;color:#fff;overflow:hidden;}
.pp-login2 .section-row .section-container .community ul li.item1 a{background-image:url("../images/img/pp_main_community_01.jpg");background-repeat:no-repeat;background-position:-10px -22px;-webkit-transition:background-position 0.5s;-o-transition:background-position 0.5s;transition:background-position 0.5s;}
.pp-login2 .section-row .section-container .community ul li.item2 a{background-image:url("../images/img/pp_main_community_02.jpg");background-repeat:no-repeat;background-position:-31px -24px;-webkit-transition:background-position 0.5s;-o-transition:background-position 0.5s;transition:background-position 0.5s;}
.pp-login2 .section-row .section-container .community ul li.item1 a:hover{background-position:0 -12px;}
.pp-login2 .section-row .section-container .community ul li.item2 a:hover{background-position:-21px -14px;}
.pp-login2 .section-row .section-container .community ul li a:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;background-color:rgba(51,51,51,0.65);content:"";}
.pp-login2 .section-row .section-container .community ul li a .wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;padding:45px 20px 0 0;text-align:right;}
.pp-login2 .section-row .section-container .community ul li a .wrap:after{position:absolute;top:26px;right:20px;display:block;width:36px;height:13px;background:url("../images/icon/arrow_right_02_white.png") no-repeat 0 0;content:"";}
.pp-login2 .section-row .section-container .community ul li a:hover .wrap:after{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-name:arrMoveRight;animation-name:arrMoveRight;}
@-webkit-keyframes arrMoveRight{
    0%{opacity:0;right:100px;}
    100%{opacity:1;right:20px;}
}
@keyframes arrMoveRight{
    0%{opacity:0;right:100px;}
    100%{opacity:1;right:20px;}
}
.pp-login2 .section-row .section-container .community ul li.item1 a .wrap{background:url("../images/icon/pp_main_community_01.png") no-repeat 20px 33px;}
.pp-login2 .section-row .section-container .community ul li.item2 a .wrap{background:url("../images/icon/pp_main_community_02.png") no-repeat 20px 37px;}
.pp-login2 .section-row .section-container .community ul li a .wrap .title{display:block;margin-right:-2px;font-size:20px;line-height:28px;}
.pp-login2 .section-row .section-container .community ul li a .wrap .description{font-size:11px;line-height:20px;}
.pp-login2 .section-row .section-container .community ul li.item2 a .wrap .description{letter-spacing:-0.05em;}

.pp-login2 .main-footer .section-row{padding:26px 20px;background:none;color:#fff;}

.pp-login2 .section-row .section-container .copyright h2{font-size:23px;line-height:23px;}
.pp-login2 .section-row .section-container .copyright h2 img{vertical-align:top;}
.pp-login2 .section-row .section-container .copyright p{margin-top:10px;font-size:11px;line-height:14px;}

.pp-login2 .section-row .section-container .link{margin-top:-3px;}
.pp-login2 .section-row .section-container .link-list{float:left;}
.pp-login2 .section-row .section-container .link-list ul{margin-top:17px;}
.pp-login2 .section-row .section-container .link-list ul:first-child{margin-top:0;}
.pp-login2 .section-row .section-container .link-list ul li{position:relative;float:left;padding:0 12px 0 13px;}
.pp-login2 .section-row .section-container .link-list ul li:before{position:absolute;top:50%;left:0;display:block;width:1px;height:10px;margin-top:-5px;background-color:#bbb;content:"";}
.pp-login2 .section-row .section-container .link-list ul li:first-child{padding-left:0;}
.pp-login2 .section-row .section-container .link-list ul li:first-child:before{display:none;}
.pp-login2 .section-row .section-container .link-list ul li a{color:#fff;font-size:11px;line-height:14px;}
.pp-login2 .section-row .section-container .link-list ul li a:hover{text-decoration:underline;}

.pp-login2 .section-row .section-container .link-dropdown{position:relative;float:left;margin-top:-6px;}
.pp-login2 .section-row .section-container .link-dropdown button{padding:0 26px 0 9px;background-color:#777;background-image:url("../images/icon/arrow_up_white.png");background-repeat:no-repeat;background-position:165px center;border:1px solid #666;color:#fff;font-size:11px;line-height:29px;}
.pp-login2 .section-row .section-container .link-dropdown:hover button{background-color:#666;}
.pp-login2 .section-row .section-container .link-dropdown ul{position:absolute;right:0;bottom:31px;left:0;z-index:5;display:none;}
.pp-login2 .section-row .section-container .link-dropdown:hover ul{display:block;}
.pp-login2 .section-row .section-container .link-dropdown ul li a{display:block;height:30px;padding:0 10px;background-color:#fff;border:1px solid #666;border-bottom-width:0;color:#444;line-height:30px;}
.pp-login2 .section-row .section-container .link-dropdown ul li a:hover{background-color:#f5f5f5;}

.pp-login2 .section-row .section-container .tel{width:270px;margin-left:20px;padding-left:130px;background:url("../images/icon/telephone.png") no-repeat 72px center;border-left:1px solid #b5b5b5;color:#ddd;text-align:center;}
.pp-login2 .section-row .section-container .tel h2{font-size:15px;line-height:17px;}
.pp-login2 .section-row .section-container .tel address{margin-top:10px;margin-bottom:0;font-size:24px;line-height:21px;}

/* PartnerPlus Home */
.pp-login.home .page-header {width:auto;min-width:1400px;}
.pp-login.home .page-header .util {margin-right:40px;} 

.pp-login.home .page-content .key-visual {min-width:1400px;background: url(../images/img/keyvisual_login_02.jpg) no-repeat left top;}
.pp-login.home .page-content .key-visual .inner {width:100%;min-width:1400px;margin:0;}
.pp-login.home .page-content .key-visual .inner:before {left:-114px;top:43px;background: url(../images/img/man2.png) no-repeat left top;}
.pp-login.home .page-content .key-visual .inner:after {content:"";position:absolute;right:211px;top:14px;width:329px;height:140px;background:url(../images/img/child.png) no-repeat left top;}

.pp-login.home .page-content {min-height:780px;}
.pp-login.home .page-content .content-row.first {margin-top:48px;}
.pp-login.home .page-content .content-row {min-width:1400px;width:auto;margin-top:64px;margin-left:0;margin-right:0;padding:0 40px;}

.pp-login.home .page-content .banner.type1 {width:34%;margin-left:0;}
.pp-login.home .page-content .banner.type1 ul {float:right;width:282px;margin-right:8%;}
.pp-login.home .page-content .banner.type1 ul li.m2 {float:left;margin-left:10px;}
.pp-login.home .page-content .banner.type1 ul li.m2>a {height:75px;padding-left:10px;background:url("../images/bg/login_link_02.gif") no-repeat right bottom;}
.pp-login.home .page-content .banner.type1 ul li.m2 .tit {text-align:left;padding-top:6px;}
.pp-login.home .page-content .banner.type1 ul li.m2 .desc {text-align:left;line-height:1.7rem;font-weight:bold;padding-top:2px;}
.pp-login.home .page-content .banner.type1 ul li.m2 .desc em {display:inline;}
.pp-login.home .page-content .banner.type1 ul li .desc em.big {font-size:1.4rem;}
.pp-login.home .page-content .banner.type1 ul li .go {text-align:left;padding-top:3px;}

.pp-login.home .pp-biz {float:left;width:40%;height:160px;background:url("../images/img/vline-dashed-gray.gif") repeat-y 0 0;}
.pp-login.home .pp-biz .exp-date {height:30px;margin-left:4%;}
.pp-login.home .pp-biz .exp-date li {position:relative;float:left;margin-left:10px;padding-left:11px;}
.pp-login.home .pp-biz .exp-date li:before {content:"";position:absolute;left:0;top:4px;width:1px;height:11px;background-color:#ddd;}
.pp-login.home .pp-biz .exp-date li:first-child {margin-left:0;padding-left:0;}
.pp-login.home .pp-biz .exp-date li:first-child:before {content:none;}
.pp-login.home .pp-biz .exp-date li em {color:#009f91;font-weight:bold;}
.pp-login.home .pp-biz .exp-date:after,
.pp-login.home .pp-biz .biz:after {content:"";clear:both;display:block;}
.pp-login.home .pp-biz .biz li {position:relative;float:left;text-align:center;}
.pp-login.home .pp-biz .biz li:before {content:"";position:absolute;left:-5px;top:35px;width:10px;height:10px;border-radius:50%;background-color:#ddd;}
.pp-login.home .pp-biz .biz li:first-child:before {content:none;}
.pp-login.home .pp-biz .biz li a {display:inline-block;width:110px;padding-top:85px;font-size:1.4rem;color:#1b252e;}
.pp-login.home .pp-biz.developer {width:31%;}
.pp-login.home .pp-biz.developer .biz {margin-top:33px;}
.pp-login.home .pp-biz.individual .biz li,
.pp-login.home .pp-biz.sales .biz li {width:25%;}
.pp-login.home .pp-biz.developer .biz li {width:50%;}
.pp-login.home .pp-biz.individual .biz li.m1 a{background-image:url(../images/icon/pp_biz_01.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.individual .biz li.m2 a{background-image:url(../images/icon/pp_biz_02.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.individual .biz li.m3 a{background-image:url(../images/icon/pp_biz_03.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.individual .biz li.m4 a{background-image:url(../images/icon/pp_biz_04.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.sales .biz li.m1 a{background-image:url(../images/icon/pp_biz_05.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.sales .biz li.m2 a{background-image:url(../images/icon/pp_biz_01.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.sales .biz li.m3 a{background-image:url(../images/icon/pp_biz_02.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.sales .biz li.m4 a{background-image:url(../images/icon/pp_biz_06.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.developer .biz li.m1 a{background-image:url(../images/icon/pp_biz_07.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.developer .biz li.m2 a{background-image:url(../images/icon/pp_biz_08.png);background-repeat:no-repeat;background-position:center 12px;}

.pp-login.home .pp-user {float:left;width:26%;height:160px;background:url("../images/img/vline-dashed-gray.gif") repeat-y 0 0;}
.pp-login.home .pp-user .user {height:95px;margin-left:11%;}
.pp-login.home .pp-user .user .kr {font-size:1.4rem;color:#293846;padding-top:5px;}
.pp-login.home .pp-user .user .kr strong {font-size:2.4rem;font-weight:normal;}
.pp-login.home .pp-user .user .en {font-size:1.4rem;color:#787f85;}
.pp-login.home .pp-user .btn-area {margin-left:10%;}
.pp-login.home .pp-user .btn-area .btn {float:left;height:48px;font-size:1.4rem;color:#202020;border:1px solid #949494;background-color:#fff;}
.pp-login.home .pp-user .btn-area .btn.primary {color:#fff;border:0;background-color:#da3769;}
.pp-login.home .pp-user.sales .btn-area .btn {width:48%;margin-left:4%;}
.pp-login.home .pp-user.sales .btn-area .btn:first-child {margin-left:0;}
.pp-login.home .pp-user.individual .btn-area .btn.primary {width:100%;}
.pp-login.home .pp-user.developer {width:35%;}
.pp-login.home .pp-user.developer .btn-area .btn {width:31%;margin-left:3.5%;}
.pp-login.home .pp-user.developer .btn-area .btn:first-child {margin-left:0;}

.pp-login.home .module-header h2 {position:relative;margin-bottom:15px;padding-left:13px;font-size:1.3rem;font-weight:bold;color:#0b8c8f;line-height:1;}
.pp-login.home .module-header h2:before {font-family:"fontawesome";content: "\f0da";display:inline-block;position:absolute;top:1px;left:0;font-size:1.3rem;color:#599c96;font-weight:normal;}

.pp-login.home .task-wrap {position:relative;height:62px;overflow:hidden;margin-bottom:20px;}
.pp-login.home .task-wrap:before {position:absolute;top:31px;content:"";display:block;width:100%;height:2px;background-color:#8394a6;z-index:1;}
.pp-login.home .task-wrap:after {position:absolute;right:0;top:30px;content:"";display:block;width:4px;height:4px;border-radius:50%;background-color:#8394a6;}
.pp-login.home .task-wrap ul>li>a {display:inline-block;font-size:1.4rem;color:#293846;font-weight:bold;}
.pp-login.home .task-wrap ul>li>a>em {position:relative;top:3px;font-size:2rem;color:#fd195e;font-weight:normal;margin-left:10px;}
.pp-login.home .task-wrap .m-task {position:relative;float:left;z-index:2;}
.pp-login.home .task-wrap .m-task ul {height:62px;border:1px solid #777f87;border-radius:31px;padding:13px 25px;background-color:#fff;}
.pp-login.home .task-wrap .m-task ul li {float:left;padding:0 15px;}
.pp-login.home .task-wrap .s-task {margin-left:330px;}
.pp-login.home .task-wrap .s-task ul li {position:relative;float:left;height:62px;border-top:1px solid #ced0d3;margin-right:32px;padding:13px 0 0 38px;border-bottom:1px solid #ced0d3;background-color:#f3f3f3;z-index:2;}
.pp-login.home .task-wrap .s-task ul li:before {position:absolute;left:0;top:-1px;content:"";display:block;width:4px;height:62px;background-color:#30404f;}
.pp-login.home .task-wrap .s-task ul li:after {position:absolute;right:-32px;top:-1px;content:"";display:block;width:32px;height:62px;background:url(../images/bg/task_list.png) no-repeat 0 0;}
.pp-login.home .task-wrap .s-task ul li.sm {width:13.5%;}
.pp-login.home .task-wrap .s-task ul li.md {width:15%;}
.pp-login.home .task-wrap .s-task ul li.lg {width:21%;}
.pp-login.home .task-wrap .s-task ul li {margin-left:1.1%;}
.pp-login.home .task-wrap .s-task ul li:first-child {margin-left:1.6%;}

.pp-login.home .page-content .board {width:49%;border-top:2px solid #4d5762;}

.pp-login.home .page-footer {min-width:1400px;}
.pp-login.home .page-footer .inner {width:auto;margin:0;}
.pp-login.home .page-footer .copy {margin:18px 0 0 40px;}
.pp-login.home .page-footer .util {float:right;margin:18px 40px 0 0;}

.pp-login.home2 .page-content .key-visual2{position:relative;min-width:1400px;height:161px;background-color:#ccc6c4;background-image:url("../images/img/people_circle2.png");background-repeat:no-repeat;background-position:right top;border-top:1px solid #a8a8a8;color:#fff;overflow:hidden;}
.pp-login.home2 .page-content .key-visual2 .lg94{position:relative;min-width:1400px;height:16px;background-color:#ccc6c4;}
.pp-login.home2 .page-content .key-visual2:before{position:absolute;top:0;left:36px;display:block;width:157px;height:123px;background:url("../images/img/people_circle1.png") no-repeat 0 0;content:"";}
.pp-login.home2 .page-content .key-visual2 .title{margin-top:36px;margin-left:240px;font-family:"LGSmHaR";font-size:30px;line-height:52px;}
.pp-login.home2 .page-content .key-visual2 .slogan{margin-left:240px;font-size:14px;line-height:34px;}

.pp-login.home2 .page-content .content-row{margin-top:60px;}

.pp-login.home2 .pp-user{height:130px;background:none;}
.pp-login.home2 .pp-user.sales{width:377px;}
.pp-login.home2 .pp-user.individual{width:377px;}
.pp-login.home2 .pp-user.developer{width:572px;}
.pp-login.home2 .pp-user .user{height:89px;margin-top:-7px;margin-left:0;}
.pp-login.home2 .pp-user .user .kr{padding-top:0;}
.pp-login.home2 .pp-user .exp-date {margin-top:6px;}
.pp-login.home2 .pp-user .exp-date li {position:relative;float:left;margin-left:10px;padding-left:11px;}
.pp-login.home2 .pp-user .exp-date li:before {content:"";position:absolute;left:0;top:4px;width:1px;height:11px;background-color:#ddd;}
.pp-login.home2 .pp-user .exp-date li:first-child {margin-left:0;padding-left:0;}
.pp-login.home2 .pp-user .exp-date li:first-child:before {content:none;}
.pp-login.home2 .pp-user .exp-date li em {color:#009f91;font-weight:bold;}
.pp-login.home2 .pp-user .btn-area{margin-left:0;}
.pp-login.home2 .pp-user.sales .btn-area .btn,
.pp-login.home2 .pp-user.individual .btn-area .btn.primary,
.pp-login.home2 .pp-user.developer .btn-area .btn{width:180px;margin-left: 15px;}
.pp-login.home2 .pp-user.individual .btn-area .btn.primary:first-child{margin-left: 0;}
.pp-login.home2 .pp-user .btn-area .btn:hover{background-color:#f5f5f5;}
.pp-login.home2 .pp-user .btn-area .btn.primary:hover{background-color:#ad0c39;}

.pp-login.home2 .pp-biz{height:130px;background:none;}
.pp-login.home2 .pp-biz.developer{width:392px;}
.pp-login.home2 .pp-biz .biz{width:589px;margin:0 auto;}
.pp-login.home2 .pp-biz.developer .biz{width:392px;margin-top:0;}
.pp-login.home2 .pp-biz .biz li:before{top:85px;}
.pp-login.home2 .pp-biz .biz li a{width:85%;height:131px;padding-top:20px;padding-bottom:92px;border:1px solid transparent;line-height:17px;}
.pp-login.home2 .pp-biz .biz li a:hover{background-color:#f9f9f9;border:1px solid #ddd;}

.pp-login.home2 .pp-biz.individual .biz li.m1 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.individual .biz li.m2 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.individual .biz li.m3 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.individual .biz li.m4 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.sales .biz li.m1 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.sales .biz li.m2 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.sales .biz li.m3 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.sales .biz li.m4 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.developer .biz li.m1 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.developer .biz li.m2 a{background-position:center 58px;}

.pp-login.home2 .page-content .banner.type4{float:right;width:354px;}
.pp-login.home2 .page-content .banner.type4 ul li{float:left;width:48%;margin-left:4%;}
.pp-login.home2 .page-content .banner.type4 ul li:first-child{margin-left:0;}
.pp-login.home2 .page-content .banner.type4 ul li a{position:relative;display:block;height:131px;padding-top:18px;background-color:#f9f9f9;border:1px solid #ddd;text-align:center;}
.pp-login.home2 .page-content .banner.type4 ul li a:hover{background-color:#f1edea;}
.pp-login.home2 .page-content .banner.type4.sales ul li.m1 a{background-image:url("../images/icon/man_gray.png");background-repeat:no-repeat;background-position:center 71px;}
.pp-login.home2 .page-content .banner.type4.individual ul li.m1 a{background-image:url("../images/icon/cash_gray.png");background-repeat:no-repeat;background-position:center 71px;}
.pp-login.home2 .page-content .banner.type4.developer ul li.m1 a{background-image:url("../images/icon/people_gray.png");background-repeat:no-repeat;background-position:center 71px;}
.pp-login.home2 .page-content .banner.type4.sales ul li.m2 a,.pp-login.home2 .page-content .banner.type4.individual ul li.m2 a,.pp-login.home2 .page-content .banner.type4.developer ul li.m2 a{background-image:url("../images/icon/book_gear_gray.png");background-repeat:no-repeat;background-position:center 67px;}
.pp-login.home2 .page-content .banner.type4 ul li a:after{position:absolute;right:0;bottom:0;display:block;width:40px;height:37px;content:"";}
.pp-login.home2 .page-content .banner.type4 ul li.arrow a:after{background:url("../images/icon/pp_main_signup_addon_01.png") no-repeat right bottom;}
.pp-login.home2 .page-content .banner.type4 ul li.download a:after{background:url("../images/icon/pp_main_signup_addon_02.png") no-repeat right bottom;}
.pp-login.home2 .page-content .banner.type4 ul li a .title{display:block;color:#222;font-size:16px;line-height:21px;}
.pp-login.home2 .page-content .banner.type4 ul li a .description{display:block;line-height:16px;}
.pp-login.home2 .page-content .banner.type4 ul li a .description.type1{color:#999;}
.pp-login.home2 .page-content .banner.type4 ul li a .description.type2{color:#f6336f;}

.pp-login.home2 .task-wrap2 > div{float:left;}
.pp-login.home2 .task-wrap2 > div ul li{float:left;height:61px;padding-top:18px;font-weight:bold;text-align:center;}
.pp-login.home2 .task-wrap2 > div ul li span{color:#000;font-size:14px;line-height:18px;vertical-align:middle;}
.pp-login.home2 .task-wrap2 > div ul li a{display:inline-block;margin-top:1px;margin-left:8px;color:#d94c77;font-size:18px;line-height:18px;vertical-align:top;}
/* IE 10, 11 hack */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .pp-login.home2 .task-wrap2 > div ul li a{margin-top:2px;}
}
.pp-login.home2 .task-wrap2 > div ul li a:hover{color:#ad0338;}

.pp-login.home2 .task-wrap2 .m-task{width:21.5%;border:1px solid #ddd;}
.pp-login.home2 .task-wrap2 .m-task ul{width:90%;margin:0 auto;}
.pp-login.home2 .task-wrap2 .m-task ul li{width:50%;}

.pp-login.home2 .task-wrap2 .s-task{width:78.5%;}
.pp-login.home2 .task-wrap2 .s-task ul{border:solid #ddd;border-width:1px 1px 1px 0;}
.pp-login.home2 .task-wrap2 .s-task ul li{position:relative;width:20%;}
.pp-login.home2 .task-wrap2 .s-task ul li:hover{background-color:#f5f5f5;}
.pp-login.home2 .task-wrap2 .s-task ul li:before,.pp-login.home2 .task-wrap2 .s-task ul li:after{position:absolute;top:0;bottom:0;z-index:1;display:block;width:33px;height:61px;background:url("../images/icon/arrow_right_03.png") no-repeat 0 0;content:"";}
.pp-login.home2 .task-wrap2 .s-task ul li:before{left:-17px;}
.pp-login.home2 .task-wrap2 .s-task ul li:after{right:-16px;}
.pp-login.home2 .task-wrap2 .s-task ul li:hover:before{z-index:2;background:url("../images/icon/arrow_right_03_hover_01.png") no-repeat 0 0;}
.pp-login.home2 .task-wrap2 .s-task ul li:hover:after{z-index:2;background:url("../images/icon/arrow_right_03_hover_02.png") no-repeat 0 0;}
.pp-login.home2 .task-wrap2 .s-task ul li:first-child:before,.pp-login.home2 .task-wrap2 .s-task ul li:last-child:after{content:none;}

.pp-login.home2 .page-content .board ul li:before{content:none;}

.pp-login.home2.guest .page-header .logo-area{float:left;margin:19px 0 0 40px;}
.pp-login.home2.guest .page-header .logo-area a{display:block;width:88px;height:13px;color:#b0133f;font-family:"LGSmHaR";font-size:18px;letter-spacing:-0.05em;}
.pp-login.home2.guest .page-header .logo-area a img{vertical-align:top;}

.pp-login.home2.guest .page-content .key-visual2 .title{margin-top:40px;font-family:"Malgun Gothic",sans-serif;font-size:24px;line-height:46px;}
.pp-login.home2.guest .page-content .key-visual2 .slogan{font-size:12px;}

/* PartnerPlus win-win policy */
.wwp-list-container{width:1092px;margin:0 auto;padding-top:20px;}
.wwp-list-container > li{position:relative;float:left;width:33.333333%;padding-top:212px;text-align:center;}
.wwp-list-container > li > strong{color:#222;font-size:18px;font-weight:400;line-height:20px;}
.wwp-list-container > li > a{position:absolute;top:0;left:50%;display:block;width:180px;height:180px;margin-left:-90px;padding-top:88px;border-radius:90px;color:#fff;font-size:20px;line-height:22px;}
.wwp-list-container > li > a:after{position:absolute;top:61px;left:50%;display:block;width:36px;height:13px;background:url("../images/icon/arrow_right_02_white.png") no-repeat 0 0;content:"";}
.wwp-list-container > li.list-item1 > a{background:url("../images/img/pp_winwinpolicy_01.png") no-repeat center center;}
.wwp-list-container > li.list-item1 > a:hover{background:url("../images/img/pp_winwinpolicy_01_hover.png") no-repeat center center;}
.wwp-list-container > li.list-item2 > a{background:url("../images/img/pp_winwinpolicy_02.png") no-repeat center center;}
.wwp-list-container > li.list-item2 > a:hover{background:url("../images/img/pp_winwinpolicy_02_hover.png") no-repeat center center;}
.wwp-list-container > li.list-item3 > a{background:url("../images/img/pp_winwinpolicy_03.png") no-repeat center center;}
.wwp-list-container > li.list-item3 > a:hover{background:url("../images/img/pp_winwinpolicy_03_hover.png") no-repeat center center;}
.wwp-list-container > li.list-item4 > a{background:url("../images/img/pp_winwinpolicy_01.png") no-repeat center center;}
.wwp-list-container > li.list-item4 > a:hover{background:url("../images/img/pp_winwinpolicy_01_hover.png") no-repeat center center;}
.wwp-list-container > li.list-item5 > a{background:url("../images/img/pp_winwinpolicy_03.png") no-repeat center center;}
.wwp-list-container > li.list-item5 > a:hover{background:url("../images/img/pp_winwinpolicy_03_hover.png") no-repeat center center;}
.wwp-list-container > li > p{margin-top:23px;color:#999;font-size:12px;line-height:18px;}
.wwp-list-container > li > ul{float:left;margin-top:39px;}
.wwp-list-container > li > ul > li{padding-left:15px;background:url("../images/icon/bu_circle_02.png") no-repeat 0 center;color:#555;font-size:12px;line-height:24px;text-align:left;}
.wwp-list-container > li.list-item1 > ul{margin-left:45px;}
.wwp-list-container > li.list-item2 > ul{margin-left:51px;}
.wwp-list-container > li.list-item2 > ul:last-child{margin-left:35px;}
.wwp-list-container > li.list-item3 > ul{margin-left:91px;}
.wwp-list-container > li.list-item4{position:relative;float:left;width:45%;padding-top:212px;text-align:center;}
.wwp-list-container > li.list-item5{position:relative;float:left;width:45%;padding-top:212px;text-align:center;}
.wwp-list-container > li.list-item4 > ul{margin-left:10px;}
.wwp-list-container > li.list-item5 > ul{margin-left:30px;}

/* PartnerPlus partner policy */
.pp-login.home2.guest .partner-policy-content .content-row{width:1071px;min-width:1071px;margin-right:auto;margin-left:auto;padding:0;}
.partner-policy-content .content-row h2{color:#222;font-size:18px;font-weight:400;text-align:center;}

.partner-policy-content .content-system{margin-top:60px;}
.partner-policy-content .content-system h2{border-bottom:2px solid #000;line-height:56px;}
.partner-policy-content .content-system > div{padding-left:222px;}
.partner-policy-content .content-system > div h3{color:#000;font-size:18px;line-height:20px;}
.partner-policy-content .content-system > div > ul > li{color:#555;line-height:24px;}
.partner-policy-content .content-system > .system-list1{min-height:180px;margin-top:50px;background:url("../images/img/pp_partnerpolicy-01.png") no-repeat 0 0;}
.partner-policy-content .content-system > .system-list1 h3{display:inline-block;height:40px;padding:0 13px;border:2px solid #b20a3a;border-radius:20px;font-size:20px;line-height:36px;}
/* IE 10, 11 hack */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .partner-policy-content .content-system > .system-list1 h3{line-height:34px;}
}
.partner-policy-content .content-system > .system-list1 ul{margin-top:15px;}
.partner-policy-content .content-system > .system-list1 ul li{padding-left:15px;background:url("../images/icon/bu_circle_02.png") no-repeat 0 center;}
.partner-policy-content .content-system > .system-list2{margin-top:-56px;padding-bottom:45px;border-bottom:2px dashed #696969;}
.partner-policy-content .content-system > .system-list2 ul{margin-top:23px;}
.partner-policy-content .content-system > .system-list2 ul li{padding-left:15px;background:url("../images/icon/bu_circle_02.png") no-repeat 0 center;}
.partner-policy-content .content-system > .system-list3{position:relative;min-height:180px;margin-top:46px;background:url("../images/img/pp_partnerpolicy-02.png") no-repeat 0 bottom;}
.partner-policy-content .content-system > .system-list3:before{position:absolute;top:-106px;left:53px;display:block;width:72px;height:117px;background:url("../images/img/pp_partnerpolicy_info.png") no-repeat 0 0;content:"";}
.partner-policy-content .content-system > .system-list3 p{margin-top:24px;margin-bottom:38px;color:#555;font-size:12px;line-height:24px;}
.partner-policy-content .content-system > .system-list3 dl{margin-bottom:0;padding:0 0 5px;}
.partner-policy-content .content-system > .system-list3 dl dt{float:left;width:156px;height:29px;margin-right:10px;border:2px solid #ababab;border-radius:14px;font-weight:400;line-height:25px;text-align:center;}
.partner-policy-content .content-system > .system-list3 dl dd{float:left;line-height:29px;}
/* IE 10, 11 hack */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .partner-policy-content .content-system > .system-list3 dl dt{line-height:22px;}
    .partner-policy-content .content-system > .system-list3 dl dd{line-height:26px;}
}

.pp-login.home2 .partner-policy-content .content-row.content-process{margin-top:50px;}
.partner-policy-content .content-process h2{line-height:77px;}
.cooperation-process-table{border-top:2px solid #747474;border-bottom:2px solid #ccc;}
.cooperation-process-table > ol{}
.cooperation-process-table > ol > li{float:left;}
.cooperation-process-table > ol > li.process1{width:208px;}
.cooperation-process-table > ol > li.process2{width:188px;}
.cooperation-process-table > ol > li.process3{width:228px;}
.cooperation-process-table > ol > li.process4{width:225px;}
.cooperation-process-table > ol > li.process5{width:222px;}
.cooperation-process-table > ol > li > strong{position:relative;display:block;width:100%;height:51px;background:#f6f6f6;border-bottom:1px solid #ccc;color:#000;font-size:14px;line-height:49px;text-align:center;}
.cooperation-process-table > ol > li > strong:after{position:absolute;top:0;right:-13px;z-index:1;display:block;width:13px;height:50px;background:url("../images/icon/arrow_right_04.png") no-repeat 0 0;content:"";}
.cooperation-process-table > ol > li > strong > a{margin-left:9px;}
.cooperation-process-table > ol > li > strong > a img{margin-top:-2px;}
.cooperation-process-table > ol > li:first-child > strong{border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.cooperation-process-table > ol > li:last-child > strong{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.cooperation-process-table > ol > li:last-child > strong:after{display:none;}
.cooperation-process-table > ol > li > ul{height:138px;padding:15px;border-right:1px dashed #ccc;}
.cooperation-process-table > ol > li:last-child > ul{border-right:0;}
.cooperation-process-table > ol > li > ul > li{margin-top:18px;padding-left:11px;background:url("../images/icon/bu_circle.png") no-repeat 0 7px;font-size:12px;line-height:18px;}
.cooperation-process-table > ol > li > ul > li:first-child{margin-top:0;}
.cooperation-process-table > ol > li > ul > li > ul{padding-left:17px;}

.pp-login.home2.guest .partner-policy-content .content-aside{margin-bottom:60px;}
.partner-policy-content .content-aside ul li{float:left;width:340px;margin-right:20px;border:1px solid #ddd;}
.partner-policy-content .content-aside ul li:last-child{width:351px;margin-right:0;}
.partner-policy-content .content-aside ul li a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:78px;color:#444;font-size:13px;line-height:18px;}
.partner-policy-content .content-aside ul li a:after{position:absolute;top:0;right:11px;display:block;width:19px;height:21px;background:url("../images/icon/bookmark.png") no-repeat 0 0;content:"";}
.partner-policy-content .content-aside ul li a:hover{background-color:#f8f8f8;}
.partner-policy-content .content-aside ul li.item1 a{padding-left:99px;background-image:url("../images/icon/building_lg.png");background-repeat:no-repeat;background-position:28px center;}
.partner-policy-content .content-aside ul li.item2 a{padding-left:76px;background-image:url("../images/icon/carrier.png");background-repeat:no-repeat;background-position:23px center;}
.partner-policy-content .content-aside ul li.item3 a{padding-left:88px;background-image:url("../images/icon/paper_pencil_small_red.png");background-repeat:no-repeat;background-position:27px center;}

/* mymenu for mainpage */
.section.mymenu {height: 320px;margin: 0 auto;float: none;border: 0;border-bottom: 2px solid #f92465;padding: 40px 30px;text-align: center;}
.section.mymenu .menu {padding: 40px 0;}
.section.mymenu .menu:after {content:''; display:block; clear:both;}
.section.mymenu .menu > li {display: inline-block;text-align:center;position:relative;margin: 0 20px;vertical-align: middle;height: 170px;}
.section.mymenu .menu > li.mdiv {border-left: 1px solid #ddd;/* padding-left: 20px; */margin: 0 25px;height: 100px;width: 0px;}
.section.mymenu .menu > li > a {position:relative;display:block;width:130px;margin:0 auto;padding-top: 140px;}
.section.mymenu .menu > li > a:before {display:block;content:"";position:absolute;left:calc(50% - 65px);top: 0;width:130px;height:130px;border-radius:50%;background-color:#f8f8f8;z-index:1;transition:all 0.3s;}
.section.mymenu .menu > li > a:hover:before, 
.section.mymenu .menu > li > a:focus:before {background-color:#edf3f7; transform:scale(1.1); transform-orgin:center; top: -10px;}
.section.mymenu .menu > li > a:after {content:"";position:absolute;left:calc(50% - 65px);top:0;display:block;width:130px;height: 120px;z-index:2;}
.section.mymenu .menu > li a + span { background:#f92465; color:#fff; font-size:14px; font-weight:bold; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding: 2px 9px 3px; display:inline-block; border-radius:50px; position:absolute; top:10px; right: 20px; z-index:10; transition:all 0.3s; }
.section.mymenu .menu > li:hover > a + span {top:0px;right: 0px;}
.section.mymenu .menu > li > a:hover:after {margin-top:-5px; transition:margin 0.1s;}
.section.mymenu .menu > li > a > i {position:absolute;left:calc(50% - 65px);top: 15px;display:block;width:130px;height: 120px;z-index:2;transition:all 0.3s;}
.section.mymenu .menu > li:hover > a > i {top:5px}
.section.mymenu .menu li > a span {display:inline-block;font-size:1.6rem;color:#202020;line-height:2.4rem;}
.section.mymenu .menu ul li {position:relative;display: table;height: 85px;width: 170px;margin-bottom: 5px;/* overflow:hidden; */}
.section.mymenu .menu ul li i,
.section.mymenu .menu ul li a:before {position: absolute;left: 0;top: 0; transition:all 0.2s;}
.section.mymenu .menu ul li:hover i {transform:scale(1.05); transform-orgin:center;}
.section.mymenu .menu ul li a {padding: 10px 10px 10px 90px;height: 40px;vertical-align: middle;display: table-cell;text-align: left;}
.section.mymenu .menu ul li a img {width:70px;}
.section.mymenu .menu ul li a + span {left:50px; right:auto;}
.section.mymenu .menu ul li a:before {display:block;content:"";position:absolute;left:-5px;top: 0;width:80px;height:80px;border-radius:50%;background-color:#f8f8f8;z-index:0;transition:all 0.3s;}
.section.mymenu .menu ul li a:hover:before {background-color:#edf3f7;}

/* Sales Home */
#wrapper.home-sales {overflow: hidden;height:auto;}
.home-sales .page-header {height: 50px;min-height:0;border-bottom: 1px solid #ddd;}
.home-sales .page-header .util {float:right;margin-top:16px;}
.home-sales .page-header .util li {position:relative;float:left;padding:0 20px 0 21px;}
.home-sales .page-header .util li:before {content:"";position:absolute;left:0;top:1px;width:1px;height:16px;background-color:#d6d6d6;}
.home-sales .page-header .util li:first-child:before {content:none;padding-left:0;}
.home-sales .page-header .util li a {font-family:"LGSmHaR";font-size:1.3rem;color:#202020;}

.home-sales .page-content {padding:0; width: 1280px;margin: 0 auto; padding: 0 30px 30px;}
.home-sales .section.mymenu {padding: 100px 30px 80px;height: 400px;}
.home-sales .section.mymenu .menu > li {margin:0 40px;}

.home-sales .module-header {margin-bottom: 20px;}
.home-sales .module-header h2 {font-size:20px;color:#66676a;}

.home-sales .content-row:after {content:"";clear:both;display:block;}
.home-sales .section.performance {height: 300px;border-bottom:1px solid #e5e5e5;background:url(../images/bg/pattern_yellow_8x8.gif) repeat 0 0;margin-bottom: 20px;}
.home-sales .section.performance .performance-view {position:relative;}
.home-sales .section.performance .performance-view .inner {width:100%;height: 192px;text-align:right;border-radius:6px;padding: 20px 26px 0;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1);background-color:#fff;}
.home-sales .section.performance .performance-view .kr {font-size:1.6rem;color:#747474;margin-right:11px;margin-bottom: 20px;}
.home-sales .section.performance .performance-view .ar {font-size:3.2rem;color:#747474;line-height:2.3em;margin-right:7px;}
.home-sales .section.performance .performance-view .ar em {font-family:"Arial";font-size:6.8rem;color:#443d33;}
.home-sales .section.performance .performance-view .ar span {position:relative;top:-7px;margin-left:7px;}

.home-sales .section.performance .performance-view .progressbar {position:relative;}
.home-sales .section.performance .performance-view .progressbar:before {content:"";display:block;position:absolute;left:0;top:-2px;width:1px;height:10px;background-color:#443d33;}
.home-sales .section.performance .performance-view .progressbar:after {content:"";display:block;position:absolute;right:0;top:-2px;width:1px;height:10px;background-color:#443d33;}
.home-sales .section.performance .performance-view .progressbar .bar {height:6px;background-color:#e5e5e5;}
.home-sales .section.performance .performance-view .progressbar .value {position:absolute;right:0;top:0;width:auto;height:6px;background-color:#f26e7e;}
.home-sales .section.performance .performance-view .progressbar .value:after {content:"";display:block;position:absolute;left:0;top:-2px;width:1px;height:10px;background-color:#443d33;}
.home-sales .section.performance .performance-view .progressbar .ratio {font-size:1.1rem;color:#f26e7e;margin:10px 8px 0 0;}

.home-sales .content-row:after {content:"";clear:both;display:block;}
.home-sales .content-row.div3 .section {float:left;width:33.333333%;}
.home-sales .content-row.div2 .section {float:left;width:50%;}
.home-sales .content-row .section {border: 1px solid #e5e5e5;border-right: 0px;padding: 30px 40px;}
.home-sales .content-row .section:last-child {border-right: 1px solid #e5e5e5;}

.home-sales .section.banner.bg-blue {background-color:#f6fafd;}
.home-sales .section.banner.bg-white {background-color:#fff;}
.home-sales .section.banner {height: 250px;background-color: #f5f5f5;}
.home-sales .section.banner > a {position:relative;display:block;}
.home-sales .section.banner > a .desc {font-size:1.4rem;color:#202020;line-height:2.4rem;word-break:keep-all;}
.home-sales .section.banner > a .more {position:absolute;left: 0;bottom: -50px;color:#6f7781;padding-right:14px;display: inline-block;padding: 5px 27px 5px 10px;background: #eee;}
.home-sales .section.banner > a .more:after {font-family:"fontawesome";content:"\f101";display:inline-block;position:absolute;top: 1px;right: 6px;font-size:1.8rem;color:#ccc;font-weight:normal;}
.home-sales .section.banner > a:focus .more,
.home-sales .section.banner > a:hover .more {color:#fff; background:#f92465}
.home-sales .section.banner > a:focus .more:after,
.home-sales .section.banner > a:hover .more:after {color:#fff;}
.home-sales .section.banner > a:focus .desc,
.home-sales .section.banner > a:hover .desc {text-decoration:underline;}
.home-sales .section.banner li a {color:#333;margin-right:10px;margin-bottom:5px;display:inline-block;white-space:nowrap;width: 83%;overflow:hidden;text-overflow:ellipsis;}
.home-sales .section.banner li a + span {color:#888;position: absolute;text-align: right;width: 60px;}

.home-sales .section.t-info {background-color:#f5f5f5;height: 175px;}
.home-sales .section.t-info .desc {font-size: 1.4rem;margin-bottom: 15px;}
.home-sales .section.t-info .t-btn {/* padding:25px 40px 0 30px; */}
.home-sales .section.t-info .t-btn li {float:left;margin: 0 5px 10px 0;}
.home-sales .section.t-info .t-btn li button {font-size:14px;color:#40444a;padding: 3px 15px 5px;border:1px solid #6f7781;border-radius:13px;background-color: #fff;}
.home-sales .section.t-info .t-btn li button:focus,
.home-sales .section.t-info .t-btn li button:hover {background-color:#dcdcdc;}

.home-sales .section.board {height: 300px;margin-bottom: 30px;}
.home-sales .section.board ul {margin-top:25px;}
.home-sales .section.board ul li {position:relative;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin-top:10px;padding:0 80px 0 13px;}
.home-sales .section.board ul li:before {content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#b6b6b6;}
.home-sales .section.board ul li span {font-size:1.2rem;color:#909090;}
.home-sales .section.board ul li span.right {position:absolute; right:0; top:0;}
.home-sales .section.board.link ul li {padding:0 0 0 13px;text-overflow:clip;white-space:normal;word-wrap:normal;overflow:visible;}
.home-sales .section.board.link ul li a {display:block;font-size: 1.4rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding-right:80px;}
.home-sales .section.board ul li.highlight, 
.home-sales .section.board.link ul li.highlight a {color:#f92465;}
.home-sales .section.board ul li.highlight span {color:#909090;}

/* purchasing Home */
#wrapper.home-purchasing {overflow: hidden;height:auto;}
.home-purchasing .page-header {height: 50px;min-height:0;border-bottom: 1px solid #ddd;}
.home-purchasing .page-header h2 {font-size:24px;margin-left: 15px;}
.home-purchasing .page-header .util {float:right;margin-top:16px;}
.home-purchasing .page-header .util li {position:relative;float:left;padding:0 20px 0 21px;}
.home-purchasing .page-header .util li:before {content:"";position:absolute;left:0;top:1px;width:1px;height:16px;background-color:#d6d6d6;}
.home-purchasing .page-header .util li:first-child:before {content:none;padding-left:0;}
.home-purchasing .page-header .util li a {font-family:"LGSmHaR";font-size:1.3rem;color:#202020;}

.home-purchasing .page-content {padding:0; width: 1380px;margin: 0 auto; padding: 0 30px 30px;}

.home-purchasing .module-header {margin-bottom: 20px;}
.home-purchasing .module-header h2 {font-size:20px;color:#66676a;}

.home-purchasing .content-row:after {content:"";clear:both;display:block;}
.home-purchasing .content-row.div3 .section {float:left;width:33.333333%;}
.home-purchasing .content-row.div2 .section {float:left;width:50%;}
.home-purchasing .content-row .section {border: 1px solid #e5e5e5;border-right: 0px;padding: 30px 40px;}
.home-purchasing .content-row .section:last-child {border-right: 1px solid #e5e5e5;}

.home-purchasing .section.bg-blue {background-color:#f6fafd;}
.home-purchasing .section.banner {height: 175px;background-color: #f5f5f5;}
.home-purchasing .section.banner > a {position:relative;display:block;}
.home-purchasing .section.banner > a .desc {font-size:1.4rem;color:#202020;line-height:2.4rem;word-break:keep-all;}
.home-purchasing .section.banner > a .more {position:absolute;left: 0;bottom: -40px;color:#6f7781;padding-right:14px;}
.home-purchasing .section.banner > a .more:after {font-family:"fontawesome";content:"\f101";display:inline-block;position:absolute;top:-4px;right:0;font-size:1.8rem;color:#ccc;font-weight:normal;}
.home-purchasing .section.banner > a:focus .more,
.home-purchasing .section.banner > a:hover .more {color:#202020;}
.home-purchasing .section.banner > a:focus .more:after,
.home-purchasing .section.banner > a:hover .more:after {color:#f26e7e;}
.home-purchasing .section.banner > a:focus .desc,
.home-purchasing .section.banner > a:hover .desc {text-decoration:underline;}
.home-purchasing .section.banner li a {color:#333;margin-right:10px;margin-bottom:5px;display:inline-block;white-space:nowrap;width: 83%;overflow:hidden;text-overflow:ellipsis;}
.home-purchasing .section.banner li a + span {color:#888;position: absolute;text-align: right;width: 60px;}

.home-purchasing .section.t-info {background-color:#f5f5f5;height: 175px;}
.home-purchasing .section.t-info .desc {font-size: 1.4rem;margin-bottom: 15px;}
.home-purchasing .section.t-info .t-btn {/* padding:25px 40px 0 30px; */}
.home-purchasing .section.t-info .t-btn li {float:left;margin: 0 5px 10px 0;}
.home-purchasing .section.t-info .t-btn li button {font-size:14px;color:#40444a;padding: 3px 15px 5px;border:1px solid #6f7781;border-radius:13px;background-color: #fff;}
.home-purchasing .section.t-info .t-btn li button:focus,
.home-purchasing .section.t-info .t-btn li button:hover {background-color:#dcdcdc;}

.home-purchasing .section.board {height: 300px;margin-bottom: 30px;}
.home-purchasing .section.board ul {margin-top:25px;overflow-y: auto;height: 200px;padding-right: 10px;}
.home-purchasing .section.board ul li {position:relative;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin-top:10px;padding:0 80px 0 13px;}
.home-purchasing .section.board ul li:before {content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#b6b6b6;}
.home-purchasing .section.board ul li span {font-size:1.2rem;color:#909090;}
.home-purchasing .section.board ul li span.right {position:absolute; right:0; top:0;}
.home-purchasing .section.board.link ul li {padding:0 0 0 13px;text-overflow:clip;white-space:normal;word-wrap:normal;overflow:visible;}
.home-purchasing .section.board.link ul li a {display:block;font-size: 1.4rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding-right:80px;}
.home-purchasing .section.board ul li.highlight, 
.home-purchasing .section.board.link ul li.highlight a {color:#f92465;}
.home-purchasing .section.board ul li.highlight span {color:#909090;}
.home-purchasing *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.home-purchasing *::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.home-purchasing *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #cccccc;
}

/* HR Home */
.home-hr .page-content {padding:0; width: 1320px;margin: 0 auto; padding: 0 30px 30px;}
.home-hr .page-content {padding: 0;}
.home-hr .content-row + .content-row {padding-top: 50px;}
.home-hr .calendar-wrap {width: 66.66%;float: left;}
.home-hr .tabs-wrap {height:41px;}
.home-hr .tabs-wrap .module-header {float:left;}
.home-hr .module-header h2 {font-size:20px;color:#66676a;}
.home-hr .tabs-wrap {border-bottom: 1px solid #ddd;}
.home-hr .tabs-wrap .nav-tabs {float:right;border-bottom:0;}
.home-hr .tabs-wrap .nav>li>a {padding: 11px 24px 12px;}

.home-hr .page-header {height: 50px;min-height:0;border-bottom: 1px solid #ddd;}
.home-hr .page-header h2 {font-size:24px;margin-left: 15px;}
.home-hr .page-header .util {float:right;margin-top:16px;}
.home-hr .page-header .util li {position:relative;float:left;padding:0 20px 0 21px;}
.home-hr .page-header .util li:before {content:"";position:absolute;left:0;top:1px;width:1px;height:16px;background-color:#d6d6d6;}
.home-hr .page-header .util li:first-child:before {content:none;padding-left:0;}
.home-hr .page-header .util li a {font-family:"LGSmHaR";font-size:1.3rem;color:#202020;}

.home-hr .hr-calendar table {border-top:0;border-collapse:collapse;margin-right:-10px;}
.home-hr .hr-calendar table thead th {height:40px;font-size:1.2rem;color:#000;font-weight:bold;text-align:center;vertical-align:middle;border-top:1px solid #4d5762;border-right:1px solid #eee;border-bottom:1px solid #cdcdcd;border-left:1px solid #eee;background-color:#f8f8f8;}

.home-hr .hr-calendar table tbody td {font-size:1.2rem;color:#404040;text-align:left;vertical-align:top;line-height:1.4rem;padding:5px;border-right:1px solid #eee;border-bottom:1px solid #cdcdcd;border-left:1px solid #eee;background-color:#fff;}
.home-hr .hr-calendar table tbody td>div {min-height:60px;}
.home-hr .hr-calendar table tbody .cal-label {vertical-align:middle;border-bottom:1px solid #cdcdcd;text-align: center;}
.home-hr .hr-calendar table tbody .cal-label>div {display:inline-block;width: 100px;height:46px;font-size: 1.4rem;font-weight:bold;text-align:center;line-height:1.4rem;margin: 0 20px;/* padding-right:10px; */border: 2px solid #f92465;color: #f92465;border-radius:100px;}
.home-hr .hr-calendar table tbody .cal-label .lb1 {padding-top:14px;}
.home-hr .hr-calendar table tbody .cal-label .lb2 {padding-top:14px;}
.home-hr .hr-calendar table tbody .cal-label .lb3 {padding-top:7px;}
.home-hr .hr-calendar table tbody .cal-label .lb4 {padding-top:7px;}
.home-hr .hr-calendar table tbody td>div>ul>li {position:relative;margin-top:5px;padding-left:10px;}
.home-hr .hr-calendar table tbody td>div>ul>li:first-child {margin-top:0;}
.home-hr .hr-calendar table tbody td>div>ul>li:before {content:"";position:absolute;left:0;top:6px;width:3px;height:3px;background-color:#b6b6b6;}

.home-hr .section {padding: 30px 40px;}
.home-hr .section.mymenu {margin-bottom: 45px;}
.home-hr .section.board {height: 200px;margin-bottom: 18px;width:32.0%;float:right;position: relative;background-color:#f6fafd;border: 1px solid #ddd;}
.home-hr .section.board ul {margin-top:45px;/* position:relative; */}
.home-hr .section.board ul li {position:relative;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin-top:10px;padding:0 80px 0 13px;}
.home-hr .section.board ul li:before {content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#b6b6b6;}
.home-hr .section.board ul li.per {position: absolute;font-size: 35px;right: 30px;top: 5px;}
.home-hr .section.board ul li span {font-size:1.2rem;color:#909090;}
.home-hr .section.board ul li span.right {position:absolute; right:0; top:0;}
.home-hr .section.board.link ul li {padding:0 0 0 13px;text-overflow:clip;white-space:normal;word-wrap:normal;overflow:visible;}
.home-hr .section.board.link ul li a {display:block;font-size: 1.4rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding-right:80px;}
.home-hr .section.board ul li.highlight, 
.home-hr .section.board.link ul li.highlight a {color:#f92465;}
.home-hr .section.board ul li.highlight span {color:#909090;}

.home-hr .section.bg-blue {background-color:#f6fafd; }
.home-hr .section.banner {height: 175px;background-color: #f5f5f5;width:32.0%;float:right;border: 1px solid #ddd;}
.home-hr .section.banner > a {position:relative;display:block;}
.home-hr .section.banner > a .desc {font-size:1.4rem;color:#202020;line-height:2.4rem;word-break:keep-all;}
.home-hr .section.banner > a .more {position:absolute;left: 0;bottom: -40px;color:#6f7781;padding-right:14px;}
.home-hr .section.banner > a .more:after {font-family:"fontawesome";content:"\f101";display:inline-block;position:absolute;top:-4px;right:0;font-size:1.8rem;color:#ccc;font-weight:normal;}
.home-hr .section.banner > a:focus .more,
.home-hr .section.banner > a:hover .more {color:#202020;}
.home-hr .section.banner > a:focus .more:after,
.home-hr .section.banner > a:hover .more:after {color:#f26e7e;}
.home-hr .section.banner > a:focus .desc,
.home-hr .section.banner > a:hover .desc {text-decoration:underline;}
.home-hr .section.banner li a {color:#333;margin-right:10px;margin-bottom:5px;display:inline-block;white-space:nowrap;width: 83%;overflow:hidden;text-overflow:ellipsis;}
.home-hr .section.banner li a + span {color:#888;position: absolute;text-align: right;width: 60px;}

/*.home-hr2{min-width:1340px;}
.home-hr2 .page-content{width:100%;padding:0 40px;}
.home-hr2 .page-content .content-header{border-bottom:2px solid #f92465;}
.home-hr2 .page-content .content-row + .content-row{padding-top:30px;}
.home-hr2 .page-content .content-row .content-container{width:1260px;margin:0 auto;}
.home-hr2 .page-content .content-header .content-container{margin:20px auto;}

.home-hr2 .page-content .content-row .content-container .header-bnr{float:right;}
.home-hr2 .page-content .content-row .content-container .header-bnr li{float:left;margin-left:20px;}
.home-hr2 .page-content .content-row .content-container .header-bnr li:first-child{margin-left:0;}
.home-hr2 .page-content .content-row .content-container .header-bnr li a{display:block;width:190px;height:80px;padding-top:30px;background-color:#f9f9f9;background-repeat:no-repeat;border:1px solid #ddd;color:#222;font-size:16px;line-height:18px;}
.home-hr2 .page-content .content-row .content-container .header-bnr li a:hover{background-color:#d93769;border-color:#d93769;color:#fff;}
.home-hr2 .page-content .content-row .content-container .header-bnr .item1 a{padding-left:100px;background-image:url("../images/icon/paper_man.png");background-position:30px center;}
.home-hr2 .page-content .content-row .content-container .header-bnr .item2 a{padding-left:87px;background-image:url("../images/icon/paper_pencil.png");background-position:22px center;}
.home-hr2 .page-content .content-row .content-container .header-bnr .item1 a:hover{background-image:url("../images/icon/paper_man_hover.png");}
.home-hr2 .page-content .content-row .content-container .header-bnr .item2 a:hover{background-image:url("../images/icon/paper_pencil_hover.png");}

.home-hr2 .page-content .content-row .content-container .main-nav > ul > li{float:left;width:400px;height:220px;margin-bottom:30px;margin-left:30px;background-color:#f8f8f8;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li:nth-child(3n+1){margin-left:0;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > strong{float:left;width:170px;height:220px;padding-top:121px;color:#222;font-size:16px;line-height:18px;text-align:center;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon1{background:url("../images/icon/hr_main_01.png") no-repeat center 41px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon2{background:url("../images/icon/hr_main_02.png") no-repeat center 41px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon3{background:url("../images/icon/hr_main_03.png") no-repeat center 42px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon4{background:url("../images/icon/hr_main_04.png") no-repeat center 41px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon5{background:url("../images/icon/hr_main_05.png") no-repeat center 41px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon6{background:url("../images/icon/hr_main_06.png") no-repeat center 41px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > ul{float:left;width:230px;height:220px;padding-top:34px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > ul > li{padding-left:14px;background:url("../images/icon/bu_circle.png") no-repeat 0 center;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > ul > li > a{color:#555;font-size:16px;line-height:30px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > ul > li > a:hover{color:#f92465;}*/


.dz-preview .dz-remove:hover,
.dz-preview .dz-remove:active,
.dz-preview .dz-remove:focus {
    text-decoration: none;
}

.dz-preview .dz-remove:before {
    content: "x";
    opacity: 1;
    font-size: 2rem;
    display: inline-block;
    width: 15px;
    height: 14px;
    line-height: 10px;
    color: #747474;
    top: 0;
    left: 0;
}

.dz-preview.dz-error {
    border: 1px solid #f92465;
    background-color: #fff;
}

.dropzone .dz-preview.dz-complete.dz-error:hover .dz-error-message,
.dropzone-wrapper .dz-preview.dz-complete.dz-error:hover .dz-error-message {
    display: inline-block;
    position: absolute;
    width: auto;
    top: 25px;
    left: -1px;
    padding: 6px 8px;
    border-radius: 4px;
    background-color: #3e4d5a;
    z-index: 10;
}

.dropzone .dz-preview.dz-complete.dz-error .dz-error-message:before,
.dropzone-wrapper .dz-preview.dz-complete.dz-error .dz-error-message:before {
    content: "\f0d8";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    color: #3e4d5a;
    font-size: 1.8rem;
    top: -10px;
    left: 30px;
}

.dropzone .dz-preview.dz-complete .dz-error-message span,
.dropzone-wrapper .dz-preview.dz-complete .dz-error-message span {
    color: #fefefe;
    font-family: "Malgun gothic";
    font-size: 1.2rem;
    text-align: left;
}

.dropzone .dz-preview .dz-progress,
.dropzone-wrapper .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 2px;
    left: 0;
    top: 15px;
    margin-top: 0;
    width: 100%;
    -webkit-transform: scale(1);
    overflow: hidden;
}

.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-wrapper .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress,
.dropzone-wrapper .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    -moz-transition: opacity 0.4s ease-in;
    -ms-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-wrapper .dz-preview .dz-progress .dz-upload {
    background: #337ab7;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    -moz-transition: width 300ms ease-in-out;
    -ms-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}


/* date picker */

.datepicker {
    position: relative;
}

.datepicker:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 8px;
    width: 12px;
    height: 12px;
    background: url("../images/icon/calendar.png") no-repeat;
    z-index: 4;
}

.datepicker:before {
    display: none;
}

.datepicker i {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 8px;
    width: 12px;
    height: 12px;
    background: url("../images/icon/calendar.png") no-repeat;
    z-index: 4;
    cursor: pointer;
}

.page-search .datepicker i {
    top: 9px;
}

.datepicker input[type="text"].form-control {
    float: left;
    width: 175px;
    padding: 2px 8px 2px 28px;
}

.datepicker.datepicker-single input[type="text"].form-control {
    width: 100px;
}

.daterangepicker {
    padding: 0;
    margin-top: -1px;
    border-radius: 0;
    box-shadow: none;
    border-color: #a8a8a8;
}

.daterangepicker.single.show-calendar {
    min-width: 230px;
}

.daterangepicker.show-calendar {
    min-width: 462px;
}

.daterangepicker:before,
.daterangepicker:after {
    display: none;
}

.daterangepicker select.monthselect {
    margin-left: 2%;
    margin-right: 0;
    width: 30%;
}

.daterangepicker .calendar-table {
    padding: 0;
    border: none;
}

.daterangepicker.ltr .left .daterangepicker_input,
.daterangepicker.ltr .right .daterangepicker_input {
    padding: 0;
}

.daterangepicker.ltr .calendar.left .calendar-table,
.daterangepicker.ltr .calendar.right .calendar-table {
    padding: 0;
}

.daterangepicker .calendar {
    margin: 0;
    max-width: 230px;
}

.daterangepicker.single .calendar {
    margin-bottom: 0;
}

.daterangepicker.ltr .calendar.left {
    padding: 10px 10px 10px 10px;
}

.daterangepicker.ltr .calendar.right {
    padding: 10px 10px 10px 10px;
}

.daterangepicker table {
    border-collapse: separate;
    border-top: none;
}

.daterangepicker .input-mini.form-control {
    width: 100%;
    line-height: 22px;
    padding: 2px 8px;
}

.daterangepicker .input-mini.form-control:focus {
    border-color: #202020;
}

.daterangepicker .input-mini.active {
    border-color: #202020;
    border-radius: 0;
}

.daterangepicker .calendar tr:first-child th:hover {
    background: none;
}

.daterangepicker .fa-chevron-left,
.daterangepicker .fa-chevron-right {
    width: 17px;
    height: 17px;
    line-height: 15px;
    padding-left: 1px;
}

.daterangepicker .fa-chevron-left:before {
    content: "\f0d9";
    color: #202020;
    font-size: 1.3rem;
}

.daterangepicker .fa-chevron-right:before {
    content: "\f0da";
    color: #202020;
    font-size: 1.3rem;
}

.daterangepicker .fa-chevron-left:hover,
.daterangepicker .fa-chevron-right:hover {
    border: 1px solid #eaeaea;
    border-radius: 2px;
}

.daterangepicker .fa-chevron-left:hover:before,
.daterangepicker .fa-chevron-right:hover:before {
    color: #ff0066;
}

.daterangepicker .calendar tr:first-child th {
    padding: 5px 0 8px;
}

.daterangepicker .calendar th.month {
    font-size: 1.6rem;
    color: #000000;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    min-width: 30px;
    padding: 2px 5px;
    font-size: 1.2rem;
    color: #202020;
}

.daterangepicker .calendar th {
    color: #747474;
}

.daterangepicker .calendar td.off {
    color: #cccccc;
}

.daterangepicker .calendar td.weekend:first-child,
.daterangepicker .calendar td.holiday {
    color: #f92465;
}

.daterangepicker .calendar td.off.weekend:first-child {
    color: #f9aac2;
}

.daterangepicker .calendar td.today {
    color: #36b3af;
    font-weight: bold;
}

.daterangepicker td.in-range {
    background-color: #ebf6f6;
}

.daterangepicker td.available:hover {
    background-color: #fff;
    border-color: #b4b4b4;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    border-color: #36b3af;
    background-color: #36b3af;
    color: #fff !important;
    box-shadow: none;
}

.daterangepicker td.active.today {
    font-weight: normal;
}

.daterangepicker .daterangepicker_input i {
    display: none;
}


/*.daterangepicker.ltr .ranges { float: none; clear: both; border-top: 1px solid #eaeaea; padding: 10px 0 0; margin: 0; }
.daterangepicker.ltr .ranges:after { content: ""; display: block; clear: both; }
.daterangepicker.ltr .range_inputs { float: right; }*/

.daterangepicker .applyBtn {
    border-color: #202020;
    background: #293846;
    color: #fff;
}

.daterangepicker .applyBtn:hover,
.daterangepicker .applyBtn:focus {
    background: #000;
}

.daterangepicker .applyBtn+.cancelBtn {
    margin-left: 4px;
}

.datepicker .date-select {
    display: inline-block;
    position: relative;
    float: left;
    width: 100px;
    height: 26px;
    line-height: 22px;
    padding: 0 10px;
    margin-left: 8px;
    border: 1px solid #a8a8a8;
    cursor: pointer;
}

.datepicker .date-select i {
    position: absolute;
    right: 12px;
    top: 6px;
    color: #767676;
}

.daterangepicker .ranges li[data-range-key="Custom Range"] {
    display: none;
}

.daterangepicker .ranges {
    border: none;
    padding: 0;
    margin: 0;
}

.daterangepicker.ltr .ranges {
    float: right;
    clear: both;
}

.daterangepicker .range_inputs {
    display: none;
}

.daterangepicker.show-calendar .range_inputs {
    display: block;
}

.daterangepicker.ltr .range_inputs {
    padding: 10px;
    float: right;
}

.daterangepicker .ranges ul {
    width: 218px;
    padding: 5px;
}

.daterangepicker .ranges li {
    display: inline-block;
    width: 94px;
    height: 29px;
    line-height: 24px;
    padding: 0;
    margin: 5px;
    border-color: #36b3af;
    border-radius: 1px;
    background: #ebf6f6;
    font-size: 1.2rem;
    color: #202020;
    text-align: center;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #36b3af;
    color: #fff;
}

td.txt-center .datepicker {
    display: inline-flex;
}


/* time picker */

.timepicker {
    position: relative;
    display: inline-block;
    float: left;
}

.timepicker+.timepicker-range {
    float: left;
    display: inline-block;
    width: 22px;
    height: 26px;
    line-height: 24px;
    text-align: center;
}

.timepicker input[type="text"].form-control {
    width: 90px;
    min-width: 90px;
    padding-left: 28px;
}

.timepicker>span {
    display: inline-block;
    width: 90px;
    height: 26px;
    position: absolute;
    top: 0;
    left: 0;
}

.timepicker.bootstrap-timepicker .input-group-addon {
    padding: 5px 8px;
    background: none;
    border: none;
    border-radius: 0;
    z-index: 10;
    text-align: left;
}

.bootstrap-timepicker-widget {
    min-width: 140px;
    border-color: #a8a8a8;
    border-radius: 0;
    box-shadow: none;
}

.bootstrap-timepicker-widget.timepicker-orient-top {
    margin-top: -1px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom {
    margin-top: 5px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before,
.bootstrap-timepicker-widget.timepicker-orient-top:after,
.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    display: none;
}

.bootstrap-timepicker-widget table {
    border-top: none;
}

.bootstrap-timepicker-widget table td {
    height: 30px;
    padding: 0;
}

.bootstrap-timepicker-widget table td {
    font-size: 1.2rem;
}

.bootstrap-timepicker-widget table td a {
    padding: 4px 0;
}


/* info page layout */

.content-info {
    padding-left: 10px;
}

.content-inline:after {
    content: "";
    display: block;
    clear: both;
}

.content-inline>div+div {
    margin-left: 35px;
}

.content-info p {
    line-height: 20px;
}

.content-info em {
    color: #337ab7;
}

.content-info h4+p {
    margin-top: 4px;
}

.content-info *+img {
    margin-top: 20px;
}

.content-info img+div {
    margin-top: 30px;
}

.content-info+h4 {
    margin-top: 40px;
}

.content-list>li {
    position: relative;
    padding-left: 14px;
    margin: 0;
}

.content-list>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 8px;
    left: 5px;
    border-radius: 50%;
    background-color: #bcbcbc;
}

p+.content-list {
    margin-top: 5px;
}

.content-list p:after {
    content: "";
    display: block;
    clear: both;
}

.content-list p>span {
    display: inline-block;
    float: left;
    height: 20px;
    line-height: 20px;
}

.content-list p>span+.btn-icon {
    float: left;
    height: 20px;
    line-height: 22px;
}


/* article (policy, clause etc..) */

.terms-box {
    padding: 10px;
    overflow: auto;
    border: 1px solid #aaa;
}

.terms-box::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.terms-box::-webkit-scrollbar-track {
    background: none;
}

.terms-box::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #cccccc;
}

*+.terms-box {
    margin-top: 20px;
}

.module-header+.terms-box {
    margin-top: 0;
}

.terms-title {
    line-height: 20px;
    margin: 0;
    font-weight: bold;
    font-size: 1.3rem;
}

*+.terms-title {
    margin-top: 25px;
}

*+.article {
    margin-top: 14px;
}

.article-title {
    margin: 0;
}

*+.article-text,
*+.article-list {
    margin-top: 8px;
}

.terms-box *+.border-dashed {
    margin-top: 8px;
}

.terms-wrap {
    width: 700px;
    margin: 0 auto;
}

.terms-wrap .tm-tit {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.terms-wrap .tm-txt {
    font-size: 12px;
    line-height: 18px;
    margin-top: 15px;
}

.terms-wrap .tm-list {}

.terms-wrap .tm-list ul {
    margin-left: 15px;
}

.terms-wrap .tm-list ul.t2 {
    margin-left: 0;
}

.terms-wrap .tm-list ul.t2 li {
    font-size: 12px;
    line-height: 18px;
    margin-top: 20px;
}

.terms-wrap .tm-list p {
    margin: 5px 0 0 15px;
    font-size: 12px;
    line-height: 18px;
}

.terms-wrap .tm-list h2 {
    font-size: 12px;
    font-weight: bold;
    margin: 15px 0 5px;
}

.terms-wrap .tm-list h2 .txt-normal {
    font-weight: normal;
}

.terms-wrap .tm-list ul li {
    margin-top: 5px;
}

.terms-wrap .tm-chkbox {
    text-align: center;
}

.terms-wrap .tm-chkbox label {
    float: none;
    margin: 10px 0 0;
}

.terms-wrap .tm-date {
    margin-top: 10px;
}

.terms-wrap .tm-date span {
    margin: 0 5px 0 10px;
}

.terms-wrap .table-no-border {
    border: 0;
    margin-top: 15px;
}

.terms-wrap .table-no-border th,
.terms-wrap .table-no-border td {
    height: 34px;
    font-size: 12px;
    color: #333;
    line-height: 1.4rem;
    vertical-align: middle;
    border: 0;
    padding: 0 0 0 20px;
}

.terms-wrap .table-no-border th {
    padding: 0;
    background: none;
}

.terms-wrap .tm-co {
    margin-top: 15px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.terms-wrap .ceo {
    position: relative;
}

.terms-wrap .ceo .stamp {
    position: absolute;
    left: 55px;
    top: -18px;
}


/* Other pages
---------------------------------------------------------*/


/* login */

#login-page {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    width: 382px;
    height: 508px;
    padding: 0;
    margin-top: -254px;
    margin-left: -191px;
}

.logo-main {
    padding-top: 30px;
    text-align: center;
    margin-bottom: 72px;
}

.login-input .form-group {
    margin-bottom: 0;
}

.login-input .form-group+.form-group {
    margin-top: 10px;
}

.login-input input.form-control {
    width: 100%;
    height: 53px;
    padding: 4px 12px;
    font-size: 1.3rem;
}

.login-form button {
    width: 100%;
    height: 60px;
    margin-top: 50px;
    border-color: #293846;
    font-size: 1.8rem;
    font-weight: 600;
}

.login-option {
    margin-top: 30px;
    margin-bottom: 38px;
}

.login-option .input-checkbox label {
    font-size: 1.3rem;
    color: #3e4d5a;
}

.login-option a {
    display: inline-block;
    float: left;
    font-size: 1.3rem;
    color: #3e4d5a;
}

.login-option a+a {
    position: relative;
    margin-left: 10px;
    padding-left: 10px;
}

.login-option a+a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 1px;
    height: 16px;
    background-color: #aaaaaa;
}

#login-page .contact {
    padding-top: 2px;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid #eaeaea;
}

#login-page .contact:after {
    content: "";
    display: inline-block;
    clear: both;
}

#login-page .contact img {
    margin-top: 7px;
}

#login-page .contact p {
    font-size: 1.3rem;
    color: #3e4d5a;
}

#login-page .contact b {
    margin-right: 5px;
}

#login-page .contact em {
    color: #f92465;
}

#modal-resetPassword .modal-dialog {
    width: 382px;
    height: 480px;
}

#modal-resetPassword .modal-header .close {
    top: 8px;
    right: 10px;
}

#modal-resetPassword .modal-header .close span {
    top: 5px;
}

#modal-resetPassword .modal-body {
    padding: 35px 40px;
}

#modal-resetPassword li h2 {
    margin-bottom: 20px;
    line-height: 16px;
    text-align: left;
    font-size: 1.2rem;
}

#modal-resetPassword li h2 em {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
    color: #fff;
}

#modal-resetPassword li input[type=text] {
    height: 31px;
    padding: 4px 8px 6px;
}

#modal-resetPassword li .btn-inline {
    height: 31px;
}

#modal-resetPassword li:first-child {
    margin-bottom: 22px;
    border-bottom: 1px solid #aaaaaa;
}

#modal-resetPassword li:first-child h2 em {
    background-color: #f92465;
}

#modal-resetPassword li:first-child .input-group {
    margin-top: 8px;
    margin-bottom: 25px;
}

#modal-resetPassword li:first-child .btn {
    width: 55px;
    border-color: #202020;
    background-color: #293846;
    color: #fff;
}

#modal-resetPassword li:first-child .btn:hover,
#modal-resetPassword li:first-child .btn:focus {
    background-color: #202020;
}

#modal-resetPassword li+li h2 em {
    background-color: #8394a6;
}

#modal-resetPassword li+li dl {
    margin-top: -10px;
    margin-bottom: 0;
}

#modal-resetPassword li+li dl:after {
    content: "";
    display: inline-block;
    clear: both;
}

#modal-resetPassword li+li dt,
#modal-resetPassword li+li dd {
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
}

#modal-resetPassword li+li dd {
    margin-left: 12px;
}

#modal-resetPassword li+li .input-radio label {
    cursor: pointer;
}

#modal-resetPassword li+li .input-group {
    margin-top: 8px;
}

#modal-resetPassword li+li .timeCount {
    width: 52px;
    height: 31px;
    line-height: 30px;
    font-size: 1.2rem;
    color: #202020;
}

#modal-resetPassword .modal-footer {
    padding: 0 40px 35px;
}

#modal-resetPassword .modal-footer .btn-group {
    width: 100%;
}

#modal-resetPassword .modal-footer .btn {
    width: 100%;
    height: 60px;
    padding: 0;
    margin-top: 28px;
    font-size: 1.8rem;
    font-weight: 600;
}


/* authorize */

.auth-form {
    height: 346px;
    padding: 15px 0;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}

.auth-input table {
    border-top: none;
    margin-bottom: 20px;
}

.auth-input th {
    padding-left: 12px;
    font-size: 1.3rem;
    color: #0d3b66;
}

.auth-input td {
    height: 38px;
    font-size: 1.3rem;
    color: #202020;
}

.auth-input .input-radio {
    float: left;
    display: inline-block;
}

.auth-input .input-radio label {
    line-height: 36px;
    cursor: pointer;
}

.auth-input .input-radio label input[type="radio"].form-control {
    position: relative;
    top: 6px;
    margin-right: 4px;
    cursor: pointer;
}

.auth-input .btn-inline {
    float: left;
    height: 28px;
    margin-left: 20px;
    margin-top: 4px;
    border-color: #eb225f;
    background-color: #f92465;
    color: #fff;
}

.auth-input .btn-inline:hover {
    background-color: #eb225f
}

.auth-input input[type=text].form-control {
    width: 100%;
    height: 53px;
    padding: 4px 12px;
    font-size: 1.3rem;
}

.auth-input .form-group {
    margin-bottom: 0;
}

.auth-form .btn-primary {
    width: 100%;
    height: 60px;
    margin-top: 10px;
    border-color: #293846;
    font-size: 1.8rem;
    font-weight: 600;
}

.auth-option {
    margin-top: 30px;
}

.auth-option .input-checkbox label {
    font-size: 1.3rem;
    color: #3e4d5a;
}

.auth-option .info {
    margin-left: 4px;
}

.auth-option .fa {
    font-size: 1.5rem;
}


/* Partnerplus */

.partnerPlus .page-content {
    padding: 20px 30px;
}

.module-header.styled-h3 {
    position: relative;
    padding-top: 15px;
    border-bottom: 2px solid #8f8f8f;
}

.module-header.styled-h3:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 65px;
    height: 2px;
    background-color: #d94472;
}

.module-header.styled-h3:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 726px;
    height: 2px;
    background-color: #cbcbcb;
}

.module-header.styled-h3 h3 {
    height: 36px;
    line-height: 26px;
    padding: 5px 0;
    font-family: "LGSmHaSB";
    font-size: 2.4rem;
    color: #1b252e;
}

.module-header.styled-h3 h3:before {
    display: none;
}

.module-header.styled-h4 h4 {
    font-family: "LGSmHaSB";
    font-size: 1.6rem;
    color: #1b252e;
}

.module-header.styled-h4 h4 em {
    color: #f92465;
}

.module-header+.jointype-list {
    margin-top: 10px;
}

.jointype-list {
    text-align: center;
    padding:0;
}

.jointype-list:after {
    content: "";
    display: block;
    clear: both;
}

.jointype-list>li {
    display: inline-block;
    width: 25%;
    padding: 0 4px;
    margin-left: -4px;
}

.jointype-list>li>a {
    display: block;
    border: 1px solid #cbcbcb;
}

.jointype-list>li>a:hover {
    border-color: #797979;
}

.jointype-info {
    height: 216px;
    text-align: center;
}

.jointype-image {
    height: 125px;
    line-height: 125px;
}

.jointype-type {
    padding: 0 25px;
    font-family: "LGSmHaSB";
    font-size: 1.8rem;
    color: #1b252e;
}

.jointype-desc {
    padding: 0 25px;
    font-family: "LGSmHaSB";
    font-size: 1.3rem;
    color: #78797d;
    margin-top: 5px;
}

.jointype-button {
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-family: "LGSmHaSB";
    font-size: 1.4rem;
    color: #414246;
    border-top: 1px solid #cbcbcb;
    background-color: #f7f9fa;
}

.jointype-button i {
    margin-left: 10px;
    font-size: 1.6rem;
}


/* Calendar */

.calendar-wrap .calendar-header {
    position: relative;
    width: 100%;
    height: 55px;
}

.calendar-wrap .calendar-header .cld-head {
    text-align: center;
}

.calendar-wrap .calendar-header .cld-head .cld-month {
    font-size: 2rem;
    font-weight: 700;
}

.calendar-wrap .calendar-header .cld-head .cld-location {
    font-size: 1.3rem;
    font-weight: 700;
    margin-top: 3px;
}

.calendar-wrap .calendar-header .cld-btn .prev {
    position: absolute;
    left: 0;
    top: 0;
}

.calendar-wrap .calendar-header .cld-btn .next {
    position: absolute;
    right: 0;
    top: 0;
}

.calendar-wrap .calendar-header.fixed {
    height: 38px;
}

.calendar-wrap .calendar-header.fixed .cld-head {
    position: relative;
    float: left;
    width: 250px;
    text-align: center;
}

.calendar-wrap .calendar-header.fixed .cld-head .cld-month {
    font-size: 1.8rem;
}

.calendar-wrap .calendar-header.fixed .cld-head .info-text {
    position: absolute;
    left: 255px;
    top: 5px;
    width: 100%;
}

.calendar-wrap .calendar-header .cld-util {
    float: right;
    margin-top: 12px;
}

.calendar-wrap .calendar-header .cld-util li {
    position: relative;
    float: left;
    margin-left: 20px;
    padding-left: 10px;
}

.calendar-wrap .calendar-header .cld-util li:first-child {
    margin-left: 0;
}

.calendar-wrap .calendar-header .cld-util li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
}

.calendar-wrap .calendar-header .cld-util li.txt-red:before {
    background-color: #f01313;
}

.calendar-wrap .calendar-header .cld-util li.txt-blue:before {
    background-color: #1456CF;
}

.calendar-wrap .calendar-body .calendar {
    border-top: 2px solid #4d5762;
}

.calendar-wrap .calendar-body .calendar th,
.calendar-wrap .calendar-body .calendar td {
    width: 14.285714%;
    font-size: 1.2rem;
    text-align: center;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
}

.calendar-wrap .calendar-body .calendar th {
    height: 32px;
    color: #000;
    font-weight: bold;
    vertical-align: middle;
    background: #f8f8f8;
}

.calendar-wrap .calendar-body .calendar td {
    color: #202020;
    font-weight: bold;
    vertical-align: top;
    padding: 3px 5px;
    background: #fefbf1;
}

.calendar-wrap .calendar-body .calendar td.off {
    font-weight: normal;
    background: #fff;
}

.calendar-wrap .calendar-body .calendar th:first-child,
.calendar-wrap .calendar-body .calendar td:first-child {
    border-left: 1px solid #cdcdcd;
}

.calendar-wrap .calendar-body .calendar th:last-child,
.calendar-wrap .calendar-body .calendar td:last-child .cld-day {
    color: #337ab7;
}

.calendar-wrap .calendar-body .calendar th:first-child,
.calendar-wrap .calendar-body .calendar td:first-child .cld-day,
.calendar-wrap .calendar-body .calendar td.hday .cld-date-head * {
    color: #f92465;
}

.calendar-wrap .calendar-body .calendar .cld-date {
    position: relative;
    height: 70px;
}

.calendar-wrap .calendar-body.custom .calendar .cld-date {
    height: auto;
    min-height: 85px;
}

.calendar-wrap .calendar-body .calendar .cld-date .cld-date-head {
    text-align: right;
    margin-bottom: 10px;
}

.calendar-wrap .calendar-body.custom .calendar .cld-date .cld-date-head {
    margin-bottom: 0;
}

.calendar-wrap .calendar-body .calendar .cld-date .cld-date-head .cld-htxt {
    font-size: 1.2rem;
    margin-right: 5px;
}

.calendar-wrap .calendar-body .calendar .cld-date .cld-info .txt-blue,
.calendar-wrap .calendar-body .calendar .cld-date .cld-info .txt-red {
    font-weight: normal;
}

.calendar-wrap .calendar-body .calendar .cld-date .cld-info .cld-more {
    font-weight: normal;
    color: #333;
    
}

.calendar-wrap .calendar-body.custom .calendar .hday-btn {
    display: none;
    margin-top: 5px;
}

.calendar-wrap .calendar-body.custom .calendar tbody td:hover .hday-btn {
    display: block;
}


/* process map (activity list) */

.processmap {}

.processmap>ol {}

.processmap>ol>li {}

.processmap>ol>li.active {}

.processmap>ol>li.current {}

.processmap-header {}

.processmap-header h5 {}

.processmap-toggle {}

.processmap-body {}

.processmap-body h6 {}

.processmap-wrapper {}

.processmap-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

.processmap-start {
    display: inline-block;
    float: left;
    height: 114px;
    margin-right: 20px;
}

.processmap-start span {
    position: relative;
    top: 50%;
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 4px solid #111;
    border-radius: 50%;
    background-color: #fff;
    text-indent: -9999px;
}

.processmap-start span:after {
    content: "";
    display: inline-block;
    width: 20px;
    position: absolute;
    top: calc(50% - 1px);
    right: -23px;
    border-top: 1px solid #111;
}

.processmap-wrapper>ol {
    display: inline-block;
    float: left;
}

.processmap-level {
    display: inline-block;
    float: left;
    width: 160px;
    margin-left: -1px;
}

.process {
    position: relative;
    display: block;
    padding: 20px;
    margin-top: -1px;
}

.process-main {
    position: relative;
    height: 74px;
}

.process.main-box .process-main {
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.process.main-box.status01 .process-main {
    background-color: #fff;
    border-color: #ddd9c3;
}

.process.main-box.status02 .process-main {
    background-color: #ddd9c3;
    border-color: #ddd9c3;
}

.process.main-box.status03 .process-main {
    background-color: #72b247;
    border-color: #72b247;
    color: #fff;
}

.process.main-box.status04 .process-main {
    background-color: #4c77aa;
    border-color: #4c77aa;
    color: #fff;
}

.process.main-box.status05 .process-main {
    background-color: #eaaa02;
    border-color: #Eaaa02;
    color: #fff;
}

.process.main-box.status06 .process-main {
    background-color: #c10526;
    border-color: #c10526;
    color: #fff;
}

.process h7,
.process p {
    display: none;
}

.process.main-box h7 {
    display: block;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
}

.process.main-box p {
    display: flex;
    position: relative;
    height: 46px;
    line-height: 17px;
    padding: 0 6px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.process.main-box p.info {
    margin-left: 0;
}

.process-subinfo,
.process-tooltip,
.process-tooltip:before {
    display: none;
}

.subinfo .process-subinfo {
    display: inline-block;
    position: absolute;
    bottom: 52px;
    left: 35px;
    min-width: 90px;
    padding: 1px 3px 2px;
    line-height: 14px;
    background-color: #fff;
    z-index: 10;
    text-align: left;
    color: #4c77aa;
    border: 1px solid #4c77aa;
    font-weight: normal;
    font-size: 1.1rem;
}

.subinfo .process-subinfo:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -6px;
    left: -1px;
    border-top: 5px solid #4c77aa;
    border-right: 5px solid transparent;
}

.process-main:hover .process-tooltip {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 125px;
    min-width: 120px;
    padding: 4px 8px 5px;
    line-height: 16px;
    background-color: #fff;
    z-index: 10;
    text-align: left;
    color: #777;
    border: 1px solid #777;
    font-weight: normal;
}

.process-main:hover .process-tooltip:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 7px;
    left: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #777;
}

.process div:before,
.process div:after,
.process div div:before,
.process div div:after {
    display: inline-block;
    position: absolute;
}

.process.border-tl .process-lt:after {
    content: "";
    top: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #111;
}

.process.border-tr .process-rt:before {
    content: "";
    top: 0;
    right: 0;
    width: 50%;
    height: 1px;
    background-color: #111;
}

.process.border-rt .process-rt:after {
    content: "";
    top: 0;
    right: 0;
    width: 1px;
    height: 50%;
    background-color: #111;
}

.process.border-rb .process-rb:before {
    content: "";
    bottom: 0;
    right: 0;
    width: 1px;
    height: 50%;
    background-color: #111;
}

.process.border-br .process-rb:after {
    content: "";
    bottom: 0;
    right: 0;
    width: 50%;
    height: 1px;
    background-color: #111;
}

.process.border-bl .process-lb:before {
    content: "";
    bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
    background-color: #111;
}

.process.border-lb .process-lb:after {
    content: "";
    bottom: 0;
    left: 0;
    width: 1px;
    height: 50%;
    background-color: #111;
}

.process.border-lt .process-lt:before {
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 50%;
    background-color: #111;
}

.process.main-lt .process-lt div:before,
.process.main-tr .process-lt div:before,
.process.main-tb .process-lt div:before {
    content: "";
    top: 20px;
    left: 50%;
    width: 1px;
    height: calc(50% - 20px);
    background-color: #111;
}

.process.main-lr .process-rt div:before,
.process.main-br .process-rt div:before,
.process.main-tr .process-rt div:before {
    content: "";
    top: 50%;
    right: 20px;
    width: calc(50% - 20px);
    height: 1px;
    background-color: #111;
}

.process.main-lb .process-rb div:before,
.process.main-tb .process-rb div:before,
.process.main-br .process-rb div:before {
    content: "";
    bottom: 20px;
    left: 50%;
    width: 1px;
    height: calc(50% - 20px);
    background-color: #111;
}

.process.main-lt .process-lb div:before,
.process.main-lr .process-lb div:before,
.process.main-lb .process-lb div:before {
    content: "";
    top: 50%;
    left: 20px;
    width: calc(50% - 20px);
    height: 1px;
    background-color: #111;
}

.process.line-arrow-top .process-lt div:after {
    content: "";
    width: 20px;
    height: 20px;
    top: 0px;
    left: calc(50% - 10px);
    background: url(../images/img/arrow_downside.png) no-repeat;
}

.process.line-arrow-right .process-rt div:after {
    content: "";
    width: 20px;
    height: 20px;
    top: calc(50% - 9px);
    right: 0px;
    background: url(../images/img/arrow_leftside.png) no-repeat;
}

.process.line-arrow-bottom .process-rb div:after {
    content: "";
    width: 20px;
    height: 20px;
    bottom: 0px;
    left: calc(50% - 10px);
    background: url(../images/img/arrow_upside.png) no-repeat;
}

.process.line-arrow-left .process-lb div:after {
    content: "";
    width: 20px;
    height: 20px;
    top: calc(50% - 9px);
    left: 0px;
    background: url(../images/img/arrow_rightside.png) no-repeat;
}

.process.line-default-top .process-lt div:after {
    content: "";
    top: 0px;
    left: calc(50% - 0px);
    width: 1px;
    height: 20px;
    background-color: #111;
}

.process.line-default-right .process-rt div:after {
    content: "";
    top: calc(50% - 0px);
    right: 0px;
    width: 20px;
    height: 1px;
    background-color: #111;
}

.process.line-default-bottom .process-rb div:after {
    content: "";
    bottom: 0px;
    left: calc(50% - 0px);
    width: 1px;
    height: 20px;
    background-color: #111;
}

.process.line-default-left .process-lb div:after {
    content: "";
    top: calc(50% - 0px);
    left: 0px;
    width: 20px;
    height: 1px;
    background-color: #111;
}

.process.line-disabled-top .process-lt div:after {
    content: "";
    top: 0px;
    left: calc(50% - 0px);
    width: 1px;
    height: 20px;
    background-color: #aaa;
}

.process.line-disabled-right .process-rt div:after {
    content: "";
    top: calc(50% - 0px);
    right: 0px;
    width: 20px;
    height: 1px;
    background-color: #aaa;
}

.process.line-disabled-bottom .process-rb div:after {
    content: "";
    bottom: 0px;
    left: calc(50% - 0px);
    width: 1px;
    height: 20px;
    background-color: #aaa;
}

.process.line-disabled-left .process-lb div:after {
    content: "";
    top: calc(50% - 0px);
    left: 0px;
    width: 20px;
    height: 1px;
    background-color: #aaa;
}


/* Icon Button */

i.signal {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    border-radius: 50%;
    vertical-align: -2px;
}

i.signal.default {
    border: 1px solid #666;
    background-color: #fff;
}

i.signal.red {
    border: 1px solid #bb0000;
    background-color: #ff3333;
}

i.signal.green {
    border: 1px solid #007700;
    background-color: #00b050;
}

i.signal.white {
    border: 1px solid #ccc;
    background-color: #eee;
}

i.signal.yellow {
    border: 1px solid #ffaa28;
    background-color: #ffc000;
}

i.signal.default.t2 {
    border: 1px solid #666;
    background-color: #fff;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.red.t2 {
    border: 1px solid #bb0000;
    background-color: #ff3333;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.green.t2 {
    border: 1px solid #007700;
    background-color: #00b050;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.white.t2 {
    border: 1px solid #ccc;
    background-color: #eee;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.yellow.t2 {
    border: 1px solid #ffaf00;
    background-color: #ffc000;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.default.t3 {
    border: 1px solid #666;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.red.t3 {
    border: 1px solid #bb0000;
    background-color: #ff3333;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.green.t3 {
    border: 1px solid #007700;
    background-color: #00b050;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.white.t3 {
    border: 1px solid #ccc;
    background-color: #eee;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

i.signal.yellow.t3 {
    border: 1px solid #ffaf00;
    background-color: #ffc000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.btn.ibtn {
    font-size: 1.2rem;
    padding: 5px 10px;
}

.btn.ibtn.undo {
    font-size: 1.35rem;
}

.btn-switch {
    position: relative;
    padding-right: 57px;
}

.btn-switch span:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 2px;
    width: 43px;
    height: 22px;
    background: url("../images/icon/btn_switch.gif") no-repeat 0 0;
}

.btn-switch.on span:after {
    background-position: 0 -44px;
}

.btn-switch:disabled span:after {
    opacity: 0.3;
}


/* FAQ static */

.faq-static {
    border: 1px solid #cdcdcd;
}

.faq-static>ul>li {
    border-top: 1px solid #cdcdcd;
}

.faq-static>ul>li:first-child {
    border-top: 0;
}

.faq-static>ul>li .q {
    position: relative;
    padding: 10px 10px 10px 40px;
    font-weight: bold;
    background-color: #fefefe;
}

.faq-static>ul>li .q:before {
    content: "Q";
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 1.8rem;
    color: #f92465;
    font-weight: bold;
}

.faq-static>ul>li .a {
    position: relative;
    padding: 10px 10px 10px 40px;
}

.faq-static>ul>li .a:before {
    content: "A";
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 1.8rem;
    color: #337ab7;
    font-weight: bold;
}


/* FAQ accordion */

.faq-accordion {}

.faq-accordion>ul>li {
    border-bottom: 1px solid #cdcdcd;
}

.faq-accordion>ul>li:first-child {
    border-top: 1px solid #cdcdcd;
}

.faq-accordion>ul>li .ac-trigger {
    display: block;
    position: relative;
    padding: 15px 20px 15px 40px;
    color: #222;
    background-color: #fff;
}

.faq-accordion>ul>li .ac-trigger:hover,
.faq-accordion>ul>li.active .ac-trigger {
    font-weight: bold;
}

.faq-accordion>ul>li .ac-trigger:before {
    content: "Q";
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 1.8rem;
    color: #f92465;
    font-weight: bold;
}

.faq-accordion>ul>li .ac-contents {
    display: none;
    position: relative;
    border-top: 1px solid #e9e9e9;
    padding: 10px 20px 10px 40px;
    background-color: #f8f8f8;
}

.faq-accordion>ul>li .ac-contents:before {
    content: "A";
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 1.8rem;
    color: #337ab7;
    font-weight: bold;
}

.faq-accordion>ul>li .ac-contents p,
.faq-accordion>ul>li .ac-contents ul li {
    line-height: 18px;
}

.faq-accordion>ul>li .ac-contents table {
    margin-top: 5px;
}

/* Accordion Group */
.detailInputFieldset > .module-header{margin-top:15px;margin-bottom:3px;}
.detailInputFieldset > .module-header > h4{height:auto;margin:0 11px;font-size:12px;font-weight:400;line-height:20px;}
.detailInputFieldset > .module-header > span{margin-top:6px;margin-left:11px;}

.accordion-group{margin-bottom:0;border-top:2px solid #4d5762;}
.accordion-group .panel{border-bottom:1px solid #cdcdcd;}
.accordion-group .panel+.panel{margin-top:0;}
.accordion-group .panel .panel-heading{padding:2px 10px 1px;}
.accordion-group .panel .panel-heading .panel-title{position:relative;font-size:12px;font-weight:400;}
.accordion-group .panel .panel-heading .panel-title .clickHelper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;}
.accordion-group .panel .panel-heading .panel-title .clickHelperInput{position:absolute;top:0;bottom:0;left:0;z-index:2;width:13px;cursor:pointer;}
.accordion-group .panel .panel-heading .panel-title > span{display:block;color:#333;}
.accordion-group .panel .panel-heading .panel-title > span label{position:relative;line-height:25px;}
.accordion-group .panel .panel-heading .panel-title > span button{position:absolute;top:50%;right:-5px;display:inline-block;width:24px;height:24px;margin-top:-12px;background:none;font:normal normal normal 19px/1 FontAwesome;}
.accordion-group .panel .panel-heading .panel-title > span button:before{content:"\f106";}
.accordion-group .panel .panel-heading .panel-title > span.collapsed button:before{content:"\f107";}
.accordion-group .panel .panel-heading .panel-title label input{vertical-align:sub;}
.accordion-group .panel .panel-heading + .panel-collapse > .panel-body{padding-bottom:20px;background-color:#fff;}
.accordion-group .panel .panel-collapse .panel-body .text{margin:0 -9px;padding:0 11px 12px;border-bottom:1px solid #cdcdcd;}
.accordion-group .panel .panel-collapse .panel-body .list-title{margin:18px 0 10px;font-size:12px;font-weight:bold;}
.accordion-group .panel .panel-collapse .panel-body .list{padding:6px 15px;border:1px solid #cdcdcd;}
.accordion-group .panel .panel-collapse .panel-body .list li{padding:3px 0;}
.accordion-group .panel .panel-collapse .panel-body .list li.required-checkbox{position:relative;}
.accordion-group .panel .panel-collapse .panel-body .list li.required-checkbox:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;content:"";cursor:not-allowed;}
.accordion-group .panel .panel-collapse .panel-body .list li.required-checkbox label input{opacity:0.5;}
.accordion-group .panel .panel-collapse .panel-body .list li label{width:100%;margin-right:0;line-height:18px;}
.accordion-group .panel .panel-collapse .panel-body .list li label input{height:18px;line-height:18px;}
.accordion-group .panel .panel-collapse .panel-body .list li label span{height:auto;padding:0;line-height:17px;vertical-align:middle;}

.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-12{width:100%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-11{width:91.66666667%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-10{width:83.33333333%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-9{width:75%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-8{width:66.66666667%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-7{width:58.33333333%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-6{width:50%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-5{width:41.66666667%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-4{width:33.33333333%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-3{width:25%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-2{width:16.66666667%}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text.col-xs-1{width:8.33333333%}

.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text input{height:26px;line-height:26px;}
.accordion-group .panel .panel-collapse .panel-body .list li .with-input-text span{line-height:22px;}
.accordion-group .panel .panel-collapse .panel-body .depth2-list{padding:0;}
.accordion-group .panel .panel-collapse .panel-body .depth2-list .list-title{margin:13px 15px 9px;}
.accordion-group .panel .panel-collapse .panel-body .depth2-list .list{border:0;}
.accordion-group .panel .panel-collapse .panel-body .list .required-list{padding-bottom:3px;border-bottom:1px dashed #ccc;}

.accordion-group-common-list{margin:0 10px;}
.accordion-group-common-list .list-title{margin:18px 0 10px;font-size:12px;font-weight:bold;}
.accordion-group-common-list .list{padding:6px 15px;border:1px solid #cdcdcd;}
.accordion-group-common-list .list li{padding:3px 0;}
.accordion-group-common-list .list li label{width:auto;line-height:18px;}
.accordion-group-common-list ul.list li.input-checkbox label input[type=checkbox],.accordion-group-common-list ul.list li.input-checkbox label input[type=radio]{height:26px;line-height:26px;}
.accordion-group-common-list ul.list li.input-checkbox label span{display:block;float:left;height:auto;padding:0;line-height:22px;vertical-align:middle;}
.accordion-group-btn-block{margin-top:25px;}

/* IE 10, 11 hack */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .bizType label span{line-height:26px;}
    .accordion-group .panel .panel-collapse .panel-body .list li label span{line-height:15px;}
}

/* Process - static */

.process-static>ul {
    width: 970px;
}

.process-static>ul:after {
    content: "";
    display: block;
    clear: both;
}

.process-static>ul>li {
    position: relative;
    float: left;
    width: 210px;
    margin-left: 40px;
}

.process-static>ul>li:first-child {
    margin-left:0;
}

.process-static .pc-tit {display:block;}
.process-static .pc-tit {height:40px;font-size:1.2rem;text-align:center;border-top:1px solid #ced0d3;margin-right:11px;padding-top:10px;border-bottom:1px solid #ced0d3;background-color:#f3f3f3;z-index:2;}
.process-static .pc-tit:before {position:absolute;left:0;top:0;content:"";display:block;width:4px;height:40px;background-color:#f92465;}
.process-static .pc-tit:after {position:absolute;right:-10px;top:0;content:"";display:block;width:21px;height:45px;background:url(../images/bg/task_list2.png) no-repeat 0 0;}

.process-static .pc-list {
    margin-top: 10px;
}

.process-static .pc-list li {
    position: relative;
    margin-top: 5px;
    padding-left: 10px;
}

.process-static .pc-list li:first-child {
    margin-top: 0;
}

.process-static .pc-list li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    top: 7px;
    left: 0;
    border-radius: 50%;
    background-color: #999;
}

.process-static .pc-txt {
    width: 210px;
    margin-top: 10px;
}


/* Box list */

.list-box:after {
    content: "";
    display: block;
    clear: both;
}

.list-box li {
    display: inline-block;
    height: 26px;
    color: #202020;
    line-height: 22px;
    padding: 0px 6px;
    border: 1px solid #8baba7;
    background-color: #edfaf8;
}

/* Text area */
.txt-area ul,
.txt-area p {
    line-height:21px;
}

.txt-area em {
    color: #f92465;
}


/* Bullet list */

.bu-list>li {
    position: relative;
    margin-top: 5px;
    padding-left: 10px;
}

.bu-list>li:first-child {
    margin-top: 0;
}

.bu-list>li:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 3px;
    height: 3px;
    top: 7px;
    left: 0;
    border-radius: 50%;
    background-color: #999;
}

.bu-list.tbl>li {
    line-height:21px;    
}

.bu-list.tbl>li:before {
    top: 9px;
}



/* Tax invoice */

.tax-invoice {}

.tax-invoice table {
    border-top: 0;
}

.tax-invoice .ti-head {
    border-top: 2px solid #4d5762;
}

.tax-invoice table+table {
    margin-top: 0;
}

.tax-invoice th,
.tax-invoice td {
    padding: 3px 10px;
    vertical-align: middle;
    line-height: 18px;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.2rem;
}

.tax-invoice th {
    text-align: center;
    background: #f8f8f8;
    color: #000;
    font-weight: normal;
}

.tax-invoice td {
    background: #fff;
    color: #202020;
}

.tax-invoice th:first-child,
.tax-invoice td:first-child {
    border-left: 1px solid #cdcdcd;
}

.tax-invoice .ti-head th {
    text-align: right;
}

.tax-invoice .ti-head .tit {
    font-size: 2rem;
    font-weight: bold;
    text-align: left;
    padding-left: 30px;
}

.tax-invoice .ti-head .t-label {
    font-size: 1.25rem;
    font-weight: normal;
    margin-left: 10px;
}


/* Login - insurance */

.sb-login {
    position: relative;
    min-width: 640px;
    min-height: 100%;
}

.sb-login .sb-header {
    height: 78px;
    margin-top: 200px;
}

.sb-login .sb-header:after {
    content: "";
    display: block;
    clear: both;
}

.sb-login .sb-header .logo {
    float: left;
    margin-left: 200px;
}

.sb-login .sb-header .util {
    float: right;
    margin: 33px 30px 0 0;
}

.sb-login .sb-header .util li {
    float: left;
    line-height: 15px;
    border-left: 1px solid #aaa;
    margin-left: 12px;
    padding-left: 13px;
}

.sb-login .sb-header .util li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

.sb-login .sb-header .util li a {
    display: block;
    color: #000;
    margin-bottom: 2px;
}

.sb-login .sb-contents {
    height: 312px;
    background: #b7b7b7 url("../images/bg/bg_login_insurance.jpg") no-repeat center 0;
}

.sb-login .sb-contents .login-wrap {
    padding: 96px 0 0 200px;
}

.sb-login .sb-contents .login-wrap .input {
    float: left;
    width: 287px;
}

.sb-login .sb-contents .login-wrap .input input.form-control {
    width: 287px;
    height: 55px;
    margin-bottom: 10px;
}

.sb-login .sb-contents .login-wrap button.btn {
    float: left;
    width: 99px;
    height: 120px;
    font-size: 1.8rem;
    margin-left: 14px;
    border-color: #333;
    background-color: #333;
}

.sb-login .sb-contents .login-wrap button.btn:hover {
    border-color: #1d1d1d;
    background-color: #1d1d1d;
}

.sb-login .sb-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 51px;
    border-top: 1px solid #cecece;
    background-color: #fff;
}

.sb-login .sb-footer .copy {
    font-size: 1.4rem;
    color: #aab2ba;
    text-align: right;
    margin: 16px 50px 0 0;
}

.sb-login .sb-footer .copy em {
    color: #4d565f;
}


/* Move to Bottom & Back to Top */
.movetobtm,.backtotop{display:none;position:fixed;right:0;z-index:9999;}
.movetobtm{top:70px;}
.backtotop{bottom:30px;}
.movetobtm .gobtm,.backtotop .gotop{position:relative;display:block;width:30px;height:30px;font-size:1.9rem;color:#fff;border-radius:5px;background-color:#202020;opacity:0.6;}
.movetobtm:hover .gobtm,.backtotop:hover .gotop{opacity:0.8;}
.movetobtm .gobtm:before,.movetobtm .gobtm:after,.backtotop .gotop:before,.backtotop .gotop:after{position:absolute;left:50%;margin-left:-6px;display:inline-block;font:normal normal normal 19px/1 FontAwesome;color:#fff;}
.movetobtm .gobtm:before{top:3px;}
.movetobtm .gobtm:after{top:8px;}
.backtotop .gotop:before{top:2px;}
.backtotop .gotop:after{top:7px;}
.movetobtm .gobtm:before,.movetobtm .gobtm:after{content:"\f107";}
.backtotop .gotop:before,.backtotop .gotop:after{content:"\f106";}
.movetobtm .gobtm span,.backtotop .gotop span{display:inline-block;font-size:1.1rem;color:#fff;text-indent:0;margin:14px 0 0 0;}

/* ID & PW */
.account-wrap {
    width: 960px;
    margin: 0 auto;
}

.account-wrap .account-body .acc-inner-wrap {
    min-height: 370px;
}

.account-wrap .acc-process {
    text-align: center;
    padding: 10px 0 20px;
}

.account-wrap .acc-process li {
    position: relative;
    display: inline-block;
    width: 120px;
    color: #555;
    margin-left: 25px;
    padding: 4px 0 5px;
    background-color: #efefef;
}

.account-wrap .acc-process li:first-child {
    margin-left: 0;
}

.account-wrap .acc-process li:after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 20px solid #efefef;
}

.account-wrap .acc-process li.active {
    color: #fff;
    font-weight: bold;
    background-color: #757575;
}

.account-wrap .acc-process li.active:after {
    border-left-color: #757575;
}

.account-wrap .acc-section {
    border: 1px solid #cdcdcd;
    padding: 10px 15px;
    margin-top: 10px;
}

.account-wrap .acc-section.first {
    margin-top: 0;
}

.account-wrap .m-desc {
    position: relative;
    height: 24px;
    font-size: 1.24rem;
    color: #f92465;
    line-height: 24px;
    font-weight: bold;
    padding: 0 0 0 10px;
}

.account-wrap .m-desc:before {
    font-family: "fontawesome";
    content: "\f0da";
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 0;
}

.account-wrap .radio-cont {
    padding: 0 0 5px 15px;
}

.account-wrap .s-desc {
    color: #888;
    line-height: 18px;
}

.account-wrap .s-desc.red {
    color: #f92465;
}

.account-wrap .acc-input li {
    margin-top: 5px;
}

.account-wrap .acc-input input.form-control {
    width: 200px;
}

.account-wrap .acc-input .btn {
    vertical-align: top;
}

.account-wrap .acc-input .time {
    margin-left: 10px;
}

.account-wrap .btn-area {
    text-align: center;
    margin-top: 20px;
}

.account-wrap .btn-area .btn {
    width: 260px;
    height: 60px;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: 6px;
}

.account-wrap .btn-area .btn:first-child {
    margin-left: 0;
}

.account-wrap .btn-area.half .btn {
    width: 150px;
}

.account-wrap .check-id {
    text-align: center;
    padding-top: 10px;
}

.account-wrap .check-id .id-info {
    margin-top: 10px;
}

.account-wrap .check-id .id-info em {
    font-size: 1.8rem;
    font-weight: bold;
    margin-right: 10px;
}


/* Profile Layer */
.layer-profile {
    position:absolute;
    width: 340px;
    padding: 10px 15px;
    border: 1px solid #bcbcbc;
    border-radius:5px;
    box-shadow:1px 1px 4px 1px rgba(0,0,0,0.1);
    background-color:#fff;
    z-index: 100;
}

.layer-profile .pf-main {
    min-height: 70px;
}

.layer-profile .pf-main img {
    float:left;
}

.layer-profile .pf-main .pf-info  {
    margin-left: 60px;
    font-size: 1.2rem;
    color: #202020;
}

.layer-profile .pf-main .pf-info .name {
    font-size: 1.4rem;
    font-weight: bold;
    padding-top: 5px;   
}

.layer-profile .pf-main .pf-info .team {
    font-size: 1.2rem;
    padding-top: 5px;
}

.layer-profile .pf-sub {
    padding:2px 5px;
    border-top: 1px solid #cdcdcd;
}

.layer-profile .pf-sub .pf-list {
    margin-top: 8px;
}

.layer-profile .pf-sub .pf-list li {
    position: relative;
    line-height: 1.6rem;
    padding-left:10px;
}

.layer-profile .pf-sub .pf-list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 3px;
    height: 3px;
    background-color: #afafaf;
}


/* PartnerPlus Login */
.pp-login .page-header {width:960px;height:50px;min-height:0;margin:0 auto;border-bottom:0;}
.pp-login .page-header .logo-partnerplus {float:left;margin:17px 0 0 1px;}
.pp-login .page-header .util {float:right;margin-top:14px;}
.pp-login .page-header .util .menu {float:left;margin-top:2px;}
.pp-login .page-header .util .menu li {position:relative;float:left;padding:0 20px 0 21px;}
.pp-login .page-header .util .menu li:before {content:"";position:absolute;left:0;top:1px;width:1px;height:16px;background-color:#d6d6d6;}
.pp-login .page-header .util .menu li:first-child:before {content:none;padding-left:0;}
.pp-login .page-header .util .menu li a {font-family:"LGSmHaR";font-size:1.3rem;color:#202020;}
.pp-login .page-header .util .logo-lgcns {float:left;margin-left:20px;}

.pp-login .page-content {padding:0;}
.pp-login .page-content .key-visual {width:100%;min-width:960px;height:155px;border-top:1px solid #a8a8a8;border-bottom:1px solid #e4e4e4;background:url("../images/img/keyvisual_login_03.png") no-repeat center top;}
.pp-login .page-content .key-visual .inner {position:relative;width:960px;margin:0 auto;}
.pp-login .page-content .key-visual .inner:before {content:"";position:absolute;left:-137px;top:40px;width:281px;height:340px;background:url("../images/img/man.png") no-repeat left top;}
.pp-login .page-content .key-visual .inner p {width:0;height:0;overflow:hidden;text-indent:-9999px;}

.pp-login .page-content .content-row {width:960px;margin:0 auto;margin-top:36px;}
.pp-login .page-content .content-row.first {margin-top:48px;}
.pp-login .page-content .content-row:after {content:"";clear:both;display:block;}

.pp-login .page-content .pp-login {float:right;width:360px;}
.pp-login .page-content .pp-login .pp-login-input:after {content:"";clear:both;display:block;}
.pp-login .page-content .pp-login .pp-login-input .form-group {float:left;width:247px;margin-bottom:0;}
.pp-login .page-content .pp-login .pp-login-input .form-group input.form-control {width:247px;height:55px;padding:5px 12px;font-size:1.3rem;margin-top:10px;}
.pp-login .page-content .pp-login .pp-login-input .form-group input.form-control:first-child {margin-top:0;}
.pp-login .page-content .pp-login .pp-login-input .btn-login {float:right;width:99px;height:120px;font-size:1.8rem;color:#fff;font-weight:bold;border:0;background-color:#da3769;}
.pp-login .page-content .pp-login .pp-login-option {margin-top:12px;}
.pp-login .page-content .pp-login .pp-login-option .input-checkbox {float:left;}
.pp-login .page-content .pp-login .pp-login-option .input-checkbox label {font-size:1.3rem;color:#3e4d5a;}
.pp-login .page-content .pp-login .pp-login-option .account {float:right;}
.pp-login .page-content .pp-login .pp-login-option .account li {position:relative;float:left;margin-left:14px;padding-left:15px;}
.pp-login .page-content .pp-login .pp-login-option .account li a {font-size:1.3rem;color:#3e4d5a;}
.pp-login .page-content .pp-login .pp-login-option .account li:before {content:"";position:absolute;left:0;top:2px;width:1px;height:16px;background-color:#aaa;}
.pp-login .page-content .pp-login .pp-login-option .account li:first-child {margin-left:0;padding-left:0;}
.pp-login .page-content .pp-login .pp-login-option .account li:first-child:before {content:none;}

.pp-login .page-content .board {width:49.4%;border-top:2px solid #4d5762;}
.pp-login .page-content .board .wrap {min-height:213px;border:1px solid #cbcbcb;border-top:0;padding:15px 20px 20px;}
.pp-login .page-content .board h2 {position:relative;display:inline-block;font-size:1.3rem;line-height:1;padding-left:13px;}
.pp-login .page-content .board h2:before {font-family:"fontawesome";content: "\f0da";display:inline-block;position:absolute;top:1px;left:0;font-size:1.3rem;color:#599c96;font-weight:normal;}
.pp-login .page-content .board h2 a {position:relative;display:inline-block;font-weight:bold;color:#0b8c8f;padding-right:22px;}
.pp-login .page-content .board h2 a:after {font-family:"fontawesome";content: "\f101";display:inline-block;position:absolute;top:-2px;right:0;font-size:1.9rem;color:#d3d3d3;font-weight:normal;}
.pp-login .page-content .board ul {margin-top:25px;}
.pp-login .page-content .board ul li {position:relative;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin-top:10px;padding:0 80px 0 13px;}
.pp-login .page-content .board ul li:before {content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#b6b6b6;}
.pp-login .page-content .board ul li:first-child {margin-top:0;}
.pp-login .page-content .board ul li span {position:absolute;right:0;top:0;font-size:1.3rem;color:#909090;}
.pp-login .page-content .board.link ul li {padding:0 0 0 13px;text-overflow:clip;white-space:normal;word-wrap:normal;overflow:visible;}
.pp-login .page-content .board.link ul li a {display:block;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding-right:80px;}
.pp-login .page-content .board ul li.highlight, 
.pp-login .page-content .board.link ul li.highlight a {color:#f92465;}
.pp-login .page-content .board ul li.highlight span {color:#909090;}

.pp-login .page-content .banner {display:block;}
.pp-login .page-content .banner.type1 {float:left;margin-left:146px;}
.pp-login .page-content .banner.type1 ul li {float:left;margin-left:10px;}
.pp-login .page-content .banner.type1 ul li:first-child {margin-left:0;}
.pp-login .page-content .banner.type1 ul li>a {display:block;width:136px;height:160px;border:1px solid #cbcbcb;}
.pp-login .page-content .banner.type1 ul li .wrap {height:123px;border-bottom:1px solid #cbcbcb;}
.pp-login .page-content .banner.type1 ul li.m1>a {background:url("../images/bg/login_link_01.gif") no-repeat center 68px;}
.pp-login .page-content .banner.type1 ul li.m2 .wrap {background:url("../images/bg/login_link_02.gif") no-repeat right bottom;}
.pp-login .page-content .banner.type1 ul li .tit {display:block;font-size:1.4rem;color:#1b252e;text-align:center;padding-top:20px;}
.pp-login .page-content .banner.type1 ul li .desc {display:block;font-size:1.2rem;color:#7d7e82;text-align:center;line-height:1.9rem;padding-top:16px;}
.pp-login .page-content .banner.type1 ul li .desc em {display:block;color:#4d5762;font-weight:bold;}
.pp-login .page-content .banner.type1 ul li .desc em.big {font-size:1.6rem;}
.pp-login .page-content .banner.type1 ul li .go {color:#414246;text-align:center;padding-top:9px;}
.pp-login .page-content .banner.type1 ul li .go .fa {font-size:1.2rem;color:#f7487d;padding-left:5px;}

.pp-login .page-content .banner.type2 ul {width:960px;height:88px;background:url("../images/bg/login_banner.gif") no-repeat 0 0;}
.pp-login .page-content .banner.type2 ul li {float:left;width:480px;}
.pp-login .page-content .banner.type2 ul li a {display:inline-block;height:70px;padding-left:80px;}
.pp-login .page-content .banner.type2 ul li.new a {margin:18px 0 0 85px;background:url("../images/img/banner_login_01.png") no-repeat 0 0;}
.pp-login .page-content .banner.type2 ul li.reg a {margin:18px 0 0 150px;background:url("../images/img/banner_login_02.png") no-repeat 0 0;}
.pp-login .page-content .banner.type2 ul li .tit {display:block;font-size:2rem;color:#1b252e;font-weight:bold;}
.pp-login .page-content .banner.type2 ul li .desc {display:block;font-size:1.2rem;color:#5b5c5f;margin-top:5px;}
.pp-login .page-content .banner.type2 ul li.reg .tit {padding-top:8px;}

.pp-login .page-content .banner.type3 ul li {float:left;margin-left:12px;}
.pp-login .page-content .banner.type3 ul li:first-child {margin-left:0;}
.pp-login .page-content .banner.type3 ul li a {display:block;width:312px;height:48px;font-size:1.6rem;color:#293846;font-weight:bold;text-align:center;border:1px solid #cbcbcb;}
.pp-login .page-content .banner.type3 ul li a span {display:inline-block;height:24px;margin-top:10px;padding-left:35px;line-height:24px;}
.pp-login .page-content .banner.type3 ul li.b1 a span {background:url("../images/icon/login_link_list_01.png") no-repeat 0 0;}
.pp-login .page-content .banner.type3 ul li.b2 a span {background:url("../images/icon/login_link_list_02.png") no-repeat 0 1px;}
.pp-login .page-content .banner.type3 ul li.b3 a span {background:url("../images/icon/login_link_list_03.png") no-repeat 0 1px;}

.pp-login .page-footer {height:52px;margin-top:40px;background-color:#f5f5f5;}
.pp-login .page-footer .inner {width:960px;margin:0 auto;}
.pp-login .page-footer .copy {float:left;font-family:"LGSmHaL";font-size:1.4rem;color:#aab2ba;margin-top:18px;}
.pp-login .page-footer .copy em {color:#4d565f;} 
.pp-login .page-footer .util {float:right;margin-top:18px;}
.pp-login .page-footer .util li {float:left;margin-left:20px;}
.pp-login .page-footer .util li:first-child {margin-left:0;}
.pp-login .page-footer .util li a {font-family:"LGSmHaL";font-size:1.3rem;color:#30404f;}


/* PartnerPlus Login2 */
.pp-login2{min-width:1260px;height:auto!important;min-height:100%;background-color:#939393;}
.pp-login2 .page-header{background-color:#fff;border-bottom:0;}
.pp-login2 .page-header .header-container{position:relative;z-index:1;width:1260px;margin:0 auto;}

.pp-login2 .page-header .top{position:absolute;top:0;right:0;left:0;z-index:2;height:42px;background-color:rgba(0,0,0,0.35);}
.pp-login2 .page-header .top .logo-lgcns{display:inline-block;margin-top:9px;margin-left:19px;}
.pp-login2 .page-header .top .logo-lgcns a{display:block;height:23px;line-height:23px;}
.pp-login2 .page-header .top .logo-lgcns a img{vertical-align:top;}
.pp-login2 .page-header .top .menu{float:right;margin-top:14px;margin-right:20px;}
.pp-login2 .page-header .top .menu li{float:left;margin-left:18px;}
.pp-login2 .page-header .top .menu li a{display:block;color:#fff;font-size:12px;line-height:14px;}
.pp-login2 .page-header .top .menu li a:hover{color:#c00c3f;}

.pp-login2 .page-header .body{position:relative;z-index:1;height:300px;background-color:#ece4e1;overflow:hidden;}
.pp-login2 .page-header .body:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;background:url("../images/bg/pattern_box_8x2.png") repeat 0 0;content:"";}
.pp-login2 .page-header .body .title{color:#fff;}
.pp-login2 .page-header .body .title strong{position:absolute;top:160px;left:455px;z-index:4;font-size:36px;font-family:LGSmHaSB;line-height:36px;opacity:0;-webkit-transition:top 1s,opacity 1s;-o-transition:top 1s,opacity 1s;transition:top 1s,opacity 1s;}
.pp-login2 .page-header .body.startAnimation .title strong{top:110px;opacity:1;}
.pp-login2 .page-header .body .title span{position:absolute;top:185px;left:455px;z-index:4;font-size:18px;line-height:18px;opacity:0;-webkit-transition:top 0.9s,opacity 0.9s;-o-transition:top 0.9s,opacity 0.9s;transition:top 0.9s,opacity 0.9s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.pp-login2 .page-header .body.startAnimation .title span{top:155px;opacity:1;}
.pp-login2 .page-header .body div[class^="bg-animation"]{position:absolute;}
.pp-login2 .page-header .body .bg-animation1{top:100px;left:50px;width:246px;height:232px;background:url("../images/bg/bg_login_header_people1.png") no-repeat 0 0;opacity:1;-webkit-animation-duration:1.7s;animation-duration:1.7s;-webkit-animation-name:pp-login-header-scale1;animation-name:pp-login-header-scale1;}
@-webkit-keyframes pp-login-header-scale1{
    0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
    15%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes pp-login-header-scale1{
    0%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
    15%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
.pp-login2 .page-header .body .bg-animation2{top:5px;left:300px;width:150px;height:159px;background:url("../images/bg/bg_login_header_people2.png") no-repeat 0 0;opacity:1;-webkit-transform:scale(0.8) rotate(0deg);-ms-transform:scale(0.8) rotate(0deg);transform:scale(0.8) rotate(0deg);-webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-timing-function:cubic-bezier(0.05,.7,0.2,1);animation-timing-function:cubic-bezier(0.05,.7,0.2,1);-webkit-animation-name:pp-login-header-scale2;animation-name:pp-login-header-scale2;}
@-webkit-keyframes pp-login-header-scale2{
    0%{opacity:0;-webkit-transform:scale(0.8) rotate(180deg);-ms-transform:scale(0.8) rotate(180deg);transform:scale(0.8) rotate(180deg);}
    10%{opacity:0;-webkit-transform:scale(0.8) rotate(180deg);-ms-transform:scale(0.8) rotate(180deg);transform:scale(0.8) rotate(180deg);}
    100%{opacity:1;-webkit-transform:scale(0.8) rotate(720deg);-ms-transform:scale(0.8) rotate(720deg);transform:scale(0.8) rotate(720deg);}
}
@keyframes pp-login-header-scale2{
    0%{opacity:0;-webkit-transform:scale(0.8) rotate(180deg);-ms-transform:scale(0.8) rotate(180deg);transform:scale(0.8) rotate(180deg);}
    10%{opacity:0;-webkit-transform:scale(0.8) rotate(180deg);-ms-transform:scale(0.8) rotate(180deg);transform:scale(0.8) rotate(180deg);}
    100%{opacity:1;-webkit-transform:scale(0.8) rotate(720deg);-ms-transform:scale(0.8) rotate(720deg);transform:scale(0.8) rotate(720deg);}
}
.pp-login2 .page-header .body .bg-animation3{top:190px;left:438px;width:384px;height:365px;background:url("../images/bg/bg_login_header_people3.png") no-repeat 0 0;opacity:1;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:pp-login-header-scale3;animation-name:pp-login-header-scale3;}
@-webkit-keyframes pp-login-header-scale3{
    0%{opacity:0;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
    100%{opacity:1;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes pp-login-header-scale3{
    0%{opacity:0;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
    100%{opacity:1;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
.pp-login2 .page-header .body .bg-animation4{right:-40px;bottom:70px;width:565px;height:540px;background:url("../images/bg/bg_login_header_people4.png") no-repeat 0 0;opacity:1;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:pp-login-header-scale4;animation-name:pp-login-header-scale4;}
@-webkit-keyframes pp-login-header-scale4{
    0%{right:-90px;bottom:120px;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
    20%{right:-90px;bottom:120px;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
    100%{right:-40px;bottom:70px;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes pp-login-header-scale4{
    0%{right:-90px;bottom:120px;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
    20%{right:-90px;bottom:120px;opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7);}
    100%{right:-40px;bottom:70px;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
}

.pp-login2 .page-content{padding:0;}
.pp-login2 .section-row{padding:55px 0;background-color:#fff;}
.pp-login2 .section-row:last-child{background-color:#f5f5f5;}
.pp-login2 .section-row .section-container{width:1260px;margin:0 auto;}
.pp-login2 .section-row .section-container section,.pp-login2 .section-row .section-container aside{float:left;padding:0 20px;}
.pp-login2 .section-row .section-container .left{width:420px;}
.pp-login2 .section-row .section-container .center{width:550px;}
.pp-login2 .section-row .section-container .right{width:290px;}
.pp-login2 .section-row .section-container section .section-title{position:relative;font-size:16px;line-height:18px;}
.pp-login2 .section-row .section-container section .section-title:before{position:absolute;top:-12px;left:1px;display:block;width:29px;height:2px;background-color:#000;content:"";}

.pp-login2 .section-row .section-container .pp-login-input{margin-top:28px;}
.pp-login2 .section-row .section-container .pp-login-input .form-group{float:left;width:285px;margin-bottom:0;}
.pp-login2 .section-row .section-container .pp-login-input .form-group input.form-control{width:285px;height:36px;margin-top:10px;padding:5px 12px;border:1px solid #ddd;font-size:12px;}
.pp-login2 .section-row .section-container .pp-login-input .form-group input.form-control:first-child{margin-top:0;}
.pp-login2 .section-row .section-container .pp-login-input .btn-login{float:right;width:82px;height:82px;background-color:#c00c3f;border:0;border-radius:3px;color:#fff;font-size:14px;}
.pp-login2 .section-row .section-container .pp-login-input .btn-login:hover{background-color:#ad0c39;}
.pp-login2 .section-row .section-container .pp-login-option{margin-top:20px;}
.pp-login2 .section-row .section-container .pp-login-option .input-checkbox{float:left;}
.pp-login2 .section-row .section-container .pp-login-option .input-checkbox label{color:#555;font-size:12px;}
.pp-login2 .section-row .section-container .pp-login-option .input-checkbox label:hover{text-decoration:underline;}
.pp-login2 .section-row .section-container .pp-login-option .account{float:right;}
.pp-login2 .section-row .section-container .pp-login-option .account li{position:relative;float:left;margin-left:14px;padding-left:15px;}
.pp-login2 .section-row .section-container .pp-login-option .account li a{color:#555;font-size:12px;}
.pp-login2 .section-row .section-container .pp-login-option .account li a:hover{text-decoration:underline;}
.pp-login2 .section-row .section-container .pp-login-option .account li:before{content:"";position:absolute;left:0;top:4px;width:1px;height:11px;background-color:#bbb;}
.pp-login2 .section-row .section-container .pp-login-option .account li:first-child{margin-left:0;padding-left:0;}
.pp-login2 .section-row .section-container .pp-login-option .account li:first-child:before{content:none;}

.pp-login2 .section-row .section-container .signup ul{margin-top:28px;}
.pp-login2 .section-row .section-container .signup ul li{float:left;width:120px;margin-left:10px;}
.pp-login2 .section-row .section-container .signup ul li:first-child{margin-left:0;}
.pp-login2 .section-row .section-container .signup ul li a{position:relative;display:block;height:122px;border:1px solid #ddd;text-align:center;}
.pp-login2 .section-row .section-container .signup ul li a.item1{background:url("../images/icon/pp_main_signup_01.png") no-repeat 41px 61px;}
.pp-login2 .section-row .section-container .signup ul li a.item2{background:url("../images/icon/pp_main_signup_02.png") no-repeat center 61px;}
.pp-login2 .section-row .section-container .signup ul li a.item3{background:url("../images/icon/pp_main_signup_03.png") no-repeat center 61px;}
.pp-login2 .section-row .section-container .signup ul li a.item4{background:url("../images/icon/pp_main_signup_04.png") no-repeat center 61px;}
.pp-login2 .section-row .section-container .signup ul li a:after{position:absolute;right:-1px;bottom:-1px;display:block;width:40px;height:37px;content:"";}
.pp-login2 .section-row .section-container .signup ul li a.item1:after{background:url("../images/icon/pp_main_signup_addon_01.png") no-repeat right bottom;}
.pp-login2 .section-row .section-container .signup ul li a.item2:after,.pp-login2 .section-row .section-container .signup ul li a.item3:after,.pp-login2 .section-row .section-container .signup ul li a.item4:after{background:url("../images/icon/pp_main_signup_addon_02.png") no-repeat right bottom;}
.pp-login2 .section-row .section-container .signup ul li:first-child a{background-color:#f1edea;}
.pp-login2 .section-row .section-container .signup ul li:first-child a:hover{background-color:#e9e3de;}
.pp-login2 .section-row .section-container .signup ul li a:hover{background-color:#f1edea;}
.pp-login2 .section-row .section-container .signup ul li a strong{display:block;margin-top:9px;color:#222;font-size:14px;letter-spacing:-0.1em;line-height:20px;}
.pp-login2 .section-row .section-container .signup ul li a span{display:block;color:#999;font-size:11px;line-height:18px;}

.pp-login2 .section-row .section-container .aside ul li{margin-top:9px;}
.pp-login2 .section-row .section-container .aside ul li:first-child{margin-top:0;}
.pp-login2 .section-row .section-container .aside ul li.half{float:left;width:120px;margin-right:9px;}
.pp-login2 .section-row .section-container .aside ul li.half:last-child{margin-right:0;}
.pp-login2 .section-row .section-container .aside ul li a{display:-webkit-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-ms-align-items:center;align-items:center;height:50px;padding-left:61px;border:1px solid #ddd;color:#444;font-size:12px;line-height:18px;}
.pp-login2 .section-row .section-container .aside ul li .aside-list-item{position:relative;background-color:#fff;background-repeat:no-repeat;background-position:13px center;}
.pp-login2 .section-row .section-container .aside ul li .aside-list-item:hover{background-color:#f5f5f5;}
.pp-login2 .section-row .section-container .aside ul li .item1{background-image:url("../images/icon/pp_main_aside_01.png");}
.pp-login2 .section-row .section-container .aside ul li .item2{background-image:url("../images/icon/pp_main_aside_02.png");}
.pp-login2 .section-row .section-container .aside ul li .item3{background-image:url("../images/icon/pp_main_aside_03.png");}
.pp-login2 .section-row .section-container .aside ul li .item4{background-image:url("../images/icon/pp_main_aside_04.png");}
.pp-login2 .section-row .section-container .aside ul li .item5{background-image:url("../images/icon/pp_main_aside_05.png");}
.pp-login2 .section-row .section-container .aside ul li .item6{background-image:url("../images/icon/pp_main_aside_06.png");}
.pp-login2 .section-row .section-container .aside ul li .item7{background-image:url("../images/icon/pp_main_aside_07.png");}
.pp-login2 .section-row .section-container .aside ul li .arrow:after,.pp-login2 .section-row .section-container .aside ul li .bookmark:after,.pp-login2 .section-row .section-container .aside ul li .download:after{position:absolute;display:block;content:"";}
.pp-login2 .section-row .section-container .aside ul li .arrow:after{width:21px;height:7px;top:50%;right:13px;margin-top:-6px;background:url("../images/icon/arrow_right_02.png") no-repeat 0 0;}
.pp-login2 .section-row .section-container .aside ul li .bookmark:after{width:19px;height:20px;top:0;right:12px;background:url("../images/icon/bookmark.png") no-repeat 0 0;}
.pp-login2 .section-row .section-container .aside ul li .download:after{width:20px;height:21px;top:50%;right:11px;margin-top:-10px;background:url("../images/icon/download.png") no-repeat 0 0;}

.pp-login2 .section-row .section-container .notice ul{margin-top:25px;}
.pp-login2 .section-row .section-container .notice ul li a{color:#555;font-size:12px;line-height:25px;}
.pp-login2 .section-row .section-container .notice ul li a:hover span{text-decoration:underline;}
.pp-login2 .section-row .section-container .notice ul li a .title{float:left;display:inline-block;width:318px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.pp-login2 .section-row .section-container .notice ul li a .date{float:right;}

.pp-login2 .section-row .section-container .community ul{margin-top:35px;}
.pp-login2 .section-row .section-container .community ul li{float:left;width:250px;margin-left:10px;}
.pp-login2 .section-row .section-container .community ul li:first-child{margin-left:0;}
.pp-login2 .section-row .section-container .community ul li a{position:relative;display:block;height:115px;color:#fff;overflow:hidden;}
.pp-login2 .section-row .section-container .community ul li.item1 a{background-image:url("../images/img/pp_main_community_01.jpg");background-repeat:no-repeat;background-position:-10px -22px;-webkit-transition:background-position 0.5s;-o-transition:background-position 0.5s;transition:background-position 0.5s;}
.pp-login2 .section-row .section-container .community ul li.item2 a{background-image:url("../images/img/pp_main_community_02.jpg");background-repeat:no-repeat;background-position:-31px -24px;-webkit-transition:background-position 0.5s;-o-transition:background-position 0.5s;transition:background-position 0.5s;}
.pp-login2 .section-row .section-container .community ul li.item1 a:hover{background-position:0 -12px;}
.pp-login2 .section-row .section-container .community ul li.item2 a:hover{background-position:-21px -14px;}
.pp-login2 .section-row .section-container .community ul li a:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;background-color:rgba(51,51,51,0.65);content:"";}
.pp-login2 .section-row .section-container .community ul li a .wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;padding:45px 20px 0 0;text-align:right;}
.pp-login2 .section-row .section-container .community ul li a .wrap:after{position:absolute;top:26px;right:20px;display:block;width:36px;height:13px;background:url("../images/icon/arrow_right_02_white.png") no-repeat 0 0;content:"";}
.pp-login2 .section-row .section-container .community ul li a:hover .wrap:after{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-name:arrMoveRight;animation-name:arrMoveRight;}
@-webkit-keyframes arrMoveRight{
    0%{opacity:0;right:100px;}
    100%{opacity:1;right:20px;}
}
@keyframes arrMoveRight{
    0%{opacity:0;right:100px;}
    100%{opacity:1;right:20px;}
}
.pp-login2 .section-row .section-container .community ul li.item1 a .wrap{background:url("../images/icon/pp_main_community_01.png") no-repeat 20px 33px;}
.pp-login2 .section-row .section-container .community ul li.item2 a .wrap{background:url("../images/icon/pp_main_community_02.png") no-repeat 20px 37px;}
.pp-login2 .section-row .section-container .community ul li a .wrap .title{display:block;margin-right:-2px;font-size:20px;line-height:28px;}
.pp-login2 .section-row .section-container .community ul li a .wrap .description{font-size:11px;line-height:20px;}
.pp-login2 .section-row .section-container .community ul li.item2 a .wrap .description{letter-spacing:-0.05em;}

.pp-login2 .main-footer .section-row{padding:26px 20px;background:none;color:#fff;}

.pp-login2 .section-row .section-container .copyright h2{font-size:23px;line-height:23px;}
.pp-login2 .section-row .section-container .copyright h2 img{vertical-align:top;}
.pp-login2 .section-row .section-container .copyright p{margin-top:10px;font-size:11px;line-height:14px;}

.pp-login2 .section-row .section-container .link{margin-top:-3px;}
.pp-login2 .section-row .section-container .link-list{float:left;}
.pp-login2 .section-row .section-container .link-list ul{margin-top:17px;}
.pp-login2 .section-row .section-container .link-list ul:first-child{margin-top:0;}
.pp-login2 .section-row .section-container .link-list ul li{position:relative;float:left;padding:0 12px 0 13px;}
.pp-login2 .section-row .section-container .link-list ul li:before{position:absolute;top:50%;left:0;display:block;width:1px;height:10px;margin-top:-5px;background-color:#bbb;content:"";}
.pp-login2 .section-row .section-container .link-list ul li:first-child{padding-left:0;}
.pp-login2 .section-row .section-container .link-list ul li:first-child:before{display:none;}
.pp-login2 .section-row .section-container .link-list ul li a{color:#fff;font-size:11px;line-height:14px;}
.pp-login2 .section-row .section-container .link-list ul li a:hover{text-decoration:underline;}

.pp-login2 .section-row .section-container .link-dropdown{position:relative;float:left;margin-top:-6px;}
.pp-login2 .section-row .section-container .link-dropdown button{padding:0 26px 0 9px;background-color:#777;background-image:url("../images/icon/arrow_up_white.png");background-repeat:no-repeat;background-position:165px center;border:1px solid #666;color:#fff;font-size:11px;line-height:29px;}
.pp-login2 .section-row .section-container .link-dropdown:hover button{background-color:#666;}
.pp-login2 .section-row .section-container .link-dropdown ul{position:absolute;right:0;bottom:31px;left:0;z-index:5;display:none;}
.pp-login2 .section-row .section-container .link-dropdown:hover ul{display:block;}
.pp-login2 .section-row .section-container .link-dropdown ul li a{display:block;height:30px;padding:0 10px;background-color:#fff;border:1px solid #666;border-bottom-width:0;color:#444;line-height:30px;}
.pp-login2 .section-row .section-container .link-dropdown ul li a:hover{background-color:#f5f5f5;}

.pp-login2 .section-row .section-container .tel{width:270px;margin-left:20px;padding-left:130px;background:url("../images/icon/telephone.png") no-repeat 72px center;border-left:1px solid #b5b5b5;color:#ddd;text-align:center;}
.pp-login2 .section-row .section-container .tel h2{font-size:15px;line-height:17px;}
.pp-login2 .section-row .section-container .tel address{margin-top:10px;margin-bottom:0;font-size:24px;line-height:21px;}

/* PartnerPlus Home */
.pp-login.home .page-header {width:auto;min-width:1400px;}
.pp-login.home .page-header .util {margin-right:40px;} 

.pp-login.home .page-content .key-visual {min-width:1400px;background: url(../images/img/keyvisual_login_02.jpg) no-repeat left top;}
.pp-login.home .page-content .key-visual .inner {width:100%;min-width:1400px;margin:0;}
.pp-login.home .page-content .key-visual .inner:before {left:-114px;top:43px;background: url(../images/img/man2.png) no-repeat left top;}
.pp-login.home .page-content .key-visual .inner:after {content:"";position:absolute;right:211px;top:14px;width:329px;height:140px;background:url(../images/img/child.png) no-repeat left top;}

.pp-login.home .page-content {min-height:780px;}
.pp-login.home .page-content .content-row.first {margin-top:48px;}
.pp-login.home .page-content .content-row {min-width:1400px;width:auto;margin-top:64px;margin-left:0;margin-right:0;padding:0 40px;}

.pp-login.home .page-content .banner.type1 {width:34%;margin-left:0;}
.pp-login.home .page-content .banner.type1 ul {float:right;width:282px;margin-right:8%;}
.pp-login.home .page-content .banner.type1 ul li.m2 {float:left;margin-left:10px;}
.pp-login.home .page-content .banner.type1 ul li.m2>a {height:75px;padding-left:10px;background:url("../images/bg/login_link_02.gif") no-repeat right bottom;}
.pp-login.home .page-content .banner.type1 ul li.m2 .tit {text-align:left;padding-top:6px;}
.pp-login.home .page-content .banner.type1 ul li.m2 .desc {text-align:left;line-height:1.7rem;font-weight:bold;padding-top:2px;}
.pp-login.home .page-content .banner.type1 ul li.m2 .desc em {display:inline;}
.pp-login.home .page-content .banner.type1 ul li .desc em.big {font-size:1.4rem;}
.pp-login.home .page-content .banner.type1 ul li .go {text-align:left;padding-top:3px;}

.pp-login.home .pp-biz {float:left;width:40%;height:160px;background:url("../images/img/vline-dashed-gray.gif") repeat-y 0 0;}
.pp-login.home .pp-biz .exp-date {height:30px;margin-left:4%;}
.pp-login.home .pp-biz .exp-date li {position:relative;float:left;margin-left:10px;padding-left:11px;}
.pp-login.home .pp-biz .exp-date li:before {content:"";position:absolute;left:0;top:4px;width:1px;height:11px;background-color:#ddd;}
.pp-login.home .pp-biz .exp-date li:first-child {margin-left:0;padding-left:0;}
.pp-login.home .pp-biz .exp-date li:first-child:before {content:none;}
.pp-login.home .pp-biz .exp-date li em {color:#009f91;font-weight:bold;}
.pp-login.home .pp-biz .exp-date:after,
.pp-login.home .pp-biz .biz:after {content:"";clear:both;display:block;}
.pp-login.home .pp-biz .biz li {position:relative;float:left;text-align:center;}
.pp-login.home .pp-biz .biz li:before {content:"";position:absolute;left:-5px;top:35px;width:10px;height:10px;border-radius:50%;background-color:#ddd;}
.pp-login.home .pp-biz .biz li:first-child:before {content:none;}
.pp-login.home .pp-biz .biz li a {display:inline-block;width:110px;padding-top:85px;font-size:1.4rem;color:#1b252e;}
.pp-login.home .pp-biz.developer {width:31%;}
.pp-login.home .pp-biz.developer .biz {margin-top:33px;}
.pp-login.home .pp-biz.individual .biz li,
.pp-login.home .pp-biz.sales .biz li {width:25%;}
.pp-login.home .pp-biz.developer .biz li {width:50%;}
.pp-login.home .pp-biz.individual .biz li.m1 a{background-image:url(../images/icon/pp_biz_01.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.individual .biz li.m2 a{background-image:url(../images/icon/pp_biz_02.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.individual .biz li.m3 a{background-image:url(../images/icon/pp_biz_03.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.individual .biz li.m4 a{background-image:url(../images/icon/pp_biz_04.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.sales .biz li.m1 a{background-image:url(../images/icon/pp_biz_05.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.sales .biz li.m2 a{background-image:url(../images/icon/pp_biz_01.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.sales .biz li.m3 a{background-image:url(../images/icon/pp_biz_02.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.sales .biz li.m4 a{background-image:url(../images/icon/pp_biz_06.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.developer .biz li.m1 a{background-image:url(../images/icon/pp_biz_07.png);background-repeat:no-repeat;background-position:center 12px;}
.pp-login.home .pp-biz.developer .biz li.m2 a{background-image:url(../images/icon/pp_biz_08.png);background-repeat:no-repeat;background-position:center 12px;}

.pp-login.home .pp-user {float:left;width:26%;height:160px;background:url("../images/img/vline-dashed-gray.gif") repeat-y 0 0;}
.pp-login.home .pp-user .user {height:95px;margin-left:11%;}
.pp-login.home .pp-user .user .kr {font-size:1.4rem;color:#293846;padding-top:5px;}
.pp-login.home .pp-user .user .kr strong {font-size:2.4rem;font-weight:normal;}
.pp-login.home .pp-user .user .en {font-size:1.4rem;color:#787f85;}
.pp-login.home .pp-user .btn-area {margin-left:10%;}
.pp-login.home .pp-user .btn-area .btn {float:left;height:48px;font-size:1.4rem;color:#202020;border:1px solid #949494;background-color:#fff;}
.pp-login.home .pp-user .btn-area .btn.primary {color:#fff;border:0;background-color:#da3769;}
.pp-login.home .pp-user.sales .btn-area .btn {width:48%;margin-left:4%;}
.pp-login.home .pp-user.sales .btn-area .btn:first-child {margin-left:0;}
.pp-login.home .pp-user.individual .btn-area .btn.primary {width:100%;}
.pp-login.home .pp-user.developer {width:35%;}
.pp-login.home .pp-user.developer .btn-area .btn {width:31%;margin-left:3.5%;}
.pp-login.home .pp-user.developer .btn-area .btn:first-child {margin-left:0;}

.pp-login.home .module-header h2 {position:relative;margin-bottom:15px;padding-left:13px;font-size:1.3rem;font-weight:bold;color:#0b8c8f;line-height:1;}
.pp-login.home .module-header h2:before {font-family:"fontawesome";content: "\f0da";display:inline-block;position:absolute;top:1px;left:0;font-size:1.3rem;color:#599c96;font-weight:normal;}

.pp-login.home .task-wrap {position:relative;height:62px;overflow:hidden;margin-bottom:20px;}
.pp-login.home .task-wrap:before {position:absolute;top:31px;content:"";display:block;width:100%;height:2px;background-color:#8394a6;z-index:1;}
.pp-login.home .task-wrap:after {position:absolute;right:0;top:30px;content:"";display:block;width:4px;height:4px;border-radius:50%;background-color:#8394a6;}
.pp-login.home .task-wrap ul>li>a {display:inline-block;font-size:1.4rem;color:#293846;font-weight:bold;}
.pp-login.home .task-wrap ul>li>a>em {position:relative;top:3px;font-size:2rem;color:#fd195e;font-weight:normal;margin-left:10px;}
.pp-login.home .task-wrap .m-task {position:relative;float:left;z-index:2;}
.pp-login.home .task-wrap .m-task ul {height:62px;border:1px solid #777f87;border-radius:31px;padding:13px 25px;background-color:#fff;}
.pp-login.home .task-wrap .m-task ul li {float:left;padding:0 15px;}
.pp-login.home .task-wrap .s-task {margin-left:330px;}
.pp-login.home .task-wrap .s-task ul li {position:relative;float:left;height:62px;border-top:1px solid #ced0d3;margin-right:32px;padding:13px 0 0 38px;border-bottom:1px solid #ced0d3;background-color:#f3f3f3;z-index:2;}
.pp-login.home .task-wrap .s-task ul li:before {position:absolute;left:0;top:-1px;content:"";display:block;width:4px;height:62px;background-color:#30404f;}
.pp-login.home .task-wrap .s-task ul li:after {position:absolute;right:-32px;top:-1px;content:"";display:block;width:32px;height:62px;background:url(../images/bg/task_list.png) no-repeat 0 0;}
.pp-login.home .task-wrap .s-task ul li.sm {width:13.5%;}
.pp-login.home .task-wrap .s-task ul li.md {width:15%;}
.pp-login.home .task-wrap .s-task ul li.lg {width:21%;}
.pp-login.home .task-wrap .s-task ul li {margin-left:1.1%;}
.pp-login.home .task-wrap .s-task ul li:first-child {margin-left:1.6%;}

.pp-login.home .page-content .board {width:49%;border-top:2px solid #4d5762;}

.pp-login.home .page-footer {min-width:1400px;}
.pp-login.home .page-footer .inner {width:auto;margin:0;}
.pp-login.home .page-footer .copy {margin:18px 0 0 40px;}
.pp-login.home .page-footer .util {float:right;margin:18px 40px 0 0;}

.pp-login.home2 .page-content .key-visual2{position:relative;min-width:1400px;height:161px;background-color:#ccc6c4;background-image:url("../images/img/people_circle2.png");background-repeat:no-repeat;background-position:right top;border-top:1px solid #a8a8a8;color:#fff;overflow:hidden;}
.pp-login.home2 .page-content .key-visual2:before{position:absolute;top:0;left:36px;display:block;width:157px;height:123px;background:url("../images/img/people_circle1.png") no-repeat 0 0;content:"";}
.pp-login.home2 .page-content .key-visual2 .title{margin-top:36px;margin-left:240px;font-family:"LGSmHaR";font-size:30px;line-height:52px;}
.pp-login.home2 .page-content .key-visual2 .slogan{margin-left:240px;font-size:14px;line-height:34px;}

.pp-login.home2 .page-content .content-row{margin-top:60px;}

.pp-login.home2 .pp-user{height:130px;background:none;}
.pp-login.home2 .pp-user.sales{width:377px;}
.pp-login.home2 .pp-user.individual{width:377px;}
.pp-login.home2 .pp-user.developer{width:572px;}
.pp-login.home2 .pp-user .user{height:89px;margin-top:-7px;margin-left:0;}
.pp-login.home2 .pp-user .user .kr{padding-top:0;}
.pp-login.home2 .pp-user .exp-date {margin-top:6px;}
.pp-login.home2 .pp-user .exp-date li {position:relative;float:left;margin-left:10px;padding-left:11px;}
.pp-login.home2 .pp-user .exp-date li:before {content:"";position:absolute;left:0;top:4px;width:1px;height:11px;background-color:#ddd;}
.pp-login.home2 .pp-user .exp-date li:first-child {margin-left:0;padding-left:0;}
.pp-login.home2 .pp-user .exp-date li:first-child:before {content:none;}
.pp-login.home2 .pp-user .exp-date li em {color:#009f91;font-weight:bold;}
.pp-login.home2 .pp-user .btn-area{margin-left:0;}
.pp-login.home2 .pp-user.sales .btn-area .btn,
.pp-login.home2 .pp-user.individual .btn-area .btn.primary,
.pp-login.home2 .pp-user.developer .btn-area .btn{width:180px;margin-left: 15px;}
.pp-login.home2 .pp-user.individual .btn-area .btn.primary:first-child{margin-left: 0;}
.pp-login.home2 .pp-user .btn-area .btn:hover{background-color:#f5f5f5;}
.pp-login.home2 .pp-user .btn-area .btn.primary:hover{background-color:#ad0c39;}

.pp-login.home2 .pp-biz{height:130px;background:none;}
.pp-login.home2 .pp-biz.developer{width:392px;}
.pp-login.home2 .pp-biz .biz{width:589px;margin:0 auto;}
.pp-login.home2 .pp-biz.developer .biz{width:392px;margin-top:0;}
.pp-login.home2 .pp-biz .biz li:before{top:85px;}
.pp-login.home2 .pp-biz .biz li a{width:85%;height:131px;padding-top:20px;padding-bottom:92px;border:1px solid transparent;line-height:17px;}
.pp-login.home2 .pp-biz .biz li a:hover{background-color:#f9f9f9;border:1px solid #ddd;}

.pp-login.home2 .pp-biz.individual .biz li.m1 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.individual .biz li.m2 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.individual .biz li.m3 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.individual .biz li.m4 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.sales .biz li.m1 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.sales .biz li.m2 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.sales .biz li.m3 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.sales .biz li.m4 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.developer .biz li.m1 a{background-position:center 58px;}
.pp-login.home2 .pp-biz.developer .biz li.m2 a{background-position:center 58px;}

.pp-login.home2 .page-content .banner.type4{float:right;width:354px;}
.pp-login.home2 .page-content .banner.type4 ul li{float:left;width:48%;margin-left:4%;}
.pp-login.home2 .page-content .banner.type4 ul li:first-child{margin-left:0;}
.pp-login.home2 .page-content .banner.type4 ul li a{position:relative;display:block;height:131px;padding-top:18px;background-color:#f9f9f9;border:1px solid #ddd;text-align:center;}
.pp-login.home2 .page-content .banner.type4 ul li a:hover{background-color:#f1edea;}
.pp-login.home2 .page-content .banner.type4.sales ul li.m1 a{background-image:url("../images/icon/man_gray.png");background-repeat:no-repeat;background-position:center 71px;}
.pp-login.home2 .page-content .banner.type4.individual ul li.m1 a{background-image:url("../images/icon/cash_gray.png");background-repeat:no-repeat;background-position:center 71px;}
.pp-login.home2 .page-content .banner.type4.developer ul li.m1 a{background-image:url("../images/icon/people_gray.png");background-repeat:no-repeat;background-position:center 71px;}
.pp-login.home2 .page-content .banner.type4.sales ul li.m2 a,.pp-login.home2 .page-content .banner.type4.individual ul li.m2 a,.pp-login.home2 .page-content .banner.type4.developer ul li.m2 a{background-image:url("../images/icon/book_gear_gray.png");background-repeat:no-repeat;background-position:center 67px;}
.pp-login.home2 .page-content .banner.type4 ul li a:after{position:absolute;right:0;bottom:0;display:block;width:40px;height:37px;content:"";}
.pp-login.home2 .page-content .banner.type4 ul li.arrow a:after{background:url("../images/icon/pp_main_signup_addon_01.png") no-repeat right bottom;}
.pp-login.home2 .page-content .banner.type4 ul li.download a:after{background:url("../images/icon/pp_main_signup_addon_02.png") no-repeat right bottom;}
.pp-login.home2 .page-content .banner.type4 ul li a .title{display:block;color:#222;font-size:16px;line-height:21px;}
.pp-login.home2 .page-content .banner.type4 ul li a .description{display:block;line-height:16px;}
.pp-login.home2 .page-content .banner.type4 ul li a .description.type1{color:#999;}
.pp-login.home2 .page-content .banner.type4 ul li a .description.type2{color:#f6336f;}

.pp-login.home2 .task-wrap2 > div{float:left;}
.pp-login.home2 .task-wrap2 > div ul li{float:left;height:61px;padding-top:18px;font-weight:bold;text-align:center;}
.pp-login.home2 .task-wrap2 > div ul li span{color:#000;font-size:14px;line-height:18px;vertical-align:middle;}
.pp-login.home2 .task-wrap2 > div ul li a{display:inline-block;margin-top:1px;margin-left:8px;color:#d94c77;font-size:18px;line-height:18px;vertical-align:top;}
/* IE 10, 11 hack */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .pp-login.home2 .task-wrap2 > div ul li a{margin-top:2px;}
}
.pp-login.home2 .task-wrap2 > div ul li a:hover{color:#ad0338;}

.pp-login.home2 .task-wrap2 .m-task{width:30%;border:1px solid #ddd;}
.pp-login.home2 .task-wrap2 .m-task ul{width:90%;margin:0 auto;}
.pp-login.home2 .task-wrap2 .m-task ul li{width:33.3%;}

.pp-login.home2 .task-wrap2 .s-task{width:70%;}
.pp-login.home2 .task-wrap2 .s-task ul{border:solid #ddd;border-width:1px 1px 1px 0;}
.pp-login.home2 .task-wrap2 .s-task ul li{position:relative;width:20%;}
.pp-login.home2 .task-wrap2 .s-task ul li:hover{background-color:#f5f5f5;}
.pp-login.home2 .task-wrap2 .s-task ul li:before,.pp-login.home2 .task-wrap2 .s-task ul li:after{position:absolute;top:0;bottom:0;z-index:1;display:block;width:33px;height:61px;background:url("../images/icon/arrow_right_03.png") no-repeat 0 0;content:"";}
.pp-login.home2 .task-wrap2 .s-task ul li:before{left:-17px;}
.pp-login.home2 .task-wrap2 .s-task ul li:after{right:-16px;}
.pp-login.home2 .task-wrap2 .s-task ul li:hover:before{z-index:2;background:url("../images/icon/arrow_right_03_hover_01.png") no-repeat 0 0;}
.pp-login.home2 .task-wrap2 .s-task ul li:hover:after{z-index:2;background:url("../images/icon/arrow_right_03_hover_02.png") no-repeat 0 0;}
.pp-login.home2 .task-wrap2 .s-task ul li:first-child:before,.pp-login.home2 .task-wrap2 .s-task ul li:last-child:after{content:none;}

.pp-login.home2 .page-content .board ul li:before{content:none;}

.pp-login.home2.guest .page-header .logo-area{float:left;margin:19px 0 0 40px;}
.pp-login.home2.guest .page-header .logo-area a{display:block;width:88px;height:13px;color:#b0133f;font-family:"LGSmHaR";font-size:18px;letter-spacing:-0.05em;}
.pp-login.home2.guest .page-header .logo-area a img{vertical-align:top;}

.pp-login.home2.guest .page-content .key-visual2 .title{
    margin-top: 40px;
    font-family:"Malgun Gothic", sans-serif;
    font-size: 24px;
    line-height: 46px;
}
.pp-login.home2.guest .page-content .key-visual2 .slogan{
    font-size: 12px;
}

/* mymenu for mainpage */
.section.mymenu {height: 320px;margin: 0 auto;float: none;border: 0;border-bottom: 2px solid #f92465;padding: 40px 30px;text-align: center;}
.section.mymenu .menu {padding: 40px 0;}
.section.mymenu .menu:after {content:''; display:block; clear:both;}
.section.mymenu .menu > li {display: inline-block;text-align:center;position:relative;margin: 0 20px;vertical-align: middle;height: 170px;}
.section.mymenu .menu > li.mdiv {border-left: 1px solid #ddd;/* padding-left: 20px; */margin: 0 25px;height: 100px;width: 0px;}
.section.mymenu .menu > li > a {position:relative;display:block;width:130px;margin:0 auto;padding-top: 140px;}
.section.mymenu .menu > li > a:before {display:block;content:"";position:absolute;left:calc(50% - 65px);top: 0;width:130px;height:130px;border-radius:50%;background-color:#f8f8f8;z-index:1;transition:all 0.3s;}
.section.mymenu .menu > li > a:hover:before, 
.section.mymenu .menu > li > a:focus:before {background-color:#edf3f7; transform:scale(1.1); transform-orgin:center; top: -10px;}
.section.mymenu .menu > li > a:after {content:"";position:absolute;left:calc(50% - 65px);top:0;display:block;width:130px;height: 120px;z-index:2;}
.section.mymenu .menu > li a + span { background:#f92465; color:#fff; font-size:14px; font-weight:bold; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding: 2px 9px 3px; display:inline-block; border-radius:50px; position:absolute; top:10px; right: 20px; z-index:10; transition:all 0.3s; }
.section.mymenu .menu > li:hover > a + span {top:0px;right: 0px;}
.section.mymenu .menu > li > a:hover:after {margin-top:-5px; transition:margin 0.1s;}
.section.mymenu .menu > li > a > i {position:absolute;left:calc(50% - 65px);top: 15px;display:block;width:130px;height: 120px;z-index:2;transition:all 0.3s;}
.section.mymenu .menu > li:hover > a > i {top:5px}
.section.mymenu .menu li > a span {display:inline-block;font-size:1.6rem;color:#202020;line-height:2.4rem;}
.section.mymenu .menu ul li {position:relative;display: table;height: 85px;width: 170px;margin-bottom: 5px;/* overflow:hidden; */}
.section.mymenu .menu ul li i,
.section.mymenu .menu ul li a:before {position: absolute;left: 0;top: 0; transition:all 0.2s;}
.section.mymenu .menu ul li:hover i {transform:scale(1.05); transform-orgin:center;}
.section.mymenu .menu ul li a {padding: 10px 10px 10px 90px;height: 40px;vertical-align: middle;display: table-cell;text-align: left;}
.section.mymenu .menu ul li a img {width:70px;}
.section.mymenu .menu ul li a + span {left:50px; right:auto;}
.section.mymenu .menu ul li a:before {display:block;content:"";position:absolute;left:-5px;top: 0;width:80px;height:80px;border-radius:50%;background-color:#f8f8f8;z-index:0;transition:all 0.3s;}
.section.mymenu .menu ul li a:hover:before {background-color:#edf3f7;}

/* Sales Home */
#wrapper.home-sales {overflow: hidden;height:auto;}
.home-sales .page-header {height: 50px;min-height:0;border-bottom: 1px solid #ddd;}
.home-sales .page-header .util {float:right;margin-top:16px;}
.home-sales .page-header .util li {position:relative;float:left;padding:0 20px 0 21px;}
.home-sales .page-header .util li:before {content:"";position:absolute;left:0;top:1px;width:1px;height:16px;background-color:#d6d6d6;}
.home-sales .page-header .util li:first-child:before {content:none;padding-left:0;}
.home-sales .page-header .util li a {font-family:"LGSmHaR";font-size:1.3rem;color:#202020;}

.home-sales .page-content {padding:0; width: 1280px;margin: 0 auto; padding: 0 30px 30px;}
.home-sales .section.mymenu {padding: 100px 30px 80px;height: 400px;}
.home-sales .section.mymenu .menu > li {margin:0 40px;}

.home-sales .module-header {margin-bottom: 20px;}
.home-sales .module-header h2 {font-size:20px;color:#66676a;}

.home-sales .content-row:after {content:"";clear:both;display:block;}
.home-sales .section.performance {height: 300px;border-bottom:1px solid #e5e5e5;background:url(../images/bg/pattern_yellow_8x8.gif) repeat 0 0;margin-bottom: 20px;}
.home-sales .section.performance .performance-view {position:relative;}
.home-sales .section.performance .performance-view .inner {width:100%;height: 192px;text-align:right;border-radius:6px;padding: 20px 26px 0;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1);background-color:#fff;}
.home-sales .section.performance .performance-view .kr {font-size:1.6rem;color:#747474;margin-right:11px;margin-bottom: 20px;}
.home-sales .section.performance .performance-view .ar {font-size:3.2rem;color:#747474;line-height:2.3em;margin-right:7px;}
.home-sales .section.performance .performance-view .ar em {font-family:"Arial";font-size:6.8rem;color:#443d33;}
.home-sales .section.performance .performance-view .ar span {position:relative;top:-7px;margin-left:7px;}

.home-sales .section.performance .performance-view .progressbar {position:relative;}
.home-sales .section.performance .performance-view .progressbar:before {content:"";display:block;position:absolute;left:0;top:-2px;width:1px;height:10px;background-color:#443d33;}
.home-sales .section.performance .performance-view .progressbar:after {content:"";display:block;position:absolute;right:0;top:-2px;width:1px;height:10px;background-color:#443d33;}
.home-sales .section.performance .performance-view .progressbar .bar {height:6px;background-color:#e5e5e5;}
.home-sales .section.performance .performance-view .progressbar .value {position:absolute;right:0;top:0;width:auto;height:6px;background-color:#f26e7e;}
.home-sales .section.performance .performance-view .progressbar .value:after {content:"";display:block;position:absolute;left:0;top:-2px;width:1px;height:10px;background-color:#443d33;}
.home-sales .section.performance .performance-view .progressbar .ratio {font-size:1.1rem;color:#f26e7e;margin:10px 8px 0 0;}

.home-sales .content-row:after {content:"";clear:both;display:block;}
.home-sales .content-row.div3 .section {float:left;width:33.333333%;}
.home-sales .content-row.div2 .section {float:left;width:50%;}
.home-sales .content-row .section {border: 1px solid #e5e5e5;border-right: 0px;padding: 30px 40px;}
.home-sales .content-row .section:last-child {border-right: 1px solid #e5e5e5;}

.home-sales .section.banner.bg-blue {background-color:#f6fafd;}
.home-sales .section.banner.bg-white {background-color:#fff;}
.home-sales .section.banner {height: 250px;background-color: #f5f5f5;}
.home-sales .section.banner > a {position:relative;display:block;}
.home-sales .section.banner > a .desc {font-size:1.4rem;color:#202020;line-height:2.4rem;word-break:keep-all;}
.home-sales .section.banner > a .more {position:absolute;left: 0;bottom: -50px;color:#6f7781;padding-right:14px;display: inline-block;padding: 5px 27px 5px 10px;background: #eee;}
.home-sales .section.banner > a .more:after {font-family:"fontawesome";content:"\f101";display:inline-block;position:absolute;top: 1px;right: 6px;font-size:1.8rem;color:#ccc;font-weight:normal;}
.home-sales .section.banner > a:focus .more,
.home-sales .section.banner > a:hover .more {color:#fff; background:#f92465}
.home-sales .section.banner > a:focus .more:after,
.home-sales .section.banner > a:hover .more:after {color:#fff;}
.home-sales .section.banner > a:focus .desc,
.home-sales .section.banner > a:hover .desc {text-decoration:underline;}
.home-sales .section.banner li a {color:#333;margin-right:10px;margin-bottom:5px;display:inline-block;white-space:nowrap;width: 83%;overflow:hidden;text-overflow:ellipsis;}
.home-sales .section.banner li a + span {color:#888;position: absolute;text-align: right;width: 60px;}

.home-sales .section.t-info {background-color:#f5f5f5;height: 175px;}
.home-sales .section.t-info .desc {font-size: 1.4rem;margin-bottom: 15px;}
.home-sales .section.t-info .t-btn {/* padding:25px 40px 0 30px; */}
.home-sales .section.t-info .t-btn li {float:left;margin: 0 5px 10px 0;}
.home-sales .section.t-info .t-btn li button {font-size:14px;color:#40444a;padding: 3px 15px 5px;border:1px solid #6f7781;border-radius:13px;background-color: #fff;}
.home-sales .section.t-info .t-btn li button:focus,
.home-sales .section.t-info .t-btn li button:hover {background-color:#dcdcdc;}

.home-sales .section.board {height: 300px;margin-bottom: 30px;}
.home-sales .section.board ul {margin-top:25px;}
.home-sales .section.board ul li {position:relative;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin-top:10px;padding:0 80px 0 13px;}
.home-sales .section.board ul li:before {content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#b6b6b6;}
.home-sales .section.board ul li span {font-size:1.2rem;color:#909090;}
.home-sales .section.board ul li span.right {position:absolute; right:0; top:0;}
.home-sales .section.board.link ul li {padding:0 0 0 13px;text-overflow:clip;white-space:normal;word-wrap:normal;overflow:visible;}
.home-sales .section.board.link ul li a {display:block;font-size: 1.4rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding-right:80px;}
.home-sales .section.board ul li.highlight, 
.home-sales .section.board.link ul li.highlight a {color:#f92465;}
.home-sales .section.board ul li.highlight span {color:#909090;}

/* purchasing Home */
#wrapper.home-purchasing {overflow: hidden;height:auto;}
.home-purchasing .page-header {height: 50px;min-height:0;border-bottom: 1px solid #ddd;}
.home-purchasing .page-header h2 {font-size:24px;margin-left: 15px;}
.home-purchasing .page-header .util {float:right;margin-top:16px;}
.home-purchasing .page-header .util li {position:relative;float:left;padding:0 20px 0 21px;}
.home-purchasing .page-header .util li:before {content:"";position:absolute;left:0;top:1px;width:1px;height:16px;background-color:#d6d6d6;}
.home-purchasing .page-header .util li:first-child:before {content:none;padding-left:0;}
.home-purchasing .page-header .util li a {font-family:"LGSmHaR";font-size:1.3rem;color:#202020;}

.home-purchasing .page-content {padding:0; width: 1380px;margin: 0 auto; padding: 0 30px 30px;}

.home-purchasing .module-header {margin-bottom: 20px;}
.home-purchasing .module-header h2 {font-size:20px;color:#66676a;}

.home-purchasing .content-row:after {content:"";clear:both;display:block;}
.home-purchasing .content-row.div3 .section {float:left;width:33.333333%;}
.home-purchasing .content-row.div2 .section {float:left;width:50%;}
.home-purchasing .content-row .section {border: 1px solid #e5e5e5;border-right: 0px;padding: 30px 40px;}
.home-purchasing .content-row .section:last-child {border-right: 1px solid #e5e5e5;}

.home-purchasing .section.bg-blue {background-color:#f6fafd;}
.home-purchasing .section.banner {height: 175px;background-color: #f5f5f5;}
.home-purchasing .section.banner > a {position:relative;display:block;}
.home-purchasing .section.banner > a .desc {font-size:1.4rem;color:#202020;line-height:2.4rem;word-break:keep-all;}
.home-purchasing .section.banner > a .more {position:absolute;left: 0;bottom: -40px;color:#6f7781;padding-right:14px;}
.home-purchasing .section.banner > a .more:after {font-family:"fontawesome";content:"\f101";display:inline-block;position:absolute;top:-4px;right:0;font-size:1.8rem;color:#ccc;font-weight:normal;}
.home-purchasing .section.banner > a:focus .more,
.home-purchasing .section.banner > a:hover .more {color:#202020;}
.home-purchasing .section.banner > a:focus .more:after,
.home-purchasing .section.banner > a:hover .more:after {color:#f26e7e;}
.home-purchasing .section.banner > a:focus .desc,
.home-purchasing .section.banner > a:hover .desc {text-decoration:underline;}
.home-purchasing .section.banner li a {color:#333;margin-right:10px;margin-bottom:5px;display:inline-block;white-space:nowrap;width: 83%;overflow:hidden;text-overflow:ellipsis;}
.home-purchasing .section.banner li a + span {color:#888;position: absolute;text-align: right;width: 60px;}

.home-purchasing .section.t-info {background-color:#f5f5f5;height: 175px;}
.home-purchasing .section.t-info .desc {font-size: 1.4rem;margin-bottom: 15px;}
.home-purchasing .section.t-info .t-btn {/* padding:25px 40px 0 30px; */}
.home-purchasing .section.t-info .t-btn li {float:left;margin: 0 5px 10px 0;}
.home-purchasing .section.t-info .t-btn li button {font-size:14px;color:#40444a;padding: 3px 15px 5px;border:1px solid #6f7781;border-radius:13px;background-color: #fff;}
.home-purchasing .section.t-info .t-btn li button:focus,
.home-purchasing .section.t-info .t-btn li button:hover {background-color:#dcdcdc;}

.home-purchasing .section.board {height: 300px;margin-bottom: 30px;}
.home-purchasing .section.board ul {margin-top:25px;overflow-y: auto;height: 200px;padding-right: 10px;}
.home-purchasing .section.board ul li {position:relative;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin-top:10px;padding:0 80px 0 13px;}
.home-purchasing .section.board ul li:before {content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#b6b6b6;}
.home-purchasing .section.board ul li span {font-size:1.2rem;color:#909090;}
.home-purchasing .section.board ul li span.right {position:absolute; right:0; top:0;}
.home-purchasing .section.board.link ul li {padding:0 0 0 13px;text-overflow:clip;white-space:normal;word-wrap:normal;overflow:visible;}
.home-purchasing .section.board.link ul li a {display:block;font-size: 1.4rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding-right:80px;}
.home-purchasing .section.board ul li.highlight, 
.home-purchasing .section.board.link ul li.highlight a {color:#f92465;}
.home-purchasing .section.board ul li.highlight span {color:#909090;}
.home-purchasing *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.home-purchasing *::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.home-purchasing *::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #cccccc;
}

/* HR Home */
.home-hr .page-content {padding:0; width: 1320px;margin: 0 auto; padding: 0 30px 30px;}
.home-hr .page-content {padding: 0;}
.home-hr .content-row + .content-row {padding-top: 50px;}
.home-hr .calendar-wrap {width: 66.66%;float: left;}
.home-hr .tabs-wrap {height:41px;}
.home-hr .tabs-wrap .module-header {float:left;}
.home-hr .module-header h2 {font-size:20px;color:#66676a;}
.home-hr .tabs-wrap {border-bottom: 1px solid #ddd;}
.home-hr .tabs-wrap .nav-tabs {float:right;border-bottom:0;}
.home-hr .tabs-wrap .nav>li>a {padding: 11px 24px 12px;}

.home-hr .page-header {height: 50px;min-height:0;border-bottom: 1px solid #ddd;}
.home-hr .page-header h2 {font-size:24px;margin-left: 15px;}
.home-hr .page-header .util {float:right;margin-top:16px;}
.home-hr .page-header .util li {position:relative;float:left;padding:0 20px 0 21px;}
.home-hr .page-header .util li:before {content:"";position:absolute;left:0;top:1px;width:1px;height:16px;background-color:#d6d6d6;}
.home-hr .page-header .util li:first-child:before {content:none;padding-left:0;}
.home-hr .page-header .util li a {font-family:"LGSmHaR";font-size:1.3rem;color:#202020;}

.home-hr .hr-calendar table {border-top:0;border-collapse:collapse;margin-right:-10px;}
.home-hr .hr-calendar table thead th {height:40px;font-size:1.2rem;color:#000;font-weight:bold;text-align:center;vertical-align:middle;border-top:1px solid #4d5762;border-right:1px solid #eee;border-bottom:1px solid #cdcdcd;border-left:1px solid #eee;background-color:#f8f8f8;}

.home-hr .hr-calendar table tbody td {font-size:1.2rem;color:#404040;text-align:left;vertical-align:top;line-height:1.4rem;padding:5px;border-right:1px solid #eee;border-bottom:1px solid #cdcdcd;border-left:1px solid #eee;background-color:#fff;}
.home-hr .hr-calendar table tbody td>div {min-height:60px;}
.home-hr .hr-calendar table tbody .cal-label {vertical-align:middle;border-bottom:1px solid #cdcdcd;text-align: center;}
.home-hr .hr-calendar table tbody .cal-label>div {display:inline-block;width: 100px;height:46px;font-size: 1.4rem;font-weight:bold;text-align:center;line-height:1.4rem;margin: 0 20px;/* padding-right:10px; */border: 2px solid #f92465;color: #f92465;border-radius:100px;}
.home-hr .hr-calendar table tbody .cal-label .lb1 {padding-top:14px;}
.home-hr .hr-calendar table tbody .cal-label .lb2 {padding-top:14px;}
.home-hr .hr-calendar table tbody .cal-label .lb3 {padding-top:7px;}
.home-hr .hr-calendar table tbody .cal-label .lb4 {padding-top:7px;}
.home-hr .hr-calendar table tbody td>div>ul>li {position:relative;margin-top:5px;padding-left:10px;}
.home-hr .hr-calendar table tbody td>div>ul>li:first-child {margin-top:0;}
.home-hr .hr-calendar table tbody td>div>ul>li:before {content:"";position:absolute;left:0;top:6px;width:3px;height:3px;background-color:#b6b6b6;}

.home-hr .section {padding: 30px 40px;}
.home-hr .section.mymenu {margin-bottom: 45px;}
.home-hr .section.board {height: 200px;margin-bottom: 18px;width:32.0%;float:right;position: relative;background-color:#f6fafd;border: 1px solid #ddd;}
.home-hr .section.board ul {margin-top:45px;/* position:relative; */}
.home-hr .section.board ul li {position:relative;font-size:1.3rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;margin-top:10px;padding:0 80px 0 13px;}
.home-hr .section.board ul li:before {content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background-color:#b6b6b6;}
.home-hr .section.board ul li.per {position: absolute;font-size: 35px;right: 30px;top: 5px;}
.home-hr .section.board ul li span {font-size:1.2rem;color:#909090;}
.home-hr .section.board ul li span.right {position:absolute; right:0; top:0;}
.home-hr .section.board.link ul li {padding:0 0 0 13px;text-overflow:clip;white-space:normal;word-wrap:normal;overflow:visible;}
.home-hr .section.board.link ul li a {display:block;font-size: 1.4rem;color:#202020;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;padding-right:80px;}
.home-hr .section.board ul li.highlight, 
.home-hr .section.board.link ul li.highlight a {color:#f92465;}
.home-hr .section.board ul li.highlight span {color:#909090;}

.home-hr .section.bg-blue {background-color:#f6fafd; }
.home-hr .section.banner {height: 175px;background-color: #f5f5f5;width:32.0%;float:right;border: 1px solid #ddd;}
.home-hr .section.banner > a {position:relative;display:block;}
.home-hr .section.banner > a .desc {font-size:1.4rem;color:#202020;line-height:2.4rem;word-break:keep-all;}
.home-hr .section.banner > a .more {position:absolute;left: 0;bottom: -40px;color:#6f7781;padding-right:14px;}
.home-hr .section.banner > a .more:after {font-family:"fontawesome";content:"\f101";display:inline-block;position:absolute;top:-4px;right:0;font-size:1.8rem;color:#ccc;font-weight:normal;}
.home-hr .section.banner > a:focus .more,
.home-hr .section.banner > a:hover .more {color:#202020;}
.home-hr .section.banner > a:focus .more:after,
.home-hr .section.banner > a:hover .more:after {color:#f26e7e;}
.home-hr .section.banner > a:focus .desc,
.home-hr .section.banner > a:hover .desc {text-decoration:underline;}
.home-hr .section.banner li a {color:#333;margin-right:10px;margin-bottom:5px;display:inline-block;white-space:nowrap;width: 83%;overflow:hidden;text-overflow:ellipsis;}
.home-hr .section.banner li a + span {color:#888;position: absolute;text-align: right;width: 60px;}


.ep-access .home-hr2 .common-button{display: block;}
.home-hr2{min-width:1340px;background:#fff;}
.home-hr2 .page-header{z-index:1;}
.home-hr2 .page-content{width:1260px;padding:53px 0;}
.home-hr2 .page-content .content-header{position:relative;border-bottom:2px solid #8e8e8e;}
.home-hr2 .page-content .content-header:before{position:absolute;bottom:-2px;left:59px;display:block;width:469px;height:110px;background:url("../images/img/bg_hr_main.png") no-repeat 0 0;content:"";}
.home-hr2 .page-content .content-row + .content-row{padding-top:30px;}
.home-hr2 .page-content .content-row .content-container{width:1260px;margin:0 auto;}
.home-hr2 .page-content .content-header .content-container{padding:30px 0 20px;}

.home-hr2 .page-content .content-row .content-container .header-bnr{float:right;}
.home-hr2 .page-content .content-row .content-container .header-bnr li{float:left;margin-left:20px;}
.home-hr2 .page-content .content-row .content-container .header-bnr li:first-child{margin-left:0;}
.home-hr2 .page-content .content-row .content-container .header-bnr li a{position:relative;display:block;width:190px;height:60px;padding-top:19px;background-color:#fff;background-repeat:no-repeat;background-size: 34px 34px;border:1px solid #bbb;color:#222;font-size:16px;line-height:18px;}
.home-hr2 .page-content .content-row .content-container .header-bnr li a:hover{background-color:#f8f8f8;border-color:#bbb;color:#222;}
.home-hr2 .page-content .content-row .content-container .header-bnr li a:after{position:absolute;right:0;bottom:0;display:block;width:40px;height:37px;background-repeat:no-repeat;background-position:0 0;content:"";}
.home-hr2 .page-content .content-row .content-container .header-bnr .item1 a{padding-left:80px;background-image:url("../images/icon/paper_man.png");background-position:22px center;}
.home-hr2 .page-content .content-row .content-container .header-bnr .item2 a{padding-left:70px;background-image:url("../images/icon/paper_pencil.png");background-position:22px center;}
.home-hr2 .page-content .content-row .content-container .header-bnr .item1 a:after{background-image:url("../images/icon/download-pink.png");}
.home-hr2 .page-content .content-row .content-container .header-bnr .item2 a:after{background-image:url("../images/icon/arrow_right_05_pink.png");}

.home-hr2 .page-content .content-row .content-container .main-nav{width:100%;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul{display:-webkit-inline-flex;display:-ms-inline-flex;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li{float:left;width:400px;height:auto;min-height:220px;margin-bottom:30px;margin-left:30px;background-color:#f8f8f8;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li:nth-child(3n+1){margin-left:0;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > strong{float:left;width:170px;height:220px;padding-top:121px;color:#222;font-size:16px;line-height:18px;text-align:center;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon1{background:url("../images/icon/hr_main_01.png") no-repeat center 41px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon2{background:url("../images/icon/hr_main_02.png") no-repeat center 41px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon3{background:url("../images/icon/hr_main_03.png") no-repeat center 42px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon4{background:url("../images/icon/hr_main_04.png") no-repeat center 41px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon5{background:url("../images/icon/hr_main_05.png") no-repeat center 41px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > .list-icon6{background:url("../images/icon/hr_main_06.png") no-repeat center 36px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > ul{float:left;width:230px;height:auto;padding:34px 0;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > ul > li{padding-left:14px;background:url("../images/icon/bu_circle.png") no-repeat 0 center;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > ul > li > a{color:#555;font-size:16px;line-height:30px;}
.home-hr2 .page-content .content-row .content-container .main-nav > ul > li > ul > li > a:hover{color:#f92465;}

.home-hr2 .page-footer {position:fixed;right:0;bottom:0;left:0;min-width:1340px;height:52px;background-color:#f5f5f5;}
.home-hr2 .page-footer .inner {width:1260px;margin:0 auto;}
.home-hr2 .page-footer .copy {float:left;font-family:"LGSmHaL";font-size:1.4rem;color:#aab2ba;margin-top:18px;}
.home-hr2 .page-footer .copy em {color:#4d565f;}