@charset "utf-8";
/* index.php 전용: style.css에서 이동 */

/* 요일별 모달 팝업 */
#weekendModal {
	display: none;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.1);
}
.modal-content {
	background-color: white;
	margin: 10% 15%;
	padding: 10px;
	border: 1px solid #888;
	width: 80%;
	max-width: 500px;
	text-align: center;
}
.modal-content img {
	width: 100%;
}
.modal-close {
	display: block;
	font-size: 18px; font-weight: bold; color: #fff;
	padding: 4px 0;
	background-color: #000;
	transition: 0.3s;
}
.modal-close:hover, .modal-close:focus {
	color: #E3B426;
	text-decoration: none;
	cursor: pointer;
}
@media screen and (max-width: 640px) {
	.modal-content {
		margin: 10% auto;
		padding: 5px;
		border: none;
		width: 90%; max-width: 300px;
	}
	.modal-close {
		font-size: 15px;
	}
}

/* main
------------------------------------------------------ */
.main-contents { 
	width:100%;
	display: flex;
	flex-flow: column;
}
.main-contents > section { 
	position:relative; 
	width:100%;
}
.main-contents .inner { 
	width:1200px; 
}
@media screen and (max-width: 1200px) { 
	.main-contents .inner { 
		padding:0 30px;
		width:100%; 
	}
}
/*
@media screen and (max-width: 850px) { 
	.main-contents .inner { 
		padding:80px 30px;
	}
}
*/
@media screen and (max-width: 768px) { 
	.main-contents .inner { 
		padding:0 20px;
	}
}

/* -------- visual -------- */
.main-visual { 
	/* position:relative; */
	width:100%; height: auto;
	order: 1;
}

.main-visual > h1 {
	display: none;
}

/* 메인비주얼-pc 시작 */
.main-visual .main-visual-video {
	width: 100%; height: 820px;
	background-color: #000;
}
.main-visual .main-visual-video .main-video-pc {
	width: auto; height: 100%;
	display: block; margin: 0 auto;
}
.main-visual .main-visual-video .main-video-mobile {
	display: none;
}
/* 메인비주얼-pc 끝 */

@media screen and (max-width: 1200px) { 
	
}

@media screen and (max-width: 850px) { 
	
}

@media screen and (max-width: 768px) { 
	/* 모바일 전용 LCP 앵커: 히어로 제외, Lighthouse가 LCP로 인식하도록 설정 (화면에 보이지 않음, 레이아웃 영향 없음) */
	.mobile-lcp-anchor {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 768px;
		height: 432px;
		max-width: 100vw;
		max-height: 100vh;
		opacity: 0;
		pointer-events: none;
		overflow: hidden;
		z-index: -1;
		margin: 0;
		padding: 0;
		border: 0;
		visibility: visible; /* Lighthouse 인식을 위해 visible 유지 */
		object-fit: cover;
	}
	/* 메인비주얼-mo 시작 */
	.main-visual .main-visual-video {
		width: 100%; 
		/* height: 670px; */
		height: auto;
	}
	.main-visual .main-visual-video .main-video-pc {
		display: none;
	}
	.main-visual .main-visual-video .main-video-mobile {
		display: block;
		/* width: auto; height: 100%; */
		width: 100%; height: auto;
		margin: 0 auto;
	}
	/* 메인비주얼-mo 끝 */
}
@media screen and (max-width: 640px) { 
	
}

/* -------- 메인페이지 배너 -------- */
.main-banner {
	order: 2;
	width: 100%; height: auto;
	background-color: #000;
}
.main-banner a {
	width: auto; height: auto;
}
.main-banner a img {
	width: 100%; height: auto;
	margin: 0 auto;
}
.main-banner a .main-banner-pc {
	max-width: 1920px;
	display: block;
}
.main-banner a .main-banner-mo {
	display: none;
}

@media screen and (max-width: 640px) { 
	.main-banner a .main-banner-pc {
		display: none;
	}
	.main-banner a .main-banner-mo {
		display: block;
	}
} 

/* -------- conts -------- */
.main-conts-tit-wrap { 
	margin-bottom:55px; 
	text-align:left;
	color:#1a1a1a;
}
.main-conts-tit-wrap h2 { 
	position:relative;
	display:inline-block;
	font-weight:700; font-size:40px;
	font-family:'Montserrat', 'Noto Sans KR', sans-serif;
	word-break:keep-all;
}
.main-conts-tit-wrap h2 span { 
	display:block;
	margin-bottom:5px;
	font-weight:400; font-size:18px;
}
.main-conts-tit-wrap h2 em { 
	position:relative; z-index:11;
	display:inline-block;
	font-style:normal; 
}
.main-conts-tit-wrap h2 em:after { 
	content:'';
	position:absolute; bottom:0; left:0;
	z-index:-1;
	width:100%; height:13px;
	background:rgba(2,168,111,.7);
}
.main-conts-tit-wrap p { 
	margin-top: 20px;
	font-weight: 400; font-size:24px;
	color:#666;
	word-break:keep-all;
}
.main-conts-tit-wrap p strong { 
	font-weight:700;
	color:#1a1a1a;
}

/* 변호사 영역 글 변경 시작 */
.main-conts-tit-wrap .main-lawyer-tit { 
	position:relative;
	display:inline-block;
	font-weight:700; font-size:40px;
	font-family:'Montserrat', 'Noto Sans KR', sans-serif;
	word-break:keep-all;
	color: #fff;
}
.main-conts-tit-wrap .main-lawyer-tit span { 
	display:block;
	margin-bottom:5px;
	font-weight:400; font-size:18px;
}
.main-conts-tit-wrap .main-lawyer-tit em { 
	position:relative; z-index:11;
	display:inline-block;
	font-style:normal; 
}
.main-conts-tit-wrap .main-lawyer-tit em:after { 
	content:'';
	position:absolute; bottom:0; left:0;
	z-index:-1;
	width:100%; height:13px;
	background:rgba(2,168,111,.7);
}

@media screen and (max-width: 1024px) { 
}
/*
@media screen and (max-width: 768px) { 
	.main-conts-tit-wrap { 
		margin-bottom:30px;
	}
	.main-conts-tit-wrap h1 { 
		font-size:24px; line-height:1.2;
	}
	.main-conts-tit-wrap p { 
		font-size:18px; 
	}
}
*/
@media screen and (max-width: 640px) { 
	.main-conts-tit-wrap { 
		margin-bottom:20px;
	}
	.main-conts-tit-wrap h2 { 
		font-size:27px; 
	}
	.main-conts-tit-wrap h2 span { 
		font-size:15px; 
	}
	.main-conts-tit-wrap h2 em:after { 
		bottom:5px;
		height:7px; 
	}
	.main-conts-tit-wrap p { 
		margin-top:15px;
		font-size:18px; 
	}

	.main-conts-tit-wrap .main-lawyer-tit { 
		font-size:22px; 
	}
}

/*  */
.main-contents .section { 
	padding:115px 0 120px; 
}

@media screen and (max-width: 768px) { 
	.main-contents .section { 
		padding:80px 0; 
	}	 
}
@media screen and (max-width: 640px) { 
	.main-contents .section { 
		padding:60px 0; 
	}	 
}

