<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* =================================================================================
* INFORMATION
* -----------------------------------------------------------------------
* @Author : Kim hyesul (-)
* @File Name: app.css
* @Create Date: 2017-02-01
* @Modifier: Park Kyoung Min (rudals0731@naver.com)
* @Modified date: 2017-03-12 ~ Complete
* @Modified content : All
* ================================================================================= */
hr.star-light,
hr.star-primary {
	padding: 0;
	border: none;
	border-top: solid 5px;
	text-align: center;
	max-width: 250px;
	margin: 25px auto 30px;
}
hr.star-light:after,
hr.star-primary:after {
	content: "\f005";
	font-family: FontAwesome;
	display: inline-block;
	position: relative;
	top: -0.8em;
	font-size: 2em;
	padding: 0 0.25em;
}
hr.star-light {
	border-color: white;
}
hr.star-light:after {
	background-color: #e2a743;
	color: white;
}
hr.star-primary {
	border-color: #3e3e3e;
}
hr.star-primary:after {
	background-color: white;
	color: #3e3e3e;
}
.navbar-default .navbar-nav&gt;li&gt;a.active {
	color: #ffffff;
	background-color: #1a242f;
}
.img-centered {
	margin: 0 auto;
}
#header {
	text-align: center;
	background: #e2a743;
	color: white;
}
#header .container {
	padding-top: 100px;
	padding-bottom: 50px;
}
#header img {
	display: block;
	margin: 0 auto 20px;
}
#header .intro-text .name {
	display: block;
font-family: "Nanum Gothic";   text-transform: uppercase;
	font-weight: 700;
	font-size: 2em;
}
#header .intro-text .skills {
	font-size: 1.25em;
	font-weight: 300;
}
@media (min-width: 768px) {
	#header .container {
		padding-top: 200px;
		padding-bottom: 100px;
	}
	#header .intro-text .name {
		font-size: 4.75em;
	}
	#header .intro-text .skills {
		font-size: 1.75em;
	}
}
@media (min-width: 768px) {
	.navbar-fixed-top {
		-webkit-transition: padding 0.3s;
		-moz-transition: padding 0.3s;
		transition: padding 0.3s;
	}
	.navbar-fixed-top .navbar-brand {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.navbar-fixed-top.navbar-shrink {
	position:fixed;
	top: 0;
	}
	.navbar-fixed-top.navbar-shrink .navbar-brand {
		font-size: 1.5em;
	}
}
.navbar a:focus {
	outline: none;
}
.navbar .navbar-nav {
	letter-spacing: 1px;
}
.navbar .navbar-nav li a:focus {
	outline: none;
}
.navbar-default,
.navbar-inverse {
	border: none;
}
section h2 {
	margin: 0;
	font-size: 3em;
}
section.success {
	background: #e2a743;
	color: white;
}
section.success a,
section.success a:hover,
section.success a:focus,
section.success a:active,
section.success a.active {
	color: #3e3e3e;
	outline: none;
}
@media (max-width: 767px) {
	section.first {
		padding-top: 75px;
	}
}
#portfolio .portfolio-item {
	margin: 0 0 15px;
	right: 0;
}
#portfolio .portfolio-item .portfolio-link {
	display: block;
	position: relative;
	max-width: 400px;
	margin: 0 auto;
}
#portfolio .portfolio-item .portfolio-link .caption {
	background: rgba(226, 167, 67, 0.7);
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
}
#portfolio .portfolio-item .portfolio-link .caption:hover {
	opacity: 1;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content {
	position: absolute;
	width: 100%;
	height: 20px;
	font-size: 20px;
	text-align: center;
	top: 50%;
	margin-top: -12px;
	color: white;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content i {
	margin-top: -12px;
}
#portfolio .portfolio-item .portfolio-link .caption .caption-content h3,
#portfolio .portfolio-item .portfolio-link .caption .caption-content h4 {
	margin: 0;
}
#portfolio * {
	z-index: 2;
}
#portfolio .member-name {
	padding: 50px 30px 30px 30px;
}
#portfolio a:hover {
	text-decoration: none;
}
@media (min-width: 767px) {
	#portfolio .portfolio-item {
		margin: 0 0 30px;
	}
}
.btn-outline {
	color: white;
	font-size: 20px;
	border: solid 2px white;
	background: transparent;
	transition: all 0.3s ease-in-out;
	margin-top: 15px;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
	color: #e2a743;
	background: white;
	border: solid 2px white;
}
.floating-label-form-group {
	position: relative;
	margin-bottom: 0;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
	z-index: 1;
	position: relative;
	padding-right: 0;
	padding-left: 0;
	border: none;
	border-radius: 0;
	font-size: 1.5em;
	background: none;
	box-shadow: none !important;
	resize: none;
}
.floating-label-form-group label {
	display: block;
	z-index: 0;
	position: relative;
	top: 2em;
	margin: 0;
	font-size: 0.85em;
	line-height: 1.764705882em;
	vertical-align: middle;
	vertical-align: baseline;
	opacity: 0;
	-webkit-transition: top 0.3s ease,opacity 0.3s ease;
	-moz-transition: top 0.3s ease,opacity 0.3s ease;
	-ms-transition: top 0.3s ease,opacity 0.3s ease;
	transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
	padding-left: 14px;
	border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
	top: 0;
	opacity: 1;
}
.floating-label-form-group-with-focus label {
	color: #e2a743;
}
form .row:first-child .floating-label-form-group {
	border-top: 1px solid #eeeeee;
}
footer {
	position:relative;
	z-index:17;
}
footer h3 {
	margin-bottom: 30px;
}
.footer-above {
	padding: 10px 0;
	background-color: #444444;
}
footer .footer-col {
	margin-bottom: 50px;
}
.btn-social {
	display: inline-block;
	height: 50px;
	width: 50px;
	border: 2px solid white;
	border-radius: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 45px;
}
.btn:focus,
.btn:active,
.btn.active {
	outline: none;
}
.scroll-top {
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 50px;
	height: 50px;
	z-index: 1049;
}
.scroll-top .btn {
	font-size: 20px;
	padding:0;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 28px;
}
.scroll-top .btn img {width:100%;}
.scroll-top .btn:focus {
	outline: none;
}
.portfolio-modal .modal-content {
	border-radius: 0;
	background-clip: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	min-height: 100%;
	padding: 100px 0;
	text-align: center;
}
.portfolio-modal .modal-content h2 {
	margin: 0;
	font-size: 3em;
}
.portfolio-modal .modal-content img {
	margin-bottom: 30px;
}
.portfolio-modal .modal-content .item-details {
	margin: 30px 0;
}
.portfolio-modal .close-modal {
	position: absolute;
	width: 75px;
	height: 75px;
	background-color: transparent;
	top: 25px;
	right: 25px;
	cursor: pointer;
}
.portfolio-modal .close-modal:hover {
	opacity: 0.3;
}
.portfolio-modal .close-modal .lr {
	height: 75px;
	width: 1px;
	margin-left: 35px;
	background-color: #3e3e3e;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Safari and Chrome */
	z-index: 1051;
}
.portfolio-modal .close-modal .lr .rl {
	height: 75px;
	width: 1px;
	background-color: #3e3e3e;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-webkit-transform: rotate(90deg);
	/* Safari and Chrome */
	z-index: 1052;
}
.portfolio-modal .modal-backdrop {
	opacity: 0;
	display: none;
}

#about .about-text {
		font-size: 1.4em;
}
#professor .professor-img, #professor .professor-name, #professor .professor-say {
		display: inline-block;
}
#professor .professor-name {
		padding-left: 20px;
		vertical-align: top;
}
#professor .professor-name h5 {
		font-size: 1.75em;
		width: 200px;
}
#professor .professor-name i {
		color: rgb(191, 185, 176);
		font-size: 12px;
		line-height: 20px;
}
#professor .professor-say p {
		font-size: 1.4em;
}
#professor .professor-say li {
		font-size: .9em;
}

@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 768px) {
		#professor .professor-name {
				text-align: center;
				width: 100%;
				padding: 20px 0;
		}
		#professor .professor-name h5 {
				width: 100%;
				text-align: center;
		}
		#professor .professor-name i {
				width: 100%;
				text-align: center;
		}
		#professor .professor-say {
				text-align: center;
		}
		#professor .professor-say li {
				list-style: none;
		}
}
@media only screen and (max-width: 414px) {
}
#ie8, noscript {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
}
#ie8 {
		display: none;
}
#ie8 h1, noscript h1 {
		font-size: 2em;
		font-weight: 100;
		line-height: 2em;
}
.valign70 {
		position: relative;
		display: block;
		top: 70%;
		-webkit-transform: translateY(-70%);
		transform: translateY(-70%);
}
.valign50 {
		position: relative;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}
.valign30 {
		position: relative;
		display: block;
		top: 30%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
}
.text-primary {
		color: #31a8e6;
}
.text-white {
		color: #fff;
}
.text-offwhite {
		color: #f2f2f2;
}
.text-black {
		color: #000;
}
.text-offblack {
		color: #0d0d0d;
}
.white-bg {
		background-color: #fff;
}
.offwhite-bg {
		background-color: #f2f2f2;
}
.black-bg {
		background-color: #000;
}
.offblack-bg {
		background-color: #0d0d0d;
}
.photo-bg {
		position: relative;
		background-position: center;
		-webkit-background-size: cover;
		background-size: cover;
}
.photo-bg-parallax {
		-webkit-background-attachment: fixed;
		background-attachment: fixed;
}
.photo-bg-overlay {
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		background: rgba(0,0,0,0.5);
}
.photo-bg-overlay-gradient {
		height: 100%;
		width: 100%;
		position: absolute;
		background: transparent;
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%)
}
.photo-bg-01 {
		background-image: url(../img/photo01.jpg);
}
.photo-bg-02 {
		background-image: url(../img/photo02.jpg);
}
.photo-bg-03 {
		background-image: url(../img/photo03.jpg);
}
.photo-bg-04 {
		background-image: url(../img/photo04.jpg);
}
.photo-bg-05 {
		background-image: url(../img/photo05.jpg);
}
.photo-bg-06 {
		background-image: url(../img/photo06.jpg);
}
.photo-bg-07 {
		background-image: url(../img/photo07.jpg);
}
.photo-bg-08 {
		background-image: url(../img/photo08.jpg);
}
.photo-bg-09 {
		background-image: url(../img/photo09.jpg);
}
.photo-bg-10 {
		background-image: url(../img/photo10.jpg);
}
.pad-no {
		padding: 0;
}
.pad-top {
		padding-top: 50px;
}
.pad-top-half {
		padding-top: 25px;
}
.pad-top-double {
		padding-top: 100px;
}
.pad-top-triple {
		padding-top: 150px;
}
.pad-bottom {
		padding-bottom: 50px;
}
.pad-bottom-half {
		padding-bottom: 25px;
}
.pad-bottom-double {
		padding-bottom: 100px;
}
.pad-bottom-triple {
		padding-bottom: 150px;
}
.full-height {
		height: 700px;
}
.half-height {
		height: 500px;
}
.aThird-height {
		height: 333px;
}

