@charset "UTF-8";







/*
tablet
================================================================*/



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

	.left_wrap_mobile{display: block;}
	#gnb { display: none; }
	.header_inner { width:auto; }
	#navul_wrap {width:auto; }
	.tablet_bt { display: block; }
	#navul_wrap { height: 50px;}
	#navul_wrap h1 { left:50%; top:4px;margin: 0 0 0 -97px; }
	#navul_wrap h1 a{  width:120px; height: 40px; margin:0 0 0 30px; background-size: contain; }
	.page_nav_inner { width:auto; }
	.sub_visual_wrap > p { width:auto; }
	.contents_wrap {width: auto;}
	.left_nav { display: none;}
	.contents_box { margin: 0 20px; padding: 0;}
	.footer_banner_inner { width: auto;padding: 0 20px; }
	.footer_inner { width: auto;margin: 0 20px; }
	.footer_box h2 { display: none;}
	.footer_box .footer_address {    margin: 0px;  width:500px; line-height: 20px;}
	.family_bt_box { float: right;margin: 0px 0 0 0px; }
	.phone_icon { margin-top: 20px;}
	.page_nav_box { padding: 10px 15px;}

	/*메인 */
	.mslide_inner { width:auto; }
	.m_quick_box { width:auto; }
	.main_notice_wrap { width:auto;  padding: 0 20px;}
	.program_list_inner { width:auto; }
	.bc_inner { width:auto;  padding: 70px 20px; }

	.mslide_inner { padding: 0 20px;}
	.mslide_inner .mslide_t span { height: 140px; background-size: contain;}

	.program_list_wrap { padding: 0 40px 40px 40px; height: auto;  background-size:cover; }
	.notice_list_ul .list_type a { width:auto;}
	.tab_bg_box { padding: 0 52px 0 0;}
	.tab_bg_box ul li { width:33.3%; }
	.mslide_inner .mslide_t { padding: 140px 0 0 0;}

	.popup_zone_wrap { height: auto; margin: 0 0;}
	.join_write_box { padding: 40px; }


	#main_slide .owl-controls  .owl-pagination { width:auto; padding: 0 20px;}
	.found_info .p_img img {height:auto; }

	.wrap-notfound {
		margin:0 auto;
		width: 100%;
		display: block;
		clear: left;
	}
	.img-notfound {
		max-height:500px;

	}

	.bc_inner .row { margin: 0 -10px; }
	.bc_inner .col-sm-5 { padding: 0 10px; }
	.bc_inner .col-sm-7 { padding: 0 10px; }
	/* 시설 및 공간의 슬라이드 변경시 이미지 다운로드 받기전 화면 고정용 */
	.build_slide_wrap[class^='tab'] .owl-carousel .owl-wrapper-outer .item img {
	 	height:710px;
	}
}



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

	.s_org_wrap { background: url(../img/background/s_org_line04.png) no-repeat 108px 24px; }
	.s_org_box02 { float: none; margin-bottom: 5px; }
	.sog_box { margin: 0; }
	.s02i_icon03 { clear: both; margin: 0;}
	.s0204_box ul li { margin-right: 40px;}


	/* 170621 */

	.sub0302_box { background: #f5f5f5; height: auto; padding: 30px 0; }
	.result_lbox,
	.result_rbox { float: none;     margin: 0;   width: auto;}
	.result_lbox { height: 200px; }



	.result_lbox ul li,
	.result_rbox ul li{ float: left; width: 33.3% !important;  height: auto !important; text-align: center !important;  margin: 0 !important; padding: 118px 0 0 0 !important; }
	.result_rbox { float: none; }
	.result_lbox ul .s0302_icon01 {      background: url(../img/background/s0304_icon01.png) 50% 27px no-repeat; }
	.result_lbox ul .s0302_icon02 {      background: url(../img/background/s0304_icon03.png) 50% 0 no-repeat; }
	.result_lbox ul .s0302_icon03 {      background: url(../img/background/s0304_icon05.png) 50% 18px no-repeat; }
	.result_rbox ul .s0302_icon04 {      background: url(../img/background/s0304_icon02.png) 50% 23px no-repeat; }
	.result_rbox ul .s0302_icon05 {      background: url(../img/background/s0304_icon04.png) 50% 0px no-repeat; }
	.result_rbox ul .s0302_icon06 {      background: url(../img/background/s0304_icon066.png) 50% 19px no-repeat; }

	.support_box { float: none;     margin: 0px;  }
	.support_model  { float: none;  margin: 0 0 40px 0; border-right: 0px; width:auto; }
	.support_edu { float: none; }



	.modal-dialog { margin:0 auto;}
	/* 시설 및 공간의 슬라이드 변경시 이미지 다운로드 받기전 화면 고정용 */
	.build_slide_wrap[class^='tab'] .owl-carousel .owl-wrapper-outer .item img {
	 	height:575px;
	}


	.m_quick_box .owl-carousel  .owl-item .item a { padding: 90px 0 0 0;}
	.m_quick_box .owl-carousel  .owl-item .item .mq_icon01,
	.m_quick_box .owl-carousel  .owl-item .item .mq_icon02,
	.m_quick_box .owl-carousel  .owl-item .item .mq_icon03,
	.m_quick_box .owl-carousel  .owl-item .item .mq_icon04,
	.m_quick_box .owl-carousel  .owl-item .item .mq_icon05	 { background-size: 70px 70px;}

	.program_list_inner .row{ margin: 0 -10px; }
	.program_list_inner .col-sm-3 { padding: 0 10px;  }
	.program_box { min-height: 260px;}

	#notice_tab { border:1px solid #d5d5d5; padding: 0; margin-bottom: 40px}
	.notice_list_ul .list_type { margin: 0 24px 14px 24px;     padding: 0 104px 0 26px;}
	.notice_list_ul .list_type:last-child  { margin: 0 24px 0px 24px;}
	.tab_bg_box {    margin: -1px -1px 26px -1px;  padding: 0 51px 0 0; }
    .main_tab_con .notice_more { right:-1px; }
    .msns_box > a { text-align: left; padding: 20px 0 0 20px;}
	.program_box .p_img img{ width:100%; height:auto;  }
	#popupzon_banner .owl-item .item { height: 273px;}
	.found_info { min-height: 338px;}
	.fi_last_box { display: none;}
	.bc_inner { padding: 20px;}



	#fileimg_slide .owl-item .item {height:450px;}
	.elVideo {height:450px;}
	.video_box em {width:75px; height:75px;}
}
/*
mobile
================================================================*/

