@media screen and (max-width:1440px){	
	header.insideheader:before {width: 400px; left: -130px;}
	header.insideheader:after {width: 400px; right: -100px;}
}
@media screen and (max-width:1200px){	
	header {height: 550px;}
	header:before {top: -20%;left: 5%;width: 400px;height: 876px;}	
	header.insideheader:before {width: 350px;height: 401px; left: -50px;}
	header.insideheader:after {width: 350px;height: 687px; right: -50px;}
	header.insideheader { height: 320px;}
	header.insideheader:before {width: 250px;height: 286px; left: -100px;}
	header.insideheader:after {width: 250px;height: 491px; right: -100px;}
	header.insideheader .brand {margin-top: 15px;}
	.schedule.color1 .schedule_box .btn {font-size: 21px;padding: 5px 25px;}
	.reviewItem .caption {height: 320px;}
	.articleItem .caption h2 {font-size: 19px;}
	.articleItem .caption {height: 205px;}
	#schedule:after {bottom: -20%;}
	#vote_detail .reviewItem {height: 320px;}
}
@media screen and (max-width:991px){
	header .brand {margin-top: 12%;}
	.articleItem .caption {height: 180px;}
	.articleItem .caption h2 {font-size: 20px;padding-left: 80px;}
	.news-list .mmdd {font-size: 36px;}
	#origin:before {width: 125px;height: 128px;}
	#schedule:before {width: 120px;height: 310px; top: -100px;}
	#schedule:after {width: 100px;height: 278px;bottom: -100px;}
	header.insideheader { height: 230px;}
	header.insideheader:before {width: 250px;height: 286px; left: -100px;}
	header.insideheader:after {width: 250px;height: 491px; right: -100px;}
	#signup:before {width: 125px;height: 128px;}
	#qa:before {width: 120px;height: 333px;top: -170px;}
	h2.subtitle span {font-size: 21px;display: block;padding-left: 0;}
	h2.subtitle small {font-size: 16px;}
	.reviewItem .caption {height: 280px;}
	#vote_detail .reviewItem {height: 350px;}	
	#vote_ranking .owl-stage {margin-left: -45px;}
}
@media screen and (max-width:768px){
	p { font-size: 18px;}
	header {background: linear-gradient(135deg, #0052a5 10%, #14126f 100%); background: -moz-linear-gradient(135deg, #0052a5 10%, #14126f 100%); background: -webkit-linear-gradient(135deg, #0052a5 10%, #14126f 100%); background: -o-linear-gradient(135deg, #0052a5 10%, #14126f 100%); }
	header:before {top: 0%;width: 300px;height: 657px;}
	header .brand {margin-top: 20%;}
	header .brand img {width: 70%; margin-left: 25%;}
	header.insideheader { height: 280px;}
	header.insideheader .brand img {width: 55%;}
	header.insideheader .brand {margin-top:80px;}
	#about .essay h1 {font-size: 34px;}
	.pageheader h2 {font-size: 32px;}
	.pageheader h3 {font-size: 21px;}
	.pconly {display: none !important;}
	.mobonly {display: block !important;}
	.top_brand {position: fixed;top: 0;z-index: 4; width: 100%; }	
	#origin .videobox {margin-bottom: 5px;}
	.caption .date:after {height: 50px;}
	.info_list .info_item .infoBox, #vote_info .info_list .info_item .infoBox{width: 100%;padding-left: 0;}
	#vote_info .info_list .info_item h3 {width: auto;}
	.cookies{padding:15px;}
    .cookies-box p{width:100%;}
    .cookies-box span{float:none;width:100%;display:block;}
	.cookies-box span a{padding:5px 25px;}
	.footer_container .footer_txt {padding-bottom: 50px;}
	.btn-detail {width: 48%; margin: 3px 5px; padding: 8px 10px;}
	.footer_container .h100 {height: 200px;}
	#vote_ranking .owl-nav button.owl-prev {left: -20px;}
	#vote_ranking .owl-nav button.owl-next {right: -20px;}
}
@media screen and (max-width:767px){
	.reviewItem {height: initial; margin-bottom:20px;}
	.reviewItem .caption {height: initial;margin-left: 50px;}
	#edulist .reviewItem {height: initial;}
	#edulist .reviewItem .caption {height: initial;}
	#vote_detail .reviewItem .caption {height: initial;}
	#vote_detail .reviewItem {height: initial;}
	#vote_detail .reviewItem .caption h2 {height: initial;}
}
@media screen and (max-width:465px){
	section {padding: 50px 0;}
	header {height: 400px;}
	header:before {width: 170px;height: 373px;top: 6%; left: 3%;}
	header .brand img {width: 73%; margin-top: 15%; margin-left: 27%;}
	header.insideheader {height: 210px;}
	header.insideheader .brand img {width: 70%; margin:0 auto;}
	header.insideheader .brand {margin-top: 60px;}
	header.insideheader:before {width: 130px;height: 149px; left: -45px; top: 60px;}
	header.insideheader:after {width: 130px;height: 255px; right: -40px; top: 20px;}
	.top_brand .logo img {width: 100px;}
	.top_brand .logo {margin-left: 10px;margin-right: -10px; margin-top: 2px;}
	.footer_container {text-align: left;}
	section h2.subtitle {font-size: 27px;margin-bottom:  5px;}
	.down_btn { bottom: 7%;}
	.social-icons {margin-top:2px; margin-right: -5px; margin-left: -10px;}
	#origin:before {width: 75px;height: 77px;}
	#schedule:before {width: 75px;height: 194px;}
	#schedule:after {width: 75px;height: 208px;}
	#signup:before {width: 75px;height: 77px;}
	#qa:before {width: 75px;height: 208px;top: -80px;}
	.btn-sign {padding: 10px 15px;font-size: 18px;margin: 5px;}
	.filter .btn {padding: 5px 12px;font-size: 19px;}
	.footer_container dl dt {width: 100%; margin: 5px 0;}
	.footer_container dl dd {width: 48%; margin-left: -5px;}
	.footer_container dl {margin-bottom: 0;}
	.schedule.color1 .schedule_box {margin-top: -110px;}
	.reviewItem .caption {margin-left: 20px; width: 90%;}
	.reviewrap .caption h3 {font-size: 24px;line-height: 1.3;}
	.R_fb .btn {padding: 3px 10px;border-radius: 3px;}
	#review_detail:before {width: 200px;height: 313px;}
	#review_detail:after {display: none;}
	.btn-detail { width: 45%; font-size: 18px;}
	.footer_container .h100 {height: initial;}
	.footer_container dd {margin-bottom: 5px;}
	.pageheader h3 span {float: left;margin: 8px 0; width: 100%;}
}	
@media screen and (max-width:375px){
	header .brand img {margin-top: 20%; }
	header.insideheader .brand {margin-top: 70px;}
	.filter .btn {font-size: 16px;}
	.reviewItem .caption {margin-left: 18px;}
	#edulist .filter .btn {padding: 5px 12px;font-size: 15px;}
	
}
@media screen and (max-width:320px){
	header {height: 350px;}
	header.insideheader { height: 180px;}
	header.insideheader:before {left: -70px; top: 60px;}
	header.insideheader:after {right: -70px; top: 20px;}
	header.insideheader .brand {margin-top: 60px;}
	.pageheader h2 {font-size: 30px;}
	.articleItem .caption {height: 210px;}
	.news-list .mmdd { font-size: 30px;}
	.articleItem .caption h2 {font-size: 19px;padding-left: 70px}
	.btn-sign {width: 100%;margin: 5px 0;}
	.filter .btn {padding: 4px 7px;font-size: 14px;}
	#edulist .filter .btn {padding: 4px 8px;font-size: 13px;}
	.social-icons li {width: 30px;height: 30px;}
	.social-icons li a i {font-size: 18px;}
	.reviewItem .caption {margin-left: 15px;}
	.footer_container .footer_txt {padding-bottom: 130px;}
	#vote_ranking .owl-stage {margin-left: 0;}
}