.lawyer_sub_visual { position:relative; height:270px; overflow:hidden; color:#fff; } 
.lawyer_sub_visual > img { width:100%; height:100%; object-fit:cover; } 
.lawyer_sub_visual_dim { position:absolute; inset:0; background:rgba(0,0,0,.6); } 
.lawyer_sub_visual_text { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; padding-bottom:5px; text-align:center; } 
.lawyer_sub_visual_text h1 { font-family:"Nanum Myeongjo",serif; font-size:44px; font-weight:700; line-height:1.4; } 
.lawyer_sub_visual_text p { margin-top:20px; font-family:"Nanum Myeongjo",serif; font-size:20px; font-weight:700; line-height:1.6; } 
.lawyer_sub_tabs { display:flex; width:100%; height:50px; } 
.lawyer_sub_tabs a { display:flex; width:100%; align-items:center; justify-content:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#888; background:#f5f5f5; font-size:16px; font-weight:500; line-height:1.6; } 
.lawyer_sub_tabs a:last-child { border-right:0; } 
.lawyer_sub_tabs a.is_active { border-bottom-color:#fff; color:#4b7bde; background:#fff; font-weight:600; } 
.greeting_section, .career_section, .location_section { padding:110px 20px; background:#fff; } 
.greeting_section > article, .career_section > article, .location_section > article { position:relative; display:flex; width:100%; max-width:1440px; margin:0 auto; } 
.greeting_section > article { gap:60px; } 
.greeting_image { width:100%; max-width:600px; height:630px; overflow:hidden; } 
.greeting_image img { width:100%; height:100%; object-fit:cover; object-position:center top; } 
.greeting_content { display:flex; min-width:0; flex:1; flex-direction:column; padding-top:30px; } 
.greeting_content h2 { font-family:"Nanum Myeongjo",serif; font-size:40px; font-weight:700; line-height:1.4; } 
.greeting_content h2 em { color:#4b7bde; font-style:normal; } 
.greeting_text { display:flex; flex-direction:column; gap:16px; margin-top:40px; font-size:16px; font-weight:500; line-height:1.6; } 
.greeting_text strong { font-size:20px; font-weight:600; } 
.greeting_symbol { position:absolute; right:0; bottom:0; width:200px; height:132px; object-fit:cover; } 
.career_section { position:relative; overflow:hidden; } 
.career_section::after { position:absolute; right:0; bottom:0; width:714px; height:904px; content:""; background:url(/vkwonth/img/main_symbol.webp) right bottom/contain no-repeat; pointer-events:none; } 
.career_section > article { z-index:1; gap:60px; } 
.career_image { width:100%; max-width:600px; height:684px; overflow:hidden; } 
.career_image img { width:100%; height:100%; object-fit:cover; object-position:center top; } 
.career_list { display:flex; min-width:0; flex:1; flex-direction:column; gap:12px; padding-top:40px; } 
.career_list li { position:relative; padding-left:30px; font-size:20px; font-weight:500; line-height:1.6; } 
.career_list li::before { position:absolute; top:9px; left:2px; width:14px; height:14px; content:""; background:linear-gradient(135deg,#4b7bde 0%,#294278 100%); transform:rotate(45deg); } 
.location_section > article { gap:20px; } 
.location_info { position:relative; display:flex; width:100%; max-width:460px; height:500px; overflow:hidden; padding:40px; color:#fff; background:linear-gradient(95deg,#4b7bde 2%,#294278 100%); } 
.location_info::after { position:absolute; right:-15px; bottom:-5px; width:460px; height:250px; opacity:.06; content:""; background:url(/vkwonth/img/sub/sub_location_symbol.webp) center bottom/cover no-repeat; transform:scaleY(-1); pointer-events:none; } 
.location_info dl { position:relative; z-index:1; display:flex; flex-direction:column; gap:20px; } 
.location_info dl > div { display:flex; flex-direction:column; } 
.location_info dt { font-size:20px; font-weight:600; line-height:1.6; } 
.location_info dd { margin-top:2px; font-size:16px; font-weight:500; line-height:1.6; } 
.location_map { width:100%; height:500px; overflow:hidden; } 
.location_map iframe { display:block; width:100%; height:100%; border:0; } 
.footprint_section { padding:80px 20px 110px; background:#fff; } 
.footprint_story { display:flex; width:100%; max-width:1440px; margin:0 auto; flex-direction:column; } 
.footprint_row { display:flex; width:100%; align-items:stretch; gap:40px; } 
.footprint_column { display:flex; width:100%; max-width:520px; flex-direction:column; flex-shrink:0; } 
.footprint_intro { padding-top:0; } 
.footprint_intro h2, .footprint_copy h3 { margin:0; font-family:"Nanum Myeongjo",serif; font-size:36px; font-weight:700; line-height:1.4; } 
.footprint_intro h2 em, .footprint_copy h3 em { color:#4b7bde; font-style:normal; } 
.footprint_intro p, .footprint_copy p { margin: 24px 0 0; font-size:16px; font-weight:500; line-height:1.7; } 
.footprint_image { position:relative; align-self:stretch; overflow:hidden; margin:0; } 
.footprint_image img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; } 
.footprint_portrait { width:100%; min-width:0; flex:1; } 
.footprint_portrait img { object-position:center 2%; } 
.footprint_ideal { margin-top: 40px; } 
.footprint_row_career, .footprint_row_lawfirm, .footprint_row_service { margin-top:40px; } 
.footprint_row_lawfirm p:nth-of-type(1) { margin-top:0; } 
.footprint_event { width:100%; min-width:0; max-width:585px; flex:1 1 585px; } 
.footprint_new_start { width:100%; min-width:0; max-width:436px; flex:1 1 436px; } 
.footprint_award { width:100%; min-width:0; max-width:340px; flex:1 1 340px; } 
.footprint_lawfirm { width:100%; min-width:0; max-width:520px; flex:1 1 520px; } 
.footprint_lawfirm p + p { margin-top: 20px; } 
.footprint_office { width:100%; min-width:0; flex:1; } 
.footprint_office img { object-position:right; } 
.footprint_group { width:100%; min-width:0; max-width:856px; flex:1 1 856px; } 
.footprint_service { width:100%; min-width:0; max-width:545px; flex:1 1 545px; } 
.footprint_board_section { padding:110px 20px 120px; background:#fff; } 
.footprint_board_section > article { display:flex; width:100%; max-width:1440px; flex-wrap:wrap; justify-content:center; gap:0 8px; margin:0 auto; } 
.footprint_board_page .board_list_module, .footprint_board_page .board_tools { display:contents; } 
.footprint_board_page .board_tools > .board_primary_button { display:none; } 
.footprint_board_page .board_search_form { position:relative; order:1; width:378px; height:40px; overflow:visible; border:0; border-radius:0; } 
.footprint_board_page .board_search_form::before { display:flex; box-sizing:border-box; width:110px; flex:0 0 auto; align-items:center; margin-right:8px; padding:0 15px; border:1px solid #eaeaea; color:#121212; content:"제목"; font-size:15px; background: url(/vkwonth/img/svg/icon_select_arrow.svg) right 14px center/10px 10px no-repeat; } 
.footprint_board_page .board_search_form::after { display:none; } 
.footprint_board_page .board_search_form input[type="search"] { padding:0 15px; font-size:14px; } 
.footprint_board_page .board_search_form input[type="search"]::placeholder { font-size:14px; } 
.footprint_board_page .board_search_form input[type="search"] { border:1px solid #eaeaea; border-right:0; } 
.footprint_board_page .board_search_form button { position:relative; width:45px; flex:0 0 45px; overflow:hidden; border:1px solid #eaeaea; border-left:0; color:transparent; font-size:0; } 
.footprint_board_page .board_search_form button::before { position:absolute; top:50%; left:50%; width:18px; height:18px; content:""; background:url(/vkwonth/img/svg/icon_search.svg) center/contain no-repeat; transform:translate(-50%,-50%); } 
.footprint_board_page .board_search_form button::after { display:none; } 
.footprint_write_button { display:flex; order:2; width:110px; height:40px; align-items:center; justify-content:center; color:#fff; background:#4b7bde; font-size:15px; font-weight:500; text-decoration:none; } 
.footprint_board_page .board_gallery_list { order:3; width:100%; gap:55px 20px; margin-top:40px; } 
.footprint_board_page .board_empty { order:3; width:100%; } 
.footprint_board_page .board_gallery_list > li { width:calc((100% - 60px) / 4); } 
.footprint_board_page .board_gallery_image { height:auto; aspect-ratio:345/430; border-radius:0; } 
.gallery_page .board_gallery_image { aspect-ratio:345/320; } 
.footprint_board_page .board_gallery_copy { padding-top:12px; } 
.footprint_board_page .board_gallery_copy strong { color:#111; font-size:16px; line-height:1.6; text-align:center; } 
.footprint_board_page .board_gallery_copy em, .footprint_board_page .board_gallery_copy span, .footprint_board_page .board_gallery_copy small { display:none; } 
.footprint_board_page .board_pagination { order:4; width:100%; margin-top:40px; } 
.footprint_board_page .board_pagination ol { gap:4px; } 
.footprint_board_page .board_pagination li { width:40px; height:40px; } 
.footprint_board_page .board_pagination a { border:1px solid #ddd; color:#888; font-size:16px; } 
.footprint_board_page .board_pagination a.active { border-color:#4b7bde; color:#4b7bde; } 
.footprint_board_page .board_pagination a.active::after { display:none; } 
.footprint_board_page .board_pagination a.pagination_arrow { color:transparent; font-size:0; } 
.footprint_board_page .board_pagination a.pagination_arrow::before { width:8px; height:8px; border-top:1px solid #666; border-right:1px solid #666; content:""; } 
.footprint_board_page .board_pagination a.pagination_prev::before { transform:rotate(-135deg); } 
.footprint_board_page .board_pagination a.pagination_next::before { transform:rotate(45deg); } 
.footprint_board_page .board_pagination a.pagination_arrow.is_disabled { opacity:.35; pointer-events:none; } 
.service_tabs { flex-wrap:wrap; height:auto; } 
.service_tabs a { width:25%; height:50px; } 
.service_section { padding:110px 20px; background:#fff; } 
.service_content { display:flex; width:100%; max-width:1440px; margin:0 auto; flex-direction:column; } 
.service_intro h2 { font-family:"Nanum Myeongjo",serif; font-size:40px; font-weight:700; line-height:1.4; } 
.service_intro p { margin-top:24px; font-size:16px; font-weight:500; line-height:1.6; } 
.service_list { display:flex; flex-direction:column; gap:40px; margin-top:40px; } 
.service_item { display:flex; width:100%; align-items:stretch; gap:20px; } 
.service_item:nth-child(even) .service_image { order:2; } 
.service_image, .service_card { width:calc((100% - 20px) / 2); } 
.service_image { overflow:hidden; margin:0; aspect-ratio:710/346; } 
.service_image img { display:block; width:100%; height:100%; object-fit:cover; } 
.service_card { display:flex; flex-direction:column; padding:40px; background:#f5f5f5; } 
.service_card h3 { display:flex; align-items:center; gap:12px; font-family:"Nanum Myeongjo",serif; font-size:24px; font-weight:700; line-height:1.6; } 
.icon_service_check { width:32px; height:32px; flex-shrink:0; background:url(/vkwonth/img/svg/icon_service_check.svg) center/contain no-repeat; } 
.service_card p { margin-top:20px; font-size:16px; font-weight:500; line-height:1.6; } 
.service_card strong { margin-top:8px; font-size:20px; font-weight:600; line-height:1.6; } 
.information_visual > img, .counseling_visual > img { object-position:center center; }
.information_tabs a { width:50%; }
.information_board_section { padding:110px 20px 120px; background:#fff; }
.information_board_section > article { display:flex; width:100%; max-width:1440px; flex-wrap:wrap; justify-content:center; gap:0 8px; margin:0 auto; }
.information_board_page .board_list_module, .information_board_page .board_tools { display:contents; }
.information_board_page .board_tools > .board_primary_button { display:none; }
.information_board_page .board_search_form { position:relative; width:378px; height:40px; overflow:visible; border:0; border-radius:0; }
.information_board_page .board_search_form::before { display:flex; box-sizing:border-box; width:110px; flex:0 0 auto; align-items:center; margin-right:8px; padding:0 15px; border:1px solid #eaeaea; color:#121212; content:"제목"; font-size:15px; background:#fff url(/vkwonth/img/svg/icon_select_arrow.svg) right 14px center/10px 10px no-repeat; }
.information_board_page .board_search_form input[type="search"] { padding:0 15px; border:1px solid #eaeaea; border-right:0; font-size:15px; }
.information_board_page .board_search_form input[type="search"]::placeholder { color:#888; font-size:15px; }
.information_board_page .board_search_form button { position:relative; width:45px; flex:0 0 45px; overflow:hidden; border:1px solid #eaeaea; border-left:0; color:transparent; background:#fff; font-size:0; }
.information_board_page .board_search_form button::before { position:absolute; top:50%; left:50%; width:20px; height:20px; content:""; background:url(/vkwonth/img/svg/icon_search.svg) center/contain no-repeat; transform:translate(-50%,-50%); }
.information_write_button { display:flex; order:2; width:110px; height:40px; align-items:center; justify-content:center; color:#fff; background:#4b7bde; font-size:15px; font-weight:500; text-decoration:none; }
.information_board_page .board_table_scroll { order:3; width:100%; overflow:visible; margin-top:40px; padding-bottom:0; }
.information_board_page .board_table { min-width:0; table-layout:fixed; border-top:2px solid #4b7bde; }
.information_board_page .board_table th:first-child, .information_board_page .board_table td:first-child { width:110px; }
.information_board_page .board_table th:nth-child(3), .information_board_page .board_table td:nth-child(3) { width:130px; }
.information_board_page .board_table th:nth-child(4), .information_board_page .board_table td:nth-child(4) { width:130px; }
.information_board_page .board_table th:nth-child(5), .information_board_page .board_table td:nth-child(5) { width:80px; }
.information_board_page .board_table th { height:50px; border-bottom:1px solid #eaeaea; border-radius:0; color:#121212; background:#fff; font-size:16px; font-weight:600; }
.information_board_page .board_table td { height:50px; border-bottom:1px solid #eaeaea; color:#888; font-size:16px; font-weight:500; }
.information_board_page .board_table td:first-child { color:#121212; }
.information_board_page .board_table .board_subject { padding:0 20px; }
.information_board_page .board_subject a { color:#121212; font-size:16px; font-weight:500; }
.information_board_page .board_empty { order:3; width:100%; margin-top:40px; border-top:2px solid #4b7bde; }
.information_board_page .board_pagination { order:4; width:100%; margin-top:40px; }
.information_board_page .board_pagination ol { gap:4px; }
.information_board_page .board_pagination li { width:40px; height:40px; }
.information_board_page .board_pagination a { border:1px solid #dedede; color:#888; font-size:16px; }
.information_board_page .board_pagination a.active { border-color:#4b7bde; color:#4b7bde; }
.information_board_page .board_pagination a.active::after { display:none; }
.counseling_page .board_table th:nth-child(5), .counseling_page .board_table td:nth-child(5) { display:none; }
.counseling_page .board_subject a { display:flex; min-width:0; align-items:center; gap:6px; }
.counseling_page .board_subject a::before { width:14px; height:14px; flex:0 0 14px; content:""; background:url(/vkwonth/img/svg/icon_board_lock.svg) center/contain no-repeat; }

/* hover */
@media (hover: hover) and (pointer:fine) { 
.lawyer_sub_tabs a:hover { color:#4b7bde; } 
.location_info a:hover { text-decoration:underline; } 
.footprint_board_page .board_gallery_list a:hover .board_gallery_image img { transform:scale(1.03); } 
.footprint_write_button:hover { background:#294278; } 
.service_tabs a:hover { color:#4b7bde; } 
.information_write_button:hover { background:#294278; }
.information_board_page .board_subject a:hover { color:#4b7bde; }
 } 

@media (max-width:1024px) { 
.lawyer_sub_visual { height:185px; } 
.lawyer_sub_visual_text { padding-bottom:0; } 
.lawyer_sub_visual_text h1 { font-size:32px; } 
.lawyer_sub_visual_text p { margin-top:12px; font-size:15px; line-height:1.6; } 
.lawyer_sub_tabs { height:40px; } 
.lawyer_sub_tabs a { font-size:14px; } 
.greeting_section, .career_section, .location_section { padding:60px 20px; } 
.greeting_section > article, .career_section > article, .location_section > article { flex-direction:column; } 
.greeting_section > article { gap:0; } 
.greeting_image { max-width:none; height:auto; aspect-ratio:320/235; } 
.greeting_image img { object-position:center 5%; } 
.greeting_content { padding-top:20px; } 
.greeting_content h2 { font-size:24px; } 
.greeting_text { gap:12px; margin-top:20px; font-size:15px; } 
.greeting_text strong { font-size:18px; } 
.greeting_text .pc_break { display:none; } 
.greeting_symbol { display:none; } 
.career_section::after { width:332px; height:420px; } 
.career_section > article { gap:20px; } 
.career_image { max-width:none; height:auto; aspect-ratio:320/415; } 
.career_image img { object-position:center top; } 
.career_list { gap:8px; padding-top:0; } 
.career_list li { padding-left:25px; font-size:16px; } 
.career_list li::before { top:7px; left:1px; width:12px; height:12px; } 
.location_section > article { gap:10px; } 
.location_info { max-width:none; height:auto; padding:25px 20px; } 
.location_info::after { display:none; } 
.location_info dl { gap:15px; } 
.location_info dt { font-size:18px; } 
.location_info dd { max-width:280px; margin-top:2px; font-size:15px; } 
.location_map { height:430px; } 
.footprint_section { padding:60px 20px; } 
.footprint_story { display:flex; max-width:none; flex-direction:column; } 
.footprint_row { flex-direction:column; gap:0; } 
.footprint_row_intro .footprint_column { display:contents; } 
.footprint_column, .footprint_event, .footprint_award, .footprint_lawfirm, .footprint_group, .footprint_service { max-width:none; } 
.footprint_portrait, .footprint_event, .footprint_award, .footprint_office, .footprint_group { flex:initial; } 
.footprint_row_career, .footprint_row_lawfirm, .footprint_row_service { margin-top:0; } 
.footprint_intro { order:1; } 
.footprint_intro h2, .footprint_copy h3 { font-size:24px; } 
.footprint_intro p, .footprint_copy p { margin-top:15px; font-size:14px; line-height:1.7; } 
.footprint_portrait { order:2; width:100%; height:auto; margin-top:25px; aspect-ratio:320/235; } 
.footprint_portrait img { object-position:center 23%; } 
.footprint_ideal { order:3; margin-top:25px; } 
.footprint_event { order:4; width:100%; height:auto; margin-top:25px; aspect-ratio:320/215; flex: initial; } 
.footprint_new_start { order:5; margin-top:25px; padding:0; flex: initial; } 
.footprint_award { order:6; width:100%; height:auto; margin-top:25px; aspect-ratio:320/215; flex: initial; } 
.footprint_lawfirm { order:7; padding-top:25px; flex: initial; } 
.footprint_lawfirm p + p { margin-top:15px; } 
.footprint_office { order:8; width:100%; height:auto; margin-top:25px; aspect-ratio:320/190; } 
.footprint_row_service .footprint_service { order:1; margin-top:25px; padding:0; flex: initial; } 
.footprint_row_service .footprint_group { order:2; width:100%; height:auto; margin-top:25px; aspect-ratio:520/370; } 
.footprint_board_section { padding:60px 15px; } 
.footprint_board_page .board_search_form { width:100%; } 
.footprint_board_page .board_search_form::before { width:90px; margin-right:4px; padding:0 10px; } 
.footprint_board_page .board_search_form::before { background-position:right 10px center; } 
.footprint_write_button { width:100%; margin-top:4px; } 
.footprint_board_page .board_gallery_list { gap:30px 20px; margin-top:30px; } 
.footprint_board_page .board_gallery_list > li { width:calc((100% - 20px) / 2); } 
.footprint_board_page .board_gallery_copy { padding-top:8px; } 
.footprint_board_page .board_gallery_copy strong { display:-webkit-box; min-height:45px; font-size:14px; line-height:1.6; text-overflow:clip; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; } 
.footprint_board_page .board_pagination { margin-top:30px; } 
.footprint_board_page .board_pagination li { width:32px; height:32px; } 
.service_tabs { height:auto; } 
.service_tabs a { width:50%; height:40px; } 
.service_tabs a.is_active:nth-child(-n+2) { border-bottom-color:#ddd; } 
.service_section { padding:55px 20px 60px; } 
.service_intro h2 { font-size:24px; } 
.service_intro p { margin-top:16px; font-size:15px; font-weight:400; } 
.service_intro p br { display:none; } 
.service_list { gap:24px; margin-top:24px; } 
.service_item { flex-direction:column; gap:10px; } 
.service_item:nth-child(even) .service_image { order:0; } 
.service_image, .service_card { width:100%; } 
.service_image { aspect-ratio:320/150; } 
.service_card { padding:24px 20px; } 
.service_card h3 { gap:8px; font-size:20px; } 
.icon_service_check { width:20px; height:20px; } 
.service_card p { margin-top:12px; font-size:15px; } 
.service_card strong { margin-top:8px; font-size:18px; } 
.information_board_section { padding:60px 20px; }
.counseling_board_section { padding-top:60px; }
.information_board_page .board_search_form { width:100%; max-width:none; }
.information_board_page .board_search_form::before { width:90px; margin-right:4px; padding:0 10px; background-position:right 10px center; }
.information_write_button { width:100%; margin-top:4px; }
.information_board_page .board_table_scroll { margin-top:30px; }
.information_board_page .board_table { display:block; border-top:2px solid #4b7bde; }
.information_board_page .board_table thead { display:none; }
.information_board_page .board_table tbody { display:flex; flex-direction:column; }
.information_board_page .board_table tr { position:relative; display:flex; min-width:0; flex-wrap:wrap; padding:10px 8px; border-bottom:1px solid #eaeaea; }
.information_board_page .board_table td { display:block; width:auto !important; height:auto; max-width:none; border:0; font-size:15px; line-height:1.6; text-align:left; }
.information_board_page .board_table td:first-child { display:none; }
.information_board_page .board_table .board_subject { order:1; width:100% !important; padding:0; }
.information_board_page .board_subject a { overflow:hidden; width:100%; font-size:15px; line-height:1.6; text-overflow:ellipsis; white-space:nowrap; }
.information_board_page .board_table td:not(:first-child):not(.board_subject) { order:2; margin-top:4px; color:#888; }
.information_board_page .board_table td:not(:first-child):not(.board_subject) + td:not(:first-child):not(.board_subject) { position:relative; margin-left:10px; padding-left:11px; }
.information_board_page .board_table td:not(:first-child):not(.board_subject) + td:not(:first-child):not(.board_subject)::before { position:absolute; top:7px; bottom:7px; left:0; width:1px; content:""; background:#eaeaea; }
.information_board_page .board_table td:last-child { display:none; }
.information_board_page .board_empty { min-height:300px; margin-top:30px; }
.information_board_page .board_pagination { margin-top:30px; }
.information_board_page .board_pagination li { width:32px; height:32px; }
.information_board_page .board_pagination a { font-size:15px; }
.counseling_page .board_subject a::before { width:14px; height:14px; flex-basis:14px; }
 }