@charset "utf-8";
.lh-50px {
  line-height: 45px;
}

.lh-35px {
  line-height: 35px;
}

.lh-40px {
  line-height: 40px;
}

.img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform:scale(1.01);
    aspect-ratio: 1 / 0.7;

}
.s2_content .img_wrap1 img {
    max-height: 500px;
    object-fit: contain;
    border-radius: 18px;
    border: 1px solid #d7d7d7;
}

.pd_content img{
    width: 100%;
}
/*************************/
/* sub1_1 */
.sub1_top {
  background-image: url('../img/sub1_1_bg.webp');
  height: 903px;
  background-size: cover;
  background-repeat: no-repeat;
}

.sub_nav {
  height: 80px;

}

.sub_nav_wrap {
  gap: 120px;
  text-align: center;
}

.sub_nav_a {
  color: #c4c4c5;
}

.sub_nav_a.on {
  color: #0b2065;
}

.sub_content {
  padding: 180px 0;
}

.s1_sect1_bottom_box {
  border-top: 2px solid #0b2065;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  height: 300px;
}

.s1_sect1_bottom_box .box {
  width: calc(100% / 3);
}

/*************************/
/* sub1_2 */
.history_box {
  padding: 50px 0;
}

.history_box:first-child {
  padding-top: 0 !important;
}

/*************************/
/* sub1_3 */

.map_box {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.root_daum_roughmap {
  width: 100% !important;
}

.root_daum_roughmap .wrap_map {
  width: 100% !important;
}

.root_daum_roughmap .cont {
  display: none !important;
}

.root_daum_roughmap .wrap_controllers {
  display: none;
}

/*************************/
/* sub2_1 */

.sub2_top {
  background-image: url('../img/sub2_bg.webp');
  height: 903px;
  background-size: cover;
  background-repeat: no-repeat;
}

.sub_nav_wrap {
  gap: 95px;
}

.s2_1_box {
  width: 30%;
  margin-bottom: 70px;
}

.s2_1_box .img_wrap {
  width: 100%;
  position: relative;
  background-color: #fff;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid #d7d7d7
}

.s2_1_box .img_wrap img {
  transition: all 0.3s ease;
}


/* 전체 박스에 어두워지는 오버레이 */
.s2_1_box .img_wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  pointer-events: none;
}

/* 호버 시 오버레이 표시 */
.s2_1_box .img_wrap:hover::after {
  opacity: 1;
}

.s2_1_box .img_wrap:hover img {
  transform: scale(1.05);

}

/*.s2_1_box .img_wrap:hover {*/
/*  border: 1px solid #d7d7d7;*/
/*  border-radius: 10px*/
/*}*/
/*************************/
/* sub2_1_1 */
.sub_content.s2_1_1 {
  padding-top: 180px;
  padding-bottom: 0;
}

.s2_1_1_inner1 {
  z-index: 0;
}

/*.s2_1_1_inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -101px;*/
/*  top: -76px;*/
/*}*/

/*************************/
/* sub2_1_2 */

/*.s2_1_2_inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -119px;*/
/*  top: -55px;*/
/*}*/

/*************************/
/* sub2_1_3 */
/*.s2_1_3_inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -19px;*/
/*  top: -55px;*/
/*}*/

/*************************/
/* sub2_1_4 */

/*.s2_1_4_inner1 .img_wrap {*/
/*z-index: -1;*/
/*left: -55px;*/
/*top: 18px;*/
/*}*/

/*************************/
/* sub2_1_5 */

/*.s2_1_5inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -111px;*/
/*  top: 18px;*/
/*}*/

/*************************/
/* sub2_1_6 */

/*.s2_1_6inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -172px;*/
/*  top: -88px;*/
/*}*/

/*************************/
/* sub2_1_7 */

/*.s2_1_7inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -129px;*/
/*  top: -88px;*/
/*}*/

/*************************/
/* sub2_1_8 */

/*.s2_1_8inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -140px;*/
/*  top: 10px;*/
/*}*/

/*************************/
/* sub2_2 */

/*************************/
/* sub2_2_1 */

/*.s2_2_1_inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -32px;*/
/*  top: 19px;*/
/*}*/

/*************************/
/* sub2_2_2 */
/*.s2_2_2_inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -143px;*/
/*  top: 19px;*/
/*}*/

/*************************/
/* sub2_2_3 */
/*.s2_2_3_inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -92px;*/
/*  top: 19px;*/
/*}*/

/*************************/
/* sub2_2_4 */
/*.s2_2_4_inner1 .img_wrap {*/
/*  z-index: -1;*/
/*  left: -60px;*/
/*  top: 19px;*/
/*}*/

/*************************/
/* sub3_1 */

.sub3_top {
  background-image: url('../img/sub3_bg.webp');
  height: 903px;
  background-size: cover;
  background-repeat: no-repeat;
}

.blue_box1 {
  min-height: 212px;
  width: 28%;
}

.blue_box_desc {
  padding: 38px;
}

.blue_box1_title {
  height: 80px;
  background-color: #007bc7;
}

