@charset "UTF-8";


/* section header */
.header_bg {
  width: 100%;
  height: 400px;
  background: url("../img/company/company.png") no-repeat;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
/* end section header */

/* section1 */
.section1 .nav {
  float: left;
  width: 30%;
  height: 500px;
  background-color: #43b5fc;
}
.section1 .header_box {
  /* float: left; */
  height: 180px;
  text-align: center;
  background-color: #fff;
  width: 100%;
}
.section1 .subheader_box {
  /* float: left; */
  height: 120px;
  text-align: center;
  background-color: #fff;
  width: 100%;
}


.section1 .subheader_box .title {
  margin-top: 100px;
  font-size: 40px;
}


.section1 .subheader_box .article_txt {
  font-size: 17px;
  color: #7c7c7c;
  width: 70%;
  margin-left: 15%;
  margin-top: 20px;
}


.section1 .info .col {
  /* padding-left: 95px; */
  width: 100%;
  height: 310px;
  text-align: center;
  border-right: 1px solid white;
}

.section1 .info {
  background-position: center;
  background-size: cover;
  width: 100%;
  color: black;
}
.section1 .info>div {
    text-align: center;
}
.section1 .info>div img:nth-child(2) {
    margin: 80px 20px;
}
.section1 .section1_bg {
  background: url("../img/company/section1_bg.png") no-repeat;
  height: 310px;
  text-align: center;
}
.section1 .info img {
  margin-top: 80px;
}
.section1 .section1_bg .row>div img {
  margin: auto;
}
.section1 .section1_bg .row>div .d-lg-block {
  margin-top: 90px;
}
.section1 .section1_bg .row>div .d-lg-none.d-xl-none {
  padding-top: 36px;
}
.section1 .section1_bg .row .line {
  margin-top: 100px;
  height: 100px;
}
/* end section1 */


/* section2, section3 */
.section2 .text,
.section3 .text {
  padding-top: 15px;
}

.section2 .row>div img,
.section3 .row>div img {
  text-align: center;
  padding: 25px 30px 25px 30px;
  /* margin: 0 10px 10px 10px; */
  max-width: 100%;
  max-height: 154px;
  border: 1px solid rgb(226, 226, 226);
  border-radius: 20px;
  overflow: hidden;
}
.section2 .row,
.section3 .row {
  text-align: center;
}


/* end section2, section3 */

/* section4 */
.section4 .section4_bg {
  height: 470px;
  background: #e9e8e7;
}
.section4 .section4_bg .header_box .title {
  padding-top: 50px;
}
.section4 .section4_bg .header_box .title p {
  font-size: 18px;
}
.section4 .section4_bg .row {
  padding-top: 70px;
}
.section4 .section4_bg .row div {
  text-align: center;
}
.section4 .section4_bg .row div>img {
  margin: auto;
}
.section4 .section4_bg .row .text {
  font-weight: 500;
}
.section4 .section4_bg .row .text::before{
  content: "";
  display: block;
  width: 15px;
  border-bottom: 1px solid #000;
  margin: 27px auto 20px auto;
}
/* end section4 */

/* section5 */
.section5 {
  padding-bottom: 220px;
}
.section5 .row>div {
  text-align: center;
}
/* .section5 .row .section5_cont {
  position: relative;
}
.section5 .row .section5_cont .title {
  position: absolute;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  top: 153px;
} */
.section5 .section5_cont .bg {
  height: 380px;
  position: relative;
}
.section5 .section5_cont:nth-child(1) .bg{
  background: url('../img/company/section5_1.png') no-repeat;
  background-position: center;
}
.section5 .section5_cont:nth-child(2) .bg{
  background: url('../img/company/section5_2.png') no-repeat;
  background-position: center;
}
.section5 .section5_cont:nth-child(3) .bg{
  background: url('../img/company/section5_3.png') no-repeat;
  background-position: center;
}
.section5 .section5_cont .title {
  position: absolute;
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  width: 100%;
}

.section5 .row .section5_cont .text {
  margin: auto;
  width: 250px;
  padding-top: 15px;
}
/* end section5 */

.section1 #license .col {
  /* padding-left: 95px; */
  width: 100%;
  height: 280px;
  text-align: center;
}

/*===== 미디어쿼리 =====*/

@media (min-width: 992px) {
    .section1 .section1_bg .col-lg-3 {
        flex: 0 0 24.5%;
    }
    .section1 .section1_bg .row>div.col-md-6 {
      max-width:49%;
    }
}

@media (max-width: 992px) {
    .section1 .section1_bg {
      margin: 0;
    }
    .section4 .section4_bg {
      height: 545px;
      background: #e9e8e7;
    }
    .section4 .section4_bg .row {
      padding-top: 0;
    }
    .section4 .section4_bg .header_box .title p {
      font-size: 15px;
    }
    .section5 .section5_cont .bg {
      height: 275px;
      position: relative;
    }
    .section5 .section5_cont .title {
      font-size: 20px;
      
    }
    .section5 .section5_cont:nth-child(1) .bg{
      background: url('../img/company/m_section5_1.png') no-repeat;
      background-position: center;
    }
    .section5 .section5_cont:nth-child(2) .bg{
      background: url('../img/company/m_section5_2.png') no-repeat;
      background-position: center;
    }
    .section5 .section5_cont:nth-child(3) .bg{
      background: url('../img/company/m_section5_3.png') no-repeat;
      background-position: center;
    }
    .section5 {
      padding-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .section1 .section1_bg .row>div.col-md-6 {
      max-width:49%;
    }
}
@media (max-width: 768px) {
  .section1 .section1_bg .row>div.col-md-6 {
      max-width:49%;
    }
}
@media (max-width: 576px) {
  .section2 .row>div img,
  .section3 .row>div img  {
    padding: 20px 15px;
  }
  
}
@media (max-width: 360px) {
  .header_bg {
    background-position: center center;
  }
  .header_bg .bg_txt {
    font-size: 45px;
    width: 100%;
    text-align: center;
    margin-top: 210px;
  }
  .section2 .row .text,
  .section3 .row .text {
    font-size: 14px;
  }
}