@charset "utf-8";
/* 기본설정 */
@import "default.css";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');
@font-face {
	src: url("../css/font/PretendardVariable.ttf");
	font-family: "Pre";
}
@font-face {
    font-family: 'GowunDodum-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunDodum-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
    font-size: 12px;
    font-family: 'GowunDodum-Regular';
}
.main_t::before{
    content:'';
    display: block;
    width: 1%;
    border-top: 1px solid #000;
    margin: 0 auto;
    margin-bottom: 20px;
}
.main_t{
    font-size: 40px;
    font-family: 'GowunDodum-Regular';
    font-weight: 400;
    text-align: center;
    padding-top: 10%;
    margin-bottom: 15px;
}
.main_text{
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 8%;
}

.title_box{
    margin-bottom: 3%;
}
.subCon02 { width:96%; max-width:1520px; margin:0 auto;}
.reserCon01{
    margin: 0 auto 5%;
}
.reserCon01::after{
content:'';
display: block;
clear:both;
}
.reserCon01:last-child { margin-bottom:0; border:none;}
.reser01_01 { float:left; width:30.7%; margin-top:7%;}
.reser01_01:nth-child(2),.reser01_01:nth-child(3) {margin-top:0;}

.reser_dl { float:left; width:65%; margin-left:4.3%;}
.reser_dl > dt { font-size:2em; line-height:1.5em; margin-bottom:1em; }
.reser_dl > dt.line { border-bottom:1px solid #999; padding-bottom:0.2em;}
.reser_dl > dd { margin-bottom:6%; font-size:1.07em; overflow:hidden;}
.reser_dl dd > p {font-size:1.03em; line-height:1.8em; margin-bottom:0.5em;}
.reser_info { font-size:1.2em; line-height:1.8em; font-weight:700; margin-bottom:2em;}

.reser_dl02 dt { font-size:1.15em; line-height:1.8em; font-weight:600; margin-bottom:0.5em;}
.reser_dl02 dd { font-size:1em; line-height:1.6em; margin-bottom:4%;}

.reserTable { width:100%; border-collapse:collapse; border-top:1px solid #999;}
.reser .reserTable { position:relative; margin-bottom:5%;}
.roomReser { margin-bottom:10px;}
.room .reserTable { float:left; width:50%;}
.reserTable th, .reserTable td { padding:12px 2px; font-size:1em; line-height:1.5em; text-align:center; border-bottom:1px solid #999; font-weight:400;}
.reserTable th { background:#f9f9f9}
.reserTable td { background:url(../images/bg/white_50.png);}
.reserTable thead { border-bottom:2px solid #333;}
.reserTable td.type { text-align:left; padding-left:5%;}
.reser .reserTable tbody tr { overflow:hidden;}
.reser .reserTable .roomName { position:relative;}
.roomLink { position:absolute; width:2000%; height:100%; left:0; top:0; opacity:0;  filter: alpha(opacity=0;); z-index:5;}
.roomLink a { display:block; width:100%; height:100%;}
.reser .reserTable tbody tr:hover td, .reser .reserTable tbody tr:hover th {  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background:#000; color:#fff; cursor:pointer;}

.cancelTable { width:93%; border-collapse:collapse; border:1px solid #d9d9d9; margin-bottom:10px;}
.cancelTable  tr:nth-child(1) {
    background-color: #ededed;
}

.cancelTable th, .cancelTable td { padding:12px 3px;  line-height:1.5em; text-align:center; border-bottom:1px solid #d9d9d9; border-right: 1px solid #d9d9d9; font-weight:700; word-break: keep-all;}
.cancelTable thead { border-bottom:1px solid #d9d9d9;}

.reser_frame {position:relative;  z-index:3; }
.reser_frame iframe { display:block; width:100%; height:1200px; border:0; overflow-y:auto; margin:0 auto; padding:2% 0; background:#fff;}

.active .reser01_0301 {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 1.3s;}

.img02, .img03{
    margin-top: 2%;
}
.list01 li{
    font-size: 1.2em;
    text-indent: -0.6em;
    padding-left: 1em;
    margin-bottom: 3px;
    font-family: 'GowunDodum-Regular';
    word-break: keep-all;
}
.list01 li::before{
    content:"- ";
    text-align: center;
    overflow: hidden;
}
img{
    width: 100%;
}
@media  (max-width: 1024px){
    .cancelTable{
        margin: 0;
        width: 100%;
    }
    .reser_dl02{
        margin-top: 10%;
    }
    .main_t{
        padding-top: 15%;
    }
    .main_text{
        width: 20%;
    }
    iframe{width: 100%; max-height: max-content;}
    .reser_name { font-size:0.95em; margin-bottom:5px;}
    .reser_name strong { font-size:1.15em;}
    .reser01_01 { float:none; width:100%; margin-bottom:0; }
    .reserCon01 { width:100%; }
    .reser_dl { float:none; width:100%; margin-left:0; }
    .reser_dl dt:first-child{
        margin-top:-2.5em;
    }
    .reser_dl dt {  font-size:1.5em; line-height:1.5em; margin:0.5em 0 0.5em; padding-left:0.5em; color:#6d1c00; }
    .reser_dl dt.mo_white {color: #fff;}
    .reser_dl dd { font-size:0.95em; line-height:1.6em; margin-bottom:5%; margin-left: 0;}
    .reser_dl dd > p {font-size:1em; line-height:1.8em; margin-bottom:0.5em;}
    .reser_dl dd.reser_info { font-size:1em; line-height:1.6em;}
    .room .reserTable { width:100%; margin-bottom:-1px;}
    .reser .reserTable thead { border-bottom:2px solid #555;}
    .reserTable th, .reserTable td, .cancelTable th, .cancelTable td { padding:10px 1px; font-size:0.85em; letter-spacing:-0.05em; line-height:1.5em;}
    }

@media screen and (max-width: 768px) {
    .reser_dl02 {
        margin-top: 15%;
    }
  .cancelTable {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
  }

  .cancelTable thead, 
  .cancelTable tbody, 
  .cancelTable tr, 
  .cancelTable th, 
  .cancelTable td {
    display: block;
    width: 100%;
  }
  /* 각 행 구분용 */
  .cancelTable tr {
    border-radius: 8px;
    /* padding: 0.5rem; */
    background-color: #fff;
  }

  /* 헤더(첫 번째 행) 숨김 처리 */
  .cancelTable thead {
    display: none;
  }

  /* 셀 각각의 라벨처럼 표시 */
  .cancelTable td::before {
    content: attr(data-label);
    display: inline-block;
    font-weight: bold;
    width: 85px;
    /* margin-bottom: 0.3rem; */
    color: #555;
  }

  /* 세부 스타일 */
  .cancelTable td, 
  .cancelTable th {
    text-align: left;
    padding: 0.5rem;
    border: none;
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;
  }
}