@charset "utf-8";

/* ========================================
= [GLOBAL - COMPONENT]
= Description: 신규 공통 컴포넌트
======================================== */
/* {Component - Max} 컴포넌트 - 최대 가로값 */
[class*="max-"] { width: 100%; margin: 0 auto; }
.max-890        { max-width: 890px; }
.max-1010       { max-width: 1010px; }
.max-1100       { max-width: 1100px; }
.max-1140       { max-width: 1140px; }
.max-1160       { max-width: 1160px; }
.max-1230       { max-width: 1200px; }
.max-1286       { max-width: 1286px; }
.max-1440       { max-width: 1440px; }
.max-1530       { max-width: 1530px; }

.gutter-work    { padding-inline: var(--gutter-new); transition: all 0.2s ease-out; }
@media all and (max-width: 768px) {

}

/* {Component - Grid} 컴포넌트 - 그리드 */
[class*="grid-"]	{ display: grid; }
.grid-wrap.col-2{ grid-template-columns: repeat(2, 1fr); }
.grid-wrap.col-3{ grid-template-columns: repeat(3, 1fr); }
.grid-wrap.col-4{ grid-template-columns: repeat(4, 1fr); }
.grid-wrap.col-5{ grid-template-columns: repeat(5, 1fr); }


/* {Component - Icon} 컴포넌트 - 아이콘 */
.ico.mo_kakao{
    width: 24px; height: 24px; background-image: url("/@resource/images/ico/ico_kakao_mo.svg");
}
.ico.telegram{
    width: 24px; height: 24px; background-image: url("/@resource/images/ico/ico_telegram.png");
}
.ico.new-process{
    width: clamp(18px,2.34vw,36px); aspect-ratio: 1/1;
    background-image: url("/@resource/images/ico/ico_process_chk.svg");
}
.ico.all-arrows{
    width: clamp(28px,3.64vw,44px); aspect-ratio: 44/11;
    background-image: url("/@resource/images/ico/ico_all_arrows.png");
}


/* {Component - Button} 컴포넌트 - 버튼 */
.btn.line-w{
    color: var(--white);
    border-radius: 6px;
    border: 1px solid var(--white);
}

/* {Component - Item} 컴포넌트 - 아이템 */
.item.new-card{
    position: relative;
    width: 100%; height: 140px; padding-block: 24px 16px; padding-inline: 22px;
    background-color: var(--white);
    border-radius: 10px;
}
.item.new-card .text-wrap{
    display: flex; flex-direction: column;
    gap: 4px;
}
.item.new-card .title   {
    font-size: clamp(20px,2.6vw,24px); font-weight: 700;
    color: var(--black); line-height: 1;
}
.item.new-card .text    {}
.item.new-card .tag     {
    display: flex; align-items: center;
    flex-wrap: wrap; line-height: normal;
    gap: 2px; letter-spacing: -0.48px;
    font-size: 14px; font-weight: 400;
}
.item.new-card .tag span{line-height: normal}

.item.new-card .icon-wrap{
    position: absolute; right: 22px; bottom: 16px;
    display: flex; align-items: center;
}
.item.new-card .ico{
    width: 32px; aspect-ratio: 1/1;
    background-image: url("/@resource/images/ico/ico_play.svg");
}

.item.new-card,
.item.new-card .title,
.item.new-card .tag,
.item.new-card .ico{  transition: all 0.25s; }



@media (any-hover: hover) and (any-pointer: fine) {
    .item.new-card:hover        { background-color: var(--indigo); }
    .item.new-card:hover .title,
    .item.new-card:hover .tag{ color: var(--white); }

    .item.new-card:hover .ico   { background-image: url("/@resource/images/ico/ico_play_on.svg"); }
}
@media all and (max-width: 768px) {
    .item.new-card          { padding-block: 24px 14px; padding-inline: 16px; }
    .item.new-card .title   { font-size: 18px; }
    .item.new-card .tag     { flex-direction: column;}
    .item.new-card .tag span{ width: 100%; }
    .item.new-card .icon-wrap{ right: 16px; bottom: 14px; }
    .item.new-card .ico { width: 28px; }
}

.item.new-win{}


.ls-n4{ letter-spacing: -0.04em; }

/* // () => [GLOBAL - COMPONENT END] 공통 컴포넌트 종료 */

/* ========================================
= [LAYOUT - FLOAT CONTACT] (Header)
= Description: Header 플로팅 문의하기
======================================== */
.re-float-contact .box-area + .form-wrap,
.re-float-contact .button-area {margin-left: 0 !important; }

.re-float-contact .gutter{ justify-content: center;}
.re-float-contact .float-inner{
    display: flex; align-items: center;
    justify-content: space-between;
    gap:20px;
}
.re-float-contact .box-area .img-wrap{
    width: clamp(75px,7.8vw,85px);
}
.re-float-contact .box-area p{
    font-size: clamp(15px,1.56vw,18px); font-weight: 800;
    letter-spacing: -0.8px;
}
.re-float-contact .box-area .img-wrap + p::before{
    margin: 0 clamp(10px,0.98vw,20px);}

.re-float-contact #bannerDataForm   { gap: clamp(18px,1.87vw,30px); }
.re-float-contact fieldset          { gap: clamp(11px,1.14vw,20px) }

.re-float-contact fieldset .input-text,
.re-float-contact fieldset .select  { width: clamp(155px,12.29vw,238px); }
.re-float-contact #btnConatct       { width: clamp(100px,10.41vw,136px);}

.re-float-contact ul.only-mo        { width: 100%; gap:8px; }
.re-float-contact ul.only-mo li     { width: calc(100% / 3); }
.re-float-contact ul.only-mo li + li::before{display: none !important;}

.re-float-contact ul.only-mo .btn       { font-size: 13px;  letter-spacing: -0.52px; gap: 2px; }
.re-float-contact ul.only-mo .btn.color1{ color: var(--indigo) !important; }
.re-float-contact ul.only-mo .btn.floats{ width: 100%; height: 46px; }

@media all and (max-width: 1260px) {
    .re-float-contact fieldset .input-text,
    .re-float-contact fieldset .select  { width: clamp(130px,13.53vw,180px); }
}
@media all and (max-width: 961px) {
    .re-float-contact .float-inner{
        height: 100%; justify-content: center;
    }
}
/* // () => [SUB - FLOAT CONTACT END] 헤더 플로팅 문의하기 종료 */


/* ========================================
= [SUB - PAGE WORKS] (Depth02)
= Description: Depth02 업무분야 신규
======================================== */
.sub.search.re-work{}
.sub.search.re-work .grid-wrap{ gap: clamp(12px,1.56vw,16px) clamp(14px,1.82vw,16px); }

.sub.search.re-work .page-content .max-1130{
    max-width: max(1130px,58.85vw);
}
.sub.search.re-work .page-content .title-wrap{
    display: flex; align-items: center;
    justify-content: space-between;
    margin-bottom: 22px
}
.sub.search.re-work .page-content .title-wrap .title{
    font-size: 20px; font-weight: 800;
    letter-spacing: -0.8px;
}
.sub.search.re-work .page-content .title-wrap .title span{ color: var(--darkGray) !important; }
.sub.search.re-work .page-content .title-wrap .btn{
    font-size: 13px; font-weight: 600;
    letter-spacing: -0.52px;
}
@media all and (max-width: 1260px){
    .sub.search.re-work .grid-wrap{ grid-template-columns: repeat(3, 1fr); }
}
@media all and (max-width: 768px){
    .sub.search.re-work .grid-wrap{ grid-template-columns: repeat(2, 1fr); }
}


/* 업무분야: Page View */
#content.sub.work.re-work.search .page-content{ margin-top: 48px; }
#content.sub.work.re-work .content-wrap{ padding-left: 0px; border-left: none; }
#content.sub.work.re-work:not(.search) .page-content{ padding-top: 40px; }

@media all and (max-width: 768px){
    #content.sub.work.re-work.search .page-content{ margin-top: 30px; }

    #content.sub.work.re-work:not(.search) .page-content{ padding-top: 25px; }
    #content.sub.work.re-work:not(.search) #aside + .content-wrap{margin-top: 25px;}
}



.sub.work.re-work{}
.sub.work.re-work .sect-work{}
.sub.work.re-work .sect-work .title-wrap{ margin-bottom: 40px; }

.sub.work.re-work .swiper-area{position: relative;}
.sub.work.re-work .swiper li{ max-width: none; }
.sub.work.re-work .swiper-btns{
    position: absolute; top: 50%; left: -60px; z-index: 2;
    width: calc(100% + 120px); transform: translateY(-50%);
}
.sub.work.re-work .swiper-btns .btn{
    position: absolute; padding: 0px; top: calc(-1 * (36px / 2));
    width: clamp(28px,3.64vw,36px); aspect-ratio: 1/1;
    background-color: var(--white); border-radius: 100px;
    box-shadow: 0px 6px 15px rgba(93, 88, 88, 0.4);
}
.sub.work.re-work .swiper-btns .btn img{ width: 100%; height: 100%; }
.sub.work.re-work .swiper-btns .btn.prev{ left: 0; }
.sub.work.re-work .swiper-btns .btn.prev img{}
.sub.work.re-work .swiper-btns .btn.next{ right: 0; }
.sub.work.re-work .swiper-btns .btn.next img{transform: rotate(-180deg) }

