@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
@font-face { 
font-family: 'NotoKrTH'; font-style: normal; font-weight: 100; src: url('../font/NotoSansKR-Thin.otf'); 
src: url('../font/NotoSansKR-Thin.otf?#iefix') format('embedded-opentype'), url('../font/NotoSansKR-Thin.woff2') format('woff2'), url('../font/NotoSansKR-Thin.woff') format('woff'); }
@font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: url('../font/notokr-light.eot'); src: url('../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../font/notokr-light.woff2') format('woff2'), url('../font/NotoSansKR-Thin.woff') format('woff'); }
@font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: url('../font/notokr-regular.eot'); src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../font/notokr-regular.woff2') format('woff2'), url('../font/notokr-regular.woff') format('woff'); }
@font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 400; src: url('../font/notokr-medium.eot'); src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../font/notokr-medium.woff2') format('woff2'), url('../font/notokr-medium.woff') format('woff'); }
@font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 700; src: url('../font/notokr-bold.eot'); src: url('../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../font/notokr-bold.woff2') format('woff2'), url('../font/notokr-bold.woff') format('woff'); }

@font-face { font-family: 'NotoMrB'; font-style: normal; font-weight: 700; src: url('../font/SourceHanSerifKR-Medium_subset.eot'); src: url('../font/SourceHanSerifKR-Medium_subset.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifKR-Medium_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-Medium_subset.woff') format('woff'); }
@font-face { font-family: 'NotoMrR'; font-style: normal; font-weight: 700; src: url('../font/SourceHanSerifKR-Regular_subset.eot'); src: url('../font/SourceHanSerifKR-Regular_subset.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSerifKR-Regular_subset.woff2') format('woff2'), url('../font/SourceHanSerifKR-Regular_subset.woff') format('woff'); }


