@charset "euc-kr";
@import url(default.css);

#wrap { width:100%; background: url(../images/common/m_bg.gif) repeat-x; }
/*#innerWrap { position:relative; width:983px; height:100%; margin:0px auto; }*/
#innerWrap { width:975px; margin:0 auto; }

#gnb { position:relative; margin:0px 0px;  border:0px red solid;  border:0px red solid;  }

#top_head { position:absolute; top:12px; left:50%; width:300px; right:0px; }
#top_menu { position:absolute; left:240px; width:100%; float:right; }
#top_menu span { padding-left:4px; padding-right:4px; }

#top_head #logArea { position:absolute; left:235px; top:35px; width:100%; height:50px; float:right; }
#top_head #logArea input.txtType01 { width:80px; height:15px; padding:3px 3px 0 3px; border:1px solid #CCCCCC; color:#777777; }
#top_head #logArea .idInput { position:absolute; }
#top_head #logArea .pwdInput { position:absolute; left:97px; }
#top_head #logArea .loginBtn { position:absolute; top:2px; left:192px; }
#top_head #logArea .subMenu { position:absolute; top:28px; left:0px; font-size:95%;}
#top_head #logArea .subMenu .find { position:absolute; float:left;  display:inline; left:0px; }
#top_head #logArea .subMenu .find2 { position:absolute; float:left;  display:inline; left:60px; }
#top_head #logArea .subMenu span { position:absolute; float:left;  display:inline; left:157px; }
#top_head #logArea .subMenu .checkbox { position:absolute; float:left;  display:inline; left:140px; top:0px; vertical-align:middle; margin:-4px -4px; }

#top_head #logout { position:absolute; left:240px; top:35px; width:100%; height:50px; }
#top_head #logout .message { top:0px; left:0px; color:#D0D0D0; line-height:14px; }
#top_head #logout .message span {color:#FFFCB0; }
#top_head #logout .logoutBtn { position:absolute; top:20px; left:170px; }
#top_head #logout .point { position:absolute; top:21px; left:-5px; color:#FFFFFF; }

#content { position:relative; width:983px; margin:-10px -4px 20px -4px; background:url(../images/common/main_cont_bg.gif) left top no-repeat;  border:0px red solid; }
#Lside { margin-left:4px; margin-top:0px; float:left; display:inline; width:188px;  }

/* ¸ÀÀÖ´Â·©Å· */
#Lside #lanking { 
position:relative; width:164px; height:95px;  padding:53px 10px 15px 10px; _padding-bottom:6px;  margin-bottom:3px; background:url(../images/common/lanking_bg.gif) left top no-repeat; }
#Lside #lanking .more { position:absolute; top:22px; right:11px; }
#Lside #lanking .firstGrade { margin-bottom:10px; padding-left:20px; background:url(../img/main/firstGrade.gif) 4px 2px no-repeat; }
#Lside #lanking .firstGrade a:link , #Lside #lanking .firstGrade a:visited { color:#fff; text-decoration:none;  }
#Lside #lanking .firstGrade a:hover , #Lside #lanking .firstGrade a:active { color:#fff; text-decoration:underline; }
#Lside #lanking .other .thumb { margin-top:-2px; float:left; display:inline; width:76px; height:64px; padding:1px 0 0 2px; margin-right:5px;
background:url(../img/main/thumb_bg.gif) left top no-repeat; 
}
#Lside #lanking .other ul { margin-top:-3px; _margin-top:0; }
#Lside #lanking .other ul li { font-size:95%; letter-spacing:-1px; _margin-bottom:3px; }
#Lside #lanking .other ul li img { margin-right:3px; } 
#Lside #lanking .other ul li a:link , #Lside #lanking .other ul li a:visited { color:#B1F17B; text-decoration:none; }
#Lside #lanking .other ul li a:hover , #Lside #lanking .other ul li a:active { color:#B1F17B; text-decoration:underline; }


/* ¿ÞÂÊ¹è³Ê */
#Lside #leftbn { position:relative; width:190px; }

