/* mo style */
.kms {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
}
.kms img {
	display: block;
}

.kms .sec01 {
	position: relative;
}

.mo_sec01_aos1 {
	position: absolute;
	top: 22%;
    left: 10%;
    width: 80%;
}

.kms .mo_sec01_aos10 {
	animation: bounce-infinite 1s ease-in-out infinite;
	position: absolute;
    bottom: 33.5%;
    left: 5%;
    width: 21.734%;
}

.kms .mo_sec01_aos11 {
	animation: bounce-infinite 1s ease-in-out infinite;
	position: absolute;
    bottom: 23%;
    right: 4%;
    width: 24.4%;
}

.kms .sec01_1 {
	position: relative;
}

.kms .mo_sec01_aos2 {
	position: absolute;
    top: 7%;
    left: 16.3%;
    width: 67.334%;
}

.kms .mo_sec01_aos3 {
	animation: bounce-infinite 1s ease-in-out infinite;
    position: absolute;
    bottom: 6.8%;
    left: 9.1%;
    width: 82%;
}

.kms .sec01_2 {
	position: relative;
}

.kms .mo_sec01_aos4 {
	position: absolute;
    bottom: 10%;
    left: 12.5%;
    width: 75.2%;
}

.kms .sec02_tab_container {
	position: relative;
    width: 100%;
}

.kms .sec02 .sec02_tab_container .sec02_tab {
	display: flex;
}

.kms .sec02 .sec02_tab_container .sec02_tab div {
	cursor: pointer;
}

.kms .sec02 .sec02_tab_container #sec02_tab2_cont {
	display: none;
}

.kms .sec03 {
	position: relative;
	overflow: hidden;
	background-color: #fdf8ec;
}
.kms .sec03 .title_aos1 {
	position: absolute;
    top: 12%;
    left: 12.5%;
    width: 75.2%;
}
.kms .sec03 .sec_slide {
	position: absolute;
	width: 100%;
    top: 29%;
}

.kms .sec03 .sec_slide .swiper-slide {
	width: 54.94%;
}

.kms .swiper-button-next, .swiper-button-prev {
 	opacity: 1;
}
    
.kms .swiper-button-disabled {
	visibility: hidden;
	opacity: 0;
}

.kms .swiper-button-next.s1 {
	background-image: url('/ClientUI/kms/images/kms_right_nav.png');
	background-repeat: no-repeat;
    background-size: contain;
    width: 9.867% !important;
    height: auto;
    aspect-ratio: 1 / 1;
}
.kms .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	content: none !important;
}

.kms .swiper-button-prev.s1 {
	background-image: url('/ClientUI/kms/images/kms_left_nav.png');
	background-repeat: no-repeat;
    background-size: contain;
    width: 9.867% !important;
    height: auto;
    aspect-ratio: 1 / 1;
}

.kms .liter_btn {
    position: absolute;
    width: 56.135%;
    left: 50%;
    bottom: 5.15%;
    transform: translate(-50%, 0);
    border-radius: 4px;
}

.kms .sec_ch12 {
	position: relative;
}

.kms .mo_sec_ch12_aos1 {
	position: absolute;
    top: 5%;
    left: 8.7%;
    width: 82.667%;
}
.kms .mo_sec_ch12_aos2 {
	position: absolute;
    top: 29.7%;
    left: 19.3%;
    width: 61.734%;
}
.kms .mo_sec_ch12_aos3 {
	position: absolute;
	top: 54.5%;
    left: 14%;
    width: 33.734%;
}
.kms .mo_sec_ch12_aos4 {
	position: absolute;
    top: 66.7%;
    left: 14%;
    width: 33.734%;
}
.kms .mo_sec_ch12_aos5 {
	position: absolute;
    top: 78.7%;
    left: 14%;
    width: 33.734%;
}
.kms .ch12_btn {
    position: absolute;
    width: 56.135%;
    height: 3.2%;
    left: 50%;
    bottom: 3.4%;
    transform: translate(-50%, 0);
    border-radius: 4px;
}

.kms .sec04 {
	position: relative;
}

.kms .mo_sec04_aos1 {
	position: absolute;
	top: 14%;
    left: 14.6%;
    width: 70.747%;
}

