/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype");
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype");
}




body, p, h1, h2, h3, h4, h5, h6, input, textarea, select {
  font-family: 'Lato', 'Noto Sans KR' ;
  word-break: keep-all;
}

/* Product Spec Table */
.spec dl{
    border-top: 1px solid #000;
    overflow: hidden;
    margin: 0;
}

.spec dl dt {
    float: left;
    width: 25%;
    padding: 8px 0 8px 5%;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
    margin:0;
}

.spec dl dd {
    float: left;
    width: 75%;
    padding: 8px 0;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
}

.spec dl .last {
    border-bottom: 1px solid #000;
}

@media (max-width: 959px) {
.spec dl dt {
    font-size: 12px;
    width: 30%;
}

.spec dl dd {
    font-size: 12px;
    width: 70%;
}

}

@media (max-width: 417px){
    .spec dl dt.long {
    padding: 18px 0 19px 5%;
}
    .spec dl dd.long {
    padding: 18px 0 19px 0;
}
}
/* Product Spec Table */

/* Product Single Tab 삭제 */
.woocommerce div.product .wootabs .nav-tabs, .woocommerce #content div.product .wootabs .nav-tabs {
  display: none;
}
/* Product Single Tab 삭제 */

/* Rainboard 수정 */
div .rainboard-wrapper .rainboard-search select{
    display:inline-block;
    min-width:0;
}

div .rainboard-wrapper .rainboard-search input {
    display:inline-block;
}
/* Rainboard 수정 */



/*******/
.drawing .icon-media {
    width: 80%!important;
}

.row div[class*=col-xs-] {
    padding: 0px 0px 0px 15px;
  }

.col-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 900;
}
.block-bg-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
/*******/

/* Sub Navigation */
.subpage-nav ul{
    text-align:center;
}

.subpage-nav li{
    display:inline-block;
    list-style:none;
    padding:0 15px;
}
/* Sub Navigation */

/* Form - 개인정보 박스 */
.form-privacy .privacy-txt-box{
    border: 1px solid #ddd;
    padding: 30px;
    overflow-y: auto;
    font-size: 12px;
}

.form-privacy .privacy-txt-box p {
    font-size: 12px;
    color:#525252;
    font-weight: 400;
    margin-top: 0;
}
/* Form - 개인정보 박스 */

/* 상단메뉴 다운로드 버튼 bg 컬러 */
.catalogue-download {
    background-color: #f7f7f7;
}
/* 상단메뉴 다운로드 버튼 bg 컬러 */

/* sub menu border */
@media (min-width: 960px) {
    .menu-horizontal .menu-smart ul {
        border: 1px solid #f7f7f7;
    }
}
/* sub menu border */

/* home 회사소개섹션 박스 투명 */
.company-intro {
    background:rgba(0, 0, 0, 0.7);
}
/* home 회사소개섹션 박스 투명 */

.safety-mark .icon-box-content {
    vertical-align: middle;
}


@media (max-width: 569px) {
  .col-xs-100,
  .col-xs-75,
  .col-xs-66,
  .col-xs-50,
  .col-xs-33,
  .col-xs-25,
  .col-xs-16 {
    display: inline-table;
    table-layout: fixed;
  }
  .col-xs-100 {
    width: 100%;
  }
  .col-xs-75 {
    width: 75%;
  }
  .col-xs-66 {
    width: 66.666666667%;
  }
  .col-xs-50 {
    width: 50%;
  }
  .col-xs-33 {
    width: 33.33333333%;
  }
  .col-xs-25 {
    width: 25%;
  }
  .col-xs-16 {
    width: 16.666666667%;
  }

}



@media (max-width: 959px) {
  .menu-border{
    display:none;
  }

  .drawing .icon-media {
    width: 100%!important;
}
}

.rainboard-read-table .content-section p {font-weight: 400;}
.rainboard-read-table .content-section a {color: #1575ba;}

.rainboard-wrapper #rainboard-read-table .content-section p {font-weight:400;}
.rainboard-wrapper #rainboard-read-table .content-section a {color: #1575ba;}
.rainboard-wrapper #rainboard-read-table .content-section img {max-width:640px!important; margin:0 auto;}
@media (max-width: 569px) {
  .rainboard-wrapper #rainboard-read-table .content-section img {max-width:100%!important; margin:0 auto;}
}
