@media only screen and (max-width: 1600px){ 
	.inner{width:90%;} 
}
@media only screen and (max-width: 1280px){
	
	nav ul.nav li.nav_event, nav ul.nav li.nav_event a:hover, nav ul.nav li.nav_event a.select{width:160px;}

}

@media only screen and (max-width: 1080px) {
	#footer .box > div{display:block; width:100%; text-align:center;}
	#footer .logo{width:50pt !important; margin:0 auto; margin-bottom:15pt;}

	#footer .brand_logo{margin-top:15pt;}
	#footer .brand_logo a{margin:0 10pt;}
	#footer .brand_logo a:last-child{margin-right:10pt;}

}

@media only screen and (max-width: 980px) {
	*{font-size:9pt;}

	header{}
	header > div {display:block;}
	header .logo{position: relative; z-index:1; width:100%;text-align:center; padding:15px 0; }
	header .logo img{max-width:70%;}
	header .nav_box{display:none}
	header .nav_box_mobile{display:table; width:100%; position: relative; background-color:rgba(0,0,0,0.4);}
	header .nav_box_mobile .nav_btn{display:table-cell; vertical-align:middle; padding-left:4%;}
	header .nav_box_mobile .nav_event{display:block; height:100%; background-color:#b8924b;  float:right;}
	header .nav_box_mobile .nav_event a{
		display:block; color:#fff; text-align:center; padding:15px 20px;
		font-family:'Noto Serif KR', serif; font-size:140%;
		-webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		-moz-text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	}
	header .nav_box_mobile .nav_bar{
		display:block; border:0; background:none; padding:0; margin:0;
		border-radius:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	header .nav_box_mobile .nav_bar nav{
		height:100%;
		width:80%;
		background-color:#0b021c;
		left: 0;
		top: 0;
		z-index: 1500;
		position: fixed;
		overflow-y: auto;
		overflow-x: visible;
		transform: translate(-200%,0);
		-webkit-transform:translate(-200%,0);
		-webkit-backface-visibility: hidden;
	}
	header .nav_box_mobile .nav_bar nav .nav_btn{float:right; z-index:1500; padding-top:10pt; padding-right:10pt;}
	header .nav_box_mobile .nav_bar nav ul.nav {width:100%;}
	header .nav_box_mobile .nav_bar nav ul.nav li{display:block;}
	header .nav_box_mobile .nav_bar nav ul.nav li a{
		padding:15px 0;
		font-size:140%; border-bottom:1px solid rgba(255,255,255,0.1);
	}
	header .nav_box_mobile .nav_bar nav ul.nav li a:after{content:""; display:none;}
	header .nav_box_mobile .nav_bar .nav_event{position: absolute; bottom:0; left:0; width:100%;  height:auto; display:block;}



	.sub_visual{position: relative; margin-top:0px; z-index:-1;}
	.page_title{text-align:center; padding:1em; margin-bottom:2em;}
	.page_title h1{font-size:xx-large; padding-bottom:1em;}

	.brand_select .brand_name li{width:47%;}
	.prizecom_list ul li, .prizecom_list ul.col_4 li{width:33.33%;}

}

@media only screen and (max-width: 740px) {
	*{font-size:9pt;}

	.main_visual{display:none !important;}
	.main_visual_mobile{display:block !important; text-align:center;}
	.main_visual_mobile img{width:auto; max-width:100%;}

	.main_con > div{margin-right:4%;}
	.main_con .con_bn{float:none; width:100%; display:table;}
	.main_con .con_bn .down_link{display:table-cell; vertical-align:middle; width:48%;}
	.main_con .con_bn .down_link a{display:block; text-align:center; padding:10px;}
	.main_con .con_bn .bn{text-align:right;}
	.main_con .latest{float:none; width:100%;  margin-top:10%;}
	.sub_visual{display:none;}
	.sub_visual_mobile{display:block;}
	.research .c2 .fl,
	.research .c2 .fr{width:100%; padding-left:0px; float:none;}
	.research .c2 .fr{margin-top:10%;}

	.brand_list{width:100%;}
	.brand_list.fl{float:none;}
	.brand_list.fr{float:none; margin-top:5%;}

	.sponsor > div {display:table-row; padding:20px 0;}
	.sponsor div.txt{display:block; padding:0; margin-top:5%;}

	.event .con{padding:0;}
	.event .inner{width:100%;}

	.brand_select .brand_name li{width:100%;}


	.page_tab li{width:30%;}
	.prizecom_list ul li, .prizecom_list ul.col_4 li{width:50%;}
	.awardpart_list ul li{width:50%;}
}
@media only screen and (max-width: 425px) {
	header .nav_box_mobile .nav_event a{padding:10px 15px; font-size:120%;}
	header .nav_box_mobile .nav_bar nav ul.nav li a{font-size:120%;}
	header .nav_btn a i{font-size:xx-large;}
	.main_visual{display:none !important;}
	.main_visual_mobile{display:table-cell !important;}
	.page_tab li{width:33.33%;}
	.prizecom_list .title span{display:block; margin:5pt 0;}
	.prizecom_list ul li, .prizecom_list ul.col_4 li{width:100%;}
	.awardpart_list ul li{width:100%;}
}