/* -------- main-counselling-wrap -------- */
.main-counselling-wrap { 
	/*
	background:url('/images/main/main_counselling_bg.jpg') no-repeat center top;
	background-size:cover;
	*/
	order: 10;
	border-top: 1px solid rgb(0, 0, 0, 0.4); box-sizing: border-box;
}

.main-counselling-box { 
	position:relative; left:50%;
	margin-left:-50vw; margin-bottom:-5%;
	width:100vw; height:419px;
	background:url('/images/main/main_counselling_bg1.jpg') no-repeat center top;
	background-size:cover;
}
.main-counselling-box ul { 
	position:absolute; bottom:0; left:50%;
	margin-left:-600px;
	display:table;
	width:1200px; height:220px;
}
.main-counselling-box ul li { 
	display:table-cell;
	padding:40px;
	background:#23312c;
	font-weight:400; font-size:26px;
	font-family:'Montserrat', 'Noto Sans KR', sans-serif;
	color:#fff;
	vertical-align:middle;
}
.main-counselling-box ul li:nth-child(2) { 
	background:#008155; 
}
.main-counselling-box ul li:nth-child(3) { 
	background:#06182a; 
}
.main-counselling-box ul li:nth-child(4) { 
	background:#0c5032; 
}
.main-counselling-box ul li .icon { 
	margin-bottom:50px; 
}
.main-counselling-box ul li span { 
	display:block; 
}
.main-counselling-box ul li strong { 
	font-weight: 700; 
}

.main-online { 
	margin-top:11%;
}
.main-online .inner { 
	font-size:0; 
}
.main-online .main-conts-tit-wrap { 
	position:relative; 
}
.main-online .main-conts-tit-wrap p { 
	font-size:22px; 
}

.main-online .main-conts-tit-wrap dl { 
	position:absolute; top:0; right:0;
	text-align:right;
}
.main-online .main-conts-tit-wrap dl dt { 
	display:block;
	font-weight:300; font-size:28px;
	font-family:'Montserrat', 'Noto Sans KR', sans-serif; 
	color:#06182a;
}
.main-online .main-conts-tit-wrap dl dt img { 
	margin-right:10px; 
}
.main-online .main-conts-tit-wrap dl dt strong { 
	font-weight: 700;
}
.main-online .main-conts-tit-wrap dl dd { 
	display:inline-block;
	margin-top:15px; padding:0 35px;
	border-radius:20px;
	border:1px solid #c2c2c2;
	font-weight:300; font-size:22px; line-height:38px;
	color:#666;
}

.main-online .online-form { 
	display:inline-block;
	padding:40px;
	width:calc(50% - 30px);
	background:#f7f7f7;
	vertical-align:top;
}
.main-online .online-form .input-wrap li { 
	margin-bottom:20px;
	font-size:0;
}
.main-online .online-form .input-wrap li > label:first-child { 
	display:inline-block;
	width:86px;
	font-weight:500; font-size:20px; line-height:58px;
	color:#1a1a1a;
	vertical-align:top;
}
.main-online .online-form .input-wrap li > label:first-child + * { 
	display:inline-block;
	width:calc(100% - 86px);
	vertical-align:top;
}
.main-online .online-form .input-wrap input[type="text"] ,
.main-online .online-form .input-wrap select { 
	padding:0 20px;
	height:58px;
	border:1px solid #e0e0e0;
	font-weight:400; font-size:16px;
	color:#666;
}
.main-online .online-form .input-wrap textarea { 
	padding:15px 20px;
	height:160px;
	border:1px solid #e0e0e0;
	font-weight:400; font-size:16px;
	font-family:'Noto Sans KR', sans-serif;
	color:#666;
}
.main-online .online-form .input-wrap li:last-child { 
	padding-left:86px; 
}
.main-online .online-form .input-wrap li:last-child input { 
	margin-right:8px;
	width:26px; height:26px; 
}
.main-online .online-form .input-wrap li:last-child label { 
	font-size:16px; line-height:26px;
	color:#808080;
}
.main-online .online-form .input-wrap li:last-child a { 
	float:right;
	font-weight:300; font-size:16px; line-height:26px;
	color:#1a1a1a;
	text-decoration:underline;
}
.main-online .online-form .btn-wrap { 
	margin-top:44px;
	width:100%; 
}
.main-online .online-form .btn-wrap button { 
	width:100%; height:60px;
	border:0 none;
	background:#009864;
	font-weight:500; font-size:18px;
	color:#fff;
}

.main-online .main-online-list { 
	display:inline-block;
	margin-left:30px;
	width:calc(50% - 30px);
	vertical-align:top;
}
.main-online .main-online-list h3 { 
	margin-bottom:18px;
	font-weight:700; font-size:28px; line-height:1;
	color:#1a1a1a;
}
.main-online .main-online-list > ul { 
	border-top:1px solid #1a1a1a; 
}
.main-online .main-online-list > ul > li { 
	border-bottom:1px solid #e0e0e0; 
}
.main-online .main-online-list > ul > li a { 
	display:block;
	padding:20px 25px;
}
.main-online .main-online-list > ul > li li { 
	display:inline-block;
	width:calc(50% - 98px);
	font-weight:400; font-size:18px; line-height:40px;
	font-family:'Montserrat', 'Noto Sans KR', sans-serif;
	color:#1a1a1a;
	vertical-align:top;
}
.main-online .main-online-list > ul > li .date { 
	width:99px;
	font-weight:500; color:#666; 
}
.main-online .main-online-list > ul > li .subject ,
.main-online .main-online-list > ul > li .cate { 
	text-align:center; 
}
.main-online .main-online-list > ul > li .subject { 
	padding-left:2%; 
}
.main-online .main-online-list > ul > li .cate { 
	padding-right:5%; 
}
.main-online .main-online-list > ul > li .type { 
	width:97px;
}
.main-online .main-online-list > ul > li .type span { 
	display:block;
	width:100%; height:100%;
	border-radius:20px;
	background:#a6a6a6;
	color:#fff;
	text-align:center;
}
.main-online .main-online-list > ul > li .type .end { 
	background:#0b132f; 
}

