@charset "euc-kr";
/* CSS Document */

/* Reset */
* { padding:0px; margin:0px; }
div,ul,ol,li,dl,dt,dd,p,input,textarea,select,h1,h2,h3,h4,em,address,fieldset,form,iframe,object,img,img a {border:none; margin:0; padding:0;}
li, dd {list-style:none;}
hr, legend, caption, .blind{position:absolute;left:-5000px;top:0;visibility:hidden;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%} /* blind´Â È­¸é¿¡ º¸ÀÌÁö ¾ÊÁö¸¸ ¸®´õ±â¿¡¼­´Â ÀÐÈû */
caption{position:static}
table{border-collapse:collapse; border-spacing:0;}
em,address,cite{font-style:normal}
input[type=checkbox] {width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0;}
input[type=radio] {width:13px; height:13px; vertical-align:middle; margin:0 4px 0 0; padding:0;}
label {position:relative; top:0px;}
a { outline:none; select-dummy:expression(this.hideFocus=true); }
.png24 { tmp:expression(setPng24(this)); }

/* Basic */
html { overflow-y:scroll; }
body { text-align:center; background-color:#FFFFFF; background:url(../img/bg.gif) #fff top center repeat-x; }
body, div, td { font-family: "malgun gothic"; font-size:13px; color:#333; line-height: 1.7em;}

/* Layout */
#wrap_tm { width:100%; text-align:center; }
#tm { margin:0 auto; padding-top:10px; width:980px; }
#tm li { display:block; *zoom:1; float:right; margin-left:10px; }
#wrap { margin:0 auto; width:980px; text-align:left; }
#top { width:100%; height:90px; }
#logo { float:left; }
#gn { position:relative; float:right; top:20px; line-height:1; z-index:1000; }
#gn li { position:relative; float:left; }
#gn ul { display:none; position:absolute; width:186px; top:30px; left:-10px; text-align:left; padding:12px; background:#f06a06; }
* html #gn ul { line-height:0; }
#gn ul li { float:none; border-bottom:1px solid #ff984b; }
#gn ul ul { top:0; left:162px; }
#gn ul a { display:block; width:162px; padding:10px 0px 6px 0px; zoom:1; line-height: 1;}
#mv { position:relative; margin:0 auto; width:980px; text-align:left; margin-top:20px; margin-bottom:40px }
#mv .mvframe { position:absolute; width:980px; height:336px; z-index:100; left:0px;}
#mv .mvrolling { width:980px; height:336px; }
#mainbanner { margin-top:50px; margin-bottom:35px; }
#mainbanner li { display:block; float:left; }
#recentboard #mainnotice .tle { margin-bottom:14px; }
#recentboard #mainsermon .tle { margin-bottom:2px; }
#recentboard #maingallery .tle { margin-bottom:8px; }
#mainnotice { float:left; width:325px; margin-right:29px; }
#mainsermon { float:left; width:287px; margin-right:29px; }
#mainsermon .box { padding:15px; border:1px solid #e7e7e7; }
#maingallery { float:left; width:300px; }
#wrap_bottom { width:100%; height:110px; margin-top:50px; text-align:center; border-top:1px solid #ddd }
#bottom { width:980px; margin:0 auto; padding-top:20px; padding-bottom:16px; }
#bottom .blogo { float:left; margin-left:20px; }
#bottom .copyright { float:left; margin-left:44px; margin-top:6px; }
#wrap_subvisual { width:100%; height:140px; text-align:center; margin:20px 0px 10px 0px; }
#subvisual { margin:0 auto; width:980px; height:140px; }
#subleft { float:left; width:161px; margin-left:5px; margin-right:10px; margin-top:30px }
#submenu { margin-bottom:16px; }
#submenu li { display: block; line-height: 0; font-size: 0; }
#submenu li img { display: block; }
#content { float:left; width:800px; margin-top:20px }
.context { padding-left:6px; margin-bottom:30px; }
.map { width:700px; height:500px; border:3px solid #f0f0f0; margin-left:4px; }
.clearfix {clear:both; content:""; display:block; }

/* Link Type */
a:link, a:visited, a:active { text-decoration:none; color:#4d4d4d; }
a:hover { text-decoration:none; color:#F24400; }
#gn ul a:link, #gn ul a:visited, #gn ul a:active { text-decoration:none; font-weight:bold; color:#FFF; }
#gn ul a:hover { text-decoration:none; color:#000000; }

/* Type */
.comment {color:#A2A2A2;}
.tbold { font-weight:bold; }
.boldred { font-weight:bold; color:#E61E73; }
.boldblue { font-weight:bold; color:#1B8ACA; }
.line1 { background:#dfdfdf; }


/* Form */
.ed { height:22px; border:1px solid #E5E5E5; font-family:±¼¸², Gulim, µ¸¿ò, Dotum, Tahoma, Arial, sans-serif; font-size:11px; } 
.tx { border:1px solid #E5E5E5; font-family:±¼¸², Gulim, µ¸¿ò, Dotum, Tahoma, Arial, sans-serif; font-size:11px; } 


strong { color:#000}
.subtitle {}
.subtitle td.hd {font-family: "malgun gothic"; font-size: 25px; color:#333; font-weight:bold; }
.subtitle td.navi {font-family: "malgun gothic"; font-size: 12px; color:#848486; }


.subbodyt { font-family: "malgun gothic"; font-size:18px; font-weight:bold; padding:10px 10px 10px 0}
.subbodyt0 { font-family: "malgun gothic"; font-size:20px; color:#333; font-weight:bold; padding:10px; }
.subbodyt0 span {color:#39C; font-size:16px; }
.tab { font-family: "malgun gothic"; color:#333; border-right:1px solid #ddd;}
.tab th { padding:7px; font-weight:bold; background:#e9eef4; font-size:14px; border-top:2px solid #577cb3; border-bottom:1px solid #ddd ; border-left:1px solid #ddd;}
.tab td {padding:7px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center; color:#333; }
.tab td.ed {border-left:1px solid #fff;}

/*¹è³ÊÀ̹ÌÁö ·Ñ¿À¹ö*/
.option_menulist a img.over{display:none}
.option_menulist a:hover{position:relative}/* IE6 */
.option_menulist a:hover img{display:none}
.option_menulist a:hover img.over{display:inline}
.option_menulist a img{vertical-align:top}
.option_menulist li{ float:left; padding-left:0px;}

.option_menulist{ overflow:hidden; height:50px; padding:0; margin:0px; list-style:none; } /* ¼­ºê¾ÆÀÌÄܸ޴º */
.option_menulist li{ float:left; padding-left:0px;}