/* =============== LAYOUT - CONTENT AREA =============== */


.freezePage{
  overflow: hidden;
  position: relative;

}


.no-padding {
    padding: 0;
}
.no-gutter [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

section {
    padding-top: 100px;
}


.sectionHeading {
    margin-bottom: 40px;
}
.sectionHeading h2 {
    font-weight: 800;
    font-size: 25px;
    line-height: 1;
    position: relative;
    padding-bottom: 15px;
    text-align: center;
    color: #333;
}
.sectionHeading h2:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 50px;
    height: 2px;
    background: #f9ac40;
    transform: translateX(-50%);
}
.sectionHeading .subHeading {
    display: block;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 20px;
}
.sectionHeading p {
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
}
.sectionDesc {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 40px;
}

.sectionContent p {
    text-align: left;
    font-size: 16px;
}

p {
    font-size: 16px !important;
}




/* =============== ½ºÅ©·Ñ =============== */
#scrollToTop {
    width: 50px;
    height: 50px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    text-indent: -99999em;
    display: none;
    cursor: pointer;
    z-index: 2;
    background: url(../../img/webbase/go-to-top.png) center center no-repeat #f9ac40;
}
#scrollToTop:hover {
    text-decoration: none;
    background-color: #e3972d;
}




/************************************************
header
***************************************************/
#header {
    position: relative;
}
#headerInner {
    position: absolute;
    z-index: 50;
    width: 100%;
}






/************************************************
navbar
***************************************************/
#navbar {
    background: none;
    border: none;
    border-radius: 0;
    height:80px;
}
#navbar .navbar-brand {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    position:absolute;
}

.navbar-brand img {
   width: 60%;
}


#navbar .navbar-nav > li > a {
    color: #fff;
    font-size:15px;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
    padding: 30px 5px 5px;
    margin: 0 12px;
}
#navbar .navbar-nav > a.link-menu {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 3px solid transparent;
    padding: 26px 5px 5px;
    margin: 0 12px;
    display: inline-block;
}

#navbar .navbar-nav > a.link-menu:hover,
#navbar .navbar-nav > li > a:hover,
#navbar .navbar-nav > .active > a,
#navbar .navbar-nav > .active > a:hover {
    color: #f9ac40;
    border-color: #f9ac40;
    background: none;
    font-weight: 800;
}
#navbar .menuItem {
    float: right;
}
#navbar .iconsGroup li a {
    border: none;
    font-size: 18px;
}


.navbar-header { height:80px; } 
#navbar .navbar-toggle {
    margin-right: 0;
    border: none;
    margin-top:23px;
    
}
#navbar .navbar-toggle:hover,
#navbar .navbar-toggle:focus {
    background: none;
}
#navbar .navbar-toggle .icon-bar {
    background: #fff;
}




/* ----------- FIXED NAVBAR WITH ANIMATE ----------- */
.fixed-nav #navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 1);
    z-index: 20;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.fixed-nav #navbar .navbar-nav > a.link-menu,
.fixed-nav #navbar .navbar-nav > li > a {
    border: none;
}







/* =============== HOVER EFFECT =============== */
.hoverEffect {
    text-align: center;
}
.hoverEffect .item {
    background: #78c5f1;
    display: inline-block;
}
.hoverEffect .item .overlay {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.hoverEffect .item .overlay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: rgba(232, 69, 69, 1);
}
.hoverEffect .item:hover .overlay {
    left: -10px;
    top: -10px;
}
.hoverEffect .item:hover .overlay:before {
    opacity: 1;
}
.hoverEffect .content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    z-index: 1;
    opacity: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hoverEffect .item:hover .content {
    opacity: 1;
}




/* =============== ¸ð´Þâ =============== */

.modal-open {overflow:hidden !important;}
.modal-open .modal {overflow:hidden; width:100%; height:100%;}
.modal-body {position:relative; overflow:auto;  }

