@charset "utf-8";
/* Andantino CSH(myint@naver.com) 100407 */

@import url(layout.css);

#content{position:relative; float:left; display:inline; margin:0; padding:0 0 50px 0; width:833px; border:none;}

/* family tab */
div.tab{margin-bottom:20px; width:833px;}
ul.familyTab li a{width:117px !important; background:url(/homepage/images/eng2/family/family_tab.gif) no-repeat left top;}

/* family info */
div.familyIndex{padding-top:57px; width:833px; height:314px; background:url(/homepage/images/eng2/family/info_img.jpg) no-repeat right top;}
div.familyIndex h3{margin:0 0 25px 0;}

/* family header */
div.familyHeader{height:32px; *zoom:1;}
div.familyHeader:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
div.familyHeader h3{float:left; margin:0 !important;}
div.familyHeader a.home{float:left; display:inline; margin:4px 0 0 15px;}
div.familyHeader form{float:right;}
div.familyHeader ul{float:right; margin-top:5px; width:auto; *zoom:1;}
div.familyHeader ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
div.familyHeader li{float:left; display:inline; margin-left:5px;}
div.familyHeader li label{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
div.familyHeader li select{font-size:0.9em; color:#fff; background:#36487b; line-height:1.7em;}
div.familyHeader li.link{margin-left:15px;}
div.familyHeader li.link select{color:#8596c1; background:#eef1f8;}
div.familyHeader div.family{float:left; margin:5px 0 0 0; display:inline; width:300px;}


/* 국내패밀리사현황 */
div.family_top{width:833px; height:150px;}
div.family_Info{width:407px; height:130px; float:left;}
div.family_Info .img_family p{width:407px; height:130px; float:left;}
div.family_top .family_text{width:401px; height:130px; margin-left:25px; float:left;}
div.family_top .family_text h1{ width:401px; height:36px; float:left;}
div.family_top .family_text h2{ width:401px; height:24px; float:left;}
div.family_top .family_text h3{ width:401px; float:left; }
div.family_top .family_text h3 a.btnRight{float:left; margin:0px 5px 5px 0px;}
div.family_top .family_text h4{ width:401px; height:12px; float:left;}

/* family photo */
div.familyPhoto{position:relative; height:400px; z-index:40;}

/* family news */
div.familyNews{position:relative; float:right; margin-top:-152px; padding:19px 0 0 38px; width:244px; height:120px; z-index:50; background:url(/homepage/images/eng2/family/news_bg.gif) no-repeat;}
div.familyNews a{position:relative;}
div.familyNews h4{margin-bottom:19px;}
div.familyNews h4 a{display:block; padding:3px 0; width:65px;}
div.familyNews table{width:223px;}
div.familyNews table th{padding-left:7px; height:18px; font-weight:normal; font-size:0.9em; text-align:left; background:url(/homepage/images/eng2/family/bu_news.gif) no-repeat left 7px;}
div.familyNews table td{vertical-align:top; font-family:tahoma; font-size:0.8em;}
div.familyNews table a{position:relative;}

/* family info */
div.familyInfo{margin-top:36px; min-height:330px; _height:330px;}
div.familyInfo div.info{*zoom:1;}
div.familyInfo div.info:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
div.familyInfo div.info img{display:block;}
div.familyInfo div.info p{float:left; display:block;}
div.familyInfo div.info p a{float:left; display:block;}
div.familyInfo div.info dl{width:500px; *zoom:1;}
div.familyInfo div.info dl:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
div.familyInfo div.info dt, div.familyInfo div dd{height:11px;}
div.familyInfo ul{margin:30px 0 0 230px; *zoom:1;}
div.familyInfo ul:after{content:""; display:block; clear:both; height:0; visibility:hidden;}
div.familyInfo li{float:left; margin-right:5px; background:url(/homepage/images/eng2/common/btn_bg2.gif) no-repeat right top;}
div.familyInfo li a{float:left; display:block; padding:3px 8px 0 9px; height:19px; color:#5a83ad !important; font-weight:bold; font-size:0.9em; background:url(/homepage/images/eng2/common/btn_bg1.gif) no-repeat left top;}
div.familyInfo li span{display:block; padding-left:13px;}
div.familyInfo li span.scrap{background:url(/homepage/images/eng2/common/ico_btn_scrap.gif) no-repeat left 4px;}
div.familyInfo li span.mail{background:url(/homepage/images/eng2/common/ico_btn_mail.gif) no-repeat left 5px;}
div.familyInfo li span.print{background:url(/homepage/images/eng2/common/ico_btn_print.gif) no-repeat left 4px;}

/* news list */
#newsList{position:absolute; top:50%; left:50%; margin:-280px 0 0 -300px; width:660px; height:560px; background:#fff url(/homepage/images/eng2/common/pop_bg.gif) repeat-x left top;}
#newsList h4{margin-top:30px; height:40px; text-align:center;}
#newsList h4 img{display:inline;}
#newsList table{margin:0 auto;}
#newsList p.rss{float:left; display:inline; margin:5px 0 0 22px;}
#newsList div.bbsSearch{margin:5px 27px 0 0; border:1px solid #000;}

/* news view */
#newsView{position:absolute; top:50%; left:50%; margin:-280px 0 0 -300px; width:660px; height:560px; background:#fff url(/homepage/images/eng2/common/pop_bg.gif) repeat-x left top;}
#newsView h4{margin-top:30px; height:40px; text-align:center;}
#newsView h4 img{display:inline;}
#newsView table{margin:0 auto;}
#newsView table.etcArticle{margin-top:20px;}
#newsView div.viewHeader{margin:0 auto;}
#newsView div.viewCentent{margin:0 auto; width:572px; height:255px; overflow:auto;}
#newsView div.viewFoot{margin:0 auto;}
#newsView div.viewFoot a.list{position:absolute; top:5px; right:10px;}