@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : ㄱㅅㅎ
Create date : 2021-11-27
-------------------------------------------------*/
/************************************************
 * section1
 ************************************************/
.section1{padding:2.7rem 0 3.2rem}
.section1 .container:after{content:"";display:block;clear:both}
.section1 .col{float:left;transition:all .2s}
.section1 .col.left{width:calc(100% - 27.5rem);margin-right:3rem}
.section1 .col.right{float:none;overflow:hidden}
.visual{position:relative;z-index:0}
.visual .list{position:relative;text-align:center}
.visual .list:before,
.visual .list:after{content:"";position:absolute;left:50%;height:22rem;border-radius:1rem;transform:translateX(-50%)}
.visual .list:before{top:.5rem;width:calc(100% - 1.5rem);background:#DCDFE2;z-index:1}
.visual .list:after{top:1rem;width:calc(100% - 3.5rem);background:#F2F4F6;z-index:0}
.visual .list .item{position:relative;height:22rem;background-position:left top;background-repeat:no-repeat;color:#fff}
.visual .list .item .txt{position:absolute;left:0;bottom:0;width:100%;padding:0 0 2.5rem 2.5rem;word-break:keep-all;text-align:left}
.visual .list .item .txt span{display:block;font-family:"Poppins",sans-serif;font-size:.7rem;font-weight:500;letter-spacing:0}
.visual .list .item .txt strong{display:block;margin-bottom:.5rem;font-size:1.9rem;letter-spacing:-.0665rem}
.visual .list .item .txt p{max-width:19.75rem;font-size:.85rem;font-weight:300;letter-spacing:-.025rem}
.visual .list .item .link_btn{position:absolute;right:2.5rem;bottom:2.5rem;display:inline-block;padding:.4rem 1.2rem;border-radius:1.4rem;color:#fff;font-size:.9rem;background:rgba(20,94,160,.8);transition:all .2s}
.visual .list .item .link_btn:after{content:"\e93f";font-family:"xeicon";margin-left:.25rem}
.visual .list .item .link_btn:hover{background:#145EA0}
.visual .list .slick-arrow{position:absolute;left:.5rem;bottom:0;font-size:.75rem;color:#848B9C}
.visual .list .slick-arrow.prev{padding-left:2.5rem}
.visual .list .slick-arrow.next{left:inherit;right:.5rem;padding-right:2.5rem}
.visual .list .slick-arrow:before{content:"";position:absolute;left:0;top:.15rem;width:1.85rem;height:.45rem;background-size:contain;background-repeat:no-repeat}
.visual .list .slick-arrow.prev:before{background-image:url(/kr/img/main/img_arrow_prev.png)}
.visual .list .slick-arrow.next:before{left:auto;right:0;background-image:url(/kr/img/main/img_arrow_next.png)}
.visual .list .slick-arrow.prev:hover:before,
.visual .list .slick-arrow.prev:focus:before{animation:prev .7s infinite linear}
.visual .list .slick-arrow.next:hover:before,
.visual .list .slick-arrow.next:focus:before{animation:next .7s infinite linear}
.visual .list .slick-list{position:relative;margin-bottom:2rem;border-radius:1rem;z-index:2}
.visual .list .slick-dots,
.visual .list .controls{display:inline-block;vertical-align:middle}
.visual .list .slick-dots li{float:left;height:.6rem;margin:0 .3rem}
.visual .list .slick-dots li button{width:.6rem;height:.6rem;border-radius:50%;background:#DCDFE2;padding-top:.6rem;overflow:hidden;vertical-align:top}
.visual .list .slick-dots li.slick-active button{background:#EE2F00}
.visual .list .controls{margin:.1rem 0 0 .2rem}
.visual .list .controls button{overflow:hidden;width:1rem;height:.7rem;line-height:.7rem;color:#7B838B;font-size:.9rem}
.visual .list .controls button.active{display:none}
.visual .list .controls button:before{display:inline-block;font-family:"xeicon"}
.visual .list .controls button.play:before{content:"\ea3e"}
.visual .list .controls button.stop:before{content:"\ea3b"}
@keyframes prev {
    50%{left:.3rem}
    100%{left:0}
}
@keyframes next {
    50%{right:.3rem}
    100%{right:0}
}
.quick_link{margin-top:1.6rem}
.link_list{width:calc(100% + 2%)}
.link_list:after{content:"";display:block;clear:both}
.link_list li{float:left;width:calc(16.667% - 2%);margin-right:2%}
.link_list li a{position:relative;display:block;height:5.2rem;padding-top:3rem;border-radius:1.2rem;overflow:hidden;text-align:center;background:#fff;color:#4C5672;box-shadow:0 .15rem .95rem rgba(219,224,235,.4);transition:all 0s linear}
.link_list li a span{position:relative;z-index:1}
.link_list li a:before{content:"";width:32px;height:32px;position:absolute;top:1.1rem;left:50%;transform:translateX(-50%);background-image:url(/kr/img/main/icon_link.png);background-repeat:no-repeat;transition:background-position .2s;z-index:1}
.link_list li a:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(136deg, #FF3665 0%, #EB3535 100%);opacity:0;transition:opacity .2s;z-index:0}
.link_list li a.icon1:before{background-position:0 0}
.link_list li a.icon2:before{background-position:-32px 0}
.link_list li a.icon3:before{background-position:-64px 0}
.link_list li a.icon4:before{background-position:-96px 0}
.link_list li a.icon5:before{background-position:-128px 0}
.link_list li a.icon6:before{background-position:-160px 0}
.link_list li a:hover,
.link_list li a:focus{box-shadow:0 .25rem .5rem rgba(236,26,47,.3);color:#fff}
.link_list li a:hover:after,
.link_list li a:focus:after{opacity:1}
.link_list li a.icon1:hover:before,
.link_list li a.icon1:focus:before{background-position:0 -32px}
.link_list li a.icon2:hover:before,
.link_list li a.icon2:focus:before{background-position:-32px -32px}
.link_list li a.icon3:hover:before,
.link_list li a.icon3:focus:before{background-position:-64px -32px}
.link_list li a.icon4:hover:before,
.link_list li a.icon4:focus:before{background-position:-96px -32px}
.link_list li a.icon5:hover:before,
.link_list li a.icon5:focus:before{background-position:-128px -32px}
.link_list li a.icon6:hover:before,
.link_list li a.icon6:focus:before{background-position:-160px -32px}

.news{position:relative}
.news h2{padding-bottom:.75rem;line-height:1.85rem;border-bottom:2px solid #a9a9a9;font-size:1.35rem;font-weight:bold;color:#000;font-family:"Poppins", sans-serif}
.news h2 span{color:#ED3539}
.news_list li{padding:1rem 0 .9rem;border-bottom:1px solid #E1E1E1}
.news_list li:last-child{padding-bottom:0;border-bottom:0}
.news_list li .category{float:left;display:inline-block;width:3.8rem;height:1.3rem;line-height:1.3rem;margin-right:.4rem;padding:0 .2rem;font-size:.75rem;text-align:center;color:#fff;background:#188091}
.news_list li .category.c2{background:#1994D1}
.news_list li .category.c3{background:#405FB4}
.news_list li .category.c4{background:#834ABB}
.news_list li .category.c5{background:#b15935}
.news_list li a{display:block}
.news_list li a:after{content:"";display:block;clear:both}
.news_list li a>.thumb{float:right;width:6.65rem;height:4.45rem;overflow:hidden;margin-left:.65rem;text-align:center;border-radius:.5rem}
.news_list li a>.thumb img{height:100%;transition:all .2s}
.news_list li a:hover>.thumb img,
.news_list li a:focus>.thumb img{transform:scale(1.05)}
.news_list li a>strong{display:block;margin:0 0 .4rem;line-height:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:#151515}
.news_list li a>strong>span{position:relative;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_list li a>strong>span:after{content:"";position:absolute;left:0;bottom:0;width:0;border-bottom:1px solid #151515;transition:all .2s}
.news_list li a:hover>strong>span:after,
.news_list li a:focus>strong>span:after{width:100%}
.news_list li a>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;height:1.35rem;font-size:.75rem;color:#555;letter-spacing:-.0265rem}
.news_list li a>span{display:block;margin-top:.35rem;font-size:.7rem;color:#999}

/************************************************
 * section2
 ************************************************/
.section2{position:relative;z-index:1;padding-top:3rem;margin-bottom:3.5rem}
.section2:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:80rem;height:21.5rem;border-radius:2.5rem 2.5rem 0 0;background:linear-gradient(108deg, #EFF4F9 0%, #FFFCF6 100%) 0 0 no-repeat;z-index:0}
.section2 .tit_wrap{text-align:center;margin-bottom:1.7rem}
.section2 .tit{margin-bottom:.45rem;font-size:1.6rem;color:#000;line-height:2.35rem;letter-spacing:-.08rem}
.section2 .tit span{color:#F23545}
.section2 .sub_tit{color:#555;font-size:.9rem;line-height:1.35rem;letter-spacing:-.0375rem;opacity:.8;word-break:keep-all}

.business .slick-list{width:calc(100% + 2.4rem);padding-top:1rem}
.business .item{position:relative;margin-right:2.4rem}
.business .item .num{position:absolute;left:0;top:-1rem;width:3rem;height:3rem;line-height:3rem;text-align:center;color:#fff;background:#263B75;font-family:"Poppins",sans-serif;font-size:.9rem;font-weight:500;letter-spacing:0;z-index:1}
.business .item .num:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg, #FF3665 0%, #EB3535 100%);z-index:0;opacity:0;transition:all .2s}
.business .item .num i{position:relative;z-index:1}
.business .item a:hover .num:after,
.business .item a:focus .num:after{opacity:1}
.business .item .img{position:relative;height:11.65rem;overflow:hidden;border-radius:0 2rem 0 0}
.business .item .img:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);opacity:0;transition:all .2s}
.business .item .img img{position:absolute;left:50%;top:50%;height:100%;transform:translate(-50%, -50%);transition:all .2s;z-index:0}
.business .item a:hover .img img,
.business .item a:focus .img img{transform:translate(-50%, -50%) scale(1.1)}
.business .item a:hover .img:after,
.business .item a:focus .img:after{opacity:1}
.business .item .img span{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-family:"Poppins",sans-serif;font-size:.8rem;color:#fff;letter-spacing:.024rem;transition:all .2s;z-index:1}
.business .item .img span:after{content:"\e9c5";font-family:"xeicon"}
.business .item a:hover .img span,
.business .item a:focus .img span{opacity:1}
.business .item .desc{padding:1.1rem 0 1.5rem;border-bottom:2px solid #EBEBEB;transition:all .2s}
.business .item a:hover .desc,
.business .item a:focus .desc{border-color:#263B75}
.business .item .desc strong{display:block;margin-bottom:.65rem;font-size:1.1rem;font-weight:500;color:#333;letter-spacing:-.033rem;transition:all .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.business .item a:hover .desc strong,
.business .item a:focus .desc strong{color:#3D4A6D}
.business .item .desc p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;height:3.75rem;color:#767676;font-size:.8rem;line-height:1.25rem;word-break:keep-all}
.business .slick-arrow{position:absolute;top:32%;width:2.5rem;height:2.5rem;text-align:center;overflow:hidden;transform:translateY(-50%);color:#C7C8CC;z-index:1}
.business .slick-arrow:before{display:inline-block;line-height:2.5rem;font-size:2.5rem;font-family:"xeicon"}
.business .slick-arrow.prev{left:-4.6rem}
.business .slick-arrow.next{right:-4.6rem}
.business .slick-arrow.prev:before{content:"\e93d"}
.business .slick-arrow.next:before{content:"\e940"}

/************************************************
 * section3
 ************************************************/
.section3{padding-bottom:4.25rem}
.latest{float:left;position:relative;width:calc(52% - 1.5rem);margin:0 3rem 2.5rem 0;height:9.6rem}
.latest:after{content:"";display:block;clear:both}
.latest:before{content:"";position:absolute;left:0;top:2.65rem;width:100%;height:0;border-bottom:1px solid #333;z-index:1}
.latest>li{float:left;margin-left:-1px}
.latest>li>a{position:relative;display:table;width:9.5rem;height:2.7rem;text-align:center;border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;background:#FAFAFA;font-size:.8rem;border-radius:.5rem .5rem 0 0;letter-spacing:-.024rem;color:#555;font-weight:300;word-break:keep-all}
.latest>li>a>span{display:table-cell;vertical-align:middle;word-break:keep-all}
.latest>li>a>span br{display:none}
.latest>li>.item{display:none;position:absolute;left:0;top:2.7rem;width:100%;padding-top:1.8rem}
.latest>li.active>a{font-weight:bold;color:#333;border-color:#333;z-index:2;background:#fff}
.latest>li.active>.item{display:block}

.latest>li>.item .first{margin-bottom:1.6rem}
.latest>li>.item .first:after{content:"";display:block;clear:both}
.latest>li>.item .first .date{float:left;display:table;margin-right:1.1rem;width:5rem;height:5.1rem;border-radius:.25rem;background:#F2F6F9;text-align:center;color:#263B75;font-size:.75rem;font-family:"Roboto", sans-serif}
.latest>li>.item .first .date>span{display:table-cell;vertical-align:middle}
.latest>li>.item .first .date>span>strong{display:block;font-size:1.2rem;line-height:1.45rem}
.latest>li>.item .first .desc{overflow:hidden}
.latest>li>.item .first .desc .tit{position:relative;margin-bottom:.55rem}
.latest>li>.item .first .desc .tit strong{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 1.1rem);font-size:1rem;color:#000;line-height:1.7rem;letter-spacing:-.03rem;font-weight:500;white-space:nowrap}
.latest>li>.item .first .desc .tit .new{position:absolute;right:0;top:.3rem;display:inline-block;width:1.1rem;height:1.1rem;line-height:1.1rem;text-align:center;color:#EE353C;overflow:hidden;font-size:1.1rem}
.latest>li>.item .first .desc .tit .new:before{content:"\e9a8";font-family:"xeicon"}
.latest>li>.item .first .desc p{height:2.6rem;color:#555;line-height:1.3rem;word-break:keep-all;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.latest>li>.item .list{min-height:10.05rem;padding:1.2rem;border:1px solid #e1e1e1;border-radius:.5rem}
.latest>li>.item .list>li{position:relative;margin-top:.33rem;padding:0 3.5rem 0 .6rem;font-weight:300}
.latest>li>.item .list>li:first-child{margin-top:0}
.latest>li>.item .list>li:before{content:"";position:absolute;left:0;top:.55rem;width:.2rem;height:.2rem;border-radius:50%;background:#B3B3B3}
.latest>li>.item .list>li>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.latest>li>.item .list>li strong{position:relative;font-weight:300}
.latest>li>.item .list>li span{position:absolute;right:0;top:0;font-size:.75rem;color:#999;letter-spacing:-.0225rem}

.latest>li>.item .more{position:absolute;right:0;top:-2rem;width:1.2rem;height:1.2rem;overflow:hidden}
.latest>li>.item .more a{display:block;height:100%;font-size:1.2rem;line-height:1.2rem;transition:all .3s}
.latest>li>.item .more a:before{content:"\e9c5";font-family:"xeicon"}
.latest>li>.item .more a:hover,
.latest>li>.item .more a:focus{transform:rotate(180deg)}

.latest>li>.item .first a .desc .tit strong:before,
.latest>li>.item .list>li a strong:before{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#333;transition:all .2s}
.latest>li>.item .first a:hover .desc .tit strong:before,
.latest>li>.item .list>li a:hover strong:before{width:100%}

.sec3_col{float:left;width:calc(48% - 1.5rem)}
.sec3_col:after{content:"";display:block;clear:both}
.sec3_col>div{}

.popupzone{position:relative;margin-bottom:1rem}
.popupzone .item a{display:block;height:11.5rem;background-repeat:no-repeat;background-position:left top;background-size:cover;border-radius:.5rem}
.popupzone .list .slick-dots,
.popupzone .list .controls{display:inline-block;vertical-align:middle}
.popupzone .list .slick-dots{position:absolute;top:1.1rem;right:1.9rem}
.popupzone .list .slick-dots li{float:left;height:.6rem;margin:0 .3rem}
.popupzone .list .slick-dots li button{width:.6rem;height:.6rem;border-radius:50%;background:#133658;padding-top:.6rem;overflow:hidden;vertical-align:top;opacity:.12}
.popupzone .list .slick-dots li.slick-active button{background:#EE2F00;opacity:1}
.popupzone .list .controls{position:absolute;right:.8rem;top:.8rem}
.popupzone .list .controls button{overflow:hidden;width:1rem;height:.7rem;line-height:.7rem;color:#7B838B;font-size:.9rem}
.popupzone .list .controls button.active{display:none}
.popupzone .list .controls button:before{display:inline-block;font-family:"xeicon"}
.popupzone .list .controls button.play:before{content:"\ea3e"}
.popupzone .list .controls button.stop:before{content:"\ea3b"}

.edu_link{}
.edu_link .list{width:calc(100% + .85rem)}
.edu_link .list:after{content:"";display:block;clear:both}
.edu_link li{float:left;width:calc(33.3% - .85rem);margin-right:.85rem}
.edu_link li a{display:block;position:relative;top:0;height:8.75rem;padding:1.2rem 0 0 1.2rem;color:#fff;font-size:1.1rem;letter-spacing:-.033rem;font-weight:400;line-height:1.5rem;background-repeat:no-repeat;background-position:right .9rem bottom 1rem;border-radius:.5rem;transition:all .2s}
.edu_link li a:focus,
.edu_link li a:hover{top:-.5rem}
.edu_link li.lst1 a{background-color:#188091;background-image:url(/kr/img/main/icon_edu1.png)}
.edu_link li.lst2 a{background-color:#1994D1;background-image:url(/kr/img/main/icon_edu2.png)}
.edu_link li.lst3 a{background-color:#405FB4;background-image:url(/kr/img/main/icon_edu3.png)}
.edu_link li.lst1 a:hover,
.edu_link li.lst1 a:focus{box-shadow:0 .25rem 1rem rgba(28,174,184,.5)}
.edu_link li.lst2 a:hover,
.edu_link li.lst2 a:focus{box-shadow:0 .25rem 1rem rgba(25,148,209,.5)}
.edu_link li.lst3 a:hover,
.edu_link li.lst3 a:focus{box-shadow:0 .25rem 1rem rgba(64,95,180,.5)}

/************************************************
 * 하단 배너 링크
 ************************************************/
.banner { position: relative; z-index: 0; padding: 1.1rem 0; }
.banner .container { padding-left:8rem; }
.banner .b_control { position: absolute; top: 0.25rem; left: 0; width: 6rem; height: 1.8rem; text-align: center; }
.banner .b_control a { height: 1.8rem; border: 1px solid #eee; line-height: 1.7rem; font-size: 1rem; display: inline-block; overflow: hidden; width: 1.8rem; border-radius: 100%; color: #999; text-align: center; vertical-align: top; -webkit-transition: all 0.3s; transition: all 0.3s; }
.banner .b_control a:hover, .banner .b_control a:focus { background-color: #999; color: #fff; }
.banner .b_control .prev { float: left; }
.banner .b_control .next { float: right; }
.banner .b_control .start { display: none; }
.banner .b_control .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.banner::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; height: 1px; background-color: #E5E5E5; }

.b_slide .slick-list{width:calc(100% + 2.7rem)}
.b_slide .slick-slide{margin-right:2.7rem}
.b_slide .slick-slide img{margin:0 auto}

/************************************************
 * Responsive
 ************************************************/
@media (max-width:1460px){
    .business .slick-arrow{color:#fff}
    .business .slick-arrow.prev{left:0}
    .business .slick-arrow.next{right:0}
}
@media (max-width: 1280px) {
    .section1 .col.left{width:calc(100% - 23.5rem);margin-right:1.5rem}
    .news_list li a>.thumb{margin-left:.5rem}
    .section1 .col.right{width:22rem}

    .b_slide .slick-list{width:calc(100% + 1.5rem)}
    .b_slide .slick-slide{margin-right:1.5rem}

    .latest{margin-right:1rem;width:calc(52% - .5rem)}
    .latest>li>a{width:8rem;font-size:.7rem}
    .sec3_col{width:calc(48% - .5rem)}
}
@media (max-width: 1150px) {
    .visual .list .item .link_btn{position:static;margin-top:1rem}
}
@media (max-width:1060px){
    .latest>li>a{width:7rem}
}
@media (max-width: 1024px) {
    .section1 .col.left{float:none;width:100%;margin-right:0}
    .section1 .col.right{width:100%;margin-top:1.5rem}
    .visual .list .item{background-size:cover}

    .business .slick-list{width:calc(100% + 1rem)}
    .business .item{margin-right:1rem}
    .business .item .desc strong{font-size:1rem}

    .latest{margin-bottom:1.5rem}
    .latest>li>a{width:auto;padding:0 .7rem}

    .banner { padding: 0.75rem 0; }
}
@media (max-width:900px){
    .latest,
    .sec3_col{width:100%}
    .latest{height:21rem;margin-bottom:1rem}
    .edu_link{margin-top:1rem}
    .popupzone .item a{height:0;padding-top:39%}
}
@media (max-width: 768px) {
    .section1{padding:1.5rem 0 2rem}
    .section2{padding-top:2rem;margin-bottom:2rem}
    .section2:before{height:20.15rem}
    .section2 .tit{font-size:1.3rem;line-height:2rem}
    .section3{padding-bottom:2rem}

    .visual .list .item,
    .visual .list:before,
    .visual .list:after{height:18rem}

    .latest>li>.item .first{float:none;width:100%;margin-right:0;margin-bottom:1rem}
    .latest>li>.item .list{margin-top:1rem}
}
@media (max-width:700px){
    .business .item .img{height:10.3rem}
}
@media (max-width:640px){
    .link_list li{width:calc(33.3% - 2%);margin-top:.7rem}
    .visual .list .item .txt{transition:all .2s;padding:0 0 1.5rem 1.5rem}
    .visual .list .item .txt strong{font-size:1.5rem}
    .visual .list .item .txt p{font-size:.75rem}

    .latest{display:block;width:100%;height:21.5rem}
    .latest:before{display:none}
    .latest>li{display:table-cell;vertical-align:middle;width:calc(33.3% + 1px);margin-top:-1px}
    .latest>li>a{width:100%;height:2.7rem;padding:0 .3rem;border-radius:0;border-width:1px;font-size:.8rem;word-break:normal;line-height:1.1rem}
    .latest>li:first-child>a{border-radius:.25rem 0 0 .25rem}
    .latest>li:last-child>a{border-radius:0 .25rem .25rem 0}
    .latest>li>.item{top:4.3rem;padding-top:1rem}
    .latest>li>.item .first .date{margin-right:.7rem}
    .latest>li>.item .more{top:-.6rem;width:auto;height:auto}
    .latest>li>.item .more a{font-size:.85rem}
    .latest>li>.item .more a:hover,
    .latest>li>.item .more a:focus{transform:none}
    .latest>li>.item .more a:before{margin-right:.3rem}

    .edu_link li a{height:7rem;background-size:2rem auto}
}
@media (max-width: 600px) {
    .banner .container { padding-left: 5.5rem; }
    .banner .b_control { width: 5rem; height: 1.5rem;top:50%;transform:translateY(-50%)}
    .banner .b_control a { font-size: 0.8rem; width: 1.5rem; height: 1.5rem; line-height: 1.3rem; }
}
@media (max-width:500px){
    .section2:before{height:21.8rem}
    .business .slick-arrow{top:32%}
    .business .item .img{height:12rem}
    .business .item .img img{width:auto;height:100%;max-width:inherit}

    .edu_link li{width:calc(100% - .85rem);margin-top:.6rem}
    .edu_link li:first-child{margin-top:0}
    .edu_link li a{height:4rem}
    .edu_link li a:focus,
    .edu_link li a:hover{top:0}
    .edu_link li a br{display:none}
}
@media (max-width:450px){
	.latest>li>a>span br{display:block}
}
@media (max-width:400px){
    .visual .list .item,
    .visual .list:before,
    .visual .list:after{height:15rem}
    .visual .list .item .txt{padding:0 0 1rem 1rem}

    .section2 .tit span{display:block}

    .business .item .img img{height:100%}
}
@media (max-width:350px){
    .news_list li a>.thumb,
    .news_list li a>.thumb img{width:100%;height:auto}
    .news_list li a>.thumb{margin-bottom:1rem}
}