/* ceo인사말 */

section.company_01,
section.company_02,
section.company_03,
section.company_04,
section.company_05 {
    font-family: 'NotoSans', sans-serif, Helvetica;
    font-size: 18px; line-height: 32px; list-style: none;
}

section h3.section_title_01 {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 80px;
    line-height: 32px;
}

section.company_01 p.subj {
    font-size: 33px;
    font-weight: 900;
    line-height: 44px;
    margin-bottom: 30px;
    color: #000;
}

section.company_01 p.subj span {
    font-size: 33px;
    font-weight: 300;
    text-align: center;
}

section.company_01 .ceo img {
    float: right;
    border:1px solid #ccc!important; /*cert01적용*/
}

section.company_01 .ceo .message {
    float: right;
    padding-top: 18px;
    font-size: 17px;
}

section.company_01 .ceo .message span {
    font-weight: 900;
    font-family: 'NanumSquare';

}

/*company_01.php의 cert_wrap스타일 추가---pc*/
section.company_01 .cert_wrap{margin-top:36px; text-align: center;}
section.company_01 .cert_wrap img{width:100%; height:auto;}
section.company_01 .cert_wrap .cert{border: 1px solid #ccc;} /*cert02~04적용, 01은 .ceo img*/

/*전 섹센 내 테이블 공통*/
section table caption .glyphicon{padding-right:16px!important;}
section table .blank_space{padding:8px}
/**/


/* 회사소개 */
section.company_02 .company_img01 {
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

section.company_02 .box1 {
    display: table;
    width: 100%;
    height: 47vh;
}

section.company_02 .box2 {
    display: table;
    height: 100%;
    width: 100%;
}

section.company_02 .box3 {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 14vh;

}

section.company_02 .box3 dl {
    font-family: 'Ubuntu', sans-serif;
    width: 65%; max-width: 600px; /*minwidth추가*/
    padding-top: 18px;
}

section.company_02 .box3 dl dt {
    font-size: 48px;
    color: #fff; /*회사소개-이미지 오버레이글자 색상 변경*/
    text-transform: capitalize;

}

section.company_02 .box3 dl dd {
    font-size: 14px;
    color:rgba(255,255,255,0.8)!important; /*회사소개-이미지 오버레이글자 색상 변경*/

}

section.company_02 .title-wrap {
    margin-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    /*    margin-bottom: 50px;*/
}

section.company_02 .title-wrap h2 {
    font-weight: 600;
}




/* 연혁 */
section.company_03 #tab_wrap .nav-tabs {
    border-bottom: 0;
}

section.company_03 #tab_wrap .nav-tabs > li > a {
    margin: 0;

}

section.company_03 #tab_wrap .nav-tabs > li > a,
section.company_03 #tab_wrap .nav-tabs > li > a:focus,
section.company_03 #tab_wrap .nav-tabs > li > a:hover {
    color: #fff;

    border-left: 1px #cfcfcf solid;
}

section.company_03 #tab_wrap .nav-tabs > li > a {
    border: none;
    color: #666;
    background: #f8f8f8;
    /*            font-size: 13px;*/
    font-weight: 600;
    border-top: 1px #dedede solid;
    border-bottom: 1px #999999 solid;
    border-left: 1px #dedede solid;
    /*    border-top: 1px #999999 solid;*/
    border-radius: 0;
    line-height: 38px;
    font-size: 16px;
    /*        transition: 1s;*/
}

section.company_03 #tab_wrap .nav-tabs > li:first-child > a {
    /*        border-left: 1px #999999 solid;*/
}


section.company_03 #tab_wrap .nav-tabs > li:last-child > a {}

section.company_03 #tab_wrap .nav-tabs > li > a > span {
    color: #000;
}

section.company_03 #tab_wrap .nav-tabs > li > a:hover,
section.company_03 #tab_wrap .nav-tabs > li > a#bo_cate_on,
section.company_03 #tab_wrap .nav-tabs > li > a:focus {
    color: #efefef;
    background: #fff;
    color: #000;
    border-top: 1px #cfcfcf solid;
    border-bottom: 1px #fff solid;
    border-left: 1px #cfcfcf solid;

}

section.company_03 #tab_wrap .nav-tabs > li > a#bo_cate_on {
    background-color: #fff;
    border-top: 2px #000 solid;
    font-weight: 900;
}

section.company_03 #tab_wrap .nav-tabs > li:first-child > a:hover,
section.company_03 #tab_wrap .nav-tabs > li:first-child > a:focus {
    border-left: 0;
}



section.company_03 #tab_wrap .nav-tabs.two > li {
    width: 50%;
    text-align: center;
}

section.company_03 #tab_wrap .nav-tabs.three > li {
    width: 33.333333333333333%;
    text-align: center;
}

section.company_03 #tab_wrap .nav-tabs.four > li {
    width: 25%;
    text-align: center;
}

section.company_03 .tab-pane {
    padding: 15px 0;
}

section.company_03 .tab-content {
    padding: 20px
}



section.company_03 #tab_wrap {
    /*        border: 0 !important;*/
    border-left: 1px #dedede solid;
    border-right: 1px #dedede solid;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 80px;
}

section.company_03 dt {
    width: auto;
    margin-bottom: 10px;
}

section.company_03 dd {
    padding-left: 20px;
    border-left: 3px #eee solid
}

section.company_03 dt:after {
    /*    content: " / "*/
}

section.company_03 .history-left {
    text-align: left;
}

section.company_03 .history-left h2 {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 900;
    color: #000;
    margin-top: 0;
    float: left;

}

section.company_03 .history-left span {
    padding-left: 20px;
    line-height: 48px;

    font-weight: 300;
    font-size: 26px;
    color: #474747;
}

section.company_03 .history-left p.text {
    color: #474747;
    font-size: 16px;
    line-height: 24px;
}

section.company_03 .history-left p.image {
    margin-top: 30px;
}

section.company_03 .history-right {
    background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;
    margin-top: 10px;
    margin-left: 80px;
}

section.company_03 .history-right ul {
    background: url(../../img/sub/dot.png) 0 2% no-repeat;
    margin-bottom: 35px;
    border-bottom: 0;
}

section.company_03 .history-right li {}

section.company_03 .history-right li.title {
    font-size: 25px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    padding-bottom: 12px;
}

section.company_03 .history-right li span.mon {
    font-weight: 600;
    color: #000000;
    content: "-";
    font-size: 12px;
    background-color: #fff;
    border: 1px #f3f3f3 solid;
    margin-right: 7px;
}

section.company_03 .history-right li span.mon:after {
    /*    content: " . ";*/
}

section.company_03 .history-right li span.mon2 {
    font-weight: 400;
    color: #2B4471;
    content: "-";
    font-size: 12px;
}

section.company_03 .history-right li span.mon2:after {
    content: " ";
}

section.company_03 .history-right ul.list-unstyled {
    border-bottom: 0 !important;
    padding-left: 40px;
}


/*-----------------section company_03:tab의 변형=사업영역 business_01------------------*/
/* 연혁 */
section.business_01 #tab_wrap .nav-tabs {
    border-bottom: 0;
}