.kms .pop_open1 {
    position: absolute;
    width: 30%;
    height: 3.7%;
    top: 41.5%;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
}
.kms .pop_open2 {
    position: absolute;
    width: 30%;
    height: 3.7%;
    top: 61%;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
}
.kms .pop_open3 {
    position: absolute;
    width: 30%;
    height: 3.7%;
    bottom: 13.7%;
    left: 50%;
    transform: translate(-50%, 0);
    cursor: pointer;
}
.kms .reserv_btn {
    position: absolute;
    width: 30%;
    height: 3.7%;
    bottom: 19.34%;
    left: 43.3%;
    transform: translate(-50%, 0);
}
.kms .pop_img01 {
    position: absolute;
    top: 45.5%;
    width: 80.267%;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
    z-index: 2;
}
.kms .pop_img02 {
	position: absolute;
	top: 65%;
    width: 80.267%;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
    z-index: 2;
}
.kms .pop_img03 {
	position: absolute;
	bottom: -3.5%;
    width: 80.267%;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
    z-index: 2;
}
.kms .close_popup {
	position: absolute;
    top: 6%;
    right: 3%;
    width: 6%;
    height: 14%;
    cursor: pointer;
}

.kms .sec05 {
	position: relative;
}

.kms .mo_sec05_aos1 {
	animation: bounce-infinite 1s ease-in-out infinite;
	position: absolute;
    top: 3.5%;
    left: 8%;
    width: 14.267%;
}

.kms .mo_sec05_aos2 {
	position: absolute;
	top: 6%;
    left: 22.3%;
    width: 55.414%;
}

.kms .mo_sec05_aos3 {
	animation: bounce-infinite 1s ease-in-out infinite;
	position: absolute;
    top: 19.5%;
    right: 4.6%;
    width: 12.8%;
}

