@charset "utf-8"; /* CSS Document */ @media screen and (max-width: 2000px) { #sub.legalvideo-view .sub-visual .video_wrap {max-width: 902px; padding-bottom: 26%;} #sub.legalvideo-view .sub-visual {max-height: 600px;} } @media screen and (max-width: 1920px) { .reason-list li .txt-box p br{display: none;} } @media screen and (max-width: 1600px) { #sub.legalvideo-view .sub-visual .video_wrap {max-width: 772px; } .reason-list li .txt-box {padding: 40px;} } @media screen and (max-width: 1450px) { #main .section6 .tit-area {display: flex; align-items: end; justify-content: space-between;} #main .section6 .arr-box { transform: unset; position:static; width: 105px; padding: 0; margin:0;} } @media screen and (max-width: 1270px) { #sub.legalvideo .section2 .lawyer-video-li .txtbox {flex: 1;} /* 회사소개 */ #sub.about .fs48 {font-size: 4.0rem; line-height: 60px;} .advertise-list{gap: 20px;} .reason-list li {height: 780px;} .reason-list li .txt-box{min-height: 400px;} #sub.etc.ad .cont-area .step-box li + li::before {left:-25%;} } @media screen and (max-width: 1230px) { #sub.etc.ad .cont-area .step-box li + li::before {left: -21%;} } @media screen and (max-width: 1200px){ .size {width:100%; padding:0 20px; box-sizing: border-box;} #main .section1 .cont-wrap {flex-direction: column; gap: 10px;} #main .left-swiper-wrap {max-width: 100%;} #main .left-swiper-wrap .swiper-slide > a img{width: 100%;} #main .right-list li {max-width: 100%;} #main .right-list {max-width: 100%; grid-gap: 10px;} #main .section3, #main .section5, #main .section6, #main .section7 {padding: 50px 0;} .section .tit-box h3 {font-size: 2rem; line-height: 28px;} #main .section3 .cont-area, #main .section5 .cont-area {margin-top: 0 !important;} #main .section3 .intellectuals li span {font-size: 1.2rem !important; line-height: 17px;} #main .section3 .intellectuals li h4, .solution li h4 {font-size: 1.6rem; line-height: 22px;} .solution li .lawyer-itwrap .lawyer-itwrap-name {font-size: 1.2rem !important; font-weight: 500 !important;} .intellectuals li a p, .solution > li p.subcon {line-height: 20px; min-height: 40px; max-height: 40px;} .intellectuals li .lawyer-itwrap .lawyer-itwrap-name {font-size: 1.2rem !important;} .solution li .lawyer-itwrap .lawyer-itwrap-name, #sub.solutioncase .solution li .lawyer-itwrap .lawyer-itwrap-name {line-height: 20px;} .lawyer-itwrap .imgarea .imgcon, #sub.solutioncase .solution li .imgarea .imgcon {width: 20px; height: 20px; flex-shrink: 0;} #main .section3 .lawyer-itwrap {margin-top: 20px !important;} .intellectuals li a, .solution > li a {padding: 20px 0;} #main .section4 .pc1200 {display: none;} #main .section4 .mo1200 {display: block;} #main .section4 .single-arr-box-wrap {display: none;} #main .section4 .swiper-wrapper .swiper-slide ul li {min-width: 296px; width: 296px;} #main .section4 .swiper-wrapper .swiper-slide .mo1200 {overflow-x: auto;} #main .section4 .swiper-wrapper .swiper-slide .mo1200 .grid-box.col4 {display: flex;} #main .section4 .swiper-wrapper .swiper-slide .mo1200 .mo1200-box + .mo1200-box {margin-top: 24px;} /* #main .section4 .swiper-wrapper .swiper-slide ul li:nth-child(1) {margin-left: 20px;} #main .section4 .swiper-wrapper .swiper-slide ul li:nth-child(even):last-child {margin-right: 20px;} */ #sub.lawyerfind_view .gavel, #sub.legalvideo .gavel {margin-top: 0 !important; padding: 4px 8px;} #sub.lawyerfind_view .section1 .cont-area {margin-top: 25px !important;} .gavel {margin-top: 15px !important;} #sub .lawyer-vlist .gavel {margin-top: 0 !important;} #sub.legalvideo .gavel, #sub.legalprofessional .gavel, #sub.solutioncase.solutioncase-view .gavel {margin-top: 0px !important;} #sub.lawyerfind_view .left .txtbox > div {gap: 5px !important;} .gavel span {line-height: 12px;} #sub.legalprofessional.index .intellectuals-wrapper {margin-top: 10px;} #sub.legalprofessional.index .intellectuals li a .type, #sub.legalstory.index .law_story_item .type {font-size: 1.2rem !important; line-height: 17px;} /* #sub.legalprofessional.index .intellectuals li h4.tit {font-size: 1.6rem; line-height: 22px;} */ #sub.legalprofessional.index .intellectuals li .subcon.t-rw.rw-2 {-webkit-line-clamp:1;} #main .section4 {padding: 50px 0;} #main .section4 .next-categorylist, #main .section4 .prev-categorylist, #main .section4 .arr-box, #main .section7 .arr-box, #main .section6 .arr-box {display: none;} #main .section4 .categorylistSwiper {height: 32px; margin: 0; overflow: inherit; max-width: unset;width: calc(100% + 20px);} /* #main .section4 .categorylistSwiper .categorylist {flex-direction: row; overflow-x: auto; transform: none !important; overflow-y: hidden; -ms-overflow-style: none; scrollbar-width: none; height: 30px;} */ #main .section4 .categorylistSwiper .categorylist {height: 30px; right: 20px;} #main .section4 .categorylistSwiper .categorylist::-webkit-scrollbar {display: none;} #main .section4 .categorylistSwiper .categorylist .swiper-slide {height: 30px !important;} #main .section4 .cont-area {flex-direction: column; gap: 15px; /*max-height: 355px;*/ overflow: unset; max-height: unset;} #main .section4 .newlawperSwiper .swiper-slide a {transition: unset;} #main .section4 .categorylist .swiper-slide {width: fit-content !important; margin-bottom: 0;} #main .section4 .categorylist .swiper-slide:first-of-type {margin-left: 20px;} #main .section4 .newlawperSwiper {max-width: 100%; overflow: inherit;} #main .section4 .newlawperSwiper .swiper-slide a .txt span {font-size: 1.2rem !important; line-height: 17px; text-align: left !important; -webkit-line-clamp:2;} #main .section4 .newlawperSwiper .swiper-slide a .txt p {font-size: 1.8rem; line-height: 25px; text-align: left !important;} #main .section4 .newlawperSwiper .swiper-slide a .txt .point {font-size: 1.4rem !important; line-height: 20px; margin-top: 5px !important; min-height: 40px;} #main .section4 .newlawperSwiper .swiper-slide a {padding: 20px; gap: 15px; flex-direction: row; justify-content: flex-start;} #main .section4 .newlawperSwiper .swiper-slide a .img {width: 60px; height: 60px;} #main .section4 .categorylist a.category {height: 30px;} #main .section4 .newlawperSwiper .swiper-slide a .txt {margin-top: 0 !important;} #main .section4 .newlawperSwiper .swiper-slide a.newlabel::after {font-size: 1rem; width: 40px; height: 44px; line-height: 36px; right: 10px;} #main .section6 .storySwiper a, #sub.legalstory .section1 .storySwiper a {padding: 20px;} #main .section6 .storySwiper .swiper-slide a .date {font-size: 1.2rem;} #main .section6 .storySwiper a .tit{font-size: 1.6rem; line-height: 22px; min-height: 44px; max-height: 44px; margin-top: 5px !important;} #main .section6 .storySwiper a p:not(.lawyer-itwrap-name) {margin-top: 10px !important; min-height: 60px; max-height: 60px; line-height: 20px;} #main .section6 .storySwiper .swiper-slide a.new::after{top: 19px; right: 20px;} #main .section7 a.videocon p {margin-top: 10px !important; font-size: 1.6rem; line-height: 22px;} #main .section7 .listwrap {margin-top: 50px !important;} #sub.legalvideo-view .sub-visual .video_wrap {max-width: 560px; padding-bottom: 40%;} /* #footer {margin-top: 10px;} */ #footer .logo {min-width: 113px; height: 36px;} #footer .logo a, #footer .logo img {width: 100%; display: block; height: 100%;} .quick {right: 20px; } #sub.detail_view .section-column, #sub.legalvideo .section2 .section-column, #sub.legalnews .section2 .section-column, #sub.legalprofessional .le {width: calc(100% - 300px);} #sub.detail_view .section-column + .section-column, #sub.legalvideo .section2 .section-column + .section-column, #sub.legalnews .section2 .section-column + .section-column, #sub.legalprofessional .ri {max-width: 300px;} #sub.mypage .cont-area {gap: 10px;} #sub.mypage.lawyer .cont-area .le {width: calc(100% - 330px);} #sub.mypage.lawyer .cont-area .ri {max-width: 330px;} #sub.adminqna .writebtn, #sub.legalprofessional .writebtn{max-width: 60px !important; height: 60px !important;} #sub.legalprofessional .writebtn {position: absolute; top: unset; bottom: -70px; right: -30px; } #sub.adminqna .writebtn {left: unset; right: 0; top: calc(100% + 10px);} #sub .writebtn img {width: 30px; height: 30px;} #sub .writebtn p {display: none;} /* 회사소개 */ #sub.about .section:not(#sVisual) {padding: 100px 0;} .advertise-list li{padding: 30px; width: 314px; height: 367px;} .reason-list li .txt-box {padding: 40px 30px;} .popup_reserve .choice-list .datelist > li {width:calc(14.285% - 4.28px);} .popup_reserve .choice-list .datelist > li + li {margin-left:5px;} .popup_reserve .choice-list .datelist li span {font-size:1.2rem;} } @media screen and (max-width: 1190px) { #sub.etc.ad .cont-area .step-box li + li::before {left: -19%;} } @media screen and (max-width: 1150px) { /* #main .section4 .swiper-wrapper .swiper-slide ul {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; overflow-x: auto; gap:20px;} */ #main .section4 .swiper-wrapper .swiper-slide ul { gap:20px;} /* #main .section4 .swiper-wrapper .swiper-slide ul li {min-width: 296px;} */ #sub.mypage.likecontent .banner-area img.pc430 {height: 80px;} #sub.mypage.likecontent .search-wrap, #sub.case .search-wrap {flex-direction: column; gap: 5px; background-color: #fff; padding: 0;} #sub.mypage.likecontent .search-wrap .search-box, #sub.case .search-wrap .search-box {position: relative; width: 100%; background-color: #f7f7fa; border-radius: 8px; padding: 15px; box-sizing: border-box; max-height: 57px; overflow-y: hidden;} #sub.mypage.likecontent .search-wrap .search-box::before, #sub.case .search-wrap .search-box::before {position: absolute; clear: both; content: ''; top: 62px; left: 0; width: 100%; height: 57px; background-color: #f7f7fa; border-radius: 8px;} #sub.mypage.likecontent .search-wrap .select_drop, #sub.case .search-wrap .select_drop {min-width: 100%; height: 47px;} #sub.case .search-wrap .select_drop {min-width: unset; width: 100%;} #sub.etc.ad .cont-area .step-box li + li::before {height: 100px; left:-30%;} #sub.etc.ad .cont-area .step-box li .img {width: 100px; height: 100px;} #sub.etc.ad .cont-area .step-box li .img img {width: 33.75px; height: 33.75px;} #sub.etc.ad .cont-area .step-box {gap: 51px; justify-content: center;} #sub.etc.ad .cont-area .step-box li {max-width: 100px;} #sub.etc.ad_buy div.cont-area div.bigstep-1 {gap: 20px;} #sub.etc.ad_buy .adlist .ad-item .checkbox {max-width: calc(100% - 90px);} } @media screen and (max-width: 1080px){ #sub.about .section4 .section-column{flex-direction: column; gap: 30px !important;} #sub.about .section6 .section-column{flex-direction: column; gap: 40px !important;} .promise-list li{padding: 13px 0 40px;} .promise-list li:last-child{padding-bottom: 0;} .promise-list li p::after{font-size: 7rem; line-height: 100px; left: 0; top: -30px;} .advertise-list li{width: 100%; padding: 40px; height: 315px;} .advertise-list li:nth-of-type(2), .advertise-list li:nth-of-type(3){margin-top: 0;} .advertise-list li .txt-box span br{display: none;} #main .section2 .lawyer-list > li > a > .img {width: 80px; height: 80px;} } @media screen and (max-width: 1024px){ #main .section2 .lawyer-list, #sub.quicklawyer .lawyer-list, #sub.mypage.likelawyer .lawyer-list{row-gap: 16px; column-gap: 16px;} #main .section2 .lawyer-list > li > a .mo768-box, #sub.quicklawyer .lawyer-list > li > a .mo768-box, #sub.mypage.likelawyer .lawyer-list > li > a .mo768-box{display: flex;} #main .section2 .lawyer-list > li > a .mo768-box .img, #sub.quicklawyer .lawyer-list > li > a .mo768-box .img, #sub.mypage.likelawyer .lawyer-list > li > a .mo768-box .img-bookmark, #sub.mypage.likelawyer .lawyer-list > li > a .mo768-box .img-bookmark .img {position: unset; width: 60px; height: 60px; border-radius: 100px; box-sizing: border-box; overflow: hidden; flex-shrink: 0;} #main .section2 .lawyer-list > li > a .mo768-box .img img, #sub.quicklawyer .lawyer-list > li > a .mo768-box .img img, #sub.mypage.likelawyer .lawyer-list > li > a .mo768-box .img-bookmark .img > img {width: 100%; height: 100%; object-fit: cover;} #main .section2 .lawyer-list > li > a > .img, #sub.quicklawyer .lawyer-list > li > a > .img {display: none;} #main .section2 .lawyer-list > li {box-shadow: none;} /* #sub.mypage.likelawyer .lawyer-list > li > a > .img-bookmark {display: none;} */ /* #main .section2 .lawyer-list > li > a .top, */ #sub.quicklawyer .lawyer-list > li > a .top {margin-top: 10px;} #main .section2 .lawyer-list > li > a .top .title {margin-top: 10px;} /* #sub.mypage.likelawyer .lawyer-list > li > a .top {margin-top: 10px;} */ #main .section2 .lawyer-list > li > a .bottom .info, #sub.quicklawyer .lawyer-list > li > a .bottom .info {display: none;} /* #sub.mypage.likelawyer .lawyer-list > li > a .bottom .info {display: none;} */ #main .section2 .lawyer-list > li > a .bottom, #sub.quicklawyer .lawyer-list > li > a .bottom {padding-top: 0 !important; border-top: none;} /* #sub.mypage.likelawyer .lawyer-list > li > a .bottom {padding-top: 0 !important; border-top: none;} */ #main .section2 .lawyer-list > li > a .top .explanation {min-height: unset;} #main .section2 .lawyer-list > li > a .top .explanation.rw-2, #sub.quicklawyer .lawyer-list > li > a .top .explanation.rw-2, #sub.mypage.likelawyer .lawyer-list > li > a .top .explanation.rw-2{-webkit-line-clamp: 3;} #sub.quicklawyer .lawyer-list > li > a .top .title {max-width: unset;} /* #sub.mypage.likelawyer .lawyer-list > li > a .top .title {max-width: unset;} */ #main .section2 .lawyer-list > li > a .bottom .category li, #sub.quicklawyer .lawyer-list > li > a .bottom .category li, #sub.mypage.likelawyer .lawyer-list > li > a .bottom .category li {white-space:unset;} #sub.mypage.likelawyer .lawyer-list > li > a .mo768-box .img-bookmark {position: relative; top:unset; right:unset; overflow: visible;} #main .phone-li-box {position: absolute; width: 30px; height: 30px; background-color: #CDF4FF; border-radius: 500px; top:32px; right:17.5px;} #main .section2 .empty-li .top {margin-top: 0 !important;} #sub.legalvideo .section1 .videoSwiper .swiper-slide .txtbox .lawyer-itwrap {margin-top: 15px !important;} #sub.mypage.lawyer.infoedit .adinput-wrap.educationbox .adinput {display: grid; grid-template-columns: repeat(2, 2fr); padding: 20px; border-radius: 8px; border: 1px solid #FAFAFA; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05);} #sub.lawyer.infoedit .profile-box li:nth-child(4) .adinput > div {max-width: unset; grid-column: 1 / 3;} /* #sub.mypage.lawyer.infoedit .adinput-wrap .adinput + .adinput {margin-top: 10px;} */ #sub.lawyer.infoedit .profile-box li:nth-child(4) .adinput input {max-width: 100%;} #main .section .tit-box {justify-content: space-between; width: 100%;} #main .section2 {padding-top: 75px;} #main .section2 .total-list {grid-template-columns: repeat(2, 1fr); grid-column-gap: 16px; position: relative; left:-20px; width: calc(100% + 40px); padding: 5px 20px; box-sizing: border-box; height: 154px; margin-top: 40px;} #main .section2 .total-list > p {flex-direction: column; justify-content: center; align-items: flex-start; padding: 0;} #main .section2 .total-list > p:first-child, #main .section2 .total-list > p:nth-child(2) {border-bottom: 1px solid #FFFFFF4D;} #main .section2 .total-list > p > span:first-child {font-size: 1.2rem !important; line-height: 17px; gap: 2px;} #main .section2 .total-list > p > span:first-child img {width: 16px; height: 16px;} #main .section2 .total-list > p > span:last-child {width: 100%; justify-content: flex-end;} #main .section2 .total-list > p > span:last-child b {font-size: 1.8rem; line-height: 25px;} #main .section2 .total-list > p + p:before {display: none;} #main .section3 {padding : 50px 0; box-sizing: border-box;} #main .section2 .lawyer-list > li > a .top .title p, #sub.quicklawyer .lawyer-list > li > a .top .title p {font-size: 1.8rem; line-height: 25px; display: flex; align-items: center; gap: 2px;} #main .section2 .lawyer-list > li > a .top .explanation, #sub.quicklawyer .lawyer-list > li > a .top .explanation {margin-top: 10px !important;} #main .section2 .lawyer-list > li.empty-li > a .top .explanation {margin-top: 25px !important;} #main .section2 .lawyer-list > li.empty-li > a .top > img {position: relative; top:10px;} #main .section2 .lawyer-list > li, #sub.quicklawyer .lawyer-list > li, #sub.mypage.likelawyer .lawyer-list > li {max-width: 100%; width: auto;} #main .section2 .lawyer-list > li > a .bottom, #sub.quicklawyer .lawyer-list > li > a .bottom {margin-top: 0;} #sub.mypage.likelawyer .lawyer-list > li > a .bottom {margin-top: 15px; padding-top: 15px;} #main .section2 .lawyer-list > li > a > .img, #sub.quicklawyer .lawyer-list > li > a > .img {width: 80px; height: 80px; top: -15px; right: 15px;} #main .section2 .category {margin-top: 15px !important;} #main .section2 .lawyer-list > li > a, #sub.quicklawyer .lawyer-list > li > a, #sub.mypage.likelawyer .lawyer-list > li > a {padding: 25px 17.5px;} #main .section2 .lawyer-list > li > a .top .title {max-width: unset;} .morebtn, .pushbtn {padding: 15px; max-height: 50px; margin: 30px auto 0px;} #main .section2 .morebtn {margin: 40px auto 0px;} #main .section3 .morebtn, #main .section5 .morebtn {margin: 20px auto 0px;} #main .section4 .newlawperSwiper .swiper-slide a::after {width: 40px; height: 44px; font-size: 1rem; line-height: 39px;} .section .section-row.between {gap: 20px;} #sub.mypage.view .section .section-row.between {gap: 30px;} #sub.mypage.view .reverse-list > li.mt-40 {margin-top: 30px !important;} #sub.lawyerfind_view .section-column + .section-column, #sub.lawyerfind.write .section-column + .section-column, #sub.mypage .ri, #sub.mypage.view .section-column + .section-column {max-width: 340px;} #sub.lawyerfind_view .section-column, #sub.lawyerfind.write .section-column, #sub.mypage .le, #sub.mypage.write .section-column {width: calc(100% - 340px);} #sub.legalvideo .section2 .lawyer-video-li a, #sub.likecontent .lawyer-video-li a{ gap: 10px;} /* 회사소개 */ #sVisual .visual-txt .txt-wrap .txt-box h2{font-size: 7.8rem; line-height: 90px;} #sub.about .section3 .about-list li .txt span > br{display: none;} .reason-list{grid-template-columns: 1fr;} .reason-list li {height: 364px;} .reason-list li .txt-box{min-height: unset; padding: 60px 20px;} .pc1024{display: none;} .ta-img, .br1024, .reason-list li .txt-box p br{display: block;} #sub.about .section8{min-height: unset;} #sub.about .section8 .section-column{flex-direction: column;} #sub.about .section8 .section-column .cont-wrap p br{display: none;} #sub.about .section9 {background-image: url(/views/_layout/basic/images/about_bg_9_ta.jpg);} #imgPopup.popup .popup-body {padding: 0 20px; box-sizing: border-box;} } @media screen and (max-width: 970px) { #sub.legalstory.index .section1 .cont-wrap {padding:0;} } @media screen and (min-width: 961px) { .lawyerSwiper .swiper-wrapper, .caseSwiper .swiper-wrapper {display: block;} .lawyerSwiper .swiper-slide {display: flex;} .caseSwiper .swiper-slide {display: block;} } @media screen and (max-width: 960px){ .category.flex-box.gap-5.flex-wrap.mb-15 {margin-bottom: 10px !important;} #popup_addetail.popup .popup-inner > .popup-close {display: none;} #popup_addetail.popup .btnSet { display: flex; left: 0px; width: 100%; padding: 10px 20px; } #popup_addetail.popup .popup-inner .popup-close.block960 { position: static; width: 80px; flex-shrink: 0; border-radius: 8px; height: 50px; color: #7A8287; background-color: #F7F7FA; font-size: 1.4rem !important; line-height: 50px; letter-spacing: -0.42px; font-weight: 700 !important; text-align: center; } #popup_addetail.popup .popup-inner .btn {flex-grow: 1;} .block960, .br960{display: block;} .mobile_bar ul li.on a {color: #23BC47;} .quick {bottom:75px;} .calendar .gj-icon:after {top:16px;} .popup .calendar .gj-icon:after {top:10px;} .goodlist.mt-15 {margin-top: 10px !important;} .textLengthWrap {bottom:15px; right:23px;} #sub.adminqna .writebtn {top: 100%} #sub .lawyer-video-list .lawyer-video-li + .lawyer-video-li {margin-top: 30px;} #sub.legalprofessional.view .lawyer-vlist .right .btn:hover { width: 50%;} .notice-wrap {padding:20px 15px;} .allcheck-wrap .check-box {padding:15.5px 15px;} #main .section2 {padding-top: 10px;} #main .btm-list li:nth-of-type(1) a {border-radius: 10px 0 0 10px;} #main .btm-list li:last-of-type a {border-radius: 0 10px 10px 0;} #main .btm-list li a {border-radius: unset;} #main .btm-list li a:hover {background-color: #fff; color:unset;} .intellectuals li a p, .solution > li p.subcon {min-height: unset; max-height: unset;} #main .section6 .storySwiper a, #sub.legalstory .section1 .storySwiper a, .morebtn, .pushbtn, #main .section4 .newlawperSwiper .swiper-slide a, #main .section2 .lawyer-list > li, #sub.quicklawyer .lawyer-list > li, #sub.mypage.likelawyer .lawyer-list > li, #sub.lawyerfind .legal-activity .legal-list > li, #sub.lawyerfind .guide-list > li {border-radius: 8px;} #main .section2 .total-list {border-radius: 10px 10px 0 0;} #main .section7 a.videocon .imgbox, #sub.lawyerfind .guide-list > li a .imgbox {border-radius: 5px;} #sub .lawyer-case-li a.videocon .imgbox {border-radius: 8px;} #sub.lawyerfind .guide-list > li {width: calc(33.333% - 12px); min-width: 153px;} #sub.lawyerfind .guide-list > li + li {margin-left: 16px;} #sub.detail_view .home-list > li#location-li {padding:40px 0 60px;} #sub.lawyerfind .location-li .map {border-radius: 10px;} #sub.legalprofessional.view .section2 .cont-area {margin-top: 0 !important;} #sub.legalprofessional.view .lawyer__content {padding: 20px !important; font-size: 1.4rem !important;} #sub.legalstory.write, #sub.solutioncase.write, #sub.legalvideo.write {margin-top: 55px;} #sub.legalstory.write .section1 .tit-area, #sub.solutioncase.write .section1 .tit-area, #sub.legalvideo.write .section1 .tit-area {display: none;} #sub.mypage.lawyer.content {padding-top: 0;} #sub.mypage.lawyer.booking .cont-area .ri, #sub.mypage.lawyer.content .cont-area .ri {display: none;} #sub.mypage.lawyer.booking .search-wrap2 .search-box a {padding: 8px 19px;} #sub.mypage.lawyer.booking .search-wrap2 > div {gap: 5px; justify-content: center;} #sub.mypage.lawyer.booking .content__wrap {margin-top: 15px !important;} #sub.mypage.lawyer.booking .small-select {width: 52px; height: 24px;} #sub.mypage.lawyer.booking .small-select span {position: static; right: unset; top: unset;} #sub.mypage.lawyer.booking table tbody tr {padding: 20px 0; height: 136px;} #sub.mypage.lawyer.write {margin-top: 55px;} #sub.mypage.lawyer.write .sub-wrap.bookingWrite {padding-top: 40px; box-sizing: border-box;} #sub.mypage.lawyer.write .section1 .section-row {flex-direction: column;} #sub.mypage.lawyer.write .section1 .section-row .section-column:first-child {order: 2; width: 100%;} #sub.mypage.lawyer.write .section1 .section-row .section-column:last-child {order: 1; max-width: 100%;} #sub.mypage.index table tbody .motable-tr td .num-name .text-primary {font-size: 1.4rem !important; line-height: 1;} #sub.mypage.index table tbody .motable-tr td .lawyer-name p.fs14 {font-size: 1.4rem !important; line-height: 20px;} #sub.legalprofessional .writebtn, #sub.adminqna .writebtn {bottom: unset; right: unset; left:0; top:calc(100% + 10px);} .legalprofessional-list .legalprofessional-li a {padding: 20px;} .legalprofessional-list .legalprofessional-li a span {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px;} .legalprofessional-list .legalprofessional-li a h5 {margin-top: 5px !important; font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px; min-height: 44px;} .legalprofessional-list .legalprofessional-li .adoptbox {margin-top: 20px;} .legalprofessional-list .legalprofessional-li .adoptbox button, #sub.mypage.likecontent .solution_case_item .case-link .txt button {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px;;} .legalprofessional-list .legalprofessional-li .adoptbox button img, #sub.mypage.likecontent .solution_case_item .case-link .txt button img {width: 18px; height: 18px;} #sub.mypage.likecontent .solution_case_item .case-link .txt > p {margin-top: 10px !important;} #header .logo img {width: 94px; height: 30px;} #header .header-row {height: 55px;} #header .header-row + .header-row {scrollbar-width: none; -ms-overflow-style:none; height: 40px; justify-content: flex-start; gap: 15px; overflow-y: hidden; width: calc(100% + 40px); position: relative; left: -20px;} #header .header-row + .header-row:hover {scrollbar-width: auto; -ms-overflow-style: auto;} #header .header-row + .header-row .header-column:nth-of-type(1) {margin-left: 20px;} #header .header-row + .header-row .header-column:nth-of-type(2) {margin-right: 20px;} .header-nav .depth1 > li > a, .header-nav .depth1.mintxt > li > a {font-size: 1.4rem; font-weight: 700; color: #2B2D2F; line-height: 38px; letter-spacing: -0.42px;} .header-nav .depth1 {gap: 15px;} /* #header .search-form {position: absolute; top: 116px; max-width: calc(100% - 40px);} */ .header-inner.subHeader .search-form, .header-inner.legalprofessional .search-form {display: none !important;} .header-nav .depth1.mintxt > li:hover{color: #23BC47; border-bottom: 2px solid #23BC47;} /* #sub.lawfirmfind {margin-top: 56px; padding-top: 52px;} */ #sub.lawfirmfind .cont-wrap {flex-direction: column;} #sub:not(.about) .section .section-body {padding: 30px 20px 40px;} #sub.solutioncase.solutioncase {padding-top: 0;} .popup.popup_event_detail .popup-cont {padding: 0; box-sizing: border-box;} .event-detail-item {height: 40px; line-height: 40px;} #sub.mypage .sub-wrap.bookingWrite .section1 .section-body {padding: 0 20px;} #sub.mypage .sub-wrap.bookingWrite .section1 .section-column.mo960 .cont-area {width: 100%;} #sub.mypage .sub-wrap.bookingWrite .section1 .section-column.mo960 .cont-area .pay-box {margin-top: 20px; border-bottom: 1px solid #ecf0f4; border-top: 1px solid #ecf0f4;} #sub.mypage .sub-wrap.bookingWrite .section1 .section-column.mo960 .cont-area .pay-box .total-price {padding: 25px 0;} #sub.legalnews .section .section-body {padding: 30px 20px 0px 20px;} #popup_addetail {z-index: 11;} #popup_addetail .popup-body {max-width: 100%;} #popup_addetail .popup-inner {height: 430px; overflow-y: scroll; position: fixed; bottom: 0; padding: 30px 20px 70px 20px; border-radius: 12px 12px 0 0;} #popup_addetail .option-box .main-tit {position: relative; padding: 10px 15px;} #popup_addetail .option-box .main-tit p.fs14 {position: absolute; top: 15px; right: 15px;} #popup_addetail .btnSet {box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.05); z-index: 22; bottom: 0; position: fixed; width: calc(100% - 40px); background-color: #fff; padding: 10px 0px; box-sizing: border-box;} #popup_addetail .option-box .main-tit p.calendar {max-width: 120px !important;} .option-box .calendar input {font-size: 1.4rem;} .selected-items {white-space: nowrap;} #sub.subHeader {margin-top:96px; padding-top: 0px;} #sub.legalstory.index .section1 .section-body, #sub.legalvideo.index .section1 .section-body {padding: 30px 0px 0px 0px;} #sub.subHeader .tit-box em {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.subHeader .tit-box strong {font-size: 2.6rem; line-height: 36px; letter-spacing: -0.78px;} .info-li strong span::before {width: 4px; height: 4px; right: -7px; bottom: 6px;} #sub.subHeader .tab-area {margin-top: 25px !important; gap: 5px;} #sub.subHeader .tab-area a {padding: 8px 17.4px;} #sub.subHeader .cont-area {margin-top: 30px !important;} #sub.lawyerfind.index .field-wrap {padding-top: 8px;} #sub.legalnews.index.subHeader .section2 {margin-top: 0 !important;} #sub.legalnews.index.subHeader .cont-area {margin-top: 25px !important;} #popup_reserve_mo .popup-cont {padding: 30px 20px 0 20px; box-sizing: border-box;} #sub.write #popup_reserve_mo .cont-wrap ul.input-wrap li.mt-15 {margin-top: 15px !important; padding: 0; border-bottom: none;} #sub.write #popup_reserve_mo .cont-wrap ul.input-wrap ul.list li.option {margin-top: 0 !important;} #popup_reserve_mo .pay-box {margin-top: 0px !important; border-top: none !important; border-bottom: none !important;} #popup_reserve_mo .pay-box .total-price {padding: 20px 0 !important;} #popup_reserve_mo .popup_reserve .popup-inner {box-shadow: none;} #popup_reserve_mo .popup_reserve .popup-inner .popup-cont {padding: 0; height: auto;} #popup_reserve_mo .popup_reserve .popup-inner .popup-cont ul.choice-list {width: 98%;} #popup_reserve_mo .popup_reserve .popup-inner .popup-cont ul.choice-list > li {margin-top: 0 !important; padding: 0;} #popup_reserve_mo .popup_reserve .popup-inner .popup-cont ul.choice-list .datelist li span {padding: 9px 3px;} #popup_reserve_mo .btnSet {width: 100% !important; left: 0 !important; padding: 10px 20px !important;} #sub.legalstory .cont-area, #sub.solutioncase.write .cont-area.mo960-mt0, #sub.legalvideo.write .cont-area {margin-top: 0 !important;} #sub .big-category {display: flex; gap: 5px; height: 100%; top: 0; align-items: center; width: calc(100% + 40px);position: relative;left: -20px;overflow-x: auto;max-width: unset;} #sub .big-category li {white-space: nowrap; padding: 0 12px; max-height: 30px; line-height: 28px; letter-spacing: -0.36px; border-radius: 60px; font-size: 1.2rem !important; font-weight: 500 !important;} #sub .big-category li + li {margin-top: 0; } #sub .big-category li:nth-of-type(1) {margin-left: 20px;} #sub .big-category li:nth-last-of-type(1) {margin-right: 20px;} #sub .big-category::-webkit-scrollbar, #main .btm-list::-webkit-scrollbar, #main .section4 .categorylistSwiper .categorylist::-webkit-scrollbar, #sub .tab-area::-webkit-scrollbar, #sub .caseSwiper::-webkit-scrollbar, .lawyerSwiper::-webkit-scrollbar, .videoSwiper::-webkit-scrollbar, #sub.mypage.likecontent .search-wrap .search-box::-webkit-scrollbar{display: none !important;} #sub.legalprofessional.write .btn, #sub.adminqna.write .btn, #sub.lawyerfind.write .btn, #sub.legalstory.write .btn, #sub.legalvideo.write .btn, #sub.solutioncase.write .btn, #sub.review .btn {max-width: 160px; font-size: 1.4rem; line-height: 50px; height: 50px;} #sub.index .field-wrap > div{gap: 0px; flex-direction: column;} #sub.lawfirmfind .lawfirm-list, #sub.index .small-category {width: 100%; padding-top: 18px; box-sizing: border-box; position: relative;} #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li {padding: 20px;} #sub .small-category-list h5 {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px;} #sub .small-category-list ul {gap: 10px;} #sub .small-category-list ul li {width: 100%; padding: 15px;} #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li > ul > li {padding: 15px;} #sub .small-category-list ul li a {padding: 10px 0; font-size: 1.4rem; line-height: 20px;} #sub.legalstory .arr-box, #sub.legalvideo .arr-box {display: none;} #sub.legalstory.index .section1 .cont-area, #sub.legalvideo.index .section1 .cont-area {padding: 40px 0; margin-top: 25px !important;} #sub.legalstory.index .storySwiper span.fs14.text-primary {font-size: 1.2rem !important; line-height: 17px;} #sub.legalstory .section1 .storySwiper a .tit {font-size: 1.6rem; line-height: 22px;} #sub.legalstory .section1 .storySwiper a .tit {min-height: 44px; max-height: 44px;} #sub.legalstory .storySwiper a p.t-rw.rw-3 {min-height: 60px; max-height: 60px; line-height: 20px;} #sub.legalstory .storySwiper .lawyer-itwrap {margin-top: 20px !important;} #sub.legalstory .storySwiper .lawyer-itwrap .fs14 {font-size: 1.2rem !important;} #sub.legalstory.index .section2 {margin-top: 0px;} #sub .lawyer-vlist .left {width: 100%;} #sub .lawyer-vlist .right {/*position: absolute; right: 0;*/ bottom:70px;} /* #sub.legalstory-view .lawyer-vlist .right {right: 0px; } */ #sub:not(.legalprofessional) .lawyer-vlist .left .txtbox {display: grid; grid-template-columns: 1fr 90px;grid-template-rows: minmax(25px, auto) 1fr;} #sub:not(.legalprofessional) .lawyer-vlist .left .txtbox .flex-wrap {grid-column: 1 / 2; grid-row:1 / 2; min-height: 25px;} #sub:not(.legalprofessional) .lawyer-vlist .left .txtbox .fs14.fw400.mt-10 {grid-column: 1 / 2; grid-row: 2 / 3;} #sub:not(.legalprofessional) .lawyer-vlist .left .txtbox .img {grid-column: 2 / 3; grid-row: 1 / 3;} #sub:not(.legalprofessional) .lawyer-vlist .left .txtbox .img img {width: 100%; height: 100%; object-fit: cover;} #sub .lawyer-vlist .left .txtbox .img {width: 90px; height: 90px; border-radius: 100px; box-sizing: border-box; overflow: hidden;} .reserve-btn.gray {width: 100%;} #sub.solutioncase .reserve-btn.gray {width: calc(100% - 140px);} #sub.solutioncase.solutioncase-view .lawyer-vlist .reserve-btn.gray {width: 100%;} #sub.lawyerfind_view .reserve-btn.gray {width: calc(100% - 135px); margin-top: 15px; height: 50px;} .reserve-btn span {padding-right: 16px;} .reserve-btn span .default-img {width: 12px;} #sub.lawyerfind_view .lawyer-vlist > li {position: relative; padding: 20px 0;} #sub.lawyerfind_view .lawyer-vlist > li .category {flex-wrap: wrap;} #sub.lawyerfind_view .lawyer-vlist > li .right {position: absolute; right: 0px; bottom: 20px;} #sub.lawyerfind_view .lawyer-vlist > li .right .img {position: relative; top: 15px;} #sub.lawyerfind_view .lawyer-vlist2 > li .right {position: absolute; right: 0px; top: 25px;} #sub.lawyerfind_view .lawyer-vlist .right .more-page {padding: 15px 0; margin-top: 31px;} #sub.lawyerfind_view .lawyer-vlist > li .txtbox h5, #sub.solutioncase .txtbox h5 {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px; white-space: nowrap;} #sub.solutioncase .txtbox p {margin-top: 5px !important; width: calc(100% - 90px);} #sub.lawyerfind_view .reserve-btn {height: 50px;} #sub.solutioncase .lawyer-vlist .right {right: 0px;} #sub.solutioncase.solutioncase-view .lawyer-vlist .right {right: 0;} #sub.solutioncase .cont-wrap > ul > li {padding: 20px 0;} #sub.legalstory .title {font-size: 2.6rem; line-height: 36px; letter-spacing: -0.78px;} #sub.legalstory .sub-visual-txt b {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.solutioncase-view .section1 .cont-wrap, #sub.legalstory-view .section1 .cont-wrap {gap: 30px; padding: 0px 0 60px;} #sub.lawyerfind .region-wrap {display: none;} #sub.lawyerfind .section-column.solve{display: none;} #sub.lawyerfind .section-column {width: 100%;} #sub.lawyerfind.home .section-column, #sub.lawyerfind.info .section-column, #sub.lawyerfind.review .section-column, #sub.lawyerfind.case .section-column {width: 100%; position: static!important;} #sub .field-wrap.view {display: block !important; position: absolute; top: 96px; background-color: #F7F7FA; height: 46px;} #sub.lawfirmfind .field-wrap.view, #sub.lawyerfind .field-wrap.view {padding: 0 20px; box-sizing: border-box; position: relative; top: 0px; width: 100%;} #sub.lawyerfind_view, #sub.lawfirmfind {padding-top: 0;} #sub.lawyerfind_view .tit-box span {padding: 3.5px 8px; font-size: 1.4rem; top: -3px; margin-left: 5px;} #sub.lawfirmfind .lawfirm-list li.list-li {padding: 25px 0; } #sub.lawfirmfind .lawfirm-list li.list-li h5 {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px;} #sub.lawfirmfind .lawfirm-list li .linkwrap li a {font-size: 1.2rem !important; letter-spacing: -0.36px; line-height: 17px; padding: 5.5px 12px;} .popup.popup_reserve {position: fixed; z-index: 11;} .popup.popup_reserve .popup-body {max-width: 100%; padding: 0;} #sub.lawyerfind .info-li h2 {font-size: 2.4rem; line-height: 34px; letter-spacing: -0.72px;} #sub.lawyerfind .info-box, #sub.lawyerfind .legal-activity .tbox, #sub.lawyerfind .info-box, #sub.lawyerfind .location-li .txtbox > div {margin-top: 25px !important; gap: 5px !important;} #sub.lawyerfind.detail_view.info .location-li .txtbox > div:nth-of-type(2) {margin-top: 15px !important;} #sub.lawyerfind.detail_view.info .location-li .txtbox > div:nth-of-type(3) {margin-top: 10px !important;} #sub.lawyerfind.detail_view.info .location-li .txtbox > div:nth-of-type(2) span, #sub.lawyerfind.detail_view.info .location-li .txtbox > div:nth-of-type(3) span {line-height: 20px !important;} #sub.lawyerfind .location-li .txtbox > div:last-child {margin-top: 15px !important;} #sub.lawyerfind .location-li .map {margin-top: 20px !important;} #sub.lawyerfind .info-box p, #sub.lawyerfind .legal-activity p, #sub.lawyerfind .location-li p {font-size: 2rem; letter-spacing: -0.6px; line-height: 28px;} #sub.lawyerfind .info-box p > span {font-size: 1.2rem !important; padding-left: 5px; line-height: 17px; letter-spacing: -0.36px;} #sub.lawyerfind.detail_view .tbox b {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px;} #sub.lawyerfind.detail_view .legal-activity .legal-list p {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.lawyerfind .tab-area {gap: 5px !important;} #sub.lawyerfind .tab-area a {padding: 8px 18px;} #sub.lawyerfind .guide-li .tbox {margin-top: 0 !important;} #sub.lawyerfind .info-box, #sub.lawyerfind .location-li .txtbox > div span {font-size: 1.6rem; line-height: 22px;} #sub.lawyerfind .info-li em {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.lawyerfind .info-li strong {font-size: 2.6rem; line-height: 36px; letter-spacing: -0.78px;} #sub.lawyerfind .home-list .info-li, #sub.lawyerfind .review-list .info-li {padding: 40px 0 25px 0 !important;} #sub.lawyerfind.detail_view.lawyerfind.subHeader .home-list .info-li {padding: 40px 0 !important;} #sub.lawyerfind .home-list .fields-li > ul {margin-top: 15px !important; gap: 5px !important;} #sub.detail_view.info .home-list > li + li {padding-top: 25px;} #sub.lawyerfind .home-list ul.history-list, #sub.lawyerfind .home-list ul.activity-list, #sub-lawyerfind .home-list ul.price-list {margin-top: 15px !important;} #sub.detail_view.info .history-li .history-list > li, #sub.detail_view.info .activity-li .activity-list > li {padding: 20px; gap: 10px; align-items: flex-start; flex-direction: column;} #sub.detail_view.info .history-li .history-list > li > ol, #sub.detail_view.info .activity-li .activity-list > li > ol {width: 100%;} #sub.legalvideo .section1 {margin-top: 0;} #sub.legalvideo.legalvideo-view .section1 {margin-top: 0 !important;} #sub.legalvideo.legalvideo-view .section1 .cont-wrap {padding:0px 0 40px;} #sub.legalvideo.legalvideo-view .section1 .cont-wrap .cont-wrap {padding:20px 0 0 0 !important;} #sub.legalvideo .section2 {margin-top: 0 !important;} #sub.legalvideo .section2 .lawyer-video-wrap.mt-20 {margin-top: 10px !important;} #sub.legalvideo .cont-area {margin-top: 0; overflow: hidden;} #sub.legalvideo .section2 .section-row {flex-direction: column;} #sub.legalvideo .section2 .section-row .section-column:first-child {order: 2; width: 100%; max-width: 100%;} #sub.legalvideo .section2 .section-row .section-column:last-child {order: 1; width: 100%; max-width: 100%;} .mo960-hidden {overflow-x: hidden !important;} #sub.legalvideo .section1 .section-row .section-column .txtbox p, #sub.lawyerfind.detail_view.case.subHeader.mo-layout .law_video_list a h5 {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.legalvideo .section1 .videoSwiper .swiper-slide .txtbox .fs18.t-rw {height: 44px;} #sub.legalvideo .section2 .cont-wrap .reserve-btn {display: none;} #sub.legalvideo.index .lawyer-vlist, #sub.legalnews.index .lawyer-vlist, #sub.legalprofessional .lawyer-vlist {border: none; border-radius: 8px !important; padding: 0;} #sub .lawyer-vlist > li + li {border-top: none;} /* #sub.legalvideo-view .section1 .section-row .section-column .txtbox p{margin-top: 5px !important;} */ #sub.legalvideo .section2 .lawyer-video-li a {align-items: center;} #sub.legalvideo .section2 .lawyer-video-li .thumbnail {min-height: 200px; min-width: 280px; max-width: 390px;} /* #sub.legalvideo .lawyer-vlist .right {right: 20px;} */ /* #sub.legalvideo.legalvideo-view .lawyer-vlist .right {right: 0;} */ #sub.legalvideo-view .othervideo .tit-box {padding-bottom: 0px !important; border-bottom: none;} #sub.legalvideo-view .othervideo .tit-box h3 {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px;} #sub.legalvideo-view .othervideo .cont-wrap {margin-top: 10px !important;} #sub.legalvideo-view .othervideo .cont-wrap.mt-20 {padding-bottom: 0;} #sub.legalvideo-view .lawprotection.flex-box.align-items-center.flex-column.gap-5.mt-40 {margin-top: 13px !important;} #sub.legalvideo a.videocon .txtbox {padding: 10px 0 0 0; margin: 0 !important;} #sub.legalvideo.legalvideo-view .section .section-body {padding: 30px 20px;} #sub.legalvideo.legalvideo-view .section1 .tit-box em {font-size: 1.2rem !important; line-height: 19px; letter-spacing: -0.36px;} #sub.legalvideo-view .section1 .tit-box, #sub.legalprofessional.view .section1 .tit-box {padding-bottom: 20px;} #sub.legalvideo-view .section1 .content-wrap {padding: 20px 0 40px 0;} #sub.legalvideo.legalvideo-view .lawyer-itwrap {margin-top: 15px !important;} #sub.legalvideo.legalvideo-view .cont-area > ul > li {padding: 20px 0 0 0;} #sub .btntxtwrap {flex-wrap: wrap; gap:10px;} #sub .btntxtwrap .btnwrap a, #sub .btntxtwrap .txtwrap span{font-size: 1.2rem; line-height: 17px; letter-spacing: -0.36px; white-space: nowrap;} #sub .btntxtwrap .btnwrap a {padding-right: 21px; line-height: 18px;} #sub .btntxtwrap .btnwrap a.save:after, #sub .btntxtwrap .btnwrap a.share:after {width: 18px; height: 18px;} #sub.legalvideo .txt ul.category, #sub.legalnews.index .txt ul.category, #sub.legalprofessional .txt ul.category {margin-top: 5px !important;} .mo-swiperwrap {display: flex; flex-direction: column;} .mo-swiperwrap .custom-info-wrap {height: 50px; order: 2; margin-top: 15px !important;} .mo-swiperwrap .lawyerSwiper {order: 1; border-radius: 8px !important; border: 1px solid #ecf0f4; display: flex; flex-direction: column; align-items: center;} .lawyer-swiper-nav {display: flex; align-items: center; justify-content: center; width: calc(100% - 40px); height: 40px; box-sizing: border-box; border-top: 1px solid #ecf0f4;} .lawyer-swiper-nav .swiper-pagination {position: static; width: fit-content; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem !important; font-weight: 600 !important; letter-spacing: -0.36px; color: #c3c9d0; gap: 3px; } .lawyer-swiper-nav .swiper-pagination .swiper-pagination-current {color: #23BC47 !important;} .mo-swiperwrap .caseSwiper-wrap {order: 3;} .mo-swiperwrap .caseSwiper {display: flex; border: 1px solid #ecf0f4; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; flex-direction: column; align-items: center;} #sub .lawyerSwiper {border: 1px solid #ECF0F4; border-radius: 8px;} #sub .lawyerSwiper .visual-arr:hover {background-color: transparent;} #sub .mo-mb-17 {margin-bottom: 17px !important;} .visual-arr { display: block; width: 7px; height: 12px; padding: 0px; box-sizing: border-box; text-align: center; cursor: pointer;} .visual-arr.prev {margin-right: 15px; background-image: url(/views/_layout/basic/images/ico_prev_g.svg); background-repeat: no-repeat; background-size: 7px 12px; background-position: center;} .visual-arr.next {margin-left: 15px; background-image: url(/views/_layout/basic/images/ico_next_g.svg); background-repeat: no-repeat; background-size: 7px 12px; background-position: center;} #sub .solution-case:first-child{border: 1px solid #ECF0F4; margin-top: 0px !important; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; box-sizing: border-box; overflow: hidden; border-top-left-radius: 0px; border-top-right-radius: 0px;} #sub .solution-case:first-child li:last-child a {border-bottom: 1px solid #ECF0F4;} #sub .solution-case:first-child li:last-child a {border-bottom: none;} #sub .solution-case:last-child, #sub .solution-case:first-child {border: none; } #sub.legalvideo.index .solution-case, #sub.legalprofessional.index .solution-case, #sub.legalnews.index.subHeader .solution-case {border:1px solid #ECF0F4; border-radius: 0 0 8px 8px;} #sub.legalvideo.index .section2 .cont-area {margin-top: 20px !important;} #sub.legalnews.index.subHeader .section2 .section-row {gap:0;} #sub.legalnews .search-wrap, #sub.mywrite .search-wrap, #sub.mypage.lawyer.booking .search-wrap {padding:10px 20px;} #sub.legalvideo.index.legalvideo .cont-area.mt-responsive {margin-top: 0 !important;} #sub.lawyerfind.detail_view .section .section-body {padding: 0;} /* #sub.lawyerfind.detail_view.home, #sub.lawyerfind.detail_view.info, #sub.lawyerfind.detail_view.case, #sub.lawyerfind.detail_view.review {margin-top: 96px;} */ #sub.lawyerfind .detail_view_btn, #sub.lawyerfind .btnbox:not(.reserve-btn-wrap) {display: none;} #sub.detail_view .section .section-row.between {flex-direction: column; align-items: center; gap: 40px;} #sub.detail_view .section .section-row.between .section-column:first-child{order:2; padding: 0 20px; box-sizing: border-box;} #sub.detail_view .section .section-row.between .section-column:last-child {order:1; position: static; padding-top: 116px; box-sizing: border-box;} #sub.detail_view ul.info-detail {flex-direction: column; margin-top: 13px !important; gap: 0px;} #sub.detail_view ul.info-detail li {width: 100% !important; gap: 0px;} #sub.detail_view ul.info-detail li > div {padding: 10px 0; box-sizing: border-box; gap: 15px;} #sub.lawyerfind .legal-activity .legal-list > li a {min-height: unset;} #sub.lawyerfind .legal-activity .legal-list > li a > p {min-height: unset; max-height: unset;} #sub.lawyerfind .legal-activity .legal-list > li a > p ~ div.flex-center-between {margin-top:10px;} #sub.lawyerfind .legal-activity .legal-list > li {width: 100%;} #sub.lawyerfind .legal-activity .legal-list > li + li {margin: 10px 0 0 0;} #sub.lawyerfind.detail_view.info .location-li {padding-top: 40px; border-top: 1px solid #ECF0F4; margin-top: 40px;} #sub.detail_view.info .fields-list li {padding: 7px 15px;} #sub.detail_view.info .history-li .history-list > li > span, #sub.detail_view.info .activity-li .activity-list > li > span {font-size: 1.6rem !important; line-height: 22px; letter-spacing: -0.48px;} #sub.legalprofessional.view .section1 .content-wrap {font-size: 1.4rem;} #sub.legalprofessional.index {margin-top: 95px; padding-top: 0;} #sub.legalprofessional.index .cont-area.mt-60 {margin-top: 10px !important;} #sub.legalprofessional .cont-wrap {flex-direction: column; gap: 25px;} #sub.legalprofessional .ri {order: 1; position: static; max-width: 100%; overflow: hidden;} #sub.legalprofessional .le {order: 2; width: 100%;} #sub.legalprofessional .section1 .reserve-btn {display: none;} #sub.legalprofessional .tit-box em, #sub.solutioncase.solutioncase .tit-box em, #sub.legalstory.index.legalstory .tit-box em, #sub.legalvideo.index.legalvideo .tit-box em, #sub.quicklawyer .tit-box em {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px; } #sub.legalprofessional .tit-box strong, #sub.solutioncase.solutioncase .tit-box strong, #sub.legalstory.index.legalstory .tit-box strong, #sub.legalvideo.index.legalvideo .tit-box strong, #sub.quicklawyer .tit-box strong {font-size: 2.6rem; line-height: 36px; letter-spacing: -0.78px; } #sub.legalprofessional.index .tit-box strong {font-size: 2.4rem; line-height: 30px;} #sub.legalprofessional.index .section .section-body {padding-top: 30px;} #sub.legalstory.index.legalstory, #sub.legalvideo.index.legalvideo, #sub.quicklawyer .section-body {padding-top: 0 !important;} #sub.quicklawyer {padding-top: 40px;} #sub.quicklawyer .lawyer-list {margin-top: 40px;} /* #sub.legalprofessional .cont-area {margin-top: 43px; overflow: hidden; } */ #sub.legalprofessional.write .section1 .cont-area.mt-60 {overflow: visible;} #sub.legalprofessional.write .cont-area {margin-top: 30px;} #sub.legalprofessional.write .cont-wrap ul li:first-child{margin-top: 0 !important;} #sub.legalprofessional.write .cont-wrap ul li:nth-child(3) .tit{align-items: flex-start; gap: 5px; flex-direction: column;} .allcheck-wrap .check-box {padding:13.5px 15px;} .allcheck-wrap .check-box input[type="checkbox"] ~ label {font-size: 1.4rem; line-height: 1.3; } #sub.solutioncase.solutioncase .cont-area.mt-60:not(.mo960-mt0) {margin-top: 25px !important;} #sub.solutioncase.solutioncase .solution_case_list {margin-top: 10px !important;} #sub.legalnews .section2 {margin-top: 0px;} #sub.legalnews .section2 .section-body {padding: 0 20px;} #sub.legalnews .section2 .section-row {flex-direction: column; gap:10px} #sub.legalnews .section2 .section-row .section-column:first-child {order: 2; width: 100%;} #sub.legalnews .section2 .section-row .section-column:last-child {order: 1; max-width: 100%; overflow: hidden;} #sub.legalnews .section2 .reserve-btn {display: none;} #sub.notice, #sub.qna, #sub.adminqna{margin-top: 56px; padding-top: 40px;} #sub.notice .tab-area a, #sub.qna .tab-area a, #sub.adminqna .tab-area a {padding: 8px 18px;} #sub.notice .section1 .tab-area, #sub.qna .section1 .tab-area, #sub.adminqna .section1 .tab-area {gap:5px;} #sub.notice .section1 .notice-list, #sub.qna .section1 .basic-lawyer, #sub.adminqna .section1 .basic-lawyer {margin-top: 30px !important; gap: 20px;} .qna-box + .qna-box, #sub.notice .notice-list li + li{margin-top: 15px;} #sub.notice .notice-list a {padding: 20px; border:unset;} #sub.notice .notice-list a p {font-size: 1.6rem; line-height: 16px; letter-spacing: -0.48px;} #sub.notice .notice-list a span {font-size: 1.2rem !important; line-height: 14px; letter-spacing: -0.36px; margin-top: 10px;} #sub.notice .notice-list a.topfix b {width: 32px; height: 32px; background-size: 18px 18px;} #sub.notice .notice-list a b {width: 32px;} #sub.notice .notice-list a.topfix .txt {width: calc(100% - 47px);} #sub.notice.view .notice-content, #sub.adminqna .adminqna-content {margin-top:30px !important; padding: 30px;} #sub.notice.view .notice-content p.tit, #sub.adminqna.view .adminqna-content p.tit {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.adminqna.view .answer-area span.date {line-height: 19px !important; margin-top: 0 !important;} #sub.adminqna.view .answer-area .title-area {align-items: flex-end; position: relative; width: 100%;} #sub.adminqna.view .answer-area .titbox {width: 100%;} #sub.adminqna.view .answer-area p.tit {font-size:2rem; line-height: 24px; letter-spacing: -0.48px; margin-bottom: 8px;} #sub.adminqna.view .answer-area .answer {font-size: 1.1rem !important; width: unset; height: unset; padding:3px 5.5px; line-height: 1; position: absolute; right: 0; bottom: 0;} #sub.notice.view .notice-content span.date, #sub.adminqna.view .answer-area span.date {font-size: 1.2rem !important; line-height: 14px; letter-spacing: -0.36px; margin-top: 10px;} #sub.adminqna.view .adminqna-content span.date {line-height: 18px; font-size: 1.2rem !important; letter-spacing: -0.36px;} #sub.notice.view .notice-content .contents, #sub.adminqna.view .adminqna-content .contents, #sub.adminqna.view .answer-area .contents {margin-top:15px; padding-top: 20px; font-size: 1.4rem; line-height: 22px; letter-spacing: -0.42px;} #sub.adminqna.view .adminqna-content .title-area {align-items: flex-end; position: relative; width: 100%;} #sub.adminqna.view .adminqna-content .titbox {width: 100%;} #sub.adminqna.view .adminqna-content .answer {font-size: 1rem !important; width: 29px; height: 18px; line-height: 16px; position: absolute; right: 0; bottom: 0;} #sub .file-area, #sub.adminqna.view .adminqna-content ~ .btntxtwrap {padding-left: 10px !important;} #sub.adminqna .tbl-area {padding: 10px 20px; margin-top: 30px !important;} #sub.solutioncase .sub-visual-txt strong.title {font-size: 2.6rem; line-height: 36px; letter-spacing: -0.78px;} #sub.solutioncase .sub-visual-txt b {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.solutioncase .sub-visual-txt li.gavel1 {margin-top: 10px !important;} #sub.solutioncase-view .sub-visual .sub-visual-txt, #sub.legalstory-view .sub-visual .sub-visual-txt {padding: 84px 20px;} #sub.qna .section1 .basic-lawyer span {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.qna .basic-lawyer span + span::before {left: -11px;} #sub.qna .section1 .qnaList {margin-top: 15px !important;} .qna-box {padding: 20px;} .qna-Q .txt-q {min-width:32px; width: 32px; height: 32px; font-size: 1.6rem; line-height: 32px; letter-spacing: -0.48px;} .qna-Q p.tit {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px; } #sub.qna .qnaList .qna-Q .tit {padding-right: 0;} .qna-A p {font-size: 1.4rem; line-height: 22px; letter-spacing: -0.42px;} .qna-Q > div {width: calc(100% - 30px); gap: 10px;} .qna-Q::after {right:0px; width: 12px; height: 7px; background-size: 12px;} .header-nav .depth1.mintxt > li.on {border-bottom: 2px solid #23BC47;} .btnSet {margin-top: 30px !important;} .btnSet a.prev, .btnSet a.next {font-size: 1.2rem; line-height: 12px; letter-spacing: -0.24px;} .btnSet a.listbtn {font-size: 1.3rem; letter-spacing: -0.39px; line-height: 13px;} .section .tit-box h4 {font-size: 2rem; line-height: 28px; letter-spacing: -0.6px;} #sub.detail_view .section .tit-box h4 {font-size: 2.4rem; line-height: 34px; letter-spacing: -0.72px;} .lawyerSwiper .swiper-slide {display: flex;} #sub.legalvideo.index .lawyer-vlist > li, #sub.legalnews.index .lawyer-vlist > li, #sub.legalprofessional .lawyer-vlist > li{width: 100% !important; margin-right: 21px; padding: 20px;} #main, #sub {margin-top: 96px;} #main .search-form, #sub.totalsearch .search-form {position: relative; margin: 0 auto; max-width: calc(100% - 40px);width: 100%;} #sub.totalsearch .search-form {top: 10px;} #main .search-form input, #sub.totalsearch .search-form input {height: 44px; margin-bottom: 20px; line-height: 42px; border: 1px solid #23BC47; padding: 0 50px 0 20px; border-radius: 50px; box-sizing: border-box; background-color: #fff;} #main .search-form input::placeholder, #sub.totalsearch .search-form input::placeholder {color:#C3C9D0;} #main .search-form button, #sub.totalsearch .search-form button {text-indent: -9999px; position: absolute; top: 4px; right:4px; width: 36px; height: 36px; background-color: #23BC47; background-image: url(/img/ico_search.svg); background-size: 20px; background-repeat: no-repeat; background-position: center; border-radius: 50px; border: none; cursor: pointer;} #main .section1 {padding-top: 10px; padding-bottom: 0;} #main .section1 .search-form {z-index: 1;} #main .section1:after {border-radius: 0 0 20px 20px; height:calc(100% + 56px);} #main .left-swiper-wrap, #main .right-list li {border-radius: 8px;} #main .btm-list {position: static; border-radius: 10px; margin:0 20px} #main .btm-list li {overflow: unset;} #main .btm-wrap {width: calc(100% + 40px); position: relative; left: -20px; overflow-x: auto; margin-bottom: 30px;} #main .btm-list {overflow-x: unset; background: unset;} #main .btm-list li a {height: 90px; padding:5px 0;} #main .btm-list li.last-li a {margin-right: 20px;} #main .section2 .lawyer-list > li > a, #sub.quicklawyer .lawyer-list > li > a, #sub.mypage.likelawyer .lawyer-list > li > a { padding:20px 15px; } #main .section3 .intellectuals, #main .section5 .solution, .solution {grid-template-columns: repeat(1, 1fr);} /* #main .section3 .intellectuals li:last-child:after {display: none;} */ /* #main .section4 .single-arr-box-wrap {display: none;} */ #main .section4 .pc960 {display: none;} #main .section4 .mo960 {display: block; overflow-x: auto;} #sub.legalstory .solution {margin-top: 10px !important;} #sub.legalstory.index .section2 .lawyer-vlist > li {padding: 20px 0;} #sub.legalstory.index .section2 .lawyer-vlist .imgarea p {font-size: 1.2rem !important;} .intellectuals li:nth-child(n+3):after, #main .solution > li:nth-child(n+3):after {background-color: #ecf0f4;} #main .section6 .storySwiper a {padding: 20px;} #sub.legalstory .section1 .storySwiper a {padding:19px;} a.more-page.big span {width: 30px; height: 30px;} #main .section7 .listwrap .listcon {width: 100%; padding: 20px 20px 10px 20px; min-height: unset; max-height: unset;} #main .section7 .listwrap .con-box li a {padding: 15px 0;} #main .section7 .legalNewsSwiper, #main .section7 .legalExpertSwiper {height: auto; max-height: 200px;} #main .section7 .legalNewsSwiper .swiper-slide, #main .section7 .legalExpertSwiper .swiper-slide {height: 50px !important;} #main .section7 .listwrap .top {flex-direction: column;} #main .section7 .listwrap .bottom {flex-direction: column;} #main .section7 .listwrap .bottom .listcon {width: 100%; max-width: 100%;} #main .section7 .listwrap .tit-box h4{font-size: 2rem; line-height: 28px;} #main .section7 .listwrap .top .ri.listcon .swiper-slide {height: 50px !important;} #main .section7 .listwrap .bottom .ri {padding: 20px; width: 100%; max-width: 100%;} #main .section7 .listwrap .bottom .ri .directlist {margin-top: 15px; padding: 15px 0; display: flex;} #main .section7 .listwrap .bottom .ri .directlist li {display: inline-block; flex: 1; border-right: 1px solid #ECF0F4;} #main .section7 .listwrap .bottom .ri .directlist li a > img {display: none;} #main .section7 .listwrap .bottom .ri .directlist li a span {flex-direction: column; gap: 10px;} #main .section7 .listwrap .bottom .ri .directlist li a span img {width: 24px; height: 24px;} #main .section7 .listwrap .bottom .ri .directlist li a {padding: 0; align-items: center; justify-content: center;} #main .section7 .listwrap .bottom .ri::after {width: 94px; height: 97px; top: -15px; right: 10px;} #main .section7 .listwrap .bottom .ri .directlist li + li {border-top: none;} #footer {margin-top: 20px;} #footer .footer-row.column {padding: 20px 20px 84px 20px; gap: 0;} #footer .footer-agree > ul > li + li::before {opacity: 0.2; left: -16px;} #footer .footer-agree > ul > li {width: fit-content;} #footer .footer-row:first-child .list-float {display: flex; justify-content: center; gap: 30px; text-align: center;} #footer .footer-agree > ul > li a {font-size: 1.4rem; font-weight: 700;} .mobile_bar {display: block; padding: 0 20px; box-sizing: border-box; height: 64px;} .reserve-btn-wrap .reserve-btn, .mobile_bar .reserve-btn {height: 50px; background-color: #23BC47;} .reserve-btn-wrap .reserve-btn span, .mobile_bar .reserve-btn span {color: #fff;} .kakaoplus-btn{width: 50px !important;} .reserve-btn-wrap .reserve-btn, .mobile_bar .btnbox .reserve-btn{width: calc(100% - 55px);} .reserve-btn-wrap .reserve-btn span .default-img {opacity: 0;} .reserve-btn-wrap .reserve-btn span .hover-img {opacity: 1;} .mobile_bar ul {justify-content: space-around; gap: 10px; } .mobile_bar ul li {max-width: 62px;} .quick a {width:50px; height:50px; line-height: 50px;} .quick a + a {margin-top: 5px;} .quick .kakao-btn img {width: 25px; height: 25px;} .quick .top-btn img {width: 13px;} .pagenate li {margin-left: 0;} /* #sub .writebtn{position: absolute; top: unset; bottom: 50px; right: 30px; max-width: 60px !important; height: 60px !important;} */ .info-li strong::before {width: 4px; height: 4px; right: -6px; bottom: 8.6px;} #sub.lawyerfind .info-li strong span {position: relative;} #sub.lawyerfind.detail_view .info-li strong span::before {bottom: 3.6px; right: -8px;} #sub.mypage .cont-area{flex-direction: column;} #sub.mypage .cont-area .le {order: 2; width: 100%;} #sub.mypage .cont-area .ri {order: 1; width: 100%; max-width: 100%; position: static;} #sub.mypage.lawyer .cont-area .ri {max-width: 100%;} #sub.mypage.lawyer .cont-area .le {width: 100%;} #sub.legalnews .table-wrap, #sub.mypage .table-wrap, #sub.lawyer.booking .schedule-wrap {padding: 10px 20px; margin-top: 10px !important;} #sub.mypage.mywrite .table-wrap {margin-top: 15px !important;} #sub.legalnews .table-wrap {margin-top: 10px !important; padding: 10px 20px;} #sub.mypage table, #sub.mypage table tbody {display: block;} .motable-tr {display: block !important;} .pctable-tr{display: none !important;} #sub.mypage table thead {display: none;} #sub.mypage table tbody tr, #sub.mypage table tbody td {display: block; height: fit-content !important; padding: 0;} #sub.mypage table tbody tr{padding: 20px 0; box-sizing: border-box;} #sub.mypage table tbody td .num-name{width: calc(100% - 50px);} #sub.mypage table tbody td .consultation{margin: 0 !important;} .review-td .review-btn {width: 100%; height: 40px; background: #F7F7FA; color: #9FA4A9; border-radius: 8px; position: relative; overflow: hidden;} .review-td .review-btn.review_write{color: #23BC47; background: #fff; border: 1px solid #23BC47;} .review-td .review-btn.review_complete{width: 100%; height: 40px;} .review-td .review-btn::after{content: '후기 작성'; clear: both; display: block; font-size: 1.4rem; font-weight: 700; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .review-td .review-btn.review_complete::after{content: '작성 후기 보기'; color: #23BC47; background: #F3FCF5; border-radius: unset;} #sub.mypage.lawyer.content table tbody tr { padding: 20px 0; display: flex; flex-wrap: wrap; align-items: center;} #sub.mypage.lawyer.content table tbody tr td:first-child {display: none;} #sub.mypage.lawyer.content table tbody tr td:nth-child(2) {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px; font-weight: 500; color: #9fa4a9; left: 0; padding: 0;width: 100%;} #sub.mypage.lawyer.content table tbody tr td:nth-child(3) {font-size: 1.6rem !important; padding: 0; top: 41px; font-weight: 700 !important; line-height: 22px; letter-spacing: -0.48px; margin-top: 3px; margin-bottom: 15px;width: 100%;} #sub.mypage.lawyer.content table tbody tr td:nth-child(3)::after, #sub.mypage.lawyer.content table tbody tr td:nth-child(4)::after {display: none;} #sub.mypage.lawyer.content table tbody tr td:nth-child(4) {width: fit-content; margin-right: 17px; padding:0; position: relative;} #sub.mypage.lawyer.content table tbody tr td:nth-child(4) p {margin: unset;} #sub.mypage.lawyer.content table tbody tr td:nth-child(5) {width: fit-content; margin-right: 17px; position: relative;} #sub.mypage.lawyer.content table tbody tr td:nth-child(4)::before, #sub.mypage.lawyer.content table tbody tr td:nth-child(5)::before {position:absolute; display:block; content:''; clear:both; background-color: #ECF0F4; width:1px; height:8px; top:50%; margin-top: -4px; right:-8.5px} #sub.mypage.lawyer.content table tbody tr td:nth-child(6) {padding:0;} #sub.mypage.lawyer.content .legalprofessional-wrap table tbody tr td:nth-child(6) {font-size: 1.4rem !important; letter-spacing: -0.42px; color: #9FA4A9; line-height: 20px; } #sub.mypage.lawyer.content .case-wrap table tbody tr td:nth-child(6) {font-size: 1.4rem !important; letter-spacing: -0.42px; color: #9FA4A9; line-height: 20px; } #sub.mypage.lawyer.content .le .search-wrap2 .search-box {gap: 5px;} #sub.mypage.lawyer.content .le .search-wrap2 .search-box a {white-space: nowrap; padding: 8px 18px;} #sub.mypage.lawyer.content .legalprofessional-wrap, #sub.mypage.lawyer.content .case-wrap, #sub.mypage.lawyer.content .lawyer-case-wrap, #sub.mypage.lawyer.content .lawyer-video-wrap {margin-top: 30px !important;} #sub.mypage.lawyer.booking .cont-area.booking .content__wrap {padding: 25px 10px !important;} #sub.mypage.booking #calendar table {display: table;border-spacing:2px; } #sub.mypage.booking #calendar table tbody {display: table-row-group;} #sub.mypage.booking #calendar tbody tr {display: table-row !important; position: relative !important;} #sub.mypage.booking #calendar table tbody tr td:first-child {position: unset;} #sub.mypage.booking #calendar table tbody tr td:nth-child(2) {position: unset;} #sub.mypage.booking #calendar table tbody tr td:nth-child(3) {position: unset; display: table-cell !important; width: auto;} #sub.mypage.booking #calendar table tbody tr td:nth-child(3)::after {display: none;} #sub.mypage.booking #calendar table tbody tr td:nth-child(4) {position: unset; display: table-cell !important; width: auto;} #sub.mypage.booking #calendar table tbody tr td:nth-child(4)::after {display: none;} #sub.mypage.booking #calendar table tbody tr td:nth-child(5) {position: unset;} #sub.mypage.booking #calendar table tbody tr td:nth-child(6) {position: unset; display: table-cell !important; width: auto;} #sub.mypage.booking #calendar table tbody tr td:nth-child(7) {position: unset; width: auto;} #sub.mypage.booking #calendar table tbody tr td:nth-child(6)::after {display: none;} /* 캘린더 추가 css 250902 */ .popup_counsel #calendar1{ padding:20px 10px; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {padding: 0 2px; max-height: 65px; min-height: 65px;} .fc .fc-daygrid-event-harness {width: 100%;} .fc-event-content {font-size: 1rem; height: 14px; padding: 0 3px;} /* 달력 주말 컬럼 유지 강제 설정 */ .fc .fc-scrollgrid {min-width: 100% !important;} .fc .fc-daygrid-body {min-width: 100% !important;} .fc .fc-col-header-row {min-width: 100% !important;} /* FullCalendar 반응형 비활성화 - 7개 컬럼 강제 유지 */ .fc .fc-daygrid-body table {table-layout: fixed !important; width: 100% !important;} .fc .fc-col-header-cell {width: 14.285714% !important; display: table-cell !important;} .fc .fc-daygrid-day {width: 14.285714% !important; display: table-cell !important;} .fc .fc-scrollgrid-sync-table {width: 100% !important;} .fc .fc-scrollgrid-sync-table tbody tr td {display: table-cell !important; width: 14.285714% !important;} .fc .fc-scrollgrid-sync-table thead tr th {display: table-cell !important; width: 14.285714% !important;} /* 주말 컬럼 숨김 방지 */ .fc .fc-day-sat, .fc .fc-day-sun {display: table-cell !important; visibility: visible !important;} .fc .fc-col-header-cell.fc-day-sat, .fc .fc-col-header-cell.fc-day-sun {display: table-cell !important;} #sub.mypage.lawyer table tbody tr {padding: 20px 0;} #sub.mypage.lawyer.adinex .table-wrap {padding: 0 20px;} #sub.mypage.lawyer.adinex table tbody td {padding: 0;} #sub.mypage.lawyer.adinex table tbody td .option.detail-option {margin:0;} #sub.mypage.lawyer.adinex table tbody td .status-box p, #sub.mypage.lawyer.adinex table tbody td .cancel-btn {line-height: 17px; padding: 3px 10px; width: unset; height: unset; margin: 0;} #sub.mypage.lawyer.adinex .pagenate {margin-top: 30px !important;} #sub.mypage.lawyer.adinex table tbody td .mo-btn-wrap {gap:7px;} #sub.mypage.lawyer.adinex table tbody td .mo-btn-wrap > a {width: 100%; height: 40px; line-height: 40px; box-sizing: border-box; border-radius: 8px;} #sub.mypage.lawyer.adinex table tbody td .mo-btn-wrap > .extend-btn {border-bottom:unset; background-color: #0FA1CA; color:#fff;} #sub.mypage.lawyer.adinex table tbody td .mo-btn-wrap > .extend-btn.no-extend {background-color: #9FA4A9;} #sub.mypage.lawyer table tbody tr td:nth-child(2) {font-size: 1.6rem !important; left: 12px; height: 22px; line-height: 22px; top:21px; letter-spacing: -0.48px; color: #2b2d2f;} #sub.mypage.lawyer table tbody tr td:nth-child(3) {font-size: 1.2rem !important; color: #2b2d2f;} #sub.mypage.lawyer table tbody tr td:nth-child(5) { padding: 0;} #sub.mypage.lawyer table tbody tr td:nth-child(7) {padding: 0; } #sub.mypage.lawyer table tbody tr td:nth-child(7) a.option {border-radius: 8px; height: 38px; width: 100%;} #sub.mypage.lawyer table tbody tr td:nth-child(8) a.extend-btn {font-size: 1.2rem !important; height: 40px; width: 100%; color: #fff; background-color: #0FA1CA; border-radius: 8px;} #sub.mypage.lawyer table tbody tr td:nth-child(8) a.extend-btn.no-extend {background-color: #c3c9d0; color: #fff;} #sub.mypage.lawyer.adinex table tbody td .deposit {width: 61px; height: 24px;} #sub.mypage.mywrite .cont-area {margin-top: 0 !important;} #sub.mypage.mywrite table tbody tr {display: flex; flex-wrap: wrap; width: 100%; align-items: center;} #sub.mypage.mywrite .cont-area .le .table-wrap {padding: 10px 20px;} #sub.mypage.mywrite table tbody tr td {padding: 0;} #sub.mypage.mywrite table tbody tr td:first-child {display: none;} #sub.mypage.mywrite table tbody tr td:nth-child(2) p {width: 100%; font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px;} #sub.mypage.mywrite table tbody tr td:nth-child(3) {width: 100%; margin-top: 3px; font-size: 1.6rem !important; font-weight: 700 !important; line-height: 22px; letter-spacing: -0.48px;} #sub.mypage.mywrite table tbody tr td:nth-child(3) p {font-size: 1.6rem !important; font-weight: 700; line-height: 22px; letter-spacing: -0.48px;} #sub.mypage.mywrite table tbody tr td:nth-child(3)::after {display: none;} #sub.mypage.mywrite table tbody tr td:nth-child(4) {font-size: 1.4rem !important; letter-spacing: -0.42px; margin-top: 15px; width: fit-content;} #sub.mypage.mywrite table tbody tr td:nth-child(4)::after {display: none;} #sub.mypage.mywrite table tbody tr td:nth-child(4) .adoptbtn {height: 24px; line-height: 16px; width: 67px; gap: 2px;} #sub.mypage.mywrite table tbody tr td:nth-child(5) {margin-top: 15px; font-size: 1.4rem !important; letter-spacing: -0.42px; font-weight: 500; position: relative; margin-left: 17px;} #sub.mypage.mywrite table tbody tr td:nth-child(5)::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -8px; width: 1px; height: 8px; background-color: #ECF0F4;} #sub.mypage.mywrite table tbody tr td:nth-child(6) {margin-top: 15px; font-size: 1.4rem !important; letter-spacing: -0.42px; color: #9FA4A9; font-weight: 500; position: relative; margin-left: 17px;} #sub.mypage.mywrite table tbody tr td:nth-child(6)::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -8px; width: 1px; height: 8px; background-color: #ECF0F4;} #sub.mypage .lawyer-box .subtite {flex-direction: column; gap: 3px; align-items: flex-start;} #sub.mypage .lawyer-box .subtite b {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px;} #sub.mypage.view .section1 .section-body {padding: 0 20px 60px !important;} #sub.mypage.view .section1 .section-row {flex-direction: column;} #sub.mypage.view .section1 .section-column:first-child {order: 2;} #sub.mypage.view .section1 .section-column:last-child {order: 1; width: 100%; max-width: 100%;} /*#sub.mypage.view .section1 .cont-wrap {border: none; padding: 0;}*/ #sub.mypage.view .section1 .cont-wrap .subtitle {flex-direction: column; align-items: flex-start; gap: 3px;} #sub.mypage.view .section1 .lawyer-box .it-box .txt h5 {font-size: 1.6rem; line-height: 22px;} #sub.lawyerfind.write .lapa-wrap .it-box, #sub.mypage.view .lapa-wrap .it-box {display: flex; align-items: center; } #sub.lawyerfind.write .lapa-wrap .it-box .justify-content-center, #sub.mypage.view .lapa-wrap .it-box .justify-content-center {justify-content: normal;} #sub.lawyerfind.write .lapa-wrap .it-box .img, #sub.mypage.view .lapa-wrap .it-box .img {width: 80px; height: 80px;} #sub.lawyerfind.write .lapa-wrap .it-box .txt, #sub.mypage.view .lapa-wrap .it-box .txt {margin-top: 0 !important; margin-left: 20px;} #sub.mypage.infoedit .myinfo li p, .register_wrap .registeragree p {width: fit-content; position: relative; font-size: 1.8rem !important; font-weight: 700 !important; line-height: 25px; letter-spacing: -0.54px;} #sub.mypage.infoedit .myinfo li p em, .register_wrap .registeragree p em {position: absolute; right: -8px;} #sub.mypage.infoedit .myinfo li, .register_wrap .registeragree li {margin-top: 30px !important;} #sub.mypage.infoedit .myinfo li button.btn {height: 50px; max-width: 100%;} #sub.mypage.infoedit .input-wrap button.check-btn, .call-box .code-btn, .register_wrap button.check-btn, .filebox .upload-button {padding: 5px 8px; max-height: 27px; width: fit-content; border-radius: 4px;} .register_wrap .btnSet button.btn {height: 50px; max-width: 160px; margin: 0 auto; border-radius: 500px; font-size: 1.4rem; line-height: 20px; letter-spacing: -0.42px;} #sub.mypage.infoedit .btnSet button.btn {max-width: 100%; border-radius: 8px; height: 50px; font-size: 1.4rem; line-height: 20px; letter-spacing: -0.42px;} #sub.mypage.infoedit a.leave-btn {margin: 0 auto;} #sub.mypage.index .section1 .no-content .btnSet {margin-top: 20px !important;} #sub.mypage.index .section1 .btnSet, .register_wrap .registeragree li:first-child {margin-top: 0 !important;} #sub.mypage .profile-area .tab-box li a {max-height: 85px;} .register_wrap .registeragree li.btnSet {text-align: center;} #sub.mypage .profile-area .tab-box li a p {margin-top: 10px !important;} #sub.infoedit .myinfo li input {min-height: 47px;} #sub.subHeader.likecontent, #sub.subHeader.likelawyer, #sub.subHeader.mywrite {margin-top: 76px;} #sub.mypage.likecontent .ri, #sub.mypage.likelawyer .ri, #sub.mypage.mywrite .ri {display: none;} .register_wrap, .login_wrap {margin-top: 96px !important; padding: 40px 0 0 0px !important;} .register_wrap .provision {padding: 0 20px; box-sizing: border-box;} .register_wrap .registeragree p.invalidation-txt {font-size: 1.2rem !important; line-height: 17px !important;} .checkbox.allcheck {padding: 15px 20px;} .check-box.big > input[type="checkbox"] ~ label:before {width: 24px; height: 24px;} .join-box .table-body .registeragree .checkbox-wrap li + li {margin-top: 10px !important;} .login_wrap .access {max-width: calc(100% - 40px);} .login_wrap .access .login-tab {height: 45px;} .login_wrap .access .table-box {padding: 40px 80px;} .login_wrap .table-box h3 {font-size: 3rem; line-height: 36px;} .login-heading {margin-bottom: 30px !important;} .loginform li:last-child {margin-top: 30px !important;} .loginform li input[type="text"], .loginform li input[type="password"] {height: 47px !important; line-height: 47px !important;} .loginform li button[type=submit], .lawyer-joininfo {line-height: 50px !important; height: 50px !important;} .login_wrap ol.snslogin {margin-top: 40px !important;} .input-wrap input, .input-wrap.textarea-wrap, .input-wrap .select-trigger .select-btn, #sub.adminqna.write .input-wrap .upload-name, #sub.mypage.view .field-wrap, #sub.lawyer.write .field-wrap, #popup_addetail .field-wrap, .career-wrap {min-height: 47px;} #sub.lawyerfind.write {padding-top: 0; margin-top: 105px;} #sub.lawyerfind .section .section-row {flex-direction: column;} #sub.lawyerfind .section .section-row .section-column:first-child{order: 2; width: 100%; max-width: 100%;} #sub.lawyerfind .section .section-row .section-column:last-child{order: 1; width: 100%; max-width: 100%; position: static;} #sub.lawyerfind.write .pay-box, #sub.lawyerfind.write .pay-box-info, #sub.mypage.lawyer.write .lapa-wrap {border: none; padding: 0;} #sub.lawyerfind.detail_view .section .section-row .section-column:last-child {max-width: 300px;} #sub.legalprofessional.write {margin-top: 55px; padding-top: 0px;} .notice-content, .adminqna-content, .answer-area {margin-top: 40px !important; padding: 30px;} #sub.lawyerfind_view .tit-box p {margin-top: 15px !important;} #sub .map img {width: 100%;} .popup-btn {padding: 10px 20px;} #sub.mypage.likelawyer .cont-area {margin-top: 40px !important;} #sub.mypage.likelawyer .lawyer-list {row-gap: 30px; column-gap:30px; margin-top: 0px !important;} #sub.mypage.likelawyer .lawyer-list > li .img {width: 80px; height: 80px;} #sub.mypage.likelawyer .lawyer-list > li .bookmark {width: 24px; height: 24px;} #sub.mypage.likelawyer .lawyer-list > li .bookmark img {width: 12.8px; height: 12.8px;} #sub.mypage.likelawyer .lawyer-list > li > a .top .explanation {margin-top: 10px !important;} #sub.mypage.likelawyer .lawyer-list > li > a .bottom .category {margin-top: 15px;} .case-wrap {margin-top: 15px !important;} .case-list .case-li a {padding: 20px 0; position: relative; justify-content: flex-start;} .case-list .case-li a span.cate {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px; width: 100%;} .case-list .case-li a h5 {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px; width: 100%;} .case-list .case-li a .img { border-radius: 5px !important; flex-shrink: 0; position: relative; max-width: 101px; height: 61px; padding-bottom: unset; margin-left: 10px; margin-top: 10px;} .case-list .case-li a .txt {width: 100%; display: flex; flex-wrap: wrap;} .case-list .case-li a .txt > p {width: calc(100% - 111px);} #sub.legalprofessional.view {padding-top: 40px;} #sub.legalprofessional.view .sub-wrap {position: relative;} #sub.legalprofessional.view .section .section-body {padding: 0px 20px 40px 20px; position: unset;} #sub.legalprofessional.view .hashtagbox {flex-wrap: wrap;} #sub.legalprofessional.view .hashtag span {white-space: nowrap;} #sub.legalprofessional.view .section2 {margin-top: 0 !important;} #sub.legalprofessional.view .le {position: unset; order: 1;} #sub.legalprofessional.view .ri {position: unset; order: 2;} #sub.legalprofessional.view .lawyer-video-list li a {gap: 10px;} #sub.legalprofessional.view .lawyerSwiper {border: 1px solid #ECF0F4; border-radius: 8px; overflow: hidden; margin-bottom: 25px;} #sub.legalprofessional.view .lawyerSwiper .lawyer-vlist {align-items: center;} #sub.legalprofessional.view .lawyerSwiper .lawyer-vlist > li {margin-right: 0;} #sub.legalprofessional.view .le .lawyer-vlist {margin-top: 15px !important;} #sub .btntxtwrap .btnwrap, #sub .btntxtwrap .txtwrap { row-gap: 5px; column-gap: 10px;} #sub .btntxtwrap .btnwrap > * + *:not(.edit-delete-list)::before, #sub .btntxtwrap .txtwrap span + span::before {left:-5px;} #sub.legalprofessional.view .le .lawyer-vlist > li {padding: 0;} #sub.legalprofessional.view .lawyer-vlist .left {position: relative; width: 100%; max-width: 100%; flex-wrap: wrap; gap:10px;} #sub.legalprofessional.view .lawyer-vlist .right {position: static; flex-direction: row; width: 100%;} #sub.legalprofessional.view .lawyer-vlist .right .btn {width: 100%; flex:1; height: 47px;} #sub.legalprofessional.view .lawyer-vlist .catetxt {width: calc(100% - 70px);} #sub.legalprofessional.view .lawyer-vlist .catetxt ul.category {height: 22px;} #sub.legalprofessional.view .lawyer-vlist ul.category {width: 100%; margin-bottom: 0;} #sub.legalprofessional.view .le .lawyer-vlist .infobox {flex-direction: column; padding: 20px; align-items: flex-start;} #sub.legalprofessional.view .gavel {padding: 4px 8px; min-width: fit-content; gap: 2px; } #sub.legalprofessional.view .gavel span {white-space: nowrap; font-size: 1.1rem !important; line-height: 11px; letter-spacing: -0.33px;} #sub.legalprofessional.view .lawyer-vlist .catetxt .txtbox {margin-top: 10.5px !important; box-sizing: border-box;} #sub.legalprofessional.view .lawyer-vlist .catetxt .catogory::-webkit-scrollbar{display: none !important;} #sub.legalprofessional.view .lawyer-vlist .catetxt .txtbox h5 {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.legalprofessional.view .lawyer-vlist .catetxt .txtbox > div {gap: 5px;} #sub.legalprofessional.view .lawyer-vlist .catetxt .txtbox > p {line-height: 17px; font-size: 1.2rem !important; margin-top: 5px !important;letter-spacing: -0.36px;} #sub.legalstory.legalstory-view.subHeader .lawyer-vlist .reserve-btn.gray {margin-top: 20px !important;} #sub.legalprofessional.view .lawyer-vlist .contentbox > p {padding: 20px;} #sub.legalprofessional.view .lawyer-vlist .btntxtwrap {padding: 0 20px 30px; gap: 3px;} #sub a.edit-delete:after, #sub .btntxtwrap .btnwrap a.report:after {width: 18px; height: 18px;} #sub.legalprofessional.view .lawyer-vlist .btntxtwrap .btnwrap {height: 18px;} #sub .btntxtwrap .btnwrap a.report {padding-right: 21px;} /* #sub.legalprofessional.view .ad-lawyers-wrap .btn {display: none;} */ #sub.legalprofessional.view .lawyer-vlist-wrap .reserve-btn {display: none;} #sub.legalprofessional.view .tit-box em {font-size: 1.2rem !important; line-height: 19px; letter-spacing: -0.36px;} #sub.legalprofessional.view .section1 .content-wrap {padding: 20px 0 60px 0;} #main .section2 .lawyer-list {margin-top: 25px !important; row-gap: 24px;} .popup.popup_answer .popup-inner, .popup.policy_popup .popup-inner, .popup.popup_interest .popup-inner, .popup.popup_interest2 .popup-inner, .popup.popup_authentication .popup-inner, .popup.popup_delete2 .popup-inner, .popup.popup_edit .popup-inner, .popup.policy_popup .popup-cont, .popup.popup_find .popup-body .popup-inner, .popup.popup_share .popup-body .popup-inner {padding: 20px !important;} .popup .btnSet {margin-top: 20px !important;} .popup .popup-title > b, .popup.popup_find h3 {font-size: 2rem; line-height: 28px; letter-spacing: -0.6px;} .popup .popup-cont {margin-top: 10px;} .popup .btnSet .btn {font-size: 1.4rem; line-height: 19px; letter-spacing: -0.42px;} .popup_bankinfo .bankinfo-list {margin-bottom: 20px;} .pp-alert.small-modal .popup-inner {padding: 20px !important;} .pp-alert.small-modal .btnSet {margin-top: 10px !important;} .popup.popup_find .login-heading {margin-bottom: 20px !important;} .popup.popup_find .timebtn .codecheck-btn {width: 79px; height: 27px; padding: 5px 8px; border-radius: 4px;} .popup.popup_interest .popup-title > b, .popup.popup_authentication .popup-title > b, .popup.popup_delete2 .popup-title > b, .popup.popup_edit .popup-title > b, .popup.policy_popup .popup-title h4 {font-size: 1.8rem; line-height: 25px !important; letter-spacing: -0.54px;} .popup.popup_interest .btnSet, .popup.policy_popup .btnSet, .popup.popup_interest2 .btnSet, .popup.popup_delete2 .btnSet, .popup.popup_edit .btnSet, .popup.popup_adopt .btnSet, .popup.popup_share .btnSet {margin-top: 20px !important;} .popup.popup_interest2 p, .popup.popup_authentication p, .popup.popup_delete2 p {font-size: 1.4rem !important; line-height: 20px !important; letter-spacing: -0.42px; margin-top: 5px !important;} .popup_authentication input {height: 47px; margin-bottom: 20px;} .popup.policy_popup p, .popup.policy_popup .popup-cont h4, .popup.popup_find p {font-size: 1.4rem !important; line-height: 20px !important; letter-spacing: -0.42px;} /*ad문의*/ #sub.etc.ad {padding-top: 0;} #sub.etc.ad .cont-area {margin-top: 0 !important;} #sub.etc .tit-area {display: none;} #sub.etc.ad .cont-area b.tit {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px;} #sub.etc.ad .cont-area .step-box {padding: 19px 20px; gap: 51px; margin-top: 15px;} #sub.etc.ad .cont-area .step-box li .img {width: 100px; height: 100px;} #sub.etc.ad .cont-area .step-box li span {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px; } #sub.etc.ad .cont-area .step-box li p {font-size: 1.6rem; line-height: 20px; letter-spacing: -0.48px; margin-top: 0px;} #sub.etc.ad .banner-list li {padding: 20px; flex-direction: column; gap: 20px;} #sub.etc.ad .banner-list li .txt-area {order: 2; max-width: 100%;} #sub.etc.ad .banner-list li .img-area {order: 1; max-width: 100%;} #sub.etc.ad .cont-area .banner-list {margin-top: 40px !important;} #sub.etc.ad .cont-area b.tit, #sub.etc.ad_buy .cont-area b.tit {font-size: 1.8rem; letter-spacing: -0.54px; line-height: 25px;} #sub.etc.ad_buy {padding-top: 0;} #sub.etc.ad_buy .step-box {margin: 0; max-width: 100%; display: flex; justify-content: center; position: relative; height: 166px; padding-bottom: 40px; border-bottom: 1px solid #ECF0F4; box-sizing: border-box;} #sub.etc.ad_buy div.cont-area.mt-60 {margin-top: 30px !important;} #sub.etc.ad_buy .step-box li {height: 60px; width: 60px; padding: 17px 20px;} #sub.etc.ad_buy .step-box li::before {width: 26px; height: 26px; left: 50%; transform: translate(-50%, -50%);} #sub.etc.ad_buy .step-box li b {position: absolute; bottom: -27px; width: 100%; left: 50%; transform: translateX(-50%); text-align: center;} #sub.etc.ad_buy .step-box li strong {font-size: 1.4rem; letter-spacing: -0.42px; line-height: 17px; position: absolute; bottom: -51px; left: 50%; width: 135%; transform: translateX(-50%); text-align: center;} #sub.etc.ad_buy .step-box li:nth-child(3) strong {bottom: -67px;} #sub.etc.ad_buy div.cont-area {margin-top: 136px;} #sub.etc.ad_buy div.cont-area div.bigstep-1 {flex-direction: column;} #sub.etc.ad_buy .le {width: 100%;} #sub.etc.ad_buy .le em {margin-top: 3.5px !important;} #sub.etc.ad_buy .adlist {padding: 20px; margin-top: 15px;} .ad-item, #sub.etc.ad_buy .buyad-item .checkbox{padding: 11.5px 15px;} .check-box > input[type="checkbox"] ~ label:before {width: 22px; height: 22px;} #sub.etc.ad_buy .adlist .ad-item {position: relative;} #sub.etc.ad_buy .adlist .ad-item .tooltip_pop {width: calc(100% - 40px); left: 20px; position: fixed; bottom: 160px;} #sub.etc.ad_buy .adlist .ad-item .checkbox {flex-direction: column; gap: 13px; align-items: flex-start; max-width: 100%;} #sub.etc.ad_buy .adlist .ad-item .checkbox .input-group {width: 100%;} #sub.etc.ad_buy .adlist .ad-item .price {position: absolute; right: 20px; top: 16px;} #sub.etc.ad_buy .adlist.reponsive-box .ad-item .price {position: static;} #sub.etc.ad_buy input {width: 100%; height: 37px;} #sub.etc.ad_buy.option input {height: 47px;} #sub.etc.ad_buy .nice-select {max-width: 100%; height: 40px; line-height: 40px;} #sub.etc.ad_buy.option .nice-select {max-width: 100%; height: 47px; line-height: 47px;} #sub.etc.ad_buy.option #main_law_categories_select {height: auto; padding:5px 40px 5px 15px; line-height: 35px; align-items: center;} #sub.etc.ad_buy.option #main_law_categories_select p.selected-items {line-height: 1; height: fit-content;} #sub.etc.ad_buy .bigstep.bigstep-2 > .shadow-box {padding: 30px 20px 20px;} #sub.etc.ad_buy .bigstep.bigstep-2 > .shadow-box img {width: 150px; height: 90px;} #sub.etc.ad_buy .bigstep.bigstep-2 > .shadow-box b {margin-top: 15px !important; text-align: center; font-size: 1.8rem; line-height: 25px; } #sub.etc.ad_buy .bigstep.bigstep-2 > .shadow-box span {margin-top: 5px !important;} #sub.etc.ad_buy .bigstep.bigstep-2 .bankinfo {margin: 20px auto 0 !important; padding:10px 15px;} #sub.etc.ad_buy .bigstep.bigstep-2 .btnSet {margin-top: 20px !important;} #sub.etc.ad_buy .bigstep.bigstep-2 .btnSet .btn.big {height: 50px; font-size: 1.4rem; font-weight: 700;} .option-box .main-tit {flex-direction: column; align-items: flex-start;} #sub.mypage.lawyer.infoedit .cont-area .le {position: relative; padding-top: 80px; box-sizing: border-box;} #sub.mypage.lawyer.infoedit .cont-area .le .mo960 {height: 10px; background-color: #F7F7FA; position: absolute; top: 30px; width: calc(100% + 40px); left: -20px;} #sub.mypage.lawyer.infoedit .cont-area .le .search-wrap2 .search-box {justify-content: center;} #sub.mypage.lawyer.infoedit .profile-wrap {margin-top: 30px !important;} #sub.mypage.lawyer.infoedit .profile-wrap .profile-box li b {font-size: 1.8rem !important; flex-direction: column; line-height: 25px; gap: 3px;} #sub.mypage.lawyer.infoedit .profile-wrap .profile-box li:nth-child(4) b {flex-direction: row;} #sub.mypage.lawyer.infoedit .profile-wrap .profile-box > li + li {margin-top: 30px !important;} #sub.mypage.lawyer.infoedit .banner-item .list li {min-height: 17px; line-height: 17px; height: 17px !important; width: fit-content; padding: 0 15px; box-sizing: border-box;} #sub.mypage.lawyer.infoedit .banner-item .list li::before {width: 1px; height: 10px; top: 50%; transform: translateY(-50%); left: 0;} #sub.mypage.lawyer.infoedit .profile-wrap .profile-box .service-price-wrap.p-relative b.fs14.fw600, #sub.mypage.lawyer.infoedit .profile-wrap .profile-box .commission-price-wrap.p-relative b.fs14.fw600 {font-size: 1.4rem !important;} .fc .fc-toolbar-title {font-size: 2rem;} .fc .fc-button:not(.fc-customButton1-button) {width: 26px; height: 26px;} .fc .fc-button .fc-icon {width: 4px; height: 10px;} #sub.mypage.lawyer.infoedit .banner-item-wrap .banner-item, #popup_addetail .popup-cont > li li.banner-item{flex-direction: column;} #sub.lawyer.infoedit .banner-item .list {box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05) !important; border: 1px solid #fafafa !important; max-width: 100%; display: flex; white-space: nowrap; gap: 0px; padding: 12.5px 0 !important; box-sizing: border-box; flex-direction: row;} #sub.etc.ad_buy .banner-item .checklistbox, #sub.lawyer.infoedit .banner-item .checklistbox, .popup_addetail .banner-item .checklistbox {width: 100%; min-height:100px; max-height:190px; overflow-y: scroll; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05) !important; border: 1px solid #fafafa !important;} .checkedList {margin-top: 3px; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; border: none !important;} .checkedList li {border-radius: 50px; border: 1px solid #23bc47; padding: 4px 8px; box-sizing: border-box; display: flex; align-items: center; width: fit-content; max-height: 26px; gap: 2px; justify-content: center;} .checkedList li p {font-size: 1.3rem; font-weight: 600; color: #23bc47; letter-spacing: -0.39px;} .checkedList li a {display: flex; width: 12px; height: 12px; align-items: center; justify-content: center; } #popup_addetail.popup_addetail .banner-item .checklistbox li {padding:0; flex-wrap: wrap;} #sub.etc.ad_buy .lawfirm-banner .banner-item .checklistbox__wrap > ul, #sub.etc.ad_buy .field-banner .banner-item > *, #sub.etc.ad_buy .area-banner .banner-item > *, #sub.etc.ad_buy .custom-banner .banner-item > *, #sub.lawyer.infoedit .banner-item > *, .popup_addetail .banner-item > * {padding: 0px !important; background: transparent !important; border: none !important; box-shadow: none !important; flex-direction: column;} #sub.etc.ad_buy .banner-item .list-wrap {box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); border: 1px solid #fafafa; padding: 0 !important; max-width: 100%; display: flex; white-space: nowrap; gap: 0px; padding: 12.5px 0; box-sizing: border-box; border-radius: 8px;} #sub .banner-item .list-wrap {border-radius: 8px;} #sub.etc.ad_buy.option .banner-item .checklistbox {width: calc(100% - 40px) !important;} #sub .banner-item .checklistbox, #popup_addetail .banner-item .checklistbox { border-radius: 8px; min-height: unset !important; overflow-y: auto !important; padding:20px 15px;} #sub.lawyer.infoedit .banner-item > .checklistbox, #popup_addetail .banner-item .checklistbox { padding:20px 15px !important;} #sub .banner-item .checklistbox li {min-height: unset !important; max-height: unset !important; line-height: unset !important; gap: 12px; height: unset !important; padding:0 !important;} #sub.etc.ad_buy .banner-item .checklistbox li + li::before, #sub.lawyer.infoedit .banner-item .checklistbox li + li::before {display: none;} #sub.etc.ad_buy .banner-item .list-wrap li + li::before, #sub.etc.ad_buy .banner-item .checklistbox li + li::before, #sub.lawyer.infoedit .banner-item .list-wrap li + li::before, #sub.lawyer.infoedit .banner-item .checklistbox li + li::before, .popup_addetail .banner-item .list li + li::before, .popup_addetail .banner-item .checklistbox li + li::before {width: 1px; height: 10px; top: 50%; transform: translateY(-50%); left: 0;} #sub.etc.ad_buy .banner-item .list-wrap li, #sub.etc.ad_buy .banner-item .checklistbox li, #sub.lawyer.infoedit .banner-item .list-wrap li, #sub.lawyer.infoedit .banner-item .checklistbox li, .popup_addetail .banner-item .list-wrap li {min-height: 42px; max-height: 42px; height: 42px; line-height: 42px; width: fit-content; padding: 0 15px; box-sizing: border-box;} #popup_addetail .popup-cont > li {margin-bottom: 20px; margin-top: 20px;} .popup_addetail .banner-item .list {box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05) !important; border: 1px solid #fafafa !important; padding: 0 !important; max-width: 100%; display: flex; white-space: nowrap; gap: 0px; padding: 12.5px 0; box-sizing: border-box; flex-direction: row;} #sub.mypage.lawyer.infoedit .adinput.respon { margin-top: 40px !important;} #sub.mypage.lawyer.infoedit .adinput-wrap .adinput > div input {width: 100%; } #sub.mypage.lawyer.infoedit .adinput-wrap .adinput-con > div:nth-child(3) input {padding: 0 17px;} #sub.mypage.lawyer.infoedit .adinput-wrap .adinput-con > div:nth-child(2) input {padding: 0 56px 0 30px;} #sub.mypage.lawyer.infoedit .checklistbox.hide {display: none;} .upload-name {padding-right: 80px !important;} .padding-right-input {padding-right: 100px !important;} #sub.mypage.lawyer.infoedit .career-wrap {padding: 20px 20px 40px 20px !important;} #sub.mypage.lawyer.infoedit .adinput-wrap.educationbox button.trashbtn {top: 50%; right: 10px;} .career-wrap .adinput.no .adinput-con {grid-template-columns: repeat(1, 1fr); grid-row-gap:10px; max-width: 100% !important;} .career-wrap .adinput.no + .adinput.no {margin-top: 40px !important;} .career-wrap .adinput.no .trashbtn {bottom: -45px; right: 0; top: unset;} /* #sub.etc.ad_buy .ri { position: fixed; bottom: 0; top: unset; left: 0; height: fit-content; z-index: 55; border-radius: 0; padding: 20px 20px 10px 20px; background: #FFF; box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.05); border: none; max-width: 100%; } */ #sub.etc.ad_buy .ri .buyadlist {max-height:0; overflow-y: hidden; height: 210px;} #sub.etc.ad_buy .ri .buyadlist.expanded {max-height: 210px; overflow-y: auto;} .mo_modal_arrow { transition: all 0.3s ease; background-color: #104A2B; border-radius: 50px; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; background-image: url('/views/_layout/basic/images/mo_modal_arrow_up.svg'); background-position: center; background-repeat: no-repeat; background-size: auto; cursor: pointer; margin-left: 3px;} .mo_modal_arrow.rotated {transform: rotate(180deg);} #sub.etc.ad_buy .buyadlist .price-box + .price-box:before {display: none;} #sub.etc.ad_buy .buyadlist .price-box.real-price-wrap {position: absolute; top: 20px; padding: 0; right: 20px;} #sub.etc.ad_buy .ri b.d-block {height: 48px;} #sub.etc.ad_buy .buyadlist .price-box.real-price-wrap p span.fir {position: absolute; bottom: 0; font-size: 1.2rem; line-height: 17px; letter-spacing: -0.36px; right: 48px; color: #9FA4A9; width: 78px;} #sub.etc.ad_buy .buyadlist .price-box.real-price-wrap p span.fir::before {content: ','; font-size: 1.2rem; line-height: 17px; letter-spacing: -0.36px; color: #9FA4A9; position: absolute; right: -4px; bottom: 0;} #sub.etc.ad_buy .bigstep-3 .option-box .main-tit {position: relative; padding: 15px;} #sub.etc.ad_buy .bigstep-3 {max-width: 100%;} #sub.etc.ad_buy .bigstep-3 .option-box .main-tit > p {position: absolute; top: 15px; right: 15px;} #sub.etc.ad_buy .bigstep-3 .option-box .main-tit > div {width: 100%; flex-direction: column; align-items: flex-start;} #sub.etc.ad_buy .bigstep-3 .option-box .main-tit > div > div {width: 100%;} #sub.etc.ad_buy .bigstep-3 .option-box .main-tit > div em {margin-left: 0;} #sub.etc.ad_buy .bigstep-3 .option-box .main-tit p.calendar {max-width: 100%;} #sub.etc.ad_buy .bigstep-3 .region__court__select {flex-direction: column;} #sub.etc.ad_buy .bigstep-3 .region__court__select > div {width: 100%;} #sub.etc.ad_buy .bigstep-3 .option-box .explanation {padding: 10px 0 0 0;} .homepage-wrap {justify-content: flex-start;} .homepage-wrap .menu-input {max-width: 100px;} .homepage-wrap .link-input {max-width: calc(100% - 110px);} #sub.etc.ad_buy div.cont-area div.bigstep-1 .btnSet {margin-top: 0 !important;} #sub.etc.ad_buy div.cont-area div.bigstep-1 .btnSet .btn {height: 50px; border-radius: 8px;} #sub.etc.ad_buy .bigstep-3 .main-btn {height: 50px; font-size: 1.4rem; border-radius: 8px;} #sub.etc.ad_buy .buyadlist .price-box.total-price-wrap p span:first-child {font-size: 1.4rem; line-height: 20px; letter-spacing: -0.42px;} #sub.etc.ad_buy .buyadlist .price-box.total-price-wrap p span:nth-child(2) {font-size: 1.4rem; line-height: 25px; color: #2B2D2F; letter-spacing: -0.54px;} #sub.etc.ad_buy .buyadlist .price-box.total-price-wrap p span:nth-child(2) b{font-size: 1.8rem; line-height: 25px; color: #2B2D2F; letter-spacing: -0.54px;} /* 회사소개 */ #sVisual .visual-txt .txt-wrap .txt-box h2{font-size: 6.8rem; line-height: 80px;} #sVisual .visual-txt .txt-wrap .txt-box p{font-size: 2.2rem; line-height: 32px;} #sub.about .fs48 {font-size: 3.5rem; line-height: 50px;} #sub.about .section6 .tit-box strong br{display: none;} .br960{display: block;} .advertise-list {grid-template-columns: 1fr;} .advertise-list li{height: fit-content; flex-direction: row; gap: 60px;} .advertise-list li:nth-child(2) .img-box img, .advertise-list li:last-of-type .img-box img{height: 74px;} .reason-list li{filter: unset;} .reason-list li .txt-box span, .reason-list li .txt-box p {color: #fff;} .reason-list li .txt-box strong {color: #23BC47;} .ico-eye{top: 3px;} .bookmark-icon {top:22px; right:136px;} .share-icon {top:22px; right:136px;} .sw-btnBox {display: flex;} .legalprofessional.index.legalprofessional .ri.mo-swiperwrap .gap-20 { gap: 0; } } @media screen and (max-width: 786px){ #sub.etc.ad .cont-area .step-box { margin: 0 20px; max-width: unset; width: fit-content;} #sub.etc.ad .cont-area .step-box li + li::before {background-image: url('/views/_layout/basic/images/ico_next_sm.svg');} } @media screen and (max-width: 768px){ .ad-inquiry-li .explanation {line-height: 22px !important;} /* .ad-inquiry {padding:3px 8.5px} */ #main .left-swiper-wrap .swiper-slide > a {padding-bottom:34.3%;} #main .section2 .total-list {margin-top: 30px;} #main .section2 .morebtn, #main .section3 .morebtn, #main .section5 .morebtn {margin-top: 20px !important;} #main .section3, #main .section4, #main .section5, #main .section6, #main .section7 {padding: 30px 0;} #main .section3 .intellectuals li a .lawyer-itwrap {display: none;} #main .section7 .listwrap .top .ri.listcon {display: none;} .select-wrap .checkbox-group.big-category-list .grid-box.col3 {grid-template-columns: 1fr 1fr;} #sub.quicklawyer .lawyer-list {grid-template-columns: repeat(2, 1fr);} .popup_reserve .popup-inner {padding:30px 20px 0;} #popup_event_detail .popup-btn { width:calc(100% + 40px); position: relative; left: -20px;} #popup_event_detail .popup-btn > a.closebtn {max-width: unset; width: 80px; flex-shrink: 0;} #popup_event_detail .popup-btn > a.nextbtn {max-width: unset; flex-grow: 1;} #sub.legalprofessional.index .search-wrap .search-box a, #sub.legalstory.index .search-wrap .search-box a {color:#23BC47;} #sub.legalprofessional.index .etc-info {width: 100%; justify-content:flex-end; position: relative;} #sub.legalprofessional.index .etc-info span {font-size: 1.2rem; line-height: 18px;} #sub.legalprofessional.index .etc-info span img {width: 18px; height: 18px;} #sub.legalprofessional.index .etc-info span:nth-of-type(1) {position: absolute; left:0; top:0;} #sub.legalprofessional.index .etc-info span:nth-of-type(2):before {display:none;} #sub.legalprofessional .writebtn, #sub.adminqna .writebtn {max-width: 50px !important; height: 50px !important; bottom:-50px;} #sub .writebtn img {width: 20px; height: 20px;} #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li > ul > li:hover::after {opacity: 0;} #sub.lawfirmfind h4 {align-items: flex-start; flex-direction: column;} #sub.lawfirmfind h4 span {display: none;} #main .section4 .cont-area {max-height: 663px;} .popup.popup_option .popup-body {padding: 0;} #footer .footer-agree > ul > li a {font-size: 1.2rem; line-height: 37px;} #footer .footer-agree.br-line > ul > li > a {line-height: 37px;} #footer .footer-util-row .footer-column:first-child {padding-top: 0;} #footer .footer-column {flex-direction: column; align-items: flex-start; gap: 20px; padding-top: 15px; box-sizing: border-box;} /* #footer .footer-info {order: 2; border-bottom: 1px solid #ecf0f4; padding-bottom: 15px; box-sizing: border-box; position: relative;} */ #footer .logo {order: 1;} .notice-em {margin-top: 0; border-top: none; padding-top: 0;} #footer .arrow-button {display: block; padding: 5px 0; box-sizing: border-box; width: 100%;} #footer .arrow-button button {transform: rotate(180deg); transition: transform 0.5s; width: 100%;} #footer .list-float > li {flex-wrap: wrap; row-gap: 0; column-gap: 15px;} #footer .pc-768{display: none !important;} #footer .mo-768{display: flex !important;} #footer .footer-column.notice{width: 100%; padding-top: 0;} .toggle-box{height: 0; opacity: 0; transition: 0.3s all ease; overflow: hidden;} .toggle-box.show{height: auto; opacity: 1;} .toggle-box.show .footer-column.notice{padding-top: 15px;} .footer-util-row > .footer-column{width: 100%;} #footer .logo img{width: fit-content;} #main .right-list li {max-height: 87px;} #main .right-list li a {padding: 15px; gap: 5px;} #main .right-list li a img {width: 30px; height: 30px;} #main .section2 .lawyer-list {grid-template-columns: repeat(2, 1fr);} #main .section6 .storySwiper .swiper-slide a.new::after{background-image: url(/views/_layout/basic/images/new_mo.svg); width: 16px; height: 16px; background-size: 8px 8px; top: 20px;} #main .section6 .storySwiper a > h4.fs20{font-size: 1.6rem; line-height: 22px; min-height: 44px;} #main .section6 .storySwiper a > p, #main .section6 .storySwiper a .date{display: none !important;} #main .section6 .storySwiper .lawyer-itwrap .lawyer-itwrap-name {color:#9FA4A9; font-size: 1.2rem !important; line-height: 17px; font-weight: 500 !important;} #main .section6 .mo-768{display: flex;} #main .section6 .mo-768.fs14.text-primary {font-size: 1.2rem !important; font-weight: 600 !important; line-height: 17px;} #main .section7 .listwrap .bottom .listcon{display: none;} #sub.lawyerfind.index .region-wrap .mapwrap svg {width: 350px !important; height: 436px !important;} .locationgroup {left: 105px; top:112px; border-radius: 8px;} .lawprotection {padding: 20px; text-align: center;} .lawprotection b {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} .lawprotection em {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px;} #sub:not(.legalprofessional) .lawyer-vlist .left .txtbox {grid-template-columns: 1fr 60px;} #sub.legalvideo-view .sub-visual .video_wrap {max-width: 560px; padding-bottom: 57.7%;} #sub .lawyer-vlist .right .img, #sub.lawyerfind_view .lawyer-vlist2 .right .img, #sub .lawyer-vlist .left .txtbox .img {width: 60px; height: 60px;} #sub.lawyerfind_view .reserve-btn.gray {width: calc(100% - 95px);} #sub.lawfirmfind .lawfirm-list li .imgwrap .imgbox li {max-width: 153px; max-height: 93px;} #sub.lawfirmfind .lawfirm-list li .imgwrap .imgbox {height: 93px;} #sub.solutioncase .reserve-btn.gray {width: 100%; height: 50px;} #sub.solutioncase .lawyer-vlist .right {bottom: 80px;} #sub.solutioncase-view .cont-area > ul > li:not(.other-solution), #sub.legalstory-view .cont-area > ul > li:not(.other-solution), #sub.legalvideo-view .cont-area > ul > li:not(.other-solution) {padding: 20px 0;} #sub.solutioncase-view .cont-area > ul > li.other-solution p, #sub.legalstory-view .cont-area > ul > li.other-solution p {font-size: 1.8rem; letter-spacing: -0.54px; line-height: 25px;} #sub.solutioncase-view .cont-area > ul > li a.more-page p, #sub.legalstory-view .cont-area > ul > li a.more-page p {display: none;} #sub.solutioncase-view .cont-area > ul > li a.more-page span, #sub.legalstory-view .cont-area > ul > li a.more-page span {width: 24px; height: 24px; background-size: 12.7px 12.7px;} .case-list .case-li a {gap:10px;} .bigText {transform: scale(1.5); } .bigText.fir {transform-origin: 56% 18%;} .bigText.sec {transform-origin: 65% 66%;} .bigText.thr {transform-origin: 66% 47%;} .bigText.four {transform-origin: 35% 74%;} .bigText.fif {transform-origin: 30% 43%;} .bigText.six {transform-origin: 50% 37%;} .bigText.sev {transform-origin: 40% 29%;} .bigText.eig {transform-origin: 29% 22%;} .bigText.nine {transform-origin: 40% 59%;} .bigText.ten {transform-origin: 34% 22%;} .bigText.eleven {transform-origin: 33% 97%;} #main .right-list li span {font-size: 1.4rem;} #sub.detail_view.info .price-li .price-list {flex-direction: column;} #sub.detail_view.info .price-li .price-list > li {width: 100%; padding: 20px;} #sub.detail_view.info .price-li .notice {padding: 20px;} #sub.detail_view.info .price-li .price-list > li b, #sub.legalvideo .txtbox h5 {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px;} #sub.detail_view.info .price-li .price-list > li b .img {width: 36px; height: 36px;} #sub.detail_view.info .price-li .price-list > li b .img img {width: 20px; height: 20px;} #sub.detail_view.info .price-li .price-list > li + li::before {width: 90%; height: 1px; left: 30px; top: 0px;} #sub.detail_view.info .price-li .price-list > li ul {margin-top: 15px !important;} #sub.detail_view.info .price-li .price-list > li .price-detail li + li {margin-top: 10px;} #sub.legalvideo .txtbox {margin-top: 0 !important;} #sub.legalvideo.legalvideo-view .txtbox {margin-top: 0px !important;} #sub.legalvideo .lawyer-itwrap {margin-top: 5px !important;} #sub.legalvideo .lawyer-itwrap p {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px;} /*최신순 팝업 관련*/ .desktop-filter {display: none;} .mobile-filter-btn {display: flex; align-items: center;} .mobile-filter-btn img {width: 18px; height: 18px; margin-left: 3px;} .mobile-filter-popup {position: absolute; top: 60px; left: 20px; min-width: 100px; background: #fff; z-index: 20; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); border-radius: 8px;} .mobile-filter-popup .popup-inner ul {list-style: none; margin: 0; padding: 3px 10px;} .mobile-filter-popup .popup-inner ul li {padding: 10px 0; text-align: left; border-bottom: 1px solid #ECF0F4;} .mobile-filter-popup .popup-inner ul li:last-child {border-bottom: none;} .mobile-filter-popup .popup-inner ul li a {color: #2b2d2f; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.42px;} #sub .search-wrap .search-box a, #sub .search-wrap .search-box a.on {color: #23BC47; border-bottom: none;} #sub .search-wrap {gap: 10px; padding: 5px 10px 5px 15px;} #sub .search-wrap .nice-select {min-width: 140px; height: 40px; font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px;} #sub .search-wrap .nice-select:after {width: 5px; height: 5px;} .popup .popup-body {padding: 0 20px; box-sizing: border-box;} .diagnosis-popup {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-bottom: 0; width: 350px;} .diagnosis-popup .popup-inner {padding: 20px !important;} .diagnosis-popup .dignosis li {padding: 20px;} .popup .popup-inner .popup-close {width: 40px; height: 40px; top: -40px; background-size: 10px;} #sub .intellectuals a .btm {flex-direction: column; align-items: flex-start; gap: 20px; margin-top: 15px !important;} #sub.etc.ad .cont-area .step-box {justify-content: flex-start;} /* 회사소개 */ .pc-img{display: none;} .mo-img{display: block;} #sVisual .logo-box{padding: 15px 20px;} #sVisual .visual-txt .txt-wrap .txt-box h2{font-size: 5.8rem; line-height: 70px;} #sVisual .visual-txt .txt-wrap .txt-box p{font-size: 2.0rem; line-height: 28px;} #sub.about .section2 .cont-area.mt-40, #sub.about .section3 .cont-area.mt-40{margin-top: 30px !important;} #sub.about .section3 .about-list li{min-height: 442px !important;} .about-list li{min-height: 380px !important;padding: 40px 24px;} .about-list li .img{margin-top: 0;} .about-list li .txt {padding-top: 30px; margin-top: 30px;} .about-list li .txt span > br{display: none;} #sub.about .section3 .about-list li:first-of-type .txt b br{display: none;} #sub.about .fs18{font-size: 1.7rem; line-height: 28px; letter-spacing: -0.51px;} #sub.about .fs24{font-size: 2.3rem; line-height: 33px; letter-spacing: -0.69px;} .arrow-visual{bottom: 20px;} #sub.about .section9{min-height: 450px;} .input-wrap textarea, #sub.mypage.view.review .input-wrap textarea {min-height: 143px; margin-bottom: 35px;} #sub.mypage.view .input-wrap textarea {margin-bottom: 20px; min-height: 200px; max-height: 200px;} #sub.adminqna.write .input-wrap textarea {min-height: 158px;} #sub.about span.fs48 + span.fs48 {margin-top: 40px;} } @media (min-width: 769px) { .mobile-filter-btn {display: none;} } @media screen and (max-width: 670px) { #sub.legalvideo.index .section1 .cont-wrap {padding:0;} #sub.legalvideo.legalvideo-view .section .section-body {padding:30px 0;} #sub.legalvideo.legalvideo-view .cont-area, #sub.legalvideo.legalvideo-view .othervideo .tit-box {padding:0 20px;} #sub.legalvideo.legalvideo-view .cont-area > ul > li:not(.othervideo) {margin:0 20px;} #sub.legalvideo.legalvideo-view .lawyer-vlist {width: calc(100% + 40px); position: relative; left: -20px;} #sub.legalvideo.legalvideo-view .cont-area > ul > li.othervideo {padding:30px 0;} } @media screen and (max-width: 640px){ #main .btm-list li a {padding:5px 7.5px; min-width:unset;} #main .btm-list li:nth-of-type(1) a {padding-left: 15px;} #main .btm-list li.last-li a {padding-right: 15px;} .mo-swiperwrap .custom-info-wrap, .custom-info-wrap {height: 45px;} .mo-swiperwrap .custom-info-wrap ~ .solution-case li a, .custom-info-wrap ~ .solution-case li a {padding:7px 0 !important;} #sub.legalvideo.index .lawyer-vlist > li, #sub.legalnews.index .lawyer-vlist > li, #sub.legalprofessional .lawyer-vlist > li {padding:15px;} #sub.lawyerfind.home .section-column, #sub.lawyerfind.info .section-column, #sub.lawyerfind.review .section-column, #sub.lawyerfind.case .section-column {max-width: unset;} #popup_counsel.popup .popup-body .popup-inner {padding:30px 20px 0;} #popup_counsel .btnSet { width:calc(100% + 40px); position: relative; left: -20px; box-shadow: 0px -4px 10px 0px #0000000D; flex-direction: row-reverse; margin:0; padding:10px 20px; box-sizing: border-box; max-width: unset;} #popup_counsel .btnSet > a.applybtn {flex-grow: 1; width: unset;} #popup_counsel .btnSet > a.light {width: 80px; flex-shrink: 0;} .career-wrap .adinput:not(.no) input:nth-of-type(1) {width: 90px;} .career-wrap .adinput:not(.no) input:nth-of-type(2) {width: calc(100% - 95px);} /* .career-wrap .work-wrap .adinput:not(.no) input:nth-of-type(1) {width: 90px;} */ .career-wrap .adinput:not(.no), .career-wrap .adinput .commission-price-wrap, .service-price-wrap {padding: 0 15px;} .popup.popup_option .popup-body .popup-inner {padding: 0;} #sub .thumbnail {width: 100%; height: 0; padding-bottom: 57.15%;} #sub.etc.ad .cont-area .banner-list {margin-top: 20px !important;} #sub.lawyer.content .lawyer-video-li a {gap: 10px; flex-direction: column;} #sub.lawyer.content .txt-wrap h5 {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.25px;} #sub.lawyer.content .txt-wrap {gap: 15px;} #sub .search-wrap2 .search-box a {padding:6px 18px;} .write-min-btn {position: fixed; top:11px; right: 20px; z-index: 10;} #sub.legalvideo .section2 .lawyer-video-li .txtbox {width: 100%;} #sub.legalvideo .section2 .lawyer-video-li .thumbnail {min-height: 200px; min-width: 100%; max-width: 100%;} #sub.legalvideo .section2 .lawyer-video-li a {flex-direction: column;} #sub.mypage.lawyer.booking #calendar table tbody tr {height: 80px;} #sub.lawyerfind.detail_view{padding: 0; margin-top: 0px;} #sub.subHeader.detail_view.home .cont-area, #sub.subHeader.detail_view.info .cont-area, #sub.subHeader.detail_view.case .cont-area, #sub.subHeader.detail_view.review .cont-area {margin-top: 0 !important;} .nice-select {border-radius: 8px;} .legalprofessional-list .legalprofessional-li a h5 {min-height: unset;} #sub.lawyerfind.write .lawyer-box, .radio-box > input[type="radio"] ~ label, .notice-wrap, .allcheck-wrap .check-box, #sub.lawyerfind.write #submitBtn1, #sub.lawyerfind.write .pay-box .btnSet button, #sub.lawyerfind.write .pay-box-info .btnSet button, .input-wrap input, .input-wrap.textarea-wrap, .input-wrap .select-trigger .select-btn, #sub.adminqna.write .input-wrap .upload-name, #sub.mypage.view .field-wrap, #sub.lawyer.write .field-wrap, #popup_addetail .field-wrap, .career-wrap, #sub.lawfirmfind .lawfirm-list li .counselbox, .lawprotection, .loginform li input[type="text"], .loginform li input[type="password"], .loginform li button[type=submit], .lawyer-joininfo, #sub.legalvideo a.videocon .imgbox, #sub .thumbnail, .lawprotection, #sub .search-wrap, .qna-box, #sub.notice .notice-list a, #sub.legalnews .table-wrap, #sub.mypage .table-wrap, #sub.lawyer.booking .schedule-wrap, #sub.mypage .profile-area .tab-box li a, .passchange-btn, .tipwrap, .input-wrap input, .input-wrap.textarea-wrap, .input-wrap .select-trigger .select-btn, #sub.adminqna.write .input-wrap .upload-name, #sub.mypage.view .field-wrap, #sub.lawyer.write .field-wrap, #popup_addetail .field-wrap, .career-wrap, #sub.etc .cont-area .shadow-box, #sub.etc.ad .banner-list li .img-area, #sub.etc.ad .banner-list li .banner-explan, .ad-item, #sub.etc.ad_buy .buyad-item .checkbox, #sub.etc.ad_buy .bigstep.bigstep-2 .btnSet .btn.big, .option-box .main-tit {border-radius: 8px !important;} #sub.etc.ad_buy .tipwrap.mt-20 {margin-top: 10px !important;} #sub.mypage .banner-area, #sub.mypage .banner-area a {border-radius: 8px;} #sub.legalprofessional.view .thumbnail {border-radius: 0 !important; padding-bottom: 0;} #sub.etc.ad .shadow-box.mt-30 {margin-top: 20px !important;} .banner-area a {height: 90px;} #sub.mypage.lawyer.content .legalprofessional-wrap .search-wrap2 {flex-direction: column; gap: 5px; align-items: flex-start;} #sub.mypage.index, #sub.mypage.infoedit {margin-top: 55px;} #sub.mypage .profile-area .myinfo .img-area {width: 54px; height: 54px;} #sub.mypage .profile-area .myinfo .name-area p.fs20 {font-size: 1.8rem !important; line-height: 25px;} #sub.mypage.likecontent .cont-area {margin-top: 0 !important;} #sub.subHeader.mypage.lawyer.infoedit .cont-area {margin-top: 40px !important;} #sub.mypage.lawyer.booking .content__wrap .fc-toolbar-chunk:nth-of-type(3) {position: fixed; top: 12px; right: 20px; z-index: 10;} #popup_counsel.popup .popup-body .popup-inner {position: fixed; bottom: 0; border-radius: 12px 12px 0 0;} #popup_counsel.popup .counsel-wrap .select-wrap {flex-direction: column; align-items: flex-start;} .popup_counsel .nice-select {max-width: 100%;} .popup_counsel .checkbox-list {display: flex; flex-wrap: wrap; gap: 10px;} .popup_counsel .checkbox-list .check-box {width: 100px;} #popup_counsel.popup .counsel-wrap li p.fs12 {font-size: 1.2rem !important; line-height: 12px !important; letter-spacing: -0.36px !important; } .popup_counsel .time-wrap {margin-bottom: 20px;} #header .header-row .util-wrap {justify-content: flex-end;} .header-util .list-inline a { gap: 0; font-size: 0 !important;} #sub.lawyerfind.index .field-wrap .small-category .small-category-list ul.grid-box {grid-template-columns: repeat(1, 1fr);} #header.lawyerfind_view {background-color: transparent; border-bottom: none; position: sticky;} #header .header-body.lawyerfind_view {background: transparent; position: fixed; top: 0;} #sub.lawyerfind.detail_view.home {margin-top: 0;} #header .header-inner.writePage .header-column b {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #header .header-inner.writePage .header-row .header-column:last-child {width: 0px !important;} #header .header-inner.writePage .header-row .header-column:last-child a {display: none;} #sub.notice, #sub.qna, #sub.adminqna {margin-top: 56px; padding-top: 0px;} #sub.adminqna table, #sub.adminqna table tbody {display:block;} .answer {height: 24px; line-height: 22px;} #sub.adminqna table thead {display: none;} #sub.adminqna table tbody tr {display: flex; flex-wrap: wrap; width: 100%; position: relative; padding: 20px 0; height: unset;} #sub.adminqna table tbody tr td:first-child {display: none;} #sub.adminqna table tbody tr td:nth-child(2) {width:100%; margin-bottom: 10px;} #sub.adminqna table tbody tr td:nth-child(2) p{font-size: 1.6rem !important; font-weight: 700 !important; line-height: 22px; letter-spacing: -0.48px; } #sub.adminqna table tbody tr td:nth-child(3), #sub.adminqna table tbody tr td:nth-child(4), #sub.adminqna table tbody tr td:nth-child(5) {width: fit-content;} #sub.adminqna table tbody tr td:nth-child(2) {order: 1;} #sub.adminqna table tbody tr td:nth-child(3) {order: 2; padding-right: 8.5px; position: relative;} #sub.adminqna table tbody tr td:nth-child(3)::after {content: ''; clear: both; width: 1px; height: 8px; background-color: #ECF0F4; position: absolute; right: 0; top: 50%; margin-top: -4px;} #sub.adminqna table tbody tr td:nth-child(4) {order: 4; margin-left: auto;} #sub.adminqna table tbody tr td:nth-child(5) {order: 3; padding-left: 8.5px;} #sub.adminqna table tbody tr td:nth-child(3), #sub.adminqna table tbody tr td:nth-child(5) {line-height: 24px;} #sub.detail_view .section .section-row.between .section-column:last-child {height: auto; max-width: 100%; padding-top: 0;} #sub.legalnews table, #sub.legalnews table tbody {display:block;} #sub.legalnews table thead {display: none;} #sub.legalnews table tbody tr {display: flex; flex-direction: column; gap: 15px; width: 100%; position: relative; padding: 20px 0; } #sub.legalnews table tbody tr td:first-child {display: none;} #sub.legalnews table tbody tr td:nth-child(2) {width:calc(100% - 10px); height: 22px;} #sub.legalnews table tbody tr td:nth-child(2) p{font-size: 1.6rem !important; font-weight: 700 !important; line-height: 22px; letter-spacing: -0.48px; } #sub.legalnews table tbody tr td:nth-child(3) {width: fit-content; height: 20px;} #sub.legalnews table tbody tr td:nth-child(4) {position:absolute; left: 75px; height: 20px; top: 57px;} #sub.legalnews table tbody tr td:nth-child(4)::after {content: ''; clear: both; width: 1px; height: 8px; background-color: #ecf0f4; position: absolute; left: -6px; top: 50%; transform: translateY(-50%);} #main .left-swiper-wrap .swiper-slide > a .ad {letter-spacing: -0.18px; line-height: 8px; padding: 0px 2px; border: 1px solid #fff; border-radius: 3px; box-sizing: border-box; color: #fff; position: absolute; top: 8px; right: 8px; z-index: 10; text-transform: uppercase; max-width: 15px; width: 100%; font-size: 0.6rem !important;} #main .left-swiper-wrap .swiperbtn_wrap {padding: 4px 8px; width: 38px; height: 20px; bottom: 10px; right: 10px;} #main .left-swiper-wrap .swiperbtn_wrap .swiper-button-prev, #main .left-swiper-wrap .swiperbtn_wrap .swiper-button-next, #main .left-swiper-wrap .swiperbtn_wrap .mainvisual-playstop {display: none;} .it-box .tit-box {border-radius: 0; background-color: transparent; position: absolute; bottom: 0; width: 100%; z-index: 2; padding:20px;} .it-box .tit-box .le {z-index: 1; width: 100%;} .it-box .imgbox {border-radius: 0; padding-bottom: 107.7%;} .it-box .imgbox:before {position:absolute; display:block; content:''; clear:both; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #000000 141.31%); left: 0; top: 0; width: 100%; height: 100%; z-index: 1;} .it-box .tit-box h4 em {font-size: 2.4rem !important; line-height: 34px !important;} .it-box .etcbtn-wrap {display: none;} #sub.mypage .section .section-body {padding: 0 20px 40px;} #sub.mypage .cont-area {margin-top: 0;} #sub.mypage .tit-area {display: none;} .legalprofessional-list {grid-template-columns: 1fr; gap:15px;} #good_list .checklistbox li{width: 100%;} #sub.mypage.infoedit .myinfo li:first-child {margin-top: 0 !important;} .login_wrap .access .table-box {padding: 40px;} .loginform.snslogin > li a > .icon {width: 35px !important; height: 35px !important; background-size: 18px !important;} .loginform.snslogin > li a > p {font-size: 1.2rem !important; line-height: 19px;} .loginform.snslogin > li > span::before, .loginform.snslogin > li > span::after {width: 65px !important;} .loginform.snslogin > li > div {margin-top: 20px !important;} .login-footer {margin-top: 30px !important;} .popup .popup-body .popup-inner {padding: 40px 20px ;} .popup.popup_reserve .popup-body .popup-inner{padding: 30px 20px 0;} .popup h3 {font-size: 2.4rem !important; line-height: 30px !important;} #popup_event_detail.popup h3 {font-size: 2rem !important; line-height: 28px !important;} .popup p {font-size: 1.4rem !important; line-height: 20px !important; letter-spacing: -0.42px;} .popup .loginform li:last-child {margin-top: 10px !important;} .popup .submit-btn{height: 50px;} .popup .step2 .btnSet {gap: 5px !important;} .popup .step2 .btnSet a {height: 50px !important; line-height: 48px !important; font-size: 1.4rem !important;} #sub .lawyer-case-list {row-gap: 40px; column-gap: 16px;} #sub .lawyer-case-list li p{font-size: 1.6rem; line-height: 22px; letter-spacing: -0.42px; margin-top: 10px !important;} #sub.detail_view.review .keyword-list {flex-direction: column; gap: 8px;} #sub.detail_view.review .keyword-list > div {width: 100%;} #sub.detail_view.review .review-swiper {margin-top: 20px !important;} #sub.detail_view.review .reviewSwiper .swiper-slide {min-height: 352px;} #sub.detail_view.review .section .tit-box h4 {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px;} #sub.detail_view.review.lawyerfind.mo-layout.subHeader .section .tit-box h4 {font-size: 2.4rem; line-height: 34px; letter-spacing: -0.72px;} #sub.detail_view.review .reviewSwiper .tit-box p.detail-con {font-size: 1.2rem !important; line-height: 19px; letter-spacing: -0.36px; margin-top: 10px !important;} #sub.detail_view.review .reviewSwiper .tit-box p.info-p {margin-top: 15px !important;} #sub.detail_view.review .reviewSwiper .tit-box {padding: 30px 20px 65px 20px; justify-content: center; min-height: 352px;} #sub.detail_view.review .reviewSwiper .swiper-pagination {bottom: 30px;} #sub.detail_view.review .review-box .review-con {padding: 25px 0;} #sub.detail_view.review .review-box .review-tit h5 {font-size: 1.8rem; line-height: 25px; letter-spacing: -0.54px;} #sub.detail_view.review .review-box .review-tit p {margin-top: 5px !important;} #sub.detail_view.review .review-box .review-con .line-p {margin-top: 15px !important;} #sub.detail_view.review .review-box .info-p {margin-top: 15px !important;} #sub.detail_view.review .reviewSwiper .arrow-btn-wrap {display: flex; gap: 15px; position: absolute; bottom: 30px; width: 100%; align-items: center; justify-content: center;} #sub.detail_view.review .reviewSwiper .swiper-pagination {position: relative; width: fit-content; bottom: 0;} #sub.detail_view.review .reviewSwiper .arrow-btn {position: relative; top:unset; left: unset !important; right: unset !important; bottom: unset; transform: none; width: 8px; height: 13px; background-size: cover;} .time-wrap {padding: 10.5px 20px;} .select-wrap .checkbox-group {grid-template-columns: repeat(2, 1fr);} #sub.write .pay-box .notice-box > b, #sub.write .tit b, #sub.mypage.view .pay-box .notice-box > b, #sub.review .tit > b {line-height: 25px; font-size: 1.8rem; letter-spacing: -0.54px;} #sub.write .pay-box .allcheck-wrap .check-box > input[type="checkbox"] ~ label:before {width: 20px; height: 20px;} #sub.write .pay-box .allcheck-wrap .check-box input[type="checkbox"] ~ label {padding-left: 25px; line-height: 18px;} #sub.write .cont-wrap ul li, #sub.review .cont-wrap ul li.mt-40 {margin-top: 30px !important;} #sub.lawyerfind.write .lapa-wrap .it-box .txt .cont-wrap ul li{ margint-top: 0 !important;} #sub.write .select-wrap .checkbox-group.big-category-list .grid-box.col3 > li{margin-top: 0px !important;} #sub.write .cont-wrap ul.goodlist li {margin-top: 0px !important;} #sub.write .cont-wrap ul li.allcheck-wrap {margin-top: 10px !important;} #sub.legalstory.write .cont-wrap ul li:first-child, #sub.solutioncase.write .cont-wrap ul li:first-child, #sub.legalvideo.write .cont-wrap ul li:first-child {margin-top: 0 !important;} .radio-box > input[type="radio"] ~ label {padding: 13.5px 15px 13.5px 40px;} .radio-box > input[type="radio"] ~ label:before {width: 20px; height: 20px; left: 15px;} .radio-box > input[type="radio"] ~ label:after {width: 10px; height: 10px; margin-top: -4.4px; left: 20px;} #sub.lawyerfind.write .cont-wrap ul li:nth-child(3) .tit {flex-direction: column; gap: 5px; align-items: flex-start;} .input-wrap input, .input-wrap.textarea-wrap, .input-wrap .select-trigger .select-btn, #sub.adminqna.write .input-wrap .upload-name, #sub.mypage.view .field-wrap, #sub.lawyer.write .field-wrap, #popup_addetail .field-wrap, .career-wrap {padding: 0 15px;} #sub.mypage.view .field-wrap.input-wrap.select-wrap.flex-wrap, #sub.mypage.view .field-wrap.input-wrap.select-wrap.flex-wrap {padding:12.5px 15px;} .recommend-keyword-wrap .recommend-keyword .keyword {max-width: calc(100% - 100px);} .recommend-keyword-wrap .recommend-keyword .more-page .mo640 {position: absolute; top: 13px; right: 20px;} .recommend-keyword-wrap {padding:7.5px 0;} .recommend-keyword-wrap .recommend-keyword .keyword li a, .recommend-keyword-wrap .tit span {font-size: 1.2rem !important; line-height: 17px; } .recommend-keyword-wrap .recommend-keyword .keyword li a {padding:5.5px 11.5px;} .recommend-keyword-wrap .tit img {width: 18px; height: 18px;} .recommend-keyword-wrap .tit {display: flex; align-items: center; gap: 3px;} .recommend-keyword-wrap .tit span {width: 33px; line-height: 30px;display: block; overflow: hidden; white-space: nowrap; } #sub.mypage .profile-area .tab-box li a p {font-size: 1.4rem; line-height: 20px; letter-spacing: -0.42px;} #sub.mypage .profile-area .tab-box li a b{font-size: 2rem; line-height: 28px; letter-spacing: -0.6px;} #sub.lawyerfind .lawyer-video-li a, #sub.likecontent .lawyer-video-li a {flex-direction: column; gap: 0;} #sub.lawyerfind .lawyer-video-li a h5, #sub.likecontent .lawyer-video-li a h5 {margin-top: 10px !important;} #sub.likecontent .lawyer-itwrap-name {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px;} #sub.likecontent .lawyer-itwrap button {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px;} #sub.likecontent .lawyer-itwrap {margin-top: 15px;} #sub.likecontent .lawyer-itwrap button img {width: 18px; height: 18px;} #sub.adminqna.write .section .section-body {padding: 10px 20px 40px 20px;} #sub.etc.ad {margin-top: 55px;} #sub.etc.ad .banner-list li .txt-area > div {flex-direction: column; align-items: flex-start; gap:0;} #sub.etc.ad .banner-list li .txt-area > div > strong {order: 1; font-size: 2.2rem; line-height: 31px; margin-top: 10px; letter-spacing: -0.66px;} #sub.etc.ad .banner-list li .txt-area .gradient-text {margin-left: 0px; font-size: 1.2rem !important; padding: 2px 5px; line-height: 17px; letter-spacing: -0.36px; font-weight: 700 !important;} #sub.etc.ad .banner-list li .txt-area .banner-price {margin-top: 3px !important;} #sub.etc.ad .banner-list li .txt-area .banner-price span {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.etc.ad .banner-list li .txt-area .banner-price span + span::before {top: 3px;} #sub.etc.ad .banner-list li .banner-explan {margin-top: 15px !important;} #sub.mypage.lawyer.adinex .bankinfo {position: fixed; top: 0; z-index: 10; right: 20px; padding: 6.4px 9.5px;} #header .header-row .util-wrap ul li {width: 36px !important; height: 36px !important; display: flex !important; align-items: center; justify-self: center;} .header-row .header-util .list-inline > li > a {width: 36px !important; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important;} .header-row .header-util .list-inline > li > a > img {display: block !important; width: 16px; height: 16px; vertical-align: middle;} .header-row .header-util .list-inline > li > a > p {display: none;} #sub.detail_view .section-column + .section-column{max-width: 100%;} #sub.detail_view .section .section-row.between{gap: 40px;} #sub.subHeader.detail_view .tab-area {margin-top: 0 !important;} .bookmark-icon {display: none;} } @media screen and (max-width: 586px){ #footer .list-float > li:last-child span:last-child::before {display: none;} } @media screen and (max-width: 580px){ /* #main .section3 .intellectuals li a > p{display: none;} */ #main .section4 .categorylistSwiper{padding-bottom: 0;} #main .section4 .swiper-wrapper .swiper-slide ul {gap: unset; grid-row-gap: 20px; grid-column-gap: 10px;} #main .section4 .swiper-wrapper .swiper-slide .mo1200 .mo1200-box + .mo1200-box {margin-top: 20px;} #sub .lawyer-video-list .lawyer-video-li + .lawyer-video-li {margin-top: 30px;} #sub.legalvideo .lawyer-video-list {grid-template-columns: 1fr;} #sub.legalvideo .txtbox h5{font-size: 1.6rem; -webkit-line-clamp: 1;} #main .section2 .lawyer-list > li > a .top .explanation, #sub.quicklawyer .lawyer-list > li > a .top .explanation {line-height: 19px; font-size: 1.2rem !important; letter-spacing: -0.36px;} #main .section2 .lawyer-list > li > a .top .title p, #sub.quicklawyer .lawyer-list > li > a .top .title p {font-size: 1.6rem; line-height: 22px; letter-spacing: -0.48px;} #sub.about .fs48 {font-size: 3rem; line-height: 42px; letter-spacing: -0.9px;} #sub.about .fs24{font-size: 2.2rem; line-height: 31px; letter-spacing: -0.66px;} #sub.about .fs20{font-size: 1.8rem; line-height: 29px !important; letter-spacing: -0.54px;} #sub.about .fs18{font-size: 1.6rem; line-height: 26px; letter-spacing: -0.48px;} .advertise-list li{flex-direction: column;} .br960, .ta-img{display: none;} .br580, .mo-580{display: block;} #sub.about .section6 .tit-box p.mt-24{margin-top: 14px;} .reason-list li{height: fit-content;} #sub.about .section9 .btn {width: 128px; height: 44px; font-size: 1.4rem; letter-spacing: -0.42px;} } @media screen and (max-width: 556px){ #footer .list-float > li:nth-child(3) span:last-child::before {display: none;} } @media screen and (max-width: 530px){ #sub.lawyerfind .guide-list {width: calc(100% + 40px); overflow-x: auto; left:-20px; position: relative;} #sub.lawyerfind .guide-list > li:nth-of-type(1) {margin-left: 20px;} #sub.lawyerfind .guide-list > li:last-of-type {margin-right: 20px;} } @media screen and (max-width: 492px){ #footer .list-float > li:nth-child(2) span:last-child::before {display: none;} } @media screen and (max-width: 480px){ #main .right-list li a {padding:10px; gap:0;} #main .right-list li a img { width: 23px; height: 23px;} #sub.legalstory .info-li strong span, #sub.legalprofessional .info-li strong span, #sub.legalvideo .tit-box span, #sub.legalnews .tit-box span, #sub.lawyerfind .info-li strong span {display: block; width: fit-content;} #sub.qna .tab-area a,#sub.adminqna .tab-area a {padding: 8px 11px;} #header .header-row .logo-search {width: calc(100% - 140px);} .mobile_bar ul {justify-content: space-around; gap: 4px; } #sub.mypage table tbody td > div .fs14{font-size: 1.2rem !important; line-height: 17px;} #sub.mypage .profile-area .tab-box li a {padding: 14px 12px;} #sub.mypage .profile-area .tab-box li a span {font-size: 1.2rem !important; line-height: 17px; letter-spacing: -0.36px;} #sub.mypage .no-content img{width: 60px; height: 60px;} #sub.mypage .no-content strong.fs20{font-size: 1.8rem; line-height: 25px;} #sub.mypage .no-content p.mt-12{margin-top: 10px !important;} #sub.detail_view.review .review-box .info-p {display: grid; grid-template-columns: repeat(2, fit-content(100%)); row-gap: 5px;} /* #sub.detail_view.review .info-p span:nth-child(2) {padding-right: 90px;} */ #sub.detail_view.review .info-p span:nth-child(3) {padding-left: 0;} #sub.detail_view.review .info-p span:nth-child(3)::before {display: none;} /* 회사소개 */ .br480{display: block;} #sub.about .section1 .fs24{font-size: 2.0rem; line-height: 28px; letter-spacing: -0.6px;} #sVisual .logo-box .logo-img {width: 94px;} #sub.about .section:not(#sVisual) {padding: 80px 0;} #sVisual .visual-txt .txt-wrap .txt-box h2{font-size: 4.2rem; line-height: 60px; letter-spacing: -1.26px;} #sVisual .visual-txt .txt-wrap .txt-box p{font-size: 1.6rem; line-height: 26px; letter-spacing: -0.48px;} #sub.about #sVisual .bg-txt-box.active{padding: 0; padding-right: 1.5px;} .about-list li{width: 330px !important;} #sub.about .section2 .about-list li br{display: none;} #sub.about .section3 .about-list li {min-height: 428px !important;} #sub.about .section4 .promise-list li p br{display: none;} #sub.about .jarallax-section{height: 250px;} #footer .list-float > li:last-child span:nth-child(2)::before {display: none;} #main .section7 a.videocon p.rw-1{-webkit-line-clamp: 2;} #sub.mypage.likelawyer .lawyer-list {grid-template-columns: 1fr;} #sub.mypage.likelawyer .lawyer-list > li > a .top .explanation {height: auto;} } @media screen and (max-width: 460px){ #sub .banner-area {border-radius: 0 !important; width: calc(100% + 40px); left: -20px; position: relative;} .banner-area a {border-radius: 0 !important; height: 90px !important;} #sub .banner-area img.mo460 {width: 100%; min-height: 90px;} #sub.mypage .cont-area {margin-top: 0; gap: 20px;} #sub.mypage .cont-area .le .table-wrap{margin-top: 20px !important;} #sub.mypage.lawyer .cont-area .le .table-wrap {margin-top: 0px !important;} #sub.mypage.mywrite .cont-area .le .table-wrap {margin-top: 15px !important;} #sub.subHeader.likecontent, #sub.subHeader.likelawyer, #sub.subHeader.mywrite {margin-top: 56px;} #sub.mypage.likecontent .home-list, #sub.mypage.mywrite .search-wrap {margin-top: 40px !important;} .login_wrap .access .table-box {padding: 40px 20px;} .login_wrap .loginform li.savefind {flex-direction: column; align-items: flex-start; gap: 8px;} .popup_reserve .choice-list .datelist li span, .popup_reserve .choice-list .timelist .time li {padding: 9px 5px; } .popup_reserve .choice-list .datelist > li { width: calc(14.285% - 10.28px); } .popup_reserve .choice-list .datelist > li + li {margin-left: 10px;} .select-wrap .checkbox-group {grid-template-columns: 1fr;} #sub.legalprofessional .tit-box {align-items: flex-start;} #sub.legalprofessional.view .bannerwrap {margin-top: 10px !important; position: relative; width: calc(100% + 40px); left: -20px; border-radius: 0;} #sub.legalprofessional.view .bannerwrap .mo460 {width: 100%;} #sub.legalprofessional.view .bannerwrap.h-120 {width: calc(100% + 40px); } #sub.etc.ad_buy .adlist.reponsive-box .ad-item { flex-direction: column; align-items: flex-end; gap: 5px;} .gj-picker[data-prev = "picker2"] { left: unset !important; right: 0 !important; } } @media screen and (max-width: 400px){ #sub.about .section9 {background-image: url(/views/_layout/basic/images/about_bg_9_mo.jpg); min-height: 390px;} } @media screen and (max-width: 390px){ #sVisual .visual-txt .txt-wrap .txt-box p > br{display: none;} #footer .footer-row:first-child .list-float {gap:10px;} #footer .footer-agree > ul > li + li::before {left:-5px;} #sub.lawyerfind .location-li #map {height: 200px !important;} #sub.solutioncase-view .sub-visual, #sub.legalstory-view .sub-visual {height: 380px;} #sub.solutioncase-view .sub-visual .sub-visual-txt, #sub.legalstory-view .sub-visual .sub-visual-txt {padding:0 20px;} } @media screen and (max-width: 379px){ #main .section2 .lawyer-list {grid-template-columns: repeat(1, 1fr);} #sub.quicklawyer .lawyer-list {grid-template-columns: repeat(1, 1fr);} #main .section2 .lawyer-list > li > a .top .explanation {min-height: unset;} #main .section2 .lawyer-list > li.empty-li > a .top > img {position: static;} #main .phone-li-box {top:22px;} } @media screen and (max-width: 369px){ .select-wrap .checkbox-group.big-category-list .grid-box.col3 {grid-template-columns: 1fr; gap:5px;} .mobile_bar {padding:0;} .mobile_bar ul {justify-content: center;} .mobile_bar ul li {max-width: unset; flex:1;} #footer .list-float > li:nth-child(3) span:last-child::before {display: block;} #footer .list-float > li:nth-child(3) span:nth-child(2)::before {display: none;} #sub.legalstory.index .section1 .storySwiper .swiper-slide, #sub.legalvideo .section1 .videoSwiper .swiper-slide {min-width: 260px;} #sub.notice .tab-area a {padding: 8px 15px;} #sub .lawyer-case-list {grid-template-columns: 1fr;} #sub .lawyer-case-list {row-gap: 20px; column-gap: 20px;} } @media screen and (max-width: 338px){ #footer .list-float > li:nth-child(2) span:last-child::before {display: block;} #footer .list-float > li:nth-child(2) span:nth-child(3)::before {display: none;} #sub.notice .tab-area a {padding: 6px 13px;} body .gj-picker-md table tr td div, body .gj-picker-md table tr th div {width: 25px;} #sub.etc.ad_buy .adlist {padding:20px 15px;} } @media screen and (max-width: 334px){ #footer .list-float > li:nth-child(3) span:nth-child(3)::before {display: none;} .pagenate li a.first, .pagenate li a.prev, .pagenate li, .pagenate li a, .pagenate li a.next, .pagenate li a.last {margin-left: 0; margin-right: 0; width: 30px; height: 30px; line-height: 30px;} /* .pagenate li a {width:27px; height:30px; line-height: 30px; } */ }