@media screen and (max-width: 1200px) { 
	.main-counselling-box ul { 
		left:30px;
		margin-left:0;
		width:calc(100% - 60px);
	}
}
@media screen and (max-width: 950px) { 
	.main-counselling-wrap { 
	}

	.main-counselling-box { 
		padding:15% 0;
		height:auto; 
		background:url('/images/main/mmain_counselling_bg1_.jpg') no-repeat center top;
		background-size:cover;
	}
	.main-counselling-box ul { 
		position:relative; 
		display:block;
		font-size:0;
		height:auto;
	}
	.main-counselling-box ul li { 
		display:inline-block;
		width:50%; height:220px;
		vertical-align:top;
	}

	.main-online { 
		margin-top:20%;
	}
	.main-online .online-form { 
		margin-bottom:50px;
		width:100%; 
	}
	.main-online .main-online-list { 
		margin-left:0; 
		width:100%;
	}

	.main-online .main-conts-tit-wrap dl { 
		position:relative;
		margin-top:30px; margin-bottom:15px;
		text-align:left;
	}
}
@media screen and (max-width: 768px) { 
	.main-counselling-box ul { 
		left:20px;
		width:calc(100% - 40px);
	}
	.main-online .main-conts-tit-wrap dl dt { 
		font-size:20px; 
	}
	.main-online .main-conts-tit-wrap dl dt img { 
		height:17px; 
	}
	.main-online .main-conts-tit-wrap dl dd { 
		margin-top:12px;
		padding:0 30px;
		font-size:18px; line-height:33px;
	}
}
@media screen and (max-width: 640px) { 
	.main-online .main-conts-tit-wrap p { 
		font-size:16px; 
	}
	.main-online .main-conts-tit-wrap p br { 
		display:none; 
	}
	.main-online .main-conts-tit-wrap dl { 
		margin-top:20px; 
	}
	.main-online .main-conts-tit-wrap dl dt { 
		font-size:16px; 
	}
	.main-online .main-conts-tit-wrap dl dt img { 
		position:relative; top:-3px;
		margin-right:5px;
		height:16px; 
	}
	.main-online .main-conts-tit-wrap dl dd { 
		margin-top:8px;
		padding:0 20px;
		font-size:14px; line-height:28px;
	}
	
	.main-counselling-box ul li { 
		padding:20px;
		height:auto;
		font-size:15px;
	}
	.main-counselling-box ul li .icon { 
		margin-bottom:25px; 
	}
	.main-counselling-box ul li .icon img { 
		height:25px; 
	}

	.main-online .online-form { 
		margin-bottom:40px;
		padding:25px; 
	}
	.main-online .online-form .input-wrap li { 
		margin-bottom:10px; 
	}
	.main-online .online-form .input-wrap li > label:first-child { 
		width:55px;
		font-size:15px; line-height:45px; 
	}
	.main-online .online-form .input-wrap li > label:first-child + * { 
		width:calc(100% - 55px); 
	}
	.main-online .online-form .input-wrap li:last-child { 
		padding-left:55px; 
	}
	.main-online .online-form .input-wrap li:last-child input { 
		margin-right:5px;
		width:16px; height:16px; 
	}
	.main-online .online-form .input-wrap li:last-child label { 
		font-size:14px; line-height:16px; 
	}
	.main-online .online-form .input-wrap li:last-child a { 
		font-size:14px; line-height:16px; 
	}
	.main-online .online-form .input-wrap input[type="text"], 
	.main-online .online-form .input-wrap select { 
		padding:0 10px;
		height:45px;
		font-size:14px;
	}
	.main-online .online-form .input-wrap textarea { 
		height:120px; 
	}
	.main-online .online-form .btn-wrap { 
		margin-top:25px;; 
	}
	.main-online .online-form .btn-wrap button { 
		height:50px;
		font-size:15px;
	}

	.main-online .main-online-list h5 { 
		margin-bottom:15px;
		font-size:22px; 
	}
	.main-online .main-online-list > ul > li a { 
		padding:12px 15px; 
	}
	.main-online .main-online-list > ul > li li { 
		font-size:14px; line-height:32px; 
	}
	.main-online .main-online-list > ul > li .date { 
		width:74px; 
	}
	.main-online .main-online-list > ul > li .subject { 
		width:calc(40% - 74px);
	}
	.main-online .main-online-list > ul > li .cate { 
		width:calc(60% - 74px);
	}
	.main-online .main-online-list > ul > li .type { 
		width:74px; 
	}
}
@media screen and (max-width: 480px) {
	.main-counselling-box ul li {
		font-size:13px;
	}
} 

/* -------- main-youtube -------- */
.main-youtube { 
	background:url('/images/main/main_youtube_bg.jpg') no-repeat center center;
	background-size:cover;
	order: 6;
}
.main-youtube .main-conts-tit-wrap {
	color:#fff;
}
.main-youtube .youtube-box {
	font-size:0; display: flex; flex-flow: row nowrap;
	/* background-color: #0c5032; */
}
.main-youtube .youtube-box .img {
	/* display:inline-block; */
	display: flex; flex-flow: row wrap; order: 1;
	width:830px;
	vertical-align:middle;
	/* background-color: #23312c; */
}
.main-youtube .youtube-box .img .frame {
	margin-bottom: 20px; margin-right: 20px;
}
.main-youtube .youtube-box .img .fake-img {
	cursor:pointer;
}
.main-youtube .youtube-box .img .fake-img img {
	width:100%;
}
.main-youtube .youtube-box .img .frame.active {overflow:hidden; position:relative; height:0; padding-bottom:56.25%;}
.main-youtube .youtube-box .img .frame.active iframe {position:absolute; top:0; bottom:0; left:0; width:100%; height:100%;}
.main-youtube .youtube-box .text {
	display:inline-block; order: 2;
	width:calc(100% - 830px);
	padding-left:25px;
	vertical-align:middle;
	color:#fff;
	word-wrap: normal;
	/* background-color: #006400; */
}
.main-youtube .youtube-box .text h3 {
	font-size:28px; line-height: 44px; font-weight:800;
	margin-top: 80px;
}
.main-youtube .youtube-box .text h4 {
	font-size: 24px; line-height: 36px; font-weight: 700;
	margin-top: 40px;
}
.main-youtube .youtube-box .text p {
	padding-top:30px;
	font-size:20px;
	font-weight:300;
	line-height:30px;
	letter-spacing:-0.04rem;
	opacity:.7;
}
.main-youtube .youtube-box .text .btn-wrap {
	padding-top:50px;
}
.main-youtube .youtube-box .text .btn-wrap a {
	display:inline-block;
	width:340px; height:50px;
	line-height:50px;
	color:#fff;
	border:1px solid rgba(255,255,255,.2);
	font-size:15px;
	font-weight:300;
	text-align:center;
}
.main-youtube .youtube-box .text .btn-wrap a span {
	padding-right:50px;
	background:url('/images/main/main_youtube_arrow.png') no-repeat right center;
}
@media screen and (max-width: 1024px) { 
	.main-youtube .youtube-box {
		justify-content: space-between;
	}
	.main-youtube .youtube-box .img {
		width:55%; flex-flow: column nowrap; align-items: center;
	}
	.main-youtube .youtube-box .img .frame {
		padding: 0;
		margin-bottom: 20px; margin-right: 0;
	}
	.main-youtube .youtube-box .img .frame iframe {
		width: 460px; height: 260px;
	}
	.main-youtube .youtube-box .text {
		width:45%;
		display: flex; flex-flow: column nowrap; justify-content: center;
		padding-left: 40px;
	}
	.main-youtube .youtube-box .text h3 {
		font-size:24px; line-height: 36px;
		margin-top: 0;
	}
	.main-youtube .youtube-box .text h4 {
		font-size: 20px; line-height: 30px;
	}
	.main-youtube .youtube-box .text .btn-wrap a {
		width:300px;
		font-size:14px;
	}
}
@media screen and (max-width: 768px) {
	.main-youtube .youtube-box {
		flex-flow: column nowrap;
	} 
	.main-youtube .youtube-box .img {
		width:100%;
	}
	.main-youtube .youtube-box .img .frame {
		margin: 0 0 20px 0;
		padding: 0;
	}
	.main-youtube .youtube-box .img .frame > iframe {
		width: 340px; height: 190px;
	}
	.main-youtube .youtube-box .text {
		width:100%;
		margin: 0;
		padding: 0;
		align-items: center;
	}
	.main-youtube .youtube-box .text h3 {
		font-size:24px; line-height: 35px;
		margin-top: 20px;
	}
	.main-youtube .youtube-box .text h4 {
		font-size: 20px; line-height: 30px;
		margin-top: 15px;
	}
	.main-youtube .youtube-box .text .btn-wrap {
		padding-top:25px;
	}
	.main-youtube .youtube-box .text .btn-wrap a {
		width:215px;
		font-size:12px;
		height:45px;
		line-height:45px;
	}
	.main-youtube .youtube-box .text .btn-wrap a span {
		background-size:18px;
		padding-right:25px;
	}
}

