@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );
@import url("http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css");
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Playball');


html, body{font-family: "Noto Sans KR", sans-serif; margin:0; padding:0;}

.wrap{width:100%; min-width:1400px; height:100%; background:#fff; text-align:center;}

.nav{ top:0; z-index:9900; width:100%; background:rgba(255,255,255,1); transition:all ease-in-out;}
.nav:hover{background:#fff;}
.nav .nav_center{width:1580px; margin:auto; height:100px; position:relative;}
.nav .logo{margin-top:23px; position:absolute;}
.nav .menu{position:absolute; left:50%; margin-left:-530px; font-family: "Noto Sans", sans-serif;}
.nav .menu ul li{ float:left; line-height:100px; font-size:15px; padding:0 20px; font-weight:bold;}
.nav .menu ul li > div{ display:none; padding:5px 0 7px 0;}
.nav .menu ul li > div .sub_menu{padding:0px;}
.nav .menu ul li > div .sub_menu li{ font-size:13px; font-weight:normal; padding:0px; line-height:30px; color:#333;}
.nav .menu ul li > div .sub_menu li a{display:block}
.nav .menu ul li > div .sub_menu li a:hover{color:#787878;}
.nav .menu ul li > div .sub_menu li.line{margin:0 7px; color:#ccc; font-weight:normal;}
.nav .menu ul li > div .last_width{width:300px;}

/* .nav .menu > ul > li > a:hover{background:rgba(204,204,204,0.4);} */
.nav .menu ul li:hover div{display:block; position:absolute; top:60px;}

.nav .reser_now{ position:absolute; right:0%; top:28px;}
.nav .reser_now img{float:left;}
.nav .reser_now p{float:left; height:60px; padding-top:12px; margin-left:7px; text-align:right; font-weight:bold; font-size:16px; line-height:18px;}


.menu_btn{position:fixed; top:0; width:60px; height:60px; margin:30px; cursor:pointer; z-index:9990; display:none; text-align:center;}
.menu_btn .menu-trigger{width:60px; height:60px; display:block; margin-bottom:5px;}
.all_menu{position:fixed; width:450px; height:100%; left:-600px; background:#444; margin-top:-100px;  z-index:9999; padding:150px 0 0 70px; color:#fff; transition:.5s;}
.all_menu .grow > a{color:#fff; font-family: 'Jeju Myeongjo', serif; font-size:25px; opacity:0.7; display:inline-block; transition:.3s;}
.all_menu .grow > a:hover{opacity:1; transform:scale(1.1); margin-left:20px;}
.all_menu .grow span{ font-family: "Noto Sans KR", sans-serif; font-size:14px; margin-left:10px; opacity:0.7; display:none; transition:0.3s;}
.all_menu .grow:hover span{margin-left:15px; opacity:1; display:inline-block;}
.all_menu .grow div{padding:10px 0 40px 15px; font-family: "Noto Sans KR", sans-serif;}
.all_menu .grow div > a{display:inline-block; padding:10px 15px 0 0; color:#fff; opacity:0.7;}
.all_menu .grow div > a:hover{color:#fff; text-decoration:underline; opacity:1;}
.all_menu .all_menu_bg{position:absolute; top:600px; right:0; width:93px; height:536px; background:url(http://homepageimg.infotown.kr/are/images/common/all_menu_bg.png)no-repeat;}
.all_menu .all_menu_close{position:absolute; top:10px; left:10px;}


.contents{width:100%; margin:50px auto 0; text-align:center; padding-top:80px; padding-bottom:68px; position:relative; background:#f6f6f6;}
.contents1{width:1580px; margin:0px auto 0; padding:50px 0 80px 0; background:#f6f6f6;}
.contents2{width:100%; background:#fff; padding:50px 0;}
.contents3{width:100%; padding-top:80px; padding-bottom:110px; background:#f6f6f6;}

/* main */
.slider_box{width:1580px; margin:0px auto 0; position:relative;}
.slider_box .slider{width:1580px; margin:auto;}
.slider_box .slider .s_txt{position:absolute; top:430px; right:50%; margin-right:-350px; z-index:99; color:#fff;}
.slider_box .slider .s_txt .t01{font-family: "Noto Sans KR", sans-serif; font-size:15px; margin-bottom:35px; text-shadow:rgba(0,0,0,0.3) 0px 1px 3px;}
.slider_box .slider .s_txt .t02{font-family: 'Jeju Myeongjo', serif; font-size:50px; text-shadow:rgba(0,0,0,0.3) 0px 1px 10px;}
.slider_box .slider .s_txt .t02 span{font-weight:bold;}
.slider_box .slider .s_txt .t03{font-size:12px; opacity:0.6; margin-top:40px; line-height:15px;}

.slider_box .slider .s_img{position:absolute; width:1580px; height: 800px; top:0; left:0; background:url(http://homepageimg.infotown.kr/are/images/about/bg.png)no-repeat center top;}
.slider_box .slider .s_img .s_txt1{position:absolute; top:90px; right:50%; margin-right:-265px; z-index:99; color:#fff;}
.slider_box .slider .s_img .s_txt1 .t01{font-size:14px; margin-bottom:35px; letter-spacing:1px;}
.slider_box .slider .s_img .s_txt1 .t02{font-family:'Abril Fatface', cursive; font-size:60px; letter-spacing:1px;}
.slider_box .slider .s_img .s_txt1 .t03{font-size:10px; opacity:0.8; margin-top:45px; line-height:13px; letter-spacing:5px;}
.slider_box .slider .s_img .s_txt1 .t04{line-height:25px; margin-top:30px; font-size:15px;}

.slider_box .slider .s_txt2{position:absolute; bottom:230px; right:50%; margin-right:-280px; z-index:99; color:#fff;}
.slider_box .slider .s_txt2 .t01{font-family: "Noto Sans KR", sans-serif; font-size:15px; margin-bottom:35px; text-shadow:rgba(0,0,0,0.3) 0px 1px 3px;}
.slider_box .slider .s_txt2 .t02{font-family: 'Jeju Myeongjo', serif; font-size:45px; text-shadow:rgba(0,0,0,0.2) 0px 1px 7px;}
.slider_box .slider .s_txt2 .t03{font-size:11px; opacity:0.4; margin-top:40px; line-height:13px;}

/* main special preview */
.ms_txt{padding:50px 0;}
.ms_txt .big{font-family: 'Jeju Myeongjo', serif; font-size:35px; color:#333;}
.ms_txt .big span{color:#cb293b;}
.ms_txt .big span.blue{color:#4394d9}
.ms_txt .big span.brown{color:#b48060;}
.ms_txt .big span.downblue{color:#4d81b5;}
.ms_txt .big span.yellow{color:#ffc400;}
.ms_txt .eng{font-size:11px; opacity:0.4; margin:30px auto 10px; line-height:13px;}
.ms_txt .kor{font-size:13px;}
.ms_txt .s_rhombus{margin:80px auto 30px; width:35px; height:35px; background:#333; line-height:35px; color:#fff; transform:rotate(45deg)}
.ms_txt .s_rhombus .s_num{transform:rotate(-45deg)}
.ms_txt .title{font-family: 'Jeju Myeongjo', serif; font-size:30px;}
.ms_txt .title span{font-family: "Noto Sans KR", sans-serif; font-size:13px; }

.special_box{width:1542px; margin:auto; display:table; padding-bottom:50px;}
.special_select li{display:inline-block; width:375px; height:570px; overflow:hidden; position:relative; margin:0 14px 14px 0;}
.special_select li.last{margin-right:0px;}


/* main room preview */
.mroom_title{padding:70px 0 60px 0;}
.roompre_con{margin:auto; display:table; width:1010px;}
.roompre_con .room_select li{margin-right:50px; float:left; width:480px;}
.roompre_con .room_select li.last{margin-right:0;}
.roompre_con .room_select li a{width:480px; display:block; text-align:left; position:relative;}
.roompre_con .room_select li a img{width:480px; height:300px;}
.roompre_con .room_select li a .more{position:absolute; bottom:30px; left:50%; margin-left:-90px; font-weight:bold; border:1px solid #333; width:180px; height:40px; text-align:center; line-height:40px; transition:.3s;}
.roompre_con .room_select li:hover a .more{color:#fff; border:1px solid #333; background:#333;}
.roompre_con .room_select li span{padding:20px 0 50px; display:block; font-size:18px;}


/* prologue */
#about_slide * .bx-prev{background:rgba(255,255,255,0) !important;}
#about_slide * .bx-next{background:rgba(255,255,255,0) !important;}
#about_slide * .bx-pager{display:none !important;}


/* room */ 
.slider_box .slider .rm_txt{position:absolute; top:400px; left:50%; margin-left:-290px; z-index:99; color:#fff;}
.slider_box .slider .rm_txt .rm01{font-family: 'Playball', cursive; font-size:25px; margin-bottom:35px; text-shadow:rgba(0,0,0,0.3) 0px 1px 3px;}
.slider_box .slider .rm_txt .rm02{font-family: 'Jeju Myeongjo', serif; font-size:40px; text-shadow:rgba(0,0,0,0.4) 0px 1px 10px;}
.slider_box .slider .rm_txt .rm03{font-size:11px; opacity:0.6; margin-top:30px; line-height:13px;}
.contents3 .room_name{position:absolute; top:-56px; left:50%; margin-left:-58px;}
.contents3 .room_price{width:1100px; margin:30px auto 0; color:#fff;}
.contents3 .room_price p{font-family: 'Jeju Myeongjo', serif; font-size:40px; text-align:left; color:#333; margin-bottom:30px;}
.contents3 .room_detail{width:1580px; margin:auto; }

/* special */
#sp_slide * .bx-prev{background:url(http://homepageimg.infotown.kr/thegarden/images/special/left_btn_on.png)no-repeat !important; width:24px !important; height:67px !important; position:absolute; top:50% !important; left:50px !important;}
#sp_slide * .bx-next{background:url(http://homepageimg.infotown.kr/thegarden/images/special/right_btn_on.png)no-repeat !important; width:24px !important; height:67px !important; position:absolute; top:50% !important; right:50px !important;}
#sp_slide * .bx-pager{position: absolute; bottom:50px !important;}

.conbg{width:100%; background:#efefef url('http://homepageimg.infotown.kr/are/images/special/bg.jpg')no-repeat center top; padding-top:50px; padding-bottom:100px;}
.sp_menu{margin:100px auto 0 ; width:480px; display:table;}
.sp_menu .sp_menu1{font-size:14px; width:110px; height:110px; background:url('http://homepageimg.infotown.kr/gpdalkomm/images/menu/s_menu.png'); float:left; line-height:110px; margin-right:10px;}
.sp_menu .sp_menu1 a{width:110px; height:110px; display:block;}
.sp_menu .sp_menu1 a:hover{background:url('http://homepageimg.infotown.kr/gpdalkomm/images/menu/s_menu_on.png'); color:#fff;}
.sp_menu .last{margin-right:0px;}
.sp_menu .on a{background:url('http://homepageimg.infotown.kr/gpdalkomm/images/menu/s_menu_on.png'); color:#fff;}
.sp_subtitle{margin:70px auto 60px auto;}
.slider_box2 {width:1100px; height:675px; margin:auto;}
.slider_box2 .slider2 .special_txt{position:absolute; right:70px; bottom:35px; z-index:99;}

.special_p{line-height:30px; margin:20px auto 0px; font-size:16px;}
.special_p span{font-weight:900; color:#4394d9;}

/* tour */
.tourbg{width:100%; background:#efefef url('http://homepageimg.infotown.kr/are/images/tour/bg.jpg')no-repeat center top;padding-top:80px;}

.tour_center{width:1500px; height:3300px; margin:0 auto; padding-top:120px; padding-bottom:80px;}
.tour_box{margin-bottom:60px; position:relative; height:560px;}
.tour_box .last{margin:0px;}
.tour_box .line{width:720px; height:450px; border:1px solid #ff4056; position:absolute; z-index:9; right:1%; top:30px;}
.tour_box .back{width:720px; height:450px; background:#fff; position:absolute; z-index:10; right:3%; top:0;}
.tour_box .back p{margin:100px 100px 0 180px; line-height:30px; text-align:left;}
.tour_box .back p span{font-size:18px; font-weight:bold;}
.tour_box .back img{position:absolute; bottom:0; right:0;}
.tour_box .photo{width:800px; height:520px; overflow:hidden; position:absolute; z-index:11; left:2%; top:50px;}

.tour_box .line2{width:720px; height:450px; border:1px solid #ff4056; position:absolute; z-index:9; left:1%; }
.tour_box .back2{width:720px; height:450px; background:#fff; position:absolute; z-index:10; left:3%; top:40px;}
.tour_box .back2 p{margin:100px 180px 0 100px; line-height:30px; text-align:right;}
.tour_box .back2 p span{font-size:18px; font-weight:bold;}
.tour_box .back2 img{position:absolute; bottom:0; right:0;}
.tour_box .photo2{width:800px; height:520px; overflow:hidden; position:absolute; z-index:11; right:1%; top:-130px;}

/* location */
.locabg{width:100%; background:#efefef url('http://homepageimg.infotown.kr/are/images/loca/bg.jpg')no-repeat center top; padding-top:100px; padding-bottom:100px; display:table;}
.map_box{width:1200px; margin:auto; text-align:left; padding-top:150px}
.map_box .big_num{font-family: 'Abril Fatface', cursive; font-size:130px; opacity:0.2; color:#2a2f5a;}
.map_box .eng_title{font-family: 'Jeju Myeongjo', serif; font-size:30px; position:absolute; margin-left:80px; color:#2a2f5a;}
.map_box .eng_title span{font-family: "Noto Sans KR", sans-serif; font-size:13px;}
.map_box .info{margin:70px 0 0 100px; line-height:30px;}

/* reservation */
.reserbg{width:100%; background:#efefef url('http://homepageimg.infotown.kr/are/images/reser/bg.jpg')no-repeat center top; padding-top:100px; padding-bottom:50px;}
.reser_con{width:1200px; margin:auto; padding-top:150px; text-align:left;}
.reser_con .big_num{font-family: 'Abril Fatface', cursive; font-size:130px; opacity:0.3; color:#917c6f;}
.reser_con .eng_title{font-family: 'Jeju Myeongjo', serif; font-size:30px; position:absolute; margin-left:70px; color:#39322d;}
.reser_con .eng_title span{font-family: "Noto Sans KR", sans-serif; font-size:13px;}
.reser_con .info{margin:70px 0 0 100px; line-height:30px;}


/* community */
.commubg{width:100%; background:#efefef url('http://homepageimg.infotown.kr/are/images/commu/bg.jpg')no-repeat center top; padding-top:100px; padding-bottom:100px;}
.c_menu_box{width:420px; margin:0 auto 60px;}
.c_menu_box .c_menu{float:left; padding:10px; width:50px; height:50px; line-height:50px; text-align:center; background:#333; border:2px solid #333; color:#efefef; transform:rotate(45deg); margin-right:30px;}
.c_menu_box .c_menu a{color:#efefef;}
.c_menu_box .c_menu:hover{border:2px solid #333; background:#fff;}
.c_menu_box .c_menu:hover a{ color:#333; font-weight:bold;}
.c_menu_box .on{background:#fff; border:2px solid #333;}
.c_menu_box .on a div{color:#333; font-weight:bold;}
.c_menu_box .c_menu .c_named{transform:rotate(-45deg);}

.board{padding-top:170px; width:1200px; margin:auto;}


/* footer */
.footer{position:relative; width:100%; height:150px; background:#333; color:#efefef; padding-top:40px;}
.footer .top_btn{position:absolute; top:-39px; left:50%; margin-left:-39px;}
.footer_center{width:863px; margin:auto; text-align:center; font-size:13px; line-height:22px;}
.footer_center span{font-weight:bold; font-size:16px;}
.footer_center p{font-size:12px; color:#ddd;}
.footer_center p a{color:#efefef}
.footer_center p a:hover{text-decoration:underline;}

.btn_left{left:0px;}