@charset "utf-8";

/**** Media Query *********************************/
@media (max-width:1200px){


}
@media (max-width:1024px){


}
@media (max-width:800px){
	.cont_tit_sec{padding: 0 3vw;}
	.s1{padding: 0 3vw;background-position: 0 0;background-size: auto 100%;}
	.s1_1,
	.s2_1,
	.s3_1{padding-top: 9vw;}
	.s1_1 ul{	margin-top: 5vw;}
	.s1_1 ul li{width:49%; margin-right:2%;overflow: hidden; height: 83vw;} 
	.s1_1 ul li:nth-child(2n+2){margin-right: 0;}
	.s1_1 ul li:nth-child(3){margin-right: 2%;}
	.s1_1 ul li h4{font-size: 4vw;}
	.s1_1 ul li p{padding: 0 1vw; font-size: 2.8vw; line-height: 1.5; margin-top: 3vw;}
	.s1_1 ul li p br{display: none;}
	.last_bg h4{margin-top: 20vw !important;}

	.s2_1_1{width:100%;}
	.s2{padding-top: 9vw;}
	.s2_1{padding: 0 3vw; height:auto;padding-bottom: 6vw; }
	.s2::before{top:34vw; left:3vw;}
	.s2_1_left{margin-top: 3vw; padding-right: 0;padding-left:  50px;}
	.s2_1_left h4{text-align: left;}
	.s2_1_left h4::before{left:-69px; }
	.s2_1_left ul li h5{right:auto; left:0;}
	.s2_1_left ul li p{padding-right: 0; padding-left: 52px; text-align: left;}
	.s2_1_left ul li figure{float:left; margin-left: 52px;margin-right: 0;}
	.s2_1_right2{margin-top: 3vw;}
	.s3_1{padding: 0 3vw;}
	.s301_1 figure{width:100%; }
	.s301_1 .inner_right{width:100%; float:none; padding-top: 5vw;}
	.s301_1 .inner_right h3{font-size: 5vw; margin-bottom: 1vw;} 
	.s3_1inner .book ul li{width:100%;}
	.s301_1 .s3_1inner ul li{word-break: keep-all;}
	.s301_owl .owl-nav button.owl-next::before,
	.s301_owl .owl-nav button.owl-prev::before{-webkit-background-size: 100% 100%;background-size: 100% 100%;}
	 #gall_ul > li{width:50%; height:54vw;}
	 #gall_ul .gall_con .gall_href a{height:auto;}
	 #gall_ul .gall_con .gall_href img{height:auto;}
	 #gall_ul > li > .gall_con .gall_text_href p.subject{font-size: 2.5vw;}
	 .center_1, .respon_l{padding-top: 0;}
	 #bo_sch{margin-top: 7vw; margin-bottom: 7vw;}
	 .respon_l{padding: 0 1vw;}
	  .s6_1 #gall_ul > li{margin:0;}
	 .s6_1 #gall_ul .gall_con{margin: 0 1vw;}
	 .bd_sec6{padding-bottom: 11vw;}
	 .s6_1_title{padding-top: 10vw;}
	 .s6_1_title h5{margin-bottom: 3vw;}
	 .s6_1_title h4{font-size: 5vw;}
	 .s6_1_title h4 span{font-size: 5.5vw;}
	  .s6_1 #gall_ul > li {height:auto; margin-bottom: 5vw;}
	 .s6_1 #gall_ul .gall_con{position: relative;}
	.s6_1 #gall_ul{margin-top: 7vw;}
	 .s6_1 #gall_ul > li > .gall_con .gall_text_href a{padding-top: 6vw; font-size: 3vw;}
	.s6_1 #gall_ul > li > .gall_con .gall_text_href::before{width: 18px;bottom: 1vw;	 right: 3vw;	background-size: 100%;}
	 .bd_sec6::after{height: 26vw; background-size: 100% auto;}
	 .bd_sec6::before{background-size: 100% auto;}
	 .respon_v6{margin-top: 6vw !important;}
	 .respon_v6 > header{height:12vw; line-height: 12vw;}
	 .bo_v_info6 p,
	 .respon_v6 #bo_v_file{height: 60px ;line-height: 60px; padding-left: 1vw !important;}
	 .respon_v6 #bo_v_file{margin-bottom: 5vw;}
	 .respon_v6 #bo_v_file h2{height:60px; line-height: 60px;}
	 .bo_v_atc6 #bo_v_img div iframe{width:100%;}
	 .bd_sec6 #bo_v_top{padding: 0 3vw;}
	.respon_vdown{margin-top: 5vw;;padding: 0 3vw;box-sizing: border-box;}


	.footer{border-top: 1px solid #ddd;}



}

@media (max-width:640px){
	#breadcrumbs{height:10vw; line-height: 10vw;}
	#breadcrumbs > li{font-size: 2.8vw;}
	#breadcrumbs > li::before{width:17px; height:17px; margin-top: -7.5px;	background-size:100%; ;}
	.s1,
	.s2_1{padding-bottom: 5vw;}
	.s1_1 p.aboutus,
	.s2_1 p.aboutus{font-size: 4vw;}
	.s1_1 h3,
	.s2_1 h3{font-size: 5vw; line-height: 2; margin-top: 0;}
	.s1_1 ul li{padding-top: 1vw; height: 75vw; margin-bottom: 5vw;}
	.s1_1 ul li h4{margin-top: 4vw;}
	.s1_1 ul li p{margin-top: 1vw;}
	.s1_1 ul li figure{height: 36vw;  line-height: 36vw;}
	.s1_1 ul li figure img{width: 63%;  vertical-align: middle;}
	.last_bg{background-size: auto 100%;}
	.last_bg h4{background-size: 86% auto;  margin-top: 15vw !important;height: 27vw;}
	.last_bg p{font-size: 3.3vw !important;}
	.s1_1 ul li:nth-child(1), .s1_1 ul li:nth-child(2), .s1_1 ul li:nth-child(3), .s1_1 ul li:nth-child(4), .s1_1 ul li:nth-child(5), .s1_1 ul li:nth-child(6){opacity: 1 !important; animation: none;}
	.s2_1_1 h4{font-size: 4vw; margin-bottom: 3vw;}
	.s2_1 {padding-bottom: 10vw !important;	}
	.s2_1 h3{margin-bottom: 3vw;}
	.s2_1_right,
	.s2_1_left{padding-left: 6vw;}
	.s2_1_right ul li h5,
	.s2_1_left ul li h5{font-size: 3vw; line-height: 1.5;}
	.s2_1_right ul li p,
	.s2_1_left ul li p{font-size: 3vw; padding-left: 10vw; line-height: 1.5; word-break:keep-all;}
	.s2_1_right ul li p br,
	.s2_1_left ul li p br{display: none;}
	.s2_1_1 h4::before{width: 25px; height: 26px;background-size: 100%; left: -9vw;}
	.s2_1_left ul li figure,
	.s2_1_right ul li figure{margin-left: 8vw;}
	.s2_1_1 ul li{margin-bottom: 2vw;}
	.s3_1_1{top:11vw;}
	.s301_2,
	.s301_11{padding: 0 3vw;}
	.s301_owl .owl-item img{width:100%;}
	.s301_1 .inner_right h3{font-size: 4vw;}
	.s301_1 .s3_1inner ul li{font-size: 3vw; line-height: 1.5;}
	.s3_1inner .book h4{font-size: 4vw; margin: 7vw 0 2vw;}
	.s3_1inner .book ul li{width:49% !Important; margin-right: 2%;	}
	.s3_1inner .book ul li:nth-child(2n+2){margin-right: 0;}
	.s3_1inner .book ul li:nth-child(3){margin-right: 2%;}
	.s3_1inner .book ul li h5{font-size: 3.2vw;font-size: 2.8vw;	 line-height: 1.5;}
	.s3_1inner .book ul li p{font-size: 2.8vw;}
	.s3_1inner .book ul li figure{width:46%; box-sizing: border-box; float: left;}
	.s3_1inner .book ul li div{width:54%; box-sizing: border-box; padding: 0.5vw;}
	.s301_owl .owl-nav button.owl-prev{top:42%;left:-3.5%;width:10vw; height:10vw;background: url(../../images/sub/s3_prev.png) no-repeat;background-size: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.3);border-radius: 50%; opacity: 0.8;}
	.s301_owl .owl-nav button.owl-next{top:42%;width:10vw; height:10vw;background: url(../../images/sub/s3_next.png) no-repeat;background-size: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.3);border-radius: 50%; opacity: 0.8;}
	.s301_1 .inner_right{clear: both;}
	.s301_1 figure{width:60%; margin:0 auto; float:none;}
	.s301_1 .s3_1inner ul{margin-bottom: 2vw;}
	.s301_6{padding-bottom: 7vw;}
	.s301_4{padding-bottom: 1vw; margin-bottom: 24vw;}
	.s301_3{padding-bottom: 60vw;}
	.s301_7{padding-bottom: 29vw;}
	.bd_sec{padding-top: 6vw; margin-bottom: 0 !important;}
	#gall_ul > li > .gall_con .gall_text_href{width:100%; padding:0;}
	#gall_ul > li > .gall_con .gall_text_href p.subject{line-height: 1.5; font-size: 2.8vw; word-break: keep-all;}
	.pg_page, .pg_page2, .pg_current{width:20px; height: 20px; line-height: 20px;font-size: 2.8vw;}
	.pg_end{margin-left: 1vw; background-size: 42%;}
	.pg_start{margin-right: 1vw; background-size: 42%;}
	#bo_sch{padding: 5vw 1vw; border:none}
	#bo_sch input[type="submit"]{padding:0;min-width: 11%;	font-size: 2.8vw; border-radius: 0;}
	#bo_sch input[type="text"]{padding:0; 	font-size: 2.8vw;border-radius: 0; }
	#bo_sch select{padding:0; 	font-size: 2.8vw;border-radius: 0; }
	#bo_cate ul li{width:33.3333%;height: 35px;	line-height: 35px;}
	#bo_cate ul li a{font-size: 3vw; line-height: 35px;height: 100%;}
	#bo_cate ul li:nth-child(4){border-top:  none;}
	#bo_cate ul li:nth-child(5){border-right: none; border-top: none;}
	#bo_cate ul li:nth-child(3),
	#bo_cate ul li:nth-child(4),
	#bo_cate ul li:nth-child(5),
	#bo_cate ul li:nth-child(6),
	#bo_cate ul li:nth-child(7){border-bottom: 1px solid #dbdbdb;}
	.p_cnt_down ul li{box-sizing: border-box;	 padding: 3vw;}
	.p_cnt_down ul li .cnt-text{background-size: 8% !important;}
	.p_cnt_down ul li .cnt-text .subject, .p_cnt_down ul li .cnt-text .txt, .p_cnt_down ul li .cnt-down, #bo_sch input[type="submit"]{font-size: 2.8vw;}
	.p_cnt_down ul li .cnt-text .subject{line-height: 1.5; word-break: keep-all ; width: 82%;}
	.p_cnt_down ul li {position: relative;}
	.p_cnt_down ul li .cnt-down{width: 14%; position: absolute;      margin-top: 0px;	 top: 50%;	 margin-top: -12px;}
	.s6_1 #gall_ul > li > .gall_con .gall_text_href a{padding-top: 9vw;}
	.s6_1 #gall_ul > li > .gall_con .gall_text_href::before{width:11px; bottom:0; }
	.s6_1_title{padding-top: 4vw;}
	.s6_1_title h5{font-size: 3.3vw; margin-bottom: 0;}
	.s6_1_title h4{font-size: 4vw;}
	.s6_1_title h4 span{font-size: 4.5vw;}
	#bo_v_title{font-size: 3.8vw !important;}
	.bo_v_info6 p, .respon_v6 #bo_v_file{height: 40px; line-height: 40px;}
	.bo_v_info6 p span{width: auto; margin: 0 !important; font-size: 3vw; float: left; padding: 0 1vw;}
	.bo_v_info6 p span.bo_name span.bo_name_span, .bo_v_info6 p span.bo_file span.bo_file_span, .bo_v_info6 p span.bo_date span.bo_name_span, .bo_v_info6 p span.bo_hit span.bo_name_span{font-size: 3vw;}
   .bo_v_info6 p span.bo_date{float: right;}
   .bo_v_info6 p span.bo_name{}
   .bo_v_info6 p span.bo_hit{margin-left: 5vw !important; margin-right: 3vw !important;}
    .bo_v_info6 p span.bo_date{}
   .bo_v_info6 p span.sv_member{}
   .bo_name_span{float: left;}
   .bo_v_atc6 #bo_v_img div iframe{height:100%;width: auto;}
   .bo_v_atc6 #bo_v_img{height:40vw;margin-bottom: 7vw;  margin-top: 8vw;}
   .respon_v6 #bo_v_con{padding-left: 0; }
   .respon_v6 #bo_v_con h1{font-size: 2.8vw;}
   .btn_ty{min-width: 11vw;	font-size: 3vw;height: 8vw !important; line-height: 8vw;	   padding: 0;}
   .respon_v6 #bo_v_file li,
   .respon_v6 #bo_v_file a,
   .respon_v6 #bo_v_file h2{font-size: 3vw;line-height: 40px;height: 40px;margin-left: 2vw;}
   .ytp-embed:not(.ad-showing) .ytp-title-text{font-size: 3vw !important;}
   .respon_v > header{padding: 1vw;}
   .center_2 ul li{font-size: 2.8vw;}
   #bo_v_file li{font-size: 2.8vw;line-height: 1.5;}
   .bo_v_file_cnt{width:50%; margin:0;}
   .respon_v #bo_v_con{font-size: 2.8vw;}
   #bo_v a.btn_b01{width: 15vw;	 height: 7vw;	 line-height: 6vw;	font-size: 3vw;}





}