@charset "utf-8";
@font-face {
    font-family: 'GmarketSans';
    src: url('../images/font/GmarketSansTTFLight.woff') format('woff');	
    font-weight: 300;
    font-style: normal;
}  

@font-face {
    font-family: 'GmarketSans';
    src: url('../images/font/GmarketSansTTFMedium.woff') format('woff');	
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('../images/font/GmarketSansTTFBold.woff') format('woff');	
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'ONE-Mobile-Title';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.point_txt { font-family: 'Noto Serif KR' !important; } /* 명조 */
.point_txt01 { font-family: 'GmarketSans' !important; }

.aos-animate { transition-duration:1.0s !important; } /*스크롤 애니메이션 속도 통일*/

@media only screen and (max-width: 768px) {
  .aos-animate {
	transition-duration:0.7s !important;  /*스크롤 애니메이션 속도 통일*/
	transition-delay:0s !important; 
	/*
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;

    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;

    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
	*/
  }
}

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	헤더  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.wrapNew { width:100%; overflow-x:hidden; }
.headerNew { border-bottom:1px solid rgba(255,255,255,0.1); width:100%; z-index:10; height:90px; transition:all 0.3s; background:rgba(0,0,0,0.75); position:absolute; top:0; left:0; }
.headerNew .inner { width:100%; max-width:1840px; padding:0 20px; height:90px; position:relative; margin:0 auto; z-index:100; }
.headerNew .logo { position:absolute; left:20px; top:50%; transform:translateY(-50%); }
.headerNew .logo img.off { display:block; }
.headerNew .logo img.on { display:none; }
.headerNew .contactTel { position:absolute; top:0; right:0; color:#fff; background:var(--main); height:90px; padding:0 25px; text-align:center; display:flex; align-items:center;  }
.headerNew .contactTel > div { width:100%; }
.headerNew .contactTel strong { font-size:23px; color:#edfeb8; }
.headerNew .contactTel .tel_num { font-weight:500; font-size:18px; letter-spacing:0; }
.headerNew .contactTel .tel_num span + span:before { width:1px; height:14px; background:rgba(255,255,255,0.2); content:''; display:inline-block; margin:0 5px; }
.headerNew .navi { width:100%; max-width:700px; margin:0 auto; }
.headerNew .navi .mainMenu { display:flex; justify-content:space-evenly; position:relative; }
.headerNew .navi .mainMenu > li { flex-grow:1; text-align:center;}
.headerNew .navi .mainMenu > li > a { line-height:90px; height:90px; font-size:18px; color:#fff; font-weight:400; display:block; width:100%; }
.headerNew .navi_mobile { display:none; }

.headerNew.hover,
.headerNew.scroll { background:#fff; border-color:#ccc; position:fixed; top:0; left:0; }
.headerNew.hover .logo img.off,
.headerNew.scroll .logo img.off { display:none; }
.headerNew.sub_header .logo img.on,
.headerNew.hover .logo img.on,
.headerNew.scroll .logo img.on { display:block; }
.headerNew.sub_header .navi .mainMenu > li > a,
.headerNew.sub_header .navi .mainMenu > li > a,
.headerNew.hover .navi .mainMenu > li > a,
.headerNew.scroll .navi .mainMenu > li > a { color:#111; }

.headerNew.sub_header { background:#fff; position:relative; border-bottom:1px solid transparent;}
.headerNew.sub_header.hover,
.headerNew.sub_header.scroll { border-color:#ccc;}
.headerNew.sub_header.scroll { position:fixed; }
.headerNew.sub_header .logo img.off { display:none !important; }
.headerNew.sub_header .logo img.on { display:block !important; }
.headerNew.sub_header .navi .mainMenu > li > a,
.headerNew.sub_header .navi .mainMenu > li > a { color:#111; }

.subMenu { position:absolute; top:90px; left:0; width:100%; background:#fff; z-index:99; height:190px; display:none; border-bottom:1px solid #ccc; }
.subMenu .inner { width:100%; max-width:1240px; padding:0 20px; margin:0 auto; display:flex; justify-content:space-between; }
.subMenu .inner .submenu-in { padding:20px; border-right:1px solid #ccc; height:190px; width:20%; flex-shrink:0; text-align:center; }
.subMenu.menu_col4 .inner .submenu-in { width:25%; }
.subMenu .inner .submenu-in:first-child { border-left:1px solid #ccc; }
.subMenu .inner .submenu-in h3 { line-height:35px; }
.subMenu .inner .submenu-in h3 a { line-height:35px; color:var(--main); font-size:18px; font-weight:500;}
.subMenu .inner .submenu-in li { line-height:30px; }
.subMenu .inner .submenu-in li a { color:#555; font-size:15px; font-weight:normal; }
.subMenu .inner .submenu-in li a:hover { color:var(--main);}

@media all and (max-width: 1280px) {
	.headerNew .navi { max-width:100%; margin:0; padding-left:300px; padding-right:282px; }
	.headerNew .navi .mainMenu { width:100%;}
}

@media all and (max-width: 1080px) {
	.headerNew { height:70px; }
	.headerNew .inner { height:70px; }
	.headerNew .logo { left:50%; transform:translate(-50%, -50%); }
	.headerNew .logo img { height:40px; }
	.headerNew .contactTel { display:none; }
	.call_mobile { position:absolute; top:0; right:0; }
	.call_mobile a { display:block; width:70px; height:70px; background:url('../img/main/top_tel_white.png')center; background-size:100%; }
	.headerNew.hover .call_mobile a,
	.headerNew.scroll .call_mobile a {background:url('../img/main/top_tel.png')center; background-size:100%; }
	.subMenu { display:none !important; }

	.headerNew .navi { display:none; }
	.headerNew .navi_mobile { display:block; z-index:120; }
	.toggleOpen { width:70px; height:70px; display:block; left:0; top:0; position:absolute; background:transparent; border:0; color:#fff; font-size:24px; line-height:70px; z-index:120; padding:0; }
	.headerNew.hover .toggleOpen,
	.headerNew.scroll .toggleOpen { color:#111; }
	.toggleClose { background:#111; width:70px; height:70px; color:#fff; font-size:24px; line-height:70px; left:100%; top:0; position:absolute; border:0; padding:0;}
	.toggleNav {width:280px; height:100%; position:fixed; background:#333; top:0; left:-280px; z-index:800; display:none; }
	.toggleNav>ul>li {border-bottom:1px solid rgba(0, 0, 0, 0.3); }
	.toggleNav>ul>li a {color:#fff; display:block; padding:0 20px; line-height:38px; position:relative;}
	.toggleNav>ul>li.has-sub>a:after {content:"\f107"; display:inline-block; position:absolute; right:16px; top:0; font-family:FontAwesome; font-size:15px;}
	.toggleNav li ul {display:none; }
	.toggleNav>ul>li.active>ul {display:block;}
	.toggleNav>ul>li.active>a:after {content:"\f106";}
	.toggleNav li li {background:#444; border-top:1px solid rgba(0, 0, 0, 0.3); border-bottom:0; }
	.toggleNav li li:first-child {border-top:1px solid rgba(0, 0, 0, 0.5);}
	.toggleNav li li a {color:#888;}	

	.headerNew.sub_header .toggleOpen { color:#111; }
	.headerNew.sub_header .call_mobile a {background:url('../img/main/top_tel.png')center; background-size:100%; }
}

@media all and (max-width: 960px) {
	.headerNew { height:164px; }
	.headerNew .inner { height:60px; }
	.call_mobile a { width:60px; height:60px; }
	.toggleOpen { width:60px; height:60px; line-height:60px; }
	.toggleClose { width:60px; height:60px; line-height:60px; }
	.headerNew.scroll { margin-top:0; }
	.headerNew.scroll:not(.sub_header) { margin-top:-104px; }
	
	.headerNew.sub_header { height:60px; }
}

@media (max-width: 767px) {
	.headerNew { background:transparent; position:relative;  border-color:#ccc;  }
	.call_mobile a { background-image:url('../img/main/top_tel.png'); }
	.headerNew .logo img.off { display:none; }
	.headerNew .logo img.on { display:block; }
	
	.toggleOpen { color:#111; }
}

@media all and (max-width: 560px) {
	.headerNew .logo img { height:32px; }
}

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	푸터  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.footer { letter-spacing:0; color:#555; background:#f1f1f1; font-weight:400; }
.footer .inner { width:100%; max-width:1240px; padding:0 20px 40px; margin:0 auto; }
.footer .inner:after { display:block; clear:both; content:''; }
.footer .footer_top { height:50px; border-bottom:1px solid #bdbdbd; margin-bottom:20px; }
.footer .footer_top .footer_link li { display:inline-block; font-weight:300; }
.footer .footer_top .footer_link li a { padding:0 20px; color:#111; line-height:50px; font-size:15px; font-weight:500; }
.footer .footer_top .footer_link li:first-child a { padding-left:0; }
.footer .footer_top .footer_link li + li:before { width:1px; height:12px; background:#ccc; content:''; display:inline-block; }
.footer .left { width:48%; float:left; }
.footer .right { width:48%; float:right; }
.footer .left .contact { }
.footer .left .contact h2 { font-size:18px; line-height:18px; margin-bottom:10px; color:#111; }
.footer .left .contact h2 strong { font-weight:700; font-size:20px; }
.footer .left .contact .contact_num { font-size:20px; font-weight:500; color:var(--main); }
.footer .left .contact .contact_num .tel { color:var(--main); font-size:30px; font-weight:700; }
.footer .left .contact .contact_num span + span { margin-left:10px; padding-left:10px; position:relative; }
.footer .left .contact .contact_num span + span:before { width:1px; height:12px; background:#ccc; content:''; display:block; position:absolute; top:10px; left:0; }
.footer .left .copyright_wrap { margin-top:20px; }
.footer .left .copyright_wrap p { line-height:22px; font-size:14px; color:#555; }
.footer .left .copyright_wrap p span { display:inline-block;  position:relative; }
.footer .left .copyright_wrap p span + span { margin-left:6px; padding-left:7px; }
.footer .left .copyright_wrap p span + span:before { width:1px; height:10px; background:#ccc; content:''; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); }
.footer .right .officeinfo_wrap h2 { font-size:16px; text-transform:uppercase; font-weight:700; line-height:1.2; margin-bottom:15px; color:var(--main); }
.footer .right .officeinfo_wrap .office_list li { position:relative; padding-left:8px; color:#555; font-size:14px; }
.footer .right .officeinfo_wrap .office_list li:before { display:block; width:3px; height:3px; border-radius:50%; background:#858585; content:''; position:absolute; top:10px; left:0; transform:translateY(-50%); }
.footer .right .officeinfo_wrap .office_list li + li { margin-top:3px; }

@media all and (max-width: 960px) {
	.footer .left { width:100%; float:none; }
	.footer .right { width:100%; float:none;  margin-top:15px; padding-top:15px; border-top:1px solid rgba(255,255,255,0.1); }
}

@media all and (max-width: 560px) {
	.footer .footer_top { margin-bottom:10px; }
	.footer .footer_top .footer_link li a { padding:0 10px; font-size:13px; }
	.footer .left .contact h2 { font-size:14px; line-height:16px; margin-bottom:0px; }
	.footer .left .contact h2 strong { font-size:15px; }
	.footer .left .contact .contact_num { font-size:17px;}
	.footer .left .contact .contact_num .tel { font-size:28px; }
	.footer .left .copyright_wrap { margin-top:15px; }
	.footer .left .copyright_wrap p { line-height:18px; font-size:12px; }
	.footer .left .copyright_wrap p span + span { margin-left:3px; padding-left:4px; }
	.footer .right .officeinfo_wrap h2 { font-size:14px; margin-bottom:5px; }
	.footer .right .officeinfo_wrap .office_list li { position:relative; padding-left:8px; color:#555; font-size:13px; letter-spacing:-0.05em; word-break:keep-all; }
}

/* -----------------------------------------------------------------------------------------------
/////////////////////////////////////////////	메인  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

/* 메인페이지 공통 */
.section { width:100%; }
.section .section_wide_inner{ position:relative;  max-width:1920px; margin:0 auto; }


/* ================================== 메인비주얼 ================================== */
.main_movie_wrap { width:100%; height:90vh; max-height:800px; position:relative; overflow:hidden; background-color:#fff; }
/*.main_movie .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); }*/
.main_movie { width:100%;  height:100vh; max-height:920px; position:relative; overflow:hidden; }
.main_movie .visual_bg { display:flex;align-items:center;justify-content:center; position:absolute; top:0px; left:0px; width:100%; height:43vw; max-height:800px; }
.main_movie .visual_bg img {width:100%;}
.main_movie .visual_bg img.for_pc { display:inline; }
.main_movie .visual_bg img.for_m { display:none; }
.main_movie .visual_bg img.for_s { display:none; }

.main_movie .text_ani_wrap { display:inline-block; width:96%; max-width:1000px; position:absolute; top:33%; left:50%; text-align:center; transform:translateX(-50%);
position:relative; padding:60px 30px 70px; overflow:hidden; display:flex; flex-direction:column; }
.main_movie .text_ani_wrap .text_ani { color:rgba(255,255,255,0.8); opacity:0; width:100%; letter-spacing:-0.075em; word-break:keep-all;}
.main_movie .text_ani_wrap .text_ani img { vertical-align:middle; }
.main_movie .text_ani_wrap .text_ani_1 {  font-size:58px; font-weight:100; width:100%; font-size:50px; }
.main_movie .text_ani_wrap .text_ani_2 {  font-size:32px; font-weight:100; width:100%; margin-top:25px; }
.main_movie .text_ani_wrap .text_ani_1 strong,
.main_movie .text_ani_wrap .text_ani_2 strong { font-weight:700; display:inline; color:#ccbf9c; }
.main_movie .text_ani_wrap .wline { position:absolute; background:#ccbf9c; z-index:50; display:block; }
.main_movie .text_ani_wrap .wline.wline_1 { width:100%; height:1px; top:0; left:-100%; }
.main_movie .text_ani_wrap .wline.wline_2 { width:1px; height:100%; top:0; right:0; top:-100%; }
.main_movie .text_ani_wrap .wline.wline_3 { width:100%; height:1px; bottom:0; right:0; right:-100%; }
.main_movie .text_ani_wrap .wline.wline_4 { width:1px; height:100%; bottom:0; left:0; bottom:-100%; }
.main_movie .vlogo_ani {}
.main_movie .vlogo_ani .vlogo_box { display:flex; align-items:center; justify-content:space-between; width:95%; max-width:800px; position:absolute; top:48%; left:50%; text-align:center; transform:translateX(-50%); }
.main_movie .vlogo_ani .vlogo_box .vlogo { color:#fff; opacity:0;}
.main_movie .vlogo_ani .vlogo_box .vlogo img { opacity:0.9; }
.main_movie .vlogo_ani .logo_text { position:absolute; top:33%; left:50%; text-align:center; transform:translateX(-50%); opacity:0; color:#fff; font-size:40px; width:100%; font-weight:300;  }
.main_movie .vlogo_ani .logo_text strong { font-weight:700; }

.main_banner {
	padding-top:0;
    overflow: hidden;
}

.main_banner img {
  width: 100%;
}

.pc_banner {
	display: block;
}

.m_banner {
  display: none;
}

@media (max-width: 1024px) {
	.main_banner {
		padding-top:0;
	}

	.pc_banner {
		display: none;
	}

	.m_banner {
		display: block;
	}
}

@media (max-width: 1080px) {
	.main_movie_wrap { height:60vw; }
	.main_movie {height:60vw; }
	.main_movie .visual_bg { height:60vw; }
	.main_movie .visual_bg img.for_pc { display:none; }
	.main_movie .visual_bg img.for_m { display:inline; }
	.main_movie .visual_bg img.for_s { display:none; }
	.main_movie .text_ani_wrap { max-width:700px; padding:30px 20px;  }
	.main_movie .text_ani_wrap .text_ani img { width:22px; }
	.main_movie .text_ani_wrap .text_ani_1 { font-size:45px;  }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:28px; }
	.main_movie .vlogo_ani .logo_text { font-size:24px; }
	.main_movie .vlogo_ani .vlogo_box { max-width:600px; }	
}

@media (max-width: 767px) {
	.main_movie_wrap { height:calc(120vw + 129px); }
	.main_movie {height:calc(120vw + 129px); }
	.main_movie .visual_bg { height:calc(120vw + 129px); }
	.main_movie .visual_bg img.for_pc { display:none; }
	.main_movie .visual_bg img.for_m { display:none; }
	.main_movie .visual_bg img.for_s { display:inline; }
	.main_movie .text_ani_wrap { padding:20px;  }
	.main_movie .text_ani_wrap .text_ani img { width:16px; }
	.main_movie .text_ani_wrap .text_ani_1 { font-size:35px; }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:17px; }
	.main_movie .vlogo_ani .logo_text { font-size:18px; }
	.main_movie .vlogo_ani .vlogo_box { max-width:500px; width:90%; }
	.main_movie .vlogo_ani .logo_text { }
	.main_movie .vlogo_ani .vlogo_box .vlogo img { width:70%; }	
}

@media (max-width: 560px) {
	.main_movie .text_ani_wrap { top:40%; }
	.main_movie .vlogo_ani .logo_text  { top:40%; }
	.main_movie .vlogo_ani .vlogo_box { top:55%; }
	.main_movie .text_ani_wrap .text_ani img { width:10px; }
	.main_movie .text_ani_wrap .text_ani_1 { font-size:26px; }
	.main_movie .text_ani_wrap .text_ani_2 { font-size:15px; }
}


/* ================================== 성공사례 ================================== */
.mainSuccess { width:100%; position:relative; background:url(../img/main/visualBg.jpg)center top no-repeat; background-size:cover; width:100%; padding:100px 0 120px; }
.mainSuccess .mainSuccess_bg { /*background:url(../img/main/visualBg.jpg)center top no-repeat; background-size:cover; width:100%; height:950px; position:relative; z-index:1;*/ }
.mainSuccess .mainSuccess_bg.active { /*-webkit-animation:visualBg 5s linear forwards; animation:visualBg 5s linear forwards;*/}
.successWrap{ width:100%;  margin:0 0; }
.successWrap .success_inner { width:100%; max-width:1300px; margin:0 auto; padding:0 50px; }
.successWrap .tags { font-size:40px; color:#fff; text-align:center; font-weight:500; }
.successWrap .tags ul { display:inline-block; }
.successWrap .tags ul li { display:inline-block; }
.successWrap .tags span { font-size:40px; }
.successWrap .success_contents {margin-top:40px; }
.successSlide { width:100%; }
/*.successSlide li:nth-child(1) { transition-delay:0.1s !important;}
.successSlide li:nth-child(2) { transition-delay:0.2s !important;}
.successSlide li:nth-child(3) { transition-delay:0.3s !important;}
.successSlide li:nth-child(4) { transition-delay:0.4s !important;}*/
.successSlide .cover-wrap { position:relative; background:#fafafa;  border:1px solid #e5e5e5; }
.successSlide .cover-wrap .text-spot { padding:20px 30px; border-bottom:1px solid #e5e5e5; background:#fff; }
.successSlide .cover-wrap .text-spot .result { background:var(--main); color:#fff; display:inline-block; font-size:17px; padding:5px 10px; border-radius:5px; font-weight:500; max-width:100%; 
 white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.successSlide .cover-wrap .text-spot .title {  font-size:24px; color:#111; font-weight:700; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; margin-top:10px; }
.successSlide .cover-wrap .text-spot .date { font-size:15px; color:#777; margin-top:15px; }
.successSlide .cover-wrap .detail_text { margin:20px 0; padding:0 30px; font-size:15px; font-weight:500; letter-spacing:-1px; color:#111; line-height:1.5em; max-height:4.5em; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; 
text-overflow:ellipsis; -o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word; }
.successSlide .cover-wrap .lawyer-info { padding:0 30px 20px; height:118px; }
.successSlide .cover-wrap .lawyer-info .lawyer-pic img { width:70px; }
.successSlide .cover-wrap .lawyer-info .lawyer-name { position:absolute; bottom:40px; right:50px; text-align:right; color:#000;   }
.successSlide .cover-wrap .lawyer-info .lawyer-name span { display:block; margin-top:3px; }
.successSlide .cover-wrap .lawyer-info .lawyer-name span { font-size:18px; }
.successSlide .cover-wrap .lawyer-info .lawyer-name small { font-size:13px; }
.successSlide .cover-wrap .lawyer-info .lawyer-name span b { font-weight:700; letter-spacing:0.15em; }
.successSlide .cover-wrap .detail-view { position:absolute; bottom:20px; right:20px; }
.successSlide .slick-slide { margin:0 6px; }
.successSlide .slick-list { margin:0 -6px; }
.successSlide .slick-arrow { position:absolute; text-indent:-9999px; border:0; background:transparent; top:50%; font-size:0; width:50px; height:50px; padding:0; transition:all 0.2s; opacity:0.5; margin:0; }
.successSlide .slick-arrow:hover { opacity:1; }
.successSlide .slick-arrow.slick-prev { left:0px; transform:translate(-100%, -50%); z-index:20; }
.successSlide .slick-arrow.slick-next { right:0px; transform:translate(100%, -50%); z-index:20; }
.successSlide .slick-arrow:before { width:50px; height:50px; display:block; content:''; }
.successSlide .slick-arrow.slick-prev:before { background:url(../img/main/s_slide_prev.png)no-repeat center; background-size:100%;}
.successSlide .slick-arrow.slick-next:before { background:url(../img/main/s_slide_next.png)no-repeat center; background-size:100%;}
.successCount { width:100%; left:0; z-index:2; margin-top:80px; }
.successCount .countInner { width:100%; max-width:1240px; padding:0 20px; margin:0 auto; display:flex; justify-content:space-between; align-items:end; }
.successCount .countInner .countNum { color:#fff; font-size:22px; flex-grow:1; border-bottom:1px solid rgba(255,255,255,0.5); line-height:1.2; }
.successCount .countInner .countNum .count { font-weight:700; font-size:100px; }
.successCount .countInner .link { width:376px; flex-shrink:0; overflow:hidden; }
.successCount .countInner .link a { font-size:35px; color:#edfeb8; background:url(../img/main/success_link_border.png)no-repeat; background-size:100% 100%; display:block; width:100%; line-height:90px; height:90px; 
padding-left:30px; position:relative; font-weight:500; color:#fecd98; }
.successCount .countInner .link a:hover { color:#fff;}
.successCount .countInner .link a:before { position:absolute; transform:translateX(-100%); left:0; top:0; content:''; display:block; width:100%; height:100%; background:url('../img/main/success_link_bg.png')no-repeat;
opacity:0; transition:all 0.4s; z-index:-1; background-size:100% 100%; }
.successCount .countInner .link a:hover:before { transform:translateX(0); opacity:1; }
.successCount .countInner .link a:after { content:''; width:16px; height:16px; display:inline-block; margin-left:10px; transition:all 0.3s; background:url('../img/main/plus.png'); background-size:100%; display:none; }
.successCount .countInner .link a:hover:after { content:''; background:url('../img/main/plus_w.png'); background-size:100%; }

@keyframes visualBg {
	0%{
  	opacity:0;
	-webkit-transform: scale(1); 
	transform: scale(1);
    }
    20% {
  	 opacity:1;
    }
    100%{
  	  opacity:1;
	  -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
}

@-webkit-keyframes visualBg {
  0%{
	opacity:0;
	 -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  20% {
	 opacity:1;   
  }
  100% {
	 opacity:1;
    -webkit-transform: scale(1.1, 1.1) ;
    transform: scale(1.1, 1.1);
  }
}

@media all and (max-width: 1080px) {
	.mainSuccess { padding:80px 0 100px; }
	.successWrap .tags,
	.successWrap .tags span { font-size:35px; }
	.successCount { margin-top:50px; }
	.successCount .countInner .countNum .count { font-size:80px; }
	.successCount .countInner .link { width:300px; }
	.successCount .countInner .link a { height:72px; line-height:72px; font-size:25px; }
	.successSlide .cover-wrap .text-spot { padding:15px; }
	.successSlide .cover-wrap .lawyer-info { padding:0 15px 15px; height:auto; }
	.successSlide .cover-wrap .lawyer-info .lawyer-name { right:15px; }
	.successSlide .cover-wrap .lawyer-info .lawyer-name span { margin-top:0; line-height:24px; }
	.successSlide .cover-wrap .detail_text { margin:15px 0; padding:0 15px; }	
}

@media all and (max-width: 767px) {
	.successWrap.success_header .success_more { background:var(--main);  padding:3px 10px; }
	.successWrap .tags,
	.successWrap .tags span { font-size:30px; }
	.successWrap.success_contents { flex-wrap:wrap; }
	.successSlide .cover-wrap .lawyer-info .lawyer-name { position:relative; bottom:0; right:auto; left:0; text-align:left; }
	.successSlide .cover-wrap .lawyer-info .lawyer-name span { margin-top:0; }
	.successSlide .cover-wrap .lawyer-info .lawyer-pic { display:none;}	
	.successCount .countInner .countNum { font-size:16px; }
	.successCount .countInner .countNum .count { font-size:60px; }
	.successCount .countInner .link { width:220px; }
	.successCount .countInner .link a { height:53px; line-height:53px; font-size:18px; padding-left:20px;}
	.successCount .countInner .link a:after { width:14px; height:14px; }
	.successSlide .slick-arrow.slick-prev:before { background:url(../img/main/c_slide_prev_b.png)no-repeat center; background-size:100%;}
	.successSlide .slick-arrow.slick-next:before { background:url(../img/main/c_slide_next_b.png)no-repeat center; background-size:100%;}
}

@media all and (max-width:560px) {
	.mainSuccess { padding:50px 0 60px; }
	.successCount { margin-top:30px; }
	.successWrap .success_inner { padding:0 10px; }
	.successWrap .tags { font-size:22px; line-height:1.2; }
	.successWrap .tags span { font-size:22px; }
	.successSlide .cover-wrap .text-spot .result { font-size:13px; padding:3px 5px; }
	.successSlide .cover-wrap .text-spot .title { font-size:16px; margin-top:0; line-height:1.2; }
	.successSlide .cover-wrap .text-spot .date { display:none; }
	.successSlide .cover-wrap .detail_text { font-size:14px; font-weight:400; color:#000;}
	.successSlide .cover-wrap .lawyer-info .lawyer-name span { font-size:14px; }
	.successSlide .slick-slide { margin:0 2px; }
	.successSlide .slick-list { margin:0 -2px; }
	.successSlide .slick-arrow {width:40px; height:40px; opacity:1; }
	.successSlide .slick-arrow.slick-prev { left:0px; transform:translate(0, -50%); margin-left:-10px; }
	.successSlide .slick-arrow.slick-next { right:0px; transform:translate(0, -50%); margin-right:-10px; }
	.successSlide .slick-arrow:before { width:40px; height:40px; }
	.successCount .countInner { padding:0 15px; }
	.successCount .countNum strong + span {  }
	.successCount .countInner .countNum { font-size:13px; }
	.successCount .countInner .countNum .count { font-size:35px; }
	.successCount .countInner .link { width:140px; }
	.successCount .countInner .link a { height:38px; line-height:38px; font-size:14px; padding-left:10px;}
	.successCount .countInner .link a:after { width:10px; height:10px; margin-left:3px;}

}


/* ================================== 마약수사 배너 ================================== */
.maBannerWrap { padding-top:100px; margin:0; background:url(../img/main/maBanner_bg.jpg)center center no-repeat; background-size:cover; overflow:hidden; }
.maBanner { background-size:cover; padding:0; position:relative; }
.maBanner .mbTitle { font-size:55px; color:#fff; letter-spacing:-0.075em; line-height:1.3; z-index:3; width:100%; max-width:1400px; margin:0 auto; text-align:left; height:140px; padding-left:400px; }
.maBanner .mbTitle strong { font-weight:700; color:#9e8b73;  }
.maBanner .mbCntBox { display:flex; width:100%; max-width:1400px; margin:0 auto; color:#fff; align-items:center; justify-content:space-between; margin-top:-140px;  }
.maBanner .mbCntBox:before { display:block; position:absolute; top:50%; left:50%; width:100%; height:350px; content:''; transform:translate(-50%, -50%); background:rgba(30,30,30,0.8); z-index:0; margin-top:50px; }
.maBanner .mbCntBox .person { position:relative;  z-index:2; width:484px; max-width:484px; flex-grow:1; }
.maBanner .mbCntBox .person .pic { width:100%; height:720px; background:url(../img/main/ma_img1.png)center top no-repeat; background-size:100%; }
.maBanner .mbCntBox .person .pic img { display:none; }
.maBanner .mbCntBox .person .picInfo { position:absolute; bottom:5%; left:50%; transform:translateX(-50%); font-size:18px; font-weight:500; white-space:nowrap; }
.maBanner .mbCntBox .person .picInfo .t1 { display:inline-block; font-size:20px; background:#695a4a; padding:0 5px; border-radius:3px; height:30px; line-height:32px; margin-bottom:5px; }
.maBanner .mbCntBox .person .picInfo .t2 strong { font-size:25px; font-weight:700;}
.maBanner .mbCntBox .bookImg { width:300px; max-width:300px; flex-grow:1; z-index:1; position:relative; overflow:visible; margin-top:100px;}
.maBanner .mbCntBox .bookImg .bookImgIn { width:100%;  }
.maBanner .mbCntBox .bookImg img { position:absolute; left:0; top:50%; transform:translateY(-50%); width:160%; max-width:498px; vertical-align:bottom; }
.maBanner .mbCntBox .career { z-index:2; margin-top:100px; margin-right:30px; min-width:420px; flex-shrink:0; }
.maBanner .mbCntBox .career .career01 { font-size:25px; font-weight:700; line-height:1.5; }
.maBanner .mbCntBox .career .career01 strong { color:#9e8b73; }
.maBanner .mbCntBox .career .career02 { font-size:19px; font-weight:200; margin-top:30px; }
.maBanner .mbCntBox .career .career02 li + li { margin-top:10px; }
.maBanner .mbCntBox .career .career02 li { position:relative; padding-left:10px; }
.maBanner .mbCntBox .career .career02 li:before { width:3px; height:3px; border-radius:50%; background:#fff; content:''; display:inline-block; position:absolute; left:0px; top:8px; }

@media all and (max-width: 1279px) {
	.maBanner .mbTitle { font-size:50px;  }
	.maBanner .mbCntBox .person { position:relative; }
	.maBanner.new .mbCntBox .bookImg { width:500px; max-width:500px; }
}

@media all and (max-width: 1080px) {
	.maBannerWrap { padding-top:80px; }
	.maBanner .mbCntBox:before { margin-top:0px; }
	.maBanner .mbTitle { font-size:46px; height:auto; text-align:center; padding-left:0; }
	.maBanner .mbCntBox { justify-content:left; position:relative; margin-top:0; }
	.maBanner .mbCntBox .person { margin-right:30px; }
	.maBanner .mbCntBox .person .pic { background:none; height:auto; }
	.maBanner .mbCntBox .person .pic img { display:inline; max-width:100%;}
	.maBanner .mbCntBox .person .picInfo { font-size:16px; }
	.maBanner .mbCntBox .bookImg { position:absolute; bottom:5%; right:0; width:25%;}
	.maBanner .mbCntBox .bookImg img { position:static; transform:translateY(0); top:auto; }
	.maBanner .mbCntBox .career { margin-top:0; }
	.maBanner .mbCntBox .career .career01 { font-size:22px; }
	.maBanner .mbCntBox .career .career02 { font-size:18px; }
}

@media all and (max-width: 767px) {
	.maBanner .mbCntBox:before { display:none; }
	.maBanner .mbTitle { font-size:35px; }
	.maBanner .mbCntBox { flex-wrap:wrap;}
	.maBanner .mbCntBox .person { width:100% !important; max-width:100%; text-align:center; margin-right:0; height:0; padding-bottom:100%;}
	.maBanner .mbCntBox .person .pic { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; }
	.maBanner .mbCntBox .person .picInfo { bottom:20px; }
	.maBanner .mbCntBox .career { width:100%; max-width:100%; min-width:100%; padding:30px;  }
	.maBanner .mbCntBox .bookImg { bottom:10px; }
}

@media all and (max-width:560px) {	
	.maBannerWrap { padding-top:60px; }
	.maBanner .mbTitle { font-size:24px; word-break:keep-all; padding:0 10px; line-height:1.3; letter-spacing:-0.09em; }
	.maBanner .mbCntBox .person .picInfo { font-size:14px; }
	.maBanner .mbCntBox .person .picInfo .t1 { font-size:16px; }
	.maBanner .mbCntBox .person .pic img {width:90%; max-width:360px; }
	.maBanner .mbCntBox .career { padding:30px 20px; }
	.maBanner .mbCntBox .career .career01 { font-size:20px; }
	.maBanner .mbCntBox .career .career02 { font-size:15px; margin-top:20px; }
}


/* ================================== 마약수사 배너 수정 (20221128) ================================== */
.maBannerWrapNew { padding-top:100px; margin:0; background:url(../img/main/maBanner_bg.jpg)center center no-repeat; background-size:cover; overflow:hidden; }
.maBannerNew { background-size:cover; padding:0; position:relative; }
.maBannerNew .mbTitle { font-size:55px; color:#fff; letter-spacing:-0.075em; line-height:1.3; z-index:3; width:100%; max-width:1560px; margin:0 auto; text-align:left; height:140px; padding-left:400px; }
.maBannerNew .mbTitle strong { font-weight:700; color:#9e8b73;  }
.maBannerNew .mbCntBox { display:flex; width:100%; max-width:1560px; margin:0 auto; color:#fff; align-items:center; justify-content:space-between; margin-top:-140px;  }
.maBannerNew .mbCntBox:before { display:block; position:absolute; top:50%; left:50%; width:100%; height:350px; content:''; transform:translate(-50%, -50%); background:rgba(30,30,30,0.8); z-index:0; margin-top:50px; }
.maBannerNew .mbCntBox .person { position:relative; z-index:2; width:32%; max-width:484px; flex-grow:1; }
.maBannerNew .mbCntBox .person .pic { width:100%; height:720px; background:url(../img/main/ma_img1.png)center top no-repeat; background-size:100%; }
.maBannerNew .mbCntBox .person .pic img { display:none; }
.maBannerNew .mbCntBox .person .picInfo { position:absolute; bottom:5%; left:50%; transform:translateX(-50%); font-size:18px; font-weight:500; white-space:nowrap; }
.maBannerNew .mbCntBox .person .picInfo .t1 { display:inline-block; font-size:20px; background:#695a4a; padding:0 5px; border-radius:3px; height:30px; line-height:32px; margin-bottom:5px; }
.maBannerNew .mbCntBox .person .picInfo .t2 strong { font-size:25px; font-weight:700;}
.maBannerNew .mbCntBox .right { flex-grow:1; display:flex; justify-content:space-between; align-items:center; width:68%; padding-left:2%; }
.maBannerNew .mbCntBox .career { z-index:2; margin-top:100px; margin-right:30px; min-width:420px; flex-shrink:0; }
.maBannerNew .mbCntBox .career .career01 { font-size:25px; font-weight:700; line-height:1.5; }
.maBannerNew .mbCntBox .career .career01 strong { color:#9e8b73; }
.maBannerNew .mbCntBox .career .career02 { font-size:18px; font-weight:200; margin-top:30px; }
.maBannerNew .mbCntBox .career .career02 li + li { margin-top:10px; }
.maBannerNew .mbCntBox .career .career02 li { position:relative; padding-left:10px; }
.maBannerNew .mbCntBox .career .career02 li:before { width:3px; height:3px; border-radius:50%; background:#fff; content:''; display:inline-block; position:absolute; left:0px; top:8px; }
.maBannerNew .mbCntBox .bookImg { width:500px; flex-grow:1; z-index:1; position:relative; overflow:visible; margin-top:100px;}
.maBannerNew .mbCntBox .bookImg .bookImgIn { width:100%; }
.maBannerNew .mbCntBox .bookImg .bookImgIn img { width:100%; max-width:500px; }

@media all and (max-width: 1279px) {	
	.maBannerNew .mbTitle { font-size:50px; height:auto; text-align:center; padding-left:0; }
	.maBannerNew .mbCntBox:before { margin-top:0; }
	.maBannerNew .mbCntBox { margin-top:0; }
	.maBannerNew .mbCntBox .person {  width:35%;  }
	.maBannerNew .mbCntBox .person .pic {height:700px; }
	.maBannerNew .mbCntBox .right { flex-wrap:wrap; width:65%; }
	.maBannerNew .mbCntBox .career { width:100%; }
	.maBannerNew .mbCntBox .bookImg { width:100%; margin-top:0; margin-top:-50px; }
	.maBannerNew .mbCntBox .bookImg .bookImgIn { text-align:right;  }
	.maBannerNew .mbCntBox .bookImg .bookImgIn img {width:50%; max-width:350px; margin-right:20px; }
}

@media all and (max-width: 1080px) {
	.maBannerWrapNew { padding-top:80px; }
	.maBannerNew .mbTitle { font-size:46px; }
	.maBannerNew .mbCntBox { justify-content:left; position:relative; margin-top:0; }
	.maBannerNew .mbCntBox .person .pic { background:none; height:auto; }
	.maBannerNew .mbCntBox .person .pic img { display:inline; max-width:100%;}
	.maBannerNew .mbCntBox .person .picInfo { font-size:14px; }
	.maBannerNew .mbCntBox .person .picInfo .t1 { font-size:18px; line-height:30px; }
	.maBannerNew .mbCntBox .person .picInfo .t2 strong { font-size:22px; }
	.maBannerNew .mbCntBox .career { margin-top:0; }
	.maBannerNew .mbCntBox .career .career01 { font-size:21px; }
	.maBannerNew .mbCntBox .career .career02 { font-size:14px; }
	.maBannerNew .mbCntBox .career .career02 li + li { margin-top:7px; }
	.maBannerNew .mbCntBox .bookImg .bookImgIn img { margin-right:0; }
}

@media all and (max-width: 767px) {
	.maBannerNew .mbCntBox:before { display:none; }
	.maBannerNew .mbTitle { font-size:35px; }
	.maBannerNew .mbCntBox { flex-wrap:wrap;}
	.maBannerNew .mbCntBox .person { width:100% !important; max-width:100%; text-align:center; margin-right:0; height:0; padding-bottom:90%;}
	.maBannerNew .mbCntBox .person .pic { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background-size:none; text-align:center; }
	.maBannerNew .mbCntBox .person .pic img { width:70%; max-width:400px; }
	.maBannerNew .mbCntBox .person .picInfo { bottom:20px; }
	.maBannerNew .mbCntBox .right { padding:20px 20px 50px; }
	.maBannerNew .mbCntBox .career { width:100%; max-width:100%; min-width:100%; }
}

@media all and (max-width:560px) {	
	.maBannerWrapNew { padding-top:60px; }
	.maBannerNew .mbTitle { font-size:24px; word-break:keep-all; padding:0 10px; line-height:1.3; letter-spacing:-0.09em; }
	.maBannerNew .mbCntBox .person .picInfo { font-size:14px; }
	.maBannerNew .mbCntBox .person .picInfo .t1 { font-size:16px; }
	.maBannerNew .mbCntBox .person { padding-bottom:100%;}
	.maBannerNew .mbCntBox .person .pic img {width:90%; max-width:360px; }
	.maBannerNew .mbCntBox .career .career01 { font-size:20px; }
	.maBannerNew .mbCntBox .career .career02 { font-size:15px; margin-top:20px; }
	.maBannerNew .mbCntBox .bookImg { margin-top:20px; }
	.maBannerNew .mbCntBox .bookImg .bookImgIn { }
	.maBannerNew .mbCntBox .bookImg .bookImgIn img { width:70%; max-width:250px; }
}


/* ================================== 대표변호사칼럼 ================================== */
.columnWrap { padding:100px 0; }
.columnWrap .inner { width:100%; max-width:1240px; padding:0 20px; margin:0 auto; }
.section_tit { position:relative; text-align:center; margin-bottom:50px; }
.section_tit h2 { font-size:45px; color:#000; font-weight:700; }
.section_tit h2 strong { color:var(--main); }
.section_tit h2 small { display:block; font-size:18px; color:#666; margin-top:10px; font-weight:300;  }
.section_tit .moreBtn { position:absolute; bottom:0; right:0; height:40px; line-height:40px; padding:0 20px; background:var(--main); color:#fff; font-size:16px; display:inline-block; }
.section_tit .moreBtn:after { display:inline-block; width:10px; height:10px; border:2px solid #fff; border-width:2px 2px 0 0; content:''; transform:rotate(45deg); margin-left:5px; }
.columnWrap .columnList ul { display:flex; justify-content:space-between; width:100%; flex-wrap:wrap; }
.columnWrap .columnList ul li { width:24%; flex-shrink:0; padding:12px; border:1px solid #e1e1e1; font-size:15px; }
.columnWrap .columnList.col02 ul li { width:49%; margin-bottom:20px; }
.columnWrap .columnList .thumb { padding-top:70%; position:relative; }
.columnWrap .columnList .tit {  line-height:1.4em; height:2.8em; max-height:2.8em; display:-webkit-box;  -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;
-o-text-overflow:ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; padding-bottom:0; white-space:pre-line; font-size:17px; color:#000; font-weight:500; margin-top:15px; }
.columnWrap .columnList .tit { /*font-size:18px; white-space:nowrap; overflow:hidden; height:1.8em; max-height:1.8em; text-overflow:ellipsis; font-weight:500; margin-top:15px;*/ }
.columnWrap .columnList .cnts { margin-top:15px; font-size:14px; line-height:1.4em; height:2.8em; max-height:2.8em; display:-webkit-box;  -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis;
-o-text-overflow:ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; padding-bottom:0; white-space:pre-line;}
.columnWrap .columnList .lw-name { margin-top:25px; font-size:14px; }
.columnWrap .columnList .boardLink {display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background:#333; font-size:16px; margin-top:20px; }
.columnWrap .columnList .boardLink:after { display:inline-block; width:12px; height:12px; border:2px solid #fff; border-width:2px 2px 0 0; content:''; transform:rotate(45deg); margin-left:5px; }
.columnSlide .slick-slide { margin:0 6px; }
.columnSlide .slick-list { margin:0 -6px; }
.columnSlide .slick-arrow { position:absolute; text-indent:-9999px; border:0; background:transparent; top:50%; font-size:0; width:60px; height:60px; padding:0; transition:all 0.2s; opacity:0.5; margin:0; }
.columnSlide .slick-arrow:hover { opacity:1; }
.columnSlide .slick-arrow.slick-prev { left:0px; transform:translate(-100%, -50%); z-index:5; }
.columnSlide .slick-arrow.slick-next { right:0px; transform:translate(100%, -50%); z-index:5; }
.columnSlide .slick-arrow:before { width:60px; height:60px; display:block; content:''; }
/* .columnSlide .slick-arrow.slick-prev:before { background:url(../img/main/c_slide_prev_b.png)no-repeat center; background-size:100%;}
.columnSlide .slick-arrow.slick-next:before { background:url(../img/main/c_slide_next_b.png)no-repeat center; background-size:100%;} */
.columnSlide .slick-arrow.slick-prev:before {left:-5px; background:url(../img/slide/arw_prev.png) center center no-repeat rgba(0,0,0,0.5); background-size:14px; } 
.columnSlide .slick-arrow.slick-next:before {right:-10px; background:url(../img/slide/arw_next.png) center center no-repeat rgba(0,0,0,0.5); background-size:14px;  } 

@media all and (max-width:1320px){
	.columnSlide .slick-arrow { opacity:0.8; }
	.columnSlide .slick-arrow.slick-prev { transform:translate(-20px, -50%); }
	.columnSlide .slick-arrow.slick-next { transform:translate(20px, -50%); }
}

@media all and (max-width: 1080px) {
	.columnWrap { padding:80px 0; }
}

@media all and (max-width: 960px) {
	.section_tit h2 { font-size:35px; }
	.section_tit h2 small { font-size:15px; margin-top:5px; }
	.section_tit .moreBtn { height:36px; line-height:36px; padding:0 15px; font-size:15px; }
	.columnWrap .columnList ul { flex-wrap:wrap; }
	.columnWrap .columnList ul li { width:calc(50% - 10px); margin-bottom:20px; }
}

@media all and (max-width: 768px) {
	.columnSlide .slick-arrow.slick-prev { transform:translate(-15px, -50%); }
	.columnSlide .slick-arrow.slick-next { transform:translate(15px, -50%); }
	.columnSlide .slick-arrow { width:30px; height:30px; }
	.columnSlide .slick-arrow:before { width:30px; height:30px; }
}

@media all and (max-width: 560px) {
	.columnWrap { padding:50px 0; }
	.section_tit { margin-bottom:10px; }
	.section_tit:after { display:block; width:100%; clear:both; content:''; }
	.section_tit h2 { font-size:22px; }
	.section_tit h2 small { font-size:13px; }
	.section_tit .moreBtn { position:relative; margin-top:8px; height:32px; line-height:32px; font-size:13px; float:right;  }
	.section_tit .moreBtn:after { width:8px; height:8px; }
	.columnWrap .columnList ul li { width:calc(50% - 5px); margin-bottom:10px; padding:6px; }
	.columnWrap .columnList .tit { line-height:1.4em; height:4.2em; max-height:4.2em; display:-webkit-box;  -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis;
	-o-text-overflow:ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; padding-bottom:0; white-space:pre-line; font-size:16px; }
	.columnWrap .columnList .cnts { margin-top:15px; }
	.columnWrap .columnList .lw-name { margin-top:20px; font-size:13px; }
	.columnWrap .columnList .boardLink { height:34px; line-height:34px; font-size:14px;  }
	.columnWrap .columnList .boardLink:after { width:8px; height:8px; border:2px solid #fff; border-width:2px 2px 0 0; }
	/*20220914*/
	.columnWrap .columnList.col02 ul li { width:100%; display:none;}
	.columnWrap .columnList.col02 ul li:nth-child(-n+2) { display:block; }
	
	.columnSlide .slick-slide { margin:0 2px; }
	.columnSlide .slick-list { margin:0 -2px; }
	/* .columnSlide .slick-arrow {width:40px; height:40px; opacity:1; }
	.columnSlide .slick-arrow:before { width:40px; height:40px; }	 */
}

/* ================================== 전문위원 슬라이드 ================================== */
.commiteeWrap { margin:0 auto; background:url(../img/main/commiteeBg.jpg)no-repeat center; background-size:cover;  padding:0; }
.commiteeWrap .inner { width:100%; max-width:1240px; padding:100px 20px 0; margin:0 auto; position:relative; }
.commiteeWrap .commiteeTit { position:absolute; width:60%; left:0; top:120px; font-size:32px; color:#161817; text-align:center; }
.commiteeWrap .commiteeTit strong { background:#161817; color:#fff; padding:2px 5px 4px 5px; margin-top:5px; font-size:45px; line-height:1; display:inline-block;  }
.commSlide .commiteeItem { display:flex; justify-content:spce-between; /*align-items:start;*/ }
.commSlide .commiteeItem .text { width:63%; margin-top:10px; padding:0 10px; }
.commSlide .commiteeItem .text .text_box { text-align:center; /*border:5px solid rgba(6,69,36,0.2);*/ font-size:45px; font-weight:500; line-height:65px; color:#111; padding:35px 15px;  }
.commSlide .commiteeItem .text .text_box strong { color:var(--main); font-size:53px; font-weight:700; line-height:1; position:relative; }
.commSlide .commiteeItem .text .text_box strong:before { display:block; content:''; position:absolute; bottom:2px; left:50%; transform:translateX(-50%); width:92%; height:2px; background:var(--main);  }
.commSlide .commiteeItem .picture { width:37%; position:relative; display:flex; align-items:flex-end; justify-content:center;}
.commSlide .commiteeItem .picture .pic img { width:100%; }
.commSlide .commiteeItem .text .carrerWrap { background:rgba(0,0,0,0.6); color:#fff; text-align:center; padding:30px; width:80%; margin:0 auto; background:rgba(10,39,24,0.7); }
.commSlide .commiteeItem .text .carrerWrap .name { font-size:35px; margin-bottom:20px; font-weight:500; }
.commSlide .commiteeItem .text .carrerWrap .name:after { display:block; content:''; width:50px; height:2px; background:#fff; margin:15px auto; }
.commSlide .commiteeItem .text .carrerWrap .name strong { font-weight:700; }
.commSlide .commiteeItem .text .carrerWrap .carrer p { font-size:22px; font-weight:500; line-height:26px; white-space:nowrap; }
.commSlide .commiteeItem .text .carrerWrap .carrer p + p { margin-top:5px; }
.commSlide .commiteeItem .text .carrerWrap .carrer strong { color:#f8e1a1; color:#e6c078;}
.commSlide .commiteeItem .text .carrerWrap .carrer .bg { background:#33291b; background:#000; padding:0 5px; height:30px; line-height:30px; display:inline-block; background:#ede1a2; color:#111; font-weight:700; 
font-size:25px; padding-top:3px;}
.commSlide .commiteeItem .text .carrerWrap .carrer .bg .red { color:#e93421; color:var(--main); }
.commSlide .slick-arrow { position:absolute; text-indent:-9999px; border:0; background:transparent; top:50%; font-size:0; width:60px; height:60px; padding:0; transition:all 0.2s; opacity:0.5; z-index:20; }
.commSlide .slick-arrow:hover { opacity:1; }
.commSlide .slick-arrow.slick-prev { left:0; transform:translate(-100%, -50%); }
.commSlide .slick-arrow.slick-next { right:0; transform:translate(100%, -50%);  }
.commSlide .slick-arrow:before { width:60px; height:60px; display:block; content:''; }
.commSlide .slick-arrow.slick-prev:before { background:url(../img/main/c_slide_prev_w.png)no-repeat center; background-size:100%;}
.commSlide .slick-arrow.slick-next:before { background:url(../img/main/c_slide_next_w.png)no-repeat center; background-size:100%;}
.commiteeWrap .inner .commSlide { position:relative; }
.commiteeWrap .inner .commSlide:before { content:''; display:block; position:absolute; width:100%; height:calc(100% - 100px); border:6px solid rgba(255,255,255,0.6); z-index:0; top:0px; left:50%;
transform:translateX(-50%); }

/*슬라이드 animation*/
.commSlide .commiteeItem .text .text_box { transform:translate(0);  opacity:1; }
.commSlide .commiteeItem.slick-active .text .text_box { animation-name:fadeInTop; animation-duration:0.4s; animation-timing-function:ease-in-out; }
.commSlide .commiteeItem .text .carrerWrap { transform:translate(0);  opacity:1; }
.commSlide .commiteeItem.slick-active .text .carrerWrap { animation-name:fadeInTop; animation-duration:0.8s; animation-timing-function:ease-in-out; }
.commSlide .commiteeItem .picture .carrerWrap { opacity:1; }
.commSlide .commiteeItem.slick-active .picture .carrerWrap { animation-name:fadeIn; animation-duration:1s; animation-timing-function:ease-in-out; }

@keyframes fadeInTop {
    0% {
        transform:translateY(70px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}

@keyframes fadeInTop01 {
    0% {
        transform:translateY(40px);
        opacity:0;
    }
	50% {
        transform:translateY(40px);
        opacity:0;
    }
    100% {
        transform:translateY(0);
        opacity:1;
    }
}


@keyframes fadeIn {
    0% {
        opacity:0;
    }
	20% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@media all and (max-width: 1320px) {
	.commiteeWrap .commiteeTit { font-size:29px; }
	.commiteeWrap .commiteeTit strong { font-size:42px; }
	.commSlide .commiteeItem .text .text_box { font-size:36px; line-height:50px; }
	.commSlide .commiteeItem .text .text_box strong { font-size:44px; }
	.commSlide .slick-arrow { opacity:1; }
	.commSlide .slick-arrow.slick-prev { left:0; transform:translate(-20px, -50%); }
	.commSlide .slick-arrow.slick-next { right:0; transform:translate(20px, -50%);  }
	.commiteeWrap .inner .commSlide:before  { width:calc(100% - 40px); }
}

@media all and (max-width: 1080px) {
	.commiteeWrap .inner { padding:80px 20px 0; }
	.commSlide .commiteeItem .text .carrerWrap { margin:0 auto; }
	.commiteeWrap .inner .commSlide:before { height:calc(100% - 80px); }

}

@media all and (max-width: 960px) {
	.commiteeWrap .commiteeTit { font-size:22px; top:60px;  } 
	.commiteeWrap .commiteeTit strong { font-size:31px; }
	.commSlide .commiteeItem .text { /*margin-top:170px;*/ }
	.commSlide .commiteeItem .text .text_box  { font-size:25px; line-height:40px; padding:20px 10px; }
	.commSlide .commiteeItem .text .text_box strong { font-size:30px; }
	.commSlide .commiteeItem .picture .pic img { bottom:0; }
	.commSlide .commiteeItem .text .carrerWrap { padding:10px; }
	.commSlide .commiteeItem .text .carrerWrap .name { font-size:24px; }
	.commSlide .commiteeItem .text .carrerWrap .name:after { margin:10px auto; }
	.commSlide .commiteeItem .text .carrerWrap .carrer p { font-size:16px; line-height:20px; }
	.commSlide .commiteeItem .text .carrerWrap .carrer p + p { margin-top:5px; }
	.commSlide .commiteeItem .text .carrerWrap .carrer .bg { font-size:18px;  }
	.commSlide .slick-arrow { width:40px; height:40px; }
	.commSlide .slick-arrow:before { width:40px; height:40px; } 
}

@media all and (max-width:767px) {
	.commiteeWrap .inner { padding:60px 20px 60px; }
	.commiteeWrap .commiteeTit { position:relative; width:100%; top:0; font-size:20px; }
	.commiteeWrap .commiteeTit strong { font-size:28px; }
	.commSlide .commiteeItem { flex-wrap:wrap; }
	.commSlide .commiteeItem .text { width:100%; order:2; margin-top:0; padding:0; }
	.commSlide .commiteeItem .text .text_box  { font-size:23px; line-height:34px; padding:20px 10px; }
	.commSlide .commiteeItem .text .text_box strong { font-size:25px; position:relative; }
	.commSlide .commiteeItem .text .text_box strong:before { bottom:0px;}
	.commSlide .commiteeItem .picture { width:100%; order:1; height:300px; overflow:hidden; align-items:flex-start;  }
	.commSlide .commiteeItem .picture .pic { }
	.commSlide .commiteeItem .picture .pic img { width:80%; max-width:360px; margin:0 auto; }
	.commSlide .commiteeItem .text .carrerWrap { }
	.commSlide .commiteeItem .text .carrerWrap .name { font-size:18px; margin-bottom:15px; }
	.commSlide .commiteeItem .text .carrerWrap .carrer p { font-size:14px; line-height:15px; }
	.commSlide .commiteeItem .text .carrerWrap .carrer p + p { margin-top:3px; }
	.commSlide .commiteeItem .text .carrerWrap .carrer .bg { font-size:20px; padding:0 10px; height:30px; line-height:30px; background:#f8800b; }
	.commiteeWrap .inner .commSlide { padding:20px 0;}
	.commiteeWrap .inner .commSlide:before  { height:100%; border-width:3px; width:100%; }
}

@media all and (max-width:560px) {
	.commiteeWrap .commiteeTit { font-size:18px; }
	.commiteeWrap .commiteeTit strong { font-size:28px; }
	.commSlide .commiteeItem .text .text_box  { font-size:18px; padding:15px 5px; margin-top:10px; line-height:26px; }
	.commSlide .commiteeItem .text .text_box strong { font-size:25px; }
	.commSlide .slick-arrow.slick-prev { left:0; transform:translate(-15px, -50%); }
	.commSlide .slick-arrow.slick-next { right:0; transform:translate(15px, -50%);  }
	.commSlide .commiteeItem .text .carrerWrap { margin-top:0px; width:90%; }
}


/* ================================== 전문위원배너 ================================== */
.banner2Wrap {}
.lawyer2_banner { padding-top:100px; background:url('../images/main/lawyer2_banner_bg.gif')left center no-repeat; background-size:cover; text-align:center; overflow:hidden; }
.lawyer2_banner .banner_lawyer_img {padding:0; margin:0 auto; margin-top:30px; max-width:1740px; max-width:1772px; }
.lawyer2_banner .banner_lawyer_img img { max-width:100%; }
.lawyer2_banner .banner_lawyer_img .for_large { display:inline; }
.lawyer2_banner .banner_lawyer_img .for_small { display:none; }
.banner_text { font-size:48px; color:#c4b5a6; padding:0 20px; letter-spacing:-0.05em; font-weight:100; line-height:1.3; }
.banner_text strong { font-weight:700; font-size:51px; }
.span-ani-1 { transition:all 0.8s ease-out; opacity:0; transform:translateY(20px); }
.span-ani-1.active { transition-delay:0s; opacity:1; transform:translateY(0px); }
.span-ani-2 { transition:all 0.8s ease-out; opacity:0; transform:translateY(20px); }
.span-ani-2.active { transition-delay:0.3s; opacity:1; transform:translateY(0px); }
.lawyer2_banner span { display:block; }

@media (max-width: 1080px) {
	.lawyer2_banner { padding-top:80px; }
	.banner_text  { font-size:33px; }
	.banner_text strong { font-weight:700; font-size:35px; }
	.lawyer2_banner .banner_lawyer_img { margin-top:35px; }
}

@media (max-width: 767px) {
	.lawyer2_banner {  }
	.banner_text  { font-size:22px; }
	.banner_text strong { font-weight:700; font-size:28px; }
	.lawyer2_banner .banner_lawyer_img { margin-top:25px; }
	.lawyer2_banner .banner_lawyer_img .for_large { display:none; }
	.lawyer2_banner .banner_lawyer_img .for_small { display:inline; }
}

@media all and (max-width: 560px) {
	.lawyer2_banner { padding-top:60px; }
}

@media (max-width: 359px) {
	.lawyer2_banner { padding-top:3rem; }
	.banner_text  { font-size:23px; }
	.banner_text strong { font-weight:700; font-size:24px; }
}


/* ================================== 변호사 슬라이드 ================================== */
.lawyer_wrap { background:#fff; padding:100px 0; }
.lawyer_top { }
.lawyer_top_list { width:calc(100% + 14px); margin-left:-7px; }
.lawyer_top_list:after { display:block; content:''; clear:both; }
.lawyer_top_list li { width:20%; float:left; display:block; padding:7px; }
.lawyer_top_list .lawyer_detail { width:100%; height:0; padding-bottom:170%; overflow:hidden;  z-index:20; position:relative; letter-spacing:-0.07em; }
.lawyer_top_list .lawyer_detail .lawyer_title { position:absolute; top:15px; left:0; width:100%; text-align:center; color:#064323; font-size:18px;  z-index:20;}
.lawyer_top_list .lawyer_detail .lawyer_title > span { font-weight:300; }
.lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:22px; font-weight:700; display:block; line-height:32px; } 
.lawyer_top_list .lawyer_detail .lawyer_pic { width:100%; left:0; top:-10%; z-index:10; position:absolute; }
.lawyer_top_list .lawyer_detail .lawyer_pic img { width:100%; }
.lawyer_top_list .lawyer_detail .lawyername { height:36px; line-height:36px; background:rgba(0,0,0,0.3); text-align:center; font-size:19px; color:#fff; z-index:20; position:absolute; bottom:0; left:0; width:100%; }
.lawyer_top_list .lawyer_detail .lawyername strong { }
.lawyer_slide_wrap { margin-top:20px; position:relative; }
.lawyer_slide_wrap .lawyer_slider.visible_pc { display:block; }
.lawyer_slide_wrap .lawyer_slider.visible_m { display:none; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts { position:relative; margin:0 2px; width:14.2857%; float:left;  }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .pic img { width:100%; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name { position:absolute; bottom:0; left:0; width:100%; line-height:28px; font-size:15px; text-align:right; color:#fff; padding-right:10px; 
text-shadow:0px 0px 2px #000, 1px 1px 2px #000; }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts a { display:block; width:100%; height:100%;}
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts a:after { display:block; width:100%; height:100%; content:''; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0;  }
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts.slick-current a:after { display:none; }
.lawyer_slide_wrap .lawyer_slider .slick-arrow.slick-prev {
    text-indent: -1000px;
    font-size: 0;
    background: url(../img/slide/arw_prev.png)center center no-repeat;
    background-size: 16px;
    background-color: rgba(0,0,0,0.5);
    left:0;
	top:0;
    z-index: 9999;
	width:30px; height:100%; 
	position:absolute;
	border:0;
}
.lawyer_slide_wrap .lawyer_slider .slick-arrow.slick-next {
    text-indent: -1000px;
    font-size: 0;
    background: url(../img/slide/arw_next.png)center center no-repeat;
    background-size: 16px;
    background-color: rgba(0,0,0,0.5);
    right:0;
	top:0;
    z-index: 9999;
	width:30px; height:100%; 
	position:absolute;
	border:0;
}
.lawyer_slide_wrap .lawyer_slider .lawyer_cnts.visible_m { display:none !important; }

/*20210805*/
.lawyer_top.col_3 { width:100%; }
.lawyer_top.col_3 .lawyer_top_list { width:100%; display:flex; justify-content:space-between; margin:0 auto; flex-wrap:wrap; }
.lawyer_top.col_3 .lawyer_top_list li { width:32.2%; padding:0; float:none; margin-top:20px; }
.lawyer_top.col_3 .lawyer_top_list:after { display:none; }
.lawyer_top.col_3 .lawyer_top_list .lawyer_detail { padding-bottom:135%; background:#eaeaea; } 
.lawyer_top.col_3 .lawyer_top_list .lawyer_detail .lawyer_pic { top:-40%; }
/*2021820*/
.lawyer_top.col_4 { width:100%; }
.lawyer_top.col_4 .lawyer_top_list { width:100%; display:flex; justify-content:space-between; margin:0 auto; }
.lawyer_top.col_4 .lawyer_top_list li { width:24%;  padding:0; float:none;  }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail { padding-bottom:180%; background:#eaeaea; }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_pic { top:-5%; }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title { top:5%; }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong { line-height:1.2; font-weight:500; }
.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong.bold { font-weight:500; }

.lawyer_wrap.big { margin-top:0; }
.lawyer_wrap.big .container { width:100%; max-width:1500px; padding:0 15px; }
.lawyer_wrap.big .lawyer_top.col_4 .lawyer_top_list { flex-wrap:wrap; }
.lawyer_wrap.big .lawyer_top.col_4 .lawyer_top_list li { width:24.75%; margin-bottom:10px; }
.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail { padding-bottom:150%; }
.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail .lawyer_pic { top:-43%; left:0; }
.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail .lawyer_pic img { /*width:120%;*/ }
.lawyer_wrap.big .lawyer_top .lawyer_top_list:after { display:none; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyername { height:40px; line-height:40px; font-size:20px; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title strong + span { margin-top:3px; display:inline-block; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title strong span { display:inline-block; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg { background:#8a6f44; color:#fff; font-weight:500; padding:2px 5px; border-radius:3px; line-height:1.1; }
.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg_n { color:#8a6f44; font-weight:500; font-size:18px;}

@media (max-width: 1080px) {
	.lawyer_wrap { padding:80px 0;  }
	.lawyer_top_list .lawyer_detail .lawyer_title { font-size:17px; }
	.lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:20px; line-height:20px; } 
	.lawyer_top_list .lawyer_detail .lawyername { height:34px; line-height:34px; font-size:18px; }
}

@media (max-width: 960px) {	
	.lawyer_top_list li { padding:5px; /*width:33.3333%;*/ width:25%; }
	.lawyer_top_list li:nth-child(4) { /*display:none;*/ }
	.lawyer_top_list li:nth-child(5) { /*display:none;*/ }
	.lawyer_top_list .lawyer_detail .lawyer_title { font-size:18px; padding:0 5px; overflow:hidden; }
	.lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:20px; line-height:30px;  } 
	.lawyer_top_list .lawyer_detail .lawyer_title span {  }
	.lawyer_top_list .lawyer_detail .lawyername { height:34px; line-height:34px; font-size:17px; }
	.lawyer_slide_wrap .lawyer_slider.visible_pc { display:none; }
	.lawyer_slide_wrap .lawyer_slider.visible_m { display:block; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts { width:20%; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name { font-size:14px; }
	/*20210805*/
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail { padding-bottom:150%; } 
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail .lawyer_pic { top:-30%; }
	/* 20210820 */
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:18px; line-height:1.2  }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title span { font-size:16px; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail { padding-bottom:200%; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_pic { top:0; }

	.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg_n { font-size:15px;}
}


@media (max-width: 767px) {
	.lawyer_wrap {  }
	.lawyer_top_list { width:calc(100% + 4px); margin-left:-2px; }
	.lawyer_top_list li { padding:2px; }
	.lawyer_top_list .lawyer_detail { padding-bottom:180%; }
	.lawyer_top_list .lawyer_detail .lawyer_pic { top:-3%; }
	.lawyer_top_list .lawyer_detail .lawyer_title { font-size:12px; letter-spacing:-0.1em; }
	.lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:12px; line-height:16px; } 
	.lawyer_top_list .lawyer_detail .lawyername { height:26px; line-height:26px; font-size:13px; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts { margin:0 1px; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name { font-size:13px; padding-right:5px; }
	.lawyer_slide_wrap .lawyer_slider .lawyer_cnts .name span { display:none; }
	/* 20210820 */	
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:15px; letter-spacing:-0.1em; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title span { font-size:14px; }

	.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg_n { font-size:11px;}
	.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail .lawyer_title { padding:0;  }
	.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyer_title .bg { padding:2px 3px; }
	.lawyer_wrap.big .lawyer_top_list .lawyer_detail .lawyername { height:26px; line-height:26px; font-size:13px; } 
	.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail { padding-bottom:200%; }
	.lawyer_wrap.big .lawyer_top .lawyer_top_list .lawyer_detail .lawyer_pic { top:-20%;  }

}

@media (max-width: 560px) {
	.lawyer_wrap { padding:60px 0;  }
	.lawyer_top_list .lawyer_detail .lawyer_title { top:7px; }
	.lawyer_top_list .lawyer_detail .lawyer_title strong span { display:none; }
	.lawyer_top_list .lawyer_detail .lawyer_title span span { display:none; }
	.lawyer_top_list .lawyer_detail .lawyername span { display:none; }
	/*20210805*/
	.lawyer_top.col_3 .lawyer_top_list li { width:33%; }
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail { padding-bottom:160%; } 
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail .lawyer_pic { top:-20%; }
	.lawyer_top.col_3 .lawyer_top_list .lawyer_detail .lawyer_title strong { letter-spacing:-0.15em; }
	/*2021820*/
	.lawyer_top.col_4 .lawyer_top_list li { width:24.7%; }	
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail { padding-bottom:220%; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_pic { top:10%; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong { font-size:11px; letter-spacing:-0.1em; word-break:keep-all; line-height:1.1; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title strong span { /*display:block; */}
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyer_title span { font-size:11px; }
	.lawyer_top.col_4 .lawyer_top_list .lawyer_detail .lawyername { line-height:22px; }
}



/* ================================== 상담현황  + 상담신청 ================================== */
.counselWrap { }
.counselWrap .counselBanner img { width:100%; }
.counselWrap .counselSection { position:relative; }
.counselWrap .counselSection:before { width:50%; height:100%; position:absolute; content:''; display:block; background:#2d3035; top:0; left:50%; z-index:-1;  background:#363432; }
.counselWrap .counselSection h2 { font-size:28px; font-weight:700; position:relative; color:#000; }
.counselWrap .counselSection .counselFormWrap h2 { color:#fff; }
.counselWrap .counselSection .counselFormWrap h2 strong {  color:#dba502;display:inline-block; margin-left:10px; font-size:18px; font-weight:300; }
.counselWrap .counselSection .counselBoard h2 { color:#000; }
.counselSection .counselInner { display:flex; width:100%; max-width:1280px; padding:100px 0; margin:0 auto; }
.counselSection .counselInner > div { width:50%; flex-shrink:0; padding:0 50px; }

.counselBanner { background:url(../img/main/counselBanner_bg.jpg)no-repeat center center; background-size:cover; /*background-attachment:fixed;*/ text-align:center; padding:80px 20px;  }
.counselBanner p { font-size:40px; color:#fff; line-height:1.3; }
.counselBanner p strong { color:#d8b988; font-weight:700; }

.counselBoard { }
.counselBoard .more_btn {right:0; top:50%; transform:translateY(-50%); background:var(--main);  border-radius:3px !important; color:#fff; line-height:38px; height:38px; padding:0 15px; font-size:17px; 
display:block; position:absolute; }
.counselBoard .counselList { margin-top:50px; }
.counselBoard .counselList li { font-size:17px; display:flex; }
.counselBoard .counselList li + li  {margin-top:13px;}
.counselBoard .counselList li .date { width:110px; flex-shrink:0; color:#666; }
.counselBoard .counselList li a { flex-grow:1;  }
.counselBoard .counselList li .state {width:100px; flex-shrink:0; flex-shrink:0; border-radius:14px; width:70px; height:28px; line-height:28px; text-align:center; color: #fff; margin-left:5px; }
.counselBoard .counselList li .state.going { background: #f78f2a; }
.counselBoard .counselList li .state.done { background: #bababa; }
.counselBoard .counselList li .new { padding:0 5px; border:2px solid #f78f2a; color:#f78f2a; font-size:11px; border-radius:12px; margin:0 5px; }

.counselForm form { margin-top:20px; color:#fff; }
.counselForm dl { width:100%; height:auto; display:flex;  }
.counselForm dl + dl { margin-top:10px; }
.counselForm dl.last { margin-bottom:15px; margin-top:0; }
.counselForm dl dt { width:110px; line-height:34px; flex-shrink:0; }
.counselForm dl dd { flex-grow:1;}
.counselForm .form-control { background-color:transparent;  border:1px solid rgba(255,255,255,0.2); border-radius:0; hiehgt:34px; line-height:34px; color:#fff; }
.counselForm input.form-control::placeholder { color:#777; }
.counselForm select.form-control { padding:0 12px;  padding-right:30px !important; background:url(../img/arr_select.png) no-repeat;   background-position: 99% 50%; background-size: 22px; 
	color:#777; }
.counselForm .form-control.wide { width:100%; }
.counselForm .checkbox { margin-top:10px; position:relative; height:20px; line-height:20px; }
.counselForm .checkbox label { font-size:13px; font-weight:200; color:rgba(255,255,255,0.5); position:relative;  padding:0 0 0 20px;}
.counselForm .checkbox label:before { content:""; display:inline-block; width:14px; height:14px; border:1px solid rgba(255,255,255,0.2);  position:absolute; left:0; top:3px; margin-top:0; }
.counselForm .checkbox input[type=checkbox] {display:none;}
.counselForm .checkbox input[type=checkbox]:checked + label:before { border: 1px solid rgba(255,255,255,0.8);  background: url(../img/input_radio_w.png) no-repeat 50% 50%; background-size:100%; }
.counselForm .checkbox .btn.btn-sm { color:#777; line-height:20px; height:20px; padding:0 10px; vertical-align:top; margin-top:0; margin-left:15px;  }
.counselForm .counselBtn { display:block; width:100%; height:36px; line-height:36px; background:var(--main); color:#fff; text-align:center; font-size:16px; border-radius:4px; font-weight:500; padding:0; border:0; }
.counselForm dl.selectDiv dt { line-height:18px; }
.counselForm dl.selectDiv dt small { color:rgba(255,255,255,0.5); font-weight:300; font-size:13px; }
.counselForm dl.selectDiv .selectWrap .check + .check { margin-left:10px; }

.counselForm .captcha .captchaInput { display:flex; justify-content:space-between;gap:5px; }
.counselForm .captcha .captchaInput .captchaImg { width:130px; flex-shrink:0; }
.counselForm .captcha .captchaInput .captchaImg img { width:100%; }
.counselForm .captcha .captchaInput .captchaIp { flex-grow:1; }
.counselForm .captcha .captchaInput .cInputBox { display:flex; justify-content:space-between;gap:5px; }
.counselForm .captcha .captchaInput .captcha_txt { font-size:13px; color:rgba(255,255,255,.5); display:inline-block; margin-top:3px; }

.telephoneNumInfo { display:flex; margin-top:40px; }
.telephoneNumInfo h2 { width:110px; flex-shrink:0; }
.telephoneNumInfo ul.telNum {flex-grow:1; letter-spacing:0.1em; font-size:17px; color:#fff; }
.telephoneNumInfo ul.telNum li + li { margin-top:15px;  }
.telephoneNumInfo .telNum .t1 , 
.telephoneNumInfo .telNum .t2 { text-indent:-10000px; font-size:0; display:inline-block; width:26px; height:26px; border-radius:50%;  float:left; margin-right:10px; }
.telephoneNumInfo .telNum .t1 {  background: url(../img/icon_t1.png) no-repeat 50% 50%; background-size:20px; background-color:#1f365f; }
.telephoneNumInfo .telNum .t2 {  background: url(../img/icon_t2.png) no-repeat 50% 50%; background-size:20px; background-color:#1f365f; }

@media all and (max-width: 1080px) {
	.counselSection .counselInner { padding:70px 0; }
	.counselSection .counselInner > div { padding:0 30px; }
	.counselBanner { padding:80px 20px; }
	.counselBanner p { font-size:40px; }
}

@media all and (max-width: 960px) {
	.counselSection .counselInner { flex-wrap:wrap; padding:0; }
	.counselSection .counselInner > div { width:100%; padding:30px; }
	.counselWrap .counselSection:before { display:none; }
	.counselWrap .counselSection .counselFormWrap { background:#363432; }
	.counselBoard .counselList { margin-top:30px; }
	.counselBanner p { font-size:32px; }
}

@media all and (max-width: 767px) {
	.counselForm  .captcha .captchaInput { flex-wrap:wrap; }
    .counselForm  .captcha .captchaIp { width:100%;}
}

@media all and (max-width: 560px) {
	.counselWrap .counselSection h2 { font-size:22px; }
	.counselBoard .counselList li { font-size:14px; }
	.counselBoard .counselList li + li  {margin-top:8px;}
	.counselBoard .counselList li .date { display:none; }
	.counselBoard .counselList li .state { width:60px; font-size:13px; }
	.counselBoard .more_btn { height:32px; line-height:32px; font-size:15px; }
	.counselBanner { padding:50px 20px; }
	.counselBanner p { font-size:22px; }
}



/* ================================== 전국사무소 ================================== */
.section .section_title { font-size:45px; color:#fff; font-weight:500; line-height:1.2; text-align:center; margin-bottom:30px; position:relative; margin:0 !important; }
.section .section_title:after { display:block; width:100px; height:1px; background:rgba(255,255,255,0.5); content:''; margin:20px auto; }
.section.section_agency { background:url(../images/main/agency_bg.jpg)center center; background-size:cover; padding:100px 0; margin-top:0px; }
.section .section_inner { width:100%; max-width:1240px; padding:0 20px; margin:0 auto; position:relative; }
.office_tab_wrap { margin-top:70px; color:#fff; position:relative; padding-left:140px; }
.office_tab_wrap:after { display:block; clear:both; content:'';}
.office_tab_wrap .office_tabs { width:100px; height:100%; display:flex; align-items:center; position:absolute; left:0; top:0;     transform: translateY(0%); }
.office_tab_wrap .office_tabs .tabs { display:block; width:100px; }
.office_tab_wrap .office_tabs .tabs li { margin:2px 0; line-height:40px; height:40px; width:100%; text-align:center; display:block; font-size:17px; color:#fff; border:1px solid rgba(255,255,255,0.2); cursor:pointer;  }
.office_tab_wrap .office_tabs .tabs li.on { background:transparent; color:#9be7b2; border:2px solid #62a175; }
.office_tab_wrap .office_info { display:flex; justify-content:center; }
.office_tab_wrap .office_info .map_div { width:500px; }
.office_tab_wrap .office_info .map_div .load_map { width:500px; height:280px; overflow:hidden;  margin-top:20px; }
.office_tab_wrap .office_info .loca_info {  }
.office_tab_wrap .office_info .loca_info h2 {font-size:25px; font-weight:500; line-height:26px; position:relative; padding-bottom:10px; margin-bottom:15px; }
.office_tab_wrap .office_info .loca_info h2:before { display:block; width:40px; height:1px; background:#fff; content:''; position:absolute; bottom:0px; left:0; }
.office_tab_wrap .office_info .loca_info .address_wrap {  }
.office_tab_wrap .office_info .loca_info .address_wrap .address { font-size:17px; font-weight:300; line-height:26px; }
.office_tab_wrap .office_info .loca_info .address_wrap .address strong { font-weight:300; color:#fe7e01; }
.office_tab_wrap .office_info .loca_info .address_wrap .work_time { margin-top:10px; font-size:15px; line-height:25px; }
.office_tab_wrap .office_info .loca_info .address_wrap .work_time strong { font-weight:500;}
.office_tab_wrap .office_info .loca_info .address_wrap .work_time .tel_num { font-size:17px; }
.go_map_btn { display:none; }
.root_daum_roughmap .wrap_controllers { display:none;}
.office_tab_wrap .office_info .position_new{ margin-right:80px; position:relative; }
.office_tab_wrap .office_info .position_new .map_bg { position:relative; max-width:373px; margin:0 auto; }
.office_tab_wrap .office_info .position_new .map_bg > img { max-width:100%; }
.office_tab_wrap .office_info .position_new .map_img { display:none; position:absolute; transform:translate(-50%, -50%); }
.office_tab_wrap .office_info .position_new .map_img.seoul { left:34.0482%; top:20.0764%;  }
.office_tab_wrap .office_info .position_new .map_img.inchon { left:23.1286%; top:20.0760%; }
.office_tab_wrap .office_info .position_new .map_img.gwangju { left:23.3243%; top:68.6424%; }
.office_tab_wrap .office_info .position_new .map_img.busan { left:77.2117%; top:70.7456%; }
.office_tab_wrap .office_info .position_new .map_img.daegu { left:65.1474%; top:57.9349%; }
.office_tab_wrap .office_info .position_new .map_img.daejeon { left:39.1420%; top:45.5066%; }
.office_tab_wrap .office_info .position_new .map_img.suwon { left:33.5120%; top:25.4302%; }
.office_tab_wrap .office_info .position_new .map_img.uijeongbu { left:35.9249%; top:16.25239%; }
.office_tab_wrap .office_info .position_new .map_img.seongnam { left:38.0697%; top:23.51816%;  }

.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:18px; height:18px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:30px; height:30px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:20px; height:20px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:25px; height:25px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:26px; height:26px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:25px; height:25px; position:relative; }
.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:25px; height:25px; position:relative; }

.map_cc { position:absolute; border-radius:50%; background:rgba(81, 181, 111, 0.2); border: 1px solid rgba(81, 181, 111, .3); z-index:99; 
animation-name:map_circle; animation-duration:1.2s; animation-iteration-count:infinite; animation-direction: alternate;display:block; 
transform:translate(-50%, -50%); left:50%; top:50%; width:100%; height:100%; }
.seoul .cc_wrap .map_cc { animation-duration:1.4s; }
.cc_02{ animation-delay:0.2s; width:200%; height:200%; }
.cc_03{ animation-delay:0.4s; width:350%; height:350%; }
.cc_04{ animation-delay:0.6s; width:550%; height:550%; }
.cc_05{ animation-delay:0.8s; width:750%; height:750%; }
.daejeon .cc_wrap .map_cc.cc_01 { animation-delay:0.4s; }
.daejeon .cc_wrap .map_cc.cc_02 { animation-delay:0.6s; }
.daejeon .cc_wrap .map_cc.cc_03 { animation-delay:0.8s; }
.daejeon .cc_wrap .map_cc.cc_04 { animation-delay:1.0s; }
.busan .cc_wrap .map_cc.cc_01 { animation-delay:0.2s; }
.busan .cc_wrap .map_cc.cc_02 { animation-delay:0.4s; }
.busan .cc_wrap .map_cc.cc_03 { animation-delay:0.6s; }
.busan .cc_wrap .map_cc.cc_04 { animation-delay:0.8s; }
.gwangju .cc_wrap .map_cc.cc_01 { animation-delay:0.6s; }
.gwangju .cc_wrap .map_cc.cc_02 { animation-delay:0.8s; }
.gwangju .cc_wrap .map_cc.cc_03 { animation-delay:1.0s; }
.gwangju .cc_wrap .map_cc.cc_04 { animation-delay:1.2s; }
.inchon .cc_wrap .map_cc.cc_01 { animation-delay:0.4s; }
.inchon .cc_wrap .map_cc.cc_02 { animation-delay:0.6s; }
.inchon .cc_wrap .map_cc.cc_03 { animation-delay:0.8s; }
.inchon .cc_wrap .map_cc.cc_04 { animation-delay:1.0s; }

@keyframes map_circle { 0% { opacity:0; } 100% { opacity:1; } }

@media all and (max-width: 1080px) {
	.section .section_title { font-size:40px; margin-bottom:25px; }
	.section.section_agency { padding:80px 0; }
	.office_tab_wrap { margin-top:40px; padding-left:0; }
	.office_tab_wrap .office_tabs { width:100%; position:relative; top:0; left:0; right:0; transform:translateY(0); text-align:center; margin-bottom:40px; }
	.office_tab_wrap .office_tabs .tabs { width:auto; float:none; display:inline-block; text-align:center; }
	.office_tab_wrap .office_tabs .tabs:after { display:block; clear:both; content:''; }
	.office_tab_wrap .office_tabs .tabs li { width:100px; display:inline-block; float:none; }
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:14.4px; height:14.4px; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:24px; height:24px; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:16px; height:16px; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:20px; height:20px; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:20.8px; height:20.8px; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:20px; height:20px; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:20px; height:20px; }

	.office_tab_wrap .office_info { margin-top:15px; display:block; }
	.office_tab_wrap .office_info .position { margin-right:0rem; width:180px; display:block; margin:0 auto; }
	.office_tab_wrap .office_info .map_div { width:100%; display:block; }
	.office_tab_wrap .office_info .position .map_img { display:none;  }
	.office_tab_wrap .office_info .map_div { /*background:rgba(0,0,0,0.5);*/ }
	.office_tab_wrap .office_info .map_div .load_map { width:100%; height:240px; overflow:hidden; border:4px solid rgba(0,0,0,0.3); display:none; }
	.office_tab_wrap .office_info .loca_info { margin-top:1.5em;}
	.office_tab_wrap .office_info .loca_info h2 {font-size:18px; width:100%; float:none; line-height:24px; position:relative; }
	.office_tab_wrap .office_info .loca_info .address_wrap { width:100%; float:none; }
	.office_tab_wrap .office_info .loca_info .address_wrap .address { font-size:15px; font-weight:300; line-height:22px; margin-top:10px; }
	.office_tab_wrap .office_info .loca_info .address_wrap .address strong { font-weight:300; color:#fe7e01; }
	.office_tab_wrap .office_info .loca_info .address_wrap .work_time { margin-top:10px; font-size:13px; line-height:20px; display:none;}
	.office_tab_wrap .office_info .loca_info .address_wrap .work_time strong { display:none; }
	.go_map_btn { display:block; width:100%; margin-top:10px; }
	.go_map_btn .go_map { display:block; width:100%; height:40px; line-height:40px; background:#6e664e; color:#fff; text-align:center; font-size:14px; background:var(--main);}	
	.office_tab_wrap .office_info .position_new {width:60%; margin:0 auto;  }
}

@media all and (max-width: 960px) {
	.section .section_title { font-size:35px; }
}


@media all and (max-width: 767px) {
	.section.section_agency { padding:50px 0; }
	.office_tab_wrap { margin-top:30px;}
	.office_tab_wrap .office_tabs { margin-bottom:25px; }
	.office_tab_wrap .office_tabs .tabs li { margin:1px; float:left; line-height:30px; height:30px; width:auto; text-align:center; display:block; font-size:14px; padding:0 10px; }
	.office_tab_wrap .office_tabs .tabs li span { font-size:9px; }
} 	


@media all and (max-width: 560px) {	
	.section .section_title { font-size:22px; margin-bottom:20px; }
	.office_tab_wrap .office_info .position_new .map_img .cc_wrap { width:12px; height:12px; }
	.office_tab_wrap .office_info .position_new .map_img.seoul .cc_wrap { width:19.2px; height:19.2px; }
	.office_tab_wrap .office_info .position_new .map_img.inchon .cc_wrap { width:12.8px; height:12.8px; }
	.office_tab_wrap .office_info .position_new .map_img.busan .cc_wrap { width:16px; height:16px; }
	.office_tab_wrap .office_info .position_new .map_img.gwangju .cc_wrap { width:16px; height:16px; }
	.office_tab_wrap .office_info .position_new .map_img.daejeon .cc_wrap { width:16px; height:16px; }
	.office_tab_wrap .office_info .position_new .map_img.daegu .cc_wrap { width:16px; height:16px; }
}



/* ================================== 팝업 ================================== */
.popup.new { transform:translate(-50%, -50%); }


/* ------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 20240620 메인 주요성공사례   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
.success_new.new2024 { padding:100px 15px; margin:0 auto; }
h2.title_new {text-align:center; font-family: 'Noto Serif KR', serif;  font-weight:500; font-size:47px; color:#111; letter-spacing:-0.03em !important;}
h2.title_new .text-border { display:inline-block; padding:0 40px; line-height:66px; border:1px solid var(--main); border-radius:34px; width:660px; margin:0 auto; }
h2.title_new .text-border.type01 { width:100%; max-width:1217px;  padding:10px 40px; color:#c4b5a6; border-radius:100px;}

.successListWrap { margin-top:20px; }
.successListWrap .tabNavWrap .tabNav {display:flex; flex-wrap:wrap; gap:5px; }
.successListWrap .tabNavWrap .tabNav li { width:calc(100%/5 - 5px*4/5); }
.successListWrap .tabNavWrap .tabNav li a {display:block; width:100%; height:100%; background:#f1f1f1; display:flex; justify-content:center; align-items:center; padding:0 10px; 
	transition:all 0.3s; height:56px; position:relative; }

.successListWrap .tabNavWrap .tabNav li a span { color:#333; font-size:20px; font-weight:500; position:relative; display:inline-block;  }
.successListWrap .tabNavWrap .tabNav li a span:after { content:''; display:block; width:100%; height:1px; background:transparent; }
.successListWrap .tabNavWrap .tabNav li a.active { background:var(--main); }
.successListWrap .tabNavWrap .tabNav li a.active span { color:#fff; }
.successListWrap .tabNavWrap .tabNav li a.active span:after { background:#fff; }
.successListWrap .tabContents { display:none; margin-top:20px; }
.successListWrap .sucList { display:flex; gap:10px;}
.successListWrap .sucList li { width:calc(25% - 10px * 3 / 4); border:1px solid #ccc; transition:all 0.3s; background:#fafafa; position:relative; }
.successListWrap .sucList li a { display:block; }
.successListWrap .sucList li:hover { border:1px solid var(--main); box-shadow:3px 3px 10px rgba(0,0,0,0.25); }
.successListWrap .sucList li .sucBox .sucBoxTop { padding:25px; font-weight:600; background:#fff;}
.successListWrap .sucList li .sucBox .sucBoxTop .sucCat { color:var(--main); font-size:16px; margin-bottom:5px; display:flex; justify-content:space-between; gap:7px; align-items:center;  }
.successListWrap .sucList li .sucBox .sucBoxTop .sucCat:after { content:''; display:block; flex-grow:1; height:1px; background:var(--main); opacity:0.5; }
.successListWrap .sucList li .sucBox .sucBoxTop .sucTit { color:#101010; font-size:20px; line-height:28px; height:56px; /*display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;-webkit-box-orient:vertical; word-wrap:break-word;*/ }
.successListWrap .sucList li .sucBox .sucBoxBottom { border-top:1px solid #ccc; padding:25px; padding-bottom:100px; }
.successListWrap .sucList li .sucBox .sucBoxBottom .sucText { font-size:16px; line-height:1.7; color:#777; margin-bottom:20px; /*display:-webkit-box; -webkit-line-clamp:5; overflow:hidden; text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word;*/ letter-spacing:-0.05em; font-family:'Noto Sans KR' !important;  font-weight:400;}
.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult { display:flex; align-items:center; gap:15px; padding:0 25px; position:absolute; bottom:25px; left:0; width:100%; justify-content:center; }
.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .charge img { height:70px !important; }
.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .resultText { font-size:26px; font-weight:700; color:var(--main); line-height:1.2; padding-top:5px; }
.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .resultText span { font-weight:400; display:block; }
.success_new.new2024 .moreSuccess {margin:30px auto; text-align:center; }
.success_new.new2024 .moreSuccess .success_more { font-size:20px; font-weight:500; background:var(--main); padding:0 30px; color:#fff; border-radius:25px; height:50px; line-height:50px; display:inline-block; }


@media (max-width: 1280px) {
	.successListWrap .sucList li .sucBox .sucBoxTop { padding:20px;}
	.successListWrap .sucList li .sucBox .sucBoxBottom { padding:20px; padding-bottom:90px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult { gap:10px; bottom:20px; padding:0 20px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .charge img { height:64px !important; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .resultText { font-size:22px; padding-top:0; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucText { font-size:15px;}
}

@media (max-width: 1024px) {
	.success_new.new2024 { padding:80px 15px; }
	h2.title_new {font-size:40px; }
	h2.title_new .text-border {padding:0 50px; line-height:60px; border-radius:31px; width:98%; max-width:660px; }
	h2.title_new .text-border.type01 { padding:10px; width:94%; max-width:660px; }

	.successListWrap .sucList li .sucBox .sucBoxTop { padding:15px;}
	.successListWrap .sucList li .sucBox .sucBoxBottom { padding:15px; padding-bottom:70px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucText { font-size:14px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult { gap:7px; bottom:15px; padding:0 15px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .charge img { height:50px !important; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .resultText { font-size:20px; padding-top:0; }
	.success_new.new2024 .moreSuccess .success_more { font-size:16px; border-radius:23px; height:46px; line-height:46px; }
}

@media (max-width: 768px) {
	h2.title_new {font-size:28px; }
	h2.title_new .text-border { padding:0 20px; line-height:42px; border-radius:22px; }

	.successListWrap .tabNavWrap .tabNav {gap:1px; }
	.successListWrap .tabNavWrap .tabNav li { width:calc(100%/5 - 4px/5); }
	.successListWrap .tabNavWrap .tabNav li a { padding:0 5px; text-align:center; height:40px; }
	.successListWrap .tabNavWrap .tabNav li a span { font-size:13.5px; letter-spacing:-0.1em; line-height:1.3; word-break:keep-all; }	
	.successListWrap .sucList .slick-list  { height:300px; }
	.successListWrap .sucList li .sucBox  { height:298px; }
	.successListWrap .sucList li .sucBox .sucBoxTop .sucCat { font-size:14px; }
	.successListWrap .sucList li .sucBox .sucBoxTop .sucTit { color:#000; font-size:17px; line-height:25px; height:50px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .charge img { height:44px !important; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .resultText { font-size:19px; }
	.sucList .slick-slide { margin:0 4px; }
	.sucList { margin-left:-4px;  }
	.sucList .slick-arrow { position:absolute; text-indent:-10000px; top:149px; width:30px; height:30px; border:0; margin-top:-15px; z-index:100;  }
	.sucList .slick-arrow.slick-prev {left:-5px; background:url(../img/slide/arw_prev.png) center center no-repeat rgba(0,0,0,0.5); background-size:14px; } 
	.sucList .slick-arrow.slick-next {right:-10px; background:url(../img/slide/arw_next.png) center center no-repeat rgba(0,0,0,0.5); background-size:14px;  } 
	.success_new.new2024 .moreSuccess .success_more { font-size:14px; border-radius:20px; height:40px; line-height:40px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucText { line-height:1.5em; height:6.0em; display:-webkit-box; -webkit-line-clamp:4; overflow:hidden; text-overflow:ellipsis; 
		-o-text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word;}
	.successListWrap .sucList li:hover { border:1px solid var(--main); box-shadow: none; outline: none; }
	.successListWrap .sucList a:focus { outline:none !important; }
}	

@media (max-width: 540px) {
	.success_new.new2024 { padding:50px 15px; }

	h2.title_new { font-size:22px; }
	h2.title_new .text-border {  padding:0 17px; line-height:36px; border-radius:19px; }

	.successListWrap .sucList .slick-list  { height:318px; }
	.successListWrap .sucList li .sucBox  { height:316px; }
	.sucList .slick-arrow { margin-top:-15px; top:157px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom { padding:10px; padding-bottom:50px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult { bottom:10px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .charge img { height:40px !important; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .resultText { font-size:18px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucText { line-height:1.5em; height:9.0em; display:-webkit-box; -webkit-line-clamp:6; overflow:hidden; text-overflow:ellipsis; 
		-o-text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word;}	
}	

@media (max-width: 359px) {
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult { gap:5px; padding:0 10px; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .charge img { height:30px !important; }
	.successListWrap .sucList li .sucBox .sucBoxBottom .sucResult .resultText { font-size:15px; letter-spacing:-0.075em; }
}


/* ------------------------------------------------------------------------------------------------------------
///////////////////////////////////////////// 20240620 메인 전문가슬라이드   //////////////////////////////////////
--------------------------------------------------------------------------------------------------------------*/
.lawyer_wrap.new2024 { padding:100px 0 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_g.png)no-repeat center center; background-size:contain; } /*법원*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark02 { background:url(/images/main/lawyer/lawyer_mark02_g.png)no-repeat center center; background-size:contain; }/*검찰*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark03 { background:url(/images/main/lawyer/lawyer_mark03_g.png)no-repeat center center; background-size:contain; }/*경찰*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark04 { background:url(/images/main/lawyer/lawyer_mark04_g.png)no-repeat center center; background-size:contain; }/*교육청*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark05 { background:url(/images/main/lawyer/lawyer_mark05_g.png)no-repeat center center; background-size:contain; }/*군사*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark06 { background:url(/images/main/lawyer/lawyer_mark06_g.png)no-repeat center center; background-size:contain; }/*변호사*/
.lawyerTopSlide .lawyer_detail.slick-current .lawyer_mark.mark07 { background:url(/images/main/lawyer/lawyer_mark07_g.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; }
.lawyerTopSlide .slick-arrow.slick-next { right:-1px; transform:translate(100%, 0); z-index:100; }
.lawyerTopSlide .slick-arrow:before { width:100%; height:100%; display:block; content:''; }
.lawyerTopSlide .slick-arrow.slick-prev:before { /*background:#333 url(../img/slide/arw_prev.png)no-repeat center; background-size:20px;*/ background:#111; clip-path: polygon(0 50%, 100% 100%, 100% 0);}
.lawyerTopSlide .slick-arrow.slick-next:before { /*background:#333 url(../img/slide/arw_next.png)no-repeat center; background-size:20px;*/ background:#111; clip-path: polygon(100% 50%, 0 100%, 0 0); }


@media (max-width: 1560px) {
	.lawyerTopSlide .slick-arrow.slick-prev { transform:translate(0, 0); left:2px; }
	.lawyerTopSlide .slick-arrow.slick-next { transform:translate(0, 0); right:2px; }
	.lawyerTopSlide .slick-arrow.slick-prev:before { background:#333 url(../img/slide/arw_prev.png)no-repeat center; background-size:20px; clip-path:none; }
	.lawyerTopSlide .slick-arrow.slick-next:before { background:#333 url(../img/slide/arw_next.png)no-repeat center; background-size:20px; clip-path:none; }
}	

@media (max-width: 1280px) {
	.section_tit h2.lawyerSecTit { font-size:45px; }
	.lawyerTopSlide .lawyer_detail .lawyer_mark { height:70px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo { padding:15px 5px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:14px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:22px; font-weight:500; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:19px; margin-top:5px; letter-spacing:0.075em; }
}

@media (max-width: 1024px) {
	.lawyerTopSlide .lawyer_detail .lawyer_mark { margin-bottom:20px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:13px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:20px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:18px; letter-spacing:0.05em; }
}	

@media (max-width: 768px) {
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:13px; font-weight:400; letter-spacing:-0.1em; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:18px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:16px; }	
}	

@media (max-width: 540px) {
	.lawyer_wrap.new2024 { padding:50px 0 0 0;}
	.section_tit h2.lawyerSecTit { font-size:32px; }
	.lawyerTopSlide .slick-arrow { height:50px; }
	.lawyerTopSlide .lawyer_detail .lawyer_mark { margin-bottom:15px; height:60px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo { padding:15px 0; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info01 { font-size:13px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .info02 { font-size:17px; }
	.lawyerTopSlide .lawyer_detail .lawyerInfo .lawyername { font-size:15px; }
	.lawyer_slide_wrap { margin-top:10px; }
}


/* -----------------------------------------------------------------------------------------------
///////////////////////////////////////////// 20241016 스팸관련작업 온라인상담현황 속보삭제  //////////////////////////////////////
--------------------------------------------------------------------------------------------------*/
.counselBoard { display:none; }
.counselWrap .counselSection:before { width:100%; left:0;}
.counselSection .counselInner .counselFormWrap { width:100%;}
.counselSection .counselInner .counselFormWrap .counselForm { max-width:900px; margin:0 auto; }
.counselSection .counselInner .counselFormWrap .telephoneNumInfo {  max-width:900px; margin:40px auto 0; }
.counselForm .counselBtn { height:40px; line-height:40px; }




/* =========================
   #main-visual
========================= */
#main-visual{
  background:#16181e;
  color:#fff;
  padding:200px 0 0;
}

/* 타이틀 영역 */
#main-visual .main-visual-head{
  text-align:center;
  padding:0 15px 30px;
}

/* ✅ px → rem + clamp(최소, 유동, 최대) */
#main-visual .main-visual-title{
  margin:0 0 0.875rem;          /* 14px */
  font-size:clamp(1.5rem, 4.4vw, 3.725rem);   
  line-height:1.5;
  font-weight:500;
  letter-spacing:-0.2rem;
  word-break:keep-all;
}

#main-visual .main-visual-desc{
  margin:0;
  font-size:clamp(2rem, 5.2vw, 4.5rem); 
  line-height:1.25;
  font-weight:700;
  letter-spacing:-0.2rem;
  word-break:keep-all;
}

#main-visual .main-visual-desc strong{
  font-weight:800;
}

/* 이미지(통이미지) */
#main-visual .main-visual-img picture,
#main-visual .main-visual-img img{
  display:block;
  width:100%;
}
#main-visual .main-visual-img img{ height:auto; }

/* ===== Mobile ===== */
@media (max-width: 1024px){
  #main-visual{ padding-top:25rem; }
  #main-visual .main-visual-head{ padding-bottom:1.125rem; } /* 18px */
  #main-visual .main-visual-desc{ line-height:1.5; }
}

@media (max-width: 680px){
  #main-visual{ padding-top:5rem; }
}



/* =========================
   #lawyer-visual
========================= */
#lawyer-visual{
  background:#fff;
  padding:200px 0 0;
}

/* 타이틀 영역 */
#lawyer-visual .lawyer-visual-head{
  text-align:center;
  padding:0 15px 30px;
}

#lawyer-visual .lawyer-visual-stitle{
  font-size:clamp(1.5rem, 4.4vw, 3rem);  
  line-height:1.15;
  font-weight:700;
  letter-spacing:-0.04em;
  color:#2685df;
}

#lawyer-visual .lawyer-visual-title{
  margin:5px 0;
  font-size:clamp(2rem, 5.6vw, 6rem);
  line-height:1.2;
  font-weight:900;
  letter-spacing:-0.06em;
  color:#080548;
}

#lawyer-visual .lawyer-visual-desc {
  margin:0;
  font-size:clamp(1rem, 4.4vw, 2rem); 
  line-height:1.5;
  font-weight:400;
  letter-spacing:-0.06em;
  color:#080548;
}

/* 이미지(통이미지) */
#lawyer-visual .lawyer-visual-img picture,
#lawyer-visual .lawyer-visual-img img{
  display:block;
  width:100%;
}

#lawyer-visual .lawyer-visual-img img{
  height:auto;
}

/* ===== Mobile ===== */
@media (max-width: 1024px){
  #lawyer-visual{ padding-top:8rem; }
  #lawyer-visual .lawyer-visual-head{ padding-bottom:1.125rem; }
  #lawyer-visual .lawyer-visual-title{
	  margin:10px 0 5px;
  }
}