/* ¼³¹®Á¶»ç */
#Lside #poll { position:relative; width:190px; height:100px; margin-top:20px; background:url(../images/common/poll_bg.gif) left top no-repeat; }
#Lside #poll .more { margin-left:52px; }
#Lside #poll .other { color:#727272; font-weight:bold; width:170px; height:40px; padding-left:12px; padding:36px 10px 10px 12px; }
#Lside #poll .other p a:link , #Lside #poll .other p a:visited { text-decoration:none; }
#Lside #poll .other p a:hover , #Lside #poll .other p a:active { text-decoration:underline; }
#Lside #discus1 p { letter-spacing:-1px; color:#9A9A9A; }
#Lside #discus1 p strong { display:block; color:#616A60; margin-bottom:3px; }
#Lside #discus1 ul { text-align:center; }


#center { float:left; display:inline; width:455px; margin:15px 15px 0px 15px; }
#center #campaign { position:relative; height:300px; margin-bottom:0px; }

#center #talk { position:absolute; width:220px; height:110px; line-height:20px; margin-top: 165px;  border:0px red solid; }
#center #talk .tl { height:27px; margin-bottom:9px; padding-left:180px; background:url(../images/common/m_title1.gif) left top no-repeat;}
#center #talk p a { top:8px; right:14px; }
#center #talk ul { margin:0px 0 7px 5px; line-height:15px; }
#center #talk ul li { padding-left:8px; background:url(../images/common/news_arrow.gif) left 5px no-repeat;  }
#center #talk ul li a:link , #imagin ul li a:visited { color:#9A9A9A; text-decoration:none; }
#center #talk ul li a:hover { color:#9A9A9A;  text-decoration:underline; }
#center #talk ul li a:active { color:#9A9A9A; text-decoration:underline; }
#center #talk li span { float:left; display:inline; font-size:90%;}

#center #talk2 { position:absolute; width:220px; height:110px; margin:0px 0 0px 230px; line-height:20px; margin-top: 165px; border:0px #000 solid; }
#center #talk2 .tl2 { height:27px; margin-bottom:9px; background:url(../images/common/m_title2.gif) left top no-repeat; }
#center #talk2 p a { position:absolute; top:8px; right:14px; }
#center #talk2 ul { margin:0px 0 7px 5px; line-height:15px; }
#center #talk2 ul li { padding-left:8px; background:url(../images/common/news_arrow.gif) left 5px no-repeat;  }
#center #talk2 ul li a:link , #imagin ul li a:visited { color:#9A9A9A; text-decoration:none; }
#center #talk2 ul li a:hover { color:#9A9A9A; font-weight:bold; text-decoration:underline; }
#center #talk2 ul li a:active { color:#9A9A9A; text-decoration:underline; }
#center #talk2 li span { float:left; display:inline; font-size:90%;}


#center #centerBottom { position:relative; height:100px; margin-top:0px; background:url(../images/common/m_gallery_bg.gif) left top no-repeat; }

#center #centerBottom #pic { position:relative; margin-top:20px;}
#center #centerBottom #pic .more { position:absolute;  margin:77px 0 0px 12px; }
#center #centerBottom #pic .picArea { position:relative; width:335px; height:96px; padding:10px 0 0 95px; }
#center #centerBottom #pic .picArea .left { position:absolute; top:52px; left:15px; width:17px; height:18px; }
#center #centerBottom #pic .picArea .right { position:absolute; top:52px; right:15px; width:17px; height:18px; }
#center #centerBottom #pic .picArea dl { width:75px; float:left; display:inline; margin-right:0px; }
#center #centerBottom #pic .picArea dl  dt{ width:76px; height:54px; padding:1px 0 0 2px; margin-bottom:8px; background:url(../img/main/thumb_bg04.gif) left top no-repeat; }
#center #centerBottom #pic .picArea dl dd { text-align:center; }


#Rside { float:left; display:inline; width:200px; margin-right:0px;}

/* ¿À¸¥ÂÊ¹è³Ê */
#Rside #rightbn { position:relative; margin-bottom:10px; margin-top:22px; }
#Rside #rightbn .bn_blank { margin-bottom:5px; }

#Rside #magazine { position:relative; margin-bottom:10px; margin-top:15px;}