.blue_box2_title {
  height: 80px;
  background-color: #0b5ab3;
}

.blue_box3_title {
  height: 80px;
  background-color: #0b2065;
}

.s3_1_box {
  width: 30%;
  min-height: 140px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.txt_box {
  width: 100%;
  height: 75px;
}

.txt_box1 {
  background: #007bc7;
}

.down_arrow {
  top: 128px;
}

/*************************/
/* sub3_2 */
.insert_form {
  border-top: 2px solid #0b2065;
}

.form_row {
}

.form_left {
  padding: 20px 0;
  background: #fafafa;
}

.form_right {
  padding: 20px 0;
}

.form_right input {
  min-height: 45px;
  width: 98%
}

.form_right textarea {
  min-height: 275px;
  width: 98%
}

.submit_btn {
  background-color: #0b2065;
  width: 230px;
  height: 60px;;
}

/* mobile */
@media screen and (max-width: 767px) {
  img {
    max-width: 100%;
  }

  .sub1_top, .sub2_top, .sub3_top
{
  padding-top: 55px;
  height: 300px;
}
  .sub_nav {
    height: 60px;

  }
  .sub_nav_wrap.fs-24{
    font-size: 15px !important;
  }

  .sub_nav_wrap {
    gap: 15px;
    text-align: center;
  }

  .sub_content {
    padding: 50px 0;
  }

  .s1_sect1_bottom_box {
    height: 193px;
  }

  .s1_sect1_bottom_box .img_wrap {
    display: flex
  ;
    justify-content: center;
    align-items: center;
    min-height: 65px;
  }

  .s1_sect1_bottom_box .img_wrap img {
    transform: scale(0.7)
  }

 .lh-50px{
    line-height: 25px;
  }
  .history_box {
    padding: 20px 0;
  }
  .s2_1_box {
    width: 47%;
    margin-bottom: 14px;
  }
  .s2_1_box .img_wrap{
    border-radius:10px;
  }
  .sub_content.s2_1_1 {
    padding-top: 50px;
  }

  .s2_1_1_inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_1_1_inner1 .img_wrap img {
    max-width: none;
    height: auto;
width: 450px;
  }

  .s2_1_2_inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_1_2_inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }
  .s2_1_3_inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_1_3_inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }

  .s2_1_4_inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_1_4_inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }
  .s2_1_5inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_1_5inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }

  .s2_1_6inner1 .img_wrap {
       width: 100%;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       white-space: nowrap;
     }

  .s2_1_6inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }
  .s2_1_7inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_1_7inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }
  .s2_1_8inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_1_8inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }
  .s2_2_1_inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_2_1_inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }

  .s2_2_2_inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_2_2_inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }

  .s2_2_3_inner1 .img_wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }

  .s2_2_3_inner1 .img_wrap img {
    max-width: none;
    height: auto;
    width: 450px;
  }

  .blue_box_desc {
    padding: 14px;
  }
  .blue_box2_title,
  .blue_box1_title,
  .blue_box3_title{
    height: 54px;
  }
.blue_box1, .blue_box2, .blue_box3{
  min-height:unset;
}
.s3_1_box {
  min-height: 100px;
}
  .txt_box {
    width: 100%;
    height: 60px;
    text-align: center;
  }
  .down_arrow {
    top: 92px;
  }

  .s3_1_wrap img {
    transform : scale(0.4)
  }
  .form_right {
    padding: 10px 0;
  }
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  img {
    max-width: 100%;
  }
  .sub1_top,.sub2_top,.sub3_top {
    height: 400px;
    padding-top: 30px;
  }
  .sub_content {
    padding: 55px 0;
  }

  .lh-50px {
    line-height: 25px;
  }
  .history_box {
    padding: 28px 0;
  }
  .sub_nav_wrap {
    gap: 62px;
    text-align: center;
  }
  .s2_1_box {
    width: 32%;
    margin-bottom: 30px;
  }
  .s2_1_box .img_wrap {
    border-radius: 12px;
  }
  .sub_content.s2_1_1 {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .blue_box1, .blue_box2, .blue_box3 {
    min-height: 212px;
    width: 31%;
  }
  .blue_box_desc {
    padding: 21px;
  }
  .blue_box1_title,.blue_box2_title,.blue_box3_title {
    height: 60px;
  }
  .s3_1_wrap img {
    transform : scale(0.6)
  }
  .form_right {
    padding: 10px 0;
  }
}

/* 태블릿 아이패드미니 가로부터 ~ , 노트북 : 11인치  ~ 15인치 */
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  img {
    max-width: 100%;
  }

  .sub3_top, .sub2_top, .sub1_top {
    height: 92vh;
  }

.sub_nav_wrap{
  white-space: nowrap;
}

  .txt_box {
    padding: 0 10px;
    width: 278px;
    text-align: center;
  }

  .s2_1_box .img_wrap {
    overflow: hidden
  }

  .s2_1_box .img_wrap::after {
    width: 100%;
    height: 100%;
  }

  .wnth {
    width: 100px;
  }


}