@charset "utf-8";

.main-container {
    width:100%;
}

#section01 {
    width:100%;
    height:860px;
    position: relative;
}

.scroll-box{ display: inline-block; text-shadow: 0 0 10px #000; position: absolute; bottom: 40px;left: calc(50% - 30px); z-index: 99; }
.scroll-box .scroll-box-text{ color: #fff; }
.scroll-box .scroll-box-wrap{ display: inline-block; width: 100%; height: 43px; position: relative; }
.scroll-box .scroll-icon{ display: inline-block; position: absolute; bottom: 0;left: 0; width: 100%; height: 100%;background-image: url(../images/scroll_ico.png);background-position: center;background-size: auto;background-repeat: no-repeat; animation: scrollAni 1.2s reverse infinite; }
@-webkit-keyframes scrollAni {
    0% {
        bottom: 0
    }

    50% {
        bottom: -5px
    }

    100% {
        bottom: 0
    }
}

#section01 .mainbg-slide {
    width:100%;
    height:100%;
    position:relative;
}

#section01 .main-visual {
    width:100%;
    max-width:1920px;
    position:relative;
    height:100%;
    /* height:0;
    padding-top:calc(860 / 1920 * 100%); */
}

/* #section01 .main-visual.video-visual {
    height:0;
    padding-top:calc(860 / 1920 * 100%);
} */


#section01 .main-visual img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

#section01 .main-visual video {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit: cover;
}

#section01 .main-visual .blacklayer {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.2);
    z-index: 1;
}

#section01 .main-visual-con {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#section01 .main-visual-con .inner {
    position:relative;
}

#section01 .main-visual-con .main-txt {
    position:absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;

    text-shadow: 1px 1px 10px #000;

}
#section01 .main-visual-con .main-txt img{
max-width:1230px;
    padding-bottom:120px;
}

#section01 .main-visual-con .main-txt span {
    display:block;
    text-align: center;
    color:#fff;
}

#section01 .main-visual-con .main-txt span.small {
    font-size:2.333rem;
    font-weight:500;
    margin-bottom:15px;
}

#section01 .main-visual-con .main-txt span.big {
    font-size:4rem;
    font-weight:800;
    margin-bottom:10px;
}

#section01 .main-visual-con .main-txt p {
    color:#fff;
    font-size:1.375rem;
    font-weight:500;
    line-height:1.4;
}

#section01 .main-visual-con .main-utils {
    position:absolute;
    right:0;
    bottom:50px;
    display:flex;
    justify-content: flex-end;
    flex-wrap:wrap;
}

#section01 .main-visual-con .down-wrap {
    width:100%;
    display:flex;
    justify-content: flex-end;
    margin-bottom:35px;
}


#section01 .main-visual-con .maindown {
    display:flex;
    align-items: center;
    justify-content: center;
    width:164px;
    height:133px;
    background-image:url(../images/main_down_btnbg.png);
    background-repeat:no-repeat;
    background-position:center;
    text-align: center;
}

#section01 .main-visual-con .maindown span {
    font-size:1.1875rem;
    color:#fff;
    font-weight:800;
}

#section01 .main-visual-con .maindown span img {
    margin-top:5px;
}


#section01 .main-visual-con .utils-bottom {
    display:flex;
    align-items: center;
    justify-content: flex-end;
}

#section01 .main-visual-con .utils-bottom .d-day{
    display:flex;
    align-items: center;
    /* background-image:url(../images/dday_bg.png);
    background-position:center;
    background-repeat:no-repeat; */
}

#section01 .main-visual-con .utils-bottom .d-day span:nth-of-type(2) {
    margin-left:-10px;
}

#section01 .main-visual-con .utils-bottom .d-day .date {
    display:flex;
}

#section01 .main-visual-con .utils-bottom .d-day .date img {
    margin-left:-10px;
}

#section01 .main-visual-con .utils-bottom .info {
    margin-left:25px;

    text-shadow: 0 0 10px #000;
}

#section01 .main-visual-con .utils-bottom .info .pp {
    display:flex;
    align-items: center;
    font-size:1.375rem;
    font-family: 'Montserrat','Pretendard',sans-serif;
    font-weight:600;
    color:#fff;
}

#section01 .main-visual-con .utils-bottom .info .pp .term {
    padding-right:15px;
    position:relative;
}