@media all and (max-width: 1040px){
    .sub.work.re-work .swiper-btns{
        display: none !important;
        width: calc(100% + 80px); left: -40px;
    }
}
@media all and (max-width: 960px){
    .sub.work.re-work .section:not(.article, .detail) + .section{margin-top: 40px;}
}
@media all and (max-width: 768px){
    .sub.work.re-work .sect-work .title-wrap{ margin-bottom: 28px; }
    .sub.work.re-work .btn.more-color{ height: 24px; font-size: 12px; }
    .sub.work.re-work .swiper{ overflow: hidden; }

    .sub.work.re-work .swiper-btns{
        width: calc(100% + 50px); left: -25px;
    }
    .sub.work.re-work .swiper-btns .btn{ width: 18px; }
    .sub.work.re-work .swiper-btns .btn img{ width: 5px; }

}

/* 업무분야 상세: Section Works */
.sub.work.re-work .section.works{
    min-height: 280px; padding-block: 45px; padding-inline: 0; margin-left: 0px;
    display: flex; flex-direction: column; gap: 24px;
    align-items: center;
    background: transparent !important; border-radius: 0px;
    background-color: var(--indigo) !important;

}
.sub.work.re-work .section.works .location-wrap{
    position: relative; top: 0px!important;
    padding: 0px; justify-content: center;
}
.sub.work.re-work .section.works .location-wrap .ico.home{
    background-image: url("/@resource/images/ico/ico_home_1.svg");
    width: 20px; height: 20px;
}

.sub.work.re-work .section.works .location-wrap .local{ color: var(--white);}
.sub.work.re-work .section.works .location-wrap .local + .local::before{margin: 0 10px; height: 11px; }
.sub.work.re-work .section.works .location-wrap .btn-local{ font-weight: 500; padding-inline: 0; }
.sub.work.re-work .section.works .location-wrap .btn-local .ico.new-local-down{
    width: 12px; height: 6px;
    background-image: url("/@resource/images/ico/ico_new_local.svg");
}
.sub.work.re-work .section.works .location-wrap .local,
.sub.work.re-work .section.works .location-wrap .btn-local{font-size: 18px;}

.sub.work.re-work .section.works .location-wrap .lnb-box{ position: relative; }

.sub.work.re-work .section.works .location-wrap .lnb-box ul{
    position: absolute; top: 30px; left: 4px; overflow-y: auto;
    width: max-content; height: 250px; background-color: #FFF;
    color: #000; border-radius: 6px;
    display: none;
}
.sub.work.re-work .section.works .location-wrap .lnb-box li{}
.sub.work.re-work .section.works .location-wrap .lnb-box li:is(:hover,.current) a{ color:var(--indigo); font-weight: 700; }
.sub.work.re-work .section.works .location-wrap .lnb-box a{
    width: 100%; padding: 4px 10px;
    display: flex; align-items: center; font-size: 15px;
}
.sub.work.re-work .section.works .location-wrap .lnb-box.active ul{ display: block }
.sub.work.re-work .section.works .location-wrap .lnb-box.active .btn-local .ico{ transform: rotate(-180deg); }

.sub.work.re-work .section.works .text-wrap{ width: 100%; margin-top: 0px; }
.sub.work.re-work .section.works .text-wrap .title{
    font-size: 36px; font-weight: 700;
    color: var(--white); line-height: 1.6;
    letter-spacing: -1.2px;
}
.sub.work.re-work .section.works .tag-wrap{
    max-width: 300px; width: 100%;
    flex-wrap: wrap; justify-content: center;
}
.sub.work.re-work .section.works .tag-wrap.en{
    max-width: 440px;
}

.sub.work.re-work .section.works .tag-wrap .tag{ color: var(--indigo); font-weight: 600; }
@media all and (max-width: 960px){
    .sub.work.re-work .section.works{
        min-height: 200px; padding-block: 32px;
        gap: 10px;
    }
    .sub.work.re-work .section.works .text-wrap .title  { font-size: 24px; line-height: 1.1;}

}
@media all and (max-width: 768px){
    .sub.work.re-work .section.works { min-height: 145px; }
    .sub.work.re-work .section.works .tag-wrap          { max-width: 250px; }
    .sub.work.re-work .section.works .tag-wrap.en       { max-width: 350px; }
    .sub.work.re-work .section.works .tag-wrap .tag     { font-size: 11px; height: 22px; }
}


/* 업무분야 상세: Section Infos */
.sub.work.re-work .section.infos,
.sub.work.re-work .section.process{ margin-top: 0px !important; }

.sub.work.re-work .section.infos{ padding-block: 35px 60px; }
.sub.work.re-work .section.infos .swiper    { position: relative; }
.sub.work.re-work .section.infos .swiper ul {}
.sub.work.re-work .section.infos .swiper li {
    width: clamp(204px,26.53vw,304px) !important;
    display: flex; flex-direction: column;
    gap: 36px;
}
.sub.work.re-work .section.infos .swiper li:not(.swiper-slide-active){ opacity: 0.5; }

.sub.work.re-work .section.infos .swiper .img-wrap{ width: 100%; height: 100%; }
.sub.work.re-work .section.infos .swiper .img-wrap img{
    width: 100%; height: 100%;
    object-fit: cover; object-position: center center;
    vertical-align: top;
}
.sub.work.re-work .section.infos .swiper dl {
    display: flex; flex-direction: column; text-align: center;
    align-items: center; justify-content: center;
    gap: 24px;
}
.sub.work.re-work .section.infos .swiper dt{
    font-size: 22px; font-weight: 800;
    color: #314398; letter-spacing: -0.88px;
}
.sub.work.re-work .section.infos .swiper dd{
    font-size: 18px; letter-spacing: -0.6px;
    word-break: keep-all; max-width: 240px;
}
.sub.work.re-work .section.infos .swiper-btns{
    top: 26%; left: 0; right: 0;
    width: clamp(335px,43.56vw,400px); margin: 0 auto;
}
@media all and (max-width: 960px) {
    .sub.work.re-work .section.infos .swiper-btns{top: 22%;}
}
@media all and (max-width: 768px) {
    .sub.work.re-work .section.infos{ padding-block: 35px 30px; }
    .sub.work.re-work .section.infos .swiper li{ gap: 18px; width: 184px!important; }
    .sub.work.re-work .section.infos .swiper dl{ gap: 4px; }
    .sub.work.re-work .section.infos .swiper dt{ font-size: 18px; }
    .sub.work.re-work .section.infos .swiper dd{ font-size: 14px; max-width: 160px; }

    .sub.work.re-work .section.infos .swiper-btns{ width: clamp(230px,29.95vw,330px); top: 26% }
}


/* 업무분야 상세: Section Process */
.sub.work.re-work .section.process {
    padding-block: clamp(38px,4.95vw,68px);
    background-color: #F4F7F8;
}
.sub.work.re-work .section.process .gutter-work{
    width: 100%; height: 100%;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: clamp(20px,2.6vw,40px);
}
.sub.work.re-work .section.process .title-wrap .title{
    color: var(--black);
    font-size: 30px; font-weight: 800;
    letter-spacing: -1.2px; line-height: 1.2;
}
.sub.work.re-work .section.process .title-wrap .title

.sub.work.re-work .section.process ul{
    display: flex; flex-direction: column;
}
.sub.work.re-work .section.process li,
.sub.work.re-work .section.process li dl{
    display: flex; align-items: center;
    gap: 26px;
}
.sub.work.re-work .section.process li{
    position: relative; padding-bottom: clamp(45px,4.68vw,96px);
    height: fit-content !important;
}
.sub.work.re-work .section.process li:last-child{padding-bottom: 0px; }

