@charset "utf-8";

/* 내용관리 */
#ctt {}
.ctt_admin {text-align:right;position: relative; z-index: 99999;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}


.m-br { display: none; }



.content-full-wrap.bg-white { background: #fff; }
.content-wrap { overflow: hidden; }
.content-inner { width: 1100px; margin: auto; }

.content-inner > .text-wrap { margin-bottom: 50px; }
.content-inner > .text-wrap > .title { font-size: 42px; font-weight: 700; }
.content-inner > .text-wrap > .title > span.color-gray2 { color: #757575; }
.content-inner > .text-wrap > .desc { font-size: 20px; font-weight: 400; margin-top: 30px; }

.content-inner > .desc-wrap { margin-top: 30px; }
.content-inner > .desc-wrap.mt-50 { margin-top: 50px; }

.content-inner > .big-box { width: 100%; background: #000; border-radius: 25px; }
.content-inner > .big-box.mt-50 { margin-top: 50px; }
.content-inner > .big-box > .title { display: flex; justify-content: center; align-items: center; padding: 20px 0; }
.content-inner > .big-box > .title > img { margin-right: 10px; }

.content-inner > .bete-wrap { display: flex; width: 100%; }
.content-inner > .bete-wrap.just { justify-content: space-between; }
.content-inner > .bete-wrap > .img-box { width: 480px; height: 480px; position: relative; margin-right: 70px; }
.content-inner > .bete-wrap > .img-box.order2 { order: 2; margin-right: 0; }
.content-inner > .bete-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 25px; }

.content-inner > .bete-wrap > .text-box { width: 490px; height: auto; }
.content-inner > .bete-wrap > .text-box > .title { font-size: 42px; font-weight: 700; letter-spacing: -0.05em; }
.content-inner > .bete-wrap > .text-box > .title > span.font-head4 { font-size: 28px; }
.content-inner > .bete-wrap > .text-box > .title > p.desc { font-size: 20px; font-weight: 400; margin-top: 30px; }
.content-inner > .bete-wrap > .text-box > .title > p.desc.mt-15 { margin-top: 15px; }
.content-inner > .bete-wrap > .text-box > .desc { font-size: 20px; font-weight: 400; margin-top: 30px; }
.content-inner > .bete-wrap > .text-box > .desc > span.bg { background: #2a2a2a; padding: 0 4px; border-radius: 4px; }

.content-inner > .bete-wrap > .text-box > ul { margin-top: 30px; }
.content-inner > .bete-wrap > .text-box > ul > li { font-size: 20px; font-weight: 300; }
.content-inner > .bete-wrap > .text-box > ul > li.fw-700 { font-weight: 700; }
.content-inner > .bete-wrap > .text-box > ul > li > .fw-700 { font-weight: 700; }
.content-inner > .bete-wrap > .text-box > ul > li > .color-bg { color: #e7e7e7; }
.content-inner > .bete-wrap > .text-box > ul.time-wrap > li { display: flex; align-items: center; }
.content-inner > .bete-wrap > .text-box > ul.time-wrap > li > p { width: 110px; }

.content-inner > .bete-wrap > .text-box.just { display: flex; justify-content: space-between; flex-direction: column; }

.content-inner > .bete-wrap > .text-box.w540 { width: 540px; }
.content-inner > .bete-wrap > .text-box.w540 > .ar-box { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.content-inner > .bete-wrap > .text-box.w540 > .ar-box > a { margin-bottom: 20px; }
.content-inner > .bete-wrap > .text-box.w540 > .ar-box > a:nth-child(3),
.content-inner > .bete-wrap > .text-box.w540 > .ar-box > a:nth-child(4) { margin-bottom: 0; }
.content-inner > .bete-wrap > .text-box.w540 > .ar-box > a > img { border-radius: 10px; }

.content-inner > .bete-wrap > .text-box > .ar-box > a > ul { display: flex; justify-content: space-between; align-items: center; width: 100%; border-bottom: 1px solid #C9C9C9; padding: 10px 0; }
.content-inner > .bete-wrap > .text-box > .ar-box > a > ul > li:first-child { font-size: 20px; font-weight: 700; line-height: 160%; }

.content-inner > .bete-wrap > .text-box > .num-box > ul { display: flex; justify-content: flex-start; align-items: center; width: 100%; border-bottom: 1px solid #C9C9C9; padding: 10px 0; }
.content-inner > .bete-wrap > .text-box > .num-box > ul > li:last-child { font-size: 20px; font-weight: 700; line-height: 100%; margin-left: 10px; }


.content-inner > .bete-wrap > .text-box > .tip-box { background: #000; border-radius: 25px; padding: 20px 50px; }
.content-inner > .bete-wrap > .text-box > .tip-box > .title { font-weight: 700; }
.content-inner > .bete-wrap > .text-box > .tip-box > .title > img { margin-right: 5px; }
.content-inner > .bete-wrap > .text-box > .tip-box > .desc { font-weight: 400; color: #f9f9f9; font-size: 19px; margin-top: 10px; }
.content-inner > .bete-wrap > .text-box > .tip-box > .desc > span { font-weight: 700; }

.content-inner > .bete-wrap > .text-box > .good-box > .title { font-weight: 700; }
.content-inner > .bete-wrap > .text-box > .good-box > .title > img { margin-right: 5px; }
.content-inner > .bete-wrap > .text-box > .good-box > ul { margin-top: 5px; }
.content-inner > .bete-wrap > .text-box > .good-box > ul > li { border-bottom: 1px solid #c9c9c9; font-size: 20px; font-weight: 700; padding: 10px 0; }

.content-inner > .bete-wrap > .text-box > .error-wrap > .title { font-weight: 700; padding-bottom: 10px; border-bottom: 1px solid #c9c9c9; display: flex; align-items: center; }
.content-inner > .bete-wrap > .text-box > .error-wrap > .title > img { margin-right: 8px; }
.content-inner > .bete-wrap > .text-box > .error-wrap > .desc { margin-top: 10px; font-size: 20px; }
.content-inner > .bete-wrap > .text-box > .error-wrap > .desc > span { font-weight: 700; }

.content-inner > .sub-main-box { border-top: 1px solid #C7C7C7; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100vh; }
.content-inner > .sub-main-box > .title { font-size: 55px; margin-top: 20px; }
.content-inner > .sub-main-box > .desc { font-size: 23px; color: #fff; margin-top: 20px; }
.content-inner > .sub-main-box > .desc > span { padding: 5px 18px; border-radius: 50px; background: #2a2a2a; }


.content-inner > .rec-one-wrap { width: 100%; }
.content-inner > .rec-one-wrap > .img-box { width: 100%; height: 480px; position: relative; }
.content-inner > .rec-one-wrap > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 25px; }
.content-inner > .rec-one-wrap > .text-wrap { margin-top: 50px; }
.content-inner > .rec-one-wrap > .text-wrap > .title { font-size: 28px; }

.content-inner > .rec-one-wrap > .text-bete-wrap { margin-top: 50px; width: 100%; display: flex; justify-content: space-between; }
.content-inner > .rec-one-wrap > .text-bete-wrap > div { width: 462px; }
.content-inner > .rec-one-wrap > .text-bete-wrap > .text-wrap > .title { font-size: 42px; font-weight: 700; }
.content-inner > .rec-one-wrap > .text-bete-wrap > .text-wrap > .desc { font-size: 20px; font-weight: 400; margin-top: 30px; }

.content-inner > .rec-one-wrap > .text-bete-wrap > .num-text-wrap > .title { font-size: 42px; font-weight: 700; margin-bottom: 30px; }
.content-inner > .rec-one-wrap > .text-bete-wrap > .num-text-wrap > ul { display: flex; justify-content: flex-start; align-items: center; width: 100%; border-bottom: 1px solid #C9C9C9; padding: 10px 0; }
.content-inner > .rec-one-wrap > .text-bete-wrap > .num-text-wrap > ul > li:last-child { font-size: 20px; font-weight: 700; line-height: 100%; margin-left: 10px; }


.content-inner > .sub-slide-1 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-1 > .text-wrap { display: flex; justify-content: space-between; align-items: center; }
.content-inner > .sub-slide-1 > .text-wrap > .title { font-size: 42px; font-weight: 700; margin-bottom: 50px; }
.content-inner > .sub-slide-1 .swiper-slide { width: 535px; height: 252px; position: relative; border-radius: 25px; background: #242424; }
.content-inner > .sub-slide-1 .swiper-slide > .slide-img { position: absolute; right: 0; bottom: 0; }
.content-inner > .sub-slide-1 .swiper-slide > .slide-txt { padding: 50px; display: flex; justify-content: space-between; flex-direction: column; height: 100%; }
.content-inner > .sub-slide-1 .swiper-slide > .slide-txt > .sub-title > span { font-size: 20px; color: #f0f0f0; padding: 8px 1px; border-bottom: 1px solid #f0f0f0; }
.content-inner > .sub-slide-1 .swiper-slide > .slide-txt > .title { font-size: 28px; color: #f0f0f0; }
.content-inner > .sub-slide-1 .swiper-pagination { bottom: 0; }
.content-inner > .sub-slide-1 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .sub-slide-1 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }

.content-inner > .sub-slide-1 > .text-wrap > .swiper-navigation { position: relative; width: 100px; height: 50px; }
.content-inner > .sub-slide-1 > .text-wrap > .swiper-navigation-1 .swiper-button-prev-1 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .sub-slide-1 > .text-wrap > .swiper-navigation-1 .swiper-button-next-1 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; right: 0; z-index: 0; }
.content-inner > .sub-slide-1 > .text-wrap > .swiper-navigation-1 .swiper-button-prev-1::after,
.content-inner > .sub-slide-1 > .text-wrap > .swiper-navigation-1 .swiper-button-next-1::after { content: none; }


.content-inner > .sub-slide-2 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-2 > .text-wrap { display: flex; justify-content: space-between; align-items: center; }
.content-inner > .sub-slide-2 > .text-wrap > .title { font-size: 42px; font-weight: 700; margin-bottom: 50px; }
.content-inner > .sub-slide-2 .swiper-slide { width: 252px; height: 252px; position: relative; border-radius: 25px; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #fff; box-shadow: 2px 4px 24px -10px rgba(0,0,0,0.3); }
.content-inner > .sub-slide-2 .swiper-slide > .slide-img { text-align: center; width: 100px; height: 100px; border-radius: 100%; position: relative; }
.content-inner > .sub-slide-2 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 100%; }
.content-inner > .sub-slide-2 .swiper-slide > .slide-txt { margin-top: 30px; }
.content-inner > .sub-slide-2 .swiper-slide > .slide-txt > .title { font-size: 28px; font-weight: 700; }
.content-inner > .sub-slide-2 .swiper-pagination { bottom: 0; }
.content-inner > .sub-slide-2 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .sub-slide-2 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }

.content-inner > .sub-slide-2 > .text-wrap > .swiper-navigation { position: relative; width: 100px; height: 50px; }
.content-inner > .sub-slide-2 > .text-wrap > .swiper-navigation-2 .swiper-button-prev-2 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .sub-slide-2 > .text-wrap > .swiper-navigation-2 .swiper-button-next-2 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; right: 0; z-index: 0; }
.content-inner > .sub-slide-2 > .text-wrap > .swiper-navigation-2 .swiper-button-prev-2::after,
.content-inner > .sub-slide-2 > .text-wrap > .swiper-navigation-2 .swiper-button-next-2::after { content: none; }


.content-inner .text-table { width: 100%; border-radius: 25px; margin-bottom: 30px; box-shadow: 2px 4px 24px -10px rgba(0,0,0,0.3); }
.content-inner .text-table > ul { display: flex; align-items: center; justify-content: space-between; }
.content-inner .text-table > ul > li { width: 44%; padding: 5px; border-right: 1px solid #C9C9C9; }
.content-inner .text-table > ul > li:first-child,
.content-inner .text-table > ul > li:last-child { width: 28%; }
.content-inner .text-table > ul > li:last-child { border-right: none; }
.content-inner .text-table > ul:nth-child(1) > li { font-size: 20px; background: #2A2A2A; height: 77px; line-height: 120%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.content-inner .text-table > ul:nth-child(1) > li:first-child { border-radius: 25px 0 0 0; }
.content-inner .text-table > ul:nth-child(1) > li:last-child { border-radius: 0 25px 0 0; }

.content-inner .text-table > ul:nth-child(2) > li { font-size: 20px; background: #fff; height: 72px; line-height: 120%; display: flex; justify-content: center; align-items: center; flex-direction: column; border-bottom: 1px solid #c9c9c9; }
.content-inner .text-table > ul:nth-child(2) > li > span { font-size: 14px; }

.content-inner .text-table > ul:nth-child(3) > li { font-size: 20px; background: #fff; height: 76px; line-height: 120%; display: flex; justify-content: center; align-items: center; flex-direction: column; border-bottom: 1px solid #c9c9c9; }
.content-inner .text-table > ul:nth-child(3) > li > span { font-size: 14px; }

.content-inner .text-table > ul:nth-child(4) > li { font-size: 20px; background: #fff; height: 109px; line-height: 120%; display: flex; justify-content: center; align-items: center; flex-direction: column; border-bottom: 1px solid #c9c9c9; }
.content-inner .text-table > ul:nth-child(4) > li > span { font-size: 14px; }

.content-inner .text-table > ul:nth-child(5) > li { font-size: 20px; background: #fff; height: 109px; line-height: 120%; display: flex; justify-content: center; align-items: center; flex-direction: column; border-bottom: 1px solid #c9c9c9; }
.content-inner .text-table > ul:nth-child(5) > li > span { font-size: 14px; }

.content-inner .text-table > ul:nth-child(6) > li { font-size: 20px; background: #fff; height: 50px; line-height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.content-inner .text-table > ul:nth-child(6) > li > span { font-size: 14px; }
.content-inner .text-table > ul:nth-child(6) { border-radius: 0 0 25px 25px; }
.content-inner .text-table > ul:nth-child(6) > li:first-child { border-radius: 0 0 0 25px; }
.content-inner .text-table > ul:nth-child(6) > li:last-child { border-radius: 0 0 25px 0; }



.content-inner .vs-wrap { display: flex; align-items: center; justify-content: space-between; }
/* .content-inner .vs-wrap > .img-ul { display: flex; align-items: center; justify-content: space-between; width: 100%; } */
.content-inner .vs-wrap > .img-ul:nth-child(2) { margin-bottom: 230px; }
.content-inner .vs-wrap > .img-ul:nth-child(1) > li:nth-child(1), .content-inner .vs-wrap > .img-ul:nth-child(3) > li:nth-child(1) { width: 472px; height: 472px; position: relative; border-radius: 25px; box-shadow: 2px 4px 24px -10px rgba(0,0,0,0.3); }
.content-inner .vs-wrap > .img-ul:nth-child(2) > li{ width: 78px; height: 78px;  background: #3D3D3D; border-radius: 100%; padding: 18px; box-shadow: none; font-weight: 700; }
.content-inner .vs-wrap > .img-ul > li > ul { margin-top: 50px; }
.content-inner .vs-wrap > .img-ul > li > ul > li { display: flex; }
.content-inner .vs-wrap > .img-ul > li > ul > li:not(:last-child) { margin-bottom: 10px;}
.content-inner .vs-wrap > .img-ul > li > ul > li > .g-check { margin-right: 8px; }
.content-inner .vs-wrap > .img-ul > li > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 25px; }
.content-inner .vs-wrap > .img-ul > li > div { background: #C9C9C9; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; border-radius: 0 0 25px 25px; }
.content-inner .vs-wrap > .img-ul > li > div.bg { background: #3d3d3d; }
.content-inner .vs-wrap > .img-ul > li > div > .title { font-size: 28px; font-weight: 700; padding: 13px; }
.content-inner .vs-wrap > .check-wrap { display: flex; justify-content: space-between;  margin-top: 50px;}
.content-inner .vs-wrap > .check-wrap > ul { width: 472px; }
.content-inner .vs-wrap > .check-wrap > ul > li { display: flex; align-items: center; margin-bottom: 20px; }
.content-inner .vs-wrap > .check-wrap > ul > li:last-child { margin-bottom: 0; }
.content-inner .vs-wrap > .check-wrap > ul > li > span { margin-left: 10px; font-weight: 700; }



.content-full-wrap > .content-inner { width: 1030px; margin: auto; padding: 100px 0; }
.content-full-wrap > .content-inner.w1100 { width: 1100px; margin: auto; }
.content-full-wrap > .content-inner > .bete-two-wrap { display: flex; justify-content: space-between; }
.content-full-wrap > .content-inner > .bete-two-wrap.mt-80 { margin-top: 80px; }
.content-full-wrap > .content-inner > .bete-two-wrap > div { width: 480px; }
.content-full-wrap > .content-inner > .bete-two-wrap > div > .img-box { width: 100%; height: 480px; position: relative; }
.content-full-wrap > .content-inner > .bete-two-wrap > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 25px; }
.content-full-wrap > .content-inner > .bete-two-wrap > div > .text-wrap { margin-top: 30px; }
.content-full-wrap > .content-inner > .bete-two-wrap > div > .text-wrap > .title { font-size: 42px; font-weight: 700; letter-spacing: -0.05em; }


.content-inner > .sub-slide-3 { position: relative; overflow: hidden; padding-bottom: 50px; }
.content-inner > .sub-slide-3 > .slide-txt-wrap { display: flex; justify-content: space-between; align-items: center; }
.content-inner > .sub-slide-3 > .slide-txt-wrap > .text-wrap { margin-bottom: 50px; }
.content-inner > .sub-slide-3 > .slide-txt-wrap > .text-wrap > .title { font-size: 42px; font-weight: 700; }
.content-inner > .sub-slide-3 > .slide-txt-wrap > .text-wrap > .title > span.color-gray2 { color: #757575; }
.content-inner > .sub-slide-3 > .slide-txt-wrap > .text-wrap > .desc { font-size: 20px; font-weight: 400; margin-top: 30px; }
.content-inner > .sub-slide-3 .swiper-slide { width: 347px; background: #fff; border-radius: 10px; }
.content-inner > .sub-slide-3 .swiper-slide > .slide-txt { height: 252px; width: 100%; border-radius: 10px 10px 0 0; padding: 50px 30px 0 30px; }
.content-inner > .sub-slide-3 .swiper-slide > .slide-txt > .title { font-size: 28px; font-weight: 700; }
.content-inner > .sub-slide-3 .swiper-slide > .slide-txt > .desc { font-size: 18px; font-weight: 400; margin-top: 18px; letter-spacing: -0.05em; }
.content-inner > .sub-slide-3 .swiper-slide > .slide-img { width: 100%; height: 214px; border-radius: 0 0 10px 10px; position: relative; }
.content-inner > .sub-slide-3 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 0 0 10px 10px; }

.content-inner > .sub-slide-3 .swiper-pagination { bottom: 0; }
.content-inner > .sub-slide-3 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .sub-slide-3 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }

.content-inner .swiper-navigation-1.sub-3 { position: relative; width: 100px; height: 50px; display: flex; align-items: center; margin-bottom: 15px; }
.content-inner .swiper-navigation-1.sub-3 .swiper-button-prev-p { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; top: 0; left: 0; z-index: 0; }
.content-inner .swiper-navigation-1.sub-3 .swiper-button-next-p { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; top: 0; left: 0; z-index: 0; }
.content-inner .swiper-navigation-1.sub-3 .swiper-button-prev-p::after,
.content-inner .swiper-navigation-1.sub-3 .swiper-button-next-p::after { content: none; }


.content-inner > .slide-bete-wrap { display: flex; justify-content: space-between; width: 100%; }
.content-inner > .slide-bete-wrap > .text-wrap > .title { font-size: 42px; font-weight: 700; letter-spacing: -0.05em; }
.content-inner > .slide-bete-wrap > .text-wrap > .desc { font-size: 20px; font-weight: 400; margin-top: 30px; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation { margin-top: 50px; position: relative; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-1 .swiper-button-prev-1 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-1 .swiper-button-next-1 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 50px; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-1 .swiper-button-prev-1::after,
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-1 .swiper-button-next-1::after { content: none; }

.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-2 .swiper-button-prev-2 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-2 .swiper-button-next-2 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 50px; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-2 .swiper-button-prev-2::after,
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-2 .swiper-button-next-2::after { content: none; }


.content-inner > .slide-bete-wrap > .sub-slide-4 { position: relative; overflow: hidden; padding-bottom: 50px; width: 725px; margin: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-4 .swiper-slide { width: 347px; background: #fff; border-radius: 10px; }
.content-inner > .slide-bete-wrap > .sub-slide-4 .swiper-slide > .slide-txt { height: 201px; width: 100%; border-radius: 0 0 10px 10px; padding: 30px 30px 0 30px; }
.content-inner > .slide-bete-wrap > .sub-slide-4 .swiper-slide > .slide-txt > .title { font-size: 26px; font-weight: 500; }
.content-inner > .slide-bete-wrap > .sub-slide-4 .swiper-slide > .slide-txt > .desc { font-size: 20px; font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }
.content-inner > .slide-bete-wrap > .sub-slide-4 .swiper-slide > .slide-img { width: 100%; height: 245px; border-radius: 10px 10px 0 0; position: relative; }
.content-inner > .slide-bete-wrap > .sub-slide-4 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px 10px 0 0; }
.content-inner > .slide-bete-wrap > .sub-slide-4 .swiper-pagination { bottom: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-4 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .slide-bete-wrap > .sub-slide-4 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }

.content-inner > .slide-bete-wrap > .sub-slide-5 { position: relative; overflow: hidden; padding-bottom: 50px; width: 725px; margin: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-5 .swiper-slide { width: 347px; height: 347px; background: #262626; border-radius: 25px; }
.content-inner > .slide-bete-wrap > .sub-slide-5 .swiper-slide > .slide-txt { width: 100%; padding: 40px 40px 0 40px;}
.content-inner > .slide-bete-wrap > .sub-slide-5 .swiper-slide > .slide-txt > .sub-title { margin-bottom: 50px; }
.content-inner > .slide-bete-wrap > .sub-slide-5 .swiper-slide > .slide-txt > .sub-title > span { padding: 0 0 10px 0; border-bottom: 1px solid #fff; font-weight: 700; }
.content-inner > .slide-bete-wrap > .sub-slide-5 .swiper-slide > .slide-txt > .title { font-size: 26px; font-weight: 500; }
.content-inner > .slide-bete-wrap > .sub-slide-5 .swiper-slide > .slide-txt > .desc { font-size: 20px; font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }
.content-inner > .slide-bete-wrap > .sub-slide-5 .swiper-pagination { bottom: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-5 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .slide-bete-wrap > .sub-slide-5 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }


.content-inner > .rec-bete-wrap { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.content-inner > .rec-bete-wrap.mt-80 { margin-top: 80px; }
.content-inner > .rec-bete-wrap > div { width: 48%; background: #fff; border-radius: 25px; padding: 32px 0 32px 50px; box-shadow: 2px 4px 24px -10px rgba(0,0,0,0.3); }
.content-inner > .rec-bete-wrap > div > .title { font-size: 28px; font-weight: 700; }
.content-inner > .rec-bete-wrap > div > .desc { font-size: 20px; font-weight: 400; margin-top: 10px; }


.content-inner .four-rec-wrap { display: flex; align-items: center; justify-content: space-between; }
.content-inner .four-rec-wrap > div { width: 252px; height: 252px; border-radius: 10px; background: #fff; box-shadow: 2px 4px 24px -5px rgba(0,0,0,0.3); padding: 40px 30px 40px 30px; }
.content-inner .four-rec-wrap > div > .sub-title { font-weight: 700; margin-bottom: 50px; }
.content-inner .four-rec-wrap > div > .sub-title > span { padding-bottom: 10px; border-bottom: 1px solid #2a2a2a; }
.content-inner .four-rec-wrap > div > .title { font-weight: 700; font-size: 28px; }
.content-inner .four-rec-wrap > div > .desc { font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }

.content-inner > .rec-four-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; }
.content-inner > .rec-four-wrap.sang { align-items: baseline; }
.content-inner > .rec-four-wrap.mt-80 { margin-top: 80px; }
.content-inner > .rec-four-wrap > div { width: 252px; }
.content-inner > .rec-four-wrap > div > .img-box { width: 100%; height: 322px; position: relative; }
.content-inner > .rec-four-wrap > div > .img-box.short { height: 195px; }
.content-inner > .rec-four-wrap > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 25px; }
.content-inner > .rec-four-wrap.sang > div > .img-box > img { border-radius: 0; }
.content-inner > .rec-four-wrap > div > .text-wrap { margin-top: 20px; }

.content-inner > .rec-four-wrap > .ab-img { position: absolute; right: 30px; top: 0; width: auto; }

.content-inner > .full-rec-box { background: #000; border-radius: 25px; }
.content-inner > .full-rec-box > div { display: flex; justify-content: center; align-items: center; padding: 30px 0; flex-direction: column; }
.content-inner > .full-rec-box > div > .title { font-size: 35px; font-weight: 400; margin: 10px 0; color: #fff; }
.content-inner > .full-rec-box > div > .title > span { font-weight: 700; }

.content-inner > .img-box { text-align: center; width: 892px; margin: auto; }
.content-inner > .img-box > img { width: 100%; }




.content-inner .three-rec-wrap { display: flex; justify-content: space-between; width: 100%; margin-bottom: 20px; }
.content-inner .three-rec-wrap > div { width: 347px; }
.content-inner .three-rec-wrap > div.rec-in-text { width: 347px; height: 347px; border-radius: 10px; padding: 30px 0 30px 40px; box-shadow: 2px 4px 24px -10px rgba(0,0,0,0.3); display: flex; justify-content: space-between; flex-direction: column; }
.content-inner .three-rec-wrap > div > .img-box { width: 100%; height: 347px; position: relative; }
.content-inner .three-rec-wrap > div > .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px; }
.content-inner .three-rec-wrap > div > .text-wrap { margin-top: 30px; }
.content-inner .three-rec-wrap > div > .text-wrap > .title { font-size: 28px; font-weight: 700; }
.content-inner .three-rec-wrap > div > .text-wrap > .desc { font-size: 20px; font-weight: 400; margin-top: 20px; }

.content-inner .three-rec-wrap > .rec-in-text > .sub-title { font-weight: 700; }
.content-inner .three-rec-wrap > .rec-in-text > .sub-title > span { border-bottom: 1px solid #2A2A2A; padding-bottom: 10px; }
.content-inner .three-rec-wrap > .rec-in-text > div > .title { font-size: 28px; font-weight: 700; }
.content-inner .three-rec-wrap > .rec-in-text > div > .desc { font-size: 20px; font-weight: 400; margin-top: 20px; }


.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-3 .swiper-button-prev-3 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-3 .swiper-button-next-3 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 50px; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-3 .swiper-button-prev-3::after,
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-3 .swiper-button-next-3::after { content: none; }
.content-inner > .slide-bete-wrap > .sub-slide-6 { position: relative; overflow: hidden; padding-bottom: 50px; width: 725px; margin: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-6 .swiper-slide { width: 347px; background: #fff; border-radius: 10px; }
.content-inner > .slide-bete-wrap > .sub-slide-6 .swiper-slide > .slide-txt { height: 261px; width: 100%; border-radius: 0 0 10px 10px; padding: 30px 30px 0 30px; }
.content-inner > .slide-bete-wrap > .sub-slide-6 .swiper-slide > .slide-txt > .title { font-size: 26px; font-weight: 500; }
.content-inner > .slide-bete-wrap > .sub-slide-6 .swiper-slide > .slide-txt > .desc { font-size: 18px; font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }
.content-inner > .slide-bete-wrap > .sub-slide-6 .swiper-slide > .slide-img { width: 100%; height: 187px; border-radius: 10px 10px 0 0; position: relative; }
.content-inner > .slide-bete-wrap > .sub-slide-6 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px 10px 0 0; }
.content-inner > .slide-bete-wrap > .sub-slide-6 .swiper-pagination { bottom: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-6 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .slide-bete-wrap > .sub-slide-6 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }

.content-inner > .qna-wrap.mt-80 { margin-top: 80px; }
.content-inner > .qna-wrap > .title { font-weight: 700; }
.content-inner > .qna-wrap > ul { margin-top: 30px; background: #f2f2f2; box-shadow: 2px 4px 24px -10px rgba(0,0,0,0.3); padding: 30px 20px; border-radius: 10px; display: flex; }
.content-inner > .qna-wrap > ul > li:nth-child(1) { margin-right: 20px; }
.content-inner > .qna-wrap > ul > li:nth-child(2) { margin-right: 12px; }



.content-inner > .sub-slide-7 { position: relative; overflow: visible; padding-bottom: 50px; }
.content-inner > .sub-slide-7 > .text-wrap { display: flex; justify-content: space-between; align-items: center; }
.content-inner > .sub-slide-7 > .text-wrap > .title { font-size: 42px; font-weight: 700; margin-bottom: 50px; }
.content-inner > .sub-slide-7 .swiper-slide { width: 535px; height: 252px; position: relative; border-radius: 25px; background: #242424; }
.content-inner > .sub-slide-7 .swiper-slide > .slide-img { position: absolute; right: 0; bottom: 0; z-index: -1; }
.content-inner > .sub-slide-7 .swiper-slide > .slide-txt { padding: 30px 50px; display: flex; justify-content: space-between; flex-direction: column; height: 100%; }
.content-inner > .sub-slide-7 .swiper-slide > .slide-txt > .sub-title > span { font-size: 20px; color: #f0f0f0; padding: 8px 1px; border-bottom: 1px solid #f0f0f0; }
.content-inner > .sub-slide-7 .swiper-slide > .slide-txt > .title { font-size: 28px; color: #f0f0f0; }
.content-inner > .sub-slide-7 .swiper-pagination { bottom: 0; }
.content-inner > .sub-slide-7 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .sub-slide-7 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }

.content-inner > .sub-slide-7 > .text-wrap > .swiper-navigation { position: relative; width: 100px; height: 50px; }
.content-inner > .sub-slide-7 > .text-wrap > .swiper-navigation-1 .swiper-button-prev-1 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .sub-slide-7 > .text-wrap > .swiper-navigation-1 .swiper-button-next-1 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; right: 0; z-index: 0; }
.content-inner > .sub-slide-7 > .text-wrap > .swiper-navigation-1 .swiper-button-prev-1::after,
.content-inner > .sub-slide-7 > .text-wrap > .swiper-navigation-1 .swiper-button-next-1::after { content: none; }


.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-4 .swiper-button-prev-4 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-4 .swiper-button-next-4 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 50px; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-4 .swiper-button-prev-4::after,
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-4 .swiper-button-next-4::after { content: none; }
.content-inner > .slide-bete-wrap > .sub-slide-8 { position: relative; overflow: hidden; padding-bottom: 50px; width: 725px; margin: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-8 .swiper-slide { width: 347px; background: #fff; border-radius: 10px; }
.content-inner > .slide-bete-wrap > .sub-slide-8 .swiper-slide > .slide-txt { height: 172px; width: 100%; border-radius: 0 0 10px 10px; padding: 30px 30px 0 30px; }
.content-inner > .slide-bete-wrap > .sub-slide-8 .swiper-slide > .slide-txt > .title { font-size: 26px; font-weight: 500; }
.content-inner > .slide-bete-wrap > .sub-slide-8 .swiper-slide > .slide-txt > .desc { font-size: 20px; font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }
.content-inner > .slide-bete-wrap > .sub-slide-8 .swiper-slide > .slide-img { width: 100%; height: 274px; border-radius: 10px 10px 0 0; position: relative; }
.content-inner > .slide-bete-wrap > .sub-slide-8 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px 10px 0 0; }
.content-inner > .slide-bete-wrap > .sub-slide-8 .swiper-pagination { bottom: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-8 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .slide-bete-wrap > .sub-slide-8 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }


.content-inner > .before-wrap { width: 990px; margin: auto; }
.content-inner > .before-wrap > ul { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.content-inner > .before-wrap > ul > li { width: 480px; height: 347px; position: relative; border-radius: 25px; }
.content-inner > .before-wrap > ul > li > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 25px; }
.content-inner > .before-wrap > ul > li > div { position: absolute; left: 0; bottom: 0; width: 100%; border-radius: 0 0 25px 25px; display: flex;justify-content: center; align-items: center; }
.content-inner > .before-wrap > ul > li > div.before { background: #5F5F5F; }
.content-inner > .before-wrap > ul > li > div.after { background: #000; }
.content-inner > .before-wrap > ul > li > div > h1 { padding: 12px 0; }


.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-5 .swiper-button-prev-5 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-5 .swiper-button-next-5 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 50px; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-5 .swiper-button-prev-5::after,
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-5 .swiper-button-next-5::after { content: none; }
.content-inner > .slide-bete-wrap > .sub-slide-9 { position: relative; overflow: hidden; padding-bottom: 50px; width: 725px; margin: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-slide { width: 347px; background: #fff; border-radius: 10px; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-slide > .slide-txt { height: 201px; width: 100%; border-radius: 0 0 10px 10px; padding: 30px 30px 0 30px; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-slide > .slide-txt > .title { font-size: 26px; font-weight: 500; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-slide > .slide-txt > .desc { font-size: 18px; font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-slide > .slide-txt > .desc > span { font-weight: 700; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-slide > .slide-img { width: 100%; height: 245px; border-radius: 10px 10px 0 0; position: relative; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px 10px 0 0; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-pagination { bottom: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .slide-bete-wrap > .sub-slide-9 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }




.content-inner > .sub-slide-10 { position: relative; overflow: hidden; padding-bottom: 50px; }
.content-inner > .sub-slide-10 > .slide-txt-wrap { display: flex; justify-content: space-between; align-items: center; }
.content-inner > .sub-slide-10 > .slide-txt-wrap > .text-wrap { margin-bottom: 50px; }
.content-inner > .sub-slide-10 > .slide-txt-wrap > .text-wrap > .title { font-size: 42px; font-weight: 700; }
.content-inner > .sub-slide-10 > .slide-txt-wrap > .text-wrap > .title > span.color-gray2 { color: #757575; }
.content-inner > .sub-slide-10 > .slide-txt-wrap > .text-wrap > .desc { font-size: 20px; font-weight: 400; margin-top: 30px; }
.content-inner > .sub-slide-10 .swiper-slide { width: 347px; background: #fff; border-radius: 10px; }
.content-inner > .sub-slide-10 .swiper-slide > .slide-txt { height: 252px; width: 100%; border-radius: 10px 10px 0 0; padding: 50px 30px 0 30px; }
.content-inner > .sub-slide-10 .swiper-slide > .slide-txt > .title { font-size: 28px; font-weight: 700; }
.content-inner > .sub-slide-10 .swiper-slide > .slide-txt > .desc { font-size: 18px; font-weight: 400; margin-top: 18px; letter-spacing: -0.05em; }
.content-inner > .sub-slide-10 .swiper-slide > .slide-img { width: 100%; height: 214px; border-radius: 0 0 10px 10px; position: relative; }
.content-inner > .sub-slide-10 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 0 0 10px 10px; }

.content-inner > .sub-slide-10 .swiper-pagination { bottom: 0; }
.content-inner > .sub-slide-10 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .sub-slide-10 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }


.content-inner .swiper-navigation-2.sub-2 { position: relative; width: 100px; height: 50px; display: flex; align-items: center; margin-bottom: 15px; }
.content-inner .swiper-navigation-2.sub-2 .swiper-button-prev-2 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; top: 0; left: 0; z-index: 0; }
.content-inner .swiper-navigation-2.sub-2 .swiper-button-next-2 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; top: 0; left: 0; z-index: 0; }
.content-inner .swiper-navigation-2.sub-2 .swiper-button-prev-2::after,
.content-inner .swiper-navigation-2.sub-2 .swiper-button-next-2::after { content: none; }







.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-6 .swiper-button-prev-6 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-6 .swiper-button-next-6 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 50px; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-6 .swiper-button-prev-6::after,
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-6 .swiper-button-next-6::after { content: none; }
.content-inner > .slide-bete-wrap > .sub-slide-11 { position: relative; overflow: hidden; padding-bottom: 50px; width: 725px; margin: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-slide { width: 347px; background: #fff; border-radius: 10px; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-slide > .slide-txt { height: 201px; width: 100%; border-radius: 0 0 10px 10px; padding: 30px 30px 0 30px; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-slide > .slide-txt > .title { font-size: 26px; font-weight: 500; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-slide > .slide-txt > .desc { font-size: 20px; font-weight: 400; margin-top: 20px; letter-spacing: -0.05em; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-slide > .slide-txt > .desc > span { font-weight: 700; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-slide > .slide-img { width: 100%; height: 245px; border-radius: 10px 10px 0 0; position: relative; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px 10px 0 0; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-pagination { bottom: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .slide-bete-wrap > .sub-slide-11 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }


.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-7 .swiper-button-prev-7 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-7 .swiper-button-next-7 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 50px; z-index: 0; }
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-7 .swiper-button-prev-7::after,
.content-inner > .slide-bete-wrap > .text-wrap > .swiper-navigation-7 .swiper-button-next-7::after { content: none; }
.content-inner > .slide-bete-wrap > .sub-slide-12 { position: relative; overflow: hidden; padding-bottom: 50px; width: 725px; margin: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-12 .swiper-slide { width: 347px; background: #fff; border-radius: 10px; }
.content-inner > .slide-bete-wrap > .sub-slide-12 .swiper-slide > .slide-txt { height: 94px; width: 100%; border-radius: 0 0 10px 10px; padding: 30px 30px 0 30px; }
.content-inner > .slide-bete-wrap > .sub-slide-12 .swiper-slide > .slide-txt > .title { font-size: 26px; font-weight: 500; }
.content-inner > .slide-bete-wrap > .sub-slide-12 .swiper-slide > .slide-img { width: 100%; height: 253px; border-radius: 10px 10px 0 0; position: relative; }
.content-inner > .slide-bete-wrap > .sub-slide-12 .swiper-slide > .slide-img > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; border-radius: 10px 10px 0 0; }
.content-inner > .slide-bete-wrap > .sub-slide-12 .swiper-pagination { bottom: 0; }
.content-inner > .slide-bete-wrap > .sub-slide-12 .swiper-pagination .swiper-pagination-bullet { background: #CACACA; opacity: 1!important; }
.content-inner > .slide-bete-wrap > .sub-slide-12 .swiper-pagination .swiper-pagination-bullet-active { background: #3D3D3D; }







.content-inner .three-slide-wrap { width: 100%; }




.content-inner .three-slide-wrap { display: flex; justify-content: space-between; width: 100%; margin-bottom: 20px; padding: 20px 5px; }
.content-inner .three-slide-wrap .swiper-slide { width: 340px; height: 276px; border-radius: 10px; padding: 40px 0 30px 40px; box-shadow: 2px 4px 24px -10px rgba(0,0,0,0.3); display: flex; justify-content: space-between; flex-direction: column; }

.content-inner .three-slide-wrap .swiper-slide > .sub-title { font-weight: 700; }
.content-inner .three-slide-wrap .swiper-slide > .sub-title > span { border-bottom: 1px solid #2A2A2A; padding-bottom: 10px; }
.content-inner .three-slide-wrap .swiper-slide > div > .title { font-size: 28px; font-weight: 700; }
.content-inner .three-slide-wrap .swiper-slide > div > .desc { font-size: 20px; font-weight: 400; margin-top: 20px; }

.content-inner .swiper-navigation-1.sub-three { position: relative; width: 100px; height: 50px; display: flex; align-items: center; margin-bottom: 15px; display: none; }
.content-inner .swiper-navigation-1.sub-three .swiper-button-prev-1 { background: url('/theme/basic/svg/prev.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; top: 0; left: 0; z-index: 0; }
.content-inner .swiper-navigation-1.sub-three .swiper-button-next-1 { background: url('/theme/basic/svg/next.svg'); width: 50px; height: 50px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; top: 0; left: 0; z-index: 0; }
.content-inner .swiper-navigation-1.sub-three .swiper-button-prev-1::after,
.content-inner .swiper-navigation-1.sub-three .swiper-button-next-1::after { content: none; }