#section01 .main-visual-con .utils-bottom .info .pp .term::after {
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    display:block;
    width:1px;
    height:20px;
    background-color:#fff;
}

#section01 .main-visual-con .utils-bottom .info .pp .place {
    padding-left:15px;
}

#section01 .main-visual-con .utils-bottom .info .os {
    display:flex;
    align-items: center;
    justify-content: flex-end;
    margin-top:8px;
}

#section01 .main-visual-con .utils-bottom .info .os span {
    color:rgba(255,255,255,0.8);
    margin-right:15px;
}

#section01 .main-visual-con .utils-bottom .info .os span:last-of-type {
    margin-right:0;
}

#section02 ul {
    display:flex;
}

#section02 ul li {
    width:calc(100% / 3);
    height:816px;
}

#section02 ul li a {
    position:relative;
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    overflow: hidden;
}

#section02 ul li a .bg-img {
    position:absolute;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
}

#section02 ul li:nth-child(3) a .bg-img {
    left:20%
}

#section02 ul li a .bg-img::after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    background-color:rgba(0,0,0,0.8);
}

#section02 ul li a .bg-img img {
    width:auto;
    max-width:unset;
}


#section02 ul li a .g-con {
    position:relative;
    z-index:1;
    text-align: center;
    opacity:1;
    transition: all 0.5s;
}

#section02 ul li a .g-con strong {
    position:relative;
    text-align: center;
    display:block;
    letter-spacing: -0.025em;
    color:#fff;
    font-weight:800;
    font-size:3.125rem;
    margin-bottom:8px;
}

#section02 ul li a .g-con strong::before {
    content:"";
    position:absolute;
    z-index:-1;
    left:-12px;
    top:-12px;
    display:block;
    width:29px;
    height:29px;
    background:linear-gradient(to right, #e84d74 0%, #ee7677 100%);
    opacity:0.7;
    border-radius:50%;
}

#section02 ul li a .g-con span {
    color:rgba(255,255,255,0.6);
    font-size:1.5625rem;
    text-align: center;
}

#section02 ul li a .g-layer{
    position:absolute;
    display:flex;
    align-items: center;
    justify-content: center;
    top:100%;
    width:100%;
    height:100%;
    z-index:2;
    transition: all 0.5s;
}

#section02 ul li a .g-layer::before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:linear-gradient(30deg, #e84d74 0%, #ee7677 100%);
    opacity:0.85;
    position:absolute;
    left:0;
    top:0;
}

#section02 ul li a .g-layer::after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-image:url(../images/section02_combg.png);
    background-repeat:no-repeat;
    background-position:center;
    background-blend-mode:screen;
    opacity:0.49;
    position:absolute;
    left:0;
    top:0;
}

#section02 ul li a .g-layer .layer-con {
    position:relative;
    text-align: center;
    width:100%;
}

#section02 ul li a .g-layer .layer-con span {
    color:#fff;
    text-align: center;
    letter-spacing: -0.05em;
    font-size:1.375rem;
}

#section02 ul li a .g-layer .layer-con strong {
    display:block;
    color:#fff;
    text-align: center;
    font-size:3.75rem;
    letter-spacing: -0.025em;
    font-weight:800;
}

#section02 ul li a .g-layer .layer-con span.more {
    display:flex;
    align-items: center;
    justify-content: center;
    width:179px;
    height:178px;
    background-image:url(../images/section02_moreview.png);
    background-repeat:no-repeat;
    background-position:center;
    margin:65px auto 80px auto;
}

#section02 ul li a .g-layer .layer-con p {
    color:rgba(255,255,255,0.2);
    font-size: 5rem;
    letter-spacing: 0;
    opacity: 0.8;
    font-weight:800;
}

/* #section02 ul li:nth-child(2) a .g-layer {
    position:relative;
    top:0;
} */

#section02 ul li:not(.fix) a:hover .g-layer {
    top:0;
    transition: all 0.5s;
}

#section02 ul li:not(.fix) a:hover .g-con {
    opacity:0;
    transition: all 0.5s;
}

#section03 {
    padding: 80px 0;
    background-image:url(../images/section03_bg.png);
    background-position:left bottom;
    background-repeat:no-repeat;
}

#section03 .tit {
    text-align: center;
}

