@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*reset*/
*{margin:0;padding:0;box-sizing:border-box}
li{list-style:none}
img{border:0;vertical-align:top}
body, td, p, input, button, textarea, select,a{font-family:'나눔고딕','NanumGothic','Nanum Gothic','돋움',dotum; font-size:12px; color:#555;}
h1,h2,h3,h4,h5,h6,strong,b,dt{font-weight:600}
a,a:hover,a:active,a:focus{text-decoration:none}


/*common*/
body{}

.container{position:relative;width:1100px;margin:0 auto;}	
.container_scroll{height:100%;overflow:auto;position:relative;width:1100px;margin:0 auto;}


/*aside*/
#aside{position:absolute;left:0;top:0;width:203px;background:rgba(39,47,57,0.8);height:100%;z-index:10}
#aside h1{height:145px}

#snb ul{position:relative;z-index:1}
#snb li{position:relative}
#snb li > a{display:block;font-size:18px;color:#ffffff;padding-left:30px;line-height:40px; font-weight:600}
#snb li > a:hover,
#snb li.on > a{color:#e13527;background:url('../images/asd_blt.gif') no-repeat 0 center}
#snb dl{position:absolute;left:203px;top:10px;width:100px;padding-left:10px;display:none}
#snb dd{}
#snb dd > a{color:#ffffff;font-size:14px;line-height:25px;}
#snb dd > a:hover{color:#f78029}
#snb .bg{position:absolute;left:203px;top:0;width:100px;height:100%;background:rgba(39,47,57,0.6);display:none}



#asd1{margin-top:50px;overflow:hidden}
#asd1 a{float:left}


#asd2{margin-top:30px;padding:0 10px}
#asd2 strong{display:block;font-size:10px;font-weight:800}
#asd2 .tel strong{color:#dc3f18}
#asd2 .tel{color:#ccc;font-size:18px}
#asd2 .bank strong{color:#d48c1a;margin-top:10px}
#asd2 .bank{color:#ccc;font-size:14px}
#asd2 .info strong{color:#83a646;margin-top:20px}
#asd2 .info{color:#ccc;font-size:12px}



/* main , sub */
.txt_01{position:absolute; top:280px; width:100%; display:none; z-index:3; text-align:center}
.txt_02{position:absolute; top:370px; width:100%; display:none; z-index:3; text-align:center}
.txt_03{position:absolute; top:470px; width:100%; display:none; z-index:3; text-align:center}
.txt_04{
	position: absolute;
	top: 30px;
	width:100%; display:none; z-index:3; text-align:center}

.txt_05{position:absolute; top:100px; width:100%; display:none; z-index:3; text-align:center}
.txt_06{position:absolute; top:220px; width:100%; display:none; z-index:3; text-align:center}

.txt_07{position:absolute; top:200px; width:100%; display:none; z-index:3; text-align:center}
.txt_08{position:absolute; top:305px; width:100%; display:none; z-index:3; text-align:center}

.txt_09{position:absolute; top:180px; width:100%; display:none; z-index:3; text-align:center}
.txt_10{position:absolute; top:265px; width:100%; display:none; z-index:3; text-align:center}
.txt_11{position:absolute; top:340px; width:100%; display:none; z-index:3; text-align:center}

/* 객실보기 */
.roominfo {position:fixed; top:0px; z-index: 100; }
.roomname{font-size: 50px; color: #333333;vertical-align: top;}

a.mainspe_roll img.mainspe_over{display:none;}
a.mainspe_roll:hover img{display:none;}
a.mainspe_roll:hover img.mainspe_over{display:inline;}

/*.roominfo a{display: inline-block;}*/
.roominfo a img{cursor: pointer; padding-top:100px}

/* 상세정보 */
.poproominfo {position:relative;text-align: center; padding:50px 0 20px 0;}
.poproominfo .poproomname{font-size: 50px; color: #333333;padding:0 0 10px 0;}
.poproominfo a img{cursor: pointer;margin:0 2px; padding-bottom:20px}
.poproominfo .info_py {font-size:16px;padding:10px 0;font-weight: bold;}
.poproominfo .info_faci {text-align:left; padding-top:20px}
.poproominfo .info_faci p{font-size:14px;padding:10px 0; }

.poptable {border-bottom:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid; width:100%; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.poptable td {padding: 6px 0 ; border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid; font-size:13px; }
.poptable th {border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid;background: #ededed;color:#323232;}

.poptable .ta_title {text-align:center; background:#f0f0f0}
.poptable .ta_infopop {text-align:center;  height:40px;/*vertical-align: bottom;*/ padding-top:30px}
.poptable .ta_info {text-align:center;  height:40px;/*vertical-align: bottom;*/ padding-top:30px}
.poptable .ta_info:hover{ background:#fdeafd;cursor:pointer;}
.reser_conten01 {padding:0 10px; margin:0 auto}
.reser_pointtt {font-size:16px; line-height:28px }
.reser_pointtt_pop {font-size:13px; line-height:20px; text-align:left }
.reser_poinline { border-bottom:1px dotted #C00; color:#C00;}

/* 팝업 */
.bg{
	position: absolute;	width: 100%;	top: 0px;	background: rgba(75,134,206,0.8)}

/*객실정보*/
#roompop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:900;left:-9999px}
#roompop .bg{/*position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);*/}
#roompop .win{position:relative;width:900px;height:65%;margin:0 auto;margin-top:-10px;top:170px;background:#fff;opacity:0;}
#roompop .win .wTitle{	position: absolute;	top: -50px;	width: 50px;background: #fff;
	height: 52px;left: 850px;}
#roompop .win .wTitle .close{position:absolute;right:0;cursor:pointer}
#roompop .win .inner{height:100%;padding:0 50px;overflow:auto}
#roompop.on{left:0}
#roompop.on .win{opacity:1;transition:0.5s;margin-top:0}


/*여행지도*/
#sitemap{position:fixed;left:0;top:0;width:100%;height:100%;z-index:900;left:-9999px}
#sitemap .bg{position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.8);}
#sitemap .win{position:relative;width:950px;height:703px;margin:0 auto;margin-top:-10px;top:100px;background:#fff;opacity:0;}
#sitemap .win .wTitle{position:absolute;top:-70px;width:100%;background:#222;height:70px}
#sitemap .win .wTitle .close{position:absolute;right:0;cursor:pointer}
#sitemap .win .inner{height:703px;padding:0;overflow:auto; background:url(http://daebudo.hardfree.net/gungpyeong/popimg/print.jpg) no-repeat center;}
#sitemap.on{left:0}
#sitemap.on .win{opacity:1;transition:0.5s;margin-top:0}




/*reservation*/
.reservation_layer { position:relative; width:100%; height:230px;  overflow:hidden;  background:url(../images/reservation/04top_bg.jpg) center 0px no-repeat; margin-bottom:20px;}
.reservation_layer02 { position:relative; width:100%; height:230px;  overflow:hidden;  background:url(../images/reservation/04top_bg02.jpg) center 0px no-repeat; margin-bottom:20px;}
.reservation_box dt{margin:40px 0 10px;font-size:22px;color:#333}
.reservation_box dt span i{display:block;width:20px;height:2px;background:#d23074;margin-bottom:5px}
.reservation_box dd { font-size:14px; line-height:24px; color:#666; clear:both
  ; padding:0 10px}
  
  
/* map */
.map .subTitle { position:absolute; width:200px; top:auto; bottom:-6px; margin:0 0 0 -100px;}
.map_layer { position:relative; width:100%; height:230px;  overflow:hidden;  background:url(../images/traffic/06top_bg.jpg) center 0px no-repeat; margin-bottom:20px;}

.map_box dt{margin:40px 0 20px;font-size:22px;color:#333333;font-weight: bold;}
.map_box dt span i{display:block;width:20px;height:2px;background:#d23074;margin-bottom:5px}
.map_box dd { font-size:14px; line-height:18px; color:#666; clear:both; line-height:26px;}
.map_box dd .tt_16{ font-size:16px; line-height:18px; color:#4d6597;font-weight: bold;}
.mapbox_48 { width:48%; float:left; margin-right:5px}


/* community */

.community_layer { position:relative; width:100%; height:230px;  overflow:hidden;  background:url(../images/community/07top_bg.jpg) center 0px no-repeat; margin-bottom:20px;}
.community_layer02 { position:relative; width:100%; height:230px;  overflow:hidden;  background:url(../images/community/07top_bg02.jpg) center 0px no-repeat; margin-bottom:20px;}
.community_layer03 { position:relative; width:100%; height:230px;  overflow:hidden;  background:url(../images/community/07top_bg03.jpg) center 0px no-repeat; margin-bottom:20px;}
.community_box { margin:0 auto;text-align:center;}

.community_box dt { font-size:26px; line-height:50px; padding:20px 0 0; margin-bottom:20px;}
.community_box dt span i{display:block;width:50px;height:2px;background:#d23074; margin:0px auto;}
.community_box dd { font-size:14px; line-height:18px; color:#666; clear:both}



/*room*/


/*footer*/
#footer {position:fixed;width:100%;height:40px;bottom:0;background:rgba(255,255,255,0.8);z-index:10}

#fs1{position:absolute;bottom:40px;right:0}
#fs1 li{position:relative;float:left;width:30px;overflow:hidden;transition:0.2s}
#fs1 li.on {width:220px;transition:0.2s}
#fs1 li img{cursor:pointer}
#fs1 li a{position:absolute;left:30px;top:0;height:100%;width:190px}
#fs1 li a b{position:absolute;right:10px;bottom:10px;;font-size:15px;color:#fff;text-align:center;}

#fs1 .s1 a{background:url('../images/ft_btn1_bg.jpg') no-repeat}
#fs1 .s2 a{background:url('../images/ft_btn2_bg.jpg') no-repeat}
#fs1 .s3 a{background:url('../images/ft_btn4_bg.jpg') no-repeat}
#fs1 .s4 a{background:url('../images/ft_btn5_bg.jpg') no-repeat}
#fs1 .s5 a{background:url('../images/ft_btn6_bg.jpg') no-repeat}
#fs1 .s6 a{background:url('../images/ft_btn7_bg.jpg') no-repeat}
#fs1 .s7 a{background:url('../images/ft_btn8_bg.jpg') no-repeat}
#fs1 .s8 a{background:url('../images/ft_btn8_bg.jpg') no-repeat}

#fs2{color:#000;font-size:10px;padding-left:10px;line-height:40px;text-transform:uppercase}
#fs2 b{font-weight:800}
#fs2 b span{color:#0d95c2}