@charset "utf-8";


#container {position:relative; z-index:0;}


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:765px; min-width:1100px; overflow:hidden;}
.main_visual ul { width:100%; left:0px;top:0px; height:765px; position:absolute;}
.main_visual li {background-repeat:no-repeat; background-position:center top; width:100%; height:765px; background-size:cover;}
.main_visual li a{display:block; height:765px;}

.main_visual .pager_box {position:absolute;  z-index:99999999 !important; bottom:40px; width:100%; text-align:center;}
.main_visual .main_pager {text-align:center; }
.main_visual .main_pager span {display:inline-block; vertical-align:top; text-indent:-9999px; margin:0 5px; box-shadow:0 0 8px rgba(0,0,0,0.3); border-radius:12px; cursor:pointer; border:3px solid #fff; width:6px; height:6px; background:none;}
.main_visual .main_pager .cycle-pager-active {background:#fff;}




.main_visual .main_visual_text {position:absolute; width:100%; top:30%;  color:#fff; z-index:2;  text-align:center;}
.main_visual .main_visual_text dl {width:400px; margin:0 auto; border:10px rgba(255,255,255,1) solid; padding:40px; position:relative; z-index:1;}
.main_visual .main_visual_text dl dt{font-size:40px; font-weight:bold; padding-bottom:20px; color:rgba(255,255,255,0.9)}
.main_visual .main_visual_text dl dd{font-size:20px; color:rgba(255,255,255,0.6); line-height:24px;}

.main_visual li .bg {position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:0;}





/*메인갤러리*/
.gallery_item {overflow:hidden; padding-top:60px; }

.gallery_item .tit_area {text-align:center;}
.gallery_item .tit_area .tit {display:inline-block; font-size:22px; padding:0 13px; color:#222;}
.gallery_item .tit_area .bar {display:inline-block; width:20px; height:1px; background:#e0dbe1;}

.gallery_item ul {margin:20px auto; width:1040px; overflow:hidden;}
.gallery_item ul li {display:inline-block; margin:0 10px; width:500px !important; overflow:hidden;}
.gallery_item ul li img {vertical-align:top;}
.gallery_item a {display:block;}
.gallery_item .subject {text-align:left; line-height:17px; padding:20px 0; margin-bottom:17px;}
.gallery_item .subject dt {font-size:18px; color:#222; margin-bottom:5px;}
.gallery_item .subject dd {color:#888; font-size:15px; overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.gallery_item a:hover dd {color:#000;}

.gallery_item .control {width:100%; position:absolute; top:170px; z-index:999999 !important;}
.gallery_item .control a {float:left; width:20px; height:35px; background:url(../images/main/gallery_btn.png) left top no-repeat; text-indent:-9999px;}
.gallery_item .control a#next {float:right; margin-right:-50px; background-position:right top;}
.gallery_item .control a#prev {margin-left:-50px;}


/*펜션소개*/
.main_intro {height:768px; background:url(../images/main/intro_bg.jpg?) center top no-repeat; background-size:cover;}
.main_intro .box {float:right; margin-top:70px;}
.main_intro .box img {vertical-align:top;}

.main_intro .box .txt {height:105px; background:#fff; padding:30px;}
.main_intro .box .txt dt {color:#222; font-size:20px;}
.main_intro .box .txt dd {color:#888; font-size:15px;}
.main_intro .box .btn {display:inline-block; text-align:center; width:120px; margin-top:15px; height:30px; line-height:30px; border:1px solid #67804e;}
.main_intro .box .btn a {display:block; color:#67804e; letter-spacing:0.5px;}
.main_intro .box .btn a:hover {background:#67804e; color:#fff;}

.main_intro .tit {position:absolute; left:170px; top:180px; color:#fff; font-size:45px; letter-spacing:-2px; line-height:48px; font-weight:600;}
.main_intro .tit span {display:block; font-size:30px; font-weight:400; padding-left:5px;}


/*객실둘러보기*/
.room_item {padding:60px 0 80px;}

.room_item .tit_area {text-align:center;}
.room_item .tit_area .tit {display:inline-block; font-size:22px; padding:0 13px;}
.room_item .tit_area .tit a {color:#222;}
.room_item .tit_area .bar {display:inline-block; width:20px; height:1px; background:#e0dbe1;}

.room_item .default_layout {width:1120px;}
.room_item ul {text-align:center;  margin:25px auto 0;  overflow:hidden;}
.room_item ul li {text-align:center; float:left; width:260px; margin:10px;}
.room_item ul .info_img {height:200px; overflow:hidden; display:block;}
.room_item ul li img {vertical-align:top; width:100%; height:250px;  }
.room_item dl {text-align:left; line-height:16px; }
.room_item dl dt {font-size:15px; padding:15px 0px 10px; font-weight:600; color:#222;}
.room_item dl dd {color:#666;}