.bold{font-weight:600;} .lawyer .banner{margin-bottom:5px;} .lawyer_text{font-size:10px;line-height:17px;font-weight:300;text-align:center;} #lawyer_list_content{display:block;} #lawyer_view_content{display:block;} #lawyer_list_content .lawyer_list{margin-bottom:4px;padding:0px 5px;} #lawyer_list_content .lawyer_list ul {margin:0px;padding:0px;} #lawyer_list_content .lawyer_list ul > li{width:25%;float:left;margin:0px;} #lawyer_list_content .lawyer_list.new ul > li{width:19.5%;} #lawyer_list_content .lawyer_list ul > li div{display:block;padding:0px 2px;} #lawyer_list_content .lawyer_list ul > li a{display:block;width:100%;} #lawyer_list_content .lawyer_list ul > li a img{display:inline-block;width:100%;} #lawyer_list_content .lawyer_list2{margin:0px;padding:0px 5px;} #lawyer_list_content .lawyer_list2 ul {margin:0px;padding:0px;} #lawyer_list_content .lawyer_list2 ul > li{width:50%;float:left;margin:0px;} #lawyer_list_content .lawyer_list2 ul > li div{display:block;padding:2px 2px;} #lawyer_list_content .lawyer_list2 ul > li a{display:block;width:100%;} #lawyer_list_content .lawyer_list2 ul > li a img{display:inline-block;width:100%;} /* .lawyer_box1, .lawyer_box2{margin:0 3%} .lawyer_box1 div, .lawyer_box2 div{float:left;} .lawyer_box1 a, .lawyer_box2 a{width:100%;height:100%;display:inline-block;} .lawyer_box1 div{width:24.25%;margin-right:1%} .lawyer_box1 div:last-child{margin-right:0} .lawyer_box2 div{width:49.5%;margin-top:1%;} .lawyer_box2 div:nth-child(odd){margin-right:1%} */ /*LAWYER VIEWER*/ /*변호사 소개 정의*/ #container2{margin-bottom:20px;} #lawyer_view .lawyer_item{display:none;opacity: 0;transition: opacity 300ms; } #lawyer_view .lawyer_item.on{display:block;opacity: 1;transition: opacity 300ms;} #lawyerCon{width:100%;padding:5px 0px;background-color:#f2f2f2;} #lawyer_view_list{width:100%;height:90px;} #lawyerCon .swiper-container {width:100%; height:90px;} #lawyerCon .swiper-container .swiper-slide{position:relative;width:80px; height:90px; /* 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{display:block;width:80px;height:90px;} #lawyerCon .swiper-container .swiper-slide a img{width:80px;height:90px;} #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/swiper-left.png");left:0px;} #lawyerCon .swiper-button-next{background-image:url("/m/img/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-container.fixedslide .swiper-wrapper{transform: translate3d(0px, 0px, 0px) !important;} /*변호사 추가 삭제시 이부분을 정리해 주세요 */ #lawyerCon .swiper-container.fixedslide2 .swiper-wrapper{transform: translate3d(calc( -px + 100% ), 0px, 0px) !important;} /************************** 변호사 VIEW 를 정의 **************************/ /*lawyer view */ #lawyer_view{position:relative;width:100%;min-height:500px;background:url('/m/img/lawyer_view_bg.jpg?ver=1') repeat 0px 255px;margin-bottom:10px;overflow:hidden;} #lawyer_view .lawyer_header{position:relative;width:100%;height:140px;background-color:#162e4a;} #lawyer_view .lawyer_header > div{position:absolute;color:white;} #lawyer_view .lawyer_position{padding-left:15px;top:50px;;left:25px;font-weight:300;font-size:20px;color:#eeeeee;font-family:'Nanum Gothic';opacity: 0.8;} #lawyer_view .lawyer_position:before{position:absolute;top:50%;left:0px;margin-top:-10px;width:3px;height:20px;background-color:white;content:"";opacity: 0.5;} #lawyer_view .lawyer_name{top:80px;;left:37px;font-weight:700;font-size:35px;letter-spacing:0.5em;font-family:'Nanum Myeongjo';} #lawyer_view .lawyer_photo{position:absolute;top:0px;right:-50px;width:60%;height:100%;background:url('') no-repeat 0 0;background-size:100% auto;z-index:0} #lawyer_view .lawyer_body{position:relative;;padding-top:20px;margin-left:10px;width:60%;font-family:'Noto Sans KR';background-color:transparent;z-index:10; } #lawyer_view .lawyer_body .lb_title{position:relative;margin-bottom:12px;line-height:17px;font-size:18px;font-weight:700;border-bottom:1px solid #323232;z-index:1;} #lawyer_view .lawyer_body .lb_title.lb_title_tv{position:relative;font-size:16px;border-bottom:none;} #lawyer_view .lawyer_body .lb_list{position:relative;margin-bottom:17px;font-size:14px;line-height:17px;z-index:1;} #lawyer_view .lawyer_body .lb_list li{position:relative;line-height:17px;margin-bottom:4px;letter-spacing:-0.05em;z-index:1;} #lawyer_view .lawyer_body .lb_list li:before{display:inline-block;content:"\00B7";margin-right:3px;} #lawyer_view .lawyer_body .lb_list li{padding-left:8px;text-indent:-5px;font-size:12px;} #lawyer_view .lawyer_body .lb_list li.htflex{} #lawyer_view .lawyer_body .lb_list li .theader{font-weight:bold;display:inline-block;margin-right:5px;margin-left:4px;} #lawyer_view .lawyer_body .lb_list li .ttexter{} .lawyer_success{position:relative;width:calc( 100% - 20px);margin:0px 10px;padding:10px 0px;background-color:white;border:1px solid #ddd;z-index:10;} .lawyer_success .swiper-title{position:absolute;top:15px;left:10px;line-height:20px;font-size:17px;font-weight:700;} .lawyer_success .swiper-cont{width:100%;} .lawyer_success .swiper-container{padding-top:40px;} .lawyer_success .swiper-slide{width:100%;height:200px;} .lawyer_success .swiper-slide ul{width:100%;overflow:hidden;} .lawyer_success .swiper-slide ul:after{content: ""; clear: both; display: table;} .lawyer_success .swiper-slide ul li{float:left;width:49%;overflow:hidden;} .lawyer_success .swiper-slide ul li a{display:block;padding:3px 5px 3px 10px;margin-bottom:5px;} .lawyer_success .swiper-slide ul li a div{width:100%;height:18px;line-height:18px;overflow:hidden;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-family:'Noto Sans KR';} .lawyer_success .swiper-slide ul li a div.ss_head{font-size:12px;margin-bottom:3px;} .lawyer_success .swiper-slide ul li a div.ss_text{font-size:12px;color:#0076b2;padding-left:11px;} .lawyer_success .swiper-slide ul li a div.ss_text:after{display:inline-block;margin-left:5px;content:">"} .lawyer_success .swiper-pagination-fraction { bottom: auto;top:0px;right: 20px; left:auto;width:80px;height:24px;line-height:24px;border-radius:12px;text-align:center;font-size:12px;background-color:#0776c0;color:white} .lawyer_success .swiper-button-next, .lawyer_success .swiper-button-prev{width:9px;height:15px;top:26px;right:30px;background-size:cover;} .lawyer_success .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} .lawyer_success .swiper-button-prev{right:83px;left:auto;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");} #lawyer_view #lawyer_item4 .lawyer_photo{top:10px;}