@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

/*기본*/
  A:link    { color:#838383; text-decoration:none;}
  A:visited { color:#838383; text-decoration:none;}
  A:active  { color:#838383; text-decoration:none;}
  A:hover   { color:E90000; text-decoration:none;}

body {width:100%; margin:0 auto;}
  p,br,body,table,td,select,input,form,textarea,option,button { color:#333333; font-size: 12pt; font-family:"Nanum Gothic", "tahoma", "Arial", "Helvetica"; line-height: 1.5em }
img{border:none;}
textarea {background-color : #ffffff;; color:#8F8F8F;}
SELECT {background-color : #F1F1F1; color:#616161;}
body,table,tr,td {
scrollbar-3dlight-color:#595959;
scrollbar-arrow-color:#7F7F7F;
scrollbar-face-color:#DFDFDF;
scrollbar-highlight-color:#FFFFF;
scrollbar-shadow-color:#595959
scrollbar-base-color:#CFCFCF;
scrollbar-darkshadow-color:#FFFFFF;
}

/*사이트맵*/
.sitemap_A { color:#0070BA; font-size: 12pt; letter-spacing: -0.1em; font-weight:bold; }
.sitemap_B { color:#525252; font-size: 10pt; letter-spacing: -0.1em; padding-left:10px; background:url(../images/sitemap_icon2.gif) no-repeat;}
.sitemap_C { color:#898989; font-size: 10pt; letter-spacing: -0.1em; padding-left:8px; background:url(../images/sitemap_icon3.gif) no-repeat;}

a.sitemap_LA:link {font-size: 12pt; text-decoration:none; color:#252525;}
a.sitemap_LA:link {font-size: 12pt; text-decoration:none; color:#252525;}
a.sitemap_LA:visited {font-size: 12pt; text-decoration:none; color:#252525;}
a.sitemap_LA:hover {font-size: 12pt; text-decoration:none; color:#FF5A00;}

a.sitemap_LB:link {font-size: 10pt; text-decoration:none; color:#525252;}
a.sitemap_LB:link {font-size: 10pt; text-decoration:none; color:#525252;}
a.sitemap_LB:visited {font-size: 10pt; text-decoration:none; color:#525252;}
a.sitemap_LB:hover {font-size: 10pt; text-decoration:none; color:#FF7800;}

a.sitemap_LC:link {font-size: 10pt; text-decoration:none; color:#898989;}
a.sitemap_LC:link {font-size: 10pt; text-decoration:none; color:#898989;}
a.sitemap_LC:visited {font-size: 10pt; text-decoration:none; color:#898989;}
a.sitemap_LC:hover {font-size: 10pt; text-decoration:none; color:#898989;}


.sub {width:100%; margin:0 auto; 
  background-position:top center; background-repeat: no-repeat; }
.submenu { color:#737173;}
.enbold { color:#737173; font-weight:bold;}
.enboldno { color:#FF0000; font-weight:bold;}
.enboldno2 { color:orange; font-weight:bold;}
.new_title { color:#00FFFF; font-weight:bold;}
.new_price { color:#FFFFFF; font-weight:bold;}
.menu_bold { color:#333333; font-weight:bold;}
.menu_bw { color:#4C4C4C; letter-spacing: -0.1em;}
.left_copy { color:#FED100; font-size: 10px; font-family:"Helvetica", "Tahoma"; }

.login { color:#333333; font-weight:bold;}
.main_notice { color:#898989; font-size: 9pt; font-family: "Nanum Gothic"; line-height: 1em}
.input { border:1 solid #BDBEBD background-color:#ffffff; }
.input1 {  background-color:#ffffff; }

/*png24배경이미지정의*/
.png24 {tmp:expression(setPng24(this));}
.main_leftbg1 { background:url( ./images/main_left_table_bg2.gif ) repeat-x;}
.main_leftbg2 { background:url( ./images/main_left_table_bg3.gif ) repeat-x;}
.main_tablebg1 { background:url( ./images/main_table_bg4.gif ) repeat-x;}
.main_tablebg2 { background:url( ./images/main_table_bg5.gif ) repeat-x;}

.login_bg1 { background:url( ./images/login_bg1.png ) repeat-x;}
.login_bg2 { background:url( ./images/login_bg2.png ) repeat-x;}


/*메인객실미리보기*/
.room_view_off { background:url( ../images/main_preview_room_off.gif ) repeat; font-size: 8pt; font-family: "NanumGothic", "Tahoma"; letter-spacing: -0.1em; padding-right:5px; padding-left:5px; padding-top:2px;}
.room_view_on { background:url( ../images/main_preview_room_on.gif ) repeat; font-size: 8pt; font-family: "NanumGothic", "Tahoma"; letter-spacing: -0.1em; padding-right:5px; padding-left:5px; padding-top:2px;}

/*팬션정의*/
.pension { color:#333333; font-size: 10pt; font-family: "Tahoma", "NanumGothic"; letter-spacing: -0.1em; line-height: 140% padding-left:5px;}
.pensionA { color:#0084D8; font-size: 10pt; font-family: "Tahoma", "NanumGothic"; letter-spacing: -0.1em; line-height: 140% padding-left:5px;}
.pensionB { color:#555555; font-weight:bold; font-size: 10pt; font-family: "Tahoma", "NanumGothic"; letter-spacing: -0.1em;}
.pensionC { color:#D62E2E; font-size: 10pt; font-family: "Tahoma", "NanumGothic"; letter-spacing: -0.1em; line-height: 140% padding-left:5px;}
.pensionD { color:#333333; font-family: "Tahoma", "Nanum Gothic"; letter-spacing: -0.1em;}
.pensionE { background:#Eeeeee;}
.price { color:#D81E00; font-weight:bold; font-size: 10pt; font-family: "Tahoma", "NanumGothic"; letter-spacing: -0.1em;}
.p_title {color:#333333; font-size: 13pt; font-family: "Tahoma", "NanumGothic";}

/*상단주메뉴텍스트*/
.top_menu { color:#111111; font-size: 11pt; font-family: "Nanum Gothic", "Helvetica";}

/*상단서브메뉴*/
.topsub_menu { color:#808080; font-size: 11pt; font-family: "Nanum Gothic", "Tahoma", "Helvetica";}

/*상단가이드메뉴*/
.toplink { color:#FFFFFF; font-size: 11pt; font-family: "Nanum Gothic" ; letter-spacing: -0.1em;}
.toplink.sitemap { color:#FFFFFF; font-size: 11pt; font-family: "Nanum Gothic" ; letter-spacing: -0.1em;}

/*메인공지사항*/
.notice_menu { color:#1F629C; font-size: 8pt; font-family: "NanumGothic", "Tahoma", "Helvetica"; letter-spacing: -0.1em; padding-top:2px; }
.notice_menu a:link {color:#1F629C; text-decoration:none;}
.notice_menu a:visited {color:#1F629C;}
.notice_menu a:hover{color:#FF4800;}
.top_notice { color:#989898; font-size: 9pt; letter-spacing: -0.1em; padding-top:3px;}

.sens_body { color:#333333; font-size: 8pt; font-family: "NanumGothic", "Tahoma", "Helvetica"; letter-spacing: -0.1em;}
.sens_body2 { color:#333333; font-size: 9pt; letter-spacing: -0.1em; line-height: 150%}

.bbs1 { color:#7d7d7d; font-size: 9pt; font-family: "verdana", "Arial", "Gulim"; letter-spacing: -0.1em; line-height: 140%}
.bbs2 { color:#606060; font-size: 9pt; font-family: "Arial", "Gulim", "Helvetica"; letter-spacing: -0.1em; line-height: 140%; font-weight:bold;}
.bbs3 { color:#959595; font-size: 9px; font-family: "Tahoma"; letter-spacing: -0.01em;}
.bbs4 { color:#959595; font-size: 8pt; font-family: "Arial", "NanumGothic";}
.bbs5 { color:#333333; font-size: 10pt; font-family: "Arial", "Gulim", "Helvetica"; letter-spacing: -0.1em; line-height: 140%}
.bbs6 { color:#959595; font-size: 8pt; font-family: "Tahoma";}
.bbs7 { color:#606060; font-size: 9pt; font-family: "Arial", "Tahoma", "Gulim"; letter-spacing: -0.1em; line-height: 140%}
.bbs8 { color:#333333; font-size: 9pt; font-family: "Arial", "Gulim", "Helvetica"; letter-spacing: -0.1em; line-height: 140%; font-weight:bold;}
.bbs_input { background-color:#ffffff; border:solid 0 ffffff; font-family:"tahoma", "Gulim"; font-size:9pt; letter-spacing: -0.01em;}
.bbs_notice { color:#333333; font-size: 9pt; font-family: "Arial", "Tahoma", "Gulim";}
.bbs_newsA { font-size: 10pt; font-family: "Arial", "Gulim", "Helvetica"; text-decoration:underline; letter-spacing: -0.1em; line-height: 140%; font-weight:bold;}
.bbs_newsB { color:#5F5F5F; font-size: 9pt; font-family: "Arial", "Tahoma", "Gulim"; letter-spacing: -0.1em; line-height: 140%}
.bbsbg_A { background:#FFFFFF;}/* 게시판테이블배경 */
.bbsbg_B { background:#EEEEEE;}/* 게시판테이블테두리 */
.bbsbg_C { background:#eeeeee;}/* FAQ게시판테이블테두리 */
.bbsbg_D { background:#FFFFFF;}

.product { color:#333333; font-size: 9pt; font-family: "Arial", "Helvetica", "Gulim"; letter-spacing: -0.1em;}
.product1 { color:#646464; font-size: 9pt; font-family: "Arial", "Tahoma", "Gulim"; letter-spacing: -0.1em; line-height: 120%}
.product2  { color:#898989; font-size: 8pt; font-family: "NanumGothic", "Arial", "Helvetica"; letter-spacing: -0.1em;}
.product3 { padding-right:5px; padding-left:5px; }
.product4 { color:#333333; font-size: 9pt; font-family: "Arial", "Tahoma", "Gulim"; letter-spacing: -0.1em; line-height: 140%; font-weight:bold;}
.product5 { color:#9E9E9E; font-size: 9pt; font-family: "Arial", "Tahoma", "Gulim"; letter-spacing: -0.03em; line-height: 120%}
.product6 { color:#333333; font-size: 10pt; font-weight:bold; font-family: "Arial", "Gulim", "Helvetica"; letter-spacing: -0.1em; line-height: 140% padding:5px;}

.book1 { color:#333333; font-size: 9pt; font-family: "Helvetica", "Arial", "Tahoma", "Gulim"; letter-spacing: -0.1em; line-height: 140%;}
.book2 { color:#333333; font-size: 10pt; font-family: "Arial", "Gulim", "Helvetica"; letter-spacing: -0.1em; line-height: 140%; font-weight:bold;}
.book3 { color:#6E6E6E; font-size: 9pt; letter-spacing: -0.1em; padding-top:5px; padding-bottom:3px;}

.diryiframe { color:#333333; font-size: 8pt;}

.voteA { color:#333333; font-size: 8pt; font-family: "NanumGothic", "Arial", "Helvetica"; letter-spacing: -0.1em; text-align:justify;}

/*하단*/
.f_copy { color:#959595; font-size: 10pt; font-family: "Nanum Gothic", "Arial", "Helvetica";}
.f_copy2 { color:#343434; font-size: 10pt; font-family: "Arial", "Nanum Gothic"; letter-spacing: -0.01em;}
.f_copy3 { color:#959595; font-size: 10pt; font-family: "Nanum Gothic"; letter-spacing: -0.01em;}
.f_menu { color:#ffffff; font-size: 10pt; font-family: "Nanum Gothic", "Arial", "Helvetica";}

/*계좌안내*/
.accoount1 { color:#ffffff; font-size: 10pt; font-family: "Tahoma"; letter-spacing: -0.01em;}
.accoount2 { color:#ffffff; font-size: 10pt; font-family: "Nanum Gothic", "Arial", "Helvetica"; letter-spacing: -0.1em;}

.calendar { color:#333333; font-size: 9pt; font-family: "Arial", "Gulim", "Helvetica"; letter-spacing: -0.1em;}
.calendar2 { font-size: 8pt; font-family: "Tahoma", "Gulim", "Helvetica"; letter-spacing: -0.1em;}
.calendar3 { color:#959595; font-size: 8pt; font-family: "Tahoma", "NanumGothic"; letter-spacing: -0.1em;}
.calendar4 { color:#333333; font-size: 12pt; letter-spacing: -0.1em; padding-top:3px;}
.calendar5 { color:#898989; font-size: 9pt; font-family: "Arial", "Gulim", "Helvetica"; letter-spacing: -0.1em;}
.request1 { color:#333333; font-size: 9pt; font-family: "Arial", "Gulim", "Helvetica"; letter-spacing: -0.1em;}

/*고객센터*/
.customer { color:#333333; font-size: 9pt; letter-spacing: -0.1em; line-height: 140%}
.customer2 { color:#8E8E8E; font-size: 8pt; font-family: "NanumGothic", "Arial", "Helvetica"; letter-spacing: -0.1em;}
.customer3 { color:#8E8E8E; font-size: 9pt; font-family: "Tahoma";}
.customer4 { color:#333333; font-size: 8pt; font-family: "Tahoma";}
.contents { color:#333333; font-size: 9pt;}
.loginedit { color:#333333; font-size: 9pt; font-family: "Arial", "Gulim", "Helvetica"; letter-spacing: -0.1em; line-height: 140%}

.leftmenu { color:#FFF4E0; font-size: 14pt; font-family: "Nanum Gothic", "Arial", "Helvetica"; letter-spacing: -0.1em;  padding-top:3px;}
.leftmenuN { color:#FF6000; font-size: 14pt; font-family: "Nanum Gothic", "Arial", "Helvetica"; letter-spacing: -0.1em;}
.leftmenu_off { color:#6B6B6B; font-size: 14pt; font-family: "Nanum Gothic", "Arial", "Helvetica"; letter-spacing: -0.1em; margin-bottom: 5`0px;}
.leftmenu_sub { color:#ffffff; font-size: 10pt; letter-spacing: -0.1em; font-family: "NanumGothic", "Tahoma", "Helvetica";  ;}
.leftmenu_sub_off { color:#7E7E7E; font-size: 10pt; letter-spacing: -0.1em; font-family: "NanumGothic", "Tahoma", "Helvetica";  ;}
.leftmenu_t { color:#767676; font-size: 14pt; font-family: "Gulim", "Arial", "Helvetica"; letter-spacing: -0.2em;  font-weight:bold;}
.leftmenu_subE { color:#FFA800; font-size: 14pt; font-family: "Tahoma"; }
.pagemap_title {color:#848484; font-size: 34pt;letter-spacing: -0.1em; padding-left:20px; padding-top:10px; vertical-align:top;}
.newpagemap_title {color:#848484; font-size:22pt;letter-spacing: -0.1em; }

.pagemap { color:#656565; font-size: 12pt; letter-spacing: -0.1em; padding-top:3px;}
.pagemap_on { color:#333333; font-size: 12pt; letter-spacing: -0.1em; padding-top:3px; font-weight:bold;}	
.pagemap2 { color:#333333; font-size: 12pt; font-family: "Nanum Gothic", "Arial", "Helvetica"; letter-spacing: -0.1em;}

/*사이트맵*/
.sitemap_A { color:#0070BA; font-size: 14pt; letter-spacing: -0.1em; font-weight:bold;}
.sitemap_B { color:#525252; font-size: 12pt; font-family: "Nanum Gothic", "Tahoma", "Helvetica"; letter-spacing: -0.1em;}
.sitemap_C { color:#898989; font-size: 10pt; font-family: "Nanum Gothic", "Tahoma", "Helvetica"; letter-spacing: -0.1em; line-height: 20px;}


/*검색박스*/
.selectBoxSelectedAreaGlobal {color:#626262; font-size:12px; font-family:; font-weight:normal; background-color:#ffffff; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxSelectedAreaFocusGlobal {color:#626262; font-size:12px; font-weight:normal; font-family:; background-color:#ffffff; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionGlobal {color:#626262; font-size:12px; font-family:; font-weight:normal; background-color:#ffffff; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}
.selectBoxOptionOverGlobal {color:#626262; font-size:12px; font-family:; font-weight:normal; background-color:#f5f5f5; font-weight:bold; padding-top:2px; line-height:17px; padding-left:5px; letter-spacing:-1px;}

.selectBoxOptionInnerLayer {overflow:auto;background-color:#ffffff;
    scrollbar-face-color:#F3F3F3;
    scrollbar-shadow-color:#6C6C6C;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-3dlight-color:#C9C9C9;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#F3F3F3;
    scrollbar-arrow-color:#000000;
}

/* 사진전용게시판의 사진 EXIF 정보의 레이어 스타일 */
#exifInfo{
	background:url('../images/exif_title.gif') repeat; 
	padding:10px;
	border:1px solid #8D8D8D;
	width:300px; height:100px;
	position:absolute;left:100px;top:100px;
	background:#FFF;
	display:none;
	text-align:left;
	filter:alpha(opacity=90);
	color:gray;
}

#exifInfo2{
	list-style:none;
	margin:3px;
	background:url('../images/exif_line.gif') repeat; 
}
#exifInfo #exifLogo{
	width:100%;
	font-size:12pt;
	font-weight:bold;
	background:#c0c0c0;
	padding:4px;
	color:red;
}
#exifInfo #InfoClose{
	border:0px solid;
	width:100%;
	text-align:center;
	padding:4px;
}

/*레이어 이동 효과*/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 1px solid gray;*/
overflow: scroll; /*leave this value alone*/
width: 695px;
height: 450px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 695px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


#syakuLightbox {
  left:0;
  top:0;
  position:absolute;
  z-index:1001;
  filter:alpha(opacity=50); 
  opacity:0.5;
  background:#000;
  cursor:pointer;
}

#syakuLightboxDisplay {
position:absolute;
z-index:1002;
left:0;
top:0;
cursor:pointer;
}

#syakuLightboxMenu {
display:none;position: absolute;z-index: 1;
padding:4px;
}

#syakuLightboxBtnOpen {
  width:16px; height:16px; 
  background-image:url(images/open.png) !important; 
  background-repeat:no-repeat; 
  border:0; 
  background-color:transparent; 
  vertical-align:middle; 
  display:inline-block; 
  text-decoration:none; 
  padding:0 !important;
  cursor:pointer;
}

#syakuLightboxBtnClose {
  width:16px; height:16px; 
  background-image:url(../images/close.png) !important; 
  background-repeat:no-repeat; 
  border:10px; 
  background-color:transparent; 
  vertical-align:middle; 
  display:inline-block; 
  text-decoration:none; 
  padding:30px;
  cursor:pointer;
}

#syakuLightboxLoading {
  background-color:#fff;
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}
#syakuLightboxLoadingImg {
  padding-left:32px;
  padding-bottom:32px;
  background : transparent url(./images/loader.gif) no-repeat;
}
/*index 탑영역*/
#top_area {
  position: absolute;
  z-index: 8888;
  width: 100%;
  text-align: left;
};


/*index 롤링배경*/
#main_rollingBg {
  width: 100%;
  height: 450px;
  /*background-color: #6700CE;*/
}

.clsBannerScreen {overflow: hidden;position: relative; height:100%;width: 100%; clear:both; top:107px; background: #f1f1f1;}
.clsBannerScreen .images {position:absolute; display:none;}

.clsBannerButton {width:520px;cursor:pointer;text-align: center; margin: 0 auto;}
.clsBannerButton div {width:100px;float:left;text-align: center; padding:2px; z-index: 999999; position: relative;}
.clsBannerButton div.fir {}
.clsBannerButton div.labelOverClass {font-weight:bold;}

/*index 메인 컨텐츠박스*/
#main_contbox {
  width: 1000px;
  height: 420px;
  overflow: hidden;
  margin-top: 107px;
}

#main_contbox .box1 a {
  width: 249px;
  height: 210px;
  background-image:url(../images/index/main_boxmenu1.png);
  float:left;
}
#main_contbox .box2 a {
  width: 249px;
  height: 210px;
  background-image:url(../images/index/main_boxmenu2.png);
  float:left;
}
#main_contbox .box3 {
  width: 250px;
  height: 210px;
  float:left;
}
#main_contbox .box4 a {
  width: 249px;
  height: 210px;
  background-image:url(../images/index/main_boxmenu4.png);
  float:left;
}
#main_contbox .box5 a {
  width: 249px;
  height: 210px;
  background-image:url(../images/index/main_boxmenu5.png);
  float:left;
}
#main_contbox .box6 a {
  width: 499px;
  height: 210px;
  background-image:url(../images/index/main_boxmenu6.png);
  float:left;
}
#main_contbox .box7 a {
  width: 249px;
  height: 210px;
  background-image:url(../images/index/main_boxmenu7.png);
  float:left;
}


/*메인 콘텐츠박스 오버시*/
#main_contbox .box1 a:hover{
  background-image:url(../images/index/main_boxmenu1_over.png);
}
#main_contbox .box2 a:hover{
  background-image:url(../images/index/main_boxmenu2_over.png);
}
#main_contbox .box3 a:hover{
  background-image:url(../images/index/main_boxmenu3_over.png);
}
#main_contbox .box4 a:hover{
  background-image:url(../images/index/main_boxmenu4_over.png);
}
#main_contbox .box5 a:hover {
  background-image:url(../images/index/main_boxmenu5_over.png);
}
#main_contbox .box6 a:hover {

}
#main_contbox .box7 a:hover {
  background-image:url(../images/index/main_boxmenu7_over.png);
};


/* IE 이슈 */