@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1599px) {
	.bnr_inr{ height: 650px;}
}

@media all and (max-width: 1199px) {
	header{ height: 64px;}
	.logo{ width: 280px; border-bottom-right-radius: 30px;}
	.logo a{ width: 236px; height: 44px; margin: 10px 20px;}

	.bnr_inr{ height: 488px;}

	#i_catagory .box_wrap .box .box_overlay{ padding: 10px; height: auto; font-size: 1em; background: rgba(0, 0, 0, .75); bottom: 0; opacity: 1; }
	#i_catagory .box_wrap .box .box_overlay br{ display: none; }
	#i_catagory .box_wrap .box_img_wrap .box_overlay2{ display: none; }

	.flip_front, .flip_back{ font-size: .813em; }
}

@media all and (max-width: 991px) {
	section{ padding: 50px 0; }

	.bnr_inr{ height: 404px;}

	footer{ background: var(--color-02) url('../../img/pic-flogo.webp') left 10% bottom 10px no-repeat; background-size: 100px auto; }

	.news_img{ width: 150px; }
	.news_txt{ width: calc(100% - 150px);}

	.gmap{ height: 500px;}
}

@media all and (max-width: 768px) {
	.social_wrap{ display: none; }

	.f_social_wrap{ width: 100%; height: auto; bottom: 0; display: block; }
	.f_social{ padding: 10px; background: none; border-radius: 0; text-align: center; }
	.f_social li{ margin: 0 5px; display: inline-block; }
	.f_social li a{ width: 30px; margin: 10px 0; display: block; }

	.bnr_inr{ height: 312px;}
	.bnr_inr .bnr_txt{ padding: 30px; }
	.bnr_inr .bnr_txt h1{ margin-bottom: 10px; font-size: 1.5em; letter-spacing: 5px; line-height: 1.25em; }
	.bnr_inr .bnr_txt p{ font-size: 1.125em; line-height: 1.5em; }
	/*.bnr_inr .bnr_overlay{ width: 100%; height: auto; position: absolute; bottom: 0;}
	.bnr_inr .bnr_txt{ padding: 30px; }
	.bnr_evt{ background: url('../../img/bg-bnr_evt.webp') right 30% center no-repeat; background-size: cover; }*/

	.bnr_news{ height: 280px;}
	.bnr_news .bnr_overlay{ height: 100%;}
}

@media all and (max-width: 767px) {
	#i_intro{ padding: 50px 60px;}

	#i_other .col{ width: 100%; }
	.flip_front{ height: auto; padding: 10px; font-size: 1em; background: rgba(0, 0, 0, .75); bottom: 0; }

	.bnr_inr .bnr_txt h1{ font-size: 1.325em;}
	.bnr_inr .bnr_txt p{ font-size: 1em;}
	#news_dtl .container, #cont .container{ min-height: auto; padding: 50px 60px;}

	.pagination_wrap{ width: 100%; overflow: hidden; text-align: center; }
	.pagination{ display: none; }
	.pagination_jump{ float: none; }
}

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

@media all and (max-width: 575px) {
	h2{ font-size: 1.875em; }
	h3{ font-size: 1.5em; }
	h4{ font-size: 1.25em; }
	h5{ font-size: 1.125em; }
	h6{ font-size: 1em; }

	#i_intro{ padding: 30px 40px;}
	#i_intro h2{ margin-bottom: 30px;}

	.ft_ico{ width: 100px; border-left: 0px solid #000; text-align: left; }
	.ft_ico img{ width: 80px; }
	.ft_txt{ width: calc(100% - 100px); }
	.ft_txt h3{ margin-bottom: 15px;}

/*	#i_yt{ padding: 200px 0;}*/
	#i_yt .btn_wrap{ bottom: 20px;}
	#i_yt .btn_wrap a{ width: 120px;}
	#i_yt .btn_wrap i{ margin: 0px 5px 0 0; font-size: 1em; line-height: 1em; }
	#i_yt .btn_wrap p{ padding-bottom: 3px; font-size: .875em; line-height: 1em; }

	footer{ padding: 30px 0; font-size: .813em; background: var(--color-02) url('../../img/pic-flogo.webp') left 8% bottom 10px no-repeat; background-size: 80px auto; }

	.bnr_inr{ height: 235px;}
	.bnr_inr .bnr_txt h1{ font-size: 1.25em;}
	.bnr_inr .bnr_txt p{ font-size: .875em;}

	.sublist_scroll{ padding: 17px 0; }

	.bnr_news{ height: 280px;}
	.news_wrap{ padding: 30px; flex-wrap: wrap;}
	.news_img{ margin: 0 auto 20px auto;}
	.news_txt{ width: 100%; padding: 0;}
	.news_txt p{ height: auto; }
	.news_txt a{ float: right; margin-top: 20px;}

	#cont h2 span{ margin: 10px 0 0 0; display: block;}
	#cont h4{ font-size: 1em; }

	.dtl_func li{ padding: 0 25px;}
}

@media all and (max-width: 480px) {
	#i_intro h2 span{ margin-bottom: 10px; display: inline-block; }
	#i_intro h2 br:nth-child(2){ display: block; }

/*	#i_yt{ padding: 150px 0;}*/

	footer{ font-size: .75em; background: var(--color-02) url('../../img/pic-flogo.webp') left 5% bottom 10px no-repeat; background-size: 50px auto; }

	.bnr_inr{ height: 195px;}
	.bnr_inr .bnr_overlay{ width: 60%;}
	.bnr_inr .bnr_txt{ padding: 20px; }
	.bnr_inr .bnr_txt h1{ font-size: 1.125em;}
	.bnr_inr .bnr_txt p{ font-size: .813em;}

	.bnr_news{ height: 245px;}
	.bnr_news .bnr_txt h1{ font-size: 1.125em;}
	.bnr_news .bnr_txt p{ font-size: .875em;}
	#news_dtl .container, #cont .container{ padding: 50px 30px;}
}

@media all and (max-width: 375px) {
}

@media all and (max-width: 374px) {
	header{ background: var(--color-02);}

	.dtl_func li{ padding: 0 20px; font-size: .875em;}
}