@charset "utf-8";

/* 색 설정 */
:root {
    --main-color: #1E2A5E;
    --black-color : #222;
    --white-color : #fff
}



:root{
    --d:2500ms;
    --angle:90deg;
    --c1:rgba(168,239,255,1);
    --c2:rgba(168,239,255,.1);
}

@property --angle{
    syntax:'<angle>';
    initial-value:90deg;
    inherits:true;
}

@property --gradX{
    syntax:'<percentage>';
    initial-value:50%;
    inherits:true;
}

@property --gradY{
    syntax:'<percentage>';
    initial-value:0%;
    inherits:true;
}

:root{
    --d:2500ms;
    --gradX:100%;
    --gradY:50%;
    --c1:rgba(168,239,255,1);
    --c2:rgba(168,239,255,.1);
}

@keyframes borderRotate{
    100%{ --angle:420deg; }
}

@keyframes borderRadial{
    20%{ --gradX:100%; --gradY:50%; }
    40%{ --gradX:100%; --gradY:100%; }
    60%{ --gradX:50%; --gradY:100%; }
    80%{ --gradX:0%; --gradY:50%; }
    100%{ --gradX:50%; --gradY:0%; }
}



/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */

/* 스크롤 커스텀 */
html::-webkit-scrollbar {width: 8px;}
html::-webkit-scrollbar-thumb {background-color: var(--main-color); border-radius: 10px;}

/* 드래그 블록 커스텀 */
::selection { background-color:var(--main-color); color:#fff; }


/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}

