@charset "utf-8";
/* style.css — 사이트 공통 + 서브페이지 전용
(header/footer/quick 은 layout.css, 메인 섹션은 main.css) */
:root{
--padding:20px;
--header_h:100px;
--width:1616px;
--point-color-1:#c9ab6b;
}
/* ===== 텍스트 리빌 (전 페이지 공통) ===== */
[data-delay]{position:relative; opacity:0;}
[data-delay].is_split{opacity:1;}
.ln{display:block; overflow:hidden;}
.ln_in{display:block; transform:translateY(110%);}
.is_split .ln_in{transition:transform .9s cubic-bezier(.22, 1, .36, 1);}
.section_on .is_split .ln_in{transform:none;}
/* ===== 공통 레이아웃 ===== */
.container{overflow-x:hidden;}
.cont{width:100%; max-width:var(--width); margin:0 auto; padding:0 var(--padding); box-sizing:border-box;}
body{word-break:keep-all;}
a{color:inherit;}
em{font-style:normal;}
.mb_only{display:none;}
.blind{position:absolute; width:1px; aspect-ratio:1 / 1; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
@media screen and (max-width: 768px){
.mb_only{display:block;}
}
/* ===== sub_visual (all sub pages) ===== */
.sub_visual{position:relative; padding:271px 0 195px; background:url("/dui/asset/img/sub/sub_visual.jpg") no-repeat center center / cover;}
/* layout stays shared — each sub page swaps only the photo */
.sub_visual.column_visual{background-image:url("/dui/asset/img/sub/sub_visual_column.jpg");}
.sub_visual.review_visual{background-image:url("/dui/asset/img/sub/sub_visual_review.jpg");}
.sub_visual.cases_visual{background-image:url("/dui/asset/img/sub/sub_visual_cases.jpg");}
.sub_visual.consult_visual{background-image:url("/dui/asset/img/sub/sub_visual_consult.jpg");}
.sub_visual::before{content:""; position:absolute; inset:0; background:rgba(36,29,30,0.6);}
.sub_visual .cont{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center;}
.sub_visual .tit{font-size:4.0625rem; font-weight:700; line-height:1.4; letter-spacing:-0.015em; color:#fff;}
.sub_visual .breadcrumb{margin-top:20px;}
.sub_visual .breadcrumb > ul{display:flex; align-items:center; gap:25px;}
.sub_visual .breadcrumb a,
.sub_visual .breadcrumb .btn_page{display:flex; align-items:center; gap:8px; padding-bottom:6px; border-bottom:2px solid var(--point-color-1); font-size:1.125rem; font-weight:600; line-height:1.5; letter-spacing:-0.015em; color:var(--point-color-1);}
.sub_visual .breadcrumb .home + li::before{content:""; width:8px; aspect-ratio:8 / 15; margin-right:25px; background:url("/dui/asset/img/sub/icon_location.svg") no-repeat center;}
.sub_visual .breadcrumb .current{position:relative; display:flex; align-items:center;}
.sub_visual .breadcrumb .current .btn_page{min-width:167px; padding:0 10px 6px;}
.sub_visual .breadcrumb .btn_page::after{content:""; width:16px; aspect-ratio:16 / 9; margin-left:auto; background:url("/dui/asset/img/sub/icon_arrow_select.svg") no-repeat center;}
.sub_visual .breadcrumb .page_list{position:absolute; left:32px; right:0; top:100%; z-index:2; display:none; margin-top:8px; background:#241d1e; border:1px solid rgba(201,171,107,0.4);}
.sub_visual .breadcrumb .current.on .page_list{display:block;}
.sub_visual .breadcrumb .page_list a{padding:10px 14px; border:0; font-weight:400; color:#fff;}
.sub_visual .breadcrumb .page_list a:hover{color:var(--point-color-1);}
/* below the desktop breakpoint the photo moves into the ::before band and the breadcrumb sits
under it on white, per the mobile artboard. Band ratio and title offset share the same width
basis so they scale together, and 768/460 also lands near the desktop hero height at 1025 */
@media screen and (max-width: 1024px){
.sub_visual{padding:0; background:#fff;}
/* the per-page photo moves to the band, so the modifiers must stop painting the section itself */
.sub_visual.column_visual,
.sub_visual.review_visual,
.sub_visual.cases_visual,
.sub_visual.consult_visual{background-image:none;}
.sub_visual::before{position:static; display:block; width:100%; aspect-ratio:768 / 460; background:linear-gradient(rgba(36,29,30,0.6), rgba(36,29,30,0.6)), url("/dui/asset/img/sub/sub_visual.jpg") no-repeat center center / cover;}
.sub_visual.column_visual::before{background-image:linear-gradient(rgba(36,29,30,0.6), rgba(36,29,30,0.6)), url("/dui/asset/img/sub/sub_visual_column.jpg");}
.sub_visual.review_visual::before{background-image:linear-gradient(rgba(36,29,30,0.6), rgba(36,29,30,0.6)), url("/dui/asset/img/sub/sub_visual_review.jpg");}
.sub_visual.cases_visual::before{background-image:linear-gradient(rgba(36,29,30,0.6), rgba(36,29,30,0.6)), url("/dui/asset/img/sub/sub_visual_cases.jpg");}
.sub_visual.consult_visual::before{background-image:linear-gradient(rgba(36,29,30,0.6), rgba(36,29,30,0.6)), url("/dui/asset/img/sub/sub_visual_consult.jpg");}
/* static so the absolutely placed title resolves against .sub_visual, not the breadcrumb row */
.sub_visual .cont{position:static; align-items:stretch; padding:0 18px;}
.sub_visual .tit{position:absolute; left:0; right:0; top:0; padding-top:30.8%; text-align:center; font-size:40px;}
.sub_visual .breadcrumb{margin-top:36px;}
}
@media screen and (max-width: 768px){
.sub_visual .tit{font-size:30px;}
.sub_visual .breadcrumb > ul{gap:30px;}
.sub_visual .breadcrumb a,
.sub_visual .breadcrumb .btn_page{padding-bottom:9px; border-bottom-width:1px; font-size:14px;}
.sub_visual .breadcrumb .home{flex:0 0 100px;}
.sub_visual .breadcrumb .home a{justify-content:center;}
/* the chevron sits in the gap between the two underlines, so it comes out of the flow */
.sub_visual .breadcrumb .home + li::before{position:absolute; right:100%; top:50%; margin-right:11px; transform:translateY(-50%);}
.sub_visual .breadcrumb .current{flex:1 1 auto;}
.sub_visual .breadcrumb .current .btn_page{flex:1 1 auto; min-width:0; padding:0 20px 9px;}
/* the button fills the row on phones, so the dropdown drops flush under it */
.sub_visual .breadcrumb .page_list{left:0;}
.sub_visual .breadcrumb .page_list a{padding:9px 12px;}
}
/* phones use the taller artboard band */
@media screen and (max-width: 480px){
.sub_visual::before{aspect-ratio:375 / 385;}
.sub_visual .tit{padding-top:52.8%;}
}
/* ===== sub_title_head (all sub pages) ===== */
.sub_title_head{padding-top:103px; text-align:center;}
.sub_title_head .eyebrow{display:inline-flex; align-items:center; gap:11px; font-size:1.375rem; font-weight:500; line-height:1.5; letter-spacing:-0.015em; color:var(--point-color-1);}
.sub_title_head .eyebrow::before,
.sub_title_head .eyebrow::after{content:""; width:2px; aspect-ratio:1 / 12; background:var(--point-color-1); transform:scaleY(0); transition:transform .9s cubic-bezier(.22, 1, .36, 1);}
.sub_title_head.section_on .eyebrow::before,
.sub_title_head.section_on .eyebrow::after{transform:none;}
.sub_title_head h2{margin-top:26px; font-size:3.125rem; font-weight:700; line-height:1.4; letter-spacing:-0.015em; color:#000;}
@media screen and (max-width: 1024px){
.sub_title_head{padding-top:70px;}
.sub_title_head .eyebrow{font-size:18px;}
.sub_title_head h2{font-size:36px;}
}
/* mobile design shows the heading only — no eyebrow */
@media screen and (max-width: 768px){
.sub_title_head{padding-top:66px;}
.sub_title_head .eyebrow{display:none;}
.sub_title_head h2{margin-top:0; font-size:26px;}
}
/* ===== lawyers_list ===== */
.lawyers_list.section_on .card_list li{opacity:1; transform:translateY(0); transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);}
.lawyers_list.section_on .card_list li:nth-child(1){transition-delay:.2s;}
.lawyers_list.section_on .card_list li:nth-child(2){transition-delay:.3s;}
.lawyers_list.section_on .card_list li:nth-child(3){transition-delay:.4s;}
.lawyers_list.section_on .card_list li:nth-child(4){transition-delay:.5s;}
.lawyers_list.section_on .card_list li:nth-child(5){transition-delay:.6s;}
.lawyers_list{padding:52px 0 140px;}
.lawyers_list .cont{max-width:1480px;}
/* design 1440 grid: card 460 + gap 30px, basis under 1/3 so a fourth card never fits */
.lawyers_list .card_list{display:flex; flex-wrap:wrap; column-gap:30px; row-gap:30px;}
.lawyers_list .card_list li{flex:1 1 30%; max-width:calc((100% - 60px) / 3); opacity:0; transform:translateY(40px);}
.lawyers_list .card_list .card{display:flex; flex-direction:column; height:100%; background:#584418; border-radius:20px; overflow:hidden;}
.lawyers_list .card_list img{margin-top:9.35%; aspect-ratio:460 / 463; object-fit:cover; object-position:center top;}
.lawyers_list .txt_area{flex:1 0 auto; padding:43px 43px 61px; background:#241d1e; border-top:2px solid var(--point-color-1);}
.lawyers_list .name{display:flex; align-items:baseline; gap:15px; font-size:2.1875rem; font-weight:700; line-height:1.4; letter-spacing:-0.015em; color:var(--point-color-1);}
.lawyers_list .name .role{font-size:1.5rem; font-weight:400; color:#fff;}
.lawyers_list .desc{margin-top:20px; font-size:1.125rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#c2bfbf;}
@media (hover:hover) and (pointer:fine){
.lawyers_list .card_list a.card{transition:transform .3s ease-out;}
.lawyers_list .card_list a.card:hover{transform:translateY(-10px);}
}
@media screen and (max-width: 1024px){
.lawyers_list{padding:40px 0 90px;}
.lawyers_list .card_list li{flex:1 1 40%; max-width:calc((100% - 30px) / 2);}
.lawyers_list .txt_area{padding:28px 30px 40px;}
.lawyers_list .name{font-size:28px;}
.lawyers_list .name .role{font-size:18px;}
.lawyers_list .desc{font-size:16px;}
}
@media screen and (max-width: 768px){
.lawyers_list{padding:24px 0 60px;}
.lawyers_list .card_list{row-gap:20px;}
.lawyers_list .card_list li{flex:1 1 100%; max-width:100%;}
.lawyers_list .txt_area{padding:20px 22px 28px;}
.lawyers_list .name{font-size:22px;}
.lawyers_list .name .role{font-size:15px;}
.lawyers_list .desc{margin-top:0; font-size:14px;}
}
/* ===== lawyers_view_profile ===== */
.lawyers_view_profile{padding-top:146px;}
.lawyers_view_profile .cont{max-width:1480px;}
.lawyers_view_profile .profile_box{position:relative; display:flex; justify-content:flex-end; padding:153px 0 107px; background:linear-gradient(to right, #241d1e, rgba(36,29,30,0.302)), linear-gradient(rgba(36,29,30,0.7), rgba(36,29,30,0.7)), url("/dui/asset/img/sub/lawyers_view_bg.jpg") no-repeat center top #241d1e;}
/* max-width (not width) keeps the portrait ratio and lets the 94px overhang above the box fall out of it */
/* portrait is pinned to the design size at every breakpoint — it must not rescale with the box */
.lawyers_view_profile .profile_box img{position:absolute; left:14.7917%; bottom:0; width:466px;}
.lawyers_view_profile .txt_area{flex:0 0 38.125%; padding-bottom:73px; border-bottom:2px solid var(--point-color-1);}
.lawyers_view_profile .role{display:inline-flex; align-items:center; justify-content:center; min-width:154px; padding:7.5px 25px; border:1px solid var(--point-color-1); box-sizing:border-box; font-size:1.5rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:var(--point-color-1);}
.lawyers_view_profile .name{display:block; margin-top:35px; font-size:3.75rem; font-weight:700; line-height:1.4; letter-spacing:-0.015em; color:#fff;}
@media screen and (max-width: 1024px){
.lawyers_view_profile{padding-top:90px;}
.lawyers_view_profile .profile_box{padding:100px 0 70px;}
.lawyers_view_profile .profile_box img{width:288px;}
.lawyers_view_profile .role{min-width:0; padding:6px 18px; font-size:18px;}
.lawyers_view_profile .name{margin-top:16px; font-size:40px;}
.lawyers_view_profile .txt_area{padding-bottom:50px;}
}
@media screen and (max-width: 768px){
.lawyers_view_profile{padding-top:47px;}
.lawyers_view_profile .cont{padding:0;}
.lawyers_view_profile .profile_box{padding:42px 0 37px;}
.lawyers_view_profile .profile_box img{left:4%; width:168px;}
.lawyers_view_profile .txt_area{flex:0 0 46.93%; padding-bottom:34px; border-bottom-width:1px;}
.lawyers_view_profile .role{padding:4.5px 12px; font-size:15px;}
.lawyers_view_profile .name{margin-top:16px; font-size:30px;}
}
/* tablets need the wider-screen proportions or the portrait climbs out of the box */
@media screen and (min-width: 481px) and (max-width: 768px){
.lawyers_view_profile .profile_box{padding:80px 0 60px;}
.lawyers_view_profile .profile_box img{left:4%; width:240px;}
.lawyers_view_profile .txt_area{flex:0 0 38.125%; padding-bottom:50px;}
}
/* ===== lawyers_view_career ===== */
.lawyers_view_career{padding-top:90px;}
.lawyers_view_career .cont{display:flex; max-width:1480px;}
.lawyers_view_career .col{flex:1 1 50%; padding:7px 0 0 52px; border-left:2px solid var(--point-color-1); box-sizing:border-box;}
.lawyers_view_career h3{font-size:2.5rem; font-weight:700; line-height:1.4; letter-spacing:-0.015em; color:#000;}
.lawyers_view_career ul{margin-top:24px;}
.lawyers_view_career li{position:relative; padding-left:13px; font-size:1.125rem; font-weight:400; line-height:1.95; letter-spacing:-0.015em; color:#000;}
.lawyers_view_career li::before{content:""; position:absolute; left:0; top:13px; width:8px; aspect-ratio:1 / 1; border:1px solid var(--point-color-1); border-radius:50%; box-sizing:border-box;}
@media screen and (max-width: 1024px){
.lawyers_view_career{padding-top:60px;}
.lawyers_view_career .col{padding-left:32px;}
.lawyers_view_career h3{font-size:30px;}
.lawyers_view_career ul{margin-top:18px;}
.lawyers_view_career li{font-size:16px; line-height:1.9;}
}
@media screen and (max-width: 768px){
.lawyers_view_career{padding-top:48px;}
.lawyers_view_career .cont{flex-direction:column;}
.lawyers_view_career .col{flex:0 0 auto; padding:4px 0 0 32px;}
.lawyers_view_career .col + .col{margin-top:29px;}
.lawyers_view_career h3{font-size:24px;}
.lawyers_view_career ul{margin-top:14px;}
.lawyers_view_career li{font-size:14px; line-height:1.7;}
.lawyers_view_career li::before{top:8px;}
}
/* ===== lawyers_view_service ===== */
.lawyers_view_service{padding:77px 0 140px;}
.lawyers_view_service .cont{max-width:1480px;}
.lawyers_view_service .service_box{position:relative; display:flex; padding:87px 0 67px; background:#f8f7f5;}
.lawyers_view_service .service_box::before{content:""; position:absolute; left:49.93%; top:80px; bottom:72px; width:1px; background:#c9c9c9;}
.lawyers_view_service .col{flex:1 1 50%; padding-left:100px; box-sizing:border-box;}
.lawyers_view_service .col + .col{padding-left:60px;}
.lawyers_view_service h3{font-size:2.5rem; font-weight:700; line-height:1.4; letter-spacing:-0.015em; color:#000;}
.lawyers_view_service ul{margin-top:24px;}
.lawyers_view_service li{position:relative; padding-left:13px; font-size:1.125rem; font-weight:400; line-height:1.95; letter-spacing:-0.015em; color:#000;}
.lawyers_view_service li::before{content:""; position:absolute; left:0; top:13px; width:8px; aspect-ratio:1 / 1; border:1px solid var(--point-color-1); border-radius:50%; box-sizing:border-box;}
@media screen and (max-width: 1024px){
.lawyers_view_service{padding:60px 0 90px;}
.lawyers_view_service .service_box{padding:50px 0;}
.lawyers_view_service .col{padding-left:50px;}
.lawyers_view_service .col + .col{padding-left:40px;}
.lawyers_view_service h3{font-size:30px;}
.lawyers_view_service ul{margin-top:18px;}
.lawyers_view_service li{font-size:16px; line-height:1.9;}
}
@media screen and (max-width: 768px){
.lawyers_view_service{padding:62px 0 60px;}
.lawyers_view_service .service_box{flex-direction:column; padding:32px 0;}
.lawyers_view_service .service_box::before{display:none;}
.lawyers_view_service .col{flex:0 0 auto; padding-left:32px;}
.lawyers_view_service .col + .col{margin-top:40px; padding-left:32px;}
.lawyers_view_service h3{font-size:24px;}
.lawyers_view_service ul{margin-top:14px;}
.lawyers_view_service li{font-size:14px; line-height:1.7;}
.lawyers_view_service li::before{top:8px;}
}
/* ===== column_list ===== */
.column_list.section_on .card_list li{opacity:1; transform:translateY(0); transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);}
.column_list.section_on .card_list li:nth-child(4n+1){transition-delay:.15s;}
.column_list.section_on .card_list li:nth-child(4n+2){transition-delay:.25s;}
.column_list.section_on .card_list li:nth-child(4n+3){transition-delay:.35s;}
.column_list.section_on .card_list li:nth-child(4n+4){transition-delay:.45s;}
.column_list{padding:40px 0 140px;}
.column_list .cont{max-width:1480px;}
/* design 1440 grid: card 336 + gap 32px. Basis stays under 1/4 of the row so a fifth card can
never fit and the four grow to fill whatever is left after the fixed gaps */
.column_list .card_list{display:flex; flex-wrap:wrap; column-gap:32px; row-gap:50px;}
.column_list .card_list li{flex:1 1 20%; max-width:calc((100% - 96px) / 4); opacity:0; transform:translateY(40px);}
.column_list .card_list a{display:flex; flex-direction:column; height:100%; background:#fff; border:1px solid #c9c9c9; border-radius:20px; box-shadow:3px 3px 5px rgba(0,0,0,0.05); box-sizing:border-box; overflow:hidden;}
.column_list .card_list img{aspect-ratio:336 / 212; object-fit:cover;}
.column_list .txt_area{flex:1 0 auto; padding:19px 29px 58px;}
.column_list .tit{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.25rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.column_list .desc{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-top:18px; font-size:1rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.column_list .date{display:block; margin-top:49px; font-size:1rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#888;}
@media (hover:hover) and (pointer:fine){
.column_list .card_list a{transition:transform .3s ease-out, box-shadow .3s ease-out;}
.column_list .card_list a:hover{transform:translateY(-10px); box-shadow:3px 8px 14px rgba(0,0,0,0.1);}
}
/* paging is the same board control on every list page — one declaration, several owners */
.column_list .paging,
.review_list .paging,
.cases_list .paging{margin-top:76px;}
.column_list .paging ul,
.review_list .paging ul,
.cases_list .paging ul,
.consult_list_board .paging ul{display:flex; justify-content:center; align-items:center; gap:4px;}
.column_list .paging a,
.review_list .paging a,
.cases_list .paging a,
.consult_list_board .paging a{display:flex; align-items:center; justify-content:center; width:42px; aspect-ratio:1 / 1; border-radius:50%; box-sizing:border-box; background:#f9f9f9; font-size:1rem; font-weight:400; line-height:1.5; color:#000;}
.column_list .paging .first,
.review_list .paging .first,
.cases_list .paging .first,
.consult_list_board .paging .first{background:url("/dui/asset/img/sub/icon_page_first.svg") no-repeat center #fff; border:1px solid #c9c9c9;}
.column_list .paging .prev,
.review_list .paging .prev,
.cases_list .paging .prev,
.consult_list_board .paging .prev{margin-right:16px; background:url("/dui/asset/img/sub/icon_page_prev.svg") no-repeat center #fff; border:1px solid #c9c9c9;}
.column_list .paging .next,
.review_list .paging .next,
.cases_list .paging .next,
.consult_list_board .paging .next{margin-left:16px; background:url("/dui/asset/img/sub/icon_page_next.svg") no-repeat center #fff; border:1px solid #c9c9c9;}
.column_list .paging .last,
.review_list .paging .last,
.cases_list .paging .last,
.consult_list_board .paging .last{background:url("/dui/asset/img/sub/icon_page_last.svg") no-repeat center #fff; border:1px solid #c9c9c9;}
.column_list .paging .on,
.review_list .paging .on,
.cases_list .paging .on,
.consult_list_board .paging .on{background-color:#fff; border:1px solid #000;}
@media screen and (max-width: 1024px){
.column_list .paging,
.review_list .paging,
.cases_list .paging{margin-top:50px;}
}
@media screen and (max-width: 768px){
.column_list .paging,
.review_list .paging,
.cases_list .paging{margin-top:34px;}
.column_list .paging ul,
.review_list .paging ul,
.cases_list .paging ul,
.consult_list_board .paging ul{flex-wrap:wrap; gap:4px;}
.column_list .paging .prev,
.review_list .paging .prev,
.cases_list .paging .prev,
.consult_list_board .paging .prev{margin-right:8px;}
.column_list .paging .next,
.review_list .paging .next,
.cases_list .paging .next,
.consult_list_board .paging .next{margin-left:8px;}
.column_list .paging a,
.review_list .paging a,
.cases_list .paging a,
.consult_list_board .paging a{width:30px; font-size:14px;}
}
@media screen and (max-width: 1024px){
.column_list{padding:40px 0 90px;}
.column_list .card_list{column-gap:32px; row-gap:30px;}
.column_list .card_list li{flex:1 1 40%; max-width:calc((100% - 32px) / 2);}
.column_list .txt_area{padding:22px 22px 24px;}
.column_list .tit{font-size:18px;}
.column_list .desc{margin-top:10px; font-size:15px;}
.column_list .date{margin-top:16px; font-size:15px;}
}
@media screen and (max-width: 768px){
.column_list{padding:24px 0 60px;}
.column_list .card_list{column-gap:0; row-gap:20px;}
.column_list .card_list li{flex:1 1 100%; max-width:100%;}
.column_list .txt_area{padding:18px 18px 20px;}
.column_list .tit{font-size:17px;}
.column_list .desc{font-size:14px;}
.column_list .date{margin-top:12px; font-size:14px;}
}
/* ===== column_view_article ===== */
.column_view_article{padding:68px 0 142px;}
.column_view_article .cont{max-width:1480px;}
.column_view_article .head{padding:26px 40px 25px; border-top:2px solid var(--point-color-1); border-bottom:1px solid #c9c9c9;}
.column_view_article .tit_area{display:flex; align-items:center; gap:20px;}
.column_view_article .state{display:flex; flex:0 0 auto; align-items:center; gap:7px; height:40px; padding:0 25px 0 22px; background:#fff; border:1px solid #c9c9c9; border-radius:2em; box-sizing:border-box; font-size:1.125rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#e38842; white-space:nowrap;}
.column_view_article .state::before{content:""; width:9px; aspect-ratio:1 / 1; background:#e38842; border-radius:50%;}
.column_view_article .tit{display:block; font-size:1.875rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.column_view_article .info{display:flex; align-items:center; margin-top:10px;}
.column_view_article .info li{font-size:1rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#888;}
.column_view_article .info li + li{margin-left:20px; padding-left:20px; border-left:1px solid #c9c9c9;}
.column_view_article .body{padding:102px 40px 100px; border-bottom:1px solid #ddd;}
.column_view_article .body p{margin-top:65px; font-size:1.25rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.column_view_article .body p + p{margin-top:30px;}
.column_view_article .btn_area{display:flex; align-items:center; margin-top:40px; padding:0 40px;}
.column_view_article .move{display:flex; gap:8px;}
.column_view_article .move a{display:flex; align-items:center; justify-content:center; gap:14px; width:144px; height:46px; border:1px solid #c9c9c9; box-sizing:border-box; font-size:1.125rem; font-weight:500; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.column_view_article .move a::before{content:""; width:8px; aspect-ratio:8 / 13; background:no-repeat center;}
.column_view_article .move .prev::before{background-image:url("/dui/asset/img/sub/icon_page_prev.svg");}
/* next arrow sits after its label — order flips it without a second pseudo element */
.column_view_article .move .next::before{order:1; background-image:url("/dui/asset/img/sub/icon_page_next.svg");}
.column_view_article .btn_list{display:flex; align-items:center; justify-content:center; width:142px; height:47px; margin-left:auto; background:var(--point-color-1); box-sizing:border-box; font-size:1.125rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#fff;}
/* consult view reuses this article, but 수정/삭제 are actions - not prev/next paging */
.column_view_article .btns{display:flex; gap:7px;}
.column_view_article .btns a{display:flex; align-items:center; justify-content:center; width:126px; height:47px; background:#f9f9f9; border:1px solid #c9c9c9; box-sizing:border-box; font-size:1.125rem; font-weight:500; line-height:1.5; letter-spacing:-0.015em; color:#000;}
@media screen and (max-width: 1024px){
.column_view_article{padding:50px 0 90px;}
.column_view_article .head{padding:22px 0 20px;}
.column_view_article .tit_area{gap:14px;}
.column_view_article .state{height:34px; padding:0 18px 0 16px; font-size:15px;}
.column_view_article .tit{font-size:24px;}
.column_view_article .info li{font-size:15px;}
.column_view_article .info li + li{margin-left:20px; padding-left:20px;}
.column_view_article .body{padding:60px 0;}
.column_view_article .body p{margin-top:40px; font-size:17px;}
.column_view_article .body p + p{margin-top:26px;}
.column_view_article .btn_area{margin-top:80px; padding:0;}
}
@media screen and (max-width: 768px){
.column_view_article{padding:34px 0 60px;}
.column_view_article .head{padding:18px 0 16px;}
.column_view_article .tit_area{gap:10px;}
.column_view_article .state{height:30px; padding:0 14px 0 12px; font-size:13px;}
.column_view_article .state::before{width:7px;}
.column_view_article .tit{font-size:20px;}
.column_view_article .info li{font-size:13px;}
.column_view_article .info li + li{margin-left:14px; padding-left:14px;}
.column_view_article .body{padding:34px 0a;}
.column_view_article .body p{margin-top:26px; font-size:15px;}
.column_view_article .body p + p{margin-top:22px;}
.column_view_article .btn_area{margin-top:50px;}
.column_view_article .move a{gap:10px; width:104px; height:40px; font-size:15px;}
.column_view_article .btns a{width:104px; height:40px; font-size:15px;}
.column_view_article .btn_list{width:104px; height:40px; font-size:15px;}
}
/* ===== review_list ===== */
.review_list.section_on .card_list li{opacity:1; transform:translateY(0); transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);}
.review_list.section_on .card_list li:nth-child(4n+1){transition-delay:.15s;}
.review_list.section_on .card_list li:nth-child(4n+2){transition-delay:.25s;}
.review_list.section_on .card_list li:nth-child(4n+3){transition-delay:.35s;}
.review_list.section_on .card_list li:nth-child(4n+4){transition-delay:.45s;}
.review_list{padding:76px 0 160px;}
.review_list .cont{max-width:1480px;}
/* design 1440 grid: card 336 + gap 32px, same basis trick as the column board */
.review_list .card_list{display:flex; flex-wrap:wrap; column-gap:32px; row-gap:50px;}
.review_list .card_list li{flex:1 1 20%; max-width:calc((100% - 96px) / 4); opacity:0; transform:translateY(40px);}
.review_list .card_list > li > a{display:flex; flex-direction:column; height:100%; background:#fff; border-radius:20px; box-shadow:3px 3px 5px rgba(0,0,0,0.05); overflow:hidden;}
.review_list .img_area{position:relative; aspect-ratio:340 / 268; overflow:hidden;}
.review_list .img_area::after{content:""; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(52,42,43,0), rgba(52,42,43,1));}
.review_list .img_area img{width:100%; height:100%; object-fit:cover; object-position:center top;}
.review_list .top_title{position:absolute; left:0; bottom:0; z-index:1; width:100%; padding:0 32px 26px; box-sizing:border-box;}
.review_list .badge{display:block; padding-bottom:14px; margin-bottom:14px; border-bottom:1px solid #fff; font-size:1.3125rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#fff;}
.review_list .headline{display:block; font-size:1rem; font-weight:500; line-height:1.5; letter-spacing:-0.015em; color:#fff;}
.review_list .txt_area{flex:1 0 auto; padding:39px 32px 40px; border:1px solid #c9c9c9; border-radius:0 0 20px 20px;}
.review_list .tit{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:1.25rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.review_list .desc{display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; margin-top:15px; font-size:1rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.review_list .info{display:flex; justify-content:space-between; align-items:center; margin-top:20px; font-size:1rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#888;}
@media (hover:hover) and (pointer:fine){
.review_list .card_list > li > a{transition:transform .3s ease-out, box-shadow .3s ease-out;}
.review_list .card_list > li > a:hover{transform:translateY(-10px); box-shadow:3px 8px 14px rgba(0,0,0,0.1);}
}
@media screen and (max-width: 1024px){
.review_list{padding:50px 0 90px;}
.review_list .card_list{column-gap:32px; row-gap:40px;}
.review_list .card_list li{flex:1 1 40%; max-width:calc((100% - 32px) / 2);}
.review_list .top_title{padding:0 22px 20px;}
.review_list .badge{padding-bottom:10px; margin-bottom:10px; font-size:18px;}
.review_list .headline{font-size:15px;}
.review_list .txt_area{padding:26px 22px 28px;}
.review_list .tit{font-size:18px;}
.review_list .desc{margin-top:12px; font-size:15px;}
.review_list .info{margin-top:16px; font-size:15px;}
}
@media screen and (max-width: 768px){
.review_list{padding:34px 0 60px;}
.review_list .card_list{column-gap:0; row-gap:20px;}
.review_list .card_list li{flex:1 1 100%; max-width:100%;}
.review_list .top_title{padding:0 18px 16px;}
.review_list .badge{font-size:16px;}
.review_list .headline{font-size:14px;}
.review_list .txt_area{padding:20px 18px 22px;}
.review_list .tit{font-size:17px;}
.review_list .desc{margin-top:10px; font-size:14px;}
.review_list .info{margin-top:14px; font-size:14px;}
}
/* ===== cases_list ===== */
.cases_list.section_on .card_list li{opacity:1; transform:translateY(0); transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);}
.cases_list.section_on .card_list li:nth-child(4n+1){transition-delay:.15s;}
.cases_list.section_on .card_list li:nth-child(4n+2){transition-delay:.25s;}
.cases_list.section_on .card_list li:nth-child(4n+3){transition-delay:.35s;}
.cases_list.section_on .card_list li:nth-child(4n+4){transition-delay:.45s;}
.cases_list{padding:66px 0 154px;}
.cases_list .cont{max-width:1480px;}
/* same 1440 grid as the review board: card 340 + gap 28px */
.cases_list .card_list{display:flex; flex-wrap:wrap; column-gap:28px; row-gap:57px;}
.cases_list .card_list li{flex:1 1 20%; max-width:calc((100% - 84px) / 4); opacity:0; transform:translateY(40px);}
.cases_list .card_list > li > a{display:flex; flex-direction:column; height:100%; background:#fff; border-radius:20px; box-shadow:3px 3px 5px rgba(0,0,0,0.05); overflow:hidden;}
.cases_list .tag{display:block; padding:9px; background:var(--point-color-1); text-align:center; font-size:1.25rem; font-weight:500; line-height:1.5; letter-spacing:-0.015em; color:#fff;}
.cases_list .txt_area{position:relative; flex:1 0 auto; padding:20px 25px 0;}
.cases_list .tit{position:relative; z-index:2; display:block; font-size:1.625rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.cases_list .desc{position:relative; z-index:2; display:block; margin-top:6px; font-size:1.125rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#000;}
/* the ruling scan slides up behind the copy, so the card reads as one document */
.cases_list .bg{position:relative; margin:-61px -25px 0;}
/* the scan slides up behind the copy, so it fades to white where the text sits */
.cases_list .bg::before{content:""; position:absolute; left:0; top:0; z-index:1; width:100%; height:150px; background:linear-gradient(180deg, #fff 0%, #fff 41%, rgba(255,255,255,0) 100%);}
.cases_list .bg img{width:100%;}
.cases_list .doc{position:absolute; left:50%; top:50%; z-index:2; width:47%; padding:5px; border:3px solid #ff0000; box-sizing:border-box; text-align:center; font-size:2.1875rem; font-weight:700; line-height:1.4; letter-spacing:-0.015em; color:#ff0000; transform:translate(-50%, -50%) rotate(-10deg);}
@media (hover:hover) and (pointer:fine){
.cases_list .card_list > li > a{transition:transform .3s ease-out, box-shadow .3s ease-out;}
.cases_list .card_list > li > a:hover{transform:translateY(-10px); box-shadow:3px 8px 14px rgba(0,0,0,0.1);}
}
@media screen and (max-width: 1024px){
.cases_list{padding:50px 0 90px;}
.cases_list .card_list{column-gap:28px; row-gap:40px;}
.cases_list .card_list li{flex:1 1 40%; max-width:calc((100% - 28px) / 2);}
.cases_list .tag{font-size:17px;}
.cases_list .txt_area{padding:18px 26px 0;}
.cases_list .tit{font-size:22px;}
.cases_list .desc{font-size:16px;}
.cases_list .bg{margin:-48px -26px 0;}
.cases_list .bg::before{height:120px;}
.cases_list .doc{font-size:30px; border-width:2px;}
}
@media screen and (max-width: 768px){
.cases_list{padding:34px 0 60px;}
.cases_list .card_list{column-gap:0; row-gap:20px;}
.cases_list .card_list li{flex:1 1 100%; max-width:100%;}
.cases_list .tag{padding:8px; font-size:15px;}
.cases_list .txt_area{padding:16px 22px 0;}
.cases_list .tit{font-size:20px;}
.cases_list .desc{font-size:14px;}
.cases_list .bg{margin:-40px -22px 0;}
.cases_list .bg::before{height:100px;}
.cases_list .doc{font-size:26px; border-width:2px;}
}
/* ===== consult_form ===== */
/* the terms box is a scroll well, so its height is a token rather than a literal */
.consult_form{--agree_h:340px; padding:56px 0 142px;}
.consult_form .cont{max-width:1480px;}
.consult_form .tit{position:relative; display:block; padding-left:31px; font-size:1.875rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.consult_form .tit::before{content:""; position:absolute; left:0; top:16px; width:11px; aspect-ratio:1 / 1; border:2px solid var(--point-color-1); border-radius:50%; box-sizing:border-box;}
.consult_form .agree_box{max-height:var(--agree_h); margin-top:27px; padding:37px 40px; border: 10px solid #F2F2F2; box-sizing:border-box; overflow-y:auto;}
.consult_form .agree_box p{font-size:1.125rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.consult_form .agree_box p + p{margin-top:27px;}
.consult_form .agree_check{display:flex; align-items:center; justify-content:center; gap:12px; padding:21px 0; background:#f2f2f2;}
/* reset.css strips the native control, so the box and its tick are drawn here */
.consult_form .agree_check input{width:20px; aspect-ratio:1 / 1; padding:0; background:#fff; border:1px solid #c9c9c9; border-radius:0; box-sizing:border-box; appearance:none; -webkit-appearance:none; cursor:pointer;}
.consult_form .agree_check input:checked{background:#fff url("/dui/asset/img/sub/icon_check_form.svg") no-repeat center;}
.consult_form .agree_check label{font-size:1.125rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#000; cursor:pointer;}
.consult_form fieldset{min-width:0; margin-top:60px; border-top:1px solid var(--point-color-1); border-bottom:1px solid #000;}
.consult_form .row{display:flex; align-items:center; padding:19px 0;}
.consult_form .row:not(:last-child){border-bottom:1px solid #c9c9c9;}
.consult_form .label{flex:0 0 280px; padding-left:40px; box-sizing:border-box; font-size:1.25rem; font-weight:500; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.consult_form .label em{color:#ff0000;}
.consult_form .input_area{display:flex; flex:1 1 auto; align-items:center; gap:16px; min-width:0;}
.consult_form input,
.consult_form select,
.consult_form textarea{height:auto; min-width:0; padding:10px 20px; background:#fff; border:1px solid #c9c9c9; border-radius:5px; box-sizing:border-box; font-size:1.25rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.consult_form ::placeholder{color:#888;}
.consult_form select{padding-right:44px; background:url("/dui/asset/img/sub/icon_arrow_select.svg") no-repeat right 20px center #fff; appearance:none;}
.consult_form .input_area textarea{width:100%; resize:vertical;}
.consult_form .w_select{flex:0 1 268px;}
.consult_form .w_mid{flex:0 1 502px;}
.consult_form .w_tel{flex:0 1 120px;}
.consult_form .input_area .w_tel + .w_tel{flex:0 1 200px;}
.consult_form .w_email{flex:0 1 242px;}
.consult_form .input_area .w_email + .at + .w_email{flex:0 1 302px;}
.consult_form .w_domain{flex:0 1 302px;}
.consult_form .at{font-size:1.25rem; font-weight:400; line-height:1.5; color:#000;}
.consult_form .w_full{flex:1 1 100%;}
/* the mail row packs four controls, so it runs a tighter gutter than the rest */
.consult_form .email_area{gap:10px;}
.consult_form .file_area{gap:4px;}
.consult_form .file_name{flex:0 1 640px; min-width:0;}
.consult_form .btn_file{display:flex; flex:0 0 150px; align-items:center; justify-content:center; padding:10px; background:#241d1e; border-radius:5px; box-sizing:border-box; font-size:1.25rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#fff; cursor:pointer;}
/* modify mode lists the stored file next to the picker: keep/delete + download */
.consult_form .file_now{display:flex; flex:0 0 auto; align-items:center; gap:10px; margin-left:12px;}
.consult_form .file_del{display:flex; align-items:center; gap:8px; font-size:1rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#888; cursor:pointer;}
.consult_form .file_del input{flex:0 0 auto; width:20px; aspect-ratio:1 / 1; padding:0; background:#fff; border:1px solid #c9c9c9; border-radius:0; box-sizing:border-box; appearance:none; -webkit-appearance:none; cursor:pointer;}
.consult_form .file_del input:checked{background:#fff url("/dui/asset/img/sub/icon_check_form.svg") no-repeat center;}
.consult_form .file_del em{max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-style:normal; color:#000;}
.consult_form .file_del .size{margin-right:4px;}
.consult_form .btn_down{display:flex; flex:0 0 auto; align-items:center; justify-content:center; height:40px; padding:0 16px; border:1px solid #c9c9c9; border-radius:5px; box-sizing:border-box; font-size:1rem; font-weight:500; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.consult_form .btn_submit{display:flex; align-items:center; justify-content:center; width:100%; margin-top:50px; padding:22px; background:var(--point-color-1); border:0; border-radius:5px; box-sizing:border-box; font-size:1.5rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#fff; cursor:pointer;}
@media screen and (max-width: 1024px){
.consult_form{--agree_h:280px; padding:40px 0 90px;}
.consult_form .tit{font-size:24px;}
.consult_form .tit::before{top:12px;}
.consult_form .agree_box{padding:26px 24px;}
.consult_form .agree_box p{font-size:16px;}
.consult_form fieldset{margin-top:40px;}
.consult_form .label{flex:0 0 180px; padding-left:16px; font-size:17px;}
.consult_form input,
.consult_form select,
.consult_form textarea{font-size:16px;}
.consult_form .w_select{flex:0 1 220px;}
.consult_form .w_mid{flex:0 1 320px;}
.consult_form .w_tel{flex:0 1 110px;}
.consult_form .input_area .w_tel + .w_tel{flex:0 1 130px;}
.consult_form .w_email{flex:0 1 160px;}
.consult_form .input_area .w_email + .at + .w_email{flex:0 1 190px;}
.consult_form .w_domain{flex:0 1 180px;}
.consult_form .file_name{flex:0 1 440px;}
.consult_form .btn_file{flex:0 0 110px; font-size:16px;}
.consult_form .file_area{flex-wrap:wrap; row-gap:10px;}
.consult_form .file_now{flex:1 1 100%; margin-left:0;}
.consult_form .file_del{font-size:15px;}
.consult_form .btn_down{height:36px; font-size:15px;}
.consult_form .btn_submit{margin-top:36px; padding:18px; font-size:20px;}
}
@media screen and (max-width: 768px){
.consult_form{--agree_h:220px; padding:30px 0 60px;}
.consult_form .tit{font-size:20px;}
.consult_form .tit::before{top:9px;}
.consult_form .agree_box{padding:18px; margin-top:18px;}
.consult_form .agree_box p{font-size:14px;}
.consult_form .agree_check{padding:14px 0;}
.consult_form .agree_check label{font-size:14px;}
.consult_form fieldset{margin-top:30px;}
.consult_form .row{flex-direction:column; align-items:stretch; gap:8px; padding:14px 0;}
.consult_form .label{flex:0 0 auto; padding-left:0; font-size:15px;}
.consult_form .input_area{flex-wrap:nowrap; gap:8px;}
.consult_form input,
.consult_form select,
.consult_form textarea{padding:8px 12px; font-size:15px;}
.consult_form .w_select{flex:1 1 100%;}
.consult_form .w_mid{flex:1 1 100%;}
.consult_form .w_tel{flex:1 1 0;}
.consult_form .input_area .w_tel + .w_tel{flex:1 1 0;}
.consult_form .w_email{flex:1 1 0;}
.consult_form .input_area .w_email + .at + .w_email{flex:1 1 0;}
.consult_form .w_domain{flex:1 1 0;}
.consult_form select{padding-right:26px; background-position:right 8px center;}
.consult_form .email_area{gap:6px;}
.consult_form .btn_file{flex:0 0 90px; padding:8px; font-size:14px;}
.consult_form .file_area{flex-wrap:wrap; row-gap:8px;}
.consult_form .file_del{gap:6px; font-size:13px;}
.consult_form .file_del em{max-width:120px;}
.consult_form .btn_down{height:32px; padding:0 12px; font-size:13px;}
.consult_form .btn_submit{margin-top:26px; padding:14px; font-size:17px;}
}
/* ===== consult_list ===== */
.consult_list_board{padding:68px 0 142px;}
.consult_list_board .cont{max-width:1480px;}
.consult_list_board .board_list{width:100%; border-top:2px solid var(--point-color-1); border-collapse:collapse; table-layout:fixed;}
.consult_list_board .col_no{width:7%;}
.consult_list_board .col_subject{width:46.1%;}
.consult_list_board .col_writer{width:17.8%;}
.consult_list_board .col_date{width:11.6%;}
.consult_list_board .col_state{width:17.5%;}
.consult_list_board th{padding:19px 0; border-bottom:1px solid #000; text-align:center; font-size:1.375rem; font-weight:500; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.consult_list_board td{padding:13px 0; border-bottom:1px solid #e4e4e4; text-align:center; font-size:1.125rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.consult_list_board .subject{padding-left:44px; text-align:left;}
.consult_list_board .subject a{display:flex; align-items:center; gap:9px;}
.consult_list_board .subject span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.consult_list_board .state{display:inline-flex; align-items:center; gap:9px; padding:6px 24px; border:1px solid #c9c9c9; border-radius:2em; font-size:1.125rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em;}
.consult_list_board .state::before{content:""; width:8px; aspect-ratio:1 / 1; border-radius:50%; background:currentColor;}
.consult_list_board .receipt{color:#e38842;}
.consult_list_board .done{color:#28b932;}
.consult_list_board .visit{color:#ab5dd8;}
.consult_list_board .btn_area{position:relative; margin-top:52px;}
.consult_list_board .btn_write{position:absolute; right:0; top:50%; display:flex; align-items:center; justify-content:center; width:140px; padding:9px; border:1px solid #c9c9c9; box-sizing:border-box; font-size:1.125rem; font-weight:700; line-height:1.5; letter-spacing:-0.015em; color:#000; transform:translateY(-50%);}
@media (hover:hover) and (pointer:fine){
.consult_list_board .subject a:hover span{text-decoration:underline;}
}
@media screen and (max-width: 1024px){
.consult_list_board{padding:50px 0 90px;}
.consult_list_board th{padding:16px 0; font-size:18px;}
.consult_list_board td{padding:10px 0; font-size:16px;}
.consult_list_board .subject{padding-left:20px;}
.consult_list_board .state{padding:5px 14px; font-size:15px;}
.consult_list_board .btn_area{margin-top:40px;}
.consult_list_board .btn_write{width:110px; font-size:15px;}
}
@media screen and (max-width: 768px){
.consult_list_board{padding:34px 0 60px;}
/* the writer/date columns fall away on phones — number, title, state carry the row */
.consult_list_board th{padding:12px 0; font-size:15px;}
.consult_list_board td{padding:8px 0; font-size:14px;}
.consult_list_board .subject{padding-left:10px;}
.consult_list_board .subject a{gap:5px;}
.consult_list_board .subject img{width:12px;}
.consult_list_board .state{gap:5px; padding:4px 10px; font-size:13px;}
.consult_list_board .state::before{width:6px;}
.consult_list_board .btn_area{margin-top:28px; padding-bottom:56px;}
.consult_list_board .btn_write{right:50%; top:auto; bottom:0; width:120px; font-size:14px; transform:translate(50%, 0);}
}
/* phones drop the writer and date cells; maps by position, so the state cell inherits the third */
@media screen and (max-width: 480px){
.consult_list_board .col_no{width:16%;}
.consult_list_board .col_subject{width:50%;}
.consult_list_board .col_writer{width:34%;}
.consult_list_board .col_date,
.consult_list_board .col_state{width:0;}
.consult_list_board th:nth-child(3),
.consult_list_board th:nth-child(4),
.consult_list_board td:nth-child(3),
.consult_list_board td:nth-child(4){display:none;}
}
/* ===== consult_pwd_check ===== */
.consult_pwd_check{padding:66px 0 142px;}
.consult_pwd_check .cont{max-width:1480px;}
.consult_pwd_check .box{padding:71px 20px 74px; background:#f9f9f9; border:1px solid #c9c9c9; text-align:center;}
.consult_pwd_check .box::before{content:""; display:block; width:53px; aspect-ratio:53 / 60; margin:0 auto; background:url("/dui/asset/img/sub/lock.svg") no-repeat center / contain;}
.consult_pwd_check .desc{margin-top:26px; font-size:1.5rem; font-weight:500; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.consult_pwd_check .desc span{color:var(--point-color-1);}
.consult_pwd_check fieldset{display:flex; justify-content:center; min-width:0; gap:16px; margin-top:46px;}
.consult_pwd_check input{height:auto; width:494px; max-width:100%; padding:10px 20px; background:#fff; border:1px solid #c9c9c9; border-radius:5px; box-sizing:border-box; font-size:1.25rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#000;}
.consult_pwd_check ::placeholder{color:#888;}
.consult_pwd_check .btn_confirm{display:flex; flex:0 0 146px; align-items:center; justify-content:center; padding:10px; background:#241d1e; border:0; border-radius:5px; box-sizing:border-box; font-size:1.25rem; font-weight:400; line-height:1.5; letter-spacing:-0.015em; color:#fff; cursor:pointer;}
@media screen and (max-width: 1024px){
.consult_pwd_check{padding:50px 0 90px;}
.consult_pwd_check .box{padding:54px 20px;}
.consult_pwd_check .desc{margin-top:20px; font-size:19px;}
.consult_pwd_check fieldset{margin-top:34px;}
.consult_pwd_check input{width:360px; font-size:16px;}
.consult_pwd_check .btn_confirm{flex:0 0 110px; font-size:16px;}
}
@media screen and (max-width: 768px){
.consult_pwd_check{padding:34px 0 60px;}
.consult_pwd_check .box{padding:38px 18px;}
.consult_pwd_check .box::before{width:34px;}
.consult_pwd_check .desc{margin-top:16px; font-size:15px;}
.consult_pwd_check fieldset{gap:8px; margin-top:24px;}
.consult_pwd_check input{width:auto; flex:1 1 auto; min-width:0; padding:8px 12px; font-size:15px;}
.consult_pwd_check .btn_confirm{flex:0 0 80px; padding:8px; font-size:15px;}
}