@charset "utf-8";
/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
	text-shadow: 0 0 1px rgba(0,0,0,0.6); 
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
	text-shadow: 0 0 1px rgba(0,0,0,0.6); 
}
@font-face {
  font-family: 'NanumGothicExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
	text-shadow: 0 0 1px rgba(0,0,0,0.6); 
}


/*이미지 규격*/
/*------------
main/intro : 1400 * 619
out/room/facilities/travel: 1400 * 727

------------*/


* { 
	margin:0;
	padding:0;
	scrollbar-face-color:#32909c;
	scrollbar-shadow-color:#ddd;
	scrollbar-highlight-color:#fff;
	scrollbar-3dlight-color:#ddd;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color:#fff;
	scrollbar-arrow-color:#32909c;
}
html{	overflow-y:hidden; overflow-x:hidden; width:100%; height:100%;}
body{
	width:100%;
	height:100%;
	background-color:transparent;
	font-family:dotum,'돋움'; 
	margin:0 auto; 
	text-align:center;
	overflow:auto;
}
img{border:0px}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:visit{text-decoration:none;}
ul,li{list-style:none;}
input,select{padding:0; margin:0; height:18px; font-size:11px; vertical-align:middle;}


/*----------top----------*/
#favorites{	text-align:right;}
#favorites ul{*zoom:1;}
#favorites ul:after{content:'';	display:block;	clear:both;}
#favorites ul li{float:left;}
#jp_container_1{width:24px;}

#top{
	position:relative;
	border-bottom:1px solid #9bc6ca;
	width:100%;
	height:115px;
	text-align:center;
	z-index:99;
}
#top .qrCode{
	position:absolute;
	z-index:99;
	width:64px;
	height:95px;
	top:-60px;
	left:-140px;
}
.event {clear:both;
	color: #C00;
}

#top .qrCode .qrTop ul{*zoom:1; height:20px; margin-bottom:2px;}
#top .qrCode .qrTop ul:after{content:''; display:block; clear:both;}
#top .qrCode .qrTop ul li{float:left;	background:none;}
#top .qrCode .space{ margin:0 2px;}


.reser2{    position:absolute;z-index:99; width:64px;height:95px;top:-60px;left:-70px;}
/*마우스오버페이드*/
.image_one {width:64px; height:95px; }
.image_one a {display:block; width:64px; height:95px; position:relative;cursor:pointer;}	
.image_one a .rollover {display:block; width:64px; height:95px;position:absolute; top:0; left:0;  background:url(../images/reser_btn_over.png);}


/*----------sound----------*/
.sound {width:1100px;height:22px; overflow:hidden; margin:0 auto; text-align:center;}
#sound {	position:relative;	width:1100px;	margin:0 auto;	text-align:right;}
#sound .btns{	position:absolute;	right:0;}
#sound ul{*zoom:1; width:200px; height:22px;}
#sound ul:after{content:'';	display:block;	clear:both;}
#sound .icon{	float:left;}
#jp_container_1{	width:97px;	height:14px;}
.jp-audio {
	position:relative;
	width:97px;
	font-size:1.25em;
	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
	margin-top:8px;
}
div.jp-interface {	position: relative;	width:100%;}
div.jp-interface ul.jp-controls {	list-style-type:none;	margin:0;	padding: 0;	overflow:hidden;	width: 97px !important;}
div.jp-audio ul.jp-controls {	padding:0;}
div.jp-interface ul.jp-controls li {	display:inline;	float: left;}
div.jp-interface ul.jp-controls a {	display:block;	overflow:hidden;	text-indent:-9999px;}
a.jp-play,a.jp-pause {	width:97px;	height:14px;}
a.jp-play {	background: url(../images/bg_sound.gif) -97px 0 no-repeat;}
a.jp-play:hover {	background: url(../images/bg_sound.gif) -97px 0 no-repeat;}
a.jp-pause {	background: url(../images/bg_sound.gif) 0 0 no-repeat;	display: none;}
a.jp-pause:hover {	background: url(../images/bg_sound.gif) 0 0 no-repeat;}