body{ color: #222; font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; cursor: pointer; }
a:hover{ text-decoration: none; color: inherit;  }

.inner{ width:1200px; margin:0 auto;  }

.paging_box{ margin-top: 20px; padding:10px 0; display:flex; align-items: center; justify-content: center; }
.paging_box .pg_page{ background-color:#FFF; border:1px solid #e6e6e6; }
.paging_box .pg_current{ background-color: #0F1C2E; color:#fff; border:1px solid #0F1C2E; }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }
p{ word-break: keep-all; }

b{ font-weight: 600; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 2vw; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .inner{ padding:0 4vw; }
    .paging_box{ font-size: 13px; }
} /* mobile */


/* header */
header{ transition: background .2s; color: #fff; position: fixed; z-index: 99; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0.30); backdrop-filter: blur(15px); padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, .4); }
header .inner{ display: flex; align-items: center; justify-content: space-between; gap: 10px; }
header .logo.default{ display: none; }
header nav .menu-list{ display: flex; align-items: center; gap: 50px;  }
header nav .menu-list > li{ display: flex; align-items: center; justify-content: center; position: relative; }

header .btn-wrap { display: flex; align-items: center; gap: 15px; }
header .btn-div { border-radius: 10px; flex-shrink: 0; padding: 1px; background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(153, 153, 153, 1)) ; }
header .btn-div .call-item{ padding: 10px 20px; background-color: #222; display: flex; align-items: center; gap: 10px; border-radius: 10px; }
header .btn-div .call-item .icon{ width: 20px; }
header .btn-div .call-item .icon.default{ display: none; }
header .btn-div .call-item .text{ font-weight: 600; }
header .btn-wrap .menu-btn{ display: none; background: transparent; border: none;  }
header .btn-wrap .menu-btn .icon{ width: 30px; }
header .btn-wrap .menu-btn .icon.default{ display: none; }

header.white-bg{ border-bottom: 1px solid #E4E4E4; background-color: #fff; color: #222; }
header.white-bg .logo.default{ display: block; }
header.white-bg .logo.white{ display: none; }
header.white-bg .btn-div{ background: #E6E6E6; }
header.white-bg .btn-div .call-item .icon.white{ display: none; }
header.white-bg .btn-div .call-item .icon.default{ display: block; }
header.white-bg .btn-div .call-item{ background-color: #fff; color: #222; }
header.white-bg .btn-wrap .menu-btn .icon.white{ display: none; }
header.white-bg .btn-wrap .menu-btn .icon.default{ display: block; }

header nav .menu-list .sub-menu-list{ opacity: 0; visibility: hidden; text-align: center; position: absolute; top: calc(100% + 40px); padding: 10px 0; border-top: none; }
header.menu-show nav .menu-list{ opacity: 1; visibility: visible; }
header nav .menu-list .sub-menu-list .sub-item{ white-space: nowrap; font-weight: 500; transition: font-weight .2s; color: #222; display: block; padding: 5px 10px; }
header.menu-show nav .menu-list .sub-menu-list{ opacity: 1; visibility: visible; }
header + .pc-menu-hover-bg{ opacity: 0; visibility: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 98; background-color: #fff; position: fixed; width: 100%; height: 270px; left: 0; top: 0;}
header.menu-show + .pc-menu-hover-bg{ opacity: 1; visibility: visible; }



@media screen and (max-width: 1250px) { 
    header .btn-div .call-item{ padding: 10px 15px; }
    header nav .menu-list{ gap: 30px; }
}
@media screen and (max-width: 1100px) { 
    header nav{ display:none; }
    header .btn-div{ display: none; }
    header .btn-wrap .menu-btn{ display: block; }
    header nav .menu-list .sub-menu-list{ display: none; }
    header + .pc-menu-hover-bg{ display: none; }
}
@media screen and (max-width: 650px) { 
    header .logo{ width: 140px; }
    header .btn-wrap .menu-btn .icon{ width: 25px; }
}

/* .aside-menu */
.aside-menu{ display: none; transition: opacity .5s, visibility .5s; opacity: 0; visibility: hidden; position: fixed; z-index: 999; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
.aside-menu.active{ opacity: 1; visibility: visible; }
.aside-menu .aside-content{ transition: right .5s; scrollbar-width: none; -ms-overflow-style: none; position: fixed; right: -300px; top: 0; width: 300px; height: 100%; overflow-y: scroll; max-width: 90%; background-color:#1E2A5E; }
.aside-menu .aside-content.active{ right: 0; }
.aside-menu .aside-content::-webkit-scrollbar{ display: none; }
.aside-menu .btn-wrap{ border-bottom: 1px solid #fff; padding: 20px 2vw; display: flex; align-items: center; gap: 20px; justify-content: space-between; }
.aside-menu .btn-wrap .logo{ width: 140px; }
.aside-menu .btn-wrap .icon{ width: 20px; }
.aside-menu .btn-wrap .close-btn{ background: transparent; border: none; padding: 0; }
.aside-menu .menu-box-wrap{ font-size: 18px; color: #fff; padding: 20px 4vw;  }
.aside-menu .menu-box-wrap .meu-list{ display: flex; flex-direction: column; }
.aside-menu .menu-box-wrap .meu-list .item{ cursor: pointer; padding: 15px 0; justify-content: space-between; display: flex; align-items: center; gap: 10px; }
.aside-menu .menu-box-wrap .meu-list .item .text{ font-weight: 600; }
.aside-menu .menu-box-wrap .meu-list .item .icon{ width: 15px; }
.aside-menu .menu-box-wrap .meu-list .item.show .icon{ transform: rotate(180deg); }

.aside-menu .menu-box-wrap .meu-list .sub-menu-list{ display: none; padding-bottom: 10px; color: rgba(255,255,255,.6); }
.aside-menu .menu-box-wrap .meu-list .sub-menu-list .sub-item{ padding: 10px 0; display: flex; align-items: center; gap: 10px; }
.aside-menu .menu-box-wrap .meu-list .sub-menu-list .sub-item .text{ font-weight: 600; }
.aside-menu .menu-box-wrap .meu-list .item.active .icon{ transform: rotate(180deg); }

@media screen and (max-width: 1100px) { 
    .aside-menu{ display: block; }
}
@media screen and (max-width: 650px) { 
    .aside-menu .btn-wrap{ padding: 20px 4vw; }
}

/* footer */
/* footer{ background-color: #2B2E33; padding: 50px 0; color: #808285; }
footer .top-div{ padding:0 0 15px 0; border-bottom: 2px solid rgba(255,255,255,.4); }
footer .bottom-div .info-box{ padding: 35px 0 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
footer .bottom-div .info-box .info-item{ padding-right: 50px; }
footer .bottom-div .info-box .info-item .title{ color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 10px; }
footer .bottom-div .info-box .info-item .content{ padding-left: 15px; position: relative; }
footer .bottom-div .info-box .info-item .content:before{ content: '•'; display: block; position: absolute; left: 0; top: 0; }
footer .copy-right{ margin-top: 35px; font-size: 14px; opacity: .6; }

@media screen and (max-width: 650px) { 
    footer{ padding: 30px 0; }
    footer .logo{ width: 140px; }
    footer .bottom-div .info-box{ padding-top: 20px; gap: 15px; }
    footer .bottom-div .info-box .info-item{ padding-right: 15px; }
    footer .bottom-div .info-box .info-item .title{ font-size: 14px; }
    footer .bottom-div .info-box .info-item .content{ font-size: 12px; }
    footer .copy-right{ font-size: 10px; }
} */

footer{ color: #888; padding: 48px 0; background-color: #2B2E33; }
footer .inner{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; }
footer .copy-right{ font-size: 12px; }
footer .copy-right.pc{ margin-top: 40px; }
footer .copy-right.mo{ display: none; }
footer .top-div .logo-text{ font-family: 'Paperlogy'; font-size: 18px; line-height: 1.25em; margin-top: 10px; }
footer .call-div .call-item{ color: #fff; display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 700; }
footer .call-div .text{ line-height: 1.5em; margin-top: 10px; color: #888; font-weight: 400; }
footer .call-div .call-list{ margin-top: 10px; }
footer .call-div .call-list > li + li{ margin-top: 10px; }
footer .call-div .call-list .item{ display: block; text-align: center; padding: 10px; background: rgba(255, 255, 255, 0.10); color: #fff; border-radius: 10px; line-height: 1.5em; }
footer .bottom-div .info-item{ display: flex; align-items: flex-start;  gap: 10px;}
footer .bottom-div .info-item + .info-item{ margin-top: 10px; }
footer .bottom-div .info-item .title{ color: #fff; flex-shrink: 0; width: 80px; }
footer .bottom-div .info-item .content{ position: relative; padding-left: 15px; }
footer .bottom-div .info-item .content:before{ content: '•'; display: block; position: absolute; left: 0; top: 0; }

@media screen and (max-width: 1000px) {
    footer{ padding-bottom: 30px; }
    footer .inner{ flex-direction: column; gap: 20px; } 
    footer .logo{ width: 140px; }
    footer .top-div .logo-text{ font-size: 16px; }
    footer .top-div .logo-text br{ display: none; }
    footer .copy-right.pc{ display: none; }
    footer .copy-right.mo{ display: block; }
    footer .call-div .call-list{ display: flex; gap: 10px; }
    footer .call-div .call-list > li + li{ margin-top: 0; }
    footer .call-div .call-item{ gap: 5px; font-size: 18px; }
    footer .call-div .call-item .icon{ width: 15px; }
    footer .call-div .call-list .item{ font-size: 14px; }
    footer .call-div .text{ font-size: 14px; }
    footer .bottom-div .info-item{ font-size: 14px; }
    footer .bottom-div .info-item .title{ width: 60px; }
}

/* .header-top */
.header-top{ padding-top: 83px; }
@media screen and (max-width: 1000px) { 
    .header-top{ padding-top: 72px; }
}
@media screen and (max-width: 650px) { 
    .header-top{ padding-top: 64.2px; }
}

.main section{ padding: 100px 0; position: relative; overflow: hidden; }
@media screen and (max-width: 650px) { 
    .main section{ padding: 50px 0; }
}

/* .main .visual-section */
.main .visual-section{ position: relative; overflow: hidden; color: #fff; padding: 100px 0; background: linear-gradient(91deg, rgba(34, 34, 34, 0.00) 0%, #222 100%), #162D38; }
.main .visual-section .inner{ position: relative; }
.main .visual-section .inner .circle{ position: absolute; }
.main .visual-section .inner .circle.circle1{ width: 50%; right: -20%; bottom: 0; }
.main .visual-section .inner .circle.circle2{ width: 70%; left: -40%; top: -40%; }

.main .visual-section .half-div{ display: flex; gap: 72px; }
.main .visual-section .half-div .left-div{ position: relative; z-index: 1; flex-grow: 1; }
.main .visual-section .half-div .left-div .title{ background: linear-gradient(to bottom right, #fff, #333333); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 700; font-family: 'Paperlogy'; font-size: 74px; }
.main .visual-section .half-div .left-div .sub-title{ word-break: keep-all; font-family: 'Paperlogy'; line-height:1.5em; font-size:28px; font-weight:600; background:linear-gradient(to right,#fff,#999); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.main .visual-section .half-div .left-div .content{ margin-top: 20px; line-height: 1.5em; font-size: 28px; }
.main .visual-section .half-div .right-div{ position: relative; z-index: 1; width: 482px; flex-shrink: 0; display: flex; flex-direction: column; gap: 20px; }
.main .visual-section .half-div .right-div .item{ background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #FFF; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; flex-grow: 1; }
.main .visual-section .half-div .right-div .item .title{ font-size: 18px; line-height: 1.5em; }
.main .visual-section .half-div .right-div .item .content{ min-width: 250px; display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 5px; border: 1px solid #fff; border-radius: 10px; padding: 15px 20px; font-size: 26px; line-height: 1.5em; font-weight: 600; }
.main .visual-section .half-div .right-div .item .content .count{ font-size: 2em; font-weight: 700; }
.visual-section .btn-wrap{ position: relative; z-index: 1; margin-top: 50px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.visual-section .btn-wrap .item{ transition: background .4s; border-radius: 100px; background: linear-gradient(to right, #1C285B, #4D69E2);  color: #fff; text-align: center; width: 50%; max-width: 291px; padding: 2px; }
.visual-section .btn-wrap .item .text{ transition: background .4s; border-radius: 100px; background-color: #222; padding:12px 10px; line-height: 1.5em; font-weight: 400; }
.visual-section .btn-wrap .item:hover{ background: linear-gradient(to right, #732EFC, #A786EE); }
.visual-section .btn-wrap .item:hover .text{ background-color: #000; }
.main .visual-section .scroll-box{ position: relative; z-index: 1; margin-top: 50px; display: flex; align-items: center; justify-content: center; gap: 12px; }
.main .visual-section .scroll-box .text{ font-size: 14px; line-height: 1.5em; font-weight: 400; }
.main .visual-section .scroll-box{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.main .visual-section .scroll-box .arrow-wrap { display: flex; flex-direction: column; gap: 2px; }
.main .visual-section .scroll-box .arrow-wrap .icon{ width: 10px; }

@media screen and (max-width: 1250px) { 
    .main .visual-section{ padding: 50px 0; }
    .main .visual-section .half-div{ gap: 20px; }
    .main .visual-section .half-div .left-div .title{ font-size: 50px; }
    .main .visual-section .half-div .left-div .sub-title{ font-size: 20px; }
    .main .visual-section .half-div .left-div .content{ font-size: 18px; }
    .main .visual-section .half-div .right-div{ width: 400px; }
    .main .visual-section .half-div .right-div .item .content{ font-size: 20px; }
    .visual-section .btn-wrap .item{ width: 220px; }
}
@media screen and (max-width: 950px) { 
    .main .visual-section .inner .circle.circle1{ width: 70%; right: -30%; bottom: 0%; }
    .main .visual-section .inner .circle.circle2{ width: 100%; left: -40%; top: -40%; }
    .main .visual-section .half-div{ flex-direction: column; align-items: center; }
    .main .visual-section .half-div .left-div .title{ text-align: center; }
    .main .visual-section .half-div .left-div .sub-title{ margin-top: 30px; text-align: center; }
    .main .visual-section .half-div .left-div .content{ text-align: center; }
    
}
@media screen and (max-width: 650px) { 
    .main .visual-section{ padding: 20px 0; }
    .main .visual-section .half-div .left-div .title{ font-size: 35px; }
    .main .visual-section .half-div .left-div .sub-title{ margin-top: 20px; max-width: 300px; }
    .main .visual-section .half-div .left-div .content{ font-size: 16px; }
    .main .visual-section .half-div .right-div{ max-width: 100%; }
    .main .visual-section .half-div .right-div .item{ padding: 15px; }
    .main .visual-section .half-div .right-div .item .title{ font-size: 14px; }
    .main .visual-section .half-div .right-div .item .content{ max-width: 100%; padding: 10px; font-size: 16px; }
    .visual-section .btn-wrap{ margin-top: 20px; gap: 10px; }
}
@media screen and (max-width: 500px) { 
    .main .visual-section .inner .circle.circle1{ width: 100%; right: -30%; bottom: -5%; }
    .main .visual-section .inner .circle.circle2{ width: 120%; }
}

/* .main .liability-section */
.main .liability-section{ color: #fff; background: linear-gradient(91deg, rgba(34, 34, 34, 0.00) 0%, #222 100%), #162D38; }
.main .liability-section .title{ text-align: center; line-height: 1.25em; font-family: 'Paperlogy'; font-size: 32px; }
.main .liability-section .item-list{ margin-top:37px; display:grid; grid-template-columns:repeat(4,auto); justify-content:space-between; gap:0; width:100%; }
.main .liability-section .item-list .item{ font-family: 'Paperlogy'; text-align: center; display: flex; flex-direction: column; justify-content: center;  align-items: center; gap: 10px; }
.main .liability-section .item-list .item .icon-box{ width: 80px; aspect-ratio: 68/73; background-size: contain; background-repeat: no-repeat; background-position:bottom center;  }
.main .liability-section .item-list .item .text{ margin-top: 5px; font-weight: 700; font-size: 26px; color: #fff; }
.main .liability-section .item-list .item:nth-child(1) .text{ color: transparent; -webkit-text-fill-color: transparent; background: linear-gradient(286deg, #FFF 2.07%, #4180F7 92.81%); -webkit-background-clip: text; background-clip: text; }
.main .liability-section .item-list .item:nth-child(2) .text{ color: transparent; -webkit-text-fill-color: transparent; background: linear-gradient(286deg, #FFF 2.07%, #F9B734 92.81%); -webkit-background-clip: text; background-clip: text; }
.main .liability-section .item-list .item:nth-child(3) .text{ color: transparent; -webkit-text-fill-color: transparent; background: linear-gradient(286deg, #FFF 2.07%, #8CE459 92.81%); -webkit-background-clip: text; background-clip: text; }
.main .liability-section .item-list .item:nth-child(4) .text{ color: transparent; -webkit-text-fill-color: transparent; background: linear-gradient(286deg, #FFF 2.07%, #FEBC50 92.81%); -webkit-background-clip: text; background-clip: text; }

@media screen and (max-width: 1250px) { 
    .main .liability-section .title{ font-size: 26px; }
    .main .liability-section .item-list .item .text{ font-size: 20px; }
}
@media screen and (max-width: 950px) { 

}
@media screen and (max-width: 650px) { 
    .main .liability-section .title{ font-size: 20px; } 
    .main .liability-section .item-list{ grid-template-columns: repeat(2, 1fr); gap: 40px; }
    .main .liability-section .item-list .item .text{font-size: 18px; }
}

/* .main .main-title */
.main .main-title{ font-size: 46px; font-family: 'Paperlogy'; line-height: 1.25em; }
.main .main-title.center{ text-align: center; }

@media screen and (max-width: 1250px) { 
    .main .main-title{ font-size: 26px; }
}
@media screen and (max-width: 650px) { 
    .main .main-title{ font-size: 24px; }
}


/* .sub .sub-title */
.sub .sub-title{ font-size: 46px; font-family: 'Paperlogy'; }
.sub .sub-title.center{ text-align: center; }
@media screen and (max-width: 1250px) {
    .sub .sub-title{ font-size: 26px; }
}
@media screen and (max-width: 650px) {
    .sub .sub-title{ font-size: 24px; }
}


/* .main .lawyer-section */
.main .lawyer-section{ position: relative; overflow: hidden; padding-bottom: 0; background-image: url('../img/main/lawyer-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .lawyer-section .mo-br{ display: none; }
.main .lawyer-section .inner{ position: relative; }
.main .lawyer-section .contnet-box{ align-items: flex-start; max-width: 882px; position: relative; z-index: 1; width: 100%; display: flex; flex-direction: column; justify-self: flex-start }
.main .lawyer-section .main-title{ padding-bottom: 20px; border-bottom: 1px solid #7F7F7F; }
.main .lawyer-section .main-title + .content{ word-break: keep-all; line-height: 1.5em; font-size: 20px; margin-top: 20px; }
.main .lawyer-section .main-title + .content b{ font-size: 1.25em; }
.main .lawyer-section .content-wrap{ margin-top: 30px; width: 100%;border-radius: 4px; overflow: hidden; }
.main .lawyer-section .content-wrap .content-title{ word-break: keep-all; padding: 19px 40px; background-color: #17214D; color: #fff; font-weight:700; font-size: 22px; }
.main .lawyer-section .content-wrap .content-box{ z-index: 1; border: 1px solid #7F7F7F; border-radius: 0 0 2px 2px; padding: 17px; background-color: #fff; line-height: 1.5em; }
.main .lawyer-section .content-wrap .content-box .item-list > li{ word-break: keep-all; position: relative; padding-left: 20px; }
.main .lawyer-section .content-wrap .content-box .item-list > li:before{ content: '•'; display: block; position: absolute; left: 0; top: 0; }
.main .lawyer-section .content-wrap .content-box .item-list > li + li{ margin-top: 10px; }
.main .lawyer-section .lawyer-box{ pointer-events: none; z-index: 0; display: flex; position: absolute; right: -200px; bottom: 0; z-index: 1; }
.main .lawyer-section .lawyer-box .lawyer-img{ flex-shrink: 0; max-width: 100%; width: 750px;}
.main .lawyer-section .lawyer-box .lawyer-content{ margin-top: 29%; margin-left: -11%; display: flex; align-items: flex-start; gap: 10px; }
.main .lawyer-section .lawyer-box .lawyer-content .text{ font-size: 19px; display: flex; flex-direction: column; }
.main .lawyer-section .lawyer-box .lawyer-content .text .name{ font-weight: 600; font-size: 28px; font-weight: 600; }
.main .lawyer-section .lawyer-box .lawyer-content .sign{ width: 114px; }
.main .lawyer-section .btn-wrap{ margin-top: 20px; margin-bottom: 50px; display: flex; align-items: center; justify-content: center; }
.main .lawyer-section .btn-wrap .item{ position: relative; z-index: 2; transition: background .4s; border-radius: 4px; background: #17214D;  color: #fff; text-align: center; width: 100%; max-width: 186px; padding: 10px 20px; font-weight: 500; }


@media screen and (max-width: 1430px) { 
    .main .lawyer-section .contnet-box{ max-width: 100%; padding-right: 100px; }
    .main .lawyer-section .lawyer-box{ right: -8vw; flex-direction: row-reverse;  }
    .main .lawyer-section .lawyer-box .lawyer-img{ width: 734px; }
    .main .lawyer-section .lawyer-box .lawyer-content{ margin-left: 0; margin-top: 340px; transform: translateX(23vw); gap: 1vw; }
    .main .lawyer-section .lawyer-box .lawyer-content .sign{ width: 10vw; } 
    .main .lawyer-section .lawyer-box .lawyer-content .text{ font-size: 1.5vw; }
    .main .lawyer-section .lawyer-box .lawyer-content .text .name{ font-size: 2.1vw; }
}
@media screen and (max-width: 1250px) { 
    .main .lawyer-section .contnet-box{ padding-right: 0; max-width: 83%; }
    .main .lawyer-section .main-title + .content{ font-size: 16px; }
    .main .lawyer-section .main-title + .content b{ font-size: 1.2em; }
    .main .lawyer-section .content-wrap .content-title{ padding: 15px 20px; font-size: 18px; }
    .main .lawyer-section .content-wrap .content-box .item-list > li:nth-child(1){ margin-right:400px; }
    .main .lawyer-section .content-wrap .content-box .item-list > li:nth-child(2){ margin-right:400px; }
    
    .main .lawyer-section .lawyer-box .lawyer-content{ margin-top: 357px; transform: translateX(267px); }
    .main .lawyer-section .lawyer-box .lawyer-content .text{ font-size: 16px; }
    .main .lawyer-section .lawyer-box .lawyer-content .text .name{ font-size: 23px; }
    .main .lawyer-section .lawyer-box .lawyer-content .sign{ width: 107px; }

}
@media screen and (max-width: 950px) { 
    .main .lawyer-section .main-title{ text-align: center; }
    .main .lawyer-section .main-title + .content{ text-align: center; }
    .main .lawyer-section .contnet-box{ flex-direction: column; align-items: center; max-width: 100%; }
    .main .lawyer-section .lawyer-box { position: relative; display: felx; justify-content: center; flex-shrink: 0; right: 0; }
    .main .lawyer-section .lawyer-box .lawyer-content{ position: absolute; }
    .main .lawyer-section .lawyer-box .lawyer-img{ width: 434px; }
    .main .lawyer-section .lawyer-box .lawyer-content{ margin-top: 169px; transform: translateX(-97px); }
    .main .lawyer-section .content-wrap .content-box .item-list > li:nth-child(1){ margin-right: 0; }
    .main .lawyer-section .content-wrap .content-box .item-list > li:nth-child(2){ margin-right: 0; }

}
@media screen and (max-width: 650px) { 
    .main .lawyer-section .main-title{ padding-bottom: 15px; }
    .main .lawyer-section .mo-br{ display: inline-block; }
    .main .lawyer-section .lawyer-box .lawyer-img{ width: 300px; }
    .main .lawyer-section .lawyer-box .lawyer-content{ margin-top: 107px; gap: 10px; transform: translateX(-76px); }
    .main .lawyer-section .lawyer-box .lawyer-content .sign{ width: 80px; }
    .main .lawyer-section .lawyer-box .lawyer-content .text{ font-size: 14px; }
    .main .lawyer-section .lawyer-box .lawyer-content .text .name{ font-size: 19px; }
}

/* .main .oneteam-section */
.main .oneteam-section{ padding-bottom: 200px; position: relative; overflow: hidden; background-image: url('../img/main/oneteam-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .oneteam-section .mo-br{ display: none; }
.main .oneteam-section .main-sub-title{ text-align: center; font-size: 24px; font-weight: 600; }
.main .oneteam-section .main-title{ color: #263685; }
.main .oneteam-section .content-box{ margin: 20px 0; text-align: center; line-height: 1.5em; font-size: 18px; padding: 20px; box-shadow: 3px 8px 4px 0 rgba(23, 33, 77, 0.15); background-color: rgba(255,255,255.6); }
.main .oneteam-section .slide-wrap{ position: relative; margin-top: 20px; width: 100%; }
.main .oneteam-section .slide-wrap .swiper{ overflow: unset !important; }
.main .oneteam-section .slide-wrap .item{ box-shadow: 7.136px 11.596px 8.92px 0 rgba(0, 0, 0, 0.15); aspect-ratio: 1/1; background-color: #222; border-radius: 4px; position: relative; overflow: hidden; }
.main .oneteam-section .slide-wrap .item .img-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat ; background-position: center; }
.main .oneteam-section .slide-wrap .item .text-box{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 20px 30px; color: #fff; }
.main .oneteam-section .slide-wrap .item .text-box .title{ font-size: 24px; font-weight: 700; }
.main .oneteam-section .slide-wrap .item .text-box .en-title{ width: 100%; margin-top: 5px; font-family: 'Jeju Myeongjo'; font-size: 24px; padding-bottom: 5px; border-bottom: 1px solid #fff; }
.main .oneteam-section .slide-wrap .item .text-box .button{ height: 0; min-height: 0; transition: min-height .4s; overflow: hidden; font-weight: 500; text-align: center;  margin-top: 10px; background: linear-gradient(90deg, #17214D 0%, #354DB3 100%); color: #fff; font-size: 18px; }
.main .oneteam-section .slide-wrap .item .text-box .button .text{ padding: 10px; }
.main .oneteam-section .slide-wrap .item:hover .text-box .button{ min-height: 40px; }

@media screen and (max-width: 1250px) { 
    .main .oneteam-section .main-sub-title{ font-size: 16px; margin-bottom: 10px; }
    .main .oneteam-section .content-box{ font-size: 16px; }
    .main .oneteam-section .slide-wrap .item .text-box .title{ font-size: 20px; }
    .main .oneteam-section .slide-wrap .item .text-box .en-title{ font-size: 20px; }
    .main .oneteam-section .slide-wrap .item .text-box .button{ font-size: 16px; }
}
@media screen and (max-width: 950px) { 
    .main .oneteam-section .slide-wrap .item .text-box .button{ height: auto; min-height: unset; }
}
@media screen and (max-width: 650px) { 
    .main .oneteam-section .mo-br{ display: inline-block; }
    .main .oneteam-section .content-box{ padding: 15px; }
    .main .oneteam-section .slide-wrap .item .text-box .button{ font-size: 14px; }
}

/* .main .logo-section */
.main .logo-section{ position: relative; margin-top: -120px; clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%); background-image: url('../img/main/logo-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .logo-section .gradient-box{ position: absolute; left: 0; top: 0; width: 100%; height: 20%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent); }
.main .logo-section .inner{ display: flex; align-items: center; justify-content: center; }
.main .logo-section .logo{ margin-top: 50px; }
@media screen and (max-width: 1250px) {
    .main .logo-section .logo{ width: 200px; } 
}
@media screen and (max-width: 650px) { 
    .main .logo-section .logo{ width: 150px; } 
}

/* .main .main-box-title */
.main .main-box-title{ text-align: center; margin-bottom: 15px; display: inline-block; font-weight: 700; color: #17214D; background-color: rgba(23, 33, 77, .1); padding: 8px 26px; border-radius: 100px; }
.main .main-box-title.center{ margin: 0 auto 15px auto; }

@media screen and (max-width: 950px) { 
    .main .main-box-title{ font-size: 14px; padding: 5px 10px; }
}

/* .main .close-section */
.main .close-section{ background-image: url('../img/main/close-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .close-section .half-div{ display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; }
.main .close-section .half-div .left-pin-wrap{ flex: 0 0 auto; width: min(380px, 42%); max-width: 420px; align-self: flex-start; z-index: 2; }
.main .close-section .half-div .left-div{ width: 100%; }
.main .close-section .half-div .right-div{ flex: 1; min-width: 0; max-width: 733px; }
.main .close-section .half-div .item-list > li{ position: relative; scroll-margin-top: 120px; }
.main .close-section .half-div .item-list > li + li{ margin-top: 20px; }
.main .close-section .half-div .item-list .check-div{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background-color: #666; }
.main .close-section .half-div .item-list .check-div::before{ content: ''; display: block; position: absolute; top: 34px; width: 1px; height: calc(100% - 34px); background-color: #DDD; }
.main .close-section .half-div .item-list .item{ display: flex; gap: 41px; }
.main .close-section .half-div .item-list .item .item-inner{ box-shadow: 2px 6px 10px 0 rgba(23, 33, 77, 0.25); position: relative; padding: 35px; flex-grow: 1; background-color: #F5F5F5; border-radius: 20px; }
.main .close-section .half-div .item-list .item .item-inner .main-box-title{ background-color: #fff; font-weight: 400; padding-top:4px; padding-bottom: 4px; }
.main .close-section .half-div .item-list .item .item-inner .item-body .number{ position: absolute; right: 0; top: -20px; font-size: 73px; font-weight: 700; color: #DCDCDC; }
.main .close-section .half-div .item-list .item .item-inner .item-body{ position: relative; }
.main .close-section .half-div .item-list .item .item-inner .item-body .content{ word-break: keep-all; font-size: 20px; line-height: 1.25em; font-weight: 700; }

.main .close-section .half-div .item-list > li.active .check-div{  background-color: #17214D; }
.main .close-section .half-div .item-list > li.active .item .item-inner{ background-color: #17214D; color: #fff; }
.main .close-section .half-div .item-list > li.active .item .item-inner .item-body .number{ opacity: .1; }
.main .close-section .half-div .item-list > li.active .item .item-inner .main-box-title{ background-color: rgba(255,255,255,.1); color: #fff; }
@media screen and (max-width: 1250px) {
    .main .close-section .half-div{ gap: 32px; }
    .main .close-section .half-div .right-div{ width: 60%; max-width: 100%; }
    .main .close-section .half-div .left-pin-wrap{ width: 300px !important; max-width: none !important; }
    .main .close-section .half-div .pin-spacer{ width: 300px; }
    .main .close-section .half-div .item-list .item .item-inner .item-body .number{ font-size: 52px; }
}
@media screen and (max-width: 950px) {
    .main .close-section .half-div{ flex-direction: column; gap: 32px; }
    .main .close-section .half-div .left-pin-wrap{ width: 100%; max-width: none; }
    .main .close-section .half-div .left-div{ position: static; top: auto; }
    .main .close-section .half-div .right-div{ width: 100%; max-width: 100%; }
    .main .close-section .half-div .right-div .item-list{ width: 100%; }

    .main .close-section .half-div .item-list .check-div{ width: 20px; height: 20px; }
    .main .close-section .half-div .item-list .check-div::before{ top: 40px; }
    .main .close-section .half-div .item-list .check-div .icon{ width: 10px; }
    .main .close-section .half-div .item-list .item{ gap: 20px; }
    .main .close-section .half-div .item-list .item .item-inner{ border-radius: 10px; padding: 20px; }
    .main .close-section .half-div .item-list .item .item-inner .item-body .content{ line-height: 1.5em; font-size: 16px; }
    .main .close-section .half-div .item-list .item .item-inner .item-body .content br{ display: none; }
    .main .close-section .half-div .item-list .item .item-inner .item-body .number{ top: -5px; font-size: 30px; }
}

/* .main .case-section */
.main .case-section{ position: relative; overflow: hidden; background-image: url('../img/main/case-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .case-section .mo-br{ display: none; }
.main .case-section .inner{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.main .case-section .main-box-title{ background-color: rgba(255,255,255,.1); color: #fff; }
.main .case-section .main-title{ color: #fff; }
.main .case-section .main-content{ text-align: center; word-break: keep-all; line-height: 1.5em; font-weight: 600; font-size: 20px; color: #fff; margin: 10px 0; }

.main .case-section .slide-wrap{ margin-top: 40px; width: 100%; }
.main .case-section .slide-wrap .swiper{ overflow: unset !important; }

.case-item-list .item{ box-shadow: 4px 9px 11px 0 rgba(0, 0, 0, 0.15); position: relative; background-color: #fff; border-radius: 4px; }
.case-item-list .item .icon-div{ display: flex; align-items: center; justify-content: center; background-color: #283149; width: 55px; height: 55px; position: absolute; left: 0; top: -22px; }
.case-item-list .item .icon-div .icon{ width: 30px; }
.case-item-list .item .img-div{ display: flex; align-items: center; justify-content: center; padding: 33px 0 0 0;  }
.case-item-list .item .img-div .real{ aspect-ratio: 182/258; margin: 0 auto; border: 1px solid #E4E4E4; width: 182px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.case-item-list .item .img-div .label{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 20px; line-height: 1.5em; font-size: 26px; font-weight: 900; text-align: center; color: #fff; position: absolute; background-image: url('../img/main/case-section/label.png'); background-size: cover; background-repeat: no-repeat; background-position: center; width: 306.175px; transform: rotate(-30deg); aspect-ratio: 73/19; }
.case-item-list .item .content-div{ margin-top: 10px; padding: 20px 26px; border-top: 1px solid #D9D9D9; }
.case-item-list .item .content-div .title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 20px; font-weight: 600; }
.case-item-list .item .content-div .content{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-word; margin-top: 5px; color: #7f7f7f; line-height: 1.5em; }
.case-item-list .item .content-div .more{ display: inline-block; margin-top: 10px; border-bottom: 1px solid #283149; color: #283149;  }

@media screen and (max-width: 1250px) {
    .main .case-section .main-content{ font-size: 16px; }
    .case-item-list .item .img-div .label{ width: 250px; font-size: 18px; }

    .case-item-list .item .content-div .title{ font-size: 18px; }
    .case-item-list .item .content-div .content{ font-size: 16px; }
    .case-item-list .item .content-div .more{ font-size: 16px; }
}
@media screen and (max-width: 950px) {
}
@media screen and (max-width: 650px) {
    .main .case-section .mo-br{ display: inline-block; }
    .case-item-list .item .img-div{ padding-top: 20px; }
    .main .case-section .main-content{  font-weight: 500; }
    .case-item-list .item .img-div .real{ width: 40vw; }
    .case-item-list .item .img-div .label{ width: 200px; font-size: 16px; padding: 15px; }
    .case-item-list .item .content-div{ padding: 15px 15px 20px 15px; }
    .case-item-list .item .content-div .title{ font-size: 16px; }
    .case-item-list .item .content-div .content{ font-size: 14px; }
    .case-item-list .item .content-div .more{ font-size: 14px; }
    .case-item-list .item .icon-div{ top: -5px; width: 30px; height: 30px; }
    .case-item-list .item .icon-div .icon{ width: 15px; }
}

/* .main .review-section */
.main .review-section{ background-image: url('../img/main/review-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .review-section .inner{ display: flex; flex-direction: column; }
.main .review-section .mo-br{ display: none; }
.main .review-section .slide-wrap{ margin-top: 20px; width: 100%; }
.main .review-section .slide-wrap .swiper{ overflow: unset !important; }

.review-item-list .item{ background-color: #fff; border-radius: 10px; padding: 34px; }
.review-item-list .item .title-div{ display: flex; align-items: flex-start; gap: 20px; }
.review-item-list .item .title-div .title{ flex-grow: 1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;  word-break: break-word; font-size: 22px; font-weight: 700; }
.review-item-list .item .img-div{ margin-top: 10px; border: 1px solid #E4E4E4; aspect-ratio: 280/211; background-size: cover; background-repeat: no-repeat; background-position: center; }
.review-item-list .item .name-div{ margin-top: 10px; display: flex; gap: 10px; align-items: center; justify-content: space-between; }
.review-item-list .item .name-div .id{ font-size: 14px; color: #7f7f7f; }
.review-item-list .item .name-div .more{ font-size: 18px; color: #1E2A5E; font-weight: 600; }

@media screen and (max-width: 1250px) {
    .review-item-list .item .title-div .title{ font-size: 20px; }
}
@media screen and (max-width: 950px) {
    .review-item-list .item .title-div .title{ font-size: 18px; }
}
@media screen and (max-width: 650px) {
    .review-item-list .item{ padding: 30px 20px; }
    .review-item-list .item .title-div .title{ font-size: 16px; }
    .review-item-list .item .name-div .more{ font-size: 16px; }
}

/* .footer-banner-section */
.footer-banner-section{ padding: 100px 0; color: #fff; background: linear-gradient(101deg, rgba(30, 42, 94, 0.00) 46.6%, #1E2A5E 97.9%), #222; }
.footer-banner-section .mo-br{ display: none; }
.footer-banner-section .content{ line-height: 1.25em; margin-top: 20px; font-size: 22px; text-align: center; }
.footer-banner-section .btn-div{ margin-top: 20px; display: flex; align-items: center; justify-content: center; }
.footer-banner-section .btn-div .border-box{ animation:borderRotate var(--d) linear infinite; border:1px solid transparent;border-radius:10px;  background: linear-gradient(#000,#000) padding-box,  conic-gradient(  from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn,  var(--c2) 0.25turn ) border-box;}
.footer-banner-section .btn-div .btn-text{ border-radius: 10px; text-align: center; position: relative; overflow: hidden; display: block; width: 304px; max-width: 100%; padding: 15px 10px; }
.footer-banner-section .btn-div .btn-text .text{ position: relative; z-index: 2; }
.footer-banner-section .btn-div .btn-text .bg{ position: absolute; transition: width .2s; left: 0; top: 0; width: 0; height: 100%; background-color: #fff; }
.footer-banner-section .btn-div .btn-text:hover .text{ color: #222; }
.footer-banner-section .btn-div .btn-text:hover .bg{ width: 100%; }


@media screen and (max-width: 1250px) {
    .footer-banner-section .content{ font-size: 20px; }
    .footer-banner-section .btn-div .btn-text{ width: 200px; }
}
@media screen and (max-width: 950px) {
    .footer-banner-section .content{ font-size: 18px; }
}
@media screen and (max-width: 650px) {
    .footer-banner-section .mo-br{ display: inline-block; }
    .footer-banner-section .content{ line-height: 1.5em; font-size: 16px; }
    .footer-banner-section .btn-div .btn-text{ width: 150px; font-size: 14px; padding: 10px 5px; border-radius: 5px; }
}

/* .floating-menu */
.floating-menu{ padding: 6px; position: fixed; right: 20px; bottom: 10%; z-index: 99; background: rgba(0, 0, 0, 0.20); border-radius: 10px; }
.floating-menu > li + li{ margin-top: 6px; }
.floating-menu .border-box{ animation:borderRotate var(--d) linear infinite; border:2px solid transparent;border-radius:14px;  background: linear-gradient(#000,#000) padding-box,  conic-gradient(  from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn,  var(--c2) 0.25turn ) border-box; }
.floating-menu .item{ font-size: 13px; font-weight: 600; color: #fff; width: 75px; height: 75px; border-radius: 10px; background-color: #1E2A5F; padding: 10px 5px; display: flex; flex-direction: column; gap: 10px; align-items: center; justify-content: center; }
.floating-menu .item .icon-div{ width: 25px; height: 25px; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.floating-menu .item.kakao{ background-color: #F6DF21; color: #3B1E1E; }
.floating-menu .item.naver{ background-color: #03C75A; }

@media screen and (max-width: 1519px) {
    .floating-menu{ right: 10px; bottom: 10%; }
    .floating-menu .item{ gap: 5px; width: 75px; height: 75px; }
    .floating-menu .item .icon-div{ width: 30px; height: 30px; }
    .floating-menu .item .title{ font-size: 12px; }
}
@media screen and (max-width: 1250px) {
    .floating-menu{ right: 5px; bottom: 10%; }
}
@media screen and (max-width: 950px) {
    .floating-menu{ right: 5px; bottom: 10%; }
    .floating-menu .border-box{ border-radius: 12px; border-width: 1px; }
    .floating-menu .item{ width: 40px; height: 40px; }
    .floating-menu .item .title{ display: none; }
}
@media screen and (max-width: 650px) {
    .floating-menu{ right: 5px; bottom: 10%; }
}

/* .sub .sub-content */
.sub .sub-content{ margin-top: 26px; font-size: 18px; line-height: 1.5em; }
.sub .sub-content.center{ word-break: keep-all; text-align: center; }
@media screen and (max-width: 650px) {
    .sub .sub-content{ font-size: 16px; }
}


/* .sub .text-flow-section */
.sub .visual-section{ padding: 100px 0 50px 0; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; background: linear-gradient(91deg, rgba(34, 34, 34, 0.00) 0%, #222 100%), #162D38; }
.sub .visual-section h4{ font-size: 18px; font-weight: 700; color: #fff; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #FFF; }
.sub .visual-section .inner{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sub .visual-section .sub-title{ margin-top: 26px; color: #fff; }
/* .sub .visual-section .sub-title b{ color: #FEF3C7; }  */
.sub .visual-section .sub-title b.yellow{ color: #FEF3C7; }
.sub .visual-section .sub-content{ font-size: 20px; color: #fff; }
.sub .visual-section .sub-content b{ font-size: 18px; }
.sub .visual-section .btn-wrap{ margin-top: 40px; width: 100%; }
.sub .visual-section .btn-wrap .item .text{ display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; }
.sub .visual-section .text-flow-section{  margin-top: 100px;  width: 100%; overflow: hidden; --flow-img-h: 43px; }
.sub .visual-section .text-flow-section .text-flow-slider{ display: block; width: 100%; }
.sub .visual-section .text-flow-section .slick-list{ overflow: hidden; }
.sub .visual-section .text-flow-section .slick-track{ display: block; }
.sub .visual-section .text-flow-section .slick-slide{ float: left; height: auto; margin-right: 50px; }
/* slick-text.svg 가로 2벌 → 왼쪽 절반만 노출 */
.sub .visual-section .text-flow-section .slide{
    overflow: hidden;
    width: calc(2190 / 43 * var(--flow-img-h) / 2);
}
.sub .visual-section .text-flow-section .slide img{ display: block; height: var(--flow-img-h); width: auto; max-width: none; }
.sub .visual-section .mo-br{ display: none; }
@media screen and (max-width: 950px) {
    .sub .visual-section .text-flow-section{ --flow-img-h: 32px; }
    .sub .visual-section .text-flow-section .slick-slide{ margin-right: 30px; }
}
@media screen and (max-width: 650px) {
    .sub .visual-section h4{ font-size: 14px; padding-bottom: 15px; margin-bottom: 30px; }
    .sub .visual-section .mo-br{ display: inline-block; }
    .sub .visual-section .sub-content{ font-size: 16px; }
    .sub .visual-section .text-flow-section{ margin-top: 60px; --flow-img-h: 28px; }
    .sub .visual-section .text-flow-section .slick-slide{ margin-right: 24px; }
}

/* .sub .ceo-section */
.sub.ceo-message .ceo-section{ padding: 100px 0; background-image: url('../img/sub/produce/ceo-message/ceo-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.ceo-message .ceo-section .content-wrap{ gap: 80px; display: flex; align-items: flex-end; padding: 30px; padding-bottom: 0; background-color: #fff; background-image: url('../img/sub/produce/ceo-message/ceo-section/content-bg.png'); background-size: 234px; background-repeat: no-repeat; background-position: right 30px top 30px; }
.sub.ceo-message .ceo-section .content-wrap .mo-br{ display: none; }
.sub.ceo-message .ceo-section .content-wrap .ceo-div{ display: flex; align-items: center; justify-content: center; width: 383px; flex-shrink: 0; }
.sub.ceo-message .ceo-section .content-wrap .ceo-div .ceo-img{ width:100%; width: 150%; }
.sub.ceo-message .ceo-section .content-wrap .ceo-content{ padding-bottom: 60px; flex-grow: 1;  }
.sub.ceo-message .ceo-section .content-wrap .ceo-content .title{ font-size: 32px; font-weight: 600; padding-left: 10px; border-left: 4px solid #1E2A5E; }
.sub.ceo-message .ceo-section .content-wrap .ceo-content .content{ word-break: keep-all; margin-top: 40px; line-height: 1.5em; }
.sub.ceo-message .ceo-section .content-wrap .ceo-content .sign-wrap{ margin-top:32px; display: flex; gap: 14px; }
.sub.ceo-message .ceo-section .content-wrap .ceo-content .sign-wrap .text-wrap .position{ font-size: 20px; }
.sub.ceo-message .ceo-section .content-wrap .ceo-content .sign-wrap .text-wrap .name{ font-weight: 600; font-size: 28px; }
.sub.ceo-message .ceo-section .content-wrap .ceo-content .sign-wrap .sign{ width: 114px; }

@media screen and (max-width: 1250px) {
    .sub.ceo-message .ceo-section .content-wrap{ gap: 40px; background-size: 100px; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content .title{ font-size: 28px; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content .content br{ display: none; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content .content br.mo-br{ display: inline-block; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content .sign-wrap .text-wrap .position{ font-size: 18px; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content .sign-wrap .text-wrap .name{ font-size: 25px; }

}
@media screen and (max-width: 950px) {
    .sub.ceo-message .ceo-section .content-wrap{ align-items: center; flex-direction: column-reverse; gap: 40px; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-div .ceo-img{ width: 120%; margin-left: -11%; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content{ padding-bottom: 0; }
}
@media screen and (max-width: 650px) {
    .sub.ceo-message .ceo-section{ padding: 50px 0; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content .title{ font-size: 20px; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content .sign-wrap .text-wrap .position{ font-size: 14px; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content .sign-wrap .text-wrap .name{ font-size: 20px; }
    .sub.ceo-message .ceo-section .content-wrap .ceo-content .sign-wrap .sign{ width: 76px; }
}

/* .sub.ceo-message .board-section */
.sub.ceo-message .board-section{ padding: 100px 0; background-image: url('../img/sub/produce/ceo-message/board-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.ceo-message .board-section .small-title{ text-align: center; font-size: 24px; font-weight: 700; }
.sub.ceo-message .board-section .sub-title{ margin-top: 7px; }
.sub.ceo-message .board-section .mo-br{ display: none; }
.sub.ceo-message .board-section .sub-title b{ color: #263685; }
.sub.ceo-message .board-section .bg-title{ font-size: 22px; background-image: url('../img/sub/produce/ceo-message/board-section/title-bg.png'); color: #fff; font-weight: 600; text-align: center; background-color: rgba(23, 33, 77, 1); margin-top: 40px; padding: 15px 10px; }
.sub .board-section .news-list{ margin-top: 10px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.sub .board-section .news-list > li{ display: flex; flex-direction: column; gap: 5px; align-items: flex-start; }
.sub .board-section .news-list > li > a{ flex-grow: 1; display: block; width: 100%; }
.sub .board-section .news-list input[type="checkbox"]{ margin-top: 10px; display: block; }
.sub .board-section .news-list .item{ width: 100%; display: flex; flex-direction: column; height: 100%; position: relative; overflow: hidden; box-shadow: 6px 9px 10px 0 rgba(0, 0, 0, 0.15); background-color: #fff; border-radius: 10px; }
.sub .board-section .news-list .item .grow{ flex-grow: 1; }
.sub .board-section .news-list .item .img-div{ background-color: #222; aspect-ratio: 290/190; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .board-section .news-list .item .text-box{ flex-grow: 1; display: flex; flex-direction: column; padding: 18px;  }
.sub .board-section .news-list .item .text-box .title{ line-height:1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;  word-break: break-word;  font-size: 18px; font-weight: 700; }
.sub .board-section .news-list .item .text-box .content{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-word; line-height: 1.5em; color: #7A7A7A; margin-top: 10px; }
.sub .board-section .news-list .item .text-box .date{  border-top: 1px solid rgba(54, 54, 54, .1); padding-top: 10px; margin-top: 10px; font-size: 14px; color: #7A7A7A; }
.sub .all-check{ width: 100%; margin: 20px 0; display: flex; align-items: center; gap: 5px; font-size: 14px; color: #7A7A7A; }

.sub.ceo-message .board-section .more-btn{ display: block; margin-top: 30px; width: 100%; border-radius: 100px; border: none; text-align: center; line-height: 2em; padding: 12px 10px; max-width: 268px; background-color:#17214D; color: #fff; font-weight: 600; box-shadow: 7px 11px 11px 0 rgba(0, 0, 0, 0.25); backdrop-filter: blur(2px); }

@media screen and (max-width: 1250px) {
    .sub.ceo-message .board-section .small-title{ font-size: 20px; }
    .sub.ceo-message .board-section .bg-title{ margin-top: 20px; padding: 10px; font-size: 20px; }
}
@media screen and (max-width: 950px) {
    .sub .board-section .news-list{ grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 650px) {
    .sub.ceo-message .board-section{ padding: 50px 0; }
    .sub.ceo-message .board-section .small-title{ font-size: 18px; }
    .sub.ceo-message .board-section .bg-title{ font-size: 18px; }
    .sub .board-section .news-list{ gap: 10px; }
    .sub .board-section .news-list .item{ border-radius: 5px; }
    .sub .board-section .news-list .item .text-box{ padding: 15px; }
    .sub .board-section .news-list .item .text-box .title{ font-size: 16px; }
    .sub .board-section .news-list .item .text-box .content{ font-size: 14px; }
    .sub.ceo-message .board-section .more-btn{ padding: 5px 10px; }
}

/* .sub.about-daeon */
.sub.about-daeon .result-section{ color: #fff; padding: 50px 0; background: linear-gradient(91deg, rgba(34, 34, 34, 0.00) 0%, #222 100%), #162D38; }
.sub.about-daeon .result-section .half-box{ display: flex; justify-content: space-between; gap: 20px; }
.sub.about-daeon .result-section .half-box .left-box{ flex-grow: 1; }
.sub.about-daeon .result-section .half-box .right-box{ flex-shrink: 0; }
.sub.about-daeon .result-section .half-box .right-box .img-div{ /* aspect-ratio: 592/338;  */ border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; width: 592px; height: 100%; }

@media screen and (max-width: 1250px) {
    .sub.about-daeon .result-section .half-box .right-box{ width: 50%; }
    .sub.about-daeon .result-section .half-box .right-box .img-div{ width: 100%; }
}
@media screen and (max-width: 950px) {
    .sub.about-daeon .result-section .half-box { flex-direction: column; }
    .sub.about-daeon .result-section .half-box .right-box{ width: 100%; }
    .sub.about-daeon .result-section .half-box .right-box .img-div{ aspect-ratio: 592/338; border-radius: 15px; }
}
@media screen and (max-width: 650px) {
    .sub.about-daeon .result-section .half-box{ gap: 40px; }
}


/* .sub.about-daeon .different-section */
.sub.about-daeon .different-section{ padding: 100px 0; background-image: url('../img/sub/produce/about-daeon/different-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.about-daeon .different-section .item-list{ margin-top: 20px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 16px; }
.sub.about-daeon .different-section .item-list .item{ height: 100%; position: relative; overflow: hidden; box-shadow: 3px 9px 10px 0 rgba(23, 33, 77, 0.25); padding: 42px 10px; text-align: center; display: flex; flex-direction: column; gap: 5px; align-items: center; justify-content: center; color: #fff; background-color: #17214D; border-radius: 4px; }
.sub.about-daeon .different-section .item-list .item .icon{ margin-bottom: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; aspect-ratio: 1/1; width: 36px; }
.sub.about-daeon .different-section .item-list .item .title{ font-size: 22px; font-weight: 600; word-break: keep-all; }
.sub.about-daeon .different-section .item-list .item .sub-content{ word-break: keep-all; margin-top: 0; }

@media screen and (max-width: 1250px) {
    .sub.about-daeon .different-section .item-list{ gap: 10px; }
}
@media screen and (max-width: 950px) {
    .sub.about-daeon .different-section .item-list .item .title{ font-size: 18px; }
    .sub.about-daeon .different-section .item-list .item .sub-content br{ display: none; }
}
@media screen and (max-width: 650px) {
    .sub.about-daeon .different-section{ padding: 50px 0; }
    .sub.about-daeon .different-section .item-list{ grid-template-columns: repeat(1,1fr); }
    .sub.about-daeon .different-section .item-list .item{ padding: 20px 10px; }
    .sub.about-daeon .different-section .item-list .item .icon{ width: 25px; }
}

/* .sub .sub-bar-title */
.sub .sub-bar-title{ border-left: 4px solid #1E2A5E; padding-left: 15px; font-size: 32px; font-weight: 600; }

@media screen and (max-width: 1250px) {
    .sub .sub-bar-title{ font-size: 28px; }
}
@media screen and (max-width: 950px) {
    .sub .sub-bar-title{ font-size: 24px; }
}
@media screen and (max-width: 650px) {
    .sub .sub-bar-title{ font-size: 20px; }
}

/* .sub .sub-btn-div */
.sub .sub-btn-div{ width: 100%; margin-top: 30px; text-align: center; }
.sub .sub-btn-div .btn-item{ line-height: 1.5em; display: inline-block; padding: 13px 10px; width: 100%; max-width: 314px; background-color: #283149; color: #fff; border-radius: 4px; font-size: 18px; font-weight: 600; }

@media screen and (max-width: 1250px) {
}
@media screen and (max-width: 950px) {
}
@media screen and (max-width: 650px) {
    .sub .sub-btn-div .btn-item{ font-size: 16px; max-width: unset; }
}


/* .sub .sub-new-section */
.sub .sub-new-section{ padding: 50px 0; background-color: #F6F7F9; }
.sub .sub-new-section .item-list{ margin-top: 20px; }
.sub .sub-new-section .item-list > li + li{ margin-top: 10px; }
.sub .sub-new-section .item-list .item{ border-radius:10px; padding: 24px 42px; display:flex; align-items:center; justify-content: space-between; background-color: #fff; gap: 20px; }
.sub .sub-new-section .item-list .item .title{ font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-word; font-size: 18px; line-height: 1.5em; }
.sub .sub-new-section .item-list .item .date{ flex-shrink: 0; color: #7A7A7A; }

@media screen and (max-width: 1250px) {
    .sub .sub-new-section .item-list .item{ padding: 20px 30px; }
}
@media screen and (max-width: 950px) {
    .sub .sub-new-section .item-list .item{ padding: 15px 20px; }
}
@media screen and (max-width: 650px) {
    .sub .sub-new-section .item-list .item{ padding: 10px 15px; }
    .sub .sub-new-section .item-list .item .title{ font-size: 16px; }
    .sub .sub-new-section .item-list .item .date{ font-size: 14px; }
}

/* .sub .main .case-section */
.sub .main .case-section{ background: #FFF; }
.sub .main .case-section .sub-bar-title{ width: 100%; }
.sub .main .case-section .slide-wrap{ margin-top: 80px; }
@media screen and (max-width: 650px) {
    .sub .main .case-section .slide-wrap{ margin-top: 40px; }
}

/* .sub.location .location-section */
.sub.location .location-section{ padding: 100px 0; background-image:url('../img/sub/produce/location/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.location .location-section .sub-bar-title{ color: #1E2A5E; }
.sub.location .location-section .conent-wrap{ background-color: #F6F7F9; padding: 50px; }
.sub.location .location-section .conent-wrap .sub-content{ margin-top: 0; }
.sub.location .location-section .conent-wrap .space-box{ padding: 20px 0; border-bottom: 1px solid #D9D9D9; display: flex; align-items: flex-start; justify-content: space-between; }
.sub.location .location-section .conent-wrap .space-box .subway{ display: flex; align-items: center; gap: 10px; }
.sub.location .location-section .conent-wrap .space-box .subway .icon{ width: 20px; }
.sub.location .location-section .conent-wrap .info-wrap{ margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px; }
.sub.location .location-section .conent-wrap .info-wrap .info{ margin-right: 30px; display: flex; align-items: center; gap: 10px; }
.sub.location .location-section .conent-wrap .info-wrap .info .label{  }
.sub.location .location-section .conent-wrap .info-wrap .info .text{ font-weight: 600; color: #1E2A5E; }
.sub.location .location-section .map-wrap{ border-top: 4px solid #1E2A5E; border-bottom: 4px solid #1E2A5E; height: 470px; }

@media screen and (max-width: 1250px) {
    .sub.location .location-section .conent-wrap{ padding: 40px; }
}
@media screen and (max-width: 950px) {
    .sub.location .location-section .conent-wrap{ padding: 30px; }
}
@media screen and (max-width: 650px) {
    .sub.location .location-section{ padding: 50px 0; }
    .sub.location .location-section .conent-wrap{ padding: 20px; }
    .sub.location .location-section .conent-wrap .info-wrap{ gap: 10px; }
    .sub.location .location-section .conent-wrap .space-box{ flex-direction: column; gap: 10px; }
    .sub.location .location-section .map-wrap{ height: 70vw; }
}

/* .sub.our-team .lawyer-flow-section */
.sub .visual-section .lawyer-flow-section{ margin-top: 40px; width: 100%; overflow: hidden; }
.sub .visual-section .lawyer-flow-section .lawyer-flow-slider{ display: block; width: 100%; }
.sub .visual-section .lawyer-flow-section .slick-list{ overflow: hidden; }
.sub .visual-section .lawyer-flow-section .slick-track{ display: block; }
.sub .visual-section .lawyer-flow-section .slick-slide{ float: left; height: auto; margin-right: 20px; }
.sub .visual-section .lawyer-flow-section .slide{ position: relative; width: 293px; }
.sub .visual-section .lawyer-flow-section .slide .lawyer-bg-div{ overflow:hidden; position: relative; width: 293px; aspect-ratio: 293/394; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 7px; }
.sub .visual-section .lawyer-flow-section .slide .lawyer-img-div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center bottom; transform-origin: center bottom; transition: transform 0.5s; }
.sub .visual-section .lawyer-flow-section .slide:hover .lawyer-img-div{ transform: scale(1.05); }
@media screen and (max-width: 650px) {
    .sub .visual-section .lawyer-flow-section .slide,
    .sub .visual-section .lawyer-flow-section .slide .lawyer-bg-div{ width: 150px; }
    .sub .visual-section .lawyer-flow-section .slick-slide{ margin-right: 12px; }
}


/* .sub.our-team .lawyer-list-section */
.sub .lawyer-list-section{ padding: 50px 0; }
.sub .lawyer-list-section .lawyer-list{ margin-top: 60px; }
.sub .lawyer-list-section .lawyer-list > li{ display: flex; flex-direction: column; position: relative; }
.sub .lawyer-list-section .lawyer-list input[type="checkbox"]{ position: absolute; z-index: 2; left: 0; top: 0; }
.sub .lawyer-list-section .lawyer-list .item{ flex-grow: 1; display: flex; gap: 80px; padding: 70px 0; border-bottom: 1px solid #CCC; }
.sub .lawyer-list-section .lawyer-list .item .img-div-wrap{ position: relative; position: relative; flex-shrink: 0; }
.sub .lawyer-list-section .lawyer-list .item .img-div-wrap::before{ content:''; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../img/sub/our-team/visual-section/circle.png'); display: block; width: 300px; height: 300px; position: absolute; left: -150px; top: -120px; }
.sub .lawyer-list-section .lawyer-list .item .img-div-wrap .img-div{ display: block; position: relative; z-index: 1; width: 290px; aspect-ratio: 290/390; background: linear-gradient(180deg, #2B2E33 0%, #162D38 100%); border-radius: 4px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .lawyer-list-section .lawyer-list .item .img-div-wrap .img-div .lawyer-div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .lawyer-list-section .lawyer-list .item .more-btn{ line-height: 1.5em; box-shadow: 7px 11px 11px 0 rgba(0, 0, 0, 0.25); display: block; margin-top: 18px; padding: 12px 10px; text-align: center; background-color: #283149; border-radius: 100px; color: #fff; }
.sub .lawyer-list-section .lawyer-list .item .more-btn.mo{ display: none; }
.sub .lawyer-list-section .lawyer-list .item .content-div{ display: flex; flex-direction: column; font-family: 'S-Core Dream'; flex-grow: 1;  }
.sub .lawyer-list-section .lawyer-list .item .content-div .en{ font-family: 'Pretendard'; color: #283149; font-size: 26px; font-weight: 700; color: #1E2A5E; }
.sub .lawyer-list-section .lawyer-list .item .content-div .name{ word-break: keep-all; margin-top: 10px; font-size: 36px; }
.sub .lawyer-list-section .lawyer-list .item .content-wrap{ margin-top: 20px; display: flex; flex-wrap: wrap; gap: 20px; }
.sub .lawyer-list-section .lawyer-list .item .content-wrap .item-div{ font-weight: 300; width: calc(50% - 10px); }
.sub .lawyer-list-section .lawyer-list .item .content-wrap .item-div .title{ font-size: 30px; font-weight: 600; color: #283149; }
.sub .lawyer-list-section .lawyer-list .item .content-wrap .item-div .content{ line-height: 1.5em; margin-top: 10px; font-size: 18px; }
.sub .lawyer-list-section .lawyer-list .item .content-wrap .item-div .content p + p{ margin-top: 5px; }
.sub .lawyer-list-section .lawyer-list .item .content-wrap .item-div.full{ width: 100%; }
.sub .lawyer-list-section .lawyer-list .item .category{ margin-top: 10px; font-size: 18px;font-weight: 500; }

.sub .lawyer-list-section .lawyer-list .item .content-wrap .bullet-list .bullet-item{ position: relative; padding-left: 20px; }
.sub .lawyer-list-section .lawyer-list .item .content-wrap .bullet-list .bullet-item + .bullet-item{ margin-top: 5px; }
.sub .lawyer-list-section .lawyer-list .item .content-wrap .bullet-list .bullet-item .dot{ position: absolute; left: 0; top: 0; }

@media screen and (max-width: 1250px) {
    .sub .lawyer-list-section .lawyer-list{ margin-top: 50px; }
    .sub .lawyer-list-section .lawyer-list .item{ gap: 40px; }
    .sub .lawyer-list-section .lawyer-list .item .content-div .en{ font-size: 20px; }
    .sub .lawyer-list-section .lawyer-list .item .content-div .name{ font-size: 26px; }
    /* .sub .lawyer-list-section .lawyer-list .item .content-wrap .item-div{ width: 100%; } */
    .sub .lawyer-list-section .lawyer-list .item .content-wrap .item-div .title{ font-size: 24px; }
    .sub .lawyer-list-section .lawyer-list .item .content-wrap .item-div .content{ font-size: 16px; }
    .sub .lawyer-list-section .lawyer-list >li:first-child .item{ padding-top: 0; }
    .sub .lawyer-list-section .lawyer-list .item .category{ font-size: 16px; }
}
@media screen and (max-width: 850px) {
    .sub .lawyer-list-section .lawyer-list { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; }
    .sub .lawyer-list-section .lawyer-list .item .content-div a.text{ flex-grow: 1; }
    .sub .lawyer-list-section .lawyer-list .item{ gap: 15px; padding-top: 0; padding-bottom: 20px; flex-direction: column; }
    .sub .lawyer-list-section .lawyer-list .item .img-div-wrap{ display: flex; align-items: center; align-items: center; justify-content: center; flex-direction: column; }
    .sub .lawyer-list-section .lawyer-list .item .img-div-wrap::before{ display: none; }
    .sub .lawyer-list-section .lawyer-list .item .content-wrap{ display: none; }
    .sub .lawyer-list-section .lawyer-list .item .content-wrap .item-div{ width: 100%; }
    .sub .lawyer-list-section .lawyer-list .item .img-div-wrap .img-div{ width: 100%; max-width: 500px; }
    .sub .lawyer-list-section .lawyer-list .item .img-div-wrap .more-btn{ margin-top: 10px; width: 100%; }
    .sub .lawyer-list-section .lawyer-list .item .more-btn{ font-size: 14px; padding: 7px; margin-top:10px; }
}
@media screen and (max-width: 650px) {
    .sub .lawyer-list-section .lawyer-list{ grid-gap: 10px; }
    .sub .lawyer-list-section .lawyer-list .item .img-div-wrap .more-btn{ font-size: 16px; padding: 10px; }
    .sub .lawyer-list-section .lawyer-list .item .content-div .en{ font-size: 18px; }
    .sub .lawyer-list-section .lawyer-list .item .content-div .name{ margin-top:0; font-size: 16px; }
    .sub .lawyer-list-section .lawyer-list .item .content-div .name b{ display: block; }
    .sub .lawyer-list-section .lawyer-list .item .more-btn.pc{ display: none; }
    .sub .lawyer-list-section .lawyer-list .item .more-btn.mo{ display: block; }
    .sub .lawyer-list-section .lawyer-list .item .category{ font-size: 12px; }
}

.sub .lawyer-list-section .lawyer-list + .sub-title{ margin-top: 50px; }
.sub .lawyer-list-section .counsel-list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px; margin-top: 60px; }
.sub .lawyer-list-section .counsel-list .item{ background-color: #F5F5F5; }
.sub .lawyer-list-section .counsel-list .item .img-div{ display: flex; align-items: flex-end; justify-content: center; position: relative; aspect-ratio: 1/1; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .lawyer-list-section .counsel-list .item .img-div .counsel-div{ position: absolute; width: 80%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub .lawyer-list-section .counsel-list .item .text-div{ padding: 10px 20px; }
.sub .lawyer-list-section .counsel-list .item .text-div .name-div b{ font-weight: 700; font-size: 28px; }
.sub .lawyer-list-section .counsel-list .item .text-div .name-div .small{ color: #7F7F7F; padding-left: 10px; }
.sub .lawyer-list-section .counsel-list .item .text-div .hashtag{ margin:10px 0 5px 0; word-break: keep-all; font-size: 14px; }

@media screen and (max-width: 1250px) {
    .sub .lawyer-list-section .counsel-list { margin-top: 50px; }
    .sub .lawyer-list-section .counsel-list .item .text-div .name-div b{ font-size: 24px; }
}
@media screen and (max-width: 950px) {
    .sub .lawyer-list-section .counsel-list{ grid-template-columns: repeat(2,1fr); }
}
@media screen and (max-width: 650px) {
    .sub .lawyer-list-section .counsel-list .item .text-div{ padding: 10px 15px; }
    .sub .lawyer-list-section .counsel-list .item .text-div .name-div b{ font-size: 20px; }
    .sub .lawyer-list-section .counsel-list .item .text-div .name-div .small{ font-size: 14px; }
    .sub .lawyer-list-section .counsel-list .item .text-div .hashtag{ margin: 5px 0; font-size: 12px; }
}


/* .sub.our-team-detail */
.sub.our-team-detail .visual-section{ position: relative; min-height: unset; height: 585px; }
.sub.our-team-detail .visual-section .lawyer-wrap{ pointer-events: none; z-index: 2; position: absolute; bottom: 0; display: flex; align-items: center; gap: 20px; }
.sub.our-team-detail .visual-section .lawyer-wrap .lawyer-img{ pointer-events: none; user-select: none; -webkit-user-drag: none; /*aspect-ratio: 112/143;*/ width: 383px; }
.sub.our-team-detail .visual-section .lawyer-content-div{ width: 100%; color: #fff; z-index:1;  position: absolute; left: 0; bottom: 0; }
.sub.our-team-detail .visual-section .lawyer-content-div .name{ width: 100%; color: #FEF3C7; padding: 10px 0; padding-left: 800px;  }
.sub.our-team-detail .visual-section .lawyer-content-div .name b{ font-size: 2em; margin-right: 10px; }
.sub.our-team-detail .visual-section .lawyer-content-div .bg-text{ width: 100%; background-color: #283149;padding: 10px 0;}
.sub.our-team-detail .visual-section .lawyer-content-div .bg-text .text{ padding-left: 800px; width: 100%; }

@media screen and (max-width: 1250px) {
    .sub.our-team-detail .visual-section .lawyer-wrap{ right: 30px; }
    .sub.our-team-detail .visual-section .lawyer-content-div .name{ padding-left: 0; }
    .sub.our-team-detail .visual-section .lawyer-content-div .bg-text .text{ padding-left: 0; }
}
@media screen and (max-width: 950px) {
    .sub.our-team-detail .visual-section{ height: 71vw; }
    .sub.our-team-detail .visual-section .lawyer-wrap{ width:100%; pointer-events: none; justify-content: flex-end; }
    .sub.our-team-detail .visual-section .lawyer-wrap .lawyer-img{ max-width: 400px; width: calc(100% - 300px); }

    .sub.our-team-detail .visual-section .lawyer-content-div .bg-text .text{ padding-right: 400px; }
    .sub.our-team-detail .visual-section .lawyer-content-div .name{ padding-right: 400px; }


}
@media screen and (max-width: 650px) {
    .sub.our-team-detail .visual-section{ height: 95vw; }
    .sub.our-team-detail .visual-section .lawyer-wrap{  pointer-events: none; right: -5%; bottom: -50px; }
    .sub.our-team-detail .visual-section .lawyer-wrap .lawyer-img{ width: calc(100% - 180px); }
    .sub.our-team-detail .visual-section .lawyer-content-div .name{ padding-right: 0; }
    .sub.our-team-detail .visual-section .lawyer-content-div .bg-text .text{ position:relative; z-index: 4; font-size:14px; padding-right: 0; }

}

.sub .bg-title{ padding: 10px 15px; background-color: #283149; color: #fff; font-size: 22px; font-weight: 700; }
.sub .bg-title.type2{ background-color: transparent; padding-left: 0; padding-right: 0; color: #1E2A5E; font-family: 'S-Core Dream'; }

@media screen and (max-width: 1250px) {
    .sub .bg-title{ font-size: 18px; }
}
@media screen and (max-width: 650px) {

}

/* .sub.our-team-detail .lawyer-content-section */
.sub.our-team-detail .lawyer-content-section{ padding: 50px 0 100px 0; }
.sub.our-team-detail .lawyer-content-section .inner{ display: flex; gap: 36px; }
.sub.our-team-detail .lawyer-content-section .content-box{ flex-grow: 1; }
.sub.our-team-detail .lawyer-content-section .review-box{ flex-shrink: 0; width: 456px; }
.sub.our-team-detail .lawyer-content-section .real-box + .real-box{ margin-top: 30px; }
.sub.our-team-detail .lawyer-content-section .real-box .content{ margin-top: 10px; font-size: 18px; line-height: 1.8em; }
.sub.our-team-detail .lawyer-content-section .real-box .content .bullet-item{ display: flex; align-items: flex-start; gap: 10px; }
.sub .bottom-bar-title{ color: #283149; padding: 10px 0; border-bottom: 2px solid #283149; font-weight: 600; font-size: 22px; font-weight: 700; }
.sub .bottom-bar-title.space-between{ align-items: flex-end; display: flex; justify-content: space-between; gap: 10px; }
.sub .bottom-bar-title.space-between .more-btn{ color: #7f7f7f; font-size: 16px; }
.sub.our-team-detail .lawyer-content-section .review-box .skyblue-box{ margin-top: 16px; padding: 15px; background-color: #F4F7FF; font-size: 18px; line-height: 1.5em;  }
.sub.our-team-detail .lawyer-content-section .review-box .skyblue-box .link{ display: block; position: relative; padding-left: 15px; }
.sub.our-team-detail .lawyer-content-section .review-box .skyblue-box .link::before{ content:'・'; position: absolute; left: 0; top: 0; }
.sub.our-team-detail .lawyer-content-section .review-box .skyblue-box p + p{ margin-top: 5px; }


@media screen and (max-width: 1250px) {
    .sub.our-team-detail .lawyer-content-section .inner{ flex-direction: column; gap: 20px; }
    .sub.our-team-detail .lawyer-content-section .review-box{ width: 100%; }
    .sub.our-team-detail .lawyer-content-section .real-box .content{ font-size: 16px; }
    .sub.our-team-detail .lawyer-content-section .review-box .skyblue-box{ font-size: 16px; }
}
@media screen and (max-width: 950px) {
    .sub.our-team-detail .lawyer-content-section .inner{ flex-direction: column; gap: 20px; }
    .sub.our-team-detail .lawyer-content-section .review-box{ width: 100%; }
}
@media screen and (max-width: 650px) {
    .sub.our-team-detail .lawyer-content-section .inner{ flex-direction: column; gap: 20px; }
    .sub.our-team-detail .lawyer-content-section .review-box{ width: 100%; }
    .sub .bottom-bar-title{ font-size: 20px; }
}

/* .sub.our-team-detail .main .case-section */
.sub.our-team-detail .main .case-section{ background: #fff; }
.sub .main .case-section .case-list{ width: 100%; max-width: 100%; margin-top: 50px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 58px; }
.sub .main .case-section .case-item-list > li{ min-width:0; position: relative; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; }
.sub .main .case-section .case-item-list > li > a{ width: 100%; }
.sub .main .case-section .case-item-list input[type="checkbox"]{ position: absolute; right: 0; top: 0; z-index: 2; }

@media screen and (max-width: 1250px) {
    .sub .main .case-section .case-list{ grid-gap: 30px; }
}
@media screen and (max-width: 950px) {
    .sub .main .case-section .case-list{ grid-template-columns: repeat(2,1fr); }
}
@media screen and (max-width: 650px) {
    .sub .main .case-section .case-list{ grid-gap: 10px; }
    .sub .main .case-section .case-item-list .item .img-div .label{ width: 50%; font-size: 4.5vw; padding: 3vw; }
    .sub.field-of-work .main .case-section .case-item-list .item .img-div .label{ width: 48vw; font-size: 4.5vw; }
}
@media screen and (max-width: 415px) {
    .sub .main .case-section .case-list{ grid-template-columns: repeat(1,1fr); }
    .sub .main .case-section .case-item-list .item .img-div .label{ width: 50%; padding: 2.5vw; }
    /* .sub.field-of-work .main .case-section .case-item-list .item .img-div .label{ font-size: 2.5vw; } */
}

/* .sub .sub-banner-section */
.sub .sub-banner-section{ padding: 120px 0; background-size: cover; background-repeat: no-repeat; background-position: center; }
@media screen and (max-width: 650px) {
    .sub .sub-banner-section{ padding: 80px 0; }
}

/* .sub.case-result .intro-section */
.sub.case-result .intro-section{ padding: 50px 0; }
.sub.case-result .intro-section .half-box{ display: flex; gap: 40px; }
.sub.case-result .intro-section .half-box .content-box{ flex-grow: 1; }
.sub.case-result .intro-section .half-box .item-list .item{ padding: 35px 0; display: flex; align-items: center; gap: 18px; }
.sub.case-result .intro-section .half-box .item-list .item .icon-box{ width: 42px; height: 42px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.case-result .intro-section .half-box .item-list .item .content-box .title{ font-size: 18px; font-weight: 700; }
.sub.case-result .intro-section .half-box .item-list .item .content-box .content{ color: #7F7F7F; line-height: 1.5em; margin-top: 10px; }
.sub.case-result .intro-section .half-box .item-list > li + li{ border-top: 1px solid #D9D9D9; }
.sub.case-result .intro-section .half-box .item-bg{ border-radius: 10px; flex-shrink: 0; width: 723px; background-size: cover; background-repeat: no-repeat; background-position: center; }

@media screen and (max-width: 1250px) {
    .sub.case-result .intro-section .half-box .item-bg{ width: 50vw; }
}
@media screen and (max-width: 950px) {
    .sub.case-result .intro-section .half-box{ flex-direction: column; gap: 20px; }
    .sub.case-result .intro-section .half-box .item-bg{ width: 100%; order: 1; aspect-ratio: 746/497; }
    .sub.case-result .intro-section .half-box .content-box{ order: 2; }
}
@media screen and (max-width: 650px) {
    .sub.case-result .intro-section .half-box{ flex-direction: column; gap: 20px; }
}

/* .sub.case-result .case-list-section */
.sub.case-result .case-list-section{ padding: 100px 0; }
.sub .board-title{ text-align: center; font-weight: 700; color: #283149; font-size: 32px; }
.sub .board-title.font-family-paperlogy{ font-family: 'Paperlogy'; }
.sub .board-content{ margin-top: 5px; text-align: center; font-size: 24px; color: #7f7f7f; }
.sub .tab-list{ width: 100%; margin-top: 40px; border-bottom: 1px solid #283149; display: flex; flex-wrap: wrap; }
.sub .tab-list .item{ text-align: center; min-width: 118px; padding: 10px; color: #737270; }
.sub .tab-list .item.active{ color: #283149; border-bottom: 2px solid #283149; }

@media screen and (max-width: 1250px) {
    .sub .board-title{ font-size: 28px; }
    .sub .board-content{ font-size: 20px; }
    .sub .tab-list{ margin-top: 30px; }
    .sub .tab-list .item{ min-width: 100px; padding: 10px; font-size: 16px; }
}
@media screen and (max-width: 650px) {
    .sub.case-result .case-list-section{ padding: 50px 0; }
    .sub .board-title{ font-size: 22px; }
    .sub .board-content{ font-size: 16px; }
    .sub .tab-list{ margin-top: 30px; }
    .sub .tab-list .item{ min-width: unset; padding: 10px; font-size: 14px; }
}




/* .sub.case-results-detail */
.sub .board-detail-section{ padding: 50px 0 100px 0; }
.sub .board-detail-section .prev-btn-div{ display: flex; align-items: center; justify-content: flex-start; }
.sub .board-detail-section .prev-btn-div a{ color: #7F7F7F; font-size: 14px; display: flex; align-items: center; gap: 5px; }

.sub .board-detail-section .detail-title-div{ border-top: 5px solid #909090; padding: 50px 30px; background-image:url('../img/common/board-title.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 10px; border-bottom: 1px solid #909090;}
.sub .board-detail-section .detail-title-div .category{ font-family: "S-Core Dream"; color: #7f7f7f; font-size: 20px; }
.sub .board-detail-section .detail-title-div .title{ margin: 10px 0; font-size: 30px; font-weight: 700;  }
.sub .board-detail-section .detail-title-div .result{ font-family: "S-Core Dream"; font-size: 20px; color:#17214D; }

.sub .board-detail-section .detail-half-div{ margin-top: 20px; display: flex; gap: 20px; }
.sub .board-detail-section .detail-half-div .content-wrap{ flex-grow: 1; }
.sub .board-detail-section .detail-half-div .lawyer-div{ flex-shrink: 0; width: 285px; }

.sub .board-detail-section .bottom-bar-title{ margin-top: 20px; }
.sub .board-detail-section .lawyer-div .item{ margin-top: 10px; border: 1px solid #DDD; padding: 15px 30px; display: flex; align-items: center; gap: 10px; }
.sub .board-detail-section .lawyer-div .item .profile{ border-radius: 50%; background-size: cover; background-repeat: no-repeat; background-position: center; flex-shrink: 0; width: 50px; aspect-ratio: 1/1; }
.sub .board-detail-section .lawyer-div .item .name{ font-size: 20px; }

.sub .board-detail-section .content-wrap .bg-title{ margin-top: 20px; }
.sub .board-detail-section .content-wrap .content-box{ margin-top: 20px; }
.sub .board-detail-section .content-img{ display: block; max-width: 600px; width: 100%; margin-top: 20px; }

@media screen and (max-width: 1250px) {
    .sub .board-detail-section .detail-title-div{  }
    .sub .board-detail-section .detail-title-div .category{ font-size: 18px; }
    .sub .board-detail-section .detail-title-div .title{ font-size: 24px; }
    .sub .board-detail-section .detail-title-div .result{ font-size: 18px; }
    .sub .board-detail-section .lawyer-div .item{ padding: 10px 15px; }
    .sub .board-detail-section .lawyer-div .item .profile{ width: 40px; }
    .sub .board-detail-section .lawyer-div .item .name{ font-size: 16px; }
    .sub .board-detail-section .detail-half-div .lawyer-div{ width: 240px; }
    .sub .board-detail-section .detail-half-div .content-wrap{ flex-grow: 0; }
    .sub .board-detail-section .content-wrap .content-box img{ width: 100%; height: auto; }
}
@media screen and (max-width: 950px) {
    .sub .board-detail-section .detail-half-div{ flex-direction: column; }
    .sub .board-detail-section .detail-half-div .lawyer-div{ width: 100%; }
    .sub .board-detail-section .bottom-bar-title{ margin-top: 0;  } 
}
@media screen and (max-width: 650px) {
    .sub .board-detail-section .detail-title-div{ border-top: 2px solid #909090; padding: 30px 20px; }
    .sub .board-detail-section .detail-title-div .category{ font-size: 16px; }
    .sub .board-detail-section .detail-title-div .result{ font-size: 16px; }
    .sub .board-detail-section{ padding: 50px 0 80px 0; }
}


/* .sub.customer-reviews .intro-section */
.sub.customer-reviews .intro-section{ padding: 50px 0; }
.sub.customer-reviews .intro-section .board-content{ line-height: 1.5em; font-size: 18px; margin-top: 13px; }
.sub.customer-reviews .intro-section .board-content .mo-br{ display: none; }
.sub.customer-reviews .intro-section .half-div{ background-image: url('../img/sub/customer-reviews/background-logo.png'); background-size: 310px; background-repeat: no-repeat; background-position: center; margin-top: 45px;}
.sub.customer-reviews .intro-section .half-div .img-content-div{  display: flex; align-items: center; gap: 71px;  }
.sub.customer-reviews .intro-section .half-div .img-content-div.reverse{ text-align: right; flex-direction: row-reverse; }
.sub.customer-reviews .intro-section .half-div .img-content-div .img-content{ width: 50%; flex-shrink: 0; aspect-ratio: 600/284; background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.customer-reviews .intro-section .half-div .img-content-div .content-box{ flex-grow: 1; }
.sub.customer-reviews .intro-section .half-div .img-content-div .content-box .title{ color: #283149; line-height: 1.5em; font-size: 22px; font-weight: 700; }
.sub.customer-reviews .intro-section .half-div .img-content-div .content-box .content{ margin-top: 10px; color: #737270; font-size: 18px; line-height: 1.5em; }
.sub.customer-reviews .intro-section .half-div .img-content-div .content-box .content p + p{ margin-top: 10px; }

@media screen and (max-width: 1250px) {
    .sub.customer-reviews .intro-section .board-content{ word-break: keep-all; font-size: 16px; }
    .sub.customer-reviews .intro-section .half-div{ background-size: 150px; }
    .sub.customer-reviews .intro-section .half-div .img-content-div{ gap: 20px; flex-direction: column;} 
    .sub.customer-reviews .intro-section .half-div .img-content-div.reverse{ flex-direction: column; }
    .sub.customer-reviews .intro-section .half-div .img-content-div + .img-content-div{ margin-top: 40px; }
    .sub.customer-reviews .intro-section .half-div .img-content-div .img-content{ width: 100%; }
    .sub.customer-reviews .intro-section .half-div .img-content-div .content-box{ text-align: left; width: 100%; }
    .sub.customer-reviews .intro-section .half-div .img-content-div .content-box .title{ font-size: 16px; }
    .sub.customer-reviews .intro-section .half-div .img-content-div .content-box .content{ font-size: 16px; }
}
@media screen and (max-width: 950px) {
    .sub.customer-reviews .intro-section .board-content br{ display: none; }
    .sub.customer-reviews .intro-section .board-content .mo-br{ display: inline-block; }
}
@media screen and (max-width: 650px) {

}


/* .sub.customer-reviews .review-section */
.sub.customer-reviews .review-section{ padding: 100px 0; }
.sub.customer-reviews .review-section .review-list{ margin-top: 40px; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 58px; }
.sub.customer-reviews .review-section .review-item-list > li{ min-width: 0; display: flex; flex-direction: column; gap: 5px; align-items: flex-start; }
.sub.customer-reviews .review-section .review-item-list > li > a{ width: 100%; }
.sub.customer-reviews .review-section .review-item-list input[type="checkbox"]{ margin-top: 10px; display: block; }
.sub.customer-reviews .review-section .review-list .item{ box-shadow: 5px 9px 8px 0 rgba(0, 0, 0, 0.05); }

@media screen and (max-width: 1250px) {
    .sub.customer-reviews .review-section .review-list{ grid-gap: 30px; }
}
@media screen and (max-width: 950px) {
    .sub.customer-reviews .review-section .review-list{ grid-template-columns: repeat(2,1fr); }
}
@media screen and (max-width: 650px) {
    .sub.customer-reviews .review-section{ padding: 50px 0; }
    .sub.customer-reviews .review-section .review-list{ grid-gap: 10px; }
    .sub.customer-reviews .review-section .review-list .item{ padding: 20px 10px; }
    .review-item-list .item .name-div .id{ font-size: 12px; }
    .review-item-list .item .name-div .more{ font-size: 12px; }
}

/* .sub.press .board-section */
.sub.press .sub-banner-section .sub-title{ color: #fff; }
.sub.press .board-section{ padding: 50px 0 100px 0; }
.sub.press .board-section .tab-list{ margin-bottom: 20px; }
.sub.press .board-section .tab-list > li.half{ display: block; width: 50%; }
.sub.press .board-section .tab-list > li.half3{ width: calc(100% / 3); }

/* .sub.latest-precedents .board-section */
.sub.latest-precedents .sub-banner-section .sub-title{ color: #fff; }
.sub.latest-precedents .board-section{ padding: 50px 0 100px 0; }
.sub.latest-precedents .board-section .tab-list{ margin-bottom: 20px; }
.sub.latest-precedents .board-section .tab-list > li.half{ display: block; width: 50%; }


/* .sub.inquiry .inquiry-section */
.sub.inquiry .inquiry-section{ padding: 50px 0; }
.sub.inquiry .inquiry-section .daeon-law{ display: block; margin: 0 auto; max-width: 250px; }
.sub.inquiry .inquiry-section .title{ margin-top: 26px; display: block; text-align: center; font-size: 46px; line-height: 1.25em; }
.sub.inquiry .inquiry-section .title b{ color: #1E2A5E; }
.sub.inquiry .inquiry-section .mo-br{ display: none; }
.sub.inquiry .inquiry-section .center-text{ margin-top: 26px; font-size: 20px; text-align: center; font-weight: 700; }
.sub.inquiry .inquiry-section .item-div{ position: relative; margin-top: 50px; display: flex; align-items: center; justify-content: center; }
.sub.inquiry .inquiry-section .item-div .line{ margin-top: 18px; position: absolute; width: 100%; background-color: #D9D9D9; height: 1px; }
.sub.inquiry .inquiry-section .item-div .item-list{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px; text-align: center; }
.sub.inquiry .inquiry-section .item-div .item-list .number{ color: #1E2A5E; font-size: 32px; font-weight: 700; }
.sub.inquiry .inquiry-section .item-div .item-list .icon{ position: absolute; z-index: 2; }
.sub.inquiry .inquiry-section .item-div .item-list .text1{ word-break: keep-all; margin: 5px 0; font-size: 20px; font-weight: 700; color: #1E2A5E;  }
.sub.inquiry .inquiry-section .item-div .item-list .text2{ word-break: keep-all; margin-top: 20px; color: #7f7f7f; line-height: 1.5em; }

@media screen and (max-width: 1250px) {
    .sub.inquiry .inquiry-section .title{ font-size: 30px; }
    .sub.inquiry .inquiry-section .center-text{ font-size: 18px; }
    .sub.inquiry .inquiry-section .item-div .item-list .number{ font-size: 26px; }
    .sub.inquiry .inquiry-section .item-div .line{ margin-top: 10px; }
    .sub.inquiry .inquiry-section .item-div .item-list .text2 br{ display: none; }
}
@media screen and (max-width: 950px) {
    .sub.inquiry .inquiry-section .item-div .line{ display: none; }
    .sub.inquiry .inquiry-section .item-div .item-list{ grid-template-columns: repeat(2,1fr); }
    .sub.inquiry .inquiry-section .item-div .item-list .item{ border: 1px solid #efefef; height: 100%; padding: 20px 10px; }
    .sub.inquiry .inquiry-section .item-div .item-list .icon{ display: none; }
    .sub.inquiry .inquiry-section .item-div .item-list .text2{ margin-top: 10px; }
    .sub.inquiry .inquiry-section .item-div .item-list .text2 br{ display: inline-block; }
}
@media screen and (max-width: 650px) {
    .sub.inquiry .inquiry-section .mo-br{ display: inline-block; }

    .sub.inquiry .inquiry-section .title{ font-size: 20px; }
    .sub.inquiry .inquiry-section .center-text{ font-size: 16px; }

    .sub.inquiry .inquiry-section .item-div .item-list .number{ font-size: 20px; }
    .sub.inquiry .inquiry-section .item-div .item-list .text1{ font-size: 18px; }
    .sub.inquiry .inquiry-section .item-div .item-list .text2{ font-size: 16px; }
    .sub.inquiry .inquiry-section .item-div .item-list .text2 br{ display: none; }
}

/* .sub.inquiry .inquiry-form-section */
.sub.inquiry .inquiry-form-section{ padding: 50px 0; background-image: url('../img/sub/inquiry/inquiry-form-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.inquiry .inquiry-form-section .apply-tab-list{ border-bottom: 1px solid #1E2A5E; display: flex; } 
.sub.inquiry .inquiry-form-section .apply-tab-list > li{ width: 50%; }
.sub.inquiry .inquiry-form-section .apply-tab-list .item{ background: transparent; display: block; border: none; text-align: center; padding: 14px 10px; color: #7f7f7f; font-size: 18px; width: 100%; }
.sub.inquiry .inquiry-form-section .apply-tab-list .item.active{ border-bottom: 4px solid #1E2A5E; font-weight: 700; color: #1E2A5E; }
.sub.inquiry .inquiry-form-section .apply-content-list > li{ display: none; }
.sub.inquiry .inquiry-form-section .apply-content-list > li.is-active{ display: block; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap{ box-shadow: 6px 12px 16px 0 rgba(0, 0, 0, 0.15); padding: 52px; background-color: #F5F5F5; border-radius: 10px; margin-top: 20px; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .title{ font-size: 28px; text-align: center; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .content{ text-align: center; margin-top: 8px; color: #283149; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form{ margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form > li{ width: calc(50% - 5px); }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form > li.half2{ width: calc((100% / 3) - 7px); }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form > li.full{ width: 100%; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form .label .red{ color: #EB5757; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form .ipt-box{ margin-top: 6px; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form .ipt-box .ipt{ border-radius: 4px; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form .agree-text-box{ line-height: 1.5em; height: 80px; overflow-y: scroll; border: 1px solid #D9D9D9; background: #FFF; color: #7F7F7F; padding: 10px 20px; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form .agreeCheckDiv label input[type="checkbox"] + .textBox::before{ margin-top: 2px; }
.sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .apply-btn{ padding: 16px 10px; color: #fff; border: none; background-color: #283149; font-weight: 600; display: flex; width:100%; max-width: 330px; border-radius: 4px; align-items: center; justify-content: center; gap: 10px; color: #fff; margin: 40px auto 0 auto; }
.sub.inquiry .inquiry-form-section .mo-br{ display: none; }
.sub.inquiry .inquiry-form-section .center-text{ margin-top: 20px; text-align: center; line-height: 1.5em; }

@media screen and (max-width: 1250px) {
    .sub.inquiry .inquiry-form-section .apply-content-list .content-wrap{ padding: 30px; }
    .sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .title{ font-size: 24px; }
    
}
@media screen and (max-width: 950px) {
    .sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form > li{ width: 100%; }
    .sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form > li.half2{ width: calc(50% - 5px); }

}
@media screen and (max-width: 650px) {
    .sub.inquiry .inquiry-form-section .mo-br{ display: inline-block; }
    .sub.inquiry .inquiry-form-section .apply-content-list .content-wrap{ padding: 30px 15px; }
    .sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .title{ font-size: 20px; }
    .sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .content{ margin-top: 5px; }
    .sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .inquiry-form{ font-size: 14px; }
    .sub.inquiry .inquiry-form-section .center-text{ font-size: 14px; }
    .sub.inquiry .inquiry-form-section .apply-content-list .content-wrap .apply-btn{ margin-top: 20px; padding: 12px 10px; }
}

/* .sub.inquiry .sub-banner-section */
.sub.inquiry .sub-banner-section{ color: #fff; }

/* .sub.inquiry .inquery-means-section */
.sub.inquiry .inquery-means-section{ padding: 50px 0; background-color: #F6F7F9; }
.sub.inquiry .inquery-means-section .half-box{ display: flex; gap: 20px; align-items: center; justify-content: space-between; }
.sub.inquiry .inquery-means-section .half-box .left-div .left-bar-title{ font-size: 32px; font-weight: 700; padding-left: 10px; border-left: 4px solid #283149; }
.sub.inquiry .inquery-means-section .half-box .left-div .sub-content{ word-break: keep-all; }
.sub.inquiry .inquery-means-section .half-box .left-div .sub-content p{ margin-top: 20px; font-weight: 600; }

.sub.inquiry .inquery-means-section .half-box .item-list{ width: 617px; } 
.sub.inquiry .inquery-means-section .half-box .item-list > li + li{ margin-top: 5px; }
.sub.inquiry .inquery-means-section .half-box .item-list .item{ box-shadow: 8px 12px 13px 0 rgba(0, 0, 0, 0.15); background-color: #1E2A5E; border-radius: 4px; padding: 40px 60px; display: flex; align-items: center; justify-content: space-between; color: #fff; }
.sub.inquiry .inquery-means-section .half-box .item-list .item .icon-wrap{ display: flex; align-items: center; gap: 13px; font-size: 24px; font-weight: 700; }
.sub.inquiry .inquery-means-section .half-box .item-list .item .icon{ width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub.inquiry .inquery-means-section .half-box .item-list .item .text-wrap{ width: 50%; font-weight: 600; }
.sub.inquiry .inquery-means-section .half-box .item-list .item .text-wrap .big{ font-size: 2em; }
.sub.inquiry .inquery-means-section .half-box .item-list .item.kakao{ background-color: #FBE300; color: #331515; }
.sub.inquiry .inquery-means-section .half-box .item-list .item.naver{ background-color: #03C75A; color: #fff; }


@media screen and (max-width: 1250px) {
    .sub.inquiry .inquery-means-section .half-box .left-div .left-bar-title{ font-size: 24px; }

    .sub.inquiry .inquery-means-section .half-box .item-list{ width: 530px; }
    .sub.inquiry .inquery-means-section .half-box .item-list .item{ padding: 20px 30px; }
    .sub.inquiry .inquery-means-section .half-box .item-list .item .icon-wrap{ font-size: 20px; }
    .sub.inquiry .inquery-means-section .half-box .item-list .item .text-wrap{ width: 60%; }
}
@media screen and (max-width: 950px) {
    .sub.inquiry .inquery-means-section .half-box { flex-direction: column; }
    .sub.inquiry .inquery-means-section .half-box .left-div { width: 100%; }
    .sub.inquiry .inquery-means-section .half-box .item-list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px; width: 100%; }
    .sub.inquiry .inquery-means-section .half-box .item-list .text-wrap{ display: none; }
    .sub.inquiry .inquery-means-section .half-box .item-list .item{ justify-content:center; }
    .sub.inquiry .inquery-means-section .half-box .item-list > li + li{ margin-top: 0; }
    .sub.inquiry .inquery-means-section .half-box .item-list .item{ padding: 15px 10px; }
    .sub.inquiry .inquery-means-section .half-box .item-list .item .icon-wrap{ font-size: 16px; }
    .sub.inquiry .inquery-means-section .half-box .item-list .item .icon{ width: 30px; }
}
@media screen and (max-width: 650px) {
    .sub.inquiry .inquery-means-section .half-box .item-list{ grid-template-columns: repeat(1,1fr); }
    .sub.inquiry .inquery-means-section .half-box .item-list .item .icon{ width: 25px; height: 25px; }
    .sub.inquiry .inquery-means-section .half-box .item-list .item.call .icon{ width: 20px; height: 20px; }
}

/* .sub.inquiry .logo-section */
.sub.inquiry .logo-section{ padding: 100px 0; background-image: url('../img/sub/inquiry/logo-section/background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.sub.inquiry .logo-section .inner{ display: flex; align-items: center; justify-content: center; }
.sub.inquiry .logo-section .logo{ width: 320px; }

@media screen and (max-width: 1250px) {
    .sub.inquiry .logo-section .logo{ width: 200px; }
}
@media screen and (max-width: 650px) {
    .sub.inquiry .logo-section .logo{ width: 150px; }
}


/* .sub.field-of-work .sub-banner-section */
.sub.field-of-work .sub-banner-section{ color: #1E2A5E; } 

/* .sub.field-of-work .field-of-work-section */
.sub.field-of-work .field-of-work-section{ padding: 50px 0; }
.sub.field-of-work .field-of-work-section .category-depth-1-list{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 20px; }
.sub.field-of-work .field-of-work-section .category-depth-1-list .item{ border: 1px solid #fff; background-color: #F0F0F0; padding: 10px; border-radius: 100px; text-align: center; color: #7F7F7F; font-size: 18px; transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
.sub.field-of-work .field-of-work-section .category-depth-1-list .item.active{ font-weight:600; border: 1px solid #1E2A5E; background-color: #fff; color: #1E2A5E; }
.sub.field-of-work .field-of-work-section .category-title{ margin: 40px 0 20px 0; text-align: center; font-size: 26px; font-weight: 700; }

.sub.field-of-work .field-of-work-section .category-depth-2-list{ display: flex; gap: 10px; }
.sub.field-of-work .field-of-work-section .category-depth-2-list li{ flex-grow: 1; }
.sub.field-of-work .field-of-work-section .category-depth-2-list .item{ height: 100%; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; background-color: #F0F0F0; padding: 10px; text-align: center; color: #7F7F7F; font-size: 18px; transition: background-color 0.2s, border-color 0.2s, color 0.2s; }
.sub.field-of-work .field-of-work-section .category-depth-2-list .item .text{ line-height: 1.4; }
.sub.field-of-work .field-of-work-section .category-depth-2-list .item.active{ font-weight:600; border: 1px solid #1E2A5E; background-color: #fff; color: #1E2A5E; }
.sub.field-of-work .field-of-work-section .category-depth-2-list .item.active .text{ font-weight: 600; }

@media screen and (max-width: 1250px) {
    .sub.field-of-work .field-of-work-section{ padding: 40px 0; }
    .sub.field-of-work .field-of-work-section .category-depth-1-list{ grid-gap: 12px; }
    .sub.field-of-work .field-of-work-section .category-depth-1-list .item{ font-size: 16px; padding: 10px 8px; }
    .sub.field-of-work .field-of-work-section .category-title{ margin: 32px 0 16px 0; font-size: 24px; }
    .sub.field-of-work .field-of-work-section .category-depth-2-list .item{ font-size: 16px; padding: 12px 8px; }
}
@media screen and (max-width: 950px) {
    .sub.field-of-work .field-of-work-section .category-depth-1-list{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
    .sub.field-of-work .field-of-work-section .category-depth-1-list li{ flex: 0 1 calc(33.333% - 7px); }
    .sub.field-of-work .field-of-work-section .category-depth-2-list{ display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 10px; }
    .sub.field-of-work .field-of-work-section .category-depth-2-list li{ flex-grow: unset; }
}
@media screen and (max-width: 650px) {
    .sub.field-of-work .field-of-work-section{ padding: 30px 0; }
    .sub.field-of-work .field-of-work-section .category-depth-1-list{ gap: 8px; }
    .sub.field-of-work .field-of-work-section .category-depth-1-list li{ flex: 0 1 calc(50% - 4px); min-width: 0; }
    .sub.field-of-work .field-of-work-section .category-depth-1-list .item{ font-size: 14px; padding: 10px 6px; }
    .sub.field-of-work .field-of-work-section .category-title{ margin: 24px 0 14px 0; font-size: 20px; }
    .sub.field-of-work .field-of-work-section .category-depth-2-list{ grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .sub.field-of-work .field-of-work-section .category-depth-2-list .item{ font-size: 14px; padding: 8px 8px;}
}


.sub.field-of-work .gray-bg-text{ margin-top: 10px; background-color: #F6F7F9; border: 1px solid #1E2A5E; padding: 50px 40px; }
.sub.field-of-work .gray-bg-text .title{ word-break: keep-all; font-size: 26px; font-weight: 700; }
.sub.field-of-work .gray-bg-text .content{ word-break: keep-all; margin-top: 10px; line-height: 1.5em; font-size: 18px; }

@media screen and (max-width: 1250px) {
    .sub.field-of-work .gray-bg-text{ padding: 30px; }
    .sub.field-of-work .gray-bg-text .title{ font-size: 24px; }
    .sub.field-of-work .gray-bg-text .content{ font-size: 16px; }
}
@media screen and (max-width: 950px) {
    
}
@media screen and (max-width: 650px) {
    .sub.field-of-work .gray-bg-text{ padding: 20px; }
    .sub.field-of-work .gray-bg-text .title{ font-size: 18px; }
    .sub.field-of-work .gray-bg-text .content br{ display: none; }
}

.sub.field-of-work .banner-img-div{ margin-top: 20px; aspect-ratio: 1200/295; background-size: cover; background-repeat: no-repeat; background-position: center; }

/* divorce flow (협의이혼 절차) */
.sub.divorce-crime .divorce-flow-wrap{ margin-top: 20px; padding: 36px 20px 32px; user-select: text; -webkit-user-select: text; }
.sub.divorce-crime .divorce-flow-wrap *{ user-select: text; -webkit-user-select: text; }
.sub.divorce-crime .divorce-flow{ max-width: 1100px; margin: 0 auto; }
.sub.divorce-crime .divorce-flow-steps{ display: flex; align-items: stretch; justify-content: center; gap: 0; }
.sub.divorce-crime .divorce-flow-step{ flex: 1 1 0; min-width: 0; margin: 0; padding: 18px 14px; border: 1px solid #1E2A5E; background-color: #fff; color: #1E2A5E; text-align: center; font-size: 17px; font-weight: 700; line-height: 1.45; word-break: keep-all; display: flex; align-items: center; justify-content: center; }
.sub.divorce-crime .divorce-flow-step.is-last{ border-color: #1E2A5E; background-color: #1E2A5E; color: #fff; }
.sub.divorce-crime .divorce-flow-arrow{ flex: 0 0 28px; align-self: center; display: flex; align-items: center; justify-content: center; }
.sub.divorce-crime .divorce-flow-arrow:before{ position: relative; z-index: 2; content: ''; display: block; flex-shrink: 0; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #1E2A5E; }
.sub.divorce-crime .divorce-flow-arrow.red{ align-self: center; }
.sub.divorce-crime .divorce-flow-arrow.red:before{ border-left-color: #EB5757; }
.sub.divorce-crime .divorce-flow-arrow.red .divorce-flow-arrow-label{ display: none; }
.sub.divorce-crime .divorce-flow-sub-grid{ position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 18px; padding: 0 4px; }
.sub.divorce-crime .divorce-flow-sub-grid::before{ content:''; bottom: 100%; position: absolute; left: 50%; width: 1px; height: 50px; background-color:#1E2A5E;  }
.sub.divorce-crime .divorce-flow-sub{ grid-column: 2 / 4; justify-self: center; width: 100%; margin: 0; padding: 14px 16px; border: 1px solid #1E2A5E; background-color: #fff; color: #1E2A5E; text-align: center; font-size: 16px; line-height: 1.55; word-break: keep-all; }
.sub.divorce-crime .divorce-flow-sub-title{ margin: 0 0 4px; font-size: 17px; }
.sub.divorce-crime .divorce-flow-sub-title strong{ font-weight: 700; }
.sub.divorce-crime .divorce-flow-sub p{ margin: 0; }
.sub.divorce-crime .divorce-flow-sub p + p{ margin-top: 2px; }

@media screen and (max-width: 1250px) {
    .sub.divorce-crime .divorce-flow-step{ font-size: 16px; padding: 16px 10px; }
    .sub.divorce-crime .divorce-flow-sub,
    .sub.divorce-crime .divorce-flow-sub-title{ font-size: 15px; }
}
@media screen and (max-width: 1079px) {
    .sub.divorce-crime .divorce-flow-sub-grid::before{ height: 60px; }
}
@media screen and (max-width: 950px) {
    .sub.divorce-crime .divorce-flow-wrap{ padding: 28px 16px 24px; }
    .sub.divorce-crime .divorce-flow-steps{ min-width: unset; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
    .sub.divorce-crime .divorce-flow-step{ max-width: none; min-width: 140px; font-size: 15px; }
    .sub.divorce-crime .divorce-flow-step.is-last{ flex: 1 1 calc(50% - 20px); }
    .sub.divorce-crime .divorce-flow-arrow{ flex: 0 0 20px; }
    .sub.divorce-crime .divorce-flow-arrow.red{ flex: 0 0 100%; width: 100%; max-width: 100%; flex-direction: row; justify-content: center; align-items: center; align-self: center; gap: 4px; margin: 0; padding: 10px 0; height: auto; color: #EB3030; font-size: 15px; font-weight: 700; line-height: 1; }
    .sub.divorce-crime .divorce-flow-arrow.red:before{ border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #EB5757; border-bottom: none; }
    .sub.divorce-crime .divorce-flow-arrow.red .divorce-flow-arrow-label{ display: block; color: inherit; font-size: inherit; font-weight: inherit; line-height: 1; word-break: keep-all; }
    .sub.divorce-crime .divorce-flow-sub-grid{ grid-template-columns: 1fr; margin-top: 14px; padding: 0; }
    .sub.divorce-crime .divorce-flow-sub-grid::before{ display: none; }
    .sub.divorce-crime .divorce-flow-sub strong::before{  content: '*'; }
    .sub.divorce-crime .divorce-flow-sub strong{ color: #EB3030; }
    .sub.divorce-crime .divorce-flow-sub{ border: none; grid-column: 1; width: 100%; }
}
@media screen and (max-width: 650px) {
    .sub.divorce-crime .divorce-flow-wrap{ padding: 24px 12px 20px; }
    .sub.divorce-crime .divorce-flow-steps{ flex-direction: column; align-items: center; gap: 0; }
    .sub.divorce-crime .divorce-flow-step,
    .sub.divorce-crime .divorce-flow-step.is-last{ flex: none; width: 100%;font-size: 15px; padding: 14px 12px; }
    .sub.divorce-crime .divorce-flow-step{ min-width: unset; max-width: unset; width: 100%; }
    .sub.divorce-crime .divorce-flow-arrow{ flex: none; width: 100%; margin: 4px 0; height: auto; }
    .sub.divorce-crime .divorce-flow-arrow:before{ border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #17214D; border-bottom: none; }
    .sub.divorce-crime .divorce-flow-arrow.red{ flex: none; width: 100%; flex-direction: row; justify-content: center; align-items: center; align-self: center; gap: 4px; margin: 4px 0; padding: 10px 0; color: #EB3030; font-size: 14px; font-weight: 700; line-height: 1; }
    .sub.divorce-crime .divorce-flow-arrow.red:before{ border-top-color: #EB5757; }
    .sub.divorce-crime .divorce-flow-sub{ font-size: 14px; padding: 12px; }
    .sub.divorce-crime .divorce-flow-sub-title{ font-size: 15px; }
}

.sub.field-of-work .item-content{ border-bottom: 1px solid #D9D9D9; padding: 40px 0; }
.sub.field-of-work .item-content:last-child{ border-bottom: none; }
.sub.field-of-work .item-content .title-wrap{ flex-wrap: wrap; display: flex; align-items: flex-start; gap: 10px; }
.sub.field-of-work .item-content .title-wrap b{ flex-shrink: 0; font-size: 22px; }
.sub.field-of-work .item-content .title-wrap .title-content{ margin-top: 5px; color: #7F7F7F; font-size: 18px; }
.sub.field-of-work .item-content .title-wrap .title-content.full{ width: 100%; }
.sub.field-of-work .item-content .content{ word-break: keep-all; line-height: 1.5em; margin-top: 14px; font-size: 18px; }
.sub.field-of-work .item-content .item-title{ word-break: keep-all; margin-top: 14px; font-size: 18px; font-weight: 700; }
.sub.field-of-work .item-content .item-list{ text-align: center; margin-top: 10px; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 18px; }
.sub.field-of-work .item-content .item-list .item{ padding: 10px; display: flex; align-items: center; justify-content: center; height: 100%; min-height: 100px; background-color: #EDF2FF; font-weight: 700;  } 
.sub.field-of-work .item-content .item-list .item .text{ word-break: keep-all; }
.sub.field-of-work .item-content .content-img{ display: block; margin: 0 auto; margin-top: 20px; max-width: 100%; }

/* lawsuit flow (재판상 이혼 절차) */
.sub.lawsuit-crime .lawsuit-flow-wrap{ margin-top: 20px; padding: 36px 20px 32px; user-select: text; -webkit-user-select: text; }
.sub.lawsuit-crime .lawsuit-flow-wrap *{ user-select: text; -webkit-user-select: text; }
.sub.lawsuit-crime .lawsuit-flow{ max-width: 1100px; margin: 0 auto; }
.sub.lawsuit-crime .lawsuit-flow-row{ display: flex; align-items: stretch; justify-content: flex-start; width: 100%; }
.sub.lawsuit-crime .lawsuit-flow-row.is-sub{ width: calc((100% - 84px) * 0.75 + 56px); max-width: 100%; margin-top: 8px; }
.sub.lawsuit-crime .lawsuit-flow-step{ flex: 1 1 0; min-width: 0; margin: 0; padding: 18px 14px; border: 1px solid #1E2A5E; background-color: #fff; color: #1E2A5E; text-align: center; font-size: 17px; font-weight: 700; line-height: 1.45; word-break: keep-all; display: flex; align-items: center; justify-content: center; }
.sub.lawsuit-crime .lawsuit-flow-step.is-last{ border-color: #1E2A5E; background-color: #1E2A5E; color: #fff; }
.sub.lawsuit-crime .lawsuit-flow-arrow{ flex: 0 0 28px; align-self: center; display: flex; align-items: center; justify-content: center; }
.sub.lawsuit-crime .lawsuit-flow-arrow:before{ content: ''; display: block; flex-shrink: 0; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #1E2A5E; }
.sub.lawsuit-crime .lawsuit-flow-arrow.is-row-gap{ display: none; }

@media screen and (max-width: 1250px) {
    .sub.lawsuit-crime .lawsuit-flow-step{ font-size: 16px; padding: 16px 10px; }
}
@media screen and (max-width: 950px) {
    .sub.lawsuit-crime .lawsuit-flow-wrap{ padding: 28px 16px 24px; }
    .sub.lawsuit-crime .lawsuit-flow{ display: flex; flex-direction: column; align-items: center; width: 100%; }
    .sub.lawsuit-crime .lawsuit-flow-row,
    .sub.lawsuit-crime .lawsuit-flow-row.is-sub{ display: contents; }
    .sub.lawsuit-crime .lawsuit-flow-step,
    .sub.lawsuit-crime .lawsuit-flow-step.is-last,
    .sub.lawsuit-crime .lawsuit-flow-arrow{ flex: none; width: 100%; margin: 0; align-self: center; display: flex; align-items: center; justify-content: center; }
    .sub.lawsuit-crime .lawsuit-flow-step,
    .sub.lawsuit-crime .lawsuit-flow-step.is-last{ font-size: 15px; padding: 14px 12px; }
    .sub.lawsuit-crime .lawsuit-flow-arrow{ padding: 10px 0; }
    .sub.lawsuit-crime .lawsuit-flow-arrow.is-row-gap{ display: flex; }
    .sub.lawsuit-crime .lawsuit-flow-arrow:before{ border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #1E2A5E; border-bottom: none; }
}
@media screen and (max-width: 650px) {
    .sub.lawsuit-crime .lawsuit-flow-wrap{ padding: 24px 12px 20px; }
    .sub.lawsuit-crime .lawsuit-flow-step,
    .sub.lawsuit-crime .lawsuit-flow-step.is-last{ font-size: 15px; padding: 14px 12px; }
}

/* property / legitime formula */
.sub.property-crime .property-formula-wrap,
.sub.will-crime .property-formula-wrap{ margin-top: 20px; user-select: text; -webkit-user-select: text; }
.sub.property-crime .property-formula-wrap *,
.sub.will-crime .property-formula-wrap *{ user-select: text; -webkit-user-select: text; }
.sub.property-crime .property-formula,
.sub.will-crime .property-formula{ display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 0 auto; }
.sub.property-crime .property-formula-box,
.sub.will-crime .property-formula-box{ flex: 1 1 0; min-width: 140px; margin: 0; padding: 18px 14px; border: 1px solid #1E2A5E; background-color: #fff; color: #1E2A5E; text-align: center; font-size: 17px; font-weight: 700; line-height: 1.45; word-break: keep-all; display: flex; align-items: center; justify-content: center; }
.sub.property-crime .property-formula-box.is-result{ border-color: #fff; background-color: #1E2A5E; color: #fff; }
.sub.property-crime .property-formula-op,
.sub.will-crime .property-formula-op{ flex: 0 0 auto; align-self: center; padding: 0 6px; color: #1E2A5E; font-size: 22px; font-weight: 700; line-height: 1; }

@media screen and (max-width: 1250px) {
    .sub.property-crime .property-formula-box,
    .sub.will-crime .property-formula-box{ font-size: 16px; padding: 16px 10px; }
    .sub.property-crime .property-formula-op,
    .sub.will-crime .property-formula-op{ font-size: 20px; }
}
@media screen and (max-width: 950px) {
    .sub.property-crime .property-formula,
    .sub.will-crime .property-formula{ flex-direction: column; align-items: center; gap: 0; }
    .sub.property-crime .property-formula-box,
    .sub.property-crime .property-formula-box.is-result,
    .sub.will-crime .property-formula-box{ flex: none; width: 100%; font-size: 15px; padding: 14px 12px; }
    .sub.property-crime .property-formula-op,
    .sub.will-crime .property-formula-op{ width: 100%; padding: 10px 0; text-align: center; font-size: 18px; }
}
@media screen and (max-width: 650px) {
    .sub.property-crime .property-formula-box,
    .sub.property-crime .property-formula-box.is-result,
    .sub.will-crime .property-formula-box{ font-size: 15px; }
}

/* mediation flow (조정이혼 절차) */
.field-of-work-section.mediation-crime .mediation-flow-wrap{ margin-top: 20px; padding: 36px 20px 32px; user-select: text; -webkit-user-select: text; }
.field-of-work-section.mediation-crime .mediation-flow-wrap *{ user-select: text; -webkit-user-select: text; }
.field-of-work-section.mediation-crime .mediation-flow{ margin: 0 auto; }
.field-of-work-section.mediation-crime .mediation-flow-step{ width: 100%; margin: 0; padding: 18px 14px; border: 1px solid #1E2A5E; background-color: #fff; color: #1E2A5E; text-align: center; font-size: 17px; font-weight: 700; line-height: 1.45; word-break: keep-all; }
.field-of-work-section.mediation-crime .mediation-flow-step.is-last{ border-color: #1E2A5E; background-color: #1E2A5E; color: #fff; }
.field-of-work-section.mediation-crime .mediation-flow-arrow{ display: flex; align-items: center; justify-content: center; padding: 10px 0; }
.field-of-work-section.mediation-crime .mediation-flow-arrow:before{ content: ''; display: block; flex-shrink: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #1E2A5E; }
.field-of-work-section.mediation-crime .mediation-flow-branch-arrows{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0; }
.field-of-work-section.mediation-crime .mediation-flow-branch{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 0; }
.field-of-work-section.mediation-crime .mediation-flow-col{ display: flex; flex-direction: column; align-items: stretch; }

@media screen and (max-width: 1250px) {
    .field-of-work-section.mediation-crime .mediation-flow-step{ font-size: 16px; padding: 16px 10px; }
}
@media screen and (max-width: 950px) {
    .field-of-work-section.mediation-crime .mediation-flow-wrap{ padding: 28px 16px 24px; }
    .field-of-work-section.mediation-crime .mediation-flow-step{ font-size: 15px; }
}
@media screen and (max-width: 650px) {
    .field-of-work-section.mediation-crime .mediation-flow-wrap{ padding: 24px 0 0 0; }
    .field-of-work-section.mediation-crime .mediation-flow-step{ font-size: 15px; padding: 14px 12px; }
    .field-of-work-section.mediation-crime .mediation-flow-branch{ gap: 10px; }
}

/* school violence flowchart */
.sub.school-crime .sv-flow-wrap{ margin-top: 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.sub.school-crime .sv-flow{ margin: 0 auto; user-select: text; -webkit-user-select: text; }
.sub.school-crime .sv-flow *{ user-select: text; -webkit-user-select: text; }
.sub.school-crime .sv-flow-block{ margin-top: 10px; border: 1px solid #BFBFBF; background-color: #fff; }
.sub.school-crime .sv-flow-edu .sub-flow-block{ margin-top: 10px; }
.sub.school-crime .sv-flow-block.is-nested{ border: none; }
.sub.school-crime .sv-flow-block.is-nested .sv-flow-head{ font-size: 18px; padding: 9px 6px; line-height: 1.4; }
.sub.school-crime .sv-flow-head{ font-weight: 500; background-color: #1E2A5E; color: #fff; text-align: center; font-size: 20px; font-weight: 700; padding: 10px 8px; word-break: keep-all; line-height: 1.45; }
.sub.school-crime .sv-flow-head b{ font-weight: 700; } 
.sub.school-crime .sv-flow-head.is-light{ background-color: #E8E8E8; color: #1E2A5E; border-bottom: 1px solid #BFBFBF; }
.sub.school-crime .sv-flow-head.is-red{ background-color: #8B1E1E; }
.sub.school-crime .sv-flow-body{ display: grid; gap: 0; }
.sub.school-crime .sv-flow-cols-2{ grid-template-columns: repeat(2, 1fr); }
.sub.school-crime .sv-flow-cols-3{ grid-template-columns: repeat(3, 1fr); }
.sub.school-crime .sv-flow-cols-4{ grid-template-columns: repeat(4, 1fr); }
.sub.school-crime .sv-flow-col{ width: 100%; padding: 10px 8px; border-right: 1px solid #D9D9D9; }
.sub.school-crime .sv-flow-col.half{ width: 50%; }
.sub.school-crime .sv-flow-col:last-child{ border-right: none; }
.sub.school-crime .sv-flow-col-title{ margin: 0 0 6px; font-size: 18px; font-weight: 700; word-break: keep-all; line-height: 1.45; color: #222; }
.sub.school-crime .sv-flow-list{ list-style: none; padding: 0; margin: 0; font-size: 16px; line-height: 1.55; word-break: keep-all; color: #222; }
.sub.school-crime .sv-flow-list > li + li{ margin-top: 2px; }
.sub.school-crime .sv-flow-arrow{ display: flex; align-items: center; justify-content: center; gap: 4px; padding: 10px 0; color: #3B6BB5; font-size: 16px; font-weight: 600; line-height: 1; }
.sub.school-crime .sv-flow-arrow:before{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #3B6BB5; flex-shrink: 0; }
.sub.school-crime .sv-flow-arrow.is-sm{ padding: 10px 0; font-size: 16px; }
.sub.school-crime .sv-flow-decision-head{ background-color: #fff; border: 1px solid #1E2A5E; color: #1E2A5E; text-align: center; font-size: 18px; font-weight: 700; padding: 10px 8px; word-break: keep-all; line-height: 1.45; }
.sub.school-crime .sv-flow-branch-arrows{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px 0 0; }
.sub.school-crime .sv-flow-branch-arrows span{ display: block; margin: 0 auto; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #3B6BB5; }
.sub.school-crime .sv-flow-branch{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 4px; }
.sub.school-crime .sv-flow-branch-head{ text-align: center; color: #fff; font-size: 18px; font-weight: 700; padding: 8px 4px; word-break: keep-all; line-height: 1.4; }
.sub.school-crime .sv-flow-branch-head.is-blue{ background-color: #1E2A5E; }
.sub.school-crime .sv-flow-branch-head.is-red{ background-color: #8B1E1E; }
.sub.school-crime .sv-flow-branch-item > .sv-flow-block{ margin-top: 6px; }
.sub.school-crime .sv-flow-return::before{ content: ''; display: block; width: 189px; height:131px; background-image: url('../img/sub/field-of-work/school-crime/arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center; }
.sub.school-crime .sv-flow-return{ display: flex;  align-items: flex-end; flex-direction: column; gap: 40px; margin-right: 40px; margin-top: 40px; padding: 8px 6px; background-color: #fff; font-size: 16px; color: #1E2A5E; text-align: center; word-break: keep-all; line-height: 1.5; }
.sub.school-crime .sv-flow-edu{ padding: 8px 0; background-color: #fff; }
.sub.school-crime .sv-flow-edu-box{ border: 1px solid #BFBFBF; background-color: #fff; }
.sub.school-crime .sv-flow-edu-head{ margin: 0; text-align: center; font-size: 18px; font-weight: 700; padding: 8px 4px; line-height: 1.4; }
.sub.school-crime .sv-flow-edu-box.is-orange .sv-flow-edu-head{ background-color: #F0D4B5; color: #222; }
.sub.school-crime .sv-flow-edu-box.is-yellow .sv-flow-edu-head{ background-color: #FFF0A8; color: #222; }
.sub.school-crime .sv-flow-edu-box.is-sky .sv-flow-edu-head{ background-color: #BFD4EF; color: #222; }
.sub.school-crime .sv-flow-edu-body{ display: grid; padding: 8px; }
.sub.school-crime .sv-flow-edu-body.sv-flow-cols-2{ grid-template-columns: repeat(2, 1fr); }
.sub.school-crime .sv-flow-edu-body .sv-flow-col.half{ width: auto; }
.sub.school-crime .sv-flow-edu-box.is-sm .sv-flow-edu-head{ font-size: 18px; }
.sub.school-crime .sv-flow-edu-box.is-sm .sv-flow-edu-body{ padding: 8px 6px; }
.sub.school-crime .sv-flow-edu-row{ display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 6px; }
.sub.school-crime .sv-flow-edu-link{ margin: 0; padding: 4px 0 6px; text-align: center; font-size: 16px; font-weight: 600; color: #3B6BB5; line-height: 1; }
.sub.school-crime .sv-flow .arrow-half-box{ display: flex; justify-content: center; text-align: center; }
.sub.school-crime .sv-flow .arrow-half-box .sv-flow-arrow{ margin-top: 10px; width: 50%; }

@media screen and (max-width: 1250px) {
    .sub.school-crime .sv-flow-head{ font-size: 18px; }
    .sub.school-crime .sv-flow-block.is-nested .sv-flow-head{ font-size: 16px; }
    .sub.school-crime .sv-flow-col-title,
    .sub.school-crime .sv-flow-edu-head,
    .sub.school-crime .sv-flow-branch-head,
    .sub.school-crime .sv-flow-decision-head{ font-size: 16px; }
    .sub.school-crime .sv-flow-list,
    .sub.school-crime .sv-flow-arrow,
    .sub.school-crime .sv-flow-return,
    .sub.school-crime .sv-flow-edu-link{ font-size: 15px; }
    .sub.school-crime .sv-flow-edu-box.is-sm .sv-flow-edu-head{ font-size: 16px; }
}
@media screen and (max-width: 950px) {
    .sub.school-crime .sv-flow-wrap{ overflow-x: visible; }
    .sub.school-crime .sv-flow-cols-4{ grid-template-columns: repeat(2, 1fr); }
    .sub.school-crime .sv-flow-cols-3{ grid-template-columns: 1fr; }
    .sub.school-crime .sv-flow-cols-3 .sv-flow-col,
    .sub.school-crime .sv-flow-cols-4 .sv-flow-col{ border-right: none; border-bottom: 1px solid #D9D9D9; }
    .sub.school-crime .sv-flow-cols-3 .sv-flow-col:last-child,
    .sub.school-crime .sv-flow-cols-4 .sv-flow-col:nth-child(2n){ border-right: none; }
    .sub.school-crime .sv-flow-cols-4 .sv-flow-col:nth-last-child(-n+2){ border-bottom: none; }
    .sub.school-crime .sv-flow-cols-3 .sv-flow-col:last-child{ border-bottom: none; }
    .sub.school-crime .sv-flow-cols-4 .sv-flow-col:nth-child(odd):not(:last-child){ border-right: 1px solid #D9D9D9; }
    .sub.school-crime .sv-flow-branch{ /* grid-template-columns: 1fr; */ gap: 10px; }
    .sub.school-crime .sv-flow-branch-arrows{ grid-template-columns: 1fr; padding-top: 4px; }
    .sub.school-crime .sv-flow-branch-arrows span:last-child{ display: none; }
    .sub.school-crime .sv-flow-return::before{ width: 120px; height: 84px; }
    .sub.school-crime .sv-flow-return{ gap: 20px; margin-right: 20px; margin-top: 24px; }
    .sub.school-crime .sv-flow-edu-box.is-sm .sv-flow-edu-head{ font-size: 15px; }
}
@media screen and (max-width: 650px) {
    .sub.school-crime .sv-flow-wrap{ margin-left: 0; margin-right: 0; }
    .sub.school-crime .sv-flow-head{ font-size: 16px; padding: 10px 6px; }
    .sub.school-crime .sv-flow-block.is-nested .sv-flow-head{ font-size: 14px; }
    .sub.school-crime .sv-flow-col-title,
    .sub.school-crime .sv-flow-edu-head,
    .sub.school-crime .sv-flow-branch-head,
    .sub.school-crime .sv-flow-decision-head{ font-size: 15px; }
    .sub.school-crime .sv-flow-list,
    .sub.school-crime .sv-flow-arrow,
    .sub.school-crime .sv-flow-return,
    .sub.school-crime .sv-flow-edu-link{ font-size: 14px; }
    .sub.school-crime .sv-flow-edu-box.is-sm .sv-flow-edu-head{ font-size: 14px; }
    .sub.school-crime .sv-flow-col{ padding: 12px 10px; }
    .sub.school-crime .sv-flow-cols-2,
    .sub.school-crime .sv-flow-cols-3,
    .sub.school-crime .sv-flow-cols-4,
    .sub.school-crime .sv-flow-edu-body.sv-flow-cols-2,
    .sub.school-crime .sv-flow-edu-row{ grid-template-columns: 1fr; }
    .sub.school-crime .sv-flow-cols-2 .sv-flow-col,
    .sub.school-crime .sv-flow-cols-3 .sv-flow-col,
    .sub.school-crime .sv-flow-cols-4 .sv-flow-col,
    .sub.school-crime .sv-flow-edu-body .sv-flow-col{ border-right: none; border-bottom: 1px solid #D9D9D9; }
    .sub.school-crime .sv-flow-cols-2 .sv-flow-col:last-child,
    .sub.school-crime .sv-flow-cols-3 .sv-flow-col:last-child,
    .sub.school-crime .sv-flow-cols-4 .sv-flow-col:last-child,
    .sub.school-crime .sv-flow-edu-body .sv-flow-col:last-child{ border-bottom: none; }
    .sub.school-crime .sv-flow-edu-body .sv-flow-col.half{ width: 100%; }
    .sub.school-crime .sv-flow-edu-box.is-orange .sv-flow-edu-head::before{ content:'[제출]'; padding-right: 5px; }
    .sub.school-crime .sv-flow-edu-box.is-sky .sv-flow-edu-head::before{ content:'[통보]'; padding-right: 5px; }
    .sub.school-crime .sv-flow .arrow-half-box .sv-flow-arrow{ width: 100%; margin-top: 0; }
    .sub.school-crime .sv-flow-return{ align-items: center; margin-right: 0; margin-top: 16px; gap: 12px; }
    .sub.school-crime .sv-flow-return::before{ width: 80px; height: 56px; }
    .sub.school-crime .sv-flow-branch-arrows span{ display: block; }
}
.sub.field-of-work .item-content .dot-list > li,
.sub.field-of-work .item-content .dash-list > li{ position: relative; padding-left: 15px; }
.sub.field-of-work .item-content .dot-list > li:before{ content: '•'; display: block; position: absolute; left: 0; top: 0; }
.sub.field-of-work .item-content .dot-list > li + li,
.sub.field-of-work .item-content .dash-list > li + li{ margin-top: 2px; }
.sub.field-of-work .item-content .dash-list > li:before{ content: '-'; display: block; position: absolute; left: 0; top: 0; }
.sub.field-of-work .item-content .blue{ color:#1E2A5E; }


@media screen and (max-width: 1250px) {
    .sub.field-of-work .item-content .title-wrap b{ font-size: 20px; }
    .sub.field-of-work .item-content .title-wrap .title-content{ font-size: 16px; }
    .sub.field-of-work .item-content .content{ font-size: 16px; }
    .sub.field-of-work .item-content .item-list{ grid-gap: 10px; }  
}
@media screen and (max-width: 950px) {
    .sub.field-of-work .banner-img-div{ aspect-ratio: 2/1; }

    .sub.field-of-work .item-content .title-wrap{ flex-direction: column; gap: 0; }
    .sub.field-of-work .item-content .item-list{ grid-template-columns: repeat(3, 1fr); }
    .sub.field-of-work .item-content .item-list .item{ padding: 20px 10px; min-height: unset; }
}
@media screen and (max-width: 650px) {
    .sub.field-of-work .item-content .item-list{ grid-template-columns: repeat(2, 1fr); }
    .sub.field-of-work .item-content .item-list .item{ font-size: 14px; }
}

.glightbox-container .gslide-inner-content{ padding: 10px; }
.glightbox-clean .gslide-media{ padding: 10px; background-color: #fff; }


.board-padding{ padding: 50px 0 100px 0; }


#hd_pop{ width: 100%; }
@media screen and (max-width: 700px) {
    .hd_pops_con{ max-width: 100%; height:auto !important; min-height: 200px; }
    .hd_pops{ max-width: 95%; left: 2.5% !important; height: auto !important; min-height: 200px;  }
}

.board-content-section{ padding: 100px 0; }
@media screen and (max-width: 1250px) {
    .board-content-section{ padding: 50px 0; }
}


.viewContent.apply{ line-height: 1.5em; }


/* EN site */
.oneteam-section .en-title{ display:none !important; }