.sub.work.re-work .section.process li:not(:last-child):before,
.sub.work.re-work .section.process li:not(:last-child):after{
    content: ""; position: absolute; top: 30%; left: 20px;
    width: 2px; height: calc(100% - 10px); transition: all 0.25s ease;
}
.sub.work.re-work .section.process li:not(:last-child):before{
    z-index: 1;
    height: 0; background-color: var(--indigo);
}
.sub.work.re-work .section.process li:not(:last-child):after{ background-color: #CFCFCF }

.sub.work.re-work .section.process li .steps-cnt{
    position: relative;
    z-index: 2;
    width: 42px; height: 42px; border-radius: 100px;
    display: flex; align-items: center;
    justify-content: center;
    color: var(--white); background-color: #CFCFCF;

    font-size: 18px; font-weight: 600;
    letter-spacing: -0.72px;
}
.sub.work.re-work .section.process li .steps-cnt span::after{
    content: ""; position: absolute; top: 50%; left: 50%;
    z-index: -1; transform: translate(-50%, -50%) scale(0);
    width: 54px; height: 54px; border-radius: 100px;
    background-color: rgba(31, 116, 255, 0.3);
    transition: transform 0.25s 0.1s ease;
}

.sub.work.re-work .section.process li dt,
.sub.work.re-work .section.process li dd{ color: #B3B3B3; }
.sub.work.re-work .section.process li dt{
    font-size: 20px; font-weight: 600;
    letter-spacing: -0.8px;
    max-width: 215px; width: 100%;
}
.sub.work.re-work .section.process li dd{
    max-width: 445px; width: 100%;
    font-size: 18px; letter-spacing: -0.6px;
    word-break: keep-all;
}

/*.sub.work.re-work .section.process li.active:not(:last-child):before,*/
.sub.work.re-work .section.process li.steps:not(:last-child):before{ height: calc(100% - 10px); }


.sub.work.re-work .section.process li.active .steps-cnt,
.sub.work.re-work .section.process li.steps + li .steps-cnt{ background-color: var(--indigo) }

.sub.work.re-work .section.process li.active .steps-cnt span::after,
.sub.work.re-work .section.process li.steps + li .steps-cnt span::after{ transform: translate(-50%, -50%) scale(1); }

.sub.work.re-work .section.process li.active dt,
.sub.work.re-work .section.process li.active dd,
.sub.work.re-work .section.process li.steps + li dt,
.sub.work.re-work .section.process li.steps + li dd{ color: var(--black); }
@media all and (max-width: 960px) {
    .sub.work.re-work .section.process li{ gap: 48px }
    .sub.work.re-work .section.process li:not(:last-child):after{ height: 100%; top: 2%; }
    .sub.work.re-work .section.process li{ align-items: flex-start }
    .sub.work.re-work .section.process li dl{
        flex-direction: column; align-items: flex-start;
        gap: 4px;
    }
}
@media all and (max-width: 768px) {
    .sub.work.re-work .section.process .title-wrap .title{ font-size: 20px; line-height: 1.8; }

    .sub.work.re-work .section.process li:not(:last-child):after{left: 15px; }
    .sub.work.re-work .section.process li:not(:last-child):before{ top: 5%; left: 15px; }
    .sub.work.re-work .section.process li .steps-cnt{ width: 32px; height: 32px; }
    .sub.work.re-work .section.process li .steps-cnt span::after{ width: 42px; height: 42px; }

    .sub.work.re-work .section.process li dl{ width: calc(100% - 80px); }
    .sub.work.re-work .section.process li dt{ max-width: none; font-size: 18px; }
    .sub.work.re-work .section.process li dd{ max-width: 212px; font-size: 14px; }
}


.sub.work.re-work .section.lawyers .swiper-btns{ top: 35%; }
/* // () => [SUB - PAGE WORKS END] 서브 업무분야 종료 */



/* ======================================================================= */
/* [Renewal Sub Component & Common] - 서브 신규 컴포넌트 & 공통 */
/* Description: 페이지 리뉴얼을 위한 신규 컴포넌트 및 공통 2026.06.18 */
/* {Renewal Common} - 신규 공통 */
.is-full{ width: 100%; height: 100%; }
.w-full{ width: 100%; }
.h-full{ height: 100%; }

/* Flex - 플렉스 */
[class*="pack-"],
.pack-basic 		{ display: flex; }

.pack-center		{ align-items: center; justify-content: center; }
.pack-between 		{ align-items: center; justify-content: space-between; }
.pack-down			{ flex-direction: column; }
.pack-wrap			{ flex-wrap: wrap; }

.items-start    	{ align-items: flex-start; }
.items-end      	{ align-items: flex-end; }
.items-center   	{ align-items: center; }
.items-stretch  	{ align-items: stretch; }

.justify-start   	{ justify-content: flex-start; }
.justify-end     	{ justify-content: flex-end; }
.justify-center  	{ justify-content: center; }
.justify-between 	{ justify-content: space-between; }
.justify-around  	{ justify-content: space-around; }
@media (max-width: 768px) {
    .mo-row { flex-direction: row; }
    .mo-col { flex-direction: column; }
}

/* <Grid> - 그리드 */
[class*="grid-"]		{ display: grid; }
[class*="grid-"] > :is(li, div, a){ min-width: 0; } /* Swiper가 들어가는 경우 넘치는 것 예방 */

.grid-wrap.col-2		{ grid-template-columns: repeat(2, 1fr); }
.grid-wrap.col-3		{ grid-template-columns: repeat(3, 1fr); }
.grid-wrap.col-4		{ grid-template-columns: repeat(4, 1fr); }

/* Line Height - 폰트 행간 */
.lh-100         { line-height: 1; }
.lh-110         { line-height: 1.1; }
.lh-120         { line-height: 1.2; }
.lh-125         { line-height: 1.25; }
.lh-130         { line-height: 1.3; }
.lh-140         { line-height: 1.4; }
.lh-150,
.lh-150-125     { line-height: 1.5; }
.lh-160,
.lh-160-140,
.lh-160-125,
.lh-160-110,
.lh-160-100     { line-height: 1.6; }

.lh-125-160     ,
.lh-125-140     { line-height: 1.25; }

@media all and (max-width: 768px) {
    .lh-150-125    { line-height: 1.25; }

    .lh-160-140    { line-height: 1.4; }
    .lh-160-125    { line-height: 1.25; }
    .lh-160-110    { line-height: 1.1; }
    .lh-160-100    { line-height: 1; }

    .lh-125-140    { line-height: 1.4; }
    .lh-125-160    { line-height: 1.6; }
}

/* Letter Spacing - 폰트 자간 */
.ls-n4      { letter-spacing: -0.04em; }
.ls-n6      { letter-spacing: -0.06em; }
.ls-n8      { letter-spacing: -0.08em; }

/* Color - 폰트, 배경 색상 */
.fc-white           { color: var(--white); }
.fc-black           { color: var(--black); }
.fc-blue02          { color: var(--blue02); }
.fc-lightblue       { color: var(--lightblue); }
.fc-indigo          { color: var(--indigo); }
.fc-indigo2         { color: var(--indigo2); }
.fc-indigo3         { color: var(--indigo3); }
.fc-lightGray3      { color: var(--lightGray3); }

.bg-white           { background-color: var(--white); }
.bg-black           { background-color: var(--black); }
.bg-blue02          { background-color: var(--blue02); }
.bg-lightblue       { background-color: var(--lightblue); }
.bg-indigo          { background-color: var(--indigo); }
.bg-indigo2         { background-color: var(--indigo2); }
.bg-indigo3         { background-color: var(--indigo3); }
.bg-lightGray3      { background-color: var(--lightGray3); }

.round-24           { border-radius: 24px; }
.round-16           { border-radius: 16px; }
.round-16-8         { border-radius: clamp(8px,1.04vw,16px); }

/* Font Size - 폰트 사이즈 */
.fs-50      { font-size: 50px; }
.fs-40      { font-size: 40px; }
.fs-35      { font-size: 35px; }
.fs-32      { font-size: 32px; }
.fs-30      { font-size: 30px; }
.fs-28      { font-size: 28px; }
.fs-25      { font-size: 25px; }
.fs-24      { font-size: 24px; }
.fs-22      { font-size: 22px; }
.fs-20      { font-size: 20px; }
.fs-18      { font-size: 18px; }
.fs-16      { font-size: 16px; }
.fs-15      { font-size: 15px; }
.fs-14      { font-size: 14px; }
.fs-13      { font-size: 13px; }
.fs-12      { font-size: 12px; }
.fs-11      { font-size: 11px; }
.fs-10      { font-size: 10px; }

/* Spacer - 간격 */
:root{
    --gap-160-40: clamp(80px,8.32vw,160px);
    --gap-80-40: clamp(60px,6.24vw,80px);

    --gap-60-32: clamp(32px,4.16vw,60px);
    --gap-60-24: clamp(28px,3.64vw,60px);

    --gap-40-24: clamp(24px,3.12vw,40px);
}
@media all and (max-width:768px) {
    :root{
        --gap-160-40: 40px;
        --gap-80-40: 40px;

        --gap-60-24: 24px;
    }
}
.gap-160-40        { gap: var(--gap-160-40); }
.spacer-160-40     { padding-block: var(--gap-160-40); }
.spacer-t-160-40   { padding-top: var(--gap-160-40); }
.spacer-b-160-40   { padding-bottom: var(--gap-160-40); }

.gap-80-40        { gap: var(--gap-160-40); }
.spacer-80-40     { padding-block: var(--gap-160-40); }
.spacer-t-80-40   { padding-top: var(--gap-160-40); }
.spacer-b-80-40   { padding-bottom: var(--gap-160-40); }

@media all and (max-width:768px) {
    .gap-160-40        { gap: var(--gap-160-40); }
    .spacer-160-40     { padding-block: var(--gap-160-40); }
    .spacer-t-160-40   { padding-top: var(--gap-160-40); }
    .spacer-b-160-40   { padding-bottom: var(--gap-160-40); }

    .gap-80-40        { gap: var(--gap-80-40); }
    .spacer-80-40     { padding-block: var(--gap-80-40); }
    .spacer-t-80-40   { padding-top: var(--gap-80-40); }
    .spacer-b-80-40   { padding-bottom: var(--gap-80-40); }
}

/* Actions Wrap - 타이틀 + 버튼 */
.actions-wrap{
    width: 100%;
    display: flex; align-items: center;
    justify-content: space-between;

    --gap: 24px;
    gap: var(--gap);
}
.actions-wrap.down{ flex-direction: column; }

.acc-wrap { display: flex; flex-direction: column; }
.acc-wrap .acc-btn  {}
.acc-wrap .acc-header{
    display: flex; align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--black);
}
.acc-wrap .acc-header .title{
    font-size: clamp(24px,3.13vw,28px); line-height: 1.6; letter-spacing: -0.04em;
}
.acc-wrap .acc-content{ margin-top: clamp(40px,5.2vw,60px); display: none; }
.acc-wrap.active .acc-btn .ico{ transform: rotate(180deg); }
@media all and (max-width: 768px) {
    .acc-wrap .acc-header .ico.acc-arrow{ width: 24px; }
    .acc-wrap .acc-content { margin-top: 24px; }

}


/* {Sub Renewal Common} - 신규 서브 공통 */
#content.sub.re-work                {}
/* [RWD] - 미디어 쿼리 */
@media all and (min-width: 961px) {
    #content.sub.re-work #aside { display: none; }
}

/* 서브 공통 - Sect Wrap (섹션 Wrapper) */
.sub.re-work .section-group .section{ margin-top: 0px !important; }
.sub.re-work .sect-wrap {
    --gap: 40px; gap: var(--gap);
    display: flex;  flex-direction: column;
}
/* Section Header (타이틀) */
.sub.re-work .sect-header               {}
.sub.re-work .sect-header .sect-title   {
    --sect-title: 24px;
    font-size: var(--sect-title); line-height: 1.5;
}
/* Section Content (콘텐츠) */
.sub.re-work .sect-content{}
/* [RWD] - 미디어 쿼리 */
@media all and (max-width: 960px) {
    .sub.re-work .actions-wrap.down { flex-direction: column; }
    .sub.re-work .sect-wrap         { --gap: 28px; }
}
@media all and (max-width: 768px) {
    .sub.re-work .sect-header .sect-title {
        --sect-title: 24px; line-height: 1.25;
    }
}


/* ======================================================= */
/* [Crypto Renewal] - 가상자산 신규 리뉴얼 */
/* Description: 가상자산 페이지 리뉴얼 2026.06.18 */
/* {Sub Crypto Renewal Common} - 신규 서브 가상자산 공통 */
.sub.re-work.cryptos{}

.sub.re-work.cryptos .content-wrap  {
    width: 100% !important;
    padding-inline: 0px !important; padding-bottom: var(--gap-160-40) !important;
}
.sub.re-work.cryptos .section       { position: relative; }
.sub.re-work.cryptos .section + .section{ margin-top: 0px; }

.sub.re-work.cryptos .img-wrap      { width: 100%; }
.sub.re-work.cryptos .img-wrap img  {
    width: 100%; height: 100%;
    object-fit: cover; object-position: center; vertical-align: top;
}

.sub.re-work.cryptos .term-wrap              {
    --term-gap: 12px;
    display: flex; gap: var(--term-gap);
}
.sub.re-work.cryptos .term-wrap:has(.cnt)    {
    --term-gap: clamp(16px,2.08vw,28px);
    flex-direction: column;
}

.sub.re-work.cryptos .term-wrap :is(.cnt, .title){ position: relative }
.sub.re-work.cryptos .term-wrap :is(.cnt, .title)::before{
    content: ""; position: absolute; top: 0px;
    display: inline-flex;
    background-color: var(--blue02);
}
.sub.re-work.cryptos .term-wrap .cnt         {
    display: inline-flex; width: fit-content;

    /*--term-cnt: 35px;*/ --term-cnt: clamp(22px,2.86vw,24px);
    font-size: var(--term-cnt); color: var(--blue02);
}
.sub.re-work.cryptos .term-wrap .cnt::before{ width: 100%; height: 4px; }

.sub.re-work.cryptos .term-wrap .title       {
    /*--term-title: 40px;*/ --term-title: clamp(24px,3.12vw,28px);
    font-size: var(--term-title);
}
.sub.re-work.cryptos .term-wrap:not(:has(.cnt)) .title::before{
    position: relative; display: block;
    width: 30px; height: 10px;
}
.sub.re-work.cryptos .term-wrap .text        {
    /*--term-text: 35px;*/ --term-text: clamp(16px,2.08vw,18px);
    font-size: var(--term-text);
}
.sub.re-work.cryptos .term-wrap .text.pack-down{ gap: clamp(16px,2.08vw,24px); }

.sub.re-work.cryptos .term-wrap :is(.dot-list, .key-list){ display: flex; }
.sub.re-work.cryptos .term-wrap .dot-list        { flex-direction: column; gap: clamp(4px,0.52vw,10px); }
.sub.re-work.cryptos .term-wrap .dot-list li     { line-height: 1.25; }
.sub.re-work.cryptos .term-wrap .dot-list li span{
    position: relative;
    /*----dot-text: 35px;*/ --dot-text: clamp(22px,2.86vw,24px);
    font-size: var(--dot-text);
}

.sub.re-work.cryptos .term-wrap .key-list        {
    --key-gap: 16px;
    max-width: 680px; width: 100%;
    flex-wrap: wrap; gap: var(--key-gap);
}
.sub.re-work.cryptos .term-wrap .key-list li     { width: calc(50% - (var(--key-gap) /2)); }
.sub.re-work.cryptos .term-wrap .key-list .key-box{
    padding-block: 16px; padding-inline: clamp(16px,2.08vw,24px);
    border-radius: 8px; background-color: #F4F7F8;
    text-align: center;
}
.sub.re-work.cryptos .term-wrap .key-list .key-title{
    /*--key-title: 24px;*/ --key-title: clamp(16px,2.08vw,18px);
    font-size: var(--key-title);
}
@media all and (min-width: 961px) {
    .sub.re-work.cryptos .term-wrap{
        padding-inline: var(--gap-40-24);
        justify-content: space-between;
    }
    .sub.re-work.cryptos .term-wrap dd { width: calc(100% - clamp(280px,29.14vw,320px)); }
}
@media all and (max-width: 960px) {
    .sub.re-work.cryptos .term-wrap{ flex-direction: column; }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos .term-wrap:has(.cnt){ gap: 8px; }
    .sub.re-work.cryptos .term-wrap:not(:has(.cnt)) .title::before{ width: 20px; height: 6px; }
    .sub.re-work.cryptos .term-wrap .cnt{ --term-cnt: 16px; }
    .sub.re-work.cryptos .term-wrap .cnt::before{ width: 100%; height: 2px; }
    .sub.re-work.cryptos .term-wrap .title{ --term-title: 20px; }
    .sub.re-work.cryptos .term-wrap .text{ --term-text: 14px; }
    .sub.re-work.cryptos .term-wrap .key-list .key-title{ --key-title:14px; }
    .sub.re-work.cryptos .term-wrap .dot-list li span{ --dot-text: 11px; }
}





/* 가상자산 공통 섹션 - Section Work */
.sub.re-work.cryptos .section.works {
    --worksMaxWidth: 1360px;
    --worksMinHeight: clamp(380px,49.41vw,610px);
    --worksGutter: 40px;

    width: 100%; min-height: var(--worksMinHeight);
    padding-inline: var(--worksGutter);
    justify-content: center;
}

.sub.re-work.cryptos .section.works .title-area{
    max-width: var(--worksMaxWidth); width: 100%; gap: 20px;
    justify-content: space-between;
}
.sub.re-work.cryptos .section.works .title-area .fc-white{ color: var(--white); }
.sub.re-work.cryptos .section.works .title-area .fc-lightblue{ color: #9CC1FF }

.sub.re-work.cryptos .section.works .title-wrap         { gap: 10px; }
.sub.re-work.cryptos .section.works .title-wrap .title  { font-size: clamp(38px,3.71vw,55px); line-height: 1.4; letter-spacing: -0.04em;}
.sub.re-work.cryptos .section.works .title-wrap .text   {
    margin-top: 0px; padding-top: 0px;
    font-size: clamp(24px,2.34vw,35px); line-height: 1.6;
    letter-spacing: -0.04em;
}
.sub.re-work.cryptos .section.works .title-wrap .btn   {
    font-size: clamp(16px,2.08vw,22px); font-weight: 500;
    gap: clamp(4px,0.52vw,10px);
}


.sub.re-work.cryptos .section.works .count-wrap{}
.sub.re-work.cryptos .section.works .count-wrap .captions   {
    position: relative; left: clamp(10px,1.3vw,20px);
    font-size: clamp(20px,1.95vw,30px);
}
.sub.re-work.cryptos .section.works .count-wrap .cnt-title  {
    font-size: clamp(140px,13.67vw,210px);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.06em;
}
.sub.re-work.cryptos .section.works .count-wrap .cnt-title span  { font-size: clamp(65px,6.35vw,90px); }

@media all and (min-width: 1025px) {
    /* 영문 일 때 */
    .sub.re-work.cryptos.en-cryptos .section.works .title-wrap .text{ font-size: clamp(24px,2.34vw,32px); }
}
@media all and (min-width: 961px) {
    .sub.re-work.cryptos .section.works {
        --fixedTop: clamp(44px,5.72vw,78px);

        padding-block: calc(var(--fixedTop) + 30px) var(--fixedTop);
    }
    .sub.re-work.cryptos .section.works .location-wrap{
        position: absolute; top: var(--fixedTop) !important;
        left: 0; right: 0;
    }
}
@media all and (min-width: 769px) and (max-width: 1024px) {
    .sub.re-work.cryptos .section.works .title-wrap .title          { font-size: clamp(28px,3.64vw,38px); }
    .sub.re-work.cryptos .section.works .title-wrap .text           { font-size: clamp(18px,2.34vw,24px); }

    .sub.re-work.cryptos .section.works .count-wrap .captions       { font-size: clamp(14px,1.82vw,20px); }
    .sub.re-work.cryptos .section.works .count-wrap .cnt-title      { font-size: clamp(100px,13vw,140px); }
    .sub.re-work.cryptos .section.works .count-wrap .cnt-title span { font-size: clamp(45px,5.85vw,65px); }
}
@media all and (max-width: 960px) {}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos .section.works{
        --worksMinHeight: 220px;
        --worksGutter: 20px;

        padding-block: var(--worksGutter);
    }

    .sub.re-work.cryptos .section.works .title-area{ gap: 0px; }
    .sub.re-work.cryptos .section.works .title-wrap{ gap: 4px; }
    .sub.re-work.cryptos .section.works .title-wrap .title{ font-size: 18px; }
    .sub.re-work.cryptos .section.works .title-wrap .text { font-size: 11px; }
    .sub.re-work.cryptos .section.works .title-wrap .btn  { font-size: 11px; }
    .sub.re-work.cryptos .section.works .title-wrap .btn .ico.all-arrows{ width: 20px; }

    .sub.re-work.cryptos .section.works .count-wrap .captions { left: 5px; font-size: 10px; }
    .sub.re-work.cryptos .section.works .count-wrap .cnt-title{ font-size: 44px; }
    .sub.re-work.cryptos .section.works .count-wrap .cnt-title span{ font-size: 24px; }

    /* 영문 일 때 */
    .sub.re-work.cryptos.en-cryptos .section.works .count-wrap .captions{ font-size: 8px; }
}

/* 가상자산 공통 - Section Winner */
.sub.re-work.cryptos .section.winner{}
.sub.re-work.cryptos .section.winner .item.win{ height: clamp(510px,49.8vw,610px); }
.sub.re-work.cryptos .section.winner .item.win .flex-column-both{ gap: 24px; }

@media all and (max-width: 1024px) {
    .sub.re-work.cryptos .section.winner .item.win .flex-column-both{ gap: 16px; }
}
@media all and (min-width: 769px) and (max-width: 1024px) {
    .sub.re-work.cryptos .section.winner .item.win{ height: clamp(445px,57.87vw,510px) }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos .section.winner .item.win{
        height: auto;
        padding-block: 24px; padding-inline: 20px;
    }
    .sub.re-work.cryptos .section.winner .item.win .min-title{ height: 48px; }
}

/* 가상자산 공통 섹션 - Section Fixer */
.sub.re-work.cryptos .section.fixer{
    width: 100%; margin-top: 0px !important;
    background-color: var(--indigo2);
}
.sub.re-work.cryptos .section.fixer .sect-wrap{ --gap:62px !important; }
.sub.re-work.cryptos .section.fixer .sect-header {}
.sub.re-work.cryptos .section.fixer .sect-header .title-wrap{
    display: flex; flex-direction: column;
    gap: 16px;
}
.sub.re-work.cryptos .section.fixer .sect-header .title{
    --fixer-title: clamp(32px,3.33vw,44px);
    font-size: var(--fixer-title);
}
.sub.re-work.cryptos .section.fixer .sect-header .text{
    --fixer-text: clamp(24px,2.5vw,32px);
     font-size: var(--fixer-text);
}

.sub.re-work.cryptos .section.fixer .sect-content{ }
.sub.re-work.cryptos .section.fixer .sect-content .fixer-list{
    display: flex; flex-direction: column;
    gap: clamp(18px,2.34vw,34px);
}
.sub.re-work.cryptos .section.fixer .sect-content .fixer-list ul{ display: flex; gap: clamp(24px,2.5vw,40px); }
.sub.re-work.cryptos .section.fixer .sect-content .fixer-list li{ flex: 1; }

.sub.re-work.cryptos .section.fixer .sect-content .fixer-boxed{
    width: 100%; height: clamp(280px,29.17vw,365px);
    border: 1px solid var(--white); border-radius: clamp(8px,1.04vw,18px);

    --fixer-box-block: clamp(24px,2.5vw,38px) clamp(32px,3.33vw,40px); --fixer-box-inline: clamp(24px,2.5vw,38px);
    padding-block: var(--fixer-box-block); padding-inline: var(--fixer-box-inline);
}
.sub.re-work.cryptos .section.fixer .sect-content .stat-card    { height: 100% }
.sub.re-work.cryptos .section.fixer .sect-content .stat-wrap    {}
.sub.re-work.cryptos .section.fixer .sect-content .stat-wrap .title   {
    /*--stat-title: 35px;*/ --stat-title: clamp(24px,2.5vw,28px);
    font-size: var(--stat-title);
}
.sub.re-work.cryptos .section.fixer .sect-content .stat-wrap .multis    {
    /*--stat-multi: 130px;*/ --stat-multi: clamp(75px,7.81vw,110px);
    font-size: var(--stat-multi);
}

.sub.re-work.cryptos .section.fixer .sect-content .stat-val     { gap: clamp(8px,1.04vw,16px); }
.sub.re-work.cryptos .section.fixer .sect-content .stat-val .number   {
    /*--stat-number: 100px;*/ --stat-number: clamp(68px,5.48vw,74px);
    font-size: var(--stat-number);
}
.sub.re-work.cryptos .section.fixer .sect-content .stat-val .unit     {
    /*--stat-unit: 35px;*/ --stat-unit: clamp(24px,2.5vw,28px);
    font-size: var(--stat-unit);
}

.sub.re-work.cryptos .section.fixer .sect-content .captions{
    --fixer-captiopn: clamp(16px,2.08vw,20px);
    font-size: var(--fixer-captiopn);
    line-height: 1.25; letter-spacing: -0.04em;
    color: var(--white);
}


@media all and (min-width: 1025px) {
    /* 영문 일 때 */
    .sub.re-work.cryptos.en-cryptos .section.fixer .sect-content .stat-val .number     { --stat-number: clamp(68px,5.48vw,74px); }
}
@media all and (min-width: 961px) and (max-width: 1024px) {
    .sub.re-work.cryptos .section.fixer .sect-content .stat-val .number{ --stat-number: clamp(52px,5.42vw,68px); }

}
@media all and (max-width: 960px) {
}
@media all and (min-width: 769px) and (max-width: 960px) {
    .sub.re-work.cryptos .section.fixer .sect-header .title { --fixer-title: clamp(24px,3.13vw,32px); }
    .sub.re-work.cryptos .section.fixer .sect-header .text  { --fixer-text: clamp(16px,2.08vw,24px); }

    .sub.re-work.cryptos .section.fixer .sect-content .fixer-list ul    { gap: clamp(16px,2.08vw,24px); }
    .sub.re-work.cryptos .section.fixer .sect-content .fixer-list .fixer-boxed    {
        height: clamp(180px,23.41vw,295px);
        --fixer-box-block: clamp(16px,2.08vw,24px) clamp(24px,3.13vw,32px);
        --fixer-box-inline: clamp(16px,2.08vw,24px);
    }
    .sub.re-work.cryptos .section.fixer .sect-content .stat-wrap .multis{ --stat-multi: clamp(48px,6.25vw,75px) }

    .sub.re-work.cryptos .section.fixer .sect-content .stat-wrap .title     { --stat-title: clamp(18px,2.34vw,24px); }
    .sub.re-work.cryptos .section.fixer .sect-content .stat-val .number     { --stat-number: clamp(32px,4.16vw,52px); }
    .sub.re-work.cryptos .section.fixer .sect-content .stat-val .unit       { --stat-unit: clamp(18px,2.34vw,24px); }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos .section.fixer .sect-wrap{ --gap:18px !important; }

    .sub.re-work.cryptos .section.fixer .sect-header .title     { --fixer-title: 20px; }
    .sub.re-work.cryptos .section.fixer .sect-header .text      { --fixer-text: 14px; }

    .sub.re-work.cryptos .section.fixer .sect-content .fixer-list       { gap: 14px }
    .sub.re-work.cryptos .section.fixer .sect-content .fixer-list ul    { gap: 8px; }
    .sub.re-work.cryptos .section.fixer .sect-content .fixer-list .fixer-boxed    {
        height: 105px;
        --fixer-box-block: 12px; --fixer-box-inline: 10px;
    }

    .sub.re-work.cryptos .section.fixer .sect-content .stat-wrap .title     { --stat-title: 13px; }
    .sub.re-work.cryptos .section.fixer .sect-content .stat-wrap .multis    { --stat-multi: 28px; line-height: 1.4; }
    .sub.re-work.cryptos .section.fixer .sect-content .stat-val             { gap: 4px; }
    .sub.re-work.cryptos .section.fixer .sect-content .stat-val .number     { --stat-number: 24px; }
    .sub.re-work.cryptos .section.fixer .sect-content .stat-val .unit       { --stat-unit: 10px; }

    .sub.re-work.cryptos .section.fixer .sect-content .captions         { --fixer-captiopn: 10px; }

    /* 영문 일 때 */
    .sub.re-work.cryptos.en-cryptos .section.fixer .sect-content .stat-wrap .title{ font-size: 11px; }
    .sub.re-work.cryptos.en-cryptos .section.fixer .sect-content .stat-val .number{ --stat-number: 20px; }
}





/* {Crypto Main} - 가상자산 메인 */
.sub.re-work.cryptos.mains{}

/* 메인 가상자산 - Section Works */
.sub.re-work.cryptos.mains .section.works                {
    --worksMaxWidth: 1540px; --worksMinHeight: clamp(460px,59.82vw,924px); --fixedTop: clamp(45px,5.85vw,90px);
    background: var(--indigo) url("/@resource/images/sub/crypto-01.jpg") 95% 50% / cover no-repeat !important;
}
.sub.re-work.cryptos.mains .section.works .location-wrap { }
.sub.re-work.cryptos.mains .section.works .title-wrap .title{}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos.mains .section.works{ --worksMinHeight: 260px; }
}

