@charset "utf-8";

/*header*/
#tnb {position:relative; width:100%; z-index:700;border-bottom:1px solid #ddd}
#tnb .tnb_wrap {position:relative; max-width:1440px; margin:0 auto}
#tnb .tnb_wrap:after {display:block; content:""; clear:both}
#tnb .tnb_wrap .top_link {float:left;}
#tnb .tnb_wrap .top_link a {float:left;font-size:13px;text-align:center;padding:0 30px; line-height:38px}
#tnb .tnb_wrap .top_link a:focus {text-decoration:underline;}
#tnb .tnb_wrap .top_link a span {display:inline-block;position:relative;}
#tnb .tnb_wrap .top_link a.tnb_link01 {background:#1D9980;color:#fff}
#tnb .tnb_wrap .top_link a.tnb_link02 {background:#0493cc;color:#fff;}
#tnb .tnb_wrap .top_link a.tnb_link03 {background:#e9573f;color:#fff;}
#tnb .tnb_wrap .svcbtn_box {float:right;position:relative;}
#tnb .tnb_wrap .svcbtn_box .sns_box {}
#tnb .tnb_wrap .svcbtn_box .sns_box .sns_off {display:block; position:relative;line-height:38px; padding:0 20px; background:#5c7d96;color:#fff; font-size:13px}
/*#tnb .tnb_wrap .svcbtn_box .sns_box .sns_off:after {position:absolute;content:""; background:url(../images/popbtn_close.png) no-repeat center;width: 15px; height: 15px; right: 15px; top: 50%; transform: translateY(-50%); }
#tnb .tnb_wrap .svcbtn_box .sns_box .sns_off:focus {text-decoration:underline;}
#tnb .tnb_wrap .svcbtn_box .sns_box ul {display:none;position:absolute; left:0; top:45px; width:100%; padding:5px 0; background:#5c7d96; z-index:600;}
#tnb .tnb_wrap .svcbtn_box .sns_box ul a {color:#fff; text-align:center;display:block;font-size:13px; line-height:29px;transition: all .3s ease;}
#tnb .tnb_wrap .svcbtn_box .sns_box ul a:hover {text-decoration:underline;}*/

@media (max-width: 1400px) {
	#tnb {display:none;}
	
}