/* -------- main-review -------- */
.main-review { 
	background:url('/images/main/main_review_bg.jpg') no-repeat center center;
	background-size:cover;
	order: 7;
}

.main-review-list { 
	overflow:hidden;
	position:relative; left:-44px;
	padding:44px;	 
	width:calc(100% + 88px);
}
.main-review-list .slick-slide { 
	margin-right:45px;
	width:370px; 
}
.main-review-list .main-review-slide { 
	display:inline-block;
	vertical-align:top;
}
.main-review-list .main-review-slide a { 
	display:block;
	background:#fff;
	transition:.3s;
}
.main-review-list .main-review-slide .thumb { 
	border:10px solid #c5c8d2;
	transition:.3s;
}
.main-review-list .main-review-slide .thumb img { 
	width:100%; 
}
.main-review-list .main-review-slide .conts-wrap { 
	padding:30px;
	border:1px solid #e6e6e6;
	border-top:0 none;
}
.main-review-list .main-review-slide .cate { 
	font-weight:300; font-size:16px;
	color:#0b132f;
}
.main-review-list .main-review-slide .subject { 
	overflow:hidden;
	display:block;
	margin:20px 0 15px;
	font-weight:400; font-size:22px;
	color:#1a1a1a;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.main-review-list .main-review-slide .bo-content { 
	overflow:hidden;
	display:block;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
	width:100%; height:52px;
	font-weight: 300; font-size:16px; line-height:26px;
	color:#666;
	word-break:keep-all;
	text-overflow:ellipsis;
}
.main-review .view-more { 
	display:block;
	margin:0 auto;
	width:250px;
	border:1px solid #0b132f;
	font-weight:400; font-size:14px; line-height:58px;
	font-family:'Montserrat', sans-serif;
	color:#0b132f;
	letter-spacing:0;
	text-align:center;
}
.main-review .view-more img { 
	margin-left:20px; 
}
.main-review-list .main-review-slide:hover a { 
	box-shadow:0 14px 37px rgba(17,19,25,.15);
}
.main-review-list .main-review-slide:hover .thumb { 
	border-color:#8389b0; 
}

.main-review-list .slick-prev { 
	left:0;	 
}
.main-review-list .slick-next { 
	right:0;	 
}
.main-review-list .slick-prev:before { 
	background-position:left center;	 
}
.main-review-list .slick-next:before { 
	background-position:right center;	 
}

@media screen and (max-width: 1200px) { 
	.main-review-list { 
		left:0;
		padding:0;
		width:calc(100% + 30px);
	}
	.main-review-list .slick-list { 
		overflow:hidden; 
	}

	.main-review-list .slick-prev ,
	.main-review-list .slick-next { 
		display:none !important;	 
	}

	.main-review .view-more { 
		margin-top:40px; 
	}
}
@media screen and (max-width: 768px) { 
	.main-review-list { 
		width:calc(100% + 20px);
	}
	.main-review-list .slick-slide { 
		margin-right:20px;
		width:270px; 
	}
	.main-review-list .main-review-slide .thumb { 
		border-width:7px; 
	}
	.main-review-list .main-review-slide .conts-wrap { 
		padding:25px 20px; 
	}
	.main-review-list .main-review-slide .cate { 
		font-size:14px; 
	}
	.main-review-list .main-review-slide .subject { 
		margin:8px 0  ;
		font-size:20px;
	}
	.main-review-list .main-review-slide .bo-content { 
		height:36px;
		font-size:14px; line-height:18px; 
	}

	.main-review .view-more { 
		width:180px;
		font-size:15px; line-height:45px;
	}
	.main-review .view-more img { 
		margin-left:15px;
		height:9px;
	}
}

/* -------- main-media -------- */
.main-media { 
	background:url('/images/main/main_media_bg.jpg') no-repeat center center;
	background-size:cover;
	order: 5;
}
.main-media .main-conts-tit-wrap {
	color:#fff;
}
.main-media .main-conts-tit-wrap h1 span {
	color:rgba(255,255,255,.6);
}
.main-media .main-conts-tit-wrap p {
	color:rgba(255,255,255,.6);
}

.main-media-list {
	position:relative; left:-15px;
	width:calc(100% + 30px);
}
.main-media-list .slick-slide {
	padding:0 15px;
	width:410px;
}
.main-media-list .main-media-slide { 
	display:inline-block;
	vertical-align:top;
}
.main-media-list .main-media-slide a {
	display:block;
}
.main-media-list .main-media-slide .thumb {
	position:relative;
}
.main-media-list .main-media-slide .thumb img {
	width:100%;
}
.main-media-list .main-media-slide .thumb .icon {
	position:absolute; top:50%; left:50%;
	z-index:111;
	transform:translate(-50%,-50%);
	border-radius:50%;
	width:68px; height:68px;
	background:rgba(0,0,0,.5);
	line-height:68px;
	text-align:center;
	opacity:0;
	transition:.3s;
}
.main-media-list .main-media-slide .thumb .icon img {
	display:inline-block;
	max-width:100%; width:auto;
}
.main-media-list .main-media-slide .thumb:after {
	content:'';
	position:absolute; top:0; left:0;
	z-index:11;
	width:100%; height:100%;
	background:rgba(0,0,0,.5);
	opacity:0;
	transition:.3s;
}
.main-media-list .main-media-slide a:hover { 
	box-shadow: 15px 20px 30px rgba(11,19,47,.5); 
}
.main-media-list .main-media-slide:hover .thumb .icon img { 
	opacity:1; 
}
.main-media-list .main-media-slide:hover ..thumb:after { 
	opacity:1; 
}
.main-media-list .main-media-slide .conts-wrap {
	padding:30px 20px;
	background:#fff;
}
.main-media-list .main-media-slide .conts-wrap .cate {
	display:block;
	margin-bottom:20px;
}
.main-media-list .main-media-slide .conts-wrap .subject {
	overflow:hidden;
	display:block;
	margin-bottom:13px;
	font-weight:500; font-size:20px; line-height:26px;
	color:#262626;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.main-media-list .main-media-slide .conts-wrap .bo-content {
	overflow:hidden;
	display:block;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
	width:100%; height:66px;
	font-weight: 300; font-size:15px; line-height:22px;
	color:#666;
	word-break:keep-all;
	text-overflow:ellipsis;
}
.main-media-list .slick-prev { 
	left:-60px; 
}
.main-media-list .slick-prev:before { 
	background:url('/images/main/media_prev.png') no-repeat center center;	 
}
.main-media-list .slick-next { 
	right:-60px; 
}
.main-media-list .slick-next:before { 
	background:url('/images/main/media_next.png') no-repeat center center;	 
}

