@charset "utf-8";

/* iepngfix */
img.iepngfix, div.iepngfix, h1.iepngfix, a.iepngfix { behavior: url(/images/iepngfix.htc) }

/* ------------ 0. 공통 -------------- */

html { overflow: -moz-scrollbars-vertical; }
html { overflow-y: scroll; overflow-x: auto;}

/* 본문 전체 */
body { font-family:Dotum,'돋움','Lucida Grande',AppleGothic,Arial,sans-serif; font-size:12px; text-align:center; margin:0; padding:0; line-height:1.8; color:#454545; background:#f6f6f6 url(/images/b_main.jpg) top center no-repeat; }
.dotum { font-family:Dotum,'돋움','Lucida Grande',AppleGothic,Arial,sans-serif; }
.gulim { font-family:Gulim,'굴림','Lucida Grande',AppleGothic,Arial,sans-serif; }
.nlt { letter-spacing:-1px; }
.lh0 { line-height:0; font-size:0; }
table, tr, td { margin:0; padding:0; }
textarea, input { font-family:Arial,'Lucida Grande',sans-serif; font-size:1em; }
a:link { color:#666666; text-decoration:none; }
a:visited { color:#666666; text-decoration:none; }
a:hover { color:#999999; text-decoration:underline; }
.graylink a:link { color:#666666; text-decoration:none; }
.graylink a:visited { color:#666666; text-decoration:none; }
.graylink a:hover { color:#999999; text-decoration:underline; }
a img{ border:0; }
img { border:0; }

hr { display: block; margin-bottom: 1em; }

/* 인용문 */
blockquote { padding:26px 15px 15px 47px; background:#f7f7f7 url(/images/i_quote.png) 15px 15px no-repeat; margin:0; overflow:hidden; color:#666666; }
blockquote p{ margin:0; padding:0; }
blockquote cite { margin:5px 0 0 0; display:block; color:#8E8E8E; font-style:normal; }

/* pre, 코드 */
pre { overflow:auto; margin:0 0 18px 0; padding:4px; }
pre, code, kbr { font-family:'Lucida Console',Courier,monospace; }
code, kbr { padding:0 2px; }

/* 여백제거 */
p{ margin:0; padding-bottom:1.3em; }
h1,h2,h3,h4,h5,h6,form,fieldset { margin:0; padding:0; }
fieldset { border:0; }

/* 레이아웃 전역선언 */
.v3_950 { width:950px; margin:0 auto; text-align:justify; }
.v3_left { float:left; width:150px; }
.v3_right{ float:right; width:780px; }

.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.cb1 { clear:both; height:1px; }
.abm img { vertical-align:middle; }

/* -------------- 사이트맵 -------------- */
#sitemap_opened { display:none; position:absolute; top:-290px; left:0px; height:290px; background:#eaeaea; font-size:0; line-height:0; z-index:100; }
#sitemap_opened .v3_left { margin:0; padding:0; }
#sitemap_opened table { margin:30px 20px 24px 0; padding:0; }
#sitemap_opened table td { vertical-align:top; }
#openSitemap, #closeSitemap { background:url(/images/b_sitemapBar.gif) repeat-x; height:15px; }
#openSitemap img, #closeSitemap img { width:70px; height:15px; }
#closeSitemap { display:none; position:absolute; top:0px; left:0px; z-index:100; }


/* -------------- 타이틀 ---------------- */
#title { height:190px; font-size:0; line-height:0; }
#title h1 { height:190px; background:url(/images/i_menuTitle.png) left bottom no-repeat; }
#title .v3_right { height:190px; background:url(/images/b_mainTitleRight.png) no-repeat; }

#v3_middle { background:url(/images/b_mainMiddle.gif) left top repeat-y; }


/* -------------- 메뉴 ---------------- */
#v3_menu { margin:0; padding:10px 5px 0 5px; width:140px; list-style:none; list-style-image:none; line-height:30px; }
#v3_menu a { display:block; padding:30px 0 0 0; width:140px; height:0px !important; height /**/:30px; overflow:hidden; }
#v3_menu a.home { background:url(/images/i_menu_1.png); }
#v3_menu a.about { background:url(/images/i_menu_2.png); }
#v3_menu a.education { background:url(/images/i_menu_3.png); }
#v3_menu a.participate { background:url(/images/i_menu_4.png); }
#v3_menu a.support { background:url(/images/i_menu_5.png); }
#v3_menu a.services { background:url(/images/i_menu_6.png); }
#v3_menu a.participateNow { margin-top:30px; height:0px !important; height /**/:60px; background:url(/images/i_menu_regist.png); }
#v3_menu a.blog { background:url(/images/i_menu_blog.png); }

/* 롤오버 */
#v3_menu a:hover { background-position:0 -30px !important; }

/* 현재 위치 표시 */
#home #v3_menu a.home { background-position:0 -60px !important; }


/* -------------- 히어로 이미지 ---------------- */
#home #v3_hero { width:410px; }
#heroTabs { list-style:none; margin:20px 0 5px 0; padding:0; height:20px !important; height /**/:45px; line-height:30px; overflow:hidden; }
#heroTabs li { display:inline; }
#heroTabs a { display:block; float:left; margin:0; padding:20px 0 0 0; height:0px !important; height /**/:20px; overflow:hidden; }
#heroTabs a#ht_intro { background:url(/images/i_heroTab_1.png); width:135px; }
#heroTabs a#ht_participate { background:url(/images/i_heroTab_2.png); width:140px; }
#heroTabs a#ht_location { background:url(/images/i_heroTab_3.png); width:135px; }
#heroTabs a.current { background-position:0 -20px !important; }
#heroContents { line-height:30px; font-size:0; }
#heroContents div a { display:block; width:410px; margin:0; padding:0; height:0px !important; height /**/:450px; overflow:hidden; }
#heroContents div a.current { padding-top:450px; }
#heroContents #hero_intro a { background:url(/images/i_hero_1.png); }
#heroContents #hero_participate a { background:url(/images/i_hero_2.png); }
#heroContents #hero_location a { background:url(/images/i_hero_3.png); }


/* -------------- 우측 이미지 ---------------- */
#v3_mainContents { padding:20px 20px 0 0; }
.v3_mainTable { margin-bottom:20px; }
.v3_mainTable th { font-size:0; line-height:0; height:20px; }
.v3_mainTable td { border-bottom:1px #cccccc solid; padding-top:2px; padding-left:5px; height:22px !important; height /**/:24px; line-height:22px; width:245px !important; width /**/:250px; }
.v3_mainTable td.date { padding-right:5px; width:50px !important; width /**/:60px; font-size:0.9em; letter-spacing:-1px; font-family:Helvetica,Arial,sans-serif; color:#8e8e8e; text-align:right; }
.v3_mainGal { margin-bottom:20px; }
.v3_mainGal th { font-size:0; line-height:0; height:20px; }
.v3_mainGal td { padding:9px 9px 0 0; width:97px !important; width /**/:106px; }
.v3_mainGal td.last { padding-right:0; width:97px; }


/* 푸터 */
#v3_bottom { font-size:0; line-height:0; }
#v3_bottom p { margin:0; padding:0 0 0 170px; }
#v3_bottom p#aboutmenu { padding-top:15px; }
#v3_bottom p#contact { padding-bottom:15px; }