@charset "utf-8";

/* common */
ul {list-style:none;}
div, ul, li, table, td, select, span, p, h1, h2, h3, h4, dl, dt, dd {margin:0; padding:0; font-size:12px; font-family:돋움; color:#666666; }
img {border:0; margin:0; padding:0; }
select,input	{ vertical-align:middle; font-size:9pt; font-family:dotum;line-height:15px;letter-spacing:0; border:solid 1px #d9d9d9; }




/* story_01 */
.title_01 {height: 34px; width: 675px;  border-bottom:1px solid #cccccc; margin-bottom:25px; }
#warp { width: 675px; }
.region_teb {	height: 30px; width: 675px; background-image: url(/kor/hanok/images/story/tebmenu_bg.gif); padding-bottom:20px; }
.region_teb .teb {float: left;}



.place_menu{ position:relative; width: 651px; _width: 675px;   border:#dce7ab solid  6px; padding:0 0 0 14px; float:left;    } /*박스 높이값으로 크기조정  */

.place_menu  dl{position:relative;   float:left;  padding:14px 0 14px 0; } 
.place_menu dt { position:relative;  width: 33px; float:left;   }
.place_menu dd {position:relative; width: 585px;  float:left;  }

.bottom_dot_line632{ background:url(/kor/hanok/images/story/dot_bg.gif) repeat-x bottom;  }
/*.bottom_dot_line632{ border-bottom:dotted #CCCCCC 1px; padding-bottom:10px;}*/
/*
 .table_basic  {  position:relative;  margin-left:10px;  text-align:left;  }
 .table_basic td { position:relative; padding:2px 15px 2px 5px;   text-align:left; text-indent:0.3em;   background : url(/kor/hanok/images/story/icon_01.gif) no-repeat left center; font-size: 12px;}
*/

.table_basic_region  {  position:relative;  margin-left:10px;  text-align:left;  }
 .table_basic_region td { position:relative; padding:2px 15px 2px 5px;   text-align:left; text-indent:0.3em;   background : url(/kor/hanok/images/story/icon_01.gif) no-repeat left center; font-size: 12px;}


/*.place_menu{ width: 651px; _width: 675px;  border:#dce7ab solid  6px; padding:0 0 14px 14px;  } /*박스 높이값으로 크기조정  


.place_menu  dt{  position:relative; width: 66px;  float: left; }
.place_menu  dd{  position:relative; width: 500px;  float: left;}

.table_basic  {  margin-left:10px;  text-align:left;  }
.table_basic td {   padding:0 15px 5px 5px; text-align:left; text-indent:0.3em;  background:url(/kor/hanok/images/story/icon_01.gif) no-repeat; }*/



 #destination { position:relative; width: 635px; padding:25px 20px 25px 20px; float:left; }

.title_02 { position:relative;  height: 18px;  font-weight:bold;  color:#60870f;  font-size:16px; background:url(/kor/hanok/images/story/icon_02.gif) no-repeat; padding:2px 10px 0 15px;  float:left;  }
.detail_bt{   position:relative; height: 18px; padding:2px 0 0 0; }


.photo {width: 635px; height: 180px; padding:25px 0 0 0;}
.photo li {float: left;}

.p_img {width:199px; height:176px; position:relative; border:solid 2px #b3b3b3; margin-right:13px;}
.p_img img { vertical-align:middle;}
.p_img_end{width: 199px; height: 176px; position:relative; border:solid 2px #b3b3b3; }
.p_img_end img  { vertical-align:middle;}
.content{width: 635px; padding:25px 0 20px 0;  text-align: justify; line-height: 19px; font-size:12px;}


/* info_01 상세페이지 */
#tit_bar{  width: 675px;  height: 31px;  background-color:#f2f2f2; margin-bottom:10px; }
  .tit_text{   float:left; font-size:12px; font-weight:bold; color:#b65800; padding:10px 0 0 20px;}
  .tit_top {width: 675px; }
  .tit_top ul{ margin-left:440px; }
  .tit_top li {float:left;  margin-left:10px; margin-top:7px;}
  
#warp {height: 340px; width: 675px; }
#leftbox {height: 340px; width: 305px; _width: 325px;  background:url(/kor/hanok/images/info/leftbox_bg.gif); float:left; padding-left:20px;}
#leftbox .p287_img {width: 287px; height: 200px; position:relative; padding:10px 0 0 0; }
#leftbox .icontext{ width: 100%; margin:20px 0 0 0; }
#leftbox .icon {width: 13px; height: 13px;  background:url(/kor/hanok/images/info/icon_03.gif); float:left;  }

.greybox{ width: 287px; height: 85px; background-color:#e6e6e6; }

#leftbox .thumbnail_list{ width: 230px; height: 38px; padding-top:10px; padding-left:5px; padding-right:5px; padding-bottom:10px; _padding-bottom:7px;  float:left;}
#leftbox .bt_prev{width: 12px; height: 19px;  padding:20px 5px 0 5px; float:left;}
#leftbox .bt_next{width: 12px; height: 19px;  padding:20px 5px 0 5px; float:left;}
#leftbox .p40_img {width: 38px; height: 38px; border:solid 1px #b3b3b3; padding:1px 1px 1px 1px; margin:0 3px 0 0;  float:left;}
#leftbox .p40_img  img{ vertical-align:middle;}

#leftbox .thumbnail_bt{ height: 20px; padding:0 0 0 45px; }
#leftbox .bt_photo_view{width: 88px; height: 20px;  float:left;}
#leftbox .bt_vcr_view{width: 88px; height: 20px; float:left; padding-left:5px;}



#rightbox {height: 340px; width: 350px; background:url(/kor/hanok/images/info/rightbox_bg.gif); float:left;}
#rightbox .greybox_r {width: 314px; height: 25px; position:relative; margin:10px 17px 0 17px; }
#rightbox .weather{ margin:0 0 0 150px;}
#rightbox .wether_icon{ padding:2px 5px 0 5px;}
#rightbox .weather_obj{float: left; padding:5px 5px 5px 5px;} 
#rightbox .info { margin:20 0 0 0;}
#rightbox .info dl {width: 314px;  border-bottom: dotted 1px #999999; margin:10px 17px 0 17px; padding:0 0 5px 0;}
#rightbox .bold_name{ width:87px;   font-weight:bold;  color:#666666;   background:url(/kor/hanok/images/info/icon_04.gif) no-repeat;  padding:0 0 0 10px; float:left;}


#tab_map {width: 314px;  margin:10px 17px 0 17px;}
.bold_name_05{ width:87px;   font-weight:bold;  color:#666666;   background-image::url(/kor/hanok/images/info/icon_04.gif) no-repeat;  padding:0 0 0 10px;}
.tab_menu {width: 294px; height:22px; background-image::url(/kor/hanok/images/info/bg22.gif); margin:20px 20px 0 0;}

.tm_01 {width: 57px; height: 22px;  background:url(/kor/hanok/images/info/tm_bg_01.gif) no-repeat; float:left; margin:0 5px 0 0;   text-align: center;	}
.tm_02 {width: 66px; height: 22px; background:url(/kor/hanok/images/info/tm_bg_02.gif) no-repeat; float:left;  text-align: center;}
.tab_area {width: 292px; height:50px; background-color:#f1f1f1;  border-left:#e6e6e6 solid 1px;  border-right:#e6e6e6 solid 1px;  border-bottom:#e6e6e6 solid 1px;  margin-top:1px;}
.tab_area ul {width: 220px;   margin:2px 0 0 10px; float:left;}
.tab_area li {width: 220px; height: 20px; margin-bottom:2px;}
.tab_area .area_bt { width: 50; height: 39px;  float:left; padding-top:4px;}
.tab_menu .text_over {padding: 5px 2px 2px 2px; font-size:12px; font-weight:bold; color:#c07c13;}
.tab_menu .text {padding: 5px 2px 2px 2px;  }


/*길찾기 텝메뉴*/
#content_location { float:left; width:300px; height:125px; padding:20px 0 0 15px; }
.Tab_Menu_Type_2_Stay	{ width:100%; margin:0 0 10px 0; padding:0 0 0 0; background:url(/kor/hanok/images/info/new_tab_line2.gif) no-repeat; left bottom; overflow:hidden; margin-bottom:0;}
	.Tab_Menu_Type_2_Stay ul				{ float:left; margin:0 0 0 0; padding:0px; list-style:none; display:inline; }
		.Tab_Menu_Type_2_Stay ul li		{ float:left; margin:0 2px 0 0; padding:0 0 0 0; background:url(/kor/hanok/images/info/search_left01.gif) no-repeat left top; display:inline; list-style:none; }
		.Tab_Menu_Type_2_Stay ul li a	{ float:left; display:block; color:#E29D70; margin:0px; padding:4px 9px 0px 9px; background:url(/kor/hanok/images/info/search_right01.gif) no-repeat right top; }
			 .Tab_Menu_Type_2_Stay ul li a:link, .Tab_Menu_Type_2_Stay ul li a:visited, .Tab_Menu_Type_2_Stay ul li a:hover, .Tab_Menu_Type_2_Stay ul li a:active		{ color: #c07c13; text-decoration:none; }
		.Tab_Menu_Type_2_Stay ul li.current		{ padding-bottom:1px; background-image:url(/kor/hanok/images/info/search_left02.gif); }
		.Tab_Menu_Type_2_Stay ul li.current a:link, .Tab_Menu_Type_2_Stay ul li.current a:visited, .Tab_Menu_Type_2_Stay ul li.current a:hover, .Tab_Menu_Type_2_Stay ul li.current a:active	{ color:#c07c13; font-weight:bold; background-image:url(/kor/hanok/images/info/search_right02.gif); }
.Tab_Menu_Type_Content_2_Stay { padding-top:10px;}
.Tab_Menu_Type_Content_2a_Stay	{ position:relative; border:1px solid #c5c5c5; border-top:none; padding:10px; }
.Tab_Menu_Type_Content_2b_Stay_hanok	{ position:relative; border:1px solid #c5c5c5; border:none; padding:10px; background:url(/kor/hanok/images/info/new_tab_back2.gif) no-repeat left top;}

.Tab_Menu_Type_Content_2b_Stay_hanok .StayTab {margin-top:0; padding:11px 0 11px 8px; background:none; height:60px;}
.Stay_Detail_Box_1_Right_Content .Tab_Menu_Type_Content_2b_Stay_hanok .StayTab input { margin:1px 5px 0 0; border:1px solid #d9d9d9; color:#434343; vertical-align:top; width:158px;}
.Tab_Menu_Type_Content_2b_Stay_hanok .StayTab ul {float:left; list-style:none; color:#524444; }
.Tab_Menu_Type_Content_2b_Stay_hanok .StayTab ul li .tit { float:left; margin:0px 1px 0 0; vertical-align:top; }
html>body .Tab_Menu_Type_Content_2b_Stay_hanok .StayTab ul li #sname { margin:1px 0 0 3px ; }
* html .tit2 { float:left; margin:1px 1px 0 0; vertical-align:top; }
.Tab_Menu_Type_Content_2b_Stay_hanok .StayTab ul li.sub {padding-top:3px; }
.Tab_Menu_Type_Content_2b_Stay_hanok .StayTab ul li .input_box { height:16px; width:50px; border:solid 1px #d9d9d9; }
html>body .Tab_Menu_Type_Content_2b_Stay_hanok .StayTab .input_box { margin:1px 0 0 3px; }
.Tab_Menu_Type_Content_2b_Stay_hanok .StayTab div {float:left; margin-top:1px;}
* html .Tab_Menu_Type_Content_2b_Stay_hanok .StayTab div {float:left; margin-top:1px; }
.Stay_Detail_Box_1_Right_Content .Tab_Menu_Type_Content_2b_Stay_hanok .StayTab div img {vertical-align:top; margin-top:0px; margin-left:1px; }
#Stay_Case_Wrap	.Stay_Detail_Box_1_Right_Content dl.Detail_Location.StayTabRe	{background-image:none; }
#Stay_Case_Wrap	.Stay_Detail_Box_1_Right_Content dl.Detail_Location.StayTabRe dt {margin-bottom:9px;}
* html #Stay_Case_Wrap	.Stay_Detail_Box_1_Right_Content dl.Detail_Location.StayTabRe dt {margin-bottom:6px;}
#Stay_Case_Wrap	.Stay_Detail_Box_1_Right_Content dl.Detail_Location.StayTabRe dd {margin:0 0 0 11px; width:284px;}
.map_bt{padding-left:15px;}

.tm10				{ margin-top:10px; }


/*info 유형별 숙박정보 검색 추가 20091112--*/
.detail_type { width:640px; _width:675px; height:37px; _height:59px; border:solid 6px #d8d0c0; padding:10px 0px 0px 26px; margin-bottom:20px; }
.detail_type li { float:left; padding-right:20px; }
.detail_type_Box1{ position:relative; width:675px; height:162px; font-size:12px; border-bottom:solid 1px #d1d1d1;}



/*홍보동영상*/

#out_line_box{ width: 636px;  _width: 675px;  height: 238px;  border:#e4c8c8 solid 6px; padding:20px 0 0 27px;} /*박스 높이값으로 크기조정  */



#out_line_box ul.vcr_box {width: 100%;   height: 100%;  }
.vcr_box li {width: 189px; float: left; margin-right:17px; }

.vcr_img {width: 189px; height: 156px; position:relative; background:url(/kor/hanok/images/vcr/vcr_bg.gif) no-repeat;  }
.vcr_bt{width: 165px; height: 116px;  margin:10px 9px 27px 11px; border:1px #b1b1b1 solid;}

.vcr_img dl{ padding:10px 10px 10px 20px; }
.vcr_img dt{ width: 155px; height:20px; background:url(/kor/hanok/images/vcr/icon_01.gif)  no-repeat;  font-size:12px; font-weight:bold; color:#ac4e4e;  text-align: center; }
.vcr_img dd{ width: 155px; height:20px; text-align: center;}


#vcr_play_box{width: 675px; height: 370px; background:url(/kor/hanok/images/vcr/board_top_370.gif); margin-top:20px; } 
.vcr_view{width: 414px; height: 340px; float:left; margin:30px 0 0 0; }
.vcr_cont{width: 236px; float:left; margin:55px 0 0 25px;}
.tit_img{ margin-bottom:14px;}

.vcr_tit_text{ width:236px; height: 27px; border-bottom:1px dotted #cccccc;}
.vcr_tit_text dt{ width:47px; float:left;}
.vcr_tit_text dd{ padding:3px 0 0 5px;}

.bt_program{ width:236px; padding-top:10px;}

.vcr_list{ width:236px; margin-top:10px;}
.vcr_list dl{ height: 16px; margin-bottom:9px;}
.vcr_list dt{ width:165px; padding:0 0 0 10px; background:url(/kor/hanok/images/vcr/icon_03.gif) no-repeat;  float:left;}
.vcr_list dd{ width:61px;  float:left;}

#tab_warp{width: 675px;  margin-top:30px;}
.tab_s_menu ul {width: 673px; height: 25px; background:url(/kor/hanok/images/vcr/tab_bg_h25.gif);  }
.tab_s_menu li{ float:left; }
.tab_s_menu li img { vertical-align:top;}

.tab_con_box{width: 673px;  border-left:#e6e6e6 solid 1px;  border-right:#e6e6e6 solid 1px;  border-bottom:#e6e6e6 solid 1px; vertical-align:top;}

.tab_con_box  #contents_1{width: 633px;  padding:20px;}
.tab_con_box  #contents_2{width: 633px;  padding:20px;}
.tab_con_box  #contents_3{width: 633px;  padding:20px;}
.tab_con_box  #contents_4{width: 633px;  padding:20px;}
.tab_con_box  #contents_5{width: 633px;  padding:20px;}

a:link	    {color: #444444; font-size: 12px; text-decoration: none;}
a:visited	{color: #3a3a3a; font-size: 12px; text-decoration: none;}
a:active	{color: #444444; font-size: 12px; text-decoration: none;}
a:hover  	{color: #bb6311; font-size: 12px; text-decoration: none;}