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

#skipNav{position:absolute;width:0px;height:0px;overflow:hidden;}
#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:7px 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:30px;}
#gnb { position:absolute; top:10px; right:10px;}
#gnb ul { float:left;}
#gnb ul li { float:left;}
#gnb input.input01{border:1px solid #c8c8c8;}
.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;}


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

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


#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;}
#footer_right1 { position:absolute; top:28px; right:200px;}
#footer_right2 { position:absolute; top:28px; right:165px;}




/** 심은정 추가 (2011.03.22.) **/

#footer {position:relative; width:100%; height:105px; background:url(/FEALAC/images/bg_footer.gif) repeat-x top;}
#footer h3 {position:absolute; top:26px; left:20px;}
#footer .link {position:absolute; top:26px; left:160px;}
#footer .link li{float:left;}
#footer .copyright {position:absolute; top:50px; left:160px;}
#footer .count {position:absolute; top:48px; left:375px;}
#footer .count li{float:left; padding:0 20px 0 0;}
#footer .family_site {position:absolute; top:20px; right:20px;}
#footer .family_site .input {width:222px;}
#footer .sns_twitter {position:absolute; top:48px; right:174px;}
#footer .sns_facebook {position:absolute; top:48px; right:95px;}
#footer .sns_youtube {position:absolute; top:48px; right:20px;}



/* index */
/* #main_container { overflow:auto; width:860px; padding:56px 18px 0 21px; background:url(/FEALAC/images/bg_main.gif) repeat-x top;} */
#main_container { overflow:auto; width:860px; padding:40px 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 { width:105px; background-image:url(/FEALAC/images/tab5.gif); }
#tab23 { width:115px; background-image:url(/FEALAC/images/tab6.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:-17px;}
#content22 ul {*padding:8px 0 0 0; padding:5px 0 0 0;}
#content22 ul li {display:inline;}
#content22 p {position:absolute; top:-20px; *top:-23px; _top:-23px; right:0px;}

#content23 {position:relative; clear:both; _top:-17px;}
#content23 ul {*padding:8px 0 0 0; padding:5px 0 0 0;}
#content23 ul li {display:inline;}
#content23 p {position:absolute; top:-20px; *top:-23px; _top:-23px; right:0px;}


/*
#content22 { position:relative; clear:both; _top:-12px;}
#content22 ul{position:absolute; clear:both; top:5px;}
#content22 li {float:left; margin:0 0 0 7px; width:128px; height:78px; border:1px solid #cecece;}
#content22 li.none {float:left; margin:0; width:128px; height:78px; border:1px solid #cecece;}
#content22 p {position:absolute; top:-20px; *top:-28px; right:0px;}

#content23 { position:relative; clear:both; _top:-12px;}
#content23 ul{position:absolute; clear:both; top:5px;}
#content23 li {float:left; margin:0 0 0 7px; width:128px; height:78px; border:1px solid #cecece;}
#content23 li.none {float:left; margin:0; width:128px; height:78px; border:1px solid #cecece;}
#content23 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:0px; width:62px;}
/* 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;}


/* main_board_tabmenu1 */
#tabNav2_all{float:left;width:423px;height:140px;}			
#tabNav2 {position:relative;width:423px;height:29px;min-height:100px;background:url(/FEALAC/images/noticeTab_bg.gif) repeat-x center top;}
#tabNav2 h2 {position:absolute; left:0; top:0; float:left; font-size:0;}
#tabNav2 h2#tabNavTitle0201 {left:0;}
#tabNav2 h2#tabNavTitle0202 {left:157px;}

#tabNav2 ul {position:relative;width:423px;display:none;top:34px;}
#tabNav2 ul li {width:423px;height:20px;background:url(/img/main/arr.gif) no-repeat 0 6px;vertical-align:top;}
#tabNav2 ul li a {display:block;width:410px;float:left;padding:0 0 0 0;color:#686868;font-size:11px;}
#tabNav2 ul li a:hover{color:#686868;text-decoration:underline;font-weight:bold;}
#tabNav2 ul li em{display:block;color:#686868;width:55px;padding:0 0 0 0;float:right;text-align:right;font-size:11px;}
#tabNav2 ul li.more {position:absolute; width:40px; height:6px; margin:-28px 0 0 0; right:0; top:0; background:url(/FEALAC/images/btn_more.gif) no-repeat left top; overflow:hidden;}
#tabNav2 ul li.more a {display:block; text-indent:-1000px; overflow:hidden;}
#tabNav2 ul#tabNav0201 {display:block;}


/* main_board_tabmenu2 */
#tabNav3_all{float:left;width:405px;height:140px;margin:0 0 0 20px;}			
#tabNav3 {position:relative;width:423px;height:29px;min-height:100px;background:url(/FEALAC/images/noticeTab_bg.gif) repeat-x center top;}
#tabNav3 h2 {position:absolute; left:0; top:0; float:left; font-size:0;}
#tabNav3 h2#tabNavTitle0301 {left:0;}
#tabNav3 h2#tabNavTitle0302 {left:77px;}

