@font-face {
    font-family: "NanumGothic";
    src: url("/css/font/NanumGothic.eot");
    src: url("/css/font/NanumGothic.eot?#iefix") format("embedded-opentype"),
         url("/css/font/NanumGothic.woff") format("woff"),
         url("/css/font/NanumGothic.ttf") format("truetype"),
         url("/css/font/NanumGothic.svg#DaumRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "나눔고딕";
    src: url("/css/font/NanumGothic.eot");
    src: url("/css/font/NanumGothic.eot?#iefix") format("embedded-opentype"),
         url("/css/font/NanumGothic.woff") format("woff"),
         url("/css/font/NanumGothic.ttf") format("truetype"),
         url("/css/font/NanumGothic.svg#DaumRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}


input[type=checkbox].checkbox {

overflow: hidden; 
/*clip: rect(0 0 0 0); */
height:14px;
width:14px; 
margin:0px; 
padding:0;
border:0;
}


.height_1	{clear:both; height:1px; width:100%; }
.height_2	{clear:both; height:2px; width:100%; }
.height_3	{clear:both; height:3px; width:100%; }
.height_4	{clear:both; height:4px; width:100%; }
.height_5	{clear:both; height:5px; width:100%; }
.height_6	{clear:both; height:6px; width:100%; }
.height_7	{clear:both; height:7px; width:100%; }
.height_8	{clear:both; height:8px; width:100%; }
.height_9	{clear:both; height:9px; width:100%; }
.height_10	{clear:both; height:10px; width:100%;}
.height_11	{clear:both; height:11px; width:100%;}
.height_12	{clear:both; height:12px; width:100%;}
.height_13	{clear:both; height:13px; width:100%;}
.height_14	{clear:both; height:14px; width:100%;}
.height_15	{clear:both; height:15px; width:100%;}
.height_16	{clear:both; height:16px; width:100%;}
.height_17	{clear:both; height:17px; width:100%;}
.height_18	{clear:both; height:18px; width:100%;}
.height_19	{clear:both; height:19px; width:100%;}
.height_20	{clear:both; height:20px; width:100%;}
.height_21	{clear:both; height:21px; width:100%;}
.height_22	{clear:both; height:22px; width:100%;}
.height_23	{clear:both; height:23px; width:100%;}
.height_24	{clear:both; height:24px; width:100%;}
.height_25	{clear:both; height:25px; width:100%;}
.height_26	{clear:both; height:26px; width:100%;}
.height_27	{clear:both; height:27px; width:100%;}
.height_28	{clear:both; height:28px; width:100%;}
.height_29	{clear:both; height:29px; width:100%;}
.height_30	{clear:both; height:30px; width:100%;}
.height_31	{clear:both; height:31px; width:100%;}
.height_32	{clear:both; height:32px; width:100%;}
.height_33	{clear:both; height:33px; width:100%;}
.height_34	{clear:both; height:34px; width:100%;}
.height_35	{clear:both; height:35px; width:100%;}
.height_36	{clear:both; height:36px; width:100%;}
.height_37	{clear:both; height:37px; width:100%;}
.height_38	{clear:both; height:38px; width:100%;}
.height_39	{clear:both; height:39px; width:100%;}
.height_40	{clear:both; height:40px; width:100%;}
.height_50	{clear:both; height:50px; width:100%;}
.height_60	{clear:both; height:60px; width:100%;}
.height_70	{clear:both; height:70px; width:100%;}
.height_80	{clear:both; height:80px; width:100%;}
.height_90	{clear:both; height:90px; width:100%;}
.height_100 {clear:both; height:100px;width:100%;}


body {
margin: 0px; <!-- 언제나 전체 body에는 margin 값을 0으로 세팅해준다-->
}
html, body {
    height: 100%;
}
 

/* 기본 테이블 */
table.blank {  clear:both; padding:0px; border-collapse: collapse; border:0px solid red;}
table.blank caption  { margin: 0; padding: 0; }
table.blank th {  vertical-align:middle; text-align:left; padding:0px;}
table.blank td {  vertical-align:middle; text-align:left; padding:0px;}
table.blank .center		{ text-align:center;}
table.blank .right		{ text-align:right;}
table.blank .top        { vertical-align:top;}
table.blank .top_center { vertical-align:top; text-align:center;}
table.blank .top_right  { vertical-align:top; text-align:right;}


/* 팝업 */
.popup_bottom1 {  vertical-align:middle;  padding:0px 0px 0px 5px;}
.popup_bottom2 {  vertical-align:middle; text-align:right; padding:0px 10px 0px 0px;}



img, form, input, select, textarea, button { border:0; margin:0; }


div,dl,dt,dd,ul,ol,li{ }

th {font-size:14px; color:#333333; line-height:1.7;}

td { font-size:14px; color:#333333; line-height:1.7;}

input		{ font-size:10pt;  line-height:1.5; vertical-align:middle; border:1px solid #CCCCCC; padding:2px; }

textarea	{ font-size:10pt;  line-height:1.5; vertical-align:middle; border:1px solid #CCCCCC; padding:2px; }

button		{ font-size:10pt; line-height:1.5; padding:0px; margin-left:1px; margin-right:1px; vertical-align:middle; cursor:pointer;  }

select		{ font-size:10pt;  border:1px solid #CCCCCC; height:25px; padding:2px;  vertical-align:middle;  }


a          {color:#333333; text-decoration:none}
a:link     {color:#333333; text-decoration:none}
a:visited  {color:#333333; text-decoration:none}
a:active   {color:#333333; text-decoration:none} 
a:hover    {color:#333333; text-decoration:none}






/* 겔러리 */
.gallery_wrap      { clear:both; width:900px; margin-top:30px;}

  .gallery_img_lay  { }
    .gallery_img      { position:relative; margin:auto;   }
      .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
      .cycle-slideshow {  min-width: 200px; margin: auto; padding: 0; position:relative;}
      .cycle-slideshow > div { position: absolute; top: 0; left: 0; width: 100%; padding: 0;}
      .gallery_left  { position:absolute; left:20px;  top:250px; cursor:pointer;}
      .gallery_right { position:absolute; right:20px; top:250px; cursor:pointer;}

  .gallery_thum_lay  { }
    .gallery_thum     { position:relative; margin:auto;  }
    .gallery_thum > * { cursor: pointer;}
    .gallery_thum div { float:left; border-top:4px solid #AAAAAA; padding-top:2px; margin:10px 6px 0px 6px; display:inline-block;  overflow:hidden;}
    .gallery_thum div.cycle-pager-active { border-top:4px solid #333333;  }



/* 시즌선택박스 */
.season  { clear:both;  }
.season li { float:left; padding:25px 15px 25px 15px; margin-right:1px; margin-bottom:6px; font-weight:bold;}




/* 게시판 일반표 */
table.post {  clear:both; margin:auto; padding:0px;  border-left:0px solid #D2D2D2; border-right:0px solid #D2D2D2; border-collapse: collapse; border-top:1px solid #93C840;  }
table.post th, table.post td { margin:0px; padding:12px 15px 12px 15px;  text-align:left; border-bottom: 1px solid #D2D2D2; }
table.post caption { margin: 0; padding: 0; }
table.post th { background-color: #f9f9f9; }
table.post td {  }
table.post .center { text-align:center;}

.post_exe	{ padding:15px 0px 50px 0px; position: relative;clear: both; text-align:center; }

table.list { clear:both; margin:auto; padding:0px;  border-left:0px solid #D2D2D2;  border-collapse: collapse; border-top:1px solid #93C840;  }
table.list caption  { margin: 0; padding: 0; }
table.list th {  margin: 0; padding:14px 0px 14px 0px;  text-align:center;  border-bottom:1px solid #D2D2D2; background-color: #f9f9f9; }
table.list td {  margin: 0; padding:14px 0px 14px 0px;  text-align:center;  border-bottom:1px solid #D2D2D2; }
table.list .left  { padding-left:8px; padding-right:8px; text-align:left;}
table.list .right { padding-left:8px; padding-right:8px; text-align:right;}

.text_doc { font-size:8pt; color:#aaa; }

/* 게시판 게시물 */
.pds_doc_title	{ padding:10px; clear: both; text-align:left; font-weight:bold; background-color:#f7f7f7;}
.pds_doc_file	{ clear:both; padding:5px 0px 5px 0px; text-align:center}
.pds_doc_memo	{ clear:both; padding:10px 10px 50px 10px;  text-align:left; line-height:1.7}

.pds_tail_list	{ clear: both; width:100%; padding:0px 0px 0px 0px;  border-top:1px dashed #dddddd;}
.pds_tail_list1	{width:15%; float:left; padding:10px 0px 10px 0px;}
.pds_tail_list2	{width:65%; float:left; padding:10px 0px 10px 0px;}
.pds_tail_list3	{width:20%; float:left; text-align:right; padding:10px 0px 10px 0px; font-size:8pt; color:#AAAAAA;}

.pds_search	{width:100%; padding:20px 0px 20px 0px; clear: both; text-align:center}

.pds_update_but { text-align:right; padding:10px 0px 10px 0px; }

/* 게시판 비밀번호 */
table.pds_pass_table {  clear:both; width:200px; padding:0px; border-collapse: collapse; border:1px solid #000000;}
table.pds_pass_table caption  { margin: 0; padding: 0; }
table.pds_pass_table th {  vertical-align:middle; text-align:left; background-color:#333333; color:#FFFFFF; padding:2px;}
table.pds_pass_table td {  vertical-align:middle; text-align:center; background-color:#FFFFFF; padding:10px;}

/* 게시판(겔러리) */
table.pds_gallery_table          { clear:both; width:100%;  padding:0px; border-collapse: collapse; border-top:1px solid #93C840;}
table.pds_gallery_table caption  { margin:0; padding:0; }
table.pds_gallery_table td       { margin:0; padding:20px 0px 10px 0px;  vertical-align:top; text-align:center;}
.pds_gallery_table_td_first { border-bottom:0px dashed #DDDDDD;  }
.pds_gallery_table_td       { border-left:0px dashed #DDDDDD; border-bottom:0px dashed #DDDDDD; }
.pds_gallery_img            { clear:both; margin:auto; border:1px solid #CCCCCC; text-align:center; vertical-align:middle; display:table-cell; overflow:hidden;  }
.pds_gallery_title          { clear:both; padding-top:10px; text-align:center; }


.list_menu		{width:100%;clear: both;}
.list_menu .menu1	{width:50%; padding:6px 0px 6px 5px; float:left; text-align:left;}
.list_menu .menu2	{width:40%; padding:6px 0px 6px 0px; float:right; text-align:right; }
.list_page		{ width:100%; height:30px; text-align:center; padding:20px 0px 20px 0px; font-size:16px; }


/* 예약안내 */
.rev_info_pay         { clear:both; padding-top:10px; padding-bottom:15px; }  /* 객실요금표 */
.rev_info_guide       { clear:both; padding-top:40px; padding-bottom:20px; }  /* 예약안내 */
.rev_info_guide_doc   { clear:both;  }
.rev_info_alert       { clear:both; padding-top:40px; padding-bottom:20px; }  /* 유의사항 */
.rev_info_alert_doc   { clear:both;  }
.rev_info_cancel      { clear:both; padding-top:40px; padding-bottom:20px; }  /* 환불규정 */
.rev_info_cancel_doc  { clear:both; padding-bottom:10px; }



/* 할인전 금액 */
.room_d_price { color:#ff0000; text-decoration:line-through;  }


/* 오시는길 */
.traffic_map { }
table.t_traffic { clear:both; padding:0px;  border-left:1px solid #D2D2D2;  border-collapse: collapse; border-top:2px solid #1e6495;  }
table.t_traffic th {  margin: 0; padding:8px 0px 8px 0px;  text-align:center;  border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2; background-color: #e4f1fb; }
table.t_traffic td {  margin: 0; padding:8px 0px 8px 0px;  text-align:center;  border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2; }

.traffic_back { width:900px; height:821px;background:url("../img/sub/traffic_back.jpg") no-repeat center top;  }
  .trafiic_tit { margin-top:30px; }
  .trafiic_tit span { border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;  padding-top:6px; padding-bottom:6px; color:#1e6495; font-size:11pt; }
  .trafiic_doc { width:410px; padding-top:15px; }


/* 객실소개 */
/*
.room_list     { clear:both; margin-top:30px;}
.room_list li  { float:left;  height:215px; position:relative; }
.room_list .room_left  { width:231px;  }
.room_list .room_right { width:205px;  }

.room_name		{ position:absolute; left:0px; top:0px; width:205px; }
.room_name a	{ color:#1e6495; font-size:13pt; letter-spacing:-1px; }
.room_img		{ position:absolute; left:0px; top:30px;  width:205px; height:150px;  z-index:10;}
.room_go		{ position:absolute; left:0px; top:30px;  width:205px; height:150px; display:none;  z-index:20; }
.room_plus		{ position:absolute; left:153px; top:10px;  z-index:30; }
*/

table.room_table { clear:both; padding:0px;  border-left:1px solid #D2D2D2;  border-collapse: collapse; border-top:2px solid #023361;  }
table.room_table th {  margin: 0; padding:8px 0px 8px 0px;  text-align:center;  border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2; background-color: #1A84CF;  color:#ffffff; font-weight:bold;}
table.room_table td {  margin: 0; padding:8px 0px 8px 0px;  text-align:center;  border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2; }
table.room_table .left { text-align:left; padding-left:10px; }

/* 메뉴소개 */
.food_back  { clear:both; width:900px; height:600px; position:relative; margin:auto; background:url("../img/sub/food_back01.jpg") no-repeat center top; }
.food1  { position:absolute; left:28px; top:163px;  }
.food2  { position:absolute; left:368px; top:163px;  }
.food3  { position:absolute; left:368px; top:393px;  }

table.t_food { clear:both; padding:0px;  border-collapse: collapse; border:0px ;  }
table.t_food th {  margin: 0; padding:4px 0px 4px 0px;  text-align:left; font-weight:normal;}
table.t_food td {  margin: 0; padding:4px 0px 4px 0px;  text-align:right;font-weight:bold; }

/* 패키지 */
.package_back  { clear:both; width:900px; height:1745px; position:relative; margin:auto; background:url("../img/sub/package_back01.jpg") no-repeat center top; }
	.package_price1  { position:absolute; left:5px; top:269px; width:200px; text-align:center; }
	.package_price2  { position:absolute; left:0px; top:1465px; width:200px; text-align:center; }
	.package_price3  { position:absolute; left:0px; top:1700px; width:200px; text-align:center; }
	.package_price02  { position:absolute; left:5px; top:502px; width:200px; text-align:center; }
	.package_price03  { position:absolute; left:5px; top:733px; width:200px; text-align:center; }
	.package1  { position:absolute; left:740px; top:150px;  }
	.package2  { position:absolute; left:229px; top:180px;  }
	.package3  { position:absolute; left:229px; top:287px;  }
	.package4  { position:absolute; left:229px; top:1374px;  }
	.package5  { position:absolute; left:229px; top:1610px;  }
	.package02  { position:absolute; left:229px; top:520px;  }
	.package002  { position:absolute; left:229px; top:410px;  }
	.package003  { position:absolute; left:229px; top:646px;  }


/* 부대시설 */
.special_back  { clear:both; width:900px; height:960px; position:relative; margin:auto; background:url("../img/sub/special_back.jpg") no-repeat center top; }
.special1  { position:absolute; left:8px; top:80px;   font-size:9pt; }
.special2  { position:absolute; left:313px; top:290px; font-size:9pt;  }
.special3  { position:absolute; left:628px; top:79px;  font-size:9pt;  }

/* 등산로 */
.travel_doc  { clear:both; width:900px;margin:auto; padding-top:30px; margin-bottom:30px;}
.travel_img  { clear:both; width:900px; margin:auto; }

.travel_lay    {  display:none; position:relative; width:584px; height:630px; overflow:hidden;}
  .travel_course { position:absolute; left:0px; top:0px; z-index:10}
  .travel_close  { position:absolute; left:522px; top:1px; z-index:200}


/* 주변관광지 */
table.t_doc { clear:both;  width:900px; margin:auto; padding:0px;  border-collapse: collapse; border:0px;  }
table.t_doc th {  margin: 0; padding:6px 0px 0px 0px;  vertical-align:top; text-align:left; }
table.t_doc td {  margin: 0; padding:0px 0px 0px 0px;  vertical-align:top; text-align:left; }
.doc_name  { font-size:13pt; color:#222222; height:30px; font-weight:bold;}
.doc_memo  { color:#333333; }

/* 예약안내 */
.rev_info_back  { clear:both; width:900px; height:216px; position:relative; margin:auto; background:url("../img/sub/rev_info_back.jpg") no-repeat center top; }
  .rev_info { padding-left:18px; padding-top:98px; font-size:11pt; line-height:28px;  }

table.t_rev_info { clear:both; padding:0px;  border-collapse: collapse; border:0px ;  }
table.t_rev_info td {  margin: 0; padding-left:10px; text-align:left; vertical-align:top; line-height:30px; 	}


table.t_rev_info2 { clear:both; padding:0px;  border-collapse: collapse; border:0px ;  }
table.t_rev_info2 td {  margin: 0; padding:0px; text-align:left; vertical-align:top; line-height:30px; 	}

table.rev_table { clear:both; padding:0px;  border-left:1px solid #D2D2D2;  border-collapse: collapse; border-top:2px solid #023361;  }
table.rev_table th {  margin: 0; padding:8px 0px 8px 0px;  text-align:center;  border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2; background-color:#1A84CF; color:#ffffff; font-weight:bold; }
table.rev_table td {  margin: 0; padding:8px 0px 8px 0px;  text-align:center;  border-bottom:1px solid #D2D2D2; border-right:1px solid #D2D2D2;  color:#ff4800; font-size:12pt; font-weight:bold; }
table.rev_table .left { text-align:left; padding-left:10px; }