@charset "utf-8";

html{overflow-x:hidden}

.sub0101 #top_layout{display:none;}
.sub0101 #svisual_layout{display:none;}
.sub0101 #subnav{display:none;}
.sub0101 #location{display:none;}
.sub0101 #foot_layout{display:none;}

.sub0101 #body_layout{height:100%;}
.sub0101 #body_layout .body_wrap{max-width:100%;height: 100%;padding: 0;}
.sub0101 .contents_wrap{height:100%;}
.sub0101 #txt{height:100%;padding: 0;}

#ysMap{overflow: hidden;position:relative;width: 100%;height: 100%;}
#ysMap .bt_bg{position:absolute;left: 41%;bottom:0;z-index: 1;width: 1576px;height:88px;background:url(/naraedu/img/prog/map_btbg.png);transform: translateX(-50%);}
#ysMap .bt_bg span{position:absolute;left: 0;top:0;width:100%;height:100%;background:url(/naraedu/img/prog/map_btbg1.png);-webkit-animation:swing-in-bottom-fwd .5s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-bottom-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}
#ysMap .bt_bg span:nth-child(1){animation-delay:.5s}
#ysMap .bt_bg span:nth-child(2){background:url(/naraedu/img/prog/map_btbg2.png);animation-delay:1.2s}
#ysMap .bt_bg span:nth-child(3){background:url(/naraedu/img/prog/map_btbg3.png);animation-delay:.9s}
#ysMap .bt_bg span:nth-child(4){background:url(/naraedu/img/prog/map_btbg4.png);animation-delay:1.5s}
@-webkit-keyframes swing-in-bottom-fwd{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1}}@keyframes swing-in-bottom-fwd{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1}}

#ysMap .logo{display: block;position: absolute;top: 40px;left: 55px;z-index: 1;width:122px;height:63px;background:url(/naraedu/img/prog/map_logo1.png);font-size:0;}
#ysMap .logo a:before{display: block;width:100%;height:100%;background:url(/naraedu/img/prog/map_logo2.png);font-size:0;content:'';-webkit-animation: bounce-top .9s both;animation:bounce-top .9s both;}
#ysMap .logo a{display:block;width:100%;height:100%;}

#ysMap .ui-tablist{position: relative;width:100%;height:100%;padding-right: 365px;}
#ysMap .ui-tablist .totalNum{position:absolute;right:0;top:0;z-index: 10;width:365px;height:100%;}
#ysMap .ui-tablist .totalNum .inner{display: table;width: 100%;height:100%;background:#fff;text-align:center;}
#ysMap .ui-tablist .totalNum .inner:nth-child(2){display:none;}
#ysMap .ui-tablist .totalNum .inner .txt{display:table-cell;vertical-align: middle;}
#ysMap .ui-tablist .totalNum .inner span{display:block;height:103px;margin: 0 auto 10px;background:url(/naraedu/img/prog/map_ir.png);}
#ysMap .ui-tablist .totalNum .inner .icon1{width:114px;}
#ysMap .ui-tablist .totalNum .inner .icon2{width: 119px;background-position: -122px 0;}
#ysMap .ui-tablist .totalNum .inner strong{display:block;font-size:24px;color:#000;font-weight:bold;font-family: 'score';}
#ysMap .ui-tablist .totalNum .inner p{display:block;margin-bottom: 25px;font-size:15px;color:#000;font-family: 'score';line-height: 1.3;}
#ysMap .ui-tablist .totalNum .inner em{color:#0e61ae;font-size:16px;font-family:'score';}
#ysMap .ui-tablist .totalNum .inner em b{display:block;font-size:60px;color:#0e61ae;line-height: 1.2;}
#ysMap .ui-tablist .totalNum .inner:nth-child(1){background:#0e61ae}
#ysMap .ui-tablist .totalNum .inner:nth-child(1) strong{color:#fff}
#ysMap .ui-tablist .totalNum .inner:nth-child(1) p{color:#fff}
#ysMap .ui-tablist .totalNum .inner:nth-child(1) em{color:#fff}
#ysMap .ui-tablist .totalNum .inner:nth-child(1) em b{color:#fff;}

