.Wrap{overflow: hidden;}

.sec06.sec_bot {padding-bottom: 9em;}
/*슬라이드 기본*/
.swiper { width: 100%; height: 100%;overflow: inherit !important;}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

  .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.main_h5{font-size:1.25em; font-weight: 900;color:#333;font-family: 'Pretendard-Bold'}
.sec_title{margin-bottom:.8em;position: relative;}
.sec_title p{font-size:.95em;color:#888;margin-top:.5em;}
#main .sec_title .main_h5{font-family: 'GangwonEduPowerExtraBoldA' !important;    display: flex;}


#main.Wrap {height: 100vh !important;}

.sec01 .map{width: 100%;height:100vh;}
.sec01 .map iframe{width: 100%;height: 100%;}

.txt{font-size:0.75em;}
.tit{font-size:0.8em;font-weight: 600;}
.main_con{position: relative;;}
.main_con .view_modal{position: absolute;top:3.35em;left:-35vw;height:100vh;background: #fff;padding:1em 0;width: 35vw;transition-duration: 0.3s;z-index: 9999;}
.main_con .view_modal.on_open2{left:0vw;box-shadow: 5px 5px 5px rgb(0 0 0 /5%) }

.main_con .view_modal .bd{padding:0 0.6em;}

.main_con .view_modal .close_but{position:absolute;right:-2em;;}
.main_con .view_modal .close_but span{position:relative;width: 3em;height: 2em;display: block;border-radius: 0 3em 3em 0;background: #fff;box-shadow: 5px 5px 5px rgb(0 0 0 /5%) }

.main_con .view_modal .close_but span::after{content:'';display: block;width: 1.2em;height: 1.2em;;position: absolute;right:0.4em;top:50%;transform: translateY(-50%);border-radius: 50%;z-index: 0;background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163640103242506.png) center/cover;}


.main_con .view_modal .close_but.on_open span::after{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163639219819933.png) center/cover;}

.main_con .view_modal .close_but.on_open span{box-shadow: none; }
#main .map_sec{transition-duration: 0.3s;}

#main .map_sec.on_open4 {width: 65vw; margin-left: auto;}

.main_con .view_modal .top_my{padding:0 1em;}
.main_con .view_modal .top_my p {font-size: 0.8em;}
.main_con .view_modal .top_my h4 {font-size: 1.25em;font-weight: bolder;}
.main_con .view_modal .top_my h4 span{font-weight: 600;}


.main_con .view_modal .main_notioce{overflow: hidden;padding:0 1em;}
.main_con .view_modal .swiper-slide{display: block;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding:.8em;border-radius: 0.6em;text-align: left;    border: 1px solid #f1f1f1;}
.main_con .view_modal .swiper-slide .txt{color:#fdb714;}


.main_con .panels{height: 7.6em;;}
.main_con .panels .panel{height: 100%;}
.main_con .panels #noAlarm{box-shadow: none;color: #888;border: none;height: 100%;}

.main_con .panels #noAlarm > div{height: 100%;}
.main_con .panels #noAlarm p{height: 100%;display: flex;  font-weight: 300;  flex-direction: column; justify-content: center; align-items: center;}

h5{font-weight: bold;display: flex;justify-content: space-between;align-items: center;font-size:1em;;}
h5 span{font-size:0.7em;;border-radius: 20em;padding:.2em .6em}

#main .nav_inner.center h1.logo {left: 1em;}

/*main1*/
.main1.Wrap {height: 100%;}


.day_path h5{margin-bottom:.4em;padding:0 .4em;}
.day_path .scroll_sec{ height: 62vh;overflow-y:scroll ;padding: 0.4em}
.day_path ul{  }
.day_path ul li{padding:.8em;/* box-shadow: 0 0 10px rgba(0,0,0,0.1); */border-radius: .4em; margin-bottom:.8em;;}
#main .day_path ul li{padding:.2em 0;}


.day_path ul li:last-child{margin-bottom:0em;;}
.day_path ul .li_info{display: block;font-size:0.75em;display: flex;flex-wrap: wrap;}
.day_path ul .li_info p span.text-po-color{font-weight: 600;}
.day_path ul .li_info p:last-child{margin-left:.7em;position: relative;}
.day_path ul .li_info p:last-child::before{content:'';display: block; width: 1px ;height: 10px;background: #ddd;position: absolute;left:-.3em;top:50%;transform: translateY(-50%);}
.day_path ul .li_info .text-888 span{color: #333;}
.day_path ul p.name{font-size:1.125em;font-weight: bold;padding:.2em 0;    align-items: center;}
.day_path ul p.name .after_jojo{border:1px solid #ddd;color: #888;padding:.15em .4em .05em ;margin-right:.2em;    display: flex;border-radius: .2em;   } 
.day_path ul p.name .after_jojo strong{font-size: 0.7em;}



.day_path ul .location_info{font-size: 0.75em;position: relative;}

.day_path ul .location_info .add{padding-right:9.5em;padding-left:1em;position: relative;word-break: keep-all;}
.day_path ul .location_info .add::before{content:'';display: block;width:0.85em;height:1.2em;background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163716685327940.png) center/cover;;position: absolute;left:0;opacity: 0.5;top:0.65em;transform: translateY(-50%);}

.day_path ul .location_info .add2{border-radius: 2em;text-align: center;padding:.2em .8em .1em;position: absolute;right:0;bottom:0;    font-size: 0.9em;}
.day_path ul .but_sec button{width: 100%;padding:.6em 0;;border-radius: .2em;margin-top:.6em;font-size: 0.8em;}



/*위치*/
#main .map_sec{position: relative;}


.loca_but {width: 100%;height: 100%;/* position: absolute;left: 0;  top: 0; */}
.loca_but li{width: 3em;position: absolute;left:50%;top:50%;    height: 4.1em;}
/* .loca_but li.not{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163709241930227.png)center/cover;}
.loca_but li.man{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163709267559965.png)center/cover;}
.loca_but li.woman{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/163768478831724.png)center/cover;} */
.loca_but li.not{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/164711888372138.png)center/cover;}
.loca_but li.man{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/164711889443682.png)center/cover;}
.loca_but li.woman{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/THEMORE/164711887892522.png)center/cover;}
.loca_but li span{position: absolute;left:50%;transform: translateX(-50%);width: max-content;    top: 1.65em;font-weight: bold;font-size:.65em;}


.main1 .Wrap {height: 100vh;}
/* ********************************************* *
* 900px
* ********************************************* */
@media screen and (max-width: 900px){
  .main_con .view_modal {  width: 53vw;left: -53vw;}

}

/* ********************************************* *
* 800px
* ********************************************* */
@media screen and (max-width: 800px){



#main .main_con .Container{font-size: 0.8em;}

.main_con .view_modal .close_but {top: 3em;}
  
}

/* ********************************************* *
* 700px
* ********************************************* */
@media screen and (max-width: 700px){

  
  }
  
/* ********************************************* *
* 600px
* ********************************************* */
@media screen and (max-width: 600px){

  #main .Container{font-size: 0.95em;}
  
/*main2*/
.main2 .tabSet ul.tabs li{width: auto;position: relative;margin-right:.6em;}
.main2 .tabSet ul.tabs li:first-child::before{content:'';display: block;width:2px;height: 10px;position: absolute;right:0;top:50%;transform: translateY(-50%);background: #ddd;}
.main2 .tabSet ul.tabs li a.on {color: #222;}
.main2 .main_con .view_modal .close_but span{display: none;}
.main2 .main_con .view_modal {width: 100vw;left: 0;position: initial;}
.main2 .tabSet ul.tabs li a{background: transparent;border:none;}
.main2 .day_path .scroll_sec{height: auto;overflow: initial;}
.main2.Wrap {  overflow: initial;}
.main2 .Container {padding-bottom: 5.2em !important}
.main2 .day_path ul li {  padding: 1em !important;  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  border: 1px solid #f1f1f1;border-radius: .4em;}

  
#main.main2 .main_con .Container{display: none;}
#main.main2 .map_sec{height: auto;}
#main.main2 {height: auto !important;min-height:auto !important;}
#main.main2 .main_con .view_modal{height: auto;;}

  #main .day_path{font-size: 1.2em;}
  #main .tabSet ul.tabs {font-size: 1.3em;}
  #main .main_con .view_modal .top_my p {font-size: 1.1em;}
  #main .main_con .view_modal .top_my h4 {font-size: 1.65em;}


}
/* ********************************************* *
 * 480px max
 * ********************************************* */
 @media (max-width:480px){
  .main2 .main_con .view_modal {
    padding-top: 4.4em;
    padding-bottom: 5em;
    
}

   }


   /* ********************************************* *
    * 450px max
    * ********************************************* */
    @media (max-width:450px){
      }

   /* ********************************************* *
    * 400px max
    * ********************************************* */
    @media (max-width:400px){
      .day_path ul li {border-radius: 0.2em;}
      .jojo_list ul li {border-radius: 0.2em;}

      .menu_crystal .day_path ul .li_info{display: block;}
      .menu_crystal .day_path ul .li_info p:last-child{margin-left:0;}
      .menu_crystal .day_path ul .li_info p:last-child::before{display: none;}

      
  #main .view_modal{font-size:1.1em;}
  .main_con .view_modal .swiper-slide { padding:.6em 0.6em; border-radius: 0.2em;}
  .main_con .view_modal .swiper-slide .tit {font-size: 0.75em;}

  .main_con .view_modal .bd { font-size: 0.85em;}
  .main2 .day_path ul li {padding: 0.6em !important;border-radius: .4em;    box-shadow: 0 0 5px rgb(0 0 0 / 5%);}
  .main_con .view_modal .swiper-slide{box-shadow: 0 0 5px rgb(0 0 0 / 5%);}

  .day_path ul .li_info{display: block;}
  .day_path ul .li_info p:last-child::before{display: none;}
  .day_path ul .li_info p:last-child {margin-left: 0;}

  
  #main .day_path{font-size: 1em;}
  #main.main2 .day_path{font-size: 0.85em;}

  #main .main_con .view_modal .top_my p {font-size: 0.9em;}
  #main .main_con .view_modal .top_my h4 {font-size: 1.25em;}

      }


         /* ********************************************* *
    * 380px max
    * ********************************************* */
    @media (max-width:380px){
      .main_con .view_modal .swiper-slide .txt {font-size: 0.65em;  }
      .main_con .view_modal .swiper-slide .tit {font-size: 0.8em;  }
    }

         /* ********************************************* *
    * 300px max
    * ********************************************* */
    @media (max-width:300px){
     #main .day_path ul .li_info{display: block;}
     #main .day_path ul .li_info p:last-child { margin-left: 0;}
     #main .day_path ul .li_info p:last-child::before{display: none;}



.jojo_day_path .day_path ul .location_info .add2 strong{display: none;}
.jojo_day_path .day_path ul .location_info .add {padding-right: 5em;}

.main_con .view_modal .swiper-slide .txt {font-size: 0.6em;  }
.main_con .view_modal .swiper-slide .tit {font-size: 0.7em;}
}


         /* ********************************************* *
    * 270px max
    * ********************************************* */
    @media (max-width:270px){
      .day_path ul .li_info {font-size: 0.85em;}
      .day_path ul .li_info p:last-child {margin-left: 0;}
      .day_path ul .li_info p:last-child::before{display: none;}

      .day_path ul .location_info .add2 strong{display: none;}

      }



         /* ********************************************* *
    * 250px max
    * ********************************************* */
    @media (max-width:250px){
      .day_path ul .location_info .add {padding-right: 7.2em;}
    }