@charset "UTF-8";
body{min-width:400px;}
@media only screen and (max-width: 1200px){
    .top_nav{padding: 0 3%;}
}
@media only screen and (max-width: 1080px){
	.header_menu ul li{margin: 0 15pt;}
	.top_nav{height:auto; padding-top:10px; padding-bottom:10px;}
	.top_nav .header_logo{width:100%; max-width:100%; padding-top:10px; padding-bottom:10px;}
	.top_nav .header_logo img{height:30px;}
	.top_nav .btn_download{position: relative; top:-10px;}
	.scroll-to-fixed-fixed .header_logo {display:none;}
	main > article.main_poster{margin-top: -115px;}

	.winner table{font-size:14px;}
	.winner th, .winner td{padding: 10px;}
}
@media only screen and (max-width: 780px){
	.program_con .con{padding: 50pt 0;}
	.program_con .con .con_box h1{font-size:30px;}
	.program_con .con .con_box span.t1{font-size: 18px; line-height: 1.5em;}
	.program_con .con .con_box ul.box li{
		    -webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.sponsor li >.logo{width:200px; margin-bottom:20px;}
	.sponsor li > .txt{padding-left:0; text-align: center; font-size: 16px;}
	.attention dl{font-size:14px;}
}

@media only screen and (max-width: 600px){
	.top_nav .header_logo img{height:25px;}
	.top_nav .header_menu{font-size:20px;}
	.header_menu ul li{margin: 0 10pt;}
}
@media only screen and (max-width: 520px){
	main > article.main_poster{min-height:auto; padding-top:150px;}
	.top_nav .btn_download{
		top:0; font-size: 110%; letter-spacing:0; padding:12px 12px 10px;}
	.winner li{padding:30pt 10pt !important;}
	.winner table{font-size:11px; letter-spacing:-1px; line-height:1.3em;}
	.winner th, .winner td{padding: 10px 3px;}
	.winner td.cate{width: 45px;}
	.winner td.award{width: 85px;}
	.winner td.school{width: 100px;}
	.winner td.grade{width: 30px;}
	.winner td.name{width: 50px;}
	.winner td.title{width:100px;}


}
@media only screen and (max-width: 480px){
	.top_nav .header_menu{font-size:18px;}
	.header_menu ul li{margin: 0 10px;}
	.top_nav .btn_download{font-size: 100%; letter-spacing:-1px; padding:12px 12px 10px;}
	.btn_apply {margin: 0 5px;}
}


/* 참가신청 */
@media only screen and (max-width: 700px){
	.form_input .input_list .box.user > dl > dt{width:35%;}
	.form_input .input_list .box.user > dl > dd{width:65%;}

}

@media only screen and (max-width: 600px){
	.form_input .input_list .box > dl > dt{height:40px;}
	.form_input .multiline .form_inline_btn a{height:40px; line-height:40px;}
	#list_parti_info .user_info{margin-top:60px;}
	#list_parti_info .user_info h3,
	#list_parti_info .user_info > dl,
	#list_parti_info .user_info > hr.line2{float:none; width:100%;}
	#list_parti_info .user_info h3{margin-bottom:10px;}

	.form_input .input_list .box.student_group > dl{flex-flow: column;}
	.form_input .input_list .box.student_group > dl > dt,
	.form_input .input_list .box.student_group > dl > dd{width:100%;}
}

@media only screen and (max-width: 520px){
	.form_input .input_list .box{padding:20px;}
	.form_input .input_list .box.user > dl{flex-flow: column;}
	.form_input .input_list .box.user > dl > dt{width:100%; height:auto; margin-top:15px; margin-bottom:5px;}
	.form_input .input_list .box.user > dl > dt:first-child{margin-top:0;}
	.form_input .input_list .box.user > dl > dd{width:100%;}
	.form_input .area_agreement{margin-top: 15pt; padding-top: 15pt;}
	#list_parti_info .user_info input[type=file]{line-height:100%; padding-top: 6px;}
	.form_input .input_list .box.student_group{padding:20px;}
}