.reDeco li{
		list-style: url("/assets/img/bullet.gif") inside;
		line-height: 1.75em;
}
.middleLine {
		padding: 0;
		border: none;
		border-top: solid 3px;
		text-align: center;
		width: 100%;
		margin: 25px auto 30px;
		color: #eee;
}
.bold {
		font-weight: 600;
}
#analog p , #bio-medical p , #wireless p {
		font-size: 85%;
		color: #666;
		letter-spacing: -.3px;
}
#analog h3:before , #bio-medical h3:before , #wireless h3:before{
		content: "■";
		font-size:70%;
		vertical-align: top;
		padding-right: 5px;
}

#fregister_term h2, #fregister_private h2 {
		font-size: 1.5em;
		line-height: 1.75em;
		padding: 15px 0;
}
ol li {
		line-height: 1.758em;
		padding-bottom: 8px;
}
@media only screen and (max-width: 992px) {
		.pad-top {
				padding-top: 40px;
		}
		.pad-top-half {
				padding-top: 20px;
		}
		.pad-top-double {
				padding-top: 80px;
		}
		.pad-top-triple {
				padding-top: 120px;
		}
		.pad-bottom {
				padding-bottom: 40px;
		}
		.pad-bottom-half {
				padding-bottom: 20px;
		}
		.pad-bottom-double {
				padding-bottom: 80px;
		}
		.pad-bottom-triple {
				padding-bottom: 120px;
		}
		.full-height {
				height: 700px;
		}
		.half-height {
				height: 350px;
		}
		.aThird-height {
				height: 290px;
		}
}
@media only screen and (max-width: 768px) {
		.pad-top {
				padding-top: 30px;
		}
		.pad-top-half {
				padding-top: 15px;
		}
		.pad-top-double {
				padding-top: 60px;
		}
		.pad-top-triple {
				padding-top: 90px;
		}
		.pad-bottom {
				padding-bottom: 30px;
		}
		.pad-bottom-half {
				padding-bottom: 15px;
		}
		.pad-bottom-double {
				padding-bottom: 60px;
		}
		.pad-bottom-triple {
				padding-bottom: 90px;
		}
		.full-height {
				height: 500px;
		}
		.half-height {
				height: 250px;
		}
		.aThird-height {
				height: 220px;
		}
}
@media only screen and (max-width: 414px) {
		.pad-top {
				padding-top: 20px;
		}
		.pad-top-half {
				padding-top: 10px;
		}
		.pad-top-double {
				padding-top: 40px;
		}
		.pad-top-triple {
				padding-top: 60px;
		}
		.pad-bottom {
				padding-bottom: 20px;
		}
		.pad-bottom-half {
				padding-bottom: 10px;
		}
		.pad-bottom-double {
				padding-bottom: 40px;
		}
		.pad-bottom-double {
				padding-bottom: 60px;
		}
		.full-height {
				height: 350px;
		}
		.half-height {
				height: 175px;
		}
		.aThird-height {
				height: 120px;
		}
}

