/* ======================================== * 
            nowcompany 
            http://nowcompany.kr
            email : nowdlwnsan@daum.net
* ======================================== */

/* 회사소개 header none */
/* .header-area .main-header-area.sticky{display:none} */

/* 사업실적 css */
#tab_2{background: #eef2f5;}
/* #tab_4{background: #d8e7f5;} */
.certified_list li .img img{background:#ffffff}


.et-hero-tabs,
.et-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 2em;
}
.et-hero-tabs h1,
.et-slide h1 {
  margin: 0;
  letter-spacing: 1rem;
}
.et-hero-tabs h3,
.et-slide h3 {
  letter-spacing: 0.3rem;
  opacity: 0.6;
}

.et-hero-tabs-container {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: -30px;
  width: 100%;
  height: 60px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background: rgba(255,255,255,0.6);
  backdrop-filter: blur(10px);
  z-index: 10;
}
.et-hero-tabs-container--top {
  position: fixed;
  bottom: 0;
}

.et-hero-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #000;
  letter-spacing: 0.1rem;
  transition: all 0.5s ease;
  border:1px solid #D3D3D3;

}
.et-hero-tab:hover {
  color: white;
  background: #1a82dda7;
  border:1px solid #1a82dda7;
  transition: all 0.5s ease;
}

.et-hero-tab-slider {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 6px;
  background: #1a82dd7b;
  transition: left 0.3s ease;
}



@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,vietnamese');

body{
    width: 100%;
    display: block;
    overflow-x: hidden;
    /* background: linear-gradient(to top, #1F1F1F, #1f2029); */
    color: #1F1F1F;
   
}
p {
    color:#1F1F1F
}
::selection {
    background-color: #000;
    color: #1F1F1F;
}
::-moz-selection {
    background-color: #000;
    color: #1F1F1F;
}
a:hover{
    text-decoration: none;
}

/* sub_tab02 css변경 */

.sub_tab02 li.on {
    border-bottom: solid 2px #5CAAEF;
    background: rgba(200,200,200,0)
}
.sub_tab02 li.on:after {
    border-top: 5px solid #5CAAEF;

} 
.sub_tab02 li.on a, .sub_tab02 li.on span {
    color: #5CAAEF;
    font-weight: 900;
}

.sub_content {
    padding:0 15% 0 15%;
}
.sub_tab02 {
    margin: 0px auto;
}
.sub_tab02 li{
    border:0px;
}
.sub_tab02 li a:hover {
    color: #5CAAEF;
}
  
.sub_tab02 li a:before {
content: '';
border-top: solid 2px #5CAAEF;
position: absolute;
bottom: 0; left: 0;
width: 100%;

opacity: 0;
}

.sub_tab02 li a:hover:before {
opacity: 1.0;
}

.sub_tab02 li a, .sub_tab02 li a:before {
-webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
}

.sub_tab02 li:first-child {border-left: 0px ;}

/* sub_tab02 css변경 */
 
 
/* shadow-title css변경 */
.shadow-title{
    position: fixed;
    top: 20%;
    margin-top: 30px;
    left: 20px;
    width: 100%;
    height: 300%;
    text-align: left;
    font-family: 'Muli', sans-serif;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    font-size: 18vw;
    line-height: 1;
    color: rgba(200,200,200,.1);
    background: linear-gradient(90deg, rgba(200,200,200,0), rgba(200,200,200,0.65));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}
.section-parallax{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;

}
.section {
    position: relative;
    width: 100%;
    display: block;
}
.full-height {
    height: 48vh;

}
.section.z-bigger {
    z-index: 100;
}
.section.z-bigger-2 {
    z-index: 200;
}
.section-title-wrap{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3;
}
.section-title-wrap p{
    letter-spacing: 2px;
    font-size: 22px;
    font-weight: 700;
    padding: 0;
    color: #6f598f;
}
.section-title-wrap h1{
    margin: 0;
    padding: 0;
    font-size: 5vw;
    letter-spacing: 8px;
    font-weight: 900;
    color: #1F1F1F;
    line-height: 1;
    text-transform: uppercase;
}

/* .company_info
================================================== */
.ttl01{color:#1F1F1F;}
.company_info{padding:60px 0;}
.company_info .info_box{width:1140px; margin:0 auto;}
.company_info .info_box h2{font-size:30px; color:#1F1F1F; font-weight:400; line-height:1;}
.tbl tbody th, .tbl tfoot th, .tbl td{background:none; font-size:1em;}

@media only screen and (max-width:1140px) {
    .tbl tbody th, .tbl tfoot th, .tbl td{padding: 1.0em; }
    .company_info .info_box{width:100%;margin:0 auto;padding:0.65em 0.5em;}
}
@media only screen and (max-width:700px) {
    .tbl tbody th, .tbl tfoot th, .tbl td{padding: 0.5em;}
}
@media only screen and (max-width:500px) {
    .tbl tbody th, .tbl tfoot th, .tbl td{padding: 0.5em; font-size:0.8em;}
}

/* #Media
================================================== */

@media (max-width: 1200px) { 
    .scroll-to-top{
        right: 13px;
    } 
    .case-study-images li .case-study-title{
        left: 13px;
    }
}

@media (max-width: 991px) { 
    .case-study-images li .hero-number-back{
        font-size: 26vw;
    } 
    .section-title-wrap h1{
        font-size: 8vw;
    }
}

@media screen and (max-width: 768px) {	
    .sub_tab02 li a, .sub_tab02 li span {
        font-size:17px
    }
    .sub_tab02 li:nth-child(1), .sub_tab02 li:nth-child(2) {
        border-top: 0px; 
    }
    .sub_tab02 li:nth-child(1).on, .sub_tab02 li:nth-child(2).on {
        border-bottom: 0px;
    }
    .sub_tab02 li.on a, .sub_tab02 li.on span {
        color: #5CAAEF;
        font-weight: 900;
    }

    .sub_tab02 li:nth-child(odd) {
        border-left: 0px; 
    }
    .sub_content {
    padding:0px
    }
    .case-study-wrapper {
        background-color: rgba(31,32,41,.95);
        box-shadow: 0 0 10px rgba(0,0,0,.8);
    }
    .case-study-wrapper .case-study-name a {
        font-size: 11px;
        letter-spacing: 1px;
        text-align: center;
        margin: 5px;
    }
    .case-study-wrapper .case-study-name {
        margin: 0 auto;
        text-align: center;
    }
    .case-study-images li .hero-number-back{
        font-size: 32vw;
    } 
    .section-title-wrap h1{
        font-size: 10vw;
    }
}