#section03 .tit h2 { 
    font-size:3.75rem;
    font-weight:800;
    letter-spacing: -0.025em;
    margin-bottom:5px;
}

#section03 .tit p {
    font-size:1.5625rem;
    letter-spacing: -0.025em;
    color:#6c6c6c;
    font-family: 'Montserrat','Pretendard',sans-serif;
}

#section03 .record-list {
    margin:80px 0;
}

#section03 .record-list ul {
    display:flex;
    align-items: center;
}

#section03 .record-list ul li {
    position:relative;
    display:flex;
    align-items: center;
    width:calc((100% - 100px) / 3);
    margin-right:50px;
    padding:25px 50px;
}

#section03 .record-list ul li::after {
    content:"";
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
    display:block;
    width:1px;
    height:170px;
    background-color:#c3c3c3;
}

#section03 .record-list ul li:last-child {
    margin-right:0;
    padding-right:0;
}

#section03 .record-list ul li:last-child::after{
    display:none;
}

#section03 .record-list ul li .ico {
    display:flex;
    align-items: center;
    justify-content: center;
    width:140px;
    height:140px;
    border-radius:50%;
    box-shadow:0 0 12px rgba(0,0,0,0.2);
    background-color:#ffffff;
}

#section03 .record-list ul li .con {
    margin-left:35px;
    width:calc(100% - 175px);
}

#section03 .record-list ul li .con strong {
    display:block;
    font-size:2.1875rem;
    letter-spacing: -0.05em;
    font-weight:500;
}

#section03 .record-list ul li .con span {
    display:block;
    font-family: 'Montserrat','Pretendard',sans-serif;
    font-weight:900;
    font-size:3.75rem;
    letter-spacing: -0.05em;
    color:#00b493;
}

#section03 .event-list > ul {
    display:flex;
    /* align-items: center; */
    justify-content: center;
} 

#section03 .event-list > ul > li.event-item {
    position:relative;
    display:flex;
    /* align-items: center; */
    justify-content: center;
    width:300px;
    height:335px;
    margin-right:73px;
    border:1px solid #dddddd;
    box-sizing: border-box;
    background-color:#ffffff;
    padding:30px 15px;
}

#section03 .event-list > ul > li.event-item::before{
    content:"SLW";
    display:block;
    position:absolute;
    right:0;
    top:30px;
    transform: rotate(90deg);
    color:#e6e6e6;
    font-weight:900;
    font-size:1.5625rem;
}

#section03 .event-list > ul > li.event-item:last-child{
    margin-right:0;
}

#section03 .event-list > ul > li.event-item .ico {
    text-align: center;
    margin-bottom:25px;
    display:flex;
    align-items: center;
    justify-content: center;
    height:74px;
}

#section03 .event-list > ul > li.event-item .ico img {
    width:auto;
    max-width:auto;
}

#section03 .event-list > ul > li.event-item .event-name {
    text-align: center;
    font-size:1.6875rem;
    font-weight:900;
    margin-bottom:25px;
}

#section03 .event-list > ul > li.event-item .event-details ul li {
    font-size:1.1875rem;
    font-weight:300;
    color:#222222;
    margin-bottom:8px;
}

#section03 .event-list > ul > li.event-item .event-details ul li:last-child{
    margin-bottom:0;
}

#section04 {
    padding:150px 0 50px 0;
    background-image:url(../images/section04_bg.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    overflow-x: hidden;
}

#section04 h2 {
    color:#fff;
    font-size:3.75rem;
}

#section04 .news-wrap {
    position:relative;
}

#section04 .news-wrap .news-slide {

}

#section04 .news-wrap .news-slide-tab {
    position:absolute;
    font-size:1.5625rem;
    font-weight:500;
    color:#ffffff;
    top:150px;
}

#section04 .news-wrap .news-slide-tab.mediatab {
    top:200px
}

#section04 .news-wrap .news-slide-tab.librarytab {
    top:250px
}

#section04 .news-wrap .news-slide-tab.active {
    color:#00b493;
    font-weight:900;
}

#section04 .slide-area {
    position:relative;
    display:none;
    left:480px;
    width:100%;
    max-width:1920px;
    overflow-x: hidden;
    padding-top:50px;
    top:-100px;
}

#section04 .slide-area.active {
    display:block;
}

