@charset "utf-8";
/* All Device 모든 해상도를 위한 공통 코드를 작성한다. ------------------------------------------------------------------------- */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block}
/* 공통 레이아웃 ------------------------------------------------------------------------------------- */

/* wrap */
#wrap {}

/* 내비게이션 그룹 */
#none_box {position:fixed;min-width:200px;width:100%;top: 0px;right:0;background: #ffffff;z-index:3000;height:100%;overflow-y:auto;}
.center_menu_box{width:100%;position:relative;top: 60px;box-sizing:border-box;padding-bottom:55px;}
.center_menu_box.center_mobile_login{top: 120px;}
.top_menu_ul{width:100%; position:relative; }
.top_menu_li{width:100%; position:relative;box-sizing:border-box;}
.top_menu_li:first-child{padding-top: px;}

.top_menu_btn{display:flex; flex-direction:row; align-items:center; width:50%; color:#999; font-size:16px; height:50px; padding:0 20px; box-sizing:border-box;}
.top_sub_menu_ul{display:none; }
.top_menu_li.active .top_sub_menu_ul{display:block;background: #f9f9f9;}
.top_menu_li.active .top_menu_btn{color:#000; font-weight:600;}
.top_sub_menu_ul{position: fixed;top: 60px;right: 0;width:50%;background-color:#fff;height: calc(100vh - 100px);overflow-y:auto;box-sizing:border-box;z-index:9;padding-bottom:55px;border-left: 1px solid #e6e9ef;padding-top: 5px;}
.top_sub_menu_ul.top_mobile_login{top: 135px;border-top:1px solid #e6e9ef;}
.top_sub_menu_li{width:calc(100% - 20px);margin:0 auto;border-bottom: 1px solid #e6e9ef;}
.top_sub_menu_li:first-child{/* margin-top: 10px; */}
.top_sub_menu_li:last-child{border-bottom:0; }
.top_sub_menu_btn{display:flex; flex-direction:row; align-items:center; width:100%; color:#111; padding:0 20px;box-sizing:border-box; font-size:16px; height:50px;}

.ft_menu_box{width:100%;background-color:#fff;position:fixed;bottom:0;left:0;z-index:10;box-sizing:border-box;}
.ft_menu_ul{width:100%;display:flex;background-color:#437855;}
.ft_menu_li{width:100%;position:relative;}
.ft_menu_li::after{content:'|'; position:absolute;top:50%; transform:translateY(-50%); right:0;color: #fff;}
.ft_menu_li:last-child:after{content:''; position:absolute;top:0; right:0;}
.ft_menu_btn{width:100%;text-align:center;font-size: 16px;display:flex;flex-direction:row;align-items:center;justify-content: center;height:55px;font-family: 'Pretendard';font-weight: 500;color: #fff;letter-spacing: 0.5px;}
.ft_menu_btn img{width: 18px;margin-right: 5px;}




/* 메인 슬라이더 이미지  */

#full_slider {position:relative;}

/* container 영역  */
#container {width:100%; position:relative; padding-top:60px;overflow-x:hidden;}
#container:after {display:block; content:''; clear:both; }

.swiper-slide {width: 100%;height: auto;overflow: hidden;margin: 0 auto; /*min-height:420px;*/ }
.swiper-slide.swiper-mobile-tab {height: 100%;}
.visual-img{width: 100%;height: auto;object-fit: cover; min-height:420px;}
.visual .swiper-slide img { transform: scale(1.1);  transition: 10s all ease-in-out;  object-fit: cover;}
.visual .swiper-slide.swiper-slide-active img { transform: scale(1);  transition: 10s all ease-in-out}

.visual .swiper-button-next,.visual .swiper-button-prev {
    background-image: url(/resource/image/user/btn/prev-btn.svg);
    bottom: 0px;
    top: auto;
    width: 12px;
    background-size: 7px;
    margin-top: 0px;
    }
.visual .swiper-button-prev { left: 0;}
.visual .swiper-button-next { transform: rotate(180deg); right: 36px;}
.visual .swiper-pagination { color: white;    font-family: 'Montserrat';  margin-left: -18px;}
.visual .slide-btn {font-size: 12px;width: 127px;position: absolute;top: 12%;left: 0.5%;z-index: 1;}
.visual .slide-btn .inner { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.visual .slide-btn .swiper-pagination-fraction {bottom: 12px;}
.visual .slide-btn .bold {font-weight: bold;font-size: 17px;display: inline-block;}
.visual .slide-btn .swiper-pagination-current {font-weight: bold;font-size: 17px;margin-left: 1px;}    


/* article */
.article_wrap {}
.arfter:after {display:block;content:'';clear:both;}

/* 메인 공통 css */
.artwrap {box-sizing:border-box;}

.m_txtfix {position: relative;z-index: 1;box-sizing:border-box;}

.m_tit_sub {color:#6e621a; font-size:1em;font-weight:bold;font-family:'Montserrat','Noto Sans KR',sans-serif;letter-spacing:2px;padding-bottom:10px}
.m_title {font-size: 2em;line-height: 130%;color: #222;font-weight: bold;font-family:'Montserrat','Noto Sans KR',sans-serif;text-align: center;margin-bottom: 20px;width: 80%;margin:  0 auto;}
.line_style {display:block;width:40px;height:2px;margin: 15px auto;background: #c9c9c9;}
.m_txt02 {width:90%;margin:0 auto;color:#858584;}

.awrap_h1 {margin-top:20px;text-align:center;color:#acacac;font-size: 1em;line-height:100%;font-family:'Lato';font-weight:bold;padding-bottom: 5px;letter-spacing:1px;text-transform: uppercase;}
.awrap_h1_b {padding:0 0 10px 0;text-align:center;color:#222;font-size:1.5em;font-family:'Montserrat','Noto Sans KR',sans-serif;}
.hr_sty {width:50px;height:1px;background:#ccc;margin:12px auto 10px auto;}


/* Moblie */

/* m_article01 -2022ver */
.m_article01{ display: flex; justify-content: center; align-items: center; background: #fafafa; width:100%;} 
.m_article01_inner{ position: relative; margin: 80px 0 150px 0;}
.m_article01_inner h2{	font-size: 1.8em; font-weight: 200; text-align: center;}
.m_article01_inner>hr{width: 50px; height: 2px; background-color: rgb(99, 99, 99); border: 0; margin: 20px auto;}
.m_article01_slide_wrap{width: 330px; display: flex; justify-content: center;}
.m_article01_slide_wrap div:nth-child(3){margin-right: 0; }
.m_rooms_btn { display: none;}
.m_rooms_imgbox{width: 350px; height: 285px; margin-right: 0.8em; transition: 1s; background-color: #000; overflow: hidden;cursor: pointer;
 position: relative; margin: 5px;}
.m_rooms_img{ width: 100%; height: 100%; transition: .3s; opacity: .3;}
.m_rooms_imgbox:focus .m_rooms_img{	opacity: .8; width: 105%; height: 105%; background-position: center;}
.m_rooms_imgbox:hover .m_rooms_text_all{text-shadow: 1px 1px 5px rgba(0,0,0,.7);}
.m_rooms_img01{background: url(/resource/image/user/slide_test.png) no-repeat; background-size: cover;}



.m_rooms_slide_btn{display: flex; flex-direction:row; justify-content:space-between; margin:0 auto;	width:100px; height: 30px; padding-top: 20px;}
.m_rooms_slide_btn span{background-color:gray; width:30px; height: 3px;}
.m_rooms_text_all{}
.m_rooms_text_all h3{position:absolute; top:8%; left:50%; transform: translateX(-50%); color:#fff; font-size:1.3em; font-weight:300;}
.m_rooms_text_all hr{position:absolute; top:20%; left:50%; transform: translateX(-50%); border:0; background-color:#fff; width:40px; height:1px;}
.m_rooms_text_all p{position: absolute;	bottom: 5%; left: 50%; transform: translateX(-50%); color:#fff; width: 80%; overflow: hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center;}

/* article02 -2022ver */
.m_article02 .m_about_box{width:100%; height:280px; display:flex; justify-content:center; align-items:center; background-color: #000;}
/* 이전버전 .m_article02 .m_way_box,.m_article02 .m_fac_box */
/* .m_article02_box:hover{	background-color: #7a4906;} */
.m_article02_box:hover .box_bg{	opacity: .4;}
.m_article02_box:hover .textbox>button{	background-color: rgba(255,255,255,.2);}
.m_box_bg{ width: 100%;	height: 100%; opacity: .3; transition: .3s;}
.m_about_bg{ background: url(/resource/image/user/slide_test.png) no-repeat; background-size: cover;}
/* .m_way_bg{ background: url(/resource/image/user/slide_test.png) no-repeat; background-size: cover;} */
/* .m_fac_bg{ background: url(/resource/image/user/slide_test.png) no-repeat; background-size: cover;} */
.m_textbox{	position: absolute;	display: flex; flex-direction: column; justify-content: center; align-items: center;}
.m_textbox h3{ color: #fff;	font-size: 1.8em; font-weight: 200;}
.m_textbox hr{ border: 0; width: 80px; height: 1px;	background-color: #fff; margin: 15px 0;}
.m_textbox p{color: #fff;}
/* //article02 */









/* 2023ver 오시는길 */
.m_article02 {position:relative; width:100%; }	 

.m_article02 .m_way_box {width:100%; display:flex; justify-content:center; align-items:center;}

.m_way_box_inner {width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}

.m_way_box_inner .m_way_map {width:100%; height:250px; background-color:gray; background: url('/resource/image/user/main/map_test.png')}

.m_way_textbox {width:100%; height: 220px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align: center; background: #f2f2f2;}
.m_way_textbox h3 {color:#292929; font-size:1.8em; font-weight:200;}
.m_way_textbox hr {border:0; width:80px; height:1px; background-color:#292929; margin: 15px 0;}
.m_way_textbox p {font-size: 1.1em; color: #292929; font-weight: 300; opacity: .9;}
/* 끝 - 2023ver 오시는길 */


/* <<<<<<<<<<<<<<<<<<<< button 관리 모음 >>>>>>>>>>>>>>>>>>>>>> */

/*메인 섹션 - 버튼모양 (색없음)*/
.m_btn_shape {width:140px; height:45px; margin-top:25px; border-radius:900px;}

/*흰배경 일때 - 색상(배경,선,폰트색상)*/
/* .btn_color {background-color:transparent; border: 1px solid #666;  color:#292929;} */
/* .btn_color:hover {background-color: red; border: 1px solid red; color: #fff; font-weight: 500;} */
 
/*어두운 배경 일때 - 색상(배경,선,폰트색상)*/
/* .btn_color_dark{border: 1px solid #fff; background: #fff; opacity: 80%; } */
/* .btn_color_dark:hover{background-color: red; border: 1px solid red; color: #fff; font-weight: 500; opacity: 100%;} */

/*서브페이지 버튼 통일 - 색상(배경, 폰트색상)*/
/* .sub_bg{background: pink !important; color:yellow !important;} */

 /* 버튼관리끝   */






/* article03 -jungin_ver.01-2023 */
.m_article03 {display: flex; justify-content: center; align-items: center; background: #fafafa; height: 600px; position: relative;}
.m_article03_inner {width: 100%; position: relative; display: flex; flex-direction: column; align-items: center;} /* margin-bottom: 410px; */
.m_article03_inner h2 {font-size: 3em; font-weight: 200; text-align: center; margin-bottom: 20px}
.m_article03_inner>hr {width: 100px; height: 1px; background-color: rgb(99, 99, 99); border: 0; margin: 35px auto;}
.m_article03_slide_wrap {width: 100%; display: flex; justify-content: center;}
.m_article03_slide_wrap div:nth-child(3) {margin-right: 0; }

.m_tap_title {display: flex; justify-content: center; width:100%; flex-wrap: wrap;}

.m_tap_title .tap_btn{font-size: 1em; text-align: center; width: 130px; height: 45px; transition: .3s; border-radius: 900px; margin: 3px;}
/* .tap_title .tap_btn:hover {background-color: #293BA7; border: 1px solid #293BA7; color: #fff; font-weight: 600;} */
/* .tap_title .tap_btn.active {background-color: #293BA7; border: 1px solid #293BA7; color: #fff; font-weight: 600; } */

/*tap01*/
/* .tap01_btn {overflow: hidden;} */
.m_article03 .tap01_btn div {position: absolute; bottom: 18%;}
.tap01_btn .left_btn {left: 0%; z-index:9999; cursor: pointer; }
.tap01_btn .right_btn {right: 0%; z-index:9999; cursor: pointer;}

/* m_article03- 공통 */
.m_commu_box {width: 190px; height: 250px !important; padding: 10px; transition: 1s; overflow: hidden; border: 1px solid #ddd; border-radius: 2px;}
.rooms_slide_btn {display: flex; flex-direction: row; justify-content: space-between; margin: 0 auto; width: 100px;	height: 30px; padding-top: 20px;}
.rooms_slide_btn span { background-color: gray; width: 30px; height: 3px;}
.commu_cont {height:150px;}
.commu_text_all {display: flex; flex-direction: column;}
.commu_text_all .date {text-align: right; color: #777; font-size: 0.9em;}
.commu_text_all .commu_jaemock {color:#444;	font-weight: 400; margin-top: 12px; height: 40px; display: flex; align-items: flex-end; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;}
.commu_text_all .commu_jaemock h3 {font-size: 1em;}
.commu_text_all hr {border: 0; background-color: #ddd; width: 100%;	height: 1px;}
.commu_text_all .commu_naeyong {color:#444; overflow: hidden; height: 60px;}
.commu_text_all .commu_naeyong h3 {line-height: 2em; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px;}
/*포토갤러리 css*/
.commu_text_all .commu_jaemock_photo {color:#444; font-weight: 400; height: 40px; display: flex; align-items: flex-end; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;}
.commu_text_all .commu_jaemock_photo h3 {font-size: 1em;}
.commu_text_all .commu_naeyong_photo{color:#444; overflow: hidden; width: 305px; height: 100px; display: flex;}
.commu_text_all .commu_naeyong_photo img{width: 60%}

.commu_btn {background-color:transparent; border: 1px solid #292929; width:150px; height:40px; transition:.3s; color:#292929; border-radius:900px; justify-self: center; align-self: center; margin-top: 20px;}
/* .commu_btn:hover {background-color: #293BA7; color: #fff; font-weight: 600; border: 1px solid #293BA7;} */

/*tap02 - 이벤트*/
.tap02_btn {overflow: hidden;}
.tap02{position: relative;}
.article03 .tap02_btn div {position: absolute; bottom: 40%;}

.tap02_btn .left_btn {left: -5%; z-index:9999; cursor: pointer; }
.tap02_btn .right_btn {right: -5%; z-index:9999; cursor: pointer;}

/*이벤트 종료*/
.end_event {position: relative;}
.end_event::before {content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 998;}
.end_event::after {content:"END EVENT"; position: absolute; top: 50%; left: 50%; color: #fff; text-align: center; font-size: 1.1em; line-height: 50px; transform: translate(-50%,-50%); width: 160px; height: 50px; background: #000; z-index: 999;}

/*tap - 게시글 없을때 기본 화면*/	
.no_cont { text-align: center; width: 100%; height: 300px; background: #ddd;}
.no_cont p {line-height: 300px; color: #666;}





















.slide_list {display:block;width:100%; height:475px; margin-bottom:10px;}
.slide_list:last-child {margin-bottom:0;}
.slide_list li {float:left;width: 100%;border: 1px solid #eee;background: #fff;/* box-sizing: border-box; */cursor: pointer;position:relative;}
.slide_list li .txt_grp {padding: 20px;box-sizing: border-box; text-align: center;width: 100%;height: 200px;}
.slide_list li .txt_grp .slide_type {font-size:14px;font-weight:500;color: #cfb093; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.slide_list li .txt_grp .slide_tit {margin:15px auto;font-size:23px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.slide_list li .txt_grp .slide_txt {font-size:13px;color:#777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;
line-height:1.5em;height:6em;}

.slide_list li .slide_btn_grp {display:table;width:100%;height:auto;margin-bottom:20px;text-align:center;}
.slide_list li .slide_btn_grp .sli_prev_btn {display:inline-block;width:22px;height:22px;line-height:22px;font-size:13px;color:#c1c1c1;border:1px solid #ddd;border-radius:100%;vertical-align:middle;margin-right:10px;
background: url('/resource/image/user/btn/slide_prev.png')7.5px center no-repeat;}
.slide_list li .slide_btn_grp .sli_next_btn {display:inline-block;width:22px;height:22px;line-height:22px;font-size:13px;color:#c1c1c1;border:1px solid #ddd;border-radius:100%;vertical-align:middle;margin-left: 10px;background: url('/resource/image/user/btn/slide_next.png')9px center no-repeat;}


.pager_style {display: inline-block;width:8px;height:8px;background: #ddd;border-radius: 100%;margin: 0 7px;vertical-align: middle;cursor: pointer;}
.pager_active {background: #a0a0a0;transition: all 250ms ease-in-out;}

.slide_list li .img_grp {display:block;width:100%;height:230px;overflow:hidden;}
.slide_list li .img_grp img {width:100%;height:100%;vertical-align:top;}


















/* m_article02(기존) */
/* .m_article02 {clear:both;position:relative;color:#333;padding: 10px 10px;} */
/* .m_article02:after { display: block;  content: '';  clear: both; }  */

.m_article02 .main_list_grp {display: block;width:100%;margin: 0 auto;}
.m_article02 .main_list_grp > li {clear:both;display:block;position: relative;width: 100%;height:210px;text-align:center;box-sizing:border-box;margin-bottom:10px;overflow: hidden;}

.m_article02 .main_list_grp > li.icon_list {padding:0;width: 100%;}
.m_article02 .main_list_grp > li.icon_list > ul {display:block;width:100%;height:100%;border: 1px solid #ddd; box-sizing:border-box;}
.m_article02 .main_list_grp > li.icon_list > ul > li {width: 50%;height: calc(50% + 1px);float:left;border-bottom: 1px solid #ddd;box-sizing:border-box;margin-right: -1px;}
.m_article02 .main_list_grp > li.icon_list > ul > li:nth-child(1){border-right:1px solid #ddd;}
.m_article02 .main_list_grp > li.icon_list > ul > li:nth-child(3){border-right:1px solid #ddd;}
.m_article02 .main_list_grp > li.icon_list > ul > li > a {display: block;width: 100%;height: 100%;box-sizing: border-box;}
.m_article02 .main_list_grp > li.icon_list > ul > li > a:hover {text-decoration:underline;}
.m_article02 .main_list_grp > li.icon_list > ul > li > a:hover .main_title{color:#00315f;transition: all 250ms ease-in-out;}
.m_article02 .main_list_grp > li.icon_list > ul > li > a > .list_icon01 {display: block;padding: 19px 0 10px 0;}
.m_article02 .main_list_grp > li.icon_list > ul > li > a > .main_title {font-size: 14px;color: #777;font-weight: 500;text-align: center;}

.m_tab_view .tabContent{width:100%;  box-sizing:border-box; clear:both;}
.tabcon_btn{display:inline-block; float:left;margin-bottom:15px;}
.tabcon_btn_left{text-align:left; padding-left:10px; background-image:url('/resource/image/mobile/icon/tab_list_icon.jpg'); background-repeat:no-repeat; background-position:left center; 
background-size:2px; box-sizing:border-box; font-size:1em; font-weight:500; width:60%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tabcon_btn_right{text-align:right; color:#aaa; font-size:0.9em; font-weight:500; width:40%;}

.m_article02 .main_list_grp > li.big_box {position:relative;width: 100%;height:235px;border: 1px solid #ddd;box-sizing: border-box;}
.m_article02 .main_list_grp > li.big_box > .m_tab_list {display: table;width: 100%;background:#f6f6f6;display:block;content:'';clear:both; height:47px;}
.m_article02 .main_list_grp > li.big_box > .m_tab_list > li {float:left; width:33.3333%;font-size: 15px;padding:0 15px;font-weight:bold;cursor:pointer;color: #777;font-weight:500;
box-sizing:border-box;}
.m_article02 .main_list_grp > li.big_box > .m_tab_list > li > a {display:block;width:100%;line-height:45px;text-align:center;transition: all 250ms ease-in-out;}
.m_article02 .main_list_grp > li.big_box > .m_tab_list > li:hover, 
.m_article02 .main_list_grp > li.big_box > .m_tab_list > li.active {color:#cfb093;border-bottom:2px solid #cfb093;}
.m_article02 .main_list_grp > li.big_box > .more_btn {position: absolute;top: 33px;right: 20px;width: 25px;height: 25px;line-height: 24px;text-align: center;border: 1px solid #ddd;background: transparent;font-weight: normal !important;font-size: 22px;color: #999;}

.m_tab_view .t_non {padding:70px 0; font-weight:bold; color:#c4c4c4;}



/* m_article03 */
.m_article03 {position:relative;padding: 50px 10px;}
.m_article03:after {display:block;content:'';clear:both;}



/* footer */


/* f_congrp01 */ 
.f_congrp01 {padding: 20px 10px 30px 10px;border-bottom: 1px solid #333;}
.f_congrp01 h2 {color:#b2b7b7;font-size:1.3em;padding:0 0 5% 0;letter-spacing:3px;}
.f_line {width:40px;height:2px;background: #565656;margin:18px auto 30px auto;}

/* .btn_top {position: fixed;bottom: 20px;right: 20px;width:50px;height:50px;line-height:50px;margin-left: -25px;background: url(/resource/image/user/icon/icon_topgo.png) #687280 center 16px no-repeat;border:0;color:#fff;text-indent:-9999px;border-radius: 100px;opacity: 0.8;z-index: 500;} */

.form_grp {}
.form_grp:after {display:block;content:'';clear:both;}
.form_grp li input {margin-bottom:7px;border-radius:0;background: #191919;border:0 !important;display:block;width:100%;padding: 15px 8px !important;box-sizing:border-box;color:#fff;}
.form_grp li input.nameput {margin-right:2%;box-sizing:border-box;}
.form_grp li textarea {width:100%;min-height:80px;padding:10px;background: #191919 !important;border:0 !important;border-radius:0;box-sizing:border-box;resize:none;color:#fff;}
.form_grp li .submit {clear:both;display:block;min-width: 120px;padding: 0 10px;height:40px;line-height:40px;margin: 0 auto;background: #565656;border: 0px;color: #fff;font-weight: 500;font-family: 'Montserrat';}
.form_grp li .submit:hover {text-decoration:underline;}
.form_grp li span {display:block;}
.form_grp li span.chkbox {padding: 10px 0 20px 0;float:left;}
.form_grp li span.chkbox .radiput {display:inline-block;width:15px;height:15px;border:2px solid #ddd;vertical-align:middle;margin:2px 3px 0 0;}
.form_grp li span.chkbox .radible {color: #9c9c9c;font-size:12px;vertical-align:middle;}
.form_grp li span.chkbox .pview {margin-left:7px;padding: 3px 10px;border:0;font-size:12px;vertical-align:middle;background:#777;color:#222;font-weight:bold;-webkit-border-radius:50px;border-radius:50px;vertical-align:middle;}
.form_grp li span.chkbox .pview:hover {text-decoration:underline;}

#footer .awrap_h1 {font-family: 'Montserrat','Noto Sans KR', sans-serif;font-size: 1.5em;}

/*footer*/
.foot_sns {float:none;}
.foot_sns li {display:inline-block;}
.foot_sns li a {display:inline-block;width:36px;height:36px;border-radius:100px;margin-right:0px;}
.foot_sns li a.item01 {background:url('/resource/image/user/icon/icon_blog.svg') center no-repeat;background-size: 1.3em;}
.foot_sns li a.item02 {background:url('/resource/image/user/icon/icon_facebook.svg') center no-repeat;background-size: 1.3em;}
.foot_sns li a.item03 {background:url('/resource/image/user/icon/icon_twitter.svg') center no-repeat;background-size: 1.5em;}
.foot_sns li a.item04 {background:url('/resource/image/user/icon/icon_insta.svg') center no-repeat;background-size: 1.6em;}
.foot_sns li a.item06 {background:url('/resource/image/user/icon/icon_kakao.svg') center no-repeat;background-size: 1.7em;}

/* f_congrp02 */ 
.f_congrp02 {padding: 10px 0 25px 0;color: #323338;}
.f_congrp02 h2 {font-size: 23px;}
.f_congrp02 a:hover {color:#fafafa;transition:color 250ms ease-in-out;}
.f_congrp02 p.foot_txt {color: #323338;padding-top: 20px;font-weight: 600;}
#footer em {display:inline-block;color: #323338;}
.f_cong {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    }
#footer .bslist {
    width: 40%;
    border-radius: 6px;
    padding: 12px;
    text-align: center;
    margin-bottom: 8px;
    font-size: 13.5px;
    font-weight: 600;
    font-family: 'Pretendard';
    letter-spacing: 0.5px;
/*     background-color:#437855; */
/*     border:1px solid #437855; */
    color:#fff;
}

.f_congrp02 .hotelinfo {line-height: 180%;color: #323338;padding-top: 20px;font-weight: 500;font-size: 15px;font-weight: 600;font-family: 'Pretendard';}

/* fx_footbtn */
.fx_footbtn {position:fixed;bottom:0;left:0;right:0;width:100%;z-index:999;background: #212121;color:#fff !important;font-size:1em;}
.fx_footbtn ul {width:100%;}
.fx_footbtn ul li {float:left;width: 50%;box-sizing:border-box;}
.fx_footbtn ul li.bd_color {border-left: 1px solid #545454;/* border-right: 1px solid #3d3d3d; */box-sizing:border-box;}
.fx_footbtn ul li a {display:block;text-align:center;height:48px;line-height:48px;box-sizing:border-box;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 600;font-family: 'Montserrat','Noto Sans KR',sans-serif;}
.fx_footbtn ul li a:hover {text-decoration:underline;}
.fx_footbtn ul li a span {display:inline-block;width:30px;height:30px;vertical-align:middle;margin:0 4px 4px 0;}
.fx_footbtn ul li a .stem01 {background:url('/resource/image/mobile/btn/f_menu_01.png') center no-repeat; background-size:1.7em;}
.fx_footbtn ul li a .stem02 {background:url('/resource/image/mobile/btn/f_menu_03.png') center no-repeat; background-size:1.7em;}
.fx_footbtn ul li a .stem03 {background:url('/resource/image/mobile/btn/f_menu_05.png') center no-repeat; background-size:1.7em;}

/* right menu */
.qukgrp02 {position:fixed;bottom:60px;right:10px;z-index:900;}
.qukgrp02 li {width:50px;height:50px;line-height:50px;cursor:pointer;text-align:center;font-weight:bold;
font-family: 'Noto Sans', sans-serif;background:#c09f80;color:#fff;opacity: 0.7;}
.qukgrp02 li:hover {transition:background 250ms ease-in-out;}


/* Tablet Device에는 이 코드가 실행됨 ------------------------------------------------------------------  */
@media all and (min-width : 768px) and (max-width : 1024px) {
/* 공통_Tablet */
body {background:#fff;/* font-size:1em; */line-height:150%;}

.arttit_box h2 {width:24% !important;margin:0 auto;position:relative;}
.arttit_box h2 img {display:inline-block; width:100%;}
.ab_txt {text-align:center; }
.ltter_sp {font-size:1.2em !important;padding-bottom:13px !important;}

.line_lbg {height:60px;background:url('/resource/image/user/bg/bg_lnbottom.png') top right no-repeat;}
.line_rbg {margin-top:9%;height:60px;background:url('/resource/image/user/bg/bg_lntop.png') bottom left no-repeat}

/* nav_Tablet */
.snav01 .tmenu > a {font-size:1.15em;}
.depth_nav > .dmenu a {display:block;height:35px;line-height:35px;color:#000000;padding:2px 0 2px 0;font-size:1.15em;}

/* 메인 공통 css_Tablet */

/* 메인 슬라이더 텍스트*/
.center_bx {position:absolute;top:0;width:100%;text-align:center;z-index:600;color:#fff;}
.center_bx .main_title {color:#fff;font-size:3em;font-weight:400; letter-spacing:1px; font-family: 'Quicksand', San-serif; text-shadow:#333 1px 2px 2px;}
.center_bx p {font-size:1.5em; padding-top:8px; text-shadow:#333 1px 2px 2px; line-height:100%;color:#fff; letter-spacing:1px; }

/* m_article01_Tablet */
.m_txtfix {width:65%;margin:0 auto;}
.m_txtfix p {font-size:1.15em;}

.index_reser { margin-top:80%;}

.m_article01 .m_img_box {width:80% !Important;}

/* article02_Tablet */
.m_article02 .m_main_txt02 { width:100%; margin:0 auto;}
.m_article02 .m_img_box {width:80% !Important;}


/* footer_Tablet */
.fx_footbtn ul li a {font-size:1.2em;}
.fx_footbtn ul li a span {margin:0 12px 4px 0 !important;}
.fx_footbtn ul li a .stem01,
.fx_footbtn ul li a .stem02,
.fx_footbtn ul li a .stem03 {background-size:1.3em;}

/* 메인화면 팝업_Tablet */
.popwrap_main {margin-top:-33%;}
.popwrap_main {position:fixed;top:50%;left:50%;margin-top:-27%;margin-left:-36%;width:70%;border-radius:0;padding:5px;background:#666;}

}

/* 서브 레이아웃 --------------------------------------------------------------------- */

/* contants */
.contents {position:relative;padding: 20px 20px 70px 20px;min-height:320px;*zoom:1;font-size:1em;line-height:150%;color:#777;box-sizing:border-box;}
.contents:after {display:block; content:''; clear:both; }

.p_smny {font-size:1.05em;line-height:150%;padding:10px 0 10px 0 !important;}



/* 상단 이미지 */
.s_topimg {position: relative;display: block;min-height: 130px;margin: 0 auto;background-image:url('/resource/image/user/pic/sub_top.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;}
.s_topimg img {width:100%;vertical-align:top;}

/* 서브 하단 객실 슬라이드 */
.our_rgrp {padding:25px 5px;/*padding:20px;*/background:#eee}
.list_room:after {display:block;content:'';clear:both;}
.list_room li {width:33.3%;float:left;/* width:100%;  */padding:0 3px;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}

.list_room li span {display:block;}
.list_room li .imgbox img {width:100%;vertical-align:top;}
.list_room li .tit {font-size:1em;font-weight:bold;text-align:center;width:100%;height:28px;line-height:30px;background:#7A868C;color:#eee;}
.list_room li:hover .tit {font-weight:bold;color:#fff;text-decoration:underline;}

/* 서브 탑 타이틀 */
.subtitbox {position: relative;text-align:center;letter-spacing:1px;margin-bottom: 7px;}
.ltitle_s {font-size: 0.7em;color:#9d9d9d;letter-spacing:2px;text-align:center;padding: 5px 0px 15px 0px;text-transform: uppercase;}
.ltitle_bar{width:35px;height:1px;background:#e6e4e6;margin: 10px auto;margin-bottom: 0;}

/**/
.mpup_grp {top:40%;left:49%;margin:-10% 0 0 -40%;position:fixed;width:80%;border:3px solid #222;background:#fff;z-index:5000}
.mpup_box {padding:20px 20px 14px 20px;font-size:1em;}
.mpup_box li {padding-bottom:5px;}

.mpup_grp .btn_grp li {float:left;width:50%;color: #fff;background:#222;}
.mpup_grp .btn_grp li:first-child {border-right:1px solid #333;box-sizing:border-box;color:#fff;}
.mpup_grp .btn_grp li a {display:block;width:100%;height:40px;line-height:43px;text-align:center;font-size:1.2em;}
.mpup_grp .btn_grp li a:hover {background:#444}

/* 다국어 팝업박스 */
#wrap .pop_none_box {display: none;position:fixed;margin:0 0 0 -40%;top:40%;left:49%;width:80%;background:#fff;border:4px solid #363843;z-index: 2000;}
.popCtn1 { width:200px; padding:13px 0; margin:0 auto; }
.popCtn1 ul li {  width:90px; text-align:left; margin:0 auto; font-size:13px;  }
.popBtn2 { width:100%; height:35px; background:#363843; }
.popTitle li a {display:block;width: 100%;height:35px;line-height:38px;text-align:center;font-weight:bold;font-size:15px;}

.bx-prev, .bx-next {display: block;width: 40px;height: 40px;}
.tb_floor td {padding:9px 15px;border-bottom:1px solid #eee;}

/* 메인화면 팝업 */
.s_bg_wrap {position:fixed; width:100%; height:100%;top:0;left:0; background:url('/resource/image/user/bg/SBgWrap.png') repeat;z-index:1000;}

.popwrap_main {position:fixed;top:50%;left:50%;margin-top:-22%;margin-left:-41.5%;width:80%;border-radius:0;padding:5px;background:#81d8cf;}
.popwrap_main > img {vertical-align:top;width:100%;}
.popwrap_main > .popbox_grp {position:relative;}

.btn_pop_close02 {position:absolute;top:-60px;left:50%;margin-left:-25px;display:block;width:45px;height:45px;border-radius:100px;
background:#333;background:url('/resource/image/user/btn/btn_popclose.png') no-repeat;background-size:3.5em;}

/* 공지사항 리스트 */
.notice_list {border-top: 1px solid #000;letter-spacing:-0.7px;}
.notice_list:after {display:block;content:'';clear:both;}
.notice_list li {height:50px;border-bottom:1px solid #ddd;}
.notice_list li a {display:inline-block;float:left;width:70%;height:50px;line-height:50px;font-size:1.05em;font-weight:500;color:#333;text-align:left;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;}
.notice_list li a:hover {font-weight:bold;text-decoration:underline;}
.notice_list li span {display:inline-block;float:right;height:50px;line-height:50px; font-size:110%;color:#999;}

.non{text-align: center; padding: 40px 0 !important; color: #000; font-size: 18px; font-weight: 500;}

.tour_link:hover {background:#968622;color:#fff;transition:background 250ms ease-in-out;}
.tour_link {display:block;text-align:center;width: 140px;height: 34px;line-height: 34px;font-weight: bold;border:1px solid #999;-webkit-border-radius:50px;border-radius:50px;color:#968622;}
.tour_list p.con {line-height:150%;min-height: 60px;height: 60px;/* margin-bottom: 15px; */overflow: hidden;text-overflow: ellipsis;}

/* 우측 예약 버튼 */
.qukgrp2 {position:fixed;bottom: 130px;right:10px;z-index: 3000;}
.qukgrp2 li {margin-bottom:12px;}
.qukgrp2 li.reserve  {width: 80px;height: 80px;}
.qukgrp2 li.reserve a {display: block;border-radius:200px;-webkit-border-radius:200px;width: 80px;height: 80px;text-align:center;font-family:'Muli';background: url('/resource/image/user/icon/reserv_icon.gif') #fff top 8px center no-repeat;color: #9c9c9c;background-size: 3em;padding-top: 45px;box-sizing: border-box;font-weight: bold;-webkit-box-sizing: border-box;border: 2px solid #eaeaea;letter-spacing: -0.3px;}
.qukgrp2 li.reserve a:hover {background: url('/resource/image/user/icon/reserv_icon2.gif') #eaeaea top 8px center no-repeat;background-size: 3em;transition:background 300ms ease-in-out;}

/* 달력 */
div.ui-datepicker.ui-datepicker-multi { clear:both;width:200px !important; height:225px !important;overflow: hidden;   top:0 !important;  left: 0 !important;   margin-left: 0 !important;}
div.ui-datepicker.ui-datepicker-multi .ui-datepicker-group{float: left;width: 200px;height: 225px;margin: 0 auto;margin-bottom: 50px;}

.kakao_btn{width:50px; height:50px; box-sizing:border-box; background-image:url(/resource/image/user/btn/kakao_talk.png); background-size:100%; background-position:center;
background-repeat:no-repeat;display:block; position:fixed; bottom:80px; right:20px; box-shadow:1px 1px 3px rgba(0,0,0,0.45); border-radius:50%; z-index:500;}

.instar_btn{width:50px; height:50px; box-sizing:border-box; background-image:url(/resource/image/user/btn/instar_icon.png); background-size:100%; background-position:center;
background-repeat:no-repeat;display:block; position:fixed; bottom:140px; right:20px; box-shadow:1px 1px 3px rgba(0,0,0,0.45); border-radius:50%; z-index:500;}







/* homepage ver02 */

/* scroll */
/* 스크롤 */
::-webkit-scrollbar { width: 5px; height:5px;} /* 스크롤 바 */
::-webkit-scrollbar-track { background-color:#ddd; } /* 스크롤 바 밑의 배경 */
::-webkit-scrollbar-thumb { background: #999; } /* 실질적 스크롤 바 */
::-webkit-scrollbar-thumb:hover { background: #404040; } /* 실질적 스크롤 바 위에 마우스를 올려다 둘 때 */
::-webkit-scrollbar-thumb:active { background: #808080; } /* 실질적 스크롤 바를 클릭할 때 */
::-webkit-scrollbar-button { display: none; } /* 스크롤 바 상 하단 버튼 */

/* 헤더 */

/* header */
#header {position: fixed;top: 0;left: 0;width:100%;height: 60px;box-sizing:border-box;z-index:2999;background: #fff;object-fit: cover;}
#header a.go_home {float:left;display:inline-block;width:49px;height:50px;background:#fff;margin-right:15px;text-align:center;font-size:1.9em;color: #2d6377;}

/* .goog-te-gadget-simple{font-size:15px !important; font-weight:400; color:#000; border:0 !important;} */
/* .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span{border:0 !important; color:#000 !important;} */
/* .goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span:last-child{margin-right:0;} */
/* .goog-te-gadget img{display:none;} */



.logo{display:block; width:180px; margin:0 auto; }
.logoimg {vertical-align:top;width:100%;}

.top_btn {position:absolute;top:0px;right: 14px;width: 21px;height: 60px;box-sizing:border-box;cursor:pointer;text-align:  center;display:flex;flex-direction:row;align-items:center;justify-content: center;}

.lang_btn1 {position:absolute;display:block;top:0px;right: 0;width:60px;height:60px;line-height: 90px;background: url(/resource/image/user/icon/reser_icon02.png) center 12px no-repeat; background-color: #687280; background-size: 1.7em;text-transform:uppercase;letter-spacing: -0.5px;color: #fff;text-align: center;font-size: 0.8em;font-family: 'Montserrat','Noto Sans KR',sans-serif;font-weight: 700;}


.hd_menu_box{width:100%; height:60px; background-color:#fff; display:flex; flex-direction:row; align-items:center;justify-content: space-between; padding:12px; box-sizing:border-box;z-index;1;
position:relative; border-bottom:1px solid #e6e9ef; position:fixed; top:0; left:0;}
.m_icon_wrap {display: flex; flex-direction: row;}
.hd_lobobox {width:30px; margin-left:5px;}
.hd_lobobox2 {width:29px; margin-left:20px;}
.menu_close_btn{display:block;width: 50px;height:60px;display:flex;flex-direction:row;align-items:center;justify-content: center;position:absolute;top:0;right:0;}
.menu_close_btn img{width: 20px;}
.login_btn_wrap {
    width: 100%;
    height: 70px;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 20px;
    box-sizing: border-box;
    position: fixed;
    top: 60px;
    left: 0;
    gap: 15px;
}
.m_log_btn_a {width:100%;}
.m_log_btn {
    border: 1px solid #d4d6d9;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #323338;
    width: 100%;
    height: 40px;
    text-align: center;
    line-height: 40px;
}


/* .header_line02{width:1px; background-color:#eee; height:100%; position:absolute; top:0px; left:423px;} */
.center_div{width:100%; margin:0 auto; position:relative;}

.reserve_box {height: 55px;}
.reserve_box_btn{width: 100%; background-color: #437855; height: 100%;display: flex;flex-direction: column;color: #fff;justify-content: center;align-items: center;font-size: 20px;font-weight: 600;}

/* 예약조회 및 구글번역 */
.top_right_btngrp{display:flex; flex-direction:row; align-items:center; position:absolute; top:45px; right:100px;}
.ask_btn{display:inline-block; padding:5px 13px; background-color:#a37a50; color:#fff; font-size:15px; font-weight:400; border-radius:4px;}
.right_btn_line{width:1px; height:17px;margin:0 11px; background-color:#666;}


/* 메뉴 */
.menu_cont_div{width:100%; display:flex;; flex-direction:row; width:100%;}
.logo_box{width:165px;height:60px;display: flex; flex-direction: column;justify-content: center; margin-top:30px;}
.logo{display: inline-block;width: 180px;height: 40px;float: left;margin: 10px 0 0 15px;}
.logo img{height: 100%;object-fit: cover;}

.menu_box{width:calc(100% - 165px); box-sizing:border-box; border-left:1px solid #eee;}
.menu_ul{display:flex; flex-direction:row;width:calc(100% - 130px);padding-top:30px;}
.menu_list{}
.menu_btn{font-weight:600;font-size: 17px;color: #323338;display:flex;flex-direction:column;justify-content: center;width:50%;height: 60px;padding: 0  15px 0 25px;box-sizing:border-box;line-height: 140%;}


.sub_menu_ul{width:100%;display:flex;flex-direction:column;}
.sub_menu_list{width:100%;vertical-align: middle;display: table;}
.sub_menu_btn{width:100%;font-weight: 500;font-size: 16px;color: #323338;transition:0.3s;font-family: pretendard;display: table-cell;box-sizing:border-box;text-align: left;line-height: 140%;vertical-align: middle;padding: 12px 12px;}
.sub_menu_btn:hover{font-weight:500;}

/* 예약바 */
.reser_cont_barbox{width:100%; display:flex; flex-direction:column; position:absolute; bottom:100px; left:0;}
.reser_date_bar{width:100%; margin:0 auto; background-color:#fff; border-radius:15px; display:flex; flex-direction:row; height:70px; position:relative;}
.reser_date_tbox01{width:675px; display:flex; flex-direction:row; align-items: center;  padding-left:40px; box-sizing:border-box;}
.reser_date_selcetbox{display:flex; flex-direction:row; align-items:center;}
.reser_date_selcetbox .reser_date_inp{width:auto; border:0; outline:none; font-size:27px; font-weight:700;color:#000;max-width:156px;}
.reser_date_selcetbox .reser_date_tit03{margin-right:14px;}
.reser_date_tbox_line{width:8px; height:3px; background-color:#000; margin:0 20px;}


.reser_date_tit02{font-size:14px;font-weight: 500;font-family: 'Pretendard';color:#000;}
.reser_date_tit03{font-size: 17px;font-weight: 600;color:#000;letter-spacing: -0.5px;}
.reser_date_tit04{font-size: 14px;font-weight: 500;color: #fff;background: #323338;border-radius: 50%;width: 33px;height: 33px;text-align: center;line-height: 240%;}
.reser_date_tbox02{ display:flex; flex-direction:row; align-items:center; width:calc(100% - 867px); padding-right:37px; box-sizing:border-box;}
.reser_date_tbox .reser_date_tit01{color:#666;font-size: 11px;font-weight:600;margin-right:12px;}
.reser_date_tbox04{width:195px;}
.reser_date_btn{width:100%; background-color:#a37a50; height:100%;display:flex; flex-direction:column;  color:#fff;justify-content: center;
    align-items: center; font-size:22px; font-weight:500;letter-spacing:-0.4px; border-radius:0 15px 15px 0;}
    
.reser_select_tbox{display:flex; flex-direction:row;align-items: center; width:100%;}

/* 달력선택 */
.reser_calendar_box{width:calc(100% - 40px);  background-color:#fff; padding:26px 0px; box-sizing:border-box; position:absolute; top: 230px; left:50%; transform:translateX(-50%);
z-index:5001;  box-shadow: 2px 4px 8px 0px #29343929;display:block; max-height: 403px; overflow-y: auto;}
.reser_calendar_cont01{display:flex; flex-direction:row;width:calc(100% - 320px); padding:10px 50px;box-sizing:border-box;}
.reser_calendar_numbox {width:100%; margin-right:50px;}
.reser_calendar_numbox:last-child{margin-right:0;}
.reser_calendar_hd{width:100%; display:flex; flex-direction:row; align-items:center; justify-content: center; margin-bottom:10px; position:relative;}
.reser_calendar_hd .calendar_move_btn{position:absolute;}
.reser_calendar_hd .calendar_prev_btn{left:0;}
.reser_calendar_hd .calendar_next_btn{right:0;}
.calendar_move_btn{display:flex;flex-direction:row; align-items:center; width:28px; height:28px;}
.calendar_move_btn img{width:15px;}
.calendar_title{font-size:22px;}
.reser_calendar_th{text-align:center; padding:10px; font-weight:700; font-size:15px;}
.reser_calendar_td{text-align:center; padding:7px; font-weight:500; font-size:15px; color:#666; cursor:pointer;border:1.5px solid #fff;}
.td_select{background-color:#a37a50; color:#fff;}
.reser_calendar_tb tr .reser_calendar_th:first-child{color:#a37a50;}
.reser_calendar_tb tr .reser_calendar_td:first-child{color:#a37a50;}



.reser_calendar_cont02{width:100%; display: block;}
.select_btn_grp{padding: 0 40px;box-sizing:border-box;}
.select_btn_tbox{display: flex;flex-direction:row;justify-content: space-between;align-items:center;margin-bottom: 23px;}
.select_btn_tit{font-size: 17px;font-weight:500;color:#000;}
.select_btn_numbox{width: 105px;display: flex;flex-direction:row;align-items:center;justify-content: space-between;}
.select_btn{width: 25px;height: 25px;display: flex;flex-direction:row;align-items:center;justify-content: center;border:1px solid #bababa;font-size: 14px;font-weight:700;}
.select_btn02 {font-size: 16px;font-weight: 600;padding: 9px 20px;border-radius: 8px;color: #fff;background-color: #323338;display: block;text-align: center;}
.select_btn_num{font-size:14px; font-weight:700;}
.sub_info_txt{font-size: 16px;font-weight: 500;color: #666; line-height: 150%;}



/* 메인 슬라이더*/
.section01{width:100%; height:calc(100vh - 40px); padding-top:90px;;box-sizing:border-box;}
.full_slider {position:relative; height:calc(100vh - 40px); margin:0 auto; overflow: hidden; box-sizing:border-box;}
.full_slider img {display:block; width:100%; vertical-align:top; filter: brightness(.65);}

.full_slider .center_bx01 {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center; z-index:5000; color:#fff; text-shadow: 0 1.3px 6px rgba(0,0,0,0.3);}
.full_slider .center_bx01 .visual_txt_title {font-weight: 300; font-size: 4.5em; padding-bottom: 20px;}
.full_slider .center_bx01 .visual_txt02 {font-size: 18px; font-weight: 200;}

.reser_bottom_btn_box{width:100%;box-sizing:border-box;padding:20px;display:flex;flex-direction:row;align-items:center;gap:20px;}

.reser_bottom_btn{width:100%;display:flex;flex-direction:row;align-items:center;text-align:center;justify-content: center;font-size: 19px;height:55px;background: #437855;font-weight: 500;color: #fff;}
.reser_bottom_btn02{}


/* 기본 메인 타이틀 */
.content_section{padding: 43px 20px;box-sizing:border-box;width:100%;letter-spacing:-0.2px;}
.section_calendar{padding:15px 20px 40px; position: relative;}
.content_main_title{font-size:24px;margin-bottom: 10px;font-weight: 700;letter-spacing: -0.5px;}
.content_main_txt{font-size: 18px;font-weight: 500;font-family: 'Pretendard';}

.square {
  width: 50%;
  position: relative;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 0;
/*   padding-bottom: 100%; */
}

.visual .inner {position: absolute;top: 21%;left: 22px;width: 85%;}
    
.visual .inner .slide_txt_tit{
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 1px 1px 10px #676767;
    line-height: 140%;
}
.visual .inner .slide_txt_sub{
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-top: 10px;
    text-shadow: 1px 1px 10px #676767;
}

.mobile_slider{/* padding: 0 20px; */}

/* content_section01 Special Offers*/
.offer_listbox{width:100%;margin-top: 10px;}
.offer_listbox .inner {}
.offer_list_ul{width:100%; display:flex; flex-direction:row;}
.offer_list_li{width:100%;cursor:pointer;}
.offer_list_img{width:100%;height: auto;background-color: #fff; min-height:180px;}
.offer_list_img img{width:100%;height: 100%; min-height:180px;}

.offer_list_tbox{border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 25px 16px 20px;}
.offer_list_tit{font-size: 19px;color: #323338;font-weight: 700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family: 'Pretendard';}
.offer_list_line{margin:10px 0;width:100%;background-color: #dcdfec;height:1px;}
.offer_list_txt{color:#666;letter-spacing:-0.2px;font-weight: 500;font-size: 15px;}

/* content_section02 Rooms*/

.rooms_listbox{width:100%;margin-top: 5px;}
.rooms_listbox .inner {}
.rooms_list_ul{width:100%; display:flex; flex-direction:row;}
.rooms_list_li{width:100%;cursor:pointer;}
.rooms_list_img{width: 100%;height: auto;background-color: #fff;  /*height: 210px;*/}
.rooms_list_img img{width:100%;height: 100%; min-height: 180px;}

.rooms_list_tbox{width:100%;margin-top: 15px;}
.rooms_list_tit{font-size: 20px;color: #323338;font-weight: 700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-bottom: 9px;font-family: 'Pretendard';padding-top:20px;}
.rooms_list_line{margin:10px 0; width:100%; background-color:#999; height:1px;}
.rooms_list_txt{color: #323338;letter-spacing:-0.2px;font-weight: 500;font-size: 17px;line-height: 142%;}
.room_dbtn_box {width: 160px;height: 43px;background-color: #ffffff;margin: 0 auto;margin-top: 30px;border: 1px solid #437855;display: flex;justify-content: center;align-items: center;}
.room_dbtn_box .room_dbtn {font-size: 16px;font-weight: 600;/*color: #437855;*/}

/* content_section03 Facility*/
.facility_listbox{width:100%;margin-top: 5px; }
.facility_listbox .inner {}
.facility_list_ul{width:100%; display:flex; flex-direction:row;}
.facility_list_li{width:100%;cursor:pointer;}
.facility_list_img{width:100%;height: auto;background-color: #fff; /*height: 210px;*/ }
.facility_list_img img{width:100%;height: 100%;min-height: 180px; }

.facility_list_tbox{width:100%;margin-top: 20px;}
.facility_list_tit{
    font-size: 20px;
    color: #323338;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 6px;
    font-family: 'Pretendard';
}
.facility_list_line{margin:10px 0; width:100%; background-color:#999; height:1px;}
.facility_list_txt{ color: #323338; letter-spacing: -0.2px; font-weight: 500; font-size: 17px; line-height: 142%; margin-bottom: 17px;}
.fac_tbox_line{width: 100%; height: 1px; background-color: #437855;}

.circle_count_box{display:flex; flex-direction:row; align-items:center;    justify-content: center; gap:8px; margin-top:40px;}
.circle_count_li{width:10px;height:10px; background-color:#999; border-radius:50%;}
/* .circle_count_li.active{background-color:#ff0000;} */

.view_more_btn_box{margin-top:40px;display:flex; flex-direction:row; align-items:center;    justify-content: center;}

.view_more_btn{display:inline-block; padding:4px 8px; font-size:15px; font-weight:500; border-radius:100px;}

/* content_section02 Rooms */
.room_bg {position: relative; background-color: #fff; margin-top:20px;}
.room_bg::before { content: ''; position: absolute; top: 0; right: 0; left: 0; display: block; width: 100%; height: 330px; background-color: #f7f7f7;  z-index: 0;} 
    
.content_section02{padding:0; background-image:url('/resource/image/user/ver02/bg/m_main_room_bg.png'); background-size:100%; background-repeat:no-repeat; background-position:top; background-color:#000;}
.content_section02 .center_div{padding:0 20px; box-sizing:border-box; padding-top:70px;}
.content_section02 .room_search_box02{padding-right:20px; box-sizing:border-box;}
.content_section02 .content_main_title{color:#fff;}
.content_section02 .content_main_txt{color:#fff;}
.room_search_box{width:100%;}
.room_search_btnbox{width:100%; margin:0 auto;}
.room_search_ul{width:100%; display:flex; flex-direction:row; margin-top:50px; margin-bottom:20px;}
.room_search_li{width:100%;}
.room_search_btn_box{width:100%;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
    
.room_search_btn{color:#fff;display:inline-block; transition:0.3s; font-size:20px; letter-spacing:-0.4px; font-weight:400;    }
.room_search_btn:hover{color:#a37a50;}/* opacity:1; */
.room_search_btn.active{color:#a37a50;}/* opacity:1; color:#a37a50; */

.room_search_box02{display:flex; flex-direction:row;    align-items: flex-end;}
.room_imgbox{width:100%; background-color:#eee; height:280px;}
.room_imgbox img{width:100%; height:280px;}
.room_imgbtnbox{width:100%;}
.room_imgbtn{display: flex;flex-direction: row;align-items: center; justify-content: center;text-align:center; background-color:#a37a50; color:#fff; box-sizing:border-box;
 font-size:20px; letter-spacing:-0.4px; font-weight:500; height:55px;}
 .room_search_arrow_btn{color:#fff;  margin:0 auto; transition:0.3s; font-size:20px; letter-spacing:-0.4px; font-weight:400;     }

/* content_section03 DINING */
.content_section03{padding:70px 20px;}
.dining_img_ul{display:flex; flex-direction:row; align-items:center; width:100%; margin-top:40px;}
.dining_img_li{margin-right:50px;}
.dining_img_btn{color:#000000;display:inline-block; font-size:20px; letter-spacing:-0.4px; font-weight:400; padding:10px 0;box-sizing:border-box;}
.dining_img_btn.active{color:#a37a50;}

.dining_img_morebox{width:100%; display:flex; flex-direction:row; align-items: center;justify-content: space-between;margin-top:30x;}
.dining_img_moretxt{font-size: 15px;font-weight: 300;}
.dining_img_morebtn{font-size:15px; color:#a37a50; display:flex; flex-direction:row; align-items: center;}
.dining_img_viewtxt{display:inline-block; font-weight:700;}
.dining_img_viewtxt_arrow{padding-left:10px;box-sizing:border-box; height:14px;}
.dining_img_box{width:100%; display:flex; flex-direction:row; margin-top:15px;}
.dining_cont_img{ width:100%;}
.dining_img{ background-color:#eee; width:100%; margin-top:20px;}
.dining_img img{width:100%; }
.dining_arrow_btnbox{width:200px;display:flex; flex-direction:column;align-items: flex-end;justify-content: center;}
.dining_arrow_btn{display:inline-block; width:110px;}


/* content_section04 Facilities */
.content_section04{background-color:#fafafa;overflow:hidden}

.fac_listbox{width:100vw;margin-top:20px;overflow:hidden; overflow-x:auto; padding-bottom:40px;}
.fac_list_ul{width:2100px; display:flex; flex-direction:row; gap: 30px;}
.fac_list_li{width:300px;}
.fac_list_img{width:100%; ; background-color:#eee;   }
.fac_list_img img{width:100%; }

.fac_list_tbox{width:100%; margin-top:25px;}
.fac_list_tit{font-size:17px; color:#000; font-weight:600; margin-bottom:15px;}
.fac_list_morbox{width:100%; display:flex; flex-direction:row; align-items:center;justify-content: space-between;}
.fac_list_txt{color:#000; font-weight:300; font-size:15px; width:calc(100% - 115px);overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}


/* Community */
.content_section05{padding:50px 0px;}
.content_section05 .content_main_tbox{padding:0 20px; box-sizing:border-box;}
.content_section05 .comm_img_grp{padding:0 20px; box-sizing:border-box;}
.comm_img_scroll_box{width:100%;overflow-x:auto; padding-left:20px;box-sizing:border-box;}
.comm_img_ul{display:flex;flex-direction: column;width:100%;margin-top: 25px;gap: 17px;padding-bottom: 10px;flex-wrap: wrap;}
.comm_img_li{background-color: #fff;padding: 25px 20px 15px 20px;box-shadow: 1px 3px 10px rgb(0 0 4 / 15%);border-radius: 14px;border: 1px solid #f5f5f5;position: relative;}
.comm_img_li:hover {background:#fafafa; cursor: pointer;}
.comm_img_li .commIcon01 {width: 50px;height: 50px;background-image:url('/resource/image/user/ver02/icon/icon_notice.svg');background-repeat:no-repeat;background-position:center;}
.comm_img_li .commIcon02 {width:50px;height:50px; background-image:url('/resource/image/user/ver02/icon/icon_faq.svg'); background-repeat:no-repeat; background-position:center;}
.comm_img_li .commIcon03 {width:50px;height:50px; background-image:url('/resource/image/user/ver02/icon/icon_gallery.svg'); background-repeat:no-repeat; background-position:center;}
.comm_img_li .commIcon04 {width:50px;height:50px; background-image:url('/resource/image/user/ver02/icon/icon_contact.svg'); background-repeat:no-repeat; background-position:center;}
.comm_img_btn{color: #323338;display: inline-block;font-size: 20px;letter-spacing: -0.2px;font-weight: 700;box-sizing:border-box;position: absolute;top: 24%;left: 80px;}
.comm_img_ebtn{color: #666;display:block;font-size: 16px;letter-spacing: -0.2px;font-weight: 600;box-sizing:border-box;position: absolute;top: 45%;left: 82px;}
.comm_img_viewtxt{display:inline-block;font-weight: 500;color:#437855;font-size: 15px;float: right;margin-top: 6px;}
.comm_img_li:hover .comm_img_viewtxt{color:#323338;}
.comm_img_li:hover .comm_img_btn{font-weight:700;}


.comm_img_morebox{width:100%; display:flex; flex-direction:row; align-items: center;justify-content: space-between;margin-top:40px;}
.comm_img_moretxt{font-size: 18px;font-weight: 400;}
.comm_img_morebtn{font-size:15px; color:#437855; display:flex; flex-direction:row; align-items: center;}
.comm_img_viewtxt_arrow{padding-left:10px;box-sizing:border-box; height:14px;}
.comm_img_box{width:100%;display:flex;flex-direction:row;margin-top:30px;}
.comm_cont_img{width: 100%;}
.comm_img{background-color:#eee;height: 290px;width: 100%;}
.comm_img img{
    object-fit: cover;
    width: 100%;
    height: 290px;
}
.comm_list_contbox{width:calc(100% - 740px); padding:10px 0 10px 0; box-sizing:border-box;}
.comm_list_morbox{width:100%; display:flex; flex-direction:row; align-items:center;justify-content: space-between;margin-bottom:25px;}
.comm_list_tit{font-size:23px; color:#000; font-weight:500; width:calc(100% - 115px);overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.comm_list_ul{width:660px;display:flex; flex-direction:column; padding:25px 20px;display:flex; width:100%; border-top:1px solid #999; border-bottom:1px solid #999; box-sizing:border-box;
height:330px; overflow-y:auto;}
.comm_list_ul01{flex-direction:column;width:100%;}

.comm_list_li{width:100%;border-bottom:1px solid #f1f1f1; cursor:pointer; transition:0.3s;}
.comm_list_li:hover{background-color:#f6f6f6;}
.comm_list_li:first-child{border-top:1px solid #f1f1f1;}
.comm_list_cont{display:flex; flex-direction:row;    justify-content: space-between; padding:15px 0;}
.comm_list_type_box{display:flex; flex-direction:row;    align-items: center;}
.comm_list_statebox{padding:3px 4px; border:1px solid #000; box-sizing:border-box; font-size:12px; margin-right:12px;}
.comm_list_type_tit{font-size:16px;}
.comm_list_date_tit{color:#666;font-weight:300; margin-right:15px;}
.comm_list_date_arrow{width:15px; height:15px; background-image:url('/resource/image/user/ver02/icon/down_arrow.png'); background-repeat:no-repeat; background-position:center; background-size:8px;}
.comm_list_cont_sub{display:none;}

.comm_list_ul02{padding:25px 0;}
.comm_list_ul02 .comm_list_li{padding:0 20px; box-sizing:border-box;}
.comm_list_gallery_box01{width:200px; height:130px; background-color:#eee;}
.comm_list_gallery_box01 img{width:200px; height:130px;}
.comm_list_gallery_box02{width:calc(100% - 200px);padding:10px 0; padding-left:20px; box-sizing:border-box;}
.comm_list_ul02 .comm_list_type_tit{margin-bottom:10px;}
.comm_list_type_txt{     overflow: hidden; width:100%;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}


/* Location */
.content_section06{position:relative;}
.content_section06_bg{width:100%;height:45vw;background-color: #437855;position:absolute;top:0;left:0; /*height:220px; */ }
.content_section06 .center_div{z-index:2;}
.section_mapbox{width:100%;}
.section_map{width:100%; background-color:#000; height:50vw; margin-bottom:30px; min-height: 180px; /*height:250px;*/ }
.hotel_info_ul{width:100%;display:flex;flex-direction: column;}
.hotel_info_li{
    padding: 5px 0;
}
.hotel_info_li:last-child{margin-right:0;}
.hotel_info_tit{font-size:15px; margin-bottom:10px;}
.hotel_info_txt{font-family: 'Pretendard';font-size: 16px;font-weight: 500;line-height: 150%;}
.section_map_tbox{width:100%;}
.section_map_ul{display:flex; flex-direction:column; margin-top:50px;}
.section_map_li{display:flex; flex-direction:row; align-items:center;border-bottom:1px solid #ddd;padding:15px 0;}
.section_map_li:last-child{border-bottom:0; }
.section_map_tit{font-size:18px; color:#666; width:170px; font-weight:400;}
.section_map_txt{color:#000;font-size:18px;}



/* footer */
#footer {position:relative;width:100%;padding: 20px;background: #fff;border-top:1px solid #ccc;box-sizing: border-box;}
.frrow {position:absolute;top:-37px;width:100%;height:38px;margin:0 auto;
background:url('/resource/image/user/icon/con_arrow.png') center no-repeat;}

.copy {position:relative;width: 100%;margin:0 auto;text-align:center;padding-top:70px;}
.copy .btn_top {
    position: fixed;
    bottom: 86px;
    right: 20px;
    width: 47px;
    height: 47px;
    background-color: #323338;
    font-family: 'Pretendard',sans-serif;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    z-index: 9999;
    font-weight: 400;
    color: #fff;
    border: 0;
    }

.copy .bc_box {padding: 0 0 15px 0; color: #323338; text-align:left;font-size: 14px;}
.copy .bc_box a {display:inline-block;letter-spacing:-1px;}
.copy .bc_box a:hover {color:#ccc;}
.bc_box > h2{font-size:20px; color:#fff; margin-bottom:40px; display:block;}

.bc_box_tbox{display:flex;flex-direction:column;}
.bc_box_grp{display:flex;flex-direction:row;gap: 5px;align-items:center;}
.copy .bc_box p {font-size:15px;font-weight: 500;}
.copy .bc_box em{font-size:15px; font-weight:300;}

.bc_box_grp:last-child{margin-right:0;}

.copy2{position:relative;width: 100%;margin:0 auto;padding-top: 40px;padding-bottom:55px;font-size: 14px;display:flex; flex-direction:row; align-items:center;
justify-content: space-between;}

.copy2 address {display:inline-block;font-size: 13px;color: #fff;font-weight:300;}
.copy2 .copy2_pop_box{display:flex; flex-direction:row; align-items:center; gap:10px;}  

.copy2 a , .copy2 em {display:inline-block; font-size:15px; font-weight:300; color:#fff;}

/* 하단 호텔 정보 */
.foot_info {color:#fff;font-size:14px;line-height:220%;}
.foot_info span {display:inline-block;height:25px;vertical-align:middle;line-height:100%}
.foot_info span em {display:inline-block;width:25px;height:25px;vertical-align:middle;padding:0 7px;}
.foot_info span.mg_num {margin:0 10px}

/* 하단 sns */
.foot_sns {position: relative;text-align: right;padding-right: 5px;}
.foot_sns li {display:inline-block;width: 40px;height: 40px;}
.foot_sns li {*float:left;/*ie7*/}
.foot_sns li.sns_con00 {background:url('/resource/image/user/icon/icon_blog.png') center no-repeat;}
.foot_sns li.sns_con01 {background:url('/resource/image/user/icon/icon_facebook.png') center no-repeat;}
.foot_sns li.sns_con02 {background:url('/resource/image/user/icon/icon_twitter.png') center no-repeat;}
.foot_sns li.sns_con03 {background:url('/resource/image/user/icon/icon_insta.png') center no-repeat;}
.foot_sns li a {display:inline-block;width: 27px;height: 42px;}

.by_text {display:inline-block;width:100px;color:#84858a;font-weight:bold;font-size:11.5px;float:right;letter-spacing:1px;}
.by_text:hover {color:#ccc;transition:color 250ms ease-in-out;}



/* 서브 레이아웃 --------------------------------------------------------------------- */

.sub_topgrp {position:relative;width: 100%;overflow: hidden;display:flex;flex-direction:row;align-items:flex-start;justify-content: center;
top: 60px;box-sizing:border-box;background-color: #fff;margin: 0 auto; margin-top: 50px;}
.sub_topgrp .s_topimg {width: 100%;height: 120px;position:absolute;background-position:center;background-size: cover;background-repeat:no-repeat;opacity: 0.7;}

.subtitbox {width:100%;position: relative;z-index:1;margin: 0;}
.subtitbox h1 {text-align: left;font-size: 26px;color: #000;font-weight: 600;margin-left: 20px;line-height: 140%;letter-spacing: -1px;}


.page_tab_listbox{width:100%; display:flex;flex-direction:row;justify-content: center;align-items: center; margin-bottom:50px;}
.page_tab_ul{display:flex; flex-direction:row; align-items:center;}
.page_tab_li{margin-right:60px;}
.page_tab_li:last-child{margin-right:0;}
.page_tab_btn{transition:0.3s;display:block; font-size:20px; font-weight:400; }
.page_tab_btn:hover{color:#a37a50; font-weight:400;}
.page_tab_btn.active{color:#a37a50;}


.page_menu_list_box{width:100%;}
.page_menu_list{width:100%;}
.page_menu_btn{display:flex; flex-direction:row; align-items:center; justify-content: center; width:100%; text-align:center; height:60px;}
.page_menu_txt{display:inline-block; font-size:17px; font-weight:400;}
.page_menu_arrow{display:inline-block;background-image:url('/resource/image/mobile/icon/down_arrow_icon.png'); background-position:center; background-size:10px; background-repeat:no-repeat; 
width:10px; height:10px; margin-left:8px;}

.sub_page_menu_list_box{width:100%; background-color:#fff;padding:12px 0;}
.sub_page_menu_btn{display:block; width:100%; padding:4px 0; box-sizing:border-box; font-size:15px; text-align:center;}


/* 예약  */
.n_reser_info_popbox{position:fixed; top:0; left:0; background-color:#fff; width:100%; height:100%; overflow-y:auto;z-index:3000; margin-top:0 !important; border-top:0 !important;}
.pop_room_info_topbox{display:flex;flex-direction:row;align-items:center;justify-content: space-between;width:100%;padding: 25px 20px 15px 20px;box-sizing:border-box;}
.pop_room_info_top_tit{color:#000;font-size: 18px;}
.pop_room_info_top_close{margin-top:0 !important; border-top:0 !important; font-size:16px; color:#000;}

.pop_room_info_aco_list{width:100%;border-top: 1px solid #ddd;padding:10px 0;box-sizing:border-box;border-bottom: 1px solid #ddd;}
.pop_room_info_aco_tbox{width:100%;display:flex; flex-direction:row; align-items:center;    justify-content: space-between; padding-right:10px; box-sizing:border-box;}
.pop_room_info_aco_tit{color:#000;font-size:14px;font-weight: 600;}
.pop_room_info_aco_arrow{margin-top:0 !important;border-top:0 !important;font-size:16px;color:#000;transform: rotate(90deg);color: #000;font-weight: 600;}

.pop_room_info_aco_list.active .pop_room_info_aco_arrow{transform: rotate(270deg);}
.room_cont_info_tbox{box-sizing:border-box;width:100%;}
.room_cont_info_tbox02{box-sizing:border-box;width:100%; padding:20px;}



/* 다국어 */
.language_option_box {list-style-type: none;padding-left: 0px;}
.language_select_wrap {display: inline-block;width: 100%;text-align: center;}
.language_box {display: flex;justify-content: center;padding: 8px;cursor: pointer;}
.language_box .select_title {font-size: 16px;font-weight: 600;color: #ffffff;}

.language_box .arrow {width: 30px;background:url(/resource/image/admin/icon/select_arrow_white.png) center right 10px no-repeat;}
.language_option_box {border: 1px solid #e3e4e7;position: absolute;background: #fff;margin: 1px 0 0 -1px;cursor: pointer;width: 100%;bottom: 55px;left: 0;}
.language_option_box li {padding: 12px 0;font-size: 15px;font-weight: 600;color: #323338;}
.language_option_box li, .selected-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.language_select_wrap .language_option_box li:hover { background-color:#323338; color:#fff;}


/*마이페이지 좌측메뉴*/
/* mypage */
.mypage_tab {
	position: relative;
	width: 100%;
	margin-top: 90px;
	height: 100%;
	background: rgb(0,32,83);
	box-sizing: border-box;
}

.mb_user_box {
	position: relative;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.mb_user_box .top {
	display: flex;
	/* justify-content: center; */
	margin-bottom: 10px;
	gap: 5px;
}
.mb_user_box .top .level {
	padding: 0 10px;
	font-size: 12px;
	background: rgb(255,255,255);
	border-radius: 20px;
	box-sizing: border-box;
	font-weight: 500;
}
.mb_user_box .top .grade_info_btn {
	margin-left: 5px;
	font-size: 14px;
	color: rgba(255,255,255,0.4);
	text-decoration: underline;
}
.mb_user_box .name {
	font-size: 21px;
	font-weight: 400;
	color: rgb(255,255,255);
	margin-bottom: 15px;
}
.mb_user_box .name > span {font-weight: 700;}
.mb_user_box .user_info_update_btn {
	position: absolute;
	right: -19px;
	top: 25px;
	width: 35px;
	height: 35px;
	font-size: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='수정' transform='translate(-157 -493)'%3E%3Cpath id='패스_87' data-name='패스 87' d='M175,503.636v-3.273h-2.669a6.52,6.52,0,0,0-.7-1.684l1.887-1.887-2.314-2.314-1.887,1.887a6.52,6.52,0,0,0-1.684-.7V493h-3.273v2.669a6.52,6.52,0,0,0-1.684.7l-1.887-1.887-2.314,2.314,1.887,1.887a6.521,6.521,0,0,0-.7,1.684H157v3.273h2.669a6.52,6.52,0,0,0,.7,1.684l-1.887,1.887,2.314,2.314,1.887-1.887a6.51,6.51,0,0,0,1.684.7V511h3.273v-2.669a6.522,6.522,0,0,0,1.684-.7l1.887,1.887,2.314-2.314-1.887-1.887a6.507,6.507,0,0,0,.7-1.684Zm-9,.818A2.455,2.455,0,1,1,168.455,502,2.454,2.454,0,0,1,166,504.455Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-position: center center;
}
.mb_user_box .info {
	position: relative;
	bottom: -50px;
}
.mb_user_box .info span {
	position: relative;
	display: inline-block;
	margin-right: 40px;
	font-size: 16px;
	color: rgb(255,255,255);
}
.mb_user_box .info span:before {
	content: '';
	display: block;
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: rgba(255,255,255,.3);
}
.mb_user_box .bd-box {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.mb_user_box .top-txt {
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	color: rgb(255,255,255);
}
.mb_user_box .bot-txt {
	font-size: 15px;
	font-weight: 600;
	line-height: 25px;
	color: rgb(255,255,255);
}
.mb_user_area {
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px 50px;
}
.mb_user_area .inp-box input {
	padding: 0 20px;
	width: 100%;
	height: 50px;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid rgb(204,204,204);
	border-radius: 5px;
	box-sizing: border-box;
}
.mb_user_area .inp-box input:placeholder {
	font-size: 16px;
	color: rgb(153,153,153)
}
.my-btn-box {
	margin: 70px auto 0;
	width: 610px;
}
.my-btn-box button {
	height: 60px;
	font-size: 18px;
	border-radius: 50px;
}
.my-btn-box {}

.mypage_left_menu {
	width: 100%;
}

.mypage_left_menu .mypage_content_info{background-color: #f7f7f7;margin-top: 20px;border-radius: 10px;display: flex;flex-direction: row;}

.mypage_left_menu .mypage_content_info .tit_box{
    width: 100%;
    padding: 18px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 19px;
}

.menu_arrow {
    width: 36px;
    background: url(/resource/image/admin/icon/select_arrow.png) center right 19px no-repeat;
    background-size: 10px;
    }

.my_tit {font-size: 24px;font-weight: 700;text-align: left;}
.mypage_menu_area{
	padding: 0 15px 20px;
	border-bottom: 1px solid #323339;
}

.mypage_menu_area .mypage_menu_box{
	padding-top: 15px;
	margin-top: 20px;
	border-top: 1px solid rgb(238, 238, 238);
}

.mypage_menu_area .mypage_menu_box p{
	color: #000000;
	font-size: 16px;
	font-weight: 700;
}

.mypage_menu_area .mypage_menu_box ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 12px;
}

.mypage_menu_area .mypage_menu_box ul li{
    padding-right: 5px;
    box-sizing: border-box;
    width: 50%;
}

.mypage_menu_area .mypage_menu_box ul li a{
    font-weight: 500;
    color: #323338;
    font-size: 16px;
}

.mypage_menu_area .mypage_menu_box ul li.active a{
	border-bottom: 1px solid rgb(0, 0, 0);
}

.mypage_content {
	position: relative;
	width: 100%;
}
.mypage_content .btn_rt {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0;
	top: 0;
	width: 200px;
	height: 40px;
	font-size: 16px;
	font-weight: 400;
	border-radius: 60px;
	box-sizing: border-box;
}

.join_inp {margin-top:40px;}
.my_ex_txt {
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    border: 1px solid #dcdfec;
    padding: 15px;
    border-radius: 10px;
    letter-spacing: -0.5px;
}
.mypage_btn {margin-top:30px; width:300px;}
.ex_txt02 {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    padding: 100px 0;
    border-bottom: 1px solid #dcdfec;
    }
    
.qna_accordionf {list-style-type: none; padding: 0;/*  margin: 0 0 30px; */ border-bottom:none; border-left: none; }
.qna_accordionf{padding: 0;margin: 0;display: block;width:100%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top: 40px;}

.qna_accordionf li {position:relative; display:block;border-bottom: 1px solid #ddd; cursor: pointer;  width:100%;}
.qna_accordionf li:last-child{border-bottom:0;}


.qna_accordionf li .que_cont_grp {display:flex;flex-direction:row;padding: 15px;box-sizing:border-box;transition:0.3s;justify-content: space-between;align-items: center;}
.qna_accordionf li.active .nae{background-color:#F8F8F8;}
.qna_accordionf li .que_cont_box01{width:calc(100% - 120px);}
.qna_accordionf li .que_cont_box02{width:140px; text-align:right;justify-content: flex-end;}
.qna_cont_box01{display:flex;flex-direction:row;align-items:center;justify-content: space-between;width: 95%;}
.qna_cont_tit{font-size: 21px;font-weight: 600;color: #323338;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qna_cont_date_txt01{font-size:18px; font-weight:300;}

.list_arrow{display:block;width: 20px;height: 15px;background-image:url('/resource/image/user/ver02/icon/down_arrow.png');background-size:100%;background-position:center;background-repeat:no-repeat;margin-left:8px;}

.qna_accordionf li .nae{padding: 15px;bos-sizing:border-box;}
.qna_accordionf li p{font-size: 13px;font-weight:500;color:#323338;font-family: 'Pretendard';}
.qna_accordionf li.active .nae {background-color: #F8F8F8;
}

.info_sec {margin-bottom: 60px;margin-top: 45px;}
.my_info_ex_txt{font-weight: 700;
    font-size: 18px;}
    
.info_sec .join_inp input[disabled] {
    background-color: rgb(238, 238, 238);
    color: rgb(153, 153, 153);}
.flex_row_wrap {display: flex;/* gap: 10px; */flex-direction: column;}
.flex_row_wrap .log_inp_box {width:100%;}

.info_btn_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
    border-top: 1px solid #aaacb5;
    gap: 5px;
}

.info_btn_wrap a {
    margin-top: 25px;
    width: 49%;
    height: 50px;
    border: 1px solid #dcdfec;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    transition: all 0.3s;
}

.info_btn_wrap a:hover {border-color: #a0a2ab;}
.info_btn_wrap .color_btn {
    color: #fff;
    height: 50px;
    font-size: 17px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    border: 0;
    }

.reserv_wrap {display: flex;width: 100%;justify-content: space-between;gap: 20px;flex-direction: column;}    
.half_w {width: 100%;box-sizing: border-box;}

.flex_row_grp {display: flex;flex-direction:column;gap: 5px;}
.flex_row_grp02 {display: flex;flex-direction:row;width: 100%;justify-content: space-between;margin-top: 15px;}
.my_resev_icon {width: 30px;height: 30px;background-image: url(/resource/image/user/ver02/icon/my_reserv.svg);background-repeat: no-repeat;background-position: center;margin-bottom: 7px;}
.my_resev_c_icon {width: 40px; height: 40px; background-image: url(/resource/image/user/ver02/icon/my_reserv_cancle.svg); background-repeat: no-repeat; background-position: center; margin-bottom:10px;}
    
.my_toggle_switch {display: inline-block;position: relative;width: 70px;height: 31px;} 
.my_toggle_switch input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: initial; clip: rect(0 0 0 0); } 
.my_toggle_switch .my_slider { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #ccc; border-radius: 34px; cursor: pointer; transition: 0.4s; } 
.my_toggle_switch .my_slider::before {content: "";position: absolute;top: 4px;left: 4px;width: 23px;height: 23px;background-color: #fff;border-radius: 50%;transition: 0.4s;} 
.my_toggle_switch.active .my_slider { background-color: #007bff; } 
.my_toggle_switch.active .my_slider::before { transform:translateX(36px); } 

/* 서울렉스호텔 모바일 전화문의 버튼 */
.rex_call_btn {background: url(/resource/image/mobile2/icon/rex_call_icon.png) no-repeat;
    width: 63px;
    height: 38px;
    background-color: #8F3A45;
    display: inline-block;
    border-radius: 5px;
    margin-top: 12px;
    background-size: 21px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 38px;
    background-position: 7px 9px;
    text-align: right;
    padding-right: 14px;position: absolute;
    right: 55px;}