@charset "utf-8";

/* body{height:100%; background:url(../img/bodyBg.gif) repeat-x;} */

#headerWrap{width:100%; height:100px; margin:0 auto; background-color:#fffefa; overflow:inherit;}
#headerWrap .header{width:1000px; max-width:990px; margin:0 auto; background-color:#fffefa; position:relative; z-index:1;}
#headerWrap .header h1{padding:22px 0 18px 24px;}
#headerWrap .header .allaboutC{position:absolute; top:30px; right:3px; width:164px; height:20px; z-index:2;}
#headerWrap .header .allaboutC2{position:absolute; top:100px; right:50px; width:59px; height:24px; z-index:100;}

#naviWrap{width:100%; height:229px; margin:0 auto; background:url(../img/naviBg.gif) repeat-x #1c2a59; overflow:inherit;}
#naviWrap .navi{width:1000px; max-width:990px; margin:0 auto;}
#naviWrap .navi .marginL{margin-left:192px; background-color:#08184b !important;}
#naviWrap .navi .menu{width:172px; height:222px; float:left; margin-top:3px; padding:2px 0 0 4px; background-color:#1c2a59; border-left:1px solid #384677;}
#naviWrap .navi .menu ul{margin-top:22px; margin-left:12px; padding:0 3px 0 0;}
#naviWrap .navi .menu ul li{line-height:20px;}
*:first-child+html .menu ul li{line-height:20px; margin-bottom:10px; height:17px;}
#naviWrap .navi .menu a{display:block; margin-bottom:15px;}
#naviWrap .navi .banner2{width:250px; height:229px; float:left; border-left:1px solid #384677;}
#naviWrap .navi .banner2 ul li{margin-left:15px;}
.btline a {display: block;}
#naviWrap .navi .banner2 ul li.btline{border-bottom:1px solid #384677;}
.but1{background:url(../img/menu/menu_01.png) top left no-repeat;}
.but2{background:url(../img/menu/menu_02.png) top left no-repeat;}
.but3{background:url(../img/menu/menu_03.png) top left no-repeat;}
.but3_2{background:url(../img/menu/menu_03_2.png) top left no-repeat;}
.but4{background:url(../img/menu/menu_04.png) top left no-repeat;}
.but5{background:url(../img/menu/menu_05.png) top left no-repeat;}
.but6{background:url(../img/menu/menu_06.png) top left no-repeat;}
.but7{background:url(../img/menu/menu_07.png) top left no-repeat;}
.but8{background:url(../img/menu/menu_08.png) top left no-repeat;}
.but9{background:url(../img/menu/menu_09.png) top left no-repeat;}
.but10{background:url(../img/menu/menu_10.png) top left no-repeat;}
.but11{background:url(../img/menu/menu_11.png) top left no-repeat;}
.but12{background:url(../img/menu/menu_12.png) top left no-repeat;}
.but13{background:url(../img/menu/menu_23.png) top left no-repeat;}
.menu a:hover, .active{background-position:bottom left;}/* ccs로 버튼 만들기 */

/* 애니메이션 영역 */
#contentsWrap{width:99.9%; background-color:#5564b6; border:1px solid #4755a2;}
#contentsWrap .contentsAni{width:1098px; height:400px; margin:0 auto;  background:url(../img/mainMovie.gif)no-repeat; position:relative;}
#contentsWrap .contentsAni2{width:1098px; height:400px; margin:0 auto;  no-repeat; position:relative;}
#contentsWrap .contentsAni iframe{position:absolute; top:58px; right:121px;}
*:first-child+html .contentsAni{width:1098px; height:400px; margin:0 auto; background:url(../img/mainMovie.gif)no-repeat;}

/* 공지사항 영역 */
#contentsWrap2{width:100%; height:386px;}
#contentsWrap2 .contentsNews{width:955px; height:45px; margin:30px auto; border-bottom:1px solid #e5eaee;}
#contentsWrap2 .contentsNews h3{float:left; margin-right:26px;}
#contentsWrap2 .contentsNews ul li{display:block; float:left; margin-top:3px; margin-right:22px;}
#contentsWrap2 .contentsNews p.moreBtn{float:left; margin-right:25px;}
#contentsWrap2 .contentsNews p.moreBtn2{float:left;}

/* 롤링 css 20121212 김영훈 추가 */
ul.marquee {	display: block; padding:0; margin: 0; list-style: none; line-height: 1;	position: relative;	overflow: hidden; width: 500px;	height: 22px;  background-color: #ffffff; border: 0px solid #08084d; float:left;}
ul.marquee li {position: absolute; top: -999em; 	left: 0;	display: block;	white-space: nowrap;	font: 14px Arial, Helvetica, sans-serif;}

/* how to.. 영역 */
#contentsWrap2 .contentsThumb{width:985px; height:250px; margin:46px auto;}
#contentsWrap2 .contentsThumb ul{margin-left:15px;}
#contentsWrap2 .contentsThumb ul li{display:block; float:left; margin-right:11px;}

/* 하단 영역 */
#footerWrap{width:100%; height:137px; margin-top:44px; background-color:#eff2fb; border-top:1px solid #b4badc;}
#footerWrap .footer{width:955px; margin:32px auto;}
#footerWrap .footer h3{float:left; width:61px; margin-right:29px;}
#footerWrap .footer ul.etcArea{width:430px; height:43px; float:left;}
#footerWrap .footer ul.etcArea li{display:block; float:left; margin-bottom:10px;}
#footerWrap .footer ul.snsArea{width:300px; float:left;}
#footerWrap .footer ul.snsArea li{display:block; float:left; margin-right:5px;}
#footerWrap .footer .threeLink{background:url(../img/thumbBtnBg.gif) no-repeat; width:210px; height:36px;}
#footerWrap .footer .threeLink ul{margin-left:10px;}
#footerWrap .footer .threeLink ul li{margin:12px 19px 0 14px;}
#footerWrap .footer .address{margin:12px 0 0 91px;}