/* font */
@font-face {font-family:NanumSquareWebL;src:url(../../common/font/NanumSquareL.woff) format('woff')}
@font-face {font-family:NanumSquareWebR;src:url(../../common/font/NanumSquareR.woff) format('woff')}
@font-face {font-family:NanumSquareWebB;src:url(../../common/font/NanumSquareB.woff) format('woff')}
@font-face {font-family:NanumSquareWebEB;src:url(../../common/font/NanumSquareEB.woff) format('woff')}
@font-face {font-family:NanumGothicRegular;src:url(../../common/font/NanumGothic-Regular.eot) format('eot')}
@font-face {font-family:notokrlight;src:url(../../common/font/notokr-light.woff) format('woff')}
@font-face {font-family:notokrmedium;src:url(../../common/font/notokr-medium.woff) format('woff')}
@font-face {font-family:notokrregular;src:url(../../common/font/notokr-regular.woff) format('woff')}
@font-face {font-family:notokrbold;src:url(../../common/font/notokr-bold.woff) format('woff')}
@font-face {font-family:centuryGothic;src:url(../../common/font/CenturyGothic.woff) format('woff')}
@font-face {font-family:centuryGothicBold;src:url(../../common/font/centuryGothicBold.woff) format('woff')}

body.alternative-font-5,div,p,span,a{font-family:notokrregular,sans-serif !important;font-weight:normal !important;letter-spacing:-0.7px !important;word-break:keep-all !important}
h2{font-family:centuryGothicBold,sans-serif}
h2.lang-ko{font-family:notokrbold,sans-serif}
h2.font-weight-bold{font-weight:normal !important}

/* header */
#header .header-logo img{width:160px;opacity:0.85}
#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a{font-family:notokrmedium,sans-serif !important;font-size:16px}
#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a{padding-top:5px}

.main-top .main-text{margin-top:-260px !important}

/* Consignment operation */
.operation-title h2{margin-bottom:20px !important;font-family:notokrregular,sans-serif;font-size:40px}
.operation-title h2>strong{font-family:notokrbold,sans-serif}
.operation-title li{font-family:notokrregular,sans-serif;font-size:1.125rem !important}

