/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');


#wrap {width:100%;}
#contentWrapper {width:1360px; /*background:#efefef;*/ margin:0 auto;}
#contentWrapper h1 {padding: 3% 0 8% 0;text-align: center;font-size: 3em;font-weight: 800;font-family: "Oswald", sans-serif;letter-spacing: 0.5px;/*-webkit-text-stroke: 0.7px #cebaa1;-webkit-text-fill-color: #252124;*/}
.sec01,.sec02, .sec03, .sec04 {padding: 4% 0;margin-bottom: 4%;}


.sec01 {text-align:center;background: url('http://www.tuneup.co.kr/design/tuneup/images/sec01_bg.jpg');background-size: contain;}
.sec01 .infoimg {width: 400px;height: 250px;background: bisque;border-radius: 20px;overflow: hidden; position: relative;}
.sec01 .infoimg img {width: 100%; }
.sec01 .infoWrap {display: flex;flex-direction: row;margin: 0 auto;justify-content: center;margin-bottom: 90px;align-items: center;}
.sec01 .infoText {width: 50%;text-align: left;padding: 0 0 0 2%;}
.sec01 .infoText h2 {font-size: 23px;font-weight: 700;padding-bottom: 15px;color: #fff;}
.sec01 .infoText p {font-size: 17px;line-height: 150%;color: #bfbfbf;}
.sec01 .infoimg::before {position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;}
.sec01 .infoimg:hover::before {-webkit-animation: circle .75s; animation: circle .75s;}

@-webkit-keyframes circle {
  0% {opacity: 1;}
  40% {opacity: 1;}
  100% {width: 200%; height: 200%; opacity: 0;}
}

@keyframes circle {
  0% {opacity: 1;}
  40% {opacity: 1;}
  100% {width: 200%; height: 200%; opacity: 0;}
}

.sec02 .pkg-container {display: flex; flex-wrap: wrap; gap: 30px; width: 100%; padding: 0 15px; box-sizing: border-box;}
.sec02 .pkg-item {width: calc(50% - 15px);height: auto;background-color: #252124;box-sizing: border-box;display: flex;justify-content: center;align-items: center;padding: 0 3%;flex-direction: column;border-radius: 20px;}

@media (max-width: 768px) {
    .sec02 .pkg-container {}
    .sec02 .pkg-item {width: 100%;}
}




.sec02 .pkg-item .pkgInfo, .sec02 .pkg-item .pkgPrice {width:100%; }
.sec02 .pkg-item .pkgInfo {display: flex;flex-direction: column;align-items: center;margin-bottom: 35px;margin-top: 45px;}
.sec02 .pkg-item .pkgInfo2 {color: #fff; font-weight: 600; font-size: 16px;}
.sec02 .pkg-item .pkgPrice {display: flex; margin-bottom: 50px; border-top: 1px #aeaeae dotted; padding-top: 33px;}
.sec02 .pkg-item .pkgInfo p {font-size: 19px;line-height: 150%;color: #fff;}
.sec02 .pkg-item .pkgPrice p {font-size: 15px;line-height: 130%;width: 65%;padding: 0 30px;color: #fff;}
.sec02 .pkg-item .pkgInfo h2 {font-family: "Oswald", sans-serif;font-weight:500;font-size: 37px;padding-bottom: 28px;color: #cebaa1;}
.sec02 .pkg-item .pkgPrice h3 {font-family: "Oswald", sans-serif;font-weight:500;font-size: 33px;width: 35%;text-align: center;border-left: 1px #aeaeae dotted;color: #cebaa1;}



.sec03 {}
.sec03 .root_daum_roughmap {}
.sec03 .root_daum_roughmap .wrap_map {border-radius: 20px 20px 0 0;overflow: hidden;}
.sec03 .root_daum_roughmap {}
.root_daum_roughmap .cont {position: absolute;z-index: 10;bottom: 31px;background: #cebaa169;width: 100%;backdrop-filter: blur(2px);}
.root_daum_roughmap .section_address .tit {color:#252124; font-size: 16px; line-height:23px; font-family:"Pretendard Variable"; letter-spacing:1px;}
.root_daum_roughmap .section_address .txt {color:#252124; font-size: 15px; font-weight:600; font-family:"Pretendard Variable"; letter-spacing:0px;}



.sec04 {padding: 3% 50px;position: relative;}
.sec04 .mySwiper {width: 100%;height: auto;padding-bottom:5%;}
.sec04 .swiper-slide {text-align: center;font-size: 18px;background: #fff;overflow: hidden;aspect-ratio: 1 / 0.98;border-radius: 20px;position: relative;z-index: 1;}
.sec04 .swiper-slide iframe {margin-top: -54px !important;filter: grayscale(1);opacity: 0.7;transition: 0.7s ease;z-index: 0;position: relative;}
.sec04 .swiper-slide-active iframe {filter: grayscale(0); opacity:1;}

.sec04 .swiper-button-next, .sec04 .swiper-button-prev {background: #dddddd; color: #fff; width: 35px; height: 35px; font-size: 10px; border-radius: 50px; top: 51%;}
.sec04 .swiper-button-next {right: 0px;}
.sec04 .swiper-button-prev {left: 0px;}
.sec04 .swiper-button-prev:after, .sec04 .swiper-button-next:after {font-size:18px; font-weight:600;}
.sec04 .swiper-button-prev:after {margin-right:5px;}
.sec04 .swiper-button-next:after {margin-left:5px;}

.sec04 .swiper-pagination-wrap {bottom: 7% !important; left: 0; right: 0; text-align: center; position: absolute; display: flex; align-items: center; width: 100%; z-index: 2; justify-content: center;}
.sec04 .swiper-pagination-wrap .swiper-pagination{width: 300px;display: flex;justify-content: space-between;position: relative;bottom: auto !important;left: auto !important;right: auto !important;top: auto !important;background: #e1e1e1;height: 2px;}
.sec04 .swiper-pagination-wrap .swiper-pagination .swiper-pagination-progressbar-fill {background: #6b6b6b;}





.txtEmp {color: #cebaa1 !important; font-weight: 600;}

/* BASIC css end */