@import 'reset_lovem.css';
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:300,400,500,600,700,800,900|Noto+Sans+KR:300,400,500,600,700,800,900|Gothic+A1:300,400,500,600,700,800,900|Kaushan+Script:300,400,500,600,700,800,900');

 @font-face {
 	font-family : 'Noto Sans KR';
 	font-weight: 400;
 	src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'), url(../fonts/NotoSansKR-Regular.woff) format('woff'),url(../fonts/NotoSansKR-Regular.otf) format('opentype');
 			}
 
 @font-face {
 	font-family : 'Noto Sans KR';
 	font-weight: 500;
 	src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'), url(../fonts/NotoSansKR-Medium.woff) format('woff'),url(../fonts/NotoSansKR-Medium.otf) format('opentype');
 			}
 
 @font-face {
 	font-family : 'Noto Sans KR';
 	font-weight: 700;
 	src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'), url(../fonts/NotoSansKR-Bold.woff) format('woff'),url(../fonts/NotoSansKR-Bold.otf) format('opentype');
 			}
 
 @font-face {
 	font-family : 'Noto Sans KR';
 	font-weight: 800;
 	src: url(../fonts/NotoSansKR-Black.woff2) format('woff2'), url(../fonts/NotoSansKR-Black.woff) format('woff'),url(../fonts/NotoSansKR-Black.otf) format('opentype');
 			}



#scroll_top {
	position: fixed;
	right: 1.6%;
	bottom: 110px;
	display: none;
	z-index: 999;
	width:50px;
	height:50px;
	border-radius:27px;
	text-align: center;
	background: #47c6c8;
	padding-top: 12px;
	color: #fff;
	font-size: 22px;
	box-shadow: 0px 0px 6px 0px #888;
}

.section01 {
	min-width:1490px; 
	background-image:url(../images/main_visual_01.jpg); 
	background-repeat:no-repeat; 
	background-size:cover; 
	background-position:50% 50%;
	/* background-attachment : fixed; */
	height:970px;
}
.header {
	width:100%;
	min-width: 1490px;
	height:82px; 
	overflow:hidden;
	position:fixed;
	z-index:999;
}

.change {
    background-color: rgba(0, 0, 0, 0.3);
	transition-duration:0.3s;
}

