@charset "utf-8"; 
@import url('./layout.css');
@import url('./base.css');
@import url('./util.css');

/*메인적용레이아웃*/
#wrap {background: url("../../image/common/index_bg_visual.jpg") repeat-x top; 	} /*파란배경*/
#wrap2 {}
#headerwrap {width:990px; height:85px;  position: relative; margin: 0 auto; z-index:100; }
#headerwrap div.header	{  background: none; }
#subWrap { 	position:relative; width:990px;	margin: 0 auto;	 overflow:hidden; }
#mcontent { position:relative;  width:100%;	padding:0px; height:340px;}
.footWrap {	width:100%; clear:both;}
#footer { position: relative;   width:990px;  margin: 0 auto;  overflow:hidden;   }
div.header ul.gnb li ul	 {top: 36px; }	
#quickMenu {width:91px;	overflow:visible;	position:absolute; top:400px; right: 1px;	z-index:2; background:#fff;}
/*end 메인적용레이아웃*/
div.visual {width: 990px; height: 390px; z-index:-1; background:url("../../image/common/index_mainflash.jpg") no-repeat;}   /*파란배경*/
/* div.visual {width: 990px; height: 390px; z-index:-1; background:url("../../image/common/index_mainflash_2.jpg") repeat-x;} */
div.part h3 {margin-bottom:5px; padding:0;  position:relative;}
div.part{  position: absolute; overflow: hidden; border: solid 1px #ececec; padding:24px 20px 0 20px;}
div.part1{  position: absolute; overflow: hidden; border: solid 1px #ececec; padding:10px 20px 0 20px; background: #fff;}
div.event  {left: 0; top: 0;}
div.link  {left: 0; top: 145px; border-bottom:none; height:185px;}
div.spnews  {left: 217px; top: 0;}
div.news  {left: 217px;  top: 145px; }
div.family   { left: 585px; top: 0;}
div.site  {left: 585px;  top: 145px;   background: #f5f5f5; }
div.photozone{width:238px; height:79px; padding-bottom:10px;}
#photo{float:left; width:119px;}
.pcon{padding-top:7px;}
.pbg{float:left; width:59px; height:60px; background:url("../../image/common/bg_photo.gif") no-repeat; padding:1px 0px 0px 1px;}
.pinfo{float:left; width:52px; height:54px; overflow:hidden; line-height:1.2em; margin-left:4px; font-family:dotum; padding-top:3px;}
#movie{float:right; width:119px;}
#mbannerzone{position:absolute; top:22px; left:525px;}
#mbannermore{position:absolute; top:33px; left:870px;}

/*이벤트 기존소스*/
div.event	{  width: 175px; height: 141px; border-top: none;  border-bottom: none;   }
div.event     h3 {text-indent:-999em; overflow:hidden; position:absolute; }
div.event    div.on p.preview {display:block; }
div.event	 p.preview		{ height: 60px; width: 172px; height: 68px; display:none;   }
div.event	 p.preview img	{ width: 172px; height: 60px; border: solid 1px #ececec;}
div.event	 ul.list li{    float: left; display:inline; padding-left:1px;  background:url('../../image/common/index_vline_event.gif') no-repeat left 50%;  }
div.event	 ul.list li a {padding:0 3px; font:.72em Tahoma; 	float:left; text-decoration: none;}
div.event	 ul.list li a.on  {background:#d90029;color:#fff;  display:block; padding-right:10px; }
div.event	 ul.list li.on  {background-color:#d90029;background-image:none; color:#fff;  display:block; padding:0 5px 0 0px; margin-left:0px; }
div.event	 ul.list li.on a {color:#fff; }
div.event	 p.nav { width:90px;padding:5px 0 ;float:left; }	
div.event	 img.more { float:right; padding:5px 0 ;}

/*좌측링크*/
.link div{width:174px; height:41px;}
.link div img{vertical-align:top;}
div.link	{  width: 175px; padding:4px 20px 4px 20px;}
div.link h3 {text-indent:-999em; overflow:hidden; position:absolute; z-index:1;}


/*주요뉴수*/
div.spnews {overflow:hidden; width: 339px;  height: 141px;  border: none;  }
div.spnews dl { margin:14px 0 0 ; padding: 0; width: 320px; }
div.spnews dt {  margin-left:117px; padding-bottom:8px; font-weight:bold;  text-decoration: underline;}
div.spnews dt a {   text-decoration: underline;}
div.spnews dd.thumb { overflow:visible width:134px; height:71px; vertical-align:middle; padding: 11px 10px 0 9px ; margin:-26px 10px 3px 0; float: left;  background:url('../../image/common/index_bg_spnews.gif') no-repeat left top;}
div.spnews dd.thumb  img {float: left; border: 0px solid #d9e0e6;}

/*소식*/
div.news {overflow:visible; width: 332px; height: 135px; padding-top:15px; margin-left:5px; border-left:none; border-right:none; border-bottom:none; }
div.news .tab { overflow: hidden; margin:0px 0 10px 0; width:100%;  }
div.news .tab  li{  float:left; display:inline; }
div.news  div.on ul.list   {display:block; }
div.news ul.list	{ position:relative; width: 320px; display:none; }
div.news ul.list li {	margin:0;	padding:0px 10px 3px 6px; background: url('../../image/common/bl_black.gif') no-repeat 0px 7px;}
div.news ul.list li.morelist	{position:absolute; top:-48px; right:1px; background:none;} 
div.news ul.list span	{float:right; font:.72em Tahoma; } /*date*/

/*패밀리사이트*/
div.family	{  width: 238px; height: 141px; border-top: none;     }
div.family h3 {text-indent:-999em; overflow:hidden; position:absolute; }
div.family	 ul li{ float: left; display:inline; }

/*관련사이트*/
div.site {overflow:hidden;  width: 238px;  height: 184px; font-size:0.95em; }
div.site h3 {height:22px; background: url('../../image/common/index_bg_site.gif') no-repeat left bottom;}
div.site ul {margin:5px 0px 0px 10px;}
div.site ul li{ float: left; display:inline; width: 110px;  padding:4px 0; line-height:1.1em;}
div.site ul li.start {background:none;}
div.site ul li img{ float: left; }
div.site ul li.morelist	{position:absolute; top:101px; width:50px;  right:20px;  padding:0;margin:0;  }
div.site ul li.morelist img { border:none;}


/*0211 팝업존 추가*/
/*popup_zone*/
#popupslider .container1 { position:relative;overflow:hidden; width: 175px; height: 120px;}
#popupslider div.slides {position:absolute; left:0px; top:60px;}
#popupslider div.slides div {display:none; position: absolute; bottom:0; width: 175px; height:60px; padding:0; margin:0;}
#popupslider div.slides div img{ width: 172px; height: 60px; border: solid 1px #ececec;}

#popupslider div.slides1 {position:absolute; left:0px; top:60px;}
#popupslider div.slides1 div {display:; position: absolute; bottom:0; width: 175px; height:60px; padding:0; margin:0;}
#popupslider div.slides1 div img{ width: 172px; height: 60px; border: solid 1px #ececec;}


div.rban div.banbtn {position:absolute; left:0;  top:80px; height:16px; padding:1px 2px 1px 4px; display: inline;}
div.rban div.banbtn a img {margin:2px -1px 0px -1px}
div.rban p.all{position:absolute; right:0;top:80px;}

#popupslider ul.list{position:absolute;left:0px; top:70px;}
#popupslider ul.list li{float: left; display:inline; padding-left:1px;background:url('../../image/common/index_vline_event.gif') no-repeat left 50%;  }
/**/
#popupslider ul.list li a {padding:0 3px; font:.72em Tahoma; float:left; text-decoration: none;}
#popupslider ul.list li a:hover {background:#d90029; color:#fff;  display:block; padding:0 3px;}
#popupslider ul.list li a.on  {background:#d90029; color:#fff;  display:block; padding:0 3px; }
#popupslider ul.list li a.off  {background:#FFFFFF;  display:block; padding:0 3px; }
