@charset "utf-8";

:root {
    --white:#FFFFFF;
    --black:#000000;
    --primary:#053EFB;
    --header-height: 100px;
    --sec-padding: 200px;
}

/* 공통 */
.container {overflow-x:hidden}
.wrapper {width:100%;max-width:1480px;padding:0 40px;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 14px}
.btn_wrap > * {display:flex;align-items:center;justify-content:center;gap:0 10px;height:54px;font-size:20px;font-weight:700;border-radius:100px;padding:0 34px;transition:all .2s}
.btn_primary {background:var(--primary);color:var(--white)}
.btn_primary:hover {background:#2859fc}
.btn_white {background:var(--white);color:#111111}
.btn_white:hover {color:var(--primary)}
.btn_gra {color:var(--white);position:relative;overflow:hidden}
.btn_gra::before {content:'';display:block;width:100%;height:120%;background:linear-gradient(#1E88E5, #053EFB);z-index:2;position:absolute;top:0;left:0;transition:all .2s}
.btn_gra:hover::before {top:-20%}
.btn_gra .txt,
.btn_gra img,
.btn_gra svg {position:relative;z-index:3}
.sec {overflow:hidden}
.blue {color:var(--primary)}
.yellow {color:#FFF93C}

.title_box {margin-bottom:70px}
.title_box.center {text-align:center}
.title_box .sub {display:block;font-size:22px;line-height:1.4;margin-bottom:20px}
.title_box .tit {display:block;font-size:48px;font-weight:700;line-height:1.35}
.title_box p {font-size:20px;color:#4D4D4D;margin-top:22px}

.txt_wrap .tit {display:block;font-size:34px;font-weight:700;line-height:1.4}
.txt_wrap .sub_tit {display:block;font-size:24px;font-weight:700;line-height:1.4}
.txt_wrap p {font-size:20px;color:#4D4D4D}

.iframe_wrap {width:100%;height:0;padding-bottom:57%;position:relative}
.iframe_wrap iframe {display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

.top_banner {display:flex;align-items:center;height:600px;background:url('../img/web/top_banner_01.jpg') no-repeat center/cover}
.top_banner h2 {font-size:48px;font-weight:700}

/* 헤더 */
.header {width:100%;position:fixed;top:0;left:0;z-index:99;transition:background .2s}
.header.fixed {background:var(--white);border-bottom:solid 1px #e9e9e9}
.header.fixed .gnb li a {color:var(--black)}
.header.fixed .menu_open line {stroke:var(--black)}
.header.white .logo .color {display:none}
.header.white .logo .white {display:block}
.header.white .gnb li a {color:#F8F7F7}
.header.white .menu_open path {fill:var(--white)}
.header.white.fixed .logo .color {display:block}
.header.white.fixed .logo .white {display:none}
.header.white.fixed .menu_open path {fill:var(--black)}
.header.white.fixed .gnb li a {color:#111111}

.header .wrapper {display:flex;align-items:center;max-width:1690px;height:var(--header-height)}
.header .logo {width:87px}
.header .logo .white {display:none}
.header .menu_wrap {display:flex;align-items:center;margin-left:auto}
.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:20px;font-weight:700;color:#111111;transition:all .2s}
.header .gnb li a:hover {color:var(--primary)}
.header .menu_open {display:none}

.float_btns {display:flex;flex-direction:column;gap:20px;position:fixed;top:50%;right:26px;transform:translateY(-50%);z-index:98}
.float_btns > * {display:block;width:90px;border-radius:90px;box-shadow:0 4px 15px rgba(0,0,0,.2)}
.float_btns > * img {width:100%}

/* 푸터 */
.footer {background:#1D1D1B;color:var(--white);padding:120px 0;font-size:16px}
.footer .wrapper {display:flex;align-items:flex-start;justify-content:space-between;}
.footer .info > div {display:flex;align-items:center;}
.footer .info > div span {display:flex;align-items:center;}
.footer .info > div + div {margin-top:14px}
.footer .info > div span + span::before {content:'';display:block;width:1px;height:18px;background:#464646;margin:0 15px}
.footer .info .copyright {color:#666666;margin-top:14px}
.footer .right {display:flex;flex-direction:column;align-items:center;}
.footer .go_top {width:80px;display:block;transition:all .2s}
.footer .go_top:hover {transform:translateY(-5px)}
.footer .sns_link {display:flex;align-items:center;justify-content:center;margin-top:10px}
.footer .sns_link > a {display:flex;align-items:center;justify-content:center;width:50px;height:50px;opacity:.5;transition:all .2s}
.footer .sns_link > a:hover {opacity:.8}

/* 공통 섹션 */
.sec_form {background:url('../img/web/form_bg.jpg') no-repeat center/cover;padding:var(--sec-padding) 0}
.sec_form form {display:flex;align-items:flex-start;flex-wrap:wrap;gap:30px;}
.sec_form .item {width:100%}
.sec_form .item.col2 {width:calc((100% - 30px)/2)}
.sec_form .item.col3 {width:calc((100% - 60px)/3)}
.sec_form .item .tit {display:block;font-size:24px;font-weight:600;margin-bottom:10px}
.sec_form .item .tit sup {color:var(--primary);vertical-align:text-top;margin-left:2px}
.sec_form .item .input_box input,
.sec_form .item .select_box select,
.sec_form .item .txtarea_box textarea {width:100%;height:60px;background:rgba(245,248,255,.5);border:solid 1px #D9D9D9;border-radius:5px;padding:0 24px;font-size:17px;font-weight:500;transition:all .2s}
.sec_form .item .input_box input:focus,
.sec_form .item .select_box select:focus,
.sec_form .item .txtarea_box textarea:focus {border-color:var(--primary)}
.sec_form .item .txtarea_box textarea {height:200px;padding:20px 24px}
.sec_form .item .select_box select {background:rgba(245,248,255,.5) url('../img/web/arrow_gray.svg') no-repeat center right 30px/24px}
.sec_form .chk_box {width:100%}
.sec_form .chk_box input {display:none}
.sec_form .chk_box input:checked + label::before {background:url('../img/web/check.svg') no-repeat center/100%}
.sec_form .chk_box label {display:flex;align-items:flex-start;font-size:17px;font-weight:500;cursor:pointer;position:relative;padding-left:34px;line-height:1.4}
.sec_form .chk_box label::before {content:'';display:block;width:24px;height:24px;border:solid 1px #111111;position:absolute;top:-2px;left:0}
.sec_form .type_sel {display:flex;align-items:center;gap:0 30px;}
.sec_form .type_sel > div {width:100%}
.sec_form .type_sel input {display:none}
.sec_form .type_sel input:checked + label {background:var(--primary);color:var(--white)}
.sec_form .type_sel input:checked + label span::before {background-image:url('../img/web/form_chk_on.svg')}
.sec_form .type_sel label {display:flex;align-items:center;width:100%;height:60px;background:rgba(245,248,255,.5);border:solid 1px #D9D9D9;border-radius:5px;padding:0 24px;font-size:17px;font-weight:500;transition:all .2s;cursor:pointer}
.sec_form .type_sel label span {display:flex;align-items:center;gap:0 10px;}
.sec_form .type_sel label span::before {content:'';display:block;width:20px;height:20px;background:url('../img/web/form_chk_off.svg') no-repeat center/100%}
.sec_form .btn_wrap {width:100%;margin-top:50px}

.form_banner {background:url('../img/web/form_bg1.jpg') no-repeat center/cover;padding:100px 0}
.form_banner .wrapper {display:flex;align-items:center;justify-content:space-between;}
.form_banner .title_box {margin:0}
.form_banner .btn_wrap {justify-content:flex-start;margin-top:40px}
.form_banner .img_wrap {width:49%;max-width:690px}

.list_type_01 .item {display:flex;align-items:center;gap:0 80px;background:var(--white);border:solid 1px transparent;border-radius:10px;box-shadow:0 4px 30px rgba(5,62,251,.1);padding:50px 80px;transition:all .2s}
.list_type_01 .item:hover {border-color:var(--primary);box-shadow:0 4px 30px rgba(5,62,251,.3)}
.list_type_01 .item + .item {margin-top:30px}
.list_type_01 .item .img_wrap {max-width:236px}
.list_type_01 .item .txt_wrap .tit {color:var(--primary)}
.list_type_01 .item .txt_wrap .sub_tit {margin-top:25px}
.list_type_01 .item .txt_wrap p {margin-top:12px}

.list_type_02 {display:grid;grid-template-columns:repeat(3, 1fr);gap:40px 30px}
.list_type_02 .item {background:var(--white);border-radius:10px;border:solid 2px transparent;box-shadow:0 4px 30px rgba(0,0,0,.1);padding:50px 40px;transition:all .2s}
.list_type_02 .item:hover {border-color:var(--primary);box-shadow:0 4px 40px rgba(5, 62, 251, .1)}
.list_type_02 .item img {width:120px}
.list_type_02 .item .tit {display:block;font-size:24px;font-weight:700;line-height:1.4;margin-top:50px}
.list_type_02 .item p {font-size:18px;color:#4D4D4D;margin-top:14px}
.list_type_02 .item .sub {display:block;font-size:16px;color:#A3A3A3;margin-top:14px}

.member_list {background:linear-gradient(-108deg, var(--white), #C8D7FF 45%);padding:var(--sec-padding) 0}
.member_list .ceo {background:#0B245D;padding:80px 0}
.member_list .swiper {overflow:visible;margin-top:50px}
.member_list .swiper-slide {width:930px;padding:0 15px}
.swiper-scrollbar {width:100% !important;background:rgba(5,62,251,.2);height:2px !important;margin-top:50px;position:initial !important}
.swiper-scrollbar-drag {background:#053EFB !important}
.member_list .worker {margin-top:50px}
.member_list .worker .wrapper {display:flex;gap:0 30px;max-width:1800px;}
.member_list .worker .member_item {width:100%}
.member_list .worker .swiper {width:100%}
.member_list .worker .swiper-slide {width:50%}
.member_list .worker .swiper-scrollbar {display:none}

.member_item {display:flex;align-items:center;gap:0 80px;background:var(--white);border-radius:10px;box-shadow:0 3px 30px rgba(0,0,0,.1);overflow:hidden;padding:40px 80px 40px 40px}
.member_item .img_wrap {width:424px}
.member_item .txt_wrap {flex:1}
.member_item .txt_wrap .tit {font-size:30px;border-bottom:solid 1px #DDDDDD;margin-bottom:40px;padding-bottom:20px}
.member_item .txt_wrap .name {font-size:20px;font-weight:500}
.member_item .txt_wrap .name .blue {font-weight:700}
.member_item .txt_wrap .name strong {font-size:1.5em}
.member_item .txt_wrap .info {display:flex;align-items:flex-start;gap:0 80px;margin-top:20px}
.member_item .txt_wrap .info li + li {margin-top:2px}
.member_item .txt_wrap .info p {font-size:20px;color:#787878;position:relative;padding-left:14px}
.member_item .txt_wrap .info p::before {content:'-';display:block;position:absolute;top:0;left:0}
.member_item .txt_wrap .flex {display:flex;align-items:flex-start;gap:30px}
.member_item .txt_wrap .flex .img_wrap {flex:45% 0 0}
.member_item.small_item {padding:54px 66px;background:rgba(250,250,250,.5)}
.member_item.small_item .txt_wrap {width:100%}
.member_item.small_item .txt_wrap .tit {border-color:rgba(77,77,77,.4)}

.img_slide .swiper {overflow:visible}
.img_slide .swiper + .swiper {margin-top:30px}
.img_slide .swiper-slide {width:580px;padding:0 15px}
.img_slide .swiper-wrapper {-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important}
.img_slide .img_wrap {border-radius:10px;overflow:hidden;}
.img_slide .img_wrap img {width:100%}

.sec_map {display:flex;align-items:center;justify-content:space-between;}
.sec_map > div {width:100%;max-width:368px;}
.sec_map .map {max-width:446px;position:relative}
.sec_map .map .round {position:absolute;top:26%;left:28%}
.sec_map .map .round .round1 {width:15px;height:15px;background:#FFF93C;border-radius:15px}
.sec_map .map .round .round2 {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:.3;}
.sec_map .map .round .round2 span {display:block;width:73px;height:73px;background:#FFF93C;border-radius:50px;animation:scale 2s infinite ease-in-out}
.sec_map .map .round .round3 {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:.1}
.sec_map .map .round .round3 span {display:block;width:73px;height:73px;background:#FFF93C;border-radius:50px;animation:scale 2s .3s infinite ease-in-out}
.sec_map .item {background:var(--white);border-radius:10px;padding:26px 30px;font-size:20px;font-weight:500}
.sec_map .item + .item {margin-top:30px}
.sec_map .item .top {display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px rgba(17,17,17,.2);font-size:24px;font-weight:700;padding-bottom:14px;margin-bottom:28px}
.sec_map .item .info > div {display:flex;align-items:center;justify-content:space-between;}
.sec_map .item .info > div + div {margin-top:20px}
.sec_map .item .info > div .tit {display:flex;align-items:center;gap:0 20px}
.sec_map .item .info > div .tit img {width:34px}
.sec_map .item.navy {background:#0C34B1;color:var(--white)}
.sec_map .item.navy .top {border-color:rgba(255,255,255,.2)}
@keyframes scale {
    from {transform:scale(0);opacity:1}
    80% {opacity:1}
    to {transform:scale(1);opacity:0}
}

.phone_review {background:#F4F8FF;padding:var(--sec-padding) 0}
.phone_review .wrapper {padding:0}
.phone_review .swiper {padding:70px 0}
.phone_review .swiper-slide {width:361px}
.phone_review .swiper-slide .img_wrap {background:#000000;overflow:hidden;border-radius:10px}
.phone_review .swiper-slide .img_wrap img {max-width:initial;width:calc(100% + 3px);opacity:.6}
.phone_review .swiper-slide-prev .img_wrap img,
.phone_review .swiper-slide-next .img_wrap img {opacity:.8}
.phone_review .swiper-slide-active {background:var(--white)}
.phone_review .swiper-slide-active::before {content:'';display:block;width:107%;height:120%;background:url('../img/web/index_09_bg.png') no-repeat center/100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.phone_review .swiper-slide-active .img_wrap {position:relative;z-index:4}
.phone_review .swiper-slide-active .img_wrap img {opacity:1}
.phone_review .title_box {padding:0 20px}
.phone_review .video_list {margin-top:100px}
.video_list {display:flex;align-items:center;gap:30px;padding:0 20px}
.video_list .iframe_wrap {border-radius:10px;overflow:hidden}

.txt_review {background:#0C34B1;padding:30px 0}
.txt_review .item {display:flex;align-items:center;font-size:24px;font-weight:600;color:var(--white);border-radius:10px;padding:20px 0}
.txt_review .item .name {flex:100px 0 0}
.txt_review .item p {flex:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.txt_review .item .date {display:block;margin-left:auto;padding-left:90px}
.txt_review .swiper {height:215px}
.txt_review .swiper-slide-active .item {background:var(--white);color:#111111;padding:20px 30px}
.txt_review .swiper-slide-active .item .date {color:#787878}

.sec_sv_link {background:#1C56FF;color:var(--white);padding:var(--sec-padding) 0}
.sec_sv_link .wrapper {max-width:830px}
.sec_sv_link .list {display:flex;flex-direction:column;align-items:center;gap:30px}
.sec_sv_link .list a {display:flex;align-items:center;justify-content:center;gap:0 10px;width:100%;;background:rgba(245,248,255,.2);border-radius:50px;padding:20px 0;font-size:30px;font-weight:700;color:var(--white);transition:all .2s}
.sec_sv_link .list a:hover {background:#0C34B1}

.sec_count {padding:var(--sec-padding) 0}
.sec_count .list {display:flex;gap:30px;margin-bottom:130px}
.sec_count .list .item {flex:1;background:var(--white);border-radius:10px;position:relative;overflow:hidden;text-align:center;padding:50px 0;box-shadow:0 4px 30px rgba(5,62,250,.1)}
.sec_count .list .item::before {content:'';display:block;width:100%;height:100%;background:linear-gradient(#1E88E5, #053EFB);position:absolute;top:0;left:0;opacity:0;transition:all .2s}
.sec_count .list .item .inner {position:relative;z-index:1}
.sec_count .list .item img {width:120px}
.sec_count .list .item .tit {display:block;font-size:24px;font-weight:500;margin-top:12px}
.sec_count .list .item .num {font-size:22px;font-weight:600;margin-top:20px;transition:all .2s}
.sec_count .list .item .num span {font-size:50px;font-weight:700;color:#053EFB;transition:all .2s}
.sec_count .list .item:hover {color:var(--white)}
.sec_count .list .item:hover::before {opacity:1}
.sec_count .list .item:hover .num span {color:inherit !important}
.sec_count .list.small .item img {width:100px}
.sec_count .list.small .item .tit {font-size:20px}
.sec_count .list.small .item .num span {font-size:40px;color:#111111}

@media all and (max-width: 1699px) {
    .member_item.small_item .txt_wrap .tit br {display:block}
}

@media all and (max-width: 1399px) {
    .member_list .worker .wrapper {display:block}
    .member_list .worker .member_item {width:auto}
    .member_list .worker .swiper {width:100%}
    .member_list .worker .swiper-slide {width:930px}
    .member_list .worker .swiper-scrollbar {display:block}
}

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

    .title_box {margin-bottom:50px}
    .title_box .sub {font-size:20px;margin-bottom:14px}
    .title_box .tit {font-size:36px}
    .title_box p {font-size:18px;margin-top:16px}

    .txt_wrap .tit {font-size:28px}
    .txt_wrap .sub_tit {font-size:20px}
    .txt_wrap p {font-size:16px}

    .btn_wrap > * {height:50px;font-size:18px;padding:0 24px}
    
    .top_banner {height:450px}
    .top_banner h2 {font-size:36px}
    
    /* 헤더 */
    .header .wrapper {padding:0 0 0 20px}
    .header .logo {width:65px}
    .header .menu_wrap {display:none;flex-direction:column;align-items:flex-start;width:100%;height:100%;background:#ffffff;position:fixed;top:0;left:0;overflow-y:auto;padding:0 26px 40px}
    .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:80px 0}
    .header .gnb ul {flex:1;flex-direction:column;align-items:flex-start;gap:24px 0;overflow-y:auto}
    .header .gnb li a {height:36px;font-size:18px;font-weight:700;color:#121212 !important}
    .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}

    /* 공통 섹션 */
    .sec_form form {gap:20px}
    .sec_form .item .tit {font-size:18px}
    .sec_form .item .input_box input,
    .sec_form .item .select_box select,
    .sec_form .item .txtarea_box textarea {height:50px;font-size:15px;padding:0 20px}
    .sec_form .type_sel {gap:20px}
    .sec_form .item.col3 {width:calc((100% - 40px)/3)}
    .sec_form .type_sel label {font-size:15px;height:50px}
    .sec_form .item .txtarea_box textarea {height:150px;padding:16px}
    .sec_form .btn_wrap {margin-top:40px}

    .list_type_01 .item .img_wrap {max-width:160px}
    .list_type_01 .item .txt_wrap .sub_tit {margin-top:18px}

    .list_type_02 {gap:20px}
    .list_type_02 .item {padding:40px 34px}
    .list_type_02 .item img {width:100px}
    .list_type_02 .item .tit {font-size:22px;margin-top:36px}
    .list_type_02 .item p {font-size:16px;margin-top:12px}

    .member_list .swiper-slide,
    .member_list .worker .swiper-slide {width:740px}

    .member_item {gap:0 50px}
    .member_item .img_wrap {width:290px}
    .member_item .txt_wrap .tit {font-size:24px;padding-bottom:16px;margin-bottom:30px}
    .member_item .txt_wrap .name {font-size:18px}
    .member_item .txt_wrap .info {gap:0 40px}
    .member_item .txt_wrap .info p {font-size:15px}
    .member_item .txt_wrap .flex .img_wrap {flex-basis:250px}

    .img_slide .swiper-slide {width:450px}

    .sec_map > div:nth-child(1),
    .sec_map > div:nth-child(3) {max-width:320px}
    .sec_map .item {font-size:18px}
    .sec_map .item .top {font-size:20px;margin-bottom:20px}
    .sec_map .item .info > div .tit {gap:0 10px}

    .phone_review .swiper-slide {width:285px}
    .video_list {margin-top:80px}

    .txt_review .swiper {height:210px}
    .txt_review .item {font-size:20px}
    .txt_review .item .date {padding-left:40px}

    .sec_sv_link .wrapper {max-width:530px}
    .sec_sv_link .list {gap:20px}
    .sec_sv_link .list a {padding:12px 16px;font-size:22px}
    .sec_sv_link .list a img {width:48px}

    .sec_count .list {gap:20px}
    .sec_count .list .item {padding:30px 16px}
    .sec_count .list .item img {width:100px}
    .sec_count .list .item .tit {font-size:20px}
    .sec_count .list .item .num {font-size:18px;margin-top:12px}
    .sec_count .list .item .num span {font-size:30px}
}

@media all and (max-width: 1023px) {
    .float_btns {top:auto;bottom:40px;transform:none;gap:10px}
    .float_btns > * {width:60px}

    /* 공통 섹션 */
    .sec_form .type_sel {flex-direction:column;gap:16px}

    .form_banner .title_box {text-align:center}
    .form_banner .btn_wrap {justify-content:center;margin-top:24px}
    .form_banner .wrapper {flex-direction:column;gap:30px}
    .form_banner .img_wrap {width:100%;max-width:450px}

    .list_type_01 .item {gap:0 50px;padding:50px 40px}
    .list_type_02 {grid-template-columns:repeat(2, 1fr);}

    .member_item {flex-direction:column;gap:24px 0;padding:40px 24px}

    .sec_map {flex-direction:column;gap:20px}
    .sec_map .map {order:-1}
    .sec_map .item + .item {margin-top:20px}
}

@media all and (max-width: 767px) {
    :root {
        --header-height: 70px;
        --sec-padding: 80px;
    }
    .only_mb {display:block}
    .only_pc {display:none}
    .wrapper {padding:0 20px}

    .title_box {max-width:400px;margin:0 auto 30px}
    .title_box .sub {font-size:16px;margin-bottom:10px}
    .title_box .tit {font-size:24px}
    .title_box p {font-size:16px;margin-top:12px}

    .txt_wrap .tit {font-size:22px}
    .txt_wrap .sub_tit {font-size:18px}
    .txt_wrap p {font-size:14px}

    .btn_wrap > * {height:44px;font-size:15px;padding:0 20px}
    
    .top_banner {height:324px;background-image:url('../img/web/top_banner_01_mb.jpg')}
    .top_banner h2 {font-size:24px;text-align:center}
    
    /* 헤더 */
    .header .logo {width:55px}
    .float_btns {bottom:24px;right:24px;}
    .float_btns > * {width:48px}

    /* 푸터 */
    .footer {padding:70px 0 80px;font-size:14px}
    .footer .wrapper {flex-direction:column-reverse;}
    .footer .go_top {display:none}
    .footer .sns_link {margin:0 0 12px -10px}
    .footer .info > div span + span::before {margin:0 8px}
    .footer .info > div + div {margin-top:10px;flex-direction:column;align-items:flex-start;gap:10px 0}
    .footer .info > div + div span::before {display:none}

    /* 공통 섹션 */
    .sec_form .item.col2,
    .sec_form .item.col3 {width:100%}
    .sec_form .item .tit {font-size:17px}
    .sec_form .item .input_box input,
    .sec_form .item .select_box select,
    .sec_form .item .txtarea_box textarea {height:40px;font-size:14px;padding:0 16px}
    .sec_form .item .select_box select {background-size:20px;background-position:center right 12px}
    .sec_form .type_sel label {height:40px;padding:0 16px;font-size:14px}
    .sec_form .type_sel label span::before {width:16px;height:16px}
    .sec_form .item .txtarea_box textarea {height:120px;padding:16px}
    .sec_form .chk_box label {padding-left:30px;font-size:15px}
    .sec_form .chk_box label::before {width:20px;height:20px}
    .sec_form .btn_wrap {margin-top:20px}

    .form_banner {padding:80px 0}

    .list_type_01 .item {flex-direction:column;gap:12px 0;text-align:center;padding:30px 24px}
    .list_type_01 .item .img_wrap {max-width:80px}
    .list_type_01 .item .txt_wrap .sub_tit {margin-top:12px}
    .list_type_01 .item .txt_wrap p {max-width:340px;margin:8px auto 0}

    .list_type_02 .item {padding:30px 24px}
    .list_type_02 .item img {width:80px}
    .list_type_02 .item .tit {font-size:20px;margin-top:24px}

    .member_list .ceo {padding-bottom:30px}
    .member_list .swiper {margin-top:30px}
    .member_list .swiper-slide {width:100%;padding:0 6px}
    .member_list .worker .swiper-slide {width:100%}
    .swiper-scrollbar {margin-top:20px}

    .member_item .img_wrap {width:217px}
    .member_item .txt_wrap .tit {font-size:20px;padding-bottom:14px;margin-bottom:20px}
    .member_item .txt_wrap .name {font-size:16px}
    .member_item .txt_wrap .info {flex-direction:column;gap:2px}
    .member_item .txt_wrap .flex {flex-direction:column;align-items:center;gap:24px 0}
    .member_item .txt_wrap .flex > div {width:100%}
    .member_item .txt_wrap .flex .img_wrap {flex:none;width:200px}
    .member_item.small_item {padding:30px 24px}
    .member_item.small_item .txt_wrap .tit {text-align:center}
    .member_item.small_item .txt_wrap .name {display:block;text-align:center}

    .img_slide .swiper + .swiper {margin-top:12px}
    .img_slide .swiper-slide {width:200px;padding:0 6px}

    .sec_map .item {padding:24px}
    .sec_map .item .top {font-size:18px}
    .sec_map .item {font-size:16px}

    .phone_review .swiper {padding:40px 0}
    .phone_review .swiper-slide {width:228px}
    .video_list {overflow-x:auto;gap:20px;margin-top:30px}
    .video_list {width:calc(100% + 40px);margin-left:-20px;padding:0 20px}
    .video_list .iframe_wrap {width:60%;min-width:60%;padding-bottom:107%}

    .txt_review .swiper {height:246px}
    .txt_review .item {font-size:18px;padding:16px !important}
    .txt_review .item span {display:none !important}
    .txt_review .item p {white-space:initial;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;line-height:1.4}

    .sec_sv_link .list a {font-size:17px;gap:0 5px}
    .sec_sv_link .list a img {width:36px}

    .sec_count .list {flex-direction:column;margin-bottom:40px}
    .sec_count .list.small .item img {width:80px}
    .sec_count .list.small .item .num span {font-size:30px}
}

@media all and (max-width: 599px) {
    .list_type_02 {display:flex;flex-direction:column;}
    .video_list .iframe_wrap {width:85%;min-width:85%;padding-bottom:150%}
}

@media all and (max-width: 499px) {
    .member_item.small_item .txt_wrap .name {text-align:left}
}


/* 인덱스 */
.index .quick_form {width:100%;background:var(--primary);position:fixed;bottom:0;left:0;z-index:10}
.index .quick_form .wrapper {display:flex;align-items:center;height:90px;}
.index .quick_form .tit {color:#ffffff;font-size:22px;font-weight:700;margin-right:68px;line-height:1.3}
.index .quick_form .form {flex:1;display:flex;align-items:center;gap:0 15px;}
.index .quick_form .form input {width:100%;max-width:250px;height:48px;border:0;border-radius:5px;;padding:0 15px;font-size:18px}
.index .quick_form .form button {display:flex;align-items:center;justify-content:center;height:48px;background:var(--black);color:var(--white);font-size:20px;font-weight:600;padding:0 30px;margin-left:auto}
.index .quick_form .chk_box input {display:none}
.index .quick_form .chk_box input:checked + label::before {background-image:url('../img/web/chk_on.svg')}
.index .quick_form .chk_box label {display:flex;align-items:center;gap:0 5px;font-size:18px;font-weight:500;color:var(--white);cursor:pointer}
.index .quick_form .chk_box label::before {content:'';display:block;width:18px;height:18px;background:url('../img/web/chk_off.svg') no-repeat center/100%}

.index .sec_01 {background:#000000 url('../img/web/index_01_01.jpg') no-repeat center/cover;height:1000px;padding:200px 0 60px;text-align:center;color:var(--white);position:relative}
.index .sec_01 .txt_wrap .sub {display:block;font-size:30px;margin-bottom:22px}
.index .sec_01 .txt_wrap h1 {font-size:54px;line-height:1.6}
.index .sec_01 .txt_wrap .square {display:inline-block;position:relative;margin-bottom:.08em}
.index .sec_01 .txt_wrap .square::before,
.index .sec_01 .txt_wrap .square::after {content:'';display:block;width:10px;height:10px;background:#002DFF;position:absolute;top:0;left:0;transform:translate(-100%, -100%)}
.index .sec_01 .txt_wrap .square::after {transform:translate(100%, -100%);left:auto;right:0}
.index .sec_01 .txt_wrap .square2 {background:#002DFF;padding:0 .3em}
.index .sec_01 .txt_wrap .square2::before {transform:translate(-100%, 100%);top:auto;bottom:0}
.index .sec_01 .txt_wrap .square2::after {transform:translate(100%, 100%);top:auto;bottom:0;left:auto;right:0}
.index .sec_01 .btn_wrap {margin-top:40px}

.index .sec_02 {display:flex}
.index .sec_02 > div {width:50%;height:800px}
.index .sec_02 .img_wrap {overflow:hidden}
.index .sec_02 .img_wrap img {width:100%;height:100%;object-fit:cover;}
.index .sec_02 .title_box {display:flex;flex-direction:column;justify-content:center;margin:0;padding:0 7%}
.index .sec_02 .title_box p {margin-top:40px}

.index .sec_combo {background:#E8F2FF url('../img/web/index_04_bg.png') no-repeat bottom center/100%}
.index .sec_03 {background:#E8F2FF;padding:var(--sec-padding) 0}

.index .sec_04 {padding:calc(var(--sec-padding)/2) 0 var(--sec-padding)}
.index .sec_04 .list {display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}
.index .sec_04 .list .item {display:flex;align-items:center;justify-content:space-between;background:rgba(245,248,255,.5);border-radius:10px;border:solid 1px transparent;box-shadow:0 4px 30px rgba(5,62,251,.1);transition:all .2s;padding:24px 60px}
.index .sec_04 .list .item:hover {background:var(--white);border-color:var(--primary);box-shadow:0 4px 30px rgba(5,62,251,.3)}
.index .sec_04 .list .item .img_wrap {max-width:150px}
.index .sec_04 .list .item .txt_wrap .sub_tit {margin-top:12px}

.index .sec_05 {background:#FAFAFA;padding:var(--sec-padding) 0}
.index .sec_05 .title_box {display:flex;align-items:flex-end;justify-content:space-between;}
.index .sec_05 .slide_btn {display:flex;align-items:center;gap:0 15px;}
.index .sec_05 .slide_btn > * {width:65px;background:var(--white);border:solid 1px #DDDDDD;border-radius:50px;cursor:pointer;transition:all .2s}
.index .sec_05 .slide_btn > *:hover {border-color:#999999}
.index .sec_05 .swiper {overflow:visible}
.index .sec_05 .swiper-slide {opacity:0 !important}
.index .sec_05 .swiper-slide-active {opacity:1 !important}

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

.index .sec_07 {background:#1C56FF;padding:var(--sec-padding) 0}
.index .sec_07 .title_box {color:var(--white)}

@media all and (max-width: 1399px) {
    .index .sec_01 {height:1020px}
}

@media all and (max-width: 1299px) {
    .index .sec_02 .title_box {padding:0 50px}
}

@media all and (max-width: 1199px) {
    .index .quick_form .tit {font-size:18px;margin-right:40px}
    .index .quick_form .form input {height:44px;font-size:15px}
    .index .quick_form .chk_box label {font-size:14px}
    .index .quick_form .form button {font-size:18px}

    .index .sec_01 {background-size:1480px;padding:150px 0 60px;height:900px}
    .index .sec_01 .txt_wrap .sub {font-size:24px}
    .index .sec_01 .txt_wrap h1 {font-size:42px}

    .index .sec_02 > div {height:600px}

    .index .sec_04 .list .item .img_wrap {max-width:100px}
}

@media all and (max-width: 1023px) {
    .index .quick_form {display:none}

    .index .sec_02 {flex-direction:column;}
    .index .sec_02 > div {height:auto;width:100%}
    .index .sec_02 > .title_box {padding:30px 20px 80px}


    .index .sec_04 .list {gap:20px}
    .index .sec_04 .list .item {padding:24px 30px}

    .index .sec_05 .slide_btn {display:none}
}

@media all and (max-width: 767px) {
    .index .sec_01 {height:700px;background:url('../img/web/index_01_03_mb.png') no-repeat center top 57%/100%, #0F1434 url('../img/web/index_01_01.jpg') no-repeat center/cover;padding:110px 0 84px}
    .index .sec_01 .wrapper {height:100%;position:relative}
    .index .sec_01 .txt_wrap .sub {font-size:17px}
    .index .sec_01 .txt_wrap h1 {font-size:30px}
    .index .sec_01 .txt_wrap .square::before, .index .sec_01 .txt_wrap .square::after {width:4px;height:4px}
    .index .sec_01 .btn_wrap {flex-direction:column;gap:10px;margin-top:24px}

    .index .sec_02 .title_box p {max-width:400px}

    .index .sec_04 .list .item {flex-direction:column-reverse;align-items:flex-start;gap:20px;padding:30px 24px}
    .index .sec_04 .list .item .img_wrap {max-width:80px}
    .index .sec_04 .list .item .txt_wrap .sub_tit {margin-top:10px}

    .index .sec_05 .title_box {text-align:center;display:block}

    .index .sec_06 .title_box {text-align:center}

    .index .sec_07 .title_box {text-align:center}
}

@media all and (max-width: 499px) {
    .index .sec_01 {background:#000000 url('../img/web/index_01_01_mb.png') no-repeat center bottom/100%}
    .index .sec_04 .list {display:flex;flex-direction:column;}
}


/* 서브1 - 집공략 전문가 */
.sub_01 .sec_01 {background:#F5F5FD;padding-top:210px}
.sub_01 .sec_01 .img_wrap img {width:100%}

/* 서브2 - 월세전세 */
.sub_02 .sec_01 {background:url('../img/web/sub02_01_bg.jpg') no-repeat center/cover;color:var(--white);padding:220px 0 160px}
.sub_02 .sec_01 .wrapper {display:flex;align-items:center;justify-content:space-between;}
.sub_02 .sec_01 .title_box {margin:0}
.sub_02 .sec_01 .title_box p {color:inherit}
.sub_02 .sec_01 .img_wrap {width:60%;max-width:726px}
.sub_02 .sec_01 .img_wrap img {animation:float 2s ease-in-out infinite alternate both}
@keyframes float {
    from {transform:translateY(0)}
    to {transform:translateY(-4%)}
}

.sub_02 .sec_02 {padding-top:var(--sec-padding)}
.sub_02 .sec_02 .img_wrap {height:600px;background:url('../img/web/sub02_02_01.jpg') no-repeat center/cover}

.sub_02 .sec_combo {padding:var(--sec-padding) 0;background:#E8F2FF url('../img/web/sub02_04_bg.png') no-repeat center bottom/100%}
.sub_02 .sec_04 {padding-top:calc(var(--sec-padding) * 1.5)}
.sub_02 .sec_04 .item {width:100%;max-width:425px;background:rgba(255,255,255,.3);border-radius:10px;backdrop-filter:blur(20px);padding:40px 50px;margin:0 auto;text-align:center}
.sub_02 .sec_04 .item img {width:120px}
.sub_02 .sec_04 .item span {display:block;font-size:24px;margin-top:30px}
.sub_02 .sec_04 .item strong {display:block;font-size:60px;font-weight:700;color:#053EFB;margin-top:12px}

.sub_02 .sec_05 {background:url('../img/web/sub02_05_bg.jpg') no-repeat center bottom/100%;padding:var(--sec-padding) 0}
.sub_02 .sec_05 .list {display:flex;gap:30px}
.sub_02 .sec_05 .list .item {position:relative;border-radius:10px;overflow:hidden}
.sub_02 .sec_05 .list .item .txt_wrap {position:absolute;bottom:0;left:0;width:100%;padding:50px 20px;color:var(--white);text-align:center;z-index:1;font-size:24px;line-height:1.4}
.sub_02 .sec_05 .title_box {margin:0}
.sub_02 .sec_05 .line {display:block;width:2px;height:90px;background:linear-gradient(#C7D4FF, #032595);margin:50px auto}

.sub_02 .sec_06 {padding:var(--sec-padding) 0}
.sub_02 .sec_06 .wrapper {display:flex;align-items:flex-start;justify-content:space-between;}
.sub_02 .sec_06 .title_box {max-width:620px}
.sub_02 .sec_06 .list {max-width:600px;width:45%}
.sub_02 .sec_06 .item + .item {margin-top:30px}
.sub_02 .sec_06 .item {border-radius:10px;overflow:hidden;box-shadow:0 4px 30px rgba(5, 62, 251, .1);position:relative}
.sub_02 .sec_06 .item .txt_wrap {padding:40px 50px;position:absolute;bottom:0;left:0;width:100%;z-index:1;color:var(--white)}
.sub_02 .sec_06 .item .txt_wrap span {display:block;font-size:20px}
.sub_02 .sec_06 .item .txt_wrap strong {display:block;font-size:24px;font-weight:700;margin-top:10px}

.sub_02 .sec_07 {background:#FAFAFA;padding:var(--sec-padding) 0}

.sub_02 .sec_08 {padding:var(--sec-padding) 0}
.sub_02 .sec_08 .cont {display:flex;gap:30px}
.sub_02 .sec_08 .item {width:100%;background:var(--white);border:solid 2px transparent;border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.1);padding:50px 46px}
.sub_02 .sec_08 .item:hover {border-color:#053EFB;box-shadow:0 4px 30px rgba(5,62,251,.3)}
.sub_02 .sec_08 .item .top {display:flex;align-items:center;gap:0 24px;font-size:20px}
.sub_02 .sec_08 .item .top .img {width:100px}
.sub_02 .sec_08 .item .top .mark {display:inline-flex;align-items:center;background:#6685EA;border-radius:50px;color:var(--white);font-weight:600;padding:10px 16px}
.sub_02 .sec_08 .item .top .name {display:block;margin-top:14px}
.sub_02 .sec_08 .item p {margin-top:20px;padding-top:40px;border-top:solid 1px #DDDDDD;font-size:24px;font-weight:500}

.sub_02 .sec_09 {background:#E8F2FF}
.sub_02 .sec_09 .wrapper {display:flex;align-items:center;justify-content:space-between;max-width:1680px}
.sub_02 .sec_09 .title_box {margin:0;padding:0 20px}
.sub_02 .sec_09 .title_box .btn_wrap {margin-top:40px}
.sub_02 .sec_09 .swiper {width:30%;max-width:500px;height:1080px;margin:0}
.sub_02 .sec_09 .swiper:nth-child(2) {order:-1}
.sub_02 .sec_09 .swiper-wrapper {-webkit-transition-timing-function:linear!important;transition-timing-function:linear!important}
.sub_02 .sec_09 .swiper-slide {height:auto;padding:15px 0}
.sub_02 .sec_09 .img_wrap {border-radius:10px;overflow:hidden}

.sub_02 .sec_10 {padding-top:var(--sec-padding)}
.sub_02 .sec_10 .title_box .tit {max-width:825px}
.sub_02 .sec_10 .bottom {background:#1C56FF;padding:var(--sec-padding) 0}

.sub_02 .sec_11 {padding:var(--sec-padding) 0}
.sub_02 .sec_11 .cont {display:flex;gap:30px}
.sub_02 .sec_11 .cont > div {width:100%;background:#F1F1F1;border-radius:10px;padding:60px 50px}
.sub_02 .sec_11 .cont .tit {display:block;text-align:center;font-size:34px;font-weight:500;color:#4D4D4D;margin-bottom:40px}
.sub_02 .sec_11 .cont .dot {color:rgba(77,77,77,.6);font-size:24px}
.sub_02 .sec_11 .cont .dot li {border-bottom:solid 1px rgba(77,77,77,.3);padding:24px 0}
.sub_02 .sec_11 .cont .dot li:first-child {padding-top:0}
.sub_02 .sec_11 .cont .dot li:last-child {padding-bottom:0;border:0}
.sub_02 .sec_11 .cont .dot li p {position:relative;padding-left:16px}
.sub_02 .sec_11 .cont .dot li p::before {content:'·';font-weight:700;position:absolute;top:0;left:0}
.sub_02 .sec_11 .cont > .item_02 {background:linear-gradient(#1E88E5, #053EFB)}
.sub_02 .sec_11 .cont > .item_02 * {color:var(--white);font-weight:700}
.sub_02 .sec_11 .cont > .item_02 .dot li {border-color:rgba(255,255,255,.6)}

/* 서브3 - 매매분양 */
.sub_03 .sec_01 {background:url('../img/web/sub03_01_bg.png') no-repeat center bottom/cover;padding-top:250px;color:var(--white)}
.sub_03 .sec_01 .img_wrap {width:40%;max-width:416px;margin:0 auto}

.sub_03 .sec_02 {padding:var(--sec-padding) 0;background:linear-gradient(#262626 50%, #0C34B1);margin-top:-1px;color:var(--white)}
.sub_03 .sec_02 .title_box .img_box {max-width:190px;margin:0 auto 40px}
.sub_03 .sec_02 .title_box .img_box img {width:100%;animation:float 1s ease-in-out infinite alternate both}
.sub_03 .sec_02 .title_box {margin:0}
.sub_03 .sec_02 .title_box p {color:inherit}

.sub_03 .sec_03 {padding:var(--sec-padding) 0}
.sub_03 .sec_03 .list {margin:0}

.sub_03 .sec_04 {padding:var(--sec-padding) 0;background:linear-gradient(-108deg, var(--white), #C8D7FF 45%)}

.sub_03 .sec_05 {padding:var(--sec-padding) 0;background:#FAFAFA}

.sub_03 .sec_06 {padding:var(--sec-padding) 0;background:var(--white)}

.sub_03 .sec_07 {padding:var(--sec-padding) 0;background:#FAFAFA}

.sub_03 .sec_08 {padding:var(--sec-padding) 0}
.sub_03 .sec_08 .cont {display:flex;gap:40px}
.sub_03 .sec_08 .item {display:flex;flex-direction:column;align-items:center;width:100%;border:solid 1px #DDDDDD;border-radius:10px;text-align:center;padding:60px 40px;font-size:24px;transition:all .2s}
.sub_03 .sec_08 .item:hover {border-color:var(--primary);box-shadow:0 4px 30px rgba(5,62,251,.3)}
.sub_03 .sec_08 .item .tit {font-size:30px;font-weight:700;line-height:1.4}
.sub_03 .sec_08 .item > p {margin-top:30px}
.sub_03 .sec_08 .item .name {font-size:20px;color:#747474;line-height:1.4;margin:20px 0 50px}
.sub_03 .sec_08 .item .box {background:#D7E4FF;border-radius:10px;margin-top:auto;padding:40px}

.sub_03 .sec_09 {padding:var(--sec-padding) 0;background:url('../img/web/sub03_09_bg.jpg') no-repeat center/cover}
.sub_03 .sec_09 .title_box.bottom {margin:calc(var(--sec-padding)*1.5) auto 0}
.sub_03 .sec_09 .title_box .box {display:inline-flex;align-items:center;background:var(--primary);border-radius:10px;color:var(--white);font-size:40px;font-weight:700;padding:20px 30px;}
.sub_03 .sec_09 .title_box .box .yellow {font-size:1.6em;margin-left:10px}
.sub_03 .sec_09 .title_box.bottom p {margin:50px 0 24px;font-size:30px}

.sub_03 .sec_10 {padding:var(--sec-padding) 0;background:#FAFAFA}

.sub_03 .sec_11 {padding:var(--sec-padding) 0}
.sub_03 .sec_11 .wrapper {display:flex;align-items:flex-start;justify-content:space-between}
.sub_03 .sec_11 .list {max-width:600px;width:45%}
.sub_03 .sec_11 .list .item {display:flex;align-items:center;gap:0 12px;background:var(--white);border-radius:10px;border:solid 2px transparent;box-shadow:0 4px 30px rgba(0,0,0,.1);padding:24px 34px;transition:all .2s;font-size:24px;font-weight:600}
.sub_03 .sec_11 .list .item + .item {margin-top:20px}
.sub_03 .sec_11 .list .item svg {min-width:44px}
.sub_03 .sec_11 .list .item path {transition:all .2s}
.sub_03 .sec_11 .list .item:hover {border-color:var(--primary);box-shadow:0 4px 40px rgba(5, 62, 251, .1);color:var(--primary)}
.sub_03 .sec_11 .list .item:hover path:first-child {fill:var(--primary)}

.sub_03 .sec_12 {padding-top:calc(var(--sec-padding)* 0.5)}
.sub_03 .sec_12 .bottom {padding:var(--sec-padding) 0;background:var(--primary)}

.sub_03 .sec_13 {padding:var(--sec-padding) 0}
.sub_03 .sec_13 .list_type_01 .item:nth-child(n + 2) .txt_wrap p {max-width:800px}
.sub_03 .sec_13 .list_type_01 .item .img_wrap {width:100%;max-width:236px}
.sub_03 .sec_13 .list_type_01 .item .txt_wrap .tit {color:#111111}

.sub_03 .sec_14 {padding:var(--sec-padding) 0;background:#FAFAFA}
.sub_03 .sec_14 .list {display:flex;align-items:flex-start;gap:30px}
.sub_03 .sec_14 .list .item {border-radius:10px;overflow:hidden}

.sub_03 .sec_15 {padding:156px 0;background:#262626;color:var(--white)}
.sub_03 .sec_15 .wrapper {display:flex;align-items:center;justify-content:space-between;max-width:1210px}
.sub_03 .sec_15 .img_wrap {flex:345px 0 0}
.sub_03 .sec_15 .title_box {margin:0}
.sub_03 .sec_15 .title_box .tit {font-size:40px}
.sub_03 .sec_15 .title_box .tit .blue {color:#6287FF}

/* 서브4 - 1분특급매매 */
.sub_04 .sec_01 {background:url('../img/web/sub04_01_bg.jpg') no-repeat center/cover;padding:300px 0}
.sub_04 .sec_01 .img_wrap {display:none}

.sub_04 .sec_02 {padding:var(--sec-padding) 0}
.sub_04 .sec_02 .list {display:flex;align-items:flex-start;gap:30px}
.sub_04 .sec_02 .list .item {width:100%;text-align:center}
.sub_04 .sec_02 .list .item .txt_wrap {margin-top:20px;font-size:22px;font-weight:600}
.sub_04 .sec_02 .list .item img {display:inline-block;width:100%;max-width:126px;margin-bottom:16px}
.sub_04 .sec_02 .list .item span {display:block}
.sub_04 .sec_02 .iframe_wrap {padding-bottom:178%;border-radius:10px;overflow:hidden}

.sub_04 .sec_03 {padding:var(--sec-padding) 0;background:#1C56FF}
.sub_04 .sec_03 .title_box {color:var(--white)}
.sub_04 .sec_03 .title_box p {color:var(--white)}
.sub_04 .sec_03 .list {display:flex;gap:30px}
.sub_04 .sec_03 .list .item {width:100%;background:var(--white);border-radius:10px;text-align:center;padding:60px 20px}
.sub_04 .sec_03 .list .item:first-child {background:#0B245D;color:var(--white)}
.sub_04 .sec_03 .list .item img {width:auto;max-width:initial;height:55px}
.sub_04 .sec_03 .list .item p {font-size:20px;font-weight:500;margin-top:20px}

.sub_04 .sec_04 {padding:var(--sec-padding) 0}
.sub_04 .sec_04 .swiper {overflow:visible}
.sub_04 .sec_04 .swiper-slide {width:386px;padding:0 16px}
.sub_04 .sec_04 .swiper-slide p {background:#0C34B1;border-radius:10px;color:var(--white);padding:34px 34px 40px;font-size:20px;position:relative}
.sub_04 .sec_04 .swiper-slide p::before {content:'';display:block;width:0;height:0;border-left:solid 14px transparent;border-top:solid 14px #0C34B1;position:absolute;top:100%;left:25%}
.sub_04 .sec_04 .swiper-slide:nth-child(even) {margin-top:24px}
.sub_04 .sec_04 .swiper-slide:nth-child(even) p {background:#279CEF}
.sub_04 .sec_04 .swiper-slide:nth-child(even) p::before {border-top-color:#279CEF}
.sub_04 .sec_04 .list {display:none}

/* 서브5 - 앞서오신 고객님 이야기 */
.sub_05 .sec_01 {background:#E8F2FF url('../img/web/sub05_01_bg.jpg') no-repeat center top/100%}
.sub_05 .sec_01 .title_box {padding:0 20px}
.sub_05 .sec_01 .title_box img {max-width:295px}

/* 서브6 - 채용공고 */
.sub_06 .head_top {display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:70px}
.sub_06 .head_top .title_box {margin:0;}

.sub_06 .sec_01 {padding-top:250px}
.sub_06 .sec_01 .title_box .tit {font-size:80px}
.sub_06 .sec_01 .img_wrap {height:650px;background:url('../img/web/sub06_01_bg.jpg') no-repeat center/cover;position:relative;margin-top:120px}
.sub_06 .sec_01 .img_wrap .arrow {display:flex;align-items:center;justify-content:center;width:124px;height:124px;background:var(--primary);border-radius:100%;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);padding:2px}
.sub_06 .sec_01 .img_wrap .arrow .center {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.sub_06 .sec_01 .img_wrap .arrow .rotate {width:100%;animation:rotate 5s infinite linear}
@keyframes rotate {
    from {transform:rotate(0)}
    to {transform:rotate(360deg)}
}

.sub_06 .sec_02 {padding:var(--sec-padding) 0}

.sub_06 .sec_03 {padding:var(--sec-padding) 0;background:#E8F2FF}
.sub_06 .sec_03 .list {display:flex;gap:30px}
.sub_06 .sec_03 .list > a {display:block;width:100%;overflow:hidden;border-radius:10px;position:relative}
.sub_06 .sec_03 .list > a:nth-child(2) {transform:translateY(64px)}
.sub_06 .sec_03 .list .txt_wrap {position:absolute;bottom:0;left:0;width:100%;color:var(--white);margin-bottom:50px;padding:0 50px;overflow:hidden}
.sub_06 .sec_03 .list .txt_wrap > * {transform:translateY(74px);transition:all .6s}
.sub_06 .sec_03 .list .txt_wrap .tit {font-size:30px}
.sub_06 .sec_03 .list .txt_wrap .btn_wrap {justify-content:flex-start;margin-top:20px;opacity:0;transition:all .6s}
.sub_06 .sec_03 .list > a:hover .txt_wrap > * {transform:translateY(0)}
.sub_06 .sec_03 .list > a:hover .txt_wrap .btn_wrap {opacity:1}

.sub_06 .sec_04 {padding:var(--sec-padding) 0;background:url('../img/web/sub06_04_bg.jpg') no-repeat center/cover}
.sub_06 .sec_04 .title_box {color:var(--white)}
.sub_06 .sec_04 .list .item {display:flex;align-items:center;gap:0 56px;padding:40px 56px;border:solid 2px transparent;background:rgba(245,248,255,.2);border-radius:10px;backdrop-filter:blur(30px);transition:all .2s;color:var(--white)}
.sub_06 .sec_04 .list .item + .item {margin-top:30px}
.sub_06 .sec_04 .list .item .img_wrap {flex:430px 0 0;border-radius:10px;overflow:hidden;}
.sub_06 .sec_04 .list .item .img_wrap img {max-width:initial;width:calc(100% + 2px)}
.sub_06 .sec_04 .list .item .txt_wrap p {color:inherit;margin-top:16px}
.sub_06 .sec_04 .list .item:hover {color:#111111;background:var(--white);border-color:var(--primary)}

.sub_06 .sec_05 {padding:var(--sec-padding) 0;background:#FAFAFA}
.sub_06 .sec_05 .list_type_02 .item img {width:100px}
.sub_06 .sec_05 .list_type_02 .item .tit {margin-top:40px}

.sub_06 .sec_06 {padding:var(--sec-padding) 0}
.sub_06 .sec_06 .list {display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}
.sub_06 .sec_06 .list .item {display:block;}
.sub_06 .sec_06 .list .item .img_wrap {border-radius:10px;overflow:hidden}
.sub_06 .sec_06 .list .item .img_wrap img {width:100%;transition:all .5s}
.sub_06 .sec_06 .list .item .txt_wrap {margin-top:20px}
.sub_06 .sec_06 .list .item .txt_wrap .tit {font-size:24px}
.sub_06 .sec_06 .list .item .txt_wrap p {font-size:18px;margin-top:14px;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.sub_06 .sec_06 .list .item .txt_wrap .date {display:block;font-size:14px;color:#4D4D4D;margin-top:30px}


@media (hover: hover) {
    .sub_06 .sec_06 .list .item:hover .tit {text-decoration:underline}
    .sub_06 .sec_06 .list .item:hover .img_wrap img {transform:scale(1.05)}
}

@media all and (max-width: 1399px) {
    .sub_02 .sec_09 .swiper {height:800px}

    .sub_04 .sec_01 {padding:240px 0 180px}

    .sub_06 .sec_01 .img_wrap {height:500px}
}

@media all and (max-width: 1199px) {
    /* 서브1 */
    .sub_01 .sec_01 {padding-top:160px}
    .sub_01 .sec_01 .img_wrap {width:140%;margin-left:-20%;max-width:initial}

    /* 서브2 */
    .sub_02 .sec_01 {padding:160px 0 120px}
    .sub_02 .sec_02 .img_wrap {height:400px}

    .sub_02 .sec_04 .item {padding:36px}
    .sub_02 .sec_04 .item img {width:100px}
    .sub_02 .sec_04 .item span {font-size:20px;margin-top:24px}
    .sub_02 .sec_04 .item strong {font-size:40px}

    .sub_02 .sec_06 .title_box {max-width:50%}

    .sub_02 .sec_08 .item {padding:40px 34px}
    .sub_02 .sec_08 .item .top {gap:0 18px;font-size:16px}
    .sub_02 .sec_08 .item .top .img {width:75px}
    .sub_02 .sec_08 .item p {padding-top:30px;font-size:20px}

    .sub_02 .sec_11 .cont > div {padding:44px 36px}
    .sub_02 .sec_11 .cont .tit {font-size:26px;margin-bottom:36px}
    .sub_02 .sec_11 .cont .dot {font-size:20px}
    .sub_02 .sec_11 .cont .dot li {padding:18px 0}

    /* 서브3 */
    .sub_03 .sec_01 {padding-top:180px}
    .sub_03 .sec_02 .title_box .img_box {max-width:140px}

    .sub_03 .sec_08 .cont {gap:30px}
    .sub_03 .sec_08 .item {padding:45px 32px;font-size:17px}
    .sub_03 .sec_08 .item .tit {font-size:24px}
    .sub_03 .sec_08 .item .name {font-size:17px;margin:16px 0 40px}
    .sub_03 .sec_08 .item .box {padding:32px 30px}

    .sub_03 .sec_09 .title_box .box {font-size:30px}
    .sub_03 .sec_09 .title_box.bottom p {font-size:24px;margin:40px 0 16px}

    .sub_03 .sec_11 .list .item {padding:20px 24px;font-size:20px}
    .sub_03 .sec_11 .list .item svg {width:36px;min-width:36px;height:36px}

    .sub_03 .sec_13 .list_type_01 .item .img_wrap {max-width:150px}

    .sub_03 .sec_14 .list {gap:20px}

    .sub_03 .sec_15 {padding:120px 0}
    .sub_03 .sec_15 .wrapper {justify-content:center;gap:0 50px}
    .sub_03 .sec_15 .img_wrap {flex-basis:240px}
    .sub_03 .sec_15 .title_box .tit {font-size:30px}

    /* 서브4 */
    .sub_04 .sec_02 .list {gap:20px}
    .sub_04 .sec_02 .list .item img {max-width:108px;margin-bottom:12px}
    .sub_04 .sec_02 .list .item .txt_wrap {font-size:20px}

    .sub_04 .sec_03 .list {gap:20px}
    .sub_04 .sec_03 .list .item img {height:45px}
    .sub_04 .sec_03 .list .item p {font-size:17px;margin-top:14px}

    .sub_04 .sec_04 .swiper-slide {width:320px;padding:0 10px}
    .sub_04 .sec_04 .swiper-slide p {font-size:16px}

    /* 서브5 */
    .sub_05 .sec_01 .title_box img {max-width:185px}

    /* 서브6 */
    .sub_06 .sec_01 {padding-top:180px}
    .sub_06 .sec_01 .img_wrap {height:400px;margin-top:90px}
    .sub_06 .sec_01 .title_box .tit {font-size:54px}
    .sub_06 .sec_01 .img_wrap .arrow {width:90px;height:90px}
    .sub_06 .sec_01 .img_wrap .arrow .center {width:30px}

    .sub_06 .sec_03 .list .txt_wrap .tit {font-size:24px}
    .sub_06 .sec_03 .list .txt_wrap {padding:0 24px;margin-bottom:30px}

    .sub_06 .sec_04 .list .item .img_wrap {flex-basis:340px}
}

@media all and (max-width: 1023px) {
    .sub_02 .sec_01 .wrapper {flex-direction:column-reverse;gap:60px;text-align:center}
    .sub_02 .sec_05 .list {gap:20px}
    .sub_02 .sec_05 .list .item .txt_wrap {font-size:20px;padding:30px 20px}

    .sub_02 .sec_06 .wrapper {flex-direction:column;}
    .sub_02 .sec_06 .title_box {width:100%;max-width:450px;text-align:center;margin-left:auto;margin-right:auto}
    .sub_02 .sec_06 .list {margin:0 auto;width:100%;max-width:440px}
    .sub_02 .sec_06 .item .txt_wrap {padding:30px 24px}
    .sub_02 .sec_06 .item .txt_wrap span {font-size:16px}
    .sub_02 .sec_06 .item .txt_wrap strong {font-size:20px;margin-top:6px}

    .sub_02 .sec_08 .cont,
    .sub_02 .sec_11 .cont {flex-direction:column;gap:20px;max-width:440px;margin:0 auto}
    .sub_03 .sec_11 .wrapper {flex-direction:column;align-items:center;}
    .sub_03 .sec_11 .title_box {text-align:center}
    .sub_03 .sec_11 .list {width:100%;max-width:500px}

    .sub_03 .sec_15 .wrapper {flex-direction:column;gap:30px;text-align:center;}
    .sub_03 .sec_15 .img_wrap {flex:none;width:100%;max-width:240px}

    .sub_04 .sec_02 .wrapper {max-width:800px}
    .sub_04 .sec_02 .list {display:grid;grid-template-columns:repeat(2, 1fr);}

    .sub_06 .head_top {flex-direction:column;align-items:center;text-align:center;gap:24px;margin-bottom:40px}
    .sub_06 .sec_03 .wrapper {max-width:440px}
    .sub_06 .sec_03 .list {flex-direction:column;gap:20px}
    .sub_06 .sec_03 .list > a {height:250px}
    .sub_06 .sec_03 .list > a:nth-child(2){transform:none}
    .sub_06 .sec_03 .list > a .img_wrap {width:100%;height:100%}
    .sub_06 .sec_03 .list > a .img_wrap img {width:100%;height:100%;object-fit:cover;}
    .sub_06 .sec_03 .list .txt_wrap > * {transform:translateY(65px)}
    .sub_06 .sec_03 .list .txt_wrap .tit {font-size:20px}

    .sub_06 .sec_04 .list .item {padding:30px;gap:30px}
    .sub_06 .sec_04 .list .item .img_wrap {flex-basis:280px}

    .sub_06 .sec_06 .wrapper {max-width:440px}
    .sub_06 .sec_06 .list {display:flex;flex-direction:column;gap:30px 0;}
    .sub_06 .sec_06 .list .item .txt_wrap .date {margin-top:16px}
    .sub_06 .sec_06 .list .item .txt_wrap .tit {font-size:20px}
    .sub_06 .sec_06 .list .item .txt_wrap p {font-size:16px}
}

@media all and (max-width: 767px) {
    .sub_01 .sec_01 {padding-top:120px}

    /* 서브2 */
    .sub_02 .sec_01 {padding:110px 0 80px}
    .sub_02 .sec_02 .img_wrap {height:230px}

    .sub_02 .sec_04 .item {padding:30px 24px}
    .sub_02 .sec_04 .item img {width:80px}
    .sub_02 .sec_04 .item span {font-size:16px;margin-top:20px}
    .sub_02 .sec_04 .item strong {font-size:24px}

    .sub_02 .sec_05 {background-size:190%}
    .sub_02 .sec_05 .title_box {margin:0 auto}
    .sub_02 .sec_05 .list {flex-direction:column;max-width:400px;margin:0 auto}
    .sub_02 .sec_05 .list .item {height:200px}
    .sub_02 .sec_05 .list .item img {width:100%;height:100%;object-fit:cover;}
    .sub_02 .sec_05 .list .item .txt_wrap {height:100%;display:flex;align-items:center;justify-content:center;}
    .sub_02 .sec_05 .line {height:60px;margin:24px auto}

    .sub_03 .sec_06 .title_box .tit {max-width:330px;margin:0 auto}

    .sub_02 .sec_08 .item {padding:30px 24px}
    .sub_02 .sec_08 .item .top {gap:0 14px;font-size:14px}
    .sub_02 .sec_08 .item .top .img {width:50px}
    .sub_02 .sec_08 .item .top .mark {padding:6px 14px}
    .sub_02 .sec_08 .item .top .name {margin-top:10px}
    .sub_02 .sec_08 .item p {padding-top:20px;font-size:16px}

    .sub_02 .sec_09 {padding-bottom:var(--sec-padding)}
    .sub_02 .sec_09 .swiper {width:calc(100% + 40px);max-width:initial;height:auto;margin-left:-20px}
    .sub_02 .sec_09 .swiper + .swiper {margin-top:12px}
    .sub_02 .sec_09 .swiper-slide {width:202px;padding:0 6px}
    .sub_02 .sec_09 .wrapper {flex-direction:column;}
    .sub_02 .sec_09 .swiper:nth-child(2) {order:initial}
    .sub_02 .sec_09 .title_box {padding:var(--sec-padding) 0 30px}
    .sub_02 .sec_09 .title_box .btn_wrap {margin-top:24px}

    .sub_02 .sec_11 .cont > div {padding:30px 24px}
    .sub_02 .sec_11 .cont .tit {font-size:20px;margin-bottom:24px}
    .sub_02 .sec_11 .cont .dot {font-size:17px}
    .sub_02 .sec_11 .cont .dot li {padding:14px 0}

    /* 서브3 */
    .sub_03 .sec_01 {padding-top:120px}
    .sub_03 .sec_01 .img_wrap {width:60%;max-width:180px;margin-top:58px}

    .sub_03 .sec_02 .title_box {margin:0 auto}
    .sub_03 .sec_02 .title_box .img_box {max-width:100px}

    .sub_03 .sec_08 .wrapper {max-width:440px}
    .sub_03 .sec_08 .cont {flex-direction:column;gap:20px}
    .sub_03 .sec_08 .item {padding:30px 24px}
    .sub_03 .sec_08 .item .tit {font-size:20px}
    .sub_03 .sec_08 .item > p {margin-top:20px}
    .sub_03 .sec_08 .item .name {font-size:15px;margin:12px 0 30px}
    .sub_03 .sec_08 .item .box {padding:24px 20px}

    .sub_03 .sec_09 .title_box .box {font-size:20px;padding:12px 24px}
    .sub_03 .sec_09 .title_box.bottom {margin-top:80px}
    .sub_03 .sec_09 .title_box.bottom p {font-size:18px;margin:30px 0 12px}

    .sub_03 .sec_11 .list .item {gap:0 10px;padding:18px 16px;font-size:18px}
    .sub_03 .sec_11 .list .item svg {width:30px;min-width:30px;height:30px}

    .sub_03 .sec_13 .list_type_01 .item .img_wrap {max-width:80px}

    .sub_03 .sec_13 .wrapper,
    .sub_03 .sec_14 .wrapper {max-width:440px}
    .sub_03 .sec_14 .list {flex-direction:column;}

    .sub_03 .sec_15 {padding:80px 0}
    .sub_03 .sec_15 .img_wrap {max-width:114px}
    .sub_03 .sec_15 .title_box .tit {font-size:20px}

    /* 서브4 */
    .sub_04 .sec_01 .title_box {margin:0}
    .sub_04 .sec_02 .list {gap:20px 12px}
    .sub_04 .sec_02 .list .item .txt_wrap {font-size:18px}

    .sub_04 .sec_03 .title_box {text-align:center}
    .sub_04 .sec_03 .list {flex-direction:column;}
    .sub_04 .sec_03 .list .item img {height:36px}
    .sub_04 .sec_04 .swiper {display:none}
    .sub_04 .sec_04 .list {display:grid;grid-template-columns:repeat(2, 1fr);gap:30px 8px}
    .sub_04 .sec_04 .swiper-slide {width:100%;padding:0}
    .sub_04 .sec_04 .swiper-slide p {padding:20px 16px;font-size:14px}
    .sub_04 .sec_04 .swiper-slide p::before {border-width:10px}
    .sub_04 .sec_04 .swiper-slide:nth-child(even) {margin:0}

    /* 서브5 */
    .sub_05 .sec_01 .title_box img {max-width:125px;margin-bottom:12px}

    /* 서브6 */
    .sub_06 .sec_01 .img_wrap {height:220px}
    .sub_06 .sec_01 {padding-top:120px;margin-top:60px}
    .sub_06 .sec_01 .title_box .tit {font-size:30px}
    .sub_06 .sec_01 .img_wrap .arrow {width:60px;height:60px}
    .sub_06 .sec_01 .img_wrap .arrow .center {width:24px}

    .sub_06 .sec_04 .wrapper {max-width:440px}
    .sub_06 .sec_04 .list .item {padding:30px 24px}
    .sub_06 .sec_04 .list .item {flex-direction:column;gap:20px}
    .sub_06 .sec_04 .list .item .img_wrap {flex:none}
}

@media all and (max-width: 499px) {
    .sub_01 .sec_01 .img_wrap {width:180%;margin-left:-40%}

    .sub_04 .sec_01 {background:#D9E9FA;padding:110px 0 0}
    .sub_04 .sec_01 .title_box {text-align:center}
    .sub_04 .sec_01 .img_wrap {display:block;width:calc(100% + 40px);margin-left:-20px;margin-top:-30px}
}

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


/* 서브 */

@media (hover: hover) {}

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

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

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

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

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