@charset "utf-8";

:root {
    --white:#FFFFFF;
    --black:#000000;
    --primary:#5D5DFF;
    --header-height: 120px;
    --sec-padding: 150px;
}

/* 공통 */
.container {overflow-x:hidden}
.wrapper {width:100%;max-width:1440px;padding:0 20px;margin:0 auto}
.no_scroll {height:100%;overflow:hidden}
.only_mb {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:24px 40px;transition:all .2s}
.btn_gra {display:flex;align-items:center;justify-content:center;gap:0 10px;font-size:18px;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, #5D5DFF, #08D1D9);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}
.gra_bg_02::before {background:linear-gradient(to right, #00BCFA, #00F99E)}
.gra_bg_03::before {background:linear-gradient(to right, #5D5DFF, #08D1D9)}
.sec {overflow:hidden}
.purple {color:var(--primary)}

.scroll_custom::-webkit-scrollbar {width:6px}
.scroll_custom::-webkit-scrollbar-thumb {background-clip:padding-box;background-color:rgba(0,0,0,.1);border-radius:50px}
.scroll_custom::-webkit-scrollbar-track {background-color:rgba(0,0,0,.1);border-radius:50px}

.title_box {text-align:center;margin-bottom:70px}
.title_box.left {text-align:left}
.title_box .sub {display:block;font-size:20px;font-weight:700;line-height:1.4;color:var(--primary);text-transform:uppercase;margin-bottom:14px}
.title_box .tit {font-size:48px;font-weight:700;line-height:1.4}
.title_box p {font-size:24px;color:#565656;margin-top:20px}

.btn_kakao {display:flex;align-items:center;justify-content:center;gap:0 10px;height:40px;background:#FFE100;border-radius:40px;padding:0 20px;font-size:16px;font-weight:700;transition:all .2s;animation:colorKakao 1s linear alternate both infinite}

.popup_wrap {display:none;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:100;padding:20px}

/* 텍스트 그라데이션 */
.gra_01 {background:linear-gradient(to right, #5D5DFF, #08D1D9);-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 .gnb li a {color:var(--black)}
.header.white .gnb > ul > li > a:hover {color:var(--primary)}
.header.white .gnb li a:hover path {stroke:var(--primary)}
.header.white .gnb li a path {stroke:var(--black)}
.header.white .logo .black {display:block}
.header.white .logo .white {display:none}
.header.white .menu_open path {fill:var(--black)}
.header.white .right .phone a {animation:colorBlue1 1s linear alternate both infinite}
.header.white .right .now .black {opacity:0}

.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 .gnb li a path {stroke:var(--black)}
.header.black .menu_open path {fill:var(--black)}

.header .wrapper {display:flex;align-items:center;max-width:1740px;height:var(--header-height)}
.header .logo {display:flex;align-items:center;width:114px;height:100%}
.header .menu_wrap {flex:1;display:flex;align-items:center;margin-left:60px}
.header .menu_wrap .menu_head {display:none}
.header .gnb ul {display:flex;align-items:center}
.header .gnb ul li {position:relative}
.header .gnb ul li:hover .depth_02 {display:flex}
.header .gnb li a {display:flex;align-items:center;height:var(--header-height);font-size:18px;color:var(--white);padding:0 28px;transition:all .2s}
.header .gnb .depth_02 {display:none;flex-direction:column;width:100%;min-width:160px;background:var(--primary);position:absolute;top:75%;left:50%;transform:translateX(-50%);padding:20px 0;transition:all .2s}
.header .gnb .depth_02 li {width:100%}
.header .gnb .depth_02 li a {width:100%;height:auto;padding:10px;text-align:center;justify-content:center;color:var(--white)}
.header .right {display:flex;align-items:center;gap:0 20px;margin-left:auto;position:relative}
.header .right .now {width:130px;position:absolute;top:100%;left:50%;transform:translateX(-50%)}
.header .right .now img {display:block;width:100%}
.header .right .now .black {position:absolute;bottom:0;left:0}
.header .right .phone {font-size:44px;font-weight:700;color:var(--white);transition:all .2s;position:relative;padding-left:40px;animation:colorBlue 1s linear alternate both infinite}
.header .right .phone a {animation:colorBlue 1s linear alternate both infinite}
.header .right .phone::before {content:'';display:block;width:30px;height:30px;background:url('../img/web/phone.png') no-repeat center/100%;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}
.header .menu_open {display:none}
@keyframes opacity {
    from {opacity:1}
    to {opacity:0}
}
@keyframes colorBlue {
    from {color:#ffffff}
    to {color:#209CFF}
}
@keyframes colorBlue1 {
    from {color:#111111}
    to {color:#209CFF}
}
@keyframes color1 {
    0% {color:#ffffff}
    17% {color:#FF5454}
    34% {color:#ffffff}
    51% {color:#44ECFF}
    68% {color:#ffffff}
    85% {color:#FFE944}
    100% {color:#ffffff}
}
@keyframes color2 {
    0% {color:#FFE944;stroke:#FFE944}
    33% {color:#FF5454;stroke:#FF5454}
    66% {color:#44ECFF;stroke:#44ECFF}
    100% {color:#FFE944;stroke:#FFE944}
}
@keyframes coloryellow {
    from {color:#ffffff}
    to {color:#FFE100}
}
@keyframes colorKakao {
    from {background:#FFE100}
    to {background:#FFF6AF}
}
@keyframes float {
    from {transform:translateY(0)}
    to {transform:translateY(-10%)}
}

/* 푸터 */
.footer {background:#363636;color:var(--white);padding:95px 0;font-size:16px;font-weight:300}
.footer .wrapper {display:flex;align-items:flex-start;justify-content:space-between;max-width:1740px}
.footer .left .company_name {font-weight:700}
.footer .left .info {margin-top:24px}
.footer .left .info > div {display:flex;align-items:center;gap:0 20px;flex-wrap:wrap;line-height:1.5}
.footer .left .info > div span {padding:4px 0}
.footer .left .copyright {margin-top:40px;opacity:.7}
.footer .right {display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.footer .right .tit {display:block;font-weight:500;margin-bottom:20px}
.footer .right .number {display:block;font-size:44px;font-weight:700;margin-bottom:4px}
.footer .right .term_wrap {display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;margin-top:40px}
.footer .right .term_wrap a {color:rgba(255,255,255,.7)}
.footer .right .term_wrap a:hover {text-decoration:underline}
.footer .right .term_wrap a + a::before {content:'|';opacity:.2;display:inline-block;margin:0 12px}
.footer .right .term_wrap a strong {font-weight:700;color:var(--white)}
.footer .right .copyright {display:none}

.float_banner {max-width:1700px;width:100%;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:var(--white);z-index:10;padding:0 20px}
.float_banner .inner {display:flex;align-items:center;width:100%;height:74px;background:linear-gradient(120deg, #5D5DFF, #08D1D9);border-radius:100px;padding:0 30px 0 40px}
.float_banner .logo {width:140px;align-self:flex-end;padding-bottom:16px}
.float_banner .num {display:flex;align-items:center;gap:0 10px;font-size:40px;font-weight:700;margin-left:24px}
.float_banner .num a {animation:color2 3s infinite both linear}
.float_banner .num path {animation:color2 3s infinite both linear}
.float_banner .num_comment {display:flex;align-items:center;gap:0 10px;font-size:30px;font-weight:600;margin-left:20px}
.float_banner p {display:flex;align-items:center;gap:0 10px;margin-left:20px;font-size:18px;font-weight:700;animation:color1 5s infinite both linear}
.float_banner p::before,
.float_banner p::after {content:'';display:block;width:8px;height:8px;background:var(--white);border-radius:8px;}
.float_banner .btn_kakao {margin-left:auto}

/* 약관 팝업 */
.term_pop {display:none;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:101;padding:20px;color:var(--white)}
.term_pop .inner {display:flex;flex-direction:column;max-width:1360px;height:100%;max-height:770px;background:#373737;box-shadow:0 4px 34px rgba(0,0,0,.1);padding:60px}
.term_pop .inner .cont {height:100%;overflow-y:auto}
.term_pop .head {display:flex;align-items:center;justify-content:space-between;margin-bottom:60px}
.term_pop .head .pop_tit {font-size:36px;font-weight:600}
.term_pop .head .btn_close {border:0;background:0}
.term_pop .cont .explain {font-size:16px;background:rgba(255,255,255,.1);padding:40px}

.privacy-wrap .privacy-list {margin: 65px 0 0;font-size:16px;line-height:24px}
.privacy-wrap .privacy-list > ol {padding: 0 0 41px}
.privacy-wrap .privacy-list > ol > li {margin:50px 0 0 0; padding:50px 0 0 0; border-top:1px solid rgba(255,255,255,.2)}
.privacy-wrap .privacy-list > ol > li:first-child {border-top:2px solid rgba(255,255,255,.3)}
.privacy-wrap .privacy-list > ol > li > .title-box {overflow: hidden}
.privacy-wrap .privacy-list > ol > li > .title-box .num {float: left; font-weight:bold; font-size:24px; line-height:38px}
.privacy-wrap .privacy-list > ol > li > .title-box .title {float: left; margin: 0 0 0 4px; font-weight:bold;font-size:24px; line-height:38px}
.privacy-wrap .privacy-list > ol > li > .desc {margin: 19px 0 0; font-size: 16px; line-height:1.5}
.privacy-wrap .privacy-list > ol > li .depth2 {margin:30px 0 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li {margin: 24px 0 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li:first-child {margin: 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .title {padding: 0 0 0 18px; font-size: 16px; line-height: 24px;text-indent: -18px; word-break: keep-all}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .text-box {margin: 11px 0 0; padding: 0 0 0 14px}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .text-box > .text {font-size: 16px; line-height: 24px; }
.privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box {margin: 13px 0 0; padding: 0 0 0 18px}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box > .title {margin: 12px 0 0;  }
.privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box > .title:first-of-type {margin: 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box:only-child {margin: 0; padding: 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 {margin: 14px 0 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style2 {margin: 12px 0 0; padding: 0 0 0 20px}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style2 li {margin: 12px 0 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style2 li .desc {margin: 2px 0 0; }
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style3 {margin: 0; padding: 0 0 0 20px}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3.style3 li {margin: 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li {margin:7px 0 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li:first-child {margin: 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li > .depth4 {margin: 11px 0 0; padding: 0 0 0 15px}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li > .depth4 > li {margin:4px 0 0 0}
.privacy-wrap .privacy-list > ol > li .depth2 > li > .depth3 > li > .depth4 > li > .depth5 > li {margin:4px 0 0 0; }
.privacy-wrap .privacy-list > ol > li .depth3 {margin:15px 0 0}
.privacy-wrap .privacy-list > ol > li .depth3 > li {margin:4px 0 0}
.privacy-wrap .privacy-list > ol > li .depth3 > li:first-child {margin: 0}
.privacy-wrap a {color:inherit}

/* 폼 양식 */
.form {display:flex;align-items:center;flex-direction:column;gap:20px 0;}
.form > * {width:100%}
.form .item .tit {display:block;font-size:18px;font-weight:600;margin-bottom:12px}
.input_box input {width:100%;height:50px;background:#F7F8F9;border:solid 1px transparent;border-radius:5px;padding:0 20px;font-size:16px;transition:all .2s}
.input_box input:focus {border-color:var(--primary)}
.txtarea_box .content {height:125px;color:#666666;background:#F7F8F9;border-radius:5px;padding:24px;overflow-y:auto}

.contact .sec_form {background-position:top 160px right}

.chk_box_01 {font-size:16px;
position: relative;
}
.chk_box_01 input {
    /* display:none */
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.chk_box_01 input:checked + label::before {background:var(--primary) url('../img/web/check_white.svg') no-repeat center/100%}
.chk_box_01 label {padding-left:26px;position:relative;cursor:pointer}
.chk_box_01 label::before {content:'';display:block;width:20px;height:20px;border:solid 1px var(--primary);border-radius:1px;position:absolute;top:-1px;left:0}
.chk_box_01 button {font-size:inherit}

/* 페이지 상단부분, 팝업 폼메일 양식 .quick_form */
.quick_form {width:100%;max-width:430px;background:var(--white);border-radius:20px;padding:64px 40px;position:relative}
.quick_form .btn_close {border:0;position:absolute;top:44px;right:40px}
.quick_form .form_tit {display:block;font-size:30px;font-weight:700;margin-bottom:30px;text-align:center;display:block}
.quick_form .input_box input {border:solid 1px #E2E2E2}
.quick_form .input_box input:focus {border-color:var(--primary)}
.quick_form .btn_wrap {margin-top:20px}
.quick_form .btn_wrap > * {width:100%;font-size:16px}

/* 공통섹션 */
.sec_form {padding:180px 0;background:url('../img/web/sec_form_bg.png') no-repeat top right/950px}
.sec_form .form {width:50%;margin-top:60px}
.sec_form .btn_wrap {margin-top:20px}
.sec_form .form .btn_wrap > * {width:100%;height:60px}

.review_item {border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.1);overflow:hidden;position:relative}
.review_item .chk_box {position:absolute;top:10px;left:10px;z-index:2}
.review_item .img_wrap img {width:100%}
.review_item .txt_wrap {background:var(--white);padding:20px 20px 24px;transition:all .2s}
.review_item .txt_wrap .top {display:flex;align-items:flex-start;justify-content:space-between;gap:0 16px}
.review_item .txt_wrap .top .category {display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#00C0FF;padding:5px 8px;background:#E5F4FF;border-radius:40px}
.review_item .txt_wrap .tit {display:block;font-size:18px;font-weight:600;line-height:1.4;transition:all .2s}
.review_item .txt_wrap p {font-size:15px;color:#787878;margin-top:10px;transition:all .2s;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.review_item .txt_wrap .bottom {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}
.review_item .txt_wrap .bottom .star {display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--primary);transition:all .2s}
.review_item .txt_wrap .bottom .star_wrap {display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--primary)}
.review_item .txt_wrap .bottom .star_wrap .star {gap:0}
.review_item .txt_wrap .bottom .mark {font-size:13px;font-weight:500;color:#666666;background:#ECF0F2;border-radius:40px;padding:5px 8px}

.sec_review {padding-bottom:var(--sec-padding)}
.sec_review .wrapper {max-width:1170px}
.sec_review .swiper {overflow:visible;position:relative}
.sec_review .swiper-slide {width:360px;padding:0 10px;opacity:.4;transition:all .2s}
.sec_review .swiper-slide:nth-child(even) {margin-top:50px}
.sec_review .swiper-slide-active .txt_wrap {background:var(--primary);color:var(--white)}
.sec_review .swiper-slide-active .txt_wrap .bottom .star {color:var(--white)}
.sec_review .swiper-slide-active .txt_wrap p {color:var(--white)}
.sec_review .swiper-slide-active,
.sec_review .swiper-slide-prev,
.sec_review .swiper-slide-next {opacity:1}
.swiper .btn_prev,
.swiper .btn_next {position:absolute;top:45%;left:0;transform:translate(-60%, -50%);z-index:2;cursor:pointer}
.swiper .btn_next {left:auto;right:0;transform:translate(60%, -50%)}
.swiper .swiper-scrollbar {height:5px !important;background:#D7D7D7;position:initial !important;margin-top:40px}
.swiper .swiper-scrollbar-drag {background:var(--primary)}
/* .review_item:hover .txt_wrap {background:var(--primary);color:var(--white)}
.review_item:hover .txt_wrap p {color:var(--white)}
.review_item:hover .txt_wrap .bottom .star {color:var(--white)} */

.sec_cost {padding:var(--sec-padding) 0;background:#E5E9FF}
.sec_cost .table_01 {position:relative}
.sec_cost .table_01 .asset {width:300px;position:absolute;top:0;right:0;z-index:1;transform:translate(50%, -50%)}
.sec_cost .table_wrap + .table_wrap {margin-top:24px;position:relative}
.sec_cost .table_wrap + .table_wrap table::before {content:'';display:block;width:64px;height:64px;background:url('../img/web/plus.svg') no-repeat center/100%;position:absolute;top:0;left:50%;transform:translate(-50%, -68%);z-index:1}
.sec_cost table {border-radius:15px;font-size:18px;background:var(--white);overflow:hidden}
.sec_cost table thead th {height:58px;background:#4C4C4C;font-size:20px;color:var(--white);border-left:solid 1px var(--white)}
.sec_cost table thead th:first-child {border:0}
.sec_cost table tbody td {padding:20px 10px;text-align:center;border-top:solid 1px rgba(217,217,217,.15)}
.sec_cost table tbody th {background:#6B6EE6;color:var(--white);border-top:solid 1px rgba(217,217,217,.15)}
.sec_cost table.blue {background:#00C0FF;border:solid 6px #00C0FF;box-shadow:0 4px 30px rgba(0,0,0,.15)}
.sec_cost table.blue tbody th {background:#00C0FF;color:var(--white);border-top:solid 1px rgba(255,255,255,.3)}
.sec_cost table.blue tbody td {background:var(--white);color:#00C0FF;font-weight:700;border-top:solid 1px rgba(0,91,170,.15)}

.card_list_01 {display:grid;grid-template-columns:repeat(3, 1fr);gap:32px}
.card_list_01 .item {display:flex;flex-direction:column;border-radius:20px;border:solid 5px transparent;overflow:hidden;transition:all .2s}
.card_list_01 a.item:hover {border-color:#00C0FF;box-shadow:35px 24px 70px rgba(0,0,0,.08)}
.card_list_01 a.item:hover .txt_wrap .tit {color:#00C0FF;transition:all .2s}
.card_list_01 div.item {border:0;box-shadow:0 4px 30px rgba(0,0,0,.15)}
.card_list_01 .item .img_wrap {width:100%;}
.card_list_01 .item .txt_wrap {width:100%;height:100%;background:var(--white);padding:24px 34px 30px}
.card_list_01 .item .txt_wrap .top {display:flex;align-items:flex-start;gap:0 10px;font-size:24px;font-weight:700;}
.card_list_01 .item .txt_wrap .top .num {color:var(--primary);opacity:.4;margin-top:1px}
.card_list_01 .item .txt_wrap .top .tit {display:block;line-height:1.4}
.card_list_01 .item .txt_wrap p {max-width:95%;font-size:16px;color:#686868;margin-top:10px}

.card_list_02 {display:flex;justify-content:center;flex-wrap:wrap;gap:30px}
.card_list_02 .item {display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc((100% - 60px)/3);background:var(--white);border:solid 3px transparent;border-radius:20px;box-shadow:0 4px 30px rgba(0,0,0,.15);padding:40px 34px;transition:all .2s}
.card_list_02 .item:hover {border-color:var(--primary)}
.card_list_02 .item .num {font-size:18px;font-weight:700;color:var(--primary)}
.card_list_02 .item .tit {display:block;font-size:24px;font-weight:700;margin:14px 0}
.card_list_02 .item p {font-size:16px;color:#686868}
.card_list_02 .item .img_wrap {width:50%;max-width:168px}

.sec_process {padding:var(--sec-padding) 0}

.sec_compare {padding:70px 0 var(--sec-padding)}
.sec_compare .wrapper {max-width:1430px}
.sec_compare .content {display:flex;gap:50px}
.sec_compare .box {width:100%;padding:44px 54px;border-radius:20px;position:relative}
.sec_compare .box .box_tit {display:block;text-align:center;font-size:24px;font-weight:700;margin-bottom:20px}
.sec_compare .box ul li {display:flex;align-items:flex-start;gap:0 12px;font-size:20px;font-weight:500;color:#343434;padding:20px 0}
.sec_compare .box ul li + li {border-top:solid 1px #D9D9D9}
.sec_compare .box ul li img {width:18px;margin-top:6px}
.sec_compare .box_01 {background:#F5F5F5;border:solid 1px #D9D9D9}
.sec_compare .box_02 {background:var(--primary);color:var(--white)}
.sec_compare .box_02 .box_tit {font-size:30px}
.sec_compare .box_02 ul li {color:var(--white);font-weight:normal;padding-right:40px;border-color:#7D7DFF !important}
.sec_compare .box_02 .asset_01 {position:absolute;width:285px;z-index:1;top:0;right:0;transform:translate(38%, -60%)}
.sec_compare .box_02 .asset_02 {position:absolute;z-index:1;width:46%;max-width:310px;left:65%;bottom:0}

.rocket_txt {font-size:135px;font-weight:700;font-family:"Montserrat", sans-serif;line-height:1;opacity:.1;text-transform:uppercase;position:absolute;bottom:10%;left:-1%;}
.sec_map {background:#E5F4FF;padding:var(--sec-padding) 0;position:relative}
.sec_map .wrapper {display:flex;align-items:flex-start;justify-content:space-between;}
.sec_map .title_box {width:50%;margin:0;padding-top:68px}
.sec_map .title_box p {font-weight:500;color:#343434}
.sec_map .title_box .sub {display:inline-block;background:#00A6DC;border-radius:40px;padding:10px 16px;color:var(--white);font-weight:400;margin-bottom:20px}
.sec_map .map_img {width:42%;max-width:600px;position:relative}
.sec_map .map_img .rocket {width:230px;position:absolute;z-index:1;animation:rocket 6s infinite linear}
@keyframes rocket {
    0% {top:11%;left:23%}
    10% {top:19%;left:57%}
    20% {top:34%;left:58%}
    30% {top:52%;left:62%}
    40% {top:64%;left:26%}
    60% {top:80%;left:7%}
    70% {top:64%;left:26%}
    80% {top:40%;left:20%}
    100% {top:11%;left:23%}
}

.sec_company {padding:var(--sec-padding) 0}
.sec_company .title_box .sub {color:#969696}
.sec_company .swiper {overflow:visible}
.sec_company .swiper + .swiper {margin-top:50px}
.sec_company .swiper-wrapper {-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important}
.sec_company .swiper-slide {width:280px;padding:0 20px}

.sec_change {background:#E5F4FF;padding:var(--sec-padding) 0}
.sec_change .swiper {overflow:visible;position:relative;max-width:880px;margin:0 auto}
.sec_change .swiper-slide {padding:0 30px;opacity:.6;transition:all .2s}
.sec_change .swiper-slide-active {opacity:1}
.sec_change .swiper-slide .img_wrap {border-radius:15px;overflow:hidden;position:relative}
.sec_change .swiper-slide .img_wrap img {width:100%}
.sec_change .swiper-slide .img_wrap .mark {display:flex;align-items:center;justify-content:center;width:160px;height:54px;font-size:22px;font-weight:700;color:var(--white);text-align:center;background:#6B6B6B;border-radius:0 0 20px 0;position:absolute;top:0;left:0}
.sec_change .swiper-slide .img_wrap .mark.after {background:var(--primary);border-radius:0 0 0 20px;left:auto;right:0}

.sec_insurance {background:#F4F4F4;padding:var(--sec-padding) 0}
.sec_insurance .wrapper {display:flex;align-items:center;gap:0 120px}
.sec_insurance .wrapper > div {width:100%}
.sec_insurance .img_wrap {max-width:700px;}
.sec_insurance .title_box {margin:0;text-align:left}
.sec_insurance .title_box p {font-size:20px}

@media all and (max-width: 1599px) {
    .header .gnb li a {padding:0 18px}

    .float_banner .inner {padding:0 24px}
    .float_banner .num {font-size:30px;margin-left:20px}
    .float_banner .num_comment {font-size:24px}
    .float_banner p {font-size:16px;margin-left:30px}

    /* 공통섹션 */
    .sec_form {background-size:60%}

    .sec_cost .table_01 .asset {width:220px;transform:translate(0, -46%)}

    .sec_compare .box_02 .asset_01 {width:200px;;transform:translate(15%, -80%)}
}

@media all and (max-width: 1499px) {
    .header .right .btn_kakao {display:none}
}

@media all and (max-width: 1399px) {
    .btn_kakao {font-size:14px;padding:0 16px}

    /* 헤더 */
    .header .menu_wrap {margin-left:40px}
    .header .right .phone {font-size:36px}

    .float_banner p {display:none}
}


@media all and (max-width: 1199px) {
    :root {
        --header-height: 85px;
        --sec-padding: 110px;
    }

    .title_box {margin-bottom:48px}
    .title_box .sub {font-size:16px}
    .title_box .tit {font-size:44px}
    .title_box p {font-size:20px}

    /* 헤더 */
    .header .wrapper {padding:0 0 0 20px}
    .header .logo {width:88px}
    .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;margin:0}
    .header .menu_wrap .menu_head {display:flex;align-items:center;width:100%;height:var(--header-height);background:var(--white);padding-left:16px;position:fixed;top:0;left:0;z-index:2}
    .header .gnb {width:100%;margin:calc(var(--header-height) + 40px) 0 100px}
    .header .gnb ul {flex:1;flex-direction:column;align-items:flex-start;gap:24px 0;overflow-y:auto}
    .header .gnb li a {height:auto;font-size:20px;font-weight:600;color:#111111 !important;padding:8px 20px}
    .header .gnb .depth_02 {display:flex;gap:0;min-width:initial;position:initial;transform:none;background:transparent;padding:0;margin-top:10px}
    .header .gnb .depth_02 li a {font-size:16px;font-weight:500;color:#9B9B9B;text-align:left;justify-content:flex-start;padding:12px 30px}
    .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 {padding:70px 0}
    .footer .wrapper {flex-direction:column;}
    .footer .left .copyright {display:none}
    .footer .right {width:100%;align-items:flex-start;text-align:left;border-top:solid 1px #474747;margin-top:24px;padding-top:24px}
    .footer .right .copyright {display:block;margin-top:30px;opacity:.7}

    /* 폼 양식 */
    .form .item .tit {font-size:16px}

    .quick_form {padding:44px 20px 34px}
    .quick_form .form_tit  {font-size:24px}
    .quick_form .btn_wrap {margin-top:14px}
    .quick_form .btn_close {top:30px;right:30px}

    /* 공통섹션 */
    .sec_form {padding:120px 0}

    .sec_review .wrapper {max-width:980px}
    .sec_review .swiper-slide {width:300px}

    .sec_cost .wrapper {padding:0}
    .sec_cost .table_01 .asset {display:none}
    .sec_cost table {border-radius:0}

    .card_list_01 {gap:16px}
    .card_list_01 .item .txt_wrap {padding:16px 24px 24px}
    .card_list_01 .item .txt_wrap .top {font-size:20px}
    .card_list_01 .item .txt_wrap p {font-size:14px}

    .card_list_02 {gap:20px}
    .card_list_02 .item {width:calc((100% - 40px)/3);flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;padding:30px 24px 20px}
    .card_list_02 .item .num {font-size:15px}
    .card_list_02 .item .tit {font-size:20px}
    .card_list_02 .item .img_wrap {width:100%;align-self:center;}

    .sec_compare .content {gap:30px}
    .sec_compare .box {padding:30px 20px 20px}
    .sec_compare .box .box_tit {font-size:20px}
    .sec_compare .box ul li {font-size:16px;padding:16px 0}
    .sec_compare .box ul li img {margin-top:3px}
    .sec_compare .box_02 .asset_02 {width:28%;left:75.5%}
    .sec_compare .box_02 ul li {padding-right:28px}

    .rocket_txt {font-size:100px}
    .sec_map .map_img .rocket {width:145px}

    .sec_company .swiper + .swiper {margin-top:35px}
    .sec_company .swiper-slide {padding:0 15px;width:180px}

    .sec_change .swiper-slide {padding:0 18px}
    .sec_change .swiper-slide .img_wrap .mark {width:100px;height:40px;font-size:16px}

    .sec_insurance .wrapper {gap:0 30px}
    .sec_insurance .title_box p {font-size:17px}
}

@media all and (max-width: 1023px) {
    .float_banner .inner {height:64px}
    .float_banner .num_comment {display:none}

    /* 공통섹션 */
    .sec_form .form {width:100%;max-width:600px}

    .sec_review .swiper-slide .txt_wrap p,
    .sec_review .swiper-slide .txt_wrap .bottom .mark  {display:none}
    .review_item .txt_wrap .bottom {margin-top:13px}
    .review_item .txt_wrap .bottom .star {font-size:13px}
    .sec_review .btn_wrap {gap:0 20px;margin-top:20px}
    .swiper .btn_prev,
    .swiper .btn_next {width:40px;position:initial;transform:none}
    .swiper .swiper-scrollbar {height:2px !important;margin-top:20px}

    .sec_review .swiper-slide:nth-child(even) {margin:0}

    .sec_compare .box_02 .asset_01 {display:none}

    .rocket_txt {bottom:5%}
    .sec_map {padding-bottom:240px}
    .sec_map .wrapper {max-width:600px;flex-direction:column;align-items:center;gap:30px}
    .sec_map .title_box {width:100%;text-align:center}
    .sec_map .map_img {width:100%;max-width:500px}

    .sec_change .btn_wrap {margin-top:20px}

    .sec_insurance .wrapper {flex-direction:column;align-items:flex-start;gap:30px;max-width:600px}
    .sec_insurance .img_wrap {width:100%;margin:0 auto}
}

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

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

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

    /* 헤더 */
    .header .logo {width:74px}

    /* 푸터 */
    .footer {padding:44px 0;font-size:12px}
    .footer .left .company_name {font-size:14px}
    .footer .left .info {margin-top:12px}
    .footer .right .term_wrap {margin-top:20px}
    .footer .right .term_wrap a + a::before {margin:0 8px}

    .float_banner .logo {display:none}
    .float_banner .inner {height:54px;padding:0 18px}
    .float_banner .num {margin:0;gap:0 6px;font-size:24px}
    .float_banner .num img {width:20px}
    .float_banner .num svg {width:20px;height:20px}
    .float_banner .btn_kakao {height:30px;padding:0 12px;font-size:14px;gap:0 4px}
    .float_banner .btn_kakao img {width:18px}

    /* 약관 팝업 */
    .term_pop {padding:0}
    .term_pop .inner {padding:40px 24px}
    .term_pop .head {margin-bottom:30px}
    .term_pop .head .pop_tit {font-size:28px}
    .term_pop .head .btn_close svg {width:24px}
    .term_pop .cont .explain {padding:20px;font-size:14px}
    .privacy-wrap .privacy-list {font-size:14px;margin-top:30px}
    .privacy-wrap .privacy-list > ol > li {margin-top:30px;padding-top:30px}
    .privacy-wrap .privacy-list > ol > li > .title-box .num ,
    .privacy-wrap .privacy-list > ol > li > .title-box .title {font-size:20px}
    .privacy-wrap .privacy-list > ol > li > .desc {font-size:14px}
    .privacy-wrap .privacy-list > ol > li .depth2 > li {margin-top:10px}
    .privacy-wrap .privacy-list > ol > li .depth2 > li > .title {font-size:14px}
    .privacy-wrap .privacy-list > ol > li .depth2 > li > .info-box {padding-bottom:10px;margin-top:8px}

    /* 폼 양식 */
    .input_box input {font-size:15px;padding:0 16px}
    .txtarea_box .content {padding:16px;font-size:12px}
    .chk_box_01 {font-size:15px}
    .chk_box_01 label::before {width:18px;height:18px}

    .form .item .tit {font-size:14px}

    .contact .sec_form {background:none}

    /* 공통섹션 */
    .sec_form {padding:120px 0 80px;background-size:240px}
    .sec_form .form {gap:16px 0;margin-top:44px}
    .sec_form .btn_wrap {margin-top:8px}
    .sec_form .form .btn_wrap > * {height:44px;font-size:15px}

    .sec_review .swiper-slide {width:240px}
    .review_item .txt_wrap {padding:16px}
    .review_item .txt_wrap .tit {font-size:15px}
    .review_item .txt_wrap .top .category {font-size:12px}
    .review_item .txt_wrap p {font-size:12px}

    .sec_cost .table_wrap + .table_wrap {margin-top:14px}
    .sec_cost .table_wrap + .table_wrap table::before {display:none}
    .sec_cost table {font-size:14px}
    .sec_cost table thead th {height:44px;font-size:14px}
    .sec_cost table tbody td {padding:14px 10px}
    .sec_cost table.blue {border-width:2px}

    .card_list_01 {grid-template-columns:repeat(2, 1fr);gap:12px}
    .card_list_01 .item {border-radius:15px;border:0}
    .card_list_01 .item .txt_wrap {padding:12px 14px 16px}
    .card_list_01 .item .txt_wrap .top {font-size:16px}
    .card_list_01 .item .txt_wrap p {font-size:12px;margin-top:8px}

    .card_list_02 {display:grid;grid-template-columns:repeat(2, 1fr);}
    .card_list_02 .item {width:100%;padding:20px}
    .card_list_02 .item .num {font-size:12px}
    .card_list_02 .item .tit {font-size:16px;margin:10px 0}
    .card_list_02 .item p {font-size:12px}

    .sec_compare .content {gap:14px;flex-direction:column;}
    .sec_compare .box .box_tit {font-size:17px}
    .sec_compare .box ul li {gap:10px;font-size:14px;padding:14px 0}
    .sec_compare .box ul li img {width:16px;margin-top:2px}
    .sec_compare .box_02 ul li {padding-right:6%}

    .rocket_txt {font-size:65px}
    .sec_map {padding-bottom:150px}
    .sec_map .wrapper {max-width:440px}

    .sec_company .swiper + .swiper {margin-top:20px}
    .sec_company .swiper-slide {padding:0 10px;width:104px}

    .sec_change .swiper-slide {padding:0 8px}
    .sec_change .swiper-slide .img_wrap {border-radius:6px}
    .sec_change .swiper-slide .img_wrap .mark {width:60px;height:26px;font-size:13px;border-radius:0 0 6px 0}
    .sec_change .swiper-slide .img_wrap .mark.after {border-radius:0 0 0 6px}

    .sec_insurance .title_box p {font-size:14px}
}

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

@media all and (max-width: 374px) {
    .float_banner .btn_kakao {font-size:0;gap:0}

    .sec_form {background-size:180px}
}







/* 인덱스 */
.index .sec_01 {display:flex;align-items:center;height:90vh;min-height:925px;background:url('../img/web/index_01_bg.jpg') no-repeat center/cover}
.index .sec_01 .wrapper {display:flex;align-items:center;justify-content:space-between;max-width:1740px}
.index .sec_01 .left {padding-left:100px;color:var(--white)}
.index .sec_01 .left .sub {display:inline-block;background:var(--primary);border-radius:100px;color:var(--white);font-size:24px;font-weight:700;padding:10px 20px}
.index .sec_01 .left .tit {display:block;font-size:96px;font-weight:700;margin-top:20px}
.index .sec_01 .left ul {padding-left:10px;margin-top:54px}
.index .sec_01 .left ul li {display:flex;align-items:flex-start;gap:0 10px;font-size:34px;font-weight:700;line-height:1.4}
.index .sec_01 .left ul li img {margin-top:8px}
.index .sec_01 .left ul li + li {margin-top:20px}

.index .sec_combo {background:url('../img/web/index_02_bg.png') no-repeat center/cover}
.index .sec_02 {padding:var(--sec-padding) 0}
.index .sec_02 .wrapper {display:flex;align-items:center;justify-content:space-between;gap:34px;max-width:1540px}
.index .sec_02 .list {display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;width:100%;max-width:740px}
.index .sec_02 .list .item {display:flex;align-items:center;flex-direction:column;justify-content:center;gap:14px 0;width:100%;font-size:24px;font-weight:700;background:var(--white);border-radius:20px;box-shadow:0 4px 30px rgba(0,0,0,.1);padding:30px 20px 28px;transition:all .2s}
.index .sec_02 .list .item:hover {background:var(--primary);color:var(--white)}
.index .sec_02 .list .item img {width:auto;max-width:initial;height:128px}
.index .sec_02 .left {text-align:center}
.index .sec_02 .left .num {display:block;font-size:110px;margin-top:30px}
.index .sec_02 .left p {font-size:34px;font-weight:700;;margin-top:20px}
.index .sec_02 .left p img {width:50px;margin-right:10px}

.index .sec_04 {padding:var(--sec-padding) 0}

.index .sec_05 {background:#E5F4FF;padding:var(--sec-padding) 0}

@media all and (max-width: 1439px) {
    .index .sec_02 .left .num {font-size:90px}
}

@media all and (max-width: 1399px) {
    .index .sec_01 .left {padding:0}
    .index .sec_02 .list {max-width:640px}
}

@media all and (max-width: 1199px) {
    .index .sec_01 {min-height:700px}
    .index .sec_01 .left .sub {font-size:20px}
    .index .sec_01 .left .tit {font-size:74px}
    .index .sec_01 .left ul {margin-top:44px}
    .index .sec_01 .left ul li {font-size:24px;}
    .index .sec_01 .left ul li img {width:28px;margin-top:4px}

    .index .sec_02 .left > img {width:220px}
    .index .sec_02 .left .num {font-size:75px;margin-top:14px}
    .index .sec_02 .left p {font-size:24px;margin-top:16px}
    .index .sec_02 .left p img {width:38px}
    .index .sec_02 .list {max-width:540px;gap:14px}
    .index .sec_02 .list .item {border-radius:15px;font-size:20px;padding:24px}
    .index .sec_02 .list .item img {height:90px}
    /*
    */
}

@media all and (max-width: 1023px) {
    .index .sec_02 .wrapper {flex-direction:column-reverse;}
}

@media all and (max-width: 767px) {
    .index .sec_01 {height:auto;min-height:initial;padding:120px 0 34px;background-image:url('../img/web/index_01_bg_mb.jpg')}
    .index .sec_01 .wrapper {flex-direction:column;align-items:flex-start;gap:40px 0;max-width:450px}
    .index .sec_01 .left .sub {font-size:18px;padding:8px 14px}
    .index .sec_01 .left .tit {font-size:54px;margin-top:14px}
    .index .sec_01 .left ul {margin-top:34px}
    .index .sec_01 .left ul li {font-size:16px;}
    .index .sec_01 .left ul li img {width:24px}

    .index .sec_02 .left > img {width:140px}
    .index .sec_02 .left .num {font-size:60px}
    .index .sec_02 .left p {font-size:18px;margin-top:14px}
    .index .sec_02 .left p img {width:25px;margin-right:8px}
    .index .sec_02 .list {gap:10px}
    .index .sec_02 .list .item {gap:12px 0;border-radius:10px;font-size:15px;padding:16px}
    .index .sec_02 .list .item img {height:60px}
}

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

@media all and (max-width: 374px) {
    .index .sec_02 .left .num {font-size:50px}
}





/* 서브 공통 */
.sub .title_box .tit {font-size:60px}
.sub .sec_top {background:url('../img/web/sub02_top_bg1.jpg') no-repeat center/cover;padding:170px 0}
.sub .sec_top .wrapper {display:flex;align-items:center;justify-content:space-between;gap:0 20px}
.sub .sec_top .title_box {color:var(--white);text-align:left}
.sub .sec_top .quick_form {background:rgba(0,0,0,.15);backdrop-filter:blur(50px);}
.sub .sec_top .quick_form .form_tit {color:var(--white)}
.sub .sec_top .quick_form .chk_box_01 label {color:var(--white)}
.sub .sec_top .quick_form .chk_box_01 .purple {color:#70E0FF}

.highlight {display:inline-block;position:relative;padding:0 .2em}
.highlight::before {content:'';display:block;width:0;height:100%;background:linear-gradient(to right, #5D5DFF, #08D1D9);position:absolute;top:0;left:0;z-index:1;transition:all .8s}
.highlight .txt {position:relative;z-index:3}
.highlight .txt.white {margin-top:-.5px;position:absolute;top:50%;left:.2em;transform:translateY(-50%);z-index:2;color:var(--white);clip-path: inset(0 100% 0 0);transition: clip-path 0.8s;z-index:4}
.highlight.on::before {width:100%}
.highlight.on .txt.white {clip-path: inset(0 0 0 0);}

.sub_type_01 {display:flex;align-items: stretch;position:relative}
.sub_type_01::before {content:'';display:block;width:84px;height:84px;background:url('../img/web/sub_type_01.svg') no-repeat center/100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.sub_type_01 > div {width:50%}
.sub_type_01 .img_wrap img {width:100%;height:100%;object-fit:cover}
.sub_type_01 .txt_wrap {font-size:34px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(#E0F1F8, #E5E9FF);padding:var(--sec-padding) 20px;text-align:center;font-weight:700}
.sub_type_01 .txt_wrap * {line-height:1.4}
.sub_type_01 .txt_wrap .bar {display:inline-block;width:1px;height:44px;background:var(--primary);margin:20px 0 16px}
.sub_type_01 .txt_wrap .tit {font-size:1.4em}

.sub_type_02 {position:relative;padding:var(--sec-padding) 0}
.sub_type_02 .list {display:flex;gap:30px}
.sub_type_02 .list .item {border-radius:20px;overflow:hidden;position:relative}
.sub_type_02 .list .item .txt_wrap {position:absolute;bottom:0;left:0;width:100%;padding:30px;font-size:24px;font-weight:700;color:var(--white)}

.sub_type_03 {background:url('../img/web/sub03_02_bg.jpg') no-repeat center/cover;color:var(--white);padding:280px 0}
.sub_type_03 .title_box {margin:0}
.sub_type_03 .title_box .mark {display:inline-block;font-size:34px;background:#232323;padding:10px 20px;border-radius:60px;;margin-bottom:24px}
.sub_type_03 .tit.only_pc {display:block}
.sub_type_03 .tit.only_mb {display:none}

/* 서브1 청소 */
.sub_01.review .sec_01,
.sub_01.inquiry .sec_01 {background-image:url('../img/web/review_bg.jpg')}
.sub_01 .sec_01 {background:url('../img/web/sub01_01_bg.jpg') no-repeat center/cover;padding:240px 0 130px;color:var(--white)}
.sub_01 .sec_01 .asset {width:56px;margin:20px auto 0}
.sub_01 .sec_01 .asset img {animation:float 1s infinite alternate both ease-in-out}

.sub_01 .sec_02 {padding:var(--sec-padding) 0;position:relative}
.sub_01 .sec_02::before {content:'';display:block;width:100%;height:100%;background:url('../img/web/sub01_02_bg.png') no-repeat center/100%;position:absolute;top:0;left:0;z-index:-2}
.sub_01 .sec_02 .wrapper {max-width:1340px}
.sub_01 .sec_02 .open_form .top {display:flex;gap:0 54px}
.sub_01 .sec_02 .open_form .top .checkbox {width:100%}
.sub_01 .sec_02 .open_form .top .checkbox input {display:none}
.sub_01 .sec_02 .open_form .top .checkbox input:checked + label {background:var(--primary);color:var(--white)}
.sub_01 .sec_02 .open_form .top .checkbox input:checked + label::before {background:var(--primary)}
.sub_01 .sec_02 .open_form .top .checkbox input:checked + label .txt_wrap::before {background-image:url('../img/web/check_white1.svg')}
.sub_01 .sec_02 .open_form .top .checkbox label {display:block;border-radius:30px;background:var(--white);transition:all .2s;box-shadow:0 8px 56px rgba(0,0,0,.15);position:relative}
.sub_01 .sec_02 .open_form .top .checkbox label::before {content:'';display:block;border-radius:34px;width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1;transition:all .2s}
.sub_01 .sec_02 .open_form .top .checkbox .img_wrap img {width:100%;border-radius:30px 30px 0 0}
.sub_01 .sec_02 .open_form .top .checkbox .txt_wrap {display:flex;align-items:center;gap:0 20px;font-size:44px;font-weight:600;padding:45px 65px}
.sub_01 .sec_02 .open_form .top .checkbox .txt_wrap::before {content:'';display:block;width:34px;height:34px;background:url('../img/web/check_skyblue.svg') no-repeat center/100%}
.sub_01 .sec_02 .explain {display:flex;align-items:center;justify-content:center;gap:0 14px;font-size:24px;font-weight:500;text-align:center;margin:40px auto 84px}
.sub_01 .sec_02 .explain img {width:24px;animation:float 1s infinite alternate both ease-in-out}
.sub_01 .sec_02 .open_form .bottom .checkbox {width:100%}
.sub_01 .sec_02 .open_form .bottom .checkbox + .checkbox {margin-top:34px}
.sub_01 .sec_02 .open_form .bottom .checkbox input {display:none}
.sub_01 .sec_02 .open_form .bottom .checkbox label {cursor:pointer}
.sub_01 .sec_02 .open_form .bottom .btn_gra {font-size:44px;height:100px}
.sub_01 .sec_02 .open_form .bottom .btn_gra::before {width:180%;animation:btn_gra 1s infinite alternate both linear}
@keyframes btn_gra {
    from {left:0}
    to {left:-80%}
}

.sub_01 .sec_review {padding:var(--sec-padding) 0;background:#E5F4FF}

@media all and (max-width: 1399px) {
    .sub .title_box .tit {font-size:48px}
}

@media all and (max-width: 1199px) {
    .sub .title_box .tit {font-size:42px}

    .sub_type_01::before {display:none}
    .sub_type_01 .txt_wrap {font-size:24px}
    .sub_type_01 .txt_wrap .bar {display:none}
    .sub_type_01 .txt_wrap .tit {margin-top:16px}

    .sub_type_02 .list {gap:22px}
    .sub_type_02 .list .item {border-radius:15px}
    .sub_type_02 .list .item .txt_wrap {font-size:20px;padding:24px}

    .sub_type_03 {padding:160px 0}
    .sub_type_03 .title_box .mark {font-size:24px;margin-bottom:20px}
    /*
    */

    .sub_01 .sec_01 {padding:180px 0 90px}
    .sub_01 .sec_01 .asset {width:42px}
    .sub_01 .sec_02 .open_form .top {gap:0 34px}
    .sub_01 .sec_02 .open_form .top .checkbox .txt_wrap {font-size:30px;padding:28px 40px}
    .sub_01 .sec_02 .explain {font-size:20px;margin:30px auto 60px}
    .sub_01 .sec_02 .explain img {width:20px}
    .sub_01 .sec_02 .open_form .bottom .btn_gra {height:80px;font-size:30px}
    .sub_01 .sec_02 .open_form .bottom .btn_gra svg {width:30px;height:30px}
}

@media all and (max-width: 1023px) {
    .sub .sec_top {padding:140px 0 80px}
    .sub .sec_top .wrapper {flex-direction:column;align-items:flex-start;max-width:450px}

    .sub_type_01 {flex-direction:column;}
    .sub_type_01 .img_wrap {height:400px}
    .sub_type_01 > div {width:100%}

    .sub_type_02 .list {display:grid;grid-template-columns:repeat(2, 1fr);max-width:440px;margin:0 auto}
}

@media all and (max-width: 767px) {
    .sub .title_box .tit {font-size:20px}
    .sub .sec_top {padding:124px 0 35px}
    .sub .sec_top .title_box .tit {font-size:34px}

    .sub_type_01 .txt_wrap {font-size:16px;padding:40px 0}
    .sub_type_01 .img_wrap {height:200px}

    .sub_type_02 .list {gap:14px}
    .sub_type_02 .list .item {border-radius:10px}
    .sub_type_02 .list .item .txt_wrap {font-size:16px;padding:16px}

    .sub_type_03 {background-image:url('../img/web/sub03_02_bg_mb.jpg');padding:125px 0}
    .sub_type_03 .title_box .mark {font-size:16px}
    .sub_type_03 .title_box .tit {font-size:30px}
    .sub_type_03 .tit.only_pc {display:none}
    .sub_type_03 .tit.only_mb {display:flex;flex-direction:column;align-items:center;}

    .highlight .txt.white {margin:0}

    .sub_01 .sec_01 {padding:124px 0 74px}
    .sub_01 .sec_02 .open_form .top {gap:14px}
    .sub_01 .sec_02 .open_form .top .checkbox label {border-radius:20px}
    .sub_01 .sec_02 .open_form .top .checkbox label::before {width:calc(100% + 6px);height:calc(100% + 6px);border-radius:24px}
    .sub_01 .sec_02 .open_form .top .checkbox .txt_wrap {justify-content:center;text-align:center;font-size:20px;padding:16px}
    .sub_01 .sec_02 .open_form .top .checkbox .txt_wrap::before {display:none}
    .sub_01 .sec_02 .open_form .top .checkbox .img_wrap img {border-radius:20px 20px 0 0}
    .sub_01 .sec_02 .explain {font-size:16px;margin:20px auto 40px}
    .sub_01 .sec_02 .explain img {width:16px}
    .sub_01 .sec_02 .open_form .bottom .btn_gra {height:60px;font-size:24px}
    .sub_01 .sec_02 .open_form .bottom .btn_gra svg {width:24px;height:24px}
}

@media all and (max-width: 499px) {
    .sub_01 .sec_02 .open_form .top .checkbox .txt_wrap {font-size:14px}
}

@media all and (max-width: 374px) {
    .sub_01 .sec_02 .open_form .bottom .btn_gra {font-size:18px}
}





/* 서브1-1 - 쓰레기집 청소 */
.sub_01_01 .sec_top {background-image:url('../img/web/sub0101_top_bg.jpg')}
.sub_01_01 .sub_type_03 {background-image:url('../img/web/sub0101_02_bg.jpg')}
.sub_01_01 .sec_03 {padding:var(--sec-padding) 0}

.cost_explain.sub_type_02 {padding:var(--sec-padding) 0 330px}
.cost_explain.sub_type_02 .rocket_txt {opacity:.3}
.cost_explain.sub_type_02.flex_ver .title_box {max-width:540px}

@media all and (max-width: 1023px) {
    .cost_explain.sub_type_02.flex_ver .title_box {text-align:center;width:100%;max-width:100%}
}

@media all and (max-width: 767px) {
    .sub_01_01 .sub_type_03 {background-image:url('../img/web/sub0101_02_bg_mb.jpg')}

    .cost_explain.sub_type_02 {padding:var(--sec-padding) 0 200px}
}






/* 서브1-2 - 일반 청소 */
.sub_01_02 .sec_top {background-image:url('../img/web/sub0102_top_bg.jpg')}
.sub_01_02 .sub_type_03 {background-image:url('../img/web/sub0102_02_bg.jpg')}
.sub_01_02 .sec_combo {background:url('../img/web/sub0102_03_bg.png') no-repeat center/cover}
.sub_01_02 .sec_change {background:var(--white)}

.sub_01_02 .sec_05 {background:#E5E9FF;padding:var(--sec-padding) 0}
.sub_01_02 .sec_05 .wrapper {max-width:1040px}
.sub_01_02 .sec_05 .list {display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}
.sub_01_02 .sec_05 .list .item {background:var(--primary);border-radius:20px;overflow:hidden}
.sub_01_02 .sec_05 .list .item .img_wrap {background:var(--white);padding:34px 10px 24px;text-align:center}
.sub_01_02 .sec_05 .list .item .img_wrap img {width:auto;height:84px}
.sub_01_02 .sec_05 .list .item .txt_wrap {font-size:24px;font-weight:700;color:var(--white);text-align:center;padding:20px 10px}
.sub_01_02 .sec_05 .list .item .txt_wrap span {display:block;line-height:1.4}

@media all and (max-width: 1199px) {
    .sub_01_02 .sec_05 .list .item .txt_wrap {font-size:20px;}
    .sub_01_02 .sec_05 .list .item .img_wrap img {height:74px}
}

@media all and (max-width: 767px) {
    .sub_01_02 .sec_combo {background-position:left center;background-size:200%}
    .sub_01_02 .sub_type_03 {background-image:url('../img/web/sub0102_02_bg_mb.jpg')}

    .sub_01_02 .sec_05 .list {gap:14px;grid-template-columns:repeat(2, 1fr);}
    .sub_01_02 .sec_05 .list .item {border-radius:10px}
    .sub_01_02 .sec_05 .list .item .txt_wrap {font-size:14px;padding:14px 10px}
    .sub_01_02 .sec_05 .list .item .img_wrap {padding:24px 10px 20px}
    .sub_01_02 .sec_05 .list .item .img_wrap img {height:64px}
}







/* 서브2 - 유품정리 */
.sub_02 .sec_03 {padding:calc(var(--sec-padding) / 2) 0 var(--sec-padding)}
.sub_02 .sub_type_03 {background-image:url('../img/web/sub02_02_bg.jpg')}

@media all and (max-width: 767px) {
    .sub_02 .sec_03 {padding:0 0 var(--sec-padding)}
    .sub_02 .sub_type_03 {background-image:url('../img/web/sub02_02_bg_mb.jpg')}
}

@media all and (max-width: 499px) {
    .sub_02 .sec_03 .card_list_01 {display:flex;flex-direction:column;}
}






/* 서브3 - 고독사청소 */
.sub_03 .sec_top {background-image:url('../img/web/sub02_top_bg1.jpg')}

.sub_03 .sub_type_02 {background:url('../img/web/sub03_03_bg.png') no-repeat center left}
.sub_03 .sub_type_02 .rocket_txt {bottom:23%;opacity:.3}
.sub_type_02.flex_ver .wrapper {display:flex;align-items:flex-start;justify-content:space-between;gap:24px 30px;max-width:1540px}
.sub_type_02.flex_ver .title_box {max-width:480px}
.sub_type_02.flex_ver .list {width:50%;max-width:756px;flex-direction:row-reverse;flex-wrap:wrap;gap:50px}
.sub_type_02.flex_ver .list .item {width:calc((100% - 50px)/2)}
.sub_type_02.flex_ver .list .item:nth-child(even) {transform:translateY(calc(50% + 25px))}

.sub_03 .sec_03 {background:#E5F4FF;padding:var(--sec-padding) 0}

.sub_03 .sec_change {background:var(--white)}

@media all and (max-width: 1399px) {
    .sub_type_02.flex_ver .list {gap:30px}
    .sub_type_02.flex_ver .list .item {width:calc((100% - 30px)/2)}
}

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

@media all and (max-width: 1023px) {
    .sub_03 .sub_type_02 .rocket_txt {display:none}
    .sub_type_02.flex_ver .wrapper {flex-direction:column;max-width:530px}
    .sub_type_02.flex_ver .list {width:100%;margin:0}
    .sub_type_02.flex_ver .list .item {width:100%}
    .sub_type_02.flex_ver .list .item:nth-child(even) {transform:none}
}

@media all and (max-width: 767px) {
    .sub_type_02.flex_ver .list {gap:14px}
    .sub_03 .sec_03 .wrapper {max-width:400px}
    .sub_03 .sec_03 .card_list_01 {display:flex;flex-direction:column;}
}






/* 서브4 - 폐기물처리 */
.sub_04 .sec_top {background-image:url('../img/web/sub04_top_bg.jpg')}
.sub_04 .sub_type_03 {background-image:url('../img/web/sub04_02_bg.jpg')}

.sub_04 .sec_change {background:var(--white);padding-bottom:calc(var(--sec-padding) / 2)}

.sub_04 .sec_03 {padding:var(--sec-padding) 0}

.sub_04 .sec_04 {background:#E5F4FF;padding:var(--sec-padding) 0}
.sub_04 .sec_04 .list {display:flex;gap:24px}
.sub_04 .sec_04 .list .item {display:flex;flex-direction:column;align-items:flex-start;padding:30px 40px;background:var(--white);border-radius:10px;font-size:24px;font-weight:700;box-shadow:0 6px 33px #C9DAE8}
.sub_04 .sec_04 .list .item .num {color:var(--primary);opacity:.6}
.sub_04 .sec_04 .list .item .tit {display:block;margin:12px 0 16px}
.sub_04 .sec_04 .list .item img {margin-top:auto}


@media all and (max-width: 1199px) {
    .sub_04 .sec_04 .list {gap:14px;margin:0 auto}
    .sub_04 .sec_04 .list .item {font-size:20px;padding:26px 30px}
}

@media all and (max-width: 1023px) {
    .sub_04 .sec_04 .list {display:grid;grid-template-columns:repeat(2, 1fr);max-width:440px}
}

@media all and (max-width: 767px) {
    .sub_04 .sec_04 .list .item {font-size:16px;padding:24px 20px 16px}
    .sub_04 .sub_type_03 {background-image:url('../img/web/sub04_02_bg_mb.jpg')}
}





/* 서브5 - 쓰레기처리 */
.sub_05 .sec_top {background-image:url('../img/web/sub05_top_bg.jpg')}

.sub_05 .sub_type_03 {background-image:url('../img/web/sub05_02_bg.jpg')}

.sub_05 .sec_change {background:var(--white)}
.sub_05 .sec_process {background:#E5E9FF}

.sub_05 .sec_03 {padding:var(--sec-padding) 0}
.sub_05 .sec_03 .content {display:flex;gap:20px 30px;}
.sub_05 .sec_03 .box {display:flex;flex-direction:column;width:100%;border:solid 1px transparent;border-radius:5px;padding:70px 30px 40px;background:#F6F6F6;transition:all .2s}
.sub_05 .sec_03 .box .tit {text-align:center;margin-bottom:auto}
.sub_05 .sec_03 .box .tit .box_tit {display:block;font-size:34px;font-weight:700}
.sub_05 .sec_03 .box .tit p {font-size:16px;color:#686868;margin-top:14px}
.sub_05 .sec_03 .box .list {display:flex;gap:10px;margin-top:34px}
.sub_05 .sec_03 .box .list > div {display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:20px 16px 16px;background:var(--white);position:relative}
.sub_05 .sec_03 .box .list > div + div::before {content:'';display:block;width:24px;height:24px;background:url('../img/web/sub05_03_07.svg') no-repeat center/100%;position:absolute;top:50%;left:0;transform:translate(-67%, -50%)}
.sub_05 .sec_03 .box .list > div .txt {display:block;font-size:16px;font-weight:700;margin-bottom:16px}
.sub_05 .sec_03 .box .list > div .txt .small {font-size:12px;font-weight:500}
.sub_05 .sec_03 .box .list > div img {display:block;margin-top:auto}

.sub_05 .sec_04 {display:flex;align-items:stretch;background:#E5F4FF}
.sub_05 .sec_04 > div {width:50%}
.sub_05 .sec_04 .title_box {margin:0}
.sub_05 .sec_04 .txt_wrap {display:flex;flex-direction:column;align-items:center;padding:var(--sec-padding) 40px}
.sub_05 .sec_04 .txt_wrap p {font-size:20px;max-width:450px}
.sub_05 .sec_04 .img_wrap img {width:100%;height:100%;object-fit:cover}

.sub_05 .sec_05 {background:url('../img/web/sub03_03_bg.png') no-repeat center left;padding:var(--sec-padding) 0}
.sub_05 .sec_05 .wrapper {max-width:840px}
.sub_05 .sec_05 .list > div {display:flex;align-items:center;gap:0 12px;background:var(--white);border-radius:15px;border:solid 1px transparent;box-shadow:0 4px 30px rgba(62,123,184,.15);padding:24px 34px;font-size:30px;font-weight:600;color:#343434;transition:all .2s}
.sub_05 .sec_05 .list > div + div {margin-top:24px}
.sub_05 .sec_05 .list > div .path_bg {transition:all .2s}
.sub_05 .sec_05 .list > div .small {font-size:.6em}
.sub_05 .sec_05 .list > div:hover {border-color:var(--primary)}
.sub_05 .sec_05 .list > div:hover .path_bg {fill:var(--primary)}

@media (hover: hover) {
    .sub_05 .sec_03 .box:hover {background:var(--white);border-color:#00C0FF;transform:translateY(-10%)}
    .sub_05 .sec_03 .box:hover .list > div {background:#E5F4FF}
    .sub_05 .sec_03 .box:hover .list  > div + div::before {background-image:url('../img/web/sub05_03_08.svg')}
}

@media all and (max-width: 1199px) {
    .sub_05 .sec_03 .box {padding:50px 20px 40px}
    .sub_05 .sec_03 .box .tit .box_tit {font-size:24px}
    .sub_05 .sec_03 .box .tit p {font-size:14px}
    .sub_05 .sec_03 .box .list {margin-top:24px}

    .sub_05 .sec_04 .txt_wrap p {font-size:16px}

    .sub_05 .sec_05 {background-size:80%}
    .sub_05 .sec_05 .list > div {padding:18px 28px;font-size:20px}
    .sub_05 .sec_05 .list > div + div {margin-top:18px}
    .sub_05 .sec_05 .list > div .small {font-size:.8em}
    .sub_05 .sec_05 .list > div svg {width:30px;height:30px}
}

@media all and (max-width: 1023px) {
    .sub_05 .sec_03 .content {flex-direction:column;max-width:640px;margin:0 auto}
}

@media all and (max-width: 767px) {
    .sub_05 .sub_type_03 {background-image:url('../img/web/sub05_02_bg_mb.jpg')}

    .sub_05 .sec_03 .wrapper {padding:0}
    .sub_05 .sec_03 .title_box {padding:0 20px}
    .sub_05 .sec_03 .box {padding:24px 0 24px}
    .sub_05 .sec_03 .box .tit .box_tit {font-size:16px}
    .sub_05 .sec_03 .box .tit p {font-size:12px;margin-top:12px}
    .sub_05 .sec_03 .box .list {margin-top:14px}
    .sub_05 .sec_03 .box .list > div {padding:12px 10px}
    .sub_05 .sec_03 .box .list > div .txt {font-size:13px;line-height:1.2}

    .sub_05 .sec_04 {flex-direction:column-reverse;}
    .sub_05 .sec_04 > div {width:100%;}
    .sub_05 .sec_04 .txt_wrap {padding:34px 20px 80px;align-items:flex-start;}
    .sub_05 .sec_04 .txt_wrap p {font-size:14px}
    .sub_05 .sec_04 .img_wrap {height:260px}

    .sub_05 .sec_05 .list > div {gap:10px;padding:12px 16px;font-size:14px}
    .sub_05 .sec_05 .list > div + div {margin-top:10px}
    .sub_05 .sec_05 .list > div svg {width:20px;min-width:20px;height:20px}
    .sub_05 .sec_05 .list > div .small {display:block}
}