:root {
    --color-main:#2AC1EB;
    --font-pre : 'Pretendard';
    --font-mont : 'Montserrat';
    --font-gmarket : 'GmarketSans';
    --font-pre : 'Pretendard';
}

html {scroll-behavior: smooth;}

body {overflow: hidden;}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-thumb {background: #2BD1FF; border-radius: 10px;}
body::-webkit-scrollbar-track {background: transparent;}

.page_loader {
    /* display: none; */
    width: 100%;
    height: 100vh;
    background-color: var(--color-main);
    animation: effect 1.1s ease;
    position: fixed;
    margin: auto;
    left: 0;
    top: 0;
    z-index: 10000;
  }
  
@keyframes effect {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

  /* @keyframes effect {
    0% {
      width: 100%;
      height: 100vh;
    }
    50% {
        height: 100px;
    }
    100% {
      width: 0;
      height: 100px;
    }
  } */
  


/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block !important;}
.mob{display:none !important;}
.inner{max-width:1400px; margin:0 auto;}
.inner2{max-width:1600px; margin:0 auto;}
.inner3{padding: 0 100px;}
body{background: #000;}
body *{color: #fff; font-family: 'Montserrat';}
.kr{font-family: 'Pretendard' !important;}
.ovfh{overflow: hidden;}


/* HEADER */
.header{height:100px; position:fixed; top:0; z-index:100; width:100%;}
.header .inner3{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header h1 a{display: inline-block; max-height: 20px; overflow: hidden; padding-right: 30px;}
.header h1 a span{font-size: 16px; font-weight: 700; display: block; transition:all 0.3s;}
.header h1 a .dpunch{transform:translate(30px,0)}
.header h1 a:hover .hello{transform:translateY(-20px)}
.header h1 a:hover .dpunch{transform:translate(0,-20px)}
.header .head_rt{display: flex; align-items: center; gap:45px;}
.header .gnb{display:flex; align-items: center; gap:50px;}
.header .gnb > li{position:relative; line-height: 1;}
.header .gnb > li > a{font-size: 16px; font-weight: 700; display: inline-block;}
.header .gnb > li > a.contact{width: 115px; line-height: 45px; border-radius: 30px; border: 1px solid #FFF; text-align: center; position: relative; transition: all 0.3s; overflow: hidden;}
.header .gnb > li > a.contact span{position: relative; z-index: 15;}
.header .gnb > li > a.contact:before {z-index: 10; content: ""; position: absolute; transition: all .4s cubic-bezier(.77,0,.175,1); left: 0; bottom: 0; right: 0; top: 100%; width: 100%; height: 230%; background: #2AC1EB; border-radius: 50% 50% 0 0;}
.header .gnb > li > a.contact:hover{border-color: #2AC1EB;}
.header .gnb > li > a.contact:hover:before {top: -100%;}
.header .gnb > li > a:not(.contact):hover{color: #2AC1EB;}
.nav-item-wrap{display: inline-flex; overflow: hidden; position: relative;}
.nav-item-wrap.hover-color * {color: #2AC1EB;}
.nav-item-wrap p{pointer-events: none; visibility: hidden;}
.nav-item-wrap .move-wrap{display: flex; pointer-events: none; position: absolute; top: 0; left: 0;}
.nav-item-wrap .move-wrap span{margin-right: 15px; white-space: nowrap;}
.move-wrap.animate {animation: moveLeft 1s linear infinite;}

@keyframes moveLeft {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}


.all_menu_btn{width: 40px; height: 40px; text-align: center; cursor:pointer; display: flex; align-items: center; justify-content: center;}
.all_menu_btn img{width: 30px;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}

.header:hover{background: #000;}
.header.fixed{background: #000;}


/* all menu */
.all_menu{position:fixed; width:100%; height:100%; z-index:5000; visibility: hidden; transition: all 1s ease;}
.all_menu.on{visibility: initial;}
.all_menu::before{content: ''; display: block; width:100%; height:0; background: #000; border-radius:0 0 500px 500px; position: absolute; top: 0; z-index: -1;}
.all_menu.on::before{animation: all_menu_bg_on 1s ease both;}
.all_menu.off::before{animation: all_menu_bg_off 1s ease both; animation-delay:0.5s;}
.all_menu::after{content: ''; display: block; width: 700px; height: 876px; background: url(/img/main/all_menu_bg.svg) no-repeat center / contain; position: absolute; top: 35px; right: 0; z-index: -1; opacity: 0; transition: all 1s ease;}
.all_menu.on::after{opacity: 1;}
.all_menu .inner{position:relative; max-width: 100%; padding: 0 120px; display: flex; height: 100%;}
.all_menu_close{position:absolute; right:48px; top:53px; cursor:pointer; font-size: 16px; font-weight: 700; transition: all 1s ease; opacity: 0; z-index: 10;}
.all_menu.on .all_menu_close{opacity: 1;}
.all_menu_close img{width:30px; display: inline-block; vertical-align: middle; margin: -3px 12px 0 0;}
.all_menu .left{width: 30%; padding-top: 270px; border-right: 1px solid rgba(255, 255, 255, 0.20);}
.all_menu .left .info dl + dl{margin-top: 30px;}
.all_menu .left .info dl dt{font-size: 14px; font-weight: 600; color: #C2C2C2; margin-bottom: 10px;}
.all_menu .left .info dl dd{font-size: 16px; font-weight: 700; line-height: 1.6;}
.all_menu .left .sns{margin-top: 110px;}
.all_menu .left .sns li + li{margin-top: 20px;}
.all_menu .left .sns li a{font-size: 16px; font-weight: 700; color: #545454; transition: all 0.3s; display: block;}
.all_menu .left .sns li a .circle{display: inline-block; vertical-align: middle; width: 10px; height: 10px; background: #545454; border-radius:50%; margin: -2px 10px 0 0; transition: all 0.3s;}
.all_menu .left .sns li a:hover{color: #fff;}
.all_menu .left .sns li a:hover .circle{background: #fff;}
.all_menu .left .copy{margin-top: 120px; font-size: 16px; font-weight: 700;}
.all_menu .left .up{display: block;}
.all_menu.on .left .up{animation: up1 1s ease both; animation-delay:0.3s;}
.all_menu.off .left .up{animation: down1 1s ease both;}
.all_menu .right{width: 70%; padding-left: 125px;}
.all_menu .right .menu-overlay{overflow-y: auto; height: 100%;}
.all_menu .right .menu-overlay::-webkit-scrollbar {display: none;}
.all_menu .right ul li{margin-top: 60px;}
.all_menu .right ul li{overflow: hidden;}
.all_menu .right ul li a{display: flex; align-items: center; gap:35px;}
.all_menu.on .right ul li:nth-child(-n+5) a{animation: down2 1s ease both; animation-delay:0.3s;}
.all_menu.off .right ul li a{animation: up2 1s ease both;}
.all_menu.on .right ul li a.no-animation {animation: none !important;}
.all_menu .right ul li a *{transition: all 0.3s;}
.all_menu .right ul li a:hover *{color: #2AC1EB;}
.all_menu .right ul li a .num{font-size: 25px; letter-spacing: -1px; font-weight: 600; min-width: 40px;}
.all_menu .right ul li a p{font-size: 125px; letter-spacing: -5px; font-weight: 500;}

@keyframes all_menu_bg_on {
	0% {height: 0;}
	100% {height: 200%;}
}
@keyframes all_menu_bg_off {
	0% {height: 200%;}
	100% {height: 0;}
}
@keyframes up1 {
	0% {transform:translateY(50px); opacity: 0;}
	100% {transform:translateY(0); opacity: 1;}
}
@keyframes down1 {
	0% {transform:translateY(0); opacity: 1;}
	100% {transform:translateY(50px); opacity: 0;}
}
@keyframes down2 {
	0% {transform:translateY(-170px);}
	100% {transform:translateY(0);}
}
@keyframes up2 {
	0% {transform:translateY(0);}
	100% {transform:translateY(-170px);}
}


/* quick menu */
.quick{position: fixed; bottom: 120px; right: 50px; z-index: 100;}
.quick.on{bottom: 20px;}
.quick .rotate{width: 130px;}
.quick .rotate img{width: 100%; animation: rotate 25s linear infinite; transform-origin: 50% 50%;}
.quick a{display: block; width: 70px; height: 70px; background: #fff url(/img/main/quick_arrow.svg) no-repeat center / 25px; border-radius:50%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}

@keyframes rotate {
	100% {transform: rotate(360deg);}
}


/* sec1 */
.main .sec1{height: 950px; position: relative;/* background: url(/img/main/sec1_bg.png) no-repeat center / cover;*/}
.main .sec1 .txt{display: flex; align-items: center; gap:25px; position: absolute;}
.main .sec1 .txt span{font-size: 216px; font-weight: 400;}
.main .sec1 .txt img{width: 70px;}
.main .sec1 .txt1{    top: 354px;
    left: 345px;}
.main .sec1 .txt2{bottom: 275px; right: -96px;}


/* sec2 */
.main .sec2{padding: 190px 0 210px;}
.main .sec2 .inner{display: flex; justify-content: space-between;}
.main .sec2 p{font-size: 18px; font-weight: 600; margin-top: 10px;}
.main .sec2 .txt_wrap{max-width: 1045px;}
.main .sec2 .txt div{display: inline-block; letter-spacing: -2px; margin-right: 10px;}
.main .sec2 .txt div span{font-size: 50px; font-weight: 600; opacity: 0.2;}
.more_btn{display: inline-block; margin-top: 38px; font-size: 20px; font-weight: 700; padding: 15px 0; position: relative; transition: all 0.3s;}
.more_btn::before{content: ''; display: block; width: 100%; height: 1px; background: #fff; left: 0; bottom: 2px; position: absolute; transition: all 0.3s;}
.more_btn:hover{color: #2AC1EB;}
.more_btn .line{position: absolute; background: #2AC1EB;}
.more_btn .line1{width: 0; height: 1px; bottom: 0; left: -30px;}
.more_btn .line2{width: 1px; height: 0; bottom: 0; right: -30px;}
.more_btn .line3{width: 0; height: 1px; top: 0; right: -30px;}
.more_btn .line4{width: 1px; height: 0; top: 0; left: -30px;}
.more_btn.on::before{animation: underline-on 0.3s both ease-out;}
.more_btn.off::before{animation: underline-off 0.3s both ease-out 0.3s;}
.more_btn.on .line1{animation: line1-on 0.1s both 0.3s;}
.more_btn.off .line1{animation: line1-off 0.1s both 0.3s;}
.more_btn.on .line2{animation: line2-on 0.1s both 0.4s;}
.more_btn.off .line2{animation: line2-off 0.1s both 0.2s;}
.more_btn.on .line3{animation: line1-on 0.1s both 0.5s;}
.more_btn.off .line3{animation: line1-off 0.1s both 0.1s;}
.more_btn.on .line4{animation: line2-on 0.1s both 0.6s;}
.more_btn.off .line4{animation: line2-off 0.1s both;}

@keyframes underline-on{
	0%{width: 100%;}
	100%{width: 0;}
}

@keyframes underline-off{
	0%{width: 0;}
	100%{width: 100%;}
}

@keyframes line1-on{
	0%{width: 0;}
	100%{width: calc(100%  + 60px);}
}

@keyframes line1-off{
	0%{width: calc(100%  + 60px);}
	100%{width: 0;}
}

@keyframes line2-on{
	0%{height: 0;}
	100%{height: 100%;}
}

@keyframes line2-off{
	0%{height: 100%;}
	100%{height: 0;}
}

/* sec3 */
.main .sec3{height: 585px; position: relative;}
.main .sec3 .txt{display: flex; align-items: center; gap:25px; position: absolute;}
.main .sec3 .txt span{font-size: 140px; font-weight: 700;}
.main .sec3 .txt img{width: 70px;}
.main .sec3 .txt1{top: 0; left: 0;}
.main .sec3 .txt2{top: 192px; right: 0;}
.main .sec3 .txt_wrap{position: absolute; top: 394px; left: 676px;}
.main .sec3 .txt_wrap p{font-size: 20px; font-family: 'Pretendard'; line-height: 1.8;}
.main .sec3 .txt_wrap .more_btn{margin-top: 60px;}

/* sec4 */
.portfolio{position: relative; width: 100%; height: 83.44vw;}
.portfolio .port{position: absolute; width: 26.04vw;}
.portfolio .port .img{width: 100%; height: 28.65vw; position: relative;}
.portfolio .port .img img{width: 100%; height: 100%; object-fit:cover;}
.portfolio .port .img .line{position: absolute; background: #2AC1EB; display: inline-block;}
.portfolio .port .img .line1{width: 0; height: 4px; bottom: 0; left: 0;}
.portfolio .port .img .line2{width: 4px; height: 0; bottom: 0; right: 0;}
.portfolio .port .img .line3{width: 0; height: 4px; top: 0; right: 0;}
.portfolio .port .img .line4{width: 4px; height: 0; top: 0; left: 0;}
.portfolio .port.on .img .line1{animation: line3-on 0.1s both;}
.portfolio .port.off .img .line1{animation: line3-off 0.1s both 0.3s;}
.portfolio .port.on .img .line2{animation: line2-on 0.1s both 0.1s;}
.portfolio .port.off .img .line2{animation: line2-off 0.1s both 0.2s;}
.portfolio .port.on .img .line3{animation: line3-on 0.1s both 0.2s;}
.portfolio .port.off .img .line3{animation: line3-off 0.1s both 0.1s;}
.portfolio .port.on .img .line4{animation: line2-on 0.1s both 0.3s;}
.portfolio .port.off .img .line4{animation: line2-off 0.1s both;}

@keyframes line3-on{
	0%{width: 0;}
	100%{width: 100%;}
}

@keyframes line3-off{
	0%{width: 100%;}
	100%{width: 0;}
}

.portfolio .port p{margin-top: 27px; font-size: 20px; font-family: 'Pretendard'; line-height: 1.8; word-break: break-all;}
.portfolio .port:nth-of-type(1){top: 8.59vw; left: 0;}
.portfolio .port:nth-of-type(2){top: 14.32vw; left: 50%; transform:translateX(-50%);}
.portfolio .port:nth-of-type(3){top: 0; right: 0;}
.portfolio .port:nth-of-type(4){bottom: 6.35vw; left: 0;}
.portfolio .port:nth-of-type(5){bottom: 0; left: 50%; transform:translateX(-50%);}
.portfolio .port:nth-of-type(6){bottom: 14.17vw; right: 0;}
.portfolio .more{position: absolute; bottom: -2.86vw; right: 25.05vw;}
.portfolio .more .rotate{width: 205px;}
.portfolio .more .rotate img{width: 100%; animation: rotate 25s linear infinite; transform-origin: 50% 50%;}
.portfolio .more a{display: block; width: 120px; height: 120px; background: #fff url(/img/main/port_more_plus.svg) no-repeat center / 50px; border-radius:50%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}


/* sec5 */
.main .sec5{padding: 250px 0 135px;}
.main .sec5 .inner{max-width:1080px;}
.main .sec5 p{font-size: 18px; font-weight: 600;}
.main .sec5 .txt_wrap{margin-top: 30px;}
.main .sec5 .txt div{display: inline-block; letter-spacing: -2px; margin-right: 10px;}
.main .sec5 .txt div span{font-size: 50px; font-weight: 700; opacity: 0.2; font-family: 'Pretendard';}


/* sec6 */
.main .sec6 ul{border-top: 1px solid #888888;}
.main .sec6 ul li{border-bottom: 1px solid #888888; position: relative;}
.main .sec6 ul li:before{content: ''; display: block; width: 100%; height: 2px; background: #2AC1EB; position: absolute; left: 0; bottom: -1px; opacity: 0; transition:all 0.3s;}
.main .sec6 ul li a{padding: 57px 100px; position: relative; display: block; width: 100%;}
.main .sec6 ul li a .txt{display: flex;}
.main .sec6 ul li a .txt *{font-weight: 600; color: #545454; transition:all 0.3s;}
.main .sec6 ul li a .txt .num{font-size: 45px; letter-spacing: -0.9px; width: 66px; min-width: 66px;}
.main .sec6 ul li a .txt dl{font-weight: 600; margin-left: 60px; max-width: calc(100% - 260px);}
.main .sec6 ul li a .txt dl dt{font-size: 45px; letter-spacing: -0.9px; word-break: break-all;}
.main .sec6 ul li a .txt dl dd{font-size: 18px; margin-top: 10px;}
.main .sec6 ul li a .txt .line{display: inline-block; width: 120px; height: 1px; background: #2AC1EB; margin: 28px 0 0 47px; opacity: 0; transition:all 0.3s;}
.main .sec6 ul li a .img{width: 500px; height: 350px; opacity: 0; position: absolute; right: 100px; top: 50%; transform:translateY(-50%); transition:all 0.3s;}
.main .sec6 ul li a .img img{width: 100%; height: 100%; object-fit:cover;}
.main .sec6 ul li:hover:before{opacity: 1;}
.main .sec6 ul li:hover a .txt .line{opacity: 1;}
.main .sec6 ul li:hover a .txt *{color: #2AC1EB;}
.main .sec6 ul li:hover .img{opacity: 1;}
.main .sec6 .inner{margin-top: 150px; display: flex; justify-content: flex-end;}
.main .sec6 .inq_btn{display: inline-block; font-size: 70px; letter-spacing: -1.4px; font-weight: 600; padding: 0 45px 55px 45px; border-bottom: 2px solid #fff; transition:all 0.3s;}
.main .sec6 .inq_btn i{display: inline-block; width: 70px; height: 70px; background: url(/img/main/inq_btn_arrow.svg) no-repeat center / 100%; vertical-align: top; margin-left: 30px; transition:all 0.3s;}
.main .sec6 .inq_btn:hover{color: #2AC1EB; border-color: #2AC1EB;}
.main .sec6 .inq_btn:hover i{background-image: url(/img/main/inq_btn_arrow_ov.svg);}


/* footer */
.footer{margin-top: 150px;}
.foot_swiper .swiper-wrapper{transition-timing-function: linear; height: auto;}
.foot_swiper .swiper-slide{display: flex; align-items: center; gap:45px; width: max-content;}
.foot_swiper .swiper-slide span{font-size: 140px; font-weight: 700;}
.foot_swiper .swiper-slide img{width: 65px;}
.foot_swiper .swiper-slide +  .swiper-slide{margin-left: 45px;}
.ft_cont{padding: 90px 0 210px;}
.ft_cont.on{padding-bottom: 115px;}
.ft_cont .inner3{display: flex; justify-content: space-between;}
.ft_cont *{font-size: 16px; font-weight: 700;}
.ft_cont .ft_lt{display: flex; gap:30px;}
.ft_cont .ft_lt a{font-weight: 600; font-family: 'Pretendard';}
.ft_cont .ft_rt{display: flex; gap:40px;}
.ft_cont .ft_rt a{color: #545454; transition:all 0.3s;}
.ft_cont .ft_rt a .circle{display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; width: 10px; height: 10px; background: #545454; border-radius:50%; transition:all 0.3s;}
.ft_cont .ft_rt a:hover{color: #fff;}
.ft_cont .ft_rt a:hover .circle{background: #fff;}
.ft_cont .logo {margin-top: 27px; display: flex; align-items: center; gap: 20px; justify-content: flex-start;}
.ft_cont .logo span:not(.line) {display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 600; color: #8F8F8F; letter-spacing: -.4px;}
.ft_cont .logo span.line {display: block; width: 1px; height: 15px; background: #fff; opacity: .5;}
.ft_cont .logo .item1 img {width: 35px;}
.ft_cont .logo .item2 img {width: 20px;}
.ft_cont .logo .item3 img {width: 30px;}
.ft_cont .logo .item4 img {width: 30px;}
.ft_inq{background: #2BD1FF; height: 90px; position: fixed; bottom: -90px; opacity: 0; width: 100%; z-index: 10; transition:all 1s;}
.ft_inq.on{opacity: 1; bottom: 0;}
.ft_inq *{color: #000;}
.ft_inq .inner3{display: flex; justify-content: space-between; align-items: center; height: 100%;}
.ft_inq .left{display: flex; align-items: center; gap:60px;}
.ft_inq .left strong{font-size: 25px; letter-spacing: -0.5px; font-family: 'Pretendard';}
.ft_inq .left p{font-size: 16px; letter-spacing: -0.32px; font-family: 'Pretendard';}
.ft_inq .right{display: flex; align-items: center; gap:100px;}
.ft_inq .right a{font-size: 18px; letter-spacing: -0.36px; font-weight: 600; padding: 5px 0 10px; border-bottom: 1px solid #000; display: inline-block;}
.ft_inq .right a i{display: inline-block; width: 20px; height: 20px; background: url(/img/main/ft_inq_arrow.svg) no-repeat center / 100%; vertical-align: top; margin: -5px 0 0 15px;}
.ft_inq .right .ft_inq_close{width: 30px; cursor: pointer;}
.ft_inq .right .ft_inq_close img{width: 100%;}





@media screen and (max-width:1620px){

	.inner2{max-width:100%; padding: 0 100px;}
	.main .sec6 ul li a{padding: 57px 40px;}
	.main .sec6 ul li a .txt dl{margin-left: 40px;}
	.main .sec6 ul li a .txt .line{width: 80px; margin-left: 40px;}
	.main .sec6 ul li a .img{width: 26.86vw; height: 19.60vw; right: 40px;}

}


@media screen and (max-width:1420px){

	/* 공통 */
	.inner, .inner2, .inner3{max-width: 100%; padding: 0 3.17vw;}


	/* HEADER */
	.header{height:7.04vw;}
	.header h1 a{max-height: 1.41vw; padding-right: 2.11vw;}
	.header h1 a span{font-size: 1.13vw;}
	.header h1 a .dpunch{transform:translate(2.11vw,0)}
	.header h1 a:hover .hello{transform:translateY(-1.41vw)}
	.header h1 a:hover .dpunch{transform:translate(0,-1.41vw)}
	.header .head_rt{gap:3.17vw;}
	.header .gnb{gap:3.52vw;}
	.header .gnb > li > a{font-size: 1.13vw;}
	.header .gnb > li > a.contact{width: 8.10vw; line-height: 3.17vw;}
	.nav-item-wrap .move-wrap span{margin-right: 1.06vw;}
	.all_menu_btn{width: 2.82vw; height: 2.82vw;}
	.all_menu_btn img{width: 2.11vw;}


	/* all menu */
	.all_menu::after{width: 38.3vw; height: 47.69vw; top: 7.46vw;}
	.all_menu .inner{padding: 0 3.17vw;}
	.all_menu_close{right:3.38vw; top:3.73vw; font-size: 1.13vw;}
	.all_menu_close img{width:2.11vw; margin: -0.21vw 0.85vw 0 0;}
	.all_menu .left{padding-top: 17.01vw;}
	.all_menu .left .info dl + dl{margin-top: 2.11vw;}
	.all_menu .left .info dl dt{font-size: 0.99vw; margin-bottom: 0.70vw;}
	.all_menu .left .info dl dd{font-size: 1.13vw;}
	.all_menu .left .sns{margin-top: 7.75vw;}
	.all_menu .left .sns li + li{margin-top: 1.41vw;}
	.all_menu .left .sns li a{font-size: 1.13vw;}
	.all_menu .left .sns li a .circle{width: 0.70vw; height: 0.70vw; margin: -0.14vw 0.70vw 0 0;}
	.all_menu .left .copy{margin-top: 8.45vw; font-size: 1.13vw;}
	.all_menu .right{padding-left: 6.80vw;}
	.all_menu .right ul li{margin-top: 4.23vw;}
	.all_menu .right ul li a .num{font-size: 1.76vw; letter-spacing: -0.07vw; min-width: 2.82vw;}
	.all_menu .right ul li a p{font-size: 8.80vw; letter-spacing: -0.35vw;}


	/* quick menu */
	.quick{ bottom: 8.45vw; right: 3.52vw; }
	.quick.on{bottom: 1.76vw;}
	.quick .rotate{width: 9.15vw;}
	.quick a{ width: 4.93vw; height: 4.93vw; background-size: 1.76vw;}


	/* sec1 */
	.main .sec1{height: 66.90vw;}
	.main .sec1 .txt span{font-size: 9.86vw;}
	.main .sec1 .txt img{width: 4.93vw;}
	.main .sec1 .txt1{top: 22.89vw; left: -29.32vw;}
	.main .sec1 .txt2{bottom: 19.37vw; right: -14.16vw;}


	/* sec2 */
	.main .sec2{padding: 13.38vw 0 14.79vw;}
	.main .sec2 p{font-size: 1.27vw; margin-top: 0.70vw;}
	.main .sec2 .txt_wrap{max-width: 67.59vw;}
	.main .sec2 .txt div{letter-spacing: -0.14vw; margin-right: 0.70vw;}
	.main .sec2 .txt div span{font-size: 3.52vw;}
	.more_btn{margin-top: 2.68vw; font-size: 1.41vw; padding: 1.06vw 0;}
	.more_btn .line1{left: -2.11vw;}
	.more_btn .line2{right: -2.11vw;}
	.more_btn .line3{right: -2.11vw;}
	.more_btn .line4{left: -2.11vw;}

	@keyframes line1-on{
		0%{width: 0;}
		100%{width: calc(100%  + 4.23vw);}
	}
	@keyframes line1-off{
		0%{width: calc(100%  + 4.23vw);}
		100%{width: 0;}
	}

	/* sec3 */
	.main .sec3{height: 48.20vw;}
	.main .sec3 .txt{gap:1.76vw;}
	.main .sec3 .txt span{font-size: 9.86vw;}
	.main .sec3 .txt img{width: 4.93vw;}
	.main .sec3 .txt2{top: 13.52vw; right: -15vw;}
	.main .sec3 .txt_wrap{top: 29.75vw; left: 33.61vw;}
	.main .sec3 .txt_wrap p{font-size: 1.41vw;}
	.main .sec3 .txt_wrap .more_btn{margin-top: 4.23vw;}

	/* sec4 */
	.portfolio{height: 94.38vw;}
	.portfolio .port {width: 27.73vw;}
	.portfolio .port .img{ height: 30.70vw;}
	.portfolio .port p{margin-top: 1.90vw; font-size: 1.41vw;}
	.portfolio .port:nth-of-type(1){top: 11.62vw;}
	.portfolio .port:nth-of-type(2){top: 19.37vw;}
	.portfolio .port:nth-of-type(4){bottom: 7.59vw;}
	.portfolio .port:nth-of-type(6){bottom: 19.15vw;}
	.portfolio .more{bottom: -3.87vw; right: 23.87vw;}
	.portfolio .more .rotate{width: 14.44vw;}
	.portfolio .more a{width: 8.45vw; height: 8.45vw; background-size: 3.52vw;}


	/* sec5 */
	.main .sec5{padding: 17.61vw 0 9.51vw;}
	.main .sec5 .inner{max-width:100%;}
	.main .sec5 p{font-size: 1.27vw;}
	.main .sec5 .txt_wrap{margin-top: 2.11vw;}
	.main .sec5 .txt div{letter-spacing: -0.14vw; margin-right: 0.70vw;}
	.main .sec5 .txt div span{font-size: 3.52vw;}


	/* sec6 */
	.main .sec6 .inner2{padding: 0;}
	.main .sec6 ul li a{padding: 4.01vw 3.17vw;}
	.main .sec6 ul li a .txt .num{font-size: 3.17vw; letter-spacing: -0.06vw; width: 4.65vw; min-width: 4.65vw;}
	.main .sec6 ul li a .txt dl{ margin-left: 4.23vw; max-width: calc(100% - 18.31vw);}
	.main .sec6 ul li a .txt dl dt{font-size: 3.17vw; letter-spacing: -0.06vw;}
	.main .sec6 ul li a .txt dl dd{font-size: 1.27vw; margin-top: 0.70vw;}
	.main .sec6 ul li a .txt .line{width: 7.45vw; margin: 1.97vw 0 0 3.31vw;}
	.main .sec6 ul li a .img{width: 35.21vw; height: 24.65vw; right: 3.17vw;}
	.main .sec6 .inner{margin-top: 10.56vw;}
	.main .sec6 .inq_btn{font-size: 4.93vw; letter-spacing: -0.10vw; padding: 0 3.17vw 3.87vw 3.17vw;}
	.main .sec6 .inq_btn i{width: 4.93vw; height: 4.93vw; margin-left: 2.11vw;}


	/* footer */
	.footer{margin-top: 10.56vw;}
	.foot_swiper .swiper-slide{gap:3.17vw;}
	.foot_swiper .swiper-slide span{font-size: 9.86vw;}
	.foot_swiper .swiper-slide img{width: 4.58vw;}
	.foot_swiper .swiper-slide +  .swiper-slide{margin-left: 3.17vw;}
	.ft_cont{padding: 6.34vw 0 14.61vw;}
	.ft_cont.on{padding-bottom: 8.56vw;}
	.ft_cont *{font-size: 1.13vw;}
	.ft_cont .ft_lt{gap:2.11vw;}
	.ft_cont .ft_rt{gap:2.82vw;}
	.ft_cont .ft_rt a .circle{margin: -0.14vw 0.70vw 0 0; width: 0.70vw; height: 0.70vw;}
	.ft_cont .logo {margin-top: 1.90vw; gap: 1.41vw;}
	.ft_cont .logo span:not(.line) {gap: 0.70vw; font-size: 0.99vw; letter-spacing: -0.03vw;}
	.ft_cont .logo span.line {width: 0.07vw; height: 1.06vw;}
	.ft_cont .logo .item1 img {width: 2.46vw;}
	.ft_cont .logo .item2 img {width: 1.41vw;}
	.ft_cont .logo .item3 img {width: 2.11vw;}
	.ft_cont .logo .item4 img {width: 2.11vw;}
	.ft_inq{height: 6.34vw; bottom: -6.34vw;}
	.ft_inq .left{gap:4.23vw;}
	.ft_inq .left strong{font-size: 1.76vw; letter-spacing: -0.04vw;}
	.ft_inq .left p{font-size: 1.13vw; letter-spacing: -0.02vw;}
	.ft_inq .right{gap:7.04vw;}
	.ft_inq .right a{font-size: 1.27vw; letter-spacing: -0.03vw; padding: 0.35vw 0 0.70vw;}
	.ft_inq .right a i{width: 1.41vw; height: 1.41vw; margin: -0.35vw 0 0 1.06vw;}
	.ft_inq .right .ft_inq_close{width: 2.11vw;}

}


@media screen and (max-width:1280px){

	/* 공통 */
	.inner, .inner2, .inner3{max-width: 100%; padding: 0 3.52vw;}


	/* HEADER */
	.header{height:7.81vw;}
	.header h1 a{max-height: 1.56vw; padding-right: 2.34vw;}
	.header h1 a span{font-size: 1.25vw;}
	.header h1 a .dpunch{transform:translate(2.34vw,0)}
	.header h1 a:hover .hello{transform:translateY(-1.56vw)}
	.header h1 a:hover .dpunch{transform:translate(0,-1.56vw)}
	.header .head_rt{gap:3.52vw;}
	.header .gnb{gap:3.91vw;}
	.header .gnb > li > a{font-size: 1.25vw;}
	.header .gnb > li > a.contact{width: 8.98vw; line-height: 3.52vw;}
	.nav-item-wrap .move-wrap span{margin-right: 1.17vw;}
	.all_menu_btn{width: 3.13vw; height: 3.13vw;}
	.all_menu_btn img{width: 2.34vw;}


	/* all menu */
	.all_menu::after{width: 54.69vw; height: 68.44vw; top: 2.73vw;}
	.all_menu .inner{padding: 0 3.52vw;}
	.all_menu_close{right:3.75vw; top:4.14vw; font-size: 1.25vw;}
	.all_menu_close img{width:2.34vw; margin: -0.23vw 0.94vw 0 0;}
	.all_menu .left{padding-top: 21.09vw; width: 32%;}
	.all_menu .left .info dl + dl{margin-top: 2.34vw;}
	.all_menu .left .info dl dt{font-size: 1.09vw; margin-bottom: 0.78vw;}
	.all_menu .left .info dl dd{font-size: 1.25vw;}
	.all_menu .left .sns{margin-top: 8.59vw;}
	.all_menu .left .sns li + li{margin-top: 1.56vw;}
	.all_menu .left .sns li a{font-size: 1.25vw;}
	.all_menu .left .sns li a .circle{width: 0.78vw; height: 0.78vw; margin: -0.16vw 0.78vw 0 0;}
	.all_menu .left .copy{margin-top: 9.38vw; font-size: 1.25vw;}
	.all_menu .right{padding-left: 6.77vw; width: 68%;}
	.all_menu .right ul li{margin-top: 6.69vw;}
	.all_menu .right ul li a .num{font-size: 1.95vw; letter-spacing: -0.08vw; min-width: 3.13vw;}
	.all_menu .right ul li a p{font-size: 8.77vw; letter-spacing: -0.39vw;}


	/* quick menu */
	.quick{ bottom: 8.44vw; right: 3.52vw; }
	.quick.on{bottom: 1.80vw;}
	.quick .rotate{width: 9.14vw;}
	.quick a{ width: 4.92vw; height: 4.92vw; background-size: 1.80vw;}


	/* sec1 */
	.main .sec1{height: 70.31vw; background-image: url(/img/main/sec1_bg_tab.png);}
	.main .sec1 .txt span{font-size: 8.59vw;}
	.main .sec1 .txt img{width: 5.47vw;}
	.main .sec1 .txt1{top: 25.39vw; left: -26.83vw;}
	.main .sec1 .txt2{bottom: 23.48vw; right: -15.3vw;}


	/* sec2 */
	.main .sec2{padding: 14.84vw 0 16.41vw;}
	.main .sec2 p{font-size: 1.41vw; margin-top: 0.78vw;}
	.main .sec2 .txt_wrap{max-width: 66.64vw;}
	.main .sec2 .txt div{letter-spacing: -0.16vw; margin-right: 0.78vw;}
	.main .sec2 .txt div span{font-size: 3.13vw;}
	.more_btn{margin-top: 3.97vw; font-size: 1.56vw; padding: 1.17vw 0;}
	.more_btn .line1{left: -2.34vw;}
	.more_btn .line2{right: -2.34vw;}
	.more_btn .line3{right: -2.34vw;}
	.more_btn .line4{left: -2.34vw;}

	@keyframes line1-on{
		0%{width: 0;}
		100%{width: calc(100%  + 4.69vw);}
	}
	@keyframes line1-off{
		0%{width: calc(100%  + 4.69vw);}
		100%{width: 0;}
	}

	/* sec3 */
	.main .sec3{height: 51.70vw;}
	.main .sec3 .txt{gap:1.95vw;}
	.main .sec3 .txt span{font-size: 8.59vw;}
	.main .sec3 .txt img{width: 5.47vw;}
	.main .sec3 .txt2{top: 15.00vw; right: -30vw;}
	.main .sec3 .txt_wrap{top: 30.78vw; left: 32.81vw;}
	.main .sec3 .txt_wrap p{font-size: 1.56vw;}
	.main .sec3 .txt_wrap .more_btn{margin-top: 4.69vw;}

	/* sec4 */
	.portfolio{height: 97.38vw;}
	.portfolio .port {width: 27.73vw;}
	.portfolio .port .img{ height: 30.70vw;}
	.portfolio .port p{margin-top: 2.11vw; font-size: 1.56vw;}
	.portfolio .port:nth-of-type(1){top: 12.89vw;}
	.portfolio .port:nth-of-type(2){top: 21.48vw;}
	.portfolio .port:nth-of-type(4){bottom: 8.53vw;}
	.portfolio .port:nth-of-type(6){bottom: 21.25vw;}
	.portfolio .more{bottom: -4.30vw; right: 22.58vw;}
	.portfolio .more .rotate{width: 16.02vw;}
	.portfolio .more a{width: 9.38vw; height: 9.38vw; background-size: 3.91vw;}


	/* sec5 */
	.main .sec5{padding: 19.53vw 0 10.55vw;}
	.main .sec5 p{font-size: 1.41vw;}
	.main .sec5 .txt_wrap{margin-top: 2.34vw;}
	.main .sec5 .txt div{letter-spacing: -0.16vw; margin-right: 0.78vw;}
	.main .sec5 .txt div span{font-size: 3.52vw;}


	/* sec6 */
	.main .sec6 ul li a{padding: 4.45vw 3.52vw;}
	.main .sec6 ul li a .txt .num{font-size: 3.20vw; letter-spacing: -0.08vw; width: 4.69vw; min-width: 4.69vw;}
	.main .sec6 ul li a .txt dl{ margin-left: 4.22vw; max-width: calc(100% - 18.28vw);}
	.main .sec6 ul li a .txt dl dt{font-size: 3.20vw; letter-spacing: -0.08vw;}
	.main .sec6 ul li a .txt dl dd{font-size: 1.25vw; margin-top: 0.70vw;}
	.main .sec6 ul li a .txt .line{width: 7.38vw; margin: 2.19vw 0 0 2.67vw;}
	.main .sec6 ul li a .img{width: 36.06vw; height: 25.34vw; right: 3.52vw;}
	.main .sec6 .inner{margin-top: 11.72vw;}
	.main .sec6 .inq_btn{font-size: 4.69vw; letter-spacing: -0.11vw; padding: 0 3.2vw 3.30vw 3.2vw;}
	.main .sec6 .inq_btn i{width: 5.47vw; height: 5.47vw; margin-left: 2.34vw;}


	/* footer */
	.footer{margin-top: 11.72vw;}
	.foot_swiper .swiper-slide{gap:3.52vw;}
	.foot_swiper .swiper-slide span{font-size: 8.59vw;}
	.foot_swiper .swiper-slide img{width: 5.08vw;}
	.foot_swiper .swiper-slide +  .swiper-slide{margin-left: 3.52vw;}
	.ft_cont{padding: 7.03vw 0 14.53vw;}
	.ft_cont.on{padding-bottom: 8.32vw;}
	.ft_cont *{font-size: 1.25vw;}
	.ft_cont .ft_lt{gap:2.34vw;}
	.ft_cont .ft_rt{gap:3.13vw;}
	.ft_cont .ft_rt a .circle{margin: -0.16vw 0.78vw 0 0; width: 0.78vw; height: 0.78vw;}
	.ft_cont .logo {margin-top: 1.88vw; gap: 1.41vw;}
	.ft_cont .logo span:not(.line) {gap: 0.70vw; font-size: 1.02vw; letter-spacing: -0.00vw;}
	.ft_cont .logo span.line {width: 0.08vw; height: 1.09vw;}
	.ft_cont .logo .item1 img {width: 2.42vw;}
	.ft_cont .logo .item2 img {width: 1.41vw;}
	.ft_cont .logo .item3 img {width: 2.11vw;}
	.ft_cont .logo .item4 img {width: 2.11vw;}
	.ft_inq{height: 7.03vw; bottom: -7.03vw;}
	.ft_inq .left{gap:4.69vw;}
	.ft_inq .left strong{font-size: 1.95vw; letter-spacing: -0.04vw;}
	.ft_inq .left p{font-size: 1.25vw; letter-spacing: -0.02vw;}
	.ft_inq .right{gap:7.81vw;}
	.ft_inq .right a{font-size: 1.41vw; letter-spacing: -0.03vw; padding: 0.39vw 0 0.78vw;}
	.ft_inq .right a i{width: 1.56vw; height: 1.56vw; margin: -0.19vw 0 0 1.17vw;}
	.ft_inq .right .ft_inq_close{width: 2.34vw;}

}



@media screen and (max-width:768px){

	/* 공통 */
	.inner, .inner2, .inner3{padding: 0 3.91vw;}
	.pc{display:none !important;}
	.mob{display:block !important;}


	/* HEADER */
	.header{height:17.02vw;}
	.header h1 a{max-height: 4.22vw; padding-right: 4.91vw;}
	.header h1 a span{font-size: 3.13vw;}
	.header h1 a .dpunch{transform:translate(4.91vw,0)}
	.header h1 a:hover .hello{transform:translateY(-3.60vw)}
	.header h1 a:hover .dpunch{transform:translate(0,-3.60vw)}
	.header .head_rt{gap:4.86vw;}
	.header .gnb > li > a{display: none;}
	.header .gnb > li > a.contact{display: block; font-size: 3.13vw; width: 23.97vw; line-height: 8.86vw;}
	.nav-item-wrap .move-wrap span{margin-right: 1.95vw;}
	.all_menu_btn{display: none !important;}
	.head_mob_btn{width: 7.21vw; height: 7.21vw; display: flex !important; align-items: center; justify-content: center; cursor: pointer;}
	.head_mob_btn img{width: 6.91vw;}


	/* side menu */
	.head_bg{display:block !important; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; transition: all 1s ease;}
	.head_bg.on{visibility: initial;}
	.head_bg:before{content: ''; display: block; width: 100%; height: 100%; background: #000; position: absolute; right: 0; z-index: -1;}
	.head_bg.on:before{animation: head_bg_on 0.5s ease both;}
	.head_bg.off:before{animation: head_bg_off 0.5s ease both; animation-delay:0.3s;}
	.head_bg:after{content: ''; display: block; width: 98.31vw; height: 114.06vw; background: url(/img/main/all_menu_bg_mob.svg) no-repeat center / contain; position: absolute; top: 17.58vw; left: 50%; transform:translateX(-50%); transition: all 1s ease; opacity: 0; z-index: -1;}
	.head_bg.on:after{opacity: 1;}
	.head_bg *{font-size: 2.60vw; font-weight: 700;}
	.head_bg_inner{padding: 26.04vw 9.11vw 0;}
	.head_bg_close{display: flex; align-items: center; gap:1.17vw; font-size: 3.13vw; position: absolute; top: 6.51vw; right: 5.34vw; cursor: pointer; transition: all 1s ease; opacity: 0;}
	.head_bg.on .head_bg_close{opacity: 1;}
	.head_bg_close img{width: 5.86vw;}
	.head_bg .mob_menu li + li{margin-top: 5.21vw;}
	.head_bg .mob_menu li a{font-size: 5.21vw; transition:all 0.3s; display: block;}
	.head_bg .mob_menu li a:hover{color: #2AC1EB;}
	.head_bg .mob_menu li a .num{display: inline-block; vertical-align: middle; margin: -1vw 3vw 0 0; transition:all 0.3s; font-weight: 600;}
	.head_bg .mob_menu li a:hover .num{color: #2AC1EB;}
	.head_bg .info{margin-top: 41.54vw;}
	.head_bg .info div + div{margin-top: 1.82vw;}
	.head_bg .info div .up{display: block;}
	.head_bg .sns{margin-top: 10.29vw;}
	.head_bg .sns li + li{margin-top: 3.91vw;}
	.head_bg .sns li a{display: flex; align-items: center; gap:1.30vw; color: #545454; transition:all 0.3s;}
	.head_bg .sns li a .circle{width: 1.30vw; height: 1.30vw; border-radius:50%; background: #545454; display: inline-block; transition:all 0.3s;}
	.head_bg .sns li a:hover{color: #fff;}
	.head_bg .sns li a:hover .circle{background: #fff;}
	.head_bg .copy{margin-top: 9.64vw; overflow: hidden;}
	.head_bg .copy .up{display: block;}
	.head_bg .mob_menu li, .head_bg .sns li, .head_bg .info div p{overflow: hidden;}

	.head_bg.on .up{animation: mob_up 1s ease both; animation-delay:0.3s;}
	.head_bg.off .up{animation: mob_down 1s ease both;}

	@keyframes mob_up {
		0% {transform:translateY(50px); opacity: 0;}
		100% {transform:translateY(0); opacity: 1;}
	}
	@keyframes mob_down {
		0% {transform:translateY(0); opacity: 1;}
		100% {transform:translateY(50px); opacity: 0;}
	}
	@keyframes head_bg_on {
		0% {width: 0;}
		100% {width: 100%;}
	}
	@keyframes head_bg_off {
		0% {width: 100%;}
		100% {width: 0;}
	}


	/* quick menu */
	.quick{bottom: 16.93vw; right: 3.91vw;}
	.quick.on{bottom: 6.51vw;}
	.quick .rotate{width: 20.83vw;}
	.quick a{width: 11.85vw; height: 11.85vw; background-size: 4vw;}


	/* sec1 */
	.main .sec1{height: 143.23vw; background-image: url(/img/main/sec1_bg_mob.png);}
	.main .sec1 .txt{width: max-content;}
	.main .sec1 .txt span{font-size: 13.02vw;}
	.main .sec1 .txt img{width: 9.11vw;}
	.main .sec1 .txt1{top: 59.64vw; left: -55.54vw;}
	.main .sec1 .txt2{bottom: 50.13vw; right: -50.50vw;}


	/* sec2 */
	.main .sec2{padding: 13.02vw 0 22.92vw;}
	.main .sec2 .inner{display: block;}
	.main .sec2 p{font-size: 3.13vw; margin: 0 0 3.26vw;}
	.main .sec2 .txt_wrap{max-width: 100%;}
	.main .sec2 .txt_wrap br{display: none;}
	.main .sec2 .txt div{letter-spacing: -0.36vw; margin-right: 0.8vw;}
	.main .sec2 .txt div span{font-size: 5.21vw; line-height: 1.3;}
	.more_btn{margin-top: 4.95vw; font-size: 3.13vw; padding: 1.95vw 0;}
	.more_btn .line1{left: -3.5vw;}
	.more_btn .line2{right: -3.5vw;}
	.more_btn .line3{right: -3.5vw;}
	.more_btn .line4{left: -3.5vw;}

	@keyframes line1-on{
		0%{width: 0;}
		100%{width: calc(100%  + 7vw);}
	}
	@keyframes line1-off{
		0%{width: calc(100%  + 7vw);}
		100%{width: 0;}
	}

	/* sec3 */
	.main .sec3{height: 81.17vw;}
	.main .sec3 .txt{gap:3.26vw; width: max-content;}
	.main .sec3 .txt span{font-size: 13.02vw;}
	.main .sec3 .txt img{width: 9.11vw;}
	.main .sec3 .txt1{left: -60vw;}
	.main .sec3 .txt2{top: 16.00vw; right: -90vw;}
	.main .sec3 .txt_wrap{top: 40.30vw; left: 3.91vw;}
	.main .sec3 .txt_wrap p{font-size: 3.39vw;}
	.main .sec3 .txt_wrap .more_btn{margin-top: 7.81vw;}

	/* sec4 */
	.portfolio{height: auto;}
	.portfolio .port{position: initial; transform:translateX(0) !important;}
	.portfolio .port + .port{margin-top: 10.42vw;}
	.portfolio .port {width: 100%;}
	.portfolio .port .img{width: 100%; height: 97.61vw;}
	.portfolio .port p{margin-top: 3.52vw; font-size: 3.39vw;}
	.portfolio .port:nth-of-type(n+4){display: none;}
	.portfolio .more{display: none;}


	/* sec5 */
	.main .sec5{padding: 23.44vw 0 13vw;}
	.main .sec5 p{font-size: 3.13vw;}
	.main .sec5 .txt_wrap{margin-top: 3.26vw;}
	.main .sec5 .txt div{letter-spacing: -0.36vw; margin-right: 1.0vw;}
	.main .sec5 .txt div span{font-size: 5.21vw; line-height: 1.3;}


	/* sec6 */
	.main .sec6 .inner2{padding: 0 3.91vw;}
	.main .sec6 ul li a{padding: 5.86vw 3.26vw 7.81vw;}
	.main .sec6 ul li a .txt{display: block;}
	.main .sec6 ul li a .txt .num{font-size: 4.56vw; letter-spacing: -0.12vw; min-width: auto; width: auto;}
	.main .sec6 ul li a .txt dl{margin-left: 0; margin-top: 1.7vw; max-width: none; width: auto;}
	.main .sec6 ul li a .txt dl dt{font-size: 4.56vw; letter-spacing: -0.12vw;}
	.main .sec6 ul li a .txt dl dd{font-size: 3.13vw; margin-top: 2.86vw;}
	.main .sec6 ul li a .txt .line{display: none;}
	.main .sec6 ul li a .img{width: 45.57vw; height: 31.90vw; right: 0; top: -4.10vw; transform:translateY(0);}
	.main .sec6 .inner{margin-top: 19.53vw;}
	.main .sec6 .inq_btn{font-size: 6.51vw; letter-spacing: -0.10vw; padding: 0 0 5.16vw; width: 100%; display: flex; justify-content: center;}
	.main .sec6 .inq_btn i{width: 8.11vw; height: 8.11vw; margin-left: 3.91vw; margin-top: -1vw;}


	/* footer */
	.footer{margin-top: 19.53vw;}
	.foot_swiper .swiper-slide{gap:5.86vw;}
	.foot_swiper .swiper-slide span{font-size: 13.02vw;}
	.foot_swiper .swiper-slide img{width: 8.46vw;}
	.foot_swiper .swiper-slide +  .swiper-slide{margin-left: 5.86vw;}
	.ft_cont{padding: 11.72vw 0 26.69vw;}
	.ft_cont.on{padding-bottom: 14.97vw;}
	.ft_cont .inner3{display: block;}
	.ft_cont *{font-size: 2.6vw;}
	.ft_cont .ft_lt{gap:0; justify-content: space-between;}
	.ft_cont .ft_rt{gap:1.6vw; flex-direction: column; margin-top: 3.13vw;}
	.ft_cont .ft_rt a{display: block;}
	.ft_cont .ft_rt a .circle{margin: -0.26vw 1.30vw 0 0; width: 1.30vw; height: 1.30vw;}
	.ft_cont .logo {margin-top: 3.13vw; gap: 1.6vw 2vw; display: flex; flex-wrap: wrap;}
	.ft_cont .logo span:not(.line) {gap: 1.82vw; font-size: 2.34vw; letter-spacing: -0.00vw;}
	.ft_cont .logo span.line {width: 0.26vw; height: 1.95vw;}
	.ft_cont .logo .item1 img {width: 5.86vw;}
	.ft_cont .logo .item2 img {width: 3.26vw;}
	.ft_cont .logo .item3 img {width: 5.08vw;}
	.ft_cont .logo .item4 img {width: 5.08vw;}
	.ft_inq{height: 11.72vw; bottom: -11.72vw;}
	.ft_inq .left{gap:7.81vw;}
	.ft_inq .left strong{font-size: 3.65vw; letter-spacing: -0.07vw;}
	.ft_inq .left p{display: none;}
	.ft_inq .right{gap:7.29vw;}
	.ft_inq .right a{font-size: 3.13vw; letter-spacing: -0.05vw; padding: 0.65vw 0 1.30vw;}
	.ft_inq .right a i{width: 2.80vw; height: 2.80vw; margin: 0 0 0 1vw;}
	.ft_inq .right .ft_inq_close{width: 3.91vw;}

}