.header__search {position: relative; z-index: 999999; width: 100%; background-color: transparent;}
.header__search__open {position: absolute; top: 30px; right: 175px; border-radius: 100px 100px; color: #0f9d4c; display: block; height: 32px; line-height: 32px; font-size: 16px; font-weight: 500; text-indent: -9999px; overflow: hidden;width: 40px; background-position: 10px center; background-repeat: no-repeat;}
.header__search__open:focus { border: 1px solid #0e813f;}


/*content area*/
#wrapper {display:block;}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {position:relative;width:100%;padding-bottom:60px}
.ct_inner {max-width:1440px; margin:0  auto}
.ct_inner:after {display:block; content:""; clear:both}
@media (max-width: 1400px) {
	.ct_inner {width:100%; padding:20px}
	
}
@media (max-width: 420px) {
	.ct_inner {width:100%; padding:5px}
	
}
/*mainslide*/
.mvisual-wr {position: relative; box-sizing: border-box; height: 650px;width:100%;}
.mvisual-wr #mvisual {position: relative; height: 100%;z-index: 1;}
.mvisual-wr #mvisual .ctrlnums-wrap { display: block; position: absolute; width: 100%; left: 0; bottom: 30px; z-index: 2;}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums {display:block;position:relative;font-size:0;max-width:1440px;margin:0 auto;text-align:right}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums button {box-sizing:border-box;border-radius:50%;transition:all .3s ease}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .nums {display:inline-block;vertical-align:middle;}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .nums button {display:inline-block;width:15px;height:15px;border:2px solid #fff;background:transparent;margin:0 0 0 8px}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .nums button:first-child {margin:0}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .nums button.active {background:#fff}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns {display:inline-block;vertical-align:middle;margin:0 0 0 15px}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns button {display:block;position:relative;float:left;width:44px;height:44px;border:2px solid #fff;background:transparent}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns button:after {content:"";display:block;position:absolute;width:14px;height:14px;background:url(../images/mv_stop.png) no-repeat;top:0;right:0;bottom:0;left:0;margin:auto}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-stop {}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-play {display:none}
.mvisual-wr #mvisual .ctrlnums-wrap .ctrl-nums .ctrl-btns .btn-play:after {background: url(../images/mv_play.png) no-repeat;}
.mvisual-wr #mvisual {position:relative;height:100%;z-index:1}
.mvisual-wr #mvisual .datalist,
.mvisual-wr #mvisual .owl-stage-outer,
.mvisual-wr #mvisual .owl-stage,
.mvisual-wr #mvisual .owl-item {height:100%}
.mvisual-wr #mvisual .owl-item {overflow:hidden}
.mvisual-wr #mvisual .item {height:100%}
.mvisual-wr #mvisual .item .vis_img {position:relative;height:100%}
.mvisual-wr #mvisual .item .vis_img img {display:block;position:absolute;width:2000px;height:100%;left:50%;top:0;transform:translateX(-50%);z-index:1}


@media (max-width: 1200px) {
	.mvisual-wr {height:600px;}
	
}

@media (max-width: 785px) {
	.mvisual-wr {height:520px;}
	
}

@media (max-width: 420px) {
	.mvisual-wr {height:360px;}
	.mvisual-wr #mvisual .item .vis_img img {width:800px;}
	
}
/*middle slide*/
.mdslide_wr {padding:55px 0;position:relative;}
.mdbanner_wr {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.mdbanner_wr .md_area {width:1020px;}
.mdbanner_wr .noti_banner {width:385px}
.mdbanner_wr .md_area .mdbanner {position:relative}
.activity_slide {height:240px;}
.mdbanner .activity_ctrl {z-index:1;display:flex;justify-content:space-between;align-items:center;position:absolute;top:20px;right:20px;width:81px;height:36px;padding:7px 17px;border-radius:36px;background:rgba(0,0,0,0.7);}
.mdbanner .activity_ctrl button {border:0}
.mdbanner .activity_ctrl .activity_prev {display:block !important;width:8px;height:15px;background:url("../images/mvis_prev.png") no-repeat center center;font-size:0;vertical-align:middle;}
.mdbanner .activity_ctrl .activity_next {display:block !important;width:8px;height:15px;background:url("../images/mvis_next.png") no-repeat center center;font-size:0;vertical-align:middle;}
.mdbanner .activity_ctrl .activity_btn {position:relative;width:8px;height:16px;background:no-repeat center center;font-size:0;}
.mdbanner .activity_ctrl .activity_btn.play {background-image:url("../images/slide_play.png");}
.mdbanner .activity_ctrl .activity_btn.stop {background-image:url("../images/slide_stop.png");}

.quick_box {margin:20px 0;display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;justify-content: space-between;}
.quick_box .quick_tit {font-size:25px; font-weight:700;width:15%}
.quick_box .quick_tit span {display:block}
.quick_box .middle_qui {display: flex; flex-direction: row; flex-wrap: nowrap;  align-items: center; width: 85%;}
.quick_box .middle_qui li {width: 16.66%;}
.quick_box .middle_qui li a {display: block; padding: 10px; text-align: center; font-size: 16px;line-height:28px;transition: all .5s ease;}
.quick_box .middle_qui li a .link_icon {width: 90px; height: 90px; border-radius: 50%; background: #f5f5f5; margin: 10px auto;;position:relative}
.quick_box .middle_qui li a .link_icon img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.quick_box .middle_qui li a:hover .link_icon {background:#8fe2f5;transition: all .5s ease;}
.quick_box .middle_qui li a:hover p {text-decoration:underline;transition: all .5s ease;}
#noti_sl {margin-bottom:20px}
#noti_sl .role-head h4 {font-weight:500;font-size:16px; color:#c7d300;margin-bottom:15px}
#noti_sl .role-body .item .inwr .ltno_title {font-weight:500; font-size:20px ;line-height:1.4;margin-bottom:10px;height:50px; white-space: normal; text-overflow: ellipsis; overflow: hidden;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#noti_sl .role-body .item .inwr .ltno_date {color:#777; font-size:14px;font-weight:300}
#noti_sl .role-body .item .inwr p {font-size:15px;margin:15px 0; font-weight:300;line-height:1.4;height: 109px;}
#noti_sl .role-body .ctrlnums-wrap {position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end;}
#noti_sl .role-body .ctrlnums-wrap p {display:inline-block;line-height:1;vertical-align:middle;color:#000;font-size:15px;width:38px;text-align:center}
#noti_sl .role-body .ctrlnums-wrap p span {display:inline-block;line-height:1}
#noti_sl .role-body .ctrlnums-wrap button {display:inline-block;vertical-align:middle;width:13px;height:13px;border:0;transition:all .3s ease}
#noti_sl .role-body .ctrlnums-wrap button span {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0}
#noti_sl .role-body .ctrlnums-wrap .owl-prev {background:url(../images/btn_p_prev.png) center no-repeat;margin:-7px 18px 0 0;background-size: contain;}
#noti_sl .role-body .ctrlnums-wrap .owl-next {background:url(../images/btn_p_next.png) center no-repeat;margin:-7px 0 0 18px;background-size: contain;}
#noti_sl .role-body .ctrlnums-wrap .owl-prev:focus,
#noti_sl .role-body .ctrlnums-wrap .owl-prev:hover {transform:translateX(-10px)}
#noti_sl .role-body .ctrlnums-wrap .owl-next:focus,
#noti_sl .role-body .ctrlnums-wrap .owl-next:hover {transform:translateX(10px)}

.box_link {}
.box_link ul{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.box_link ul li {width:32%; margin-right:2%;border-radius:10px; border:1px solid #b8b8b8;background:#f2f3f7;transition: all .5s ease;}
.box_link ul li:last-child {margin-right:0}
.box_link ul li:hover {background:#c7d300}
.box_link ul li a{padding: 90px 15px 15px; display: block; font-size: 16px;text-align:center;position:relative;transition: all .5s ease;}
.box_link ul li a:after {content:"";position:absolute; background:url(../images/link_icon.png) center no-repeat;width:15px; height:15px;display:block;top:10px; right:10px}
.box_link ul li a.box1 {background:url(../images/box_icon1.png) center 30px no-repeat}
.box_link ul li a.box2 {background:url(../images/box_icon2.png) center 30px no-repeat}
.box_link ul li a.box3 {background:url(../images/box_icon3.png) center 30px no-repeat}
.box_link ul li a span {display:block}
.box_link ul li a:hover {color:#fff;}
.box_link ul li a.box1:hover {background:url(../images/wbox_icon1.png) center 30px no-repeat}
.box_link ul li a.box2:hover {background:url(../images/wbox_icon2.png) center 30px no-repeat}
.box_link ul li a.box3:hover {background:url(../images/wbox_icon3.png) center 30px no-repeat}

@media (max-width: 1400px) {
	.mdbanner_wr {display: flex; flex-wrap: nowrap; flex-direction: column;}
	.mdbanner_wr .md_area {width:100%}
	.mdbanner_wr .noti_banner {width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: nowrap;}
	#noti_sl {width:49%}
	.box_link {width:49%}
}

@media (max-width: 785px) {
	.quick_box .quick_tit {display:none}
	.quick_box .middle_qui {width:100%}
}
@media (max-width: 420px) {
	.mdslide_wr{padding:15px 0}
	.activity_slide {height:120px}
	.quick_box .middle_qui {flex-wrap: wrap;}
	.quick_box .middle_qui li {width: 33.33%;}
	.mdbanner_wr .md_area .mdbanner .swiper-slide img{width:100%}
	.mdbanner_wr .noti_banner {flex-wrap: wrap;}
	#noti_sl {width:100%}
	.box_link {width:100%;margin-top:20px}
	
}
/*tab_latest*/
.lt_wrapper {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: nowrap; align-items: center;}
.board {width:1065px;position:relative; height:390px}
.board h3.current {background:#c7d300; }
.board h3.current a {color:#fff; font-weight:700}
.board h3.current a:hover{color:#fff}
.board h3 {width: 150px; display: inline-block; z-index: 2; position: relative; border: 1px solid #c7d300;}
.board h3 a {line-height: 46px; font-size: 18px; font-weight: 500; text-align: center; display: block; position: relative;}
.board h3 a:hover{color:#c7d300;}
.board a, .board ::before {
    transition: all .2s ease;
    -ms-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.board .list_box {position:absolute; width:100%; left:0; top:75px; display:none;}
.board .list_box.on {display:block; } 
.lat ul {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.lat ul li {width:32%; padding:50px 35px; border:1px solid #ddd;height:315px}
.lat ul li a {display:block;}
.lat ul li a .box_con {}
.lat ul li a .box_con .box_title {line-height:1.4;font-size: 20px; font-weight: 500; margin-bottom: 50px;height: 50px; white-space: normal; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lat ul li a .box_con .co{font-size: 16px; font-weight: 300;color:#545454;line-height:1.4;height: 90px; white-space: normal; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.lat ul li a .box_con .lt_info {color:#777;font-weight: 300; margin-top:15px}
.lat .lt_more {display: block; position: absolute; right: 0; top: -75px; width: 40px; height: 40px; border: 1px solid #c3c3c7; background: url(../images/board_more.png) no-repeat center center; font-size: 0; line-height: 0; text-indent: -9999px;}
.popup {width:350px;border: 1px solid #ccc;}
.popup .pop_list li a {display:block;}
.popup .pop_list li a:focus {oacity:0.8;}
.popup .pop_list li a:focus img {border:2px solid gold;box-sizing:border-box;}
.popup .bx-controls { position: absolute; height:27px;bottom: 0; right: 0;background: #fff;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center;border-left: 1px solid #ddd;border-top: 1px solid #ddd;}
.popup .bx-controls a {position:relative;top:initial;display: block; margin-top:0;width:26px;height:26px}
.popup .bx-wrapper .bx-pager, .popup .bx-wrapper .bx-controls-auto{position:relative;bottom:initial}
.popup .bx-wrapper .bx-pager {text-align:center;border-right:1px solid #ddd;line-height:27px;padding: 0 15px;}
.popup .bx-controls .bx-controls-direction {display: flex;flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.popup .bx-controls a.bx-prev {background: url(../images/pop_prev.png) no-repeat 0 0;left:initial}
.popup .bx-controls a.bx-next {background: url(../images/pop_next.png) no-repeat 0 0;right:initial}
.popup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {width:100%;display: flex;flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: flex-start;}
.popup .bx-controls-auto .bx-controls-auto-item a {position:relative;display: block; margin-top:0;width:26px;height:26px}
.popup .bx-controls-auto .bx-controls-auto-item a.bx-start {background: url(../images/pop_play.png) no-repeat 0 0}
.popup .bx-controls-auto .bx-controls-auto-item a.bx-stop {background: url(../images/pop_stop.png) no-repeat 0 0}

@media (max-width: 1400px) {
	.board {width:100%}
	.popup {display:none}
}

@media (max-width: 785px) {
	.board h3 a {line-height: 30px;font-size: 16px;margin-top: 8px;}
	.lat ul li {padding:20px;height:250px}
	
} 

@media (max-width: 420px) {
	.lat .lt_more {display:none}
	.board {height:850px}
	.board h3 {width:49%;margin-bottom:10px}
	.board .list_box {top: 100px;}
	.lat ul {flex-wrap: nowrap;flex-direction: column;}
	.lat ul li {width:100%;margin-bottom:20px}
	
} 

/*news section*/
.newes_section {margin: 80px 0; background: url(../images/new_bg.png) center no-repeat;}
.news_con {display: flex; flex-direction :row; flex-wrap: nowrap; justify-content: space-between; padding:40px 0}
.news_con .new_tit {font-size: 24px; line-height: 1.4; font-weight: 500; margin-bottom: 20px;}
.news_con .one_list {position: relative;overflow: hidden; height: 300px; border-radius: 8px;}
.news_con .one_list img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width:350px}
.news_con .vedio {width:24%}
.news_con .card {width:24%}
.news_con .event {width:49%}
.event_role li {padding:35px 45px}
.event_role li a {display:block}
.event_role li a .event_header {font-weight:500; font-size:15px;margin-bottom:20px}
.event_role li a .event_header em {margin-left:10px; color:#c7d300;font-size:30px}
.event_role li a .event_tit {line-height:1.4;font-size: 20px; font-weight: 500; margin-bottom: 50px;height: 50px; white-space: normal; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.event_role li a .event_info {}
.event_role li a .event_info span {display:block;color:#777;font-size:14px;line-height:22px}
.event_role .swiper-slide-active {border:2px solid #c7d300; background:#fff; border-radius:8px}
.event_role .swiper-scrollbar-drag {background:#c7d300}

.link_area {}
.link_wrapper {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.link_wrapper > div {width:32%;height:300px;}
.link_wrapper .big_link {border:1px solid #ddd}
.link_wrapper .big_link.link01 {background:url(../images/link01_bg.jpg) center no-repeat}
.link_wrapper .big_link.link02 {background:url(../images/link02_bg.jpg) center no-repeat}
.link_wrapper .big_link a {display:block;height:100%; padding:0 30px}
.link_wrapper .big_link a .link_cont {display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-start; height: 100%;}
.link_cont .link_tit{font-size:22px;line-height:1.4;margin-bottom:35px;color:#fff}
.link_cont .link_tit span {display:block;}
.link_cont .big_but {padding:10px 15px;display:inline-block;border:1px solid #fff;font-size:16px;color:#fff}
.link_cont .big_but em {display:block;padding-right:40px;position:relative;}
.link_cont .big_but em:after {content:"";position:absolute; width:14px; height:2px;background:#fff; right:0; top:50%;transform:translateY(-50%)}
.link_cont .big_but em:before {content:"";position:absolute; height:14px; width:2px;background:#fff;  right:6px;top:50%;transform:translateY(-50%)}
.link_ul ul{display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; height: 100%; justify-content: space-between;}
.link_ul ul li {width:100%;border:1px solid #ddd}
.link_ul ul li.linkbg_01 {background:url(../images/linkli_01.png)right bottom no-repeat;background-size: contain;}
.link_ul ul li.linkbg_02 {background:url(../images/linkli_02.png)right bottom no-repeat;background-size: contain;}
.link_ul ul li.memo_bg {background:#daf2fc url(../images/linkli_03.png)right bottom no-repeat;background-size: contain;border:0;position:relative}
.link_ul ul li.memo_bg:after {content:"";width:30px;height:30px; position:absolute;top:0;left:0;background:url(../images/linkli_03before.png)no-repeat;background-size: contain;}
.link_ul ul li a {display:block; font-size:16px;padding:35px 25px}
.link_ul ul li a span {display:inline-block;padding-right:40px;position:relative }
.link_ul ul li a span:after {content:"";position:absolute;background:url(../images/link_go.png)center no-repeat; width:10px; height:18px; right:0;top:50%;transform:translateY(-50%)}

/*calendar*/
.calendar-container { display: flex; justify-content: center;}
.calendar {width: 370px;
    text-align: center;
    background: #f7f8fc;
    padding: 25px;
    border-radius: 20px;
    border: 2px solid #c7d300;}
.calendar2 {width: 1155px;
    text-align: center;
    background: #f7f8fc;
    padding: 25px;
    border-radius: 20px;
    border: 2px solid #c7d300;}
.calendar-header {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
}
.calendar-header button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border: 0;
    transition: all .3s ease;
}
.calendar-header button#prevMonth {
	background: url(../images/btn_p_prev.png) center no-repeat;
    margin: -7px 18px 0 0;
    background-size: contain;

}
.calendar-header button#nextMonth {
	background: url(../images/btn_p_next.png) center no-repeat;
    margin: -7px 0 0 18px;
    background-size: contain;
}
.calendar-header img {
    width: 20px;
    height: 20px;
}
#calendarGrid {
    display: grid;
    grid-template-columns  : repeat(7, 1fr);
    text-align: center;
}
.calendar-cell {
    padding: 10px;
    font-size:16px;
    font-weight:300;
    
}
.day-header {
    font-weight: 500;
    font-size: 20px; 
    padding: 15px 10px 10px;
    border-bottom:2px solid #939393
}
.day-header.blue {color:#1c57a3}
.day-header.red {color:#bb0404}
.today {
    background-color: #f7c6ef;border-radius:50px; color:#6f0c62;font-weight:500;
}
.event-day {
    position:relative;font-weight:500;color:#049986
}
.event-day:after {width:5px;height:5px;content:"";display:block;position:absolute;
    left:50%;top:2px;border-radius:50%;background:#049986;transform:translateX(-50%)}
.event-list {
   width:50%; padding:25px; background:#fff; margin-left:15px;border-radius:20px 
}
.event-list::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera */
}
.event-list h3 {
    text-align: center;
    margin-bottom: 10px;
}
.event-list #eventDetails {max-height:263px; overflow-y:scroll;}
.event-item {
   padding-left: 15px;
    font-size: 14px;
    line-height: 1.5;
    border-bottom: 1px dashed #ddd;
    color:#666;
    font-weight:300;padding:10px 0
}
.event-item:last-child {border-bottom:0}
.event-item span {
    display: block;
    font-weight: 500;    
    position: relative;
    color:#000;
    font-size:16px;
    padding-left:10px
}
.event-item span:before {width:4px;height:16px; background:#049986;content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.no-events {
    text-align: center;
    font-style: italic;
    color: #888;
}




@media (max-width: 1200px) {
	.newes_section {margin: 60px 0;}
	.news_con {flex-wrap: wrap;}
	.news_con .vedio {display:none;}
	.news_con .card {display:none;}
	.news_con .event {width:100%}
}

@media (max-width: 785px) {
	.link_wrapper {flex-wrap: wrap;}
	.link_wrapper > div {width:49%}
	.link_wrapper .link_ul{width:100%; margin-top:10px}
}

@media (max-width: 420px) {
	.event_role li{padding:10px}
	.event_role li a .event_tit {font-size:16px;height: 45px;margin-bottom: 20px;}
	.link_wrapper .big_link {height:180px}
	.link_cont .link_tit {font-size:16px}
	.link_cont .big_but {font-size:12px; padding:8px 12px}
}

/*footer bannerzone*/
.bn_wrap{position:relative; width:96%; max-width:1440px; margin:0 auto;}
.bn_wrap h2{position:absolute; width:1px; height:1px; left:-9999em; top:-9999em; text-indent:-9999em; overflow:hidden;}
.bn_wrap ul{margin:20px 0 20px 100px; overflow:hidden;}
.bn_wrap ul li{float:left;margin: 0 5px;border:1px solid #f1f1f1}
.bn_wrap ul li a{display:table; width:100%; height:40px; letter-spacing:-1px; color:#333; text-align:center; font-family: 'NotoM';}
.bn_wrap ul li a p{display:table-cell; margin:0 2px; vertical-align: middle;}
.bn_wrap ul li a img{max-width:100%;}
.bn_wrap .slick-arrow{position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; display:block; text-indent:-99999%; overflow:hidden; cursor:pointer;border: 0;}
.bn_wrap .slick-next{left:61px; background:url('../images/btn_b_next.png')  no-repeat center; }
.bn_wrap .slick-prev{left:0px; background:url('../images/btn_b_prev.png')  no-repeat center; }
.bn_wrap .btn_box a{display:block; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; text-indent:-99999%; overflow:hidden;}
.bn_wrap .btn_box .control a{left:30px; width:31px; }
.bn_wrap .btn_box a.btn_stop{background:url('../images/btn_b_stop.png')  no-repeat center; }
.bn_wrap .btn_box a.btn_play{display:none; background:url('../images/btn_b_play.png')  no-repeat center; }

.foot_area {background:#32323c;}
.foot_box {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 76px;border-bottom: rgba(255,255,255,0.2) 1px solid;}
.foot_box .foot_site {}
.foot_box .foot_site a {display: inline-block; position: relative;  margin-left: 17px; padding-left: 17px; color: #ddd;line-height: 50px;font-size:14px}
.foot_box .foot_site a.policy {color: #c7d300;}
.foot_box .foot_sns a { display: inline-block; margin-left: 10px;}
.foot_cont {display: flex;  flex-wrap: wrap;  align-items: flex-start; position: relative; padding: 30px 0;}
.foot_cont .foot_logo {margin-right: 55px;}
.foot_cont .foot_text {color: #7f7f7f; line-height: 1.7; font-size: 13px;}
.foot_cont .foot_text .address {font-style: normal;}



@media (max-width: 420px) {
	.mdslide_wr {padding: 15px 10px;}
	.maincont_tab{padding: 0 10px;}
	.newes_section{padding:0 10px;}
	.link_area{padding:0 10px;}
	.foot_box .foot_site a {margin-left: 10px;padding-left: 10px;}
	.foot_box .foot_site a:first-child {margin-left: 0}
	.foot_cont .foot_logo {margin-bottom:15px; margin-right:0;}
	.foot_cont {flex-direction: column;align-items: center;}
	
.lat ul li a .box_con .box_title {margin-bottom:30px;}
}