@charset "utf-8";

/*********************************************************************************************************/
/** 메인페이지 */
/*********************************************************************************************************/
/* section1 : 객실소개 */
#section1{padding:50px 0 35px;background-color:#f9f9f9}
#section1 .title{color:#412917}
#section1 .title > div{padding:0}
#section1 .title > div h2{font-size:24px;line-height:30px;margin:30px 0}
#section1 .title > div h2 span{padding-left:10px;font-size:17px;line-height:20px;font-weight:normal}
#section1 .content > div .well{border-radius:5px;margin-bottom:15px;padding:0;overflow:hidden}
#section1 .content > div .well{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#section1 .content > div .well.odd{border:1px solid #707070;background-color:#7f7f7f}
#section1 .content > div .well.even{border:1px solid #ccc;background-color:#fff}
#section1 .content > div .well > a:hover{text-decoration:none}
#section1 .content > div .well > a > div{position:relative}
#section1 .content > div .well > a > div > .bg{display:none}
#section1 .content > div .well > a > div > .text{display:none}
#section1 .content > div .well > a:hover > div > .bg{display:block;position:absolute;z-index:1;float:left;width:100%;height:100%;background-color:#000;opacity:0.60}
#section1 .content > div .well > a:hover > div > .text{display:block;position:absolute;z-index:2;color:#fff;font-size:22px;line-height:182px;float:left;width:100%;height:100%;text-align:center}
#section1 .content > div .well > a > div > img{max-width:100%;min-height:182px}
#section1 .content > div .well > a > dl{margin:0;padding:20px}
#section1 .content > div .well.odd > a > dl{color:#fff;border-top:1px solid#707070}
#section1 .content > div .well.even > a > dl{color:#000;border-top:1px solid#ccc}
#section1 .content > div .well > a > dl > dt{font-size:18px;line-height:30px}
#section1 .content > div .well.even > a > dl > dt{color:#000}
#section1 .content > div .well > a > dl > dd{margin-top:5px;font-size:13px;line-height:20px;min-height:60px}
#section1 .content > div .well.even > a > dl > dd{color:#7f7f7f}
@media(max-width:1115px){
	#section1 .title > div{padding:0 15px}
	#section1 .content > div .well > a > dl > dd{min-height:80px}
}
@media(max-width:991px){
	#section1 .content > div .well > a > dl > dd{min-height:40px}
}
@media(max-width:767px){
	#section1 .title > div{padding:0 15px}
	#section1 .title > div h2{font-size:20px;line-height:24px;margin:13px 0 23px}
	#section1 .title > div h2 span{font-size:15px}
	#section1 .content > div .well > a:hover > div > .text{line-height:150px}
	#section1 .content > div .well > a > div > img{width:100%;min-height:auto}
	#section1 .content > div .well > a > dl{padding:10px 15px}
	#section1 .content > div .well > a > dl > dd{min-height:auto}
}


/* section2 : 패키지 & 이벤트 */
#section2{padding:20px 0 25px}
#section2 .tab > ul.nav{margin:30px 0}
#section2 .tab > ul.nav > li{margin-bottom:0}
#section2 .tab > ul.nav > li > a{margin:0;border:1px solid #cdcdcd;border-bottom:0;border-radius:0;padding:0 50px;font-size:17px;color:#412917;line-height:40px}
#section2 .tab > ul.nav > li:last-child > a{margin-left:-1px}
#section2 .tab > ul.nav > li > a:hover
, #section2 .tab > ul.nav > li.active > a{color:#fff;background-color:#534741}
#section2 .content .well{background-color:transparent;border:1px solid #ccc;border-radius:5px;margin-bottom:15px;padding:0;overflow:hidden}
#section2 .content .well{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#section2 .content .well > a:hover{text-decoration:none}
#section2 .content .well > a > div{float:left;width:47%;position:relative;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;border-right:1px solid #ccc;text-align:center}
#section2 .content .well > a > div > img{max-width:100%;height:96px;opacity:0}
#section2 .content .well > a > dl{float:left;width:53%;position:relative;margin:0;padding:15px;color:#000}
#section2 .content .well > a:hover > dl{color:#a67c52}
#section2 .content .well > a > dl > dt{color:#000;font-size:17px;line-height:26px;font-weight:normal}
#section2 .content .well > a:hover > dl > dt{color:#a67c52}
#section2 .content .well > a > dl > dd.txt{color:#898989;font-size:12px;line-height:20px;height:40px}
#section2 .content .well > a > dl > dd.bg{position:absolute;right:-2px;bottom:0;float:left;width:25px;height:25px;text-align:center;line-height:25px;border-radius:5px 0 0 0}
#section2 .content .well.no1 > a > dl > dd.bg{background-color:#d6ded9}
#section2 .content .well.no2 > a > dl > dd.bg{background-color:#dbd1be}
#section2 .content .well.no3 > a > dl > dd.bg{background-color:#ccccc2}
#section2 .content .well.no4 > a > dl > dd.bg{background-color:#c8cfc0}
#section2 .content .well > a > dl > dd.bg > .fa{color:#fff}
@media(max-width:1115px){
	#section2 .tab{padding:0 15px}
}
@media(max-width:991px){
	#section2 .content .well > a > div{width:100%;border-right:0;border-bottom:1px solid #ccc;background-size:120% auto}
	#section2 .content .well > a > dl{width:100%}
}
@media(max-width:767px){
	#section2 .content .well > a > div{background-size:100% auto}
	#section2 .content .well > a > dl{padding:10px 15px}
}
@media(max-width:480px){
	#section2 .tab > ul.nav > li{width:50%}
	#section2 .tab > ul.nav > li > a{width:100%;padding:0;font-size:14px;line-height:40px;text-align:center}
}
@media(max-width:416px){
	#section2 .content .well > a > div{background-size:auto 100%}
}


