@charset "utf-8";


/* 공통 */
.color_ff2486 { color:#ff2486; }
.fs15 { font-size:18px !important; }
.l-sp0 { letter-spacing:0; }

/* 레이아웃 */
#wrap { width:100%; position:relative;}
#wrapContainer { width:100%; float:left; }

/* 중앙정렬 */
.layer_center { width:100%; clear:both; }
.ly_center { margin:0 auto; text-align:center; width:100%; }

/* header PC */
#wrapHeader { 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:9001;
	width:100%;
}
.header {	
	width:100%;	
	float:left; 
	background:rgba(0,0,0,0.3);
}
.header ul li {
	/* width:33.3%; */
	width:50%;
	float:left;
}
.header ul li.last { /* width:33.4%; */ width:50%; }
.header ul li a h2 {
	display:block;
	text-align:center;
	color:#fff;
	font-family:'Nanum Gothic', sans-serif;
	font-size:25px;
	font-weight:bold;
	letter-spacing:-2px;
	padding:35px 0;
	/* line-height:90px; */
}
.header ul li a h2 span { vertical-align:0; }
.header ul li:hover h2 { 
	color:#fff000; 
	background:rgba(0,0,0,0.5); 
}
.header ul li.on { background:rgba(0,0,0,0.8); }
.header ul li.on h2 { color:#fff000; }

.subHeader {
	width:100%;
	float:left;
	background:url(/event/content/sch_rotFestival/img/visual_img_bg_2022.jpg) no-repeat center top;
	background-size:cover;
}

/* 팝업 2020-07-15 */
.popup { 
	position:relative; 
	top:136px; 
	left:100px; 
	z-index:8001; 
	width:360px;
}
.pop {
	position:absolute;
	top:0;
}
/* 
.btn_popClose {
	position:absolute;
	top:0;
	right:0;
	z-index:9001;
}
*/
.Btns_popClose { 
	position:absolute;
	top:360px;
	right:0;
	z-index:9001;
	float:right; 
}
.Btns_popClose input { vertical-align:middle; }
.Btns_popClose label { color:#fff; margin-right:10px; letter-spacing:0; }


/* 메인컨텐츠 */
.container { 
	position:relative;
	top:0;
	left:0;
	width:100%;
	z-index:1001;
}
.contents, .rolling { width:100%; float:left; }

.visual_img { width:100%; float:left; }
.visual_img li { height:1300px; /* height:1030px; */}
.visual_img li.vi_img01 { 
	background:url(/event/content/sch_rotFestival/img/visual_img_bg_2022.jpg) no-repeat center 0;
	background-size:cover;
}
.titleBox {
	position:absolute;
	top:260px;
	left:0;
	z-index:5001;
	width:100%;
}
h1.title { overflow-x:hidden; width:41.66%; margin:0 auto; }
h1.title img { width:100%; }


/* 
.blit { 
	width:100%;
	position:absolute;
	top:950px;
	z-index:4001;
}
.blit ul { width:66.66%; margin:0 auto; }
.blit ul li { 
	display:inline-block;
	margin-right:15px; 
}

.dir_menu {
	width:66.66%; 
	margin:0 auto;
}
.direct { 
	position:relative;
	top:150px;
	right:180px;
	z-index:4001;
}
.btn_dir_join , .btn_dir_check {
	position:absolute;
	top:0;
	right:0;
}
.btn_dir_join { top:50px; }
.btn_dir_check { top:190px; }
*/


/* footer 
#wrapFooter { width:100%; float:left; }
.footer { width:100%; float:left; border-top:1px solid #ddd; }
.ftBox { width:100%; float:left; border-top:1px solid #d9d9d9; padding-bottom:12px; }

.ft_sponsor { 
	width:66.66%; 
	margin:0 auto;
	padding-bottom:12px; 
}
.ft_sponsor span { 
	float:left; 
	padding-top:15px;
	margin-right:15px;
	font-size:15px;
	text-align:left;
}
.ft_sponsor ul { 
	width:80%;
	float:left;
	padding:10px 0; 
}
.ft_sponsor ul li { display:inline-block; float:left; margin-right:30px; vertical-align:0; }
.ft_sponsor ul li img { vertical-align:middle; }
.bg_efefef { background:#efefef !important; }

.footer address {
	width:100%;
	float:left;
	padding:20px 0;
	font-size:14px;
}
.footer address .adr { 
	width:66.66%;
	margin:0 auto;
}
.footer address .adr div { text-align:left; line-height:160%; }
*/


/* print */
.prHeader { width:980px; margin:0 auto; }
.prHeader .header { 
	width:100%;
	float:left;
	padding:15px 0;
	border-bottom:2px solid #454545;
}
.prHeader .header .logo { display:inline-block; float:left; }
.prHeader .header .logo img { width:80%; float:left; }
.prHeader h2.pri_tit { 
	float:left; 
	text-align:left;
}
.prHeader h2.pri_tit span { 
	display:inline-block;
	font-size:35px; 
	font-weight:bold; 
	margin-left:-30px;
	margin-top:10px;
	letter-spacing:-1px;
}
.wr-pop-layor { 
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.5);
	z-index:9001;
}
.pop-layor{
	position:absolute;
	top:50%;
	left:50%;
	width:500px;
	margin-left:-250px;
	margin-top:-300px;
	background:#fff;
}
.pop-layor .p_title { 
	width:100%;
	float:left;
	height:50px;
	/*background:#6a33c4;*/
	background:#222;
	line-height:48px;
	text-align:left;
}
.pop-layor .p_title span { 
	color:#fff;
	margin-left:1em;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:bold;
}
.pop-layor .p_title .btn_ly_close { 
	float:right;
	margin-right:1em;
	line-height:46px;
}
.pop-layor .introduce { 
	width:100%;
	float:left;
	margin:20px 0;
	font-size:15px;
	line-height:150%;
	letter-spacing:-1px;
	text-align:center;
}
.pop-layor .formList { width:100%; float:left; }
.pop-layor .radioGroup { 
	width:50%;
	margin:0 auto;
	line-height:200%; 
	text-align:left; 
}
.pop-layor .wrapBtn { 
	width:100%;
	float:left; 
	margin-top:1.5em; 
	text-align:center;
}
.pop-layor .wrapBtn a { 
	float:left;
	padding:15px 0;
	color:#fff;
	font-size:15px;
}
.pop-layor .btn_ok { background:#6c6c6c; }
.pop-layor .wrapBtn .w100 { width:100%; }





/* 미디어쿼리 */
@media screen and (max-width:1366px) {
	
	/* 메인 */
	.titleBox {	top:260px; }
	h1.title { width:50%; }
	
	
}

@media screen and (max-width:1280px) {

}

@media screen and (min-width:980px) and (max-width:1024px) {
	
	/* header */
	.header ul li a h2 { font-size:18px; }
	
	/* 메인 */
	.titleBox {	top:280px; }
	h1.title { width:65%; }
	
}


@media screen and (max-width:800px) {	
	
	/* header */
	.header ul li a h2 { font-size:17px; }
	
	/* 메인 컨텐츠 */
	.visual_img li { height:1280px; }
	.titleBox {	top:320px; }
	h1.title { width:70%; }
	
}

@media screen and (max-width:768px) {

	/* 메인 컨텐츠 */
	.visual_img li { height:1023px; }
	.titleBox {	top:280px; }
	
}

@media screen and (max-width:640px) {
	
	/* header */
	.header ul li a h2 { padding:25px 0; font-size:15px; }
	.header ul li a h2 span { display:block; }
	
	/* 메인컨텐츠 */
	.visual_img li { height:960px; }
	.titleBox {	top:250px; }
	
	/* 팝업 2020-07-15 */
	.popup { top:180px; left:40px; }
	

}

@media screen and (max-width:600px) {
	
	/* header */
	.header ul li a h2 { font-size:14px; letter-spacing:-1px; }
	
}

@media screen and (max-width:568px) {
	
	/* 팝업 2020-07-15 */
	.popup { top:160px; }
	
}

@media screen and (max-width:480px) {
	
	/* header */
	.header ul li a h2 { font-size:15px; line-height:130%; }
	
	/* 메인컨텐츠 */
	.titleBox {	top:280px; }
	h1.title { width:80%; }
	
	/* 팝업 2020-07-15 */
	.popup { top:200px; }
	
	
}

@media screen and (min-width:412px) and (max-width:414px) {
	
	/* 메인컨텐츠 */
	.visual_img li { height:740px; }
	
	/* 팝업 2020-07-15 */
	.popup { top:150px; left:20px; }
	
}


@media screen and (max-width:375px) {
	
	/* header */
	.header ul li a h2 { padding:20px 0; }
	
	/* 메인컨텐츠 */
	.visual_img li { height:640px; }
	.titleBox {	top:180px; }
	
	/* 팝업 2020-07-15 */
	.popup { top:120px; left:8px; }
	
}


@media screen and (max-width:360px) {
	
	/* 팝업 2020-07-15 */
	.popup { left:0; }
	
}


@media screen and (max-width:320px) {
	
	/* header */
	.header ul li a h2 { font-size:13px; }
	
		/* 팝업 2020-07-15 */
	.popup { width:320px; top:160px; }
	.popup img { width:100%; }
	.Btns_popClose { top:320px; }
	
}