/* 마커디자인 */
.map_marker {
  position: relative;
  display: inline-block;
}

/* 말풍선 텍스트 박스 */
.map_marker_text {
  background: #001137;
  padding: 9px 19px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}

/* 말풍선 꼬리 (삼각형 테두리) */
.map_marker_tail {
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #001137;
}

/* 말풍선 꼬리 내부 (흰색 채우기) */
.map_marker_tail::after {
  content: '';
  position: absolute;
  top: -9px;
  left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #001137;
}





.header_menu_1:nth-child(3) .header_menu_box {
  transform: translateY(-1.5vw);
}

.sub_top{
  background: url("/images/04_sub.png") no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 0;
}






.map_section{
  padding-top: 7vw;
}
.i04_con01_01{
  width: 1.52241%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1vw;
}
.dcon01_tt01{
  margin-bottom: 3vw;
}




/* map */
.map_item_img{
  width: 4.38vw !important;
  height: 4.38vw;
  border-radius: 0.4vw;
  margin-right: 1.3vw;
  overflow: hidden;
}
.map_item_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.map_item_ttwrap{
  width: 63%;
}
.map_item_ttwrap p{
  width: 100%;
  white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


.map_mid_map_search_top{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.map_mid_map_search_top > div{
  color: #000;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5% 0;
  font-size: 1vw;
  font-weight: 500;
  cursor: pointer;
  background-color: #fff;
}
.on2{
  background: #001137!important;
  color: white !important;
  font-weight: 500 !important;
}
.off2{
  font-weight: 500 !important;
}
.map_mid_map_search_mid{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 95% !important;
  padding: 3%;
  background: #001137;
  border-radius: 0vw 0vw 0vw 0vw;
}
.map_mid_map_search_mid input{
  appearance: none;
  border: none;
  outline: none;
  width: 100%;
  height: 3vw;
  padding-left: 7%;
  font-weight: 400;
  font-size: 1vw;
  border-radius: 5vw;
}
.map_mid_map_search_mid input::placeholder {
  color: #00000054;
  font-family: 'SUIT-Regular';
}
/* .map_04{
} */
.map_mid_map_search_bottom{
  overflow-y: scroll;
  height: 74%;
  width: 100%;
  box-sizing: border-box;
  /* margin: auto; */
  padding: 0vw 0;
}
.map_mid_map_search_item_title{
  font-size: 1.3vw;
  font-weight: 700;
}
.map_mid_map_search_item p {
  margin-bottom: 0.8vw;
}
.map_mid_map_search_item p.this {
  margin-bottom: 0;
}
.map {
  width: 100%;
  height: 34vw;
  box-sizing: border-box;
  background-color: #ddd;
  border: 1px solid #ddd;
}
.map_mid_2nd {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  font-family: 'pretendard Variable';
  border: 1px solid #B6C6E8;
}
.map_search{
  width: 1.4583vw !important;
  right: 8%;
  cursor: pointer;
}
.con7_bottom_2{
      width: 26.4943%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.map_mid_map_search_item_title {
  font-size: 1.1vw;
  font-weight: 700;
}
.map_mid_map_search_item {
  width: 87%;
  margin: 0% auto;
  border-bottom: 1px solid #00000021;
  padding: 1.8vw 0;
  font-size: 0.8vw;
  font-weight: 400;
  box-sizing: border-box;
  position: relative;
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.map_mid_map_search {
  width: 26%;
  background: white;
  height: 100%;
  z-index: 2;
  overflow: hidden;
  left: 0;
  top: 0;
  /* transform: translateY(-50%); */
  /* border-radius: 0vw 1vw 1vw 0vw; */
  /* border-right: 1px solid black; */
  box-sizing: border-box;
  /* border-radius: 0.5vw 0vw 0vw 0.5vw; */
}
.map_mid_map_search_bottom::-webkit-scrollbar {
  display: none;
}
.map_plus {
  width: 2.1875vw !important;
  right: 0;
  bottom: 1.8vw;
}
.sido1 {
  width: 16%;
  height: 48%;
  border: none;
  border-right: 1px solid #b5b5b5;
  outline: none;
}
.map_link {
  width: 48%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1vw;
}
.map_mid_map_search_item_plus_con {
  top: 5vw;
  right: 0%;
  color: #186eb7;
  padding: 0.1vw 0.4vw;
  border: 0.2vw solid #186eb7;
  border-radius: 50vw;
  font-weight: 600;
  cursor: pointer;
}



/* map 추가 css */


/*popup*/
    
    
div.popup {
  width: 50%;
  height: 22vw;
  top: 2%;
  /* border: 1px solid black; */
  background-color: #fff;
  /* border: 1px solid #3C2420; */
  box-sizing: border-box;
  gap: 0vw;
  border-radius: 1.4vw;
  justify-content: start;
  gap: 2.5vw;
  overflow: hidden;
}

.fixed_popup{
  height: 100vh;
  background: #00000045;
}
.popup_top{
  font-size: 1.5vw;
  width: 88%;
  padding-bottom: 3%;
  text-align: center;
  border-bottom: 1px solid #0000002e;
}
.popup > p:nth-child(2){
  font-size: 1.3vw;
  width: 88%;
  margin-top: 5%;
  padding-bottom: 2%;
  text-align: left;
}
.popup > p:nth-child(4){
  font-size: 0.9vw;
  width: 88%;
  margin-top: 1%;
}
.popup > p:nth-child(5){
  left: 42%;
  width: 58%;
  padding-right: 8%;
  height: 12vw;
  top: 43%;
  box-sizing: border-box;
  font-size: 0.9vw;
  overflow-y: scroll;
}
.fixed_popup{
  position: fixed !important;
  top: 0;
  z-index: 5;
  /*pointer-events: none;*/
  /*opacity: 0;*/
}
.popup_right_1st{
  color: #E3C179;
  width: 78%;
  margin-bottom: 1%;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.2vw;
  margin-top: -6%;
}
.popup_right> div > div:nth-child(1){
  color: #000;
  
}
.popup_right> div > div:nth-child(2){
  font-size: 0.85vw;
}
.popup_right> div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  color: #000;
  margin-bottom: 0.5vw;
  font-size: 0.9vw;
  font-weight: 500;
  opacity: 0.8;
}
.popup_right{
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  color: #000;
}


.fixed_popup_con{
  width: 62%;
  height: 49%;
  background-color: #000;
  top: 31%;
  left: 20%;
  border-radius: 1vw;
}




.popup_img {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  height: 100%;
  overflow: hidden;
  padding: 3vw;
  padding-right: 0;
  box-sizing: border-box;
  border-radius: 2vw;
  overflow: hidden;
}


.popup_top_absol{
      width: 12.4369%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 12%;
  left: 10%;
}
.popup_top_absol_2nd{
      width: 96.6687%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 21%;
  left: 1.5%;
}

.popup_img_con{
  position: static !important;
  overflow: hidden;
}
.popup_right_6th_left{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  background-color: #19c365;
  border-radius: 5vw;
  padding: 0.5vw 1vw;
  right: 30%;
  bottom: 9%;
}

.popup_img_con {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup_img img {
width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1vw;
}
.popup_top_absol {
  width: 12.4369%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 18%;
  left: 52.5%;
}
.popup_right_2nd {
  font-weight: 600;
  width: 90%;
  font-size: 1.2vw;
  padding-bottom: 1vw;
  margin-bottom: 1vw;
  box-sizing: border-box;
  font-family: 'pretendard variable';
  font-weight: 600;
  border-bottom: 1px solid #bebebe;
}

.popup img{
  width: 100%;
}

.popup_close {
    width: 1.0938vw !important;
    /* height: 2vw; */
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5%;
    right: 3%;
    cursor: pointer;
    font-size: 1.2vw;
    /* font-family: 'Paperlogy-5Medium'; */
}
.popup_close_border {
  position: absolute;
  width: 110%;
  height: 110%;
  border-radius: 50%;
  border: 1px solid #ef823a;
}
.popup_close .absol {
  width: 60%;
  height: 2px;
  background-color: #fff;
}
.popup_close .absol:nth-child(1) {
  transform: rotate(45deg);
}
.popup_close .absol:nth-child(2) {
  transform: rotate(-45deg);
}

div.popup_logo {
  width: 17.156%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1vw;
}
.map_link_popup{
  width: 7.8646vw;
  margin-top: 2vw;
}
.map_link_popup img{
  width: 100%;
}





.dcon01{
  padding: 7vw 0 0 0;
}
.ccon01_btnwrap{
  margin-bottom: 7vw;
}
.dcon01_sec1_con1 {
  padding-bottom: 8vw;
}
.swiper_sec1_con1{
  width: 100%;
}
.sec1_con1_slide {
  width: 45vw;
}
.sec1_con1_slide_video{
  width: 45vw;
  height: 26vw;
  border-radius: 2vw;
  overflow: hidden;
}
.sec1_con1_slide_video iframe{
  pointer-events: all;
}
.swiper_sec1_con1_btn{
  bottom: 49%;
  cursor: pointer;
  z-index: 5;
}
.swiper_sec1_con1_prev{
  rotate: 180deg;
  left: 22%;
}
.swiper_sec1_con1_next{
  right: 22%;
}
.sec1_con1_slide_tt{
  width: 100%;
  text-align: center;
  padding: 1.7vw 0;
  border-bottom: 1px solid #B6C6E8;
  font-size: 1.05vw;
  font-weight: 700;
  opacity: 0;
  transition: 0.5s;
}
.swiper-slide-active .sec1_con1_slide_tt{
  opacity: 1;
}





.dcon01_sec1_con2{
  padding: 9vw 0 20vw 0;
  background-color: var(--main-sky);
}
.dcon01_sec1_con2_con {
  height: 35vw;
}
.sec1_con2_tt01{
  font-size: 1.05vw;
  color: var(--main-blue);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.5vw;
}
.sec1_con2_tt01_bg {
  width: 108%;
  height: 100%;
  background-color: #3674FF;
  opacity: 0.1;
  border-radius: 0.2vw;
  top: 40%;
}
.sec1_con2_tt02{
  margin-bottom: 2vw;
}
.dcon01_sec1_con2_con_line{
  width: 1px;
  height: 150%;
  top: 0;
  background-color: #3676ff33;
}
.dcon01_sec1_con2_con_line_move{
  width: 100%;
  height: 104.7%;
  background-color: var(--main-blue);
}
.i04_con03_06{
  width: 5.87936%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 5;
}
.dcon01_sec1_con2_stag{
  width: 35.969% !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dcon01_sec1_con2_stag.left{
  left: 10%;
}
.dcon01_sec1_con2_stag.right{
  right: 10%;
}
.i04_con03_02{
  top: 0%;
}
.i04_con03_03{
  top: 13%;
}
.i04_con03_04{
  top: 45%;
}
.i04_con03_05{
  top: 71%;
}
.i04_con03_07{
  width: 50% !important;
  bottom: -20vw;
  left: 0;
  overflow: hidden;
}
.i04_con03_07 > img{
  left: 99.9%;
  animation: marqueeX 10s infinite linear;
}
.i04_con03_08 {
  width: 4.56703%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 9%;
  bottom: 14%;
  mix-blend-mode: plus-lighter;
}
.i04_con03_09 {
  width: 10.8662%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 35%;
  bottom: 17%;
  mix-blend-mode: plus-lighter;
}
.i04_con03_10 {
  width: 47.306%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 31%;
  top: 42%;
}
.i04_con03_09 img{
  animation: ddm_m 1.8s infinite;
}
.i04_con03_08 img{
  animation: ddm_m 1.8s 0.5s infinite;
}




.dcon01_sec1_con3{
  gap: 2vw;
  padding: 7vw 0;
}
.dcon01_sec1_con3_box{
  width: 35.655%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sec2_con1_tt01{
  margin-bottom: 1.5vw;
}
.sec2_con1_tt02{
  font-size: 1.15vw;
  margin-bottom: 3.5vw;
}
.dcon01_sec2_con1_con{
  width: 88%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.dcon01_sec2_con1_con.item1{
  margin-bottom: 1.5vw;
}
.dcon01_sec2_con1_con_box{
  width: 100%;
  padding: 8vw 0;
  background-color: var(--main-sky);
  border-radius: 2vw;
  border: 1px solid #B6C6E8;
  display: flex;
  align-items: center;
}
.dcon01_sec2_con1_con_box_ttwrap{
  width: 80%;
  margin: 0 auto;
}
.sec2_con1_con_tt01{
  width: fit-content;
  font-size: 1.05vw;
  color: var(--main-blue);
  font-weight: 600;
  border-bottom: 2px solid var(--main-blue);
  margin-bottom: 2vw;
}
.sec2_con1_con_tt02{
  text-align: start;
  margin-bottom: 5vw;
  font-size: 2.6vw;
  font-weight: 800;
}
.sec2_con1_con_btnwrap{
  display: flex;
  gap: 0.4vw;
}
.swiper_sec2_con1_btn1{
  cursor: pointer;
  z-index: 5;
}
.swiper_sec2_con1_prev1{
  rotate: 180deg;
}
.swiper_sec2_con1_btn2{
  cursor: pointer;
  z-index: 5;
}
.swiper_sec2_con1_prev2{
  rotate: 180deg;
}
.swiper_dcon01_sec2_con{
  width: 60%;
  right: 0;
}
.sec2_con1_slide{
  width: 17.6042vw;
}
.sec2_con1_slide_img{
  width: 100% !important;
  margin-bottom: 2.3vw;
}
.sec2_con1_slide_tt01{
  font-size: 1.2vw;
  font-weight: 700;
  margin-bottom: 1.3vw;
}
.sec2_con1_slide_tt02{
  font-size: 0.92vw;
  line-height: 1.5;
  white-space: nowrap;
}
.dcon01_sec2_con1 {
  padding-bottom: 9vw;
}
.sec2_con2_tt01{
  margin-bottom: 2vw;
}
.sec2_con2_tt02{
  margin-bottom: 3.5vw;
}
.swiper_dcon01_sec2_con2{
  width: 100%;
}
.sec2_con2_slide{
  width: 36.3542vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  scale: 0.8;
  transition: 0.5s;
}
.sec2_con2_slide_img{
  width: 100% !important;
  margin-bottom: 3vw;
  border-radius: 1.2vw;
  overflow: hidden;
}
.sec2_con2_slide_tt01{
  font-size: 1.5vw;
  font-weight: 700;
  margin-bottom: 1.5vw;
}
.sec2_con2_slide_tt02{
  font-size: 0.95vw;
  line-height: 1.4;
}
.sec2_con2_slide > p{
  opacity: 0;
  transition: 0.5s;
}
.swiper-slide-active .sec2_con2_slide_bg{
  opacity: 0;
}
.swiper-slide-active .sec2_con2_slide > p{
  opacity: 1;
}
.swiper-slide-active .sec2_con2_slide{
  scale: 1;
}
.dcon01_sec2_con2{
  padding-bottom: 8vw;
}
.swiper_dcon01_sec2_con2{
  width: 100%;
}
.sec2_con2_slide_bg{
  width: 100%;
  height: 100%;
  background-color: #3676ffd8;
  color: #fff;
  font-size: 1.7vw;
  font-weight: 700;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.3;
  transition: 0.5s;
  opacity: 1;
  top: 0;
}
.swiper_sec2_con2_btn{
  bottom: 51%;
  cursor: pointer;
  z-index: 5;
}
.swiper_sec2_con2_prev{
  rotate: 180deg;
  left: 27%;
}
.swiper_sec2_con2_next{
  right: 27%;
}




.dcon01_sec3{
  padding: 0 0 8vw 0;
}
.dcon01_sec3_line{
  width: 1px;
  height: 4.5vw;
  background-color: #000;
  opacity: 0.2;
  margin: 3vw 0;
}
.dcon01_sec3_tt02{
  font-size: 1.5vw;
  margin-bottom: 1.5vw;
}
.dcon01_sec3_tt03{
  display: flex;
  align-items: center;
  gap: 2vw;
  font-weight: 800;
  font-size: 2.6vw;
  margin-bottom: 4vw;
}
.dcon01_sec3_tt03 .center {
  background-color: var(--main-blue);
  color: #fff;
  padding: 0.7vw 1.8vw;
  border-radius: 0.8vw;
}
.dcon01_sec3_con{
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 2vw;
}
.dcon01_sec3_con_box {
  width: 27vw;
  height: 22vw;
  background-color: var(--main-sky);
  border-radius: 2.1vw;
  border: 1px solid #B6C6E8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dcon01_sec3_con_tt {
  font-size: 1.1vw;
  font-weight: 700;
  color: #fff;
  background-color: var(--main-navy);
  width: 9vw;
  padding: 0.7vw 0;
  text-align: center;
  bottom: -1.1vw;
  border-radius: 0.5vw;
}
.dcon01_sec3_tt04{
  margin: 5vw 0;
  font-size: 1.05vw;
  margin-bottom: 6vw;
}
.dcon01_sec3_tt05 {
  padding: 1.4vw 3.2vw;
  background-color: var(--main-navy);
  color: #fff;
  border-radius: 1.1vw;
  font-size: 1vw;
  font-weight: 500;
}
.i04_con07_04 {
  width: 55.9847%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.i04_con07_04 > div{
  width: 70.6898% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
}
.i04_con07_09{
  width: 6.3021vw !important;
  bottom: 75%;
  animation: ddm_m 1.5s infinite;
}
.dcon01_sec{
  display: none !important;
}
.dcon01_sec.on{
  display: flex !important;
}

.i04_con07_05 {
  animation: rotate_image3 3s infinite ease-in-out;
}
.i04_con07_06 {
  animation: rotate_image3 3s 1s infinite ease-in-out;
}










/* .bcon_btnwrap_move.on{
  position: static !important;
} */

























































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

.map_section {
    padding-top: 15vw;
}
.i04_con01_01 {
  width: 5%;
  margin-bottom: 3vw;
}
.map_item_img {
  width: 11vw !important;
  height: 11vw;
  border-radius: 1.5vw;
  margin-right: 4vw;
}


.ccon01_btn {
  font-size: 3.4vw;
  padding: 1.5vw 0;
  width: 26vw;
  border-radius: 1.4vw;
}
.ccon01_btnwrap {
  margin-bottom: 15vw;
  gap: 3vw;
}








.dcon01 {
  padding: 15vw 0 0 0;
}
.dcon01_tt01 {
  margin-bottom: 6vw;
}
.sec1_con1_slide {
  width: 80vw;
}
.sec1_con1_slide_video {
  width: 100%;
  height: 45vw;
  border-radius: 4vw;
}
.sec1_con1_slide_tt {
  padding: 4vw 0;
  font-size: 3.5vw;
}
.swiper_sec1_con1_btn {
  bottom: 48%;
}
.swiper_sec1_con1_next {
  right: 5%;
}
.swiper_sec1_con1_prev {
  left: 5%;
}






.dcon01_sec1_con2 {
  padding: 15vw 0 33vw 0;
  overflow: hidden;
}
.sec1_con2_tt01 {
  font-size: 3.5vw;
  margin-bottom: 5vw;
}
.sec1_con2_tt02 {
  margin-bottom: 6vw;
}
.dcon01_sec1_con2_con {
  display: none !important;
}
.dcon01_sec1_con2_con_m{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2vw;
}
.dcon01_sec1_con2_con_m_box{
  width: 93% !important;
}
.i04_con03_07 {
  width: 100% !important;
  bottom: -10vw;
}
.dcon01_sec1_con1 {
  padding-bottom: 15vw;
}
.i04_con03_10 {
  width: 49% !important;
  left: 25%;
  top: 31%;
}
.i04_con03_07 > img {
  left: 99.8%;
}
.i04_con03_09 {
  width: 15%;
  left: 80%;
  bottom: 5%;
}
.i04_con03_08 {
  width: 7%;
  left: 12%;
  bottom: 3%;
}




.dcon01_sec2_con1{
  padding:  0 0 17vw 0;
}
.dcon01_sec1_con3 {
  gap: 8vw;
  padding: 13vw 0;
  flex-direction: column !important;
}
.dcon01_sec1_con3_box {
  width: 80%;
}
.sec2_con1_tt02 {
  font-size: 3.6vw;
  margin-bottom: 6vw;
}
.dcon01_sec2_con1_con {
  width: 93%;
}
.dcon01_sec2_con1_con_box {
  padding: 12vw 0;
  border-radius: 6vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dcon01_sec2_con1_con_box_ttwrap {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.swiper_dcon01_sec2_con {
  width: 100%;
  position: static !important;
}

.sec2_con1_con_tt02 {
  text-align: center;
  margin-bottom: 5vw;
  font-size: 5vw;
}
.sec2_con1_con_tt01 {
  font-size: 3.5vw;
  margin-bottom: 4vw;
}
.sec2_con1_slide {
  width: 60vw;
  text-align: center;
}
.sec2_con1_slide_img {
  width: 100% !important;
  margin-bottom: 5vw;
}
.sec2_con1_slide_tt01 {
  font-size: 4vw;
  margin-bottom: 3vw;
}
.sec2_con1_slide_tt02 {
  font-size: 3.3vw;
}
.sec2_con1_con_btnwrap{
  margin-bottom: 5vw;
  gap: 2vw;
}
.dcon01_sec2_con1_con.item1 {
  margin-bottom: 4vw;
}








.sec2_con2_tt01 {
  margin-bottom: 5vw;
}
.sec2_con2_tt02 {
  margin-bottom: 8vw;
}
.sec2_con2_slide {
  width: 75vw;
}
.sec2_con2_slide_img {
  margin-bottom: 4vw;
  border-radius: 3vw;
}
.sec2_con2_slide_tt01 {
  font-size: 4vw;
  margin-bottom: 3vw;
}
.sec2_con2_slide_tt02 {
  font-size: 3.3vw;
}
.sec2_con2_slide_bg {
  color: transparent;
}
.swiper_sec2_con2_btn {
  bottom: 49%;
}
.swiper_sec2_con2_next {
  right: 6.2%;
}
.swiper_sec2_con2_prev {
  left: 6.2%;
}






.dcon01_sec2_con2 {
  padding-bottom: 15vw;
}
.dcon01_sec3_line {
  height: 8vw;
  margin: 3vw 0 4vw 0;
}
.dcon01_sec3_tt02 {
  font-size: 3.8vw;
  margin-bottom: 3vw;
}
.dcon01_sec3_tt03 {
  gap: 3vw;
  font-size: 5vw;
  margin-bottom: 8vw;
}
.dcon01_sec3_tt03 .center {
  padding: 1.2vw 2.5vw;
  border-radius: 1.5vw;
}
.dcon01_sec3_con {
  flex-direction: column;
  align-items: center;
  gap: 10vw;
}
.dcon01_sec3_con_box {
  width: 80vw;
  height: 50vw;
  border-radius: 4vw;
}
.i04_con07_04 {
  width: 50%;
}
.dcon01_sec3_con_tt {
  font-size: 3.5vw;
  width: 19vw;
  padding: 1.5vw 0;
  bottom: -5vw;
  border-radius: 1.5vw;
}
.dcon01_sec3_tt04 {
  margin: 10vw 0 20vw 0;
  font-size: 3.5vw;
}
.dcon01_sec3_tt05 {
  padding: 2.5vw 4.5vw;
  border-radius: 2vw;
  font-size: 3.6vw;
}
.i04_con07_09 {
  width: 23vw !important;
  bottom: 100%;
}
.dcon01_sec3 {
  padding: 0 0 15vw 0;
}

















































/*   map*/



.map_mid_2nd {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 92%;
}

.map {
  width: 100%;
  height: 55vw;
  border-radius: 0vw;
}

.map_search {
  width: 5% !important;
  right: 8%;
}

.map_mid_map_search_mid {
  width: 100% !important;
  height: 16vw;
  box-sizing: border-box;
  overflow: hidden;
}

.map_mid_map_search {
  position: relative !important;
  width: 100%;
  background: white;
  height: 114vw;
  z-index: 0;
  overflow: hidden;
  border-radius: 0;
  left: 0;
  transform: translateY(0%);
}

.map_mid_map_search_top>div {
  color: #000;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 4%;
  padding-bottom: 4%;
  font-size: 4.2vw;
}

.map_mid_map_search_mid input {
  appearance: none;
  border: none;
  outline: none;
  height: 100%;
  padding-left: 5%;
  font-size: 3.3vw;
}


.map_mid_map_search_item {
  width: 90%;
  font-size: 3.4vw;
  padding: 6vw 0;
}

.map_mid_map_search_item_title {
  font-size: 4.3vw;
  font-family: 'Pretendard variable';
  font-weight: 600;
}

.map_mid_map_search_bottom {
  overflow: scroll;
  height: 85.5vw;
  width: 100%;
}

.map_mid_map_search_item_address {
  margin-top: 4%;
  margin-bottom: 0;
}

p.popup_right_2nd {
  font-weight: 600;
  width: 100%;
  font-size: 4.1vw;
  padding-bottom: 3%;
  box-sizing: border-box;
  font-family: 'pretendard variable';
}

.map_plus {
  width: 7vw !important;
  height: 6.9vw;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 4%;
  top: 8vw;
  cursor: pointer;
}



/*  popup  */
.popup_right> div > div:nth-child(1) {
  width: 27%;
  }
  .popup_right_1st {
  color: #E3C179;
  width: 78%;
  margin-bottom: 1%;
  text-align: left;
  justify-content: center;
  align-items: center;
  font-size: 4.2vw;
  margin-top: 6%;
  text-align: center;
  }
  div.popup {
  width: 84%;
  height: 120vw;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0%;
  top: 0%;
  gap: 4vw;
  border-radius: 4vw;
  }
  
  .popup_right_3rd .popup_right_3rd_right{
      width: 72%;
  }
  
  
  
  .popup_img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  height: 50%;
  overflow: hidden;
  margin-top: 0%;
  margin-bottom: 0%;
  padding: 8vw 3vw 3vw 3vw;
  }    
  .popup_img img {
    border-radius: 3vw;
  }
  .popup_img_con {
  left: unset;
  overflow: hidden;
  scale: 0.8;
  overflow: hidden;
  } 
  .popup_top_absol {
  width: 12.4369%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 6%;
  left: unset;
  }
  .popup_top_absol_2nd {
  width: 96.6687%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 13%;
  left: unset;
  }    
  .popup_img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  height: 50%;
  overflow: hidden;
  }
  .popup_right_6th{
  justify-content: center !important;
  }
  .holme_close{
  width: 100%;
  }
  .popup_close {
    top: 1.8% !important;
    right: 4% !important;
    /* height: 7.5vw; */
    width: 4vw !important;
    z-index: 10 !important;
    font-size: 5vw;
}
  
  .fixed_popup {
  z-index: 500000000;
  }
  
  
  .con01pop_05{
  width: 100%;
  }
  .popup_right_6th_left {
  width: 37.523% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  background-color: #19c365;
  border-radius: 5vw;
  padding: 1.5vw 3vw;
  right: auto;
  bottom: 6%;
  }
  
  .popup_img_con {
  overflow: hidden;
  width: 100%;
  scale: 1;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  }    
  .popup_right_2nd {
  font-weight: 600;
  width: 100%;
  font-size: 4.56vw;
  padding-bottom: 5%;
  padding-left: 0%;
  text-align: center;
  }
  .popup_right {
  width: 100%;
  height: 39%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  }
  
  .popup_right>div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  margin-top: 7%;
  margin-left: 0%;
  text-align: center;
  }
  
  .popup_right>div>div:nth-child(1) {
  width: 100%;
  font-size: 4vw;
  }
  
  .popup_right>div>div:nth-child(2) {
  font-weight: 400;
  font-size: 3.5vw;
  width: 60%;
  }
  div.popup_logo {
  display: none !important;
  }




  .map_link_popup {
    width: 33vw;
    margin-top: 0;
    position: absolute;
    bottom: 5vw;
}
}