@charset "utf-8";
/* 2022년 12월 21일 ... 기존 css가 너무 복잡하여 작업시 순차적으로 정리합니다. */


/* ------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 20221220 메인비주얼 수정 정리   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
.mainMovieWrap { width:100%; height:43vw; max-height:800px; min-height:640px; position:relative; overflow:hidden; background-color:#0e0f13; }
/*.mainMovie .bg_pttn { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url(../img/visual_pttn.png); background-color:rgba(0,0,0,0.60); }*/
.mainMovie { width:100%; height:43vw; max-height:800px; min-height:640px; position:relative; overflow:hidden; }
.mainMovie .visual_bg { display:flex;align-items:center;justify-content:center; position:absolute; top:0px; left:0px; width:100%; height:43vw; max-height:800px; min-height:640px;  }
.mainMovie .visual_bg img {width:100%;}
.mainMovie .visual_bg img.for_pc { display:inline; }
.mainMovie .visual_bg img.for_m { display:none; }
.mainMovie .visual_bg img.for_s { display:none; }
.mainMovie .text_ani_wrap { isplay:inline-block; width:92%; max-width:900px; position:absolute; top:35%; left:50%; text-align:center; transform:translateX(-50%);
position:relative; padding:40px 30px 50px; overflow:hidden; display:flex; flex-direction:column; }
.mainMovie .text_ani_wrap .text_ani { color:#fff; opacity:0; width:100%; letter-spacing:-0.075em; word-break:keep-all;}
.mainMovie .text_ani_wrap .text_ani img { vertical-align:middle; }
.mainMovie .text_ani_wrap .text_ani_1 {  font-weight:100; font-family:'Noto Serif KR', serif !important; letter-spacing:-0.075em; font-size:65px; }
.mainMovie .text_ani_wrap .text_ani_2 {  font-weight:100; font-family:'Noto Serif KR', serif !important; letter-spacing:-0.075em; font-size:43px; }
.mainMovie .text_ani_wrap .text_ani_1 strong,
.mainMovie .text_ani_wrap .text_ani_2 strong { font-weight:700; display:inline; }
.mainMovie .text_ani_wrap .wline { position:absolute; background:#ccbf9c; z-index:50; display:block; }
.mainMovie .text_ani_wrap .wline.wline_1 { width:100%; height:1px; top:0; left:-100%; }
.mainMovie .text_ani_wrap .wline.wline_2 { width:1px; height:100%; top:0; right:0; top:-100%; }
.mainMovie .text_ani_wrap .wline.wline_3 { width:100%; height:1px; bottom:0; right:0; right:-100%; }
.mainMovie .text_ani_wrap .wline.wline_4 { width:1px; height:100%; bottom:0; left:0; bottom:-100%; }
.mainMovie .vlogo_ani {}
.mainMovie .vlogo_ani .vlogo_box { display:flex; justify-content:center; width:95%; max-width:1200px; position:absolute; top:35%; left:50%; text-align:center;
transform:translateX(-50%); flex-wrap:wrap;}
.mainMovie .vlogo_ani .vlogo_box .vlogo { color:#fff; opacity:0; width:20%; }
.mainMovie .vlogo_ani .vlogo_box .vlogo img { opacity:0.9; }
.mainMovie .btm_text { color:#fff; top:20%; font-weight:300; font-size:45px; }
.mainMovie .btm_text strong { font-weight:700; }

.main_banner {
    overflow: hidden;
}

.main_banner img {
  width: 100%;
}

.pc_banner {
	display: block;
}

.m_banner {
  display: none;
}

@media (max-width: 1024px) {
	.pc_banner {
		display: none;
	}

	.m_banner {
		display: block;
	}
}

@media (max-width: 1080px) {
	.mainMovieWrap { height:60vw; }
	.mainMovie {height:60vw; }
	.mainMovie .visual_bg { height:60vw; }
	.mainMovie .visual_bg img.for_pc { display:none; }
	.mainMovie .visual_bg img.for_m { display:inline; }
	.mainMovie .visual_bg img.for_s { display:none; }
	.mainMovie .text_ani_wrap { max-width:700px; padding:30px 20px;  }
	.mainMovie .text_ani_wrap .text_ani img { width:22px; }
	.mainMovie .text_ani_wrap .text_ani_1 { font-size:45px;  }
	.mainMovie .text_ani_wrap .text_ani_2 { font-size:30px; }
	.mainMovie .vlogo_ani .vlogo_box { width:90%; max-width:800px; }	
	.mainMovie .vlogo_ani .vlogo_box img { max-width:80%; }
	.mainMovie .btm_text { font-size:32px; }
}

@media (max-width: 767px) {
	.mainMovieWrap { height:120vw; min-height:400px; max-height:100vh; }
	.mainMovie { height:120vw; min-height:400px; max-height:100vh; }
	.mainMovie .visual_bg { height:120vw; max-height:100vh; }
	.mainMovie .visual_bg img.for_pc { display:none; }
	.mainMovie .visual_bg img.for_m { display:none; }
	.mainMovie .visual_bg img.for_s { display:inline; }
	.mainMovie .text_ani_wrap { padding:20px;  }
	.mainMovie .text_ani_wrap .text_ani img { width:16px; }
	.mainMovie .text_ani_wrap .text_ani_1 { font-size:30px; }
	.mainMovie .text_ani_wrap .text_ani_2 { font-size:18px; }
	.mainMovie .vlogo_ani .logo_text { font-size:18px; }
	.mainMovie .vlogo_ani .vlogo_box { max-width:500px; width:90%; }	
	.mainMovie .btm_text { font-size:24px; }
}

@media (max-width: 560px) {
	.mainMovie .text_ani_wrap { top:35%; }
	.mainMovie .btm_text  { top:23%; font-size:20px; }
	.mainMovie .vlogo_ani .vlogo_box { top:35%; }
	.mainMovie .vlogo_ani .vlogo_box .vlogo { width:25%; }
	.mainMovie .text_ani_wrap .text_ani img { width:10px; }
	.mainMovie .text_ani_wrap .text_ani_1 { font-size:26px; }
	.mainMovie .text_ani_wrap .text_ani_2 { font-size:15px; }
}

/* ------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 20221220 메인카운팅 부분 수정 정리   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
.counterSection { width:100%; max-width:1300px; margin:0 auto; padding:80px 20px; }
.counterWrap { display:flex; width:100%; justify-content:space-between;  }
.counterWrap .counter_item { text-align:center; position:relative; letter-spacing:-0.05em; width:24%; }
.counterWrap .counter_item:last-child { flex-grow:1; width:27%; padding-left:1%; }
.counterWrap .counter_item:after { position:absolute; content:""; display:block; top:80px; left:0;height:60px; background:#d7d7d7; width:1px; }
.counterWrap .counter_item:first-child:after { display:none; }
.counterWrap .counter_item .title { font-size:22px; font-weight:500; color:var(--main); height:50px; }
.counterWrap .counter_item .title p { font-size:16px; color:#555; }
.counterWrap .counter_item .countCon { font-size:24px; color:#777; }
.counterWrap .counter_item .countCon strong { font-size:88px; color:#000; font-weight:700; }
.counterWrap .counter_item .countCon.agency .agency_list {}
.counterWrap .counter_item .countCon.agency .agency_list li { display:flex; justify-content:center;}
.counterWrap .counter_item .countCon.agency .agency_list li + li { margin-top:3px; }
.counterWrap .counter_item .countCon.agency .agency_list li a { width:24%; line-height:34px; border-radius:17px; color:#000; background:#d8d7d7; font-size:19px; font-weight:700; margin-left:1%;  }
.fade-ani .fade-1,
.fade-ani .fade-2,
.fade-ani .fade-3,
.fade-ani .fade-4 { transition:all 0.8s ease-out; opacity:0; }
.fade-ani.active .fade-1 { opacity:1; transition-delay:0s;}
.fade-ani.active .fade-2 { opacity:1; transition-delay:0.5s;}
.fade-ani.active .fade-3 { opacity:1; transition-delay:1s;}
.fade-ani.active .fade-4 { opacity:1; transition-delay:1.5s;}

@media (max-width: 1080px) {
	.counterWrap .counter_item .title { font-size:21px; }
	.counterWrap .counter_item .countCon { font-size:21px }
	.counterWrap .counter_item .countCon strong {font-size:77px; }
	.counterWrap .counter_item .countCon.agency .agency_list li a { font-size:17px; }
}

@media (max-width: 960px) {
	.counterWrap .counter_item:after { top:50px; }
	.counterWrap .counter_item .title { font-size:18px; }
	.counterWrap .counter_item .title p { font-size:14px; }
	.counterWrap .counter_item .countCon { font-size:15px; }
	.counterWrap .counter_item .countCon strong { font-size:62px; }
	.counterWrap .counter_item .countCon.agency .agency_list li + li { margin-top:2px; }
	.counterWrap .counter_item .countCon.agency .agency_list li a { font-size:15px; width:24.5%; line-height:30px; border-radius:15px; margin-left:0.5%; }
}

@media (max-width: 767px) {
	.counterSection { padding:50px 10px; }
	.counterWrap .counter_item { }
	.counterWrap .counter_item:after { height:40px; }
	.counterWrap .counter_item .title { font-size:14px; margin-bottom:5px; height:30px; letter-spacing:-0.1em; }
	.counterWrap .counter_item .title p { font-size:11px; letter-spacing:-0.1em;}
	.counterWrap .counter_item.lawyer_num .title span { display:none; }
	.counterWrap .counter_item .countCon { font-size:13px; }
	.counterWrap .counter_item .countCon strong { font-size:30px; }
	.counterWrap .counter_item .countCon.agency .agency_list li + li { margin-top:1px; }
	.counterWrap .counter_item .countCon.agency .agency_list li a { font-size:12px; line-height:22px; border-radius:11px; font-weight:300; }
}

@media (max-width: 560px) {
	.counterSection { padding:50px 0; }
	.counterWrap { flex-wrap:wrap; }
	.counterSection { padding:50px 10px; }	
	.counterWrap .counter_item:last-child { padding-left:0; }
	.counterWrap .counter_item { width:50%; flex-shrink:0; padding:0 2% !important; }
	.counterWrap .counter_item:after { top:30px; }
	.counterWrap .counter_item:nth-child(3):after { display:none; }
	.counterWrap .counter_item:nth-child(3),
	.counterWrap .counter_item:nth-child(4) { margin-top:25px; }
	.counterWrap .counter_item:nth-child(3) .title,
	.counterWrap .counter_item:nth-child(4) .title { height:auto; }
	.counterWrap .counter_item:nth-child(3):before,
	.counterWrap .counter_item:nth-child(4):before { display:block; position:absolute; content:''; width:60%; height:1px; background:#d7d7d7; top:-13px; left:50%; margin-left:-30%;  }
}

@media (max-width: 359px) {
	.counterWrap .counter_item .title { font-size:14px; }
	.counterWrap .counter_item .countCon.agency .agency_list.col_4 span { width:30px; font-size:12px; font-weight:300; border-radius:5px; width:auto; padding:0 2px;  }
}


/* ------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 20240620 메인 전문가슬라이드   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
.youtubeWrap.new2024 { padding:100px 0; }
.lawyer_wrap.new2024 { padding:100px 0 0; }
.section_tit h2.lawyerSecTit { font-size:60px; font-weight:400; }
.section_tit h2.lawyerSecTit strong { font-weight:600; }
.lawyerTopSlideWrap { margin-left:-2px;}
.lawyerTopSlideWrap .lawyerTopSlide {}
.lawyerTopSlide .lawyer_detail { margin:0 2px; width:calc(20% - 4px*4/5); position:relative; }
.lawyerTopSlide .lawyer_detail a { display:block; }
.lawyerTopSlide .lawyer_detail .lawyer_mark { text-align:center; margin-bottom:25px; }
.lawyerTopSlide .lawyer_detail .lawyer_mark img { display:inline-block; width:110px; }
.lawyerTopSlide .lawyer_detail .lawyer_pic { position:relative; aspect-ratio:290 /560; overflow:hidden; }
.lawyerTopSlide .lawyer_detail .lawyer_pic img { position:absolute; top:0; left:50%; transform:translateX(-50%); height:100%; width:auto !important; }
.lawyerTopSlide .lawyer_detail .lawyer_mark img.off { display:inline-block;}
.lawyerTopSlide .lawyer_detail .lawyer_mark img.over { display:none;}
.lawyerTopSlide .lawyer_detail .lawyer_pic:after { display:block; width:100%; height:90%; content:''; position:absolute; bottom:0; left:0; background:#eaeaea; z-index:-1; transition:all 0.3s;}

.lawyerTopSlide .lawyer_detail .lawyer_mark { width:100%; height:85px; }
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark01 { background:url(/images/main/lawyer/lawyer_mark01.png)no-repeat center center; background-size:contain; }/*법원*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark02 { background:url(/images/main/lawyer/lawyer_mark02.png)no-repeat center center; background-size:contain; }/*검찰*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark03 { background:url(/images/main/lawyer/lawyer_mark03.png)no-repeat center center; background-size:contain; }/*경찰*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark04 { background:url(/images/main/lawyer/lawyer_mark04.png)no-repeat center center; background-size:contain; }/*교육청*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark05 { background:url(/images/main/lawyer/lawyer_mark05.png)no-repeat center center; background-size:contain; }/*군사*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark06 { background:url(/images/main/lawyer/lawyer_mark06.png)no-repeat center center; background-size:contain; }/*변호사*/
.lawyerTopSlide .lawyer_detail .lawyer_mark.mark07 { background:url(/images/main/lawyer/lawyer_mark07.png)no-repeat center center; background-size:contain; }/*국회*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark01 { background:url(/images/main/lawyer/lawyer_mark01_b.png)no-repeat center center; background-size:contain; } /*법원*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark02 { background:url(/images/main/lawyer/lawyer_mark02_b.png)no-repeat center center; background-size:contain; }/*검찰*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark03 { background:url(/images/main/lawyer/lawyer_mark03_b.png)no-repeat center center; background-size:contain; }/*경찰*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark04 { background:url(/images/main/lawyer/lawyer_mark04_b.png)no-repeat center center; background-size:contain; }/*교육청*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark05 { background:url(/images/main/lawyer/lawyer_mark05_b.png)no-repeat center center; background-size:contain; }/*군사*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark06 { background:url(/images/main/lawyer/lawyer_mark06_b.png)no-repeat center center; background-size:contain; }/*변호사*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark07 { background:url(/images/main/lawyer/lawyer_mark07_b.png)no-repeat center center; background-size:contain; }/*국회*/

.lawyerTopSlide .lawyer_detail .lawyerInfo { position:absolute; bottom:0; left:0; width:100%; padding:15px; text-align:center; background:rgba(0,0,0,0.6); color:#fff; }
.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:17px; font-weight:500; letter-spacing:-0.05em; }
.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:26px; font-weight:600; letter-spacing:-0.09em; }
.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:24px; font-weight:300; letter-spacing:0.15em; margin-top:7px; }

.lawyerTopSlide .lawyer_detail.slick-current .lawyer_pic:after { background:var(--main); }
.lawyerTopSlide .lawyer_detail.slick-current .lawyerInfo .info01,
.lawyerTopSlide .lawyer_detail.slick-current .lawyerInfo .info02 { color:#dbbf91; }
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark img.off { display:none;}
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark img.over { display:inline-block;}

.lawyerTopSlide .slick-arrow { position:absolute; text-indent:-9999px; border:0; background:transparent; top:55%; font-size:0; width:30px; height:100px; padding:0; transition:all 0.2s; opacity:0.6; margin:0; }
.lawyerTopSlide .slick-arrow:hover { opacity:1; }
.lawyerTopSlide .slick-arrow.slick-prev { left:1px; transform:translate(-100%, 0); z-index:100; }