@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");

*{list-style: none; text-decoration: none; margin:0; padding:0; box-sizing: border-box;  letter-spacing:-0.05em; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#000;}
.clearfix::after{content: ""; clear: both; display: block;} 

button{border:none; background:none;}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
  font-family: 'Nanum Myeongjo';
  font-weight: normal;
  font-style: normal;
}


.w40{width:40px !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w210{width:210px !important;}
.w220{width:220px !important;}
.w230{width:230px !important;}
.w240{width:240px !important;}
.w250{width:250px !important;}
.w260{width:260px !important;}
.w270{width:270px !important;}
.w280{width:280px !important;}
.w290{width:290px !important;}
.w300{width:300px !important;}
.w330{width:330px !important;}
.w350{width:350px !important;}
.w450{width:450px !important;}

input,select{ /*-webkit-appearance:none; */ -webkit-border-radius:0; background-color:#fff;}

.mart5{margin-top:5px;}
.mart10{margin-top:10px;}
.mart30{margin-top:30px;}

table, th, thead, tfoot {outline: 0;}
table{border-collapse: collapse; border-spacing: 0;}

body, html {height: 100%;}

label, input, button, select, img{vertical-align:middle;}

/* header */
.hd{width:100%; height:88px; background-color:#fff; border-bottom:1px solid #eeeeef; position:sticky; top:0; left:0; z-index:100;}
.hd .hd_logo{display:flex; align-items: center; justify-content:end; height:100%; width:1480px; position:relative; margin: 0 auto;}
.hd .hd_logo > a{position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; background-repeat:no-repeat; background-position:left center; background-size: 140px auto;}
.hd .hd_menu li{float:left; padding:0 48px;}
.hd .hd_menu li a{font-size:20px; color:#212121; font-weight:500;}


.swiper{width:100%; height:90%; position:relative;}
.scroll-down {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

/* 아래 방향 화살표 (커스텀 화살표 스타일) */
.scroll-down .arrow {
  display: block;
  width: 24px;
  height: 24px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg);
  animation: bounce 1.5s infinite;
}

/* 바운스 애니메이션 */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translate(-50%, 0) rotate(-45deg);
  }
  40% {
    transform: translate(-50%, 10px) rotate(-45deg);
  }
  60% {
    transform: translate(-50%, 5px) rotate(-45deg);
  }
}

.slide_div{position:absolute; left:10%; bottom:15%; z-index:10;}
.slide_div h2{color:#fff; font-size:32px;  font-family: 'Nanum Myeongjo', serif;  font-weight:500; opacity:0.8;}


/* wrap */
.wrap{width:100%; position:sticky; bottom:0; left:0; height:100px; background:#19191a; display:flex; align-items:center; justify-content:center; z-index:10;}
.counseling{float:left;}
.counseling label{color:#fff; font-weight:600; font-size:22px; padding-right:8px;}
.counseling input{width:200px; height:48px; border-radius:4px; border:1px solid #3a3e45; padding:0 12px; color:#fff; font-size:16px; margin-left:8px; background:transparent; outline:none;}
.check {background:#222224; height:48px; margin: 0 12px; border-radius:4px; display:inline-flex; vertical-align:top; padding:0 16px; align-items: center; font-size:18px; position:relative;}
.check #all_chk{width:14px; height:14px; cursor:pointer;}
.check > label{color:#fff; padding-left:4px; cursor:pointer;}
.check > div{height:100%; border-left:1px solid #ddd; padding-left:16px; color:#717682; margin-left:16px; align-items:center; justify-content:center; display:inline-flex;}
.check > div input{display:none;}
.check > div > label{cursor:pointer; font-size:18px; color:#717682; position:relative; font-weight:400; padding-left:21px; margin-right:10px;}
.check > div > label:before{width:14px; height:14px; border:1px solid #717682; display:flex; align-items:center; justify-content:center; line-height:1; letter-spacing:-1px; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); border-radius:2px;}
.check > div > input:checked + label::before{background: #717682;}
.check > div > input:checked + label::after{content:"\2713"; position:absolute; left:0; top:0; font-size:17px; color: #fff;}
.check > div > a{margin-left:8px; color:#717682; text-decoration:underline;}
.wrap button{background:#b5a386; width:140px; height:48px; color:#000; cursor:pointer; border-radius:4px; font-weight:bold; font-size:18px; border:none;}

/* grid */
.grid{border:1px solid #000; margin-top:60px; padding: 60px 0 40px 0; background:url('./img/grid_bg.png'); background-size: cover;  background-repeat: no-repeat; background-position: center;}
.grid_bx{width:1200px; max-width:1200px; margin:0 auto;}
.grid_bx h2{font-size:40px; color:#fff; font-weight:600; text-align:center;}
.grid_bx h2 .grid_tp{margin-top:-5px;}
.grid_bx h3{font-size:24px; color:#fff; font-weight:500; text-align:center; margin-top:10px;}
.gridSwiper{margin-top:40px;}
.grid_wrap .grid_slide{padding:30px 25px 20px 25px; background-color:rgba(255, 255, 255, 0.2); border-radius:8px; position:relative;}
.grid_wrap .grid_slide a > p{color:#fff; font-size:18px;}
.grid_wrap .grid_slide a > p b{font-size:22px; font-weight:500; color:#fff;}
.grid_wrap .grid_slide a > p span{color:#fff; opacity:0.8; margin-left:6px;}
.grid_wrap .grid_slide table{margin-top:15px; width:100%;}
.grid_wrap .grid_slide table tr{}
.grid_wrap .grid_slide table th{width:60px; vertical-align:top; text-align:left; color:#fff; opacity:0.5; font-weight:500; padding-bottom:10px; font-size:18px;}
.grid_wrap .grid_slide table td{color:#fff; font-size:18px; padding-bottom:10px; }

.grid_wrap .grid_slide table td.ody22{max-width:200px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.grid_wrap .grid_slide table td.ody22 span{display:inline-block; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0;}

.grid_wrap .grid_slide table td span{color:#fff; margin-left:6px;}
.grid_wrap .grid_slide .grid_ig{position:absolute; right:13px; top:13px;}
.grid_wrap .grid_slide:hover{background-color:rgba(255, 255, 255, 0.3);}
.grid_all{margin-top:30px; width:100%; text-align:center;}
.grid_all a{font-size:20px; width:200px; height:55px; border:1px solid #fff; display:inline-block; line-height:55px; color:#fff;}
.grid_all a:hover{border:1px solid #ddd;}

/* /grid */



/* 시설 안내 */
.section{width:1200px; max-width:1200px; margin: 0 auto; padding: 70px 0 50px 0;}
.service h2{font-size:40px; text-align:center; font-weight:600;}
.service h3{font-size:24px; margin-top:10px; text-align:center; font-weight:500;}

.mainVisualSwiper{width: 100%; max-width: 1200px; padding: 40px 0; overflow: visible; margin-top:40px;}
.mainVisualSwiper .swiper-wrapper {align-items: center;}
.mainVisualSwiper-slide {transition: transform 0.5s ease, filter 0.5s ease, opacity 0.5s ease; opacity: 0.4; filter: blur(2px); transform: scale(0.9) !important;}
.mainVisualSwiper-slide.swiper-slide-active {opacity: 1; filter: blur(0); transform: scale(0.95) !important;} 
.mainVisualSwiper-slide img {width: 100%; height: auto; display: block; border-radius: 10px;}
.mainVisualSwiper-slide.swiper-slide-active .slide-caption {opacity: 1; height: auto;}
.slide-caption {opacity: 0; height: 0; overflow: hidden;  transition: opacity 0.5s ease, height 0.5s ease; font-size: 16px; color: #333; margin-top: 20px; display: flex; justify-content: center; align-items: flex-start; gap: 10px;}
.slide-caption .cap_span1{color:#717682; font-size:28px; font-weight:bold;}
.slide-caption .cap_span2{color:#000; font-size:22px; font-weight:500; margin-top:4px;}
.slide-caption strong {font-weight: bold; color: #111; font-size:28px; padding-right:20px;}
.slide-caption .cap_line{width:1px; height:30px; display:inline-block; background-color:#000; vertical-align:middle; margin-top:4px; margin-right:20px;}


/* 커스텀 버튼 스타일 */
    .my-button-prev,
    .my-button-next {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      background: rgba(255, 255, 255, 0.85);
      border-radius: 50%;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
      cursor: pointer;
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.3s ease;
    }
    .my-button-prev:hover,
    .my-button-next:hover {
      background: rgba(255, 255, 255, 1);
    }

    .my-button-prev {
      left: 180px;
    }
    .my-button-prev::after {
      content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url('./img/chev2.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
    }

    .my-button-next {
      right: 180px;
    }
    .my-button-next::after {
       content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url('./img/chev.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
    }


/* 오시는 길 */
.map_o{width:1200px; max-width:1200px; margin: 0 auto; padding: 70px 0 50px 0;}
.map_o h2{font-size:40px; text-align:center; font-weight:600;}
.map_o h3{font-size:24px; margin-top:10px; text-align:center; font-weight:500;}

.map_m{margin-top:40px;}
.map_add{margin-top:25px; padding-bottom:30px; border-bottom:1px solid #eeeeee;}
.map_add:after{content:""; clear:both; display:block;}
.map_add dl{float:left; margin-right:15px; width:25%;}
.map_add .add1{width:45%;}
.map_add dl:last-child{margin-right:0px;}
.map_add dl dt{font-size:28px; font-weight:600;}
.map_add dl dd{font-size:21px; color:#686868; font-weight:500; margin-top:10px;}

.map_info{margin-top:25px}
.map_info ul:after{content:""; clear:both; display:block;}
.map_info li{float:left; width:calc(33.33% - 10px); margin-right:12px;}
.map_info li:last-child{margin-right:0px;}
.map_info li > div:after{content:""; clear:both; display:block;}
.map_info li > div img{float:left;} 
.map_info li > div .info_right{float:left; margin-left:25px; width:70%;}
.map_info li > div .info_right h4{font-size:23px; margin:13px 0 8px;}
.map_info li > div .info_right p{font-size:20px; color:#686868;}


.bto_ban{width:100%; background:url('./img/fot_ban.png') no-repeat center; background-size:cover; height:550px; margin-top:60px; text-align:center;}
.bto_ban h2{font-size:40px; text-align:center; padding:230px 0 20px 0; color:#fff;}
.bto_ban img{text-align:center;}

.bto_ban2{width:100%; background-size:cover; height:550px; margin-top:60px; text-align:center;}





footer{background:#000; padding:80px 0;}
.bottom{display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap; width:1200px; margin: 0 auto; position:relative;}
.bottom .left{flex:1; }
.bottom .left p{color:#fff; font-size:19px; font-weight:500; margin-bottom:8px;}
.bottom .left span{border:1px solid #e0dada; color:#e0dada; padding: 0 10px; border-radius:4px; height:30px; font-size:15px; display:inline-block; line-height:30px; margin-top:30px; cursor:Pointer;}
.bottom .left span:hover{border:1px solid #fff; color:#fff;}
.bottom .right p{color:#fff; font-size:19px; font-weight:500; margin-bottom:8px;}
.bottom .right a{color:#fff; font-size:32px; font-weight:600; margin-bottom:20px; display:block;}
.bottom .right span{color:#9a9ca3; display:block; font-size:17px; margin-bottom:6px;}


.animate-box.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}


.menu-btn{display:none; font-size:20px; cursor:pointer;}

.menu-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 1000;}
.menu-overlay.active { opacity: 1; pointer-events: auto;}
.menu-overlay.active .slide-menu { transform: translateX(0); opacity: 1;}
.menu-overlay .close-btn{position:absolute; right:15px; top:23px; cursor:pointer;}
.menu-overlay .close-btn i{color:#fff !important; font-size:24px;}
.menu-overlay.active ~ .hd .menu-btn { display: none;}

.slide-menu {width: 80%; height: 100%; background: white; transform: translateX(-100%); transition: transform 0.4s ease, opacity 0.4s ease; padding: 30px 20px; position: relative; opacity: 0;}
.slide-menu > a > img{width:160px;}
.slide-menu ul{margin-top:30px;}
.slide-menu ul li a{display:block; padding: 18px 0 ; font-size:17px; border-bottom:1px solid #ddd; font-weight:500;}
.slide-menu ul li a > img{width:18px; text-align:right; margin-top:-2px; float:right;}


 .inquiry-popup {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 1);
      display: none;
      justify-content: center;
      z-index: 999;
    }

    .inquiry-content {
      position: absolute;
      max-width: 400px;
      padding: 50px 15px;
      border-radius: 10px;
      animation: fadeInUp 0.3s ease;
    }
	
	.inquiry-content h2{font-size:20px;}

    .inquiry-close {
	  color:#fff;
      position: absolute;
      top: 45px;
      right: 15px;
      background: none;
      border: none;
      font-size: 24px;
      font-weight: bold;
      cursor: pointer;
    }

    @keyframes fadeInUp {
      from {
        transform: translateY(20px);
        opacity: 0;
      }
      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

.mob_coun > label {display:block; margin-bottom:20px; font-size:20px; font-weight:bold; color:#fff;}
.mob_coun > input{width:100%; height:48px; border-radius:4px; border:1px solid #ddd; padding: 0 12px; font-size:16px; outline:none; margin-bottom:8px;}
.mob_check #all_chk2{width:17px; height:17px;}
.mob_check > label{font-size:18px; font-weight:500; color:#fff;}
.mob_check > div{margin-top:15px; background-color:#222224; padding:15px; border-radius:8px; position:relative;}
.mob_check > div > input{display:none;}
.mob_check > div > label{display:block; margin:4px 0; padding-left:20px; position:relative; cursor:pointer; color:#717682;}
.mob_check > div > label:before{width:14px; height:14px; border:1px solid #717682; display:flex; align-items:center; justify-content:center; line-height:1; letter-spacing:-1px; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); border-radius:2px;}
.mob_check > div > input:checked + label::before{background: #717682;}
.mob_check > div > input:checked + label::after{content:"\2713"; position:absolute; left:1px; top:-2px; font-size:17px; color: #fff;}
.mob_check > div > a {position:absolute; right:15px; bottom:15px; color:#717682; text-decoration:underline; z-index:100;}
.inquiry-content .agbtn{width:100%; margin-top:15px; height:48px; background-color:#b5a386; color:#000; cursor:pointer; font-weight:bold; font-size:18px; border-radius:4px; border:none;}



/* room */
.room_ban{height:400px; width:100%; background:url('./img/room_ban2.png'); position:relative;}
.room_ban > div{position:absolute; bottom:40px; left: 50%; transform: translateX(-50%); text-align:center; }
.room_ban > div > h2{color:#fff; font-size:32px; font-weight:500;}

.room_bx{max-width:1480px; margin: 0 auto;}
.room_list{padding: 80px 0 40px;}
.room_list h2{font-size:40px; text-align:center;}
.room_list ul{display:flex; align-itiems:center; justify-content:center; margin-top:30px; text-align:center;}
.room_list ul li{border-right:2px solid #c2c3c6; padding: 0 24px;}
.room_list ul li:last-child{border-right: 0;}
.room_list ul li a{font-size:24px; font-weight:500; color:#c2c3c6;}
.room_list ul li a.active{font-weight:700; color:#000;}

.room_list_info{background-color:#f8f8f8; padding:55px 25px 40px 25px; display:flex; align-items:center; justify-content:center; font-size:22px; margin-top:50px;}
.room_list_info .list_if{width:1300px; margin: 0 auto;}
.room_list_info .list_if > span{width:33.33%; display:block; float:left; color:#000; margin-bottom:15px;}
.room_list_info .list_if > span > b{opacity:.7; padding-right:16px;}
.room_list_info .list_if > .list_big{width:66.6%;}
.room_list_info .list_if > .list_mon{font-weight:bold;}
.room_list_info .list_if > .list_mon b{font-weight:700;}

.room_img{max-width:1480px; margin: 0 auto; margin-top:40px; padding-bottom:100px;}
.room_img ul:after{content:""; clear:both; display:block;}
.room_img ul{margin-top:20px;}
.room_img ul li{width:calc((100% - 24px) / 3); margin-right:12px; margin-bottom:12px; float:left; position:relative;  }
.room_img ul li:nth-child(3n){margin-right:0px;}
.room_img ul li img{width:100%;}

/* /room */


.fac_ban{height:400px; width:100%; background:url('./img/fac_ban.png'); position:relative;}
.fac_ban > div{position:absolute; bottom:40px; left: 50%; transform: translateX(-50%); text-align:center; }
.fac_ban > div > h2{color:#fff; font-size:32px; font-weight:500;}

/* service */
.ser_ban{height:400px; width:100%; background:url('./img/ser_ban.png'); position:relative;}
.ser_ban > div{position:absolute; bottom:40px; left: 50%; transform: translateX(-50%); text-align:center; }
.ser_ban > div > h2{color:#fff; font-size:32px; font-weight:500;}
.serv_box{width:1480px; margin: 0 auto; margin-top:50px; margin-bottom:70px;}
.items ul:after{content:""; clear:both; display:block;}
.items ul li{width:calc((100% - 24px) / 3); margin-right:12px; margin-bottom:12px; float:left; position:relative;}
.items ul li:nth-child(3n){margin-right:0px;}
.items ul li img{width:100%;}
.items .items_sub{background-color:#f8f8f8; padding:30px 30px; border-radius:10px; margin-top:10px;}
.items .items_sub h2{font-size:26px; margin-bottom:12px; font-weight:700;}
.items .items_sub p{font-size:22px; line-height:35px; font-weight:400; opacity: .8;}
.items .items_sub2{margin-top:40px;}
.items .items_sub2 h2{font-size:26px; margin-bottom:12px; font-weight:700;}
.items .items_sub2 > div{margin-top:20px; border-top:1px solid #000;}
.items .items_sub2 > div table{width:100%;}
.items .items_sub2 > div table th{background-color:#f8f8f8; font-size:20px;}
.items .items_sub2 > div table th,
.items .items_sub2 > div table td{padding:15px; border-bottom:1px solid #e4e5e7; border-right:1px solid #e4e5e7;}
.items .items_sub2 > div table th:last-child,
.items .items_sub2 > div table td:last-child{border-right:0;}
.items .items_sub2 > div table .cet{text-align:center;}
.items .items_sub2 > div table td{font-size:20px; line-height:30px;}
.items .items_sub2 > div table .w1{width:15%;}
.items .items_sub2 > div table .w2{width:35%;}
.items .items_sub2 > div table .w1_2{width:15%;}
.items .items_sub2 > div table .w1_3{width:15%;}

.items .items_sub2 > div table .m1_2{width:20%;}
.items .items_sub2 > div table .m1_3{width:30%;}
.items .items_sub2 > div table .m1_4{width:13%;}

.items .car{ height:320px; margin-bottom:20px;}
.items .car:after{content:""; clear:both; display:block;}
.items .car > p{float:left; width:49%; margin-right:15px; height:320px;}
.items .car p:last-child{float:right; margin-right:0px; }
.items .car p img{width:100%; height:100%; object-fit:cover;}


.photo{width:100%; height:311.47px; overflow:hidden; background-image: url('./img/photo_1.png'); background-size: cover; background-position: top; background-repeat: no-repeat;}

/* faq */
.faq_bx{width:1200px; margin: 0 auto; margin-top:50px; margin-bottom:60px;}
.faq_bx h2{font-size:40px; text-align:center;}

.accordion{overflow: hidden; margin-top:50px;}
.accordion h3{font-size:30px; font-weight:500;}
.accordion p{color:#898989; font-size:17px; margin-top:12px; line-height:24px; padding-bottom:20px; border-bottom:2px solid #dedede; }
.faq_list {border-bottom: 1px solid #eee; }
  .faq_list .question {
    display: flex;
    align-items: center;
    padding: 16px 25px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
  }

  .faq_list .question span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    border-radius: 50%;
    border: 1px solid #ddd;
    color: #9a9ca4;
    margin-right: 12px;
    flex-shrink: 0;
  }

 .faq_list .answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 25px;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background-color: #f8f9fa;
  font-size: 18px;
  color: #4a4a4b;
  font-weight: 500;
  line-height: 1.6;
}
.faq_list.active .answer {
  max-height: 1000px; /* 임의의 충분한 값 */
}

.faq_bx ul{width:100%; display:flex; height:230px; position:relative; margin-top:80px; }
.faq_bx ul li{width:50%; border-radius:8px; height:100%; display:flex; align-items:flex-end; justify-content:flex-start; padding:24px;  color:#fff; font-size:28px; font-weight:600; line-height:1.3;}
.faq_bx ul li:first-child{background:url('./img/faq_1.png') no-repeat center;}
.faq_bx ul li:last-child{background:url('./img/faq_2.png') no-repeat center; margin-left:8px;}

.pup-overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7);  display: none; justify-content: center; align-items: center; z-index: 1000;}
.pup-content {width: 380px; background: white; padding: 30px; border-radius: 8px; box-sizing: border-box; text-align: left;}
	
  .pup-content h2{font-size:20px; margin-bottom:8px;}
  .pup-content > div p{font-size:16px;}
  .pup-content > div .mart12{margin-top:12px;}
  .pup-content > div{margin-bottom:12px;}
  .pup-content .pup_dv h3{font-size:16px; font-weight:600; margin-bottom:4px;}
  .pup-content .pup_dv p{font-size:14px; padding:0 15px; color:#999; font-weight:500; line-height:22px;}
  .pup-content h4{color:#999; font-size:14px; font-weight:500; line-height:20px;}

  /* 확인 버튼 */
  .pup-close-btn {
	width:100%;
    margin-top: 20px;
    padding: 12px 20px;
	font-size:17px;
    background: #007bff;
    border: none;
    color: white;
    border-radius: 4px;
    cursor: pointer;
  }

  /* body 스크롤 잠금 시 클래스 */
  body.no-scroll {
    overflow: hidden;
  }


.fune_list{width:1480px; margin: 0 auto; margin-top:50px; margin-bottom:60px;}
.fune_list h2{font-size:40px; text-align:center;}
.fune_sh{margin-top:50px;}
.fune_sh .fune_sh_bx{text-align:center;}
.fune_sh .fune_sh_bx input{border:1px solid #ddd; width:450px; height:50px; padding:0 15px; font-size:17px;}
.fune_sh .fune_sh_bx a{height:50px; display:inline-block; vertical-align:middle; line-height:50px; font-size:17px; padding: 0 30px; background-color:#333; color:#fff; margin-left:3px;}

.fune_tb{margin-top:30px;}
.fune_tb .w10f{width:10%;}
.fune_tb .w12f{width:12%;}
.fune_tb table{width:100%;}
.fune_tb table th{height:64px; background:#f8f8f8; color:#717682; border-right:1px solid #e4e5e7; font-size:18px;}
.fune_tb table th:last-child{border-right:0px;}
.fune_tb table td{border-right:1px solid #e4e5e7; font-size:18px; color:#717682;}
.fune_tb table .cent{text-align:center;}
.fune_tb table .bd{font-weight:500; color:#000;}
.fune_tb table a{display:block; width: 100%; height: 100%; padding:15px;}
.fune_tb table tr:hover{background-color:#f3f3f3;}
.fune_tb table td:last-child{border-right:0px;}
.fune_tb table tr{border-bottom:1px solid #e4e5e7;}

.view_bx{background:url('./img/fune_bg.png') no-repeat center; background-size: cover;}
.fnue_view{width:1480px; margin: 0 auto; padding-top:50px; padding-bottom:60px;}
.fnue_view h2{font-size:40px; text-align:center; max-width:600px; margin: 0 auto; position:relative;}
.fnue_view h2 > a{text-align:left; position:absolute; left:0;}
.fnue_view h2 > a img{width:40px; vertical-align:middle; margin-top:-4px;}
.fnue_view .fune_vw{padding:30px; background-color:#fff; max-width:600px; margin: 0 auto; border:1px solid #ddd; border-radius:10px; margin-top:30px; text-align:center;}
.fnue_view .fune_vw h3{font-size:30px; font-weight:600; margin-top:10px;}
.fnue_view .fune_vw h3 > span{font-size:24px; color:#999; margin-left:10px; font-weight:500;}
.fnue_view .fune_vw table{width:100%; margin-top:40px; border-top:1px solid #888;}
.fnue_view .fune_vw table .w10{width:30%;}
.fnue_view .fune_vw table th,
.fnue_view .fune_vw table td{text-align:left; font-size:20px; padding:30px 20px; border-bottom:1px solid #e4e5e7; }
.fnue_view .fune_vw table th{border-right:1px solid #e4e5e7; background-color:#f8f8f8;}



.ad_pop_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* 어두운 배경 */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.ad_pop {
  width: 450px;
  background: #fff;
  border-radius: 8px;
  position: relative;
  padding: 25px 30px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.ad_pop_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.ad_pop_content h2{font-size:24px; margin-bottom:20px;}


.mbdbx{margin-top:20px;}
.mbdbx input{width:100%; display:block; border:1px solid #ddd; height:45px; margin-bottom:8px; font-size:17px; padding:0 15px; border-radius:6px;}
.mbdft{margin-top:20px;}
.mbdft a{width:100%; text-align:center; height:50px; line-height:50px; background-color:#333; color:#fff; display:inline-block; font-size:18px; border-radius:6px;}




.all_hed img{width:100%;}



.cont{display:none;}




/* 0710 추가 작업 */
.mob_lobx{position:relative;}
.mob_lobx span{position:absolute; right:0; top:12px; }
.mob_lobx span a{font-size:14px; padding:3px 10px; background-color:#333; color:#fff; border-radius:4px;}
.mob_lobx img{width:160px;}


/* 모바일 로그인 */
.lgn_container{position:absolute; top:50%; left:50%; overflow:hidden; transform:translate(-50%, -50%); background-color:#fff; width:90%; padding:40px 20px; border-radius:20px; box-shadow: 0px 6px 9px -4px rgba(153, 153, 153, .25);}
.lgn_info h2{text-align:center; font-size:20px; line-height:30px;}
.lgn_info h2 span{font-size:28px;}
.lgn_fid{margin-top:25px;}
.text-field{border-radius: 5px; padding: 10px; width: 100%; border: none; border: 1px solid #e6e6e6; margin-bottom: 10px; height: 40px; font-size:15px;}
.lgn_btn{margin-top:30px;}
.submit-btn input{width:100%; height:45px; background-color:#000; color:#fff; line-height:45px; font-size:17px; border:none; border-radius:6px;}
.lgn_chk label{margin-left:5px; cursor:pointer;}

.lgn_btn .submit-btn{width:100%; height:45px; background-color:#000; color:#fff; line-height:45px; font-size:17px; border:none; border-radius:6px; }
.lgn_btn .submit-btn a{color:#fff; text-align:center; display:block;}





/* PC 반응형 */
.mob{display:none !important;}
.swiper-slide.mobile {
  display: none;
}
.fune_mob{display:none;}






/* 파트너 회원가입 */
.partner_bx h1{text-align:center; font-size:24px; margin:60px 0 0 0;}
.pr_reg{width: 800px; min-height: 745px; background-color: #fff;  overflow: auto;  margin: 28px auto 60px;  padding: 35px 40px; line-height: 1.5; border-radius: 20px; box-shadow: 0px 6px 9px -4px rgba(153, 153, 153, .25);}

.tabhed{margin-bottom:12px;}
.tabhed h2{font-size:17px;}
.tabhed  h2 > span{font-size:14px; color:#ff0000; margin-left:5px;}

.tabbox{border-top:1px solid #888888;}
.tabcon{width:100%; border-collapse: collapse; border-spacing: 0; border: none;}
.tabcon th,0
.tabcon thead,
.tabcon tfoot{outline:0;}
.tabcon .frm_rad label{vertical-align:middle;}
.tabcon .frm_rad input{vertical-align:middle; margin-top:-1px; margin-right:2px;}

.tabbox th,
.tabbox td{text-align:left; vertical-align:middle; padding: 0 0 0 14px; font-size:14px;}
.tabbox th{height:40px; font-size:14px; background-color:#f6f6f6; box-sizing:border-box;}
.tabbox tr{border-bottom:1px solid #e4e5e7;}
.tabbox .frm_input{height:25px; border:1px solid #d3d3d3; border-radius:3px; margin-right:5px; padding-left:5px; vertical-align:middle;}
.tabbox .frm_sele{height:25px; border:1px solid #d3d3d3; border-radius:3px; margin-right:3px; padding-left:5px; vertical-align:middle;}
.tabbox .frm_sp{vertical-align:middle; margin-right:6px;}
.tabbox .pop_serbtn{margin-left:5px;}
.tabbox .pop_serbtn a{padding: 2px 10px; background-color:#0029ff; color:#fff; font-size:13px;  font-weight:normal; cursor:pointer; border-radius:4px;}

.tabbox .pop_serbtn2{background-color:#cd00ff; cursor:pointer; }
.tabbox .pop_serbtn2 a{display:block; color:#fff; height:100%; line-height:40px;}
.tabbox .pop_serbtn2:hover{background-color:#ba1be0;}
.arw_whi{width:14px; vertical-align:middle; margin-top:-2px; margin-left:20px;}

.tabbox select{height:25px; border:1px solid #d3d3d3; border-radius:3px; vertical-align:middle;}

.tabprd{margin-top:10px; font-size:14px; color:Red;}

#myDIV h2{font-size:18px; margin-bottom:15px;}
.poptab th{font-size:15px; text-align:center; border-right:1px solid #e4e5e7;}
.poptab tr{height:36px;}
.poptab td{border-right:1px solid #e4e5e7; text-align:center; font-size:15px;}
.poptab .photo_bx a{color:#fff; font-size:13px; padding: 3px 10px; background-color:#6c9dff; border-radius:3px; cursor:pointer;}
.poptab .photo_bx img{width:15px; margin-right:5px; vertical-align:middle;} 
.sujubutton{text-align:center; margin:20px 0; }
.sujubutton a{width:160px; height:36px; line-height:36px; display:inline-block; border-radius:6px; font-size:14px; background-color:#0048ff; color:#fff;}

.bonhed{margin-bottom:10px;}

.tabcon .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.tabcon .phobtn2{ height:25px; background-color:#333; text-align:center; line-height:25px; border-radius:3px; cursor:pointer; border:none; padding: 0 10px;}
.tabcon .phobtn2 > label{margin-right:0px; color:#fff; font-size:13px; cursor:pointer;}
.tabcon .phobtn2 .plusic{width:12px; margin-right:5px; margin-top:-3px; }
.tabcon .filebox .upload-name{border:1px solid #d3d3d3; width:200px; height:25px; font-size:14px; padding-left:10px; border-radius:3px; vertical-align:middle;}

.op_chbx{padding:10px 0;}
.ordadd_btn{display:inline-block; height:25px; padding:0 10px; background-color:#000; color:#fff; vertical-align:middle; line-height:25px; font-size:13px; border-radius:3px;}


.fispn {
    float: right;
    font-weight: 500;
    color: #000 !important;
    vertical-align: bottom;
    margin-top: 4px;
}


.reg_form h1{text-align:center; font-size:20px; font-weight:700; position:relative;}
.reg_table{border-top:1px solid #888;}
.reg_table table{width:100%; }
.reg_table td,
.reg_table th{padding:8px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:14px;}
.reg_table th{background-color:#f8f8f8; text-align:left;}

.reg_table td:last-child{border-right:0px;}
.reg_table td .frm_input{width:100%; padding:10px; border:1px solid #ccc; height:33px; font-size:15px;}
.reg_table td .frm_select{width:100%; padding:0 10px; border:1px solid #ccc; height:33px; font-size:15px;}
.reg_table .hd_ckbt{padding:0 12px; height:33px; background-color:#000; border-radius:3px; font-size:14px; color:#fff; cursor:pointer;}
.reg_table .wharf{width:47% !important;}

.chkbx{margin-top:10px;}
.chkbx label{font-size:15px; font-weight:500; cursor:pointer;}
.chkbx input{margin-top:-3px; margin-right:3px;  cursor:pointer;}

.re_form_btn{margin-top:30px; width:100%; background-color:#333; border-radius:10px;}   
.re_form_btn a{display:inline-block; height:48px; line-height:48px; color:#fff; font-size:16px; width:100%;}



.oby_img input[type=file] {
    display: none;
    border: none;
}

.oby_img #preview{width:120px; height:120px; margin-top:20px; background-color:#fafafa; display:block; margin: 0 auto; margin-top:10px; object-fit: cover; border-radius:6px; box-shadow: 0 0 0 1px #d8d8d8 inset;}    
.oby_img input[type=file]{display:none; border:none;}
.oby_img .upload{background-color:#2d2d2d; color:#fff; margin-top:5px; text-align:center; cursor:pointer; border-radius:3px; padding:5px 0; display:inline-block; width:110px;} 
.oby_img #preview {
    width: 110px;
    height: 110px;
    background-color: #fafafa;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #d8d8d8 inset;}

.oby_img #preview2 {
    width: 110px;
    height: 110px;
    background-color: #fafafa;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 6px;
    box-shadow: 0 0 0 1px #d8d8d8 inset;}

.business_1,
.business_2{border-top:1px solid #888;}

.noig{text-align:center;}

.zipbx div{margin-bottom:8px;}
.zipbx div:last-child{margin-bottom:0px;}

.fm_pphp{margin-top:6px;}
.add_dupbx{ display:inline-block;   padding: 0 12px;
    height: 33px;
	line-height:33px;
    background-color: #666;
    border-radius: 3px;
    font-size: 14px;
	vertical-align:middle;
    color: #fff;}

.noig1{font-weight:600; color:#000; font-size:15px; margin-bottom:3px;}

.tabflex{display:flex; gap:20px;}
.tabflex > div label{margin-right:10px; vertical-align:middle; cursor:pointer;}
.tabflex > div input{margin-right:2px; vertical-align:middle; margin-top:-3px; cursor:pointer;}
.tabflex > div span{font-size:15px; font-weight:500;}
.viewtit {
    font-size: 13px;
    color: #ff0000;
    vertical-align: middle;
	margin-top:3px;
}

.fisb{color:red;}

.add_td{padding:0 0 5px 14px !important;}
.add_td ul:first-child{border-bottom:0px;}
.add_bx1{display:flex; flex-wrap: wrap; border-bottom:1px dotted #ccc; padding:5px 0 0 0;}
.add_bx1 li{vertical-align:middle; width: calc(23% - -9px); margin-bottom:5px; cursor:pointer;}
.add_bx1 li input{vertical-align:middle; margin-top:-2px; margin-right:3px; cursor:pointer;}
.add_bx1 li label{vertical-align:middle; cursor:pointer;}
.add_bx1:last-child{border:0;}


/* 배송 송장 */
.invoice .fax{}
.invoice .fax h1{text-align:center; margin-top:50px; font-size:36px;}
.invoice .fax .fax_tab{margin-top:60px;}
.invoice .fax .fax_tab table{width:100%;}
.invoice .fax .fax_tab th{background-color:#f5f5f5ba;}
.invoice .fax .fax_tab th,
.invoice .fax .fax_tab td{padding:30px 12px; height:85px; font-size:22px; border:1px solid #c7c7c7;}
.invoice .fax .fax_tab td{font-weight:500;}
.invoice .fax .fax_tab .inv_last{background-color:#f5f5f5;}
.invoice .fax .fax_tab .inv_last th{font-size:24px; line-height:30px;}
.invoice .fax .fax_tab .pho{width:160px; display:inline-block;}


/* --------------------------------------------------------------------------------------- 반응형 (항상 여기서만 작업할 것) ---------------------------------------------------------------------------------------  */


@media screen and (min-width: 641px) {
	body, html {
  overflow-x: hidden; /* 임시방편 */
}

  .menu-btn {
    display: none !important; 
  }
}

@media (max-width:640px){

	/* pc에서 none처리 할것 */
	.pc{display:none !important;}
	.hd{}
	.wrap{display:none;}
	.scroll-down{display:none;}
	.hd_menu{display:none;}
	.slide-caption .cap_line{display:none;}
	#pc{display:none;}	
	.pc_admin{display:none !important;}

	/* pc에서 block처리 할것 */
	.mob{display:block !important;}
	.menu-btn{display:block;}
	#mob{display:block;}
	
	.swiper-slide.pc {
    display: none;
  }

  .swiper-slide.mobile {
    display: block;
  }

	
	/* 반응형 작업 */
	.root_daum_roughmap {width:100% !important;}
	.wrap_map{height:250px !important;}

	.slide_div{left:15px; bottom:30%;}
	.slide_div h2{font-size:28px; }
	.slide_div h2:first-child{margin-bottom:15px;}

	.hd{height:75px;}
	.hd .hd_logo{width:100%; padding: 0 15px;}
	.hd .hd_logo > a{left:15px; background-size:100px auto;}
	.hd .hd_logo > a img{width:160px;}

	.swiper{height:100%;}
	.mob_wp{z-index: 99; background: transparent; position: fixed; bottom: 20px; left: 0; height: auto; width: 100%; display: flex; align-items: center; justify-content: center;}
	.mob_wp > div{width: 100%;}
	.mob_wp > div a{float: right; border-radius: 8px; height: 56px; width: calc(50% - 20px); margin-right: 16px; line-height: 56px; background: transparent linear-gradient(180deg, #4C3E32 0%, #2F221A 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; padding: 0 16px; text-align: center; font-size: 18px; font-weight: bold;  color: #fff;}
	.mob_wp > div > span{cursor: pointer; width: calc(50% - 20px); display: flex !important; align-items: center; justify-content: center; height: 56px;  background: #B5A386; color: #000;  font-size: 18px;  border-radius: 8px; margin: 0 0 0 16px; box-shadow: 0 0 14px rgba(0, 0, 0, .14); font-weight:600;}
	.mob_wp > div > a > img{width:20px; margin-right:5px; margin-top:-3px;}
	
	.grid_bx{width:100%; padding: 0 15px;} 
	.grid_bx h2{font-size:32px;}
	.grid_bx h3{font-size:18px;}

	.swiper-button-next,
	.swiper-button-prev {width: 40px !important; height: 40px !important; background-color: white; border-radius: 50%; color: black; /* 화살표 색상 */ font-size: 18px; /* 화살표 크기 */  box-shadow: 0 2px 6px rgba(0,0,0,0.1); /* 선택사항: 약간의 그림자 */  display: flex;  align-items: center;  justify-content: center;  top:58% !important;}
	.swiper-button-next::after, .swiper-button-prev::after { font-size: 18px !important; /* 화살표 아이콘 크기 */ color: black; /* 화살표 색상 */ font-weight:bold;}
	.swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 1px);  right: auto;}
	.grid_all a{height:50px; line-height:50px; font-size:18px;}
	.gridSwiper{margin-top:30px;}

	.section{width:100%; max-width:100%;}
	.service h2{font-size:32px;}
	.service h3{font-size:18px;}
	.mainVisualSwiper{margin-top:30px;}
	.my-button-prev{left:5px;}
	.my-button-next{right:5px;}
	.my-button-prev, .my-button-next{top:40%; width:40px; height:40px; font-size:18px;}
	.my-button-next::after{width:22px; height:22px;}
	.my-button-prev::after{width:22px; height:22px;}
	.slide-caption {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 10px;}
	.slide-caption .cap_span2 {width:100%; font-size:20px; text-align:center;}
	.slide-caption .cap_span1{font-size:26px;}
	.slide-caption strong{padding-right:0px; font-size:26px;}
	
	.map_o{width:100%; padding: 30px 15px 40px 15px;}
	.map_o h2{font-size:32px;}
	.map_o h3{font-size:18px;}
	.map_m{margin-top:30px;}
	.map_m img{width:100%; height:250px;  object-fit: cover; border-radius:10px;}
	.map_add dl{width:100%; margin-bottom:20px;}
	.map_add dl:last-child{margin-bottom:0px;}
	.map_add .add1{width:100%;}
	.map_add dl dt{font-size:23px;}
	.map_add dl dd{font-size:20px; margin-top:6px;}

	.map_info li{width:100%; margin-bottom:20px;}
	.map_info li > div .info_right h4{margin:0;}
	.map_info li > div img{width:60px;}
	.map_info img{width:100%;}

	.bto_ban{height:300px; display: flex; align-items: center; justify-items: center; align-content: center; justify-content: center; color: #fff;  flex-wrap: wrap; font-size: 28px;  line-height: 1;}
	.bto_ban h2{padding:0; font-size:24px; font-weight:500;}
	.bto_ban img{width:220px; margin-top:20px;}
	
	.bto_ban2{height:unset;}
	.bto_ban2 img{width:100%;}

	footer{padding: 60px 15px 100px 15px;}
	.bottom{width:100%;}
	.bottom .left{order: 2; margin-top:12px;}
	.bottom .right{order: 1;}
	.bottom .right span{font-size:18px; line-height:25px; margin-bottom:0px;}
	.bottom .right a{margin-bottom:10px;}
	.bottom > div{flex:auto !important;}

	.room_ban{height:200px; background-position: center;  background-repeat: no-repeat;  background-size: cover;  background-image:  linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), /* 어두운 오버레이 */ url('./img/room_ban2.png'); /* 실제 이미지 */}
	.room_ban > div{bottom:50px; width:100%;}
	.room_ban > div > h2{font-size:24px;}
	.room_list{padding:40px 0 30px;}
	.room_list h2{font-size:30px;}
	.room_list ul{flex-wrap:wrap;}
	.room_list ul li{width:33.33%; margin:15px 0;}
	.room_list ul li a{font-size:18px;}
	.room_list_info{margin-top:20px; padding:25px 15px 10px 15px;}
	.room_list_info .list_if > span{width:100%; font-size:17px;}
	.room_list_info .list_if > .list_big{width:100%;}
	.room_list_info .list_if > .list_big b{padding-bottom:20px; float:left;}
	.room_img ul{padding: 0 15px;}
	.room_img ul li{width:100%;}

	.fac_ban{height:200px; background-position: center;  background-repeat: no-repeat;  background-size: cover;  background-image:  linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), /* 어두운 오버레이 */ url('./img/fac_ban.png'); /* 실제 이미지 */}
	.fac_ban > div{bottom:50px; width:100%;}
	.fac_ban > div > h2{font-size:24px;}

	.ser_ban{height:200px; background-position: center;  background-repeat: no-repeat;  background-size: cover;  background-image:  linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), /* 어두운 오버레이 */ url('./img/ser_ban.png'); /* 실제 이미지 */}
	.ser_ban > div{bottom:50px; width:100%;}
	.ser_ban > div > h2{font-size:24px;}
	
	.serv_box{width:100%; padding: 0 15px; margin-top:0px;}
	.items ul li{width:100%;}
	.items .items_sub{padding:25px 20px;}
	.items .items_sub h2{font-size:22px;}
	.items .items_sub p{font-size:18px; line-height:26px;}
	.items .items_sub2 h2{font-size:22px;}
	.items .items_sub2 > div table th, 
	.items .items_sub2 > div table td{font-size:17px; padding:12px;}
	.items .items_sub2 > div table td{line-height:24px;}
	.items .items_sub2 > div table .w1{width:17%;}
	.items .items_sub2 > div table .w2{width:40%;}
	.items .items_sub2 > div table .w1_2{width:20%;}
	.items .items_sub2 > div table .w1_3{width:20%;}
	.items .items_sub2 > div .mob_table .w1{width:21%;}
	.items .items_sub2 > div .mob_table .m1_3{width:24%;}
	.items .items_sub2 > div .mob_table .m1_4{width:15%;}
	.items .items_sub2 > div .mob_table th,
	.items .items_sub2 > div .mob_table td{font-size:15px;}
	.items .items_sub2 > div .mob_table td{line-height:20px;}
	
	.items .car{height:100%;}
	.items .car > p{width:100%; margin-right:0px; margin-bottom:12px;}
	.items .items_sub2 > div .mob_table5 .w1{width:25%;}
	.items .items_sub2 > div .mob_table5 .m1_2{width:35%;}

	.faq_bx{width:100%;}
	.faq_bx h2{font-size:30px;}
	.accordion {padding: 0 15px;}
	.accordion h3{font-size:26px;}
	.accordion p{font-size:16px; line-height:22px;}
	.faq_list .question{padding:14px 12px;}
	.faq_list .answer {line-height: 1.4; padding-left: 20px; padding-right: 20px;}
	.faq_bx ul{padding: 0 15px; display:block; height:100%;}
	.faq_bx ul li{width:100%; font-size:24px; background-size:cover !important; margin-bottom:10px;}
	.faq_bx ul li:last-child{margin-left:0px;}

	.fune_list{width:100%;}
	.fune_list h2{font-size:30px;}
	.fune_sh{margin-top:30px; padding:0 15px;}
	.fune_sh .fune_sh_bx input{width:70%;}
	.fune_sh .fune_sh_bx a{padding: 0 17px;}
	.fune_tb{padding:0 15px; display:none;}
	
	.fune_mob{display:block; margin-top:20px; padding: 30px 15px; background-color:#f8f8f8;}
	.fumob_list{background-color:#fff; border-radius:8px; border:1px solid #ddd; margin-bottom:20px;}
	.fumob_list a{display:block; padding:20px 15px;}
	.fumob_list:last-child{margin-bottom:0px;}
	.fumob_list h3{font-size:20px;}
	.fumob_list h3 > b{font-weight:500; font-size:17px;}
	.fumob_list h3 > span{color:#999; font-weight:600; font-size:17px; margin-left:5px;}
	.fumob_list table{border-top:1px solid #bdbdbd;}
	.fumob_list table{width:100%; margin-top:15px;}
	.fumob_list table .w10b{width:20%;}
	.fumob_list table th{border-right:1px solid #e4e5e7;}
	.fumob_list table th,
	.fumob_list table td{padding:10px 10px; border-bottom:1px solid #e4e5e7;}
	.fumob_list table th{background-color:#f8f8f8;}

	.fnue_view{width:100%; padding: 50px 15px; }
	.fnue_view .fune_vw table {margin-top:15px;}
	.fnue_view h2{font-size:30px;}
	.fnue_view h2 > a img{width:30px;}
	.fnue_view .fune_vw{padding:15px;}
	.fnue_view .fune_vw h3{font-size:24px;}
	.fnue_view .fune_vw table th, 
	.fnue_view .fune_vw table td{padding:15px; font-size:17px;}
	.view_bx {background: url(./img/fune_bg.png) no-repeat right; background-size: unset;}

	.pup-content{width:85%;}

	}


@media (max-width:360px){
	.service h2{font-size:28px;}
	.service h3{font-size:16px;}
	.map_o h2{font-size:28px;}
	.map_o h3{font-size:16px;}
	.bto_ban h2{font-size:20px;}
	.grid_bx h3{font-size:16px;}
	.grid_bx h2{font-size:28px;}
	.slide_div h2{font-size:24px;}
	.slide-caption .cap_span2{font-size:18px;}
	.slide-caption strong{font-size:24px;}
	.items .items_sub2 > div table th,
	.items .items_sub2 > div table td{font-size:16px; padding:12px;}
	.items .items_sub2 > div table td{line-height:24px;}
}