@charset "UTF-8";
@import url("main_pc.css");
@media only all and (max-width: 1023px) {
    a {
        &::after {
             display: block; 
             content: ""; 
        }
    }
    .header {
        height: 4.5833rem;
    }
    .main-container {
        margin:0;
        padding-bottom: 0;
    }  

    .main-contents-wrapper {
        max-width: 100%;
        padding: 0 1.346rem;
    }
    
    .main-title-wrapper {
        width: 100%;
        text-align: center;
    }

    .main-title-wrapper > h2 {
        font-size: 2.231rem;
        margin-bottom: 1.923rem;
    }

    .main-title-wrapper > p {
        width: 80%;
        margin: 0 auto;
        font-size: 1.269rem;
        line-height: 140%;
        margin-bottom: 2.5rem;        
    }

    /*main-visual*/

	#main-visual {
        height: auto;
		margin-top: 0;		
        border-bottom-right-radius: 3.846rem;
	}	
	 
    .main-visual-slider-wrapper {
		height: auto;
	}
    
    .visual-contents-wrapper {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        min-height: 45%;
        align-items: flex-end;
        padding: 0 1.346rem;
    }

    .visual-contents-area {
        width: 100%;
        top: auto;
        bottom: 4.423rem;
        transform: translateY(0);
        left: 0;
        display: flex;
        flex-direction: column;
        /*justify-content:space-between;
        height: calc(80% + 1.538rem);*/
        padding: 0 1.346rem;
    }
    
    .mobile-br {
        display: block;
    }

    .main-slogan-wrapper {
        margin-bottom: 4.231rem;
        padding: 0 2.308rem;
    }

    .main-slogan-wrapper > h2 {
        font-size: 2.308rem;
        line-height: 130%;;
        text-align: left;
    }
    .main-slogan-wrapper > h2 > span {
        display: inline-block;
    }
    .main-slogan-wrapper > h2 > span:last-child {
        margin-left: 0;
    }

    .main-slogan-wrapper > p {
        font-size: 1.269rem;
        margin-bottom: 0.962rem;
    }

    .main-quick-wrapper {
        flex-direction: column;
        width: 100%;
        /*height: 32.692rem;*/
        height: auto;
    }

    .main-reservation-area {
        padding: 1.731rem 2.385rem 2.308rem 2.385rem;
    }

    .main-reservation-area {        
        border-radius:  1.154rem 0.577rem 0 0;
    }

    .main-quick-area {
        border-radius:  0 0 1.154rem 0.577rem;
    }    

	.reservation02 {
        border-radius: 0;
    }

    .reservation03 {
        border-radius:  0 0 1.154rem 0.577rem;
    }

    .main-reservation-title {
        padding-bottom: 1.154rem;
    }

    .main-reservation-title > img {
        width: 2.5rem;
        margin-right: 0.923rem;
    }

    .main-reservation-title > strong {
        font-size: 1.462rem;
    }

    .custom-input-wrapper > a {
        height: 3.692rem;
        font-size: 1.154rem;
        line-height: 3.692rem;
    }
    .custom-input-wrapper > p {
        font-size: 1.154rem;
    }
    
    .main-quick-area {
        padding: 2.308rem 2.385rem;
    }

    .main-quick-box > img {
        width: 2.885rem;
        padding: 0.308rem 0 1rem 0;
    }

    .main-quick-box > strong {
        font-size: 1.231rem;
    }
    
    .custom-info > strong {
        font-size: 1.385rem;
    }

    .custom-info > span {
        font-size: 1.154rem;
    }

	.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;
	}

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

	#main-visual-slider .mobile {
		display: block;
		width: 100%;
	}
    
    .main-contents02 {        
        padding: 4.423rem 0;
    }
    
    .main-program-wrapper{
        flex-direction: column;
    }
    .tab-btns-wrapper {
        gap: 0.769rem;
        padding-top: 0;
    }
    .tab-btns-wrapper a {
        width: 100%;
        height: 3.692rem;
        font-size: 1.269rem;
    }
    
    /*
    .tab-btns-wrapper a {
        flex: 1;
        justify-content: center;
        height: 3.692rem; 
        padding: 0 1.538rem 0 1.654rem;
        font-size: 1.269rem;
        gap: 0.769rem;
    }*/
    .tab-btns-wrapper a.active,
    .tab-btns-wrapper a:hover {
    }
    .tab-btns-wrapper a.active:after,
    .tab-btns-wrapper a:hover:after {
        font-size: 1.269rem;
    }
    
    /* 프로그램 메뉴 */
    
    .main-program-option-area {
        display: none;
    }
    
    .main-program-area {
        width: 250%;
        max-width: 250%;
        height: auto;
        margin: 2.5rem 0 1.538rem 0;
    }
    .main-program-area .swiper-container {        
        padding-bottom: 2.5rem !important;
    }
    
    .program-title {
        height: 9.615rem;   
        padding: 2.5rem;
    }
    .program-title strong {
        font-size: 1.846rem;
    }
    .program-title .arrow {
        font-size: 1.846rem;
        padding: 3px 10px;    
    }
    .program-box img {
        width: 100%;
        height: auto;
        display: block;
    }
    
    
    
    /* 아이콘 메뉴 */
    .main-menu-wrapper {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2개씩 정렬 */
        gap: 20px; /* 요소 간 간격 */
        padding: 2.115rem;
    }
    .main-menu-box .icon {
        width: 6.769rem;
        height: auto;
        aspect-ratio: 1 / 1;
        border-radius: 2.308rem;
    }

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

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

    .main-contents03 {
        border-top-left-radius: 3.846rem;
        padding: 5rem 0;
    }

    .main-guide-wrapper {
        height: auto;
        flex-direction: column;
    }
    
    .main-guide-box {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1.115rem;
    }

    .main-guide-box a {
        padding: 0 1.923rem 0 2.308rem;
        border-radius: 0.462rem;
        min-height: 5rem;
    }

    .main-guide-box a strong {
        font-size: 1.615rem;
    }

    .main-guide-box a .arrow {
        font-size: 1.615rem;
    }

    .main-guide-box a:nth-child(4) {
        align-items: flex-start;
        padding: 1.538rem 1.538rem 0 1.538rem;
        margin-left: 0; 
    }

    .main-guide-box a:nth-child(4) strong {
        font-size: 1.615rem;
    }

    .main-guide-box a:nth-child(4) .arrow {
        position: absolute;
        bottom: 2.308rem;
        right: 2.308rem;
        font-size: 1.231rem;
    }

    .main-guide-box a:nth-child(4) .arrow:before {
        width: 2.538rem;
        height: 2.538rem;
    }
    
    .main-guide-box a:after {
        display: none;
    }
}

@media only all and (max-width: 439px) {
    .main-reservation-title > strong {
        font-size: 1.462rem;
    }
}