@charset "utf-8";

.mobileView{display:none;}

.mainBanner{position:relative;}
.mainBanner .mainBannerCont img{display:none;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .mainBannerCont .bannerFirst img{display:block;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg img{display:block;}
.mainBanner .mainBannerCont .mainBannerText{width:100vw;position:absolute;left:0;bottom:27.374%;}
.mainBanner .mainBannerCont .mainBannerText p{max-width:1680px;margin:0 auto;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-family:'Poppins';font-size:10rem;font-weight:700;color:#fff;}
.mainBanner .mainBannerCont .mainBannerText p.text01 span{margin-left:-8px;}
.mainBanner .mainBannerCont .mainBannerText p.text02{font-size:2.6rem;color:#ccc;font-weight:500;letter-spacing:-0.02em;margin-top:15px;}

.mainBanner .slick-arrow{width:8px;height:13px;border:0;flex-shrink:0;}
.mainBanner .slick-arrow.slick-prev{background:url('/img/main/arrow_prev.png')no-repeat;}
.mainBanner .slick-arrow.slick-next{background:url('/img/main/arrow_next.png')no-repeat;}

.mainBanner .slick-controls{width:100%;position:absolute;left:0;bottom:30px;line-height:0;}
.mainBanner .slick-controls .slick-controls-box{width:100px;height:26px;margin:0 auto;background:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;position:relative;padding-left:8px;}
.mainBanner .slick-controls .slick-dots{margin:0 60px;display:inline-block !important;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin:5px 0;}
.mainBanner .slick-controls .slick-dots li button{width:45px;height:2px;background:rgba(255,255,255,.2);border:0;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{background:#fff;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause,
.mainBanner .slick-controls .slide-play{width:40px;height:40px;border:0;margin-left:26px;flex-shrink:0;}
.mainBanner .slick-controls .slide-pause{background:url('/img/main/pause_icon.png')no-repeat;}
.mainBanner .slick-controls .slide-play{background:url('/img/main/play_icon.png')no-repeat;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}
.mainBanner .slick-controls .slick-controls-cont{color:#888;font-weight:500;letter-spacing:-0.02em;font-size:13px;margin:0 20px;display:inline-flex;flex-shrink:0;}
.mainBanner .slick-controls .slick-controls-cont span{color:#222;}
.mainBanner .linkView{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);text-align:center;}
.mainBanner .linkView a{width:168px;height:52px;line-height:52px;display:inline-block;background:#2e3b83;border-radius:30px;color:#fff;font-size:1.6rem;}


.contTitle{font-size:2.8rem;font-weight:900;color:#222;margin-bottom:32px;} 

.mainCont{max-width:1696px;margin:0 auto;padding:76px 0 120px;}

.workArea .partList{width:calc(100% + 18px);display:flex;position:relative;left:-9px;}
.workArea .partList li{width:calc(25% - 18px);height:240px;border-radius:15px;background:#f5f6f8;display:flex;align-items:center;justify-content:center;margin:0 9px;}

.workArea .partList li dl{height:100%;display:flex;flex-direction:column;text-align:center;}
.workArea .partList li dl dt{height:calc(100% - 95px);font-size:2.8rem;font-weight:700;letter-spacing:-0.04em;color:#222;display:flex;align-items:center;justify-content:center;padding-top:20px;}
.workArea .partList li dl dd{height:95px;}
.workArea .partList li dl dd a{padding:10px 20px;font-size:1.5rem;font-weight:500;letter-spacing:-0.04em;color:#666;display:inline-flex;align-items:center;border:1px solid #e5e5e5;border-radius:5px;background:#fff;box-shadow:0 3px 10px #e8e9ee;}
.workArea .partList li dl dd a:after{width:12px;height:12px;background:url('/img/common/black_plus.png');display:inline-block;content:'';margin-left:min(42px, 2.1875vw);}
.workArea .partList li:hover{background:url('/img/main/bg_color.png')no-repeat center top / cover;}
.workArea .partList li:hover dt{color:#fff;}
.workArea .partList li:hover dd a{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.15);color:#fff;box-shadow:none;}
.workArea .partList li:hover dd a:after{filter: invert(1);} 

.workArea .bottom{display:flex;margin-top:86px;}
.workArea .bottom > div{border-radius:15px;}
.workArea .bottom .lawyer{/*width:40.69%;*/width:33.019%;margin-right:2.772%;border:1px solid #e5e5e5;padding:20px 1.769% 1.2% 2.182%;display:flex;align-items:flex-end;background:url('/img/main/lawyer_bg.jpg')no-repeat left top / contain;word-break:keep-all;position:relative;}
.workArea .bottom .lawyer div{height:100%;}
.workArea .bottom .lawyer .lawyerCont{width:100%;}
.workArea .bottom .lawyer .info{display:flex;color:#222;letter-spacing:-0.04em;position:relative;}
.workArea .bottom .lawyer .info .imgBox{width:46.426%;height:100%;display:flex;align-items:flex-start;margin-right:13.78%;flex-shrink:0;position:absolute;left:0;top:0;}
.workArea .bottom .lawyer .info .imgBox img{border-radius:15px;}
.workArea .bottom .lawyer .info > div{width:100%;padding-left:58%;}
.workArea .bottom .lawyer .info h3{font-size:2.6rem;font-weight:900;margin:25px 0 27px;}
.workArea .bottom .lawyer .info h3 strong{display:inline-block;margin-right:6px;}
.workArea .bottom .lawyer .info h3 span{font-size:2rem;font-weight:700;display:inline-block;}
.workArea .bottom .lawyer .info dl dt{font-weight:700;font-size:1.8rem;color:#222;}
.workArea .bottom .lawyer .info dl dd{font-size:1.6rem;line-height:1.625;color:#444;margin:13px 0 35px;word-break:keep-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.workArea .bottom .lawyer .info a{max-width:250px;height:40px;border:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;border-radius:20px;color:#666;font-weight:500;font-size:1.5rem;padding:0 20px;}
.workArea .bottom .lawyer .info a:after{width:12px;height:12px;background:url('/img/common/gray_plus.png');display:inline-block;content:'';}
.workArea .bottom .lawyer .slick-arrow{width:50px;height:50px;border:0;position:absolute;top:50%;transform:translateY(-50%);font-size:0;color:transparent;}
.workArea .bottom .lawyer .slick-arrow.slick-prev{left:-24px;background:url('/img/common/slide_prev.png');}
.workArea .bottom .lawyer .slick-arrow.slick-next{right:-24px;background:url('/img/common/slide_next.png');}

.workArea .bottom .news{width:37.984%;border:1px solid #e5e5e5;padding:29px 1.887% 30px;margin-right:2.418%;}
.workArea .bottom .news .up{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;}
.workArea .bottom .news .up h3{font-size:2.6rem;font-weight:700;letter-spacing:-0.04em;color:#222;}
.workArea .bottom .news ul li a{display:flex;align-items:center;justify-content:space-between;}
.workArea .bottom .news ul li p{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;color:#444;}
.workArea .bottom .news ul li .date{flex-shrink:0;font-size:1.4rem;letter-spacing:-0.02em;color:#999;padding-left:20px;}
.workArea .bottom .news ul li:nth-child(n+2){margin-top:20px;}

.workArea .bottom .location{width:26.271%;padding:23px 2.477%;background:url('/img/main/location_bg.png')no-repeat center / cover;color:#fff;word-break:keep-all;padding:32px 32px 20px;}
.workArea .bottom .location h3{color:#fff;font-weight:600;letter-spacing:-0.04em;}
.workArea .bottom .location h3:before{width:12px;height:12px;border-radius:50%;background:#fff;display:inline-block;margin-right:7px;content:'';}
.workArea .bottom .location address{display:block;margin:33px 0 48px;font-size:2.1rem;font-weight:600;line-height:32px;}
.workArea .bottom .location address span{display:inline-block;}
.workArea .bottom .location .info{padding-top:20px;border-top:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;}
.workArea .bottom .location .info div{display:inline-flex;flex-direction: column;}
.workArea .bottom .location .info div a{font-weight:500;line-height:1.625;font-size:1.6rem;text-align:right;letter-spacing:-0.04em;}

   
@media all and (max-width:1920px){
.mainBanner .mainBannerCont .slick-list img{max-width:1903px;margin:0 auto;}
}


@media all and (max-width:1900px){
.mainBanner .mainBannerCont{width:1696px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list{margin:0 -108.5px;}
.mainBanner .mainBannerCont .slick-list img{width:auto;}

.mainBanner .mainBannerCont .mainBannerText{left:50%;transform:translateX(-50%);}
}

@media all and (max-width:1720px){
.mainBanner .mainBannerCont .mainBannerText p{max-width:100%;padding:0 28px;}
.mainBanner .mainBannerCont .mainBannerText p.text01 span{margin-left:-5px;}
.mainBanner .slick-controls .slick-controls-box{max-width:100%;padding:0 20px;}
.mainBanner .slick-controls .slick-controls-cont .first{left:50px}
.mainBanner .mainBannerCont .slick-list{margin:0 -80px;}

.mainCont{max-width:100%;padding:80px 20px 120px;}

.workArea .bottom .lawyer .slick-arrow.slick-prev{left:-20px;}
.workArea .bottom .lawyer .slick-arrow.slick-next{right:-20px;}
}


@media all and (max-width:1400px){
.workArea .bottom .location .info{flex-wrap:wrap;}
.workArea .bottom .location .info div{width:100%;display:flex;}
}

@media all and (max-width:1279px){
.mainBanner .mainBannerCont{overflow:hidden;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}

}

@media all and (max-width:979px){
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:8.5rem;}
.mainBanner .mainBannerCont .mainBannerText p.text02{font-size:2.3rem;}

.workArea .partList{flex-wrap:wrap;justify-content:center; }
.workArea .partList li{width:calc(33.333% - 18px);}
.workArea .partList li:nth-child(n+4){margin-top:18px;}


.workArea .bottom{display:block;}
.workArea .bottom .lawyer{width:100%;min-height:300px;margin:0 0 30px;}
.workArea .bottom .lawyer .info h3{margin:25px 0 45px;}
.workArea .bottom .lawyer .info dl dd{margin:15px 0 50px;}
.workArea .bottom .lawyer div{height:100%;min-height:300px;}
.workArea .bottom .lawyer .info .imgBox{margin-top:1px;left:5%;}
.workArea .bottom .lawyer .info > div{padding-left:45%;}

.workArea .bottom .news{width:100%;margin:0 0 30px;padding:20px;}

.workArea .bottom .location{width:100%;}
.workArea .bottom .location .info div{width:auto;display:inline-flex;}
}

@media all and (max-width:767px){
.mobileView{display:block;}
.mainBanner .mainBannerCont{width:100%;}
.mainBanner .mainBannerCont .slick-list{margin:0;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:7rem;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:24px;left:0;}
.mainBanner .slick-arrow:before{top:11px;}
.mainBanner .slick-arrow:after{bottom:11px;}
.mainBanner .slick-controls .slide-pause,
.mainBanner .slick-controls .slide-play{width:30px;height:30px;border:0;margin-left:26px;background-size:30px auto;}

.mainCont{padding:40px 20px 60px;}


.workArea .partList li{width:calc(50% - 18px);height:200px;}
.workArea .partList li:nth-child(n+3){margin-top:18px;}
.workArea .partList li dl dt{height:calc(100% - 60px);}
.workArea .partList li dl dd{height:60px;}
.workArea .partList li dl dd a{padding:7px 15px;}
.workArea .partList li dl dd a:after{width:9px;height:9px;background-size:9px auto;}

.workArea .bottom .lawyer{padding:20px 20px 0;align-items:center;min-height:200px;}
.workArea .bottom .lawyer .lawyerCont{padding-bottom:20px;}
/*.workArea .bottom .lawyer .info h3{margin:18px 0;}
.workArea .bottom .lawyer .info dl dd{margin:10px 0 22px;}*/
.workArea .bottom .lawyer .info a{height:32px;padding:0 15px;}
.workArea .bottom .lawyer .info a:after{width:9px;height:9px;background-size:9px auto;}
.workArea .bottom .lawyer .info .imgBox{left:0;top:14px;}
.workArea .bottom .lawyer .info > div{padding-left:55%;}
.workArea .bottom .lawyer div{min-height:200px;}
.workArea .bottom .lawyer .slick-arrow{width:35px;height:35px;background-size:35px auto !important;}
.workArea .bottom .lawyer .slick-arrow.slick-prev{left:-17.5px;}
.workArea .bottom .lawyer .slick-arrow.slick-next{right:-17.5px;}

.workArea .bottom .news .up{margin-bottom:18px;}
.workArea .bottom .news .up img{width:30px;}
.workArea .bottom .news ul li:nth-child(n+2){margin-top:15px;}

.workArea .bottom > div{border-radius:10px;}
.workArea .bottom .location .info{padding-top:15px;}
.workArea .bottom .location .info img{width:30px;}
.workArea .bottom .location address{margin:20px 0 35px;}
.workArea .bottom .location h3:before{width:8px;height:8px;margin-right:4px;}





}

@media all and (max-width:480px){

}