@charset "utf-8"; 
@import url('./common.css');
@import url('./layout.css');
@import url('./button.css');
@import url('./board.css');
@import url('./skin.css');

*		{ margin: 0; padding: 0; font-family:AppleGothic, verdana, sans-serif; font-size: 1em; }
body	{ margin: 0; padding: 0; color: #646464; font-size: 75%; font-family:  AppleGothic,verdana,  sans-serif; line-height: 150%; }


/* container */
.container		{ position: relative; width: 900px; overflow: hidden; margin:0 auto; }

/* content */
.content					{ position: relative;  display: inline; width: 860px; padding:0 20px; overflow: hidden; padding-bottom:30px; } 
.hide {	text-indent:-999em; overflow:hidden; position:absolute; height:0; font:0; background: none;} /*visiable */


/* header */

div.header				{ position: relative; width: 900px;  height: 110px; margin: 0 auto;  z-index:30000; overflow: hidden; }

div.header h1			{ position: absolute; left: 0; top: 5px; width: 113px; height: 35px; }

div.header h1 a			{ display: block; width: 100%; height: 100%; overflow: hidden; background: url('../../image/welchon/common/Header_logo.gif') no-repeat left top; line-height: 10000px; }
div.header div.quick p.user a.home			{background: transparent; }	
	
/* snb */
	div.header div.snb				{ position: absolute; left: 0; top: 45px; width: 900px; height: 65px; overflow: hidden; background: url('../../image/welchon/english/header_snb_eng.gif') no-repeat left top; }

div.snb ul.main li					{ background-image: url('../../image/welchon/english/header_snb_eng_bar.gif'); }
div.snb ul.main li.on a				{ background-image: url('../../image/welchon/english/header_snb_eng_on.gif'); }
div.snb ul.main li.on a				{ color:#c5f543; }
div.snb ul.main li strong,
div.snb ul.main li ul.sub li.on a	{ color: #358c0a ! important; }



/* romeoh 추가 */
.clear {clear:both}

	
/* quick */
div.header div.quick				{ position: absolute; right: 0; top: 5px; }
div.header div.quick p				{ display: inline; font-size: 11px; }
div.header div.quick p u			{ text-decoration: none; }
	
/* user */
div.header div.quick p.user a				{ float: left; height: 16px; overflow: hidden; padding: 0 5px; background: url('../../image/welchon/common/sub_lineVr02.gif') no-repeat left center; text-align: center; line-height: 18px; }

.ruralList  {width:90%}
.ruralList li {float:left; margin:3px 8px; list-type:dist}
.ruralList li a span {color:red}
.ruralList li.curr {padding-left:20px;  margin-left: 0;  letter-spacing:-1px; font-weight:bold;background: url('../../image/welchon/common/ico_sq_arr_gray.gif') no-repeat left top ; }




 div.view { width: 100%; }
.content h4 img { margin: 10px 0 5px; }

	div.LIST div.head div.option p.type a			{ position: relative; float: right; margin-right: 3px; }
	div.LIST div.head div.option p.type 			img.alt	{ position: absolute; display: none; top: -22px;  }
	div.LIST div.head div.option p.type a.detail img.alt	{ left: -17px; }
	div.LIST div.head div.option p.type a.gallery img.alt	{ left: -15px; }
	div.LIST div.head div.option p.type a.list img.alt		{ left: -5px; }


	/* table */
	div.LIST div.list table .num {width:70px; font:.90em Tahoma;}
	div.LIST div.list table .subject {text-align:left;}
	div.LIST div.list table .title {text-align:left;}
	div.LIST div.list table .author {width:100px;}
	div.LIST div.list table .date {width:100px;color:#999999; font:.90em Tahoma;}


	/* village  */
	div.LIST div.list ul.village p.subject		{ position: relative; width: 560px; font-size: 1.1em;  letter-spacing:-1px; }
	div.LIST div.list ul.village p.text			{ float: left; width: 560px;  font-size: 1em; line-height:1.5em;}
	div.LIST div.list ul.village p.info			{ float: left; width: 560px; }
	div.LIST div.list ul.village dl.item		{ position: relative; float: left; width: 560px; overflow: hidden; }
	dl.item dd i			{ float: left; padding-left:5px; width: 500px; padding-top: 4px; font-weight: normal;  }
	dl.item dd b img		{ display: block ! important; width: 53px; height: 16px; vertical-align: top; margin: 0; }
	  /* preview */
	div.list dl.preview					{  height: 173px; }
	div.list dl.preview dt.thumb 		{ float: left; clear: none; width: 214px; }
	div.list dl.preview dt.thumb img	{ width: 210px; height: 168px; }
	div.list dl.preview dd.thumbs		{ width: 60px; padding-top: 0px; }
	div.list dl.preview dd.thumbs img	{ width: 48px; height: 37px; }
	div.list dl.preview dd.thumbs a			{ width: 48px; height: 37px; margin: 0 0 5px 0; }
	div.list dl.preview dd.thumbs a:hover	{ width: 44px; height: 33px; }
			
	/* status 리스트  */
	div.list dl.status		{ padding-left: 0px; }

	/* gallery */
	div.LIST div.list ul.gallery				{ width: 100%; padding-top: 10px; border-top: 2px solid #278f84; }
	div.LIST div.list ul.gallery li				{   float: left; width: 25%; height: 130px; overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E5E5E5; }
	div.LIST div.list ul.gallery p				{ float: left;  overflow: hidden; text-align: center; width: 95%;}
	div.LIST div.list ul.gallery p.thumb img	{ width: 140px; height: 90px; border: 1px solid #e5e5e5; }
	div.LIST div.list ul.gallery p.subject		{ height: auto; }
	div.LIST div.list ul.gallery p.subject a	{ font-weight: normal; }
	div.LIST div.list ul.detail p.subject		{ padding: 5px 0 5px 14px; border-bottom: 1px solid #e5e5e5; background: url('../../image/welchon/skin/ico_circle_01.gif') no-repeat left 9px; }
	div.LIST div.list ul.detail p.subject a		{ font-weight: bold; }

	/* best */

	div.best ul.best li				{ position: relative; float: left; width: 150px; overflow: hidden; margin-right: 19px; margin-bottom: 10px; padding-bottom: 10px; }
	div.best ul.best p.emblem		{  position: absolute; right: 20px; top: 0; width: 21px; height: 27px; z-index:100; }
	div.best ul.best p				{  z-index:1;  float: left; width: 150px; text-align:center;}
	div.best ul.best p.thumb img	{ width: 118px; height: 73px; border: none; }
	div.best ul.best p.subject		{ height: auto; line-height:120%;}
	/* village */
	div.VIEW div.head div.village					{ position: relative; width: 100%; overflow: hidden; padding: 20px 0 20px; border-bottom: 1px solid #d7d7d7; }
	div.VIEW div.head div.village dl.item			{ position: relative; float: left; width:570px; overflow: hidden;  padding-bottom:10px; }
   	/* tab */
	div.VIEW div.view  p.tab			{ clear:both; width:100%;   height: 30px; margin-left: -1px;overflow: hidden; border-bottom: 2px solid #d7d7d7;  }
	div.VIEW div.view  p.tab img { margin-right:1px; vertical-align:middle;  height: 30px; }
    div.VIEW div.view p.tab a { float: left;  color:#000; padding-top:8px; overflow: hidden; margin-right: 1px;  background: url('../../image/welchon/skin/ico_tab_left.gif') no-repeat left 8px; cursor: pointer; text-decoration: none;}
    div.VIEW div.view p.tab b {  float: left; overflow: hidden; padding: 0 10px; padding-right: 8px; line-height: .90em; text-decoration: none;  }
  div.VIEW div.view p.tab a:hover b,
   div.VIEW div.view p.tab a.on b	{  height: 30px; background: url('../../image/welchon/skin/ico_tab_right.gif') no-repeat center 13px; color: #33998e;  }

 div.view div.detail { overflow: hidden; padding:10px 0; height:1%; border-bottom: 1px solid #E5E5E5;  } 
 div.view div.detail p.thumb{float: left; padding-right:20px;}
 div.view div.detail p.thumb img	{ width: 170px; height: 120px; }
 div.view div.detail h5 {padding-bottom:10px; font-size:120%; }
 div.view div.detail p.text {padding-top:10px;  }
 div.view div.detail dl.info			{ overflow: hidden;  padding-bottom:10px;  }
 div.view div.detail dl.info dd			{  font-size: 1em;   line-height:1.3em;  float: left; width: 70%; overflow: visible;padding: 4px 5px 3px 10px; background: url('../../image/welchon/skin/ico_v_sq.gif') no-repeat 0px 10px;  }

 div.view div.detail dl.info dd b			{ color: #29518C; font-weight: normal; white-space: nowrap; }
 div.view div.sights p.text {padding-top:5px; clear:both;  overflow: hidden;}


	div.FORM div.form dl.form dd b				{ float: left; width: 100px; overflow: hidden;   }
	div.FORM div.form dl.form dd p				{ float: left;  }
	div.FORM div.form dl.form dd div			{ float: left;  }
	/*banner*/

	div.page ul.banner li				{ display:inline;  overflow: hidden;  padding:10px 30px 10px 0px;  text-align:center; }
	div.page ul.banner p				{  float: left; overflow: hidden; text-align: center;  padding-right:15px;}
	div.page ul.banner p img	{margin-bottom:4px; border: 1px solid;}
	div.page img.banner{ border: 1px solid; width:180px; height:66px; }
	 
	 div.page p.map {width:100%; text-align:center;} 

	 /*sitemap*/
div.page div.sitemenu {position:relative; width:100%; margin-top:10px; padding-left:10px; float:left;}
div.page div.sitemenu h4 {background:none; padding:0px 0 5px; border-bottom:2px solid #ececec; }
div.page div.sitemenu ul { clear:both;  }
div.page div.sitemenu ul li {padding:2px 0 3px 10px; font-weight:bold; padding-left:5px;  background: url('../../image/welchon/common/icon_dot_g.gif') no-repeat left 10px; }
div.page div.sitemenu ul li a{color:#429401; ! important;}
div.page div.sitemenu .ico img{vertical-align:middle;}




/*index*/
div.index .hide {	text-indent:-999em; overflow:hidden; position:absolute; height:0; font:0; background: transparent;} /*visiable */
div.index					{ position: relative;  width: 895px;  overflow: hidden; height:1%; } /* main  */
div.index  h4	 {position: relative; width: 100%; overflow: hidden; margin-bottom: 10px;  padding-bottom: 7px; background: url('../../image/welchon/main/submain_title_bg.gif') repeat-x right bottom; }
div.index div.village							{ float:right; width: 540px; margin-top:20px; }
div.index div.village	 div.head				{ position: relative; overflow: hidden; }
div.index div.mainimg {padding-bottom:200px; overflow: hidden; height:515px; }/* main img */
/*포토 */
div.index div.village	 ul.detail			{ width: 100%; padding-top:7px; }
div.index div.village	 ul.detail li		{ width: 100%; overflow: hidden;  padding-bottom: 10px; }
div.index div.village	 ul.detail p		{ float: left;  overflow: hidden;  text-align: left; line-height: 120%;}
div.index div.village	 ul.detail p.thumb			{padding-right:10px; }
div.index div.village	 ul.detail p.subject	{ float: left; width: 400px; color: #000; overflow: hidden; font-weight:bold;  }
div.index div.village	 ul.detail p.subject b			{ display: block; color: #333; margin-bottom: 5px; text-align: left; }
div.index div.village	 ul.detail p.subject small		{ color: #636363;  font-weight:normal; }
div.index div.village	.more	{position:absolute; top: 23px; right: 1px;} 

div.index ul.gallery						{ width: 100%; overflow: hidden; margin-top:20px; }
div.index ul.gallery li					{ float: left; width: 130px; }
div.index ul.gallery p.thumb img.thumb	{ border: solid 1px #e5e5e5; }
div.index ul.gallery p					{ width: 100px; overflow: hidden; margin-bottom: 5px; text-align: center; line-height: 120%;}
div.index ul.gallery small				{ color: #999; margin-top:4px;  }


/*FAQ*/
div.index div.help { position: absolute;  width: 250px; left:40px; top: 220px; }

div.index div.help	 ul.list	{ width: 100%; position:relative;  margin:0px; }
div.index div.help	 ul.list li {	margin:0;	padding:1px 0 1px 6px;background: url('../../image/welchon/common/icon_dot_g.gif') no-repeat left 10px;}
div.index div.help	ul.list li.more	{position:absolute; top:-25px; right:1px; background:none;} /* 오른쪽 더보기버튼 */

div.index  div.help iframe.ifexchange { margin:20px 0 0 -30px; width: 100%; height: 70px;  border: 0; } 
div.index  div.help p.banner {  width: 100%; margin-top:15px; }

div.index div.mainvisual1 {  position: absolute;  z-index:-1; left:0; top:0px; width: 400px; overflow: hidden;  position: absolute; }
div.index div.mainvisual2 {  position: absolute;  z-index:-1; top:400px; width: 890px; overflow: hidden;  position: absolute;  }

/*site*/
div.index div.link						{position: relative; top:0px; clear:both; width: 100%; height: 43px; }
div.index div.link div.head				{  float: left; width: 80px; overflow: hidden;  }
div.index div.link div.head h3			{ margin: 14px 0 0 10px; }
div.index div.link h4					{ display: none; }

div.index div.link div.banner				{ float: left; width: 700px;  }
div.index div.link div.banner a.more		{ position: absolute; right:100px; top: 20px;   }
div.index div.link ul.banner			{   float: left; width: 90%;  margin-top: 8px;}
div.index div.link ul.banner li		{ display: inline; margin: 0 8px; vertical-align: middle;}

div.footer{ position: relative; width: 900px; height: 62px; margin: 0 auto;  }

div.footer p.gotop{position: absolute;  height:15px; right:0; top:0px; background: url('../../image/welchon/common/ico_gotop.gif') no-repeat 0 5px ; z-index:100;    }
div.footer p.gotop a {display: block; width:60px; height:15px; padding-top:0px;  font-size:0.90em; padding-left:2px;  }


div.footer div.copyright{ margin-top:20px;  border-top: solid 2px #60696e; padding-top:15px; overflow: hidden;}
div.footer div.copyright p.ns			{top: 20px;  width: 200px; }
div.footer div.copyright p.address		{ float:left;  margin-top:15px; overflow: hidden;  font-style: normal;  }
div.footer div.copyright p.copyright	{ float:left;  padding-top:4px; }
div.footer div.copyright p.ekr			{ float:left;  left: 0px; top: 0px; width: 100px; height: 49px;  }