@charset "utf-8";

@import url(common.css);

body {background-color:#f2f2f2;}
.box_main_content_1 > div .btn_link a,
.box_main_content_2 .ul_nav_1 li a span,
.area_visual .ul_arrow a,
.area_visual .ul_play li a,
.ul_pos li a,
.ul_pos li span,
.box_main_content_4 .box_sns h3 span {display:block; overflow:hidden; height:0; font-size:0; line-height:100px; text-indent:-10000px;}
.box_main_content_1 > div .btn_link a,
.box_main_content_2 .ul_nav_1 li a span,
.area_visual .ul_arrow a,
.area_visual .ul_play li a,
.ul_pos li a,
.ul_pos li span,
.box_main_content_4 .box_sns h3 span {background-image:url(../images/sp_main.png); background-repeat:no-repeat;}

/* visual */
.area_visual {overflow:hidden; position:fixed; top:85px; left:0; width:100%; height:400px; border-bottom:1px solid #c7cbd0; -webkit-box-shadow:0 -1px rgba(0,0,0,.2) inset; -moz-box-shadow:0 -1px rgba(0,0,0,.2) inset; -ms-box-shadow:0 -1px rgba(0,0,0,.2) inset; box-shadow:0 -1px rgba(0,0,0,.2) inset;}
.area_visual .ul_visual li {display:none; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:0; padding-top:400px; background-repeat:no-repeat; background-position:center top;}
.area_visual .ul_visual li.li1 {display:block;}
.area_visual .ul_visual li.li1 {background-image:url(../images/img_visual_1.jpg);}
.area_visual .ul_visual li.li2 {background-image:url(../images/img_visual_22.gif);}
.area_visual .ul_visual li.li3 {background-image:url(../images/img_visual_3.jpg);}
.area_visual .ul_visual li.li4 {background-image:url(../images/img_visual_4.jpg);}
.area_visual .ul_visual li.li5 {background-image:url(../images/img_visual_5.jpg);}
.area_visual .ul_visual li p {display:none; position:absolute; left:50%; opacity:0; color:#333;}
.area_visual .ul_visual li .txt_1 {font-size:54px; line-height:46px; font-family:'PFSquareSansProMedium';}
.area_visual .ul_visual li .txt_1 .span_block {font-family:'PFSquareSansProMedium';}
.area_visual .ul_visual li .txt_2 {font-size:20px; line-height:32px;}
.area_visual .ul_visual li.li1 .txt_1 {top:23.5%; margin-left:9px; width:392px; height:60px;  font-size:0; text-indent:-10000px;}
.area_visual .ul_visual li.li1 .txt_2 {top:51%; margin-left:9px; width:350px; height:60px;}
.area_visual .ul_visual li.li2 .txt_1 {top:17.5%; margin-left:9px; width:320px; height:90px; font-size:34px;font-family:microsoft yahei}
.area_visual .ul_visual li.li2 .txt_2 {top:42.5%; margin-left:9px; width:335px; height:65px;}
.area_visual .ul_visual li.li2 .img_1 {top:96%; margin-left:-281px; width:126px; height:208px; }
/* 2014-05-31 추가 */
.area_visual .ul_visual li.li3 .txt_1 {top:6%; margin-left:90px; width:320px; height:90px; font-size:54px;}
.area_visual .ul_visual li.li3 .txt_1 span {margin-left:77px;}
.area_visual .ul_visual li.li3 .txt_2 {top:33%; margin-left:90px; width:335px; height:65px; font-size:18px; line-height:28px;}
.area_visual .ul_visual li.li3 .img_1 {top:-26%; margin-left:-712px; width:642px; height:345px; background:url(../images/img_visual_3_1.png) no-repeat;}
.area_visual .ul_visual li.li3 .img_2 {top:-5%; margin-left:-221px; width:175px; height:236px; background:url(../images/img_visual_3_2.png) no-repeat;}
.area_visual .ul_visual li.li4 .txt_1 {top:13.5%; margin-left:-8px; width:467px; height:103px; font-size:54px;}
.area_visual .ul_visual li.li4 .txt_2 {top:40%; margin-left:-8px; width:470px; height:65px; font-size:18px; line-height:28px;}
.area_visual .ul_visual li.li4 .img_5 {top:0%; margin-left:-209px; width:170px; height:100%; background:url(../images/img_visual_4_1.png) no-repeat;}
.area_visual .ul_visual li.li4 .img_6 {top:49.5%; margin-left:-446px; width:0; height:47px; background:url(../images/img_visual_4_2.png) no-repeat;}
/* 2014-05-31 추가 */

.area_visual .ul_visual li.li5 .txt_1 {top:2.5%; margin-left:-267px; width:560px; height:55px; text-align:center;}
.area_visual .ul_visual li.li5 .txt_2 {top:17.5%; margin-left:-277px; width:580px; height:30px; font-size:18px; text-align:center;}
.area_visual .ul_visual li.li5 .img_4 {top:55.55%; margin-left:45px; width:139px; height:107px; background:url(../images/img_visual_5_1.png) no-repeat; opacity:1;}
.area_visual .ul_visual li.li5 .img_3 {top:57.25%; margin-left:49px; width:0; max-width:108px; height:65px; background-color:#abdb12;}
.area_visual .ul_arrow a {position:absolute; top:50%; left:50%; width:27px; margin-top:-27px; padding-top:54px;}
.area_visual .ul_arrow .li_prev a {margin-left:-512px; background-position:0 -40px;}
.area_visual .ul_arrow .li_next a {margin-left:485px; background-position:-50px -40px;}
.area_visual .ul_play,
.area_visual .ul_pos {position:absolute; bottom:10.75%; left:50%;}
.box_main_content_1 .ul_pos {position:absolute; bottom:10.75%; left:50%;}
.area_visual .ul_play li {position:absolute; bottom:0; left:0;}
.area_visual .ul_play li a {display:none; width:16px; padding-top:17px;}
.area_visual .ul_play li.on a {display:block;}
.area_visual .ul_play li.li_start a {background-position:-60px -120px;}
.area_visual .ul_play li.li_stop a {background-position:-40px -120px;}
.ul_pos li {float:left; width:16px; margin:0 1px;}
.ul_pos li a,
.ul_pos li span {display:block; padding-top:17px; background-position:0 -120px;}
.ul_pos li.on a,
.ul_pos li.on span {background-position:-20px -120px;}
.links{ width:240px; line-height:30px; text-align:center;}
/* content */
#container {position:relative; padding-top:505px;}
#container .box_bg {position:absolute; bottom:0; left:0; width:100%; height:22px; background-color:#6c6c6c;}
.area_main_content {position:relative; z-index:1; background-color:#f2f2f2;}
.area_main_content_1 {position:relative; top:-20px; width:960px; margin:0 auto;}
.box_main_content_1_1 {float:left; position:relative; width:33.33333%;}
.box_main_content_1 .box_main_content_1_1:first-child > div {margin-left:0;}
.box_main_content_1_1 > div {height:224px; margin-left:1px; padding:26px 26px 0 26px;} 
.box_main_content_1_1 > div h2 {position:relative; z-index:1; height:58px; padding-bottom:4px; font-size:20px; line-height:28px; font-family:'microsoft yahei'; color:#fff;}
.box_main_content_1_1 > div .txt {position:relative; z-index:1;  padding-bottom:10px; font-size:13px; line-height:25px; color:#fff;}
.box_main_content_1_1 .box_it {overflow:hidden; position:relative; background-color:#38c5e1;border-radius: 3px;}
.box_main_content_1_1 .box_car {background-color:#007aff;}
.box_main_content_1_1 .box_ess {background-color:#3dadff;}
.box_main_content_1_1 > div .btn_link {width:33px;}
.box_main_content_1_1 > div .btn_link a {width:33px; padding-top:33px;}
.box_main_content_1_1 > div .sp_img {position:absolute; right:20px; bottom:0;}
.box_main_content_1_1 .box_it .sp_img {bottom:-5px; width:141px; padding-top:171px; background:url(../images/img_it.png) no-repeat;}
.box_main_content_1_1 .box_car .sp_img {right:0; width:220px; padding-top:185px; background:url(../images/img_car.png) no-repeat;}
.box_main_content_1_1 .box_ess .sp_img {width:149px; padding-top:171px; background:url(../images/img_ess.png) no-repeat;}
.box_main_content_2 {margin:1px 0; background-color:#fff;}
.box_main_content_2_1{float:left; overflow:hidden; position:relative; width:50%;}
.box_main_content_2_1 > div {height:200px; padding:20px 15px 20px 15px;}
.box_main_content_2_1 > div.box_contribute {border-left:1px solid #f2f2f2;}
.box_main_content_2_1 > div h2 {margin-bottom:20px; font-size:20px; line-height:39px; color:#333; background:url(../images/h1.jpg) no-repeat top left;}
.box_main_content_2_1 > div.box_news_1 h2 {font-size:20px;}
.box_main_content_2_1 .ul_news li,
.box_main_content_1 .ul_pos {display:none;}
.box_main_content_2_1 .ul_news li.on {display:block;}
.box_main_content_2_1 .ul_news li .dl_news_1 {position:relative; padding-left:215px;}
.box_main_content_2_1 .ul_news li dt {overflow:hidden; text-overflow:ellipsis; margin-bottom:6px; font-weight:bold; font-size:16px; font-family:'NanumBold'; color:#073375; white-space:nowrap;}
.box_main_content_2_1 .ul_news li dd {overflow:hidden; height:157px; margin-bottom:14px; font-size:13px; line-height:20px; color:#000;}
.box_main_content_2_1 .ul_news li dd.txt {max-height:162px;}
.box_main_content_2_1 .ul_news li dd.img {position:absolute; top:0; left:0; width:192px; height:125px;}
.box_main_content_2_1 .ul_news li dd.img img {max-width:100%;}
.box_main_content_2_1 .ul_nav_1 {position:absolute; top:24px; right:26px; width:87px; height:25px;}
.box_main_content_2_1 .ul_nav_1 li a {display:block; position:absolute; top:0; right:0; width:5px; height:7px; padding:8px 9px; border:1px solid #b9b9b9; background-color:#fff;}
.box_main_content_2_1 .ul_nav_1 li:first-child a {left:0; right:auto;}
.box_main_content_2_1 .ul_nav_1 li a span {width:5px; padding-top:7px; background-position:-40px 0;}
.box_main_content_2_1 .ul_nav_1 li:first-child a span {background-position:-40px -10px;}
.box_main_content_2_1 .p_page_1 {position:absolute; top:24px; right:51px; width:37px; height:23px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#fff; font-family:arial; font-size:12px; line-height:23px; color:#333; text-align:center;}
.box_main_content_3 {background-color:#cbd7e5;}
.box_main_content_3_1 {float:left; overflow:hidden; width:50%;}
.box_main_content_3_1 > div {position:relative; height:220px;} 
.box_main_content_3_1 > div.box_cyber {border-left:1px solid #fff; background-color:#b6d5e3;}
.box_main_content_3_1 h2 {position:relative; z-index:1; margin-bottom:6px; font-size:24px; color:#333;}
.box_main_content_3_1 p {position:relative; z-index:1; font-size:13px; line-height:20px; color:#333;}
.box_main_content_3_1 .box_cyber .txt_1 {color:#444;}
.box_main_content_3_1 .box_cyber .txt_2 {position:absolute; left:25px; bottom:20px; color:#333;}
.box_main_content_3_1 > div .sp_img {position:absolute; right:0; bottom:0;}
.box_main_content_3_1 a {display:block; position:absolute; top:0; left:0; width:196px; height:180px; padding:20px 259px 20px 25px;}
.box_main_content_3_1 .box_invest .sp_img {  padding-top: 120px;
    right: -80px;
    width: 290px; background:url(../images/img_invest.gif) no-repeat;}
.box_main_content_3_1 .box_cyber .sp_img {right:-40px; width:260px; padding-top:208px; background:url(../images/img_csr.png) no-repeat;}
.box_main_content_4_1 {float:left;}
.box_main_content_4_1 {width:25%;}
.box_main_content_4_1 h3 {margin-bottom:5px; font-size:24px; line-height:20px; color:#333;}
.box_main_content_2_1 > div.box_news_1 h2 .txt_eng,
.box_main_content_4_1 .box_global h3 {font-family:'microsoft yahei';}
.box_main_content_4_1 p {position:relative; z-index:1; font-size:13px; color:#333; letter-spacing:-0.07em;}
.box_main_content_4_1 > div {position:relative; height:270px; margin-left:1px; margin-top:1px; background-color:#fff;}
.box_main_content_4_1 .sp_img {display:block; width:137px; margin:16px auto 17px; padding-top:84px; background-repeat:no-repeat; background-position:center center;}
.box_main_content_4_1 .box_continue {margin-left:0;}
.box_main_content_4_1 > div a {display:block; height:190px; padding:25px;}
.box_continue .sp_img {width:135px; padding-top:92px; margin:15px auto 8px; background:url(../images/img_continue.png) no-repeat 50% 50%;}
.box_morals .sp_img {background-image:url(../images/img_manage.png);}
.box_recruit .sp_img {background-image:url(../images/img_recruit.png);}
.box_global .sp_img {background-image:url(../images/img_global.png);}
.bg_footer_1 {bottom:192px;}

/* 상단 배너 */
/* 2014-07-21 수정 */
.area_top_banner {position:absolute; top:110px; left:50%; margin-left:-480px; z-index:1;}
/* //2014-07-21 수정 */
.area_top_banner img {width:100%;}
.area_top_banner p .btn_close a {display:block; overflow:hidden; position:absolute; top:0; right:0; width:40px; height:0; padding-top:40px; text-indent:-10000px; background:url('../images/-1blank');}

@media (max-width: 800px) {
	.area_main_content,
	.area_main_content_1 {width:100%;}
	.area_top_banner {width:100%; top:0;}
	.box_main_content_1_1 > div,
	.box_main_content_2_1 > div,
	.box_main_content_3_1 > div,
	.box_main_content_4_1 > div,
	.box_main_content_3_1 a,
	.box_main_content_4_1 a {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.area_main_content_1 {top:-2px;}
	.box_main_content_3_1 a {padding:20px;}
	.area_visual .ul_arrow a,
	.box_main_content_3_1 .sp_img {-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
	.area_visual {position:relative; top:0; height:0; padding-top:36%;}
	.area_visual .ul_visual li {padding-top:36%; background-size:cover;}
	.area_visual .ul_arrow .li_prev a {left:10px; margin-left:auto;}
	.area_visual .ul_arrow .li_next a {right:10px; margin-left:auto;}
	.area_visual .ul_visual li.li2 {background-image:url(../images/img_visual_7.jpg);}
	.area_visual .ul_visual li.li3 {background-image:url(../images/img_visual_8.jpg);}
	.area_visual .ul_visual li.li4 {background-image:url(../images/img_visual_9.jpg);}
	.area_visual .ul_visual li.li5 {background-image:url(../images/img_visual_10.jpg);}
	#container {padding-top:101px;}
	.box_main_content_1 > div {width:33.33333%;}
	.box_main_content_1 .box_it .sp_img,
	.box_main_content_1 .box_car .sp_img,
	.box_main_content_1 .box_ess .sp_img,
	.box_main_content_3_1 .box_invest .sp_img,
	.box_main_content_3_1 .box_cyber .sp_img {background-size:contain; background-position:right bottom;}
	.box_main_content_1_1 > div {padding:15px 15px 0;}
	.box_main_content_1_1 > div h2 {font-size:180%;}
	.box_main_content_2_1 .p_page_1 {top:14px; right:39px;}
	.box_main_content_2_1 .ul_nav_1 {top:14px; right:14px;}
	.box_main_content_2_1 .ul_news li .dl_news_1 {padding-left:40%;}
	.box_main_content_2_1 .ul_news li dd {display:-webkit-box; display:-moz-box; display:-ms-box; display:box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -moz-line-clamp:3; -ms-line-clamp:3; line-clamp:3; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; width:100%; word-break:break-word; overflow:hidden; margin-bottom:14px; font-size:13px; line-height:20px; color:#333;}
	.box_main_content_2_1 .ul_news li dd.img {width:37%;}
	.box_main_content_3_1 a {width:100%; height:100%;}
	.box_main_content_1 .box_it .sp_img,
	.box_main_content_1 .box_ess .sp_img {width:40%; padding-top:43%;}
	.box_main_content_3_1 .box_invest .sp_img {width:60%; padding-top:70%;}
	.box_main_content_3_1 .box_cyber .sp_img {width:60%; padding-top:60%;}
	.box_main_content_1 .box_car .sp_img {width:60%;}
	.box_main_content_2_1 > div {height:230px;}
	.box_main_content_2 .ul_news li dt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.box_main_content_3_1 > div {height:230px;}
	.box_main_content_2 > div h2 {margin-bottom:25px;}
	.box_main_content_4_1 {width:50%;}
	.box_main_content_4_1 .box_link_1 li a {height:101px;}
	.box_main_content_4_1 > div > a {height:100%; padding:15px;}
	.box_main_content_4_1 > div > a > .sp_img {width:70%; padding-top:40%; background-size:contain;}
	.area_visual .ul_visual li .txt_1 {font-size:220%; line-height:100%;}
	.area_visual .ul_visual li .txt_2 {font-size:120%; line-height:140%;}
	.area_visual .ul_visual li.li1 .txt_1 {top:23.5%; width:40.8%; height:15%; background-size:contain;}
	.area_visual .ul_visual li.li1 .txt_2 {top:41%; width:36.45%; height:18%;}
	.area_visual .ul_visual li.li2 .txt_1 {top:17.5%; width:33.3334%; height:24%; font-size:210%; line-height:100%;}
	.area_visual .ul_visual li.li2 .txt_2 {top:170px; width:34.89%; height:18%;}
	.area_visual .ul_visual li.li2 .img_1 {top:80%; margin-left:-28.27%; width:13.125%; height:52%; background-size:contain;}
	.area_visual .ul_visual li.li3 .txt_1 {top:17.5%; width:40%; height:24%; margin-left:6%; font-size:210%; line-height:100%;}
	.area_visual .ul_visual li.li3 .txt_1 span {margin-left:8.02%;}
	.area_visual .ul_visual li.li3 .txt_2 {top:170px; width:40%; height:18%; margin-left:6%; font-size:110%; line-height:140%;}
	.area_visual .ul_visual li.li3 .img_1 {margin-left:-64.16%; width:66.875%; height:86.25%; background-size:contain;}
	.area_visual .ul_visual li.li3 .img_2 {margin-left:-16.02%; width:18.229%; height:59%; background-size:contain;}
	.area_visual .ul_visual li.li4 .txt_1 {top:17.5%; width:43%; height:24%; font-size:210%; line-height:100%;}
	.area_visual .ul_visual li.li4 .txt_2 {top:170px; width:47%; height:18%; font-size:110%; line-height:140%;}
	.area_visual .ul_visual li.li4 .img_5 {margin-left:-21.875%; width:17.70%; background-size:cover;}
	.area_visual .ul_visual li.li4 .img_6 {top:57.5%; margin-left:-46.48%; height:11.75%; background-size:contain;}
	.area_visual .ul_visual li.li5 .txt_1 {top:2.5%; margin-left:-27.81%; width:58.33%; height:13.75%;}
	.area_visual .ul_visual li.li5 .txt_2 {top:17.5%; margin-left:-28.85%; width:60.41%; height:7.5%; font-size:90%;}
	.area_visual .ul_visual li.li5 .img_4 {top:55.5%; margin-left:4.687%; width:14.48%; height:26.75%; background-size:contain;}
	.area_visual .ul_visual li.li5 .img_3 {top:57.25%; margin-left:5.1%; max-width:9.25%; height:16.25%;}
	.box_main_content_1_1 > div .btn_link,
	.box_main_content_1_1 > div .btn_link a {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; padding-top:0; background-image:none;}
}
@media (max-width: 560px) {
	body {background-color:#444953;}
	#container {padding-top:61px;}
	.area_visual .ul_visual li .txt_1 {font-size:180%;}
	.area_visual .ul_visual li .txt_2 {font-size:100%;}
}
@media (max-width: 480px) {
	.area_footer {top:0;}
	#container {padding-top:0;}
	.area_visual .ul_visual li .txt_1 {font-size:200%;}
	.area_visual .ul_visual li .txt_2 {font-size:100%;}
	.area_visual .ul_visual li {background-size:contain;}
	.area_visual {height:auto;}
	.area_visual .ul_visual li {height:100%; padding-top:0;}
	.area_visual {position:relative; top:0; margin-top:60px; padding-top:0; background-color:#fff;}
	.area_visual .ul_visual li.li3 .txt_1 {margin-top:50%;}
	.area_visual .ul_visual li.li3 .txt_1 span {margin-left:0;}
	.area_visual .ul_visual li.li4 .txt_1 {margin-top:-14%;}
	.area_visual .ul_visual li.li3 .txt_1,
	.area_visual .ul_visual li.li4 .txt_1,
	.area_visual .ul_visual li .txt.txt_1 {width:80%; left:50%; margin-left:-40%; text-align:center;}
	.area_visual .ul_visual li:not(.li4) .span_block {display:inline;}
	.area_visual .ul_visual li.li3 .txt_1,
	.area_visual .ul_visual li.li4 .txt_1,
	.area_visual .ul_visual li .txt.txt_1 {font-size:210%; white-space:nowrap;}
	.box_main_content_1 .ul_pos {display:block;}
	.area_visual .ul_visual li.li2 {background-image:url(../images/img_visual_2_1.jpg);}
	.area_visual .ul_visual li.li3 {background-image:url(../images/img_visual_3_1.jpg);}
	.area_visual .ul_visual li.li4 {background-image:url(../images/img_visual_4_1.jpg);}
	.area_visual .ul_visual li.li5 {background-image:url(../images/img_visual_5_1.jpg);}
	.box_main_content_3 a,
	.box_main_content_1_1 > div,
	.box_main_content_2_1 > div,
	.box_main_content_3_1 > div {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.box_main_content_1 {position:relative; height:170px;}
	.box_main_content_1 > div {height:100%;}
	.box_main_content_1_1 > div {height:100%; padding:30px 30px 0;}
	.box_main_content_1 > div {position:absolute; top:0;}
	.box_main_content_1 > div:nth-child(1) {left:0;}
	.box_main_content_1 > div:nth-child(2) {left:100%;}
	.box_main_content_1 > div:nth-child(3) {left:200%;}
	.box_main_content_1 > div,
	.box_main_content_2 > div {float:none; width:100%;}
	.box_main_content_1 .box_it .sp_img {width:40%; padding-top:36%;}
	.box_main_content_1 .box_ess .sp_img {width:40%; padding-top:37%;}
	.box_main_content_1 .box_car .sp_img {width:45%;}
	.box_main_content_3_1 > div,
	.box_main_content_4_1 > div,
	.box_main_content_4_1 .box_continue,
	.box_main_content_4_1 .box_morals,
	.box_main_content_4_1 .box_recruit {height:160px;}
	.box_main_content_3_1 .box_invest .sp_img {left:50%; right:auto; width:70%; margin-left:-35%; padding-top:70%;}
	.box_main_content_3 .box_cyber .sp_img {left:50%; width:80%; margin-left:-40%; padding-top:70%; background-position:center center;}
	.box_main_content_3 h2,
	.box_main_content_4 h3 {text-align:center;}
	.box_main_content_4_1 > div > a {padding:15px 0;}
	.box_main_content_3 p,
	.box_main_content_4 p,
	.box_sns,
	.box_link_1,
	.box_all_menu,
	.area_visual .ul_visual li .txt_2 {display:none;}
	.area_visual .ul_visual li .txt_2 {visibility:hidden;}
	.box_main_content_1_1 > div .btn_link,
	.box_main_content_1_1 > div .btn_link a {position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; padding-top:0; background-image:none;}
	.box_main_content_1_1 > div,
	.box_main_content_2_1 > div,
	.box_main_content_3_1 > div {margin-left:0; border-left:none;}
	.box_main_content_2_1 > div {height:170px; padding:20px 22px;}
	.box_main_content_2 > div h2 {margin-bottom:15px;}
	.box_main_content_2_1 .ul_news li dt {margin-bottom:0;}
	.box_main_content_2_1 .ul_news li dd {height:38px; margin-bottom:5px; -webkit-line-clamp:2; -moz-line-clamp:2; line-clamp:2;}
	.box_main_content h2 {font-size:18px;}
	.box_main_content_2_1 > div.box_news_1 h2 {font-size:20px;}
	.box_contribute,
	.box_cyber {border-top:1px solid #d5d5d5;}
	.box_main_content_3 a {width:100%; height:100%; padding:20px;}
	.box_main_content_4_1 > div > a > .sp_img {width:80%; padding-top:60%; background-size:contain;}
	.box_main_content_3 .box_global .sp_img {width:40%; background-size:contain; background-position:right bottom;}
	.box_main_content_3_1 h2,
	.box_main_content_4_1 h3 {font-size:20px;}
	.box_footer_1 li a {font-size:12px;}
}
@media (max-width: 320px) {
	.area_visual .ul_visual li .txt.txt_1 {font-size:200%;}
	.area_visual .ul_visual li.li4 .txt_1 {-webkit-text-shadow:1px 1px 3px rgba(255,255,255,.8); -moz-text-shadow:1px 1px 3px rgba(255,255,255,.8); text-shadow:1px 1px 3px rgba(255,255,255,.8);}
}

.cl{ clear:both}

 .content{
	line-height:30px; background:#FFF; 
	margin:0 auto; width:960px;  padding:10px 25px; padding-bottom:40px; border:1px #f2f2f2 solid; color:#333
}

.content1{
	line-height:30px; background:#FFF; 
	margin:0 auto; width:960px;  padding:10px 25px; padding-bottom:40px; border:1px #f2f2f2 solid; color:#333
}

.h2{line-height:42px; padding-left:40px; background:url(../images/h2.jpg) no-repeat; font-size:16px; color:#666;}
.h2 a{font-size:16px; color:#666;}
.newsli a{width:215px; height:26px; line-height:26px; padding-left:15px;  overflow:hidden; display:block; color:#333; background:url(../images/newsli.jpg) left no-repeat}
.newsli a:hover{color:#C30;}
.footernav{color:#FFF; }
.footernav a{padding:0 10px; font-size:14px; color:#FFF;}
.banner_article{ height: 250px; text-align:center; margin-top:105px;}
.banner_article img{margin:0 auto;}