@charset "utf-8"; /* CSS Document */ /* ================================================== 메인 ================================================== */ .disabled__select{ cursor: not-allowed !important; pointer-events: none !important; } .legalprofessional.view .disabled__select { background-color: #dfdfdf !important; color: #7A8287 !important; pointer-events: none !important; border-color: rgb(174, 174, 174) !important; } .legalprofessional.view .disabled__select span { color: rgb(174, 174, 174) !important; } .fontBl {color: #2B2D2F !important;} .ad-inquiry-li, .ad-inquiry-li a { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .ad-inquiry-li .explanation {line-height: 26px !important;} .ad-inquiry {padding:5px 4px; box-sizing: border-box; width: fit-content; line-height: 1;} /* 메인 공통 */ .section .tit-box h2{font-size: 3.6rem; font-weight: 700; letter-spacing: -1.08px; line-height: 50px;} .section .tit-box h3{font-size: 3.0rem; font-weight: 700; line-height: 42px; letter-spacing: -0.9px;} .section .tit-box h4{font-size: 2.4rem; font-weight: 700; line-height: 34px; letter-spacing: -0.72px; position: relative;} .morebtn, .pushbtn{border: 1px solid #C3C9D0; border-radius: 12px; box-sizing: border-box; padding: 20px 25px; max-width: 200px; max-height: 60px; width: 100%; margin: 0 auto; background-color: transparent; transition: all 0.3s ease;} .morebtn:hover{background-color: #23BC47; border: 1px solid #23BC47;} .morebtn .loading-icon{background-image: url(/views/_layout/basic/images/ico_loading.svg); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; transition: all 0.3s ease;} .morebtn:hover .loading-icon {background-image: url(/views/_layout/basic/images/ico_loading_w.svg);} .morebtn p{width: fit-content; color: #7A8287; transition: all 0.3s ease;} .morebtn:hover p{color: #fff;} a.more-page{ color: #9FA4A9; transition: all 0.3s ease;} a.more-page.big span{width: 34px; height: 34px; background-size: 18px 18px; /*background-position: 56.2% 45%;*/} a.more-page:hover{color: #23BC47;} a.more-page span{width: 16px; height: 16px; background-color: #ECECEC; background-image: url(/views/_layout/basic/images/ico_plus_g.svg); background-repeat: no-repeat; background-position: center center; background-size: 10px 10px; border-radius: 50%; transition: all 0.3s ease;} a.more-page:hover span{background-color: #23BC47; background-image: url(/views/_layout/basic/images/ico_plus_w.svg) !important; } .pushbtn:hover{background-color: #23BC47; border: 1px solid #23BC47;} .pushbtn p{transition: all 0.3s ease;} .pushbtn:hover p{color: #fff;} .pushbtn .push-icon{background-image: url(/views/_layout/basic/images/ico_push.svg); background-size: 12px 12px; background-repeat: no-repeat; background-position: center center; width: 12px; height: 12px; transition: all 0.3s ease;} .pushbtn:hover .push-icon{background-image: url(/views/_layout/basic/images/ico_push_w.svg);} /* section1 */ #main .section1{padding-top: 24px; padding-bottom: 69px; background: #F3FCF5; position: relative;} #main .section1:after{content: ''; clear: both; display: block; width: 100%; height: 100%; position: absolute; top: 0; background-color: #fff; border-radius: 0 0 50px 50px; z-index: 0;} #main .section1 .cont-area{position: relative;} #main .left-swiper-wrap{max-width: calc(100% - 435px); width: 100%; /*min-height: 260px;*/ border-radius: 12px; overflow: hidden; position: relative; z-index: 9;} #main .left-swiper-wrap .swiper-slide > a{position: relative; height:0 !important; overflow:hidden; padding-bottom: 30.8%; width: 100%; display: block;} #main .left-swiper-wrap .swiper-slide > a img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;} #main .left-swiper-wrap .swiper-slide > a .ad{letter-spacing: -0.36px; line-height: 17px; padding: 3.5px 9.5px; border: 1px solid #fff; border-radius: 8px; box-sizing: border-box; color: #fff; position: absolute; top: 20px; right: 20px; z-index: 10; text-transform: uppercase; max-width: 37px; width: 100%;} #main .left-swiper-wrap .swiperbtn_wrap{position: absolute; bottom: 20px; right: 20px; background-color: rgba(0, 0, 0, 0.40); border-radius: 50px; width: 86px; height: 26px; padding: 5px 10px; box-sizing: border-box; z-index: 10;} #main .left-swiper-wrap .swiperbtn_wrap .swiper-pagination{letter-spacing: -0.24px; line-height: 12px; color: rgba(255, 255, 255, 0.5); position: unset; transform: unset; white-space: nowrap;} #main .left-swiper-wrap .swiperbtn_wrap .swiper-pagination .swiper-pagination-current{color: #fff;} #main .left-swiper-wrap .swiperbtn_wrap .swiper-button-prev, #main .left-swiper-wrap .swiperbtn_wrap .swiper-button-next{width: fit-content; height: 100%; position: unset; transform: unset; margin-top: 0;} #main .left-swiper-wrap .swiperbtn_wrap .swiper-button-prev:after, #main .left-swiper-wrap .swiperbtn_wrap .swiper-container-rtl .swiper-button-next:after{content: ''; background-image: url(/views/_layout/basic/images/ico_prev_w.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; width: 5px; height: 8px;} #main .left-swiper-wrap .swiperbtn_wrap .swiper-button-next:after, #main .left-swiper-wrap .swiperbtn_wrap .swiper-container-rtl .swiper-button-prev:after{content: ''; background-image: url(/views/_layout/basic/images/ico_next_w.svg); background-size: 100%; background-repeat: no-repeat; background-position: center; width: 5px; height: 8px;} #main .left-swiper-wrap .swiperbtn_wrap .stop-btn img{margin-top: -2px;} #main .right-list{display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 13px; grid-row-gap: 14px; max-width: 411px; width: 100%; position: relative; z-index: 9;} #main .right-list li{max-width: 199px; width: 100%; border-radius: 12px; box-sizing: border-box; overflow: hidden; transition: 0.3s all;} #main .right-list li a::before{content: ''; opacity: 0; z-index: -1; background: rgba(255, 255, 255, 0.2) url(/views/_layout/basic/images/ico_big_arrow_w.svg) no-repeat center center; background-size: 13px 10px; position: absolute; bottom: -20px; left: 22px; width: 34px; height: 34px;border-radius: 500px; transition: all 0.3s ease;} #main .right-list li a:hover::before{opacity: 1; z-index: 1; bottom: 15px;} #main .right-list li.reservation_li{background: #23BC47;} #main .right-list li.find_li{background: #104A2B;} #main .right-list li.write_li{background: #0FA1CA;} #main .right-list li.book_li{background: #232732;} #main .right-list li a{padding: 20px 20px 15px 22px; box-sizing: border-box; position: relative; transition: 0.3s all;} #main .right-list li a span{color: #fff;} #main .right-list li a img{margin-left: auto;} #main .btm-list{display: grid; grid-template-columns: repeat(8, 1fr); width: 100%; padding: 5px; box-sizing: border-box; background: #fff; position: absolute; bottom: -114px; z-index: 9; box-shadow: 0px 4px 15px 0px rgba(0, 137, 64, 0.04); border-radius: 12px;} #main .btm-list li{white-space: nowrap; max-width: 199px; width: 100%; border-radius: 12px; box-sizing: border-box; overflow: hidden; transition: 0.3s all;} #main .btm-list li a{box-sizing: border-box; transition: 0.3s all; min-width: 100px; height: 80px; border-radius: 12px; background-color: #fff; transition: all 0.3s ease;} #main .btm-list li a .hover-img{opacity: 0; position: absolute; transition: opacity 0.3s ease; margin-top: -23px;} #main .btm-list li a .default-img{opacity: 1; transition: opacity 0.3s ease;} #main .btm-list li a:hover .hover-img{opacity: 1;} #main .btm-list li a:hover .default-img{opacity: 0;} #main .btm-list li a:hover{background-color: #23BC47; color: #fff;} /* section2 */ #main .section2{background-color: #F3FCF5; padding-top: 85px;} #main .section2 em.ad, #main .section4 em.ad{color: #9FA4A9; text-transform: uppercase;} #main .section2 em.ad img, #main .section4 em.ad img{margin-left: 1px;} #main .section2 .lawyer-list {row-gap: 60px; column-gap: 24px; /*justify-content: center;*/} #sub.quicklawyer .lawyer-list{row-gap: 60px; column-gap: 24px;} #main .section2 .lawyer-list > li, #sub.quicklawyer .lawyer-list > li, #sub.mypage.likelawyer .lawyer-list > li{max-width: 302px; width: 100%; border-radius: 12px; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); box-sizing: border-box; background: #fff; position: relative; border: 1px solid transparent; transition: all 0.3s ease;} #main .section2 .lawyer-list > li {max-width: unset;} #main .section2 .lawyer-list > li:hover, #sub.quicklawyer .lawyer-list > li:hover, #sub.mypage.likelawyer .lawyer-list > li:hover{border: 1px solid #23BC47;} #main .section2 .lawyer-list > li > a, #sub.quicklawyer .lawyer-list > li > a, #sub.mypage.likelawyer .lawyer-list > li > a{padding: 29px 30px; box-sizing: border-box;} #main .section2 .lawyer-list > li > a .top .title, #sub.quicklawyer .lawyer-list > li > a .top .title, #sub.mypage.likelawyer .lawyer-list > li > a .top .title{max-width: calc(100% - 95px);} #main .section2 .lawyer-list > li > a .top .title span, #sub.quicklawyer .lawyer-list > li > a .top .title span, #sub.mypage.likelawyer .lawyer-list > li > a .top .title span{display: block; color: #9FA4A9; line-height: 17px;} #main .section2 .lawyer-list > li > a .top .title p, #sub.quicklawyer .lawyer-list > li > a .top .title p, #sub.mypage.likelawyer .lawyer-list > li > a .top .title p{margin-top: 2px;} #main .section2 .lawyer-list > li > a .top .explanation{min-height: 44px;} #main .section2 .lawyer-list > li > a .top .explanation, #sub.quicklawyer .lawyer-list > li > a .top .explanation, #sub.mypage.likelawyer .lawyer-list > li > a .top .explanation{line-height: 22px; color: #60666C;} #sub.mypage.likelawyer .lawyer-list > li > a .top .explanation {height: 44px;} #main .section2 .lawyer-list > li > a .bottom, #sub.quicklawyer .lawyer-list > li > a .bottom, #sub.mypage.likelawyer .lawyer-list > li > a .bottom{margin-top: 25px; padding-top: 25px; border-top: 1px solid #ECF0F4;} #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: nowrap; letter-spacing: -0.6px; line-height: 12px; color: #fff; padding: 5px 4px; background-color: #23BC47; border-radius: 4px; box-sizing: border-box;} #main .section2 .lawyer-list > li > a > .img, #sub.quicklawyer .lawyer-list > li > a > .img{position: absolute; top: -20px; right: 20px; z-index: 1; width: 100px; height: 100px; border-radius: 100px; box-sizing: border-box; overflow: hidden;} #main .section2 .total-list{background-color: #104A2B; border-radius: 12px 12px 0 0; box-sizing: border-box; height: 70px; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 1px; margin-top: 36px;} #main .section2 .total-list > p{padding: 0 25px; box-sizing: border-box; position: relative;} #main .section2 .total-list > p + p:before{content: ''; clear: both; display: block; width: 1px; height: 20px; background-color: rgba(255, 255, 255, 0.3); position: absolute; top: 50%; left: 0; transform: translateY(-50%);} #main .section2 .total-list > p > span + span{gap: 2px;} #main .section2 .lawyer-list > li > a .mo768-box, #sub.quicklawyer .lawyer-list > li > a .mo768-box, #sub.mypage.likelawyer .lawyer-list .mo768-box{display: none;} #main .section2 .lawyer-list > li > a .mo768-box .info > li, #sub.quicklawyer .lawyer-list > li > a .mo768-box .info > li, #sub.mypage.likelawyer .lawyer-list .mo768-box .info > li{width: 30px; height: 30px; background-color: #CDF4FF; border-radius: 50%; flex-shrink: 0;} #main .section2 .lawyer-list > li > a > .img img, #sub.quicklawyer .lawyer-list > li > a > .img img{width: 100%; height: 100%; object-fit: cover;} /* section3 */ #main .section3, #main .section5, #main .section6{padding: 60px 0; box-sizing: border-box;} #main .section3 .intellectuals, .solution{display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px;} .intellectuals li, .solution > li, #sub.legalstory .section2 .lawyer-list.solution > li{box-sizing: border-box; transition: all 0.3s ease; background-color: #fff; position: relative;} .intellectuals li:after, .solution > li:after, #sub.legalstory .section2 .lawyer-list.solution > li:after{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #ECF0F4; position: absolute; bottom: 0; left: 0; transition: 0.3s all;} .intellectuals > li:hover:after, .solution > li:hover:after{background-color: #23BC47 !important; height: 1.5px;} /* .intellectuals li:nth-child(n+3):after{background-color: transparent;} */ /* , #main .solution > li:nth-child(n+3):after{background-color: transparent;} */ .intellectuals li a, .solution > li a{display: block; padding: 30px 0; box-sizing: border-box;} .intellectuals li a .type, #main .section6 .storySwiper .swiper-slide a .date, #sub.legalstory .storySwiper .swiper-slide a .date{display: block;} .intellectuals li a p, .solution > li p.subcon, #main .section6 .storySwiper a > p{line-height: 22px; color: #7A8287; min-height: 44px; max-height: 44px;} .lawyer-itwrap .imgarea, #sub.solutioncase .solution li .imgarea{position: relative;} .lawyer-itwrap .imgarea .imgcon, #sub.solutioncase .solution li .imgarea .imgcon{width: 24px; height: 24px; border-radius: 50px; border: 1px solid #fff; box-sizing: border-box;} .intellectuals li .lawyer-itwrap .imgarea .imgcon + .imgcon{margin-left: -12px;} .intellectuals li .lawyer-itwrap .lawyer-itwrap-name, .solution li .lawyer-itwrap .lawyer-itwrap-name, #sub.solutioncase .solution li .lawyer-itwrap .lawyer-itwrap-name{font-weight: 500; line-height: 24px; letter-spacing: -0.7px; color: #9FA4A9; min-height: unset; max-height: unset;} .search-history > li + li {border-top: 1px solid #ECF0F4;} /* section4 */ #main .section4{background-color: #F7F7FA; padding: 60px 0 70px 0; box-sizing: border-box;} #main .section4 .cont-area{overflow: hidden; position: relative; max-height: 333px;} #main .section4 .categorylistSwiper{max-width: 132px; width: 100%; max-height: 257px; margin: 38px 0; box-sizing: border-box;} #main .section4 .categorylist a.category{display: block; padding: 5px 14px; box-sizing: border-box; width: fit-content; color: #7A8287; border-radius: 50px; background-color: transparent; transition: all 0.3s ease; width: fit-content; height: 32px;} #main .section4 .categorylist .swiper-slide:hover a{color: #2B2D2F; background-color: transparent;} #main .section4 .categorylist .swiper-slide-thumb-active a{background-color: #0FA1CA !important; color: #fff !important;} .next-categorylist{background-color: #C3C9D0; height: 28px; border-radius: 4px; position: absolute; width: 100%; max-width: 132px; bottom: 0; z-index: 9;} .next-categorylist img{transform: rotate(90deg);} .prev-categorylist{background-color: #C3C9D0; height: 28px; border-radius: 4px; position: absolute; width: 100%; max-width: 132px; top: 0; z-index: 9;} .prev-categorylist img{transform: rotate(90deg);} #main .section4 .newlawperSwiper{max-width: calc(100% - 172px); width: 100%;} #main .section4 .newlawperSwiper .swiper-slide a{position: relative; padding: 49px 25px 39px; box-sizing: border-box; background-color: #fff; border-radius: 12px; overflow: hidden; transition: all 0.3s ease; border: 1px solid transparent; height: 100%;} #main .section4 .newlawperSwiper .swiper-slide a:hover{border: 1px solid #0FA1CA;} #main .section4 .newlawperSwiper .swiper-slide a.newlabel::after{content: 'NEW'; background-image: url(/views/_layout/basic/images/newlabel.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; width: 50px; height: 55px; position: absolute; top: 0; right: 15px; z-index: 0; font-size: 1.2rem; font-weight: 700; line-height: 53px; letter-spacing: -0.36px; color: #fff; display: flex; justify-content: center;} #main .section4 .newlawperSwiper .swiper-slide a .img{width: 90px; height: 90px; border-radius: 500px; overflow: hidden; flex-shrink: 0;} #main .section4 .newlawperSwiper .swiper-slide a .img img{width: 100%; height: 100%; object-fit: cover;} #main .section4 .newlawperSwiper .swiper-slide a .txt {flex-grow: 1;} #main .section4 .newlawperSwiper .swiper-slide a .txt span{display: block;} #main .section4 .newlawperSwiper .swiper-slide a .txt .point{display: -webkit-box; line-height: 21.3px; letter-spacing: -0.7px; color: #7A8287; /*min-height: 64px;*/ align-self: stretch;} #main .section4 .single-arr-box .visual-arr[aria-disabled="true"]:hover {background-color: #fff; background-image: url('/views/_layout/basic/images/ico_swiper.svg');} /* section5 */ .gavel{padding: 6px 8px; box-sizing: border-box; background-color: rgba(0, 175, 82, 0.05); border-radius: 4px; width: fit-content;} .gavel.gavel1{background-color: #23BC47; padding: 5px 4px;} .gavel span{line-height: 12px;} /* section6 */ #main .section6, #sub.legalstory.index .section1 .cont-area, #sub.legalvideo.index .section1 .cont-area{background-color: #F3FCF5;} #main .section6 .section-body, #sub.legalstory.index .section1 .section-body, #sub.legalvideo.index .section1 .section-body{max-width: 100%; padding: 0;} #main .section6 .cont-area, #sub.legalstory.index .section1 .cont-area, #sub.legalvideo.index .section1 .cont-area{position: relative;} #main .section6 .section-body .tit-area, #main .section6 .storySwiper{max-width: 1320px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; z-index: 9;} #main .section6 .storySwiper a, #sub.legalstory .section1 .storySwiper a{background: #fff; border-radius: 12px; box-shadow: 0px 4px 15px 0px rgba(0, 137, 64, 0.04); padding: 40px; box-sizing: border-box; display: block; border: 1px solid transparent; transition: all 0.3s ease;} #main .section6 .storySwiper a:hover, #sub.legalstory .section1 .storySwiper a:hover{border: 1px solid #23BC47;} #main .section6 .storySwiper a .tit, #sub.legalstory .section1 .storySwiper a .tit{min-height: 56px; max-height: 56px;} #main .section6 .storySwiper a > p{min-height: 66px; max-height: 66px;} #main .section6 .arr-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 999; max-width: 1480px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; z-index: 1;} .visual-arr {width: 50px; height: 50px; border-radius: 500px; background-color: #fff; background-image: url('/views/_layout/basic/images/ico_swiper.svg'); background-repeat: no-repeat; background-position: center center; transition: .3s ease-out; box-sizing: border-box;} .visual-arr.border-arr {border: 1px solid #ECF0F4;} .visual-arr.prev {transform: rotate(180deg);} .lawyer-swiper-nav .visual-arr.prev, #main .section4 .arr-box .visual-arr.prev {transform: rotate(0deg);} .visual-arr:hover {background-color: #23BC47; background-image: url('/views/_layout/basic/images/ico_swiper_wht.svg');} .visual-arr.border-arr:hover {border-color: #23BC47;} #main .section6 .visual-arr.swiper-button-disabled{opacity: 0; pointer-events: none;} #main .section6 .mo-768{display: none;} #main .section6 .storySwiper .swiper-slide a.new{position: relative;} #main .section6 .storySwiper .swiper-slide a.new::after{content: ''; clear: both; display: block; background-color: #0FA1CA; background-image: url(/views/_layout/basic/images/new_pc.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px 8px; width: 30px; height: 16px; position: absolute; top: 39px; right: 40px; z-index: 9; border-radius: 3px;} /* section7 */ #main .section7{padding-top: 60px; box-sizing: border-box;} #main .section7 .listwrap .top, #main .section7 .listwrap .bottom{align-items: flex-start;} #main .section7 a.videocon, #sub .lawyer-case-li a.videocon, #sub.legalvideo a.videocon{display: block;} #main .section7 a.videocon:hover img, #sub.lawyerfind .guide-list > li:hover a .imgbox img, #sub .lawyer-case-li a.videocon:hover .imgbox > img, #sub .lawyer-video-list .lawyer-video-li:hover .thumbnail img, #sub.legalvideo a.videocon:hover .imgbox > img{transform: scale(1.1);} #main .section7 a.videocon .imgbox, #sub .lawyer-case-li a.videocon .imgbox{border-radius: 12px; box-sizing: border-box; position: relative; overflow: hidden; padding-bottom: 59.603%;} #sub .lawyer-case-li a.videocon .imgbox{padding-bottom: 61.07%;} #main .section7 a.videocon .imgbox img, #sub .lawyer-case-li a.videocon .imgbox > img, #sub.legalvideo a.videocon .imgbox > img{position: absolute; width: 100%; height: 100%; transition: 0.3s all;} #main .section7 .listwrap .listcon{border-radius: 12px; border: 1px solid #FAFAFA; background-color: #fff; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); padding: 29px 30px 9px; box-sizing: border-box; max-height: 305px; min-height: 305px;} #main .section7 .listwrap .tit-box h4 b{margin-left: 10px;} #main .section7 .listwrap .con-box li{position: relative;} #main .section7 .legalNewsSwiper, #main .section7 .legalExpertSwiper {height: 216px; overflow: hidden;} #main .section7 .legalNewsSwiper .swiper-slide {top:-1px;} #main .section7 .legalNewsSwiper .swiper-slide, #main .section7 .legalExpertSwiper .swiper-slide {height: 54px !important;} #main .section7 .legalNewsSwiper .swiper-slide + .swiper-slide::before, #main .section7 .legalExpertSwiper .swiper-slide + .swiper-slide::before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background-color: #ECF0F4;} #main .section7 .legalExpertSwiper .swiper-slide-active::before, #main .section7 .legalExpertSwiper .swiper-slide.last-visible + .swiper-slide::before {display: none;} #main .section7 .listwrap .con-box li a{padding: 17px 0; box-sizing: border-box; transition: all 0.3s ease;} #main .section7 .listwrap .con-box li:hover a{color: #23BC47;} #main .section7 .listwrap .con-box li a p{width: calc(100% - 62px);} #main .section7 .listwrap .con-box li a em{line-height: 17px; color: #9FA4A9; display: inline-block;} #main .section7 .listwrap .bottom .le{width: calc(100% - 326px);} #main .section7 .listwrap .bottom .ri{width: 100%; max-width: 302px; background-color: #23BC47; padding: 24px 25px; border-radius: 12px; box-sizing: border-box; position: relative;} #main .section7 .listwrap .bottom .ri::after{content: ''; clear: both; display: block; background-image: url(/views/_layout/basic/images/ico_speaker.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; width: 115px; height: 132px ;position: absolute; top: -24px; right: 20px;} #main .section7 .listwrap .bottom .ri > p{color: #fff;} #main .section7 .listwrap .bottom .ri .directlist{background-color: #fff; padding: 4.5px 20px; box-sizing: border-box; margin-top: 23px; border-radius: 8px; position: relative; z-index: 1;} #main .section7 .listwrap .bottom .ri .directlist li + li{border-top: 1px solid #ECF0F4; box-sizing: border-box;} #main .section7 .listwrap .bottom .ri .directlist li a{padding: 22px 0; box-sizing: border-box; max-height: 66px;} #main .section7 .listwrap .bottom .ri .directlist li:hover a span{color: #23BC47;} #main .section7 .listwrap .bottom .ri .directlist li a span{transition: all 0.3s ease;} /* #main .section7 .legalExpertSwiper .swiper-slide{height: 54px !important;} */ #main .section7 .listwrap .top .ri.listcon{overflow: hidden;} /* ================================================== 서브 ================================================== */ /* 공통 */ .tab-area{} .tab-area a{color: #9FA4A9; background-color: #F7F7FA; border-radius: 50px; padding: 10px 24px; box-sizing: border-box; transition: 0.3s all; white-space: nowrap;} .tab-area a:hover, .tab-area a.on{background-color: #23BC47; color: #fff;} .etcbtn-wrap a{width: 40px; height: 40px; border-radius: 8px; background-color: #FFFFFF; border: 1px solid transparent; box-sizing: border-box; transition: 0.3s all;} .etcbtn-wrap a:hover{border: 1px solid #23BC47;} .etcbtn-wrap a.bookmark{background-image: url(/views/_layout/basic/images/ico_bookmark_default.svg); background-repeat: no-repeat; background-position: center center; background-size: 24px; border-color: #23BC47;} .etcbtn-wrap a.bookmark {position: relative;} .bookmark-icon{position:absolute; display:block; content:''; clear:both; top:-8px; right:71px; width:90px; height:39px; transition: 0.3s all; opacity: 0; z-index: 3; animation:float 1s ease-in-out infinite;} .share-icon{position:absolute; display:block; content:''; clear:both; top:-8px; right:33px; width:68px; height:39px; transition: 0.3s all; opacity: 0; z-index: 3; animation:float 1s ease-in-out infinite;} @keyframes float { 0% {transform: translateY(0px);} 50% {transform: translateY(-10px);} } .bookmark-icon p {font-size: 1.1rem; font-weight: 700; color: #fff; position: absolute; left:9px; top:5px; width: fit-content;} .share-icon p {font-size: 1.1rem; font-weight: 700; color: #fff; position: absolute; left:9px; top:5px; width: fit-content;} .share-icon > img {display: block; height: 43px; } .etcbtn-wrap a.bookmark.on{background-image: url(/views/_layout/basic/images/ico_bookmark_hover.svg) !important; background-color: #23BC47} .etcbtn-wrap a:hover.bookmark{background-image: url(/views/_layout/basic/images/ico_bookmark_hover.svg); background-color: #23BC47;} .etcbtn-wrap a.share{background-image: url(/views/_layout/basic/images/ico_share_default.svg); background-repeat: no-repeat; background-position: center center; background-size: 24px;border-color: #23BC47;} .etcbtn-wrap a:hover.share{background-image: url(/views/_layout/basic/images/ico_share_hover.svg); background-color: #23BC47;} .it-box{position: relative; overflow: hidden;} .it-box .tit-box{background-color: #2B2D2F; color: #fff; padding: 25px; box-sizing: border-box; border-radius: 12px 12px 0 0;} .it-box .tit-box h4 em{display: inline-block; margin-left: 2px; font-weight: 300;} .it-box .tit-box p{line-height: 17px;} .it-box .imgbox{position: relative; padding-bottom: 102.44%; border-radius: 0 0 12px 12px; overflow: hidden;} .it-box .imgbox img{position: absolute; width: 100%; height: 100%; object-fit: cover;} .reserve-btn{width: 100%; height: 60px; background: #F3FCF5; border-radius: 8px; margin-top: 10px; transition: 0.3s all; cursor: pointer;} .reserve-btn.min{height: 46px;} .reserve-btn.gray{background-color: #F7F7FA; width: fit-content; padding: 13px 22.5px; box-sizing: border-box; margin-top: 25px;} .reserve-btn.gray.big{padding: 13px 32.5px;} .reserve-btn span{transition: 0.3s all; padding-right: 23px; position: relative;} .reserve-btn span img, .kakaoplus-btn > img{position: absolute; right: 0; transition: 0.3s all;} .kakaoplus-btn > img{right: unset; left: 50%; transform: translateX(-50%);} .btnbox .detail_view_btn{width: calc(100% - 72px);} .kakaoplus-btn{width: 60px; height: 60px;} .reserve-btn span .hover-img, .kakaoplus-btn .hover-img{ opacity: 0;} .reserve-btn span .default-img, .kakaoplus-btn .default-img{opacity: 1;} .reserve-btn:hover{background-color: #23BC47;} .kakaoplus-btn:hover{background-color: #3E2A2E;} .reserve-btn:hover span{color: #fff;} .reserve-btn:hover .hover-img{opacity: 1;} .reserve-btn:hover .default-img{opacity: 0;} .nice-select{min-width: 270px; height: 50px; padding-left: 15px; padding-right: 25px; border-radius: 10px; border: 1px solid #ECF0F4; background-color: #fff; transition: 0.3s all;} .nice-select:after {border-bottom: 2px solid #2B2D2F; border-right: 2px solid #2B2D2F; width: 6px; height: 6px; margin-top: -5px;} .nice-select.open{border: 1px solid #23BC47;} .nice-select.open .current{color: #23BC47;} .nice-select .list{scrollbar-width: auto !important;} .nice-select .list::-webkit-scrollbar{ width: 6px; height: 1px;} .nice-select .list::-webkit-scrollbar-track { background: #F7F7FA; border-radius: 50px; overflow: hidden;} .nice-select .list::-webkit-scrollbar-thumb { background: #23BC47; border-radius: 50px;} .nice-select .list{width: 100%; max-height: 326px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; font-weight: 500; padding: 0 15px; border-radius: 10px; border: 1px solid #E8E8E8; background: #FFF; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08);} .nice-select .list .option{font-weight: 500; padding: 0; position: relative;} .nice-select .list .option + .option::before{content: ''; clear: both; display: block; width: 100%; height: 1px; background: #ECF0F4; position: absolute; top: 0;} .nice-select .current{transition: 0.3s all; line-height: 1; width: 21px;} .nice-select .option:hover, .nice-select .option.selected.focus{background-color: transparent; color: #23BC47;} .lawprotection{background: #F3FCF5; border-radius: 12px; box-sizing: border-box; overflow: hidden; padding: 25px 0;} .listbtn{padding: 12.5px 37.5px 12.5px 37.5px; border-radius: 500px; border: 1px solid #C3C9D0 !important; box-sizing: border-box; line-height: 13px; letter-spacing: -0.39px; position: relative; transition: 0.3s all; min-width: 120px; background-color: #fff;} .listbtn:hover{background-color: #23BC47; color: #fff; border: 1px solid #23BC47 !important;} .listbtn::after{content: ''; clear: both; display: block; width: 12px; height: 8px; background-image: url(/views/_layout/basic/images/ico_list.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; position: absolute; right: 36.5px; top: 51%; transform: translateY(-50%); transition: 0.3s all;} .listbtn:hover::after{background-image: url(/views/_layout/basic/images/ico_list_on.svg);} .input-wrap{transition: 0.3s all;} .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: 57px; padding: 0px 20px; box-sizing: border-box; border-radius: 12px; border: 1px solid #FAFAFA; background: #FFF; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); transition: 0.3s all;} .input-wrap.textarea-wrap{height: inherit;} .input-wrap textarea{resize: none; min-height: 482px; /*max-height: 482px;*/ overflow-y: auto; width: 100%; border: none; margin: 20px 0; box-sizing: border-box;} .input-wrap input:placeholder, .input-wrap textarea::placeholder{color: #C3C9D0;} .input-wrap input:focus{outline: 1px solid #23BC47;} .input-wrap textarea:focus{outline: none;} .input-wrap.textarea-wrap.focus, .input-wrap.textarea-wrap:focus-within{border: 1px solid #23BC47;} .ico-eye{background-image: url(/views/_layout/basic/images/ico_eye.svg); background-repeat: no-repeat; background-size: 20px; background-position: center; width: 40px; height: 40px; position: absolute; top: 7px; right: 10px;} .ico-eye.on{background-image: url(/views/_layout/basic/images/ico_eye_on.svg);} .call-box .check-btn, .addr-line .check-btn{top: 10px; transform: none;} .input-wrap input::placeholder{font-weight: 400; color: #C3C9D0;} .filebox input {color: #23BC47; font-weight: 600;} .filebox .upload-name {width: 100%; pointer-events: none;} .filebox .file {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; white-space: nowrap; clip: rect(0, 0, 0, 0);} .filebox .upload-button{cursor: pointer; text-align: center; display: flex; align-items: center; justify-content: center;} .file-list{display: flex; align-items: center; flex-wrap: wrap; column-gap: 15px; row-gap: 3px;;} .check-btn{display: flex; align-items: center; justify-content: center; padding: 11.5px 13.5px; background-color: #C3C9D0; border-radius: 8px; box-sizing: border-box; width: 90px; height: 37px; position: absolute; top: 50%; right: 12px; transform: translateY(-50%);} .lh-1{line-height: 1;} .btnSet{margin: 0 auto;} .btnSet .btn{border-radius: 8px; box-sizing: border-box; overflow: hidden; height: 40px; border-radius: 500px; border: 1px solid transparent;} .btnSet .btn.main-btn{background-color: #23BC47; color: #fff;} .btnSet .btn.light-btn{background-color: #F3FCF5; color: #23BC47 !important; border: 1px solid #F3FCF5;} .btnSet .btn.border-btn{background-color: #fff; color: #23BC47 !important; border: 1px solid #23BC47;} .btnSet .btn.big{height: 64px; border-radius: 12px; } .btnSet .btn.middle{height: 60px; border-radius: 12px; } #sub.legalstory:not(.write) .btnSet .btn, #sub.legalvideo:not(.write) .btnSet .btn {border-radius: 500px; height: 40px; border: 1px solid #c3c9d0; line-height: 13px;} /* 변호사 찾기 */ #sub.lawyerfind.index{} #sub.lawyerfind.index .field-wrap{opacity: 0; transition: all 0.3s ease;} #sub.lawyerfind.index .region-wrap {opacity: 0; transition: all 0.3s ease; display: flex ; align-items: center; justify-content: center;} #sub .big-category{max-width: 240px; width: 100%; position: sticky; height: fit-content; top: 185px;} #sub .big-category li{/*width: 100%;*/ cursor: pointer; border-radius: 10px; border: 1px solid #ECF0F4; background: #FFF; box-sizing: border-box; padding: 13px 20px; transition: 0.3s all ease;} #sub .big-category li.on, #sub .big-category li:hover{border: 1px solid #23BC47; color: #23BC47;} #sub .big-category li + li{margin-top: 10px;} #sub.index .small-category, #sub.lawfirmfind .lawfirm-list{width: calc(100% - 300px);} #sub.lawyerfind.index .field-wrap .small-category .small-category-list{} #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li{padding: 29px 30px; box-sizing: border-box; background-color: #fff; border: 1px solid #FAFAFA; border-radius: 20px; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); } #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li.on {border: 1px solid #23BC47; color: #23BC47;} #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li + li{margin-top: 20px;} #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li > ul > li{padding: 20px; box-sizing: border-box; background-color: #F7F7FA; border-radius: 10px; display: block; cursor: pointer; border: 1px solid transparent; position: relative;transition: 0.3s all ease;} #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li > ul > li::after{content: ''; clear: both; display: block; width: 40px; height: 40px; background-color: #23BC47; border-radius: 50%; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); transition: 0.3s all ease; opacity: 0; background-image: url(/views/_layout/basic/images/ico_arrow_w.svg); background-size: 12px 14px; background-repeat: no-repeat; background-position: center;} #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li > ul > li:hover{border: 1px solid #23BC47;} #sub.lawyerfind.index .field-wrap .small-category .small-category-list > li > ul > li:hover::after{opacity: 1;} #sub.lawyerfind.index .region-wrap .mapwrap {position: relative; text-align: center;} #sub.lawyerfind.index .region-wrap .mapwrap .region{cursor: pointer;} #sub.lawyerfind.index .region-wrap .mapwrap .region > *{transition: 0.3s all ease;} #sub.lawyerfind.index .region-wrap .mapwrap .region.on [fill="#ECF0F4"] {fill: #23BC47;} #sub.lawyerfind.index .region-wrap .mapwrap .region.on [fill="#7A8287"] {fill: #2B2D2F;} .locationgroup{visibility: hidden; opacity: 0; transition: 0.3s all ease; background-color: #FFFFFF; border-radius: 10px; border: 1px solid #2B2D2F; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); box-sizing: border-box; padding: 3px 15px; width: fit-content; height: fit-content; z-index: 9; position: absolute;} .locationgroup li{padding: 10px 0; box-sizing: border-box; text-align: start; cursor: pointer; position: relative;} .locationgroup li:hover{color: #23BC47;} .locationgroup li + li::before{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #ECF0F4; position: absolute; top: 0; left: 0;} .custom-info-wrap{border-radius: 8px 8px 0px 0px; border-top: 1px solid #ECF0F4; border-right: 1px solid #ECF0F4; border-left: 1px solid #ECF0F4; background: #F3FCF5; height: 56px; padding: 0 20px; box-sizing: border-box;} .custom-info-wrap b{} .custom-info-wrap em{width: 33px; height: 18px; border-radius: 3px; background: linear-gradient(107deg, #23BC47 0%, #0FA1CA 100%); box-sizing: border-box;} .custom-info-wrap + .solution-case, .custom-info-wrap + .lawyerSwiper .lawyer-vlist{border-radius: 0 0 8px 8px !important;} .locationgroup {overflow-y: auto; max-height: 300px; } .locationgroup .location-tit {font-size: 1.2rem; font-weight: 600; color:#fff; line-height: 12px; padding: 5px 6px 5px 21px; background-image: url('/views/_layout/basic/images/ico_region.svg'); background-position: 6px center; background-repeat: no-repeat; background-color: #23BC47; border-radius: 4px; width: fit-content;} #sub.lawyerfind_view .section-column, /* #sub.lawyerfind.write .section-column, */ #sub.mypage .le, #sub.mypage.write .section-column, #sub.etc.ad_buy .le{width: calc(100% - 410px);} #sub.mypage.write.lawyer .section-column{width: 100%; max-width: 100%;} .section .section-row .section-column .tit-box .countwrap {position: relative;} #sub.lawyerfind_view .section-column + .section-column, #sub.lawyerfind.write .section-column + .section-column, #sub.mypage .ri, #sub.mypage.view .section-column + .section-column, #sub.etc.ad_buy .ri, #sub.mypage.lawyer.write .section-column + .section-column{max-width: 410px; width: 100%; height: 100%; /*overflow: auto;*/ position: -webkit-sticky; position: sticky; top: 185px; flex-shrink: 0;} #sub.mypage.view .section-column + .section-column, #sub.mypage.lawyer.write .section-column + .section-column{position: unset;} #sub.lawyerfind_view h4 span{padding: 3.5px 10.5px; box-sizing: border-box; border-radius: 50px; background-color: #2B2D2F; color: #fff; line-height: 1; position: relative; top:-4px; margin-left: 10px;} #sub.lawyerfind_view .tit-box p{color: #9FA4A9;} #sub.lawyerfind_view .tit-box p em, #sub .lawyer-vlist .left .txtbox em.ad, #sub.lawfirmfind.index .tit-box p em, #sub.legalprofessional.view p.ad-lawyers em{padding: 3.5px 3px; box-sizing: border-box; border-radius: 3px; border: 1px solid #9FA4A9; margin-top: -2px;} #sub.legalprofessional.view .ad-lawyers-wrap .btn{white-space: nowrap; width: 63px; height: 30px; text-align: center; line-height: 28px; border-radius: 8px; position: relative; transition: 0.3s all ease; padding: 9px 7px; box-sizing: border-box;} #sub.legalprofessional.view .ad-lawyers-wrap .btn:hover{width: 80px; background-color: #23BC47; color: #fff !important; padding: 9px 24px 9px 7px;} #sub.legalprofessional.view .ad-lawyers-wrap .btn::after{content: ''; clear: both; display: block; width: 16px; height: 16px; background-image: url('/views/_layout/basic/images/ico_answer_g.svg'); background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); opacity: 0;} #sub.legalprofessional.view .ad-lawyers-wrap .btn:hover::after{opacity: 1;} #sub .lawyer-vlist > li{padding: 40px 0; box-sizing: border-box;} #sub .lawyer-vlist > li + li{border-top: 1px solid #ECF0F4;} #sub .lawyer-vlist .left{width: calc(100% - 148px);} #sub .lawyer-vlist .left .txtbox > p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} #sub .lawyer-vlist .left .txtbox em{color: #9FA4A9;} #sub .lawyer-vlist .right{} #sub .lawyer-vlist .right .img{width: 128px; height: 128px; border-radius: 100px; box-sizing: border-box; overflow: hidden;} #sub .lawyer-vlist .right .img > img {width: 100%; height: 100%; object-fit: cover;} #sub.lawyerfind_view .lawyer-vlist .right .img img, #sub.lawyerfind_view .lawyer-vlist .left .txtbox .img img {width: 100%; height: 100%; object-fit: cover;} #sub.lawyerfind_view .lawyer-vlist .right .more-page{padding: 13px 0; box-sizing: border-box; margin-top: 28px;} .bar{width: 100%; height: 10px; background-color: #F7F7FA;} #sub.lawyerfind_view .lawyer-vlist2 > li{padding: 30px 0;} #sub.lawyerfind_view .lawyer-vlist2 .left > a {width: fit-content;} #sub.lawyerfind_view .lawyer-vlist2 .left > a span img{transition: 0.3s all;} #sub.lawyerfind_view .lawyer-vlist2 .left > a:hover span img{padding-left: 5px;} #sub.lawyerfind_view .lawyer-vlist2 .right .img{width: 94px; height: 94px;} #sub.lawyerfind_view .advertisement{border-radius: 8px; position: relative; padding-bottom: 73.171%; overflow: hidden;} #sub.lawyerfind_view .advertisement img{position: absolute; width: 100%; height: 100%; top: 0; left: 0;} #sub.lawyerfind .tab-area, #sub.mypage.lawyer.content .le .search-wrap2 .search-box {width: calc(100% + 40px); position: relative; left: -20px; overflow-x: auto;} #sub.lawyerfind .tab-area a:nth-of-type(1), #sub.mypage.lawyer.content .le .search-wrap2 .search-box a:nth-of-type(1) {margin-left: 20px;} #sub.lawyerfind .tab-area a:last-of-type, #sub.lawyerfind .tab-area a:last-of-type {margin-right: 20px;} #sub .solution-case, #sub.legalprofessional.view .lawyer-video-list{border: 1px solid #ECF0F4; border-radius: 8px; box-sizing: border-box; overflow: hidden;} #sub .solution-case:first-child{border: 1px solid #ECF0F4; border-radius: 8px; box-sizing: border-box; overflow: hidden; border-bottom: none; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;} #sub .solution-case:first-child li:last-child a {border-bottom: 1px solid #ECF0F4;} #sub .solution-case:last-child {border: 1px solid #ECF0F4;border-top: none; margin-top: 0!important; border-top-left-radius: 0px; border-top-right-radius: 0px;} #sub .solution-case li{} #sub .solution-case li + li a, #sub.legalprofessional.view .lawyer-video-list li + li a{border-top: 1px solid #ECF0F4;} #sub .solution-case li:hover a > p{color: #23BC47;} #sub .solution-case li a, #sub.legalprofessional.view .lawyer-video-list li a{gap: 33px; padding: 14px 0; margin: 0 20px; box-sizing: border-box;} #sub.legalprofessional.view .lawyer-video-list li a {gap:15px;} #sub .solution-case li a > p{width: calc(100% - 98px); transition: 0.3s all;} #sub .solution-case li a .itbox{max-width: 65px; width: 100%; position: relative;} #sub .solution-case li a .itbox::before{content: ''; clear: both; display: block; width: 1px; height: 48px; background: #ECF0F4; position: absolute; top: 0; left: -17px;} #sub .solution-case li a .itbox .imgbox{width: 24px; height: 24px; flex-shrink: 0;} #sub .solution-case li a .itbox .imgbox img{border-radius: 24px; overflow: hidden; width: 100%; height: 100%; object-fit: cover;} #sub .solution-case li a .itbox span{white-space: nowrap;} #sub .solution-case li a .itbox span b{} /* detail_view 변호사 홈(home) */ #sub.detail_view{position: relative;} #sub.detail_view .section-column, #sub.legalvideo .section2 .section-column, #sub.legalnews .section2 .section-column, #sub.legalprofessional .le{width: calc(100% - 410px);} #sub.detail_view .section-column + .section-column, #sub.legalvideo .section2 .section-column + .section-column, #sub.legalnews .section2 .section-column + .section-column, #sub.legalprofessional .ri, #sub.lawyerfind.detail_view .section-column2{max-width: 410px; width: 100%; height: 100%; overflow: auto; position: -webkit-sticky; position: sticky; top: 185px;} #sub.detail_view .home-list > li{padding: 40px 0; box-sizing: border-box;} #sub.detail_view .home-list > li:last-child{padding: 40px 0 0 0;} #sub.detail_view .home-list > li + li{border-top: 1px solid #ECF0F4;} #sub.lawyerfind .info-box p b{padding-right: 2px; display: inline-block;} #sub.lawyerfind .info-box p > span{padding-left: 12px; display: inline-block;} #sub.lawyerfind .info-box .info-detail li{width: 50%;} #sub.lawyerfind .info-box .info-detail li > div:first-child{min-height: 40px;} #sub.lawyerfind .info-box .info-detail li > div span{color: #9FA4A9; display: flex;} #sub.lawyerfind .info-box .info-detail li > div span + span{color: #2B2D2F;} #sub.lawyerfind .tbox b{padding-left: 10px; position: relative;} #sub.lawyerfind .tbox b::before{content: ''; clear: both; display: block; width: 3px; height: 100%; background-color: #0FA1CA; position: absolute; top: 0; left: 0;} #sub.lawyerfind .tbox b span{display: block; line-height: 10px; padding: 6px 8px; box-sizing: border-box; border-radius: 50px; background-color: #0FA1CA;} #sub.lawyerfind .legal-activity .legal-list > li, #sub.lawyerfind .guide-list > li{float: left; width: calc(33.333% - 16px); transition: 0.3s all; box-sizing: border-box; border-radius: 12px; overflow: hidden;} #sub.lawyerfind .legal-activity .legal-list > li:hover{box-shadow: 2px 4px 20px 0px rgba(0, 0, 0, 0.08);} #sub.lawyerfind .legal-activity .legal-list > li + li, #sub.lawyerfind .guide-list > li + li{margin-left: 24px;} #sub.lawyerfind .legal-activity .legal-list > li a{ min-height: 149px; background: #F7F7FA; padding: 20px; box-sizing: border-box;} #sub.lawyerfind .legal-activity .legal-list > li a > p, #sub.lawyerfind .guide-list > li a > p{min-height: 44px; max-height: 44px;} #sub.lawyerfind .legal-activity .legal-list > li a > div em{color: #9FA4A9;} #sub.lawyerfind .legal-activity .legal-list > li a > div span{color: #2B2D2F;} #sub.lawyerfind .guide-list > li a .imgbox{position: relative; padding-bottom: 63%; width: 100%; transition: 0.3s all; overflow: hidden; border-radius: 12px; box-sizing: border-box;} #sub.lawyerfind .guide-list > li a .imgbox img{position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.3s all;} #sub.lawyerfind .location-li{} #sub.lawyerfind .location-li .txtbox > div > a.homepage{color: #9FA4A9; border-bottom: 1px solid #9FA4A9; padding: 2px 0; box-sizing: border-box;} #sub.lawyerfind .location-li .map{border-radius: 12px; box-sizing: border-box; overflow: hidden;} /* 상담예약 */ #sub.lawyerfind.write .lawyer-box{ box-sizing: border-box; border-radius: 10px; box-sizing: border-box;} #sub.lawyerfind.write .lawyer-box .img{width: 60px; height: 60px; flex-shrink: 0;} #sub.lawyerfind.write .pay-box, #sub.lawyerfind.write .pay-box-info, #sub.mypage.view .lapa-wrap, #sub.lawyerfind.write .lapa-wrap, #sub.mypage.lawyer.write .lapa-wrap{border: 1px solid #ECF0F4; background-color: #fff; border-radius: 10px; padding: 30px 20px 20px; box-sizing: border-box;} #sub.lawyerfind.write .pay-box .notice-box > b, #sub.mypage.view .pay-box .notice-box > b{line-height: 1;} #sub.lawyerfind.write .pay-box .notice-wrap, #sub.mypage.view .pay-box .notice-wrap{padding: 20px 15px;} #sub.lawyerfind.write .pay-box .total-price, #sub.mypage.view .pay-box .total-price, #sub.mypage.lawyer.write .pay-box .total-price{padding: 30px 0; border-bottom: 1px solid #ECF0F4; box-sizing: border-box;} #sub.mypage.lawyer.write .pay-box .total-price{border: none;} #sub.lawyerfind.write .pay-box .total-price p, #sub.mypage.view .pay-box .total-price p{width: calc(100% - 81px);} #sub.lawyerfind.write .pay-box .allcheck-wrap .check-box{padding: 15.5px 15px;} #sub.lawyerfind.write .pay-box .allcheck-wrap .check-box input[type="checkbox"] ~ label{font-size: 1.4rem;} #sub.lawyerfind.write .pay-box .allcheck-wrap .check-box > input[type="checkbox"] ~ label:before{margin-top: 1px;} .write-btn-wrap #submitBtn_mo, .write-btn-wrap #submitBtn1, #sub.lawyerfind.write #submitBtn1, #sub.lawyerfind.write .pay-box .btnSet button, #sub.lawyerfind.write .pay-box-info .btnSet button{background-color: #7A8287; border-radius: 8px; box-sizing: border-box; padding: 10px; box-sizing: border-box; width: 100%; height: 50px; max-width: 100%; line-height: 48px;} #sub.lawyerfind.write .pay-box-info .btnSet button.ds{pointer-events: none; cursor: default;} #sub.lawyerfind.write .pay-box .btnSet button.on, #sub.lawyerfind.write .pay-box-info .btnSet button{background-color: #23BC47; pointer-events: initial; cursor: pointer;} #sub.lawyerfind.write .pay-box-info li{} #sub.lawyerfind.write .pay-box-info li p{} #sub.lawyerfind.write .pay-box-info li input{border: 1px solid #ECF0F4; border-radius: 8px; box-sizing: border-box; height: 47px;} #sub.lawyerfind.write .pay-box-info li input:read-only{background-color: #F7F7FA; cursor: default; pointer-events: none;} /* detail_view 변호사 정보(info) */ #sub.detail_view.info .home-list > li{padding: 0;} #sub.detail_view.info .home-list > li + li{padding-top: 40px; border-top: none;} .info-li strong{ width: fit-content;} .info-li strong span {position: relative;} .info-li strong span::before{content: ''; clear: both; display: block; width: 8px; height: 8px; background-color: #23BC47; border-radius: 50%; position: absolute; bottom: 11px; right: -13px;} /* .info-li strong{width: fit-content;} */ /* #sub.lawyerfind .info-li strong span {position: relative;} #sub.lawyerfind .info-li strong span::before{content: ''; clear: both; display: block; width: 8px; height: 8px; background-color: #23BC47; border-radius: 50%; position: absolute; bottom: 16px; right: -13px;} */ #sub.detail_view.info .fields-list li{padding: 9px 15px; border-radius: 40px; border: 1px solid #DEE3E8; box-sizing: border-box;} #sub.detail_view.info .history-li{} #sub.detail_view.info .history-li .history-list > li, #sub.detail_view.info .activity-li .activity-list > li{background-color: #F7F7FA; padding: 30px; box-sizing: border-box; width: 100%; border-radius: 12px;} #sub.detail_view.info .history-li .history-list > li > span, #sub.detail_view.info .activity-li .activity-list > li > span{max-width: 100px; min-width: 100px;} #sub.detail_view.info .history-li .history-list > li > ol, #sub.detail_view.info .activity-li .activity-list > li > ol{width: calc(100% - 100px); padding-left: 20px; border-left: 1px solid #E6E6ED;} #sub.detail_view.info .history-li .history-list > li > ol li > p, #sub.detail_view.info .activity-li .activity-list > li > ol li > p{min-width: 84px;} #sub.detail_view.info .history-li .history-list > li > ol li > p > span:first-child, #sub.detail_view.info .activity-li .activity-list > li > ol li > p > span:first-child{min-width: 33px; display: inline-block;} #sub.detail_view.info .history-li .history-list > li > ol li > span, #sub.detail_view.info .activity-li .activity-list > li > ol li > span{width: calc(100% - 112px);} #sub.detail_view.info .price-li .price-list{border: 1px solid #ECF0F4; box-sizing: border-box; border-radius: 12px;} #sub.detail_view.info .price-li .price-list > li{padding: 29px 30px; box-sizing: border-box; position: relative;} #sub.detail_view.info .price-li .price-list > li + li::before{content: ''; clear: both; display: block; width: 1px; height: 81.281%; background-color: #ECF0F4; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} #sub.detail_view.info .price-li .price-list > li b .img{width: 46px; height: 46px; background-color: #232732; border-radius: 23px; overflow: hidden;} #sub.detail_view.info .price-li .price-list > li .price-detail li + li{margin-top: 15px;} #sub.detail_view.info .price-li .price-list > li .price-detail li em{margin-top: 4px;} #sub.detail_view.info .price-li .notice{background-color: #F7F7FA; padding: 30px; box-sizing: border-box; margin-top: 16px;} #sub.detail_view.info .price-li .notice p{line-height: 22px;} #sub.detail_view.info .naver-map, #sub.detail_view.home .naver-map{position: absolute; bottom: 0; right: 0; color: #23BC47;} #sub.detail_view.info .naver-map img{margin-top: -2px;} /* detail_view 법률사례(case) */ .legalprofessional-wrap, .case-wrap, .lawyer-case-wrap, #sub.detail_view .lawyer-video-wrap {transition: opacity 0.3s ease; opacity: 0;} #sub .search-wrap{position: relative; background-color: #F7F7FA; padding: 10px 10px 10px 20px; box-sizing: border-box; border-radius: 12px;} #sub .search-wrap span.fs14.fw600{display: block;} #sub .search-wrap span.fs14.fw600 > b{padding-left: 3px; display: inline-block;} #sub.detail_view .search-wrap .search-box{} #sub.detail_view .search-wrap .search-box a, #sub.mypage.likecontent .search-wrap .search-box a{white-space: nowrap; color: #9FA4A9; transition: 0.3s all; position: relative;} #sub.detail_view .search-wrap .search-box a + a::before, #sub.mypage.likecontent .search-wrap .search-box a + a::before{content: ''; clear: both; display: block; width: 1px; height: 10px; background-color: #ddd; position: absolute; left: -11px; top: 50%; transform: translateY(-50%);} #sub.detail_view .search-wrap .search-box a.on, #sub.mypage.likecontent .search-wrap .search-box a.on{color: #23BC47 !important; border-bottom: none;} #sub.detail_view .search-wrap .search-box a:hover, #sub.mypage.likecontent .search-wrap .search-box a:hover{color: #2B2D2F;} .legalprofessional-list{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;} .legalprofessional-list .legalprofessional-li{} .legalprofessional-list .legalprofessional-li:hover a{border: 1.5px solid #23BC47; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05);} .legalprofessional-list .legalprofessional-li a{display: block; padding: 29px; box-sizing: border-box; border: 1px solid #ECF0F4; background-color: #fff; border-radius: 12px; transition: 0.3s all;} .legalprofessional-list .legalprofessional-li a h5{min-height: 56px;} .case-list .case-li{position: relative;} .case-list .case-li::before{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #ECF0F4; position: absolute; bottom: 0; transition: 0.3s all;} .case-list .case-li:hover::before{background-color: #23BC47;} .case-list .case-li a{padding: 40px 0; box-sizing: border-box;} .case-list .case-li a .txt > p{gap: 11px; color: #7A8287; line-height: 21.5px;} .case-list .case-li a .txt > p span{display: inline-block; position: relative; padding-right: 11px;} .case-list .case-li a .txt > p span::after{content: ''; clear: both; display: block; width: 1px; height: 10px; background-color: #E8E8E8; position: absolute; top: 50%; right: 6px; transform: translateY(-50%);} .case-list .case-li a .img{max-width: 130px; width: 100%; position: relative; padding-bottom: 9.877%; overflow: hidden; border-radius: 8px;} .case-list .case-li a .img img{position: absolute; width: 100%; height: 100%;} #sub.detail_view .lawyer-case-list{} #sub .lawyer-video-list .lawyer-video-li + .lawyer-video-li{margin-top: 24px;} #sub .thumbnail{position: relative; width:302px; height: 174px; overflow: hidden; border-radius: 12px; box-sizing: border-box; flex-shrink: 0;} #sub .thumbnail img{position: absolute; width: 100%; height: 100%; object-fit: cover; transition: 0.3s all;} #sub .video-duration{position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.40); backdrop-filter: blur(2px); line-height: 12px; padding: 6px 10px 6px 20px; box-sizing: border-box;} #sub .video-duration::before{content: ''; clear: both; display: block; background-image: url(/views/_layout/basic/images/ico_play.svg); background-position: left center; background-repeat: no-repeat; width: 12px; height: 8px; position: absolute; top: 50%; left: 10px; transform: translateY(-50%); background-size: contain;} /* detail_view 법률사례(review) */ #sub.detail_view.review .line-p b{position: relative;} #sub.detail_view.review .line-p b::before{content: ''; clear: both; display: block; width: 100%; height: 4px; background-color: #FC0; position: absolute; bottom: 0; left: 0; border-radius: 50px; z-index: -1;} #sub.detail_view.review .keyword-list{margin-top: 15px;} #sub.detail_view.review .keyword-list .keyword-rank{background-color: #F7F7FA; border-radius: 5px; width: 100%; height: 36px; box-sizing: border-box; width: 100%; position: relative;} #sub.detail_view.review .keyword-list .keyword-rank > div{background-color: #D3F2DA; border-radius: 5px; height: 100%; box-sizing: border-box; padding: 0 15px; position: relative;} #sub.detail_view.review .keyword-list .keyword-rank > p{position: absolute; top: 0; left: 15px; width: 100%; height: 100%; line-height: 36px;} #sub.detail_view.review .keyword-list .keyword-rank.rankbox > p{padding-left: 19px;} #sub.detail_view.review .reviewSwiper .swiper-slide{border-radius: 12px; border: 1px solid #ECF0F4; background-color: #fff; box-sizing: border-box; overflow: hidden; min-height: 346px;} #sub.detail_view.review .reviewSwiper .tit-box{min-height: 300px; height: 100%; padding: 0 100px; box-sizing: border-box;} #sub.detail_view.review .reviewSwiper .tit-box p.detail-con{line-height: 22px;} #sub.detail_view.review .info-p span, #sub.detail_view.review .info-p div.diagnosis-view-wrap{display: inline-block; position: relative;} #sub.detail_view.review .info-p span:nth-child(1){padding-left: 0;} #sub.detail_view.review .info-p span:nth-child(1):before{display: none;} #sub.detail_view.review .info-p span{padding-left: 21px;} #sub.detail_view.review .info-p span::before, #sub.detail_view.review .info-p span + div.diagnosis-view-wrap::before{content: ''; clear: both; display: block; width: 1px; height: 10px; background-color: #E8E8E8; position: absolute; top: 50%; left: 10px; transform: translateY(-50%);} #sub.detail_view.review .reviewSwiper{position: relative;} #sub.detail_view.review .reviewSwiper .arrow-btn{background-repeat: no-repeat; background-size: 14px 28px; width: 50px; height: 50px; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; transition: 0.3s all;} #sub.detail_view.review .reviewSwiper .arrow-btn.next{background-image: url(/views/_layout/basic/images/ico_next_lg.svg); right: 40px; background-position: center right;} #sub.detail_view.review .reviewSwiper .arrow-btn.next:hover{background-image: url(/views/_layout/basic/images/ico_next_g_light.svg);} #sub.detail_view.review .reviewSwiper .arrow-btn.prev{background-image: url(/views/_layout/basic/images/ico_prev_lg.svg); left: 40px; background-position: center left;} #sub.detail_view.review .reviewSwiper .arrow-btn.prev:hover{background-image: url(/views/_layout/basic/images/ico_prev_g_light.svg);} #sub.detail_view.review .reviewSwiper .swiper-pagination{color: #C3C9D0; line-height: 14px; bottom: 32px;} #sub.detail_view.review .reviewSwiper .swiper-pagination-current{color: #23BC47;} .review-box .review-con{padding: 40px 0; box-sizing: border-box; position: relative;} .review-box .review-con:hover::before{background-color: #23BC47; height: 1.5px;} .review-box .review-con::before{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #ECF0F4; position: absolute; bottom: 0; transition: 0.3s all;} .goodlist{} .goodlist > *{position: relative; padding-left: 7px;} .goodlist > *::before{content: ''; clear: both; display: block; width: 3px; height: 3px; background-color: #C3C9D0; border-radius: 50%; position: absolute; left: 0; margin-top: 8px;} .goodlist li + li{margin-top: 3px;} .diagnosis-view{cursor: pointer;} #sub.detail_view.review .review-box .info-p{width: fit-content;} /* 로펌찾기 */ #sub.lawfirmfind{} #sub.lawfirmfind .lawfirm-list li.list-li{padding: 40px 0; box-sizing: border-box; border-bottom: 1px solid #E8E8E8; transition: 0.3s all;} #sub.lawfirmfind .lawfirm-list li.list-li:hover{border-bottom: 1.5px solid #23BC47;} #sub.lawfirmfind .lawfirm-list li .counselbox{padding: 15px 20px; box-sizing: border-box; background-color: rgba(35, 188, 71, 0.05); border-radius: 10px; overflow: hidden;} #sub.lawfirmfind .lawfirm-list li .counselbox > p{width: calc(100% - 16px);} #sub.lawfirmfind h4 span{display:inline-block; padding: 7.5px 11px; box-sizing: border-box; border-radius: 50px; background-color: #2B2D2F; color: #fff; line-height: 11px; margin-left:5px;} #sub.lawfirmfind .lawfirm-list li .linkwrap{} #sub.lawfirmfind .lawfirm-list li .imgwrap{white-space: nowrap; padding-bottom: 10px;} #sub.lawfirmfind .lawfirm-list li .imgwrap .imgbox{display: inline-block; height: 124px;} #sub.lawfirmfind .lawfirm-list li .imgwrap .imgbox li{border-radius: 12px; border: 1px solid #E8E8E8; box-sizing: border-box; overflow: hidden;} #sub.lawfirmfind .lawfirm-list li .imgwrap .imgbox li + li{margin-left: 15px;} #sub.lawfirmfind .lawfirm-list li .linkwrap li a{white-space: nowrap; padding: 5px 13.7px; background-color: #fff; border: 1px solid #ECF0F4; border-radius: 50px; box-sizing: border-box;} /* 법률지식인 */ /* #sub.legalprofessional.index{margin-top: 187px;} */ #sub .intellectuals, .intellectuals-wrapper{overflow: visible;} #sub .intellectuals li:after{background-color: #ECF0F4;} #sub .intellectuals .answer-accepted span{position: relative; display: inline-block;} #sub .intellectuals .answer-accepted span + span{padding-left: 11px;} #sub .intellectuals .answer-accepted span + span::before, #sub .intellectuals .etc-info span + span::before{content: ''; clear: both; display: block; width: 1px; height: 12px; background-color: #E8E8E8; position: absolute; top: 50%; left: 5px; transform: translateY(-50%);} #sub .intellectuals .etc-info span{position: relative;} #sub .intellectuals .etc-info span + span::before{left: -10px;} #sub .intellectuals .heartbtn{} #sub .intellectuals .lawyer-vlist{position: unset; position: -webkit-unset;} .writebtn{position: sticky; top: 87%; float: right; z-index: 9; background-color: #232732; width: 100px !important; height: 100px !important; border-radius: 12px; box-sizing: border-box; transition: top 0.3s ease;} .writebtn.end { position: absolute; top: calc(100% + 10px); right: 0;} #sub.legalprofessional.view .section1 .cont-wrap{border-bottom: 1px solid #ECF0F4; box-sizing: border-box;} #sub.legalprofessional.view .section1 .hashtagbox{padding-bottom: 20px; box-sizing: border-box;} #sub.legalprofessional.view .section1 .btntxtwrap{padding: 20px 0; box-sizing: border-box;} .bannerwrap{border-radius: 12px; box-sizing: border-box; margin-top: 10px;} .bannerwrap.h-120 {width: 100%; height: 120px; overflow: hidden;} .bannerwrap picture {width: 100%;} .bannerwrap picture img{width: 100%; height: 100%; object-fit: cover;} .edit-delete-list{position: absolute; top: -60px; right: -32px; padding: 6px; background-color: #232732; border-radius: 12px 12px 12px 0; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); box-sizing: border-box; opacity: 0; z-index: -9;} .edit-delete-list.on{opacity: 1; z-index: 9;} .edit-delete-list li{position: relative; padding: 0 5px; cursor: pointer; box-sizing: border-box;} .edit-delete-list li:nth-child(1){padding-bottom: 2px;} .edit-delete-list li:nth-child(2){padding-top: 2px;} .edit-delete-list li + li::before{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #5D606B; position: absolute; top: 0; left: 0;} #sub.legalprofessional.view .thumbnail{width:92px; height:52px; border-radius: 0;} #sub.legalprofessional.view .lawyer-video-list li a{padding: 20px 0;} #sub.legalprofessional.view .lawyer-video-list .lawyer-video-li + .lawyer-video-li{margin-top: 0;} #sub.legalprofessional.view .video-duration{font-size: 3.656px !important; letter-spacing: -0.11px; line-height: 4px; padding: 1.59px 2.81px 1.59px 5.86px;} #sub.legalprofessional.view .video-duration::before{width: 3.656px; height: 2.437px; left: 2.81px;} #sub.legalprofessional.view .le .lawyer-vlist > li{border-bottom: 10px solid #ECF0F4; padding-top: 0; cursor: default;} #sub.legalprofessional.view .le .lawyer-vlist > li + li{border-top: none; margin-top: 30px;} #sub.legalprofessional.view .lawyer-vlist .left{max-width: calc(100% - 100px); width: 100%;} #sub.legalprofessional.view .le .lawyer-vlist .img{width: 84px; height: 84px; flex-shrink: 0;} #sub.legalprofessional.view .le .lawyer-vlist{border: none; border-radius: 0; padding: 0;} #sub.legalprofessional.view .le .lawyer-vlist .infobox{padding: 30px; box-sizing: border-box; border-radius: 12px; border: 1px solid #ECF0F4 ;} #sub.legalprofessional.view .lawyer-vlist .right .btn{width: 80px; height: 40px; padding: 10px 15px; box-sizing: border-box; border-radius: 8px; transition: 0.3s all ease; position: relative;} #sub.legalprofessional.view .lawyer-vlist .right .btn span{padding-right: 0; transition: 0.3s all ease} #sub.legalprofessional.view .lawyer-vlist .right .btn:hover{background-color: #23BC47; border: 1px solid #23BC47; width: 101px;} #sub.legalprofessional.view .lawyer-vlist .right .btn:hover span{padding-right: 22px; color: #fff !important;} #sub.legalprofessional.view .lawyer-vlist .right .btn.reserve-btn:hover::after{content: ''; clear: both; display: block; width: 14px; height: 11px; position: absolute; right: 12px; background-image: url('/views/_layout/basic/images/ico_arrow_w.svg'); background-repeat: no-repeat; background-position: center; background-size: 100%;} #sub.legalprofessional.view .lawyer-vlist .right .btn.adopt-btn:hover::after{content: ''; clear: both; display: block; width: 20px; height: 20px; position: absolute; right: 12px; background-image: url('/views/_layout/basic/images/ico_adopt.svg'); background-repeat: no-repeat; background-position: center; background-size: 100%;} #sub.legalprofessional.view .lawyer-vlist .contentbox > p{padding: 30px; box-sizing: border-box; line-height: 22px;} #sub.legalprofessional.view .lawyer-vlist .btntxtwrap{padding: 0 30px 20px; box-sizing: border-box;} /* 법률지식인 - 글쓰기 */ #sub.mypage.lawyer.write .section .section-body, #sub.legalprofessional.write .section .section-body, #sub.legalvideo.write .section .section-body, #sub.legalstory.write .section .section-body, #sub.solutioncase.write .section .section-body{max-width: 850px;} #sub.legalprofessional.write .cont-wrap ul li > b{line-height: 20px;} .select-wrap .select-box .nice-select{width: 100%; height: 57px; border-radius: 12px; border: 1px solid #FAFAFA; background: #FFF; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); padding: 0 31px 0 20px;} .calendar_icon{position: absolute; right: 20px; top: 50%; transform: translateY(-50%);} #sub.legalprofessional.write .input-wrap input:focus{outline: 1px solid #23BC47;} .input-wrap textarea:focus ~ .textLengthWrap, .title-wrap input:focus ~ .textLengthWrap{opacity: 1; visibility: visible;} .textLengthWrap{position: absolute; right: 43px; bottom: 20px; opacity: 0; visibility: hidden; transition: 0.3s all;} .title-wrap .textLengthWrap{right: 20px;} .tipwrap{padding: 25px 20px; border-radius: 12px; box-sizing: border-box; margin-top: 12px; opacity: 0; display: none; transition: 0.3s all;} .tipwrap.focus{opacity: 1; display: block;} .tipwrap p:nth-child(n+2){padding-left: 12px;} .notice-wrap{background-color: #F7F7FA; border-radius: 12px; padding: 25px 20px; box-sizing: border-box;} .notice-wrap .num{line-height: 17px; padding-left: 15px; position: relative;} .notice-wrap .num::before{content: ''; clear: both; display: block; font-size: 1.4rem; font-weight: 600; letter-spacing: -0.42px; position: absolute; top: 0; left: 0;} .notice-wrap .num1::before{content: '1.';} .notice-wrap .num2::before{content: '2.';} .notice-wrap .num3::before{content: '3.';} .notice-wrap .num4::before{content: '4.';} .notice-wrap .goodlist, .notice-wrap .goodlist > *{padding-left: 12px;} .notice-wrap .goodlist > *{line-height: 20px;} .select-wrap {position: relative;} .select-wrap .select-trigger {width: 100%;} .select-wrap .select-btn {width: 100%; text-align: start; position: relative;} .select-wrap .select-btn .arrow {position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; margin-top: -4px; border-right: 1.5px solid #2B2D2F; border-bottom: 1.5px solid #2B2D2F; transform: translateY(-50%) rotate(45deg); transition: 0.3s all;} .select-wrap .checkbox-dropdown {opacity: 0; height: 0; position: absolute; top: 100%; left: 0; width: 100%; border-radius: 12px; border: 1px solid #FAFAFA; background: #FFF; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); margin-top: 10px; padding: 20px; box-sizing: border-box; transition: 0.3s all; z-index: -1;} .select-wrap .checkbox-group {max-height: 390px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; padding-right: 10px; box-sizing: border-box;} .select-wrap .checkbox-group .check-box{padding: 11.5px 10px; background-color: #F7F7FA; border-radius: 5px; box-sizing: border-box;} .select-wrap .checkbox-group .check-box.on{background-color: #F3FCF5;} .select-wrap .checkbox-group.big-category-list {display: block;} .select-wrap .checkbox-group.big-category-list > li + li {margin-top: 20px;} .select-wrap .checkbox-group.big-category-list h5.fs14 {line-height: 1;} .chk-choice .check-box {border:1px solid #F7F7FA;} .chk-choice .check-box.chk-radio {border: 1px solid #23BC47;} .select-wrap.active .select-btn{border: 1px solid #23BC47;} .select-wrap.active .checkbox-dropdown {opacity: 1; height: auto; z-index: 10;} .select-wrap.active .select-btn .arrow {transform: translateY(-50%) rotate(-135deg); margin-top: 0;} .select-wrap .check-box > input[type="checkbox"] ~ label{width: 100%;} .select-wrap .check-box > input[type="checkbox"]:checked ~ label{color:#23BC47;} .selected-items{padding: 6px 8px; box-sizing: border-box; border-radius: 4px; display: inline-block; line-height: 12px;} .selected-items + .selected-items{margin-left: 5px;} .allcheck-wrap .check-box{padding: 20.5px 20px; border: 1px solid #23BC47; border-radius: 12px; box-sizing: border-box;} .allcheck-wrap .check-box input[type="checkbox"] ~ label{font-size: 1.6rem; font-weight: 700; color: #23BC47; line-height: 1; padding-left: 35px;} #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: 200px; width: 100%; height: 60px; line-height: 58px; border-radius: 500px; border: 1px solid transparent;} .hashtag-container {display: flex; flex-wrap: wrap; margin-top: 12px; gap: 5px;} .hashtag {background-color: #FFFFFF; padding: 6px 13px; border-radius: 50px; box-sizing: border-box; border: 1px solid #ECF0F4; box-sizing: border-box;} .hashtag .remove {cursor: pointer; width: 14px; height: 14px;} #sub.legalprofessional.write .check-box.green > input[type="checkbox"]:checked ~ label:before, #sub.lawyerfind.write .check-box.green > input[type="checkbox"]:checked ~ label:before, #sub.etc.ad_buy .check-box.green > input[type="checkbox"]:checked ~ label:before, .popup_addetail .check-box.green > input[type="checkbox"]:checked ~ label:before, .select-wrap .checkbox-group.big-category-list .check-box.green > input[type="checkbox"]:checked ~ label:before{background-image:url('/views/_layout/basic/images/ico_chk_w.svg'); border: 1px solid #23BC47;} .motable-tr{display: none !important;} /* 해결사례 */ #sub .search-wrap .search-box a.on, #sub .search-wrap .search-box a:hover{color: #2B2D2F; border-bottom: 1px solid #2B2D2F;} #sub.solutioncase .cont-wrap > ul > li{padding: 30px 0;} #sub.solutioncase .solution li:nth-child(n+3):after{background-color: #ECF0F4;} #sub.solutioncase .lawyer-vlist > li{cursor: pointer;} #sub.solutioncase .lawyer-vlist > li + li, #sub.legalstory .lawyer-vlist > li + li{border-top: none;} #sub.solutioncase-view .sub-visual, #sub.legalstory-view .sub-visual{width: 100%; position: relative;} #sub.solutioncase-view .sub-visual .sub-visual-txt, #sub.legalstory-view .sub-visual .sub-visual-txt{padding: 109px 40px 108px 40px; box-sizing: border-box;} #sub.solutioncase-view .sub-visual .sub-visual-txt > p span, #sub.legalstory-view .sub-visual .sub-visual-txt > p span{position: relative;} #sub.solutioncase-view .sub-visual .sub-visual-txt > p span + span::before, #sub.legalstory-view .sub-visual .sub-visual-txt > p span + span::before{content: 'ㆍ'; clear: both; display: inline-block;} #sub.solutioncase-view .section1 .cont-wrap, #sub.legalstory-view .section1 .cont-wrap{padding: 60px 0 100px; box-sizing: border-box; width: 100%;} /* #sub.solutioncase-view .section1 .cont-wrap p, #sub.legalstory-view .section1 .cont-wrap p{line-height: 22px;} */ #sub .btntxtwrap .btnwrap, #sub .btntxtwrap .txtwrap{gap: 21px;} #sub .btntxtwrap .btnwrap > a{padding-right: 23px;} #sub .btntxtwrap .btnwrap a.save:after{content: ''; clear: both; display: block; background-image: url(/views/_layout/basic/images/ico_save.svg); background-size: cover ; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 20px; height: 20px; transition: 0.3s all;} #sub .btntxtwrap .btnwrap a.save:hover:after{background-image: url(/views/_layout/basic/images/ico_save_on.svg);} #sub .btntxtwrap .btnwrap a.save.on:after{background-image: url(/views/_layout/basic/images/ico_save_on.svg);} #sub .btntxtwrap .btnwrap a.share:after{content: ''; clear: both; display: block; background-image: url(/views/_layout/basic/images/ico_share.svg); background-size: 100% ; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 20px; height: 20px; transition: 0.3s all;} #sub .btntxtwrap .btnwrap a.share:hover:after{background-image: url(/views/_layout/basic/images/ico_share_g.svg);} #sub a.edit-delete{padding-right: 25px;} #sub a.edit-delete:after{content: ''; clear: both; display: block; background-image: url(/views/_layout/basic/images/ico_edit-delete.svg); background-size: 100% ; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 20px; height: 20px; transition: 0.3s all;} #sub .btntxtwrap .btnwrap a.report{padding-right: 25px;} #sub .btntxtwrap .btnwrap a.report:after{content: ''; clear: both; display: block; background-image: url(/views/_layout/basic/images/ico_report.svg); background-size: 100% ; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 20px; height: 20px; transition: 0.3s all;} #sub .btntxtwrap .btnwrap a.report:hover:after{background-image: url(/views/_layout/basic/images/ico_report_on.svg);} #sub .btntxtwrap .btnwrap a.adopt:after{content: ''; clear: both; display: block; background-image: url(/views/_layout/basic/images/ico_adopt_on.svg); background-size: 100% ; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 20px; height: 20px; transition: 0.3s all;} #sub .btntxtwrap .btnwrap > * + *:not(.edit-delete-list)::before{content: ''; clear: both; display: block; width: 1px; height: 12px; background-color: #E8E8E8; position: absolute; top: 50%; left: -11px; transform: translateY(-50%);} #sub .btntxtwrap .txtwrap span + span::before{content: ''; clear: both; display: block; width: 1px; height: 12px; background-color: #E8E8E8; position: absolute; top: 50%; left: -11px; transform: translateY(-50%);} #sub.solutioncase-view .cont-area > ul > li, #sub.legalstory-view .cont-area > ul > li, #sub.legalvideo-view .cont-area > ul > li{border-top: 1px solid #ECF0F4; padding: 30px 0; cursor: default; position: relative;} #sub.solutioncase-view .cont-area > ul > li > .goodlist a + a, #sub.legalstory-view .cont-area > ul > li > .goodlist a + a, #sub.legalvideo-view .cont-area > ul > li > .goodlist a + a{margin-top: 5px;} /* 법률이야기 */ #sub.legalstory.index .section1 .tit-area, #sub.legalvideo.index .section1 .tit-area{max-width: 1320px; padding: 0 20px; margin: 0 auto; box-sizing: border-box;} #sub.legalstory.index .section1 .cont-area, #sub.legalvideo.index .section1 .cont-area{padding: 60px 0; box-sizing: border-box; margin-top: 60px;} #sub.legalstory.index .section1 .cont-wrap, #sub.legalvideo.index .section1 .cont-wrap{max-width: 1320px; padding: 0 20px; margin: 0 auto; box-sizing: border-box;} #sub.legalstory.index .section1 .storySwiper .swiper-slide, #sub.legalvideo .section1 .videoSwiper .swiper-slide {min-width: 300px;} #sub.legalvideo.index .section1 .videoSwiper .swiper-slide .thumbnail, #sub.legalvideo a.videocon .imgbox {max-width: unset; width: unset;} #sub.legalvideo .section1 .videoSwiper .swiper-slide .txtbox .fs18.t-rw {height: 50px;} #sub.legalstory.index .section1 .swiper-pagination, #sub.legalvideo .section1 .swiper-pagination{position: unset; width: fit-content; letter-spacing: -0.24px; line-height: 12px; color: rgba(255, 255, 255, 0.5); position: unset; transform: unset; white-space: nowrap; color: #C3C9D0;} #sub.legalstory.index .section1 .swiper-pagination-current, #sub.legalvideo .section1 .swiper-pagination-current{color: #23BC47;} #sub.legalstory.index .section2{margin-top: 54px;} #sub.legalstory.index .section2 .lawyer-vlist > li{cursor: pointer; padding: 30px 0;} #sub.legalstory.index a.videocon p.t-rw.rw-2{min-height: 50px; max-height: 50px;} #sub.legalvideo a.videocon .imgbox{border-radius: 12px; box-sizing: border-box; position: relative; overflow: hidden; padding-bottom: 57.62%;} #sub.legalvideo a.videocon .lawyer-itwrap-name{color: #9FA4A9;} #sub.legalvideo a.videocon .txtbox{padding: 15px 0 10px; box-sizing: border-box;} #sub.legalstory .section1 .storySwiper a{padding: 29px 30px;} #sub.legalstory .storySwiper a p.t-rw.rw-3{min-height: 66px; max-height: 66px; line-height: 22px; color: #7A8287;} /* 법률영상 */ #sub.legalvideo.index .lawyer-vlist, #sub.legalnews.index .lawyer-vlist, #sub.legalprofessional .lawyer-vlist{border: 1px solid #ECF0F4; border-radius: 8px; padding: 0 20px; box-sizing: border-box;} #sub.legalvideo.index .lawyer-vlist > li, #sub.legalnews.index .lawyer-vlist > li, #sub.legalprofessional .lawyer-vlist > li{padding: 20px 0; cursor: pointer;} #sub.legalvideo.index .lawyer-vlist > li .img, #sub.legalnews.index .lawyer-vlist > li .img, #sub.legalprofessional .lawyer-vlist > li .img{width: 60px; height: 60px; overflow: hidden; border-radius: 50%; flex-shrink: 0;} #sub.legalvideo.index .lawyer-vlist > li .img img, #sub.legalnews.index .lawyer-vlist > li .img img, #sub.legalprofessional .lawyer-vlist > li .img img{width: 100%; height: 100%; object-fit: cover;} #sub.legalvideo.index .lawyer-vlist > li .txt, #sub.legalnews.index .lawyer-vlist > li .txt, #sub.legalprofessional .lawyer-vlist > li .txt{width: calc(100% - 75px);} #sub.legalvideo.index .lawyer-vlist > li .txt > p, #sub.legalprofessional .lawyer-vlist > li .txt > p {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} #sub.legalvideo-view .sub-visual{background-color: #2B2D2F; max-height: 480px; overflow: hidden;} #sub.legalvideo-view .sub-visual .video_wrap{max-width: 832px; position: relative; padding-bottom: 19.078%;} #sub.legalvideo-view .section1 .tit-box, #sub.legalprofessional.view .section1 .tit-box{padding-bottom: 30px; border-bottom: 1px solid #2B2D2F; box-sizing: border-box;} #sub.legalvideo-view .section1 .content-wrap, #sub.legalprofessional.view .section1 .content-wrap{padding: 30px 0 60px 0; box-sizing: border-box;} #sub.legalvideo-view .section1 .content-wrap .content{max-height: 130px; overflow: hidden; } #sub.legalvideo-view .section1 .content-wrap .content.on{max-height: 100%;} #sub.legalvideo-view .section1 .content-wrap .contentmore{color: #9FA4A9; border-bottom: 1px solid #9FA4A9; box-sizing: border-box; width: fit-content;} #sub.legalvideo-view .section1 .othervideo > .tit-box{border-bottom: none; padding-bottom: 0;} /* 법률뉴스 */ #sub.legalnews .table-wrap, #sub.mypage .table-wrap, #sub.lawyer.booking .schedule-wrap{border-radius: 12px; border: 1px solid #FAFAFA; background: #FFF; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); padding: 15px 25px; box-sizing: border-box;} #sub.legalnews table thead tr th, #sub.mypage table thead tr th:not(.fc-col-header-cell){border-bottom: 1px solid #2B2D2F; height: 37px;} #sub.legalnews table tbody tr, #sub.mypage table:not(.fc-scrollgrid-sync-table) tbody tr{border-bottom: 1px solid #ECF0F4;} #sub.legalnews table tbody tr td, #sub.mypage table:not(.fc-scrollgrid-sync-table) tbody tr td{text-align: center; height: 54px; transition: 0.3s all;} #sub.mypage #calendar table:not(.fc-scrollgrid-sync-table) tbody tr td{height: 86px;} #popup_counsel1 table tbody tr td{height: 80px;} #sub table tbody tr td.new{} #sub table tbody tr td.new > div{position: relative; width: fit-content; max-width: calc(100% - 22px);} #sub table tbody tr td.new > div::after{content: ''; clear: both; display: block; background-color: #0FA1CA; width: 16px; height: 16px; border-radius: 3px; background-image: url(/views/_layout/basic/images/ico_new.svg); background-size: 6px 7px; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); right: -21px;} #sub.legalnews .search-wrap, #sub.mywrite .search-wrap, #sub.mypage.lawyer.booking .search-wrap{padding: 14.5px 20px;} #sub table tbody tr:hover td.title, #sub table tbody tr:hover td.title{color: #23BC47; font-weight: 600;} /* ================================================== 고객센터 ================================================== */ /* qna */ #sub.qna .section .section-body, #sub.notice .section .section-body, #sub.adminqna .section .cont-area > *, #sub.adminqna.view .section .section-body, #sub.adminqna.write .section .section-body{max-width: 850px; width: 100%; margin: 0 auto;} .basic-lawyer span{position: relative; cursor: pointer;} .basic-lawyer span.on{color: #23BC47;} .basic-lawyer span + span::before{content: ''; display: block; width: 1px; height: 16px; background-color: #9FA4A9; position: absolute; top: 50%; left: -14px; transform: translateY(-50%);} .qna-box, #sub.notice .notice-list a{padding: 24px 25px; box-sizing: border-box; border-radius: 12px; border: 1px solid transparent; background-color: #FFF; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); cursor: pointer; transition: 0.3s all ease;} #sub.qna .qnaList .qna-Q .tit{padding-right: 35px;} #sub.qna .qnaList .qna-Q.on .tit {display: block; word-break:keep-all;} .qna-box.on{background-color: #F3FCF5; border: 1px solid #23BC47;} .qna-box.on .txt-q{background-color: #23BC47; color: #fff;} .qna-box.on .tit{color: #23BC47; } .qna-box + .qna-box, #sub.notice .notice-list li + li{margin-top: 20px;} .qna-Q {position: relative; transition: 0.3s all ease;} .qna-Q::after{content: ''; clear: both; display: block; background-image: url('/views/_layout/basic/images/icon_navi_down_b.svg'); background-repeat: no-repeat; background-size: 16px 16px; background-position: center; width: 16px; height: 16px; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); transition: 0.3s all ease;} .qna-Q.on::after{transform: translateY(-50%) rotate(180deg);} .qna-Q > div{width: calc(100% - 20px);} .qna-Q .txt-q{width: 40px; height: 40px; background-color: #F3FCF5; border-radius: 500px; line-height: 38px; text-align: center; display: block; flex-shrink: 0;} .qna-A{display: none; background-color: #fff; padding: 20px; border-radius: 12px; box-sizing: border-box;} .qna-A p, .notice-content .contents{line-height: 26px;} /* 공지사항 */ #sub.notice .notice-list{} #sub.notice .notice-list a{border: 1.5px solid transparent;} #sub.notice .notice-list a:hover{border: 1.5px solid #23BC47;} #sub.notice .notice-list a.topfix b{text-indent: -9999px; background-image: url(/views/_layout/basic/images/ico_notice.svg); background-color: #F3FCF5; border-radius: 50%; background-repeat: no-repeat; background-size: 24px 24px; background-position: center; width: 40px; height: 40px; flex-shrink: 0;} #sub.notice .notice-list a b{line-height: 1; width: 40px; text-align: center; flex-shrink: 0;} #sub.notice .tit, .date{line-height: 1;} .notice-content, .adminqna-content, .answer-area{border-radius: 12px; border-bottom: 1px solid #FAFAFA; background: #fff; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); box-sizing: border-box; padding: 40px;} .notice-content .contents, .adminqna-content .contents, .answer-area .contents{padding-top: 32px; border-top: 1px solid #ECF0F4; box-sizing: border-box; margin-top: 20px; line-height: 26px;} .btnSet a.prev {padding-left: 38px; position: relative;} .btnSet a.prev::after{content: ''; clear: both; display: block; width: 34px; height: 34px; background-color: #F7F7FA; background-image: url('/views/_layout/basic/images/ico_prev_g_light.svg'); background-repeat: no-repeat; background-size: 8px 8px; background-position: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; transition: 0.3s all ease;} .btnSet a.prev:hover::after {background-image: url('/views/_layout/basic/images/ico_prev_b.svg');} .btnSet a.next {padding-right: 38px; position: relative;} .btnSet a.next::after{content: ''; clear: both; display: block; width: 34px; height: 34px; background-color: #F7F7FA; background-image: url('/views/_layout/basic/images/ico_next_g_light.svg'); background-repeat: no-repeat; background-size: 8px 8px; background-position: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; transition: 0.3s all ease;} .btnSet a.next:hover::after {background-image: url('/views/_layout/basic/images/ico_next_b.svg');} /* 관리자 1:1 문의 */ #sub.adminqna .tbl-area{border-radius: 12px; background-color: #FFF; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); padding: 15px 25px; box-sizing: border-box;} #sub.adminqna .section-column{overflow: visible;} #sub.adminqna .tbl-area thead tr{height: 37px; border-bottom: 1px solid #2B2D2F; background-origin: border-box;} #sub.adminqna .tbl-area tbody tr{height: 54px;} #sub.adminqna .tbl-area tbody tr + tr{border-top: 1px solid #ECF0F4;} .answer{width: 41px; height: 27px; border: 1px solid #23BC47; background-color: #F3FCF5; border-radius: 500px; box-sizing: border-box; text-align: center; line-height: 26px;} .answer.answer-complete{background-color: #ECF0F4; color: #7A8287; border: 1px solid #ECF0F4;} .answer.answer-admin{background-color: #104A2B; color: #fff; border: 1px solid #104A2B; width: 51px;} .adminqna-content .titbox{width: calc(100% - 50px);} #sub.adminqna .writebtn{position: absolute; right: 0; left: calc(100% + 40px); bottom: 0; top:unset;} .answer-area{background-color: #F3FCF5;} #sub.adminqna.write #file_upload_wrap .notice-wrap{padding: 10px 20px;} #sub.adminqna.write #file_upload_wrap .notice-wrap em{line-height: 20px;} /* ================================================== 마이페이지 ================================================== */ /* 상담예약 */ #sub.mypage .banner-area{border-radius: 12px; overflow: hidden;} #sub.mypage table .lawyer-name .img{width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box; overflow: hidden; flex-shrink: 0;} #sub.mypage table .lawyer-name .img img{width: 100%; height: 100%; object-fit: cover;} #sub.mypage table .lawyer-name p{max-width: calc(100% - 29px); width: fit-content;} .consultation{border: 1px solid #23BC47; border-radius: 500px; background-color: #F3FCF5; color: #23BC47; box-sizing: border-box; width: 42px; height: 27px; line-height: 26px;} .consultation.cancel{border: 1px solid #F00; background-color: rgba(255, 0, 0, 0.05); color: #F00;} .consultation.complete{border: 1px solid transparent; background-color: #ECF0F4; color: #7A8287;} #sub.mypage .profile-area{border-radius: 8px; border: 1px solid #ECF0F4; background-color: #fff; box-sizing: border-box; padding: 0 20px;} #sub.mypage .profile-area .myinfo{padding: 20px 0; border-bottom: 1px solid #ECF0F4; box-sizing: border-box;} #sub.mypage .profile-area .myinfo .img-area{width: 60px; height: 60px; border-radius: 50%; overflow: hidden; flex-shrink: 0;} #sub.mypage .profile-area .myinfo .name-area{width: calc(100% - 148px);} #sub.mypage .profile-area .myinfo .btnSet{} #sub.mypage .profile-area .myinfo .btnSet .btn{border-radius: 4px; background: #9FA4A9; width: 63px; height: 22px; box-sizing: border-box;} #sub.mypage .profile-area .tab-box{padding: 20px 0; box-sizing: border-box;} #sub.mypage .profile-area .tab-box li a{display: block; padding: 14px 15px; border-radius: 10px; background-color: #F3FCF5; box-sizing: border-box; border: 1px solid transparent; transition: 0.3s all ease;} #sub.mypage .profile-area .tab-box li a:hover, #sub.mypage .profile-area .tab-box li a.on{border: 1px solid #23BC47;} #sub.mypage .profile-area .tab-box li a p, #sub.mypage .profile-area .tab-box li a b{line-height: 34px;} #sub.mypage .no-content{padding: 60px 0;} .no-content{padding: 44px 0; box-sizing: border-box;} .no-content .btnSet{max-width: 308px;} #sub.mypage.view .input-wrap textarea{min-height: 320px; max-height: 320px;} #sub.mypage.view .input-wrap input:read-only{background-color: #F7F7FA; border: 1px solid #ECF0F4; box-shadow: none;} #sub.mypage.view .reservation-date, #sub.mypage.lawyer .reservation-date{padding: 15px; box-sizing: border-box; border-radius: 8px; background-color: #F3FCF5;} #sub.lawyerfind.write .lapa-wrap, #sub.mypage.view .lapa-wrap, #sub.mypage.lawyer.write .lapa-wrap{padding: 29px 20px;} #sub.mypage.view .lapa-wrap .it-box{box-sizing: border-box;} #sub.lawyerfind.write .lapa-wrap .it-box .img, #sub.mypage.view .lapa-wrap .it-box .img{width: 250px; height: 250px; border-radius: 50%; overflow: hidden; flex-shrink: 0;} #sub.lawyerfind.write .lapa-wrap .it-box .img img, #sub.mypage.view .lapa-wrap .it-box .img img{width: 100%; height: 100%; object-fit: cover;} /*#sub.mypage.view .lapa-wrap .it-box .txt{width: calc(100% - 89px);}*/ #sub.mypage.view .pay-box .total-price{padding: 24px 0; border-top: 1px solid #ECF0F4;} #sub.mypage.view .allcheck-wrap .check-box{padding: 14.5px 15px;} #sub.mypage table tbody tr td{padding: 0 5px; box-sizing: border-box;} #sub.mypage table tbody tr td .lawyer-name p, #sub.mypage table tbody tr td .title p{transition: 0.3s all;} #sub.mypage table tbody tr:hover td .lawyer-name p, #sub.mypage table tbody tr:hover td .title p{color: #23BC47; font-weight: 600 !important;} .review-td .review-btn{width: 24px; height: 24px; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transition: 0.3s all ease;} .review-td .review-btn{background-image: url(/views/_layout/basic/images/ico_review.svg)} .review-td .review-btn.review_write{background-image: url(/views/_layout/basic/images/ico_review_on.svg);} .review-td .review-btn.review_complete{background: none; width: 41px; height: 27px;} .review-td .review-btn.review_complete:after{content: '보기'; clear: both; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 500px; color: #7A8287; background-color: #ECF0F4;} .review-td .review-btn.review_cancel{display: none;} #sub.mypage.review .section .section-body{max-width: 850px;} #good_list .input-wrap{padding: 20px;} #good_list .checklistbox li{width: calc(50% - 4px);} #good_list .checklistbox li.check-box > input[type="checkbox"]:checked ~ label{color: #23BC47; font-weight: 600;} /* 관심변호사 */ #sub.mypage.likelawyer .lawyer-list{row-gap: 55px; column-gap: 24px;} #sub.mypage.likelawyer .lawyer-list > li{max-width:unset;} #sub.mypage.likelawyer .lawyer-list > li .img-bookmark{ position: absolute; top: -20px; right: 20px; z-index: 1;} #sub.mypage.likelawyer .lawyer-list > li .bookmark{background-color: #23BC47; width: 30px; height: 30px; transition: 0.3s all; border-radius: 50%; position: absolute; bottom: 0; right: 0;} #sub.mypage.likelawyer .lawyer-list > li .img{ width: 100px; height: 100px; border-radius: 100px; box-sizing: border-box; overflow: hidden;} /* 내가 작성한 글 */ .adoptbtn{width: 74px; height: 27px; border-radius: 5px; background-color: #23BC47; box-sizing: border-box;} #sub.mypage table tbody tr:last-of-type{border-bottom: none;} #sub.mypage.mywrite table tbody tr td .new{position: relative; width: fit-content; max-width: calc(100% - 21px);} #sub.mypage.mywrite table tbody tr td .new::after{content: ''; clear: both; display: block; width: 16px; height: 16px; background-image: url('/views/_layout/basic/images/ico_new.svg'); background-size: 6px 7px; background-position: center; background-repeat: no-repeat; background-color: #0FA1CA; color: #fff; border-radius: 3px; text-align: center; line-height: 14px; position: absolute; top: 0; right: -21px;} /* 해결사례 */ #sub.mypage.likecontent .case-list li .img{border-radius: 8px; overflow: hidden;} /* 법률이야기 */ .round-adopt{width: 40px; height: 40px; border-radius: 50px; border: 1px solid #ECF0F4; background: #FFF; box-sizing: border-box; position: absolute; top: 10px; right: 10px;} .round-adopt img{position: unset;} /* 내 정보 수정 */ #sub.infoedit:not(.lawyer) .section .section-body{max-width: 850px; margin: 0 auto;} #sub.infoedit .myinfo li input:read-only{cursor: default; pointer-events: none; color: #23BC47;} /* #sub.infoedit .code-btn{pointer-events: none; cursor: default;} */ #sub.infoedit .code-btn.on{pointer-events: auto; cursor: pointer; background-color: #232732;} #sub.infoedit .timebtn{position: absolute; top: 50%; right: 12px; transform: translateY(-50%);} #sub.infoedit .timebtn .countdown{color: #FF0000;} #sub.infoedit .codecheck-btn{position: unset; transform: unset; pointer-events: none; cursor: default;} #sub.infoedit .codecheck-btn.on{pointer-events: auto; cursor: pointer; background-color: #23BC47;} .passchange-btn{max-width: 400px; height: 57px; text-align: center; background-color: #232732; border-radius: 12px; overflow: hidden;} #sub.infoedit .btnSet .btn{height: 64px; border-radius: 12px;} .leave-btn{display: block; width: fit-content; margin-left: auto; border-bottom: 1px solid #9FA4A9; padding-bottom: 5px; box-sizing: border-box;} /* ================================================== 변호사 ================================================== */ /* AD문의 */ #sub.etc.ad .cont-area b.tit, #sub.etc.ad_buy .cont-area b.tit{position: relative; padding-left: 10px;} #sub.etc.ad .cont-area b.tit::before, #sub.etc.ad_buy .cont-area b.tit::before{content: ''; clear: both; display: block; width: 3px; height: 100%; background-color: #0FA1CA; position: absolute; left: 0; top: 0;} #sub.etc .cont-area .shadow-box{border-radius: 12px; border: 1px solid #FAFAFA; background: #FFF; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); box-sizing: border-box;} #sub.etc.ad .cont-area .step-box-wrap {width: calc(100% + 40px); position: relative; left: -20px;} #sub.etc.ad .cont-area .step-box{padding: 59px 60px;} #sub.etc.ad .cont-area .step-box li{position: relative; max-width: 160px; width: 100%;} #sub.etc.ad .cont-area .step-box li + li::before{content: ''; clear: both; display: block; width: 10px; height:160px; background-image: url('/views/_layout/basic/images/ico_next_lg.svg'); background-size: contain; background-position: center; background-repeat: no-repeat; position: absolute; top: 0; left: -30%;} #sub.etc.ad .cont-area .step-box li .img{width: 100%; height: 160px; border-radius: 50%; overflow: hidden; background-color: #F3FCF5; margin: 0 auto;} #sub.etc.ad .cont-area .step-box li span{margin-top: 18px;} #sub.etc.ad .cont-area .step-box li p{line-height: 23px;} #sub.etc.ad .banner-list li{padding: 39px 40px; transition: 0.3s all; flex-direction: row-reverse;} #sub.etc.ad .banner-list li:hover{border: 1px solid #23BC47;} #sub.etc.ad .banner-list li .txt-area{max-width: calc(100% - 540px); width: 100%;} #sub.etc.ad .banner-list li .txt-area .gradient-text{border-radius: 5px; background: linear-gradient(90deg, #23BC47 0%, #0FA1CA 100%); padding: 4px 7px; box-sizing: border-box; } @media screen and (max-width: 1290px) { #sub.etc.ad .banner-list .response-banner .txt-area .banner-price{flex-direction: column; align-items: flex-start;} #sub.etc.ad .banner-list .response-banner .txt-area .banner-price span + span {padding-left: 0;} #sub.etc.ad .banner-list .response-banner .txt-area .banner-price span + span::before{display: none;} } #sub.etc.ad .banner-list li .txt-area .banner-price span{position: relative;} #sub.etc.ad .banner-list li .txt-area .banner-price span + span{padding-left: 17px;} #sub.etc.ad .banner-list li .txt-area .banner-price span + span::before{content: ''; clear: both; display: block; width: 1px; height: 14px; background-color: #E8E8E8; position: absolute; top: 10px; left: 8px;} #sub.etc.ad .banner-list li .img-area{max-width: 500px; border-radius: 12px; overflow: hidden; position: relative; cursor: pointer;} /*#sub.etc.ad .banner-list li .img-area::after {position:absolute; display:flex; align-items: center; justify-content: center; content:'광고 이미지 영역'; clear:both; font-size: 1.4rem; font-weight: 600; color:#7A8287; width: 100%; height:100%; left:0; top:0;}*/ #sub.etc.ad .banner-list li .banner-explan{padding: 20px; box-sizing: border-box; border-radius: 12px; background: #F3FCF5;} #sub.etc.ad .banner-list .dash-list {padding-left: 5px;} #sub.etc.ad .banner-list .dash-list li {padding-left: 10px; padding-top:0; padding-bottom:0; padding-right:0; position: relative;} #sub.etc.ad .banner-list .dash-list li::before {position:absolute; display:block; content:''; clear:both; width:5px; height:1px; background-color:#616161; top:10px; left:0;} #sub.etc.ad .banner-list .dash-list li:hover {border:unset;} #sub.etc.ad .banner-list .lawfirm-banner .banner-price .dotlist{padding-left: 7px; position: relative; line-height: 22px;} .dotlist::before{content: ''; display: block; width: 3px; height: 3px; background-color: #2B2D2F; border-radius: 50%; position: absolute; top: 9px; left: 0;} .linelist > li{padding-left: 10px; position: relative;} .linelist > li::before{content: ''; clear: both; display: block; width: 4px; height: 1px; background-color: #2B2D2F; position: absolute; top: 9px; left: 0;} /* 광고구매 */ #sub.etc.ad_buy .step-box{max-width: 810px; grid-column-gap: 47px; margin: 60px auto 0;} #sub.etc.ad_buy .step-box li{padding: 18px 19px 18px 63px; background-color: #fff; border: 1px solid #ECF0F4; border-radius: 50px; box-sizing: border-box; position: relative;} #sub.etc.ad_buy .step-box li::before{content: ''; clear: both; display: block; width: 34px; height: 64px; background-repeat: no-repeat; background-size: 100% 100%; background-position: center; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);} #sub.etc.ad_buy .step-box li.step1::before{background-image: url('/views/_layout/basic/images/ad_step1.svg');} #sub.etc.ad_buy .step-box li.step2::before{background-image: url('/views/_layout/basic/images/ad_step2.svg');} #sub.etc.ad_buy .step-box li.step3::before{background-image: url('/views/_layout/basic/images/ad_step3.svg');} #sub.etc.ad_buy .step-box li b{color: #C3C9D0;} #sub.etc.ad_buy .step-box li.on{border: 1px solid #23BC47; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05);} #sub.etc.ad_buy .step-box li.on b{color: #23BC47;} #sub.etc.ad_buy .step-box li.on strong{color: #2B2D2F;} #sub.etc.ad_buy .step-box li.step1.on::before{background-image: url('/views/_layout/basic/images/ad_step1_on.svg');} #sub.etc.ad_buy .step-box li.step2.on::before{background-image: url('/views/_layout/basic/images/ad_step2_on.svg');} #sub.etc.ad_buy .step-box li.step3.on::before{background-image: url('/views/_layout/basic/images/ad_step3_on.svg');} #sub.etc.ad_buy .step-box li + li::after{content: ''; clear: both; display: block; width: 7px; height: 14px; background-image: url('/views/_layout/basic/images/ico_arrow_big.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; left: -25px; transform: translateY(-50%);} #sub.etc.ad_buy .adlist{padding: 30px; margin-top: 24px; box-sizing: border-box;} .ad-item, #sub.etc.ad_buy .buyad-item .checkbox{background-color: #F7F7FA; padding: 16.5px 15px; border-radius: 12px; box-sizing: border-box; border: 1px solid transparent; transition: 0.3s all ease;} #sub.etc.ad_buy .adlist .ad-item.on{background-color: #fff; border: 1px solid #23BC47;} #sub.etc.ad_buy .adlist .ad-item + .ad-item{margin-top: 10px;} #sub.etc.ad_buy .adlist .ad-item .checkbox{max-width: calc(100% - 160px); width: 100%;} #sub.etc.ad_buy .adlist .ad-item .check-box input[type="checkbox"] ~ label, #sub.etc.ad_buy .buyad-item .check-box input[type="checkbox"] ~ label{height: 25px; color: #60666C; padding-left: 29px;} #sub.etc.ad_buy .adlist .ad-item .check-box.g-bg > input[type="checkbox"]:checked ~ label, #sub.etc.ad_buy .buyad-item .check-box.g-bg > input[type="checkbox"]:checked ~ label{color: #23BC47;} #sub.etc.ad_buy .adlist .ad-item .check-box.g-bg > input[type="checkbox"]:checked ~ label:before, #sub.etc.ad_buy .buyad-item .check-box.g-bg > input[type="checkbox"]:checked ~ label:before, #sub.lawyer.infoedit .check-box > input[type="checkbox"]:checked ~ label:before{background-image: url(/views/_layout/basic/images/ico_chk_w.svg);} #sub.etc.ad_buy .adlist .ad-item .original-price {font-size: 1.4rem; font-weight: 500; text-decoration: line-through; color: #666666;} #sub.etc.ad_buy .adlist .ad-item .price{max-width: 160px; transition: 0.3s all ease;} #sub.etc.ad_buy .adlist .ad-item.on .price, #sub.etc.ad_buy .buyad-item .checkbox.on .price{color: #23BC47;} #sub.etc.ad_buy .tipwrap{display: block; opacity: 1;} #sub.etc.ad_buy .tipwrap ul, #sub.etc.ad_buy .tipwrap ul li{line-height: 20px;} .tooltip-wrapper {position: relative; display: inline-block;} .tooltip_pop{width: 440px; border-radius: 12px; display: none; border-bottom: 1px solid #FAFAFA; background: #FFF; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); position: absolute; z-index: -1; padding: 24px 25px; box-sizing: border-box; opacity: 0;} .tooltip_pop .tipwrap{padding: 15px;} .tooltip_pop .tipwrap > ul{padding-left: 12px;} .tooltip_pop .tipwrap > ul li{line-height: 17px;} .tooltip_pop .img{position: relative; padding-bottom: 51.286%; border-radius: 12px;} .tooltip_pop .img img{width: 100%; height: 100%; position: absolute;} #sub.etc.ad_buy .bigstep.bigstep-2{max-width: 810px;} #sub.etc.ad_buy .bigstep.bigstep-2 > .shadow-box{padding: 80px; box-sizing: border-box;} #sub.etc.ad_buy .bigstep.bigstep-2 .bankinfo{background-color: #F7F7FA; border-radius: 12px; padding: 20px 30px; box-sizing: border-box;} #sub.etc.ad_buy .bigstep.bigstep-2 .bankinfo li{height: 40px; line-height: 38px; border-bottom: 1px solid #ECF0F4; box-sizing: border-box;} #sub.etc.ad_buy .bigstep.bigstep-2 .bankinfo li span{min-width: 50px; max-width: 50px;} .input-group{width: fit-content; border-radius: 8px; overflow: hidden; border: 1px solid #ECF0F4; box-sizing: border-box;} .input-number-group input[type=number]::-webkit-inner-spin-button, .input-number-group input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; appearance: none;} .input-number-group .input-number {width: 60px; padding: 0 10px; vertical-align: top; text-align: center; outline: none; display: block; margin: 0; border: none; border-left: 1px solid #ECF0F4; border-right: 1px solid #ECF0F4;} .input-number-group .input-number, .input-number-group .input-number-decrement, .input-number-group .input-number-increment { height: 37px; line-height: 35px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 0; background-color: #fff; box-sizing: border-box;} .input-number-group .input-number-decrement, .input-number-group .input-number-increment {display: inline-block; width: 37px; cursor: pointer;} #sub.etc.ad_buy .ad-item .nice-select{min-width: unset; height: 37px; line-height: 35px;} #sub.etc.ad_buy .ri{border-radius: 12px; border: 1px solid #ECF0F4; background-color: #FFF; padding: 24px 24px; box-sizing: border-box;} #sub.etc.ad_buy .buyad-item + .buyad-item{margin-top: 10px;} #sub.etc.ad_buy .buyad-item .checkbox{padding: 11.5px 15px} #sub.etc.ad_buy .buyad-item .checkbox.on{background-color: #F3FCF5;} #sub.etc.ad_buy .buyad-item .checkbox .check-box, #sub.etc.ad_buy .buyad-item dl dd p:not(.price){max-width: calc(100% - 115px); width: 100%;} #sub.etc.ad_buy .buyad-item .price, #sub.etc.ad_buy .buyad-item dl dd p.price{max-width: 110px; width: 100%; text-align: end; transition: 0.3s all ease;} #sub.etc.ad_buy .buyad-item dl{padding: 0 20px; box-sizing: border-box; } #sub.etc.ad_buy .buyad-item dl dd{position: relative;} #sub.etc.ad_buy .buyad-item dl dd p{height: 37px; line-height: 35px; position: relative;} #sub.etc.ad_buy .buyad-item dl dd + dd::before{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #ECF0F4; position: absolute; top: 0; left: 0;} #sub.etc.ad_buy .buyad-item dl dd p:not(.price){padding-left: 25px;} #sub.etc.ad_buy .buyad-item dl dd p em{} #sub.etc.ad_buy .buyadlist .price-box{padding: 20px 0; box-sizing: border-box; position: relative;} #sub.etc.ad_buy .buyadlist .price-box + .price-box:before{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #ECF0F4; position: absolute; top: 0; left: 0;} #sub.etc.ad_buy .bigstep-3{max-width: 812px; margin: 0 auto;} .option-box .main-tit{background-color: #F3FCF5; border-radius: 12px; padding: 10px 20px; box-sizing: border-box;} #sub.etc.ad_buy .bigstep-3 .option-box .main-tit > b{max-width: 243px;} #sub.etc.ad_buy .bigstep-3 .option-box .main-tit > p{max-width: 60px;} .option-box .main-tit > b{max-width: 351px; width: 100%;} .option-box .main-tit > p{max-width: 160px; width: 100%; text-align: end;} .option-box .calendar input{height: 37px; line-height: 37px; border: 1px solid #ECF0F4; background-color: #fff;} .option-box .calendar_icon{right: 10px; margin-top: -1px;} .option-box .explanation{padding: 10px 20px; box-sizing: border-box;} .homepage-wrap + .homepage-wrap{margin-top: 10px;} .homepage-wrap .menu-input{max-width: 200px;} .homepage-wrap .link-input{max-width: calc(100% - 210px); width: 100%;} #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: 5px 20px; box-sizing: border-box; border-radius: 12px; border: 1px solid #FAFAFA; background: #FFF; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); transition: 0.3s all;} #sub.etc.ad_buy .banner-item .list, #sub.lawyer.infoedit .banner-item .list, .popup_addetail .banner-item .list{max-width: 200px; width: 100%; } #sub.etc.ad_buy .banner-item .region__court__select .list{max-width: unset; width: 100%;} #sub.etc.ad_buy .banner-item .list li, #sub.lawyer.infoedit .banner-item .list li, .popup_addetail .banner-item .list li{display: flex; align-items: center;} #sub.etc.ad_buy .banner-item .list li.on, #sub.lawyer.infoedit .banner-item .list li.on, .popup_addetail .banner-item .list li.on{color: #23BC47;} #sub.etc.ad_buy .banner-item .list li, #sub.etc.ad_buy .banner-item .checklistbox li, #sub.lawyer.infoedit .banner-item .list li, #sub.lawyer.infoedit .banner-item .checklistbox li, .popup_addetail .banner-item .list li, .popup_addetail .banner-item .checklistbox li{min-height: 57px; line-height: 57px; position: relative;} #sub.etc.ad_buy .banner-item .checklistbox li label, #sub.lawyer.infoedit .banner-item .checklistbox li label, .popup_addetail .banner-item .checklistbox li label{line-height: 17px;} #sub.etc.ad_buy .banner-item .list li + li::before, #sub.etc.ad_buy .banner-item .checklistbox li + li::before, #sub.lawyer.infoedit .banner-item .list 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{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #E8E8E8; position: absolute; top: 0; left: 0;} #sub.etc.ad_buy .banner-item .checklistbox, #sub.lawyer.infoedit .banner-item .checklistbox, .popup_addetail .banner-item .checklistbox{width: calc(100% - 212px);} #sub.etc.ad_buy .banner-item .checklistbox li > .check-box, #sub.lawyer.infoedit .banner-item .checklistbox li > .check-box, .popup_addetail .banner-item .checklistbox li > .check-box{min-width: 135px;} #sub.etc.ad_buy .check-box.green > input[type="checkbox"]:checked ~ label, .popup_addetail .check-box.green > input[type="checkbox"]:checked ~ label{font-weight: 600 !important;} #sub.etc.ad_buy .banner-item .checklistbox li, #sub.lawyer.infoedit .banner-item .checklistbox li{padding: 20px 0; box-sizing: border-box; flex-wrap: wrap;} #sub.etc.ad_buy .area-banner .banner-item .checklistbox li .check-box + .check-box, #sub.lawyer.infoedit .area-banner .banner-item .checklistbox li .check-box + .check-box{margin-top: 8px;} #sub.etc.ad_buy input{color: #2B2D2F;} #sub.etc.ad_buy .banner-item .nice-select:after { right: 20px; border-bottom: 1.5px solid #2B2D2F; border-right: 1.5px solid #2B2D2F; width: 7px; height: 7px; margin-top: -6px;} #popup_addetail input[type="checkbox"], #popup_addetail label{pointer-events: none;} /* 마이페이지 */ #sub .search-wrap2 .search-box a{color: #9FA4A9; background-color: #F7F7FA; padding: 10px 24px; border-radius: 50px; box-sizing: border-box;} #sub .search-wrap2 .search-box a.on{background-color: #23BC47; color: #fff;} #sub .search-wrap2 .search-box a.on b{color:#111;} .ad-notice{padding: 13px 15px; border-radius: 8px; box-sizing: border-box;} .adopt-p{width: 54px; height: 26px; border-radius: 4px; background: rgba(0, 175, 82, 0.05); margin: 0 auto;} .adopt-p img, .judgment-p img{margin-top: -1px;} .write-min-btn{width: 61px; height: 30px; border: 1px solid #232732; border-radius: 8px; box-sizing: border-box;} .judgment-p{width: 74px; height: 26px; border-radius: 4px; background: rgba(0, 175, 82, 0.05); margin: 0 auto;} #sub .small-select{width: 100%; max-width: 52px; height: 27px; min-width: unset; padding-left: 10px; padding-right: 21px; border-radius: 500px;} #sub .small-select::after{width: 3px; height: 3px; right: 10px; margin-top: -4px;} #sub .small-select .list{padding: 3px 10px;} #sub .small-select .list .option{color: #2B2D2F;} #sub .small-select .list .option.selected{color: #23BC47;} #sub .small-select .option{height: 27px; min-height: 27px; line-height: 27px;} #sub .small-select.scheduled {background-color: #F3FCF5; border: 1px solid #23BC47;} #sub .small-select.scheduled > .current{color: #23BC47 !important;} #sub .small-select.canceled {background-color: #FFF2F2; border: 1px solid #FF0000;} #sub .small-select.canceled > .current{color: #FF0000 !important;} #sub .small-select.completed {background-color: #ECF0F4; border: 1px solid #ECF0F4; pointer-events: none; cursor: default; padding: unset;} #sub .small-select.completed > .current{color: #7A8287 !important;} #sub .small-select.completed::after{display: none;} #sub.mypage.lawyer.write .lawyer-box .input-wrap input{min-height: 47px; border: 1px solid #ECF0F4; background: #FFF; box-shadow: none;} #sub.mypage.lawyer.write .detail_view_btn{background-color: #232732; height: 50px;} #sub.mypage.lawyer.write .detail_view_btn.on{background-color: #23BC47;} #sub.mypage.lawyer.write .popup_reserve{position: relative; height: 0; transition: 0.3s all ease; opacity: 0; z-index: -1;} #sub.mypage.lawyer.write .lawyer-box .btnSet{width: calc(100% + 40px); padding: 0; box-sizing: border-box; box-shadow: 0px -4px 10px 0px rgba(0, 0, 0, 0.05); position: relative; left: -20px; opacity: 0; height: 0; transition: 0.3s all ease; z-index: -1;} #sub.mypage.lawyer.write .lawyer-box .btnSet > *{border-radius: 8px; height: 50px;} #sub.mypage.lawyer.write .lawyer-box .btnSet .closebtn{color: #7A8287; background-color: #F7F7FA; width: 80px;} #sub.mypage.lawyer.write .lawyer-box .btnSet .changebtn{background-color: #23BC47; color: #fff; width: calc(100% - 88px);} #sub.mypage.lawyer.adinex table tbody td .deposit{color: #23BC47; background-color: #F3FCF5; border: 1px solid #23BC47; border-radius: 500px; width: 62px; height: 27px; margin: 0 auto; line-height: 26px;} #sub.mypage.lawyer.adinex table tbody td .deposit.complete{color: #7A8287; background-color: #ECF0F4; border: 1px solid #ECF0F4;} #sub.mypage.lawyer.adinex table tbody td .cancel-btn{display: block; color: #FF0000; border: 1px solid #FF0000; width: fit-content; box-sizing: border-box; border-radius: 500px; background: #FFF2F2; font-size: 1.2rem; font-weight: 500; width:62px; height:27px; margin:0 auto; line-height: 26px; text-align: center;} #sub.mypage.lawyer.adinex table tbody td .option{width: 57px; height: 26px; line-height: 26px; border-radius: 5px; border: 1px solid #232732; margin: 0 auto;} #sub.mypage.lawyer.adinex table tbody td .option.detail-option{background-color: #232732; color: #fff;} #sub.mypage.lawyer.adinex table tbody td .extend-btn{color: #0FA1CA; border-bottom: 1px solid #0FA1CA; width: fit-content; padding: 5px 0; box-sizing: border-box; margin: 0 auto;} #sub.mypage.lawyer.adinex table tbody td .extend-btn.no-extend{color: #C3C9D0; border-bottom: 1px solid #C3C9D0; pointer-events: none;} #sub.mypage.lawyer.adinex .bankinfo{width: 86px; height: 30px; margin-left: auto; border-radius: 8px; border: 1px solid #232732; padding: 6.5px 9.5px; box-sizing: border-box; transition: 0.3s all ease; position: relative;} #sub.mypage.lawyer.adinex .bankinfo:hover{background-color: #232732; color: #fff; width: 103px; padding: 6.5px 17.5px 6.5px 9.5px;} #sub.mypage.lawyer.adinex .bankinfo:hover::after{content: ''; clear: both; display: block; width: 16px; height: 16px; background-image: url('/views/_layout/basic/images/ico_bank.svg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 50%; right: 8px; transform: translateY(-50%);} .educationbox .adinput + .adinput{margin-top: 10px;} /* 상담 스케줄 관리 */ #calendar table thead tr th{border: none; border-bottom: none !important;} #calendar table tbody tr td{padding: 0 !important; height: unset;} #calendar table tbody tr td:nth-of-type(1){padding-left: 0 !important;} #calendar table tbody tr td:last-of-type{padding-right: 0 !important;} .fc-header-toolbar .fc-toolbar-chunk{display: flex; align-items: center; justify-content: center;} .fc .fc-toolbar{position: relative; justify-content: center;} .fc-toolbar-chunk:nth-of-type(3){position: absolute; right: 0;} .fc .fc-toolbar-title {font-size: 2.4rem; font-weight: 700;} .fc .fc-button:not(.fc-customButton1-button) {width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ECF0F4; background-color: #fff; transition: 0.3s all ease;} .fc .fc-button:not(.fc-customButton1-button):hover{background-color: #23BC47; border: 1px solid #23BC47;} .fc .fc-button:not(.fc-customButton1-button):hover .fc-icon{color: #fff;} .fc .fc-button-primary:focus{box-shadow: none;} .fc .fc-button .fc-icon {margin-top: -1px; font-size: 1.3rem; font-weight: 500; vertical-align: middle; color: #9FA4A9; display: flex; align-items: center; justify-content: center; width: 8px; height: 12px;} .fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid{border: none;} .fc .fc-daygrid-day-top {flex-direction: row; padding: 0 8px; align-items: center; gap: 3px;} .fc .fc-daygrid-day-frame {background-color: #F7F7FA; border-top: 1px solid #2B2D2F; box-sizing: border-box;} .fc .fc-day-sat .fc-daygrid-day-frame{border-top: 1px solid #004DFF;} .fc .fc-day-sun .fc-daygrid-day-frame{border-top: 1px solid #FF0000;} .fc .fc-daygrid-day-number, .fc .fc-col-header-cell-cushion, .holiday-text{padding: 3px 0; font-size: 1.2rem; font-weight: 700; letter-spacing: -0.36px;} .holiday-text{padding: 0; color: #FF0000 !important;} .fc-day-sat{color: #004DFF;} .fc-day-sun{color: #FF0000;} .fc .fc-daygrid-body table {border-spacing: 8px; border-collapse: separate;} .fc .fc-customButton1-button{font-size: 1.2rem; font-weight: 700; letter-spacing: -0.36px; color: #23BC47; border-radius: 8px; padding: 5px 9.49px; box-sizing: border-box; border: 1px solid #23BC47; background-color: #F3FCF5; transition: 0.3s all ease; position: relative;} .fc .fc-customButton1-button:hover{padding: 5px 26.5px 5px 9.49px; background-color: #23BC47; border: 1px solid #23BC47;} .fc .fc-customButton1-button:hover::after{content: ''; clear: both; display: block; width: 16px; height: 16px; background-image: url('/views/_layout/basic/images/ico_calendar.svg'); background-repeat: no-repeat; background-size: cover; position: absolute; top: 50%; right: 5px; transform: translateY(-50%);} .fc .fc-toolbar.fc-header-toolbar{margin-bottom: 20px;} .fc-event-content{display: flex; align-items: center; justify-content: space-between; font-size: 1.2rem; font-weight: 700; letter-spacing: -0.36px; color: #fff; height: 20px; padding: 0 5px; border-radius: 3px; box-sizing: border-box;} .fc-event-content .delete-btn{color: #fff;} .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {min-height: unset; max-height: 68px; overflow-y: scroll; margin: 0; padding: 0 5px; box-sizing: border-box;} .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events::-webkit-scrollbar, .fc-daygrid-day-events::after, .fc-daygrid-day-events::before, .fc-daygrid-day-frame::after, .fc-daygrid-day-frame::before, .fc-daygrid-event-harness::after, .fc-daygrid-event-harness::before{display: none;} .fc-daygrid-day-top{height: 30px; line-height: 28px;} .fc .fc-daygrid-event-harness > a{margin: 0 !important; border: none;} .fc .fc-daygrid-event-harness + .fc-daygrid-event-harness{margin-top: 3px !important;} .gcal-holiday{cursor: none; pointer-events: none; width: fit-content;} .gcal-holiday .fc-event-content{color: #FF0000 !important; padding: 0;} .gcal-holiday .delete-btn, .fc-daygrid-day-bottom{display: none;} /* 일반 이벤트가 있는 날짜 셀 스타일 (공휴일 제외) */ .fc-daygrid-day-frame:has(.fc-event-content:not(.gcal-holiday)) { background-color: #F3FCFC !important; } .fc-daygrid-day-frame:has(.fc-event-content:not(.gcal-holiday)) .fc-daygrid-day-top a { color: #0FA1CA; } /* 공휴일이 있는 날짜는 기존 스타일 유지 */ .fc-daygrid-day-top:has(.holiday-text) a {color: #FF0000 !important;} .fc-daygrid-day-frame:has(.fc-daygrid-day-top .holiday-text) {border-top: 1px solid #FF0000 !important;} /* 내정보관리 */ .adbtn{width: 31px; height: 22px; line-height: 22px; border-radius: 4px; background-color: #C3C9D0; cursor: pointer;} .career-wrap .adinput:not(.no), .career-wrap .adinput .commission-price-wrap, .service-price-wrap{justify-content: flex-start; padding: 0 20px; box-sizing: border-box; border: 1px solid #C3C9D0; border-radius: 12px; box-shadow: 0px 4px 18px 0px rgba(51, 51, 51, 0.05); box-sizing: border-box;} .career-wrap .adinput input{box-shadow: none; border: none; padding: 0;} .career-wrap .adinput:not(.no) input:focus, #sub.lawyer.infoedit .price-info-box input{outline: none;} .career-wrap .adinput:not(.no) input:nth-of-type(1){width: 120px;} .career-wrap .adinput:not(.no) input:nth-of-type(2){width: calc(100% - 164px);} #sub.lawyer.infoedit .profile-wrap input{color: #23BC47; font-weight: 600 !important; } #sub.lawyer.infoedit .profile-box li:nth-child(4) .adinput > div, #sub.lawyer.infoedit .profile-box li:nth-child(4) .adinput input {max-width: 170px;} .trashbtn{width: 24px; height: 24px; background-color: #D9F2DF; border-radius: 500px; flex-shrink: 0;} .educationbox .trashbtn, .price-box .trashbtn { position: absolute; top: 50%; right: 20px; transform: translateY(-50%);} .career-wrap .adinput.no .trashbtn{right: 0;} .commission-price-wrap > b, .service-price-wrap > b{position: absolute; top: 50%; left: 20px; transform: translateY(-50%);} .commission-price-wrap > b:nth-of-type(2), .service-price-wrap > b:nth-of-type(2){left: unset; right: 20px;} .career-wrap .adinput.no .adinput-con{max-width: calc(100% - 34px) !important;} .career-wrap .adinput.no .commission-price-wrap:nth-of-type(1) input, .career-wrap .adinput.no .service-price-wrap:nth-of-type(1) input{padding: 0px; text-align: start;} .career-wrap .adinput.no .commission-price-wrap:nth-of-type(2) input, .career-wrap .adinput.no .service-price-wrap:nth-of-type(2) input{padding: 0 55px 0 30px; text-align: end;} .career-wrap .adinput.no .commission-price-wrap:nth-of-type(3) input, .career-wrap .adinput.no .service-price-wrap:nth-of-type(3) input{padding: 0px 15px; text-align: end;} .work-area .input-wrap textarea { margin: 0; line-height: 22px; color: #23BC47; font-weight: 600 !important; min-height: unset; height: -webkit-fill-available; padding:15px 0; } .popup_bankinfo .popup-title p.fs14{line-height: 20px;} .popup_bankinfo .bankinfo-list{background: #F7F7FA; border-radius: 8px; padding: 5px 15px; box-sizing: border-box;} .popup_bankinfo .bankinfo-list li{padding: 10px 0; box-sizing: border-box; position: relative;} .popup_bankinfo .bankinfo-list li + li::before{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #ECF0F4; position: absolute; top: 0; left: 0;} /* ================================================== 소셜로그인 ================================================== */ #sub.member_log .sns_login{margin-top:35px; font-size:0; text-align:center; position:relative;} #sub.member_log .sns_login .tit{position:relative;} #sub.member_log .sns_login .tit:before{display:block; content:''; clear:both; width:100%; height:1px; background:#999999; position:absolute; top:48%; left:0;} #sub.member_log .sns_login p{display:inline-block; line-height:1; padding:0 20px; background:#fff; font-size:1.4rem; color:#999; position:relative; z-index: 10;} #sub.member_log .sns_url{text-align:center; font-size:0; margin-top:20px;} #sub.member_log .sns_url a{margin-left:40px; display:inline-block; width:40px; height:40px; background-position:center; background-repeat:no-repeat; background-size:40px;} #sub.member_log .sns_url a:first-child{margin-left:0;} #sub.member_log .sns_url a.kakao{background-image:url('/views/_layout/basic/images/ico_sns_kakao.svg')} #sub.member_log .sns_url a.naver{background-image:url('/views/_layout/basic/images/ico_sns_naver.svg')} #sub.member_log .sns_url a.google{background-image:url('이미지 없음 구해서 넣어주세요')} .fetch__loader { position:fixed; z-index: 9999999; top:50%; left:50%; margin-left:-25px; margin-top:-25px; width: 50px; aspect-ratio: 1; border-radius: 50%; border: 8px solid #23BC47; animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear; } #loader_area{ position:relative; height:100px; } .fetch__loader__inside { position:absolute; z-index: 9999999; top:50%; left:50%; margin-left:-25px; margin-top:-25px; width: 50px; aspect-ratio: 1; border-radius: 50%; border: 8px solid #2FAA27; animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear; } .fetch__loader__inside.sm{ width:20px; height:20px; margin-left:-10px; margin-top:-10px; border-width:4px; } @keyframes l20-1{ 0% {clip-path: polygon(50% 50%,0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0% )} 12.5% {clip-path: polygon(50% 50%,0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0% )} 25% {clip-path: polygon(50% 50%,0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100% )} 50% {clip-path: polygon(50% 50%,0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100% )} 62.5% {clip-path: polygon(50% 50%,100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100% )} 75% {clip-path: polygon(50% 50%,100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100% )} 100% {clip-path: polygon(50% 50%,50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100% )} } @keyframes l20-2{ 0% {transform:scaleY(1) rotate(0deg)} 49.99%{transform:scaleY(1) rotate(135deg)} 50% {transform:scaleY(-1) rotate(0deg)} 100% {transform:scaleY(-1) rotate(-135deg)} } /*.fetch__loader {*/ /* position:fixed;*/ /* z-index: 9999999;*/ /* top:50%; left:50%;*/ /* margin-left:-24px;*/ /* margin-top:-24px;*/ /* width: 48px;*/ /* height: 48px;*/ /* border-radius: 50%;*/ /* animation: rotate 1s linear infinite*/ /*}*/ /*.fetch__loader::before {*/ /* content: "";*/ /* box-sizing: border-box;*/ /* position: absolute;*/ /* inset: 0px;*/ /* border-radius: 50%;*/ /* border: 5px solid #FFF;*/ /* animation: prixClipFix 2s linear infinite ;*/ /*}*/ /*@keyframes rotate {*/ /* 100% {transform: rotate(360deg)}*/ /*}*/ /*@keyframes prixClipFix {*/ /* 0% {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}*/ /* 25% {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}*/ /* 50% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}*/ /* 75% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}*/ /* 100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}*/ /*}*/ .recommend-keyword-wrap .more-page .pc640 {align-items: center; gap: 3px;} .rotate180 {transform: rotate(180deg); transition: transform 0.3s ease;} #popup_addetail .popup-cont > li{margin-bottom:60px;} /* 신고하기 팝업 */ #popup_report.popup .popup-body{max-width: 560px;} .popup_report .popup-cont{max-height: 382px; overflow-y: auto;-ms-overflow-style: none; scrollbar-width: none;} .popup_report .popup-cont::-webkit-scrollbar{display: none; } .popup_report .popup-cont ul li{border-radius: 12px; background: #F7F7FA; min-height: 57px; padding: 10px 20px; box-sizing: border-box; display: flex; align-items: center; border: 1px solid transparent; transition: 0.3s all ease;} .popup_report .popup-cont ul li:hover{background: #F3FCF5;} .popup_report .popup-cont ul li.on{border: 1px solid #23BC47; background: #fff;} .popup_report .popup-cont ul li + li{margin-top: 10px;} .popup_report .popup-cont ul li .check-box{width: 100%; height: 100%; align-items: center;} .popup_report .popup-cont ul li textarea{resize: none; width: 100%; height: 160px; border: 1px solid #ECF0F4; border-radius: 8px; padding: 15px; box-sizing: border-box; margin-top: 10px;} .popup_report .popup-cont ul li.textarea-box{padding: 16px 20px;} .popup_report .popup-cont ul li textarea:focus{outline: none; border: 1px solid #2B2D2F;} #sub.totalsearch h4 span{position:static; transform: none;} #sub.totalsearch .section .tit-box h4 {display:flex; align-items:center;} #sub.totalsearch .intellectuals li:after{display:none;} #sub.totalsearch .solution {grid-template-columns: repeat(1, 1fr);} /* 리스트 공통 new */ #main .section3 .intellectuals > li > a.new > span, #main .section5 .solution > li > a.new .lawyer-itwrap, #sub .intellectuals > li > a.new > span, #sub.solutioncase .solution_case_list > li.new .lawyer-itwrap, #sub.legalstory.index .storySwiper .swiper-slide > a.new > span, #sub.legalstory.index .law_story_list > li.new > span{padding-right: 25px; position: relative; width: fit-content;} #main .section3 .intellectuals > li > a.new > span:after, #main .section5 .solution > li > a.new .lawyer-itwrap:after, #sub .intellectuals > li > a.new > span:after, #sub.solutioncase .solution_case_list > li.new .lawyer-itwrap:after, #sub.legalstory.index .storySwiper .swiper-slide > a.new > span:after, #sub.legalstory.index .law_story_list > li.new > span:after, #header .new-li a:after{content: ''; clear: both; display: block; background-color: #0FA1CA; background-image: url(/views/_layout/basic/images/new_mo.svg); background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; background-size: 8px 8px; position: absolute; top: 50%; right: 0; z-index: 9; border-radius: 3px; transform: translateY(-50%);} #header .new-li a {padding-right:20px;} #sub .search-wrap .search-box a{color: #9FA4A9; transition: 0.3s all; position: relative; padding: 5px 0; box-sizing: border-box; border-bottom: 1px solid transparent;} /* ================================================== 회사소개 ================================================== */ .mo-img{display: none;} #sub.about #sVisual{height: 100svh;} #sub.about #sVisual .bg-txt-box {position: relative; width: fit-content; color: transparent; z-index: 1;} #sub.about #sVisual .bg-txt-box.active {color: #23BC47; background-color: #fff; padding: 0 6.08px;} /* ::after로 검정 배경 덮기 */ #sub.about #sVisual .bg-txt-box::after {content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: #23BC47; z-index: 2;} /* 애니메이션 - 덮고 다시 벗기기 */ #sub.about #sVisual .bg-txt-box.active::after {animation: cover-then-uncover 0.8s ease-in-out forwards;} @keyframes cover-then-uncover { 0% { width: 0%; left: 0; } 40% { width: 100%; left: 0; } 60% { width: 100%; left: 0; } 100% { width: 0%; left: 100%; } } #sub.about .section:not(#sVisual){padding: 140px 0; box-sizing: border-box;} #sub.about .section1{background: rgba(35, 188, 71, 0.13);} #sub.about .section1 .section-body{max-width: 1340px;} #sub.about .section2.section .section-body, #sub.about .section3.section .section-body{max-width: 100%; padding: 0;} #sub.about .section2 .tit-box, #sub.about .section3 .tit-box{max-width: 1320px; padding: 0 20px; box-sizing: border-box; margin: 0 auto;} #sub.about .section2 .cont-area, #sub.about .section3 .cont-area{max-width: 1300px; margin: 0 auto; box-sizing: border-box;} #sub.about .section2 .cont-wrap, #sub.about .section3 .cont-wrap{padding-left: 20px; padding-right: 20px;} .line-text{display: inline-block; position: relative; color: #23BC47; z-index: 1;} .line-text.green::after{background-color: rgba(35, 188, 71, 0.20);} .line-text:after{content: ''; clear: both; display: block; width: 0; height: 18px; background-color: #fff; position: absolute; bottom: 8px; z-index: -1; transition: 0.3s all ease;} .line-text.active:after{width: 100%;} /* .aboutswiper, .aboutswiper2{width: 410px; overflow: visible !important; margin: unset !important;} */ .about-list li{min-width: 330px; min-height: 464px; border-radius: 12px; border: 1px solid #C3C9D0; background: #FFF; padding: 56px 24px; box-sizing: border-box;} .about-list li .img{margin-top: 31.5px;} .about-list li .txt{padding-top: 36px; margin-top: 36px; position: relative;} .about-list li .txt::after{content: ''; clear: both; display: block; width: 100%; height: 1px; background-color: #C3C9D0; position: absolute; top: 0; left: 0;} .about-list li .txt span{line-height: 29px;} #sub.about .section3{background-image: url(/views/_layout/basic/images/about_bg_2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover;} #sub.about .section3 .tit-box strong{color: #fff;} #sub.about .section3 .about-list li{border: none; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(12.5px);} #sub.about .section3 .about-list li .img{margin-top: 0;} .promise-list li{padding: 96px 0 30px; box-sizing: border-box; position: relative;} @media screen and (min-width: 1080px){ .promise-list li:first-of-type{padding-top: 0;} } .promise-list li p{position: relative;} .promise-list li p::after{content: '01'; clear: both; display: block; font-size: 9.0rem; font-weight: 700; line-height: 126px; letter-spacing: -2.7px; color: #F3FCF5; position: absolute; left: -24px; top: -66px; z-index: -1;} .promise-list li:nth-of-type(2) p::after{content: '02';} .promise-list li:nth-of-type(3) p::after{content: '03';} #sub.about .section5 p.fs20, #sub.about .section8 p.fs20{line-height: 32px;} #sub.about .jarallax-section{height: 506px; padding: 0 !important; overflow: hidden;} .jarallax-section .jarallax-img { background-image: url('/views/_layout/basic/images/section-jarallax.jpg'); /* PC 기본 이미지 */ } @media (max-width: 768px) { .jarallax-section .jarallax-img { background-image: url('/views/_layout/basic/images/section-jarallax_mo_1.png'); /* 모바일 이미지 */ } } #sub.about .section6{background-color: #F3FCF5;} .advertise-list{display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px;} .advertise-list li{padding: 40px; border-radius: 12px; border: 1px solid #ECF0F4; background-color: #fff; box-sizing: border-box; width: 344px; height: 407px;} .advertise-list li:nth-of-type(2){margin-top: 96px;} .advertise-list li:nth-of-type(3){margin-top: -96px;} .advertise-list li .txt-box span{line-height: 27px;} #sub.about .section7{padding-bottom: 0 !important;} #sub.about .section7 .section-body{max-width: 100%; padding: 0;} #sub.about .section7 .tit-box{max-width: 1320px; padding: 0 20px; box-sizing: border-box; margin: 0 auto;} .reason-list{display: grid; grid-template-columns: repeat(4, 1fr);} .reason-list li{height: 1080px; filter: grayscale(100%); transition: filter 0.3s ease; position: relative; overflow: hidden;} .reason-list li .img-box{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} .reason-list li .img-box img{width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;} .reason-list li:hover .img-box img{transform: scale(1.1);} .reason-list li:hover{filter: grayscale(0%);} .reason-list li:hover .txt-box span, .reason-list li:hover .txt-box p{color: #fff;} .reason-list li:hover .txt-box strong{color: #23BC47;} .reason-list li:hover .txt-box > *{transition: 0.3s all ease;} .reason-list li .txt-box{padding: 60px 80px; box-sizing: border-box; width: 100%; color: #C3C9D0;} .reason-list li .txt-box strong{line-height: 39px;} .reason-list li .txt-box p{line-height: 29px;} .ta-img, .mo-580{display: none;} #sub.about .section8{min-height: 540px;} #sub.about .section9{background-image: url(/views/_layout/basic/images/about_bg_9.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 100px 0 !important; min-height: 577px;} #sub.about .section9 .btn{width: 194px; height: 60px; border-radius: 8px;} #sub.about .section9 .btn img{width: 0; transition: 0.3s all ease;} #sub.about .section9 .btn:hover img{width: 11px;} .gj-datepicker-md {height:100%;} .gj-picker-md, ul.gj-list-md li, .gj-textbox-md {font-family:'Pretendard', sans-serif !important; position: relative;} .calendar.ipt-box input {height: 100%; font-size:1.4rem; font-weight:400; border:none; line-height:unset !important; vertical-align: middle; width:100%; box-sizing:border-box; color:#111111; background-color:transparent;} .calendar .gj-icon {font-size:0; text-indent:-9999px;} .calendar .gj-icon:after {position:absolute; display:block; content:''; clear:both; background-image:url('/views/_layout/basic/images/ico_calendar_2.svg'); background-position:center; background-repeat:no-repeat; width: 16px; height: 16px; right: 10px; top: 10px;} .gj-picker {border-radius: 10px; box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08); border: unset !important;} body .gj-picker-md {padding:0 20px;} body .gj-picker div[role=body] {padding: 20px 0 16px; box-sizing:border-box; border-bottom:1px solid #e8e8e8;} body .gj-picker-md div[role=navigator] {position: relative; height: 30px; line-height: 28px; margin-bottom: 16px;} body .gj-picker div[role=navigator] div[role=period] {letter-spacing:-0.5px;} body .gj-picker div[role=navigator] div[role=period], body .gj-picker div[role=navigator] div {max-width: unset; font-size: 1.8rem; font-weight: 700; color:#2B2D2F; white-space: nowrap; width: auto; flex-basis: unset; -webkit-box-flex: unset; -ms-flex-positive: unset; flex-grow: unset;} body .gj-picker div[role=navigator] div {position:static;} body .gj-picker-md div[role=navigator] div i.gj-icon {left: unset !important; right: 35px; top: 0;} body .gj-picker-md div[role=navigator] div:last-child i.gj-icon {right: 0; top: 0;} body .gj-icon.chevron-left:before {content:''; clear: both; display: block; background-image: url(/views/_layout/basic/images/ico_calendar_arrow_l.svg); background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; background-size: cover;} body .gj-icon.chevron-right:before {content:''; clear: both; display: block; background-image: url(/views/_layout/basic/images/ico_calendar_arrow_r.svg); background-position: center; background-repeat: no-repeat; width: 30px; height: 30px; background-size: cover;} body .gj-picker-md table tr td {padding:5px 4px; box-sizing:border-box;} body .gj-picker-md table tr th {padding: 0 4px 16px 4px; box-sizing:border-box;} body .gj-picker-md table tr td:first-child{padding-left: 0;} body .gj-picker-md table tr td:last-child, body .gj-picker-md table tr th:last-child {padding-right: 0;} body .gj-picker-md table tr:first-child td{padding-top: 0;} body .gj-picker-md table tr:last-child td{padding-bottom: 0;} body .gj-picker-md table tr td.today div, body .gj-picker-md table tr td div.today {color:#23BC47;} body .gj-picker-md table tr th div {font-size: 1.1rem; font-weight: 700; height: 20px; line-height: 20px; color: #8295B6;} body .gj-picker-md table tr td div { font-size: 1.4rem; font-weight: 500; height: 30px; line-height: 30px;} body .gj-picker-md table tr td div, body .gj-picker-md table tr th div {width: 30px; letter-spacing: -0.42px; display: flex; align-items: center; justify-content: center;} body .gj-picker-md table tr td div {font-weight: 600; color: #111111; border-radius:5px; transition:.3s ease-out; box-sizing:border-box; border:1px solid transparent;} body .gj-picker-md table tr td.selected div, body [type=decade].gj-picker-md table tr td div.selected, body [type=year].gj-picker-md table tr td div.selected {color:#fff !important; background-color: #23BC47 !important; border-radius:500px !important; border-color: transparent !important;} /* body .gj-picker-md table tr td.selected.gj-cursor-pointer div {background:#0059FF; border-radius:5px;} */ body .gj-picker-md table tr td.selected.gj-cursor-pointer div {background:unset; border-radius:5px; color:#111111;} /* body .gj-picker-md table tr td.selected.gj-cursor-pointer div:hover {background:#0059FF; border-radius:5px; color:#fff; border-color:#0059FF;} */ body .gj-picker-md table tr td.gj-cursor-pointer div:hover {background: transparent; border-color: transparent; color: #23BC47;} body .gj-picker-md [role=footer] {width: 100%; padding: 15px 0; box-sizing: border-box; display: flex; justify-content: space-between;} body .gj-picker-md [role=footer] button.gj-button-md {font-family: 'Pretendard', sans-serif; font-size: 1.2rem; font-weight: 600; min-width: auto; width: 44px; box-sizing: border-box; text-align: center; line-height: 24px; height: 24px; padding: 0; border-radius: 4px;} body .gj-picker-md [role=footer] button.gj-button-md:first-child {color:#fff; background-color:#C3C9D0; } body .gj-picker-md [role=footer] button.gj-button-md:last-child { color:#fff; background-color:#232732;} body [type=year].gj-picker-md table tr td div, body [type=decade].gj-picker-md table tr td div, body [type=century].gj-picker-md table tr td div {width: 57px; height: 57px; line-height: 57px; border-radius:500px; transition:.3s ease-out; border:1px solid transparent; box-sizing:border-box;} body [type=year].gj-picker-md table tr td div:hover, body [type=decade].gj-picker-md table tr td div:hover, body [type=century].gj-picker-md table tr td div:hover {color: #23BC47; background-color: transparent;} body .gj-picker[type="decade"] div[role="period"] {pointer-events: none;} body .gj-textbox-md:active, body .gj-textbox-md:focus {border-bottom:unset;} .none_data div.today { background: unset !important; color: #111 !important;} div[type="year"] .not_current_year div:not(.today) { background: unset !important; border-color: transparent !important; color: #111 !important;} .banner-area a {display: block; width: 100%; height: 80px; overflow: hidden; border-radius: 12px;} .banner-area.h-120 a {height: 120px;} .banner-area picture {width: 100%; height: 100%; display: block;} .banner-area picture img {width: 100%; height: 100%; object-fit: cover;} .mo-select-wrap {width: 100%; background-color: #F7F7FA; border-radius: 8px; padding:4px; box-sizing: border-box;} #sub.etc.ad_buy.option .nice-select .current {font-weight: 400;} .upload-name, .padding-right-input {padding-right: 110px !important;} #popup_addetail.popup_addetail .banner-item .checklistbox li {min-height: unset; line-height: unset; padding:20px 0;} .green-status {padding:4.5px 8px; width: unset; height: unset; } div #cancelBtn {color:#23BC47;} .select-wrap .checkbox-group.big-category-list .check-box.green > input[type="checkbox"] {min-height: unset;} .modal-delete-btn{ background-image: url(/assets/images/modal_close_btn.svg); background-position: center; background-size: 8px; background-repeat: no-repeat; width: 8px; height: 8px; display: block; cursor:pointer; } .answer-count {display: block; border-radius: 5px; background-color: #fff; padding:2px 5px; line-height: 17px; color:#232732; letter-spacing: 0;} .basic-ad-li .img-area img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .basic-ad-li .img-area img + img, #imgPopup.popup .img-box img + img { opacity: 0; animation: fadeBlink 4s linear infinite; } @keyframes fadeBlink { 0% { opacity: 0; } 12.5% { opacity: 0; } 25% { opacity: 1; } 37.5% { opacity: 1; } 50% { opacity: 0; } 62.5% { opacity: 0; } 75% { opacity: 1; } 87.5% { opacity: 1; } 100% { opacity: 0; } } #imgPopup.popup .popup-body { max-width: 890px; } #imgPopup .popup-inner { border-radius: 16px 0 16px 16px; } #imgPopup .img-box { position: relative; width: 100%; height: 0; padding-bottom: 81.3585%; overflow: hidden; border-radius: 12px; } #imgPopup .img-box img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center; left: 0; top: 0; } .sw-btnBox { display: none; align-items: center; justify-content: flex-end; gap: 10px; margin: 20px 0 10px 0; } .sw-btnBox .visual-arr.prev { background: #F7F7FA url(/views/_layout/basic/images/ico_next.svg) no-repeat center center; text-indent: -9999em; width: 30px; min-width: 30px; height: 30px; margin-right: 0; } .sw-btnBox .visual-arr.next { background: #F7F7FA url(/views/_layout/basic/images/ico_next.svg) no-repeat center center; text-indent: -9999em; width: 30px; min-width: 30px; height: 30px; margin-left: 0; } #passwordChangeModal.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; } #passwordChangeModal .modal-content { background: white; border-radius: 8px; padding: 30px; width: 90%; max-width: 500px; max-height: 90vh; overflow-y: auto; position: relative; } #passwordChangeModal .modal-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px; } #passwordChangeModal .modal-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #999; } #passwordChangeModal .modal-close:hover { color: #333; } #passwordChangeModal .input-group { margin-bottom: 20px; width:100%; } #passwordChangeModal .input-group label { display: block; margin: 10px 10px; } #passwordChangeModal .input-wrap input:focus{ outline: none; } #passwordChangeModal .ico-eye { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; /* background: url('/assets/images/ico_eye.svg') no-repeat center; */ background-size: contain; cursor: pointer; } #passwordChangeModal .ico-eye.active { background-image: url('/assets/images/ico_eye_active.svg'); } #passwordChangeModal .modal-footer { border-top: 1px solid #eee; padding-top: 20px; } #passwordChangeModal .modal-footer .btnSet { justify-content: flex-end; } #passwordChangeModal .modal-footer .btn { min-width: 100px; padding: 12px 20px; } @media screen and (max-width: 640px) { #passwordChangeModal .modal-content { padding: 20px; margin: 20px; } #passwordChangeModal .modal-footer .btnSet { flex-direction: column; gap: 10px; } #passwordChangeModal .modal-footer .btn { width: 100%; } }