@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Rozha+One');
@import url('http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css');



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;

	}
	#section4{
		background-size:cover;
        overflow:hidden;

	}

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

	::selection{
	color:#fff; 
	background:#05a6a8;}

	::-moz-selection{
	color:#fff;
	background:#05a6a8;}

	.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{
min-width:1200px; 
position:relative;}

/* nav */
.top_menu{
width:100%; 
height:120px; 
position:fixed; 
color:#fff; 
z-index:9999; 
font-family: 'Montserrat', sans-serif;
font-weight:bold;
background: -moz-linear-gradient(top, rgba(51,51,51,0.1) 0%, rgba(51,51,51,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51,51,51,0.1) 0%, rgba(51,51,51,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(51,51,51,0.1) 0%, rgba(51,51,51,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.top_menu .top_logo a{ 
position:absolute; 
left:10%;
top:25px; 
font-size:30px; 
color:#fff;}

.top_menu .reser_btn{
position:absolute;
right:11%;
top:30px;}

.top_menu .reser_btn a{
color:#fff;}

.top_menu .reser_btn a div{
float:left; 
margin-right:10px; 
line-height:23px;}

.top_menu .menu_btn{
position:absolute;
right:5%;
top:30px; 
z-index:9999; 
transition:.4s;
cursor:pointer;}

.top_menu .menu_btn .three_line{
float:left; 
margin-top:3px;}

.top_menu .menu_btn .menu_txt{
float:left; 
margin-left:10px;
line-height:23px;}

.top_menu .menu_btn span{
width:22px; 
height:2px; 
border-radius:15px; 
background:#fff; 
display:block;}

.top_menu .menu_btn .span2{margin:6px 0;}


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


.top{
position:fixed; 
top:-380px; 
z-index:9990; 
width:100%; 
height:340px; 
transition:.5s; 
background:rgba(30,33,45,0.8);}

.t_menu{
position:absolute; 
left:50%; 
top:90px;
margin-left:-530px;}

.t_menu > li{
display:inline-block; 
margin-right:120px; 
font-size:17px; 
font-weight:bold;
position:relative;
}

.t_menu > li:last-child{
margin-right:15px;}

.t_menu > li > a{
color:#7daddb; 
height:30px; 
display:block; 
font-family: 'Montserrat', sans-serif;
}

.t_menu > li .sub_menu{
width:150px; 
text-align:center; 
margin-top:15px;
position:absolute; 
left:50%;
margin-left:-65px; 
font-family: "Noto Sans KR", sans-serif;
} 

.t_menu > li .sub_menu > li{
float:none;}

.t_menu > li .sub_menu > li a{
color:#ddd; 
padding:3px 10px; 
width:110%; 
display:block; 
font-size:14px; 
font-weight:400; 
transition:.3s;
margin-left:-20px;
}

.t_menu > li .sub_menu > li a:hover{
color:#fff;
text-decoration:underline;}

.top:before{
content: ""; 
display:block; 
width:100%; 
height:1px; 
background:#fff; 
position:absolute; 
top:125px; 
opacity:0.3;}

.drop{
top:0;}



/* contents */
.cont_box{
width:100%;
height:100%;
margin:auto; 
overflow:hidden; 
position:relative; 
z-index:9;}

.cont_box2{
width:100%; 
height:100%; 
overflow:hidden; 
position:relative;}

.cont_box3{
width:100%; 
height:100%;  
margin:auto; 
overflow:hidden; 
position:relative; 
z-index:9;}

.cont_box4{
width:100%;
margin:auto; 
overflow:hidden; 
position:relative; 
z-index:9;}


.scroll_mouse{
position:absolute;
bottom:8%;
left:54%; 
margin-left:-150px; 
z-index:99; 
overflow:hidden; 
transition:.3s;}

.scroll_mouse:hover{
bottom:7%;}



/* 1page_main */
.main_txt{
position:absolute; 
top:40%; 
left:47%; 
margin-left:-270px; 
z-index:3;
text-align:center; 
color:#fff; 
text-shadow:#555 0px 0px 3px;}

.main_txt .mt01{
font-family: 'Montserrat', sans-serif; 
font-size:25px; 
text-transform:uppercase; 
font-weight:400; 
letter-spacing:1px; 
opacity:0.9;}

.main_txt .mt02{
font-family: 'Montserrat', sans-serif; 
font-size:80px; 
letter-spacing:-3px; 
font-weight:700; 
text-transform:uppercase;
opacity:0.9;}

/* 2page_about */
#main2 * .bx-prev{
background:none; !important;}

#main2 * .bx-next{
background:none; !important;}

#main2 * .bx-wrapper .bx-pager.bx-default-pager a{
text-indent:0 !important; 
margin: 0 12px !important; 
border:none !important;
background:none !important;}

#main2 * .bx-wrapper .bx-pager.bx-default-pager a.active{
text-decoration:underline; 
border:none !important;}

#main2 * .bx-wrapper .bx-pager{
top:420px; !important;
right: 50%;
width: 200px;
margin-right:-85px;
}

.left51{
float:left; 
position:relative; 
background:#f4f4f4;
z-index:9;}

.center51{
width:100%; 
height:100%;
position:absolute; 
z-index:99;}

.center51 .bxslider li{
overflow:hidden;}

.ms_left{
text-align:center;
width:500px;
height:500px;
position:absolute;
top:20%;
left:47%;
margin-left:-210px;
background:rgba(255, 255, 255, 0.8);
border:1px solid #fff;
box-shadow:rgba(51, 51, 51, 0.8) 7px 7px 15px;
}

.ms_left .ms_s_title{
font-family: 'Montserrat', sans-serif; 
font-size:50px;
font-weight:700;
margin-top:10%;
padding-left:16%;}

.ms_left .ms_s_title span{
width:300px;
margin-top:1%;
font-family: "Noto Sans KR", sans-serif; 
font-size:14px; 
color:#666; 
display:block;
font-weight:normal;
}

.ms_left .ms_sub_title{
font-weight:normal; 
font-size:28px;
font-weight:600;  
margin-top:70px; 
margin-bottom:10px;}

.ms_left .ms_txt{
font-size:14px;}

.ms_left .ms_sbtn{
position:absolute;
display:block; 
text-align:center; 
line-height:40px; 
margin-top:40px; 
font-size:14px;
font-weight:400;
letter-spacing: 3px;
border-radius:500px; 
height:40px; 
width:180px;
border:1px solid #444240; 
transition:0.3s;
top:70%;
left:32%;
background:#444240; 
color:#fff;}

.ms_left .ms_sbtn:hover{
background:#a98065; 
color:#fff; 
border:1px solid #a98065;}

.ms_right{
width:100%; 
height:1200px;}


	#i_mainContents_5 
	{
		background-image	: url('http://homepageimg.infotown.kr/rosapension/images/common/bottom_bg.jpg');
/*			background-size		: cover;*/
		width				: 100%;
		height				: 100%;
		position			: relative;
		overflow			: hidden;
	}
    #i_mainContents_5 .content_5-1
	{
        margin-top			: 90px;
	    text-align			: center;
		overflow			: hidden;
	}


	#i_mainContents_5 .content_5-2
	{
		width				: 1600px;
		height				: 400px;
		position			: absolute;
		top					: 45%;
		left				: 50%;
		margin-left			: -800px;
	}

	#i_mainContents_5 .content_5-2-1,
	#i_mainContents_5 .content_5-2-2,
	#i_mainContents_5 .content_5-2-3,
	#i_mainContents_5 .content_5-2-4,
	#i_mainContents_5 .content_5-2-5
	{
		float				: left;
		width				: 300px;
		height				: 400px;
		overflow			: hidden;
		position			: relative;
		transition			: .3s;
	}

	#i_mainContents_5 .content_5-2-1 > img,
	#i_mainContents_5 .content_5-2-2 > img,
	#i_mainContents_5 .content_5-2-3 > img,
	#i_mainContents_5 .content_5-2-4 > img,
	#i_mainContents_5 .content_5-2-5 > img
	{
		width				: 300px;
		height				: auto;
		position			: absolute;
		top					: 0;
		left				: 0;
	}

	#i_mainContents_5 .content_5-2-1,
	#i_mainContents_5 .content_5-2-2,
	#i_mainContents_5 .content_5-2-3,
	#i_mainContents_5 .content_5-2-4
	{
		margin-right		: 25px;
	}

	#i_mainContents_5 .content_5-2-1:hover,
	#i_mainContents_5 .content_5-2-2:hover,
	#i_mainContents_5 .content_5-2-3:hover,
	#i_mainContents_5 .content_5-2-4:hover,
	#i_mainContents_5 .content_5-2-5:hover
	{
		float				: left;
		width				: 300px;
		height				: 400px;
		overflow			: hidden;
		position			: relative;
		-ms-transform		: translate(0px,-80px); /* IE 9 */
		-webkit-transform	: translate(0px,-80px); /* Safari */
		transform			: translate(0px,-80px); /* Standard syntax */
		cursor				: pointer;
	}




/* 3page_special */
#main3 * .bx-prev{
background:url(http://homepageimg.infotown.kr/theq24/images/common/left_on.jpg) !important; 
opacity:1 !important; 
left:-33.2%;}

#main3 * .bx-prev:hover{
background:url(http://homepageimg.infotown.kr/theq24/images/common/left.jpg) !important; 
opacity:1 !important;}

#main3 * .bx-next{
background:url(http://homepageimg.infotown.kr/theq24/images/common/right.jpg) !important;
opacity:1 !important; 
left:-16.7%;}

#main3 * .bx-next:hover{
background:url(http://homepageimg.infotown.kr/theq24/images/common/right_on.jpg) !important; 
opacity:1 !important;}

#main3 * .bx-wrapper .bx-pager{
display:none;}

.left52{
width:100%; 
height:100%; 
position:absolute; 
background:url(http://homepageimg.infotown.kr/rosapension/images/common/main_room.jpg)no-repeat  0;
}

.left52 .mr_pre_leftbox{
position:absolute;
bottom:30%; 
right:10%;
text-align:right;}

.left52 .mr_pre_title{
font-family: 'Montserrat', sans-serif;
font-size:50px;  
font-weight:700;}

.left52 .mr_pre_txt{
font-size:14px;}

.right52{
width:50%; 
height:100%; 
position:absolute; 
right:0;
background:#ccc;}

.room_info_bg{
width:100%; 
height:300px;
position:absolute; 
bottom:0;
background: -moz-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51,51,51,0) 0%, rgba(51,51,51,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(51,51,51,0) 0%, rgba(51,51,51,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.room_info_box{
position:absolute; 
bottom:110px;
left:120px; 
text-align:left; color:#fff;}

.room_info_box .room_name{
font-size:55px; 
font-weight:500; 
text-shadow:0px 0px 3px #555;}

.room_info_box .room_type{
font-size:20px; 
margin-bottom:40px; 
text-shadow:0px 0px 5px #777;}

.room_info_box .mr_btn{
color:#000; 
background:#fff; 
padding:10px 50px; 
font-size:14px;
font-weight:400;
letter-spacing: 3px;
border-radius:500px; }

.room_info_box .mr_btn:hover{
color:#fff; 
background:#444240; 
padding:10px 50px; 
font-size:14px;
font-weight:500;
letter-spacing: 3px;
border-radius:500px;}

/* 4page_special */
.left53{
width:50%; 
height:100%;  
position:absolute;
left:16.6%; 
text-align:left;}

.left53 a{
color:#333;}

.mp_info_subtitle{
position:absolute; 
top:25%; 
font-weight:500; 
color:#65bde0; 
font-family: 'Montserrat', sans-serif;}

.mp_info_title{
position:absolute;
top:30%;
left:-30px;
font-family: 'Montserrat', sans-serif; 
font-size:75px;
color:#a98065;
line-height:70px; 
font-weight:700;}

.mp_info_title span{
font-size:60px;
color:#333;}

.mp_select01{
position:absolute; 
bottom:380px; 
display:inline-block;}

.mp_select02{
position:absolute; 
bottom:310px;
display:inline-block;}

.mp_select03{
position:absolute;
bottom:240px; 
display:inline-block;}

.mp_select span{
font-family: 'Anton', sans-serif; 
font-size:30px;
letter-spacing:2px; 
padding-right:30px; 
display:inline-block;}

.mp_select{
font-size:14px;}

.mp_select:hover{
color:#a98065;} 

.mp_trans_img{
width:66.6%; 
height:82%; 
float:right; 
background:url(http://homepageimg.infotown.kr/bada52/images/room/4/13.jpg)center center;
background-size:cover; 
transition:0.3;}

.mp_select02:hover ~ .mp_trans_img{
background:url(http://homepageimg.infotown.kr/bada52/images/room/2/3.jpg)center center; 
background-size:cover;}

.mp_select03:hover ~ .mp_trans_img{
background:url(http://homepageimg.infotown.kr/bada52/images/room/4/4.jpg)left center; 
background-size:cover;}

.right53{
width:16.6%; 
height:100%; 
position:absolute; 
right:16.7%; 
text-align:right;}

.mp_con_box{
position:absolute; 
bottom:200px; 
right:0;}

.mp_con_title{
font-family: 'Montserrat', sans-serif; 
font-size:40px; 
font-weight:700;}

.mp_phone{
font-weight:bold; 
font-size:15px; 
margin:15px 0;}

.mp_address{
font-size:13px;}

.m_footer{
background:#1f212d; 
width:100%; 
height:80px; 
position:absolute; 
bottom:0; 
overflow:hidden; 
color:#fff; 
line-height:80px; 
font-size:12px; 
z-index:9999;}

.m_footer a{
font-weight:bold;
color:#7daddb;}


/* 4page */

.special_box .title{
text-align:center; 
position:absolute;
z-index:9;
top:12%; 
left:50%; 
margin-left:-190px; 
opacity:0.8;}

.special_box .title .t01{
font-size:14px;
opacity:0.9; 
color:#fff;}

.special_box .title .t02{
font-family: 'Montserrat', sans-serif; 
font-size:45px; 
font-weight:bold; 
margin-bottom:10px; 
color:#fff;}

.spe_con{
overflow:hidden; 
width:100%; 
height:100%; 
position:absolute;
background:#333;}

.spe_con .special_li{
float:left; 
width:19.9%;
height:100%; 
position:relative; 
border-right:1px solid rgba(153,153,153,0.8); 
overflow:hidden;}

.spe_con .special_li a{
display:block; 
height:100%;}

.spe_con .last{
border-right:none; 
width:20.1%;}

.spe_con .special_li:hover .bgt{
opacity:1;
transform:scale(1.1);}

.spe_con .special_li:hover .sp_txt{
color:#555;}

.bgt{
display:block; 
height:100%;
opacity:0.5; 
transition:.5s; 
transform:scale(1.0);}

.sp_txt2{
position:absolute; 
top:45%; 
left:50%; 
margin-left:-40px; 
color:#fff; 
z-index:6; 
transition:.2s;
text-align:center;}

.sp_txt2 .num{
font-size:60px; 
font-family: 'Montserrat', sans-serif; 
font-weight:bold; 
width:inherit;} 

.sp_txt2 .name1{
font-size:16px; 
width:inherit;}

.sp_txt2 .name2{
font-size:15px; 
height:21px; 
overflow:hidden; 
width:inherit;}

.sp_txt2 .name2 .name2_bg{
background:#1f212d;
height:21px; 
transition:ease-in .3s;}

.spe_con .special_li:hover .name2 .name2_bg{
margin-top:-20px;}


.aileen_txt{position:absolute; bottom:-20px;z-index:3; opacity:0.8;}
.aileen_txt2{position:absolute; top:50%; z-index:3; opacity:0.8; right:30px;display:inline-block;}
.aileen_txt2 span{display:inline-block; padding:3px 10px; background:#333; color:#fff; z-index:2; top:50px; left:210px; position:absolute; font-size:12px;}


.sub_wrap{overflow:hidden; margin-left:100px; min-height:800px}





/* basic con */
.contents{ 
width:100%; 
height:100%;
overflow:hidden;}

/* about */
.about_con1{
width:100%; 
height:850px;
position:relative;
overflow:hidden;}

.about_con1 .about_bg{
width:100%; 
height:100%;
background:#333;
opacity:0.5;}

.about_con1 .ac_txt{
position:absolute; 
left:45%; 
top:60%;
margin-left:-135px;
color:#fff;
text-align:center;}

.about_con1 .ac_txt .ac_txt01{
font-size:18px;}

.about_con1 .ac_txt .ac_txt02{
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:70px; 
margin-right:10px;}

.about_con1 .ac_txt .ac_txt03{
margin-top:100px; 
transition:0.3s;
cursor:pointer;}

.about_con1 .ac_txt .ac_txt03:hover{
margin-top:110px;}

.about_con2{
width:100%; 
height:700px; 
overflow:hidden;
position:relative;}

.about_con2 .left02{ 
float:left; 
padding:130px 0 0 140px;
position:absolute; 
z-index:9;}

.about_con2 .right02{
width:50%; 
height:100%; 
background:#ccc; 
float:right;}

.about_con2 .left02 .a01{
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:70px;
font-weight:500; 
line-height:70px; 
margin-bottom:15px;
letter-spacing:-3px;}

.about_con2 .left02 .a02{
font-size:12px;
opacity:0.5;}

.about_con2 .left02 .a03{
font-size:20px; 
color:#215a90; 
margin-top:100px; 
margin-bottom:20px; 
font-weight:500;}

.about_con2 .left02 .a04{
line-height:25px; 
font-size:14px;}

.about_con3{
width:100%;
height:940px; 
overflow:hidden; 
background:#cfd9e4; 
position:relative;
text-align:center;}

.about_con3 .c01{
margin-top:120px; 
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:70px; 
font-weight:500; 
color:#454545;
letter-spacing:-3px;}

.about_con3 .c02{
margin-top:10px;}

.about_con3 .c02 span{
background:#fff;}

.about_con3 .c03{
margin-top:100px;}

.about_con3 .c03 li{
display:inline-block;
width:250px; 
height:250px; 
border-radius:150px;
margin:0 1.5%; 
border:2px solid #fff; 
padding:4px; 
position:relative;}

.about_con3 .c03 li div{
width:100%; 
height:100%;
background:#333; 
border-radius:150px;}

.about_con3 .c03 li .num{
width:60px; 
height:60px; 
border-radius:30px;
background:#fff; 
position:absolute;
top:0px; 
line-height:60px; 
font-weight:bold; 
font-size:18px; 
font-family: 'Montserrat', sans-serif;}

.about_con3 .c03 li .title{
margin:30px auto 10px; 
font-weight:bold; 
font-size:15px; 
color:#444;}

.about_con3 .c03 li .txt{
line-height:22px;
color:#555; 
font-size:14px;}

.about_con4{
width:100%; 
height:860px; 
background:#fff; 
position:relative; 
text-align:center;}

.about_con4 .d01{
position:absolute;
top:-80px; 
left:50%; 
margin-left:-43%;
width:86%;
height:860px;}

.about_con4 .d01 .d001{
width:1px;
height:150px; 
background:#fff; 
position:absolute;
top:-80px;
left:50%;}

.about_con4 .d01 .d002{ 
font-family: 'Cormorant Garamond', sans-serif; 
font-size:50px;
font-weight:500;
color:#fff; 
margin-top:60px;
line-height:75px;
margin-bottom:10px; 
text-shadow:#aaa 0px 0px 1px;}

.about_con4 .d01 .d002 span{
font-size:80px;}

.about_con4 .d01 .d003{
width:1px; 
height:40px; 
background:#fff; 
position:absolute; 
top:25%; 
left:50%;}

/* exterior */
.view_txt{
position:absolute; 
top:32%;
left:50%;
margin-left:-165px; 
color:#fff;
text-shadow:rgba(0,0,0,0.5) 0px 0px 3px; 
animation:ani2 2s ease; 
-webkit-animation: ani2 2s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

.view_txt .v01{
font-size:18px;}

.view_txt .v02{
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:65px;
line-height:95px;}

.view_txt .v03{
width:30px; 
height:1px; 
background:#fff; 
margin:30px auto 35px;}

.view_txt .v04{
font-family: 'Montserrat', sans-serif;
font-size:16px;}

@-webkit-keyframes ani2 {
    from { -webkit-filter: opacity(0%); filter: opacity(0%); 
	top:0;}
    to {-webkit-filter: opacity(100%); filter: opacity(100%); 
	top:25%;}
}
@keyframes ani2 {
    from {filter:alpha(opacity=0); 
	opacity:0;
	top:0;}
    to {filter:alpha(opacity=1); 
	opacity:1;
	top:25%;}
}


/* map */
.map_con{
width:100%; 
height:850px; 
position:relative;
overflow:hidden;}

.map_con .mmap_bg{
width:100%; 
height:100%; 
background:#333; 
opacity:0.2;}

.map_con .map_txt{
position:absolute; 
left:50%; 
top:60%;
margin-left:-269px; 
color:#fff; 
text-align:center;}

.map_con .map_txt .map_txt01{
font-size:18px;}

.map_con .map_txt .map_txt02{
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:65px;
margin-right:10px;}

.map_con .map_txt .map_txt03{
margin-top:100px; 
transition:0.3s; 
cursor:pointer;}

.map_con .map_txt .map_txt03:hover{
margin-top:110px}

.map_wrap{
width:100%; 
height:600px; 
padding-top:50px;}

.map_wrap .car{
width:40%; 
position:relative;
left:15%;}

.map_wrap .car .car01{
font-family: 'Montserrat', sans-serif; 
font-size:180px; 
opacity:0.1; 
position:absolute;}

.map_wrap .car .car02{
font-family: 'Rozha One', serif;
font-size:60px; 
position:absolute;
top:100px; 
left:80px;}

.map_wrap .car .car03{
font-size:13px; 
position:absolute; 
top:140px; 
left:200px; 
color:#fff; 
display:inline-block;
padding:3px 18px; 
background:#333;}

.map_wrap .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_wrap .public{
width:40%; 
position:relative; 
left:55%;
margin-left:50px;}

.map_wrap .public .public01{
font-family: 'Montserrat', sans-serif;
font-size:180px; 
opacity:0.1; 
position:absolute;}

.map_wrap .public .public02{
font-family: 'Rozha One', serif;
font-size:60px;
position:absolute; 
top:100px;
left:80px;}

.map_wrap .public .public03{
font-size:13px; 
position:absolute;
top:140px;
left:280px; 
color:#fff; 
display:inline-block;
padding:3px 18px; 
background:#333;}

.map_wrap .public .public04{
font-size:14px;
position:absolute; 
top:200px;}

.map{
width:100%;}

.map .map_txt00{
float:left;
position:relative; 
height:200px;
left:12%; 
margin-left:50px;}

.map_txt00 .map01{
font-family: 'Montserrat', sans-serif;
font-size:180px; 
opacity:0.1;
position:absolute;}

.map_txt00 .map02{
font-family: 'Rozha One', serif;
font-size:60px;
position:absolute; 
top:100px; 
left:80px;}

.map_txt00 .map03{
font-size:13px;
position:absolute; 
top:140px; 
left:220px;
color:#fff; 
display:inline-block; 
width:50px; 
height:28px; 
text-align:center; 
line-height:28px;
background:#333;}

.map_txt00 .map04{
font-size:13px; 
position:absolute;
top:200px; 
left:20px; 
width:300px;}

.map .map_box{
float:left; 
position:relative; 
left:30%; 
width:55%; 
height:500px;
margin:0 auto 130px; 
background:#eee;}


/* room pre */
.room_bg{
width:100%; 
height:100%; 
background: -moz-linear-gradient(top, rgba(51,51,51,0.3) 0%, rgba(51,51,51,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(51,51,51,0.3) 0%, rgba(51,51,51,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(100,80,51,0.3) 0%, rgba(51,51,51,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.rp_con{
width:100%; 
height:850px;
position:relative; 
overflow:hidden;}

.rp_con .rp_bg{
width:100%;
height:100%;
background:#333; 
opacity:0.2;}

.rp_con .rp_txt{
position:absolute; 
left:50%;
top:60%;
margin-left:-300px; 
color:#fff; 
text-align:center;}

.rp_con .rp_txt .rp_txt01{
font-size:16px;}

.rp_con .rp_txt .rp_txt02{
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:65px; 
margin-right:10px;}

.rp_con .rp_txt .rp_txt03{
margin-top:100px; 
transition:0.3s; 
cursor:pointer;}

.rp_con .rp_txt .rp_txt03:hover{
margin-top:110px;}

.room_review{
max-width:1500px; 
overflow:hidden; 
position:relative;
margin:80px auto; 
z-index:999;}

.room_review .room_select{
width:100%; 
overflow:hidden;
margin:0 auto;}

.room_review .room_select li{
width:31%; 
margin-right:3%; 
float:left; 
background:#fff; 
border:1px solid #fff; 
margin-bottom:60px; 
transition:.3s; 
box-shadow:#999 7px 7px 15px;}

.room_review .room_select li.center{
margin-top:40px;}

.room_review .room_select li.last{
margin-right:0;}

.room_review .room_select li a{
display:block; 
text-align:center;}

.room_review .room_select li a .rp_img{
width:100%; 
height:300px; 
background:#ccc;}

.room_review .room_select li a .rp_select_txt{
font-family: 'Montserrat', sans-serif; 
font-size:14px;
margin-top:25px; 
color:#000;}

.room_review .room_select li a .rp_name{
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:45px; 
color:#000;}

.room_review .room_select li a .rp_plus{
background: url("http://homepageimg.infotown.kr/theq24/images/common/rp_plus.png")  no-repeat center; 
padding-bottom:80px;
}

.room_review .room_select li a:hover .rp_name{
color:#a98065;}

.room_review .room_select li a:hover .rp_plus{
background: url("http://homepageimg.infotown.kr/theq24/images/common/rp_plus_on.png") no-repeat center; 
padding-bottom:80px;
}

.room_review .room_select li:hover{
border:1px solid #574b41;}


/* room1.php CSS
 * --------------------------------------- */

.room_the_more{
width:260px; 
height:200px; 
position:fixed;
left:50%; 
top:75%; 
margin-left:-130px; 
margin-top:-350px; 
text-align:center;
z-index:3;
font-size:30px;
color:#313131;
font-weight:bold;}

.room_the_more a{
font-size:14px; 
color:#fff; 
width:100px; 
height:100px;
border-radius:100%;
overflow:hidden; 
margin-top:30px; 
display:inline-block;
border:2px solid #fff; 
box-shadow:3px 1px 5px #b5b5b5; }

.room_the_more a span{
display:inline-block; 
padding-top:32px;
transition: all 250ms ease-in-out;}

.room_the_more span.blue{
color:#ffffff;
font-family: 'Montserrat', sans-serif;
font-size:90px;
text-shadow:2px 2px 5px #737373;}

.room_the_more span.blues{
color:#ffffff;
font-size:80px;
text-shadow:2px 2px 5px #737373;}


.room_the_more span.blue_d{
font-size:18px;
color:#333;}

.room_the_more a.blue{
color:#fff;
background:#444240; 
transition: all 250ms ease-in-out; }

.room_the_more a.blue:hover{
color:#fff;
background:#2c3456; 
transition: all 250ms ease-in-out;}

.the_room_price{
position:fixed; 
top:0px; 
left:0px; 
width:100%; 
height:100%; 
z-index:4;}

.the_room_price .r_warp_box{
margin:30px;
height:100%; 
text-align:center;}

.the_room_price .r_warp_box .price_box{
width:1000px;
background:#ffffff;
top:30%; 
left:50%;
margin-left:-500px; 
position:absolute; 
text-align:center;
box-shadow:rgba(51, 51, 51, 0.6) 7px 7px 15px;}

.the_room_price .r_warp_box .price_box .inc{
padding:50px;}

.the_room_price .r_warp_box .close{
font-size:14px;
color:#fff;
width:100px; 
height:100px;
border-radius:100%; 
overflow:hidden; 
margin-top:30px; 
display:inline-block; 
border:2px solid #fff; 
box-shadow:3px 1px 5px #b5b5b5;
background:#313131; 
position:absolute; 
bottom:15%;
left:50%; 
margin-left:-50px; 
transition: all 250ms ease-in-out; 
z-index:5;}

.the_room_price .r_warp_box .close span{
display:inline-block; 
padding-top:25px;}

.the_room_price .r_warp_box .close:hover{
background:rgba(49, 49, 49 0.8); 
transition: all 250ms ease-in-out;}

#r1_1{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/1.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_2{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/2.jpg); 
background-size:cover;
background-position:bottom;}

#r1_3{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/3.jpg); 
background-size:cover;
background-position:bottom;}

#r1_4{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/4.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_5{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/5.jpg);
background-size:cover; 
background-position:bottom;}

#r1_6{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/6.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_7{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/7.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_8{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/8.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_9{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/9.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_10{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/10.jpg); 
background-size:cover;
background-position:bottom;}

#r1_11{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/11.jpg); 
background-size:cover;
background-position:bottom;}

#r1_12{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/12.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_13{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/13.jpg);
background-size:cover; 
background-position:bottom;}

#r1_14{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/14.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_15{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/15.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_16{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/16.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_17{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/17.jpg); 
background-size:cover; 
background-position:bottom;}

#r1_18{
background: url(http://homepageimg.infotown.kr/rosapension/images/101/18.jpg); 
background-size:cover; 
background-position:bottom;}





#r2_1{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/1.jpg); 
background-size:cover; 
background-position:bottom;}

#r2_2{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/2.jpg); 
background-size:cover;
background-position:bottom;}

#r2_3{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/3.jpg); 
background-size:cover;
background-position:bottom;}

#r2_4{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/4.jpg); 
background-size:cover; 
background-position:bottom;}

#r2_5{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/5.jpg);
background-size:cover; 
background-position:bottom;}

#r2_6{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/6.jpg); 
background-size:cover; 
background-position:bottom;}

#r2_7{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/7.jpg); 
background-size:cover; 
background-position:bottom;}

#r2_8{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/8.jpg); 
background-size:cover; 
background-position:bottom;}

#r2_9{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/9.jpg); 
background-size:cover; 
background-position:bottom;}

#r2_10{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/10.jpg); 
background-size:cover;
background-position:bottom;}

#r2_11{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/11.jpg); 
background-size:cover;
background-position:bottom;}

#r2_12{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/12.jpg); 
background-size:cover; 
background-position:bottom;}

#r2_13{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/13.jpg);
background-size:cover; 
background-position:bottom;}

#r2_14{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/14.jpg); 
background-size:cover; 
background-position:bottom;}

#r2_15{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/15.jpg); 
background-size:cover; 
background-position:bottom;}

#r2_16{
background: url(http://homepageimg.infotown.kr/rosapension/images/102/16.jpg); 
background-size:cover; 
background-position:bottom;}




#r3_1{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/1.jpg); 
background-size:cover; 
background-position:bottom;}

#r3_2{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/2.jpg); 
background-size:cover;
background-position:bottom;}

#r3_3{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/3.jpg); 
background-size:cover;
background-position:bottom;}

#r3_4{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/4.jpg); 
background-size:cover; 
background-position:bottom;}

#r3_5{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/5.jpg);
background-size:cover; 
background-position:bottom;}

#r3_6{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/6.jpg); 
background-size:cover; 
background-position:bottom;}

#r3_7{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/7.jpg); 
background-size:cover; 
background-position:bottom;}

#r3_8{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/8.jpg); 
background-size:cover; 
background-position:bottom;}

#r3_9{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/9.jpg); 
background-size:cover; 
background-position:bottom;}

#r3_10{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/10.jpg); 
background-size:cover;
background-position:bottom;}

#r3_11{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/11.jpg); 
background-size:cover;
background-position:bottom;}

#r3_12{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/12.jpg); 
background-size:cover; 
background-position:bottom;}

#r3_13{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/13.jpg);
background-size:cover; 
background-position:bottom;}

#r3_14{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/14.jpg); 
background-size:cover; 
background-position:bottom;}

#r3_15{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/15.jpg); 
background-size:cover; 
background-position:bottom;}

#r3_16{
background: url(http://homepageimg.infotown.kr/rosapension/images/103/16.jpg); 
background-size:cover; 
background-position:bottom;}




#r4_1{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/1.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_2{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/2.jpg); 
background-size:cover;
background-position:bottom;}

#r4_3{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/3.jpg); 
background-size:cover;
background-position:bottom;}

#r4_4{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/4.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_5{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/5.jpg);
background-size:cover; 
background-position:bottom;}

#r4_6{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/6.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_7{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/7.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_8{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/8.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_9{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/9.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_10{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/10.jpg); 
background-size:cover;
background-position:bottom;}

#r4_11{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/11.jpg); 
background-size:cover;
background-position:bottom;}

#r4_12{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/12.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_13{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/13.jpg);
background-size:cover; 
background-position:bottom;}

#r4_14{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/14.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_15{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/15.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_16{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/16.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_17{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/17.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_16{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/16.jpg); 
background-size:cover; 
background-position:bottom;}

#r4_17{
background: url(http://homepageimg.infotown.kr/rosapension/images/104/17.jpg); 
background-size:cover; 
background-position:bottom;}



#r5_1{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/1.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_2{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/2.jpg); 
background-size:cover;
background-position:bottom;}

#r5_3{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/3.jpg); 
background-size:cover;
background-position:bottom;}

#r5_4{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/4.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_5{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/5.jpg);
background-size:cover; 
background-position:bottom;}

