@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-UltraBlack.woff') format('woff');
  font-weight: 900;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Black.woff') format('woff');
  font-weight: 800;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Bold.woff') format('woff');
  font-weight: 700;
}
@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-SemiBold.woff') format('woff');
  font-weight: 600;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Medium.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Regular.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Thin.woff') format('woff');
  font-weight: 300;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-Light.woff') format('woff');
  font-weight: 200;
}

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist/Geist-UltraLight.woff') format('woff');
  font-weight: 100;
}

@font-face {
  font-family: 'GothamBlack';
  src: url('../fonts/Gotham/Gotham-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham/Gotham-Bold.ttf') format('truetype');

}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham/Gotham-Book.ttf') format('truetype');

}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/Gotham/Gotham-Medium.ttf') format('truetype');

}

@font-face {
  font-family: 'HelveticaNeue';
  src: url('../fonts/helvetica-neue/HelveticaNeueMedium.ttf') format('opentype');

}

@font-face {
  font-family: 'PingFang';
  src: url('../fonts/PingFang/PingFang-Regular.ttf') format('truetype');

}

@font-face {
  font-family: 'Charter';
  src: url('../fonts/Charter/Charter-Regular.ttf') format('truetype');

}

@font-face {
  font-family: 'Copperplate';

}
@font-face {
  font-family: 'Copperplate-Light';
  src: url('../fonts/Copperplate/Copperplate-Light.otf') format('opentype');

}
@font-face {
  font-family: 'Malayalam-mn';
  src: url('../fonts/Malayalam-mn/malayalam-mn.ttf') format('truetype');

}
@font-face {
  font-family: 'Krungthep';
  src: url('../fonts/Krungthep/krungthep.ttf') format('truetype');

}

@font-face {
  font-family: 'Century-Gothic-Bold';
  src: url('../fonts/Century-Gothic-Bold/century-gothic-bold.ttf') format('truetype');

}

@font-face {
  font-family: 'ArialNarrow';
  src: url('../fonts/ArialNarrow/arialnarrow.ttf') format('truetype');

}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir/Avenir-Regular.ttf') format('truetype');

}
@font-face {
  font-family: 'Avenir Next';
  src: url('../fonts/Avenir-Next/AvenirNextCondensed-Regular.otf') format('opentype');

}
@font-face {
  font-family: 'Nanum Gothic';
  src: url('../fonts/NanumGothic/NanumGothic-Regular.ttf') format('truetype');

}
@font-face {
  font-family: 'Nanum Gothic Bold';
  src: url('../fonts/NanumGothic/NanumGothic-Bold.ttf') format('truetype');
  font-style: bold;
}
@font-face {
  font-family: 'Malgun';
  src: url('../fonts/Malgun/malgun.ttf') format('truetype');

}
@font-face {
  font-family: 'Malgun Bold';
  src: url('../fonts/Malgun/malgunbd.ttf') format('truetype');
  font-style: bold;
}