/*----------menu----------*/
#menu{	position:relative;	margin:10px auto;}
.es_menu .group{float:left;}
.group .sdiv{position: absolute;overflow:hidden;z-index:50;}
.group .disable{height:0px;}
.group .sdiv2{position:relative;width:100%;height:18px;display:block;z-index:50; margin:4px 0 0 0;}
.group ul{
	height:100%;
	padding:0px;
	margin:0px;
	position:relative;
	border:0px solid #cccccc;
	list-style:none; 
	background-color:#ffffff;
	z-index:101;
	background:url(../images/bg_sub.png) top right repeat-y;
}
.group li{display:inline;margin:0px;font-size:11px; font-family:'NanumGothicBold';}
.group li a{color:#fff;height:18px; line-height:18px; padding:0 10px; font-weight:bold}
.group li a:hover{color:#ffcc00;}
.group li .cur_sub{color:#ffcc00;}

.group .s0{left:20px !important; width:150px !important;}
.group .s1{left:20px !important; width:1000px !important;}
.group .s6{left:670px !important; width:300px !important;}


/*----------intro----------*/
#intro{	margin-top:30px;	position:relative;	z-index:1;}
#intro .introPics{
	position:relative;
	width:1358px;
	height:520px;
	line-height:520px;
	margin:0 auto;
	margin-top:0;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
#intro .introPics .introText{
	width: 340px;
	height: 150px;
	left: 279px;
	top: 341px;
	position: absolute;
	z-index: 99;
	display: block;
}
#intro .introPics .introText a{	width:340px;}
#intro .introPics .introText img{	position:absolute;	left:-170px;	top:-75px;}
#intro .introBtm{	position:relative;	margin:0 auto;	width:1358px;	height:120px;	text-align:center;}
#intro .introBtm .qrCode{
	position:absolute;
	z-index:99;
	width:64px;
	height:95px;
	top:15px;
	left:190px;
}
#intro .introBtm .qrCode .qrTop ul{*zoom:1; height:20px; margin-bottom:2px;}
#intro .introBtm .qrCode .qrTop ul:after{content:'';	display:block;	clear:both;}
#intro .introBtm .qrCode .qrTop ul li{	float:left;}
#intro .introBtm .qrCode .space{	margin:0 2px;}
#intro .introBtm .logo{
	position:absolute;
	margin:0 auto;
	left:50%;
	top:50%;
	font-size:100px;
	height:130px;
	line-height:130px;
	z-index:1;
	text-align:center;
	vertical-align:middle;
}
#intro .introBtm .logo img{	position:absolute;	left:-130px;	top:-30px;	}
#intro .introBtm .skipBtn{	position:absolute;	z-index:2;	bottom:0;	right:200px;}


/*----------main----------*/
#main{	height:619px;	position:relative;	z-index:1;	background:url(../images/bg_main.png) center top repeat-y;	border-bottom:1px solid #9bc6ca;}
#main .mainPics{
	position:relative;
	width:1400px;
	height:619px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
#main .mainPics .mainText{
	width: 340px;
	height: 150px;
	left: 282px;
	top: 415px;
	position: absolute;
	z-index: 99;
	display: block;
}
#main .mainPics .mainText a{	width:340px;}
#mainBtm{	position:relative;	z-index:1;	text-align:center;}
#mainContent{	margin:0 auto;	position:relative;	*zoom:1;	width:1100px;}
#mainContent:after{	content:'';	display:block;	clear:both;}
#mainContent .roomPreview{	width:380px;	height:105px;	float:left;	text-align:left;}
.roomPreview .roomName, .roomPreview .roomName a{
	width:100%;
	height:20px;
	color:#8b8b8b;
	font-size:10px;
	line-height:10px;
	font-family:'NanumGothicExtraBold';
	filter: progid:DXImageTransform.Microsoft.
AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	zoom: 1;

}
#mainContent .notice{	width:240px;	height:105px;	float:left;	text-align:left;	margin:0 50px;}
#mainContent .notice {	font-size:11px;	height:13px;	line-height:13px;}
#mainContent .notice .list{	border-top:1px solid #e3e3e3;	border-bottom:1px solid #e3e3e3;}
#mainContent .notice .list_1{	margin:8px 0;}
#mainContent .notice .bTitle{	background:url(../images/img_dot_gray.gif) no-repeat;	padding-left:10px;}
#mainContent .notice .bTitle a{	color:#464646;}
#mainContent .notice .bDate{	margin-top:0;	margin-left:10px;	color:#8c8c8c;}
#mainContent .rollingBanner{	width:380px;	height:105px;	float:left;	text-align:left;}