#r5_6{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/6.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_7{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/7.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_8{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/8.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_9{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/9.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_10{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/10.jpg); 
background-size:cover;
background-position:bottom;}

#r5_11{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/11.jpg); 
background-size:cover;
background-position:bottom;}

#r5_12{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/12.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_13{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/13.jpg);
background-size:cover; 
background-position:bottom;}

#r5_14{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/14.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_15{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/15.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_16{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/16.jpg); 
background-size:cover; 
background-position:bottom;}

#r5_17{
background: url(http://homepageimg.infotown.kr/rosapension/images/201/17.jpg); 
background-size:cover; 
background-position:bottom;}





#r6_1{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/1.jpg); 
background-size:cover; 
background-position:bottom;}

#r6_2{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/2.jpg); 
background-size:cover;
background-position:bottom;}

#r6_3{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/3.jpg); 
background-size:cover;
background-position:bottom;}

#r6_4{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/4.jpg); 
background-size:cover; 
background-position:bottom;}

#r6_5{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/5.jpg);
background-size:cover; 
background-position:bottom;}

#r6_6{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/6.jpg); 
background-size:cover; 
background-position:bottom;}

#r6_7{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/7.jpg); 
background-size:cover; 
background-position:bottom;}

#r6_8{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/8.jpg); 
background-size:cover; 
background-position:bottom;}

