@CHARSET "euc-kr";
html, body { width:100%; height:100%; font-size:1em; }
body { background:#e1e1e1 url('/eng/images/common/bg.gif') repeat-y center top; }
#skipMenu { position:absolute; left:0; top:0; width:100%; }
#skipMenu li a { position:absolute; left:0; top:-50px; display:block; width:100%; padding:10px 0; color:#fff; font-size:1.3em; line-height:1em; text-align:center; z-index:200; background:#b2c93e; }
#skipMenu li a:active, #skipMenu li a:focus { top:0; }
#wrapper { width:1000px; height:100%; margin:0 auto; }
#header { position:relative; z-index:101; width:1000px; height:127px; *zoom:1; }
#header:after { content:""; display:block; clear:both; }
#header .logo { float:left; width:170px; padding:42px 0 0 10px; }
#header .nav { float:left; margin-top:54px; }
#header .nav li { float:left; height:56px; padding:0 4px 0 6px; position:relative; }
#header .nav li a { float:left; }
#header .nav li a span.eng { display:block; height:20px; padding:0 0 0 17px; font-family:'³ª´®°íµñ Bold', nGothicB; font-weight:bold; font-size:1.3em; color:#121212; line-height:1.3em; cursor:pointer; }
#header .nav li a span.kor { display:block; padding:2px 0 0 17px; font-size:0.9em; color:#767676; cursor:pointer; }
#header .nav li.nav1 a span.eng { width:115px; }
#header .nav li.nav2 a span.eng { width:130px; }
#header .nav li.nav3 a span.eng { width:100px; }
#header .nav li.nav4 a span.eng { width:200px; }
#header .nav li ul { display:none; position:absolute; left:0; top:56px; width:100%; height:133px; padding-right:2px; }
#header .nav li li { float:none; height:auto; padding:0 4px 4px; }
#header .nav li li a { display:block; float:none; padding:1px 0 0 17px; margin-left:2px; font-size:0.9em; line-height:1.3em; }
#header .nav li.over { background:url('/eng/images/common/dlineV.gif') repeat-y left top; }
#header .nav li.over ul { background:url('/eng/images/common/dlineV.gif') repeat-y right top; }
#header .nav li.nav4 ul { background:none; }
#header .nav li.on a span.eng { background:#b2c93d; }
#header .nav li li.on a { color:#252d30; background:#b2c93d; }
.quickNav { position:absolute; right:15px; top:55px; }
.quickNav li { display:block; text-align:right; font-size:0.9em; line-height:1.7em; }
.quickNav li a { color:#767676; }
.quickNav li a:hover { font-family:'³ª´®°íµñ Bold', nGothicB; font-weight:bold; color:#252d30; }
#headerBg { position:absolute; left:50%; top:0; z-index:101; margin-left:-550px; }
.bgOn { width:1100px; height:275px; background:url('/eng/images/common/bg_header.png') repeat-x left bottom; }
#container { width:990px; padding-left:10px; background:url('/eng/images/common/bgM.gif') repeat-y left top; }
.contWrap { *zoom:1; padding-top:9px; background:url('/eng/images/common/bgT.gif') no-repeat left top; }
.contWrap:after { content:""; display:block; clear:both; }
#snb { float:left; width:182px; padding-bottom:8px; border-right:1px solid #fff; background:url('/eng/images/common/bg_snb.gif') no-repeat left bottom; }
#snb .bgWrap { background:#f5f5f5; }
#snb .title { height:31px; padding:18px 0 0 17px; font-family:'³ª´®°íµñ ExtraBold', nGothicEB; font-size:1.7em; color:#433d3f; letter-spacing:-1px; background:#ebebeb; }
#snb ul { width:100%; overflow:hidden; }
#snb li { float:left; width:180px; height:30px; border-top:1px solid #d7d7d7; background:url('/eng/images/common/blt8.gif') no-repeat 155px center; }
#snb li p { font-family:'³ª´®°íµñ Bold', nGothicB; font-weight:bold; }
#snb li a { display:block; width:163px; height:23px; padding:7px 0 0 17px; }
#snb li.over { background-color:#bdc0c0; }
#snb li.on { background:#252d30 url('/eng/images/common/blt9.gif') no-repeat 155px center; }
#snb li.on p { }
#snb li.on p a { color:#fff; }
#snb li.first { border-top-color:#fff; }
#contArea { float:left; width:797px; padding:0 10px 10px 0; background:url('/eng/images/common/bgB.gif') no-repeat right bottom; }
h1 { height:37px; padding:12px 0 0 25px; font-family:'³ª´®°íµñ Bold', nGothicB; font-weight:bold; font-size:1.9em; color:#252d30; background:#ebebeb; }
h1 img { margin:3px 0 0 15px; vertical-align:middle; }
#head { width:797px; height:205px; background-repeat:no-repeat; background-position:left top; }
#head .bgArea { padding:15px 25px; overflow:hidden; background:url('/eng/images/common/bg_on2.png') no-repeat left top; }
#head h1 { float:left; height:auto; padding:0; color:#fff; background:none; }
#head p { float:left; padding:6px 0 0 15px; font-family:'³ª´®°íµñ Bold', nGothicB; font-weight:bold; font-size:1.2em; color:#d3d4d5; }
#content { position:relative; width:776px; min-height:500px; padding:10px; border:1px solid #fff; border-left:none; }
#contentWide { min-height:430px; padding:20px 20px 50px; border:1px solid #dedede; background:#fff; }
#footer { height:120px; padding-top:10px; background:#fff; }
#footer .head { width:980px; height:30px; margin:0 auto; *zoom:1; text-align:right; border-bottom:1px solid #e4e4e4; }
#footer .head:after { content:""; display:block; clear:both; }
#footer .head #location { display:inline; float:left; margin:4px 0 0 6px; overflow:hidden; }
#footer .head #location li { float:left; padding-left:12px; margin-left:7px; color:#433d3f; background:url('/eng/images/common/blt6.gif') no-repeat left 3px; }
#footer .head #location li.home { padding-left:20px; background:url('/eng/images/common/icon_home.gif') no-repeat left top; }
#footer .head .fr { width:192px; }
#footer .head .globalSocial { float:left; padding:0 4px 0 0; }
#footer .head .globalSocial img { margin-top:4px; vertical-align:top; }
.familySite { position:relative; z-index:100; float:left; width:152px; height:22px; text-align:left; }
.familySite h2 { position:absolute; left:0; bottom:0; width:150px; height:20px; border:1px solid #cdcdcd; text-align:center; background:url('/eng/images/btn/btn_arrow2.gif') no-repeat right top; }
.familySite h2 a { display:block; height:18px; padding:2px 20px 0 0; }
.familySite ul { position:absolute; left:0; bottom:0; width:150px; height:200px; border:1px solid #cdcdcd; overflow-y:scroll; background:#fff; }
.familySite ul li { float:left; width:130px; line-height:20px; }
.familySite ul li p.title { padding-left:5px; font-weight:bold; line-height:20px; }
.familySite ul ul { position:static; width:110px; height:auto; margin-left:20px; border:none; overflow:hidden; }
.familySite ul li li { width:110px; height:20px; }
#footer .cont {position:relative; width:888px; margin:0 auto; padding:18px 0 0 92px; /*background:url('/eng/images/common/logo2.png') no-repeat 11px 22px;*/ }
.footerLogo{ display:inline-block; position:absolute; left:0px;}
#footer .cont ul { height:22px; overflow:hidden; }
#footer .cont li { float:left; padding-right:11px; margin-right:10px; line-height:auto; background:url('/eng/images/common/division1.gif') no-repeat right 3px; }
#footer .cont li a { color:#797979; }
#footer .cont li.fb a { color:#789000; }
#footer .cont .cb { width:888px; }
#footer .cont h2 { float:left; height:20px; margin-top:-1px; margin-right:4px; font-size:1em; line-height:auto; }
#footer .cont dl { float:left; height:20px; }
#footer .cont dt { float:left; margin-right:4px; font-size:0.9em; line-height:auto; letter-spacing:-1px; }
#footer .cont dd { float:left; margin-right:6px; font-size:0.9em; line-height:auto; color:#797979; }
#footer .cont dd a { color:#797979; }
#footer .cont p { clear:both; line-height:auto; color:#797979; }
.mobileNav { display:none; }
.quickNav .mobile { display:none; }
.mobileFootHead { display:none; }