main{
    padding: 5rem 1.5rem;
    overflow-x: hidden;
}
 .section1 h1{
    font-size: 2rem;
    font-weight: 500;
    font-family: 'GmarketSansMedium' !important;
    line-height: 1.3;
}
 .section1 h1 span{
    font-size: 2rem;
    font-weight: 900;
    color: #d41649;
    font-family: 'GmarketSansMedium' !important;
}

 .section1 a{
    font-size: 1.6rem;
    background-color: #d41649;
    color: #fff;
    padding:1rem 1.5rem;
    border-radius: 3rem;
    display: inline-block;
    margin-top: 1rem;
    position: relative;
    z-index: 10; 
}
 .section1 .img_wrap{
    margin-right: -3rem;
    margin-top: -4rem;
    overflow-x: hidden;
    position: relative;
    z-index: 1; 
}
.section1 .main{
    width: 100%;
}
.section2 {
    display: flex;
    flex-direction: column;
    margin-top: 4rem;
}

 h2 {
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
}

.section2 a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section2 .btn_wrap {
    display: flex;
    justify-content: space-between;
}

.section2 .btn_wrap a {
    width: 25%;
    color: #5a5a5a;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
   
}

.section2 .btn_wrap a img {
    width: 90%;
    height: 90%;
    padding:1rem;
    max-width: 100%;
    margin-bottom: 1rem;
    max-height: 100%;
    border-radius: 1rem;
    box-sizing: border-box;
    background-color: #f4f1ee; /* 배경색 추가 */
    border-radius: 1rem; /* border-radius 추가 */
}
.section3 {
    margin-top: 4rem;
}
.section3 .qna .q{
    padding: 1.5rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #ed91a3;
    color: #fff;
    font-size: 1.6rem;
}
.section3 .qna .a{
    padding: 1.5rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    background-color: #f4f1ee;
    font-size: 1.6rem;
    line-height: 1.3;
}

.swiper-container {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
    position: relative; /* Ensure the container is the positioning context */
}

.swiper-wrapper {
    /* You can add any specific styling for the wrapper if needed */
}

.swiper-pagination {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: -4rem !important; /* Position 1.5rem below the container */
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #bbb;
    border-radius: 50%;
    margin: 0 5px;
    opacity: 1;
    transition: opacity 0.3s ease;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #d31145 !important; /* Active bullet color */
}

span.swiper-pagination-bullet {
    background-color: #ed90a2 !important; /* Inactive bullet color */
}