body {
	height: 100vh;
	overflow: hidden;
}
.header {
	z-index: 1;
}
.sec01 {
    height: 100vh;
    overflow: hidden;
}
.sec01 h3 {
	position: absolute;
    top: 10rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 40px;
    font-weight: 600;
    margin: 0;
}
.txt_cont_wr {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.txt_cont_wr .map_cont {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    gap: 1rem;
    z-index: 0;
}
.txt_cont_wr .map_cont:hover {
	z-index: 1;
}
.txt_cont_wr .map_cont.n1 {
    top: 17.2834vw;
    left: 10.6876vw;
}
.txt_cont_wr .map_cont.n2 {
    top: 14.3189vw;
    left: 29.6vw;
}
.txt_cont_wr .map_cont.n3 {
    top: 8.5vw;
    left: 43.9vw;
}
.txt_cont_wr .map_cont.n4 {
    top: 19.1vw;
    left: 27.8vw;
}
.txt_cont_wr .map_cont.n5 {
    top: 16vw;
    left: 45vw;
}
.txt_cont_wr .map_cont.n6 {
    top: 29.8vw;
    left: 17.5vw;
}
.txt_cont_wr .map_cont.n7 {
    top: 28.2vw;
    left: 47.6vw;
}
.txt_cont_wr .map_cont.n8 {
    top: 25.3vw;
    left: 72vw;
}
.txt_cont_wr .map_cont .star {
    transition: all .3s linear;
	width: 1.6rem;
	height: 1.6rem;
}
.txt_cont_wr .map_cont.act .star {
    width: clamp(1.6rem, 1.9792vw, 3.8rem);
    height: clamp(1.6rem, 1.9792vw, 3.8rem);
}
.txt_cont_wr .map_cont .circleWr {
	position: absolute;
	width: 2.1876vw;
	height: 2.1876vw;
	z-index: 1;
}
.txt_cont_wr .map_cont.act .circleWr {
	width: 14.5834vw;
	height: 14.5834vw;
}
.txt_cont_wr .map_cont .circleWr .circle {
	background: linear-gradient(121deg, rgba(0,0,0,1) 0%, rgba(142,142,142,0) 85%, rgba(255,255,255,0) 100%);
}
.txt_cont_wr .map_cont:hover .circleWr .circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.4rem;
}
.txt_cont_wr .map_cont .txt {
    margin-top: clamp(5rem, 5.2083vw, 10rem);
}
.txt_cont_wr .map_cont .circleWr .circle .star {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.txt_cont_wr .map_cont.act .circleWr .circle .star {
    top: 40%;
}
.txt_cont_wr .map_cont.act .txt {
    z-index: 1;
    margin-bottom: 6rem;
}

.sort_tab {
   	left:50%;
   	transform:translateX(-50%);
}
.sort_tab a+a {
    margin-left: 4rem;
}
.check .txt {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0;
    padding: 0;
    color: #898989;
}
.check.on .txt {
    color: #fff;
}

/* 천계 */

.map01 .txt_cont_wr .map_cont.n1 {
    top: 11.7834vw;
    left: 23.2876vw;
}
.map01 .txt_cont_wr .map_cont.n2 {
    top: 10.3189vw;
    left: 48.2vw;
}
.map01 .txt_cont_wr .map_cont.n3 {
    top: 20.2vw;
    left: 47.2vw;
}
.map01 .txt_cont_wr .map_cont.n4 {
    top: 20.3vw;
    left: 71vw;
}
.map01 .txt_cont_wr .map_cont.n5 {
	top: 27.6vw;
    left: 46.1vw;
}
.map01 .txt_cont_wr .map_cont.n6 {
    top: 29.8vw;
    left: 63vw;
}

/* 마계 */

.map02 .txt_cont_wr .map_cont.n1 {
    top: 8.4834vw;
    left: 38.0876vw;
}
.map02 .txt_cont_wr .map_cont.n2 {
    top: 7.7189vw;
    left: 58.5vw;
}
.map02 .txt_cont_wr .map_cont.n3 {
    top: 29.3vw;
    left: 13.5vw;
}
.map02 .txt_cont_wr .map_cont.n4 {
    top: 29.3vw;
    left: 29.5vw;
}
.map02 .txt_cont_wr .map_cont.n5 {
	top: 23.5vw;
    left: 36.8vw;
}
.map02 .txt_cont_wr .map_cont.n6 {
    top: 19.7vw;
    left: 51.9vw;
}
.map02 .txt_cont_wr .map_cont.n7 {
    top: 32.4vw;
    left: 59.5vw;
}
.map02 .txt_cont_wr .map_cont.n8 {
    top: 26.7vw;
    left: 82.8vw;
}


@media all and (max-width:1700px) {
	.txt_cont_wr .cont:before {
	    top: 4.7vw;
	}
}