#section04 .slide-area .news-card {
    width:370px;
    background-color:#fff;
    display:flex;
    align-items: center;
    padding:25px 35px 55px 35px;
    position:relative;
    top:0;
    transition: top 0.5s;
}

#section04 .slide-area .swiper-slide-active .news-card {
    background-color:#00b493;
    box-shadow:0 0 32px rgba(0,0,0,0.15);
    top:-50px;
    transition: top 0.5s;
}

#section04 .slide-area .news-card span.cate {
    display:block;
    font-weight:800;
    color:#00b493;
    margin-bottom:55px;
}

#section04 .slide-area .swiper-slide-active .news-card span.cate {
    color:#fff;
}

#section04 .slide-area .news-card strong {
    font-size:1.875rem;
    font-weight:800;
    color:#090909;
}

#section04 .slide-area .swiper-slide-active .news-card strong {
    color:#fff
}

#section04 .slide-area .news-card p {
    font-size:1.1875rem;
    color:#666666;
    line-height:1.5;
    height:6em;
    display:-webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin:20px 0 120px 0;
}

#section04 .slide-area .swiper-slide-active .news-card p { 
    color:#fff;
}

#section04 .slide-area .news-card span.date {
    display:block;
    font-size:0.9375rem;
    color:#999999;
    font-weight:500;
}


#section04 .slide-area .swiper-slide-active .news-card span.date {
    color:#fff;
}

#section04 .slide-area .control {
    display:flex;
    align-items: center;
    justify-content: flex-end;
    margin-top:50px;
    width:calc(100% - 480px);
}

#section04 .slide-area .control .pag-progress {
    position:relative;
    background-color:#ffffff;
    width:calc(100% - 108px);
}

#section04 .slide-area .control .pag-progress .swiper-pagination-progressbar-fill {
    background-color:#00b493;
}

#section04 .slide-area .control button {
    width:24px;
    height:24px;
    background-position:center;
    background-repeat:no-repeat;
    background-color:transparent;
    font-size:0;
    text-indent:-99999999em;
    border:none;
}

#section04 .slide-area .control button.next{
    background-image:url(../images/slide_next.png);
    margin-left:25px;
}

#section04 .slide-area .control button.prev{
    background-image:url(../images/slide_prev.png);
    margin-left:35px;
}

#section04 .slide-area .control button.swiper-button-disabled {
    opacity:0.6;
}

#section05 {
    padding:100px 0;
}

#section05 h2 {
    font-size:3.75rem;
    font-weight:800;
    letter-spacing: -0.025em;
    margin-bottom:5px;
    text-align: center;
    margin-bottom:55px;
}

#section05 .org-list ul {
    display:flex;
    flex-wrap:wrap;
}

#section05 .org-list ul li {
    width:calc((100% - 160px) / 5);
    margin-right:40px;
    margin-bottom:20px;
}

#section05 .org-list ul li:nth-child(5n) {
    margin-right:0;
}

#section05 .org-list ul li a {
   background-color:#f8f8f8;
   border:1px solid #dddddd;
   box-sizing: border-box;
   display:flex;
   align-items: center;
   justify-content: center;
   width:100%;
   height:70px;
   transition: background 0.5s;
}

#section05 .org-list ul li a:hover {
    background-color:#f2f2f2;
    transition: background 0.5s;
}

.popup-conwrap {
    position: absolute;
    left: 0;
    top: 0;
    /* height:calc(100% - 50px); */
    z-index: 9999;
}

.popup-conwrap.fixed {
    position: fixed;
}

.popup-conwrap.center {
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.popup-conwrap.whcenter {
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
}

.popup-conwrap .popup-image {
    position: relative;
    width: 100%;
    /* height:calc(100% - 50px) */
}

.popup-conwrap .popup-image .image-wrap {
    width: 100%;
    height: 100%;
    /*padding-top:calc(700 / 600 * 100%);*/
}

.popup-conwrap .popup-image .image-wrap img {
    /*position:absolute; left:0; top:0;*/
    width: 100%;
    height: 100%;
    vertical-align: top;
    border: 1px solid #ddd;
}

.popup-conwrap .today-close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    text-align: left;
    background-color: #222;
    color: #fff;
    padding: 10px;
    border: 1px solid #333;
    box-sizing: border-box;
}

