@charset "UTF-8";
@import url("main_pc.css");
@media only all and (max-width: 1023px) {
    .main-visual-wrapper {
        height: auto;
    }
    .main-visual-area {
		position: relative;
        height: auto;
		z-index: initial;
		opacity: 1;
    }
    .main-visual-area .swiper-slide {
        height: auto;
    }
    .main-visual-area .swiper-slide img {
        position: static;
    }
    .main-visual-area .swiper-slide img.pc {
        display: none;
    }
    .main-visual-area .swiper-slide img.mobile {
        display: block;
        width: 100%;
    }
    .main-slogan-wrapper {
        top: 65%;
        transform: translate(0, -50%);
    }
    .main-slogan-area {
        max-width: 100%;
        padding: 0 1.25rem;
        margin: 0;
    }
    .main-slogan-area>dl {
        margin-bottom: 3.5417rem;
    }
    .main-slogan-area>dl>dt {
        margin-bottom: 1.25rem;
        font-size: 2.5rem;
        line-height: 2.75rem;
    }
    .main-slogan-area>dl>dd {
        font-size: 0.75rem;
        line-height: 1.0833rem;
    }
    .main-slogan-area>dl>dt>span,
    .main-slogan-area>dl>dd>span {
        transform: translate3d(0.625rem, 0.625rem, 0);
        -ms-transform: translate3d(0.625rem, 0.625rem, 0);
    }
    .main-slogan-area .btn-main-view {
        padding-right: 1.75rem;
        font-size: 0.91667rem;
        line-height: 0.91667rem;
        transform: translate3d(0.625rem, 0.625rem, 0);
        -ms-transform: translate3d(0.625rem, 0.625rem, 0);
        background-size: 1.0417rem 0.83333rem;
    }
    .main-visual-area #main-visual-pagination {
        bottom: 3.125rem;
    }
    .main-visual-area #main-visual-pagination .swiper-pagination-bullet {
        width: 2.5rem;
        height: 0.125rem;
    }
    .main-contents-wrapper {
        padding: 3.5rem 0 0 0;
    }
    .main-contents-area01 {
        max-width: 100%;
        padding: 0 1.25rem;
        margin: 0;
    }
    .main-contents-area01 h2 {
        position: static;
        margin-bottom: 1.375rem;
        font-size: 1.9167rem;
        line-height: 2.2083rem;
    }
    .main-research-wrapper {
        padding-bottom: 3.3333rem;
    }
    .main-research-wrapper h2 {
        margin-bottom: 2.0833rem
    }
    #main-research-slider .swiper-wrapper .swiper-slide {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    #main-research-slider .swiper-wrapper .swiper-slide a {
        padding: 2.0833rem 0;
        border-top: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
    }
    #main-research-slider .swiper-wrapper .swiper-slide a .date {
        font-size: 1.0417rem;
        line-height: 1.625rem;
        margin-bottom: 0.83333rem;
    }
    #main-research-slider .swiper-wrapper .swiper-slide a .title {
        margin-bottom: 1.375rem;
        font-size: 1.25rem;
        line-height: 1.5rem;
        display: block;
        text-overflow: initial;
        display: block;
        -webkit-line-clamp: auto;
        -webkit-box-orient: vertical;
        max-height: none;
    }
    #main-research-slider .swiper-wrapper .swiper-slide a .more {
        font-size: 1.0417rem;
        line-height: 1.25rem;
    }
    #main-research-slider .swiper-wrapper .swiper-slide a .more:before {
        bottom: 0.15rem
    }
    .main-research-area #main-research-pagination {
        position: relative;
        bottom: 0;
        margin-top: 1.25rem;
    }
    .main-research-area #main-research-pagination .swiper-pagination-bullet {
        width: 0.5rem;
        height: 0.5rem;
        margin: 0 0.25rem
    }
    .main-galery-wrapper:before {
        position: absolute;
        bottom: 0;
        left: 5.8333rem;
        width: calc(100% - 5.8333rem);
        height: calc(100% - 7.5rem);
    }
    .main-galery-area {
        padding-bottom: 0.83333rem;
    }
    .main-galery-area>a {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 3.3333rem;
        -webkit-box-shadow: 1.25rem 1.25rem 1.25rem 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 1.25rem 1.25rem 1.25rem 0px rgba(0, 0, 0, 0.1);
        box-shadow: 1.25rem 1.25rem 1.25rem 0px rgba(0, 0, 0, 0.1);
    }
    .main-galery-area>a:hover,
    .main-galery-area>a:focus {
        -webkit-box-shadow: 1.25rem 1.25rem 1.5833rem 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 1.25rem 1.25rem 1.5833rem 0px rgba(0, 0, 0, 0.25);
        box-shadow: 1.25rem 1.25rem 1.5833rem 0px rgba(0, 0, 0, 0.25);
    }
    .main-galery-area>a .main-gallery-information {
        display: block;
        padding: 26px 29px;
    }
    .main-galery-area>a .main-gallery-information .title {
        text-overflow: initial;
        display: block;
        -webkit-line-clamp: auto;
        height: auto;
        font-size: 1.125rem;
        line-height: 1.5rem;
    }
    .main-galery-area>a .main-gallery-information .more {
        margin-top: 1.9583rem;
        font-size: 1.0417rem;
        line-height: 1.25rem;
    }
    .main-galery-area>a .main-gallery-information .more:before {
        bottom: 0.15rem;
    }

	/* 2022.03.30 추가작업 */

	.movie-wrapper {
		display: none;
	}
}