@charset "utf-8";

.clear { display:block;visibility:hidden;clear:both;}
 
#wrap { margin:0;padding:0;background:url(../images/bg.gif) top center no-repeat #f3f3f3;}

#header { width:980px;margin:0 auto;}

#header > .top_box { height:39px;background:#3a3a3a;}
#header > .top_box:after { display:block;visibility:hidden;clear:both;content:""}
#header > .top_box  .top_menu { float:left;margin:13px 0 0 20px;}
#header > .top_box  .top_menu > li { float:left;margin-right:7px;line-height:1;padding-right:8px;background:url(../images/top_line.gif) right center no-repeat;}
#header > .top_box  .top_menu > li.last { background:none;margin-right:0;padding-right:0;}
#header > .top_box  .mamber_box { float:right;margin:7px 20px 0 0;}
#header > .top_box  .mamber_box > li { float:left;margin-left:5px;}
#header > .top_box  .mamber_box > li > label { padding:5px;}
#header > .top_box  .mamber_box > li > input.lg_input { background:#424242;border:1px solid #282828;width:118px;height:21px;color:#fff;background-image:none !important;}

#header > .nav_box { height:65px;background:#fff;position:relative;} 
#header > .nav_box:after { display:block;visibility:hidden;clear:both;content:""}
#header > .nav_box h1.logo { float:left;margin:9px 0 0 21px;}
#header > .nav_box .nav_bg { float:right;width:710px;height:65px;background:url(../images/nav_bg.gif) top left no-repeat;}
#header > .nav_box .nav_bg ul.nav { margin:25px 0 0 70px}
#header > .nav_box .nav_bg ul.nav > li { float:left;}
#header > .nav_box .nav_bg ul.nav > li > a { display:block;padding:0 10px 24px;}
#header > .nav_box .nav_bg ul.nav > li:hover { background:url(../images/nav_hover_arrow.png) bottom center no-repeat;}
#header > .nav_box .nav_bg ul.nav > li > ul.sub_nav { display:none;position:absolute;top:65px;left:0;width:616px;height:87px;z-index:10;padding:21px 0 0 364px;}
#header > .nav_box .nav_bg ul.nav > li > ul#sub1 { background:url(../images/subnav1_bg.png) left top no-repeat;}
#header > .nav_box .nav_bg ul.nav > li > ul#sub2 { background:url(../images/subnav2_bg.png) left top no-repeat;}
#header > .nav_box .nav_bg ul.nav > li > ul#sub3 { background:url(../images/subnav3_bg.png) left top no-repeat;}
#header > .nav_box .nav_bg ul.nav > li > ul#sub4 { background:url(../images/subnav4_bg.png) left top no-repeat;}
#header > .nav_box .nav_bg ul.nav > li > ul#sub5 { background:url(../images/subnav5_bg.png) left top no-repeat;}
#header > .nav_box .nav_bg ul.nav > li > ul#sub6 { background:url(../images/subnav6_bg.png) left top no-repeat;}
#header > .nav_box .nav_bg ul.nav > li > ul#sub7 { background:url(../images/subnav7_bg.png) left top no-repeat;}
#header > .nav_box .nav_bg ul.nav > li > ul.sub_nav > li { float:left;margin:0 40px 40px 0;}
#header > .nav_box .nav_bg ul.nav > li > ul.sub_nav > li.last { margin-right:0;}
#header > .nav_box .nav_bg ul.nav > li > ul.sub_nav > li > a { color:#3f403e;}
#header > .nav_box .nav_bg ul.nav > li > ul.sub_nav > li > a:hover { text-decoration:underline;}

.container { width:980px;margin:0 auto;padding:15px 0;}
.container .visual_box { float:left;width:480px;height:478px;background:url(../images/visual_bg.png) left top no-repeat;}
.container .contents01 { float:left;margin-left:20px;}
.container .contents01 .con01 { float:left;width:194px;height:201px;background:url(../images/con_box01.png) no-repeat;margin:0 20px 20px 0;padding:29px 19px 0 17px;position:relative;}
.container .contents01 .con01 h2 { font-size:0;margin-bottom:32px;}
.container .contents01 .con01 a.more { position:absolute;top:36px;right:18px;}
.container .contents01 .con01 ul li { margin-bottom:10px;}
.container .contents01 .con02 { width:230px;height:230px;float:left;position:relative;background:url(../images/con_box01.png) no-repeat;}
.container .contents01 .con02:after { display:block;visibility:hidden;clear:both;content:""}
.container .contents01 .con02 .off_img { position:absolute;left:0;top:0;}
.container .contents01 .con02 .on_img { position:absolute;left:0;top:0;display:none;}
.container .contents01 .con03 { clear:both;width:445px;height:169px;background:url(../images/con_box03.png) no-repeat;padding:23px 19px 36px 16px;position:relative;}
.container .contents01 .con03 ul.board_tab_menu { margin-bottom:12px;}
.container .contents01 .con03 ul.board_tab_menu:after { display:block;visibility:hidden;clear:both;content:""}
.container .contents01 .con03 ul.board_tab_menu li { float:left;margin-right:16px;}
.container .contents01 .con03 ul.board_tab_menu li:after { content:"";display:inline-block;width:1px;height:13px;background:url(../images/tab_line.gif) center no-repeat;margin-left:14px;}
.container .contents01 .con03 ul.board_tab_menu li.last:after { display:none;margin:0;background:none;width:0;height:0;}
.container .contents01 .con03 a.more { position:absolute;top:36px;right:18px;}

