@charset "euc-kr";
@import url(content.css);
@import url(artnet.css);
@import url(board.css);

/* base */
body {font-size:12px; font-family:'¸¼Àº °íµñ', 'Malgun Gothic',  µ¸¿ò, 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;
}
.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;}
.txtnormal{font-size:12px;}
.txtsmall{font-size:11px;}
.txtlineh{line-height:1.6em;}
.txtlineh1{line-height:1.3em;}
.txtunline{text-decoration:underline;}
.inputline{padding:1px; border:1px solid #bbb;}
.textarealine{padding:3px; border:1px solid #bbb; font-size:12px;}
.selline{padding:1px; border:1px solid #bbb; font-size:12px;}
.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;}
.logbox{padding:1px; border:1px solid #bbb;}
.scripTxt{position:absolute; left:451px; top:24px; font-size:11px;}

/* margin&padding */
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}

.ml10{margin-left:10px;}
.ml15{margin-left:15px;}

.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}

.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr8{padding-right:8px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}

/* width, height */
.w430{width:430px;}
.w97p{width:97%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w50p{width:50%;}
.wp100{width:100%;}

/* font-color */
.color_blk{color:#000000;}
.color_r{color:#ff0000;}
.color_blue{color:#0c00ff;}
.color_green{color:#37961B;}
.color_oran{color:#FC6300;}
.color_ju{color:#f46709;}
.color_pu{color:#9d32da;}
.color_brown{color:#cc6600;}
.color_brown1{color:#BA9B3E;}
a.color_brown1{color:#cc6600;}
a.color_brown2{color:#cc6600; text-decoration:underline;}

/* layout */
#wrap_bg{float:left; width:100%; background:url(http://i.sfac.or.kr/images/bg/back.gif) repeat-x; }
*html #wrap_bg {position:relative; width:99.9%; height:100%;overflow:auto;overflow-x:hidden;}
#wrap{float:left; width:951px;}
#header{position:relative; float:left; width:951px;}
#header h1{position:absolute; left:14px; top:35px; _top:39px; z-index:999;}
#leftMenu{clear:both; float:left; width:210px;}
#contents{float:left; width:741px; z-index:1;}
#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; 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; z-index:3;}
#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:275px; position:absolute; right:0; top:4px; text-align:right;}

/* ³»¿ë */
p.conNavi{clear:both; float:right; height:17px; padding:5px 10px 0 15px; font-size:11px; background:url('http://i.sfac.or.kr/images/icon/icon_home.gif') no-repeat left 5px;}
#contop{clear:both; width:100%; z-index:2;}
#contop p.topimg{text-align:right;}
#ContentsTxt{position:relative; float:left; width:691px; padding:70px 0 0 50px;}
#ContentsTxt p.toptitle{position:absolute; left:30px; top:0; padding:24px 0 0 40px; background:url('http://i.sfac.or.kr/images/icon/subtit_img.gif') no-repeat left top;}
#ContentsTxt h3.toptitle{position:absolute; left:30px; top:0; padding:24px 0 0 40px; background:url('http://i.sfac.or.kr/images/icon/subtit_img.gif') no-repeat left top;}
#ContentsTxt h3.mintitle{position:absolute; left:30px; top:0; padding:24px 0 0 40px;}


/* ·¹ÇÁÆ®¸Þ´º */
#Leftmeu{font-size:0; line-height:0;}
#Leftmeu ul li{letter-spacing:-0.1em;}

#lnb{font-size:0; line-height:0;}
#lnb ul li{letter-spacing:-0.1em;}
.sumM1{width:200px; padding:7px 5px 7px 5px; font-size:12px; line-height:normal; background:#F2F2F2 url('http://i.sfac.or.kr/images/bg/sub_back.gif') repeat-x left top;}
.sumM1 li{padding:0 0 5px 7px; background:url('http://i.sfac.or.kr/images/icon/bullet_arrow1.gif') no-repeat left 3px;}
.sumM1 li a{color:#666;}
.sumM1 li a.on{color:#D18815; text-decoration:none; font-weight:bold;}

.sumM2{padding:3px 0 3px 0; line-height:normal;}
.sumM2 li{font-weight:normal; font-size:11px; background:url('http://i.sfac.or.kr/images/icon/bullet_arrow2.gif') no-repeat left 4px;}
.sumM2 li a{color:#666;}
.sumM2 li a.on{color:#D18815; text-decoration:none; font-weight:bold;}


/* ǪÅÍ */
#footmenu{position:relative; float:left; width:951px; height:22px; padding-top:9px; 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; width:31px; right:0px; top:100px; overflow-y:hidden; overflow-x:hidden;}
#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;}
*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;}

/* Ãß°¡ */
.img10{clear:both; float:left; width:670px; height:130px;}
ul.img10_txt{width:495px;float:left; padding-top:5px; padding-left:12px;}
ul.img10_txt li{width:495px; padding:0 0 15px 10px; background:url('http://i.sfac.or.kr/images/icon/arrow.gif') no-repeat left 4px;}
ul.img10_txt li.none{background-image:none;}
.img10 p{float:left;}

.ct{text-align:center;}

.blue15 {font-size:15px; color:#1f79b1; line-height:18px;}


#ispa_dday {width:210px; height:84px; padding:34px 0 0; text-align:center; background:url(http://i.sfac.or.kr/images/sub13/dday_bg.gif) no-repeat; margin-top:20px;}
.ispa_link {text-align:right; margin:-60px 0 30px 0;}
.pt50{padding-top:50px;}
.pt35{padding-top:35px;}
.pl40{padding-left:40px;}
.mt-20{margin-top:-20px;}

/* °Ô½ÃÆÇ Àбâ */

.boardRead td .table04{clear:both; border:0; border-collapse:collapse; border-top:1px solid #ccc; border-right:1px solid #ccc; color:#666; margin-left:2px; width:98%;}
.boardRead td .table04 th{padding:2px 0 2px 0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f2f2f2; font-weight:bold; text-align:center;}
.boardRead td .table04 th.txtl{text-align:left; padding-left:10px;}
.boardRead td .table04 th.bg2{background:#fdf7e8;}
.boardRead td .table04 tr.bg1{background:#f7f7f7;}
.boardRead td .table04 td{padding:2px 0 2px 0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; line-height:1.6em;}
.boardRead td .table04 td.bg1{background:#F1F1F1;}
.boardRead td .table04 td.bg2{background:#fdf7e8;}
.boardRead td .table04 td.txtc{text-align:center;}
.boardRead td .table04 td.txtr{text-align:right; padding-right:10px;}
.boardRead td .table04 td.txtl{text-align:left; padding:5px 8px 5px 8px;}


/* °Ô½ÃÆÇ ¾²±â */

.boardWrite td .table04{clear:both; border:0; border-collapse:collapse; border-top:1px solid #ccc; border-right:1px solid #ccc; color:#666; margin-left:2px; width:96%;}
.boardWrite td .table04 th{padding:2px 0 2px 0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; background:#f2f2f2; font-weight:bold; text-align:center;}
.boardWrite td .table04 th.txtl{text-align:left; padding-left:10px;}
.boardWrite td .table04 th.bg2{background:#fdf7e8;}
.boardWrite td .table04 tr.bg1{background:#f7f7f7;}
.boardWrite td .table04 td{padding:2px 0 2px 0; border-bottom:1px solid #ccc; border-left:1px solid #ccc; line-height:1.6em;}
.boardWrite td .table04 td.bg1{background:#F1F1F1;}
.boardWrite td .table04 td.bg2{background:#fdf7e8;}
.boardWrite td .table04 td.txtc{text-align:center;}
.boardWrite td .table04 td.txtr{text-align:right; padding-right:10px;}
.boardWrite td .table04 td.txtl{text-align:left; padding:5px 8px 5px 8px;}