@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --white:#FFFFFF;
    --black:#000000;
    --primary:#F59603;
    --header-height: 80px;
    --sec-padding: 200px;
    --sec-padding1: 150px;
}

/* 공통 */
.container {overflow-x:hidden}
.wrapper {width:100%;max-width:1640px;padding:0 20px;margin:0 auto}
.no_scroll {height:100%;overflow:hidden}
.only_mb {display:none}
.under1200 {display:none}
.btn_wrap {display:flex;align-items:center;justify-content:center;gap:0 10px}
.btn_primary {display:flex;align-items:center;justify-content:center;gap:0 10px;background:var(--primary);font-size:24px;font-weight:700;color:var(--white);border-radius:100px;padding:15px 38px;transition:all .2s}
.btn_primary:hover {background:#fca215}
.btn_line {display:flex;align-items:center;justify-content:center;gap:0 10px;border:solid 1px var(--primary);border-radius:100px;font-size:24px;font-weight:700;color:var(--primary);padding:15px 38px;transition:all .2s}
.btn_line:hover {background:var(--primary);color:var(--white)}
.btn_gra {display:flex;align-items:center;justify-content:center;gap:0 10px;font-size:24px;font-weight:700;color:var(--white);border-radius:100px;padding:15px 38px;transition:all .2s;position:relative;overflow:hidden}
.btn_gra::before {content:'';display:block;width:120%;height:100%;background:linear-gradient(120deg, #FFC300, #FF7700);z-index:2;position:absolute;top:0;left:0;transition:all .2s}
.btn_gra:hover::before {left:-20%}
.btn_gra .txt,
.btn_gra img,
.btn_gra svg {position:relative;z-index:3}
.sec {overflow:hidden}
.orange {color:#FE7901}

.title_box {margin-bottom:60px}
.title_box.center {text-align:center}
.title_box .sub {display:block;font-size:24px;font-weight:700;line-height:1.4;color:var(--primary);margin-bottom:20px}
.title_box .tit {display:block;font-size:54px;font-weight:700;line-height:1.4}
.title_box p {font-size:24px;margin-top:24px;color:#2D2D2D}

ul.dot {font-size:24px;font-weight:500}
ul.dot li {padding-left:16px;position:relative;line-height:1.4}
ul.dot li::before {content:'·';font-weight:700;position:absolute;top:0;left:0}
ul.dot li + li {margin-top:5px}

.main_sec_01 {background:url('../img/web/index_01_bg2.jpg') no-repeat center/cover;padding:200px 0 120px;color:var(--white);text-align:center}
.main_sec_01 .wrapper {max-width:1300px}
.main_sec_01 .title_box .sub {color:var(--white) !important;font-weight:400}
.main_sec_01 .sec_tit {display:block;font-size:80px;font-weight:700;line-height:1.4}
.main_sec_01 .btn_wrap {margin-top:50px}
.main_sec_01 .list {display:flex;gap:30px;margin-top:80px}
.main_sec_01 .list .item {flex:1;background:rgba(17,17,17,.3);border-radius:15px;padding:75px 20px 65px;backdrop-filter:blur(15px)}
.main_sec_01 .list .item .tit {display:block;font-size:20px;font-weight:500}
.main_sec_01 .list .item .percent {display:block;font-size:58px;font-weight:700;margin-top:10px}
.main_sec_01 .list .item .img {width:115px;margin:0 auto}
.main_sec_01 .list .item .txt {font-size:30px;font-weight:700;display:block;margin-top:20px}

.faq_list {border-bottom:solid 1px #D6D6D6}
.faq_list > ul > li {border-top:solid 1px #D6D6D6}
.faq_list button {width:100%;font-size:30px;font-weight:700;padding:40px 50px 40px 114px;position:relative;text-align:left;transition:all .2s}
.faq_list button:hover {color:var(--primary)}
.faq_list button::before,
.faq_list .cont::before {content:'Q';display:block;position:absolute;top:40px;left:50px;font-size:30px;font-weight:700;color:var(--primary)}
.faq_list button::after {content:'';display:block;width:24px;height:24px;background:url('../img/web/arrow_down.svg') no-repeat center/100%;position:absolute;top:50%;right:20px;transform:translateY(-50%);transition:all .2s}
.faq_list button.on {color:var(--primary)}
.faq_list button.on::after {transform:rotate(180deg) translateY(14px)}
.faq_list .cont {display:none;font-size:20px;padding:34px 50px 34px 114px;position:relative;border-top:solid 1px #D6D6D6}
.faq_list .cont::before {content:'A';top:34px;color:#888888}
.faq_list .cont p {color:#646464;line-height:1.7}
.faq_list .cont ul {margin-top:20px}
.faq_list .cont li {position:relative;padding-left:14px}
.faq_list .cont li::before {content:'·';display:block;position:absolute;top:0;left:0}

/* 텍스트 그라데이션 */
.gra_01 {background:linear-gradient(120deg, #FFC300, #FF7700);-webkit-background-clip:text;-webkit-text-fill-color:transparent}

/* 헤더 */
.header {width:100%;position:fixed;top:0;left:0;z-index:99;transition:background .2s}
.header.white {background:var(--white);border-bottom:solid 1px #f8f8f8}
.header.white .logo .black {position:initial;opacity:1}
.header.white .logo .white {opacity:0;position:absolute}
.header.white .right .mark {color:#111111}
.header.white .gnb li a {color:var(--black)}
.header.white .menu_open path {fill:var(--black)}
.header.black .logo .black {position:initial;opacity:1}
.header.black .logo .white {opacity:0;position:absolute}
.header.black .right .mark {color:#111111}
.header.black .gnb li a {color:var(--black)}
.header.black .menu_open path {fill:var(--black)}

.header .wrapper {display:flex;align-items:center;max-width:1490px;height:85px}
.header .logo {width:107px;min-width:107px;position:relative}
.header .logo img {width:100%}
.header .logo .black {opacity:0;position:absolute;top:0;left:0}
.header .menu_wrap {display:flex;align-items:center;width:100%;margin-left:140px}
.header .menu_wrap .menu_head {display:none}
.header .gnb ul {display:flex;align-items:center;gap:0 60px}
.header .gnb li a {display:flex;align-items:center;height:var(--header-height);font-size:18px;font-weight:500;color:#F8F7F7;transition:all .2s}
.header .gnb li a.on {color:var(--primary);}
.header .gnb li a:hover {color:var(--primary)}
.header .gnb .depth_02 {display:none}
.header .right {display:flex;align-items:center;gap:0 12px;margin-left:auto}
.header .right > * {display:flex;align-items:center;justify-content:center;border-radius:100px;width:150px;height:45px;padding:0;font-size:18px;font-weight:500;}
.header .right .mark {background:rgba(255,255,255,.15);border:solid 1px #DDDDDD;color:var(--white)}
.header .menu_open {display:none}

.float_btns {display:none;flex-direction:column;align-items:center;gap:14px 0;position:fixed;bottom:20px;right:20px;z-index:98}
.float_btns > * {display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100px;background:var(--white);box-shadow:0 4px 15px rgba(0,0,0,.2);color:var(--white);font-size:14px;font-weight:700;text-align:center}
.float_btns > *:first-child {background:#F59603}

/* 푸터 */
.footer {background:#F9F8F7;padding:60px 0}
.footer .logo {width:122px}
.footer .top {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}
.footer .bottom {display:flex;align-items:flex-start;justify-content:space-between}
.footer .bottom {margin-top:30px;color:#777777}
.footer .term_link {display:flex;align-items:center}
.footer .term_link a {position:relative}
.footer .term_link a:hover {text-decoration:underline}
.footer .term_link a + a {margin-left:8px;padding-left:8px;font-weight:700}
.footer .term_link a + a::before {content:'';display:block;width:1px;height:12px;background:#111111;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.footer .info > div {display:flex;align-items:center;flex-wrap:wrap;gap:8px 0}
.footer .info > div span {display:block;position:relative;line-height:1.4}
.footer .info > div span + span {margin-left:8px;padding-left:8px;}
.footer .info > div span + span::before {content:'';display:block;width:1px;height:12px;background:#111111;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.footer .info > div + div {margin-top:8px}

/* 인덱스 */
.index .sec_01 {background:url('../img/web/index_01_bg.jpg') no-repeat center/cover}

.index .sec_02 {background:url('../img/web/index_02_bg.png') no-repeat center bottom/100%;padding:var(--sec-padding) 0}
.index .sec_02 .sec_top {display:flex;align-items:flex-start;justify-content:space-between;}
.index .sec_02 .sec_top .title_box .sub {font-size:30px;font-weight:500;color:#111111}
.index .sec_02 .sec_top .title_box .img {width:266px;margin:0 auto}
.index .sec_02 .sec_top .list {width:100%;max-width:850px}
.index .sec_02 .sec_top .list > div {display:flex;align-items:center;gap:0 12px;background:var(--white);border:solid 1px transparent;border-radius:15px;box-shadow:0 4px 30px rgba(0,0,0,.1);padding:24px 34px;transition:all .2s;font-size:28px;font-weight:600}
.index .sec_02 .sec_top .list > div + div {margin-top:24px}
.index .sec_02 .sec_top .list > div path {transition:all .2s}
.index .sec_02 .sec_top .list > div:hover {border-color:var(--primary)}
.index .sec_02 .sec_top .list > div:hover path:first-child {fill:var(--primary)}
.index .sec_02 .sec_bottom {display:flex;gap:0 40px;margin-top:100px}
.index .sec_02 .sec_bottom .item {width:100%;background:var(--white);border-radius:15px;box-shadow:0 4px 30px rgba(0,0,0,.1);padding:50px 0;text-align:center}
.index .sec_02 .sec_bottom .item .sub {display:block;font-size:25px;font-weight:500}
.index .sec_02 .sec_bottom .item .tit {display:block;font-size:60px;font-weight:700;margin-top:10px}
.index .sec_02 .sec_bottom .item img {max-width:180px;margin-top:25px}
.index .sec_02 .sec_bottom .item:first-child {background:var(--primary);color:var(--white)}
.index .sec_02 .sec_bottom .item:last-child img {max-width:490px;margin-top:50px}

.index .sec_03 {background:linear-gradient(#FFEFBA, #FFD8BA);padding:150px 0}
.index .sec_03 .list {display:flex;gap:20px}
.index .sec_03 .item {display:block;width:100%;padding:2px;background:var(--white);border-radius:20px;box-shadow:0 4px 30px rgba(0,0,0,.1);transition:all .2s}
.index .sec_03 .item:hover {background:linear-gradient(120deg, #FFC300, #FF7700)}
.index .sec_03 .item:hover .txt_wrap .tit {color:var(--primary)}
.index .sec_03 .item:hover .btn_line {background:var(--primary);color:var(--white)}
.index .sec_03 .item .inner {display:flex;flex-direction:column;height:100%;background:var(--white);border-radius:18px;padding:60px}
.index .sec_03 .item .txt_wrap {text-align:center}
.index .sec_03 .item .txt_wrap .sub {display:block;font-size:25px;font-weight:500;line-height:1.4}
.index .sec_03 .item .txt_wrap .tit {display:block;font-size:40px;font-weight:700;line-height:1.4;margin-top:10px;transition:all .2s}
.index .sec_03 .item .img {width:100%;max-width:140px;margin:20px auto}
.index .sec_03 .item ul.tag {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px;margin-bottom:auto}
.index .sec_03 .item ul.tag li {display:flex;align-items:center;justify-content:center;border:solid 1px #DDDDDD;border-radius:50px;font-size:16px;font-weight:500;color:#747474;padding:10px 20px}
.index .sec_03 .item .btn_wrap {margin-top:30px}

.index .sec_05 {padding:var(--sec-padding) 0;background:#F9F8F7}
.index .sec_05 .list {display:flex;gap:0 50px}
.index .sec_05 .item {width:100%;position:relative;padding:3px;background:var(--white);border-radius:30px;transition:all .2s;text-align:center;box-shadow:0 4px 30px rgba(0,0,0,.1)}
.index .sec_05 .item:hover {background:linear-gradient(120deg, #FFC300, #FF7700);}
.index .sec_05 .item .inner {height:100%;background:var(--white);border-radius:28px;overflow:hidden;padding:40px 16px}
.index .sec_05 .item .img_wrap {max-width:200px;margin:0 auto}
.index .sec_05 .item .txt_wrap {margin-top:34px}
.index .sec_05 .item .txt_wrap .tit {display:block;font-size:34px;font-weight:700;line-height:1.4}
.index .sec_05 .item .txt_wrap p {font-size:20px;font-weight:500;color:#2D2D2D;margin-top:20px}
.index .sec_05 .btn_wrap {margin-top:50px}

.index .sec_06 {padding:var(--sec-padding) 0}
.index .sec_06 .list {display:flex;align-items:flex-start;gap:0 76px}
.index .sec_06 .item {width:100%;position:relative;padding:3px;background:var(--white);border-radius:30px;transition:all .2s}
.index .sec_06 .item:hover {background:linear-gradient(120deg, #FFC300, #FF7700);}
.index .sec_06 .item:nth-child(2) {margin-top:90px}
.index .sec_06 .item .inner {display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:400px;background:var(--white);border-radius:28px;box-shadow:0 4px 30px rgba(0,0,0,.1);overflow:hidden;padding:40px}
.index .sec_06 .item img {width:auto;max-width:initial;height:76px}
.index .sec_06 .item .tit {display:block;font-size:34px;font-weight:700;line-height:1.4;margin-top:20px}

.index .sec_07 {padding-bottom:var(--sec-padding)}
.index .sec_07 .sec_tit {display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.index .sec_07 .top .title_box {margin-bottom:0}
.index .sec_07 .top .btn_wrap {gap:0 16px}
.index .sec_07 .top .btn_wrap > * {cursor:pointer;}
.index .sec_07 .top .btn_wrap svg path {transition:all .2s}
.index .sec_07 .top .btn_wrap > *:hover svg path {fill:var(--primary)}
.index .sec_07 .swiper {margin-top:80px;overflow:visible}
.index .sec_07 .swiper-slide {display:flex;align-items:center;gap:0 6%;opacity:.6;padding-right:40px}
.index .sec_07 .swiper-slide .img_wrap {width:50%;max-width:760px;border-radius:60px;overflow:hidden;transform:scale(.65);transition:all .4s;transform-origin:left bottom;}
.index .sec_07 .swiper-slide .title_box {margin:0}
.index .sec_07 .swiper-slide .title_box .sub {color:#111111}
.index .sec_07 .swiper-slide .title_box p {max-width:465px}
.index .sec_07 .swiper-slide .effect {max-width:456px;margin-top:30px}
.index .sec_07 .swiper-slide .effect_tit {display:block;font-size:30px;font-weight:600;margin-bottom:10px}
.index .sec_07 .swiper-slide .btn_wrap {justify-content:flex-start;margin-top:30px}
.index .sec_07 .swiper-slide-active {opacity:1}
.index .sec_07 .swiper-slide-active .img_wrap {transform:scale(1)}

.index .sec_08 {background:url('../img/web/index_08_bg.jpg') no-repeat center bottom/cover;padding-bottom:300px}
.index .sec_08 .list {display:flex;gap:20px}
.index .sec_08 .item {width:100%;background:var(--white);border-radius:20px;box-shadow:0 4px 30px rgba(255,174,0,.15);padding:60px 20px;text-align:center;position:relative;overflow:hidden}
.index .sec_08 .item::before {content:'';display:block;width:100%;height:100%;background:linear-gradient(120deg, #F88C02, #FF7700);color:var(--white);position:absolute;top:0;left:0;opacity:0;transition:all .2s}
.index .sec_08 .item:hover::before {opacity:1}
.index .sec_08 .item:hover .tit {color:var(--white);-webkit-text-fill-color:unset}
.index .sec_08 .item:hover p {color:var(--white)}
.index .sec_08 .item:hover .btn_line {background:var(--white);color:var(--primary)}
.index .sec_08 .item .inner {display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.index .sec_08 .item img {width:100%;max-width:200px;margin:0 auto 34px}
.index .sec_08 .item .tit {font-size:40px;font-weight:700;transition:all .1s}
.index .sec_08 .item p {font-size:20px;font-weight:500;color:#2D2D2D;margin-top:24px;transition:all .2s}
.index .sec_08 .item .btn_wrap {margin-top:34px}

.index .sec_banner {padding:170px 0;color:var(--white)}
.index .sec_banner .wrapper {max-width:1530px}
.index .sec_banner .title_box {margin:0}
.index .sec_banner .title_box p {color:inherit}
.index .sec_banner .btn_gra {gap:0 14px;width:fit-content;height:78px;font-size:28px;font-weight:700;margin-top:54px;padding:0 44px}
.index .sec_04 {background:url('../img/web/index_04_bg2.png') no-repeat center/cover}
.index .sec_04 .title_box .tit {font-size:44px}
.index .sec_09 {background:url('../img/web/index_09_bg1.jpg') no-repeat center/cover}

@media all and (max-width: 1399px) {
    .header .gnb ul {gap:0 40px}

    ul.dot {font-size:20px}

    /* 인덱스 */
    .index .sec_02 .sec_top .list {max-width:700px}
    .index .sec_02 .sec_top .list > div {font-size:22px}

    .index .sec_03 .item .inner {padding:60px 40px}
    .index .sec_03 .item .txt_wrap .sub {font-size:20px}
    .index .sec_03 .item .txt_wrap .tit {font-size:34px}

    .index .sec_05 .list {gap:0 30px}

    .index .sec_06 .list {gap:0 30px}
    .index .sec_06 .item .tit {font-size:30px}

    .index .sec_07 .swiper-slide .title_box .tit {font-size:48px}
    
    .index .sec_08 .item .tit {font-size:30px}
    .index .sec_08 .item p {font-size:18px}
}

@media all and (max-width: 1199px) {
    :root {
        --header-height: 70px;
        --sec-padding: 140px;
        --sec-padding1: 120px;
    }

    .under1200 {display:block}
    .btn_gra {font-size:18px}
    .btn_line {font-size:18px;padding:12px 30px}

    ul.dot {font-size:16px}

    .main_sec_01 {padding:160px 0 90px}
    .main_sec_01 .sec_tit {font-size:55px}
    .main_sec_01 .btn_wrap {margin-top:35px}
    .main_sec_01 .list {gap:20px;margin-top:60px}
    .main_sec_01 .list .item {padding:50px 20px 40px}
    .main_sec_01 .list .item .tit {font-size:17px}
    .main_sec_01 .list .item .percent {font-size:40px}
    .main_sec_01 .list .item .img {width:70px}
    .main_sec_01 .list .item .txt {font-size:22px}

    .faq_list button {font-size:24px;padding:30px 50px 30px 70px}
    .faq_list button::before,
    .faq_list .cont::before {font-size:24px;top:30px;left:30px}
    .faq_list .cont {font-size:17px;padding:28px 50px 34px 70px}
    
    /* 헤더 */
    .header .wrapper {height:var(--header-height);padding:0 0 0 20px}
    .header .logo {width:103px}
    .header .menu_wrap {display:none;flex-direction:column;align-items:flex-start;width:100%;height:100%;background:var(--white);position:fixed;top:0;left:0;overflow-y:auto;padding:0 26px 40px;margin:0}
    .header .menu_wrap .menu_head {display:flex;align-items:center;width:100%;height:var(--header-height);padding-left:20px;position:fixed;top:0;left:0}
    .header .gnb {margin:90px 0 100px}
    .header .gnb ul {flex:1;flex-direction:column;align-items:flex-start;gap:30px 0;overflow-y:auto}
    .header .gnb li a {height:auto;font-size:20px;font-weight:700;color:#121212}
    .header .gnb li a.on {color:#121212;}
    .header .menu_open,
    .header .menu_close {display:flex;align-items:center;justify-content:center;width:var(--header-height);height:var(--header-height);margin-left:auto}
    .header .right {display:none}

    /* 푸터 */
    .footer .bottom {flex-direction:column;gap:20px 0}
    .footer .info > div {gap:8px 16px}
    .footer .info > div span + span {padding:0;margin:0}
    .footer .info > div span + span::before {display:none;}

    /* 인덱스 */
    .title_box {margin-bottom:50px}
    .title_box .sub {font-size:17px}
    .title_box .tit {font-size:36px}
    .title_box p {font-size:18px;margin-top:18px}

    .index .sec_banner {padding:100px 0}
    .index .sec_banner .btn_gra {height:60px;font-size:20px}
    .index .sec_banner .btn_gra img {width:30px}

    .index .sec_02 .sec_top .title_box .sub {font-size:22px}
    .index .sec_02 .sec_top .title_box .img {width:180px}
    .index .sec_02 .sec_top .list {max-width:580px}
    .index .sec_02 .sec_top .list > div {font-size:20px;padding:20px 25px}
    .index .sec_02 .sec_top .list > div svg {width:34px;height:34px}

    .index .sec_02 .sec_bottom {margin-top:60px}
    .index .sec_02 .sec_bottom .item {padding:35px 10px}
    .index .sec_02 .sec_bottom .item .sub {font-size:20px}
    .index .sec_02 .sec_bottom .item .tit {font-size:40px}
    .index .sec_02 .sec_bottom .item img {max-width:140px}
    .index .sec_02 .sec_bottom .item:last-child img {max-width:300px;margin-top:20px}

    .index .sec_03 {padding:100px 0}
    .index .sec_03 .item .inner {padding:40px 30px}
    .index .sec_03 .item .txt_wrap .sub{font-size:18px}
    .index .sec_03 .item .txt_wrap .tit {font-size:26px}
    .index .sec_03 .item .img {max-width:100px}
    .index .sec_03 .item ul.tag li {font-size:14px;padding:8px 18px}

    .index .sec_04 .title_box .tit {font-size:34px}

    .index .sec_05 .list {gap:20px}
    .index .sec_05 .item .img_wrap {max-width:140px}
    .index .sec_05 .item .txt_wrap .tit {font-size:26px}
    .index .sec_05 .item .txt_wrap p {font-size:18px}
    /*
    */

    .index .sec_06 .list {gap:20px}
    .index .sec_06 .item {border-radius:18px}
    .index .sec_06 .item:nth-child(2) {margin-top:50px}
    .index .sec_06 .item .inner {height:300px;padding:24px;border-radius:15px}
    .index .sec_06 .item img {height:50px}
    .index .sec_06 .item .tit {font-size:22px}
    
    .index .sec_07 .swiper {margin-top:50px}
    .index .sec_07 .swiper-slide .effect_tit {font-size:22px}
    .index .sec_07 .swiper-slide .title_box .tit {font-size:32px}
    .index .sec_07 .swiper-slide .title_box p {font-size:16px}
    .index .sec_07 .swiper-slide .img_wrap {border-radius:30px}

    .index .sec_08 {padding-bottom:200px}
    .index .sec_08 .item {padding:45px 20px}
    .index .sec_08 .item img {max-width:140px}
    .index .sec_08 .item p {font-size:16px;margin-top:16px}
    .index .sec_08 .item .tit {font-size:24px}
}

@media all and (max-width: 1023px) {
    /* 인덱스 */
    .index .sec_02 .sec_top {flex-direction:column;align-items:center;gap:0}
    .index .sec_02 .sec_top .title_box {margin-bottom:-22px;text-align:center;overflow:hidden}
    .index .sec_02 .sec_bottom {flex-direction:column;gap:20px;max-width:580px;margin:60px auto 0}

    .index .sec_03 .list {flex-direction:column;max-width:400px;margin:0 auto}

    .index .sec_05 .list {flex-direction:column;max-width:400px;margin:0 auto}
}

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

    .only_mb {display:block}
    .only_pc {display:none}

    .btn_gra, .btn_line {font-size:14px;padding:13px 28px}

    ul.dot {font-size:14px}
    ul.dot li {padding-left:10px}

    .title_box {margin-bottom:34px}
    .title_box .sub {font-size:14px;margin-bottom:14px}
    .title_box .tit {font-size:24px}
    .title_box p {font-size:14px;margin-top:14px}

    .float_btns {display:flex}

    .faq_list button {font-size:18px;padding:24px 40px 24px 28px}
    .faq_list button:hover {color:inherit}
    .faq_list button::before,
    .faq_list .cont::before {font-size:18px;left:0;top:23px}
    .faq_list button::after {right:0}
    .faq_list .cont {font-size:14px;padding:24px 0 24px 28px}
    
    .main_sec_01 {padding:120px 0 60px}
    .main_sec_01 .sec_tit {font-size:30px}
    .main_sec_01 .btn_wrap {margin-top:20px}
    .main_sec_01 .list {gap:15px;margin-top:40px}
    .main_sec_01 .list .item {display:flex;flex-direction:column;align-items:center;padding:20px}
    .main_sec_01 .list .item .tit {font-size:14px}
    .main_sec_01 .list .item .percent {font-size:24px}
    .main_sec_01 .list .item .img {width:30px}
    .main_sec_01 .list .item .txt {font-size:14px;order:-1;margin:0 0 8px;font-weight:500}

    /* 인덱스 */
    .index .sec_banner {padding:80px 0}
    .index .sec_banner .title_box {text-align:center}
    .index .sec_banner .btn_gra {height:44px;font-size:14px;padding:0 24px;margin:12px auto 0}
    .index .sec_banner .btn_gra img {width:18px}
    
    .index .sec_02 {background:none}
    .index .sec_02 .sec_top .title_box .img {width:95px}
    .index .sec_02 .sec_top .title_box .sub {font-size:16px}
    .index .sec_02 .sec_top .list > div {gap:10px;border-radius:10px;font-size:15px;padding:14px 15px}
    .index .sec_02 .sec_top .list > div + div {margin-top:15px}
    .index .sec_02 .sec_top .list > div svg {width:24px;min-width:24px;height:24px}

    .index .sec_02 .sec_bottom {margin-top:30px}
    .index .sec_02 .sec_bottom .item {padding:20px 10px}
    .index .sec_02 .sec_bottom .item .sub {font-size:16px}
    .index .sec_02 .sec_bottom .item .tit {font-size:24px}
    .index .sec_02 .sec_bottom .item img {max-width:98px}
    .index .sec_02 .sec_bottom .item:last-child img {max-width:180px;margin-top:15px}

    .index .sec_03 {padding:80px 0}
    .index .sec_03 .item .inner {padding:24px 20px}
    .index .sec_03 .item .txt_wrap .sub{font-size:16px}
    .index .sec_03 .item .txt_wrap .tit {font-size:20px;color:var(--primary);margin-top:7px}
    .index .sec_03 .item .btn_line,
    .index .sec_03 .item .btn_line:hover {background:linear-gradient(120deg, #FFC300, #FF7700);color:var(--white);border:0}
    .index .sec_03 .item .img {max-width:80px;margin:10px auto}

    .index .sec_04 {background:url('../img/web/index_04_bg2_mb.png') no-repeat center bottom/cover;padding:70px 0 220px}
    .index .sec_04 .title_box {text-align:center}
    .index .sec_04 .title_box .tit {font-size:24px}
    .index .sec_04 .btn_gra {margin:12px auto 0}

    .index .sec_05 .item {border-radius:23px}
    .index .sec_05 .item .inner {border-radius:20px;padding:34px 16px}
    .index .sec_05 .item .img_wrap {max-width:80px}
    .index .sec_05 .item .txt_wrap {margin-top:20px}
    .index .sec_05 .item .txt_wrap .tit {font-size:20px}
    .index .sec_05 .item .txt_wrap p {font-size:16px;margin-top:5px}
    .index .sec_05 .btn_wrap {margin-top:24px}

    .index .sec_06 .title_box {text-align:center}
    .index .sec_06 .list {max-width:400px;flex-direction:column;margin:0 auto;}
    .index .sec_06 .item .tit {font-size:17px}
    .index .sec_06 .item:nth-child(2) {margin:0}
    .index .sec_06 .item .inner {height:200px}

    .index .sec_07 {background:#F9F8F7;padding-top:var(--sec-padding)}
    .index .sec_07 .sec_tit {position:relative}
    .index .sec_07 .top .title_box {width:100%;text-align:center}
    .index .sec_07 .top .btn_wrap {width:100%;justify-content:space-between;position:absolute;top:350%;left:0;padding:0 12px;z-index:5;}
    .index .sec_07 .top .btn_wrap > * {width:40px;height:40px}
    .index .sec_07 .top .btn_wrap > * svg {width:40px;height:40px}
    .index .sec_07 .top .btn_wrap > * path {fill:var(--white)}
    .index .sec_07 .swiper {margin-top:20px}
    .index .sec_07 .swiper-slide {opacity:1}
    .index .sec_07 .swiper-slide {display:block;padding-right:0}
    .index .sec_07 .swiper-slide .title_box .tit {font-size:20px}
    .index .sec_07 .swiper-slide .img_wrap {border-radius:15px;width:100%;height:350px;transform:none}
    .index .sec_07 .swiper-slide .img_wrap img {width:100%;height:100%;object-fit:cover}
    .index .sec_07 .swiper-slide .title_box {margin-top:24px}
    .index .sec_07 .swiper-slide .title_box p {font-size:14px}
    .index .sec_07 .swiper-slide .effect {margin-top:16px}
    .index .sec_07 .swiper-slide .effect_tit {font-size:16px}

    .index .sec_08 {padding:var(--sec-padding) 0 100px}
    .index .sec_08 .list {flex-direction:column;max-width:400px;margin:0 auto;}
    .index .sec_08 .item {padding:30px 20px}
    .index .sec_08 .item img {max-width:80px;order:3;margin:14px auto 12px}
    .index .sec_08 .item .tit {font-size:20px;order:2}
    .index .sec_08 .item p {order:1;margin:0 0 5px}
    .index .sec_08 .item .btn_wrap {order:4;margin:0}
}

@media all and (max-width: 599px) {
    .main_sec_01 .list {display:grid;grid-template-columns:repeat(2, 1fr)}
    .main_sec_01 .list .item:last-child {grid-column:span 2}
}
 


/* 서브1 - 관제서비스 */
.service .title_box .sub {color:#636363}

.list_type_01 {display:flex;align-items:center;flex-direction:column;gap:30px 0;}
.list_type_01 .item {display:flex;align-items:center;width:100%;background:var(--white);border-radius:30px;box-shadow:0 4px 30px rgba(0,0,0,.1);overflow:hidden;transition:all .2s}
.list_type_01 .item:hover {border:solid 1px  #FE7901}
.list_type_01 .img_wrap {width:36%;min-width:590px}
.list_type_01 .txt_wrap {flex:1;padding:85px 30px 85px 90px}
.list_type_01 .txt_wrap .tit {display:block;font-size:34px;font-weight:600}
.list_type_01 .txt_wrap p {font-size:20px;color:#636363;max-width:485px;margin-top:20px}
.list_type_01 .arrow {width:80px;border-radius:80px;box-shadow:0 4px 24px rgba(0,0,0,.15)}

.swiper_01 {overflow:visible !important;margin-top:120px}
.swiper_01 .swiper-slide {width:450px;transition:all .3s;padding:0 15px}
.swiper_01 .swiper-slide .inner {width:100%;background:var(--white);border-radius:30px;box-shadow:0 4px 30px rgba(0,0,0,.1);overflow:hidden;transition:all .3s}
.swiper_01 .swiper-slide .img_wrap {position:relative}
.swiper_01 .swiper-slide .img_wrap::before {content:'';display:block;width:124px;height:124px;background:url('../img/web/sv01_06_arrow.svg') no-repeat center/100%;position:absolute;bottom:-2%;right:34px;opacity:0;transition:all .4s}
.swiper_01 .swiper-slide .txt_wrap {padding:24px 20px;text-align:center;font-size:30px;font-weight:500}
.swiper_01 .swiper-slide .txt_wrap span {transition:all .3s}
.swiper_01 + .btn_wrap {display:none}
.swiper_01 ~ .swiper-scrollbar {position:initial !important;background:#D9D9D9;margin-top:60px}
.swiper_01 ~ .swiper-scrollbar .swiper-scrollbar-drag {background:var(--primary)}

.service_01 .sec_01 {background:url('../img/web/sv01_01_012.jpg') no-repeat center/cover;color:var(--white);padding:230px 0 250px}
.service_01 .sec_01 .title_box {margin:0}
.service_01 .sec_01 .title_box .sub {color:inherit;font-weight:normal}
.service_01 .sec_01 .btn_wrap {justify-content:flex-start;margin-top:50px}

.service_01 .sec_02 {display:flex;background:#FBF5DF}
.service_01 .sec_02 > div {width:50%}
.service_01 .sec_02 .img_wrap {position:relative}
.service_01 .sec_02 .img_wrap img {width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
.service_01 .sec_02 .txt_wrap {padding:130px 100px}
.service_01 .sec_02 .list .item + .item {margin-top:30px}
.service_01 .sec_02 .list .item .tit {display:flex;align-items:center;gap:0 12px;font-size:24px;font-weight:700}
.service_01 .sec_02 .list .item p {font-size:20px;padding-left:38px;color:#636363;margin-top:12px}

.service_01 .sec_03 {background:url('../img/web/sv01_03_bg.jpg') no-repeat center bottom/cover;padding:var(--sec-padding1) 0}
.service_01 .sec_03 .img_wrap {display:flex;flex-direction:column;align-items:center;gap:16px;max-width:260px;margin:60px auto 50px}
.service_01 .sec_03 .img_wrap img {display:block}
.service_01 .sec_03 .title_box.bottom {margin:0}
.service_01 .sec_03 .title_box.bottom .tit {font-weight:300}
.service_01 .sec_03 .title_box.bottom .tit strong {font-weight:700}

.service_01 .sec_04 {background:linear-gradient(var(--white), #FBF4DD);padding:var(--sec-padding1) 0}
.service_01 .sec_04 .list .item {display:flex;align-items:center;justify-content:space-between;background:var(--white);border-radius:30px;box-shadow:0 4px 30px rgba(254,121,1,.2);overflow:hidden}
.service_01 .sec_04 .list .item + .item {margin-top:34px}
.service_01 .sec_04 .list .item:first-child {padding:40px 90px}
.service_01 .sec_04 .list .item:first-child .txt_wrap {padding:0}
.service_01 .sec_04 .list .item .txt_wrap {padding:0 90px}
.service_01 .sec_04 .list .item .txt_wrap .tit {display:block;font-size:34px;font-weight:700;line-height:1.4}
.service_01 .sec_04 .list .item .txt_wrap p {font-size:20px;font-weight:500;color:#636363;margin-top:20px}
.service_01 .sec_04 .list .item .img_wrap {width:50%}

.service_01 .sec_05 {background:linear-gradient(var(--white), #FFF2E0);padding:var(--sec-padding1) 0}
.service_01 .sec_05 .title_box {display:flex;align-items:flex-start;justify-content:space-between;gap:0 40px}
.service_01 .sec_05 .title_box p {margin:0}
.service_01 .sec_05 .content {display:flex;gap:0 60px}
.service_01 .sec_05 .swiper-pagination {width:50%;position:initial}
.service_01 .sec_05 .swiper-pagination-bullet {display:flex;align-items:center;padding:26px 40px;width:100%;height:auto;background:transparent;border-radius:100px;font-size:25px;font-weight:600;position:relative;margin:0 0 8px 0 !important;opacity:1}
.service_01 .sec_05 .swiper-pagination-bullet::after {content:'';display:block;width:24px;height:24px;background:url('../img/web/arrow_right_01.svg') no-repeat center/100%;position:absolute;top:50%;right:40px;transform:translateY(-50%)}
.service_01 .sec_05 .swiper-pagination-bullet .num {flex:90px 0 0;color:var(--primary);text-align:left}
.service_01 .sec_05 .swiper-pagination-bullet-active {color:var(--white);background:var(--primary)}
.service_01 .sec_05 .swiper-pagination-bullet-active::after {background-image:url('../img/web/arrow_right_01_white.svg')}
.service_01 .sec_05 .swiper-pagination-bullet-active .num {color:var(--white)}
.service_01 .sec_05 .swiper {width:50%;border-radius:30px}
.service_01 .sec_05 .swiper-slide {background:no-repeat center/cover;color:var(--white);padding:90px 60px;font-size:18px}
.service_01 .sec_05 .txt_wrap .tit {font-size:25px;font-weight:700;line-height:1.4}
.service_01 .sec_05 .txt_wrap p {margin-top:20px}
.service_01 .sec_05 .list {margin-top:34px}
.service_01 .sec_05 .list > div {background:rgba(255,255,255,.05);border:solid 1px #525252;border-radius:10px;backdrop-filter:blur(10px);padding:24px 30px}
.service_01 .sec_05 .list > div + div {margin-top:25px}
.service_01 .sec_05 .list > div p {margin-top:20px}
.service_01 .sec_05 .list.col3 {display:flex;gap:0 24px}
.service_01 .sec_05 .list.col3 div {width:100%;margin:0 !important}
.service_01 .sec_05 .slide_01 {background:url('../img/web/sv01_05_01.jpg')}
.service_01 .sec_05 .slide_02 {background:url('../img/web/sv01_05_02.jpg')}
.service_01 .sec_05 .slide_03 {background:url('../img/web/sv01_05_03.jpg')}
.service_01 .sec_05 .slide_04 {background:url('../img/web/sv01_05_04.jpg')}
.service_01 .sec_05 .slide_05 {background:url('../img/web/sv01_05_05.jpg')}
.service_01 .sec_05 .slide_06 {background:url('../img/web/sv01_05_06.jpg')}
.service_01 .sec_05 .slide_07 {background:url('../img/web/sv01_05_07.jpg')}
.service_01 .sec_05 .mb_list {display:none;max-width:500px;margin:0 auto}
.service_01 .sec_05 .mb_list .item {border-top:solid 1px #DBDBDB;padding-top:20px;margin-top:20px}
.service_01 .sec_05 .mb_list .item_tit {display:block;font-size:20px;font-weight:700}
.service_01 .sec_05 .mb_list .item_tit.active {color:var(--primary)}
.service_01 .sec_05 .mb_list .item_tit.active + .btn_open svg {transform:rotate(180deg)}
.service_01 .sec_05 .mb_list .item_tit .num {color:var(--primary);margin-right:8px}
.service_01 .sec_05 .mb_list .btn_open {display:flex;align-items:center;gap:0 4px;font-size:13px;font-weight:600;margin-top:10px}
.service_01 .sec_05 .mb_list .cont {display:none;padding-top:20px}
.service_01 .sec_05 .mb_list .txt_wrap {margin-top:20px}

.service_01 .sec_06 {padding:var(--sec-padding1) 0}

.service_01 .sec_07 {padding-bottom:var(--sec-padding1)}

@media (hover: hover) {
    .swiper_01 .swiper-slide:hover {transform:translateY(-8%);}
    .swiper_01 .swiper-slide:hover .inner {background:#FE7901;color:var(--white)}
    .swiper_01 .swiper-slide:hover .img_wrap::before {opacity:1;bottom:-6%}
}

@media all and (max-width: 1399px) {
    .swiper_01 .swiper-slide {width:350px}
    .swiper_01 .swiper-slide .txt_wrap {font-size:22px}

    .service_01 .sec_02 .txt_wrap {padding:100px 80px}
}

@media all and (max-width: 1199px) {
    .swiper_01 {margin-top:80px}
    .swiper_01 .swiper-slide {width:300px}
    .swiper_01 .swiper-slide .inner {border-radius:20px}
    .swiper_01 .swiper-slide .txt_wrap {font-size:20px}

    .list_type_01 .item {border-radius:15px}
    .list_type_01 .txt_wrap {padding:55px 30px 55px 50px}
    .list_type_01 .txt_wrap .tit {font-size:25px}
    .list_type_01 .txt_wrap p {max-width:380px;font-size:17px;margin-top:15px}
    .list_type_01 .img_wrap {min-width:initial;width:47%}
    .list_type_01 .arrow {width:60px}

    .service_01 .sec_01 {padding:180px 0}
    .service_01 .sec_01 .btn_wrap {margin-top:40px}

    .service_01 .sec_02 .txt_wrap {padding:80px 40px}
    .service_01 .sec_02 .list .item + .item {margin-top:22px}
    .service_01 .sec_02 .list .item .tit {font-size:20px}
    .service_01 .sec_02 .list .item p {font-size:16px}

    .service_01 .sec_03 .img_wrap {max-width:190px;margin:40px auto}

    .service_01 .sec_04 .list .item {border-radius:22px}
    .service_01 .sec_04 .list .item .txt_wrap .tit {font-size:24px}
    .service_01 .sec_04 .list .item .txt_wrap p {font-size:16px;margin-top:14px}
    .service_01 .sec_04 .list .item:first-child{padding:30px 60px}
    .service_01 .sec_04 .list .item .txt_wrap {padding:0 60px}

    .service_01 .sec_05 .content {gap:0 40px}
    .service_01 .sec_05 .swiper-pagination-bullet {font-size:20px;padding:20px 26px}
    .service_01 .sec_05 .swiper-pagination-bullet::after {width:20px;height:20px;right:26px}
    .service_01 .sec_05 .swiper-pagination-bullet .num {flex-basis:50px}
    .service_01 .sec_05 .swiper-slide {padding:50px 40px;font-size:14px}
    .service_01 .sec_05 .txt_wrap .tit {font-size:20px;}
    .service_01 .sec_05 .txt_wrap p {font-size:16px}
    .service_01 .sec_05 .list {margin-top:24px}
    .service_01 .sec_05 .list > div {padding:20px 24px}
    .service_01 .sec_05 .list > div p {margin-top:16px}
    .service_01 .sec_05 .list.col3 {gap:16px}
}

@media all and (max-width: 1023px) {
    .service_01 .sec_02 {flex-direction:column-reverse}
    .service_01 .sec_02 > div {width:100%}
    .service_01 .sec_02 .img_wrap img {position:initial;}
    .service_01 .sec_02 .img_wrap img.only_pc {display:none}
    .service_01 .sec_02 .img_wrap img.only_mb {display:block}

    .service_01 .sec_04 .list {max-width:500px;margin:0 auto}
    .service_01 .sec_04 .list .item {flex-direction:column;text-align:center;gap:24px 0}
    .service_01 .sec_04 .list .item .img_wrap {width:100%}
    .service_01 .sec_04 .list .item .txt_wrap {width:100%;padding:0 20px 24px}
    .service_01 .sec_04 .list .item:last-child .txt_wrap {order:2}

    .service_01 .sec_05 .title_box {text-align:center;flex-direction:column;align-items:center;gap:14px}
    .service_01 .sec_05 .content {display:none}
    .service_01 .sec_05 .mb_list {display:block}
    .service_01 .sec_05 .list > div {display:flex;align-items:center;gap:0 16px;background:var(--white);border:0;box-shadow:0 4px 20px rgba(0,0,0,.1)}
    .service_01 .sec_05 .list > div + div {margin-top:10px}
    .service_01 .sec_05 .list > div p {margin:0;color:#636363}
    .service_01 .sec_05 .item:nth-child(n + 6) .list > div p br {display:none}
}

@media all and (max-width: 767px) {
    .list_type_01 .list {max-width:440px;margin:0 auto;gap:20px 0}
    .list_type_01 .item {flex-direction:column-reverse;border-radius:22px;text-align:center}
    .list_type_01 .txt_wrap {width:100%;padding:24px 20px}
    .list_type_01 .txt_wrap .tit {font-size:17px}
    .list_type_01 .txt_wrap p {font-size:14px;margin:10px auto 0}
    .list_type_01 .img_wrap {width:100%}
    .list_type_01 .arrow {width:40px}

    .swiper_01 {margin-top:50px}
    .swiper_01 .swiper-slide {width:280px}
    .swiper_01 .swiper-slide .inner {border-radius:15px}
    .swiper_01 .swiper-slide .txt_wrap {font-size:16px;padding:18px 16px}
    .swiper_01 .swiper-slide-active .inner {transform:translateY(-8%);background:#FE7901;color:var(--white)}
    .swiper_01 .swiper-slide .img_wrap::before {display:none}
    .swiper_01 + .btn_wrap {display:flex;margin-top:10px}
    .swiper_01 ~ .swiper-scrollbar {height:2px !important;margin-top:20px}

    .service_01 .sec_01 {padding:125px 0 105px;text-align:center}
    .service_01 .sec_01 .title_box {display:flex;flex-direction:column;align-items:center;}
    .service_01 .sec_01 .title_box .tit {order:-1}
    .service_01 .sec_01 .title_box .sub {margin:10px 0 0}
    .service_01 .sec_01 .btn_wrap {justify-content:center;margin-top:30px}
    
    .service_01 .sec_02 .txt_wrap {padding:80px 20px}
    .service_01 .sec_02 .list .item + .item {margin-top:15px}
    .service_01 .sec_02 .list .item .tit {font-size:17px;gap:0 10px}
    .service_01 .sec_02 .list .item .tit svg {width:20px;height:20px}
    .service_01 .sec_02 .list .item p {font-size:14px;margin-top:8px;padding-left:30px}

    .service_01 .sec_03 .img_wrap {max-width:120px;margin:24px auto}
    
    .service_01 .sec_04 .list .item {border-radius:15px}
    .service_01 .sec_04 .list .item .txt_wrap .tit {font-size:17px}
    .service_01 .sec_04 .list .item .txt_wrap p {font-size:14px;margin-top:10px}
    .service_01 .sec_04 .list .item:first-child {padding:40px 24px}
    .service_01 .sec_04 .list .item:first-child .img_wrap {max-width:255px}

    .service_01 .sec_05 .txt_wrap .tit {font-size:17px;}
}



/* 서브2 - 연중무휴 솔루션 */
.service_02 .main_sec_01 {background:url('../img/web/sv02_01_bg2.jpg') no-repeat center/cover}

.service_02 .sec_02 {background:#F9F8F7;padding:var(--sec-padding1) 0}
.service_02 .sec_02 .wrapper {max-width:1240px}
.service_02 .sec_02 .swiper {height:650px}
.service_02 .sec_02 .swiper-slide {padding:20px 0}
.service_02 .sec_02 .swiper-slide .inner {display:flex;align-items:center;gap:0 40px}
.service_02 .sec_02 .swiper-slide .img_wrap {width:150px;min-width:150px}
.service_02 .sec_02 .swiper-slide .txt_wrap {width:100%;background:var(--white);border-radius:15px;border:solid 1px #D4D4D4;;padding:46px 50px}
.service_02 .sec_02 .swiper-slide .txt_wrap .tit {display:block;font-size:34px;font-weight:700;line-height:1.4}
.service_02 .sec_02 .swiper-slide .txt_wrap p {font-size:20px;color:#636363;margin-top:18px}

.service_02 .sec_combo {background:linear-gradient(var(--white), #FFF2E0);padding:var(--sec-padding1) 0}
.service_02 .sec_03 .title_box {display:flex;align-items:center;justify-content:space-between;gap:16px 40px}
.service_02 .sec_03 .title_box p {margin:0;color:#636363}
.service_02 .sec_03 .box {background:var(--white);border:solid 1px #D4D4D4;border-radius:30px;padding:64px 70px;transition:all .2s}
.service_02 .sec_03 .box:hover {border-color:var(--primary);box-shadow:0 4px 30px rgba(254,121,1,.2)}
.service_02 .sec_03 .box + .box {margin-top:30px}
.service_02 .sec_03 .box + .box .list {max-width:1010px;margin:0 auto}
.service_02 .sec_03 .box_tit {font-size:34px;font-weight:600;display:block;margin-bottom:34px}
.service_02 .sec_03 .box .list {display:flex;align-items:center;justify-content:space-between;text-align:center}
.service_02 .sec_03 .box .list .item {flex:1}
.service_02 .sec_03 .box .list .item img {width:150px}
.service_02 .sec_03 .box .list .item span {font-size:20px;font-weight:600;margin-top:14px;display:block}

.service_02 .sec_04 {margin-top:100px}
.service_02 .sec_04 .wrapper {max-width:1240px}
.service_02 .sec_04 .swiper {overflow:visible;position:relative}
.service_02 .sec_04 .swiper-wrapper {align-items: stretch;}
.service_02 .sec_04 .swiper-slide {width:605px;padding:0 15px;opacity:.5;transition:all .2s}
.service_02 .sec_04 .swiper-slide .inner {height:100%;background:var(--white);border-radius:55px;overflow:hidden;transition:all .2s}
.service_02 .sec_04 .swiper-slide .txt_wrap {height:260px;font-size:20px;font-weight:500;color:#787878;padding:34px 36px}
.service_02 .sec_04 .swiper-slide .txt_wrap * {transition:all .2s}
.service_02 .sec_04 .swiper-slide .txt_wrap .tit {display:block;font-size:34px;font-weight:700;color:#121212;margin-bottom:16px}
.service_02 .sec_04 .swiper-slide .txt_wrap .dot {font-size:inherit}
.service_02 .sec_04 .swiper-slide-active .inner {background:#FE7901}
.service_02 .sec_04 .swiper-slide-active .inner .txt_wrap * {color:var(--white)}
.service_02 .sec_04 .swiper-slide-active,
.service_02 .sec_04 .swiper-slide-next {opacity:1}
.service_02 .sec_04 .btn_next,
.service_02 .sec_04 .btn_prev {cursor:pointer;position:absolute;top:32%;left:-5%;z-index:5}
.service_02 .sec_04 .btn_next {left:auto;right:-5%}

.service_02 .sec_05 {background:url('../img/web/sv02_05_bg1.jpg') no-repeat center/cover;padding:var(--sec-padding1) 0;color:var(--white)}
.service_02 .sec_05 .title_box {margin:0}

.service_02 .sec_06 {background:#F9F8F7;padding:var(--sec-padding1) 0}

.service_02 .sec_07 {background:url('../img/web/sv02_07_bg.png') no-repeat center/cover;padding:var(--sec-padding1) 0}
.service_02 .sec_07 .list {display:flex;gap:30px}
.service_02 .sec_07 .item {width:100%;background:var(--white);border:solid 1px #FE7901;border-radius:30px;box-shadow:0 4px 30px rgba(0,0,0,.1);overflow:hidden;transition:all .2s}
.service_02 .sec_07 .item:hover {background:#FE7901;color:var(--white)}
.service_02 .sec_07 .item:hover .txt_wrap * {color:inherit}
.service_02 .sec_07 .item .txt_wrap {padding:36px 36px 76px}
.service_02 .sec_07 .item .txt_wrap .tit {font-size:34px;font-weight:700;display:block;line-height:1.4;transition:all .2s}
.service_02 .sec_07 .item .txt_wrap p {font-size:20px;color:#636363;margin-top:16px}
.service_02 .sec_07 .swiper {display:none}

.service_02 .sec_08 {padding:var(--sec-padding1) 0}

.service_02 .sec_09 .swiper-slide .inner {display:flex;background:#EDEDED}
.service_02 .sec_09 .swiper-slide .inner > div {width:50%}
.service_02 .sec_09 .swiper-slide .txt_wrap {padding:96px 130px;position:relative}
.service_02 .sec_09 .swiper-slide .txt_wrap .num {display:block;font-size:20px;color:rgba(99,99,99,.5)}
.service_02 .sec_09 .swiper-slide .txt_wrap .tit {display:block;font-size:34px;font-weight:600;margin-top:40px;line-height:1.4}
.service_02 .sec_09 .swiper-slide .txt_wrap p {max-width:420px;font-size:20px;margin-top:20px;color:#636363}
.service_02 .sec_09 .btn_wrap {justify-content:flex-start;gap:0 54px;position:absolute;bottom:96px;left:130px}
.service_02 .sec_09 .btn_wrap > * {display:flex;align-items:center;gap:0 20px;font-size:24px;font-weight:600;text-transform:uppercase;cursor:pointer}
.service_02 .sec_09 .btn_wrap > * svg {transition:all .2s}
.service_02 .sec_09 .btn_wrap .btn_prev:hover svg {transform:translateX(-5%)}
.service_02 .sec_09 .btn_wrap .btn_next:hover svg {transform:translateX(5%)}

.service_02 .sec_10 {padding:var(--sec-padding1) 0}

@media all and (max-width: 1699px) {
    .service_02 .sec_09 .swiper-slide .inner .img_wrap {height:480px}
    .service_02 .sec_09 .swiper-slide .inner .img_wrap img {width:100%;height:100%;object-fit:cover}
}

@media all and (max-width: 1399px) {
    .service_02 .sec_03 .box {padding:54px 60px}
    .service_02 .sec_03 .box .list .item img {width:120px}

    .service_02 .sec_04 .wrapper {max-width:1100px}

    .service_02 .sec_09 .swiper-slide .txt_wrap {padding:60px 80px}
    .service_02 .sec_09 .btn_wrap {bottom:60px;left:80px}
}

@media all and (max-width: 1199px) {
    .service_02 .sec_02 .wrapper {max-width:800px}
    .service_02 .sec_02 .swiper {height:500px}
    .service_02 .sec_02 .swiper-slide .img_wrap {width:100px;min-width:100px}
    .service_02 .sec_02 .swiper-slide .txt_wrap {padding:34px 40px}
    .service_02 .sec_02 .swiper-slide .txt_wrap .tit {font-size:25px}
    .service_02 .sec_02 .swiper-slide .txt_wrap p {font-size:17px;margin-top:14px}

    .service_02 .sec_03 .box {padding:40px;border-radius:22px}
    .service_02 .sec_03 .box_tit {font-size:25px;margin-bottom:24px}
    .service_02 .sec_03 .box .list .item span {font-size:17px;margin-top:8px}

    .service_02 .sec_04 .swiper-slide {width:440px}
    .service_02 .sec_04 .swiper-slide .inner {border-radius:40px}
    .service_02 .sec_04 .swiper-slide .txt_wrap {height:230px;font-size:16px}
    .service_02 .sec_04 .swiper-slide .txt_wrap .tit {font-size:25px;}
    .service_02 .sec_04 .btn_next,
    .service_02 .sec_04 .btn_prev {width:80px;left:-1%}
    .service_02 .sec_04 .btn_next {left:auto;right:-1%}

    .service_02 .sec_07 .list {gap:20px}
    .service_02 .sec_07 .item {border-radius:22px}
    .service_02 .sec_07 .item .txt_wrap {padding:30px 30px 50px}
    .service_02 .sec_07 .item .txt_wrap .tit {font-size:25px}
    .service_02 .sec_07 .item .txt_wrap p {font-size:16px;margin-top:12px}

    .service_02 .sec_09 .swiper-slide .txt_wrap {padding:50px 60px}
    .service_02 .sec_09 .swiper-slide .txt_wrap .num {font-size:17px;}
    .service_02 .sec_09 .swiper-slide .txt_wrap .tit {font-size:25px;margin-top:32px}
    .service_02 .sec_09 .swiper-slide .txt_wrap p {font-size:16px;margin-top:15px}
    .service_02 .sec_09 .swiper-slide .inner .img_wrap {height:400px}
    .service_02 .sec_09 .btn_wrap {gap:0 40px;bottom:50px;left:60px}
    .service_02 .sec_09 .btn_wrap > * {gap:12px;font-size:20px}
    .service_02 .sec_09 .btn_wrap > * svg {width:28px}
}

@media all and (max-width: 1023px) {
    .service_02 .sec_03 .title_box {flex-direction:column;align-items:center;gap:14px 0;text-align:center}
    .service_02 .sec_03 .box_tit {text-align:center}
    .service_02 .sec_03 .box .list {flex-wrap:wrap;justify-content:flex-start;max-width:540px !important;margin:0 auto}
    .service_02 .sec_03 .box .list .item {width:110px;min-width:110px;flex:0}
    .service_02 .sec_03 .box:first-child .list {padding-left:50px}
    .service_02 .sec_03 .box:last-child .list {justify-content:center}

    .service_02 .sec_04 .btn_next,
    .service_02 .sec_04 .btn_prev {display:none}

    .service_02 .sec_07 .list {display:none}
    .service_02 .sec_07 .swiper {display:block;overflow:visible}
    .service_02 .sec_07 .swiper-slide {width:356px;padding:0 10px}
    .service_02 .sec_07 .item .txt_wrap {height:220px}
}

@media all and (max-width: 767px) {
    /*.service_02 .sec_02 .swiper {height:648px}*/
    .service_02 .sec_02 .swiper {height:auto;margin:0 auto;overflow:visible}
    .service_02 .sec_02 .swiper-slide {width:300px;padding:0 10px}
    .service_02 .sec_02 .swiper-slide .inner {justify-content:center;height:220px;flex-direction:column;gap:10px 0;background:var(--white);border:solid 1px #D4D4D4;border-radius:15px;padding:24px 16px}
    .service_02 .sec_02 .swiper-slide .img_wrap {width:60px;min-width:60px}
    .service_02 .sec_02 .swiper-slide .txt_wrap {padding:0;border:0;text-align:center}
    .service_02 .sec_02 .swiper-slide .txt_wrap .tit {font-size:17px}
    .service_02 .sec_02 .swiper-slide .txt_wrap p {max-width:250px;font-size:14px;margin:10px auto 0}

    .service_02 .sec_03 .box {padding:24px;border-radius:15px}
    .service_02 .sec_03 .box_tit {font-size:17px;margin-bottom:10px}
    .service_02 .sec_03 .box .list {flex-direction:column;gap:0}
    .service_02 .sec_03 .box .list .arrow {width:24px;transform:rotate(90deg);margin-top:20px}
    .service_02 .sec_03 .box .list .item span {font-size:14px;margin-top:0}
    .service_02 .sec_03 .box .list .item img {width:100px}
    .service_02 .sec_03 .box:first-child .list {padding:0}
    
    .service_02 .sec_04 .swiper-slide {width:300px;padding:0 20px 0 0}
    .service_02 .sec_04 .swiper-slide .inner {border-radius:24px}
    .service_02 .sec_04 .swiper-slide .txt_wrap {height:200px;font-size:14px;padding:24px 20px}
    .service_02 .sec_04 .swiper-slide .txt_wrap .tit {font-size:17px;}

    .service_02 .sec_05 .title_box {text-align:center}
    
    .service_02 .sec_06 .title_box {text-align:center}

    .service_02 .sec_07 .item {border-radius:15px}
    .service_02 .sec_07 .item .txt_wrap {height:158px;padding:24px 24px 36px}
    .service_02 .sec_07 .item .txt_wrap .tit {font-size:17px}
    .service_02 .sec_07 .item .txt_wrap p {font-size:14px;margin-top:10px}
    .service_02 .sec_07 .swiper-slide {width:260px;padding:0 6px}

    .service_02 .sec_09 .swiper-slide .inner {display:block;}
    .service_02 .sec_09 .swiper-slide .inner > div {width:100%;text-align:center}
    .service_02 .sec_09 .swiper-slide .inner .img_wrap {height:300px}
    .service_02 .sec_09 .swiper-slide .txt_wrap {height:240px;padding:30px 20px}
    .service_02 .sec_09 .swiper-slide .txt_wrap .num {font-size:14px;}
    .service_02 .sec_09 .swiper-slide .txt_wrap .tit {font-size:17px;margin-top:24px}
    .service_02 .sec_09 .swiper-slide .txt_wrap p {font-size:14px;margin:10px auto 0}
    .service_02 .sec_09 .btn_wrap {gap:0 24px;bottom:30px;left:50%;transform:translateX(-50%)}
    .service_02 .sec_09 .btn_wrap > * {gap:6px;font-size:15px}
    .service_02 .sec_09 .btn_wrap > * svg {width:16px}
}

@media all and (max-width: 599px) {
    .service_02 .sec_09 .swiper-slide .inner .img_wrap {height:200px}
}



/* 서브3 - 콜패스 */
.service_03 .main_sec_01 {background:url('../img/web/sv03_01_bg2.jpg') no-repeat center/cover}

.service_03 .sec_02 {padding:var(--sec-padding1) 0;background:#F49700}
.service_03 .sec_02 .title_box {color:var(--white)}
.service_03 .sec_02 .swiper {overflow:visible;position:relative}
.service_03 .sec_02 .swiper-slide {width:810px;opacity:.5;transition:all .3s}
.service_03 .sec_02 .swiper-slide-active,
.service_03 .sec_02 .swiper-slide-next {opacity:1}
.service_03 .sec_02 .btn_next,
.service_03 .sec_02 .btn_prev {border-radius:100px;cursor:pointer;position:absolute;top:50%;left:-5%;z-index:5;box-shadow:0 4px 24px rgba(0,0,0,.15);transform:translateY(-50%)}
.service_03 .sec_02 .btn_next {left:auto;right:-5%}
.service_03 .sec_02 .swiper-scrollbar {display:none;position:initial;margin-top:24px;height:2px;background:rgba(255,255,255,.3)}
.service_03 .sec_02 .swiper-scrollbar-drag {background:var(--white)}

.service_03 .sec_03 {padding:var(--sec-padding1) 0}
.service_03 .sec_03 .list {display:grid;grid-template-columns:repeat(2, 1fr);gap:60px;max-width:1336px;margin-left:auto}
.service_03 .sec_03 .list .item {height:660px;background:no-repeat center/cover;border-radius:30px;box-shadow:0 4px 30px rgba(0,0,0,.15);color:var(--white);padding:60px}
.service_03 .sec_03 .list .item:nth-child(even) {transform:translateY(-20%)}
.service_03 .sec_03 .list .item .tit {display:block;font-size:34px;font-weight:700;line-height:1.4}
.service_03 .sec_03 .list .item p {font-size:20px;font-weight:500;margin-top:20px}
.service_03 .sec_03 .list .item_01 {background-image:url('../img/web/sv03_03_01.jpg')}
.service_03 .sec_03 .list .item_02 {background-image:url('../img/web/sv03_03_02.jpg')}
.service_03 .sec_03 .list .item_03 {background-image:url('../img/web/sv03_03_03.jpg')}
.service_03 .sec_03 .list .item_04 {background-image:url('../img/web/sv03_03_04.jpg')}

.service_03 .sec_04 {display:flex;align-items:flex-end;height:400px;background:url('../img/web/sv03_04_bg1.jpg') no-repeat center/cover}
.service_03 .sec_04 .txt {display:block;font-size:160px;font-weight:700;font-family:"Montserrat", sans-serif;color:rgba(255,255,255,.4);margin-bottom:-40px}

.service_03 .sec_05 {background:url('../img/web/sv03_05_bg.jpg') no-repeat center bottom/cover;padding:var(--sec-padding1) 0}
.service_03 .sec_05 .sec_top {display:flex;align-items:center;justify-content:space-between;gap:0 40px;margin-bottom:100px}
.service_03 .sec_05 .sec_top .title_box {margin-bottom:0}
.service_03 .sec_05 .sec_top .sum_list {display:flex;align-items:center;gap:20px;}
.service_03 .sec_05 .sec_top .sum_list > div {display:flex;align-items:center;flex-direction:column;justify-content:flex-start;text-align:center;width:190px;height:190px;background:#F9F8F7;border-radius:200px;transition:all .2s;color:#636363}
.service_03 .sec_05 .sec_top .sum_list > div:hover {background:#FFF3E2;color:#FE7901}
.service_03 .sec_05 .sec_top .sum_list > div img {width:80%}
.service_03 .sec_05 .sec_top .sum_list > div span {font-size:20px;font-weight:600;display:block;margin-top:-30px;padding:0 10px}
.service_03 .sec_05 .list_type_01 .item {position:relative}
.service_03 .sec_05 .list_type_01 .txt_wrap {padding:20px 30px 20px 90px}
.service_03 .sec_05 .list_type_01 .txt_wrap p {max-width:initial}
.service_03 .sec_05 .bottom {margin-top:var(--sec-padding1);text-align:center;font-size:40px;line-height:1.5}
.service_03 .sec_05 .bottom .img_wrap {max-width:550px;margin:70px auto}
.service_03 .sec_05 .bottom .big {display:inline-block;font-size:1.35em;margin-top:.1em}

.service_03 .sec_06 {padding:var(--sec-padding1) 0}
.service_03 .sec_06 .swiper {overflow:visible}
.service_03 .sec_06 .swiper + .swiper {margin-top:40px}
.service_03 .sec_06 .swiper-slide {width:510px;padding:0 15px}
.service_03 .sec_06 .swiper-slide .img_wrap {position:relative;border-radius:30px;overflow:hidden}
.service_03 .sec_06 .swiper-slide .img_wrap span {display:block;padding:40px 24px;font-size:34px;font-weight:600;position:absolute;bottom:0;left:0;width:100%;color:var(--white);text-align:left}
.service_03 .sec_06 .swiper-wrapper {-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important}

.service_03 .sec_07 {padding:var(--sec-padding1) 0;background:#F9F8F7}

.service_03 .sec_08 {padding:var(--sec-padding1) 0;background:#F9F8F7}
.service_03 .sec_08 .list {display:flex;align-items:center;justify-content:center;gap:0 30px;background:var(--white);border:solid 1px #D4D4D4;border-radius:30px;padding:64px 20px}
.service_03 .sec_08 .list .item {max-width:150px}
.service_03 .sec_08 .list .item span {display:block;font-size:20px;font-weight:600;margin-top:20px;text-align:center}

@media all and (max-width: 1799px) {
    .service_03 .sec_02 .wrapper {max-width:1400px}
}

@media all and (max-width: 1699px) {
    .service_03 .sec_02 .wrapper {max-width:1200px}
    .service_03 .sec_02 .btn_next {width:70px;right:-3%}
    .service_03 .sec_02 .btn_prev {width:70px;left:-3%}
}

@media all and (max-width: 1399px) {
    .service_03 .sec_05 .sec_top .sum_list {gap:14px}
    .service_03 .sec_05 .sec_top .sum_list > div {width:140px;height:140px}
    .service_03 .sec_05 .sec_top .sum_list > div span {font-size:16px;margin-top:-20px}
}

@media all and (max-width: 1199px) {
    .service_03 .sec_02 .swiper-scrollbar {display:block}
    .service_03 .sec_02 .btn_next, .service_03 .sec_02 .btn_prev {display:none}

    .service_03 .sec_03 .list {gap:30px}
    .service_03 .sec_03 .list .item {height:520px;padding:50px 44px;border-radius:22px}
    .service_03 .sec_03 .list .item .tit {font-size:25px}
    .service_03 .sec_03 .list .item p {font-size:16px;margin-top:15px}
    .service_03 .sec_03 .list .item:nth-child(even) {transform:none}

    .service_03 .sec_04 {height:300px}
    .service_03 .sec_04 .txt {font-size:100px;margin-bottom:-26px}

    .service_03 .sec_05 .sec_top {flex-direction:column;text-align:center;gap:30px 0;margin-bottom:60px}
    .service_03 .sec_05 .list_type_01 .img_wrap {width:47%;height:100%}
    .service_03 .sec_05 .list_type_01 .txt_wrap {padding:20px 30px 20px 40px}

    .service_03 .sec_05 .bottom {font-size:28px}
    .service_03 .sec_05 .bottom .img_wrap {max-width:400px;margin:50px auto}

    .service_03 .sec_06 .swiper + .swiper {margin-top:30px}
    .service_03 .sec_06 .swiper-slide {width:380px}
    .service_03 .sec_06 .swiper-slide .img_wrap {border-radius:22px}
    .service_03 .sec_06 .swiper-slide .img_wrap span {font-size:25px;padding:30px 18px}

    .service_03 .sec_08 .list {gap:0 10px;padding:40px 20px 50px}
    .service_03 .sec_08 .list .item {max-width:120px}
    .service_03 .sec_08 .list .item span {font-size:16px;margin-top:10px}
    /*
    */
}

@media all and (max-width: 1023px) {
    .service_03 .sec_05 .list_type_01 {max-width:440px;margin:0 auto}
    .service_03 .sec_05 .list_type_01 .item {flex-direction:column-reverse;border-radius:22px;text-align:center}
    .service_03 .sec_05 .list_type_01 .txt_wrap {padding:30px 20px}
    .service_03 .sec_05 .list_type_01 .img_wrap {width:100%}
}

@media all and (max-width: 767px) {
    .service_03 .sec_02 .title_box {text-align:center}
    .service_03 .sec_02 .swiper-slide {width:335px}
    
    .service_03 .sec_03 .title_box {text-align:center}
    .service_03 .sec_03 .list {gap:20px}
    .service_03 .sec_03 .list .item {height:380px;padding:40px 24px;border-radius:15px}
    .service_03 .sec_03 .list .item .tit {font-size:17px}
    .service_03 .sec_03 .list .item p {font-size:14px;margin-top:10px}

    .service_03 .sec_04 {height:150px}
    .service_03 .sec_04 .txt {font-size:50px;margin-bottom:-12px}

    .service_03 .sec_05 .sec_top {margin-bottom:30px}
    .service_03 .sec_05 .sec_top .sum_list {display:grid;grid-template-columns:repeat(2, 1fr)}
    .service_03 .sec_05 .sec_top .sum_list > div span {font-size:14px}
    .service_03 .sec_05 .bottom {font-size:17px}
    .service_03 .sec_05 .bottom .img_wrap {max-width:280px;margin:30px auto}
    
    .service_03 .sec_06 .swiper + .swiper {margin-top:20px}
    .service_03 .sec_06 .swiper-slide {width:270px;padding:0 8px}
    .service_03 .sec_06 .swiper-slide .img_wrap {border-radius:15px}
    .service_03 .sec_06 .swiper-slide .img_wrap span {font-size:17px;padding:20px 12px}

    .service_03 .sec_08 .list {flex-direction:column;padding:24px 20px;gap:0}
    .service_03 .sec_08 .list .item span {font-size:14px;margin-top:0}
    .service_03 .sec_08 .list .arrow {width:24px;margin:10px 0 -6px}
    .service_03 .sec_08 .list .arrow img {transform:rotate(90deg)}
}

@media all and (max-width: 599px) {
    .service_03 .sec_03 .list {display:flex;flex-direction:column;}
}



/* 컨택트페이지 */
.contact_wrap {background:url('/img/web/contact_bg.jpg') no-repeat center top/cover;padding:var(--sec-padding1) 0}
.contact_wrap .wrapper {max-width:1240px}
.contact_wrap .page_tit {font-size:150px;font-weight:600;font-family:"Montserrat", sans-serif;text-align:center}
.form {position:relative}
.form .asset_01 {position:absolute;z-index:1;width:100%;max-width:306px;top:-5%;right:95%;animation:float1 2s infinite alternate both ease-in}
.form .asset_02 {position:absolute;z-index:1;width:100%;max-width:464px;bottom:5%;left:86%;animation:float1 1.8s .5s infinite alternate both ease-in-out}
.form_wrap {background:linear-gradient(45deg, rgba(255,255,255,.4), rgba(255,255,255,.2));border:solid 1px #FFFFFF;border-radius:16px;margin-top:40px;backdrop-filter:blur(40px);box-shadow:0 4px 30px rgba(0,0,0,0.06);padding:50px;position:relative;z-index:2}
.form_wrap textarea {width:100%}
.form_wrap .tit {display:block;font-size:20px;font-weight:700;line-height:1.4}
.form_wrap .sec_tit {display:block;font-size:34px;font-weight:700;line-height:1.4;margin-bottom:30px}
.form_wrap .radio_wrap {display:flex;gap:0 30px;margin-top:16px}
.form_wrap .radio_box {width:100%}
.form_wrap .radio_box input {display:none}
.form_wrap .radio_box input:checked + span {background:linear-gradient(to right, #F59603, #FE7601);color:var(--white)}
.form_wrap .radio_box span {display:flex;align-items:center;justify-content:center;width:100%;height:55px;text-align:center;background:rgba(255,224,137,.54);border-radius:5px;color:#636363;font-size:17px;font-weight:500;transition:all .2s;cursor:pointer}
.form_wrap .sec_02 {margin-top:44px}
.form_wrap .grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:42px 24px}
.form_wrap .grid .col2 {grid-column:span 2}
.form_wrap .form_item sup {vertical-align:text-top;color:#F49700;margin-left:4px}
.form_wrap .form_item .tit {margin-bottom:6px}
.form_wrap .input_box input,
.form_wrap .select_box select,
.form_wrap .txtarea_box textarea {background:none;border-radius:0;border:0;border-bottom:solid 1px #727272;width:100%;height:60px;padding:0 15px;font-size:17px;transition:all .2s}
.form_wrap .txtarea_box textarea {height:150px;padding:16px;line-height:1.6}
.form_wrap .input_box input:focus,
.form_wrap .txtarea_box textarea:focus {border-color:#FE7901}
.form_wrap .select_box select {background:url('../img/web/arrow_down_blk.svg') no-repeat center right 16px/16px}
.form_wrap .chk_wrap {display:flex;flex-wrap:wrap;align-items:center;gap:30px;max-width:800px;margin-top:34px}
.form_wrap .chk_box_02 {width:128px}
.form_wrap .chk_box_02 input {display:none}
.form_wrap .chk_box_02 input:checked + span::before {background:url('/img/web/check.svg') no-repeat center/100%}
.form_wrap .chk_box_02 span {font-size:17px;position:relative;cursor:pointer;display:flex;align-items:center;gap:0 10px}
.form_wrap .chk_box_02 span::before {content:'';display:block;width:24px;min-width:24px;height:24px;border:solid 1px #727272;border-radius:5px;}
.form_wrap .chk_box_02.have_input {flex:1;display:flex;align-items:center;gap:16px 10px}
.form_wrap .chk_box_02.have_input .input_box {margin:0}
.form_wrap .chk_box_02.have_input .input_box input {display:block}
.form_wrap .term_agree {border-top:solid 1px #5A6AB5;padding-top:24px;margin-top:44px}
.form_wrap .term_agree .box {border:solid 1px #636363;border-radius:5px;padding:20px;height:150px;overflow-y:auto;font-size:16px;color:#636363}
.form_wrap .term_agree .chk_box_02 {display:block;margin-top:25px;width:100%}
.form_wrap .btn_wrap {margin-top:70px}

@keyframes float1 {
    from {transform:translateY(0)}
    to {transform:translateY(-5%)}
}

@media all and (max-width: 1199px) {
    .board_wrap {padding:160px 0 90px}

    .contact_wrap .page_tit {font-size:80px}
    .form_wrap {padding:40px}
    .form_wrap .tit {font-size:15px}
    .form_wrap .radio_wrap {gap:20px}
    .form_wrap .sec_tit {font-size:25px}
    .form_wrap .sec_02 {margin-top:34px}
    .form_wrap .input_box input,
    .form_wrap .select_box select {height:45px;font-size:15px}
    .form_wrap .txtarea_box textarea {font-size:15px}
    .form_wrap .radio_box span {font-size:14px;height:40px}
    .form_wrap .chk_wrap {max-width:600px;gap:14px 16px;margin-top:24px}
    .form_wrap .chk_box_02 {width:90px;}
    .form_wrap .chk_box_02 span {gap:0 8px;font-size:14px}
    .form_wrap .chk_box_02 span::before {width:18px;min-width:18px;height:18px}
    .form_wrap .term_agree .box {font-size:15px}
    .form_wrap .btn_wrap {margin-top:42px}
}

@media all and (max-width: 767px) {
    .board_wrap {padding:120px 0 90px}

    .contact_wrap .page_tit {font-size:35px}
    .form_wrap {margin-top:30px;padding:40px 20px}
    .form_wrap .sec_tit {font-size:17px;margin-bottom:24px}
    .form_wrap .sec_02 {margin-top:24px}
    .form_wrap .input_box input,
    .form_wrap .select_box select {height:40px;font-size:13px;padding:0 12px}
    .form_wrap .select_box select {background-position:center right 12px;background-size:12px}
    .form_wrap .txtarea_box textarea {font-size:13px}
    .form_wrap .chk_wrap {margin-top:14px}
    .form_wrap .chk_box_02.have_input {flex:none;flex-wrap:wrap;width:100%}
    .form_wrap .chk_box_02.have_input .input_box {width:100%}
    .form_wrap .radio_wrap {gap:10px 5px;flex-wrap:wrap}
    .form_wrap .radio_wrap .radio_box:nth-child(n + 3) {flex:1}
    .form_wrap .radio_wrap .radio_box:nth-child(-n + 2) {width:calc((100% - 5px) / 2)}
    .form_wrap .btn_wrap {margin-top:24px}
    .form_wrap .grid {display:flex;flex-direction:column;gap:24px 0}
    .form_wrap .term_agree .box {height:100px;font-size:13px}
    .form .asset_01 {width:106px;top:2%}
    .form .asset_02 {width:172px;bottom:3%}
}

.loading-wrap{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, .7);
  z-index: 9999999;
}

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        .loading-container,
        .loading {
            height: 100px;
            position: relative;
            width: 100px;
            border-radius: 100%;
        }


        .loading-container {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%,-50%);
          -webkit-transform: translate(-50%,-50%);
         }

        .loading {
            border: 2px solid transparent;
            border-color: transparent #fff transparent #FFF;
            -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotate-loading 1.5s linear 0s infinite normal;
            -o-transform-origin: 50% 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-transform-origin: 50% 50%;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            transform-origin: 50% 50%;
        }

        .loading-container:hover .loading {
            border-color: transparent #E45635 transparent #E45635;
        }
        .loading-container:hover .loading,
        .loading-container .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        #loading-text {
            -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: #ffffff;
            font-family: "Helvetica Neue, "Helvetica", ""arial";
            font-size: 10px;
            font-weight: bold;
            margin-top: 45px;
            opacity: 0;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            width: 100px;
        }