/* pc style */
.kms_pc .kms_section {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
}
.kms_pc .sec01 {
	background: linear-gradient(173deg, #fffbe9 10%, #ffd7df 100%);
}
.kms_pc .sec02 {
	background: linear-gradient(to bottom, #fdf9e6 0%, #fef8d4 50%, #fef6bd 100%);
}
.kms_pc .sec03 {
	background: #fff;
	padding-bottom: 4.73%;
}
.kms_pc .sec04 {
	background: linear-gradient(to bottom, #fffcf5 0%, #fef4db 100%);
}
.kms_pc .sec_ch12 {
	background: linear-gradient(to bottom, #f5f6fb 0%, #f6fcfd 100%);
}
.kms_pc .sec05 {
	background: linear-gradient(to bottom, #fffdf5 0%, #ffecea 100%);
}
.kms_pc .sec06 {
	background: linear-gradient(to bottom, #faf7dd 0%, #fef9e5 50%, #fdf6cc 100%);
}

.kms_pc .sec01 .kms_section .sec01_aos1 {
	position: absolute;
    top: 38%;
    left: 21%;
    width: 24.935%;
}
.kms_pc .sec01 .kms_section .sec01_aos2 {
	animation: bounce-infinite 1s ease-in-out infinite;
	position: absolute;
    top: 29%;
    right: 42%;
    width: 6.772%;
}
.kms_pc .sec01 .kms_section .sec01_aos3 {
	animation: bounce-infinite 1s ease-in-out infinite;
    position: absolute;
    top: 38%;
    right: 16.8%;
    width: 8.294%;
}
.kms_pc .sec02 .kms_section .sec02_book {
   	position: absolute;
    bottom: -11%;
    z-index: 2;
    left: 13%;
    width: 9.344%;
}
.kms_pc .sec02 .kms_section .sec02_aos1 {
	animation: bounce-infinite 1s ease-in-out infinite;
	position: absolute;
    bottom: 6.8%;
	left: 35.8%;
	width: 28.452%;
}
.kms_pc .sec03 .kms_section .sec03_tab_container {
    width: 59.633%;
    margin: 0 auto;
}
.kms_pc .sec03 .kms_section .sec03_tab {
	display: flex;
}
.kms_pc .sec03 .kms_section .sec03_tab div {
	cursor: pointer;
}
.kms_pc .sec03 .kms_section #sec03_tab2_cont {
	display: none;
}
.kms_pc .sec04 .kms_section .slide2_area {
    position: absolute;
    top: 29%;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 54%;
}
.kms_pc .sec04 .sec_slide {
    overflow: hidden;
    position: relative;
    width: 82%;
    margin: 0 auto;
}
.kms_pc .swiper-button-next.s1 {
	background-image: url('/ClientUI/kms/images/kms_right_nav.png');
	background-repeat: no-repeat;
    background-size: contain;
    width: 6.934% !important;
    height: auto;
    aspect-ratio: 1 / 1;
    right: 0;
    top: 47%
}
.kms_pc .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
	content: none !important;
}
.kms_pc .swiper-button-prev.s1 {
	background-image: url('/ClientUI/kms/images/kms_left_nav.png');
	background-repeat: no-repeat;
    background-size: contain;
    width: 6.934% !important;
    height: auto;
    aspect-ratio: 1 / 1;
    left: 0;
    top: 47%
}
.kms_pc .sec04 .swiper-pagination {
	bottom: 0px;
	position: relative;
	margin-top: 3%;
}
.kms_pc .sec04 .swiper-pagination .swiper-pagination-bullet-active {
	background: #ec3966 !important;
	width: 40px !important;
    border-radius: 10px;
}
.kms_pc .sec04 .swiper-pagination .swiper-pagination-bullet {
	background: #909090;
	opacity: 1;
	width: 12px;
	height: 12px;
}
.kms_pc .sec04 .kms_section .sec04_btn {
    width: 22%;
    height: 3.6%;
    position: absolute;
    bottom: 4.1%;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 8px;
}
.kms_pc .sec04 .kms_section .sec04_btn a {
	display: block;
	width: 100%;
    height: 100%;
}

.kms_pc .sec_ch12 .kms_section .sec_ch12_aos1 {
    position: absolute;
    top: 25.5%;
    right: 23.5%;
    width: 29.659%;
}
.kms_pc .sec_ch12 .kms_section .sec_ch12_fade.fade1 {
    position: absolute;
    bottom: 20%;
    left: 24%;
    width: 14.6982%;
}
.kms_pc .sec_ch12 .kms_section .sec_ch12_fade.fade2 {
    position: absolute;
    bottom: 20%;
    left: 42.5%;
    width: 14.6982%;
}
.kms_pc .sec_ch12 .kms_section .sec_ch12_fade.fade3 {
    position: absolute;
    bottom: 20%;
    left: 61%;
    width: 14.6982%;
}
.kms_pc .sec_ch12 .kms_section .sec_ch12_btn {
    width: 22%;
    height: 4.2%;
    position: absolute;
    bottom: 4.6%;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 8px;
}
.kms_pc .sec_ch12 .kms_section .sec_ch12_btn a {
	display: block;
	width: 100%;
    height: 100%;
}

.kms_pc .sec05 .kms_section .sec05_fade {
	width: 39.843%;
}
.kms_pc .sec05 .kms_section .sec05_fade.fade1 {
    position: absolute;
    top: 25%;
    left: 30.1%;
}
.kms_pc .sec05 .kms_section .sec05_fade.fade2 {
    position: absolute;
    top: 44.5%;
    left: 30.1%;
}
.kms_pc .sec05 .kms_section .sec05_fade.fade3 {
    position: absolute;
    bottom: 18%;
    left: 30.1%;
}
.kms_pc .sec05 .kms_section .pc_pop_open1 {
    position: absolute;
    top: 40%;
    width: 14%;
    height: 3.4%;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 30px;
    cursor: pointer;
}
.kms_pc .sec05 .kms_section .pc_pop_open2 {
    position: absolute;
    top: 60.3%;
    width: 14%;
    height: 3.4%;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 30px;
    cursor: pointer;
}
.kms_pc .sec05 .kms_section .pc_pop_open3 {
    position: absolute;
    bottom: 13.7%;
    width: 14%;
    height: 3.4%;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 30px;
    cursor: pointer;
}
.kms_pc .sec05 .kms_section .pc_pop_img01 {
	position: absolute;
    top: 39.5%;
    width: 31.6011%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 5;
    display: none;
}
.kms_pc .sec05 .kms_section .pc_pop_img02 {
    position: absolute;
    top: 60.3%;
    width: 31.6011%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 5;
    display: none;
}
.kms_pc .sec05 .kms_section .pc_pop_img03 {
    position: absolute;
    bottom: 2.5%;
    width: 31.6011%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 5;
    display: none;
}
.kms_pc .sec05 .kms_section .pc_close_popup {
	width: 7%;
    height: 16%;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.kms_pc .sec05 .kms_section .pc_reserv_btn {
    position: absolute;
    bottom: 9.6%;
    width: 34.8%;
    height: 22%;
    left: 24.5%;
    border-radius: 8px;
}
.kms_pc .sec06 .kms_section .sec06_aos1 {
	animation: bounce-infinite 1s ease-in-out infinite;
    position: absolute;
    top: -1%;
    left: 30%;
    width: 7.3491%;
}
.kms_pc .sec06 .kms_section .sec06_aos2 {
	animation: bounce-infinite 1s ease-in-out infinite;
    position: absolute;
    top: 37%;
    right: 25%;
    width: 5.775%;
    z-index: 2;
}
.kms_pc .sec06 .kms_section .sec06_tab_container {
    width: 44.62%;
    margin: 0 auto;
    display: flex;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, 0);
}
.kms_pc .sec06 .kms_section .sec06_tab div {
	cursor: pointer;
}
.kms_pc .sec06 .kms_section #sec06_tab2_cont {
	display: none;
}
/* 애니메이션 효과 */
/* ✅ 커스텀 바운스 애니메이션 */
@keyframes bounce-infinite {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
}