@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 400 / var(--inner) * 100vw ), 400px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 400 / var(--inner) * 100vw ), 400px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"법무법인 동아"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3; font-size: var(--font-size-18);}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:8px; width:4px; height: 4px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

/*  css 파일 추가 처리(선택사항)  */
.fr-box .swiper-wrapper {display:block;}

.blocker {z-index: 100;}
.modal {max-width:980px; width: 100%;}

.bg-gray {background:#fafafa;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(60px, calc( 150 / var(--inner) * 100vw ), 150px) 0;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.subsec-container {display: flex;flex-direction: column;gap: var(--padding-80 );}

.greet-wrap .textbx {display: flex;flex-direction: column;gap: var(--padding-40); margin-top: var(--padding-70);text-align: center; position: relative;}
.greet-wrap .textbx:after {position: absolute; content: ''; left: 50%; top: 50%;transform: translate(-50%, -50%); width: clamp(100px, calc( 200 / var(--inner) * 100vw ), 200px); height: auto; aspect-ratio: 1/1; background:url(../images/sub/greet-logo.png) no-repeat center center; background-size: contain;}
.greet-wrap .quobx {display: inline-block; padding: 0 50px; position: relative; font-size: var(--font-size-28); font-weight: 600;}
.greet-wrap .quobx:after ,
.greet-wrap .quobx:before {position: absolute; content: ''; top: 50%; transform: translateY(-50%); width: clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); height: auto; aspect-ratio: 1/1;}
.greet-wrap .quobx:after {left: 0; background: url(../images/sub/quo-1.svg) no-repeat center center; background-size: contain;}
.greet-wrap .quobx:before {right: 0; background: url(../images/sub/quo-2.svg) no-repeat center center; background-size: contain;}
.greet-wrap .decbx {display: flex;flex-direction: column;gap: var(--padding-24);}
.greet-wrap .decbx .dec {font-size: var(--font-size-18); line-height: 1.66; color: var(--color-body);}
.greet-wrap .name {font-size: var(--font-size-18); font-weight: 600; line-height: 1.44;}