#tabNav3 ul {position:relative;width:423px;display:none;top:34px;}
#tabNav3 ul li {width:423px;height:20px;background:url(/img/main/arr.gif) no-repeat 0 6px;vertical-align:top;}
#tabNav3 ul li a {display:block;width:410px;float:left;padding:0 0 0 0;color:#686868;font-size:11px;}
#tabNav3 ul li a:hover{color:#686868;text-decoration:underline;font-weight:bold;}
#tabNav3 ul li em{display:block;color:#686868;width:55px;padding:0 0 0 0;float:right;text-align:right;font-size:11px;}
#tabNav3 ul li.more {position:absolute; width:40px; height:6px; margin:-28px 0 0 0; right:0; top:0; background:url(/FEALAC/images/btn_more.gif) no-repeat left top; overflow:hidden;}
#tabNav3 ul li.more a {display:block; text-indent:-1000px; overflow:hidden;}
#tabNav3 ul#tabNav0301 {display:block;}



/** upcoming events 심은정 2010. 11. 18. css추가 **/
.up_event {width:363px; height:83px; margin:0 0 0 23px; padding:16px 0 0 0;}
.up_event img {vertical-align:top;}
.up_event h3 {margin:0; padding:0; border:0; height:28px;}
.up_event .title {color:#124f89; font-weight:bold; font-size:12px; height:20px;}
.up_event .con {clear:both; color:#5a5a5a; font-weight:normal; font-size:normal;}


/** 사진롤링 심은정 2010. 12. 15. css 추가 **/
.photo_play {position:relative;width:412px;height:247px;background:url(/FEALAC/images/photo_bg.gif) no-repeat 0 0;}
.photo_play .btn_prev {position:absolute; top:119px; left:3px;}
.photo_play .btn_next {position:absolute; top:119px; right:23px;}
.photo_play .photo {position:absolute; top:51px; left:31px;}
.photo_play .photo li.txt{position:relative; width:330px; height:36px; background-color:#ebebeb; text-align:center;}


/** 사진롤링팝업 심은정 2010. 12. 15. css 추가 **/
body#pop_photo {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif;font-size:11px; line-height:150%; color:#666;}
body#pop_photo ul,li{list-style:none; margin:0; padding:0;}
body#pop_photo img {border:0; vertical-align:middle;}
body#pop_photo ul li.photo{text-align:center; padding:10px 0 10px 0;}
body#pop_photo ul li.btn{text-align:center;}


/** 프린트팝업 심은정 2011. 02. 24. css 추가 **/
body#pop_print {margin:20px 0 0 0; padding:0; background:none;}
body#pop_print #contents_print {position:relative; width:656px; padding:0 0 0 10px;}
body#pop_print #contents_print #path {margin:0; padding:0 0 20px 0; background:none;}

/** calendar of events 심은정 2011. 04. 12. css 추가 **/
#contents_calendar {position:relative; width:840px; margin:0 auto;}
#contents_calendar #path1 { width:100%; padding:0 0 32px 0; margin:0 0 23px 0; background:url(/FEALAC/images/bg_path1.gif) no-repeat bottom;}
#contents_calendar #path1 p { position:absolute; top:0px; right:0px;}
.calendar {}


.calendar_pop {margin:0; padding:0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; line-height:150%; color:#666;}
.calendar_pop img {margin:0; padding:0; border:none;}
.calendar_pop ul, li, dl, dt, dd {margin:0; padding:0; list-style:none;}

.calendar_pop .top {clear:both; width:400px; height:25px; background:url('/FEALAC/images/calendar_top.png') no-repeat left bottom; _background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/FEALAC/images/calendar_top.png',sizingMethod='crop')}
.calendar_pop .top .close{position:absolute; top:10px; right:20px;}

.calendar_pop .bottom {clear:both; width:400px; height:25px; background:url('/FEALAC/images/calendar_bottom.png') no-repeat left top; _background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/FEALAC/images/calendar_bottom.png',sizingMethod='crop')}

.calendar_pop .middle {width:400px; background:url('/FEALAC/images/calendar_middle.gif') repeat-y left bottom;}
.calendar_pop .middle h3{margin:0; padding:0 20px 12px 20px; font-size:14px; font-weight:bold; color:#b52822;}

table.calendar_view {width:360px; border-collapse:collapse; table-layout:fixed; margin:0 auto; line-height:140%;}
table.calendar_view caption{top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
table.calendar_view th {text-align:left; vertical-align:top; color:#000; font-weight:bold;}
table.calendar_view td {color:#222; padding:0 0 10px 0;}

#data_when, #data_where, #data_content {font-size:12px}