@charset "utf-8";
/* CSS Document */

body{background:url(../images/1_bg00.png) repeat-x; margin-top:0; margin:0 auto;}
img{border:none;}
a{text-decoration:none;}
ul, li{list-style:none;}
#wrap{width:1024px; height:auto; margin:0 auto; padding:0;}

.header{width:1024px; height:70px; margin:0 auto; padding:0; background-color:#fff;}
.header h1{float:left; width:230px; height:30px; margin:25px 0 0 0; padding:0;}
.navi{float:left; height:30px;}
.navi ul{margin:0; padding:0;}
.navi li{float:left;}
.menu01{display:block; width:110px; height:30px; text-indent:-9999px; padding-top:25px;}
.menu01 a{display:block; width:100%; height:100%; background:url(../images/menu01.jpg) no-repeat top left; background-position:0 -30px;}
.menu01 a:hover{background-position:0 -30px;}
.menu02{display:block; width:110px; height:30px; text-indent:-9999px; padding-top:25px;}
.menu02 a{display:block; width:100%; height:100%; background:url(../images/menu02.jpg) no-repeat top left;}
.menu02 a:hover{background-position:0 -30px;}
.menu03{display:block; width:110px; height:30px; text-indent:-9999px; padding-top:25px;}
.menu03 a{display:block; width:100%; height:100%; background:url(../images/menu03.jpg) no-repeat top left;}
.menu03 a:hover{background-position:0 -30px;}
.menu04{display:block; width:110px; height:30px; text-indent:-9999px; padding-top:25px;}
.menu04 a{display:block; width:100%; height:100%; background:url(../images/menu04.jpg) no-repeat top left;}
.menu04 a:hover{background-position:0 -30px;}
.menu05{display:block; width:110px; height:30px; text-indent:-9999px; padding-top:25px;}
.menu05 a{display:block; width:100%; height:100%; background:url(../images/menu05.jpg) no-repeat top left;}
.menu05 a:hover{background-position:0 -30px;}
.menu06{display:block; width:110px; height:30px; text-indent:-9999px; padding-top:25px;}
.menu06 a{display:block; width:100%; height:100%; background:url(../images/menu06.jpg) no-repeat top left;}
.menu06 a:hover{background-position:0 -30px;}
.menu07{display:block; width:36px; height:10px; text-indent:-9999px; padding-top:36px; padding-left:26px;}
.menu07 a{display:block; width:100%; height:100%; background:url(../images/menu07.jpg) no-repeat top left;}
.menu08{display:block; width:36px; height:10px; text-indent:-9999px; padding-top:36px; padding-left:18px;}
.menu08 a{display:block; width:100%; height:100%; background:url(../images/menu08.jpg) no-repeat top left;}

.visual{width:1024px; height:185px; margin:0 auto; padding:0; background:url(../images/1_visual00.png) no-repeat center; clear:both;}
.img1{width:350px; height:233px; background:url(../images/1_visual01.png) no-repeat top left;}

.contents{width:1024px; height:453px; margin:0 auto; padding:0; background:url(../images/1_con_bg.png) no-repeat;}
.contents .img2{width:466px; height:453px; margin:0; padding:0; background:url(../images/1_visual02.png) no-repeat bottom; float:left;}
.contents ul{margin:0; padding:0;}
.con1{float:left; width:558px; height:39px; margin:48px 0 0 0; padding:0;}
.con1 li{float:left;}
.con1_1{width:95px; height:39px; background:url(../images/1_con1.png) no-repeat; text-indent:-9999px; margin-right:36px;}
.con1_2 a{width:44px; height:12px; text-indent:-9999px; display:block; margin:27px 20px 0 0; background:url(../images/1_con1-1.png) no-repeat;}
.con1_3 a{width:54px; height:12px; text-indent:-9999px; display:block; margin-top:27px; background:url(../images/1_con1-2.png) no-repeat;}
.con2{float:left; width:558px; height:31px; margin-top:55px;}
.con2 li{float:left;}
.con2_1{width:145px; height:31px; background:url(../images/1_con2.png) no-repeat; text-indent:-9999px; margin-right:36px;}
.con2_2 a{width:85px; height:12px; text-indent:-9999px; display:block; margin-top:19px; background:url(../images/1_con2-1.png) no-repeat;}
.con3{float:left; width:176px; height:36px; margin-top:55px;}
.con3_1{width:23px; height:14px; background:url(../images/1_con3.png) no-repeat; text-indent:-9999px; margin-left:4px;}
.con3_2 a{width:52px; height:12px; text-indent:-9999px; display:block; margin-top:10px; margin-left:4px; background:url(../images/1_con3-1.png) no-repeat;}
.con4{float:left; width:172px; height:36px; margin-top:55px;}
.con4_1{width:11px; height:12px; background:url(../images/1_con4.png) no-repeat; text-indent:-9999px;}
.con4_2 a{width:52px; height:12px; text-indent:-9999px; display:block; margin-top:10px; background:url(../images/1_con3-1.png) no-repeat;}
.con5{float:left; width:210px; height:36px; margin-top:55px;}
.con5_1{width:62px; height:14px; background:url(../images/1_con5.png) no-repeat; text-indent:-9999px;}
.con5_2{float:left; margin-right:20px;}
.con5_2 a{width:63px; height:12px; text-indent:-9999px; display:block; margin-top:10px; background:url(../images/1_con5-1.png) no-repeat;}
.con5_3{float:left;}
.con5_3 a{width:62px; height:12px; text-indent:-9999px; display:block; margin-top:10px; background:url(../images/1_con5-2.png) no-repeat;}

.footer{clear:both; width:1024px; height:60px; margin:0 auto; padding:0;}
.footer h1{width:230px; height:30px; float:left; margin:8px 13px 0 0; padding:0;}
.f_menu{margin-top:8px;}
.f_menu ul{float:left; margin:0; padding:0; width:778px; height:11px; margin-bottom:6px;}
.f_menu li{float:left; list-style:none; margin-right:13px; padding:0;}
.f_btn1 a{text-indent:-9999px; background:url(../images/footer01.jpg) no-repeat; display:block; width:71px; height:11px;}
.f_btn2 a{text-indent:-9999px; background:url(../images/footer02.jpg) no-repeat; display:block; width:71px; height:11px;}
.f_btn3 a{text-indent:-9999px; background:url(../images/footer03.jpg) no-repeat; display:block; width:100px; height:11px;}
.f_btn4 a{text-indent:-9999px; background:url(../images/footer04.jpg) no-repeat; display:block; width:57px; height:11px;}
.adress{float:left; font:11px "나눔고딕", "나눔바른고딕", "돋움", "맑은 고딕"; color:#fff; width:778px;}
.copyright{float:left; font:11px "나눔고딕", "나눔바른고딕", "돋움", "맑은 고딕"; color:#fff; width:778px;}