#r6_9{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/9.jpg); 
background-size:cover; 
background-position:bottom;}

#r6_10{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/10.jpg); 
background-size:cover;
background-position:bottom;}

#r6_11{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/11.jpg); 
background-size:cover;
background-position:bottom;}

#r6_12{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/12.jpg); 
background-size:cover; 
background-position:bottom;}

#r6_13{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/13.jpg);
background-size:cover; 
background-position:bottom;}

#r6_14{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/14.jpg); 
background-size:cover; 
background-position:bottom;}

#r6_15{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/15.jpg); 
background-size:cover; 
background-position:bottom;}

#r6_16{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/16.jpg); 
background-size:cover; 
background-position:bottom;}




#r7_1{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/1.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_2{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/2.jpg); 
background-size:cover;
background-position:bottom;}

#r7_3{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/3.jpg); 
background-size:cover;
background-position:bottom;}

#r7_4{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/4.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_5{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/5.jpg);
background-size:cover; 
background-position:bottom;}

#r7_6{
background: url(http://homepageimg.infotown.kr/rosapension/images/202/6.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_7{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/7.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_8{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/8.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_9{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/9.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_10{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/10.jpg); 
background-size:cover;
background-position:bottom;}

#r7_11{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/11.jpg); 
background-size:cover;
background-position:bottom;}