/*----------subpage----------*/
#subPage{	position:relative;	z-index:1;	background:url(../images/bg_main.png) center top repeat-y;	text-align:center;}
#subPage .content{	position:relative;	width:1400px; height:727px;	margin:0 auto; text-align:center;}
#subPage .content .title{	position:absolute;	z-index:2;	right:150px;	top:60px;}
#subPage .subText{
	width:340px;
	height:150px;
	left:150px;
	top:45px;
	position:absolute;
	z-index:20;
	display:block;
}
/*----------prologue----------*/
.prologue{
	position:relative;
	width:1100px;
	height:538px;
	top:120px;
	margin:0 auto 60px;
	*zoom:1;
}
.prologue:after{content:'';	display:block;	clear:both;}
.prologue .pic{	width:550px;	height:538px;	float:left;}
.prologue .text{	width:550px;	height:538px;	float:left;	background:url(../images/bg_prologue.jpg) no-repeat;}
.prologue .text .info{
	width:460px;
	height:330px;
	margin:140px auto;
	font-size:12px;
	color:#464646;
	text-align:left;
	overflow-y:auto;
}


/*----------outside----------*/


/*----------room_all----------*/


/*----------room / facilities----------*/
.info_container{
	position:absolute;
	height:727px;
	top:0;
	z-index:9;
	*zoom:1;
	right:150px;
}
.info_container:after{content:'';	display:block;	clear:both;}
#infoPanel .btn{
	position:absolute;
	width:54px;
	height:100%;
	left:-54px;
	background:url(../images/bg_room_sha.png);
	z-index:40;
}
.info_container .info{	width:320px;	height:100%;	background:url(../images/bg_info.png);}
#infoTab, #infoTab2 {	position:relative;	right:0px;	top:75px;	display:block;	cursor:pointer;}
#infoPanel {
	position:absolute;
	right:150px;
	top:0px;
	background-color:#999999;
	height:500px;
	width:380px;/*new line*/
	height:100%;
	background:url(../images/bg_info.png);
	font-family:'NanumGothic';
	font-size:12px;
	color:#6a6a6a;
	z-index:9;
}
#infoPanel .infoContent{	width:330px;;	text-align:left;	overflow-y:hidden;	margin:0 auto;}
#infoPanel .infoContent .items{	height:520px;	width:330px;;	text-align:left;	overflow-y:auto; overflow-x:hidden;}
#infoPanel .infoContent h3{	font-family:'NanumGothicBold';	font-size:40px;	color:#232323;	line-height:40px;	margin-top:30px;}
#infoPanel .infoContent h4{	font-family:'NanumGothicBold';	font-size:12px;	color:#8f8f8f;	margin-bottom:35px;}
#infoPanel .infoContent .infoItem{	margin-bottom:20px; width:95%;}
#infoPanel .infoContent .infoItem .subtitle{
	background:url(../images/sub_title_dot.gif) no-repeat;
	padding-left:12px;
	margin-bottom:5px;
	height:16px;
	line-height:16px;
	font-family:'NanumGothicBold';
	font-size:14px;
	color:#32909c;
}
.infoItem .detail p{	margin-left:10px;}
#infoPanel .priceTable{
	width:100%;
	border:none;
	background-color:#cfcfcf;
	margin-bottom:15px;
	text-align:center;
	font-size:12px;
	color:#6a6a6a;
}
#infoPanel .priceTable .top{	font-family:'NanumGothicBold';	height:20px;	line-height:20px;	background-color:#e4e4e4;}
#infoPanel .priceTable .tr1{	font-family:'NanumGothicBold';}
#infoPanel .priceTable .tr2{	font-family:'NanumGothic';}
#infoPanel .priceTable td{	width:33%;	height:20px;	line-height:20px;	background-color:#ffffff;}
#infoPanel .caution{	font-family:'NanumGothicBold';	color:#383838;}
#infoPanel .caution a{	color:#008997;}
#accordionNested{	z-index:99999;}
#test{	top:0;	position:absolute;	z-index:999;}


/*----------special / travel----------*/
.travelBtn{	background-color:transparent !important;	padding:0px;}
 .travelBtn a{	 margin-left:20px;}
