@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 .slick-arrow{width:30px;height:57px;margin-top:-29px;background:none;position:absolute;top:50%;border:0;z-index:1;display:none;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:40px;height:2px;background:#fff;position:absolute;left:-5px;content:"";}
.mainBanner .slick-arrow:before{top:14px;}
.mainBanner .slick-arrow:after{bottom:14px;}
.mainBanner .slick-arrow.slick-prev{left:16%;}
.mainBanner .slick-arrow.slick-prev:before{transform:rotate(-45deg);}
.mainBanner .slick-arrow.slick-prev:after{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next{right:16%;}
.mainBanner .slick-arrow.slick-next:before{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next:after{transform:rotate(-45deg);}
.mainBanner .slick-controls{position:absolute;right:4.3%;bottom:73px;line-height:0;display:flex;}
.mainBanner .slick-controls .slick-dots{margin:0 10px;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin-right:5px;}
.mainBanner .slick-controls .slick-dots li button{width:15px;height:15px;background:#fff;border-radius:50%;border:1px solid #141a98;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:29px;background:#273783;border:0;border-radius:30px;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:10px;height:15px;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:3px;height:15px;background:#fff;position:absolute;top:0;content:"";}
.mainBanner .slick-controls .slide-pause:before{left:0;}
.mainBanner .slick-controls .slide-pause:after{right:0;}
.mainBanner .slick-controls .slide-play{border-top:7.5px solid transparent;border-right:0 solid transparent;border-bottom:7.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}

.mainBanner .mainBannerText{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);text-align:center;margin-top:96px}
.mainBanner .mainBannerText p{font-size:7.4rem;line-height:1.3245;letter-spacing:-0.05em;color:#fff;font-family:'Nanum Myeongjo';font-weight:400;opacity: 0;}
.mainBanner .mainBannerText p + p{margin-top:31px;}
.mainBanner .scrollDown{width:100%;position:absolute;left:0;bottom:59px;text-align:center;}
.mainBanner .scrollDown span{color:#fff;opacity:.3;}
.mainBanner .scrollDown:after{width:13px;height:7px;background:url('/img/main/scroll_down.png');content:'';display:block;font-size:1.6rem;letter-spacing:-0.02em;margin:16px auto 0;}


.inner{max-width:1710px;margin:0 auto;}

.contTitle{font-size:5.6rem;letter-spacing:-0.02em;font-weight:500;line-height:1.393;color:#111;word-break:keep-all;}

.tag{height:38px;line-height:38px;padding:0 14px;border-radius:5px;background:#8f794b;font-size:2rem;color:#fff;display:inline-block;font-weight:700;}
.top{display:flex;justify-content:space-between;align-items:flex-end;}

.fontWB{font-weight:700;}
.fontWSb{font-weight:600;}

.btnStyle{width:200px;height:60px;border:1px solid #666;font-size:2rem;color:#111;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;background:#fff;border-radius:5px;font-weight:700;}

.tagList li{color:#444;font-size:2.2rem;letter-spacing:-0.02em;display:flex;align-items:center;}
.tagList li span{width:95px;height:36px;font-size:1.9rem;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;margin-right:25px;background:#8f794b;border-radius:5px;font-weight:700;}
.tagList li + li{margin-top:17px;}


.info{margin-top:40px;padding:50px 0 120px;border-top:1px solid #e5e5e5;}


.mainContents{overflow:hidden;padding-bottom:170px;}

.areasWork{padding-top:167px;position:relative;}
.areasWork:before{width:100vw;height:100%;background:#000;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-2;}
.areasWork .contTitle{color:#fff;text-align:center;}
.areasWork .txt1{font-size:2rem;letter-spacing:-0.02em;color:#999;text-align:center;margin-top:17px;}
.areasWork .box{padding:245px 0 250px;position:relative;}
.areasWork .box:before{width:100vw;height:100%;background:url('/img/main/areas_work_bg.jpg')no-repeat center top / cover;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}
.areasWork .box:after{display:block;content:'';clear:both;}
.areasWork .box .tit{font-size:5.4rem;font-weight:700;letter-spacing:-0.02em;color:#fff;line-height:1.3705;margin-bottom:217px;word-break:keep-all;}
.areasWork .box .box_r{width:50%;float:right;padding-left:4.094%;}
.areasWork .box .box_r .txt2{font-size:3.6rem;line-height:1.528;letter-spacing:-0.02em;font-weight:700;margin-bottom:81px;color:#fff;word-break:keep-all;}
.areasWork .tagList li{color:#fff;}
.areasWork .tagList li span{color:#fff;}

.areasWorkSlide{font-size:2rem;letter-spacing:-0.02em;color:#666;text-align:center;margin-top:125px;font-weight:700;overflow:unset;}
.areasWorkSlide .slick-list{}
.areasWorkSlide .slick-slide {width:260px;}
.areasWorkSlide .slick-slide .imgBox{margin-bottom:22px;}
.areasWorkSlide .slick-slide .imgBox img{margin:0 auto;/*transform:scale(.74285);*/}
.areasWorkSlide .slick-slide.slick-current{color:#fff;font-size:3rem;text-align:center;}
.areasWorkSlide .slick-slide.slick-current img{transform:none;}
.areasWorkSlide .slick-slide.slick-current .imgBox{margin-bottom:30px;}

.areasWorkSlide .slick-track{display:flex;align-items:center;}
.areasWorkSlide .swiper-slide{width: 260px;}
.areasWorkSlide .swiper-slide p{transform: translateX(60px);transition: transform .35s ease;}
.areasWorkSlide .swiper-slide .imgBox{margin-bottom:22px;}
.areasWorkSlide .swiper-slide .imgBox img {margin: 0 auto;}
.areasWorkSlide .swiper-slide-active {color: #fff;font-size: 3rem;}
.areasWorkSlide .swiper-slide-active p{line-height:1.25;transform:none !important;word-break:keep-all;}
.areasWorkSlide .swiper-slide-active p.imgBox{margin-bottom:74px;}
.areasWorkSlide .swiper-slide-active img {transform: scale(1.34615);}
.areasWorkSlide .swiper-slide-active .imgBox {margin-bottom: 30px;}

.areasWorkSlide .swiper-left p{transform: translateX(-60px);}

.progress {display: block;width: 130px;height: 4px;border-radius: 2px;overflow: hidden;background-color: #333;background-image: linear-gradient(to right, #fff, #fff);background-repeat: no-repeat;background-size: 0 100%;transition: background-size .4s ease-in-out;margin: 0 13px;}

.areaWork-controls {height:58px;display:flex;align-items: center;justify-content: center;margin-top:71px;}
.areaWork-controls .num_current {color: #fff;}
.areaWork-controls .num_current,
.areaWork-controls .num_all {width:12px;font-size: 1.8rem;font-weight: 700;letter-spacing: -0.02em;}
.areaWork-controls .swiper-arrow {width: 58px;height: 58px;border-radius: 50%;border: 0;background-color: transparent;cursor: pointer;}
.areaWork-controls .swiper-prev {background: url('/img/main/areaWork_prev.png') no-repeat center / contain;margin-right: 57px;}
.areaWork-controls .swiper-next {background: url('/img/main/areaWork_next.png') no-repeat center / contain;margin-left: 57px;}

.hyunjaiTit{font-size:30rem;font-weight:500;letter-spacing:0.209em;color:#000;opacity:.07;padding:78px 0;line-height:1;white-space:nowrap;}
.hyunjaiTit p{margin-left:-22px;}

.introduction{margin-bottom:160px;}

.successStories ul{display:flex;}
.successStories ul li{width:32.164%;border-radius:15px;position:relative;}
.successStories ul li + li{margin-left:1.754%;}
.successStories ul li a > span{display:inline-block;padding:7.5px 17px;font-size:1.8rem;font-weight:700;letter-spacing:-0.02em;color:#111;background:#ffdd77;border-radius:5px;position:absolute;left:20px;top:20px;}
.successStories ul li p{letter-spacing:-0.02em;font-weight:700;text-align:center;color:#fff;}
.successStories ul li .tit{font-size:3rem;line-height:1.4;margin:16.277% 0 15.295%;}
.successStories ul li .tit{height:5.6em;display: -webkit-box;xword-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.successStories ul li .tit span{color:#ffdd77;}
.successStories ul li .txt{font-size:1.8rem;}
.successStories ul > a + a{margin-left:30px;}
.successStories .btnStyle{margin-bottom:12px;}

.maps{margin-top:180px;position:relative;}
.maps:before{width:100vw;height:1px;background:#e5e5e5;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}
.maps .root_daum_roughmap{padding:120px 0 107px;}
.maps .root_daum_roughmap .map{border-radius:13px;}
.maps .root_daum_roughmap .wrap_controllers{display:none !important}
.maps .root_daum_roughmap .map_border{display:none !important}
.maps .root_daum_roughmap .cont{display:none !important}
.maps .top{align-items:flex-start;}
.maps .top .contTitle{width:50%;}
.maps .top .box{width:50%;padding-left:7.603%;}
.maps .top address{font-weight:600;font-size:3.2rem;letter-spacing:-0.02em;color:#111;margin-bottom:30px;word-break:keep-all;}
.maps .top .tagList li span{margin-right:15px;}

.introLawyerSlide {margin-top:120px;display:flex;flex-wrap:wrap;}
.introLawyerSlide > a{width:23.6836%;margin-right:1.7552%;}
.introLawyerSlide > .bigCard{width:49.123%;}
.introLawyerSlide > .bigCard .imgBox{width:44.286%;}
.introLawyerSlide > a:nth-of-type(3){margin-right:0;}
.introLawyerSlide > a:nth-of-type(4n+7){margin-right:0;}
.introLawyerSlide > a:nth-of-type(n+4){margin-top:1.7552%;}
.introLawyerSlide .slide-big{display:flex !important;justify-content:flex-start;align-items: flex-start;background:#dedede url('/img/main/main_chunsg_bg.png')no-repeat right bottom;background-size:567px auto;border-radius:10px;padding: 31px 0 0;position:relative;z-index: -2;}
.introLawyerSlide .slide-big .nameBox {margin:0 18.81% 0 10.715%;padding-top:65px;flex-shrink:0;}
.introLawyerSlide .slide-big .nameBox > span{width:105px;height:36px;display:flex;justify-content:center;align-items:center;font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:-0.02em;background:#686e81;border-radius:5px;}
.introLawyerSlide .slide-big .nameBox dl dt{font-size:5.8rem;font-weight:600;color:#111;letter-spacing:0.04em;line-height:1.2;margin-top:30px;}
.introLawyerSlide .slide-big .nameBox dl dt span{display:none;}
.introLawyerSlide .slide-big .nameBox dl dd{font-size:2rem;font-weight:400;color:#444;letter-spacing:-0.02em;line-height:1.9;margin-top:45px;}
.introLawyerSlide .slide-small {width: 405px !important;background:#dedede;border-radius:10px;position:relative;padding-top:31px;display: flex !important;justify-content:center;align-items: flex-start;}
.introLawyerSlide .slide-small img{border-radius:0 0 10px 10px;width:100%;}
.introLawyerSlide .slide-small .nameBox{width:100%;position:absolute;bottom:0;border-radius: 0 0 10px 10px;padding:24.5px 30px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background: rgba(26, 27, 34, .35);}
.introLawyerSlide .slide-small .nameBox dl dt{font-size:2.4rem;font-weight:700;letter-spacing:-0.02em;line-height:1.3333333;color:#fff;}
.introLawyerSlide .slide-small .nameBox dl dd{font-size:1.7rem;font-weight:500;letter-spacing:-0.02em;line-height:1.52941;color:#fff;margin-top:12px;}
.introLawyerControls{display:flex;align-items:center;justify-content:center;margin-top:65px;flex-shrink:0;}
.introLawyerControls .num_current{color:#111;}
.introLawyerControls .num_current,
.introLawyerControls .num_all{font-size:1.8rem;font-weight:700;letter-spacing:-0.02em;}
.introLawyerControls .slick-arrow{width:70px;height:70px;border-radius:50%;border:0;}
.introLawyerControls .slick-arrow.slick-prev{background:url('/img/main/introLawyer_prev.jpg');margin-right:25px;}
.introLawyerControls .slick-arrow.slick-next{background:url('/img/main/introLawyer_next.jpg');margin-left:25px;}
.introLawyerControls .num_current2,
.introLawyerControls .num_all2{width:12px;font-size: 1.8rem;font-weight: 700;letter-spacing: -0.02em;color:#bbb;}
.introLawyerControls .num_all2{margin-left:5px;}
.introLawyerControls .num_current2 {color: #111;margin-right:2px;}



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

@media all and (max-width:1710px){
.inner{padding:0 20px;}

.areasWork .box .box_r{width:auto;padding-left:0;}

.hyunjaiTit{font-size:17.543859649vw}
.hyunjaiTit p{margin-left:-1.1695906433vw;}

.info{margin-top:2.339vw;padding:2.924vw 0 7.018vw;}

.introLawyerSlide .slide-big{width:100% !important;padding-top:1.8128654971vw;background-size:33.1578947368vw auto;border-radius:0.5847953216vw;}
.introLawyerSlide .slide-big .nameBox{padding-top:3.801vw;}
.introLawyerSlide .slide-big .nameBox > span{width:6.140vw;height:2.105vw;font-size:1.053vw;border-radius:0.292vw;}
.introLawyerSlide .slide-big .nameBox dl dt{font-size:3.392vw;margin-top:1.754vw;}
.introLawyerSlide .slide-big .nameBox dl dd{font-size:1.170vw;margin-top:2.632vw;}
.introLawyerSlide .slide-small {width:100% !important;border-radius:0.5847953216vw;padding-top:1.8128654971vw;}
.introLawyerSlide .slide-small img {border-radius: 0 0 0.5847953216vw 0.5847953216vw;}
.introLawyerSlide .slide-small .nameBox{border-radius: 0 0 0.5847953216vw 0.5847953216vw;padding:1.432748538vw 1.7543859649vw;}
.introLawyerSlide .slide-small .nameBox dl dt{font-size:1.4035087719vw;}
.introLawyerSlide .slide-small .nameBox dl dd{font-size:0.9941520468vw;margin-top:0.7017543860vw;}

.successStories ul li a > span{padding:0.4385964912vw 0.9941520468vw;font-size:1.0526315789vw;border-radius:0.2923976608vw;left:1.1695906433vw;top:1.1695906433vw;}

}

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

.maps .top{flex-wrap:wrap;justify-content:flex-end;flex-direction: row;}
.maps .top .contTitle{width:100%;}
.maps .top .box{width:auto;}

}

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

/*.mainBanner .mainBannerCont .slick-list{margin:0;}*/
.mainBanner .mainBannerText p{font-size:6rem;}

.successStories ul li .tit{font-size:2.4rem;}
}

@media all and (max-width:767px){
.mobileNone{display:none;}
.mobileView{display:block;}
.mainBanner .mainBannerCont .slick-list{margin:0 -60%;}
.mainBanner .slick-arrow{height:40px;margin-top:-20px;}
.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{bottom:25px;}
.mainBanner .mainBannerText p{font-size:5rem;}
.mainBanner .mainBannerText p + p{margin-top:15px;}
.mainBanner .scrollDown{bottom:30px;}
.mainBanner .scrollDown:after{margin:12px auto 0}



.tag{height:32px;line-height:32px;padding:0 10px;}
.tagList li span{width:80px;height:30px;margin-right:15px;}
.tagList li + li{margin-top:10px;}

.btnStyle{width:165px;height:50px;}

.top{flex-direction:column;align-items:flex-start;}

.contTitle{font-size:4.3rem;}

.info{margin-top:20px;padding:25px 0 60px;}

.areasWork{padding-top:83.5px;}
.areasWork .box{padding:122.5px 0 125px;}
.areasWork .box .tit{margin-bottom:108.5px;font-size:5rem;}

.areasWork .box .box_r .txt2{margin-bottom:40px;font-size:3.2rem;}
.areasWorkSlide{margin-top:90px;}
.areasWorkSlide .swiper-slide .imgBox{margin-bottom:11px;}
.areasWorkSlide .swiper-slide-active p.imgBox{margin-bottom:60px;}
.areaWork-controls{height:30px;margin-top:50px;}
.areaWork-controls .swiper-arrow{width:30px;height:30px;background-size:30px auto;}
.areaWork-controls .swiper-prev{margin-right: 30px;}
.areaWork-controls .swiper-next {margin-left: 30px;}

.hyunjaiTit{font-size:16.99vw;padding:39px 0;}

.mainContents{padding-bottom:85px;}
.introduction{margin-bottom:80px;}
.introLawyerSlide{margin-top:60px;}
.introLawyerSlide .slide-big{background-size:54.7588005215vw auto;}
.introLawyerSlide .slide-small{margin-right:0;}

.introLawyerControls{width:100%;justify-content:flex-end;margin-top:30px;}
.introLawyerControls img{width:10px;}
.introLawyerControls .slick-arrow{width:50px;height:50px;background-size:50px auto !important;}

.introLawyerSlide > .bigCard{width:100%;margin-right:0;}
.introLawyerSlide > a{width:49.1224%;}
.introLawyerSlide > a:nth-of-type(n+2){margin-top:1.7552%;}
.introLawyerSlide > a:nth-of-type(2n+3){margin-right:0;}
.introLawyerSlide .slide-big{padding-top:2.6075619296vw;align-items:flex-end;}
.introLawyerSlide .slide-small{padding-top:20px;}
.introLawyerSlide .slide-big .imgBox{width:42.2%;}
.introLawyerSlide .slide-big .nameBox {padding-bottom:10%;}
.introLawyerSlide .slide-big .nameBox > span{width:90px;height:30px;font-size:1.8rem;border-radius:7px;}
.introLawyerSlide .slide-big .nameBox dl dt{font-size:7.5619295958vw;margin-top:1.9556714472vw;}
.introLawyerSlide .slide-big .nameBox dl dd{font-size:2.6075619296vw;margin-top:2.6075619296vw;}
.introLawyerSlide .slide-small .nameBox{padding:15px;}
.introLawyerSlide .slide-small .nameBox dl dt{font-size:2.4rem;}
.introLawyerSlide .slide-small .nameBox dl dd{font-size:1.7rem;margin-top:10px;}

.successStories .btnBox{width:100%;display:flex;justify-content:flex-end;}
.successStories .btnStyle{margin:20px 0 0;}
.successStories ul{flex-wrap:wrap;}
.successStories ul li{width:100%;}
.successStories ul li img{width:100%;}
.successStories ul li + li{margin:20px 0 0;}
.successStories ul li .tit{font-size:3rem;}
.successStories ul li a > span{font-size:2.3468057366vw;padding:0.6518904824vw 1.5645371578vw;left:3.2594524120vw;top:3.2594524120vw;border-radius:0.6518904824vw;}

.maps{margin-top:90px;}
.maps .root_daum_roughmap{padding:60px 0 53.5px;}
.maps .root_daum_roughmap .wrap_map{height:350px !important;}

.maps .top .box{margin-top:20px;padding-left:0;}
.maps .top address{margin-bottom:15px;}
.maps .top .tagList li span{margin-right:10px;}


}

@media all and (max-width:501px){
.mainBanner .mainBannerCont .slick-list{margin:0 -70%;}
.mainBanner .mainBannerText p{font-size:4.5rem;}

.areasWorkSlide{font-size:1.8rem;}
.areasWorkSlide .swiper-slide-active{font-size:2.4rem;}
.areasWorkSlide .swiper-slide-active p.imgBox{margin-bottom:45px;}
.areasWorkSlide .swiper-slide p{transform: translateX(40px);}
.areasWorkSlide .swiper-left p{transform: translateX(-40px);}

.hyunjaiTit{font-size:16.5vw;}

.introLawyerSlide .slide-big .nameBox > span{width:85px;height:25px;font-size:1.6rem;border-radius:5px;}
.introLawyerSlide .slide-big .nameBox dl dd{font-size:3.0075619296vw;}
.introLawyerSlide .slide-small .nameBox{padding:10px;}
.introLawyerSlide .slide-small .nameBox dl dt{font-size:2.2rem;}
.introLawyerSlide .slide-small .nameBox dl dd{font-size:1.5rem;margin-top:7px;}

.successStories ul li .tit{margin:12% 0 10%;}

}