@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(../font/NanumSquareB.eot);
 src: url(../font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareB.woff) format('woff'),
      url(../font/NanumSquareB.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquareEB';
 font-weight: 800;
 src: url(../font/NanumSquareEB.eot);
 src: url(../font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(../font/NanumSquareEB.woff) format('woff'),
      url(../font/NanumSquareEB.ttf) format('truetype');
}


@font-face { 
font-family: 'Iropke Batang'; 
font-style: normal; 
font-weight: 400; 
src: url('../font/IropkeBatangM.eot'); 
src: url('../font/IropkeBatangM.eot?#iefix') format('embedded-opentype'), 
url('../font/IropkeBatangM.woff2') format('woff2'), 
url('../font/IropkeBatangM.woff') format('woff'); 
}

@font-face {
  font-family: 'Nixie One';
  font-style: normal;
  font-weight: 100;
  src: local('Nixie One'), local('NixieOne-Regular'), url(https://fonts.gstatic.com/s/nixieone/v8/gQ0PT3rPU_Et2ExNz-ahmj8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Tangerine';
  font-style: normal;
  font-weight: 900;
  src: local('Tangerine Bold'), local('Tangerine-Bold'), url(https://fonts.gstatic.com/s/tangerine/v9/HGfsyCL5WASpHOFnouG-RD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

* { margin: 0; padding: 0; }
body { width: 100%; }
div { margin: 0 auto; }
fieldset, img { border: none; }
img { border: 0; vertical-align: top; border: 0 none; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { border-collapse: collapse; }
address, em { font-style: normal; }
input, textarea { font-family: inherit; font-size: 1.05em; }
/*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

dl, dt, dd, p { margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
hr { display: none; }
table, tr, td, th, ul, li, span, div, p { font-family: 'NotoKrM'; }

#m_wrap { width: 100%; height: 100%; margin: 0 auto; position: relative; max-width: 720px; }
#m_wrap .sns_float { position: fixed; width: 7%; height: 216px; right: 0; top: 60%; }
#m_wrap .top_area { height: auto; text-align: right; }
.top_area ul li { display: inline; float: right; }

#m_wrap .logo_area { height: auto; }

#m_wrap .m_content { height: auto; }

.m_content .bt_area { height: auto; }
.bt_area table.width_free img { width: 100%; border: 0; vertical-align: top; border: 0 none; padding: 0; }



.m_content table { width: 100%; }

.m_content td { padding: 0; }

.sub_navi { width: 167px; margin: 0 auto; }
.sub_navi ul li { background: URL(../images/sub/navi.gif) no-repeat 0px 0px; }
.sub_navi ul li a { display: block; width: 167px; height: 29px; text-align: left; font-size: 12px; }
.sub_navi ul li a span { display: block; padding: 8px 0px 0px 15px; }
.sub_navi ul li a:link,
.sub_navi ul li a:visited { color: #808080; }
.sub_navi ul li a:hover { color: #0093e3; background: URL(../images/sub/navi.gif) no-repeat 0px -34px; }

/*1메뉴*/

td.td_menu {width:20%; height:50px; background:#ffffff; color:#7d7570; font-size:14px; font-weight:600; text-align:center; line-height:50px; border-top:1px solid #d9d9d9;}
td.td_menu a {color:#7d7570;}
td.td_menu a:visited {color:#7d7570;}
td.td_menu a:active {color:#7d7570;}
td.td_menu a:hover {color:#7d7570; text-decoration:none;}

td.copy_td_menu { width: 25%; height: 50px; background: #372d25; text-align: center; line-height: 50px; font-size: 14px; border-right: 1px solid #100d0b; border-bottom: 1px solid #100d0b; }
td.copy_td_menu a { color: #ffffff; }
td.copy_td_menu a:visited { color: #ffffff; }
td.copy_td_menu a:active { color: #ffffff; }
td.copy_td_menu a:hover { text-decoration: none; color: #ffffff; }

td.table_title { height: 43px; text-align: left; }
td.table_title span { color: #65544d; font-size: 16px; }
td.table_guide { color: #747474; text-align: left; font-size: 13px; line-height: 26px; }

table.table_border { border: 1px solid #afa593; margin-top: 10px; color: #747474; text-align: center; }
tr.tr_border { border-bottom: 1px solid #afa593; color: #ffffff; }
tr.tr_border2 { border-bottom: 1px solid #afa593; }
td.td_border { border-right: 1px solid #afa593; height: 40px; }
td.td_border02 { border-bottom: 1px solid #afa593; }
td.td_border03 { border-right: 1px solid #afa593; }


td.td_guide { line-height: 25px; text-align: left; }
span.guide_yellow { color: #8b6900; }

table.refund_table { width: 100%; margin: 10px 0 50px 0; text-align: center; border-top: 1px solid #996b56; border-bottom: 1px solid #494949; }
tr.tr_border { border-bottom: 1px solid #d2d2d2; }
table.refund_table td { width: 25%; height: 50px; color: #584b45; background: url(../images/td_bg.gif) no-repeat 100% 0; }
td.refund_title { font-size: 14px; }

table.info { width: 100%; }
table.info th { font-size: 12px; color: #3a3a3a; text-align: center; padding: 15px 0; border-top: 1px solid #996b56; border-bottom: 1px solid #cccccc; background: #f2efed; }
table.info th:first-child { border-left: none; }
table.info th + th + th + th + th { border-right: none; }

table.info td.td_number { font-size: 12px; color: #6f6e6e; text-align: center; }
table.info td { color: #4a4a4a; text-align: center; border-bottom: 1px solid #cccccc; background: url(../images/td_bg.gif) no-repeat 100% 0; height: 40px; font-family: 'nanum-barun-gothic-bold'; }
table.info td:first-child { font-size: 12px; border-left: none; }
table.info td + td + td + td + td { border-right: none; }


td.copy_td_area { width: 100%; font-size: 12px; color: #ffffff; text-align: center; line-height: 20px; }
td.copy_td_area p { font-size: 12px; color: #ffffff; margin: 10px 0; }
td.copy_td_area a { color: #ffffff; }
td.copy_td_area a:visited { color: #ffffff; }
td.copy_td_area a:active { color: #ffffff; }
td.copy_td_area a:hover { color: #ffffff; text-decoration: none; }
td.copy_td_area a.foot_call { color: #ffffff; text-decoration: none; font-size: 20px; }
td.copy_td_area a.foot_call:visited { color: #ffffff; text-decoration: none; }
td.copy_td_area a.foot_call:active { color: #ffffff; text-decoration: none; }
td.copy_td_area a.foot_call:hover { color: #ffffff; text-decoration: none; }

div.foot_banner { width: 100%; height: 60%; overflow: hidden; position: relative; }
div.foot_banner img { width: 100%; position: relative; top: 0; left: 0; z-index: -1; }
div.foot_banner p { width: 100%; height: 80px; top: 38%; margin-top: -40px; position: absolute; color: rgba(255,255,255,0.5); text-align: center; z-index: 2000; font-size: 13px; text-align: center; }
div.foot_banner span { font-family: "Tangerine", cursive; font-size: 18px; font-weight: bold; }

div.btn_line { border: 1px solid rgba(255,255,255,0.35); width: 120px; height: 45px; position: absolute; left: 50%; margin-left: -60px; box-sizing: border-box; top: 72%; margin-top: -24px; }
div.re_btn { position: relative; width: 120px; height: 45px; cursor: pointer; text-align: center; color: #ffffff; font-size: 14px; line-height: 45px; }

.p01 { width: 100%; height: 37px; text-align: center; line-height: 37px; }
.p02 { width: 100%; height: 38px; text-align: center; line-height: 38px; }
.p02 .p02_1 { width: 49%; height: 37px; text-align: center; float: left; }
.p02 .p02_2 { width: 49%; height: 38px; text-align: center; float: left; }

.p_table02 { width: 100%; height: auto; text-align: center; }
.p_table02 .p_table02_1 { width: 49%; height: auto; border-right: 1px solid #d1d1d1; text-align: center; float: left; height: 55px; line-height: 55px; }
.p_table02 .p_table02_2 { width: 49%; height: auto; text-align: center; float: left; height: 55px; line-height: 55px; }

.subnavi02 ul { }
.subnavi02 li { display: block; padding: 15px 0 15px 0; float: left; width: 23%; margin-left: 1%; }
.subnavi02 ul li a { display: block; padding: 0; font-size: 12px; text-align: center; }
.subnavi02 ul li a span { text-align: block; }

.subnavi02 ul li a.sub_on { height: 49px; line-height: 49px; background: #ffffff; color: #373737; text-decoration: none; text-align: center; border: 1px solid #c2c2c2; }
.subnavi02 ul li a.sub_on:hover { height: 49px; line-height: 49px; background: #9d7442; color: #ffffff; text-decoration: none; border: 1px solid #9d7442; }
.subnavi02 ul li.on_menu_active a { height: 49px; line-height: 49px; background: #9d7442; color: #ffffff; text-decoration: none; border: 1px solid #9d7442; }
.subnavi02 ul li.on_menu_active a:hover { height: 49px; line-height: 49px; background: #9d7442; color: #ffffff; text-decoration: none; border: 1px solid #9d7442; }


td.subvisual { position: relative; }
td.subvisual .title1 { width: 100%; text-align: center; font-size: 50px; position: absolute; top: 28%; margin-top: -28px; font-family: 'NotoKrTH';}

.title1 span { color: rgba(255,255,255,0.6); line-height: 20px; }
.title1 .title_text { color: #c2c5bf; font-size: 12px; }

.subvisual_line {width:100%; text-align:center; font-size:16px; color:#cf9772;  font-family: 'NotoKrL'; letter-spacing:-2px;}
.subvisual_text02 {width:100%; text-align:center; font-size:12px; color:rgba(255, 255, 255, 0.8);}

span.ser_span { font-weight: 900; font-size: 48px; color: #1f1f1f; font-family: 'Nixie One', cursive; }

td.top_line1 { border-bottom: 1px solid #d0d0d0; border-right:1px solid #d0d0d0; line-height: 24px; font-size: 14px; font-family: 'NotoKrR'; background: #f4f4f4; color: #7a7a7a; text-align: center; border-bottom:1px solid #d0d0d0;}
td.top_line2 { border-bottom: 1px solid #d0d0d0; line-height: 60px; font-size: 14px; font-family: 'NotoKrR'; background: #f4f4f4; color: #7a7a7a; text-align: center; border-bottom:1px solid #d0d0d0; }
td.td_number { line-height: 50px; font-size: 13px; font-family: 'NotoKrR'; color: #7a7a7a; text-align: center; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0;}
td.td_number2 { line-height: 50px; font-size: 13px; font-family: 'NotoKrR'; color: #7a7a7a; text-align: center; border-bottom:1px solid #d0d0d0; }

/* 탭 */
.left1 { width: 100%; text-align: center; overflow: hidden; }

.subnavi02 ul { display: inline-block; width: 100%; }
.subnavi02 li { display: block; padding: 15px 0 15px 0; float: left; width: 23%; }

.subnavi02 ul li a { display: block; padding: 0; font-size: 12px; text-align: center; }
.subnavi02 ul li a span { text-align: block; }

.subnavi02 ul li a.sub_on2 { height: 49px; line-height: 49px; color: #656565; text-decoration: none; text-align: center; border: 1px solid #484848; box-sizing: border-box; }
.subnavi02 ul li a.sub_on2:hover { height: 49px; line-height: 49px; color: #ffffff; text-decoration: none; border: 1px solid #484848; box-sizing: border-box; background: #484848; }

.subnavi02 ul li.on_menu_active a { height: 49px; line-height: 49px; color: #ffffff; text-decoration: none; border: 1px solid #484848; box-sizing: border-box; background: #484848; }
.subnavi02 ul li.on_menu_active a:hover { height: 49px; line-height: 49px; color: #ffffff; text-decoration: none; border: 1px solid #484848; box-sizing: border-box; background: #484848; }

.map_btn { text-align: center; color: #f17e51; font-size: 18px; display: block; margin: 18px auto;  }

/* 룸 */
div.m_room_info { position: relative; width: 94%; margin: 0 3%; max-width: 720px; }

td.re_title2 { color: #1f1f1f; font-size: 24px; text-align: center;  }
td.re_sub_tit2 { font-size: 14px; color: #7a7a7a; text-align: center; font-family: 'NotoKrL'; padding-bottom: 30px; }
a.reser_btn { text-align: center; width: 128px; height: 50px; line-height: 50px; border: 2px solid #f17e51; color: #f17e51; font-size: 13px; display: block; margin: 30px auto; text-decoration: none; }
a.reser_btn .active { color: #ffffff; background: #f17e51; }

td.r_td_01 { text-align: center; color: #7a7a7a; }
td.r_td_01 a { text-decoration: none; color: #7a7a7a; outline: none; }
td.r_td_01 a:visited { text-decoration: none; color: #7a7a7a; }
td.r_td_01 a:hover { text-decoration: none; color: #7a7a7a; }
td.r_td_01 a:active { text-decoration: none; color: #7a7a7a; }

td.room_top { color: #ffffff; background: #757575; text-align: center; font-size: 13px; line-height: 34px; }
td.top_line1 { color: #7a7a7a; background: #f4f4f4; text-align: center; font-size: 13px; border-bottom: 1px solid #d0d0d0; letter-spacing: -2px; line-height: 34px; }
td.td_number { color: #7a7a7a; background: #ffffff; text-align: center; font-size: 13px; line-height: 34px; font-family: 'NotoKrR'; }

span.room_line { font-size: 9px; vertical-align: 2px; }