/*!
 * jBrix (http://jbrix.co.kr)
 * Copyright 2011-2015 jBrix, Inc.
 */


@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


.ubermenu-main {
    margin-left: 200px !important;
}


/**/

.center{
  text-align: center;
}


.page-tt{
  font-size: 34px;
  color: #000;
  font-weight: 400;
  border: 1px solid #bcbcbc;
}

.page-tt2{
  font-size: 25px;
  color: #4d4d4d;
  font-weight: 300;
  background-color:#f5f4f4;
}

.cont-tbox:after{
  content: "";
  display: block;
  clear: both;
}
.cont-icon{
  float: left;
  margin-right: 10px;
}
.cont-tt{
  font-size: 28px;
  color: #000;
  font-weight: 500;
  margin-bottom: 30px;
}



.main-tbox{
  width: 95%;
  padding: 8% 5%;
  background-color: rgba(0,0,0, 0.6);
}
.main-tbar{
  width: 45px;
  height: 3px;
  background-color: #fff;
  margin-bottom: 20px;
}
.main-tt{
  font-size: 22px;
  color: #fff;
  font-weight: 100;
  line-height: 46px;
}
.main-tt .bold{
  font-weight: 400;
}
.main-tt .big{
  font-size: 28px;
  font-weight: 400;
}

.company-tt{
  font-size: 42px;
  color: #000;
  font-weight: 400;
}
.company-st{
  font-size: 20px;
  color: #222;
  font-weight: 400;
}
.company-p{
  font-size: 18px;
  color: #444;
  font-weight: 300;
  line-height: 28px;
}
.company-p .big{
  font-size: 20px;
  color: #444;
  font-weight: 400;
}
.company-p .bold{
  font-size: 18px;
  color: #444;
  font-weight: 400;
}
.spec-ct{
  font-size: 20px;
  color: #222;
  font-weight: 400;
  margin-bottom: 15px;
}
.spec-ct .span{
  font-size: 20px;
  color: #444;
  font-weight: 300;
  margin-left: 20px;
}
.spec-p{
  font-size: 20px;
  color: #444;
  font-weight: 300;
  line-height: 26px;
}

.sp-color-wrap:after{
  content: "";
  display: block;
  clear: both;
}
.sp-color-box{
  float: left;
  width: 20%;
  text-align: center;
}
.sp-color-p{
  font-size: 15px;
  color: #444;
  font-weight: 300;
}
.sp-color-img{
  width: 77px;
  height: 64px;
  border: 1px solid #cbcbcb;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
}
.sub01_02_a01{
  background-color: #29313e;
}
.sub01_02_a04{
  background-color: #623619;
}


.type-st{
  font-size: 18px;
  color: #444;
  font-weight: 300;
  line-height: 26px;
}
.type-ct{
  font-size: 18px;
  color: #222;
  font-weight: 400;
  margin-bottom: 5px;
}
.type-p{
  font-size: 16px;
  color: #666;
  font-weight: 300;
}
.type-p2{
  font-size: 18px;
  color: #666;
  font-weight: 300;
}
.type-p .span{
  font-weight: 400;
}

.glass-wrap{
  border: 1px solid #bcbcbc;
  box-sizing: border-box;
  text-align: center;
  padding-bottom: 3%;
  margin-bottom: 10px;
}
.glass-top{
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  background-color: #777;
  padding: 15px 0;
}
.glass-img{
  padding: 6% 0;
}
.glass-text{
  padding: 0 60px;
  padding-bottom: 8%;
}
.glass-color{
  font-size: 16px;
}
.glass-tbox:after{
  content: "";
  display: block;
  clear: both;
}
.glass-tbox{
  margin-bottom: 20px;
}
.glass-ct{
  float: left;
  width: 10%;
  font-size: 20px;
  color: #222;
  font-weight: 400;
}
.glass-st{
  font-size: 18px;
  color: #222;
  font-weight: 400;
  margin-bottom: 10px;
}
.glass-p{
  display: inline-block;
  width: 90%;
  font-size: 18px;
  color: #444;
  font-weight: 300;
  line-height: 26px;
  margin-bottom: 25px;
}
.glass-p .span{
  font-weight: 400;
}


