@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v29/2fcrYFNaTjcS6g4U3t-Y5SQZRqoBW5Q4K_a7BOZJO20.eot);
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}


/* 공통S */
#contents {position:relative;}
.img100 {width:100%;}
.img50 {height:50%;}
/* 공통E */

/* layout */
body, table, th, td, button, select, input, textarea {
	color:#555;
	font-family:"나눔고딕", 'NanumGothic', "WebNanumGothic","맑은 고딕", Malgun Gothic, dotum,'돋움',gulim,'굴림',Arial;
	font-size:13px;
	font-weight: 300;
	-webkit-text-size-adjust:none;
}
body { background-color:#fff;	-webkit-text-size-adjust:none; }
#wrap{width:100%; min-width:320px; }
.material-icons{line-height:inherit !important;}
/* 공통클래스 */
.area{width:97%; margin:0px auto;}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.fl{float:left;}
.fr{float:right;}


/* 전체메뉴 열기*/

/* skip NAV */
.cm-accessibility a { position:absolute; text-align:center; width:200px; display:block; background:#c52227; color:#fff; left:-9999px; }
.cm-accessibility a:hover { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:focus { z-index:999999; margin-left:-100px; left:50%; }
.cm-accessibility a:active { z-index:999999; margin-left:-100px; left:50%; }

.slick-arrow{outline:none;}
.slick-slide a{outline:none;}

/* ******************  레이아웃 ********************** */
/* -------- 상단 배너 topBanner -------- */
#topBanner{position:relative; overflow:hidden; margin-bottom:2%;}
#topBanner img{width:100%; max-width:1200px; overflow:hidden; display:block; margin:0px auto; }
.banner-close-btn{position:absolute; bottom:0px; right:3%; line-height:24px; font-size:12px;}
.banner-close-btn .close-btn{font-size:12px;}
.banner-close-btn .close-btn i{vertical-align:middle;}


/* -------- Header -------- */
#header{position:relative; height:60px; }
#headerInner{position:absolute; top:0; left:0; width:100%; height:60px; z-index:9997; background-color:#fff;}
#headerInner.fixed{position:fixed; top:0px; left:0px; }
#headerInner .logo{padding-top:10px; }
#headerInner .logo img{width:200px;}
#headerInner .logo > span{display:inline-block; vertical-align:middle; margin-left:3px;}
#headerInner .logo > span a{font-size:12px; color:#ababab; letter-spacing:-1px; }
#headerInner .logo > span.on a{color:#363636; font-weight:500;}
#headerInner .header-search-btn{position:absolute; top:15px; left:16px;}
#headerInner .header-search-btn i{font-size:32px; color:#aaa;}
#headerInner .header-tel-btn{
	position:absolute; top:8px; left:16px; width:45px; height:45px; text-align:center; line-height:45px;
	-webkit-border-radius:45px;-moz-border-radius:45px;-o-border-radius:45px;border-radius:45px; box-sizing:border-box; border:1px solid #eee;
	box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .1);
}
/* logo LEFT */
#headerInner.header-logo-left .logo{padding-left:16px; }
/* logo CENTER */
#headerInner.header-logo-center .logo{text-align:center;}

/* 탑 고정 전화 */
.nav-tel-btn{
	position:absolute; top:0px; right:0px; z-index:9999; width:55px; height:55px; 
	transition:all 0.7s; -webkit-transition:all 0.7s; -oz-transition:all 0.7s; -ms-transition:all 0.7s; 
	/*-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px; box-sizing:border-box;*/	
}
.nav-tel-btn.fixed{position:fixed; top:0px; right:0px; }
.nav-tel-btn > p{font-size:30px; line-height:30px; font-weight:500; padding-top:50px;}
.nav-tel-btn > p a{color:#ddd;}
.nav-tel-btn > p i{vertical-align:middle;}
.nav-tel-btn > span{display:block;  color:#f55b78; font-size:30px; line-height:55px; text-align:center; letter-spacing:-0.5px; }
.nav-tel-btn > span a{color:#f55b78;}
.nav-tel-btn > span i{vertical-align:middle;}


/* NAV OPEN BUTTON */
.nav-open-btn{
	position:absolute; top:13px; left:14px; 
	transition:all 0.7s; -webkit-transition:all 0.7s; -oz-transition:all 0.7s; -ms-transition:all 0.7s; z-index:9999;
}
.nav-open-btn.fixed{position:fixed; top:13px; left:14px;}

.nav-open-btn .line{
	display:block; width:28px; height:2px; background-color:#b7b7b7; border-radius:5px; margin: 7px auto;
	-webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
 }
.nav-open-btn .line2{/*width:23px; margin-left:5px;*/width:28px;  }

.nav-open-btn.active{position:fixed; top:13px; left:14px; z-index:99999;}
.nav-open-btn.active .line{background-color:#c7c7c7;}
.nav-open-btn.active .line:nth-child(2){
  opacity: 0;
}

.nav-open-btn.active .line:nth-child(1){
  -webkit-transform: translateY(10px) rotate(45deg);
  -ms-transform: translateY(10px) rotate(45deg);
  -o-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.nav-open-btn.active .line:nth-child(3){
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  -o-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}


/* Header :: Gnb */
#gnb{ 
	overflow-y:auto; position:fixed; top:0px; left:-80%; width:80%; height:100%; max-width:260px; background-color:#414141; z-index:9999;
	/* gnb OPEN 속도 */
	transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
#gnb.open{left:0px;}
#gnb .nav-tel{width:90%; height:90px; padding-left:25px;}
#gnb .nav-tel > p{font-size:25px; line-height:28px; font-weight:bold; font-weight:400; padding-top:35px; letter-spacing:-0.04em; }
#gnb .nav-tel > p a{color:#ffff00;}
#gnb .nav-tel > p i{font-size:20px; vertical-align:middle; margin-right:0px; }
#gnb .nav-tel > p > span{display:block; color:#fff !important; font-size:14px !important; text-align:right; margin-right:32px; line-height:14px; font-weight:normal; letter-spacing:-0.2px; text-indent:25px; padding-bottom:10px; }
#gnb #navigation{margin-top:40px;}
#gnb #navigation > li{border-bottom:1px solid #999;}
#gnb #navigation > li:first-child{border-top:0px solid #d4d4d4;}
#gnb #navigation > li > a {background:url(../images/layout/gnb_plus_btn.png) no-repeat 95% 50%; background-size:17px; }
#gnb #navigation > li > a{display:block; padding:12px 8% 12px 30px; color:#fff; font-size:14px; }
#gnb #navigation > li.active > a{color:#222; background:#fff url(../images/layout/gnb_plus_btn_on.png) no-repeat 95% 50%; background-size:17px}
#gnb #navigation > li .gnb-2dep{display:none; background-color:#f6f6f6; padding:12px 0;}
#gnb #navigation > li .gnb-2dep li a{display:block; color:#444; font-size:14px; padding:10px 12% 10px 15%;}

.gnb-bg{display:none; 	position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.2; filter:alpha(opacity=20); z-index:9998;}

#gnb .nav-account{width:90%; height:70px; padding-left:25px;}
#gnb .nav-account > p{font-size:17px; line-height:24px; font-weight:bold; font-weight:400; padding-top:10px; letter-spacing:-0.2px; color:#fff;}
#gnb .nav-account > p i{font-size:15px; vertical-align:middle; margin-right:0px; }
#gnb .nav-account > p > span{display:block; color:#fff !important; font-size:14px !important; text-align:left; margin-right:48px; line-height:14px; font-weight:normal; letter-spacing:-0.2px; text-indent:20px; padding-top:10px; }
	




/* ******************  메인 레이아웃 ********************** */
/* Main Layout :: VISUAL */
#mainVisual{overflow:hidden; text-align:center; }

/* 메인비주얼 */
#visual {width:100%; min-height:300px; padding:45px 0; margin: 0 auto; background:#222 url(/m/img/main/visual.jpg) top center no-repeat; background-size:cover;}

.flexslider  {margin: 0 0 60px; position: relative; width: 100%; margin: 0 auto;  zoom: 1;}
.flex-viewport {max-height: 640px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 640px;}
.flexslider .slides {zoom: 1;  }
.flexslider .slides {margin: 0 auto; }
.flexslider .slides .txt_wrap{position:relative; width: 90%; padding:5px 0; top:100px; background:rgba(0,0,0,0.5); text-align:center; letter-spacing:-0.05em; margin: 0 auto;  word-break : keep-all;  text-shadow:2px 2px 1px black;}
.flexslider .slides .txt_wrap h1{width: auto; font-size:26px; color:#fff; font-weight:600; margin-top:10px; padding-bottom:5px; font-family:"나눔명조", 'NanumMyeongjo', 'NanumGothic', "WebNanumGothic","맑은 고딕", Malgun Gothic, dotum,'돋움',gulim,'굴림',Arial; letter-spacing:-0.07em; line-height:120%;}
.flexslider .slides .txt_wrap h1 span{color:#ffe535; }
.flexslider .slides .txt_wrap h2{width: 100%; font-size:25px; color:#fff; font-weight:600; margin-top:5px;  font-family:"나눔명조", 'NanumMyeongjo', 'NanumGothic', "WebNanumGothic","맑은 고딕", Malgun Gothic, dotum,'돋움',gulim,'굴림',Arial; line-height:120%;}
.flexslider .slides .txt_wrap h3{font-size:18px; color:#fff; font-weight:600; }
.flexslider .slides .txt_wrap h4{font-size:18px; color:#fff; font-weight:600; line-height:120%;}
.flexslider .slides .txt_wrap p{font-size:18px; color:#fff; margin-top:20px; font-weight:300;  line-height:120%;}




span.bcolor{color:#055e87; display:inline !important; background:rgba(255,255,255,0,0) !important;}

/* Main Layout :: MainContent */
#mainContent{width:100%; /*padding-top:5%; */}

.btn_normal {display:inline-block; width:60%; max-width:340px; height:36px; color:#fff; text-align:center; font-size:14px; letter-spacing:-0.02em; line-height:36px; background:url(/img/main/arrow_b_bold.png) 90% 50% no-repeat; border:2px solid #067abc; cursor:pointer; vertical-align:middle; margin-top:00px;}
.btn_normal a{color:#444;}

.btn_blue {display:inline-block; width:45%; max-width:340px; height:40px; color:#fff; text-align:center; font-size:14px; letter-spacing:-0.02em; line-height:36px;  background:#034373 url(/img/main/arrow_w_light.png) 90% 50% no-repeat; cursor:pointer; vertical-align:middle;}
.btn_blue a{color:#fff;}

.btn_black {display:inline-block; width:45%; max-width:340px; height:40px; color:#ffeb0b; text-align:center; font-size:14px; letter-spacing:-0.02em; line-height:36px; background:#2e2e2e url(/img/main/arrow_w_light.png) 90% 50% no-repeat; cursor:pointer; vertical-align:middle;}
.btn_black a{color:#ffeb0b;}

/* Main Layout :: 직업 */
#mainJob{overflow:hidden; padding:50px 0 50px 0; background:#f8f8f8;}
#mainJob > h2{font-size:20px; line-height:30px; text-align:center; color:#2b2b2b; font-weight:400; margin-bottom:20px; }
#mainJob > h2 span{color:#014ea2;}
#mainJob > h2 p{font-size:14px; line-height:20px; color:#666; letter-spacing:-0.02em; word-break : keep-all; margin-top:10px; }
#mainJob > ul.cm{width:90%; max-width:900px; margin:0 auto; position:relative; }
#mainJob > ul.cm li{position:relative; display:inline-block; width:100%; max-width:900px; padding:15px 0; margin-bottom:10px; }
#mainJob > ul.cm li > h5{font-size:21px; color:#fff; font-weight:400; margin-bottom:10px;  margin-left:40px;}
#mainJob > ul.cm li > p{font-size:15px; color:#fff; letter-spacing:-0.4px; margin-bottom:10px;  margin-left:40px;}
#mainJob > p{font-size:15px; color:#222; text-align:center; line-height:26px; margin-bottom:20px; margin-top:20px; padding-bottom:10px; }
#mainJob .j_list01{background:#22699e url(/img/main/icon_plus.png) 90% 50% no-repeat;  }
#mainJob .j_list02{background:#298dae url(/img/main/icon_plus.png) 90% 50% no-repeat;  }





/* -------- 서브 컨텐츠 :: 공통 -------- */
#commonContainer{width:100%; background:url(../img/main/common_bg.jpg) no-repeat center top; background-size:100%; padding-top:140px;}

/************* 하단고객센터 *************/
#cust {position:relative; width:100%; max-width:900px; padding:5px 0 5px 0; margin:0 auto; border-top:1px solid #dddddd; } 

#contact_wrap {width:100%; position:relative; margin:0 auto; height:auto; margin-top:10px; margin-bottom:10px; padding:15px 0; background:url(/img/main/icon01.jpg) no-repeat 96% 30%; background-size:50px;  border-bottom:1px solid #dddddd; cursor:pointer}
#room_wrap {width:100%; position:relative; margin:0 auto; height:auto; margin-top:10px; margin-bottom:10px; padding:15px 0; background:url(/img/main/icon_cust02.png) no-repeat 96% 30%; background-size:50px;  border-bottom:1px solid #dddddd; cursor:pointer}
#view_wrap {width:100%; position:relative; margin:0 auto; height:auto; margin-top:10px; margin-bottom:10px; padding:15px 0; background:url(/img/main/icon_cust03.png) no-repeat 96% 30%; background-size:50px;  border-bottom:1px solid #dddddd; cursor:pointer}
 
#room_wrap i{font-size:17px; vertical-align:middle; margin-right:12px; color:#63bcc9;}
#view_wrap i{font-size:20px; vertical-align:middle; margin-right:12px; color:#98c963;}
#contact_wrap i{font-size:20px; vertical-align:middle; margin-right:16px; color:#d69e45;}
#cust_wrap i{font-size:22px; vertical-align:middle; margin-right:13px; color:#cfaac7;}

#cust_wrap{padding:15px 0 }
#cust .cust_title{width:90%; font-size:19px; color:#2b2b2b; padding-left:30px; margin-bottom:10px; font-weight:400; }
#cust .cust_title span{color:#014ea2;}
#cust .cust_con{width:90%; padding-left:30px; }
#cust_wrap .cust_con .m_tel{font-size:20px; line-height:1.4em;  font-weight:normal; margin-top:5px; letter-spacing:-0.04em; color:#e72045;}
#cust_wrap .cust_con .m_tel a{color:#e72045;}
#cust_wrap .cust_con ul{width:100%; height:auto;}
#cust_wrap .cust_con ul:after{content:""; display:block; clear:both; margin:0 auto; }
#cust_wrap .cust_con ul li{float:left; font-size:14px; margin-right:20px; line-height:1.6em; }
#cust_wrap .cust_con ul li:last-child{margin-right:0px !important;} 
#cust_wrap .cust_con ul li.m_txt{ line-height:1.4em;}
#cust_wrap .cust_con ul li.m_txt a{color:#444;}
#cust_wrap .cust_con ul li span{color:#444;}
#cust_wrap .cust_con ul li p{clear:both; width:100%; font-size:13px; text-align:left; margin-top:10px; }


/*하단*/
footer{padding:0% 0 0 0;  background:#222;}
footer .copyright{ width:95%; max-width:900px; margin:0 auto; padding:30px 0 30px 0; line-height:18px; text-align:center; }
footer .copyright .adress{color:#fff; font-size:13px;}
footer .copyright .adress span{ font-weight:400;}
footer .copyright .tel{color:#fff; font-size:13px; padding-top:5px;letter-spacing:-0.02em; }
footer .copyright .tel a{color:#fff;}
footer .copyright .copy{color:#fff; font-size:13px; padding-top:10px; letter-spacing:-0.02em; margin-left:10px; }
footer .copyright .copy span{ color:#fff; text-transform:uppercase}

footer .copyright ul{width:100%; height:auto;  margin-top:10px; text-align:center; }
footer .copyright ul:after{content:""; display:block; clear:both; margin:0 auto; }
footer .copyright ul li{color:#fff; font-size:12px; display:inline-block; margin-right:6px; margin-left:6px; }
footer .copyright ul li.tel a{color:#fff;}
footer .copyright ul li.copy{color:#fff; }


/* FOOTER :: 메뉴하단 */
.footer-menu-bottom{padding-top:0px; height:50px; text-align:center;}
.footer-menu-bottom a{display:inline-block; /*width:40%;*/ height:50px; line-height:45px; /*max-width:170px;*/ font-size:16px; font-weight:400;/*border-radius:30px; border-radius:30px; -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px; border-radius:30px;*/}
.footer-menu-bottom a i{font-size:18px; vertical-align:middle;}
.footer-menu-bottom.menu-num2 a{width:49%; /*margin:0 1%; float:left;내가추가함*/  font-size:16px; }
.footer-menu-bottom.menu-num3 a{width:42%; margin:0 0%; font-size:14px; float:left;}
.footer-menu-bottom a.privacy-btn{background-color:#fff; border-color:#ffba00;}
.footer-menu-bottom a:nth-child(1){color:#fff; margin-right: 1px; border-right:1px solid #999;  text-indent:10px}
.footer-menu-bottom a:nth-child(1) i{width:25px; height:25px; /*background-color:#fff;*/line-height:23px; font-size:15px; text-align:center; border-radius:25px; color:#fff; }
.footer-menu-bottom a:nth-child(2){ color:#ffff00; }
.footer-menu-bottom a:nth-child(2) i{width:25px; height:25px; /*background-color:#ffff00;*/ line-height:23px; font-size:15px; text-align:center; border-radius:25px; color:#fff; }
.footer-menu-fixed{position:fixed; bottom:0px; left:0; width:100%; background:#fff; padding:0px 0%;  background-color:rgba(0,0,0,0.9); z-index:500;}
.footer-menu-wrap{width:100%; max-width:900px; margin: 0 auto;}



	
	
/* 메인 관련 S*/

/* 메인 버튼 크기 및 위치 */

/* 메인 버튼 크기 및 위치 index3*/
#contents .main_btn { position:relative;}
#contents .main_btn div a {float:left; margin-right:1%;}
#contents .main_btn div {overflow:hidden;}
#contents .main_btn div.btn_2,#contents .main_btn div.btn_3 {margin:1% 0 1% 1%;}
#contents .main_btn div.btn_2 a {width:49%;}
#contents .main_btn div.btn_3 a {width:32.33%}



/* 메인 버튼 크기 및 위치 */

/* 메인 관련 E*/



/************* 메인콘텐츠 공통 *************/
#contents h2.con_title{font-size:1.7em; color:#7c7c7c; text-align:center; padding-top:1%; margin-bottom:1%; letter-spacing:-0.02em; text-transform:uppercase; }
#contents h2.con_title02{font-size:1.7em; color:#5e8792; text-align:center; padding-top:1%; margin-bottom:4%; letter-spacing:-0.02em; text-transform:uppercase; }
#contents h2.con_title03{font-size:1.7em; color:#fff; text-align:center; padding-top:1%; margin-bottom:4%; letter-spacing:-0.02em; text-transform:uppercase; }
#contents h2.con_title span{font-weight:700;}
#contents .m_title{font-size:1.4em; color:#2e2e2e; letter-spacing:-0.05em; text-align:center; text-transform:uppercase; padding-top:8%; }
#contents .m_title02{font-size:1.4em; color:#fff; letter-spacing:-0.05em; text-align:center; text-transform:uppercase; padding-top:8%; }
#contents .m_title span{color:#e11d00;}




/*서브페이지 상단메뉴*/
#contents nav{position:relative;}
#contents nav .dp1 {overflow:hidden;}
#contents nav .dp1 a {width:20%; float:left;}
#contents nav .dp1 a img {width:100%;}

#contents nav{ width:100%;  position:relative; border-bottom:1px solid #c7c7c7; }
#contents nav .dp2_cover{width:97%; max-width:900px; margin:0 auto; overflow-x:auto; background:url(/m/img/sub/sub_menu_arrow.png) right 50% no-repeat; background-size:10px;}
#contents nav .dp2_cover .dp2{width:90%;overflow-x:auto;}
#contents nav .dp2_cover .dp2 a:first-child{margin-left:1em;}
#contents nav .dp2_cover .dp2 a{font-size:14px; color:#555; letter-spacing:-0.02em; display:inline-block; margin-left:15px; }
#contents nav .dp2_cover .dp2 a.on{opacity:1;}
#contents nav .dp2_cover .dp2 a b{color:#111; font-weight:600;}
#contents nav .dp2_arrow{position:absolute; right:0;}
#contents nav .dp2_arrow img{width:50%;}


/*각 서브페이지 메뉴*/
#contents nav .dp2_cover .dp2 .dp2_intro{min-width:320px; padding:12px 10px;}
#contents nav .dp2_cover .dp2 .dp2_room{min-width:320px; padding:12px 10px;}
#contents nav .dp2_cover .dp2 .dp2_reserv{min-width:320px; padding:12px 10px;}
#contents nav .dp2_cover .dp2 .dp2_tour{min-width:320px; padding:12px 10px;}
#contents nav .dp2_cover .dp2 .dp2_traffic	{min-width:320px; padding:12px 10px;}
#contents nav .dp2_cover .dp2 .dp2_agri	{min-width:320px; padding:12px 10px;}
#contents nav .dp2_cover .dp2 .dp2_community	{min-width:400px; padding:12px 10px;}


/*서브컨텐츠*/
#contents{position:relative; *zoom:1; width:100%; margin:0 auto; margin-top:0px; padding-bottom:25px; border-top:0px solid #d3d3d3; }
#contents #cts img {width:98%; margin:0 auto; max-width:640px; text-align:center; display:block }
#contents h2.stt{text-align:center; padding:5% 0;}
#contents h2.stt p {display:inline-block; }
#contents h2.stt p img {width:50%;}
#contents h3 {font-size:15px; color:#133984; margin-bottom:3%;}

/*서브컨텐츠-내용*/
#title_bar {*zoom:1;clear:both; width:100%; border-bottom:1px solid #c7c7c7; }
#title_bar .sub_title {margin:0 auto; padding:30px 0 20px 0; color:#222; font-size: 22px; font-weight:normal; text-align:center;}
#title_bar .sub_title span{color:#e20000; font-weight:normal; margin-left:10px;}
#title_bar .sub_title span:before{ content:"- "}
.ctm_tit {width:100%; margin:0 auto; padding:10% 0 1% 0%; color:#80b2c4; font-size: 2em;  text-align:center; text-transform:uppercase; }
.cts_tit {width:100%; margin:0 auto; padding:0% 0 5% 0%; color:#4f727f; font-size: 1.4em; font-weight:normal; text-align:center;}
#cts{width:96%; margin:0 auto; clear:both; *zoom:1;  padding:30px 0 30px 0; }
#cts:after {content:""; display:block; clear:both;}
#cts .l_icon{width:8%}
#bts{width:96%; margin:0 auto; clear:both; *zoom:1; padding:30px 0 30px 0;}
#bts:after {content:""; display:block; clear:both;}


.constitle{width:100%; position:relative; height:auto; clear:both; padding:30px 0 30px 0; }
.constitle p{font-size:1.1em; color:#555; text-align:center; letter-spacing:-0.02em;}
.constitle span{margin:0 auto; text-align:center; top:70px; }

/*************비주얼메뉴*************/
#topTxt{position:relative; width:100%; margin:0 auto; padding-top:40px; padding-bottom:15px; z-index:10; }
.topVisTitle{position:relative; width:100%; text-align:center; margin:0 auto; }
.topVisTitle:after{content:""; display:block; clear:both;}
.topVisTitle ul{text-align:center; height:30px; overflow:hidden; }
.topVisTitle li{/*position:absolute; left:0; visibility:hidden;*/ width:100%; display:inline-block; color:#fff; font-size:25px; text-align:center; font-weight:bold; font-weight:400; letter-spacing:-0.02em; text-transform:uppercase; }
.topVisSubtitle {position:relative; width:100%; text-align:center; margin:0 auto; color:#fff; font-size:15px; line-height:24px; letter-spacing:-0.04em; }
.topVisSubtitle span{font-weight:400; margin-left:5px;}


/*************비주얼메뉴 페이지인식*************/
.page1 .topVisTitle .menu1{ visibility:visible !important;}
.page2 .topVisTitle .menu2{ visibility:visible !important;}
.page3 .topVisTitle .menu3{ visibility:visible !important;}
.page4 .topVisTitle .menu4{ visibility:visible !important;}
.page5 .topVisTitle .menu5{ visibility:visible !important;}
.page6 .topVisTitle .menu6{ visibility:visible !important;}

#st-body{position:relative; height:100%;}
#st-body .container .container { position:relative; width: auto; }

/** Subheader **/
#st-body .subheader {color: #f0f0f0; background-color: #5a5a5a; border-bottom: 0px solid #ddd;margin-bottom: 2px;}
#st-body .subheader .container {display: table;position: relative; width: 100%;  background:rgba(0,0,0,0.4); height:130px;}
#st-body .intro		{ background-image:url('/images/sub_bgimg01.jpg'); 	background-size:cover; 		background-position:50% 50%; background-repeat:no-repeat;}
#st-body .room    	{ background-image:url('/images/sub_bgimg02.jpg'); 	background-size:cover;		background-position:50% 50%; background-repeat:no-repeat;}
#st-body .reserv	{ background-image:url('/images/sub_bgimg03.jpg');	background-size:cover; 		background-position:50% 50%; background-repeat:no-repeat;}
#st-body .tour		{ background-image:url('/images/sub_bgimg04.jpg'); 	background-size:cover;		background-position:50% 50%; background-repeat:no-repeat;}
#st-body .traffic	{ background-image:url('/images/sub_bgimg05.jpg'); background-size:cover;		background-position:50% 50%; background-repeat:no-repeat;}
#st-body .agri		{ background-image:url('/images/sub_bgimg06.jpg'); 	background-size:cover;		background-position:50% 50%; background-repeat:no-repeat;}
#st-body .community	{ background-image:url('/images/sub_bgimg07.jpg'); 	background-size:cover;		background-position:50% 50%; background-repeat:no-repeat;}

/*************컨텐츠 서브메뉴*************/
.pt50 {padding-top:60px;}
#left_list {width:100%; }
#left_list:after{content:""; display:block; clear:both;}

#left_list .left_p{ clear:both; width:100%; margin:0 auto;  text-align:center; font-size:15px; color:#fff; line-height:40px; }
.left_p ul{text-align:center;}
.left_p li{display:inline-block; width:15%; min-width:160px; height:45px; background:#777 url(/m/img/sub/btn_off02.jpg) 50% 50%; letter-spacing:-0.04em; margin-bottom:3px; border-radius:10px;}
.left_p li a{color:#fff;}
.left_p li a:hover{color:#fff; font-weight:; width:100%; display:inline-block; height:45px; background:#2C91CD url(/m/img/sub/btn_on.jpg) 50% 50%; border-radius:10px;}


#left_list .left_p03{ clear:both; width:100%; margin:0 auto;  text-align:center; font-size:14px; color:#fff; line-height:40px; }
.left_p03 ul{text-align:center;}
.left_p03 li{display:inline-block; width:15%; min-width:160px; height:45px; background:#777 url(/m/img/sub/btn_off.jpg) 50% 50%; letter-spacing:-0.04em; margin-bottom:3px; border-radius:10px;}
.left_p03 li a{color:#fff;}
.left_p03 li a:hover{color:#fff; font-weight:; width:100%; display:inline-block; height:45px; background:#2C91CD url(/m/img/sub/btn_on.jpg) 50% 50%; border-radius:10px;}


/************* 주변보기 *************/
.room_view{position:relative; width:100%; margin:0 auto; }
.room_view ul{position:relative; width:95%; margin:0 auto;}
.room_view li{padding-bottom:5px;}

/************* 주변보기 *************/
.room_view{position:relative; width:100%; margin:0 auto; }
.room_view ul{position:relative; width:95%; margin:0 auto;}
.room_view li{padding-bottom:5px;}