@charset "utf-8";
:root {
    --sec-padding: 180px;
    --tit-margin: 80px;
    --white: #ffffff;
    --black: #000000;
}

/* 공통 */
.purple1 {color:#4C00FF}
.square {display:inline-block;position:relative}
.square::before,
.square::after {content:'';display:block;width:10px;height:10px;background:var(--black);position:absolute;top:0;left:0;transform:translate(-100%, -100%)}
.square::after {transform:translate(100%, -100%);left:auto;right:0}
.square2 {border:solid 1px var(--black);padding:0 .2em}
.square2::before {transform:translate(-100%, 100%);top:auto;bottom:0}
.square2::after {transform:translate(100%, 100%);top:auto;bottom:0;left:auto;right:0}
.btn_white {display:flex;align-items:center;justify-content:center;gap:0 10px;font-size:30px;font-weight:700;background:var(--white);border-radius:50px;padding:20px 44px;position:relative}
.btn_white img {transition:all .2s}
.btn_wrap {display:flex;align-items:center;justify-content:center;gap:0 10px}

.title_box.left {align-items:flex-start;text-align:left}
.title_box .tit {font-size:50px}
.title_box p {font-size:20px;margin-top:30px}
.title_box .sub_tit {font-size:30px;font-weight:600;line-height:1.5;margin-top:40px}
.title_box .paragraph p + p {margin-top:16px}

.highlight {padding:0 .3em}
.highlight.black {background:var(--black);color:var(--white)}
.highlight.purple {background:#4C00FF;color:var(--white)}

.reels_wrap {width:100%;height:0;padding-bottom:177%;position:relative}
/* .reels_wrap::after {content:'';background:transparent;width:100%;height:100%;position:absolute;top:0;left:0} */
.reels_wrap iframe,
.reels_wrap video {display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

.txt_slide {display:flex;padding:20px 0}
.txt_slide p {display:flex;align-items:center;font-size:16px;font-weight:600;animation:txtSlide 7s linear infinite;white-space:nowrap;text-transform:uppercase;letter-spacing:normal;font-family:'montserrat', sans-serif}
.txt_slide p::before {content:'';display:block;width:5px;height:5px;background:#fff;border-radius:10px;margin:0 20px}
@keyframes txtSlide {
    from {transform:translateX(0)}
    to {transform:translateX(-100%)}
}

/* 릴스 */
.reels .sec_01 {display:flex;justify-content:space-between;gap:0 30px;height:950px;background:url('/html/img/reels/reels_01_bg.png') no-repeat center bottom/100%;text-align:center;position:relative;padding:0 90px}
.reels .sec_01 .txt_wrap {padding-top:174px}
.reels .sec_01 .txt_wrap .bbo {display:none}
.reels .sec_01 .txt_wrap .sub {display:block;font-size:20px;line-height:1.5;color:#222222}
.reels .sec_01 .txt_wrap .tit {font-size:60px;font-weight:700;line-height:1.35;margin-top:18px}
.reels .sec_01 .txt_wrap .square1 {margin-top:.3em}
.reels .sec_01 .txt_wrap .btn_wrap {margin:50px 0}
.reels .sec_01 .txt_wrap .btn_black {display:flex;align-items:center;justify-content:center;background:var(--black);border-radius:50px;color:var(--white);padding:16px 30px;font-size:22px;font-weight:700;transition:all .2s}
.reels .sec_01 .txt_wrap .btn_black:hover {background:#4C00FF}
.reels .sec_01 .txt_wrap p {font-size:24px;font-weight:500;color:#444444}
.reels .sec_01 .txt_wrap p strong {color:#121212}
.reels .sec_01 .btm_swiper {position:absolute;bottom:30px;left:0;width:100%}
.reels .sec_01 .swiper-wrapper {-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important}
.reels .sec_01 .btm_swiper .swiper-slide {padding:0 5px;width:auto}
.reels .sec_01 .btm_swiper .swiper-slide .item {display:flex;flex-direction:row-reverse;align-items:center;gap:0 6px;height:52px;font-size:22px;border:solid 2px #151515;border-radius:50px;background:#EAE2FF;padding:0 20px}
.reels .txt_slide {background:#0F0F0F;color:var(--white)}
.reels .sec_01 .reels_swiper {width:270px;height:100%}
.reels .sec_01 .reels_swiper .swiper-slide {height:auto;padding:12px 0;}
.reels .sec_01 .reels_swiper .img_box {border-radius:20px;overflow:hidden}

.reels .sec_02 {background:#4C00FF;color:var(--white);padding:var(--sec-padding) 0}
.reels .sec_02 .wrapper {display:flex;align-items:center;justify-content:space-between;}
.reels .sec_02 .title_box {max-width:600px}
.reels .sec_02 .title_box p {color:rgba(255,255,255,.85)}
.reels .sec_02 .title_box .highlight {margin-left:-.3em;padding:.1em .3em}
.reels .sec_02 .content {display:flex;align-items:flex-start;gap:0 60px;}
.reels .sec_02 .content > div:first-child {width:328px}
.reels .sec_02 .content > div:last-child {width:270px}
.reels .sec_02 .content .tit {display:flex;align-items:center;justify-content:center;width:100%;max-width:270px;height:52px;background:#FFE100;border:solid 2px var(--black);color:var(--black);text-align:center;font-size:24px;font-weight:700;margin:0 auto 22px}
.reels .sec_02 .content .reels_wrap {border-radius:20px;overflow:hidden}
.reels .sec_02 .cont {position:relative}
.reels .sec_02 .cont .up_img {position:absolute;left:64%;top:20%;width:60%;z-index:1}

.reels .sec_combo1 {background:linear-gradient(var(--white), #E6ECFF)}
.reels .sec_03 {padding:var(--sec-padding) 0 calc(var(--sec-padding)*1.333)}
.reels .sec_03 .list {display:flex;align-items:flex-start;gap:0 50px;margin-top:var(--tit-margin)}
.reels .sec_03 .list .item .img_wrap {border-radius:20px;overflow:hidden}
.reels .sec_03 .list .item .txt_wrap .tit {display:block;font-size:22px;font-weight:600;line-height:1.4;margin:24px 0}
.reels .sec_03 .list .item .txt_wrap .tit strong {font-weight:700}
.reels .sec_03 .list .item .txt_wrap ul {display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.reels .sec_03 .list .item .txt_wrap ul li {display:flex;align-items:center;gap:0 6px;background:#B2FFD5;border-radius:50px;padding:7px 16px;font-size:18px;font-weight:600;color:#575757}
.reels .sec_03 .list .item_02 .txt_wrap ul li {background:#FFE4F8}
.reels .sec_03 .list .item_03 .txt_wrap ul li {background:#E3EFFF}

.reels .sec_04 {padding-bottom:var(--sec-padding)}
.reels .sec_04 .title_box {margin-bottom:var(--tit-margin)}
.reels .sec_04 .title_box .img {max-width:270px;margin-bottom:-.2em}
.reels .sec_04 .title_box .square2 {background:var(--white)}
.reels .sec_04 .title_box .tit img {margin-right:20px;margin-top:-.2em}
.reels .sec_04 .list {display:flex;align-items:flex-start;justify-content:space-between;position:relative}
.reels .sec_04 .list::before {content:'';display:block;width:90%;height:1px;background:#4C00FF;position:absolute;top:44px;left:5%;}
.reels .sec_04 .list .item {display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;text-align:center}
.reels .sec_04 .list .item .tit {display:flex;align-items:center;justify-content:center;width:282px;height:88px;background:#4C00FF;border-radius:100%;font-size:30px;font-weight:700;color:var(--white);}
.reels .sec_04 .list .item p {font-size:22px;font-weight:500;color:#343434;margin-top:26px}
.reels .sec_04 .list .item .box {display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;line-height:1.4;border:solid 1px var(--black);background:#FFE100;padding:.1em .4em;margin-top:5px}

.reels .sec_05 {background:var(--black);color:var(--white);padding:var(--sec-padding) 0}
.reels .sec_05 .wrapper {max-width:1620px}
.reels .sec_05 .title_box {margin-bottom:var(--tit-margin)}
.reels .sec_05 .title_box .highlight {padding:0 .2em}
.reels .sec_05 .title_box .yellow {color:#FFE100}
.reels .sec_05 .title_box p {color:rgba(255,255,255,.8)}
.reels .sec_05 .cont .img_02 {display:none}
.reels .sec_05 .cont .img_03 {display:none}

.reels .sec_combo2 {background:url('/html/img/reels/reels_06_bg.svg'), linear-gradient(var(--white), #E5EBFF)}
.reels .sec_06 {padding:var(--sec-padding) 0 calc(var(--sec-padding)*1.333)}
.reels .sec_06 .title_box {margin-bottom:var(--tit-margin)}
.reels .sec_06 .wrapper {max-width:1690px}
.reels .sec_06 .only_pc {display:flex;align-items:center;justify-content:center;gap:0 10px}
.reels .sec_06 .arrow {display:block;min-width:40px}

.reels .sec_07 {padding-bottom:var(--sec-padding)}
.reels .sec_07 .wrapper {max-width:1800px}
.reels .sec_07 .title_box {margin-bottom:var(--tit-margin)}
.reels .sec_07 .swiper,
.reels .sec_07 .btn_wrap {display:none}

.reels .sec_08 {background:#4C00FF url('/html/img/reels/reels_08_bg.svg') no-repeat right top 5%;padding:var(--sec-padding) 0}
.reels .sec_08 .wrapper {max-width:1620px}
.reels .sec_08 .title_box {color:var(--white);margin-bottom:var(--tit-margin)}
.reels .sec_08 .title_box .square2 {background:#FFE100;color:var(--black)}
.reels .sec_08 .swiper {overflow:visible}
.reels .sec_08 .swiper + .swiper {margin-top:24px}
.reels .sec_08 .swiper-slide {width:616px;padding:0 10px}
.reels .sec_08 .swiper-slide:nth-child(even) .item .box {background:#FFF7BB}
.reels .sec_08 .swiper-slide .item {background:var(--white);border:solid 2px var(--black);padding:34px 40px;text-align:center}
.reels .sec_08 .swiper-slide .item .tit {display:block;font-size:30px;font-weight:600;margin-bottom:18px}
.reels .sec_08 .swiper-slide .item .box {display:flex;align-items:flex-start;background:#EEE6FF;padding:32px 20px}
.reels .sec_08 .swiper-slide .item .box > div {display:flex;flex-direction:column;align-items:center;}
.reels .sec_08 .swiper-slide .item .box > div:first-child {width:40%}
.reels .sec_08 .swiper-slide .item .box > div.left strong {padding:.5em 0}
.reels .sec_08 .swiper-slide .item .box > div:last-child {flex:1}
.reels .sec_08 .swiper-slide .item .box > div:last-child .mark {background:var(--black);border-color:var(--black);color:var(--white)}
.reels .sec_08 .swiper-slide .item .box .mark {display:inline-block;font-size:20px;font-weight:500;background:var(--white);border:solid 1px #151515;padding:3px 10px;margin-bottom:18px}
.reels .sec_08 .swiper-slide .item .box strong {font-size:30px;font-weight:700}
.reels .sec_08 .swiper-slide .item .box strong .big {font-size:2em;vertical-align:middle;}
.reels .sec_08 .swiper-slide .item .arrow {flex:40px 0 0;align-self:center;transform:translateY(37%)}

.reels .sec_09 {background:#E6ECFF;padding:var(--sec-padding) 0}
.reels .sec_09 .wrapper {display:flex;align-items:center;max-width:1640px}
.reels .sec_09 .title_box .highlight {margin-left:-.3em}
.reels .sec_09 .left_side {width:35%;position:relative;z-index:3}
.reels .sec_09 .left_side .btn_wrap {justify-content:flex-start;gap:0 50px;margin:50px 0 90px}
.reels .sec_09 .left_side .btn_wrap > * {display:flex;align-items:center;gap:0 20px;font-size:24px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s}
.reels .sec_09 .left_side .btn_wrap > * svg,
.reels .sec_09 .left_side .btn_wrap > * svg * {transition:all .2s}
.reels .sec_09 .left_side .btn_prev:hover svg {transform:translateX(-10px)}
.reels .sec_09 .left_side .btn_next:hover svg {transform:translateX(10px)}
.reels .sec_09 .right_side {width:65%;position:relative}
.reels .sec_09 .right_side::before {content:'';display:block;width:50vw;height:170%;background:#E6ECFF;position:absolute;right:102%;top:-35%;z-index:2}
.reels .sec_09 .swiper {overflow:visible}
.reels .sec_09 .swiper-slide {width:550px;height:654px;padding-right:30px}
.reels .sec_09 .swiper-slide:nth-child(even) {transform:translateY(60px)}
.reels .sec_09 .swiper-slide-prev .item {box-shadow:none}
.reels .sec_09 .item {display:flex;flex-direction:column;height:100%;background:var(--white);border-radius:30px;overflow:hidden;box-shadow:0 4px 30px rgba(0,0,0,.15)}
.reels .sec_09 .item .txt_wrap {padding:54px 40px 16px 40px}
.reels .sec_09 .item .txt_wrap .tit {font-size:36px;font-weight:700;line-height:1.2;display:block}
.reels .sec_09 .item .txt_wrap .tit .small {font-size:.8em}
.reels .sec_09 .item .txt_wrap p {font-size:20px;color:#343434;margin-top:20px}
.reels .sec_09 .item .img_wrap {width:100%;margin-top:auto}

.reels .sec_10 {background:var(--black);padding:var(--sec-padding) 0}
.reels .sec_10 .title_box {color:var(--white);margin-bottom:var(--tit-margin)}
.reels .sec_10 .title_box .yellow {color:#FFE100}
.reels .sec_10 .cont {display:grid;grid-template-columns:218px auto auto;}
.reels .sec_10 .cont > div {display:flex;flex-direction:column;align-items:flex-start;border:solid 1px var(--black);background:var(--white);padding:34px 50px}
.reels .sec_10 .cont .div1 {padding:20px;background:none;display:block}
.reels .sec_10 .cont .div1 img {width:100%}
.reels .sec_10 .cont .head {align-items:center;justify-content:center;padding:30px 0;color:var(--white);text-align:center;background:#7F49FF;border-radius:30px 30px 0 0}
.reels .sec_10 .cont .head.div3 {background:#4C00FF}
.reels .sec_10 .cont .head .tit {display:block;font-size:30px;font-weight:700}
.reels .sec_10 .cont .head .sub {display:block;font-size:20px;font-weight:600;margin-top:10px}
.reels .sec_10 .cont .th {background:#E6ECFF;align-items:center;justify-content:center;font-size:22px;font-weight:700;text-align:center;line-height:1.5;}
.reels .sec_10 .cont .th.div4 {border-radius:30px 0 0 0}
.reels .sec_10 .cont .th.div7 {border-radius:0 0 0 30px}
.reels .sec_10 .cont .mb_tit {display:none}
.reels .sec_10 .cont ul + ul {margin-top:34px;color:#676767;margin-bottom:34px}
.reels .sec_10 .cont ul.dash.big li {font-size:22px;font-weight:700}
.reels .sec_10 .cont ul.dash li {position:relative;padding-left:16px;font-size:20px;font-weight:500;color:#343434}
.reels .sec_10 .cont ul.dash li::before {content:'-';display:block;position:absolute;top:2px;left:0}
.reels .sec_10 .cont ul.dash li.no_dash {padding:0}
.reels .sec_10 .cont ul.dash li.no_dash::before {display:none}
.reels .sec_10 .cont .btn_wrap {width:100%;margin-top:auto}
.reels .sec_10 .cont .btn_wrap a {display:flex;align-items:center;justify-content:center;height:64px;border:solid 1px var(--black);border-radius:50px;font-size:20px;font-weight:600;color:#4C00FF;padding:0 34px;transition:all .2s}
.reels .sec_10 .cont .btn_wrap a:hover {background:#4C00FF;border-color:#4C00FF;color:var(--white)}

.reels .sec_11 {padding:var(--sec-padding) 0 calc(var(--sec-padding)*1.333)}
.reels .sec_11 .title_box {margin-bottom:var(--tit-margin)}
.reels .sec_11 .list {display:flex;gap:14px;position:relative}
.reels .sec_11 .list .img {width:243px;position:absolute;bottom:93%;right:-5%}
.reels .sec_11 .item {width:100%;background:#F6F8FF;border-radius:10px 10px 0 0;padding:44px 24px}
.reels .sec_11 .item img {width:auto;height:60px}
.reels .sec_11 .item .tit {display:block;font-size:30px;font-weight:700;color:#4C00FF;margin-top:24px}
.reels .sec_11 .item p {font-size:20px;margin-top:14px;color:#262626}

.faq-content-wrap {border-bottom:1px solid #D6D6D6;margin-top:64px}
.faq-content-wrap .faq-list {border-top:1px solid #D6D6D6}
.faq-content-wrap .faq-list.on .list-question {background:#4C00FF}
.faq-content-wrap .faq-list.on .list-question .content,
.faq-content-wrap .faq-list.on .list-question .content::before {color:var(--white)}
.faq-content-wrap .faq-list.on .list-question .content::after {transform:translateY(-50%) rotate(180deg);filter: invert(1);}
.faq-content-wrap .faq-list .list-question {padding:0 0 0 60px}
.faq-content-wrap .faq-list .list-question .content {font-size:30px;color:#111111;font-weight:600;padding:40px 60px;display:inline-block;cursor:pointer;position:relative;width:100%}
.faq-content-wrap .faq-list .list-question .content::before {content:'Q.';display: inline-block;font-size:30px;color:#4C00FF;position:absolute;left:0;top:38px}
.faq-content-wrap .faq-list .list-question .content:after {content:'';display:inline-block;width:24px;height:24px;background:url('/html/img/reels/arrow_purple.svg') no-repeat center / 100%;position:absolute;right:40px;top:50%;transform:translateY(-50%);transition:all 0.3s}
.faq-content-wrap .faq-list .list-answer {border-top:1px solid #D6D6D6;padding:45px 60px;display:none}
.faq-content-wrap .faq-list .list-answer .faq-content {font-size:24px;color:#444444;font-weight:400;width:95%;max-width:1200px;;display:block;line-height:1.7;position:relative;padding-left:62px}
.faq-content-wrap .faq-list .list-answer .faq-content::before {content:'A.';display:inline-block;font-size:30px;color:#888888;margin-right:32px;font-weight:600;position:absolute;top:-5px;left:0}
.faq-content-wrap .faq-list .list-answer .faq-content .box + .box {margin-top:20px}
.faq-content-wrap .faq-list .list-answer .faq-content .box .tit {font-weight:700}
.faq-content-wrap .faq-list .list-answer .faq-content .box .tit.dot {position:relative;padding-left:18px}
.faq-content-wrap .faq-list .list-answer .faq-content .box .tit.dot::before {content:'·';display:block;position:absolute;top:0;left:0;line-height:1.2}
.faq-content-wrap .faq-list .list-answer .faq-content .box .tit.dot + p {padding-left:18px}

.reels .sec_12 {padding-bottom:var(--sec-padding)}

.reels .sec_13 {background:#4C00FF;padding:var(--sec-padding) 0;color:var(--white)}
.reels .sec_13 .wrapper {display:flex;align-items:flex-end;justify-content:space-between;}
.reels .sec_13 .square1 {margin-bottom:.2em}
.reels .sec_13 .square2 {border-color:var(--white)}
.reels .sec_13 .square::before,
.reels .sec_13 .square::after {background:var(--white)}
.reels .sec_13 .title_box {position:relative}
.reels .sec_13 .title_box p {max-width:460px;color:var(--white)}
.reels .sec_13 .title_box .img {width:200px;position:absolute;bottom:-5%;right:10%}
.reels .sec_13 .btn_white {color:#4C00FF;border:solid 1px var(--black)}
.reels .sec_13 .btn_white svg {transition:all .2s}
.reels .sec_13 .btn_white:hover svg {transform:translateX(5px)}

@media (hover: hover) {}

@media all and (max-width: 1749px) {
    .reels .sec_01 {padding:0 30px}
}

@media all and (max-width: 1599px) {
    .reels .sec_01 .txt_wrap .tit .only_mb.mb1 {display:block}
    .reels .sec_01 .txt_wrap .tit img.mb1 {display:none}
    .reels .sec_01 .txt_wrap .tit img.under1600 {display:none}
    .reels .sec_01 .txt_wrap .bbo {display:inline-block}
}

@media all and (max-width: 1399px) {
    .reels .sec_01 .reels_swiper {width:200px}
    .reels .sec_01 .txt_wrap .tit {font-size:56px}

    .reels .sec_02 .content {gap:0 30px}
    .reels .sec_02 .content > div:first-child {width:300px}
    .reels .sec_02 .content > div:last-child {width:250px}
}

@media all and (max-width: 1299px) {
    .reels .sec_05 .cont .img_01 {display:none}
    .reels .sec_05 .cont .img_02 {display:block}
}

@media all and (max-width: 1199px) {
    :root {
        --sec-padding: 130px;
        --tit-margin: 55px;
    }

    .title_box .tit {font-size:36px}
    .title_box .sub_tit {font-size:24px}
    .title_box p {font-size:16px;margin-top:24px}

    .reels .sec_01 .txt_wrap {padding-top:134px}
    .reels .sec_01 .txt_wrap .sub {font-size:16px}
    .reels .sec_01 .txt_wrap .tit {font-size:44px}
    .reels .sec_01 .txt_wrap img {width:66px}
    .reels .sec_01 .txt_wrap .btn_wrap {margin:36px 0}
    .reels .sec_01 .txt_wrap .btn_black {font-size:17px}
    .reels .sec_01 .txt_wrap p {font-size:20px}

    .reels .sec_03 .list {gap:0 30px}

    .reels .sec_03 .list .item .txt_wrap .tit {font-size:17px;margin:20px 0}
    .reels .sec_03 .list .item .txt_wrap ul li {font-size:16px}
    .reels .sec_03 .list .item .txt_wrap ul li svg {width:16px}

    .reels .sec_04 .title_box .img {width:190px}
    .reels .sec_04 .list::before {top:34px}
    .reels .sec_04 .list .item .tit {width:230px;height:70px;font-size:25px}
    .reels .sec_04 .list .item p {font-size:18px}
    .reels .sec_04 .list .item .box {font-size:17px}

    .reels .sec_06 .only_pc {flex-direction:column;max-width:500px;margin:0 auto}
    .reels .sec_06 .only_pc .arrow {transform:rotate(90deg)}

    .reels .sec_08 .title_box img {width:90px}
    .reels .sec_08 .swiper-slide {width:480px}
    .reels .sec_08 .swiper-slide .item {padding:30px}
    .reels .sec_08 .swiper-slide .item .tit {font-size:24px}
    .reels .sec_08 .swiper-slide .item .box {padding:24px 20px}
    .reels .sec_08 .swiper-slide .item .box .mark {font-size:16px}
    .reels .sec_08 .swiper-slide .item .box strong {font-size:24px}
    .reels .sec_08 .swiper-slide .item .arrow {flex-basis:30px}

    .reels .sec_09 .left_side .btn_wrap {margin:40px 0 60px}
    .reels .sec_09 .left_side .btn_wrap > * {font-size:20px}
    .reels .sec_09 .left_side .btn_wrap > * svg {width:32px}
    .reels .sec_09 .left_side .img {max-width:200px}
    .reels .sec_09 .swiper-slide {width:400px;height:440px;padding-right:24px}
    .reels .sec_09 .swiper-scrollbar {margin-top:40px;height:3px}
    .reels .sec_09 .item {border-radius:22px}
    .reels .sec_09 .item .txt_wrap {padding:30px 24px 10px 24px}
    .reels .sec_09 .item .txt_wrap .tit {font-size:24px}
    .reels .sec_09 .item .txt_wrap p {font-size:17px;margin-top:14px}

    .reels .sec_10 .cont {grid-template-columns:150px auto auto;}
    .reels .sec_10 .cont .head {padding:16px 0}
    .reels .sec_10 .cont .head .tit {font-size:24px}
    .reels .sec_10 .cont .head .sub {font-size:16px}
    .reels .sec_10 .cont .th {font-size:18px}
    .reels .sec_10 .cont > div {padding:24px 30px}
    .reels .sec_10 .cont ul.dash li {font-size:18px}
    .reels .sec_10 .cont ul.dash.big li {font-size:19px}
    .reels .sec_10 .cont .btn_wrap a {height:54px}

    .reels .sec_11 .list {overflow-x:auto}
    .reels .sec_11 .item {min-width:268px}
    .reels .sec_11 .list .img {display:none}
    .reels .sec_11 .item .tit {font-size:24px}
    .reels .sec_11 .item p {font-size:16px}

    .reels .sec_13 .title_box .img {width:100px}
    .reels .sec_13 .title_box p {max-width:360px}
    .reels .sec_13 .btn_white {font-size:17px;padding:14px 44px}
    .reels .sec_13 .btn_white svg {width:24px}
    /*
    */
}

@media all and (max-width: 1023px) {
    .txt_slide {padding:12px 0}
    .txt_slide p {font-size:13px}
    .txt_slide p::before {margin:0 10px}

    .reels .sec_01 {height:auto;flex-direction:column-reverse;gap:30px;padding:0 0 110px}
    .reels .sec_01 .reels_swiper {width:100%;height:auto}
    .reels .sec_01 .reels_swiper .swiper-slide {width:160px;padding:0 5px}
    .reels .sec_01 .reels_swiper .img_box {border-radius:10px}
    .reels .sec_01 .reels_swiper.right {display:none}
    .reels .sec_01 .btm_swiper {bottom:20px}
    .reels .sec_01 .btm_swiper .swiper-slide .item {height:48px;font-size:18px;border-width:1px}
    .reels .sec_01 .btm_swiper .swiper-slide .item img {width:18px}

    .reels .sec_02 .wrapper {flex-direction:column;align-items:flex-start;gap:25px 0}
    .reels .sec_02 .content {width:100%;justify-content:center;}
    .reels .sec_02 .content .tit {max-width:180px;height:44px;font-size:18px}

    .reels .sec_03 .list {gap:26px 0}
    .reels .sec_03 .list {flex-direction:column;max-width:400px;margin-left:auto;margin-right:auto}

    .reels .sec_05 .cont .img_02 {display:none}
    .reels .sec_05 .cont .img_03 {display:block;max-width:400px;width:100%;margin:0 auto}

    .reels .sec_09 .wrapper {flex-direction:column;align-items:flex-start;}
    .reels .sec_09 .swiper-slide:nth-child(even) {transform:none}
    .reels .sec_09 .left_side {width:100%}
    .reels .sec_09 .left_side .img {position:absolute;right:0;bottom:0}
    .reels .sec_09 .right_side::before {display:none}

    .reels .sec_10 .cont {display:flex;flex-direction:column;max-width:440px;margin:0 auto}
    .reels .sec_10 .cont .div1,
    .reels .sec_10 .cont .div4,
    .reels .sec_10 .cont .div7 {display:none}
    .reels .sec_10 .cont .div2,
    .reels .sec_10 .cont .div5,
    .reels .sec_10 .cont .div8 {order:1}
    .reels .sec_10 .cont .div3 {margin-top:20px}
    .reels .sec_10 .cont .div3,
    .reels .sec_10 .cont .div6,
    .reels .sec_10 .cont .div9 {order:2}
    .reels .sec_10 .cont .head {border-radius:20px 20px 0 0}

    .reels .sec_11 .item .tit {font-size:20px}
    .reels .sec_11 .item p {font-size:14px}

    .faq-content-wrap {margin-top:34px}
    .faq-content-wrap .faq-list .list-question {padding:0}
    .faq-content-wrap .faq-list .list-question .content {font-size:18px;padding:30px 30px 25px 48px;line-height: 1.5}
    .faq-content-wrap .faq-list .list-question .content::before {font-size:20px;left:16px;top:29px}
    .faq-content-wrap .faq-list .list-answer{padding:24px 0}
    .faq-content-wrap .faq-list .list-answer .faq-content::before {display:block;font-size:20px;left:16px;top:-4px}
    .faq-content-wrap .faq-list .list-answer .faq-content {padding:0 0 0 48px;font-size:16px;width: 100%}
    .faq-content-wrap .faq-list .list-question .content:after {width:18px;height:18px;right:5px}

    .reels .sec_13 .wrapper {flex-direction:column;align-items:flex-start;gap:34px 0}
}

@media all and (max-width: 767px) {
    :root {
        --sec-padding: 80px;
        --tit-margin: 30px;
    }

    .square::before,
    .square::after {width:4px;height:4px}

    .title_box .tit {font-size:24px}
    .title_box .sub_tit {font-size:16px}
    .title_box p {font-size:14px;margin-top:18px}

    .btn_white {width:100%;max-width:280px;font-size:17px;padding:15px;margin-left:auto;margin-right:auto}

    .reels .sec_01 .txt_wrap {padding-top:94px}
    .reels .sec_01 .txt_wrap .tit {font-size:32px}
    .reels .sec_01 .txt_wrap .sub {font-size:14px}
    .reels .sec_01 .txt_wrap .btn_wrap {margin:24px 0}
    .reels .sec_01 .txt_wrap p {font-size:14px}
    .reels .sec_01 .txt_wrap .btn_black {padding:14px 30px}
    .reels .sec_01 .txt_wrap .square1 {margin:0}
    .reels .sec_01 .reels_swiper .swiper-slide {width:130px}
    .reels .sec_01 .btm_swiper .swiper-slide .item {height:40px;gap:0 4px;font-size:14px}
    .reels .sec_01 .btm_swiper .swiper-slide .item img {width:14px}

    .reels .sec_02 .content .tit {max-width:144px;height:34px;font-size:14px}
    .reels .sec_02 .cont .up_img {width:80px;left:50%}
    .reels .sec_02 .content > div:first-child {width:170px}
    .reels .sec_02 .content > div:last-child {width:140px}
    .reels .sec_02 .content .reels_wrap {border-radius:10px}

    .reels .sec_03 .list .item .txt_wrap .tit {font-size:15px;margin:16px 0 13px}
    .reels .sec_03 .list .item .txt_wrap ul {gap:6px}
    .reels .sec_03 .list .item .txt_wrap ul li {font-size:14px}
    .reels .sec_03 .list .item .txt_wrap ul li svg {width:14px}
    .reels .sec_03 .list .item .img_wrap {border-radius:10px}

    .reels .sec_04 .title_box .img {width:120px}
    .reels .sec_04 .title_box .tit img {display:none}
    .reels .sec_04 .list {flex-direction:column;align-items:center;gap:30px 0}
    .reels .sec_04 .list::before {display:none}
    .reels .sec_04 .list .item .tit {width:260px;height:50px;font-size:20px}
    .reels .sec_04 .list .item p {font-size:15px;margin-top:20px}
    .reels .sec_04 .list .item .box {font-size:15px}

    .reels .sec_06 .only_mb {display:none}

    .reels .sec_07 .wrapper {max-width:450px}
    .reels .sec_07 .title_box img {display:none}
    .reels .sec_07 .cont {display:none}
    .reels .sec_07 .swiper {display:block;overflow:visible}
    .reels .sec_07 .swiper-slide {width:244px;padding:0;text-align:center;}
    .reels .sec_07 .swiper-slide-active .item {background:#4C00FF}
    .reels .sec_07 .item {padding:18px 20px 30px;border-radius:16px}
    .reels .sec_07 .item img {width:100%}
    .reels .sec_07 .btn_wrap {display:flex;margin-top:14px}

    .reels .sec_08 {background-size:230px;background-position:bottom right}
    .reels .sec_08 .title_box img {width:54px}
    .reels .sec_08 .swiper + .swiper {margin-top:12px}
    .reels .sec_08 .swiper-slide {width:340px;padding:0 6px}
    .reels .sec_08 .swiper-slide .item {padding:20px}
    .reels .sec_08 .swiper-slide .item .tit {font-size:17px}
    .reels .sec_08 .swiper-slide .item .box {padding:16px 20px}
    .reels .sec_08 .swiper-slide .item .box .mark {font-size:14px;margin-bottom:15px}
    .reels .sec_08 .swiper-slide .item .box strong {font-size:18px}
    .reels .sec_08 .swiper-slide .item .box strong .big {font-size:1.3em}
    .reels .sec_08 .swiper-slide .item .box > div.left strong {padding:.1em 0}
    .reels .sec_08 .swiper-slide .item .arrow {flex-basis:20px;transform:translateY(67%)}

    .reels .sec_09 .left_side .btn_wrap {gap:0 24px}
    .reels .sec_09 .left_side .btn_wrap {gap:0 26px;margin:30px 0 34px}
    .reels .sec_09 .left_side .btn_wrap > * {font-size:15px}
    .reels .sec_09 .left_side .btn_wrap > * svg {width:24px}
    .reels .sec_09 .left_side .img {max-width:120px}
    .reels .sec_09 .swiper-slide {width:340px;height:400px}
    .reels .sec_09 .item {border-radius:15px}
    .reels .sec_09 .item .txt_wrap {padding:24px 24px 16px}
    .reels .sec_09 .item .txt_wrap .tit {font-size:17px}
    .reels .sec_09 .item .txt_wrap p {font-size:14px}

    .reels .sec_10 .cont .head .tit {font-size:20px}
    .reels .sec_10 .cont .head .sub {font-size:14px;margin-top:4px}
    .reels .sec_10 .cont .th {font-size:15px}
    .reels .sec_10 .cont > div {padding:16px}
    .reels .sec_10 .cont ul.dash li {font-size:16px}
    .reels .sec_10 .cont ul.dash.big li {font-size:16px}
    .reels .sec_10 .cont .btn_wrap a {height:44px;font-size:17px;padding:0 16px}

    .reels .sec_13 .title_box p {width:calc(100% - 100px);max-width:225px}
    .reels .sec_13 .title_box .sub_tit {font-size:20px}
    .reels .sec_13 .title_box .img {right:0}
}

@media all and (max-width: 499px) {
    .reels .sec_06 .only_pc {display:none}
    .reels .sec_06 .only_mb {width:calc(100% + 42px);display:block;margin-left:-21px;max-width:initial}

}

@media all and (max-width: 374px) {}