@charset "utf-8";

/* 공통 */
.container {color:var(--white);overflow-x:hidden}
.wrapper {width:100%;max-width:1480px;padding:0 30px;margin:0 auto}
.no_scroll {height:100%;overflow:hidden}
.only_mb {display:none}
.under1600 {display:none}
.under1200 {display:none}
.btn_wrap {display:flex;align-items:center;justify-content:center;gap:0 10px}
.btn_primary {display:flex;align-items:center;justify-content:center;gap:0 10px;background:var(--primary);font-size:24px;font-weight:700;color:var(--white);border-radius:100px;padding:24px 40px;transition:all .2s}
.btn_primary:hover {background:#ff5000}
.btn_primary svg {transition:all .2s}
.btn_line {display:inline-flex;align-items:center;justify-content:center;gap:0 10px;height:50px;border:solid 1px var(--primary);border-radius:50px;font-size:20px;font-weight:600;color:var(--primary);padding:0 26px;transition:all .2s}
.btn_line:hover {color:var(--white);background:var(--primary)}
.btn_line:hover svg {transform:translateX(5px)}
.btn_line:hover svg path {stroke:var(--white)}
.btn_line svg,
.btn_line svg path {transition:all .2s}
.sec {overflow:hidden}

.scroll_custom::-webkit-scrollbar {width:6px}
.scroll_custom::-webkit-scrollbar-thumb {background-color:#D1D1D1;border-radius:10px;background-clip:padding-box;border:1px solid transparent}
.scroll_custom::-webkit-scrollbar-track {background-color:#5C5B5B;border-radius:10px}

.page_tit {text-align:center}
.page_tit .tit {overflow:hidden}
.page_tit h1 {font-size:5.2vw;font-weight:700}

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

.title_box.center {text-align:center}

/* 텍스트 그라데이션 */
.gra_01 {background:linear-gradient(120deg, #FF651F, #34AFA8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.gra_02 {background:linear-gradient(120deg, #34AFA8, #FF651F);-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 .logo .logo_color {fill:var(--black)}
.header.white .menu_open path {stroke:var(--black)}
.header.white .lang_wrap a {color:var(--black)}
.header.white .lang_wrap a svg path {stroke:var(--black)}

.header .wrapper {display:flex;align-items:center;max-width:1490px;height:85px}
.header .logo svg {width:87px}
.header .logo .black {display: none;}
.header.white .logo .black {display: block;}
.header.white .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 40px}
.header .gnb li a {display:flex;align-items:center;height:85px;font-size:16px;color:#F8F7F7;transition:all .2s}
.header .gnb li a:hover {color:var(--primary)}
.header .gnb .depth_02 {display:none}
.header .lang_wrap {margin-left:50px}
.header .lang_wrap a {display:flex;align-items:center;gap:0 6px;font-size:14px;color:var(--white)}
.header .lang_wrap a svg {transition:all .2s}
.header .lang_wrap a:hover {color:var(--primary)}
.header .lang_wrap a:hover svg {transform:translateX(4px)}
.header .lang_wrap a:hover svg path {stroke:var(--primary)}
.header .menu_open {display:none}

/* 푸터 */
.footer {font-size:15px;padding:67px 0 77px;color:var(--white)}
.footer .wrapper {display:flex;align-items:flex-start;justify-content:space-between;max-width:1680px}
.footer .wrapper > div {display:flex;flex-direction:column;gap:10px 0}
.footer .wrapper > div:last-child {text-align:right}
.footer .tit {display:block;opacity:1}
.footer span {opacity:.8;line-height:1.5}
.footer .address {opacity:1}
.footer .copyright {margin-top:45px;opacity:.3}

/* 애니메이션 */
@keyframes float {
    0% {transform:translateY(0) scale(1) skew(0)}
    100% {transform:translateY(-1%) scale(1.01) skew(0.5deg)}
}
@keyframes float-reverse {
    0% {transform:translateY(0) scale(1) skew(0)}
    100% {transform:translateY(1%) scale(1.01) skew(0.5deg)}
}
@keyframes float1 {
    0% {transform:translateY(0) scale(1) skew(0)}
    100% {transform:translateY(-5%) scale(1.01) skew(0.5deg)}
}
@keyframes float-reverse1 {
    0% {transform:translateY(0) scale(1) skew(0)}
    100% {transform:translateY(5%) scale(1.01) skew(0.5deg)}
}

/* 컨택트 */
.contact_wrap {background:url('../img/web/contact_bg.png') no-repeat center top/100%;padding:127px 0 148px}
.contact_wrap .form {max-width:1280px;background:#232323;margin:87px auto 0;padding:80px 66px}
.contact_wrap .form .btn_wrap {margin-top:60px}
.contact_wrap .form .btn_primary:hover svg {transform:translate(4px, -4px)}
.contact_wrap .form .require {position:relative}
.contact_wrap .form .require::after {content:'';display:block;width:6px;height:6px;background:#B30303;border-radius:6px;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}
.contact_wrap .form .require.blue::after {background:#0364B3}
.contact_wrap .form .explain .require {display:inline-block;font-size:17px;padding-left:16px}
.contact_wrap .form .explain .require::after {right:auto;left:0}
.contact_wrap .form .cont {display:grid;grid-template-columns:repeat(2, 1fr);gap:48px 100px;margin-top:60px}
.contact_wrap .form .item .tit {margin-bottom:10px}
.contact_wrap .form .item .tit span {font-size:20px;font-weight:700}
.contact_wrap .form .item .input_wrap input,
.contact_wrap .form .item .input_wrap textarea,
.contact_wrap .form .item .term_box {width:100%;height:60px;background:#060606;border:solid 1px rgba(255,255,255,.7);border-radius:0;font-size:16px;color:var(--white);padding:0 20px;transition:border .2s}
.contact_wrap .form .item .input_wrap textarea {height:200px;padding:20px}
.contact_wrap .form .item .term_box {height:200px;padding:20px;color:#B6B6B6;font-size:14px;overflow-y:auto}
.contact_wrap .form .item .term_box .table > div {display:flex;width:240px;border:solid 1px rgba(255,255,255,.1)}
.contact_wrap .form .item .term_box .table > div span {padding:6px 8px}
.contact_wrap .form .item .term_box .table > div span:first-child {flex:80px 0 0;border-right:solid 1px rgba(255,255,255,.1)}
.contact_wrap .form .item .input_wrap *:focus {border-color:var(--white)}
.contact_wrap .form .item.col2 {grid-column:span 2}
.contact_wrap .form .chk_box {margin-top:22px;position:relative}
.contact_wrap .form .chk_box input {opacity:0;position:absolute;top:0;left:9px}
.contact_wrap .form .chk_box input:checked + label::before {border:solid 1px var(--primary)}
.contact_wrap .form .chk_box input:checked + label::after {background:var(--primary)}
.contact_wrap .form .chk_box label {display:flex;align-items:center;font-size:14px;padding-left:36px;position:relative;cursor:pointer}
.contact_wrap .form .chk_box label::before {content:'';display:block;width:30px;height:30px;background:var(--white);border-radius:30px;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all .2s}
.contact_wrap .form .chk_box label::after {content:'';display:block;width:12px;height:12px;background:transparent;border-radius:30px;position:absolute;top:50%;left:9px;transform:translateY(-50%);transition:all .2s}

/* 메인페이지 */
.video_swiper {position:relative}
.video_swiper .swiper-pagination {display:flex;align-items:center;justify-content:center;gap:0 10px;font-size:14px;bottom:86px;top:auto;left:50%;transform:translateX(-50%)}
.video_swiper .swiper-pagination strong {width:20px;text-align:center;}
.video_swiper .progress_bar {width:100px;height:3px;background:#ABABAB;position:relative}
.video_swiper .progress_fill {display:block;height:100%;background:var(--white);position:absolute;top:0;left:0;transition:all 1s}

.index {overflow:hidden}
.index .title_box .tit {font-size:52px;font-weight:400; white-space: nowrap;}
.index .title_box .tit b {font-weight:700}
.index .title_box p {font-size:18px;font-weight:300;margin-top:40px}

.index .sec_02 {display:flex;align-items:center;justify-content:center;background:url('../img/web/index_02_01.png') no-repeat top right/50%}
.index .sec_02 .title_box {max-width:720px;transform:translateX(22%)}
.index .sec_02 .title_box .sub {display:block;font-size:20px;font-weight:600;margin-bottom:6px}
.index .sec_02 .img_wrap {width:56.25%;max-width:1080px;min-width:315px}
.index .sec_02 .img_wrap img {animation:float 3s linear infinite alternate}

.index .sec_03 {margin-top:-21vw}
.index .sec_03 .asset {position:relative}
.index .sec_03 .asset_01 {width:34vw;max-width:638px;min-width:315px;position:relative;z-index:-1}
.index .sec_03 .asset_01 img {animation:float 3s .5s linear infinite alternate}
.index .sec_03 .asset_02 {width:6vw;max-width:110px;position:absolute;left:26vw;bottom:7vw;z-index:-1}
.index .sec_03 .asset_02 img {animation:float1 3s 1s linear infinite alternate}
.index .sec_03 .wrapper {display:flex;align-items:center;gap:0 100px}
.index .sec_03 .title_box {position:relative}
.index .sec_03 .title_box .tit em {color:var(--secondary);font-weight:700}
.index .sec_03 .title_box .asset_03 {width:13vw;max-width:246px;position:absolute;top:100%;right:0}
.index .sec_03 .title_box .asset_03 img {animation:float-reverse1 3s .5s linear infinite alternate}
.index .sec_03 .cont {width:42%} 
.index .sec_03 .cont p {font-size:18px}

.index .sec_04 .asset_01 {width:40vw;max-width:756px;min-width:526px;margin-left:auto}
.index .sec_04 .asset_01 img {animation:float 3.2s .4s linear infinite alternate}
.index .sec_04 .title_box .tit.gra_02 {font-size:14vw;line-height:1;font-weight:700}
.index .sec_04 .title_box .tit_02 {display:block;font-weight:700;line-height:1.4;margin-top:220px}
.index .sec_04 .wrapper {margin-top:-15vw}
.index .sec_04 .cont .tit {flex:740px 0 0;font-size:90px;font-weight:700}
.index .sec_04 .cont > div {display:flex;align-items:center;margin-top:220px}
.index .sec_04 .cont > div > div {padding-top:35px}
.index .sec_04 .cont > div > div span {display:block;font-size:30px;font-weight:700;color:#EAEAEA;line-height:1.6}
.index .sec_04 .cont > div > div .btn_line {text-transform:uppercase;margin-top:88px}
.index .sec_04 .cont .tit .gra_01 {display:inline-block}

.index .sec_05 {background:url('../img/web/index_05_bg.png') no-repeat center bottom/100%;padding:330px 0 220px}
.index .sec_05 .wrapper {max-width:1120px}
.index .sec_05 .title_box .tit {display:block;font-size:80px;font-weight:700}
.index .sec_05 .title_box .tit img {display:block;margin:0 auto; width: 100%; max-width: 430px;}
.index .sec_05 .title_box p {font-size:30px;font-weight:500;margin-top:100px}
.index .sec_05 .list {margin-top:80px}
.index .sec_05 .list .item {display:flex;align-items:center;height:270px;font-size:18px;font-weight:500;color:var(--white);border-radius:20px;padding:0 68px;position:relative}
.index .sec_05 .list .item .img_wrap {position:absolute}
.index .sec_05 .list .item_01 {background:var(--primary);justify-content:flex-end}
.index .sec_05 .list .item_01 .img_wrap {width:589px;left:-13%;top:-59%}
.index .sec_05 .list .item_01 .txt_wrap {width:65.5%}
.index .sec_05 .list .item_02 {background:var(--secondary);margin-top:30px}
.index .sec_05 .list .item_02 .img_wrap {width:350px;right:-17%;top:-9%}
.index .sec_05 .list .item_02 .txt_wrap {width:68.5%}
.index .sec_05 .way {display:flex;flex-direction:column;align-items:center;margin-top:116px}
.index .sec_05 .way .root_daum_roughmap {width:100% !important;border-radius:20px;overflow:hidden}
.index .sec_05 .way .root_daum_roughmap .cont .section.lst,
.index .sec_05 .way .wrap_controllers {display:none}
.index .sec_05 .way .info {width:100%;max-width:625px;font-size:16px;line-height:1.4;margin:70px auto 0}
.index .sec_05 .way .info > div {display:flex;align-items:flex-start;gap:0 25px}
.index .sec_05 .way .info > div + div {margin-top:20px}
.index .sec_05 .way .info .tit {flex:64px 0 0;font-weight:700;text-align:right}
.index .sec_05 .way .btn_line {height:60px;background:#181717;color:var(--white);margin:70px auto 0}
.index .sec_05 .way .btn_line:hover {background:var(--primary)}

.index .sec_06 {background:linear-gradient(#000 0%, rgba(0,0,0,.1) 5%),url('../img/web/index_06_bg.jpg') no-repeat center bottom/100%;padding:440px 0;position:relative}
.index .sec_06 .wrapper {display:flex;flex-direction:column;align-items:center}
.index .sec_06 .btn_black {display:flex;align-items:center;justify-content:space-between;width:206px;height:50px;background:var(--black);border:solid 1px var(--white);border-radius:50px;font-size:20px;padding:0 26px;margin-top:50px;transition:all .2s}
.index .sec_06 .btn_black svg,
.index .sec_06 .btn_black svg path {transition:all .2s}
.index .sec_06 .btn_black:hover {background:var(--white);color:var(--black)}
.index .sec_06 .btn_black:hover svg {transform:translateX(5px)}
.index .sec_06 .btn_black:hover svg path {stroke:var(--black)}
.index .sec_06 .asset_01 {width:26vw;max-width:486px;position:absolute;left:0;top:30%}
.index .sec_06 .asset_02 {width:8vw;max-width:145px;position:absolute;left:18%;top:68%}
.index .sec_06 .asset_03 {width:14vw;max-width:256px;position:absolute;right:20%;top:11%}
.index .sec_06 .asset_04 {width:26vw;max-width:487px;position:absolute;right:0;top:15%}
.index .sec_06 .asset_01 img {animation:float 3s linear infinite alternate}
.index .sec_06 .asset_02 img {animation:float-reverse1 3s .2s linear infinite alternate}
.index .sec_06 .asset_03 img {animation:float-reverse1 3s linear infinite alternate}
.index .sec_06 .asset_04 img {animation:float 3s .5s linear infinite alternate}
.index .sec_06 .logo img {height: 88px;}

/* 비즈니스 */
.business {background:url('../img/web/business_bg.jpg') no-repeat center/cover;padding:180px 0 360px}
.business .title_box h1 {font-size:140px}
.business .title_box p {font-size:20px;font-weight:300;margin-top:50px}
.business .list {margin-top:36px}
.business .list > div {display:flex;align-items:center;justify-content:center;font-size:180px;text-align:center;position:relative}
.business .list > div + div {margin-top:115px}
.business .list h2 {font-size:1em;text-transform:uppercase;position:relative;z-index:1}
.business .list span {display:block;font-size:.4em;font-weight:700;position:relative;z-index:1}

.business .list .item_01 {flex-direction: column; text-align: right; align-items: flex-end;}
.business .list .item_02 {flex-direction:column;align-items:flex-start;text-align:left;margin-top:50px}
.business .list .item_02 span {margin-left:14%}
.business .list .item_03 {flex-direction:column;align-items:flex-start;text-align:left;margin-left:13.5%}
.business .list .item_03 .img_wrap {width:58vw;max-width:1110px;position:absolute;top:-57%;right:-14%}
.business .list .item_03 .img_wrap img {animation:float 3s .5s linear infinite alternate}
.business .list .item_04 {justify-content:flex-end;text-align:right;margin-right:13.5%}
.business .list .item_04 .img_wrap {width:25vw;max-width:470px;position:absolute;top:24%;left:7%}
.business .list .item_04 .img_wrap img {animation:float-reverse 3s .5s linear infinite alternate}
.business .list .item_05 {flex-direction:column;align-items:center}
.business .list .item_05 > div {display:flex;align-items:center;justify-content:center;gap:0 24px}
.business .list .item_05 a {display:flex;align-items:center;gap:0 6px;font-size:20px;font-weight:600}
.business .list .item_05 a svg {transition:all .2s}
.business .list .item_05 a:hover {text-decoration:underline}
.business .list .item_05 a:hover svg {transform:translateX(5px)}

@media all and (min-width: 1920px) {
    .page_tit h1 {font-size:100px}
    .index .sec_03 {margin-top:-400px}
}
@media all and (max-width: 1599px) {
    .under1600 {display:block}

    /* 비즈니스 */
    .business .list > div {font-size:140px}

}
@media all and (max-width: 1199px) {
    .under1200 {display:block}

    /* 헤더 */
    .header .wrapper {height:50px;padding:0 0 0 14px}
    .header .logo {width:60px}
    .header .menu_wrap {display:none;flex-direction:column;align-items:flex-start;width:100%;height:100%;background:#181D11;position:fixed;top:0;left:0;overflow-y:auto;padding:0 40px 60px}
    .header .menu_wrap .menu_head {display:flex;align-items:center;width:100%;height:50px;padding-left:16px;position:fixed;top:0;left:0}
    .header .gnb {margin:200px 0 60px}
    .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:30px;font-weight:600}
    .header .gnb .depth_02 {display:flex;margin-top:24px} /* 하위 메뉴 없으면 depth_02삭제 */
    .header .gnb .depth_02 li a {font-size:16px;font-weight:500;color:#9B9B9B}
    .header .menu_open,
    .header .menu_close {display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-left:auto}
    .header .lang_wrap {margin:0}
    .header.white .gnb li a {color:var(--white)}
    .header.white .lang_wrap a {color:var(--white)}
    .header.white .lang_wrap a svg path {stroke:var(--white)}

    /* 컨택트 */
    .contact_wrap .form .cont {gap:40px 50px}

    /* 인덱스 */
    .index .title_box .tit {font-size:50px}
    .index .title_box p {margin-top:30px}
    
    .index .sec_02 .title_box {transform:translateX(18%)}
    .index .sec_03 .wrapper {justify-content:center;padding:0 50px}
    .index .sec_03 .cont {flex:1}
    .index .sec_04 .title_box .tit_02 {margin-top:130px}
    .index .sec_04 .cont .tit {flex-basis:600px;font-size:65px}
    .index .sec_04 .cont > div {margin-top:130px}
    .index .sec_04 .cont > div > div span {font-size:27px}
    .index .sec_04 .cont > div > div .btn_line {margin-top:60px}
    .index .sec_05 {padding:220px 0 140px}
    .index .sec_05 .title_box .tit {font-size:55px}
    .index .sec_05 .title_box .tit svg {width:340px}
    .index .sec_05 .title_box p {font-size:24px;margin-top:68px}
    .index .sec_05 .list .item {height:220px;font-size:18px;padding:0 40px}
    .index .sec_05 .list .item_01 .txt_wrap {width:70%}
    .index .sec_05 .list .item_01 .img_wrap {width:440px;left:-7%;top:-45%}
    .index .sec_05 .list .item_02 .txt_wrap {width:75%}
    .index .sec_05 .list .item_02 .img_wrap {width:300px;right:-9%;top:15%}
    .index .sec_05 .way {margin-top:78px}
    .index .sec_05 .way .root_daum_roughmap .wrap_map {height:420px !important}
    .index .sec_05 .way .info {margin-top:55px}
    .index .sec_05 .way .btn_line {margin-top:56px}
    .index .sec_06 {padding:330px 0}

    /* 비즈니스 */
    .business {padding:160px 0 230px}
    .business .title_box h1 {font-size:85px}
    .business .list {margin-top:78px}
    .business .list > div {font-size:100px}
}
@media all and (max-width: 1023px) {
    /* 푸터 */
    .footer {padding:74px 0}
    .footer .wrapper {flex-direction:column;gap:40px 0}
    .footer .wrapper > div:last-child {text-align:left}
    .footer .address {opacity:.8}
    .footer .address_01 {opacity:.5}
    .footer .copyright {margin-top:24px}

    /* 인덱스 */
    .index .sec_02 {flex-direction:column-reverse;background:url('../img/web/index_02_01_m.png') no-repeat center/100%}
    .index .sec_02 .title_box {text-align:center;transform:none}
    .index .sec_02 .img_wrap {align-self:flex-end;transform:translateX(13%)}

    .index .sec_03 {margin:0}
    .index .sec_03 .wrapper {flex-direction:column;gap:30px 0;padding:0 30px;text-align:center}
    .index .sec_03 .wrapper > * {width:100%}
    .index .sec_03 .asset_02,
    .index .sec_03 .title_box .asset_03 {display:none}
    .index .sec_04 .cont > div {flex-direction:column;text-align:center}
    .index .sec_04 .cont .tit {flex:none}
    .index .sec_05 .list .item_01 .img_wrap {width:400px;left:-13%;top:-33%}

    /* 비즈니스 */
    .business .list .item_04 .img_wrap {display:none}
}

@media all and (max-width: 767px) {
    .only_mb {display:block}
    .only_pc {display:none}
    .btn_primary {font-size:20px;padding:16px 32px}
    .btn_primary svg {width:24px}

    .page_tit h1 {font-size:40px}
    
    /* 컨택트 */
    .contact_wrap {background:url('../img/web/contact_bg.png') no-repeat top 3% center/100%;padding:150px 0 0}
    .contact_wrap .form {margin-top:130px;padding:60px 40px}
    .contact_wrap .form .cont {display:flex;flex-direction:column;gap:44px 0}
    .contact_wrap .form .item .tit span {font-size:18px}
    .contact_wrap .form .item .input_wrap input {padding:0 14px}
    .contact_wrap .form .item .input_wrap textarea, .contact_wrap .form .item .term_box {padding:20px 14px}

    /* 메인페이지 */
    .video_swiper {height:100vh}
    .video_swiper .swiper-pagination {bottom:54px}
    .index .title_box .tit {font-size:28px}
    .index .title_box p {margin-top:20px}

    .index .iframe_wrap {width:0;height:100vh;padding-bottom:0;padding-right:178vh;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
    .index .sec_01 {max-height:100vh;overflow:hidden}
    .index .sec_02 .title_box {padding:0 30px}
    .index .sec_02 .title_box .sub {font-size:16px;margin-bottom:10px}
    .index .sec_02 .title_box p {font-size:16px}
    .index .sec_03 .wrapper {gap:18px 0}
    .index .sec_03 .cont p {font-size:16px}
    .index .sec_04 .wrapper {margin-top:-200px}
    .index .sec_04 .title_box .tit_02 {margin-top:40px}
    .index .sec_04 .title_box .tit.gra_02 {font-size:60px}
    .index .sec_04 .asset_01 {transform:translateY(-14%)}
    .index .sec_04 .cont .tit {font-size:40px}
    .index .sec_04 .cont > div {margin-top:50px}
    .index .sec_04 .cont > div + div {margin-top:70px}
    .index .sec_04 .cont > div > div span {font-size:24px}
    .index .sec_04 .cont > div > div .btn_line {margin-top:38px}
    .index .sec_05 {padding:106px 0 74px}
    .index .sec_05 .title_box .tit {font-size:30px}
    .index .sec_05 .title_box .tit svg {width:236px}
    .index .sec_05 .title_box p {font-size:16px;margin-top:36px}
    .index .sec_05 .list {margin-top:90px}
    .index .sec_05 .list .item {font-size:16px;height:auto}
    .index .sec_05 .list .item_01 {padding:103px 24px 24px}
    .index .sec_05 .list .txt_wrap {width:100% !important}
    .index .sec_05 .list .item_01 .img_wrap {width:177px;left:50%;top:-17%;transform:translateX(-50%)}
    .index .sec_05 .list .item_02 {padding:130px 24px 24px;margin-top:40px}
    .index .sec_05 .list .item_02 .img_wrap {width:220px;left:50%;top:-15%;transform:translateX(-50%)}
    .index .sec_05 .way {margin-top:40px}
    .index .sec_05 .way .root_daum_roughmap .wrap_map {height:284px !important}
    .index .sec_05 .way .info {margin-top:40px}
    .index .sec_05 .way .btn_line {margin-top:44px}
    .index .sec_05 .title_box .tit img {max-width: 230px;}
    .index .sec_06 {padding:225px 0}
    .index .sec_06 .asset_01 {width:266px;top:auto;bottom:-10%;left:-8%}
    .index .sec_06 .asset_02 {width:58px;left:48%;top:auto;bottom:7%}
    .index .sec_06 .asset_03 {width:126px;right:37%;top:0%}
    .index .sec_06 .asset_04 {display:none}
    .index .sec_06 .logo img {height: 65px;}

    /* 비즈니스 */
    .business {padding:140px 0 100px}
    .business .title_box {padding:0 25px}
    .business .title_box h1 {font-size:30px}
    .business .title_box p {font-size:15px;margin-top:32px}
    .business .list > div {font-size:42px}
    .business .list span {font-size:28px}
}

@media all and (max-width: 499px) {
    /* 컨택트 */
    .contact_wrap {background:url('../img/web/contact_bg_m.png') no-repeat top center/100%}
    .index .sec_05 {background:url('../img/web/index_05_bg_m.png') no-repeat center bottom/cover}
    .index .sec_06 {background:url('../img/web/index_06_bg_m.jpg') no-repeat center bottom/100%}
    
    /* 비즈니스 */
    .business .list .item_01 {flex-direction:column;align-items:flex-end}
    .business .list .item_02 {margin-top:40px}
    .business .list .item_02 span {margin-left:128px}
    .business .list .item_03 {align-items:flex-end;margin-top:70px}
    .business .list .item_03 span {padding-right:94px}
    .business .list .item_03 .img_wrap {width:300px;top:-54%;left:-54%;right:auto}
    .business .list .item_04 {justify-content:flex-start;margin:100px 0 0;text-align:left}
    .business .list .item_05 {margin-top:87px}
    .business .list .item_05 > div {flex-direction:column;gap:14px 0;margin-top:14px}
}
@media all and (max-width: 374px) {
    .business .list > div {font-size:34px}
    .business .list .item_02 span {margin-left:80px}
    .business .list .item_03 span {padding-right:52px}
}