*{box-sizing: border-box}

body{font-size: .8em;color: #666}

.swiper-container {
    width: 100%;
    height: 100%;
  }
  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-slide img{width: 100%;}
  .swiper-pagination{
      right: 10%;top: 5%;height: 30px
  }
  .swiper-pagination-bullet{
    background-color: #5e5751;opacity: 1;width: 16px;height: 16px;
  }
  .swiper-pagination-bullet-active{
    background-color: #ff6600;
  }
  .swiper-container-a .swiper-button-prev{background: url(../01_24/img/bg_curator-prev.png)no-repeat}
  .swiper-container-a .swiper-button-next{background: url(../01_24/img/bg_curator-next.png)no-repeat}


a{display: block}
.textleft{text-align: left}

.topwarp{overflow: hidden;margin-bottom: 2%}
header{background: #fff;}
.tophead{height: 64px;max-width: 1400px;margin: auto;color:#fff}
.tophead ul{float: right;width: 550px;}
.tophead li{float: left;padding: 3% 3%}
.lang{position: relative;width: 80px;}
.lang .span{position: relative;width: 100%;z-index: 100;display: block;width: 100%;color: #fff;text-decoration: underline;background: url(../01_24/img/blt_arr_open.png)no-repeat right center}
.lang .span.on{color:#000}
.lang ul.onlang{display: none;width: 120%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);line-height: 1.5;border-radius: 5%;border: 1px solid #666;overflow: hidden;z-index: 10;background: #fff;color: #000;padding: 4px 0}
.lang ul.onlang li:nth-child(1){padding-top: 20px}
.lang ul.onlang li{line-height: 1.5;text-indent: 8px;width: 100%;}


header h1{max-width: 198px;float: left;padding-top: 1%}
header h1 img{width: 100%;}

header .nav{max-width: 1400px;margin: auto;position: relative;background: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px}
header .nav> ul{display: flex;}
header .nav li.level1{position: relative;text-align: center}
header .nav ul.level2 li{padding: 1%}
header .nav ul.level2 li:hover{text-decoration: underline;color: #000}
header .nav li.level1:nth-child(even)::after{content: '';height: 40%;width: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-right: 1px solid #ccc;border-left: 1px solid #ccc}
header .nav ul.level2{text-align: left;width: 100%;display: none;position: absolute;left: 0;top: 100%;z-index: 10;background: #fff;border-bottom-left-radius: 5%;border-bottom-right-radius: 5%;border: 1px solid #666;text-indent: 5%;letter-spacing:-.02em}
/* header .nav .level1:hover .level2{opacity: 1;top: 100%} */
header .nav ul li{
    flex: 1;
    line-height: 3
}
header .nav ul li a{ 
}

header .nav ul li span{
    display: block;
    width: 100%;height: 5px;
    background: #fff
}
header .nav ul li:hover span{
    background: #ff6600
}

.wrap{width: 66.666%;margin: auto;clear: both;}
.topbanner{position: relative;overflow: hidden;float: left;;width: 100%;height: 78vh;background-image: url(../01_24/img/topbar1.jpg);background-size: cover;margin-bottom: 5%}
.in{display: none;color: #fff;position: absolute;left: 10%;top: 40%;line-height: 2;font-size: 1.3em}
.in.on{display: block;}
.in .box{display: inline-block;border: 2px solid #fff;padding: 4px 12px}
.in .whtie{background: #fff;color: #000}
.in h2{font-size: 2.5em}
.toplist{float: left;width: 30%;height: 55vh;font-size: 1.1em;overflow: hidden;}
.toplist ul{height: 100%;}
.toplist li{display: none;height: 100%;padding: 3% 5%;line-height: 2}
.toplist li img{width: 100%;}
.toplist li.on{display: block;}
.toplist h3{padding: 2% 0;text-indent: 10px}

.button{position: absolute;right: 5%;bottom:8%;}
.button li{display: inline-block;width: 16px;height: 16px;border-radius: 100%;
background-color: #5e5751;overflow: hidden;cursor: pointer;}
.button li.on{background-color: #ff6600;}

.tabmenu{text-align: center;padding: 8% 0;margin-bottom: 25%;}
.bgwrap{height: 80vh;margin: 8% 0}
.bgwrap.bg1{background: url(../01_24/img/midbar1.jpg);background-attachment: fixed;background-position: center center}
.bgwrap.bg2{background: url(../01_24/img/bg1.jpg);background-attachment: fixed;background-position: center center}
.tabmenu> h2{text-align: center;font-size: 3em;margin: 2% 10%;display: inline-block;font-family: 'Song Myung', serif;font-weight: 100;color: #fff;cursor: pointer;}
.tabmenu span.name{display: block;width: 0;height: 2px;background: #ff6600;margin: 16px auto;transition: all .5s ease}
.tabmenu span.name.on{width: 50px;}
.tabslide{width: 100%;height: 500px;overflow: hidden;background: #fff;}
.tabmenu section{position: relative;height: 100%}
.tab2 section{padding: 4%}
/* .tabslide .list li{width: 100%;height: 600px;display: flex;white-space: nowrap;position: relative;} */
section .button{top: 4%;}

.midbaner{background: url(../01_24/img/midbar1.jpg)repeat center center;}
.btdbaner{background: url(../01_24/img/topbar2.jpg)no-repeat center center;}
.midbaner,.btdbaner{padding: 10% 0;background-attachment: fixed;margin-bottom: 15%}

.limg{float: left;padding: 5%;width: 30%;}
.limg img{width: 100%;}
.llist{width: 70%;text-align: left;padding-right: 15%;font-size: .9em}
.llist span{display: inline-block;padding: 2% 5%;background: #ff5c5e;color: #fff;margin-bottom: 3%}
.llist h2{font-family: 'Song Myung', serif;font-weight: 100;color: #000;font-size: 2.5em;padding-bottom: 3%}
.llist h2:hover{text-decoration: underline}
.llist dt{line-height: 1.5;color: #000;padding-bottom:2%}
.llist p{line-height: 2;padding-bottom:2%}
.llist .linkbtn a{display: inline-block;border: 2px solid #333;padding: 2% 5% 2% 2%;color: #333 ;cursor: pointer;background: #fff url(../01_24/img/bg_sec_more_arrow.png)no-repeat 90% 50%}
.llist .linkbtn a:hover{background: #333 url(../01_24/img/bg_sec_more_arrow_hover.png)no-repeat 90% 50%;color: #fff;text-decoration: underline}

.education{width: 30%;padding: 2%;margin-top: 5%;margin-bottom: 5%;border: 1px solid #000;font-size: .8em;height: 90%;}
.education .now{display: block;font-size: 14px;
font-weight: 700;width: 120px;text-align: center;
margin: 5% auto;padding: 5px 0;border-radius: 2px;}
.education h3{color: #000;font-size: 1.5em;padding-bottom: 5%}
.education h3 a:hover{text-decoration: underline}
.education b{display: block;color: #000;font-size: 1.2em;padding-bottom: 5%}
.education .nowevent{color: #fff;background-color: #ff5c5e;}
.education .eventing{color: #ff5c5e;border: 1px solid #ff5c5e;}
.education p,.education .info{text-align: left;line-height: 1.8}
.education dt,.education dd{display: inline-block;}
.swiper-slide .education:nth-child(2n +2){margin-left: 5%;margin-right: 5%}
.swipadding{padding: 5%}

.tabnwrap{width: 48%;float: left;}
.tabnmenu ul{display: flex}
.tabnmenu li{padding: 2%;width: 25%;position: relative;}
.tabnmenu li.on{background: #000;color: #fff}
.tabnmenu li span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-top: 1px solid #000;border-bottom: 1px solid #000}
.tabnmenu li{border-left: 1px solid #000}
.tabnmenu li{cursor: pointer;}
.tabnmenu ul li:nth-child(4){border-right: 1px solid #000}
.tabnmenu a{display: block;border-bottom: 1px solid #000;width: 10%;padding: 2%}

.nlist{display: none;text-align: left}
.nlist ul{display: flex;flex-direction: column;}
.nlist li{padding: 15px 0;border-bottom: 1px solid #eee;overflow: hidden;}
.nlist li:hover span{text-decoration: underline}
.nlist li span.text{width: 70%;display: block;padding-left: 2%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nlist li span.day{float: right;}
.nlist.on{display: block;}

.popup{float: right;width: 48%;}
.popup h2{text-align: left;padding: 3% 5%;color:#000;font-size: 2}

.menulist1 p.red{color:#c30000}
.timenu p,.money p{line-height:2;}
.padg li{padding: 2%;margin: 1%}
.timenu{width: 48%;float: left;}
.timenu h2,.money h2{text-align: left;display: table-cell;float: left;width: 30%;padding-bottom: 15%;color:#000;font-size: 1.5em}
.money h2{padding-bottom: 25%}
.money b{font-size: 1.2em}
.money{float: right;width: 48%;}
.daybox{display: flex}
.daybox li{display: inline-block;width: 33.333%;text-align: center;}
.daybox li img{display:block;}
.daybox li a{display: inline-block;width: 100%;border-radius: 20px;justify-content: center;align-items: center;max-width: 100%;max-height: 100%;padding: 55% 0 15% 0;color: #fff}
.daybox li:nth-child(1) a{background: #00c88e url(../01_24/img/icon_ope_btn01.png)no-repeat 50% 40%;}
.daybox li:nth-child(2) a{background: #74bb0d url(../01_24/img/icon_ope_btn02.png)no-repeat 50% 40%;}
.daybox li:nth-child(3) a{background: #5376b7 url(../01_24/img/icon_ope_btn03.png)no-repeat 50% 40%;}
.daybox li:nth-child(1):hover a{border: 1px solid #00c88e;color:#00c88e ;background: #fff url(../01_24/img/icon_ope_btn01_on.png)no-repeat 50% 40%}
.daybox li:nth-child(2):hover a{border: 1px solid #74bb0d;color:#74bb0d ;background: #fff url(../01_24/img/icon_ope_btn02_on.png)no-repeat 50% 40%}
.daybox li:nth-child(3):hover a{border: 1px solid #5376b7;color:#5376b7 ;background: #fff url(../01_24/img/icon_ope_btn03_on.png)no-repeat 50% 40%}


footer{color: #fff;padding-top: 5%;background: #26262f}
.aniarrow{position: relative}
.anibar{width: 95%;margin: auto;overflow: hidden;}
.anibar ul{display: flex;margin: auto;}
.anibar li{flex: 1;margin: 0 10px}
.aniarrow a.prev,.aniarrow a.next{width: 9px;height: 16px;position: absolute;top: 40%;}
.aniarrow a.prev{background: url(../01_24/img/bg_banner-prev.png);left: 0}
.aniarrow a.next{background: url(../01_24/img/bg_banner-next.png);right: 0}

.footer{margin-top: 3%}
.menulink li{margin-bottom: 3%;width: 200px;display: inline-block;text-align: center;background: #3f3f4b;color:#fff;padding: 1.3%;cursor: pointer;}
.menulink li:hover{text-decoration: underline}
.menulink li a{width: 100%;height: 100%;}
.menulink li.lmenu1{position: relative;text-align: left;background: #26262f url(../01_24/img/blt_site_select_off.png)no-repeat 95% 50%;border:1px solid #3f3f4b}
.menulink li.lmenu1:first-child{margin-left: 1%}
.menulink .lmenu2{display: none;position: absolute;bottom: 100%;left: -1px;background: #3f3f4b;}
.menulink .lmenu2 li{padding: 5% 8%;text-align: left;}
.menulink li.lmenu1.on{background: #3f3f4b url(../01_24/img/blt_site_select_off.png)no-repeat 95% 50%;}