/* ==============================font============================== */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&family=Nanum+Gothic:wght@400;700;800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css"); @font-face { font-family: 'SpoqaHanSansNeo-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } .montserrat- { font-family: "Montserrat", serif; font-optical-sizing: auto; font-weight: ; font-style: normal; } .nanum-gothic-regular { font-family: "Nanum Gothic", serif; font-weight: 400; font-style: normal; } .nanum-gothic-bold { font-family: "Nanum Gothic", serif; font-weight: 700; font-style: normal; } .nanum-gothic-extrabold { font-family: "Nanum Gothic", serif; font-weight: 800; font-style: normal; } .roboto-thin { font-family: "Roboto", serif; font-weight: 100; font-style: normal; } .roboto-light { font-family: "Roboto", serif; font-weight: 300; font-style: normal; } .roboto-regular { font-family: "Roboto", serif; font-weight: 400; font-style: normal; } .roboto-medium { font-family: "Roboto", serif; font-weight: 500; font-style: normal; } .roboto-bold { font-family: "Roboto", serif; font-weight: 700; font-style: normal; } .roboto-black { font-family: "Roboto", serif; font-weight: 900; font-style: normal; } .roboto-thin-italic { font-family: "Roboto", serif; font-weight: 100; font-style: italic; } .roboto-light-italic { font-family: "Roboto", serif; font-weight: 300; font-style: italic; } .roboto-regular-italic { font-family: "Roboto", serif; font-weight: 400; font-style: italic; } .roboto-medium-italic { font-family: "Roboto", serif; font-weight: 500; font-style: italic; } .roboto-bold-italic { font-family: "Roboto", serif; font-weight: 700; font-style: italic; } .roboto-black-italic { font-family: "Roboto", serif; font-weight: 900; font-style: italic; } /* ==============================RESET============================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, select, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, textarea, input { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: 'Pretendard Variable','Roboto','Nanum Gothic',serif; scroll-behavior: smooth; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a {cursor:pointer; text-decoration:none; color:#fff;} a:hover, a:active {text-decoration: none;} *, *::before, *::after { box-sizing: border-box; } li {list-style:none;} button{ background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer} #about {background-color:#e1e6ef; } #about .about-top {padding:140px 100px; background: url('../images/sub/about-title.png');background-color:#fff; width:100%; height:300px; display:flex; justify-content:space-between; flex-direction:column;} #about .about-top .about-title {gap:2px; display:flex; flex-direction:column; justify-content:center; align-items:center;} #about .about-top .about-title span {content:none; width:20px; height:2px; background-color:#000; display:block; margin-bottom:10px;} #about .about-top .about-title p {text-align:center; color:#141414; font-size:18px; font-weight:300;} #about .about-top div {font-size:20px; font-weight:200; color:#232323; text-align:end; margin-top:30px;} #about .company-intro {width:100%; padding:140px 100px 100px; position:relative;} #about .company-intro .bg-dec {position:absolute; bottom:30px; left:50px; } #about .company-intro .intro-wrap {border:1px solid #f1f1f1; justify-content:space-between; display:flex; align-items:center; background: rgba(255, 255, 255, 0.90); backdrop-filter: blur(4px); padding:0 80px; height:540px; border-radius:48px; } #about .company-intro .intro-wrap .text-wrap {display:flex; flex-direction:column; gap:20px;} #about .company-intro .intro-wrap .text-wrap h2 {font-size:52px; font-weight:400; color:#08376B; font-family:roboto; } #about .company-intro .intro-wrap .text-wrap > p {font-size:38px; font-weight:300; color:#1A1A1A;} #about .company-intro .intro-wrap .text-wrap div {font-size:28px; font-weight:200; color:#353535; word-break:keep-all; width:80%; line-height:1.3;} #about .company-intro .intro-wrap .text-wrap div > p {display:inline; font-weight:400;} #about .company-intro .intro-wrap .text-wrap span {height:100px; width:1px; background-color:#08376B; display:block; content:none; } #about .aboutPHILOSOPHY {padding:120px 100px;} #about .aboutPHILOSOPHY .phTitle p {color:#313131; font-size:24px; font-weight:300;} #about .aboutPHILOSOPHY .phTitle div {display:flex; align-items:end; gap:12px;} #about .aboutPHILOSOPHY .phTitle div h2 {font-size:52px; font-weight:500; color:#08376B; font-family:roboto;margin-top:8px; } #about .aboutPHILOSOPHY .phTitle div span {width:160px; height:1px; background-color:#08376B ; display:block; content:none; margin-bottom:6px;} #about .aboutPHILOSOPHY .phContent {gap:120px; display:flex; flex-direction:column; margin-top:100px;} #about .aboutPHILOSOPHY .phContent .phWrap {border:1px solid #f1f1f1 ; transition:0.3s; gap:12%; display:flex; align-items:center; width:100%; border-radius:400px; background-color:#fff; padding:60px 60px 60px 110px; background-image: url('../images/sub/ph-bg01.png'); background-repeat:no-repeat; background-position:100% 50%; } #about .aboutPHILOSOPHY .phContent .phWrap:nth-child(2) {justify-content:end; gap:12%; display:flex; align-items:center; width:100%; padding:60px 110px 60px 60px; border-radius:400px; background-color:#fff; background-image: url('../images/sub/ph-bg02.png'); background-repeat:no-repeat; background-position:0% 50%; background-size:auto 100%;} #about .aboutPHILOSOPHY .phContent .phWrap:nth-child(3) {background-image: url('../images/sub/ph-bg03.png');} #about .aboutPHILOSOPHY .phContent .phWrap:nth-child(4) {background-image: url('../images/sub/ph-bg04.png'); background-size:auto 100%; background-position:-15% 50%; justify-content: end;} #about .aboutPHILOSOPHY .phContent .phWrap:nth-child(even) .phText {display:flex; flex-direction:column; align-items:end; text-align:right;} #about .aboutPHILOSOPHY .phContent .phWrap .ph-circle {outline:0px solid #E4EFFC; display:inline-flex; transition:0.4s; z-index:10; position:relative; gap:10px; color:#fff; width:280px; height:280px; border-radius:400px; background-color:#08376B; flex-direction:column; justify-content:center; align-items:center;} #about .aboutPHILOSOPHY .phContent .phWrap:hover .ph-circle {outline:14px solid #E4EFFC;} #about .aboutPHILOSOPHY .phContent .phWrap:hover .ph-circle p {transform:scale(1.1)} #about .aboutPHILOSOPHY .phContent .phWrap:hover .ph-circle h3 {transform:scale(1.1)} #about .aboutPHILOSOPHY .phContent .phWrap .ph-circle p {transition:0.4s; font-size:18px; font-weight:300; font-family:roboto;} #about .aboutPHILOSOPHY .phContent .phWrap .ph-circle h3 {transition:0.4s; font-size:40px; font-weight:500;} #about .aboutPHILOSOPHY .phContent .phWrap .phText {word-break:keep-all; width:45%; font-size:28px; font-weight:300; line-height:1.4; color:#353535;} #about .aboutPHILOSOPHY .phContent .phWrap .phText > span {margin-left:2px; width:48px; height:2px; background-color:#08376B ; display:block; content:none; margin-bottom:10px;} #about .aboutPHILOSOPHY .phContent .phWrap .phText p > span {font-weight: 500;} /*memberPage*/ #member {position:relative; padding:140px 0px 0px ;} #member .top-dec {letter-spacing:10px; text-align:center; z-index:-1; width:100%; right:50%; transform: translateX(50%); font-size:140px; font-weight:700; font-family:Roboto; position:absolute; top:1.5%; background: linear-gradient(180deg, #E8EFFB 34.76%, rgba(244, 248, 255, 0.10) 95%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} #member .title article {display:flex; flex-direction:column; gap:18px; padding:0 100px;} #member .title .text-container {height:140px; overflow:hidden; position:relative;} #member .title .text-container .text-wrap {display:flex; flex-direction:column; gap:16px; position:relative; transform:translateY(100%); opacity:0; animation: sub-text-slide-up 1.5s ease-out forwards;} #member .title .text-container .text-wrap p {font-size:24px; font-weight:600; color:#08376B; display:flex; align-items:end; gap:16px;} #member .title .text-container .text-wrap p > span {width:120px; height:1px; content:none; display:block; background-color:#08376B;} #member .title .text-container .text-wrap h1 {font-size:40px; font-weight:600; line-height:50px; word-break:keep-all;} #member .tabNav {position:absolute; right:50%; transform:translateX(50%); display:flex; gap:20px; margin-top:60px; justify-content:center; padding:20px 8px; border-radius:30px; border:1px solid #DDD; align-items:center;} #member .tabNav a {color:#9F9F9F; padding:14px 80px; border-radius:30px; font-size:22px; font-weight:200;} #member .tabNav a.active {background-color:#08376B; color:#fff; font-weight:500;} #member .memberContent {display:flex; gap:80px; margin-top:180px; flex-direction:column; } #member .memberContent .memWrap {padding:0 100px; display:flex; gap:75px; flex-wrap:wrap; } #member .memberContent .memWrap .memCard {transition:0.3s; position:relative; overflow:hidden; flex-direction:column; width: calc((100% / 3) - 50px); display:inline-flex; gap:20px; background-color:#f5f6f9; padding:48px; height:580px; border-radius:16px; border:1px solid #e3e4e9;} #member .memberContent .memWrap .memCard:hover .memCardBg {animation:memBg 1s forwards; transform: scale(1); transition:0.5s; } #member .memberContent .memWrap .memCard:hover {border:1px solid #D7DFEE;} #member .memberContent .memWrap .memCard:hover .textWrap {transform: scale(1.04)} #member .memberContent .memWrap .memCard .memCardBg {transition:0.5s; transform: scale(0); width:420PX; height:420PX; background-color:#08376B; position:absolute; right:-7%; bottom:-14%; z-index:0; border-radius:1000px; color:#08376B;} #member .memberContent .memWrap .memCard img {width:82%; position:absolute; bottom:-20px; right:0%; z-index:1;} #member .memberContent .memWrap .memCard .textWrap {transition:0.3s; display:flex; flex-direction:column; gap:8px;} #member .memberContent .memWrap .memCard .textWrap p {transition:0.3s; font-size:20px; color:#8b8b8b; font-weight:400;} #member .memberContent .memWrap .memCard .textWrap span {transition:0.3s; font-size:32px; color:#272727; font-weight:600;} @keyframes sub-text-slide-up { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0%); opacity: 1; } } /*moreInfo*/ #moreInfo {display:flex; flex-direction:column; align-items:center; margin:140px 0px; gap:60px;} #moreInfo .infoTitle h2 {font-size:2rem; gap:40px; font-weight:600;} #moreInfo .cardWrap {padding:0 100px; display:flex; gap:20px; flex-wrap:wrap; width:100%; justify-content:space-between;} #moreInfo .cardWrap .infoCard {justify-content:space-between; display:flex; flex-direction:column; height:240px; width:calc((100% / 4) - 28px); background-color:#F7F8FC; padding:40px; border:1px solid #D7DFEE; border-radius:14px;} #moreInfo .cardWrap .infoCard .text {font-size:28px; color:#212121; font-weight:600; display:flex; flex-direction:column; gap:6px; line-height:1.1;} #moreInfo .cardWrap .infoCard .text p {font-size:18px; font-weight:400; color:#727272;} #moreInfo .cardWrap .infoCard .btn {display:flex; gap:20px; } #moreInfo .cardWrap .infoCard .btn button {transition:transform 1s ease; gap:4px; display:flex; align-items:center; font-size:18px; background-color:#08376B; color:#fff; padding:8px 22px; font-weight:400; border-radius:40px; } #moreInfo .cardWrap .infoCard .btn button:hover img {transform: rotate(360deg); transition: transform 1s ease; display:inline-block;} #moreInfo .cardWrap .infoCard .btn button img {width:24px; height:24px;} /*memberView*/ #memberView {width:100%; padding:160px 0px 0px; } #memberView .memberViewIntro {flex-direction:column; display:flex; width:100%; position:relative; justify-content:space-between;} #memberView .memberViewIntro .wrap {display:flex; padding:0 100px; justify-content:space-between; margin-bottom:60px;} #memberView .memberViewIntro .memberViewTitleWrap {display:flex; flex-direction:column; gap:28px;} #memberView .memberViewIntro .memberViewTitleWrap .memberTitle {display:flex; align-items:end; gap:16px;} #memberView .memberViewIntro .memberViewTitleWrap .memberTitle h2 {font-size:60px; font-weight:600; color:#242424;} #memberView .memberViewIntro .memberViewTitleWrap .memberTitle p {font-size:26px; font-weight:400; color:#242424;} #memberView .memberViewIntro .memberViewTitleWrap .memberTitle span {width:100px; height:1px; background-color:#08223E; display:block;} #memberView .memberViewIntro .memberViewTitleWrap .memberIntro {display:flex; flex-direction:column; gap:14px; margin-left:4px;} #memberView .memberViewIntro .img-sec img {z-index:10; position:absolute; bottom:0; right:100px; width:480px;} #memberView .memberViewIntro .memberViewTitleWrap .memberIntro p {font-size:24px; font-weight:400; color:#343434; position:relative; display:flex;} #memberView .memberViewIntro .memberViewTitleWrap .memberIntro p:first-child::after {z-index:-1; content:""; display:block; width:22 0px ;height:24px; background-color:#E0E7F9; position:absolute; bottom:-3px; left:10px;} #memberView .memberViewIntro .memberViewTitleWrap div button {font-weight:600; gap:8px;border-radius:40px; color:#fff; background-color:#08376B; padding:8px 20px; display:flex; align-items:center; justify-content:center;} #memberView .memberViewIntro .memberViewTitleWrap div button img {width:20px; height:20px;} #memberView .memberViewIntro .intro-dec {width:100%; height:30vh; background-color:#e9eef7; position:relative; display:flex; align-items:end; justify-content:center; } #memberView .memberViewIntro .intro-dec div {font-family:Roboto; font-size:10rem; font-weight:700; color:#fff; position:absolute; bottom:-30px; left:100px;} #memberView .intro-section {gap:12px; padding:80px 100px 100px; display:flex; flex-direction:column;} #memberView .intro-section .intro-wrap .title {display:flex; flex-direction:column; gap:12px;} #memberView .intro-section .intro-wrap .title h3 {font-size:36px; font-weight:600; color:#242424;} #memberView .intro-section .intro-wrap .title p {font-size:22px; font-weight:600; color:#08376B;} #memberView .intro-section .intro-wrap .title span {width:3vw; height:2px; background-color:#08376B; margin-top:12px;} #memberView .intro-section .intro-content {width:70%;} #memberView .intro-section .intro-content div {font-size:24px; font-weight:300; color:#545454; line-height:1.5; word-break:keep-all;} #memberView .intro-view { padding:0 100px 100px;} #memberView .intro-view .tag-section .tag-wrap {margin-bottom:0; display:flex; gap:24px;} #memberView .intro-view .tag-section .tag-wrap a {transition:0.3s; border: 1px solid #e1e1e1; font-weight:300; font-size:20px; color:#5B5B5B; background-color:#fafbff; padding:10px 32px; border-radius:40px; display:flex; justify-content:center; align-items:center;} #memberView .intro-view .tag-section .tag-wrap a:hover {background-color:#08376B; color:#fff; font-weight:500;} #memberView .intro-view .tag-content div {display:flex; align-items:end;} #memberView .intro-view .tag-content {display:flex; flex-direction:column; gap:28px; width:60%; margin-bottom:100px; } #memberView .intro-view .tag-content div h4 {font-size:28px; font-weight:600; color:#08376B; width:12%;} #memberView .intro-view .tag-content div span {width:90%; height:1px; background-color:#08376B; margin-top:12px; margin-bottom:2px;} #memberView .intro-view .tag-content ul {display:flex; flex-direction:column; gap:24px; margin-left:60px;} #memberView .intro-view .tag-content ul li {font-size:22px; font-weight:400; color:#282828;} #memberView .intro-view .btn-section {display:flex; flex-direction:column; gap:20px; position:sticky; align-items:end; right:100px; top:100px;} #memberView .intro-view .btn-section button {gap:4px; width:14vw; height:60px; padding:16px 36px; border-radius:6px; background-color:#fff; color:#08376B; font-size:22px; font-weight:400; border:1px solid #5a84b3; display:flex; align-items:center; justify-content:center;} #memberView .intro-view .btn-section button:hover {background-color:#08376B; color:#fff; font-weight:500;} #memberView .intro-view .btn-section button:hover img {animation: viewMore 1s forwards; transform: scale(1); width:26px; height:26px;} #memberView .intro-view .btn-section button > img {transition:0.4s; transform: scale(0); width:0px; height:0px;} #memberView .license-wrap {margin-top:40px; display:flex; gap:32px; width:100%; position:relative;} #memberView .swiper-wrap {display:flex; gap:60px;} #memberView .license {width:160px;} #memberView .license img {width:200px; cursor: pointer;} #memberView #image-popup {background-color:rgba(0, 0, 0, 0.8); display:none; position:fixed; right:0; top:0; z-index:100; width:100%; height:100%; align-items:center; justify-content:center;} #memberView #image-popup span {display:flex; align-items:center; justify-content:center; width:40px; height:40px; font-size:40px; text-align:center; position:absolute; top:20px; right:32px; color:#f1f1f1;} #memberView #image-popup img {width:520px;} #bottom-form {padding:100px;display:flex; justify-content:space-between; background-color:#F2F6FC; align-items:center; background-image:url('../images/sub/bottom-form-bg.png'); background-repeat:no-repeat;} #bottom-form .text-section {width:50%;} #bottom-form .text-section h2 {font-size:48px; color:#1c1c1c; font-weight:300; width:80%; line-height:1.1;} #bottom-form .text-section h2 span {font-size:48px; color:#000; font-weight:600; width:80%;} #bottom-form .form-section {display:flex; flex-direction:column; gap:24px; width:50%; align-items:center;} #bottom-form .form-section label {display:flex; flex-direction:column; gap: 8px; font-size:16px; color:#464646; font-weight:500;} #bottom-form .form-section label > input {width:20vw; box-sizing:border-box; height:48px; font-weight:300; color:#818181; border:1px solid #dae1eb; border-radius:6px; padding:12px; font-size:16px; } #bottom-form .form-section label:nth-child(3) {flex-direction:row; font-size:16px; align-items:center; font-weight:300;} #bottom-form .form-section label > .chkBox {width:18px; height:18px;} #bottom-form .form-section button {width:20vw; height:48px; font-size:20px; font-weight:500; color:#fff; background-color:#08376B; border-radius:6px;} #bottom-form .form-section label > input:focus {outline: 1px solid #797979;} #success-page {padding:160px 0px 0px;} #success-page .top-section {display:flex; flex-direction:column; align-items:center;} #success-page .text-container {height:140px; position:relative; overflow:hidden;} #success-page .success-top {position:relative; transform:translateY(100%); opacity:0; animation:sub-text-slide-up 1.5s ease-out forwards; display:flex; flex-direction:column; gap:40px; align-items:center; padding:0 100px;} #success-page .success-top h1 {text-align:center; word-break:keep-all; font-size:42px; font-weight:600; display:flex; flex-direction:column; gap:12px; align-items:center;} #success-page .success-top h1 > span {font-size:22px; font-weight:600; color:#08376B;} #success-page .searchBarWrap {position:relative;} #success-page .searchBarWrap input {position:relative ;border:1px solid #dedede; background-color:#F7F8FA; color:#000; font-size:14px; width:20vw; height:48px; border-radius:40px; padding: 20px 24px;} #success-page .searchBarWrap button {font-size:14px; position:absolute; right:12px; background-color:#08376B; color:#fff; top:50%; transform: translateY(-50%); padding:10px 20px; border-radius:40px;} #success-page .success-section { margin-top:80px; position:relative; margin-bottom:100px;} #success-page .success-section .success-box-wrap {position:relative;} #success-page .success-section .success-slide .grid-container {padding:10px 100px 60px; ;display:flex; flex-wrap:wrap; gap:60px;} #success-page .success-section .seccess-box {transition:0.3s; gap:28px; width: calc((100% / 3) - 40px); padding:48px; display:flex; flex-direction:column; border:1px solid #ddd; border-radius:28px;} #success-page .success-section .seccess-box:hover {box-shadow:0px 0px 16px 0px rgb(19 79 145 / 28%)} #success-page .success-section .seccess-box h3 {word-break:keep-all; font-size:28px; font-weight:600; color:#000; line-height:38px; } #success-page .success-section .seccess-box p {word-break:keep-all; font-size:22px; font-weight:300; color:#494949; line-height:32px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; } #success-page .success-section .seccess-box .member-tag {display:flex; gap:20px;} #success-page .success-section .seccess-box .member-tag div {align-items:center; display:flex; flex-direction:column; gap:8px; font-size:16px; font-weight:300; color:#535353;} #success-page .success-section .seccess-box .member-tag div img {width:52px; height:52px;} #success-page .success-pagination {position:absolute; display:flex; justify-content:center;} #success-page .success-pagination .swiper-pagination-bullet {font-size:12px; display:flex; align-items:center; justify-content:center; width:20px; height:20px; background-color:#0e3c6e !important; color:#fff;} #success-view-page {padding:140px 0 80px;} #success-view-page .success-view-title {padding:0 100px; display:flex; flex-direction:column; gap:8px; margin-bottom:40px; padding-bottom:20px;} #success-view-page .success-view-title h2 {font-size:36px; font-weight:600; border-bottom:1px solid #E8E8E8; padding-bottom:20px; } #success-view-page .success-view-title p {font-size:20px; font-weight:600; color:#08376B;} #success-view-page .succdess-view-content {position:relative; padding:0 100px; display:flex; flex-direction:column; width:100%; gap:48px; margin-bottom:120px;} #success-view-page .succdess-view-content .content-title-wrap {display:flex; flex-direction:column; gap:16px;} #success-view-page .succdess-view-content .content-title-wrap .content-title {display:flex; flex-direction:column; gap:6px; font-size:28px; font-weight:600; margin-bottom:20px;} #success-view-page .succdess-view-content .content-title-wrap p {font-size:20px; font-weight:600; color:#08376B;} #success-view-page .succdess-view-content .content-title-wrap .content-title {font-size:28px; font-weight:600;} #success-view-page .succdess-view-content .content { width:70%; border-radius:20px; gap:60px; padding:68px 80px ; background-color:#F8FAFF; display:flex; flex-direction:column;} #success-view-page .succdess-view-content .content .content-tag {margin-bottom:12px; border-radius:40px; display:inline-block; padding:8px 16px; background-color:#08376B; color:#fff; font-weight:500; font-size:16px;} #success-view-page .succdess-view-content .content li {font-size:20px; font-weight:400; line-height:2rem; color:#282828; margin-bottom:4px;} #success-view-page .case-lawyer {height:100%; position:absolute; right:100px; } #success-view-page .case-lawyer .lawyer-wrap {position:sticky; top:100px; padding:40px 54px ; display:flex; flex-direction:column; gap:20px; border:1px solid #E8E8E8; border-radius:18px;} #success-view-page .succdess-view-content .success-view-img {display:flex; gap:20px; } #success-view-page .succdess-view-content .success-view-img img {width:400px;} #success-view-page .case-lawyer h3 {margin-bottom:12px; font-size:24px; font-weight:600; color:#1c1c1c;} #success-view-page .case-lawyer .lawyer {transition:0.4s; display:flex; gap:8px; align-items:center; font-size:18px; font-weight:400; color:#141414; justify-content:space-between;} #success-view-page .case-lawyer .lawyer:hover {font-size:20px; } #success-view-page .case-lawyer .lawyer img {width:6px; height:12px;} #success-view-page .case-lawyer .lawyer img:nth-child(1) {width:60px; height:60px;} #success-view-page .success-section {display:flex; gap:40px; padding:100px;} #success-view-page .success-section .seccess-box {transition:0.3s; gap:32px; width: calc((100% / 3) - 40px); padding:48px; display:flex; flex-direction:column; border:1px solid #ddd; border-radius:20px;} #success-view-page .success-section .seccess-box:hover {box-shadow:0px 0px 16px 0px rgb(19 79 145 / 28%)} #success-view-page .success-section .seccess-box h3 {font-size:30px; font-weight:600; color:#000; line-height:40px; word-break:keep-all; } #success-view-page .success-section .seccess-box p {word-break:keep-all; font-size:22px; font-weight:300; color:#494949; line-height:30px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; } #success-view-page .success-section .seccess-box .member-tag {display:flex; gap:20px;} #success-view-page .success-section .seccess-box .member-tag div {align-items:center; display:flex; flex-direction:column; gap:4px; font-size:16px; font-weight:300; color:#494949;} #success-view-page .success-section .seccess-box .member-tag div img {width:52px; height:52px;} #review-page {padding:140px 0px 0px;} #review-page .text-container {display:flex; align-items:center; flex-direction:column; height:160px; position:relative; overflow:hidden;} #review-page .text-animation {display:flex; align-items:center; flex-direction:column;position:relative; transform:translateY(100%); opacity:0; animation:sub-text-slide-up 1.5s ease forwards;} #review-page .review-top {display:flex; flex-direction:column; gap:40px; align-items:center;} #review-page .review-top h1 {line-height:3rem; width:52%;text-align:center; word-break:keep-all; font-size:40px; font-weight:600; display:flex; flex-direction:column; align-items:center;} #review-page .review-top h1 > span {font-size:20px; font-weight:600; color:#08376B;} #review-page .searchBarWrap {position:relative;} #review-page .searchBarWrap input {position:relative ;border:1px solid #dedede; background-color:#F7F8FA; color:#000; font-size:14px; width:20vw; height:48px; border-radius:40px; padding: 20px 24px;} #review-page .searchBarWrap button {font-size:14px; position:absolute; right:12px; background-color:#08376B; color:#fff; top:50%; transform: translateY(-50%); padding:10px 20px; border-radius:40px;} #review-page .review-section {margin:60px 100px;} #review-page .review-section .review-card-wrap .review-slide .card-container {display:flex; gap:60px; flex-wrap:wrap; padding:10px 6px 60px 6px; } #review-page .review-section .review-card-wrap .review-card {color:#000; transition:0.4s; background-size:40px 40px ;background-position:90% 11% ;background-repeat:no-repeat; background-image:url('../images/sub/quotes02-icon.png'); gap:28px; position:relative; display:flex; flex-direction:column; border-radius:28px; width: calc((100% / 3) - 60px); padding:64px 52px; background-color:#fff; border:1px solid #E3E3E3;} #review-page .review-section .review-card-wrap .review-card:hover {box-shadow: 0px 0px 15px 0px rgba(8, 55, 107, 0.20); background-image:url('../images/sub/quotes02-icon-hover.png')} #review-page .review-section .review-card-wrap .review-card p {color:#08376B; font-size:20px; font-weight:500; line-height:28px; } #review-page .review-section .review-card-wrap .review-card h3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:28px; font-weight:600; line-height:38px; } #review-page .review-section .review-card-wrap .review-card span { word-break:keep-all; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:20px; font-weight:300; color:#515151; line-height:1.8rem; } #review-page .review-section .review-card-wrap .review-card img {width:40px; height:40px; position:absolute; right:48px; top:36px;} #review-page .review-pagination {position:absolute; display:flex; justify-content:center;} #review-page .review-pagination .swiper-pagination-bullet {margin:0 6px; font-size:16px; display:flex; align-items:center; justify-content:center; width:24px; height:24px; background-color:#0e3c6e; color:#fff;} #review-detail-page {padding:120px 0px 0px;} #review-detail-page .review-view-title {padding:0 100px; display:flex; flex-direction:column; gap:8px; margin-bottom:20px; padding-bottom:60px;} #review-detail-page .review-view-title h2 {color:#08376B; font-size:32px; font-weight:600; border-bottom:1px solid #E8E8E8; padding-bottom:20px; } #review-detail-page .review-detail-title {padding:0 100px; position:relative;} #review-detail-page .review-detail-title .title-section {position:relative; gap:16px; display:flex; flex-direction:column; padding:40px; width:70%; border-radius:20px; background-color:#eff2f9;} #review-detail-page .review-detail-title .title-section img {position:absolute; bottom:-34px; right:110px;} #review-detail-page .review-detail-title .title-section h3 {font-size:28px; font-weight:500; color:#000;} #review-detail-page .review-detail-title .title-section .info-wrap {display:flex; gap:8px; font-size:20px; color:#464646; font-weight:300; align-items:center;} #review-detail-page .review-detail-title .title-section .info-wrap span {height:12px; width:2px; background-color:#9f9f9f; display:block;} #review-detail-page .review-content {padding:80px 0px 120px; width:100%; display:flex; flex-direction:column; gap:60px;} #review-detail-page .review-content .review-wrap {display:flex; flex-direction:column; gap:6px; width:70%;} #review-detail-page .review-content .review-wrap p {word-break:keep-all; font-size:22px; font-weight:300; line-height:2.2rem; padding-left:36px; color:#303030;} #review-detail-page .review-content .review-wrap .review-content-title {gap:8px; font-size:24px; color:#121212; font-weight:500; display:flex; align-items:center;} #review-detail-page .review-content .review-wrap .review-content-title img {transform:rotate(180deg); width:32px; height:32px; margin-bottom:16px;} #review-detail-page .review-content .break-line {width:100%; height:1px; background-color:#ddd; display:block; margin-top:40px; } #review-detail-page .review-detail-title .case-lawyer {height:100%; position:absolute; right:100px; padding-bottom:200px; } #review-detail-page .review-detail-title .case-lawyer .lawyer-wrap {position:sticky; top:-140px; padding:40px 54px ; display:flex; flex-direction:column; gap:20px; border:1px solid #E8E8E8; border-radius:18px;} #review-detail-page .review-detail-title .case-lawyer h3 {margin-bottom:12px; font-size:24px; font-weight:600; color:#1c1c1c;} #review-detail-page .review-detail-title .case-lawyer .lawyer {display:flex; gap:8px; align-items:center; font-size:18px; font-weight:300; color:#141414; justify-content:space-between;} #review-detail-page .review-detail-title .case-lawyer .lawyer img {width:6px; height:12px;} #review-detail-page .review-detail-title .case-lawyer .lawyer img:nth-child(1) {width:60px; height:60px;} #law-article-page {padding:160px 0px 0px;} #law-article-page .law-article-top {display:flex; flex-direction:column; gap:32px; align-items:center;} #law-article-page .law-article-top h1 {line-height:3rem; width:55%; text-align:center; word-break:keep-all; font-size:40px; font-weight:600; display:flex; flex-direction:column; gap:8px; align-items:center;} #law-article-page .law-article-top h1 > span {line-height:20px; font-size:20px; font-weight:600; color:#08376B;} #law-article-page .text-container {height:140px; overflow:hidden; position:relative;} #law-article-page .text-animation {display:flex; align-items:center; flex-direction:column;position:relative; transform:translateY(100%); opacity:0; animation:sub-text-slide-up 1.5s ease forwards;} #law-article-page .law-article-top .searchBarWrap {position:relative;} #law-article-page .law-article-top .searchBarWrap input {position:relative ;border:1px solid #dedede; background-color:#F7F8FA; color:#000; font-size:14px; width:20vw; height:48px; border-radius:40px; padding: 20px 24px;} #law-article-page .law-article-top .searchBarWrap button {font-size:14px; position:absolute; right:12px; background-color:#08376B; color:#fff; top:50%; transform: translateY(-50%); padding:10px 20px; border-radius:40px;} #law-article-page .main-section {padding:100px; display:flex; justify-content:space-between; } #law-article-page .main-section .main-card-wrap {position:relative; display:flex; flex-direction:column; width:50%; gap:24px;} #law-article-page .main-section .main-card-wrap::after {transition:0.3s; z-index:-10; opacity:0.7; content: ""; position: absolute; left: 5%;top: 10%;width: 110%; height:100%; background-color:#eff5ff;} #law-article-page .main-section .main-card-wrap:hover::after{background-color:#c8cfdb;} #law-article-page .main-section .main-card-wrap article {display:flex; flex-direction:column; gap:20px; } #law-article-page .main-section .main-card-wrap .main-card-content {padding:60px; display:flex; flex-direction:column; justify-content:space-between; position:relative; border-radius:24px; height:540px; background-image:url(''); background-color:#fff;} #law-article-page .main-section .main-card-wrap .main-card-content .background { border-radius:24px; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(27, 27, 27, 0.80); } #law-article-page .main-section .main-card-wrap .main-card-content .top-dec {display:flex; justify-content:space-between; align-items:end; gap:40px; font-weight: 300; font-size:1.2rem; color:#b3b3b3; position:relative; z-index:2; color:#fff;} #law-article-page .main-section .main-card-wrap .main-card-content .top-dec span {margin-bottom:2px; width:70%; height:1px; background-color:#b3b3b3; display:block;} #law-article-page .main-section .main-card-wrap .main-card-content h3 {font-weight:600; word-break:keep-all; width:90%; position:relative; z-index:2; color:#fff; font-size:38px; line-height:2.8rem;} #law-article-page .main-section .main-card-wrap .main-card-text {display:flex; flex-direction:column; gap:12px; margin-left:8px;} #law-article-page .main-section .main-card-wrap .main-card-text p {word-break:keep-all; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size:22px; color:#606060; font-weight:400;} #law-article-page .main-section .main-card-wrap .main-card-text h4 {display:flex; gap:12px; align-items:center; font-size:32px; font-weight:600; color:#000;} #law-article-page .main-section .main-card-wrap .main-card-text h4 div {background-color:#08376B; padding:8px 20px; border-radius:4px; color:#fff; font-size:18px; font-weight:500; } #law-article-page .main-section .sub-card-wrap {position:relative; display:flex; flex-direction:column; width:35%; gap:20px;} #law-article-page .main-section .sub-card-wrap article {display:flex; flex-direction:column; gap:20px;} #law-article-page .main-section .sub-card-wrap .sub-card-content {padding:48px; display:flex; flex-direction:column; justify-content:space-between; position:relative; border-radius:20px; height:380px; background-image:url(''); background-color:#fff;} #law-article-page .main-section .sub-card-wrap .sub-card-content .background { border-radius:24px; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(27, 27, 27, 0.80); } #law-article-page .main-section .sub-card-wrap .sub-card-content .top-dec {display:flex; justify-content:space-between; align-items:end; gap:40px; font-weight: 300; font-size:1rem; color:#b3b3b3; position:relative; z-index:2; color:#fff;} #law-article-page .main-section .sub-card-wrap .sub-card-content .top-dec span {margin-bottom:2px; width:60%; height:1px; background-color:#b3b3b3; display:block;} #law-article-page .main-section .sub-card-wrap .sub-card-content h3 {font-weight:600; word-break:keep-all; width:90%; position:relative; z-index:2; color:#fff; font-size:28px; line-height:2rem;} #law-article-page .main-section .sub-card-wrap .sub-card-text {display:flex; flex-direction:column; gap:8px; margin-left:8px;} #law-article-page .main-section .sub-card-wrap .sub-card-text p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:18px; color:#606060; font-weight:400;} #law-article-page .main-section .sub-card-wrap .sub-card-text h4 {display:flex; gap:12px; align-items:center; font-size:26px; font-weight:600; color:#000;} #law-article-page .main-section .sub-card-wrap .sub-card-text h4 div {background-color:#08376B; padding:6px 12px; border-radius:4px; color:#fff; font-size:14px; font-weight:500; } #law-article-page .law-article-section {padding:120px 100px 40px; overflow:hidden;} #law-article-page .article-slide {display:flex; flex-wrap:wrap; gap:80px; justify-content:space-between;} #law-article-page .law-article-section .article-card-wrap a {display:flex; gap:16px; flex-direction:column; width:calc((100% / 3) - 60px);} #law-article-page .law-article-section .article-card-wrap a .article-card-content {padding:44px; display:flex; flex-direction:column; justify-content:space-between; position:relative; border-radius:20px; height:340px; background-image:url(''); background-color:#fff;} #law-article-page .law-article-section .article-card-wrap a .article-card-content .background { border-radius:24px; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(27, 27, 27, 0.80); } #law-article-page .law-article-section .article-card-wrap a .article-card-content .top-dec {display:flex; justify-content:space-between; align-items:end; gap:40px; font-weight: 300; font-size:1rem; color:#b3b3b3; position:relative; z-index:2; color:#fff;} #law-article-page .law-article-section .article-card-wrap a .article-card-content .top-dec span {margin-bottom:2px; width:60%; height:1px; background-color:#b3b3b3; display:block;} #law-article-page .law-article-section .article-card-wrap a .article-card-content h3 {font-weight:600; word-break:keep-all; width:90%; position:relative; z-index:2; color:#fff; font-size:26px; line-height:2.1rem;} #law-article-page .law-article-section .article-card-wrap a .article-card-text {display:flex; flex-direction:column; gap:8px; margin-left:8px;} #law-article-page .law-article-section .article-card-wrap a .article-card-text p {font-size:18px; color:#606060; font-weight:300; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;} #law-article-page .law-article-section .article-card-wrap a .article-card-text h4 {display:flex; gap:12px; align-items:center; font-size:26px; font-weight:600; color:#000;} #law-article-page .law-article-section .article-card-wrap a .article-card-text h4 div {background-color:#08376B; padding:6px 12px; border-radius:4px; color:#fff; font-size:14px; font-weight:500; } #law-article-page .article-slide-wrap {display:flex; flex-wrap:wrap; gap:80px; justify-content:space-between;} #law-article-page .article-pagination {position:absolute; display:flex; justify-content:center; bottom:1260px;} #law-article-page .article-pagination .swiper-pagination-bullet {font-size:12px; display:flex; align-items:center; justify-content:center; width:20px; height:20px; background-color:#0e3c6e; color:#fff;} #law-detail-page {padding:160px 0px 80px;} #law-detail-page .law-detail-top {padding:0px 100px;} #law-detail-page .law-detail-top .law-detail-title h2 {font-size:36px; font-weight:600; padding-bottom:20px; border-bottom:1px solid #e8e8e8; color:#08376B;} #law-detail-page .law-detail-content {position:relative; padding:80px 100px; width:100%; display:flex; gap:80px; flex-direction:column; margin-bottom:160px;} #law-detail-page .law-detail-content .law-detail-wrap {display:flex; flex-direction:column; gap:28px; width:70%;} #law-detail-page .law-detail-content .law-detail-wrap ul {display:flex; flex-direction:column; gap:16px;} #law-detail-page .law-detail-content .law-detail-wrap ul h3 {align-items:center ; display:flex; font-size:28px; color:#050505; font-weight:600; gap:16px; margin-bottom:16px;} #law-detail-page .law-detail-content .law-detail-wrap ul h3 > img {width:28px; height:28px;} #law-detail-page .law-detail-content .law-detail-wrap ul li {margin-bottom:24px; padding-left:40px; font-size:24px; font-weight:400; color:#383838; line-height:2.5rem; word-break:keep-all;} #law-detail-page .law-detail-content .law-detail-wrap .img-section {display:flex; gap:32px; flex-direction:column;} #law-detail-page .law-detail-content .law-detail-wrap .img-section img {width:60%; height:400px;} #law-detail-page .more-article {width:20%; height:100%; position:absolute; right:100px;} #law-detail-page .more-article div {background-color:#fff; position:sticky; top:100px; ;padding:60px 48px; border-radius:16px; border:1px solid #e8e8e8; width:100%; align-items:center;} #law-detail-page .more-article ul {display:flex; flex-direction:column; gap:20px; align-items:center;} #law-detail-page .more-article ul h3 {text-align:center; line-height:1.3rem; word-break:keep-all; font-size:24px; color:#000; font-weight:600; margin-bottom:16px; } #law-detail-page .more-article ul > li a {transition:0.3s; font-size:20px; color:#686868; font-weight:300; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;} #law-detail-page .more-article ul > li:hover a {font-weight:400; color:#000;} .apply-page-top {align-items:center; display:flex; flex-direction:column; gap:8px;} .apply-page-top h1 {word-break:keep-all; text-align:center; width:60%; align-items:center; display:flex; flex-direction:column; gap:8px; font-size:36px; font-weight:600; color:#181818; line-height:44px;} .apply-page-top span {font-size:24px; color:#08376B; line-height:24px; font-weight:600;} #apply-page .text-container {height:140px; overflow:hidden; position:relative;} #apply-page .text-animation {display:flex; align-items:center; flex-direction:column;position:relative; transform:translateY(100%); opacity:0; animation:sub-text-slide-up 1.5s ease forwards;} .apply-info .cardWrap {display:flex; flex-wrap:wrap; margin-top:100px; justify-content:space-between; padding:0 100px;} .apply-info .cardWrap .infoCard {justify-content:space-between; transition:0.4s; background-color:#fff; gap:32px; display:flex; flex-direction:column; width:calc((100% / 4) - 40px); padding:36px 44px; border:1px solid #D0D7E4; border-radius:20px;} .apply-info .cardWrap .infoCard .text-wrap {display:flex; flex-direction:column; gap:12px;} .apply-info .cardWrap .infoCard .text-wrap img {width:40px; height:40px;} .apply-info .cardWrap .infoCard .text-wrap p {word-break:keep-all; font-size:26px; font-weight:600; line-height:30px; color:#212121;} .apply-info .cardWrap .infoCard a {height:48px; transition:0.4s; justify-content:center; display:flex; align-items:Center; padding:16px 28px; background-color:#08376B ;color:#fff; font-size:18px; font-weight:600; border-radius:40px;} .apply-info .cardWrap .infoCard a img {transition:0.4s; width:0px; height:0px; transform: scale(0)} .apply-info .cardWrap .infoCard:hover a > img {width:20px; height:20px; transform: scale(1); margin-left:12px;} .apply-info .cardWrap .infoCard:hover {background-color:#F7F9FC; filter: drop-shadow(0px 0px 12px rgba(16, 62, 114, 0.15));} #apply-page {padding:160px 0px 80px;}#apply-page .apply-form-section {display:flex; flex-direction:column; gap:20px; align-items:center; padding:140px 100px; margin-top:120px; background-image: url('../images/sub/apply-form-bg.png'); background-repeat:no-repeat; background-position:100% 15%; } #apply-page .apply-form-section .form-title {display:flex; flex-direction:column; gap:12px; align-items:center; width:40%; } #apply-page .apply-form-section .form-title h3 {font-size:36px; font-weight:600; color:#242424; word-break:keep-all; text-align:center; line-height:42px;} #apply-page .apply-form-section .form-title p {font-size:20px; font-weight:600; color:#08376B;} #apply-page .apply-form-section .label-wrap {display:flex; flex-direction:column; gap:32px; align-items:center; width:100%; margin-top:40px;} #apply-page .apply-form-section .label-wrap label {color:#646464; font-size:18px; display:flex; justify-content:space-between; width:28%; flex-direction:column; gap:12px; } #apply-page .apply-form-section .label-wrap label input {font-size:16px; width:100% ; height:48px; padding:20px; border-radius:8px; border:1px solid #e3e3e3;} #apply-page .apply-form-section .label-wrap label textarea {border:1px solid #e3e3e3; font-size:16px; width:100% ; height:240px; padding:20px; border-radius:10px;} #apply-page .apply-form-section .label-wrap label:last-child {align-items:start;} #apply-page .apply-form-section .formBtn {display:flex; gap:20px; flex-direction:column; align-items:center; width:28%; margin-top:20px;} #apply-page .apply-form-section .formBtn button {width:80%; font-size:20px; background-color:#11437A; color:#fff; font-weight:600; height:48px; border-radius:8px;} #apply-page .apply-form-section .formBtn label {font-size:16px; color:#373737;} #apply-page .apply-form-section .formBtn label a {color:#373737; font-size:14px; margin-left:4px; border-bottom:1px solid #373737; } #visit-apply-page .text-container {height:140px; overflow:hidden; position:relative;} #visit-apply-page .text-animation {display:flex; align-items:center; flex-direction:column;position:relative; transform:translateY(100%); opacity:0; animation:sub-text-slide-up 1.5s ease forwards;} #visit-apply-page {padding:140px 0px 0px;} #visit-apply-page .apply-info .cardWrap {margin-top:100px;} #visit-apply-page .apply-form-section {display:flex; flex-direction:column; gap:20px; align-items:center; padding:140px 100px; margin-top:120px; background-image: url('../images/sub/apply-form-bg.png'); background-repeat:no-repeat; background-position:100% 15%; } #visit-apply-page .apply-form-section .form-title {display:flex; flex-direction:column; gap:12px; align-items:center; width:45%; } #visit-apply-page .apply-form-section .form-title h3 {font-size:36px; font-weight:600; color:#242424; word-break:keep-all; text-align:center; line-height:44px;} #visit-apply-page .apply-form-section .form-title p {font-size:20px; font-weight:600; color:#08376B;} #visit-apply-page .apply-form-section .text-form {display:flex; flex-direction:column; gap:32px; align-items:center; width:100%; } #visit-apply-page .apply-form-section .text-form .label-wrap {display:flex; flex-direction:column; gap:20px; width:100%;} #visit-apply-page .apply-form-section .text-form label {color:#646464; font-size:18px; display:flex; justify-content:space-between; width:100%; flex-direction:column; gap:12px; } #visit-apply-page .apply-form-section .text-form label input {font-size:16px; width:100% ; height:48px; padding:20px; border-radius:8px; border:1px solid #e3e3e3;} #visit-apply-page .apply-form-section .text-form label textarea {border:1px solid #e3e3e3; font-size:16px; width:100% ; height:240px; padding:20px; border-radius:10px;} #visit-apply-page .apply-form-section .text-form label:last-child {align-items:start;} #visit-apply-page .apply-form-section .formBtn {display:flex; gap:20px; flex-direction:column; align-items:center; margin-top:20px; width:80%;} #visit-apply-page .apply-form-section .formBtn label {font-size:16px; align-items:center; display:flex; gap:8px; flex-direction:row; justify-content:space-between; } #visit-apply-page .apply-form-section .formBtn label input {width:20px; height:20px;} #visit-apply-page .apply-form-section .formBtn button {width:100%; font-size:20px; background-color:#11437A; color:#fff; font-weight:600; height:48px; border-radius:8px;} #visit-apply-page .apply-form-wrap {display:flex; flex-direction:column; gap:20px; width:28%;} #visit-apply-page .calender-sec {margin-top:40px; display:flex; flex-direction:column; gap:20px;} #visit-apply-page .calender-sec label {font-size:18px; color:#646464; display:flex; flex-direction:column; gap:8px;} #visit-apply-page .calender-sec input {width:100%; height:48px; padding:20px; border:1px solid #e3e3e3; border-radius:8px; font-size:16px;} #visit-apply-page .time-select {display:flex; flex-direction:column; gap:8px;} #visit-apply-page .time-select select { background-size: 14px; background-position: right 20px center; background-repeat: no-repeat; background-image: url('../images/sub/down-icon.png'); appearance: none; width:100%; height:48px; padding:0 20px; border-radius:8px; border:1px solid #e3e3e3; font-size:16px; color:#757575;} #news-page {padding:140px 0px 0px;} #news-page .text-container {height:140px; overflow:hidden; position:relative;} #news-page .text-animation {display:flex; align-items:center; flex-direction:column;position:relative; transform:translateY(100%); opacity:0; animation:sub-text-slide-up 1.5s ease forwards;} #news-page .news-article-top {width:100%;} #news-page .news-article-top {display:flex; flex-direction:column; gap:32px; align-items:center;} #news-page .news-article-top h1 {line-height:3rem; width:100%; text-align:center; word-break:keep-all; font-size:40px; font-weight:600; display:flex; flex-direction:column; gap:8px; align-items:center;} #news-page .news-article-top h1 > span {line-height:24px; font-size:24px; font-weight:600; color:#08376B;} #news-page .news-article-top .searchBarWrap {position:relative;} #news-page .news-article-top .searchBarWrap input {position:relative ;border:1px solid #dedede; background-color:#F7F8FA; color:#000; font-size:14px; width:20vw; height:48px; border-radius:40px; padding: 20px 24px;} #news-page .news-article-top .searchBarWrap button {font-size:14px; position:absolute; right:12px; background-color:#08376B; color:#fff; top:50%; transform: translateY(-50%); padding:10px 20px; border-radius:40px;} #news-page .law-article-section .article-card-wrap a {transition:0.4s; display:flex; gap:16px; flex-direction:column; width:calc((100% / 3) - 60px);} #news-page .law-article-section .article-card-wrap a:hover .article-card-content .background {background: rgb(22 57 95 / 90%)} #news-page .law-article-section .article-card-wrap a .article-card-content {padding:44px; display:flex; flex-direction:column; justify-content:space-between; position:relative; border-radius:20px; height:340px; background-image:url(''); background-color:#fff;} #news-page .law-article-section .article-card-wrap a .article-card-content .background { transition:0.4s; border-radius:20px; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(27, 27, 27, 0.80); } #news-page .law-article-section .article-card-wrap a .article-card-content .top-dec {display:flex; justify-content:space-between; align-items:end; gap:40px; font-weight: 300; font-size:1rem; color:#b3b3b3; position:relative; z-index:2; color:#fff;} #news-page .law-article-section .article-card-wrap a .article-card-content .top-dec span {margin-bottom:2px; width:60%; height:1px; background-color:#b3b3b3; display:block;} #news-page .law-article-section .article-card-wrap a .article-card-content h3 {font-weight:600; word-break:keep-all; width:90%; position:relative; z-index:2; color:#fff; font-size:26px; line-height:2.1rem;} #news-page .law-article-section .article-card-wrap a .article-card-text {display:flex; flex-direction:column; gap:8px; margin-left:8px;} #news-page .law-article-section .article-card-wrap a .article-card-text p {font-size:20px; color:#606060; font-weight:300; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;} #news-page .law-article-section .article-card-wrap a .article-card-text h4 {align-items:center; display:flex; gap:8px; align-items:center; font-size:28px; font-weight:600; color:#000;} #news-page .law-article-section .article-card-wrap a .article-card-text h4 div {background-color:#08376B; padding:6px 12px; border-radius:4px; color:#fff; font-size:14px; font-weight:500; } #news-page .law-article-section {padding:100px 100px 40px; overflow:hidden;} #news-page .article-slide {display:flex; flex-wrap:wrap; gap:80px; justify-content:space-between;} #news-page .review-pagination {position:absolute; display:flex; justify-content:center; bottom:1240px;} #news-page .review-pagination .swiper-pagination-bullet {font-size:12px; display:flex; align-items:center; justify-content:center; width:20px; height:20px; background-color:#0e3c6e; color:#fff;} #news-page #moreInfo { margin-top:100px;} #news-page .law-article-section .article-card-wrap a .article-card-text h4 div {font-size:12px;} #location .top .title {display:flex; align-items:center; flex-direction:column;} #location .top .title p {font-size:28px; font-weight:600;} #location .container {display: flex;width: 100%; padding:0px 100px 100px; gap:40px;} #location .left-section {width:50%;} #location .tab-menu {color:#797979; display: flex; margin-bottom: 20px; justify-content:center; gap:20px;} #location .tab {font-size:20px; width:50%; background-color:#edeef1; cursor: pointer; border-radius: 5px; display:flex; align-items:center; height:60px; justify-content:Center;} #location .tab.active {background-color:#08376B; color:#fff; font-weight:600; } #location .map02 {width:50%; position:relative;} #location .map02 .download {display:flex; justify-content:end; margin-bottom:28px;} #location .map02 .download button {transition:0.3s; height:54px; gap:8px; display:flex; align-items:center; border:1px solid #D9D9D9; border-radius:6px; padding:20px 48px; font-size:18px; color:#737373;} #location .map02 .download button span {transition:0.3s; width:20px; height:20px; background-image: url('../images/sub/download-icon.png'); margin-bottom:4px;} #location .map02 .download button:hover {background-color:#08376B; color:#fff; font-weight:500; } #location .map02 .download button:hover span {background-image: url('../images/sub/download-icon02.png');} #location .map02 .map-content {width:100%;} #location .left-section #content-seoul .text-wrap {display:flex; flex-direction:column; gap:28px; background-color:#F7F8FC; padding:48px 40px; border-radius:8px;} #location .left-section #content-seoul .text-wrap:nth-child(2) {padding:20px 40px 48px;} #location .left-section #content-seoul .text-wrap p { word-break:keep-all; color:#0a0a0a; display:flex; align-items:center; gap:20px; font-size:20px; font-weight:300;} #location .left-section #content-seoul .text-wrap span {display:flex; align-items:center; gap:8px; font-weight:500;} #location .left-section #content-gimpo .text-wrap {display:flex; flex-direction:column; gap:28px; background-color:#F7F8FC; padding:48px 40px; border-radius:8px;} #location .left-section #content-gimpo .text-wrap:nth-child(2) {padding:20px 40px 48px;} #location .left-section #content-gimpo .text-wrap p { color:#0a0a0a; display:flex; align-items:center; gap:20px; font-size:20px; font-weight:300;} #location .left-section #content-gimpo .text-wrap span {display:flex; align-items:center; gap:8px; font-weight:500;} #location .left-section .tap-title {font-size:28px; font-weight:500; display:flex; gap:20px; align-items:end;} #location .left-section .tap-title span {margin-bottom:2px; background-color:#000; display:block; content:""; width:20%; height:1px;right:0; bottom:0;} #location .left-section h3 {line-height:24px; margin-top:20px; display:flex; font-size:22px; font-weight:500; align-items:center; gap:8px;} #location .left-section .text-wrap > .transit-tag {gap:12px !important;} #location .left-section .text-wrap .transit-tag span {padding-left:24px; font-size:16px; padding:6px 16px; border-radius:4px; background-color:#39af47; color:#fff; font-weight:500;} #location .left-section .text-wrap .transit-tag span:nth-child(2) {padding:0; width:2px; height:20px; background-color:#696969; content:""; display:block;} #location .left-section .text-wrap .transit-tag:nth-child(5) span {background-color:#ff8939;} #location .left-section .text-wrap .transit-tag:nth-child(7) span {background-color:#0572B6;} #location .left-section .text-wrap .transit-tag:nth-child(8) span {background-color:#1CA800;} #location .left-section .text-wrap .transit-tag:nth-child(9) span {background-color:#D17518;} #location .left-section .text-wrap .transit-tag:nth-child(10) span {background-color:#468739;} #location .left-section .text-wrap .transit-tag:nth-child(11) span {background-color:#468739;} #location .left-section .text-wrap .transit-tag:nth-child(12) span {background-color:#468739;} #location .left-section #content-gimpo .text-wrap .transit-tag:nth-child(3) span {background-color:#bb995a;} #location .top {padding:120px 100px 60px; height:auto;} #location .root_daum_roughmap .link_copyright, .root_daum_roughmap .layer_post_info { display: none !important; /* 하단 정보 숨기기 */ } .root_daum_roughmap { height: 640px !important; /* 지도 영역 높이 유지 */ } .root_daum_roughmap { width: 100%; height: 600px; } #seoul-map, #gimpo-map { width: 100%;} #datepicker { width: 200px; padding: 10px; border: 2px solid #08376b; border-radius: 5px; } .calendar { display: none; background-color: #fff; border: 2px solid #08376b; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); } .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding:16px; color:#fff; background-color:#08376b; font-size:18px; } .days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; padding:20px; } .day { padding: 10px; text-align: center; cursor: pointer; border-radius: 5px; } .day:hover { background-color: #dbe5f3; } .selected { background-color: #08376b; color: #fff; } .calendar button {color:#fff; font-size:14px;} @keyframes info-btn { 0% { transform: scale(0) } 100% { transform: scale(1) } } #info {background-color:#f5f5f5;} #info .info-top {padding:140px 100px 40px;} #info .info-top .info-title h1 {font-size:32px; font-weight:600;} #info .info-top .info-title {display:flex; flex-direction:column; align-items:center; gap:8px;} #info .info-top .info-title img {width:160px;} #info .info-content {width:100%; display:flex; justify-content:center; padding-bottom:120px;} #info .info-content article {background-color:#fff; border-radius:20px; border:1px solid #ddd; width:65%; padding:100px 120px;} #info .info-content article ul {margin-bottom:12px;font-weight:500; font-size:22px; display:flex; flex-direction:column; gap:24px;} #info .info-content article ul li {font-size:20px; line-height:1.6rem; word-break:keep-all; color:#3d3d3d; font-weight:400;} #info .info-content article ul li:nth-child(4) {display:flex; gap:40px; margin-top:32px;} #info .info-content article ul {margin-top:60px;} #info .info-content article ul:nth-child(1) {margin:0px;} #info .info-user article ul li:nth-child(4) {margin:0px;} #info .info-user article ul li {font-weight:400;} @media only screen and (max-width: 1024px) { .intro-wrap img {width:400px;} .aboutPHILOSOPHY .phContent .phWrap .phText {font-size:16px;} .aboutPHILOSOPHY .phContent .phWrap {padding:30px 50px;} .aboutPHILOSOPHY .phContent .phWrap .ph-circle h3 {font-size:28px;} .aboutPHILOSOPHY .phContent .phWrap .ph-circle p {font-size:12px;} .aboutPHILOSOPHY .phContent .phWrap .ph-circle {width:200px; height:200px;} .aboutPHILOSOPHY .phContent .phWrap .phText > span {width:36px;} .aboutPHILOSOPHY .phContent .phWrap:nth-child(2) {padding:30px 50px;} .aboutPHILOSOPHY .phContent .phWrap:hover .ph-circle {outline:8px solid #E4EFFC;} .company-intro .intro-wrap {padding:0 60px;} .company-intro .intro-wrap .text-wrap h2 {font-size:36px; } .company-intro .intro-wrap .text-wrap div {font-size:16px;} .company-intro .intro-wrap {height:360px;} .company-intro .intro-wrap .text-wrap > p {font-size:28px;} .company-intro .intro-wrap .text-wrap span {height:60px;} .aboutPHILOSOPHY .phTitle div h2 {font-size:36px;} .aboutPHILOSOPHY .phTitle p {font-size:20px;} .company-intro .bg-dec {bottom:60px; left:60px;} .company-intro .bg-dec img {width:140px; bottom:60px; left:60px;} .aboutPHILOSOPHY {padding:40px 80px;} .aboutPHILOSOPHY .phTitle div span {width:120px;} .aboutPHILOSOPHY .phContent {gap:80px;} .about-title img {width:200px;} .top .about-title p {font-size:16px;} .top {height:240px;} .top div {font-size:16px; margin-top:50px;} #member .title .text-container .text-wrap h1 {font-size:32px; line-height:38px;} #member .top-dec {font-size:80px; letter-spacing:2px;} #member .memberContent .memWrap .memCard {width: calc((100% / 2) - 24px); height:420px;} #member .tabNav {padding:18px 8px;} #member .tabNav a.active {padding:8px 68px;} #member .memberContent .memWrap {gap:48px;} #member .memberContent .memWrap .memCard img {width:68%;} #moreInfo .cardWrap .infoCard {width: calc((100% / 2) - 20px);} #moreInfo .cardWrap {gap:40px;} #moreInfo .cardWrap .infoCard .text {font-size:1.5rem; word-break:keep-all; line-height:1.2; gap:4px;} #moreInfo .cardWrap .infoCard {height:28vh;} #moreInfo .cardWrap .infoCard .btn button {font-size:1rem;} #moreInfo .infoTitle h2 {font-size:1.5rem;} #memberView .memberViewIntro .memberViewTitleWrap {gap:24px;} #memberView .memberViewIntro .memberViewTitleWrap .memberTitle h2 {font-size:2.5rem;} #memberView .memberViewIntro .memberViewTitleWrap .memberTitle p {font-size:1.3rem; } #memberView .memberViewIntro .memberViewTitleWrap .memberIntro p {font-size:1.1rem;} #memberView .memberViewIntro .memberViewTitleWrap div button {font-size:1rem; padding:6px 18px; gap:4px;} #memberView .memberViewIntro .memberViewTitleWrap div button img {width:18px; height:18px;} #memberView .memberViewIntro .intro-dec div {font-size:7rem ;} #memberView .memberViewIntro .intro-dec {height:20vh; } #memberView .memberViewIntro .wrap {margin-bottom:40px;} #memberView .memberViewIntro .img-sec img {width:32vw;} #memberView .intro-section .intro-content {width:100%;} #memberView .intro-section .intro-content div {font-size:1.1rem ; line-height: 1.6rem; }\ #memberView .intro-section .intro-wrap .title h3 {font-size:2rem;} #memberView .intro-section .intro-wrap .title {gap:8px;} #memberView .intro-section .intro-wrap .title p {font-size:1rem} #memberView .intro-section {padding:60px 100px;} #memberView .intro-view .btn-section {gap:16px;} #memberView .intro-view .btn-section button {font-size:16px; height:48px; width:14vw; padding:0;} #memberView .intro-view .tag-section .tag-wrap a {font-size:1rem; color:#2c2c2c; padding:8px 24px;} #memberView .intro-view .tag-section .tag-wrap {gap:16px; } #memberView .intro-view .tag-content div h4 {font-size:1.4rem; width:24%;} #memberView .intro-view .tag-content ul li {font-size:1.2rem; line-height:1.5rem;} #memberView .intro-view .tag-content ul {gap:12px;} #memberView .intro-view .tag-content {margin-bottom:60px; gap:20px;} #memberView .licensembSwiper {width:100%;} #memberView #image-popup img {width:400px;} #memberView #image-popup {top:18%;} #bottom-form .text-section h2 {font-size:2rem; line-height:1.2;} #bottom-form .text-section h2 span {font-size:2rem;} #bottom-form .form-section label > input {width:32vw;} #bottom-form .form-section button {width:32vw; font-size:1rem;} #bottom-form {padding:40px 100px; } #bottom-form .form-section {gap:20px;} #bottom-form .form-section label:nth-child(3) {font-size:14px;} #success-page {padding:160px 60px;} #success-page .success-top h1 {font-size:32px; } #success-page .success-top h1 > span {font-size:18px;} #success-page .success-top .searchBarWrap input {width:32vw;} #success-page .success-section .seccess-box h3 {font-size:1.5rem; line-height:2rem;} #success-page .success-section .seccess-box {width:calc((100% / 2) - 40px); gap:20px; padding:40px;} #success-page .success-section .success-slide {gap:40px; } #success-page .success-section .seccess-box p {-webkit-line-clamp: 2; line-height:1.5rem; font-size:1.1rem;} #success-page .success-section .success-slide .grid-container {padding:0px;} #success-page .searchBarWrap input {width:35vw;} #success-view-page .success-section .seccess-box {width:100%;} #success-view-page .success-section {flex-direction:column;} #success-view-page .success-view-title p {font-size:1.1rem;} #success-view-page .success-view-title h2 {font-size:1.5em;} #success-view-page .succdess-view-content .content {padding:40px } #success-view-page .case-lawyer .lawyer-wrap {padding:28px; border-radius:14px;} #success-view-page .case-lawyer h3 {font-size:1rem;} #success-view-page .succdess-view-content .content-title {font-size:1.3rem;} #success-view-page .succdess-view-content .content-title p {font-size:1rem;} #success-view-page .succdess-view-content .content li {font-size:1rem; line-height:1.5rem;} #success-view-page .succdess-view-content .content {gap:28px;} #success-view-page .case-lawyer .lawyer img:nth-child(1) {width:28px; height:28px;} #success-view-page .case-lawyer .lawyer {font-size:0.8rem;} #success-view-page .case-lawyer .lawyer img {height:16px; width:18px;} #success-view-page .succdess-view-content .content .content-tag {font-size:0.8rem; padding:6px 12px;} #success-view-page .success-view-title {margin-bottom:40px;} #success-view-page .success-section .seccess-box h3 {font-size:1.5rem;} #success-view-page .success-section .seccess-box {gap:20px;} #success-view-page .success-section .seccess-box p {font-size:1rem; line-height:1.5rem;} #success-view-page .success-section .seccess-box .member-tag div {font-size:0.8rem;} #review-detail-page .review-detail-title .case-lawyer .lawyer img {width:16px; height:18px;} #review-page .review-top h1 {font-size:1.5rem; line-height: 2rem; width:80%;} #review-page .review-top h1 > span {font-size: 1rem;} #review-page .review-top .searchBarWrap input {width:32vw;} #review-page .review-section .review-card-wrap .review-card {width:calc((100% / 2) - 24px); padding:32px; gap:28px; background-size: 32px 32px;} #review-page .review-section .review-card-wrap .review-slide .card-container {gap:40px;} #review-page .review-section .review-card-wrap .review-card h3 {font-size:1.3rem; line-height:1.8rem;} #review-page .review-section .review-card-wrap .review-card span {font-size:1.1rem; line-height:1.5rem; -webkit-box;-webkit-line-clamp: 2;} #review-page .review-section .review-card-wrap .review-card p {font-size:1rem; } #review-page .review-section {margin-bottom:60px;} #review-detail-page .review-view-title h2 {font-size:1.5rem;} #review-detail-page .review-view-title {padding-bottom:20px;} #review-detail-page .review-detail-title .title-section {width:100%; gap:12px; padding:32px;} #review-detail-page .review-detail-title .title-section h3 {font-size:1.3rem;} #review-detail-page .review-detail-title .title-section .info-wrap {font-size:1rem;} #review-detail-page .review-detail-title .title-section img {bottom:-28px;} #review-detail-page .review-content .review-wrap {width:100%;} #review-detail-page .review-detail-title .case-lawyer {position:relative; right:0px; padding-bottom:0px;} #review-detail-page .review-detail-title .case-lawyer .lawyer {gap:48px; justify-content: normal;} #review-detail-page .review-detail-title .case-lawyer .lawyer-wrap {padding:24px 40px; margin-bottom:40px; } #review-detail-page .review-detail-title .case-lawyer h3 {font-size:1.2rem; margin-bottom:0px;} #review-detail-page .review-content .review-wrap p {font-size:1.2rem; line-height:1.8rem;} #review-detail-page .review-content .review-wrap .review-content-title {font-size:1.3rem;} #review-detail-page .review-content .review-wrap .review-content-title img {width:24px; height:24px;} #review-detail-page .review-content {padding:60px 0 80px;} #law-article-page .law-article-top h1 {font-size:1.8rem; line-height:2.3rem; width:80%; gap:6px;} #law-article-page .law-article-top .searchBarWrap input {width:32vw;} #law-article-page .law-article-top h1 > span {font-size:16px;} #law-article-page .main-section .sub-card-wrap article {display:none;} #law-article-page .main-section .main-card-wrap {width:100%;} #law-article-page .main-section .sub-card-wrap {display:none;} #law-article-page .law-article-section {padding: 120px 100px 60px;} #law-article-page .main-section {padding:60px 100px;} #law-article-page .main-section .main-card-wrap .main-card-content .top-dec {font-size:1rem;} #law-article-page .main-section .main-card-wrap .main-card-content h3 {font-size:2rem; line-height:2.5rem; width:75%;} #law-article-page .main-section .main-card-wrap::after {width:100%; height:95%;} #law-article-page .main-section .main-card-wrap .main-card-text h4 {font-size:1.5rem;} #law-article-page .main-section .main-card-wrap .main-card-text p {font-size:1.2rem;} #law-article-page .main-section .main-card-wrap .main-card-text h4 div {font-size:1rem; padding:6px 12px;} #law-article-page .main-section .main-card-wrap article {gap:22px;} #law-article-page .law-article-section .article-card-wrap a {width: calc((100% / 2) - 28px);} #law-article-page .law-article-section .article-card-wrap a .article-card-content h3 {font-size:1.4rem; width:100%;} #law-article-page .article-slide {gap:50px;} #law-article-page .law-article-section .article-card-wrap a .article-card-content {height:260px; padding:32px;} #law-article-page .law-article-section .article-card-wrap a .article-card-text h4 {font-size:1.2rem; gap:8px;} #law-article-page .law-article-section .article-card-wrap a .article-card-content .top-dec {font-size:.8rem; gap:20px;} #law-article-page .law-article-section .article-card-wrap a .article-card-content .top-dec span {width:50%;} #law-article-page .law-article-section {padding: 60px 100px 60px;} #law-detail-page .law-detail-top .law-detail-title h2 {font-size:1.8rem;} #law-detail-page .law-detail-conten#apply-page .apply-form-section .label-wrap label input {gap:60px; margin-bottom:100px;} #law-detail-page .law-detail-content .law-detail-wrap ul h3 {font-size:1.3rem; margin-bottom:8px;} #law-detail-page .law-detail-content .law-detail-wrap ul li {font-size:1.2rem; line-height:1.8rem;} #law-detail-page .law-detail-content .law-detail-wrap ul h3 > img {width:20px; height:20px;} #law-detail-page .more-article div {padding:28px;} #law-detail-page .more-article ul h3 {font-size:1.2rem; margin-bottom:6px;} #law-detail-page .more-article ul > li a {font-size:1rem;} #law-detail-page .more-article ul {gap:16px;} #law-detail-page .law-detail-content .law-detail-wrap .img-section img {height:300px; width:90%;} .apply-page-top h2 {font-size:1.5rem; line-height:1.8rem; width:60%;} .apply-page-top p {font-size:1.2rem; line-height:20px;} .apply-info .cardWrap {margin-top:40px; gap:40px;} .apply-info .cardWrap .infoCard {width:calc((100% / 2) - 20px)} .apply-info .cardWrap .infoCard .text-wrap {gap:4px;} .apply-info .cardWrap .infoCard .text-wrap p {font-size:1.3rem; line-height:1.6rem;} .apply-info .cardWrap .infoCard .text-wrap img {width:32px; height:32px;} .apply-info .cardWrap .infoCard button {font-size:1.2rem;} #apply-page .apply-form-section {margin-top:0; gap:20px;} #apply-page .apply-form-section .form-title {width:100%;} #apply-page .apply-form-section .form-title h3 {font-size:1.5rem; width:55%; line-height:1.8rem;} #apply-page .apply-form-section .form-title p {font-size:1rem;} #apply-page .apply-form-section .label-wrap label {width:55%; font-size:1rem;} #apply-page .apply-form-section .label-wrap {gap:24px;} #apply-page .apply-form-section .formBtn {width:60%;} #visit-apply-page .apply-form-section {margin-top:0;} #visit-apply-page .apply-info .cardWrap {margin-top:40px;} #visit-apply-page .apply-form-section .form-title {width:78%;} #visit-apply-page .apply-form-section .form-title h3 {font-size:1.8rem; line-height:2rem;} #visit-apply-page .apply-form-wrap {width:50%;} #news-page .news-article-top h1 {font-size:1.8rem; line-height:2rem; width:100%;} #news-page .news-article-top h1 > span {font-size:1.5rem;} #news-page .law-article-section .article-card-wrap a {width:calc((100% / 2) - 20px); gap:12px;} #news-page .news-article-top .searchBarWrap input {width:32vw;} #news-page .article-slide {gap:40px;} #news-page .law-article-section .article-card-wrap a .article-card-content {height:260px; padding:36px;} #news-page .law-article-section .article-card-wrap a .article-card-content h3 {font-size:1.3rem; line-height:1.6rem; width:100%;} #news-page .law-article-section {padding:60px 100px;} #news-page .law-article-section .article-card-wrap a .article-card-text h4 {font-size:1.3rem;} #news-page .law-article-section .article-card-wrap a .article-card-text p {font-size:1rem;} #news-page .law-article-section .article-card-wrap a .article-card-content .top-dec {gap:0px; font-size:0.8rem;} #news-page .law-article-section .article-card-wrap a .article-card-content .top-dec span {width:60%;} #location .container {flex-direction:column; padding:60px 100px;} #location .left-section {width:100%;} #location .map02 {width:100%;} #location .top .title {gap:8px;} #location .top .title p {font-size:24px;} #location .top .title img {width:200px;} #location .top {padding:48px 100px;} #location .tab {font-size:16px; height:52px;} #location .left-section .tap-title {font-size:24px;} #location .map02 .download button {font-size:16px; padding:16px 36px; height:48px;} } @media only screen and (max-width: 768px) { #visit-apply-page .apply-form-wrap {width:70%;} } @media only screen and (max-width: 425px) { #menuPage .menuWrap {gap:40px;} .company-intro {padding:60px 28px;} .company-intro .intro-wrap {flex-direction:column; justify-content:center; height:auto; padding:32px; border-radius:16px; } .company-intro .intro-wrap .text-wrap div {width:100%;} .intro-wrap img {display:none;} .company-intro .bg-dec img {width:80px;} .company-intro .bg-dec {bottom:10px; left:10px;} .company-intro .intro-wrap .text-wrap h2 {font-size:28px;} .company-intro .intro-wrap .text-wrap > p {font-size:24px;} .company-intro .intro-wrap .text-wrap {gap:16px;} .aboutPHILOSOPHY .phContent .phWrap .ph-circle h3 {font-size:24px;} .aboutPHILOSOPHY {padding:60px 28px;} .aboutPHILOSOPHY .phTitle div h2 {font-size:28px;} .aboutPHILOSOPHY .phTitle p {font-size:16px;} .aboutPHILOSOPHY .phTitle div span {width:80px;} .top {padding:60px 28px; align-items:center;} .aboutPHILOSOPHY .phContent {gap:40px;} .aboutPHILOSOPHY .phContent .phWrap {flex-direction:column; border-radius:20px; background-size:cover; gap:20px;} .phText p {text-align:center;} .aboutPHILOSOPHY .phContent .phWrap .phText {display:flex; flex-direction:column; align-items:center; width:100%;} .aboutPHILOSOPHY .phContent .phWrap .ph-circle {width:160px; height:160px;} .aboutPHILOSOPHY .phContent .phWrap:nth-child(2) {flex-direction: column-reverse; gap:20px; border-radius:20px;} .aboutPHILOSOPHY .phContent .phWrap:nth-child(even) .phText {display:flex; flex-direction:column; align-items:center;} .aboutPHILOSOPHY .phContent .phWrap:nth-child(4) {background-size:cover; background-position:50%; flex-direction: column-reverse;} .aboutPHILOSOPHY .phContent {margin-top:60px;} #about .about-top {padding:100px 32px 40px; height:auto;} #about .about-top div {font-size:16px; text-align:center; margin-top:12px;} #about .company-intro {padding:40px 24px;} #about .company-intro .intro-wrap {height:auto ; padding: 40px; justify-content:center; border-radius:16px;} #about .company-intro .intro-wrap .text-wrap h2 {font-size:32px;} #about .company-intro .intro-wrap .text-wrap > p {font-size:30px;} #about .company-intro .intro-wrap .text-wrap div {font-size:20px; width:100%;} #about .company-intro .bg-dec {display:none;} #about .company-intro .intro-wrap .text-wrap span {height:60px;} #about .aboutPHILOSOPHY {padding:20px 20px 80px;} #about .aboutPHILOSOPHY .phContent .phWrap {padding:40px 24px; border-radius:20px;} #about .aboutPHILOSOPHY .phContent .phWrap .phText {width:100%;} #about .aboutPHILOSOPHY .phContent .phWrap .ph-circle {width:200px; height:200px;} #about .aboutPHILOSOPHY .phContent .phWrap .ph-circle h3 {font-size:28px; } #about .aboutPHILOSOPHY .phContent .phWrap .ph-circle p {font-size:16px;} #about .phText p {font-size:20px;} #about .aboutPHILOSOPHY .phTitle div h2 {font-size:36px;} #about .aboutPHILOSOPHY .phContent .phWrap .phText > span {margin:20px 0px;} #about .aboutPHILOSOPHY .phTitle div span {width:100px;} #about .aboutPHILOSOPHY .phTitle p {font-size:20px;} #about .aboutPHILOSOPHY .phContent {margin-top:48px; gap:40px;} #about .aboutPHILOSOPHY .phContent .phWrap:nth-child(2) {padding:40px 24px; border-radius:20px;} #about .aboutPHILOSOPHY .phContent .phWrap:nth-child(even) .phText {align-items:center;} #about .aboutPHILOSOPHY .phContent .phWrap:nth-child(4) {background-position:56% 50%; } #member .memberContent .memWrap {padding:20px;} #member .title .text-container {padding:0px;} #member .title .text-container .text-wrap p {font-size:1rem; justify-content:center;} #member .title .text-container .text-wrap p > span {display:none;} #member {padding:100px 0px 60px;} #member .top-dec {font-size:2.5rem; letter-spacing:0rem; top:2.2%;} #member .title article div {font-size:1.2rem; line-height:1.5rem; } #member .title article p {font-size:1rem;} #member .title article {gap:8px;} #member .tabNav {gap:10px; padding:14px 8px; margin-top:20px; width:60%;} #member .tabNav a {padding:10px 20px; font-size:0.8rem;} #member .memberContent .memWrap .memCard {width:100%; padding:32px; height:280px;} #member .memberContent {margin-top:100px;} #member .memberContent .memWrap .memCard .textWrap {gap:8px;} #member .memberContent .memWrap .memCard .textWrap span {font-size:1.5rem; } #member .memberContent .memWrap .memCard .textWrap p {font-size:1rem; } #member .tabNav a {padding:10px 7vw;} #member .tabNav a.active {padding:10px 7vw;} #member .title .text-container .text-wrap h1 {font-size:1.3rem; line-height:1.5rem; text-align:center;} #member .title .text-container .text-wrap {padding:0 20px;} #member .memberContent .memWrap .memCard img {width:58%;} #member .memberContent .memWrap .memCard:hover .memCardBg {display:none;} #moreInfo .cardWrap .infoCard {width:100%; padding:28px; height:24vh;} #moreInfo .infoTitle h2 {font-size: 1.5rem; text-align:center; word-break:keep-all;} #moreInfo .cardWrap .infoCard .text {font-size:1.3rem; width:100%;} #moreInfo .cardWrap .infoCard .text p {font-size:1rem ;} #moreInfo .cardWrap .infoCard .btn button {padding:1vh 4vw; font-size:1.1rem;} #moreInfo {margin-top:60px; gap:28px; margin-bottom:60px; padding:0 20px;} #moreInfo .cardWrap .infoCard .btn {justify-content:end; margin-top:10px;} #moreInfo .cardWrap {padding:0px; gap:24px;} #memberView {padding:120px 0px 68px} #memberView .memberViewIntro .wrap {padding:0 20px; margin-bottom:20px;} #memberView .intro-section {padding:40px 20px 0px; gap:6px;} #memberView .intro-view {padding:40px 20px 0px;} #memberView .memberViewIntro .intro-dec div {font-size:2.5rem; left:20px; bottom:-10px; } #memberView .memberViewIntro .memberViewTitleWrap .memberTitle h2 {font-size:1.5rem;} #memberView .memberViewIntro .memberViewTitleWrap .memberTitle span {width:60px;} #memberView .memberViewIntro .memberViewTitleWrap .memberTitle p {font-size:1rem;} #memberView .memberViewIntro .memberViewTitleWrap .memberIntro {font-size:1rem ;} #memberView .memberViewIntro .img-sec img {width:50%; right:0px;} #memberView .memberViewIntro .memberViewTitleWrap div button {padding:6px 15px; font-size:0.8rem;} #memberView .memberViewIntro .memberViewTitleWrap div button img {width:16px; height:16px;} #memberView .memberViewIntro .memberViewTitleWrap {gap:18px;} #memberView .intro-section .intro-wrap .title h3 {font-size:1.3rem; line-height:1.5rem;} #memberView .intro-section .intro-content div {font-size:1rem; line-height:1.4rem;} #memberView .intro-section .intro-wrap .title span {width:8vw; margin-bottom:12px; } #memberView .intro-view .tag-section .tag-wrap a {font-size:16px; padding:8px 18px;} #memberView .intro-view .tag-section .tag-wrap {flex-wrap:wrap;} #memberView .memberViewIntro .intro-dec {height:10vh;} #memberView .intro-view .btn-section {position:relative; flex-direction:row; right:0; top:0; margin:40px 0; width:100%;} #memberView .intro-view .btn-section a {width:50%} #memberView .intro-view .btn-section button {width:100%; height:44px; font-size:1rem;} #memberView .intro-view .tag-content {width:100%;} #memberView .intro-view .tag-content div h4 {font-size:1.2rem;} #memberView .intro-view .tag-content {margin-bottom:40px;} #memberView .intro-view .tag-content ul li {font-size:1.1rem; line-height:1.4rem;} #memberView .license img {width:100px;} #memberView .memberViewIntro .memberViewTitleWrap .memberTitle {gap:8px;} #memberView .intro-view .tag-content ul {margin-left:20px;} #memberView #image-popup {top:15%;} #memberView #image-popup img {width:320px;} #bottom-form {padding:80px 20px; flex-direction:column; align-items:center; gap:28px; height:60vh;} #bottom-form .text-section h2 {text-align:center; font-size:1.5rem; width:100%;} #bottom-form .text-section h2 span {text-align:center; font-size:1.5rem;} #bottom-form .text-section {width:100%;} #bottom-form .form-section label {flex-direction:column; align-items:start; justify-content:space-between; width:100%;} #bottom-form .form-section label > input {width:100%; height:44px; font-size:0.8rem;} #bottom-form .form-section {width:80%;} #bottom-form .form-section button {width:52vw; height:44px; font-size:1rem;} #success-page .success-top {padding:0 20px;} #success-page .success-top h1 {font-size:24px; margin-bottom:24px;} #success-page {padding:100px 0px 0px;} #success-page .searchBarWrap input {width:70vw;} #success-page .success-section .success-slide .grid-container {padding:40px 20px; gap:28px;} #success-page .success-section .seccess-box {width:100%; border-radius:20px; padding:32px 32px; gap:24px;} #success-page .success-section {margin:0px;} #success-page .text-container {height:auto;} #success-page .success-section .seccess-box h3 {font-size:1.3rem; line-height:1.6rem;} #success-page .success-section .seccess-box p {font-size:1.1rem; line-height:1.3rem;} #success-page .success-section .seccess-box .member-tag {flex-wrap:wrap;} #success-page .success-section .seccess-box .member-tag div img {width:44px; height:44px;} #success-page .success-section .seccess-box .member-tag div {font-size:14px;} #success-view-page .success-view-title {padding:20px; margin-bottom:20px;} #success-view-page .succdess-view-content {padding:0 20px;} #success-view-page .case-lawyer {position:relative; right:0;} #success-view-page .case-lawyer .lawyer {font-size:1rem;} #success-view-page .case-lawyer .lawyer img:nth-child(1) {width:48px; height:48px;} #success-view-page {padding:80px 0 80px;} #success-view-page .success-view-title p {font-size:1rem;} #success-view-page .succdess-view-content .content {width:100%;} #success-view-page .case-lawyer .lawyer-wrap {padding:28px 24px; gap:16px;} #success-view-page .succdess-view-content .content-title {font-size:1.2rem; margin-bottom:4px;} #success-view-page .succdess-view-content .content li {font-size:1rem;} #success-view-page .success-section {padding:60px 20px; gap:24px;} #success-view-page .success-section .seccess-box h3 {font-size:1.2rem; line-height:1.3rem;} #success-view-page .success-section .seccess-box p {line-height:1.3rem;} #success-view-page .success-section .seccess-box {padding:28px; } #success-view-page .succdess-view-content .success-view-img img {width:100%;} #review-page .text-container {height:auto;} #review-page .review-top .searchBarWrap input {width:60vw;} #review-page .review-top h1 {font-size:1.3rem; line-height:1.6rem;} #review-page .review-section .review-card-wrap .review-card {width:100%; padding:48px 36px; gap:20px;} #review-page .review-section {margin:0px;} #review-page .review-section .review-card-wrap .review-slide .card-container {padding:40px 20px; gap:32px;} #review-page .review-section .review-card-wrap .review-card p {line-height:1rem;} #review-page {padding-bottom:40px;} #review-page {padding-top:80px;} #review-detail-page .review-detail-title .case-lawyer {padding-bottom:0px;} #review-detail-page {padding:100px 0px 68px;} #review-detail-page .review-view-title {padding:0 20px; margin-bottom:28px;} #review-detail-page .review-detail-title {padding:0 20px;} #review-detail-page .review-detail-title .title-section h3 {font-size:1.1rem; line-height:1.4rem; word-break:keep-all;} #review-detail-page .review-detail-title .case-lawyer .lawyer img:nth-child(1) {height:44px; width:44px;} #review-detail-page .review-detail-title .case-lawyer .lawyer {font-size:1rem;} #review-detail-page .review-view-title h2 {font-size:1.3rem;} #review-detail-page .review-detail-title .title-section img {bottom:-24px; right:60px;} #review-detail-page .review-content .review-wrap .review-content-title {font-size:1.1rem; gap:4px; } #review-detail-page .review-content .review-wrap p {font-size:1.1rem; line-height:1.6rem;} #review-detail-page .review-content .review-wrap .review-content-title img {height:20px; width:20px;} #review-detail-page .review-content {gap:40px;} #law-article-page .law-article-top h1 {width:100%; font-size:1.3rem; line-height:1.5rem; padding:0 20px;} #law-article-page .law-article-top h1 > span {font-size:16px;} #law-article-page .main-section {padding:40px 20px;} #law-article-page .main-section .main-card-wrap .main-card-content {padding:28px; height:260px;} #law-article-page .main-section .main-card-wrap .main-card-content .top-dec {gap:0; font-size:0.8rem;} #law-article-page .law-article-top .searchBarWrap input {width:62vw;} #law-article-page .main-section .main-card-wrap .main-card-content h3 {font-size:1.5rem; line-height:2rem; width:100%;} #law-article-page .main-section .main-card-wrap .main-card-text p {font-size:1rem; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;} #law-article-page .main-section .main-card-wrap .main-card-content .background {border-radius:16px;} #law-article-page .main-section .main-card-wrap .main-card-content .top-dec span {width:55%;} #law-article-page .main-section .main-card-wrap::after {top:12%;} #law-article-page {padding:120px 0px 0px;} #law-article-page .main-section .main-card-wrap .main-card-text h4 div {font-size:0.8rem; padding:4px 10px;} #law-article-page .main-section .main-card-wrap .main-card-text h4 {font-size:1.3rem; gap:8px;} #law-article-page .law-article-section .article-card-wrap a {width:100%;} #law-article-page .law-article-section {padding:60px 20px 120px;} #law-article-page .law-article-section .article-card-wrap a .article-card-content {height:240px; padding:28px;} #law-article-page .law-article-section .article-card-wrap a .article-card-content h3 {font-size:1.2rem; line-height:1.5rem;} #law-article-page .law-article-section .article-card-wrap a .article-card-text h4 div {font-size:0.8rem; padding:4px 10px;} #law-article-page .law-article-section .article-card-wrap a .article-card-content .background {border-radius:16px;} #law-article-page .law-article-section .article-card-wrap a {gap:16px;} #law-article-page .law-article-section .article-card-wrap a .article-card-content .top-dec span {width:60%;} #law-article-page .review-pagination {bottom:920px;} #law-article-page .law-article-top .searchBarWrap input {font-size:12px;} #law-article-page #moreInfo {padding:0 20px;} #law-article-page .text-container {height:auto;} #law-article-page .article-pagination {bottom:1880px;} #law-article-page .law-article-section .article-card-wrap a .article-card-text p {font-size:1.1rem;} #law-detail-page img {max-width:100%;} #law-detail-page .law-detail-top {padding:20px;} #law-detail-page .law-detail-content {padding:40px 20px; margin-bottom:40px; gap:40px;} #law-detail-page .law-detail-content .law-detail-wrap {width:100%;} #law-detail-page .more-article {position:relative; width:100%; right:0;} #law-detail-page .law-detail-content .law-detail-wrap .img-section img {max-height:280px; width:100%;} #law-detail-page .law-detail-content .law-detail-wrap ul h3 {font-size:1.2rem; line-height:1.6rem; align-items:start; gap:12px;} #law-detail-page .law-detail-content .law-detail-wrap ul li {font-size:1rem;} #law-detail-page .law-detail-content .law-detail-wrap ul {gap:12px;} #law-detail-page .law-detail-top .law-detail-title h2 {font-size:1.5rem;} #law-detail-page {padding:80px 0 60px;} #law-detail-page .law-detail-content .law-detail-wrap ul h3 > img {width:20px; height:20px; margin-top:4px;} #law-detail-page .more-article div {padding:40px 32px;} #apply-page {padding:100px 0 64px;} #apply-page .apply-page-top h1 {font-size:1.3rem; line-height:1.6rem; width:100%;} #apply-page .apply-form-section {padding:60px 20px;} #apply-page .apply-form-section .form-title h3 {width:100%; font-size:1.2rem; line-height:1.4rem;} #apply-page .apply-form-section .label-wrap label {width:100%;} #apply-page .apply-form-section .label-wrap {margin-top:20px; gap:20px; width:100%;} #apply-page .apply-form-section .formBtn {width:80%;} #apply-page .apply-form-section .formBtn button {font-size:1rem; width:100%;} #apply-page .apply-form-section .formBtn label {font-size:12px; display:flex; gap:4px; align-items:center;} #apply-page .apply-page-top span {font-size:1rem;} #apply-page .apply-info .cardWrap {padding:0 20px;} #apply-page .apply-info .cardWrap .infoCard {width:100%;} #apply-page .apply-page-top span {line-height:1rem;} #apply-page .text-container {height:auto;} #apply-page .apply-form-section .formBtn label a {font-size:12px; margin:0px;} #visit-apply-page {padding:100px 0px 0px;} #visit-apply-page .apply-form-section {padding: 68px 20px 100px;} #visit-apply-page .apply-form-section .form-title {width:100%; gap:8px;} #visit-apply-page .apply-form-section .form-title h3 {font-size:1.2rem; line-height:1.5rem;} #visit-apply-page .apply-form-section .form-title p {font-size:1rem;} #visit-apply-page .apply-form-wrap {width:100%;} #visit-apply-page .apply-info .cardWrap {padding:20px; gap:28px; margin-top:10px;} #news-page {padding:100px 0px;} #news-page .law-article-section .article-card-wrap a {width:100%;} #news-page .law-article-section {padding:40px 20px;} #news-page .news-article-top h1 {font-size:1.3rem; line-height:1.6rem;} #news-page .news-article-top h1 > span {font-size:1rem;} #news-page .news-article-top .searchBarWrap input {width:72vw;} #news-page .law-article-section .article-card-wrap a .article-card-content h3 {font-size:1.2rem; line-height:1.5rem;} #news-page .law-article-section .article-card-wrap a .article-card-text h4 {font-size:1.2rem; } #news-page .law-article-section .article-card-wrap a .article-card-text {gap:6px;} #news-page .review-pagination {bottom:900px;} #news-page #moreInfo {padding:0 20px;} #location .top {padding:100px 20px 0px;} #location .top .title img {width:160px;} #location .top .title p {font-size:20px;} #location .container {padding:28px 20px;} #location .tab {height:48px;} #location .tab-menu {gap:12px;} #location .left-section .tap-title {font-size:20px; justify-content:start;} #location .left-section #content-seoul .text-wrap p {font-size:16px; line-height:20px; gap:12px; flex-direction:row; text-align:start; } #location .left-section #content-seoul .text-wrap { gap:24px; padding-bottom:28px; padding-top:36px;} #location .left-section #content-seoul .text-wrap span img {width:24px; height:24px;} #location .left-section .tap-title span {display:none;} #location .left-section h3 {font-size:18px; justify-content:center; word-break:keep-all;} #location .left-section .text-wrap .transit-tag span {padding:4px 12px; font-size:14px;} #location .left-section #content-gimpo .text-wrap {flex-direction:column; padding:28px;} #location .left-section #content-gimpo .text-wrap p {flex-direction:column; text-align:center; word-break:keep-all; font-size:16px;} #location .map02 .download button {height:40px; font-size:14px; padding:16px 32px;} #location .top .title {gap:4px;} #location .top .title p {font-size:1.1rem;} #location .left-section h3 {justify-content:start; margin:0px;} #location .left-section h3 {margin-top:12px;} #location .left-section #content-seoul .text-wrap:nth-child(2) {padding:20px 20px 40px;} #location .left-section #content-seoul .text-wrap:nth-child(2) p {flex-direction:row; align-items:start;} #location .left-section #content-gimpo .text-wrap p {flex-direction:row; text-align:start;} #location .left-section #content-gimpo .text-wrap span img {width:24px; height:24px;} #location .left-section .text-wrap .transit-tag:nth-child(9) span {min-width:78px} #location .left-section .text-wrap .transit-tag:nth-child(10) span {min-width:78px} #location .left-section .text-wrap .transit-tag:nth-child(11) span {min-width:78px} #info .info-top {padding:100px 20px 40px;} #info .info-top .info-title h1 {font-size:24px;} #info .info-top .info-title img {width:120px;} #info .info-content article ul li:nth-child(4) {flex-direction:column; gap:12px; margin-top:12px;} #info .info-content {padding:0 20px 60px;} #info .info-content article {width:100%; padding:32px;} #info .info-content article ul {font-size:20px; gap:16px;} #info .info-content article ul li {font-size:16px;} }