/* 모바일 레이아웃 숨김 */

.mob_nav{
  display:none;
}
.mob_nav_btn{
  display:none;
}

.on_mob{
  display:none;
}



@media screen and (max-width: 768px){

  .on_mob{
    display:block;
  }

.menu-container .menu {
    display:none;
  }
  .mob_nav_btn{
    display:block;
    width:30px;
    height:30px;
    position:relative;
    z-index:10;
    cursor:pointer;
    mix-blend-mode: difference;
  }

  .mob_nav_btn span{
    width:22px;
    height:2px;
    background:#fff;
    position:absolute;
    top:calc(50% - 1px);
    left:calc(50% - 11px);
    
  }
  .mob_nav_btn span:nth-child(1){
    top: calc(50% - 8px);
  }
  .mob_nav_btn span:nth-child(3){
    top: calc(50% + 6px);
  }

  .mob_nav{
    position:fixed;
    right:-100vw;
    top:0;
    transition:all 0.5s ease;
    width:80vw;
    background-color:#36569A;
    z-index:11;
    height:100vh;
    visibility:hidden;
    display:block;
  }

.mob_nav.active{
  right:0;
  visibility:visible;
}
.mob_nav .btn_close{
  position:absolute;
  top:4vw;
  right:4vw;
  width:30px;
  height:30px;
  cursor:pointer;
}
.mob_nav .btn_close span{
  position:absolute;
  width:22px;
  height:2px;;
  background:#fff;
  top:calc(50% - 1px);
  left:calc(50% - 11px);
  transform:rotate(45deg);
}
.mob_nav .btn_close span:nth-child(2){
  transform:rotate(-45deg);
}

.mob_nav_inner{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:20px;
  font-weight:500;
  gap:68px;
}
.mob_nav_inner a{
  color:#fff;
}

.top-menu{
  height:60px;
}
.top-menu .logo{
  width:126px;
}
.top-menu .menu-container{
  padding: 0 20px;
}


.sec_01{
  aspect-ratio: 568 / 759 auto;
  height:auto;
  padding:none;
}

/* section02 */


.sec_tit h2{
  font-size:28px;
}
.sec_tit p{
  font-size:16px;
  word-break: keep-all;;
  line-height:1.5
}

.sec_02 .img_list{
  width:800%;
}

/* section03 */

.sec_03{
  padding:80px 20px;
}

.sec_03_intro{
  flex-direction:column;
  margin-bottom:60px;

}
.sec_03_intro .left_title h2{
  font-size:28px;
  line-height:36px;
  margin-bottom:30px;
}
.sec_03_intro .left_title p{
  font-size:16px;
  line-height:1.5;
  margin-bottom:40px;
}

.sec_03_cont h3{
  font-size:26px;
  line-height:36px;
  margin-bottom:30px;
}
.sec_03_cont{
  overflow:hidden;
}
.sec_03_cont .cont_tit p{
  font-size:16px;
  line-height:1.5;
}
.sec_03_cont .cont_tit{
  margin-bottom:30px;
}

.sec_03_cont .img_list{
  width:fit-content;
  animation: marquee 10s linear infinite;
}

.sec_03_cont .img_list .img_box{
  flex:unset;
  width:75vw;
}
.sec_03_cont .img_announce_list{
  width:fit-content;
  gap:2.5vw;
  animation:marquee 15s linear infinite;  

}

.sec_03_cont .img_announce_list .imb_box{
  flex:unset;
  width:30vw;
}


/* section04 */

.sec_04{
  padding:0 20px;
  overflow:visible;
}
.sec_04 .slide_sec{
  flex-direction: column;;
  padding:24px 24px 26px;
}
.sec_04_slide{
  height:fit-content;
}
.sec_04 .text_area .en_name{
  font-size:12px;
  margin-bottom:18px;
}
.sec_04 .text_area{
  width:100%;

}
.sec_04 .text_area h3{
  font-size:20px;
  margin-bottom:24px;
  line-height:1;
}
.sec_04 .text_area p{
  font-size:12px;
  line-height:20px;
  
}

.sec_04 .text_area br{
  display:none;
}

.sec_04_slide .nav_box {
  bottom:0;
  right:0;
  left:auto;
  transform:unset;;
}
.sec_04_slide .nav_box .navi{
  width:46px;
  height:46px;
}
.sec_04_slide .nav_box .navi img{
  width:100%;
}


/* section05 */

.sec_05{
  padding:0 14px 0;
}

.sec_05 .sec_tit p{
  line-height:1.5;
  word-break: keep-all;;
}
.sec_05 .view_slide{
  position:relative;
}
.sec_05 .navi{
  --half: 0;
  top:45%;
  width:40px;
  height:40px;
}



/* section06 */
.sec_06{
  padding-bottom:60px;
}

.sec_06 .fa_box{
  padding: 14px;
}
.sec_06 .fa_box .sm_tit{
  text-align: center;
  font-size:26px;

}
.sec_06 .fa_box .sm_tit h3{
  font-size:26px;
}
.sec_06 .fa_box .faq_list li{
  padding:24px 20px;

}

.sec_06 .fa_box .faq_list li .q_tit .btn_toggle span{
  width:100%;
}

.sec_06 .fa_box .faq_list li .q_tit .btn_toggle{
  width:16px;
  height:16px;
}
.sec_06 .fa_box .faq_list li .q_tit{
  font-size:16px;
  align-items: start;
  line-height:26px;
}


.sec_06 .fa_box .faq_list li .a_desc{
  font-size:14px;
  padding:0;
}
.sec_06 .fa_box .faq_list li.active .a_desc{
  padding:0;
}

/* section07 */

.sec_07 {
  padding:14px;
}
.sec_07 .map_area{
  height:240px;
  margin-bottom:50px;
}
.sec_07 .text_tit{
  font-size:20px;
  margin-bottom:20px;
}
.sec_07 th, .sec_07 td{
  font-size:18px;
  line-height:1.5;
}

.sec_07 th{
  font-size:15px;
  width:70px;
  vertical-align: baseline;

}
.sec_07 .contact_table th{
  vertical-align: middle;
}

.sec_07 td a{
  display:inline-block;
  width:112px;
}
.sec_07 td a img{
  width:100%;
}
.sec_07 td .plus_text{
  display:block;
  margin-left:0;
  margin-top:14px;
}
.sec_07 .hours_table th img{
  width:16px;
}
.sec_07 .hours_table td{
  font-size:15px;
  line-height:20px;
}

.sec_07 .location_table th {
    width:90px;
}

.count_sec {
  padding:80px 36px;
}

.count_list{
  width:100%;
  flex-wrap:wrap;
  justify-content: space-between;;
}
.count_sec h2{
  font-size:min(26px, 6vw);
}
.count_list .count_box{
  flex:unset;
  width:50%;
  border-right:none;
  
}
.count_box {
  margin-bottom:60px;
}
.count_box .count_tit{
  font-size:16px;
  margin-bottom:24px;
}
.count_box .count_num{
  font-size:32px;
  
}
/* footer */
footer{
  padding:0;
}
footer .flex_between{
  padding:43px 20px 200px;
  flex-direction: column;
  align-items: baseline;
}
footer .flex_between .left_footer{
  padding-bottom:40px;
  border-bottom:1px solid #fff;
}
footer .flex_between .right_footer{
  padding-top:40px;
}

}