#ysMap .tab-ul.type3{position:absolute;left: 40.5%;top:40px;z-index: 99;border: 0;transform:translateX(-50%);}
#ysMap .tab-ul.type3 li{overflow:hidden;width:45px;height:45px;border-radius:50%;border: 0;}
#ysMap .tab-ul.type3 li + li{margin-left:5px;}
#ysMap .tab-ul.type3 li a{width:100%;height:100%;border: 0;background: url(/naraedu/img/prog/map_ir.png) -254px 0;font-size:0;}
#ysMap .tab-ul.type3 li.on a{background-color:#0e61ae;background-position: -254px -45px;}
#ysMap .tab-ul.type3 li #tab2{background-position: -299px 0px;}
#ysMap .tab-ul.type3 li.on #tab2{background-position: -299px -45px;}
#ysMap .tab-ul.type3 li a:hover:before, 
#ysMap .tab-ul.type3 li.on a:before{display:none;}
#ysMap .tab-ul.type3 li a span{display: block;width:100%;height:100%;padding: 0;font-size:0;}
#ysMap .tabpanel{position: relative;height:100%;}
#ysMap #tab-panel1{background: #a4e4e9;}
#ysMap #tab-panel1:before{position:absolute;left: 55%;top: 50%;z-index: 0;width: 1920px;height: 1080px;margin-top: -540px;margin-left: -950px;background: url(/naraedu/img/prog/map_bg.png) center no-repeat;content:'';/* -webkit-animation: puff-in-center 1.5s cubic-bezier(.47,0.000,.745,.715) both; *//* animation: puff-in-center 1.5s cubic-bezier(.47,0.000,.745,.715) both; */animation-delay: 1.5s;}
#ysMap #tab-panel1 > .title{position:absolute;top:195px;left:90px;}
#ysMap #tab-panel1 .title b{display:block;width:295px;height:20px;background:url(/naraedu/img/prog/map_stit.png);font-size:0;}
#ysMap #tab-panel1 .title strong{display:block;width:247px;height:84px;margin: 20px 0 25px;background:url(/naraedu/img/prog/map_tit.png);font-size:0;}
#ysMap #tab-panel1 .title span{display:block;font-size:19px;font-family:'score';font-weight:normal;color:#289fac;}
#ysMap #tab-panel1 .title span:before{display:inline-block;position:relative;width:26px;height:31px;margin-right: 10px;background:url(/naraedu/img/prog/map_titIl.png);vertical-align: middle;content:'';}

@-webkit-keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes puff-in-center{0%{-webkit-transform:scale(2);transform:scale(2);-webkit-filter:blur(4px);filter:blur(4px);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0);filter:blur(0);opacity:1}}

