h3.tit{text-align:center; margin-bottom:10px;}
h3.tit p{font-size:2.5em; font-family: 'Teko', sans-serif;}
h3.tit p:after{content:""; display:block; width:50px; height:1px; background:#333; margin:10px auto;}
h3.tit span{display:block;}

/*인사말*/
.ab_conts{text-align:center; width:850px; margin:0 auto; font-size:1.2em; line-height:1.5em;}
h4{font-size:1.3em; line-height:1.7em; margin-bottom:20px; font-weight:normal; color:#333}
h4 p{font-family: 'Shadows Into Light', cursive; font-size:2em;}
.ab_conts .map{width:95%;}

/*펜션전경*/
.aboutinfo{position:relative; z-index:4; top:-100px; left:50px; font-size:6em; line-height:1em; color:#FFF; text-shadow:0px 0px 3px #616161; font-family: 'Teko', sans-serif;}
.aboutinfo p{font-size:1.3em; font-weight:600;}

.about .sct1{background-image:url(../img/main/sliderimg/slider1.jpg);}
.about .sct2{background-image:url(../img/main/sliderimg/slider2.jpg);}
.about .sct3{background-image:url(../img/main/sliderimg/slider3.jpg);}
.about .sct4{background-image:url(../img/main/sliderimg/slider4.jpg);}
.about .sct5{background-image:url(../img/main/sliderimg/slider5.jpg);}
.about .sct6{background-image:url(../img/main/sliderimg/slider6.jpg);}
.about .sct7{background-image:url(../img/main/sliderimg/slider7.jpg);}
.about .sct8{background-image:url(../img/main/sliderimg/slider8.jpg);}
.about .sct9{background-image:url(../img/main/sliderimg/slider9.jpg);}
.about .sct10{background-image:url(../img/main/sliderimg/slider10.jpg);}
.about .sct11{background-image:url(../img/main/sliderimg/slider11.jpg);}

/*객실안내*/
.roominfo{position:fixed; z-index:4; top:250px; left:50px;}
.roominfo .num{font-size:6em; line-height:1em; color:#FFF; text-shadow:0px 0px 3px #616161; font-family: 'Teko', sans-serif; position:absolute; width:500px; top:0; left:200px; opacity:0}
.roominfo .btn{margin-top:20px; position:absolute; width:400px; top:130px; left:-200px; opacity:0}
.roominfo .btn a{display:inline-block; padding:10px 30px; background:#FFF; font-size:1.25em; margin-right:10px; transition:all 0.5s; cursor:pointer; box-shadow:0px 0px 3px #616161;}
.roominfo .btn a:hover{ background:#548DD4; color:#FFF; font-weight:600;}
.room_conts{padding-top:30px;}

/*객실이미지*/
#wrap .conts{display:none;}
.room01 .img01{background-image:url(../img/sub/room/room01_img01.jpg);}
.room01 .img02{background-image:url(../img/sub/room/room01_img02.jpg);}
.room01 .img03{background-image:url(../img/sub/room/room01_img03.jpg);}
.room01 .img04{background-image:url(../img/sub/room/room01_img04.jpg);}
.room01 .img05{background-image:url(../img/sub/room/room01_img05.jpg);}
.room01 .img06{background-image:url(../img/sub/room/room01_img00.jpg);}

.room02 .img01{background-image:url(../img/sub/room/room02_img01.jpg);}
.room02 .img02{background-image:url(../img/sub/room/room02_img02.jpg);}
.room02 .img03{background-image:url(../img/sub/room/room02_img03.jpg);}
.room02 .img04{background-image:url(../img/sub/room/room02_img04.jpg);}
.room02 .img05{background-image:url(../img/sub/room/room02_img00.jpg);}

.room03 .img01{background-image:url(../img/sub/room/room03_img01.jpg);}
.room03 .img02{background-image:url(../img/sub/room/room03_img02.jpg);}
.room03 .img03{background-image:url(../img/sub/room/room03_img03.jpg);}
.room03 .img04{background-image:url(../img/sub/room/room03_img04.jpg);}
.room03 .img05{background-image:url(../img/sub/room/room03_img00.jpg);}

.room04 .img01{background-image:url(../img/sub/room/room04_img01.jpg);}
.room04 .img02{background-image:url(../img/sub/room/room04_img02.jpg);}
.room04 .img03{background-image:url(../img/sub/room/room04_img03.jpg);}
.room04 .img04{background-image:url(../img/sub/room/room04_img04.jpg);}
.room04 .img05{background-image:url(../img/sub/room/room04_img00.jpg);}

.room05 .img01{background-image:url(../img/sub/room/room05_img01.jpg);}
.room05 .img02{background-image:url(../img/sub/room/room05_img02.jpg);}
.room05 .img03{background-image:url(../img/sub/room/room05_img03.jpg);}
.room05 .img04{background-image:url(../img/sub/room/room05_img04.jpg);}
.room05 .img05{background-image:url(../img/sub/room/room05_img00.jpg);}

.room06 .img01{background-image:url(../img/sub/room/room06_img01.jpg);}
.room06 .img02{background-image:url(../img/sub/room/room06_img02.jpg);}
.room06 .img03{background-image:url(../img/sub/room/room06_img03.jpg);}
.room06 .img04{background-image:url(../img/sub/room/room06_img04.jpg);}
.room06 .img05{background-image:url(../img/sub/room/room06_img00.jpg);}

.room07 .img01{background-image:url(../img/sub/room/room07_img01.jpg);}
.room07 .img02{background-image:url(../img/sub/room/room07_img02.jpg);}
.room07 .img03{background-image:url(../img/sub/room/room07_img03.jpg);}
.room07 .img04{background-image:url(../img/sub/room/room07_img04.jpg);}
.room07 .img05{background-image:url(../img/sub/room/room07_img05.jpg);}
.room07 .img06{background-image:url(../img/sub/room/room07_img00.jpg);}

.room08 .img01{background-image:url(../img/sub/room/room08_img01.jpg);}
.room08 .img02{background-image:url(../img/sub/room/room08_img02.jpg);}
.room08 .img03{background-image:url(../img/sub/room/room08_img03.jpg);}
.room08 .img04{background-image:url(../img/sub/room/room08_img04.jpg);}
.room08 .img05{background-image:url(../img/sub/room/room08_img00.jpg);}

/*부대시설*/
ul.ib{list-style:none; margin:0; padding:0; background:#000; height:100%;}
ul.ib li{float:left; text-align:center; position:relative; overflow:hidden; 
		 background-size:cover; background-position:50% 50%; background-repeat:no-repeat; opacity:0.9; transition:all 0.5s;}
ul.ib li span{position:absolute; left:0; bottom:-100px; padding:10px 10px 20px 10px; box-sizing:border-box; width:100%; color:#FFF; background:rgba(0,0,0,0.8); transition:all 0.5s;}
ul.ib li p{font-size:2em; line-height:1.5em;}
ul.ib li:hover{opacity:1;}
ul.ib li:hover span{bottom:0px;}

/*서비스팝업*/
.ibc{cursor:pointer;}
.ibpop{display:none; position:absolute; width:60%; height:60%; left:20%; top:20%; background:rgba(255,255,255,0.9); text-align:center; 
		padding:15% 10px; box-sizing:border-box; z-index:100; cursor:pointer; font-size:1.5em; line-height:1.5em}
.ibpop dt{margin:10px 0 5px 0; display:inline-block; font-size:1.2em; font-weight:bold; color:#3F6A9F; 
		  background:url(../img/common/check.png) no-repeat 0 50%/auto 100%; padding-left:30px;}
.ibpop dd{margin:0; color:#333;}
.ibpop strong{display:block; margin-top:15px; color:#F00;}

.fac_conts{height:100%;}
.fac_conts li{width:50%; height:50%;}
.fac_conts li:nth-child(1){background-image:url(../img/sub/fac01_off.jpg);}
.fac_conts li:nth-child(2){background-image:url(../img/sub/fac02_off.jpg);}
.fac_conts li:nth-child(3){background-image:url(../img/sub/fac03_off.jpg);}
.fac_conts li:nth-child(4){background-image:url(../img/sub/fac04_off.jpg);}

.fac_conts li:hover:nth-child(1){background-image:url(../img/sub/fac01.jpg);}
.fac_conts li:hover:nth-child(2){background-image:url(../img/sub/fac02.jpg);}
.fac_conts li:hover:nth-child(3){background-image:url(../img/sub/fac03.jpg);}
.fac_conts li:hover:nth-child(4){background-image:url(../img/sub/fac04.jpg);}


/*서비스*/
.ser_conts{height:100%;}
.ser_conts li{width:50%; height:33.33333%;}
.ser_conts li:nth-child(1){background-image:url(../img/sub/ser01_off.jpg);}
.ser_conts li:nth-child(2){background-image:url(../img/sub/ser02_off.jpg);}
.ser_conts li:nth-child(3){background-image:url(../img/sub/ser03_off.jpg); width:33.33333%;}
.ser_conts li:nth-child(4){background-image:url(../img/sub/ser04_off.jpg); width:33.33333%;}
.ser_conts li:nth-child(5){background-image:url(../img/sub/ser07_off.jpg); width:33.33333%;}
.ser_conts li:nth-child(6){background-image:url(../img/sub/ser05_off.jpg);}
.ser_conts li:nth-child(7){background-image:url(../img/sub/ser06_off.jpg);}

.ser_conts li:hover:nth-child(1){background-image:url(../img/sub/ser01.jpg);}
.ser_conts li:hover:nth-child(2){background-image:url(../img/sub/ser02.jpg);}
.ser_conts li:hover:nth-child(3){background-image:url(../img/sub/ser03.jpg); width:33.33333%;}
.ser_conts li:hover:nth-child(4){background-image:url(../img/sub/ser04.jpg); width:33.33333%;}
.ser_conts li:hover:nth-child(5){background-image:url(../img/sub/ser07.jpg); width:33.33333%;}
.ser_conts li:hover:nth-child(6){background-image:url(../img/sub/ser05.jpg);}
.ser_conts li:hover:nth-child(7){background-image:url(../img/sub/ser06.jpg);}

/*여행지*/
.tra_conts{height:100%;}
.tra_conts li{width:25%; height:33.3333%;}
.tra_conts li:nth-child(1){background-image:url(../img/sub/tra01_off.jpg);}
.tra_conts li:nth-child(2){background-image:url(../img/sub/tra02_off.jpg);}
.tra_conts li:nth-child(3){background-image:url(../img/sub/tra03_off.jpg);}
.tra_conts li:nth-child(4){background-image:url(../img/sub/tra04_off.jpg);}
.tra_conts li:nth-child(5){background-image:url(../img/sub/tra05_off.jpg);}
.tra_conts li:nth-child(6){background-image:url(../img/sub/tra06_off.jpg);}
.tra_conts li:nth-child(7){background-image:url(../img/sub/tra07_off.jpg);}
.tra_conts li:nth-child(8){background-image:url(../img/sub/tra08_off.jpg);}
.tra_conts li:nth-child(9){background-image:url(../img/sub/tra09_off.jpg);}
.tra_conts li:nth-child(10){background-image:url(../img/sub/tra10_off.jpg);}
.tra_conts li:nth-child(11){background-image:url(../img/sub/tra11_off.jpg);}
.tra_conts li:nth-child(12){background-image:url(../img/sub/tra12_off.jpg);}

.tra_conts li:hover:nth-child(1){background-image:url(../img/sub/tra01.jpg);}
.tra_conts li:hover:nth-child(2){background-image:url(../img/sub/tra02.jpg);}
.tra_conts li:hover:nth-child(3){background-image:url(../img/sub/tra03.jpg);}
.tra_conts li:hover:nth-child(4){background-image:url(../img/sub/tra04.jpg);}
.tra_conts li:hover:nth-child(5){background-image:url(../img/sub/tra05.jpg);}
.tra_conts li:hover:nth-child(6){background-image:url(../img/sub/tra06.jpg);}
.tra_conts li:hover:nth-child(7){background-image:url(../img/sub/tra07.jpg);}
.tra_conts li:hover:nth-child(8){background-image:url(../img/sub/tra08.jpg);}
.tra_conts li:hover:nth-child(9){background-image:url(../img/sub/tra09.jpg);}
.tra_conts li:hover:nth-child(10){background-image:url(../img/sub/tra10.jpg);}
.tra_conts li:hover:nth-child(11){background-image:url(../img/sub/tra11.jpg);}
.tra_conts li:hover:nth-child(12){background-image:url(../img/sub/tra12.jpg);}

.guide_conts{width:90%; margin:0 auto;}
.guide_conts .tbl{width:100%; overflow-x:auto; overflow-y: hidden; white-space: nowrap;}

/*@media all and (max-width:700px){
	/*인사말
	.ab_conts{width:100%; font-size:1em;}
	.ab_conts p{font-size:1.5em;}
	.ab_conts img{width:100%;}
	.ab_conts .map{width:100%;}

	/*펜션전경
	.aboutinfo{left:30px; font-size:3em;}
	.roominfo .num{left:30px; font-size:3em;}
	
	/*객실안내
	.roominfo{display:none;}
	.roominfo .num{top:-100px;}
	.roominfo .btn{top:60px;}
	.roominfo .btn a{font-size:1.05em; padding:10px 15px;}
	#wrap .conts{display:block; width:100%; font-size:0.9em; background:#E3E3E3; padding:20px 10px 10px 70px; box-sizing:border-box;}

	/*서비스
	.ibpop{font-size:1em; width:80%; left:10%; padding:5% 10px;}
	 
	 ul.ib li p{ font-size:1.3em;}
	 
	.guide_conts{width:100%; margin:0 auto;}
	.guide_conts .tbl{
	  position:relative;
	  width:98%;
	  padding:0;
	  margin:0 auto 20px auto;
	  overflow-x: scroll;
	  overflow-y: hidden;
	  white-space: nowrap;
	  }
} /* 600px이상 화면 끝 */