.prd-st{
  font-size: 18px;
  color: #222;
  margin-bottom: 10px;
}
.prd-st .span{
  font-size: 18px;
  color: #444;
  font-weight: 300;
  margin-left: 20px;
}
.prd-p{
  font-size: 16px;
  color: #444;
  line-height: 24px;
  font-weight: 300;
}
.prd-tbox{
  height: 448px;
  padding: 0 3.5% !important;
}


.contact-tt{
  font-size: 20px;
  color: #222;
  font-weight: 400;
  margin-bottom: 5px;
}
.contact-p{
  font-size: 18px;
  color: #444;
  font-weight: 300;
  line-height: 28px;
}

.footer-wrap{
  padding: 5px 0;
}
.footer-tt{
  font-size: 16px;
  color: #dcdcdc;
  margin-bottom: 10px;
  line-height: 26px;
}
.footer-p{
  font-weight: 300;
  line-height: 22px;
}
.footer-copy{
  font-size: 13px;
  line-height: 26px;
  font-weight: 300;
}

/* ========== WP ========== */
#theme-page strong{
  color: #000;
}
.prd-img{
  padding-left: 0 !important;
  padding-right: 0 !important;
}/*?Œ๋“œ?„๋ ˆ??4์นผ๋Ÿผ-?ด๋?์ง?*/

.blog-grid-footer{
  display: none;
}
.mk-single-content{
  margin: 0;
}

.mk-blog-grid-item .the-title a{
  font-size: 24px;
  font-weight: 400;
}
.mk-header-inner, .header-sticky-ready .mk-header-inner, .header-style-2.header-sticky-ready .mk-classic-nav-bg{
  border-bottom: none;
}
.mk-footer-logo{
  width: 20%;
  padding-top: 30px !important;
  padding-left: 0 !important;
}

.wpb_content_element{
  margin-bottom: 0 !important;
}/*?ด๋?์ง? margin-bottom*/
.image-hover-overlay{
  display: none;
}
.mk-blog-grid-item .blog-grid-hover-icon{
  display: none;
}
.mk-page-section .vc_row-fluid{
  padding: 0 15px;
}


#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin{
  color: #777;
}
#mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a{
  color: #999;
}

.mk-page-title-box-title{
  padding: 0 20px;
}
.mk-page-title-box-subtitle{
  padding: 0 20px;
}
.header-style-1 .menu-hover-style-5 .main-navigation-ul > li > a{
  line-height: 30px;
}


.portfolio-social-share{
display: none;
}

/* ========== Related Post ========== */
.related-post{
  margin-top: 100px;
}
.related-post.flat ul.post-list li{
  width: 12%;
  border-top: none;
  margin: 0;
  padding: 0px;
  border:1px solid #b9b9b9;

}
.related-post ul li{
  margin: 0;
}
.related-post.flat li .related-post-thumb{
  width: 99%;
  height: auto;
}
.related-post.flat li .related-post-title{
  font-size: 15px;
}
.related-post.flat .related-post-headline{
  padding: 0 0%;
}

/* ========== ๋ฐ˜์‘?? ========== */
@media (max-width: 1280px){
 .prd-tbox{
   height: auto;
 }
}
@media (max-width: 844px){
 .mk-footer-logo{
   width: 100%;
   text-align: center;
 }
}

@media (max-width: 767px){
 .glass-ct{
   width: 100%;
   margin-bottom: 10px;
 }
 .glass-p{
   width: 100%;
 }
 .mk-page-title-box{
   height: 280px !important;
 }
 .related-post.flat ul.post-list li{
   width: 45%;
 } 
}

@media (max-width: 480px){
 .mk-page-title-box{
   height: 180px !important;
 }
 .mk-page-section .vc_row-fluid{
   padding: 0;
 }
 .sp-color-box{
   width: 50%;
 }
 .related-post.flat ul.post-list li{
   width: 95%;
 }
}



.ubermenu-main{
  margin-left: 0;
}
.ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target{
  background-color: rgba(0,0,0,0) !important;
}