/*메인*/

.main {width:100%;}
.main .section-wrap {width:100%;}
.main section {width:100%; position:relative;}
.main section .sec-wrap {width:90%; max-width:var(--max-w); margin:0 auto;}
.main section .sec-title {width:100%; margin-bottom:var(--gap-24);}
.main section .sec-title h2 {font-size:var(--font-24); font-weight:500; color:var(--gray-6);}
.main section .sec-title.center h2 {text-align:center;}
.main section .sec-title.gap {margin-bottom:0;}


/* visual */
.main .visual .sec-wrap {width:100%; max-width:100%;}
.main .visual .visual-wrap {width:100%; height:var(--nvh); min-height:700px; position:relative;}
.main .visual .visual-wrap .visual-bg {width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.main .visual .visual-wrap .visual-bg:after {content:''; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:10;}
.main .visual .visual-wrap .visual-bg span {display:block; width:100%; height:100%; position:relative; z-index:1; will-change:transform; transform-origin:center center;}
.main .visual .visual-wrap .visual-bg span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .visual .visual-wrap .visual-conts {width:100%; height:100%; position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; z-index:10;}
.main .visual .visual-wrap .visual-conts .conts-box {width:90%; text-align:center;}
.main .visual .visual-wrap .visual-conts .conts-box h2 {font-size:72px; font-weight:700; color:var(--white); line-height:1.2;}
.main .visual .visual-wrap .visual-conts .conts-box h2 span {opacity:0;}
.main .visual .visual-wrap .visual-conts .conts-box .conts {width:100%; margin-top:var(--gap-50); font-size:28px;; font-weight:500; color:var(--white); opacity:0;}

@media screen and (max-width: 1280px) {
    .main .visual .visual-wrap .visual-conts .conts-box h2 {font-size:64px;}
    .main .visual .visual-wrap .visual-conts .conts-box .conts {font-size:24px;}
}

@media screen and (max-width: 1024px) {
    .main .visual .visual-wrap {min-height:100%;}
    .main .visual .visual-wrap .visual-conts .conts-box h2 {font-size:56px;}
    .main .visual .visual-wrap .visual-conts .conts-box .conts {font-size:20px;}
}

@media screen and (max-width: 768px) {
    .main .visual .visual-wrap .visual-conts .conts-box h2 {font-size:48px;}
    .main .visual .visual-wrap .visual-conts .conts-box .conts {font-size:18px;}
}

@media screen and (max-width: 648px) {
    .main .visual .visual-wrap .visual-conts .conts-box h2 {font-size:35px;}
}

@media screen and (max-width: 480px) {
    .main .visual .visual-wrap .visual-conts .conts-box h2 {font-size:30px;}
    .main .visual .visual-wrap .visual-conts .conts-box .conts {font-size:15px;}
}




/* brand */
.main .brand {width:100%; margin-top:calc(var(--gap-60) * 3);}
.main .brand .sec-wrap {max-width:990px;}
.main .brand .brand-wrap {width:100%;}
.main .brand .brand-wrap .head {font-size:64px; font-weight:500; text-align:center; line-height:1.3;}
.main .brand .brand-wrap .img-box {width:100%; margin:var(--gap-60) 0 var(--gap-40) 0; overflow:hidden; border-radius:var(--gap-10);}
.main .brand .brand-wrap .img-box span {display:block; width:100%; aspect-ratio:990/436; position:relative; clip-path:inset(0 25%);}
.main .brand .brand-wrap .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .brand .brand-wrap .conts-box {width:100%; text-align:center; font-size:var(--font-24);}

@media screen and (max-width: 1280px) {
    .main .brand .brand-wrap .head {font-size:56px;}
}

@media screen and (max-width: 1024px) {
    .main .brand .brand-wrap .head {font-size:50px;}
}

@media screen and (max-width: 768px) {
    .main .brand .brand-wrap .head {font-size:42px;}
    .main .brand .brand-wrap .conts-box {font-size:var(--font-18);}
}

@media screen and (max-width: 648px) {
    .main .brand .brand-wrap .head {font-size:32px;}
}

@media screen and (max-width: 480px) {
    .main .brand .brand-wrap .head {font-size:24px;}
    .main .brand .brand-wrap .img-box span {aspect-ratio:990/500;}
    .main .brand .brand-wrap .img-box span img {object-position:0 10%;}
}





/* business */
.main .business {width:100%; margin-top:calc(var(--gap-60) * 3);}
.main .business .sec-wrap {width:100%; max-width:100%;}
.main .business .sec-title {display:none;}
.main .business .main-business-container {width:100%; height:var(--nvh);}
.main .business .main-business-container .main-business-wrap {width:100%; height:100%; display:flex; position:relative;}
.main .business .main-business-container .main-business-wrap .lf-box,
.main .business .main-business-container .main-business-wrap .rt-box {width:50%; height:100%; position:relative; overflow:hidden;}
.main .business .main-business-container .main-business-wrap .lf-box .title {width:100%; font-size:var(--font-28); font-weight:500; color:var(--white); text-align:center; position:absolute; left:0; top:var(--gap-50); z-index:10;}
.main .business .main-business-container .main-business-wrap .img-list {width:100%; position:relative; z-index:1; transition:transform 1s ease-in-out;}
.main .business .main-business-container .main-business-wrap .img-list .img-box {width:100%; height:var(--nvh); position:absolute; left:0; top:0; z-index:1; opacity:0; transition:opacity 0.7s ease-in-out;}
.main .business .main-business-container .main-business-wrap .img-list .img-box span {display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.main .business .main-business-container .main-business-wrap .img-list .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap {width:100%; height:100%; display:flex; flex-direction:column;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box {width:100%; border-top:1px solid var(--gray-7d); height:150px; transition:height, padding; transition-duration:0.6s; overflow:hidden; position:relative;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box > .inner {width:100%; padding:0 50px;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .head {width:100%; font-size:56px; font-weight:500; line-height:1.3; height:150px; display:flex; align-items:center; position:relative;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .head span {transform:scale(0.65); transform-origin:left center; transition:transform; transition-duration:0.6s;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box {width:100%; padding:var(--gap-24) 0 0 0; max-height:0; transition:max-height, padding; transition-duration:0.6s;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .img {width:100%; margin-bottom:var(--gap-24); display:none;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .img span {display:block; width:100%; aspect-ratio:362/256; position:relative;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .img span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .conts {font-size:var(--font-20); line-height:1.6;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .button-wrap {width:100%; padding:0; margin-top:var(--gap-50);}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .button-wrap a {font-size:var(--font-18); font-weight:500; color:var(--key-color);}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .button-wrap a span {position:relative; padding-right:calc(var(--gap-16) * 2);}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .button-wrap a span:after {content:''; width:var(--gap-16); height:100%; background:url(/img/com/arrow_dir_key.svg) center no-repeat; background-position:right center; position:absolute; right:0; top:0;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box.on {height:calc(100% - (150px * 3)); padding:50px 0;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box.on .conts-box {max-height:100%;}
.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box.on .head {height:100%;}


@media screen and (max-width: 1440px) {
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box {height:100px;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box > .inner {padding:0 30px;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .head {font-size:42px; height:100px;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .conts {font-size:16px;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .button-wrap a {font-size:14px;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box.on {height:calc(100% - (100px * 3)); padding:30px 0;}
}

@media screen and (max-width: 1024px) {
    .main .business {margin-bottom:calc(var(--gap-60) * 3);}
    .main .business .sec-wrap {width:90%;}
    .main .business .sec-title {display:block;}
    .main .business .main-business-container {height:100%;}
    .main .business .main-business-container .main-business-wrap {flex-direction:column;}
    .main .business .main-business-container .main-business-wrap .lf-box,
    .main .business .main-business-container .main-business-wrap .rt-box {width:100%;}
    .main .business .main-business-container .main-business-wrap .lf-box {display:none;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap {border-bottom:1px solid var(--gray-7d);}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box {height:100%; padding:0 0 var(--gap-50) 0;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box > .inner {padding:0;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .head {height:100px;cursor:pointer; font-size:calc(var(--font-40) * 1.5);}
    /*.main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .head:after {content:''; width:var(--gap-24); height:100%; background:url(/img/com/arrow_down_black.svg) center no-repeat; background-size:100% auto; position:absolute; right:var(--gap-16); top:0; transition:transform 0.3s ease-in-out;}*/
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box {padding:0; max-height:100%;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .img {display:block;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .conts {font-size:var(--font-24);}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .button-wrap a {font-size:var(--font-20);}
}

@media screen and (max-width: 648px) {
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .head,
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box.on .head {height:85px;}
}

@media screen and (max-width: 480px) {
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .head {height:65px;}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .head {font-size:calc(var(--font-40) * 1.15);}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .conts {font-size:var(--font-18);}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .button-wrap a {font-size:var(--font-16);}
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box.on .head {height:65px;}
}

@media screen and (max-width: 320px) {
    .main .business .main-business-container .main-business-wrap .business-conts-wrap .business-box .conts-box .conts .br {display:inline-block;}
}








/* project */

.main .project-intro {width:100%; height:100vh; background:#090807;}
.main .project-intro .sec-wrap {width:100%; max-width:100%; height:var(--nvh);}
.main .project-intro .project-wrap {width:100%; height:100%; position:relative; overflow:hidden;}
.main .project-intro .project-wrap .project-conts-wrap {width:100%; height:100%; position:relative; z-index:10;}
.main .project-intro .project-wrap .project-conts-wrap .project-conts {width:100%; position:absolute; left:0;}

.main .project-intro .project-wrap .project-conts-wrap .project-conts-1 {height:var(--nvh);}
.main .project-intro .project-wrap .project-conts-wrap .project-conts-1 .conts-wrap {width:100%; height:100%;}

.main .project-intro .project-wrap .project-conts-wrap .project-conts-2 {top:65%;}

.main .project-intro .project-wrap .main-conts {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.main .project-intro .project-wrap .main-conts .conts-box {width:90%; text-align:center; font-size:64px; font-weight:700; color:var(--white); line-height:1.5;}
.main .project-intro .project-wrap .main-conts.ani {visibility:visible; opacity:1;}
.main .project-intro .project-wrap .project-list-wrap {width:100%; height:100%; overflow:hidden; transition:0.5s ease-in-out;}
.main .project-intro .project-wrap .project-list-wrap .project-list-inner {width:90%; margin:0 auto;}
.main .project-intro .project-wrap .project-list-wrap ul {width:100%; display:flex; flex-direction:column; gap:calc(var(--gap-50) * 2);}
.main .project-intro .project-wrap .project-list-wrap ul li {width:100%; font-size:var(--font-40); font-weight:700; color:var(--white); opacity:0.24; text-align:center; transition:opacity 0.3s ease-in-out;}
.main .project-intro .project-wrap .project-list-wrap ul li.active {opacity:1;}
.main .project-intro .project-wrap .project-list-wrap.ani {visibility:visible; opacity:1;}
.main .project-intro .project-wrap .video-bg {width:100%; height:var(--nvh); position:absolute; inset:0; z-index:1; opacity:0;}
.main .project-intro .project-wrap .video-bg .video-box {width:100%; height:100%; position:relative; opacity:0.15;}
.main .project-intro .project-wrap .video-bg .video-box video {width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

.main .project-intro.active .project-wrap .video-bg {position:fixed;}

@media screen and (max-width: 1280px) {
    .main .project-intro .project-wrap .main-conts .conts-box {font-size:56px;}
}

@media screen and (max-width: 1024px) {
    .main .project-intro .project-wrap .main-conts .conts-box {font-size:50px;}
}

@media screen and (max-width: 768px) {
    .main .project-intro .project-wrap .main-conts .conts-box {font-size:42px;}
}

@media screen and (max-width: 648px) {
    .main .project-intro .project-wrap .main-conts .conts-box {font-size:32px;}
}

@media screen and (max-width: 480px) {
    .main .project-intro .project-wrap .main-conts .conts-box {font-size:24px;}
    .main .project-intro .project-wrap .project-list-wrap ul li {font-size:calc(var(--font-40) * 0.8);}
}






.main .project {width:100%; margin-top:calc(var(--gap-60) * 3);}
.main .project .sec-title {display:flex; align-items:center; justify-content:space-between;}
.main .project .sec-title a {font-size:var(--font-18); font-weight:500;}
.main .project .sec-title a span {padding-right:calc(var(--gap-16) * 2); position:relative;}
.main .project .sec-title a span:after {content:''; width:var(--gap-16); height:100%; background:url(/img/com/arrow_dir.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:0;}
.main .project .sec-conts {width:100%; padding-top:var(--gap-60); border-top:1px solid var(--gray-7d);}
.main .project .project-wrap {width:100%; height:100%; display:flex; justify-content:space-between; position:relative;}
.main .project .project-wrap .lf-box {width:63%; max-width:1088px; overflow:hidden;}
.main .project .project-wrap .rt-box {width:29%; max-width:490px; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between;}

@media screen and (max-width: 1280px) {
    .main .project .project-wrap {flex-direction:column-reverse; gap:var(--gap-32); padding-bottom:calc(40px + var(--gap-24));}
    .main .project .project-wrap .lf-box,
    .main .project .project-wrap .rt-box {width:100%; max-width:100%;}
}

@media screen and (max-width: 648px) {
    .main .project .project-wrap {padding-bottom:calc(32px + var(--gap-24));}
}


.main .project .project-wrap .project-conts-slider-wrap {width:100%;}
.main .project .project-wrap .project-conts-slider-wrap .project-conts-slider-box {width:100%;}
.main .project .project-wrap .project-conts-slider-wrap .project-conts-slider-box .conts-slider li .project-conts-box {width:100%; background:var(--white);}
.main .project .project-wrap .project-conts-slider-wrap .project-conts-slider-box .conts-slider li .project-conts-box span {display:block; width:100%; font-size:var(--font-16); color:var(--key-color); font-weight:700;}
.main .project .project-wrap .project-conts-slider-wrap .project-conts-slider-box .conts-slider li .project-conts-box .head {width:100%; font-size:var(--font-36); font-weight:700; line-height:1.3; margin-top:var(--gap-10); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .project .project-wrap .project-conts-slider-wrap .project-conts-slider-box .conts-slider li .project-conts-box .conts {width:100%; font-size:var(--font-18); color:var(--gray-6); margin-top:var(--gap-16); font-weight:400;}

@media screen and (max-width: 1280px) {
    .main .project .project-wrap .project-conts-slider-wrap .project-conts-slider-box .conts-slider li .project-conts-box {text-align:center;}
}


.main .project .project-wrap .slider-control-wrap {width:29%; max-width:490px; position:absolute; right:0; bottom:0; overflow:hidden;}
.main .project .project-wrap .slider-control-wrap .slider-control {width:100%; display:flex; align-items:center; gap:3px;}
.main .project .project-wrap .slider-control-wrap .slider-control button {width:40px; height:40px; border-radius:50%; background:var(--white); border:1px solid var(--gray-dc); position:relative; font-size:0; overflow:hidden;}
.main .project .project-wrap .slider-control-wrap .slider-control button:after {content:''; width:100%; height:100%; background:url(/img/com/arrow_left_black.svg) center no-repeat; background-size:40% auto; position:absolute; left:0; top:0;}
.main .project .project-wrap .slider-control-wrap .slider-control button.btn-slider-next:after {transform:scaleX(-1);}
.main .project .project-wrap .slider-control-wrap .slider-control .counter {font-size:var(--font-18); font-weight:800; width:100px; text-align:center;}

@media screen and (max-width: 1280px) {
    .main .project .project-wrap .slider-control-wrap {width:100%; max-width:100%;}
    .main .project .project-wrap .slider-control-wrap .slider-control {justify-content:center;}
}

@media screen and (max-width: 648px) {
    .main .project .project-wrap .slider-control-wrap .slider-control button {width:32px; height:32px;}
    .main .project .project-wrap .slider-control-wrap .slider-control .counter {width:80px;}
}


.main .project .project-wrap .slider-control-wrap .thumb-slider-wrap {width:100%; margin-top:var(--gap-24);}
.main .project .project-wrap .slider-control-wrap .thumb-slider-wrap .thumb-slider-box {transform:translateX(-100%);}
.main .project .project-wrap .slider-control-wrap .thumb-slider-wrap .thumb-slider-box .thumb-slider li .img-box {width:100%;}
.main .project .project-wrap .slider-control-wrap .thumb-slider-wrap .thumb-slider-box .thumb-slider li .img-box span {display:block; width:100%; aspect-ratio:490/283; position:relative; border-radius:var(--gap-8); overflow:hidden;}
.main .project .project-wrap .slider-control-wrap .thumb-slider-wrap .thumb-slider-box .thumb-slider li .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}

@media screen and (max-width: 1280px) {
    .main .project .project-wrap .slider-control-wrap .thumb-slider-wrap {display:none;}
}


.main .project .project-wrap .main-slider-wrap {width:100%;}
.main .project .project-wrap .main-slider-wrap .main-slider-box {width:100%;}
.main .project .project-wrap .main-slider-wrap .main-slider-box .main-slider li .img-box {width:100%;}
.main .project .project-wrap .main-slider-wrap .main-slider-box .main-slider li .img-box span {display:block; width:100%; aspect-ratio:490/283; position:relative; border-radius:var(--gap-8); overflow:hidden;}
.main .project .project-wrap .main-slider-wrap .main-slider-box .main-slider li .img-box span img {display:block; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover;}






/*partners*/
.main .partners {width:100%; margin:calc(var(--gap-60) * 3) 0;}
.main .partners .sec-wrap {width:100%; max-width:100%;}
.main .partners .title-wrap {width:90%; text-align:center; margin:0 auto;}
.main .partners .title-wrap span {display:block; font-size:var(--font-24); font-weight:500; color:var(--gray-6); margin-bottom:var(--gap-24);}
.main .partners .title-wrap .title {width:100%; font-size:56px; font-weight:500; color:var(--gray-1);}
.main .partners .partner-wrap {width:100%; margin-top:calc(var(--gap-80) * 2);}
.main .partners .partner-wrap .partner-box {width:100%; margin-top:var(--gap-60); position:relative; overflow:hidden;}
.main .partners .partner-wrap .partner-box:first-child {margin-top:0;}
.main .partners .partner-wrap .partner-box .partner-inner {width:100%; display:flex; align-items:center;}
.main .partners .partner-wrap .partner-box .partner-inner ul {display:flex; align-items:center;}
.main .partners .partner-wrap .partner-box .partner-inner ul li {width:auto;}
.main .partners .partner-wrap .partner-box .partner-inner ul li span {display:block; padding-right:100px;}
.main .partners .partner-wrap .partner-box .partner-inner ul li span img {width:auto; height:50px; display:block;}

@media screen and (max-width: 1280px) {
    .main .partners .title-wrap .title {font-size:48px;}
}

@media screen and (max-width: 1024px) {
    .main .partners .title-wrap .title {font-size:42px;}
}

@media screen and (max-width: 768px) {
    .main .partners .title-wrap .title {font-size:36px;}
    .main .partners .partner-wrap .partner-box .partner-inner ul li span {padding-right:50px;}
    .main .partners .partner-wrap .partner-box .partner-inner ul li span img {height:36px;}
}

@media screen and (max-width: 648px) {
    .main .partners .title-wrap .title {font-size:28px;}
}

@media screen and (max-width: 480px) {
    .main .partners .title-wrap .title {font-size:22px;}
    .main .partners .partner-wrap .partner-box .partner-inner ul li span {padding-right:30px;}
    .main .partners .partner-wrap .partner-box .partner-inner ul li span img {height:22px;}
}



/*verification*/
.main .verification {width:100%; height:var(--nvh); background:url(/img/index/main_verification_img.png) center no-repeat; background-size:cover; position:relative;}
.main .verification:before {content:""; width:100%; height:100%; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:0;}
.main .verification .sec-wrap {width:100%; height:100%; position:relative; z-index:10;}
.main .verification .verification-wrap {width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.main .verification .verification-wrap .verification-box {width:90%;}
.main .verification .verification-wrap .verification-box .conts-box {width:100%; text-align:center; color:var(--white);}
.main .verification .verification-wrap .verification-box .conts-box span {display:block; font-size:var(--font-24); font-weight:500; color:#e2e2e2;}
.main .verification .verification-wrap .verification-box .conts-box .head {font-size:56px; font-weight:700; margin:var(--gap-24) 0 var(--gap-32) 0;}
.main .verification .verification-wrap .verification-box .conts-box .conts {font-size:var(--font-24); font-weight:500;}
.main .verification .verification-wrap .verification-box .button-wrap {width:100%; margin-top:var(--gap-80);}
.main .verification .verification-wrap .verification-box .button-wrap .button-box {width:100%; display:flex; align-items:center; justify-content:center; gap:160px;}
.main .verification .verification-wrap .verification-box .button-wrap .button-box li {position:relative;}
.main .verification .verification-wrap .verification-box .button-wrap .button-box li:after {content:''; width:1px; height:50%; background:rgba(255,255,255,0.66); position:absolute; right:-80px; top:50%; transform:translateY(-50%);}
.main .verification .verification-wrap .verification-box .button-wrap .button-box li:last-child:after {display:none;}
.main .verification .verification-wrap .verification-box .button-wrap .button-box li .button {min-width:220px;}

@media screen and (max-width: 1280px) {
    .main .verification .verification-wrap .verification-box .conts-box .head {font-size:50px;}
}

@media screen and (max-width: 1024px) {
    .main .verification .verification-wrap .verification-box .conts-box .head {font-size:46px;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box {gap:100px;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box li:after {right:-50px;}
}

@media screen and (max-width: 768px) {
    .main .verification .verification-wrap .verification-box .conts-box .head {font-size:38px;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box {gap:70px;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box li:after {right:-35px;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box li .button {min-width:190px;}
}

@media screen and (max-width: 648px) {
    .main .verification .verification-wrap .verification-box .conts-box .head {font-size:32px;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box {gap:50px;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box li:after {right:-25px;}
}

@media screen and (max-width: 480px) {
    .main .verification .verification-wrap .verification-box .conts-box .head {font-size:26px;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box {gap:var(--gap-40); flex-direction:column;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box li {width:100%;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box li:after {display:none;}
    .main .verification .verification-wrap .verification-box .button-wrap .button-box li .button {margin:0 auto; min-width:180px;}
}




/*contact*/
.main .contact {width:100%; margin-top:calc(var(--gap-60) * 3);}
.main .contact .contact-wrap {width:100%; display:flex; justify-content:space-between; gap:var(--gap-40);}
.main .contact .contact-wrap .conts-box em {display:block; font-size:var(--font-24); font-weight:500; color:var(--gray-6);}
.main .contact .contact-wrap .conts-box .head {font-size:64px; font-weight:700; margin-top:var(--gap-24); line-height:1.4;}
.main .contact .contact-wrap .button-box .btn-contact {width:288px; aspect-ratio:1; border-radius:50%; background:var(--gray-ed); border:1px solid var(--gray-dc); display:flex; align-items:center; justify-content:center; text-align:center;}
.main .contact .contact-wrap .button-box .btn-contact span {font-size:var(--font-32); font-weight:500; position:relative; padding-right:calc(var(--gap-24) * 2);}
.main .contact .contact-wrap .button-box .btn-contact span:after {content:""; width:var(--gap-24); height:100%; background:url(/img/com/arrow_dir.svg) center no-repeat; background-size:100% auto; position:absolute; right:0; top:0;}

@media screen and (max-width: 1280px) {
    .main .contact .contact-wrap .conts-box .head {font-size:56px;}
    .main .contact .contact-wrap .button-box .btn-contact {width:250px;}
}

@media screen and (max-width: 1024px) {
    .main .contact .contact-wrap .conts-box .head {font-size:52px;}
    .main .contact .contact-wrap .button-box .btn-contact {width:230px;}
}

@media screen and (max-width: 768px) {
    .main .contact .contact-wrap {flex-direction:column;}
    .main .contact .contact-wrap .conts-box {text-align:center;}
    .main .contact .contact-wrap .conts-box .head {font-size:46px;}
    .main .contact .contact-wrap .button-box .btn-contact {width:100%; aspect-ratio:6/1; border-radius:200px;}
}

@media screen and (max-width: 648px) {
    .main .contact .contact-wrap .conts-box .head {font-size:40px;}
}

@media screen and (max-width: 480px) {
    .main .contact .contact-wrap .conts-box .head {font-size:32px;}
    .main .contact .contact-wrap .button-box .btn-contact {height:60px; aspect-ratio:unset;}
}







@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 648px) {}
@media screen and (max-width: 480px) {}