#ysMap #tab-panel1 > .inner{padding-right: 365px;}
#ysMap #tab-panel1 .inner .map-tablist:before{position:absolute;right: 80px;top: 70px;z-index: 1;width:91px;height:129px;background:url(/naraedu/img/prog/map_mapIl2.png);content:'';}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul{position: absolute;left: 50%;top: 50%;width: 609px;height: 963px;margin: 0;background:url(/naraedu/img/prog/map_mapImg_230126.png);background-size: 100%;transform: translate(-100%, -50%);}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li{display: block;position:absolute;height: auto;text-align:center;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li.ov:before{display:block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);content:'';}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker1{top: 143px;right: 121px;padding-left: 30px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker1.ov:before{width: 208px;height: 324px;background:url(/naraedu/img/prog/ov_marker1.png);background-size: 100%;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker2{top: 284px;right: 49px;padding-top: 30px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker2.ov:before{width: 139px;height: 118px;background:url(/naraedu/img/prog/ov_marker2.png);background-size: 100%;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker3{top: 414px;right: 46px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker3.ov:before{width: 133px;height: 159px;background:url(/naraedu/img/prog/ov_marker3.png);background-size: 100%;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker4{top: 380px;right: 188px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker4.ov:before{left: 100%;width: 265px;height: 264px;background:url(/naraedu/img/prog/ov_marker4.png);background-size: 100%;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker4 a{/* padding-right: 35px; */}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker5{top: 368px;left: 210px;padding-bottom: 60px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker5.ov:before{width: 181px;height: 209px;background:url(/naraedu/img/prog/ov_marker5.png);background-size: 100%;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker6{top: 448px;left: 186px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker6.ov:before{width: 139px;height: 118px;background:url(/naraedu/img/prog/ov_marker6.png);background-size: 100%;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker7{bottom: 417px;left: 173px;padding-right: 70px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker7.ov:before{width: 214px;height: 145px;background:url(/naraedu/img/prog/ov_marker7.png);background-size: 100%;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker8{bottom: 403px;right: 205px;padding-top: 40px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker8.ov:before{width: 192px;height: 100px;background:url(/naraedu/img/prog/ov_marker8.png);background-size: 100%;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker9{bottom: 338px;left: 241px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker9.ov:before{height: 156px;background:url(/naraedu/img/prog/ov_marker9_230126.png) no-repeat;background-size: 100%;left: 85px;width: 201px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker9 a{top:40%}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker10{bottom: 303px;right: 229px;padding-top: 29px;padding-left: 10px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker10.ov:before{width: 67px;height: 87px;background:url(/naraedu/img/prog/ov_marker10_230126.png) no-repeat;background-size: 100%; left: 47px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker11{bottom: 162px;left: 172px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker11.ov:before{width: 320px;height: 327px;background:url(/naraedu/img/prog/ov_marker11_230126.png) no-repeat;background-size: 100%;top: 42px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li a{display: inline-block;position: relative;top: 50%;z-index: 1;width: auto;transform: translateY(-50%);}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker12{bottom: 308px;left: 295px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker12.ov:before{width: 47px; height: 54px;background: url(/naraedu/img/prog/ov_marker12.png) no-repeat;background-size: 100%; left: 30px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li a{display: inline-block;position: relative;top: 50%;z-index: 1;width: auto;transform: translateY(-50%);}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker13{bottom: 292px;left: 179px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker13.ov:before{width: 207px;height: 199px;background:url(/naraedu/img/prog/ov_marker13.png) no-repeat;background-size: 100%;left: 36px;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li a{display: inline-block;position: relative;top: 50%;z-index: 1;width: auto;transform: translateY(-50%);}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li b{display:block;position:absolute;left:50%;top:-35px;width:26px;height:31px;margin-left: -13px;background:url(/naraedu/img/prog/map_marker.png);font-size:0;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(2) b{animation-delay:.2s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(3) b{animation-delay:.3s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(4) b{animation-delay:.4s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(5) b{animation-delay:.5s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(6) b{animation-delay:.6s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(7) b{animation-delay:.7s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(8) b{animation-delay:.8s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(9) b{animation-delay:.9s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(10) b{animation-delay:1s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li:nth-child(11) b{animation-delay:1.1s}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li.ov b{background-position: -26px 0;}
#ysMap #tab-panel1 .inner .map-tablist .tab-ul li span{font-size:15px;color:#b3b3b3;font-family:'score';font-weight: 700;}