/* ==================== kmpark ==================== */
/* interval */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.ml5 {margin-left:5px !important;}
.pd0 {padding:0 !important;}
.pd10 {padding:10px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pl20 {padding-left:20px !important;}
.mwFull {max-width:100%;}
/* font */
.ftNoto {font-family: "Noto Sans KR";}
.ftNanumGo {font-family: "Nanum Gothic";}
.ftBold {font-weight:bold;}
.ftBlue {color:#0000ff !important;}
.ftRed {color:#a00000 !important;}
.ftRed2 {color:#ff0000 !important;}
.ftPink {color:#e4007f !important;}
.ftGray {color:#959595 !important;}
.ftGreen {color:#009944 !important;}
.ftCyan {color:#1b3144 !important;}
.ftSkyblue {color:#00adf2 !important;}
.ftYellow {color:#ffda2f !important;}

.inBlock {display:inline-block;}
.block {display:block;}
.right {float:right;}
.vTop {vertical-align: top;}
.tCenter {text-align:center;}
.mobileBox {display:none;}
.bgWhite {background:white !important;}

/* common */
body {font-family: 'Nanum Gothic';letter-spacing: -0.5px;color:#333;background:url("../img/bg_body.png") repeat;}
ul, ol {margin:0;padding:0;list-style: none;}
em {font-style: normal;}
a {color:#333;}
a,a:hover,a:active {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {margin:0;}
::-webkit-input-placeholder {color:#999;} /* WebKit browsers */
:-moz-placeholder {color:#999;opacity:1;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#999;opacity:1;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#999;}/* Internet Explorer 10+ */

#container {max-width:1170px; margin:0 auto;background:white;box-shadow:0px 3px 5px 5px rgba(0, 0, 0, 0.1);}
html {overflow-x:hidden;}
.container { position:relative; padding:0; }
.row {margin:0;}
.subRoomBg { width:100%; background:url('../img/sub/subbg_40.png') no-repeat bottom; }
.subKids img { margin-top:-17px; }
.s_fixheader {margin:0;}
.s_mmenusub {margin:0;}
.quickSearch {position:absolute;top:120px;left:50%;margin-left:-590px;z-index:11;max-width:230px;}
.quickSearch .s_tabs li a {border:0;}
.quickSearch .s_tabs li button {display:block;padding:10px 5px;width:100%;font-size: 11px;border:0;background:#f4f4f4;}
.quickSearch .s_tabs li button.on {color:white;background:#6cabcb;}
.s_tabs_contents .s_tabpane {display:none;overflow:hidden;padding:10px;}
.s_tabs_contents .s_tabpane.tab03 {display:block;}
.s_mmenu {margin-top:80px;background:#012653;transition: background-color 0.5s ease;-webkit-transition: background-color 0.5s ease;-ms-transition: background-color 0.5s ease;}
.s_mmenu .s_navul {overflow:hidden;margin:0 auto;max-width:1190px;}
.s_mmenu .s_navul li {float:left;} /*7.6923% */
.s_mmenu .s_navul li a {display:block;padding-left:34px;font-size:11px;color:white;background:url("../img/icon_snb4.png") no-repeat;}
.s_mmenu .s_navul li.s_nav02 a {background-position:left -50px;}
.s_mmenu .s_navul li.s_nav03 a {background-position:left -100px;}
.s_mmenu .s_navul li.s_nav04 a {background-position:left -150px;}
.s_mmenu .s_navul li.s_nav05 a {background-position:left -200px;}
.s_mmenu .s_navul li.s_nav06 a {background-position:left -250px;}
.s_mmenu .s_navul li.s_nav07 a {background-position:left -300px;}
.s_mmenu .s_navul li.s_nav08 a {background-position:left -350px;}
.s_mmenu .s_navul li.s_nav09 a {background-position:left -400px;}
.s_mmenu .s_navul li.s_nav10 a {background-position:left -400px;}
.s_mmenu .s_navul li.s_nav11 a {background-position:left -500px;}
.s_mmenu .s_navul li.s_nav12 a {background-position:left -450px;}
.s_mmenu .s_navul li.s_nav13 a {background-position:left -550px;}
.s_mmenu .s_navul li.s_nav14 a {background-position:left -600px;}
.s_mmenu h1 {display:none;position:absolute;top:5px;left:50%;margin-left:-50px;width:100px;text-align:center;}
.s_mmenu h1 img {display:block;height:40px;vertical-align: top;}
.s_mmenu h1 img.onImg {display:none;}
header img.onImg {display:none;}
header .fixed img.offImg {display:none;}
header .fixed img.onImg {display:block;}
.s_tabletcol {padding:0;}


.footer-above .s_footer01 li {position:relative;padding:0 15px;line-height:20px;text-align:center;}
.footer-above .s_footer01 li:before {content:"";display:block;position:absolute;top:50%;left:0;margin-top:-7px;width:1px;height:14px;background:white;}
.footer-above .s_footer01 li:first-child:before {display:none;}
.footer-below {padding:10px 0;font-family: "Noto Sans KR";background:#f5f5f5;}
.footer-below .webBox .fCall {position:absolute;top:20px;left:20px;}
.footer-below .fCall h4 {font-size:16px;letter-spacing: 3px;}
.footer-below .fCall strong {display:block;margin-top:5px;font-size:26px;letter-spacing: 5px;}
.footer-below .fCall div {font-size:14px;color:#a0a0a0;}
.footer-below .fBank h4 {padding-bottom:5px;font-size:16px;letter-spacing: 3px;}
.footer-below .fBank strong {display:block;font-size:14px;color:black;}
.footer-below .fBank .bulletNh {padding-left:28px;line-height:24px;background:url("../img/icon_nh.png") no-repeat;}
.footer-below .btnQuestion {display:block;margin-top:5px;padding:0 5px;max-width:200px;line-height:30px;color:white;border-radius:5px;background:#060201 url("../img/icon_question.png") no-repeat 95% 50%;}
.footer-below .btnCall {display:block;margin-top:5px;padding:0 5px;max-width:200px;line-height:30px;color:white;border-radius:5px;background:#060201 url("../img/icon_call.png") no-repeat 95% 50%;}
.footer-below .webBox {position:relative;padding:20px 250px 10px;text-align:left;}
.footer-below .webBox .fFamily {position:absolute;top:34px;right:20px;}
.footer-below .mobileBox .btnCall {margin-top:13px;}
.footer-below .mobileBox address {margin:0;padding:10px;color:#434343;}
.footer-below .mobileBox .copy {padding:0 10px;color:#7d7d7d;}

/* banner */
.banner {position:absolute;top:125px;left:50%;z-index:1;margin-left:600px;text-align:center;}
.banner li {margin-bottom:15px;}

/* quick */
.quick ul {position:absolute;top:780px;left:50%;z-index:18;margin-left:600px;padding:80px 0 16px 10px;width:108px;text-align:center;background:url("../img/bg_quick.png") no-repeat;}
.quick ul.on {position:fixed;top:100px;}
.quick ul li {margin-top:20px;}
.quick ul li a {display:inline-block;padding-top:40px;font-size:12px;font-weight:bold;color:#282828;background:url("../img/icon_quick.png") no-repeat;}
.quick ul li.quick01 a {background-position:50% 14px;}
.quick ul li.quick02 a {background-position:50% -100px;}
.quick ul li.quick03 a {background-position:50% -200px;}
.quick ul li.quick04 a {margin-top:-10px;background-position:50% -290px;}
.quick ul li.quick04 a strong {display:block;margin:0 auto;width:86px;font-size:14px;color:white;background:#a0a0a0;}
.quick ul li.quick05 a {background-position:50% -395px;}
.quick ul li.quick06 a {padding-top:55px;background-position:50% -500px;}
#s_mobilemenu {display:none;padding:10px 0;overflow:hidden;background: #041d30;}
#s_mobilemenu div div {  float:left;width:16.66%; padding-bottom:10px;}

.lnb {display:none;position:absolute;top:145px;left:50%;z-index:16;margin-left:-720px;width:120px;text-align:center;}
.lnb.on {position:fixed;top:100px;}
.lnb .lnbBanner {overflow:hidden;}
.lnb .lnbBanner li {float:left;width:50%;background:white;}
.lnb .lnbBanner li a {display:block;line-height:38px;font-size:11px;color:white;}
.lnb .lnbBanner li.lnbBanner01 {border-bottom:1px solid #8092a6;border-right:1px solid #8092a6;background:rgba(68, 162, 152, 0.7);}
.lnb .lnbBanner li.lnbBanner02 {border-bottom:1px solid #8092a6;background:rgba(75, 94, 161, 0.7);}
.lnb .lnbBanner li.lnbBanner03 {border-right:1px solid #8092a6;background:rgba(192, 131, 83, 0.7);}
.lnb .lnbBanner li.lnbBanner04 {background:rgba(149, 134, 199, 0.7);}

.lnb .lnbRoom {margin-top:5px;overflow:hidden;background:rgba(1, 38, 83, 0.8);}
.lnb .lnbRoom li {float:left;width:50%;border-bottom:1px solid #8092aa;}
.lnb .lnbRoom li a {display:block;line-height:37px;font-size:11px;color:white;}
/*.lnb .lnbRoom li:nth-child(1),
.lnb .lnbRoom li:nth-child(2) {border-top: 0;}*/
.lnb .lnbRoom li:last-child {border-bottom:0;}
.lnb .lnbRoom li:nth-child(odd) {border-right: 1px solid #8092aa;}

/* datepicker */
.datepicker {padding:10px;}
.datepicker .table-condensed &gt; thead &gt; tr &gt; th.prev,
.datepicker .table-condensed &gt; thead &gt; tr &gt; th.next {cursor:pointer;}
.datepicker .table-condensed &gt; tbody &gt; tr &gt; td {padding:7px;text-align:center;cursor:pointer;border:1px dotted #eee;}
.datepicker .table-condensed &gt; tbody &gt; tr &gt; td:first-child {color:red;}
.datepicker .table-condensed &gt; tbody &gt; tr &gt; td:last-child {color:blue;}
.datepicker .table-condensed &gt; tbody &gt; tr &gt; td.old,
.datepicker .table-condensed &gt; tbody &gt; tr &gt; td.new {color:#bbb;}

/* more box */
.blind {display: none;position: fixed;left: 0;top: 0;z-index: 100;bottom: 0;width: 100%;background: #000;opacity: 0.7;filter: alpha(opacity=70);}
.moreBox {display:none;position:fixed;bottom:15px;right:15px;z-index:101;}
.moreBox ul li {position:absolute;bottom:0;right:0;width:150px;text-align:right;opacity:0;filter: alpha(opacity=0);-webkit-transition: all .2s ease;-ms-transition: all .2s ease;transition: all .2s ease;}
.moreBox ul li a {display:block;padding-right:70px;height:58px;line-height:58px;font-size:14px;font-weight:700;letter-spacing:-1px;color:white;background:url("../img/btn_more.png") no-repeat;}
.moreBox ul li.btnMore01 a {background-position:right -200px;}
.moreBox ul li.btnMore02 a {background-position:right -300px;}
.moreBox ul li.btnMore03 a {background-position:right -400px;}
.moreBox .btnMore {display:block;position:relative;z-index:1;width:58px;height:58px;text-indent:-9999px;font-size:0;border:0;outline:none;background:url("../img/btn_more.png") no-repeat;}
.moreBox.on ul li {opacity:1;filter: alpha(opacity=100);}
.moreBox.on ul li.btnMore01 {bottom:210px;}
.moreBox.on ul li.btnMore02 {bottom:140px;}
.moreBox.on ul li.btnMore03 {bottom:70px;}
.moreBox.on .btnMore {background-position:left -100px;}

/* bx slider */
.bx-wrapper {left:0;right:0;margin-bottom:0;box-shadow:none;border:none;background:none;}
.bx-wrapper .bx-controls-direction a.bx-prev {left:0;width:27px;height:44px;background:url("../img/btn_slider_arrow.png") no-repeat;}
.bx-wrapper .bx-controls-direction a.bx-next {right:0;width:27px;height:44px;background:url("../img/btn_slider_arrow.png") no-repeat left -100px;}

/* main */
h3.lineTitle {position:relative;padding:15px;text-align:center;}
h3.lineTitle strong {position:relative;z-index:1;display:inline-block;padding:0 30px;font-size:30px;background:white;}
h3.lineTitle:before {content:"";display:block;position:absolute;top:50%;left:30px;width:50%;height:1px;background:#c0c0c0;}
h3.lineTitle:after {content:"";display:block;position:absolute;top:50%;right:30px;width:50%;height:1px;background:#c0c0c0;}
h3.lineTitle2 {margin:20px 0;text-align:center;}
h3.lineTitle2 span {display:inline-block;color:black;line-height:38px;font-size:24px;font-weight:bold;color:black;border-top:1px solid black;border-bottom:1px solid black;}
h3.lineTitle2 strong {display:inline-block;margin-left:5px;line-height:40px;font-size:30px;color:#a367e3;}
.parallax { background-image: url("../img/img_banner_bg.jpg");min-height: 100px;background-attachment: fixed;background-position: center;background-repeat: no-repeat;/*background-size: cover;*/}

.searchBlog {margin-top:20px;padding:0 30px;}
.searchBlog .searchArea {position:relative;padding-right:50px;border:1px solid #45b034;background:white;}
.searchBlog .searchArea input[type="text"] {padding:0 10px;width:100%;height:26px;line-height:26px;border:0;}
.searchBlog .searchArea button {display:block;position:absolute;top:0;right:0;z-index:1;width:50px;height:26px;color:white;cursor:pointer;border:0;background:#45b034;}
.s_pernum::-webkit-input-placeholder {color:red;}
.s_pernum:-moz-placeholder {color:red;}
.s_pernum::-moz-placeholder {color:red;}
.s_pernum:-ms-input-placeholder {color:red;}
/* snb */
.navbar a:hover {text-shadow:0 0 5px rgba(255, 255, 255, 0.7);}
.s_bigmenu {position:absolute;top:0px;left:0;z-index:17;width:100%;background: rgba(255, 255, 255, 1);transition: background-color 0.5s ease;-webkit-transition:background-color 0.5s ease;-ms-transition:background-color 0.5s ease;}
.s_bigmenu .bigMenuContents {position:relative;}
.s_bigmenu .bigMenuLogo {position:absolute; top:0; left:50%;margin-left:-570px;}
.s_bigmenu .bigMenuLogo div {margin:0;padding:8px 0;height:80px;}
.s_bigmenu .bigMenuLogo div img {width:auto;height:100%;}
.s_bigmenu .s_mmenu {position:fixed; top:181px; border-radius:0;}
.s_bigmenu .s_pcfix {margin:0 auto;padding-left:120px;width:1170px;overflow:hidden;text-align:center;font-size:0;}
.s_bigmenu .s_menu {display:inline-block;padding:26px 0 0 70px;width:auto;height:80px;text-align:right;font-size:12px;font-weight:bold;}
.s_bigmenu .s_menu a {display:inline-block;text-align:center;color:#202020;}
.s_bigmenu .s_menu .s_cp { font-size:11px;font-weight:bold;color: #7598c4;}
.s_bigmenu.fixed {position:fixed;top:0;z-index:16;background: rgba(1, 38, 83, 0.8);}
.s_bigmenu.fixed .s_menu &gt; a {color:white;}
.s_bigmenu.fixed .s_menu .s_cp {color:#abc4e4;}
.s_menu.snb ul {display:none;position:absolute;top:80px;left:50%;z-index:16;margin-left:-303px;padding:30px 0 10px;width:888px;text-align:center;box-sizing:border-box;border-top:2px solid white;background: white;}
.s_menu.snb ul:before {content:"";display:block;position:absolute;top:10px;left:20px;width:calc(100% - 40px);height:2px;background:#012653;}
.s_menu.snb ul:after {content:"";display:block;position:absolute;top:5px;width:10px;height:10px;border-top:2px solid #012653;border-left:2px solid #012653;background:white;-ms-transform: rotate(-45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.s_menu.snb01 ul:after {left:63px;}
.s_menu.snb04 ul:after {left:564px;}
.s_menu.snb05 ul:after {left:837px;}
.s_menu.snb06 ul:after {left:701px;}
.s_menu.snb ul li {float:left;position:relative;padding-left:15px;width:16.6%;text-align:left;border-left:1px solid #eee;}
.s_menu.snb ul li:nth-child(6n+1) {border-left:0;}
.s_menu.snb ul li a {display:inline-block;padding:5px;height:40px;line-height:30px;font-weight:600;color:#041d31;}
.s_menu.snb ul li a:hover {text-shadow:0 1px 1px #7598c4; text-decoration:none;}
.s_menu.snb:hover ul {display:block;}

/**/
.plusList li {position:relative;}
.plusList li .imgArea {display:block;position:relative;}
.plusList li .imgArea:after {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0;transition: opacity .2s ease-in-out;-moz-transition: opacity .2s ease-in-out;-webkit-transition: opacity .2s ease-in-out;background: rgba(7, 28, 54, 0.6) url("../img/sub/icon_plus.png") no-repeat 50% 50%;background-size:60px 60px;}
.plusList li .imgArea img {max-width:100%;width:100%;}
.plusList li a {display:inline-block;vertical-align: top;}
.plusList li a:hover .imgArea:after {opacity: 1;}

.blueTab {margin:30px 0;text-align:center;font-family: "Noto Sans KR";}
.blueTab ul li {display:inline-block;padding:0 1px;width:210px;height:54px;}
.blueTab ul li a {display:block;line-height:54px;font-size:14px;color:white;box-shadow:-2px 2px 2px rgba(0, 0, 0, .3);background:#6cabcb;}
.blueTab ul li a.on {background:#1b3144;}

/* main */
.s_pre .btnDown {position:absolute;bottom:30px;left:50%;margin-left:-100px;border:1px solid white;}
.s_pre .btnDown a {display:block;padding:0 40px 0 20px;height:32px;line-height:32px;font-size:20px;font-weight:700;color:white;background:url("../img/btn_arrow.png") no-repeat 90% 50%;}
.s_resbtn a:hover,
.s_cicon a:hover {color:white;text-shadow: 0 0 5px rgba(255, 255, 255, .7);}
.s_preview {text-align:center;}
.s_preview .bgBox {background:url("../img/bg_main_video.jpg") no-repeat;background-size:100% 100%;}
.s_preview h4 {padding:10px 0;font-family: 'Noto Sans KR';font-size:24px;color:#b3d465;text-shadow:2px 2px rgba(0, 0, 0, 0.35);}
.s_preview p {margin:0;color:rgba(255, 255, 255, 0.7);}
.s_preview .videoSlider {margin-top:20px;}
.reservationIconW img {margin:0 auto;}

/* sub */
.s_topimg01 {box-shadow: 8px 8px 6px 0px rgba(0, 0, 0, 0.14);}
.carousel-control {position:absolute;width:50px;height:50px;text-indent:-9999px;font-size:0;background:url("../img/sub/btn_slider_arrow.png") no-repeat;}
.carousel-control.left {top:50%;left:10px;margin-top:-25px;}
.carousel-control.right {top:50%;right:10px;margin-top:-25px;background-position:left -100px;}
.carousel .s_subcaption {position:absolute;bottom:20px;right:30px;text-shadow:3px 3px 3px black;font-family: 'Noto Sans KR';color:white;}
.carousel .s_subcaption strong {font-size:45px;font-weight:normal;}
.carousel .s_subcaption span {font-size:16px;font-weight:300;}
.carousel .s_subcaption em {display:block;font-size:32px;font-weight:500;}

.subSlider {margin-top:20px;padding:0 30px;}
.subSlider .bx-wrapper {margin:0 auto;border:0;box-shadow:none;background:none;}
.subSlider .sliderPager .bx-wrapper {max-width:1022px !important;}
.subSlider .sliderArea {box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.21);}
.subSlider .sliderPager {position:relative;margin-top:20px;padding:0 20px;}
.subSlider .sliderPager li {float:left;margin:0 6px;box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.12);}
.subSlider .sliderPager li:first-child {margin-left:0;}
.subSlider .sliderPager li a {display:block;cursor:pointer;border:3px solid rgba(177, 177, 177, 0.7);}
.subSlider .sliderPager li a.active {border-color:rgba(255, 0, 0, 0.7);}
.subSlider .sliderPager .bx-wrapper .bx-prev {left:-31px;z-index:1;width:30px;height:30px;border:1px solid #ddd;background:white url("../img/sub/btn_slider_arrow02.png") no-repeat;}
.subSlider .sliderPager .bx-wrapper .bx-next {right:-31px;z-index:1;width:30px;height:30px;border:1px solid #ddd;background:white url("../img/sub/btn_slider_arrow02.png") no-repeat left -50px;}
.subSlider .sliderGuide {margin-top:10px;text-align:right;font-family: 'Noto Sans KR';font-size:12px;color:#959595;}
.subSlider .sliderGuide:before {content:"";display:inline-block;width:26px;height:26px;vertical-align:middle;background:url("../img/sub/icon_find.png") no-repeat;}
.subSlider .subSlider_title {padding-bottom:10px;}
.subSlider .subSlider_title span{font-size:20px;font-weight:bold;color:#4374D9}


.subSlider1 {margin-top:20px;padding:0 30px;}
.subSlider1 .bx-wrapper {margin:0 auto;border:0;box-shadow:none;background:none;}
.subSlider1 .sliderPager1 .bx-wrapper {max-width:1022px !important;}
.subSlider1 .sliderArea1 {box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.21);}
.subSlider1 .sliderPager1 {position:relative;margin-top:20px;padding:0 20px;}
.subSlider1 .sliderPager1 li {float:left;margin:0 6px;box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.12);}
.subSlider1 .sliderPager1 li:first-child {margin-left:0;}
.subSlider1 .sliderPager1 li a {display:block;cursor:pointer;border:3px solid rgba(177, 177, 177, 0.7);}
.subSlider1 .sliderPager1 li a.active {border-color:rgba(255, 0, 0, 0.7);}
.subSlider1 .sliderPager1 .bx-wrapper .bx-prev {left:-31px;z-index:1;width:30px;height:30px;border:1px solid #ddd;background:white url("../img/sub/btn_slider_arrow02.png") no-repeat;}
.subSlider1 .sliderPager1 .bx-wrapper .bx-next {right:-31px;z-index:1;width:30px;height:30px;border:1px solid #ddd;background:white url("../img/sub/btn_slider_arrow02.png") no-repeat left -50px;}
.subSlider1 .sliderGuide {margin-top:10px;text-align:right;font-family: 'Noto Sans KR';font-size:12px;color:#959595;}
.subSlider1 .sliderGuide:before {content:"";display:inline-block;width:26px;height:26px;vertical-align:middle;background:url("../img/sub/icon_find.png") no-repeat;}
.subSlider1 .subSlider_title {padding-bottom:10px;}
.subSlider1 .subSlider_title span{font-size:20px;font-weight:bold;color:#4374D9}


.subSlider2 {margin-top:20px;padding:0 30px;}
.subSlider2 .bx-wrapper {margin:0 auto;border:0;box-shadow:none;background:none;}
.subSlider2 .sliderPager2 .bx-wrapper {max-width:1022px !important;}
.subSlider2 .sliderArea2 {box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.21);}
.subSlider2 .sliderPager2 {position:relative;margin-top:20px;padding:0 20px;}
.subSlider2 .sliderPager2 li {float:left;margin:0 6px;box-shadow:10px 10px 10px 0 rgba(0, 0, 0, 0.12);}
.subSlider2 .sliderPager2 li:first-child {margin-left:0;}
.subSlider2 .sliderPager2 li a {display:block;cursor:pointer;border:3px solid rgba(177, 177, 177, 0.7);}
.subSlider2 .sliderPager2 li a.active {border-color:rgba(255, 0, 0, 0.7);}
.subSlider2 .sliderPager2 .bx-wrapper .bx-prev {left:-31px;z-index:1;width:30px;height:30px;border:1px solid #ddd;background:white url("../img/sub/btn_slider_arrow02.png") no-repeat;}
.subSlider2 .sliderPager2 .bx-wrapper .bx-next {right:-31px;z-index:1;width:30px;height:30px;border:1px solid #ddd;background:white url("../img/sub/btn_slider_arrow02.png") no-repeat left -50px;}
.subSlider2 .sliderGuide {margin-top:10px;text-align:right;font-family: 'Noto Sans KR';font-size:12px;color:#959595;}
.subSlider2 .sliderGuide:before {content:"";display:inline-block;width:26px;height:26px;vertical-align:middle;background:url("../img/sub/icon_find.png") no-repeat;}
.subSlider2 .subSlider_title {padding-bottom:10px;}
.subSlider2 .subSlider_title span{font-size:20px;font-weight:bold;color:#4374D9}


.homeBox {position:absolute;bottom:-10px;left:23px;width:168px;height:124px;text-align:center;background:url("../img/sub/bg_title_home.png") no-repeat;background-size:100% auto;}
.homeBox strong {display:block;padding-top:60px;font-family: 'Noto Sans KR';font-size:20px;font-weight:900;color:#1b3244;}
.homeBox span {font-size:16px;font-weight:700;color:#1b3244;}
.homeBox em {display:block;position:absolute;top:40px;left:0;width:100%;font-size:16px;color:white;text-shadow:1px 1px 2px rgba(0, 0, 0, 0.7);}
/* 컨텐츠 타이틀 */
.sTitle {position:relative;margin:15px 0;overflow:hidden;text-align:center;font-family: 'Noto Sans KR';font-weight:500; }
.sTitle:before {content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:2px;background:gray;}
.sTitle .sTitleCon {display:inline-block;position:relative;z-index:1;padding:10px;background:white;}
.sTitle h2 {line-height:40px;}
.sTitle h2 strong {display:inline-block;vertical-align:top;font-size:40px;font-weight:500;color:#30353b;}
.sTitle h2 strong:after {content:" / ";}
.sTitle h2 strong.noneAfter:after {display:none;}
.sTitle h2 span {display:inline-block;vertical-align:top;font-size:35px;font-weight:500;color:#00adf2;}
.sTitle p {margin-top:10px;padding:0 20px;}
.sTitle em {display:block;margin:25px auto 0;width:720px;line-height:18px;font-family: "Nanum Gothic";font-size:14px;font-weight:700;font-style:normal;}
.cTitle {margin-top:50px;text-align:center;}
.cTitle strong {font-family: 'Noto Sans KR'; font-size:48px;font-weight:600;color:#30353b;}
.cTitle p {margin-top:10px;line-height:20px;font-size:16px;color:#707070;}
#s_subpara {position:absolute; bottom:0; left:0; width:100%;padding-bottom:30px;background-image: url("../img/sub/subbg_40.png");min-height: 1000px;background-repeat: no-repeat;background-size: cover; }
/* 펜션 가이드맵 */
.txtQuotes {margin-top:20px;padding:0 10px;text-align:center;font-family: 'Noto Sans KR'; font-size:30px;font-weight:700;color:#626262;}
.txtQuotes:before {content:"";display:inline-block;margin-right:10px;width:32px;height:26px;vertical-align: top;background:url("../img/sub/img_quotes.png") no-repeat;}
.txtQuotes:after {content:"";display:inline-block;margin-left:10px;width:32px;height:26px;vertical-align: top;background:url("../img/sub/img_quotes.png") no-repeat left -50px;}
.txtQuotes .ftPink {font-size:45px;color:#ea68a2;}
.txtGray {margin-top:60px;padding-left:60px;font-size:18px;color:#a3aaae;}
.guideTap ul {margin:20px auto 30px;overflow:hidden;text-align:center;}
.guideTap ul li {display:inline-block;margin-top:10px;padding:0 2px;width:180px;box-sizing:border-box;}
.guideTap ul li a {display:block; height:54px; padding:5px; font-size:16px;color:white;background:#6cabcb url('../img/sub/guidetabbg.png') no-repeat }
.guideTap ul li .guideon {text-shadow:0 0 5px rgba(255, 255, 255, 0.7); background:#1b3144 url('../img/sub/guidetabbg.png') no-repeat;}
.guideTap .guideTab1 a, .guideTap .guideTab1 .guideon  {background-position:left 9px;  }
.guideTap .guideTab2 a, .guideTap .guideTab2 .guideon   {background-position:left -36px;  }
.guideTap .guideTab3 a, .guideTap .guideTab3 .guideon   {background-position:left -85px;  }
.guideTap .guideTab4 a, .guideTap .guideTab4 .guideon {background-position:left -131px;  }
.guideTap ul li a span {font-size:12px; }
.guide .previewImg {display:none;padding:10px;}

.txtItalic {margin-top:20px;padding:0 10px;text-align:center;font-style: italic;font-size:24px;font-weight:700;color:#626262;}
.txtItalic span {font-size:18px;}
.roomchoice {position:relative;margin-top:50px;padding-top:100px;text-align:center;background:#fafafa;}
.roomchoice:before {content:"";display:block;position:absolute;top:0;left:50%;margin:-20px 0 0 -330px;width:660px;height:80px;background:url("../img/sub/bg_guide_roomchoice.png") no-repeat 50% top;background-size:90% auto;}
.roomchoice h3 {max-width:700px;margin:0 auto;font-family: 'Noto Sans KR'; font-size:48px;color:#30353b;}
.roomchoice p.ftBrown {font-size:18px;color:#62534b;}
.roomList {overflow:hidden;text-align:left;}
.roomList li {padding:5px;}
.roomList li a {display:block;height:420px;text-decoration: none;background:white;}
.roomList li a:hover .imgArea img {-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.roomList li a:hover {box-shadow:0px 0px 3px 3px #ccc;-webkit-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.roomList .imgArea {text-align:center;height:204px;overflow:hidden;}
.roomList .imgArea img {width:100%;}
.roomList .txtArea {margin:0 auto;padding:0 10px;}
.roomList .txtArea * {color:#626262;}
.roomList .txtArea h4 {position:relative;margin:20px 0 0;padding-top:13px;font-size:24px;color:#3d3d3d;}
.roomList .txtArea h4:before {content:"";display:block;position:absolute;top:0;left:5px;width:16px;height:2px;background:#3d3d3d;}
.roomList .txtArea h4 i {display:inline-block;margin-right:5px;color:#3d3d3d;}
.roomList .txtArea strong {display:block;margin-top:5px;font-size:16px;color:#b1b1b1;}
.roomList .txtArea span {display:block;margin-top:20px;font-size:14px;font-weight:700;color:#626262;}
.roomList .txtArea .floor2:before {content:"2F";display:inline-block;margin-right:5px;width:24px;line-height:16px;text-align:center;color:white;border-radius:8px;background:#6cabcb;}
.roomList .txtArea .floor1:before {content:"1F";display:inline-block;margin-right:5px;width:24px;line-height:16px;text-align:center;color:white;border-radius:8px;background:#005073;}
.roomList .txtArea .floorB1:before {content:"B1";display:inline-block;margin-right:5px;width:24px;line-height:16px;text-align:center;color:white;border-radius:8px;background:#041d31;}

.convenient {padding:80px 0;}
.convenient h3 {font-size:48px;color:#30353b;}
.convenient p.Indigo {font-size:18px;font-weight:700;color:#30353b;}
.convenient ol {margin-top:50px;overflow:hidden;text-align:center;font-size:0;}
.convenient ol li {display:inline-block;padding:0 5px;font-size:14px;width:20%;vertical-align: top;text-align:left;box-sizing: border-box;}
.convenient ol li a {display:block;border:1px solid #eeeeee;text-decoration: none;}
.convenient ol li .imgArea img {width:100%;}
.convenient ol li .txtArea {position:relative;padding:0 5px;min-height:215px;}
.convenient ol li .txtArea h4 {position:relative;margin-top:10px;padding-top:13px;font-size:18px;color:#3d3d3d;}
.convenient ol li .txtArea h4:before {content:"";display:block;position:absolute;top:0;left:5px;width:16px;height:2px;background:#3d3d3d;}
.convenient ol li .txtArea div {font-size:14px;color:#b1b1b1;}
.convenient ol li .txtArea strong {display:block;position:absolute;bottom:40px;width:100%;text-align:left;}
.convenient ol li .txtArea strong em {display:inline-block;padding:0 3px;height:20px;line-height:20px;color:white;font-style:normal;border-radius:10px;background:#a40000;}
.convenient ol li .txtArea strong span {display:block;margin-top:5px;text-align:center;font-size:20px;color:#3d3d3d;}

.thirdImg {margin-top:100px;}
.thirdImg li {float:left;padding:0 2px;width:33.33%;box-sizing:border-box;}
.thirdImg li:first-child {width:33.34%;}
.thirdImg img {width:100%;}
.bespeak {margin:20px auto 50px;width:900px;font-family: "Nanum Gothic";}
.bespeak .box {margin-top:10px;padding:20px 0 0 90px;background:url("../img/sub/icon_pencil.png") no-repeat;}
.bespeak .box h4 {margin:0 0 10px;font-size:20px;color:#535353;}
.bespeak .bulletBilliards {position:relative;padding-left:15px;font-weight:bold;color:black;}
.bespeak .bulletBilliards:before {content:"※";display:block;position:absolute;top:0;left:0;width:16px;height:16px;}
.bespeak .checkList {margin-top:20px;}
.bespeak .checkList li {padding-left:22px;line-height:30px;font-size:16px;font-weight:bold;color:#1b1b1b;background:url("../img/sub/icon_check.png") no-repeat;}
.bespeak .bespeakConsult {overflow:hidden;}
.bespeak .bespeakConsult .leftBox {position:relative;float:left;padding-left:65px;width:50%;box-sizing:border-box;}
.bespeak .bespeakConsult .leftBox .grayBox {position:absolute;top:0;left:0;padding:0 5px;width:50px;height:54px;line-height:27px;text-align:center;font-size:16px;font-weight:bold;color:black;box-sizing:border-box;box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.23);background:#d9d4d4;}
.bespeak .bespeakConsult .leftBox strong {display:block;font-size:48px;color:black;}
.bespeak .bespeakConsult .rightBox {float:left;width:50%;}
.bespeak .bespeakConsult .rightBox .kakaoBox a {display:block;padding-right:40px;max-width:300px;line-height:56px;text-align:center;background:#fdd209 url("../img/sub/icon_kakao.jpg") no-repeat 95% 50%;}
.bespeak .bespeakConsult .rightBox .kakaoBox strong {display:inline-block;vertical-align:top;font-size:24px;font-weight:900;color:#43292f;}
.bespeak .bespeakConsult .rightBox .kakaoBox span {display:inline-block;margin-left:5px;vertical-align:top;font-size:16px;color:#43292f;}
.bespeak .account {margin-top:30px;overflow:hidden;}
.bespeak .account .grayBox {float:left;margin:12px 25px 0 0;width:120px;height:36px;line-height:36px;text-align:center;font-size:18px;font-weight:bold;color:black;box-shadow:8px 8px 8px 0 rgba(0, 0, 0, 0.23);background:#d9d4d4;}
.bespeak .account .deposit {float:left;padding:20px 20px 0;width:500px;border-radius:15px;box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.19);background: #f6f6f6 url("../img/sub/bg_deposit.png") no-repeat;}
.bespeak .account .deposit strong {font-size:20px;color:black;}
.bespeak .refundImg {padding-left:90px;}
.bespeak .refundImg img {max-width:100%;}

.location {position:relative;margin-top:50px;padding-bottom:180px;}
.location h3 {padding:10px 10px 15px;text-align:center;background:#313131;}
.location h3 strong {display:block;font-size:32px;color:#fbf6f6;}
.location h3 span {display:inline-block;margin-top:15px;font-size:16px;font-weight:normal;color:#fbf6f6;}
.location .wayCar {padding: 50px 0 0 145px;background:url("../img/sub/bg_location_waycar.png") no-repeat 35px 40px;}
.location .wayBus {padding: 50px 0 0 145px;background:url("../img/sub/bg_location_waybus.png") no-repeat 35px 40px;}
.location ul li {margin-top:30px;}
.location ul li h4 {margin:0 0 15px;padding-left:20px;line-height:42px;font-family: "Nanum Gothic";font-size:18px;color:#090000;background:url("../img/sub/bg_location_title.png") no-repeat;}
.location ul li div {font-family: "Nanum Gothic";font-size:16px;color:#2c2c2c;}
.location ul li span {display:block;}
.location .locationPick {position:absolute;bottom:0;right:63px;}
.mapArea {margin:30px auto;height:500px !important;}

/* 편의시설 */
.facilities .container {padding:0 15px;}
.fmCon {background:url("../img/sub/bg_facilitiesMain.jpg") no-repeat;background-size:100% 100%;}

.fmList {overflow:hidden;}
.fmList li {position:relative;padding:0;background:black;}
.fmList li .imgArea:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../img/sub/bg_facilitiesMain_imgShadow.png") no-repeat;background-size:100% 100%;}
.fmList li .txtArea {position:absolute;bottom:0;left:0;z-index:1;padding-left:47px;width:100%;height:40px;box-sizing:border-box;line-height:40px;background:rgba(7, 28, 54, 0.6);}
.fmList li .txtArea strong {position:absolute;top:0;left:10px;font-size:24px;color:#b4d51c;}
.fmList li .txtArea span {display:block;vertical-align:top;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:white;font-weight:700;}

.facilitiesMain .fmHead {overflow:hidden;background:url("../img/sub/bg_facilitiesMain.jpg") no-repeat;background-size:100% auto;}
.facilitiesMain .fmHead .leftBox {float:left;padding:30px 0 0 30px;width:55%;box-sizing:border-box;}
.facilitiesMain .fmHead .leftBox h2 .fmHeadImg02 {margin:10px 0 0 120px;width:400px;}
.facilitiesMain .fmHead .leftBox .fmSlider {position:relative;z-index:1;margin:20px 0 0 250px;width:200px;}
.facilitiesMain .fmHead .leftBox .fmSlider .bx-wrapper {border:0;box-shadow:none;background:none;}
.facilitiesMain .fmHead .leftBox .fmSlider .bx-wrapper .bx-pager {display: inline-block;margin-left:50px;width: auto;}
.facilitiesMain .fmHead .leftBox .fmSlider .bx-wrapper .bx-pager.bx-default-pager a {width:14px;height:14px;border:1px solid #484848;border-radius:100%;background:white;}
.facilitiesMain .fmHead .leftBox .fmSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, .fmHead .leftBox .fmSlider .bx-wrapper .bx-pager.bx-default-pager a.active {background:#b4d425;}
.facilitiesMain .fmHead .rightBox {float:right;padding:80px 0 0 0;width:45%;min-height:300px;box-sizing:border-box;text-align:center;background:url("../img/sub/bg_facilitiesMain_head.png") no-repeat;background-size:100% 100%;}
.facilitiesMain .fmHead .rightBox .shareBox {float:right;margin:20px 30px 0 0;}
.facilitiesMain .fmHead .rightBox .shareBox:after {content:"";display:inline-block;width:80px;height:24px;background:url("../img/sub/bg_facilitiesMain_share.png") repeat-x;background-size:100% 24px;}
.facilitiesMain .fmHead .rightBox .shareBox a {display:inline-block;margin-right:15px;text-indent:-9999px;vertical-align:top;}
.facilitiesMain .fmHead .rightBox .shareBox a.btnDownload {width:22px;height:24px;font-size:0;background:url("../img/sub/btn_facilitiesMain_download.png") no-repeat;background-size:100% auto;}
.facilitiesMain .fmHead .rightBox .shareBox a.btnBlog {line-height:24px;text-indent:0;font-size:18px;font-weight:700;color:#b4d51c;background:none;}
.facilitiesMain .fmHead .rightBox .txtBox {float:left;margin-left:130px;}
.facilitiesMain .fmHead .rightBox .txtBox img {width:170px;}
.facilitiesMain .fmHead .rightBox .linkBox {position:relative;padding-top:40px;clear:both;overflow:hidden;}
.facilitiesMain .fmHead .rightBox .linkBox li {display:inline-block;text-align:center;}
.facilitiesMain .fmHead .rightBox .linkBox li a {display:block;padding-top:30px;width:70px;font-weight:700;color:#b9d832;background:url("../img/sub/icon_facilitiesMain_link.png") no-repeat 50% top;background-size:27px auto;}
.facilitiesMain .fmHead .rightBox .linkBox li.btnEvent a {background-position:50% -50px;}
.facilitiesMain .fmHead .rightBox .linkBox li.btnUse a {background-position:50% -100px;}
.facilitiesMain .fmHead .rightBox .linkBox li.btnSeminar a {background-position:50% -150px;}

.facilitiesMain .fmMaterials {position:relative;padding-bottom:70px;text-align:center;background:url("../img/sub/bg_facilitiesMain_materials.jpg") no-repeat;background-size:100% 100%;}
.facilitiesMain .fmMaterials dt {padding-top:30px;font-size:18px;color:black;}
.facilitiesMain .fmMaterials dd {display:inline-block;margin:20px 5px 0;padding:15px;width:190px;border-radius:16px;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);background:white;}
.facilitiesMain .fmMaterials dd span {display:block;text-align:left;font-size:12px;color:black;}
.facilitiesMain .fmMaterials dd img {margin-top:10px;}
.facilitiesMain .fmMaterials .btnMaterialsLink {position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;background:rgba(7, 28, 54, 0.6);}
.facilitiesMain .fmMaterials .btnMaterialsLink strong {display:inline-block;margin-right:5px;vertical-align: top;font-size:30px;color:#b4d51c;}
.facilitiesMain .fmMaterials .btnMaterialsLink span {display:inline-block;position:relative;padding-right:22px;color:white;vertical-align: top;}
.facilitiesMain .fmMaterials .btnMaterialsLink span:after {content:"";display:block;position:absolute;top:50%;right:0;margin-top:-8px;width:15px;height:15px;background:url("../img/sub/icon_plus.png") no-repeat;background-size:100% 100%;}

.facilitiesMain .fmSubNav {position:relative;text-align:center;background:#1a304b;}
.facilitiesMain .fmSubNav ul {display:table;margin:0 auto;width:100%;max-width:1200px;overflow:hidden;}
.facilitiesMain .fmSubNav ul li {display:table-cell;padding:15px 5px;width:22%;vertical-align: middle;}
.facilitiesMain .fmSubNav ul li:last-child {width:34%;}
.facilitiesMain .fmSubNav ul li a {font-size:16px;font-weight:500;color:#f8fafc;font-family:'Noto Sans KR'; }
.facilitiesMain .fmSubNav:before {content:"";display:block;position:absolute;top:-197px;left:0;width:220px;height:197px;background:url("../img/sub/icon_facilitiesMain_subNav.png") no-repeat left bottom;background-size:100% auto;}

.facilitiesMain .fmSports {overflow:hidden;}
.facilitiesMain .fmSports li {position:relative;padding:0;}
.facilitiesMain .fmSports li span {display:block;position:absolute;top:40%;left:50%;margin-left:-100px;width:200px;height:40px;line-height:40px;text-align:center;font-size:16px;color:white;background:#071c36;}
.facilitiesMain .fmSports li strong {position:absolute;bottom:0;left:0;padding-left:15px;width:100%;height:40px;line-height:40px;box-sizing:border-box;font-size:22px;color:white;background: rgba(7, 28, 54, 0.6) url("../img/sub/icon_plus.png") no-repeat 95% 50%;background-size:20px 20px;}

.facilitiesMain2 .fmHead {overflow:hidden;}
.facilitiesMain2 .fmHead .leftBox {float:left;width:55.3%;}
.facilitiesMain2 .fmHead .rightBox {float:left;width:44.7%;}
.facilitiesMain2 .fmHead img {width:100%;}

.facilitiesMain2 .fmSubNav {padding:0 120px;text-align:center;background:#dbd3d3;}
.facilitiesMain2 .fmSubNav ul {overflow:hidden;}
.facilitiesMain2 .fmSubNav ul li {float:left;width:20%;}
.facilitiesMain2 .fmSubNav ul li a {display:block;height:36px;line-height:36px;font-size:14px;font-weight:700;color:black;}
.facilitiesMain2 .fmSubNav ul li a:before {content:"";display:inline-block;margin-right:10px;width:36px;height:36px;vertical-align: top;background:url("../img/sub/icon_facilities19.png") no-repeat;}
.facilitiesMain2 .fmSubNav ul li.fsn02 a:before {background-position:left -100px;}
.facilitiesMain2 .fmSubNav ul li.fsn03 a:before {background-position:left -200px;}
.facilitiesMain2 .fmSubNav ul li.fsn04 a:before {background-position:left -300px;}
.facilitiesMain2 .fmSubNav ul li.fsn05 a:before {background-position:left -400px;}

.facilitiesMain2 .btnWorkshopLink {display:block;text-align:center;background:#6c1e95;}

.facilities .webBox img { margin:0 auto; }
.facilitiesNav {margin-top:20px; font-family:'Noto Sans KR' ;}
.facilitiesNav h3 {width:190px;height:36px;line-height:36px;text-align:center;font-size:18px;color:white;border-radius:12px 12px 0 0;background:#001986;}
.facilitiesNav ul {margin-top:-1px;padding:15px 70px 0;overflow:hidden;border:3px solid #dfdfdf;}
.facilitiesNav ul li {float:left;margin-bottom:20px;padding:0 15px;width:20%;box-sizing:border-box;}
.facilitiesNav ul li a {display:block;padding:6px 0 6px 35px;font-size:13px;font-weight:500;color:#959595;background:url("../img/sub/icon_check02.png") no-repeat 8px 7px;}
.facilitiesNav ul li.on a,
.facilitiesNav ul li a:hover {color:white;background-position:8px -43px;background-color:#e93575;}

.facilitiesHow {margin-top:40px;padding-bottom:30px;text-align:center;}
.facilitiesHow .mobileBox {line-height:22px;text-align:left;}
.facilitiesHow .mobileBox h3 {padding-bottom:20px;text-align:center;font-size: 32px;}
.facilitiesHow .mobileBox h3 small {margin: 0 10px;}
.facilitiesHow .mobileBox ul&gt;li {margin-top:20px;}
.facilitiesHow .mobileBox ul&gt;li:first-child {margin-top:0;}
.facilitiesHow .mobileBox ol&gt;li {margin-top:20px;padding:0;}
.facilitiesHow .mobileBox ol&gt;li:first-child {margin-top:0;}
.facilitiesHow .mobileBox dl dt {font-size:16px;}
.facilitiesHow .mobileBox dl dd {position:relative;padding-left:10px;}
.facilitiesHow .mobileBox dl dd:before {content:"";display:block;position:absolute;top:9px;left:3px;width:2px;height:2px;background:black;}
.facilitiesHow .mobileBox p {margin:0;}
.facilitiesHow .mobileBox span {color:#00adf2; font-weight:bold;}
.facilitiesHow .mobileBox img {width:100%; margin:0 auto;}
.facilitiesHow .mobileBox table {width:100%; padding:5px; border:2px solid #666666; text-align: center;}
.facilitiesHow .mobileBox table th, .facilities01Mobile table td {border:1px solid #ddd; text-align:center;}
.facilitiesHow01 .mobileBox {background:url("../img/sub/bg_facilities01_howto.png") no-repeat 50% 50%;background-size:cover;}
.facilitiesHow03 .mobileBox ul li p strong {color:#6e1e1f;}

.faciliesLocation { margin-bottom:50px; }
.faciliesLocation .imgArea {position:relative;}
.faciliesLocation .imgArea img:first-child { width:100%; }
.faciliesLocation .locationFlag {position:absolute;}
.faciliesLocation .flc01 {top:312px;left:346px;}
.faciliesLocation .flc02 {top:572px;left:352px;}
.faciliesLocation .flc04 {top:404px;left:510px;}
.faciliesLocation .flc05 {top:685px;left:388px;}
.faciliesLocation .flc06 {top:172px;left:764px;}
.faciliesLocation .flc07 {top:441px;left:700px;}
.faciliesLocation .flc08 {top:175px;left:379px;}
.faciliesLocation .flc09_1 {top:259px;left:555px;}
.faciliesLocation .flc09_2 {top:529px;left:488px;}
.faciliesLocation .flc09_3 {top:592px;left:673px;}
.faciliesLocation .flc10_1 {top:411px;left:469px;}
.faciliesLocation .flc10_2 {top:432px;left:625px;}
.faciliesLocation .flc11 {top:473px;left:980px;}
.faciliesLocation .flc12 {top:561px;left:374px;}
.faciliesLocation .flc13 {top:522px;left:136px;}
.faciliesLocation .flc14 {top:526px;left:297px;}
.faciliesLocation .flc15 {top:585px;left:394px;}
.faciliesLocation .flc19 {top:260px;left:840px;}
.faciliesLocation .flc20 {top:570px;left:486px;}

.facilities19 .s_roomwrap {padding:0 15px;}
.facilities19 .s_roomwrap .grayBox {padding:15px 0;border-radius:8px;background:#e5e5e5;}
.facilities19 .s_roomwrap .grayBox img {margin:0 auto;}
.facilities19 .s_roomwrap .txtBox {padding-top:25px;}
.facilities19 .s_roomwrap .txtBox h4 {font-size:16px;font-weight:900;color:#03004c;font-style:italic;}
.facilities19 .s_roomwrap .txtBox p {padding-top:10px;font-size:14px;font-weight:900;color:black;}

@media(max-width:767px){
	.facilities19 .s_roomwrap .imgBox {padding:0;}
	.facilities19 .s_roomwrap .txtBox {padding:20px 0;}
}

/* 객실상세 */
#s_subslide {position:relative;}
#s_subslide .carousel-indicators {bottom:20px;}
.s_subpreviewd {padding:30px 0 5px;text-align:center;font-family: 'Noto Sans KR'; }
.s_special {text-align:center;}
.s_special li {margin-top:20px;padding:0;}
.s_basic h3 {position:relative;padding-bottom:15px;margin-bottom:15px;font-size:24px;color:#1b3144;}
.s_basic h3:after {content:"";display:block;position:absolute;bottom:0;left:0;width:25px;height:2px;background:#00adf2;}
.s_basic p {line-height:30px;font-weight:700;color:#2c2c2c;}
.s_basic .bulletCircle {position:relative;padding-left:10px;}
.s_basic .bulletCircle:before {content:"";display:block;position:absolute;top:50%;left:0;margin-top:-2px;width:4px;height:4px;border-radius:100%;background:#1b3144;}
.s_pricetil h3 {overflow:hidden;}
.s_pricetil h3 strong {float:left;line-height:26px;font-size:24px;color:#1b3144;}
.s_pricetil h3 em {float:right;line-height:26px;font-size:14px;color:#767474;}
.s_pricetil table {margin-top:10px;text-align:center;border:1px solid #d8d8d8;border-collapse:collapse;border-spacing:0;width:100%;}
.s_pricetil table thead th {height:50px;line-height:120%;vertical-align:middle;font-weight:700;color:black;border:1px solid #d8d8d8;background:#e8e8e8;}
.s_pricetil table tbody th {height:50px;line-height:120%;vertical-align:middle;color:#4c4c4c;border:1px solid #d8d8d8;background:#fafafa;}
.s_pricetil table tbody td {height:50px;line-height:120%;vertical-align:middle;color:#4c4c4c;border:1px solid #d8d8d8;}
.s_rimg01 {position:relative;padding:20px;}
.s_rimg01 .imgArea img {width:100%;box-shadow:-3px 3px 7px 2px rgba(0, 0, 0, 0.13);}
.s_rimg01 .iconDetail {display:block;position:absolute;top:-100px;left:-40px;}
.s_pd img {max-width:100%;}

.s_subwrap02 .s_poolimg {padding:0 5px;}
.s_subwrap02 .s_poolimg img {max-width:100%;}
.previewIcon li {margin-top:20px;height:60px;text-align:center;}
.previewIcon li img {max-width:100%;}
.s_subtable {margin-top:20px;}

.roomTab {margin:20px 0;text-align:center;}
.roomTab ul {overflow:hidden;border-left:1px solid #eaeaea;}
.roomTab li {padding:0;border-top:1px solid #eaeaea;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#71863b;}
.roomTab li a {display:block;height:40px;line-height:40px;font-size:14px;font-weight:700;color:white;}
.roomTab li.on {background:white;}
.roomTab li.on a {color:#71863b;}

.wzContents {margin:0 auto;max-width:880px;padding:10px;}
.wzContents .pay-bank-notice {padding:15px 0;font-size:13px;}
.btnOrange {display:inline-block;padding:5px 10px;color:white;border-radius:5px;background:#4b7f39;}
/* 반응형 */
@media (max-width:1200px){
	.footer-below .webBox {padding:20px 230px 10px;}
	.quick,
	.lnb,
	.banner {display:none !important;}
	.s_bigmenu .bigMenuLogo {left:15px;margin-left:0;}
	.s_bigmenu .s_pcfix {padding-left:150px;padding-right:30px;width:auto;}
	.s_bigmenu .s_menu {padding-left:0;width:16.66%;}
	.s_bigmenu ul li {height:65px;}
	.s_mmenu .s_navul li a {padding:10px 0;text-align:center;background:none;}
	.s_menu.snb ul {left:0;margin:0;padding:30px 100px 10px;width:100%;}
	.s_menu.snb ul:after {display:none;}
	.snb ul li a { height:65px;line-height:65px; }
	.quickSearch {position:relative;top:auto;left:auto;margin:20px auto 0;max-width:none;}
	.carousel .s_subcaption strong {font-size:36px;}
	.carousel .s_subcaption em {font-size:16px;}
	.sTitle h2 strong {font-size:35px;}
	.sTitle h2 span {font-size:26px;}
	.sTitle h2 em {max-width: 500px;width:auto;font-size:12px;}
	.blueTab ul li {font-size:12px;}
	
	.guide .preview {display:none;}
	.guide .previewImg {display:block;padding:0;}
	.facilitiesNav ul {padding:10px 5px 0;}
	.facilitiesNav ul li {margin-bottom:10px;padding:0 10px;}
	.faciliesLocation {display:none;}
	.facilitiesMain .fmHead .rightBox {padding-top:40px;}
	.facilitiesMain .fmHead .rightBox .txtBox {float:none;margin-left:110px;}
	.facilitiesMain .fmHead .rightBox .txtBox img {margin:0 auto;width:210px;}
	.facilitiesMain .fmHead .rightBox .shareBox {float:none;margin:30px 0 0;}
	.facilitiesMain .fmHead .rightBox .linkBox {padding-top:30px;}
	.facilitiesMain .fmCon .fmSubNav ul li a {font-size:14px;}
	.facilitiesMain .fmCon .container {padding:0;}
	.facilitiesMain2 .fmSubNav {padding:0 15px;}
}
@media (max-width:992px){
	.moreBox {display:block;}
	#container {padding-top:0px;}
	.subSlider {padding:0 15px;}
	#s_subslide,
	.s_subslide {padding-top:56px;}
	.s_mmenu h1 {display:block;}
	.s_mmenu {left:0;margin-top:0;width:100%;background:white;}
	.s_mmenu.fixed {background:rgba(1, 38, 83, 0.8);}
	.s_mmenu.fixed .navbar-toggle {color:white;}
	.s_mmenu .navbar-header {margin:0;padding:0 10px;}
	.s_mmenu .container-fluid {padding:0;}
	.s_mmenu .s_navul { margin:0;background: rgba(1, 38, 83, 1)	}
	.s_mmenu.fixed .s_navul {background:rgba(1, 38, 83, 0.5);}
	.s_mmenu .s_navul {padding:5px;}
	.s_mmenu .s_navul li {padding:5px;width:25%;border-right:1px solid #4e6887;border-bottom:1px solid #4e6887;}
	/*.s_navul li.s_nav01, .s_navul li.s_nav02, .s_navul li.s_nav03, .s_navul li.s_nav04 {border-top:0;}*/
	.s_navul li.s_nav12 {border-bottom:0;}
	.s_navul li:nth-child(4n) {border-right:0;}
	#s_mobilemenu {display:block;}
	#s_mobilemenu div div img {width:100px;}
	.footer-below .webBox .fCall {top:32px;}

	.s_mmenu .s_tabletcol {margin:0;width:auto;}
	.carousel .s_subcaption strong {font-size:30px;}
	.carousel .s_subcaption em {font-size:14px;}
	.snb ul {top:65px; padding-left:calc(13% + 155px);padding-right:28px; }
	.sTitle h2 strong {font-size:26px;}
	.sTitle h2 span {font-size:20px;}
	.s_rimg01 .iconDetail {display:none;}
	
	.s_formwrap {display:none;}
	.guideTap ul li {float:left;width:50%;}
	.convenient ol li {margin-top:20px;width:33%;}
	.bespeak {width:auto;}
	.bespeak .bespeakConsult .leftBox {float:none;width:auto;}
	.bespeak .bespeakConsult .rightBox {float:none;margin-top:10px;width:auto;}
	.bespeak .account .deposit {margin-top:15px;max-width:500px;width:auto;}
	.bespeak .refundImg {padding-left:0;}
	.location {padding-bottom:0;}
	.location ul li {margin-top:20px;}
	.location .wayCar,
	.location .wayBus {padding:0;background:none;}
	.location .locationPick {position:relative;right:auto;margin-top:20px;text-align:right;}
	.facilitiesMain,
	.facilitiesMain2 {padding-top:56px;}
	.facilitiesMain .fmHead .leftBox {float:none;margin:0 auto;width:700px;}
	.facilitiesMain .fmHead .leftBox .fmSlider {padding-left:0;}
	.facilitiesMain .fmHead .rightBox {float:none;padding:50px 0;width:auto;background:#071c36;}
	.facilitiesMain .fmHead .rightBox .txtBox {float:left;margin-left:200px;}
	.facilitiesMain .fmHead .rightBox .shareBox {float:right;margin-right:100px;}
	.facilitiesMain .facilitiesNav ul li {padding:0;width:25%;}
	.wzpmnwrap  { padding:56px 10px 0;margin:0; }
	.blueTab {margin:15px 0;overflow:hidden;}
	.blueTab ul li {float:left;width:25%;}
}
@media (max-width:767px){
	.webBox {display:none;}
	.mobileBox {display:block;}
	.footer-above {padding:0;}
	.footer-above .s_footer01 {padding:0;border-top:1px solid white;border-bottom:1px solid white;}
	.footer-above .s_footer01 li {float:left;padding:0;width:25%;border-left:1px solid white;}
	.footer-above .s_footer01 li:first-child {border-left:0;}
	.footer-above .s_footer01 li:before {display:none;}
	.footer-above .s_footer01 li a {display:block;height:30px;line-height:30px;}
	.footer-below {padding:8px 0;}
	.footer-below .fBox {padding-top:10px;overflow:hidden;border-top:1px solid #a0a0a0;}
	.footer-below .fBox .fCall {float:left;padding:0 10px;width:50%;}
	.footer-below .fBox .fBank {float:left;padding:0 10px;width:50%;border-left:1px solid #a0a0a0;}

	#s_mobilemenu div div { float:left; width:16.66%; }
	#s_mobilemenu div div img {width:70px;}
	h3.lineTitle strong {padding:0 10px;font-size:22px;}
	h3.lineTitle:before {left:15px;}
	h3.lineTitle:after {right:15px;}

	.carousel .s_subcaption {top:50%;left:0;bottom:auto;right:auto;margin-top:-15px;width:100%;text-align:center;opacity: 0.7;}
	.carousel .s_subcaption strong {font-size:28px;}
	.carousel .s_subcaption span {font-size:12px;}
	.carousel .s_subcaption em {font-size:14px;}
	.carousel-control.left {margin-top:-12px;width:25px;height:25px;background-size:25px auto;}
	.carousel-control.right {margin-top:-12px;width:25px;height:25px;background-size:25px auto;background-position:left -50px;}
	.homeBox {display:none;}
	.sTitle {text-align:center;}
	.sTitle h2 strong {margin:0 10px;}
	.sTitle h2 strong:after {display:none;}
	.cTitle strong {font-size:28px;}
	.cTitle {padding:0 5px;}
	/* 펜션 가이드맵 */
	.sTitle {margin-bottom:20px;}
	.txtItalic {font-size:18px;}
	.txtItalic span {font-size:14px;}
	.txtQuotes {font-size:20px;}
	.txtQuotes .ftPink {font-size:24px;}
	.txtQuotes:before {margin-right:5px;width:16px;height:13px;background-size:16px auto;}
	.txtQuotes:after {margin-left:5px;width:16px;height:13px;background-position:left -25px;background-size:16px auto;}
	.txtGray {padding-left:0;font-size:14px;}
	.roomchoice {padding-top:20px;}
	.roomchoice:before {position:relative;left:auto;margin:0;width:auto;}
	.roomList .imgArea img {width:auto;height:100%;}
	.roomList li a:hover {box-shadow:none;}
	.roomList li a:hover .imgArea img {transition:none;transform: none;}
	.convenient ol li {width:50%;}
	.bespeak .box {padding:10px 0 0 40px;background-size:33px auto;}

	.facilitiesMain .fmHead .leftBox {padding:30px 20px 0;width:auto;}
	.facilitiesMain .fmHead .leftBox h2 .fmHeadImg02 {margin:20px 0 0;}
	.facilitiesMain .fmHead .leftBox .fmSlider {margin:30px auto 0;}
	.facilitiesMain .fmHead .rightBox {padding:30px 0;}
	.facilitiesMain .fmHead .rightBox .txtBox {margin-left:20px;float:none;}
	.facilitiesMain .fmHead .rightBox .txtBox img {margin:0;}
	.facilitiesMain .fmHead .rightBox .shareBox {float:none;margin-right:0;}
	.facilitiesMain .fmCon {background:white;}
	.facilitiesMain .fmCon .fmSubNav ul li a {font-size:12px;}
	.facilitiesMain .fmCon .fmSubNav:before {display:none;}
	.facilitiesMain .fmCon .fmList img {width:100%;}
	.facilitiesMain .fmMaterials {padding:0 15px 70px;background:white;}
	.facilitiesMain .fmSports img {width:100%;}
	.facilitiesMain2 .fmHead .leftBox,
	.facilitiesMain2 .fmHead .rightBox {float:none;width:auto;}
	.facilitiesMain2 .fmSubNav ul li {width:50%;}
	.facilitiesNav ul li {width:50%;}
	.facilitiesNav {padding:0 10px;}
	.facilitiesHow .mobileBox {padding:0 10px;}
	.s_special li {padding:0;}
	.s_pre li {padding:0;}
	.s_pre .btnDown {display:none;}
	.s_eveimg {padding:0;}
	.guide {padding:0 10px;}
	.s_special {padding:0 10px;}
	.roomTab {padding:0 10px;}
}
@media (max-width:420px){
	.footer-below .fCall h4 {font-size:14px;letter-spacing: 0;}
	.footer-below .fCall strong {font-size:22px;letter-spacing: 2px;}
	.footer-below .fCall div {margin-top:5px;font-size:11px;}
	.footer-below .fBank h4 {font-size:14px;letter-spacing: 0;}
	.footer-below .fBank strong {font-size:13px;}
	.footer-below .mobileBox .btnCall {margin-top:14px;}
	#s_mobilemenu div div {width:33.333%;}
	.convenient ol li {display:block;width:auto;}
	.convenient ol li .txtArea {min-height:175px;}
	.convenient ol li .txtArea strong {bottom:20px;}
	.thirdImg {margin-top:30px;}
	.thirdImg li {float:none;margin-top:10px;width:auto !important;}
	.bespeak .bespeakConsult .leftBox strong {font-size:32px;}
	.bespeak .account .deposit strong span {display:block;}
	.bespeak .refundImg {margin:0 -15px;}
	.bespeak .box {padding:10px 0 0 28px;background-size:22px auto;}
	.fmMaterials dd {width:100%;}
	.fmMaterials dd span {font-size:14px;}
	.fmMaterials dd img {width:100%;}
}

/* 김혜슬 2017.03.15 */
.facilies16_bottom { margin-bottom:160px; }
.facilitiesHow16 div img {margin-bottom:40px; }
.mobileBox_facilities16 { width:100%; }
.mobileBox_facilities16 h4 { margin-top:50px; }
.mobileBox_facilities16 h4, .mobileBox_facilities16 p { text-align:left; font-weight:bold; }
.mobileBox_facilities16 h5 { margin-top:30px; }

.mobileBox_facilities16 img { width:300px !important; margin:0 auto; }
@media (max-width:767px) { 
	.facilitiesHow16 div img {display:block;margin:0 auto 10px;max-width:100%;}
}

/* 모바일페이지 메인팝업 숨김 */
#s_pop { width:100%; height:auto; border-bottom:5px solid #6cabcc;  background:#ffffff; }
.s_popwidth {position:relative; width:60%; height:70px; max-width:1400px; margin: 0 auto; background:transparent; text-align:right;}
.s_popwidth ul{float:right;  }
.s_popwidth li { float:left; list-style:none; padding-left:5px; }

/* 부대시설 하단컨텐츠3개 링크/hover 수정 */
.fmSports li a .txtArea span {transition:.3s; }
.fmSports li a:hover .txtArea span {opacity: 0; }

/* 메인 중간 탭 &amp; 인기시설안내 */
.mainMdTab {height:auto; }
.mainMdTab ul { width:100%; padding:0; box-shadow:0 2px 3px rgba(0,0,0,.12); background:url('../img/maintabbg.png'); }
.mainMdTab ul li { width:100%;  border-bottom:1px solid #eaeaea; font-weight:bold;font-size:17px; background:url('../img/tabarrow.png') no-repeat 90% 50%; }
.mainMdTab ul li a span { color:#b5b5b6; font-size:12px;}
.mainMdTab ul li a { display:block;padding:1px 23px;width:100%; color:#484b50; font-weight:bold; font-size:17px; }
.popular { padding:1px 23px;color:#ffffff; background:#3384ae !important; }

.mainMdPopular { padding:23px 0; }
.mainMdPopular li { float:left; list-style:none;  text-align:center; border-right:1px dotted #d4d4d4; }
.mainMdPopular li a {display:block;position:relative;color:#484b50; line-height:1.5; }
.mainMdPopular li a img { margin-bottom:10px; }
.mainMdPopular li a img:first-child { width:90%; }
.mainMdPopular li a span { font-size:11px; color:#989898; }
.mainMdPopular li a h5 { font-size:15px; font-family:'Nanum Gothic';  }
.mainMdPopular li a .mainGo {position:absolute;bottom:0;right:0;margin:0;}

/*메인 */
.s_mmenu button { float:left; }
.mainDateBtn {width:100%; color:#ffffff; background:#6cabcb; }
.mainDateBtn:active, .mainDateBtn.active { color:#ffffff; background:#1b3144; }
.mainDateBtn:hover { color:#ffffff; }
.s_smla { padding:0 2px; text-align:center; border-radius:10px;}
.s_smla label.btn {padding:5px;font-size:12px;}

@media (min-width:1401px) { 
	#s_tabcon { width:100%; height:auto; margin:30px 0;}
}
@media (max-width:1400px) { 
	#s_tabcon { width:100%; height:auto; margin:30px 0;  }
}
@media (max-width:1350px ) { 
	.snb ul { padding-left:calc(4.7% + 482px); }
}
@media (max-width:1300px ) { 
	.mainMdPopular li a .mainGo {display:none;}
}
@media (max-width:1200px) { 
	.mainMdPopular { padding:38px 0; }
}
@media (max-width:992px) { 
	#s_tabcon {margin:15px 0;padding:15px;}
	#s_tabcon .container {padding:10px;border:1px solid #ddd;}
	#s_mainheader { padding:0; }
	.s_indicator {bottom:30px;}
	.s_mainslide {padding-top:50px;}
	.mainMdTab { padding:0; }
	.mainMdTab ul { height:78px; }
	.mainMdTab ul li {float:left; width:20%; border-bottom:none; border-right:1px dotted #d4d4d4;  font-size:1.5vw; }
	.popular {height: 78px; padding:21px 23px; }
	.popular span { font-size:11px; }

	.mainMdTab ul li a{font-size:16px; }
	.mainMdPopular { padding:30px 0;  }
}


@media (max-width:767px) { 
	.mainMdTab ul { height:232px; }
	.mainMdTab ul li {float:left; width:100%; border-bottom:none; border-right:none; font-size:15px; }
	.mainMdTab ul li a {font-size:15px; }
	.popular {height: 50px; padding:1px 23px; }

	.mainMdPopular { margin-top:50px; padding:0; }
	.mainMdPopular li { margin:0 auto; border-right:none; }
	#s_healing { margin-bottom:40px; }
	.healingTitle { margin-top:40px !important; }
}
@media (max-width:430px) {
	.s_snsimg { margin:0; width:17%;}
	.s_popwidth { width:100%; }
	
	.s_mscaption { top:20px;}
	.mainCap1 {width:100%; border-top:0; font-size:6px; }
	.mainCap2 { margin-top:0;font-size:25px;}
	.mainCap3 { margin-top:-15px;font-size:12px; }
	.mainCap4 {width:100%; margin-top:5px; border-bottom:0; font-size:10px; }
	
	.mainDateBtn { font-size:12px; }
	.s_formtrans, .s_bigbox01  { padding:0; }
	.s_h3 { font-size:1em; }
	.mapArea {height:300px !important;}
	#bo_sch select.form-control {width:90%; margin-bottom:5px; }
	#container .txtBrown { width:90%; margin-bottom:5px; }
}

@media (min-width:1200px) and (max-width:1450px) { 
	.snb ul li a { font-size:12px; }
}
.s_roomwrap {margin:0;}
.s_detaileh2 {margin-top:0;font-size:18px;}
.s_detaileh2 i {font-style:normal;}
.s_subicon&gt;div&gt;div {position:relative;}
.s_subicon&gt;div&gt;div:before {content:"";display:block;position:absolute;top:50%;left:0;margin-top:-30px;width:1px;height:60px;background:#e8e8e8;}
.s_subicon&gt;div&gt;div:first-child:before {display:none;}
@media(max-width:767px){
	.s_subicon&gt;div&gt;div:nth-child(3):before {display:none;}
}

.picnicService {padding:30px 15px;overflow:hidden;text-align:center;}
.picnicService li {float:left;width:33.3333333%;}
.picnicService li img {max-width:100%;}
@media(max-width:767px){
	.picnicService {padding-top:15px;}
	.picnicService li {float:none;margin-top:15px;width:auto;}
}

/* 170530 룰렛 추가 */
.roulette {position:relative;width:732px;height:562px;background:url("../img/bg_roulette.png") no-repeat;}
.roulette canvas {margin-top:64px;}
.roulette .roulettePointer {position:absolute;top:45px;left:50%;margin-left:-25px;}
.roulette .btnSpin {display:block;position:absolute;top:168px;left:50%;margin-left:-112px;width:225px;height:225px;text-indent:-9999px;font-size:0;border:0;outline:none;background:url("../img/btn_roulette_spin.png") no-repeat;}

#roulettePop .popWrap {position:relative;margin:30px auto;padding:45px;width:800px;background:#1eabe3;}
#roulettePop .imgArea {position:absolute;top:0;left:0;z-index:1;}
#roulettePop .popArea {position:relative;padding:270px 30px 10px;border:10px solid white;}
#roulettePop .popArea:before {content:"";display:block;position:absolute;top:40px;right:-10px;width:160px;height:1px;background:white;transform: rotate(-30deg);}
#roulettePop .popArea .modal-dialog {margin:0;width:100%;}
#roulettePop .popArea .modal-dialog .modal-content {box-shadow:none;border:0;background:none;}
#roulettePop .popArea .modal-header .close {opacity:1;color:white;}
#roulettePop .popArea .modal-title {font-weight:700;color:white;}
#roulettePop .popArea label {color:white;}
#roulettePop .popArea input[type="text"] {background-color:white !important;}
#roulettePop .popArea .form-control[readonly] {background-color:#eee !important;}
#roulettePop .popArea .txtInformation {margin:0;}
#roulettePop .popArea .txtInformation dt {padding:20px 0 5px;font-size:16px;color:white;}
#roulettePop .popArea .txtInformation dd {margin-top:5px;color:white;}

.btnBooking {position:absolute;top:-1px;right:40px;z-index:3;width:70px;height:70px;text-indent:-9999px;font-size:0;background:url("../img/sub/btn_booking.png") no-repeat;background-size:100% auto;}
@media(max-width:992px){.btnBooking {top:55px;}}
@media(max-width:414px){.btnBooking {width:50px;height:50px;right:20px;}}

.facilitiesHow13 {position:relative;padding-top:30px;overflow:hidden;}
.facilitiesHow13 p.fWave {position:absolute;top:0;left:0;z-index:1;width:100%;height:42px;line-height:42px;font-weight:700;color:white;background:url("../img/sub/bg_facilities13_wave.png") repeat;}
.facilitiesHow13 .fWave2 {margin:15px auto 0;max-width:860px;background:url("../img/sub/bg_facilities13_wave2.jpg") repeat;}
.facilitiesHow13 .fWave2 p {display:inline-block;margin:0;padding:12px 60px;background:url("../img/sub/icon_facilities13_how.png") no-repeat 10px center;}
.facilitiesHow13 .fWave2 span {display:block;color:black;line-height:18px;font-weight:700;}
.facilitiesHow13 .img-responsive {margin:0 auto;}
.facilitiesHow13 .conBox2 {margin-top:50px;padding:36px 0;text-align:left;background:url("../img/sub/bg_facilities13_wave3.jpg") repeat;}
.facilitiesHow13 .conBox2 h4 {font-size:14px;font-weight:700;color:black;}
.facilitiesHow13 .conBox2 h4 strong {font-size:24px;color:#5fb5ec;}
.facilitiesHow13 .conBox2 p {margin:15px 0 0;line-height:16px;font-size:14px;font-weight:700;color:black;}
.facilitiesHow13 .conBox2 div {margin-top:15px;line-height:18px;font-size:16px;font-weight:700;color:#6a0000;}
.facilitiesHow13 .btnBox {margin-top:40px;}
.facilitiesHow13 .btnBox a {display:inline-block;padding:0 40px;height:48px;line-height:48px;font-size:16px;font-weight:700;color:white;border-radius:10px;background:#002d6a;}
.facilitiesHow13 .bookingBox {margin:40px 0 20px;padding:0 15px;}
.facilitiesHow13 .bookingBox div {margin:0 auto;padding:0 15px;max-width:650px;font-size:18px;color:black;border-radius:8px;background:#dbdbdb;}
@media(max-width:767px){
	.facilitiesHow13 p.fWave {position:relative;margin:0;}
	.facilitiesHow13 .conBox img.img-responsive {margin-top:15px;}
	.facilitiesHow13 .fWave2 span {display:inline;}
}

/* 170622 메인 비디오 추가 */
.mainVideo .videoArea {position: relative;padding-bottom: 56.25%;height: 0;}
.mainVideo .videoArea iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media(max-width:992px){
	.mainVideo {padding-top:56px;}
}
@media(min-width:992px){
	.quickSearch {opacity:0.8;transition:all 0.3s ease;}
	.quickSearch:hover {opacity:1;}
}

/* 170727 가이드맵 */
.roomList .fiveLine {float:left;width:20%;}
@media(max-width:1200px){.roomList .fiveLine {width:33.3333333%;}}
@media(max-width:992px){.roomList .fiveLine {width:50%;}}
@media(max-width:767px){.roomList .fiveLine {float:none;width:auto;}}

/* 170727 시티회센타 */
.facilities20 .imgBox {margin-top:20px;overflow:hidden;}
.facilities20 .imgBox .leftImg {float:left;width:49%;}
.facilities20 .imgBox .rightImg {float:right;width:49%;}
@media(max-width:767px){.facilities.facilities20 .imgBox img {display:block;float:none;margin:10px auto 0;width:auto;max-width:100%;}}
.facilities20 .imgBox2 {text-align:center;}
.facilities20 .imgBox2 img {margin:10px 2px 0;max-width:100%;}
</pre></body></html>