/* Written By MJS */
html,body,p,div,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-size:12px;font-family:'Nanum Gothic',sans-serif}
img,fieldset{border:0;margin:0;padding:0;}
ul,ol{list-style:none}
em,address{font-style:normal}
a{border:0;cursor:pointer;color:#333;}
a:link{border:0;color:#333;text-decoration:none}
a:visited,a:hover,a:active{border:0;color:#333;text-decoration:none}
table{border-spacing:0;padding:0;border:0;border-collapse:collapse}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}
@font-face { /* 나눔고딕 Regular */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 800;
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
html, body {
background:#fff;
font-family: 'Nanum Gothic', sans-serif;
min-width:1200px;
}
/*=================================== 상단 ===================================*/
#header{position:fixed;left:0;top:0;width:100%;height:80px;background:#fff;z-index:100000000;}/*background:url(../img/bg_black.png) repeat;*/
.header_w{position:relative;width:1200px;margin:20px auto;}
/* 로고 */
a.logo{position:relative;float:left;line-height:40px;font-size:36px;font-weight:400;font-family:'Nanum Myeongjo' !important;color:#000;z-index:100;}
/* 메뉴 */
.menu{position:absolute;right:0;top:0;z-index:10000;}
.menu > ul{float:left;width:100%;}
.menu > ul > li{position:relative;float:left;width:140px;}
.menu > ul > li > a{position:relative;float:left;width:100%;text-align:center;display:block;line-height:40px;font-size:20px;color:#000;padding-bottom:50px;}
.menu > ul > li > ul{display:none;}
.menu > ul > li:hover ul{position:absolute;left:-10px;top:47px;width:160px;display:block;background:url(../img/bg_black.png) repeat;border-radius:10px;overflow:hidden;z-index:1000;}
.menu li li{display:inline-block;float:left;width:100%;background:none;text-align:center;}
.menu li li a{float:left;display:block;width:100%;line-height:34px;font-weight:bold;font-size:13px;color:#fff;cursor:pointer;}
.menu li li a:hover{background:#888;}
/*=================================== 메인 ===================================*/
/* 메인슬라이드 */
#slide{position:absolute;top:0;left:0;width:100%;height:1000px;overflow:hidden;}/* 메인비주얼 */
#wrapper{position:absolute;top:0;left:0;width:100%;height:1000px;background:#e0e0e0;overflow:hidden;}
#slideshow{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
#slides{position:relative;width:2000px;height:1000px;}
#slides li{position:relative;float:left;width:2000px;height:1000px;}
.ment{position:absolute;top:25%;left:0;width:100%;text-align:center;text-shadow: 2px 2px 2px black;}
.ment b{float:left;width:100%;font-size:60px;letter-spacing:-2px;color:#fff;margin-bottom:50px;}
.ment p{font-size:22px;color:#fff;}
/* 동영상 백그라운드 */
.video{position:relative;float:left;width:100%;height:940px;overflow:hidden;}
video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
background:url('./video/radiche.jpg') no-repeat; background-size:cover; -webkit-transition:1s opacity; transition:1s opacity;}
#video button:hover{background:rgba(0,0,0,0.5);}
@media screen and (max-width:500px){
div{width:70%;}
}
@media all and (max-device-width:800px) {
body{background:url("./video/radiche.jpg") #000 no-repeat center center fixed; background-size:cover; }
#bgvid, #video button{display:none; }
div{width:70%;}
}
/* 스크롤 아래로 아이콘 */
.scroll_icon{animation:animatedbang 1.5s infinite; position:fixed;bottom:120px;left:0;width:100%;height:130px;background:url(../img/scroll.png) no-repeat top center;background-size:40px;z-index:100;}
.scroll_icon p{position:absolute;left:0;bottom:0;width:100%;line-height:20px;font-size:16px;color:#fff;text-align:center;}
@keyframes animatedbang{0%{transform:translateY(10px);}
50%{transform:translateY(-10px);}
100%{transform:translateY(10px);}
}
/* 메인 1200px 넓이로 가운데정렬 */
.box1200{position:relative;width:1200px;margin:0 auto;}
/* 메인타이틀 */
.main_title{position:relative;float:left;width:100%;padding:150px 0 0 0;margin:0 0 40px 0;background:url(../img/line.gif) no-repeat top center;}
.main_title b{float:left;width:100%;line-height:100%;font-size:52px;font-weight:400;letter-spacing:-1px;font-family:'Nanum Myeongjo' !important;text-align:center;}
.main_title p{float:left;width:100%;line-height:24px;font-size:18px;text-align:center;color:#000;padding-top:26px;margin-top:20px;background:url(../img/line3.gif) no-repeat top center;}
.main_title p span{float:left;width:100%;font-size:11px;text-align:center;font-family:'Nanum Myeongjo' !important;color:#999;}
.main_title2{position:relative;float:left;width:100%;padding:150px 0 0 0;margin:0 0 40px 0;background:url(../img/line1.gif) no-repeat top center;}
.main_title2 b{float:left;width:100%;line-height:100%;font-size:52px;font-weight:400;letter-spacing:-1px;font-family:'Nanum Myeongjo' !important;text-align:center;color:#fff;}
.main_title2 p{float:left;width:100%;line-height:26px;font-size:18px;text-align:center;color:#fff;padding-top:26px;margin-top:20px;background:url(../img/line2.gif) no-repeat top center;}
.main_title2 p span{float:left;width:100%;font-size:11px;text-align:center;font-family:'Nanum Myeongjo' !important;color:#fff;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;margin-top:6px;}
/* 객실 미리보기 */
#main_room{position:relative;float:left;width:100%;background:#e0e0e0;margin-top:860px;padding:0 0 100px 0;z-index:100000000;}
.room{position:relative;width:1200px;margin:0 auto;}
.room ul{position:relative;float:left;width:1230px;margin:-15px 0 0 -15px;}
/*.room ul li{position:relative;float:left;width:380px;height:390px;text-align:center;margin:15px;background:#fff;}*/
.room ul li{position:relative;float:left;width:278px;height:330px;text-align:center;margin:14px;background:#fff;}
/*.room ul li a{position:relative;float:left;width:380px;height:240px;overflow:hidden;}*/
.room ul li a{position:relative;float:left;width:278px;height:200px;overflow:hidden;}
/*.room ul li a img{float:left;width:100%;height:240px;}*/
.room ul li a img{float:left;width:100%;height:240px;}
.room ul li .room_txt{float:left;width:100%;height:110px;padding:20px 0;}
.room ul li .room_txt b{float:left;width:100%;line-height:100%;font-size:30px;font-weight:400;font-family:'Nanum Myeongjo' !important;text-align:center;color:#000;}
.room ul li .room_txt p{float:left;width:100%;line-height:18px;font-size:13px;text-align:center;color:#aaa;margin:10px 0 20px 0;}
.room ul li .room_txt input{display:inline-block;width:78px;height:28px;line-height:28px;font-size:13px;text-align:center;border:none;color:#fff;background:#333;}
.room ul li .room_txt input:hover{cursor:pointer;background:#666;}
/* 마우스 오버시 효과 */
.room ul li:hover a img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/* 마우스 아웃시 효과 */
.room ul li a img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/* 서비스 */
#main_svc{position:relative;float:left;width:100%;background:#235c47;padding:0 0 100px 0;z-index:100000000;}
.service{position:relative;width:1200px;margin:0 auto;}
.service ul{position:relative;float:left;width:100%;}
.service ul li{position:relative;float:left;width:220px;height:220px;margin-left:25px;border-radius:110px;overflow:hidden;}
.service ul li:first-child{margin:0;}
.service ul li img{position:relative;float:left;width:220px;height:220px;overflow:hidden;}
.service ul li p{position:absolute;left:0;bottom:0;width:100%;line-height:66px;font-size:18px;font-weight:600;text-align:center;color:#fff;background:url(../img/bg_black2.png) repeat;}
/* 마우스 오버시 효과 */
.service ul li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/* 마우스 아웃시 효과 */
.service ul li img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s}
/* 부대시설 */
#main_fac{position:relative;float:left;width:100%;background:#fff;padding:0 0 100px 0;z-index:100000000}
/* #tab_w{position:relative;float:left;width:100%;height:836px;text-align:center;margin-right:50px;} */
#tab_w{position:relative;float:left;width:100%;height:740px;text-align:center;margin-right:50px;}
ul.tabs{text-align:center;}
ul.tabs li{display:inline-block;max-width:115px;height:40px;margin:0 1px;}/*width:140px !important;*/
ul.tabs li a{float:left;width:100%;height:40px;line-height:40px;font-size:14px;font-weight:600;text-align:center;color:#888;background:#ebebeb;}
ul.tabs li.active a{color:#fff;background:#235c47;}
ul.tabs li a:hover{color:#fff;background:#aaa;}
.tab_container{position:relative;float:left;width:100%;height:660px;margin-top:5px;}
.tab_content{position:relative;float:left;width:100%;}
.fac_box{position:absolute;right:0;bottom:0;width:440px;height:220px;text-align:left;padding:40px 0 0 40px;background:#235c47;}
.fac_box b{float:left;width:100%;line-height:100%;font-size:36px;font-weight:400;letter-spacing:-1px;color:#fff;margin-bottom:24px;}
.fac_box p{float:left;width:90%;line-height:20px;font-size:14px;color:#fff;}
.fac_box a{position:absolute;right:0;bottom:0;}
/*=================================== 하단 ===================================*/
#footer{position:relative;float:left;width:100%;background:#333;padding:40px 0 70px 0;z-index:100000000}
.f_box{float:left;width:33%;text-align:center;}
.f_title{float:left;width:100%;line-height:80px;font-size:26px;color:#888;letter-spacing:0;text-align:center;font-family:'Nanum Myeongjo' !important;margin-bottom:20px;background:url(../img/line3.gif) no-repeat bottom center;}
.f_box p{float:left;width:100%;line-height:100%;font-size:20px;color:#fff;margin-bottom:10px;}
.f_box span{float:left;width:100%;line-height:18px;font-size:12px;color:#fff;filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.3;}
/*=================================== 서브 공통 style ===================================*/
/* 서브 확대되는 배경 슬라이드 */
#slideshow-banner{position:fixed;left:0;top:0;width:100%;height:1000px;overflow:hidden;}
#slideshow-banner ul{position:absolute;top:0;left:50%;width:2000px;height:1000px;margin-left:-1000px;overflow:hidden;/* 흐림효과 filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.3;*/}
#slideshow-banner ul .slideshow-item{position:relative;float:left;height:1000px;}
.slideshow-transform{transform:scale(1.1, 1.1);transition:transform 10s;}
/* 서브탭메뉴 */
.sub_tab{position:relative;float:left;width:100%;margin-top:140px;}
.sub_tab b{float:left;width:100%;line-height:100%;font-size:32px;font-weight:400;letter-spacing:-1px;text-align:center;color:#000;}
.sub_tab ul{position:relative;width:1200px;margin:0 auto;text-align:center;margin-top:60px;}
.sub_tab ul li{display:inline-block;width:160px;height:48px;margin:1px;text-align:center;}
.sub_tab ul li a{float:left;width:100%;height:46px;line-height:46px;font-size:16px;color:#555;background:#fff;border:1px solid #ccc;}
.sub_tab ul li a:hover{background:#f4f4f4;}
.sub_tab ul li a.on{font-weight:600;color:#fff;border:1px solid #333;background:#333;}
/* 서브컨텐츠 */
#sub_contents{position:relative;float:left;width:100%;margin:40px 0 100px 0;z-index:1000;}
.contents{position:relative;width:1200px;padding:80px;margin:0 auto;height:auto;background:#fff;overflow: hidden;}
.page_content{position:relative;float:left;width:100%;min-height:300px;}
/* 서브타이틀 */
.sub_title{float:left;width:97.5%;line-height:100%;padding-left:1.5%;font-size:26px;letter-spacing:-1px;font-weight:600;color:#000;border-left:5px solid #999;margin:60px 0 30px 0;}
/*================================== 서브 내용 ==================================*/
/* 인사말 */
#greeting{position:relative;float:left;width:100%;line-height:24px;font-size:16px;color:#666;}
#greeting b{float:left;width:100%;line-height:46px;font-size:30px;font-weight:400;letter-spacing:-1px;font-family:'Nanum Myeongjo' !important;color:#000;}
#greeting .gree_img{position:relative;float:left;width:100%;margin:4% 0;border-bottom:20px solid #e2f4f8;}
#greeting .gree_img img{float:left;width:100%;}
#greeting .gree_img span.p1{position:absolute;left:50px;top:70px;font-size:50px;font-weight:400;text-align:left;letter-spacing:-2px;color:#fff;font-family:'Nanum Myeongjo' !important;filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7;}
#greeting .gree_img span.p2{float:left;width:100%;font-size:16px;letter-spacing:-1px;font-family:'Nanum Gothic';margin-top:24px;}
/* 찾아오시는길 */
.cont{border:2px solid #eee;}
/* 외관 및 주변전경 */
.photo_list{position:relative;float:left;width:100%;z-index:100000000000000;}
#big{position:fixed !important;left:50%;top:53% !important;display:none;width:1000px;height:500px;margin:-350px 0 0 -520px;background:#fff;border:1px solid #ccc;padding:19px;z-index:100000;}
.photo_list ul{float:left;width:100.4%;margin:-0.2% 0 0 -0.2%;z-index:1;}
/* .photo_list ul li{position:relative;float:left;width:49.6%;height:380px;overflow:hidden;margin:0.2%;} */
.photo_list ul li{position:relative;float:left;width:49.6%;height:259px;overflow:hidden;margin:0.2%;}
.photo_list ul li img{float:left;height:100%;cursor:pointer;}
.photo_list ul li p{position:absolute;left:0;bottom:0;width:100%;height:64px;line-height:64px;font-size:18px;text-align:center;color:#fff;margin-top:-40px;background:url(../img/bg_black.png) repeat;}
.photo_list img{float:left;height:190px;cursor:pointer;}
/* 마우스 오버시 효과 */
.photo_list ul li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
/* 마우스 아웃시 효과 */
.photo_list ul li img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s}
/*=================================== 객실안내 ===================================*/
/* 객실 100% 이미지 슬라이더 */
#room_slide{position:relative;float:left;width:100%;height:920px;overflow-x:hidden;}
.slider{position:absolute;top:0;left:50%;width:2000px;height:920px !important;margin-left:-1000px;}
.slides,.slides li,.slides li img{position:absolute;top:0;left:0;width:2000px;height:920px !important;}
.slider .indicators{bottom:160px;z-index:100;}/* 슬라이드 불릿 */
.slider .indicators .indicator-item{background:none;border: 3px solid #000;margin:0 8px;}
.slider .indicators .indicator-item.active{background:#000;}
.caption{top:420px !important;text-shadow: 3px 3px 3px white;}
.caption h1{line-height:80px;margin-bottom:20px;font-size:70px;letter-spacing:-4px;color:#000;font-family:'Nanum Myeongjo' !important;}
.caption h1 span{line-height:100px;vertical-align:top;font-size:30px;letter-spacing:-2px;color:#000;font-family:'Nanum Gothic';margin-left:20px;}
.caption h3{line-height:60px;margin-bottom:10px;font-size:28px;letter-spacing:-2px;color:#000;}
.caption h5{font-size:16px;color:#000;}
/* 객실요금표 */
.room_tbl{position:relative;float:left;width:50%;}
.room_tbl table{float:left;width:100%;background:#fff;}
.room_tbl table th{font-size:13px;color:#333;background:#f4f4f4;}
.room_tbl table td{font-size:12px;color:#555;}
.room_tbl table th,.room_tbl table td{border:1px solid #ccc;padding:8px 5px;text-align:center;}
/* 하단 객실 리스트 */
.room_list_w{position:absolute;left:0;bottom:0;width:100%;padding:12px 0 8px 0;background:url(../img/bg_black.png) repeat;z-index:100000000000000;}
.room_list{position:relative;width:1200px;margin:0 auto;}
.room_list ul{position:relative;float:left;width:100%;text-align:center;}
.room_list ul li{display:inline-block;height:38px;margin:1px;text-align:center;}
.room_list ul li a{float:left;line-height:36px;font-size:14px;padding:0 40px;color:#888;background:#222;border:1px solid #222;}
.room_list ul li a.on{color:#000;background:#fff;border:1px solid #fff;}
/* 하단 객실 리스트2 */
.room_list_w2{position:absolute;left:0;top:50px;width:100%;padding:12px 0 8px 0;z-index:100000000000000; opacity: 0.9;}
.room_list2{position:relative;float:left;width:100%;margin-top:40px;text-align:center;}
.room_list2 ul{position:relative;float:left;width:100%;text-align:center;margin:0 auto;}
.room_list2 ul li{display:inline-block;height:38px;margin:1px;text-align:center;}
.room_list2 ul li a{float:left;line-height:36px;font-size:14px;padding:0 40px;color:#888;background:#222;border:1px solid #222;}
.room_list2 ul li a.on{color:#000;background:#fff;border:1px solid #fff;}
/* 부대시설 */
.fac_list{position:relative;float:left;width:100%;}
.fac_list ul{float:left;width:103%;margin:-1.5% 0 0 -1.5%;}
.fac_list ul li{float:left;width:47%;height:487px;margin:1.5%;border:1px solid #e0e0e0;}
.fac_list ul li img{float:left;width:100.3%;height:340px;margin:-1px 0 0 -1px;}
.fac_list .fac_text{float:left;width:100%;padding:4.5% 5%;background:#fff;}
.fac_list .fac_text b{float:left;width:100%;line-height:28px;font-size:22px;font-weight:400;color:#000;margin-bottom:2%;}
.fac_list .fac_text p{float:left;width:100%;line-height:20px;font-size:14px;color:#666;}
/* 주변볼거리 */
.tour_list{position:relative;float:left;width:100%;height:300px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px dashed #ccc;}
.tour_title{float:left;width:100%;line-height:100%;font-size:24px;font-weight:400;margin-bottom:20px;}
/* .tour_list img{float:left;width:38%;height:270px;} */
.tour_list img{float:left;width:38%;height:249px;}
.tour_text{float:left;width:59%;line-height:22px;font-size:14px;color:#898989;text-align:justify;margin-left:3%;}
a.tour_more{position:absolute;right:0;bottom:30px;height:34px;line-height:34px;padding:0 20px;font-size:14px;color:#fff;background:#777;}
/* 예약관련 */
.res_tbl{position:relative;float:left;width:100%;margin-bottom:20px;}
.res_tbl table{position:relative;float:left;width:100%;background:#fff;border-top:3px solid #e0e0e0;}
.res_tbl table th{font-size:16px;font-weight:400;color:#000;background:#f9f9f9;}
.res_tbl table td{font-size:13px;color:#888;}
.res_tbl table th,.res_tbl table td{padding:10px 0;text-align:center;border-bottom:1px solid #e0e0e0;}
/* 객실페이지예약관련 */
.res_tbl2{position:relative;float:left;width:100%;background:#333;}
.res_tbl2 table{position:relative;float:left;width:60%;border-top:3px solid #e0e0e0;margin:10px 20% 10px 20%;min-width:900px;filter:alpha(opacity=85);opacity:0.85;}
.res_tbl2 table th{font-size:17px;font-weight:400;color:#fff;background:#333;}
.res_tbl2 table td{font-size:15px;color:#fff;height:45px;text-align:center;}
.res_tbl2 table th,.res_tbl2 table td{padding:10px 0;color:#fff;text-align:center;border-bottom:1px solid #e0e0e0;}
.text_box{position:relative;float:left;width:100%;}
/* 이용안내 추가 */
.text_box{position:relative;float:left;width:100%;}
.text_box table{float:left;width:100%;background:#fff;}
.text_box table th{font-size:13px;color:#333;background:#f4f4f4;}
.text_box table td{font-size:12px;color:#555;}
.text_box table th,.text_box table td{border:1px solid #ccc;padding:8px 5px;text-align:center;}
/* 버튼 style */
#button{float:left;width:100%;background:#333;padding:4% 0 6% 0;text-align:center;}
.btn{margin:1%;padding:2% 4%;font-size:12px;color:#555;border:none;background:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}