.header .logo {
	width:230px; 
	padding:20px 0px 0px 60px;
}
.header .logo img {
	width:180px; 
	height:33px; 
	margin-top:3px;
	float:left;
}
.header .nav {
	width:1250px; 
	margin:0 auto; 
	overflow:hidden; 
	padding-top:5px;
}
.header .nav ul {
	width:880px; 
	margin:0 auto;
}
.header .nav ul li {
	float:left; 
	display:block; 
	margin-right:48px;
}
.header .nav ul li a {
	color:#fff; 
	font-size:18px; 
	font-weight:500; 
	letter-spacing:-1.5px;
	font-family:'Noto Sans KR', sans-serif;
}
.con {
	width:1250px; 
	margin:0 auto;
	overflow:hidden;
}
.con .intro {
	position:relative; 
	width:580px; 
	height:500px; 
	/* margin:90px auto; */
	margin:225px auto 0 390px;
}
.con .intro div.txt_01 {
	position:absolute;
	top:25%; 
	left:10%; 
	width:280px;
}
.con .intro div.txt_01 span {
	font-size:53px; 
	font-weight:700; 
	color:#fff; 
	line-height:58px; 
	letter-spacing:-1.5px;
	font-family:'Noto Sans KR', sans-serif;
	animation-duration: 1s;
	animation-name: fromleftin;
}
@keyframes fromleftin {
  from {
    transition: transform 3s ease, opacity 3s ease;	
	transform: translate(-15px,0);
	opacity: 0.0;
  }
  to { 
	transition: transform 3s ease, opacity 3s ease;	
	transform: translate(0,0);
	opacity: 1.0;
  }
}
.con .intro div.txt_02 {
	position:absolute;	
	top:18%; 
	right:5%; 
	width:345px;
}
.con .intro div.txt_02 span {
	font-size:17px; 
	font-weight:500; 
	color:#fff; 
	line-height:24px; 
	letter-spacing:-1.5px;
	font-family:'Noto Sans KR', sans-serif;
	animation-duration: 1s;
	animation-name: fromrightin;
}
@keyframes fromrightin {
  from {
    transition: transform 3s ease, opacity 3s ease;	
	transform: translate(15px,0);
	opacity: 0.0;
  }

  to { 
	transition: transform 3s ease, opacity 3s ease;	
	transform: translate(0,0);
	opacity: 1.0;
  }
}
.con .intro span b {color:#5cf6de;}
.section02 {
	width:1250px; 
	height:937px; 
	background:#fff; 
	margin:0 auto;
}
.section02 .intro {
	text-align:center; 
	padding-top:290px;
}
.intro span {
	font-size:37px;
	color:#3f3f3f;
	font-weight:600;
	letter-spacing:-1.5px;
	display:block;
	margin-top:0px;
	margin-bottom:30px;
}
.intro p {
	font-size:18px; 
	color:#2e2e2e; 
	line-height:28px; 
	font-weight:600; 
	letter-spacing:-1.0px;
}
.section02 .intro p.p_txt {color:#04b3a9;} 
.section02 .air_con {
	padding-top:150px; 
	overflow:hidden;
}
.section02 .air_con div {
	width:245px; 
	float:left; 
	margin-right:140px;
}
.section02 .air_con div:nth-child(2) {width:222px;} 
.section02 .air_con div:nth-child(3) {width:190px;} 
.section02 .air_con div:nth-child(4) {width:165px; margin-right:0px;}
.section02 .air_con div span {
	display:block; 
	text-align:center; 
	padding-top:20px; 
	font-size:17px; 
	color:#747474; 
	letter-spacing:-0.5px; 
	font-weight:400;
	font-family:'Noto Sans KR', sans-serif;
}
.section03 {
	background:#fbfbfb; 
	height:1130px;
}
.section03 .intro {
	text-align:center; 
	padding-top:135px;
}
.section03 .intro p {color:#3e3d3d;}
.section03 .book_con {
	padding-top:55px; 
	text-align:center; 
	width:1250px; 
	margin:0 auto;
}
.section03 .book_con span.book_title {
	display:inline-block; 
	font-size:23px; 
	color:#0cb6b8; 
	font-weight:700; 
	letter-spacing:-1.5px;
}
.section03 .book_con span.re_title {
	display:inline-block; 
	font-size:18px; 
	color:#47c6c8;
	font-weight:500;
	padding: 1px 10px 2px 8px;	
	border:2px solid #47c6c8;
	border-radius:25px;
	margin-left:8px;
	vertical-align:0px;
	letter-spacing:-1.5px;
	font-family:'Noto Sans KR', sans-serif;
}
.section03 .book_con .book_list {
	padding:30px 0px 0px 15px; 
	overflow:hidden; 
	height:340px;
}
.section03 .book_con .book_list a {
	display:block;
	float:left; 
	width:219px; 
	height:260px; 
	box-shadow:0px 0px 7px 4px #e6e6e6; 
	margin-right:30px;
	overflow:hidden;
}
.section03 .book_con .book_list div {
	height:215px; 
	overflow:hidden;
}
.section03 .book_con .book_list a:nth-child(5) {margin-right:0px;}
.section03 .book_con .book_list div img { 
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}
.section03 .book_con .book_list a:hover img {
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);   
    -o-transform:scale(1.1);
    transform:scale(1.1); 
}
.section03 .book_con .book_list span {
	color:#272727; 
	font-size:15px; 
	font-weight:600; 
	display:block; 
	margin-top:11px; 
	letter-spacing:-1.5px;
	font-family:'Noto Sans KR', sans-serif;
}
.section04 {
	width:1250px; 
	height:1000px; 
	margin:0 auto; 
	background-image:url(../images/map_01.png); 
	background-repeat:no-repeat; 
	background-position:100% 18%;
}
.pro_title {color:#333;background-color:#f2f2f2;padding:10px 0;border-top:1px solid #eee; border-bottom:1px solid #eee;}
.pro_title span {
	font-size:45px;
	color:#212121; 
	letter-spacing:-3.5px;
}
.pro_title em.best { 
	color:#e80000;
	font-size:15px;
	vertical-align:30px;
	letter-spacing:-.5px;
	margin-left:8px;
	font-weight:900;
	font-family:'Kaushan Script';
}
.pro_title p {
	color:#18b6b4; 
	font-size:23px; 
	display:block; 
	margin-top:17px; 
	letter-spacing:-1.0px; 
	font-weight:400;
	letter-spacing:-1.0px;
	font-family:'Noto Sans KR', sans-serif;
}
.section04 .product_list { 
	overflow:hidden;
}
.section04 .product_list a {
	display:block;
	float:left;
	border:2px solid #070707; 
	height:351px;
	width:238px;
	margin-right:15px;
	overflow:hidden;
}
.section04 .product_list div {
	height:351px;
	overflow:hidden;
}
.section04 .product_list a:nth-child(5) {margin-right:0px;}
.product_list span {
	display:block; 
	text-align:center; 
	color:#37b1bc; 
	font-weight:800; 
	font-size:16px; 
	margin-top:20px; 
	line-height:25px; 
	letter-spacing:-1.0px;
	font-family:'Noto Sans KR', sans-serif;
}
.product_list p {
	text-align:center; 
	color:#181717; 
	font-weight:800; 
	font-size:16px; 
	letter-spacing:-1.0px;
	font-family:'Noto Sans KR', sans-serif;
}
.product_list p.book_btn {
	text-align:center; 
	color:#888; 
	font-weight:400; 
	font-size:14px; 
	letter-spacing:-1.0px;
	border:1px solid #c7c7c7;
	border-radius:20px;
	padding:5px 0px;
	width:55px;
	margin:20px auto 0;
	font-family:'Noto Sans KR', sans-serif;

}
.section05_w {background:#fbfbfb; height:1000px;}
.section05_w .pro_title {
	width:1250px; 
	height:448px; 
	margin:0 auto 40px auto; 
	background-image:url(../images/map_02.png); 
	background-repeat:no-repeat; 
	background-position:100% 100%;
}
.pro_list {
	overflow:hidden; 
	width:1051px; 
	margin:10px auto;
}
.pro_list div {
	height:392px; 
}
.pro_list a { 
	display:block;
	float:left; 
	border:2px solid #070707; 
	height:392px; 
	width:502px; 
	margin-right:33px; 
	background:#fff;
}
.pro_list a:nth-child(2) {margin-right:0px;}
.pro_list img {width:498px;}
.pro_list span {margin-top:15px;}
.section06 {
	width:1250px; 
	height:1030px; 
	margin:0 auto; 
	background-image:url(../images/map_01.png); 
	background-repeat:no-repeat; 
	background-position:100% 19%;
}
.section06 .pro_title { 
	margin-top:0px; 
}
.section07_w {
	background-image:url(../images/section06_bg.jpg); 
	background-repeat:no-repeat; 
	background-position:100% 0%;
	height:862px;
}
.section07_w .sec07_con {width:1250px; height:716px; margin:0 auto;}
.sec07_con span {
	display:block; 
	text-align:center; 
	color:#fff; 
	font-size:27px; 
	font-weight:700; 
	padding-top:200px;
}
.sec07_con .table_w {
	border:0px solid #050101; 
	background:#fff; 
	margin:40px auto; 
	width:643px;
}
.sec07_con .table_w table {
	width:643px; 
	height:186px;
}
.sec07_con .table_w table td {
	height:62px; 
	background:#fff; 
	text-align:center;
}
.sec07_con .table_w table td:nth-child(1) { 
	border-bottom:1px solid #eee; 
	width: 35%;
	color:#444;
	font-weight:600;
}
.sec07_con .table_w table td:nth-child(2) { 
	border-bottom:1px solid #eee; 
	width: 65%;
	text-align:left;
	padding-left:15px;
}
.sec07_con .table_w table .tel input { 
	width:110px; 
}
.reserve_btn { 
	background:#47c6c8 !important; 
	border-bottom:0px solid !important;
	color:#fff !important;
	font-size:16px;
	font-weight:500;
}
.reserve_btn a { 
	display:block;
	width:100%;
	height:100%;
	line-height:62px;
}
.sec07_con .table_w table td a {
	color:#fff; 
	font-size:16px; 
	font-weight:600;
}
.sec07_con .table_w table td.active {
	background:#fff; 
	color:#3a3a3a;
}
.sec07_con .table_w table td.active a {color:#3a3a3a;}
.sec07_con .table_w table td.active_box {
	height:143px; 
	background:#fff;
}
.section08 {
	background:#111; 
	margin:0 auto;
	height:254px;
}
.section08 div {
	width:1250px;
	margin:0 auto; 
	padding-top:30px;
}
.section08 .address_div { 
	float:left;
	width:60%;  
}
.section08 div .address { 
	color:#666;
	line-height:1.5em;
	margin-top:20px;
	font-size:12px;
}/
.section08 div.sns_div { 
	float:left;
	width:40%; 
}	
.section08 .sns_list { 
	float:right; 
	text-align:center;
	color:#666;
	width:100px;
}
.img_box { 
	margin:0 auto;
	width:55px;
	height:55px;
	background:#eee;
	border-radius:50px;
	overflow:hidden;
}
.img_box img{ 
	margin-top:-8px;
	margin-left:-8px;
}
.section08 .sns_list .txt { 
	padding-top:15px;
	font-size:11px;
}
.bold { 
	font-weight:900;
}
.wheel_div { 	 
	display:block;
	position:fixed;
	z-index:999;
	margin-top: 20px;
	top:47%;right:2.5%;
	border:3px solid #68dddf;
	border-radius:20px;
	padding:2px 9px 25px 9px; 

}
.wheel { 
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;	
	font-size:10px;color:#68dddf;
}

@keyframes pulse { 
	0% { 
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
	50% { 
		-webkit-transform: translate(0,10px);
		transform: translate(0,10px);
	}
	100% { 
		-webkit-transform: translate(0,0);
		transform: translate(0,0);
	}
}

/* --------------------------------------------------------------
detail top 
-----------------------------------------------------------------*/

.section01.topmenu {
	min-width:1490px; 
	height:82px;
	background:#fff;
}
.topmenu .header {
	width:100%; 
	min-width: 1490px;
	height:82px; 
	overflow:hidden;	
	background-color: rgba(0, 0, 0, 0.3);
}

.topmenu .header .logo {
	width:230px; 
	padding:20px 0px 0px 60px;
}
.topmenu .header .logo img {
	width:180px; 
	height:33px; 
	float:left;

}
.topmenu .header .nav {
	width:1250px; 
	margin:0 auto; 
	overflow:hidden; 
	padding-top:5px;
}
.topmenu .header .nav ul {
	width:880px; 
	margin:0 auto;
}
.topmenu .header .nav ul li {
	float:left; 
	display:block; 
	margin-right:48px;
}
.topmenu .header .nav ul li a {
	color:#fff; 
	font-size:18px; 
	font-weight:500; 
	letter-spacing:-1.5px;
	font-family:'Noto Sans KR', sans-serif;
}