.popup-conwrap .today-close input[type="checkbox"] {
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

.popup-conwrap .today-close label {
    font-size: 16px;
    vertical-align: middle;
    color: #fff;
}

.popup-conwrap .today-close .close-imagepop {
    position: relative;
    display: block;
    z-index: 1;
    width: 24px;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
}

.popup-conwrap .today-close .close-imagepop:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 11px;
    height: 2px;
    background: #fff;
    transform: translate3D(0, 0px, 0) rotate(-45deg);
}

.popup-conwrap .today-close .close-imagepop:after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 11px;
    height: 2px;
    background: #fff;
    transform: translate3D(0, 0px, 0) rotate(45deg);
}



@media all and (max-width:1920px){
    #section02 ul li a .g-layer .layer-con p {
        font-size:4rem;
    }
}

@media all and (max-width:1620px){
    #section01 {
        width:100%;
        height:768px;
    }

    #section01 .main-visual-con .main-txt {
        width:100%;
        padding:0 15px;
        box-sizing: border-box;
    }

    #section01 .main-visual-con .main-utils {
        right:15px;
    }

    #section01 .main-visual-con .maindown {
        width: 140px;
        height: 114px;
        background-size: 100%;
    }

    #section02 ul li a .g-con strong {
        font-size:2.875rem;
    }

    #section02 ul li a .g-con strong::before {
        width:25px;
        height:25px;
        left:-12px;
        top:-5px;
    }
    
    #section02 ul li a .g-con span {
        font-size:1.25rem;
    }
    
    #section02 ul li a .g-layer .layer-con span {
        font-size:1.125rem;
    }

    #section02 ul li a .g-layer .layer-con span.more {
        width:159px;
        height:158px;
        background-size:100%;
    }

    #section02 ul li a .g-layer .layer-con strong {
        font-size:3rem;
    }

    #section02 ul li a .g-layer .layer-con p {
        font-size:3rem;
    }

    #section03 {
        padding:65px 0;
    }

    #section03 .tit h2 {
        font-size:3.25rem;
    }

    #section03 .tit p {
        font-size:1.5rem;
    }

    #section03 .record-list ul {
        flex-wrap:wrap;
    }

    #section03 .record-list ul li {
        display:block;
        box-sizing: border-box;
        padding:0;
        margin:0;
        width:calc(100% / 3);
    }

    #section03 .record-list ul li .ico {
        margin:0 auto 20px auto;
    }

    #section03 .record-list ul li .con {
        margin-left:0;
        width:100%;
        text-align: center;
    }

    #section03 .record-list ul li .con strong {
        font-size:2rem;
    }

    #section03 .record-list ul li .con span {
        font-size:3.25rem;
    }

    #section03 .event-list > ul > li.event-item {
        margin-right:35px;
    }

    #section04 .slide-area .news-card {
        width:auto;
    }

    #section05 {
        padding:65px 0;
    }

    #section05 h2 {
        font-size:3.25rem;
    }
}

@media all and (max-width:1280px){
    #section02 ul li {
        height:640px;
    }

    #section02 ul li a .g-layer .layer-con p {
        font-size:2.5rem;
    }
    
    #section03 .tit h2 {
        font-size:3rem;
    }

    #section03 .tit p {
        font-size:1.25rem;
    }

    #section03 .record-list {
        margin:50px 0;
    }

    #section03 .record-list ul li .ico {
        width:130px;
        height:130px;
        padding:25px;
        box-sizing: border-box;
    }

    #section03 .record-list ul li .con strong {
        font-size:1.75rem;
    }
    
    #section03 .record-list ul li .con span {
        font-size:2.5125rem;
    }

    #section03 .event-list > ul > li.event-item {
        margin-right:25px;
        width:calc((100% - 75px) /4);
    }

    #section04 .slide-area {
        left:440px;
    }

    #section05 h2 {
        font-size:3rem;
    }

    #section05 .org-list ul li {
        width:calc((100% - 60px) / 4);
        margin-right:20px;
    }

    #section05 .org-list ul li:nth-child(5n) {
        margin-right:20px;
    }

    #section05 .org-list ul li:nth-child(4n) {
        margin-right:0;
    }

}