.main-media-list .slick-dots { 
	padding-right:11px;
	bottom:100%;
	margin-bottom:50px;
	text-align:right; 
}
.main-media-list .slick-dots li { 
	marginL:0 4px;
	width:8px; height:8px;	 
}
.main-media-list .slick-dots li button { 
	background:rgba(255,255,255,.4);	 
}
.main-media-list .slick-dots li.slick-active { 
	width:32px; 
}
.main-media-list .slick-dots li.slick-active button { 
	background:#fff; 
}

.main-media .view-more { 
	clear:both;
	display:block;
	margin:40px auto 0;
	width:250px;
	border:1px solid rgba(255,255,255,.4);
	font-weight:400; font-size:14px; line-height:58px;
	font-family:'Montserrat', sans-serif;
	color:#fff;
	letter-spacing:0;
	text-align:center;
}
.main-media .view-more img { 
	margin-left:20px; 
}

@media screen and (max-width: 850px) { 
	.main-media-list .slick-dots { 
		display:none !important; 
	}
}

@media screen and (max-width: 768px) {
	.main-media-list {
		left:-7px;
	}
	.main-media-list .slick-slide {
		width:250px;
	}
	.main-media-list .slick-slide {
		padding:0 7px;
	}
	.main-media-list .main-media-slide .conts-wrap {
		padding:20px 15px;
	}
	.main-media-list .main-media-slide .conts-wrap .subject {
		margin-bottom:8px;
		font-size:16px; line-height:20px;
	}
	.main-media-list .main-media-slide .conts-wrap .bo-content {
		height:54px;
		font-size:13px; line-height:18px;
	}

	.main-media .view-more { 
		width:180px;
		font-size:15px; line-height:45px;
	}
	.main-media .view-more img { 
		margin-left:15px;
		height:9px;
	}
} 

/* -------- main-case -------- */
.main-case { 
	order: 4;
}

.main-case .counter { 
	position:relative; left:-80px;
	width:calc(100% + 160px);
	margin-bottom:65px;
	font-size:0; 
}
.main-case .counter dl { 
	display:inline-block;
	padding:0 80px; 
	width:50%;
	vertical-align:top;
}
.main-case .counter:after { 
	content:'';
	position:absolute; top:50%; left:50%;
	margin-top:-20px;
	width:1px; height:41px;
	background:#9ea2af;
}
.main-case .counter dt,
.main-case .counter dd { 
	display:inline-block;
	vertical-align:middle;
}
.main-case .counter dt { 
	width:145px; 
	font-weight:700; font-size:26px;
	color:#1a1a1a;
}
.main-case .counter dd { 
	width:calc(100% - 145px);
	font-weight:700; font-size:52px;
	font-family:'Montserrat', 'Noto Sans KR', sans-serif;
	color:#009864;
	text-align:right;
}
.main-case .counter dd strong { 
	font-weight:700; 
}
.main-case .counter dd span { 
	font-size:26px; 
}

.main-case .inner { 
	font-size:0;	 
}
.main-case .main-conts-tit-wrap { 
	display:inline-block;
	width:254px;
	vertical-align:top;
}
.main-case .main-conts-tit-wrap strong { 
	position:relative; top:-5px;
	display:inline-block;
	margin-left:18px;
	width:25px; height:25px;
	font-size:0;
	vertical-align:middle;
}
.main-case .main-conts-tit-wrap strong:before,
.main-case .main-conts-tit-wrap strong:after { 
	content:'';
	position:absolute; top:50%; left:0;
	width:100%; height:1px;
	background:#1a1a1a;
}
.main-case .main-conts-tit-wrap strong:after { 
	transform:rotate(-90deg);
}

.main-case .main-case-cate { 
	margin-top:40px; 
}
.main-case .main-case-cate li { 
	display:block; 
	margin-bottom:10px;
}
.main-case .main-case-cate li a { 
	padding:4px 15px;
	border-radius:19px;
	border:1px solid #0b132f;
	background:none;
	font-weight:400; font-size:18px; line-height:36px;
	color:#0b132f;
}
.main-case .main-case-cate li.on button { 
	background:#0b132f; 
	color:#fff;
}

.main-case-wrap { 
	display:inline-block;
	width:calc(100% - 254px);
	vertical-align:top;
}

.main-case-list { 
	padding:0 46px;
}
.main-case-list .slick-list { 
	width:calc(100% + 92px);
}
.main-case-list .slick-slide { 
	margin-right:90px;
	width:240px; 
}
.main-case-list .main-case-slide { 
	display:inline-block;
	vertical-align:top;
}
.main-case-list .main-case-slide .thumb { 
	border:1px solid #e6e6e6; 
}
.main-case-list .main-case-slide .thumb img { 
	width:100%; 
}
.main-case-list .main-case-slide .subject { 
	overflow:hidden;
	display:block;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
	margin:24px 0 10px;
	width:100%; height:64px;
	font-weight: 400; font-size:22px; line-height:32px;
	color:#1a1a1a;
	text-overflow:ellipsis;
}
.main-case-list .main-case-slide .bo-content { 
	overflow:hidden;
	display:block;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
	width:100%; height:52px;
	font-weight: 300; font-size:16px; line-height:26px;
	color:#666;
	text-overflow:ellipsis;
}

.main-case-list .slick-prev { 
	top:36%; left:0;	 
}
.main-case-list .slick-next { 
	top:36%; right:-45px;	 
}
.main-case-list .slick-prev:before { 
	background-position:left center;	 
}
.main-case-list .slick-next:before { 
	background-position:right center;	 
}

.main-case .view-more { 
	display:block;
	margin:50px auto 0;
	width:250px;
	border:1px solid #0b132f;
	font-weight:400; font-size:14px; line-height:48px;
	font-family:'Montserrat', sans-serif;
	color:#0b132f;
	letter-spacing:0;
	text-align:center;
}
.main-case .view-more img { 
	margin-left:20px; 
}

@media screen and (max-width: 950px) { 
	.main-case .counter { 
		left:auto;
		margin-top:-50px;
		margin-bottom:20px;
		width:100%;
	}
	.main-case .counter dl { 
		position:relative;
		padding:30px 0;
		width:100%;
	}
	.main-case .counter dl:first-child { 
		padding-top:0; 
	}
	.main-case .counter:after { 
		left:0; top:50%;
		margin-top:-10px;
		width:100%; height:1px;
	}

	.main-case .main-conts-tit-wrap { 
		width:100%; 
	}
	.main-case .main-case-cate { 
		font-size:0; 
	}
	.main-case .main-case-cate li { 
		display:inline-block;
		margin-right:10px;
		vertical-align:top;
	}

	.main-case-wrap { 
		width:100%; 
	}
	.main-case-list { 
		padding:0; 
	}
	.main-case-list .slick-slide { 
		margin-right:30px; 
	}

	.main-case-list .slick-prev,
	.main-case-list .slick-next { 
		display:none !important; 
	}
}
@media screen and (max-width: 640px) { 
	.main-case .counter { 
		margin-top:-20px; 
	}
	.main-case .counter dl { 
		padding:20px 0; 
	}
	.main-case .counter dt { 
		font-size:20px; 
	}
	.main-case .counter dd { 
		font-size:36px; 
	}
	.main-case .counter dd span { 
		font-size:20px; 
	}

	.main-case .main-case-cate { 
		margin-top:30px; 
	}
	.main-case .main-case-cate li { 
		margin-right:7px; margin-bottom: 7px; 
	}
	.main-case .main-case-cate li a { 
		padding:3px 10px;
		font-size:15px; line-height:30px;
	}

	.main-case .main-conts-tit-wrap strong { 
		top:-3px;
		margin-left:13px;
		width:20px; height:20px; 
	}

	.main-case-list .slick-slide { 
		margin-right:20px;
		width:140px; 
	}
	.main-case-list .main-case-slide .subject { 
		margin:15px 0 5px;
		height:52px;
		font-size:18px; line-height:26px;
	}
	.main-case-list .main-case-slide .bo-content { 
		height:40px;
		font-size:14px; line-height:20px; 
	}

	.main-case .view-more { 
		width:180px;
		font-size:15px; line-height:45px;
	}
	.main-case .view-more img { 
		margin-left:15px;
		height:9px;
	}
}