.curr-arrow .travelBtn a{ color:#fff !important}
/*----------reservation / traffic / community----------*/
#subPage .boardPanel{
	position:relative;
	width:1130px;
	height:590px;
	top:110px;
	background:url(../images/bg_reser.png) no-repeat;
	text-align:center;
	margin:0 auto;
}
.boardPanel .reserTitle, .boardPanel .trafficTitle, .boardPanel .NoticeTitle, .boardPanel .AfterTitle, .boardPanel .QnATitle, .boardPanel .PhotoTitle{
	position:absolute;
	font-family:'NanumGothicExtraBold';
	letter-spacing:-1px;
	font-size:18px;
	color:#646464;
	top:20px;
	left:100px;
	height:80px;
	text-align:left;
}
.boardPanel .top{
	position:relative;
	margin-left:25px;
	margin-top:30px;
}
.boardPanel .txt{
	font-family:'NanumGothicBold';
	font-size:12px;	
	margin-top:5px;
}
.boardPanel .reserTitle, .boardPanel .trafficTitle{
	background:url(../images/img_board_title.png) 0 0 no-repeat;
}
.boardPanel .NoticeTitle{
	background:url(../images/img_board_title_Notice.png) 0 0 no-repeat;
}
.boardPanel .AfterTitle{
	background:url(../images/img_board_title_After.png) 0 0 no-repeat;
}
.boardPanel .QnATitle{
	background:url(../images/img_board_title_QnA.png) 0 0 no-repeat;
}
.boardPanel .PhotoTitle{
	background:url(../images/img_board_title_Photo.png) 0 0 no-repeat;

}
.boardPanel .boardInfo{
	position:absolute;
	width:960px;
	height:430px;
	top:100px;
	left:100px;
	text-align:left;
	overflow-y:auto;
}
.boardPanel .boardInfo, .boardPanel .boardInfo p{	font-family:'돋움', 'dotum';	font-size:12px;}
.boardPanel .boardInfo .txt strong{	color:#2a818c !important;}
.boardPanel .priceTable,.boardPanel .refundTable{
	width:98%;
	border:1px solid #b6dadf;
	background-color:#ffffff !important;
	margin-bottom:15px;
	text-align:center;
	font-size:12px;
	color:#767676 !important;
	font-family:'돋움', 'dotum';
	font-size:12px;
}
.boardPanel .priceTable tr td, .boardPanel .refundTable tr td{height:22px; line-height:22px; background-color:#eaeaea;}
.boardPanel .priceTable .double{height:100%;background-color:#b6dadf;}
.boardPanel .priceTable .pricetop td, .boardPanel .refundTable .pricetop td{	background-color:#b6dadf;}
.boardPanel .priceTable .roomName, .boardPanel .priceTable .roomName a{color:#32909c; font-family:'NanumGothicExtraBold';}
.boardPanel .boardInfo .subtitle{
	background:url(../images/sub_title_dot.gif) no-repeat;
	padding-left:12px;
	margin-top:30px;
	margin-bottom:20px;
	height:16px;
	line-height:16px;
	font-family:'NanumGothicBold';
	font-size:14px;
	color:#32909c;
}
.boardPanel .boardInfo .pensionMap{	width:915px; border:3px solid #9dd2d9;	background-color:#ffffff;}
.pensionMap img {width:915px}
.table_board_list, .table_board_view{	width:915px; text-align:left; font-size:12px;}
.listTop{
	height:28px;
	line-height:28px;
	font-size:28px;
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #32909c;
	border-bottom:1px solid #32909c;
}

.table_board_list .blank1{color:#8c8c8c;border-bottom:1px solid #e1e1e1; padding: 10px; text-align:center;}
.table_board_list .blank2{height:100px;color:#8c8c8c;border-bottom:1px solid #e1e1e1; padding: 10px; text-align:center;}
.table_board_list .number{color:#8c8c8c;border-bottom:1px solid #e1e1e1; padding: 10px; text-align:center;}
.table_board_list .picture{color:#8c8c8c;border-bottom:1px solid #e1e1e1; padding: 10px; text-align:center;}
.table_board_list .picture img{border:1px solid #b3b3b3; width:105px; height:78px;}
.table_board_list .subject{color:#464646;border-bottom:1px solid #e1e1e1; padding: 10px 0; text-align:left;}
.table_board_list .name{color:#8c8c8c;border-bottom:1px solid #e1e1e1; padding: 10px; text-align:center;}
.table_board_list .date{color:#8c8c8c;border-bottom:1px solid #e1e1e1; padding: 10px; text-align:center;}
.table_board_list .view{color:#8c8c8c;border-bottom:1px solid #e1e1e1; padding: 10px; text-align:center;}

.table_board_view .subject, .table_board_view .name, .table_board_view .pass, .table_board_view .file, .table_board_view .date, .table_board_view .view{height:28px; line-height:28px; font-family:'NanumGothicBold'; color:#575757; border-top:1px solid #32909c; vertical-align:middle; padding:0 10px;}

.table_board_view .cont{ border-top:1px solid #32909c; border-bottom:1px solid #32909c; padding:12px 10px; color:#575757;}

.Editor_Tool{}
#Editor__content__EditorPad{height:235px !important;}

.searchbar {*zoom:1; margin-top:15px; width:915px; position:relative;}
.searchbar:after{content:'';	display:block;	clear:both;}
.searchbar .search{float:left; width:225px; height:21px; line-height:21px; text-align:left;}
.searchbar .pages{float:left; width:480px; height:21px; line-height:21px; text-align:center;}
.searchbar .btns{float:left; width:210px; text-align:right; height:21px; line-height:21px;position:relative;*zoom:1;}
.searchbar .btns:after{content:'';	display:block;	clear:both;}

.searchbar .btns a{height:21px; line-height:21px;}
.searchbar .btns2{width:915px; text-align:right; height:21px; line-height:21px;}
.boardPanel .boardBtn1{
	position:relative;
	background-color:#32909c; 
	font-family:'NanumGothicBold';
	font-size:13px;
	color:#fff;
	height:21px;
	line-height:21px;
	text-align:center;
	margin:0 0 0 10px;
	padding:3px 5px;
	display:inline;
}
.boardPanel .boardBtn2{
	background-color:#32909c; 
	padding:0 5px;
	font-family:'NanumGothicBold';
	font-size:12px;
	color:#fff;
	height:18px;
	line-height:18px;
}
.boardPanel .input1{
	height:18px;
	line-height:18px;
	font-size:11px;
	color:#595959;
	vertical-align:middle;
}
.boardPanel .input2{
	height:300px;
	line-height:18px;
	font-size:11px;
	color:#595959;
	vertical-align:middle;
}
.passPanel{
	width:100%;
	height:100%;
	text-align:center;
}
.noticewrite{
	position:relative;
	width:340px;
	margin:100px auto 0 auto;
	padding:30px 0;
	font-family:'NanumGothicBold';
	font-weight:400;
	text-align:center;
	border:1px solid #32909c;
	background-color:#fff;
}
.noticewrite h3{
	color:#32909c;
	font-size:24px;
}
.noticewrite div{font-family:'NanumGothicBold'; color:#595959; height:21px; line-height:21px; font-size:12px; margin:20px 0;}
.btnwrap{width:915px; margin-top:15px; text-align:right;}
.btnwrap2{width:320px; margin:0 !important; text-align:center;}

.paging tr td{ height:21px; line-height:21px; vertical-align:middle;}
.pagenumber, .pagenumber a{color:#8c8c8c; font-size:12px;}


/*----------footer----------*/
#footer{
	position:relative;
	border-top:1px solid #9bc6ca;
	font-family:'NanumGothicExtraBold';
	color:#6e6c6c;
	text-align:center;
	background-color:#ffffff;
	z-index:9999;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
	*zoom: 1;
	margin:0 auto;
	width:100%;
	height:50px;
	left:0;	
}
#footer .wrap{ position:relative; width:1400px; margin:0 auto; text-align:center; top:15px; left:0;}
#footer .info1{ position:relative; width:1400px;;	font-size:11px; margin:0 auto;}
#footer .info2{	position:relative;	font-size:11px; margin:0 auto; line-height:18px;}
.reserBtn{	height:83px;	position:absolute;	z-index:500;	bottom:0;	right:150px;}

/*----------font color----------*/
.darkgray{color:#2c2c2c;}
.woori{color:#30949e;}