@media all and (max-width :768px) {
	#popupzon_banner .owl-item .item { height: 400px;}
	.mslide_inner { left:5% !important; }
	.mslide_inner .mv_bt {width:90px; height:25px; line-height:25px; font-size:14px;}

	#fileimg_slide .owl-item .item {height:350px;}
	.elVideo {height:350px;}
	.video_box em {width:50px; height:50px;}
}


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

	.left_wrap_mobile{display: block;}
	.program_list_inner .row .clearfix {display: block;}

	.footer_banner_wrap { display: none; }
	.reply_tbl tbody td a { width:auto;}
	.view_title_box p { font-size: 17px;}
	.reply_tbltype tbody .textarea_td > div { padding: 0;}
	.reply_tbltype tbody .textarea_td > div > textarea { margin-bottom: 10px;}
	.reply_tbltype tbody .reply_btn { position: relative; top:auto; right:auto;width:100%; height: 40px;line-height: 40px; display: block; }
	.security_chk .security_img { width:auto; height: 34px;  float: none; }
	.security_chk .security_text { width:auto;float: none;  padding: 6px 0 0 5px; }
	.security_chk .re_img { width:auto; border:1px solid #d2d2d2;   float: none;   background: url(../img/background/pw_re.png) no-repeat 50% 50%; text-indent: -9999px; margin:8px 0; }
	.family_bt_box { float: none; margin-bottom: 20px;}


	.family_bt_box:after {clear: both; }
	.family_bt_box:after,
	.family_bt_box:before { display: table;content: " "; }




	.footer_box .footer_address { float: none;    margin: 0px;  width:auto; }
	.family_bt_box .dropdown-toggle { width:100%;}
	.family_bt_box .btn-group {  display: block; }

	.family_bt_box .dropdown-toggle .fm_up { float: right; display: block;  margin: 0;}

	.view_title_box {    padding: 10px 0px; }
	.tbl01 { display: block; }
	.tbl01 tbody  { display: block; }
	.tbl01 tbody tr  { display: block; }
	.tbl01 tbody th {     width: auto; display: block;padding: 15px; text-align: left;}
	.tbl01 tbody td {  display: block; width: auto;  padding: 15px; }


	.reply_tbltype,
	.reply_tbltype tbody,
	.reply_tbltype tbody tr,
	.reply_tbltype tbody th,
	.reply_tbltype tbody td	{ display: block; }
	.reply_tbltype tbody td { padding: 15px;}


	.map_text_box { padding: 20px 15px}
	.car_h5 { float: none; margin: 0 auto 20px auto;}
	.bus_icon {  margin: 0 auto 10px auto;}
	.car_text_box { margin: 0 0 0 0}
	.car_text_box ul li { margin: 14px 0 0 0;}
	.car_text_box ul li span { float: none; margin-bottom: 6px;}
	.car_text_box ul li em { margin: 0 0 0 0;}
	.car_text_box .row { margin: 0 0 0 0;}
	.bullet_add>p { margin: 0 0 6px 0;}
	.bullet_add { margin-top: 14px;}




	.list_search_wrap { padding: 15px;}
	.list_search_box { margin:0;}
	.list_search_box .select_title { width:100px; }
	.list_search_box .list_search_int  {  margin: 0 0px 0 110px;height: 36px; border:1px solid #ccc;   position: relative; background: #fff; }


	.thum_box{ float: none; width:auto; margin: 0 0 20px 0;}
	.movie_file_box {margin: 0 0 0 0px; }
	.m_chk_box > span { float: none; padding: 0;}
	.mu_box { margin: 0 0 0 0px; }
	.movie_link_box  .mu_box { padding: 0;}
	.movie_add_box { height: auto;padding: 20px; }
	.tbl_tab .tab-content { padding: 20px 15px;}


	.schedule_popup  {width:auto; }
	.popup_area { padding: 40px 0 0 0;}
	.popup_area .popup_close  { top:0px;}
	.calendar_tbl thead th { padding: 0; text-align: center; }
	.calendar_tbl tbody td { height: 80px;}
	.day_schedule { margin-left:0px; }
	.day_schedule ul {  }
	.day_schedule ul li { padding-left:0px; background-position:50%; }
	.day_schedule ul li a { text-indent:-9999px; width:inherit;}
	/* .day_schedule .schedule_num { position: absolute; right:10px; bottom:10px; margin: 0;padding: 0;} */
	.day_schedule .schedule_num { position: relative; margin: 0;padding: 0; text-align:center;}
	.login_wrap { width:auto; padding:  20px 30px;}

	/*메인*/
	.schedule_list_box { height: auto;  padding: 20px 0 20px 20px; }
	.month_text { padding: 16px 0 0 0;}
	.m_schedule_wrap { margin: 20px 0 0 0;}
	.tab_bg_box ul li a { font-size: 14px;}
	.notice_list_ul li.first_li { display: none;}
	.notice_list_ul .list_type { background: url(../img/background/circle_bullet.png) no-repeat 8px 9px;     padding: 0 0px 0 26px; }
	.notice_list_ul .list_type a { font-size: 14px;  margin-bottom: 0px;}
	.notice_list_ul .list_type em { position: relative; }
	.main_tab_con { min-height: auto; margin-bottom: 30px;}
	.m_h4_title { font-size: 16px;}
	.found_info { min-height: auto;}
	.row a { margin-bottom: 10px; margin-top: 10px; }
	.popup_zone_wrap { height: auto; margin-bottom: 40px;}
	.mslide_inner .mslide_t span { height: 100px; }


	.main_slide_wrap .owl-carousel .owl-item  .m_slide_01 {     background: url(../img/background/main_slide_bg01.png) no-repeat 62% 0;     background-size: cover;}

	.program_list_wrap {      padding: 0 20px;}
	.program_box {min-height: 288px; }
	.program_list_inner h4 { font-size: 22px;margin-bottom: 34px;}
	.program_list_inner { padding: 34px 0 0 0;}


	.program_list_inner .row { margin: 0 -10px}
	.program_list_inner .row .col-xs-6 {     padding-right: 10px; padding-left: 10px;  }

	.band_con_type { margin-bottom: 30px }
	.join_write_box { padding: 20px; }
	.join_t_dl label { float: none; margin: 0 0 10px 0;}
	.join_t_dl div { margin: 0 0 10px 0;}

	.ci_img { float: none; margin-bottom: 10px;}
	.ci_rbox {margin: 0 0 0 0px;}
	.company_tbl tbody th { border-right: 0px;}
	.company_tbl tbody .c_item_th { height: auto;}
	.com_i_text { height: auto;}
	.gl_box .gl_img { float: none; margin-bottom: 10px;}
	.gl_t_box {margin: 0 0 0 0px; }
	.gl_t_box .gl_group { float: none; }
	.gl_t_inner { margin: 0 0 0 0px;padding: 10px 0 0 0; }
	.gl_title {height: auto; }
	.gl_t { height: auto;}

	.program_box .p_text { height: auto;}
	.program_box .p_title { white-space:normal;}


	.org_info_top > span { float: none;  }
	.org_info_top .oi_tbox {margin: 0 0 0 0px;padding: 16px 0 0 0;}
	.vision_sub_wrap { width: auto; background: none; }
	.vision_inner { margin: 0;}
	.vision_box { float: none; margin: 20px auto; }
	.build_list ul li {width:50%;  }
	.s_org_wrap { background: none;  }
	.s_org_box01 { float: none;margin:0 auto 20px auto; }
	.s_org_group { margin: 0 0 40px 0px; }
	.s_org_box02 { width: auto; }
	.s_org_b { display: none; }
	.sog_box dl { float: none; }
	.sog_box dl dt { float: none; width:auto; }
	.sog_box dl dd { float: none; width:auto; margin:0; }
	.sog_box {margin: 0 0 0 12px; }

	.pc_left { float: none; margin-bottom: 10px; }
	.pc_right {  float: none;  width:auto;}
	.sub0201_box01 {      background: url(../img/background/sub0201_bg01.png) no-repeat 50% 0;padding: 332px 0 0 0px;text-align: center; }
	.s02_gray_t { margin-bottom: 16px;}
	.s02_line_box {border-top: 1px solid #000; border-left: 0px;  padding: 10px 0 0 10px;  margin: 0 0 0 0px;  text-align: left; }
	.s02_icon_list li { float: left;  width:180px; text-align: center; margin: 0px 0 30px 0;}
	.s02_info_box { float: none; margin:  0 auto;}
	.off_eimg { float: none; margin-bottom: 10px;  }
	.off_etext {margin: 0 0 20px 0px; padding: 0px 0 0 0; }

	.s0203_box ul li {width: auto; float: none;  padding: 118px 0 0 0; text-align: center;  }
	.s0203_box ul .arrow_li { width:auto; height: 80px;   background: url(../img/background/sub0203_arrow02.png) 50% 50% no-repeat;   }

	.s0204_box ul li { margin: 30px 0;}
	.result_lbox ul li,
	.result_rbox ul li{ float: left; width: 50% !important;  margin: 20px 0 !important; }

	.result_lbox { height: auto; }

	.mslide_inner .mslide_t { display:none; padding: 0 0 0 0; }
	.mv_bt_box .r_bt { display: none; }

	#mq_link_wrap { padding: 0 40px;}
	.found_info .row a { margin-bottom: 0px;}

	/* 서브페이지 헤더 */
	.sub_visual_wrap {
		background-size:cover;
		height:180px;
	}
	/* 시설 및 공간의 슬라이드 변경시 이미지 다운로드 받기전 화면 고정용 */
	.build_slide_wrap[class^='tab'] .owl-carousel .owl-wrapper-outer .item img {
	 	height:454px;
	}
	.sitemap_inner {
	    height: auto;
	}
}



@media all and (max-width : 500px)  {
	.s02_icon_list li {
		position:relative;
		left:50%;
		-webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        clear:both;
	}

	#popupzon_banner .owl-item .item { height: 300px;}
}


@media all and (max-width :340px)  {
	/* 서브페이지 헤더 */
	.sub_visual_wrap {
		background-size:cover;
		height:150px;
	}

	/* 시설 및 공간의 슬라이드 변경시 이미지 다운로드 받기전 화면 고정용 */
	.build_slide_wrap[class^='tab'] .owl-carousel .owl-wrapper-outer .item img {
	 	height:200px;
	}
	#popupzon_banner .owl-item .item { height: 200px;}
	#fileimg_slide .owl-item .item {height:200px;}
	.elVideo {height:200px;}
	.video_box em {width:30px; height:30px;}
}