/* -------- main-center -------- */
.main-center { 
	border-top:1px solid #e6e6e6;
	order: 12;
}
.main-center .inner {
	font-size:0;
}
.main-center .inner > h2 {
	display:inline-block;
	width:254px;
	font-weight:700; font-size:28px;
	color:#1a1a1a;
	vertical-align:top;
}
.main-center .inner > ul {
	display:inline-block;
	margin-bottom:-20px;
	width:calc(100% - 254px);
	vertical-align:top;
}
.main-center .inner > ul li {
	display:inline-block;
	margin-left:15px; margin-bottom:20px;
	width:calc(33.333% - 20px);
	vertical-align:top;
}
.main-center .inner > ul li:nth-child(3n+1) {
	margin-left:0;
}
.main-center .inner > ul li a {
	display:table;
	padding:0 30px;
	width:100%; height:80px;
	background:#06182a url('/images/main/main_center_arrow_w.png') no-repeat 90% center;
	font-weight:400; font-size:18px;
	color:#fff;
	transition:.3s;
	word-break:keep-all;
}
.main-center .inner > ul li a div {
	display:table-cell;
	vertical-align:middle;
}
/*
.main-center .inner > ul li:hover a {
	border-color:#06182a;
	background:#fff url('/images/main/main_center_arrow_on.png') no-repeat 90% center;
}
*/
@media screen and (max-width: 1200px) {
	.main-center .inner > ul li {
		width:calc(50% - 7.5px);
	}
	.main-center .inner > ul li:nth-child(3n+1) {
		margin-left:15px;
	}
	.main-center .inner > ul li:nth-child(2n+1) {
		margin-left:0;
	}
}
@media screen and (max-width: 950px) {
	.main-center .inner > h2 {
		margin-bottom:55px;
		width:100%;
	}
	.main-center .inner > ul {
		width:100%;
	}
}
@media screen and (max-width: 640px) {
	.main-center .inner > h2 {
		margin-bottom:20px;
		font-size: 27px;
	}
	.main-center .inner > ul {
		margin-bottom:-10px;
	}
	.main-center .inner > ul li {
		margin-left:10px; margin-bottom:10px;
	}
	.main-center .inner > ul li:nth-child(3n+1) {
		margin-left:10px;
	}
	.main-center .inner > ul li:nth-child(2n+1) {
		margin-left:0;
	}
	.main-center .inner > ul li a {
		padding:0 20px 0 15px; height:65px;
		font-size:14px;
		background-size:auto 7px;
	}
	.main-center .inner > ul li:hover a {
		background-size:auto 7px;
	}
}

/* -------- main-lawyer -------- */
.main-lawyer { 
	border-bottom:1px solid #e6e6e6;
	background:url('/images/main/main_lawyer_bg.jpg') no-repeat center top;
	background-size:100% auto;
	order: 8;
}
.main-lawyer .main-conts-tit-wrap h1 {
	color:#fff;
}
.main-lawyer .main-conts-tit-wrap h1 span {
	color:rgba(255,255,255,.6);
}
.main-lawyer .main-conts-tit-wrap h1 em:after {
	background:rgba(6,70,99,.6);
}

.main-lawyer .member-list {
	position:relative; z-index:111;
	margin-top:200px;
}
.main-lawyer .member-list:before { 
	content:'';
	position:absolute; top:0; right:100%;
	z-index:11;
	width:100%; height:100%;
	background:#fff;
}
.main-lawyer .member-list:after {
	content:'';
	position:absolute; top:-60px; left:-60px;
	z-index:-1;
	width:100vw; height:calc(100% + 120px);
	background:#fff;
}

.main-lawyer .slick-list { 
	overflow:visible;	 
}
.main-lawyer .member-list .slick-slide { 
	width:410px; 
}
.main-lawyer .member-list  a { 
	display:block; 
	padding-right:40px;
}
.main-lawyer .member-list .img-wrap { 
	position:relative; 
}
.main-lawyer .member-list .img-wrap > img { 
	width:100%; 
	transition:.3s;
}
.main-lawyer .member-list .img-wrap span { 
	position:absolute; bottom:0; left:0;
	width:100%;
	border:1px solid #0b132f; 
	background:#0b132f;
	font-weight:300; font-size:16px; line-height:48px;
	color:#fff;
	text-align:center;
	transition:.3s;
}
/* .main-lawyer .member-list .img-wrap span:before { 
	content:'';
	position:relative; top:-3px;
	display:inline-block;
	margin-right:8px;
	width:34px; height:34px;
	background:url('/images/sub/lawyer_label01.png') no-repeat center center;
	vertical-align:middle;
	transition:.3s;
}인덱스 변호사썸네일 변협로고 감춤 */
.main-lawyer .member-list .img-wrap:hover:before { 
	content:'';
	position:absolute; top:0; right:0;
	z-index:111;
	width:100%; height:100%;
	border:1px solid #0b132f; 
}
.main-lawyer .member-list .img-wrap:hover > img { 
	filter: grayscale(100%);	 
}
.main-lawyer .member-list .img-wrap:hover > span { 
	background:#fff;
	color:#0b132f;
}
.main-lawyer .member-list .img-wrap:hover > span:before { 
	background:url('/images/sub/lawyer_label02.png') no-repeat center center;
}
.main-lawyer .member-list .txt-wrap { 
	display:block;
	margin-top:27px;
}
.main-lawyer .member-list .txt-wrap em { 
	display:block;
	font-style: normal; font-weight:300; font-size:20px;
	color:#1a1a1a;
}
.main-lawyer .member-list .txt-wrap span { 
	position:relative;
	display:block;
	font-weight:300; font-size:20px;
	color:#1a1a1a;
}
.main-lawyer .member-list .txt-wrap strong { 
	font-weight:500; font-size:34px;	 
}

.main-lawyer .member-list .slick-prev {
	left:0; top:auto; bottom:100%;
	margin-top:0; margin-bottom:90px;
}
.main-lawyer .member-list .slick-next {
	right:auto; left:20px; top:auto; bottom:100%;
	margin-top: 0; margin-bottom: 90px;
}
.main-lawyer .member-list .slick-prev:before {
	background:url('/images/main/lawyer_prev1.png') no-repeat left center;
	opacity:1;
}
.main-lawyer .member-list .slick-next:before {
	background:url('/images/main/lawyer_next1.png') no-repeat right center;
	opacity:1;
}

