/* 랜딩 섹션 전체 폭과 좌우 배경을 카드 색상 체계에 맞춥니다. */
.ti > .ti-section { max-width:none!important; width:100%!important; padding-left:max(24px,calc((100% - 1120px)/2))!important; padding-right:max(24px,calc((100% - 1120px)/2))!important; }
.ti > .ti-section { position:relative!important; overflow:hidden!important; isolation:isolate; }
.ti > .ti-section:before,.ti > .ti-section:after { content:''; position:absolute; z-index:-1; pointer-events:none; }
.ti > .ti-section > * { position:relative; z-index:1; }
.ti > .ti-section > .ti-cards,.ti > .ti-section > .ti-checks,.ti > .ti-section > .ti-timeline { max-width:1120px!important; margin-left:0!important; margin-right:0!important; }
.ti > .ti-section#guide { background:#fff!important; }
.ti > .ti-section#guide:before { width:520px; height:520px; left:-210px; top:-180px; border-radius:50%; background:#eaf0ff; animation:section-guide-orb 12s ease-in-out infinite; }
.ti > .ti-section#guide:after { width:190px; height:190px; right:8%; bottom:-90px; border-radius:42px; background:#dfe8ff; transform:rotate(24deg); }
.ti > .ti-section#check { background:#101a30!important; text-align:left!important; }
.ti > .ti-section#check:before { width:720px; height:250px; right:-170px; top:18%; border-radius:42px; background:#2b426c; transform:rotate(-14deg); animation:section-check-panel 11s ease-in-out infinite; }
.ti > .ti-section#check:after { width:220px; height:220px; left:4%; bottom:-120px; border:2px solid #9bb6ff55; border-radius:50%; }
.ti > .ti-section#check { padding-top:140px!important; padding-bottom:140px!important; }
.ti > .ti-section#timeline { background:#f8faff!important; }
.ti > .ti-section#timeline:before { width:430px; height:250px; left:-150px; bottom:-85px; border-radius:50px; background:#dce8ff; transform:rotate(18deg); animation:section-timeline-card 9s ease-in-out infinite; }
.ti > .ti-section#timeline:after { width:210px; height:210px; right:5%; top:-100px; border-radius:50%; background:#e8efff; }
.ti > .ti-section#faq { background:#f7f9fc!important; }
.ti > .ti-section#faq:before { width:520px; height:520px; right:-220px; top:-230px; border-radius:50%; background:#e7edf5; animation:section-faq-orb 13s ease-in-out infinite; }
.ti > .ti-section#faq:after { width:150px; height:150px; left:8%; bottom:-75px; border-radius:28px; background:#eef2f7; transform:rotate(20deg); }
.ti > .ti-section#faq .ti-faq-list { max-width:1120px; }
.ti > .ti-section#faq details { margin:0; padding:24px 26px; border:1px solid #e1e7ef; border-bottom:0; background:#fff; }
.ti > .ti-section#faq details:first-child { border-radius:18px 18px 0 0; }
.ti > .ti-section#faq details:last-child { border-bottom:1px solid #e1e7ef; border-radius:0 0 18px 18px; }
.ti > .ti-section#faq summary { cursor:pointer; list-style:none; font-weight:700; color:#263646; }
.ti > .ti-section#faq summary::-webkit-details-marker { display:none; }
.ti > .ti-section#faq summary:after { content:'＋'; float:right; color:#8b684a; font-size:20px; }
.ti > .ti-section#faq details[open] summary:after { content:'−'; }
.ti > .ti-section#faq details p { margin:16px 0 0; color:#667085; line-height:1.8; }
.ti > .ti-section#check .ti-label,.ti > .ti-section#check h2 { text-align:left!important; }
.ti > .ti-section#check .ti-checks { justify-content:start!important; }
@media(max-width:760px){.ti > .ti-section{padding-left:20px!important;padding-right:20px!important}.ti > .ti-section#check{padding-top:90px!important;padding-bottom:90px!important}.ti > .ti-section > .ti-cards,.ti > .ti-section > .ti-checks,.ti > .ti-section > .ti-timeline{max-width:none!important}}
@keyframes section-guide-orb{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(45px,25px) scale(1.08)}}
@keyframes section-check-panel{0%,100%{transform:rotate(-14deg) translate(0,0)}50%{transform:rotate(-8deg) translate(-28px,20px)}}
@keyframes section-timeline-card{0%,100%{transform:rotate(18deg) translate(0,0)}50%{transform:rotate(12deg) translate(28px,-15px)}}
@keyframes section-faq-orb{0%,100%{transform:translate(0,0)}50%{transform:translate(-32px,22px) scale(1.06)}}