@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
 * { font-family: 'Nanum Gothic', sans-serif; }

.header {background:#fff;border-bottom:#6c9ec0 2px solid;}
.header .logo-img,.header .logo-img-main,.header .logo-wrap{display:inline-block}
.navbar-fixed-top .navbar-collapse{max-height:100%}
.header .navbar{margin-bottom:0;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle{width:25px;height:25px;border:none;padding:0;margin:35px 0}
.header .navbar-toggle .toggle-icon{position:relative;width:21px;height:1px;display:inline-block;background:#515769;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle .toggle-icon:after,.header .navbar-toggle .toggle-icon:before{position:absolute;left:0;background:#515769;content:" "}
.header .navbar-toggle .toggle-icon:before{width:10px;height:1px;bottom:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle .toggle-icon:after{width:16px;height:1px;top:-5px;-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle:hover .toggle-icon{background:#17bed2;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle:hover .toggle-icon:after,.header .navbar-toggle:hover .toggle-icon:before{width:21px;height:1px;background:#17bed2;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}

.header .logo-img-active,.header .logo-img-main,.header .nav-item .nav-item-hover.active:after,.header .nav-item:hover .nav-item-hover:after{transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .navbar-toggle:hover .toggle-icon.is-clicked{background:rgba(255,255,255,0)}
.header .logo{width:237px;float:left;margin:0 0 0 10px;}.header .logo-wrap{padding:5px 0}
.header .logo-img{width:100%;height:auto;max-width:100%;max-height:100%;vertical-align:middle;margin-top:10px;}.header .logo-img-active{display:none}
.header .nav-item,.header .nav-item-child{display:block;position:relative}
.header .navbar-nav{padding-left:0;margin-bottom:0;list-style:none}
.header .nav-item:last-child .nav-item-child{padding-right:0}
.header .nav-item .nav-item-hover.active:after,.header .nav-item:hover .nav-item-hover:after{opacity:1}
.header .nav-item-child{font-size:17px;font-weight:600;color:#000;line-height:30px;padding:20px;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.header .nav-item-hover{position:relative}

.header .nav-item-hover:after{position:absolute;top:45px;left:0;width:9px;height:2px;background:#17bed2;opacity:0;content:" ";transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}@media (max-width:991px){.header{background:#fff}

.header .navbar-toggle{display:block}
.header .navbar-collapse.collapse{display:none!important}
.header .navbar-collapse.collapse.in{display:block!important}
.header .nav-collapse{padding-left:0;padding-right:0}
.header .navbar-nav{margin:0;float:none}
.header .navbar-nav .nav-item{float:none}
.header .menu-container:after,.header .menu-container:before{content:" ";display:table}
.header .menu-container:after{clear:both}.header .logo .logo-img-main{display:none}
.header .logo .logo-img-active{display:inline-block}
.header .nav-item-child{color:#515769;line-height:1.4;padding:12px 12px 12px 15px}
.header .nav-item-hover:after{position:absolute;top:19px}}

.content-wrapper-link{position:absolute;top:0;left:0;right:0;bottom:0;display:block;z-index:3}

@media (max-width:767px){
.header .menu-container{padding-left:15px;padding-right:15px;margin-left:0;margin-right:0}
.header .navbar>.container,.header .navbar>.container>.nav-collapse{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.header .navbar>.container{width:auto}
}
@media (min-width:992px){
.header .navbar-nav-right{float:right}
.page-on-scroll .header .navbar{background:#fff;border-bottom-color:#f0f0f0;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.page-on-scroll .header .logo-img-active,.page-on-scroll .header .logo-img-main{transition-duration:.4s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.page-on-scroll .header .logo-img-main{display:none}
.page-on-scroll .header .logo-img-active{display:inline-block}
.page-on-scroll .header .nav-item-child{color:#515769;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}}
.contact-list>li{font-size:13px;color:#81848f;margin-bottom:10px}
.back-to-top,.back-to-top:hover{color:#fff;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);transition-duration:.3s}
.back-to-top{position:fixed;right:10px;bottom:10px;display:inline-block;z-index:9;width:40px;height:40px;font-size:11px;font-weight:400;text-align:center;line-height:3;letter-spacing:1px;background:#515769;border-radius:3px;visibility:hidden;opacity:0;padding:5px;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}
.back-to-top.back-to-top-is-visible{visibility:visible;opacity:.6;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.back-to-top.back-to-top-is-visible:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.back-to-top.back-to-top-fade-out{opacity:.4}
.back-to-top.back-to-top-fade-out:hover{opacity:1;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
.swiper-clients-img,.swiper-clients-img:hover{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}
}

.row-space-1{margin-right:-1px;margin-left:-1px}
.row-space-1>[class*=col-]{padding-left:1px;padding-right:1px}
.row-space-3{margin-right:-3px;margin-left:-3px}
.row-space-3>[class*=col-]{padding-left:3px;padding-right:3px}
.sm-margin-b-2{margin-bottom:2px!important}

.btn-theme:hover,.service .service-element,.service .service-info,.service:hover .service-element,.service:hover .service-info{transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}

.service{}
.service .service-element,.service .service-info{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.service .service-icon{display:block;font-size:30px;color:#999caa;margin-bottom:30px}
.service:hover .service-element{opacity:0;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.service:hover .service-info{-webkit-transform:translate3d(0,-30%,0);-moz-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}.work,.work .work-overlay{position:relative}.work .work-content,.work .work-overlay:before{position:absolute;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);transition-duration:.3s;left:0}.work .work-overlay:before{top:0;width:100%;height:100%;background:0 0;content:" "}.work .work-content{bottom:0;opacity:0;padding:25px;-webkit-transform:translate3d(0,20px,0);-moz-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.work:hover .work-overlay:before{background:rgba(0,0,0,.5);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}.work:hover .work-content{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1)}


/* header */
#_layout_search_border_ {
border:#B0B0B0 solid 1px; 
width:208px;
}

.navbar-bskr .navbar-collapse,
.navbar-bskr .navbar-form {border-color: #e7e7e7;}
.navbar-bskr .navbar-nav > .open > a,
.navbar-bskr .navbar-nav > .open > a:hover,
.navbar-bskr .navbar-nav > .open > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-bskr .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-bskr .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-bskr .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-bskr .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-bskr .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-bskr .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-bskr .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-bskr .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-bskr .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-bskr .navbar-link {
  color: #777777;
}
.navbar-bskr .navbar-link:hover {
  color: #333333;
}
#sitemap {color: #777777; background-color:#f8f8f8;border-bottom: #e7e7e7 1px solid;}
#sitemap a {color: #777777;}
#sitemap .title-box {border-bottom:#777777 1px dotted;}
#sitemap .title-box i {background: #777777;}


/** sidebar **/
.mt-170 {margin-top:-78px;}
.bskr-sidebar .menuhead {
background-color: #6c9ec0;
color: #fff;
font-size:20px;
text-align:center;
border-left: #d5d5d5 1px solid;
border-top: #d5d5d5 1px solid;
border-right: #d5d5d5 1px solid;
}
.bskr-sidebar .menuhead.none {border-bottom: #d5d5d5 1px solid;}

.bskr-sidebar .menuhead i {background: #555555;}
.bskr-sidenav .menuitem.active {}