@charset "utf-8";
/* CSS Document */
/* 하성필 091225 rebehayan.pe.kr */ 

#warp { margin:0 auto; width:900px; border:1px solid #c7c7c7; border-top:2px solid #98140e; border-bottom:none; background:#fff;}
#header { position:relative; width:100%; height:67px; padding:33px 0 0 0; background:url(/FEALAC/images/bg_sub.gif) repeat-x bottom;}
#header h1 { position:absolute; top:0px; left:0px; margin:13px 0 0 18px;}

#top { width:100%;}
#top li { float:left;}
#top ul li { position:relative;}
#top ul li ul { position:absolute;}

#gnb { position:absolute; top:10px; right:0; width:380px;}
#gnb li { float:left;}
.gnb_margin { margin:0 14px 0 9px;}

#container { overflow:auto; width:860px; padding:35px 20px 0 20px; background:url(/FEALAC/images/bg_contents.gif) repeat-x top;}

#snb { float:left;}
#snb h2 { padding:0 0 20px 0;}
#snb li { width:160px;}
#snb li a { display:block; padding:8px 0 0 10px; height:18px; border-bottom:1px solid #d6d6d6; }
#snb li a:hover { display:block; height:13px; border:3px solid #ac0802; background:url(/FEALAC/images/bu_snb_over.gif) no-repeat 145px 8px;}
#snb li a:hover img {margin:-3px 0 0 -3px;}
#snb li a:hover img {*margin:-6px 0 0 -3px; _margin:-5px 0 0 -3px;}

#snb .thismenu a { display:block; height:13px; border:3px solid #ac0802; background:url(/FEALAC/images/bu_snb_over.gif) no-repeat 145px 8px;}
#snb .thismenu a img {margin:-3px 0 0 -3px;}
#snb .thismenu a img {*margin:-6px 0 0 -3px; _margin:-5px 0 0 -3px;}

#contents { float:right; position:relative; width:676px;}
#path { width:100%; padding:0 0 32px 0; margin:0 0 23px 0; background:url(/FEALAC/images/bg_path.gif) no-repeat bottom;}
#path p { position:absolute; top:0px; right:0px;}

#print { clear:both; width:100%; height:17px; background:url(/FEALAC/images/bg_contents_bottom.gif) repeat-x;}
#print p { float:right; width:100px; text-align:right; background:#fff; padding:0 0 2px 0;}

#footer { position:relative; width:100%; height:105px; margin:20px 0 0 0; background:url(/FEALAC/images/bg_footer.gif) repeat-x top;}
#footer_left { position:absolute; left:20px; padding:16px 0 0 0; margin:8px 0 0 0; width:207px; background:url(/FEALAC/images/bg_footer_line.gif) no-repeat right top;}
#footer_left select { width:197px;}
#footer_left ul { margin:6px 0 0 0;}
#footer_left li { float:left; padding:0 17px 0 0;}

#footer_center { position:absolute; left:237px; top:22px;}
#footer_center ul { padding:5px 0 0 0;}
#footer_center p { padding:14px 0 0 0;}
#footer_center li { float:left;}

#footer_right { position:absolute; top:34px; right:32px;}




