@import url(https://fonts.googleapis.com/css?family=Playfair+Display|Unna);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@import url( "https://fonts.googleapis.com/css?family=Chonburi" );


/*기본 셋팅*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html { width:100%; height:100%; }
body, code { min-width:320px; font-size:13px; line-height:1.2em; color:#1b1b1b; background:#fff; -webkit-text-size-adjust:none;height:100%; font-family: "Noto Sans KR", sans-serif;}
html, body{height:100%;}
body{min-width:1800px;}
code { background:none; display:block; }
ul li { list-style:none; }
li { list-style:none; }
ol { list-style-position:inside; }
img, fieldset{ border:none; }
img { vertical-align:middle; }
hr.layout { display:none; }
em, address { font-style:normal; }
ins { text-decoration:none; }
a { text-decoration:none; color:#000; }
a:active { text-decoration:none; }
table { width:100%; table-layout:fixed; border:0 none; border-spacing:0; border-collapse:collapse; }
table caption { display:none; }
th, td { border:0; line-height:18px; }
legend { height:0; width:0; display:block; text-indent:-9999em; }
label { cursor:pointer; }


/*메인 gnb*/

.main_gnb{overflow:hidden; position:fixed; top:0px; right:0px; height:100%; width:310px; background:#242e49; z-index:100; display:none;}
.sub_gnb{overflow:hidden; position:fixed; top:0px; left:0px; height:100%; width:310px; background:#242e49; z-index:100;}
.menu_box{overflow:hidden; margin:40px;}
.menu_box .gnb{overflow:hidden; margin-top:50px;}
.menu_box .gnb li{font-family: 'Unna', serif;}
.menu_box .gnb li a{display:block; color:#fff; font-size:25px; line-height:50px; transition:.4s} 
.menu_box .gnb li:hover a{font-size:30px; color:#ddc9a0;line-height:60px; }
.menu_box .gnb li a span{font-family: "Noto Sans KR", sans-serif; font-size:13px; display:none; transition:.4s; color:#fff}
.menu_box .gnb li:hover a span{ display:inline-block;}
.menu_box .gnb li .sub{overflow:hidden; margin:0 10px 10px 10px; display:none;}
.menu_box .gnb li .sub li{}
.menu_box .gnb li .sub li a{display:block; font-size:13px; font-family: "Noto Sans KR", sans-serif; line-height:20px; color:#fff; opacity:0.7}
.menu_box .gnb li .sub li:hover a{color:#ddc9a0; opacity:1}
.menu_box .close_btn{cursor:pointer;}

.bottom{position:absolute; bottom:0px; margin:40px; color:#fff; line-height:20px; width:230px}
.bottom .name{font-family: 'Unna', serif; font-size:18px;}
.bottom .txt{margin-bottom:20px;}
.bottom .reser_btn{color:#fff; font-size:20px; display:block; border:1px solid #fff; font-family: 'Unna', serif; text-align:center; padding:10px 0; transition:.4s;}
.bottom .reser_btn:hover{background:#fff; color:#242e49;}

.three_menu{cursor:pointer; position:absolute; right:70px; top:70px; z-index:2;}
.point_txt{position:absolute; bottom:70px; left:70px; z-index:2}
.page_logo{position:absolute; top:70px; left:70px; z-index:10;}




.swiper-container {width: 100%; height: 93%; padding-bottom:2%; padding-top:5%; }
.swiper-slide { font-size: 18px;  width: 350px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position:relative;
	transition:.4s;
}
.swiper-slide:hover{box-shadow: 5px 5px 10px #dbdbdb;}

.two_right{margin-left:500px; padding:50px 0 50px 50px; height:80%; position:relative;}
.room_slide{position:absolute; width:100%; height:90%; top:0;}
.room_info{position:absolute; bottom:0px; width:100%; height:140px; z-index:2; background:#fff; text-align:left}
.room_info .r_name{margin:40px 20px 0 40px; font-family: 'Unna', serif; font-size:30px; color:#333;}
.room_info .r_name2{margin:20px 20px 0 40px; color:#808080; font-size:16px;}
.room_info .r_go{position:absolute; right:40px; top:40px; height:50px; width:50px; border:1px solid #333; line-height:50px; text-align:center; border-radius:100%; transition:.4s;}
.room_info .r_go:hover{background:#333; color:#fff;}
.room_info .r_go:hover a{color:#fff;}
.room_info .r_go a{display:block;}

.mouse_right{color:#242e49; font-size:13px; display:block; text-align:center; position:absolute; bottom:-40px; z-index:2; left:45%}
.mouse_right img{margin-bottom:10px;}

#section1{background:#eeeeee;}

.slide_room1{background:url(http://homepageimg.infotown.kr/snowtown/images/main/room/1.jpg); background-size:cover;}
.slide_room2{background:url(http://homepageimg.infotown.kr/snowtown/images/main/room/2.jpg); background-size:cover;}
.slide_room3{background:url(http://homepageimg.infotown.kr/snowtown/images/main/room/3.jpg); background-size:cover;}
.slide_room4{background:url(http://homepageimg.infotown.kr/snowtown/images/main/room/4.jpg); background-size:cover;}
.slide_room5{background:url(http://homepageimg.infotown.kr/snowtown/images/main/room/5.jpg); background-size:cover;}
.slide_room6{background:url(http://homepageimg.infotown.kr/snowtown/images/main/room/6.jpg); background-size:cover;}

.box2_left{position:absolute; width:540px; height:100%; border-right:1px solid #8d8d8d; top:0;}
.box2_left .title_box{position:absolute; left:70px; top:300px}
.box2_left .title_box .room_menu{margin-top:50px;}
.box2_left .title_box .room_menu a{display:block;  font-family: 'Unna', serif; font-size:25px; padding:15px 0;  transition:.4s;}
.box2_left .title_box .room_menu a span{font-family: "Noto Sans KR", sans-serif; font-size:15px; color:#b49c6a; display:inline-block; border-left:1px solid #b49c6a;}
.box2_left .title_box .room_menu a:hover{font-size:30px;}

.box2_left .reser_btn2{position:absolute; top:770px; left:70px;}
.box2_left .reser_btn2 a{display:block; border:1px solid #242e49; color:#242e49; font-size:25px;  font-family: 'Unna', serif; padding:15px 40px;  transition:.4s;}
.box2_left .reser_btn2 a:hover{color:#fff; background:#242e49}

#section2{background:url(http://homepageimg.infotown.kr/snowtown/images/main/special/bg.jpg); background-size:cover;}
#section3{background:#d2c4a6;}


.sp_title_b{position:absolute; width:100%; text-align:center; top:250px;}

.sp_title_b2{position:absolute; width:30%; text-align:left; top:500px; left:100px;}
.sp_title_b2 img{width:90%;}


.m_special_list * .swiper-slide:hover{box-shadow:none;}
.m_special_list * .swiper-slide {width:280px;}


.m_special_list{width:100%; height:300px; position:absolute; top:400px; }
.sp_m{width:100%; height:300px; text-align:center; position:relative;}
.sp_m .thum{overflow:hidden; border-radius:100%; width:230px; height:230px; border:3px solid #fff; margin:10px auto 0 auto; transition:.4s; background:#333}
.sp_m .thum img{width:100%; opacity:0.7}
.sp_m:hover .thum img{width:100%; opacity:1}
.sp_m:hover .thum { border:5px solid #b49c6a; width:240px; height:240px; margin:0px auto 0 auto; }
.sp_m .name{position:absolute; bottom:0px; color:#fff; width:100%; transition:.4s}
.sp_m:hover .name{color:#b49c6a }


.mouse_bottom{color:#fff; font-size:13px; display:block; text-align:center; position:absolute; bottom:-230px; z-index:2; left:45%}
.mouse_bottom img{margin-bottom:10px;}


.facilities{ position:absolute; right:150px; height:70%; top:30%;}
.facilities .f_ms {width:350px; float:left; margin-right:20px; background:#fff; margin-bottom:20px; transition:.4s; box-shadow: 5px 5px 10px #bcaf94;}
.facilities .f_ms:hover{background:#e5ddcb;}
.facilities .f_ms img{width:100%; }

.quick{ text-align:center; position:absolute; top:300px; width:100%; padding-left:10px}
.quick .q_m{width:340px; height:340px; display:inline; margin-left:-20px;}

.copyright{width:100%; position:absolute; bottom:0px; text-align:center; margin:200px 0 100px 0}
.copyright .copy{border-top:1px solid #242e49; margin:60px 100px 0 100px; padding-top:30px; font-size:12px; line-height:20px;}
.copyright .three{position:relative; font-size:15px; line-height:25px;}
.copyright .three .step1{position:absolute; left:100px; text-align:left; top:0px;}
.copyright .three .step2{position:absolute; left:50%; margin-left:-120px}
.copyright .three .step2 a{width:240px; height:40px; display:inline-block; text-align:center; border:1px solid #242e49; line-height:40px; transition:.4s;}
.copyright .three .step2 a:hover{background:#242e49; color:#fff;}
.copyright .three .step3{position:absolute; right:100px; text-align:right; top:0px;}


.sub_wrap_tong{position:relative; padding-bottom:300px; margin-left:310px; min-height:800px}
.sns{margin-left:310px; background:#333333; text-align:left; position:relative; }
.sns a{display:inline-block; }

.prologue{height:960px; width:100%; position:relative; text-align:center; overflow:hidden;}
.prologue .title{position:absolute; right:0px; bottom:100px;}
.prologue .title2{position:absolute; right:740px; bottom:100px;}

.room_list{ background:#eeeeee; height:900px; position:relative;}
.two_right2{height:500px; position:absolute; width:100%; bottom:230px;}
.room_list .title{text-align:center; padding-top:100px;}


.mouse_bottom2{color:#242e49; font-size:13px; display:block; text-align:center; position:absolute; bottom:-160px; z-index:2; left:45%}
.mouse_bottom2 img{margin-bottom:10px;}


.room_slider{position:relative; height:100%; margin-left:310px;}


.room_detail{overflow:hidden; background:#cfc7b4; text-align:center;}
.room_detail img{margin:100px auto; max-width:100%;}
.room_price{background:#fff; padding:100px 0; overflow:hidden; width:1200px; margin:0 auto;}
.room_price .pri{overflow:hidden; margin-top:30px; padding-bottom:20px;}




.sub_bg{overflow:hidden; text-align:center; padding:100px 0;}

.reservation{overflow:hidden;}
.reservation .box{overflow:hidden; margin:50px 15%; font-size:14px; line-height:30px; color:#888}
.reservation .box p{font-size:30px ; font-family: 'Chonburi', cursive; padding:30px 0 10px 0; border-bottom:1px solid #ddd; color:#242e49}
.reservation .box p span{font-size:13px; font-family: "Noto Sans KR", sans-serif; }
.reservation .box .txt{padding:30px; }


.facilities2{overflow:hidden; margin:0 100px}
.facilities2 .box{overflow:hidden; height:650px; position:relative; width:100%; margin-bottom:100px}
.facilities2 .box .img{position:absolute; left:0; top:0; z-index:1;}
.facilities2 .box .txt{position:absolute; right:0; bottom:0px; z-index:2;  width:640px; height:450px;}
.facilities2 .box .boder{position:absolute; right:30px; bottom:30px;}
.facilities2 .box .img2{position:absolute; right:0; top:0; z-index:1}
.facilities2 .box .txt2{position:absolute; left:0; bottom:0px; z-index:2; width:640px; height:450px;}
.facilities2 .box .boder2{position:absolute; left:30px; bottom:30px;}
.facilities2 .box .in_txt{margin:50px}
.facilities2 .box .in_txt p{font-size:30px ; font-family: 'Chonburi', cursive; padding:30px 0 10px 0; border-bottom:1px solid #fff; color:#242e49}
.facilities2 .box .in_txt p span{font-size:13px; font-family: "Noto Sans KR", sans-serif; }
.facilities2 .box .in_txt .tt{padding:30px;  line-height:30px}




.special{overflow:hidden;margin:50px auto; width:1200px; border-bottom:1px solid #242e49; }
.special .box{overflow:hidden;  font-size:14px; line-height:30px; color:#888; margin-bottom:50px }
.special .box p{font-size:25px ; font-family: 'Chonburi', cursive; padding:20px 0; border-top:1px solid #242e49; color:#242e49; cursor:pointer}
.special .box p span{font-size:18px; font-family: "Noto Sans KR", sans-serif; display:inline-block; padding-left:20px }
.special .box .txt{ overflow:hidden; padding:20px 10px 30px 10px;}
.special .box .txt .left{width:60%; float:left;}
.special .box .txt .left img{width:90%;}
.special .box .txt .right{width:40%; float:right;}
.special .box .txt .right p{font-family: "Noto Sans KR", sans-serif;border-bottom:1px solid #ddd;font-size:18px;border-top:none; }



.view2{position:relative; padding-bottom:300px; margin-left:310px; min-height:0px}

.img2 .bx-pager{bottom:50px !important;}
.img .bx-pager{bottom:50px !important;}
.left .bx-pager{bottom:50px !important;}