@charset "euc-kr";

/* base */
body {font-size:12px; font-family:µ¸¿ò, Dotum, AppleGothic, sans-seerif; color:#515151;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
ol, ul, li {list-style:none; list-style-position:outside;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;}
form, fieldset, img {border:0;}
address, caption, em {font-weight:normal; font-style:normal;}
a:link, a:active, a:visited, a{text-decoration:none; color:#515151;}
a:hover{text-decoration:underline; color:#000; }
input, select, textarea{color:#515151; vertical-align:middle;}
*html body {height:100%;}
*html {overflow:hidden;}

/* ¼û±è¿µ¿ª */
.skip, hr, legend {
	position : absolute ; left:-2000%;
	width:1px;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	z-index:-1;
}
.skipmap{display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.skipmap:hover,
.skipmap:active,
.skipmap:focus{width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;}

.accessibility{display:block; height:1px; width:1px; margin:0 -1px -1px 0; padding:0; overflow:hidden; font-size:0; line-height:0;}
.accessibility:hover,
.accessibility:active,
.accessibility:focus{width:100%; height:auto; margin:0; padding:5px 0; text-indent:10px; font-weight:bold; font-size:12px; color:#333; font-family:Tahoma; line-height:1; text-decoration:none !important;}

/* etc */
.fr{float:right;}
.fl{float:left;}
.txtl{text-align:left;}
.txtr{text-align:right;}
.txtc{text-align:center; margin:auto;}
.clear{clear:both;}
.imgver{vertical-align:middle;}
.txtb{font-weight:bold;}
.txtsmall{font-size:11px;}
.txtlineh{line-height:1.6em;}
.inputline{padding:1px; border:1px solid #bbb;}
.sellineSerch{padding-left:1px; border:1px solid #bbb; font-size:11px;}
.sellineLink{padding-left:3px; height:19px; border:1px solid #bbb; font-size:11px;}
.reply_form{border:1px solid #BBBBBB;color:#6C6C6C;height:70px;width:100%;}
.imgtext1{font-size:0; line-height:0;}
.scripTxt{position:absolute; left:451px; top:24px; font-size:11px;}

/* margin&padding */
.pl5{padding-left:5px;}
.pt4{padding-top:4px;}
.pr5{padding-right:5px;}
.pr8{padding-right:8px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}

/* font-color */
.color_r{color:#ff0000;}
.color_blue{color:#0c00ff;}
.color_green{color:#48c222;}
.color_oran{color:#f5a907;}
.color_ju{color:#f46709;}
.color_pu{color:#9d32da;}
.color_brown{color:#cc6600;}
a.color_brown1{color:#cc6600;}

/* layout */
#wrap_bg{float:left; width:100%; background:url(http://i.sfac.or.kr/images/bg/back.gif) repeat-x;}
*html #wrap_bg {height:100%;overflow:auto;overflow-x:hidden;position:relative; width:99.9%;}
#wrap{float:left; width:951px;}
#header{position:relative; float:left; width:951px; z-index:5;}
#header h1{position:absolute; left:14px; top:35px; _top:39px; z-index:999;}
#contents{position:relative; clear:both; float:left;width:951px; margin-top:10px;  z-index:1;}
#bodyTop{clear:both; float:left; width:936px; padding:0 0 20px 15px;}
#bodyMid{clear:both; float:left; width:936px; padding:0 0 20px 15px;}
#bodyBtm{clear:both; float:left; width:936px; padding-left:15px;}
#footer{clear:both; float:left; width:951px; margin-top:35px;}

/* ÇØ´õ */
#toplink{float:left; width:951px; height:23px;}
ul.SeoulLink{float:left; padding:4px 0 0 10px; _padding:3px 0 0 10px;}
ul.SeoulLink li{float:left;}

ul.HomeLink{float:right; height:23px; padding-top:4px; _padding:4px 0 0 10px;}
ul.HomeLink li{float:left;}
ul.HomeLink li input{_padding-bottom:1px;}

/* »ó´Ü¸Þ´º */
#top{clear:both; position:relative; float:left; width:951px; height:83px; z-index:998; background:url('http://i.sfac.or.kr/images/bg/navi_bg1.gif') repeat-x left 2px;}
#top p.menutxt{position:absolute; left:150px; top:10px; width:300px; padding:2px 0 2px 10px; background:#ddd; color:#000;}
#top div.visuImg{position:absolute; left:143px; top:0;}
#topmenu {clear:both; position:absolute; right:0; top:35px;}
#topmenu li{float:left; text-align:center;}
#topmenu li div{position:absolute; left:0; top:30px;}
#topmenu li div ul{height:84px; padding-top:20px;}
#topmenu li div ul li{float:left; text-align:left; width:150px; margin:0 5px 5px 8px;  _margin:0 5px 5px 5px; background:url("http://i.sfac.or.kr/images/icon/arrowb.gif") no-repeat left 6px;}
#topmenu li div ul li a{display:block; padding:1px 3px 1px 7px;}

#topmenu li div ul.topsubM1{width:660px; background:url('http://i.sfac.or.kr/images/bg/sub_back01.gif') no-repeat;}
#topmenu li div ul.topsubM1 li{width:180px; margin:0 5px 5px 8px; _margin:0 5px 5px 5px;}
#topmenu li div ul.topsubM1 li.big1{width:223px;}
#topmenu li div ul.topsubM1 li.big2{width:210px;}

#topmenu li div ul.topsubM2{width:520px; margin-left:54px; background:url('http://i.sfac.or.kr/images/bg/sub_back02.gif') no-repeat;}
#topmenu li div ul.topsubM2 li{width:160px; margin:0 5px 5px 8px; _margin:0 5px 5px 5px;}
#topmenu li div ul.topsubM2 li.big1{width:220px;}

#topmenu li div ul.topsubM3{width:530px; margin-left:127px; background:url('http://i.sfac.or.kr/images/bg/sub_back03.gif') no-repeat;}
#topmenu li div ul.topsubM3 li{width:160px; margin:0 5px 5px 8px; _margin:0 5px 5px 5px;}
#topmenu li div ul.topsubM3 li.big1{width:170px;}

#topmenu li div ul.topsubM4{width:489px; margin-left:165px; background:url('http://i.sfac.or.kr/images/bg/sub_back04.gif') no-repeat;}
#topmenu li div ul.topsubM5{width:489px; margin-left:169px; background:url('http://i.sfac.or.kr/images/bg/sub_back06.gif') no-repeat;}
#topmenu li div ul.topsubM6{width:489px; margin-left:220px; background:url('http://i.sfac.or.kr/images/bg/sub_back07.gif') no-repeat;}
#topmenu li div ul.topsubM7{width:489px; margin-left:320px; background:url('http://i.sfac.or.kr/images/bg/sub_back05.gif') no-repeat;}

#submenu_1{display:none; }
#submenu_2{display:none;}
#submenu_3{display:none;}
#submenu_4{display:none;}
#submenu_5{display:none;}
#submenu_6{display:none; }
#submenu_7{display:none; }


/* Àüü°Ë»ö */
#search{clear:both; width:270px; _width:280px; position:absolute; right:0; top:4px; text-align:right;}

/* »ó´Ü¹è³Ê */
#TopBanner{clear:both; float:left; width:620px; height:250px;}
#TopBanner p.btn{float:right; padding-top:5px;}
#TopBanner dl dt{float:left; padding-right:1px;}
#TopBanner dl dd{position:absolute; left:15px; top:24px; z-index:1;}
#bannerT{position:absolute; left:15px; top:24px; width:620px; height:245px; background:#fff; z-index:2;}
#bannerT li{padding-bottom:10px;}

/* ¼­¿ï¹®È­Àç´Ü âÀÛ°ø°£ */
#flashBox{float:left; padding-left:18px; z-index:1;}
#flashBox h3{padding:2px 0 10px 0;}

/* ¿¹¼úÁö¿ø»ç¾÷¾È³» */
#ArtList{position:relative; float:left; width:206px;}
#ArtList p.btn{position:absolute; right:0; top:5px;}
#ArtList ul{height:105px; margin-top:7px; padding:7px 0 0 5px; *padding:5px 0 0 5px; background:url('http://i.sfac.or.kr/images/main/support_back.gif') no-repeat;}
#ArtList ul li{padding:0 0 4px 13px; *padding:0 0 2px 13px; font-size:11px; background:url('http://i.sfac.or.kr/images/icon/arrow.gif') no-repeat 5px 4px;}
#ArtList ul li.none{background-image:none; padding:0 0 5px 0;}

/* ¿­¸°±¤Àå */
#ListNews{position:relative; float:left; margin-left:20px; background:url('http://i.sfac.or.kr/images/main/main_tabbg.gif') repeat-x;}
#ListNews h3.newsM1{position:absolute; left:0; top:0;}
#ListNews h3.newsM2{position:absolute; left:56px; top:0;}
#ListNews h3.newsM3{position:absolute; left:111px; top:0;}
#ListNews h3.newsM4{position:absolute; left:166px; top:0;}
#ListNews h3.newsM5{position:absolute; left:221px; top:0;}
#ListNews div{clear:both; width:392px; padding-top:33px;}

/* âÀÛ°ø°£ */
#Creation{position:relative; float:left; width:295px; margin-left:18px; background:url('http://i.sfac.or.kr/images/main/main_tabbg.gif') repeat-x;}
#Creation h3.newsM6{position:absolute; left:0px; top:0;}
#Creation h3.newsM7{position:absolute; left:76px; top:0;}
#Creation h3.newsM8{position:absolute; left:139px; top:0;}
#Creation div{clear:both; width:300px; padding-top:33px;}

#tab2 p.btn, #tab3 p.btn, #tab4 p.btn, #tab5 p.btn, #tab6 p.btn, #tab7 p.btn, #tab8 p.btn{position:absolute; right:0; top:8px;}
.mainTabel{clear:both; border:0; width:100%; border-collapse:collapse; color:#666; font-size:12px;}
.mainTabel th{font-weight:normal; text-align:left; padding:2px 0 3px 5px;}
.mainTabel th span.po{color:#CF7200;}
.mainTabel td.txtc{text-align:center; font-size:12px;}

/* ´º½º¹è³Ê */
ul.newsBanner{clear:both; float:left; width:620px; height:48px; background:url('http://i.sfac.or.kr/images/main/banner_back.gif') no-repeat;}
ul.newsBanner li{float:left; padding:5px 7px 0 7px;}

/* ǪÅ͹è³Ê */
#bottom_banner{float:left; width:295px; margin-left:18px;}
#bottom_banner dl.banLi dd{float:left;}
#bottom_banner ul{float:left; width:265px; padding:4px 0 0 1px;}
#bottom_banner ul li{padding:0 2px 0 2px;}
#bottom_banner ul li img{width:124px; height:36px;}

/* ǪÅÍ */
#footmenu{position:relative; float:left; width:951px; height:22px; padding-top:6px; border-top:1px solid #e5e5e5;}
#footmenu ul li{float:left;}
#familysite{position:absolute; right:5px; top:6px; height:22px;}

#footer_info{clear:both; position:relative; float:left; width:951px; height:75px; background:#F2F2F2;}
#footer_info p.footlogo{float:left; padding:14px 0 0 23px;}
#footer_info ul.footer_text{float:left; width:520px; padding:13px 0 0 30px;}
#footer_info ul.footer_text li{padding-bottom:4px;}
#footer_info p.footAccessibility{float:left;padding-top:7px;}
#footer_info p.footLo{position:absolute; right:150px; top:15px;}

#footer_info p.footer_right{position:absolute; right:10px; top:7px;}

/* Äü¸Þ´º */
#right_tab{clear:both; position:fixed; right:0px; top:100px; overflow-y:hidden; overflow-x:hidden; z-index:998;}
#right_tab dt{clear:both; float:right; padding-bottom:5px;}
#right_tab dd{float:left;}
#quickList{display:none;}
#quickList ul{width:145px; height:128px; padding:6px; margin-bottom:5px; background:url('http://i.sfac.or.kr/images/bg/right_tab_back.gif') no-repeat;}
#quickList ul li{padding-bottom:2px; font-size:11px;}
#quickList ul li a{color:#000;}
#quickList ul li img{vertical-align:middle; padding-right:10px;}
*html #right_tab {right:3px; top:100px; position:absolute; overflow-y:hidden; margin-bottom:-1px;}


#quickRead1{clear:both; position:fixed; right:0; top:50px; overflow-y:hidden; overflow-x:hidden; z-index:998;}
*html #quickRead1 {right:3px; top:100px; position:absolute; overflow-y:hidden; margin-bottom:-1px;}
#quickRead1 ul{width:97px; height:128px; padding:5px; margin-bottom:5px; border:1px solid red; background:#fff;}
#quickRead1 ul li{padding:3px; font-size:11px; border-bottom:1px solid #ccc;}
#quickRead1 ul li a{color:#000;}
#quickRead1 ul li img{vertical-align:middle; padding-right:10px;}