.loc-info {display:flex; flex-wrap:wrap; width:100%; }
.loc-info__main {position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; width:clamp(250px, calc(369 / var(--inner) * 100vw), 369px); min-height:200px; padding:var(--padding-40) var(--padding-20); background:var(--color-primary); text-align:center; overflow:hidden;}
.loc-info__logo {position:absolute; right:0; bottom:0; width:clamp(120px, calc(194 / var(--inner) * 100vw), 194px); height:auto; aspect-ratio: 194/121; pointer-events:none;}
.loc-info__logo img {display:block; width:100%; height:100%; object-fit:contain;}
.loc-info__txt {position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:24px; width:100%;}
.loc-info__cate {font-size:var(--font-size-16); line-height:1.5; color:rgba(255,255,255,0.8);}
.loc-info__addr {font-size:var(--font-size-20); font-weight:600; line-height:1.5; color:#fff;}
.loc-info__item {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:var(--padding-30); flex:1; min-width:clamp(200px, calc(277 / var(--inner) * 100vw), 277px); min-height:200px; padding:var(--padding-40) var(--padding-20); background:rgba(255,255,255,0.03); border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.loc-info__icn {display:flex; align-items:center; justify-content:center; width:clamp(20px, calc(32 / var(--inner) * 100vw), 32px); height:auto; aspect-ratio: 1/1;}
.loc-info__icn img {display:block; width:100%; height:100%; object-fit:contain;}
.loc-info__cont {display:flex; flex-direction:column; align-items:center; gap:8px; width:100%;}
.loc-info__label {font-size:var(--font-size-16); font-weight:500; line-height:1.5; color:#454545;}
.loc-info__val {font-size:var(--font-size-18); font-weight:600; line-height:1.444; color:#242424; word-break:break-all;}

.lawyer-contain {position: relative; overflow: hidden;}
.lawyer-contain:before {position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: clamp(200px, calc(400 / var(--inner) * 100vw), 400px); background: linear-gradient(90deg, rgba(94, 90, 85, 0.10) 0%, rgba(169, 163, 154, 0.10) 100%);}
.lawyer-contain:after {position: absolute; content: ''; bottom: -30px; right:clamp(10px, calc(100 / var(--inner) * 100vw), 100px); width: clamp(180px, calc(612 / var(--inner) * 100vw), 612px); height: auto; aspect-ratio: 612/390; background: url(../images/sub/lawyer-logo.svg) no-repeat center center; background-size: contain;}
.lawyer-wrap {margin-bottom: var(--padding-150);}

.lawyerslide .swiper-slide {width:clamp(240px, calc(380 / var(--inner) * 100vw), 380px);}
.lawyerslide.is-few .swiper-wrapper {justify-content:center; transform:translate3d(0, 0, 0) !important;}
.lawyerslide.is-few .swiper {overflow:visible;}
.lawyerslide .swiper-notification {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
.lawyerslide .ginner {display: block; }
.lawyerslide .image {position:relative; padding-bottom:126.31%; overflow:hidden; border-radius: var(--border-radius-24);}
.lawyerslide .image img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.lawyerslide .overlay {opacity: 0; display: flex;align-items: center;justify-content: center; position: absolute;left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%); border-radius: var(--border-radius-24);}
.lawyerslide .overlay .morebx {display: flex;flex-direction: column; align-items: center;justify-content: center; gap:2px; width: clamp(55px, calc( 80 / var(--inner) * 100vw ), 80px); height: auto; aspect-ratio: 1/1; background: #fff; border-radius: 50%;}
.lawyerslide .overlay span {font-size: var(--font-size-15); font-weight: 500; color: var(--color-primary); }
.lawyerslide .overlay svg {width: clamp(10px, calc( 18 / var(--inner) * 100vw ), 18px); height: auto; aspect-ratio: 1/1;}
.lawyerslide .textbx {display: flex; justify-content: center; align-items: center; margin-top: var(--padding-24); text-align: center;}
.lawyerslide .textbx .title {font-size: var(--font-size-28); font-weight: bold; line-height: 1.28;}
.lawyerslide .textbx .position {font-size: var(--font-size-18); line-height: 1.44; color: var(--color-primary); font-weight: 500;white-space: nowrap;}
.lawyerslide .textbx span {display: inline-block; position: relative; padding: 0 15px;}
.lawyerslide .textbx span:not(:last-child)::after {position: absolute; content: ''; right: -3px; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background: var(--color-primary); border-radius: 50%;}
.lawyerslide .ginner:hover .overlay {opacity: 1;}

.lawyer-detailcontainer {margin-bottom: var(--padding-150);}
.lawyer-detailtop .flxWrap {gap: var(--padding-60);}
.lawyer-detailtop .imgbx {width:  clamp(300px, calc( 540 / var(--inner) * 100vw ), 540px);}
.lawyer-detailtop .imgbx .images {position:relative; padding-bottom:126.31%; overflow:hidden; border-radius: var(--border-radius-24);}
.lawyer-detailtop .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.lawyer-detailtop .textbx {flex: 1; display: flex;flex-direction: column;gap:clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); letter-spacing: -0.5px;}
.lawyer-detailtop .toptitbx {display: flex;flex-direction: column;gap: var(--padding-20); }
.lawyer-detailtop .badgelist {display: flex;flex-wrap: wrap;gap: 8px;}
.lawyer-detailtop .badgeitem {padding:4px 12px; line-height: 1.5; font-weight: 500; color: var(--color-primary);border-radius: 50px; border: 1px solid rgba(36, 54, 77, 0.20); background: #FFF;}
.lawyer-detailtop .namebx {display: flex;align-items: center; gap: var(--padding-24);}
.lawyer-detailtop .position {font-size:var(--font-size-28); font-weight: 600; color: var(--color-primary); white-space: nowrap; line-height: 1;}
.lawyer-detailtop .name {font-size:var(--font-size-50); font-weight: bold;}
.midinfolist {display: flex; flex-wrap: wrap; gap: var(--padding-30) 0; margin: 0  clamp(-30px, calc( -30 / var(--inner) * 100vw ), -15px);}
.midinfoitem {display: flex;flex-direction: column;gap:8px; padding: 0 var(--padding-30); position: relative;}
.midinfoitem:not(:last-child)::after {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height:  clamp(30px, calc( 58 / var(--inner) * 100vw ), 58px); background: #ddd;}
.midinfoitem .tit {font-size: var(--font-size-18); font-weight: 600; color: var(--color-primary); line-height: 1.44;}
.midinfoitem .dec {font-size: var(--font-size-16); font-weight: 400; color: var(--color-body); line-height: 1.5;}
.btmtitbx .btminner {display: flex;flex-direction: column;gap: var(--padding-30); padding: var(--padding-30); border-radius: 16px; background: rgba(169, 163, 154, 0.08); }
.btmtitbx .btminner .inbox {display: flex;flex-direction: column;gap:10px; }
.btmtitbx .btminner .title {padding-left: clamp(20px, calc( 26 / var(--inner) * 100vw ), 26px); position: relative; font-size:var(--font-size-24); font-weight: 600;}
.btmtitbx .btminner .title::before {position: absolute; content: ''; left: 0; top:  clamp(7px, calc( 9 / var(--inner) * 100vw ), 9px); width:  clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); height: auto; aspect-ratio: 16/13; background: url(../images/sub/check.svg) no-repeat center center; background-size: contain;}
.btmtitbx .btminner .cont {line-height: 1.5; color: var(--color-body);}
.titbgbx {margin-bottom:16px; padding-bottom: var(--padding-24); border-bottom: 1px solid #dddd;}
.titbgbx .titbg {padding-left:26px; position: relative; font-size: var(--font-size-24); font-weight: 600; line-height: 1.33;}
.titbgbx .titbg::before {position: absolute; content: ''; left: 0; top:clamp(6px, calc( 9 / var(--inner) * 100vw ), 9px);width: clamp(10px, calc( 16 / var(--inner) * 100vw ), 16px); height: auto; aspect-ratio: 1/1; background: url(../images/sub/titbg.svg) no-repeat center center; background-size: contain;}
.insection .bullet-item {padding-left: var(--padding-25);}
.lawyer-buttons {margin-top: var(--padding-80) !important;}
.lawyer-buttons .btn-pack {min-width: clamp(120px, calc( 200 / var(--inner) * 100vw ), 200px) !important; line-height: clamp(42px, calc( 58 / var(--inner) * 100vw ), 58px) !important; height: clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px) !important;}


.busi-container {position: relative; overflow: hidden; padding-bottom: var(--padding-150);z-index: 2;}
.busi-container:before {position: absolute; content: ''; left: 0; bottom: 0; top: var(--padding-110); width: 100%; height: 100%; background: linear-gradient(90deg, rgba(94, 90, 85, 0.10) 0%, rgba(169, 163, 154, 0.10) 100%); z-index: -1;}
.busi-container:after {position: absolute; content: ''; bottom: -30px; right:clamp(10px, calc(100 / var(--inner) * 100vw), 100px); width: clamp(180px, calc(612 / var(--inner) * 100vw), 612px); height: auto; aspect-ratio: 612/390; background: url(../images/sub/lawyer-logo2.svg) no-repeat center center; background-size: contain; z-index: -1;}
.busitop-bg { padding:var(--padding-90) var(--padding-30); text-align: center; color: #fff;}
.busitop-bg.bg1 {background: url(../images/sub/sub3_top1.jpg) no-repeat center center; background-size: cover;}
.busitop-bg.bg2 {background: url(../images/sub/sub3_top2.jpg) no-repeat center center; background-size: cover;}
.busitop-bg.bg3 {background: url(../images/sub/sub3_top3.jpg) no-repeat center center; background-size: cover;}
.busitop-bg.bg4 {background: url(../images/sub/sub3_top4.jpg) no-repeat center center; background-size: cover;}
.busitop-bg.bg5 {background: url(../images/sub/sub3_top5.jpg) no-repeat center center; background-size: cover;}
.busitop-bg.bg6 {background: url(../images/sub/sub3_top6.jpg) no-repeat center center; background-size: cover;}
.busitop-bg.bg7 {background: url(../images/sub/sub3_top7.jpg) no-repeat center center; background-size: cover;}
.busitop-bg .txt1 {color: rgba(255, 255, 255, 0.60); line-height: 1.5; letter-spacing: 7px; font-size: var(--font-size-16);}
.busitop-bg .txt2 {display: inline-block; padding:0 50px; margin-top: var(--padding-16); position: relative; font-size: var(--font-size-28); font-weight: 700; line-height: 1.28; color: rgba(255, 255, 255, 0.80);}
.busitop-bg .txt2:before ,
.busitop-bg .txt2:after {position: absolute; content: ''; top: 50%; transform: translateY(-50%); width: clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); height: auto; aspect-ratio: 1/1;}
.busitop-bg .txt2:before {left: 0; background: url(../images/sub/quo2-1.svg) no-repeat center center; background-size: contain;}
.busitop-bg .txt2:after {right: 0; background: url(../images/sub/quo2-2.svg) no-repeat center center; background-size: contain;}
.busitop-bg .txt3 {margin-top: var(--padding-16); font-size: var(--font-size-16); font-weight: 500; line-height: 1.62; }

.busi-wrap {margin-top: var(--padding-60);}
.busicontents:not(:last-child) {margin-bottom: var(--padding-60); padding-bottom: var(--padding-60); border-bottom: 1px solid #ddd;}
.busicontents .flxWrap {gap: var(--padding-80);}
.busicontents .titlebx {width:clamp(200px, calc( 420 / var(--inner) * 100vw ), 420px); font-size: var(--font-size-32); font-weight: 600; line-height: 1.37;}
.busicontents .textbx {flex: 1; letter-spacing: -0.6px;}
.busicontents .decbx {display: flex;flex-direction: column;gap:var(--padding-24);}
.busicontents .dec {font-size: var(--font-size-18); line-height: 1.77; }

.busi-pointlist {display:flex; flex-direction:column; gap:var(--padding-24); width:100%; }
.busi-pointitem {display:flex; align-items:flex-start; flex-wrap: wrap; gap:var(--padding-30); padding:var(--padding-40); border-radius:16px; background:#fff; box-shadow:0 0 12px rgba(0, 0, 0, 0.08);}
.busi-pointitem__icn {display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.busi-pointitem__icn img {display:block; width:var(--padding-80); height:auto; aspect-ratio: 1/1; object-fit:contain;}
.busi-pointitem__txt {display:flex; flex-direction:column; gap:10px; flex:1; min-width:0;}
.busi-pointitem__tit {font-size:var(--font-size-20); font-weight:600; line-height:1.4; color:#242424;}
.busi-pointitem__dec {font-size:var(--font-size-16); line-height:1.5; color:#454545;}