@CHARSET "UTF-8";

@media only screen and (max-width: 1600px){

}


@media only screen and (max-width: 1400px){
	#wrap{width: 100%; padding: 70px 0 0 0;}
	#header {min-width: 100%; height: 70px;}
	#header_box {width: 100%; height: 100%; padding: 0 20px;}
	#header_box .header_menu {display: none;}
	#header_box .header_nav {padding-top: 20px;}
	#header_box .logo1 {margin-top: 14px;}
	
	#header_box .header_nav a.all_menu {display: inline-block;}
	
	.header_inner, .footer_inner{width: 100%; min-width: 100%; padding: 0 20px;}	
	
	
}


@media only screen and (max-width: 1280px){
	
	.inner {width: 100%;}
	#sub_menu {display: none;}
	#sub_con {width: 100%; padding: 0 20px; float: left;}
	.sub_tit {width: 100%; padding: 0 0 35px 0;}
	
	.sub_wrap .info_wrap {width: 100%;}
	.sub_wrap .info_wrap img {width: 100%; }
	
}


@media only screen and (max-width: 1000px){
	#footer .footer_inner > div {width: 100%;}
	
	.box_3n > ul > li {width: 48%; margin: 0 4% 0 0;}
	.box_3n > ul > li:nth-child(3n) {margin: 0 4% 0 0;}
	.box_3n > ul > li:nth-child(2n) {margin: 0 !important;}
	.box_3n > ul > li:nth-child(3) {border-top: none;}

	#event_use_auth_list .attr_list_wrap, #event_facility_list .equip_tab {width: 100%;}
	#event_use_auth_list .stat_box,  #event_facility_list .stat_box {width: 100%; display: block; float: left; margin-bottom: 10px;}	
	
	.box_sec4 ul {width: 100%;}
	.box_sec4 ul.request_list > li {width: 32%; margin: 1%;}
	.box_sec4 ul.request_list > li:nth-child(3n) {margin: 1% 0 1% 1%;}
	.box_sec4 ul.request_list > li:nth-child(3n+1) {margin: 1% 1% 1% 0;}
	
	#floor_tab li {width: 19.5%;}
	
	.info_floor_wrap .info_box > li:first-child {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.info_floor_wrap .info_box > li{width: 100%;}
	.info_floor_wrap.info_floor_3f .info_box > li {width: 100%;}
	.info_floor_wrap.info_floor_3f .info_box > li:first-child {width: 100%; margin-right: 0; margin-bottom: 20px;}
	.info_floor_wrap .info_box > li:first-child ul {margin-top: 20px; float: right;}
	.info_floor_wrap .info_box > li:first-child ul li {float: left; margin-left: 15px;}
	
	.info_floor_wrap.info_floor_csg .info_box > li:first-child ul {margin-top: 20px;}
	
}

@media only screen and (max-width: 950px){
	.organization {width: 100%;}	
	.equip_detail_list {width: 100%; margin-top: 20px;}
	
	#d_datepicker {width: 100%;}
	#d_calendar_wrap {width: 100%; margin-top: 20px;}
}

@media only screen and (max-width: 830px){
	.tour_box li {width: 100%;}
	.tour_box li:nth-child(odd) {margin: 0 0 4% 0;}
	
	.use_guide_wrap .use_step li > div {width: 80px; height: 80px; background-size: 40px;}
	.use_guide_wrap .use_step li:NTH-OF-TYPE(3) > div {background-position: 22px center;}
	
	.use_guide_wrap .use_info img {width: 100%;}

}


@media only screen and (max-width: 768px){	
	#container {padding-top: 20px;}
	#sub_con {margin-bottom: 50px;}
	#footer .footer_inner .footer_con p {width: 100%;}
	.history_tab {display: block;}
	.history_box::before {display: none;}
	.history_box .left, .history_box .right {text-align: left; margin-right: 0;}
	.history_box .right {margin-left: 0;}
		
	.location_box > ul > li {width: 100%;}
	.location_box > ul > li:first-child {width: 100%; margin-bottom: 20px;}	
	
	.box_sec4 ul.request_list > li {width: 48.5%; margin: 1.5% 1.5% 1.5% 0 !important;}
	.box_sec4 ul.request_list > li:nth-child(2n) {margin: 1.5% 0 1.5% 1.5% !important;}
	
	.box_2n > ul > li {width: 100%;}	
	.box_2n > ul > li:nth-child(odd) {margin-right: 0%;}
	.box_2n > ul > li:nth-child(2) {border-top: none;}
	
	.reserve_top_l, .reserve_top_r {width: 100%;}
	.equip_oper_list_wrap {top: 660px;}
	
	.btn_box1 .btn_purple1, .btn_box1 .btn_red1, .btn_box1 .btn_gray1 {width: 33%; font-size: 17px;}
	
	.fac_info {width: 100%; float: left; margin-top: 20px;}
}

@media only screen and (max-width: 720px){ 
	.info_floor_top {display: none;}
	.info_floor_wrap .info_box > li img {display: block; margin-bottom: 20px; width: 100%; height: auto;}
	.info_floor_con dl dd {width: calc(49% - 43px);}
	
}


@media only screen and (max-width: 700px){
	.organization .organ3 li div {width: 90%;}
	
	.top_search {height: auto;}
	.top_search input.input_st1 {width: calc(100% - 175px);}
	.top_search .top_search_b {display: block; padding-top: 10px;}
	.top_search.top_search2 .top_search_b {display: inline-block; padding-top: 0;}
}

@media only screen and (max-width: 650px){
	.box_3n > ul > li {width: 100%; margin: 0 !important;}
	.box_3n > ul > li:nth-child(2) {border-top: none;}
	
	#event_facility_list .facility_list_wrap ul li div dl dd {width: calc(100% - 65px);}
	
	.board_top.board_top2 p {width: 100%;}
	.board_top.board_top2 div {width: 100%; margin-top: 8px;}
	.board_top.board_top2 div select {width: 49.5%; margin: 0 0 1% 0;}
	.board_top.board_top2 div select:first-child {margin: 0 1% 1% 0;}
	.board_top.board_top2 div input {width: calc(100% - 80px); }
	
}

@media only screen and (max-width: 600px){
	.info_floor_wrap .info_box > li:first-child ul {float: left; width: 100%;} 
	.info_floor_wrap .info_box > li:first-child ul li {margin-left:0; margin-right:20px;}
	.info_floor_wrap .info_box > li:first-child ul li:last-child {margin-right:0;}
	
	#calendar_t ul {width: calc(100% - 45px); margin-top: 3px;}
}

@media only screen and (max-width: 560px){
	#footer .footer_inner .footer_con p span {padding: 4px 0; display: block;}
	
	.sub_tit {padding: 0 0 25px 0;}
	.sub_tit h4 {font-size: 28px;}	
	.sub_tit .navi {float: left; padding-top: 0px; width: 100%;}
	.sub_tit .navi span {font-size: 13px;}
	
	.t_usage {font-size: 13px;}
	
	#floor_tab li:last-child span {display: block;}
	#floor_tab li:last-child p {display: none;}
	
	.use_guide_wrap .use_step li {width: 33%;}
	.use_guide_wrap .use_step li:nth-child(-n+3) {margin-bottom: 10px;}
	
	
	
}

@media only screen and (max-width: 500px){
	#footer .footer_inner ul.footer_con li {width: 100%; text-align: left;}
	#footer .footer_inner ul.footer_con li:first-child {width: 100%;}
	#footer .footer_inner .footer_con a {text-align: left;}
	#footer .footer_inner .footer_con a:first-child {margin: 10px 0 5px 0;}
	.organization .organ1 span, .organization .organ2 span {width: 140px; font-size: 17px;}
	.organization .organ3 li div h5 {font-size: 17px;}
	.organization .organ3 li div p {font-size: 15px;}
	.organization .organ3 li div span {font-size: 13px;}
	
	.top_search.top_search2 .sel_st1 {width: 100%; margin-right: 0;}
	.top_search.top_search2 input.input_st1 {width: 100%; margin: 5px 0 10px 0;}
	.top_search.top_search2 .top_search_b {width: 100%; display: block;}
	.top_search.top_search2 .top_search_b .btn_search {width: 100%;}	
	
	.info_floor_con dl dd {width: calc(100% - 43px);}
	
	.btn_box1 .btn_purple1, .btn_box1 .btn_red1, .btn_box1 .btn_gray1 {font-size: 15px;}
	
	.reserve_top_b .reserve_use_t {width: 83px;}
	.reserve_top_b .reserve_use_c {width: calc(100% - 83px);}
}

@media only screen and (max-width: 470px){
	
	#header_box .header_nav a {margin-left: 8px;}	
	
	.box_sec4 ul.request_list > li {width: 100%; margin: 0 0 4% 0 !important;}
	.box_sec4 ul.request_list > li:nth-child(2n) {margin: 0 0 4% 0 !important;}
	
	.edu_list_box ul li {width: calc(100% - 120px); height: 142px;}
	.edu_list_box ul li:first-child {width: 100px;}
	
	.program_tab li.tab_prog {width: 100%; margin-bottom: 20px;}
	.program_tab li.tab_prog a {width: 32%; margin: 0 1.5% 0 0;}
	.program_tab li.tab_prog a:last-child {margin: 0;}
	.program_tab li.tab_list {width: 100%;}
	
	.equip_detail_tab ul li a {font-size: 15px;}
	
	.equip_detail_top li.equip_detail_img {margin-right: 0;}
}

@media only screen and (max-width: 400px){
	#wrap {padding: 110px 0 0 0;}
	#header {height: 110px; min-width: 320px;}
	#header_box .logo1 {margin-top: 50px;}
	#header_box {position: relative;}
	#header_box .header_nav {padding-top: 10px; position: absolute; right: 20px;}
	#header_box .header_nav a {margin-left: 10px;}	

	.history_tab .common_tab li {width: 49.6%;}
	
	.organization .organ3 li {width: 100%; padding-bottom: 20px;}
	.organization .organ3::before {display: none;}
	.organization .organ2 span {width: 120px;}

	.top_search .sel_st1 {width: 100%; margin-right: 0; margin-bottom: 5px;}
	.top_search.top_search2 .sel_st1 {margin-bottom: 0;}
	.top_search input.input_st1 {width: 100%;}
	.top_search .btn_search {width: 49%; margin-right: 2%;}
	.top_search .btn.reserv {width: 49%; text-align: center;}
	
	.common_tab li {width: 48.5%;}
	
	#floor_tab li {width: 19%;}
	
	.equip_detail_tab ul li, .equip_detail_tab ul li:first-child {width: 23%;}
	.equip_detail_tab ul li:last-child {width: 31%;}
	
	.equip_detail_top li.equip_detail_img div {width: 100%;}
	
	#footer .footer_inner .footer_con p br {display: none;}
}