@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700;900&family=Nanum+Myeongjo:wght@400;700;800&family=Black+Han+Sans&family=Anton&display=swap');

@font-face {
    font-family: 'SF_HambakSnow';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2106@1.1/SF_HambakSnow.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
	padding: 0;
	margin: 0;
	box-sizing:border-box;
}

body {
	margin:0; padding:0;
	font-family: 'Roboto', 'Noto Sans KR', "Dotum", sans-serif;
	color: #666;
	font-size: 15px;
	line-height:160%;
	font-weight:400;
}

b, strong {
	font-weight: 600;
}

div, section {
	margin:0; padding:0;
	font-size:middle;
	}
	
ul, ol, li, dl, dt, dd {
	margin: 0;
	paddding: 0;
	list-style: none;
}
a, a:active {
	color:#666; text-decoration:none;
	}
a:hover {
	text-decoration: none;
	color: #36C;
}
img {border:none; padding:0; margin:0;}

.mgl0 {margin-left:0!important;}

#wrap {margin:0; padding:0; width:100%; height:100%;}

.top_area {padding:5px;}
.top_area ul {width:95%; max-width:1000px; margin:0 auto; overflow:hidden; zoom:1; clear:both;}
.top_area ul .logo {float:left; margin-top:2px;}
.top_area ul .go_btn {float:right; margin-top:10px; color:#c3c1c1; font-size:13pxem; font-weight:600; font-family: 'Noto Sans KR', sans-serif; font-weight:400;}
.top_area ul .go_btn a {color:#7f7e7e;}

.tabs {display:flex; width:95%; max-width:1000px; margin:0 auto; margin-top:20px;}
.tabs > div {display:flex; align-items: center; justify-content: center; position:relative; width:50%; max-width:240px; padding:12px 20px; text-align: center;}
.tabs > div:not(:first-child) {margin-left:10px;}
.tabs > div::before {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; height: 100%; background: #fff; border: 1px solid #ccc; border-bottom: none; border-radius:10px 10px 0 0; transform: scale(1.05, 1.1) perspective(10px) rotateX(1deg); transform-origin: bottom left; }
.tabs > div.active a {color:#fff;}
.tabs > div.active::before {background:#056ee0; color:#fff;}
.boa .tabs > div.active::before {background:#96aedb; color:#fff;}
.fatima .tabs > div.active a { color:#4a4945;}
.fatima .tabs > div.active::before{background:#ebe5d8; color:#4a4945;}

.main_img {background:#0f020c url(images/main_visual.jpg) no-repeat; background-position:center center; background-size: cover;}
.main_img > div {display:flex; flex-flow:column nowrap; justify-content:flex-end; width:100%; max-width:1000px; height:500px; margin:0 auto; padding-bottom:30px; color:#fff; font-size:20px; font-weight:500; line-height:1.2; word-break:keep-all; text-shadow: 3px 3px 0 rgba(0,0,0,0.5);}
.main_img strong {font-family:"Black Han Sans", sans-serif;; font-size:56px; font-weight:400; color:#fae008; line-height:0.9;}

.boa .main_img {background:url(images/main_boabg.jpg) no-repeat center; background-size: cover;}
.boa .main_img > div {display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; width:100%; max-width:1000px; height:500px; margin:0 auto; padding-bottom:70px; background:url(images/main_boa.png) no-repeat; color:#fff; font-size:22px; font-weight:500; line-height:1.2; word-break:keep-all; text-shadow: 3px 3px 0 rgba(0,0,0,0.5);}
.boa .main_img strong {margin: 162px 0 0 40%; font-family:"Black Han Sans", sans-serif;; font-size:56px; font-weight:400; color:#fff; line-height:1;}

.fatima .main_img {background:url(images/fatima_topbg.jpg) no-repeat center; background-size: cover;}
.fatima .main_img > div {display:flex; flex-flow:column nowrap; justify-content:center; width:100%; max-width:1000px; height:500px; margin:0 auto; padding-left:10px; background:url(images/fatima_topimg.png) no-repeat; background-position:center right; color:#5a4f3c; font-size:20px; font-weight:500; line-height:1.3; word-break:keep-all; text-shadow:none;}
.fatima .main_img strong,
.fatima.eng .main_img strong {display:block; margin-bottom:16px; margin-left:-8px; font-family: "sandoll-kwangya", sans-serif; font-size:38px; font-weight:400; color:#3f2d0f; line-height:1.2;}
.fatima.eng .main_img > div {letter-spacing:-1px;}
.fatima.eng .main_img strong {letter-spacing:-1px; font-size:36px;}

.support {padding:0; border-bottom:1px solid #ECECEC; word-break:keep-all;}
.support span {display:block; max-width:1000px; margin:15px auto; font-family: 'Nanum Myeongjo', serif; color:#b3a6a6; font-size:16px; font-weight:700;}
.support img {display:inline-block; margin-top:-5px; vertical-align:middle;}

#container {width:95%; max-width:1000px; margin:0 auto; padding:35px 0 0 0;}
.cont_text {padding:30px 0 20px; color:#525252; line-height:180%; font-size:18px; line-height:1.8; word-break:keep-all; text-align:center;}
.cont_text p {margin-bottom:30px; }
.cont_text .tag {color:#5c9807;}

.cont_guide {padding:30px 0 10px 0; color:#ca6f1f; text-align:center;}

.news {border:1px solid #ddd; border-radius:5px;-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.1); overflow:hidden;}
.news h3 {padding:15px 25px; background:#ededed; border-bottom:1px solid #ddd; color:#504f4f; font-weight:700;}
.news ul {padding:25px;}
.news ul li {padding:25px 0; border-bottom:1px solid #ddd; color:#666;}
.news ul li:last-child {border-bottom:none;}
.news ul li i {margin-left:10px; color:#878787;}
.news ul li img {display:inline-block; margin-right:10px; vertical-align:middle;}

#lv-container {margin-top:40px/*100px*/; border-top: 2px solid #333; padding-top: 20px;}


#reple {border-top:2px solid #333;}

#copyright {margin:30px 0 0 0; padding:40px 0; background:#ddd; height:100%; font-size:14px; text-align: center; }
#copyright a {font-weight: bold}

.eng .main_img p {line-height:1.3;}
.eng .main_img strong {display:block; margin-bottom:10px; font-family: "Anton", sans-serif; letter-spacing: 0; line-height:1.1;}
.eng .news ul li img {height:20px;}

/* Media Query */
/* 태블릿 
@media all and (max-width:1023px){
.top_area ul {width:100%; marign:0 20px;}
.top_area ul .go_btn {float:right; margin-top:15px;}
.main_img {height:172.5px; background-size:auto 100%; background-position:65% 0;}
.main_img p img {width:90%; max-width:420px; margin-top:50px; margin-left:15px;}
.support span {width:95%; margin:10px;}
#container {width:100%; margin:0; padding:0;}
.cont_text .td1 {width:30%;}
.cont_text .box1 ul {padding:10px 0;}
.cont_text .box1 em {width:48%; padding-right:0;}
.cont_text .box1 span {width:100%;}
.cont_text .box1 .game {width:40%!important; padding:0!important;}
.cont_text, .news, .cont_guide {margin:30px 10px; padding:0;}

}*/

/* PC */
@media all and (max-width:1024px){
	.main_img > div {width:95%; margin:0 auto; }
}
@media all and (max-width:800px){
	.top_area, .support, .cont_guide {box-sizing:border-box; padding:0 15px;}
	.main_img > div {justify-content: flex-end;}
	.kpop .main_img {background-position: center 0; background-size: auto 85%;}
	.kpop .main_img > div {height:460px; padding-bottom:16px; font-size:20px;}
	.kpop .main_img strong {font-size:50px;}
	
	.cont_guide {margin:25px 0 10px 0;}	
}

@media all and (max-width:480px){
	.tabs > div {max-width:none; width:33.33%; padding:10px 15px; font-size:13px !important; line-height: 1.2; word-break:keep-all;}
	.tabs > div:not(:first-child) {margin-left:1px;}

	.main_img > div {height:380px; padding-bottom: 32px; font-size: 18px;}
	.main_img strong {font-size:38px;}
	.main_img p {height:260px; padding:0 20px; font-size:26px;}
	.cont_text {padding:0; font-size:16px;}
	.news {margin-top:30px; margin-left:10px; margin-right:10px;}
	.news h3 {padding:15px 10px;}
	.news ul {padding:20px;}
	.news ul li {padding:10px 0;}
	
	#lv-container {margin-top:60px; padding-top:0;}

	.boa .main_img > div  {justify-content:flex-end; height: 400px; padding:0 15px; padding-bottom:20px; background-size: cover; background-position: center;}
	.boa .main_img strong {margin:0; font-size:48px;}
	.boa .main_img strong br {display:none;}

	.kpop .main_img {background-position: center 0; background-size: auto 50%;}
	.kpop .main_img > div {height:380px; padding-bottom:16px; font-size:16px;}
	.kpop .main_img strong {font-size:38px;}
	.kpop.eng .main_img {background-size: auto 60%;}
	.kpop.eng .main_img > div {height:320px}

	.fatima .main_img > div {justify-content: flex-start;  height:510px;  padding-left:0; background-position:bottom center; background-size: 82%; padding-top: 35px; font-size:16px; text-align:center; }
	.fatima.eng .main_img > div {padding-left:20px; padding-right:20px; font-size:15px;}
	.fatima .main_img strong {margin-left:0; margin-bottom:6px; font-size: 28px; text-align: center;}
	.fatima.eng .main_img strong  {margin-left:-10px; margin-right:-10px; margin-bottom:6px; font-size: 24px; text-align: center;}

	.eng .tabs > div {padding:10px 7px; word-break: break-word;}
	
}

@media all and (max-width:360px){
	.kpop.eng .main_img {background-size: auto 56%;}
	.main_img p {height:224px; font-size:24px; line-height:1.2;}
	.tabs > div {word-break:break-all;}
}

.c_color0{background:#AD78B8 !important;}
.c_color1{background:#43B556 !important;}
.c_color2{background:#1c61ad !important;}
.c_color3{background:#CC669B !important;}
.c_color4{background:#da4338 !important;}
.c_color5{background:#dcc050 !important;}
.c_color6{background:#5099dc !important;}
.c_color7{background:#50d7dc !important;}
.c_color8{background:#a7cd33 !important;}
.c_color9{background:#dd802d !important;}




.list ul {padding-top:15px; border-top:1px solid #000;margin-top: 30px;}
.list ul li {display:inline-block; margin-left:19px; margin-bottom:40px;}
.list ul li img {width:147px; height:100px;}