@import url(board.css);


@font-face {
    font-family: 'Daehan-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Daehan-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Daehan-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Daehan-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




.cboth {clear:both;}
.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}


/****************************** Animation ******************************/
.title { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 1300ms ease; transition:all 1300ms ease; }
.title-sub { opacity:0; -webkit-transform:translateY(70px);transform:translateY(70px); -webkit-transition:all 1300ms ease 100ms; transition:all 1300ms ease 100ms; }

.title.ani-visible, .title-sub.ani-visible { opacity:1; -webkit-transform:translateY(0);transform:translateY(0); }


@keyframes aniswiper{0%{ left:100%; } 100%{ left:0; }}
@-webkit-keyframes aniswiper{0%{ left:100%; } 100%{ left:0; }}
@keyframes aniswiper-prev{0%{ right:100%; } 100%{ right:0; }}
@-webkit-keyframes aniswiper-prev{0%{ right:100%; } 100%{ right:0; }}



.mt30 {margin-top:30px !important; }
.mt50 {margin-top:50px !important; }
.mt-50 {margin-top:-50px !important; }
.mt-150 {margin-top:-150px !important;}
.mt-150_1 {margin-top:-150px !important;}
.mt-150_2 {margin-top:-150px !important;}
.mt-150_3 {margin-top:-150px !important;}
.mt-150_4 {margin-top:-150px !important;}
.ml40 {margin-left:40px !important;}





