@charset "UTF-8";
@import url("main_pc.css");
@media only all and (max-width: 1023px) {
    .header {
        height: 4.5833rem;
    }
    .main-container {
        background-color: #ffffff;;
    }

    /*main-visual*/

	#main-visual {
        position: relative;
        height: auto;
        border-bottom-right-radius: 3.846rem;
        overflow: hidden;
		margin-top: 0;
	}

    .main-visual-slider-wrapper {
		height: auto;
	}

    .visual-contents-wrapper {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        min-height: 45%;
        justify-content: center;
        padding: 0 1.731rem;
    }

    .main-slogan-wrapper {
        position: relative;
        width: 100%;
        top: 4.615rem;
        transform: translateY(0);
    }

    .main-slogan-wrapper > h2 {
        font-size: 1.846rem;
    }

    .main-slogan-wrapper .slogan-desc {
        font-size: 0.923rem;
        word-break: keep-all;
    }

    .main-menu-wrapper {
		position: absolute;
		bottom: 2.3333rem;
		left: 1.731rem;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        background-color: transparent;
        row-gap: 2.308rem;
        width: calc(100% - 3.462rem);
		padding: 0;

    }

    .main-menu-box {
        position: relative;
        height: 100%;
        display: flex;
        justify-content: space-between;
    }

    .main-menu-box:after {
        display: none;
    }

    .main-menu-box > img {
        width: 2.154rem;
    }

    .main-menu-box > strong {
        font-size: 1.154rem;
        margin-top: 1.154rem;
    }

    .main-menu-wrapper .mobile {
        display: flex;
    }

	.main-slogan-info {
        grid-column: 1 / -1;
        display: block;
        grid-template-columns: repeat(3, 1fr);
        width: 100%;
        padding: 0 10%;
		text-align: left;
    }

	.main-slogan-info > dl {
		display: flex;
		width: 100%;
		gap: 1.25rem;
		margin-bottom: 0.4167rem;
	}
	.main-slogan-info > dl > dt {
        flex-shrink: 0;
		font-size: 1.25rem;
		line-height: 1.5417rem;
		padding-bottom: 0;
	}

	.main-slogan-info > dl > dd {
		font-size: 1.75rem;
		line-height: 1;
	}

	.main-slogan-info > span {
		font-size: 1rem;
	}

	.main-visual-area {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	.main-visual-area .swiper-slide {
		height: auto;
	}

	.main-visual-area .swiper-slide img.pc {
		display: none;
	}

	.main-visual-area .swiper-slide img.mobile {
		display: block;
		width: 100%;
	}

	.main-visual-slider-area {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		margin-left: 0;
		padding-bottom: 4.6666rem;
		background-color: #000000;
	}

	#main-visual-slider .pc {
		display: none;
	}

	#main-visual-slider .mobile {
		display: block;
		width: 100%;
	}


    /* main contents 02 */

    .main-contents02 {
        padding: 4.615rem 0 0 0;
    }

    .main-contents-wrapper {
        padding: 0 1.731rem;
        margin: 0 auto;
    }
    .main-contents-wrapper > h2 {
        font-size: 2rem;
        padding-bottom: 2rem;
    }

    .main-contents02 .main-contents-wrapper {
        padding: 0 1.731rem;
    }

    .main-status-wrapper {
        width: 100%;
    }

    .main-status-area {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        gap: 1.154rem;
    }

	/* 2026.02.03 반응형 시 라인 잘 안보이는 현상 있어 수정
    .main-status-box {
        border-radius: 1.154rem;
        border: 1px solid #dddddd;
    }
	*/

	.main-status-box {
		width: calc(100% - 2px);
        border-radius: 1.154rem;
        border: 1px solid #dddddd;
		margin: 0 auto;
    }

    .main-status-header {
        padding: 2.115rem;
    }

    .main-status-header > strong {
        font-size: 1.538rem;
    }

    .main-status-info {
        padding: 1.923rem 1.923rem 3.846rem 1.923rem;
    }

    .main-status-info > dl {
        font-size: 1.231rem;
        line-height: 140%;
        margin-bottom: 0.769rem;
        gap: 0.385rem;
    }

    .main-status-info > dl > dt {
        min-width: 32%;
    }
    .main-status-wrapper .swiper-container {
        padding: 0 !important;
    }
    .main-status-wrapper .swiper-slide {
        filter: drop-shadow(0.231rem 0.231rem 0.577rem rgba(144,163,177,0.0));
    }

    /*.main-status-wrapper .swiper-container {
        padding: 1.731rem !important;
    }
    .main-status-wrapper .swiper-slide {
        filter: drop-shadow(0.231rem 0.231rem 0.577rem rgba(144,163,177,0.1));
    }*/

    .main-status-wrapper > .main-status-button-next,
    .main-status-wrapper > .main-status-button-prev {
		width: 2.692rem;
		height: 2.692rem;
        top: 52%;
	}
    .main-status-button-prev,
    .swiper-container-rtl .main-status-button-next {
        left: 0.769rem !important;
    }
    .main-status-button-next,
    .swiper-container-rtl .main-status-button-prev {
        right: 0.769rem !important;
    }

    .main-status-button-prev:after,
    .main-status-button-next:after {
        width: 0.615rem;
        height: 0.962rem;
    }

    /* main contents 03 */

    .main-contents03 {
        padding: 4.615rem 0 5.385rem;
        border-radius: 1.538rem;
        background-size: 18.462rem auto;
        background-position: -0.385rem 18.077rem;
    }

    .main-guide-area {
        flex-direction: column;
        gap: 1.538rem;
    }

    .main-guide-area > a {
        border-radius: 0.577rem;
    }
    .main-guide-area > a >.title-area {
        padding: 1.923rem;
    }

    .main-guide-area > a >.title-area .title {
        font-size: 1.538rem;
    }

    .main-guide-area > a >.title-area .desc {
        font-size: 1.077rem;
    }

	.main-location-wrapper {
        position: relative;
    }
    .main-map-wrapper {
        height: 42rem;
        border-radius: 0.5rem;
	}
	.main-map-wrapper iframe {
		position: relative;
		overflow: hidden;
		height: 35rem
	}

    .root_daum_roughmap .wrap_map {
        height: 42rem !important;
    }
    .main-location-wrapper .main-location-information {
        position: absolute;
        top: initial;
        top: auto;
        bottom: 2.083rem;
        left: 0.75rem;
        max-width: calc(100% - 1.5rem);
        padding: 2.167rem 2.25rem 1.667rem 2.25rem;
        border-radius: 0.5rem
    }
    .main-location-wrapper .main-location-information>h2 {
        gap: 0.542rem;
        margin-bottom: 0.542rem;
    }
    .main-location-wrapper .main-location-information>h2>img {
        width: 1.125rem;
    }
    .main-location-wrapper .main-location-information>h2>strong {
        font-size: 1.542rem;
        line-height: 1.542rem;
    }
    .main-location-wrapper .main-location-information address {
        margin-bottom: 0.625rem;
        font-size: 1.167rem;
        line-height: 1.667rem;
        word-break: keep-all;
    }
    .main-location-wrapper .main-location-information ul {
        gap: 0.667rem;
    }
    .main-location-wrapper .main-location-information ul>li {
        width: calc(50% - 0.3335rem);
    }
    .main-location-wrapper .main-location-information ul>li>a {
        height: 2.917rem;
        text-indent: 1.208rem;
        font-size: 1.083rem;
    }
    .main-location-wrapper .main-location-information ul>li>a::before {
        right: 1.208rem;
        width: 0.458rem;
        height: 0.792rem;
        margin-top: -0.391rem;
        background-size: 0.458rem 0.792rem
    }
    .main-location-wrapper .main-location-information ul>li>a:hover {
        box-shadow: 0.25rem 0.25rem 0.917rem 0 rgba(0, 0, 0, 0.15)
    }
    .main-location-wrapper .main-location-information ul>li>a:hover::before {
        right: 0.917rem;
    }


    .main-location-wrapper .main-linked-map {
        margin-top: 0.917rem;
        gap: 0.667rem;
		width: 100%;
    }

	.main-location-wrapper .main-linked-map > a {
		width: 100%;
        font-size: 1rem;
        line-height: 1.708rem;
		letter-spacing: -0.25px;
		gap: 0.25rem;
		letter-spacing: -1px;
	}

    .main-location-wrapper .main-linked-map > a > img {
        width: 1.667rem;
    }

}


@media only all and (max-width: 639px) {
	.main-slogan-info {
        padding: 0 8%;
    }
}