@charset "utf-8";

/* Mobile */
.main_wrap {padding: 0 12px;}

.visual {padding: 0 0 20px; background: url("/images/main/vis_bg.jpg") no-repeat center top /cover;}
.visual .title {padding: 45px 0;}
.visual .title p {font-size: 20px; color: #e5eefb;}
.visual .title h2 {margin-top: 20px; font-size: 36px; font-weight: 400; color: #fff; line-height: 1.2;}
.visual .title h2 span {display: block; font-size: 48px; font-weight: 600;}
.visual .vis_icon {position: relative;}
.visual .vis_icon div {height: 125px; margin: 0 28px; background: rgba(255,255,255,0.1); border-radius: 5px; overflow: hidden;}
.visual .vis_icon ul {width: 999999px; font-size: 0; text-align: center;}
.visual .vis_icon ul:after {display: block; clear: both; content: "";}
.visual .vis_icon li {float: left; width: 120px;}
.visual .vis_icon li a {display: block; padding: 80px 0 20px; color: #fff; font-size: 17px; font-weight: 500; text-align: center; background: url("/images/main/vis_icon.png") no-repeat 0 0;}
/*--------icons--------*/
.visual .vis_icon li.li02 a {background-position: -120px 0;}
.visual .vis_icon li.li03 a {background-position: -240px 0;}
.visual .vis_icon li.li04 a {background-position: -360px 0;}
.visual .vis_icon li.li05 a {background-position: -480px 0;}
.visual .vis_icon li.li06 a {background-position: 0 -125px;}
.visual .vis_icon li.li07 a {background-position: -120px -125px;}
.visual .vis_icon li.li08 a {background-position: -240px -125px;}
.visual .vis_icon li.li09 a {background-position: -360px -125px;}
.visual .vis_icon li.li10 a {background-position: -480px -125px;}
.visual .vis_icon li.li11 a {background-position: 0 -250px;}
.visual .vis_icon li.li12 a {background-position: -120px -250px;}
.visual .vis_icon li.li13 a {background-position: -240px -250px;}
.visual .vis_icon li.li14 a {background-position: -360px -250px;}
.visual .vis_icon li.li15 a {background-position: -480px -250px;}
.visual .vis_icon li.li16 a {background-position: 0 -375px;}
/*--------icons--------*/
.visual .vis_icon .btn button {display: block; position: absolute; top: 0; width: 40px; height: 0; padding-top: 125px; overflow: hidden; background: url("/images/main/main_icon.png") no-repeat;}
.visual .vis_icon .btn .prev {background-position: center -168px; left: -12px;}
.visual .vis_icon .btn .next {background-position: center -293px; right: -12px;}
.visual .vis_box {margin: 20px 0 0; padding: 20px; background: #fff; border-radius: 20px;}
.visual .vis_box .vis_data {text-align: center; font-size: 0;}
.visual .vis_box .vis_data li {display: inline-block; width: 50%;}
.visual .vis_box .vis_data li span {display: inline-block; padding: 3px 10px 5px; font-size: 18px; color: #173b6e; background: #e5eefb; border-radius: 20px;}
.visual .vis_box .vis_data li strong {display: block; font-size: 24px;}
.visual .vis_box .vis_data li strong em{font-style:normal;}
.visual .vis_box .vis_data li:first-child {width: 100%; margin-bottom: 10px;}
.visual .vis_box .vis_data li:first-child span {background: #173b6e; color: #fff;}
.visual .vis_box .vis_data li:first-child strong {font-size: 32px; color: #173b6e;}
.visual .vis_box .search {margin-top: 20px;}
.visual .vis_box .search .sch_txt {width: 100%; padding: 5px 10px; border: 1px solid #dedede; font-size: 16px; box-sizing: border-box;}
.visual .vis_box .search .sc_btn {width: 100%; padding: 5px 10px; background: #173b6e; color: #fff; font-size: 16px; box-sizing: border-box;}

.bbs_box .left_box {margin: 20px 0; border: 1px solid #e5edfb; border-radius: 20px; box-shadow: 0 5px 10px rgba(169,198,424,0.3); overflow: hidden;}
.bbs_box .latest {position: relative; height: 290px; padding: 10px;}
.bbs_box .latest h3 {padding-top: 4px; font-size: 18px; color: #2c60cb;}
/*
.bbs_box .latest h3 a {display: inline-block; position: relative; font-size: 18px; font-weight: 400; color: #212121;}
.bbs_box .latest h3.on a {font-weight: 600; color: #2c60cb;}
.bbs_box .latest h3.on a:after {display: block; position: absolute; bottom: 0px; left: -7%; width: 114%; height: 8px; background: #c3e3f7; border-radius: 10px; content: ""; z-index: -1;}
*/
.bbs_box .latest div {display: none; position: absolute; top: 50px; left: 12px; right: 12px; border-top: 1px solid #d7e3f7; box-sizing: border-box;}
.bbs_box .latest div.on {display: block;}
.bbs_box .latest li {margin: 18px 0 0;}
.bbs_box .latest li a {display: block;}
.bbs_box .latest li em {display: inline-block; width: 42px; height: 20px; margin-right: 8px; line-height: 20px; vertical-align: baseline; font-size: 14px; font-style: normal; text-align: center; color: #fff; background: #173b6e; border-radius: 3px;}
.bbs_box .latest li strong {display: inline-block; width: calc(100% - 50px); font-weight: 400; color: #333; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bbs_box .latest li span {display: none;}
.bbs_box .latest p a {display: block; margin-top: 10px; text-align: center;}
.bbs_box .best {padding: 10px; background: url("/images/main/best_bg.png") no-repeat top right #e5eefb;}
.bbs_box .best h3 {padding: 10px 0; font-size: 18px; color: #2c60cb; border-bottom: 1px solid rgba(44,111,203,0.2);}
.bbs_box .best div {padding-bottom: 15px; background: url("/images/main/best_bg2.png") no-repeat bottom left;}
.bbs_box .best li {margin-top: 15px;}
.bbs_box .best li a {display: block;font-size: 0;}
.bbs_box .best li .num {display: inline-block; width: 25px; height: 25px;margin-right: 6px; text-align: center; line-height: 22px; background: #c2cef7; color: #333; border-radius: 25px;font-size: 16px;}
.bbs_box .best li:first-child .num {background: #2c60cb; color: #fff;}
.bbs_box .best li span {display: inline-block; width: calc(100% - 32px); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;font-size: 16px;}

/*.bbs_box .best li em {font-size: 14px;display: inline-block;font-style: normal;margin: 4px 0 0 0;text-align: center;background: #2c60cb;color: #fff;width: 52px;border-radius: 3px;}*/

.bbs_box .notice {min-height: 260px; margin: 20px 0; padding: 15px 10px; border: 1px solid #e5edfb; border-radius: 20px; box-shadow: 0 5px 10px rgba(169,198,424,0.3);}
.bbs_box .notice .text a {display: block;}
.bbs_box .notice .text .date {display: block; float: left; margin-right: 10px; font-size: 16px; font-weight: 600; font-style: normal; color: #2c60cb; text-align: center;}
.bbs_box .notice .text .date i {display: block; width: 60px; height: 50px; line-height: 46px; font-size: 36px; font-style: normal; background: #2c60cb; color: #fff;border-radius: 5px;}
.bbs_box .notice .text strong {display: block; font-size: 18px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bbs_box .notice a strong em {display: block;width: 64px;text-align: center;border-radius: 3px;font-size: 14px;font-weight: 400;font-style: normal;background: #555;color: #fff;}
.bbs_box .notice a strong em.cate01 {background: #2c60cb;}
.bbs_box .notice a strong em.cate02 {background: #173b6e;}
.bbs_box .notice a strong em.cate03 {background: #e5eefb;color: #173b6e;}
.bbs_box .notice .text span {display: inline-block; width: calc(100% - 72px); text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bbs_box .notice ul {margin-top: 10px; clear: both; border-top: 1px solid #d0d8e4;}
.bbs_box .notice li {margin-top: 10px;}
/*
.bbs_box .notice li:before {display: inline-block; width: 4px; height: 4px; background: #657ea5; content: ""; vertical-align: middle;}
*/
.bbs_box .notice li a {display: inline-block;width: 100%;}
.bbs_box .notice li strong {display: block; font-weight: 400; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bbs_box .notice li strong em {display: inline-block;margin: 4px 6px 0 0;}
.bbs_box .notice li span {display: none;}
.bbs_box .notice p.more {text-align: center; margin-top: 10px;}

.data_map {padding-bottom: 20px; background: #2452a8; background: linear-gradient(90deg, #1c4689 0%, #2b5dc4 100%) #2b5dc4;}
.data_map .title {padding: 30px 0 20px; text-align: center;}
.data_map .title h3 {margin-bottom: 20px; font-size: 20px; color: #fff;}
.data_map .title p {color: #e2effc;}
.data_map .map_icon {background: #fff; border-radius: 20px;}
.data_map .map_icon ul {font-size: 0; text-align: center;}
.data_map .map_icon li {display: inline-block; width: calc(100%/3); overflow: hidden;}
.data_map .map_icon li a {display: block; width: 116px; padding: 76px 0 16px; margin: 0 auto; font-size: 16px; background: url("/images/main/map_icon.png") no-repeat;}
/*--------icons--------*/
.data_map .map_icon li:nth-child(2) a {background-position: -116px 0;}
.data_map .map_icon li:nth-child(3) a {background-position: -232px 0;}
.data_map .map_icon li:nth-child(4) a {background-position: -348px 0;}
.data_map .map_icon li:nth-child(5) a {background-position: -464px 0;}
.data_map .map_icon li:nth-child(6) a {background-position: 0 -116px;}
.data_map .map_icon li:nth-child(7) a {background-position: -116px -116px;}
.data_map .map_icon li:nth-child(8) a {background-position: -232px -116px;}
.data_map .map_icon li:nth-child(9) a {background-position: -348px -116px;}
/*--------icons--------*/

.data {padding-bottom: 20px; background: url("/images/main/main_bg.gif") 100%;}
.data .left_box {padding: 30px 0 20px; margin-bottom: 20px;}
.data .left_box h3 {margin-bottom: 20px; font-size: 20px; text-align: center; color: #212121;}
.data .left_box>div {position: relative;}
.data .left_box div div {width: 280px; height: 300px; margin: 0 auto; overflow: hidden;}
.data .left_box ul {width: 99999px;}
.data .left_box ul:after {display: block; clear: both; content: "";}
.data .left_box li {float: left; width: 240px; margin: 0 20px 20px;}
.data .left_box li a {display: block; position: relative; padding: 15px; border: 1px solid #aac5f2; box-shadow: 0 5px 10px rgba(169,198,242,0.3); border-radius: 20px; background: #fff}
.data .left_box li a strong {display: block; position: relative; padding: 15px 0 30px; font-size: 18px;}
.data .left_box li a strong:before {display: block; position: absolute; width: 24px; height: 3px; background: #2c60cb; content: ""; top: 10px;}
.data .left_box li a em {display: block; border-radius: 10px; overflow: hidden; background: #000;}
.data .left_box li a:hover em img, .data .left_box li a:focus em img {opacity: 0.5;}
.data .left_box li a span {display: none; position: absolute; top: 60%; left: 50%; transform: translateX(-50%); padding: 3px 10px 5px; background: #2c60cb; border-radius: 5px; color: #fff; font-size: 15px;}
.data .left_box li a:hover span, .data .left_box li a:focus span {display: block;}
.data .left_box .btn button {display: block; position: absolute; top: 50%; width: 40px; height: 0; padding-top: 50px; background: url("/images/main/main_icon.png") no-repeat; overflow: hidden; transform: translateY(-50%);}
.data .left_box .btn button.prev {background-position: center -558px; left: -12px;}
.data .left_box .btn button.next {background-position: center -608px; right: -12px;}
.banner_box li {margin-bottom: 10px;}
.banner_box li a {display: block; height: 90px; text-align: center; line-height: 90px; border-radius: 10px; font-size: 20px; font-weight: 500; color: #fff; box-shadow: 0 5px 10px rgba(169,198,242,0.3);}
.banner_box li a img {margin-right: 20px; vertical-align: middle;}
.data .banner_box li:nth-child(1) a {background: #2770e1;}
.data .banner_box li:nth-child(2) a {background: #2c42cb;}
.data .banner_box li:nth-child(3) a {background: #6336ca;}

.last_box {padding:  0; background: #e5eefb;}
.last_box  .main_wrap {padding:0;}
.last_box .zipyo {border-radius: 20px;overflow: hidden;border: 1px solid #FFF0F0;box-shadow: 0 0px 10px rgb(167 157 157 / 20%);background: #fff;}
.last_box .zipyo .title {padding: 10px 0;  background: #2c60cb; color: #fff; text-align: center;}
.last_box .zipyo .title h3 {font-size: 20px;}
.last_box .zipyo ul {font-size: 0; text-align: center;}
.last_box .zipyo li {display: inline-block; width: 50%; font-size: 16px; padding:16px;}
.last_box .zipyo li:nth-child(2){background-color:#FFF0F0;}
.last_box .zipyo li a {display: block; width: 134px; margin: 0 auto; padding-top: 48px; background: url("/images/main/zipyo_icon.svg") no-repeat;}
/*--------icons--------*/
.last_box .zipyo li:nth-child(2) a {background-position: -134px 0;}
.last_box .zipyo li:nth-child(3) a {background-position: -268px 0;}
.last_box .zipyo li:nth-child(4) a {background-position: -402px 0;}
.last_box .zipyo li:nth-child(5) a {background-position: 0 -102px;}
.last_box .zipyo li:nth-child(6) a {background-position: -134px -102px;}
.last_box .zipyo li:nth-child(7) a {background-position: -268px -102px;}
.last_box .zipyo li:nth-child(8) a {background-position: -402px -102px;}
/*--------icons--------*/
.last_box .zipyo li strong {display: block; font-weight: 400; font-size: 18px;}
.last_box .zipyo li span {display: inline-block; padding-left: 16px; background: url("/images/main/s_none.png") no-repeat 0 6px;}
.last_box .zipyo li span.r_up {background-image: url("/images/main/g_up.png");}
.last_box .zipyo li span.r_down {background-image: url("/images/main/r_down.png");}
.last_box .zipyo li span.g_up {background-image: url("/images/main/g_up.png");}
.last_box .zipyo li span.g_down {background-image: url("/images/main/r_down.png");}
.last_box .zipyo>p {padding: 10px 0; text-align: center; border-top: 1px solid #d3e2f8;}
.last_box .zipyo>p a {display: inline-block; padding: 3px 10px 5px; margin-top: 5px; border-radius: 5px; background: #EA3C3C; color: #fff; font-weight: 600;}
/*지표전월대비추가*/
.last_box .zipyo li a {padding-top: 47px; line-height: 1.1;}
.last_box .zipyo li a strong {font-size: 16px;}
.last_box .zipyo li a span {font-size: 14px;}
.last_box .zipyo li em {display: block; width: 90px; margin: 0 auto; border-radius: 20px; font-size: 14px; font-style: normal; background: #ccc; color: #fff;}

.info_zone {margin: 20px 0; border-radius: 20px; overflow: hidden; border: 1px solid #d3e2f8; box-shadow: 0 5px 10px rgba(169,198,242,0.3); background: #fff;}
.info_zone .control {position: relative; padding: 10px;}
.info_zone .control h3 {font-size: 20px;}
.info_zone .control .btn {position: absolute; top: 12px; right: 10px;}
.info_zone .control .btn span {display: inline-block; margin-right: 10px; }
.info_zone .control .btn em {font-style: normal;}
.info_zone .control .btn button {display: inline-block; width: 20px; height: 0; padding-top: 20px; background: url("/images/main/main_icon.png") no-repeat; overflow: hidden; vertical-align: middle;}
.info_zone .control .btn button.prev {background-position: center -418px;}
.info_zone .control .btn button.stop {background-position: center -438px;}
.info_zone .control .btn button.play {background-position: center -458px;}
.info_zone .control .btn button.next {background-position: center -478px;}
.info_zone #info_zone:after {display: block; clear: both; content: "";}
.info_zone .img {float: left;}
.info_zone .img a {display: block;}
.info_zone .img img {width: 100%;}

.last_box .banner_box li:nth-child(1) a {background: #029C88;}
.last_box .banner_box li:nth-child(2) a {background: #ef5960;}

/* Tablet */ 
@media all and (max-width:400px){
.last_box .zipyo li {width:100%;}
.last_box .zipyo li:nth-child(2n) {background-color:#FFF0F0;}

} 
@media all and (min-width:400px){
.last_box .zipyo li:nth-child(3) {background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(6) {background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(7) {background-color:#FFF0F0;}

}
@media all and (min-width:768px) {
    .main_wrap { padding: 0 20px; display: flex; align-items: center; justify-content: center;}

.visual {position: relative; padding-bottom: 40px;}
.visual .title {padding: 90px 0 240px;}
.visual .title p {margin-bottom: 10px; font-size: 24px;}
.visual .title h2 {font-size: 52px;}
.visual .title h2 span {font-size: 80px;}
.visual .vis_icon div {margin: 0 40px;}
.visual .vis_icon .btn button {width: 60px;}
.visual .vis_icon .btn .prev {left: -20px;}
.visual .vis_icon .btn .next {right: -20px;}
.visual .vis_box {position: absolute; top: 300px; left: 0; right: 0; padding: 0; background: none; border-radius: 0;}
.visual .vis_box .vis_data li {width: auto!important; margin: 0 20px;}
.visual .vis_box .vis_data li span {background: none!important; color: #e5eefb!important;}
.visual .vis_box .vis_data li strong {color: #e5eefb!important; font-size: 32px;}
.visual .vis_box .search {display: block; width: 540px; margin: 10px auto 0; border-radius: 5px; background: #fff; overflow: hidden; font-size: 0;}
.visual .vis_box .search .sch_txt {display: inline-block; width: 75%; padding: 15px; font-size: 18px; border: none;}
.visual .vis_box .search .sc_btn {display: inline-block; width: 25%; height: 57px; background: #e5eefb; color: #2c60cb; font-size: 18px; font-weight: 600;}

.bbs_box .left_box {margin-top: 40px;}
.bbs_box .left_box:after {display: block; clear: both; content: "";}
.bbs_box .latest {float: left; width: 65%; height: 320px; padding: 15px 30px; box-sizing: border-box;}
.bbs_box .latest h3 {width: auto; padding: 0;font-size: 20px;}
/*.bbs_box .latest h3 a {font-size: 20px;}*/
.bbs_box .latest div {left: 30px; right: 30px;}
.bbs_box .latest li {margin-top: 20px;}
.bbs_box .latest li em {font-size: 16px;}
.bbs_box .latest li strong {width: 67%; font-size: 18px;}
.bbs_box .latest li span {display: inline-block; float: right; color: #5c7397;}
.bbs_box .latest p.more {position: absolute; top: -40px; right: 0;}
.bbs_box .best {float: left; width: 35%; padding: 10px 20px; box-sizing: border-box;}
.bbs_box .best h3 {padding: 6px 0; font-size: 20px;}
.bbs_box .best li .num {font-size: 14px;}
.bbs_box .best li span {font-size: 18px;}
.bbs_box .notice {margin: 20px 0 40px; padding: 18px 30px;}
.bbs_box .notice a strong em {font-size: 15px;margin-right: 8px;}
.bbs_box .notice .text .date {margin-right: 20px;}
.bbs_box .notice .text strong {font-size: 20px; color: #212121;}
.bbs_box .notice .text span {width: calc(100% - 90px); font-size: 18px;}
.bbs_box .notice li {margin-top: 12px;}
.bbs_box .notice li strong {display: inline-block; width: 85%; font-size: 18px; color: #212121;}
.bbs_box .notice li span {display: inline-block; float: right; color: #5c7397;}

.data_map .title h3 {margin-bottom: 10px; font-size: 28px;}
.data_map .title p br {display: none;}
.data_map .map_icon {background: none;}
.data_map .map_icon li {width: 20%; margin-bottom: 20px;}
.data_map .map_icon li a {height: 116px; background-color: #e5eefb; border-radius: 100%; box-sizing: border-box;}

.data {padding-bottom: 30px;}
.data .left_box h3 {font-size: 28px;}
.data .left_box div div {width: calc(100% - 120px);}
.data .left_box li {margin: 0 20px 30px;}
.data .left_box li a strong {text-align: left; font-size: 24px;}
.data .left_box .btn button {width: 60px;}
.data .left_box .btn button.prev {left: -20px;}
.data .left_box .btn button.next {right: -20px;}
.data .banner_box li {display: inline-block; width: calc((100% - 30px)/3); margin-right: 7px;}

.last_box {padding: 0;}
.last_box .main_wrap:after {display: block; clear: both; content: "";}
.last_box .zipyo {float: left; width: 100%}
.last_box .zipyo ul {padding-bottom: 0;}
.last_box .zipyo>p br {display: none;}
.last_box .zipyo>p a {vertical-align: middle; margin: 0 0 0 8px;}
.info_zone {float: left; margin: 0 0 0 20px;}
.info_zone .control {padding: 22px 30px;}
.info_zone .control .btn {top: 23px; right: 20px;}
.info_zone .control .btn span {font-size: 18px;}
.info_zone .img img {width: auto;}
.last_box .banner_box {float: left; width: 350px; margin: 20px 0 0 20px;}
.last_box .banner_box li a {height: 135px; line-height: 135px;}
.last_box .zipyo li:nth-child(3) {background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(6) {background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(7) {background-color:#FFF0F0;}

}

/* Desktop */
@media all and (min-width:1023px) {
.visual {padding-bottom: 40px;}
.visual .title {padding: 40px 0 30px;}
.visual .title h2 {margin-top: 0;}
.visual .vis_icon li a:hover, .visual .vis_icon li a:focus {transform: rotateY(360deg); transition: 1s ease-out;}
.visual .vis_box {width: auto; top: 50px; left: auto; right: 20px;}
.visual .vis_box .search {width: auto; margin-right:0;}

.bbs_box {padding: 40px 20px;}
.bbs_box:after {display: block; clear: both; content: "";}
.bbs_box .latest li a:hover strong, .bbs_box .latest li a:focus strong,
.bbs_box .best li a:hover span, .bbs_box .best li a:focus span,
.bbs_box .notice li a:hover strong, .bbs_box .notice li a:focus strong
{text-decoration: underline;}
.bbs_box .left_box {float: left; width: 60%; margin: 0 20px 0 0;}
.bbs_box .latest {padding: 15px 20px;}
	.bbs_box .latest div {left: 20px;right: 20px;}
.bbs_box .latest li span, .bbs_box .notice li span {display: none;}
.bbs_box .latest h3 a:hover, .bbs_box .latest h3 a:focus {font-weight: 600;}
.bbs_box .best {height: 320px;}
.bbs_box .notice {float: left; width: calc(100% - 60% - 22px); height: 322px; margin: 0; box-sizing: border-box;padding: 18px 20px;}
.bbs_box .notice li strong {width: 100%;}
.bbs_box .notice p.more {margin-top: 7px;}

.data_map {padding: 60px 0 40px;}
.data_map .main_wrap:after {display: block; clear: both; content: "";}
.data_map .title {float: left; width: 170px; padding: 0; text-align: left;}
.data_map .title p {font-size: 18px;}
.data_map .title p br {display: block;}
.data_map .map_icon {float: right; width: calc(100% - 170px);}
.data_map .map_icon ul {text-align: left;}
.data_map .map_icon li {width: auto; margin-left: 12px; text-align: center;}
.data_map .map_icon li a:hover, .data_map .map_icon li a:focus {background-color: #fff;}
.data_map .map_icon li a:hover span, .data_map .map_icon li a:focus span {font-weight: 600;}

.data {padding: 60px 0;}
.data .left_box {padding: 0 0 20px 0;}
.data .left_box h3 {margin-bottom: 30px;}
.data .left_box div div {height: 320px;}
.data .left_box li a:hover, .data .left_box li a:focus {border-color: #2c60cb;}
.data .left_box li a strong {padding-top: 24px;}
.data .left_box li a:hover img, .data .left_box li a:focus img {transform: scale(1.2); transition: 1s;}

.banner_box li a:hover, .banner_box li a:focus {background-color: #173b6e!important; color: #e5eefb;}

.last_box .zipyo li {width: 25%; padding: 16px;}
.last_box .zipyo li:nth-child(1){background-color:#fff;}
.last_box .zipyo li:nth-child(2){background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(3){background-color:#fff;}
.last_box .zipyo li:nth-child(4){background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(5){background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(6){background-color:#fff;}
.last_box .zipyo li:nth-child(7){background-color:#FFF0F0;}
.last_box .zipyo li a {padding-top: 48px; line-height: 1.3}
.last_box .zipyo li a:hover strong, .last_box .zipyo li a:focus strong {text-decoration: underline;}
.last_box .zipyo>p a:hover, .last_box .zipyo>p a:focus {background: #173b6e;}
.last_box .banner_box li {width: calc((100% - 10px)/2); float: left;}
.last_box .banner_box li:first-child {margin-right: 10px;}
.last_box .banner_box li a {height: 75px; line-height: 75px;}

}
@media all and (min-width:1400px) {	
.main_wrap {display: flex; align-items: center; justify-content: center; width: 1400px; padding: 0; margin: 0 auto;}

.visual .main_wrap {position: relative;}
.visual .title p {margin: 40px 0 0;}
.visual .title h2 {font-size: 54px;}
.visual .title h2 span {display: inline-block; margin-left: 16px; vertical-align: bottom; font-size: 72px;}
.visual .vis_icon {width: 1200px; margin: 0 auto;}
.visual .vis_icon div {margin: 0;}
.visual .vis_icon .btn button {width: 100px;}
.visual .vis_icon .btn .prev {left: -100px;}
.visual .vis_icon .btn .next {right: -100px;}
.visual .vis_box {right: 0; margin: 0;}
.visual .vis_box .vis_data {text-align: right;}
.visual .vis_box .vis_data li {margin: 0 0 10px 50px;}
.visual .vis_box .vis_data li:first-child {margin-left: 0;}
.visual .vis_box .vis_data li span {padding: 0; font-size: 20px;}
.visual .vis_box .vis_data li strong {font-size: 40px!important; line-height: 1.1;}
.visual .vis_box .search {width: 600px;}
.visual .vis_box .search .sch_txt {font-size: 20px;}
.visual .vis_box .search .sc_btn {height: 60px; font-size: 20px;}

.bbs_box {padding: 40px 0}
.bbs_box .latest li span, .bbs_box .notice li span {display: block;}
.bbs_box .left_box {width: calc(100% - 642px); margin-right: 40px;}
.bbs_box .notice {width: 600px;}
.bbs_box .notice li strong {width: 84%;}

.data_map {padding: 60px 0;}
.data_map .map_icon ul {text-align: right;}
.data_map .map_icon li {margin-bottom: 0;}

.data:after {display: block; clear: both; content: "";}
.data .left_box {float: left; width: calc(100% - 290px);}
.data .left_box h3 {text-align: left;}
.data .left_box div div {width: 1050px; margin: 0;}
.data .left_box li {margin: 0 30px 0 0;}
.data .left_box .btn button.prev {left: -60px;}
.data .left_box .btn button.next {right: 0;}
.data .banner_box {float: right; width: 260px; margin-top: 70px;}
.data .banner_box li {width: 100%; margin: 0 0 15px 0;}

.last_box {padding: 0;}
.last_box .zipyo {position: relative; width: 100%; box-sizing: border-box;}
.last_box .zipyo .title {position: absolute; width: calc(20%); height: 150px; top: 0; left: 0; padding: 30px; box-sizing: border-box; text-align: left;}
.last_box .zipyo .title p {font-size: 24px;}
.last_box .zipyo .title h3 {font-size: 28px;}
.last_box .zipyo ul {padding: 0; background: #fff;}
.last_box .zipyo li {width: 20%; padding: 18px 0 21px; background-color: #fff;}
.last_box .zipyo li:nth-child(2) {background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(4) {background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(5) {background-color:#fff;}
.last_box .zipyo li:nth-child(6) {background-color:#FFF0F0;}
.last_box .zipyo li:nth-child(7) {background-color:#fff;}
.last_box .zipyo li:nth-child(8) {background-color:#FFF0F0;}
.last_box .zipyo li:first-child {margin-left: 20%;}
.last_box .zipyo li:last-child {margin-right: 20%;}
.last_box .zipyo li a {padding-top: 51px;}
.last_box .zipyo>p {position: absolute;bottom: 20px;right: 72px;width: 132px;border-top: none;font-size: 18px;color: #212121;}
.last_box .zipyo>p br {display: block;}
.last_box .zipyo>p a {margin: 10px 0 0 0; font-size: 16px;}
.info_zone {margin: 0 30px;}
.info_zone .control {padding: 19px 30px;}
.last_box .banner_box {width: 260px; margin: 0;}
.last_box .banner_box li {width: 100%; margin: 0;}
.last_box .banner_box li:first-child {margin: 0 0 30px 0;}
.last_box .banner_box li a {height: 135px; line-height: 135px;}
}