﻿@charset "utf-8";
	
	@import "base.css";

/* ----------------------------------------------------------------------
		Page Setting
---------------------------------------------------------------------- */

#wrap {width:100%; height:980px; text-align:center; background:url(/eng/images/mainTopBG.jpg) repeat-x left top; float:left;}

#head {width:930px; height:95px; margin:0 auto;}
#head .logo {width:350px; height:93px; text-align:left; float:left;}
#head .topMenu {width:580px; height:28px; padding-top:15px; float:left;}
#head .topMenu ul {float:right;}
#head .topMenu li {height:10px; display:inline;}
#head .mainMenu {width:580px; height:50px; background:url(/eng/images/mainMenu_mBG.gif) repeat-x bottom; float:left;}
#head .mainMenu .mainMenuBox {width:580px; height:50px; position:relative;}

#contain {width:930px; margin:0 auto; padding-top:2px;}
#contain .Left {width:520px; padding-top:25px; text-align:left; float:left;}
#contain .Left .eMain_img {width:490px; height:600px; float:left;}
#contain .Right {width:405px; padding-top:25px; float:left;}
#contain .Right .eNews {width:405px; float:left;}
#contain .Right .eNews .eBoardTit {width:405px; height:28px; border-bottom:#b2b9b0 2px solid; float:left;}
#contain .Right .eNews .eBoardTit li { list-style:none; display:inline-block; float:left;}
#contain .Right .eNews .eBoardTit li.eB_tit {width: 365px; text-align:left;}
#contain .Right .eNews .eBoardTit li.eB_btn {width:40px; text-align:left;}
#contain .Right .eNews .eBoardTxt {width:380px; padding:10px 10px 0 15px; float:left;}
#contain .Right .eNews .eBoardTxt li { list-style:none; display:inline-block; float:left;}
#contain .Right .eNews .eBoardTxt li.eB_txt {width:305px; padding:0 0 7px 10px; background:url(/eng/images/ico_cir_blue.gif) no-repeat 0px 4px;text-align:left;}
#contain .Right .eNews .eBoardTxt li.eB_date {width:65px; padding-bottom:7px;text-align:right;}
* html #contain .Right .eNews .eBoardTxt li.eB_txt {width:305px; padding:0 0 0 10px; background:url(/eng/images/ico_cir_blue.gif) no-repeat 0px 4px;text-align:left;}
* html #contain .Right .eNews .eBoardTxt li.eB_date {width:65px; padding:0; margin:0 0 -2px 0; text-align:right;}
#contain .Right .eBanner {width:405px; padding-top:5px; float:left;}
#contain .Right .eBanner li {width:405px; /*padding-top:5px; */text-align:center; list-style:none;}
#contain .Right .eQuickMenu {width:400px; padding:10px 0 0 5px; float:left;}
#contain .Right .eQuickMenu .mQuick {width:200px; padding-top:5px; text-align:center; float:left;}

#foot {width:100%; height:142px; padding-top:34px; background:url(/images/bottomBG.gif) repeat-x 0px 34px; float:left;}
#foot .bottomBox {width:930px; height:142px; margin:0 auto;}
#foot .bottomBox .familySite {width:870px; height:62px; padding-left:60px; float:left;}
#foot .bottomBox .familySite .familyBox1 {width:583px; padding-top:17px; display:inline-block; float:left;}

#foot .bottomBox .familySite .familyBox1 li.btnPrev {width:23px; padding-top:6px; text-align:left; float:left;}
#foot .bottomBox .familySite .familyBox1 li.banner {width:101px; height:27px; padding:0 3px; float:left;}
#foot .bottomBox .familySite .familyBox1 li.btnNext {width:23px; padding-top:6px; text-align:right; float:left;}

#foot .bottomBox .familySite .familyBox2 {width:287px; padding-top:12px; text-align:center; float:left;}
#foot .bottomBox .familySite .familyBox2 li {padding-left:25px; list-style:none; float:left}
#foot .bottomBox .copyright {width:930px; height:67px; background:url(/eng/images/copyrightBox.gif) no-repeat 0 13px; padding-top:13px; float:left;}
#foot .bottomBox .copyright .copyLogo {width:300px; padding:16px 0 0 33px; text-align:left; float:left;}
#foot .bottomBox .copyright .copyAddr {width:585px; padding:25px 0 0 12px; text-align:left; float:left;}

/* ----------------------------------------------------------------------
		MainMenu
---------------------------------------------------------------------- */

.m_a:link, .m_a:active, .m_a:visited, .m_a:hover { text-decoration:none; color:#111111; font-size:14px;}
.sm_a{color: #ffffff; text-decoration:none; padding:0px 3px 0px 2px} 
.sm_a:hover {color: #FFFFFF; text-decoration:none; background:#333333; padding:0px 3px 0px 2px} 
.smenu{top:50px; margin-top:4px; position:absolute; filter:alpha(opacity=0); color:#ffffff; letter-spacing:-1px;} 
.mmenu{top:30px; position:absolute; cursor:pointer; padding-right:2px; color:#111111; font-size:14px; font-weight:bold;} 
a.sm_a:link, a.sm_a:active, a.sm_a:visited, a.sm_a:hover {color:#FFF;}



/* ----------------------------------------------------------------------
		공통
---------------------------------------------------------------------- */

.png {_display:inline-block;}
.png img {_filter:progid:DXimageTransform.Microsoft.Alpha(opacity=0);}

.btnML0 {padding-left:0px; float:left;}
.btnML1 {padding-left:1px; float:left;}
.btnML2 {padding-left:2px; float:left;}
.btnML3 {padding-left:3px; float:left;}
.btnML4 {padding-left:4px; float:left;}
.btnML5 {padding-left:5px; float:left;}
.btnML10 {padding-left:10px; float:left;}

a:link, a:active, a:visited, a:hover { text-decoration:none; color:#666;}
