@charset "utf-8";


/* 펜션예약 */
.step_pen{background:transparent;color:#222;font-family:'NotoKrB';display:flex;justify-content:space-between;flex-direction:row;}
.step_pen *{box-sizing:border-box;}
.step_pen .step_pen-step-head{background-color:#e6edf7;display:flex;align-items:center;gap:20px;margin-bottom:20px; height: 55px;    line-height: 63px;}
.step_pen .step_pen-step-badge{background:#476188;color:#fff;font-weight:800;width:100px;font-family:'Tenada';height:55px;line-height:63px;text-align:center;font-size:20px;}
.step_pen .step_pen-step-title{padding-top:10px;font-size:20px;font-weight:800;color:#476188;font-family:'Tenada';}
.step_pen .step_pen-panel{height:432px;border:1px solid #e1e1e1;border-radius:5px;overflow:hidden;}
.step_pen .step_pen-row{display:flex;height:56px;align-items:center;text-align:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;justify-content:center;background:#f6f6f6;}
.step_pen .step_pen-ym-label{font-size:16px;}
.step_pen .step_pen-row label{font-family:'NotoKrR';font-size:15px;}
.step_pen .step_pen-select{position:relative;}
.step_pen .step_pen-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #e1e1e1;padding:8px 36px 8px 12px;font-weight:700;background:#fff;}
.step_pen .step_pen-select:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:#666;}
.step_pen .step_pen-cal-head{max-width:385px;display:flex;align-items:center;justify-content:space-between;background:#f0a733;border-radius:10px;color:#fff;height:40px;margin:0 auto 8px auto;font-weight:800;padding:0 10px;}
.step_pen .step_pen-cal-nav{display:flex;gap:8px;}
.step_pen .step_pen-cal-btn{width:27px;height:27px;border-radius:8px;border:none;background:rgba(255,255,255,.25);color:#fff;font-weight:900;line-height:10px;font-size:8px;}
.step_pen .step_pen-cal-btn[disabled]{opacity:.35;}
.step_pen .step_pen-cal{max-width:358px;margin:0 auto;border-collapse:separate;border-spacing:0 3px;}
.step_pen .step_pen-cal th{padding:6px 0;font-weight:800;color:#000;}
.step_pen .step_pen-cal td{width:14.285%;height:40px;text-align:center;vertical-align:middle;}
.step_pen .step_pen-day{display:block;position:relative;width:49px;height:40px;line-height:40px;margin:0 auto;font-weight:700;user-select:none;background-color:#fdfdfd;border:1px solid #ededed;color:#b0daea;}
.step_pen .step_pen-is-out,
.step_pen .step_pen-is-disabled{color:#b0daea;}
.step_pen .step_pen-is-start{display:block;box-shadow:inset 0 0 0 1px #ffb43b;background:#fff;color:#eb8f00;}
.step_pen .step_pen-is-inrange{color:#1c94c4;display:block;background:#fafafa;border:1px solid #ccc;}
.step_pen .step_pen-summary{display:flex;height:56px;align-items:center;text-align:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;justify-content:center;background:#f6f6f6;}
.step_pen .step_pen-summary-label{font-weight:700;color:#555;}
.step_pen .step_pen-summary span{color:#999;font-size:10px;}
.step_pen .step_pen-summary-date{color:#e65c39;font-weight:800;}
.step_pen .step_pen-list{list-style:none;margin:0;padding:0 20px;}
.step_pen .step_pen-li{border-bottom:1px dashed #dcdcdc;}
.step_pen .step_pen-li:last-child{border-bottom:0;}
.step_pen .step_pen-radio{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);}
.step_pen .step_pen-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px 6px;cursor:pointer;}
.step_pen .step_pen-mark{width:20px;height:20px;border-radius:50%;border:2px solid #c9d0db;background:#fff;position:relative;flex:0 0 20px;display:inline-block;}
.step_pen .step_pen-mark::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:4px;border-left:2px solid #e65c39;border-bottom:3px solid #e65c39;transform:translate(-50%,-88%) rotate(-45deg);opacity:0;}
.step_pen .step_pen-radio:checked+label .step_pen-mark{border-color:#cfd5df;}
.step_pen .step_pen-radio:checked+label .step_pen-mark::after{opacity:1;}
.step_pen .step_pen-name{color:#333;font-family:'NotoKrR';}
.step_pen .step_pen-price{font-family:'NotoKrR';text-align:right;}
.step_pen .step_pen-opt-panel{border:1px solid #dcdcdc;border-radius:5px;padding:10px 20px 30px 20px;min-height:240px;}
.step_pen .step_pen-opt-head{font-weight:800;color:#476188;margin-bottom:10px;}
.step_pen .step_pen-opt-list{list-style:none;margin:0;padding:0;}
.step_pen .step_pen-opt-li{border-bottom:1px dashed #dcdcdc;}
.step_pen .step_pen-opt-li:last-child{border-bottom:0;}
.step_pen .step_pen-opt-row{display:flex;align-items:center;gap:14px;padding:9px 8px;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;justify-content: space-around;}
.step_pen .step_pen-opt-title{min-width:140px;position:relative;padding-left:18px;font-family:'NotoKrR';color:#555;}
.step_pen .step_pen-opt-title:before{content:"•";position:absolute;left:0;top:0;color:#6a7685;}
.step_pen .step_pen-qty{display:inline-flex;align-items:center;overflow:hidden;}
.step_pen .step_pen-qty-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;background:#f0f0f0;font-weight:800;line-height:1;border:1px solid #d7dde6;}
.step_pen .step_pen-qty-num{margin:0 3px;min-width:38px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d7dde6;font-family:'NotoKrR';}
.step_pen .step_pen-note{margin-top:10px;padding:5px 12px;background:#f6f6f6;color:#2b2b2b;font-size:14px;font-family:'NotoKrR';position:relative;}
.step_pen .step_pen-paybar{margin-top:45px;background:#f6f6f6;border-top:1px dashed #e1e1e1;border-bottom:1px dashed #e1e1e1;padding:28px 25px 25px 28px;display:flex;align-items:flex-end;flex-direction:column;}
.step_pen .step_pen-note::after{content:"";display:block;width:100%;border-bottom:1px dashed #e1e1e1;position:absolute;top:40px;left:0;}
.step_pen .step_pen-total{color:#555;font-size:16px;font-family:'NotoKrR';}
.step_pen .type01 a{background-color:#e54b1e!important;}
.step_pen .step_pen-total strong{color:#f15a00;font-size:24px;margin-left:8px;}
.step_pen .step_pen-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:10px;border:0;background:#f15a00;color:#fff;font-weight:800;}
.step_pen .step_pen-btn:after{content:"››";font-weight:900;}
.step_pen{display:flex;}
.step_pen div{display:block;}
.step_pen .one_wrap,
.step_pen .two_wrap,
.step_pen .th_wrap{width:32%;max-width:445px;}
@media(max-width:420px){.step_pen .step_pen-day{width:36px;height:36px;line-height:36px;}}
@media(max-width:1250px){.step_pen .step_pen-day{width:42px;height:38px;}
.step_pen .step_pen-paybar{margin-top:0;background:#f6f6f6;border-top:1px dashed #e1e1e1;border-bottom:1px dashed #e1e1e1;padding:15px 20px;display:flex;align-items:flex-end;flex-direction:column;}
.step_pen .step_pen-qty-btn{width:24px;height:24px;}
.step_pen .step_pen-qty-num{min-width:28px;height:24px;}
.step_pen .step_pen-opt-title{padding-left:8px;}}
@media(max-width:1000px){.step_pen{display:flex;flex-direction:column;align-content:space-around;align-items:center;gap:60px;}
.step_pen .one_wrap,
.step_pen .two_wrap,
.step_pen .th_wrap{width:100%;max-width:575px;}
.step_pen .step_pen-opt-row{display:flex;align-items:center;gap:14px;padding:16px 8px;justify-content:space-between;flex-direction:row;flex-wrap:wrap;}
.step_pen .step_pen-paybar{margin-top:30px;}
.step_pen .step_pen-day{width:40px;}
.step_pen .step_pen-list{padding:0 10px;}
.step_pen .step_pen-opt-row{padding:16px 0;}
.step_pen .step_pen-cal-head{max-width:345px;}
.step_pen .step_pen-step-badge{width:70px;height:55px;line-height:56px;font-size:16px;}
.step_pen .step_pen-step-title{font-size:18px;}
.step_pen .step_pen-note{font-size:13px;}}




/* 펜션예약2 */
.step_pen.step_pen_tw textarea {border: transparent;}
.step_pen.step_pen_tw{display:flex;gap:30px;align-items:flex-start;font-family:'NotoKrR',sans-serif;}
.step_pen.step_pen_tw .col{width: 32%;max-width: 445px;}
.step_pen.step_pen_tw .col-head{  background: #e6edf7;color: #476188;font-weight: 800;text-align: center;font-family: 'Tenada';font-size: 20px;height: 55px;line-height: 63px;}

.step_pen.step_pen_tw .panel{margin-top: 15px;background: #fff;border-radius: 5px;border: 1px solid #e3e6eb;}
.step_pen.step_pen_tw .paneltw{border: initial;border-top: 1px solid #e3e6eb;border-bottom: 1px solid #e3e6eb;}

.step_pen.step_pen_tw .terms{width:100%;padding:14px;line-height:1.6;color:#555;overflow-y:scroll;outline:0;resize: none;font-family: 'NotoKrR';font-size: 15px; }

.step_pen.step_pen_tw .form{width:100%;border-collapse:separate;border-spacing:0;  height: 273px;}
.step_pen.step_pen_tw .form .th{width:100px;}
.step_pen.step_pen_tw .form th{background:#f6f6f6;color:#000000;border-right:1px solid #e6e9ef;vertical-align:middle;text-align:center;padding:12px 14px;border-bottom: 1px solid #e1e1e1;}
.step_pen.step_pen_tw .form td{padding:10px 14px;border-bottom:1px solid #eef1f6;}
.step_pen.step_pen_tw .form tr:last-child td,.step_pen.step_pen_tw .form tr:last-child th{border-bottom:0;}
.step_pen.step_pen_tw .inp{width: 100%;height: 28px;border: 1px solid #e1e1e1;padding: 0 10px;outline: 0;}
.step_pen.step_pen_tw .inp.sm{width:150px;}
.step_pen.step_pen_tw .hint{margin-top:6px;font-size:14px;color:#555;}
.step_pen.step_pen_tw .car .row{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.step_pen.step_pen_tw .car .label{min-width:70px;color:#666;}

.step_pen.step_pen_tw .pannel_bg{   text-align: left;background-color: #f6f6f6;padding: 30px 20px 20px 20px;  }
.step_pen.step_pen_tw .panel.right{ display: flex;height: 273px;flex-direction: column;justify-content: space-between;}
.step_pen.step_pen_tw .pay-method{display:flex;gap:22px;color:#616a78;padding: 20px;margin-top: 5px;}
.step_pen.step_pen_tw .radio{display:inline-flex;align-items:center;gap:6px;font-size:14px;}
.step_pen.step_pen_tw .summary{text-align: left; font-size: 16px;}
.step_pen.step_pen_tw .summary .tit{color:#000;margin-bottom:10px;}
.step_pen.step_pen_tw .summary .sub{color:#616a78;}
.step_pen.step_pen_tw .total{display: inline-block;margin: 6px 0 16px;font-size: 15px;color: #555;   }
.step_pen.step_pen_tw .to_btn_wrap{display: flex;justify-content: space-between;align-items: flex-start;margin-top: 50px;
}

.step_pen.step_pen_tw .total strong{font-size:24px;color:#e54b1e;font-family: 'NotoKrB';}
.step_pen.step_pen_tw .type01 a {background-color: #e54b1e; text-align: left;}
.step_pen.step_pen_tw .btn-wrap{display: inline-block; padding-top: initial;}
.step_pen.step_pen_tw .btn-pay .arr{font-weight:900}
.step_pen.step_pen_tw .panel.right{display: flex;flex-direction: column;justify-content: space-between;}
.step_pen.step_pen_tw .pannel_bg{text-align: left;background-color: #f6f6f6;padding: 30px 20px 20px 20px;box-sizing: border-box;}
.step_pen.step_pen_tw .to_btn_wrap{display: flex;flex-wrap: wrap;   justify-content: space-between;align-items: flex-start;margin-top: 50px;}


@media (max-width: 1300px) {
.step_pen.step_pen_tw .to_btn_wrap {margin-top: 10px;}
.step_pen.step_pen_tw .to_btn_wrap {justify-content: flex-end;  } 
}
@media (max-width:1000px){
.step_pen.step_pen_tw {display: flex;align-items: center;flex-direction: column;}
.step_pen.step_pen_tw .col { width: 100%;max-width: 575px;}
.step_pen.step_pen_tw .to_btn_wrap {margin-top: 10px;  justify-content:initial;   position: relative; flex-direction: column; }
.step_pen.step_pen_tw .btn-wrap{ position: absolute;   right: 0;top: 53px;}
.step_pen.step_pen_tw .pannel_bg {padding: 30px 20px 70px 20px;}

}




/* 캠핑예약 */
/* 캠핑예약 */
/* 캠핑예약 */

.step_cam .step_cam_chose {
    display: flex !important;
    align-items: center;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    position: relative;
}

/* '사이트 선택하기' 버튼 스타일 */
.step_cam .site_cho {
    padding: 12px 34px;
    background-color: #333;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 20px;
    font-family: 'NotoKrR';
    display: inline-block;
    cursor: pointer;
    
    transition: 0.2s ease;
}

.step_cam .site_cho:hover {
  background-color: #555;
transition: 0.2s ease;
}

/* 선택한 사이트 번호 스타일 */
.step_cam .site_num_text {
  font-size: 15px;
  color: #333;
  margin-left: 10px;
      font-family: 'NotoKrR';
}

.step_cam .site_num_text span{
    padding-left: 5px;    font-family: 'NotoKrM';

    font-size: 20px;
}
/* 체크 표시 */
.step_cam .step_cam_chose::before {
  content: '✔'; /* 체크 기호 */
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 36px;
    top: 50%;
  transform: translateY(-50%);
}

.step_cam .step_pen-opt-li:last-child {
    border-bottom: 1px dashed #dcdcdc;
}

.step_pen.step_cam .step_pen-panel.panel_tw{
        height: 238px;
}


.step_pen.step_cam .step_pen-paybar {
    position: absolute;
    width: 64%;
    right: 20px;
}


/* 팝업 배경 */
.layer_pop_rwap {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.35);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999!important;
}

/* 팝업 박스 */
.layer_pop_rwap .layer_pop_inner {
  background: #fff;
  width: 95%;
  max-width: 630px;

  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,.4);
  position: relative;
}

/* 헤더 */
.layer_pop_rwap .layer_pop_head {
    background: #444;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 40px;
    height: 70px;
    line-height: 70px;
    padding-top: 0px;
}

.layer_pop_rwap .layer_pop_title {
    font-size: 30px;
    margin-top: 10px;
    font-family: 'Tenada';
}

/* 닫기 버튼 */
.layer_pop_rwap .btn_pop_close {
    background: #222;
    color: #fff;
    border: none;
    font-size: 0;
    width: 70px;
    height: 67px;
    border-radius: 0;
    cursor: pointer;
    position: relative;
}
.layer_pop_rwap .btn_pop_close::after {
 content: "";
    background: url(/images/GoseongDanghangpo/common/icon_x.png) center center / cover no-repeat;
    position: absolute;
    top: 19px;
    right: 20px;
    width: 30px;
    height: 30px;
}

/* 안내문 */
.layer_pop_rwap .pop_guide {
  margin: 20px 0;
  padding: 0 20px;
}
.layer_pop_rwap .pop_guide ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.layer_pop_rwap .pop_guide li {
  margin-bottom: 6px;
  padding-left: 20px;
  position: relative;
  font-size: 14px;
  color: #333;
}
/* 이미지 영역 */
.layer_pop_rwap .pop_img_area {
  margin: 0 20px 10px;
}

.layer_pop_rwap .img_placeholder {
width: calc(100% - 40px);
    aspect-ratio: 16 / 9;
    margin: 0 auto;
    font-size: 0;
    max-height: 410px;
    background: url(/images/GoseongDanghangpo/content/campmap.jpg) center center / contain no-repeat;
}
/* 번호 영역 */
.layer_pop_rwap .site_grid_wrap {
  background: #6b3a0a;
  padding: 10px;
  border: 2px solid #f99;
}
.layer_pop_rwap .site_grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr); /* 12칸 기준 */
  gap: 4px;
}
.layer_pop_rwap .site_btn {
  height: 44px;
  border: 1px solid #f9a;
  background: #6b3a0a;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.layer_pop_rwap .site_btn.active {
  background: #c62828;
  border-color: #a41f1f;
}
/* 테이블 */
.layer_pop_rwap .site_table_wrap {
    background: #804c00;
    margin: 0px 40px;
    margin-bottom: 15px;
}

.layer_pop_rwap .site_table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
border: 3px solid #ff7f7f;
}

.layer_pop_rwap .site_table td {
    border: 3px solid #ff7f7f;
    background: #804c00;
    color: #ff7f7f;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    cursor: pointer;
    transition: 0.2s;
}

/* hover */
.layer_pop_rwap .site_table td:hover {
  background: #801030;
}

/* 선택(active) */
.layer_pop_rwap .site_table td.active {
  background: #c62828;
  border-color: #a41f1f;
  color: #fff;
}

/* 빈 칸 */
.layer_pop_rwap .site_table td:empty {
  background: transparent;
  border: none;
  cursor: default;
}
.layer_pop_rwap .btn-wrap {
    text-align: center;
    padding-bottom: 20px;
    padding-top: initial;
}
.layer_pop_rwap .btn-wrap.type01 a{
    background-color: #e54b1e;
    text-align: left;
}


/* ========== 반응형 ========== */

@media (max-width:1350px) { 
    .step_cam .step_cam_chose {
        display: flex !important;
        align-items: center;
        padding: 15px;
        border-radius: 5px;
        border: 1px solid #e3e3e3;
        position: relative;
        flex-wrap: wrap;
        justify-content: center;
    }
    .step_cam .site_cho {
        padding: inherit;
        text-align: center;
        width: 100%;
        margin-right: initial;
    }
    .step_cam .step_cam_chose::before {
        left: 50%;
        transform: translateX(-630%);
        top: 26%;
    }
    .step_cam .site_num_text {
        padding-top: 10px;
    }
}
@media (max-width: 1250px) {
    .step_pen.step_cam .step_pen-paybar {
        margin-top: 45px;
    }
}





@media (max-width:1000px) {

    
    .step_pen.step_cam .step_pen-paybar {
        position: inherit;
        width: inherit;
    }
  .layer_pop_rwap {
    align-items: stretch; 
  }

  .layer_pop_rwap .layer_pop_inner {
    width: 100%;
    height: 100vh;
    max-width: none;
    border-radius: 0;
    display: flex;
    flex-direction: column;
  }

  /* 헤더 고정 */
  .layer_pop_rwap .layer_pop_head {
    height: 60px;
    line-height: 60px;
    flex-shrink: 0;
  }

  /* 내용 스크롤 */
  .layer_pop_rwap .layer_pop_inner > *:not(.layer_pop_head):not(.btn_pop_close) {
    overflow-y: auto;
    flex: 1;
  }

  /* 테이블 가로 스크롤 */
  .layer_pop_rwap .site_table_wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .layer_pop_rwap .site_table {
    min-width: 720px;
  }

/* 닫기 버튼 */
.layer_pop_rwap .btn_pop_close {    height: 58px;  }
.layer_pop_rwap .btn_pop_close::after {top: 15px;}



}



/* 나의예약 */
/* 나의예약 */
/* 나의예약 */

    .step_mybook .btn-wrap.type02 a.write.sm_btn_st3 {
    background-color: #476188;
    text-align: left;
}

    .step_mybook .btn-wrap {
    padding-top: 0;
}

.step_mybook .table-wrap table.type01 tbody td {
    padding: 5px 5px;
}
.step_mybook .table-wrap table.type01 tbody .pay_wait {
    color: #c55a86;
}
.step_mybook .table-wrap table.type01 tbody .pay_suc {
    color: #0d9ebd;
}

@media all and (max-width: 1000px){
    .step_mybook .table-wrap .scroll-guide {
        display: block;
    }
    .step_mybook .table-wrap table.scroll{
        width: 1000px;
    }
    
    }


/* 먹거리카페 */
.food-wrap{position:relative; padding:90px 100px 230px 100px; background:green; min-height:645px; background:url("/upload_data/board_data/BBS_0000016/175695207848229.jpg") center top no-repeat; background-size:cover !important; border-radius:20px;}

.food-wrap .title{text-align:center; margin-bottom:40px;}
.food-wrap .title .stxt{font-size:45px; color:#e7744a; line-height:120%; letter-spacing:-0.02em; font-weight:100; font-family:'Tenada'; margin-bottom:10px;}
.food-wrap .title .btxt{font-size:80px; color:#e7744a; line-height:100%; letter-spacing:-0.03em; font-weight:900; font-family:'Tenada';}

.food-wrap .menu{background:#fff; border:5px solid #000; border-radius:20px; width:45%; margin:0px 2%; box-sizing:border-box; text-align:center; overflow:hidden; display:inline-block; vertical-align:top;}
.food-wrap .menu .tit{padding:30px 10px 20px 10px; background:#000; color:#fff; line-height:120%; font-size:34px; font-family:'Tenada'}

.food-wrap .menu .cont{padding:20px 80px;}
.food-wrap .menu .cont table{}
.food-wrap .menu .cont table thead{}
.food-wrap .menu .cont table thead tr{}
.food-wrap .menu .cont table thead tr th{padding:10px 0px; font-size:18px; font-family:'Tenada';}
.food-wrap .menu .cont table thead tr th.corg{color:#e7744a;}
.food-wrap .menu .cont table thead tr th.csky{color:#2a91af;}
.food-wrap .menu .cont table thead tr td{padding:10px 0px; font-size:22px; font-family:'Tenada';}

.food-wrap .menu .cont table tbody tr th{padding:10px 0px; font-size:22px; color:#000; font-family:'Tenada';}
.food-wrap .menu .cont table tbody tr td{padding:10px 0px; font-size:22px; color:#000; font-family:'Tenada';}

.food-wrap .menu.food{border-color:#4d7e7e;}
.food-wrap .menu.food .tit{background:#4d7e7e;}
.food-wrap .menu.food .cont table tbody tr th{color:#4d7e7e;}

.food-wrap .menu.cafe{border-color:#6d5154;}
.food-wrap .menu.cafe .tit{background:#6d5154;}
.food-wrap .menu.cafe .cont table tbody tr th{color:#6d5154;}

	@media all and (max-width:1400px){
		.food-wrap{padding:40px 20px;}

		.food-wrap .menu .cont{padding:10px 20px;}
	}	

	@media all and (max-width:1000px){
		.food-wrap{padding:30px 10px;}

		.food-wrap .title{margin-bottom:20px;}
		.food-wrap .title .stxt{font-size:30px;}
		.food-wrap .title .btxt{font-size:50px;}

		.food-wrap .menu{border:4px solid #000;}
		.food-wrap .menu .tit{padding:16px 10px 10px 10px; font-size:24px;}

		.food-wrap .menu .cont{padding:10px 10px;}

		.food-wrap .menu .cont table thead tr th{font-size:16px;}
		.food-wrap .menu .cont table thead tr td{font-size:18px;}

		.food-wrap .menu .cont table tbody tr th{font-size:18px;}
		.food-wrap .menu .cont table tbody tr td{font-size:18px;}
	}

	@media all and (max-width:680px){
		.food-wrap .title{margin-bottom:10px;}
		.food-wrap .title .stxt{font-size:20px; margin-bottom:4px;}
		.food-wrap .title .btxt{font-size:30px;}

		.food-wrap .menu{border:3px solid #000; width:100%; margin:0px 0%;}
		.food-wrap .menu.food{ margin-bottom:20px;}

		.food-wrap .menu .tit{padding:10px 10px 4px 10px; font-size:18px;}

		.food-wrap .menu .cont{padding:10px 10px;}

		.food-wrap .menu .cont table thead tr th{font-size:14px;}
		.food-wrap .menu .cont table thead tr td{font-size:16px;}

		.food-wrap .menu .cont table tbody tr th{font-size:16px;}
		.food-wrap .menu .cont table tbody tr td{font-size:16px;}
	}

	@media all and (max-width:480px){

	}



/* 오시는길 주차장 */
.root_daum_roughmap {  width: 100% !important;    max-width: 100%;height: auto;}
.root_daum_roughmap .map, .root_daum_roughmap .wrap_map {  width: 100% !important;}
.parkingload .top_map{display:flex;justify-content:space-between;flex-wrap:nowrap;flex-direction:row;gap:20px;}
.parkingload .top_map .mapone{flex:1;}
.parkingload .top_map .maptw{flex:1;}
.parkingload .map_box{height:340px;margin-top:20px;overflow: hidden;}
.parkingload .cen_banner{background-color:green;background:url('/images/GoseongDanghangpo/content/banner.png') center center/cover no-repeat;height:100px;width:100%;text-align:center;border-radius:10px;}
.parkingload .cen_banner .ban_txt{font-size:24px;font-family:'Tenada';line-height:105px;color:#fffd44;}
.parkingload .cen_banner .ban_txt span{color:#fff;margin-left:15px;}
.parkingload .mov_type{display:flex;flex-direction:row;justify-content:flex-start;border-top:1px dashed #dadada;padding:25px 0;align-items:center;gap:40px;}
.parkingload .move_title{font-family:'Tenada';font-size:18px;margin-bottom:10px;}
@media (max-width:1000px){
.parkingload .top_map{gap:10px;}
.parkingload .cen_banner .ban_txt{font-size:22px;font-family:'Tenada';line-height:31px;padding-top:21px;color:#fffd44;}
.parkingload .cen_banner .ban_txt span{display:block;margin-left:initial;}
.parkingload .top_map{flex-direction:column;}
.parkingload .mov_type{flex-direction:column;}
}
@media (max-width:680px){
.parkingload .cen_banner .ban_txt{font-size:22px;font-family:'Tenada';line-height:21px;padding-top:31px;color:#fffd44;}
.parkingload .cen_banner .ban_txt span{font-size:16px;}
}


/* 전시안내 */
/* tap-btap */
.tap-btap{}
.tap-btap:after{content: ''; display: block; clear: both;}
.tap-btap li{width:50%; float:left; text-align:center;}
.tap-btap li a{position:relative; display:block; padding:20px; border:1px solid #d9d9d9;}
.tap-btap li a span{font-size:20px; color:#424242; line-height:100%; font-family:'Tenada'; font-weight:900;}
.tap-btap li.active{}
.tap-btap li.active a{background:#0e9bb6;}
.tap-btap li.active a:before{position:absolute; bottom:-1px; left:0px; width:100%; height:5px; background:#87cddb; content:"";}
.tap-btap li.active a span{color:#fff;}

	@media all and (max-width:680px){
		.tap-btap li a{padding:12px 10px;}
		.tap-btap li a span{font-size:16px;}
	}

	@media all and (max-width:480px){

	}
/* tap-stap */
.tap-stap{background:#f2fbff; padding:12px 10px; border:1px solid #b9d6e4; text-align:center;}
.tap-stap li{position:relative; display:inline-block; padding:0px 14px;}
.tap-stap li:before{position:absolute; top:50%; right:0px; width:2px; height:10px; margin-top:-5px; background:#3ea4d5; content:"";}
.tap-stap li:last-child:before{display:none;}
.tap-stap li a{position:relative; display:block; padding:8px 20px; border-radius:26px;}
.tap-stap li a span{font-size:15px; color:#1d6c92; line-height:100%;}
.tap-stap li.active{}
.tap-stap li.active a{background:#3ea4d5;}
.tap-stap li.active a span{color:#fff;}

	@media all and (max-width:1400px){
		.tap-stap li{padding:0px 5px;}
		.tap-stap li a{padding:8px 5px;}
	}	

	@media all and (max-width:480px){
		.tap-stap{padding:10px 0px;}

		.tap-stap li a{padding:5px 5px;}
		.tap-stap li a span{font-size:14px;}
	}

/* de-slide-infos */
.de-slide-infos{position:relative; padding-left:740px; min-height:400px;}
.de-slide-infos .slide{position:absolute; top:0px; left:0px; width:670px; height:400px; overflow:hidden;}
.de-slide-infos .slide .list{}
.de-slide-infos .slide .list li{}
.de-slide-infos .slide .list li img{width:100%;}
.de-slide-infos .slide .slick-prev{position:absolute; top:50%; left:0px; width:64px; height:64px; margin-top:-32px; z-index:1; border:none; font-size:0px; background:url("/images/contents/bslide-arrowBL.png") center no-repeat rgba(255, 255, 255, 0.5);}
.de-slide-infos .slide .slick-next{position:absolute; top:50%; right:0px; width:64px; height:64px; margin-top:-32px; z-index:1; border:none; font-size:0px; background:url("/images/contents/bslide-arrowBR.png") center no-repeat rgba(255, 255, 255, 0.5);}

.de-slide-infos .infos{padding-top:50px;}
.de-slide-infos .infos .tit-situ{}
.de-slide-infos .infos .tit-situ:after{content: ''; display: block; clear: both;}
.de-slide-infos .infos .tit-situ .tit{float:left; position:relative; font-size:26px; padding-top:20px; color:#000; line-height:100%; font-family:'Tenada';}
.de-slide-infos .infos .tit-situ .tit:before{position:absolute; top:0px; left:0px; width:60px; height:2px; background:#3ea4d5; line-height:100%; content:"";}
.de-slide-infos .infos .tit-situ .situ{float:right; margin-top:10px;}
.de-slide-infos .infos .tit-situ .situ .btxt{padding-left:24px; font-size:15px; font-family:'NotoKrR'; margin-left:10px; line-height:100%;}
.de-slide-infos .infos .tit-situ .situ .btxt.popu{background:url("/images/contents/de-popu-icon.png") left no-repeat;}
.de-slide-infos .infos .tit-situ .situ .btxt.sugg{background:url("/images/contents/de-sugg-icon.png") left no-repeat;}

.de-slide-infos .infos .list{position:relative; padding:20px 40px 20px 0px; min-height:235px;}
.de-slide-infos .infos .list:before{position:absolute; bottom:0px; right:0px; width:1300px; height:100%; background:#f7f7f7; content:""; z-index:-1;}
.de-slide-infos .infos .list li{position:relative; padding:12px 0px 12px 80px; border-bottom:2px solid #fff;}
.de-slide-infos .infos .list li:last-child{margin-bottom:0px; border-bottom:none;}
.de-slide-infos .infos .list li .btxt{position:absolute; top:12px; left:0px; font-size:16px; color:#000; font-family:'Tenada'; line-height:160%;}
.de-slide-infos .infos .list li .stxt{font-size:15px; color:#000; line-height:160%; letter-spacing:-0.02em;}

.de-ctxt{font-size:16px; color:#000; line-height:160%;}


.bt5-cont .cont{display:none;}
.bt5-cont .cont.show{display:block;}

.nom-list{margin:0px -1%;}
.nom-list:after{content:''; display:block; clear:both;}
.nom-list li{width:100%; height:180px; margin:0px 1%; float:left;}
.nom-list li img{width:100%; height:180px; object-fit: cover;}

.nom-list.item04 li{width:23%;}

	@media all and (max-width:1400px){
		.de-slide-infos{padding-left:400px; min-height:auto;}

		.de-slide-infos .slide{width:380px; height:auto;}

		.de-slide-infos .infos{padding-top:0px;}
		
		.de-slide-infos .infos .list{min-height:auto;}
		.de-slide-infos .infos .list:before{width:100%; height:100%; padding-right:300px;}
	}	

	@media all and (max-width:1000px){
		.de-slide-infos{padding-left:260px;}

		.de-slide-infos .slide{width:240px;}

		.de-slide-infos .slide .slick-prev{width:40px; height:40px; margin-top:-20px; background-size:16px;}
		.de-slide-infos .slide .slick-next{width:40px; height:40px; margin-top:-20px; background-size:16px;}

		.de-slide-infos .infos .tit-situ .tit{font-size:22px; padding-top:15px;}

		.de-slide-infos .infos .list{padding:10px 20px 10px 10px;}
		.de-slide-infos .infos .list:before{padding-right:0px;}

		.de-slide-infos .infos .list li .btxt{top:12px; font-size:15px;}
		.de-slide-infos .infos .list li .stxt{font-size:14px;}
	}


	@media all and (max-width:680px){
		.de-slide-infos{padding-left:0px;}

		.de-slide-infos .slide{position:relative; top:auto; left:auto; width:100%; margin-bottom:20px;}

		.de-slide-infos .infos .tit-situ .tit{font-size:20px;}

		.de-ctxt{font-size:14px;}

		.nom-list.item04 li{width:48%; margin-bottom:10px;}
	}

	@media all and (max-width:480px){
		.de-slide-infos .infos .list li{padding:5px 0px 5px 70px; border-bottom:2px solid #fff;}
		.de-slide-infos .infos .list li .btxt{font-size:14px;}
		.de-slide-infos .infos .list li .stxt{font-size:13px;}

		.nom-list li{height:120px;}
		.nom-list li img{height:120px;}
	}

/* 탭메뉴 */
ul.taps-dt {display: flex;}
ul.taps-dt li {position:relative; border: 1px solid #d9d9d9; margin-left: -1px; width: 155px; text-align: center; transition: 0.3s ease;}
ul.taps-dt li:hover, ul.taps-dt li.active {background-color:#476188;}
ul.taps-dt li:hover::before, ul.taps-dt li.active::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color:#a3b0c4;}
ul.taps-dt li a {display:inline-block; padding: 17px 10px; box-sizing: border-box; line-height: 1;}
ul.taps-dt li a span {font-family: 'NotoKrM'; font-size: 15px; color: #424242; line-height: 1;}
ul.taps-dt li:hover a span, ul.taps-dt li.active a span {font-weight: bold; color: #fff;}

@media only screen and (max-width:680px){
    ul.taps-dt li a {padding: 13px 10px;}
    ul.taps-dt li:hover::before {height: 3px;}
}

@media all and (max-width:480px) {
	ul.taps-dt {flex-wrap:wrap;}
	ul.taps-dt li {width: 100%; margin-top: -1px;}
}