@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css");
body { margin: 0; font-size: 1.125rem; }
body * { font-family: 'Pretendard Variable', sans-serif; }
button { padding: 0; cursor: pointer; border: none; }
ul { padding: 0; margin: 0; }
li { list-style: none; }
p { margin: 0; }

@media screen and (max-width: 480px) {
    html { font-size: 14px; }
  }

/* 랜딩 */
.landing_wrapper { display: flex; align-items: center; justify-content: center; min-height: 100vh; background-color: #1D365C; color: #C5C7CA; padding-bottom: 3.125rem; box-sizing: border-box; }
.wrap { max-width: 64rem; margin: 0 auto; padding: 6.25rem 1.25rem 0; }
.symbol_box img { display: block; width: 15.625rem; margin: 0 auto 2.25rem; }
.symbol_box strong { display: block; text-align: center; font-size: 1.5rem; color: #fff; padding-bottom: 2rem; line-height: 1.5; }
.symbol_box button { display: flex; align-items: center; justify-content: center; gap: .5rem; width: 21.25rem; margin: 0 auto 10.625rem; border: 2px solid #54C2F0; border-radius: .625rem; height: 4.5rem; line-height: 4.25rem; color: #24476F; font-size: 1.5rem; font-weight: 700; background-color: #fff; }
.symbol_box button:after { content: ""; width: 2rem; height: 2rem; background: url('ic_arrow_down.svg') no-repeat center / contain; }

.landing_wrapper li { list-style: none; padding-top: 8px; display: flex; align-items: center; }
.info_txt span { margin-right: 1.25rem; }
.tg_btn { display: flex; gap: .5rem; align-items: center; background-color: transparent; font-weight: 700; color: #C5C7CA; font-size: 1.125rem; border: none; margin-top: 2.5rem; }
.tg_btn:after { content: ""; width: 2rem; height: 2rem; background: url('ic_arrow_down_gray.svg') no-repeat center / contain; transition: 0.3s; }
.tg_btn.active:after { transform: rotate(180deg); }
.tg_list span { width: 11rem; }
.tg_list { overflow: hidden; transition: height 0.3s ease-in-out; }
.tg_list p { width: calc(100% - 11rem); }
.tg_list li:nth-last-child(2) { padding-top: 1.25rem; }
.term_txt { display: flex; padding-top: 2.5rem; }
.term_txt a { display: flex; align-items: center; color: #E0E2E4; text-decoration: none; }
.term_txt a ~ a::before { content: ""; display: inline-block; width: 1px; height: 1.5rem; background-color: #E0E2E4; margin: 0 .75rem; }

/* 이용약관 */
.term_wrapper { max-width: 30rem; margin: 0 auto; padding: 2.5rem 1.25rem 9.375rem; color: #9B9DA1; }
.top_title { display: flex; justify-content: space-between; }
.top_title h1 { font-size: 1.75rem; color: #232426; margin: 0; }
.top_title button { width: 2rem; height: 2rem; background: url('delite_line.svg') no-repeat center / contain; }
.list_box { position: relative; margin-top: 1.25rem; }
.list_box button { position: relative; background-color: #fff; border: 1px solid rgba(35, 36, 38, 0.1); border-radius: .5rem; width: 100%; height: 3rem; padding-left: 1rem; text-align: left; font-size: .875rem; font-weight: 700; color: #48494D; }
.list_box button:after { content: ""; position: absolute; right: 1rem; top: .75rem; width: 1.5rem; height: 1.5rem; background: url('ic_arrow_down_black.svg') no-repeat center / contain; transition: 0.3s; }
.list_box button.active:after { transform: rotate(180deg); }
.list_box ul { display: none; position: absolute; top: 3.5rem; background-color: #fff; border-radius: .5rem; border: 1px solid rgba(35, 36, 38, 0.1); width: 100%; max-height: 16.25rem; overflow: auto; z-index: 1; }
.list_box ul li { padding: 1rem; color: #48494D; font-size: .875rem; transition: 0.3s; cursor: pointer; }
.list_box ul li ~ li { border-top: 1px solid rgba(35, 36, 38, 0.1); }
.list_box ul li.active,
.list_box ul li:hover { background-color: #F8F9FB; }

.terms_box { margin-top: 2.5rem; }
.terms_box strong { display: block; padding-bottom: .5rem; font-size: 1.25rem; font-weight: 700; color: #232426; }
.terms_box pre { margin: 0; white-space: pre-wrap; word-wrap: break-word; font-size: 15px; color: #9B9DA1; line-height: 1.5; margin-bottom: 2.5rem; line-height: 1.5; }
.terms_box *:not(strong) { color: #9B9DA1; font-size: .9375rem; line-height: 1.5; }
.terms_box .dot { padding-left: 1.25rem; position: relative; }
.terms_box .dot:before { content: ""; display: block; position: absolute; left: .375rem; top: .5rem; width: .1875rem; height: .1875rem; border-radius: 100%; background-color: #9B9DA1; }
.terms_box table { width: 100%; border-collapse: collapse; border-right: 1px solid #F2F4F6; border-bottom: 1px solid #F2F4F6; margin-bottom: 2.5rem; }
.terms_box table th,
.terms_box table td { padding: .75rem 1rem; color: #63656A; font-size: .8125rem; }
.terms_box table th { background-color: #F2F4F6; }
.terms_box table td { text-align: center; line-height: 1.5; border-left: 1px solid #F2F4F6; }
.terms_box .space_txt { line-height: 1.5; padding-left: .6875rem; text-indent: -0.6875rem; }
.terms_box .space_list { padding-left: 1.625rem; text-indent: -0.6875rem; }
.terms_box .space_list ul { padding-left: 1.875rem; text-indent: -0.6875rem; }
.mb_40 { margin-bottom: 2.5rem; }