.main-lawyer .member-list .slick-dots { 
	position:relative; bottom:auto;
	margin-top:70px;
	display:table;
	table-layout:fixed;
	margin-bottom:0;	 
	width:100%;
}
.main-lawyer .member-list .slick-dots li { 
	display:table-cell;
	margin:0; 
	height:4px;
}
.main-lawyer .member-list .slick-dots li button { 
	padding:0;
	border-radius:0;
	background:#e0e0e0; 
}
.main-lawyer .member-list .slick-dots li.slick-active { 
	width:auto;
}
.main-lawyer .member-list .slick-dots li.slick-active button { 
	background:#000;
}

@media screen and (max-width: 1200px) {
	.main-lawyer {
		background-position:left top;
		background-size:270% auto;
	}
	.main-lawyer .member-list {
		margin-top:100px;
		padding-left:40px;
		width:calc(100% + 30px);
	}
	.main-lawyer .member-list:after {
		top:-40px; left:0;
		height:calc(100% + 80px);
	}
	.main-lawyer .member-list .slick-prev ,
	.main-lawyer .member-list .slick-next { 
		margin-bottom:25px; 
	}
}
@media screen and (max-width: 768px) {
	.main-lawyer .member-list .slick-slide {
		width:240px;
	}
	.main-lawyer .member-list a {
		padding-right:20px;
	}
	.main-lawyer .member-list .slick-dots { 
		margin-top:30px; 
	}
}
@media screen and (max-width: 640px) {
	.main-lawyer .member-list {
		padding-left:30px;
	}
	.main-lawyer .member-list:after {
		top:-30px;
		height:calc(100% + 60px);
	}
	.main-lawyer .member-list .img-wrap span { 
		font-size:12px; line-height:40px;
	}
	.main-lawyer .member-list .img-wrap span:before { 
		width:20px; height:20px;
		background-size:auto 100%;
	}
	.main-lawyer .member-list .img-wrap:hover > span:before { 
		background-size:auto 100%;
	}
	.main-lawyer .member-list .txt-wrap { 
		margin-top:15px; 
	}
	.main-lawyer .member-list .txt-wrap em { 
		margin-bottom:2px;
		font-size:15px; 
	}
	.main-lawyer .member-list .txt-wrap span { 
		font-size:15px; 
	}
	.main-lawyer .member-list .txt-wrap strong { 
		font-size:24px; 
	}
	.main-lawyer .member-list .slick-prev:before ,
	.main-lawyer .member-list .slick-next:before {
		background-size:auto 20px;
	}
	.main-lawyer .member-list .slick-next:before {
		background-position:center center;
	}
}
@media screen and (max-width: 480px) {
	.main-lawyer .main-conts-tit-wrap h1 {
		font-size:22px;
	}
}

/* -------- main-FAQ -------- */
.main-FAQ {
	order: 9;
    display: flex; flex-flow: column nowrap; align-items: center;
    padding: 100px 0 100px 0; color: #000;
}

.FAQ-tit {
    order: 1;
    display: flex; flex-flow: column nowrap; align-items: center; justify-content: center;
    text-align: center;
}
.FAQ-tit h5 {
    font-family: 'CookieRun-Regular'; font-weight: 900; font-size: 60px; line-height: 80px;
    margin: 0;
}
.FAQ-tit h5 strong {
    color: #32AB2F;
}
.FAQ-tit p {
    font-family: 'SUIT-Regular'; font-weight: 600; font-size: 24px; line-height: 36px;
    margin: 30px auto 0 auto;
}

.FAQ-conts {
    order: 2;
    width: 1200px;
    margin: 60px auto 0 auto;
}
.conts-item {
    border-bottom: 2px solid rgb(0, 0, 0, .6); box-sizing: border-box;
}
.item-header {
    padding: 25px 0 25px 40px;
    cursor: pointer;
    transition: background-color 0.3s;
    font-size: 38px; line-height: 52px; letter-spacing: 2px;
    font-family: 'CookieRun-Regular'; font-weight: 400;
}
.item-header strong {
    color: #32AB2F;
}
.item-content {
    max-height: 0; /* 초기에는 숨김 */
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    padding: 0 100px;
    background: rgb(243, 251, 238, .3);
    font-size: 20px; line-height: 32px;
    font-family: 'SUIT-Regular'; font-weight: 400;
}
.item-content span {
    margin: 5px 0 5px 20px;
    font-size: 16px; line-height: 24px; font-weight: 600;
}

.FAQ-btn {
    order: 3;
    margin: 100px auto 0 auto;
}
.FAQ-btn a {
    display: inline-block; border: 2px solid #000; border-radius: 50px; box-sizing: border-box;
    font-family: 'SUIT-Regular'; font-weight: 700; font-size: 30px; line-height: 30px;
    padding: 15px 75px;
    text-decoration: none; /* 밑줄 제거 */
    color: #000; /* 글자색 설정 */
    background-color: #fff; /* 기본 배경색 설정 */
    transition: all 0.3s ease; /* 배경색 전환 효과 */
}

@media (hover: hover) {
	.FAQ-btn a:hover {
		background-color: #32AB2F; /* 호버 시 배경색 변경 */
        color: #fff;
        border: 2px solid #fff;
	}
    .item-header:hover {
        background: #e1e1e1;
    }
}

@media screen and (max-width: 1200px) { 
	.FAQ-tit h5 {
        font-size: 55px; line-height: 75px;
    }
    .FAQ-conts {
        width: 750px;
    }
    .item-header {
        padding: 20px 0 20px 25px;
        font-size: 30px; line-height: 44px; letter-spacing: 0;
    }
}

@media screen and (max-width: 640px) { 
	.main-FAQ {
        padding: 60px 0 60px 0;
    }
    .FAQ-tit h5 {
        font-size: 42px; line-height: 55px;
    }
    
    .FAQ-tit p {
        font-size: 20px; line-height: 28px;
        margin-top: 20px;
    }
    .FAQ-conts {
        width: 320px;
        margin-top: 40px;
    }
    .item-header {
        padding: 12px 0 12px 15px;
        font-size: 24px; line-height: 32px;
        font-family: 'CookieRun-Regular'; font-weight: 400;
    }
    .item-content {
        padding: 0 30px;
        font-size: 16px; line-height: 24px;
    }
    .item-content span {
        margin: 3px 0 3px 10px;
        font-size: 14px; line-height: 28px;
    }
    .FAQ-btn {
        margin: 50px auto 0 auto;
    }
    .FAQ-btn a {
        font-size: 26px; line-height: 26px;
        padding: 15px 70px;
    }
}

/* -------- main-location -------- */
.main-location { 
	position:relative; z-index:11;
	order: 11;
}
.main-location:before { 
	content:'';
	position:absolute; top:0; left:0;
	z-index:-1;
	width:100%; height:70%;
	background:#f7f7f7;
}
.main-location .inner {
	font-size:0;
}
.main-location .txt-wrap {
	display: inline-block;
	width:50%;
	vertical-align:top;
}
.main-location .txt-wrap > h2 {
	font-weight: 700; font-size:34px;
	font-family:'Montserrat', 'Noto Sans KR', sans-serif;
	color:#1a1a1a;
}
.main-location .txt-wrap > h2 span {
	display: block;
	font-weight:400; font-size:18px;
	color: #0b132f;
}

