@charset "UTF-8";
/* 메인 */
/* .sec1{overflow: hidden; height: var(--vh); background-color: #D6E9F9;} */
.sec1{overflow: hidden; height: var(--vh); background-color: #FFFFFF; border: 1px solid #DFDFDF;}
.sec1_text {
    max-width: 60%;
    margin: 25% auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20%;
}
.logo_image {
    position: absolute;
    bottom: -10px; /* 이미지를 약간 아래로 이동 */
    left: 8%; /* 왼쪽에서 10%만 떨어지도록 설정 */
    width: 84%; /* 너비를 화면의 80%로 고정 */
    height: auto; /* 자동으로 높이 설정 */
    max-height: 50vh; /* 최대 높이를 화면의 50%로 제한 */
    z-index: 1; /* 이미지가 다른 요소 아래로 가지 않게 설정 */
}
.store_btn_wr {
    position: relative;
    z-index: 10; /* 버튼이 이미지보다 위에 오도록 설정 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5% auto 0;
    height: 10%;
}
.store_btn_wr li{padding: 0 3.5%; max-width: 45%;}
.store_btn_wr img{width: 100%;}

.sec{display: flex; justify-content: center; align-items: center; height: var(--vh); overflow: hidden; border: 1px solid #DFDFDF;}
.sec img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




/* 이용약관 */
.terms_wr{padding: 0 2rem; padding-top: 6rem; white-space: pre-line; line-height: 1.75em; font-size: 2rem;}
.terms_ul{white-space: normal;}
.terms_ul li{display: flex;}
.terms_ul li::before{content: '·'; display: inline; padding: 0 1rem; font-size: 3rem;}
.terms_ul .terms_ul{padding-left: 2rem;}

.terms_wr img{margin: 4rem 0;}


/* 반응형 */
@media (max-width: 992px) {

}

@media (min-width: 768px) {

}


@media (max-width: 767.9px) {

}

@media (max-width: 575.9px) {

}

@media (max-width: 460px) {
    .terms_wr{font-size: 1.5rem; line-height: 1.5em;}
    .terms_ul li::before{font-size: 2rem; padding: 0 0.5rem;}
}

@media (max-width: 380px) {

}