/* 메뉴 */
		.langSelOp {
			background: #000;
		}
		.menuLable span {
			background: #000;
		}
	@media screen and (max-width:764px) {
		.nav_button {
			display: flex !important;
			align-items: center;
		}
		.langSel {
			font-size: 17px;
    		margin-right: 11px;
		}
		.btn-open:hover:after {
			color: #fff;
		}
		.overlay {
			background: #fff;
		}
		.wrap ul.wrap-nav li a {
			color:#000 !important;
		}
		.btn-open:hover:after {
			color: #000;
		}
		#check_box {
		display: none;
		}

		#check_box + label {
			position: relative;
			display: block;
			width: 30px;
			height: 20px;
			cursor: pointer;
			z-index: 999;
		}

		#check_box + label > span {
		position: absolute;
		display: block;
		width: 100%;
		height: 3px;

		border-radius: 0px;
		transition: all 300ms;
		}
		#check_box:checked + label > span {
			background: #000 !important;
		}
		#check_box:checked + label > span:nth-child(1) {
		top: 50%;
		transform: translate(0, -50%);
		transform: rotate(45deg);
		}

		#check_box + label > span:nth-child(2) {
		top: 50%;
		transform: translate(0, -50%);
		}

		#check_box:checked + label > span:nth-child(2) {
		opacity: 0;
		}

		#check_box + label > span:nth-child(3) {
		bottom: 0;
		}

		#check_box:checked + label > span:nth-child(3) {
		top: 50%;
		transform: translate(0, -50%);
		transform: rotate(-45deg);
		}

		#side_menu {
		position: fixed;
		width: 100%;
		height: 100dvh;
		background-color: #fff;
		left: -100%;
		transition: all 300ms;
		z-index: 998;
		top: 0px;
		padding: 60px 20px 20px 20px;
		box-sizing: border-box;
		
		}

		#check_box:checked + label + #side_menu {
		left: 0;
		}
		#side_menu a{
			color: #000;
		}
		.manuName {
			font-family: 'Gotham', sans-serif;
			font-size: 25px;
        	text-align: left;
			width: 100%;
			display: block;
			text-align: center;
			margin-bottom: 50px;
		}

		.manuItme {
			font-family: 'Inter', 'Noto Sans KR', sans-serif;
			font-size: 20px;
        	text-align: left;
			width: 100%;
			display: block;
			text-align: center;
			margin-top: 30px;
		}
	}

/* 메뉴 끝 */
body {
	margin:0;
	padding:0;
	background:#fff;
	font-family:'Inter', 'NotoSans',sans-serif;
	font-size:16px;
	font-weight: normal;
	line-height: 150%;
}
ul {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
}
li {
	padding:0;
	margin:0;
}
a {
	text-decoration: none;
	color: initial;
}
nav {
	position: fixed !important;
	text-align: center;
    width: -webkit-fill-available;
    position: relative;
    height: auto;
    background: none;
    height: 30px;
    display: flex;
    padding: 25px 70px;
    align-items: center;
    justify-content: space-between;
	z-index: 999;
	background: #fff;
}
nav ul {
	text-align:center;
}
nav ul li {
	display:inline-block;
}
nav ul li a {
	color:#333;
	display:inline-block;
	padding:15px 20px;
	text-decoration:none;
	border-bottom:2px solid #fff;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
	font-size:16px;
}
nav ul li a:hover {
	color: #34B484;
}
/*styling open close button*/
.nav_button {
	/*display:inline;*/
	/*position:absolute;
	right:50px;
	top:15px; */
	z-index:999;
	font-size:30px;
	display: none;
}
.nav_button a {
	text-decoration:none;
}
@media screen and (max-width: 764px) {
.nav_button {
	display:inline;
}
.artistName {
	width:270%;
	font-size: 25px !important; 
	text-align: left;
}
nav {
	padding: 20px 15px;
}
}
button, button:visited, button:focus {
	box-shadow: unset;
}
.list-item {
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    display: flex;
    margin: 0 auto;
    width: 100%;
    padding: 30px 0 40px 0;
	
}
.list-item li a{
	color:#b0b0b0;
}
.li_act a{
	color:#000 !important;
}
.list_page_num {
    justify-content: center;
    list-style-type: none;
    display: flex;
    padding-inline-start: 0px;
	gap: 15px;
}
/*
.btn-open:after {
	color:#333;
	content:"\f0c9";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
	*/
.btn-open:hover:after {
	color:#000;
}
/*
.btn-close:after {
	color:#000;
	content:"\f00d";
	font-family:"FontAwesome";
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
	*/
