@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

#site_wrap .swiper-pagination-bullet { width:15px; height:15px; }
#site_wrap .swiper-pagination-bullet-active {
    background: #163d4c;
}


/*메인 내용 */
.main-tit-box { padding: 0 0 30px; word-break: keep-all; padding: 0 0 30px; line-height: 1.2; text-align:center; }
.main-tit-box .main-tit { font-family: Batang; margin-top: 30px; font-size: 35px; letter-spacing: 0.01em; color:#222; font-weight:400; }

#section1 { word-break: keep-all; padding:30px 10px; }

#section1 .main-info-wrap { margin-bottom:50px; }

#section1 .main-info01 { font-size:17px; margin-bottom:20px; font-weight:300; }
#section1 .main-info02 { font-size:17px; font-weight:300;  }
#section1 .main-info02 strong { font-size:18px; font-weight:400; }

#section1 .vm { width: 100%; }
#section1 .vm .vm-text-box, #section1 .vm .vm-img {  }
#section1 .vm .vm-text-box { padding: 10px 10px 10px 9.7%; }
#section1 .vm .vm-img { position: relative; overflow: hidden; }

/* 메인 내용 #2 */
#section2 {  background:url('/img/mobile/main/bg_room.jpg') top left no-repeat; background-size:100%; padding:50px 0;    }
#section2 .inner { overflow: hidden; }

#section2 .main-tit-box { padding:0 0 20px;  }
#section2 .main-tit-box .main-tit { }
#section2 .main-info { font-size:17px; padding: 0 10px; margin-bottom:30px; font-weight:300;  }

#section2 .mn { overflow: hidden; width: 100%;  }

#section2 .mn::after { display: block; content: ""; clear: both; }

#section2 .mn .mn-item { float: left; width: 250px; height:333px; }
/*
#section2 .mn.isIE .mn-item { float: left; width: 430px; margin-bottom: 30px; padding: 0 15px;}
*/

#section2 .mn .mn-item a { outline: 0 !important; display: block; color: #fff; padding: 20px 30px; width:250px; height: 333px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; position: absolute; background-color: #222; z-index:9; }

#section2 .mn .mn-item a .mni-bottom { position: absolute; display: block; bottom:0; left: 0px; right:0px; background:rgba(0,0,0,0.55); }
#section2 .mn .mn-item a .mni-bottom > span { display:inline-block; width: 100%; font-size:20px; font-weight:800; padding:10px 0 10px 10px; }
#section2 .mn .mn-item a .mni-bottom i { position: absolute; right: 10px; top:10px; }

#section2 .mn .mn-item a:hover .mni-bottom i { animation-duration: 0.4s; animation-name: more2; animation-iteration-count: infinite; }


/* Room */

#section3 { padding:0; }
#section3 ul {}
#section3 li { position:relative; }
#section3 li + li { margin-top:5px; }

#section3 li .bg { position:relative; z-index:2; }
#section3 li .mr-text-box { position:absolute; z-index:9; width:100%; height:100%; top:0; left:0; text-align:center; color:#fff; padding:15% 10px 0; }
#section3 li .mr-text-box h2 { font-size:45px; margin-bottom:20px; }
#section3 li .mr-text-box p { font-size:16px; line-height:22px; }




/* 메인 내용 #4 */
#section4 {  background:url('/img/mobile/main/bg_info.jpg') top center no-repeat; background-size:cover; padding:50px 0; }
#section4:after {display:block;visibility:hidden;clear:both;content:""}

#section4 ul:after {display:block;visibility:hidden;clear:both;content:""}
#section4 li { float:left; width:50%; text-align:center; margin-bottom:30px; }
#section4 li:nth-child(2n-1) { clear:both; }
#section4 li a { color:#fff; }

#section4 li .icon { margin:0 auto 20px; width:40px; }
#section4 li .icon img { width:100%; height:auto; }
#section4 li h3 { margin-bottom:10px; font-size:14px; font-weight:700 }
#section4 li p { line-height:16px; }



/* About */
.bm_about { }
.bm_about .inner { position:relative;  }
.bm_about .inner:after {display:block;visibility:hidden;clear:both;content:""}

.bm_about .no1 { position:relative; width:100%; margin-bottom: 50px; }

.bm_about .no2 { position:relative; z-index:9; margin-bottom: 50px; }
.bm_about .no2:after {display:block;visibility:hidden;clear:both;content:""}

.bm_about .no2 .deco-txt1 { padding:0 ; font-size:15px; line-height:22px; margin-bottom: 30px; }
.bm_about .no2 .img { width:100%; }

.bm_about .about_img01 { width:100%; margin:0 0 50px; }

.bm_about .no3 { position:relative; }
.bm_about .no3:after {display:block;visibility:hidden;clear:both;content:""}

.bm_about .no3 .deco-txt1 { position:relative; float:left;  font-size:15px; line-height:22px; margin-bottom: 30px; }
.bm_about .no3 .imgbox { }
.bm_about .no3 .imgbox:after {display:block;visibility:hidden;clear:both;content:""}
.bm_about .no3 .imgbox li { float:left; width:50%; }


#daumRoughmapContainer1746730039215 { width:100%;  }

/* 룸관련 CSS */
.bm_rooms { }


/* common room */
.bm_rooms .room_title_cont {display:flex; justify-content:space-between; align-items:flex-end; padding:0 20px; margin-bottom:50px;}
.bm_rooms .title_txt{ width:100%; display:block; padding-left: 0; text-align:center;  }
.bm_rooms .title_txt h3{line-height:1; margin-top:15px; font-weight:400; font-size:45px; color:#111; }
.bm_rooms .title_txt em{display:block; font-weight:300; font-size:16px; color:#666; text-indent:3px; }

.room_slider_cont .list li{width: 100% !important;}

body:not(.open) .bx-controls{position:absolute;top:0;left:0;z-index:52;width:100%;height:100%;display: block;}
.room_slider_cont{position:relative;}

.bm_rooms .room_info_cont{margin-top:65px;}
.bm_rooms .info_txt{ }
.bm_rooms .info_txt p{font-family:'Roboto', Noto Sans KR, serif;  }

.bm_rooms .txt_title { margin-bottom:30px !important; text-align:center; }
.bm_rooms .txt_title h4{font-weight:400; font-size:35px; color:#111; text-transform:capitalize; line-height:1.2; }
.bm_rooms .txt_title p{margin-top:19px; font-size:16px; color:#555;}
.bm_rooms .txt_title p span{font-weight:500; color:#333;}
.bm_rooms .name_point:after{content:""; position:absolute; top:-2px; left:-40px; width:47px; height:27px; background:url(../../images/content/icon_text_color.svg) no-repeat 50% 50% / cover;}

.bm_rooms .txt_caution{margin-top:30px; padding:15px 0; background:#f8f8f8; flex-basis:100%;}
.bm_rooms .txt_caution ul li{display:flex; align-items:center; margin-bottom:4px; font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-size:15px;}
.bm_rooms .txt_caution ul li:before{content:""; display:block; width:5px; height:5px; margin-right:10px; background:#9e9e9e;}
.bm_rooms .txt_caution ul li:last-child{margin-bottom:0;}

.bm_rooms .txt_list { width:100%; }
.bm_rooms .txt_list > li{display:flex; padding:18px 0; border-bottom:1px solid #ddd; }
.bm_rooms .txt_list > li:last-child{border-bottom:0;}
.bm_rooms .txt_list > li em{display:flex;align-items:center;position:relative;line-height:1.7;margin-left: 10px;font-size:14px;font-weight:500;color:#222;}
.bm_rooms .txt_list > li em:before{content:""; display:block; width:5px; height:5px; margin-right:16px; background:#cacaca;}
.bm_rooms .txt_list > li p{margin-left:20px; line-height:1.7; font-size:14px;font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
.bm_rooms .txt_list > li span{display:inline-block; padding:5px 10px; background-color:#7f7f7f; color:#fff; font-family:'Lora', Noto Sans KR; font-weight:300; font-size:14px; margin-right:13px;}
.bm_rooms .txt_list > li span{margin:0 14px 0 25px;}
.bm_rooms .txt_list > li span:first-of-type{margin-left:0;}
.bm_rooms .txt_list > li.br_none {border-bottom:none}

.bm_rooms .txt_list.txt_start > li {align-items:flex-start;}

.bm_rooms .btm_line{position:relative;}
.bm_rooms .btm_line::after{content:""; position:absolute; bottom:0; left:0; width:100%; height:5px; background:url(../../images/content/img_line.jpg) repeat;}

.bm_rooms .basic_title_cont {display:flex; justify-content:space-between; align-items:flex-end}
.bm_rooms .basic_title_cont .title_depth ul li a {border:none; color:#fff; background:#bfb8b1; border:1px solid #bfb8b1; transition:all .5s}
.bm_rooms .basic_title_cont .title_depth ul li a:hover {background:#c6a582; border:1px solid #c6a582}

.bm_rooms .common_icon_cont h5{margin-bottom:36px; font-weight:500; font-size:35px; color:#222; text-align:center }
.bm_rooms .common_icon_cont > ul li img{height:37px;}
.bm_rooms .common_icon_cont > ul{display:flex;align-items:flex-start;flex-wrap: wrap;}
.bm_rooms .common_icon_cont > ul:after {display:block;visibility:hidden;clear:both;content:""}
.bm_rooms .common_icon_cont > ul li p{line-height:19px; margin-top:13px; font-family:Noto Sans KR , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; font-weight:400; font-size:14px; color:#444;}
.bm_rooms .common_icon_cont > ul li{ float:left; width:33.333333333333333%; text-align:center;margin-bottom: 30px;}
.common_icon_cont{position:relative; padding:50px 0;}


/* 스페셜 CSS */

.bm_special .home-des-detailpanel {}


.bm_special .aclisting-textpanel {
    position: relative;
    margin-bottom: 50px;
}

.bm_special .aclisting-textpanel:after {
    content: "";
    clear: both;
    display: block;
}

.bm_special .aclisting-title {
    margin-bottom: 30px;
}

.bm_special .aclisting-title h3 {
    font-size: 3.0rem;
    font-weight: 300;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 1;
    color: #7DAEC5;
    font-family: "Helvetica75";
}


.bm_special .aclisting-subtitle {
    position: relative;
    font-size: 1.7rem;
    word-break: keep-all;
	line-height: 1.2em;
    font-family: "NotoSansKR", "Calibre";
	margin-bottom:30px;
}

.bm_special .aclisting-synopsis {
    font-size: 14px;
    color: #919191;
	line-height: 22px;
    word-break: keep-all;
}


/* membership */
#membership{position: relative;}
#membership:after{display:block;content:'';clear:both;height:0;visibility:hidden;}
#membership .reservation_btn{position: absolute;right: 0;top: 25px;}
#membership .reservation_btn a{width: 180px;height: 50px;display: flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;font-family: 'Pretendard';font-size: 16px;letter-spacing: -0.6px;background: #D6A884;}
#membership .reservation_btn a span{color: #FFFFFF;}
#membership .reservation_btn a span::after{display: inline-block;content: '';width: 16px;height: 10px;margin-left: 10px;background: url(../images/btn_arr_w.png) no-repeat center center;background-size: 100% 100%;}
#membership .info_table{}
#membership .info_table .info_caution{padding: 0px 0 35px 0px;font-family: 'Pretendard';border-bottom: 1px solid #D5D5D5;font-size: 25px;line-height: 25px;}
#membership .info_table .info_box{padding:30px 0;border-bottom:1px solid #D5D5D5;}
#membership .info_table .info_box .info_title{ display:block; width:100%; font-family: 'Pretendard';font-size: 30px;font-weight: 500;color: #222222; text-align:center; margin-bottom:30px; }
#membership .info_table .info_box .info_text{ display:block;  }
#membership .info_table .info_box .info_text p{font-family: 'Pretendard';font-size: 16px;font-weight: 400;line-height: 18px;margin-bottom: 0;letter-spacing: -1px;color: #222222;}
#membership .info_table .info_box .info_text p::before{display:inline-block;content:'ㆍ';font-weight:900;font-size:17px;line-height:29px;margin-right:5px;}
#membership #popTel{width: 180px;height: 50px;font-size: 0;top: 75px;right: 0; display: none;padding: 0;text-align: center;line-height: 50px;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.19);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.19);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.19);}
#membership #popTel.ttel{width: 180px;height: 110px;font-size: 0;top: 75px;right: 0; display: none;padding: 0;text-align: center;line-height: 50px;-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.19);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.19);box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.19);}
#membership #popTel.ttel p{display: flex; align-items: center; justify-content: center; height: 50%;}
#membership #popTel p{display: flex; align-items: center; justify-content: center; height: 100%;}
#membership #popTel img{ display: inline-block;width: 16px;height: 16px;margin-right: 10px;}
#membership #popTel span{display: inline-block;font-size: 16px;font-weight: 400;color: #B88963;}

.tbl_membership table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff; font-size: 12px; } 
.tbl_membership caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_membership caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_membership thead th {padding:10px 0;font-weight:normal;text-align:center;background:#f4f4f4;border:1px solid #cbcbcb;height:40px}
.tbl_membership tbody th {padding:8px 0;width:50px;border:1px solid #cbcbcb;background:#f4f4f4;}
.tbl_membership td {color:#666;padding:10px 5px;border:1px solid #cbcbcb;line-height:1.4em;height:40px;text-align:center;word-break:break-all}

/* tour */

[class~=tour_type1]{width:100%;max-width:1300px;margin:0 auto 50px;overflow:hidden} 
[class~=tour_type1]:after{content:"";display:block;clear:both} 
[class~=tour_type1] ul{min-height:450px} 
[class~=tour_type1] ul li{position:relative;width:100%;overflow:hidden} 
[class~=tour_type1] ul li:last-child{margin-bottom:0} 
[class~=tour_type1] ul li div{overflow:hidden;box-sizing:border-box} 
[class~=tour_type1] ul li [class~=tour_img]{width:50%;height:450px;top:0;right:0;position:absolute;background:no-repeat center center;background-size:cover}
[class~=tour_type1] ul li:nth-of-type(odd) [class~=tour_img]{right:unset;left:0} 
[class~=tour_type1] ul li:nth-of-type(odd) [class~=tour_info]{text-align:left} 
[class~=tour_type1] ul li:nth-of-type(odd) [class~=tour_info]{float:right;right:0;width:50%;text-align:center;padding:80px 30px;background:none} 
[class~=tour_type1] ul li [class~=tour_info]{position:relative;width:50%;height:100%;display:table;text-align:center;padding:80px 30px;background:none} 
[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt]{display:table-cell;vertical-align:middle} 
[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt] dl{width:100%;margin:0;padding:0;overflow:hidden;background:none} 
[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt] dl dt em{display:block;margin:0;padding:0;font-size:13px;line-height:1em;letter-spacing:0.15em;font-weight:400;font-style:normal;color:#aaa} [class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt] dl dt[class~=tour_tit]{color:#000;font-size:1.85em;font-weight:400;line-height:1.4em;margin:15px 0 20px 0} 
[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt] dl dt[class~=tour_tit] strong{color:#d59337;font-weight:600} 
[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt] dl dd{position:relative;color:#777;line-height:1.6em;word-break:keep-all} 
[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link]{width:100%;margin-top:25px} 
[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] a{margin:0 3px} 
[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] span[class~=time]{display:block;margin-bottom:20px;color:#222;border-radius:4px} 
[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] span[class~=site_map]{display:inline-block;padding:5px 15px;color:#fff;background:#d59337;border-radius:4px;transition:0.5s all ease} 
[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] span[class~=site_map]:hover{background:#222;transition:0.5s all ease} 
[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] span[class~=site_home]{display:inline-block;padding:5px 15px;color:#fff;background:#777;border-radius:4px;transition:0.5s all ease} 
[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] span[class~=site_home]:hover{background:#222;transition:0.5s all ease} 
[class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] span[class~=site_call]{display:inline-block;padding:5px 15px;color:#fff;background:#293d6b;border-radius:4px;transition:0.5s all ease} [class~=tour_type1] ul li [class~=tour_info] [class~=tour_link] span[class~=site_call]:hover{background:#222;transition:0.5s all ease} 

@media screen and (max-width:360px){} {}

@media all and (max-width:1200px){[class~=tour_type1] ul li [class~=tour_img]{width:50%}} 

@media all and (max-width:1200px){[class~=tour_type1] ul li [class~=tour_info]{min-height:auto}} 

@media all and (max-width:1200px){[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt]{vertical-align:top}} 

@media all and (max-width:1200px){[class~=tour_type1] ul li [class~=tour_img]{width:50%}} 

@media all and (max-width:1024px){[class~=tour_type1] ul li{min-height:auto}} 

@media screen and (max-width:768px){[class~=tour_type1] ul li [class~=tour_img]{position:relative;width:100%}} 

@media screen and (max-width:768px){[class~=tour_type1] ul li:nth-of-type(odd) [class~=tour_info]{width:100%}} 

@media screen and (max-width:768px){[class~=tour_type1] ul li [class~=tour_info]{width:100%}} 

@media screen and (max-width:768px){[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt]{float:left;width:100%;margin-top:30px}} 

@media screen and (max-width:768px){[class~=tour_type1] ul li [class~=tour_img]{ position:relative;width:100%;height:auto;min-height:300px;margin-top:80px}} 

@media screen and (max-width:768px){[class~=tour_type1] ul li:first-child [class~=tour_img]{margin-top:0}} 

@media screen and (max-width:768px){[class~=tour_type1] ul li:nth-of-type(odd) [class~=tour_info]{float:none;position:relative;width:94%;margin:-40px auto 0;padding:40px 40px;background-color:#fff}} 

@media screen and (max-width:768px){[class~=tour_type1] ul li [class~=tour_info]{position:relative;width:94%;margin:-40px auto 0;padding:40px 40px;background-color:#fff}} 

@media screen and (max-width:768px){[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt]{float:left;width:100%}} 

@media all and (max-width:650px){[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt] dl dt[class~=tour_tit]{font-size:1.5em}} 

@media screen and (max-width:480px){[class~=tour_type1] ul li [class~=tour_info] div[class~=tour_txt]{margin-top:0}} 

@media screen and (max-width:480px){[class~=tour_type1] ul li:nth-of-type(odd) [class~=tour_info]{padding:40px 0}} 

@media screen and (max-width:480px){[class~=tour_type1] ul li [class~=tour_info]{padding:40px 0}}

/* 하단 */
.dinning_btn_cont {position:relative; width:100%; text-align:right; padding-top:60px; margin:0}
.dinning_btn_cont .inner { width:1200px; margin:0 auto; }
.dinning_btn_cont.fiexd > div {position:fixed; right:0; bottom:0; width:100%;}
.dinning_btn_cont.fiexd div > div {display:flex; justify-content:flex-end; width:1200px; margin:0 auto;}
.dinning_btn_cont.fiexd.psbottom > div {position:absolute; width:100%;}

.dinning_btn_cont a.btn_call {position:relative;padding:20px 36px;background:#c6a582; color:#fff; font:300 15px 'Roboto', 'Noto Sans KR';}
.dinning_btn_cont a.btn_call{font-weight:500;}
/*
.dinning_btn_cont a.btn_call::before{content:''; width:14px; height:13px; background:url(/images/content/icon_call.svg) no-repeat 50% 50%; position:relative; left:0; top:1px; display:inline-block;}
*/
.dinning_btn_cont a.btn_call span{position:relative; padding:0 45px 0 14px;}
.dinning_btn_cont a.btn_call span::after{content:''; display:block; width:2px; height:15px; background-color:rgba(255,255,255,0.2); position:absolute; right:22px; top:1px;}

.dinning_btn_cont a.btn1{padding:20px 45px;background-color:#bfb8b1;color:#fff;font-weight:500;font-size:15px;display:inline-block;transition:all .5s;min-width: 80px;text-align: center;}
.dinning_btn_cont a.btn1:hover {background-color:#c6a582;}


/* 찾아오시는길 */
#sub01-02 {}


#sub01-02 .map-tab { }
#sub01-02 .map-tab ul:after {display:block;visibility:hidden;clear:both;content:""}
#sub01-02 .map-tab li { float:left; width:50%; }
#sub01-02 .map-tab li a { display:block; height:80px; line-height:80px; font-size:25px; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; color:#ccc; }
#sub01-02 .map-tab li a.active { border-bottom:1px solid #333; color:#333; }

#sub01-02 h3 { text-align:center; font-size:35px; font-weight:800; margin-bottom:50px; }
#sub01-02-map1 { margin-bottom:100px; }

#sub01-02 .map-info { border-top:1px solid #dddddd; padding:22px 0; color:#333; }
#sub01-02 .map-info:after {display:block;visibility:hidden;clear:both;content:""}
#sub01-02 .map-info li { padding:8px 0; font-size:15px; }
#sub01-02 .map-info strong { display:inline-block; width:100px; font-weight:800;  }
#sub01-02 .map-info span { display:inline-block; }


/* 지도 */
#daumRoughmapContainer1657104426003 { width:100%; height:300px; }