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;
		padding: 0 0 0 0;
	}
	#section3 h1{
		color: #000;
	}

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



.cont_box{margin-left:0px; height:100%; overflow:hidden;}
@media screen and (max-width: 1024px){
.cont_box{height:400px !important;}
#section1{height:400px !important;}
}

/*헤더 시작*/
.pc_gnb{position:fixed; top:0px; width:100%; z-index:999;}
.pc_gnb .logo{position:absolute; left:0; top:0; z-index:999;}
.pc_gnb .logo .img_logo {margin-top: 0; transition:.4s; }
.pc_gnb .menu_btn{position:absolute; right:0px; top:0; cursor:pointer; transition:.5s; width:100%; height: 80px; text-align:right; background:rgba(43,44,48,0.2);}
.pc_gnb .menu_btn > img {margin: 19px 40px 0 0;}
.pc_gnb .reser_btn {position:absolute; right:100px; padding:8px 30px; top:20px; transition:.5s; font-size:15px; border:1px solid #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.pc_gnb .reser_btn a {color: #fff;}
.pc_gnb .reser_btn:hover {background:#3e3e3e; border: 1px solid rgba(0,0,0,0);}

.gnb_top{background:#fff; margin-top:-100px; transition:.5s}
.gnb_top .menu{padding:15px 0 15px 15px; position:relative; margin-left: 230px; border-bottom: 1px solid #eee;}
.gnb_top .txt_logo {float: left; width: 169px; padding:16px 30px; background:#2a68a2; border-bottom: 2px solid #2a68a2; text-align:center;}
.gnb_top .txt_logo a {font-size:18px; color:#fff; line-height:27px;}
.gnb_top .txt_logo a span {font-family: 'Noto Sans KR', sans-serif; font-size: 13px;}
.gnb_top .menu li{display:inline-block; position:relative}
.gnb_top .menu li a{color:#777; font-family: 'Noto Serif KR', sans-serif; padding:5px 15px; display:block;  font-size:14px; letter-spacing:1px; transition:.5s; }
.gnb_top .menu li a:hover{color:#000}
.gnb_top .close{right:30px; top:16px; position:absolute; padding:5px 15px; cursor:pointer}

.gnb_top .menu .sub_menu{position:absolute;  margin-left:0px; background:#fff; display:none; transition:.3s; padding: 20px 0 10px 0;}
.gnb_top .menu .sub_menu li{display:block; width:100px;}
.gnb_top .menu .sub_menu li a{ font-family: 'Noto Sans KR', sans-serif; font-size:13px; padding:5px; text-align:center; display:block; letter-spacing:0}
.gnb_top .menu li:hover  .sub_menu{display:block;}

.mobile_top{overflow:hidden; background:rgba(51,51,51,0.2); position:relative; display:none;}
.mobile_top .logo{width:140px; float:left}
.mobile_top .logo img{width:100%;}
.mobile_top .menu_bt{width:50%; float:right; text-align:right; cursor:pointer;}
.mobile_top .menu_bt img{width:78px;}
.mobile_top .call{position:absolute; right:130px; top:14px;}
.mobile_top .reser{position:absolute; right:60px; top:13px; padding: 5px 15px; border: 1px solid #fff;}
.mobile_top .reser a {font-size: 13px; color:#fff;}
.mobile_top .reser:hover {background: #3e3e3e; border: 1px solid #333;}

.mobile_menu{position:fixed; z-index:100; background:#265a8b; width:250px; height:100%; right:-300px; transition:.5s; top:0}
.mobile_menu .sub_menu{padding:30px;}
.mobile_menu .sub_menu .daeme{color:#fff; font-family: 'Open Sans', sans-serif;  font-size:20px; margin-bottom:10px}
.mobile_menu .sub_menu .menu_list{ overflow:hidden; margin-bottom:20px; display:none;}
.mobile_menu .sub_menu .menu_list li{float:left}
.mobile_menu .sub_menu .menu_list li a{display:block; color:#fff; padding:2px 5px 2px 8px; font-size:15px}

@media screen and (max-width: 1024px){
.pc_gnb{display:none;}
.mobile_top{display:block; height: 56px; position: absolute; top:0; left: 0; z-index: 99; width: 100%;}
.mobile_top .menu_bt {width: 25px; margin: 13px 20px 0 0;}
.mobile_top .menu_bt img {width: 100%;}
}

.position_add{right:0}
.closed{position:absolute; right:30px; top:30px}
.logo_topgo .img_logo {margin-top: -200px !important;}
.margin_000{margin-top:0 !important}
.btn_topgo{top:-100px !important;}
/*헤더 끝*/


/*메인 비쥬얼에 들어가는 타이틀 영역*/
.main_txt{position:absolute;text-align:center; top:40%; left:50%; width:800px; margin-left: -400px; z-index:3; color:#fff;  font-family: 'Noto serif KR', sans-serif; font-size:20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.main_txt span{display: block; font-family:'Cinzel Decorative', cursive; font-size:65px;}
.main_txt2{position:absolute; width:100%; text-align:center; top:28%; z-index:3; opacity:0; color:#fff;}
.main_txt2 .title00{font-family: 'PT Serif', serif;  font-size: 70px; letter-spacing: -0.02em;  text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); left: 50%; position: absolute; width: 800px; margin-left: -400px; }
.main_txt2 .title00 span {font-size: 19px; font-style: normal; font-family: 'Noto Serif KR', sans-serif; letter-spacing: 0;}
.main_txt2 .title00_room {font-family: 'Noto serif KR', sans-serif, serif;  font-size: 60px; letter-spacing: -0.02em; position: absolute; left: 50%; width:800px; margin-left: -400px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}

@media screen and (max-width: 1024px){
.main_txt{top:45%; font-size:15px; width:300px; left: 50%; margin-left: -150px;}
.main_txt span {font-size:25px;}
.main_txt2{ top:45% !important;}
.main_txt2 .title00{width: 300px; left:50%; margin-left:-150px; font-size: 30px;}
.main_txt2 .title00 span{ font-size: 14px;}
.main_txt2 .title00_room {font-size:28px; width:300px; margin-left:-150px;}
}

/*메인*/
/*룸리스트*/
#room_mobile {display: none;}

.cont_wrap{overflow:hidden;}
.cont_wrap .cont_title{overflow:hidden; margin:100px auto; text-align:center;}
.cont_wrap .cont_title .t01{font-family:'PT Serif', serif; font-size:43px; color:#333; letter-spacing: -0.02em; }
.cont_wrap .cont_title .t02{font-family: 'Noto Sans KR', sans-serif; font-size:13px; color:#666}
.cont_wrap .cont_title .t03{font-family: 'Noto Sans KR', sans-serif; color:#555; cursor:pointer; text-align:center; font-size:18px; margin-top:20px; font-weight: 600;}
.cont_wrap .cont_title .t03 span{font-family: 'Noto Sans KR', sans-serif; letter-spacing:-1px; font-weight:bold; font-size:16px; padding:7px; position:relative; top:1px; color:#333}

.room_slide_wrap{max-width:1200px; overflow:hidden; margin:0 auto; padding-bottom:100px}
.room_box{overflow:hidden; text-align:center}
.room_box img{width:100%;}
.room_box .t01{color:#333; margin-top:10px; font-family: 'Open Sans', sans-serif; font-size:20px }
.room_box .t02{color:#999; font-size:15px}
.room_box .t03{color:#2a68a2; font-size:12px; font-family: 'Open Sans', sans-serif; margin-top:10px; transition:.5s; font-weight:700;}
.room_box .t03 span{letter-spacing:-1px; font-size:13px; transition:.5s; position:relative; top:1px; color:#333; font-weight:700;}
.room_box:hover .t03 span{padding-left:15px;}
.room_box:hover .img {opacity: 0.5;}

@media screen and (max-width: 1024px){
.cont_wrap .cont_title {margin: 50px auto;}
.cont_wrap .cont_title .t01 {font-size: 20px;}
.room_slide_wrap{margin:0 10px; padding-bottom:50px}
.room_box .t01{font-size:16px;}
.room_box .t02{font-size:13px;}
.room_box .t03 span{display:none;}
}

@media screen and (max-width: 640px){
#room_mobile {display: block;}
#room_pc {display: none;}
}
/*룸리스트 끝*/

.main_section1_bg {background: #f5f5f5;}
.main_section1 {max-width:1200px; margin:0 auto; position: relative; padding: 150px 0;}
.main_section1 .left_img {max-width: 75%; }
.main_section1 .left_img img {width: 100%;}
.main_section1 .right_txt {position: absolute; top: 50%; right:0; margin-top: -200px; width: 30%; padding: 70px 50px; text-align: right; background: rgba(48, 99, 148, 0.9); color: #fff;} 
.main_section1 .right_txt .t01{font-family: 'PT Serif', serif; font-size: 40px; margin-bottom: 50px;}
.main_section1 .right_txt .t02 {font-family: 'Noto serif KR', sans-serif; font-size: 16px; margin-bottom: 50px;}
.main_section1 .view_btn{margin:30px 0 0 100px; }
.main_section1 .view_btn a{display:inline-block; padding:10px 35px; font-size:15px; font-family: 'Noto Serif KR', sans-serif;  color:#fff; border:1px solid #fff; transition:.5s; position:relative;}
.main_section1 .view_btn a:hover{background:#fff; color:#2a68a2; margin-right:20px;}
.main_section1 .view_btn .view_line{width:70px; height:1px; background:#fff; position:absolute; top:77%; right:188px;}

@media screen and (max-width: 1024px){
.main_section1 {padding: 0;}
.main_section1 .left_img {margin-left: 0px; max-width: 100%;}
.main_section1 .right_txt {position: relative; width: 100%; padding: 30px 0; margin-top: -5px; right: 0; text-align: center;}
.main_section1 .right_txt .t01 {font-size: 20px; margin-bottom: 20px;}
.main_section1 .right_txt .t02 {font-size: 14px; margin-bottom: 0;}
.main_section1 .view_btn {display: none;}
.main_section1 .view_btn .view_line {display: none;}
}

.main_section2 {position: relative; border-bottom: 1px solid #d2d2d2; padding: 200px 200px; text-align: center; font-family: 'Noto serif KR', sans-serif;}
.main_section2 .t01 {font-size: 30px; margin-bottom: 50px;}
.main_section2 .t02 {font-size: 12px; color: #8d8d8d;}
.main_section2_btn {margin-top: 100px;}
.main_section2_btn a{padding: 10px 40px; border: 1px solid #656565; background: #fff; color:#333; transition: .5s}
.main_section2_btn a:hover{background: #3e3e3e; color:#fff; border: 1px solid rgba(0,0,0,0);}
.reser_line {display: none; position: absolute; width:1px; height: 150px; background:#333; text-align: center; top:50%; left: 50%; margin-top: -380px;}
@media screen and (max-width: 1024px){
.main_section2 {padding:100px 10px;}
.main_section2 .t01 {font-size: 15px; margin-bottom: 30px;}
.main_section2_btn {margin-top: 50px;}
.reser_line {display: none;}
.main_section2_btn a {padding: 5px 20px; font-size: 13px; border: 1px solid rgba(0,0,0,0.5);}
}

/*스페셜 리스트*/
.sp_list_warp {max-width: 1200px; margin:100px auto;}
.sp_list_warp .title_a{text-align: center;}
.sp_list_warp .title_a .t01{font-family: 'PT Serif', serif; font-size: 43px;}
.sp_list_warp .title_a .t02{font-size: 13px;}
.sp_list {margin-top: 100px;}
.sp_list_warp .sp_list img {width: 100%;}
.sp_list_warp .sp_list:after {content: ""; display: block; clear: both;}
.sp_list_warp .sp_list .s01 {width: 31.3%; float: left; margin: 0 1%;}
.sp_list_warp .sp_list .s01:hover {transform:scale(0.97); transition: .3s;}
.sp_list_warp .sp_list .s_txt {background: #fff; margin-top: 400px; text-align: left; height: 40px; border:1px solid #c1c1c1; border-top: none; padding: 30px 20px 25px 20px;}
.sp_list_warp .sp_list .s_txt .t01 {font-size: 22px; color:#333; font-family: 'PT Serif', serif;}
.sp_list_warp .sp_list .s_txt .t02 {font-size: 15px; color:#46637e;}

@media screen and (max-width: 1024px){
.sp_list_warp .title_a .t01 {font-size: 20px;}
.sp_list_warp .sp_list .s_txt {padding: 20px 10px 15px 10px;}
.sp_list_warp .sp_list .s_txt .t01 {font-size: 20px;}
.sp_list_warp .sp_list .s_txt .t02 {font-size: 13px;}
}

@media screen and (max-width: 640px){
.sp_list_warp {margin: 50px 0 0;}
.sp_list_warp .title_a .t01 {font-size: 20px;}
.sp_list_warp .sp_list {display: block; margin-top: 50px;}
.sp_list_warp .sp_list .s01 {width: 100%; height: 150px; margin: 0;}
.sp_list_warp .sp_list .s01:hover {transform:scale(1); box-shadow: 1px 1px 10px #484848;}
.sp_list_warp .sp_list .s_txt {margin-top: 0; border: none; background: rgba(56, 85, 110, 0.7); padding: 10px; height: 45px;}
.sp_list_warp .sp_list .s_txt .t01 {color: #fff; font-size: 18px;}
.sp_list_warp .sp_list .s_txt .t02 {color: #fff; font-size: 13px;}
}
/*스페셜 리스트 끝*/

.bottom_img{width:100%; height:600px; position:relative;}
.bottom_img .img{width:100%; height:100%; opacity:0.5; position:absolute; top:0; background-color: #202020;}
.bottom_img .title_a{font-family: 'Noto Serif KR', sans-serif; height:263px; overflow:hidden; position:relative; display:inline-block; left:50%; z-index:1; width:800px; margin-left:-400px; top:35%;}
.bottom_img .title_a .t01{color:#fff; text-align: center; font-size: 70px;}
.bottom_img .title_a .t02{font-family: 'PT Serif', serif; font-size:13px; color:#fff; text-align: center; margin-top: 30px;}
.bottom_img .title_a .t03{font-size: 13px;}

@media screen and (max-width: 1024px){
.bottom_img {height: 300px;}
.bottom_img .img {background-attachment: scroll;}
.bottom_img .title_a {transform:scale(0.5); top: 10%}
}

@media screen and (max-width: 640px){
.bottom_img {display: none;}
}
/*메인 끝*/


/*푸터 시작*/
.foot{background:#fff; overflow:hidden; padding:50px 0; border-top: 1px solid #d2d2d2;}
.foot .footer{color:#555; max-width:1200px; margin:0 auto; text-align:center; font-size:13px;}
.foot .footer a {color: #555;}

@media screen and (max-width: 1024px){
.foot{ padding:20px}
.foot .footer{font-size:12px;}
.foot .footer .tel_num img {transform: scale(0.8);}
}
/*푸터 끝*/


/* 서브페이지 시작*/
.sub_page_top{width:100%; height:400px; background:#2b2c30; position:relative;}
.sub_page_top .bg_img{width:100%; height:100%; opacity:0.7; position:absolute; top:0}
.sub_page_top .title00{width:100%; text-align:center; position:absolute; top:10%; opacity:0;color:#fff; font-family: 'PT Serif', serif; font-size:60px; margin-top:30px; letter-spacing:-0.02em}
.sub_page_top .title00 span{font-size: 16px; font-family: 'Noto Serif KR', sans-serif; letter-spacing:0; display: block;}
.sub_page_top .title00 img{max-width:100%;}

.sub_menu_bar{width:100%; position:relative; z-index:10}
.sub_menu_bar .menu0{max-width:1550px; background:#fff; margin:-60px auto 0 auto; text-align:center; padding:10px; height:75px;}
.sub_menu_bar .menu0 a{display:inline-block; padding:10px 15px; color:#666; font-size:15px; transition:.5s;font-family: 'Noto Serif KR', sans-serif;}
.sub_menu_bar .menu0 a:hover{text-decoration:underline; color:#333}
.sub_menu_bar .menu0 a.on{text-decoration:underline; color:#333}

@media screen and (max-width: 1024px){
.sub_page_top{width:100%; height:200px; }
.sub_page_top .title00 img{max-width:50%; margin-top:-15px;}
.sub_menu_bar .menu0 {margin: 0 auto; background: #f4f4f4; height: auto;}
.sub_menu_bar .menu0 a{font-size:14px;  padding:5px 7px;}
.sub_page_top .title00 {font-size:28px; margin-top:40px;}
.sub_page_top .title00 span{font-size:15px;}
}
.sub_page_wrap{padding:10px; max-width:1200px; margin:0 auto;}

/*모든 서브 페이지 공통 - 서브네임*/
.sub_name {text-align: center; font-family: 'Noto serif KR', sans-serif, serif; margin:100px 0;}
.sub_name .t02{font-size: 30px;}
.s_txt{font-size:13px;}

@media screen and (max-width: 1024px){
.sub_name {margin: 50px 0 !important;}
.sub_name .t01 {font-size: 13px !important;}
.sub_name .t02{font-size: 20px !important;}
}
/*서브네임 끝*/

/*about 시작*/
.about_page_wrap {max-width: 1200px; margin:0 auto;}
.about_page_wrap .line {height: 1px; background:#34628d; margin: 30px auto;}

.about_page_wrap .about_ss01 {padding-top: 100px; border-top: 1px solid #dedede; position: relative;}
.about_page_wrap .about_ss01 .about_left {float: left; width: 35%; height: 500px;}
.about_page_wrap .about_ss01 .back_box {background:#34628d; width: 35%; height: 500px; position: absolute; top: 20%; left:3%; z-index: -1;}
.about_page_wrap .about_ss01 .about_right {float: right; width:64.9%; height: 600px;}
.about_page_wrap .about_ss01 .about_right .t01 {font-size: 30px; font-family: 'Charmonman', cursive; letter-spacing: 5px; margin-top:80px; padding-left: 100px;}
.about_page_wrap .about_ss01 .about_right .t02 {padding:0 100px; font-size: 15px;}
.about_page_wrap .about_ss01:after {content: ""; display: block; clear: both;}

.about_page_wrap .about_ss02 {margin: 0px ;}
.about_page_wrap .about_ss02 img {width: 100%}
.about_page_wrap .about_ss02 .ss_small {width: 31%; margin-left: 3.3%; float: left; margin-bottom: 80px;}
.about_page_wrap .about_ss02 .ss_small:first-child {margin-left:0;}
.about_page_wrap .about_ss02:after {content: ""; display: block; clear: both;}
.about_t01 .about_txt{font-family: 'Charmonman', cursive; font-size: 30px; color:#555; letter-spacing: 5px; text-align:center;}
.about_page_wrap .about_ss03 {width: 100%; height: 600px; margin:50px 0 100px ;}


@media screen and (max-width: 1024px){
    
.about_page_wrap {padding: 0 10px;}
.about_page_wrap .line {width: 100%;  margin: 15px auto;}
.about_page_wrap .about_ss01 {padding-top: 50px;}
.about_page_wrap .about_ss01 .back_box {display: none;}
.about_page_wrap .about_ss01 .about_left {width: 100%; height: 300px;}
.about_page_wrap .about_ss01 .about_right {width: 100%; height:100%;}

.about_page_wrap .about_ss01 .about_right .t01 {font-size: 20px; margin-top: 40px; padding-left: 10px;}
.about_page_wrap .about_ss01 .about_right .t02 {padding: 0 10px; font-size: 14px;}
.about_page_wrap .about_ss02 {margin-top: 50px;}
.about_page_wrap .about_ss02 .ss_small {margin-bottom: 50px;}
.about_t01 .about_txt {font-size: 20px; letter-spacing: 3px;}
}
/*about 끝*/


/*view 시작*/
.view_page_wrap {max-width: 1200px; margin:0 auto;}
.view_page_wrap .line {height: 1px; background:#3d5973; margin: 30px auto;}

.view_page_wrap .view_ss01 {padding-top: 100px; border-top: 1px solid #dedede; position: relative;}
.view_page_wrap .view_ss01 .view_left {float: left; width: 60%; height: 500px;}
.view_page_wrap .view_ss01 .back_box {background: #3d5973; width: 60%; height: 500px; position: absolute; top: 20%; left:3%; z-index: -1;}
.view_page_wrap .view_ss01 .view_right {float: right; width:39.9%; height: 600px;}
.view_page_wrap .view_ss01 .view_right .t01 {font-size: 30px; font-family: 'Charmonman', cursive; letter-spacing: 5px; margin-top:80px; padding-left: 100px;}
.view_page_wrap .view_ss01 .view_right .t02 {padding:0 100px; font-size: 15px;}
.view_page_wrap .view_ss01:after {content: ""; display: block; clear: both;}

.view_page_wrap .view_ss02 {margin: 50px 0;}
.view_page_wrap .view_ss02 img {width: 100%}
.view_page_wrap .view_ss02 .ss_small {width: 31%; margin-left: 3.3%; float: left; margin-bottom: 80px;}
.view_page_wrap .view_ss02 .ss_small:first-child {margin-left:0;}
.view_page_wrap .view_ss02:after {content: ""; display: block; clear: both;}
.view_ss02 .t01 {text-align: center; font-family: 'Charmonman', cursive; font-size: 30px; color:#555; letter-spacing: 5px;}

.view_page_wrap .view_ss03 {width: 100%; height: 600px; margin-bottom: 100px;}

@media screen and (max-width: 1024px){
.view_page_wrap {padding: 0 10px;}
.view_page_wrap .line {width: 100%;  margin: 15px auto;}
.view_page_wrap .view_ss01 {padding-top: 50px;}
.view_page_wrap .view_ss01 .back_box {display: none;}
.view_page_wrap .view_ss01 .view_left {width: 100%; height: 300px;}
.view_page_wrap .view_ss01 .view_right {width: 100%; height:100%;}

.view_page_wrap .view_ss01 .view_right .t01 {font-size: 20px; margin-top: 40px; padding-left: 10px;}
.view_page_wrap .view_ss01 .view_right .t02 {padding: 0 10px; font-size: 14px;}

.view_page_wrap .view_ss02 .ss_small {margin-bottom: 0;}
.view_ss02 .t01 {font-size: 20px; letter-spacing: 3px;}

.view_page_wrap .view_ss03 {width: 100%; height: 200px; margin-bottom: 50px;}
}
/* view 끝*/


/*room 시작*/
/*미리보기*/
.room_page_wrap {max-width: 1200px; margin: 0 auto;}
.room_page_wrap .room_layout .cont_title {margin: 100px 0; text-align: center;}
.room_page_wrap .room_layout .cont_title .t01{font-family:'PT Serif', serif; font-size:43px; color:#333; letter-spacing: -0.02em; }
.room_page_wrap .cont_title .t02{font-family: 'Noto Sans KR', sans-serif; font-size:13px; color:#666}
.room_layout {margin-bottom: 100px;}
.room_layout img {width: 100%; display: block;}
@media screen and (max-width: 1024px){
.room_page_wrap .room_layout .cont_title {margin: 50px 0;}
.room_page_wrap .room_layout .cont_title .t01 {font-size: 20px;}
.r1 {padding-top: 0 !important;}
.room_layout {margin-bottom: 0;}
}

.room_page_wrap .room_ss {margin: 100px 0;}
.room_page_wrap .room_ss img {width: 100%;}
.room_page_wrap .room_ss .ss_small {width: 32%; margin-left: 2%; float: left; margin-bottom: 80px;}
.room_page_wrap .room_ss .ss_small:first-child {margin-left:0;}
.room_page_wrap .room_ss .ss_img:after {content: ""; display: block; clear: both;}
.room_ss .t01 {text-align: center; font-family: 'Noto serif KR', sans-serif, serif; font-size: 14px; color:#555;}
.room_page_wrap .room_ss .ss_big {margin-top: 80px;}
.room_page_wrap .room_ss .reser_btn {text-align: center; margin-top: 50px;}
.room_page_wrap .room_ss .reser_btn a {padding: 10px 35px; border: 1px solid rgba(51,51,51,0.7); color:#333; font-size: 15px; transition: .5s;}
.room_page_wrap .room_ss .reser_btn a:hover {background: #333; border: 1px solid #656565; color:#fff;}

@media screen and (max-width: 1024px){
.room_page_wrap .room_ss {margin:50px 0; padding: 10px;}
.room_page_wrap .room_ss .ss_small {margin-bottom: 50px;}
.room_ss .t01 {font-size: 12px; padding: 10px;}
.room_page_wrap .room_ss .ss_big {margin-top: 50px;}
.room_page_wrap .room_ss .reser_btn {margin-top: 30px;}
.room_page_wrap .room_ss .reser_btn a {padding: 5px 20px; border: 1px solid #656565; color:#333; font-size: 13px;}
}

@media screen and (max-width: 640px){
.room_page_wrap .room_ss .ss_small {width: 100%; margin-left: 0; margin-bottom: 10px;}
.room_ss .t01 {margin-top:30px;}
}
/*room 끝*/


/*special 시작*/
.sp_page_wrap {max-width:1200px; margin: 0 auto;}
.sp_page_wrap .sp_ss .txt {text-align: center; padding-top: 100px; border-top: 1px solid #dedede;}
.sp_page_wrap .sp_ss .txt .t01 {font-family: 'Homemade Apple', cursive; font-size: 18px;}
.sp_page_wrap .sp_ss .txt .t02 {font-family: 'Noto serif KR', sans-serif, serif; font-size: 20px;}
.sp_page_wrap .sp_ss .txt .t04 {margin-top: 50px;}
.sp_page_wrap .sp_img {margin-top: 100px;}
.sp_page_wrap .sp_img .ss_small img {width: 100%;}
.sp_page_wrap .sp_img .ss_small {width: 32.5%; margin-left: 1%; float: left; margin-bottom: 80px;}
.sp_page_wrap .sp_img .ss_small:first-child {margin-left: 0;}
.sp_page_wrap .sp_img:after {content: ""; display: block; clear: both;}

@media screen and (max-width: 1024px){
.sp_page_wrap {padding: 10px;}
}

@media screen and (max-width: 640px){
.sp_page_wrap .sp_ss .txt {padding-top: 50px;}
.sp_page_wrap .sp_ss .txt .t01 {font-size: 16px;}
.sp_page_wrap .sp_ss .txt .t02 {font-size: 18px;}
.sp_page_wrap .sp_ss .txt .t04 {font-size: 14px; margin-top: 30px;}
.sp_page_wrap .sp_ss img {width: 100%;}
.sp_page_wrap .sp_img {margin-top: 50px;}
.sp_page_wrap .sp_img .ss_small {margin:0 0 10px 0; width: 100%;}
.sp_page_wrap .sp_img .ss_small:last-child {margin-bottom: 50px;}
}
/*special 끝*/


/*reser 시작*/
.reser_page_wrap {max-width: 1200px; margin: 0 auto;}
.reser_page_wrap .reser_price {text-align: center; margin-bottom: 150px;}
.reser_page_wrap .reser_price .reser_btn {margin: 50px 0 80px 0;}
.reser_page_wrap .reser_price .reser_btn a {padding: 10px 35px; font-size: 15px; color: #333; border: 1px solid #333; transition: .5s;}
.reser_page_wrap .reser_price .reser_btn a:hover {background: #333; color:#fff; border:1px solid #333;}
.reser_page_wrap .txt {padding-top: 50px; border-top:1px solid #dedede;}
#info1_guide {font-size:14px !important;}
#info2_guide {font-size:14px !important; margin-bottom: 100px;}

@media screen and (max-width: 1024px){
.reser_page_wrap .txt {padding-top: 30px;}
.reser_page_wrap .reser_info1 , .reser_info2 {padding: 0 10px;}
.reser_page_wrap .reser_price {margin-bottom: 50px}
.reser_page_wrap .reser_price .reser_btn a{padding: 5px 20px; font-size: 13px;}
#info2_guide {margin-bottom: 50px;}
}
/*reser 끝*/


/*travel 시작*/
.travel_page_wrap {max-width: 1200px; margin: 0 auto;}
.travel_page_wrap .travel_ss .tour_info {width: 48%; margin: 0 1% 100px 1%; float: left;}
.travel_page_wrap .travel_ss .tour_info img {width: 100%;}
.travel_page_wrap .travel_ss .tour_info .txt {margin-top: 20px;}
.travel_page_wrap .travel_ss .tour_info .txt .t01 {font-size: 20px; margin-bottom: 10px;}
.travel_page_wrap .travel_ss .tour_info .txt .t02, .t03{font-size: 14px; display:inline-block;}
.travel_page_wrap .travel_ss .tour_info .txt .t03 {color:#5e5e5e; margin-bottom: 10px;}
.travel_page_wrap .travel_ss .tour_info .txt .t04 {margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #dedede; font-weight: bold;}
.travel_page_wrap .travel_ss:after {content: ""; display: block; clear: both;}

@media screen and (max-width: 1024px){
.travel_page_wrap {padding: 0 10px;}
.travel_page_wrap .travel_ss .tour_info {width: 100%; margin:0 0 50px 0;}
.travel_page_wrap .travel_ss .tour_info .txt .t01 {font-size: 18px;}
.travel_page_wrap .travel_ss .tour_info .txt .t02, .t03, .t04 {font-size: 13px;}
.travel_page_wrap .travel_ss .tour_info .txt .t04 {margin-top: 10px;}
}	
/*travel 끝*/


/*traffic 시작*/
.traffic_page_wrap {max-width: 1200px; margin: 0 auto;}
.traffic_page_wrap .traffic_ss01 {width: 100%;}
.traffic_page_wrap .traffic_ss01 .txt{margin-bottom: 20px; padding-top: 50px;}
.traffic_page_wrap .traffic_ss02 {margin: 50px 0; border-top: 1px solid #dedede; padding-top: 50px;}
.traffic_page_wrap .traffic_ss02 .bycar {margin-bottom: 50px;}
.traffic_page_wrap .traffic_ss02 .txt .t01 {font-size: 18px;}
.traffic_page_wrap .traffic_ss02 .txt .t02 {margin-top: 10px;}
.traffic_page_wrap .traffic_ss02 .txt .t03 {font-size: 15px;}
.traffic_page_wrap .traffic_ss02 .bybus {margin-bottom: 100px;}

@media screen and (max-width: 1024px){
.traffic_page_wrap {padding: 0 10px;}
.traffic_page_wrap .traffic_ss01 .txt {font-size: 14px; padding-top: 30px;}
.traffic_page_wrap .traffic_ss02 {padding-top: 30px;}
.traffic_page_wrap .traffic_ss02 .bycar {margin-bottom: 30px;}
.traffic_page_wrap .traffic_ss02 .txt .t01 {font-size: 16px;}
.traffic_page_wrap .traffic_ss02 .txt .t02 {font-size: 15px;}
.traffic_page_wrap .traffic_ss02 .txt .t03 {font-size: 14px;}
.traffic_page_wrap .traffic_ss02 .bybus {margin-bottom: 50px;}
}
/*traffic 끝*/

/*요금표*/
.txt_title {
			font-size: 20px;
			font-family: 'Noto Sans KR', sans-serif;
			margin-bottom: 12px
		}

		.room_price_wrap {
			font-family: 'Noto Sans KR', sans-serif;
			font-size: 13px;
		}

		.room_price_wrap table {
			width: 100%;
			text-align: center;
			border-top: 2px solid #f89725;
			table-layout: fixed;
		}

		.room_price_wrap table thead tr {
			border: 1px solid #666
		}

		.room_price_wrap table thead tr th {
			padding: 5px 3px;
			border-bottom: 1px solid #ddd;
			border-right: 1px solid #ddd;
			background: #f8f8f8;
		}

		.room_price_wrap table thead tr th:first-child {
			border-left: 1px solid #ddd;
		}

		.room_price_wrap table tbody tr td {
			border-bottom: 1px solid #ddd;
			border-right: 1px solid #ddd;
			background: #fff;
			padding: 5px 3px;
			color: #666
		}

		.room_price_wrap table tbody tr td:first-child {
			border-left: 1px solid #ddd;
		}

		.room_price_wrap table tbody tr td span {
			font-size: 15px;
			font-weight: bold;
			color: #333;
		}

		.room_price_wrap table tbody tr td.person {
			background: #f8f8f8;
		}

		.room_info_wrap {
			overflow: hidden;
			margin: 20px 0;
			line-height: 20px;
			color: #666
		}

		.room_info_wrap span {
			color: #333;
			font-weight: bold;
		}

		.ts {
			width: 70px;
		}
.iframe_mobile {display:none;}
@media screen and (max-width: 1024px){
.iframe_pc {display:none;}
.iframe_mobile { display: block; }
.iframe_mobile .txt_title { display: none;}
}

/*popup*/
.popup1 {position:absolute; top:150px; left:50px; background:#fff; z-index:15000;}
    .popup1 .cont {width:350px; height:400px;}
    .popup1 .close {line-height:30px; padding:0 10px; font-size:13px; color:#666; background:#f3f3f3;}
    .popup1 .close .close_btn a {float:right; margin-top:-30px; cursor:pointer; color:#666;}
    @media screen and (max-width: 1024px){
        .popup1 {width:90%; height:auto; margin-left:5%; top:50px; left:0px;}
        .popup1 .cont {width:100%; height:auto;}
        .popup1 .cont img {width:100%;}
    }
	
    .popup2 {position:absolute; top:150px; left:50px; background:#fff; z-index:15000;}
    .popup2 .cont {width:500px; height:350px;}
    .popup2 .close {line-height:30px; padding:0 10px; font-size:13px; color:#666; background:#f3f3f3;}
    .popup2 .close .close_btn a {float:right; margin-top:-30px; cursor:pointer; color:#666;}
    @media screen and (max-width: 1024px){
        .popup2 {width:90%; height:auto; margin-left:5%; top:50px; left:0px;}
        .popup2 .cont {width:100%; height:auto;}
        .popup2 .cont img {width:100%;}
    }
	
    .popup3 {position:absolute; top:150px; left:50px; background:#fff; z-index:15000;}
    .popup3 .cont {width:500px; height:350px;}
    .popup3 .close {line-height:30px; padding:0 10px; font-size:13px; color:#666; background:#f3f3f3;}
    .popup3 .close .close_btn a {float:right; margin-top:-30px; cursor:pointer; color:#666;}
    @media screen and (max-width: 1024px){
        .popup3 {width:90%; height:auto; margin-left:5%; top:50px; left:0px;}
        .popup3 .cont {width:100%; height:auto;}
        .popup3 .cont img {width:100%;}
    }

/*객실테이블 pc*/

.price_table{width:100%; border:none; border-collapse:collapse; border-spacing:0; word-break:keep-all; letter-spacing:-0.05em; font-size:16px;vertical-align:middle; }
.price_table table {border-collapse: separate;border-spacing: 0;border-top: 2px solid #f89725;box-sizing: border-box; text-align: center;}
.price_table thead{font-weight:bold;}
.price_table thead th{padding: 10px 5px;vertical-align: middle;text-align: center;border-right: 1px solid #dcdcdc;box-sizing: border-box;border-bottom: 1px solid #dcdcdc;}
.price_table thead .first{width:300px}
.price_table thead .type{width:500px}
.price_table tbody td{padding:10px 10px; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.price_table thead th:last-child, .price_table tbody td:last-child {border-right: 0;}
.table_text{margin-top:40px; text-align:left}



@media screen and (max-width: 1024px){
    .price_table{display:none}
    .table_text{margin-top:0px; }
}

/*모바일*/
.txt_title{font-size:20px; font-family: 'Noto Sans KR', sans-serif; margin-bottom:12px}
.room_price_wrap{ font-family: 'Noto Sans KR', sans-serif; font-size:13px; margin:3px;}
.room_price_wrap table {
			width: 100%;
			text-align: center;
			border-top: 2px solid #f89725;
			table-layout: fixed;
		}
.room_price_wrap table thead tr{border:1px solid #666; }
.room_price_wrap table thead tr th{padding:5px 3px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f8f8f8;text-align:center}
.room_price_wrap table thead tr th:first-child{border-left:1px solid #ddd;text-align:center}
.room_price_wrap table tbody tr td{border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff; padding:5px 3px; color:#666}
.room_price_wrap table tbody tr td:first-child{border-left:1px solid #ddd;}
.room_price_wrap table tbody tr td span{font-size:15px; font-weight:bold; color:#333;}
.room_price_wrap table tbody tr td.person {background:#f8f8f8;}
.room_info_wrap{ overflow:hidden; margin:20px 0; line-height:20px; color:#666}
.room_info_wrap span{color:#333; font-weight:bold;}

@media screen and (max-width: 1920px){
    .room_price_wrap{display:none}
}

@media screen and (max-width: 1024px){
    .room_price_wrap{display:block}
    .price_table{display:none}
}

@media screen and (max-width: 640px){
    .room_price_wrap{display:block}
}