.main-location .main-location-tab {
	margin-top: 45px; padding-right:20%;
	font-size:0;
}
.main-location .main-location-tab li {
	display: inline-block;
	width:33%;
	text-align:center;
	vertical-align:top;
}
.main-location .main-location-tab li a {
	display: block;
	height: 60px;
	border-bottom:1px solid #e0e0e0;
	font-weight:500; font-size:16px; line-height:60px; text-align: center;
	color:#808080;
}
.main-location .main-location-tab li.on {
	position:relative;
}
.main-location .main-location-tab li.on:before {
	content:'';
	position: absolute; bottom:0; left:0;
	width:100%; height:2px;
	background:#009864;
}
.main-location .main-location-tab li.on a {
	color:#009864;
}

.main-location .location-address-wrap {
	margin-top:30px;
	padding-right:5%;
}
.main-location .location-address-wrap dl {
	display: none;
	font-size:0;
}
.main-location .location-address-wrap dl.on {
	display: block;
}
.main-location .location-address-wrap dl dt,
.main-location .location-address-wrap dl dd {
	display: inline-block;
	margin:15px 0;
	font-weight:500; font-size:22px;
	font-family:'Montserrat', 'Noto Sans KR', sans-serif;
	color:#1a1a1a;
	word-break:keep-all;
	vertical-align:top;
} 
.main-location .location-address-wrap dl dt {
	width:95px;
}
.main-location .location-address-wrap dl dd {
	width:calc(100% - 95px);
}
.main-location .location-address-wrap dl dd strong {
	font-weight: 700; font-size:26px;
}
.main-location .location-address-wrap dl dd span {
	font-size:26px;
}
/* 연구센터의 전화번호, 팩스 제거로 인한 간격 조정(25.01.21) */
.main-location .location-address-wrap dl div {
	margin-bottom: 140px;
}

.main-location .location-map-wrap {
	position:relative;
	display: inline-block;
	width:50%;
	vertical-align:top;
}
.main-location .location-map-wrap .map-box {
	overflow:hidden;
	position:absolute; top:-115px; left:0;
	width:45vw; height:0;
}
.main-location .location-map-wrap .map-box.on {
	height:580px;
}
.main-location .location-map-wrap .map-box .root_daum_roughmap {
	width:100% !important;
}
.main-location .location-map-wrap .map-box .map-view {
	position:absolute; top:0; left:0;
	z-index:22;
	padding-top:23px;
	width:108px; height:108px;
	background:#009864;
	text-align:center;
}
.main-location .location-map-wrap .map-box .map-view img {
	display:inline-block;
	margin-bottom:15px;
}
.main-location .location-map-wrap .map-box .map-view span {
	display:block;
	font-weight:300; font-size:16px; line-height:1;
	color:#fff;
}

.main-location .lawfirm-interior-wrap {
	margin-top:95px;
	width:calc(100% + 40px);
}
.main-location .lawfirm-interior-wrap .lawfirm-interior-box { 
	overflow:hidden;
	height:0;
}
.main-location .lawfirm-interior-wrap .lawfirm-interior-box.on { 
	overflow:visible;
	height:auto; 
}
.main-location .lawfirm-interior-wrap .interior-slide {
	display: inline-block;
	vertical-align:top;
}
.main-location .lawfirm-interior-wrap .interior-slide img {
	max-width:100%;
}
.main-location .lawfirm-interior-wrap .slick-prev {
	left:-60px;
}
.main-location .lawfirm-interior-wrap .slick-next {
	right:-20px;
}
.main-location .lawfirm-interior-wrap .slick-prev ,
.main-location .lawfirm-interior-wrap .slick-next {
	margin-top: -60px;
}

.main-location .hashtag {
	display:none;
	margin-top: -30px;
	font-size:0;
}
.main-location .hashtag li {
	display: inline-block;
	margin-right:10px;
	width:106px;
	border:1px solid #e6e6e6;
	font-weight:400; font-size:14px; line-height:28px;
	font-family:'Montserrat', sans-serif;
	color:#1a1a1a;
	text-align:center;
	vertical-align:top;
}

@media screen and (max-width: 950px) {
	.main-location:before {
		height:50%;
	}
	.main-location .txt-wrap {
		margin-bottom:30px;
		width:100%;
	}
	.main-location .main-location-tab {
		padding-right:0;
	}
	.main-location .location-address-wrap {
		margin-right:0;
	}
	.main-location .location-map-wrap {
		width:100%;
	}
	.main-location .location-map-wrap .map-box {
		position:relative; top:auto; left:auto;
		width:100%;
	}
	.main-location .location-map-wrap .map-box.on {
		width:100%;
	}
	.main-location .lawfirm-interior-wrap {	
		width:100%; 
	}
	.main-location .lawfirm-interior-wrap .interior-slide img {
		width:100%;
	}
	.main-location .lawfirm-interior-wrap .slick-current +.slick-slide { 
		margin-top:0; 
	}
	.main-location .lawfirm-interior-wrap .slick-prev { 
		left:-10px; 
	}
	.main-location .lawfirm-interior-wrap .slick-next { 
		right:-10px; 
	}
	.main-location .hashtag { 
		margin-top:30px; 
	}
	/* 연구센터의 전화번호, 팩스 제거로 인한 간격 조정(25.01.21) */
	.main-location .location-address-wrap dl div {
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 768px) {
	.main-location .txt-wrap {
		margin-bottom:20px;
	}
	.main-location .txt-wrap > h2 {
		font-size:27px;
	}
	.main-location .txt-wrap > h2 span {
		margin-bottom:3px;
		font-size:15px;
	}
	.main-location .main-location-tab {
		margin-top:20px;
	}
	.main-location .main-location-tab li a {
		height: 40px;
		font-size:14px; line-height:40px;
	}

	.main-location .location-address-wrap {
		margin-top:20px;
	}
	.main-location .location-address-wrap dl dt, 
	.main-location .location-address-wrap dl dd {
		margin:7px 0;
		font-size:16px;
	}
	.main-location .location-address-wrap dl dd span,
	.main-location .location-address-wrap dl dd strong {
		font-size:18px;
	}

	.main-location .location-map-wrap .map-box.on {
		height:380px;
	}
	.main-location .location-map-wrap .root_daum_roughmap .wrap_map {
		height:380px !important;
	}

	.main-location .location-map-wrap .map-box .map-view {
		padding-top: 15px;
		width:70px; height:70px;
	}
	.main-location .location-map-wrap .map-box .map-view img {
		margin-bottom: 7px;
		height:20px;
	}
	.main-location .location-map-wrap .map-box .map-view span {
		font-size:11px;
	}

	.main-location .lawfirm-interior-wrap {
		margin-top:50px;
		width:100%;
	}
	.main-location .lawfirm-interior-wrap .slick-current +.slick-slide {
		margin-top:0;
	}
}
@media screen and (max-width: 640px) { 
	.main-location .lawfirm-interior-wrap { 
	}
	.main-location .lawfirm-interior-wrap .slick-prev, .main-location .lawfirm-interior-wrap .slick-next { 
		margin-top:-45px; 
	}
	.main-location .lawfirm-interior-wrap .slick-prev { 
		left:-20px; 
	}
	.main-location .lawfirm-interior-wrap .slick-next { 
		right:-20px; 
	}
	/* 연구센터의 전화번호, 팩스 제거로 인한 간격 조정(25.01.21) */
	.main-location .location-address-wrap dl div {
		margin-bottom: 60px;
	}
}