.modal-body iframe {

-webkit-overflow-scrolling:touch;
}


.modal-body h5 {
    font-size: 20px;
    font-weight: 700;
    padding-top: 15px;
}
.modal-body img {
    width: 100%;
}
.modal-body i {
    padding-top: 20px;
}
.modal-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
    background-image: url('../../img/webbase/gallery/fancybox_sprite.png');
}
.modal {
    text-align: center;
}
.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal-content iframe {
    width: 100%;
    height: 80vh;
}

body.scroll-locked {
 position: fixed;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
}

.modal {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;

 z-index: 10000;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
}





/****************************************
¸ÞÀÎ ½½¶óÀ̵å 
******************************************/
.main_slide {
    padding: 0;
}
.carousel-inner .item {
    height: 100vh;
    background-position: center center;
    background-size: cover;
}

.main_slide .carousel-caption {
    display: table;
    height: 100vh;
    padding: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: relative;
    margin:0 auto;
}

.main_slide .animate-box {
    display: table-cell;
    vertical-align: middle;
    /* height: 100%; */
    animation-duration: 1s;
    animation-delay: 0.5s;
}

.carousel-caption h2,
.carousel-caption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
}
.carousel-caption h2 {
    margin-bottom: 0px;
    font-size: 50px;
    line-height: 1.5;
    text-shadow: 0px 4px 8px rgba(0,0,0,0.5);
}
.carousel-caption h2 span {
    font-weight:800;

}


.carousel-caption p {
    font-size: 30px;
}

.carousel-caption h3 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 30px;
}





/* =============== intro =============== */
.intro {
    background-color: #e6e6e6;
    position: relative;

   
}


.flexslider .slides img {
   width:100%;
}



.intro blockquote {
    border: 0;
    margin: 0;
    padding: 85px 15% 0;
}
.intro h1 {
    color: #000;
    font-size: 27px;
    font-weight: 800;
}
.intro h3 {
    color: #f2a438;
    font-weight: 700;
    margin-top: 30px;
    line-height: 27px;
}
.intro p {
    color: #333;
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 25px;
    line-height: 27px;
}




/* =============== SERVICES =============== */
#services {}
#services .icon {
    font-size: 30px;
    margin-right: 20px;
    color: #e84545;
}
#services .item {
    padding: 15px;
}
#services .cont-box img {
    height: 55px;
}
#services .item:not(:nth-last-child(-n+3)) {
    /* margin-bottom: 80px; */
    /* ¼­ºñ½º ¿µ¿ªÀÌ 3°³ ÀÌ»óÀÏ ¶§ È°¼ºÈ­ */
}
#services .serviceTitle {
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
    margin-top: 16px;
}
#services .item:hover {
    background: #f5f5f5;
    cursor: pointer;
}




.services-box03 .serviceTitle {}


.services-box02 .serviceTitle h3 {
    font-size: 20px;
    font-weight: 700;
}
.services-box03 .serviceTitle {
    font-size: 20px;
    font-weight: 700;
}


.services-box01 .serviceTitle h3,
.services-box02 .serviceTitle h3,
.services-box03 .serviceTitle h3 {
    font-size: 20px;
    font-weight: 700;
    padding-left:15px;
    margin-bottom: 40px;
}


.services-box01 .serviceTitle h3::before,
.services-box02 .serviceTitle h3::before,
.services-box03 .serviceTitle h3::before{
    content: '';
    height: 20px;
    width: 6px;
    background: #000;
    position: absolute;
    margin-left: -15px;

}

.services-box01 .serviceTitle p {
    line-height: 30px;
}

.services-box01 .table-responsive {

}
.services-box01 .table-bordered thead {
    background: #f9ac40;
    color: #fff;
}
.services-box01 .table-bordered thead tr td {
    background: #eebb75;
}
.services-box01 .table-bordered th {
    text-align: center;
    vertical-align: middle;
}
.services-box01 .table-bordered td {
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}