#r7_12{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/12.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_13{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/13.jpg);
background-size:cover; 
background-position:bottom;}

#r7_14{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/14.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_15{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/15.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_16{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/16.jpg); 
background-size:cover; 
background-position:bottom;}

#r7_17{
background: url(http://homepageimg.infotown.kr/rosapension/images/203/17.jpg); 
background-size:cover; 
background-position:bottom;}




/* special */
.sp_info{
position:absolute; 
top:35%; 
left:50%; 
margin-left:-400px;
width:800px;
text-align:center;
}

.sp_info2{
position:absolute;
top:35%;
left:50%;
margin-left:-180px;}

.sp_info3{
position:absolute;
top:35%; 
left:50%;
margin-left:-210px;}

.sp_info4{
position:absolute; 
top:35%;
left:50%; 
margin-left:-235px;}

.sp_title{

color:#fff; 
text-shadow:#333 0px 0px 3px;
}

.sp_title .sp01{
font-family: 'Montserrat', sans-serif;
font-weight:bold;
font-size:70px;}

.sp_title .sp02{
width:40px; 
height:1px;
background:#fff;
margin:20px auto;}

.sp_title .sp03{
font-size:35px; 
font-weight:500;
margin-bottom:60px;}

.sp_title .open_btn{
border:1px solid #333;
background:#333;
padding: 8px 15px; 
color:#fff;
font-size:13px; 
font-weight:bold;
cursor:pointer; 
transition:.5s;}