#Rside #rightBottom { width:200px; height:313px;  padding:9px 5px 0 6px; }
#Rside #imagin .tl { position:relative; width:200px; height:27px; margin-bottom:9px; background:url(../images/common/m_title3.gif) left top no-repeat; }
#Rside #imagin p a { position:absolute; top:8px; right:14px; }
#Rside #imagin .listTl { font-size:95%; color:#3C8100; font-weight:bold; letter-spacing:-1px; margin:0 0 7px 15px;  }
#Rside #imagin ul { margin:0 0 10px 7px; line-height:17px; height:60px; }
#Rside #imagin ul li { padding-left:10px; background:url(../img/main/bullet_dot_02.gif) left 5px no-repeat;  }
#Rside #imagin ul li a:link , #imagin ul li a:visited { color:#9A9A9A; text-decoration:none; }
#Rside #imagin ul li a:hover { color:#9A9A9A; font-weight:bold; text-decoration:underline; }
#Rside #imagin ul li a:active { color:#9A9A9A; text-decoration:underline; }
#Rside #mission { margin-bottom:10px; }
#Rside #mission .tl { position:relative; width:205px; height:27px; margin-bottom:10px; background:url(../img/main/mission_tl.gif) left top no-repeat; }
#Rside #mission .tl a { position:absolute; top:8px; right:14px; }
#Rside #mission .move { position:relative; height:16px; padding-top:1px; margin-bottom:10px; text-align:center; font-weight:bold; letter-spacing:-1px; }
#Rside #mission .move a:link , #Rside #mission .move a:visited { color:#9A9A9A; text-decoration:none; }
#Rside #mission .move a:hover , #Rside #mission .move a:active { color:#9A9A9A; text-decoration:underline; }
#Rside #mission .move a.left { position:absolute; height:18px; top:0; left:0; }
#Rside #mission .move a.right { position:absolute; height:18px; top:0; right:0; }
#Rside #mission .thumb { margin-left:6px; }
#Rside #mission .thumb dl { float:left; display:inline; width:91px; margin-right:8px; }
#Rside #mission .thumb dl dt { margin-bottom:6px; }
#Rside #mission .thumb dl dt img { border:1px solid #C1C5C1; }
#Rside #mission .thumb dl dd { text-align:center; }

#bannerSide {position:absolute; margin-left:910px; margin-top:-450px; width:70px; }


#footer {position:relative; width:975px; height:110px; margin:0 auto;}
#footer .ftImg {position:absolute; top:0; left:0; z-index:10;}
#footer .familySiteImg {position:absolute; top:0; right:30px; z-index:10; height:20px; }
#footer .ftCopy {position:absolute; top:22px; right:30px; z-index:10;}
#footer .fs {position:absolute; right:5px; bottom:108px; z-index:10; border:1px solid #e1dbce; font-size:11px; color:#a38f66;
letter-spacing:-1px; width:124px; height:90px; overflow:auto; overflow-x:hidden; background:#ffffff; padding:7px;
scrollbar-face-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#a38f66;
}
#footer .fs a {display:block; color:#a38f66; margin-bottom:5px;}




/******************2011.03.14 Ãß°¡***************/

#wrap2 {width:100%; background: url('../images/main/bgMain.jpg') repeat-x; }

.topMenu {position:absolute; left:230px; top:6px; width:250px; list-style:none; float:left; }
.topMenu li {padding-left:10px; float:left;}

#innerWrap .newTalk {position:absolute; left:760px; top:525px; width:175px;}
#innerWrap .newTalk .h2Tit {float:left; width:100%; margin-bottom:7px;}
#innerWrap .newTalk .h2Tit a {font-size:11px; color:#8c0808; font-weight:bold; text-decoration:none;}
/* #innerWrap .newTalk ul li {padding-left:6px; background:url('/images/common/h2_dot.png') no-repeat left 4px;} */
#innerWrap .newTalk ul li a {font-size:11px; color:#999;}
#contentNew {position:relative; width:1000px; height:800px;}
#contentNew .main_fla {position:relative; z-index:0;}
#contentNew .event_ban {position:absolute; left:245px; top:150px; width:330px; height:290px; z-index:100;}


.footMenu {float:left; width:570px;}
.footMenu li {float:left; padding-left:8px; padding-right:5px; background:url('/images/main/foot_bg.gif') no-repeat;}
.footMenu .bgNo{float:left; background:none;}

.copyright {float:left; margin-left:10px; margin-top:10px; }
.copyright_fam {position:absolute; right:0; top:-5px;}


