@font-face {
    font-family: Noto Sans KR R;
    src: url(../fonts/notokr-regular.eot); /* IE 호환성 보기 */
    src: url(../fonts/notokr-regular.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */ url(../fonts/notokr-regular.woff2) format('woff2'), /* WOFF2 지원 브라우저 */ url(../fonts/notokr-regular.woff) format('woff'), /* 모던 브라우저 */ url(../fonts/notokr-regular.ttf) format('truetype');
}
@font-face {
    font-family: Noto Sans KR L;
    src: url(../fonts/notokr-light.eot); /* IE 호환성 보기 */
    src: url(../fonts/notokr-light.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */ url(../fonts/notokr-light.woff2) format('woff2'), /* WOFF2 지원 브라우저 */ url(../fonts/notokr-light.woff) format('woff'), /* 모던 브라우저 */ url(../fonts/notokr-light.ttf) format('truetype');
}
@font-face {
    font-family: Noto Sans KR B;
    src: url(../fonts/notokr-bold.eot); /* IE 호환성 보기 */
    src: url(../fonts/notokr-bold.eot#iefix) format('embedded-opentype'), /* IE 6 ~ 8 */ url(../fonts/notokr-bold.woff2) format('woff2'), /* WOFF2 지원 브라우저 */ url(../fonts/notokr-bold.woff) format('woff'), /* 모던 브라우저 */ url(../fonts/notokr-bold.ttf) format('truetype');
}
/*** 커스텀 아이콘 ***/
@font-face {
    font-family: 'cargo';
    src: url('../fonts/cargo.eot?1j0j1e');
    src: url('../fonts/cargo.eot?1j0j1e#iefix') format('embedded-opentype'), url('../fonts/cargo.ttf?1j0j1e') format('truetype'), url('../fonts/cargo.woff?1j0j1e') format('woff'), url('../fonts/cargo.svg?1j0j1e#cargo') format('svg');
    font-weight: normal;
    font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cargo' !important;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-cargo-01:before {
    content: "\e900";
}
.icon-cargo-02:before {
    content: "\e901";
}
.icon-cargo-03:before {
    content: "\e902";
}
.icon-cargo-04:before {
    content: "\e903";
}
.icon-cargo-05:before {
    content: "\e904";
}
.icon-cargo-06:before {
    content: "\e905";
}
.icon-cargo-07:before {
    content: "\e906";
}
.icon-cargo-08:before {
    content: "\e914";
}
.icon-cargo-09:before {
    content: "\e90d";
}
.icon-cargo-10:before {
    content: "\e916";
}
.icon-cargo-11:before {
    content: "\e90e";
}
.icon-cargo-12:before {
    content: "\e91d";
}
.icon-cargo-13:before {
    content: "\e907";
}
.icon-cargo-14:before {
    content: "\e908";
}
.icon-cargo-15:before {
    content: "\e909";
}
.icon-cargo-16:before {
    content: "\e90a";
}
.icon-cargo-17:before {
    content: "\e90b";
}
.icon-cargo-18:before {
    content: "\e90c";
}
/*** /커스텀 아이콘 ***/

/*** elements.min에 있던 스타일 ***/
/*=======================2. JQUERY MMENU ==========================
==================================================================*/

.mm-menu.mm-effect-menu-zoom, .mm-panel {
    -moz-transition: -moz-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
}
.mm-panels, .mm-panels > .mm-panel {
    background: inherit;
    border-color: inherit;
}
.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {
    text-decoration: none;
}
.mm-divider > span, .mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title, .mm-navbar > .mm-breadcrumbs {
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mm-indexer, .mm-menu, .mm-navbar .mm-btn, .mm-page, .mm-panels > .mm-panel, .mm-search, .mm-search input {
    box-sizing: border-box;
}
.mm-hidden {
    display: none!important;
}
.mm-wrapper {
    position: relative;
    overflow-x: hidden;
}
.mm-navbar, .mm-navbar .mm-btn {
    position: absolute;
    height: 40px;
}
.mm-menu, .mm-panels, .mm-panels > .mm-panel {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
}
.mm-menu {
    display: block;
    overflow: hidden;
    padding: 0;
}
.mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.mm-menu.mm-effect-menu-zoom, .mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
}
.mm-fixeddivider, .mm-panel.mm-opened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.mm-panel.mm-opened {
    transform: translate3d(0, 0, 0);
}
.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}
.mm-panel.mm-highest {
    z-index: 1;
}
.mm-panels > .mm-panel {
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px;
    -webkit-overflow-scrolling: touch;
}
.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px;
}
.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
    display: block;
    height: 20px;
    content: '';
}
.mm-vertical .mm-panel {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
}
.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}
.mm-navbar > *, .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block;
}
.mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
    border-color: transparent;
}
.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    bottom: auto;
    height: 40px;
}
.mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
    top: 16px;
    bottom: auto;
}
.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mm-navbar {
    line-height: 20px;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0 40px;
    text-align: center;
    border-color: inherit;
    border-bottom: 1px solid #rgba(255, 255, 255, .2);
}
.mm-navbar > * {
    padding: 10px 0;
}
.mm-navbar .mm-title {
    overflow: hidden;
}
.mm-navbar .mm-btn {
    z-index: 1;
    top: 0;
    width: 40px;
}
.mm-navbar .mm-btn:first-child {
    left: 0;
    padding-left: 20px;
}
.mm-navbar .mm-btn:last-child {
    right: 0;
    padding-right: 20px;
    text-align: right;
}
.mm-panel .mm-navbar {
    display: none;
}
.mm-panel.mm-hasnavbar .mm-navbar {
    display: block;
}
.mm-listview, .mm-listview > li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px;
}
.mm-listview > li {
    position: relative;
}
.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
    border-color: inherit;
}
.mm-listview > li > a, .mm-listview > li > span {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 10px 10px 10px 20px;
    color: inherit;
}
.mm-menu, .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-menu em.mm-counter {
    color: #ccc;
}
.mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
    padding-right: 50px;
}
.mm-listview > li:not(.mm-divider):after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    left: 20px;
}
.mm-listview .mm-next {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    padding: 0;
    background: rgba(3,2,1,0);
}
.mm-listview .mm-next:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
}
.mm-listview .mm-next+a, .mm-listview .mm-next+span {
    margin-right: 50px;
}
.mm-listview .mm-next.mm-fullsubopen {
    width: 100%;
}
.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none;
}
.mm-listview .mm-next.mm-fullsubopen+a, .mm-listview .mm-next.mm-fullsubopen+span {
    margin-right: 0;
    padding-right: 50px;
}
.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px;
}
.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar+.mm-listview {
    margin-top: -20px;
}
.mm-listview .mm-inset {
    margin: 0;
    padding: 0 10px 15px 40px;
    list-style: disc inside;
}
.mm-listview .mm-inset > li {
    padding: 5px 0;
}
.mm-listview .mm-divider {
    font-size: 10px;
    line-height: 25px;
    overflow: hidden;
    text-indent: 20px;
    text-transform: uppercase;
}
.mm-listview .mm-spacer {
    padding-top: 40px;
}
.mm-listview .mm-spacer > .mm-next {
    top: 40px;
}
.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px;
}
.mm-arrow:after, .mm-next:after, .mm-prev:before {
    position: absolute;
    top: 0;
    bottom: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    content: '';
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 2px solid transparent;
}
.mm-prev:before {
    left: 23px;
    border-right: none;
    border-bottom: none;
}
.mm-arrow:after, .mm-next:after {
    right: 23px;
    border-top: none;
    border-left: none;
}
.mm-menu {
    border-color: rgba(0,0,0,.1);
    background: #222222;
}
.mm-menu .mm-navbar .mm-btn:after, .mm-menu .mm-navbar .mm-btn:before {
    border-color: #ccc;
}
.mm-menu .mm-listview {
    border-color: rgba(0,0,0,.1);
}
.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
    border-color: #ccc;
}
.mm-menu .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255,255,255,.5);
    tap-highlight-color: rgba(255,255,255,.5);
}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
    background: rgba(255,255,255,.1);
}
.mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0,0,0,.05);
}
.mm-page {
    position: relative;
}
.mm-slideout {
    transition: transform 0.4s ease;
}
html.mm-opened {
    position: relative;
    overflow-x: hidden;
}
html.mm-blocking, html.mm-blocking body {
    overflow: hidden;
}
html.mm-background .mm-page {
    background: inherit;
}
#mm-blocker {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(3,2,1,0);
}
html.mm-blocking #mm-blocker {
    display: block;
}
.mm-menu.mm-offcanvas {
    position: fixed;
    display: none;
}
.mm-menu.mm-current, em.mm-counter {
    display: block;
}
.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}
html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0);
}
@media all and (max-width:175px) {
html.mm-opening .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
}
}
@media all and (min-width:550px) {
html.mm-opening .mm-slideout {
    -webkit-transform: translate(440px, 0);
    -moz-transform: translate(440px, 0);
    -ms-transform: translate(440px, 0);
    -o-transform: translate(440px, 0);
    transform: translate(440px, 0);
}
}
.mm-menu.mm-autoheight {
    max-height: 80%;
}
.mm-menu.mm-autoheight.mm-fullscreen {
    max-height: 100%;
}
.mm-menu.mm-measureheight > .mm-panels > .mm-panel {
    bottom: auto!important;
    height: auto!important;
}
em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    line-height: 20px;
    position: absolute;
    top: 50%;
    right: 45px;
    margin-top: -10px;
    text-indent: 0;
}
.mm-collapsed:not(.mm-uncollapsed), .mm-nosubresults > .mm-counter {
    display: none;
}
em.mm-counter+a.mm-next {
    width: 90px;
}
em.mm-counter+a.mm-next+a, em.mm-counter+a.mm-next+span {
    margin-right: 90px;
}
em.mm-counter+a.mm-fullsubopen {
    padding-left: 0;
}
.mm-vertical > .mm-counter {
    top: 12px;
    margin-top: 0;
}
.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 40px;
}
.mm-divider > span {
    line-height: 25px;
    overflow: hidden;
    padding: 0;
}
.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mm-fixeddivider {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    transform: translate3d(0, 0, 0);
    background: inherit;
}
.mm-iconpanel .mm-panel.mm-subopened, .mm-menu > .mm-navbar {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.mm-fixeddivider:after {
    display: none!important;
    content: none!important;
}
.mm-hasdividers .mm-fixeddivider {
    display: block;
}
.mm-menu .mm-fixeddivider span {
    background: rgba(0,0,0,.05);
}
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.mm-iconpanel .mm-panel {
    -webkit-transition-property: -webkit-transform, left;
    -moz-transition-property: -moz-transform, left;
    -ms-transition-property: -ms-transform, left;
    -o-transition-property: -o-transform, left;
    transition-property: transform, left;
}
.mm-iconpanel .mm-panel.mm-opened {
    border-color: inherit;
    border-left: 1px solid;
}
.mm-navbar-bottom, .mm-navbar-top~.mm-navbar-top {
    border-bottom: none;
}
.mm-iconpanel .mm-panel.mm-subopened {
    left: -40px;
    overflow-y: hidden;
    transform: translate3d(0, 0, 0);
}
.mm-iconpanel .mm-panel.mm-iconpanel-0 {
    left: 0;
}
.mm-iconpanel .mm-panel.mm-iconpanel-1 {
    left: 40px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-2 {
    left: 80px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-3 {
    left: 120px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-4 {
    left: 160px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-5 {
    left: 200px;
}
.mm-iconpanel .mm-panel.mm-iconpanel-6 {
    left: 240px;
}
.mm-subblocker {
    display: block;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 0;
    background: inherit;
}
.mm-subopened .mm-subblocker {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    opacity: 0.6;
}
.mm-menu > .mm-navbar {
    z-index: 3;
    padding: 0;
    transform: translate3d(0, 0, 0);
    background: inherit;
}
.mm-navbar-bottom {
    top: auto;
    bottom: 0;
    border-top-width: 1px;
    border-top-style: solid;
}
.mm-navbar-bottom~.mm-navbar-bottom {
    border-top: none;
}
.mm-navbar.mm-hasbtns {
    padding: 0 40px;
}
.mm-close:after {
    content: 'x';
}
.mm-navbar[class*=mm-navbar-content-] > * {
    display: block;
    float: left;
    box-sizing: border-box;
}
.mm-navbar > .mm-breadcrumbs {
    overflow: hidden;
    overflow-x: auto;
    padding: 0 0 0 17px;
    text-align: left;
    -webkit-overflow-scrolling: touch;
}
.mm-navbar > .mm-breadcrumbs > * {
    display: inline-block;
    padding: 10px 3px;
}
.mm-navbar > .mm-breadcrumbs > a {
    text-decoration: underline;
}
.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px;
}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0;
}
.mm-navbar-top-1 {
    top: 0;
}
.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
    top: 40px;
}
.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
    top: 80px;
}
.mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 {
    top: 120px;
}
.mm-hasnavbar-top-4 .mm-panels {
    top: 160px;
}
.mm-navbar-bottom-1 {
    bottom: 0;
}
.mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 {
    bottom: 40px;
}
.mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 {
    bottom: 80px;
}
.mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 {
    bottom: 120px;
}
.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px;
}
.mm-navbar-size-2 {
    height: 80px;
}
.mm-navbar-size-3 {
    height: 120px;
}
.mm-navbar-size-4 {
    height: 160px;
}
.mm-navbar-content-2 > * {
    width: 50%;
}
.mm-navbar-content-3 > * {
    width: 33.33%;
}
.mm-navbar-content-4 > * {
    width: 25%;
}
.mm-navbar-content-5 > * {
    width: 20%;
}
.mm-navbar-content-6 > * {
    width: 16.67%;
}
.mm-search {
    height: 40px;
    padding: 10px 10px 0;
}
.mm-search input {
    font: inherit;
    font-size: 14px;
    line-height: 32px;
    display: block;
    width: 100%;
    height: 32px;
    margin: 0;
    padding: 0 10px;
    border: none;
    border-radius: 26px;
    outline: 0;
}
.mm-search input::-ms-clear {
 display: none;
}
.mm-panel > .mm-search {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.mm-panel.mm-hassearch {
    padding-top: 40px;
}
.mm-panel.mm-hassearch.mm-hasnavbar {
    padding-top: 90px;
}
.mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
    top: 40px;
}
.mm-noresultsmsg {
    font-size: 21px;
    display: none;
    padding: 40px 0;
    text-align: center;
}
.mm-noresults .mm-noresultsmsg {
    display: block;
}
.mm-noresults .mm-indexer {
    display: none!important;
}
li.mm-nosubresults > a.mm-next {
    display: none;
}
li.mm-nosubresults > a.mm-next+a, li.mm-nosubresults > a.mm-next+span {
    padding-right: 10px;
}
.mm-menu .mm-search input {
    color: #171717;
    background: #f7f7f7;
}
.mm-menu .mm-indexer a, .mm-menu .mm-noresultsmsg {
    color: #ccc;
}
.mm-indexer {
    font-size: 12px;
    position: absolute;
    z-index: 3;
    top: 0;
    right: -100px;
    bottom: 0;
    width: 20px;
    -webkit-transition: right 0.4s ease;
    -moz-transition: right 0.4s ease;
    -ms-transition: right 0.4s ease;
    -o-transition: right 0.4s ease;
    transition: right 0.4s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    text-align: center;
    background: inherit;
}
.mm-indexer a {
    display: block;
    height: 3.85%;
    text-decoration: none;
}
.mm-indexer~.mm-panel.mm-hasindexer {
    margin-right: 20px;
}
.mm-hasindexer .mm-indexer {
    right: 0;
}
.mm-hasindexer .mm-fixeddivider {
    right: 20px;
}
input.mm-check, input.mm-toggle {
    position: absolute;
    left: -10000px;
}
label.mm-check, label.mm-toggle {
    position: absolute;
    z-index: 2;
    top: 50%;
    margin: 0;
    right: 20px;
}
label.mm-check:before, label.mm-toggle:before {
    display: block;
    content: '';
}
label.mm-toggle {
    width: 50px;
    height: 30px;
    margin-top: -15px;
    border-radius: 30px;
}
label.mm-toggle:before {
    width: 28px;
    height: 28px;
    margin: 1px;
    border-radius: 30px;
}
input.mm-toggle:checked~label.mm-toggle:before {
    float: right;
}
label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}
label.mm-check:before {
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0.1;
    border-bottom: 3px solid;
    border-left: 3px solid;
}
input.mm-check:checked~label.mm-check:before {
    opacity: 1;
}
li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
    bottom: auto;
    margin-top: 0;
    top: 5px;
}
label.mm-toggle+a, label.mm-toggle+span {
    padding-right: 80px;
}
label.mm-check+a, label.mm-check+span {
    padding-right: 60px;
}
a.mm-next+label.mm-check, a.mm-next+label.mm-toggle {
    right: 60px;
}
a.mm-next+label.mm-check+a, a.mm-next+label.mm-check+span, a.mm-next+label.mm-toggle+a, a.mm-next+label.mm-toggle+span {
    margin-right: 50px;
}
a.mm-next+label.mm-toggle+a, a.mm-next+label.mm-toggle+span {
    padding-right: 70px;
}
a.mm-next+label.mm-check+a, a.mm-next+label.mm-check+span {
    padding-right: 50px;
}
em.mm-counter+a.mm-next+label.mm-check, em.mm-counter+a.mm-next+label.mm-toggle {
    right: 100px;
}
em.mm-counter+a.mm-next+label.mm-check+a, em.mm-counter+a.mm-next+label.mm-check+span, em.mm-counter+a.mm-next+label.mm-toggle+a, em.mm-counter+a.mm-next+label.mm-toggle+span {
    margin-right: 90px;
}
.mm-menu label.mm-toggle {
    background: rgba(0,0,0,.1);
}
.mm-menu label.mm-toggle:before {
    background: #f3f3f3;
}
.mm-menu input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
}
.mm-menu label.mm-check:before {
    border-color: rgba(0,0,0,.7);
}
.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
    content: none;
}
.mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after {
    left: 0!important;
}
.mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after {
    right: 20px;
}
.mm-menu.mm-effect-menu-zoom {
    transition: transform 0.4s ease;
}
html.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -ms-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -o-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
html.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0, 0, 0);
    -o-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0);
}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -ms-transform: scale(.7, .7) translate3d(30%, 0, 0);
    -o-transform: scale(.7, .7) translate3d(30%, 0, 0);
    transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0, 0, 0);
    -o-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0);
}
.mm-menu.mm-effect-menu-slide {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
}
html.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}
html.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    -ms-transform: translate3d(30%, 0, 0);
    -o-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0);
}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-menu.mm-effect-menu-fade {
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 0;
}
html.mm-opening .mm-menu.mm-effect-menu-fade {
    opacity: 1;
}
.mm-menu.mm-effect-panels-zoom .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0, 0, 0);
    -o-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0);
}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
    -webkit-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -moz-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -ms-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    -o-transform: scale(.7, .7) translate3d(-30%, 0, 0);
    transform: scale(.7, .7) translate3d(-30%, 0, 0);
}
.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) {
    -webkit-transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -ms-transition-delay: 450ms;
    -o-transition-delay: 450ms;
    transition-delay: 450ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) {
    -webkit-transition-delay: 550ms;
    -moz-transition-delay: 550ms;
    -ms-transition-delay: 550ms;
    -o-transition-delay: 550ms;
    transition-delay: 550ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) {
    -webkit-transition-delay: 650ms;
    -moz-transition-delay: 650ms;
    -ms-transition-delay: 650ms;
    -o-transition-delay: 650ms;
    transition-delay: 650ms;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) {
    -webkit-transition-delay: 0.7s;
    -moz-transition-delay: 0.7s;
    -ms-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}
.mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) {
    -webkit-transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -ms-transition-delay: 750ms;
    -o-transition-delay: 750ms;
    transition-delay: 750ms;
}
.mm-menu.mm-effect-listitems-slide .mm-listview > li {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: translate3d(50%, 0, 0);
    -moz-transform: translate3d(50%, 0, 0);
    -ms-transform: translate3d(50%, 0, 0);
    -o-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 0;
}
html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.mm-menu.mm-effect-listitems-fade .mm-listview > li {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
}
html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
    opacity: 1;
}
.mm-menu.mm-effect-listitems-drop .mm-listview > li {
    top: -25%;
    -webkit-transition-property: opacity, top;
    -moz-transition-property: opacity, top;
    -ms-transition-property: opacity, top;
    -o-transition-property: opacity, top;
    transition-property: opacity, top;
    opacity: 0;
}
html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
    top: 0;
    opacity: 1;
}
.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px;
}
html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
@media all and (max-width:140px) {
html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(140px, 0);
    -moz-transform: translate(140px, 0);
    -ms-transform: translate(140px, 0);
    -o-transform: translate(140px, 0);
    transform: translate(140px, 0);
}
}
@media all and (min-width:10000px) {
html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(10000px, 0);
    -moz-transform: translate(10000px, 0);
    -ms-transform: translate(10000px, 0);
    -o-transform: translate(10000px, 0);
    transform: translate(10000px, 0);
}
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
@media all and (max-width:140px) {
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
}
}
@media all and (min-width:10000px) {
html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-10000px, 0);
    -moz-transform: translate(-10000px, 0);
    -ms-transform: translate(-10000px, 0);
    -o-transform: translate(-10000px, 0);
    transform: translate(-10000px, 0);
}
}
.mm-menu.mm-fullscreen.mm-bottom, .mm-menu.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px;
}
html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none!important;
}
.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
    white-space: normal;
    text-overflow: clip;
}
html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker {
    opacity: 0;
}
html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker {
    transition: opacity 0.4s ease 0.4s;
    opacity: 0.3;
}
html.mm-pagedim #mm-blocker {
    background: inherit;
}
html.mm-pagedim-white #mm-blocker {
    background: #fff;
}
html.mm-pagedim-black #mm-blocker {
    background: #000;
}
.mm-menu.mm-pageshadow:after {
    position: absolute;
    z-index: 99;
    top: -10%;
    left: 100%;
    display: block;
    width: 20px;
    height: 120%;
    content: '';
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-theme-black:after {
    display: none;
    content: none;
}
.mm-menu.mm-pageshadow.mm-right:after {
    right: 100%;
    left: auto;
}
.mm-menu.mm-bottom, .mm-menu.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 80%;
    min-height: 140px;
    max-height: 880px;
}
.mm-menu.mm-right {
    right: 0;
    left: auto;
}
html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
}
@media all and (max-width:175px) {
html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-140px, 0);
    -moz-transform: translate(-140px, 0);
    -ms-transform: translate(-140px, 0);
    -o-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
}
}
@media all and (min-width:550px) {
html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-440px, 0);
    -moz-transform: translate(-440px, 0);
    -ms-transform: translate(-440px, 0);
    -o-transform: translate(-440px, 0);
    transform: translate(-440px, 0);
}
}
html.mm-front .mm-slideout {
    z-index: 0!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
}
.mm-menu.mm-front {
    z-index: 1;
}
.mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.mm-menu.mm-top {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.mm-menu.mm-bottom {
    top: auto;
    bottom: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mm-menu.mm-theme-dark {
    color: rgba(255,255,255,.8);
    border-color: rgba(0,0,0,.15);
    background: #333;
}
.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark em.mm-counter {
    color: rgba(255,255,255,.4);
}
.mm-menu.mm-theme-dark .mm-navbar .mm-btn:after, .mm-menu.mm-theme-dark .mm-navbar .mm-btn:before {
    border-color: rgba(255,255,255,.4);
}
.mm-menu.mm-theme-dark .mm-listview {
    border-color: rgba(0,0,0,.15);
}
.mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
    border-color: rgba(255,255,255,.4);
}
.mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0,0,0,.1);
    tap-highlight-color: rgba(0,0,0,.1);
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
    background: rgba(0,0,0,.1);
}
.mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(255,255,255,.05);
}
.mm-menu.mm-theme-dark label.mm-check:before {
    border-color: rgba(255,255,255,.8);
}
.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}
.mm-menu.mm-theme-dark .mm-search input {
    color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.3);
}
.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255,255,255,.4);
}
.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0,0,0,.15);
}
.mm-menu.mm-theme-dark label.mm-toggle:before {
    background: #333;
}
.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
}
.mm-menu.mm-theme-white {
    color: rgba(0,0,0,.6);
    border-color: rgba(0,0,0,.1);
    background: #fff;
}
.mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white em.mm-counter {
    color: #ccc;
}
.mm-menu.mm-theme-white .mm-navbar .mm-btn:after, .mm-menu.mm-theme-white .mm-navbar .mm-btn:before {
    border-color: #ccc;
}
.mm-menu.mm-theme-white .mm-listview {
    border-color: rgba(0,0,0,.1);
}
.mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
    border-color: #ccc;
}
.mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0,0,0,.05);
    tap-highlight-color: rgba(0,0,0,.05);
}
.mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
    background: rgba(0,0,0,.05);
}
.mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(0,0,0,.03);
}
.mm-menu.mm-theme-white label.mm-check:before {
    border-color: rgba(0,0,0,.6);
}
.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.mm-menu.mm-theme-white .mm-search input {
    color: rgba(0,0,0,.6);
    background: rgba(0,0,0,.05);
}
.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
    color: #ccc;
}
.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0,0,0,.1);
}
.mm-menu.mm-theme-white label.mm-toggle:before {
    background: #fff;
}
.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
}
.mm-menu.mm-theme-black {
    color: rgba(255,255,255,.6);
    border-color: rgba(255,255,255,.2);
    background: #000;
}
.mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black em.mm-counter {
    color: rgba(255,255,255,.4);
}
.mm-menu.mm-theme-black .mm-navbar .mm-btn:after, .mm-menu.mm-theme-black .mm-navbar .mm-btn:before {
    border-color: rgba(255,255,255,.4);
}
.mm-menu.mm-theme-black .mm-listview {
    border-color: rgba(255,255,255,.2);
}
.mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
    border-color: rgba(255,255,255,.4);
}
.mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255,255,255,.3);
    tap-highlight-color: rgba(255,255,255,.3);
}
.mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
    background: rgba(255,255,255,.3);
}
.mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
    background: rgba(255,255,255,.2);
}
.mm-menu.mm-theme-black label.mm-check:before {
    border-color: rgba(255,255,255,.6);
}
.mm-menu.mm-theme-black .mm-search input {
    color: rgba(255,255,255,.6);
    background: rgba(255,255,255,.3);
}
.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255,255,255,.4);
}
.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255,255,255,.2);
}
.mm-menu.mm-theme-black label.mm-toggle:before {
    background: #000;
}
.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963;
}
.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
    display: block;
    clear: both;
    content: '';
}
.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after {
    display: none;
    content: none;
}
.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
    position: relative;
    float: left;
    width: 50%;
    height: 0;
    padding: 50% 0 0;
}
.mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
    z-index: -1;
    top: 0;
    left: 0;
    border-right-width: 1px;
    border-right-style: solid;
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
    width: 12.5%;
    padding-top: 12.5%;
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
    width: 25%;
    padding-top: 25%;
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
    width: 75%;
    padding-top: 75%;
}
.mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
    width: 100%;
    padding-top: 100%;
}
.mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
    line-height: 1px;
    position: absolute;
    top: 0;
    right: 1px;
    bottom: 1px;
    left: 0;
    margin: 0;
    padding: 50% 10px 0;
    text-align: center;
}
.mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
    width: auto;
}
.mm-menu.mm-tileview .mm-panel {
    padding-right: 0;
    padding-left: 0;
}
.mm-menu.mm-tileview .mm-listview {
    margin: 0;
}
/*병헌 171210 : 메인 owl슬라이드 관련 추가;*/
/*=======================5. Owl Carousel ===============================
==================================================================*/

.dots-mini .owl-dots, .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owl-carousel, .owl-carousel .owl-item, .dots-mini .owl-dots, .owl-nav {
    -webkit-tap-highlight-color: transparent;
}
.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
@keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.owl-height {
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -ms-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}
.owl-carousel {
    position: relative;
    z-index: 1;
    display: none;
    width: 100%;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    display: block;
    opacity: 0;
}
.owl-carousel .owl-refresh .owl-item, .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel .owl-item {
    position: relative;
    float: left;
    min-height: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel .owl-item .owl-lazy {
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 0;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-left: -40px;
    cursor: pointer;
    -webkit-transition: scale 0.1s ease;
    -moz-transition: scale 0.1s ease;
    -ms-transition: scale 0.1s ease;
    -o-transition: scale 0.1s ease;
    transition: scale 0.1s ease;
    background: url("owl.video.play.png") no-repeat;
    -webkit-backface-visibility: hidden;
}
.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-tn {
    height: 100%;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}
.owl-nav {
    margin-top: 10px;
}
.owl-nav > div {
    font-size: 14px;
    display: inline-block;
    margin: 5px;
    padding: 4px 7px;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #d6d6d6;
}
.owl-nav > div:hover {
    text-decoration: none;
    color: #fff;
    background: #869791;
}
.owl-nav .disabled {
    cursor: default;
    opacity: 0.5;
}
.owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}
.dots-mini .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.dots-mini .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #d6d6d6;
    -webkit-backface-visibility: visible;
}
.dots-mini .owl-dots .owl-dot.active span, .dots-mini .owl-dots .owl-dot:hover span {
    background: #869791;
}
/*병헌 171209 : 메인 owl슬라이드 관련;*/
/*** /elements.min에 있던 스타일 ***/

/*=======================THEME BASE STYLES ===============================
==================================================================*/

#side-nav, body {
    overflow-x: hidden;
}
.counter-wrapper .number-counter, .nav a, h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Sans KR R", sans-serif;
}
.Lora {
    font-family: "Noto Sans KR R", sans-serif!important;
}
.typo-light .a-active:hover, h1, h2, h3, h4, h5, h6 {
    color: #222;
}
.typo-dark .a-active:hover {
    color: #aeadad;
}
.lead, body, p {
    color: #555; /*병헌 171123 : 434955 -> 555;*/
}
.font-weight-light, .font-weight-thin, body, p {
    font-family: "Noto Sans KR R", sans-serif;
}
body, p {
    font-size: 14px; /*병헌 171123 : 16 -> 14;*/
    font-weight: 400;
    line-height: 1.4em; /*병헌 171123 : 1.7 -> 1.4;*/
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
}
p {
    margin-bottom: 20px;
}
.row-space .row:last-child {
    margin-bottom: 0;
}
h1 {
    font-size: 48px;
    line-height: 62px;
}
h2 {
    font-size: 40px;
    line-height: 52px;
}
h3 {
    font-size: 32px;
    line-height: 42px;
}
h4 {
    font-size: 24px;
    line-height: 31px;
}
h5 {
    font-size: 18px;
    line-height: 28px;
}
h6 {
    font-size: 16px;
    line-height: 25px;
}
h1, h2, h3, h4, h5 {
    margin: 0 0 30px; /*병헌 171123 : 15 -> 30;*/
}
.small {
    font-size: 14px;
}
.big {
    font-size: 98px!important;
    line-height: 98px;
}
.medium {
    font-size: 78px!important;
    line-height: 78px!important;
}
.medium1 {
    font-size: 60px!important;
    line-height: 70px!important;
}
.medium2 {
    font-size: 45px!important;
    line-height: 60px!important;
}
.lead {
    font-size: 26px;
    font-weight: 300;
    line-height: 39px;
}
.typo-light, .typo-light a, .typo-light h1, .typo-light h2, .typo-light h3, .typo-light h4, .typo-light h5, .typo-light h6, .typo-light p {
    color: #fff;
}
.typo-dark, .typo-dark a, .typo-dark h1, .typo-dark h2, .typo-dark h3, .typo-dark h4, .typo-dark h5, .typo-dark h6, .typo-dark p, a {
    color: #171717;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, a.active.focus, a.active:focus, a.focus, a:active.focus, a:active:focus, a:focus {
/* outline: 0!important; 병헌 171122 : 웹접근성 포커스 보이도록;*/
}
.typo-dgrey {
    color: #999;
}
.typo-lgrey {
    color: #a5a4a4;
}
.font-weight-thin {
    font-weight: 100;
}
.font-weight-light {
    font-weight: 300;
}
.font-weight-bold {
    font-weight: 900;
}
.text-italic {
    font-style: italic;
}
.section, section {
    /*position: relative;
    z-index: 1;
    */
    /*overflow: hidden; datepicker 가림*/ 
    width: 100%;
    padding: 80px 0;
    background-color: #fff;
    background-size: cover;
}
img {
    font-size: inherit;
    display: block;
    max-width: 100%; /*병헌 171123 : !important 삭제;*/
}
.border-rounded, .img-rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}
img.text-center {
    margin: auto;
}
.vertical-middle {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.border {
    border: 1px solid;
}
.border-style1 {
    padding: 10px;
    border: 2px solid;
}
.single-screen {
    padding-top: 170px!important;
    padding-bottom: 120px!important;
}
.single-screen.v-image {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}
ol, ul {
    margin: 0 0 2em;
    padding-left: 0;
}
ol ol, ol ul, ul ol, ul ul {
    margin: inherit;
    margin-left: 0; /*병헌 171207 : 추가;*/
    padding-left: 0; /*병헌 171207 : 20px 수정;*/
}
ul.dmg_ul li{
    float:left;
    width:33.3333%;
    padding:15px 15px 15px 0;
}
ul.dmg_ul li img{
    width:100%;
}
.row-pad {
    padding: 15px 0 0 0;
}
.row-nomargin {
    margin: 0
}
.row-border {
    border: 2px solid #ddd;
}
.row-space .row {
    margin-bottom: 30px;
}
.bottom-margin {
    margin-bottom: 50px!important;
}
.bottom-margin-vsm {
    margin-bottom: 10px!important;
}
.bottom-margin-sm {
    margin-bottom: 30px!important;
}
.bottom-margin-md {
    margin-bottom: 60px!important;
}
.bottom-margin-lg {
    margin-bottom: 80px!important;
}
.top-margin {
    margin-top: 50px!important;
}
.top-margin-sm {
    margin-top: 30px!important;
}
.top-margin-md {
    margin-top: 60px!important;
}
.top-margin-lg {
    margin-top: 80px!important;
}
.left-margin {
    margin-left: 50px!important;
}
.left-margin-sm {
    margin-left: 30px!important;
}
.left-margin-md {
    margin-left: 60px!important;
}
.left-margin-lg {
    margin-left: 80px!important;
}
.right-margin {
    margin-right: 50px!important;
}
.right-margin-sm {
    margin-right: 30px!important;
}
.right-margin-md {
    margin-right: 60px!important;
}
.right-margin-lg {
    margin-right: 80px!important;
}
.margin {
 margin: 50px!important !important;
}
.margin-sm {
 margin: 30px!important !important;
}
.margin-md {
 margin: 60px!important !important;
}
.margin-lg {
 margin: 80px!important !important;
}
.no-margin {
 margin: 0!important !important;
}
.no-top-margin {
    margin-top: 0!important;
}
.no-bottom-margin {
    margin-bottom: 0!important;
}
.no-left-margin {
    margin-left: 0!important;
}
.no-right-margin {
    margin-right: 0!important;
}
.tb-margin-sm {
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}
.margin-20 {
 margin: 20px!important !important;
}
.tb-padding-vsm {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.tb-padding-sm {
    padding-top: 30px!important;
    padding-bottom: 30px!important;
}
.bottom-padding {
    padding-bottom: 50px!important;
}
.bottom-padding-sm {
    padding-bottom: 30px!important;
}
.bottom-padding-md {
    padding-bottom: 60px!important;
}
.bottom-padding-lg {
    padding-bottom: 80px!important;
}
.top-padding {
    padding-top: 50px!important;
}
.top-padding-vsm {
    padding-top: 15px!important;
}
.top-padding-sm {
    padding-top: 30px!important;
}
.top-padding-lg {
    padding-top: 80px!important;
}
.top-padding-xlg {
    padding-top: 240px!important;
}
.left-padding {
    padding-left: 50px!important;
}
.left-padding-sm {
    padding-left: 30px!important;
}
.left-padding-md {
    padding-left: 60px!important;
}
.left-padding-lg {
    padding-left: 80px!important;
}
.right-padding {
    padding-right: 50px!important;
}
.right-padding-sm {
    padding-right: 30px!important;
}
.right-padding-md {
    padding-right: 60px!important;
}
.right-padding-lg {
    padding-right: 80px!important;
}
.padding {
 padding: 50px!important !important;
}
.padding-sm {
 padding: 30px!important !important;
}
.padding-md {
 padding: 60px!important !important;
}
.padding-lg {
 padding: 80px!important !important;
}
.no-padding {
 padding: 0!important !important;
}
.no-top-padding {
    padding-top: 0!important;
}
.no-bottom-padding {
    padding-bottom: 0!important;
}
.no-left-padding {
    padding-left: 0!important;
}
.no-right-padding {
    padding-right: 0!important;
}
a:focus, a:hover {
    text-decoration: none;/*outline: 0; 병헌 171122 : 가림;*/
}
a.small {
    font-size: 11px;
}
.inline {
    display: inline;
}
.gallery-overlay img, .gallery-overlay img:hover, .trans, .trans:hover, a, a:hover {
    -webkit-transition: all 350ms ease-in-out 0s!important;
    -moz-transition: all 350ms ease-in-out 0s!important;
    -ms-transition: all 350ms ease-in-out 0s!important;
    -o-transition: all 350ms ease-in-out 0s!important;
    transition: all 350ms ease-in-out 0s!important;
}
.underline {
    text-decoration: underline;
}
.animated {
    visibility: hidden;
}
.visible {
    visibility: visible;
}
::-moz-selection {
 color: #fff;
 background: #333;
 text-shadow: none;
}
::selection {
    color: #fff;
    background: #333;
    text-shadow: none;
}
.wide-layout .container {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
}
.boxed, .boxed-layout {
    max-width: 1200px;
    margin: 20px auto;
    -webkit-box-shadow: 0 0 18px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 18px rgba(0,0,0,.1);
    box-shadow: 0 0 18px rgba(0,0,0,.1);
}
#sticker {
    z-index: 1031;
    width: 100%;
    transition: all 0.5s ease 0s;
}
.not-visible-nav {
    top: -75px;
}
#sticker.sticky-navigation.not-visible-nav {
    position: static;
}
#sticker.sticky-navigation.visible-nav {
    position: fixed;
    transition: all 0.5s ease 0s;
}
.navbar-default .navbar-toggle .icon-bar, .toggle-search {
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
}
.visible-nav {
    top: 0;
}
.header-contact-details > li {
    display: inline-block;
}
.header-contact-details > li.spacer, .header-top-section li.spacer {
    width: 10px;
}
.header-contact-details > li.header-email:before, .header-contact-details > li.header-phone:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: '\f095';
    color: inherit;
}
.header-contact-details > li.header-email::before {
    content: '\f0e0';
}
.header-contact-details > li.header-email a {
    color: #333;
}
.header-social-icons > li {
    display: inline-block;
    padding: 0 8px;
}
.inline-social-icons > li {
    display: inline-block;
    padding: 8px 15px 0 0;
}
.inline-social-icons > li:last-child {
    padding-right: 0;
}
.pad-sm.inline-social-icons > li, .side-nav .inline-social-icons > li {
    padding: 8px 5px 0 0;
}
.inline-social-icons.small-icons li .fa {
    font-size: 13px;
}
.header-widgets {
    margin-right: 15px!important;
    padding-top: 12px;
    padding-bottom: 8px;
    justify-content: flex-end;
}
.header-widgets .widget {
    margin-bottom: 0;
}
.widget-icon-box {
    display: flex;
    justify-content: flex-start;
    float: left;
    width: auto;
    padding: 8px 0;
    text-align: left;
    border-bottom: 0 none;
}
.widget-icon-box .icon-box {
    margin-left: 15px;
    padding-right: 15px;
    text-align: left;
    border-right: 1px solid rgba(250,250,250,.12);
    display: inherit;
    width: auto;
}
.widget-icon-box:last-child .icon-box {
    border-right: 0;
}
.widget-icon-box .icon-box > .fa {
    font-size: 40px;
    float: left;
    margin-right: 10px;
}
.widget-icon-box .icon-box-text {
    margin-left: 0;
}
.widget-icon-box .icon-box .fa, .widget-icon-box .icon-box .icon-box-subtitle {
    color: #989898;
}
.widget-icon-box .icon-box .icon-box-subtitle {
    font-size: 13px;
}
.widget-icon-box .icon-box:hover .fa, .widget-icon-box .icon-box:hover .icon-box-subtitle {
    color: #ddd;
}
.icon-box-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 13px;
    margin: 4px 0 0;
    color: #ddd;
}
.toggle-search {
    position: absolute;
    top: 80%;
    right: 0;
    visibility: hidden;
    width: 300px;
    transition: 0.2s all ease-in-out;
    opacity: 0;
}
.toggle-search.show-form {
    z-index: 9;
    top: 100%;
    bottom: auto;
    visibility: visible;
    opacity: 1;
}
.input-group.toggle-search .form-control {
    height: 45px;
}
.search-icon > span {
    min-width: 12px;
}
#menu-toggle > span {
    font-size: 14px;
    padding: 10px;
    border: 1px solid #e1e1e1;
}
.header-top-section .simple-search-form.extra-menu-item, .navbar-nav > li .simple-search-form.extra-menu-item {
    line-height: normal!important;
    display: table-cell;
    vertical-align: middle;
}
.navbar-nav > li .simple-search-form.extra-menu-item .navbar-form, .simple-search-form .navbar-form {
    margin: 0;
    padding: 0;
}
.top-menu {
    padding: 0 10px;
}
.top-menu > li {
    display: inline-block;
    padding: 0 5px;
}
.cart-toggle .cart-count {
    font-size: 10px;
    font-weight: 500!important;
    line-height: 16px;
    position: relative;
    top: -10px;
    right: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding-top: 1px;
    padding-left: 2px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.dropdown-cart {
    right: 0!important;
    left: auto!important;
    min-width: 280px!important;
 padding: 15px!important !important;
}
.dropdown-cart li .item {
    display: block;
    margin: 3px 0;
    padding: 3px 0 10px;
}
.dropdown-cart li .item:after {
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ' ';
}
.dropdown-cart li .item-left {
    float: left;
    width: 75%;
}
.dropdown-cart li .item-left .item-info > span {
    font-size: 14px;
    display: block;
    padding-top: 15px;
}
.dropdown-cart .cart-total .cart-btn > li, .nav .flag, .navbar-brand > img {
    display: inline-block;
}
.dropdown-cart li .item-left .item-info h5 {
    margin-top: 0;
    margin-bottom: 0;
}
.dropdown-cart li .item-left img {
    float: left;
    margin-right: 15px;
}
.dropdown-cart li .item-right {
    float: right;
}
.dropdown-cart li .item-right button {
    line-height: normal;
    margin-top: 25px;
    padding: 0 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.dropdown-cart .item-name {
    line-height: 1em;
}
.dropdown-cart .cart-total {
    padding: 0;
}
.dropdown-cart .cart-total .cart-price {
    font-size: 17px;
    padding-top: 25px;
}
.dropdown-cart .cart-total .cart-btn {
    padding: 0 0 5px;
}
.dropdown-cart .cart-btn .btn {
    margin-bottom: 0;
}
.dropdown-cart .btn.btn-xs {
    font-size: 9px;
    width: 20px;
    height: 20px;
    line-height: 10px!important;
}
.flag-dropdown {
    min-width: 85px;
}
.nav .flag {
    width: 18px;
    height: 12px;
    margin-right: 10px;
    background: url("../images/flags.png") no-repeat;
}
.flag.flag-au {
    background-position: -16px 0;
}
.flag.flag-gb {
    background-position: -32px 0;
}
.flag.flag-in {
    background-position: 0 -11px;
}
.flag.flag-us {
    background-position: -16px -11px;
}
.header-top-section.navbar {
    min-height: auto;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.header-top-section .navbar-toggle .icon-bar {
    background: #fff;
}
.header-top-section .header-text-block {
    font-size: 14px;
}
.header-top-section li, .header-top-section li > a {
    font-size: 12px;
}
.header-top-section .navbar-nav > li > a, .header-top-section .navbar-right > li, .header-top-section .simple-search-form, .header-top-section .top-left > li, .header-top-section p {
    line-height: 35px;
    height: 35px;
}
.header-top-section .top-left {
    margin-left: -15px;
}
.header-top-section .nav .open > a, .header-top-section .nav .open > a:focus, .header-top-section .nav .open > a:hover {
    background-color: transparent;
}
.header-top-section .navbar-nav li > a {
    color: #333;
}
.header-top-section .navbar-nav > li > a:focus, .header-top-section .navbar-nav > li > a:hover, .header-top-section .navbar-nav li:focus > a, .header-top-section .navbar-nav li:hover > a {
    color: #fff;
}
.header-top-section .dropdown-menu {
    line-height: normal;
    color: #333;
}
.header-top-section .navbar-nav > li > a:focus, .header-top-section .navbar-nav li:focus > a, .header-top-section.header-typo-light, .header-top-section.header-typo-light .dropdown-menu li > a, .header-top-section.header-typo-light .navbar-nav > li > a:hover, .header-top-section.header-typo-light .navbar-nav li > a, .header-top-section.header-typo-light .navbar-nav li:hover > a {
    color: #fff;
}
.header-top-section.dark-bg.navbar {
    opacity: 0.9;
    background: #171717!important;
}
.navbar {
    border: 0;
}
.navbar-default {
    min-height: auto;
    margin: 0;
    color: #333;
    border-color: #e1e1e1;
    border-right: none;
    border-left: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.header-no-border .navbar-default {
    border: none;
}
.header-border .navbar-default {
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav li a {
    font-size: 12px;
    /*font-weight: 600;*/
    text-transform: uppercase;
    color: inherit;
}
.navbar-default .navbar-nav li a .btn {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 12px;
    /*font-weight: 600;*/
    text-transform: uppercase;
}
.navbar-default .nav .open > a, .navbar-default .nav .open > a:focus, .navbar-default .nav .open > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav li.active > a, .navbar-default .navbar-nav li.active > a:focus, .navbar-default .navbar-nav li.active > a:hover, .navbar-nav li:hover > a, header .nav > li > a:focus, header .nav > li > a:hover {
    background: 0 0;
}
.header-main .navbar-toggle {
    left: 0;
    float: left;
    width: 25px;
    margin: 0 0 0 15px;
    border: none;
}
#side-nav, .side-nav .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 20px;
    height: 2px;
    margin-top: -1px;
    transition: 0.2s all ease-in-out;
    background-color: #000;
}
.navbar-default .navbar-toggle .icon-bar:nth-child(2) {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}
.navbar-default .navbar-toggle .icon-bar:last-child {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}
.header-main .navbar-toggle, .header-toggle-content, .navbar-brand, .navbar-nav > li .extra-menu-item, .navbar-nav > li > a {
    line-height: 80px;
    height: 80px;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}
.s-header .header-toggle-content, .s-header .navbar-brand, .s-header .navbar-nav > li .extra-menu-item, .s-header .navbar-nav > li > a, .s-header.header-main .navbar-toggle {
    line-height: 60px;
    height: 60px;
}
.navbar-brand, .navbar-nav > li > .extra-menu-item, .navbar-nav > li > a {
    padding: 0 14px;
}
.dropdown-menu {
    margin: 0;
    padding: 0;
}
.navbar-right .dropdown-menu {
    right: auto;
    left: 0;
    min-width: 200px;
}
.dropdown-menu > li > a, .dropdown-menu a {
    color: inherit;
}
.header-fudark.header-sticky-fulight .dropdown-menu, .navbar-nav .open .dropdown-menu {
    border: 1px solid;
}
.dropdown .dropdown-menu {
    margin-top: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.dropdown .dropdown-menu.sub-menu {
    top: 0;
    left: 100%;
}
.dropdown .dropdown-menu.sub-menu.left-side {
    right: 100%;
    left: auto;
}
.dropdown-menu .divider {
    background: #e1e1e1;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: 0 0;
}
.mega-menu-wrapper .dropdown-menu, .mm-menu ul {
    background: 0 0!important;
}
.mm-menu ul {
    background: #347ab6;
}
.navbar-left .dropdown-left .dropdown-menu, .navbar-right .dropdown-left .dropdown-menu {
    right: 0;
    left: auto;
}
.megamenu-compact.dropdown-right .dropdown-menu.mega-menu-wrapper, .navbar-left .dropdown-right .dropdown-menu, .navbar-right .dropdown-right .dropdown-menu {
    right: auto;
    left: 0;
}
.hover-dropdown .dropdown .dropdown-menu {
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}
/*.hover-dropdown .dropdown:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}*/
.mega-menu .menu-icon {
    padding: 0 10px 0 0;
}
.mega-menu-wrapper.container {
    padding-right: 0!important;
    padding-left: 0!important;
}
.menu-title {
    font-size: 14px!important;
    padding-bottom: 10px!important; /*15px -> 10px pc상단 메뉴 하위메뉴 중 타이틀 하단 패딩 조정*/
    text-transform: uppercase;
}
.nav > li.mega-dropdown.megamenu-compact {
    position: relative;
}
.megamenu-compact .dropdown-menu.mega-menu-wrapper {
    position: absolute;
    right: 0;
    left: auto;
    visibility: visible;
    width: auto;
    white-space: nowrap;
    opacity: 1;
}
.megamenu-compact .mega-menu-wrapper > li {
    display: inline-block!important;
    float: none!important;
    overflow: hidden;
    vertical-align: top;
    white-space: normal;
}
.sticky-navigation {
    line-height: 0;
    z-index: 999;
    width: 100%;
}
.is-sticky .header-main .navbar-toggle, .is-sticky .header-toggle-content, .is-sticky .navbar-brand, .is-sticky .navbar-nav > li .extra-menu-item, .is-sticky .navbar-nav > li > a {
    line-height: 65px;
    height: 65px;
}
.is-sticky .navbar-default {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.is-sticky .navbar-brand > img, .navbar-brand > img.sticky-logo {
    display: none;
}
.is-sticky .navbar-brand > img.sticky-logo, .mobile-menu > li {
    display: inline-block;
}
.mobile-menu {
    float: right;
    margin: 0;
    padding: 0 15px 0 0;
}
/*@media (max-width:992px) {*/
@media (max-width:991px) {

#nav-menu {
    display: none!important;
}
.mm-opened .header-main .navbar-toggle, .mm-opened .header-toggle-content, .mm-opened .navbar-brand, .mm-opened .navbar-nav > li .extra-menu-item, .mm-opened .navbar-nav > li > a {
    line-height: 40px;
    height: 40px;
}
}
@media (min-width:991px) {

.mainSlideMobile{
    display:none !important;
}
#mm-nav-menu {
    display: none!important;
}
}
.header-details-toggle .extra-nav > .navbar-nav {
    position: static;
}
.header-details-toggle .header-toggle-content {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
}
.header-details-toggle .header-toggle-content .form-control {
    background: 0 0!important;
    font-size: 24px;
    padding: 6px 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}
.header-details-toggle .header-toggle-content.toggled {
    visibility: visible;
    opacity: 1;
}
.extra-nav .toggle-close {
    position: absolute;
    top: 0;
    right: 15px;
}
.header-details-toggle .extra-nav .header-toggle-content h3 {
    margin: 0;
}
.header-details-toggle .header-toggle-content *, .header-details-toggle .header-toggle-content .form-control, .header-details-toggle .header-toggle-content > form {
    line-height: inherit;
    height: inherit;
}
#page-wrapper {
    position: relative;
    right: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#side-nav {
    position: fixed;
    z-index: 99;
    top: 0;
    right: auto;
    left: -330px;
    overflow-y: auto;
    width: 270px; /*병헌 171121 : 330 -> 270*/
    height: 100%;
    margin-left: 0;
    padding: 50px 30px 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-right: 1px solid #e7e7e7;
    border-left: 1px solid transparent;
}
.side-widgets {
    padding-top: 30px;
}
.side_container_opened {
    overflow: hidden;
}
body.side_container_opened .sliding_close_helper_overlay {
    display: block;
}
.sliding_close_helper_overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    margin-left: -270px;
    /*cursor: pointer;*/
    transition: all 0.3s ease-in 0s;
}
#page-wrapper.toggled {
    left: 270px; /*병헌 171122 : 330 -> 270*/
}
#page-wrapper.toggled #side-nav {
    right: auto;
    left: 0;
}
#page-wrapper .sticky-navigation {
    right: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn, .btn *, .btn.btn-hvfill-bottom:after, .btn.btn-hvfill-left:after, .btn.btn-hvfill-right:after, .btn.btn-hvfill-top:after {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
#page-wrapper.toggled .sticky-navigation {
    right: auto;
    left: 270px; /*병헌 171121 : 330 -> 270*/
}
#page-wrapper.right-push.toggled {
    left: -270px; /*병헌 171121 : 330 -> 270*/
}
#page-wrapper.right-push.full-width.toggled {
    left: -270px; /*병헌 171121 : 330 -> 270*/
}
#page-wrapper.right-push #side-nav {
    right: -270px; /*병헌 171121 : 330 -> 270*/
    left: auto;
}
#page-wrapper.right-push.toggled #side-nav {
    right: 0;
    left: auto;
}
#page-wrapper.right-push.toggled .sticky-navigation {
    left: -270px; /*병헌 171121 : 330 -> 270*/
}
.rev_slider_wrapper.fullscreen-container {
    left: 0!important;
}
.extra-toggle #nav-menu, .extra-toggle .extra-nav #menu-toggle span, .extra-toggle .extra-nav .dropdown-toggle.cart-toggle, .extra-toggle .extra-nav .header-toggle-icon, .extra-toggle .navbar-header, .extra-toggle .navbar-header .navbar-brand, .extra-toggle .navbar-header .navbar-toggle {
    display: none!important;
}
.extra-toggle .navbar-header.logo-contact-details, .extra-toggle .navbar-header.logo-contact-details .navbar-brand {
    display: block!important;
}
.nav-close-wrapper {
    position: absolute;
    top: 15px;
    right: 15px;
}
#page-wrapper.right-push .nav-close-wrapper {
    top: 25px;
    right: auto;
    left: 30px;
}
.side-nav .navbar-default {
    border: none;
}
.side-nav .navbar-brand {
    line-height: normal;
    display: block;
    float: none;
    text-align: center;
}
.side-nav .navbar-collapse {
    height: auto;
    max-height: none;
    padding-right: 0;
    padding-left: 0;
    border-top: 0;
    box-shadow: none;
}
.side-nav .navbar-collapse.collapse {
    display: block!important;
    overflow: visible!important;
    width: auto!important;
    padding-bottom: 0;
}
.side-nav .navbar-collapse.in {
    overflow-x: visible;
}
.bg-image.content-in, .btn, .client-grid, .image-wrapper, .isotope-grid .grid-sizer, .isotope-grid .item, .tab-content {
    overflow: hidden;
}
.side-nav .navbar-header, .side-nav .navbar-left, .side-nav .navbar-nav, .side-nav .navbar-nav > li, .side-nav .navbar-right {
    float: none!important;
}
.side-nav .navbar-right .dropdown-menu {
    right: auto;
    left: 0;
}
.side-nav .navbar-nav {
 margin: 60px 0 20px!important !important;
}
.side-nav .navbar-nav > li > a {
    line-height: normal;
    height: auto;
    padding: 10px 15px 10px 0;
}
.side-nav .navbar-nav > li > a > span {
    display: none;
}
.side-nav .navbar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}
.side-nav .dropdown-menu > .dropdown > a:after, .side-nav .dropdown-toggle:after {
    font-family: initial;
    font-size: 24px;
    font-weight: initial;
    font-weight: 100;
    position: absolute;
    top: 0;
    top: 50%;
    right: 15px;
    content: '+';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.side-nav .dropdown-menu > .dropdown.open > a:after, .side-nav .open > .dropdown-toggle:after {
    font-family: initial;
    font-size: 24px;
    font-weight: 100;
    content: '-';
}
.side-nav .dropdown .dropdown-menu.sub-menu.left-side {
    right: right;
    left: 0;
}
.side-nav .form-control {
    height: 45px;
}
.side-nav .input-group {
    margin-bottom: 20px;
}
.side-nav li > a {
    color: #333;
}
.side-nav .bottom-wrapper {
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #e1e1e1;
}
.side-nav .bottom-wrapper p {
    font-size: 13px;
}
.side-nav.dark-side-nav, .side-nav.dark-side-nav .bottom-wrapper {
    color: #fff;
    border-color: #333;
    background: #171717;
}
.dark-side-nav.side-nav .navbar-default, .dark-side-nav.side-nav .navbar-default .dropdown-menu {
    background: #171717;
}
.dark-side-nav.side-nav .dropdown-menu > li > a, .dark-side-nav.side-nav .dropdown-menu > li > a:focus, .dark-side-nav.side-nav .dropdown-menu > li > a:hover, .dark-side-nav.side-nav .navbar-nav > li > a, .dark-side-nav.side-nav li a {
    color: #fff;
}
.header-dark .navbar-default, .header-sticky-dark .is-sticky .navbar-default {
    color: #fff;
    background: #000;
}
.header-dark .navbar-default {
    color: #fff;
}
.header-dark #menu-toggle > span, .header-dark .dropdown-menu, .header-dark .extra-nav > .navbar-nav:after, .header-dark .mega-menu-wrapper > li > a.menu-title:after, .header-dark .navbar-default, .header-sticky-dark .is-sticky #menu-toggle > span, .header-sticky-dark .is-sticky .extra-nav > .navbar-nav:after, .header-sticky-dark .is-sticky .navbar-default, .header-sticky-dark .is-sticky.dropdown-menu, .header-sticky-dark .mega-menu-wrapper > li {
    border-color: #777;
}
.header-dark .dropdown-menu, .header-dark .form-control, .header-sticky-dark .is-sticky .dropdown-menu, .header-sticky-dark .is-sticky .form-control {
    color: #fff;
    border-color: #777;
    background: #2e2e2e;
}
.header-dark .dropdown-menu .divider, .header-dropdown-dark .dropdown-menu .divider, .header-sticky-dark .is-sticky .dropdown-menu .divider {
    background: #777;
}
.header-dark .navbar-default .navbar-toggle .icon-bar, .header-sticky-dark .is-sticky .navbar-default .navbar-toggle .icon-bar {
    background: #fff;
}
.header-sticky-light .is-sticky .navbar-default .navbar-toggle .icon-bar {
    background: #000;
}
.header-sticky-light .is-sticky .navbar-default {
    color: #333;
    background: #fff;
}
.header-light .mega-menu-wrapper > li > a.menu-title:after, .header-sticky-light .is-sticky #menu-toggle > span, .header-sticky-light .is-sticky .extra-nav > .navbar-nav:after, .header-sticky-light .is-sticky .navbar-default, .header-sticky-light .is-sticky.dropdown-menu, .header-sticky-light .mega-menu-wrapper > li {
    border-color: #e1e1e1;
}
.header-sticky-light .is-sticky .dropdown-menu, .header-sticky-light .is-sticky .form-control {
    color: #333;
    border-color: #e1e1e1;
    background: rgba(255,255,255,.97); /*#fff -> rgba(255,255,255,.97)*/
}
.header-semi-dark, .header-semi-light, .header-top-semi-dark, .header-top-semi-light, .header-top-transparent, .header-transparent {
    position: absolute;
    z-index: 9;
    right: 0;
    left: 0;
}
.header-sticky-transparent .is-sticky .navbar-default, .header-top-transparent .header-top-section.navbar, .header-transparent .navbar-default {
    background: 0 0;
}
.header-dark.header-transparent .extra-nav > .navbar-nav:after, .header-dark.header-transparent .mega-menu-wrapper > li, .header-dark.header-transparent .navbar-default {
    border-color: rgba(0,0,0,.1);
}
.header-dark.header-transparent #menu-toggle > span {
    border-color: rgba(255,255,255,.2);
}
.header-dark.header-transparent.header-sticky-light .is-sticky #menu-toggle > span, .header-dark.header-transparent.header-sticky-light .is-sticky .extra-nav > .navbar-nav:after, .header-dark.header-transparent.header-sticky-light .is-sticky .navbar-default {
    border-color: #e1e1e1;
}
.header-light.header-transparent #menu-toggle > span, .header-light.header-transparent .extra-nav > .navbar-nav:after, .header-light.header-transparent .mega-menu-wrapper > li, .header-light.header-transparent .navbar-default {
    border-color: rgba(0,0,0,.1);
}
.header-light.header-transparent.header-sticky-dark .is-sticky #menu-toggle > span, .header-light.header-transparent.header-sticky-dark .is-sticky .extra-nav > .navbar-nav:after, .header-light.header-transparent.header-sticky-dark .is-sticky .navbar-default {
    border-color: #777;
}
.header-semi-light .navbar-default, .header-sticky-semi-light .is-sticky .navbar-default, .header-top-semi-light .header-top-section.navbar {
    background: rgba(255,255,255,.4);
}
.header-semi-dark .navbar-default, .header-sticky-semi-dark .is-sticky .navbar-default, .header-top-semi-dark .header-top-section.navbar {
    background: rgba(0,0,0,.4);
}
.header-dropdown-dark .dropdown-menu, .header-dropdown-dark .is-sticky .dropdown-menu, .header-dropdown-dark .open .dropdown-menu, .header-dropdown-dark .open .is-sticky .dropdown-menu {
    color: #fff;
    border-color: rgba(0,0,0,.7);
    background: #242424;
}
.header-dropdown-dark .mega-menu-wrapper > li {
    border-color: rgba(0,0,0,.7);
}
.header-dropdown-dark .header-top-light .header-top-section .dropdown-menu, .header-dropdown-dark .header-top-light .header-top-section .open .dropdown-menu, .header-dropdown-dark .header-top-light .header-top-section .open .is-sticky .dropdown-menu {
    border-color: #e7e7e7;
    background: #fff!important;
    box-shadow: none;
}
.header-top-light .header-top-section.navbar {
    background: #fff!important;
}
.header-dark .header-boxed, .header-light .container.header-boxed {
    margin-top: 15px;
    padding-right: 30px;
    padding-left: 30px;
    background: #fff;
}
.header-boxed #extra-toggle-search .form-control, .header-boxed #extra-toggle-search .toggle-close {
    margin-top: 15px;
}
.header-dark .header-boxed {
    background: #171717;
}
.header-dark .is-sticky .header-boxed, .header-light .is-sticky .container.header-boxed, .is-sticky .header-boxed #extra-toggle-search .form-control, .is-sticky .header-boxed #extra-toggle-search .toggle-close {
    margin-top: 0;
}
.header-fulight .dropdown-menu, .header-fulight .dropdown-menu .divider, .header-fulight .navbar-default, .header-sticky-fulight .is-sticky .dropdown-menu, .header-sticky-fulight .is-sticky .dropdown-menu .divider, .header-sticky-fulight .is-sticky .navbar-default {
    color: #999;
    background: #fff;
}
.header-fulight .navbar-default, .header-sticky-fulight .is-sticky .navbar-default {
    color: #999;
}
.header-fulight #menu-toggle > span, .header-fulight .dropdown-menu, .header-fulight .extra-nav > .navbar-nav:after, .header-fulight .form-control, .header-fulight .navbar-default, .header-fulight .navbar-nav .open .dropdown-menu, .header-sticky-fulight .is-sticky #menu-toggle > span, .header-sticky-fulight .is-sticky .dropdown-menu, .header-sticky-fulight .is-sticky .extra-nav > .navbar-nav:after, .header-sticky-fulight .is-sticky .form-control, .header-sticky-fulight .is-sticky .navbar-default, .header-sticky-fulight .is-sticky .navbar-nav .open .dropdown-menu {
    border-color: #eee;
}
.dropdown-menu > li > a:hover, .header-fulight .dropdown-menu > li > a:focus, .header-fulight .dropdown-menu a:hover, .header-fulight .dropdown.open > a, .header-fulight .navbar-default .nav .open > a, .header-fulight .navbar-default .nav .open > a:focus, .header-fulight .navbar-default .nav .open > a:hover, .header-fulight .navbar-default .navbar-nav > li > a:focus, .header-fulight .navbar-default .navbar-nav > li > a:hover, .header-fulight .navbar-default .navbar-nav.nav li:hover > a, .header-sticky-fulight .is-sticky .dropdown-menu > li > a:focus, .header-sticky-fulight .is-sticky .dropdown-menu a:hover, .header-sticky-fulight .is-sticky .dropdown.open > a, .header-sticky-fulight .is-sticky .navbar-default .nav .open > a, .header-sticky-fulight .is-sticky .navbar-default .nav .open > a:focus, .header-sticky-fulight .is-sticky .navbar-default .nav .open > a:hover, .header-sticky-fulight .is-sticky .navbar-default .navbar-nav > li > a:focus, .header-sticky-fulight .is-sticky .navbar-default .navbar-nav > li > a:hover, .header-sticky-fulight .is-sticky .navbar-default .navbar-nav.nav li:hover > a {
    color: #000;
}
header.header-dropdown-fulight .dropdown-menu, header.header-dropdown-fulight .dropdown-menu .divider, header.header-dropdown-fulight .dropdown-menu a, header.header-dropdown-fulight .is-sticky .dropdown-menu, header.header-dropdown-fulight .open .dropdown-menu, header.header-dropdown-fulight .open .is-sticky .dropdown-menu {
    color: #999;
    border-color: #eee;
    background: #fff;
}
.header-dropdown-fulight .dropdown-menu > li > a:focus, .header-dropdown-fulight .dropdown-menu > li > a:hover, .header-dropdown-fulight .dropdown-menu a:hover, .header-dropdown-fulight .dropdown-menu li:hover > a {
    color: #000!important;
}
.header-fudark .dropdown-menu, .header-fudark .dropdown-menu .divider, .header-fudark .navbar-default, .header-sticky-fudark .is-sticky .dropdown-menu, .header-sticky-fudark .is-sticky .dropdown-menu .divider, .header-sticky-fudark .is-sticky .navbar-default {
    color: #888;
    border: none;
    background: #000;
}
.header-fudark .form-control, .header-sticky-fudark .is-sticky .form-control {
    background: #000;
}
.header-fudark #menu-toggle > span, .header-fudark .dropdown-menu, .header-fudark .extra-nav > .navbar-nav:after, .header-fudark .form-control, .header-fudark .navbar-default, .header-fudark .open .dropdown-menu, .header-sticky-fudark .is-sticky #menu-toggle > span, .header-sticky-fudark .is-sticky .dropdown-menu, .header-sticky-fudark .is-sticky .extra-nav > .navbar-nav:after, .header-sticky-fudark .is-sticky .form-control, .header-sticky-fudark .is-sticky .navbar-default, .header-sticky-fudark .is-sticky .navbar-nav .open .dropdown-menu {
    border-color: #303030;
}
.dropdown-menu > li > a:hover, .header-fudark .dropdown-menu > li > a:focus, .header-fudark .dropdown-menu a:hover, .header-fudark .dropdown.open > a, .header-fudark .navbar-default .nav .open > a, .header-fudark .navbar-default .nav .open > a:focus, .header-fudark .navbar-default .nav .open > a:hover, .header-fudark .navbar-default .navbar-nav > li > a:focus, .header-fudark .navbar-default .navbar-nav > li > a:hover, .header-fudark .navbar-default .navbar-nav.nav li:hover > a, .header-sticky-fudark .is-sticky .dropdown-menu > li > a:focus, .header-sticky-fudark .is-sticky .dropdown-menu a:hover, .header-sticky-fudark .is-sticky .dropdown.open > a, .header-sticky-fudark .is-sticky .navbar-default .nav .open > a, .header-sticky-fudark .is-sticky .navbar-default .nav .open > a:focus, .header-sticky-fudark .is-sticky .navbar-default .nav .open > a:hover, .header-sticky-fudark .is-sticky .navbar-default .navbar-nav > li > a:focus, .header-sticky-fudark .is-sticky .navbar-default .navbar-nav > li > a:hover, .header-sticky-fudark .is-sticky .navbar-default .navbar-nav.nav li:hover > a {
    color: #fff;
}
header.header-dropdown-fudark .dropdown-menu, header.header-dropdown-fudark .dropdown-menu .divider, header.header-dropdown-fudark .dropdown-menu a, header.header-dropdown-fudark .is-sticky .dropdown-menu, header.header-dropdown-fudark .open .dropdown-menu, header.header-dropdown-fudark .open .is-sticky .dropdown-menu {
    color: #888;
    border: none;
    background: #000;
}
.header-dropdown-fudark .dropdown-menu > li > a:focus, .header-dropdown-fudark .dropdown-menu > li > a:hover, .header-dropdown-fudark .dropdown-menu a:hover, .header-dropdown-fudark .dropdown-menu li:hover > a {
    color: #fff!important;
}
.secondary-nav {
    display: none;
    background: #222;
}
.is-sticky .secondary-nav {
    display: block;
}
.secondary-nav .nav-tabs {
    margin-bottom: 0;
}
.secondary-nav .nav-tabs li {
    padding: 20px;
    color: #f7f7f7;
    margin: 0 -5px;
    list-style: none;
}
.section-title, .section-title.bottom-line {
    margin-bottom: 50px;
}
.title-description {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
    color: #777;
}
.title-description1 {
    font-size: 22px;
}
.typo-light .title-description {
    color: #f7f7f7;
}
.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4 {
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.countdown-amount, .countdown-block h1 {
    letter-spacing: 5px;
}
.cta-icon-title {
    margin-top: 15px;
}
.heading-block.heading-center:after {
    margin: 18px auto 0;
}
.heading-block.heading-center {
    text-align: center;
}
.bottom-line {
    position: relative;
    margin-bottom: 35px;
}
.bottom-line:after {
    display: block;
    width: 40px;
    margin-top: 30px;
    content: '';
    border-top: 2px solid;
}
.text-center .bottom-line:after, .text-center.bottom-line:after {
    margin: 30px auto 0;
}
.btn.i-left i, .btn.inline, .btn.right-pad, i.right-pad {
    margin-right: 10px;
}
.text-right .bottom-line:after, .text-right.bottom-line:after {
    position: absolute;
    right: 0;
}
.text-right .bottom-line, .text-right.bottom-line {
    margin-bottom: 100px;
}
.side-line {
    position: relative;
    margin-bottom: 30px;
}
.side-line h1, .side-line h2, .side-line h3, .side-line h4, .side-line h5, .side-line h6, .side-line1 h1, .side-line1 h2, .side-line1 h3, .side-line1 h4, .side-line1 h5, .side-line1 h6 {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    padding-right: 15px;
    background-color: #fff;
}
.bottom-line.grey-line:after, .side-line.grey-line:after {
    border-top: 2px solid #e1e1e1;
}
.bottom-line.dark-line:after, .side-line.dark-line:before {
    border-top: 2px solid #333;
}
.bottom-line.white-line:after, .side-line.white-line:before {
    border-top: 2px solid #fff;
}
.side-line:before {
    position: absolute;
    top: 53%;
    right: 0;
    left: auto;
    width: 100%;
    height: 0;
    content: '';
    border-top: 3px solid;
}
.btn, .btn > span {
    position: relative;
}
.side-line1 {
    height: 50px;
    margin-bottom: 20px;
    border: 0;
    background: url("../images/base/separator/hr-11.png") center center repeat-x;
}
/*
.btn {
    z-index: 1;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 8px 22px;
    border-width: 2px;
}
*/
.btn.no-margin {
    margin-bottom: 0;
}
.btn.btn-deafult {
    border: 2px solid;
}
.btn.btn-xs {
    padding: 1px 14px;
}
.btn.btn-sm {
    padding: 6px 17px 4px;
}
.btn.btn-lg {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 16px;
    /*font-weight: 600;*/
    padding: 12px 20px;
}
.nav-tabs > li > a, label {
    font-weight: 500;
}
.btn > span {
    right: 0;
    left: 0;
}
.btn, .btn * {
    transition: all 0.3s ease 0s;
}
.btn {
    margin-bottom:5px;
}
.btn.btn-theme:hover {
    color: #fff;
}
.btn.btn-square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.btn.btn-round {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
.btn.btn-circle {
    width: 100px;
    height: 100px;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.btn.btn-hv-fadeout:hover {
    color: #333;
    background: 0 0;
}
.btn.i-right i, .btn.left-pad, i.left-pad {
    margin-left: 10px;
}
i.bottom-pad {
    margin-bottom: 10px;
}
i.top-pad {
    margin-top: 10px;
}
.btn.btn-bottom-reveal > i, .btn.btn-left-reveal > i, .btn.btn-right-reveal > i, .btn.btn-top-reveal > i {
    line-height: 40px;
    position: absolute;
    top: 0;
    left: -32px;
    display: block;
    width: 32px;
    height: 100%;
    margin: 0;
    text-align: center;
    background-color: rgba(0,0,0,.1);
}
.btn.btn-left-reveal:hover > i {
    left: 0;
}
.btn.btn-left-reveal:hover > span {
    left: 20px;
}
.btn.btn-right-reveal > i {
    right: -32px;
    left: auto;
}
.btn.btn-right-reveal:hover > i {
    right: 0;
}
.btn.btn-right-reveal:hover > span {
    left: -20px;
}
.btn:after {
    background: #333;
}
.btn.btn-hvfill-bottom:after, .btn.btn-hvfill-left:after, .btn.btn-hvfill-right:after, .btn.btn-hvfill-top:after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: all 0.3s ease 0s;
}
.btn.btn-hvfill-right:after {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.btn.btn-hvfill-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.btn.btn-hvfill-top:after {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.btn.btn-hvfill-bottom:after {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.btn.btn-hvfill-bottom:hover:after, .btn.btn-hvfill-left:hover:after, .btn.btn-hvfill-right:hover:after, .btn.btn-hvfill-top:hover:after {
    -webkit-transform: translateX(0) translateY(0);
    -moz-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
}
.btn.btn-theme.btn-hvfill-bottom:hover, .btn.btn-theme.btn-hvfill-left:hover, .btn.btn-theme.btn-hvfill-right:hover, .btn.btn-theme.btn-hvfill-top:hover {
    border-color: #333;
}
.btn.btn-hvborder-center, .btn.btn-hvborder-left, .btn.btn-hvborder-right {
    border: none;
}
.btn.btn-hvborder-center:after, .btn.btn-hvborder-left:after, .btn.btn-hvborder-right:after {
    position: absolute;
    z-index: -1;
    right: -100%;
    bottom: 0;
    left: auto;
    width: 100%;
    height: 3px;
    content: '';
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.btn.btn-hvborder-right:hover:after {
    right: 0;
}
.btn.btn-hvborder-left:after {
    right: auto;
    left: -100%;
}
.btn.btn-hvborder-left:hover:after {
    left: 0;
}
.btn.btn-hvborder-center:after {
    right: 0;
    left: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.btn.btn-hvborder-center:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.btn.btn-hv-dark.btn-outline:after, .btn.btn-hv-dark:after {
    background: #171717;
}
.btn.btn-hv-light.btn-outline:after, .btn.btn-hv-light:after {
    background: #fff;
}
.btn.btn-3d {
    box-shadow: 0 -3px rgba(0,0,0,.1) inset;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}
.btn-hv-theme:hover, .btn-theme {
    color: #fff;
}
.btn-light.btn-hv-dark:hover, .btn.btn-dark, .btn.btn-hv-dark.btn-outline:focus, .btn.btn-hv-dark.btn-outline:hover, .btn.btn-hv-dark:focus, .btn.btn-hv-dark:hover, .btn.btn-outline.btn-hv-fadein:hover {
    color: #fff;
    border-color: #171717;
    background: #171717;
}
.btn-hv-light:hover, .btn.btn-hv-light.btn-outline:focus, .btn.btn-hv-light.btn-outline:hover, .btn.btn-hv-light:focus, .btn.btn-light, .btn.btn-outline.btn-light.btn-hv-fadein:hover {
    color: #333;
    border-color: #fff;
    background: #fff;
}
.btn.btn-outline {
    border: 2px solid;
    background: 0 0;
}
.btn.btn-light.btn-outline {
    color: #fff;
    border-color: #fff;
}
.btn.btn-light.btn-hvborder-center:hover, .btn.btn-light.btn-hvborder-left:hover, .btn.btn-light.btn-hvborder-right:hover, .btn.btn-light.btn-hvfill-bottom:hover, .btn.btn-light.btn-hvfill-left:hover, .btn.btn-light.btn-hvfill-right:hover, .btn.btn-light.btn-hvfill-top:hover {
    background: #fff;
}
.btn.btn-dark.btn-hvborder-center:hover, .btn.btn-dark.btn-hvborder-left:hover, .btn.btn-dark.btn-hvborder-right:hover, .btn.btn-dark.btn-hvfill-bottom:hover, .btn.btn-dark.btn-hvfill-left:hover, .btn.btn-dark.btn-hvfill-right:hover, .btn.btn-dark.btn-hvfill-top:hover {
    background: #333;
}
.btn.btn-outline.btn-hvborder-center:hover, .btn.btn-outline.btn-hvborder-left:hover, .btn.btn-outline.btn-hvborder-right:hover, .btn.btn-outline.btn-hvfill-bottom:hover, .btn.btn-outline.btn-hvfill-left:hover, .btn.btn-outline.btn-hvfill-right:hover, .btn.btn-outline.btn-hvfill-top:hover {
    background: 0 0!important;
}
.btn.btn-outline.btn-hvborder-center:hover, .btn.btn-outline.btn-hvborder-left:hover, .btn.btn-outline.btn-hvborder-right:hover {
    color: #333!important;
    border-color: #333!important;
}
.btn.btn-outline.btn-light.btn-hvborder-center:hover, .btn.btn-outline.btn-light.btn-hvborder-left:hover, .btn.btn-outline.btn-light.btn-hvborder-right:hover {
    color: #fff!important;
    border-color: #fff!important;
}
.btn-default.active[disabled], .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default.focus[disabled], .btn-default[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    color: #ccc;
}
hr.no-margin {
    margin-top: 0;
    margin-bottom: 0;
}
hr.hr-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}
hr.hr-md {
    margin-top: 50px;
    margin-bottom: 50px;
}
hr.hr-lg {
    margin-top: 80px;
    margin-bottom: 80px;
}
.isotope-filters {
    margin-bottom: 50px;
}
.isotope-filters .nav-tabs, .nav-tabs {
    border: none;
}
.isotope-filters .nav-tabs > li {
    display: inline-block;
    float: none;
}
.isotope-filters .nav-tabs > li > a {
    padding: 5px 20px;
}
.nav > li > a:focus, .nav > li > a:hover {
    background-color: rgba(0,0,0,.05);
}
.nav-tabs > li > a:hover {
    border-color: transparent;
}
.nav-tabs > li > a {
    font-size: 13px;
    margin-right: 5px;
    padding: 8px 20px 5px;
    border: 1px solid transparent;
    border-radius: 0;
    min-width: 85px;
}
.nav-tabs > li > a.active, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
}
.nav-rounded.nav-tabs > li > a {
    border-radius: 25px!important;
}
.nav-tabs.flat-style > li > a, .tabs-left .nav-tabs.flat-style > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.nav-tabs.bordered-style > li > a.active, .nav-tabs.bordered-style > li > a.active:focus, .nav-tabs.bordered-style > li > a.active:hover, .nav-tabs.bordered-style > li.active > a, .nav-tabs.bordered-style > li.active > a:focus, .nav-tabs.bordered-style > li.active > a:hover {
    color: #333;
    background: 0 0!important;
}
.nav-tabs.bordered-style > li > a {
    border: 1px solid #e1e1e1;
}
.nav-tabs.dark-style.bordered-style > li > a {
    border-color: #333;
}
.nav-tabs.light-style.bordered-style > li > a {
    border-color: #fff;
}
.nav-tabs.dark-style > li > a.active {
    color: #fff;
}
.nav.light-style > li > a:focus, .nav.light-style > li > a:hover {
    background-color: rgba(255,255,255,.05);
}
.nav-tabs.transparent-style > li > a.active {
    background: 0 0;
}
.nav-tabs.arrow-style > li > a.active:after, .nav-tabs.arrow-style > li.active > a:after {
    position: absolute;
    right: 0;
    bottom: -6px;
    left: 0;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    content: '';
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: inherit;
}
.tabs-left .nav-tabs.arrow-style > li.active > a:after, .tabs-right .nav-tabs.arrow-style > li.active > a:after {
    top: 50%;
    right: -2px;
    bottom: auto;
    left: auto;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
.tabs-right .nav-tabs.arrow-style > li.active > a:after {
    right: auto;
    left: -10px;
}
.nav-tabs.bottom-line-style > li > a.active:after, .nav-tabs.bottom-line-style > li.active > a:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
}
.nav-tabs.arrow-style-bordered > li > a.active:before, .nav-tabs.arrow-style-bordered > li.active > a:before {
    position: absolute;
    bottom: -20px;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border: 10px solid;
    border-color: #e1e1e1 transparent transparent;
}
.nav-tabs.arrow-style-bordered > li > a.active:after, .nav-tabs.arrow-style-bordered > li > a.active:before, .nav-tabs.arrow-style-bordered > li.active > a:after, .nav-tabs.arrow-style-bordered > li.active > a:before {
    right: 0;
    left: 0;
    margin: 0 auto;
}
.nav-tabs.arrow-style-bordered > li > a.active:after, .nav-tabs.arrow-style-bordered > li.active > a:after {
    position: absolute;
    bottom: -18px;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border: 10px solid;
    border-color: #fff transparent transparent;
}
.tabs-left .nav-tabs.arrow-style-bordered > li > a.active:before, .tabs-left .nav-tabs.arrow-style-bordered > li.active > a:before {
    position: absolute;
    top: 50%;
    right: -22px;
    left: auto;
    display: block;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 10px solid;
    border-color: transparent transparent transparent #e1e1e1;
}
.tabs-left .nav-tabs.arrow-style-bordered > li > a.active:after, .tabs-left .nav-tabs.arrow-style-bordered > li.active > a:after {
    position: absolute;
    top: 50%;
    right: -20px;
    left: auto;
    display: block;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 10px solid;
    border-color: transparent transparent transparent #fff;
}
.tabs-right .nav-tabs.arrow-style-bordered > li > a.active:before, .tabs-right .nav-tabs.arrow-style-bordered > li.active > a:before {
    position: absolute;
    top: 50%;
    right: auto;
    left: -21px;
    display: block;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 10px solid;
    border-color: transparent #e1e1e1 transparent transparent;
}
.tabs-right .nav-tabs.arrow-style-bordered > li > a.active:after, .tabs-right .nav-tabs.arrow-style-bordered > li.active > a:after {
    position: absolute;
    top: 50%;
    right: auto;
    left: -19px;
    display: block;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 10px solid;
    border-color: transparent #fff transparent transparent;
}
.nav-tabs.dark-style > li > a.active, .nav-tabs.dark-style > li.active > a, .nav-tabs.dark-style > li.active > a:focus, .nav-tabs.dark-style > li.active > a:hover {
    border-color: #333;
    background: #333;
}
.nav-tabs.light-style > li > a.active, .nav-tabs.light-style > li.active > a, .nav-tabs.light-style > li.active > a:focus, .nav-tabs.light-style > li.active > a:hover {
    color: #333;
    border-color: #fff;
    background: #fff;
}
.tabs-left .nav-tabs.dark-style, .tabs-right .nav-tabs.dark-style {
    border-color: #7c7c7c;
}
.isotope-grid .item .image-wrapper {
    margin-bottom: 0;
}
.isotope-grid.grid-three-column .grid-sizer, .isotope-grid.grid-three-column .item {
    width: 20%;
}
.works-grid {
    position: relative;
    width: 100%;
}
.grid-sizer, .works-grid .item {
    width: 25%;
}
.works-grid .item.wide, .works-grid .item.wide-tall {
    width: 50%;
}
.dark-overlay, .light-overlay, .pattern-overlay, .theme-overlay {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}
.light-overlay {
    background-color: rgba(255,255,255,.5);
}
.pattern-overlay {
    background: url("../images/pattern.png");
}
.pattern-overlay.dark-overlay {
    background-color: rgba(0,0,0,.3);
}
.pattern-overlay.light-overlay {
    background-color: rgba(255,255,255,.3);
}
.overlay-dark, .overlay-darker, .overlay-light, .overlay-theme {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(255,255,255,.8);
}
.overlay-dark {
    background: rgba(0,0,0,.5);
}
.overlay-darker {
    background: rgba(0,0,0,.8);
}
.white-bg {
    background: #fff;
}
.light-bg, .separate-bg.s-light:after {
    background: #f7f7f7;
}
.semi-light-bg, .separate-bg.s-semilight:after {
    background-color: rgba(255,255,255,.7);
}
.semi-lighter-bg, .separate-bg.s-semilighter:after {
    background-color: rgba(255,255,255,.5);
}
.black-bg, .separate-bg.s-black:after {
    background: #000;
}
.dark-bg {
    background: #171717;
}
.semi-dark-bg, .separate-bg.s-dark:after {
    background-color: rgba(0,0,0,.7);
}
.semi-darker-bg, .separate-bg.s-semidarker:after {
    background-color: rgba(0,0,0,.5);
}
.transparent-bg {
    background: 0 0;
}
.red-bg {
    background: #eb6561;
}
.bg-cover, .bg-image.content-in {
    background-size: cover;
}
.bg-image {
    background-position: center top;
}
.background-position-left {
    background-position: left top;
}
.bg-image.content-in {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: unset;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
}
.bg-contain, .bg-cover, .bg-fixed {
    background-position: center;
}
.bg-contain {
    background-size: auto;
}
.bg-fixed {
    background-attachment: fixed;
}
.bg-repeat {
    background-repeat: repeat;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.bg-position-top {
    background-position: center top!important;
}
.bg-position-right {
    background-position: center right!important;
}
.bg-position-left {
    background-position: center left!important;
}
.bg-position-bottom {
    background-position: center bottom!important;
}
.bg-position-center {
    background-position: center center!important;
}
.mbYTP_wrapper {
    z-index: -1!important;
}
#video-controls.vertical-middle {
    text-align: center;
}
#video-controls {
    z-index: 99;
}
#video-controls.bottom-right {
    position: absolute!important;
    right: 15px;
    bottom: 15px;
    text-align: right;
}
#video-controls .fa {
    font-size: 10px;
    line-height: 25px;
    width: 25px;
    height: 25px;
}
.image-wrapper {
    position: relative;
}
.image-wrapper, .image-wrapper .overlay-dark, .image-wrapper .overlay-desc, .image-wrapper .overlay-light, .image-wrapper img {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}
.image-wrapper .overlay-desc {
    position: absolute;
    top: 50%!important;
    right: 0;
    left: 0;
    padding: 15px;
    -webkit-transform: translateY(-50%)!important;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -o-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.image-wrapper .overlay-desc.position-bottom, .image-wrapper .overlay-desc.position-top {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.image-wrapper .overlay-desc.position-right {
    right: 0;
    left: auto;
    text-align: right;
}
.image-wrapper .overlay-desc.position-left {
    right: auto;
    left: 0;
    text-align: left;
}
.image-wrapper .overlay-desc.position-top {
    top: 0;
    bottom: auto;
}
.carousel-indicators, .owl-carousel.nav-bottom .owl-nav, /*병헌 171210 : 수정*/ .owl-carousel.nav-bottom-left .owl-nav, /*병헌 171210 : 수정*/ .owl-carousel.nav-bottom-right .owl-nav { /*병헌 171210 : 수정*/
    bottom: 0;
}
.image-wrapper .overlay-desc.position-bottom {
    top: auto;
    bottom: 0;
}
.image-wrapper .overlay-dark, .image-wrapper .overlay-light, .image-wrapper .overlay-theme {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.image-wrapper .overlay-desc.display-desc, .image-wrapper .wrapper-fade-out, .image-wrapper .wrapper-slidein-bottom .overlay-desc, .image-wrapper .wrapper-slidein-left .overlay-desc, .image-wrapper .wrapper-slidein-right .overlay-desc, .image-wrapper .wrapper-slidein-top .overlay-desc, .image-wrapper .wrapper-slideout-bottom .overlay-desc, .image-wrapper .wrapper-slideout-left .overlay-desc, .image-wrapper .wrapper-slideout-right .overlay-desc, .image-wrapper .wrapper-slideout-top .overlay-desc, .image-wrapper:hover .wrapper-fade-in, .wrapper-fade-out .overlay-desc {
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.image-wrapper:hover .wrapper-fade-out {
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
.image-wrapper:hover .wrapper-scale-in, .wrapper-scale-out {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.image-wrapper:hover .overlay-dark.wrapper-scale-in, .image-wrapper:hover .overlay-light.wrapper-scale-in, .overlay-dark.wrapper-scale-out, .overlay-light.wrapper-scale-out {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.image-wrapper:hover .wrapper-scale-out, .wrapper-scale-in {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.image-wrapper:hover .overlay-dark.wrapper-scale-out, .image-wrapper:hover .overlay-light.wrapper-scale-out, .overlay-dark.wrapper-scale-in, .overlay-light.wrapper-scale-in {
    -webkit-transform: scale(.1);
    -moz-transform: scale(.1);
    -ms-transform: scale(.1);
    -o-transform: scale(.1);
    transform: scale(.1);
}
.image-wrapper .wrapper-slidein-top, .image-wrapper:hover .wrapper-slideout-top {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.image-wrapper .wrapper-slidein-right, .image-wrapper:hover .wrapper-slideout-right {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.image-wrapper .wrapper-slidein-bottom, .image-wrapper:hover .wrapper-slideout-bottom {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.image-wrapper .wrapper-slidein-left, .image-wrapper:hover .wrapper-slideout-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.image-wrapper img.wrapper-slideout-bottom, .image-wrapper img.wrapper-slideout-left, .image-wrapper img.wrapper-slideout-right, .image-wrapper img.wrapper-slideout-top {
    position: relative;
    z-index: 10;
}
.image-wrapper .wrapper-slidein-bottom, .image-wrapper .wrapper-slidein-left, .image-wrapper .wrapper-slidein-right, .image-wrapper .wrapper-slidein-top, .image-wrapper .wrapper-slideout-bottom, .image-wrapper .wrapper-slideout-left, .image-wrapper .wrapper-slideout-right, .image-wrapper .wrapper-slideout-top {
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.image-wrapper .wrapper-slideout-bottom, .image-wrapper .wrapper-slideout-left, .image-wrapper .wrapper-slideout-right, .image-wrapper .wrapper-slideout-top, .image-wrapper:hover .wrapper-slidein-bottom, .image-wrapper:hover .wrapper-slidein-left, .image-wrapper:hover .wrapper-slidein-right, .image-wrapper:hover .wrapper-slidein-top {
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    -o-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
}
.image-wrapper a.pretty-link {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.image-wrapper .overlay-buttons {
    position: relative;
    z-index: 9;
    margin: 0 0 15px;
}
.overlay-buttons > li {
    display: inline-block;
    padding: 0;
}
.overlay-buttons > li > a {
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin: 0 2px;
    text-align: center;
}
.image-wrapper:hover .fade-up {
    -webkit-animation: fadeInUp 0.5s linear both;
    -moz-animation: fadeInUp 0.5s linear both;
    -ms-animation: fadeInUp 0.5s linear both;
    -o-animation: fadeInUp 0.5s linear both;
    animation: fadeInUp 0.5s linear both;
}
.image-wrapper:hover .fade-right {
    -webkit-animation: fadeInRight 0.5s linear both;
    -moz-animation: fadeInRight 0.5s linear both;
    -ms-animation: fadeInRight 0.5s linear both;
    -o-animation: fadeInRight 0.5s linear both;
    animation: fadeInRight 0.5s linear both;
}
.image-wrapper:hover .fade-down {
    -webkit-animation: fadeInDown 0.5s linear both;
    -moz-animation: fadeInDown 0.5s linear both;
    -ms-animation: fadeInDown 0.5s linear both;
    -o-animation: fadeInDown 0.5s linear both;
    animation: fadeInDown 0.5s linear both;
}
.image-wrapper:hover .fade-left {
    -webkit-animation: fadeInLeft 0.5s linear both;
    -moz-animation: fadeInLeft 0.5s linear both;
    -ms-animation: fadeInLeft 0.5s linear both;
    -o-animation: fadeInLeft 0.5s linear both;
    animation: fadeInLeft 0.5s linear both;
}
.image-wrapper:hover .zoom-in {
    -webkit-animation: zoomIn 0.5s linear both;
    -moz-animation: zoomIn 0.5s linear both;
    -ms-animation: zoomIn 0.5s linear both;
    -o-animation: zoomIn 0.5s linear both;
    animation: zoomIn 0.5s linear both;
}
.image-wrapper:hover .rotate-in {
    -webkit-animation: rotateIn 0.5s linear both;
    -moz-animation: rotateIn 0.5s linear both;
    -ms-animation: rotateIn 0.5s linear both;
    -o-animation: rotateIn 0.5s linear both;
    animation: rotateIn 0.5s linear both;
}
.image-wrapper:hover .flip-x {
    -webkit-animation: flipInX 0.6s linear 0.3s both;
    -moz-animation: flipInX 0.6s linear 0.3s both;
    -ms-animation: flipInX 0.6s linear 0.3s both;
    -o-animation: flipInX 0.6s linear 0.3s both;
    animation: flipInX 0.6s linear 0.3s both;
}
.image-wrapper:hover .flip-y {
    -webkit-animation: flipInY 0.6s linear 0.3s both;
    -moz-animation: flipInY 0.6s linear 0.3s both;
    -ms-animation: flipInY 0.6s linear 0.3s both;
    -o-animation: flipInY 0.6s linear 0.3s both;
    animation: flipInY 0.6s linear 0.3s both;
}
.i-sm {
    width: 25px;
}
.i-md {
    width: 50px;
}
.i-lg {
    width: 80px;
}
.fa-1x {
    font-size: 24px;
}
.fa-3x {
    line-height: 1em;
}
p.icon-wrapper > i {
    margin: 0 5px 15px 0;
}
i {
    -webkit-transition: 0.4s all ease-in-out;
    -moz-transition: 0.4s all ease-in-out;
    -ms-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}
.no-style {
    margin-bottom: 20px;
}
.icon-shape-circle, .icon-shape-rounded, .icon-shape-square {
    line-height: 35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
}
ul.arrow-list li:before, ul.check-list li:before {
    top: 5px;
    left: 0;
    display: block;
    font-family: FontAwesome;
}
.icon-shape-circle.fa-2x, .icon-shape-rounded.fa-2x, .icon-shape-square.fa-2x {
    line-height: 60px;
    width: 60px;
    height: 60px;
}
.icon-shape-circle.fa-3x, .icon-shape-rounded.fa-3x, .icon-shape-square.fa-3x {
    line-height: 90px;
    width: 90px;
    height: 90px;
}
.icon-shape-circle.fa-4x, .icon-shape-rounded.fa-4x, .icon-shape-square.fa-4x {
    line-height: 120px;
    width: 120px;
    height: 120px;
}
.icon-shape-circle.fa-5x, .icon-shape-rounded.fa-5x, .icon-shape-square.fa-5x {
    line-height: 150px;
    width: 150px;
    height: 150px;
}
.icon-shape-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.icon-shape-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.icon-shape-rounded.fa-2x, .icon-shape-rounded.fa-3x {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.icon-shape-rounded.fa-4x, .icon-shape-rounded.fa-5x {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.hv-wrapper:hover .icon-hvlight, .hv-wrapper:hover a.icon-hvlight, .icon-hvlight:hover, .icon-light, a.icon-hvlight:hover, a.icon-light {
    color: #fff;
}
.hv-wrapper:hover .icon-hvgrey, .hv-wrapper:hover a.icon-hvgrey, .icon-grey, .icon-hvgrey:hover, a.icon-grey, a.icon-hvgrey:hover {
    color: #f2f2f2;
}
.hv-wrapper:hover .icon-hvdark, .hv-wrapper:hover a.icon-hvdark, .icon-dark, .icon-hvdark:hover, a.icon-dark, a.icon-hvdark:hover {
    color: #333;
}
.hv-wrapper:hover .icon-hvgrey-bg, .icon-grey-bg, .icon-hvgrey-bg:hover {
    background: #f2f2f2;
}
.hv-wrapper:hover .icon-hvlight-bg, .icon-hvlight-bg:hover, .icon-light-bg {
    background: #fff;
}
.hv-wrapper:hover .icon-hvdark-bg, .icon-dark-bg, .icon-hvdark-bg:hover {
    background-color: #333;
}
.hv-wrapper:hover .icon-hvtransparent-bg, .icon-hvtransparent-bg:hover, .icon-transparent-bg {
    background-color: transparent;
}
.icon-bordered-dark, .icon-bordered-grey, .icon-bordered-light, .icon-bordered-theme, .icon-bordered-transparent {
    border: 1px solid;
}
.hv-wrapper:hover .icon-hvbordered-light, .icon-bordered-light, .icon-hvbordered-light:hover {
    border-color: #fff;
}
.hv-wrapper:hover .icon-hvbordered-grey, .icon-bordered-grey, .icon-hvbordered-grey:hover {
    border-color: #e1e1e1;
}
.hv-wrapper:hover .icon-hvbordered-dark, .icon-bordered-dark, .icon-hvbordered-dark:hover {
    border-color: #777;
}
.hv-wrapper:hover .icon-hvbordered-transparent, .icon-bordered-transparent, .icon-hvbordered-transparent:hover {
    border-color: transparent;
}
.social-adn-color, .social-adn-hvcolor:hover {
    color: #504e54;
}
.social-adn-bg, .social-adn-hvbg:hover {
    background: #504e54;
}
.social-apple-color, .social-apple-hvcolor:hover {
    color: #aeb5c5;
}
.social-apple-bg, .social-apple-hvbg:hover {
    background: #aeb5c5;
}
.social-android-color, .social-android-hvcolor:hover {
    color: #a5c63b;
}
.social-android-bg, .social-android-hvbg:hover {
    background: #a5c63b;
}
.social-bitbucket-colort, .social-bitbucket-hvcolor:hover {
    color: #036;
}
.social-bitbucket-bg, .social-bitbucket-hvbg:hover {
    background: #036;
}
.social-css3-color, .social-css3-hvcolor:hover {
    color: #1572b7;
}
.social-css3-bg, .social-css3-hvbg:hover {
    background: #1572b7;
}
.social-dribbble-color, .social-dribbble-hvcolor:hover {
    color: #f46899;
}
.social-dribbble-bg, .social-dribbble-hvbg:hover {
    background: #f46899;
}
.social-dropbox-color, .social-dropbox-hvcolor:hover {
    color: #018bd3;
}
.social-dropbox-bg, .social-dropbox-hvbg:hover {
    background: #018bd3;
}
.social-facebook-color, .social-facebook-hvcolor:hover {
    color: #3c599f;
}
.social-facebook-bg, .social-facebook-hvbg:hover {
    background: #3c599f;
}
.social-flickr-color, .social-flickr-hvcolor:hover {
    color: #ff0084;
}
.social-flickr-bg, .social-flickr-hvbg:hover {
    background: #ff0084;
}
.social-foursquare-color, .social-foursquare-hvcolor:hover {
    color: #0086be;
}
.social-foursquare-bg, .social-foursquare-hvbg:hover {
    background: #0086be;
}
.social-github-color, .social-github-hvcolor:hover {
    color: #070709;
}
.social-github-bg, .social-github-hvbg:hover {
    background: #070709;
}
.social-google-plus-color, .social-google-plus-hvcolor:hover {
    color: #cf3d2e;
}
.social-google-plus-bg, .social-google-plus-hvbg:hover {
    background: #cf3d2e;
}
.social-html5-color, .social-html5-hvcolor:hover {
    color: #e54d26;
}
.social-html5-bg, .social-html5-hvbg:hover {
    background: #e54d26;
}
.social-instagram-color, .social-instagram-hvcolor:hover {
    color: #a1755c;
}
.social-instagram-bg, .social-instagram-hvbg:hover {
    background: #a1755c;
}
.social-linkedin-color, .social-linkedin-hvcolor:hover {
    color: #0085ae;
}
.social-linkedin-bg, .social-linkedin-hvbg:hover {
    background: #0085ae;
}
.social-linux-color, .social-linux-hvcolor:hover {
    color: #fbc002;
}
.social-linux-bg, .social-linux-hvbg:hover {
    background: #fbc002;
}
.social-maxcdn-color, .social-maxcdn-hvcolor:hover {
    color: #f6ae1c;
}
.social-maxcdn-bg, .social-maxcdn-hvbg:hover {
    background: #f6ae1c;
}
.social-pagelines-color, .social-pagelines-hvcolor:hover {
    color: #241e20;
}
.social-pagelines-bg, .social-pagelines-hvbg:hover {
    background: #241e20;
}
.social-pinterest-color, .social-pinterest-hvcolor:hover {
    color: #cc2127;
}
.social-pinterest-bg, .social-pinterest-hvbg:hover {
    background: #cc2127;
}
.social-renren-color, .social-renren-hvcolor:hover {
    color: #025dac;
}
.social-renren-bg, .social-renren-hvbg:hover {
    background: #025dac;
}
.social-skype-color, .social-skype-hvcolor:hover {
    color: #01aef2;
}
.social-skype-bg, .social-skype-hvbg:hover {
    background: #01aef2;
}
.social-stack-exchange-color, .social-stack-exchange-hvcolor:hover {
    color: #245590;
}
.social-stack-exchange-bg, .social-stack-exchange-hvbg:hover {
    background: #245590;
}
.social-overflow-color, .social-overflow-hvcolor:hover {
    color: #ff7300;
}
.social-overflow-bg, .social-overflow-hvbg:hover {
    background: #ff7300;
}
.social-trello-color, .social-trello-hvcolor:hover {
    color: #265a7f;
}
.social-trello-bg, .social-trello-hvbg:hover {
    background: #265a7f;
}
.social-tumblr-color, .social-tumblr-hvcolor:hover {
    color: #314e6c;
}
.social-tumblr-bg, .social-tumblr-hvbg:hover {
    background: #314e6c;
}
.social-twitter-color, .social-twitter-hvcolor:hover {
    color: #32ccfe;
}
.social-twitter-bg, .social-twitter-hvbg:hover {
    background: #32ccfe;
}
.social-vimeo-color, .social-vimeo-hvcolor:hover {
    color: #229acc;
}
.social-vimeo-bg, .social-vimeo-hvbg:hover {
    background: #229acc;
}
.social-vk-color, .social-vk-hvcolor:hover {
    color: #375474;
}
.social-vk-bg, .social-vk-hvbg:hover {
    background: #375474;
}
.social-weibo-color, .social-weibo-hvcolor:hover {
    color: #d72b2b;
}
.social-weibo-bg, .social-weibo-hvbg:hover {
    background: #d72b2b;
}
.social-windows-color, .social-windows-hvcolor:hover {
    color: #12b6f3;
}
.social-windows-bg, .social-windows-hvbg:hover {
    background: #12b6f3;
}
.social-xing-color, .social-xing-hvcolor:hover {
    color: #00555c;
}
.social-xing-bg, .social-xing-hvbg:hover {
    background: #00555c;
}
.social-youtube-color, .social-youtube-hvcolor:hover {
    color: #c52f30;
}
.social-youtube-bg, .social-youtube-hvbg:hover {
    background: #c52f30;
}
.social-adn-bcolor, .social-adn-hvbcolor:hover {
    border-color: #504e54;
}
.social-apple-bcolor, .social-apple-hvbcolor:hover {
    border-color: #aeb5c5;
}
.social-android-bcolor, .social-android-hvbcolor:hover {
    border-color: #a5c63b;
}
.social-bitbucket-bcolor, .social-bitbucket-hvbcolor:hover {
    border-color: #036;
}
.social-css3-bcolor, .social-css3-hvbcolor:hover {
    border-color: #1572b7;
}
.social-dribbble-bcolor, .social-dribbble-hvbcolor:hover {
    border-color: #f46899;
}
.social-dropbox-bcolor, .social-dropbox-hvbcolor:hover {
    border-color: #018bd3;
}
.social-facebook-bcolor, .social-facebook-hvbcolor:hover {
    border-color: #3c599f;
}
.social-flickr-bcolor, .social-flickr-hvbcolor:hover {
    border-color: #ff0084;
}
.social-foursquare-bcolor, .social-foursquare-hvbcolor:hover {
    border-color: #0086be;
}
.social-github-bcolor, .social-github-hvbcolor:hover {
    border-color: #070709;
}
.social-google-plus-bcolor, .social-google-plus-hvbcolor:hover {
    border-color: #cf3d2e;
}
.social-html5-bcolor, .social-html5-hvbcolor:hover {
    border-color: #e54d26;
}
.social-instagram-bcolor, .social-instagram-hvbcolor:hover {
    border-color: #a1755c;
}
.social-linkedin-bcolor, .social-linkedin-hvbcolor:hover {
    border-color: #0085ae;
}
.social-linux-bcolor, .social-linux-hvbcolor:hover {
    border-color: #fbc002;
}
.social-maxcdn-bcolor, .social-maxcdn-hvbcolor:hover {
    border-color: #f6ae1c;
}
.social-pagelines-bcolor, .social-pagelines-hvbcolor:hover {
    border-color: #241e20;
}
.social-pinterest-bcolor, .social-pinterest-hvbcolor:hover {
    border-color: #cc2127;
}
.social-renren-bcolor, .social-renren-hvbcolor:hover {
    border-color: #025dac;
}
.social-skype-bcolor, .social-skype-hvbcolor:hover {
    border-color: #01aef2;
}
.social-stack-exchange-bcolor, .social-stack-exchange-hvbcolor:hover {
    border-color: #245590;
}
.social-overflow-bcolor, .social-overflow-hvbcolor:hover {
    border-color: #ff7300;
}
.social-trello-bcolor, .social-trello-hvbcolor:hover {
    border-color: #265a7f;
}
.social-tumblr-bcolor, .social-tumblr-hvbcolor:hover {
    border-color: #314e6c;
}
.social-twitter-bcolor, .social-twitter-hvbcolor:hover {
    border-color: #32ccfe;
}
.social-vimeo-bcolor, .social-vimeo-hvbcolor:hover {
    border-color: #229acc;
}
.social-vk-bcolor, .social-vk-hvbcolor:hover {
    border-color: #375474;
}
.social-weibo-bcolor, .social-weibo-hvbcolor:hover {
    border-color: #d72b2b;
}
.social-windows-bcolor, .social-windows-hvbcolor:hover {
    border-color: #12b6f3;
}
.social-xing-bcolor, .social-xing-hvbcolor:hover {
    border-color: #00555c;
}
.social-youtube-bcolor, .social-youtube-hvbcolor:hover {
    border-color: #c52f30;
}
.arrow-list li, .bullet-list li, .check-list li, .dashed-list li, .default-list li, .square-list li {
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
    list-style: none;
}
.arrow-list li {
    padding-left: 15px;
}
.check-list li {
    padding-left: 25px;
}
ul.arrow-list li:before {
    font-size: 11px;
    position: absolute;
    content: '\f105';
}
ul.check-list li:before {
    font-size: 14px;
    position: absolute;
    content: '\f058';
}
.list-style-1 .list-group-item:after, ul.bullet-list li:before, ul.dashed-list li:before, ul.square-list li:before {
    content: '';
}
ul.check-list.list-light li:before {
    color: #f7f7f7;
}
ul.check-list.list-dark li:before {
    color: #222;
}
ul.bullet-list li:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    border-radius: 20px;
    background: #ddd;
}
ul.dashed-list li:before {
    float: left;
    width: 15px;
    height: 2px;
    margin: 12px 15px 0 0;
    background: #ddd;
}
ul.square-list li:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-top: 8px;
    margin-right: 10px;
    background: #ddd;
}
.list-style-1 a, .list-style-1 a:hover {
    font-size: 15px;
    margin-bottom: 5px;
}
.list-style-1 a {
    background: #f7f7f7!important;
}
.list-style-1 .list-group-submenu a, .list-style-1 a:hover {
    background: #ebebeb!important;
}
.list-style-1 .list-group-item:last-child {
    margin-bottom: 5px;
}
.list-style-1 .list-group-submenu a:hover {
    background: #f7f7f7!important;
}
.list-style-1 .list-group-item {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}
.list-style-1 .list-group-item:before {
    top: 11px!important;
    left: 20px!important;
}
.list-style-1 .list-group-item:after {
    position: absolute;
    top: 0;
    left: 35px;
    width: 1px;
    height: 100%;
    background: #ebebeb;
}
.rectangle-list a:before, .rounded-list a:before {
    font-weight: 700;
    line-height: 2em;
    content: counter(li);
    top: 50%;
    counter-increment: li;
    text-align: center;
}
.list-style-1 .list-group-submenu .list-group-item:after {
    background: #e0dfdf;
}
.list-style-1 .list-group-item, .list-style-1 .list-group-submenu .list-group-item {
 padding: 10px 15px 10px 50px!important !important;
}
.ex li, .ex ol {
    padding: 0;
}
.ex ol {
    margin-bottom: 2em;
    list-style: none;
    counter-reset: li;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.ex ol ol {
    margin: 0 0 0 2em;
}
.rounded-list a {
    position: relative;
    display: block;
    margin: 0.5em 0;
    padding: 1em 1em 1em 4em;
    text-decoration: none;
    border-radius: 0.3em;
    background: #f7f7f7;
}
.rounded-list a:hover {
    background: #eee;
}
.rounded-list a:before {
    position: absolute;
    left: 0.7em;
    width: 2.5em;
    height: 2.5em;
    margin-top: -1.3em;
    transition: all 0.3s ease-out;
    border: 0.3em solid #fff;
    border-radius: 2em;
    background: #fff;
}
.rectangle-list a {
    position: relative;
    display: block;
    margin: 0.5em 0 0.5em 2.5em;
    padding: 0.4em 0.4em 0.4em 0.8em;
    transition: all 0.3s ease-out;
    text-decoration: none;
    color: #444;
    background: #ddd;
}
.rectangle-list a:hover {
    background: #eee;
}
.rectangle-list a:before {
    position: absolute;
    left: -2.5em;
    width: 2em;
    height: 2em;
    margin-top: -1em;
}
.rectangle-list a:after {
    position: absolute;
    top: 50%;
    left: -1em;
    margin-top: -.5em;
    content: '';
    transition: all 0.3s ease-out;
    border: 0.5em solid transparent;
}
.rectangle-list a:hover:after {
    left: -.5em;
}
.circle-list li {
    padding: 1.5em 1.5em 1.5em 2.5em;
    border-bottom: 1px dashed #ccc;
}
.circle-list li:last-child {
    border-bottom: none;
}
.circle-list span {
    position: relative;
    margin: 0;
}
.circle-list p {
    margin: 0;
}
.circle-list span:before {
    line-height: 1.9em;
    position: absolute;
    z-index: -1;
    top: -5px;
    left: -2.5em;
    width: 1.9em;
    height: 1.9em;
    content: counter(li, decimal);
    counter-increment: li;
    transition: all 0.4s ease-out 0s;
    text-align: center;
    color: #444;
    border: 0.1em solid rgba(0,0,0,.05);
    border-radius: 1.5em;
    background: #f5f5f5;
}
.circle-list li:hover span:before {
    transform: scale(1.5);
    color: #444;
    border-width: -.8em;
    border-color: rgba(0,0,0,.08);
}
.list-group-item i {
    float: right;
    padding-top: 5px;
    padding-left: 10px;
}
.arrow-list .list-group-submenu .list-group-item, .ex-panel.front-toggle .list-group-item {
    padding-left: 30px;
}
.list-group-item.in:hover, .list-group-submenu .list-group-item {
    background-color: #f5f5f5;
}
.list-group-item.in, .list-group-item.in:focus {
    background-color: #fff;
}
.ex-panel .list-group-item.in.collapsed:after, .ex-panel .list-group-item.in:after {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 14px;
    height: 2px;
    content: '';
    background-color: #555;
}
.ex-panel .list-group-item.in.collapsed:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 22px;
    width: 2px;
    height: 13px;
    content: '';
    background-color: #555;
}
.ex-panel .list-group-item.in:before {
    content: none;
}
.ex-panel.front-toggle .list-group-item:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    width: 12px;
    height: 2px;
    content: '';
    background-color: #555;
}
.ex-panel.front-toggle .list-group-item.in.collapsed:before {
    left: 5px;
    height: 12px;
}
.ex-panel.front-toggle .list-group-item.in.collapsed:after {
    left: 0;
    width: 12px;
}
.border-none.panel {
    box-shadow: none;
}
.border-none .list-group-item, .no-border {
    border: none!important;
}
.border-none .list-group-item:hover, .border-none .list-group-`menu .list-group-item {
 background-color: transparent;
}
.ex-panel.border-none.front-toggle .list-group-item {
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5;
}
.ex-panel.border-none.front-toggle .list-group-item.in {
    border-bottom: 1px solid #d2d2d2;
}
.ex-panel.border-none.front-toggle .list-group-item.in.collapsed {
    border-bottom: 1px solid #f5f5f5;
}
.arrow-list .list-group-item:before {
    font-family: FontAwesome;
    font-size: 11px;
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    content: '\f105';
}
.arrow-list .list-group-submenu .list-group-item:before {
    left: 15px;
}
.carousel-control.left, .carousel-control.right {
    background: 0 0;
}
.carousel-control > span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
.meta-list li:after, .owl-carousel .owl-nav div {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.slider-section {
    padding: 0;
}
.owl-carousel .animated {
    visibility: visible;
}
.owl-nav {
    margin-top: 0!important;
}
.owl-carousel .item.dark-overlay:after, .owl-carousel .item.light-overlay:after {
    background: rgba(0,0,0,.3);
}
.owl-carousel .item.light-overlay:after {
    background: rgba(255,255,255,.3);
}
.owl-carousel .owl-nav div {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-carousel .owl-nav .owl-prev {
    left: 15px;
    margin-right: 15px; /*병헌 171123 : 7.5 -> 15;*/
}
.owl-carousel .owl-nav .owl-next {
    right: 15px;
    margin-left: 15px; /*병헌 171123 : 7.5 -> 15;*/
}
.owl-nav > div {
    line-height: 50px;
    width: 50px;
    height: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.owl-nav > div {
    font-size: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #333;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    -khtml-border-radius: 0;
}
.owl-nav > div:hover {
    background: rgba(255,255,255,.6);
}
.owl-carousel .owl-nav .owl-next:after, .owl-carousel .owl-nav .owl-prev:after {
    font-family: FontAwesome;
    font-size: 30px;
    font-weight: 100;
    position: absolute;
    right: 0;
    left: 0;
    content: '\f104';
    color: inherit;
}
.owl-carousel .owl-nav .owl-next:after {
    content: '\f105';
}
.owl-carousel.navigation-dark .owl-nav {
    margin-bottom: 0;
}
.owl-carousel.navigation-dark .owl-nav > div {
    color: #fff;
    background: #333;
}
.owl-carousel.navigation-dark .owl-nav > div:hover {
    background: rgba(0,0,0,.6);
}
.owl-carousel.navigation-colored .owl-nav .owl-next:hover:after, .owl-carousel.navigation-colored .owl-nav .owl-prev:hover:after, .owl-carousel.navigation-colored .owl-nav > div {
    color: #fff;
}
.owl-carousel.navigation-dark.navigation-transparent .owl-nav > div:hover, .owl-carousel.navigation-transparent .owl-nav > div, .owl-carousel.navigation-transparent .owl-nav > div:hover .owl-carousel.navigation-dark.navigation-transparent .owl-nav > div {
    background: 0 0;
}
.owl-carousel.navigation-transparent .owl-nav .owl-next:after, .owl-carousel.navigation-transparent .owl-nav .owl-prev:after {
    font-size: 60px;
    font-weight: 400;
}
.owl-carousel.nav-circle .owl-nav > div:after, .owl-carousel.nav-mini .owl-nav .owl-next:after, .owl-carousel.nav-mini .owl-nav .owl-prev:after {
    font-size: 15px;
}
.owl-carousel.nav-bottom .owl-nav, .owl-carousel.nav-bottom-left .owl-nav, .owl-carousel.nav-bottom-right .owl-nav, .owl-carousel.nav-top .owl-nav, .owl-carousel.nav-top-left .owl-nav, .owl-carousel.nav-top-right .owl-nav {
    position: absolute;
    z-index: 1;
    right: 0;
    left: 0;
    margin: 15px;
}
.owl-carousel.nav-bottom .owl-nav div, .owl-carousel.nav-bottom-left .owl-nav div, .owl-carousel.nav-bottom-right .owl-nav div, .owl-carousel.nav-top .owl-nav div, .owl-carousel.nav-top-left .owl-nav div, .owl-carousel.nav-top-right .owl-nav div {
    position: relative;
    right: 0;
    left: 0;
    display: inline-block;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.owl-carousel.nav-top .owl-nav, .owl-carousel.nav-top-left .owl-nav, .owl-carousel.nav-top-right .owl-nav {
    top: 0;
}
.owl-carousel.nav-bottom-right .owl-nav, .owl-carousel.nav-bottom-right.nav-outer .owl-nav, .owl-carousel.nav-top-right .owl-nav, .owl-carousel.nav-top-right.nav-outer .owl-nav {
    right: 0;
    left: auto;
}
.owl-carousel.nav-bottom-left .owl-nav, .owl-carousel.nav-top-left .owl-nav {
    right: auto;
    left: 0;
}
.owl-carousel.nav-outer .owl-nav .owl-prev {
    left: -70px;
}
.owl-carousel.nav-outer .owl-nav .owl-next {
    right: -70px;
}
.owl-carousel.nav-bottom-left.nav-outer .owl-nav > div, .owl-carousel.nav-bottom-right.nav-outer .owl-nav > div, .owl-carousel.nav-bottom.nav-outer .owl-nav > div, .owl-carousel.nav-top-left.nav-outer .owl-nav > div, .owl-carousel.nav-top-right.nav-outer .owl-nav > div, .owl-carousel.nav-top.nav-outer .owl-nav > div {
    right: 0;
    left: 0;
}
.owl-carousel.nav-bottom-left.nav-outer .owl-nav, .owl-carousel.nav-bottom-right.nav-outer .owl-nav, .owl-carousel.nav-bottom.nav-outer .owl-nav {
    bottom: -70px;
    margin: 0;
}
.owl-carousel.nav-top-left.nav-outer .owl-nav, .owl-carousel.nav-top-right.nav-outer .owl-nav, .owl-carousel.nav-top.nav-outer .owl-nav {
    top: -70px;
    margin: 0;
}
.owl-carousel.nav-rounded .owl-nav > div {
    border-radius: 5px;
}
.owl-carousel.nav-circle .owl-nav > div {
    border-radius: 50%;
}
.owl-carousel.nav-mini .owl-nav > div {
    line-height: 25px;
    width: 25px;
    height: 25px;
}
.owl-carousel.nav-mini .owl-nav .owl-prev {
    margin-right: 2.5px;
}
.owl-carousel.nav-mini .owl-nav .owl-next {
    margin-left: 2.5px;
}
.owl-carousel.show-nav-hover .owl-nav .owl-prev {
    left: -15px;
    opacity: 0;
}
.owl-carousel.show-nav-hover .owl-nav .owl-next {
    right: -15px;
    opacity: 0;
}
.owl-carousel.show-nav-hover:hover .owl-nav .owl-prev {
    left: 15px;
    opacity: 1;
}
.owl-carousel.show-nav-hover:hover .owl-nav .owl-next {
    right: 15px;
    opacity: 1;
}
.owl-carousel .owl-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 10px;
}
.dots-mini .owl-dots .owl-dot span {
    position: relative;
    width: 15px;
    height: 15px;
    margin: 7px;
    background: rgba(255,255,255,1);
}
.dots-mini .owl-dots .owl-dot:hover span {
    background: rgba(217,83,79,1);
}
.dots-mini .owl-dots .owl-dot.active span {
    width: 15px;
    height: 15px;
    /*border: 2px solid #fff; 병헌 171210 */
    background: 0 0;
    background-color: #d9534f; /*병헌 1171210 추가*/
}
.dots-mini .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px;
}
.owl-theme.dot-style1 .owl-dots .owl-dot {
    margin: 4px;
    border: 2px solid transparent;
}
.owl-theme.dot-style1 .owl-dots .owl-dot.active, .owl-theme.dot-style1 .owl-dots .owl-dot:hover {
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.owl-theme.dot-style1 .owl-dots .owl-dot.active span {
    background: rgba(255,255,255,.8);
}
.owl-theme.dots-square .owl-dots .owl-dot span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.owl-carousel.dots-bottom-right .owl-dots, .owl-carousel.dots-top-right .owl-dots {
    right: 0;
    left: auto;
}
.owl-carousel.dots-bottom-left .owl-dots, .owl-carousel.dots-top-left .owl-dots {
    right: auto;
    left: 0;
}
.owl-carousel.dots-top .owl-dots, .owl-carousel.dots-top-left .owl-dots, .owl-carousel.dots-top-right .owl-dots {
    top: 0;
}
.owl-carousel.dots-left .owl-dots .owl-dot, .owl-carousel.dots-right .owl-dots .owl-dot {
    display: block;
}
.owl-carousel.dots-left .owl-dots, .owl-carousel.dots-right .owl-dots {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}
.owl-carousel.dots-right .owl-dots {
    right: 0;
    left: auto;
}
.owl-carousel.dots-left .owl-dots {
    right: auto;
    left: 0;
}
.owl-carousel.dots-outer .owl-dots {
    bottom: -60px;
    margin: 0;
}
.owl-carousel.dots-outer {
    margin-bottom: 60px;
}
.owl-carousel.dots-top-left.dots-outer .owl-dots, .owl-carousel.dots-top-right.dots-outer .owl-dots, .owl-carousel.dots-top.dots-outer .owl-dots {
    top: -60px;
    margin: 0;
}
.owl-carousel.dots-dark .owl-dots .owl-dot span {
    background: rgba(0,0,0,.5);
}
.owl-carousel.dots-dark .owl-dots .owl-dot:hover span {
    background: rgba(0,0,0,.8);
}
.owl-carousel.dots-dark .owl-dots .owl-dot.active span {
    border: 2px solid #000;
    background: 0 0;
}
.vertical-align.slider-content {
    position: absolute;
    z-index: 99;
}
.slider-content h2 {
    font-size: 68px;
    line-height: 1.4em;
    font-weight: 900;
    margin-top: 0;
}
.slider-content p {
    font-size: 18px;
    max-width:500px;
    word-break:keep-all;
}
.slider-content p.normal {
    font-size: 15px;
}
.slider-content.text-center p {
    margin: 0 auto 30px;
}
.slider-content.text-right p {
    margin: 0 0 30px auto;
}
.slider-content.text-left p {
    margin: 0 auto 20px 0;
}
.slider-content .btn {
    margin-right: 0 15px;
}
.slider-content .btn.no-margin {
    margin: 0;
}
.owl-item .animated {
    visibility: hidden;
}
.owl-item .animated.visible {
    visibility: visible;
}
.pagination > li > a, .pagination > li > span {
    font-weight: 400;
}
.pagination.style1 > li > a, .pagination.style1 > li > span {
    border: none;
}
.pagination.style1 > li > a:focus, .pagination.style1 > li > a:hover, .pagination.style1 > li > span:focus, .pagination.style1 > li > span:hover {
    background: 0 0;
}
.pagination.style2 > li > a, .pagination.style2 > li > span {
    margin: 3px;
    padding: 6px 13px;
    border-radius: 50%;
}
.pagination.style2 > li:first-child > a, .pagination.style2 > li:first-child > span, .pagination.style2 > li:last-child > a, .pagination.style2 > li:last-child > span {
    border: none;
}
.pager.style3 {
    display: inherit;
    margin: 20px 0;
}
.pager.style3 li > a, .pager.style3 li > span {
    display: inline-block;
    margin-right: 2px;
    margin-left: 2px;
    padding: 6px 24px;
    border: 1px solid #ddd;
    border-radius: 25px;
}
.pagination.style3 li.previous > a, .pagination.style3 li.previous > span {
    float: left;
}
.pagination.style3 li.next > a, .pagination.style3 li.next > span {
    float: right;
}
.load-more {
    display: none;
}
.load-more.active {
    display: block;
}
.item-box {
    padding: 30px;
}
.item-box1 {
    padding: 40px;
}
.item-box2 {
    padding: 50px;
}
.item-box3 {
    padding: 60px;
}
.feature-box {
    margin-bottom: 30px;
}
.owl-item .feature-box {
    margin-bottom: 0;
}
.feature-box .feature-inner-wrapper, .feature-box .feature-title, .feature-box .icon-wrapper i {
    margin: 0 0 15px;
}
.feature-box .feature-category {
    padding: 0 0 15px;
}
.feature-title.bottom-line, .text-center .feature-title.bottom-line, .text-right .feature-title.bottom-line {
    margin-bottom: 50px;
}
.feature-title.bottom-line:after, .text-center .feature-title.bottom-line:after, .text-right .feature-title.bottom-line:after {
    position: absolute;
    bottom: -20px;
}
.text-center .feature-title.bottom-line:after {
    right: 0;
    left: 0;
}
.feature-box.style-2 .feature-title, .feature-box.style-2 .icon-wrapper i {
    margin-bottom: 0;
}
.feature-box.style-2 .icon-wrapper, .feature-box.style-2 .title-wrapper {
    display: inline-block;
    vertical-align: middle;
}
.feature-box.style-2 .icon-wrapper, .feature-box.style-3 .icon-wrapper {
    padding-right: 25px;
}
.feature-box.style-2.text-right .icon-wrapper, .feature-box.style-3.text-right .icon-wrapper {
    padding: 0 0 0 15px;
}
.feature-box.style-3 .icon-wrapper, .feature-box.style-3 .inner-wrapper {
    display: table-cell;
    vertical-align: top;
}
.feature-box.style-3.i-adjust .icon-wrapper {
    padding-top: 15px;
}
.feature-box.style-3.text-center .icon-wrapper, .feature-box.style-3.text-center .inner-wrapper {
    display: inline-block;
    vertical-align: middle;
}
.feature-box.style-3.text-center .icon-wrapper {
    padding: 0;
}
.feature-box.style-4 {
    margin-top: 30px;
    padding: 15px 15px 30px;
    border: 1px solid #f7f7f7;
}
.style-4-box {
    margin-top: -50px;
}
.feature-box.style-5 .icon-wrapper {
    position: absolute;
}
.feature-box.style-5 .title-wrapper {
    margin-left: 150px;
}
.title-wrapper {
    position: relative;
}
.process-step {
    font-size: 70px;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    color: #f7f7f7;
}
.style-box .process-step {
    font-size: 15px;
    line-height: 40px;
    right: auto;
    left: auto;
    width: 40px;
    height: 40px;
    margin-left: -22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}
.feature-box.style-6 {
    margin-top: 35px;
    border: 2px solid #f7f7f7;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -khtml-border-radius: 15px;
}
.feature-box.style-6 img {
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    -khtml-border-radius: 15px 15px 0 0;
}
.feature-box.style-6.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}
.feature-box.style-6.rounded img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
}
.feature-box.style-6 .feature-image {
    position: relative;
}
.feature-box.style-6 .feature-text {
    padding: 0 25px 25px;
}
.feature-box.style-6 i {
    line-height: 70px;
    position: absolute;
    top: -35px;
    right: auto;
    left: auto;
    width: 80px;
    height: 80px;
    margin-left: -35px;
    border: 7px solid #fff;
}
.feature-box.style-6:hover i {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.feature-image, .post-image {
    margin-bottom: 20px;
}
.text-center img {
    display: inline-block!important;
}
.progress {
    overflow: visible;
}
.progress, .progress-bar {
    line-height: inherit;
    position: relative;
    float: none;
    color: inherit;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}
.progress.lable-on-top .progress-label {
    position: absolute;
    right: -17px;
    bottom: 100%;
    margin-bottom: 15px;
    padding: 5px;
}
.progress.lable-on-top .progress-label.circle {
    font-size: 10px;
    line-height: 30px;
    right: -16px;
    width: 30px;
    height: 30px;
    margin-bottom: 6px;
}
.progress.lable-on-top .progress-label:after {
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: -5px;
    left: 0;
    width: 10px;
    height: 10px;
    margin: 0 auto;
    content: '';
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: inherit;
}
.progress.lable-on-top .progress-label.circle:after {
    bottom: -3px;
}
.piechart {
    position: relative;
    margin-bottom: 15px;
    text-align: center;
}
.piechart > canvas {
    display: inline-block;
}
.piechart span {
    font-size: 30px;
    font-weight: 900;
}
.piechart span::after {
    content: "%";
    font-size: 20px;
}
.piechart.sm span::after {
    content: "%";
    font-size: 7px;
}
.icon-wrapper.piechart span {
    font-size: 14px;
    font-weight: 900;
    position: absolute;
    top: 11px;
    left: 17px;
}
.map-canvas img {
    max-width: initial!important;
}
.counter-wrapper {
    margin-bottom: 30px;
}
.counter-wrapper i {
    margin-bottom: 15px;
}
.counter-wrapper .bottom-line {
    margin-bottom: 30px;
}
.number-counter {
    line-height: 1;
    font-size: 40px;
    margin: 0 0 15px;
}
.panel-group .panel-title > a {
    display: block;
}
.panel-group .panel-title > a:hover {
    color: #000;
}
.panel-group .panel-heading {
    position: relative;
    padding: 5px 15px;
}
.panel-group .panel+.panel {
    margin-top: 0;
}
.accordion-plus.panel-group .panel-title > a:after {
    font-family: FontAwesome;
    font-size: 14px;
    float: right;
    content: '\f068 ';
}
.accordion-plus.panel-group .panel-title.none > a:after {
    content: ' ';
}
.accordion-plus.panel-group .panel-title > a.collapsed:after {
    font-family: FontAwesome;
    font-size: 14px;
    content: '\f067 ';
}
.accordion-arrow.panel-group .panel-title > a:after {
    font-family: FontAwesome;
    float: right;
    content: '\f107 ';
}
.accordion-arrow.panel-group .panel-title > a.collapsed:after {
    font-family: FontAwesome;
    content: '\f105 ';
}
.accordion-flat.panel-group .panel, .accordion-flat.panel-group .panel-heading {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}
.accordion-bordered .panel-heading:after, .accordion-bordered-top .panel-heading:after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
}
.accordion-bordered-top .panel-heading:after {
    top: -1px;
    bottom: auto;
}
.accordion-bordered .panel-group .panel-heading+.panel-collapse > .list-group, .accordion-bordered .panel-group .panel-heading+.panel-collapse > .panel-body {
    border: none;
}
.panel-group.no-pad .panel-body, .panel-group.no-pad .panel-heading {
    padding-right: 0;
    padding-left: 0;
}
.accordion-content-light .panel-body, .accordion-title-light .panel-default > .panel-heading {
    border-color: #e1e1e1;
    background: #fff;
}
.accordion-content-dark .panel-body, .accordion-title-dark .panel-default, .accordion-title-dark .panel-default > .panel-heading {
    color: #fff;
    border-color: #7c7c7c;
    background: #333;
}
.accordion-content-transparent .panel-body, .accordion-content-transparent .panel-default, .accordion-title-transparent .panel-default > .panel-heading {
    border-color: rgba(255,255,255,.2);
    background: 0 0;
}
.accordion-transparent .panel-default {
    border-color: rgba(0,0,0,.5);
}
.nav-tabs.text-center > li, .nav-tabs.text-right > li {
    display: inline-block;
    float: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: 0 0;
}
.tab-content {
    padding: 15px;
    border: 1px solid #e1e1e1;
}
.tab-content.no-border {
    padding: 0;
    border: none;
}
.tab-content .tab-pane {
    position: relative;
}
.dark-bg.tab-content {
    border-color: #333;
}
.tabs-left .nav-tabs, .tabs-right .nav-tabs {
    padding-top: 2px;
    border-bottom: none;
}
.tabs-left .nav-tabs {
    padding: 0;
    border-right: 1px solid #e1e1e1;
}
.tabs-right .nav-tabs {
    padding: 0;
    border-left: 1px solid #e1e1e1;
}
.tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li {
    float: none;
    margin-bottom: 2px;
}
.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a {
    float: none;
    margin: 0 0 2px;
}
.tabs-left .nav-tabs, .tabs-left .tab-content, .tabs-right .nav-tabs, .tabs-right .tab-content {
    display: table-cell;
    vertical-align: top;
}
.tabs-right .tab-tabs {
    float: right;
}
.tabs-left .tab-content {
    border-left: none;
}
.tabs-right .tab-content {
    border-right: none;
}
.tabs-left .nav-tabs > li.active > a, .tabs-left .nav-tabs > li.active > a:focus, .tabs-left .nav-tabs > li.active > a:hover {
    border-right-color: transparent;
}
.tabs-right .nav-tabs > li.active > a, .tabs-right .nav-tabs > li.active > a:focus, .tabs-right .nav-tabs > li.active > a:hover {
    border-left-color: transparent;
}
.tabs-left .nav-tabs > li > a {
    display: block;
    margin-right: 0;
    border-radius: 4px 0 0 4px;
}
.tabs-right .nav-tabs > li > a {
    margin-right: 0;
    border-radius: 0 4px 4px 0;
}
.pricing-wrapper {
    position: relative;
    text-align: center;
    border: 1px solid #e1e1e1;
    background: #fff;
}
.pricing-wrapper .pricing-head {
    position: relative;
    z-index: 1;
    padding: 50px 15px 30px;
}
.pricing-head .pricing-title {
    margin-bottom: 0;
}
.price-sub {
    margin-top: 15px;
}
.pricing-details .price, .pricing-head .price {
    font-size: 70px;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}
.price.bottom-line {
    margin-bottom: 35px;
}
.pricing-details .price > .duration, .pricing-details .price > .unit, .pricing-head .price > .duration, .pricing-head .price > .unit {
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    position: absolute;
    top: 0;
    left: -10px;
    display: block;
}
.pricing-details .price > .duration, .pricing-head .price > .duration {
    top: auto;
    right: auto;
    bottom: 0;
    left: 100%;
    min-width: 45px;
}
.pricing-details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.pricing-details ul > li {
    padding: 10px 0;
}
.pricing-details li.li-border:before {
    position: relative;
    top: -10px;
    display: block;
    height: 1px;
    margin: 0 15px;
    content: '';
    border-top: 1px solid #e1e1e1;
}
.pricing-details li:first-child:before {
    content: none;
}
.pricing-btn-block {
    padding: 25px 15px 15px;
}
.pricing-btn-block.pricing-btn1 {
    padding: 25px 15px 50px;
}
.pricing-btn-block .btn {
    margin: 0;
}
.pricing-wrapper.featured-price {
    margin: -25px -15px 0;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.1);
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,.1);
    -o-box-shadow: 0 0 8px rgba(0,0,0,.1);
}
.pricing-wrapper.featured-price .pricing-head {
    padding: 35px 15px;
}
.pricing-wrapper .pricing-ribbon-wrapper {
    position: absolute;
    top: -3px;
    right: -4px;
    overflow: hidden;
    width: 85px;
    height: 88px;
}
.pricing-wrapper .pricing-ribbon-wrapper .pricing-ribbon {
    font-size: 12px;
    position: relative;
    z-index: 9;
    top: 9px;
    left: -2px;
    width: 120px;
    padding: 5px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.pricing-head.v-shape:after, .pricing-head.v-shape:before {
    position: absolute;
    z-index: -1;
    top: 0;
    width: 50%;
    height: 101%;
    background: inherit;
    content: '';
}
.pricing-wrapper .pricing-ribbon-wrapper .pricing-ribbon:after, .pricing-wrapper .pricing-ribbon-wrapper .pricing-ribbon:before {
    position: absolute;
    bottom: -3px;
    content: '';
    border-top: 3px solid #333;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}
.pricing-wrapper .pricing-ribbon-wrapper .pricing-ribbon:before {
    left: 4px;
}
.pricing-wrapper .pricing-ribbon-wrapper .pricing-ribbon:after {
    right: 3px;
}
.price.bottom-line:after {
    right: 0;
    bottom: -30px;
    left: 0;
    margin: 0 auto;
}
.pricing-head.v-shape {
    margin-bottom: 35px;
    padding-bottom: 10px!important;
}
.pricing-head.v-shape:after {
    right: 0;
    -webkit-transform: skewY(-10deg);
    -moz-transform: skewY(-10deg);
    -ms-transform: skewY(-10deg);
    -o-transform: skewY(-10deg);
    transform: skewY(-10deg);
    -webkit-transform-origin: right top 0;
    -moz-transform-origin: right top 0;
    -ms-transform-origin: right top 0;
    -o-transform-origin: right top 0;
    transform-origin: right top 0;
}
.pricing-head.v-shape:before {
    left: 0;
    -webkit-transform: skewY(10deg);
    -moz-transform: skewY(10deg);
    -ms-transform: skewY(10deg);
    -o-transform: skewY(10deg);
    transform: skewY(10deg);
    -webkit-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -ms-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    transform-origin: left top 0;
}
.gallery-overlay:hover:before, .play-video a:before {
    font-family: FontAwesome;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    text-align: center;
}
.pricing-wrapper .icon-wrapper {
    margin-bottom: 20px;
}
.client-grid {
    width: 100%;
    list-style: none;
}
.client-grid > li {
    position: relative;
    float: left;
    padding: 20px 0;
}
.client-grid > li > img {
    margin: 0 auto;
}
.client-grid > li:after, .client-grid > li:before {
    position: absolute;
    content: '';
}
.client-grid > li:before {
    left: -1px;
    width: 1px;
    height: 100%;
    border-right: 1px solid rgba(0,0,0,.1);
}
.client-grid > li:after {
    bottom: -1px;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.client-grid.no-border > li:after, .client-grid.no-border > li:before {
    border: none;
}
.client-grid.client-grid-6 > li {
    width: 16.66%;
}
.client-grid.client-grid-5 > li {
    width: 20%;
}
.client-grid.client-grid-4 > li {
    width: 25%;
}
.client-grid.client-grid-3 > li {
    width: 33.3%;
}
.client-grid.client-grid-2 > li {
    width: 50%;
}
.client-grid.border-none > li:after, .client-grid.border-none > li:before {
    border: none!important;
}
.gallery-overlay {
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
    background: #171717;
}
.gallery-overlay.circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
}
.gallery-overlay.rounded {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}
.gallery-overlay:hover img {
    opacity: 0.5;
}
.gallery-overlay:hover:before {
    font-size: 24px;
    position: absolute;
    left: 0;
    margin: 0 auto;
    content: '\f002';
    color: #fff;
}
.gallery-overlay.play-video:hover:before {
    content: none;
}
.play-video {
    position: relative;
}
.play-video a:before {
    font-size: 60px;
    position: absolute;
    z-index: 9;
    left: 0;
    content: '\f01d';
    color: rgba(0,0,0,.5);
}
.form-control, .form-control:focus {
    color: #333;
    border-color: #e1e1e1;
}
.form-control.typo-light:focus {
    color: #a5a4a4;
}
.contact-form input.form-control, .form-big input.form-control {
    height: 50px;
}
label.checkbox-label {
    margin-left: 10px;
}
.form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}
.input-group-addon, .input-group-btn .btn.btn-default {
    margin-bottom: 0;
    padding: 8px 14px;
    color: #fff;
}
i.form-control-feedback {
    line-height: 34px;
}
.contact-form .has-feedback label~.form-control-feedback {
    top: 39px;
}
.form-flat .form-control, .form-flat .input-group-addon, .form-flat .input-group-btn .btn.btn-default {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.form-dark .form-control {
    color: #fff;
    border-color: #7c7c7c;
    background: #333;
}
.form-transparent .form-control {
    color: #fff;
    border-color: rgba(255,255,255,.5);
    background: 0 0;
}
.form-transparent .form-control::-moz-placeholder {
 opacity: 1;
 color: #ccc;
}
.form-transparent .form-control::-webkit-input-placeholder {
 opacity: 1;
 color: #fff;
}
.form-dark.form-transparent .form-control {
    border-color: rgba(0,0,0,.5);
    background: 0 0;
}
.form-dark.form-transparent .form-control::-moz-placeholder {
 opacity: 1;
 color: #333;
}
.form-dark.form-transparent .form-control::-webkit-input-placeholder {
 opacity: 1;
 color: #333;
}
.form-theme .form-control {
    background: 0 0;
}
.form-theme .form-control:focus {
    border-color: #7c7c7c;
}
.form-box {
    padding: 40px;
    border: 1px solid #f7f7f7;
}
.form-box.style1 {
    padding: 0;
    border: 4px double #f7f7f7;
}
.form-box.style2, .form-box.style3 {
    border: none;
    background: rgba(0,0,0,.4);
}
.form-box.style1 .custom-form {
    padding: 40px 80px;
}
.form-box-title {
    font-weight: 800;
    padding: 30px 80px;
}
.form-box.style3 {
    padding: 20px;
}
.form-big .input-group-addon, .form-big .input-group-btn .btn.btn-default {
    margin-bottom: 0;
    padding: 13px 20px;
    color: #fff;
}
.form-big i.form-control-feedback {
    line-height: 50px;
}
.sitemap li {
    float: left;
    width: 25%;
}
.contact-form .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
}
.inline-form .form-group {
    float: left;
    width: 49.2%;
}
.inline-form .form-group:first-child {
    margin-right: 1.6%;
}
.inline-form-3 .form-group {
    float: left;
    width: 32.3%;
    margin-right: 1%;
}
.inline-form-3 .form-group:last-child {
    margin-right: 0!important;
}
.inline-form-4 .form-group {
    float: left;
    width: 24%;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 1%;
}
.inline-form-4 .form-group:last-child {
    margin-right: 0!important;
}
section.separator-section {
    z-index: auto;
    overflow: visible;
    padding-bottom: 160px;
}
.curve-separator, .sep-btriangle, .sep-btriangle-left, .sep-btriangle-right, .slant-left, .slant-right {
    position: absolute;
    bottom: -1px;
}
.sep-btriangle {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sep-btriangle-right, .slant-right {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.curve-separator {
    z-index: 9;
    top: 100%;
    bottom: auto;
}
.modal {
    background: rgba(0,0,0,.5);
}
.modal-body {
    padding: 15px;
    /*height: 300px;*/
    overflow-x: hidden;
    overflow-y: visible;
}
.modal-header {
    border: 0;
}
.modal-title {
    display: inline-block;
}
.modal-dialog.sign-up {
    max-width: 400px;
}
.more-link-inverse.text-white:focus, .more-link-inverse.text-white:hover, .text-white, .text-white-hover:hover, a.text-white {
    color: #fff!important;
}
.more-link-inverse.text-light:focus, .more-link-inverse.text-light:hover, .text-light, a.text-light {
    color: #e7e7e7!important;
}
.more-link-inverse.text-lighter:focus, .more-link-inverse.text-lighter:hover, .text-lighter, a.text-lighter {
    color: #f5f5f5!important;
}
.more-link-inverse.text-black:focus, .more-link-inverse.text-black:hover, .text-black, a.text-black {
    color: #000!important;
}
.more-link-inverse.text-white:focus, .more-link-inverse.text-white:hover, .text-dark, a.text-dark {
    color: #555!important;
}
.more-link-inverse.text-darker:focus, .more-link-inverse.text-darker:hover, .text-darker, a.text-darker {
    color: #222!important;
}
.more-link-inverse.text-blue:focus, .more-link-inverse.text-blue:hover, .text-blue, a.text-blue {
    color: #3498db!important;
}
.more-link-inverse.text-yellow:focus, .more-link-inverse.text-yellow:hover, .text-yellow, a.text-yellow {
    color: #ff6b57!important;
}
.more-link-inverse.text-green:focus, .more-link-inverse.text-green:hover, .text-green, a.text-green {
    color: #32c5d2!important;
}
.more-link-inverse.text-purple:focus, .more-link-inverse.text-purple:hover, .text-purple, a.text-purple {
    color: #b771b0!important;
}
.more-link-inverse.text-red:focus, .more-link-inverse.text-red:hover, .text-red, a.text-red {
    color: #eb5d68!important;
}
.more-link-inverse.text-gray:focus, .more-link-inverse.text-gray:hover, .text-gray, a.text-gray {
    color: #525e64!important;
}
.quote {
    font-size: 20px;
    font-weight: 300;
    position: relative;
    padding: 10px 0 10px 60px;
}
.quote:after {
    font-family: "Noto Sans KR R";
    font-size: 85px;
    font-style: normal;
    position: absolute;
    top: 37px;
    left: 0;
    content: '“';
}
.client-bio {
    padding: 20px 0 0;
}
.client-bio h6 {
    margin-bottom: 0;
}
.posi {
    font-size: 15px;
    font-weight: 400;
}
.meta-date, .occupation {
    font-size: 13px;
}
.team-member-social i {
    margin: 5px;
}
.member-detail {
    padding-top: 30px;
}
.occupation {
    display: block;
}
.client-says img {
    width: 100px!important;
    margin-bottom: 20px;
}
.client-says.text-center img {
    margin: 0 auto 20px;
}
.client-says .client-name {
    font-family: "Noto Sans KR B", "sans-serif";
    /*font-weight: 600;*/
    padding-top: 10px;
}
.about-me-image {
    margin-top: -50px;
}
.list-post {
    margin-bottom: 60px;
}
.grid-post .post-item, .list-post .post-image, .post-title {
    margin-bottom: 30px;
}
.grid-post .post-image img, .list-post .post-image img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}
.post-comments {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #f7f7f7;
}
.post-comments .comment-meta {
    font-size: 1.2rem;
}
.comment-meta span:first-child {
    margin-left: 0;
}
.comment-meta span {
    margin-right: 1rem;
    margin-left: 1rem;
}
.comment-list ul, .post-comments .comment-content {
    margin-left: 10rem;
}
.comment-list {
    margin-bottom: 0;
}
.comment-list li {
    margin-bottom: 5rem;
    list-style: none;
}
.comment-list li:last-child {
    margin-bottom: 0;
}
.comment-list ul {
    margin-top: 5rem;
}
.post-comments .comment-meta a {
    font-weight: 400;
}
.post-comments .name {
    font-weight: 400;
    margin-bottom: 1rem;
}
.comment-form textarea {
    min-height: 20rem;
}
.post-comment-respond .comment-form .column {
    float: left;
}
.post-author, .post-comment-respond, .post-comments {
    border-color: #eee;
}
.post-comments .user-avatar {
    float: left;
    max-width: 7rem;
}
.post-comments .comment-content, .post-comments .comment-content p {
    font-size: 14px;
}
.comment-meta, .meta-list li {
    font-size: 13px;
}
.post-comments .user-avatar img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.comment-reply-link {
    padding-left: 10px;
}
.author-comments {
    padding: 20px;
    background: #f7f7f7;
}
.z-index0 {
    z-index: 0;
}
.z-index1 {
    z-index: 1;
}
.z-index-1 {
    z-index: -1;
}
.meta-list {
    margin: 0;
    padding: 0;
}
.meta-list li {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    padding: 0 10px;
    list-style: none;
}
.meta-list li:first-child {
    padding-left: 0;
}
.meta-list li:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 12px;
    content: '';
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #999;
}
.meta-list li:last-child:after {
    content: none;
}
.meta-list li i {
    padding-right: 7px;
}
.video-box {
    position: relative;
    overflow: hidden;
    height: 0;
    margin-bottom: 22px;
    padding-bottom: 56.25%;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
}
.video-box embed, .video-box iframe, .video-box object, .video-box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.audio-container.embed-container {
    line-height: 0;
}
.audio, .video-box .fitvids {
    border: none;
}
.right-sidebar .sidebar-content, .two-sidebar .sidebar-content {
    border-right: 1px solid #f7f7f7;
    padding-right: 30px;
}
.sidebar-left-border, .sidebar-right-border, .two-sidebar .sidebar-content {
    border-left: 1px solid #f7f7f7;
}
.sidebar-wrapper {
    padding: 0;
}
.left-sidebar .sidebar-content {
    float: right;
    padding-left: 30px;
    border-left: 1px solid #f7f7f7;
}
.two-sidebar .sidebar-content {
    padding-left: 30px;
}
.left-sidebar .sidebar, .left-sidebar .sidebar-content, .right-sidebar .sidebar, .right-sidebar .sidebar-content, .two-sidebar .sidebar-content {
    padding-top: 80px;
    padding-bottom: 80px;
}
.left-sidebar .sidebar {
    padding-right: 30px;
}
.right-sidebar .sidebar {
    padding-left: 30px;
}
.two-sidebar.right-sidebar .sidebar1 {
    padding-right: 30px!important;
    padding-left: 0!important;
}
.widget {
    margin-bottom: 40px;
}
.widget-title {
    padding-bottom: 20px;
}
.sidebar .widget-title {
    padding-bottom: 10px;
}
.recent-item {
    margin-bottom: 25px;
}
.recent-block .recent-img {
    float: left;
    width: 70px;
    min-height: 60px;
}
.recent-block .recent-text {
    margin-left: 80px;
}
.recent-title {
    font-size: 14px!important;
    margin-bottom: 5px;
}
.tags-widget {
    display: table;
}
.tags-widget li {
    float: left;
    margin: 0 3px 3px 0;
    list-style: none;
}
.tags-widget li a {
    font-size: 14px;
    line-height: 30px;
    display: block;
    height: 30px;
    padding: 0 8px;
    text-decoration: none;
    background: #f7f7f7;
}
.page-header, .page-header.default {
    padding: 80px 0;
    border: none;
    margin: 0;
}
.page-header.default {
    border-bottom: 5px solid;
}
.page-header.minimal {
    margin: 0;
    padding: 20px 0;
    border-top: 1px solid rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.03);
}
.page-header h2.small, .page-header.minimal h2 {
    font-size: 21px;
    line-height: 35px;
    margin-top: 5px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.page-header.minimal p {
    margin-bottom: 5px;
}
.breadcrumb {
    font-size: 12px;
    margin: 0;
    padding: 0;
    background: 0 0;
}
.breadcrumb > li+li:before {
    content: '- ';
}
.page-header.page-title-left .breadcrumb {
    position: absolute;
    top: 50%;
    right: 15px;
    left: auto;
    width: auto;
    margin: -10px 0 0;
    padding: 0;
    background: rgba(0,0,0,0);
}
.product-filter, .product-meta {
    margin-bottom: 20px;
}
.shop-review-tabs .comments, .shop-review-tabs .review-rating {
    margin-top: 30px;
}
.typo-light .breadcrumb > .active {
    color: #f7f7f7;
}
.typo-dark .breadcrumb > .active {
    color: #333;
}
.shop-section .product-title {
    padding: 25px 0 0;
}
.product-meta, .product-meta a, .product-result-count, .shop-section .product-price del .amount {
    color: #999;
}
.mid-title {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    padding: 10px 7px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.product-filter {
    float: right;
}
.product-filter .nav-pills .dropdown {
    min-width: 200px;
    border: 1px solid #ccc;
}
.product-filter .nav-pills .dropdown-menu {
    min-width: 200px;
    margin-left: -1px;
}
.product-filter .nav-pills li a, .product-meta, .product-meta a {
    font-size: 14px;
    font-weight: 300;
    padding: 2px 15px;
    color: #999;
}
.product-filter .nav-pills .dropdown-toggle .caret {
    position: absolute!important;
    top: 50%!important;
    right: 15px!important;
}
.product-content, .shop-review-tabs .comment-list li {
    margin-bottom: 30px;
}
.product-meta span {
    font-size: 13px;
    display: block;
}
.product-meta, .product-meta a {
    padding: 2px 5px;
}
.product-rating {
    font-size: 14px;
    float: right;
}
.shop-review-tabs .tab-content {
    padding: 30px 0;
    border: none;
}
.shop-review-tabs .nav-tabs {
    border-bottom: 4px double #e1e1e1;
}
.shop-review-tabs .nav-tabs li a {
    border-color: transparent!important;
}
.shop-review-tabs .nav-tabs li.active a {
    border-color: #e1e1e1!important;
}
#pageloader {
    position: fixed;
    z-index: 99999;
    top: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.8;
}
#pageloader .loader-inner {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    transform: translateY(-47%);
}
#pageloader .loader-inner img {
    margin: 0 auto;
}
.footer-top {
    padding-top: 120px;
    padding-bottom: 30px;
}
.footer-bottom {
    font-size: 13px;
    padding: 20px 0;
}
address .feature-box {
    margin-bottom: 10px;
}
address .feature-box i {
 margin: 0!important !important;
}
address .icon-wrapper i.fa {
    margin-top: 7px!important;
}
.footer-social-icons {
    margin-bottom: 0;
}
.footer-social-icons > li {
    display: inline-block;
    padding: 0 10px;
}
.footer-bottom-links {
    display: inline-block;
    margin-bottom: 0;
}
.footer-bottom-links > li {
    position: relative;
    display: inline-block;
}
.footer-bottom-links > li:last-child {
    border-right: 0;
}
.footer-bottom-links > li:after {
    position: absolute;
    top: 30%;
    right: -2px;
    width: 1px;
    height: 10px;
    content: '';
}
.footer.light-bg .footer-bottom-links > li:after {
    background: #eee;
}
.footer.dark-bg .footer-bottom-links > li:after {
    background: #aeadad;
}
.footer-bottom-links > li:last-child:after {
    content: none;
}
.footer-bottom-links > li a {
    font-size: 12px;
    padding: 0 10px;
}
.footer-bottom-links > li a:hover {
    text-decoration: underline;
}
.footer-widgets .menu li {
    float: left;
    width: 50%;
}
.footer .footer-top-border, .footer.light-bg .footer-top-border {
    border-top: 1px solid #eee;
}
.footer.dark-bg .footer-top-border {
    border-top: 1px solid #3b3a3a;
}
.footer.light-bg, .footer.light-bg .footer-bottom-links > li a:hover, .footer.light-bg .footer-bottom-links > li:after, .footer.light-bg .footer-bottom-links > li:last-child:after, .footer.light-bg p {
    color: #666;
}
.footer.dark-bg, .footer.dark-bg .footer-bottom-links > li a:hover, .footer.dark-bg .footer-bottom-links > li:after, .footer.dark-bg .footer-bottom-links > li:last-child:after, .footer.dark-bg p {
    color: #aeadad;
}
.footer.dark-bg a {
    color: inherit;
}
.footer.dark-bg .a-active:hover {
    color: #aeadad!important;
}
.footer.light-bg .a-active:hover {
    color: #666!important;
}
.footer.dark-bg .form-control, .footer.dark-bg .form-control:focus, .footer.dark-bg h1, .footer.dark-bg h2, .footer.dark-bg h3, .footer.dark-bg h4, .footer.dark-bg h5, .footer.dark-bg h6 {
    color: #bbb;
}
.l-child {
    padding-right: 0!important;
}
.footer .btn, .news-letter-form .btn {
    margin: 1px 0 0 -1px; /*병헌 171124 : !important 삭제;*/
}
.form-group .btn, .input-group .input-group-btn .btn {
/*margin: 1px 0 0 -1px;*/
}
.footer.full-image {
    padding-bottom: 260px;
    background-position: bottom;
}
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #444;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    color: #f7f7f7;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:after {
    content: "\f106";
    font-family: FontAwesome;
    position: relative;
}
#back-to-top:hover {
    background: #000;
}
#back-to-top.show {
    opacity: 1;
}
.column-5 {
    position: relative;
}
.column-5 .c-col-5 {
    float: left;
    width: 20%;
    padding: 0 15px;
}
.separate-bg:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    content: '';
}
.separate-bg.s-style1:after {
    margin-right: -100px;
    transform: skew(-10deg);
}
.s-left {
    padding-right: 80px;
}
.s-right {
    padding-left: 80px;
}
.separate-bg.ss1:after {
    width: 60%;
}
.separate-bg .container {
    position: relative;
    z-index: 4;
}
@media only screen and (max-width:768px) {
.column-5 .c-col-5 {
    float: none;
    width: 100%;
    padding: 0 15px;
}
.flo-num{
    display:none;
}
}
.timeline-v, .timeline-v li {
    padding: 1em 0;
}
.timeline-v {
    position: relative;
    width: 660px;
    margin: 20px auto 0;
    list-style-type: none;
}
.timeline-v.timeline-blog {
    width: 100%;
}
.timeline-v:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: ' ';
    display: block;
    width: 6px;
    height: 100%;
    margin-left: -3px;
    background: #505050;
    background: -moz-linear-gradient(top, rgba(80,80,80,0) 0, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(30,87,153,1)), color-stop(100%, rgba(125,185,232,1)));
    background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);
    background: -o-linear-gradient(top, rgba(80,80,80,0) 0, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);
    background: -ms-linear-gradient(top, rgba(80,80,80,0) 0, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);
    background: linear-gradient(to bottom, rgba(80,80,80,0) 0, #505050 8%, #505050 92%, rgba(80,80,80,0) 100%);
    z-index: 5;
}
.direction-l, .direction-r {
    width: 300px;
    position: relative;
}
.timeline-v li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.direction-l {
    float: left;
    text-align: right;
}
.direction-r {
    float: right;
}
.timeline-blog .direction-l, .timeline-blog .direction-r {
    width: 47.3%;
}
.flag-wrapper {
    position: relative;
    display: inline-block;
    text-align: center;
}
.flag {
    font-family: "Noto Sans KR B", "sans-serif";
    position: relative;
    display: inline;
    background: #f8f8f8;
    padding: 6px 10px;
    border-radius: 5px;
    /*font-weight: 600;*/
    text-align: left;
}
.direction-l .flag {
    -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,.15);
    -moz-box-shadow: -1px 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,.15);
    box-shadow: -1px 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,.15);
}
.direction-r .flag {
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,.15);
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,.15);
    box-shadow: 1px 1px 1px rgba(0,0,0,.15), 0 0 1px rgba(0,0,0,.15);
}
.direction-l .flag:before, .direction-r .flag:before {
    position: absolute;
    top: 50%;
    right: -40px;
    content: ' ';
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
    border-radius: 10px;
    border: 4px solid;
    z-index: 10;
}
.direction-l .flag:after, .direction-r .flag:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    margin-top: -8px;
    pointer-events: none;
    top: 50%;
}
.direction-r .flag:before {
    left: -40px;
}
.direction-l .flag:after {
    left: 100%;
    border: solid transparent;
    border-left-color: #f8f8f8;
    border-width: 8px;
}
.direction-r .flag:after {
    right: 100%;
    border: solid transparent;
    border-right-color: #f8f8f8;
    border-width: 8px;
}
.time-wrapper {
    display: inline;
    line-height: 1em;
    font-size: 0.66666em;
    color: #fa5050;
    vertical-align: middle;
}
.direction-l .time-wrapper {
    float: left;
}
.direction-r .time-wrapper {
    float: right;
}
.time {
    display: inline-block;
    padding: 4px 6px;
    background: #f8f8f8;
}
.desc {
    margin: 1em 0.75em 0 0;
    font-size: 0.77777em;
    font-style: italic;
    line-height: 1.5em;
}
.direction-r .desc {
    margin: 1em 0 0 0.75em;
}
@media screen and (max-width:660px) {
.timeline-v {
    width: 100%;
    padding: 4em 0 1em;
}
.timeline-v li {
    padding: 2em 0;
}
.direction-l, .direction-r {
    float: none;
    width: 100%;
    text-align: center;
}
.flag-wrapper {
    text-align: center;
}
.flag {
    background: #fff;
    z-index: 15;
}
.direction-l .flag:before, .direction-r .flag:before {
    position: absolute;
    top: -30px;
    left: 50%;
    content: ' ';
    display: block;
    width: 20px;
    height: 20px;
    margin-left: -9px;
    background: #fff;
    border-radius: 10px;
    border: 4px solid;
    z-index: 10;
}
.direction-l .flag:after, .direction-r .flag:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -8px;
    height: 0;
    width: 0;
    margin-left: -8px;
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    pointer-events: none;
}
.time-wrapper {
    display: block;
    position: relative;
    margin: 4px 0 0;
    z-index: 14;
}
.direction-l .time-wrapper, .direction-r .time-wrapper {
    float: none;
}
.desc {
    position: relative;
    margin: 1em 0 0;
    padding: 1em;
    background: #f5f5f5;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 1px rgba(0,0,0,.2);
    box-shadow: 0 0 1px rgba(0,0,0,.2);
    z-index: 15;
}
.direction-l .desc, .direction-r .desc {
    position: relative;
    margin: 1em 1em 0;
    padding: 1em;
    z-index: 15;
}
}
@media screen and (min-width:400px ?? max-width:660px) {
 .direction-l .desc, .direction-r .desc {
 margin: 1em 4em 0;
}
}
.cd-horizontal-timeline ol, .cd-horizontal-timeline ul {
    list-style: none;
}
.cd-horizontal-timeline li, .cd-horizontal-timeline ol, .cd-horizontal-timeline ul {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
.cd-horizontal-timeline {
    opacity: 0;
    margin: 0 auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
    content: 'mobile';
    display: none;
}
.cd-horizontal-timeline.loaded {
    opacity: 1;
}
.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.cd-horizontal-timeline .timeline:before {
    background: 0 0;
}
.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}
.cd-horizontal-timeline .events {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 49px;
    height: 2px;
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1.3rem;
    padding-bottom: 15px;
    color: #383838;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}
.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}
@media only screen and (min-width:1100px) {
.cd-horizontal-timeline::before {
    content: 'desktop';
}
}
.cd-timeline-navigation a {
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url("../images/base/cd-arrow.svg") no-repeat;
}
.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
    right: 0;
}
.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-left, .cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
    max-width: 100%;
}
.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}
@-webkit-keyframes cd-enter-right {
 0% {
 opacity: 0;
 -webkit-transform: translateX(100%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-enter-right {
 0% {
 opacity: 0;
 -moz-transform: translateX(100%);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
@keyframes cd-enter-right {
 0% {
 opacity: 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
@-webkit-keyframes cd-enter-left {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
}
}
@-moz-keyframes cd-enter-left {
 0% {
 opacity: 0;
 -moz-transform: translateX(-100%);
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
}
}
@keyframes cd-enter-left {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}
.countdown-block {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.countdown-row, .special-btn {
    position: relative;
}
.countdown-rtl {
    direction: rtl;
}
.daycounter-container {
    margin: 0 aut0;
}
.countdown-holding span {
    color: #888;
}
.countdown-row {
    display: inline-block;
    clear: both;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.countdown-section {
    font-size: 75%;
    line-height: 100px;
    position: relative;
    display: block;
    float: left;
    width: 85px;
    height: 100px;
    margin: 15px;
    padding-left: 5px;
    text-align: center;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: rgba(0,0,0,.7);
}
.countdown-amount {
    font-family: "Noto Sans KR R", sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
}
.countdown-period {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    display: block;
}
.countdown-descr {
    display: block;
    width: 100%;
}
.image-wrapper.border {
    padding: 10px;
    border: 1px solid rgba(0,0,0,.9);
}
.special-btn .btn, .top-social {
    position: absolute;
}
.special-btn .btn:focus, .special-btn .btn:hover {
    background: #333!important;
}
.top-social {
    right: 0;
    left: 0;
}
.footer-top-border5 {
    border-top: 5px solid;
}
.special-btn .center-btn {
    display: inline-block;
    padding: 10px 20px;
}
.cta-text {
    font-size: 19px;
    float: left;
    padding: 29px 0 27px;
}
.cta-btn {
    float: right;
    padding: 23px 0 22px;
}
.cta-btn button:last-child {
    margin-left: 7px!important;
}
.footer .btn-hv-dark:hover {
    background: #000;
}
.item-new, .new-popup {
    background: red;
    color: #fff;
    position: absolute;
}
.bottom-shadow, .btn.bottom-shadow {
    box-shadow: 0 0 7px rgba(0,0,0,.2)!important;
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.2)!important;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.2)!important;
}
.bottom-shadow1, .btn.bottom-shadow1 {
    box-shadow: 0 2px 2px rgba(0,0,0,.6)!important;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.6)!important;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.6)!important;
}
.no-overflow, section.no-overflow {
    overflow: inherit!important;
}
.no-overflow.up-lg {
    padding-bottom: 250px;
}
.no-overflow.up-md {
    padding-bottom: 150px;
}
.top-up-lg {
    margin-top: -250px;
}
.top-up-md {
    margin-top: -160px;
}
.demo-showcase .feature-image {
    padding: 15px;
}
.demo-showcase .feature-image img {
    box-shadow: -1px 3px 7px rgba(0,0,0,.1);
    opacity: 0.8;
}
.demo-showcase .feature-box:hover .feature-image img {
    opacity: 1;
}
.item-new {
    top: -15px;
    font-size: 8px;
    padding: 2px 4px 0;
}
.item-new1 {
    background: red;
    color: #fff;
    font-size: 9px;
    line-height: 10px;
    margin-left: 10px;
    padding: 2px 4px 1px;
    position: absolute;
}
.new-popup {
    width: 40px;
    height: 40px;
    font-size: 11px;
    font-weight: 500;
    line-height: 40px;
    margin: 0 auto;
    left: 0;
    top: 0;
}
.blink_me {
    animation: blinker 1s linear infinite;
    -moz-animation: blinker 1s linear infinite;
    -webkit-animation: blinker 1s linear infinite;
}
@keyframes blinker {
 50% {
 opacity: 0;
}
}
/* 커스텀 */
/*.hover-dropdown .dropdown:visited > .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}*/

/*공통*/
input, select {
    height: 44px;
    border-radius: 5px;
    border: solid 1px #ddd;
    color: #666;
    padding: 10px;
    font-size: 14px;/*margin-top: 2px;
    margin-bottom: 2px
    */
}
input[type="checkbox"], input[type="radio"] {
    height: auto;
}
table {
    width: 100% !important;
}
caption {
    display: none;
}
.f_l {
    float: left;
}
.f_r {
    float: right;
}
.c_b {
    clear: both;
    display: block;
    content: ""
}
.c_b:after {
    clear: both;
    display: block;
    content: ""
}
.d_n {
    display: none;
}
.d_b {
    display: block;
    font-size:12px;
    color:#000;
}
.d_t {
    display: table;
}
.ta_c {
    text-align: center;
}
.ta_l {
    text-align: left;
}
.ta_r {
    text-align: right;
}
.c_red {
    color: red
}
.c_gray0 {
    color: #333
}
.c_gray {
    color: #555
}
.c_gray2 {
    color: #666
}
.c_black {
    color: #000
}
.ff_L {
    font-family: "Noto Sans KR L"
}
.fw_4 {
    font-weight: 400
}
.fw_6 {
    font-weight: 600
}
.fw_9 {
    font-weight: 900
}
.fs_12 {
    font-size: 12px
}
.fs_14 {
    font-size: 14px
}
.fs_16 {
    font-size: 16px
}
.fs_18 {
    font-size: 18px
}
.fs_36 {
    font-size: 36px
}
.pr_0 {
    padding-right: 0
}
.pb_60 {
    padding-bottom: 60px
}
.pb_100 {
    padding-bottom: 100px
}
.m_a {
    margin: auto;
}
.mt_5 {
    margin-top: 5px
}
.mt_10 {
    margin-top: 10px
}
.mt_15 {
    margin-top: 15px
}
.mt_20 {
    margin-top: 20px
}
.mt_30 {
    margin-top: 30px
}
.mt_40 {
    margin-top: 40px
}
.mt_50 {
    margin-top: 50px
}
.mt_60 {
    margin-top: 60px
}
.mt_80 {
    margin-top: 80px
}
.mb_0 {
    margin-bottom: 0
}
.mb_10 {
    margin-bottom: 10px
}
.mb_40 {
    margin-bottom: 40px !important;
}
.mb_50 {
    margin-bottom: 50px
}
.mb_60 {
    margin-bottom: 60px
}
.mb_70 {
    margin-bottom: 70px
}
.mb_80 {
    margin-bottom: 80px
}
.mb_100 {
    margin-bottom: 100px
}
.ml_5 {
    margin-left: 5px
}
.ml_10 {
    margin-left: 10px
}
.w_50 {
    width: 50%;
}
.w_100 {
    width: 100%
}
.bothPadd {
    padding-left: 15px;
    padding-right: 15px
}
.badge, .label {
    font-weight: 300
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 15px; /*병헌 171123 : 8-> 15;*/
    padding-right: 15px; /*병헌 171123 : 8-> 15;*/
    position:static; /* 180126 태블릿 input focus*/
}
.col-xs-12 {
    margin-bottom: 15px
}
.tbStyle {
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc
}
.tbStyle th, .tbStyle td {
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    padding: 16px
}
.tbStyle th {
    font-family: "Noto Sans KR B", "sans-serif";
    background: #f5f5f5;
color: #333 font-size:18px;
    text-align: center;
    /*font-weight: 600;*/
    width: 40%
}
.typo-light .tbStyle th {
    font-size: 18px;
    color: #333
}
/*그리드*/
.resPL0 {
    padding-left: 0
}
/*테이블*/
.tbStyle td {
    background: #fff;
    color: #d9534f;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    position: relative;
    /*
    border-top: solid 2px #ccc;
    border-right: solid 1px #ccc
    */
}
.tbStyle1 {
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
}
.tbStyle1 tr:nth-child(2n+1) td {
    background: #fafafa
}
.tbStyle1 th, .tbStyle1 td {
    padding: 10px 20px;
    border-bottom: solid 1px #ddd;
    border-left: solid 1px #ddd
}
.tbStyle1 th {
    color: #fff;
    background: #444b53
}
.tbStyle1 td {
    background: #fff
}
.tbStyle2 thead {
    background: #f5f5f5
}
.tbStyle2 thead th {
    text-align: center;
}
.tbStyle2 thead th {
    text-align: center;
}
.tbStyle2 thead th.tbStyle2ThL {
    text-align: left;
}
/*.tbStyle2{ border-top: solid 1px #ddd; border-right: solid 1px #ddd;}
.tbStyle2 td{ border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 10px 20px; background: #fff; font-weight: 600; font-family: "Noto Sans KR L"}
.tbStyle2 td{}*/
thead .tbTheadTh th {
    font-family: "Noto Sans KR B", "sans-serif";
    text-align: left;
    /*font-weight: 600;*/
    color: #555
}
.tbTbodyTd {
    font-weight: 100;
    color: #555
}
.paddingBoth {
    padding-left: 15px;
    padding-right: 15px
}
.btn-group-sm > .btn, .btn-sm {
    font-size: 100%
}
.btn.btn-sm {
    padding: 2px 12px 4px
}
.extra-nav .badge {
    font-weight: 300;
    color: #333;
    background: #fff;
    vertical-align: baseline;
}
#mm-blocker {
    background: rgba(3,2,1,.7);
}
.label1 {
    font-size: 12px;
    padding: 0.3em 1.2em;
    vertical-align: middle;
}
.label2 {
    font-size: 14px;
    padding: 0.3em .6em;
    vertical-align: middle;
    font-family: Noto Sans KR L;
    font-weight: 100
}
.icoNece {
    color: #ff3333;
    font-size: 1.4em;
    vertical-align: middle;
}
.tbStyle td.en-rate {
    text-align:left;

}
.tb-hkg th, .tb-tpe th{
    width: 40%;
}
.tb-hkg td, .tb-tpe td{
    width: 30%;
}
.tb-sin th{
    width: 25%;
}
.tb-sin td{
    width: 25%;
}
.tb-sin td.en-rate{
    font-size:18px;
}
.tb-sin td.en-rate .krw{
    font-size:14px;
    right:15px;
}

/*버튼*/
.btnB18 {
    display: block;
    padding: 12px 0 13px;
    font-size: 18px;
    border: solid 1px
}
.btnI18 {
    padding: 12px 20px 13px;
    font-size: 18px;
    border: solid 1px;
    display: inline-block;
}
.btnI18P40 {
    padding: 12px 40px 13px;
    font-size: 18px;
    border: solid 1px;
    display: inline-block;
}
.btnI14 {
    padding: 6px 10px 7px;
    font-size: 14px;
    font-family: Noto Sans KR L;
    font-weight: 300;
    border: solid 1px;
    display: inline-block;
}
.btnI14P30 {
    padding: 6px 30px 7px;
    font-size: 14px;
    font-family: Noto Sans KR L;
    font-weight: 300;
    border: solid 1px;
    display: inline-block;
}
.btnSD {
    background: #333;
    border-color: #000;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    transition: background-color .5s
}
.btnSD:hover {
    background: #000
}
.btnSB {
    background: #2e6da4;
    border-color: #2e6da4;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    transition: background-color .5s
}
.btnSB:hover {
    background: #0c3a62
}
.btnSR {
    background: #f32e06;
    border-color: #d12806;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    transition: background-color .5s
}
.btnSR:hover {
    background: #d12806;
    color:#fff;
}
.btnSG {
    background: #999;
    border-color: #999;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    transition: background-color .5s
}
.btnSG:hover {
    background: #555
}
a.btnSD:focus, a.btnSD:hover, a.btnSB:focus, a.btnSB:hover, a.btnSG:focus, a.btnSG:hover {
    color: #fff
}
/*박스*/
.boxStyle {
    border: solid 4px #eeeeee;
    border-top: solid 6px #c3c5c7
}
/*인풋*/
input.form-control.inputSquare {
    width: 100%;
    border-radius: 0;
    height: 34px
}
/*라인*/
.hr2 {
    border-top: 2px solid #ddd;
}
/*라벨*/
.trans {
    opacity: .5
}
/*리스트*/
.olStyle > li {
    list-style: decimal;
    margin-left: 20px;
    font-weight: 900;
    color: #333
}
.ulStyle > li {
    font-weight: 900;
    font-family: "Noto Sans KR L"
}
/*탭 병헌 171210 : FAP탭스타일 추가; */
/*
.tabStyle {
    border-bottom: solid 1px #ccc
}
.tabStyle li {
    margin-bottom: -1px;
    margin-right: -1px
}
.nav-tabs.tabStyle > li > a {
    display: inline-block;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    font-size: 24px;
    border: solid 1px #ccc;
    background: #fff;
    margin-right: 0;
    color: #555
}
.nav-tabs.tabStyle > li.active > a, .nav-tabs.tabStyle > li.active > a:hover, .nav-tabs.tabStyle > li.active > a:focus {
    border-color: #ccc;
    background: #fff;
    color: #555;
    font-weight: 900;
    border-bottom-color: transparent;
}
.nav-tabs.tabStyle > li.active {
    margin-bottom: -5px;
}
.nav-tabs.tabStyle > li.active > a {
    border-top: solid 5px #e30513;
    padding-top: 11px;
    padding-bottom: 13px
}
*/
.tabStyle+.tab-content {
    border: none;
    padding: 0
}
.subContents .tabStyle+.tab-content h4.panel-title {
    font-size: 14px;
    line-height: 130%;
}
/*바로가기*/
.goto a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #e30613;
    color: #fff;
    z-index: 0;
    height: 0;
    font-weight: bold;
}
.goto a:link, .goto a:active, .goto a:visited {
    color: #fff
}
.goto a.on {
    z-index: 10;
    height: 24px;
    line-height: 22px
}
.mainMenu .navbar-nav > li > a.gotoA {
    height: 0
}
.is-sticky .mainMenu .navbar-nav > li > a.gotoA {
    height: 0
}
/* 상단 공지사항 */
.topNoti {
    text-align: center;
    font-size: 14px;
    border-bottom :1px solid #efefef;
}
/*공지팝업*/
/*.modal-sm{ position: absolute; left: 50%; margin-left: 270px; top: 120px }*/
.modalCon {
    padding: 0 15px 15px 18px;
    border-bottom: solid 1px #f2f3f3;
    margin-bottom: 15px;
    list-style: none;
}
.modalCon:last-child {
    border-bottom: none;
    padding-bottom: 5px
}
.modal-body h4 {
    font-size: 14px;
    line-height: 120%;
    margin: 0;
    color: #555
}
.modal-body p {
    line-height: 120%;
    margin-bottom: 4px;
    font-weight: 200;
    font-family: "Noto Sans KR L";
    font-size: 14px
}
.modal-body ul {
    margin-bottom: 0
}
.modal-bodyPadd {
    padding: 0 15px 15px
}
.modal-header {
    min-height: 16.43px;
    padding: /*15px*/ 8px 5px 8px 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #f1f5f8;
    margin-bottom: 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}
.modal-header h3 {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 24px;
    /*font-weight: 600;*/
}
.modal-header .close {
    margin: 6px
}
/*병헌 171209 : 메인 공지사항 모달;*/
.modal-header.bh {
    min-height: 16.43px;
    padding: /*15px*/ 8px 5px 8px 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #f1f5f8;
    margin-bottom: 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}
.modal-header.bh h3 {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 24px;
    /*font-weight: 600;*/
}
.modal-header.bh .close {
    margin: 6px;
    color: #abb4b7
}
/*/병헌 171209 : 메인 공지사항 모달;*/
button.close span {
    font-size: 30px;
    font-weight: 900;
    line-height: 0.6
}
/*유틸메뉴*/
.navbar-default .extra-nav .navbar-nav > li > a, .navbar-default .extra-nav .navbar-nav li a {
    font-weight: 300
}
/*언어선택*/
.langBtn img {
    display: inline-block;
}
.navbar-nav > li > .dropdown-menu.langSelecWrap {
    padding: 8px 14px;
    border-radius: 5px;
}
.sticky-navigation .utilMenu li {
    line-height: 1.6em;
}
.dropdown-cart {
    min-width: 120px!important
}
.dropdown-cart li .item-left {
    width: 100%
}
.dropdown-cart li .item-left img {
    margin-right: 10px
}
.dropdown-cart .item-name {
    line-height: 0.8em
}
/*상단 메뉴*/
.extra-nav .nav a {
    font-family: "Noto Sans KR L"
}
/*.mainMenu{z-index: }*/
.mainMenu .nav a {
    font-family: "Noto Sans KR R"
}
#nav-menu .navbar-nav > li {
    min-width: 134px;/*수정*/
    text-align: center;
}
#nav-menu .navbar-nav > li.col4 > ul {
    width: 860px
}
#nav-menu .navbar-nav > li.col3 > ul {
    width: 645px
}
#nav-menu .navbar-nav > li.col2 >ul {
    width: 430px;
}
#nav-menu .navbar-nav > li.col1 >ul {
    width: 215px;
}
#nav-menu .navbar-nav > li:nth-child(1)>ul {
    left: -42px;
}
#nav-menu .navbar-nav > li:nth-child(2)>ul {
    left: -237px;
}
#nav-menu .navbar-nav > li:nth-child(3)>ul {
    left: -40px;
}
#nav-menu .navbar-nav > li:nth-child(4)>ul {
    left: -235px;
}
#nav-menu .navbar-nav > li:nth-child(5)>ul {
    left: -370px;
}
#nav-menu .navbar-nav > li:nth-child(6)>ul {
    left: -40px;
}
#nav-menu .navbar-nav > li > ul li{
    float:left;
    font-weight:600;
    color:#333;
    padding-left:3px;
}
#nav-menu .navbar-nav > li > ul li> ul li{
    width:100% !important;/*추가*/
    float: none;
    padding-bottom:0;
}
#nav-menu .navbar-nav > li > ul li a{
    font-family: "Noto Sans KR B", "sans-serif";/*추가*/
    /*font-weight:600;*/
    color:#333;
    min-height:25px;
    white-space:normal;
    line-height:120%;
    display:tabel-cell;/*추가*/
}
#nav-menu .navbar-nav > li > ul li a.btn{
    height:auto;
}
#nav-menu .navbar-nav > li > ul li> ul li a{
    font-family: "Noto Sans KR R", "sans-serif";/*추가*/
    /*font-weight: normal;*/
    color:#333;
}
#nav-menu .navbar-nav > li.col4 > ul li {
    width:25%
}
#nav-menu .navbar-nav > li.col3 > ul li {
    width:33.3333333%
}
#nav-menu .navbar-nav > li.col2 > ul li {
    width:50%
}
#nav-menu .navbar-nav > li.col1 > ul li {
    width:100%
}   



#nav-menu .nav .dropdown.open {
    /*
    background: url('../images/common/bgTopMenuOver.png') no-repeat 0 56%;
    color: #3e6e93
    */
    padding-top:14px;
}
#nav-menu .nav .dropdown.open a.dropdown-toggle{
    height:34px;
    border-radius:17px;
    background: #fff;
    opacity:0.9;
    color: #3e6e93;
    line-height:34px;
}
#nav-menu .navbar-nav >li > ul{
    margin-top:12px;
}
#nav-menu .nav .dropdown.open a.dropdown-toggle:before{
    font-family: FontAwesome;
    margin-right: 5px;
    content: '\f107';
    color:#c1ced9;
    font-weight:bold;
}
/*#nav-menu .navbar-nav > li:nth-child(2)>ul .menu-title{ padding-bottom: 5px!important; padding-top: 24px}*/
/*#nav-menu .navbar-nav > li:nth-child(2)>ul .menu-title:first-child{padding-top: 0}*/
.header-dark .dropdown-menu, .header-dark .form-control, .header-sticky-dark .is-sticky .dropdown-menu, .header-sticky-dark .is-sticky .form-control {
    background: rgba(255,255,255,.97);
    color: #000
}
.header-fudark.header-sticky-fulight .dropdown-menu, .navbar-nav .open .dropdown-menu {
    border: none;
}
.is-sticky .navbar-default .extra-nav .navbar-nav .badge {
    color: #fff;
    background: #999;
}
.navbar-nav > li > a {
    height: 40px;
    line-height: 40px
}
.mainMenu .navbar-nav > li > a {
    height: 60px;
    line-height: 60px
}
.is-sticky .navbar-nav > li > a {
    height: 40px;
    line-height: 40px
}
.is-sticky .mainMenu .navbar-nav > li > a {
    height: 60px;
    line-height: 60px
}
.is-sticky .navbar-brand {
    height: 80px;
    line-height: 80px
}
.navbar-default .mainMenu .navbar-nav > li > a, .navbar-default .mainMenu .navbar-nav li a {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 18px;
    /*font-weight: 600;*/
    letter-spacing: -1px
}
.navbar-default .mainMenu .navbar-nav .dropdown-menu li a {
    font-size: 14px;
    font-weight: 400;
    color: #777
}
.navbar-default .mainMenu .navbar-nav .dropdown-menu li a:hover:before {
    font-family: FontAwesome;
    margin-left:-14px;/*추가*/
    margin-right: 5px;
    content: '\f054 ';
    color:red;/*추가*/
}
.navbar-default .mainMenu .navbar-nav .dropdown-menu li a.no-link:hover:before {
  margin-left:0;/*추가*/
}
.navbar-default .mainMenu .navbar-nav li a.menu-title {
    font-family: "Noto Sans KR B", "sans-serif";
    /*font-weight: 600;*/
    color: #666;
    line-height: 24px;
    margin-top: 14px
}
#sticker:after {
    background-image: url(../images/common/lineTopMenu.jpg);
    background-position: center;
    height: 1px;
    content: "";
    display: block;
    clear: both;
}
.navbar-default .navbar-nav li a {
    text-transform: none;
}
@media only screen and (min-width:992px) {
.header-top-section > .container, .header-top-section > .container-fluid {
    padding: 0;
}
.header-contact-details, .header-social-icons, .header-text-block {
    padding: 0 15px;
}
#nav-menu .navbar-right {
    margin: 0;
}
.navbar-nav > li > a > .menu-icon {
    font-size: 12px;
    padding: 0 5px;
}
.navbar-nav > li > a > .menu-icon.position-center {
    display: block;
    padding: 0;
    text-align: center;
}
.dropdown-menu > .dropdown > a:after {
    font-family: FontAwesome;
    font-size: 80%;
    font-weight: 400;
    font-style: normal;
    position: absolute;
    top: 50%;
    right: 15px;
    content: '\f054';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: inherit;
}
.navbar-nav .mega-menu-wrapper li:hover > a {
    background: 0 0;
}
.nav > li.mega-dropdown {
    position: static;
}
.dropdown-menu.mega-menu-wrapper {
    right: 0;
    left: 0;
    margin: 0 auto;
    padding:15px 0 20px 0;
}
.dropdown-menu.mega-menu-wrapper .mega-menu-col {
    padding: 10px 10px 0px; /*20px -> 10px pc상단 메뉴 하위 상단 패딩 조정*/
}
.dropdown-menu.mega-menu-wrapper .mega-menu-col.depth2TopPadd {
    padding: 24px 10px 15px;
}
.dropdown-menu.mega-menu-wrapper .menu-title {
    font-weight: 800;
}
.dropdown .dropdown-menu.mega-menu {
    position: static; /*relative -> static*/
    display: block;
    visibility: visible;
    width: 100%;
    opacity: 1;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}
.mega-menu-wrapper > li > a {
    position: relative;
    padding: 5px 15px;
}
.mega-menu-wrapper > li:last-child {
    border: none;
}
.mega-menu-wrapper > li {
    border-right: none;
}
.dropdown-menu > li > a {
    padding: 2px 15px;
}
.dropdown .dropdown-menu.mega-menu {
    margin-bottom: 20px
}
.dropdown .dropdown-menu.mega-menu.mainMenuMutant {
    margin-bottom: 0
}
.dropdown .dropdown-menu.mega-menu-wrapper .subMain-title {
    padding: 0 20px;
}
.dropdown .dropdown-menu.mega-menu-wrapper .subMain-title a {
    font-size: 14px;
    color: #fff !important;
}
.dropdown .dropdown-menu.mega-menu-wrapper .subMain-title a:hover:before {
}
.modal-dialog {
    width: 800px;/*600px -> 800px */
}
.sm {
    width: 500px;
}
.sm .modal-body {
    height: auto;
}
.lg {
    width: 1000px;
}
.xl {
    width: 1140px;
    max-width: 80%
}
.extra-nav > .navbar-nav {
    position: relative;
}
.extra-nav > .navbar-nav:after {
    position: absolute;
    top: 50%;
    right: 0;
    left: -2px;
    width: 1px;
    height: 28px;
    content: '';
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 1px solid #e1e1e1;
}
.header-logo-right .navbar-header {
    float: right;
}
.header-logo-right #nav-menu > .navbar-nav > li:first-child > a {
    padding-left: 0;
}
.header-logo-right .navbar-header .navbar-brand {
    margin-right: -15px;
}
.header-logo-top-center .navbar-brand, .header-logo-top-center .navbar-default, .header-logo-top-center .navbar-header {
    width: 100%;
    text-align: center;
}
.header-logo-top-center #extra-nav, .header-logo-top-center #nav-menu {
    display: inline-block;
}
.header-logo-top-center #nav-menu:before {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #e1e1e1;
}
.header-logo-center .navbar-brand {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: auto;
    text-align: center;
}
.circle-bg {
    width: 500px;
    height: 500px;
    padding: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.circle-bg.text-center {
    margin: 0 auto;
}
.header-vertical {
    width: auto;
    margin-left: 280px;
}
.header-vertical .side-nav {
    position: fixed;
    z-index: 100;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 280px;
    height: 100%;
}
.header-vertical .side-nav .navbar {
    padding: 40px;
}
.bottom-wrapper .header-social-icons {
    margin: 0 0 1em;
}
.f-child, .f-child > li:first-child > a {
    padding-left: 0!important;
}
.img-modal {
    width: 90%;
}
.img-modal .modal-body {
    height: 350px;
    overflow: scroll;
}
.img-modal .modal-body img {
    max-width: none;
    padding-right: 15px;
}
.alert-modal {
    width: 280px;
}
.alert-modal .modal-header {
    color: #000;
}
.alert-modal .modal-body {
    text-align: center;
    height: auto;
    vertical-align: middle;
}
.alert-modal .modal-footer {
    text-align: center;
    padding: 5px 10px;
}
.dropdown .dropdown-menu.mega-menu{
    min-height:86px;
}

}
/*즐겨찾기*/
#menu-toggle>i {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #171717;
    color: #ffcd0c;
    border: none;
    padding: 10px
}
.favoriteTit {
    margin-bottom: .6em
}
.favoriteUnit>ul>li {
    width: 46%;
    height: 120px;
    /*display: inline-block;*/
    background: #1f1f1f;
    border:1px solid #1f1f1f;
    text-align: center;
    color: #7d7d7d;
    position: relative;
    border-radius: 8px;
    margin-right: 10px;
    margin-bottom: 8px;
    float:left;
}
.favoriteUnit>ul>li:hover {
    border:1px solid #333;
}
.favoriteUnit>ul>li a {
    width: 100%;
    height: 100%;
    font-size:12px;
    line-height:130%;
    display: inline-block;
    color:#999 !important;
}
.favoriteUnit>ul>li a:hover {
    color:#fff !important;
}
.favoriteUnit>ul>li:nth-child(2n) {
    margin-right: 0
}
.favoriteUnit .favoriteInput {
    position: absolute;
    left: 10px;
    top: 5px
}
/*.favoriteUnit .favoriteTxt{ display: block; width: 100%; text-align: center; font-weight: 600; margin-top: -6px}*/
.favoriteUnit .favoriteTxt {
    font-family: "Noto Sans KR B", "sans-serif";
    position: absolute;
    height: 100%;
    display: block;
    width: 100%;
    text-align: center;
    /*font-weight: 600;*/
    top: 0;
    left: 0;
    padding-top: 54px;
    cursor: pointer;
    font-size: 12px
}
.favoriteUnitIcon {
    font-size: 40px;
    width:100%;
    display:inline-block;
    /*color: #fff;*/
    /*opacity: .3*/
}
.favoriteUnitLi {
    padding: 10px 0px;
}
.btnToggleFavorite {
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 15px
}
.home .btnToggleFavorite {
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 50px
}
.side-widgets {
    padding-top: 0
}
.favoriteBtn button {
    /*width: 63px;*/
    margin-right: 6px
}
.favoriteBtn button:last-child {
    margin-right: 0
}
.post-image {
    margin-bottom: 0
}
input.favoriteInput {
    height: 20px
}
.side-widgets .widget {
    margin-bottom: 20px
}
#side-nav {
    padding: 20px;
    border-left: none;
}
.widget h5 {
    font-size: 24px
}
.dark-side-nav {
    visibility: hidden;
}
.right-push.toggled .dark-side-nav {
    visibility: visible;
}
.favoriteUnit label {
    color: #666
}
/*메인 슬라이드*/
.slideWrap {
    background: url(/static-root/images/main/main_background.jpg) no-repeat;
    background-size: 100% auto;
}
.mainSlide.owl-carousel {
    width: 1170px;
    margin: auto;
}
.srchBoxStyle {
    min-height: 400px;
    background: #f8f8f8;
    border-radius: 15px;
    padding: 25px 15px
}
.slider-content .sliderBoxTit {
    font-family: "Noto Sans KR B", "sans-serif";
    display: flex;
    align-items: center;
    margin: auto;
    font-size: 28px;
    /*font-weight: 600;*/
    color: #333;
}
/*.owl-carousel{background:#37628c url(../images/main/slide1.jpg) bottom no-repeat; background-size: 100% auto;}*/
.owl-carousel .owl-nav .owl-next:after {
    content: '\f054';
    color: #fff
}
.owl-carousel.navigation-transparent .owl-nav .owl-next:after, .owl-carousel.navigation-transparent .owl-nav .owl-prev:after {
    font-size: 64px;
    font-weight: 400;
    color: #fff
}
.owl-carousel .owl-nav .owl-prev:after {
    content: "\f053"
}
.owl-carousel.show-nav-hover:hover .owl-nav .owl-next {
    right: -40px
} /*병헌 171127 : 0 -> -40px;*/
.owl-carousel.show-nav-hover:hover .owl-nav .owl-prev {
    left: -40px
} /*병헌 171127 : 0 -> -40px;*/
/*.vertical-middle{margin: 0 20px}*/
.mainSrchbox .btn {
    white-space: inherit;
}
.owl-dots .owl-dot span {
    background: #fff
}
.dots-mini .owl-dots .owl-dot span {
    width: 1em;
    height: 1em
}
.owl-dots .owl-dot.active span {
    border: none;
    background: #d9534f
}
.itemL {
    float: left;
    width: 30%;
    margin-left:1%;
}
.itemC {
    float: left;
    width: 30%;
    margin-left:4%;
    margin-right:4%;;
}
.itemR {
    float: right;
    width: 30%;
    margin-right:1%;
}
/*메인 슬라이드 조회*/
.mainSlide.owl-carousel .owl-dots {
    top: 50%;
    margin-top: 16em;
    display: inline;
    left: 50%;
    right: auto;
    margin-left: -3.4em;
    background: url(../images/common/slideDotLine.gif) 50% .85em no-repeat;
}
/*.mainSlidePc.mainSlide.owl-carousel .owl-dots {
    background-size: 10em 1px;
    margin-left: -6em
}*/
.icoStyle {
	display: flex;
    background-color: #333;
    background-repeat: no-repeat;
    background-position: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    vertical-align: top;
    line-height: 38px;
    text-align: center;
    margin-right: 5px;
}
.icoTracking {
    background-image: url(../images/common/icoCargoTracking.png)
}
.icoSchedule {
    background-image: url(../images/common/icoSchedule.png)
}
.icoOil {
    background-image: url(../images/common/icoOil.png)
}
.icoNews {
    background-image: url(../images/common/icoNews.png)
}
.icoQnews {
    background-image: url(../images/common/icoQnews.png)
}
.icoLoca {
    background-image: url(../images/common/icoLoca.png)
}
.sliderBoxTit2 {
    color: #666;
    line-height: 1.5;
    font-size: 14px
}
.icoInputBtn {
    position: absolute;
    right: 8px;
    height: 48px;
    width: 48px;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
}
.sliderBoxeMore {
    margin: auto;
    z-index: 2;
    position: relative;
}
.inputPaddL {
    padding-right: 7px
}
.inputPaddR {
    padding-left: 7px
}
.home input.form-control {
    height: 36px;
}
.home .form-control, .home .form-control:focus {
    border-color: #ddd;
}
.home .footer .btn, .home .form-group .btn, .home .input-group .input-group-btn .btn, .home .news-letter-form .btn {
    height: 36px
}
.home h2 {
    margin: 0 0 23px
}
.home .btn {
    margin-bottom: 0
}
.home .topNoti .btn {
    margin: 7px 1px;
}
.home .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -2px
}
.mainMenu{
    position:relative;
}
.mainMenu .learn-banner{
    position:absolute;
    right:-105px;
    top:55px;
}
.btnInputRight {
    /*
    padding: 8px;
    background: #fff;
    border: solid 1px #ccc;
    */
    border-left: none;
}
.btnInputRightI {
    line-height: 0.8
}
.icoStyle:before {
	margin: auto;
    color: #fff;
    font-size: 27px
}
.home .input-append.date .add-on i, .home .input-prepend.date .add-on i {
    width: 22px
}
.startPopScroll {
    height: 281px;
    overflow-y: auto;
}
.typo-light p.c_black {
    color: #000
}
p.oilPeriod {
    margin-bottom: 10px
}
ul.cargoNewsUl {
    margin-bottom: 0;
    overflow-y: auto;
    height: 20em;
    margin-bottom: 0
}
ul.cargoNewsUl li a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}
.owlOil.owl-carousel {
    background: none;
    background-size: auto;
}
.owlOil .owl-stage-outer {
    width: 100%;
    height: 260px
}
.owlOil.dots-mini .owl-dots .owl-dot span {
    background: #ccc;
    border-radius: 0;
    width: 30px;
    height: 5px
}
.owlOil.dots-mini .owl-dots .owl-dot.active span {
    border: none;
    background: #d9534f
}
.owlOil.owl-carousel .owl-dots {
    position: relative;
    display: block;
    right: 0;
    bottom: 0;
    top: auto;
    left: 0;
    margin: 5px;
    background:none;
}
.owlOil .owl-nav {
    display: none;
}
.krw {
    font-size: 18px;
    color: #666;
    position: absolute;
    right: 10px;
    font-weight: 400
}
li {
    list-style: none;
}
.listStyle li {
    position: relative;
    padding-left: 22px;
    font-size: 18px;
    font-weight: 400;
    line-height: 160%
}
.listStyle li:after {
    content: "\f138";
    font-size: 18px;
    color: #555;
    z-index: 100;
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 6%
}
.badgeCargoQ {
    font-size: 18px;
    padding: 3px 10px;
    background: #e30613;
}
.cargoQDd {
    overflow-y: auto;
    height: 18em;
    margin-bottom: 0
}
.cargoQDd dt {
    margin-top: 1em
}
.cargoQDd dt:first-child {
    margin-top: 0
}
.cargoQDd dd {
    margin-top: 0.4em
}
.chainIco {
	margin: auto;
    color: #fff;
    font-size: 27px;
    line-height: 1.4em
}
.btn.btn-lg.chainConfirmBtn {
    padding: 12px 2em
}
/*푸터*/
.footer {
    /*margin-top: 30px;*/
    display: block;
    clear: both;
    content: ""
}
/*.sub~.footer{margin-top: 85px} 간격이 없는 페이지도 존재하므로 개별 페이지에서 처리 */
.footer:before {
    display: block;
    clear: both;
    content: ""
}
.foot1Row {
    background: #34383b;
    height: 42px
}
.foot1Row:after {
    display: block;
    content: "";
    clear: both;
}
.footLinkWrap {
    width: 1140px;
    margin: auto;
}
.footLinkList a .f_l {
    margin-left: 20px
}
.footLinkList a .f_r {
    margin-right: 20px
}
.footLinkList a .f_r:before {
    line-height: 40px
}
.footLinkList .siteList {
    position: absolute;
    z-index: 2;
    display: none;
}
.footLinkList .siteList li {
    width: 263px;
    list-style: none;
    background: #6e6f72;
    border-bottom: solid 1px #848487;
    height: 30px;
    line-height: 29px
}
.footLinkList .siteList li:hover {
    background: #e30613
}
.footLinkList .siteList li a {
    padding-left: 20px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
}
.familySite {
    width: 263px;
    height: 42px;
    line-height: 40px;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    z-index: 3;
    background: #3e4245;
}
.footer {
    position: relative;
}
.footer.dark-bg a {
    color: #ddd
}
.footer.dark-bg a:hover {
    color: #fff !important;
}
.footerGroup {
    margin-left: 290px
}
.groupIconWrap li {
    display: inline-block;
}
.groupIconWrap li a {
    width: 42px;
    height: 42px;
    display: inline-block;
    margin: 0 10px;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
}
.groupIconWrap li:nth-child(1) a {
    background: url(../images/common/iconAEOver.png);
}
.groupIconWrap li:nth-child(1) a:hover {
    background: url(../images/common/iconAE.png);
}
.groupIconWrap li:nth-child(2) a {
    background: url(../images/common/iconKKOver.png);
}
.groupIconWrap li:nth-child(2) a:hover {
    background: url(../images/common/iconKK.png);
}
.groupIconWrap li:nth-child(3) a {
    background: url(../images/common/iconTMOver.png);
}
.groupIconWrap li:nth-child(3) a:hover {
    background: url(../images/common/iconTM.png);
}
.groupIconWrap li:nth-child(4) a {
    background: url(../images/common/iconCTOver.png);
}
.groupIconWrap li:nth-child(4) a:hover {
    background: url(../images/common/iconCT.png);
}
.groupIconWrap li:nth-child(5) a {
    background: url(../images/common/iconAIOver.png);
}
.groupIconWrap li:nth-child(5) a:hover {
    background: url(../images/common/iconAI.png);
}
.groupIconWrap li:nth-child(6) a {
    background: url(../images/common/iconALOver.png);
}
.groupIconWrap li:nth-child(6) a:hover {
    background: url(../images/common/iconAL.png);
}
.groupIconWrap li:nth-child(7) a {
    background: url(../images/common/iconBXOver.png);
}
.groupIconWrap li:nth-child(7) a:hover {
    background: url(../images/common/iconBX.png);
}
.groupIconWrap li:nth-child(8) a {
    background: url(../images/common/iconASOver.png);
}
.groupIconWrap li:nth-child(8) a:hover {
    background: url(../images/common/iconAS.png);
}
.groupIconWrap li:nth-child(9) a {
    background: url(../images/common/iconABOver.png);
}
.groupIconWrap li:nth-child(9) a:hover {
    background: url(../images/common/iconAB.png);
}
.groupIconWrap li:nth-child(10) a {
    background: url(../images/common/iconRSOver.png);
}
.groupIconWrap li:nth-child(10) a:hover {
    background: url(../images/common/iconRS.png);
}
.groupIconWrap li:nth-child(11) a {
    background: url(../images/common/iconCFOver.png);
}
.groupIconWrap li:nth-child(11) a:hover {
    background: url(../images/common/iconCF.png);
}
.groupIconWrap li:nth-child(12) a {
    background: url(../images/common/iconEDOver.png);
}
.groupIconWrap li:nth-child(12) a:hover {
    background: url(../images/common/iconED.png);
}
.foot2Row {
    background: #2a2b2e;
    position: absolute; /*top: 42px;*/
    width: 100%;
    z-index: 2;
}
.foot2Row:after {
    clear: both;
    display: block;
    content: "";
    height: 100px
}
.foot2RowWrap {
    width: 1140px;
    margin: auto;
}
.footLogo, .footLogoM {
    float: left;
    margin-top: 40px;
    margin-right: 30px
}
.address {
    float: left;
    width: 680px;
    position: relative
}
.address .utilMenu {
    font-size: 14px;
    list-style: none;
    margin: 22px 0 10px
}
.address .utilMenu li {
    display: inline-block;
}
.address .addressTxt {
    font-size: 12px
}
.footer .btn.comNumConfirm {
    position: absolute;
    top: 36px;
    right: 0;
    height: auto;
    background: #333;
    padding: 0.4em 1.2em;
    vertical-align: middle;
    margin-top: 7px;
    margin-left: 10px
}
.asianaLogo {
    float: right;
    margin-top: 70px
}
.groupIconWrap .tooltip {
    margin-top: 5px
}
.groupIconWrap .tooltip .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    color: #fff;
    border-radius: 0;
    background-color: #e30613;
    letter-spacing:1px;/*추가*/
}
.groupIconWrap .tooltip .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #e30613;
}
/*모바일 좌메뉴*/
.mm-menu {
    background: #f7f7f7
}
.mobileMainMenu {
    display: none;
    position: relative;
}
.mm-panels {
    overflow-y: auto
}
.mm-panel {
    display: none;
}
.loginIco {
    width: 32px;
    height: 32px;
    background: #e30613;
    border-radius: 5px;
    text-align: center;
    padding: 1px;
    display: inline-block;
    font-weight: 600;
    vertical-align: inherit;
}
.loginIco i {
    color: #fff;
    line-height: 32px;
    font-size: 1.2em
}
.bulStyle {
    width: 20px;
    height: 20px;
    line-height: 18px;
    background: #333;
    border-radius: 3px;
    text-align: center;
    font-weight: 600;
    vertical-align: text-top;
    display: inline-block;
}
.bulStyle i {
    color: #fff
}
.bulStyle span {
    color: #fff;
    line-height: 20px
}
.bulStyle.sm {
    font-size: 12px;
}
.mMenuTit {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    padding: 16px 16px 0;
    background: #347ab6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}
.mm-panels .nav-tabs {
    padding: 16px 16px 1px;
    background: #347ab6 !important;
}
/*.nav-tabs > li{border-top-left-radius: 5px; border-top-right-radius: 5px}*/
.mm-panels .nav-tabs > li > a {
    background: #fff;
    border: solid 1px #347ab6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    color: #7c7c7c;
    padding: 6px 6px 8px;
    margin-right: 0
}
.mm-panels .nav-tabs > li.active > a {
    font-family: "Noto Sans KR B", "sans-serif";
    color: #3f6599;
    /*font-weight: 600;*/
}
.mm-panels .tab-content {
    border: none;
    padding: 0;
    margin-top: 100px
}
.panel {
    border-top: none;
    border-right: none;
    border-left: none;
    border-color: #ccc;
    border-bottom: none;
}
.panel-default > .panel-heading.lmenuDepth2Tit {
    background: #fff;
    border: none;
}
.lmenuDepth2Con {
    background: #f8f8f8
}
.mm-menu .panel-body li {
    padding: 5px 20px;
    border-top: solid 1px #eaeaea
}
.mm-menu .panel-body li:first-child {
    border-top: none;
}
.mm-menu .panel-body .lmenuDepth2Menu {
    margin-bottom: 0
}
.mm-menu .panel-body .lmenuDepth2Menu li {
    padding: 5px 20px;
    border-top: solid 1px #eaeaea
}
.mm-menu .panel-body {
    color: #333;
    padding: 0
}
.mm-menu .panel-body ul {
    background: #f8f8f8
}
.panel .panel-collapse {
    padding: 0 20px
}
.panel .panel-collapse.lmenuDepth2Con {
    padding: 0
}
.panel-group .panel-heading {
    border-bottom: solid 1px #ddd;
    margin-bottom: -1px;
}
.panel-group .panel-heading+.panel-collapse > .panel-body {
    border-top: none;
}
.panel-collapse .panel-body ul {
    list-style: none;
    /*background: #f8f8f8;*/
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    border-color: ba
}
.lmenuTabTit {
    position: fixed;
    top: 48px;
    left: 0;
    width: 80%;
    z-index: 2;
    min-width: 140px;
    max-width: 440px;
}
.lmenuTabTit a {
    text-align: center;
}
.mm-panels .panel-group .panel-title > a {
    font-family: "Noto Sans KR B", "sans-serif";
    /*font-weight: 600;*/
    color: #333
}
.accordion-plus.panel-group .panel-title > a.collapsed:after {
    color: #c7c7c7;
    font-weight: lighter;
}
.accordion-plus.panel-group .panel-title > a:after {
    color: #c7c7c7;
    font-weight: lighter;
}
.accordion-plus .panel-default .lmenuDepth2Tit {
    padding: 5px 15px 5px 0
}
/*.accordion-plus.panel-group .panel-title > a:after {
    font-family: FontAwesome;
    font-size: 14px;
    float: right;
    content: "\f068";
}*/
.lMenuClose {
    position: fixed;
    top: 16px;
    left: 68%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    text-align: center;
}
@media only screen and (min-width:548px) {
.lMenuClose {
    left: 400px
}
}
/*.mm-menu, .mm-panels, .mm-panels > .mm-panel{z-index: 1}*/
/*모바일 좌메뉴 닫기 버튼*/
/*a:focus, a:hover{color: #fff}*/
.nav.lmenuTabTit > li > a:focus, .nav.lmenuTabTit > li > a:hover {
    background-color: #fff;
    border: solid 1px #347ab6;
}
/*모바일 버텀*/
.mBottom {
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: url(../images/common/bgMBottom.jpg) repeat-x;
    border-top: solid 1px #ccc;
    font-size: 12px;
    z-index: 10;
    display: none;
}
.mBottomUl {
    margin: 5px 0;
    list-style: none;
}
.mBottomUl li {
    font-family: "Noto Sans KR B", "sans-serif";/*추가*/
    float: left;
    width: 20%;
    border-left: solid 1px #cfd0cf;
    height: 40px;
    line-height: 14px;
    font-size: 12px;
    /*font-weight: 600;*/
    position: relative;
}
.mBottomUl li i {
    font-size: 24px
}
.mBottomUl li:nth-child(1) {
    border-left: none
}
.badgeMBottom {
    position: absolute;
    top: -28px;
    padding: 4px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    margin-left: -15px;
    background: #e30613;
    width: 28px;
}
.badgeMBottom:after {
    width: 10px;
    height: 6px;
    content: url(../images/common/edgeRed.png);
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}
/*서브*/
.sub .dropdown-menu {
    background: rgba(255,255,255,0.97);
}
.subMenu li {
    float: left;
    width: 100px;
    line-height: 20px;
    border-left: solid 1px #999;
    list-style: none;
    background: #fff;
    transition: background-color .5s;
    display:table;
    height:100%;
}

.subMenu li:first-child {
    border-left: none;
    /*
    border-top-left-radius: 42px;
    border-bottom-left-radius: 42px
    */
}
/*
.subMenu li:last-child {
    border-top-right-radius: 42px;
    border-bottom-right-radius: 42px
}
*/
.subMenu li:hover {
    background: #e30613
}
.subMenu li.on {
    background: #e30613;
    /*font-weight: 600;*/
}
.subMenu li.on a {
    font-family: "Noto Sans KR B", "sans-serif";
    color: #fff
}
.subMenu li a {
    font-size: 14px;
    display: table-cell;
    line-height: 100%;
    height:40px;
    transition: color .5s;
    vertical-align:middle;
    text-align:center;
}
.subMenu li a:hover {
    color: #fff
}
.favoriteBtn .btn.btn-sm {
    padding: 2px 0 4px
}
.visual {
    width: 100%;
    height: 298px; /*background: url(../images/common/bgSubVisual.jpg) bottom repeat-x;*/
    background-repeat: no-repeat;
    padding-top: 105px;
    text-align: center;
    position:relative;
}
.visual {
    background-image: url(../images/common/subTopBgL.png), url(../images/common/subTopBgR.png), url(../images/common/bgSubVisual.jpg);
    background-position: left bottom, right bottom, top;
    background-repeat: no-repeat, no-repeat, repeat-x;
}
.visual p {
    margin-top: 56px;
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    font-family: "Noto Sans KR L";
    padding-left:15px;
    padding-right:15px;
}
.visual h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 900
}
/*.subContents h2{font-weight: 900; color: #000; font-size: 30px; font-family: "Noto Sans KR B"; height: 42px}*/
.subContents h2 {
    margin-top: 40px;
    font-weight: 900;
    color: #000;
    font-size: 30px;
    font-family: "Noto Sans KR B";
    height: 42px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 2px #e30613;
    padding: 0 10px 8px
}
.subContents h3 {
    font-weight: 900;
    color: #333;
    font-size: 24px;
    font-family: "Noto Sans KR B";
    height: 42px;
    border-bottom: solid 2px #e30613;
    padding: 0 0 6px;
    display: table;
    margin-bottom: -1px;
    line-height: 30px
}
.subContents h4 {
    font-weight: 900;
    color: #333;
    font-size: 24px;
    font-family: "Noto Sans KR B";
    margin-bottom: 0;
    line-height: 30px
}
.h3Line {
    border-bottom: solid 1px #ccc
}
/*.subContents h2{font-weight: 900; color: #333; font-size: 18px; font-family: "Noto Sans KR B"; line-height: 27px}*/
/*.subContents:after{clear: both;display: block;content: ""}*/
.subContentsFix {
    margin-left: auto;
    margin-right: auto;
    width: 1170px;
} /*병헌 171123 : 1140 -> 1170;*/
.subContentsFix:after {
    display: block;
    clear: both;
    content: ""
}
/*.row{width: 1140px; margin-left: auto; margin-right: auto;}*/
.subContentsWide {
    display: block;
    background: #f7f8fa
}
/*로그인*/
.loginBox {
    border: solid 4px #eeeeee;
    border-top: solid 6px #c3c5c7
}
.loginBoxL {
    margin: 40px 30px
}
.loginBoxLDt {
    font-weight: 900
}
.loginBoxLInput {
    width: 100%;
    border-radius: 0;
    height: 34px
}
.loginBoxCLine {
    border-left: solid 1px #ddd;
    min-height: 404px
}
.loginBoxR {
    margin: 40px 30px
}
.loginBoxRDt {
    font-size: 16px
}
.loginBoxRDl dt {
    font-size: 16px;
    color: #333
}
.loginBoxRDl dd {
    margin-top: 5px
}
.loginBoxRDlLine {
    margin-top: 42px;
    padding-top: 32px;
    border-top: solid 1px #ddd
}
/*회원가입*/

.joinStep {
    border: solid 1px #ccc;
    overflow: hidden;
}
.joinStep:after {
    display: block;
    content: "";
    clear: both;
}
.joinStep li {
    font-family: "Noto Sans KR B", "sans-serif";
    float: left;
    width: 25%;
    height: 58px;
    text-align: center;
    display: table;
    /*
    font-family: "Noto Sans KR L";
    font-weight: 600;
    */
    font-size: 18px;
    position: relative;
    background: #fff
}
.joinStep li .joinStepTxt {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 56%;
    transform: translate(-50%, -50%);
    z-index: 1
}
.joinStep .joinStepArrow {
    position: absolute;
    width: 58px;
    height: 58px;
    transform: rotate(45deg);
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    right: -18px;
    background: #fff;
    z-index: 1
}
.joinStep li:last-child .joinStepArrow {
    display: none;
}
.joinStep li.on {
    background: #e30613;
    color: #fff
}
.joinStep li.on .joinStepArrow {
    background: #e30613;
}
.joinStep li.onded {
    background: #999b9f;
    color: #fff
}
.joinStep li.onded .joinStepArrow {
    background: #999b9f;
}
.joinStep li.onded2 {
    background: #bbbbbb;
    color: #fff
}
.joinStep li.onded2 .joinStepArrow {
    background: #bbbbbb;
}
.joinStep li.onded3 {
    background: #ccc;
    color: #fff
}
.joinStep li.onded3 .joinStepArrow {
    background: #ccc;
}
.ruleCon {
    height: 280px;
    overflow-y: auto;
    padding: 20px;
    border: solid 1px #ccc
}
.joinBox {
    border: solid 4px #eeeeee;
    border-top: solid 6px #c3c5c7;
    padding-top: 40px;
    padding-bottom: 40px
}
.joinBoxL {
    padding-right: 25px;
    padding-left: 60px
}
.joinBoxR {
    padding-right: 60px;
    padding-left: 25px
}
.joinInput input.form-control {
    height: 34px
}
.joinInput .btn {
    line-height: 14px;
    border-radius: 0
}
.icon .btn {
    line-height: 12px;
    border-radius: 0
}
.joinInput .input-group-btn .btn-default {
    background-color: #333;
    border-color: #000;
    margin-top: 2px
}
.joinInput input {
    height: 34px;
    border-radius: 0;
    padding-left: 10px;
    width: 100%
}
.inputD input.form-control {
    height: 34px
}
.inputD .btn {
    line-height: 14px;
    border-radius: 0
}
.inputD .input-group-btn .btn-default {
    background-color: #333;
    border-color: #000;
    margin-top: 2px
}
.inputD input {
    height: 34px;
    border-radius: 0;
    padding-left: 10px;
    width: 100%
}
select.joinSelec {
    height: 34px;
    border-radius: 0;
    padding: 0 0 0 10px;
    width: 100%
}
select.selectD {
    height: 34px;
    border-radius: 0;
    padding: 0 0 0 10px;
}
.mailInput > div:nth-child(2) {
    padding-left: 0
}
.mailInput > div:nth-child(3) {
    padding-left: 0
}
.mailInputId {
    padding-right: 0
}
.mailInputAt {
    line-height: 34px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}
.tellInput > div:nth-child(2), .tellInput > div:nth-child(3) {
    padding-left: 0
}
.tellInput > div:nth-child(4) {
    padding-left: 0
}
.tellInputSet {
    padding-right: 0
}
.tellInputDash {
    line-height: 34px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}
.joinBox .radio-inline {
    margin-left: 20px;
    vertical-align: top
}
/*뉴스&이벤트*/
.input-group.joinInput[class*=col-] {
    padding-left: 15px;
    padding-right: 15px
}
/* /커스텀 

/*테스트용 스타일*/
.test {
    border: solid 10px #000
}
/* nhj.css*/
.subMenu.item2 li {
    width: 50%;
}
.subMenu.item3 li {
    width: 33%;
}
.subMenu.item3 li:nth-child(2) {
    width: 34%;
}
.subMenu.item4 li {
    width: 25%;
}
.fs_20 {
    font-size: 20px;
}
.trdiv {
    margin-bottom: 20px;
}
.ImgGP {
    background: #f7f8fa;
}
.trdiv .ImgGP {
    min-height: 300px;
    margin-bottom: 30px;
}
.trdiv .col-sm-6 .ImgGP .subdiv {
    padding: 30px;
}
.trdiv .col-sm-6 .ImgGP .subdiv p {
    padding-top: 30px;
}
.trdiv .col-sm-6 .ImgGP img {
    width: 100%;
}
.ltdisc {
    margin: 30px 0;
}
.ltdisc li {
    list-style: disc inside !important;
    line-height: 2em
}
.h3Line1 {
    /*background: url(../images/Product/RadLine.jpg) no-repeat bottom left;*/
    border-bottom: solid #ccc 1px;
}
/*
.subContents h3 {
    border-bottom: none;
    background: url(../images/Product/RadLine.jpg) no-repeat bottom left;
}
*/
.ohsjusv .tbg {
    text-align: center;
    padding: 0 15px;
    background-color: #eee;
    display: table;
    width: 100%;
    /* IE10 Consumer Preview */
    background-image: -ms-linear-gradient(left, #D2DAE2 0%, #EEEEEE 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(left, #D2DAE2 0%, #EEEEEE 100%);
    /* Opera */
    background-image: -o-linear-gradient(left, #D2DAE2 0%, #EEEEEE 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #D2DAE2), color-stop(1, #EEEEEE));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(left, #D2DAE2 0%, #EEEEEE 100%);
    /* W3C Markup, IE10 Release Preview */
    background-image: linear-gradient(to right, #D2DAE2 0%, #EEEEEE 100%);
}
/*.visual h1{background: url(../images/Product/RadLine1.jpg) no-repeat bottom center;} */       
.ohsjusv .tbg .col-md-6 {
    text-align: center;
    padding: 30px 0;
}
.ohsjusv .subcon {
    margin: 60px 0;
}
.ohsjusv .subcon .table {
    width: 100%;
}
.table th {
    color: #fff;
    background-color: #444b53;
    text-align: center;
}
.table td {
    /*padding-left: 20px !important;*/
    vertical-align: middle !important
}
/*.table  th:first-child{width:35%;}*/
.mt_30 {
    margin-top: 30px;
}
.mt_70 {
    margin-top: 70px;
}
.red {
    color: #e30513
}
.pt_10 {
    padding-top: 10px;
}
.pt_20 {
    padding-top: 20px;
}
.pt_30 {
    padding-top: 30px;
}
.pt_40 {
    padding-top: 40px;
}
.pt_50 {
    padding-top: 50px;
}
.pt_60 {
    padding-top: 60px;
}
.pt_70 {
    padding-top: 70px;
}
.pt_80 {
    padding-top: 80px;
}
.pt_100 {
    padding-top: 100px;
}
.pb_10 {
    padding-bottom: 10px;
}
.pb_20 {
    padding-bottom: 20px;
}
.pb_30 {
    padding-bottom: 30px;
}
.pb_40 {
    padding-bottom: 40px;
}
.pb_50 {
    padding-bottom: 50px;
}
.pb_60 {
    padding-bottom: 60px;
}
.pb_70 {
    padding-bottom: 70px;
}
.pb_80 {
    padding-bottom: 80px;
}
.pb_100 {
    padding-bottom: 100px;
}
.table.th_160 th:first-child, .table.th_160 th {
    max-width: 160px !important;
    width: 160px;
}
.table-striped > tbody > tr:nth-of-type(2n) {
    background-color: #fff;
}
.table.th_160 th {
    text-align: left;
}
#map {
    height: 300px;
    width: 100%;
}
.ProductIntro .col-sm-4, .ProductIntro .col-sm-8 {
    margin-bottom: 40px;
}
.ProductIntro .colbody .ibg {
    background-color: #a6b2be;
    border-radius: 50%;
    width: 53px;
    height: 53px;
    text-align:center;
    line-height:60px;
    color:#fff;
    margin-bottom:20px;
}
.ProductIntro .colbody {
    border: solid 1px #ccc;
    padding: 30px;
    min-height: 445px;
}
.ProductIntro .colbody:hover, .ProductIntro .colbody:active {
    border: solid 1px #e30513;
    padding: 30px;
}
.ProductIntro .cls .colbody {
    border: none;
    padding: 30px;
}
.ProductIntro .colbody:hover .ibg {
    background-color: #e30513;
}
.svareadiv img {
    width: 100%
}
.svareadiv .h3Line {
    overflow: hidden;
    white-space: nowrap
}
.svareadiv p {
    height: 120px;
    clear: both;
    overflow-y: auto;
}
.svareadiv .subContents {
    padding: 30px;
    display: block
}
.svareadiv .ImgGP {
    display: block;
    margin-bottom: 30px;
    border: solid 1px #fff
}
.svareadiv .ImgGP:hover {
    border: solid 1px #f6646d
}
.cdairs {
    border: solid 1px #ccc;
    border-radius: 5px;
    margin-bottom: 30px;
    min-height: 240px;
}
.cdairs:hover {
    border: solid 1px #f6646d;
}
.cdairs .cdlogo {
    background: #fff;
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
    text-align: center
}
.cdairs ul {
    padding-left: 15px;
}
.cdairs .airt {
    width: 100px;
    float: left;
    clear: both
}
.cdairs .airn {
    float: left;
    font-weight: bold;
    line-height: 1.1em;
}
.cdairs .airc {
    float: left;
    line-height: 1.1em;
}
h5 {
    margin-bottom: 20px;
    margin-top: 30px;
}
.ProductIntro .colbody .h3Line {
    margin-bottom: 15px;
}
.ProductIntro .colbody .pcons:first-child {
    height: 65px;
    max-height: 65px;
    overflow: hidden;
    font-size: 12px;
    line-height: 20em
}
.ProductIntro .colbody .pcons {
    height: 80px;
    max-height: 80px;
    overflow: hidden;
    font-size: 12px;
    line-height: 20px
}
.ProductIntro .colbody .btns {
    height: 70px;
    min-height: 70px;
    padding-top: 20px;
    display: table;
    width: 100%;
    height: 120px
}
.ProductIntro .colbody .btns:first-child {
    height: 40px;
    min-height: 70px;
    padding-top: 20px;
    display: table;
    width: 100%;
    height: 90px
}
.ProductIntro .colbody .btns .row {
    margin: 0 -5px
}
.ProductIntro .colbody .btns .row .col-sm-4, .ProductIntro .colbody .btns .row .col-sm-6, .ProductIntro .colbody .btns .row .col-sm-12 {
    padding: 0 5px !important
}
.ProductIntro .colbody .btns .row button {
    width: 100%;
}
.ProductIntro .colbody .btns .row .btn.btn-sm {
    padding: 2px 0px;
    margin: 2px 0;
}
.Incheon .panel-default {
    border: solid 1px #ccc;
    margin-bottom: 10px;
}
.pgsa {
    display: block
}
.pgsa li {
    float: left;
    margin: 2px 2px;
    min-height: 225px;
    display: inline-block;
    margin-bottom: 15px
}
.pgsa .route {
    width: 136px;
    height: 135px;
    border: solid 2px #f7767e;
    border-radius: 50%;
    margin: auto;
    padding: 28px 0 0 28px;
}
.pgsa .routet {
    padding-top: 20px;
    text-align: center;
    height: 50px;
    margin: auto
}
.pgsa .routet h5 {
    margin: 0
}
.pgsa .routet1 {
    width: 80px;
    padding: 40px 20px 0;
    /*height: 140px;*/
    text-align: center;
    margin: auto
}
.pgsa .routet2 {
    height: 80px;
    text-align: center
}
.cool .coolsub {
    display: table
}
.cool .num {
    background: #f6646d;
    width: 80px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    min-height: 70px;
    font-size: 2em
}
.cool .cooltxt {
    padding: 10px;
    display: table-cell
}
.cool .coolimg {
    padding: 15px;
    margin-top: 20px;
    border: solid 1px #ccc
}
.productTab .nav-tabs {
    background: none !important
}
.productTab .nav-tabs li {
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: none;
    border-bottom: none
}
.productTab .nav-tabs li:first-child {
    border-left: solid 1px #ccc
}
.productTab .nav-tabs.itm4 li {
    width: 25%
}
.productTab .nav-tabs.itm5 li {
    width: 20%
}
.productTab .nav-tabs > li > a, .productTab .nav-tabs > li.active > a, .productTab .nav-tabs > li.active > a {
    border: none;
    border-top: solid 5px #fff;
    border-bottom: solid 1px #ccc;
    padding: 15px 0;
    border-radius: 0;
    background: #fff;
    text-align: center;
    font-size: 18px;
    color: #555555;
}
.productTab .nav-tabs > li.active > a, .productTab .nav-tabs > li.active > a:hover, .productTab .nav-tabs > li.active > a:focus {
    border-top: solid 5px #e30513;
    border-radius: 0;
    border-bottom: solid 1px #fff;
    background: #fff;
    text-align: center;
    font-weight: bold;
}
.productTab .tab-content {
    margin-top: 30px;
    padding: 0 15px;
}
.productTab .table > thead > tr > th {
    vertical-align: middle
}
.productinput label {
    font-weight: bold;
    font-size: 14px;
}
/*.productinput .form-control{border-radius:0 !important}*/
.productinput .input-group-addon, .productinput .input-group-btn .btn.btn-default {
    padding: 6px 10px;
}
.productinput .btn-dark {
    border-color: #000;
    background-color: #000;
    color: #fff;
}
.productlist .table th {
    background-color: #f5f5f5;
    color: #333;
    text-align: left;
    padding: 0;
}
.productlist .table th div {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 10px;
    ;
    height: 100%;
    line-height: 100%
}
.productlist .table th .rup {
    position: absolute;
    right: 5px;
    top: -4px;
}
.productlist .table th .rdown {
    position: absolute;
    right: 5px;
    bottom: -4px;
}
.productlist .table th i {
    color: #ccc
}
.productlist .table tr {
    min-height: 40px;
}
.productlist .table tr:last-child {
    background-color: #eaf5fe
}
.oil .panel {
    border: solid 1px #ccc
}
.oil .printarea {
    border: solid 1px #ccc;
    margin: auto;
    max-width: 720px;
    padding: 30px;
    margin: 30px auto;
    width: 90%;
    position: relative;
    min-height: 1019px;
    line-height: 2em;
}
.oil .printarea .printsub {
    margin: 150px auto 80px;
    max-width: 600px;
    width: 90%
}
.oil .printarea .printsub li {
    padding-left: 20px;
}
.oilbox {
    display: table;
    width: 100%;
    margin: 30px 0;
}
.oilbox div:last-child {
    padding-left: 15px;
    vertical-align: middle
}
.oilbox div:first-child {
    color: #fff;
    background: #f6646d;
    width: 60px;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 8px;
    font-weight: bold;
    font-size: 1.2em
}
/*
.oil .table {
    width: 98%
}
*/
.morev {
    width: 100%;
    display: none
}
.oillist table tbody tr:hover {
    background: #fffec5;
    cursor: pointer
}
.basicTab .nav-tabs.itm4 {
    border-bottom: solid 1px #ccc
}
.basicTab li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.ProductIntro .colbody .btns .row .col-sm-4 {
    padding: 0 5px !important;
    margin-bottom: 0
}
/*@media (min-width: 400px) {
    .pgsa li{width:90%}
}
@media (min-width: 768px) {
    .pgsa li{width:33%}
}
@media (min-width: 1028px) {
    .pgsa li{width:145px}
}*/
/*카고 에듀*/
.basicTab .nav-tabs.itm5 li {
    width: 20%
}
.pl_0 {
    padding-left: 0
}
.pl_10 {
    padding-left: 10px
}
.pl_15 {
    padding-left: 15px
}
.pl_20 {
    padding-left: 20px
}
.pl_30 {
    padding-left: 30px
}
.CargoInfor .colbody .btns .row .col-sm-4 {
    padding: 0 5px !important;
    margin-bottom: 0
}
.AirCargoGif .tab-pane {
    text-align: center;
    padding: 30px 0;/*min-height: 500px;*/
}
.AirCargoGif .tab-pane img {
    text-align: center;
    margin: auto
}
/*
.AirCargoGif ul.nav-tabs{display:table; width:100%}
.AirCargoGif ul.nav-tabs li{display:table-cell; vertical-align:middle;min-height:70px;}
.AirCargoGif ul.nav-tabs li a{/*padding:0;vertical-align:middle; min-height:70px; font-size:18px }
.AirCargoGif .nav-tabs > li.active > a{padding:0}
*/
.AirCargoGif .col-md-offset-2 .col-md-6 {
    text-align: left
}
.AirCargoGif .col-md-offset-2 .col-md-6 h6 {
    margin-bottom: 15px
}
.AirCargoGif .col-md-offset-2 .col-md-6 ul li {
    list-style: disc
}
.AirAccordion {
}
.AirAccordion h5 {
    font-size: 1.5em;
    font-weight: bold
}
.txt_bold {
    font-weight: bold
}
.txt_black {
    color: #000
}
.panel-body .table {
    margin-bottom: 0
}
.animals ul {
    padding-left: 15px;
}
.animals ul li {
    list-style: disc
}
.animalscont h4 {
    font-size: 1.2em;
    line-height: 1.2em;
    padding-bottom: 15px;
    padding-left: 20px;
    text-indent: -20px;
    font-family: inherit;
    clear: both
}
.animalscont h5 {
    font-size: 1.1em;
    margin: 10px 0
}
.pd-si-10ap p {
    padding-left: 10px;
    text-indent: -10px;
    margin-bottom: 10px
}
.pd-si-20ap p {
    padding-left: 20px;
    text-indent: -20px;
    margin-bottom: 10px
}
.pd-si-25ap p {
    padding-left: 25px;
    text-indent: -25px;
    margin-bottom: 10px
}
.pd-si-30ap p {
    padding-left: 30px;
    text-indent: -30px;
    margin-bottom: 10px
}
.pd-si-35ap p {
    padding-left: 35px;
    text-indent: -35px;
    margin-bottom: 10px
}
.pd-si-10 {
    padding-left: 10px;
    text-indent: -10px
}
.pd-si-15 {
    padding-left: 15px;
    text-indent: -15px
}
.pd-si-20 {
    padding-left: 20px;
    text-indent: -20px
}
.ml_20 {
    margin-left: 20px;
}
.mb_10 {
    margin-bottom: 10px;
}
.mb_20 {
    margin-bottom: 20px;
    clear: both
}
.mb_30 {
    margin-bottom: 30px;
}
.mb_40 {
    margin-bottom: 40px;
    clear: both
}
.mb_50 {
    margin-bottom: 50px;
    clear: both
}
.th1_C th:first-child {
    text-align: center
}
.th2_C th:nth-child(2) {
    text-align: center
}
.th3_C th:nth-child(3) {
    text-align: center
}
.th4_C th:nth-child(4) {
    text-align: center
}
.th5_C th:nth-child(5) {
    text-align: center
}
.th6_C th:nth-child(6) {
    text-align: center
}
.th7_C th:nth-child(7) {
    text-align: center
}
.th8_C th:nth-child(8) {
    text-align: center
}
.th9_C th:nth-child(9) {
    text-align: center
}
.th10_C th:nth-child(10) {
    text-align: center
}
.thA_C th {
    text-align: center
}
.td1_C td:first-child {
    text-align: center
}
.td2_C td:nth-child(2) {
    text-align: center
}
.td3_C td:nth-child(3) {
    text-align: center
}
.td4_C td:nth-child(4) {
    text-align: center
}
.td5_C td:nth-child(5) {
    text-align: center
}
.td6_C td:nth-child(6) {
    text-align: center
}
.td7_C td:nth-child(7) {
    text-align: center
}
.td8_C td:nth-child(8) {
    text-align: center
}
.td9_C td:nth-child(9) {
    text-align: center
}
.td10_C td:nth-child(10) {
    text-align: center
}
.tdA_C td {
    text-align: center
}
.moving .panel-title a {
    display: table;
    width: 100%
}
.moving .panel-title a .pgt1 {
    display: table-cell;
    vertical-align: middle;
    line-height: 1em;
    width: 90px;
    font-size: 1.2em
}
.moving .panel-title a .pgt2 {
    display: table-cell;
    vertical-align: middle;
    line-height: 1em;
    font-size: 12px
}
.moving .panel-body img {
    margin: auto
}
.DocDownload img {
    margin: 40px auto 20px;
}
.DocDownload i {
    margin: 40px auto 20px;
    font-size:90px;
}
.DocDownload p {
    font-weight: bold;
    font-size: 16px;
    /*line-height: 2em;*/
    text-align: center
}
.DocDownload .btn {
    margin: auto;
    display: block;
    min-width: 80px;
    margin-bottom: 30px !important;
}
.DocDownload .btnG {
    margin: auto;
    display: block;
    /*width: 130px;*/
    margin-bottom: 30px;
}
.DocDownload .btnG .btn {
    min-width: 80px;
    margin-bottom: 0px;
    display: inline-block;
}
.DocDownload .docdiv {
    border: solid 3px #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
    text-align:center;
}
.DocDownload .docdiv:hover {
    border: solid 3px #f6646d;
    background-color: #fafafa
}
.bul_ul {
    padding-left: 20px;
}
.bul_ul li {
    /*
    padding-left: 15px;
    text-indent: -15px;
    */
    list-style: disc;
    line-height: 1.5em
}
.DocDownload .col-sm-9 p {
    font-weight: normal;
    font-size: initial;
    line-height: 1.2em;
    text-align: left
}
.DocDownload p img {
    display: inline-block;
    margin: 0;
    padding: 0
}
.light-bg.uld {
    background: #f2f2f2
}
.uld .uldnav {
    padding: 0 60px
}
.uld .owl-carousel .item {
    border: solid 3px #f2f2f2;
    cursor: pointer;
    position: relative
}
.uld .owl-carousel .item span {
    position: absolute;
    text-align: center;
    bottom: 10px;
    /*
    display: none
    */
    width: 150px;
    background-color:#333;
    border-radius:12px;
    color:#fff;
    padding:2px 0;
    left:50%;
    margin-left:-75px;
}
.uld .owl-carousel .item:hover {
    border: solid 3px #f6646d;
    background: #fff
}
.uld .owl-carousel .item:hover span {
    display: block;
}
.uld .owl-carousel .owl-nav .owl-next::after {
    color: #000
}
.uld .owl-carousel .owl-nav .owl-prev {
    left: -50px;
}
.uld .owl-carousel .owl-nav .owl-next {
    right: -50px;
}
.uld .owl-nav div {
    border-radius: 50%
}
.uld .Svgs {
    display: none
}
.uld .Svgs:first-child {
    display: block
}
.uld .Svgs img {
    margin: auto
}
.uld .owl-carousel .owl-nav .owl-next::after, .owl-carousel .owl-nav .owl-prev::after {
    font-size: 24px;
}
.basicTab .nav-tabs {
    border-bottom: solid 1px #ccc
}
.input-group .btn {
    margin-bottom: 0
}
.PDS .pagination > li > a, .pagination > li > span {
    color: #333
}
.PDS .paginationDIV {
    margin: auto;
    width: 100%;
    text-align:center;
}
/*
.PDS .table th {
    color: #000;
    background-color: #f5f5f5
}
*/
.PDS .table th div {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 10px;
    ;
    height: 100%;
    line-height: 100%
}
.PDS .table th .rup {
    position: absolute;
    right: 5px;
    top: -4px;
}
.PDS .table th .rdown {
    position: absolute;
    right: 5px;
    bottom: -4px;
}
.PDS .table th i {
    color: #ccc
}
.PDS .table th .rup i {
    color: #e30513
}
.PDS td img {
    display: inline-block;
    margin-right: 10px;
}
.tab-pane .active {
    background: #f6646d;
    color: #fff;
}
/* ===== 카고 에듀 ====*/
/* 추적 */
.section-tm-light-bg {
    background: #f7f7f7;
    z-index: -1
}
.pd_10 {
    padding: 10px;
}
.pd_20 {
    padding: 20px;
}
.pd_30 {
    padding: 30px;
}
.pd_40 {
    padding: 40px;
}
.ml_20_b30 {
    margin-left: 20px;
    margin-bottom: 30px !important
}
/*
.t_search .form-group label {
    position: absolute;
    top: 0
}
*/
.th_w150 th {
    width: 150px;
}
.trackingstep {
    height: 60px;
    border-left: solid 1px #00294d;
    border-right: solid 1px #ccc;
    width: 100%;
    display: table
}
.trackingstep li {
    width: 20%;
    border-top: solid 1px #ccc;
    color: #337ab7;
    border-bottom: solid 1px #ccc;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    white-space: nowrap;
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    height: 50px;
    position: relative
}
.trackingstep li.active {
    background: #2e6da4;
    color: #fff;
    border-top: solid 1px #00294d;
    border-bottom: solid 1px #00294d;
}
.trackingstep li::after {
    position: absolute;
    top: 0;
    right: -26px;
    content: url(../images/Tracking/TabW.png);
}
.trackingstep li.active::after {
    position: absolute;
    top: 0;
    right: -26px;
    content: url(../images/Tracking/TabB.png);
    z-index: 10
}
.trackingstep li:last-child::after {
    content: ""
}
.trackingstep li i {
    padding-right: 10px;
    color: #a6b2be
}
.trackingstep li.active i {
    padding-right: 10px;
    color: #fff
}
.CargoInOut {
    border-top: dashed 1px #ccc;
    border-bottom: dashed 1px #ccc;
    padding: 20px;
    margin-top: 10px;
}
.CargoIn {
    margin: auto;
    width: 100%;
    max-width: 720px;
    padding: 4px;
    border: solid 1px #ccc
}
.CargoInDoc {
    background: #f9f9f9;
    padding: 15px;
    position: relative
}
.CargoInDoctitle:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: '\f144';
}
.CargoInDoctitle {
    font-size: 2em;
    line-height: 1.4em;
    background-position-y: center;
    border-bottom: solid 1px #ccc
}
.CargoInDoctitle2:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: '\f144';
}
.CargoInDoctitle2 {
    font-size: 1.2em;
    line-height: 1.4em;
    background-position-y: center;
}
.closeicon {
    position: absolute;
    top: 25px;
    right: 20px;
}
.CargoInTable {
    border: solid 2px #000;
    text-align: center
}
.CargoInTable th, .CargoInTable td {
    border-left: solid 1px #525252;
    border-right: solid 1px #525252;
    text-align: center;
    line-height: 1.2em;
    padding: 5px 0
}
.CargoInTable th {
    border-bottom: dashed 1px #525252;
    font-weight: bold
}
.CargoInTable td {
    border-bottom: solid 1px #525252;
}
.CargoDoc {
    margin: auto;
    padding: 30px 20px;
    width: 90%;
    max-width: 720px;
    min-height: 200px;
    border: solid 2px #ccc
}
.CargoDoct {
    text-align: center;
    margin-bottom: 3px;
    font-size: 2em;
    font-weight: bold
}
.CargoDocTABLE {
    border: solid 2px #000;
    text-align: center
}
.CargoDocTABLEsub {
    border: solid 1px #525252;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
}
.CargoDocTABLE th {
    background: #f0f0f0;
    font-weight: normal
}
.CargoDocTABLE td, .CargoDocTABLE th {
    text-align: center;
    padding: 5px;
    border: 1px #525252 solid
}
.trackingEU {
    background-color: #f8fdfe;
    background: url(../images/Tracking/eu.jpg) no-repeat top left;
    padding-top: 100px;
    margin: auto;
    width: 700px;
    border: solid 1px #ccc;
    height: 400px;
}
.trackingEU .mrn {
    background-color: #0071bc;
    padding-left: 10px;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold
}
.trackingEU .mrn1 {
    float: left;
    padding-left: 10px;
}
.trackingEU .mrn2 {
    float: left;
    padding-left: 10px;
}
.trackingEU .mrn3 {
    float: left;
    padding-left: 50px;
    width: 100%
}
.trackingEU .content {
    margin-top: 20px;
}
.trackingEU .mawn1, .trackingEU .mawn2 {
    display: inline-block;
    padding-right: 5px;
}
.trackingEU .mawn1 {
    width: 50px;
}
.trackingEU .mawn2 {
    width: 150px;
}
/* ===== 추적 ==== */
/* 마이카고 */
/*
.MyCargoStep {height:78px; border-left:solid 1px #00294d;border-right:solid 1px #ccc;width:100%;display:table}
.MyCargoStep li{width:17%;border-top:solid 1px #ccc;color:#337ab7; border-bottom:solid 1px #ccc; text-align:center; font-size:1.3em; font-weight:bold; white-space:nowrap;display:table-cell;vertical-align:top; white-space:nowrap;height:50px; position:relative;padding-top:5px}
.MyCargoStep li:first-child,.MyCargoStep li:last-child{width:16%}
.MyCargoStep li.active{background:#2e6da4;color:#fff;border-top:solid 1px #00294d;border-bottom:solid 1px #00294d;}
.MyCargoStep li::after{ position:absolute; top:0;right:-25px;content: url(../images/MyCargo/S1-1.png);  }
.MyCargoStep li.active::after{ position:absolute; top:0;right:-25px;content: url(../images/MyCargo/S1.png) ; z-index:10  }
.MyCargoStep li:last-child::after{content:""}
.MyCargoStep li div{padding-top:40px}
.MyCargoStep li .badge {background: #000;}
.MyCargoStep li.active i{padding-right:10px;color:#fff}
.MyCargoStep li.active .badge {font-weight:300;color:#333;background: #fff;vertical-align: baseline;}
.MyCargoStep li:first-child div{background:#2e6da4 url(../images/MyCargo/I1.png) no-repeat top center}
.MyCargoStep li:first-child.active div{background:url(../images/MyCargo/I1-1.png) no-repeat top center}
.MyCargoStep li:nth-child(2) div{background:url(../images/MyCargo/I2.png) no-repeat top center}
.MyCargoStep li:nth-child(2).active div{background:url(../images/MyCargo/I2-1.png) no-repeat top center}
.MyCargoStep li:nth-child(3) div{background:url(../images/MyCargo/I3.png) no-repeat top center}
.MyCargoStep li:nth-child(4) div{background:url(../images/MyCargo/I4.png) no-repeat top center}
.MyCargoStep li:nth-child(5) div{background:url(../images/MyCargo/I5.png) no-repeat top center}
.MyCargoStep li:nth-child(6) div{background:url(../images/MyCargo/I6.png) no-repeat top center}
.MyCargoStep li:nth-child(3).active div{background:url(../images/MyCargo/I3-1.png) no-repeat top center}
.MyCargoStep li:nth-child(4).active div{background:url(../images/MyCargo/I4-1.png) no-repeat top center}
.MyCargoStep li:nth-child(5).active div{background:url(../images/MyCargo/I5-1.png) no-repeat top center}
.MyCargoStep li:nth-child(6).active div{background:url(../images/MyCargo/I6-1.png) no-repeat top center}
*/
.MyCargoStep li .badge {
    background: #000;
}
.MyCargoStep li a {
    line-height: 58px;
    display: block;
    z-index: 10;
}
.MyCargoStep li a:hover .badge, .MyCargoStep li.on .badge {
    background: #fff;
    color: #000;
}
.MyCargoStep li a:hover, .MyCargoStep li.on a {
    background: #2e6da4;
    color: #fff;
}
.MyCargoStep li:hover .trStepArrow, .MyCargoStep li:hover {
    background: #2e6da4;
}
/*.table.talbeDefault th{background-color:#f5f5f5;color:#333} */
table.talbeDefault td:first-child {
    padding-left: 15px !important;
}
.talbeDefault > tbody > tr:nth-of-type(4n+1), .talbeDefault > tbody > tr:nth-of-type(4n+2) {
    background-color: #f9f9f9;
}
.talbeDefault > tbody > tr:nth-of-type(2n+2) {
    display: none;
}
.talbeDefault > tbody > tr:nth-of-type(2n+2) td {
    padding: 15px !important
}
.talbeDefault > tbody > tr:nth-of-type(2n+2).on {
    display: table-row
}
.note tbody tr:nth-of-type(2n+1) {
    cursor: pointer
}
.note tbody tr:nth-of-type(2n+1) td:first-child::after {
    font-family: FontAwesome;
    font-size: 14px;
    float: left;
    content: '\f067 ';
    padding-right: 10px;
}
.note tbody tr:nth-of-type(2n+1).on td:first-child::after {
    font-family: FontAwesome;
    font-size: 14px;
    float: left;
    content: '\f068 ';
    padding-right: 10px;
}
.paginationDIV {
    margin: auto;
    width: 320px;
}
.paginationDIV .pagination > li > a, .pagination > li > span {
    margin: auto;
    color: #333;
}
.userSpan {
    color: #e30613
}
.UserEdit {
    border: solid 3px #eee;
    border-top: solid 5px #c3c5c7;
    padding: 35px;
}
.Phone {
    height: 30px;
}
.Phone .left {
    width: 30%;
}
.Phone .right {
    width: 68%;
    text-align: right
}
.Phone .right .form-group {
    display: inline-block
}
.Phone .right .form-control {
    width: 30% !important;
    display: inline-block
}
.Phone .right label {
    width: 2%;
    display: inline-block
}
.left {
    float: left
}
.right {
    float: right
}
.inRadio .radio-inline {
    vertical-align: top
}
/* ===마이카고 === */
/* ===== nhj.css ===== */

/* lbh */
/*버튼*/
.btn-gray {
    color: #fff;
    border-color: #999;
    background-color: #999;
}
.btn-gray.focus, .btn-gray:focus {
    color: #fff;
    border-color: #999;
    background-color: #666;
}
.btn-gray.active, .btn-gray:active, .btn-gray:hover, .open > .dropdown-toggle.btn-gray {
    color: #fff;
    border-color: #999;
    background-color: #666;
}
.btn-gray.active.focus, .btn-gray.active:focus, .btn-gray.active:hover, .btn-gray:active.focus, .btn-gray:active:focus, .btn-gray:active:hover, .open > .dropdown-toggle.btn-gray.focus, .open > .dropdown-toggle.btn-gray:focus, .open > .dropdown-toggle.btn-gray:hover {
    color: #fff;
    border-color: #999;
    background-color: #666;
}
.btn-gray.disabled, .btn-gray.disabled.active, .btn-gray.disabled.focus, .btn-gray.disabled:active, .btn-gray.disabled:focus, .btn-gray.disabled:hover, .btn-gray[disabled], .btn-gray[disabled].active, .btn-gray[disabled].focus, .btn-gray[disabled]:active, .btn-gray[disabled]:focus, .btn-gray[disabled]:hover, fieldset[disabled] .btn-gray, fieldset[disabled] .btn-gray.active, fieldset[disabled] .btn-gray.focus, fieldset[disabled] .btn-gray:active, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray:hover {
    border-color: #999;
    background-color: #ccc;
}
.btn-gray .badge {
    color: #333;
    background-color: #fff;
}
/*글씨 색*/
.c_black {
    color: #000
}
.c_gray-5 {
    color: #ccc
}
.c_blue3 {
    color: #337ab7
}
.c_blue4 {
    color: #2e75b6
}
.c_pink2 {
    color: #d9534f
}
/*글씨 사이즈*/
.fs_8 {
    font-size: 8px
}
.fs_20 {
    font-size: 20px
}
/*글씨 두께*/
.fw_100 {
    font-weight: 100
}
.btn.fw_900 {
    font-weight: 900
}
/* 색상 */
.form-control.neceColor {
    background: #fbffc9
}
/*탭*/
.tabStyle+.tab-content .panel {
    border: solid 1px #ddd;
    border-radius: 0;
    margin-bottom: 5px
}
@media only screen and (max-width: 480px) {
.nav-tabs.tab-content > li {
    width: auto;
}
}
.nav-tabs.tabStyle > li.active > a, .nav-tabs.tabStyle > li.active > a:hover, .nav-tabs.tabStyle > li.active > a:focus {
    border-top: solid 5px #e30513;
}
/*간격*/
.pt_10 {
    padding-top: 10px
}
.pt_30 {
    padding-top: 30px
}
.pt_40 {
    padding-top: 40px
}
.pt_60 {
    padding-top: 60px
}
.pr_0 {
    padding-right: 0
}

.pr_75 {
    padding-right: 7.5px
}
.pl_75 {
    padding-left: 7.5px
}

.pb_40 {
    padding-bottom: 40px
}
.mb_5 {
    margin-bottom: 5px
}
.mb_7 {
    margin-bottom: 7px
}
p.mb_10 {
    margin-bottom: 10px
}

@media (max-width: 768px) {
.pr_75 {
    padding-right: 15px
}
.pl_75 {
    padding-left: 15px
}
.pr_0 {
    padding-right: 15px
}
}
/*ì •ë ¬*/
.va_tb {
    vertical-align: text-bottom;
}
/*각진 폼*/
.form-control.angled {
    border-radius: 0
}
/*그리드*/
.row25 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px
}
.row25 .col-lg-1, .row25 .col-lg-10, .row25 .col-lg-11, .row25 .col-lg-12, .row25 .col-lg-2, .row25 .col-lg-3, .row25 .col-lg-4, .row25 .col-lg-5, .row25 .col-lg-6, .row25 .col-lg-7, .row25 .col-lg-8, .row25 .col-lg-9, .row25 .col-md-1, .row25 .col-md-10, .row25 .col-md-11, .row25 .col-md-12, .row25 .col-md-2, .row25 .col-md-3, .row25 .col-md-4, .row25 .col-md-5, .row25 .col-md-6, .row25 .col-md-7, .row25 .col-md-8, .row25 .col-md-9, .row25 .col-sm-1, .row25 .col-sm-10, .row25 .col-sm-11, .row25 .col-sm-12, .row25 .col-sm-2, .row25 .col-sm-3, .row25 .col-sm-4, .row25 .col-sm-5, .row25 .col-sm-6, .row25 .col-sm-7, .row25 .col-sm-8, .row25 .col-sm-9, .row25 .col-xs-1, .row25 .col-xs-10, .row25 .col-xs-11, .row25 .col-xs-12, .row25 .col-xs-2, .row25 .col-xs-3, .row25 .col-xs-4, .row25 .col-xs-5, .row25 .col-xs-6, .row25 .col-xs-7, .row25 .col-xs-8, .row25 .col-xs-9 {
    padding-left: 25px;
    padding-right: 25px
}
.row75 {
    margin-left: -7.5px;
    margin-right: -7.5px;
    padding-left: 0;
    padding-right: 0
}
.row75 .col-lg-1, .row75 .col-lg-10, .row75 .col-lg-11, .row75 .col-lg-12, .row75 .col-lg-2, .row75 .col-lg-3, .row75 .col-lg-4, .row75 .col-lg-5, .row75 .col-lg-6, .row75 .col-lg-7, .row75 .col-lg-8, .row75 .col-lg-9, .row75 .col-md-1, .row75 .col-md-10, .row75 .col-md-11, .row75 .col-md-12, .row75 .col-md-2, .row75 .col-md-3, .row75 .col-md-4, .row75 .col-md-5, .row75 .col-md-6, .row75 .col-md-7, .row75 .col-md-8, .row75 .col-md-9, .row75 .col-sm-1, .row75 .col-sm-10, .row75 .col-sm-11, .row75 .col-sm-12, .row75 .col-sm-2, .row75 .col-sm-3, .row75 .col-sm-4, .row75 .col-sm-5, .row75 .col-sm-6, .row75 .col-sm-7, .row75 .col-sm-8, .row75 .col-sm-9, .row75 .col-xs-1, .row75 .col-xs-10, .row75 .col-xs-11, .row75 .col-xs-12, .row75 .col-xs-2, .row75 .col-xs-3, .row75 .col-xs-4, .row75 .col-xs-5, .row75 .col-xs-6, .row75 .col-xs-7, .row75 .col-xs-8, .row75 .col-xs-9 {
    padding-left: 7.5px;
    padding-right: 7.5px
}
.col-lg-12.plr15 {
    padding-left: 15px;
    padding-right: 15px
}
/*제목*/
.subContents h2.h2Style {
    margin-top: auto;
    margin-bottom: 0;
    font-weight: 900;
    color: #000;
    font-size: 24px;
    font-family: "Noto Sans KR B";
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-bottom: none;
    padding: 0;
}
.subContents h3.h3Style {
    font-weight: 900;
    color: #000;
    font-size: 18px;
    font-family: "Noto Sans KR B";
    height: auto;
    border-bottom: none;
    padding: auto;
    display: block;
    margin-bottom: auto;
    line-height: auto;
}
.subContents h5.h5Style {
    font-weight: 900;
    color: #000;
    font-size: 14px;
    font-family: "Noto Sans KR B";
    height: auto;
    border-bottom: none;
    padding: auto;
    display: block;
    margin-bottom: auto;
    line-height: auto;
}
.subContents h4.titStyle {
    font-size: 18px
}
/*테이블*/
.ta_c th {
    text-align: center;
}
.thDark {
    background: #444b53;
    color: #fff
}
.tbStyle1 th {
    font-weight: 500
}
.tbTotal th {
    font-size: 1.2em;
    font-weight: bold;
}
.tbTotal td {
    font-size: 1.2em;
    font-weight: bold;
}
table .bgGray {
    background: #606974;
    color: #fff;
    font-weight: 100
}
table .bgGray2 {
    background: #9a9da0;
    color: #fff;
}
table .bgGray3 {
    background: #ecf1f5;
}
table .bgGray4 {
    background: #f5f8fa;
}
table .bgGray5 {
    background: #333;
    color: #fff
}
table .bgBlue {
    background: #286090;    
    color: #fff;
}
table .bgLightBlue {
    background: #2860C8;    
    color: #fff;
}
/*링크*/
.linkStyle {
    text-decoration: underline;
    color: #337ab7;
    padding-bottom: 5px
}
/*리스트*/
.olStyle2 > li {
    list-style: decimal;
    margin-left: 18px;
}
.ulStyle2 > li {
    list-style: disc;
    margin-left: 18px
}
.listMB > li {
    margin-bottom: 10px
}
.dlStyle dt {
    float: left
}
/*레이아웃*/
/*영상*/
.mv {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}
.mv iframe {
    position: absolute;
    width: 100%;
    height: 100%
}
/*언어 선택*/
.navbar-default .navbar-nav li a:hover {
    color: #000;
    font-weight: 600;
}
/*메인 메뉴*/
.mainMenuUl a, .mainMenuUl a:hover {
    transition: all 0ms ease-in-out 0s!important;
}
/*서브 메뉴*/
/*.subMenu{ width: 406px }*/

/*콘텐츠*/
.conListStyle>li {
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px
}
.conListStyle > li > ul > li {
    font-size: 14px;
    font-weight: 100;
    list-style: disc;
    margin-left: 18px
}
ul.conListStyle ul {
    margin-top: 10px
}
/*회사소개*/
.comInfoMain .colbody .ibg {
    background-color: #a6b2be;
    border-radius: 50%;
    width: 53px;
    height: 53px;
    text-align:center;
    line-height:60px;
    color:#fff;
}
.comInfoMain .colbody:hover .ibg {
    background-color: #e30513;
    color:#fff;
}
.comInfoMain .colbody {
    border: solid 1px #ccc;
    padding: 30px;
    background: #fff;
    margin-bottom:30px;
}
.comInfoMain .colbody:hover, .comInfoMain .colbody:active {
    border: solid 1px #e30513;
    padding: 30px;
}
.comInfoMain .colbody .h3Line {
    margin-bottom: 15px;
}
/*.comInfoMain .colbody .pcons:first-child{height:65px; max-height:65px;overflow:hidden;font-size:12px;line-height:20em}*/
.comInfoMain .colbody .pcons {
    height: 140px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px
}
.comInfoMain .colbody .btns {
    min-height: 70px;
    padding-top: 20px;
    display: table;
    width: 100%;
}
.comInfoMain .colbody .btns:first-child {
    min-height: 70px;
    padding-top: 20px;
    display: table;
    width: 100%;
    height: 90px
}
.comInfoMain .colbody .btns .row {
    margin: 0 -5px
}
.comInfoMain .colbody .btns .row .col-sm-6, .comInfoMain .colbody .btns .row .col-sm-12 {
    padding: 0 5px
}
.comInfoMain .colbody .btns .row button {
    width: 100%;
}
.comInfoMain .colbody .btns .row .btn.btn-sm {
    padding: 2px 0px;
    margin: 2px 0
}
.comInfoMain .col-md-4 {
    margin-bottom: 15px;
}
/*연혁*/
.roundGrayBox {
    background: #f7f8fa;
    border-radius: 10px;
    position: relative;
    padding-top: 60px;
    margin-bottom: 84px
}
.roundGrayBox:after {
    display: block;
    content: "";
    clear: both
}
.roundGrayBox h2 {
    font-size: 40px;
    font-weight: 900;
    background: url(../../static-root/images/company/bulHistoryH2.png) no-repeat left;
    padding-left: 60px;
    border-bottom: none;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
}
.historyBox {
    padding-bottom: 40px
}
.historyImg {
    margin: auto;
    width: 80%;
    border: solid 8px #fff;
    border-radius: 8px
}
.historyImg img {
    width: 100%
}
.historyBul {
    vertical-align: middle
}
.historyCon .col-xs-10 {
    line-height: 18px;
    margin-bottom: 10px
}
@media (max-width: 992px) {
.historyImg {
    width: 100%
}
}
/*기업철학*/
.philIco i {
    width: 60px;
    height: 60px;
    background: #a6b2be;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 100px;
    line-height: 60px
}
.philIco h3 {
    height: auto !important;
    border-bottom: none;
    line-height: 60px !important;
}
.philIco .col-sm-6 {
    margin-bottom: 30px
}
/*취향지*/
.placeCon .fa-plane {
    transform: rotate(45deg);
}

.airMap1, .airMap2, .airMap3, .airMap4, .airMap5, .airMap6, .airMap7, .airMap8, .airMap9 {
    display:none;
}
/*

.airMap0 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_all.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;  
}
.airMap1 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_kor.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;

}
.airMap2 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_jap.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.airMap3 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_chi.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.airMap4 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_esa.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.airMap5 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_esa.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.airMap6 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_esa.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.airMap7 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_esa.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.airMap8 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_rus.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.airMap9 {
    height: 450px;
    background-image: url(../../static-root/images/company/jj_map_esa.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
*/

/*예약현황조회*/
.bLDot {
    border-left: dashed 1px #ccc;
    padding-left: 50px;
    width: 46%;
    margin-left: 35px;
}
@media (max-width: 992px) {
.bLDot {
    border-left: none;
    padding-left: 15px;
    width: auto;
    margin-left: 0;
    padding-top:30px;
    margin-top: 30px;
    border-top: dashed 1px #ccc;
}
}
.reseSTPop {
    display: block;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    z-index:8;
}
.reseSTPop h3.popover-title {
    background-color: #e1f1fa;
    font-weight: 900;
    font-family: "Noto Sans KR L";
}
.reseSTPop dt {
    font-weight: 300;
    width: 88px
}
.reseSTPopNo h3.popover-title {
    background-color: #fbe1de
}
/*창고료견적*/
.storeFeeDot {
    border-bottom: dashed 1px #ccc
}
/*EPN 조회/입력(S/MAWB)*/
.epnListWrap {
    border: solid 1px #ccc
}
.epnListWrap li {
    background: #fcfcfc;
    border-top: dashed 1px #d9d9d9;
    padding: 15px 20px 10px 20px
}
.epnListWrap li:nth-child(2n+1) {
    background: #f9f9f9
}
.epnListWrap li:first-child {
    border-top: none;
}
.epnCheckbox {
    margin-top: 22px
}
.btn.epnTrashBtn {
    margin-top: 26px;
    line-height: 22px;
    padding-top: 6px;
}
/*노션별 스케줄 조회*/
.lineScheduleUl {
    border-bottom: dashed 1px #ccc;
}
.lineScheduleUl li {
    padding: 20px 30px;
    background: #f9f9f9;
    border-top: dashed 1px #ccc;
}
.lineScheduleUl li:nth-child(2n) {
    background: #fcfcfc
}
/*e-AWB Attachment Label*/
.eAWBlabelWrap {
    width: 90%;
    margin: auto;
}
.eAWBlabelWrapLi {
    float: left;
    width: 50%;
    border-right: dashed 1px #ccc;
    border-bottom: dashed 1px #ccc;
    padding: 10px
}
.eAWBlabelWrapLi:nth-child(2n) {
    border-right: none;
}
.eAWBlabelWrapDiv {
    width: 100%;
    border: solid 1px #000;
    text-align: center;
    padding-top: 10px
}
.eAWBlabelWrapDiv img {
    margin: auto;
    width: 150px
}
.eAWBlabelWrapTit {
    font-size: 25px !important;
    margin-top: 0px !important;
    margin-bottom: 0px;
    border-bottom: 0 !important;
    line-height:48px;
}
.eAWBlabelWrapTb {
    width: 100%
}
.eAWBlabelWrapTb th {
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    background: #f0f0f0;
    text-align: center;
    padding: 5px;
    width:30%;
}
.eAWBlabelWrapTb td {
    border-top: solid 1px #000;
    color: #666;
    padding: 5px
}
/*지점*/
/*
.chainMap0 {
    display:block;
}
*/
.chainMap1, .chainMap2, .chainMap3, .chainMap4, .chainMap5, .chainMap6, .chainMap7, .chainMap8 {
    display:none;
}
/*
.chainMap0 {
    height: 450px;
    background-image: url(../../static-root/images/customer/ch_map_all.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.chainMap1 {
    height: 450px;
    background-image: url(../../static-root/images/customer/ch_map_kor.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.chainMap2 {
    height: 450px;
    background-image: url(../../static-root/images/customer/ch_map_chi.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.chainMap3 {
    height: 450px;
    background-image: url(../../static-root/images/customer/ch_map_jap.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.chainMap4 {
    height: 450px;
    background-image: url(../../static-root/images/customer/ch_map_eu.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.chainMap5 {
    height: 450px;
    background-image: url(../../static-root/images/customer/ch_map_ose.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.chainMap6 {
    height: 450px;
    background-image: url(../../static-root/images/customer/ch_map_ame.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.chainMap7 {
    height: 450px;
    background-image: url(../../static-root/images/customer/ch_map_rus.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
.chainMap8 {
    height: 450px;
    background-image: url(../../static-root/images/customer/ch_map_esa.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
}
*/
.subContents h4.rechInfoTit2 {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 16px;
    /*font-weight: 600;*/
    margin-top: 30px;
}
.airportdivs {
    display: none;
}
.region0 .rechInfo0 {
    display: block;
}
[class*="airportdivs div"] {
display:none
}
/* ===== lbh.css ===== */


/* kjk.css*/
.lineScheduleUl .down-title {
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
}
/* style.css 수정*/

.accordion-plus.panel-group .panel-title > a.collapsed:after {
    color: #333;
    font-weight: lighter;
}
.accordion-plus.panel-group .panel-title > a:after {
    color: #333;
    font-weight: lighter;
}
.section, section {
    padding: 35px 0;
    background: none;
}
.dark-bg {
    background: #333;
}
/*
.btn {
    z-index: 1;
    margin-top: 7px;
    margin-bottom: 7px;
    padding: 6px 12px;
    border-width: 1px;
}
*/
.modal-header {
    min-height: 16.43px;
    padding: 10px 5px 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #286090;
    margin-bottom: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}
.modal-header h3 {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 18px;
    /*font-weight: 600;*/
    color: #fff;
}
.modal-header .close {
    margin: 0px 8px;
    opacity: 1.0;
    color: #fff
}
.subMenu {
    width: 50%;/*수정*/
    height: 42px;
    margin: 6px auto 0;/* -22px -> 6px */
    color: #000;
    text-align: center;
    border: solid 1px #999;
    border-radius: 21px; /*box-shadow:0 0 10px 0 #ccc*/
    overflow: hidden;/* 추가 */
    position:absolute;/* 수정 */
    bottom: -21px;/* 추가 */
    margin-left:25%;/* 추가 */
    margin-right:25%;/* 추가 */
}
/* elements.css 수정*/
.form-group {
    overflow: hidden;/* hidden -> inherit : tooltip 가림*/
}
.checkbox input {
    height: auto;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-top: 4px;
}
.label {
    font-size: 75%;
    display: inline;
    padding: 0.2em 0.6em 0.1em;/* 0.2em 0.6em 0.3em -> 0.2em 0.6em 0.1em */
    vertical-align: baseline;
    color: #fff;
    border-radius: 0.25em;
}
.modal-footer {
    padding: 10px;
    text-align: right;
    border-top: 1px dashed #ccc;
}
.container.flo-container {
    position: relative;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: 1.42857143;
    padding: 8px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: middle;
    border-bottom: 1px solid #ddd; /* border-bottom: 2px solid #ddd; -> border-bottom: 1px solid #ddd; */
    font-weight: 500;
}
/*
.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 10px;/*6px 12px -> 6px 10px 
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }
*/
/* 추가 CSS */
.panel-group .panel-number {
    margin-bottom: 25px;
    border-radius: 0;
}
.panel-group .panel-number .panel-title {
    font-size: 18px;
}
.panel-group .panel-number .panel-body, .panel-group .panel-group-number .panel-number .panel-body {
    padding: 20px;
}
.panel-group .panel-number .panel-collapse, .panel-group .panel-group-number .panel-number .panel-collapse {
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-top: none;
    padding: 0;
}
.panel-group .panel-number .panel-body table {
    margin: 0;
}
.number-heading {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 42px solid #333 !important;
    border-radius: 0;
    position: relative;
}
.number-heading i {
    color: #d9534f;
}
.number-heading span.num_bg {
    font-family: "Noto Sans KR B", "sans-serif";
    /*font-weight: 600;*/
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    position: absolute;
    text-align: center;
    top: 0;
    left: -42px;
}
.bg-gray {
    background: #f2f2f2;
}
.input-group.btn-up {
    display: block;
    position: relative;
}
.input-group.btn-up .input-group-btn {
    position: absolute;
    font-size: 14px;
    top: 1px;
    right: 42px;
    max-width: 34px;
    z-index: 2;
}
.input-group.btn-up .input-group-btn button {
    border: none;
}
label {
    color: #000;
    font-size: 12px;
}
label.block {
    display: block;
}
.checkbox label {
    margin-right: 15px;
}
.padding-lr0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.top-margin-checkbox {
    margin-top: 35px;
}
.top-margin-button {
    margin-top: 19px;
}
ul {
    margin: 0;
}
.ul-rate li {
    overflow: hidden;
    padding: 8px 0;
    position: relative;
    z-index: 2;
}
.ul-rate li span {
    font-size: 18px;
    color: #333;
    background: #f9f9f9;
}
.ul-rate li span.pull-left {
    border-right: 10px solid #f9f9f9;
    margin: 5px 0;
}
.ul-rate li span.pull-left:before {
    font-family: FontAwesome;
    padding-right: 5px;
    content: '\f144';
}
.ul-rate li span.pull-right {
    border-left: 10px solid #f9f9f9;
    margin: 5px 0;
}
.mid-dot {
    position: absolute;
    border-bottom: 1px dashed #ccc;
    width: 100%;
    top: 50%;
    z-index: -1
}
.ul-rate li span .rate-num {
    font-family: "Noto Sans KR B", "sans-serif";
    /*font-weight: 600;*/
    color: #ec971f;
    font-size: 24px;
}
.ul-input li {
    border-top: 1px dashed #ccc;
    padding: 15px 0 0;
}
.ul-input .ul-head {
    margin-bottom: 15px;
}
.ul-input li:nth-of-type(odd) {
    background: #fcfcfc;
}
.ul-input .checkbox {
    text-align: right;
}
.row-total, .row-total td, .row-total th, tfoot.row-total {
    font-family: "Noto Sans KR B", "sans-serif";
    background: #333 !important;
    padding: 20px;
    border-top: 5px solid #d9534f;
    overflow: hidden;
    color: #bbb;
    /*font-weight: 600;*/
}
.row-total span {
    color: #f0ad4e;
}
.row-total span.h1 {
    font-size: 36px;
    font-weight: 800;
}
.row-total label {
    width: 100%;
    color: #ccc;
}
.row-total .total-title {
    width: 100%;
    font-size: 24px;
    color: #fff;
    margin: 20px 0;
}
.dark-bg label {
    color: #fff;
}
.billno-group label, .routing-group label, .billno-group2 label {
    width: 100%;
}
.billno-group .pull-left {
    width: 23%;
    margin-right: 3%;
}
.billno-group .input-group .pull-right, .billno-group .pull-right {
    width: 74%;
}
.routing-group {
    padding-right: 0;
}
.routing-group .pull-left {
    width: 52%;
    margin-right: 3%;
}
.routing-group .pull-right {
    width: 45%;
}
.billno-group2 select.pull-left {
    width: 17%;
    margin-right: 3%;
}
.billno-group2 input.pull-left {
    width: 17%;
    margin-right: 3%;
}
.billno-group2 .pull-right {
    width: 60%;
}
.button-group .btn+.btn {
    margin-left: 5px;
}
input[type=checkbox] {
    height: auto;
}
.pop-search-button {
    width: 100%;
    padding: 0 15px 10px 15px;
    float: left;
}
.pop-search-button button {
    margin-top: 0;
}
table.table-dark thead {
    background: #333;
    color: #fff;
}
table.table-dark {
    background: #fff;
}
.flo-num {
    position: absolute;
    left: -45px;
    top: -1px;
}
.flo-num > ul {
    width: 36px;
}
.flo-num > ul li {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    text-align: center;
    background: #b3b3b3;
    border: 1px solid #fff;
}
.flo-num > ul li:first-child {
    padding: 8px;
    background: #d9534f;
}
.flo-num > ul li:last-child {
    background: #333;
}
.flo-num > ul.no-save li:last-child {
    background: #b3b3b3;
}
.flo-num > ul li a {
    padding: 8px;
    color: #fff;
    display: block;
}
.flo-num > ul li a:hover, .flo-num > ul li a:active, .flo-num > ul li a:after, .flo-num > ul li .active, .flo-num > ul li a[aria-expanded="true"] {
    background: #333;
}
.flo-num > ul li a.padding-sm {
    padding-left: 3px;
    letter-spacing: -2px;
    ;
}
.status-r {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: #57b355;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 24px;
}
.status-r.disabled {
    background: #ddd;
    color: #888;
}
table td .btn {
    margin: 0;
}
.title-section {
/*padding: 20px 0;*/
}
.overflow-show {
    overflow: visible;
}
.overflow-hidden {
    overflow: hidden;
}
h3.popover-title {
    width: 100%;
    padding: 4px 14px;
    margin: 0;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    font-weight:900;
    height:42px;
    line-height:32px;
    display:table;
}
.panel-group .panel-title > a .date-time {
    font-weight: normal;
    color: #333;
    font-size: 14px;
}
/*
.panel-group .panel-title > a, .panel-group .panel-title > a span {
    font-weight: 600;
    color: #333;
    font-size: 18px;
}
*/
.padding-tb60 {
    padding: 60px 0;
}
.table td.td-contents {
    padding: 20px;
}
.section-tm {
    margin-top: 30px;
}
.section-tp {
    padding-top: 40px;
}
/* toggle switch 버튼*/
.btn-toggle {
    /*margin: 0 4rem;*/
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
    color: #6b7381;
    background: #bdc1c8;
}
.btn-toggle:focus, .btn-toggle.focus, .btn-toggle:focus.active, .btn-toggle.focus.active {
    outline: none;
}
.btn-toggle:before, .btn-toggle:after {
    font-family: "Noto Sans KR B", "sans-serif";
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    /*font-weight: 600;*/
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.btn-toggle:before {
    content: 'NO';
    left: -4rem;
}
.btn-toggle:after {
    content: 'YES';
    right: -4rem;
    opacity: .5;
}
.btn-toggle > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}
.btn-toggle.active {
    transition: background-color 0.25s;
}
.btn-toggle.active > .handle {
    left: 1.6875rem;
    transition: left .25s;
}
.btn-toggle.active:before {
    opacity: .5;
}
.btn-toggle.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-xs:before, .btn-toggle.btn-xs:after {
    display: none;
}
.btn-toggle:before, .btn-toggle:after {
    color: #6b7381;
}
.btn-toggle.active {
    background-color: #29b5a8;
}
.btn-toggle.btn-lg {
    /*margin: 0 5rem;*/
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 100%;
    border-radius: 2.5rem;
    display: block;
    margin-top: 6px;
}
.btn-toggle.btn-lg:focus, .btn-toggle.btn-lg.focus, .btn-toggle.btn-lg:focus.active, .btn-toggle.btn-lg.focus.active {
    outline: none;
}
.btn-toggle.btn-lg:before, .btn-toggle.btn-lg:after {
    font-family: "Noto Sans KR B", "sans-serif";
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    /*font-weight: 600;*/
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.btn-toggle.btn-lg:before {
    content: 'NO';
    left: -5rem;
}
.btn-toggle.btn-lg:after {
    content: 'YES';
    right: -5rem;
    opacity: 1;
}
.btn-toggle.btn-lg > .handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left .25s;
}
.btn-toggle.btn-lg.active {
    transition: background-color 0.25s;
}
.btn-toggle.btn-lg.active > .handle {
    left: auto;
    right:0.3rem;
    transition: left .25s;
}
.btn-toggle.btn-lg.active:before {
    opacity: .5;
}
.btn-toggle.btn-lg.active:after {
    opacity: 1;
}
.btn-toggle.btn-lg.btn-sm:before, .btn-toggle.btn-lg.btn-sm:after {
    line-height: 0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.6875rem;
    width: 3.875rem;
}
.btn-toggle.btn-lg.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-lg.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-lg.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-lg.btn-xs:before, .btn-toggle.btn-lg.btn-xs:after {
    display: none;
}
.btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}
.btn-toggle.btn-sm:focus, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus.active {
    outline: none;
}
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after {
    font-family: "Noto Sans KR B", "sans-serif";
    line-height: 1.5rem;
    width: 0.5rem;
    text-align: center;
    /*font-weight: 600;*/
    font-size: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}
.btn-toggle.btn-sm:before {
    content: 'NO';
    left: -0.5rem;
}
.btn-toggle.btn-sm:after {
    content: 'YES';
    right: -0.5rem;
    opacity: .5;
}
.btn-toggle.btn-sm > .handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}
.btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}
.btn-toggle.btn-sm.active > .handle {
    left: 1.6875rem;
    transition: left .25s;
}
.btn-toggle.btn-sm.active:before {
    opacity: .5;
}
.btn-toggle.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm.btn-sm:before, .btn-toggle.btn-sm.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}
.btn-toggle.btn-sm.btn-sm:before {
    text-align: right;
}
.btn-toggle.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:before {
    opacity: 0;
}
.btn-toggle.btn-sm.btn-sm.active:after {
    opacity: 1;
}
.btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after {
    display: none;
}
/* --- toggle switch 버튼 --- */

/* 버튼 추가*/
.btn-dark {
    color: #fff;
    border-color: #000;
    background-color: #333;
}
.btn-dark.focus, .btn-dark:focus {
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.btn-dark.active, .btn-dark:active, .btn-dark:hover, .open > .dropdown-toggle.btn-dark {
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .dropdown-toggle.btn-dark.focus, .open > .dropdown-toggle.btn-dark:focus, .open > .dropdown-toggle.btn-dark:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}
.btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark.active, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark:hover {
    border-color: #000;
    background-color: #333;
}
.btn-dark .badge {
    color: #333;
    background-color: #fff;
}
.btn-red {
    color: #fff;
    border-color: #ca020f;
    background-color: #e30513;
}
.btn-red.focus, .btn-red:focus {
    color: #fff;
    border-color: #122b40;
    background-color: #ad050f;
}
.btn-red.active, .btn-red:active, .btn-red:hover, .open > .dropdown-toggle.btn-red {
    color: #fff;
    border-color: #93040d;
    background-color: #ad050f;
}
.btn-red.active.focus, .btn-red.active:focus, .btn-red.active:hover, .btn-red:active.focus, .btn-red:active:focus, .btn-red:active:hover, .open > .dropdown-toggle.btn-red.focus, .open > .dropdown-toggle.btn-red:focus, .open > .dropdown-toggle.btn-red:hover {
    color: #fff;
    border-color: #780109;
    background-color: #93040d;
}
.btn-red.disabled, .btn-red.disabled.active, .btn-red.disabled.focus, .btn-red.disabled:active, .btn-red.disabled:focus, .btn-red.disabled:hover, .btn-red[disabled], .btn-red[disabled].active, .btn-red[disabled].focus, .btn-red[disabled]:active, .btn-red[disabled]:focus, .btn-red[disabled]:hover, fieldset[disabled] .btn-red, fieldset[disabled] .btn-red.active, fieldset[disabled] .btn-red.focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:hover {
    border-color: #ca020f;
    background-color: #e30513;
}
.btn-red .badge {
    color: #e30513;
    background-color: #fff;
}
.btn-white {
    color: #000;
    border-color: #ddd;
    background-color: #fff;
}
.btn-white.focus, .btn-white:focus {
    color: #000;
    border-color: #aaa;
    background-color: #f0f0f0;
}
.btn-white.active, .btn-white:active, .btn-white:hover, .open > .dropdown-toggle.btn-white {
    color: #000;
    border-color: #ccc;
    background-color: #f0f0f0;
}
.btn-white.active.focus, .btn-white.active:focus, .btn-white.active:hover, .btn-white:active.focus, .btn-white:active:focus, .btn-white:active:hover, .open > .dropdown-toggle.btn-white.focus, .open > .dropdown-toggle.btn-white:focus, .open > .dropdown-toggle.btn-white:hover {
    color: #000;
    border-color: #aaa;
    background-color: #ccc;
}
.btn-white.disabled, .btn-white.disabled.active, .btn-white.disabled.focus, .btn-white.disabled:active, .btn-white.disabled:focus, .btn-white.disabled:hover, .btn-white[disabled], .btn-white[disabled].active, .btn-white[disabled].focus, .btn-white[disabled]:active, .btn-white[disabled]:focus, .btn-white[disabled]:hover, fieldset[disabled] .btn-white, fieldset[disabled] .btn-white.active, fieldset[disabled] .btn-white.focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:hover {
    border-color: #ddd;
    background-color: #fff;
}
.btn-white .badge {
    color: #000;
    background-color: #fff;
}
/* 부트스트랩 Tag Input */
.bootstrap-tagsinput {
    display: inline-block;
    padding: 0;
    margin-top: -13px;
    vertical-align: middle;
    max-width: 100%;
    cursor: text;
}
.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
 color: #777;
 opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
 color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
 color: #777;
}
.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* --- 부트스트랩 Tag Input --- */

/* --- 태블릿, 모바일 --- */

/* 작은 기기들 (태블릿, 768px 이상) */
 @media (max-width:992px) {
.mainSlidePc{
    display:none !important;
}
.top-margin-checkbox {
    margin-top: 0px;
}
.ul-input .checkbox {
    text-align: left;
}
label.block {
    display: inline;
}
.pgsa li{
    width:100%;
    min-height:auto;
    position: relative;
}
.pgsa .route{
    width:60%;
    text-align:center;
    border-radius:20px;
    background-color:#fff;
    padding-left:0;
}
.pgsa .route img{
    display:inline
}
.pgsa .routet{
    padding-top:10px;
    height:40px;
}
.pgsa .routet1{
    padding-top:20px;
}
.pgsa .routet1 img{
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.pgsa .routet2{
    height:auto;
    position:absolute;
    left:53.5%;
    top:22px;
}
.uld-img{
    display:none;
}
}
.ul-disc {
    line-height: 1.5em;
    padding-left: 15px
}
.ul-disc li {
    list-style: disc outside;
}
.w_80 {
    width: 80%;
    margin: auto;
}
ul.itm2 li {
    width: 50%;
}
ul.itm3 li {
    width: 33.33333333%;
}
ul.itm4 li {
    width: 25%;
}
ul.itm5 li {
    width: 20%;
}
ul.itm6 li {
    width: 16.6666%;
}
.basicTab .nav-tabs {
    background: none !important
}
.basicTab .nav-tabs li {
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: none;
    border-bottom: none
}
.basicTab .nav-tabs li:first-child {
    border-left: solid 1px #ccc
}
.basicTab .nav-tabs.itm4 li {
    width: 25%
}
.basicTab .nav-tabs > li > a, .basicTab .nav-tabs > li.active > a, .basicTab .nav-tabs > li.active > a {
    border: none;
    border-top: solid 5px #fff;
    border-bottom: solid 1px #ccc;
    padding: 10px 0;
    border-radius: 0;
    background: #fff;
    text-align: center;
    font-size: 18px;
    color: #555555;
    margin: 0
}
.basicTab .nav-tabs > li.active > a, .basicTab .nav-tabs > li.active > a:hover, .basicTab .nav-tabs > li.active > a:focus {
    border-top: solid 5px #e30513;
    border-radius: 0;
    border-bottom: solid 1px #fff;
    background: #fff;
    text-align: center;
    font-weight: bold;
    color: #555;
}
.basicTab .tab-content {
    margin-top: 30px;
    padding: 0;
    border: none;
}
.basicTab .table > thead > tr > th {
    vertical-align: middle
}
.nav-tabs.tabStyle {
    background: none !important
}
.nav-tabs.tabStyle li {
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: none;
    border-bottom: none
}
.nav-tabs.tabStyle li:first-child {
    border-left: solid 1px #ccc
}
.nav-tabs.tabStyle.itm4 li {
    width: 25%
}
.nav-tabs.tabStyle > li > a, .nav-tabs.tabStyle > li.active > a, .nav-tabs.tabStyle > li.active > a {
    border: none;
    border-top: solid 5px #fff;
    border-bottom: solid 1px #ccc;
    padding: 10px 0;
    border-radius: 0;
    background: #fff;
    text-align: center;
    font-size: 18px;
    color: #555555;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.nav-tabs.tabStyle > li.active > a, .nav-tabs.tabStyle > li.active > a:hover, .nav-tabs.tabStyle > li.active > a:focus {
    border-top: solid 5px #e30513;
    border-radius: 0;
    border-bottom: solid 1px #fff;
    background: #fff;
    text-align: center;
    font-weight: bold;
    color: #555;
}
.tabStyle+.tab-content .panel .panel-collapse {
    padding: 0
}
.div-cool {
    margin: auto;
    max-width: 620px;
    padding: 20px 0
}
.cdlogo img {
    display: inline-block
}
.Incheon .panel-default {
    border: solid 1px #ccc;
    margin-bottom: 10px;
}
.Incheon .panel-title {
    font-size: 18px;
}
.Incheon .panel-collapse {
    padding: 0
}
.Incheon .panel-collapse .panel-body ul {
    background: #fff;
}
.Incheon .panel-heading {
    margin-bottom: -1px;
}
.oil .panel {
    border: solid 1px #ccc;
    max-width: 600px;
    margin: auto;
    width: 96%
}
.oil .panel {
    border: solid 1px #ccc;
    max-width: 600px;
    margin: auto;
    width: 96%
}
.oil .panel-title {
    float: left;
    padding-left: 15px
}
.modal-h4 {
    font-family: "Noto Sans KR B", "sans-serif";
    /*font-weight: 600;*/
    margin-bottom: 10px !important;
}
.summery span {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 20px;
    /*font-weight: 600;*/
    color: #000;
    display: block;
    line-height: 36px;
}
.tab-schedule {
    padding: 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: none;
}
.tab-schedule .tab-pane{
    position:static;
}
/*
table tr.tr-truck td:first-child{
    padding-left:26px;
    position:relative;
}
table tr.tr-truck td:first-child:before{
    font-family: FontAwesome;
    content: '\f0ab';
    font-size:18px;
    position:absolute;
    top:-12px;
}
table tr.tr-truck td:last-child:before{
    font-family: FontAwesome;
    content: '\f0d1';
    margin-right:5px;
    font-size:18px;
}
*/
table tr.tr-extend button {
    background: none;
    border: none;
}
table tr.tr-extend button i {
    color: #ccc;
}
.down-schedule {
    padding-top: 70px;
}
.down-schedule .fa-lg {
    font-size: 630%;
    color: #b9bec4;
}
.down-schedule p {
    font-family: "Noto Sans KR B", "sans-serif";
    margin-bottom: 8px;
    font-size: 16px;
    /*font-weight: 600;*/
    letter-spacing: -0.04em;
}
table tr.tr-add-bg {
    display: none;
    background: #fffec5;
}
table tr.tr-add-bg td:first-child:before {
    font-family: FontAwesome;
    content: '\f0da';
    padding-left: 10px;
    margin-right: 3px;
}
.this-hide {
    display: none;
}
.no-scroll {
    overflow: visible;
    height: auto;
}
.scroll {
    overflow-x: hidden;
    overflow-y: visible;
}
.height-lg {
    height: 500px;
}
.result-top label {
    margin-right: 0;
}
.result-top .col-xs-12 {
    margin-bottom: 0;
}
.no-result {
    padding: 50px 0 !important;
}
input[type=file] {
    width: 100%;
}
a.question-lg {
    margin-top: 10px;
    margin-left: 5px;
}
a.question-lg i {
    font-size : 120%;
}
.panel-group .panel-group-number {
    margin-bottom: 25px;
    border-radius: 0;
}
.panel-group .panel-group-number .panel-title {
    font-size: 18px;
    position: relative;
}
.panel-group .panel-group-number .panel-title .status {
    position: absolute;
    right: 50px;
    font-size: 14px;
    font-weight: normal;
}
.panel-group .panel-group-number .panel-title > a {
    color: #333;
}
.panel-group .panel-group-number .panel-body {
    padding: 20px 0;
    border: none;
    background: none;
}
.panel-group .panel-group-number .panel-collapse {
    background: #fff;
    border: none;
    border-top: none;
    padding: 0;
}
.panel-group .panel-group-number .panel-body table {
    margin: 0;
}
.panel-group .panel-group-number .group-number-heading {
    border-bottom: 1px dashed #ddd;
    border-left: 42px solid #fff !important;
    border-radius: 0;
    position: relative;
    padding-bottom: 15px;
    background: #fff;
}
.panel-group .panel-group-number .group-numbe-heading i {
    color: #d9534f;
}
.panel-group .panel-group-number .group-number-heading span.num_bg {
    font-family: "Noto Sans KR B", "sans-serif";
    /*font-weight: 600;*/
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    position: absolute;
    text-align: center;
    top: 0;
    left: -42px;
    background: #333;
}
.accordion-plus.panel-group .panel-group-number .panel-title > a:after {
    font-family: FontAwesome;
    font-size: 30px;
    float: right;
    content: '\f146 ';
    color: #aaa;
}
.accordion-plus.panel-group .panel-group-number .group-number-heading .panel-title > a:after{
    margin-right:-8px;
}
.accordion-plus.panel-group .panel-group-number .panel-title > a.collapsed:after {
    font-family: FontAwesome;
    font-size: 30px;
    content: '\f0fe ';
    color: #aaa;
}
.panel-group .panel-group-number .number-heading {
    border-left: 42px solid #286090 !important
}
.accordion-plus.panel-group .panel-group-number .panel-number .panel-title > a:after {
    font-family: FontAwesome;
    font-size: 14px;
    float: right;
    content: '\f068';
    color: #333;
}
.accordion-plus.panel-group .panel-group-number .panel-number .panel-title > a.collapsed:after {
    font-family: FontAwesome;
    font-size: 14px;
    content: '\f067';
    color: #333;
}
.st-box {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    background: #fff;
    padding-bottom: 10px;
}
.st-box h5 {
    font-family: "Noto Sans KR B", "sans-serif";
    margin: 0;
    line-height: 12px;
    font-size: 12px;
    /*font-weight: 600;*/
    background: #efefef;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}
.st-box i {
    font-size: 30px;
    padding: 10px 0;
}
.st-box p {
    font-size: 10px;
}
.st-box .st-event, .fl-box .st-event {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 12px;
    /*font-weight: 600;*/
}
.bg-arrowline {
    background: url(../images/tracking/bg_hline.png) no-repeat;
    background-position: right 60px;
}
.fl-box {
    margin: 0 auto;
    width: 64px;
    padding: 8px 0;
    background: #337ab7;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    border-radius: 6px;
    margin-top: 45px;
}
.st-ul {
    background: none !important;
}
.st-ul li {
    padding-bottom: 15px;
}
.st-ul li.bg_top {
    background: url(../images/tracking/bg_mline_top.png) no-repeat;
    background-position: 50% 60px;
}
.st-ul li.bg_middle {
    background: url(../images/tracking/bg_mline_middle.png) no-repeat;
    background-position: 50% 58%;
}
.st-ul li.bg_bot {
    background: url(../images/tracking/bg_mline_bot.png) no-repeat;
    background-position: 50% 58%;
}
.st-ul li .padding-left {
    padding-left: 86px;
    padding-right: 0;
}
.st-ul li .padding-right {
    padding-right: 86px;
    padding-left: 0;
}
.st-ul .hide-li, .btn-li-hide {
    display: none;
}
.st-ul li.bot-button {
    padding-top: 10px;
    background-position: 50% 50%;
}
.oil-title {
    padding-bottom: 10px;
    border-bottom: dashed 1px #ccc
}
.oil-title h4 {
    padding: 10px 0;
    font-size: 18px;
    line-height: 20px;
}
.oil-title h4 span {
    font-size: 14px;
    padding-left: 40px;
}
.oil .printarea .Printlogo {
    position: absolute;
    top: 50px;
    right: 50px;
}
.oil .printarea h4 {
    margin-bottom: 80px;
    font-size:20px;
}
.oil-btn-area {
    border-top: dashed 1px #ccc;
    text-align: center;
    padding-top: 20px;
}
.tab-content.oil {
    padding: 0;
    border: 0;
}
.border-top-dashed {
    border-top: 1px dashed #ccc;
}
.icon-time input[type="text"] {
    position: relative;
}
.icon-time input[type="text"]:before {
    font-family: 'FontAwesome';
    position: absolute;
    top: 0px;
    right: -5px;
    content: "\f067";
    display: block;
}
/*스텝*/
.trStep {
    border: solid 1px #ccc;
    overflow: hidden;
}
.trStep:after {
    display: block;
    content: "";
    clear: both;
}
.trStep li {
    font-family: "Noto Sans KR B", "sans-serif";
    float: left;
    height: 58px;
    text-align: center;
    display: table;
    font-family: "Noto Sans KR L";
    /*font-weight: 600;*/
    font-size: 18px;
    position: relative;
    background: #fff
}
.trStep li .trStepTxt {
    display: table-cell;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 54%;
    transform: translate(-50%, -50%);
    z-index: 1
}
.trStep .trStepArrow {
    position: absolute;
    width: 58px;
    height: 58px;
    transform: rotate(45deg);
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    right: -18px;
    background: #fff;
    z-index: 1
}
.trStep li:last-child .trStepArrow {
    display: none;
}
.trStep li.on {
    background: #2e6da4;
    color: #fff
}
.trStep li.on .trStepArrow {
    background: #2e6da4;
}
.trStep li.onded {
    background: #999b9f;
    color: #fff
}
.trStep li.onded .trStepArrow {
    background: #999b9f;
}
.trStep li.onded2 {
    background: #bbbbbb;
    color: #fff
}
.trStep li.onded2 .trStepArrow {
    background: #bbbbbb;
}
.trStep li.onded3 {
    background: #ccc;
    color: #fff
}
.trStep li.onded3 .trStepArrow {
    background: #ccc;
}
/* === 스텝 === */
.checkbox-group {
    position: absolute;
    left: 15px;
    top: 10px;
}
.pl_40 {
    padding-left: 40px !important;
}
.join-label {
    color: #000;
    font-size: 12px;
}
.font-normal {
    font-weight: normal;
}
.icon-date {
    background: #fff url(../images/common/icon_date.png) no-repeat center right 3px;
    background-size: 34px;
}
.icon-time {
    background: #fff url(../images/common/icon_time.png) no-repeat center right;
    background-size: 34px;
}
.bg-hlight {
    background: #fffec5 !important;
}
.bg-hlight.icon-date {
    background: #fffec5 url(../images/common/icon_date.png) no-repeat center right !important;
    background-size: 34px !important;
}
.bg-hlight.icon-time {
    background: #fffec5 url(../images/common/icon_time.png) no-repeat center right !important;
    background-size: 34px !important;
}
/*
.modal-footer .btn+.btn {
    margin-bottom: 7px;
}
*/
.update-time {
    padding: 10px 0;
    display: inline-block;
}
.lineScheduleUl .sc-title {
    font-size: 18px;
    line-height: 48xp;
}
#chart_div {
    width: 100%;
    min-height: 400px;
    border: 1px solid #ddd;
    background: #efefef
}
.form-control {
    /*margin: 1px 0;8*/
    margin: 0;
}
.ul-row li {
    border-top: 1px dashed #ccc;
    padding: 15px 0 5px;
}
.ul-row.no-line li:first-child {
    border-top: none;
}
.img-area-sm {
    display: none;
    text-align: center;
}
.img-area-sm img {
    display: inline;
}
.img-area-lg {
    display: block;
    cursor: zoom-in;
}
.map-select {
    width: 250px;
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 20px
}
.invoice .printarea {
    border: solid 1px #ccc;
    margin: auto;
    padding: 30px;
    margin: 30px auto;
    width: 90%;
    position: relative;
    min-height: 700px;
    line-height: 2em;
    font-size: 12px;
}
table.table-cca {
    margin: 0;
}
table.table-cca th {
    background: #f8f8f8;
    color: #333;
}
table.table-cca .tr-total {
    border-top: 2px solid #ccc;
    font-weight: bold;
}
table.table-wrap tr:first-child {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
}
table.table-wrap td {
    padding: 30px 0;
}
.dl-cca {
    margin: 0;
}
.dl-cca dt {
    float: left;
    width: 45%;
}
.dl-cca dd {
    float: left;
    width: 55%;
}
.ul-cca li {
    padding: 0px 0;
}
.ul-cca li span {
    font-size: 14px;
    background: #fff;
}
.ul-cca li span.pull-left {
    border-right: 10px solid #fff;
}
.ul-cca li span.pull-right {
    border-left: 10px solid #fff;
}
span.radio-inline {
    font-size: 12px;
}
.mr_20 {
    margin-right: 20px;
}
.box-summary span.pull-right {
    font-family: "Noto Sans KR B", "sans-serif";
    font-size: 18px;
    /*font-weight: 600*/
}
.label-checkbox input[type="checkbox"] {
    vertical-align: middle;
    margin-left: 5px;
}
#awbPop .panel-group .panel-heading {
    padding: 10px 15px;
}
/* ===== kjk.css ===== */



/*=======================THEME RESPONSIVE STYLES ===============================
==================================================================*/
.sub #sticker:after {
    background-image: url(../images/common/topLineSub.jpg);
    height: 1px;
}
@media (min-width: 1200px) {
.container {
    width: 1140px
}
}
/*@media only screen and (min-width: 1201px){*/
@media only screen and (min-width: 1200px) {
.navbar > .container .navbar-brand {
    width: 228px;
    /*margin-left: 0;*/
    padding-top: 16px
}
}
/*@media only screen and (max-width: 1200px){*/
@media only screen and (max-width: 1199px) {
.navbar > .container .navbar-brand {
    width: 150px;
    margin-left: -26px;
    padding-top: 23px;
}
}
 @media only screen and (min-width:768px) and (max-width:991px) {
.ImgGP .ProductIntro .col-sm-4 {
    width:50%;
}
}
 @media (min-width:1200px) {
.asianaLogo {
    display: block;
}
}
 @media only screen and (max-width: 1199px) {
.joinBoxL {
    padding-right: 23px;
    padding-left: 58px
}
.joinBoxR {
    padding-right: 58px;
    padding-left: 23px
}
}
 @media only screen and (max-width: 991px) {
 .btn-toggle.btn-lg { /* 201811 토글 버튼 확장 */
	width: 40%; 
} 

}
 @media only screen and (max-width: 991px) {
.header-semi-dark, .header-semi-light, .header-top-semi-dark, .header-top-semi-light, .header-top-transparent, .header-transparent {
    position: relative;
}
.header-vertical .side-nav .navbar-toggle {
    display: block;
    margin-top: 21px;
    border: none!important;
}
.header-vertical .dark-side-nav.side-nav .navbar-toggle .icon-bar {
    background: #fff!important;
}
.header-main .navbar-toggle, .header-toggle-content, .header-vertical .header-main .navbar-toggle, .header-vertical .header-toggle-content, .header-vertical .navbar-brand, .header-vertical .navbar-nav > li > a, .header-vertical.navbar-nav > li .extra-menu-item, .navbar-brand, .navbar-nav > li .extra-menu-item, .navbar-nav > li > a {
    line-height: 60px;
    height: 60px;
}
.mm-opened .navbar-nav > li, .mm-opened .navbar-right {
    float: none!important;
}
.header-boxed {
    margin-top: 0!important;
}
.menu-toggle {
 padding: 0!important !important;
}
.header-main .navbar-toggle, .header-top-section .navbar-toggle {
    display: block;
    margin: 0;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}
.header-main.is-sticky .navbar-toggle {
    line-height: 70px;
    height: 70px;
}
.extra-nav .navbar-nav > li > a, .navbar-nav > li > .extra-menu-item {
    padding: 0 10px;
}
.mm-panel .dropdown-menu > li > a, .mm-panel .dropdown-menu a, .mm-panel .nav > li > a, .mm-panel .sub-menu a {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.mm-title {
    text-transform: uppercase;
}
.mm-listview .btn {
 margin: 0!important !important;
}
.header-top-section .navbar-right, .header-top-section .top-left {
    text-align: center;
}
.header-main .navbar-header, .header-top-section .simple-search-form {
    display: inline-block;
}
.header-dark.header-transparent, .header-dark.header-transparent .dropdown-menu, .header-dark.header-transparent .sticky-wrapper {
    position: relative;
    background: #171717;
}
.dropdown-menu, .extra-nav .nav > li.search-dropdown {
    position: static;
}
.dropdown-menu, .dropdown-menu > li > a.mm-next:focus, .dropdown-menu > li > a.mm-next:hover, .nav > li > a.mm-next:focus, .nav > li > a.mm-next:hover {
    background: 0 0;
}
.datepicker.dropdown-menu, .bootstrap-datetimepicker-widget.dropdown-menu {
    position: absolute;
    background: #fff;
} /*병헌 171126 : 모바일에서 위치 조정;*/
#nav-menu .navbar-nav > li > a {
    line-height: normal;
    height: auto;
    padding: 10px 10px 10px 20px;
}
.navbar-nav > li > a > .menu-icon {
    display: none;
}
.dropdown-menu {
    float: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}
.extra-nav, .header-main .simple-search-wrapper {
    float: right;
}
#nav-menu .dropdown .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}
.dropdown-toggle .caret {
    display: none;
}
.cart-toggle .cart-count {
    top: -13px;
}
.extra-nav > ul.navbar-nav {
    margin: 0;
}
.extra-nav .nav > li {
    display: inline-block;
    font-size: 20px;
}
.extra-nav .navbar-nav.navbar-right {
    margin-right: 0;
}
.dropdown .dropdown-menu.dropdown-cart {
    position: absolute;
    right: 0;
    left: auto;
}
.navbar-nav .open .flag-dropdown.dropdown-menu {
    position: absolute;
    right: 0;
    left: 0;
    max-width: 85px;
    margin: 0 auto;
    border: 1px solid #e1e1e1;
    background: #fff;
}
.circle-bg {
    padding: 50px;
}
.copyright, .footer-social-icons {
    text-align: center!important;
}
.cta-btn, .cta-text {
    text-align: center;
    float: none;
}
.cta-text {
    padding: 30px 0 10px;
}
.cta-btn {
    padding: 10px 0 30px;
}
.single-screen .top-padding-lg, .single-screen .top-padding-xlg {
    padding-top: 20px!important;
}
.pad-md {
    padding-right: 15px!important;
    padding-left: 15px!important;
}
.page-header.page-title-left .breadcrumb {
    position: relative;
    right: auto;
    margin-top: 5px;
}
.sidebar .recent-block .recent-img {
    float: none;
}
.sidebar .recent-block .recent-text {
    margin-top: 15px;
    margin-left: 0;
}
.two-sidebar .sidebar-content {
    float: none;
    padding: 80px 15px 20px;
    border-left: none;
}
.two-sidebar.right-sidebar .sidebar {
    padding-right: 15px!important;
    padding-left: 15px!important;
}
.left-sidebar .sidebar-content, .right-sidebar .sidebar-content {
    float: none;
    padding: 80px 15px 20px;
    border-right: none;
    border-left: none;
}
.left-sidebar .sidebar, .right-sidebar .sidebar, .two-sidebar.right-sidebar .sidebar1 {
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.sitemap li {
    width: 33.33%;
}
.post-image-sm {
    padding-bottom: 30px;
}
.mm-opened .header-main .navbar-toggle, .mm-opened .header-toggle-content, .mm-opened .navbar-brand, .mm-opened .navbar-nav > li .extra-menu-item, .mm-opened .navbar-nav > li > a {
    height: 60px;
    line-height: 60px
}
#extra-nav {
    display: none !important
}
.header-dark.header-transparent {
    background: #37628c;
}
.sub .header-dark.header-transparent {
    background: #fff;
}
.sub .header-dark.header-transparent .navbar-brand img {
    display: none;
}
.sub .header-dark.header-transparent .navbar-brand img.sticky-logo {
    display: inline-block;
}
.sub .header-dark .navbar-default .navbar-toggle .icon-bar {
    background: #777
}
.navbar-brand {
    width: 96%;
    float: none;
}
.navbar-brand img {
    width: 160px
}
.navbar-header {
    width: 100%;
    text-align: center;
}
.logo, .sticky-logo {
    width: 50%
}
#sticker:after {
    background-position: 66%;
}
.mainSlide.owl-carousel {
    width: 90%
}
.topNoti, .extra-nav, .foot1Row, .footLogoM {
    display: none;
}
.asianaLogo {
    float:left;
    margin-top:20px;
}
.address .utilMenu{
    margin-top:20px;
}
/*공통*/
.subDesc {
    display: block;
}
.resPL0 {
    padding-left: 15px;
}
.visual h1 {
    margin-bottom: 20px;
    line-height: 36px
}
.visual, .booking-visual {
    height: 105px !important;
    background: url(../images/common/bgSubVisual.jpg) bottom repeat-x !important;
    padding-top: 0 !important;
    text-align: center;
}
.visual p {
    margin-top: 0;
    padding-top: 20px
}
.btnToggleFavorite {
    top: 26px;
}
.subMenu {
    width: 90% !important;
    height: 42px;
    margin-left:5%;
    margin-right:5%;
}
.subMenu li {
    width: 20%
}
/*.subMenu li a{font-size: 14px}*/
.subContentsFix {
    width: 92%;
}
.is-sticky .navbar-brand {
    height: auto;
    line-height: 70px
}
.container > .navbar-header {
    margin-left: auto;
}
#back-to-top {
    display: none !important;
}
/*로그인*/
.loginBoxCLine {
    border-left: none;
    min-height: auto;
    border-top: solid 1px #ddd;
}
/*회원가입*/
.joinBoxL {
    padding-right: 60px;
    padding-left: 60px
}
.joinBoxR {
    padding-right: 60px;
    padding-left: 60px
}
.mailInput > div:nth-child(2), .mailInput > div:nth-child(3) {
    padding-left: 15px
}
/*
.tellInputSet {
    padding-right: 15px
}
*/
.tellInput > div:nth-child(2), .tellInput > div:nth-child(3), .tellInput > div:nth-child(4) {
    padding-left: 15px
}
.bg-arrowline {
    background: url(../images/tracking/bg_vline.png) no-repeat;
    background-position: 50% bottom;
    padding: 15px 20%;
}
.st-box {
    margin-bottom: 20px;
}
.fl-box {
    margin-bottom: 65px !important;
}
.st-ul li.bg_top, .st-ul li.bg_middle, .st-ul li.bg_bot {
    background: none;
}
.st-ul li .padding-left {
    padding-left: 0;
}
.st-ul li .padding-right {
    padding-right: 0;
}
.st-ul .row {
    margin: 0;
}
.st-ul li.bot-button {
    padding-bottom: 50px;
}
.routing-group {
    padding-right: 15px;
    margin-bottom: 5px;
}
/*
.chainMap0, .chainMap1, .chainMap2, .chainMap3, .chainMap4, .chainMap5, .chainMap6, .chainMap7, .chainMap8, .airMap0, .airMap1, .airMap2, .airMap3, .airMap4, .airMap5, .airMap6, .airMap7, .airMap8, .airMap9 {
    height: 300px;
}
*/`
.img-modal .modal-body img {
    max-width: none;
    padding-right: 15px;
}
.img-modal .modal-body {
    overflow: scroll;
}
.sm .modal-body {
    height: auto;
}
.mailInput .joinInput, .tellInput .joinInput{
    margin-bottom:5px !important;
}
.label-addflight{
    left:50% !important;
    margin-left:-30px;
}
h1.h1-sm{
    font-size:26px;
    line-height:100%;
}
h1.h1-md{
    font-size:30px;
    line-height:100%;
}
}
@media (min-width: 980px) {
.owl-stage .owl-item .item .container {
    width: 100%
}
/*.owl-stage .owl-item:nth-child(2n) .container { margin:0;}
    .owl-stage .owl-item:nth-child(2n+1) .container { margin-right: 0;}*/
    /*.owl-stage .owl-item.active:first-child{border: solid 10px #000}*/
    /* .item .container { margin-left: auto; margin-right: 0; border: solid 10px #000}*/
    /*.owl-stage .owl-item.active:nth-child(1){border: solid 10px #000}*/ /*:first-child .container { margin-right: 0} */
    /*.owl-stage > .active:last-child .container { margin-left: 0}*/
}
@media (max-width: 979px) {
.mainSlide.owl-carousel .owl-dots {
    background-size: 10em 1px;
    margin-left: -6em
}
.owlOil.owl-carousel .owl-dots {
    margin-left: auto;
}
.owl-stage .owl-item .item .container {
    width: 95%
}
}

@media only screen and (max-width:768px) {
.ProductIntro .colbody{
    min-height:auto;
}
.header-main .navbar-toggle {
    margin-right: 0!important;
    margin-left: 15px!important;
}
.client-grid > li {
    width: 33.333%!important;
}
.separate-bg {
    width: 100%;
    height: 350px;
    margin-bottom: -350px;
}
.s-left, .s-right {
    height: auto;
    padding-top: 350px;
    padding-right: 15px;
    padding-left: 15px;
}
.separate-bg.s-style1:after, .separate-bg:after {
    width: auto;
    margin-right: 0;
    transform: skew(0);
}
.slider-section.half-screen .owl-carousel .vertical-middle, .slider-section.single-screen .full-screen .vertical-middle, .slider-section.single-screen .owl-carousel .vertical-middle {
    position: relative;
    top: 0;
 padding: 0!important !important;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.single-screen {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
.single-screen .top-padding-lg, .single-screen .top-padding-xlg {
    padding-top: 20px!important;
}
.slider-section.half-screen .owl-carousel .owl-nav div {
    top: 100px!important;
}
.half-screen .semi-dark-bg {
    background: rgba(0,0,0,.9);
}
.sitemap li {
    width: 50%;
}
p:last-child {
    margin-bottom: 10px;
}
.owl-carousel h2.top-padding, .owl-carousel h2.top-padding-lg {
    padding-top: 10px; /*!important 삭제*/
}
.owl-carousel h2.medium1 {
    font-size: 35px; /*!important 삭제*/
    line-height: 43px; /*!important 삭제*/
}
.navbar-brand {
    width: 93%
}
.owl-carousel h2.medium1 {
    font-size: 60px;
    line-height: 70px;
}
.owl-carousel.show-nav-hover:hover .owl-nav .owl-prev {
    left: -30px;
    margin-left: auto;
}
.owl-carousel.show-nav-hover:hover .owl-nav .owl-next {
    left: auto;
    right: -30px;
    margin-left: auto;
}
.owl-carousel.navigation-transparent .owl-nav .owl-next:after, .owl-carousel.navigation-transparent .owl-nav .owl-prev:after {
    font-size: 40px
}
.address {
    width: 100%;
}
.addressTxtComNum {
    display: inline;
}
.footer .btn.comNumConfirm {
    position: relative;
    top: auto;
    right: auto;
    margin-left:0;
}
.basicTab .nav-tabs > li > a, .basicTab .nav-tabs > li.active > a, .basicTab .nav-tabs > li.active > a, .nav-tabs.tabStyle > li > a, .nav-tabs.tabStyle > li.active > a, .nav-tabs.tabStyle > li.active > a {
    padding: 10px 0;
    font-size: 16px;
}
.nav-tabs.tabStyle > li > a, .nav-tabs.tabStyle > li.active > a, .nav-tabs.tabStyle > li.active > a {
    font-size: 16px;
}
.down-schedule {
    padding-top: 40px;
}
/*스텝*/
.trStep .trStepArrow {
    width: 20px;
    height: 20px;
    transform: rotate(135deg);
    right: inherit;
    bottom: -10px;
}
ul.trStep.itm5 li, ul.trStep.itm6 li {
    width: 100%;
}
.trStep li {
    padding: 40px 0;
    border-bottom: 1px solid #ccc;
}
.map-select {
    width:auto;
    position:relative;
    margin-top:20px;
    left:auto;
    top:auto;
}
#worldmap, .img-scroll{
    height:300px;
    overflow: scroll;
    text-align:center;
}
#worldmap img{
    max-width:none;
    height:300px;
    /*display:inline-block;*/
}
.img-scroll img{
    max-width:none;
    height:400px;
    /*display:inline-block;*/
}
.uld .owl-carousel .item span{
    font-size:12px;
    bottom:5px;
    line-height:1.4em;
    word-break:normal;
    /*word-wrap:break-word;*/
}
.info-box .btn{
    width:100%;
}
.booking-label label{
    line-height: 100% !important;
}
.booking-label .col-sm-9{
    padding-left: 15px !important;
}
}
 @media only screen and (max-width: 767px) {
.hidden-xs {
    display: block!important;
}
}
 @media only screen and (min-width:680px) {
.nav-tabs.nav-tab-style1 > li > a {
    padding: 20px;
}
.nav-tabs.nav-tab-style1 > li > a, .nav-tabs.nav-tab-style1 > li.active > a, .nav-tabs.nav-tab-style1 > li.active > a:focus {
    margin: -4px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}
.nav-tabs.nav-tab-style1 > li:first-child > a, .nav-tabs.nav-tab-style1 > li:first-child > a:focus {
    padding-left: 50px;
    border-left: 1px solid #999;
    border-radius: 50px 0 0 50px;
}
.nav-tabs.nav-tab-style1 > li:last-child > a, .nav-tabs.nav-tab-style1 > li:last-child > a:focus {
    padding-right: 50px;
    border-right: 1px solid #999;
    border-radius: 0 50px 50px 0;
}
}
 @media only screen and (max-width:680px) {
.big, .medium, .medium1 {
    font-size: 48px!important;
}
#pp_full_res iframe, #pp_full_res img, .pp_content, .pp_fade {
    height: 100%!important;
    width: 100%!important;
}
.big {
    line-height: 48px;
}
.medium, .medium1 {
    line-height: 48px!important;
}
.inline-form .form-group {
    float: none;
    width: 100%;
}
.inline-form .form-group:first-child {
    margin-right: 0;
}
.form-box-title, .form-box.style1 .custom-form {
 padding: 20px!important !important;
}
.inline-form-4 .form-group {
    width: 48%;
}
.inline-form-4 .form-group, .inline-form-4 .form-group:last-child {
    margin-right: 1%!important;
    margin-left: 1%!important;
}
.pp_pic_holder.pp_default {
    width: 90%!important;
    left: 5%!important;
    right: 5%!important;
}
.pp_details {
    width: 100%!important;
    margin-top: -2px!important;
    padding: 20px 4% 10px 3%;
}
a.pp_close {
    right: 10px!important;
    top: 20px!important;
}
div.pp_default .pp_content_container .pp_right {
    padding-right: 18px;
}
.slider-content h2 {
    font-size: 48px;
    line-height: 1em;
}
.navbar-brand {
    width: 90%
}
.slider-content p {
    font-size: 14px;
    line-height: 1.4em
}
.panel-group .panel-group-number .panel-title .status {
    position: static;
    display: inline-block
}
.panel-group .panel-group-number h4.panel-title {
    line-height: 16px;
}
.panel-group .panel-group-number .panel-number h4.panel-title {
    line-height: 30px;
}
.line-height-normal {
    line-height: 30px !important;
}
}
 @media only screen and (max-width:480px) {
/*.toggled #side-nav {
        width: 100%;
    }*/
.slider-content h2 {
    font-size: 38px;
    line-height: 1.4em;
}
.big, h2.big {
    font-size: 45px!important;
    line-height: 48px;
}
.medium, .medium1, .medium2, h2.medium {
    font-size: 45px!important;
    line-height: 48px!important;
}
.owl-carousel h2.medium1 {
    font-size: 20px; /*!important 삭제*/
    line-height: 25px; /*!important 삭제*/
}
.owl-carousel h2.top-padding, .owl-carousel h2.top-padding-lg {
    padding-top: 10px; /*!important 삭제*/
}
.owl-carousel.navigation-transparent .owl-nav .owl-next::after, .owl-carousel.navigation-transparent .owl-nav .owl-prev::after {
    font-size: 25px;
}
.owl-nav > div {
    height: 30px;
    line-height: 30px;
    width: 30px;
}
.slider-content p {
    font-size: 16px;
}
.slider-content .btn, .slider-content .btn.btn-lg {
    font-size: 14px;
    margin-bottom: 15px;
    padding: 8px 15px;
}
.navbar-nav > li > a.header-toggle-icon {
    font-size: 12px;
    padding: 0 5px;
}
.client-grid > li {
    width: 50%!important;
}
.countdown-section {
    font-size: 75%;
    line-height: 80px;
    position: relative;
    display: block;
    float: left;
    width: 50px;
    height: 80px;
    margin: 5px;
    padding-left: 5px;
}
.countdown-amount {
    font-family: "Noto Sans KR R", sans-serif;
    font-size: 20px;
}
.sitemap li {
    width: 100%;
}
.inline-form-4 .form-group {
    float: none;
    width: 99%;
}
.dropdown .dropdown-menu.dropdown-cart {
    margin-right: -50px!important;
}
.process-step {
    top: -56px;
}
.style-box .process-step {
    top: 0;
}
.nav-tabs > li {
/*
    float: left!important;
    width: 50%!important;
    */
}
.slider-content .btn, .slider-content .btn.btn-lg {
    padding: 8px 0;
    margin-bottom: 0
}
.home .slider-content .btn, .slider-content .btn.btn-lg {
    padding: 8px
}
.owl-stage .owl-item .item .container {
    width: 100%
}
.form-control {
    padding: 6px 4px;
    font-size: 12px
}
.owl-carousel.show-nav-hover:hover .owl-nav .owl-prev {
    left: -20px;
    margin-left: auto;
}
.owl-carousel.show-nav-hover:hover .owl-nav .owl-next {
    left: auto;
    right: -20px;
    margin-left: auto;
}
.navbar-brand {
    width: 86%
}
.navbar-brand img {
    width: 130px
}
h2.top-padding-lg {
    padding-top: 10px!important;
}
.basicTab .nav-tabs > li > a, .basicTab .nav-tabs > li.active > a, .basicTab .nav-tabs > li.active > a, .nav-tabs.tabStyle > li > a, .nav-tabs.tabStyle > li.active > a, .nav-tabs.tabStyle > li.active > a {
    padding: 6px 0;
    font-size: 12px;
}
.nav-tabs.tabStyle > li > a, .nav-tabs.tabStyle > li.active > a, .nav-tabs.tabStyle > li.active > a {
    font-size: 12px;
}
.visual p {
    font-size: 12px;
}
.visual h1 {
    font-size: 28px;
}
.roundGrayBox h2{
    font-size: 24px;
}
.btn.btn-lg {
    padding: 12px 0
}
.subMenu li a {
    font-size: 12px;
}
.section-tm {
    margin-top: 20px;
}
.joinStep li {
    font-size: 14px;
}
.joinStep li .joinStepTxt {
    left: 60%
}
.subContents h3 {
    font-size: 18px;
    height: 30px;
    line-height: 24px;
}
.summery span {
    font-size: 18px;
    line-height: 24px;
}
table, tr, td, th {
    font-size: 12px;
}
/*
.chainMap0, .chainMap1, .chainMap2, .chainMap3, .chainMap4, .chainMap5, .chainMap6, .chainMap7, .chainMap8, .airMap0, .airMap1, .airMap2, .airMap3, .airMap4, .airMap5, .airMap6, .airMap7, .airMap8, .airMap9 {
    height: 110px;
}
*/
.button-group .btn, .lineScheduleUl .btn{
    width:100%;
    margin-left:0 !important;
}
.mid-dot{
    border:none;
}
.visual h1.h1-sm {
    font-size:24px;
}
.down-schedule{
    display:play;
}
.down-schedule .fa-lg{
    margin-top: 30px;
}
.lineScheduleUl .sc-title{
    margin-bottom:10px;
}
.btnSB, .btnSD, .btnSG, .btnSR{
    width:100%;
    margin-left:0;
    margin-bottom:5px;
}
.UserEdit .radio-inline{
    display:block;
    margin-left:0;
}
.panel-group .panel-group-number .panel-title{
    font-size:14px;
}
.panel-group .panel-group-number .panel-title .status{
    font-size:12px;
}
span.route {
    display:none;
}
.accordion-plus.panel-group .panel-group-number .group-number-heading .panel-title > a:after{
    margin-top:-8px;
}
h1.h1-md{
    font-size:24px;
}
.historyCon .col-xs-1.c_black {
    width:20%;
}
.vertical-middle{
    top:46%;
}
.mainSlide.owl-carousel .owl-dots{
    top:43%;
}
.owlOil.owl-carousel .owl-dots{
    top:auto;
}
.tbStyle td {
    font-size:16px;
    padding-left:10px;
    padding-right:10px;
}
.tbStyle th {
    padding-left:8px;
    padding-right:8px;
}
.tbStyle td .krw{
    font-size:14px;
}
.srchBoxStyle{
    padding:25px 5px;
}
.owlOil.dots-mini .owl-dots .owl-dot span{
    width:25px;
}
.tb-hkg th, .tb-tpe th{
    width: 20%;
}
.tb-hkg td, .tb-tpe td{
    width: 40%;
}
.tb-hkg td.en-rate .krw, .tb-tpe td.en-rate .krw{
    right:10px;
}
.tb-sin td.en-rate .krw {
    font-size:12px;
    position:static;
    display:inline-block;
}
.tb-sin td.en-desti, .tb-sin td.en-rate {
    font-size:14px;
}
.badgeCargoQ{
    font-size:14px;
    padding:3px 10px;
}
.owl-item .cargoQDd dt.fs_18{
    font-size:14px;
}
ul.cargoNewsUl li{
    font-size:14px;
}

}
@media only screen and (max-width: 375px) {
/*.owl-carousel h2.medium1*/
.slider-content .sliderBoxTit {
    font-size: 18px;
    padding-right:0;
}
.chainSrchOri .sliderBoxTit{
    font-size:16px;
}
.slider-content p{
    font-size:14px;
}
}
@media only screen and (max-width:340px) {
.cta-btn button:last-child {
    display: block;
 margin: 10px auto!important !important;
}
.medium, .medium1, .medium2, h2.medium {
    font-size: 38px!important;
    line-height: 48px!important;
}
.btn.right-pad {
    margin-right: 0;
}
.btn.left-pad {
    margin-left: 0;
}
}

/*아코디언 탭*/
@media (min-width: 768px) {

.basicTab .panel-heading, .row-basicTab .panel-heading {
    display: none;
}
.basicTab .panel, .row-basicTab .panel {
    border: none;
    box-shadow: none;
}
.basicTab .panel-collapse, .row-basicTab .panel-collapse {
    height: auto;
}
.basicTab .panel-collapse.collapse, .row-basicTab .panel-collapse.collapse, .section-Schedule, .basicTab .panel-body, .row-basicTab .panel-body {
    display: block;
}
}
@media (max-width: 767px) {
.basicTab .panel-heading {
    background:#f8f8f8;
    padding:4px 12px;
    border:1px solid #ccc;
    border-radius:3px;
    margin-bottom:15px;
}
.row-basicTab .panel-heading {
    background:#f8f8f8;
    padding:4px 12px;
    border:1px solid #ccc;
    border-radius:3px;
    margin-bottom:15px;
    overflow:hidden;
}
.basicTab .panel-heading h4, .row-basicTab .panel-heading h4{
    font-size:18px;
    text-align:left;
}
.basicTab .panel-body{
    margin-bottom:50px;
}
.row-basicTab .panel-body{
    margin-bottom:50px;
    padding:0;
}
.basicTab .tab-content .tab-pane, .row-basicTab .tab-content .tab-pane {
    display: block;
}
/*.basicTab .nav-tabs, */
.slidingTab .nav-tabs, .row-basicTab .nav-tabs, .section-Schedule {
    display: none;
}
.basicTab .panel-title a, .row-basicTab .panel-title a {
    display: block;
}
.row-basicTab .panel-title{
    float:none;
    padding:0;
}
.basicTab .panel, .row-basicTab .panel {
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    margin-top: -2px;
}
.basicTab .tab-pane:first-child .panel, .row-basicTab .tab-pane:first-child .panel {
    border-radius: 5px 5px 0 0;
}
.basicTab .tab-pane:last-child .panel, .row-basicTab .tab-pane:last-child .panel {
    border-radius: 0 0 5px 5px;
}
.basicTab .panel-title > a:after, .row-basicTab .panel-title > a:after {
    font-family: FontAwesome;
    font-size: 14px;
    float: right;
    content: '\f068 ';
}
.basicTab .panel-title > a.collapsed:after, .row-basicTab .panel-title > a.collapsed:after {
    font-family: FontAwesome;
    font-size: 14px;
    content: '\f067 ';
}
}

.basicTab .panel-body{
    text-align:center;
}
.basicTab .panel-body li{
    text-align:left;
}
.basicTab .panel-body img{
    display:inline;
}
.row-abc .btn{
    margin-bottom:5px;
    margin-right:3px;
}
.favoriteUnitOn label{
    color:#fff;
}
.c_b .form-group{
    margin-bottom:0
}
.table-scroll {
    overflow: scroll;
    overflow-x: auto;
    overflow-y: hidden;
}
.input-export{
    display:none;
}
.mm-panels .panel-group .panel-heading{
    margin-bottom:0
}
.banner {
    background:url(../images/company/banner.png) no-repeat center bottom;
    padding:86px 30px 16px;
}
i.icon-lg{
    font-size:18px !important;
}
.padding-xs{
    padding: 0 5px !important;
}
.text-hidden {
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: box; 
    overflow:hidden; 
    vertical-align:top; 
    text-overflow: ellipsis; 
    word-break:break-all; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:1
}
.v_middle {
    line-height:40px;
}
a.close-toggle{
    cursor: default;
}
.navbar-default .mainMenu .navbar-nav .dropdown-menu li a.no-link {
    cursor:default
}
.navbar-default .mainMenu .navbar-nav .dropdown-menu li a.no-link:hover:before {
    margin-right: 0;
    margin-left:0;/*추가*/
    content: '';
}
.button-houses{
    margin-top:25px;
}
.label-white {
    background-color:#fff;
    border:1px solid #ddd;
    color:#333;
}
.label-dark {
    background-color:#333;
}
.label-wide{
    min-width:55px;
    display:inline-block;
    padding:.3em .6em;
    
}

.MyInfo .colbody {
    padding:25px;
    background-color:#f7f8fa;
    border-color:#ddd;
    height:330px;
    margin-bottom:30px;
}
.MyInfo .colbody:hover, .MyInfo .colbody:active {
    border: solid 1px #e30513;
    padding: 25px;
}
.MyInfo .cargoQDd {
    height:10em;
}
.badgeMyinfo{
    font-size:14px;
}
.ul-cargoNews li a:before{
    font-family:FontAwesome;
    font-size:14px;
    content:"\f138";
    margin-right:5px;
}
.ul-cargoNews li{
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding:5px 0;
}
.MyInfo .colbody .ibg [class^="icon-cargo-"], .MyInfo .colbody .ibg [class*=" icon-cargo-"]{
    line-height:55px;
}
.col-bottom-margin{
    padding-bottom:15px;
}
.col-bottom-margin [class^="col-sm-"], .col-bottom-margin [class^="col-md-"]{
    margin-bottom:20px;
}
[data-target="#volumePop"] {
    cursor: pointer;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    color:#333;
    z-index:6;
}
.map-tooltip img{
    margin:10px 0;
}
.map-tooltip .title{
    font-weight:600;
}

.map-tooltip p{
    margin-bottom:0;
}
.uld-img{
    margin-top:50px;
}
.enlargeImageModalSource{
    max-width:none;
}
.popover-content p{
    margin-bottom:10px;
}
#map {
    height:450px;
}
.label-hide{

}
.oilExpand .sliderBoxeMore{
    position:relative;
    z-index:2;
}
table .label{
    min-width:50px;
    display:inline-block;
    padding:0.4em;
}
input[type="number"]{
    -moz-appearance:textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.modal-title .badge{
    background:#fff;
    color:#333;
}
.has-success .form-control {
    border-color: #e1e1e1 ;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.has-success .form-control:focus {
    border-color: #e1e1e1;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.section-error{
    padding:80px 0;
}
.error-box{
    text-align:center;
}
.error-box h1{
    font-size:100px;
    font-weight:600;
    color:#000;
}
.no-indent{
    padding:0 !important;
    text-indent:0 !important;
}
.p_r {
    position: relative;
}
.info-box{
    border:1px solid #ddd; padding:30px; margin-bottom:20px;
}
.info-box:hover{
    border:solid 1px #e30513
}
.ul-reply li{
    border-top:1px dashed #ccc;
    padding-top:20px;
    
}
.ul-reply li:first-child{
    border-top: none;
    padding-top:0px;
    
}

/* 카고속보 인증서*/
.news .printarea .Printlogo {
    position: absolute;
    top: 50px;
    right: 50px;
}
.news .address{
    width:100%;
    margin-top:100px;
    margin-bottom:60px;
    font-size:12px;
    line-height:140%;
}
.news .printarea h4 {
    font-size:20px;
    margin-bottom: 70px
}
.news .printarea {
    border: solid 1px #ccc;
    margin: auto;
    max-width: 720px;
    padding: 30px;
    margin: 30px auto;
    width: 90%;
    position: relative;
    min-height: 1019px;
    line-height: 2em;
}
.news .printarea .printsub {
    margin: 100px auto 80px;
    max-width: 700px;
    width: 95%
}
.news .printarea .printsub ul {
    padding-left: 20px;
}


/* 유류할증료 Chart */
.chart {
  height: 280px;
  z-index: 1;
  width: 100%;
  /*overflow: hidden;*/
  /* Sizes */

}
.legend .legendColorBox > div {
    border:0 !important;
    padding-right:5px !important;
}
.legend table{
    width:auto !important;
}
.legend div{
    background: none;
}
.widget-content {
    padding:15px;
    border:1px solid #ddd;;
}
#flotTip {
  padding: 3px 6px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 200;
  font-size: 14px;
}

/* datetimepicker */
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover{
    background-color:#f8f8f8;
}

/* 메인 메뉴 BG 수정*/

.table .tooltip .tooltip-inner {
    background-color: #337ab7;
}
.table .tooltip.right .tooltip-arrow {
    border-right-color: #337ab7
}
.alert-scroll .modal-body {
    max-height: 250px;
    overflow:auto;
}
.modal-footer .btn{
    margin-bottom:0
}
.no-label{
    margin-top:16px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover{
    color:#666;
    background-color:#bbb;
    border:1px solid #999;
}

.form-control[disabled], fieldset[disabled] .form-control{
    color:#aaa;
    background-color:#ddd;
    border:1px solid #ccc;
    
}
.joinInput input[type="checkbox"]{
    width:auto;
}

tr[onclick]{
    cursor: pointer;
}
.no-bottom-margin table {
    margin-bottom:0;
}

.billno-group3 label{
    width: 100%;
}
.billno-group3 .pull-left {
    width: 32%;
    margin-right: 3%;
}
.billno-group3 .pull-right {
    width: 65%;
}
.joinInput .input-group-btn .btn.btn-white{
    padding : 8px 14px;
    height: 34px;
}
.tooltip {
    z-index:7;
}

.modal .tooltip {
    z-index:1070;
}
.tooltip-inner, .tooltip-arrow {
    opacity: 0.8;
}
.bg-addflight{
    position:relative;
    background-color:#fff7ec !important;
}
.label-addflight{
    position:absolute;
    top:0;
    left:0;
    min-width:60px;
    padding:1px 15px;
    font-size:12px;
    color:#fff;
    text-align:center;
    background-color:#f0ad4e;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
}
.owl-item .cargoQDd{
    overflow:hidden;
}
.owl-item.active .cargoQDd{
    overflow-y:auto;
}
.owl-item .owlOil{
    display:none;
}
.owl-item.active .owlOil{
    display:block;
}
.oil .printarea .printsub ul{
    margin-bottom:60px;
}
.oil .printarea h4.mt_70{
    margin-top:100px;
    margin-bottom:0;
}
.news .printarea.prt_h{
    line-height:normal;
}
.news .printarea.prt_w{
    line-height:normal;
    max-width:1000px;
    min-height:707px;
}
.news .printarea.prt_w .printsub{
    max-width:none;
}
.trackingno .no-left{
    float:left;
    width:44%;
    margin-right:3%
}
.trackingno .no-middle{
    float:left;
    width:25%;
    margin-right:3%
}
.trackingno .no-right{
    float:left;
    width:25%;
}

.pop-ul .ul-head{
    margin-top:10px;
    margin-bottom:10px;
}
.form-control.text-only[readonly]{
    background:none;
    border:none;
    padding-left:0;
    color:#999;
}
.label-checkbox.text-only input[type="checkbox"] {
  background:#fff;
    border:none;
}
.ProductIntro .colbody .btns .row .col-sm-6{
    width:100%;
}
.btn{
    white-space:normal;
}
.historyCon .col-xs-1.c_black {
    padding-left: 0px;
  padding-right: 0px;
}
.othercd-group label{
    width: 100%;
}
.othercd-group .pull-left {
    width: 75%;
    margin-right: 3%;
}
.othercd-group .pull-right{
    width: 22%;
}
.table-hover{
    cursor: pointer;
}

/* 비밀번호 Capslock 표시*/
.loginBoxL dd {
    position:relative;
}
.loginBoxL .popover{
    z-index: 1;
    top:34px;
    max-width: 460px;
    width: 100%;
    background-color: #f0ad4e;
    color: #fff;
    text-align:center;
}
.loginBoxL .popover.bottom>.arrow:after{
    border-bottom-color: #f0ad4e;
}

/* 예약 css 수정*/
.booking .row-pad{
    padding: 10px 0 0 0;
}
.booking .ul-input .ul-head{
    margin-bottom:8px;
}
.booking .form-group{
    margin-bottom: 10px;
}
.booking label{
    margin-bottom: 3px;
}
.booking .row-total{
    padding: 15px;
}
.booking .ul-input li{
    padding: 12px 0 0;
}

.booking .panel-number{
    margin-bottom: 20px;
}
.booking .form-control, .booking-search .form-control {
    height:30px;
    padding: 4px 12px;
}
.booking .btn, .booking-search .btn {
    padding:4px 12px;
}
.booking-search{
    padding:20px 0;
    margin-bottom: 20px;
}
.booking-label label{
    line-height: 30px;
}
.booking-label .col-sm-9{
    padding-left:0;
}
.booking-label .col-sm-3{
    padding-right: 10px;
}
.booking-visual {
    height:195px;
    padding-top: 55px;
    background-image: url(../images/common/bgSubVisual.jpg);
    background-position: top;
}




/* 20190305 */ /* 20190401 수정 */
.group-booking-top {
    padding-bottom:0;
}
.group-booking-top p {
    margin-bottom:0;
	margin-top:10px;
	letter-spacing:-1px;
}
.group-booking-top .button-group .btn+.btn,
.group-booking .button-group .btn+.btn {margin-left:0}
.group-booking {position:relative}
.group-booking .panel-group,
.group-booking .collapse  {margin-bottom:0}
.group-booking h4, .group-booking h5{
    font-weight: 900;
	font-size:18px
}
.group-booking .panel-group.group-top {
    padding-bottom:8px;
	background-color:#dde9f4
}
.group-booking .group-heading {
    border-bottom:0;
	padding-right:7px;
}
.group-heading {
    position: relative;
    border-left: 42px solid #333 !important;
}
.group-heading i {
    color: #d9534f;
}
.group-heading span.num_bg {
    font-weight: 600;
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    position: absolute;
    text-align: center;
    top: 0;
    left: -42px;
}
.group-booking .collapse, .group-booking .collapsing {
	margin-bottom:0;
}
.group-top.panel-group .panel-title > a:after {
    font-family: FontAwesome;
    font-size: 16px;
    content: '\f068 ';
	color:#fff;
	background-color:#aca8a5;
	width:28px;
	height:28px;
	display:inline-block;
	border-radius:4px;
	text-align:center;
	font-weight: normal;
	float:right;
}
.group-top.panel-group .panel-title > a.collapsed:after {
    content: '\f067 ' !important;
}
.group-booking .number-heading {
    border-left: 42px solid #327ab7 !important;
}
.group-booking  .number-heading span.num_bg {
    line-height:40px;
}
.group-booking .gb_input .col-md-1, 
.group-booking .gb_input .col-md-2, 
.group-booking .gb_input .col-md-3,
.group-booking .gb_input .col-md-4 {
    padding-left:5px;
	padding-right:5px;
}
.group-booking .gb_input {}
.group-booking .gb_input label {
    letter-spacing:-1px;
	 white-space:nowrap;
	/*text-overflow: ellipsis;
	overflow:hidden;
	width:100%; */
}

.group-booking .dark-bg {
    padding:0 8px;
}
.group-booking .dark-bg .checkbox {
	margin:0;
	padding:5px 0 0;
}
.flo-num.group-flo-num {display:none;z-index:8}
.flo-num.group-flo-num > ul li a {
    font-size:14px;
	text-align: center;
    width: 34px;
    padding: 8px 0;
}
.group-booking .booking .panel-number {
    margin-bottom:0
}
.group-booking .group-top {
    padding:10px 0
}
.group-booking .panel-group .panel-number .panel-body {
	padding:10px 0;
	border-bottom:1px solid #ccc;
	background-color:#fff;
}
.group-booking .panel-group .panel-number .panel-collapse {
	border:0
}
.font-20 {font-size:20px !important}

@media (min-width: 992px) {
	.group-booking .gb_input .col-no {
		float:left;
		width:3%;
		text-align:center;
		vertical-align:middle;
	}
	.group-booking .collapse .gb_input .col-no {
		line-height:30px
	}
	.group-booking .gb_input .form-group {margin-bottom:0}
	.group-booking .gb_input .col-md-1 {
		width:5%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-2 {
		width:7.5%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-3 {
		width:11%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-4 {
		width:14%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-5 {
		width:19%;
		padding-left:3px;
		padding-right:3px
	}
	
	.group-booking .gb_input .col-md-6 {
		width:6%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-15 {
		width:15%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-16 {
		width:16%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-17 {
		width:17%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-22 {
		width:22%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-24 {
		width:24%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .gb_input .col-md-30 {
		width:30%;
		padding-left:3px;
		padding-right:3px
	}
	.group-booking .booking .form-control {
	    padding:4px 3px;
	}
	.group-booking .group-input2 .col-md-1{
	    padding-left:5px;
		padding-right:5px
	}
	.group-booking .group-input2 .col-md-2{
	    padding-left:5px;
		padding-right:5px
	}
	.group-booking .bottom-margin-vsm {
	    position: absolute;
		right: 54px;
		top: 12px;
	}
	.group-booking .col_remarks {
		float:left;
		width:30%;
	}
	.group-booking .col_remarks .col-md-12 {
		padding:0 13px 0 3px;
	}
	.group-booking .addflight_wrap {
		float:left;
		width:70%;
	}
	.group-booking .addflight_wrap .col-no {
		width:5%
	}
	.group-booking .addflight_wrap::after,
	.group-booking .col_remarks::after {
		content:"";display:block;clear:both
	}
}
.modal .dark-bg {
    padding:5px 20px;
}
@media (max-width: 992px) {
	.group-booking .bottom-margin-vsm {
	    margin-top:10px;
		margin-bottom:0;
	}
}
@media (min-width:768px) {
    .group-remarks textarea.form-control {width: calc(100% - 140px)}
}

@media only screen and (max-width: 1200px) {
.group-booking-top .button-group.pull-right {
    float:none !important;
	margin-top:10px
	}
.group-booking-top .pull-left {float:none !important;}
}

/* 20190311 */
.group-copy {margin:5px 0 20px;border:1px solid #ccc;padding:5px;background-color:#f9f9f9} /* 20190401 마진 수정 */
.group-copy select {font-size:12px;height:34px;padding:0 10px}
.group-copy input {vertical-align:-2px}
.group-copy .btn {margin-bottom:0}

.group-booking-visual {
    overflow:hidden;
    height:102px;
    padding-top: 55px;
    background-image: url(../images/common/bgSubVisual.jpg);
    background-position: top;
}
@media (max-width: 992px) {
	.group-booking .bottom-margin-vsm {
	    margin-top:10px;
		margin-bottom:0;
	}
	.group-copy select.form-control {display:inline-block;width:auto !important}
}
@media (min-width: 922px) {
.group-copy label {width: calc(8%);padding:0;margin-right:0;margin-top:6px}
}
.table label {color:inherit;}
.table .checkbox {margin:0}

.group-booking .btn-xs {padding:1px 6px;}
.group-booking .booking .input-group-btn .btn {padding:4px}
.group-booking .booking .input-group-btn .btn .fa-lg {font-size:1.25em}
.group-booking .gb_input .gb_btn {margin:7px 0 0;text-align:center}
.group-booking .gb_input .gb_btn .btn {font-weight:bold}
.group-booking .gb_input .gb_btn .dropdown {display:inline-block}
.group-booking .gb_input .gb_btn .dropdown-menu {min-width:auto;border:0;box-shadow:none}
.group-booking .gb_input .gb_btn .dropdown-menu>li>a {border:1px solid #ccc;margin-bottom:-1px;padding:2px 10px 3px;font-size:14px;letter-spacing:-1px;color:#337ab7}


.group-booking .form-group::after {content:"";display:block;clear:both}

.group-booking .ul-input li {border-top:none}
.group-booking .bg-addflight {background-color:transparent !important}

.group-booking .btn-dark.btn_cell {width:26px;margin-bottom:0;padding:4px 0;border-color:#707070;font-size:13px;background-color:#707070}


.group-booking ::-webkit-input-placeholder { /* Edge */
  color: #ccc;
  font-size:12px;
  letter-spacing:-0.8px;
  font-family: "Noto Sans KR R", sans-serif;

}

.group-booking :-ms-input-placeholder { /* Internet Explorer */
  color: #ccc;
  font-size:12px;
  letter-spacing:-0.8px;
  font-family: "Noto Sans KR R", sans-serif;
}

.group-booking ::placeholder {
  color: #ccc;
  font-size:12px;
  letter-spacing:-0.8px;
  font-family: "Noto Sans KR R", sans-serif;
}

.group-booking .btn-dark.btn_srh {margin-bottom:0;padding:5px 4px;font-size:12px}
.group-booking .booking .ul-input li {padding:0}
.group-booking .booking .ul-input li:nth-child(n+2) {margin-top:5px}
.group-booking .gb_bg_gray .panel-group .panel-number .panel-body {background-color:#f9f9f9}



/* 20190321 툴팁 가림현상 해결 */
.group-booking .form-group {overflow:visible;}



/* 20190327 -  스케줄 등록 */
.btn_cycle {width:100%;padding:0}
.btn_cycle button {display:inline-block;width:14.5%}


.schedule_cale {
	position:relative;
	width: 100%;
	max-width:1100px;
	margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif
}
.schedule_cale .fc-view {position:relative !important;}
.schedule_cale .fc-grid thead th.fc-state-default {height:60px;vertical-align:middle}
.schedule_cale .fc-sun {color:#e30613}
.schedule_cale .fc-header .fc-state-default, 
.schedule_cale .fc-header .fc-state-default a {margin:0;padding:0;color:#fff;border:1px solid #000;border-radius:4px;text-align:center;background-color:#000}
.schedule_cale .fc-header .fc-state-default span {border:0;background-color:#000}
.schedule_cale .fc-header .fc-button-prev {border-radius:4px 0 0 4px}
.schedule_cale .fc-header .fc-button-next {border-radius:0 4px 4px 0}
.schedule_cale .fc-event {margin:0;padding:0;border:1px solid #fff;border-radius:4px}
.schedule_cale .fc-event a {padding:3px 10px;border:1px solid #fff;border-radius:4px}
.schedule_cale .fc-content .fc-corner-right a,
.schedule_cale .fc-content .fc-corner-left a {margin:0;border:none}
.schedule_cale .fc-content .fc-event-title em {padding:3px 0;font-size:17px;font-style:normal;font-weight:bold}
.schedule_cale .bg_fail, .schedule_cale .bg_fail a {background-color:#e30613}
.schedule_cale .bg_complete, .schedule_cale .bg_complete a {background-color:#337ab7}
.schedule_cale .bg_schedule, .schedule_cale .bg_schedule a {background-color:#f0ad4e}

.schedule_cale .label_name {width:100%;margin-top:10px}
.schedule_cale .label_name > div {padding:0;color:#000;font-weight:bold}
.schedule_cale .label_name span {display:inline-block;width:45px;height:10px}

@media (max-width: 767px) {
	.schedule_cale .fc-event > a {padding:0 10px;text-align:center}
	.schedule_cale .fc-content .fc-event-title .tit {display:none}
	.schedule_cale .fc-content .fc-event-title em {font-size:11px}
	.schedule_cale .fc-day-content {height:65px}
}
@media (min-width: 767px) {
	.schedule_cale .label_name {display:none}
}

/* 20190401 Air Waybill 추적조회 정보 추가*/
.fligh_info {font-size:16px;color:#949494}
.fligh_info em {padding:0 5px;font-size:13px;font-style:normal;color:#dedede;vertical-align:top}

/*202004 검색기능*/
.search-top{
width:200px;
}
.search-top .form-control, .search-top .input-group-btn .btn{
height: 34px !important;
border-color:#ddd;
}
.pointer{
	cursor:pointer;
	text-decoration : underline;
}

 .header-details-toggle .extra-nav > .navbar-nav{
padding-top: 15px;
}

.sliderBoxHeader {
	display: flex;
	align-content: center;
	align-items: center;
	margin-bottom: 20px;
}

.srchBoxStyle input {
	height: 36px;
}

.srchBoxStyle .cargoQDd {
	height: 20em;
	padding-top: 10px;
}

.chainSrch .bothPadd {
	padding: 50px 15px;
	line-height: 4.5;
}

.scheduleQuery .bothPadd {
	padding: 20px 0;
	line-height: 6;
}