@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/Malgun Gothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* reset CSS */
* { margin:0; padding:0; -webkit-text-size-adjust:none; }
body{ margin:0; padding:0; color:#666;
	font-family: "Noto Sans KR"  ,  "Malgun Gothic", "Nanum Gothic",  "굴림", Gulim, AppleGothic, sans-serif;
	font-size:0.85em; line-height: 1em; }

ul,li,ol { list-style:none; }
a { text-decoration:none; color:#666; }
img { border:none; }

/* HTML5 reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}


hr { display:none; }

* {max-height: 1000000px;}


/* Layout */
header { position:relative;}
.logo { width:300px; margin:0 auto;}
.logo a {display:block; padding-top:20px;text-align:center; margin-bottom:10px;}
.temporary { margin-bottom:5px; text-align:right; font-size:12px; color:#669933; font-weight:bold;}

.foodjang { position:absolute; right:20px; top:20px;}


.mainNav li a { display:block; font-size:0.90em; font-weight:500; 
background-color:#fff; color:#333; text-align:center; 
line-height:28px; border-right:1px solid #ccc;border-top:1px solid #ccc;
 }

.mainNav li a:hover, .mainNav li a.activeLi { background-color:#999900; color:#fff; border-right:1px solid #ccc; }
.mainNav li a:hover span {color:#fff !important; }

.m_copy { display:none;}

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

.flexslider { position:relative; width:100%;}
	.flexslider .slides { width:100%;}
		.flexslider .slides li { width:100%;}
			.flexslider .slides li img, .flexslider .slides img { width:100%;}

			.flexslider li a { background-image: url("../images/btn_btq.png"); background-repeat: no-repeat; height: 49px; margin-top: -24.5px; overflow: hidden; position: absolute; text-indent: -1500px; font-size:0; top: 50%; width: 24px; z-index: 10;}
			.flexslider .flex-nav-prev a { background-position:-10px -5px; left:5%;}
			.flexslider .flex-nav-next a { background-position:-66px -5px; right:5%;}


/* -- 예약안내 -- */
#reserInfo {}
#reserInfo dt { margin-bottom:10px; padding:5px 10px 2px; background:#f8f8f8; border-bottom:1px solid #ddd; font-size:18px; line-height:28px; font-weight:bold; letter-spacing:-1px;}
#reserInfo dt, #reserInfo dt span { vertical-align:bottom;}
#reserInfo dd { margin-bottom:30px; font-size:16px; line-height:1.5em; font-weight: 500;}
	#reserInfo dd.ml_15 { margin-left:15px}
	.list { margin:0 0 10px 15px;}
	.list li { font-size:12px; line-height:18px; margin-bottom:2px; padding-left:11px; background:url(../images/list_bullet02.gif) left 9px no-repeat;}
	.list li ul li { background:none; padding-left:0;}

	.list_none { margin:0 0 10px 15px;}
	.list_none li { font-size:12px; line-height:18px; margin-bottom:2px; }
	.list_none li ul li { background:none; padding-left:0;}


.resertxtt{ font-size:14px;}
.resertxt{ font-size:14px; color:#000;}
.resertxt2{ color:#333333; font-weight:bold;}

.red_b{ color:#ff0000; font-weight:bold;}
.red{ color:#ff0000;}
.blue_b { color:#3663bd; font-weight:bold;}
.blue { color:#3663bd;}


.cancleTable { width:100%; border-collapse:collapse; margin:10px auto 20px auto; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.cancleTable caption { display:none; }
.cancleTable th, .cancleTable td { color:#666; padding:8px 0px; text-align:center; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.cancleTable th { font-size:11px; color:#666; font-weight:bold; background-color:#f8f8f8; letter-spacing:-0.3px; }
.cancleTable td {font-size:11px; letter-spacing:-0.5px; }


/* -- 객실요금-- */
#roomcharge dl { padding:10px; }
#roomcharge dd { }
#roomcharge dd ul { }
#roomcharge li { font-size:12px; line-height:20px; margin-bottom:2px; color:#666; padding-left:13px; background:url(../images/list_bullet01.gif) 3px 9px no-repeat; }
#roomcharge li strong { margin-right:5px;}
#roomTxt dt { padding:0px; margin-bottom:10px; font-size:16px; font-weight:normal; border-bottom:2px solid #ccc; color:#000; letter-spacing:-1.0px; } 
#roomcharge dd{ margin:10px 0 0px 0; font-family: "Noto Sans KR",'Nanum Gothic', sans-serif; font-weight:normal; line-height:130%; color:#333; font-size:13px; letter-spacing:-1.0px; }


/* -- 서비스소개-- */
#serviceTxt { width:960px; margin:10px auto; border:0px solid #ccc; text-align:center; }
#serviceTxt dl { padding:10px 0 10px 0; }
#serviceTxt dt { margin-bottom:10px; font-size:18px; font-weight:bold; color:#3e3e3e; }
#serviceTxt dd{ line-height:150%; color:#333; font-size:13px; text-align:center;}

.servicetxt_r{ font-size:12px; color:#ff0000; line-height:150%; }
.servicetxt_blue { font-size:12px; color:#577181; font-weight:bold; letter-spacing:-0.8px; line-height:150%; }
.servicetxt_b { font-size:12px; color:#577181; line-height:150%; }
.tourtxt{ font-size:16px; line-height:1.5em; color:#000; font-weight:bold; padding-top:0px; padding-bottom:0px; }
.tourtxt2{ font-size:12px; color:#000; font-weight:bold; padding-top:0px; padding-bottom:0px; }
.tourtxt_red{ font-size:14px; color:#ff0000; font-weight:bold; padding-top:0px; padding-bottom:0px; }
.tourtx_blue { font-size:12px; color:#577181; font-weight:bold; padding-top:0px; padding-bottom:0px; }
.tourtx_green { font-size:14px; color:#41979d; font-weight:bold; padding-top:0px; padding-bottom:0px; }

/* -- 커뮤니티-- */
#commInfo { margin:0px auto ; padding:0px ; border:0px solid #ccc; }

.room-service{max-width:1000px;margin:0 auto;}
.public-service{max-width:1000px;margin:0 auto;}
.tour-service{max-width:1000px;margin:0 auto;}


/*-----------------------------------------------------------------------------------*/
/*  포토갤러리
/*-----------------------------------------------------------------------------------*/
.about_photo {position:relative;display:block;margin:0 auto;padding-top:138px;background:url(../images/about/about_bg01.png)top left no-repeat #f3f3f3;}
.room_photo {position:relative;display:block;margin:0 auto;background:#f3f3f3;}
.l-service{max-width:850px;margin:0 auto;}
.service-visual{position:relative}
.service-visual .bx-wrapper{position:relative}
.service-visual .bx-controls a{ overflow:hidden; position:absolute; top:50%; width:24px; height:49px; margin-top:-24.5px; background-image:url(../images/btn_btq.png); background-repeat:no-repeat; text-indent:-99px; z-index:10}
.service-visual .bx-prev{left:3%;background-position:-10px -5px}
.service-visual .bx-next{right:3%;background-position:-66px -5px}
.service-visual-box{position:relative}
.service-visual-title{position:absolute;top:50%;left:0;right:0;width:50%;max-width:434px;margin-top:-106px;margin-left:auto;margin-right:auto;padding:65px; color:#ccc;font-size:.9em;background:#000;text-align:center;-ms-filter:alpha(Opacity=75);filter:alpha(opacity=75);opacity:.75}
.service-visual-title .h,.service-visual-title .p{-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);opacity:1}
.service-visual .img-m{display:none}
.service-visual.l-section{padding-top:0}
.service-slider{overflow:hidden}
.service-slider li{float:left;position:relative;max-width:1000px}

/* -- 텍스트 스타일 -- */ 
.numTitle { font-family: "Noto Sans KR", Arial, dotum, sans-serif; font-size:25px; color:#424242; }
.blind {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.hidden {display:none; visibility:hidden;}
.clear { }
.clear:after { content:""; display:block; clear:both;}
.left {float:left;}
.right {float:right;}
.black {color:#000;}
.brown {color:#c83030 ;}
.gray {color:#545454;}
.gray91 {color:#919191;}
.gray3d {color:#3d3d3d;}
.black {color:#000;font-weight:bold;}
.green {color:#41979d; font-size:13px; font-weight:bold;}
.green2 {color:#41979d; font-size:13px; font-weight:bold;}
.txt577181 {color:#577181; font-size:13px; font-weight:bold;}
.underline {text-decoration:underline}
.b200 {font-weight:200;}
.b700 {font-weight:700;}
.b900 {font-weight:900;}
.mb10 { margin-bottom:10px !important;}
.txt656f82 {color:#656f82; font-size:13px; font-weight:bold;}


.contents h2 {margin:30px auto 20px; text-align:center; padding-bottom:20px; background-size:232px 30px !important; }
/*
.page_01 .contents h2 { background:url(../images/common/page_bg01.png) center bottom no-repeat;}
.page_02 .contents h2 { background:url(../images/common/page_bg02.png) center bottom no-repeat;} 
.page_03 .contents h2 { background:url(../images/common/page_bg03.png) center bottom no-repeat;}
.page_04 .contents h2 { background:url(../images/common/page_bg04.png) center bottom no-repeat;}
.page_05 .contents h2 { background:url(../images/common/page_bg05.png) center bottom no-repeat;}
.page_06 .contents h2 { background:url(../images/common/page_bg06.png) center bottom no-repeat;}
.page_07 .contents h2 { background:url(../images/common/page_bg07.png) center bottom no-repeat;}
*/
.contents h2 .copy{display:block; font-weight:600;font-size:15px; color:#999900; line-height:20px; letter-spacing:-0.5px;}

.quick_nav { margin-bottom:20px; text-align:center; border-top:1px dashed #b3afb0;  border-bottom:1px dashed #b3afb0;}
.quick_nav:after { content:""; display:block; clear:both;}
	.quick_nav h2 { margin:-9px 0 10px;}
	.quick_nav ul { width:350px; margin:0 auto }
	.quick_nav ul:after { content:""; display:block; clear:both;}
		.quick_nav li { position:relative; float:left; display:inline-block; width:25%; text-align:center; }
			.quick_nav li a { display:block;  height:100px; background:url(../images/common/quick_icon.png) no-repeat;}
			.quick_nav li.l01 a { background-position:0 0;}
			.quick_nav li.l02 a { background-position:-70px 0;}
			.quick_nav li.l03 a { background-position:-140px 0;}
			.quick_nav li.l04 a { background-position:-210px 0;}
			.quick_nav li.l05 a { background-position:-280px 0;}
			.quick_nav li.l06 a { background-position:-350px 0;}
			.quick_nav li.l07 a { background-position:-450px 0;}
			.quick_nav li.l08 a { background-position:-490px 0;}

			.quick_nav li.l01 a:hover, .quick_nav li.l01 a:focus { background-position:0 -70px;}
			.quick_nav li.l02 a:hover, .quick_nav li.l02 a:focus { background-position:-70px -70px;}
			.quick_nav li.l03 a:hover, .quick_nav li.l03 a:focus { background-position:-140px -70px;}
			.quick_nav li.l04 a:hover, .quick_nav li.l04 a:focus { background-position:-210px -70px;}
			.quick_nav li.l05 a:hover, .quick_nav li.l05 a:focus { background-position:-280px -70px;}
			.quick_nav li.l06 a:hover, .quick_nav li.l06 a:focus { background-position:-350px -70px;}
			.quick_nav li.l07 a:hover, .quick_nav li.l07 a:focus { background-position:-450px -70px;}
			.quick_nav li.l08 a:hover, .quick_nav li.l08 a:focus { background-position:-490px -70px;}

.quick_nav li a span { padding-top:40px; display:block; text-align:center; font-size:.95em;}
.quick_nav li a:hover span, .quick_nav li a:focus span { color:#577181; font-weight:bold; letter-spacting:-1px;}

.quick_nav2 {border:0;}
.quick_nav2 ul { width:160px; margin:0 auto 10px; }


.map {position:relative; width:100%; height:435px; overflow:hidden;}
.link_b { display:inline-block; margin:5px; padding:5px 15px; font-size:14px; font-weight:bold; background:#355e9c; color:#fff; border-radius:4px;}

@media (min-width: 1000px){
#wrapper { width:100%; margin:0 auto; }
.mainNav { width:1000px; height:40px; margin:0; z-index:800; }
.mainNav li { float:left; display:inline-block; width:100px; height:40px; margin-left:0px; border-bottom:1px solid #ddd; margin-top:-1px;}
.mainNav li:fist-child { margin-left:0;}
.mainNav li.first { margin-left:0; border-left:1px solid #ddd; }

.mainNav li a { display:block; font-size:0.95em; font-weight:500; background-color:#fff; 
color:#666; text-align:center; line-height:40px; border-right:1px solid #ddd;border-bottom:1px solid #ddd;  }

.mainNav li a:hover, .mainNav li a:focus, .mainNav li a.activeLi { 
background-color:#2b7ead; color:#fff;  line-height:40px;
border-right:1px solid #ddd;border-bottom:1px solid #ddd; }



.mainNav .nav_w01  { display:block;}
.mainNav .nav_w02  { display:none;}

.mainNav li.reser_nav a {background-color:#993300;border-right:1px solid #ddd;  }


.contents{ max-width:1600px; margin: 0px auto; letter-spacing:0px; }

h3 {margin:5px auto 20px auto;font-weight:400;font-size:15px;line-height:25px;color:#000;text-align:center;letter-spacing:-0.5px;}
h3 .copy{font-weight:900;}

/*-----------------------------------------------------------------------------------*/
/* 서브메뉴
/*-----------------------------------------------------------------------------------*/
.secNav ul.tableStyle{ text-align:center; margin:10px auto; }
.secNav ul.tableStyle li{ display:inline-block; min-width:50px; padding:0px 10px; text-align:center; border-left:1px dotted #ccc; font-weight:500;}
*+html body .secNav ul.tableStyle li {display:inline}
.secNav ul.tableStyle li:first-child { border-left:1px dotted #fff; }
.secNav ul.tableStyle li a { font-family: "Noto Sans KR","Nanum Gothic", sans-serif; font-size:13px; color:#565656; }
.secNav ul.tableStyle li:hover a, .secNav ul.tableStyle li a.activeLi { color:#0555A8; }
.secNav ul.tableStyle li a.activeLi {font-weight:bold; }

.footer_nav {display:block;margin:10px auto 10px auto;width:1000px;padding-top:30px;padding:10px; background:url(../images/footer_line.png) left center repeat-x; text-align:center;}
.footer_info {display:block;margin:0 auto 40px auto;width:1000px;line-height:20px;color:#000;text-align:center}
	.footer_info .phone{font-weight:900;font-size:19px;}
	.footer_info P{letter-spacing:-0.8px;font-size:15px; line-height:20px; color:#454545;}
	.footer_info p span { color:#ccc; margin:0 15px;}
	.footer_info p .gray91 { font-size:11px;}
	
.main_typo01 { margin:10px 0;}
	.main_typo01 dt { margin-bottom:30px; text-align:center;}
	.main_typo01 dd { text-align:center; font-size:1.2em; line-height:1.4em; letter-spacing:-1px; font-weight:600;}
		.main_typo01 dd strong { display:inline-block; margin-bottom:15px; font-size:1.3em; color:#000; letter-spacing:-1px; padding-bottom:2px; border-bottom:2px solid #000;}


/* -- 객실소개-- */

#roomInfo { margin-bottom:10px; }
#roomInfo dl { background:#f5f5f5; border-bottom:1px solid #577181;}
#roomInfo dl:after { content:""; display:block; clear:both;}
#roomInfo dt { float:left; display:inline-block; padding:0 15px; background:#577181;  color:#fff; font-size:24px; line-height:40px; letter-spacing:-1px; text-shadow:1px 1px 1px #6e6e6e;}
#roomInfo dd { float:left; display:inline-block; padding-top:18px; margin-left:15px; font-size:13px; font-weight:bold;}
	.roomInfo_list {}
		.roomInfo_list div {}
			.roomInfo_list div strong { font-size:1.2em; }
			.roomInfo_list div p { padding:0 .8em;}

.reser_w01 { display:block;}
.reser_w02 { display:none;}


/* -- 여행안내 -- */

#tourList { margin:10px auto; background-color:#F6F6F6; padding:32px 1.5% 0;}
#tourList:after { content:""; display:block; clear:both;}
#tourList dl { display:inline-block; float:left; width:30.333333%; margin:0 1.5% 32px;}
#tourList dl:after {content:""; display:block; clear:both; }
#tourList dt img{ width:100%; vertical-align:top; }
#tourList dd { background:#fff;border:1px solid #ddd; border-top:none; padding:10px; min-height:250px; _hheight:250px;}
#tourList dd span.tourTitle { display:block; font-weight:bold; font-size:15px; color:#000; padding:5px 0 5px 0; font-weight:bold;}
#tourList dd span { display:block; line-height:150%; color:#333; font-size:13px; }

#mainList li.btn_reser { display:block;}

}

@media (max-width: 999px){

	.roomInfo_list { padding:0 10px;}
		.roomInfo_list div {}
			.roomInfo_list div strong { font-size:1.2em; }
			.roomInfo_list div p { padding:0 .8em;}
}

@media (min-width: 768px) and (max-width: 999px){
#wrapper { width:100%; margin:0 auto; }
.mainNav { width:100%; height:30px; margin:0; z-index:800; }
.mainNav li { float:left; display:inline-block; width:11%; height:30px; margin-left:0.15%; }
.mainNav li:fist-child { margin-left:0;}
.mainNav li.first { margin-left:0; border-left:1px solid #ccc;}
.mainNav .nav_w01  { display:none;}
.mainNav .nav_w02  { display:block;}


.contents{ width:100%; margin: 20px auto; letter-spacing:0px; }

h3 {margin:5px auto 20px auto;font-weight:400;font-size:15px;line-height:25px;color:#000;text-align:center;letter-spacing:-0.5px;}
h3 .copy{font-weight:900;}

/*-----------------------------------------------------------------------------------*/
/* 서브메뉴
/*-----------------------------------------------------------------------------------*/
.secNav ul.tableStyle{ text-align:center; margin:20px auto; }
.secNav ul.tableStyle li{ display:inline-block; text-align:center;  }
*+html body .secNav ul.tableStyle li {display:inline}
.secNav ul.tableStyle li:first-child {  }
.secNav ul.tableStyle li a { display:block; border-radius:4px; padding:5px 8px; font-size:13px; color:#565656; }
.secNav ul.tableStyle li:hover { color:#577181; }
.secNav ul.tableStyle li a.activeLi {font-weight:bold; background:#577181; color:#fff; }

#serviceTxt { width:90%; margin:10px auto; border:0px solid #ccc; text-align:center; }
#serviceTxt dl { padding:10px 0 30px 0; }
#serviceTxt dt { margin-bottom:15px; font-size:18px; font-weight:bold; color:#3e3e3e; }
#serviceTxt dd{ line-height:150%; color:#333; font-size:12px; }


.footer_nav {display:block;margin:10px auto 10px auto;width:100%;padding:10;border-bottom:0px solid #000; overflow:hidden; background:url(../images/footer_line.png) left center repeat-x; text-align:center;}
.footer_info {display:block;margin:0 auto 40px auto;width:100%;line-height:20px;color:#000;text-align:center}
	.footer_info .phone{font-weight:900;font-size:16px;}
	.footer_info P{letter-spacing:-0.8px;font-size:13px; line-height:20px; color:#454545;}
	.footer_info p span { color:#ccc; margin:0 15px;}
	.footer_info p .gray91 { font-size:11px;}
	
.main_typo01 { margin:10px 0;}
	.main_typo01 dt { margin-bottom:30px; text-align:center;}
	.main_typo01 dd { text-align:center; font-size:1.2em; line-height:1.4em; letter-spacing:-1px; font-weight:600;}
		.main_typo01 dd strong { display:inline-block; margin-bottom:15px; font-size:1.3em; color:#000; letter-spacing:-1px; padding-bottom:2px; border-bottom:2px solid #000;}


.reser_w01 { display:none;}
.reser_w02 { display:block;}


/* -- 객실소개-- */

#roomInfo { margin-bottom:10px; }
#roomInfo dl { background:#f5f5f5; border-bottom:1px solid #577181;}
#roomInfo dl:after { content:""; display:block; clear:both;}
#roomInfo dt { float:left; display:inline-block; padding:0 15px; background:#577181;  color:#fff; font-size:24px; line-height:40px; letter-spacing:-1px; text-shadow:1px 1px 1px #6e6e6e;}
#roomInfo dd { float:left; display:inline-block; padding-top:18px; margin-left:15px; font-size:13px; font-weight:bold;}


/* -- 여행안내 -- */

#tourList { margin:10px auto; background-color:#F6F6F6; padding:32px 1.5%;}
#tourList:after { content:""; display:block; clear:both;}
#tourList dl { display:inline-block; float:left; width:30.333333%; margin:0 1.5% 32px;}
#tourList dl:after {content:""; display:block; clear:both; }
#tourList dt img{ width:100%;vertical-align:top;}
#tourList dd { background:#fff;border:1px solid #ddd; border-top:none; padding:10px; min-height:325px; _height:325px;}
#tourList dd span.tourTitle { display:block; font-weight:bold; font-size:14px; color:#000; padding:5px 0 5px 0; font-weight:bold;}
#tourList dd span { display:block; line-height:150%; color:#333; font-size:12px; }

#mainList li.btn_reser { display:none;}
}


#mainList { width:100%; max-width:880px; margin:30px auto;}
#mainList:after {content:""; display:block; clear:both;}
#mainList ul { margin:0;}
	#mainList li { float:left; display:inline-block;  position:relative; width:25%; margin:0; }
	#mainList li.btn_reser { background:#577181;}
	#mainList li a span.type { position:absolute; left:0; bottom:0; width:100%; height:30px; padding-top:12px; display:block; text-align:center; /*background:#577181;*/ color:#fff; font-size:1.3em; font-weight:bold; text-shadow:1px 1px 1px #333;}
	#mainList li a:hover span.type, #mainList li a:focus span.type { padding-bottom:3px;}
	#mainList li a:hover span.bg, #mainList li a:focus span.bg { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.3; filter:alpha(opacity=30); background:#000; }
	#mainList li img { vertical-align:top; width:100%;}


@media (max-width: 767px){
#wrapper { width:100%; margin:0 auto; }
.logo { max-width:200px;}
.logo a {display:block; padding-top:10px !important;text-align:center;}
	.logo a img { width:200px;}

.foodjang { top:15px;}
.foodjang img { width:140px;}

.mainNav { width:100%; height:62px;  z-index:800; margin:0 auto; max-width:522px;  }
.mainNav li { float:left; display:inline-block; width:24.99%; height:30px; margin-left:0%; margin-bottom:1px;}
.mainNav li:first-child, .mainNav li.fist, .mainNav li.ml0 { margin-left:0 !important;}

.mainNav .nav_w01  { display:none;}
.mainNav .nav_w02  { display:block;}


.contents{ width:100%; margin: 20px auto; letter-spacing:0px;  padding:0px; }

.contents h2 .copy{font-weight:600;font-size:15px;  letter-spacing:-0.5px;}

h3 {margin:5px auto 20px auto;font-weight:400;font-size:15px;line-height:25px;color:#000;text-align:center;letter-spacing:-0.5px;}
h3 .copy{font-weight:900;}

/*-----------------------------------------------------------------------------------*/
/* 서브메뉴
/*-----------------------------------------------------------------------------------*/
.secNav ul.tableStyle{ text-align:center; margin:20px auto; }
.secNav ul.tableStyle li{ display:inline-block; text-align:center;  }
*+html body .secNav ul.tableStyle li {display:inline}
.secNav ul.tableStyle li:first-child {  }
.secNav ul.tableStyle li a { display:block; border-radius:4px; padding:5px 6px; font-size:13px; color:#565656; }
.secNav ul.tableStyle li:hover { color:#577181; }
.secNav ul.tableStyle li a.activeLi {font-weight:bold; background:#FFF; color:#333; }

#serviceTxt { width:100%; margin:10px auto; border:0px solid #ccc; text-align:center; }
#serviceTxt dl { padding:10px 0 10px 0; }
#serviceTxt dt { margin-bottom:10px; font-size:18px; font-weight:bold; color:#3e3e3e; }
#serviceTxt dd{ line-height:150%; color:#333; font-size:12px; }


.quick_nav ul { width:98%; margin:0 auto  }
.quick_nav li { position:relative; float:left; display:inline-block; margin:0 ;}
.quick_nav li a span { padding-top:40px; display:block; text-align:center; font-size:14px;}
	.quick_nav li a:hover span, .quick_nav li a:focus span { color:#577181; font-weight:bold; letter-spacting:-1px;}
.quick_nav2 ul { width:120px; }

.footer_info {display:block;margin:0 auto 40px auto;width:100%;line-height:20px;color:#000;text-align:center}
	.footer_info .phone{font-weight:900;font-size:17px;}
	.footer_info P{letter-spacing:-0.8px;font-size:13px; line-height:20px; color:#454545;}
	.footer_info p span { color:#ccc; margin:0 15px;}
	.footer_info p .gray91 { font-size:11px;}
	
.main_typo01 { margin:10px 5px;}
	.main_typo01 dt { margin-bottom:30px; text-align:center;}
		.main_typo01 dt img { width:100%;}
	.main_typo01 dd { text-align:center; font-size:1em; line-height:1.4em; letter-spacing:-1px; font-weight:600;}
		.main_typo01 dd strong { margin-bottom:15px; font-size:1.1em; color:#000; letter-spacing:-1px; padding-bottom:2px; border-bottom:2px solid #000;}


/* -- 객실소개-- */

#roomInfo { margin-bottom:10px;  }
#roomInfo dl { background:#f5f5f5; border-bottom:1px solid #577181;}
#roomInfo dl:after { content:""; display:block; clear:both;}
#roomInfo dt { float:left; padding:0 12px; background:#577181;  color:#fff; font-size:20px; line-height:40px; letter-spacing:-1px; text-shadow:1px 1px 1px #6e6e6e; margin-right:10px;}
#roomInfo dd { padding:5px 10px 0; font-size:11px; line-height:15px; letter-spacing:-1px; }

.reser_w01 { display:none;}
.reser_w02 { display:block;}


.map {position:relative; width:100%; height:335px; overflow:hidden;}

}

@media (min-width: 560px) and (max-width: 767px){



/* -- 여행안내 -- */

#tourList { margin:10px auto; background-color:#F6F6F6; padding:20px 1.5% 0; }
#tourList:after { content:""; display:block; clear:both;}
#tourList dl { display:inline-block; float:left; width:47%; margin:0 1.5% 20px;}
#tourList dl:after {content:""; display:block; clear:both; }
#tourList dt img{ width:100%; vertical-align:top; }
#tourList dd { background:#fff;border:1px solid #ddd; border-top:none; padding:10px;min-height:300px; _height:300px;}
#tourList dd span.tourTitle { display:block; font-weight:bold; font-size:14px; color:#000; padding:5px 0 5px 0; }
#tourList dd span { display:block; line-height:150%; color:#333; font-size:12px; }

#mainList ul { margin:0;}
	#mainList li { float:left; display:inline-block;  position:relative; width:33.3333333333333333%; margin:0; }
	#mainList li a { display:block;}
	#mainList li a span.type { position:absolute; left:0; bottom:0; width:100%; height:30px; padding-top:12px;font-size:1.2em; font-weight:bold;}
	#mainList li img { vertical-align:top; width:100%;}

#roomInfo { margin-bottom:10px;  }
#roomInfo dl { position:relative; background:#f5f5f5; border-bottom:1px solid #577181;}
#roomInfo dl:after { content:""; display:block; clear:both;}
#roomInfo dt { float:left; padding:0 15px; background:#577181;  color:#fff; font-size:24px; line-height:40px; letter-spacing:-1px; text-shadow:1px 1px 1px #577181; margin-right:15px;}
#roomInfo dd {}
	#roomInfo dd span { position:absolute; bottom:3px; padding-right:10px; font-size:12px; line-height:15px; letter-spacing:-0.5px;}

}

@media (max-width: 559px){

.foodjang { top:10px;}
.foodjang img { width:60px;}

.service-slider {}
	.service-slider li img  { width:100%;}

.copy { display:none;}
.m_copy { display:block !important; font-size: 13px !important;letter-spacing: -0.8px; line-height: 16px !important;}
.m_copy span { margin:0 5px  !important;}

/* -- 여행안내 -- */

#tourList { margin:10px auto; background-color:#F6F6F6; padding:20px 1.5% 10px;}
#tourList:after { content:""; display:block; clear:both;}
#tourList dl { display:block; width:94%; margin:0 3% 20px;}
#tourList dl:after {content:""; display:block; clear:both; }
#tourList dt img{ width:100%; vertical-align:top; }
#tourList dd { background:#fff; border:1px solid #ddd; border-top:none; padding:10px;}
#tourList dd span.tourTitle { display:block; font-weight:bold; font-size:14px; color:#000; padding:5px 0 5px 0; font-weight:bold;}
#tourList dd span { display:block; line-height:150%; color:#333; font-size:12px; }

#mainList ul { margin:0;}
	#mainList li { float:left; display:inline-block;  position:relative; width:33.33333333333%; margin:0; }
	#mainList li a { display:block;}
	#mainList li a span.type { position:absolute; left:0; bottom:0; width:100%; height:20px; padding-top:8px; font-size:.9em; font-weight:bold; letter-spacing:-0.5px; }
	#mainList li img { vertical-align:top; width:100%;}

#roomInfo { margin-bottom:10px;  }
#roomInfo dl { position:relative; background:#f5f5f5; border-bottom:1px solid #577181;}
#roomInfo dl:after { content:""; display:block; clear:both;}
#roomInfo dt { float:left; padding:0 12px; background:#577181;  color:#fff; font-size:22px; line-height:46px; letter-spacing:-1px; text-shadow:1px 1px 1px #577181; margin-right:10px;}
#roomInfo dd {}
	#roomInfo dd span { position:absolute; bottom:3px; padding-right:10px; font-size:11px; line-height:13px; letter-spacing:-1px;}


}