section.business_01 #tab_wrap .nav-tabs > li > a {
    margin: 0;

}

section.business_01 #tab_wrap .nav-tabs > li > a,
section.business_01 #tab_wrap .nav-tabs > li > a:focus,
section.business_01 #tab_wrap .nav-tabs > li > a:hover {
    color: #fff;

    border-left: 1px #cfcfcf solid;
}

section.business_01 #tab_wrap .nav-tabs > li > a {
  /*bootstrap.css에 탭 a태그 패딩 있는데 여기서 수정1
  모바일(max-width480px)에서 글자 더 작게 수정2:responsive.css*/
  padding: 10px 5px!important;
  /**/
    border: none;
    color: #666;
    background: #f8f8f8;
    /*            font-size: 13px;*/
    font-weight: 600;
    border-top: 1px #dedede solid;
    border-bottom: 1px #999999 solid;
    border-left: 1px #dedede solid;
    /*    border-top: 1px #999999 solid;*/
    border-radius: 0;
    line-height: 38px;
    font-size: 16px;
    /*        transition: 1s;*/
}


section.business_01 #tab_wrap .nav-tabs > li:first-child > a {
    /*        border-left: 1px #999999 solid;*/
}


section.business_01 #tab_wrap .nav-tabs > li:last-child > a {}

section.business_01 #tab_wrap .nav-tabs > li > a > span {
    color: #000;
}

section.business_01 #tab_wrap .nav-tabs > li > a:hover,
section.business_01 #tab_wrap .nav-tabs > li > a#bo_cate_on,
section.business_01 #tab_wrap .nav-tabs > li > a:focus {
    color: #efefef;
    background: #fff;
    color: #000;
    border-top: 1px #cfcfcf solid;
    border-bottom: 1px #fff solid;
    border-left: 1px #cfcfcf solid;

}

section.business_01 #tab_wrap .nav-tabs > li > a#bo_cate_on {
    background-color: #fff;
    border-top: 2px #000 solid;
    font-weight: 900;
}

section.business_01 #tab_wrap .nav-tabs > li:first-child > a:hover,
section.business_01 #tab_wrap .nav-tabs > li:first-child > a:focus {
    border-left: 0;
}



section.business_01 #tab_wrap .nav-tabs.two > li {
    width: 50%;
    text-align: center;
}

section.business_01 #tab_wrap .nav-tabs.three > li {
    width: 33.333333333333333%;
    text-align: center;
}

section.business_01 #tab_wrap .nav-tabs.four > li {
    width: 25%;
    text-align: center;
}

section.business_01 .tab-pane {
    padding: 15px 0;
}

section.business_01 .tab-content {
    padding: 20px
}



section.business_01 #tab_wrap {
    /*        border: 0 !important;*/
    border-left: 1px #dedede solid;
    border-right: 1px #dedede solid;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 80px;
}

section.business_01 dt {
    width: auto;
    margin-bottom: 10px;
}

section.business_01 dd {
    padding-left: 20px;
    border-left: 3px #eee solid
}

section.business_01 dt:after {
    /*    content: " / "*/
}


/*left*/
section.business_01 .business-left {
    margin-right: 80px;
    text-align: left;
}

section.business_01 .business-left h2 {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 900;
    color: #000;
    margin-top: 0;
    float: left;

}

section.business_01 .business-left span {
    padding-left: 20px;
    line-height: 48px;

    font-weight: 300;
    font-size: 26px;
    color: #474747;
}

section.business_01 .business-left p.text {
    color: #474747;
    font-size: 16px;
    line-height: 24px;
}

section.business_01 .business-left p.image {
    margin-top: 30px;
}

/*right*/
section.business_01 .business-right {
  margin-right: 80px;
    margin-top: 10px;
}

section.business_01 .business-right h2 {
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 900;
    color: #000;
    margin-top: 0;
    float: left;

}

section.business_01 .business-right p.text {
    color: #474747;
    font-size: 16px;
    line-height: 24px;
}

section.business_01 .business-right p.image {
    margin-top: 30px;
}





