/* 비즈니스 공통 */ .business_cont {} .business_cont .business_wrap {display:flex; flex-wrap:wrap; } .business_cont .business_wrap .text_wrap {width:calc(100% - 660px); padding-right:78px; box-sizing:border-box;} .business_cont .business_wrap .text_wrap h4 {margin-bottom:35px;} .business_cont .business_wrap .text_wrap .fs24 {margin-bottom:10px; margin-top:40px;} .business_cont .business_wrap .text_wrap .fs24:first-of-type {margin-top:0;} .business_cont .business_wrap .text_wrap .fs18 + .fs18 {margin-top:40px; } .business_cont .business_wrap .img_wrap {width:660px; box-sizing:border-box; position:relative; padding-top: 236px;} .business_cont .business_wrap .img_wrap .icon_box {width:145px; height:145px; background: linear-gradient(135deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.05) 50%), #BE1E2D; backdrop-filter: blur(5px); display:flex; justify-content:center; align-items:center; position:absolute; left:-115px; bottom:-30px} .business_cont .business_wrap .img_wrap .icon_box img {max-width:100%; height:auto;} .business_cont .business_case .case_wrap {display:flex; flex-wrap:wrap; } .business_cont .business_case .text_wrap {text-align:center; margin-bottom:50px; } .business_cont .business_case .text_wrap h4 {margin-bottom:15px} .business_cont .business_case .case_wrap dl {margin:0 30px 0 0; width:calc((100% - 60px) / 3); background:var(--white); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);} .business_cont .business_case .case_wrap dl:last-of-type {margin:0 0 0 0;} .business_cont .business_case .case_wrap dl dt {aspect-ratio:4.3 / 2.8; overflow:hidden; } .business_cont .business_case .case_wrap dl dt img {max-width:100%; height:auto; transition:all .3s ease;} .business_cont .business_case .case_wrap dl dd {padding:25px 30px 37px; box-sizing:border-box} .business_cont .business_case .case_wrap dl dd .fs20 {margin-bottom:2px; transition:all .3s ease;} .business_cont .business_case .case_wrap dl a:hover dt img {transform:scale(1.1);} .business_cont .business_case .case_wrap dl a:hover dd .fs20 {color:var(--main);} .business_cont .business_case .btn_wrap {text-align:center; margin-top:50px;} /* .business_cont .business_case .btn_wrap a {display: inline-block; width:100%; max-width:200px; background:var(--main); padding:14px 26px; box-sizing:border-box; border-radius:35px; display: flex; margin: 0 auto; position:relative; transition:all .3s ease; overflow:hidden; border:1px solid transparent; align-items: center; justify-content: space-between;} .business_cont .business_case .btn_wrap a em {font-style:normal; color:var(--white); transition:all .3s ease; font-size:14px; letter-spacing:0.7px; line-height:128.571%; text-transform:uppercase; font-weight:700; z-index:3; position:relative;} .business_cont .business_case .btn_wrap a span {line-height:35px; color:var(--main); font-size:21px; display:flex; z-index:2; display:flex; justify-content:center; align-items:center;} .business_cont .business_case .btn_wrap a span:before {display:block; content:''; border-radius:100%; background:var(--white); width:35px; height:35px; position:absolute; z-index:-1; transition:all .3s ease; } .business_cont .business_case .btn_wrap a:hover {border-color:var(--main);} .business_cont .business_case .btn_wrap a:hover em {color:var(--main);} .business_cont .business_case .btn_wrap a:hover span:before {transform:scale(10);} */ .business_cont .business_case .btn_wrap a {display:block; position:relative; width: 200px; height: 66px; box-sizing:Border-box; background:var(--main); border-radius:50px; overflow:hidden; border:2px solid var(--main); margin:0 auto;} .business_cont .business_case .btn_wrap a em {position:relative; z-index:10; width: 100%; height: 100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; color: var(--white); font-family: var(--eng); font-size: 0.777rem; font-weight: 700; line-height:1; letter-spacing: 0.044rem; text-transform: uppercase; transition:all 0.3s ease; padding:0 15px 0 25px; box-sizing:border-box; font-style:normal;} .business_cont .business_case .btn_wrap a span {position:relative; width: 35px; height: 35px; display:block; font-style:normal; text-align:center;} .business_cont .business_case .btn_wrap a span::before {content:'\e941'; font-size:21px; display:block; margin:0 auto; color:var(--main); font-weight:400; font-family:var(--icon); line-height:35px;} .business_cont .business_case .btn_wrap a span::after {content:''; width: 100%; height: 100%; background:var(--white); border-radius:100%; position:absolute; top:0; left:0; z-index:-1; transition:all 0.3s ease;} .business_cont .business_case .btn_wrap a:hover em {color:var(--main); transition:all 0.3s ease;} .business_cont .business_case .btn_wrap a:hover span::after {transform:scale(10); transition:all 0.3s ease;} .business_cont .business_card .text_wrap {text-align:center; margin-bottom:50px; } .business_cont .business_card .text_wrap p {padding-top:15px; } .business_cont .business_card .card_list {display:flex; gap:30px; justify-content:center; flex-wrap:wrap;} .business_cont .business_card .card_list dl {background:var(--white); box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); box-sizing:border-box; width:calc((100% - 60px) / 3); position:relative; padding:50px 60px; display:flex; justify-content: center; align-items: center} .business_cont .business_card .card_list dl span {position:absolute; left:20px; top:20px; height:40px; width:40px; color:var(--white); font-weight:700; line-height:40px; font-size:16px; } .business_cont .business_card .card_list dl dt {padding-left:10px; box-sizing:border-box;} .business_cont .business_card .card_list dl dt img {max-width:100%; width:100%; height:auto;} .business_cont .business_card .card_list dl dd {color:var(--black); padding-left:20px; box-sizing:border-box;} .business_cont .business_sort .text_wrap {text-align:center; margin-bottom:50px; } .business_cont .business_sort .sort_list {padding:50px 60px; display:flex; flex-wrap:wrap; background:var(--white); gap:15px 0px; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); box-sizing:border-box; } .business_cont .business_sort .sort_list li {display:flex; gap:10px; align-items:center; width:20%; padding-right:10px; } .business_cont .business_sort .sort_list li .num {height:40px; width:40px; color:var(--white); font-weight:700; line-height:40px; font-size:16px; color:var(--white);} /* 비즈니스 공통 */ /* 법인등기 */ .business_cont .corporate .business_wrap .img_wrap {padding-top:0;} .business_cont .corporate .business_wrap .text_wrap .fs20 {padding-bottom:10px;} /* 법인등기 */ /* 부동산등기 */ .business_cont .estate .business_wrap .text_wrap {} .business_cont .estate .business_wrap .text_wrap .fs20 {margin-bottom:10px;} .business_cont .estate .business_wrap .img_wrap {padding-top:100px;} /* 부동산등기 */ /* 이혼/가사 */ .business_cont .divorce .business_wrap {position:relative;} .business_cont .divorce .business_wrap .text_wrap {position:absolute; width:100%;} .business_cont .divorce .business_wrap .img_wrap {margin-left:auto;} /* 이혼/가사 */ /* 회생/파산 */ .business_cont .rehabilitation .business_wrap {} .business_cont .rehabilitation .business_wrap .img_wrap {padding-top:0;} .business_cont .rehabilitation .business_wrap .text_wrap h4 {margin-bottom:13px; } .business_cont .rehabilitation .business_wrap .text_wrap .fs30 {color:var(--black);} .business_cont .rehabilitation .business_wrap .text_wrap .fs18 {margin:55px 0 80px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote {position:relative; padding-top:30px; box-sizing:border-box;} .business_cont .rehabilitation .business_wrap .text_wrap .quote .fs30 {position:relative; display:inline; padding-right:10px; color:var(--white); line-height:140%;} .business_cont .rehabilitation .business_wrap .text_wrap .quote .fs30:after {display: block; content: ''; width: 100%; height: 80%; background: var(--main); position: absolute; left: 0; top: 7px; z-index: -1;} .business_cont .rehabilitation .business_wrap .text_wrap .quote:before {position:absolute; display:block; content:''; background:url('/business/img/quote.png'); background-size:cover; background-repeat:no-repeat; width:14px; height:12px; position:absolute; top:0;} .business_cont .rehabilitation .business_card {display:flex; flex-wrap:wrap;} .business_cont .rehabilitation .business_card dl {width:calc((100% - 30px) / 2); margin-right:30px; display:flex; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); background:var(--white); align-items:center; padding:40px; } .business_cont .rehabilitation .business_card dl:last-of-type {margin-right:0;} .business_cont .rehabilitation .business_card dl dt {width:94px; text-align:center;} /* .business_cont .rehabilitation .business_card dl dt img {max-width:100%; height:auto; } */ .business_cont .rehabilitation .business_card dl dd {padding-left:40px; width:calc(100% - 94px); box-sizing:border-box;} .business_cont .rehabilitation .business_card dl dd .fs24 {margin-bottom:5px;} /* 회생/파산 */ /* 업무분야 */ .business_cont {} .business_cont .work_list {} .business_cont .work_list dl + dl {margin-top:80px;} .business_cont .work_list dl {position:relative;} .business_cont .work_list dl a {width:100%; height:100%; display:block; transition:all .3s ease;} .business_cont .work_list dl dt {overflow:hidden; max-width:890px;} .business_cont .work_list dl dt img {max-width:100%; height:auto; transition:all .3s ease;} .business_cont .work_list dl dd {max-width: 890px; width: 100%; box-sizing: border-box; padding: 50px 0 50px 50px; background: var(--white); margin-left: auto; margin-top: -200px; position: relative; transition:all .3s ease; margin-left: auto;} html[lang="en"] .business_cont .work_list dl dd {padding: 50px 50px 50px 50px;} .business_cont .work_list dl dd:before {font-family:var(--icon); font-size:40px; color:var(--main); display:block; content:'\e941'; position:absolute; right:0; bottom:60px; transition:all .3s ease;} .business_cont .work_list dl dd .icon_box {width:100px; height:100px; background: linear-gradient(135deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.05) 50%), #BE1E2D; backdrop-filter: blur(5px); display:flex; justify-content:center; align-items:center; position:absolute; left:-100px; top:-100px; } .business_cont .work_list dl dd .icon_box img {max-width:100%; height:auto; /* width:55px */} .business_cont .work_list dl dd .fs30 {color:var(--black); font-weight:700; margin-bottom:10px; transition:all .3s ease;} .business_cont .work_list dl dd .fs18 { transition:all .3s ease;} .business_cont .work_list dl dd .tag_list {display:flex; flex-wrap:wrap; gap:4px; margin-top:30px} .business_cont .work_list dl dd .tag_list li {border-radius:30px; border:1px solid var(--border); box-sizing:border-box; padding:10px 20px; line-height:100%; letter-spacing:-1.26px; transition:all .3s ease;} .business_cont .work_list dl:nth-of-type(odd) {} .business_cont .work_list dl:nth-of-type(odd) dt {text-align:right; margin-left: auto;} .business_cont .work_list dl:nth-of-type(odd) dd {margin-left:unset; margin-right:auto; padding:50px 50px 50px 0; text-align:right;} html[lang="en"] .business_cont .work_list dl:nth-of-type(odd) dd {padding: 50px 50px 50px 50px;} .business_cont .work_list dl:nth-of-type(odd) dd:before {content:'\ef7d'; right:unset; left:0} .business_cont .work_list dl:nth-of-type(odd) dd .icon_box {left:unset; right:-100px; } .business_cont .work_list dl:nth-of-type(odd) dd .tag_list {justify-content:flex-end;} .business_cont .work_list dl a:hover {} .business_cont .work_list dl a:hover dt img {transform:scale(1.1);} .business_cont .work_list dl a:hover dd {background:var(--main);} .business_cont .work_list dl a:hover dd:before {color:var(--white); transform:translateX(-50px);} .business_cont .work_list dl:nth-of-type(odd) a:hover dd:before {transform:translateX(50px);} .business_cont .work_list dl a:hover dd .fs30 {color:var(--white);} .business_cont .work_list dl a:hover dd .fs18 {color:rgba(255,255,255,.7);} .business_cont .work_list dl a:hover dd .tag_list li {color:var(--white); border-color:var(--white)} /* 업무분야 */ /******************************************************************************* @media 1700px *******************************************************************************/ @media all and (max-width:1700px){ .business_cont .work_list dl dd .fs18 br {display:none; } } /******************************************************************************* @media 1500px *******************************************************************************/ @media all and (max-width:1500px){ /* 비즈니스 공통 */ .business_cont {} .business_cont .business_wrap .text_wrap {width:calc(100% - 500px); padding-right:60px;} .business_cont .business_wrap .text_wrap h4 {margin-bottom:35px;} .business_cont .business_wrap .text_wrap .fs24 {margin-bottom:10px; margin-top:30px;} .business_cont .business_wrap .text_wrap .fs18 + .fs18 {margin-top:30px; } .business_cont .business_wrap .img_wrap {width:500px; padding-top: 236px;} .business_cont .business_wrap .img_wrap .icon_box {width:145px; height:145px; left:-115px; bottom:-30px} .business_cont .business_case .text_wrap { margin-bottom:50px; } .business_cont .business_case .text_wrap h4 {margin-bottom:15px} .business_cont .business_case .case_wrap dl {margin:0 30px 0 0; width:calc((100% - 60px) / 3);} .business_cont .business_case .case_wrap dl dd {padding:25px 30px; } .business_cont .business_case .case_wrap dl dd .fs20 {margin-bottom:2px;} .business_cont .business_case .case_wrap dl dd .fs18 br {display:none;} /* .business_cont .business_case .btn_wrap {margin-top:50px;} .business_cont .business_case .btn_wrap a {max-width:200px; padding:14px 26px; border-radius:35px;} .business_cont .business_case .btn_wrap a em { font-size:14px; letter-spacing:0.7px; } .business_cont .business_case .btn_wrap a span {line-height:35px; font-size:21px; } .business_cont .business_case .btn_wrap a span:before { width:35px; height:35px; } */ /* 이혼/가사 */ .business_cont .divorce .business_wrap .img_wrap { max-width:600px;} /* 이혼/가사 */ .business_cont .rehabilitation .business_card dl dd .fs18 br {display:none;} /* 업무분야 */ .business_cont .work_list dl + dl {margin-top:70px;} .business_cont .work_list dl dt {max-width:800px;} .business_cont .work_list dl dd {max-width: 800px; padding: 50px 0 50px 50px; margin-top: -200px; } .business_cont .work_list dl dd:before {font-size:40px; bottom:60px;} .business_cont .work_list dl dd .icon_box {width:100px; height:100px; left:-100px; top:-100px; } .business_cont .work_list dl dd .icon_box img {width:50px} .business_cont .work_list dl dd .fs30 {margin-bottom:10px; } .business_cont .work_list dl dd .tag_list {gap:4px; margin-top:30px} .business_cont .work_list dl dd .tag_list li {border-radius:30px; padding:10px 20px; letter-spacing:-1.26px; } .business_cont .work_list dl:nth-of-type(odd) dd {padding:50px 50px 50px 0; } .business_cont .work_list dl:nth-of-type(odd) dd .icon_box {right:-100px; } .business_cont .work_list dl a:hover dd:before {color:var(--white); transform:translateX(-50px);} .business_cont .work_list dl:nth-of-type(odd) a:hover dd:before {transform:translateX(50px);} /* 업무분야 */ } /******************************************************************************* @media 1300px *******************************************************************************/ @media all and (max-width:1300px){ /* 비즈니스 공통 */ .business_cont {} .business_cont .business_wrap .text_wrap {width:100%; padding-right:0;} .business_cont .business_wrap .text_wrap h4 {margin-bottom:30px;} .business_cont .business_wrap .text_wrap .fs24 {margin-bottom:10px; margin-top:20px;} .business_cont .business_wrap .text_wrap .fs18 + .fs18 {margin-top:20px; } .business_cont .business_wrap .text_wrap p br {display:none;} .business_cont .business_wrap .img_wrap {max-width:500px; width:100%; padding-top: 36px; margin-left:auto; } .business_cont .business_wrap .img_wrap .icon_box {width:130px; height:130px; left:-115px; bottom:-30px} .business_cont .business_wrap .img_wrap .icon_box img {width:70px} .business_cont .business_case .text_wrap { margin-bottom:40px; } .business_cont .business_case .text_wrap h4 {margin-bottom:15px} .business_cont .business_case .case_wrap dl {margin:0 20px 0 0; width:calc((100% - 40px) / 3);} .business_cont .business_case .case_wrap dl dd {padding:25px 30px 30px; } .business_cont .business_case .case_wrap dl dd .fs20 {margin-bottom:2px;} .business_cont .business_case .case_wrap dl dd .fs18 br {display:none;} /* .business_cont .business_case .btn_wrap {margin-top:40px;} .business_cont .business_case .btn_wrap a {max-width:200px; border-radius:35px;} .business_cont .business_case .btn_wrap a em { font-size:14px; letter-spacing:0.7px; } .business_cont .business_case .btn_wrap a span {line-height:35px; font-size:21px; } .business_cont .business_case .btn_wrap a span:before { width:35px; height:35px; } */ .business_cont .business_card .text_wrap {margin-bottom:40px; } .business_cont .business_card .card_list {gap:20px;} .business_cont .business_card .card_list dl {width:calc((100% - 40px) / 3); padding:50px; } .business_cont .business_card .card_list dl span {left:20px; top:20px; height:35px; width:35px; line-height:35px; font-size:15px; } .business_cont .business_card .card_list dl dt {padding-left:0; } .business_cont .business_card .card_list dl dt img {width:70px;} .business_cont .business_card .card_list dl dd {padding-left:15px;} .business_cont .business_sort .text_wrap {margin-bottom:40px; } .business_cont .business_sort .sort_list {padding:40px 50px; gap:15px 0px;} .business_cont .business_sort .sort_list li {gap:10px; width:25%; padding-right:10px; } .business_cont .business_sort .sort_list li .num {height:35px; width:35px; line-height:35px; font-size:15px;; } /* 비즈니스 공통 */ /* 법인등기 */ .business_cont .corporate .business_wrap .img_wrap {padding-top:36px;} .business_cont .corporate .business_wrap .text_wrap h4 {margin-bottom:0;} .business_cont .corporate .business_wrap .text_wrap h4 br {display:none;} .business_cont .corporate .business_wrap .text_wrap .fs20 {padding-bottom:10px;} /* 법인등기 */ /* 부동산등기 */ .business_cont .estate .business_wrap .text_wrap .fs20 {margin-bottom:10px;} .business_cont .estate .business_wrap .img_wrap {padding-top:36px;} /* 부동산등기 */ /* 이혼/가사 */ .business_cont .divorce .business_wrap .text_wrap {position:unset; } .business_cont .divorce .business_wrap .img_wrap {max-width:500px; width:100%; } /* 이혼/가사 */ /* 회생/파산 */ .business_cont .rehabilitation .business_wrap .text_wrap h4 {margin-bottom:13px; } .business_cont .rehabilitation .business_wrap .text_wrap .fs18 {margin:35px 0 55px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote {padding-top:30px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote .fs30 {padding-right:10px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote:before {width:14px; height:12px; } .business_cont .rehabilitation .business_card dl {width:calc((100% - 20px) / 2); margin-right:20px; padding:30px; } .business_cont .rehabilitation .business_card dl dt img {width:35px;} .business_cont .rehabilitation .business_card dl dt img {width:80px; } .business_cont .rehabilitation .business_card dl dd {padding-left:30px;} .business_cont .rehabilitation .business_card dl dd .fs24 {margin-bottom:5px;} /* 회생/파산 */ /* 업무분야 */ .business_cont .work_list dl + dl {margin-top:60px;} .business_cont .work_list dl dt {max-width:700px;} .business_cont .work_list dl dd {max-width: 700px; padding: 40px 0 40px 40px; margin-top: -200px; } .business_cont .work_list dl dd:before {font-size:35px; bottom:60px;} .business_cont .work_list dl dd .icon_box {width:90px; height:90px; left:-90px; top:-90px; } .business_cont .work_list dl dd .icon_box img {width:45px} .business_cont .work_list dl dd .fs30 {margin-bottom:10px; } .business_cont .work_list dl dd .fs18 br {display:none;} .business_cont .work_list dl dd .tag_list {gap:4px; margin-top:25px} .business_cont .work_list dl dd .tag_list li {padding:10px 20px; } .business_cont .work_list dl:nth-of-type(odd) dd {padding:40px 40px 40px 0; } .business_cont .work_list dl:nth-of-type(odd) dd .icon_box {right:-90px; } .business_cont .work_list dl a:hover dd:before {color:var(--white); transform:translateX(-40px);} .business_cont .work_list dl:nth-of-type(odd) a:hover dd:before {transform:translateX(40px);} /* 업무분야 */ } /******************************************************************************* @media ~980px *******************************************************************************/ @media all and (max-width:980px){ /* 비즈니스 공통 */ .business_cont {} .business_cont .business_wrap .text_wrap h4 {margin-bottom:25px;} .business_cont .business_wrap .text_wrap .fs24 {margin-bottom:7px; margin-top:16px;} .business_cont .business_wrap .text_wrap .fs18 + .fs18 {margin-top:16px; } .business_cont .business_wrap .img_wrap {max-width:500px; padding-top: 30px; margin-left:auto; } .business_cont .business_wrap .img_wrap .icon_box {width:100px; height:100px; left:-85px; bottom:-30px} .business_cont .business_wrap .img_wrap .icon_box img {width:60px} .business_cont .business_case .text_wrap { margin-bottom:30px; } .business_cont .business_case .text_wrap h4 {margin-bottom:13px} .business_cont .business_case .case_wrap dl {margin:0 20px 0 0; width:calc((100% - 40px) / 3);} .business_cont .business_case .case_wrap dl dd {padding:20px 20px 25px; } .business_cont .business_case .case_wrap dl dd .fs20 {margin-bottom:2px;} /* .business_cont .business_case .btn_wrap {margin-top:30px;} .business_cont .business_case .btn_wrap a {max-width:200px; padding:14px 20px; border-radius:35px;} .business_cont .business_case .btn_wrap a em { font-size:14px; letter-spacing:0.7px; } .business_cont .business_case .btn_wrap a span {line-height:30px; font-size:19px; } .business_cont .business_case .btn_wrap a span:before { width:30px; height:30px; } */ .business_cont .business_card .text_wrap {margin-bottom:30px; } .business_cont .business_card .text_wrap p {padding-top:13px; } .business_cont .business_card .card_list {gap:20px;} .business_cont .business_card .card_list dl {width:calc((100% - 20px) / 2); padding:40px 50px; } .business_cont .business_card .card_list dl span {left:15px; top:15px; height:30px; width:30px; line-height:30px; font-size:14px; } .business_cont .business_card .card_list dl dt {padding-left:0; } .business_cont .business_card .card_list dl dt img {width:60px;} .business_cont .business_card .card_list dl dd {padding-left:20px;} .business_cont .business_sort .text_wrap {margin-bottom:30px; } .business_cont .business_sort .sort_list {padding:30px 40px; gap:13px 0px;} .business_cont .business_sort .sort_list li {gap:8px; width:33.333%; padding-right:8px; } .business_cont .business_sort .sort_list li .num {height:30px; width:30px; line-height:30px; font-size:14px;} /* 비즈니스 공통 */ /* 법인등기 */ .business_cont .corporate .business_wrap .img_wrap {padding-top:30px;} .business_cont .corporate .business_wrap .text_wrap .fs20 {padding-bottom:7px;} /* 법인등기 */ /* 부동산등기 */ .business_cont .estate .business_wrap .text_wrap .fs20 {margin-bottom:7px;} .business_cont .estate .business_wrap .img_wrap {padding-top:30px;} /* 부동산등기 */ /* 회생/파산 */ .business_cont .rehabilitation .business_wrap .text_wrap h4 {margin-bottom:10px; } .business_cont .rehabilitation .business_wrap .text_wrap .fs18 {margin:10px 0 30px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote {padding-top:20px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote .fs30 {padding-right:8px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote .fs30:after {height: 70%; top: 5px; z-index: -1;} .business_cont .rehabilitation .business_wrap .text_wrap .quote:before {width:12px; height:10px; } /* 회생/파산 */ /* 업무분야 */ .business_cont .work_list dl + dl {margin-top:40px;} .business_cont .work_list dl dt {max-width:100%;} .business_cont .work_list dl dd {max-width: 100%; padding: 30px; margin-top: 0;position:relative; } .business_cont .work_list dl dd:before {font-size:30px; bottom:40px;} .business_cont .work_list dl dd .icon_box {width:80px; height:80px; left:0; top:-80px; } .business_cont .work_list dl dd .icon_box img {width:35px} .business_cont .work_list dl dd .fs30 {margin-bottom:8px; } .business_cont .work_list dl dd .tag_list {gap:4px; margin-top:20px} .business_cont .work_list dl dd .tag_list li {padding:8px 16px; } .business_cont .work_list dl:nth-of-type(odd) dt {} .business_cont .work_list dl:nth-of-type(odd) dd {padding: 30px; text-align:left;} .business_cont .work_list dl:nth-of-type(odd) dd:before {content:'\e941'; position:absolute; right:0; left:unset; } .business_cont .work_list dl:nth-of-type(odd) dd .icon_box {right:unset; left:0 } .business_cont .work_list dl:nth-of-type(odd) dd .tag_list {justify-content:flex-start;} .business_cont .work_list dl a:hover dd:before { transform:translateX(-30px);} .business_cont .work_list dl:nth-of-type(odd) a:hover dd:before {transform:translateX(-30px);} /* 업무분야 */ } /******************************************************************************* @media 481~680px *******************************************************************************/ @media all and (max-width:680px){ /* 비즈니스 공통 */ .business_cont {} .business_cont .business_wrap .text_wrap h4 {margin-bottom:13px;} .business_cont .business_wrap .text_wrap h4 br {display:none;} .business_cont .business_wrap .text_wrap .fs24 {margin-bottom:4px; margin-top:10px;} .business_cont .business_wrap .text_wrap .fs18 + .fs18 {margin-top:10px; } .business_cont .business_wrap .img_wrap {max-width:90%; padding-top: 30px; margin-left:auto; } .business_cont .business_wrap .img_wrap .icon_box {width:80px; height:80px; left:-10%; bottom:-20px} .business_cont .business_wrap .img_wrap .icon_box img {width:40px} .business_cont .business_case .text_wrap { margin-bottom:20px; } .business_cont .business_case .text_wrap h4 {margin-bottom:10px} .business_cont .business_case .case_wrap dl {margin:0 0 15px 0; width:100%;} .business_cont .business_case .case_wrap dl dd {padding:15px 15px 20px; } .business_cont .business_case .case_wrap dl dt img {width:100%;} .business_cont .business_case .case_wrap dl dd .fs20 {margin-bottom:2px;} .business_cont .business_case .btn_wrap {margin-top:30px;} /* .business_cont .business_case .btn_wrap a {max-width:160px; padding:8px 15px; border-radius:35px;} .business_cont .business_case .btn_wrap a em { font-size:12px; letter-spacing:0.7px; } .business_cont .business_case .btn_wrap a span {line-height:25px; font-size:16px; } .business_cont .business_case .btn_wrap a span:before { width:25px; height:25px; } */ .business_cont .business_case .btn_wrap a {width:155px; height:45px;} .business_cont .business_case .btn_wrap a em {padding:0 12px 0 20px;} .business_cont .business_case .btn_wrap a span {width:25px; height:25px;} .business_cont .business_case .btn_wrap a span::before {font-size:18px; line-height:25px;} .business_cont .business_card .text_wrap {margin-bottom:20px; } .business_cont .business_card .text_wrap p {padding-top:10px; } /* .business_cont .business_card .card_list {gap:10px;} .business_cont .business_card .card_list dl {width:calc((100% - 10px) / 2); padding:30px 40px; } .business_cont .business_card .card_list dl span {left:13px; top:13px; height:25px; width:25px; line-height:25px; font-size:12px; } .business_cont .business_card .card_list dl dt {padding-left:10px; } .business_cont .business_card .card_list dl dd {padding-left:15px;} */ .business_cont .business_card .card_list dl span {position:absolute; left:auto; top:10px; right:10px; height:26px; width:26px; line-height:26px; font-size:11px; } .business_cont .business_card .card_list dl dt {width:36px;} .business_cont .business_card .card_list dl dt img {width:36px;} .business_cont .business_card .card_list dl {width:100%; padding:15px 20px ; justify-content: flex-start; flex-wrap:wrap;} .business_cont .business_card .card_list dl dd {width:calc(100% - 36px); padding-left:10px; box-sizing:border-box;} .business_cont .business_sort .sort_list li {width:100%; } .business_cont .business_sort .text_wrap {margin-bottom:20px; } .business_cont .business_sort .sort_list {padding:20px 30px; gap:10px 0px;} .business_cont .business_sort .sort_list li {gap:6px; width:50%; } .business_cont .business_sort .sort_list li .num {height:25px; width:25px; line-height:25px; font-size:12px;} /* 비즈니스 공통 */ /* 법인등기 */ .business_cont .corporate .business_wrap .img_wrap {padding-top:30px;} .business_cont .corporate .business_wrap .text_wrap .fs20 {padding-bottom:10px;} /* 법인등기 */ /* 부동산등기 */ .business_cont .estate .business_wrap .text_wrap .fs20 {margin-bottom:5px;} .business_cont .estate .business_wrap .img_wrap {padding-top:30px;} /* 부동산등기 */ /* 이혼/가사 */ .business_cont .divorce .business_wrap .img_wrap {max-width:90%; width:100%; } /* 이혼/가사 */ /* 회생/파산 */ /* .business_cont .rehabilitation .business_wrap .text_wrap h4 {margin-bottom:8px; } .business_cont .rehabilitation .business_wrap .text_wrap .fs18 {margin:10px 0 30px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote {padding-top:20px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote .fs30 {padding-right:8px; } .business_cont .rehabilitation .business_wrap .text_wrap .quote .fs30:after {height: 70%; top: 5px; z-index: -1;} .business_cont .rehabilitation .business_wrap .text_wrap .quote:before {width:12px; height:10px; } .business_cont .rehabilitation .business_card dl {width:100%; margin-right:0; margin-bottom:10px; padding:20px; flex-direction:row; align-items:flex-start;} .business_cont .rehabilitation .business_card dl:last-of-type {margin-bottom:0} .business_cont .rehabilitation .business_card dl dt img {width:35px;} .business_cont .rehabilitation .business_card dl dt {width:70px; text-align:center;} .business_cont .rehabilitation .business_card dl dt img {width:60px; } .business_cont .rehabilitation .business_card dl dd {padding-left:15px; padding-top:0; text-align: left; width:calc(100% - 70px)} .business_cont .rehabilitation .business_card dl dd .fs24 {margin-bottom:3px;} */ .business_cont .rehabilitation .business_card dl {width:100%; margin-right:0; margin-bottom:10px; padding:20px; flex-direction:row; align-items:flex-start;} .business_cont .rehabilitation .business_card dl:last-of-type {margin-bottom:0} .business_cont .rehabilitation .business_card dl dt img {width:35px;} .business_cont .rehabilitation .business_card dl dt {width:70px; text-align:center;} .business_cont .rehabilitation .business_card dl dt img {width:60px; } .business_cont .rehabilitation .business_card dl dd {padding-left:15px; padding-top:0; text-align: left; width:calc(100% - 70px)} .business_cont .rehabilitation .business_card dl dd .fs24 {margin-bottom:3px;} /* 회생/파산 */ /* 업무분야 */ .business_cont .work_list dl + dl {margin-top:20px;} .business_cont .work_list dl dd {padding: 15px; } .business_cont .work_list dl dd:before {font-size:24px; bottom:18px;} .business_cont .work_list dl dd .icon_box {width:70px; height:70px; left:0; top:-70px; } .business_cont .work_list dl dd .icon_box img {width:32px} .business_cont .work_list dl dd .fs30 {margin-bottom:6px; } .business_cont .work_list dl dd .tag_list {gap:3px; margin-top:12px; padding-right:10px;} .business_cont .work_list dl dd .tag_list li {padding:6px 12px; } .business_cont .work_list dl:nth-of-type(odd) dd {padding: 15px; } .business_cont .work_list dl a:hover dd:before { transform:translateX(-20px);} .business_cont .work_list dl:nth-of-type(odd) a:hover dd:before {transform:translateX(-20px);} /* 업무분야 */ } /******************************************************************************* @media ~480px *******************************************************************************/ @media all and (max-width:480px){ /* .business_cont .business_card .card_list dl {width:100%; padding:30px 40px; justify-content: flex-start;} .business_cont .business_sort .sort_list li {width:100%; } */ .business_cont .business_sort .sort_list li {width:100%;} } /******************************************************************************* @media ~360px *******************************************************************************/ @media all and (max-width:360px){ } /* ============================================ /en 공통: Practice Areas 타이포(문단/자간/개행) 정리 ============================================ */ html[lang="en"]{ -webkit-text-size-adjust:100%; text-size-adjust:100%; text-rendering:optimizeLegibility; font-kerning:normal; } /* 본문성 텍스트: 좌측정렬 + 단어단위 개행 */ html[lang="en"] .business_cont .work_list dl dd :is(p,li,small,span,a,blockquote){ text-align:left; white-space:normal; word-break:normal; overflow-wrap:break-word; hyphens:auto; line-height:1.6; letter-spacing:.005em; word-spacing:.02em; } /* 문단 내 임의
기본 숨김(디자인상 꼭 필요한 곳만 HTML에서 사용) */ html[lang="en"] .business_cont .work_list dl dd p br{display:none} /* 섹션 제목 살짝 자간 완화 + 균형 줄바꿈 */ html[lang="en"] .business_cont .work_list dl dd .fs30{ letter-spacing:.005em; text-wrap:balance; } /* 태그 리스트도 영어식 개행 */ html[lang="en"] .business_cont .work_list .tag_list li{ white-space:normal; word-break:normal; overflow-wrap:break-word; hyphens:auto; } /* 반응형 타이포 미세 조정 */ @media (max-width:980px){ html[lang="en"] .business_cont .work_list dl dd :is(p,li,small,span,a,blockquote){ line-height:1.58; letter-spacing:.004em; word-spacing:.018em; } } @media (max-width:680px){ html[lang="en"] .business_cont .work_list dl dd :is(p,li,small,span,a,blockquote){ line-height:1.55; letter-spacing:.003em; word-spacing:.015em; } } /* ============================================ /en/business/estate : 번호 리스트(Types of real estate registration) - flex 기반 기존 규칙 무효화 → grid 3→2→1열 - 배지(원형) + 텍스트 2열 내부 그리드 - 행 높이 균일(2줄 클램프) + 가독성 개선 ============================================ */ /* 컨테이너: grid로 고정 (기존 flex/width% 무력화) */ html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list{ list-style:none; margin:0; padding:50px 60px; background:var(--white); box-shadow:0 8px 20px rgba(0,0,0,.08); display:grid !important; grid-template-columns:repeat(3,minmax(300px,1fr)); /* 최소폭 ↑ → 불필요 개행↓ */ row-gap:24px; column-gap:48px; } /* 항목: 배지(고정) + 텍스트(가변) 2열 */ html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list li{ display:grid !important; /* flex 무력화 */ grid-template-columns:34px 1fr; align-items:start; column-gap:12px; min-width:0; width:auto !important; /* width:% 무력화 */ padding-right:0 !important; } /* 번호 배지: 진짜 원형 보장 */ html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list li .num{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; min-width:34px; aspect-ratio:1/1; border-radius:50%; background:var(--main); color:var(--white); font-weight:700; font-size:13px; line-height:1; letter-spacing:.02em; margin:0; padding:0; box-sizing:border-box; /* 첫 줄 기준선에 맞게 살짝 보정 */ margin-top:.2em; } /* 텍스트: 영어식 줄바꿈 + 2줄 클램프(행 높이 균일) */ html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list li > *:not(.num){ text-align:left; white-space:normal; word-break:normal; overflow-wrap:break-word; hyphens:auto; line-height:1.6; letter-spacing:.005em; word-spacing:.02em; text-wrap:pretty; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; max-height:calc(1em * 1.6 * 2); } /* 인라인으로 폰트를 강제 축소한 경우 복원(예: 04번 항목) */ html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list li span[style]:not(.num){ font-size:inherit !important; line-height:inherit !important; } /* 반응형 */ @media (max-width:980px){ html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list{ grid-template-columns:repeat(2,minmax(260px,1fr)); row-gap:20px; column-gap:28px; } } @media (max-width:680px){ html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list{ grid-template-columns:1fr; row-gap:16px; column-gap:0; padding:20px 30px; } html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list li{ grid-template-columns:30px 1fr; } html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list li .num{ width:30px; height:30px; min-width:30px; font-size:12px; margin-top:.18em; } html[lang="en"] .business_cont .basicCont.estate .business_sort .sort_list li > *:not(.num){ line-height:1.55; -webkit-line-clamp:2; max-height:calc(1em * 1.55 * 2); letter-spacing:.003em; word-spacing:.015em; } } /* ===================================================================== /en 전용 — .tit_area 내부 타이포 & 문단 개행 개선 (정렬 영향 없음) - 기존 정렬(center/left 등)은 유지 - 자간/어간/줄간 완화 - 단어 단위 개행 및
억제 ===================================================================== */ /* 공통 렌더링 보정 */ html[lang="en"] { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; text-rendering: optimizeLegibility; font-kerning: normal; } /* 타이틀 계열: 정렬은 유지하되 spacing 개선 */ html[lang="en"] body .subtop .tit_area :is(h1, h2, h3, h4, .fs60, .fs30) { line-height: 1.1 !important; letter-spacing: 0.002em !important; word-spacing: 0.01em !important; } /* 본문/링크/리스트: 기존 정렬 유지, 단어 단위 개행 */ html[lang="en"] body .subtop .tit_area :is(p, li, a, span, small, em, strong) { line-height: 1.3 !important; letter-spacing: 0.002em !important; word-spacing: 0.01em !important; } /* 자간 0 강제된 경우 완화 */ html[lang="en"] body .subtop .tit_area .ls0 { letter-spacing: 0.002em !important; } /* 반응형 보정 */ @media (max-width: 980px) { html[lang="en"] body .subtop .tit_area :is(p, li, a, span, small) { line-height: 1.55 !important; letter-spacing: 0.002em !important; word-spacing: 0.018em !important; } } @media (max-width: 680px) { html[lang="en"] body .subtop .tit_area :is(h1, h2, h3, h4, .fs60, .fs30) { line-height: 1.3 !important; letter-spacing: 0.002em !important; word-spacing: 0.018em !important; } html[lang="en"] body .subtop .tit_area :is(p, li, a, span, small) { line-height: 1.5 !important; letter-spacing: 0.003em !important; word-spacing: 0.015em !important; } } /* ================================ /en/business/divorce 레이아웃 교정 - 텍스트/이미지 같은 줄 정렬 - 불필요한 위 여백 제거 ================================ */ html[lang="en"] .business_cont .basicCont.divorce .business_wrap{ display:flex !important; flex-wrap:nowrap !important; /* 줄바꿈 방지 */ align-items:center !important; /* 수직 가운데 */ gap:60px; /* 두 칼럼 간격 */ } html[lang="en"] .business_cont .basicCont.divorce .text_wrap{ width:calc(100% - 600px) !important; /* 오른쪽 이미지 폭만큼 확보 */ padding-right:0 !important; position:relative; z-index:2; } html[lang="en"] .business_cont .basicCont.divorce .img_wrap{ width:600px !important; padding-top:0 !important; /* 밀리는 원인 제거 */ margin:0 !important; position:relative; z-index:1; } html[lang="en"] .business_cont .basicCont.divorce .img_wrap .img_box img{ display:block; width:100%; height:auto; } /* 아이콘(있다면) 위치만 살짝 겹치게 */ html[lang="en"] .business_cont .basicCont.divorce .icon_box{ position:absolute; right:-70px; bottom:-20px; z-index:3; } /* 모바일: 세로 스택 */ @media (max-width: 980px){ html[lang="en"] .business_cont .basicCont.divorce .business_wrap{ flex-direction:column !important; gap:24px; } html[lang="en"] .business_cont .basicCont.divorce .text_wrap, html[lang="en"] .business_cont .basicCont.divorce .img_wrap{ width:100% !important; } html[lang="en"] .business_cont .basicCont.divorce .icon_box{ right:auto; left:50%; bottom:-16px; transform:translateX(-50%); } }