.services-box02 .serviceTitle p {
    line-height: 30px;
}

.services-box02 .table-responsive {
    margin-top: 20px;
}
.services-box02 .table-bordered thead {
    background: #f9ac40;
    color: #fff;
}
.services-box02 .table-bordered th {
    text-align: center;
}
.services-box02 .table-bordered td {
    text-align: center;
}


.services-box03 .serviceTitle span {
    color: #f9ac40;
}
.services-box03 .left-box ul li {
    font-size: 16px;
    line-height: 30px;
}

.services-box03 .right-box img {
    width: 55%;
    float: right;
    border: 3px solid rgba(249, 172, 64, 0.3);
}

.services_bottomlogo {
   float:right;
   margin-top:50px;
   opacity: 0.3;
}




/* =============== gallery =============== */
#gallery-section {
    padding-bottom: 0;
}
#gallery-section .gallery {
    -moz-box-shadow: 10px 10px 30px -15px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 10px 10px 30px -15px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 30px -15px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    position: relative;
    padding: 10px;
    margin-bottom: 15px;
}
.gallery img {
    width: 100%;
    height: 100%;
}
.gallery .overlay {
    background: rgba(243, 163, 64, 0.6);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    -moz-transition: opacity, 0.3s;
    -o-transition: opacity, 0.3s;
    -webkit-transition: opacity, 0.3s;
    transition: opacity, 0.3s;
}
.gallery .overlay-caption {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gallery h5,
.gallery p,
.gallery img {
    -moz-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s;
}
.gallery .overlay-caption h5,
.gallery .overlay-caption p {
    color: #fff;
    margin: 0;
    opacity: 0;
}
.gallery-text-box {
    text-align: center;
}
.gallery-text-box h4 {
    margin: 0;
    font-size: 20px;
    padding: 10px;
    font-weight: 700;
}
.gallery-text-box p {
    font-size: 16px;
}
.gallery span {
    font-size: 45px;
}
.gallery .overlay-caption h5 {
    margin-bottom: 5px;
    -moz-transform: translate3d(0, -200%, 0);
    -ms-transform: translate3d(0, -200%, 0);
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
}
.gallery .overlay-caption p {
    -moz-transform: translate3d(0, 200%, 0);
    -ms-transform: translate3d(0, 200%, 0);
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
}
.gallery-box {
    cursor: pointer;
}
.gallery-box:hover img {
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.gallery-box:hover .overlay {
    opacity: 1;
}
.gallery-box:hover .overlay h5,
.gallery-box:hover .overlay p {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}




/* =============== °í°´¼¾ÅÍ =============== */
#contact .contact-box {
    text-align: center;
    cursor: pointer;
}
#contact .contact-box h4 {
    font-size: 28px;
    font-weight: 800;
    margin: 30px 0 10px;
}
#contact .contact-box p {
    text-align: center;
    font-size: 16px;
}




/* =============== SECTION MAP =============== */
#map {
    padding-bottom: 80px;
}
.map-text-box {
    padding-bottom: 20px;
}
.map-text-box p {
    color: #666;
    line-height: 25px;
    font-size: 16px;
}
.map-text-box p span {
    color: #f9ac40;
    font-weight: 700;
}

#map .mapWrap iframe {
    width: 100%;
    height: 300px;
}
#map.showMap .mapWrap {
    visibility: visible;
    opacity: 1;
    height: auto !important;
    border: 2px solid #ff9c00;
}
#map .locationInfo {
    width: 250px;
}




/* ------------------------------------------------------------------------------
  Footer
-------------------------------------------------------------------------------*/
.footer {
    text-align: center;
}
.footer-top {
    background-color: #181818;
    padding: 60px 0;
}
.footer p {
    color: rgba(255, 255, 255, 0.4);
}
.footer p span {
    color: rgba(240, 167, 72, 0.4);
}

.footer-t {display:none;}