.operation-wrap h4{font-family:notokrbold,sans-serif;margin-bottom:10px !important;font-size:1.25rem;color:#0088cc !important}
.operation-wrap p,.operation-wrap li{margin-top:5px;font-size:1.0rem !important}
.operation-wrap li:first-child{margin-top:0}
.operation-wrap p{margin-bottom:10px;line-height:1.25 !important}
.operation-wrap p>strong{font-family:notokrbold,sans-serif !important;color:#666}
.operation-wrap .container{padding:50px 0 0 0}
.operation-wrap h2{position:relative;padding-top:10px;margin-bottom:60px;font-family:notokrbold,sans-serif;font-size:40px}
.operation-wrap h2.custom-bar:after{content:'';display:block;position:absolute;bottom:-20px;width:146px;border-bottom:4px solid #0088cc}
.operation-wrap h2.custom-bar._right:after{left:initial;right:1px}
.operation-wrap img{border-radius:8px;box-shadow:0 4px 6px rgb(0,0,0,0.3)}

.operation-need h2{font-family:notokrbold,sans-serif;margin-bottom:10px !important;font-size:1.25rem}
.operation-wrap h3{display:inline-block;padding:10px 20px;background-color:#08c;margin-bottom:20px;margin-top:10px;border-radius:20px;font-family:notokrmedium,sans-serif;font-size:22px;color: #fff !important}

/* Accommodation Distributor */
#distributor h2{font-family:notokrbold,sans-serif}

/* intro */
.intro-wrap{margin:120px 0 !important}
.intro-wrap h2,.intro-wrap p{line-height:1.25}
.intro-wrap h2{font-family:notokrbold,sans-serif !important;color:#333 !important}
.intro-wrap p{color:#666 !important}
.intro-wrap p.title{color:#0088cc !important}

.intro-wrap .item-content{position:relative}
.intro-wrap .item-content>span{display:block;height:100%;padding:50px 5px;background-color:#fff;border-radius:15px;font-family:notokrbold,sans-serif !important;font-size:18px;color:#333;text-align:center;line-height:1.25}
.intro-wrap .item-content>i{position:absolute;top:52px;right:-17px;z-index:1;width:35px;height:35px;background-color:#0088cc;border-radius:50%;font-family:centuryGothicBold,sans-serif;color:#fff;text-align:center;font-style:normal;font-size:20px;line-height:35px;box-shadow:0 0 5px rgba(0,0,0,0.3)}

.advantages-wrap h2{font-family:notokrbold,sans-serif !important}
.advantages-wrap h4{line-height:1.25}
.advantages-wrap p{line-height:1.5}
.advantages-wrap i{display:block;margin-bottom:20px;font-size:60px;color:#08c}

section.section{background-color:#e2f5ff}

.map-wrap{width:100%;height:616px}

#services p{font-family:notokrmedium,sans-serif !important;font-size:1.0rem}

/* consulting */
.consulting-wrap{padding-top:150px !important}
.consulting-wrap li{margin-bottom:5px;font-size:1rem;text-align:left;line-height:1.25}

/* facility */
.facility-wrap{margin-bottom:80px !important;padding-top:20px !important}
.facility-wrap p{margin-bottom:5px;line-height:1.25}
.facility-wrap .item-number{font-family:centuryGothicBold,sans-serif !important;font-weight:normal !important}
.facility-wrap .item-title{padding-top:10px;font-family:notokrbold,sans-serif;font-size:24px !important;letter-spacing:-1px}
.facility-wrap .item-title>small{margin-top:3px;margin-bottom:5px;font-family:notokrregular,sans-serif;font-weight:normal;font-size:0.875rem !important;letter-spacing:0;color:#888}
/* .facility-wrap .tabs.tabs-simple{margin-top:40px} */

.facility-wrap .tabs.tabs-simple .nav-tabs > li .nav-link{font-size:1.125rem}
.facility-wrap .tabs.tabs-simple .nav-tabs > li .nav-link.active{font-family:notokrbold,sans-serif !important}

.intro-item li{margin-top:5px;font-size:16px}

#tabsNavigationSimple1 .image-box{position:relative}
#tabsNavigationSimple1 .image-box .icon-badge{position:absolute;top:10px;left:22px;z-index:1;padding:8px 15px;border-radius:5px;font-family:notokrbold,sans-serif !important;text-align:center;color:#fff}
#tabsNavigationSimple1 .image-box .icon-badge:before{display:none}
#tabsNavigationSimple1 .image-box .icon-badge.type01{background-color:#ff7800}
#tabsNavigationSimple1 .image-box .icon-badge.type02{background-color:#333}

#coperation .featured-box h4{font-size:20px}
#coperation .featured-boxes{position:relative;transition:all ease-in 0.3s}
#coperation .featured-boxes .featured-box{padding:60px 0 50px 0;border:4px solid #9ea7b5;border-radius:20px;box-shadow:0 0 8px rgba(24,81,121,0.25);transition:all ease-in 0.3s}
#coperation .featured-boxes .featured-box:hover{border-color:#0088cc;transition:all ease-in 0.3s}
#coperation .featured-boxes .icon-simbol{position:absolute;top:50%;z-index:10;width:50px;height:50px;margin-top:-25px;background-color:#fff;border:4px solid #9ea7b5;border-radius:50%;font-family:notokrbold,sans-serif !important;font-size:28px;line-height:50px;text-align:center}
#coperation .featured-boxes:hover .icon-simbol{border-color:#0088cc;background-color:#0088cc;color:#fff;transition:all ease-in 0.3s}
#coperation .featured-boxes .icon-simbol.type01{left:258px}
#coperation .featured-boxes .icon-simbol.type02{left:545px}
#coperation .featured-boxes .icon-simbol.type03{right:260px}

/* footer */
.company-info{padding:20px 0 !important}
.company-info h5{margin-bottom:3px !important;font-family:notokrmedium,sans-serif;font-size:1.0rem;font-weight:normal !important}
.company-info p,.company-info a{font-family:notokrmedium,sans-serif !important;font-size:1.0rem !important;font-weight:normal !important;letter-spacing:-0.7px !important;line-height:1.25 !important}
.company-info p>span{display:block;font-family:notokrbold,sans-serif;font-size:0.875rem}
#footer a{display:block;padding-top:20px}
#footer .copyrights{letter-spacing:0 !important}

/* global */
.form-control:not(.form-control-sm):not(.form-control-lg){font-size:1.0rem}
.lead{font-size:1.0rem !important}

.b-b-d{border-bottom:1px dashed #a6a6a6}
.b-t-d{border-top:1px dashed #ffffff}
.mt-260{margin-top:-260px !important}
.m-t-5{margin-top:5px !important}
.m-t-10{margin-top:10px !important}
.m-t-20{margin-top:20px !important}
.m-t-30{margin-top:30px !important}
.m-t-40{margin-top:40px !important}
.m-t-50{margin-top:50px !important}
.m-t-60{margin-top:60px !important}
.m-t-70{margin-top:70px !important}
.m-t-80{margin-top:80px !important}
.m-t-90{margin-top:90px !important}
.m-b-5{margin-bottom:5px !important}
.m-b-10{margin-bottom:10px !important}
.m-b-15{margin-bottom:15px !important}
.m-b-20{margin-bottom:20px !important}
.m-b-25{margin-bottom:25px !important}
.m-b-30{margin-bottom:30px !important}
.m-b-35{margin-bottom:35px !important}
.m-b-40{margin-bottom:40px !important}
.m-b-45{margin-bottom:45px !important}
.m-b-50{margin-bottom:50px !important}
.m-b-55{margin-bottom:55px !important}
.p-b-50{padding-bottom:50px !important}

.c-1{color:#0088cc !important}
.c-2{color:#fffc00 !important}
.c-3{color:#222529 !important}

.dn{display:none !important}

@media (max-width:991.98px) {
    #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a{padding:10px !important}
    html .scroll-to-top.hidden-mobile{display:block !important}
    .main-top .main-text{margin-top:-40px !important}
    .main-top .main-text p{text-shadow:0 0 1px rgba(0,0,0,0.8);opacity:0.8 !important}
    
    #home h2{font-size:1.875rem !important;text-align:center;text-shadow:0 0 5px rgba(0,0,0,0.3)}
    #home .overlay.overlay-op-3.overlay-show:before{opacity:0.6 !important}
    #home .overlay .container{padding:0 20px}

    #coperation{padding:0 20px !important}
    #coperation h2{font-size:30px;line-height:34px !important}
    #coperation .featured-boxes .icon-simbol.type01,#coperation .featured-boxes .icon-simbol.type02,#coperation .featured-boxes .icon-simbol.type03{left:50%;margin-left:-25px}
    #coperation .featured-boxes .featured-box{padding:30px 0 20px 0;margin-top:10px;margin-bottom:10px}
    #coperation .featured-boxes .icon-simbol{line-height:48px}
    #coperation .featured-boxes .icon-simbol.type01{top:205px}
    #coperation .featured-boxes .icon-simbol.type02{top:407px}
    #coperation .featured-boxes .icon-simbol.type03{top:611px}

    .operation-title h2{line-height:1.0 !important}
    .operation-title .item-text{padding:0 20px !important}
    .operation-title .item-image .row{margin-top:20px !important}
    .operation-title .item-image img{margin:0 0 10px 0 !important}
    .operation-wrap h3{font-size:18px;padding:10px 20px;margin-top:20px}

    #key-features{padding:20px !important}
    #key-features .item-content,#key-features .item-content p{margin-bottom:5px !important;font-size:1.0rem !important;text-align:left;line-height:1.25 !important}
    #key-features .item-content li{margin-bottom:5px;text-align:left !important;line-height:1.25}
    #key-features .item-content ul>li>ol{margin:10px 0}
    
    .operation-wrap h2.custom-bar:after,.operation-wrap h2.custom-bar._right:after{left:50%;width:50px;margin-left:-25px}
    .operation-wrap h2{margin-top:20px;font-size:1.375rem;line-height:1.25;text-align:center}
    .operation-wrap .container{padding:20px 0}
    .operation-wrap p>strong{display:block;padding:15px 0}

    .operation-need .col-lg-6{margin-bottom:0 !important}
    .operation-need p{line-height:1.25}

    .advantages-wrap .bg-color-dark-scale-2{text-align:center}
    .advantages-wrap i{width:60px;margin:0 auto;margin-top:0 !important}

    #distributor h2{font-size:30px !important}
    #distributor.operation-need h2{font-size:24px !important;line-height:1.25}

    .intro-wrap{margin:40px 0 !important}
    .intro-wrap p.title{font-size:20px !important}
    .intro-item{padding:20px;padding-bottom:0 !important}    
    .intro-wrap .item-content{margin-top:10px}
    .intro-wrap .item-content:first-child{margin-top:0}
    .intro-wrap .item-content>span{padding:20px 0}
    .intro-wrap .item-content>i{top:73px;right:50%;margin-right:-17px}
    
    /* #tabsNavigationSimple1 .image-box{margin-bottom:20px} */

    /* contact us */
    #contact .map-api{padding:0 !important}
    #contact .col-md-6.my-5{padding:20px !important;margin-top:20px !important}
    #contact .col-md-6.my-5 .px-4{padding:0 !important}
    #contact input[type='submit']{width:100%;border-radius:10px !important}

    #footer .copyrights{font-size:0.75rem !important;line-height:1.25 !important}

    .mo-p-t-10{padding-top:10px !important}
    .mo-p-t-20{padding-top:20px !important}
    .mo-p-t-30{padding-top:30px !important}
    .mo-p-t-40{padding-top:40px !important}
    .mo-p-t-50{padding-top:50px !important}
    .mo-p-t-60{padding-top:60px !important}
    .mo-p-t-70{padding-top:70px !important}
    .mo-p-t-80{padding-top:80px !important}
    .mo-p-t-90{padding-top:90px !important}
    .mo-p-t-100{padding-top:100px !important}

    .mo-dn{display:none !important}
}