@import url("common.css");
@import url("layout.css");
@import url("contents.css");

.main_bg{width:100%;background:url('../images/layout/body_pattern.gif') repeat;z-index:-10000}

/* main_visual */
#main_visaul{position:relative;width:1020px;height:400px;background-color:#f2f4f7;margin:0 0 20px 0;}
#main_visaul img{width:100%; height:400px;}

/* section1 */
#section1{position:relative;}
#section1 .block1_1{float:left;width:400px;height:210px;background-color:#00a0a8}
#section1 .block1_2{float:left;width:400px;height:210px;background-color:#3c4652}
#section1 .block1_3{float:left;width:220px;height:210px;background-color:#ff989d}

#section1 h2.main_title{font-size:16px;color:#fff;position:relative;padding:20px 20px 10px 20px}
#section1 h2.main_title a.more{position:absolute;right:20px;color:#8fcbcd;font-weight:normal;font-size:12px;vertical-align:middle}

#section1 .block1_1 .title a{color:#fff;font-size:16px;color:#fff;position:relative;padding:20px 20px 10px 20px}

#section1 .block1_1 .gallery{padding:0 20px;}
#section1 .block1_1 .gallery .img{width:180px;height:135px;background-color:#fff;float:left;margin-right:10px;}
#section1 .block1_1 .gallery .title{float:left;width:170px;font-size:15px;font-weight:normal;}
#section1 .block1_1 .gallery .title a{color:#fff;font-size:16px;color:#fff;position:relative;padding:20px 20px 10px 20px}
#section1 .block1_1 .gallery .txt{position:relative;float:left;width:170px;height:85px;font-size:13px;line-height:18px;margin-top:5px;}
#section1 .block1_1 .gallery .txt a{color:#c4d0d1}
#section1 .block1_1 .gallery .date{position:absolute;right:0;bottom:0;font-size:12px;color:#b9c4c5}

#section1 .block1_2 .tab_menu{position:relative;padding:15px 0 10px 0;font-size:16px;font-weight:600;color:#fff;border-bottom:1px solid #5c6673;height:33px;margin:0 20px}
#section1 .block1_2 .tab_menu li{float:left;position:relative;border:1px solid #5c6673;padding:10px;margin-left:-1px;cursor:pointer}
#section1 .block1_2 .tab_menu li.active{background-color:#303c4a}
#section1 .block1_2 .tab_menu li.more{position:absolute;top:20px;right:0;padding-right:0;font-size:12px;font-weight:normal;border:none;}
#section1 .block1_2 .tab_menu a{color:#fff}
#section1 .block1_2 .tab_menu li.more a{color:#fff}
#section1 .block1_2 .tab_menu li.title{font-size:16px;color:#fff;position:relative;padding:20px 20px 10px 20px}

#section1 .block1_2 .board_list {padding:10px 20px 0 20px;font-size:13px}
#section1 .block1_2 .board_list li{position:relative;padding:4px 0}
#section1 .block1_2 .board_list li a{color:#dedede}
#section1 .block1_2 .board_list li .date{position:absolute;right:0;font-size:12px;color:#a7a9ab}

#section1 .block1_3{position:relative;background:url('../images/main/block1_3.gif') no-repeat;}
/*#section1 .block1_3 .block1_3_img{position:absolute;right:0;bottom:0;z-index:1}*/
#section1 .block1_3 h2.main_title{font-size:16px;color:#fff;position:relative;padding:20px 20px 10px 20px}
#section1 .block1_3 h2.main_title .title_txt{font-size:11px;letter-spacing:-0.8px;color:#fff;position:relative;font-weight:normal;opacity:0.8}
#section1 .block1_3 ul.service{padding:5px 20px;height:80px;}
#section1 .block1_3 ul.service li{padding:0 10px 13px 0;font-size:14px;color:#fff;display:inline-block;*display:inline;zoom:1}
#section1 .block1_3 ul.service li a{color:#fff}
#section1 .block1_3 ul.service li img{padding-right:5px;}

/* section2 */
#section2{position:relative;width:100%}
#section2 .block2_1{width:1020px;height:65px;background-color:#fff;}
#section2 .block2_1 .quick{float:left;border-right:1px solid #ddd;padding:20px;height:25px;}
#section2 .block2_1 .quick li{display:inline-block;*display:inline;zoom:1;padding-right:13px;font-size:13px;}
#section2 .block2_1 .quick li.title{font-weight:600;font-size:16px;padding-right:20px;}
#section2 .block2_1 .quick li a{color:#777}
#section2 .block2_1 .info{float:left;padding:20px;height:30px;}
#section2 .block2_1 .info li.title{font-weight:600;font-size:16px;padding-right:20px;}
#section2 .block2_1 .info li{display:inline-block;*display:inline;zoom:1;padding-right:20px;font-size:14px;}
#section2 .block2_1 .info li a{color:#777}