.sp_title .open_btn:hover{
background:#fff;
border:1px solid #333;
color:#333; 
text-shadow:none;}

.sp_txt{
position:absolute; 
top:46%; 
left:50%; 
margin-left:-390px; 
z-index:9999; 
width:580px; 
padding:50px 100px 120px; 
display:none;
background:#fff;
font-size:14px; 
text-align:center;
box-shadow:rgba(51, 51, 51, 0.6) 7px 7px 15px;
}

.sp_txt span{
font-size:35px; 
font-weight:bold;
text-align:center;}


.sp_txt .close_btn{
border:1px solid #333; 
padding: 8px 15px; 
color:#555; 
font-size:13px; 
font-weight:bold; 
cursor:pointer; 
transition:.5s; 
position:absolute; 
left:42%; 
bottom:50px;}

.sp_txt .close_btn:hover{
background:#333; 
color:#fff; 
text-shadow:none;}

.sp_select{
width:100%; 
height:430px; 
transition:.7s; 
text-align:center;
background:url(http://homepageimg.infotown.kr/rosapension/images/common/sp_bg.jpg)}

.sp_select .sps01{
font-family: 'Cormorant Garamond', sans-serif; 
text-shadow:#000 0px 0px 3px;
font-weight:bold;
font-size:50px; 
color:#ffffff; 
padding-top:50px;}

.sp_select .sps02{
font-size:14px;
text-shadow:#000 0px 0px 3px;
color:#ffffff; 
margin-bottom:60px;}

.sp_select .s_select{
text-align:center;}

.sp_select .s_select li{
display:inline-block;
margin-right:55px;}

.sp_select .s_select li.last_m{
margin:0px;}

.sp_select .s_select li a{
width:180px; 
height:180px; 
border:1px solid rgba(255,255,255,0.9); 
border-radius:90px; 
display:block; 
text-align:center; 
line-height:180px; 
font-size:18px; 
font-weight:700;
color:#fff;
transition:.5s; 
text-shadow:#000 0px 0px 3px;}

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


/* tour */
.tour_con{
width:100%; 
height:850px; 
position:relative; 
overflow:hidden;}

.tour_con .tour_bg{
width:100%; 
height:100%; 
background:#333; 
opacity:0.2;}

.tour_con .tour_txt{
position:absolute; 
left:50%; 
top:60%; 
margin-left:-189px; 
color:#fff;
text-align:center;}

.tour_con .tour_txt .tour_txt01{
font-size:18px;}

.tour_con .tour_txt .tour_txt02{
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:70px; 
margin-right:10px;}

.tour_con .tour_txt .tour_txt03{
margin-top:100px; 
transition:0.3s; 
cursor:pointer;}

.tour_con .tour_txt .tour_txt03:hover{
margin-top:110px;}

.tour_con1{
overflow:hidden; 
margin:50px 0;}

.tour_con1 .tour_left{
float:left; 
width:40%; 
margin-left:10%; 
height:460px;
text-align:center;}

.tour_con1 .tour_right{
float:left;
margin-left:4%; 
width:35%; 
height:420px;}

.tour_con1 .tour_right .tp01{
font-size:30px; 
font-weight:bold; 
margin-top:30px;}

.tour_con1 .tour_right .tp02{
color:#999; 
font-size:14px;}

.tour_con1 .tour_right .tp03{
font-size:14px; 
border-top:1px solid #ddd; 
border-bottom:1px solid #ddd; 
margin:35px auto 0; 
padding:30px 50px; 
line-height:25px;}


/* reser */
.reser_con1{
width:100%; 
height:850px; 
position:relative;
overflow:hidden;}

.reser_con1 .reser_bg{
width:100%; 
height:100%; 
background:#333; 
opacity:0.2;}

.reser_con1 .reser_txt{
position:absolute;
left:50%;
top:60%; 
margin-left:-335px; 
color:#fff;
text-align:center;}

.reser_con1 .reser_txt .reser_txt01{
font-size:18px;}

.reser_con1 .reser_txt .reser_txt02{
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:70px;
margin-right:10px;}

.reser_con1 .reser_txt .reser_txt03{
margin-top:100px; 
transition:0.3s; 
cursor:pointer;}

.reser_con1 .reser_txt .reser_txt03:hover{
margin-top:110px;}

.reser_con{
width:1200px; 
margin:100px auto 0; 
height:800px; 
background:#fff; 
position:relative;
}

.reser_con .reser_left{
float:left;
}

.reser_con .reser_left .reser_p{
font-size:14px; 
margin-left:100px; 
margin-top: 100px;
line-height:28px;
}

.reser_con .reser_left .reser_up{
margin-left:180px;
margin-top:100px;
}

.reser_con .reser_left .rp00{
font-family: 'Montserrat', sans-serif; 
font-weight:500; 
font-size:180px; 
opacity:0.1; 
letter-spacing:-10px}

.reser_con .reser_left .rp01{
position:absolute; 
left:85px; 
top:45px;
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:60px;}

.reser_con .reser_left .rp02{
position:absolute; 
left:85px; 
top:115px;
font-size:14px;}

.reser_con .reser_left .rp03{
position:absolute; 
left:85px; 
top:135px; 
font-size:11px; 
font-family: "Noto Sans KR", sans-serif;
color:#ccc;}

.reser_con .reser_img1{
position:absolute;
bottom:50px; 
right:0;
width:520px; 
height:360px;
background:#333;
z-index:99;}

.reser_con .reser_img2{
position:absolute; 
bottom:-100px;
width:450px; 
height:340px; 
background:#333;
}

.reser_con .reser_img3{
position:absolute; 
bottom:5%; 
left:40%; 
width:340px; 
height:240px; 
background:#333;}

.reser_con .reser_img4{
position:absolute;
bottom:5%; 
left:70%; 
width:340px; 
height:240px;
background:#333;}

.reser_con .reser_right{
float:left;
}

.reser_con .reser_right .reser_p{
font-size:14px;  
line-height:28px;}

.reser_con .reser_right .reser_up{
margin-left:360px;
margin-top:180px;}

.reser_con .reser_right .rp00{
position:absolute; 
right:20px;
font-family: 'Montserrat', sans-serif;  
font-weight:500; 
font-size:180px; 
opacity:0.1;
letter-spacing:-10px;}

.reser_con .reser_right .rp01{
position:absolute;
right:85px;
top:45px; 
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:60px;}

.reser_con .reser_right .rp02{
position:absolute;
right:85px; 
top:115px;
font-size:14px;}

.reser_con .reser_right .rp03{
position:absolute;
right:85px; 
top:135px;
font-size:11px;
font-family: "Noto Sans KR", sans-serif;
text-align:right; 
color:#ccc;}


/* board */
.co_con1{
width:100%; 
height:850px; 
position:relative; 
overflow:hidden;}

.co_con1 .co_bg{
width:100%; 
height:100%; 
background:#333; 
opacity:0.5;}

.co_con1 .co_txt{
position:absolute; 
width:268px;
text-align:center; 
left:50%; 
top:60%;
margin-left:-134px;
color:#fff; 
text-align:center;}

.co_con1 .co_txt .co_txt01{
font-size:18px;}

.co_con1 .co_txt .co_txt02{
font-family: 'Cormorant Garamond', sans-serif; 
font-weight:bold;
font-size:70px;
margin-right:10px;}

.co_con1 .co_txt .co_txt03{
margin-top:100px;
transition:0.3s; 
cursor:pointer;}

.co_con1 .co_txt .co_txt03:hover{
margin-top:110px;}

.board_menu{
text-align:center; 
margin:50px 0 100px;}

.board_menu li{
display:inline-block; 
font-size:14px;
margin:0 2px;}

.board_menu li a{
display:block; 
padding:7px 25px;
border:2px solid #ddd; 
color:#333;}

.board_menu li a:hover{
border:2px solid #aaa; 
color:#666;}

.board_menu li a.on{
background:#555; 
border:2px solid #555; 
color:#fff;}

.cont_box .board{
width:1200px; 
margin:0 auto 150px;}

/* footer */
.footer{
width:100%; 
overflow:hidden;
padding:40px 0;
background:#454545;
font-size:13px; 
text-align:center;
color:#fff; 
position:absolute;
z-index:9999;}

.footer .ft01{
font-weight:bold;
font-size:15px; 
color:#cfd9e4;}

.footer .ft02{
margin:20px 0;
color:#ddd;
}

.footer .ft03{
color:#aaa;}

.footer .ft03 .ofarm{
color:#ddd;}

.footer .ft03 .bold{
font-weight:bold;
color:#00fffc;}