.container .contents02 { margin-top:17px;}
.container .contents02:after { display:block;visibility:hidden;clear:both;content:""}
.container .contents02 > div { float:left;}
.container .contents02 .con04 { width:214px;height:200px;background:url(../images/con_box04.png) left top no-repeat;margin-right:20px;padding:30px 0 0 16px}
.container .contents02 .con04 h2 { margin-bottom:16px;}
.container .contents02 .con04 ul { width:150px;}
.container .contents02 .con04 ul:after { display:block;visibility:hidden;clear:both;content:""}
.container .contents02 .con04 ul li { height:21px;padding-right:8px;float:left;}
.container .contents02 .con04 ul li:hover { background:url(../images/round_bg2.gif) right no-repeat #4e525e;}
.container .contents02 .con04 ul li a { display:block;padding-left:8px;height:21px;line-height:21px;color:#7a7a7a;}
.container .contents02 .con04 ul li a:hover { background:url(../images/round_bg1.gif) left no-repeat #4e525e;color:#e5e5e5}
.container .contents02 .con04 ul li.line { height:1px;margin:4px 0;}
.container .contents02 .con04 ul li.line img { vertical-align:top;}
.container .contents02 .con04 ul li.line:hover { background:none;}
.container .contents02 .con05 { width:230px;height:230px;margin-right:20px;}
.container .contents02 .con06 { width:461px;height:178px;background:url(../images/con_box06.png) left top no-repeat;padding:19px 11px 33px 8px;position:relative;}
.container .contents02 .con06 h2 { margin-bottom:16px;}
.container .contents02 .con06 .gallery_box { height:140px;}
.container .contents02 .con06 .gallery_box #gallery_slide .gallery_list { float:left;width:210px;height:140px;margin:0 10px;}
.container .contents02 .con06 .gallery_box #gallery_slide .gallery_list .img_box { width:210px;height:120px;margin-bottom:5px;}
.container .contents02 .con06 .gallery_box #gallery_slide .gallery_list .txt_box a { font-size:13px;font-weight:bold;color:#323232;}
.container .contents02 .con06 .gallery_box .DG-pager { position:absolute;top:-29px;right:18px;}
.container .contents02 .con06 .gallery_box .DG-pager a { display:inline-block;width:11px;height:11px;font-size:0;text-indent:-9999px;background:url(../images/gallery_btn.gif) no-repeat;background-position:0 0;margin-left:3px;}
.container .contents02 .con06 .gallery_box .DG-pager .pager-active, .container .contents02 .con06 .gallery_box .DG-pager a:hover { background-position:-14px 0;}

.container .contents03 { margin-top:20px;}
.container .contents03:after { display:block;visibility:hidden;clear:both;content:""}
.container .contents03 > div { float:left;}
.container .contents03 .con07 { width:212px;height:201px;background:url(../images/con_box07.png) left top no-repeat;margin-right:20px;padding:29px 0 0 18px}
.container .contents03 .con07 h2 { margin-bottom:16px;}
.container .contents03 .con07 ul { width:180px;}
.container .contents03 .con07 ul:after { display:block;visibility:hidden;clear:both;content:""}
.container .contents03 .con07 ul li { height:21px;padding-right:8px;float:left;}
.container .contents03 .con07 ul li:hover { background:url(../images/round_bg2.gif) right no-repeat #4e525e;}
.container .contents03 .con07 ul li a { display:block;padding-left:8px;height:21px;line-height:21px;color:#7a7a7a;}
.container .contents03 .con07 ul li a:hover { background:url(../images/round_bg1.gif) left no-repeat #4e525e;color:#e5e5e5}
.container .contents03 .con07 ul li.line { height:1px;padding:4px 0;clear:both;float:none;}
.container .contents03 .con07 ul li.line img { vertical-align:top;}
.container .contents03 .con07 ul li.line:hover { background:none;}
.container .contents03 .con08 { width:230px;height:230px;margin-right:20px;position:relative;}
.container .contents03 .con08 .off_img { position:absolute;left:0;top:0;}
.container .contents03 .con08 .on_img { position:absolute;left:0;top:0;display:none;}
.container .contents03 .con09 { width:230px;height:230px;margin-right:20px;position:relative;}
.container .contents03 .con09 .off_img { position:absolute;left:0;top:0;}
.container .contents03 .con09 .on_img { position:absolute;left:0;top:0;display:none;}
.container .contents03 .con10 { width:230px;height:230px;position:relative;}
.container .contents03 .con10 .off_img { position:absolute;left:0;top:0;}
.container .contents03 .con10 .on_img { position:absolute;left:0;top:0;display:none;}


#footer { width:100%;background:#fff;padding:35px 0 42px;}
#footer > .foot_box { width:980px;margin:0 auto;line-height:1;}
#footer > .foot_box .foot_menu { margin-bottom:20px;}
#footer > .foot_box .foot_menu:after { display:block;visibility:hidden;clear:both;content:""}
#footer > .foot_box .foot_menu li { float:left;margin-right:10px;}
#footer > .foot_box .foot_menu li a { color:#646663;}
#footer > .foot_box .foot_menu li a.redtxt { color:#d73f31;}
#footer > .foot_box .foot_menu li:after { content:"l";display:inline-block;margin-left:10px;color:#bbbbbb;}
#footer > .foot_box .foot_menu li.last:after { content:"";display:none;margin:0;}
#footer > .foot_box #address { font-style:normal;color:#737572;line-height:16px;}
#footer > .foot_box #address .copy { color:#91948f;}