@media all and (max-width:1024px){

    .scroll-box{ display: none; }

    #section01 .main-visual-con .main-txt img {
        width: 640px;
        padding-bottom:0;
    }
    
    #section01 .main-visual-con .down-wrap {
        display:none;
    }

    #section01 .main-visual-con .utils-bottom .d-day {
        background-size:100%;
    }

    #section01 .main-visual-con .utils-bottom .d-day span img {
        width:60px;
    }

    #section01 .main-visual-con .utils-bottom .d-day span:nth-of-type(2) img {
        width:40px;
    }

    #section01 .main-visual-con .utils-bottom .d-day .date img {
        width:45px;
    }

    #section02 ul li {
        height:520px;
    }

    #section02 ul li a .g-con strong {
        font-size:2.25rem;
    }

    #section02 ul li a .g-layer .layer-con strong {
        font-size:2.5rem;
    }

    #section02 ul li a .g-layer .layer-con span.more {
        width:139px;
        height:138px;
    }

    #section02 ul li a .g-layer .layer-con p {
        font-size:2rem;
    }

    #section03 {
        padding:35px 0;
        background-size:1380px;
    }

    #section03 .tit h2 {
        font-size:2.5rem;
    }

    #section03 .tit p {
        font-size:1.25rem;
    }

    #section03 .record-list {
        margin:50px 0;
    }
    
    #section03 .record-list ul li .ico {
        width:120px;
        height:120px;
        box-sizing: border-box;
    }

    #section03 .record-list ul li .con strong {
        font-size:1.75rem;
    }
    
    #section03 .record-list ul li .con span {
        font-size:2.5125rem;
    }

    #section03 .event-list > ul > li.event-item {
        margin-right:10px;
        width:calc((100% - 30px) /4);
        /* height:auto;
        padding: 25px 15px; */
    }

    #section03 .event-list > ul > li.event-item .event-name {
        font-size:1.5rem;
    }

    #section03 .event-list > ul > li.event-item .event-details ul li {
        font-size:1.1rem;
    }

    #section04 {
        padding:35px 0;
        overflow:hidden
    }

    #section04 h2{
        font-size:3.25rem;
    }

    #section04 .news-wrap .news-slide {

    }

    #section04 .news-wrap .news-slide-tab {
        top:100px
    }

    #section04 .news-wrap .news-slide-tab.mediatab {
        top:140px
    }
    
    #section04 .news-wrap .news-slide-tab.librarytab {
        top:180px
    }


    #section04 .slide-area {
        left:0;
        top:0;
        margin-top:195px;
    }

    #section04 .slide-area .news-card {
        padding:25px;
    }

    #section04 .slide-area .control {
        width:100%;
    }

    #section05 {
        padding:45px 0 25px 0;
    }

    #section05 h2 {
        font-size:2.5rem;
        margin-bottom:25px;
    }

    #section05 .org-list ul li {
        width:calc((100% - 40px) / 3);
    }

    #section05 .org-list ul li:nth-child(5n) {
        margin-right:20px;
    }

    #section05 .org-list ul li:nth-child(4n) {
        margin-right:20px;
    }
    
    #section05 .org-list ul li:nth-child(3n) {
        margin-right:0;
    }

    .popup-conwrap { height:auto; }
}


@media all and (max-width:768px){
    #section01 {
        height:620px;
    }

    #section01 .main-visual-con .main-txt span.small {
        font-size:2rem;
    }

    #section01 .main-visual-con .main-txt span.big {
        font-size:3rem;
    }

    #section01 .main-visual-con .main-txt p {
        font-size:1.285rem;
    }

    #section02 ul li {
        height:420px;
    }

    #section02 ul li a .g-con strong {
        font-size:2rem;
    }

    #section02 ul li a .g-con strong::before {
        width:20px;
        height:20px;
        left:3px;
    }

    #section02 ul li a .g-layer .layer-con strong {
        font-size:2rem;
    }

    #section02 ul li a .g-layer .layer-con span.more {
        width:119px;
        height:118px;
        margin:35px auto 50px auto;
    }

    #section03 .record-list {
        margin:35px 0;
    }

    #section03 .record-list ul li .ico {
        width:100px;
        height:100px;
    }

    #section03 .record-list ul li:first-child .ico img {
        width:35px;
    }

    #section03 .record-list ul li:last-child .ico img {
        width:35px;
    }

    #section03 .event-list > ul {
        flex-wrap:wrap;
    }

    #section03 .event-list > ul > li.event-item {
        margin-right:15px;
        width:calc((100% - 15px) / 2);
        height:auto;
        padding:25px 15px;
        margin-bottom:15px;
    }

    #section03 .event-list > ul > li.event-item:nth-child(2n) {
        margin-right:0;
    }

    #section05 {
        padding:35px 0 25px 0;
    }

}

