/* 서브 공통 */
body{margin-top: 0 !important;}
.sub_wr{ padding-top: 0px; max-width: 1500px; width: calc(100% - 60px); margin: 0 auto;}
* p, * h1, * h2, * h3, * h4, * h5, * h6, * a{font-family: 'Noto Serif KR', serif;}

* a {text-decoration: none;}
* a:hover {text-decoration: none;}
.mcf-g{border-top: 1px solid #a69a8d73;}

input:focus, select:focus, option:focus, textarea:focus, button:focus{
	outline: none !important; box-shadow: none !important; background-color: #fff;
    border: 1px solid #fff !important;}

.mc-head.scr .mc-hdb-l .mc-logo a{    pointer-events: none;}
.mc-head.scr .mc-hdb-l .mc-logo a img{opacity: 0; transition: 0.5s;}

.mc-head .mc-hdb-l .mc-logo a img:nth-child(1){display: block;}
.mc-head .mc-hdb-l .mc-logo a img:nth-child(2){display: none;}
/* .mc-head{background-color: #fff;}
.mc-head.scr{box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);} */

/* 예약폼 (캘린더) */
.sub_wrcl{ max-width: 100%;}
.sub_tt { text-align: center; margin-bottom: 50px; margin-top: 50px;}
.sub_tt h1{font-weight: 700; font-style: italic; color: #37312f; font-size: 42px; }
.sub_tt h1 span{font-weight: 400;}

.sub_ti{width: 100%; height: 300px; position: relative;}
.sub_ti > span{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.sub_ti img{width: 100%; height: 100%; object-fit: cover;}
.sub_ti h1{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-style: italic; z-index: 10;}
.sub_ti h1 span{font-weight: 700; margin-right: 15px; }

.wr_clwr{ max-width: 1500px; width: calc(100% - 60px); margin: 0 auto;}
.wr_clwr .sub_tbg{width: 100%; border-bottom: 1px solid #a69a8d73; text-align: center; font-size: 0; margin-bottom: 110px;}
.wr_clwr .sub_tbg a{font-size: 21px; height: 80px; display: inline-block; line-height: 80px; width: 210px; color: #37312f; font-weight: 500; position: relative; margin: 0 15px;}

.wr_clwr .sub_tbgp a::after{content: ''; display: block; position: absolute; bottom: -1px; left: 50%; width: 0%; height: 2px; transition: width 0.5s; transform: translateX(-50%);}
.wr_clwr .sub_tbgp a:hover::after{width: 100%; background-color: #f694b8; }
.wr_clwr .sub_tbgp a.tbga1::after{background-color: #f694b8; }
.wr_clwr .sub_tbgp a.tbga2::after{background-color: #c88aca; }
.wr_clwr .sub_tbgp a.tbga3::after{background-color: #418dff; }
.wr_clwr .sub_tbgp a.on::after{ width: 100%; background-color: #f694b8; }

.cld_bx{ padding: 0; width: 100%;}
.cld_bx > p {font-size: 16px; font-weight: 500; display: inline-block; vertical-align: middle; font-size: 20px; margin-left: 15px; margin-bottom: 0;}

.cld_bx .mc-cldwr{display: inline-block; border: 1px solid #a69a8d73; margin-left: 45px; padding: 0 10px; border-radius: 3px;}
.cld_bx #night_chk{display: inline-block; vertical-align: middle; height: 40px; font-size: 16px; border: none; font-family: 'Noto Serif KR', serif; font-weight: 600; padding: 0 5px; color: #796a5b; background-color: #fff;}
.cld_bx #night_chk:focus{border: none; outline: none; box-shadow: none;}
.table-bordered{ border: 1px solid #f2f0ec;}
.table-responsive{margin-top: 30px;}
.table>tbody>tr>td{height: auto;     padding: 20px 10px 30px; font-family: 'Noto Serif KR', serif;}
.table>tbody>tr>td a img{height: 25px; opacity: 0.3; padding: 0 40px; transition: 0.3s;}
.table>tbody>tr>td a:hover img{opacity: 1;}
.table>tbody>tr>td p {color: #796a5b; font-weight: 600; font-size: 22px; line-height: 24px; margin-bottom: 0;}
.table>tbody>tr>td a:hover{text-decoration: none;}
.mc-bfr img{transform: rotate(180deg);}
.table>tbody>tr>td {border: none;}
.table>tbody>tr:first-child>td{padding: 35px 8px;}
.table>tbody>tr.info>th{background-color: #fff; padding: 20px 8px; font-family: 'Noto Serif KR', serif; font-size: 16px; font-weight: 500; border: none; color: #333; border-bottom: 1px solid #f2f0ec; border-top: 1px solid #f2f0ec;}
.table>tbody>tr.info>th:first-child{color: #ff5656;}
.table>tbody>tr>td font{font-family: 'Noto Serif KR', serif;}
.table>tbody>tr>td.cld_mm{background-color: #f0f0f0;}
.table>tbody>tr>td.cld_mm, .table>tbody>tr>td.calcell, .table>tbody>tr>td.bfr_day {height: 90px; }
.table>tbody>tr>td.calcell:hover font.black, .table>tbody>tr>td.calcell:hover font.holy{color: #f694b8;}
.table>tbody>tr>td font.black, .table>tbody>tr>td font.holy{font-size: 18px; font-weight: 600; display: block; margin-bottom: 3px; transition: 0.1s;}
.table>tbody>tr>td font.holy{color: #ff5656;}
.table>tbody>tr>td.calcell{ box-sizing: border-box; position: relative; } .table>tbody>tr>td.calcell::after{content: ''; border: 2px solid #f694b8; pointer-events: none; box-sizing: border-box; width: 100%; height: 100%; position: absolute; top: 0; left:0; opacity: 0; transition: 0.1s;}
.table>tbody>tr>td.calcell:hover::after{opacity: 1;}
.table>tbody>tr>td font.red{color: #ff9999; font-size: 15px;} .table>tbody>tr>td.calcell.tday{background-color: #ffffff; } .table>tbody>tr>td.calcell.tday font.black, .table>tbody>tr>td.calcell.tday font.holy{color: #fff; background: #f694b8; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%;}
.table>tbody>tr>td font.sblue{color: #3ea0ff; font-size: 15px;}
.table>tbody>tr>td font.gray{font-size: 15px; color: #b2b2b2;}
.cld-post{display: inline-block; float: right; vertical-align: middle;}
.cld-post input{display: inline-block; border: 1px solid #a69a8d73; margin: 0 45px; padding: 0 15px; border-radius: 3px; vertical-align: middle; height: 40px; font-size: 16px; font-family: 'Noto Serif KR', serif; font-weight: 600; color: #796a5b;    margin-right: 15px;}

.cld-post input:focus{border: 1px solid #a69a8d73 !important;}
.cld-post button{display: inline-block; border: 1px solid #000; padding: 0 15px; border-radius: 3px; vertical-align: middle; height: 40px; font-size: 16px; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #fff; background-color: #000;}

.cld-mc-rm{max-width: 1500px; width: calc(100% - 60px); margin: 0 auto;}
.cld-mc-rm h1{ font-weight: 500; display: inline-block; vertical-align: middle; font-size: 22px; margin-left: 15px; margin-bottom: 0; margin-top: 0;}
.cld-mc-rm .mc-rm-wr{ border-top: 1px solid #f2f0ec; margin-top: 30px; margin-bottom: 100px; padding: 15px 0; font-size: 0; }
.cld-mc-rm .mc-rm-wr .mc-rm-bx{ display: inline-block; width: calc( (100% - 60px) / 5); background-color: #f0f0f0; padding: 20px 15px; margin-left: 15px; text-align:
right; margin-bottom: 15px;}
.cld-mc-rm .mc-rm-wr .mc-rm-bx h2{margin-top: 0; margin-bottom: 0; font-size: 26px; font-weight: 700; color: #796a5b; text-align: left;}
.cld-mc-rm .mc-rm-wr .mc-rm-bx .rsv_b{font-size: 16px; font-family: 'Noto Serif KR', serif; border: 1px solid; display: inline-block; padding: 3px 10px; margin-top: 20px; border: 2px solid #a69a8d73; color: #333; background-color: #fff; font-weight: 500;}
.cld-mc-rm .mc-rm-wr .mc-rm-bx .rsv_b.rsv_psb{border: 2px solid #f86994; background-color: #f694b8; color: #fff;}


.cld-mc-rm02 .mc-rm-wr .mc-rm-bx .rsv_b.rsv_psb{border: 2px solid #a363a5; background-color: #c88aca; color: #fff;}
.cld-mc-rm03 .mc-rm-wr .mc-rm-bx .rsv_b.rsv_psb{border: 2px solid #2762bb; background-color: #418dff; color: #fff;}

.sub_wrcl2 .table>tbody>tr>td.calcell:hover font.black, .sub_wrcl2 .table>tbody>tr>td.calcell:hover font.holy{color: #c88aca;}
.sub_wrcl2 .wr_clwr .sub_tbgp a.on::after{ background-color: #c88aca;}
.sub_wrcl2 .table>tbody>tr>td.calcell.tday font.black, .sub_wrcl2 .table>tbody>tr>td.calcell.tday font.holy{background-color: #c88aca;  color: #fff;}
.sub_wrcl2  .table>tbody>tr>td.calcell::after{border: 2px solid #c88aca;}

.sub_wrcl3 .table>tbody>tr>td.calcell:hover font.black, .sub_wrcl3 .table>tbody>tr>td.calcell:hover font.holy{color: #418dff;}
.sub_wrcl3 .wr_clwr .sub_tbgp a.on::after{ background-color: #418dff;}
.sub_wrcl3 .table>tbody>tr>td.calcell.tday font.black, .sub_wrcl3 .table>tbody>tr>td.calcell.tday font.holy{background-color: #418dff;  color: #fff;}
.sub_wrcl3  .table>tbody>tr>td.calcell::after{border: 2px solid #418dff;}

@media (max-width:1200px){
  .sub_tt h1{font-size: 38px;}
  .wr_clwr .sub_tbg a{font-size: 18px; height: 70px; line-height: 70px; width: 185px;}
  .cld_bx > p{font-size: 18px;}
  .table>tbody>tr>td p{font-size: 20px;}
  .table>tbody>tr>td a img{height: 20px; opacity: 1;}
  .table>tbody>tr>td.calcell:hover::after{opacity: 0;}
  .table>tbody>tr>td.calcell:hover font.black {color: #000;} .table>tbody>tr>td.calcell:hover font.holy{color: #ff5656;} .table>tbody>tr>td.calcell.tday font.black, .table>tbody>tr>td.calcell.tday font.holy{color: #fff;}

  .sub_wrcl2 .table>tbody>tr>td.calcell:hover font.black{color: #000;}
  .sub_wrcl2 .table>tbody>tr>td.calcell:hover font.holy{color: #ff5656;}
  .sub_wrcl2 .table>tbody>tr>td.calcell.tday font.black, .sub_wrcl2 .table>tbody>tr>td.calcell.tday font.holy{color: #fff;}

  .sub_wrcl3 .table>tbody>tr>td.calcell:hover font.black{color: #000;}
  .sub_wrcl3 .table>tbody>tr>td.calcell:hover font.holy{color: #ff5656;}
  .sub_wrcl3 .table>tbody>tr>td.calcell.tday font.black, .sub_wrcl3 .table>tbody>tr>td.calcell.tday font.holy{color: #fff;}

  .cld-mc-rm .mc-rm-wr .mc-rm-bx{width: calc( (100% - 45px) / 4); padding: 17px 12px;}
  .table>tbody>tr.info>th{font-size: 15px; padding: 16px 8px;}
  .table>tbody>tr>td.cld_mm, .table>tbody>tr>td.calcell, .table>tbody>tr>td.bfr_day{height: 80px;}
  .table>tbody>tr>td font.black, .table>tbody>tr>td font.holy{font-size: 16px;}
  .table>tbody>tr>td font.sblue{font-size: 14px;}
  .table>tbody>tr>td font.red{font-size: 14px;}
  .table>tbody>tr:first-child>td{ padding: 25px 8px;}
  .cld-mc-rm h1{font-size: 18px;}
  .cld-mc-rm .mc-rm-wr .mc-rm-bx h2{font-size: 22px; }
  .cld-mc-rm .mc-rm-wr .mc-rm-bx .rsv_b{font-size: 15px; padding: 3px 8px;}
  .wr_clwr .sub_tbgp a:hover::after{width: 0%;}
  .wr_clwr .sub_tbgp a.on::after{ width: 100%; }
}
@media (max-width:1000px){
  .sub_wr{padding-top: 45px;}
}
@media (max-width:800px){
  .wr_clwr, .cld-mc-rm{width: calc(100% - 30px);}
	.wr_clwr{width: 100%;}
  .cld_bx .mc-cldwr{margin-left: 25px;    padding: 0 5px;}
  .wr_clwr .sub_tbg{margin-bottom: 75px;}
  .sub_tt {margin-bottom: 40px;}
  .sub_tt h1{font-size: 32px;}
  .sub_ti{height: 220px;}
  .wr_clwr .sub_tbg a { width: calc( (100% - 60px) / 3 ); margin: 0 10px; font-size: 16px; height: 65px; line-height: 65px;}
  .cld_bx > p{font-size: 16px; margin-left: 0; }
  .cld_bx #night_chk{font-size: 14px;     height: 33px;}
  .cld-post input{margin: 0; padding: 0px 10px; font-size: 14px; font-size: 14px; height: 35px; margin-right: 5px;}
  .cld-post button{ font-size: 14px;     height: 35px; padding: 0 10px;}
  .table>tbody>tr:first-child>td{ padding: 20px 0px;}
  .table-responsive{margin-top: 20px;}
  .table>tbody>tr>td p{font-size: 18px;}
  .table>tbody>tr>td a img{height: 16px;}
  .table>tbody>tr.info>th{font-size: 13px; padding: 10px 0px;}
  .table>tbody>tr>td{ padding: 10px 5px 20px;}
  .table>tbody>tr>td font.gray{font-size: 13px;}
  .table>tbody>tr>td font.sblue{display: none;}
  .table>tbody>tr>td font.red{display: none;}
  .table>tbody>tr>td font.black, .table>tbody>tr>td font.holy{font-size: 14px;}
  .table>tbody>tr>td.calcell.tday font.black, .table>tbody>tr>td.calcell.tday font.holy{ width: 20px; height: 20px; line-height: 20px;}
  .table>tbody>tr>td.cld_mm, .table>tbody>tr>td.calcell, .table>tbody>tr>td.bfr_day{height: 50px; min-height: 50px; padding: 5px;}
  .table>tbody>tr{height: 55px}
  .cld-mc-rm .mc-rm-wr{margin-top: 20px; margin-bottom: 75px;}
  .cld-mc-rm h1{font-size: 16px; margin-left: 0; padding: 0;}
  .cld-mc-rm .mc-rm-wr .mc-rm-bx{ width: calc( (100% - 10px) / 2); padding: 14px 10px;  margin-bottom: 10px; margin-left: 10px;}
  .cld-mc-rm .mc-rm-wr .mc-rm-bx .rsv_b.rsv_psb{font-size: 13px;}
}
@media (max-width:600px){
  .cld-post{ display: block; float: none; margin-top: 15px;}
  .cld-post input{width: calc(100% - 85px);}
}

/* 캘린더 팝업 */
.cld_pu_wr{z-index: 1000; background-color: rgba(0,0,0,0.5); width: 100vw; height: 100vh;  position: absolute; top: 0; left: 0; position: fixed; display: none;}
.cld_pu_wr.on{display: block;}
.cld_pu_wr .cld_pu{width: 600px; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff;}
.cld_pu_wr .cld_pu .cld-mc-rm {width: 100%;}
.cld_pu_wr .cld_pu .cld-mc-rm > img {height: 22px; position: absolute; top: 20px; right: 20px; cursor: pointer;}
.cld_pu_wr .cld_pu .cld-mc-rm h1{    width: 100%; padding: 20px 0; margin-left: 0; background-color: #000; padding-left: 15px; color: #fff;}
.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr{margin-top: 0; border-bottom: 1px solid #f2f0ec; border-top: none; width: 100%; margin: 0 auto; padding-bottom: 0; max-height: 245px; overflow: scroll; padding: 15px; padding-bottom: 0; overflow-x: hidden; padding-right: 15px;}
.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr .mc-rm-bx{ width: calc( (100% - 30px) / 3); }
.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr .mc-rm-bx h2{font-size: 22px;}
.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr .mc-rm-bx .rsv_b{font-size: 14px;}
.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr .mc-rm-bx{padding: 15px;}
.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr .mc-rm-bx:nth-child(3n+1){margin-left: 0;}
.cld_pu_wr .cld_pu .cld-mc-rm .chc_wr{ display: flex; justify-content: center; align-items: center; height: 85px;}
.cld_pu_wr .cld_pu .cld-mc-rm .chc_wr form{margin-top: 0;}
.cld_pu_wr .cld_pu .cld-mc-rm .chc_wr form p{display: inline-block; vertical-align: middle; margin-bottom: 0; font-size: 16px; font-weight: 600; color: #796a5b; margin-right: 10px;}
.cld_pu_wr .cld_pu .cld-mc-rm .chc_wr form button{display: inline-block; vertical-align: middle; border: 1px solid #000; padding: 0 15px; border-radius: 3px; height: 40px; font-size: 16px; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #fff; background-color: #000;}
@media (max-width:800px){
	.cld_pu_wr .cld_pu{width: calc(100% - 60px);}
	.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr .mc-rm-bx{ width: calc( (100% - 10px) / 2);}
	.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr .mc-rm-bx:nth-child(3n+1){margin-left: 10px;}
	.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr .mc-rm-bx:nth-child(2n+1){margin-left: 0;}
	.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr{padding: 10px; padding-bottom: 0; padding-right: 10px; max-height: 205px;}

	.cld_pu_wr .cld_pu .cld-mc-rm .mc-rm-wr .mc-rm-bx h2{font-size: 16px;}
	.cld-mc-rm .mc-rm-wr .mc-rm-bx .rsv_b{padding: 2px 5px; margin-top: 12px;}
	.cld_pu_wr .cld_pu .cld-mc-rm .chc_wr form button{ font-size: 14px; height: 35px; }
	.cld_pu_wr .cld_pu .cld-mc-rm .chc_wr{height: 70px;}
}

/* 예약 */
.chk_frmwr{ max-width: 1500px; width: calc(100% - 60px); margin: 0 auto; font-size: 0;}
.chk_frmwr .frm_img{display: inline-block; vertical-align: top; width: 40%;  position: relative;}
.chk_frmwr .frm_img img{width: 100%; display: block;}
.chk_frmwr .frm_img p{position: absolute; top: 100px; left: 50%; transform: translateX(-50%); width: calc(100% - 60px); font-size: 22px; color: #fff; font-weight: 400; font-style: italic; line-height: 45px;}
.chk_frmwr .frm_img p>span{display: inline-block;}
.chk_frmwr .frm_img p .brd{font-size: 32px; font-weight: 600; }
.chk_frmwr .frm_wr{ display: inline-block; vertical-align: top; margin-left: 30px; padding: 30px 0; font-size: 0; width: calc(60% - 30px); margin-bottom: 100px;}
.chk_frmwr .frm_wr > h3 {display: inline-block; vertical-align: middle; font-weight: 500; font-size: 18px;}
.chk_frmwr .frm_wr > h2 {display: inline-block; vertical-align: middle; font-size: 18px; font-family: 'Noto Serif KR', serif; font-weight: 600; color: #796a5b; margin-left: 20px; font-weight: 700; }
.chk_frmwr .frm_wr > form{margin-top: 20px;}
.chk_frmwr .frm_wr > form p {display: inline-block; vertical-align: middle; font-weight: 500; font-size: 18px; margin-right: 20px; margin-bottom: 20px;}
.chk_frmwr .frm_wr > form p.mc_ppp{margin-right: 14px;}
.chk_frmwr .frm_wr > form p.subt{font-size: 16px; color: #f694b8; margin-right: 10px; margin-left: 15px;}

.chk_frmwr .frm_wr2 > form p.subt{color: #c88aca;}
.chk_frmwr .frm_wr3 > form p.subt{color: #375f9b;}

.chk_frmwr .frm_wr > form .input_wr{display: inline-block; vertical-align: middle; margin-bottom: 20px;}
.chk_frmwr .frm_wr > form .input_wr01{width: calc(100% - 90px); border: 1px solid #a69a8d73; padding: 0 10px; border-radius: 3px;}
.chk_frmwr .frm_wr > form .input_wr01 select{ height: 40px; font-size: 16px; border: none; font-family: 'Noto Serif KR', serif; font-weight: 600; padding: 0 5px; color: #796a5b; background-color: #fff; width: 100%;}
.chk_frmwr .frm_wr > form .input_wr02{    width: calc( (100% - 231px) / 2 );}
.chk_frmwr .frm_wr > form .input_wr05{ width: calc(100% - 91px);}
.chk_frmwr .frm_wr > form .input_wr02 input {border: 1px solid #a69a8d73; padding: 0 15px; border-radius: 3px; vertical-align: middle; height: 40px; font-size: 16px; font-family: 'Noto Serif KR', serif; font-weight: 600; color: #796a5b; width: 100%;}

.chk_frmwr .frm_wr > form .input_wr02 textarea {border: 1px solid #a69a8d73; padding: 15px; border-radius: 3px; vertical-align: middle; height: 40px; font-size: 16px; font-family: 'Noto Serif KR', serif; font-weight: 600; color: #796a5b; width: 100%;     overflow-y: auto; height: 120px;}
.chk_frmwr .frm_wr > form .input_wr02 input:focus , .chk_frmwr .frm_wr > form .input_wr02 textarea:focus{border: 1px solid #a69a8d73 !important;}
.chk_frmwr .frm_wr > form .input_wr02.input_wr04{margin-left: 17px; width: calc(100% - 90px); }
.chk_frmwr .frm_wr > form > button{display: block; margin: 0 0 0 auto; font-size: 16px; font-family: 'Noto Serif KR', serif; border: 1px solid #000; padding: 0 20px; border-radius: 3px; vertical-align: middle; height: 40px; font-weight: 500; color: #fff; background-color: #000;}

.room_txtb{margin-top: 30px; border-top: 1px solid #f2f0ec; padding-top: 20px; font-size: 0;}
.room_txtb .rm_txtb { display: inline-block; vertical-align: top;}
.room_txtb .rm_txtbl {width: calc(100% - 350px);}
.room_txtb .rm_txtbr {width: 350px; padding-left: 30px;}
.room_txtb .rm_txtb h2{    font-weight: 600; font-size: 20px; color: #333; margin-bottom: 15px;}
.room_txtb .rm_txtb p{ font-size: 14px; font-family: 'Noto Serif KR', serif; color: #796a5b; font-weight: 400; word-break: keep-all; margin: 8px 0; margin-left: 10px; position: relative;}
.room_txtb .rm_txtb p::before{content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; position: absolute;position: absolute; left: -7px; top: 9px;}
.chk_frmwr1 .room_txtb .rm_txtb p::before{background-color: #f694b8; }
.room_txtb .rm_txtb table{ width: 100%; border: 1px solid #a69a8d73; font-size: 14px; font-family: 'Noto Serif KR', serif; border-spacing: 0px; padding: 0px; border-bottom: none;}
.room_txtb .rm_txtb table th{    background-color: #f0f0f0; padding: 7px 0; border-bottom: 1px solid #a69a8d73; color: #796a5b; }
.room_txtb .rm_txtb table td{border-bottom: 1px solid #a69a8d73; padding: 7px 5px; color: #333; font-weight: 500; text-align: center;}
.room_txtb .rm_txtb table th:nth-child(1){border-right: 1px solid #a69a8d73; }
.room_txtb .rm_txtb table td:nth-child(1){border-right: 1px solid #a69a8d73; }

.chk_frmwr1 .frm_wr2 .room_txtb .rm_txtb p::before{background-color: #c88aca; }
.chk_frmwr1 .frm_wr3 .room_txtb .rm_txtb p::before{background-color: #375f9b; }

@media (max-width:1200px){
	.room_txtb .rm_txtbl{width: 100%;}
	.room_txtb .rm_txtbr{width: 100%; padding-left: 0; margin-top: 30px;}
	.chk_frmwr .frm_img p{font-size: 18px; line-height: 42px; top: 80px;}
	.chk_frmwr .frm_img p .brd{ font-size: 28px;}
}
@media (max-width:800px){
	.chk_frmwr{ width: 100%;}
	.chk_frmwr .frm_img{width: 100%; height: 200px;}
	.chk_frmwr .frm_img img{width: 100vw; display: block; height: 100%; object-fit: cover; object-position: 40% center; transform: translateX(-15px);}
	.chk_frmwr .frm_img p{display: none;}
	.chk_frmwr .frm_wr{width: 100%; margin-left: 0;}

	.chk_frmwr .frm_wr > h3{font-size: 16px;}
	.chk_frmwr .frm_wr > h2{font-size: 16px;}
	.chk_frmwr .frm_wr > form p{font-size: 16px; margin-bottom: 15px;}
	.chk_frmwr .frm_wr > form .input_wr01 select{ font-size: 14px; height: 33px;}
	.chk_frmwr .frm_wr > form .input_wr01{padding: 0 5px; width: calc(100% - 82px);}
	.chk_frmwr .frm_wr > form{margin-top: 15px;}
	.chk_frmwr .frm_wr > form .input_wr{margin-bottom: 15px;}
	.chk_frmwr .frm_wr > form .input_wr02 input{height: 35px; font-size: 14px;}
	.chk_frmwr .frm_wr > form p.subt{font-size: 14px;}
	.chk_frmwr .frm_wr > form .input_wr02{ width: calc( (100% - 212px) / 2 );}
	.chk_frmwr .frm_wr > form .input_wr05{    width: calc(100% - 83px);}
	.chk_frmwr .frm_wr > form p.mc_ppp{margin-right: 15px;}
	.chk_frmwr .frm_wr > form .input_wr02.input_wr03{ width: calc(100% - 84px);}
	.chk_frmwr .frm_wr > form .input_wr02.input_wr04{ width: calc(100% - 84px);}
	.chk_frmwr .frm_wr > form > button{    font-size: 14px; padding: 0px 15px; height: 37px;}
	.room_txtb .rm_txtb h2{ font-size: 18px; margin-bottom: 10px;}
	.room_txtb .rm_txtb p{margin: 5px 0; margin-left: 10px;}
	.chk_frmwr .frm_wr{margin-bottom: 0px;}
}
@media (max-width:600px){
	.chk_frmwr .frm_wr > form .input_wr02:nth-last-child(5) {width: calc(100% - 82px);}
}

/* 리스트 */
.sub_wrlst, .sub_wrcl{margin-bottom: 100px; max-width: 1500px;}
.sub_wr .sub_lstb{  height: 400px; position: relative; overflow: hidden; margin-top: 50px; }
.sub_wr .sub_lstb .lstb_img{ width: 100%; height: 100%;}
.sub_wr .sub_lstb img{width: 100%; height: 100%; display: block; object-fit: cover; }
.sub_wr .sub_lstb .lstb_img > span{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.2)}
.sub_wr .sub_lstb .lstb_ttt{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.sub_wr .sub_lstb .lstb_ttt h1{color: #fff;}
.sub_wr .sub_lstb h1{font-weight: 700; font-style: italic; color: #37312f; font-size: 42px; line-height: 42px; margin: 7px 0;}
.sub_wr .sub_lstb h1 span{ font-weight: 400; font-size: 0.8em;}
.sub_wrlst .sub_lstb .lstb_txt{ background-color: rgba(255,255,255,0.85); box-shadow: 0px 0px 20px 0px rgba(0 ,0 ,0,0.2); position: absolute; right: 0; top: 70%; transform: translateY(-50%); padding: 30px; overflow: hidden;}
.sub_wrlst .sub_lstb .lstb_txt .lstb_twr h1{ color: #37312f; font-weight: 400; font-size: 32px; display: inline-block; font-style: italic; vertical-align: middle; margin-right: 30px; transform: translateX(0%); }
.sub_wrlst .sub_lstb .lstb_txt .lstb_twr h1 span{ font-weight: 700; margin-right: 10px; }
.sub_wrlst .sub_lstb .lstb_txt .lstb_twr >  span{ width: 100px; height: 1px; display: inline-block; vertical-align: middle; background-color: transparent; position: relative; background-color: #37312f;}
.sub_wrlst .sub_lstb .lstb_txt .lstb_twr h3{ margin-left: 10px; color: #a68754; font-weight: 700; font-size: 32px; display: inline-block; font-style: italic; vertical-align: middle; transform: translateY(-13px);}
.sub_wrlst .sub_lstb .lstb_txt .lstb_tt p{margin-top: 15px; font-weight: 400; font-size: 18px; color: #574d44; font-style: italic; padding-right: 5px; word-break: keep-all;}
.sub_wrlst .sub_lstb .lstb_txt .lstb_tt p span{display: inline-block;}

.sub_lstbx{ margin: 0 auto; margin-top: 100px; font-size: 0; border-top: 1px solid #a69a8d73; display: flex; flex-wrap: wrap; width: calc(100% - 60px); }
.sub_lstbx .lstbx{ width: calc( (100% - 120px) / 3 ); padding-top: 50px; margin-left: 60px;}
.sub_lstbx .lstbx:nth-child(3n + 1){margin-left: 0}
.sub_lstbx .lstbx .lstbx_i{width: 100%; padding-bottom: 55%; position: relative;  display: block;}
.sub_lstbx .lstbx .lstbx_i span{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.3); z-index: 10; opacity: 0; transition: 0.3s}
.sub_lstbx .lstbx:hover .lstbx_i span{opacity: 1; }
.sub_lstbx .lstbx .lstbx_i img{width: 100%; height: 100%; object-fit: cover; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub_lstbx .lstbx .lstbx_t{ vertical-align: top; height: auto; display: flex; justify-content: space-between; padding-top: 20px;}
.sub_lstbx .lstbx .lstbx_t .t_bx{display: flex; justify-content: center; align-items: center;}
.sub_lstbx .lstbx .lstbx_t h1{ color: #37312f; font-weight: 700; font-size: 28px; font-style: italic;}
.sub_lstbx .lstbx .lstbx_t span{    width: 0px; height: 1px; display: inline-block; vertical-align: middle; position: relative; background-color: #37312f; margin-left: 25px; transition: 0.5s;}
.sub_lstbx .lstbx:hover .lstbx_t span{width: 100px;}
.sub_lstbx .lstbx .lstbx_t h3{margin-left: 10px; color: #a68754; font-weight: 700; font-size: 32px; font-style: italic; transform: translateY(-13px);}
.sub_lstbx .lstbx .lstbx_t .t_bt{ text-align: right;}
.sub_lstbx .lstbx .lstbx_t .t_bt p {font-weight: 400; font-size: 18px; color: #a69a8d; margin-right: 15px; display: inline-block; vertical-align: middle;}
.sub_lstbx .lstbx .lstbx_t .t_bt p span{font-weight: 700; margin-right: 5px;}
.sub_lstbx .lstbx .lstbx_t .t_bt a {    display: inline-block; vertical-align: middle;  padding: 0 15px; border-radius: 3px; height: 40px; line-height: 40px; font-size: 16px; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #fff; background-color: #000;}

.sub_lstgt{text-align: center; margin-top: 50px;}
.goto_cld{ display: inline-block; vertical-align: middle; border: 1px solid #000; padding: 0 25px; border-radius: 3px; height: 50px; line-height: 50px; font-size: 20px; font-family: 'Noto Serif KR', serif; font-weight: 500; color: #fff; background-color: #000; }


.sub_wrlst.sub_wrlst1 .sub_lstb .lstb_txt .lstb_twr h3{color: #f694b8;}
.sub_wrlst.sub_wrlst1 .sub_lstbx .lstbx .lstbx_t .t_bt a{ background-image: linear-gradient(340deg, #f86994, #f694b8);}
.sub_wrlst.sub_wrlst1 .sub_lstbx .lstbx:hover .lstbx_t h3{color: #f694b8;}

.sub_wrlst.sub_wrlst2 .sub_lstb .lstb_txt .lstb_twr h3{color: #c88aca;}
.sub_wrlst.sub_wrlst2 .sub_lstbx .lstbx .lstbx_t .t_bt a{ background-image: linear-gradient(340deg, #98549b, #c88aca);}
.sub_wrlst.sub_wrlst2 .sub_lstbx .lstbx:hover .lstbx_t h3{color: #c88aca;}

.sub_wrlst.sub_wrlst3 .sub_lstb .lstb_txt .lstb_twr h3{color: #418dff;}
.sub_wrlst.sub_wrlst3 .sub_lstbx .lstbx .lstbx_t .t_bt a{ background-image: linear-gradient(340deg, #2762bb, #418dff);}
.sub_wrlst.sub_wrlst3 .sub_lstbx .lstbx:hover .lstbx_t h3{color: #418dff;}


@media (max-width:1200px){
	.sub_wrlst .sub_lstb .lstb_txt .lstb_twr h1{ font-size: 26px;}
	.sub_wrlst .sub_lstb .lstb_txt .lstb_tt p{ font-size: 16px;}
	.sub_wrlst .sub_lstb .lstb_txt{padding: 25px;}
	.sub_lstbx .lstbx .lstbx_t h1{font-size: 24px;}
	.sub_lstbx .lstbx .lstbx_t .t_bt p{font-size: 16px; margin-right: 10px;}
	.sub_lstbx .lstbx{ width: calc( (100% - 100px) / 3 ); margin-left: 50px;}
	.sub_lstbx .lstbx .lstbx_t .t_bt p span{margin-right: 0;}
	.sub_lstbx .lstbx .lstbx_t .t_bt a{padding: 0px 10px;}
	.sub_lstbx .lstbx:hover .lstbx_t span{width: 60px;}
	.sub_wr .sub_lstb h1 {font-size: 38px; line-height: 38px;}
}
@media (max-width:1000px){
	.sub_lstbx .lstbx{width: calc( (100% - 50px) / 2 );  }
	.sub_lstbx .lstbx:nth-child(3n + 1) { margin-left: 50px; }
	.sub_lstbx .lstbx:nth-child(2n + 1) { margin-left: 0px; }
	.sub_lstbx .lstbx .lstbx_t span{width: 60px;}
	.sub_lstbx .lstbx:hover .lstbx_t span{width: 60px;}
	.sub_wrlst.sub_wrlst1 .sub_lstbx .lstbx .lstbx_t h3{color: #f694b8;}
	.sub_wrlst.sub_wrlst2 .sub_lstbx .lstbx .lstbx_t h3{color: #c88aca;}
	.sub_wrlst.sub_wrlst3 .sub_lstbx .lstbx .lstbx_t h3{color: #418dff;}
	.sub_lstbx .lstbx:hover .lstbx_i span{opacity: 0; }
}
@media (max-width:800px){
	.sub_wrlst, .sub_wrcl{margin-bottom: 70px;}
	.sub_lstbx{margin-top: 70px;     width: 100%;}
	.sub_wrlst .sub_lstb .lstb_txt .lstb_twr h1{ font-size: 22px;}
	.sub_wrlst .sub_lstb .lstb_txt{ padding: 20px; top: 70%;}
	.sub_wr .sub_lstb{ height: 370px;}
	.sub_wr{ width: calc(100% - 30px);}
	.sub_wr .sub_lstb h1 {font-size: 32px; line-height: 32px;}
}
@media (max-width:600px){
	.sub_wrlst .sub_lstb .lstb_txt .lstb_twr h1{ font-size: 20px;
    margin-right: 20px;}
	.sub_wrlst .sub_lstb .lstb_txt .lstb_twr h3{ font-size: 24px; margin-top: 4px;}
	.sub_wrlst .sub_lstb .lstb_txt .lstb_tt p{ font-size: 14px; margin-top: 10px;}
	.sub_wrlst .sub_lstb .lstb_txt .lstb_tt p span{display: block;}
	.sub_wrlst .sub_lstb .lstb_txt{padding: 15px; padding-top: 5px; }
	.sub_wr .sub_lstb{height: 300px;}
	.sub_wrlst .sub_lstb .lstb_txt .lstb_twr > span{ width: 65px;}
	.sub_lstbx .lstbx{padding-top: 35px;
	width: 100%; margin-left: 0; }
	.sub_lstbx .lstbx .lstbx_t{padding-top: 10px;}
	.sub_lstbx .lstbx:nth-child(3n + 1) { margin-left: 0px; }
	.sub_lstbx .lstbx .lstbx_t h1{font-size: 18px; text-align: center;}
	.sub_lstbx .lstbx .lstbx_t .t_bt p{font-size: 14px; margin-right: 0; display:block;}
	.sub_lstbx .lstbx .lstbx_t .t_bt a{font-size: 14px; height: 30px; line-height: 29px; margin-top: 10px;}
	.sub_lstbx .lstbx .lstbx_t .t_bt{text-align: center;}
}

/* 뷰페이지 */
/* .sub_wrlst_v .sub_lstb .lstb_txt{top: auto; bottom: 30px; right: 30px; transform: translateY(0px); } */
.sub_wrlst_v .sub_lstb .lstb_txt .lstb_tt h3{margin-top: 15px; font-weight: 400; font-size: 22px; color: #a69a8d; font-style: italic; padding-right: 5px; word-break: keep-all; margin-left: 10px;}
.sub_vbwr{padding-top: 30px;}
.sub_vbwr .vbw_btng{display: flex; justify-content: space-between; align-items: center;}
.sub_vbwr .vbw_btng p{ font-weight: 400; font-size: 18px; color: #a69a8d; font-style: italic; transform: translateX(0%); padding-right: 5px; word-break: keep-all; line-height: 34px; width: calc(100% - 185px); word-break: keep-all;}
.sub_vbwr .vbw_btng p > span {display: block;}
.sub_vbwr .vbw_btng p > span:nth-child(2),.sub_vbwr .vbw_btng p > span:nth-child(1){display: inline-block;}
.vb_box{ display: flex; align-items: center; margin-top: 100px; position: relative; margin-bottom: 80px; flex-wrap: wrap;}
.vb_box > .swiper { width: 60%; height: 500px; }
.vb_box > .swiper .swiper-slide{}
.vb_box > .swiper .swiper-slide img{width: 100%; height: 100%; display: block; object-fit: cover;}
.vb_box .vb_box1t{width: 40%; text-align: center; padding: 30px;}
.vb_box .vb_box1t h1{color: #37312f; font-weight: 600; font-size: 26px; font-style: italic; margin-bottom: 20px;}
.vb_box .vb_box1t p{ font-weight: 400; font-size: 17px; color: #a69a8d; font-style: italic; line-height: 30px; word-break: keep-all;}
.vb_box .vb_box1t p span{ display: inline-block;}
.vb_box .vb_box1t a { font-size: 18px; font-family: 'Noto Serif KR', serif;  padding: 0 50px; border-radius: 3px; vertical-align: middle; height: 55px; line-height: 55px; font-weight: 500;   color: #fff;   background-color: #000; display: inline-block; margin-top:30px; background-image: linear-gradient(340deg, #f86994, #f694b8);}
.vb_box .swp_nav{width: 60%; position: absolute; bottom: 0; transform: translateY(100%); left: 0; }
.vb_box .swp_nav .swiper-pagination{position: relative;     bottom: auto; margin: 35px auto; width: 50%;}
.vb_box .swp_nav .swiper-button-next:after, .vb_box .swp_nav .swiper-button-prev:after{ font-size: 26px; color: #a69a8d; font-weight: 600;}
.vb_box .swp_nav .swiper-button-next, .vb_box .swp_nav .swiper-button-prev {padding: 0 20px;}

.vb_box2{border-top: 1px solid #f2f0ec; margin-top: 130px;  padding-top: 30px;}
.vb_box2 h1{ color: #37312f; font-weight: 600; font-size: 26px; font-style: italic; margin-bottom: 20px;}
.vb_box2 .info_iconbx{margin-top: 50px; width: 100%;}
.vb_box2 .info_bxwr{width: 50%;}
.vb_box2 .info_bxwr table{width: 100%; border: 1px solid #a69a8d73; font-size: 16px; font-family: 'Noto Serif KR', serif; border-spacing: 0px; padding: 0px; border-bottom: none;}
.vb_box2 .info_bxwr table th{ background-color: #f0f0f0; padding: 7px 0; border-bottom: 1px solid #a69a8d73; color: #796a5b; border-right: 1px solid #a69a8d73; width: 100px;}
.vb_box2 .info_bxwr table td{ padding: 10px; border-bottom: 1px solid #a69a8d73; color: #796a5b; width: calc(100% - 100px); font-size: 14px; word-break: keep-all; line-height: 22px;}
.info_bxrp{width: 50%; padding-right: 30px; }
.info_bxrp .bxrp_bx{ background-color: #f0f0f0; border: 1px solid #a69a8d73; padding: 15px;}
.info_bxrp .bxrp_bx p{position: relative; font-size: 14px; font-family: 'Noto Serif KR', serif; color: #796a5b; font-weight: 400; word-break: keep-all; margin: 8px 0;   margin-left: 10px;}
.info_bxrp .bxrp_bx p::after{content: ''; display: block; width: 3px; height: 3px; border-radius: 50%;     position: absolute; left: -7px; top: 9px;}
.vb_box2 {align-items: flex-start;}
.vb_box2 .info_iconbx .info_icon{ display: flex; flex-wrap: wrap;}
.vb_box2 .info_iconbx .info_icon .icn_wr{ width: calc(100% / 8); display: flex; justify-content: center; align-items: center; padding: 20px 0; flex-direction: column;}
.vb_box2 .info_iconbx .info_icon img {margin: 20px; display: inline-block;}
.vb_box2 .info_iconbx .info_icon .icn_wr .icn{width: 120px; height: 120px; border-radius: 50%; }
.vb_box2 .info_iconbx .info_icon .icn_wr p { font-weight: 400; font-size: 17px; color: #a69a8d; line-height: 30px; word-break: keep-all; margin-top: 10px;}
/* .sub_wrlst_v .vb_box2 .info_iconbx .info_icon .icn_wr .icn img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.80);} */


.sub_wrlst_v1 .vb_box .swp_nav .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:  #f86994;}
.sub_wrlst_v1 .info_bxrp .bxrp_bx p::after{ background-color: #999d18;}
.sub_wrlst_v1 .vb_box2 .info_iconbx .info_icon .icn_wr .icn{ background-color: #f694b8; position: relative;}

.sub_wrlst_v2 .vb_box .swp_nav .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #98549b;}
.sub_wrlst_v2 .info_bxrp .bxrp_bx p::after{ background-color: #98549b;}
.sub_wrlst_v2 .vb_box2 .info_iconbx .info_icon .icn_wr .icn{ background-color: #c88aca; position: relative;}

.vb_box .vb_box1t.vb_box2t a{    background-image: linear-gradient(340deg, #98549b, #c88aca);
}


.sub_wrlst_v3 .vb_box2 .info_iconbx .info_icon .icn_wr .icn{ background-color: #418dff; position: relative;}
.sub_wrlst_v3 .vb_box .swp_nav .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #418dff;}
.sub_wrlst_v3 .vb_box2 .info_iconbx .info_icon .icn_wr .icn{ background-color: #418dff; position: relative;}

.vb_box .vb_box1t.vb_box3t a{    background-image: linear-gradient(340deg,  #2762bb, #418dff);
}

@media (max-width:1200px){
	.sub_vbwr .vbw_btng p{font-size: 16px; line-height: 30px;}
	.vb_box .vb_box1t p{font-size: 16px; line-height: 30px;}
	.vb_box > .swiper{height:420px;}
	.vb_box2 .info_iconbx .info_icon .icn_wr .icn{width: 100px; height: 100px;}
	.sub_wrlst_v1 .vb_box2 .info_iconbx .info_icon .icn_wr .icn img{transform: translate(-50%, -50%) scale(0.70);}
}
@media (max-width:1000px){
	.vb_box2 .info_iconbx .info_icon .icn_wr {width: calc(100% / 6);}
}
@media (max-width:800px){
	.vb_box > .swiper{width: 100%;}
	.vb_box .swp_nav{width: 100%; position: relative;    transform: translateY(0);}
	.vb_box .vb_box1t{width: 100%;}
	.vb_box{margin-top: 70px;}
	.vb_box .swp_nav .swiper-pagination{ margin: 30px auto;}
	.vb_box .vb_box1t h1{font-size: 22px;}
	.info_bxrp{width: 100%; padding-right: 0;}
	.vb_box2 .info_bxwr{width: 100%; margin-top: 50px;}
	.vb_box2 .info_iconbx .info_icon .icn_wr{ width: calc(100% / 4);}
	.sub_wrlst_v .sub_lstb .lstb_txt .lstb_tt h3{ margin-top: 5px;     font-size: 20px; margin-left: 7px;}
}
@media (max-width:600px){
	.vb_box2 .info_iconbx .info_icon .icn_wr{ width: calc(100% / 3);}
	.vb_box2 .info_iconbx .info_icon .icn_wr .icn{width: 80px; height: 80px; }
	.sub_wrlst_v1 .vb_box2 .info_iconbx .info_icon .icn_wr .icn img{    transform: translate(-50%, -50%) scale(0.55);}
	.vb_box2 .info_iconbx .info_icon .icn_wr p{font-size: 15px;}
	.sub_vbwr .vbw_btng{ justify-content: center; flex-direction: column;}
	.sub_vbwr .vbw_btng p{padding-right: 0; width: 100%; text-align: center; font-size: 14px; line-height: 26px;}
	.sub_wrlst_v .sub_lstb .lstb_txt .lstb_tt h3{margin-top: 0; font-size: 16px; margin-left: 0;}
	.vb_box .vb_box1t a{ font-size: 16px; height: 45px; line-height: 45px;}

	.vb_box2 .info_iconbx .info_icon img{ margin: 15px; height: auto; width: calc( (100% - 90px) / 3)}

	.vb_box .swp_nav .swiper-button-next:after, .vb_box .swp_nav .swiper-button-prev:after{font-size: 20px;}
	.vb_box .vb_box1t{ padding: 20px 0px;}
	.vb_box .vb_box1t p{font-size: 14px; line-height: 27px;}
}


/*  */
.bx_wrmp {border: 1px solid red;}