/*사업영역 진로체험:01*/
section.business_01 .business-left01 h2 {font-size: 48px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.business_01 .business-left01 h2::after{display: block; content:""; clear:both;}
section.business_01 .business-left01 p.text { color: #474747; font-size: 16px; line-height: 24px;}

section.business_01 .business-right01 .business_text{margin:16px 0 24px; display: inline-block; width:45%; font-size: 16px; font-weight: bold;
  background: #2fa8e0; padding: 16px 48px; border-radius: 16px; cursor:pointer}
section.business_01 .business-right01 .business_text:nth-child(1){margin-right:9%;}
section.business_01 .business-right01 .business_text:nth-child(2){margin-right:0%;}

section.business_01 .business-right01 .business_text:hover{background:#FFF836;}
section.business_01 .business-right01 .business_text:hover .fas{color:#2fa8e0!important;}
section.business_01 .business-right01 .business_text:hover span{color:#2fa8e0!important; text-decoration-line: none!important}
section.business_01 .business-right01 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.business_01 .business-right01 .business_text span{padding-left: 16px; display: inline-block; line-height:44px; vertical-align:middle;font-weight: bold; color:#fff;}

section.business_01 .business-right01 .table_wrap table{width:100%; border:1px solid skyblue!important; font-size: 14px; color:#474747;}
section.business_01 .business-right01 .table_wrap table .table_head{background-color: #2fa8e0; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; color:#fff;}
section.business_01 .business-right01 .table_wrap table .class_name{font-size: 16px; font-weight: bold; }
section.business_01 .business-right01 .table_wrap table .class_option{color:#2fa8e0;}
section.business_01 .business-right01 .table_wrap table .table_row{padding:16px!important; border-top: 1px solid skyblue!important; border-bottom: 1px solid skyblue!important;}
section.business_01 .business-right01 .table_wrap table .table_col{text-align: center; line-height: 24px; padding:8px!important;}
section.business_01 .business-right01 .table_wrap table .table_col_ex{line-height: 24px; padding:8px!important;}


/*사업영역 영상전체:02*/
section.business_01 .business-left02{margin-bottom: 64px;}
section.business_01 .business-left02 h2 {font-size: 48px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.business_01 .business-left02 h2::after{display: block; content:""; clear:both;}
section.business_01 .business-left02 p.text { color: #474747; font-size: 16px; line-height: 24px;}

section.business_01 .business-left02 .business_text{margin:16px 0 24px; display: inline-block; width:49.5%; font-size: 16px; font-weight: bold;
  background: #2fa8e0; padding: 16px 48px; border-radius: 16px; cursor:pointer;}/*div통과해 a태그 클릭 가능*/
section.business_01 .business-left02 .business_text:hover{background:#FFF836;}
section.business_01 .business-left02 .business_text:hover .fas{color:#2fa8e0!important;}
section.business_01 .business-left02 .business_text:hover span{color:#2fa8e0!important; text-decoration-line: none!important}
section.business_01 .business-left02 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.business_01 .business-left02 .business_text span{padding-left: 16px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}


section.business_01 .business-right02{}
section.business_01 .business-right02 h2 {font-size: 48px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.business_01 .business-right02 h2::after{display: block; content:""; clear:both;}
section.business_01 .business-right02 p.text { color: #474747; font-size: 16px; line-height: 24px;}

section.business_01 .business-right02 .business_text{margin:16px 0 24px; display: inline-block; width:49.5%; font-size: 16px; font-weight: bold;
  background: #2fa8e0; padding: 16px 48px; border-radius: 16px; cursor:pointer}
section.business_01 .business-right02 .business_text:hover{background:#FFF836;}
section.business_01 .business-right02 .business_text:hover .fas{color:#2fa8e0!important;}
section.business_01 .business-right02 .business_text:hover span{color:#2fa8e0!important; text-decoration-line: none!important}
section.business_01 .business-right02 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.business_01 .business-right02 .business_text span{padding-left: 16px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}


/*사업영역 트럭:03*/
/*left*/
section.business_01 .business-left03 h2 {font-size: 48px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.business_01 .business-left03 h2::after{display: block; content:""; clear:both;}
section.business_01 .business-left03 p.text { color: #474747; font-size: 16px; line-height: 24px;}

section.business_01 .business-left03 .business_text{margin:16px 0 0px; display: inline-block; width:49.5%; font-size: 16px; font-weight: bold;
  background: #2fa8e0; padding: 16px; border-radius: 16px; cursor:pointer; text-align: center;}
section.business_01 .business-left03 .business_text:nth-child(1){margin-right:9%!important;}
section.business_01 .business-left03 .business_text:nth-child(2){margin-right:0%;}
section.business_01 .business-left03 .business_text:nth-child(3){margin-right:9%!important;;}
section.business_01 .business-left03 .business_text:nth-child(4){margin-right:0%;}
section.business_01 .business-left03 .business_text:last-child .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 12.25px;}

section.business_01 .business-left03 .business_text:hover{background:#FFF836;}
section.business_01 .business-left03 .business_text:hover .fas{color:#2fa8e0!important;}
section.business_01 .business-left03 .business_text:hover span{color:#2fa8e0!important; text-decoration-line: none!important}

section.business_01 .business-left03 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle;}
section.business_01 .business-left03 .business_text span{padding-left: 0; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

/*right*/
section.business_01 .business-right03 .business_text{margin:16px 0 24px; display: inline-block; width:45%; font-size: 16px; font-weight: bold;
  background: #2fa8e0; padding: 16px 48px; border-radius: 16px; cursor:pointer}
section.business_01 .business-right03 .business_text:nth-child(1){margin-right:9%;}
section.business_01 .business-right03 .business_text:nth-child(2){margin-right:0%;}

section.business_01 .business-right03 .business_text:hover{background:#FFF836;}
section.business_01 .business-right03 .business_text:hover .fas{color:#2fa8e0!important;}
section.business_01 .business-right03 .business_text:hover span{color:#2fa8e0!important; text-decoration-line: none!important}

section.business_01 .business-right03 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle;}
section.business_01 .business-right03 .business_text span{padding-left: 16px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}
section.business_01 .business-right03 .business_text:nth-child(4) .fas{padding: 0 10.5px;}
section.business_01 .business-right03 .business_text:nth-child(5) .fas{padding: 0 10.5px;}
section.business_01 .business-right03 .business_text:nth-child(6) .fas{padding: 0 2.2px;}

section.business_01 .business-right03 .table_wrap table{width:100%; border:1px solid skyblue!important; font-size: 14px; color:#474747;}
section.business_01 .business-right03 .table_wrap table .table_head{background-color: #2fa8e0; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; color:#fff;}
section.business_01 .business-right03 .table_wrap table .class_name{font-size: 14px; font-weight: bold; }
section.business_01 .business-right03 .table_wrap table .table_row{padding:14px!important; border-top: 1px solid skyblue!important; border-bottom: 1px solid skyblue!important;}
section.business_01 .business-right03 .table_wrap table .table_col{text-align: center; line-height: 24px; padding:8px!important;}
section.business_01 .business-right03 .table_wrap table .table_col_ex{line-height: 24px; padding:8px!important;}

/*-----------------------------------------------------------------------------*/




/* 찾아오시는 길 */

  section.company_04 .embed-container {
      position: relative;
      padding-bottom: 40%;
      height: 0;
      overflow: hidden;
      max-width: 100%;
  }

  section.company_04 .embed-container iframe,
  section.company_04 .embed-container object,
  section.company_04 .embed-container embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }

  section .table_wrap .table {
      border-top: 2px #000 solid;
      border-bottom: 1px #ddd solid;
  }

  section .table_wrap caption {
      font-weight: 900;
      color: #000;
      font-size: 18px;
      /*    padding-top: 15px*/
  }

  section .table_wrap .table th {
      width: 140px; /*120->140으로 수정*/
      padding-left: 18px;
      font-weight: 900;
  }

  section .table_wrap .table th,
  section .table_wrap .table td {
      padding-top: 15px;
      padding-bottom: 15px;
      line-height: 25px;
  }

  section.company_04 dl {
      padding-bottom: 0;
      margin-bottom: 15px;
  }

  section.company_04 dl dt {
      padding-top: 10px;
  }

  section.company_04 dl dd {
      padding-left: 20px;
  }

  section.company_04 .d-map {
      padding: 0 8px;
      background: #2c77dd;
      color: #fff;
      font-size: 11px;
      font-family: 'NotoSans';
      font-style: normal;
      font-weight: 900;
      border-radius: 2em;
  }
  section.company_04 .btn{
      font-size: 15px;
      border-radius: 0;
      border:1px #000 solid;
      color: #000;
      font-weight: 600;
  }

  /* 레이어 팝업 */
  .overlay-popup {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.7);
      transition: opacity 500ms;
      visibility: hidden;
      opacity: 0;
      z-index: 9999999999999999999999999999999999999999999999999999;
  }

  .overlay-popup:target {
      visibility: visible;
      opacity: 1;
  }

  .popup-content {
      margin: 70px auto;
      background: #fff;
      width: 30%;
      position: relative;
      transition: all 5s ease-in-out;
      padding-bottom: 10px;
  }

  .popup-content h2 {
      background: linear-gradient(#44474e, #35383f);
      margin-top: 0;
      color: #fff;
      font-family: 'NotoSans';
      font-size: 18px;
      line-height: 52px;
      padding-left: 20px;
      font-weight: 600;
      padding-top: 5px;
  }

  .popup-content .close {
      position: absolute;
      top: 15px;
  /*    border: 1px #fff solid;*/
      right: 15px;
      transition: all 200ms;
      font-size: 30px;
      font-weight: bold;
      text-decoration: none;
      color: #fff !important;
      opacity: 1;
      text-shadow: none;
      line-height: 0;
      padding-top: 12px;
      padding-bottom: 20px;
      padding-left: 5px;
      padding-right: 5px;
  }

  .popup-content .close:hover {
      color: #06D85F;
  }

  .popup-content .content {
      /*  max-height: 30%;*/
      height: 420px;
      padding: 25px 20px;
      font-size: 13px;
      overflow-y: auto;
  }

  .popup-content .content p,
  .popup-content .content span {
      font-size: 13px;
  }

  .popup_text_point {
      font-size: 16px;
      font-weight: 600;
      font-weight: 600;
      padding-bottom: 12px;
  }



/*----------------------------section edu추가:pc--------------------------------------------*/

section.edu_01 .step_wrap{}
section.edu_01 .step_wrap .step{background: linear-gradient(to bottom right, #2fa8e0 25%, #2645ED);
  text-align: center; margin:0 auto 24px;
  width: 280px; height: 280px; box-sizing: border-box; border-radius: 50%; padding:32px;}
section.edu_01 .step_wrap .step .step_title{margin-top:24px!important;}
section.edu_01 .step_wrap .step .step_title .fas{color:#FFF836; text-shadow: 2px 2px 2px #2645ED;}
section.edu_01 .step_wrap .step .step_title span{color:#FFF836; text-shadow: 2px 2px 2px #2645ED; font-size: 26px; font-weight: bold; padding-left:16px;}
section.edu_01 .step_wrap .step .step_text{margin-top:32px!important;}
section.edu_01 .step_wrap .step .step_text span{display: block!important; line-height: 24px; color:#fff;}
section.edu_01 .step_wrap .step .step_text span:first-child{font-weight: bold; font-size: 18px; line-height: 34px;}


/*----------------------------section truck추가:pc--------------------------------------------*/
/*실외형*/
section.truck_01 h2 {font-size: 48px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.truck_01 h2::after{display: block; content:""; clear:both;}
section.truck_01 p.text { color: #474747; font-size: 16px; line-height: 24px;}

section.truck_01 .truck-right .business_text{margin:16px 0 24px; display: inline-block; width:45%; font-size: 16px; font-weight: bold;
  background: #2fa8e0; padding: 16px 48px; border-radius: 16px; cursor:pointer}
section.truck_01 .truck-right .business_text:nth-child(1){margin-right:9%;}
section.truck_01 .truck-right .business_text:nth-child(2){margin-right:0%;}

section.truck_01 .truck-right .business_text:hover {background: #FFF836;}
section.truck_01 .truck-right .business_text:hover .fas{color:#2fa8e0!important;}
section.truck_01 .truck-right .business_text:hover span{color:#2fa8e0!important; text-decoration-line: none!important}
section.truck_01 .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.truck_01 .truck-right .business_text span{padding-left: 16px; display: inline-block; line-height:44px; vertical-align:middle;font-weight: bold; color:#fff;}

section.truck_01 .truck-right .table_wrap{}
section.truck_01 .truck-right .table_wrap table{width:100%; border:1px solid skyblue!important; font-size: 14px; color:#474747;}
section.truck_01 .truck-right .table_wrap table .table_head{background-color: #2fa8e0; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; color:#fff;}
section.truck_01 .truck-right .table_wrap table .class_name{font-size: 16px; font-weight: bold; }
section.truck_01 .truck-right .table_wrap table .class_option{color:#2fa8e0;}
section.truck_01 .truck-right .table_wrap table .table_row{padding:16px!important; border-top: 1px solid skyblue!important; border-bottom: 1px solid skyblue!important;}
section.truck_01 .truck-right .table_wrap table .table_col{text-align: center; line-height: 24px; padding:8px!important;}
section.truck_01 .truck-right .table_wrap table .table_col_ex{line-height: 24px; padding:8px!important;}

section.truck_01 .truck-gallery{}
section.truck_01 .truck-gallery h2 {font-size: 36px; font-weight: 900; color: #000; margin-top:48px; margin-bottom: 20px; float: none; text-align: center;}
section.truck_01 .truck-gallery h2::after{display: block; content:""; clear:both;}
section.truck_01 .truck-gallery p.text { color: #474747; font-size: 16px; line-height: 24px;}
section.truck_01 .truck-gallery .business_area_wrap img{width:100%!important; height:auto!important;}

/**/
section.truck_02 h2 {font-size: 48px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.truck_02 h2::after{display: block; content:""; clear:both;}
section.truck_02 p.text { color: #474747; font-size: 16px; line-height: 24px;}

section.truck_02 .truck-right .business_text{margin:16px 0 24px; display: inline-block; width:45%; font-size: 16px; font-weight: bold;
  background: #2fa8e0; padding: 16px 48px; border-radius: 16px; cursor:pointer}
section.truck_02 .truck-right .business_text:nth-child(1){margin-right:9%;}
section.truck_02 .truck-right .business_text:nth-child(2){margin-right:0%;}

section.truck_02 .truck-right .business_text:hover {background: #FFF836;}
section.truck_02 .truck-right .business_text:hover .fas{color:#2fa8e0!important;}
section.truck_02 .truck-right .business_text:hover span{color:#2fa8e0!important; text-decoration-line: none!important}
section.truck_02 .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.truck_02 .truck-right .business_text span{padding-left: 16px; display: inline-block; line-height:44px; vertical-align:middle;font-weight: bold; color:#fff;}

section.truck_02 .truck-right .table_wrap{}
section.truck_02 .truck-right .table_wrap table{width:100%; border:1px solid skyblue!important; font-size: 14px; color:#474747;}
section.truck_02 .truck-right .table_wrap table .table_head{background-color: #2fa8e0; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; color:#fff;}
section.truck_02 .truck-right .table_wrap table .class_name{font-size: 16px; font-weight: bold; }
section.truck_02 .truck-right .table_wrap table .class_option{color:#2fa8e0;}
section.truck_02 .truck-right .table_wrap table .table_row{padding:16px!important; border-top: 1px solid skyblue!important; border-bottom: 1px solid skyblue!important;}
section.truck_02 .truck-right .table_wrap table .table_col{text-align: center; line-height: 24px; padding:8px!important;}
section.truck_02 .truck-right .table_wrap table .table_col_ex{line-height: 24px; padding:8px!important;}

section.truck_02 .truck-gallery{}
section.truck_02 .truck-gallery h2 {font-size: 36px; font-weight: 900; color: #000; margin-top:48px; margin-bottom: 20px; float: none; text-align: center;}
section.truck_02 .truck-gallery h2::after{display: block; content:""; clear:both;}
section.truck_02 .truck-gallery p.text { color: #474747; font-size: 16px; line-height: 24px;}
section.truck_02 .truck-gallery .business_area_wrap img{width:100%!important; height:auto!important;}

/**/
section.truck_03 h2 {font-size: 48px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.truck_03 h2::after{display: block; content:""; clear:both;}
section.truck_03 p.text { color: #474747; font-size: 16px; line-height: 24px;}

section.truck_03 .truck-right .business_text{margin:16px 0 24px; display: inline-block; width:45%; font-size: 16px; font-weight: bold;
  background: #2fa8e0; padding: 16px 48px; border-radius: 16px; cursor:pointer; }
section.truck_03 .truck-right .business_text:nth-child(1){margin-right:9%;}
section.truck_03 .truck-right .business_text:nth-child(2){margin-right:0%;}

section.truck_03 .truck-right .business_text:hover {background: #FFF836;}
section.truck_03 .truck-right .business_text:hover .fas{color:#2fa8e0!important;}
section.truck_03 .truck-right .business_text:hover span{color:#2fa8e0!important; text-decoration-line: none!important}
section.truck_03 .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.truck_03 .truck-right .business_text span{padding-left: 16px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

section.truck_03 .truck-right .table_wrap{}
section.truck_03 .truck-right .table_wrap table{width:100%; border:1px solid skyblue!important; font-size: 14px; color:#474747;}
section.truck_03 .truck-right .table_wrap table .table_head{background-color: #2fa8e0; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; color:#fff;}
section.truck_03 .truck-right .table_wrap table .class_name{font-size: 16px; font-weight: bold; }
section.truck_03 .truck-right .table_wrap table .class_option{color:#2fa8e0;}
section.truck_03 .truck-right .table_wrap table .table_row{padding:16px!important; border-top: 1px solid skyblue!important; border-bottom: 1px solid skyblue!important;}
section.truck_03 .truck-right .table_wrap table .table_col{text-align: center; line-height: 24px; padding:8px!important;}
section.truck_03 .truck-right .table_wrap table .table_col_ex{line-height: 24px; padding:8px!important;}

section.truck_03 .truck-gallery{}
section.truck_03 .truck-gallery h2 {font-size: 36px; font-weight: 900; color: #000; margin-top:64px; margin-bottom: 32px; float: none; text-align: center;}
section.truck_03 .truck-gallery h2::after{display: block; content:""; clear:both;}
section.truck_03 .truck-gallery p.text { color: #474747; font-size: 16px; line-height: 24px;}
section.truck_03 .truck-gallery .business_area_wrap img{width:100%!important; height:auto!important;}
/*------------------------------------------------------------------------*/

/*-----------------section business_01:tab(원본 company_03에서 수정함)=사업영역 truck_all------------------*/
/* 연혁 */
section.truck_all #tab_wrap .nav-tabs {
    border-bottom: 0;
}

section.truck_all #tab_wrap .nav-tabs > li > a {
    margin: 0;

}

section.truck_all #tab_wrap .nav-tabs > li > a,
section.truck_all #tab_wrap .nav-tabs > li > a:focus,
section.truck_all #tab_wrap .nav-tabs > li > a:hover {
    color: #fff;

    border-left: 1px #cfcfcf solid;
}

section.truck_all #tab_wrap .nav-tabs > li > a {
  /*bootstrap.css에 탭 a태그 패딩 있는데 여기서 수정1
  모바일(max-width480px)에서 글자 더 작게 수정2:responsive.css*/
  padding: 10px 5px!important;
  /**/
    border: none;
    color: #666;
    background: #f8f8f8;
    /*            font-size: 13px;*/
    font-weight: 600;
    border-top: 1px #dedede solid;
    border-bottom: 1px #999999 solid;
    border-left: 1px #dedede solid;
    /*    border-top: 1px #999999 solid;*/
    border-radius: 0;
    line-height: 38px;
    font-size: 16px;
    /*        transition: 1s;*/
}


section.truck_all #tab_wrap .nav-tabs > li:first-child > a {
    /*        border-left: 1px #999999 solid;*/
}


section.truck_all #tab_wrap .nav-tabs > li:last-child > a {}

section.truck_all #tab_wrap .nav-tabs > li > a > span {
    color: #000;
}

section.truck_all #tab_wrap .nav-tabs > li > a:hover,
section.truck_all #tab_wrap .nav-tabs > li > a#bo_cate_on,
section.truck_all #tab_wrap .nav-tabs > li > a:focus {
    color: #efefef;
    background: #fff;
    color: #000;
    border-top: 1px #cfcfcf solid;
    border-bottom: 1px #fff solid;
    border-left: 1px #cfcfcf solid;

}

section.truck_all #tab_wrap .nav-tabs > li > a#bo_cate_on {
    background-color: #fff;
    border-top: 2px #000 solid;
    font-weight: 900;
}

section.truck_all #tab_wrap .nav-tabs > li:first-child > a:hover,
section.truck_all #tab_wrap .nav-tabs > li:first-child > a:focus {
    border-left: 0;
}



section.truck_all #tab_wrap .nav-tabs.two > li {
    width: 50%;
    text-align: center;
}

section.truck_all #tab_wrap .nav-tabs.three > li {
    width: 33.333333333333333%;
    text-align: center;
}

section.truck_all #tab_wrap .nav-tabs.four > li {
    width: 25%;
    text-align: center;
}

section.truck_all .tab-pane {
    padding: 15px 0;
}

section.truck_all .tab-content {
    padding: 20px
}



section.truck_all #tab_wrap {
    /*        border: 0 !important;*/
    border-left: 1px #dedede solid;
    border-right: 1px #dedede solid;
    border-top: 0;
    border-bottom: 0;
    margin-bottom: 80px;
}
/*tab 공통 끝*/
/**/
div.image_wrap{text-align: center; margin:16px 0; }
div.image_wrap img{display: block; width:100%; height:auto;}
/*----------------------------section activity추가:pc--------------------------------------------*/
/*activity_all:공통; 내부 레이아웃 전용/ 탭(truck_all)로 통일.*/
section.activity_all h2 {font-size: 48px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.activity_all h2::after{display: block; content:""; clear:both;}
section.activity_all p.text { color: #474747; font-size: 16px; line-height: 24px;}

section.activity_all .truck-right .business_text{margin:16px 0 24px; display: inline-block; width:45%; font-size: 16px; font-weight: bold;
  background: #2fa8e0; padding: 16px 48px; border-radius: 16px; cursor:pointer}
section.activity_all .truck-right .business_text:nth-child(1){margin-right:9%;}
section.activity_all .truck-right .business_text:nth-child(2){margin-right:0%;}

section.activity_all .truck-right .business_text:hover {background: #FFF836;}
section.activity_all .truck-right .business_text:hover .fas{color:#2fa8e0!important;}
section.activity_all .truck-right .business_text:hover span{color:#2fa8e0!important; text-decoration-line: none!important}
section.activity_all .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.activity_all .truck-right .business_text span{padding-left: 16px; display: inline-block; line-height:44px; vertical-align:middle;font-weight: bold; color:#fff;}

section.activity_all .truck-right .table_wrap{}
section.activity_all .truck-right .table_wrap table{width:100%; border:1px solid skyblue!important; font-size: 14px; color:#474747;}
section.activity_all .truck-right .table_wrap table .table_head{background-color: #2fa8e0; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold; color:#fff;}
section.activity_all .truck-right .table_wrap table .class_name{font-size: 16px; font-weight: bold; }
section.activity_all .truck-right .table_wrap table .class_option{color:#2fa8e0;}
section.activity_all .truck-right .table_wrap table .table_row{padding:16px!important; border-top: 1px solid skyblue!important; border-bottom: 1px solid skyblue!important;}
section.activity_all .truck-right .table_wrap table .table_col{text-align: center; line-height: 24px; padding:8px!important;}
section.activity_all .truck-right .table_wrap table .table_col_ex{line-height: 24px; padding:8px!important;}

section.activity_all .truck-gallery{}
section.activity_all .truck-gallery h2 {font-size: 36px; font-weight: 900; color: #000; margin-top:48px; margin-bottom: 20px; float: none; text-align: center;}
section.activity_all .truck-gallery h2::after{display: block; content:""; clear:both;}
section.activity_all .truck-gallery p.text { color: #474747; font-size: 16px; line-height: 24px;}
section.activity_all .truck-gallery .business_area_wrap img{width:100%!important; height:auto!important;}


/*activity_01:에어돔*/

/*activity_02:키오스크*/
/*activity_03:실내게임*/
/*activity_04:안경제작*/



@media (min-width:768px) and (max-width: 991px) {
    section.company_01 {
        text-align: center;
    }

    section h3.section_title_01 {
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 60px;
        line-height: 26px;
    }

    section.company_01 p.subj {
        font-size: 26px;
        font-weight: 900;
        line-height: 42px;
        margin-bottom: 30px;
        color: #000;
    }

    section.company_01 p.subj span {
        font-size: 26px;
        font-weight: 300;
        text-align: center;
    }

    section.company_01 .ceo {
        margin-top: 30px;
        margin-bottom: 50px;
        text-align: center;
    }

    section.company_01 .ceo img {
        float: none;
        text-align: center;
        width: 100%;
    }

    section.company_01 .ceo .message {
        float: right;
        padding-top: 18px;
        font-size: 14px;
    }

    section.company_01 .ceo .message span {
        font-weight: 900;
        font-family: 'NanumSquare';

    }

    /*company_01.php의 cert_wrap스타일 추가---min:576px and max:992px--부트스트랩bp적용*/
    section.company_01 .cert_wrap{margin-top:0px; text-align: center;}
    section.company_01 .cert_wrap img{width:100%; height:auto;}
    /**/


    section.company_02 .company_img01 {
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    section.company_02 .box1 {
        display: table;
        width: 100%;
        height: 47vh;
    }

    section.company_02 .box2 {
        display: table;
        height: 100%;
        width: 100%;
    }

    section.company_02 .box3 {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        padding-left: 6vh;
        padding-right: 6vh;

    }

    section.company_02 .box3 dl {
        font-family: 'Ubuntu', sans-serif;
        width:100%;
        padding-top: 18px;
    }

    section.company_02 .box3 dl dt {
        font-size: 32px;
        color: #000;
        text-transform: capitalize;

    }

    section.company_02 .box3 dl dd {
        font-size: 14px;

    }

    /*     연혁 */

    section.company_03 #tab_wrap .nav-tabs > li > a {
        border: none;
        color: #666;
        background: #f8f8f8;
        font-weight: 600;
        border-top: 1px #dedede solid;
        border-bottom: 1px #999999 solid;
        border-left: 1px #dedede solid;
        border-radius: 0;
        line-height: 24px;
        font-size: 14px;
    }

    section.company_03 #tab_wrap {

        margin-bottom: 50px;
    }

    section.company_03 .history-left h2 {
        font-size: 26px;
        margin-bottom: 10px;
        font-weight: 900;
        color: #000;
        margin-top: 0;
        float: left;

    }

    section.company_03 .history-left span {
        padding-left: 14px;
        line-height: 32px;

        font-weight: 300;
        font-size: 18px;
        color: #474747;
    }

    section.company_03 .history-left p.text {
        color: #474747;
        font-size: 14px;
        line-height: 22px;
    }

    section.company_03 .history-left p.image {
        margin-top: 30px;

    }

    section.company_03 .history-left p.image img {
        width: 100%;
    }

    section.company_03 .history-right {
        background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;
        margin-top: 10px;
        margin-left: 0px;
    }

    section.company_03 .history-left {
        margin-bottom: 40px;
    }

    section.company_03 .history-right li.title {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Open Sans', sans-serif;
        color: #000;
        padding-bottom: 6px;
    }
    .popup-content {
        width: 70%;
    }



/*------business_01추가:768~992px----------------------------------------*/
/*     사업영역 */

section.business_01 #tab_wrap .nav-tabs > li > a {
    border: none;
    color: #666;
    background: #f8f8f8;
    font-weight: 600;
    border-top: 1px #dedede solid;
    border-bottom: 1px #999999 solid;
    border-left: 1px #dedede solid;
    border-radius: 0;
    line-height: 24px;
    font-size: 14px;
}

section.business_01 #tab_wrap {

    margin-bottom: 50px;
}

section.business_01 .history-left h2 {
    font-size: 26px;
    margin-bottom: 10px;
    font-weight: 900;
    color: #000;
    margin-top: 0;
    float: left;

}

section.business_01 .history-left span {
    padding-left: 14px;
    line-height: 32px;

    font-weight: 300;
    font-size: 18px;
    color: #474747;
}

section.business_01 .history-left p.text {
    color: #474747;
    font-size: 14px;
    line-height: 22px;
}

section.business_01 .history-left p.image {
    margin-top: 30px;

}

section.business_01 .history-left p.image img {
    width: 100%;
}

section.business_01 .history-right {
    background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;
    margin-top: 10px;
    margin-left: 0px;
}

section.business_01 .history-left {
    margin-bottom: 40px;
}

section.business_01 .history-right li.title {
    font-size: 20px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    padding-bottom: 6px;
}
.popup-content {
    width: 70%;
}

/*----------------------------------------------------------------*/
/*사업영역1:진로체험*/
section.business_01 .business-left01 h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.business_01 .business-left01 h2::after{display: block; content:""; clear:both;}
section.business_01 .business-left01 p.text { color: #474747; font-size: 14px; line-height: 24px;}

section.business_01 .business-right01 .business_text{padding:14px!important; text-align: center; font-size: 14px;}
section.business_01 .business-right01 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.business_01 .business-right01 .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle;}
section.business_01 .business-right01 .business_text span a{font-weight: bold; color:#fff;}

section.business_01 .business-right01 .table_wrap table{font-size: 12px;}
section.business_01 .business-right01 .table_wrap table .table_head{line-height: 30px; font-size: 14px;}
section.business_01 .business-right01 .table_wrap table .class_name{font-size: 14px; }

/*사업영역2:VR컨텐츠*/
section.business_01 .business-left02 h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.business_01 .business-left02 h2::after{display: block; content:""; clear:both;}
section.business_01 .business-left02 p.text { color: #474747; font-size: 14px; line-height: 24px;}

section.business_01 .business-left02 .business_text{margin:16px 0 0px!important; padding:14px!important; text-align: center; font-size: 14px; width:100%;}
section.business_01 .business-left02 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.business_01 .business-left02 .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle;font-weight: bold; color:#fff;}

section.business_01 .business-right02 h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.business_01 .business-right02 h2::after{display: block; content:""; clear:both;}
section.business_01 .business-right02 p.text { color: #474747; font-size: 14px; line-height: 24px;}

section.business_01 .business-right02 .business_text{margin:16px 0 0px!important; padding:14px!important; text-align: center; font-size: 14px; width:100%;}
section.business_01 .business-right02 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.business_01 .business-right02 .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle;font-weight: bold; color:#fff;}


/*사업영역3:VR트럭*/
section.business_01 .business-left03 h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.business_01 .business-left03 h2::after{display: block; content:""; clear:both;}
section.business_01 .business-left03 p.text { color: #474747; font-size: 14px; line-height: 24px;}

section.business_01 .business-left03 .business_text{margin:16px 0 0px!important; padding:14px!important; text-align: center; font-size: 14px; width:100%;}
section.business_01 .business-left03 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.business_01 .business-left03 .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

section.business_01 .business-right03 .business_text{padding:14px!important; text-align: center; font-size: 14px;}
section.business_01 .business-right03 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.business_01 .business-right03 .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

section.business_01 .business-right03 .table_wrap table{font-size: 12px;}
section.business_01 .business-right03 .table_wrap table .table_head{line-height: 30px; font-size: 14px;}
section.business_01 .business-right03 .table_wrap table .class_name{font-size: 14px; }



/*----------------------section:truck01 실외형---------------------------------*/
section.truck_01 .truck-left{padding-bottom: 16px;}
section.truck_01 .truck-left h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.truck_01 .truck-left h2::after{display: block; content:""; clear:both;}
section.truck_01 .truck-left p.text { color: #474747; font-size: 14px; line-height: 24px;}

section.truck_01 .truck-right .business_text{padding:14px!important; text-align: center; font-size: 14px;}
section.truck_01 .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.truck_01 .truck-right .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

section.truck_01 .truck-right .table_wrap table{font-size: 12px;}
section.truck_01 .truck-right .table_wrap table .table_head{line-height: 30px; font-size: 14px;}
section.truck_01 .truck-right .table_wrap table .class_name{font-size: 14px; }

/*truck02 실내형*/
section.truck_02 .truck-left{padding-bottom: 16px;}
section.truck_02 .truck-left h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.truck_02 .truck-left h2::after{display: block; content:""; clear:both;}
section.truck_02 .truck-left p.text { color: #474747; font-size: 14px; line-height: 24px;}

section.truck_02 .truck-right .business_text{padding:14px!important; text-align: center; font-size: 14px;}
section.truck_02 .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.truck_02 .truck-right .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

section.truck_02 .truck-right .table_wrap table{font-size: 12px;}
section.truck_02 .truck-right .table_wrap table .table_head{line-height: 30px; font-size: 14px;}
section.truck_02 .truck-right .table_wrap table .class_name{font-size: 14px; }

/*truck03 홍보용*/
section.truck_03 .truck-left{padding-bottom: 16px;}
section.truck_03 .truck-left h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
section.truck_03 .truck-left h2::after{display: block; content:""; clear:both;}
section.truck_03 .truck-left p.text { color: #474747; font-size: 14px; line-height: 24px;}

section.truck_03 .truck-right .business_text{padding:14px!important; text-align: center; font-size: 14px;}
section.truck_03 .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
section.truck_03 .truck-right .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

section.truck_03 .truck-right .table_wrap table{font-size: 12px;}
section.truck_03 .truck-right .table_wrap table .table_head{line-height: 30px; font-size: 14px;}
section.truck_03 .truck-right .table_wrap table .class_name{font-size: 14px; }

}





@media (max-width: 767px) {

  /*사업영역1:진로체험*/
  section.business_01 .business-left01 h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
  section.business_01 .business-left01 h2::after{display: block; content:""; clear:both;}
  section.business_01 .business-left01 p.text { color: #474747; font-size: 14px; line-height: 24px;}

  section.business_01 .business-right01 .business_text{padding:12px!important; text-align: center; font-size: 12px;}
  section.business_01 .business-right01 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
  section.business_01 .business-right01 .business_text span{padding-left: 12px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

  section.business_01 .business-right01 .table_wrap table{font-size: 12px;}
  section.business_01 .business-right01 .table_wrap table .table_head{font-size: 12px;}
  section.business_01 .business-right01 .table_wrap table .class_name{font-size: 12px; }

  /*사업영역2:VR컨텐츠*/
  section.business_01 .business-left02 h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
  section.business_01 .business-left02 h2::after{display: block; content:""; clear:both;}
  section.business_01 .business-left02 p.text { color: #474747; font-size: 14px; line-height: 24px;}

  section.business_01 .business-left02 .business_text{padding:12px!important; text-align: center; font-size: 12px;}
  section.business_01 .business-left02 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
  section.business_01 .business-left02 .business_text span{padding-left: 12px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

  section.business_01 .business-right02 .business_text{padding:12px!important; text-align: center; font-size: 12px;}
  section.business_01 .business-right02 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
  section.business_01 .business-right02 .business_text span{padding-left: 12px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

  section.business_01 .business-right02 .table_wrap table{font-size: 12px;}
  section.business_01 .business-right02 .table_wrap table .table_head{font-size: 12px;}
  section.business_01 .business-right02 .table_wrap table .class_name{font-size: 12px; }

  /*사업영역3:VR트럭*/
  section.business_01 .business-left03 h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
  section.business_01 .business-left03 h2::after{display: block; content:""; clear:both;}
  section.business_01 .business-left03 p.text { color: #474747; font-size: 14px; line-height: 24px;}

  section.business_01 .business-left03 .business_text{margin:16px 0 0px!important; padding:14px!important; text-align: center; font-size: 14px; width:100%;}
  section.business_01 .business-left03 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
  section.business_01 .business-left03 .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

  section.business_01 .business-right03 .business_text{padding:14px!important; text-align: center; font-size: 14px;}
  section.business_01 .business-right03 .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
  section.business_01 .business-right03 .business_text span{padding-left: 14px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

  section.business_01 .business-right03 .table_wrap table{font-size: 12px;}
  section.business_01 .business-right03 .table_wrap table .table_head{line-height: 30px; font-size: 14px;}
  section.business_01 .business-right03 .table_wrap table .class_name{font-size: 14px; }


  /*----------------------section:truck01 실외형---------------------------------*/
  section.truck_01 .truck-left{padding-bottom: 16px; }
  section.truck_01 .truck-left h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
  section.truck_01 .truck-left h2::after{display: block; content:""; clear:both;}
  section.truck_01 .truck-left p.text { color: #474747; font-size: 14px; line-height: 24px;}

  section.truck_01 .truck-right .business_text{padding:12px!important; text-align: center; font-size: 12px;}
  section.truck_01 .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
  section.truck_01 .truck-right .business_text span{padding-left: 12px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

  section.truck_01 .truck-right .table_wrap table{font-size: 12px;}
  section.truck_01 .truck-right .table_wrap table .table_head{font-size: 12px;}
  section.truck_01 .truck-right .table_wrap table .class_name{font-size: 12px; }

  /*truck02 실내형*/
  section.truck_02 .truck-left{padding-bottom: 16px; }
  section.truck_02 .truck-left h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
  section.truck_02 .truck-left h2::after{display: block; content:""; clear:both;}
  section.truck_02 .truck-left p.text { color: #474747; font-size: 14px; line-height: 24px;}

  section.truck_02 .truck-right .business_text{padding:12px!important; text-align: center; font-size: 12px;}
  section.truck_02 .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
  section.truck_02 .truck-right .business_text span{padding-left: 12px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

  section.truck_02 .truck-right .table_wrap table{font-size: 12px;}
  section.truck_02 .truck-right .table_wrap table .table_head{font-size: 12px;}
  section.truck_02 .truck-right .table_wrap table .class_name{font-size: 12px; }

  /*truck03 홍보용*/
  section.truck_03 .truck-left{padding-bottom: 16px; }
  section.truck_03 .truck-left h2 {font-size: 36px; font-weight: 900; color: #000; margin-bottom: 20px; margin-top: 0; float: left;}
  section.truck_03 .truck-left h2::after{display: block; content:""; clear:both;}
  section.truck_03 .truck-left p.text { color: #474747; font-size: 14px; line-height: 24px;}

  section.truck_03 .truck-right .business_text{padding:12px!important; text-align: center; font-size: 12px;}
  section.truck_03 .truck-right .business_text .fas{color:#fff; display: inline-block; line-height:44px; vertical-align:middle; padding: 0 10.5px;}
  section.truck_03 .truck-right .business_text span{padding-left: 12px; display: inline-block; line-height:44px; vertical-align:middle; font-weight: bold; color:#fff;}

  section.truck_03 .truck-right .table_wrap table{font-size: 12px;}
  section.truck_03 .truck-right .table_wrap table .table_head{font-size: 12px;}
  section.truck_03 .truck-right .table_wrap table .class_name{font-size: 12px; }
  /**/




      section.company_01 {
          text-align: center;
      }

      section h3.section_title_01 {
          font-size: 18px;
          font-weight: 500;
          text-align: center;
          margin-bottom: 60px;
          line-height: 26px;
      }

      section.company_01 p.subj {
          font-size: 26px;
          font-weight: 900;
          line-height: 42px;
          margin-bottom: 30px;
          color: #000;
      }

      section.company_01 p.subj span {
          font-size: 26px;
          font-weight: 300;
          text-align: center;
      }

      section.company_01 .ceo {
          margin-top: 30px;
          margin-bottom: 50px;
          text-align: center;
      }

      section.company_01 .ceo img {
          float: none;
          text-align: center;
          width: 100%;
      }

      section.company_01 .ceo .message {
          float: right;
          padding-top: 18px;
          font-size: 14px;
      }

      section.company_01 .ceo .message span {
          font-weight: 900;
          font-family: 'NanumSquare';

      }

      /*company_01.php의 cert_wrap스타일 추가---max:767px*/
      section.company_01 .cert_wrap{margin-top:0px; text-align: center;}
      section.company_01 .cert_wrap img{width:100%; height:auto;}

      /**/


      section.company_02 .company_img01 {
          background-position: top center;
          background-size: cover;
          background-repeat: no-repeat;
      }

      section.company_02 .box1 {
          display: table;
          width: 100%;
          height: 47vh;
      }

      section.company_02 .box2 {
          display: table;
          height: 100%;
          width: 100%;
      }

      section.company_02 .box3 {
          display: table-cell;
          vertical-align: middle;
          text-align: left;
          padding-left: 6vh;
          padding-right: 6vh;

      }

      section.company_02 .box3 dl {
          font-family: 'Ubuntu', sans-serif;
          width: 100%;
          padding-top: 18px;
      }

      section.company_02 .box3 dl dt {
          font-size: 32px;
          color: #000;
          text-transform: capitalize;

      }

      section.company_02 .box3 dl dd {
          font-size: 14px;

      }

      /*     연혁 */

      section.company_03 #tab_wrap .nav-tabs > li > a {
          border: none;
          color: #666;
          background: #f8f8f8;
          font-weight: 600;
          border-top: 1px #dedede solid;
          border-bottom: 1px #999999 solid;
          border-left: 1px #dedede solid;
          border-radius: 0;
          line-height: 24px;
          font-size: 14px;
      }

      section.company_03 #tab_wrap {

          margin-bottom: 50px;
      }

      section.company_03 .history-left h2 {
          font-size: 26px;
          margin-bottom: 10px;
          font-weight: 900;
          color: #000;
          margin-top: 0;
          float: left;

      }

      section.company_03 .history-left span {
          padding-left: 14px;
          line-height: 32px;

          font-weight: 300;
          font-size: 18px;
          color: #474747;
      }

      section.company_03 .history-left p.text {
          color: #474747;
          font-size: 14px;
          line-height: 22px;
      }

      section.company_03 .history-left p.image {
          margin-top: 30px;

      }

      section.company_03 .history-left p.image img {
          width: 100%;
      }

      section.company_03 .history-right {
          background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;
          margin-top: 10px;
          margin-left: 0px;
      }

      section.company_03 .history-left {
          margin-bottom: 40px;
      }

      section.company_03 .history-right li.title {
          font-size: 20px;
          font-weight: 700;
          font-family: 'Open Sans', sans-serif;
          color: #000;
          padding-bottom: 6px;
      }
      .popup-content {
          width: 70%;
      }


      /*---------------business_01추가: ~775 (company_03복사)-------------------------*/
      /*     사업영역 */

      section.business_01 #tab_wrap .nav-tabs > li > a {
          border: none;
          color: #666;
          background: #f8f8f8;
          font-weight: 600;
          border-top: 1px #dedede solid;
          border-bottom: 1px #999999 solid;
          border-left: 1px #dedede solid;
          border-radius: 0;
          line-height: 24px;
          font-size: 14px;
      }

      section.business_01 #tab_wrap {

          margin-bottom: 50px;
      }

      section.business_01 .history-left h2 {
          font-size: 26px;
          margin-bottom: 10px;
          font-weight: 900;
          color: #000;
          margin-top: 0;
          float: left;

      }

      section.business_01 .history-left span {
          padding-left: 14px;
          line-height: 32px;

          font-weight: 300;
          font-size: 18px;
          color: #474747;
      }

      section.business_01 .history-left p.text {
          color: #474747;
          font-size: 14px;
          line-height: 22px;
      }

      section.business_01 .history-left p.image {
          margin-top: 30px;

      }

      section.business_01 .history-left p.image img {
          width: 100%;
      }

      section.business_01 .history-right {
          background: url("../../img/sub/dot_back.png") 9px 0% repeat-y;
          margin-top: 10px;
          margin-left: 0px;
      }

      section.business_01 .history-left {
          margin-bottom: 40px;
      }

      section.business_01 .history-right li.title {
          font-size: 20px;
          font-weight: 700;
          font-family: 'Open Sans', sans-serif;
          color: #000;
          padding-bottom: 6px;
      }
      .popup-content {
          width: 70%;
        }



};