@charset "UTF-8";
@import url(font.css);
@import url(default.css);
@import url(layout.css);
@import url(slick.css);
@import url(swiper.min.css);

/* 메인 */
.mainbg .bg {width:100%; height:330px; background:center 0 no-repeat; background-size:cover; position:relative;}
.mainbg .mainText {max-width:1360px; margin:0 auto 0 15px; padding-top:90px; text-align:left;}
.mainbg .mainText h2 {color:#fff; font-size:20px; font-family:'Noto Sans L', 'dotum', sans-serif; font-weight:normal; line-height:30px;}
.mainbg .mainText h2 em {font-size:25px; font-family:'Cafe24Ohsquare', 'dotum', sans-serif;}
.mainbg .mainText p {color:#fff; padding-top:10px; font-size:14px;}

.mCont {padding:0 18px;}
.mCont .mainArea {max-width:1360px; margin:0 auto; position:relative; overflow:hidden;}
.mCont .mainArea h2 {text-align:center; font-size:20px; font-family: 'Montserrat', sans-serif; color:#000; font-weight:600; padding-top:20px;}
.mCont .mainArea p {font-size:14px; color:#1a1a1a; padding-top:10px; text-align:center; padding-bottom:20px;}
.mCont .mainArea p strong{margin-bottom:5px; display:block;}
.mCont .offers_cont {margin:0 auto;}
.mCont .offers_cont:last-child {margin-bottom:0;}
.mCont .offers_cont .mainBox {width:100%; position: relative; margin-bottom:15px; overflow: hidden;}
.mCont .offers_cont .mainBox .slick-slide img {width:100%;}
.mCont .offers_cont .layout {height:auto;}

.mCont .offers_cont .mainBox h3 {background:#7c8187; color:#fff; font-size:15px; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:normal; padding:13px 10px; position:relative; margin-bottom:5px;}


.mCont .offers_cont .mainBox h3 a {position: relative; top:-2px;
    float: right;
    color: #fff;
    padding:3px 25px 3px 10px;
    background: #b38859; font-size:14px; font-weight:400;}
.mCont .offers_cont .mainBox h3 a::after{content:''; display:inline-block; position:absolute; top:50%; right:5px; width:12px; height:12px; transform:translateY(-50%); background:url(../images/more.png) center center no-repeat; background-size:cover;}

.mCont .offers_cont .mainBox a.mouseover .over {position:relative; overflow:hidden;}
.mCont .offers_cont .mainBox a.mouseover .over span {position: absolute; z-index: 2; color: #fff; bottom: 0; left: 0; transition: all .35s; display: block; background: rgba(237,114,31,0.6); width: 100%; padding: 20px; font-size:18px; font-family: 'Montserrat', sans-serif; font-weight: 500;}
.mCont .offers_cont .mainBox a.mouseover .over span em {font-family: 'Noto Sans R', 'dotum', sans-serif; font-size: 14px;}
.mCont .offers_cont .mainBox a.mouseover .over img {width:100%;}
.mCont .offers_cont .slick-arrow {display:none !important;}
.mCont .offers_cont .slick-dots {position:absolute; right:10px; top:10px;}
.mCont .offers_cont .slick-dots li {display:inline-block;}
.mCont .offers_cont .slick-dots li button {background:#fff; border-radius:50%; width:8px; height:8px; border:0; text-indent:-999em; cursor:pointer; display:block; margin-left:10px; padding:0;}
.mCont .offers_cont .slick-dots li.slick-active button {background:#ed721f;}
.roomlayout {background:#f7f7f7; padding:15px;}
.roomlayout.img img {max-width:100%; width:100%;}
.roomlayout:after {content:""; display:block; clear:both;}
.roomlayout .leftRoom {float:left; width:85%;}
.roomlayout .leftRoom ul {background:#eaeaea; width:calc(100% + 5px); margin:0 auto; padding-left:5px; margin-bottom:5px; padding-top:5px;}
.roomlayout .leftRoom ul:last-child {margin-bottom:0;}
.roomlayout .leftRoom ul:after {content:""; display:block; clear:both;}
.roomlayout .leftRoom ul li {float:left; width:calc(20% - 5px); margin:0 5px 5px 0; text-align:center; box-sizing:border-box; font-family:'Montserrat', sans-serif; font-size:13px;}
.roomlayout .leftRoom ul li.long {width:37.5%;}
.roomlayout .leftRoom ul li.mr0 {margin-right:0;}
.roomlayout .leftRoom ul li span {letter-spacing:0; font-weight:600; color:#fff !important; display:block; padding:3px 0; font-size:12px;}
.roomlayout .leftRoom ul li.blue span {background:#499bf6;}
.roomlayout .leftRoom ul li.purple span {background:#b355de;}
.roomlayout .leftRoom ul li.gray span {background:#4e5053;}
.roomlayout .leftRoom ul li.pink span {background:#f6497e;}
.roomlayout .leftRoom ul li.green span {background:#54d384;}
.roomlayout .leftRoom ul.otherRoom {height:59px; line-height:59px; padding:0;}
.roomlayout .leftRoom .otherRoom li {width:100%; text-align:left; margin-right:0; position:relative; margin-bottom:0;}
.roomlayout .leftRoom .otherRoom li span {display:inline-block; color:#333 !important; font-size:13px; margin:0 15px; font-weight:500; margin-top:0; padding:0;}
.roomlayout .leftRoom .otherRoom li span.east {background:#fff; border-radius:50%; width:40px; height:40px; display:block; font-size:12px; position:absolute; right:10px; top:0; text-align:center; line-height:40px; padding:0; margin:0; top:50%; transform:translateY(-50%);}
.roomlayout .leftRoom .otherRoom li span.east-2{width:75px; font-family:'Montserrat', sans-serif; font-weight:600; border-radius:10px; background-color:#b355de; color:#fff !important;}
.roomlayout .rightFloor {float:right; width:12%;}
.roomlayout .rightFloor ul li {height:59px; line-height:47px; margin-bottom:5px; font-size:23px; font-family:'Montserrat', sans-serif; font-weight:500; padding:5px; background:#eaeaea /*url(/images/elevator_bg.png)center center no-repeat*/; position:relative; text-align:center;}
.roomlayout .rightFloor ul li em {font-size:14px;}
.roomlayout .rightFloor ul li img {position:absolute; right:5px; bottom:5px;}
.roomlayout .rightFloor ul li:last-child {margin-bottom:0;}


.btm2 .roomlayout .leftRoom{float:right;}
.btm2 .roomlayout .rightFloor{float:left;}


.roomlayout .room_table th {font-size:12px; padding:5px 0; background:#eaeaea; border-top:0;}
.roomlayout .room_table td {background:#fff; font-size:14px; font-family:'Noto Sans R'; line-height:14px; border-right:1px solid #e6e6e6; padding:5px;}
.roomlayout .room_table td em {font-size:12px; color:#888888;}
.roomlayout .room_table td.alphabet {font-family:'Montserrat', sans-serif; font-weight:600; font-size:15px;}
.roomlayout .room_table td.roomA {color:#4e5053;}
.roomlayout .room_table td.roomB {color:#499bf6;}
.roomlayout .room_table td.roomC {color:#54d384;}
.roomlayout .room_table td.roomD {color:#f6497e;}
.roomlayout .room_table td.roomE {color:#b355de;}

.mainBox .reservation {background:#c2ebe7 url(/images/reservationm_bg.jpg) right bottom -10px no-repeat; height:150px;}
.mainBox .reservation .resertxt {padding:20px;}
.mainBox .reservation .resertxt h4 {font-size:18px; font-family:'Noto Sans M', 'dotum', sans-serif; color:#111;}
.mainBox .reservation .resertxt p {font-size:14px; color:#333; line-height:20px; text-align:left; padding:0; padding-top:10px;}
.mainBox .guideTxt {background:#f3faf6; padding:20px; position:relative;}
.mainBox .guideTxt h5 {font-size:18px; color:#141212; font-weight:bold; padding-bottom:10px;}
.mainBox .guideTxt img.guide_icon {width:45px; position:absolute; top:20px; right:20px;}
.mainBox .guideTxt .gudie_num {display:inline-block;}
.mainBox .guideTxt .gudie_num img {vertical-align:middle;}
.mainBox .guideTxt .gudie_num span {display:block; margin-bottom:5px;}
.mainBox .guideTxt .gudie_num span:last-child {margin-bottom:0;}
.mainBox .guideTxt .gudie_num .call {font-size:16px; font-family:'Montserrat', sans-serif; font-weight:500;}
.mainBox .guideTxt .gudie_num .call em.call_color {font-size:16px; color:#128de0;}
.mainBox .guideTxt .gudie_num .call em {font-size:12px;}
.mainBox .guideTxt .gudie_num .email {font-family:'Montserrat', sans-serif; font-weight:500; font-size:15px; color:#111; background:url(/images/email_icon.png)left center no-repeat; padding-left:20px;}
.mainBox .guideTxt .gudie_num .account {font-size:15px;}
.mainBox .guideTxt .gudie_num .account img {margin-right:5px; vertical-align:-2px;}
.mainBox .guideTxt .gudie_num .account em {font-size:10px;}
.mainNotice .tab {background: #7c8187; margin-bottom:5px; position:relative;}
.mainNotice .tab:after {content:""; display:block; clear:both;}
.mainNotice .tab li {float:left; width:23%; text-align:center;}
.mainNotice .tab li:nth-child(2){width:32%;}

@media (max-width:310px) {
	.mainNotice .tab li:nth-child(2){width:36%;}
}
.mainNotice .tab li {padding:10px 0;}
.mainNotice .tab li a {color:#fff; font-size:15px; font-family:'Noto Sans M', 'dotum', sans-serif; font-weight:normal;}
.mainNotice .tab li.on {background:#b38859;}
.mainNotice .tabCont.bg {background-color:#f7f7f7;}
.mainNotice .tabCont a.more_btn {position:absolute; right:15px; top:0; height:40px; line-height: 40px;}
.mainNotice .tabCont a.more_btn img {vertical-align:middle;}
.mainNotice .tabCont .noticeTop {background:#ededed; padding:20px;}
.mainNotice .tabCont .noticeTop a {display:block;}
.mainNotice .tabCont .noticeTop:after {content:""; display:block; clear:both;}
.mainNotice .tabCont .noticeTop .noticeTxt {width:75%; float:left;}
.mainNotice .tabCont .noticeTop .noticeTxt h5 {font-size:14px; font-weight:bold; margin-bottom:5px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width:100%;}
.mainNotice .tabCont .noticeTop .noticeTxt p {font-size:13px; color:#999999; padding:0; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width:100%; font-family:'Noto Sans L';}
.mainNotice .tabCont .noticeTop .date {float:right; height:42px; line-height:42px; font-size:15px; color:#999; font-family:'Noto Sans L';}
.mainNotice .tabCont .notice_list.pd {padding:10px 20px 20px;}
.mainNotice .tabCont .notice_list li {padding-top:10px; position:relative;}
.mainNotice .tabCont .notice_list li a {position:relative; font-size:13px; padding-left:10px; padding-right:80px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; width:100%; display:block;}
.mainNotice .tabCont .notice_list li a:before {content:''; display:block; position:absolute; left:0; top:10px; width:2px; height:2px; background-color:#666;}
.mainNotice .tabCont .notice_list li a span {position:absolute; right:0; color:#999; font-family:'Noto Sans L';}
/*.mainNotice .tabCont .notice_list li:before {content:"·"; display:inline-block;}*/

.subArea {margin:0 auto; position:relative; padding:20px 0;}

/* 인사말 */
.intro .intro_txt {}
.intro .intro_txt h3 {padding-bottom:30px; font-size:20px; font-family:'Noto Sans L'; color:#ed721f; font-weight:normal; word-break: keep-all;}
.intro .intro_txt h3 br, .intro .intro_txt p br {display:none;}
.intro .intro_txt h3 em {font-family:'Noto Sans M'; font-size:22px;}
.intro .intro_txt p {padding-bottom:20px; font-size:14px; word-break: keep-all;}
.intro .intro_img img {width:100%;}

/* 오시는길 */
.location .map {width:100%;}
.map_detail {margin-top:15px;}
.map_detail li {display:inline-block; font-size:13px; margin-right:10px;}
.map_detail li img {padding-right:10px; vertical-align:middle; width:23px;}
.map_detail .Btn {display:block; margin:0;}
.map_detail .Btn .wayCont {}
.wayCont {margin-top:40px;}
.wayCont .way {box-sizing:border-box;}
.wayCont .carway {margin-bottom:20px;}
.wayCont .way h4 {font-size:18px; color:#000000; margin-bottom:10px;}
.wayCont .way p, .wayCont .way span {text-align:center; width:100%; display:block; padding:10px 0;}
.wayCont .way p {background:#f3f3f3; font-size:14px; color:#000; font-family:'Noto Sans M';}
.wayCont .way span {font-size:14px; color:#666666; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.wayCont .way p.first_p {border-top:1px solid #000;}
.wayCont .wayBtnSet {display:block; margin:0 auto; text-align:center;}
.wayCont .wayBtnSet .btn {background: #ed721f; color: #fff; font-size: 14px; padding: 10px 20px;}

/* room */
.room_img {position:relative; margin-top:20px;}
.room_img .slick-slide {min-height:auto;}
.room_img .slick-arrow {border:0; width:40px; height:40px; text-indent:-999em; position:absolute; top:50%; transform: translateY(-50%); cursor:pointer; z-index:1; background-size:40px !important;}
.room_img .slick-prev {background:url(/images/room_arrow_prev.png)no-repeat; left:5%;}
.room_img .slick-next {background:url(/images/room_arrow_next.png)no-repeat; right:5%;}
.room_img .slick-dots {display:none !important;}
.room_img img {width:100%; margin:0 auto;}
.room_detail {margin:0 auto; background:#f2f2f3; padding:20px;}
.room_detail ul {margin-bottom:20px;}
.room_detail ul:last-child {margin-bottom:0;}
.room_detail ul:last-child {margin-right:0;}
.room_detail ul li {display:block; vertical-align:top; font-size:14px;}
.room_detail ul li h5 {font-size:16px; color:#000; position:relative; padding-left:10px; margin-bottom:5px; font-family:'Noto Sans M';}
.room_detail ul li h5:before {content: "";display: block;width: 3px;height: 13px;background: #333;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.room_detail ul li span {display:block; font-size:14px;}
.room_detail ul li a {display:block; background:#ed721f; padding:10px; color:#fff; text-align:center; width:100%; margin-top:5px; font-size:16px; margin-top:15px;}
.room_detail ul li a img {width:auto; display:inline-block; vertical-align:middle; padding:0; padding-left:10px;}
.room_detail ul li em {font-size:14px;}
.room_detail ul li em.room_title {font-size:14px; color:#000;}
.roomCont .swiper-container {padding-bottom:60px;}
.roomCont h5 {font-size:18px; margin-bottom:10px; font-family:'Noto Sans M';}
.roomCont .slick-arrow {display:none !important;}
.roomCont .lookCont .swiper-slide {position:relative; overflow:hidden;}
.roomCont .lookCont .swiper-slide img {width:100%;}
.roomCont .lookCont .swiper-slide span {position:absolute; bottom:0; background:rgba(0,0,0,0.6); color:#fff; width:100%; font-size:15px; text-align:center; padding:8px 0; font-family:'Noto Sans L'; left:0;}
.roomCont .lookCont .swiper-slide a.sub_mouseover:hover span {bottom:-73px;}
.roomCont .lookCont .swiper-slide div.sub_over {display:none; background:rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center; color:#fff; font-size:22px; font-family:'Noto Sans L'; padding-top:25%;}
.roomCont .lookCont .swiper-slide a.sub_mouseover:hover .sub_over {display:block;}
.roomCont .lookCont .swiper-slide div.sub_over em {display:block; border:1px solid #fff; border-radius:300px; font-size:17px; letter-spacing:0; width: 30%; margin: 20px auto; padding:8px 0; font-family:'Montserrat', sans-serif;}
.roomCont .swiper-pagination-bullet {background:#ebebeb; opacity:100;}
.roomCont .swiper-pagination-bullet-active {background:#7c8187; width:38px; border-radius:300px;}
.roomCont .swiper-pagination {bottom:30px;}
.room_guide div {}
.room_guide .reservation {background:url(/images/room_guide_bg.jpg)right -110px center no-repeat; height:133px; background-size:cover; padding:20px;}
.room_guide .reservation h4 {font-size:18px; font-family:'Noto Sans M', 'dotum', sans-serif; color:#111;}
.room_guide .reservation p {font-size: 14px;color: #333;line-height: 20px;text-align: left;padding: 0;padding-top: 10px;}
.room_guide .guideTxt {background:#f3faf6 url(/images/guide_icon_sub.png)right 20px top 20px no-repeat; height:145px; padding:20px; background-size:50px;}
.room_guide .guideTxt h5 {font-size:18px; color: #141212; font-weight: bold; padding-bottom: 10px;}
.room_guide .guideTxt .gudie_num span.call {font-family:'Montserrat', sans-serif; font-size:16px; font-weight:500;}
.room_guide .guideTxt .gudie_num span.call em {font-size:12px;}
.room_guide .guideTxt .gudie_num span.call em.call_color {font-size:16px; color:#128de0;}
.room_guide .guideTxt .gudie_num span.email {font-family:'Montserrat', sans-serif; font-size:15px; display:block; font-weight:500; background:url(/images/email_icon.png)left center no-repeat; padding-left:20px;}
.room_guide .guideTxt .gudie_num span.account img {vertical-align:-2px; margin-right:5px;}
.room_guide .guideTxt .gudie_num span.account em {font-size:10px;}

.room_pop {display:none; z-index:1000; position:fixed; margin-bottom:0; top:0; left:0; right:0; bottom:0; padding:5%; border:0; background-color:rgba(33,33,33,.8); height:auto;}
.room_pop2 {display:block;}
.room_pop .cont {position:relative; background:#fff; max-width:550px; margin:0 auto; }
.room_pop .cont .top {position:relative; width:100%; height:auto; padding:17px 20px; background:#7c8187; border-bottom:1px solid #ddd;}
.room_pop .cont .top h4 {font-family:'Noto Sans M'; font-weight:normal; font-size:18px; color:#fff; letter-spacing:-1px;}
.room_pop .cont .top a.btn {display:block; position:absolute; top:50%; transform:translateY(-50%); right:20px; background:url(/images/btnx.png) no-repeat center right; background-size:100%; font-size:0; width:20px; height:21px;}
.room_pop .cont .btm {position:relative; width:100%; height:auto; }
.room_pop .cont .btm div.txtBox {text-align:center;}
.room_pop .cont .btm div.txtBox p:first-child {font-family:'Noto Sans M'; font-size:17px; margin-bottom:10px;}
.room_pop .cont .btm div.txtBox p:last-child {color:#999;}
.room_pop .cont .btm div.txtBox .roomlayout .leftRoom ul li.long {width:37.9%;}
ul li.long2 {width:calc(50% - 5px) !important}

/* FACILITY */
.facilityCont .thum div.slick-slide {padding:0 5px;}
.facilityCont .thum div img {width:100%;}
.slider-nav.thum {padding:0 40px; margin-top:10px; overflow:hidden;}
.facilityCont .slick-arrow {position:absolute; z-index:1; top:50%; transform:translateY(-50%); border:0; text-indent:-999em; width:39px; height:190px; cursor:pointer;}
.facilityCont .slick-prev {left:0; background:url(/images/facility_prev.png)no-repeat;}
.facilityCont .slick-next {right:0; background:url(/images/facility_next.png)no-repeat;}
.bigimg_cont .bigimg img {width:100%;}
.right_txt {background:#fcfcfc; height:100%; padding:20px;}
.right_txt p {font-size:14px; color:#626262; font-family:'Noto Sans L'; word-break:keep-all;}
.right_txt p br {display:none;}
.right_txt ul {margin-top:10px; border-bottom:1px solid #7f868a; padding-bottom: 20px; margin-bottom: 10px;}
.right_txt ul li {margin-bottom:5px;}
.right_txt ul li:last-child {margin-bottom:0;}
.right_txt ul li p {display:inline-block; width:25%; color:#2d2d2d; font-family:'Noto Sans M';}
.right_txt p.facility_call {color:#2d2d2d; font-family:'Noto Sans M';}
.right_txt p.facility_call img {vertical-align:middle; margin-right:10px;}
.right_txt p.facility_call span {color:#626262; font-family:'Noto Sans L'; padding-left:20px;}

/* 예약하기 */
.applyCont .state {text-align:center;}
.applyCont .state ul {margin-bottom:35px;}
.applyCont .state ul li {display:inline-block; width:28px; height:28px; border:1px solid #b38859; color:#b38859; border-radius:50%; line-height:28px; text-align:center; font-family:'Montserrat', sans-serif; margin-right:22px; position:relative;}
.applyCont .state ul li a {color:#b38859;}
.applyCont .state ul li:last-child {margin-right:0;}
.applyCont .state ul li.on {background:#b38859; color:#fff;}
.applyCont .state ul li.on a {color:#fff;}
.applyCont .state ul li:after {content:""; display:inline-block; width:25px; height:1px; background:#b38859; position:absolute; right:-26px; top:50%; transform:translateY(-50%);}
.applyCont .state ul li:last-child:after {display:none;}
.applyCont .state p {font-size:17px;}
.applyCont .ontxt{background: #f8f8f8; margin-top: 15px; padding: 10px;}
.applyCont .ontxt img{margin:5px 5px 0 0;}
.applyCont .ontxt ul li{color:#555;font-size:14px;}
.applyCont .ontxt ul li:nth-child(4) {margin-top:3px;font-size:14px;font-weight: bold;}
.applyCont .ontxt ul li.account {font-size:16px; font-weight:bold;}

.applyCont .ontxt ul li:first-child {margin:3px 0;font-size:16px;font-weight: bold;}

.reserform {border-top:1px solid #7c8187; border-bottom:1px solid #7c8187; margin-top:20px; padding:10px 0;}
.reserform:after {content:""; display:block; clear:both;}
.reserform li {width:33%; box-sizing:border-box; float:left; padding:5px 0;}
.reserform li input {color:#333; padding:13px; font-weight:bold; font-size:18px;}
.reserform li img {margin-left:5px;}
.reserform li p {color:#aaa; font-size:16px; margin-bottom:5px;}
.reserform li p.in {font-weight:bold; color:#2592ff !important;}
.reserform li p.out {font-weight:bold; color:#ff0e0e !important;}
.reserform li p.reservation_tit {color:#ff6700;}
.reserform li span {font-size:14px;}
.reserform li select {width: 100%; padding: 5px; border: 0; font-size: 19px; font-family: 'Noto Sans R'; cursor: pointer; background: #fff url(/images/select_arrow.png) no-repeat right 30px center;}
.reserform li.reserBtn2 {width:100%;}
.reserform li.reserBtn2 a.btn {background: #ed721f;color: #fff;font-size: 17px;padding: 10px 40px; display: block; text-align:center;}
.applyCont p.reserform_txt {text-align: center; font-size: 15px; color: #000; padding:40px 0;}

.applyCont .result {margin-top:20px;}
.applyCont .result ul li:after {content:""; display:block; clear:both;}
.applyCont .result ul li {border-bottom:1px solid #abb2ba; padding-bottom:15px; margin-bottom:15px; position:relative; }
.applyCont .result ul li .room_result_img {display:block; vertical-align:middle; width:100%; overflow:hidden; box-sizing: border-box; height:170px; position:relative;}
.applyCont .result ul li .room_result_img img {width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.applyCont .result ul li .result_txt {margin-top:15px;}
.applyCont .result ul li .result_txt h5 {font-size:16px; color:#bb0005; font-weight:600;}
.applyCont .result ul li .result_txt h5 a {font-size:13px; color:#7c8187; padding-left:10px;}
.applyCont .result ul li .result_txt span {padding:10px 0; display:block; font-size:14px;}
.applyCont .result ul li .result_txt .possible p {position:relative; display:block; padding-left:10px; color:#333; font-size:14px; font-weight:500;}
.applyCont .result ul li .result_txt .possible p:before {position:absolute; content:''; left:0; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:10px; background-color:#999;}
.applyCont .result ul li .result_txt .possible a {font-size:15px; color:#00ab0d; border:1px solid #a7a7a7; padding:5px 10px; margin:2px; display:inline-block;}
.applyCont .result ul li .result_txt .possible a.no {/* background:#ffd2d2; background:#c5eaa5; background:url(../images/no-room.png) center center no-repeat; background-size:25px;  background:#b38859 url(../images/room-no2.png) center center no-repeat; background-size:47px;*/ color: #b3b3b3;}
.applyCont .result ul li .result_txt .possible a.no strike{/*text-decoration:none;*/}
.applyCont .result ul li .result_txt .possible a.on {background:#ed721f; color:#fff; border:0;}
.applyCont .result ul li .result_right {padding-top:20px;}
.applyCont .result ul li .result_right p {font-size:20px; font-family:'Noto Sans L'; color:#282828;}
.applyCont .result ul li .result_right p span {display:inline-block; color:#aaaaaa; font-size:14px; margin-left:10px;}
.applyCont .result ul li .result_right .reservation_btn {position:absolute; right:0; bottom:15px; border:2px solid #00ab5b; color:#ed721f; font-size:15px; width:45%; text-align:center; padding:5px; font-family:'Noto Sans M'; vertical-align:top;}
.agree_cont {margin-top:20px;}
.applyCont h2 {font-size:17px; font-weight:normal; font-family:'Noto Sans M'; margin-bottom:20px;}
.reser1{margin-top: 20px;}
.reser{ padding: 15px;border: 1px solid #eaeaea;font-size: 15px;background: #f8f8f8}
.reser img{padding-right:10px;}

.on_list{text-align: left; font-weight:normal;}
.agree_cont .agree_policy {border:1px solid #b8bbbd; padding:15px;}
.agree_cont .agree_policy .agree_table {border:0; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
.agree_cont .agree_policy .agree_table th {border-top:1px solid #e8e8e8; border-bottom:0; color:#1e1e1e; font-size:14px;}
.agree_cont .agree_policy .agree_table td {border-top:1px solid #e8e8e8; border-bottom:0; color:#1e1e1e; font-size:14px; text-align:left;}
.agree_cont .agree_policy p {font-size:14px; color:#959595; padding-top:10px;}
p.agree {padding:15px; border:1px solid #b8bbbd; border-top:0;}
p.agree label {font-size:14px; color:#656565; vertical-align:middle; font-family:'Noto Sans R';}
p.agree span {margin-right:10px;}
.infoform {margin-top:20px;}
.infoform h2 span {font-size:13px; font-weight:normal; margin-left:10px;}
.infoform em.color_add {color:#ed721f;}
.infoform_table {border:0; border-top:1px solid #585858;}
.infoform_table th {border-right:0; background:#f8f8f8; font-size:15px; text-align:center; padding:10px 5px;}
.infoform_table td {font-size:14px; color:#1e1e1e; padding:10px;}
.infoform_table td:after {content:""; display:block; clear:both;}
.infoform_table td.number select {float:left; width:31%;}
.infoform_table td.number input {float:left; width:31%;}
.infoform_table td.number span {float:left; margin:0 2px; height:40px; line-height:40px;}
.infoform_table td.m_email input {float:left; width:47%;}
.infoform_table td.m_email input.last_input {float:right;}
.infoform_table td.m_email span {float:left; width:6%; text-align:center; height:40px; line-height:40px;}
.agree_foot {text-align:center; /* padding-top:30px; */}
.agree_foot .agree2 {display:inline-block;}
.agree_foot .agree2 label {font-size:14px; color:#656565; font-family:'Noto Sans R';}
.agree_foot a {font-size:13px; color:#ff0000; text-decoration: underline; background:url(/images/agree_arrow.png)right center no-repeat; display:inline-block; width:100px;}
.agree_foot a.reserBtn {display:inline-block; font-size:16px; color:#fff; background:#ed721f; padding:10px; margin:0 auto; margin-top:20px; text-decoration: none;}
.agree_foot a.cancelBtn {display:inline-block; font-size:16px; color:#fff; background:#ff0000; padding:10px; margin:0 auto; margin-top:20px; text-decoration: none;}
.reser_pop {display:none; z-index:1000; position:fixed; margin-bottom:0; top:0; left:0; right:0; bottom:0; padding:5%; border:0; background-color:rgba(33,33,33,.8); height:auto;}
.reser_pop .cont {position:relative; background:#fff; max-width:890px; margin:0 auto; }
.reser_pop .cont .top {position:relative; width:100%; height:auto; padding:17px 20px; background:#7c8187; border-bottom:1px solid #ddd;}
.reser_pop .cont .top h4 {font-family:'Noto Sans M'; font-weight:normal; font-size:18px; color:#fff; letter-spacing:-1px;}
.reser_pop .cont .top a.btn {display:block; position:absolute; top:50%; transform:translateY(-50%); right:20px; background:url(/images/btnx.png) no-repeat center right; background-size:100%; font-size:0; width:20px; height:21px;}
.reser_pop .cont .btm {position:relative; width:100%; height:auto; padding:15px; height:500px; overflow-y: scroll;}
.reser_pop .cont .btm h5 {font-size:10px; margin-bottom:20px; font-size:15px;}
.reser_pop .cont .btm div.txtBox {text-align:center;}
.reser_pop .cont .btm div.txtBox p:first-child {font-family:'Noto Sans M'; font-size:17px; margin-bottom:10px;}
.reser_pop .cont .btm div.txtBox p:last-child {color:#999;}
.reser_pop .cont .btm .refund th {font-size:13px; padding:8px; word-break: keep-all;}
.reser_pop .cont .btm .refund th span {font-size:13px;}
.reser_pop .cont .btm .refund td {font-size:14px; letter-spacing:0; padding:8px;}
.complete {text-align:center; max-width:660px; margin:0 auto;}
.complete img {margin:20px; width:20%;}
.complete p.complete_txt {font-size:15px; margin-bottom:20px;}
.complete_list p.first_p {border-top: 1px solid #000;}
.complete_list p {background: #f3f3f3;font-size:16px; color: #000; font-family: 'Noto Sans M';}
.complete_list span {font-size: 15px;color: #666666;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.complete_list p, .complete_list span {text-align: center;width: 100%;display: block; padding: 10px 0; font-size:15px;}

.boardTop div.viewContrl{margin-bottom:30px; width:50%;}
.boardTop div.viewContrl ul:after{clear:both; content:""; display:block}
.boardTop div.viewContrl ul li {float: left;}
.boardTop div.viewContrl ul li .select select {width:100%;}
.boardTop div.viewContrl ul li:nth-child(1) {width: 20%; margin-right: 1%;}
.boardTop div.viewContrl ul li:nth-child(2) {width: 36%; margin-right: 1%;}
.boardTop div.viewContrl ul li:nth-child(3) {width: 14%;}
.boardTop div.viewContrl ul li:nth-child(2) input {height:40px;}

/* 예약확인하기 */
#subTop h2.confirm_title {font-family:'Noto Sans M'; letter-spacing:0;}
.confirm_box .infoBox {background:#fafafa; padding:20px; position:relative;}
.confirm_box .infoBox:after {content:''; clear:both; display:block;}
.confirm_box .infoBox > * {float:left; width:77%;}
.confirm_box .infoBox img {margin-right:20px; margin-top: 10px; width:14%;}
.confirm_box .infoBox .txt * {display:block;}
.confirm_box .infoBox .txt b {font-family: 'Noto Sans M'; font-weight: normal; font-size:17px;}
.confirm_box .infoBox .txt span {font-family: 'Noto Sans L'; font-size: 14px; color: #000; margin-top: 5px;}
.confirm_box {border:1px solid #ddd; padding:15px;}
.confirm_box .formBox {max-width:640px; margin: 0 auto; margin-top: 15px;}
.confirm_box .formBox li {position: relative; background: url(/images/blt.png) no-repeat left center; padding-left: 12px;}
.confirm_box .formBox li:after {content:''; clear:both; display:block;}
.confirm_box .formBox li:not(:last-child) {margin-bottom:10px;}
.confirm_box .formBox li p {font-size: 15px; color: #555555; float: left; width: 30%; margin-top: 8px;}
.confirm_box .formBox li div {float: left; width: 70%;}
.confirm_box .formBox li div.phone * {float:left;}
.confirm_box .formBox li div.phone:after {content:''; clear:both; display:block;}
.confirm_box .formBox li div.phone select, .formBox li div.phone input {width:30%;}
.confirm_box .formBox li div.phone em {width: 5%; text-align: center; margin-top: 10px;}
.confirm_box .formBox .btn {margin-top: 20px; text-align: center;}
.confirm_box .formBox .btn a {display: inline-block; border: 1px solid #ed721f; background: #ed721f; color: #fff; font-size: 16px; padding: 10px 30px;}

.reserBtn3 {display: block;background: #ed721f;border-radius: 300px;height: 45px;line-height: 45px;width: 150px;margin: 0 auto 40px;color: #fff !important;font-size:15px;}

/*[게시판 리스트] : 일반형*/
table.board_List {table-layout: auto; width: 100%; text-align: center; background: #fff; border: 0; border-top: 1px solid #333;}
table.board_List thead th, table.board_List tbody td {border-bottom:1px solid #dcdcdc;}
table.board_List thead th {padding:15px 10px; background: #f9fafa; font-size: 17px; font-family: 'Noto Sans M';}

table.board_List tbody td {padding:15px 10px; font-size: 15px; color: #555;}
table.board_List tbody td.Lalign{text-align:left;}
table.board_List tbody td.recommend{font-weight:bold;color:#ff3600;}
table.board_List tbody tr {border-bottom: 1px solid #999; }
table.board_List tbody tr.bgOver{background:#e0f7ff url(../img/table_default_over.gif) 0 0 repeat-x;}
table.board_List tbody tr.bgOver td{color:#000;}
table.board_List td.Lalign a{color:#555;}

a.baseBtn1 {display: block; height: 40px; line-height: 40px; background: #ec721f; background-size: 22px; color:#fff; text-align:center; font-size:17px;}
a.baseBtn2 span {display:inline-block;cursor:pointer;margin:0;padding:0 10px;height:35px;line-height:35px;text-align:center;background:#fff; border:1px solid #d7d7d7; overflow:hidden; color:#333;}

/* 페이지 컨트롤러 */
.paging {text-align: center; margin: 20px 0 0;}
.paging span {display:inline-block; vertical-align:middle;}
.paging a {display:block; width:40px; height:40px; line-height:40px; color:#888; font-size: 17px;}
.paging a.on {font-weight:bold; border:1px solid #dcdcdc; color:#000;}
.paging a b {display:none;}
.paging span.control a {background:#486bcf url(../img/bg_paging2.gif) no-repeat; border:1px solid #2f50af;}
.paging span.control a:hover {background:#3253b2 url(../img/bg_paging2.gif) no-repeat; border:1px solid #25408d;}
.paging span.control.first a {background-position:8px -72px;}
.paging span.control.last a {background-position:8px -112px;}
.paging span.control.pre a {background-position:9px 8px; margin:0 5px 0 0;}
.paging span.control.next a {background-position:9px -32px; margin:0 0 0 5px;}

/* 사이트맵 */
.site_map {max-width:1045px; margin:0 auto; margin-top:20px;}
.site_map ul:after {content:""; display:block; clear:both;}
.site_map ul li {float:left; width:50%; box-sizing:border-box; height:360px; padding: 0 10px;}
.site_map ul li h5 {font-size:18px; color:#000; padding-bottom:20px; border-bottom:1px solid #e4e4e4; margin-bottom:20px; font-family: 'Montserrat', sans-serif; font-weight:500;}
.site_map ul li a {display:block; font-size:14px; color:#666666; margin-bottom:5px;}


/* 개인정보처리방침 */
.policyCont .txt {font-size: 14px; line-height: 22px; margin-bottom:15px;}
.policyCont p {font-size:14px;}
.policyCont .txt + .txt {margin-top:20px;}
.policyCont .txt p {font-weight:700; margin-top:18px !important; font-size:15px;}

.policycont {background:#f3f3f3; border-top:1px solid #000000; padding:15px; margin-top:20px;}
.policycont h5 {font-size:15px; font-weight:bold;}
.policycont p {margin-bottom:10px; font-size:13px;}
.policycont p:last-child {margin-bottom:0;}

@media (max-width:500px) {
	.roomlayout {padding:5px;}
}

@media (max-width:393px) {
	.infoform_table td.number input {width:30%;}
	.infoform_table td.number select {width:30%;}
}

@media (max-width:375px) {
	.room_pop .cont .btm div.txtBox .roomlayout .leftRoom ul li.long {width:37%;}
}
@media (max-width:360px) {
	.roomlayout .leftRoom ul li.long {width:37.7%;}
}
@media (max-width:340px) {
	.roomlayout .leftRoom ul li.long {width:36%;}
}
@media (max-width:280px) {
	.mainbg .mainText {padding-top:80px;}
}
/*팝업창*/
.wrap_pop {position:fixed; left:0; top:0; z-index:200;visibility:hidden;color:#fff; background:rgba(0,0,0,0.7); height:100%; width:100%;}
.wrap_pop>div {position:absolute; top:50%; margin-top:-240px; width:100%;}
.pop_size {text-align:center; width:100%; margin:0 auto;}
.pop_size img {height:auto; width:100%;}
.close_area {width:100%; padding:0 15px; height:40px; line-height:40px; background:#39414f; margin:0 auto;}

/* 210330수정 */
.schCont {margin-bottom:20px;}
.schCont select {width:30%;}
.schCont input {width:50%;}
.schCont a {height:40px; line-height:40px; width:18%;}
.list2 {border:0;}
.viewArea video {width:100%; height:auto;}

.layout_pop {background:#e8e8e8; font-size: 14px;padding: 0;display: block; height: 47px; line-height: 47px;  text-align:center;}

/* 211207추가 room1.html 리스트*/
.room_list{margin-top:10px;}
.room_list li{display:inline-block; float:left; width:33.33%; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.room_list li.on{background-color:#ed721f;}
.room_list li.on a{color:#fff;}
.room_list li:nth-child(3n){border-right:1px solid #ddd;}
.room_list li:nth-child(7){padding-bottom:1px;}
.room_list li:nth-child(8) , .room_list li:nth-child(9){border-bottom:1px solid #ddd;}
.room_list li:nth-child(10){ border-bottom:1px solid #ddd;}
.room_list li:nth-child(11){width:calc(33.33% + 1px); border-top:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.room_list li a{padding:10px 0; display:block; width:100%; height:100%;}
.room_list::after{content:''; display:block; clear:both;}




/*220330 추가 */
	/*객실예약하기*/
.night_t{margin-bottom:5px; padding-left:23px; position:relative;}
.night_t::before{content:''; display:inline-block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:20px; height:20px; background:url(http://www.hotel267.com/images/day_icon.png) center center no-repeat; background-size:20px;}
.night_t2{margin-top:5px;display:block;}
.night_t2 span{font-weight:600; color:#ed721f;}
.reserform li div.cen{text-align:center;}

@media (max-width:380px){

	.reserform li:nth-child(1) , .reserform li:nth-child(2){width:39%;}
	.reserform li:nth-child(3){width:100%;}
	.reserform li:nth-child(3) span{margin-top:0;}
	.reserform li div.cen{text-align: center; display: flex; align-items: center; justify-content: space-between;}
	.night_t{margin-bottom:0;}
}

@media (max-width:330px){

	.reserform li div.cen{flex-direction: column; align-items: start;}

}

.roomlayout .room_table tr td.alphabet.roomG{color:#b355de;}

/* 메인 객실상세보기 색변경 */
/*
.roomlayout .room_table tr:nth-child(10) td:nth-child(1){color:#dd0044;}
.roomlayout .room_table tr:nth-child(11) td:nth-child(1){color:#b355de;}
*/
.roomlayout .room_table tr td.alphabet.roomG{color:#b355de;}

.roomlayout .room_table tr td.alphabet.roomF{color:#dd0044;}




/*********팝업*********/
.pop-btn{margin-top:15px;}
.pop-btn a{ display: inline-block;
    background: #b38859;
    color: #fff;
    padding: 10px 20px; font-size:15px;}

	/*팝업*/
#pop {display:none;  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;}
#pop .btnMenux-2 {}
#pop .white_content{position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;}
#pop .white_content > div{margin:25px auto;}
#pop .white_content img{    width:100%; min-width:320px;
    max-width: 720px;}
.popclose{position: absolute;
    top: 10px;
    right:4%;
    font-size: 19px;
    height: 22px;
    z-index: 1;}


	/*팝업*/
#pop-2 {display:none;  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 300;}
#pop-2 .btnMenux-2 {}
#pop-2 .white_content{position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;}
#pop-2 .white_content > div{margin:25px auto;}
#pop-2 .white_content img{    width:100%; min-width:320px;
    max-width: 720px;}
.popclose-2{position: absolute;
    top: 10px;
    right:4%;
    font-size: 19px;
    height: 22px;
    z-index: 1;}


/* 화엄 room */

@media (max-width:385px){

	.room_list li{width:50%; height:46px;}
	.room_list li:nth-child(11){width:50%;}
	.room_list li:nth-child(8) {border-bottom:0;}
	.room_list li:nth-child(5) , .room_list li:nth-child(7){border-right:1px solid #ddd;}
	.room_list li:nth-child(2n){border-left:0; border-right:1px solid #ddd;}

}



/****** 메인 추가 231030*******/
.mainbtnbox{line-height:2.4;}
.mainbtnbox a{display:block; width: 130px;
    text-align: center; 
    margin: 0 auto;margin-bottom:10px; margin-right:5px; position: relative; top:-1px; color: #fff; padding:0px 15px 0px 15px; font-size:15px; font-weight:400;}

.mCont .mainArea p{padding-bottom:10px; display:flex; justify-content:space-between; align-items:center;}


@media (max-width:380px){
	.mainbtnbox a{line-height:1.2; padding:5px 0;}
	.mainbtnbox a .inblock3{display:block;}
	}

/****** 환불예약취소 240402*******/
#nc2 .noticeTop .noticeTxt p{width:78px;}