@charset "utf-8";

/* body */
body{font-family:NanumGothic,"나눔고딕";}

/* wrap*/
#wrap {position:relative; width:100%; margin:0; padding:0; border:0; vertical-align:baseline; display:block;}

/* Navigation area */
#hader_top {width:100%; position:relative;}
#hader_top h1 {position:absolute; left:50%; margin-left:-128px; top:35px; }
#hader_top .btn_home, 
#hader_top .btn_reser {width:58px; height:58px; margin-top:35px; cursor:pointer; }
#hader_top .btn_home, 
#hader_top .btn_reser P {font-size:13px; color:#414141; padding-top:65px; text-align:center;}
#hader_top .btn_home {float:left; margin-left:30px; background:url(/nhroot1/images/comn/btn_home.png) no-repeat top left;}
#hader_top .btn_reser {font-size:12px;letter-spacing:-1px;float:right; margin-right:30px; background:url(/nhroot1/images/comn/btn_reser.png) no-repeat top left; }

/* menu */
#hader_top .menuWrap {clear: both; margin-top:30px; background:#fcfcfc; border-top:1px solid #ededed; border-bottom:1px solid #ededed;  text-align:center; }
#hader_top  ul {width:1036px; height:16px; padding:17px 0; margin:0 auto;}
#hader_top  ul li {width:147px; float:left;  border-left:1px solid #ededed;}
#hader_top  ul li:first-child {border-left:none;}
#hader_top  ul li a {font-size:16px; color:#2a2a2a; font-family:NanumGothic,"나눔고딕"; text-align:center; }
#hader_top  ul li a:hover {color:#d62f2f;}
#hader_top  ul li.deco {position:relative; }
#hader_top  ul li.deco p {position:absolute; left:55px; top:-27px;}
#hader_top  ul::after {height: 0px; clear: both; display: block; visibility: hidden; content: ".";}

/* main slide */
/* #main_title {overflow:hidden; width:100%; height:750px; margin:0 auto;}
#main_title ul.slide{width:1400px; height:750px; position:relative; overflow:hidden; margin:0 auto;}
#main_title ul.slide li{}
#main_title ul.slide li a{cursor:default;}
#main_title #txt{position:relative; width:1100px; margin:0 auto;}
#main_title #txt p{position:absolute; left:166px; top:-657px; z-index:30;} */

/* introduce & special */
#introduceWrap {width:100%; background:url(/nhroot1/images/main/b.jpg) no-repeat top center;  margin:0 auto; padding-bottom: 16px;}
#introduceWrap .introduc{width: 1100px; margin:0 auto; text-align:center;}
#introduceWrap .introduc img{}

#introduceWrap .special{position:relative; width:100%; background:url(/nhroot1/images/main/bg_sp.jpg); margin:0 auto; padding: 45px 0 36px 0; text-align:center;}
#introduceWrap .special h3{position:absolute; top:-16px; left:50%; margin-left: -218px; letter-spacing: 2.5pt; font-weight:600; width:436px; background:#ef5d5e; color:#fff; line-height:45px; margin-bottom:14px;}
#introduceWrap .special > p{color:#313131; font-size:15px; margin-bottom:29px;}
#introduceWrap .special ul.tab{margin:0 auto; width:881px;}
#introduceWrap .special ul.tab li {width:126px; float:left; font-size:14px; margin-left:25px;}
#introduceWrap .special ul.tab li:first-child {margin-left:0px;}
#introduceWrap .special ul.tab li p{text-align:center; font-size:14px; line-height:17px; color:#3b3b3b; margin-top:16px;}
#introduceWrap .special::after {height: 0px; clear: both; display: block; visibility: hidden; content: ".";}


/* main_container */
#main_container {width:100%; margin:0 auto; overflow:hidden;}
#main_container  .bgw100 {width:100%;}

/* 객실 */
div.con2{width:100%; margin:0 auto; text-align:center; overflow:visible;}
div.con2 .img{position:relative; width:1100px; margin:0 auto;}
div.con2 .img p.deco1{position:absolute; top:-33px; left:-111px; width:156px; height:159px; margin:0 auto; z-index:inherit;}
div.con2 .img > img.img{width:1100px; margin:0  auto; z-index:1;}
div.con2 .img p.deco2{position:absolute; top:-41px; right:31px;  width:99px; height:112px; margin:0 auto; z-index:inherit;}
div.con2 .img p.deco3{position:absolute; top:291px; left:-52px; width:67px; height:61px; margin:0 auto; z-index:2;}

/* 스파 & 카페 */
div.con3{background:url(/nhroot1/images/main/bg_con3.png) no-repeat center 231px ; margin:0 auto; overflow: visible;}
div.con3 .img{width:1100px; margin:0 auto;}
div.con3 .img img{width:1100px;}

/* 카페 & 바베큐 */
div.con4{width:100%; margin:0 auto;}
div.con4 .img{width:1100px; margin:0 auto;}

/* 여행지 */
div.con5{width:100%; margin:0 auto; text-align:center;}
div.con5 .img{width:1100px; margin:0 auto; padding-bottom:100px;}


