/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';

.map-wrap {
	position:relative;
	box-sizing:border-box;
	padding:8rem 0 0;
	height:100rem;
}
.map-wrap .container {
	height:100%;
}
.map-wrap .map {
	position:absolute;
	right:0;
	top:8rem;
	width:calc(50% - 2rem);
	height:calc(100% - 8rem);
	z-index:10;
}
.map-wrap #map {
	width:100%;
	height:100%;
}
.map-wrap .map-list {
	height:100%;
	padding-right:calc(50% + 2rem);
	padding-top:7rem;
}
.map-wrap .map-list h3.tit {
	font-size:2.4rem;
	font-weight:700;
	color:#222;
	padding-bottom:1rem;
	border-bottom:1px solid #222;
}
.map-wrap .map-list h3.tit > small {
	color:#555;
}
.map-wrap .map-list > .list {
	width:100%;
	height:calc(100% - 4rem);
	overflow-y:scroll;
	border-bottom:1px solid #ddd;
}
.map-wrap .map-list ul {
	height:auto;
	list-style:none;
	padding-left:0;
}
.map-wrap .map-list ul > li {
	box-sizing:border-box;
	padding:3rem;
	border-bottom:1px solid #ddd;
	display:flex;
	align-items:center;
}
.map-wrap .map-list ul > li.active {
	background:#f9f9f9;
}
.map-wrap .map-list ul > li:last-child {
	border-bottom:0;
}
.map-wrap .map-list ul > li > .img {
	width:16rem;
	height:21rem;
	border-radius:1rem;
	overflow:hidden;
	position:relative;
}
.map-wrap .map-list ul > li > .img:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:0px solid var(--blue);
	border-radius:1rem;
	opacity:0;
	transition:all 0.15s;
}
.map-wrap .map-list ul > li.active > .img:after,
.map-wrap .map-list ul > li:hover > .img:after {
	border:4px solid var(--blue);
	opacity:1;
}
.map-wrap .map-list ul > li > .txt {
	width:calc(100% - 15rem);
	padding-left:4rem;
}
.map-wrap .map-list ul > li > .txt > span {
	font-size:1.8rem;
	font-weight:600;
	color:var(--pink);
}
.map-wrap .map-list ul > li > .txt > .tit {
	margin-top:0.5rem;
	font-size:2rem;
	font-weight:700;
	line-height:1.4;
	color:#222;
	white-space:normal;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.map-wrap .map-list ul > li > .txt > .btm {
	margin-top:2rem;
}
.map-wrap .map-list ul > li > .txt > .btm > p {
	display:flex;
	align-items:center;
	font-size:1.8rem;
	color:#555;
	margin:0.4rem 0;
}
.map-wrap .map-list ul > li > .txt > .btm > p > i {
	font-size:2.2rem;
	color:#222;
	margin-right:1rem;
}

@media (max-width: 1199.98px) {
	.map-wrap {
		height:auto;
	}
	.map-wrap .map {
		position:relative;
		right:auto;
		top:0;
		width:100%;
		height:40rem;
	}
	.map-wrap .map-list {
		height:auto;
		padding-right:0;
		padding-top:4rem;
	}
	.map-wrap .map-list > .list {
		height:60rem;
	}
}
@media (max-width: 991.98px) {
	.map-wrap .map-list h3.tit {
		font-size:2rem;
	}
	.map-wrap .map-list ul > li {
		padding:2rem;
	}
	.map-wrap .map-list ul > li:last-child {
		border-bottom:0;
	}
	.map-wrap .map-list ul > li > .img {
		width:14rem;
		height:19rem;
	}
	.map-wrap .map-list ul > li > .txt {
		width:calc(100% - 14rem);
		padding-left:3rem;
	}
	.map-wrap .map-list ul > li > .txt > span {
		font-size:1.6rem;
	}
	.map-wrap .map-list ul > li > .txt > .btm {
		margin-top:1rem;
	}
	.map-wrap .map-list ul > li > .txt > .btm > p {
		font-size:1.6rem;
	}
	.map-wrap .map-list ul > li > .txt > .btm > p > i {
		font-size:2rem;
		margin-right:0.5rem;
		position:relative;
		top:-1px;
	}
}
@media (max-width: 575.98px) {
	.map-wrap .map {
		height:30rem;
	}
	.map-wrap .map-list ul > li {
		padding:1.5rem;
	}
	.map-wrap .map-list ul > li > .img {
		width:10rem;
		height:14rem;
	}
	.map-wrap .map-list ul > li > .txt {
		width:calc(100% - 10rem);
		padding-left:2rem;
	}
	.map-wrap .map-list ul > li > .txt > .tit {
		font-size:1.8rem;
		line-height:1.4;
	}
}



html, body, a, 
.btn-swiper {cursor:none;}

#cursor_div { position: fixed; left: 0; top: 0; pointer-events: none; z-index:999; mix-blend-mode:normal;} 
#cursor_div .inner_wrap { 
	width: 2rem; 
	height: 2rem; 
	border-radius: 50%;
	display: flex; 
	justify-content: center; 
	align-items: center; 
	transform: translate(-50%, -50%);
	transition: all 0.3s ease; 
	background:var(--pink);
} 
#cursor_div .inner_wrap.on { 
	width:4rem; 
	height:4rem;
	cursor:none; 
	background:var(--pink);
	filter:contrast(200%);
}
#cursor_div .inner_wrap.blue {
	background:var(--blue);
}
#cursor_div:has(.inner_wrap.on){mix-blend-mode:normal;}
#cursor_div .inner { text-align: center; } 

@media (max-width: 991.98px) {
	html, body{cursor:auto !important;}
	a, 
	.btn-swiper,
	.box,
	.keyVisual > .img {cursor:pointer !important;}
	#cursor_div .inner_wrap,
	#cursor_div .inner_wrap.on {
		display:none;
	}
}