body{font-family:'Noto Sans KR';} .container { margin-top: 103px; overflow-x: hidden; } div, ul , li{box-sizing: border-box;} #site1 .container { margin-top: 200px; } body.index .container {margin-top: 184px;} /*지도 높이 정의*/ .location_con .con.on{height:auto;} .sound_only{display:none;} .topbarbg{display:flex;position:fixed;top:0px;left:0px;align-items:center;width:100%;height:103px;z-index:1000;background:none;margin:0px;padding:0px;} .topbarbg.on{background-color:rgba(0,0,0,0.9);} .topbarbg{background-color:transparent;transition: background 0.3s ease-out;} .topbarbg.scrolled{background-color:rgba(0,0,0,0.9);transition: background 0.5s ease-out;} .topbarbg .topLogo{position:absolute;top:37px;left:162px;} .topbarbg .topLogo a{display:inline-block;} .topbarbg .topLogo img.logofix{display:inline-block;} .topbarbg .topLogo img.logo_scroll{display:none;} .topbarbg .topCs{position:absolute;top:0px;right:182px;height:110px;display:flex;align-items:center;font-size:17px; letter-spacing:-0.05em;font-family:'Noto Sans KR';line-height:22px;} .topbarbg .topCs .topCsText{font-weight:bold;color:white;margin-bottom:0px;} .topbarbg .topCs .topCsTel{font-weight:300;color:white;} .topbarbg .topCs2{margin-left:20px;width:200px;height:110px;display:flex;align-items:center;font-size:17px; letter-spacing:-0.08em;font-family:'Noto Sans KR';line-height:22px;text-align:left;} .topbarbg .topCs2 .topCsText{font-weight:bold;color:white;margin-bottom:0px;} .topbarbg .topCs2 .topCsTel{font-weight:300;color:white;} .topbarbg.scrolled .topLogo img.logofix{display:none;} .topbarbg.scrolled .topLogo img.logo_scroll{display:inline-block;} .sub_lnb > div{height:53px;} .sub_lnb > div.clear{display:none;} @media (min-width: 1200px){ .container { max-width: 100%; } } #lawyerMap{overflow:initial;} .location_tab > ul{margin-bottom:0px;} #mainSlider .swiper-pagination{bottom:60px;} #mainSlider .swiper-pagination-bullet{background-color:#898989;width:20px;height:20px;margin-left:7px;margin-bottom:7px;} #mainSlider .swiper-pagination-bullet-active{background-color:#555555;} /*메인 슬라이더 정의*/ #mainSlider{width:100%;height:1000px;background-color:#101112} #mainSlider .swiper-slide{width:100vw;height:1000px;background:no-repeat center center;} #mainSlider .swiper-slide > div{text-align:center;} #mainSlider .swiper-slide > .subject01{padding-top:320px;font-size:32px;color:white;font-weight:400; margin-bottom:30px;} #mainSlider .swiper-slide > .subject02{margin-bottom:30px;font-size:50px;color:white;font-weight:500;} #mainSlider .swiper-slide > .text{color:rgba(255,255,255,0.5);margin-bottom:30px;font-size:22px;font-weight:350;} #mainSlider .swiper-slide > .text01{} #mainSlider .swiper-slide > .text02{} #mainSlider .swiper-slide > .vline{width:1px;height:90px;margin:0px auto 30px auto;border-left:1px solid rgba(255,255,255,0.5);} /*성공사례를 정의*/ #mSuccess{padding:50px 0px 40px 0px;color:black;} #mSuccess div{text-align:center;} #mSuccess .subject1{font-size:44px;margin-bottom:10px;color:black;font-weight:350;} #mSuccess .subject1 .notice1{color:#0d6fb8;font-weight:700;} #mSuccess .subject1 .notice2{font-weight:700;} #mSuccess .subject2{font-size:26px;font-weight:400;margin-bottom:40px;} #mSuccess .ms_count{width:1190px;margin:30px auto 0px auto;display:flex;align-items:center;} #mSuccess .ms_count li{position:relative;width:33.3%;padding:0px 0px 0px 15px;} #mSuccess .ms_count li:after{position:absolute;content:"";display:block;top:50%;right:0px;margin-top:-27px;height:54px; border-right:2px solid black;} #mSuccess .ms_count li:last-child:after{display:none;} #mSuccess .ms_count .title{font-size:25px;margin-bottom:0px;letter-spacing:-0.08em;} #mSuccess .ms_count .countCon{display:flex;align-items:flex-end;justify-content:center;margin-top:-20px;} #mSuccess .ms_count .countCon .count22{font-size:90px;font-weight:500;color:black;} #mSuccess .ms_count .countCon .unit{font-size:34px;color:#555;padding-bottom:2px;padding-bottom:19px; padding-left:5px;} /*성공사례 정의*/ #mpSuccCon{background-color:#e9e9e9;padding:25px 0px;} #mpSucc{display:flex;justify-content:space-between;width:1200px;margin:0px auto;padding:0px 110px;} #mpSucc > div{} #mpSucc .mpsBest{width:470px;height:509px;background-color:white;} #mpSucc .mpsBest .swiper-container{height:509px;} #mpSucc .swiper-slide > a{display:block;width:100%;padding:20px 40px;text-decoration:none;color:#232323;} #mpSucc .swiper-slide > a .code{margin-bottom:20px;} #mpSucc .swiper-slide > a .code .code_icon{display:inline-block;padding:2px 3px;background-color:#555;color:white;font-size:24px;} #mpSucc .swiper-slide > a div.contText{margin-bottom:15px;} #mpSucc .swiper-slide > a div.contSubject{margin-bottom:20px;width:100%;line-height:35px;font-size:28px;font-weight:bold;color:#111;max-height:70px;overflow:hidden;} #mpSucc .swiper-slide > a div.contDetail{width:100%;line-height:25px;max-height:100px;font-size:16px;color:#333;overflow:hidden;text-align:justify; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; /* ellipsis line */ -webkit-box-orient: vertical; /* webkit 엔진을 사용하지 않는 브라우저를 위한 속성. */ /* height = line-height * line = 1.2em * 3 = 3.6em */ line-height: 25px; height: 100px; } #mpSucc .mpsList{width:480px;height:490px;} #mpSucc .mpsList a div.contDetail{ overflow:hidden; text-align:justify; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* ellipsis line */ line-height: 23px; width:100%; height: 46px; } #mpSucc .swiper-button-prev:after, #mpSucc .swiper-button-next:after{display:none;} #mpSucc .lawyer_list_box {width:100%;margin:0px 0 0 0;position:absolute;bottom:60px;left:0px;} #mpSucc .lawyer_list_box ul {display:flex;width:100%;padding:0px 15px;} #mpSucc .lawyer_list_box ul:after{display:block;content:"";clear:both;} #mpSucc .lawyer_list_box li {width:25%;text-align:center;} #mpSucc .lawyer_list_box li a{display:inline-block;} #mpSucc .lawyer_list_box li a > div.img{width:90px;height:90px;border-radius:50%;margin-bottom:10px;border:0px solid #ccc;background:no-repeat center center;} #mpSucc .lawyer_list_box li a > div.text{text-align:center;font-size:14px} #mpSucc .swiper-button-prev, #mpSucc .swiper-button-next{top:calc(100% - 60px);width:33px;height:33px;background-size:auto;margin-top:0px;margin-left:0px;} #mpSucc .swiper-button-prev{background-image:url('/img/new/success_left_arrow.jpg');left:auto;right:58px;} #mpSucc .swiper-button-next{background-image:url('/img/new/success_right_arrow.jpg');left:auto;right:20px;} #mpSucc .mpsList{margin:;padding:0px;padding-top:10px;} #mpSucc .mpsList li{} #mpSucc .mpsList li a{width:100%;padding:10px 0px;display:flex;border-bottom:1px solid #ccc;text-decoration:none;} #mpSucc .mpsList li:first-child a{padding-top:0px;} #mpSucc .mpsList li a div{} #mpSucc .mpsList li a div.code{width:100px;min-width:100px;margin-right:10px;} #mpSucc .mpsList li a div.code .code_icon{display:inline-block;padding:2px 2px;background-color:#555;color:white;font-size:24px;line-height:28px;} #mpSucc .mpsList li a div.contText{width:calc(100% - 110px);} #mpSucc .mpsList li a div.contSubject{margin-bottom:5px;width:100%;padding-top:2px;line-height:28px;font-size:24px;font-weight:bold;color:#232323;} #mpSucc .mpsList li a div.contDetail{width:100%;line-height:23px;font-size:16px;color:#333;overflow:hidden;} #mpSucc .mpsList li a:hover div.contSubject{color:#367e9a;} #mpSucc .mpsList li a:hover div.contDetail{color:#367e9a;} /*변호사를 정의한다*/ #mainLawyer{width:980px;margin:0px auto;padding:30px 10px;} #mainLawyer .subject{position:relative;margin-bottom:40px;font-size:20px;text-align:center;color:black;font-weight:bold;} #mainLawyer .subject:after{display:block;content:"";position:absolute;bottom:-10px;left:50%;width:30px;margin-left:-15px;border-bottom:5px solid #005b7f;} #mainLawyer .subject .notice3{font-size:28px;color:#367e9a} #mainLawyer .subject2{width:100%;font-size:26px;text-align:center;margin-bottom:40px;letter-spacing:-0.04em;font-weight:350} #mainLawyer .subject2 .notice4{color:#005b7f;font-weight:500;} #mainLawyer ul{width:100%;display:flex;justify-content:space-between;} #mainLawyer ul li{position:relative;width:205px;height:390px;} #mainLawyer ul li a{display:block;text-decoration:none;position:relative;width:100%;overflow:hidden;} #mainLawyer ul li a > div{height:390px;border:5px solid #005b7f;overflow:hidden;font-family:'Noto Sans KR';} #mainLawyer ul li a > div > div{width:100%;text-align:center;letter-spacing:-0.04em;font-family:'Noto Sans Kr';} #mainLawyer ul li a .info01{position:relative;margin:25px 0px 0px 0px;font-size:24px;height:28px;line-height:28px;z-index:4;overflow:hidden;color:#005b7f;font-weight:300;} #mainLawyer ul li a .info02{position:relative;font-size:21px;font-weight:500;height:28px;line-height:34px;z-index:3;overflow:hidden;color:#005b7f} #mainLawyer ul li a .info03{position:absolute;bottom:8px;left:0px;font-size:17px;z-index:2;color:#ffffff;text-shadow:0px 0px 5px #000000;} #mainLawyer ul li a .info04 {position:absolute;width:131%;top:86px;left:-34px;text-align:center;z-index:-1;} #mainLawyer ul li.lawyer30 a .info04 {} #mainLawyer ul li a .info04 img{width:100%;} #mainLawyer ul li:nth-child(1) a .info04 {top:96px;left:-48px;} #mainLawyer ul li:nth-child(2) a .info04 {left:-40px;} #container2{margin-bottom:20px;} #lawyerCon{width:100%;padding:5px 0px;} #lawyer_list{width:100%;height:130px;} #lawyerCon .swiper-container {width:100%; height:130px;} #lawyerCon .swiper-container .swiper-slide{position:relative;width:120px; height:130px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #lawyerCon .swiper-container .swiper-slide a{position:relative;display:block;width:120px;height:130px;} #lawyerCon .swiper-container .swiper-slide .lawyer_image{position:absolute;top:0px;left:0px;width:100%;height:100%;background:no-repeat center center;;} #lawyerCon .swiper-container .swiper-slide .lawyer_name{position:absolute;bottom:5px;left:10px;color:black;font-weight:bold;font-size:17px; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;} #lawyerCon .swiper-container .swiper-slide a.lawyer_image{ -moz-filter: url("data:image/svg+xml;utf8,#grayscale"); -o-filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#grayscale"); } #lawyerCon .swiper-container .swiper-slide.lawyerOn a.lawyer_image{ filter:none; } #lawyerCon .swiper-container .swiper-slide a img{width:120px;height:130px;} #lawyerCon .swiper-container .swiper-slide a img.off{display:inline-block;} #lawyerCon .swiper-container .swiper-slide a img.on{display:none;} #lawyerCon .swiper-container .swiper-slide.current a img.off{display:none;} #lawyerCon .swiper-container .swiper-slide.current a img.on{display:inline-block;} #lawyerCon .swiper-button-prev{background-image:url("/m/img/nimg/swiper-left.png");left:0px;} #lawyerCon .swiper-button-next{background-image:url("/m/img/nimg/swiper-right.png");right:0px;} #lawyerCon .swiper-button-next, #lawyerCon .swiper-button-prev{top:0px;width:40px;height:100%;margin-top:0px;background-size:100% 100%;} #lawyerCon .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } #lawyerCon .swiper-button-next, #lawyerCon .swiper-button-prev{width:25px;} #lawyerCon .swiper-container .swiper-slide{width:130px;height:130px;} #lawyerCon .swiper-container .swiper-slide a{width:130px;height:130px;} #lawyerCon .swiper-container{height:130px;} /**/ #lawyerCon.main .swiper-slide img.on{display:none;} #lawyerCon.main .swiper-slide img.off{display:inline-block;} #lawyerCon.main .swiper-slide.lawyerOn img.on{display:inline-block;} #lawyerCon.main .swiper-slide.lawyerOn img.off{display:none;} #lawyerCon.main .swiper-button-prev {background:;background-image: url('/m/img/new/mlawyer_left_arrow.jpg');} #lawyerCon.main .swiper-button-next {background-image: url('/m/img/new/mlawyer_right_arrow.jpg');} /************************** /*빠른 상담 */ /*성공사례 정의*/ #mpMapCon{background-color:#132332;} #mpMapCon > div > .subject{position:relative;padding-top:40px;margin-bottom:30px;font-size:32px;text-align:center;font-weight:bold;color:white;} #mpMapCon > div > .subject:after{display:block;content:"";position:absolute;bottom:-15px;left:50%;width:50px;margin-left:-25px;border-bottom:5px solid white;} #mpMapCon > div > .subject2{width:100%;font-size:26px;text-align:center;margin-bottom:0px;letter-spacing:-0.05em;font-weight:300;color:white} #mpMapCon > div{padding:0px 0px 0px 0px;overflow:hidden;} #mpMap{display:flex;justify-content:space-between;width:980px;margin:0px auto;} #mpMap > div{} #mpMap .mpmCont{width:470px;} #mpMap .mpmMap{width:510px;} #bo_v_con p{max-width:100%;} #bo_v_con div{max-width:100%;} #mainPartner {position:relative;margin:15px 20px 0px 0px;padding:0px 0px 0px 0px;background-color:contain;} #mp_map a{position:absolute;display:block;} #mp_map a > span > span {display:none;} #mp_map a > span > i {display:none;} #mp_map a.on {display:block;} #mp_map a.on > span > span {display:inline-block;} #mp_map a.on > span > i {display:block;} #mp_map a.area0{top:96px;left:97px;}/*서울*/ #mp_map a.area1{top:350px;left:330px;}/*부산*/ #mp_map a.area2{top:297px;left:236px;}/*대구*/ #mp_map a.area3{top:264px;left:127px;}/*대전*/ /* #mp_map a.area4{top:198px;left:96px;}/*성남 #mp_map a.area6{top:143px;left:163px;}/*수원 */ #mp_map a.area6{top:198px;left:96px;}/*성남*/ #mp_map a.area4{top:143px;left:163px;}/*수원*/ #mp_map a.area5{top:144px;left:64px;}/*인천*/ #mp_map a.area7{top:373px;left:98px;}/*광주*/ #mp_map a.area8{top:56px;left:142px;}/*의정부*/ #mp_map a.area9{top:308px;left:341px;}/*울산*/ #mp_map a.area10{top:58px;left:89px;}/*고양*/ #mp_map a.area11{top:180px;left:67px;}/*안산*/ #mp_map a.area12{top:388px;left:289px;}/*창원*/ #mp_map a.area13{top:96px;left:97px;}/*서울 분사*/ #mmapSubject{margin-top:20px;} #mmapSubject a{display:flex;align-items:center;justify-content:center;position:relative;width:100%;padding:15px 0px 15px 0px;letter-spacing:-0.1em;color:white;background-color:rgba(62,134,199,0.5);} #mmapSubject a .text{font-size:13px;line-height:20px;margin-right:5px;} #mmapSubject a .linker{font-size:16px;line-height:20px;font-weight:bold;margin-right:4px;} #mmapSubject a img{height:18px;} /*지도 정의*/ #mmapArea{position:absolute;top:0px;right:7px;padding:15px 10px;z-index:10;} #mmapArea ul{width:80px;} #mmapArea li{width:100%;margin-bottom:9px;} #mmapArea li a{display:block;width:100%;line-height:30px;border:1px solid rgba(255,255,255,0.5);color:white;text-align:center;text-decoration:none;font-size:15px;} #mmapArea li a.on{border:1px solid #e16a24;color:#e16a24;font-weight:bold;} #mContact{padding:56px 10px 15px 10px;font-family:'Noto Sans Kr';} #mContact .subject{position:relative;padding-left:32px;color:white;font-size:26px;letter-spacing:-0.05em;font-weight:300;} #mContact .subject:after{content:"";display:block;position:absolute;top:10px;left:17px;border-left:5px solid #ffffff;height:48px;} #mContact .subject2{padding-left:32px;color:white;font-size:15px;letter-spacing:0em;font-weight:300;margin-bottom:30px} #mContact ul.process{width:100%;display:flex;} #mContact ul.process li{padding-top:15px;position:relative;width:25%;text-align:center;line-height:20px;font-size:13px;color:white;letter-spacing:-0.05em;} #mContact ul.process li:before{display:block;content:"";position:absolute;top:0px;left:0px;width:100%; border-top:1px solid #ffffff38;} #mContact ul.process li:first-child:before{width:50%;left:50%;} #mContact ul.process li:last-child:before{width:50%;} #mContact ul.process li:after{display:block;content:"\25CF";position:absolute;top:0px;left:50%;font-size:10px;margin-left:-5px; margin-top:-10px;color:#ffffff} #mContactForm{padding:20px 0px 20px 15px;} #mContactForm ul{display:flex;flex-wrap:wrap;padding:15px 15px 0px 25px;color:white;} #mContactForm ul li{width:55%;display:flex;align-items:center;font-size:18px;margin-bottom:15px;letter-spacing:-0.05em;} #mContactForm ul li label{margin:0px 0px 0px 5px;font-weight:300} #mContactForm ul li:nth-child(2n){width:45%;} #mContactForm .phoneDiv{width:90%;margin-left:4%;margin-bottom:30px;} #mContactForm .phoneDiv input[type='text']{display:inline-block;margin-right:1%;height:35px;width:31%;border:1px solid #ccc;} #mContactForm .form_btn{text-align:center;} #mContactForm .form_btn button{display:inline-block;margin-left:-20px;width:380px;height:50px;background-color:#142332;color:white;border:none;font-size:18px;background-color:#455c73;} #mContactForm .form_agree{padding:5px 0px;} #mContactForm .form_agree label{display:flex;align-items:center;justify-content:flex-end;padding:12px 39px;color:white;line-height:20px;} #mContactForm .form_agree label input{width:15px;height:15px;} #mContactForm .form_agree label span{display:inline-block;margin-left:5px;font-size:12px;} #mpLocCon .subject{position:relative;padding-top:15px;margin-bottom:30px;font-size:26px;text-align:center;font-weight:bold;color:#333;} #mpLocCon .subject:after{display:block;content:"";position:absolute;top:0px;left:50%;width:50px;margin-left:-25px;border-top:5px solid #005b7f;} .lawyer_view_list{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:30px;height:auto;} .lawyer_view_list li{margin:2px;} .lawyer_view_list li img{height:80px;} .lawyer_view_list li a{position:relative;display:block;width:145px;height:80px;} .lawyer_view_list li.lawyer_simage{background:url('http://llcri.com/img/lawyer01bg.jpg?ver=1') no-repeat center center;background-size:cover;} .lawyer_view_list li.lawyer_simage a{background:no-repeat;background-size:100px;background-position:60px -10px} .lawyer_view_list li.lawyer_simage a .lawyer_name{display:inline-block;position:absolute;bottom:24px;left:13px;font-size:19px;font-weight:450;color:white;} /*성공사례를 적용한다*/ .sub_lnb > div p.title > .arrow{line-height:normal;} /*포인트를 적용한다*/ /*포이트 이미지*/ .pinkBg { background-color: #ed184f!important; background-image: linear-gradient(90deg, #fd5581, #fd8b55); } .intro-banner-vdo-play-btn{ height:10px; width:10px; position:absolute; top:0px; left:0px; text-align:center; margin:-5px 0 0 -5px; border-radius:100px; z-index:1 } .intro-banner-vdo-play-btn .ripple{ position:absolute; width:80px; height:80px; z-index:-1; left:0px; top:0px; opacity:0; margin:-35px 0 0 -35px; border-radius:100px; -webkit-animation:ripple 1.8s infinite; animation:ripple 1.8s infinite } @-webkit-keyframes ripple{ 0%{ opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{ opacity:0; -webkit-transform:scale(1); transform:scale(1) } } @keyframes ripple{ 0%{ opacity:1; -webkit-transform:scale(0); transform:scale(0) } 100%{ opacity:0; -webkit-transform:scale(1); transform:scale(1) } } .intro-banner-vdo-play-btn .ripple:nth-child(2){ animation-delay:.3s; -webkit-animation-delay:.3s } .intro-banner-vdo-play-btn .ripple:nth-child(3){ animation-delay:.6s; -webkit-animation-delay:.6s } @keyframes nation-circle { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0.5; } 50% { opacity: 1.0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .nation-circle{position:absolute; left:-25px; top:-25px; display:inline-block; width:50px; height:50px;} .nation-circle > span:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; } .nation-circle > span:nth-child(3) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .nation-circle > span:nth-child(4) { -webkit-animation-delay: 2s; animation-delay:2s; } .nation-circle > span:nth-child(5) { -webkit-animation-delay: 2.5s; animation-delay:2.5s; } .nation-circle > span:nth-child(6) { -webkit-animation-delay: 4s; animation-delay:4s; } .nation-circle > span { border:2px solid #e16a24 ; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 0; top: 0px; opacity: 0; margin: 0; width: 100%; height: 100%; -webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite; animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; } .nation-circle i{ display:block; position:absolute; top:50%;left:50%; margin:-6px 0 0 -6px; width:13px; height:13px; background-color:#e16a24; -webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px; } @media all and ( max-width: 1610px ){ .major-exporter-map-con > img.major-exporter-map-pc{display:none;} .major-exporter-map-con > img.major-exporter-map-m{display:block;} } /*내용 수정*/ .suc_best ul > li .best_head .bh_img.bg_image{margin-top:10px;width:70px;height:70px;background:no-repeat center 0px;background-size:100%;border:1px solid #ddd;border-radius:35px;} #blist table{float:none;} .pagingCon{padding:20px;text-align:center;font-size:15px;} /*성공사례 변호사*/ #case_lawyer_box.lawyer_box {display:block;display:none; width:100%; margin-top:120px;} #case_lawyer_box .lawyer_title {position:relative; line-height:20px;height:20px;border-left:1px solid #000;padding:0px 0px 0px 10px; font-size:16px; color:#000; letter-spacing:-0.04em; font-weight:500;font-family: 'Noto Sans KR';} #case_lawyer_box .lawyer_title span {display:none; position:absolute; left:0; top:0; width:30px; height:2px; background:#000; } #case_lawyer_box.lawyer_list_box { margin:20px 0 0 0; } #case_lawyer_box.lawyer_list_box ul { width:100%; height:100%; padding:0; margin:0; margin-left:0 !important; } #case_lawyer_box.lawyer_list_box li { display:inline-block; list-style:none; height:60px; line-height:50px !important; background:none !important; padding-left:0 !important; text-align:center; margin-right:10px; font-size:16px !important; color:#353535 !important;} #case_lawyer_box.lawyer_list_box li:last-child { margin-right:0px; } #case_lawyer_box.lawyer_list_box li span { display:block; width:100px; height:100px; border-radius:50%; background:#f8f8f8; } #case_lawyer_box.lawyer_list_box li span img { width:100px; height:100px; border-radius:50%; } #case_lawyer_box.lawyer_box ul.lawyer_bglist{margin-top:30px;margin-bottom: 50px;} #case_lawyer_box.lawyer_box ul.lawyer_bglist{display:flex;align-items:center;font-family:'Noto Sans KR';} #case_lawyer_box.lawyer_box ul.lawyer_bglist li{list-style-type:none;padding:0px 10px;background:none;text-align:center;} #case_lawyer_box.lawyer_box ul.lawyer_bglist li a{display:inline-block;width:90px;height:90px;background:no-repeat center center;background-size:100%;margin-bottom:5px;border:0px solid #aaa;border-radius:45px;} #case_lawyer_box.lawyer_box ul.lawyer_bglist li div.lawyer_name{text-align:center;font-size:14px;color: #585858;font-weight: 500;letter-spacing: -0.04em; } #bo_v_img{display:flex;flex-wrap:wrap;} #bo_v_img img{display:inline-block;max-width:446px;margin-right:5px;margin-bottom:5px;border:6px solid #8d8d8d;} #bo_v_con img{display:block;margin-right:5px;margin-bottom:5px;} .readCont{padding-left:85px;padding-right:80px;} #bbs #blist tr.active td:first-child{border-left:8px solid #555;} body #bread .rtop{width:100%;display:flex;align-items:center;} body #bread .rtop > div{width:120px;min-width:120px;float:none;letter-spacing:-0.05em;} body #bread .rtop > dl{width:calc(100% - 120px);margin-left:auto;display:flex;align-items:center;} body #bread .rtop > dl dt{width:calc(100% - 120px);} body #bread .rtop > dl dd{width:120px;min-width:80px;text-align:center;} .wrap_1200{max-width:100%;} #bo_v_con p{font-family:'나눔고딕' !important;} #bo_v_con span{font-family:'나눔고딕' !important;} #bo_v_con div{font-family:'Noto Sans KR','나눔고딕' !important;} #bo_v_con div{max-width:100% !important;} #bo_v_con img{max-width:100% !important;} #bo_v_con span{display:inline-block;max-width:100%;height:auto;} #site1.site1Sub .container {margin-top:100px;overflow-y:visible ;} body .container { max-width: 100%;} /* #bo_v_con span{display:inline-block !important;} #bo_v_con span{text-indent:initial !important;} #bo_v_con u{display:inline-block !important;} #bo_v_con span {display:inline !important;} #bo_v_con span u{display:inline !important;} #bo_v_con u span{display:inline !important;} #bo_v_con span span{display:inline !important;} #bo_v_con span b{display:inline !important;} */ #bo_v_con span{display:inline-block !important;} #bo_v_con span{text-indent:initial !important;} #bo_v_con u{display:inline !important;} #bo_v_con b{display:inline !important;} #bo_v_con span {display:inline !important;} #bo_v_con span u{display:inline !important;} #bo_v_con u span{display:inline !important;} #bo_v_con span span{display:inline !important;} #bo_v_con span b{display:inline !important;} /*################################ 메인검색을 정의한다 ################################*/ textarea:focus, input:focus{outline: none;} .mainSearch{width:100%;height:260px;background:url('/img/main/search_bg.jpg') no-repeat center center;background-size:cover;background-size:cover;} .mainSearch .msearch{width:1200px;margin:0px auto;text-align:center;padding-top:30px;color:white;} .mainSearch .msearch .title{margin-bottom:15px;font-size:28px;line-height:38px;} .mainSearch .msearch .title .point{font-weight:500;} .mainSearch .inputCon{position:relative;margin:0px auto 15px auto;width:570px;height:45px;overflow:hidden;border:3px solid #0f4155} .mainSearch .inputCon input{position:absolute;top:0px;left:0px;width:100%;height:100%;padding-left:15px;font-size:15px;border:0px;} .mainSearch .inputCon button{position:absolute;top:0px;right:0px;width:45px;height:100%;background-color:#0f4155;border:none; text-align:center;border-left:3px solid #0f4155;} .mainSearch .searchText{width:570px;margin:0px auto;padding-left:10px;display:flex;align-items:center;font-size:18px;border:1px solid rgba(255, 255 , 255, 0.2);border-right:0px;border-left:0px;} .mainSearch .searchText a , .searchText a:link, .searchText a:hover, .searchText a:visited{display:inline-block;padding:10px 20px;font-size:18px;line-height:20px;color:white;font-weight:350;} /*=============================== //메인검색 완료 ===============================*/ /*################################ 성공사례검색을 정의한다 ################################*/ .content{overflow:auto;} .caseSearchCon{width:1200px;margin:0px auto;} .caseSearch{margin-bottom:20px;display:flex;align-items:center;height:130px;background:url('/img/main/search_bg.jpg') no-repeat center center;background-size:cover;color:white;} .caseSearch .title{width:570px;padding-left:100px;font-size:40px;font-weight:350;} .caseSearch .title .point{font-weight:500;} .caseSearch .searchCon{width:calc(100% - 570px);} .caseSearch .inputCon{position:relative;margin:0px auto 10px auto;width:570px;height:45px;overflow:hidden;} .caseSearch .inputCon input{position:absolute;top:0px;left:0px;width:100%;height:100%;border:2px solid #959595;padding-left:15px;font-size:15px;} .caseSearch .inputCon button{position:absolute;top:-2px;right:-2px;width:45px;height:47px;background-color:#0f4155;border:none; text-align:center;} .caseSearch .searchText{width:570px;margin:0px auto;display:flex;align-items:center;justify-content:space-between;} .caseSearch .searchText a{display:block;font-size:16px;width:110px;padding:0px;height:32px;line-height:32px;color:white;font-weight:350;border:1px solid rgba(255,255,255,0.5);text-align:center;} .caseSearch .searchText a:link, .caseSearch .searchText a:hover,.caseSearch .searchText a:visited{color:white;} /*=============================== //메인검색 완료 ===============================*/ /* @media all and ( max-width: 980px ){ .wrap{min-width:initial;} .wsmenu{min-width:initial;} .foot_wrap{width:100vw;padding-left:15px;padding-right:15px;} .wsmenu>.wsmenu-list>li>a{font-size:14px;letter-spacing:-0.05em;padding-left:5px;padding-right:5px;} #main_intro{} #mainLoc.swiper-container{width:100vw;} #mpLocCon{padding-left:0px !important;width:100% !important;} #mSuccess .ms_count{width:100vw;} .mainSearch .msearch{width:100vw;} #mpSucc{width:100vw;padding:0px 10px;} #mpLoc #mpMovie{width:50%;height:30vw;} #mpLoc #mpOffice{width:50%;height:30vw;} #mpLoc #mpMovie #mute_vid{width:100% !important;height:30vw !important;} #mainLoc.swiper-container{height:30vw !important;} #mainLawyer ul li a > div{max-height:initial !important;} #mpSucc .mpsList{padding-left:10px;padding-right:10px;} #main_intro .swiper-wrapper{width:auto;} #topHeader .wsmenu-list li:last-child{display:none;} #topHeader .top_logo img{margin-left:-60px;} } */ /*새로운 위치변경을 정의*/ #bbs{font-family: 'Noto Sans KR';} /*성공사례*/ #bbs #bread{border: 1px solid #e7e7e7;padding:0px;} body #bread .rtop{position:relative;width:100%;padding:0px 0px;display:flex;align-items:center;height:140px;background-color:#f7f7f7;} body #bread .rtop .cate{margin:15px 20px 15px 0px;padding:0px 20px; display:flex;align-items:center;height:90px;margin-right:20px;border-right:1px solid #aaa;width:auto;font-size:18px;letter-spacing: -0.04em;color: #006699;font-weight:500} body #bread .rtop .title{width:auto;display:flex;align-items:center;} body #bread .rtop .title > div{} body #bread .rtop .title .subject{margin-bottom:10px;font-size: 24px;letter-spacing: -0.04em;text-align: left;color: #2e2e2e;line-height: 38px;font-family: 'Noto Sans KR';} body #bread .rtop .title .type{display:inline-block;width:auto;padding:2px 15px;font-size: 18px;letter-spacing: -0.04em;color: #ffffff;font-weight:500;background-color: #337198;} body #bread .rtop .date{margin-left:auto;margin-right:20px;width:auto;font-size:16px;color:#808080} #bo_v_con .caseCont{width: 900px;padding-bottom:30px;margin-bottom: 31px; margin: 30px 0px 37px 0px;} #bo_v_con .caseCont .caseHead{display:flex;align-items:center;border-left:3px solid #25397a;margin:5px 0px 20px 0px;padding-left:13px;color: #25397a;height: 30px;line-height: 30px;letter-spacing: -0.04em;font-size: 21px; font-family:'Noto Sans KR' !important;font-weight: 500;} #bo_v_con .caseCont .caseBody{padding-left:15px;padding-bottom:20px;margin-bottom:30px;font-size: 17px;line-height: 32px;font-family: 'Noto Sans KR';font-weight: normal;color: #454545;border-bottom:1px solid rgba(0,0,0,0.2);} #bo_v_con .caseCont .caseBody:last-child{border:0px;} /******************************************** lawyer 2020 ********************************************/ /* 변호사상세 */ .lawyer2020{background-color:#f2f2f2;} #lawyerView{display:flex;width:1400px;min-width:1400px;margin:0px auto;padding:40px 0px;} #lawyerView .lawPhoto{width:500px;padding-left:7px;} #lawyerView .lawPhoto img{box-shadow: 0px 0px 20px 10px rgba(100,100,100,0.1);} /* #lawyerView .lawInfo{display:flex;width:935px;} #lawyerView .lawEdu{width:430px; padding: 10px 0px;} #lawyerView .lawEdu.lawCarrer{width:440px;padding-left:10px;} #lawyerView .lawInfo{display:flex;width:900px;} #lawyerView .lawEdu{width:460px; padding: 10px 0px;} #lawyerView .lawEdu.lawCarrer{width:440px;padding-left:10px;} */ #lawyerView .lawEdu{color:#3a3a3a} #lawyerView .lawEdu .lawName{margin-bottom:45px;display:flex;align-items:center;height:40px;font-size:31px; font-weight:300;} #lawyerView .lawEdu .lawName{padding-left:20px;letter-spacing:-0.05em;border-left:4px solid #3a3a3a;} #lawyerView .lawEdu .lawName .name{display:inline-block;letter-spacing:0.4em;font-size:34px;font-weight:700;} #lawyerView .lawEdu .lawStitle{margin-bottom:15px;padding-left:20px;height:24px;line-height:24px;font-size:21px; font-weight:500;border-left:2px solid #3a3a3a} #lawyerView .lawEdu ul.lawList{font-size:17px;margin-bottom:35px;} #lawyerView .lawEdu ul.lawList li{padding:5px 10px 5px 20px;list-style-type:'·';line-height:30px;} #lawyerView .lawEdu.lawCarrer .lawName{margin-left:-10px;padding-left:0px;border-left:0px;font-size:20px;font-weight:500;line-height:25px;} #lawyerView .lawEdu.lawCarrer .lawName img{margin-right:10px;} /* 변호사 상세 성공사례 */ #laywerCase{width:100%;position:relative;padding-bottom:35px;} body #laywerCase .swiper-slide{padding:10px 10px;box-shadow:none;background-color:#f2f2f2;} #laywerCase .swiper-slide > div{background-color:white;padding:25px;color:#525252;font-weight:400; letter-spacing:-0.05em;font-size:21px;box-shadow: 1px 2px 5px 2px rgba(100,100,100,0.2);} #laywerCase .swiper-slide .textOverflow{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} #laywerCase .swiper-slide .caseTitle{margin-bottom:10px;font-size:24px;font-weight:500;} #laywerCase .swiper-slide .caseTitle2{margin-bottom:10px;} #laywerCase .swiper-slide .caseTitle2 span{display:inline-block;max-width:100%;height:35px;line-height:35px;padding:0px 15px;background-color:#366ab5;color:white;} #laywerCase .swiper-slide .caseSubject{ display:block;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #b7b7b7;} #laywerCase .swiper-slide .caseSubject a{display:block;font-size:21px;width:100%;height:30px;line-height:30px;} #laywerCase .swiper-slide .caseHead{margin-bottom:10px;font-size:18px;color:#366ab5;font-weight:500;} #laywerCase .swiper-slide .caseText{display:block;font-size:16px;width:100%;height:75px;overflow:hidden;line-height:25px;font-weight:300;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } #laywerCase .moveArrow{display:block;position:absolute;top:50%;left:50%;margin-left:-800px;margin-top:-30px;} #laywerCase .prevArrow{} #laywerCase .nextArrow{left:auto;right:50%;margin-right:-800px;} #laywerCase .swiper-container{margin:0px auto;width:1400px;} #laywerCase .swiper-button-prev{left:0px;} /* 상세설명 리스트 */ #laywerViewList{background-color:white;padding:25px 5px 25px 25px;} .lawyerViewList{} .lawyerViewList .swiper-slide{width:260px;} .lawyerViewList .lawyerItem{position:relative;width:260px;height:260px;} .lawyerViewList .lawyerItem a{position:absolute;display:block;width:100%;height:100%;background:no-repeat center center;background-size:100%;text-decoration:none;background-color:#f0f0f0} .lawyerViewList .lawyerItem a .lawyer_name{padding-top:16px;padding-left:15px;font-size:28px;color:#717171;font-family:'Noto Sans KR';font-weight:bold;} .lawyerViewList .lawyerItem a .lawyer_namesub{padding-top:0px;padding-left:15px;line-height:24px;font-size:18px;color:#717171;font-family:'Noto Sans KR';letter-spacing:-0.05em;} .lawyerViewList .lawyerItem a .link_bar{position:absolute;display:flex;align-items:center;bottom:15px;left:15px;width:140px;line-height:36px;background-color:#1f2b3c;color:white;padding-left:7px;font-size:18px;} .lawyerViewList .lawyerItem a .link_bar span.icon{margin-left:5px;} /*변호사리스트*/ #lawyerList.lawyerList2020{} .lawyerList2020 .slistBox li a{height:260px;position: relative; background: no-repeat center center ; background-position:center center;background-color:#eeeeee;} #site10.pc .lawyerList2020 .slistBox li a{height:220px;background-size:cover;} #lawyerCon.main2020 .swiper-container .swiper-slide a.lawyer_image{ -moz-filter: url("data:image/svg+xml;utf8,#grayscale"); -o-filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#grayscale"); } #lawyerCon.main2020 .swiper-container .swiper-slide.swiper-slide-active a.lawyer_image{ filter:none; } #lawyer_list.slideItem0 .swiper-container .swiper-wrapper{margin-left:-405px;transition: all 0.4s linear;} #lawyer_list.slideItem1 .swiper-container .swiper-wrapper{margin-left:-270px;transition: all 0.4s linear;} #lawyer_list.slideItem2 .swiper-container .swiper-wrapper{margin-left:-135px;transition: all 0.4s linear;} #lawyer_list.slideItem3 .swiper-container .swiper-wrapper{margin-left:0px;transition: all 0.4s linear;} .lawyer2020.container{background-color:#f2f2f2;} .lawyer2020 #laywerCase {position:relative;width:1600px;margin:0px auto 30px auto;padding:0px 100px;box-sizing: border-box;} .lawyer2020 #laywerCase .swiper-button-prev{background-image:url("//llcri.com/img/2020/case_arrow_left.png");left:-100px;} .lawyer2020 #laywerCase .swiper-button-next{background-image:url("//llcri.com/img/2020/case_arrow_right.png");right:-100px;} .lawyer2020 #laywerCase .case-button-move{position:absolute;top:calc(50% - 40px);cursor:pointer;} .lawyer2020 #laywerCase .case-button-prev{left:0px;} .lawyer2020 #laywerCase .case-button-next{right:0px;} #site5.pc .slistBox li{width:calc(33.3% - 15px);} #site5.pc .slistBox li:nth-child(4n) {margin-right:20px;} #site5.pc .slistBox li:nth-child(3n) {margin-right:0px;} #site5.pc .slistBox li a{height:280px;background-size:cover;} #site14.pc .mlistBox li a .lawyer_img .lawyer_info .lawyer_rate{margin-bottom:0px !important;}