.location-menu {display:none;}


/*
	형사센터 (visual)
*/
.criminal-wrap .visual {
	display:flex;
	align-items: center;
    justify-content: center;
	height:100vh;
	background:url('/images/sub/criminal/visual.jpg') no-repeat center/cover;
}
.criminal-wrap .visual .text {
	text-align:center;
}
.criminal-wrap .visual .text h5 {
	display:inline-block;
	font-size:24px;
	font-weight:400;
	background-image: linear-gradient(93deg,rgba(250, 199, 107, 1) 6%, rgba(254, 234, 163, 1) 33%, rgba(214, 157, 75, 1) 60%, rgba(193, 134, 52, 1) 82%, rgba(254, 213, 131, 1) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.criminal-wrap .visual .text h3 {
	padding-top:25px;
	color:#fff;
	font-size:70px;
	font-weight:400;
	line-height:1.3;
}
.criminal-wrap .visual .text h3 span {
	background-image: linear-gradient(93deg,rgba(250, 199, 107, 1) 6%, rgba(254, 234, 163, 1) 33%, rgba(214, 157, 75, 1) 60%, rgba(193, 134, 52, 1) 82%, rgba(254, 213, 131, 1) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-weight:700;
}
@media screen and (max-width: 1024px) {
	.criminal-wrap .visual .text h5 {
		font-size:20px;
	}
	.criminal-wrap .visual .text h3 {
		font-size:50px;
	}
}
@media screen and (max-width: 768px) {
	.criminal-wrap .visual .text h5 {
		font-size:17px;
	}
	.criminal-wrap .visual .text h3 {
		padding-top:15px;
		font-size:35px;
	}
}



/*
	형사센터 (content)
*/
.criminal-wrap .inner {
	width:100%;
	max-width:1260px;
	padding:130px 30px;
	margin:0 auto;
}
@media screen and (max-width: 1024px) {
	.criminal-wrap .inner {
		padding:90px 15px;
	}
}
@media screen and (max-width: 768px) {
	.criminal-wrap .inner {
		padding:60px 15px;
	}
}



/*
	형사센터 (title)
*/
.criminal-wrap .title-wrap {
	margin-bottom:45px;
	text-align:center;
}
.criminal-wrap .title-wrap.left {
	text-align:left;
}
.criminal-wrap .title-wrap h3 {
	color:#fff;
	font-size:50px;
	font-weight:400;
	word-break:keep-all;
}
.criminal-wrap .title-wrap h3 span {
	background-image: linear-gradient(93deg,rgba(250, 199, 107, 1) 6%, rgba(254, 234, 163, 1) 33%, rgba(214, 157, 75, 1) 60%, rgba(193, 134, 52, 1) 82%, rgba(254, 213, 131, 1) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-weight:700;
}
.criminal-wrap .title-wrap h3 strong {
	font-weight:700;
}
@media screen and (max-width: 1024px) {
	.criminal-wrap .title-wrap h3 {
		font-size:32px;
	}
}
@media screen and (max-width: 768px) {
	.criminal-wrap .title-wrap {
		margin-bottom:22px;
	}
	.criminal-wrap .title-wrap h3 {
		font-size:25px;
	}
}



/*
	형사센터 (business)
*/
.criminal-wrap .business {
	background:url('/images/sub/criminal/business_bg.jpg') no-repeat center/cover;
}
.criminal-wrap .business .list {
	display:grid;
	grid-template-columns: repeat(4,1fr);
}
.criminal-wrap .business .list li {
	display:flex;
	align-items: center;
    justify-content: center;
	height:200px;
	background:no-repeat center/cover;
	color:#fff;
	font-size:26px;
	font-weight:600;
	text-align:center;
	border:1px solid rgba(255,255,255,.2);
	border-left:none;
}
.criminal-wrap .business .list li:nth-child(4n+1) {
	border-left:1px solid rgba(255,255,255,.2);
}
.criminal-wrap .business .list li:nth-child(n+5) {
	border-top:none;
}
.criminal-wrap .business .list li.bg01 {
	background-image:url('/images/sub/criminal/business_list01.jpg');
}
.criminal-wrap .business .list li.bg02 {
	background-image:url('/images/sub/criminal/business_list02.jpg');
}
.criminal-wrap .business .list li.bg03 {
	background-image:url('/images/sub/criminal/business_list03.jpg');
}
.criminal-wrap .business .list li.bg04 {
	background-image:url('/images/sub/criminal/business_list04.jpg');
}
.criminal-wrap .business .list li.bg05 {
	background-image:url('/images/sub/criminal/business_list05.jpg');
}
.criminal-wrap .business .list li.bg06 {
	background-image:url('/images/sub/criminal/business_list06.jpg');
}
.criminal-wrap .business .list li.bg07 {
	background-image:url('/images/sub/criminal/business_list07.jpg');
}
.criminal-wrap .business .list li.bg08 {
	background-image:url('/images/sub/criminal/business_list08.jpg');
}
@media screen and (max-width: 1024px) {
	.criminal-wrap .business .list li {
		font-size:20px;
	}
}
@media screen and (max-width: 768px) {
	.criminal-wrap .business .list {
		grid-template-columns: repeat(2,1fr);
	}
	.criminal-wrap .business .list li {
		height:110px;
		font-size:15px;
	}
	.criminal-wrap .business .list li:nth-child(2n+1) {
		border-left:1px solid rgba(255,255,255,.2);
	}
	.criminal-wrap .business .list li:nth-child(n+3) {
		border-top:none;
	}
}



/*
	형사센터 (system)
*/
.criminal-wrap .system {
	background:url('/images/sub/criminal/system_bg.jpg') no-repeat center/cover;
}
.criminal-wrap .system .list {
	display:grid;
	grid-template-columns: repeat(4,1fr);
	gap:13px;
}
.criminal-wrap .system .list li .img {
	height:200px;
	background:no-repeat center/cover;
}
.criminal-wrap .system .list li .img01 {
	background-image:url('/images/sub/criminal/system_list01.jpg');
}
.criminal-wrap .system .list li .img02 {
	background-image:url('/images/sub/criminal/system_list02.jpg');
}
.criminal-wrap .system .list li .img03 {
	background-image:url('/images/sub/criminal/system_list03.jpg');
}
.criminal-wrap .system .list li .img04 {
	background-image:url('/images/sub/criminal/system_list04.jpg');
}
.criminal-wrap .system .list li p {
	display:flex;
	align-items: center;
    justify-content: center;
	height:150px;
	border:1px solid rgba(255,255,255,.2);
	border-width:0 1px 1px;
	color:#fff;
	font-size:22px;
	text-align:center;
}
@media screen and (max-width: 1024px) {
	.criminal-wrap .system .list li p {
		font-size:18px;
	}
}
@media screen and (max-width: 768px) {
	.criminal-wrap .system .list {
		grid-template-columns: repeat(2,1fr);
		gap:10px;
	}
	.criminal-wrap .system .list li .img {
		height:100px;
	}
	.criminal-wrap .system .list li p {
		height:90px;
		font-size:15px;
	}
}



/*
	형사센터 (step)
*/
.criminal-wrap .step {
	background:url('/images/sub/criminal/step_bg.jpg') no-repeat center/cover;
}
.criminal-wrap .step .inner {
	display:grid;
	grid-template-columns: repeat(2,1fr);
}
.criminal-wrap .step .list {
	counter-reset: number 0;
}
.criminal-wrap .step .list li {
    display:flex;
	align-items: center;
	position:relative;
	min-height:80px;
	padding-left:100px;
	color:#fff;
	font-size:22px;
	border:1px solid rgba(255,255,255,.3);
	word-break: keep-all;
}
.criminal-wrap .step .list li::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 80px;
	position:absolute; top:0; left:0;
	width: 80px;
	height:100%;
	background:#fff;
	color:#000;
	font-size: 34px;
	counter-increment: number 1;
	content: counter(number);
}
.criminal-wrap .step .list li + li {
	margin-top:10px;
}
@media screen and (max-width: 1024px) {
	.criminal-wrap .step .list li {
		min-height:70px;
		padding-left:85px;
		font-size:18px;
	}
	.criminal-wrap .step .list li::before {
		width:70px;
		font-size:28px;
	}
}
@media screen and (max-width: 768px) {
	.criminal-wrap .step .inner {
		display:block;
	}
	.criminal-wrap .step .list li {
		min-height:45px;
		padding-left:45px;
		font-size:14px;
	}
	.criminal-wrap .step .list li::before {
		width:35px;
		font-size:16px;
	}
	.criminal-wrap .step .list li + li {
		margin-top:5px;
	}
}



/*
	형사센터 (case)
*/
.criminal-wrap .case {
	background:url('/images/sub/criminal/case_bg.jpg') no-repeat center/cover;
}
.criminal-wrap .case .case-slide {
	position:relative;
}
.criminal-wrap .case .case-slide .slide {
	overflow:hidden;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a {
	display:block;
	padding:0 30px;
	border:1px solid rgba(128,128,128,.3);
	background:rgba(0,0,0,.3);
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .cate-name {
	text-align:center;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .cate-name span {
	display:inline-flex;
	align-items: center;
	height:40px;
	padding:0 20px;
	background:#a48456;
	color:#fff;
	font-size:22px;
	font-weight:700;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .subject {
	margin:30px 0;
	color:#fff;
	font-size:28px;
	font-weight:600;
	text-align:center;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height:78px;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .thumb {
	padding-top:27px;
	background:#343434;
	text-align:center;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .thumb img {
	max-width:100%;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer {
	padding:30px 0;
	margin-top:30px;
	border-top:1px solid rgba(255,255,255,.1);
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer dt {
	padding-bottom:10px;
	color:#fff;
	font-size:22px;
	font-weight:600;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer dd {
	position:relative;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer dd::after {
	position:absolute; top:50%; right:0;
	width:20px; height:12px;
	margin-top:-6px;
	background:url('/images/sub/divorce/case_more.png') no-repeat center/cover;
	content:'';
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer ul {
	display:flex;
	gap:15px;
	text-align:center;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .img {
	width:60px;
	height:60px;
	border-radius:50%;
	overflow:hidden;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .img img {
	width:100%;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .name {
	display:block;
	padding-top:5px;
	color:#fff;
	font-size:18px;
	font-weight:500;
}
.criminal-wrap .case .case-slide .slide .swiper-slide a:hover {
	border-color:rgba(255,240,211,.3);
}
.criminal-wrap .case .case-slide .slide .swiper-slide a:hover .cate-name span {
	background-image: -moz-linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100%);
	background-image: -webkit-linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100%);
	background-image: -ms-linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100%);
	color:#000;
}
.criminal-wrap .case .case-slide .arrow {
	display:block;
	position:absolute; top:50%; z-index:10;
	width:23px; height:42px;
	margin-top:-21px;
	background:no-repeat center/cover;
	cursor:pointer;
}
.criminal-wrap .case .case-slide .arrow.prev {
	left:-50px;
	background-image:url('/images/sub/criminal/slide_prev.png');
}
.criminal-wrap .case .case-slide .arrow.next {
	right:-50px;
	background-image:url('/images/sub/criminal/slide_next.png');
}
@media screen and (max-width: 1024px) {
	.criminal-wrap .case .case-slide .slide {
		overflow:visible;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .cate-name span {
		font-size:20px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .subject {
		font-size:22px;
		height:61px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer dt {
		font-size:20px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .name {
		font-size:16px;
	}
	.criminal-wrap .case .case-slide .arrow {
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.criminal-wrap .case .case-slide .slide .swiper-slide a .cate-name span {
		font-size:16px;
		height:30px;
		padding:0 15px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .subject {
		margin:15px 0;
		font-size:18px;
		height:50px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .thumb {
		padding-top:22px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer {
		margin-top:15px;
		padding:15px 0;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer dt {
		padding-bottom:5px;
		font-size:16px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer dd::after {
		width:16px; height:10px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li {
		gap:0 10px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .img {
		width:50px; height:50px;
	}
	.criminal-wrap .case .case-slide .slide .swiper-slide a .lawyer ul li .name {
		font-size:14px;
	}
}



/*
	형사센터 (location)
*/
.criminal-wrap .location {
	background:url('/images/sub/criminal/location_bg.jpg') no-repeat center/cover;
}
.criminal-wrap .location .adr-wrap {
	position:relative;
	padding-left:160px;
	padding-right:42.9%;
}
.criminal-wrap .location .adr-wrap .tab-location {
	position:absolute; top:0; left:0;
}
.criminal-wrap .location .adr-wrap .tab-location li + li {
	margin-top:5px;
}
.criminal-wrap .location .adr-wrap .tab-location li a {
	display:flex;
	align-items: center;
	gap:0 7px;
	width:116px;
	height:40px;
	padding-left:10px;
	color:#fff;
	font-size:18px;
	cursor:pointer;
}
.criminal-wrap .location .adr-wrap .tab-location li a.active {
	background:#9b7c3f;
}
.criminal-wrap .location .adr-wrap .tab-location li a.active::after {
	display:inline-block;
	width:8px; height:14px;
	background:url('/images/sub/criminal/location_tab_arrow.png') no-repeat center/cover;
	content:'';
}
.criminal-wrap .location .adr-wrap .adr {
	padding-bottom:85px;
}
.criminal-wrap .location .adr-wrap .adr h3 {
	color:#fff;
	font-size:28px;
	font-weight:600;
}
.criminal-wrap .location .adr-wrap .adr ul {
	display:flex;
	gap:0 35px;
	white-space: nowrap;
	padding:15px 0 20px;
}
.criminal-wrap .location .adr-wrap .adr ul li {
	color:#fff;
	font-size:20px;
	opacity:.8;
}
.criminal-wrap .location .adr-wrap .adr ul li * {
	color:#fff;
}
.criminal-wrap .location .adr-wrap .adr ul li span {
	padding-right:13px;
}
.criminal-wrap .location .adr-wrap .adr h5 {
	padding-bottom:48px;
	color:#fff;
	font-size:30px;
	font-weight:700;
}
.criminal-wrap .location .adr-wrap .adr h5 * {
	color:#fff;
}
.criminal-wrap .location .adr-wrap .adr .map-wrap {
	position:relative;
	height:350px;
}
.criminal-wrap .location .adr-wrap .adr .map-wrap > .map {
	overflow:hidden;
	position:absolute; top:0; left:0;
	width:100%;
	height:100%;
}
.criminal-wrap .location .adr-wrap .adr .map-wrap > .map .root_daum_roughmap {
	width:100%;
	height:100%;
}
.criminal-wrap .location .adr-wrap .adr .map-wrap > .map .root_daum_roughmap .wrap_map {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
}
.criminal-wrap .location .adr-wrap .adr .map-wrap .hide {
	display:none;
}
.criminal-wrap .location .adr-wrap .img-wrap {
	position:absolute; top:0; right:0;
	width:38.9%;
}
.criminal-wrap .location .adr-wrap .img-wrap .img img {
	max-width:100%;
}
.criminal-wrap .location .adr-wrap .img-wrap .img .point {
	position:absolute; z-index:5;
	display:inline-block;
	width:15px; height:15px;
	background:#a18351;
	border-radius:50%;
}
.criminal-wrap .location .adr-wrap .img-wrap .img .point::after {
	position:absolute; top:-6px; left:-6px; z-index:3;
	width:27px; height:27px;
	background:#a18351;
	border-radius:50%;
	opacity:.5;
}
.criminal-wrap .location .adr-wrap .img-wrap .img .point::before {
	position:absolute; top:-12px; left:-12px; z-index:1;
	width:39px; height:39px;
	background:#a18351;
	border-radius:50%;
	opacity:.3;
}
.criminal-wrap .location .adr-wrap .img-wrap .img .point.active::after,
.criminal-wrap .location .adr-wrap .img-wrap .img .point.active::before {
	animation: blink-effect 1.5s infinite;
	content:'';
}
.criminal-wrap .location .adr-wrap .img-wrap .img .point01 {
	bottom:31.8%;
	right:34.5%;
}
.criminal-wrap .location .adr-wrap .img-wrap .img .point02 {
	bottom:36.8%;
	right:27.5%;
}
@keyframes blink-effect {
	50% {
		opacity:0;
	}
}
@media screen and (max-width: 1024px) {
	.criminal-wrap .location .adr-wrap {
		padding-left:127px;
	}
	.criminal-wrap .location .adr-wrap .tab-location li a {
		font-size:16px;
		width:98px;
		height:38px;
		padding-left:5px;
	}
	.criminal-wrap .location .adr-wrap .adr h3 {
		font-size:22px;
	}
	.criminal-wrap .location .adr-wrap .adr ul li {
		font-size:17px;
	}
	.criminal-wrap .location .adr-wrap .adr h5 {
		font-size:25px;
	}
	.criminal-wrap .location .adr-wrap .img-wrap {
		top:auto;
		bottom:0;
	}
}
@media screen and (max-width: 768px) {
	.criminal-wrap .location .adr-wrap {
		padding-right:0;
		padding-left:0;
	}
	.criminal-wrap .location .adr-wrap .tab-location {
		display:flex;
		gap:0 15px;
		position:static;
		margin-bottom:15px;
	}
	.criminal-wrap .location .adr-wrap .tab-location li + li {
		margin-top:0;
	}
	.criminal-wrap .location .adr-wrap .tab-location li a {
		height:33px;
		padding:0 10px;
		font-size:14px;
	}
	.criminal-wrap .location .adr-wrap .tab-location li a.active::after {
		width:5px; height:10px;
	}
	.criminal-wrap .location .adr-wrap .adr {
		padding-bottom:40px;
	}
	.criminal-wrap .location .adr-wrap .adr h3 {
		font-size:18px;
	}
	.criminal-wrap .location .adr-wrap .adr ul {
		flex-direction: column;
		gap:7px 0;
		padding:10px 0 15px;
	}
	.criminal-wrap .location .adr-wrap .adr ul li {
		font-size:14px;
	}
	.criminal-wrap .location .adr-wrap .adr h5 {
		padding-bottom:24px;
		font-size:22px;
	}
	.criminal-wrap .location .adr-wrap .adr .map-wrap {
		height:180px;
	}
	.criminal-wrap .location .adr-wrap .img-wrap {
		position:relative;
		width:100%;
	}
	.criminal-wrap .location .adr-wrap .img-wrap .img .point {
		width:11px; height:11px;
	}
	.criminal-wrap .location .adr-wrap .img-wrap .img .point::after {
		top:-5px; left:-5px;
		width:21px; height:21px;
	}
	.criminal-wrap .location .adr-wrap .img-wrap .img .point::before {
		top:-10px; left:-10px;
		width:31px; height:31px;
	}
}