@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}

body, ul{margin:0; padding:0;font-family: 'Noto Sans KR', sans-serif;}
li{list-style:none;}
h1, h2, h3, h4, h5, p, a {text-decoration:none; margin:0; padding:0;color:#404040;}


/*-----------------------------------------------------------*/

/*메인gnb*/
.mobile, .m-close, .m-plus, .m-gnb, .m-tab{display:none;}
.main_gnb{
	position:absolute;
	z-index:999;
	height:100px;
	padding-top:30px;
	width:1200px;
	top:0;
	left:calc(50% - 600px);
}
.w-logo{
	float:left;
	width:280px;
}
.menu{float:right;}
.menu>li{float:left; margin:0 30px;}
.menu li a{
	color:#fff;
	font-size:16px;
	display:block;
	width:150px;
	line-height:50px;
	font-weight:400;
	text-align:center;
}
.sub_menu{display:none;}
.sub_menu li{background:rgba(0,0,0,0.6); width:100%;}
.sub_menu li:hover{background:rgba(0,0,0,0.4)}
.menu_on{;border-bottom:2px solid #eda236;}



/*메인 슬라이드*/
.logo{
	width: 400px;
    height: 190px;
    padding-top: 60px;
    margin: 0 auto;
}
.logo img{width:400px;}
.swiper-pagination-v{
	right:40px !important;
	top:caclc(50% - 50px) !important;
	width:10px !important;
	height:150px !important;
}
.swiper-pagination-v .swiper-pagination-bullet{
	margin:20px auto  !important;
	background:#fff !important;
	opacity:1 !important;
}
.swiper-pagination-v .swiper-pagination-bullet-active{
	background:#fff !important;
	width:13px !important;
	height:13px !important;
}
.swiper-pagination-h{
	bottom:30px !important;
}
.swiper-pagination-h .swiper-pagination-bullet{
	margin:0 10px  !important;
	background:#fff !important;
	opacity:0.7 !important;
}
.swiper-pagination-h .swiper-pagination-bullet-active{
	opacity:1 !important;
	width:10px !important;
	height:10px !important;
}

/*.main_bg:nth-child(1){background:url('/img/main_bg01.jpg')no-repeat center;}*/
.main_bg:nth-child(2){background:url('/img/main_bg02.jpg')no-repeat center;}
.main_bg:nth-child(3){background:url('/img/main_bg03.jpg')no-repeat center;}
.main_bg:nth-child(4){background:url('/img/main_bg04.jpg')no-repeat center;}
.main_bg:nth-child(5){background:url('/img/main_bg05.jpg')no-repeat center;}
.roll_bg:nth-child(1){background:url('/img/main_bg01.jpg')no-repeat center;}
.roll_bg:nth-child(2){background:url('/img/sub_bg01.jpg')no-repeat center;}
.roll_bg:nth-child(3){background:url('/img/sub_bg02.jpg')no-repeat center;}

/*main_cont01*/
.main1_cont{
	opacity:0;
	width:1200px;
	height:500px;
	position:absolute;
	top:calc(50% - 250px);
	left:calc(50% - 600px);
	border:1px solid #fff;
	padding-top:100px;
	z-index:2;
}
.main1_line{
	width:650px;
	border-bottom:1px solid #fff;
	margin:0 auto;
	height:10px;
}
.main1_cont h1{
	color:#fff;
	font-size:60px;
	text-align:center;
	text-shadow:1px 1px 4px #000;
	padding-top:50px;
	margin-bottom:70px;
}
.main1_btn{
	width:150px;
	height:60px;
	margin:0 auto;
	padding:10px 0;
	border:1px solid #fff;
	text-align:center;
}
.main1_btn a{
	color:#fff;
	font-size:32px;
	font-family: 'Dancing Script', cursive;
}

/*main_cont2*/
.main2_cont{
	width:700px;
	height:500px;
	margin:0 auto;
	border:1px solid #fff;
	position:absolute;
	padding-top:130px;
	top:calc(50% - 250px);
	left:calc(50% - 600px);
}
.main2_line{
	width:400px;
	border-bottom:1px solid #fff;
	margin:0 auto;
	height:10px;
}
.main2_cont h4{
	color:#fff;
	font-size:70px;
	text-align:center;
	padding-top:40px;
	font-family: 'Dancing Script', cursive;
}
.main2_cont p{
	color:#fff;
	font-size:16px;
	font-weight:300;
	line-height:1.8;
	padding-top:30px;
	text-align:center;
}

/*main_cont3*/
.main3_cont{
	width:700px;
	height:500px;
	margin:0 auto;
	border:1px solid #fff;
	position:absolute;
	padding-top:130px;
	top:calc(50% - 250px);
	right:calc(50% - 600px);
}
.main3_cont h4{
	color:#fff;
	font-size:70px;
	text-align:center;
	padding-top:40px;
	font-family: 'Dancing Script', cursive;
}
.main3_cont p{
	color:#fff;
	font-size:16px;
	font-weight:300;
	line-height:1.8;
	padding-top:30px;
	text-align:center;
}


/*------------------------ROOMS-----------------------------------*/
/*room01*/
.m-info{display:none;}
.room01{
	width:100%;
	height:700px;
	position:relative;
	margin-bottom:80px;
	background:url('/img/sub/room01_bg.jpg')no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	overflow:hidden;
}
.room01_bg{
	width:100%;
	height:700px;
}
.room01 h1{
	font-size:70px;
	color:#fff;
	opacity:0;
	font-weight:400;
	text-align: center;
    position: absolute;
    text-shadow: 1px 3px 5px #484848;
	left: calc(50% - 212px);
    top: calc(50% - 51px);
}
.room_frame{
	width:1200px;
	margin:0 auto;
	height:auto;
}
.room_frame>p{
	color:#333;
	text-align:center;
	font-weight:200;
	font-size:18px;
	padding-bottom:80px;
}
.room_detail{
	float:left;
	width: calc(33.33% - 10px);
	height:350px;
	margin:0 5px;
	margin-bottom:100px;
	overflow:hidden;
}
.move{
	width:100%;
	height:100%;
	transition:all 0.5s;
}
.move:hover{transform:scale(1.1) !important;}
.r_01:nth-child(2) .move{background:url('/img/sub/detail01_1.jpg')no-repeat center;}
.r_01:nth-child(3) .move{background:url('/img/sub/detail01_2.jpg')no-repeat center;}
.r_01:nth-child(4) .move{background:url('/img/sub/detail01_3.jpg')no-repeat center;}

.r_02:nth-child(2) .move{background:url('/img/sub/detail02_1.jpg')no-repeat center;}
.r_02:nth-child(3) .move{background:url('/img/sub/detail02_2.jpg')no-repeat center;}
.r_02:nth-child(4) .move{background:url('/img/sub/detail02_3.jpg')no-repeat center;}

.r_03:nth-child(2) .move{background:url('/img/sub/detail03_1.jpg')no-repeat center;}
.r_03:nth-child(3) .move{background:url('/img/sub/detail03_2.jpg')no-repeat center;}
.r_03:nth-child(4) .move{background:url('/img/sub/detail03_3.jpg')no-repeat center;}


/*txt내용*/
.info_table{
	width:100%;
	height:100%;
	padding:50px 20px 40px 20px;
	border-bottom: 2px dashed #dadada;
}
.info_table h4{
	font-size:30px;
	font-weight: 600;
    border-bottom: 2px solid #404040;
    line-height: 1;
}
.room_frame .info_table:nth-child(1) h4{
	width:309px;
	margin-bottom:70px;
}
.room_frame .info_table:nth-child(2) h4, .room_frame .info_table:nth-child(3) h4{
	width:170px;
	margin-bottom:30px;
}
.room_frame .info_table:nth-child(3){border-bottom:none;}

.info_table p{
	font-weight: 300;
    font-size: 18px;
    line-height: 2;
}
/*하단배너*/
.r_bottom{
	width:100%;
	height:350px;
	position:relative;
	background:url('/img/sub/room01_bg.jpg')no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	overflow:hidden;
}
.bottom_bg{
	width:100%;
	height:100%;
}
.bottom_bg p{
	font-size:18px;
	color:#fff;
	font-weight:300;
	text-align: center;
    position: absolute;
    left: calc(50% - 180px);
   top:calc(50% - 75px);
}
.room_btn{
	width: 170px;
    height: 50px;
    border: 1px solid #fff;
    position: absolute;
    border-radius: 40px;
    bottom: 120px;
    left: calc(50% - 85px);
}
.room_btn a{
	 text-align: center;
    display: block;
    line-height: 45px;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
}

/*------------------------RESERVATION-----------------------------------*/
.m-reserve{display:none;}
.reservation{
	width:100%;
	height:450px;
	position:relative;
	margin-bottom:80px;
	background:url('/img/sub/reserve_banner.jpg')no-repeat center;
}
.reservation h1{
	opacity:0;
    font-size: 60px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    left: calc(50% - 180px);
    top: calc(50% - 45px);
}
.reserve_title{padding-bottom:50px;}
.reserve_title h4{
	text-align:center;
	font-size:28px;
	font-weight:400;
	margin-bottom: 30px;
}
.reserve_title p{
	font-size:14px;
	font-weight:300;
	text-align:center;
}
.reserve_title:nth-child(3){border-bottom: 2px dashed #dadada;}
.reserve_frame>h1{
	 text-align: center;
    font-size: 30px;
    padding: 10px 0;
    margin: 0 auto;
    width: 180px;
	 margin-bottom: 60px;
    margin-top: 100px;
    font-weight: 600;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
}
.reserve_frame, .reserve_frame2{
	width:1200px;
	margin:0 auto;
	height:auto;
}
.reserve_frame2 .info_table h4{
	font-size:27px;
	margin-bottom:30px;
}
.reserve_frame2 .info_table p{
    font-size: 16px;
}
.reserve_frame2 .info_table p span{
	font-weight:600;
}
.reserve_frame2 .info_table:nth-child(1) h4{width:150px;}
.reserve_frame2 .info_table:nth-child(2) h4{width:100px;}
.reserve_frame2 .info_table:nth-child(3) h4{width:100px;}
.reserve_frame2 .info_table:nth-child(3){border-bottom:none;}


/*------------------------location-----------------------------------*/
.location{
	width:100%;
	height:450px;
	position:relative;
	margin-bottom:80px;
	background:url('/img/sub/location_banner.jpg')no-repeat center;
}
.location h1{
	opacity:0;
    font-size: 60px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    left: calc(50% - 143px);
    top: calc(50% - 45px);
}
.location_frame{
	width:1200px;
	margin:0 auto;
	height:auto;
}
.location_frame>h1{
	 text-align: center;
    font-size: 30px;
    padding: 10px 0;
    margin: 0 auto;
    width: 180px;
	 margin-bottom: 60px;
    margin-top: 100px;
    font-weight: 600;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
}
.how{
	padding-top:80px;
	width:50%;
	float:left;
	text-align:center;
	margin-bottom: 80px;
}
.how h2{
	font-size:28px;
	margin-bottom:15px;
}
.how>p{
	font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 2;
}
.kind{
	border-top:1px solid #404040;
	border-bottom:1px solid #404040;
	width: 40%;
    margin: 0 auto;
}
.kind p{
	font-size:15px;
	font-weight:400;
	padding: 10px 0;
}
.how_line{
	width: 100%;
    height: 40px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
}
.l_bottom{
	width:100%;
	height:400px;
	position:relative;
	background:url('/img/sub/location_banner.jpg')no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	overflow:hidden;
}
.contact{
	width:100%; 
	height:400px;
	padding:80px 0;
}
.contact_txt{
	width:33.33%;
	float:left;
	text-align:center;
}
.contact_txt h4{
	font-size:26px;
	padding-bottom:10px;
}
.contact_txt>p{
	font-size:18px;
	padding-bottom:10px;
}
.c_title{
	border-top:1px solid #404040;
	border-bottom:1px solid #404040;
	width: 35%;
    margin: 0 auto;
	margin-bottom:30px;
}
.c_title p{
	font-size:22px;
	font-weight:500;
	padding:10px 0;
}

/*------------------------location2-----------------------------------*/
.location2{
	width:100%;
	height:450px;
	position:relative;
	margin-bottom:80px;
	background:url('/img/sub/activity_banner.jpg')no-repeat center;
}
.location2 h1{
	opacity:0;
    font-size: 60px;
    color: #fff;
    font-weight: 400;
    position: absolute;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    left: calc(50% - 124px);
    top: calc(50% - 45px);
}
.location2_frame{
	width:100%;
	height:auto;
	margin-bottom: 150px;
}
.location2_frame>h1{
	 text-align: center;
    font-size: 30px;
    padding: 10px 0;
    margin: 0 auto;
    width: 180px;
	 margin-bottom: 60px;
    margin-top: 100px;
    font-weight: 600;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
}
.bbq_gallery{
	width:1200px;
	margin:0 auto;
	height:800px;
}
.gallery_box{
	float:left;
	width:400px; 
	height:400px;
	overflow:hidden;
}
.gallery_box img, .gallery_box2 img{
	transition:all 0.5s;
}
.gallery_box img:hover, .gallery_box2 img:hover{
	transform:scale(1.1);
}
.gallery_box2{
	float:left;
	width:800px;
	height:400px;
	overflow:hidden;
}
.bbq_txt{
	width:100%;
	height:450px;
	position:relative;
	margin:150px 0;
}
.bbq_line{
	width: 600px;
    height: 1px;
    border-bottom: 1px solid #404040;
    position: absolute;
    top: 225px;
    left: calc(50% - 300px);
}








/*------------------------footer-----------------------------------*/
footer{
	width:100%; 
	height:300px;
	background:#3e3e3e;
}
.f-frame{
	width:1200px;
	margin:0 auto;
	height:100%;
	padding:30px 0;
}
.line_box{
	height:50px;
	width:100%;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.line_box a{
	font-size:12px;
	color:#fff;
	float:right;
	display:inline-block;
	line-height:50px;
	margin-right:20px;
}
.f-info{
	width:33.33%; 
	float:left;
	margin-top:30px;
}
.f-info2{text-align:center;}
.f-info p{
	font-size:13px;
	color:#fff;
	font-weight: 300;
	line-height: 1.6;
}
.f-info2 p{line-height:2 !important;}
.f-info p span{
	margin-right:10px;
	font-weight: 400;
}
.time{font-size:18px !important;}
.f-info h2{
	color: #fff;
    padding: 10px 0;
    font-size: 28px;
}




/*------------------------mobile-----------------------------------*/

@media (max-width: 600px) {

/*main_gnb*/
.main_gnb.m-gnb {
    position: fixed;
    z-index: 999;
    height: 100%;
    padding: 70px 60px 70px 50px;
    background: #3e3e3e;
    width: 100%;
    top: 0;
	right:-100%;
	left:inherit;
}
.mobile {
    display: block;
    background: #fff;
    height: 60px;
    position: fixed;
    z-index: 999;
    padding:0;
    width: 100%;
}
.m-gnb{display:block;}
.w-gnb{display:none;}
.w-logo {
    float: left;
    width: 180px;
    padding-bottom: 50px;
    margin-left: 10px;
	width:180px;
}
.menu>li{width:100%;}
.menu>li>a{line-height:80px; font-size:20px;text-align:left;}
.sub_menu>li>a{
	font-size:16px;
	font-weight:200;
	width:130px;
	text-align:left;
}
.sub_menu li{background:none;}
.mobile>a>img{width:150px; float:left;margin:15px 10px;}
.mobile img{float:right; margin:0;}
.m-close{
	display:block;
	position: absolute;
    width: 20px;
    top: 20px;
    right: 20px;
}




/*main_slide*/
.swiper-pagination-h{display:none !important;}
.swiper-pagination-v .swiper-pagination-bullet{margin:0 5px !important;}
.main1_cont {
	opacity: 0;
	width: 90%;
	height: 75%;
	position: absolute;
	top: 15%;
	left: 5%;
	border: 1px solid #fff;
	padding-top: 100px;
}

.main1_line, .main2_line{
	width: 100px;
}

.logo {
	width: 100%;
	height: 55%;
	padding-top: 70px;
	margin: 0 auto;
}
.logo img {
	width: 250px;
}
.main1_btn {
    width: 130px;
    height: 50px;	
}
.main1_btn a {
    font-size: 22px;	
}
.main2_cont, .main3_cont{
    width: 90%;
    height: 75%;
    position: absolute;
    padding-top: 100px;
    top: 15%;
    left: 5%;
	margin:0;
}
.main2_cont h4, .main3_cont h4{
	font-size:55px;
}
.swiper-pagination{
 right: calc(50% - 50px) !important;
 width: 100px !important;
height: 10px !important;
top: 95% !important;
}
.swiper-pagination-bullet{
	float:left;
	margin:0 5px !important;
}


/*room01*/
.w-info{display:none;}
.m-info{display:block; width:100%;}
.m-tab{
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.m-tab li{
background:rgba(45, 45, 45, 0.8);
width:20%;
float:left;
}
.m-color{background:#e3a244 !important;}
.m-tab li a{
	font-size:14px;
	color:#fff;
	display:block;
	line-height:50px;
	text-align:center;
}

.room01{
	width: 100%;
    height: 430px;
	background:url('/img/sub/room01_bg.jpg')no-repeat 70% 0%;
	position:relative;
}
.r_bottom{display:none;}
.room01_bg{height:100%;}
.room01 h1{
    font-size: 38px;
    text-shadow: 1px 3px 5px #484848;
    top: calc(50% - 28px);
    left: calc(50% - 115px);
}
.room_frame{width:90%;}
.room_frame>p{font-size:16px;   padding-bottom: 60px;}
.room_detail{
	width:100%;
	 margin: 0 auto;
    margin-bottom: 10px;
}
.room_detail:nth-child(4){
	margin-bottom:50px;
}
.info_table{padding:50px 0;}
.info_table h4{
	font-size:26px;
}
.room_frame .info_table:nth-child(1) h4{
	width: 270px;
    text-align: center;
    margin-bottom: 20px;
}
.room_frame .info_table:nth-child(2) h4, .room_frame .info_table:nth-child(3) h4{
	width: 150px;
	margin-bottom: 30px;
}
.info_table p{font-size:16px; line-height:1.8;}
.info_table img{width:100%;}
.r_bottom{height:250px;}
.bottom_bg p {
	font-size:16px;
	 left: calc(50% - 153px);
	  top: calc(50% - 45px);
}
.room_btn{
	width:150px;
	height:40px;
	bottom:60px;
	left: calc(50% - 75px);
}
.room_btn a{
	line-height:35px;
	font-size:18px;
}

/*reservation*/
.m-reserve{display:block; width:100%; margin-bottom:50px;} 
.reservation{background:url('/img/sub/reserve_banner.jpg')no-repeat 70% 0%;}
.reservation, .location, .location2 {height:350px;}
.reservation h1{font-size:42px;   left: calc(50% - 130px);}
.reserve_frame, .reserve_frame2, .location_frame{width:90%;}
.reserve_title img{width:100%;}
.reserve_title{display:none;}

/*location*/
.location h1{font-size:42px;  left: calc(50% - 100px);}
.location_frame iframe{height:300px !important;}
.kind{width:70%; margin-bottom: 30px;}
.how_line{display:none;}
.how{width:100%; margin:0; padding-top: 50px;}
.how>p{line-height:1.8;}
.l_bottom{height:240px;}
.contact_txt{width:100%; margin-bottom: 50px;}
.contact{height:750px;  padding: 50px 0;}

.location2 h1{   
	font-size: 42px;
     left: calc(50% - 85px);
    top: calc(50% - 32px);
	}
.bbq_gallery{width:100%;	height:auto;}
.gallery_box, .gallery_box2{
	 float: inherit;
    width: 90%;
    MARGIN: 0 AUTO;
    height: 300px;
    MARGIN-BOTTOM: 10PX;
}
.bbq_gallery>img{width:90%; margin:0 5%;}

/*footer*/
footer{height:580px;}
.f-frame, .f-info{
	width:100%;
	text-align:center;
}
.line_box a{
	float:inherit;
}
.f-info h2{
	padding:0;
}

}