.manual-wrap{display:flex;flex-direction:column;gap:50px;padding-top:32px;padding-bottom:40px}@media screen and (min-width: 992px){.manual-wrap{gap:6.67223vw;padding-top:100px;padding-bottom:80px}}@media screen and (min-width: 1200px){.manual-wrap{gap:80px}}.manual-wrap .card-list{display:flex;flex-direction:column;gap:15px}@media screen and (min-width: 992px){.manual-wrap .card-list{gap:20px}}.manual-wrap .card-list .card-item{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;border-radius:30px;border:1px solid #eee;background:#fff;box-shadow:0 6px 25px 0 rgba(34,34,34,0.1)}@media screen and (min-width: 992px){.manual-wrap .card-list .card-item{gap:24px;padding:5.00417vw 3.33611vw}}@media screen and (min-width: 1200px){.manual-wrap .card-list .card-item{padding:60px 40px}}.manual-wrap .card-list .card-item .title-wrap{display:flex;flex-direction:column;gap:4px;text-align:center}@media screen and (min-width: 992px){.manual-wrap .card-list .card-item .title-wrap{gap:8px}}.manual-wrap .card-list .card-item .title-wrap .title{font-size:24px;font-weight:800;line-height:150%}@media screen and (min-width: 992px){.manual-wrap .card-list .card-item .title-wrap .title{font-size:3.33611vw}}@media screen and (min-width: 1200px){.manual-wrap .card-list .card-item .title-wrap .title{font-size:40px}}@media screen and (min-width: 992px){.manual-wrap .card-list .card-item .title-wrap .title{font-weight:700;line-height:140%}}.manual-wrap .card-list .card-item .title-wrap .title.green{color:#00a143}.manual-wrap .card-list .card-item .title-wrap .title.pink{color:#ca2a8b}.manual-wrap .card-list .card-item .title-wrap .desc{font-size:14px;font-weight:500;line-height:150%;color:#444}@media screen and (min-width: 992px){.manual-wrap .card-list .card-item .title-wrap .desc{font-size:2.00167vw}}@media screen and (min-width: 1200px){.manual-wrap .card-list .card-item .title-wrap .desc{font-size:24px}}@media screen and (min-width: 992px){.manual-wrap .card-list .card-item .title-wrap .desc{line-height:140%}}.manual-wrap .card-list .card-item .iframe-wrap{width:100%}.manual-wrap .card-list .card-item .iframe-wrap iframe{width:100%;aspect-ratio:296 / 167}.manual-wrap .card-list .card-item .img-wrap{position:relative}.manual-wrap .card-list .card-item .img-wrap .guide-wrap{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:170px;height:170px}.faq-wrap{display:flex;align-items:center;max-width:1200px;min-height:112px;margin:0 auto;background-color:#79b9e0}@media screen and (min-width: 768px){.faq-wrap{min-height:20.01668vw;margin:0 20px;border-radius:30px}}@media screen and (min-width: 1240px){.faq-wrap{margin:0 auto}}@media screen and (min-width: 1200px){.faq-wrap{min-height:240px}}.faq-wrap .inner{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px}@media screen and (min-width: 768px){.faq-wrap .inner{padding:0 40px}}.faq-wrap .inner .text-wrap{display:flex;flex-direction:column;gap:8px}@media screen and (min-width: 768px){.faq-wrap .inner .text-wrap{gap:10px}}.faq-wrap .inner .text-wrap .title{font-size:18px;font-weight:700;line-height:140%;color:#fff}@media screen and (min-width: 768px){.faq-wrap .inner .text-wrap .title{font-size:3.0025vw}}@media screen and (min-width: 1200px){.faq-wrap .inner .text-wrap .title{font-size:36px}}.faq-wrap .inner .text-wrap .btn-faq .text{position:relative;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;line-height:150%;color:#fff}@media screen and (min-width: 768px){.faq-wrap .inner .text-wrap .btn-faq .text{font-size:2.00167vw}}@media screen and (min-width: 1200px){.faq-wrap .inner .text-wrap .btn-faq .text{font-size:24px}}@media screen and (min-width: 768px){.faq-wrap .inner .text-wrap .btn-faq .text{gap:8px;line-height:140%}}.faq-wrap .inner .text-wrap .btn-faq .text::after{content:'';width:12px;height:12px;background-image:url(/views/res/imgs/common/ico/icon_arrow_right_12_2.svg);background-repeat:no-repeat;background-position:center;background-size:cover}@media screen and (min-width: 768px){.faq-wrap .inner .text-wrap .btn-faq .text::after{width:20px;height:20px;background-image:url(/views/res/imgs/common/ico/icon_arrow_right_20_3.svg)}}.faq-wrap .inner .image-wrap{flex:none;width:93px}@media screen and (min-width: 768px){.faq-wrap .inner .image-wrap{width:20.01668vw}}@media screen and (min-width: 1200px){.faq-wrap .inner .image-wrap{width:240px}}