@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url('https://fonts.googleapis.com/css?family=Nunito|Prata');
@import url('https://fonts.googleapis.com/css?family=Montserrat');


html, body{font-family: "Noto Sans KR", sans-serif; overflow-x:hidden;}
	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 14px;
		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;
	}
	#section2{
		background-size:cover;
	}
	#section3{
		background-size:cover;
        overflow:hidden;
	}
	#section3 h1{
		color: #000;
	}

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

	::selection{color:#fff; background:#566d9a;}

.wrap{width:100%; height:100%;}



/*=====================================================================

                               PC ver.

======================================================================*/


@media(max-width:1024px){
/* nav */
.nav{width:100%; height:80px; position:fixed; z-index:9999; background:rgba(106,106,106,0.5)}
.nav .logo{position:absolute; top:12px; left:20px; background:url(http://homepageimg.infotown.kr/star5/images/common/logo_w.png);width:225px; height:55px; display:block;}
.nav .menu{display:none;}

.nav .reser_btn{position:absolute; top:22px; right:170px; color:#fff; z-index:9999;}
.nav .reser_btn .reser_text{float:left; letter-spacing:1px; line-height:30px; font-size:30px; margin-right:8px;}
.nav .reser_btn .reser_img1{float:left; margin-top:6px;}
.nav .reser_btn .reser_img2{display:none;}

.nav .menu_btn{position:absolute; right:15px; top:27px; z-index:9999; transition:.4s; cursor:pointer; color:#fff;}
.nav .menu_btn .menu_txt{ float:left; margin-right:8px; line-height:20px; letter-spacing:1px; font-size:30px;}
.nav .menu_btn .three_line{float:left;}
.nav .menu_btn span{width:25px; height:3px; border-radius:15px; background:#fff; display:block;}
.nav .menu_btn .span2{margin:7px 0;}

/* 메뉴버튼 - 라인이 하나로 합쳐졌다가 엑스자 만들기 */
.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(10px) rotate(45deg);
    }
    50% {
        -webkit-transform : translateY(10px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0);
    }
}
@keyframes menu-bar07-01 {
    0% {
        transform : translateY(10px) rotate(45deg);
    }
    50% {
        transform : translateY(10px) 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(-10px) rotate(-45deg);
    }
    50% {
        -webkit-transform : translateY(-10px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(0) rotate(0);
    }
}
@keyframes menu-bar07-02 {
    0% {
        transform : translateY(-10px) rotate(-45deg);
    }
    50% {
        transform : translateY(-10px) 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(10px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(10px) rotate(45deg);
    }
}
@keyframes active-menu-bar07-01 {
    0% {
        transform : translateY(0) rotate(0);
    }
    50% {
        transform : translateY(10px) rotate(0);
    }
    100% {
        transform : translateY(10px) 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(-10px) rotate(0);
    }
    100% {
        -webkit-transform : translateY(-10px) rotate(-45deg);
    }
}
@keyframes active-menu-bar07-02 {
    0% {
        transform : translateY(0) rotate(0);
    }
    50% {
        transform : translateY(-10px) rotate(0);
    }
    100% {
        transform : translateY(-10px) rotate(-45deg);
    }
}

.mmenu{position:fixed; top:-130%; height:100%; width:100%; background:rgba(51,51,51,1); padding-top:130px; z-index:999; transition:.5s;}
.mmenu li{text-align:center; }
.mmenu li a{color:#fff; display:block; font-weight:bold; text-decoration:underline; font-size:26px}
.mmenu li .sub_menu{overflow:hidden; margin:10px auto 50px; text-align:center;}
.mmenu li .sub_menu li{float:left;}
.mmenu li .sub_menu li a{font-size:25px; color:#efefef; font-weight:normal; text-decoration:none;}
.mmenu li.menu_line{margin:0 10px; color:#aaa; font-size:15px; line-height:30px;}

.drop_menu{top:0;}


/* contents */
.cont_box{height:100%; overflow:hidden; position:relative;}
.contents{ width:100%; height:100%; overflow:hidden; position:relative;}

/* 1page_main */
.slider_over{position:absolute; top:0 left:0; z-index:2; width:100%; height:100%; background:#333; opacity:0.1;}
.slider_txt{position:absolute; top:38%; left:50%; margin-left:-232px; z-index:3; text-align:center; color:#fff;}
.slider_txt .pension_title{font-family: 'Prata', serif; font-size:90px; line-height:90px;}
.slider_txt .Pension_description{font-size:22px; margin-top:10px;line-height:25px}
.slider_txt .Pension_point{font-size:30px; margin-top:10px;}
.scroll{position:absolute; bottom:40px; left:50%; margin-left:-14px; z-index:99; font-family: 'Montserrat', sans-serif; color:#fff; font-weight:bold; font-size:12px;}


/* 2page_about */
.fishing_over{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:#333; opacity:0.3;}
.fishing_txt{position:absolute; top:38%; left:5%; z-index:3; text-align:left; color:#fff;}
.fishing_txt .fishing_title{font-size:95px; font-weight:300;}
.fishing_txt .fishing_description{font-size:16px; margin-bottom:30px;}
.fishing_txt .fishing{background:#fff; padding:9px 30px; font-size:15px; color:#333;}

/* 3page_room */
.special_select{width:100%; height:100%; overflow:hidden;}
.special_select li{width:100%; height:20%; transition:0.5; overflow:hidden; background:#000}
.special_select li a{width:100%; height:100%; display:inline-block; position:relative; text-align:center; color:#fff; z-index:3; }
.special_select li a .special_txt{position:absolute; z-index:9; top:25%; width:200px; left:50%; margin-left:-100px; text-shadow:0px 0px 2px #555;}
.special_select li a .special_txt .p1{font-family: 'Prata', serif; font-size:20px; line-height:22px; opacity:0.8}
.special_select li a .special_txt .p2{font-size:30px; margin:10px 0;}
.special_select li a .special_txt .p3{display:none;}
.special_select li a .bg_opacity{position:absolute; width:100%; height:100%; opacity:0.6; transition:0.6s;}
.special_select li a .spe1{background:url(http://homepageimg.infotown.kr/star5/images/special/1/3.jpg)center bottom; background-size:cover;}
.special_select li a .spe2{background:url(http://homepageimg.infotown.kr/star5/images/special/2/5.jpg)center center; background-size:cover;}
.special_select li a .spe3{background:url(http://homepageimg.infotown.kr/star5/images/special/3/2.jpg)center right; background-size:cover;}
.special_select li a .spe4{background:url(http://homepageimg.infotown.kr/star5/images/special/4/2.jpg)center center; background-size:cover;}
.special_select li a .spe5{background:url(http://homepageimg.infotown.kr/star5/images/special/5/1.jpg)center center; background-size:cover;}
.special_select li:hover a .bg_opacity{opacity:1; transform:scale(1.1);}
.special_select li:hover a .special_txt{text-shadow:0px 0px 5px #555;}

/* 4page_special */
.room_select_title{font-family: 'Prata', serif; font-size:100px; color:#333; position:absolute; left:50%; margin-left:-197px; top:12%; z-index:5;}
.room_select{width:100%; height:80%; overflow:hidden; margin-top:25%}
.room_select li{width:50%; height:50%; float:left; position:relative; overflow:hidden; }
.room_select li:first-child{background:url(http://homepageimg.infotown.kr/star5/images/room/1/3.jpg); background-size:cover;}
.room_select li:nth-child(2){background:url(http://homepageimg.infotown.kr/star5/images/room/2/1.jpg); background-size:cover;}
.room_select li:nth-child(3){background:url(http://homepageimg.infotown.kr/star5/images/room/2/5.jpg); background-size:cover;}
.room_select li:last-child{background:url(http://homepageimg.infotown.kr/star5/images/room/3/3.jpg); background-size:cover;}
.room_select li a{width:100%; height:100%; display:block; color:#333;}
.room_select_bg{transition:.5s; }
.room_select_txt{width:200px; position:absolute; top:28%; left:50%; margin-left:-100px; font-weight:bold; transition:.5s;}
.room_select_txt .p01{width:30px; height:30px; background:#bd162a; transform:rotate(45deg); margin:auto;  }
.room_select_txt .p01 .p02{font-family: 'Montserrat', sans-serif; width:30px; height:30px; display:inline-block; position:absolute; transform:rotate(-45deg); text-align:center; margin-left:-15px; line-height:32px; color:#fff;}
.room_select_txt .p03{font-family: "Noto Sans KR", sans-serif; font-size:30px; margin:25px auto 15px; text-shadow:0px 0px 5px #777; color:#fff;}
.room_select_txt .p04{letter-spacing:2px; font-weight:200; font-size:20px; color:#fff; text-shadow:0px 0px 5px #777;}
.room_select li:hover a .room_select_bg{width:100%; height:100%; opacity:0.25; transition:.5s; background:#333;}

/* footer */
#section5{height:250px !important;}
.footer{width:100%; background:#fff; text-align:left; overflow:hidden; position:relative; bottom:0; height:250px; padding-top:120px;}
.footer .f_menu{ display:none;}
.footer .f_info{position:absolute; width:100%; bottom:8%; font-size:13px;}
.footer .f_info .fi01{font-family: 'Prata', serif; font-size:35px; margin:0 30px 5px 30px}
.footer .f_info .fi02{margin:0 30px}
.footer .f_info .fi02 a{font-weight:bold; color:#333; font-size:22px; font-family: 'Montserrat', sans-serif;}
.footer .f_info .fi02 > span{display:none;}
.footer .f_info .mobile_footer_bar{width:100%; height:1px; background:#333; margin:10px 0 20px; position:relative;}
.footer .f_info .mobile_footer_bar .footer_top_btn{font-family: 'Montserrat', sans-serif; color:#fff; font-size:18px;width:50px; height:50px; border-radius:50px; background:#333; display:block; position:absolute; top:-80px; right:5%; z-index:990; font-weight:bold; line-height:50px; text-align:center; cursor:pointer;}
.footer .f_info .fi03{color:#777; margin:0 30px; font-size:20px;}
.footer .f_info span{font-size:16px; color:#aaa;}
.footer .f_info span a{color:#777;}

#section5 > .footer .f_info .mobile_footer_bar .footer_top_btn{opacity:0}

/* about */
.about_con1{width:100%; height:350px; position:relative; overflow:hidden;}
.about_con1 .about_bg{width:100%; height:100%; background:#333; opacity:0.4;}
.about_con1 .ac_txt{position:absolute; left:50%; top:60%; margin-left:-241px; color:#fff; text-align:center;}
.about_con1 .ac_txt .ac_txt01{font-size:20px; margin-bottom:10px;}
.about_con1 .ac_txt .ac_txt02{font-family: 'Prata', serif; font-size:60px;}

.about_con2{width:100%; overflow:hidden; position:relative;}
.about_con2 .left02{padding:30px 20px; overflow:hidden;}
.about_con2 .right02{width:100%; height:400px;}
.about_con2 .left02 .a01{font-family: 'Prata', serif; font-size:50px; line-height:55px; margin-bottom:5px; letter-spacing:1px; }
.about_con2 .left02 .a02{display:none;}
.about_con2 .left02 .a03{font-size:16px; color:#0663ab; margin-bottom:20px;}
.about_con2 .left02 .a04{line-height:20px; font-size:15px;}

.about_con3{width:100%; overflow:hidden; background:#eddfe1; text-align:center; padding-bottom:30px; position:relative;}
.about_con3 .c01{margin-top:50px; font-family: 'Prata', serif; font-size:45px; font-weight:500; color:#454545; letter-spacing:2px;}
.about_con3 .c02{margin-top:10px; font-size:16px;}
.about_con3 .c03{margin-top:40px;}
.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%; 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:22px; font-family: 'Montserrat', sans-serif;}
.about_con3 .c03 li .title{margin:20px auto 10px; font-weight:bold; font-size:20px; color:#444;}
.about_con3 .c03 li .txt{line-height:22px; color:#555; font-size:22px;}

.about_con4{width:100%; height:420px; text-align:center; overflow:hidden; padding-top:20px; padding-bottom:55px}
.about_con4 .d01{width:88%; height:420px; margin:auto; padding:10px; overflow:hidden; }
.about_con4 .d01 .d001{display:none;}
.about_con4 .d01 .d002{font-family: 'Prata', serif; font-size:30px; font-weight:500; color:#fff; margin-top:80px; margin-bottom:10px; text-shadow:#333 0px 0px 5px;}
.about_con4 .d01 .d002 span{font-size:40px; line-height:55px;}
.about_con4 .d01 .d003{display:none;}

/* map */
.map_con{width:100%; height:500px; position:relative; overflow:hidden;}
.map_con .mmap_bg{width:100%; height:100%;}
.map_con .map_txt{position:absolute; left:50%; bottom:8%; margin-left:-158px; color:#333; text-align:center;}
.map_con .map_txt .map_txt01{font-size:16px;}
.map_con .map_txt .map_txt02{font-family: 'Prata', serif; font-size:50px;}

.map_wrap{width:93%; margin:auto; position:relative;}
.map_wrap .car{width:100%; overflow:hidden; margin-top:40px;}
.map_wrap .car .car01{display:none;}
.map_wrap .car .car02{display:none;}
.map_wrap .car .car03{font-size:20px; color:#fff; display:inline-block; padding:3px 18px; background:#a00113;}
.map_wrap .car .car04{font-size:15px; }
.map_wrap .car .car04 b{display:inline-block; margin-top:10px; font-size:25px}

.map_wrap .public{margin:30px auto; width:100%; position:relative;}
.map_wrap .public .public01{display:none;}
.map_wrap .public .public02{display:none;}
.map_wrap .public .public03{font-size:20px; color:#fff; display:inline-block; padding:3px 18px; background:#a00113;}
.map_wrap .public .public04{font-size:15px;}
.map_wrap .public .public04 b{display:inline-block; margin-top:10px;}

/* room */
.room_txt{position:absolute; top:38%; left:50%; margin-left:-93px; color:#fff; text-shadow:#000 0px 0px 2px;}
.room_txt .r01{font-family: "Noto Sans KR", sans-serif; font-size:20px; margin-bottom:20px;}
.room_txt .r02{font-size:70px; line-height:95px;}
.room_txt .r02 span{font-size:40px;}

.room_txt2{position:absolute; top:38%; left:50%; margin-left:-161px; color:#fff; text-shadow:#000 0px 0px 2px;}
.room_txt2 .r01{font-family: "Noto Sans KR", sans-serif; font-size:16px; margin-bottom:20px;}
.room_txt2 .r02{font-size:70px; line-height:95px;}
.room_txt2 .r02 span{font-size:40px;}

.room_con1{display:none;}
.room_con1 .rc1_2{display:none}
.mobile_room_con{width:90%; margin:35px auto;}

.room_con2{position:relative; overflow:hidden; height:750px; margin-bottom:30px;}
.room_con2 .rc2_1{display:none;}
.room_con2 .rc2_2{width:95%; height:350px; position:absolute; left:0;}
.room_con2 .rc2_3{width:95%; height:350px; position:absolute; right:0; bottom:0;}
.room_con2 .rc2_4{display:none;}

.room_con3{position:relative; overflow:hidden; width:100%; height:400px;}
.room_con3 .rc3_1{position:absolute; top:15%; left:15%; color:#fff; text-shadow:#333 0px 0px 3px;}
.room_con3 .rc3_1 .rc3_1_txt1{font-family: "Noto Sans KR", sans-serif; font-size:16px; margin-bottom:20px;}
.room_con3 .rc3_1 .rc3_1_txt2{font-family: 'Prata', serif; font-size:45px; line-height:45px; margin-bottom:20px;}


/* special */
.sp_info{position:absolute; top:32%; left:50%; margin-left:-261px;}
.sp_info2{position:absolute; top:32%; left:50%; margin-left:-222px;}
.sp_info3{position:absolute; top:35%; left:50%; margin-left:-191px;}
.sp_info5{position:absolute; top:35%; left:50%; margin-left:-128px;}
.sp_title{color:#fff; text-shadow:#333 0px 0px 5px;}
.sp_title .sp01{font-family: 'Prata', serif; font-weight:500; font-size:70px;}
.sp_title .sp02{width:40px; height:1px; background:#fff; margin:20px auto; }
.sp_title .sp03{font-size:22px; margin-bottom:60px;}
.sp_title .open_btn{border:1px solid #fff; padding: 8px 15px; color:#fff; font-size:20px; font-weight:bold; cursor:pointer; transition:.5s;}
.sp_title .open_btn:hover{background:#fff; color:#555; text-shadow:none; }

.sp_txt{position:absolute; top:32%; left:50%; margin-left:-330px; z-index:9; width:600px; padding:30px 30px; display:none; background:#fff; font-size:20px; text-align:left;}
.sp_txt .close_btn{display:block; background:#555; border:1px solid #555; text-align:center; width:160px; height:40px; padding:0 10px; line-height:40px; color:#f6f6f6; font-size:20px; font-weight:bold; cursor:pointer; transition:.5s; margin:40px auto 0;}

/* reser */
.reser_con_title{width:100%; height:350px; position:relative; overflow:hidden;}
.reser_con_title .reser_bg{width:100%; height:100%; background:#333; opacity:0.3;}
.reser_con_title .reser_txt{position:absolute; left:50%; top:60%; margin-left:-192px; color:#fff; text-align:center;}
.reser_con_title .reser_txt .reser_txt01{font-size:16px;}
.reser_con_title .reser_txt .reser_txt02{font-family: 'Prata', serif; font-size:50px;}

.reser_con{width:92%; margin:auto; background:#fff; overflow:hidden; position:relative;}
.reser_con .reser_left{width:100%; overflow:hidden; margin-top:35px; }
.reser_con .reser_left .rp00{display:none;}
.reser_con .reser_left .rp01{font-family: 'Prata', serif; font-weight:700; font-size:30px; float:left;}
.reser_con .reser_left .rp02{font-size:14px; clear:both; color:#a00113; margin-bottom:10px;}
.reser_con .reser_left .rp02 span{font-size:12px;}
.reser_con .reser_left .rp03{display:none; }
.reser_con .reser_right{ font-size:13px; color:#666}

/* tour */
.tour_con_title{width:100%; height:350px; position:relative; overflow:hidden;}
.tour_con_title .tour_bg{width:100%; height:100%; background:#333; opacity:0.3;}
.tour_con_title .tour_txt{position:absolute; left:50%; top:65%; margin-left:-114px; color:#fff; text-align:center;}
.tour_con_title .tour_txt .tour_txt01{font-size:20px; margin-bottom:10px;}
.tour_con_title .tour_txt .tour_txt02{font-family: 'Prata', serif; font-size:50px;}

.tour_con{width:95%; margin:20px auto; overflow:hidden;border:1px solid #ccc;}
.tour_con .tour_left{width:100%;  text-align:center;}
.tour_con .tour_left .tp01{font-size:18px; margin-top:30px;}
.tour_con .tour_left .tp02{display:none;}
.tour_con .tour_left .tp03{font-size:15px; padding:20px 35px 30px; line-height:22px;}
.tour_con .tour_right{width:100%; height:330px;}

.wrap .tour_m{display:none;}


/* board */
.co_con1{width:100%; height:350px; 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:22px;}
.co_con1 .co_txt .co_txt02{font-family: 'Prata', serif; font-size:60px;}
.co_con1 .co_txt .co_txt03{margin-top:100px; transition:0.3s; cursor:pointer;}
.co_con1 .co_txt .co_txt03:hover{margin-top:100px}

.board_menu{text-align:center; margin:40px 0;}
.board_menu li{display:inline-block; font-size:20px;}
.board_menu li a{display:block; padding:7px 15px; color:#333;}
.board_menu li a.on{color:#a00113; font-weight:bold;}
.board_menu li.community_menu_bar{font-size:12px; color:#aaa;}

.board{width:95%; margin:0 auto 50px;}


}








/*  =================================================================================================================

                                                         PC ver.

===================================================================================================================== */

@media(min-width:1025px){
/* nav */
.nav{width:100%; height:80px; position:fixed; z-index:999; border-bottom:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.6)}
.nav .logo{position:absolute; left:25px; top:10px; background:url(http://homepageimg.infotown.kr/star5/images/common/logo.png);width:225px; height:55px; display:block;}
.nav .menu{position:absolute; top:0; right:100px; height:80px; font-family: 'Montserrat', sans-serif; }
.nav .menu li{float:left; position:relative; top:0; text-align:center; padding:0 30px;}
.nav .menu li a{color:#333; width:100%; height:80px; line-height:80px; display:block; }
.nav .menu li .sub_menu{height:0px; position:absolute; top:66px; left:50%; margin-left:-60px; overflow:hidden;}
.nav .menu li .sub_menu li{float:none; background:rgba(51,51,51,0.8); margin-bottom:1px; width:120px; height:37px; line-height:35px; text-align:center; padding:0px;}
.nav .menu li .sub_menu li a{font-size:13px; color:#fff; height:37px; line-height:35px;}

.nav .reser_btn{position:absolute; top:22px; right:40px; color:#fff; z-index:999;}
.nav .reser_btn .reser_text{display:none;}
.nav .reser_btn .reser_img1{display:none;}
.nav .reser_btn .reser_img2{background:url(http://homepageimg.infotown.kr/star5/images/common/reser.png)no-repeat; width:41px; height:35px; transition:.5s;}
.nav .reser_btn .reser_img2:hover{background:url(http://homepageimg.infotown.kr/star5/images/common/reser_on.png)no-repeat; width:41px; height:35px}

.nav .menu li .sub_menu li:hover{background:#bd162a;}
.nav .menu_btn{display:none;}
.mmenu{display:none;}




/* contents */
.cont_box{height:100%; overflow:hidden; position:relative;}
.contents{ width:100%; height:100%; overflow:hidden;}

/* 1page_main */
.slider_over{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:url('http://homepageimg.infotown.kr/star5/images/common/bg.png')left top;}
.slider_txt{position:absolute; top:38%; left:50%; margin-left:-220px; z-index:3; text-align:center; color:#fff;}
.slider_txt .pension_title{font-family: 'Prata', serif; font-size:85px; line-height:95px;}
.slider_txt .Pension_description{font-size:15px; margin-top:10px}
.slider_txt .Pension_point{font-size:25px; margin-top:10px;}
.scroll{position:absolute; bottom:40px; left:50%; margin-left:-14px; z-index:99; font-family: 'Montserrat', sans-serif; color:#fff; font-weight:bold; font-size:12px;}

/* 2page_about */
.fishing_over{position:absolute; top:0 left:0; z-index:2; width:40%; height:100%; background:-moz-linear-gradient(left, rgba(51,51,51,0.4) 0%, rgba(51,51,51,0) 100%);
    background: -webkit-linear-gradient(left, rgba(51,51,51,0.4) 0%, rgba(51,51,51,0) 100%);
    background: linear-gradient(to right, rgba(51,51,51,0.4) 0%, rgba(51,51,51,0) 100%);}
.fishing_txt{position:absolute; top:38%; left:5%; z-index:3; text-align:left; color:#fff;}
.fishing_txt .fishing_title{font-size:75px; font-weight:300;}
.fishing_txt .fishing_description{font-size:20px; margin-bottom:35px;}
.fishing_txt .fishing{color:#ddd; padding:11px 35px; border:1px solid #ddd; font-size:16px; transition:.5s;}
.fishing_txt .fishing:hover{color:#fff; border:1px solid #fff;}

/* 3page_room */
.special_select{width:100%; height:100%; overflow:hidden;}
.special_select li{width:20%; height:100%; float:left; transition:0.5; overflow:hidden; background:#000}
.special_select li a{width:100%; height:100%; display:inline-block; position:relative; text-align:center; color:#fff; z-index:3; }
.special_select li a .special_txt{position:absolute; z-index:9; top:40%; width:200px; left:50%; margin-left:-100px; text-shadow:0px 0px 2px #555;}
.special_select li a .special_txt .p1{font-family: 'Prata', serif; font-size:27px; line-height:27px;}
.special_select li a .special_txt .p2{font-size:23px; margin:20px auto 30px;}
.special_select li a .special_txt .p3{font-weight:100; letter-spacing:1px;}
.special_select li a .bg_opacity{position:absolute; width:100%; height:100%; opacity:0.5; transition:0.6s;}
.special_select li a .spe1{background:url(http://homepageimg.infotown.kr/star5/images/special/1/7.jpg)center center; background-size:cover;}
.special_select li a .spe2{background:url(http://homepageimg.infotown.kr/star5/images/special/2/15.jpg)center center; background-size:cover;}
.special_select li a .spe3{background:url(http://homepageimg.infotown.kr/star5/images/special/3/2.jpg)center right; background-size:cover;}
.special_select li a .spe4{background:url(http://homepageimg.infotown.kr/star5/images/special/4/2.jpg)center center; background-size:cover;}
.special_select li a .spe5{background:url(http://homepageimg.infotown.kr/star5/images/special/5/1.jpg)center center; background-size:cover;}
.special_select li:hover a .bg_opacity{opacity:1; transform:scale(1.1);}

/* 4page_special */

#section4{height:750px !important;}
.room_select_title{font-family: 'Prata', serif; font-size:70px; color:#333; position:absolute; left:50%; margin-left:-135px; top:145px; z-index:5;}
.room_select{width:100%; height:500px; overflow:hidden; margin-top:200px;}
.room_select li{width:20%; height:100%; float:left; position:relative; overflow:hidden; }
.room_select li:first-child{background:url(http://homepageimg.infotown.kr/star5/images/room/1/3.jpg); background-size:cover;}
.room_select li:nth-child(2){background:url(http://homepageimg.infotown.kr/star5/images/room/2/1.jpg); background-size:cover;}
.room_select li:nth-child(3){background:url(http://homepageimg.infotown.kr/star5/images/room/2/2.jpg); background-size:cover;}
.room_select li:nth-child(4){background:url(http://homepageimg.infotown.kr/star5/images/room/3/1.jpg); background-size:cover;}
.room_select li:last-child{background:url(http://homepageimg.infotown.kr/star5/images/room/5/1.jpg); background-size:cover;}
.room_select li a{width:100%; height:100%; display:block; color:#333;}
.room_select_bg{transition:.5s;}
.room_select_txt{width:200px; position:absolute; top:35%; left:50%; margin-left:-100px; font-weight:bold; transition:.5s;}
.room_select_txt .p01{width:35px; height:35px; background:#333; transform:rotate(45deg); margin:auto; }
.room_select_txt .p01 .p02{font-family: 'Montserrat', sans-serif; width:35px; height:35px; display:inline-block; position:absolute; transform:rotate(-45deg); text-align:center; margin-left:-18px; line-height:37px; color:#fff;}
.room_select_txt .p03{font-family: "Noto Sans KR", sans-serif; font-size:28px; margin:25px auto 15px; text-shadow:0px 0px 5px #777; color:#fff;}
.room_select_txt .p04{letter-spacing:2px; font-weight:200; font-size:14px; color:#fff;text-shadow:0px 0px 5px #777;}

.room_select li:hover a .room_select_txt .p01{background:#bd162a;}
.room_select li:hover a .room_select_bg{width:100%; height:100%; opacity:0.25; transition:.5s; background:#fff;}


/* footer */
#section5{height:250px !important;}
.footer{width:100%; overflow:hidden; padding:50px 0; background:#fff; text-align:left; border-top:1px solid #ddd;}
.footer .f_menu{float:left; margin-left:300px; margin-top:20px;}
.footer .f_menu > li{float:left; margin-right:40px; font-family: 'Montserrat', sans-serif; color:#777; font-size:15px; font-weight:bold;}
.footer .f_menu > li > ul{margin-top:10px;}
.footer .f_menu > li > ul li > a{font-weight:normal; color:#999; transition:.2s; font-size:12px; display:block; margin:6px 0;}
.footer .f_menu > li > ul li > a:hover{color:#bd162a;}
.footer .f_menu > li:hover{color:#bd162a;}

.footer .f_info{float:right; margin-right:300px; font-size:13px; position:relative;}
.footer .f_info .fi01{font-family: 'Prata', serif; font-size:40px; margin-bottom:5px}
.footer .f_info .fi02 a{font-weight:bold; color:#333;}
.footer .f_info .fi03{ margin-top:10px;}
.footer .f_info .mobile_footer_bar .footer_top_btn{cursor:pointer; font-family: 'Montserrat', sans-serif; color:#fff; width:40px; height:40px; border-radius:40px; background:#333; display:block; position:absolute; top:10px; right:0; font-weight:bold; line-height:40px; text-align:center;}
.footer .f_info span{font-size:12px; color:#999;}
.footer .f_info span a{color:#555;}

#section5 > .footer .f_info .mobile_footer_bar .footer_top_btn{opacity:0}


/* about */
.about_con1{width:100%; height:550px; position:relative; overflow:hidden;}
.about_con1 .about_bg{width:100%; height:100%; background:#333; opacity:0.4;}
.about_con1 .ac_txt{position:absolute; left:50%; top:65%; margin-left:-258px; color:#fff; text-align:center;}
.about_con1 .ac_txt .ac_txt01{font-size:16px; margin-bottom:10px;}
.about_con1 .ac_txt .ac_txt02{font-family: 'Prata', serif; font-size:65px; margin-right:10px;}

.about_con2{width:100%; height:960px; overflow:hidden; position:relative;}
.about_con2 .left02{ float:left; padding:150px 0 0 100px; position:absolute; z-index:9;}
.about_con2 .right02{width:50%; height:100%; background:#ccc; float:right;}
.about_con2 .left02 .a01{font-family: 'Prata', serif; font-size:60px; font-weight:500; line-height:60px; margin-bottom:15px; letter-spacing:1px;}
.about_con2 .left02 .a02{font-size:12px; opacity:0.5;}
.about_con2 .left02 .a03{font-size:20px; color:#0663ab; margin-top:150px; margin-bottom:20px; font-weight:bold;}
.about_con2 .left02 .a04{line-height:25px; font-size:14px;}

.about_con3{width:100%; height:940px; overflow:hidden; background:#eddfe1; position:relative; text-align:center;}
.about_con3 .c01{margin-top:120px; font-family: 'Prata', serif; font-size:60px; font-weight:500; color:#454545; letter-spacing:2px;}
.about_con3 .c02{margin-top:10px;}
.about_con3 .c03{margin-top:100px; position:relative; z-index:9;}
.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: 'Prata', serif; font-size:40px; font-weight:500; color:#fff; margin-top:90px; margin-bottom:10px; text-shadow:#333 0px 0px 1px;}
.about_con4 .d01 .d002 span{font-size:60px; line-height:65px;}
.about_con4 .d01 .d003{width:1px; height:40px; background:#fff; position:absolute; top:25%; left:50%;}


/* map */
.map_con{width:100%; height:700px; position:relative; overflow:hidden;}
.map_con .mmap_bg{width:100%; height:100%;}
.map_con .map_txt{position:absolute; left:50%; bottom:8%; margin-left:-211px; color:#333; text-align:center;}
.map_con .map_txt .map_txt01{font-size:16px;}
.map_con .map_txt .map_txt02{font-family: 'Prata', serif; font-size:65px; margin-right:10px;}

.map_wrap{width:100%; height:780px; padding-top:50px;}
.map_wrap .car{width:40%; position:relative; float:left; margin-left:80px;}
.map_wrap .car .car01{font-family: 'Prata', serif; font-size:160px; opacity:0.1; position:absolute;}
.map_wrap .car .car02{font-family: 'Prata', serif; font-size:60px; position:absolute; top:100px; left:80px;}
.map_wrap .car .car03{font-size:13px; position:absolute; top:140px; left:190px; color:#fff; display:inline-block; padding:3px 18px; background:#a00113;}
.map_wrap .car .car04{font-size:14px; position:absolute; top:200px;}
.map_wrap .car .car04 b{display:inline-block; margin-top:20px;}

.map_wrap .public{width:40%; position:relative;  float:right; margin-right:80px;}
.map_wrap .public .public01{font-family: 'Prata', serif; font-size:156px; opacity:0.1; position:absolute;}
.map_wrap .public .public02{font-family: 'Prata', serif; font-size:60px; position:absolute; top:100px; left:80px;}
.map_wrap .public .public03{font-size:13px; position:absolute; top:140px; left:270px; color:#fff; display:inline-block; padding:3px 18px; background:#a00113;}
.map_wrap .public .public04{font-size:14px; position:absolute; top:200px;}
.map_wrap .public .public04 b{display:inline-block; margin-top:20px;}

/* room */
.room_txt{position:absolute; top:38%; left:50%; width:700px; margin-left:-350px; color:#fff; text-shadow:#000 0px 0px 2px;}
.room_txt .r01{font-family: "Noto Sans KR", sans-serif; font-size:16px; margin-bottom:20px;}
.room_txt .r02{font-size:70px; line-height:95px;}
.room_txt .r02 span{font-size:40px;}

.room_txt2{position:absolute; top:38%; left:50%; margin-left:-161px; color:#fff; text-shadow:#000 0px 0px 2px;}
.room_txt2 .r01{font-family: "Noto Sans KR", sans-serif; font-size:16px; margin-bottom:20px;}
.room_txt2 .r02{font-size:70px; line-height:95px;}
.room_txt2 .r02 span{font-size:40px;}

.mobile_room_con{display:none;}

.room_con1{position:relative; overflow:hidden; height:580px; margin-top:50px;}
.room_con1 .rc1_1{width:700px; height:500px; position:absolute; left:10%;}
.room_con1 .rc1_2{position:absolute;  top:18%; left:45%; background:#fff; padding:30px 0 10px 40px;}

.room_con2{position:relative; overflow:hidden; height:800px;}
.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: 'Prata', serif; font-size:150px; line-height:90px}
.room_con2 .rc2_1 .rc2_1_txt1 span{font-size:100px;}
.room_con2 .rc2_1 .rc2_1_txt2{font-size:14px;}

.room_con2 .rc2_2{width:680px; height:480px; position:absolute; right:10%;}
.room_con2 .rc2_3{width:350px; height:350px; position:absolute; top:350px; left:250px;}
.room_con2 .rc2_4{width:350px; height:350px; position:absolute; top:350px; left:620px;}

.room_con3{position:relative; overflow:hidden; width:100%; height:600px;}
.room_con3 .rc3_1{position:absolute; top:15%; 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:20px;}
.room_con3 .rc3_1 .rc3_1_txt2{font-family: 'Prata', serif; font-size:80px; line-height:75px; margin-bottom:20px;}


/* special */
.sp_info{position:absolute; top:32%; left:50%; margin-left:-224px;}
.sp_info2{position:absolute; top:32%; left:50%; margin-left:-191px;}
.sp_info3{position:absolute; top:35%; left:50%; margin-left:-186px;}
.sp_info5{position:absolute; top:35%; left:50%; margin-left:-110px;}
.sp_title{color:#fff; text-shadow:#333 0px 0px 2px}
.sp_title .sp01{font-family: 'Prata', serif; font-weight:500; font-size:60px;}
.sp_title .sp02{width:40px; height:1px; background:#fff; margin:20px auto; }
.sp_title .sp03{font-size:16px; margin-bottom:60px;}
.sp_title .open_btn{border:1px solid #fff; padding: 8px 15px; color:#fff; font-size:13px; font-weight:bold; cursor:pointer; transition:.5s;}
.sp_title .open_btn:hover{background:#fff; color:#555; text-shadow:none; }

.sp_txt{position:absolute; top:45%; left:50%; margin-left:-380px; z-index:9999; width:620px; padding:50px 70px 120px; display:none; background:#fff; font-size:14px; text-align:left;}
.sp_txt .close_btn{border:1px solid #555; 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:#555; color:#fff; text-shadow:none; }

.sp_select{width:100%; height:430px; transition:.7s; text-align:center; background:url(http://homepageimg.infotown.kr/doungwoori/images/special/bg.png)}
.sp_select .sps01{font-family: 'Montserrat', sans-serif; font-size:50px; color:#333; padding-top:50px;}
.sp_select .sps02{font-size:14px; color:#333; 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.7); border-radius:90px; display:block; text-align:center; line-height:180px; font-size:14px; color:#fff; transition:.5s; text-shadow:#000 0px 0px 3px;}
.sp_select .s_select li:hover a{transform:scale(1.1); }

/* reser */
.reser_con_title{width:100%; height:550px; position:relative; overflow:hidden;}
.reser_con_title .reser_bg{width:100%; height:100%; background:#333; opacity:0.3;}
.reser_con_title .reser_txt{position:absolute; left:50%; top:60%; margin-left:-254px; color:#fff; text-align:center;}
.reser_con_title .reser_txt .reser_txt01{font-size:16px;}
.reser_con_title .reser_txt .reser_txt02{font-family: 'Prata', serif; font-size:65px; margin-right:10px;}

.reser_con{width:1200px; margin:50px auto 0; background:#fff; overflow:hidden; position:relative;}
.reser_con .reser_left{float:left; }
.reser_con .reser_left .rp00{font-family: 'Prata', serif; font-weight:500; font-size:160px; opacity:0.1; letter-spacing:-10px}
.reser_con .reser_left .rp01{position:absolute; left:85px; top:45px; font-family: 'Prata', serif;  font-weight:500; font-size:60px;}
.reser_con .reser_left .rp02{position:absolute; left:85px; top:115px; font-size:14px;}
.reser_con .reser_left .rp02 span{display:none;}
.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_right{float:left; margin:150px 0 0 150px; font-size:14px; line-height:20px}

/* tour */
.tour_con_box{color:#f6f6f6;}
.tour_con_box ul li{position:relative;}
.tour_con_box ul li .tour_slide_box{position:absolute; top:28%; left:3%; width:20%; padding:25px 50px; background:rgba(51,51,51,0.8); text-align:left;}
.tour_con_box ul li .tour_slide_box .tour_slide_title{font-size:25px;}
.tour_con_box ul li .tour_slide_box .tour_slide_txt{font-size:14px; line-height:25px;}

.tour_con_title{display:none;}
.tour_con_title .tour_bg{width:100%; height:100%; background:#333; opacity:0.3;}
.tour_con_title .tour_txt{position:absolute; left:50%; top:65%; margin-left:-154px; color:#fff; text-align:center;}
.tour_con_title .tour_txt .tour_txt01{font-size:16px; margin-bottom:10px;}
.tour_con_title .tour_txt .tour_txt02{font-family: 'Prata', serif; font-size:65px; margin-right:10px;}

.tour_con{display:none; }
.tour_con .tour_left{float:left; width:500px; height:380px; text-align:center;}
.tour_con .tour_left .tp01{font-size:18px; margin-top:30px;}
.tour_con .tour_left .tp02{display:none;}
.tour_con .tour_left .tp03{font-size:14px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:25px; padding:30px 50px; line-height:22px;}

.tour_con .tour_right{display:none; }


/* board */
.co_con1{width:100%; height:550px; 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: 'Prata', serif; font-size:65px; 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:#bd162a; border:2px solid #bd162a; color:#f6f6f6;}
.board_menu li.community_menu_bar{display:none;}

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