@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url('https://fonts.googleapis.com/css?family=Chonburi');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:900italic');
@import url('https://fonts.googleapis.com/css?family=Mrs+Sheppards');





html, body{font-family: "Noto Sans KR", sans-serif; overflow-x:hidden;}
	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;

	}


	/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section0,
	#section1,
	#section2,
	#section3{
		background-size: cover;
		background-attachment: fixed;
		background-position:center;
	}

	/* Defining each sectino background and styles
	* --------------------------------------- */
	#section0{
		background-size:cover;
		position:relative;
	}
	#section0 h1{
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		z-index:100;
	}
	#section2{
		background-size:cover;
	}
	#section3{
		background-size:cover;
        overflow:hidden;
		padding: 0% 0 0 0;
	}
	#section3 h1{
		color: #000;
	}

	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}

	::selection{color:#fff; background:#454545;}

	.m1_top{position:absolute; top: 50%; transform: translateY(-50%); z-index:100; text-align:center; 
	width:60%; margin-left:-30%; left:50%;}
	.m1_top img{ max-width:100%;}

.t_wrap_x{padding:20px; min-width:1500px; height:100%;}

/* nav */
.top{ position:fixed; z-index:52; width:100%; height:110px; transition:.5s;}
.top .logo{position:absolute; z-index:9999; left:20px;}
.top .n_btn{position:absolute; z-index:9999; left:150px; top:130px;}
.top .menu_line{position:absolute; right:40px; top:30px; z-index:9999; transition:.4s; padding:10px; background:#000; border:1px solid #fff; cursor:pointer;}
.top .menu_line span{width:25px; height:3px; border:1px solid #fff; border-radius:15px; background:#fff; display:block; }
.top .menu_line .span2{margin:4px 0;}


	/* type-07 */
/* 라인이 하나로 합쳐졌다가 엑스자 만들기 */
.menu_line .span1{
    -webkit-animation : menu-bar07-01 .75s forwards;
    animation : menu-bar07-01 .75s forwards;
}
@-webkit-keyframes menu-bar07-01 {
    0% {
        -webkit-transform : translateY(9px) rotate(45deg);
    }
    50% {
        -webkit-transform : translateY(9px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0);
    }
}
@keyframes menu-bar07-01 {
    0% {
        transform : translateY(9px) rotate(45deg);
    }
    50% {
        transform : translateY(9px) rotate(0);
    }
    100% {
        transform : translateY(0) rotate(0);
    }
}
.menu_line .span2{transition : all .25s .25s; opacity : 1;}
.menu_line .span3{
    -webkit-animation : menu-bar07-02 .75s forwards;
    animation : menu-bar07-02 .75s forwards;
}
@-webkit-keyframes menu-bar07-02 {
    0% {
        -webkit-transform : translateY(-9px) rotate(-45deg);
    }
    50% {
        -webkit-transform : translateY(-9px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0);
    }
}
@keyframes menu-bar07-02 {
    0% {
        transform : translateY(-9px) rotate(-45deg);
    }
    50% {
        transform : translateY(-9px) rotate(0);
    }
    100% {
        transform : translateY(0) rotate(0);
    }
}
.menu_line.active-7 .span1 {
    -webkit-animation : active-menu-bar07-01 .75s forwards;
    animation : active-menu-bar07-01 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-01 {
    0% {
        -webkit-transform : translateY(0) rotate(0);
    }
    50% {
        -webkit-transform : translateY(9px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(9px) rotate(45deg);
    }
}
@keyframes active-menu-bar07-01 {
    0% {
        transform : translateY(0) rotate(0);
    }
    50% {
        transform : translateY(9px) rotate(0);
    }
    100% {
        transform : translateY(9px) rotate(45deg);
    }
}
.menu_line.active-7 .span2{
    opacity : 0;
}
.menu_line.active-7 .span3{
    -webkit-animation : active-menu-bar07-02 .75s forwards;
    animation : active-menu-bar07-02 .75s forwards;
}
@-webkit-keyframes active-menu-bar07-02 {
    0% {
        -webkit-transform : translateY(0) rotate(0);
    }
    50% {
        -webkit-transform : translateY(-9px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(-9px) rotate(-45deg);
    }
}
@keyframes active-menu-bar07-02 {
    0% {
        transform : translateY(0) rotate(0);
    }
    50% {
        transform : translateY(-9px) rotate(0);
    }
    100% {
        transform : translateY(-9px) rotate(-45deg);
    }
}

/*
.top:hover .hide_menu{opacity:1}
.hide_menu{width:60%; position:absolute; padding-left:180px; padding-right:80px; opacity:0; transition:.5s;}
.hide_menu > li{float:left;}
.hide_menu > li > a{font-size:13px; padding:0 30px; color:#454545; font-weight:bold; height:110px; line-height:110px; display:block; letter-spacing:1px;}
.hide_menu > li > a:hover{text-decoration:line-through;}
*/

/* paading:20px _line */
.wrap_line1{width:100%; height:20px; position:fixed; top:0; background:#fff; z-index:999;}
.wrap_line2{width:100%; height:20px; position:fixed; bottom:0; background:#fff; z-index:999;}
.wrap_line3{width:20px; height:100%; position:fixed; right:0; background:#fff; z-index:999;}
.wrap_line4{width:20px; height:100%; position:fixed; left:0; background:#fff; z-index:999;}


/* right scrolling menu */
.box_gnb{ 
	position:fixed;
	right:-15%; 
	height:100%;
	z-index:5; 
	width:15%; 
	background:#000; 
	transition:.5s; 
	opacity:0.95;
} 

.box_gnb .in_b{
	position:absolute; 
	top:0px;
	left:50px; 
	color:#fff;
	font-family: "Noto Sans KR", sans-serif; 
	font-weight:300;
	font-size:12px;

}

.box_gnb .in_b .number_txt{
	font-size:14px; 
	margin: 20px 20px 100px 20px; 
	color:yellow;
	margin-top:90px;
	text-align:center;
}

.box_gnb .in_b ul{
	overflow:hidden;

}

.box_gnb .in_b ul li{
	margin-bottom:10px; 
	overflow:hidden;
	
}

.box_gnb .in_b ul li a{
	color:#fff; 
	line-height:30px;
}

.box_gnb .in_b ul li a .dae span{
	color:#b0a99c; 
	font-size:15px; 
	font-weight:400; 
	opacity:0.8;
}

.box_gnb .in_b ul li .sub{
	overflow:hidden;
	margin:7px 10px 0; 
	font-size:15px; 
	padding-bottom:15px;
	display:none;
}

.box_gnb .in_b ul li .sub a{
	color:#fff; 
	padding:4px;
}

.box_gnb .in_b ul li .sub a:hover{
	color:#b0a99c; 
	font-size:15px; 
	font-weight:400; 
	padding-right:8px;
}

.btn_right{
	right:0;
}

.tel{
	
}

.tel a{
	padding:5px 18px; 
	border:1px solid #fff; 
	color:#fff; 
	font-size:13px; 
	transition:.2s;	
	position:absolute; 
	top:150px;
	width:100px; 
	text-align:center; 
	font-size:14px; 
	color:#fff; 
	font-weight:300;
	height:30px;
	line-height:30px;
	left:calc(50% - 80px);
}

.tel a:hover{
	background:#04685d; 
	border:1px solid #04685d; 
	color:#fff;
}


/* contents */
.cont_box{height:100%; overflow:hidden; position:relative;}
.cont_box2{height:100%; overflow:hidden; position:relative;}
.cont_box3{height:100%; overflow:hidden; position:relative; background:url('http://homepageimg.infotown.kr/skylove/images/main/bg1.jpg'); background-size:cover; background-attachment:fixed;}
.cont_box4{height:100%; overflow:hidden; position:relative; background:url('http://homepageimg.infotown.kr/skylove/images/main/bg2.jpg'); background-size:cover; background-attachment:fixed;}

/* 1page_main */
.main_txt{position:absolute; top:34%; left:15%; z-index:3; text-align:left; color:#fff; text-shadow:#242424 0px 0px 2px;}
.main_txt .mt01{font-family: 'Montserrat', sans-serif; font-size:70px; font-weight:bold; line-height:55px; text-transform:uppercase;}
.main_txt .mt01 span{border-bottom:1px solid #fff; height:75px; display:inline-block;}
.main_txt .mt02{margin-bottom:15px; font-size:20px; padding-top:15px; margin:7px 0 17px; }
.main_txt .mt03{font-size:12px; opacity:0.7; line-height:15px;}
.main_txt .mt04{font-family: 'Chonburi', cursive; font-size:40px;}
.main_txt .mt04 span{font-size:50px; background:#333; display:inline-block; padding:0 2px 0 10px; text-align:center;}
.main_txt .mt05{margin-top:20px; font-size:14px;}
.main_txt .mt06{font-size:12px; padding-top:10px;}


.ma01{
	width:553px; 
	height:638px;
	position:absolute; 
	top:100px; 
	left:18%;
	background:#ccc;
	border:10px solid #fff;

}

.ma02{
	width:553px; 
	height:638px; 
	position:absolute; 
	top:160px;
	right:26%; 
	background:#ada;
	border:10px solid #fff;
}

.ma03{
	width:450px; 
	height:210px; 
	position:absolute; 
	top:300px; 
	right:5%; 
	transform:rotate(90deg);
	text-align:left;
}

.ma03 .ma031{
	font-family: "Noto Sans KR", sans-serif;
	font-size:45px;
	line-height:60px;
}

.ma03 .ma031 span{
	font-family: "Noto Sans KR", sans-serif; 
	font-size:45px; color:#0ab29f;
}

.ma03 .ma032{
	font-family: "Noto Sans KR", sans-serif; 
	font-size:12px; 
	color:#ccc; 
	line-height:15px;
	padding-top:20px;
}

.ma03 .ma033{
	font-size:14px; 
	margin-top:10px;
}

.mb01{
	width:800px; 
	height:560px;
	position:absolute; 
	top:155px; 
	left:12%;
	background:#ccc;
	border:10px solid #fff;
}

.mb02{
	width:570px;
	height:350px; 
	position:absolute; 
	top:100px; 
	right:8%; 
	text-align:left;
}

.mb02 .mb021{
	font-family: "Noto Sans KR", sans-serif; 
	font-size:45px; 
	padding-top:35px;
}

.mb02 .mb021 span{
	font-family: "Noto Sans KR", sans-serif;
	font-size:45px; 
	color:#0ab29f;
}
.mb02 .mb022{
	font-family: "Noto Sans KR", sans-serif;
	font-size:12px; 
	color:#ccc; 
	line-height:15px; 
	padding-top:20px;
}

.mb02 .mb023{
	font-size:14px; 
	margin-top:10px;
}

.mb03{
	width:500px;
	height:360px; 
	position:absolute; 
	top:355px; 
	right:16%; 
	background:#dee;
	border:10px solid #fff;
}

.mc01{width:350px; height:400px; position:absolute; top:18%; left:15%; text-align:right;}
.mc01 .mc011{font-family: "Noto Sans KR", sans-serif; font-size:45px; line-height:60px;}
.mc01 .mc011 span{ font-family: "Noto Sans KR", sans-serif; font-size:45px; color:#0ab29f;}
.mc01 .mc012{font-family: "Noto Sans KR", sans-serif; font-size:12px; color:#ccc; line-height:15px; padding-top:20px;}
.mc01 .mc013{font-size:14px; margin-top:10px;}
.mc02{width:350px; height:350px; position:absolute; top:120px; left:41%; background:#daa; border:10px solid #fff;}
.mc03{width:450px; height:250px; position:absolute; top:220px; left:61.5%; background:#333; border:10px solid #fff;}
.mc04{width:680px; height:310px; position:absolute; top:500px; left:41%; background:#f6f6f6; border:10px solid #fff;}

.md01{width:1000px; height:250px; position:absolute; top:10%; left:16.5%; text-align:left;}
.md01 .md011{font-family: "Noto Sans KR", sans-serif; font-size:45px;}
.md01 .md011 span{ font-family: "Noto Sans KR", sans-serif; font-size:45px; color:#0ab29f;}
.md01 .md012{font-family: "Noto Sans KR", sans-serif; font-size:12px; color:#ccc; line-height:15px; padding-top:20px;}
.md01 .md013{font-size:14px; margin-top:10px;}
.md02{width:890px; height:500px; position:absolute; top:290px; left:16%; background:#ddd; border:10px solid #fff;}
.md03{width:380px; height:235px; position:absolute; top:290px; left:65%; background:#f00; border:10px solid #fff;}
.md04{width:380px; height:235px; position:absolute; top:555px; left:65%; background:#ade; border:10px solid #fff;}

#main2 * .bx-prev{width:49px !important; height:49px !important; background:url('http://homepageimg.infotown.kr/moreve/images/common/prevbtn_on.png'); bottom:12% !important; left:50% !important;}
#main2 * .bx-next{width:49px !important; height:49px !important; background:url('http://homepageimg.infotown.kr/moreve/images/common/nextbtn_on.png'); bottom:12% !important; right:50% !important;}
#main2 * .bx-pager{display:none;}

/* 3page_room */
.left51{width:32%; float:left; height:100%; position:relative;}
.right51{width:68%; height:100%; float:right; position:relative; overflow:hidden;}

.left51 .title_box{position:absolute; top:30%; transform: translateY(-50%); z-index:100; left:65%; width:70%; margin-left:-30%; text-align:left;}
.left51 .title_box .t01{font-family:'Playfair Display', serif; font-size:80px; line-height:78px; margin-bottom:30px; }
.left51 .title_box .t02{font-size:14px; opacity:0.9;}
.left51 .title_box .t03{font-size:12px; opacity:0.4;}
.left51 .title_box .t04 a{width:150px; height:30px; text-align:center; margin-top:40px; border:1px solid #2fac9e; color:#2fac9e; font-size:13px; font-weight:500; line-height:30px; display:block; transition:.3s;}
.left51 .title_box .t04 a:hover{color:#fff; background:#2fac9e; border:1px solid #2fac9e;}
.left51 .mouse{position:absolute; bottom:8%; right:20%; font-size:13px; height:28px; line-height:28px;}
.left51 .mouse span{display:block; float:right; height:28px; margin-left:20px}
.swiper-container {width:100%; height:100%; overflow:hidden; text-align:left;}
.swiper-slide { font-size: 18px; width:480px  !important;  top:9%;  height:650px; margin:0 20px; overflow:hidden;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		position:relative;
		transition:.4s;}
.swiper-slide a{width:480px; height:650px; display:block;}
.swiper-slide a .num{font-family:'Playfair Display', serif; font-size:160px; color:rgba(0,0,0,0.3); transition:.3s;}
.swiper-slide a:hover .num{color:#2fac9e;}
.swiper-slide a .name{font-family: "Noto Sans KR", sans-serif; font-size:16px; color:#242424; margin:30px 0 20px;}
.swiper-slide a .name span {font-family: 'Montserrat', sans-serif; font-size:25px; color:#0ab29f; font-weight:bold;  margin:30px 0 20px;}
.swiper-slide a .img{ width:100%; height:330px; opacity:0.9; border:1px solid #fff; transition:.3s;}
.swiper-slide a:hover .img{opacity:1; border:1px solid #0ab29f;}


/* 4page_special */

.spe_bg{background:url('http://homepageimg.infotown.kr/skylove/images/special/1/1.jpg') no-repeat center; background-size:cover; transition:.5s; transition-delay:0.2s;}
.special_box .title{text-align:center; position:absolute; z-index:9; top:20%; left:50%; margin-left:-240px; opacity:1; text-shadow:#555 0px 0px 1px;}
.special_box .title .t01{font-family: 'Playfair Display', serif; font-size:70px; letter-spacing: 2px; margin-bottom:10px; color:#333333;}
.special_box .title .t02{width:40px; height:1px; background:#333333; margin:50px auto;}
.special_box .title .t03{font-size:15px; color:#333333; letter-spacing: 1px;}

.spe_con{
	overflow:hidden; 
	width:100%; 
	height:100%;
	position:absolute;
	top:55%;
}

.spe_con .spe_black{ 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0; 
	background:#rgba(0,0,0,0.5)
}

.spe_con .special_li{
	display:inline-block;
	width:120px;
	height:120px;
	position:relative;
	border:1px solid rgba(255,255,255,0.5); 
	border-radius:115px; 
	overflow:hidden;
	transition:.5s;
	margin:0 20px;
}

.spe_con .special_li a{
	display:block; 
	width:120px; 
	height:120px;
	text-align:center;
	line-height:120px; 
	color:#fff; 
	font-size:14px; 
	letter-spacing: 1px; 
	text-shadow:#333 0px 0px 5px; 
	background:rgba(0,0,0,0.2); 
	transition:0.4;
}

.spe_con .last{
	margin-right:none;
}

.spe_con .spbg1{background:url(http://homepageimg.infotown.kr/skylove/images/special/1/1.jpg); background-size:cover;}


.spe_con .special_li:hover{background:rgba(255,255,255,0); border:1px solid rgba(255,255,255,0.7);}
.spe_con .special_li:hover a{ background:rgba(0,0,0,0)}


/* 5page */

.pageline{
	width:100%; 
	height:1px; 
	margin-top:100px;
}

.m_5page{
	width:1500px; 
	height:400px; 
	overflow:hidden; 
	margin:7% auto 0;
	
}

.m_5page ul{
	margin:auto;
	text-align:center;
}

.m_5page ul li{
	display:inline-block;
	margin:0 1%; 
	font-size:14px;
}

.m_5page ul li a{
	color:#333; 
	font-family:"Noto Sans KR", sans-serif;
}
.m_5page ul li a div{
	width:250px; 
	height:250px; 
	background:#fff;
	border:1px solid #ddd; 
	margin-bottom:20px; 
	transition:.3s; 
	font-size:25px; 
	letter-spacing:4px; 
	font-weight:100;
	line-height:250px;
}

.m_5page ul li a .ko{
	font-weight:bold; 
	font-size:14px;
}

.m_5page ul li a span{
	font-size:16px;
}

.m_5page ul li a .view_btn{
	width:130px;
	height:30px; 
	line-height:30px; 
	display:block; 
	border:1px solid #0ab29f; 
	margin:auto; 
	margin-top:20px; 
	color:#0ab29f; 
	font-size:13px; 
	transition:.4s;
}

.m_5page ul li a:hover div{
	opacity:0.6;
}

.m_5page ul li a:hover .view_btn{
	background:#0ab29f; 
	color:#fff;
}

.m_footer{
	background:#f6f6f6; 
	width:100%; 
	height:165px; 
	position:absolute;
	bottom:0; 
	overflow:hidden; 
	padding:20px 0 40px 0;
}

.m_footer .f_de_cont{
	width:1200px;
	position:absolute;
	left:calc(50% - 600px);
	top:20px;
	height:150px;
}

.m_footer .f_left{
	float:left; 
	text-align:left; 
	padding-top:25px; 
	margin-right:70px;
}

.m_footer .f_left span{
	font-family: "Noto Sans KR", sans-serif; 
	font-size:15px; 
	font-weight:bold;
}

.m_footer .f_left a{
	width:100px; 
	float:right;
	padding:5px 27px; 
	border:1px solid #555; 
	font-family: "Noto Sans KR", sans-serif; 
	font-size:13px;
	letter-spacing:1px; 
	color:#555; 
	margin-top:15px; display:block;
}
.m_footer .f_left a:hover{ 
	background:#fff;
}

.m_footer .f_right{
	float:left; 
	text-align:left; 
	font-size:13px; 
	margin-top:20px;
	position:relative;
}

.m_footer .f_right span{
	font-size:12px;
}

.m_footer .f_right a{
	color:#333;
}

.m_footer .f_right a:hover{
	text-decoration:underline;
}

.m_footer .sns_bt{
	width:300px;
	height:40px;
	position:absolute;
	right:0;
	top:20px;
	display:flex;
}

.m_footer .sns_bt li{
	width:40px;
	height:40px;
	overflow:hidden;
	display:block;
	border-radius:5px 5px 5px 5px;
	margin:auto 3px;
	
}

.m_footer .sns_bt li img{
	width:100%;
}



.m_footer .sns_txt1{
	font-size:15px;
	position:relative;
	top:750px;
	text-align:center;
}



/* about */
.about_bg{width:100%; height:100%; background:url('http://homepageimg.infotown.kr/skylove/images/exterior/3.jpg'); background-size:cover; background-attachment:fixed;}
.about_con{width:100%; height:3150px; background:linear-gradient(rgba(51,51,51,0.3), rgba(51,51,51,0.7), rgba(0,0,0,0.8), rgba(0,0,0,1)); color:#fff; position:relative;}
.about_con .ab01{font-size:14px; float:left; line-height:25px; position:absolute; top:350px; left:150px; }
.about_con .ab01 span{font-family: 'Nanum Pen Script', serif; font-size:50px; display:block;}
.about_con .ab02{font-family: 'Playfair Display', serif; font-size:80px; line-height:85px; text-align:right; letter-spacing:-1px; position:absolute; top:100px; right:8%;}
.about_con .ab02 span{font-size:95px;}
.about_con .ab02 .ab_ko{font-family: "Noto Sans KR", sans-serif; font-size:14px; margin-top:-20px; margin-right:20px; display:block;}
.about_con .ab03 a{font-size:12px; line-height:25px;color:#fff; position:absolute; top:800px; left:50%; display:block; text-align:center; border:none;}

.about_con .about_con1{position:relative; top:980px; left:50%; margin-left:-550px;}
.about_con .about_con1 .abc1_1{position:absolute; width:550px; height:360px; background:url('http://homepageimg.infotown.kr/skylove/images/special/1/3.jpg') center top; background-size:cover; box-shadow:#333 1px 1px 5px;}
.about_con .about_con1 .abc1_2{position:absolute; color:#fff; top:20px; left:580px; font-family: 'Playfair Display', serif; font-size:40px; text-shadow:#333 1px 1px 1px;}
.about_con .about_con1 .abc1_2 span{font-family: "Noto Sans KR", sans-serif; color:#fff; font-size:14px;}
.about_con .about_con1 .abc1_3{position:absolute; width:500px; height:360px; background:url('http://homepageimg.infotown.kr/skylove/images/main/1/8.jpg') center top; background-size:cover; top:160px; left:480px; box-shadow:#333 1px 1px 5px;}
.about_con .about_con1 .abc1_4{position:absolute; top:380px; left:130px; color:#fff; font-family: 'Playfair Display', serif; font-size:40px; text-align:right; text-shadow:#333 1px 1px 1px;}
.about_con .about_con1 .abc1_4 span{font-family: "Noto Sans KR", sans-serif; color:#fff; font-size:14px;}

.about_con .about_con2{position:relative; top:1700px; width:100%; height:700px;}
.about_con .about_con2 .abc2_1{position:absolute; left:400px; width:550px; height:420px; background:url('http://homepageimg.infotown.kr/skylove/images/main/1/2.jpg') center top; background-size:cover; box-shadow:#333 1px 1px 5px;}
.about_con .about_con2 .abc2_2{position:absolute; color:#fff; top:40px; left:980px; font-family: 'Playfair Display', serif; font-size:40px; text-shadow:#333 1px 1px 1px;}
.about_con .about_con2 .abc2_2 span{font-family: "Noto Sans KR", sans-serif; color:#fff; font-size:14px;}
.about_con .about_con2 .abc2_3{position:absolute; width:650px; height:480px; bottom:30px; right:320px; background:url('http://homepageimg.infotown.kr/skylove/images/room/4/4.jpg') center top; background-size:cover; box-shadow:#333 1px 1px 5px;}
.about_con .about_con2 .abc2_4{position:absolute; text-align:right; bottom:110px; right:1000px; font-family: 'Playfair Display', serif; font-size:40px; text-shadow:#333 1px 1px 1px;}
.about_con .about_con2 .abc2_4 span{font-family: "Noto Sans KR", sans-serif; color:#fff; font-size:14px;}

.about_con .about_con3{position:relative; top:1850px; left:50%; margin-left:-600px; height:710px;}
.about_con .about_con3 .abc3_1{position:absolute; left:100px; top:150px; z-index:9; text-align:right; font-family: 'Playfair Display', serif; font-size:40px; text-shadow:#333 1px 1px 1px;}
.about_con .about_con3 .abc3_1 span{font-family: "Noto Sans KR", sans-serif; color:#fff; font-size:14px;}
.about_con .about_con3 .abc3_2{position:absolute; width:500px; height:360px; background:url('http://homepageimg.infotown.kr/unduckmarups/images/room/3/04.jpg') center top; background-size:cover; left:460px; box-shadow:#333 1px 1px 5px;}
.about_con .about_con3 .abc3_3{position:absolute; width:600px; height:420px; background:url('http://homepageimg.infotown.kr/unduckmarups/images/room/3/04.jpg') center top; background-size:cover; bottom:0; box-shadow:#333 1px 1px 5px;}
.about_con .about_con3 .abc3_4{position:absolute; text-align:left; left:610px; bottom:70px; font-family: 'Playfair Display', serif; font-size:40px; text-shadow:#333 1px 1px 1px;}
.about_con .about_con3 .abc3_4 span{font-family: "Noto Sans KR", sans-serif; color:#fff; font-size:14px;}

.about_con .about_con4{position:relative; top:1900px; text-align:center;}
.about_con .about_con4 p{font-family: 'Chonburi', cursive; font-size:40px; color:#fff; opacity:0.8; margin-top:100px;}
.about_con .about_con4 p span{font-family: "Noto Sans KR", sans-serif; color:#f9e1b4; font-size:14px; display:block; margin-top:20px;}
.about_con .about_con4 ul{text-align:center; margin-top:75px;}
.about_con .about_con4 ul li{display:inline-block; margin-right:230px; width:300px; height:100px; padding-top:20px;}
.about_con .about_con4 ul li.last{margin-right:0px;}
.about_con .about_con4 ul li a{color:#fff; font-family: 'Chonburi', cursive; font-size:35px; line-height:40px; display:inline-block; opacity:0.7; transition:.3s;}
.about_con .about_con4 ul li a span{font-family: "Noto Sans KR", sans-serif; color:#f9e1b4; font-size:14px;}
.about_con .about_con4 ul li a:hover{opacity:1; transform:scale(1.1);}


/* exterior */
.view_txt{position:absolute; top:32%; left:50%; margin-left:-140px; color:#fff; text-shadow:rgba(0,0,0,0.6) 0px 0px 3px;}
.view_txt .vt01{font-family: "Noto Sans KR", sans-serif; font-size:16px; }
.view_txt .vt02{font-family: 'Chonburi', cursive; font-size:60px; line-height:95px;}
.view_txt .vt03{width:30px; height:1px; background:#fff; margin:30px auto 35px;}
.view_txt .vt04{font-size:12px; opacity:0.8;}


/* room preview */
.room_preview_left{
	width:70%; 
	height:100%; 
	float:left; background:url('http://homepageimg.infotown.kr/skylove/images/room/room.jpg')no-repeat center bottom; 
	position:relative;
}

.room_preview_left .rp_title{
	position:absolute;
	top:180px;
	left:50%; 
	width:500px;
	margin-bottom:-60px; 
	margin-left:-270px; 
	text-align:center; color:#fff;
}

.room_preview_left .rp_title .rp01{
	font-family: "Noto Sans KR", sans-serif; 
	font-size:16px; opacity:0.8;
}

.room_preview_left .rp_title .rp02{
	font-family: 'Chonburi', cursive; 
	font-size:50px;
}

.room_preview_left .rp_title .rp03{
	
}

.room_preview_left .rp_title .rp04{
	font-size:13px;
	opacity:0.8; 
	margin-top:15px;
}

.room_preview_left a{position:absolute; padding:0 20px; border:1px solid rgba(0,0,0,0); border-radius:12px; font-size:13px; font-weight:bold; line-height:25px; background:#2fac9e; color:#fff; transition:.3s;}

.rpbtn1{
	left:13%;
	bottom:430px;
	position:absolute;
	border:1px solid red;
}

.rpbtn2{
	left:58%; 
	bottom:450px;
}

.rpbtn3{
	left:43%; 
	bottom:250px;
}

.rpbtn4{
	right:20%; 
	bottom:250px;
}

.room_preview_left a div{position:absolute; bottom:-7px; left:50%; margin-left:-6px; width:13px; height:7px; background:url(http://homepageimg.infotown.kr/skylove/common/arrow1.png)no-repeat; transition:.3s;}
.room_preview_left a:hover{margin-bottom:10px; border:1px solid #2fac9e; color:#2fac9e}
.room_preview_left a:hover div{background:url(http://homepageimg.infotown.kr/skylove/images/common/arrow1_over.png)no-repeat;}

.room_preview_wrap{width:35%; height:100%; position:absolute; right:0;}

.r_pre{overflow:hidden; height:100%; padding-left:100px; background:#fff; position:relative;}

.r_pre .room_preview_center{width:350px; height:20px; font-weight:bold; position:absolute; margin-left:-125px; top:45%; left:0;  z-index:9; font-size:13px; transform:rotate(-90deg); letter-spacing:1px; line-height:20px;}
.r_pre .room_preview_center img{display:block; float:right;}


.room_pre{
	height:100%;
}

.room_pre li{
	width:100%;
	height:50%;
	
}

.room_pre li a{
	width:100%; 
	height:100%; 
	display:inline-block; 
	color:#fff; 
	font-family:"Noto Sans KR", sans-serif; 
	font-size:20px; 
	font-weight:bold;
}

.room_pre li a div{
	width:100px; 
	height:87px; 
	background:rgba(51,51,51,0.3); 
	border:3px solid #fff; 
	border-radius:55px; 
	line-height:30px; 
	margin:38% auto 0; 
	padding-top:13px;
	transition:.3s;
}

.room_pre li a:hover div{
	border:3px solid #000;
	color:#fff;
	background:#000; 
	opacity:0.8;
}

/* room */
.room_txt{position:absolute; top:32%; left:50%; margin-left:-120px; color:#fff; text-shadow:rgba(0,0,0,0.5) 0px 0px 3px;}
.room_txt .r01{font-family: "Noto Sans KR", sans-serif; font-size:16px;}
.room_txt .r02{font-family: "Noto Sans KR", sans-serif; font-size:80px; font-weight:bold; line-height:95px;}
.room_txt .r02 span{font-family: 'Chonburi', cursive; font-size:40px;}
.room_txt .r03{width:30px; height:1px; background:#fff; margin:30px auto 35px;}
.room_txt .r04{font-size:12px; opacity:0.8;}
.room_txt .scroll{ margin-top:15px; transition:.5s;}
.room_txt .scroll:hover{margin-top:30px;}

.room_con1{position:relative; overflow:hidden; width:100%; height:580px; margin-top:100px;}
.room_con1 .rc1_1{width:800px; height:500px; position:absolute; left:5%;}
.room_con1 .rc1_2{position:absolute;  top:18%; right:5%; background:#fff; padding:30px 0 10px 10px;}
/*.room_con1 .rc1_2 .room_name{font-family: 'Playfair Display', serif; font-size:100px; line-height:85px;}
.room_con1 .rc1_2 .room_name span{font-family: 'Chonburi', cursive; font-size:40px; opacity:0.8;}*/

.room_con2{position:relative; overflow:hidden; height:850px;}
.room_con2 .rc2_1{width:550px; height:350px; text-align:right; position:absolute; top:40px; right:50%; z-index:9; text-align:right;}
.room_con2 .rc2_1 .rc2_1_txt1{font-family: 'Playfair Display', serif; font-size:100px; color:#abd2ce;}
.room_con2 .rc2_1 .rc2_1_txt1 span{font-size:60px;}
.room_con2 .rc2_1 .rc2_1_txt2{font-family: "Noto Sans KR", sans-serif; font-size:14px;}
.room_con2 .rc2_1 .rc2_1_txt3{font-size:12px; opacity:0.5;}
.room_con2 .rc2_2{width:680px; height:480px; position:absolute; right:10%;}
.room_con2 .rc2_3{width:370px; height:350px; position:absolute; top:400px; left:200px;}
.room_con2 .rc2_4{width:370px; height:350px; position:absolute; top:400px; left:580px;}

.room_con3{position:relative; overflow:hidden; width:100%; height:780px;}
.room_con3 .rc3_1{position:absolute; top:130px; left:15%; color:#fff; text-shadow:#333 0px 0px 1px;}
.room_con3 .rc3_1 .rc3_1_txt1{font-family: "Noto Sans KR", sans-serif; font-size:16px; margin-bottom:10px;}
.room_con3 .rc3_1 .rc3_1_txt2{font-family: 'Playfair Display', serif; font-size:80px; line-height:55px; margin-bottom:20px;}
.room_con3 .rc3_1 .rc3_1_txt3{font-size:12px; opacity:0.6;}

.room_con4{position:relative; left:200px; overflow:hidden; width:1460px; height:1450px;}
.room_con4 .rc4_1{font-family: 'Playfair Display', serif; font-size:100px; line-height:87px; position:absolute; bottom:148px; left:50px; opacity:0.2; z-index:9;}
.room_con4 .rc4_2{width:965px; height:600px; position:absolute; top:140px; right:0;}
.room_con4 .rc4_3{width:480px; height:800px; position:absolute; top:140px;}
.room_con4 .rc4_4{width:475px; height:475px; position:absolute; top:755px; right:490px;}
.room_con4 .rc4_5{width:475px; height:475px; position:absolute; top:755px; right:0;}

.room_select{width:100%; height:310px;}
.room_select .select{text-align:center;}
.room_select .select li{position:relative; width:16.6666%; height:310px; display:inline-block; background:#ccc; overflow:hidden;}
.room_select .select li div{width:100%; height:310px; transition:.5s;}
.room_select .select li:hover div{transform:scale(1.1);}
.room_select .select li span{position:absolute; top:48%; left:50%; margin-left:-79px; padding:7px 30px; font-size:13px; color:#fff; background:#333; letter-spacing:1px; opacity:0.5; transition:.5s;}
.room_select .select li:hover span{opacity:1;}


/* special */

.body_wrap{padding:20px;}
.contents{ width:100%; height:100%; overflow:hidden;}

.sp_info{position:absolute; top:-300px; left:50%; margin-left:-350px; transition:0.5s;}
.sp_info .sp_txt{width:640px; height:250px; background:rgba(255,255,255,0.9); padding:50px 0 0 60px; font-size:14px; text-align:left; }
.sp_info .sp_txt_01{width:630px; height:220px; background:rgba(255,255,255,0.9); padding:35px 0 0 60px; font-size:14px; text-align:left;}

.sp_info .sp_txt2{margin-top:100px; color:#fff; text-shadow:#000 0px 0px 2px;}
.sp_info .sp_txt2 .sp01{font-family: "Noto Sans KR", sans-serif;  font-size:20px; opacity:0.8;}
.sp_info .sp_txt2 .sp02{font-family: "Noto Sans KR", sans-serif; font-size:50px; font-weight:bold; margin-top:5px; margin-bottom:30px; }
.sp_info .sp_txt2 .sp03{font-size:14px; margin-bottom:25px;}
.sp_info .sp_txt2 .close_btn{border:1px solid #fff; padding: 8px 15px; color:#fff; font-size:15px; font-weight:bold; cursor:pointer; transition:.5s;}
.sp_info .sp_txt2 .close_btn:hover{background:#000; border:1px solid #000; color:#fff; text-shadow:none; }
.up{top:0px;}

.special_con{position:relative; width:1215px; height:900px; top:50px; left:270px;}
.special_con .spc01{width:600px; height:350px; position:absolute; }
.special_con .spc02{position:absolute; font-family: 'Playfair Display', serif; font-size:80px; top:50px; left:580px;}
.special_con .spc03{width:600px; height:400px; position:absolute; top:370px;}
.special_con .spc04{width:400px; height:350px; position:absolute; top:420px; left:815px;}

.sp_select{width:100%; height:550px; transition:.7s; text-align:center;}
.sp_select .sps01{font-family: 'Chonburi', cursive; font-size:40px; color:#fff; padding-top:70px;}
.sp_select .sps02{font-size:14px; color:#fff; padding-top:10px; margin-bottom:70px;}
.sp_select .s_select{text-align:center;}
.sp_select .s_select li{display:inline-block; margin-right:65px;}
.sp_select .s_select li.last{margin:0px;}
.sp_select .s_select li a{width:220px; height:220px; border:1px solid rgba(255,255,255,0.7); border-radius:220px; display:block; text-align:center; line-height:220px; font-size:17px; color:#fff; transition:.5s; text-shadow:#000 0px 0px 3px;}

/*.sp_select .s_select .spsbg01 a{background:url(http://homepageimg.infotown.kr/romiet/images/main/2/2.jpg)}
.sp_select .s_select .spsbg02 a{background:url(http://homepageimg.infotown.kr/romiet/images/main/2/1.jpg)}
.sp_select .s_select .spsbg03 a{background:url(http://homepageimg.infotown.kr/romiet/images/main/2/3.jpg)}
.sp_select .s_select .spsbg04 a{background:url(http://homepageimg.infotown.kr/romiet/images/main/2/4.jpg)}
.sp_select .s_select .spsbg05 a{background:url(http://homepageimg.infotown.kr/romiet/images/main/2/1.jpg)}
.sp_select .s_select .spsbg06 a{background:url(http://homepageimg.infotown.kr/romiet/images/main/2/2.jpg)}*/

.sp_select .s_select li:hover a{transform:scale(1.1); }


/* tour */
.tour_bg{width:100%; height:100%; background:url('http://homepageimg.infotown.kr/skylove/images/tour/tour_bg.jpg'); background-size:cover; background-attachment:fixed; overflow:hidden;}

.tour_title{color:#fff; text-align:center; margin-top:90px; margin-bottom:100px; text-shadow:#555 0px 0px 1px;}
.tour_title .tt01{font-family: "Noto Sans KR", sans-serif; font-size:16px; opacity:0.8}
.tour_title .tt02{font-family: 'Chonburi', cursive; font-size:60px;}
.tour_title .tt03{font-size:14px; margin-bottom:25px;}

.tour_con{text-align:center; width:1300px; margin:120px auto; display:table; position:relative;}
.tour_con .tour_img{width:650px; height:430px; float:left; overflow:none !important; box-shadow:#333 3px 3px 7px;}
.tour_con .tour_num1{position:absolute; left:580px; color:#fff; font-size:130px; font-family: 'Mrs Sheppards', cursive; opacity:0.2; text-shadow:#333 1px 1px 5px;}
.tour_con .tour_num2{position:absolute; bottom:20px; left:-100px; color:#fff; font-size:130px; font-family: 'Mrs Sheppards', cursive; opacity:0.2; text-shadow:#333 1px 1px 5px;}
.tour_con .tour_num3{position:absolute; top:10%; left:-100px; color:#fff; font-size:130px; font-family: 'Mrs Sheppards', cursive; opacity:0.2; text-shadow:#333 1px 1px 5px;}
.tour_con .tour_txt{width:530px; /* padding-top:20px */; margin-left:100px; color:#fff; float:left; }
.tour_con .tour_txt .tr01{font-size:22px;}
.tour_con .tour_txt .tr02{font-size:13px; opacity:0.6;}
.tour_con .tour_txt .tr03{width:30px; height:1px; background:#fff; margin:40px auto; }
.tour_con .tour_txt .tr04{font-size:14px; line-height:25px;}
/* .t_left{margin-left:350px !important;}*/

/* map */
.map{position:relative; background:#ccc;}
.map .map_txt{position:absolute; bottom:50px; left:50%; margin-left:-189px; text-align:center; z-index:999;}
.map .map_txt .m01{font-family: "Noto Sans KR", sans-serif;  font-size:16px; opacity:0.8}
.map .map_txt .m02{font-family: 'Chonburi', cursive; font-size:50px; margin-top:5px;}
.map .map_txt .m03{font-size:14px; margin-bottom:25px;}

.map_con{width:100%; height:500px; overflow:hidden;}
.map_con .car{width:40%; position:relative; left:10%;}
.map_con .car .car01{font-family: 'Playfair Display', serif; font-size:150px; opacity:0.1; position:absolute;}
.map_con .car .car02{font-family: 'Playfair Display', serif; font-size:60px; position:absolute; top:100px; left:80px;}
.map_con .car .car03{font-size:13px; position:absolute; top:140px; left:200px; color:#fff; display:inline-block; padding:3px 18px; background:#333;}
.map_con .car .car04{font-size:14px; position:absolute; top:200px;}

.map_line{width:2px; height:440px; border-right:1px dashed #ccc; position:absolute; margin-top:25px; left:50%;}

.map_con .public{width:40%; position:relative; left:55%; margin-left:50px;}
.map_con .public .public01{font-family: 'Playfair Display', serif; font-size:150px; opacity:0.1; position:absolute;}
.map_con .public .public02{font-family: 'Playfair Display', serif; font-size:60px; position:absolute; top:100px; left:80px;}
.map_con .public .public03{font-size:13px; position:absolute; top:140px; left:280px; color:#fff; display:inline-block; padding:3px 18px; background:#333;}
.map_con .public .public04{font-size:14px; position:absolute; top:200px;}

/* reservation */
.reser_title{width:100%; height:450px; position:relative; background:url('http://homepageimg.infotown.kr/moreve/images/common/re_bg.jpg') center top;}
.reser_title .reser_txt{position:absolute; top:100px; left:50%; margin-left:-280px; text-align:center; color:#fff; text-shadow:#333 0px 0px 3px;}
.reser_title .reser_txt .ret01{font-family: "Noto Sans KR", sans-serif; font-size:16px;}
.reser_title .reser_txt .ret02{font-family: 'Chonburi', cursive; font-size:60px; line-height:95px;}
.reser_title .reser_txt .ret03{font-size:14px;}
 
.reser_menu{position:absolute; bottom:55px; left:50%; margin-left:-280px;}
.reser_menu li{float:left; margin-right:20px; font-size:14px; border:1px solid #ddd; width:90px; height:90px; border-radius:50px; line-height:90px; text-align:center; transition:.4s;}
.reser_menu li a{color:#fff; display:block; text-shadow:#333 0px 0px 1px;}
.reser_menu li:hover{background:rgba(255,255,255,0.7); border:1px solid #ddd;}
.reser_menu li:hover a{color:#333; text-shadow:#333 0px 0px 0px;}

.reser_con{width:1000px; margin:auto; }
.reser_con .rec1{font-family: 'Playfair Display', serif; font-size:150px; opacity:0.1; float:left;}
.reser_con .rec2{font-family: 'Playfair Display', serif; font-size:60px; float:left; margin:95px 0 0 -70px;}
.reser_con .rec3{font-size:13px;  color:#fff; display:inline-block; padding:3px 18px; background:#333; float:left; margin:135px 0 0 10px;}
.reser_con .rec4{font-size:14px; top:200px; clear:left; margin:20px 0 0 100px; line-height:25px;}
.reser_con .last{font-size:14px; top:200px; clear:left; margin:20px 0 100px 100px; line-height:25px;}

.dashed_line{width:1200px; height:2px; border-top:1px dashed #ccc; margin:60px auto 0;}

/* community */
.commu_title{width:100%; height:450px; position:relative;}
.commu_title .commu_txt{position:absolute; top:100px; left:50%; margin-left:-125px; color:#fff; text-align:center; text-shadow:#333 0px 0px 1px;}
.commu_title .commu_txt .co01{font-family: "Noto Sans KR", sans-serif; font-size:16px; letter-spacing:1px; opacity:0.8}
.commu_title .commu_txt .co02{font-family: 'Chonburi', cursive; font-size:60px;}
.commu_title .commu_txt .co03{font-size:14px;}

.commu_menu{position:absolute; bottom:55px; left:50%; margin-left:-210px;}
.commu_menu li{float:left; margin-right:20px; font-size:14px; border:1px solid #ddd; width:90px; height:90px; border-radius:50px; line-height:90px; text-align:center; transition:.4s;}
.commu_menu li a{color:#fff; display:block; text-shadow:#333 0px 0px 1px;}
.commu_menu li:hover{background:rgba(255,255,255,0.7); border:1px solid #ddd;}
.commu_menu li:hover a{color:#333; text-shadow:#333 0px 0px 0px;}

.board{width:1100px; margin:110px auto 0px;}


/* footer */
.footer{
	width:100%; 
	overflow:hidden; 
	padding:40px 0; 
	background:#f6f6f6;
	font-size:13px;
	position:relative;
}

.footer .f_menu{
	float:left; 
	margin-left:150px; 
	margin-top:20px;
}

.footer .f_menu > li{
	float:left; 
	margin-right:35px; 
	font-weight:bold;
	color:#555;
}

.footer .f_menu > li > ul li > a{
	font-weight:normal; 
	color:#999; 
	transition:.3s; 
	font-size:12px;
}

.footer .f_menu > li > ul li > a:hover{
	color:#333;
}

.footer .f_info{
	float:left; 
	margin-left:120px;
}

.footer .f_info .fi01{
	font-family: 'Playfair Display', serif;
	font-size:40px;
}

.footer .f_info .fi02{
	font-weight:bold; 
	margin-top:20px;
}

.footer .f_info .fi03{ 
	margin-top:10px;
}

.footer .f_info span{
	font-size:12px;
	color:#999;
}

.footer .f_info span a{
	color:#555;
}

.footer .sns_bt{
	width:300px;
	height:40px;
	position:absolute;
	right:60px;
	top:25px;
	display:flex;
}

.footer .sns_bt li{
	width:40px;
	height:40px;
	overflow:hidden;
	display:block;
	border-radius:5px 5px 5px 5px;
	margin:auto 3px;
}

.footer .sns_bt li img{
	width:100%;
}

.footer .sns_txt1{
	color:#333333; 
	font-size:13px;
	position:absolute;
	right:80px;
	top:80px;
	text-align:left;
	line-height:15px;
}