@charset "utf-8";

/* common */
/* color */
.color_ff4949 { color:#ff4949 !important; }
/* border */
.borRN { border-right:none !important; }
.borBN { border-bottom:none !important; }
.borR { border-right:1px solid #ddd; }
/* font-size */
.fs15 { font-size:15px !important; }
.fs14 { font-size:14px !important; }
.fs16 { font-size:16px !important; }
/* width */
.w_5 { width:5%; }
.w_10 { width:10%; }
.w_20 { width:20%; }
.w_30 { width:30%; }
.w_40 { width:40%; }
.w_50 { width:50%; }
.w_60 { width:60%; }
.w_70 { width:70%; }
.w_80 { width:80%; }
.w_85 { width:85%; }
.w_90 { width:90%; }
.w_95 { width:95%; }

#wrapHeader { 
	width:100%;
	position:relative;
}

/* 서브 컨텐츠 */
.subContainer { 
	width:100%;
	float:left;
	margin-top:1px;
	/*margin-top:120px;
	 background:yellow; */
}
.subcontents { 
	width:66.66%;
	margin:0 auto;
}
.s_contents { 
	width:100%; 
	float:left; 
	margin-top:3em; 
	padding-bottom:5em; 
}
.wr_substance { width:90%; margin:0 auto; }
.substance { width:100%; float:left; }
.contents_sub { width:100%; }

.tabContents { 
	width:100%; 
	float:left; 
	margin-top:50px;
	/*
	height:300px; 
	background:yellow; 
	*/
}

/* 추가 2020-07-15 */
.btnBanner { display:block; width:100%; float:left; margin-top:50px; }
.btnBanner img { width:100%; }
.btnBanner640 { display:none; }


/* 전국 청춘 트롯가요제 + 전국 리틀 트롯 찐 선발대회 */
/* 행사개요 */
.tabmenu { width:100%; float:left; height:60px; margin-top:60px; }
.tabmenu ul li { 
	display:inline-block;
	padding:0 80px;
	line-height:60px;
	background:#f8f8f8;
	border:1px solid #ddd;
	box-sizing:border-box;
}
.tabmenu ul li a { display:block; color:#464646; font-size:18px; letter-spacing:-2px; }
.tabmenu ul li.on { background:#3f0f58; border-color:#290c39; }
.tabmenu ul li.on a { color:#fff; }
.tabmenu ul li.last { margin-left:-3px; }
.tabmenu ul li.ico_home { padding:0 25px; margin-right:-3px;}

/* table style */
.wrapTbl { width:100%; float:left; margin-top:30px; }
.tblstyle { width:100%; border-top:2px solid #ef4467;}
.tblstyle th, .tblstyle td { 
	padding:30px 0; 
	border-bottom:1px solid #ddd;
	font-size:16px;
	letter-spacing:0;
	font-family:'Nanum Gothic', sans-serif; 
}
.tblstyle th { background:#f8f8f8; }
.tblstyle td { text-align:left; padding-left:20px; }
.tblstyle td b.day { font-size:18px; font-weight:900; color:#ff4949; }

.Btns { width:100%; float:left; margin-top:50px; text-align:center; }
.btn_downFile { 
	display:inline-block;
	padding:15px 25px; 
	font-size:18px;
	font-weight:bold;
	background:#ef4467;
	color:#fff !important;
	border:1px solid #ef4467;
	border-radius:50px;
}

/* K-pop 커버댄스 */
/* 검색창 */
.searchBox {
	width:100%;
	float:right;
	margin-top:50px;
	text-align:right;
}
.selBox { padding:5px 0;border:1px solid #ddd; }
.searchWord {	
	display:inline-block;	
	margin-left:3px;
	padding:6px 10px;	
	border:1px solid #ddd; 
}
.btn_search {
	display:inline-block;
	padding:4px 10px;
	margin-left:2px;
	background:#3f0f58;
	border:1px solid #260a34;
	border-radius:2px;
	font-size:13px;
	color:#fff;
	vertical-align:middle;
}

/* 참가신청 리스트 */

.aplList, .aplView { 
	width:100%; 
	float:left; 
	margin-top:20px; 
	border-top:2px solid #ef4467;
	/* background:yellow; */
}
	
.aplList ul li {
	width:100%;
	float:left;
	padding:15px 0;
	border-bottom:1px solid #ddd;
}
.ytb_img { width:20%; float:left; vertical-align:middle; }
.ytb_img img { width:90%; }
.basicInfo { 
	width:80%; 
	float:right; 
	text-align:left;
	/* background:pink; */
}
.basicInfo dl { 
	width:95%; 
	float:left; 
	margin-left:15px; 
	margin-top:10px;
	vertical-align:middle;
}
.basicInfo dl dt { 
	width:100%; 
	float:left; 
	line-height:150%; 
	font-size:16px; 
	font-weight:bold;
}
.basicInfo dl dd { width:100%; float:left; margin-top:10px; }
.basicInfo dl dd p { font-size:15px; line-height:150%; }
.basicInfo dl dd p b { margin-right:10px; }
.dateInfo { width:95%; float:left; margin-left:15px; margin-top:10px; }
.dateInfo span { font-size:15px; vertical-align:0; }
.dateInfo span.day { padding-right:10px; }
.dateInfo span.writer { padding-left:10px; border-left:1px solid #b0b0b0; }

/* pagenate */
.pagenate { 
	width:100%; 
	float:left; 
	margin-top:30px;
	padding:10px 0;
}
.pagenate ul { display:inline-block; vertical-align:middle; }
.pagenate ul li {
	display:inline-block;
	width:25px;
	height:25px;
	margin:0 5px;
	border:1px solid #ddd;
	border-radius:25px;
	background:#fff;
}
.pagenate ul li a, .pagenate ul li strong { 
	display:inline-block;
	margin-top:2px;
	vertical-align:0; 
	font-size:13px;  
}
.pagenate ul li.on {
	border-color:#ef4467;
	color:#fff;
	background:#ef4467
}
.btn_pg { vertical-align:middle; }
.btn_pg_prev {
	display:inline-block;
	width:25px;
	height:25px;
	background:url(../img/btn_pg_prev.gif) no-repeat center 0;
}
.btn_pg_next {
	display:inline-block;
	width:25px;
	height:25px;
	background:url(../img/btn_pg_next.gif) no-repeat center 0;
}
.Btns1 { width:100%; float:right; margin-top:50px; text-align:center; }
.Btns2 { text-align:center !important; }


.btn_kpop { 
	display:inline-block; 
	padding:15px 25px; 
	margin-right:10px;
	background:#eee;
	border:1px solid #cdcdcd;
	border-radius:35px;
	font-size:16px;
}

.btn_kpopJoin { 
	font-weight:bold; 
	background:#ef4467;
	color:#fff !important;
	border-color:#ef4467;
}
.btn_searchJoin { margin-right:0; }
.btn_goHome {
	background:#3f0f58;
	color:#fff !important;
	border-color:#290c39;
}

/* 참가View */
.aplView { width:100%; float:left; }
.aplView .ytb_img { width:100%; float:left; }
.aplView .ytb_img img { width:100%; }
.aplView .basicInfo { 
	width:100%; 
	float:left; 
	margin-top:30px; 
	/* background:yellow;  */
}
.aplView .basicInfo dl { 
	width:100%; 
	float:left; 
	margin-left:0; 
	margin-top:0; 
}
.aplView .basicInfo dl dt {
	padding:20px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.aplView .basicInfo dl dt span { display:inline-block; margin-left:20px; }
.aplView .basicInfo dl dd { margin-top:0; }
.aplView .basicInfo dl dd p { 
	width:50%;
	float:left;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ddd;
}
.aplView .basicInfo dl dd p b {
	width:30%;
	float:left;
	line-height:50px;
	background:#f8f8f8;
	text-align:center;
}
.aplView .basicInfo .dateInfo {
	width:100%; 
	float:left;
	margin-left:0;
	margin-top:0;
}
.aplView .basicInfo .dateInfo span {
	border-left:none !important;
	padding-left:0;
	padding-right:0;
	width:50%;
	float:left;
	height:50px;
	line-height:50px;
	border-bottom:1px solid #ddd !important;
}
.aplView .basicInfo .dateInfo span b {
	width:30%;
	float:left;
	margin-right:10px;
	line-height:50px;
	background:#f8f8f8;
	text-align:center;
}
.btn_goList {
	padding:15px 40px;
}


/* 접수된 내용이 없을 때 */
.nobox {
	width:100%;
	float:left;
	padding:30px 0;
	border-bottom:1px solid #ddd;
	font-size:16px;
	line-height:150%;
	text-align:center;
}
.nobox img { display:inline-block; margin-bottom:15px;  }


/* 참가신청 접수페이지 */
/* step 약관동의 */
.wrapStepBox { width:100%; float:left; margin-top:50px; }
.stepBox { width:100%; }
.stepBox ul li { 
	width:33.3%;
	float:left;
	background:url(/event/content/sch_rotFestival/img/ico_arrow2.gif) no-repeat center right;
	text-align:center;
}
.stepBox ul li.last { background:none; }
.stepBox ul li .stBox { 
	display:inline-block;
	width:76px;
	height:76px;
	background:#efefef;
	border-radius:50%;
}
.stepBox ul li .stBox b { 
	line-height:76px; 
	font-size:18px; 
	letter-spacing:-2px;
	font-weight:normal;
}
.stepBox ul li .st_tit { 
	margin-left: .5em;
	font-size:18px;
	/* font-weight:bold; */
}
.stepBox ul li.on .stBox { 
	background:#3f0f58;
}
.stepBox ul li.on .stBox b { color:#fff; }
.stepBox ul li.on .st_tit { color:#551477; font-weight:bold; }

.agrBox { width:100%; float:left; }
/* 체크박스 */
.checkBox { width:100%; float:left; text-align:left; }
.all_chBox { 
	display:block;
	padding:1em;
	background:#efefef;
	border:1px solid #d9d9d9;
	text-align:left;
}
.checkBox label, .all_chBox label { 
	margin-left: .3em; 
	font-size:15px;
	vertical-align:middle;
}
.inagrBox { width:100%; float:left; margin-top:1.5em; }
.in_agBox { 
	display:block;
	overflow-y:scroll;
	height:200px;
	padding:1.5em;
	border:1px solid #d9d9d9;
}
.in_ag_tit { 
	margin-bottom: .5em;
	font-size:15px;
	text-align:left;
	font-weight:bold;
}
.in_agtext { 
	width:100%;
	text-align:left;
	line-height:150%;
}
.in_agtext dt { 
	margin-bottom: .2em;
	font-size:16px;
	font-weight:bold;
	color:#3d3d3d;
}
.in_agtext dd { 
	line-height:150%;
	text-align:justify;
	font-size:15px;
}
.color_f93861 { color:#f93861 !important; }
ul.in_agtext li { font-size:15px; }

.textB { width:100%; float:left; }
.textB .in_agtext dt { font-size:16px; }
.textB .in_agtext dd, .textB .in_agtext dd p { 
	font-size:15px; 
	line-height:160%;
}

input.comm_input { 
	display:inline-block;
	padding:8px 15px 8px 1px;
	border:none;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	background:#f8f8f8;
	font-size:15px;
	letter-spacing:0;
}
input[readonly] { background:url(/event/content/sch_rotFestival/img/bg_pat.gif) repeat; }
input.addr { margin-top:5px; }
.btn_post {
	display:inline-block;
	padding:7px 10px;
	margin-left:3px;
	background:#3f0f58;
	border:1px solid #2a0a3a;
	color:#fff;
	font-size:14px;
}




/* 미디어쿼리 */
@media screen and (max-width:1366px) {
	/* 서브컨텐츠 */
	.subcontents { width:100%; }
	.wr_substance { width:90%; }
		
	
}

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

@media screen and (min-width:980px) and (max-width:1024px) {

	/* 서브컨텐츠 */
	/* K-POP 커버 댄스 페스티벌 */
	/* 접수리스트 */
	.basicInfo dl { margin-top:0; }
	.basicInfo dl dd { margin-top:5px; }
	.dateInfo { margin-top:5px; }
	
}


@media screen and (max-width:800px) {
	
	/* 서브컨텐츠 */
	/* K-POP 커버 댄스 페스티벌 */
	.wr_substance { width:94%; }
	/* 검색창 */
	.searchBox { margin-top:0; }
	/* step */
	.stepBox ul li .stBox { 
		display:inline-block;
		width:60px;
		height:60px;
		background:#efefef;
		border-radius:50%;
	}
	.stepBox ul li .stBox b { 
		line-height:60px; 
		font-size:16px; 
		letter-spacing:-2px;
		font-weight:normal;
	}
	.stepBox ul li .st_tit { 
		margin-left: .5em;
		font-size:16px;
		/* font-weight:bold; */
	}
	/* 접수리스트 */
	.ytb_img { width:25%; }
	.basicInfo { width:75%; margin-top:5px; }
	.basicInfo dl { margin-top:0; }
	.basicInfo dl dd { margin-top:5px; }
	
}

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



}

@media screen and (max-width:640px) {
	
	/* 서브컨텐츠 */
	.wr_substance { width:90%; }
	
	/* K-POP 커버 댄스 페스티벌 */
	/* step */
	.stepBox ul li .stBox { 
		display:block; 
		margin:0 auto;
	}
	.stepBox ul li { background-position:right 20px; }
	.stepBox ul li .st_tit { 
		display:block; 
		margin-top:8px; 
		margin-left:0; 
	}
	
	/* 접수리스트 */
	.ytb_img { width:30%; }
	.basicInfo { width:70%; margin-top:0; }
	.basicInfo dl { margin-top:0; }
	.basicInfo dl dt { overflow:hidden;	text-overflow:ellipsis; white-space:nowrap;	}
	.basicInfo dl dd { margin-top:0; }
	.dateInfo { margin-top:5px; }
	.Btns1 { float:none; float:left; text-align:center; }
	/* 접수view */
	.aplView .basicInfo dl dt { 
		overflow:auto;
		text-overflow:initial;
		white-space:normal; 
	}
	.aplView .basicInfo dl dd p { width:100%;	}
	.aplView .basicInfo .dateInfo span { width:100%; }
	
	/* 추가 2020-07-15 */
	.btnBanner { display:none; }
	.btnBanner640 { display:block; width:100%; float:left; margin-top:50px; }
	.btnBanner640 img { width:100%; }
	
}

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

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

	/* 서브컨텐츠 */
	/* K-POP 커버 댄스 페스티벌 */
	/* 접수리스트 */
	.dateInfo { margin-top:0; }
	.Btns1 { margin-top:40px; }

}

@media screen and (max-width:480px) {
	
	/* 서브컨텐츠 */
	.s_contents { margin-top:1.5em; }
	
	/* tamenu */
	.tabmenu ul li { padding:0 50px; }
	
	/* K-POP 커버 댄스 페스티벌 */
	/* 검색창 */
	.searchBox { float:none; margin:0 auto; margin-top:30px; text-align:center; }
	/* 접수리스트 */
	.ytb_img { width:100%; float:left; }
	.basicInfo { width:100%; margin-top:0; }	
	.basicInfo dl { margin-top:15px; margin-left:0; }
	.dateInfo { margin-left:0; margin-top:5px; }
	
	
	
	

}

@media screen and (min-width:412px) and (max-width:414px) {
	
	/* tamenu */
	.tabmenu ul li { padding:0 40px; }
	
}

@media screen and (max-width:375px) {
	
	/* tamenu */
	.tabmenu ul li { padding:0 20px; }
	
	/* 내용 */
	/* tabcontents */
	.tabContents { margin-top:30px; }
	
	
	/* stepbox */
	.stepBox ul li .stBox b, 
	.stepBox ul li .st_tit { font-size:15px; letter-spacing:-2px; }
	
}

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

}

@media screen and (max-width:320px) {
	
	/* tamenu */
	.tabmenu ul li a { font-size:15px; }
	
}