/* index */
#main_container { overflow:auto; width:860px; padding:56px 18px 0 21px; background:url(/FEALAC/images/bg_main.gif) repeat-x top;}
#main_container table { margin:22px 0 0 0;}
#main_container table td { height:21px; background:url(/FEALAC/images/bg_dot.gif) repeat-x top;}
/*#main_container table td { height:21px; border-bottom:1px dotted #b6b4b4;}*/
#main_container table td span { color: #d17f42;}
.java_banner { text-align:center;}
.bg_tab { width:856px; height:188px; margin:30px 0 -20px 0; padding:30px 22px 0px 22px; background:#e8e8e8;}

.tab1 { float:left; overflow:auto; width:423px;}
.tab_latest { position:relative; z-index:2; width:100%; height:29px; overflow:hidden; }
.tab_latest_line { position:relative; z-index:1; width:100%; height:0; top:-5px; border-top:1px solid #c1c0c0; clear:both; }
.tab_latest_area { z-index:2; list-style:none;}
.tab_latest_area li { float:left; height:29px;margin:0 2px 0 0; }
.tab_latest_area li a { display:block; overflow:hidden; padding:29px 0 0 0; width:155px; height:0px; background-position:0 -29px; background-repeat: no-repeat; }
.tab_latest_area li a:hover { background-position:0 0; }
.tab_latest_area li a.active { background-position:0 0; }
div.show { display:block;}
div.hide { display:none; }
#tab1 { background-image:url(/FEALAC/images/tab1.gif); }
#tab2 { background-image:url(/FEALAC/images/tab2.gif); }

#content1 { position:relative; clear:both; _top:-12px;}
#content1 li span { padding:0 0 0 11px;}
#content1 li { line-height:23px; _padding:0 0 5px 0;}
#content1 p { position:absolute; top:-20px; *top:-28px; right:0px;}

#content2 { position:relative; clear:both; _top:-12px;}
#content2 li span { padding:0 0 0 11px;}
#content2 li { line-height:23px; _padding:0 0 5px 0;}
#content2 p { position:absolute; top:-20px; *top:-28px; right:0px;}


.tab2 { float:left; overflow:auto; width:405px; margin:0 0 0 20px;}
.tab_review { position:relative; z-index:2; width:100%; height:29px; overflow:hidden; }
.tab_review_line { position:relative; z-index:1; width:100%; height:0; top:-5px; border-top:1px solid #c1c0c0; clear:both; }
.tab_review_area { z-index:2; list-style:none;}
.tab_review_area li { float:left; height:29px; margin:0 2px 0 0; }
.tab_review_area li a { display:block; overflow:hidden; padding:29px 0 0 0; width:105px; height:0px; background-position:0 -29px; background-repeat: no-repeat; }
.tab_review_area li a:hover { background-position:0 0; }
.tab_review_area li a.active { background-position:0 0; }
div.show { display:block;}
div.hide { display:none; }
#tab21 { width:75px; background-image:url(/FEALAC/images/tab3.gif); }
#tab22 { background-image:url(/FEALAC/images/tab4.gif); }

#content21 { position:relative; clear:both; _top:-12px;}
#content21 li span { padding:0 0 0 11px;}
#content21 li { line-height:23px; _padding:0 0 5px 0;}
#content21 p { position:absolute; top:-20px; *top:-28px; right:0px;}

#content22 { position:relative; clear:both; _top:-12px;}
#content22 li span { padding:0 0 0 11px;}
#content22 li { line-height:23px; _padding:0 0 5px 0;}
#content22 p { position:absolute; top:-20px; *top:-28px; right:0px;}

.gnb { position:relative;}
#gnb_wrap li ul {display:none; position:absolute; top:35px;}
#gnb_wrap li ul li {  float:left;}

#gnb_wrap ,#srch_wrap { width:100%;}
#gnb_wrap { position:absolute; top:33px; *top:32px; left:187px;}
#topmenu li {position:relative; float:left;}
#topmenu li a {padding:8px 0 5px 0;}
#topmenu li a span { height:21px; padding:6px 9px 0 0;}
#topmenu li a#home span {background:none; padding:7px 0 0 0;}


/* Top Menu */
#header #top {clear:both; position:relative; height:40px; width:952px; margin:0 auto; background:#044890 url(../../images/Accessibility/menu_bg.gif) no-repeat left top; z-index:1; } 
#header #top ul#topmenu {padding-top:8px; text-align:center; margin-left:40px;}
ul#topmenu a {}
#topmenu li {float:left; text-align:center;letter-spacing:-0.15em; padding-bottom:3px;}
#topmenu li a {padding-bottom:2px;}
#topmenu li a:hover {border-bottom:0px solid #fff; padding-top:2px;}
#topmenu li ul {position:absolute; top:35px; display:none;}
#topmenu li ul li {font-size:0.85em; letter-spacing:-0.1em;}
#topmenu li ul li a {display:block; padding:13px 0px 10px 5px; margin:0; color:#333; background:url(../../images/common/topsub_icon.gif) no-repeat 0 13px;}
#topmenu li ul li a:hover {border-bottom:0; padding-top:13px; color:#0058A0; background:url(../../images/common/topsub_icon1_ov.gif) no-repeat 0 11px;}
#topmenu li.menu1 {}
#topmenu li.menu2 {}
#topmenu li.menu3 {}
#topmenu li.menu4 {}
#topmenu li.menu5 {}
#topmenu li.menu6 {}
#topmenu li.menu7 {}
#topmenu li.menu1 ul {left:0px; width:500px; }
#topmenu li.menu2 ul {left:0px; width:300px; }
#topmenu li.menu3 ul {left:0px; width:300px; }
#topmenu li.menu4 ul {left:0px; width:460px; }
/* #topmenu li.menu5 ul {left:650px;	width:200px;} */
#topmenu li.menu5 ul {left:0px;	width:400px; }
#topmenu li.menu6 ul {right:-99px; width:300px; }
#topmenu li.menu7 ul {right:-15px; width:100px; }
/* subMenu */
#sub{ position:absolute; top:130px; width:194px; min-height:250px; margin-top:20px; margin-bottom:30px; background:url(../../images/common/subBox_bgT2.gif) repeat-x;}
#sub h1 {margin:0 12px; height:52px; text-align:center;}
#sub h1 img {padding-top:15px; padding-right:15px;}
#sub h1 img.kwag {padding-top:6px;}
#sub h2 {margin:0 12px; height:52px; text-align:center;}
#sub h2 img {padding-top:15px; padding-right:15px;}
#sub ul{background:url(../../images/common/subBox_bgm2.gif) repeat-y top;}
#sub ul li {margin:2px 12px; padding:0.45em 0; background:url(../../images/common/submenu_list_bg.gif) repeat-x bottom; }
#sub ul li.sub1 li{margin-left:-5px; padding:5px; background:url(../../images/common/submenu_list_bg.gif) repeat-x bottom;   }
#sub ul li a {display:block; padding:0 0 0 20px; background:url(../../images/common/submenu_icon.gif) no-repeat 4px 4px; font-weight:bold; text-decoration:none; color:#484848;}
#sub ul li a:hover, #sub ul li a.on {display:block; padding:0 0 0 20px; background:url(../../images/Accessibility/submenu_icon_on.gif) no-repeat 4px 4px; font-weight:bold; text-decoration:none; color:#003b6c;}
#sub ul li ul { background:#E7F5FF; color:#0058A0; padding-bottom:1px; margin:7px 0;}
#sub ul li ul li {background:none; padding:0.25em 0 0.1em;}
#sub ul li ul li a {display:block; padding:0 0 0 9px; font-weight:normal; color:#484848; text-decoration:none; background:none;}
#sub ul li ul li a:hover, #sub ul li ul li a.on {display:block; padding-left:9px; background:url(../../images/Accessibility/submenu2_icon_on.gif) no-repeat 0.2em 0.4em; text-decoration:none;font-weight:normal; }
#sub div.bg_bot{ background: url(/images/common/subBox_bgb2.gif) no-repeat left bottom; height:30px; margin-top:-5px;}