/* common */
a:link, a:visited {text-decoration:none;color:#666;}
a:hover, a:active {text-decoration:none;color:#006600;}

body {background-color:#fff;}

#wrap {width:100%;min-width:1024px; height:1095px; margin:0 auto; background:url(image/bg.gif) repeat center 0; background-color:#fff;}

/* header */
#header {position:relative;width:1000px;height:95px;padding-top:40px;margin:0 auto; }
#header h1 {position:absolute;left:0;top:23px; }

/* header > nav */
#header .nav {position:relative;width:770px;height:67px;margin-left:220px;margin-top:-8px;background:url(image/bg_nav.png) no-repeat 0 0; }
#header .nav::after {display:block;content:"";clear:both;}
#header .nav li {float:left;height:42px;}
#header .nav li:hover > .sub {display:block;}
#header .nav li a {display:block;width:100%;height:44px;overflow:hidden;text-indent:-9999em;background:url(image/nav.png) no-repeat 0 0;}
#header .nav li.na01 {width:180px;}
#header .nav li.na02 {width:210px;}
#header .nav li.na03 {width:180px;}
#header .nav li.na04 {width:192px; }

#header .nav li.na01 a {background-position:0 0;}
#header .nav li.na02 a {background-position:-180px 0;}
#header .nav li.na03 a {background-position:-390px 0;}
#header .nav li.na04 a {background-position:-578px 0;}
#header .nav li.na01 a:hover, #header .nav li.na01 a.on {background-position:0 -67px;}
#header .nav li.na02 a:hover, #header .nav li.na02 a.on {background-position:-180px -67px;}
#header .nav li.na03 a:hover, #header .nav li.na03 a.on {background-position:-390px -67px;}
#header .nav li.na04 a:hover, #header .nav li.na04 a.on  {background-position:-578px -67px;}




/* header > nav > sub nav */
#header .nav li .sub {position:absolute;top:42px;display:none;height:50px;padding-top:4px;}
#header .nav li .sub.on {display:block;}
#header .nav li .sub li {float:left;height:50px;}
#header .nav li .sub li a {display:block;height:50px;overflow:hidden;text-indent:-9999em;background:url(image/nav_sub.png) no-repeat 0 0;}
#header .nav li.na01 .sub {left:0px;}
#header .nav li.na01 .sub li.sub01 {width:123px;}
#header .nav li.na01 .sub li.sub02 {width:190px;}
#header .nav li.na01 .sub li.sub03 {width:140px;}
#header .nav li.na01 .sub li.sub04 {width:171px;}
#header .nav li.na01 .sub li.sub05 {width:119px;}

#header .nav li.na01 .sub li.sub01 a {background-position:0 0;}
#header .nav li.na01 .sub li.sub02 a {background-position:-123px 0;}
#header .nav li.na01 .sub li.sub03 a {background-position:-313px 0;}
#header .nav li.na01 .sub li.sub04 a {background-position:-453px 0;}
#header .nav li.na01 .sub li.sub05 a {background-position:-624px 0;}
#header .nav li.na01 .sub li.sub01 a:hover, #header .nav li.na01 .sub li.sub01 a.on {background-position:0 -50px;}
#header .nav li.na01 .sub li.sub02 a:hover, #header .nav li.na01 .sub li.sub02 a.on {background-position:-123px -50px;}
#header .nav li.na01 .sub li.sub03 a:hover, #header .nav li.na01 .sub li.sub03 a.on {background-position:-313px -50px;}
#header .nav li.na01 .sub li.sub04 a:hover, #header .nav li.na01 .sub li.sub04 a.on {background-position:-453px -50px;}
#header .nav li.na01 .sub li.sub05 a:hover, #header .nav li.na01 .sub li.sub05 a.on {background-position:-624px -50px;}

#header .nav li.na02 .sub {left:110px;}
#header .nav li.na02 .sub li.sub01 {width:131px;}
#header .nav li.na02 .sub li.sub02 {width:135px;}
#header .nav li.na02 .sub li.sub03 {width:125px;}
#header .nav li.na02 .sub li.sub04 {width:105px;}
#header .nav li.na02 .sub li.sub01 a {background-position:0 -100px;}
#header .nav li.na02 .sub li.sub02 a {background-position:-131px -100px;}
#header .nav li.na02 .sub li.sub03 a {background-position:-266px -100px;}
#header .nav li.na02 .sub li.sub04 a {background-position:-391px -100px;}
#header .nav li.na02 .sub li.sub01 a:hover, #header .nav li.na02 .sub li.sub01 a.on {background-position:0 -150px;}
#header .nav li.na02 .sub li.sub02 a:hover, #header .nav li.na02 .sub li.sub02 a.on {background-position:-131px -150px;}
#header .nav li.na02 .sub li.sub03 a:hover, #header .nav li.na02 .sub li.sub03 a.on {background-position:-266px -150px;}
#header .nav li.na02 .sub li.sub04 a:hover, #header .nav li.na02 .sub li.sub04 a.on {background-position:-391px -150px;}

#header .nav li.na03 .sub {left:10px;}
#header .nav li.na03 .sub li.sub01 {width:112px;}
#header .nav li.na03 .sub li.sub02 {width:104px;}
#header .nav li.na03 .sub li.sub03 {width:84px;}
#header .nav li.na03 .sub li.sub04 {width:95px;}
#header .nav li.na03 .sub li.sub05 {width:93px;}
#header .nav li.na03 .sub li.sub06 {width:117px;}
#header .nav li.na03 .sub li.sub07 {width:136px;}
#header .nav li.na03 .sub li.sub01 a {background-position:0 -200px;}
#header .nav li.na03 .sub li.sub02 a {background-position:-112px -200px;}
#header .nav li.na03 .sub li.sub03 a {background-position:-216px -200px;}
#header .nav li.na03 .sub li.sub04 a {background-position:-300px -200px;}
#header .nav li.na03 .sub li.sub05 a {background-position:-395px -200px;}
#header .nav li.na03 .sub li.sub06 a {background-position:-488px -200px;}
#header .nav li.na03 .sub li.sub07 a {background-position:-605px -200px;}
#header .nav li.na03 .sub li.sub01 a:hover, #header .nav li.na03 .sub li.sub01 a.on {background-position:0 -250px;}
#header .nav li.na03 .sub li.sub02 a:hover, #header .nav li.na03 .sub li.sub02 a.on {background-position:-112px -250px;}
#header .nav li.na03 .sub li.sub03 a:hover, #header .nav li.na03 .sub li.sub03 a.on {background-position:-216px -250px;}
#header .nav li.na03 .sub li.sub04 a:hover, #header .nav li.na03 .sub li.sub04 a.on {background-position:-300px -250px;}
#header .nav li.na03 .sub li.sub05 a:hover, #header .nav li.na03 .sub li.sub05 a.on {background-position:-395px -250px;}
#header .nav li.na03 .sub li.sub06 a:hover, #header .nav li.na03 .sub li.sub06 a.on {background-position:-488px -250px;}
#header .nav li.na03 .sub li.sub07 a:hover, #header .nav li.na03 .sub li.sub07 a.on {background-position:-605px -250px;}


#header .nav li.na04 .sub {left:20px;  }
#header .nav li.na04 .sub li.sub01 {width:118px;}
#header .nav li.na04 .sub li.sub02 {width:156px;}
#header .nav li.na04 .sub li.sub03 {width:162px;}
#header .nav li.na04 .sub li.sub04 {width:141px;}
#header .nav li.na04 .sub li.sub05 {width:166px;}

#header .nav li.na04 .sub li.sub01 a {background-position:0 -300px;}
#header .nav li.na04 .sub li.sub02 a {background-position:-118px -300px;}
#header .nav li.na04 .sub li.sub03 a {background-position:-274px -300px; }
#header .nav li.na04 .sub li.sub04 a {background-position:-436px -300px;}
#header .nav li.na04 .sub li.sub05 a {background-position:-577px -300px;}

#header .nav li.na04 .sub li.sub01 a:hover, #header .nav li.na04 .sub li.sub01 a.on {background-position:0 -350px;}
#header .nav li.na04 .sub li.sub02 a:hover, #header .nav li.na04 .sub li.sub02 a.on {background-position:-118px -350px;}
#header .nav li.na04 .sub li.sub03 a:hover, #header .nav li.na04 .sub li.sub03 a.on {background-position:-274px -350px; }
#header .nav li.na04 .sub li.sub04 a:hover, #header .nav li.na04 .sub li.sub04 a.on {background-position:-436px -350px;}
#header .nav li.na04 .sub li.sub05 a:hover, #header .nav li.na04 .sub li.sub05 a.on {background-position:-577px -350px;}




/* header > log */
#header .log {position:absolute;right:38px;top:8px;}
#header .log li {float:left;height:18px;margin-left:4px;}
#header .log li a {display:block;height:18px;line-height:18px;padding:0 8px;overflow:hidden;font-size:12px;color:#fff;background:#0092b1;border-radius:3px;}
#header .log li:first-child a {display:block;height:18px;line-height:18px;overflow:hidden;font-size:12px;color:#000;background:none;font-weight:bold;}



/* content */
#contents {position:relative;width:1000px; min-height:800px;overflow:hidden;margin:0 auto;}

#contents h1 {padding-left:43px;font-size:33px;color:#1a1a1a;background:#fff;letter-spacing:-2px;font-weight:normal;}
#contents .contBox {position:relative;width:968px;margin:0 0 50px 12px;padding:159px 0 30px 0;background:url(image/bg_sub_contbox.png)  no-repeat 0 bottom;overflow:hidden;}

/*버튼*/
#contents .btn{width:1000px; } 
#contents .btn ul{} 
#contents .btn ul li{float:left; padding-right:18px;} 



/* sub title bg ------------------------------------------------------------------------------------------------------------------------------ */
#subTitleBG {position:relative;width:980px;margin:0 auto;background:url(image/bg_sub_top.png) no-repeat right 0;height:160px;}
#subTitleBG .ca01 {position:absolute;top:111px;left:-64px;width:82px;height:54px;background:url(image/bg_sub_ca_01.png) no-repeat 0 0;z-index:10;}
#subTitleBG .ca05 {position:absolute;top:0;right:-15px;width:366px;height:286px;background:url(image/bg_sub_ca_05.png) no-repeat 0 0;z-index:9;}



/* aside ----------------------------------------------------------------------------------------------------------------------------------- */
#aside {position:absolute;top:198px;left:-90px;width:81px;z-index:10;}
#aside ul {}
#aside ul li {vertical-align:top;margin-bottom:5px;}
#aside ul li a {display:block;width:81px;height:81px;}
#aside ul li a img {display:block;}


#contents .contTabMenu {position:relative;margin-left:20px;width:948px;margin-bottom:45px;overflow:hidden;z-index:10;}
#contents .contTabMenu li {float:left;height:38px;padding-left:1px;background:#fff;}
#contents .contTabMenu li:first-child {padding:0;}
#contents .contTabMenu li a {display:block;height:38px;line-height:38px;padding:0 22px;font-size:13px;font-weight:bold;letter-spacing:-1px;color:#fff;text-align:center;background:#419dea;}
#contents .contTabMenu li a:hover, #contents .contTabMenu li a.on {color:#3e3e3e;background:#fff;;}


/* contents > 메인 슬라이드
#contents #mSlider {position:relative;width:950px;height:242px;margin-bottom:228px;}
#contents #mSlider .slider-wrapper {width:100%;}
#contents #mSlider .slider-wrapper .nivoSlider {position:relative;width:100%;height:auto;overflow:hidden;}
#contents #mSlider .slider-wrapper .nivoSlider img {position:absolute;left:0;top:0;max-width:none;display:none;}
#contents #mSlider .slider-wrapper .nivo-main-image {display:block !important;position:relative !important;width:100% !important;}
#contents #mSlider .slider-wrapper .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:white;filter:alpha(opacity=0);opacity:0;}
#contents #mSlider .slider-wrapper .nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0;}
#contents #mSlider .slider-wrapper .nivo-box {display:block;position:absolute;z-index:5;overflow:hidden;}
#contents #mSlider .slider-wrapper .nivo-box img {display:block;}
#contents #mSlider .nivo-controlNav {position:absolute;bottom:20px;right:79px;width:100%;text-align:right;z-index:9999;}
#contents #mSlider .nivo-controlNav a {position:relative;z-index:99999;display:inline-block;width:18px;height:18px;margin:0 2px;line-height:9999em;overflow:hidden;;background:url(image/btn_m_banner.png) no-repeat 0 -18px;}
#contents #mSlider .nivo-controlNav a.active {background-position:0 0;}
#contents #mSlider .nivo-controlNav a.nivo-control {width:18px;height:18px;}
#contents #mSlider .nivo-controlNav a.nivo-control.active {background-position:0 0;} */

/* 메인 게시판 */
#contents .mbbs {position:relative;float:left;width:380px;}
/*#contents .mbbs h2 {border:1px solid blue;position:absolute;left:0;top:0;height:49px;width:146px;display:block;overflow:Hidden;text-indent:-9999em;background:url(image/bg_mbbs_tab.gif) no-repeat 0 0;z-index:1;cursor:pointer;}*/
#contents .mbbs .mbbsBox {display:none;width:380px;height:270px;background:url(image/bg_mbbs_box.png) no-repeat 0 0;}

/* 알려드립니다. */
#contents .mbbs .notice {width:380px;height:270px;background:url(image/bg_mbbs_box.png) no-repeat 0 0; }
#contents .mbbs .notice h2 {top:6px;background-position:0 0;  width:147px; padding-top:38px; margin-left:44px;}
#contents .mbbs .notice h3 {margin-left:318px; width:33px; height:33px;margin-top:-60px; padding-bottom:66px;}
#contents .mbbs .notice h2.on {top:6px;background-position:-146px 0;z-index:2;}
#contents .mbbs .notice {width:380px;height:270px;/*padding:24px 42px;*/ margin-top:10px; }
#contents .mbbs .notice ul {}
#contents .mbbs .notice ul li {width:297px;margin-left:44px;height:23px;line-height:23px;padding-left:14px;padding-bottom:16px;background:url(image/bul_line.gif) no-repeat 0 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#contents .mbbs .notice ul li img{}
#contents .mbbs .notice ul li:hover {font-weight:bold;color:#5a9010;letter-spacing:-1px; } 
#contents .mbbs .notice ul li a {font-size:16px;color:#292929;  margin-left:8px; margin-bottom:-15px; }
#contents .mbbs .notice ul li a:frist-child{font-size:16px; color:#blue; font-weight:bold;}
#contents .mbbs .notice ul li a:hover {font-weight:bold;color:#292929;letter-spacing:-1px;}


/* 언론에 소개된 마하. */
#contents .mbbs .news {width:380px;height:270px;background:url(image/bg_mbbs_box.png) no-repeat 0 0; }
#contents .mbbs .news h2 {top:6px;background-position:0 0;  width:147px; padding-top:38px; margin-left:44px; }
#contents .mbbs .news h3 {margin-left:318px; width:33px; height:33px;margin-top:-60px; padding-bottom:66px;}
#contents .mbbs .news h2.on {top:6px;background-position:-146px 0;z-index:2;}
#contents .mbbs .news {width:380px;height:270px;/*padding:24px 42px;*/ margin-top:10px; }
#contents .mbbs .news ul {}
#contents .mbbs .news ul li {width:297px;margin-left:44px;height:23px;line-height:23px;padding-left:14px;padding-bottom:16px;background:url(image/bul_line.gif) no-repeat 0 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#contents .mbbs .news ul li img{}
#contents .mbbs .news ul li:hover {font-weight:bold;color:#5a9010;letter-spacing:-1px; } 
#contents .mbbs .news ul li a {font-size:16px;color:#292929;  margin-left:8px; margin-bottom:-15px; }
#contents .mbbs .news ul li a:frist-child{font-size:16px; color:#blue; font-weight:bold;}
#contents .mbbs .news ul li a:hover {font-weight:bold;color:#292929;letter-spacing:-1px;}

/* container ------------------------------------------------------------------------------------------------------------------------------ */

#container {position:relative;width:1000px;background:url(/layouts/default/image/bg_sub_contbox.png) no-repeat 0 bottom;margin-top:70px; }

#container h1 {padding-left:43px;font-size:33px;color:#1a1a1a;background:#fff;letter-spacing:-2px;font-weight:normal;}
#container .contBox {padding:0 43px 0;background:#fff;}


#container .ca01 {position:absolute;top:-1060px;left:-153px;width:188px;height:214px;background:url(image/bg_ca_01.png) no-repeat 0 0;z-index:10; }
#container .ca02 {position:absolute;top:-645px;right:-160px;width:243px;height:269px;background:url(image/bg_ca_02.png) no-repeat 0 0;z-index:10;}
/*#container .ca03 {position:absolute;top:30px;right:-120px;width:182px;height:228px;background:url(image/bg_ca_03.png) no-repeat 0 0;z-index:10;border:1px solid red;}
#container .ca04 {position:absolute;top:40px;left:-144px;width:357px;height:247px;background:url(image/bg_ca_04.png) no-repeat 0 0;z-index:10;border:1px solid blue;}*/


#contents .ca01 {position:absolute;top:111px;left:-64px;width:82px;height:54px;background:url(image/bg_sub_ca_01.png) no-repeat 0 0;z-index:10;}
#contents .ca05 {position:absolute;top:0;right:-15px;width:366px;height:286px;background:url(image/bg_sub_ca_05.png) no-repeat 0 0;z-index:9;}

/**/
#contents .rightBox {float:right;width:570px;height:273px;padding:19px 0 0 31px; margin-top:10px; margin-right:5px;background:url(image/bg_m_right_box.png) no-repeat 0 0;}

/* 도서관에서생긴일 */
#contents .memoryPhoto {margin-bottom:14px; }
#contents .memoryPhoto h2 {height:16px;margin-bottom:14px;}
#contents .memoryPhoto h2 img {display:block;}
#contents .memoryPhoto h3 {width:32px; height:32px;  margin-top:-30px; margin-left:480px; padding-bottom:30px;display:block;}
#contents .memoryPhoto ul {width:570px;overflow:hidden; }
#contents .memoryPhoto ul li {float:left;width:113px;height:163px;margin:0 0 0 15px;}
#contents .memoryPhoto ul li:first-child {margin-left:0;}
#contents .memoryPhoto ul li a {display:block;color:white;}
#contents .memoryPhoto ul li a img {vertical-align:top; border:4px solid #c93e2b;margin-bottom:5px;}

#contents .rightBox .bg_img{margin-top:30px;}

/* contents > 후원자명단 */
#support { width:1000px; height:78px;margin-top:10px;}
#support .sponsorList {width:100%;height:70px;overflow:hidden;background:url(image/bg_s_list_box.png) no-repeat 0 0;   }
#support .sponsorList h2 {float:left;width:88px;height:18px;padding:24px 23px 28px 35px;}
#support .sponsorList .sListBox {float:left;width:774px;height:70px;overflow:hidden;position:relative;}
#support .sponsorList .scrollWrapper {position:relative;width:100%;height:100%;overflow:hidden;}
#support .sponsorList .scrollableArea {position:relative;width:100%;height:100%;min-width:774px;overflow:hidden;;}
#support .sponsorList .sListBox p {float:left;padding:0 10px;margin-top:20px;margin-bottom:40px;white-space:nowrap;font-size:15px;color:#8d5c33;letter-spacing:-1px;background:url(image/bg_s_list_bar.gif) no-repeat 0 center;}


/* charactorImage > <!-- 캐릭이미지 --> */
#charactorImage {position:relative;width:1000px;margin:0 auto;margin-top:0px; }
#charactorImage .ca01 {position:absolute;top:-950px;left:-153px;width:188px;height:214px;background:url(image/bg_ca_01.png) no-repeat 0 0;z-index:10; }
#charactorImage .ca02 {position:absolute;top:-655px;right:-160px;width:243px;height:269px;background:url(image/bg_ca_02.png) no-repeat 0 0;z-index:10;}


/* footer --------------------------------------------------------------------------------------------------------------------- */
#footer {position:relative;width:968px;margin:0px auto 0;padding:67px 0 0 0;overflow:hidden;background:url(image/bg_footer_line.gif) #fff repeat-x 0 0;}
#footer strong {position:absolute;left:0;top:23px;}
#footer ul {position:absolute;right:10px;top:30px;}
#footer ul li {float:left;padding:0 10px;}
#footer ul li a {color:#717171;}
#footer .copy {padding-left:38px;color:#717171;}
#footer .copy span {color:#eceded;padding:0 5px}
#footer .copy em {color:#acacac;}