/* 메인 가상자산 - Section Consulting */
.sub.re-work.cryptos.mains .section.consulting{ margin-top: calc(-1 * 110px); padding-bottom: var(--gap-160-40);}
.sub.re-work.cryptos.mains .section.consulting .max-1140{
    display: flex; flex-direction: column;
    gap: var(--gap-160-40)
}
.sub.re-work.cryptos.mains .section.consulting .service-wrap{ gap: 0px; }
.sub.re-work.cryptos.mains .section.consulting .suit-wrap,
.sub.re-work.cryptos.mains .section.consulting .consult-wrap{ width: 50%; }
.sub.re-work.cryptos.mains .section.consulting .item{
    min-height: clamp(140px,18.21vw,200px); padding-inline: 48px;
    background-color: #9CC1FF;
    display: flex; align-items: flex-start;
    justify-content: center;
}
.sub.re-work.cryptos.mains .section.consulting .item .text-wrap{ width: 100%; text-align: left;}
.sub.re-work.cryptos.mains .section.consulting .item .text-wrap .title,
.sub.re-work.cryptos.mains .section.consulting .item .text-wrap .text{  color: var(--black); }
.sub.re-work.cryptos.mains .section.consulting .item .text-wrap .title  { font-size: clamp(26px,3.38vw,34px); }
.sub.re-work.cryptos.mains .section.consulting .item .text-wrap .text   { font-size: clamp(16px,2.08vw,24px); font-weight: 400; }
.sub.re-work.cryptos.mains .section.consulting .item .ico{
    width: clamp(24px,3.12vw,34px);
    display: flex; justify-content: flex-end;
    background-color: var(--black);
    margin-left: auto;
}