@media all and (max-width:640px){
    #section01 {
        max-height:100%;
    }

    #section01 .main-visual-con .main-txt {
        position:static;
        transform: none;
        padding: 135px 15px 15px 15px;
    }

    #section01 .main-visual-con .main-txt img {
        width:280px;
    }

    #section01 .main-visual-con .main-txt span.big {
        font-size:2.5rem;
    }

    #section01 .main-visual-con .main-utils {
        position:static;
    }

    #section01 .main-visual-con .utils-bottom {
        flex-wrap:wrap;
        width:100%;
    }

    #section01 .main-visual-con .utils-bottom .d-day {
        width:100%;
        justify-content: center;
        background-image:none;
    }

    #section01 .main-visual-con .utils-bottom .d-day span img {
        width:45px;
    }

    #section01 .main-visual-con .utils-bottom .d-day span:nth-of-type(2) img {
        width:25px;
    }
    
    #section01 .main-visual-con .utils-bottom .d-day .date img {
        width:35px;
    }

    #section01 .main-visual-con .utils-bottom .info {
        margin-left:0;
        width:100%;
    }

    #section01 .main-visual-con .utils-bottom .info .pp {
        justify-content: center;
    }

    #section01 .main-visual-con .utils-bottom .info .os {
        justify-content: center;
    }

    #section02 ul {
        flex-wrap:wrap;
    }

    #section02 ul li {
        width:100%;
        height:auto;
    }

    #section02 ul li:not(.fix) a {
        padding:25px 0;
        box-sizing: border-box;
    }

    #section02 ul li:not(.fix) a .g-layer {
        display:none;
    } 

    #section02 ul li:not(.fix) a:hover .g-layer {
        display:none;
        top:100%;
        transition: none;
    }
    
    #section02 ul li:not(.fix) a:hover .g-con {
        opacity:1;
        transition: none;
    }

    #section02 ul li:nth-child(2) a .g-layer {
        padding:25px 0;
    }

    #section02 ul li a .g-layer .layer-con span.more {
        width:99px;
        height:98px;
        margin:15px auto;
        font-size:1rem;
    }

    #section03 .record-list ul {
        justify-content: center;
    }

    #section03 .record-list ul li {
        width:calc(100% / 2);
        padding:15px 0;
    }

    #section03 .record-list ul li:last-child{

    }

    #section03 .record-list ul li::after {
        display:none;
    }

    #section03 .record-list ul li .con strong {
        font-size:1.5rem;
    }

    #section03 .record-list ul li .con span {
        font-size:2.25rem;
    }

    #section04 h2 {
        font-size:2.75rem;
    }

    #section04 .news-wrap .news-slide-tab {
        top:80px;
    }

    #section04 .news-wrap .news-slide-tab.mediatab {
        top:120px;
    }

    #section04 .news-wrap .news-slide-tab.librarytab {
        top:160px;
    }

    #section04 .slide-area {
        margin-top:150px;
        padding-top:25px;
    }

    #section04 .slide-area .swiper-slide-active .news-card {
        top:0;
    }

    #section04 .slide-area .control {
        margin-top:35px
    }

    #section05 .org-list ul li {
        width:calc((100% - 15px) / 2);
        margin-right:15px;
        margin-bottom:15px;
    }

    #section05 .org-list ul li:nth-child(5n) {
        margin-right:15px;
    }

    #section05 .org-list ul li:nth-child(4n) {
        margin-right:15px;
    }
    
    #section05 .org-list ul li:nth-child(3n) {
        margin-right:15px;
    }

    #section05 .org-list ul li:nth-child(2n) {
        margin-right:0;
    }

    .popup-conwrap {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
        left: 0px !important;
    }

}


@media all and (max-width:420px){
    #section01 .main-visual-con .main-txt img {
        width:240px;
    }

    #section03 .event-list > ul > li.event-item {
        width:100%;
        margin-right:0;
    }
}