/* Footer */
#Footer {position: relative; background: #434343; width: 100%; height: auto; margin: 0 auto; padding: 15px 0 0 0; text-align: left;}
#btntop {position: fixed; width: 35px; height:35px; bottom:150px; right:0;}
#Footer .footerinfo {width: 840px; background: url(/nhroot1/images/comn/footlogo.png) no-repeat 10px center; margin: 0px auto 20px; padding: 60px 0 0 230px; display: block;}
#Footer .footerinfo p.info{margin-top: -45px;}
#Footer .footerinfo p,
#Footer .footerinfo p a,
#Footer .footerinfo span,
#Footer .footerinfo span a,
#Footer .copy p{font-family: "돋움",Dotum,"굴림",Gulim; font-size: 12px; color: #adadad; line-height: 20px;}
#Footer .footerinfo span.sinfo{}
#Footer .footerinfo span.sinfo a{font-size: 14px; background: #232323; color: #bababa; padding: 3px 10px; margin: 0 5px;}
#Footer .footerinfo span.f_site{font-size: 15px;}
#Footer .footerinfo span {font-weight: bold;}

#Footer .copy {width: 100%; height: 42px; background: #333333; position: relative; z-index: 10; }
#Footer .copy  p {float: left; height: 12px; background: #333333; padding: 14px 40px; display: inline-block;}
#Footer .btnwrap {float:right; background:#333333;}
#Footer .btnwrap ul {float:left; height:12px; margin:15px 20px 0 0;}
#Footer .btnwrap ul li{float:left; padding:0 7px; border-left:1px solid #7b7a7a; text-align:center;}
#Footer .btnwrap ul li:first-child {border-left:none;}
#Footer .btnwrap ul li a {color:#959595;}
#Footer .btnwrap ul::after {height: 0px; clear: both; display: block; visibility: hidden; content: ".";}
#Footer	div.colorbtn {float:left; font-family:"돋움",Dotum,"굴림",Gulim; font-size:12px; text-align:center;}
#Footer	div.colorbtn > a.bg_g,
#Footer	div.colorbtn > a.bg_b {float:left; color:#fff; padding:15px 20px;}
#Footer	div.colorbtn > a.bg_g {width:109px; background:#4f4f4f;}
#Footer	div.colorbtn > a.bg_b {width:84px; background:#2594c9;}





/* main visual */
div#MainBaneerWrap {position:relative; top: 0; left:50%; width:1400px; height:750px; margin-left: -700px; z-index:1; overflow:hidden; display:block; text-align:center;}
div#MainBaneerWrap > #txt {position:absolute; left:143px; top:483px; z-index:30; display:none;}
div#MainBaneerWrap ul.MainBanner {text-align:center;}
div#MainBaneerWrap > ul.MainBanner > li {width:1400px; min-width:1400px; height:750px;	background-position: center 0; background-repeat:no-repeat;}

div#MainBaneerWrap div.ButtonWrap {width:1300px; margin:-23px 0 0 -650px; top:50%; left:50%; position:absolute; z-index:2;}
div#MainBaneerWrap div.ButtonWrap a {width:30px; height:46px;	position:absolute; background-image:url(/nhroot1/images/comn/mainbanner_arr.png); background-repeat:no-repeat; background-color:none; display:block;	cursor:pointer; opacity:0.5; }
div#MainBaneerWrap div.ButtonWrap a.BtnLeft {left:0; background-position-x:left;}
div#MainBaneerWrap div.ButtonWrap a.BtnRight {right:0; background-position:right 0;} 
div#MainBaneerWrap div.ButtonWrap a:hover {opacity:1;}
div#MainBaneerWrap div.RollingNav {width:100%;	text-align:center; position:absolute; bottom:19px;}
div#MainBaneerWrap nav {text-align:center; overflow:hidden; display:inline-block; }
div#MainBaneerWrap nav a {float:left;	width:15px; height:15px;	margin:0 5px; border-radius:50%;	background:#fff; display:inline-block;}
div.pagination {bottom:85px !important;}

div.pagination span.swiper-pagination-switch {width:15px; height:15px; margin:0 5px; border-radius:50%; background:#fff; display:inline-block;}

div#MainBaneerWrap nav a.on,
div#MainBaneerWrap nav a:hover,
div.pagination span:hover.swiper-pagination-switch,
div.pagination span.swiper-active-switch {background:#f41331;}

.swiper-container {width: 100%; height: 100%;}
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* 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;
    }

/*슬라이드 몸통 

.slide{text-align:center; position:relative; width: 1400px; margin: 0 auto; display: block;height:750px;}
.slide_ul{display: block;}
.slide_ul>li{position:absolute; top:0; left:0; list-style:none; z-index:10; display: block;}
.slide_ul>li img{}
li{list-style: none;}
.show{display:block;}*/


/* 하단 동그라미 버튼 CSS
.slide_btn>li{float: left; margin:0 5px 5px 0;}
.slide_btn>li>a{display:block; width: 14px; height:14px; background: url(../images/comn/spr.png) -24px -125px; border-radius:50%; background:#fff; text-indent: -999em; }
.slide_btn>li>a.active{background-position: 0 -126px; background:#f41331;}
.slide_btn{width:150px; z-index:100; position:absolute; left: 50%; bottom:65px;  margin-left:-70px; }
.slide_btn:after{content:''; display:block; clear:both;}
.slide_btn{*zoom:1;}

/* stop버튼 
#play-button{width:54px; height:19px; position:absolute; border:1px solid #ddd; bottom:100px;  left:50%; margin-left:-27px; z-index:100; }
#play-button:hover{cursor:pointer; }
#play-button img{}*/