/* section3 : 다이닝, 부대시설, 공지사항 */
#section3{padding:0}
#section3 > div{border-top:1px solid #cdcdcd;padding:30px 0 35px}
#section3 > div.mt0{border-top:0}
#section3 > div > div{margin:0}
#section3 > div .well{background-color:transparent;border:0;border-radius:0;margin:0 0 20px;padding:0}
#section3 > div .well{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#section3 > div .well.banner{float:left;width:100%}
#section3 > div .well.banner > a{float:left;width:100%;text-decoration:none}
#section3 > div .well.banner > a > dl{position:relative;float:left;width:100%;margin:0}
#section3 > div .well.banner > a > dl > dt{float:left;width:100%;font-size:18px;line-height:30px;margin-bottom:10px}
#section3 > div .well.banner > a > dl > dd{float:left;width:100%;position:relative;color:#fff}
#section3 > div .well.banner > a > dl > dd > .img-responsive{float:left;width:100%;min-height:150px}
#section3 > div .well.banner > a > dl > dd > .content{position:absolute;bottom:0;left:0;float:left;width:100%;padding:5px 8px}
#section3 > div .well.banner > a > dl > dd > .content > .bg{position:absolute;z-index:1;top:0;left:0;float:left;width:100%;height:100%;background-color:#534741;opacity:0.80}
#section3 > div .well.banner > a > dl > dd > .content > .txt{position:relative;z-index:2;font-size:14px;line-height:20px}
#section3 > div .well.list{float:left;width:100%}
#section3 > div .well.list > dl{float:left;width:100%;margin:0}
#section3 > div .well.list > dl > dt{float:left;width:100%;font-size:18px;line-height:30px;margin-bottom:10px}
#section3 > div .well.list > dl > dt > a{float:right;font-size:12px;color:#898989;font-weight:normal}
#section3 > div .well.list > dl > dt > a:hover{color:#a67c52;text-decoration:none}
#section3 > div .well.list > dl > dd{float:left;width:100%}
#section3 > div .well.list > dl > dd > ul{float:left;width:100%}
#section3 > div .well.list > dl > dd > ul > li{float:left;width:100%}
#section3 > div .well.list > dl > dd > ul > li > a{float:left;width:100%;margin:4px 0;font-size:14px;line-height:20px;color:#898989}
#section3 > div .well.list > dl > dd > ul > li > a:hover{color:#a67c52;text-decoration:none}
#section3 > div .well.list > dl > dd > ul > li > a > span{float:left;width:100%}
#section3 > div .well.list > dl > dd > ul > li > a > span.title{float:left;width:76%}
#section3 > div .well.list > dl > dd > ul > li > a > span.date{float:right;width:22%;text-align:right}
@media(max-width:1115px){
	#section3 > div .well.list > dl > dd > ul > li > a > span.date{font-size:12px}
}
@media(max-width:767px){
	#section3 > div .well{margin:0 0 30px}
}


/* section4 : 셔틀버스, 오시는 길 */
#section4{padding:50px 0 30px;background-color:#f0efed}
#section4 .well{background-color:transparent;border:0;border-radius:0;margin:0;padding:0}
#section4 .well{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#section4 .info{margin-bottom:20px}
#section4 .info .bus{max-width:550px;margin:0 auto 25px}
#section4 .info .bus > div{padding:0}
#section4 .info .bus .well{float:left;width:100%}
#section4 .info .bus .well > a{float:left;width:100%}
#section4 .info .bus .well > a > img{float:left;width:100%;margin-top:-15px;margin-bottom:5px;max-width:530px}
#section4 .info .bus .well > dl{float:left;margin:0 5px;font-size:12px;line-height:18px;color:#898989}
#section4 .info .bus .well > dl > dt{float:left}
#section4 .info .bus .well > dl > dd{float:left}
#section4 .info .hotel{max-width:550px;margin:0 auto}
#section4 .info .hotel > div{padding:0}
#section4 .info .hotel .well{float:left;padding-left:30px;margin-bottom:15px;background-repeat:no-repeat;background-position:0 5px;background-size:25px 25px}
#section4 .info .hotel .well > dl{float:left;margin:0;color:#000}
#section4 .info .hotel .well > dl > dt{float:left;width:100%;font-size:12px;line-height:18px}
#section4 .info .hotel .well > dl > dd{float:left;margin-right:10px;font-size:12px;line-height:18px;color:#898989}
#section4 .info .hotel .well > dl > dd:last-child{margin:0}
#section4 .info .hotel .well > dl > dd > a{color:#898989}
#section4 .info .hotel .well > dl > dd > a:hover{color:#a67c52}
#section4 .info .hotel .well.map{background-image:url(/images/icon/location_50x50.png)}
#section4 .info .hotel .well.tel{background-image:url(/images/icon/tel_50x50.png)}
#section4 .info .hotel .well.check{background-image:url(/images/icon/check_50x50.png)}
#section4 .info .hotel .well.email{background-image:url(/images/icon/email_50x50.png)}
#section4 .access{margin-bottom:20px;padding:0;text-align:center}
#section4 .access .well > img{border:1px solid #ccc;margin:3px 0}
@media(max-width:480px){
	#section4 .access .well{padding:0 15px}
}