.sub.re-work.cryptos.mains .section.consulting .item.consult{ background-color: #1F74FF;}
.sub.re-work.cryptos.mains .section.consulting .item.consult .text-wrap .title,
.sub.re-work.cryptos.mains .section.consulting .item.consult .text-wrap .text{  color: var(--white); }
.sub.re-work.cryptos.mains .section.consulting .item.consult .ico{ background-color: var(--white) }

.sub.re-work.cryptos.mains .section.consulting .title-wrap{ gap: clamp(15px,1.95vw,30px); }
.sub.re-work.cryptos.mains .section.consulting .title-wrap .title{ font-size: clamp(30px,3.9vw,46px); }
.sub.re-work.cryptos.mains .section.consulting .title-wrap .text{ font-size: clamp(20px,2.6vw,34px); }
.sub.re-work.cryptos.mains .section.consulting .title-wrap .text strong{ color: #314398; }
@media all and (max-width: 960px) {
    .sub.re-work.cryptos.mains .section.consulting{ margin-top: 0px; }
    .sub.re-work.cryptos.mains .section.consulting .gutter-work{ padding-inline: 0px; }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos.mains .section.consulting .item{ min-height: 100px; padding-inline: 24px; }
    .sub.re-work.cryptos.mains .section.consulting .item .text-wrap .title{ font-size: 20px; }
    .sub.re-work.cryptos.mains .section.consulting .item .text-wrap .text{ font-size: 12px; }
    .sub.re-work.cryptos.mains .section.consulting .item .ico{ width: 14px; }

    .sub.re-work.cryptos.mains .section.consulting .title-wrap{ gap: 16px; }
    .sub.re-work.cryptos.mains .section.consulting .title-wrap .title{ font-size: 20px; }
    .sub.re-work.cryptos.mains .section.consulting .title-wrap .text{ font-size: 14px; }
}

/* 메인 가상자산 - Section Questions */
.sub.re-work.cryptos.mains .section.questions{ margin-top: 0px !important; }
.sub.re-work.cryptos.mains .section.questions .sect-wrap{ gap: var(--gap-80-40); }

.sub.re-work.cryptos.mains .section.questions .smooth-tabs{ display: flex; border: 1px solid var(--black); }
.sub.re-work.cryptos.mains .section.questions .smooth-tabs li{ flex: 1; min-height: 68px; }
.sub.re-work.cryptos.mains .section.questions .smooth-tabs a{
    height: 100%; padding-block: 16px; padding-inline: 24px;
    display: flex; align-items: center; text-align: center;
    justify-content: center;
    background-color: var(--white);
    font-size: clamp(20px,1.95vw,24px);
}

/* 영문 일 때 */
.sub.re-work.cryptos.mains.en-cryptos .section.questions .smooth-tabs li{ min-height: 84px; }

.sub.re-work.cryptos.mains .section.questions .smooth-tabs li:is(:hover, .active) a{ background-color: var(--indigo2); color: var(--white); }
.sub.re-work.cryptos.mains .section.questions .tabs-cont    { padding-block: var(--gap-60-32); }
@media all and (min-width: 961px) {
    .sub.re-work.cryptos.mains .section.questions .smooth-tabs li:not(:last-child){ border-right: 1px solid var(--black) }
}
@media all and (max-width: 960px) {
    .sub.re-work.cryptos.mains .section.questions .smooth-tabs{ flex-wrap: wrap; }
    .sub.re-work.cryptos.mains .section.questions .smooth-tabs li{ flex: 1 1 50%; }
    .sub.re-work.cryptos.mains .section.questions .smooth-tabs li:nth-child(odd){ border-right: 1px solid var(--black) }
    .sub.re-work.cryptos.mains .section.questions .smooth-tabs li:nth-child(1),
    .sub.re-work.cryptos.mains .section.questions .smooth-tabs li:nth-child(2){ border-bottom: 1px solid var(--black) }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos.mains .section.questions .smooth-tabs li{ min-height: 48px;}
    .sub.re-work.cryptos.mains .section.questions .smooth-tabs a{ font-size: 16px; padding-block: 12px; padding-inline: 16px; }

    /* 영문 일 때 */
    .sub.re-work.cryptos.mains.en-cryptos .section.questions .smooth-tabs li{ min-height: 64px; }
}






/* {Crypto Suit} - 가상자산 소송 */
.sub.re-work.cryptos.suit{}

/* 소송 - Section fixer */
.sub.re-work.cryptos.suit .section.fixer{}
.sub.re-work.cryptos.suit .section.fixer .fixer-boxed{ height: auto !important; }
.sub.re-work.cryptos.suit .section.fixer .sect-content .stat-card{ position: relative; }
.sub.re-work.cryptos.suit .section.fixer .sect-content .stat-card .stat-wrap{ position: absolute; inset: 0 0 0 0; }
@media all and (min-width: 961px) {

}
@media all and (max-width: 960px) {  }
@media all and (min-width: 769px) and (max-width: 960px) {
    .sub.re-work.cryptos.suit .section.fixer .fixer-boxed{  }
}
@media all and (min-width: 769px) {
    .sub.re-work.cryptos.suit .section.fixer .fixer-list{ gap: clamp(32px,4.17vw,60px); }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos .section.fixer .sect-header .title-wrap{ gap: 8px; }
}

/* 소송 - Section process */
.sub.re-work.cryptos.suit .section.new-process{ padding-block: var(--gap-160-40); background-color: #F4F7F8; }
.sub.re-work.cryptos.suit .section.new-process .sect-wrap,
.sub.re-work.cryptos.suit .section.new-process .process-area{ gap: clamp(40px,4.17vw,80px) }
.sub.re-work.cryptos.suit .section.new-process .sect-title  { font-size: clamp(32px,3.33vw,46px); }

.sub.re-work.cryptos.suit .section.new-process .process-wrap{
    padding: clamp(42px,4.38vw,60px);
    border-radius: clamp(20px,2.6vw,40px);
    background-color: var(--white);

    gap: clamp(28px,2.92vw,44px);
}
.sub.re-work.cryptos.suit .section.new-process .process-wrap ul{
    position: relative;
    display: flex; flex-wrap: wrap;
    align-items: center; justify-content: center;
    padding-inline: 10px;
}

.sub.re-work.cryptos.suit .section.new-process .process-wrap li{ width: calc(100% / 5); aspect-ratio: 1/1; }
.sub.re-work.cryptos.suit .section.new-process .step-title{ gap: clamp(7px,0.91vw,14px); }
.sub.re-work.cryptos.suit .section.new-process .step-title .title{ font-size: clamp(24px,3.13vw,28px); }

.sub.re-work.cryptos.suit .section.new-process .step-wrap{
    position: relative;
    width: 100%; height: 100%;
    border: 1px solid #2F5EBF; border-radius: 50%;
    background-color: var(--white);

    display: flex; align-items: center;
    justify-content: center;
}

.sub.re-work.cryptos.suit .section.new-process .step-wrap::before,
.sub.re-work.cryptos.suit .section.new-process .step-wrap::after{
    content: ""; position: absolute;
}
.sub.re-work.cryptos.suit .section.new-process .step-wrap::before{
    width: calc(100% - 20px); aspect-ratio: 1/1; margin: 0 auto;
    top: 50%; transform: translateY(-50%); border-radius: 50%;
    background-color: #E8F2FF;
}
.sub.re-work.cryptos.suit .section.new-process .last-step .step-wrap::before{ background-color: var(--indigo2); }
.sub.re-work.cryptos.suit .section.new-process .step-wrap::after{}

.sub.re-work.cryptos.suit .section.new-process .step-wrap .text-wrap{
    position: relative; z-index: 1;
    display: flex; flex-direction: column;
    gap: 10px;
}
.sub.re-work.cryptos.suit .section.new-process .step-wrap .text-wrap .steps { font-size: 16px; }
.sub.re-work.cryptos.suit .section.new-process .step-wrap .text-wrap .text  { font-size: 18px; }

/* 영문 일 때 */
.sub.re-work.cryptos.suit.en-cryptos .section.new-process .step-wrap .text-wrap .steps  { font-size: 15px; }
.sub.re-work.cryptos.suit.en-cryptos .section.new-process .step-wrap .text-wrap .text   { font-size: 14px; }
@media all and (min-width: 1241px) {
    .sub.re-work.cryptos.suit .section.new-process .process-wrap ul:after{
        content: ""; position: absolute; inset: 0 0 0 0;

        width: calc(100% - 15px); height: 102%; margin: 0 auto;
        background: url("/@resource/images/sub/cryptos_new-process.png") center center / cover no-repeat;
    }
}
@media all and (max-width: 1240px) {
    .sub.re-work.cryptos.suit .section.new-process .process-wrap ul{ gap: 6px 0; }
    .sub.re-work.cryptos.suit .section.new-process .process-wrap li{ width: calc(100% / 3); }

    .sub.re-work.cryptos.suit .section.new-process .step-wrap::after{
        position: absolute;
        inset: -4px; /* 테두리 두께만큼 */
        border-radius: 50%;
        outline: 6px solid #19284B;
        outline-offset: -6px;

        /* 왼쪽 반만 보이게 */
        clip-path: inset(0 0 50% 0);
        z-index: 1;
    }
    .sub.re-work.cryptos.suit .section.new-process li:nth-child(even) .step-wrap::after{ clip-path: inset(50% 0 0 0); }

}
@media all and (max-width: 960px) {
    .sub.re-work.cryptos.suit .section.new-process .process-wrap{
        padding: clamp(30px,3.91vw,42px) clamp(20px,2.6vw,42px);
    }
    .sub.re-work.cryptos.suit .section.new-process .process-wrap ul{ padding-inline: 0px; }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos.suit .section.new-process .sect-title  { font-size: 24px; }
    .sub.re-work.cryptos.suit .section.new-process .step-title .title{ font-size: 16px; }

    .sub.re-work.cryptos.suit .section.new-process .sect-wrap,
    .sub.re-work.cryptos.suit .section.new-process .process-area{ gap: 24px; }
    .sub.re-work.cryptos.suit .section.new-process .process-wrap{ border-radius: 8px; padding: 30px 8px; gap: 16px;}

    .sub.re-work.cryptos.suit .section.new-process .step-title{ gap: 4px; }
    .sub.re-work.cryptos.suit .section.new-process .step-wrap .text-wrap{ gap: 6px; }
    .sub.re-work.cryptos.suit .section.new-process .step-wrap .text-wrap .steps{ font-size: 9px; }
    .sub.re-work.cryptos.suit .section.new-process .step-wrap .text-wrap .text{ font-size: 10px; }

    .sub.re-work.cryptos.suit .section.new-process .step-wrap::before{ width: calc(100% - 12px); }
    .sub.re-work.cryptos.suit .section.new-process .step-wrap::after{
        /* 테두리 두께만큼 */
        inset: -3px;
        outline: 4px solid #19284B; outline-offset: -4px;
    }


    /* 영문 일 때 */
    .sub.re-work.cryptos.suit.en-cryptos .section.new-process .step-wrap .text-wrap .steps  { font-size: 8px; }
    .sub.re-work.cryptos.suit.en-cryptos .section.new-process .step-wrap .text-wrap .text   { font-size: 9px; }

}

/* 소송 - Section Range */
.sub.re-work.cryptos.suit .section.range{}
.sub.re-work.cryptos.suit .section.range .table-wrap,
.sub.re-work.cryptos.suit .section.range .table-wrap .tbody{
    display: flex; flex-direction: column;
    gap: clamp(12px,1.56vw,16px);
}
.sub.re-work.cryptos.suit .section.range .table-wrap li{ display: flex; gap: 12px; }

.sub.re-work.cryptos.suit .section.range .table-wrap :is(.th, .td){
    flex: 1; text-align: center; padding-inline: clamp(12px,1.25vw,16px);
    display: flex; align-items: center;
    justify-content: center;
}
.sub.re-work.cryptos.suit .section.range .table-wrap .thead     {}
.sub.re-work.cryptos.suit .section.range .table-wrap .thead .th {
    height: clamp(58px,6.04vw,68px); font-size: clamp(20px,2.08vw,24px);
    background-color: #E1E4EC;
}

.sub.re-work.cryptos.suit .section.range .table-wrap .tbody     {}
.sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td {
    height: clamp(70px,7.29vw,80px); font-size: clamp(16px,1.67vw,18px);
    border: 1px solid #C1BBBB;
}
.sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td.bg-indigo2{ border-color: var(--indigo2); }
@media all and (min-width: 961px) {
    .sub.re-work.cryptos.suit .section.range .table-wrap{ padding-inline: clamp(12px,1.25vw,24px); }
    .sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td.col-2{}

}
@media all and (max-width: 960px) {
    .sub.re-work.cryptos.suit .section.range .table-wrap li{ flex-wrap: wrap; }
    .sub.re-work.cryptos.suit .section.range .table-wrap .thead{ display: none !important; }

    .sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td{ flex: none; width: 100%; }

    .sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td.col-2{
        border: none; padding-inline: 0px; gap: 4px;
        display: flex; align-items: center;
        justify-content: space-between;
    }
    .sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td.col-2 strong{
        height: 100%; padding-inline: clamp(12px,1.25vw,16px);
        display: flex; align-items: center;
        justify-content: center;
    }
    .sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td.col-2 .td-col-1{ width: 85px; background-color: #E1E4EC;  border: 1px solid #E1E4EC; }
    .sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td.col-2 .td-col-2{ width: calc(100% - 89px); border: 1px solid #C1BBBB; }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td.bg-indigo2{ height: 55px; }
    .sub.re-work.cryptos.suit .section.range .table-wrap .tbody .td.col-2{ height: 45px; font-size: 14px; }
}

/* 소송 - Section Remedy */
.sub.re-work.cryptos.suit .section.remedy   {}
.sub.re-work.cryptos.suit .section.remedy .remedy-wrap{
    display: flex; flex-direction: column;
    gap: clamp(32px,3.33vw,60px);
}
.sub.re-work.cryptos.suit .section.remedy .remedy-wrap > .title-wrap{}
.sub.re-work.cryptos.suit .section.remedy .remedy-wrap > .title-wrap .title{ font-size: clamp(28px,3.65vw,40px); }
.sub.re-work.cryptos.suit .section.remedy .remedy-wrap > .title-wrap .title strong{ color: #314398; }

.sub.re-work.cryptos.suit .section.remedy .remedy-list{ gap: clamp(24px,2.5vw,32px) }
.sub.re-work.cryptos.suit .section.remedy .remedy-box{
    box-sizing: border-box;
    min-height: 220px; padding-block: 22px; padding-inline: clamp(40px,5.21vw,80px);
    border-radius: clamp(16px,2.08vw,24px);
    background-color: #F4F7F8;
}

.sub.re-work.cryptos.suit .section.remedy .remedy-box dt{ gap: clamp(8px,1.04vw,16px); }
.sub.re-work.cryptos.suit .section.remedy .remedy-box .cnt    {
    width: 44px; aspect-ratio: 1/1;
    font-weight: 700; border-radius: 12px;
    font-size: 18px;
}
.sub.re-work.cryptos.suit .section.remedy .remedy-box .title{ font-size: 24px; }

.sub.re-work.cryptos.suit .section.remedy .remedy-box .text { font-size: 18px; }

@media all and (min-width: 961px) {
    .sub.re-work.cryptos.suit .section.remedy .remedy-wrap{ padding-inline: clamp(12px,1.25vw,24px); }
    .sub.re-work.cryptos.suit .section.remedy .remedy-box dd    { width: calc(100% - clamp(280px,29.14vw,350px)); }
}
@media all and (max-width: 960px) {
    .sub.re-work.cryptos.suit .section.remedy .remedy-box{
        flex-direction: column; gap: 16px; min-height: 170px;
        align-items: flex-start; justify-content: center;
    }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos.suit .section.remedy .remedy-wrap,
    .sub.re-work.cryptos.suit .section.remedy .remedy-list{ gap: 16px; }

    .sub.re-work.cryptos.suit .section.remedy .remedy-wrap > .title-wrap .title{ font-size: 18px; }
    .sub.re-work.cryptos.suit .section.remedy .remedy-box{ padding-inline: 24px; min-height: 120px; }

    .sub.re-work.cryptos.suit .section.remedy .remedy-box .cnt,
    .sub.re-work.cryptos.suit .section.remedy .remedy-box .text{ font-size: 14px; }
    .sub.re-work.cryptos.suit .section.remedy .remedy-box .cnt{ width: 28px; border-radius: 6px; }
    .sub.re-work.cryptos.suit .section.remedy .remedy-box .title{ font-size: 18px; }
}

/* 소송 - Section Necessity */
.sub.re-work.cryptos.suit .section.necessity{}
@media all and (min-width: 961px) {  }
@media all and (max-width: 960px) {  }








/* {Crypto Suit} - 가상자산 자문 */
.sub.re-work.cryptos.consult{}

/* 자문 - Section Fixer */
.sub.re-work.cryptos.consult .section.fixer{}

.sub.re-work.cryptos.consult .section.fixer .sect-content .stat-val .unit > span{ font-size: clamp(14px,1.82vw,20px); }
@media all and (min-width: 961px) {

    .sub.re-work.cryptos.consult .section.fixer .sect-content           { max-width: clamp(510px,53.13vw,945px); width: 100%; }
    .sub.re-work.cryptos.consult.en-cryptos .section.fixer .sect-content{ max-width: 945px; }
}
@media all and (max-width: 960px) {
    .sub.re-work.cryptos.consult .section.fixer .sect-header,
    .sub.re-work.cryptos.consult .section.fixer .sect-content{width: 100%; }
    .sub.re-work.cryptos.consult .section.fixer .sect-content .stat-val .unit > span{ font-size: 10px; }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos.consult .section.fixer .sect-content .stat-val .number     { --stat-number: 32px; }
    .sub.re-work.cryptos.consult .section.fixer .sect-content .stat-val .unit       { --stat-unit: 12px; }
    .sub.re-work.cryptos.consult .section.fixer .sect-content .fixer-list .fixer-boxed{ height: 140px; }
}

/* 자문 - Section Solutions */
.sub.re-work.cryptos.consult .section.solutions{
    width: 100%; margin-top: 0px;
    background-color: #F4F7F8;
}
.sub.re-work.cryptos.consult .section.solutions .solution-wrap{}
.sub.re-work.cryptos.consult .section.solutions .solution-wrap > ul{
    display: grid; gap: clamp(18px,2.34vw,36px);
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
}
.sub.re-work.cryptos.consult .section.solutions .solution-wrap > li {}
.sub.re-work.cryptos.consult .section.solutions .solution-box       {
    min-height: clamp(425px,44.27vw,480px);
    padding-block: clamp(48px,5vw,80px); padding-inline: clamp(48px,5vw,80px);
    background-color: var(--white);
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2); border-radius: clamp(12px,1.56vw,24px);
}
.sub.re-work.cryptos.consult .section.solutions .solution-box.bg-type{
    overflow: hidden; position: relative;
    display: flex; align-items: flex-end;
    background: url("/@resource/images/sub/cryptos-consult-01.png") 50% 50% / cover no-repeat;
}
.sub.re-work.cryptos.consult .section.solutions .solution-box.bg-type::after{
    content: ""; position: absolute; inset: 0 0 0 0;
    width: 100%; height: 100%;
    background-color: rgba(25,40,75,0.9);
}
.sub.re-work.cryptos.consult .section.solutions .solution-box.bg-type .title-wrap{
    position: relative; z-index: 1; text-align: left;
    width: 100%; height: 100%;
    display: flex; align-items: flex-end; justify-content: flex-start;
}
.sub.re-work.cryptos.consult .section.solutions .solution-box.bg-type .title{ font-size: clamp(32px,4.16vw,40px); text-align: left; }


.sub.re-work.cryptos.consult .section.solutions .term-wrap{ padding-inline: 0px; }
.sub.re-work.cryptos.consult .section.solutions .term-wrap :is(.cnt, .title){ font-weight: 600; }
.sub.re-work.cryptos.consult .section.solutions .term-wrap dd{ width: 100%; }


@media all and (min-width: 961px) {
    /* 영문 일 때 */
    .sub.re-work.cryptos.consult.en-cryptos .section.solutions .solution-box        {
        padding-block: clamp(48px,5vw,60px);
        padding-inline: clamp(48px,5vw,60px);
    }
}
@media all and (max-width: 960px) {
    .sub.re-work.cryptos.consult .section.solutions .solution-box.bg-type .title{ font-size: clamp(24px,3.13vw,32px) }
    .sub.re-work.cryptos.consult.en-cryptos .section.solutions .solution-box        { min-height: 480px; }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos.consult .section.solutions .solution-wrap > ul{ gap: 8px; }
    .sub.re-work.cryptos.consult .section.solutions .solution-box{
        min-height: 180px; border-radius: 8px;
        padding-block: 18px; padding-inline: 10px;
    }
    .sub.re-work.cryptos.consult .section.solutions .solution-box.bg-type .title{ font-size: 18px; }
    .sub.re-work.cryptos.consult .section.solutions .term-wrap .title{ --term-title: 16px; }
    .sub.re-work.cryptos.consult .section.solutions .term-wrap .dot-list li{ line-height: 1; }

    /* 영문 일 때 */
    .sub.re-work.cryptos.consult.en-cryptos .section.solutions .solution-box        { min-height: 240px; }

}

/* 자문 - Section Necessity */
.sub.re-work.cryptos.consult .section.necessity{}
.sub.re-work.cryptos.consult .section.necessity .desc-wrap{ gap: clamp(24px,3.13vw,40px); }
.sub.re-work.cryptos.consult .section.necessity .desc-wrap .title   { font-size: clamp(28px,3.65vw,40px) }
.sub.re-work.cryptos.consult .section.necessity .desc-wrap .text,
.sub.re-work.cryptos.consult .section.necessity .desc-wrap .key-box{ font-size: clamp(16px,2.08vw,18px) }

.sub.re-work.cryptos.consult .section.necessity .desc-wrap .key-list{
    max-width: 685px; width: 100%;
    margin: 0 auto;
    display: flex; flex-wrap: wrap;
    gap: clamp(16px,2.08vw,24px);
}
.sub.re-work.cryptos.consult .section.necessity .desc-wrap .key-box{
    width: calc(50% - (clamp(16px,2.08vw,24px)) / 2); min-height: 75px;
    padding-block: 16px; padding-inline: 18px;
    background-color: #F4F7F8; border-radius: 8px;

}

/* 영문 일 때 */
.sub.re-work.cryptos.consult.en-cryptos .section.necessity .desc-wrap .key-list{
    max-width: 760px;
}
@media all and (max-width: 960px) {
    .sub.re-work.cryptos.consult .section.necessity .desc-wrap .key-list{}
    .sub.re-work.cryptos.consult .section.necessity .desc-wrap .key-list .key-box{
        min-height: 60px;
    }
}
@media all and (max-width: 768px) {
    .sub.re-work.cryptos.consult .section.necessity .desc-wrap .title{ font-size: 16px; }
    .sub.re-work.cryptos.consult .section.necessity .desc-wrap .text,
    .sub.re-work.cryptos.consult .section.necessity .desc-wrap .key-box{ font-size: 12px;}

    .sub.re-work.cryptos.consult .section.necessity .desc-wrap .key-list{ gap: 10px; }
    .sub.re-work.cryptos.consult .section.necessity .desc-wrap .key-box{ padding-inline: 8px; }

}