.btn-close:hover:after {
	color: #000;
}
/*overlay*/
.overlay {
	display:none;
	position:fixed;
	top:0;
	height:100%;
	width:100%;
	background:#333;
	overflow:auto;
	z-index:99;
}
.wrap {
	color:#e9e9e9;
	text-align:center;
	max-width:90%;
	margin:0 auto;
}
.wrap ul.wrap-nav {
	border-bottom:1px solid #575757;
	text-transform:capitalize;
	padding:150px 0px 100px;
}
.wrap ul.wrap-nav li {
	font-size:20px;
	display:inline-block;
	vertical-align:top;
	width:150px;
	position:relative;
}
.wrap ul.wrap-nav li a {
	color:#fff;
	display:block;
	padding:8px 0;
	text-decoration:none;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul {
	padding:20px 0;
}
.wrap ul.wrap-nav ul li {
	display:block;
	font-size:16px;
	line-height: 150%;
	width:100%;
	color:#e9e9e9;
}
.wrap ul.wrap-nav ul li a {
	color:#f0f0f0;
}
.wrap ul.wrap-nav ul li a:hover {
	color:#000;
}
.social {
	font-size:25px;
	padding:20px;
}
.social p {
	margin:0;
	padding:20px 0 5px 0;
	line-height:30px;
	font-size:13px;
}
.social p a {
	color:#34B484;
	text-decoration:none;
	margin:0;
	padding:0;
}
.social-icon {
	width:80px;
	height:50px;
	color:#34B484;
	display:inline-block;
	margin:0 20px;
	transition-property:all .2s linear 0s;
	-moz-transition:all .2s linear 0s;
	-webkit-transition:all .2s linear 0s;
	-o-transition:all .2s linear 0s;
}
.social-icon:hover {
	background:#34B484;
	color:#f0f0f0;
}
.social-icon i {
	margin-top:12px;
}
.artistName {
	font-size: 30px;
	font-family: 'Gotham', sans-serif;
}
@media screen and (max-width:48em) {
	nav {
		background-color: #fff;
	}
	.wrap ul.wrap-nav>li {
		width:100%;
		padding:20px 0;
		border-bottom:1px solid #575757;
	}
	.wrap ul.wrap-nav {
		padding:93px 0px 0px;
	}
	nav ul {
		/*opacity:0;*/
		/*visibility:hidden;*/
		display: none;
	}
	.social {
		color:#c1c1c1;
		font-size:25px;
		padding:15px 0;
	}
	.social-icon {
		width:100%;
		height:50px;
		background:#fff;
		color:#333;
		display:block;
		margin:5px 0;
	}
}
.body_container {
	width:100%;
	margin-top:200px;
	color: #333;
	text-align: center;
}

.footer-distributed {
  background-color: #292c2f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: normal 16px sans-serif;
  padding: 45px 70px;
}
@media screen and (max-width:764px) {
	.footer-distributed {
		padding: 45px 25px;
	}
}

.footer-distributed .footer-left p {
  color: #8f9296;
  font-size: 14px;
  margin: 0;
  font-family: 'Inter', 'Noto Sans KR', sans-serif;
}
/* Footer links */

.footer-distributed p.footer-links {
  font-size: 18px;
  color: #999;
  margin: 15px 0 10px;
  padding: 0;
  transition: ease .25s;
}

.footer-distributed p.footer-links a {
  display: inline-block;
      font-size: 16px;
    line-height: 150%;
    font-weight: 400;
  text-decoration: none;
  color: inherit;
  transition: ease .25s;
  font-family: 'Inter', 'Noto Sans KR', sans-serif;
}

.footer-distributed .footer-links a:before {
  content: "·";
  font-size: 20px;
  left: 0;
  color: #999;
  display: inline-block;
  padding-right: 5px;
}

.footer-distributed .footer-links .link-1:before {
  content: none;
}

.footer-distributed .footer-right {
  float: right;
  margin-top: 6px;
  max-width: 180px;
}

.footer-distributed .footer-right a {
  display: inline-block;
  width: 35px;
  height: 35px;
  /*background-color: #33383b;*/
  font-size: 20px;
  color: #999;
  text-align: center;
  line-height: 35px;
  margin-left: 3px;
  transition:all .25s;
}
.footer-left span {
	color: #fff;
	font-size:25px;
	font-family: 'Gotham', sans-serif;
}
.footer-distributed .footer-right a:hover{transform:scale(1.1); -webkit-transform:scale(1.1);}

.footer-distributed p.footer-links a:hover{text-decoration:underline;}

/* Media Queries */

@media (max-width: 600px) {
  .footer-distributed .footer-left, .footer-distributed .footer-right {
    text-align: center;
  }
  .footer-distributed .footer-right {
    float: none;
    margin: 0 auto 20px;
  }
  .footer-distributed .footer-left p.footer-links {
    line-height: 1.8;
  }
}