body.pop{
    /* width: 100vw;
    height: 100vh; */
    overflow-x: hidden;
}

#main-pop-zone{
    display:none;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
}

.popuparea-wrap{
    display:none;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: rgba(0,0,0,0.8);
}

.popuparea-wrap .popuparea-box{
    width: calc(100% - 40px);
    max-width: 1705px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}

.popuparea-wrap .popuparea-box .popuparea-tit{
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
}

.popuparea-wrap .popuparea-box .popuparea-tit p{
    color: #fff;
    font-size: 2.8rem;
    letter-spacing: -0.03rem;
}

.popuparea-wrap .popuparea-box .popuparea-tit p.popup-tit{
    font-weight: 800;
    font-size: 5.4rem;
    line-height: 5.8rem;
}

.popuparea-wrap .popuparea-box .popuparea-slide{
    position: relative;
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap{
    width: calc(100% - 160px);
    max-width: 1260px;
    margin: 0 auto;
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap .swiper-slide.popup-img{
    width: 100%;
    max-width: 400px;
    max-height: 400px;
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap .swiper-slide.popup-img a{
    display: block;
    width: 100%;
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap .swiper-slide.popup-img a img{
    width: 100%;
    max-width: 400px;
    max-height: 400px;
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap .swiper-pagination.popup-slide-pagenation{
    position: static;
    padding: 30px 0; 
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap .swiper-pagination.popup-slide-pagenation .swiper-pagination-bullet{
    background: #fff;
    opacity: 0.5;
    width: 10px;
    height: 10px;
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap .swiper-pagination.popup-slide-pagenation .swiper-pagination-bullet-active{
    background-color: #fff;
    opacity: 1;
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-btn{
    width: 100%;
    position: absolute;
    left: 50%;
    top: calc(50% - 35px);
    transform: translateY(-50%) translateX(-50%);
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-btn button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 0;
    background: url(../images/image_next.png) center no-repeat rgba(255, 255, 255, 0.08);
}

.popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-btn button.view-prev{
    background-image: url(../images/image_prev.png);
    left: 0;
}

.popuparea-btn{
    display: flex;
    justify-content: center;
    align-items: center;
}

.popuparea-wrap .popuparea-box .popuparea-btn > button{
    color: #fff;
    font-size: 2rem;
    padding: 15px 22px;
    border-radius: 2.3rem;
    background-color: rgba(255,255,255,0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1rem;
}

.popuparea-wrap .popuparea-box .popuparea-btn > button::after{
    content: "";
    display: inline-block;
    margin-left: 20px;
    width: 13px;
    height: 13px;
    background: url(../images/popup_close.png) center no-repeat;
}

.popuparea-wrap .popuparea-box .popuparea-btn > button.close-imagepop{
    background-color: #2560e7;
    margin-left: 10px;
}

#main-container {
    width:100%;
    margin:0 auto;
    padding:0 4rem;
    box-sizing: border-box;
}

#main-container .inner {
    width:100%;
    max-width:160rem;
    margin:0 auto;
}

.main-visual {
    overflow: hidden;
    position:relative;
}

.main-visual .visual-wrap {
    width:100%;
    border-radius:5rem;
    background-size:100%;
    overflow: hidden;
    display:flex;
    align-items: center;
    position:relative;
}

.main-visual .visual-wrap a {
    display:block;
    width:100%;
}

.main-visual .visual-wrap .bg {
    width:100%;
    height:0;
    padding-top:calc(700 / 1825 * 100%);
}

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

.main-visual .visual-txt {
    position:relative;
    z-index:1;
}

.main-visual .visual-txt .tit .mtit {
    font-family: "GmarketSans","Pretendard", sans-serif;
    margin-bottom:1.5rem;
}

.main-visual .visual-txt .tit .mtit p {
    font-size:7rem;
    color:#fff;
    font-weight:bold;
    line-height:1.4;
    word-break: break-all;
}

.main-visual .visual-txt .tit .mtit p.small {
    font-size:1.8rem;
    color:#fff;
    font-weight:500;
    margin-bottom:0.8rem;
    word-break: break-all;
}

.main-visual .visual-txt .tit p.stit {
    font-size:2.2rem;
    letter-spacing: -0.03em;
    color:#fff;
    line-height:1.8;   
}

.main-visual .visual-btns {
    margin-top:5rem;
}

.main-visual .visual-btns a {
    display:flex;
    align-items: center;
    justify-content: space-between;
    gap:0.8rem;
    height:6rem;
    width:27rem;
    border-radius:3rem;
    background-color:#ffffff;
    border:1px solid #d7d7d7;
    padding:0 2.5rem;
    font-size:2rem;
    letter-spacing: -0.03em;
    color:#222;
    margin-bottom:0.8rem;
    transition: all 0.2s;
}

.main-visual .visual-btns a:last-of-type {
    margin-bottom:0;
}

.main-visual .visual-btns a:hover,
.main-visual .visual-btns a.on {
    background-color:#2b5bca;
    border:1px solid #2b5bca;
    color:#fff;
}

.main-visual .visual-btns a::after {
    content:"";
    display:block;
    width:1.7rem;
    height:1.6rem;
    background-image:url(../images/visual_next.png);
    background-repeat:no-repeat;
    background-position:center;
    transition: all 0.2s;
}

.main-visual .visual-btns a:hover::after,
.main-visual .visual-btns a.on::after {
    background-image:url(../images/visual_h_next.png);
}

.main-visual .visual-control {
    position:absolute;
    right:0;
    bottom:0;
    display:flex;
    align-items: center;
    z-index:1;
    background-color:#fff;
    height:9rem;
    padding-left:4.5rem;
    border-radius:5rem 0 0 0;
    gap:1rem;
}

.main-visual .visual-control::before,
.main-visual .visual-control::after {
    content:"";
    display:block;
    width:6rem;
    height:4.5rem;
    background-image:url(../images/visual_control_side.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    position:absolute;
}

.main-visual .visual-control::before {
    left:-6rem;
    bottom:0;
}

.main-visual .visual-control::after {
    right:0;
    top:-4.5rem
}

.main-visual .visual-control .visual-paging {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: #111;
}

.main-visual .visual-control .visual-paging .current,
.main-visual .visual-control .visual-paging .total {
    flex: 0 0 auto;
    font-weight:bold;
    font-size:1.8rem;
    text-align: center;
}

.main-visual .visual-control .visual-paging .progress {
    width:6rem;
    height: 0.2rem;
    background: rgba(0,0,0,0.15);
    position: relative;
    overflow: hidden;
}

.main-visual .visual-control .visual-paging .progress-bar {
    display: block;
    width: 0;
    height: 100%;
    background: #000000;
    transition: width 0.35s ease;
}

.main-visual .visual-control .visual-auto {
    width:5.4rem;
    height:5.4rem;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:0;
    text-indent:-9999999em;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/visual_auto_pause.png);
}

.main-visual .visual-control .visual-auto.is-stop {
    background-image:url(../images/visual_auto_play.png);
}

.main-visual .visual-control .visual-nav button {
    font-size:0;
    text-indent:-9999999em;
    width:5.4rem;
    height:5.4rem;
    border-radius:50%;
    border:1px solid #d7d7d7;
    box-sizing: border-box;
    background-position:center;
    background-repeat:no-repeat;
}

.main-visual .visual-control .visual-nav button:hover {
    background-color:#223978;
    border:1px solid #223978;
}

.main-visual .visual-control .visual-nav button.visual-prev {
    background-image:url(../images/visual_prev.png)
}

.main-visual .visual-control .visual-nav button.visual-next {
    background-image:url(../images/visual_next.png)
}

.main-visual .visual-control .visual-nav button:hover.visual-prev {
    background-image:url(../images/visual_h_prev.png)
}

.main-visual .visual-control .visual-nav button:hover.visual-next {
    background-image:url(../images/visual_h_next.png)
}

section.partners {
    padding:8rem 0;
}

section.partners .tit {
    text-align: center;
}

section.partners .tit .mtit {
    font-size:7rem;
    font-weight:700;
    letter-spacing: -0.03em;
    color:#222222;
}

section.partners .tit .stit {
    font-size:2.4rem;
    letter-spacing: -0.03em;
    color:#222;
    margin-top:0.8rem;
}

section.partners .partner-list {
    margin-top:6rem;
}

section.partners .partner-list ul {
    display:flex;
    flex-wrap:wrap;
    gap:3rem;
}

section.partners .partner-list ul li {
    width:calc((100% - 12rem) / 5);
}

section.partners .partner-list ul li a {
    display:flex;
    align-items: center;
    justify-content: center;
    background-color:#f8f8f8;
    border-radius:1.4rem;
    height:10rem;
    transition: all 0.5s;
    overflow: hidden;
    position:relative;
    padding:0 2.5rem;
    box-sizing: border-box;
}

section.partners .partner-list ul li a span img {
    width:21.4rem;
}

section.partners .partner-list ul li a:hover {
    background-color:#eaeaea;
    box-shadow:1rem 1rem 2rem rgba(0,0,0,0.08);
}

section.partners .partner-list ul li a .overlayer {
    position:absolute;
    left:0;
    bottom:-100%;
    background: #3948B0;
    background: linear-gradient(82deg,rgba(57, 72, 176, 1) 0%, rgba(26, 139, 181, 1) 100%);
    box-shadow:1rem 1rem 2rem rgba(34,130,181,0.2);
    display:flex;
    align-items: center;
    justify-content: center;
    gap:0.8rem;
    width:100%;
    height:100%;
    opacity:0;
    visibility: hidden;
    transition:all 0.5s;
    border-radius:1.4rem;
    padding:0 1.5rem;
}

section.partners .partner-list ul li a .overlayer::before {
    content:"";
    display:block;
    width:3.6rem;
    height:3.6rem;
    border-radius:50%;
    background-color:rgba(255,255,255,0.2);
    background-position:center;
    background-image:url(../images/home_ico.png);
    background-repeat:no-repeat;
    background-size:1.4rem;
}

section.partners .partner-list ul li a .overlayer span {
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    max-width:calc(100% - 4.4rem);
}

section.partners .partner-list ul li a:hover .overlayer {
    bottom:0;
    opacity:1;
    visibility: visible;
}

section.partners .partner-list ul li.more a {
    border-radius:5rem;
    background-color:#223978;
    column-gap:3rem;
}

section.partners .partner-list ul li.more a span {
    font-size:2.2rem;
    font-weight:bold;
    color:#fff;
}

section.partners .partner-list ul li.more a::after {
    content:"";
    display:block;
    width:1.5rem;
    height:1.4rem;
    background-image:url(../images/visual_h_next.png);
    background-size:100%;
    background-repeat:no-repeat;
    transition: all 0.5s;
}

section.partners .partner-list ul li.more a:hover::after {
    transform: translateX(1rem);
}

section.main-notice {
    background-color:#f3f7fb;
    border-radius:5rem;
    padding:8rem 2.5rem;
    box-sizing: border-box;
}

section.main-notice .inner {
    display:flex;
    gap:4rem;
}

section.main-notice .tit-top {
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:1.5rem;
    flex-wrap:wrap;
    gap:1rem;
}

section.main-notice .tit-top .tit {
    font-size:3.6rem;
    font-weight:bold;
    color:#222;
}

.popup-zone {
    width:100%;
    max-width:calc((100% - 4rem) * 0.487179);
}

.popup-zone .popup-zone-control {
    display:flex;
    align-items: center;
    gap:2.5rem;
}

.popup-zone .popup-zone-control .popup-zone-paging {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: #111;
}

.popup-zone .popup-zone-control .popup-zone-paging .current,
.popup-zone .popup-zone-control .popup-zone-paging .total {
    flex: 0 0 auto;
    font-weight:bold;
    font-size:1.8rem;
    text-align: center;
}

.popup-zone .popup-zone-control .popup-zone-paging .progress {
    width:6rem;
    height: 0.2rem;
    background: rgba(0,0,0,0.15);
    position: relative;
    overflow: hidden;
}

.popup-zone .popup-zone-control .popup-zone-paging .progress-bar {
    display: block;
    width: 0;
    height: 100%;
    background: #000000;
    transition: width 0.35s ease;
}

.popup-zone .popup-zone-control .popup-zone-nav {
    display:flex;
    align-items: center;
    gap:0.6rem
}

.popup-zone .popup-zone-control .popup-zone-nav button {
    font-size:0;
    text-indent:-99999999em;
    width:5rem;
    height:5rem;
    border:1px solid #d7d7d7;
    box-sizing: border-box;
    background-color:#fff;
    border-radius:50%;
    background-position:center;
    background-repeat:no-repeat;
}

.popup-zone .popup-zone-control .popup-zone-nav button.popup-zone-prev {
    background-image:url(../images/popup_zone_prev.png)
}

.popup-zone .popup-zone-control .popup-zone-nav button.popup-zone-next {
    background-image:url(../images/popup_zone_next.png)
}

.popup-zone .popup-zone-control .popup-zone-nav button.popup-zone-auto {
    background-image:url(../images/popup_zone_pause.png)
}

.popup-zone .popup-zone-control .popup-zone-nav button.popup-zone-auto.is-stop {
    background-image:url(../images/popup_zone_play.png)
}

.popup-zone .popup-zone-slide a {
    display:block;
    width:100%;
    position:relative;
    border-radius:5rem 5rem 0 5rem;
    overflow: hidden;
}

.popup-zone .popup-zone-slide a .popup-zone-img {
    width:100%;
    height:0;
    padding-top:calc(38rem / 76rem * 100%);
}

.popup-zone .popup-zone-slide a .popup-zone-img img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.popup-zone .popup-zone-slide a .btn {
    position:absolute;
    right:0;
    bottom:0;
    z-index:1;
    background-color:#f3f7fb;
    padding:1.4rem 0 0 1.4rem;
    border-radius:4rem 0 0 0;
}

.popup-zone .popup-zone-slide a .btn::before,
.popup-zone .popup-zone-slide a .btn::after {
    content:"";
    display:block;
    width:3rem;
    height:3rem;
    background-image:url(../images/popup_zone_btn_round.png);
    background-size:100%;
    background-repeat:no-repeat;
    position:absolute;
}

.popup-zone .popup-zone-slide a .btn::before {
    bottom:0;
    left:-3rem;
}

.popup-zone .popup-zone-slide a .btn::after {
    top:-3rem;
    right:0rem;
}

.popup-zone .popup-zone-slide a .btn span {
    display:block;
    width:6rem;
    height:6rem;
    border-radius:50%;
    background-color:#223978;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/popup_zone_btn_arrow.png)
}

.pr-links {
    width:100%;
    /* max-width:calc((100% - 4rem) * 0.512821); */
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

.pr-links a {
    display:flex;
    align-items: center;
    height:21.3rem;
    border-radius:2.4rem;
    padding:0 6rem;
    position:relative;
    flex:1 1 auto;
}

.pr-links a .txt {
    width:100%;
    max-width:calc(100% - 20rem)
}

.pr-links a .txt .tit {
    font-size:3rem;
    font-weight:bold;
    color:#222;
}

.pr-links a .txt p {
    font-size:1.8rem;
    color:#555;
}

.pr-links a.publication-link {
    background-color:#e4ebfa;
    background-image:url(../images/publication_ico.png);
    background-position:right 6rem top 4rem;
    background-repeat:no-repeat;
}

.pr-links a.ci-link {
    background-color:#def1fb;
    background-image:url(../images/pr_yt_ico.png);
    background-position:right 10rem top 5rem;
    background-repeat:no-repeat;
}

.pr-links a .btn {
    position:absolute;
    right:0;
    bottom:0;
    z-index:1;
    background-color:#f3f7fb;
    padding:1.4rem 0 0 1.4rem;
    border-radius:3.5rem 0 0 0;
}

.pr-links a .btn::before,
.pr-links a .btn::after {
    content:"";
    display:block;
    width:3rem;
    height:3rem;
    background-image:url(../images/pr_links_round2.png);
    background-size:100%;
    background-repeat:no-repeat;
    position:absolute;
}

.pr-links a .btn::before {
    bottom:0;
    left:-3rem;
}

.pr-links a .btn::after {
    top:-3rem;
    right:0rem;
}

.pr-links a .btn span {
    display:block;
    width:5rem;
    height:5rem;
    border-radius:50%;
    background-color:#223978;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(../images/popup_zone_btn_arrow.png);
}


.pr-links a.publication-link .btn span {
    background-color:#4c7fee;
}

.pr-links a.ci-link .btn span {
    background-color:#38b4f5;
}

section.tp-pr .youtube-area {
    padding:8rem 0;
}

section.tp-pr .youtube-area .tit-top {
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:3rem;
    gap:0.8rem;
}

section.tp-pr .youtube-area .tit-top .tit {
    display:flex;
    align-items: center;
    gap:1rem;
    max-width:calc(100% - 5.8rem);
}

section.tp-pr .youtube-area .tit-top .tit .mtit {
    font-size:3rem;
    font-family: "GmarketSans","Pretendard", sans-serif;
    font-weight:bold;
    letter-spacing: -0.03em;
}

section.tp-pr .youtube-area .tit-top .tit .stit {
    font-size:1.8rem;
    color:#555;
}


section.tp-pr .youtube-area .tit-top a.more {
    display:block;
    width:5rem;
    height:5rem;
    font-size:0;
    text-indent:-99999999em;
    border-radius:50%;
    background-color:#fff;
    border:1px solid #d7d7d7;
    box-sizing: border-box;
    position:relative;
}

section.tp-pr .youtube-area .tit-top a.more::before {
    content:"";
    display:block;
    width:1.4rem;
    height:0.2rem;
    background-color:#000;
    position:absolute;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
}

section.tp-pr .youtube-area .tit-top a.more::after {
    content:"";
    display:block;
    width:0.2rem;
    height:1.4rem;
    background-color:#000;
    position:absolute;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
}

section.tp-pr .youtube-area .youtube-list ul {
    display:flex;
    gap:4.8rem;
}

section.tp-pr .youtube-area .youtube-list ul li {
    width:calc((100% - 9.6rem) / 3);
}

section.tp-pr .youtube-area .youtube-list ul li.nodata {
    width:100%;
    height:40rem;
    border:1px solid #d7d7d7;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:2rem;
    font-weight:500;
    color:#222;
    border-radius:1rem;
    background-color:#f9f9f9;
}

section.tp-pr .youtube-area .youtube-list ul li a {
    display:block;
}

section.tp-pr .youtube-area .youtube-list .thumb {
    position:relative;
    width:100%;
    border-radius:3rem;
    overflow: hidden;
}

section.tp-pr .youtube-area .youtube-list .thumb::before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    position:absolute;
    left:0;
    top:0;
    z-index:1;
}

section.tp-pr .youtube-area .youtube-list .thumb::after {
    content:"";
    display:block;
    width:7.2rem;
    height:7.2rem;
    background-image:url(../images/yt_play_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform: translateX(-50%) translateY(-50%);
    z-index:2;
}

section.tp-pr .youtube-area .youtube-list .thumb .imgwrap {
    width:100%;
    height:0;
    padding-top:calc(31.1rem / 50.2rem * 100%);
}

section.tp-pr .youtube-area .youtube-list .thumb .imgwrap img {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

section.tp-pr .youtube-area .youtube-list a p {
    text-align: center;
    font-size:2.4rem;
    color:#222;
    font-weight:bold;
    letter-spacing: -0.03em;
    margin:2rem 0 1rem 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

section.tp-pr .youtube-area .youtube-list span.date {
    display:block;
    text-align: center;
    font-size:1.8rem;
    letter-spacing: -0.03em;
    color:#555;
}

@media (max-width: 1600px) {

    section.main-notice {
        padding:5rem 2.5rem;
        border-radius:2.5rem;
    }

    .popup-zone {
        max-width:calc((100% - 4rem) * 0.5);
    }

    .news-area {
        max-width:calc((100% - 4rem) * 0.5);
    }

}

@media (max-width: 1280px){
    .pr-links a.publication-link {
        background-size:13rem;
        background-position:right 6rem top 5rem;
    }

    .pr-links a.ci-link {
        background-size:13rem;
    }
}

@media (max-width: 1024px){
    section.main-notice {
        padding:2.5rem;
    }

    section.main-notice .inner {
        column-gap:0;
        row-gap:3rem;
        flex-wrap:wrap;
    }

    .popup-zone {
        max-width:100%;
    }

    .news-area {
        max-width:100%;
    }

    section.tp-pr .pr-area {
        flex-wrap:wrap;
        gap:4rem;
    }

    section.tp-pr .press-release {
        max-width:100%;
    }

    .pr-links {
        width:100%;
        max-width:100%;
    }

}

@media (max-width: 960px){

    #main-container {
        padding:0 2rem;
    }

    .main-visual .visual-txt .tit .mtit p {
        font-size:5rem;
    }

    section.partners .tit .mtit {
        font-size:5rem;
        line-height:1;
    }

    section.partners .tit .stit {
        font-size:2rem
    }

    section.partners .partner-list ul li {
        width: calc((100% - 9rem) / 4);
    }

    .pr-links a .txt {
        max-width:calc(100% - 18rem)
    }

    .pr-links a.publication-link {
        background-position:right 4rem top 5rem;
    }

    .pr-links a.ci-link {
        background-position:right 4rem top 5rem;
    }

    section.tp-pr .youtube-area .youtube-list ul {
        gap:2.5rem;
    }

    section.tp-pr .youtube-area .youtube-list ul li {
        flex:1;
    }

    section.tp-pr .youtube-area .youtube-list .thumb {
        border-radius:2rem;
    }
}


@media (max-width: 768px){
.popuparea-wrap .popuparea-box .popuparea-tit p{
        font-size: 2.2rem;
    }

    .popuparea-wrap .popuparea-box .popuparea-tit p.popup-tit{
        font-size: 4.6rem;
    }

    .popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap{
        width: calc(100% - 140px);
    }

    .popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-btn button{
        width: 50px;
        height: 50px;
    }

    .popuparea-wrap .popuparea-box .popuparea-btn > button{
        font-size: 1.8rem;
        border-radius: 3rem;
        padding: 13px 20px;
    }

    .popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap .swiper-pagination.popup-slide-pagenation{
        padding: 20px 0;
    }

    .main-visual .visual-control {
        height:7rem;
        padding-left:2.5rem;
        border-radius:3rem 0 0 0;
    }

    .main-visual .visual-control .visual-auto {
        width:4.5rem;
        height:4.5rem;
        background-size:1.2rem;
    }

    .main-visual .visual-control .visual-paging .progress {
        width:4rem;
    }

    .main-visual .visual-control .visual-nav button {
        width:4.5rem;
        height:4.5rem;
        background-size:1.7rem;
    }

    .main-visual .visual-wrap {
        border-radius:3rem;
    }

    section.partners .partner-list ul li {
        width: calc((100% - 3rem) / 2);
    }

    section.partners .partner-list ul li a .overlayer {
        padding:0 1.5rem
    }
    
    section.partners .partner-list ul li a .overlayer::before {
        width:3rem;
        height:3rem;
    }

    section.partners .partner-list ul li a .overlayer span {
        font-size:1.8rem
    }


    section.main-notice .tit-top .tit {
        font-size:3rem;
    }
    
    .popup-zone .popup-zone-slide a .btn span {
        width:4.5rem;
        height:4.5rem;
        background-size:1.5rem;
    }

    .popup-zone .popup-zone-control {
        gap:1.5rem;
    }

    .popup-zone .popup-zone-control .popup-zone-paging .progress {
        width:4rem;
    }


    .popup-zone .popup-zone-control .popup-zone-nav button {
        width:4.5rem;
        height:4.5rem;
    }

    .popup-zone .popup-zone-control .popup-zone-nav button.popup-zone-prev {
        background-size:0.8rem;
    }

    .popup-zone .popup-zone-control .popup-zone-nav button.popup-zone-next {
        background-size:0.8rem;
    }

    .popup-zone .popup-zone-control .popup-zone-nav button.popup-zone-auto {
        background-size:1rem;
    }

    .popup-zone .popup-zone-control .popup-zone-nav button.popup-zone-auto.is-stop {
        background-size:1rem;
    }

    .popup-zone .popup-zone-slide a {
        border-radius:3rem 3rem 0 3rem;
    }

    .news-area .news-list-wrap {
        padding:3rem;
    }

    .news-area .news-tab {
        width:100%;
    }

    .news-area .news-tab ul li a {
        font-size:1.8rem;
        width:9rem;
        height:4.2rem;
    }

    .news-area .news-list ul li {
        flex-wrap:wrap;
        row-gap:1rem;
    }

    .news-area .news-list ul li .news-info {
        flex-wrap:wrap;
        width:100%;
    }

    .news-area .news-list ul li .news-info .subj {
        width:100%;
    }

    .news-area .news-list ul li span.wdate {
        width:100%;
        text-align: left;
    }
    
    .news-area .news-list a.news-more {
        width:4.5rem;
        height:4.5rem;
    }

    section.tp-pr .inner {
        background-position:center top 0;
    }

    section.tp-pr .press-release .tit-top {
        margin-bottom:1.5rem;
    }

    section.tp-pr .press-release .tit-top a.more {
        width:4.5rem;
        height:4.5rem;
    }

    section.tp-pr .press-release .press-release-list .press-release-info {

    }

    section.tp-pr .press-release .press-release-list ul li.first .press-release-info {
        flex-wrap:wrap;
        width:100%;
        gap:1.5rem;
    }

    section.tp-pr .press-release .press-release-list ul li.first .press-release-info .subj {
        width:100%;
    }

    section.tp-pr .press-release .press-release-list ul li a {
        flex-wrap:wrap;
    }

    .pr-links {
        flex-wrap:wrap;
        column-gap:0;
        row-gap:2rem;
    }

    .pr-links a {
        width:100%;
        flex:1 1 1;
    }

    .pr-links a.publication-link {
        background-position:right 8rem top 5rem;
    }

    .pr-links a.ci-link {
        background-position:right 8rem top 5rem;
    }

    section.tp-pr .youtube-area .tit-top .tit {
        flex-wrap:wrap;
    }

    section.tp-pr .youtube-area .tit-top .tit .stit {
        width:100%;
    }

    section.tp-pr .youtube-area .youtube-list ul {
        flex-wrap:wrap;
    }
    
    section.tp-pr .youtube-area .youtube-list ul li {
        flex:100%;
    }
}

@media (max-width: 640px){

    .main-visual .visual-wrap {
        border-radius:1.5rem;
    }

    .main-visual .visual-control {
        position:static;
        padding-left:0;
        justify-content: center;
    }

    .main-visual .visual-control::before,
    .main-visual .visual-control::after {
        display:none;
    }

    section.partners {
        padding:4rem 0;
    }

    section.partners .tit .mtit {
        font-size:4rem
    }

    section.partners .partner-list ul {
        align-items: center;
        gap:1.5rem;
    }

    section.partners .partner-list ul li {
        width:calc((100% - 1.5rem) / 2);
    }
    
    section.partners .partner-list ul li.more a {
        height:6rem;
    }

    section.partners .partner-list ul li.more a span {
        font-size:1.8rem
    }

    section.main-notice {
        padding:1.5rem;
        border-radius:1.5rem;
    }

    .news-area .news-list-wrap {
        padding:1.5rem;
        border-radius: 1.5rem;
    }

    section.tp-pr .inner {
        background-size:100%
    }

    section.tp-pr .inner > .tit .mtit {
        font-size:4rem;
    }

    section.tp-pr .press-release .press-release-list ul li {
        margin-bottom:2rem;
        padding-bottom:2rem;
        border-bottom:1px dashed #eaeaea;
    }

    section.tp-pr .press-release .press-release-list ul li:last-child {
        margin-bottom:0;
        padding-bottom:0;
        border-bottom:none;  
    }

    section.tp-pr .press-release .press-release-list ul li a {
        align-items: flex-end;
    }

    section.tp-pr .press-release .press-release-list ul li.first {
        padding-bottom:2rem;
        margin-bottom:2rem;
    }

    section.tp-pr .press-release .press-release-list .press-release-info {
        flex-wrap:wrap;
        gap:0.5rem
    }

    section.tp-pr .press-release .press-release-list .press-release-info .cate {
        width:8.5rem;
        height:3.5rem;
    }
    
    section.tp-pr .press-release .press-release-list .press-release-info .subj {
        width:100%;
    }
    
    .pr-links a {
        padding:0 2.5rem;
    }

    .pr-links a .txt {
        max-width:calc(100% - 11rem);
    }

    .pr-links a.publication-link {
        background-position:right 3rem top 5rem;
        background-size:10rem;
    }

    .pr-links a.ci-link {
        background-position:right 3rem top 5rem;
        background-size:10rem;
    }
    
    section.tp-pr .youtube-area .tit-top .tit {
        width:calc(100% - 5.3rem);
    }
    section.tp-pr .youtube-area .tit-top a.more {
        width:4.5rem;
        height:4.5rem;
    }
    
}

@media (max-width:420px){
    .popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-wrap{
        width: calc(100% - 120px);
    }

    .popuparea-wrap .popuparea-box .popuparea-slide .popup-slide-btn button{
        width: 45px;
        height: 45px;
    }

    .popuparea-wrap .popuparea-box .popuparea-btn > button{
        padding: 10px 15px;
    }
}