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

body{background:url(../images/0_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;}
.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/0_menu01.jpg) no-repeat top left;}
.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/0_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/0_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/0_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/0_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/0_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/0_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/0_menu08.jpg) no-repeat top left;}

.visual{width:1024px; height:309px; margin:0 auto; padding:0;}
.v_txt01{width:230px; height:309px; float:left;}
.v_txt01 li{list-style:circle; font:12px "나눔고딕", "나눔바른고딕", "돋움", "맑은 고딕"; color:#000;line-height:150%;}
.v_txt02{display:block; width:188px; height:65px; text-indent:-9999px; margin:22px 25px 34px 17px; background:url(../images/0_visual_txt_01.png) no-repeat;}
.v_img01{float:right;}

.contents{width:1024px; height:313px; margin:0 auto; padding:0; margin-top:16px; clear:both;}
.con0{width:230px; height:313px; background:url(../images/0_con2-04-bg.png) no-repeat bottom left; float:left; margin:0; padding:0;}
.con1{width:214px; height:114px; padding:0 0 52px 16px; font:12px "나눔고딕", "나눔바른고딕", "돋움", "맑은 고딕"; color:#000;}
.con1_title{width:108px; height:16px; margin-bottom:14px; text-indent:-9999px; background:url(../images/0_con1-01.jpg) no-repeat;}
.con1 ul{width:77px; height:68px; margin:0; padding:0;}
.con1 ul li{height:16px; margin-bottom:10px; list-style:none; text-indent:-9999px;}
.twitter a{display:block; width:61px; height:16px; background:url(../images/0_con1-02.jpg) no-repeat;}
.facebook a{display:block; width:77px; height:16px; background:url(../images/0_con1-03.jpg) no-repeat;}
.blog a{display:block; width:63px; height:16px; background:url(../images/0_con1-04.jpg) no-repeat;}

.con2{width:230px; height:163px;}
.con2_title{background:url(../images/0_con2-01.jpg) no-repeat; text-indent:-9999px; width:84px; height:18px; margin:0 130px 14px 16px;}
.con2_menu1 a{display:block; width:47px; height:13px; background:url(../images/0_con2-02.jpg) no-repeat; text-indent:-9999px; margin:0 167px 10px 16px;}
.con2_menu2 a{display:block; width:47px; height:13px; background:url(../images/0_con2-03.jpg) no-repeat; text-indent:-9999px; margin:0 167px 0 16px;}

.con3{width:310px; height:313px; float:left; margin-left:13px;}
.con3_title{width:56px; height:16px; background:url(../images/0_con3-01.jpg) no-repeat; text-indent:-9999px;}
.veido{display:block; width:310px; height:202px; text-indent:-9999px; margin-top:14px;}
.veido a{display:block; width:100%; height:100%; background:url(../images/0_con3-02-1.jpg) no-repeat top left;}
.veido a:hover{background-position:0 -202px;}
.con3_txt01{margin-top:15px; font:14px "나눔고딕", "나눔바른고딕", "돋움", "맑은 고딕"; font-weight:bold; color:#0c4da2; line-height:120%;}

.con4{width:405px; height:168px; float:left; margin-left:50px;}
.con4_title{width:64px; height:16px; background:url(../images/0_con4-01.jpg) no-repeat; text-indent:-9999px;}
.con4 h2{width: 405px; height:16px; margin-top:14px; margin-bottom:10px; font:18px "나눔고딕", "나눔바른고딕", "돋움", "맑은 고딕"; color:#0c4da2;}
.con4 h2 a{color:#0c4da2;}
.con4 h2 a:hover{text-decoration:underline;}
.con4_img{width:144px; height:94px; background:url(../images/0_con4-03-1.jpg) no-repeat; text-indent:-9999px; float:left; margin-right:8px;}
.con4 ul{width:500px;; height:94px; margin:0; padding:0;}
.con4 li a{font:12px "나눔고딕", "나눔바른고딕", "돋움", "맑은 고딕"; color:#333; width:250px;}
.con4_txt02{width:500px; height:32px; margin-bottom:9px; line-height:120%;}
.con4_txt03{width:500px; height:9px; margin-bottom:10px;}
.con4_txt04{width:500px; height:9px; margin-bottom:10px;}
.con4_txt05{width:500px; height:9px; margin-bottom:10px;}

.con5{float:left; margin-left:50px; width:204px; height:116px;}
.con5_title{text-indent:-9999px; background:url(../images/0_con5-01.jpg) no-repeat; width:58px; height:16px;}
.con5 .dl1{float:left; margin:6px 30px 24px 2px; width:70px; height:94px; display:block;}
.con5 .dl2{float:left; margin:6px 0 24px 0; width:96px; height:94px; display:block;}
.con5 .dl1 dt{width:70px; height:70px; margin-bottom:14px; margin-left:2px;}
.con5 .dl2 dt{width:70px; height:70px; margin-bottom:14px; margin-left:13px;}
.con5 .dl1 dd{width:68px; height:10px; margin:0 auto; padding:0;}
.con5 .dl1 dd a{display:block; background:url(../images/0_con5-02-txt.jpg) no-repeat; text-indent:-9999px;}
.con5 .dl2 dd{width:96px; height:10px; margin:0 auto; padding:0;}
.con5 .dl2 dd a{display:block; background:url(../images/0_con5-03-txt.jpg) no-repeat; text-indent:-9999px;}


.con6{float:left; margin-left:19px; width:183px; height:119px;}
.con6_title{text-indent:-9999px; background:url(../images/0_con6-01.jpg) no-repeat; width:77px; height:16px;}
.con6 .dl3{float:left; margin:6px 30px 24px 0; width:70px; height:96px; display:block;}
.con6 .dl4{float:left; margin:6px 0 24px 0; width:70px; height:97px; display:block;}
.con6 .dl3 dt{width:70px; height:70px; margin-bottom:10px;}
.con6 .dl4 dt{width:70px; height:70px; margin-bottom:10px;}
.con6 .dl3 dd{width:70px; height:18px; margin:0 auto; padding:0;}
.con6 .dl3 dd a{display:block; background:url(../images/0_con6-02-txt.jpg) no-repeat; text-indent:-9999px;}
.con6 .dl4 dd{width:70px; height:18px; margin:0 auto; padding:0;}
.con6 .dl4 dd a{display:block; background:url(images/0_con6-03-txt.jpg) no-repeat; text-indent:-9999px;}

.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;}