@charset "utf-8";
@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: "나눔고딕", "Nanum Gothic", "맑은 고딕", "Malgun 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 */

.logo a {display:block; padding-top:20px;text-align:center;}
.temporary { margin-bottom:5px; text-align:right; font-size:12px; color:#6697c0; font-weight:bold;}


.mainNav li a { display:block; font-size:0.95em; font-weight:900; background-color:#909090; color:#fff; text-align:center; line-height:28px; border-top:1px solid #909090; border-right:1px solid #4e4e4e; border-bottom:1px solid #4e4e4e; text-shadow:1px 1px 1px #4e4e4e; }

.mainNav li a:hover, .mainNav li a.activeLi { background-color:#6697c0; border-top:1px solid #6697c0; border-right:1px solid #6e6e6e; border-bottom:1px solid #6e6e6e; text-shadow:1px 1px 1px #6e6e6e; }

.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%;}

.res_web { }
.res_mobile {display:none; }
/* -- 예약안내 -- */
#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:12px; line-height:1.5em;}
	#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;}
.resertxt_red{ color:#ff0000; font-weight:bold;}
.resertxt_re{ font-size:14px; color:#ff0000; font-weight:bold; line-height:200%; letter-spacing:-0.5px; }
.resertxt_r{ color:#ff0000; }
.resertxt_blue { color:#355e9c; font-weight:bold; }
.resertxt_b { font-size:13px; color:#355e9c; font-weight:bold; }

.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:12px; color:#666; font-weight:bold; background-color:#f8f8f8; letter-spacing:-0.3px; }
.cancleTable td {font-size:12px; letter-spacing:0px; }


/* -- 객실요금-- */
#roomcharge dl { padding:15px; }
#roomcharge <li><a href="facility08.html"><img src="images/main/main16.jpg"><span class="type">침구</span></a></li>dt { color:#617787; font-size:16px; font-weight:bold;}
#roomcharge dd { }
#roomcharge dd ul { }
#roomcharge li { font-size:13px; 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:bold; border-bottom:2px solid #ccc; color:#000; letter-spacing:-1.0px; } 
#roomcharge dd{ margin:10px 0 0px 0; font-family: 'Nanum Gothic', sans-serif; line-height:130%; color:#333; font-size:13px; letter-spacing:-1.0px; }


/* -- 서비스소개-- */
#serviceTxt { width:940px; 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; }

.servicetxt_r{ font-size:12px; color:#ff0000; line-height:150%; }
.servicetxt_blue { font-size:12px; color:#355e9c; font-weight:bold; letter-spacing:-0.8px; line-height:150%; }
.servicetxt_b { font-size:12px; color:#355e9c; 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:#355e9c; 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:30px auto 20px auto; padding:40px; 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 0;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: Arial, dotum, sans-serif; font-size:25px; color:#424242; }
.resertxt { color:#333; font-size:14px; line-height:130%; }
.bluetxt { color:#355e9c; font-size:16px; line-height:130%; }


.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;;}
.blue {color:#41979d;}
.gray {color:#545454;}
.gray91 {color:#919191;}
.gray3d {color:#3d3d3d;}
.black {color:#000; font-size:13px; font-weight:bold;}
.black12 {color:#333; font-size:12px; letter-spacing:0.2px;}
.black13 {color:#333; margin-bottom:30px; font-size:13px; line-height:1.5em;}
.black14b {color:#333; margin-bottom:30px; font-size:14px; line-height:1.8em; font-weight:bold;}
.red12 {color:#ff0000; font-size:12px; letter-spacing:0.2px;}
.red12b {color:#ff0000; font-size:12px; letter-spacing:0.2px; font-weight:bold;}
.red13b {color:#ff0000; font-size:13px; letter-spacing:0.2px; font-weight:bold;}
.blue12 {color:#355e9c; font-size:12px; letter-spacing:0.2px;}
.blue12b {color:#355e9c; font-size:12px; letter-spacing:0.2px; font-weight:bold;}
.blue13 {color:#355e9c; font-size:13px; letter-spacing:0.2px;}
.blue13b {color:#355e9c; font-size:13px; letter-spacing:0.2px; font-weight:bold;}
.txt6697c0 {color:#6697c0; font-weight:bold;}
.green {color:#41979d; font-size:13px; font-weight:bold;}
.green2 {color:#41979d; font-size:12px; font-weight:bold;}
.underline {text-decoration:underline}
.b200 {font-weight:200;}
.b700 {font-weight:700;}
.b900 {font-weight:900;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}

#wrapper { width:100%; max-width:1000px; margin:0 auto; }
.mainNav { width:100%; max-width:1000px; height:30px; margin:0; z-index:800; }
.mainNav li { float:left; display:inline-block; width:calc(12.48% - 1px); height:30px; margin-left:1px; }
.mainNav li:fist-child { margin-left:0;}
.mainNav li.first { margin-left:0;}
.mainNav li a { display:block; font-size:0.95em; font-weight:900; background-color:#909090; color:#fff; text-align:center; line-height:28px; border-top:1px solid #909090; border-right:1px solid #6e6e6e; border-bottom:1px solid #6e6e6e; text-shadow:1px 1px 1px #6e6e6e; }
.mainNav li a:hover, .mainNav li a:focus, .mainNav li a.activeLi { background-color:#6697c0; border-top:1px solid #6697c0; border-right:1px solid #6e6e6e; border-bottom:1px solid #6e6e6e; text-shadow:1px 1px 1px #6e6e6e; }

.contents h2 {margin:30px auto 20px; text-align:center; padding-bottom:42px; 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:#6697c0; 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 10px;}
	.quick_nav ul:after { content:""; display:block; clear:both;}
		.quick_nav li { position:relative; float:left; display:inline-block;}
			.quick_nav li a { display:block; width:70px; height:70px; 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.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 a span { padding-top:50px; display:block; text-align:center; font-size:.95em;}
				.quick_nav li a:hover span, .quick_nav li a:focus span { color:#9099ad; font-weight:bold; letter-spacting:-1px;}

#ifrm { width:100%; max-width:900px; min-height:500px; _height:500px; margin:0 auto;}

@media (min-width: 1000px){
.mainNav .nav_w01  { display:block;}
.mainNav .nav_w02  { display:none;}

.contents{ width:1000px; 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; min-width:50px; padding:0px 8px; text-align:center; border-left:1px dotted #ccc; }
*+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: "Nanum Gothic", sans-serif; font-size:13px; color:#565656; }
.secNav ul.tableStyle li:hover, .secNav ul.tableStyle li a.activeLi { color:#6697c0; }
.secNav ul.tableStyle li a.activeLi {font-weight:bold; }

.footer_nav {display:block;margin:10px auto 10px auto;width:1000px;padding:10; 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: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:50px 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 #6697c0;}
#roomInfo dl:after { content:""; display:block; clear:both;}
#roomInfo dt { float:left; display:inline-block; padding:0 15px; background:#6697c0;  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:290px; _height:290px;}
#tourList dd span.tourTitle a{ 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 li.btn_reser { display:none;}*/

}

@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:12.257142857%; height:30px; margin-left:0.15%; }
.mainNav li:fist-child { margin-left:0;}
.mainNav li.first { margin-left:0;}
.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:#808e9e; }
.secNav ul.tableStyle li a.activeLi {font-weight:bold; background:#6697c0; color:#fff; }

#serviceTxt { width:90%; 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; }


.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:50px 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 #6697c0;}
#roomInfo dl:after { content:""; display:block; clear:both;}
#roomInfo dt { float:left; display:inline-block; padding:0 15px; background:#6697c0;  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:380px; _height:380px;}
#tourList dd span.tourTitle a{ 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 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 0.60807291666%;}
	#mainList li { float:left; display:inline-block;  position:relative; width:23.75%; margin:0 0.60807291666% 10px; }
	#mainList li.btn_reser { background:#6697c0;}
	#mainList li a span.type { position:absolute; left:0; bottom:0; width:100%; height:30px; padding-top:12px; display:block; text-align:center; background:#fff; opacity:0.75; filter:alpha(opacity=75); color:#343434; font-size:1.2em; font-weight:bold;}
	#mainList li a:hover span.type, #mainList li a:focus span.type {opacity:0.9; filter:alpha(opacity=90); }
	#mainList li img { vertical-align:top; width:100%;}


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

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


.contents{ width:100%; margin: 20px auto; letter-spacing: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 8px; font-size:13px; color:#565656; }
.secNav ul.tableStyle li:hover { color:#808e9e; }
.secNav ul.tableStyle li a.activeLi {font-weight:bold; background:#6697c0; color:#fff; }

#serviceTxt { width:90%; 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:300px; }
.quick_nav li { position:relative; display:inline-block; margin:0 -5px;}
.quick_nav li a span { padding-top:50px; display:block; text-align:center; font-size:11px;}
	.quick_nav li a:hover span, .quick_nav li a:focus span { color:#6697c0; font-weight:bold; letter-spacting:-1px;}

.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:50px 20px;}
	.main_typo01 dt { margin-bottom:30px; text-align:center;}
		.main_typo01 dt img { width:240px;}
	.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 #6697c0;}
#roomInfo dl:after { content:""; display:block; clear:both;}
#roomInfo dt { float:left; padding:0 12px; background:#6697c0;  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;}

#commInfo { padding:20px 0;}
}

@media (min-width: 560px) and (max-width: 767px){
.mainNav { width:100%; height:30px; margin:0; z-index:800; }
.mainNav li { float:left; display:inline-block; width:12.35%; height:30px; margin-left:0.15%; }
.mainNav li:fist-child { margin-left:0;}
.mainNav li.first { margin-left:0;}


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

#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:290px; _height:290px;}
#tourList dd span.tourTitle a{ 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 0.60807291666%;}
	#mainList li { float:left; display:inline-block;  position:relative; width:32.1171875%; margin:0 0.60807291666% 10px; }
	#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%;}

}

@media (max-width: 559px){
.mainNav { width:100%; height:62px; margin:0; z-index:800; }
.mainNav li { float:left; display:inline-block; margin-bottom:1px;}
.mainNav li.w01 { width:24.775%; height:30px; margin-left:0.3%; }
.mainNav li.w02 { width:24.76%; height:30px; margin-left:0.3%; }
.mainNav li:first-child, .mainNav li.fist, .mainNav li.ml0 { margin-left:0 !important;}


.service-slider {}
	.service-slider li img  { width:100%;}
.copy { display:none;}
.m_copy { display:block !important; font-size: 12px !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 a{ 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 0.60807291666%;}
	#mainList li { float:left; display:inline-block;  position:relative; width:32.1171875%; margin:0 0.60807291666% 5px; }
	#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%;}

}