@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1199px) {
.menu{ display: none; }

.btn_toggle{ display: block; }
.btn_toggle{ width: 40px; height: 35px; background: none; border: 0; cursor: pointer; position: absolute; top: 66px; right: 25px; z-index: 1000; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.btn_toggle.active{ position: fixed; top: 4px !important; }

#thumb .thumb_cnt i{ font-size: 3.0em; }
#thumb .thumb_cnt p{ font-size: 1.125em; }
}

@media all and (max-width: 991px) {
	.social_wrap{ flex-wrap: wrap; }
	.social_yt{ margin: 0 0 20px 0; }
	.social_yt iframe{ width: 100%; height: auto;}
	.social_fb{ flex-basis: 100%; text-align: center; }

	footer .collist:nth-child(2){ display: none; }
}

@media all and (max-width: 768px) {
}

@media all and (max-width: 767px) {
h2{ font-size: 1.875em !important; }
h3{ font-size: 1.325em !important; }
h4{ font-size: 1.25em !important; }
h5{ font-size: 1.125em !important; }

section{ padding: 43px 0; }
section h2{ margin-bottom: 25px;}

#thumb{ padding: 15px 0;}
#thumb .thumb_box{ margin: 5px;}

nav[aria-label="breadcrumb"]{ display: none; }

footer{ padding: 30px 0; }

.inner .news_box{ padding: 30px; }

.news_box h3{ height: auto !important;}
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
	.top li:first-child{ display: none; }
	.top li:last-child{ float: none; margin-top: -2px; text-align: center; }
	.top li:last-child a{ margin: 0 3px; }

	.carousel-item .dk{ display: none !important; }
	.carousel-item .mb{ display: block !important; }

	#thumb .thumb_cnt i{ margin-bottom: 5px; font-size: 2.0em; }
	#thumb .thumb_cnt p{ font-size: .875em; }

	footer .collist:first-child{ text-align: center; }
	footer .social{ text-align: center; }
	footer .social li{ float: none; margin: 5px 5px; display: inline-block; }
	footer .collist:last-child{ text-align: center; }
	footer .f_list{ max-width: 250px; margin: 12px auto 0 auto;}

	ul.sort{ text-align: left; }

	.inner .news_box{ padding: 20px; }
}

@media all and (max-width: 480px) {
	.share li{ float: left; margin: 0 20px 0 0; color: #666; }
	.share li:last-child{ float: left; margin: 0; }

	#thumb .thumb_cnt i{ font-size: 1.875em; }
	#thumb .thumb_cnt p{ font-size: .813em; }
}

@media all and (max-width: 375px) {
h2{ font-size: 1.75em !important; }
h3{ font-size: 1.5em !important; }
}

@media all and (max-width: 374px) {
	#thumb .thumb_cnt i{ margin-bottom: 3px; font-size: 1.625em; }
	#thumb .thumb_cnt p{ font-size: .75em; }
}