@charset "utf-8"; 
@import url('./common.css');
@import url('./layout.css');
@import url('./button.css');
@import url('./board.css');

/* header */
div.header h2		{  position: absolute;left:110px; top: 47px; width: 60px;  height: 26px; }
div.header h2 a		{display: block; width: 100%;  height: 26px;   background: url('../../image/welchon/common/Header_life_h2.gif')no-repeat left top;  text-indent:-999em;  }

div.header div.snb					{ background-image: url('../../image/welchon/common/header_snb_life.gif'); }
div.snb ul.main li					{ background-image: url('../../image/welchon/common/header_snb_life_bar.gif'); }
div.snb ul.main li.on a				{ background-image: url('../../image/welchon/common/header_snb_life_on.gif'); }
div.snb ul.main li.on a				{ color:#b8ebff; }
div.snb ul.main li strong,
div.snb ul.main li ul.sub li.on a	{ color: #0e7492 ! important; }
.d08_graph01{height: 176px; background:url('../../image/welchon/life/do008_img01.gif') no-repeat left top; top:0; font-size:0; line-height:0;  text-indent:-999em; overflow:hidden;} 

.d08_graph02{height: 170px; background:url('../../image/welchon/life/do008_img02.gif') no-repeat left top; font-size:0; line-height:0; text-indent:-999em; overflow:hidden;} 
/* 플래쉬 */

#flash_story1 { text-align:center; background:#000; width:600px;  height:500px; }
#flash_story2 { text-align:center; background:#fff; width:600px;  height:500px; }



/* D17  */
iframe.iffbo	{ width: 100%; height: 720px;  border: 0; overflow-x:hidden;  }
iframe.ifplay { width: 100%; height: 360px;  border: 0; overflow-x:hidden;   background-color:transparent;} 


/* media */
div.conts_media							{ position: relative; clear:both;  width: 100%; background: #282b32; overflow: hidden; padding: 20px 10px 0px 10px; background: #282b32; }
div.media_head {  background-color:#282b32;  overflow: hidden; height:400px;  }
div.media_head div.player				{ float: left; width: 330px;  margin-right:10px; }
div.media_head div.player  dl dt  { color: #ececec; font-weight: bold; font-size:1.2em;  padding:0 0 6px 10px; line-height: 130%; }
div.media_head div.player  dl dd  { margin:0}
div.media_head dl.caption			{ float: left;   margin-top: 10px; }
div.media_head dl.caption dt   { color: #ff7900; font-weight: bold;  line-height: 130%; }
div.media_head dl.caption dd { width: 300px; height: 290px; overflow: auto; padding: 10px; background: #fff; text-align: justify; line-height: 150%; }
div.conts_media div.foot ul  li {display: inline;  float: left;    padding: 5px 15px 0px 15px; color:#cfcfcf;  width:120px; }
div.conts_media div.foot li p{  height: 50px;  text-align:center; padding-top:5px;  width:81px;}
div.conts_media div.foot li img {text-align:center;  width:85px; height:57px; border: solid 1px #4d4d4d;}
div.conts_media div.foot li a:hover		{  width: 81px; height: 53px;}
div.conts_media div.foot li a:hover img	{ border: 3px solid #ff7900;  width: 81px; height: 53px; }



/* index */
body.index div.content div.part							{ padding-bottom: 20px; background: url('../../image/welchon/common/part_bg.gif') no-repeat left bottom; }
body.index div.content div.summary						{ padding-bottom: 0; background: transparent; }
body.index div.content div.part div.banner ul.banner				{ width: 120%; overflow: hidden; }
body.index div.content div.part div.banner ul.banner li			{ display: inline; }
/**전원생활**/
body.index div.content div.life									{ width: 685px; overflow: hidden; padding: 8px 2px 2px; border: solid 2px #c7c7c7; }
body.index div.content div.life div.head						{ border: 0; margin-bottom: 2px;   font-family: 굴림, sans-serif;  letter-spacing:-.05em;}
body.index div.content div.life div.head h4						{ float: none; height: 25px; }
body.index div.content div.life div.head p.description			{ padding: 10px 5px; background: #f5f5f5;  }
body.index div.content div.life div.banner						{ padding: 10px 5px 10px 15px; background: #f5f5f5; }
body.index div.content div.life ul.banner li					{ margin-right: 40px; }
body.index div.content div.life ul.banner li.last				{ margin-right: 0; }
/*교육지원정보*/
body.index div.content div.infomation									{ width: 100%; overflow: hidden; }
body.index div.content div.infomation h4								{ display: none; }
body.index div.content div.infomation h5								{ margin-bottom: 8px; }
body.index div.content div.infomation  a									{ color: #555;  text-decoration:  none; line-height:1em;}
body.index div.content div.infomation div.section						{ float: left; width: 140px; padding: 5px 0 10px 90px; overflow: hidden; }
body.index div.content div.infomation div.edu							{ background: url('../../image/welchon/life/index_info_edu.gif') no-repeat 10px top; }
body.index div.content div.infomation div.support						{ background: url('../../image/welchon/life/index_info_support.gif') no-repeat 20px top; }
body.index div.content div.infomation div.empty							{ background: url('../../image/welchon/life/index_info_support_1.gif') no-repeat 30px top; }
/*전원주택*/
body.index div.content div.house									{ width: 100%; overflow: hidden; }
body.index div.content div.house div.preview						{ height: 90px; overflow: hidden; border-bottom: solid 1px #eaeaea; }
body.index div.content div.house div.preview p.thumb				{ float: left; width: 140px; }
body.index div.content div.house div.preview p.thumb img.thumb		{ width: 125px; height: 80px; }
body.index div.content div.house div.preview p.subject				{ float: left; }
body.index div.content div.house div.info							{ float: left; width: 340px; overflow: hidden; padding-left: 10px; }
body.index div.content div.house div.info ol.info					{ list-style: none; }
body.index div.content div.house div.info dl.info					{ float: left; width: 340px; overflow: hidden; margin-bottom: 5px; }
body.index div.content div.house div.info dl.info  dt				{ float: left; width: 100px; overflow: hidden; font-weight: bold; color: #326f96; font-size: .9em; line-height: 2em; }
body.index div.content div.house div.info dl.info  dt img			{ margin-right: 5px; vertical-align: middle; }
body.index div.content div.house div.info dl.info  dd				{ float: left; color: #d7d7d7; margin: 3px 5px 0 0; }
body.index div.content div.house div.info dl.info  dd a				{ float: left; margin: 2px 5px 0 0;  color: #555;font-family: 굴림, sans-serif;  letter-spacing:-.05em;}
body.index div.content div.house div.banner							{ float: right; width: 340px; overflow: hidden; margin-top: 25px; }
body.index div.content div.house div.banner ul.banner li			{ float: left; width: 112px; overflow: hidden; background: url('../../image/welchon/life/index_house_banner_bg.gif') no-repeat right bottom; }
body.index div.content div.house div.banner ul.banner li.last		{ background: transparent; }
body.index div.content div.house div.banner ul.banner li a			{ display: block; width: 90px; overflow:hidden; margin: auto; text-align: center; color: #555;   text-decoration:  none; line-height:1.1em;}
body.index div.content div.house div.banner ul.banner li img		{ display: block; margin: auto; padding-bottom:5px; }
/*귀농*/
body.index div.content div.return									{ background: transparent; float: left; width: 338px; overflow: hidden; margin:0;}
body.index div.content div.return ul.gallery li						{ float: left; width: 330px; overflow: hidden;  padding:5px 0; }
body.index div.content div.return ul.gallery						{ width: 120%; overflow: hidden; }
body.index div.content div.return ul.gallery p.thumb				{ float: left; width: 105px; overflow: hidden; }
body.index div.content div.return ul.gallery p.thumb img.thumb		{   border: solid 1px #e5e5e5; }
body.index div.content div.return ul.gallery p.subject				{ float: left; width: 200px;  }
body.index div.content div.return ul.gallery p.subject b		{  color: #333;  line-height:2em; }
body.index div.content div.return ul.gallery small                 {color: #8b8b8b;   letter-spacing:-.05em;  line-height:1.3em; }


body.index div.content div.open									{ background: transparent; float: right; width: 338px;  overflow: hidden; margin:0; }
body.index div.content div.open ul.info li						{ float: left; width: 330px; overflow: hidden; padding:5px 0 8px; border-bottom: solid 1px #eaeaea; }
body.index div.content div.open ul.info li.end { border:none; padding-top:14px;}	
body.index div.content div.open ul.info p.thumb				{ float: left; width: 105px;  }
body.index div.content div.open ul.info p.subject b		{ line-height:1.5em; color: #333;}
body.index div.content div.open ul.info small {color: #8b8b8b;   line-height:1.3em; }
body.index div.content div.open ul.info a {text-decoration:  none;}
body.index div.content div.jobs					{background: transparent; float: left; width: 338px; overflow: hidden; margin:0; }
body.index div.content div.jobs	div.banner {  margin:0; }
body.index div.content div.jobs	div.banner li.right {padding-left:30px; }

body.index div.content div.map		{ background: transparent;  float: right; width: 338px;  overflow: hidden; margin:0;  }
body.index div.content div.map img{padding-top:8px}
body.index div.content div.map h4	{ visibility:hidden;   }

body.index div.content div.part p.partend { position: relative; background: url('../../image/welchon/main/index_section_bg.gif') no-repeat left top; height:10px; margin:5px 0 -5px 0; }

