@charset "utf-8";

/*타이틀 공통*/
#idx_area .tit_box{text-align:center;position:relative}
#idx_area .tit_box .s_tit{margin-bottom:1rem;font-size:2rem;font-weight:700;color:var(--re-pt-color);font-family:'Poppins'}
#idx_area .tit_box .tit{margin-bottom:2rem;font-size:6.2rem;font-weight:400;color:#222}
#idx_area .tit_box .tit span{font-weight:300;transition:font-weight .3s;transition-delay:.3s}
#idx_area .tit_box .tit span em{font-style:normal;position:relative}
#idx_area .tit_box .tit span em:before{content:'';width:.9rem;height:.9rem;border-radius:.9rem;background:var(--re-pt-color);position:absolute;top:-2rem;left:50%;transform:translateX(-50%);opacity:0;transition:all .3s;transition-delay:.5s}
#idx_area .tit_box .tit .yellow{color:var(--re-pt-color)}
#idx_area .tit_box .txt{font-size:2rem;font-weight:500;line-height:140%;color:#666}
#idx_area .tit_box .txt span{font-weight:600;color:#333}

#idx_area .tit_box.aos-animate .tit span{font-weight:700}
#idx_area .tit_box.aos-animate .tit span em:before{top:-1rem;opacity:1}

#idx_area .tit_box .arr{width:6.5rem;height:6.5rem;border-radius:6.5rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
#idx_area .tit_box .arr img{transform:rotate(-90deg);transition:all .3s}
#idx_area .tit_box .prev{left:0}
#idx_area .tit_box .next{right:0}
#idx_area .tit_box .arr:hover{background:var(--re-pt-color)}
#idx_area .tit_box .arr:hover img{filter:invert(1)}



#atc01{width:100%;background:url(/index/include/include01/bg.jpg) no-repeat center/cover}
#atc01 .inner{max-width:140rem;width:100%;margin:0 auto;padding:11rem 0 0;display:flex;flex-wrap:wrap;align-items:center}

/*이미지영역*/
#atc01 .inner .img_box{width:33%;text-align:center;position:relative}
#atc01 .inner .img_box img{max-width:36.6rem;width:100%}
#atc01 .inner .img_box .lawyer_name{text-align:right;position:absolute;top:22rem;left:-13rem}
#atc01 .inner .img_box .lawyer_name .name{font-size:2.7rem;font-weight:700;color:#333}
#atc01 .inner .img_box .lawyer_name .s_tit{font-size:1.8rem;font-weight:500;color:#888}

/*타이틀/슬라이드 영역*/
#atc01 .inner .atc01_cont_area{width:67%;position:relative} 
#atc01 .tit_box{margin-bottom:5rem;text-align:left}
#atc01 .cont_tit{margin-bottom:2rem;font-size:2.4rem;font-weight:500;line-height:130%;color:#333}
#atc01 .cont_tit span{display:inline-block;}
#atc01 .cont_tit .bold{padding:.5rem 1rem;background:var(--re-pt-color2);font-weight:600;color:#fff}
#atc01 .atc01_slide{width:calc(100% + 2rem);height:37rem;margin-left:-1rem;padding:.5rem 1rem;overflow:hidden}
#atc01 .atc01_slide .swiper-slide{width:100%;display:flex;flex-wrap:wrap;gap:1rem 2%}
#atc01 .atc01_slide .swiper-slide .info{width:49%;height:100%;padding:0 2rem;border-radius:.5rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
#atc01 .atc01_slide .swiper-slide .info .info_tit{width:100%;padding-left:1.5rem;font-size:2.2rem;font-weight:700;color:#222;position:relative}
#atc01 .atc01_slide .swiper-slide .info .info_tit:before{content:'';width:.5rem;height:.5rem;border-radius:.5rem;background:var(--re-pt-color);position:absolute;left:0;top:50%;transform:translateY(-50%)}
#atc01 .atc01_slide .swiper-slide .info .result{width:100%;padding:.5rem;border-radius:.5rem;background:#eaeef3;font-size:2rem;font-weight:700;color:var(--re-pt-color2);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

#atc01 .atc01_slide_btn {position:absolute;right:-7rem;top:59%}
#atc01 .atc01_slide_btn .arr{width:5.5rem;height:5.5rem;border-radius:5.5rem;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1);transition:all .3s;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
#atc01 .atc01_slide_btn .arr + .arr{margin-top:1rem}
#atc01 .atc01_slide_btn .arr img{transition:all .3s}
#atc01 .atc01_slide_btn .arr:hover{background:var(--re-pt-color)}
#atc01 .atc01_slide_btn .arr:hover img{filter:invert(1)}


@media(max-width:1670px){ /*변호사명 조정*/
#atc01 .inner .img_box .lawyer_name{display:none}
#atc01 .atc01_slide_btn{margin-top:2rem;position:relative;right:auto;top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
#atc01 .atc01_slide_btn .arr + .arr{margin-top:0}
}
@media(max-width:1400px){
#atc01 .inner{padding:11rem 2rem 0}
}
@media(max-width:1280px){
#atc01 .inner{padding-top:9rem}
#idx_area .tit_box .tit{font-size:5.5rem}

#atc01 .atc01_slide .swiper-slide .info .info_tit{font-size:2rem}
#atc01 .atc01_slide .swiper-slide .info .result{width:10rem;font-size:1.8rem}

}
@media(max-width:1024px){
#idx_area .tit_box .tit{font-size:5rem}
#idx_area .tit_box .txt{max-width:70rem;width:100%;margin:0 auto;font-size:1.8rem}
#idx_area .tit_box .txt br{display:none}

#idx_area .tit_box .slide_btn {margin-top:2rem;position:relative;right:auto;top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
#idx_area .tit_box .arr{width:4.5rem;height:4.5rem;position:relative;top:auto;transform:none}
#idx_area .tit_box .prev{left:auto}
#idx_area .tit_box .next{right:auto}
#idx_area .tit_box .arr img{width:19%}

#atc01 .inner{padding:8rem 2rem}

#atc01 .tit_box{margin-bottom:3rem;text-align:center}
#atc01 .cont_tit{font-size:2.2rem;text-align:center}
#atc01 .inner .img_box{display:none}
#atc01 .inner .atc01_cont_area{width:100%}

#atc01 .atc01_slide_btn .arr{width:4.5rem;height:4.5rem}
#atc01 .atc01_slide_btn .arr img{width:19%}

}
@media(max-width:767px){
#idx_area .tit_box .s_tit{font-size:1.7rem}
#idx_area .tit_box .tit{font-size:4.5rem}
#idx_area .tit_box .tit span em:before{width:5px;height:5px}

#atc01 .inner{padding:7rem 2rem}	
#atc01 .atc01_slide{height:32rem}
#atc01 .atc01_slide .swiper-slide .info{width:100%;height:auto}
#atc01 .atc01_slide .swiper-slide .info .info_tit{font-size:1.8rem}

}
@media(max-width:480px){
#idx_area .tit_box .tit{font-size:4rem}

#atc01 .inner{padding:6rem 2rem}
}
@media(max-width:320px){

#idx_area .tit_box .tit{font-size:3.7rem}

#atc01 .inner{padding:6rem 1.5rem}
}