#ysMap #tab-panel1 .inner .map-tablist .con_tab .list_wrap{position:absolute;right: -365px;top:0;z-index: 9;width: 365px;height:100%;background:#fff;}
#ysMap #tab-panel1 .inner .map-tablist .con_tab .con{display:none;}
#ysMap #tab-panel1 .inner .map-tablist .boardList{position:absolute;right:0;bottom: 148px;max-width: 700px;height: auto;padding-left: 160px; display:none;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .tit{position:absolute;left:0;top: 41px;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .tit:after{display: block;width:179px;height:79px;margin-top: 15px;background:url(/naraedu/img/prog/map_il.png);content:'';}
#ysMap #tab-panel1 .inner .map-tablist .boardList .tit p{margin: 0 0 10px;font-size:13px;color:#289fac;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .tit p span{display:inline-block;padding: 0px 6px;border:2px solid #289fac;border-radius:30px;font-weight:bold;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .tit p em{margin-left:10px;;font-size:13px;color:#289fac;font-weight:bold;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .tit strong{display:block;width:83px;height:52px;background:url(/naraedu/img/prog/map_slidetit.png);font-size:0;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-control{position:absolute;left: 330px;bottom: 23px;z-index: 9;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-control .slick-arrow{display:inline-block;width:32px;height:28px;margin-left: 25px;background:url(/naraedu/img/prog/map_slidearr.png);font-size:0;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-control .prev{transform: rotate(-180deg);}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button{position: absolute;left: -57px;bottom: 35px;z-index: 99;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button button{position:relative;width: 7px;height:10px;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button .pause i:before,
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button .pause i:after{content:'';display:block;position:absolute;background: #1f1f1f;width: 2px;height:100%;top:0;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button .pause i:before{left:0;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button .pause i:after{right:0;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button .play i:before{content:'';display:block;position:absolute;top:0;left:0;border-top:4.5px solid transparent;border-left: 7px solid #1f1f1f;border-bottom:4.5px solid transparent;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-counter{position: absolute;left: -199px;bottom: 35px;font-size:13px;color:#000;font-family:'score';font-weight:bold;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-counter span{display:inline-block;padding: 0 1px;font-size:13px;color:#000;font-family:'score';font-weight:bold;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide{width:auto;max-width: 260px;margin-right: 20px;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide .photo_list--item{height: 260px;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide .photo_list--item.nodata{position:relative;max-width: 260px;padding: 95px 14px 60px;text-align:center;transition: all .5s;font-size: 19px;color:#000000;font-family:'score';}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide .photo_list--item.nodata:before{position:absolute;left: 50%;top: 50%;z-index: -1;width: 240px;height: 240px;border-radius:50%;background:#fff;border:10px solid #0e61ae;transform: translate(-50%, -50%);content:'';}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a{display:block;position:relative;min-width: 260px;padding: 65px 24px 60px;text-align:center;transition: all .5s;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a:before{position:absolute;left: 50%;top: 50%;z-index: -1;width: 240px;height: 240px;border-radius:50%;background:#fff;border:10px solid #0e61ae;transform: translate(-50%, -50%);content:'';}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide strong{display:block;overflow: hidden;margin: 5px 0 5px;font-size:20px;color:#000000;font-family:'score';white-space: nowrap;text-overflow: ellipsis;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide b{font-size:14px;color:#0b0f10;font-family:'score';font-weight: normal;}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide p{margin:0;transition:all .5s}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide p em{display:block;font-size:12px;color:rgba(0,0,0,0.5);line-height:1.2;transition:all .5s}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide span{display: inline-block;margin-top: 10px;padding: 9px 36px;background:#f9c031;border-radius:30px;font-size:16px;color:#000;font-family:'score';opacity: 0;transition:all .5s}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a:hover,
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a:focus{}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a:hover span,
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a:focus span{opacity:1}
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a:hover b,
#ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a:focus b{color: #0e61ae;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap{height: 100%;padding: 137px 25px 0;text-align:center;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap:before{position:absolute;top: 50%;left: 25px;right: 25px;height:2px;margin-top: 35px;background: #0e61ae;content:'';}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .title{display:inline-block;position: absolute;top: 37px;left: 50%;padding: 0 35px;background: #f2f7fb;border: 1px solid #86b0d6;border-radius: 30px;font-size:16px;color:#0e61ae;font-family:'score';line-height: 54px;transform: translateX(-50%);}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner{overflow: hidden;position: relative;height: calc(50vh - 136px);/* height: 50vh; */text-align:left;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner + .inner{margin-top:70px;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner > strong{display:block;margin-bottom: 20px;font-size:18px;color:#000;font-family:'score';font-weight:bold;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner > ul{overflow-y:auto;height: calc(100% - 48px);}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner > ul > li{border-bottom:1px solid #ddd;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner > ul > li.nodata{display:block;padding: 20px 0;border: 0;font-size:15px;color:#333;font-family:'score';font-weight:bold;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li a{display:block;position:relative;min-height: 115px;padding: 26px 0;padding-left:100px;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li .thumb{overflow: hidden;position:absolute;left:0;top: 20px;width:82px;height:82px;border-radius:50%;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li .thumb img{position:absolute;left:50%;top:50%;width:auto;height:100%;transform:translate(-50%,-50%)}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li a:hover .thumb:before,
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li a:focus .thumb:before{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border:5px solid #49545f;border-radius:50%;content:'';}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li strong{display:block;font-size:15px;color:#333;font-family:'score';font-weight:bold;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li p{display:block;margin:0;font-size:15px;color:#666666;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li span{color:rgba(51,51,51,0.4);}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li .info li{position:relative;padding-left: 35px;color:#666;font-size:13px;font-family:'score';}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li .info li b{position:absolute;left:0;top:0;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner + .inner ul li .thumb{top:30px;transform: none;}
#ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner .more{position:absolute;right:0;top:0;width: auto;height: auto;font-size:15px;text-decoration:underline;color:#000;font-family:'score';}

#ajaxLayer{position:absolute;right:365px;top:0;z-index: 999;width: 446px;height:100%;background: #49546c;}
#ajaxLayer .edu_program{position:relative;height: 100%;padding: 50px;}
#ajaxLayer .edu_program .thumb{overflow:hidden;position:relative;width:192px;height:192px;margin: 0 auto 20px;border-radius: 50%;}
#ajaxLayer .edu_program .thumb img{position:absolute;left:50%;top:50%;width:auto;max-width: 1000%;height:100%;transform:translate(-50%,-50%);}
#ajaxLayer .edu_program .txt {text-align:center;}
#ajaxLayer .edu_program .txt span{color:#60b3ff;font-size:13px;}
#ajaxLayer .edu_program .txt strong{display:block;margin-bottom: 5px;font-size:26px;color:#fff;font-family:'score';}
#ajaxLayer .edu_program .txt .link li{display:inline-block;}
#ajaxLayer .edu_program .txt .link li a{display:block;overflow: hidden;padding: 0px 16px;border: 1px solid #fff;border-radius: 30px;color:#fff;font-size:14px;font-family:'score';line-height: 38px;}
#ajaxLayer .edu_program .txt .link li a:hover,
#ajaxLayer .edu_program .txt .link li a:focus{background:#1b86e9;border-color:#1b86e9;}
#ajaxLayer .edu_program .txt .info{margin-top:30px;margin-bottom:35px;}
#ajaxLayer .edu_program .txt .info li{position:relative;padding-left:70px;color:rgba(255,255,255,0.6);font-size:16px;text-align: left;}
#ajaxLayer .edu_program .txt .info li b{position:absolute;left:0;top:0;color:#fff;}
#ajaxLayer .edu_program .txt .info li b{position:absolute;left:0;top:0;color:#fff;}
#ajaxLayer .edu_program .txt .map_wrap{padding-top:40px;border-top: 1px solid #6d7689;text-align:left;}
#ajaxLayer .edu_program .txt .map_wrap .map_info{position:relative}
#ajaxLayer .edu_program .txt .map_wrap .map_info strong{display:block;font-size:15px;line-height: 1;}
#ajaxLayer .edu_program .txt .map_wrap .map_info p{display: inline-block;margin: 0;font-size:13px;color:rgba(255,255,255,0.6);}
#ajaxLayer .edu_program .txt .map_wrap .map_info a{display:inline-block;padding: 0 6px;margin-left: 10px;border:1px solid rgba(255,255,255,0.6);color:rgba(255,255,255,0.6);font-size: 13px;line-height: 2;}
#ajaxLayer .edu_program .txt .map_wrap #map{position:relative;overflow:hidden;width:100%;height:276px;margin-top: 15px;}
#ajaxLayer .edu_program .modal__close-button{position:absolute;top: 20px;right: 20px;font-size:0;}
#ajaxLayer .edu_program .modal__close-button span{width: 26px;height: 26px;background:none;}
#ajaxLayer .edu_program .modal__close-button span:before{width:100%;height: 2px;margin-left: -12px;}
#ajaxLayer .edu_program .modal__close-button span:after{height:100%;width: 2px;margin-top: -12px;}

#ysMap #tab-panel2{background:#ebebeb}
#ysMap #tab-panel2 .text_list{position: relative;top: 20%;max-width: 783px;margin: 0 auto;}
#ysMap #tab-panel2 .text_list:after{display:block;clear:both;content:'';}
#ysMap #tab-panel2 .text_list li{float: left;width:180px;height:180px;margin-right: 21px;margin-bottom: 20px;}
#ysMap #tab-panel2 .text_list li:nth-child(4n){margin-right:0;}
#ysMap #tab-panel2 .text_list li a{display:block;width:100%;height:100%;padding: 50px 0 0;background: #e4e4e4;border: 1px solid #c7c7c7;border-radius:10px;text-align:center;}
#ysMap #tab-panel2 .text_list li strong{display:block;margin-bottom: 20px;color:#161616;font-size:18px;font-family:'score';}
#ysMap #tab-panel2 .text_list li p{color:#0e61ae;font-size:16px;font-family:'score';}
#ysMap #tab-panel2 .text_list li p b{font-size:40px;}
#ysMap #tab-panel2 .text_list li .nodata{color:#8e8e8e;font-size:20px;font-weight:bold;;}

#ysMap .footer{position:absolute;left: 60px;bottom: 80px;}
#ysMap .footer p{color:#128894;font-size:13px;}

@-webkit-keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}@keyframes bounce-top{0%{-webkit-transform:translateY(-45px);transform:translateY(-45px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{-webkit-transform:translateY(-24px);transform:translateY(-24px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}65%{-webkit-transform:translateY(-12px);transform:translateY(-12px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}82%{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}93%{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}25%,55%,75%,87%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1}}

@media (max-height:900px ){
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul{left: 420px;top: 17%;width: 369px;height:581px;background-size:100%;transform: translate(-50%,0%);}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker1{top: 84px;right: 59px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker1.ov:before{width:122px;height:189px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker2{top: 165px;right: 20px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker2.ov:before{width:83px;height:70px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker3{right: 20px;top: 250px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker3.ov:before{width:76px;height:91px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker4{top: 224px;right: 113px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker4.ov:before{width:161px;height:160px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker6{left: 100px;top: 265px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker6.ov:before{width:83px;height:71px;background-size:100%}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker5{top: 222px;left: 118px;padding-bottom: 30px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker5.ov:before{width: 109px;height:126px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker10{right: 125px;bottom: 170px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker10.ov:before{width:41px;height:53px;background-size:100%; left: 41px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker11{left: 95px;bottom: 90px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker11.ov:before{width:183px;height:205px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker9{left: 136px;bottom: 204px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker9.ov:before{width:120px;height:83px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker8{right: 117px;bottom: 228px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker8.ov:before{width:120px;height:63px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker7{left: 93px;bottom: 245px;padding-right: 50px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker7.ov:before{width:132px;height:89px;background-size:100%;}

    #ysMap #tab-panel2 .text_list li{height:150px}
    #ysMap #tab-panel2 .text_list li a{padding-top: 35px;}
}
@media (max-width:1600px){
    #ysMap #tab-panel1 > .title{left: 55px;top: 140px;}
    #ysMap #tab-panel1:before{
    margin-left: -820px;
}
}
@media (max-height:900px ) and (max-width:1600px){
    #ysMap #tab-panel1 .inner .map-tablist .boardList{max-width: 320px;padding-left: 109px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-control{left:180px}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button{left: -20px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-counter{left: -160px;}
}
@media(max-width:1439px){
    #ysMap #tab-panel1 > .title{left:50px;top:160px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul{top: 51%;left: 99px;transform:translate(0,-50%);}
    #ysMap #tab-panel1 .inner .map-tablist .boardList{max-width: 320px;padding-left: 169px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-control{left:180px}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button{left: -20px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-counter{left: -160px;}
    
    #ysMap #tab-panel2 .text_list{padding: 0 30px;}
    #ysMap #tab-panel2 .text_list li{width: calc(33.333% - 14px);height: 127px;margin-right:20px;}
    #ysMap #tab-panel2 .text_list li:nth-child(4n){margin-right:20px;}
    #ysMap #tab-panel2 .text_list li:nth-child(3n){margin-right:0px;}
    #ysMap #tab-panel2 .text_list li a{padding-top: 24px;}
}
@media (max-height:940px ) and (max-width:1439px){
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul{left: 191px;}
    #ysMap #tab-panel2 .text_list li{width: 165px;}
    #ysMap #tab-panel2 .text_list li:nth-child(3n){margin-right:20px;}
    #ysMap #tab-panel2 .text_list li:nth-child(4n){margin-right:0;}
    #ysMap #tab-panel2 .text_list li a{padding-top: 18px;}
}
@media (max-height:840px) and (max-width:1199px){
    #ysMap #tab-panel2{min-height: 870px;}
}
@media(max-width: 1199px){
    .sub0101 #body_layout{height:auto;}
    #ysMap .bt_bg{display: none;}
    #ysMap .logo{top: 20px;left:50%;width:98px;height:51px;background-size:100%;transform: translateX(-50%);}
    #ysMap .logo a:before{background-size:100%;}
    #ysMap .ui-tablist{padding: 0;}
    #ysMap .tabpanel{min-height: 100vh;}
    #ysMap .tab-ul.type3{right:30px;left: auto;top: 20px;transform: none;}
    #ysMap #tab-panel1{padding-top: 1000px;}
    #ysMap #tab-panel1:before{top: 443px;left: 50%;width: 1350px;height:786px;margin-left: 270px;background-size:100%;}
    #ysMap #tab-panel1 > .inner{padding:0}
    #ysMap #tab-panel1 .inner .map-tablist:before{top:auto;top: 53vh;right: 30px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul{left: 50%;top: 150px;width: 369px;height:581px;background-size:100%;transform: translate(-50%,0%);}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker1{top: 84px;right: 59px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker1.ov:before{width:122px;height:189px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker2{top: 165px;right: 20px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker2.ov:before{width:83px;height:70px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker3{right: 20px;top: 250px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker3.ov:before{width:76px;height:91px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker4{top: 224px;right: 113px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker4.ov:before{width:161px;height:160px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker6{left: 100px;top: 265px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker6.ov:before{width:83px;height:71px;background-size:100%}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker5{top: 222px;left: 118px;padding-bottom: 30px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker5.ov:before{width: 109px;height:126px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker10{right: 125px;bottom: 170px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker10.ov:before{width:57px;height:53px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker11{left: 95px;bottom: 90px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker11.ov:before{width:183px;height:205px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker9{left: 136px;bottom: 198px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker9.ov:before{width:193px;height:95px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker8{right: 117px;bottom: 228px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker8.ov:before{width:120px;height:63px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker7{left: 93px;bottom: 245px;padding-right: 50px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker7.ov:before{width:132px;height:89px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul li span{font-size:14px;}
    #ysMap #tab-panel1 .inner .map-tablist .con_tab{width: 100%;}
    #ysMap #tab-panel1 .inner .map-tablist .con_tab .con{position:relative}
    #ysMap #tab-panel1 .inner .map-tablist .boardList{right: 30px;left: 40px;bottom: auto;top: -290px;max-width: 100%;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-counter{left: -90px;bottom:0;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button{left: 0;bottom:0;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-control{left: 80px;bottom: -2px;}
    #ysMap #tab-panel1 .inner .map-tablist .con_tab .list_wrap{position: relative;right:0;top: auto;width: 100%;height: 100vh;}

    #ajaxLayer{right:0;width:100%}
    #ajaxLayer .edu_program{height: auto;padding:50px 30px;}
    #ajaxLayer .edu_program .txt .info li{font-size:14px;}

    #ysMap .ui-tablist .totalNum{position: fixed;right:auto;left:0;top: auto;bottom: 0;height:238px;width:100%;}
    #ysMap .ui-tablist .totalNum:before{position:absolute;left:0;top: -90px;z-index: 1;width: 100%;height:88px;background: url(/naraedu/img/prog/map_btbgm.png);content:'';}
    #ysMap .ui-tablist .totalNum .inner{float:left;width:100%;height:100%;padding-top: 20px;}
    #ysMap .ui-tablist .totalNum .inner span{height:61px;background-size:auto 100%;}
    #ysMap .ui-tablist .totalNum .inner .icon1{width: 65px;}
    #ysMap .ui-tablist .totalNum .inner .icon2{width: 71px;background-position: -72px 0;}
    #ysMap .ui-tablist .totalNum .inner strong{font-size:20px;}
    #ysMap .ui-tablist .totalNum .inner p{margin-top: 0;margin-bottom:10px;}
    #ysMap .ui-tablist .totalNum .inner em b{display:inline-block;margin-left:10px;font-size:30px;vertical-align:middle}

    #ysMap #tab-panel2{padding-top:130px;}
    #ysMap #tab-panel2 .text_list{top: auto;padding: 0 30px;}
    
}

@media(max-width:767px){
    #ysMap{overflow: visible;}

    #ysMap .logo{left:25px;width: 69px;height: 36px;transform:none;}
    #ysMap .tab-ul.type3{top:12px;right:15px;}
    #ysMap .ui-tablist .totalNum{position: absolute;bottom: -475px;height: auto;}
    #ysMap .ui-tablist .totalNum .inner{float:none;width:100%;height: 475px;}
    #ysMap #tab-panel1{min-height: 100%;padding-top: 670px;}
    #ysMap #tab-panel1:before{display:none;}
    #ysMap #tab-panel1 .title{top:100px;left:25px;}
    #ysMap #tab-panel1 .title b{width: 230px;height:16px;background-size:100%;}
    #ysMap #tab-panel1 .title strong{width:158px;height:54px;margin-top: 10px;margin-bottom: 10px;background-size:100%;}
    #ysMap #tab-panel1 .title span{font-size:14px;}
    #ysMap #tab-panel1 .title span:before{width:19px;height:23px;margin-right: 5px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist:before{top: 510px;width:69px;height:98px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul{top: 190px;width: 245px;height: 395px;}

    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker1{right: 33px;top: 51px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker1.ov:before{width:83px;height:128px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker6{left: 64px;top: 174px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker6.ov:before{width:56px;height:48px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker3{right: 11px;top: 162px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker3.ov:before{width:52px;height:62px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker5{top: 144px;left: 76px;padding: 0 0 20px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker5.ov:before{width:74px;height:86px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker7{left: 61px;bottom: 164px;padding-right: 30px;padding-top: 8px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker7.ov:before{width:90px;height:60px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker4{top: 147px;right: 76px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker4.ov:before{width:109px;height: 109px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker2{top: 101px;right: 12px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker2.ov:before{width:56px;height:48px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker9{bottom: 137px;left: 95px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker9.ov:before{width:83px;height:65px; left: 38px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker11{left: 62px;bottom: 64px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker11.ov:before{width:124px;height:158px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker8{right: 74px;bottom: 144px;padding-bottom: 14px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker8.ov:before{width:82px;height:43px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker10{right: 80px;bottom: 114px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker10.ov:before{width:26px;height:34px; left: 33px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker12{bottom: 127px; left:121px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker12.ov:before{width: 25px; height: 24px; left: 11px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker13{bottom: 119px; left:63px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul .marker13.ov:before{width: 84px; height: 76px; left: 22px;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul li span{font-size: 11px;letter-spacing: -0.05em;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul li b{top: -19px;width: 12px;height: 14px;margin-left: -6px;background-size: auto 103%;background-position:0 0;}
    #ysMap #tab-panel1 .inner .map-tablist .tab-ul li.ov b{background-position:-12px 0}

    #ysMap #tab-panel1 .inner .map-tablist .con_tab .list_wrap{margin-top: 370px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList{left: 0;top: -380px;right: 0;padding: 0;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .tit{position: relative;top: auto;max-width: 260px;margin: 0 auto;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .tit:after{position:absolute;right: 15px;top: 20px;width: 150px;height: 66px;margin: 0;background-size: 100%;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide .photo_list--item.nodata{max-width: 220px;padding: 77px 24px 60px;font-size:18px;line-height: 1.4;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide .photo_list--item.nodata:before{width: 180px;height: 180px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide{float:none;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide .photo_list--item{height:220px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a{min-width: 220px;padding: 56px 46px 48px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide a:before{width: 180px;height: 180px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide b{font-size:12px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide strong{margin: 0;font-size:18px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-slide span{padding: 6px 16px;font-size:12px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-control .slick-arrow{width: 17px;height: 15px;margin-left: 80px;background-size:100%;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-button{left: 49%;bottom: -19px;margin-left: -21px;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-control{left: 48%;bottom: -20px;transform:translateX(-50%);}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slider-control .prev{margin-left: 0;}
    #ysMap #tab-panel1 .inner .map-tablist .boardList .slick-counter{left: 50%;bottom: -19px;transform:translateX(-50%);}

    #ysMap #tab-panel1 .inner .map-tablist .list_wrap:before{margin-top: 45px;}
    #ysMap #tab-panel1 .inner .map-tablist .list_wrap .title{line-height:45px}
    #ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner{height: calc(50vh - 116px);}
    #ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner + .inner{margin-top:50px;}
    #ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li a{padding: 16px 0 16px 85px;}
    #ysMap #tab-panel1 .inner .map-tablist .list_wrap .inner ul li .thumb{width: 65px;height: 65px;}

    #ajaxLayer .edu_program{height: auto;padding:30px 25px;}
    #ajaxLayer .edu_program .txt strong{font-size:24px;}
    #ajaxLayer .edu_program .txt .map_wrap .map_info a{display:block;width: 50px;margin: 5px 0 0;}

    #ysMap #tab-panel2{min-height:100%;padding-top:100px;}
    #ysMap #tab-panel2 .text_list{top: auto;padding: 0 25px 50px;}
    #ysMap #tab-panel2 .text_list li{width: calc(50% - 8px);height: 127px;margin-right: 15px;margin-bottom: 15px;}
    #ysMap #tab-panel2 .text_list li:nth-child(3n){margin-right: 15px;}
    #ysMap #tab-panel2 .text_list li:nth-child(2n){margin-right:0px;}
    #ysMap #tab-panel2 .text_list li a{padding-top: 24px;}
    #ysMap #tab-panel2 .text_list li strong{font-size:16px;}
    #ysMap #tab-panel2 .text_list li p b{font-size:30px;}
    
    #ysMap .footer{display: none;left:0;bottom:30px;right:0;padding:0 25px;text-align:center;}
}