#allmenu  {position:absolute; z-index:999999999; right:25px; top:40px;}
.allmenu_pop {position:fixed; width:100%; height:100%; top:0; left:0; z-index:100000000000000000000; display:none; background:#005d9b url(../images/common/sitemap_bg.jpg) no-repeat;}
.allmenu_pop .allmenu_wrap {position: relative; width:1400px; margin:0 auto;}
.allmenu_pop .allmenu_wrap .menu {float:left; width:calc(100% / 5); margin-top:50px;}
.allmenu_pop .allmenu_wrap .menu p { font-size:27px;  color:#fff;font-weight:700; line-height:30px; background:url(../images/common/sitemap_bar.jpg) no-repeat left top; padding-top:10px; margin-bottom:10px;}
.allmenu_pop .allmenu_wrap .menu ul li {margin:0 0;}
.allmenu_pop .allmenu_wrap .menu ul li a {color:#b5b5b5; line-height:15px; font-size:15px; font-weight:500;}
.allmenu_pop .allmenu_wrap .menu ul li a:hover {color:#fff; text-decoration:underline;}
.allmenu_pop .allmenu_wrap .menu ul li ul li { padding-left:15px; margin:0;}
.allmenu_pop .allmenu_wrap .menu ul li ul li a {color:#b5b5b5; line-height:15px; font-size:14px; font-weight:400;}
.allmenu_pop .close {position:absolute; top:30px; right:0;}
.sitemap_logo {position: relative;  width:800px; margin:0 auto; text-align:center; margin-top:40px; }





/*-----------------------------------------------
  ⊙ main visual
------------------------------------------------*/

#main_visual {position:relative; clear:both; padding-top:90px; height:auto;}



.visual_slogan {position:absolute;  top:30%; width:100%; text-align:center; color:#fff; z-index:1;/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);*/}
.visual_slogan .headtit {font-size:55px; font-weight:500; letter-spacing:.4px; line-height:70px;}
.visual_slogan .subtit  {font-size:22px; line-height:40px; margin-top:30px;/* text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);*/}



#m_visual .mvBox {margin:0 auto;}
#m_visual .mvphoto{ display:block; overflow:hidden;  vertical-align:top;}
#m_visual .mvphoto img{ display:block; max-width:none;}
#m_visual .mvmask {position:absolute; background:#000; opacity: 0.5; width:1920px; height:900px; top:80px; left:50%; margin-left:-960px;}
#m_visual .mvtxt{ position:absolute; top:366px; left:50%; width:670px; margin-left:-335px; overflow:hidden;}










/******* gallery *********************************/ 
.slider04 {position: relative; clear:both; overflow:hidden; margin: 0 auto; padding: 0; zoom: 1;}
.slider04 .flex-viewport {max-height: 2000px;}
.slider04 .slides {zoom: 1;margin: 0; padding: 0; }
.slider04 .slides > li {position: relative; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider04 .slides > li img {width:100%; }

/* Direction Nav */
.slider04 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;  position:absolute; top:0; display: block; z-index: 2; width:100%;}
.slider04 .flex-direction-nav a {width: 60px; height:101px; margin-top:20%; display: block; 	position: absolute;  z-index: 2;  cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider04 .flex-direction-nav .flex-prev {left:70px;  background:url(../images/main/btn_prev2.png) no-repeat 0 0; }
.slider04 .flex-direction-nav .flex-next {right:70px;  background:url(../images/main/btn_next2.png) no-repeat 0 0; }

/* Control Nav */
.slider04 .flex-control-nav {display:none;}



@media (max-width:1220px){  

	.visual_slogan {position:absolute;  top:30%; width:100%; text-align:center; color:#fff; z-index:2;/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);*/}
	.visual_slogan .headtit {font-size:40px; font-weight:500; letter-spacing:.4px; line-height:50px;}
	.visual_slogan .subtit  {font-size:18px; line-height:30px; margin-top:20px;/* text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);*/}

}


@media (max-width:991px){  

	.visual_slogan {position:absolute;  top:30%; width:100%; text-align:center; color:#fff; z-index:2;/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);*/}
	.visual_slogan .headtit {font-size:20px; font-weight:500; letter-spacing:.4px; line-height:25px;}
	.visual_slogan .subtit  {font-size:13px; line-height:20px; margin-top:10px;/* text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);*/}

	.slider04 .flex-direction-nav a {margin-top:15%;}
	.slider04 .flex-direction-nav .flex-prev {left:20px;  }
	.slider04 .flex-direction-nav .flex-next {right:20px; }

}









/*-----------------------------------------------
  ⊙ brand story
------------------------------------------------*/
.brandstory {position:relative; clear:both; width:100%;height:650px; text-align:center; /*background:url(../images/main/brandstory_bg.jpg) no-repeat center bottom;*/ padding-top:150px; }
.brandstory .b_txt {margin-top:80px; font-size:18px; font-weight:100; line-height:35px; color:#666;}
.brandstory .b_btn {margin-top:80px;}




.hotspring  {position:relative; clear:both; height:900px; text-align:center; background:url(../images/main/hotspring_bg.jpg) no-repeat center bottom; padding-top:300px; }
.pool  {position:relative; clear:both; height:900px; text-align:center; background:url(../images/main/pool_bg.jpg) no-repeat center bottom; padding-top:300px; margin-top:100px;}
.room  {position:relative; clear:both; height:900px; text-align:center; background:url(../images/main/room_bg.jpg) no-repeat center bottom; padding-top:300px; margin-top:100px;}
.dining  {position:relative; clear:both; height:900px; text-align:center; background:url(../images/main/dining_bg.jpg) no-repeat center bottom; padding-top:300px;}

.m_tt1 {position:relative; clear:both; color:#fff; font-size:30px; line-height:40px; font-weight:400;/* text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);*/}
.m_tt2 {position:relative; clear:both; color:#fff; font-size:60px; line-height:50px; font-weight:500; margin-top:20px; /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);*/}
.m_tt3 {position:relative; clear:both; color:#fff; font-size:17px; line-height:30px; font-weight:100; margin-top:20px; /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);*/}
.m_bar {position:relative; clear:both; padding:40px 0 0 0;}

.m_g_tit {color:#666 !important; font-size:50px !important; line-height:50px !important; font-weight:500 !important; letter-spacing:-0.07em;}
.m_g_txt {color:#6d6d6d !important; font-size:18px !important; line-height:28px !important; font-weight:400 !important; margin-top:50px;}
.m_g_btn {position:relative; clear:both; padding-top:90px;}




/*-----------------------------------------------
  ⊙ room, dining : slide gallery
------------------------------------------------*/
.m_gallery {position:relative; clear:both;}
.m_gallery .f_r {float:right !important;}
.m_gallery .m_info {position:relative; float:left; width:50%;  text-align:center; }
.m_gallery .info {position: absolute;padding:70px 130px;}
.m_gallery .info .info_tit {color:#986f32; font-size:50px; font-weight:300; line-height:65px; letter-spacing:-0.05em;}
.m_gallery .info .bar {padding:70px 0 40px 0;}
.m_gallery .info .info_txt {color:#4b4949; font-size:16px; font-weight:300; line-height:30px;}
.m_gallery .info .info_btn {margin-top:70px;}
.a_r {right:0;}


/******* slider01 *********************************/ 
.slider01 {float:right; width:50%; margin: 0; padding: 0;position: relative; zoom: 1;}
.slider01 .flex-viewport {max-height: 2000px;}
.slider01 .slides {zoom: 1;margin: 0; padding: 0;}
.slider01 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider01 .slides img {width: 100%; display: block;}

/* Direction Nav */
.slider01 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;}
.slider01 .flex-direction-nav a {width: 98px; height: 98px; margin: -20px 0 0; display: block; 	position: absolute;bottom:0; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider01 .flex-direction-nav .flex-prev {background:url(../images/main/btn_prev.png) no-repeat;}
.slider01 .flex-direction-nav .flex-next {background:url(../images/main/btn_next.png) no-repeat; left:99px;}


/* Control Nav */
.slider01 .flex-control-nav {display:none;}
/******* //slider01 *********************************/ 


/******* slider02 *********************************/ 
.slider02 {float:left; width:50%; margin: 0; padding: 0;position: relative; zoom: 1;border:solid 0px red;}
.slider02 .flex-viewport {max-height: 2000px;}
.slider02 .slides {zoom: 1;margin: 0; padding: 0;}
.slider02 .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider02 .slides img {width: 100%; display: block;}

/* Direction Nav */
.slider02 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;}
.slider02 .flex-direction-nav a {width: 98px; height: 98px; margin: -20px 0 0; display: block; 	position: absolute;bottom:0; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider02 .flex-direction-nav .flex-prev {background:url(../images/main/btn_prev.png) no-repeat; right:99px;}
.slider02 .flex-direction-nav .flex-next {background:url(../images/main/btn_next.png) no-repeat; right:0;}

/* Control Nav */
.slider02 .flex-control-nav {display:none; }
/******* //slider02 *********************************/ 





/*-----------------------------------------------
  ⊙ specialoffer
------------------------------------------------*/
.specialoffer_wrap {position:relative; clear:both; background:#f2f2f2; padding:100px 0 50px 0; text-align:center; }
.specialoffer_wrap h2 {color:#434343; font-size:50px; font-weight:500; letter-spacing:-0.05em;}
.specialoffer_wrap .section-title {font-size:18px; font-weight:300; padding:10px 0 90px 0;}


.promotion_wrap {position:relative; clear:both; background:#fff; padding:0 0 50px 0; text-align:center; }
.promotion_wrap h2 {color:#434343; font-size:50px; font-weight:500; letter-spacing:-0.05em;}
.promotion_wrap .section-title {font-size:18px; font-weight:300; padding:10px 0 90px 0;}


/*-----------------------------------------------
  ⊙ thenresort
------------------------------------------------*/
.thenresort  {position:relative; clear:both; height:850px; text-align:center; background:url(../images/main/thenresort_bg.jpg) no-repeat center bottom;background-size:cover; padding-top:300px;}
.thenresort .tt1 {font-size:60px; color:#fff; font-weight:500; line-height:70px; letter-spacing:-0.05em;}
.thenresort .tt2 {font-size:18px; color:#fff; font-weight:100; line-height:35px; letter-spacing:-0.05em; margin-top:40px;}





/*-----------------------------------------------
  ⊙ footer
------------------------------------------------*/
footer {position:relative; clear:both; margin-top:-150px;}
footer .sitemap {position:relative; clear:both; background:#292929; height:500px;}
footer .sitemap ul {width:1400px; margin:0 auto;}
footer .sitemap ul li {float:left; width:calc(100% / 10); height:500px;border-left:1px solid #363636; padding:50px 10px; line-height:25px;}
footer .sitemap ul li.reserv {background:#986f33;}
footer .sitemap ul li.reserv a {color:#fff;}
footer .sitemap a:hover {text-decoration:underline;}
footer .sitemap ul li:first-child{border-left: 0;}
footer .sitemap ul li p.tt {color:#fff; font-size:17px; font-weight:500; margin-bottom:20px;}
footer .sitemap ul li div {clear:both; line-height:25px; padding-left:10px;}
footer .sitemap ul li a {color:#b5b5b5; font-size:13px; font-weight:400; letter-spacing:-0.02em;}
footer .sitemap ul li div a {color:#707070; font-size:12px;}
footer .footer_wrap {position:relative; clear:both; background:url(../images/common/footer_bg.jpg) no-repeat; height:600px; padding:210px 0;}
footer .footer_wrap .footer {position:relative; clear:both; width:1400px; margin:0 auto;  }
footer .footer_wrap .footer .info {position:relative; font-size:15px; color:#c8c8c8; line-height:27px; font-weight:300; letter-spacing:0;}
footer .footer_wrap .footer .info .f_logo {margin-bottom:30px;}
footer .footer_wrap .footer .info span {background:url(../images/common/footer_line.png) no-repeat 0 5px; padding-left:15px; margin-left:15px;}
footer .footer_wrap .footer .info .comtit {color:#fff; font-size:17px; font-weight:500; background:none; padding:0; margin:0; }
footer .footer_wrap .footer .f_m {position:absolute; right:0; top:0; z-index:1;}
footer .footer_wrap .footer .f_m ul li {float:left; margin-left:45px;}
footer .footer_wrap .footer .f_m ul li a {color:#fff; font-size:15px; font-weight:400;}
footer .footer_wrap .footer .sns {position:absolute; right:0; top:45px; z-index:1;}
footer .footer_wrap .footer .sns ul li {float:left; margin-left:10px;}


#quick {position:fixed; right:0; top:200px; z-index:6666;}
footer .footer_wrap .glanz {position:absolute; display:none;}


/*-----------------------------------------------
  ⊙ sub visual
------------------------------------------------*/

#sub_visual {position:relative; clear:both; width:100%; height:870px; }
#sub_visual .slogan {position:relative;  top:50%;  text-align:center; color:#fff; /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)*/}
#sub_visual .slogan .headtit {font-size:85px; font-weight:700; letter-spacing:10px; line-height:90px;}

.svis01 {background:url(../images/sub/visual01.jpg) no-repeat center; background-size:cover;}
.svis02 {background:url(../images/sub/visual02.jpg) no-repeat center; background-size:cover;}
.svis03 {background:url(../images/sub/visual03.jpg) no-repeat center; background-size:cover;}
.svis04 {background:url(../images/sub/visual04.jpg) no-repeat center; background-size:cover;}
.svis05 {background:url(../images/sub/visual05.jpg) no-repeat center; background-size:cover;}
.svis06 {background:url(../images/sub/visual06.jpg) no-repeat center; background-size:cover;}
.svis07 {background:url(../images/sub/visual07.jpg) no-repeat center; background-size:cover;}
.svis08 {background:url(../images/sub/visual08.jpg) no-repeat center; background-size:cover;}
.svis09 {background:url(../images/sub/visual09.jpg) no-repeat center; background-size:cover;}
.svis10 {background:url(../images/sub/visual10.jpg) no-repeat center; background-size:cover;}
.svis11 {background:url(../images/sub/visual11.jpg) no-repeat center; background-size:cover;}

#sub_visual2 {position:relative; clear:both; width:100%; height:400px; }
#sub_visual2 .slogan {position:relative;  top:50%;  text-align:center; color:#fff; /*text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)*/}
#sub_visual2 .slogan .headtit {font-size:50px; font-weight:700; letter-spacing:10px; line-height:90px;}


/*-----------------------------------------------
  ⊙ snb
------------------------------------------------*/
#snb {position:relative; clear:both; height:70px;  background:#fff; border-bottom:1px solid #f2f2f2; text-align:center;}
#snb ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  letter-spacing:-0.05em;}
#snb a {display:block;  font-size:18px;font-weight:400;  text-align:center; line-height:70px; color:#555; padding:0 35px; }
#snb a.snb_on, #snb a.snb_on:hover {color:#986f32; background:url(../images/sub/snb_on.jpg) repeat-x bottom;  line-height:70px;}
#snb a:hover { background:url(../images/sub/snb_on.jpg) repeat-x bottom; line-height:70px;}


#snb2 {position:relative; clear:both; height:70px;  background:#fff; border-bottom:1px solid #f2f2f2; text-align:center;}
#snb2 ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  letter-spacing:-0.05em;}
#snb2 a {display:block;  font-size:16px;font-weight:400;  text-align:center; line-height:70px; color:#555; padding:0 25px; }
#snb2 a.snb_on, #snb a.snb_on:hover {color:#986f32; background:url(../images/sub/snb_on.jpg) repeat-x bottom;  line-height:70px;}
#snb2 a:hover { background:url(../images/sub/snb_on.jpg) repeat-x bottom; line-height:70px;}


/*-----------------------------------------------
  ⊙ snb contents
------------------------------------------------*/
.stitle {position:relative; clear:both; font-size:50px; line-height:60px;color:#3c3c3b; letter-spacing:-0.06em; text-align:center; padding:130px 0 0 0;}


.wrapper--76vw {width:1400px !important; margin:0 auto !important;  padding-bottom:150px;}


.subtt {position:relative; clear:both; font-size:22px; font-weight:700; letter-spacing:-0.05em;background:url(../images/sub/bar_brown.jpg) no-repeat; padding-top:15px; margin-bottom:20px;}
.subtt2 {position:relative; clear:both;  text-align:center;}
.subtt2 p.tt {font-size:40px; font-weight:700; line-height:40px;  letter-spacing:-2px ; margin:50px 0;}


.li_icon {position:relative; clear:both;}
.li_icon ul li {background:url(../images/sub/icon_black.jpg) no-repeat 0 12px; padding-left:10px;}

h3.tt {position:relative; clear:both; font-size:22px; color:#976f32; font-weight:500; margin:50px 0 10px 0;}
h3 .compulsory {position:absolute; right:0; top:10px; font-size:14px; color:#555;line-height:15px; padding-left:15px;}
h3 .compulsory .star {position:absolute; left:0; top:2px;}

h4.inquiry {font-size:20px !important; color:#333; font-weight:500 !important; margin:50px 0 10px 0;}

.t_brown {color:#e83206;}

.mt10 {margin-top:10px;}
.mt30 {margin-top:30px;}
.pl35 {padding-left:35px;}

.f_r {float:right;}
.f_l {float:left;}
.a_left {text-align:left;}
.a_right {text-align:right;}


.star {color:#f93615; font-size:18px; font-weight:700;}
.brown {color:#976f32;}
.red {color:#f93615;}
.f15 {font-size:15px; line-height:15px !important;}
.w150 {width:150px !important;}

a.subpop_btn { padding:7px 30px; background:#06aea8; color:#fff; font-weight:500;  margin-top:30px !important;}
a.subpop_btn:hover {color:#ffed8b;}

.subpop_btn2{position:relative; clear:both; }
.subpop_btn2 ul {clear:both; }
.subpop_btn2 ul li {float:left; width:150px; text-align:center;  margin:3px;}
.subpop_btn2 ul li a {display:block; padding:7px 0; background:#06aea8; color:#fff; font-weight:500;}
.subpop_btn2 ul li a:hover {color:#ffed8b;}


/*-----------------------------------------------
  ⊙ 오시는길
------------------------------------------------*/

.map_info {position:relative; clear:both; border-top:1px solid #e1e1e1; padding:55px 0;}
.map_info ul {width:1400px; margin:0 auto;}
.map_info ul li {float:left; margin:0 40px;}
.map_info ul li.tt {font-size:20px; color:#986f33; font-weight:700; letter-spacing:-0.05em; line-height:18px;}
.map_info ul li span {margin-right:10px;background:#986f33; color:#fff;font-weight:500; letter-spacing:0px; padding:2px 10px; border-radius:20px; text-align:center;}
#map_wrap {position:relative; clear:both; }
#map_wrap h3 {font-size:19px; color:#222; font-weight:500; text-align:center;}
#map_wrap span {color:#ff5a00; font-weight:700; }
#map {position:relative; clear:both;   overflow:hidden; }
#map .frame {width:100%; height:600px;}



/*-----------------------------------------------
  ⊙ snb faq
------------------------------------------------*/


#faq {position:relative; clear:both;  display: block; border-top:2px solid #444;border-bottom: 1px solid #e6e6e6; margin-top:30px;}
#faq li { position:relative; clear:both; }
#faq > li > a { display: block; padding:20px 10px; color: #555; text-decoration: none;  border-top: 1px solid #e6e6e6; }
#faq > li > a span {margin-right:10px;}
#faq li a.question {font-size:18px; font-weight:700; background:url(../images/sub/icon_q.png) no-repeat left; padding-left:60px;}
#faq li .faq_view { display: none;  padding:30px; color:#976f32; font-size:16px;background:#fafafa url(../images/sub/icon_a.png) no-repeat left; padding-left:60px;}




.sub_tit {position:relative; clear:both; text-align:center; color:#976f32; font-size:17px; font-weight:300; line-height:25px; margin-bottom:30px;}
.sub_tit2 {font-size:25px; color:#976f32; font-weight:500; letter-spacing:-0.05em; margin-top:90px;}


.sub_tab {position:relative; clear:both;  text-align:center; margin-top:50px;}
.sub_tab a { background:#efefef; padding:10px 30px; margin:5px; border-radius:50px; font-weight:500; font-size:16px;}
.sub_tab a:hover {background:#976f32; color:#fff;}



.room_txt  {position:relative; clear:both; text-align:center; color:#976f32; font-size:25px; font-weight:500; line-height:30px; margin-top:70px;}



/*-----------------------------------------------
  ⊙ event_package
------------------------------------------------*/
.event_package {position:relative; clear:both;}
.event_package .list {position:relative; float:left; width:30%; margin:1.5%; border:1px solid #dfdfdf;}
.event_package .list  .bar {position:absolute; top:0; left:0; z-index:111; font-size:15px; color:#fff; letter-spacing:-0.01em; height:31px; line-height:31px;background:url(../images/sub/specialoffer_bar.png)no-repeat right; padding:0 30px 0 20px;}
.event_package .list .img { position:relative;   font-size: 0;  line-height: 0;  margin-bottom: 15px; width:100%;background-size:cover;background-repeat:no-repeat;background-position:center top; height:290px; }
.event_package .list .img img {  width: 100% !important;  height: auto;}
.event_package .list .info {position:relative; clear:both; text-align:left; padding:20px;}
.event_package .list .info a {font-size:20px; font-weight:500; color:#1a1a1a; }
.event_package .list .info .tit {color:#976f32; font-size:19px; font-weight:500; height:40px;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
.event_package .list .info .txt { text-align:left;  font-size: 16px;  line-height: 23px;  color: #757575; margin-top:10px;  height:50px; overflow:hidden; }
.event_package .list .info .date {font-weight:300; margin-top:20px;}

.event_package .end {opacity:0.6;}
.event_package .end .bar {background:url(../images/sub/specialoffer_bar_end.png)no-repeat right;}


@media (max-width:1000px){

	.event_package .list {position:relative; float:left; width:48%; margin:1%; border:1px solid #dfdfdf;}
	.event_package .list  .bar {position:absolute; top:0; left:0; z-index:111; font-size:15px; color:#fff; letter-spacing:-0.01em; height:31px; line-height:31px;background:url(../images/sub/specialoffer_bar.png)no-repeat right; padding:0 30px 0 20px;}
	.event_package .list .img { position:relative;   font-size: 0;  line-height: 0;  margin-bottom: 5px; width:100%;background-size:cover;background-repeat:no-repeat;background-position:center top; height:150px;  }
	.event_package .list .img img {width:100%; height:150px !important;}

	.event_package .list .info {position:relative; clear:both; text-align:left; padding:5px 10px 10px 10px;}
	.event_package .list .info a {font-size:17px; font-weight:500; color:#1a1a1a; }
	.event_package .list .info .tit {color:#976f32; font-size:16px; font-weight:500; height:30px;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} 
	.event_package .list .info .txt { text-align:left;  font-size: 14px;  line-height: 20px;  color: #757575; margin-top:0;  height:40px; overflow:hidden; }
	.event_package .list .info .date {font-weight:300; margin-top:20px;}

}





/*-----------------------------------------------
  ⊙ overview 더앤리조트소개
------------------------------------------------*/

.overview {position:relative; clear:both; }
.overview .w700_r {width:700px; float:right;}
.overview .w700_l {width:700px; float:left;}
.overview .textbox1 {position:relative; float:left; width:50%; padding-top:20px;}
.overview .textbox1 p.tt1 {font-size:50px; font-weight:700; color:#3c3c3b; letter-spacing:-0.05em; line-height:90px; }
.overview .textbox1 p.tt2 {font-family: 'Daehan-Regular'; font-size:25px; font-weight:500; color:#986f32; letter-spacing:-0.03em; line-height:50px;}
.overview .textbox1 p.tt3 {font-size:17px; font-weight:700; color:#6f6f6f; letter-spacing:-0.05em; margin-top:50px;}
.overview .textbox1 p.tt4 { font-size:17px; color:#6f6f6f; font-weight:300; line-height:30px; letter-spacing:-0.08em !important; }
.overview .img1 {position:relative; float:right; width:50%;height:700px; background:url(../images/overview/0101.jpg) no-repeat; background-size:cover; }

.overview .textbox2 {position:relative; clear:both;  text-align:center;}
.overview .textbox2 p.tt1 {font-family: 'Daehan-Regular'; font-size:30px; font-weight:500; color:#555; letter-spacing:-0.05em; line-height:90px; }
.overview .textbox2 p.tt2 {font-size:17px; color:#6f6f6f; font-weight:300; line-height:30px; letter-spacing:-0.08em !important; margin-top:30px;}

.overview .concept {position:relative; clear:both;  text-align:center;}
.overview .concept p.tt {font-size:60px; font-weight:700; line-height:60px; margin-top:70px;}
.overview .concept ul {clear:both; width:1400px; margin:0 auto; padding-top:100px;}
.overview .concept ul li {float:left; position:relative; color:#986f32; font-size:20px; font-weight:300;}
.overview .concept ul li strong {color:#6f6f6f; font-size:35px; font-weight:700; letter-spacing:-0.05em;}
.overview .concept ul li.img {width:50%;}
.overview .concept ul li.txt_l {width:50%; text-align:right; padding-right:100px; padding-top:15%;}
.overview .concept ul li.txt_r {width:50%; text-align:left; padding-left:100px; padding-top:15%;}
.overview .concept ul li span.bar {color:#d5d5d5; font-weight:300px; font-size:30px; padding:0 10px;}

.overview .mission {position:relative; clear:both;  text-align:center; }
.overview .mission p.tt {font-size:60px; font-weight:700; line-height:60px; margin-top:70px;}
.overview .textbox3 {position:relative; float:right; width:50%; padding-top:20px; margin-top:100px; }
.overview .textbox3 p.tt1 {font-family: 'Daehan-Regular'; font-size:25px; font-weight:500; color:#986f32; letter-spacing:-0.03em; line-height:37px; padding-top:30px;}
.overview .textbox3 p.tt2 {font-size:17px; color:#6f6f6f; font-weight:300; line-height:30px; letter-spacing:-0.08em !important; padding-top:50px;}
.overview .textbox3 p.dqm_up {margin-top:50px;}
.overview .textbox3 p.dqm_down {margin-top:30px;}
.overview .img2 {position:relative; float:left; width:50%;height:700px; background:url(../images/overview/0107.jpg) no-repeat; background-size:cover; margin-top:100px;}



/*-----------------------------------------------
  ⊙ Mino
------------------------------------------------*/

.mino {position:relative; clear:both; }
.mino .w700_r {width:700px; float:right;}
.mino .w700_l {width:700px; float:left;}
.mino .textbox1 {position:relative; float:left; width:50%; padding-top:20px;}
.mino .textbox1 p.tt1 {font-size:50px; font-weight:700; color:#3c3c3b; letter-spacing:-0.05em; line-height:90px; }
.mino .textbox1 p.tt2 {font-family: 'Daehan-Regular'; font-size:25px; font-weight:500; color:#986f32; letter-spacing:-0.03em; line-height:50px;}
.mino .textbox1 p.tt3 {font-size:17px; font-weight:700; color:#6f6f6f; letter-spacing:-0.05em; margin-top:50px;}
.mino .textbox1 p.tt4 { font-size:17px; color:#6f6f6f; font-weight:300; line-height:30px; letter-spacing:-0.08em !important; }
.mino .img1 {position:relative; float:right; width:50%;height:700px; background:url(../images/mino/0101.jpg) no-repeat; background-size:cover; }

.mino .textbox2 {position:relative; clear:both;  text-align:center;}
.mino .textbox2 p.tt1 {font-family: 'Daehan-Regular'; font-size:30px; font-weight:500; color:#555; letter-spacing:-0.05em; line-height:90px; }
.mino .textbox2 p.tt2 {font-size:17px; color:#6f6f6f; font-weight:300; line-height:30px; letter-spacing:-0.08em !important; margin-top:30px;}

.mino .concept {position:relative; clear:both;  text-align:center;}
.mino .concept p.tt {font-size:60px; font-weight:700; line-height:60px; margin-top:70px;}
.mino .concept ul {clear:both; width:1400px; margin:0 auto; padding-top:100px;}
.mino .concept ul li {float:left; position:relative; color:#986f32; font-size:20px; font-weight:300;}
.mino .concept ul li strong {color:#6f6f6f; font-size:35px; font-weight:700; letter-spacing:-0.05em;}
.mino .concept ul li.img {width:50%;}
.mino .concept ul li.txt_l {width:50%; text-align:right; padding-right:100px; padding-top:15%;}
.mino .concept ul li.txt_r {width:50%; text-align:left; padding-left:100px; padding-top:15%;}
.mino .concept ul li span.bar {color:#d5d5d5; font-weight:300px; font-size:30px; padding:0 10px;}

.mino .mission {position:relative; clear:both;  text-align:center; }
.mino .mission p.tt {font-size:60px; font-weight:700; line-height:60px; margin-top:70px;}
.mino .textbox3 {position:relative; float:right; width:50%; padding-top:20px; margin-top:100px; }
.mino .textbox3 p.tt1 {font-family: 'Daehan-Regular'; font-size:25px; font-weight:500; color:#986f32; letter-spacing:-0.03em; line-height:37px; padding-top:30px;}
.mino .textbox3 p.tt2 {font-size:17px; color:#6f6f6f; font-weight:300; line-height:30px; letter-spacing:-0.08em !important; padding-top:50px;}
.mino .textbox3 p.dqm_up {margin-top:50px;}
.mino .textbox3 p.dqm_down {margin-top:30px;}
.mino .img2 {position:relative; float:left; width:50%;height:700px; background:url(../images/mino/0107.jpg) no-repeat; background-size:cover; margin-top:100px;}





.gallery_slogan {position: relative;clear:both; border-bottom:1px solid #c6af92; width:1400px; margin:0 auto;  text-align:center; color:#999; font-size:20px; font-weight:500; padding:30px 0;  /*text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); */ }


@media (max-width:1440px){


	.overview .w700_r {width:100%; float:right; padding:0 30px;}
	.overview .w700_l {width:100%; float:left;  padding:0 30px;}
	.overview .textbox1 p.tt1 {font-size:40px;}
	.overview .textbox1 p.tt2 { font-size:20px; line-height:40px;}
	.overview .textbox1 p.tt3 {margin-top:30px;}

	.overview .textbox2 p.tt1 {font-size:25px; line-height:90px; }
	.overview .textbox2 p.tt2 {margin-top:0;}

	.overview .concept p.tt {font-size:40px; margin-top:50px;}
	.overview .concept ul {clear:both; width:100%; margin:0 auto; padding-top:70px;}
	.overview .concept ul li {font-size:16px; }
	.overview .concept ul li strong {font-size:25px;}
	.overview .concept ul li.txt_l {padding-right:30px;}
	.overview .concept ul li.txt_r {padding-left:30px;}
	.overview .concept ul li span.bar { font-size:25px; padding:0 5px;}

	.overview .mission p.tt {font-size:40px; margin-top:50px;}
	.overview .textbox3 {position:relative; float:right; width:50%; padding-top:0; margin-top:50px; }
	.overview .textbox3 p.tt1 {font-size:20px;line-height:35px; padding-top:20px;}
	.overview .textbox3 p.tt2 { padding-top:30px;}
	.overview .textbox3 p.dqm_up {margin-top:30px;}
	.overview .textbox3 p.dqm_down {margin-top:20px;}
	.overview .img2 {margin-top:50px;}



	.mino .w700_r {width:100%; float:right; padding:0 30px;}
	.mino .w700_l {width:100%; float:left;  padding:0 30px;}
	.mino .textbox1 p.tt1 {font-size:40px;}
	.mino .textbox1 p.tt2 { font-size:20px; line-height:40px;}
	.mino .textbox1 p.tt3 {margin-top:30px;}

	.mino .textbox2 p.tt1 {font-size:25px; line-height:90px; }
	.mino .textbox2 p.tt2 {margin-top:0;}

	.mino .concept p.tt {font-size:40px; margin-top:50px;}
	.mino .concept ul {clear:both; width:100%; margin:0 auto; padding-top:70px;}
	.mino .concept ul li {font-size:16px; }
	.mino .concept ul li strong {font-size:25px;}
	.mino .concept ul li.txt_l {padding-right:30px;}
	.mino .concept ul li.txt_r {padding-left:30px;}
	.mino .concept ul li span.bar { font-size:25px; padding:0 5px;}

	.mino .mission p.tt {font-size:40px; margin-top:50px;}
	.mino .textbox3 {position:relative; float:right; width:50%; padding-top:0; margin-top:50px; }
	.mino .textbox3 p.tt1 {font-size:20px;line-height:35px; padding-top:20px;}
	.mino .textbox3 p.tt2 { padding-top:30px;}
	.mino .textbox3 p.dqm_up {margin-top:30px;}
	.mino .textbox3 p.dqm_down {margin-top:20px;}
	.mino .img2 {margin-top:50px;}


	.gallery_slogan {position: relative;clear:both; border-bottom:1px solid #c6af92; width:100%; margin:0 auto;  text-align:center; color:#999; font-size:20px; font-weight:500; padding:30px 0;  /*text-shadow: 2px 2px 2px rgba(0, 0, 0, .8); */ }


}


@media (max-width:991px){



	.overview .w700_r {width:100%; float:right;}
	.overview .w700_l {width:100%; float:left;}
	.overview .textbox1 {position:relative; clear:both;  float:both; width:100%; padding-top:20px;}
	.overview .textbox1 p.tt1 {font-size:35px; }
	.overview .textbox1 p.tt2 { font-size:20px; line-height:40px;}
	.overview .textbox1 p.tt3 {font-size:15px;margin-top:30px;}
	.overview .textbox1 p.tt4 { font-size:15px;  line-height:25px;}
	.overview .img1 {position:relative;clear:both;  float:both; width:100%; height:500px;margin-top:50px; }

	.overview .textbox2 {padding:0 20px;}
	.overview .textbox2 p.tt1 {font-family: 'Daehan-Regular'; font-size:20px; font-weight:500; color:#555; letter-spacing:-0.05em; line-height:50px; }
	.overview .textbox2 p.tt2 {font-size:15px;  line-height:25px; letter-spacing:-0.08em !important; margin-top:0;}

	.overview .concept {position:relative; clear:both;  text-align:center;}
	.overview .concept p.tt {font-size:30px; font-weight:700; line-height:40px; margin-top:50px; margin-bottom:50px;}
	.overview .concept ul { position:relative; clear:both; width:100%; margin:0 auto; padding-top:0;}
	.overview .concept ul li {clear:both;  float:both;  position:relative; color:#986f32; font-size:13px; font-weight:500;}
	.overview .concept ul li strong {color:#fff; font-size:17px; font-weight:700; letter-spacing:-0.05em;}
	.overview .concept ul li.img {width:100%;}
	.overview .concept ul li.img img {width:100%;}
	.overview .concept ul li.txt_l { position:absolute; top:0; width:100%; text-align:center; padding:10px 0; z-index:11; background:#000; opacity:0.8;}
	.overview .concept ul li.txt_r { position:absolute; top:0; width:100%; text-align:center; padding:10px 0; z-index:11; background:#000; opacity:0.8;}
	.overview .concept ul li span.bar {color:#777; font-weight:300px; font-size:17px; padding:0 5px;}

	.overview .mission {position:relative; clear:both;  text-align:center; }
	.overview .mission p.tt {font-size:30px;  line-height:40px; margin-top:50px;}
	.overview .textbox3 {position:relative; clear:both;  float:both; width:100%; padding-top:20px; margin-top:50px; }
	.overview .textbox3 p.tt1 {font-family: 'Daehan-Regular'; font-size:20px; font-weight:500; color:#986f32; letter-spacing:-0.03em; line-height:30px; padding-top:10px;}
	.overview .textbox3 p.tt2 {font-size:15px;  line-height:25px padding-top:20px;}
	.overview .textbox3 p.dqm_up {margin-top:0;}
	.overview .textbox3 p.dqm_down {margin-top:20px;}
	.overview .img2 {position:relative; clear:both;  float:both; width:100%; height:500px; margin-top:50px;}



	.mino .w700_r {width:100%; float:right;}
	.mino .w700_l {width:100%; float:left;}
	.mino .textbox1 {position:relative; clear:both;  float:both; width:100%; padding-top:20px;}
	.mino .textbox1 p.tt1 {font-size:35px; }
	.mino .textbox1 p.tt2 { font-size:20px; line-height:40px;}
	.mino .textbox1 p.tt3 {font-size:15px;margin-top:30px;}
	.mino .textbox1 p.tt4 { font-size:15px;  line-height:25px;}
	.mino .img1 {position:relative;clear:both;  float:both; width:100%; height:500px;margin-top:50px; }

	.mino .textbox2 {padding:0 20px;}
	.mino .textbox2 p.tt1 {font-family: 'Daehan-Regular'; font-size:20px; font-weight:500; color:#555; letter-spacing:-0.05em; line-height:50px; }
	.mino .textbox2 p.tt2 {font-size:15px;  line-height:25px; letter-spacing:-0.08em !important; margin-top:0;}

	.mino .concept {position:relative; clear:both;  text-align:center;}
	.mino .concept p.tt {font-size:30px; font-weight:700; line-height:40px; margin-top:50px; margin-bottom:50px;}
	.mino .concept ul { position:relative; clear:both; width:100%; margin:0 auto; padding-top:0;}
	.mino .concept ul li {clear:both;  float:both;  position:relative; color:#986f32; font-size:13px; font-weight:500;}
	.mino .concept ul li strong {color:#fff; font-size:17px; font-weight:700; letter-spacing:-0.05em;}
	.mino .concept ul li.img {width:100%;}
	.mino .concept ul li.img img {width:100%;}
	.mino .concept ul li.txt_l { position:absolute; top:0; width:100%; text-align:center; padding:10px 0; z-index:11; background:#000; opacity:0.8;}
	.mino .concept ul li.txt_r { position:absolute; top:0; width:100%; text-align:center; padding:10px 0; z-index:11; background:#000; opacity:0.8;}
	.mino .concept ul li span.bar {color:#777; font-weight:300px; font-size:17px; padding:0 5px;}

	.mino .mission {position:relative; clear:both;  text-align:center; }
	.mino .mission p.tt {font-size:30px;  line-height:40px; margin-top:50px;}
	.mino .textbox3 {position:relative; clear:both;  float:both; width:100%; padding-top:20px; margin-top:50px; }
	.mino .textbox3 p.tt1 {font-family: 'Daehan-Regular'; font-size:20px; font-weight:500; color:#986f32; letter-spacing:-0.03em; line-height:30px; padding-top:10px;}
	.mino .textbox3 p.tt2 {font-size:15px;  line-height:25px padding-top:20px;}
	.mino .textbox3 p.dqm_up {margin-top:0;}
	.mino .textbox3 p.dqm_down {margin-top:20px;}
	.mino .img2 {position:relative; clear:both;  float:both; width:100%; height:500px; margin-top:50px;}




}





/*-----------------------------------------------
  ⊙ overview 작품소개
------------------------------------------------*/

.work {position:relative; clear:both; text-align:center;}
.work .tt1 {font-family: 'Daehan-Regular'; font-size:40px; font-weight:500; color:#976f32; letter-spacing:-0.05em; line-height:40px; padding:50px 0;}
.work .tt2 {font-size:18px; line-height:35px;}

.work2 {position:relative; clear:both; width:1400px; margin:0 auto; border:10px solid #976f32; padding:30px;}
.work2 .img {float:left; width:25%; }
.work2 .txt {float:left; width:75%; padding-left:70px;}
.work2 .txt .tt1 { font-size:30px; font-weight:700; color:#333; border-bottom:1px solid #dfdfdf; line-height:50px; padding-bottom:20px;}
.work2 .txt .tt2 {font-size:16px; margin-top:40px;}



/*-----------------------------------------------
  ⊙ sub gallery  room, dining
------------------------------------------------*/
.gallery_txt {position:relative; clear:both;  text-align:center; font-size:17px; font-weight:300; margin-top:30px;}
/******* gallery *********************************/ 
.slider03 {position: relative; clear:both; overflow:hidden; margin: 0 auto; padding: 0; zoom: 1;}
.slider03 .flex-viewport {max-height: 2000px;}
.slider03 .slides {zoom: 1;margin: 0; padding: 0; }
.slider03 .slides > li {position: relative; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.slider03 .slides > li img {width:100%; }

/* Direction Nav */
.slider03 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;  position:relative;z-index:2222; }
.slider03 .flex-direction-nav a {width: 60px; height: 101px;  display: block; 	position: absolute; margin-top:30%; z-index: 1000;  cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.slider03 .flex-direction-nav .flex-prev {left:50px;  background:url(../images/sub/btn_prev.png) no-repeat 0 0;}
.slider03 .flex-direction-nav .flex-next {right:50px; background:url(../images/sub/btn_next.png) no-repeat 0 0;}

/* Control Nav */
.slider03 .flex-control-nav {width: 100%; position: absolute; bottom:10%; text-align: center;margin: 0; padding: 0; list-style: none; .left:0; display:block; z-index:2222; display:none;}
.slider03 .flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.slider03 .flex-control-paging li a {width: 15px; height: 15px; display: block; background: #000; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slider03 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.slider03 .flex-control-paging li a.flex-active { background: #976f32; cursor: default; }


/******* //gallery *********************************/ 

.gallery_info {position:relative; clear:both;}
.gallery_info .img {position:relative; float:left; width:35%; text-align:center; padding:0 5%;}
.gallery_info .img img {width:100%;}
.gallery_info .info {position:relative; float:left; width:65%; border-top:3px solid #976f32; border-bottom:1px solid #dfdfdf; padding:30px;}
.gallery_info .info table th {color:#333;}
.gallery_info .info table th, .gallery_info .info table td{padding:10px 0 !important; vertical-align:top;}

.gallery_round {position:relative; clear:both; text-align:center;}
.gallery_round ul li {float:left; width:33.3%; padding:0 4%;}
.gallery_round ul li p.icon {background:#986f33;  color:#fff; font-size:20px; font-weight:300; padding:50px 0; border-radius:150px; width:180px; margin:0 auto;}
.gallery_round ul li p.icon img {margin-bottom:10px;}
.gallery_round ul li p {padding:20px 10px;}


.gallery_round2 {border-top:1px solid #d0c9c0; border-bottom:1px solid #d0c9c0;}
.gallery_round2 dl {clear:both; border-bottom:1px solid #efefef;}
.gallery_round2 dl dd {float:left; width:15%; padding:20px; line-height:45px;font-weight:700; font-size:17px;}
.gallery_round2 dl dd img {margin-right:15px;}
.gallery_round2 dl dt {float:left; width:85%;padding:20px; font-size:16px;line-height:45px;}
.gallery_round2 dl dt span {margin-right:30px;}



.gallery_txt2 {position:relative; clear:both; text-align:left; margin-top:100px;  border-top:1px solid #dfdfdf; padding-top:100px;}
.gallery_txt2 .etc {position:relative; float:left; width:25%;}
.gallery_txt2 .cancellation {position:relative; float:left; width:40%;}
.gallery_txt2 .reservbox {position:relative; float:left; width:35%; font-size:17px;}
.gallery_txt2 .reservbox .icon {position:relative; clear:both; background:url(../images/room/icon06.png) no-repeat 0 5px; padding-left:100px; color:#555; line-height:30px;}
.gallery_txt2 .reservbox .icon p {font-weight:700; font-size:22px; color:#986f33;}
.gallery_txt2 .reservbox .btn {position:relative; clear:both; margin-top:20px; }
.gallery_txt2 .reservbox .btn button {background:#b3904a; color:#fff; font-weight:500; padding:15px 40px; margin:2px;}
.gallery_txt2 .reservbox .btn button.naver {background:#04cf5c;}
.gallery_txt2 .reservbox .btn button.naver img {margin:5px 5px 0 0;}








@media (max-width:1280px){

	.gallery_txt2 .etc {position:relative; float:left; width:40%;}
	.gallery_txt2 .cancellation {position:relative; float:left; width:60%;}
	.gallery_txt2 .reservbox {position:relative; clear:both; float:both; width:100%;  font-size:17px; margin-top:100px;}
	.gallery_txt2 .reservbox .btn button {background:#b3904a; color:#fff; font-weight:500; padding:15px 30px; margin:2px;}



	.gallery_round2 dl dd {width:20%;}
	.gallery_round2 dl dt {width:80%;}


}



@media (max-width:1000px){


	.gallery_info .info { padding:20px;}
	.gallery_info .info table th, .gallery_info .info table td{padding:5px 0 !important; font-size:15px !important;}

	.gallery_txt2 {position:relative; clear:both; text-align:left; margin-top:50px;  border-top:1px solid #dfdfdf; padding-top:50px;}
	.gallery_txt2 .etc {position:relative;clear:both; float:both; width:100%; }
	.gallery_txt2 .cancellation {position:relative; clear:both; float:both; width:100%; margin-top:50px;}



	.gallery_round ul li {float:left; width:33.3%; padding:0 1%;}
	.gallery_round ul li p.icon {background:#986f33;  color:#fff; font-size:17px; font-weight:300; padding:30px 0; border-radius:150px; width:100px; margin:0 auto;}
	.gallery_round ul li p.icon img {margin-bottom:10px;}
	.gallery_round ul li p {padding:20px 10px; line-height:22px;}


	.gallery_round2 dl dd {width:30%;}
	.gallery_round2 dl dt {width:80%;}


}



@media (max-width:700px){

	.gallery_slogan { font-size:20px; }
	.gallery_txt { font-size:15px; line-height:20px; margin-bottom:30px; }

	.gallery_info .img {position:relative; clear:both; float:both; width:100%; text-align:center; padding:0 10%;}
	.gallery_info .img img {width:100%;}
	.gallery_info .info {position:relative;clear:both; float:both; width:100%;  padding:20px; margin-top:70px;}

	.gallery_txt2 {margin-top:50px; padding-top:50px;}
	.gallery_txt2 .reservbox {position:relative; clear:both; float:both; width:100%;  font-size:17px; margin-top:100px;}
	.gallery_txt2 .reservbox .icon {position:relative; clear:both; background:url(../images/room/icon06.png) no-repeat 0 5px; padding-left:100px; color:#555; line-height:30px;}
	.gallery_txt2 .reservbox .icon p {font-weight:700; font-size:17px; color:#986f33;}
	.gallery_txt2 .reservbox .btn {position:relative; clear:both; margin-top:20px; width:100%;}
	.gallery_txt2 .reservbox .btn button {background:#b3904a; color:#fff; font-weight:500; font-size:17px;padding:15px 0; text-align:center; width:49%; margin:0.5%;}


	.subtt {position:relative; clear:both; font-size:18px; padding-top:10px; margin-bottom:10px;}

	.slider03 .flex-control-paging li a {width: 10px; height: 10px;}
	.slider03 .flex-direction-nav a { margin-top:20%; }

	.gallery_round2 dl dd {clear:both; float:both; width:100%;}
	.gallery_round2 dl dt {clear:both; float:both; width:100%; padding-top:0; line-height:30px;}





}



/*-----------------------------------------------
  ⊙ spa 스파온 온천사우나
------------------------------------------------*/
.spa_txt1 {position:relative; clear:both;}
.spa_txt1 ul li {float:left; color:#e83206; font-size:17px; font-weight:300;}
.spa_txt1 ul li.btn {float:right;}
.spa_txt1 ul li.btn button {background:#986f33; color:#fff; padding:15px 50px;}

.spa_txt2 {position:relative; clear:both;  font-size:17px; font-weight:300; text-align:center;}

.spa_info {position:relative; clear:both; margin-top:70px; border:1px solid #dfdfdf; padding:50px;}
.spa_info .left {position:relative; float:left; width:45%;}
.spa_info .right {position:relative; float:right; width:55%;}
.spa_info span.call {color:#179bd8; font-size:25px; font-weight:700;}
.spa_info table th, .spa_info table td {vertical-align:top; padding:20px 0;}
.spa_info table th {color:#333; font-size:17px; }
.spa_info table th p.tt {background:#976f32; color:#fff; width:100px; text-align:center; border-radius:20px;}
.spa_info table td { padding-right:50px;}

.spa_info2 {position:relative; clear:both; margin-top:20px; border:1px solid #dfdfdf; padding:50px;}
.spa_info2 table th, .spa_info2 table td {vertical-align:top; padding:20px 0;}
.spa_info2 table th {color:#333; font-size:17px; }
.spa_info2 table th p.tt {background:#976f32; color:#fff; width:100px; text-align:center; border-radius:20px;}


div.price_wrap {width: 100%;  overflow-x: auto;}
table.price {border-top:3px solid #976f32;  padding:30px; border-collapse: collapse; width:100%; min-width: 320px;}
table.price th {color:#555; background:#f6f6f6 !important;}
table.price th, .price td {padding: 5px 10px !important; text-align:center; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; font-size:15px !important;}
table.price th:first-child {border-left:0;}
table.price td:first-child {border-left:0;}
table.price th.bl1, .tableprice td.bl1{border-left:1px solid #dfdfdf; }

.spa_imgl_txtr {position:relative; clear:both; margin-top:70px;}
.spa_imgl_txtr .img1 {position:relative; float:left; width:50%; height:500px;background:url(../images/spa/01_bg01.jpg) no-repeat center; background-size:cover;}
.spa_imgl_txtr .img2 {position:relative; float:left; width:50%; height:500px;background:url(../images/spa/01_bg03.jpg) no-repeat center; background-size:cover;}
.spa_imgl_txtr .txt {position:relative; float:right; width:50%; padding:20px 0 0 70px;}
.spa_imgl_txtr .li_icon ul li {margin:15px 0; font-size:16px; }

.spa_imgr_txtl {position:relative; clear:both; text-align:center;}
.spa_imgr_txtl .img1 {position:relative; float:right; width:50%; height:500px;background:url(../images/spa/01_bg02.jpg) no-repeat center; background-size:cover;}
.spa_imgr_txtl .txt {position:relative; float:left; width:50%; padding:120px 70px 0 0;}
.spa_imgr_txtl .li_icon ul li {margin:15px 0; font-size:16px; }
.spa_imgr_txtl p.tt1 {font-family: 'Daehan-Regular'; font-size:30px; font-weight:500; color:#976f32; letter-spacing:-0.05em; line-height:90px; }
.spa_imgr_txtl p.tt2 {font-size:17px; color:#6f6f6f; font-weight:300; line-height:30px; letter-spacing:-0.08em !important; margin-top:30px;}



.spa_effect {position:relative; clear:both; }
.spa_effect dl {float:left; width:33.3%; padding:2%; vertical-align:top !important; padding:30px }
.spa_effect dl dt {position:relative; clear:both; font-size:20px; font-weight:400; color:#fff; text-align:center; background:#9a8e7f; line-height:60px;letter-spacing:-0.05em; margin-bottom:20px;}
.spa_effect dl dd {position:relative; clear:both;}





@media (max-width:1000px){

.spa_txt1 {position:relative; clear:both;}
.spa_txt1 ul li {clear:both; float:both; color:#e83206; font-size:17px; font-weight:300;}
.spa_txt1 ul li.btn {clear:both; float:both; text-align:center; width:100%; margin-top:30px;}
.spa_txt1 ul li.btn button {background:#986f33; color:#fff; padding:15px 50px;}

.subtt2 {position:relative; clear:both;  text-align:center;}
.subtt2 p.tt {font-size:30px; font-weight:700; line-height:40px;  letter-spacing:-2px ; margin:30px 0;}



.spa_info {position:relative; clear:both; margin-top:70px; border:1px solid #dfdfdf; padding:20px;}
.spa_info .left {position:relative; clear:both; float:both; width:100%;}
.spa_info .right {position:relative; clear:both; float:both; width:100%;}
.spa_info table th, .spa_info table td {vertical-align:top; padding:20px 0; font-size:15px; }
.spa_info table th {color:#333; font-size:15px; }
.spa_info table th p.tt {background:#976f32; color:#fff; width:80px; text-align:center; border-radius:20px;}
.spa_info table td {padding-left:10px;}

.spa_info2 {position:relative; clear:both; margin-top:20px; border:1px solid #dfdfdf; padding:20px;}
.spa_info2 table th, .spa_info2 table td {vertical-align:top; padding:20px 0; font-size:15px; }
.spa_info2 table td {padding-left:10px;}
.spa_info2 table th {color:#333; font-size:15px; }
.spa_info2 table th p.tt {background:#976f32; color:#fff; width:80px; text-align:center; border-radius:20px;}


.spa_imgl_txtr {position:relative; clear:both; margin-top:50px;}
.spa_imgl_txtr .img1 {position:relative; clear:both; float:both; width:100%; height:300px;background:url(../images/spa/01_bg01.jpg) no-repeat center; background-size:cover;}
.spa_imgl_txtr .img2 {position:relative; clear:both; float:both; width:100%;height:300px;background:url(../images/spa/01_bg02.jpg) no-repeat center; background-size:cover;}
.spa_imgl_txtr .txt {position:relative; clear:both; float:both; width:100%; padding:20px 0;}
.spa_imgl_txtr .li_icon ul li {margin:5px 0; font-size:16px; }


.spa_imgr_txtl {position:relative; clear:both; text-align:center;}
.spa_imgr_txtl .img1 {position:relative; clear:both; float:both; width:100%;height:300px;background:url(../images/spa/01_bg02.jpg) no-repeat center; background-size:cover;}
.spa_imgr_txtl .txt {position:relative; clear:both; float:both; width:100%; padding:0 0 30px 0;}
.spa_imgr_txtl .li_icon ul li {margin:15px 0; font-size:16px; }
.spa_imgr_txtl p.tt1 {font-family: 'Daehan-Regular'; font-size:30px; font-weight:500; color:#976f32; letter-spacing:-0.05em; line-height:90px; }
.spa_imgr_txtl p.tt2 {font-size:17px; color:#6f6f6f; font-weight:300; line-height:25px; letter-spacing:-0.08em !important; margin-top:30px;}



.spa_effect {position:relative; clear:both; }
.spa_effect dl {float:left; width:100%; padding:2%; vertical-align:top !important; padding:20px 0; }
.spa_effect dl dt {position:relative; clear:both; font-size:17px; font-weight:400; color:#fff; text-align:center; background:#9a8e7f; line-height:40px;letter-spacing:-0.05em; margin-bottom:0;}
.spa_effect dl dd {position:relative; clear:both;}

.pl35 {padding-left:0;}
a.subpop_btn { padding:5px 10px; font-size:14px; }
.w150 {width:80px !important; line-height:18px !important; padding:5px 10px !important;}

.subpop_btn2{position:relative; clear:both; }
.subpop_btn2 ul li {clear:both; float:both; width:150px; text-align:center;  margin:3px;}
.subpop_btn2 ul li a {display:block; padding:5px 0; font-size:14px; }


div.price_wrap { overflow-x: auto;    -webkit-overflow-scrolling: touch;}
table.price {width: max-content;}





}








/*-----------------------------------------------
  ⊙ spa 가든온
------------------------------------------------*/

.spa_img_txt_zigzag  {position:relative; clear:both; font-size:17px; font-weight:300;}
.spa_img_txt_zigzag p.tt {font-family: 'Daehan-Regular'; font-size:30px; font-weight:500; color:#976f32; letter-spacing:-0.05em; line-height:90px;}
.spa_img_txt_zigzag p.btn {position:relative; clear:both; margin-top:70px; padding:0 !important;}
.spa_img_txt_zigzag .imgtxt {position:relative; clear:both; margin-top:100px !important;}
.spa_img_txt_zigzag .imgtxt .img {float:left; width:50%;}
.spa_img_txt_zigzag .imgtxt .img img {width:100%;}
.spa_img_txt_zigzag .imgtxt .txt {float:right; width:50%; padding:30px 30px 30px 70px;}
.spa_img_txt_zigzag .txtimg {position:relative; clear:both; margin-top:100px !important; }
.spa_img_txt_zigzag .txtimg .txt {float:left; width:50%;padding:30px 70px 30px 30px;}
.spa_img_txt_zigzag .txtimg .img {float:right; width:50%; }
.spa_img_txt_zigzag .txtimg .img img {width:100%;}

.gardenon_guide {position:relative; clear:both; border:1px solid #dfdfdf;  margin-top:70px;}
.gardenon_guide .li_icon ul{float:left; width:50%;padding:40px;}
.gardenon_etc {position:relative; clear:both; margin-top:100px;}


@media (max-width:1100px){

	.spa_img_txt_zigzag  {position:relative; clear:both; font-size:15px; font-weight:300;}
	.spa_img_txt_zigzag p.tt {font-family: 'Daehan-Regular'; font-size:25px; font-weight:500; color:#976f32; letter-spacing:-0.05em; line-height:50px;}
	.spa_img_txt_zigzag p.btn {position:relative; clear:both; margin-top:30px; padding:0 !important;}
	.spa_img_txt_zigzag .imgtxt {position:relative; clear:both; margin-top:50px !important;}
	.spa_img_txt_zigzag .imgtxt .img {clear:both; float:both; width:100%;}

	.spa_img_txt_zigzag .imgtxt .txt {clear:both; float:both; width:100%; padding:20px;}
	.spa_img_txt_zigzag .txtimg {position:relative; clear:both; margin-top:50px !important; }
	.spa_img_txt_zigzag .txtimg .txt {clear:both; float:both; width:100%;padding:20p;}
	.spa_img_txt_zigzag .txtimg .img {clear:both; float:both; width:100%; }


	.gardenon_guide {position:relative; clear:both; border:1px solid #dfdfdf;  margin-top:40px; padding:20px;}
	.gardenon_guide .li_icon ul{clear:both; float:both; width:100%; padding:0;}
	.gardenon_etc {position:relative; clear:both; margin-top:50px;}

}






/*-----------------------------------------------
  ⊙ etc_info
------------------------------------------------*/

.etc_info  {position:relative; clear:both;  font-size:17px; border-top:1px solid #dfdfdf; margin-top:100px;}
.etc_info dl {position:relative; clear:both; padding-top:100px;}
.etc_info dl dt {float:left; width:13%; background:#986f33; color:#fff; margin-right:5%; border-radius:50px; text-align:center; font-size:20px; font-weight:700; padding:10px 0; line-height:20px;}
.etc_info dl dt span {font-size:15px; font-weight:300;}
.etc_info dl dd {float:left; width:82%; }
.etc_info dl dd .file_down {position:relative; clear:both; margin-top:20px !important;}
.etc_info dl dd .file_down a {background:#f9f9f9; font-size:15px; color:#555; font-weight:400; padding:10px 20px; border:1px solid #dfdfdf;}
.etc_info dl dd ol {margin-left:20px; }
.etc_info dl dd ol li {margin-bottom:10px;}
.etc_info dl dd ol ul li {font-size:15px; margin-bottom:0;}
.etc_info dl dd ol ul li p{font-size:14px; color:#777; padding-left:20px;}
.etc_info dl dd ul { }
.etc_info dl dd ul li {margin-bottom:10px;}
.etc_info dl dd ul ul li {font-size:15px; margin-bottom:0;margin-left:20px;}
.etc_info dl dd ul ul li p{font-size:14px; color:#777; padding-left:20px;}
.etc_info .btn {position:relative; clear:both; width:100%; text-align:center; margin-top:100px;}
.etc_info .btn a {background:#555; font-size:17px; color:#fff; font-weight:500; padding:15px 50px;}
.etc_info .mt100 {margin-top:100px; color:#986f33;}




@media (max-width:1000px){

	.etc_info  {margin-top:50px;}
	.etc_info dl {position:relative; clear:both; padding-top:50px;}
	.etc_info dl dt {clear:both; float:both; width:100%;  margin-right:0; font-size:17px; padding:5px 0;}
	.etc_info dl dt span {margin-left:10px;}
	.etc_info dl dt br {display:none;}
	.etc_info dl dd {clear:both; float:both; width:100%;  padding:20px; font-size:15px; line-height:24px;}
	.etc_info .btn { margin-top:50px;}
	.etc_info .btn a {display:block; padding:10px 0;}
	.etc_info .mt100 {margin-top:50px;}


	


}




/* 유튜브 동영상 100% */
  .youtubeWrap {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
  }
  .youtubeWrap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
  }



















/*-----------------------------------------------
  ⊙ mobile main new
------------------------------------------------*/
@media (max-width:1000px){


 .mobile_new .index-section {
  overflow: hidden;
  margin-bottom: 0px !important;  
  transform: translate(0, 30px);
  opacity: 0;
}





	/******* visual *********************************/ 
	.mobile_topban {position: relative; clear:both;background:#006241; color:#fff; font-size:14px; font-weight:500; padding:3px 0 5px 0; text-align:center; margin-top:78px;}
	.mobile_topban button {background:#fff; color:#00362a; font-size:13px; line-height:20px; font-weight:600; padding:0 10px; border-radius:5px; margin-left:5px;}
	.mobile_mem { position: absolute; top:15px; right:15px; color:#fff; font-size:13px;  font-weight:100; z-index:99; }
	.mobile_mem a {font-weight:500; padding:0 5px; 0 5px}
	.mobile_mem img {margin:5px 0 0 0;}

	.mobile_visual {position: relative; clear:both; }
	/*메인 모바일 비주얼*/
	.mobilevisual-slider {position: relative; width:100%; margin-top:80px;}
	.mobilevisual-slider img { width: 100%; height:auto; display: block; }
	.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -webkit-tap-highlight-color: transparent; }
	.slick-list { overflow: hidden; margin: 0; padding: 0; }
	.slick-slide { display: none; float: left; height: ; min-height: 1px; }
	.slick-slide img { display: block; }
	.slick-initialized .slick-slide { display: block; }
	.slick-dots { position: absolute; bottom: 20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
	.slick-dots li { position: relative; display: inline-block; margin: 0 3px; padding: 0; cursor: pointer; }
	.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color:#fff !important; border: 0; outline: none; }							/*
	.slick-dots li button:before { content: '•'; font-family: inherit; font-size: 25px; line-height: 25px; position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #ffffff !important; opacity: 1 !important; }
	.slick-dots li.slick-active button:before { color:#ffffff !important;   font-size: 30px !important; line-height: 30px !important; }*/
	.mobilevisual-slider .slick-dots li button:after,
	.mobilevisual-slider .swiper-pagination-bullet:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 8px; height: 8px; border-radius: 10px; background-color: #fff; } 
	.mobilevisual-slider .slick-dots li.slick-active button:after,
	.mobilevisual-slider .swiper-pagination-bullet-active:after { background-color: #fff; width: 12px; border-radius: 10px; height: 12px; }







	.slider05 {position: relative; clear:both; overflow:hidden; margin: 0 auto; padding: 0; zoom: 1;}
	.slider05 .flex-viewport {max-height: 2000px;}
	.slider05 .slides {zoom: 1;margin: 0; padding: 0; }
	.slider05 .slides > li {position: relative; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
	.slider05 .slides > li img {width:100%; }

	/* Direction Nav */
	.slider05 .flex-direction-nav {*height: 0;margin: 0; padding: 0; list-style: none;  position:relative;z-index:2222; display:none;}
	.slider05 .flex-direction-nav a {width: 60px; height: 101px;  display: block; 	position: absolute; margin-top:30%; z-index: 1000;  cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
	.slider05 .flex-direction-nav .flex-prev {left:50px;  background:url(../images/sub/btn_prev.png) no-repeat 0 0;}
	.slider05 .flex-direction-nav .flex-next {right:50px; background:url(../images/sub/btn_next.png) no-repeat 0 0;}

	/* Control Nav */
	.slider05 .flex-control-nav {width: 100%; position: absolute; bottom:1%; text-align: center;margin: 0; padding: 0; list-style: none; .left:0; display:block; z-index:2222; }
	.slider05 .flex-control-nav li { display: inline-block; zoom: 1; *display: inline;}
	.slider05 .flex-control-paging li a {margin: 2px 15px; width: 11px; height: 11px; display: block; background: #000; background:#fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
	.slider05 .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
	.slider05 .flex-control-paging li a.flex-active { width: 14px; height: 14px;  background: #fff; cursor: default; }


	.mobile_ban_quicklink {position: relative; clear:both;   }
	.mobile_ban_quicklink .wrap {position: relative; clear:both;  background:url(../images/m_main/bg_t.jpg) repeat-x bottom; }
	.mobile_ban_quicklink .link1 {position: relative; clear:both; text-align: center; padding:10px 15px 0 15px;}
	.mobile_ban_quicklink .link1 ul li {float:left; width:24%; margin:0.5%;}
	.mobile_ban_quicklink .link1 ul li a {display:block; background:#ebebeb; color:#000; font-weight:500; font-size:12.5px; padding:0 0; letter-spacing:-0.07em; border-radius:10px;}
	.mobile_ban_quicklink .ban {position: relative; clear:both; margin-top:10px; padding:0 15px;}
	.mobile_ban_quicklink .ban img {width:100%; border-radius:10px;}
	.mobile_ban_quicklink .link2 {position: relative; clear:both; padding:10px 15px 20px 15px; background:url(../images/m_main/bg_b.jpg) repeat-x top;}
	.mobile_ban_quicklink .link2 ul li {float:left; width:20%;  text-align: center;}
	.mobile_ban_quicklink .link2 ul li a {color:#046241; font-weight:500; font-size:13px;}


	.mobile_promotion {position: relative; clear:both; padding:15px; }
	.mobile_promotion .tit {color:#444; font-size:20px; font-weight:700; line-height:35px;}
	.mobile_promotion .list1 { position:relative;  clear:both;}
	.mobile_promotion .list1 ul li {position:relative;  clear:both; }
	.mobile_promotion .list1 ul li img {width:100%; border-radius:10px;}
	.mobile_promotion .list1 ul li.info { padding-right:120px;}
	.mobile_promotion .list1 ul li.info a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#444; font-weight:500;  font-size:17px;  line-height:40px;}
	.mobile_promotion .list1 ul li.info em{ position:absolute; right:0; top:0; font-size:14px; color:#444; font-weight:300;  line-height:35px; }
	.mobile_promotion .list1 ul li.info em span {font-size:17px; font-weight:700; }
	.mobile_promotion .list2 { position:relative;  clear:both; margin-top:20px;}
	.mobile_promotion .list2 ul li {position:relative; float:left; width:49.5%; margin-right:1%;}
	.mobile_promotion .list2 ul li:last-child {margin-right:0; }
	.mobile_promotion .list2 ul li img {width:100%; border-radius:10px;}
	.mobile_promotion .list2 ul li a {color:#444; font-weight:500;  font-size:15px;  line-height:35px;}


	.mobile_thenpick {position: relative; clear:both; padding:15px; }
	.mobile_thenpick .tit {color:#444; font-size:20px; font-weight:700; line-height:35px;}
	.mobile_thenpick .list { position:relative;  clear:both; }
	.mobile_thenpick .list ul li {position:relative; float:left; width:49.5%; margin-right:1%; margin-top:5px;border:1px solid #c0c0c0; border-radius:10px;}
	.mobile_thenpick .list ul li:nth-child(2n)  {margin-right:0; }
	.mobile_thenpick .list ul li img {width:100%; border-radius:10px 10px 0 0;}
	.mobile_thenpick .list ul li p {padding:0 15px;line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
	.mobile_thenpick .list ul li a {color:#444; font-weight:500;  font-size:15px;  }
	.mobile_thenpick .list ul li a span {font-size:17px; font-weight:700;}
	.mobile_thenpick .list ul li p.tt1 {font-weight:500; padding-top:10px;}
	.mobile_thenpick .list ul li p.tt2 {font-weight:300; }
	.mobile_thenpick .list ul li p.date {color:#999; font-weight:500;}
	.mobile_thenpick .list ul li p.pric {padding:20px 15px 10px 15px; }


	.mobile_video {position: relative; clear:both; padding:15px; }
	.mobile_video video {border-radius:10px;}


	.mobile_review {position: relative; clear:both; padding:15px; font-size:14px;}
	.mobile_review .tit {color:#444; font-size:20px; font-weight:700; line-height:35px; text-align:center;}
	.mobile_review .list {position: relative; clear:both; border-bottom:1px solid #dfdfdf; padding:20px 0 40px;}
	.mobile_review .list .info {position: relative; clear:both; }
	.mobile_review .list .info .area {color:#555; font-weight:500; font-size:18px; letter-spacing:-0.03em;}
	.mobile_review .list .info ul li {float:left; color:#bbb;}
	.mobile_review .list .info ul li span.line {margin:0 5px 0 5px;}
	.mobile_review .list .info ul li.star {float:right;}
	.mobile_review .list .info ul li.star img {margin:5px 0 0 0px;}
	.mobile_review .list .info ul li.star span {color:#333;}
	.mobile_review .list .cont {position: relative; clear:both; margin-top:10px;}
	.mobile_review .list .cont .tt {color:#333; font-weight:500; font-size:18px;}
	.mobile_review .list .cont .tx {line-height:22px; letter-spacing:-0.03em; color:#666; margin-top:5px;} 


	.mobile_followus {position: relative; clear:both; padding:15px 15px 15px 15px; }
	.mobile_followus .box {position: relative; clear:both; padding:15px; background:#1f3a33; border-radius:10px; color:#fff;}
	.mobile_followus .box ul {float:right;}
	.mobile_followus .box ul li {float:left; margin-left:10px;}
	.mobile_followus .box ul li img {height:35px;}
	.mobile_followus .box .tit {float:left; font-size:20px; font-weight:700; line-height:35px;}

	.mobile_quick {position: fixed; top:25%; right:15px; z-index:99; }
	.mobile_quick ul li {margin-top:10px;}


}