#wrap > .container {width: 100% !important;padding: 0 0 !important ;}

#progress .forensics .main-contents-inner { max-width: 1320px; }

.process {font-size: 18rem;overflow: hidden;}
.process .titleArea {text-align: left;line-height: 1.4;margin-bottom: 40rem;}
.process .titleArea > h2 {}
.process .titleArea::after {margin-left: 0;}
.process > p {margin-bottom: 65rem;line-height: 1.615;color: var(--color-neutral-5);}

.process-area {margin-bottom: 100rem;}
.process-area__title {display: none;font-size: 23rem;margin-bottom: 30rem;font-weight: 500;}
.process-area__list {width: calc(33.3333% - 10px) !important;margin: 0 0 !important;overflow: visible !important;}
.process-area__list > ul {}
.process-area__list > ul > li {}
.process-area__list .item {position: relative;border-radius: 15rem;overflow: hidden;}
.process-area__list .item::after {content: "";display: block; position: absolute;bottom: 0;left: 0;width: 100%;height: 80%;width: 100%;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);}
.process-area__list .item__thumb {position: relative;}
.process-area__list .item__thumb > span {display: inline-block;position: absolute;top: 30rem;left: 30rem;width: 60rem;line-height: 30rem; border-radius: 30rem;text-align: center;color: #fff;background: rgb(73, 73, 73, .4);}
.process-area__list .item__thumb > figure {font-size: 0;}
.process-area__list .item__thumb > figure > img {width: 100%;}
.process-area__list .item__desc {position: absolute;bottom: 0;left: 0;padding: 30rem 30rem;color: #fff;z-index: 1;}
.process-area__list .item__desc > strong {display: block;margin-bottom: 30rem;;font-size: 25rem;font-weight: 600;line-height: 1.4;}
.process-area__list .item__desc > p {font-size: 15rem;line-height: 1.615; color: #fff;}
.process-area__list.alone {}
.process-area__list.alone > ul {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));gap: 15px;}

.process-area .swiper-pagination {display: flex;align-items: center;justify-content: center;position: static;gap: 10rem;margin-top: 30rem;}
.process-area .swiper-pagination > span {opacity: 1;width: 7rem;height: 7rem;border-radius: 30rem;margin: 0 0 !important;background: #ddd;transition: .4s;}
.process-area .swiper-pagination > span.swiper-pagination-bullet-active {width: 40rem;background: var(--color-primary);}

.content__list { margin-top: 60px; }
.content__list > ul {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.content__list > ul > li { padding: 20px; border: 1px solid #DEE2E6; border-radius: 20px; }
.content__list > ul > li .tit {}
.content__list.deep-blue > ul > li .tit > span { background-color: #004CDA; }
.content__list > ul > li .tit > span { display: inline-flex; width: 32px; height: 32px; margin-bottom: 27px; border-radius: 8px; background-color: #2589F3; font-weight: 600; font-size: 15px; color: #fff; line-height: 1.2em; letter-spacing: -0.02em; align-items: center; justify-content: center; }
.content__list > ul > li .tit > p { margin-bottom: 10px; font-weight: 600; font-size: 22px; color: #111; line-height: 1.2em; letter-spacing: -0.02em; }
.content__list > ul > li > p { font-weight: 500; font-size: 16px; color: #444; line-height: 1.5em; letter-spacing: -0.06em; }

.process-title { font-weight: bold; font-size: 46px; color: #111; line-height: 1.26em; letter-spacing: -0.016em; }
.process-description { font-weight: 400; font-size: 18px; color: #444; line-height: 1.6em; letter-spacing: -0.06em; }
.process-title-area { display: flex; max-width: 488px; width: 100%; flex-direction: column; gap: 16px; }

.support-swiper { width: 100%; }
.support-swiper .swiper-slide { padding: 0 60px; }
.support-swiper .swiper-button-prev,
.support-swiper .swiper-button-next { width: 40px; height: 40px; }
.support-swiper .swiper-button-prev { left: 0; }
.support-swiper .swiper-button-next { right: 0; }
.support-swiper .swiper-button-prev::after,
.support-swiper .swiper-button-next::after { display: none; }

.forensics { background-color: #F1F3F5; }
.main-lawyer-section { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.main-lawyer-section > img { max-width: 488px; border-radius: 8px; }
.main-lawyer-info { display: flex; flex-direction: column; gap: 60px; text-align: left; }
.main-lawyer-title { font-weight: bold; font-size: 46px; color: #111; line-height: 1.2em; letter-spacing: -0.016em; }
.main-lawyer-title .position { font-weight: 600; font-size: 24px; }
.main-lawyer-history { display: flex; flex-direction: column; gap: 40px; }
.main-lawyer-history-title { margin-bottom: 8px; font-weight: bold; font-size: 20px; line-height: 1.6em; letter-spacing: -0.06em; }
.main-lawyer-history-list { font-size: 18px; color: #444; line-height: 1.6em; letter-spacing: -0.06em; }
.main-lawyer-history-list a { font-weight: 500; text-decoration: underline; }
.main-lawyer-description { display: flex; margin-bottom: 16px; font-weight: 600; font-size: 24px; color: #2589F3; line-height: 1.2em; }

@media all and (max-width:1023px) {
    .process-area__list {width: 100% !important;overflow: hidden !important;}
    .process-area__list.alone > ul {grid-template-columns: repeat(2, minmax(0, 1fr));}
    
    .content__list > ul > li .tit > span { width: 30px; height: 30px; margin-bottom: 24px; font-size: 14px; }
    .content__list > ul > li .tit > p { font-size: 20px; }
    .content__list > ul > li > p { font-size: 15px; }
    
    .process-title { font-size: 40px; }
    .process-description { font-size: 16px; letter-spacing: -0.04em; }
    
    .main-lawyer-section { gap: 32px; }
    .main-lawyer-info { gap: 48px; }
    .main-lawyer-title { font-size: 40px; }
    .main-lawyer-title .position { font-size: 20px; }
    .main-lawyer-history-title { font-size: 18px; letter-spacing: -0.04em; }
    .main-lawyer-history-list { font-size: 16px; letter-spacing: -0.04em; }
    .main-lawyer-description { font-size: 20px; }
    
    .support-swiper .swiper-slide { padding: 0 50px; }
    .support-swiper .swiper-button-prev,
    .support-swiper .swiper-button-next { width: 36px; height: 36px; }
}

@media all and (max-width:860px) {
  	.content__list > ul {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .main-lawyer-section { flex-direction: column-reverse; }
    .main-lawyer-section > img { width: 100%; }
}

@media all and (max-width:660px) {
    .process {font-size: 14rem;}
    .process .titleArea {margin-bottom: 27rem;}
    .process-area__title {margin-bottom: 20rem;font-size: 18rem;}
    .process-area__list .item__thumb > span {top: 15rem;left: 20rem;}
    .process-area__list .item__desc {padding: 30rem 20rem;}
    .process-area__list .item__desc > strong {margin-bottom: 17rem;font-size: 18rem;}
    .process-area__list .item__desc > p {font-size: 14rem;}
    .process-area__list.alone > ul {grid-template-columns: repeat(1, minmax(0, 1fr));}
    .process-area .swiper-pagination {margin-top: 20rem;gap: 6rem;}
    .process-area .swiper-pagination > span {width: 5rem;height: 5rem;}
    .process-area .swiper-pagination > span.swiper-pagination-bullet-active {width: 40rem;}
    
    .content__list { margin-top: 40px; }
    .content__list > ul > li .tit > span { width: 28px; height: 28px; margin-bottom: 20px; font-size: 13px; }
    .content__list > ul > li .tit > p { font-size: 18px; }
    .content__list > ul > li > p { font-size: 14px; }
    
    .process-title { font-size: 22px; letter-spacing: -0.03em !important; }
    .process-description { font-size: 15px; letter-spacing: -0.02em; }
    
    .main-lawyer-section { gap: 28px; }
    .main-lawyer-info { gap: 42px; }
    .main-lawyer-title { font-size: 23px; letter-spacing: -0.03em !important; }
    .main-lawyer-title .position { font-size: 16px; letter-spacing: -0.03em !important; }
    .main-lawyer-history-title { font-size: 16px; letter-spacing: -0.02em; }
    .main-lawyer-history-list { font-size: 15px; letter-spacing: -0.02em; }
    .main-lawyer-description { font-size: 15px; letter-spacing: -0.03em !important; }
    
    .support-swiper .swiper-slide { padding: 0 20px; }
    .support-swiper .swiper-button-prev,
    .support-swiper .swiper-button-next { width: 24px; height: 24px; }
    
    .process--progress .default-container { padding-bottom: 100px; }
    .process--progress .default-container.forensics { padding-top: 80px; padding-bottom: 80px; }
    .process--progress #support.default-container { padding-bottom: 80px; }
    .location.default-container { padding-top: 80px; }
}