@charset "UTF-8";

/****************************************/

/*  Name : 프로젝트 명
/*  PART : responsive style
/*  Author : 최초 작성자
/*  MODIFY : 작업 참여자
/*
/*  Summary: /* 파일 내용 */

/*  01) max-wdith: 1440px
/*  02) max-wdith: 1280px
/*  03) max-wdith: 1023px
/*  04) max-wdith: 768px
/*  05) max-wdith: 480px
/*  06) max-wdith: 360px
/****************************************/

/* ********************************************************************************* *
* 01) max-wdith: 1440px
* ********************************************************************************* */
@media all and (max-width:1617px) {
	html { font-size: 56.25%; }
}
@media all and (max-width:1457px) {
	html { font-size: 50%; }
	body { font-size: 1.75rem; }

	/* 테이블 */
	.st_table01 tbody tr th,
	.st_table01 tbody tr td { font-size: 1.75rem; }
	.st_table02 > tbody > tr > th,
	.st_table02 > tbody > tr > td { font-size: 1.75rem; }
	.st_table02 > tbody > tr > th { font-size: 1.75rem; }

	/* 연혁 */
	.st_history01 ul > li > .item .item_title { font-size: 1.75rem; }

	/* 리스트 */
	.st_dl02 > dl > dd { font-size: 1.75rem; }
	.st_dl03 > dl > dd { font-size: 1.75rem; }
	.st_dl04 > dl { font-size: 1.75rem; }
	.st_dl06 > dl { font-size: 1.75rem; }
	.st_list01 > li { font-size: 1.75rem; }
	.st_list03 > ul > li > .item .item_content .item_info > dl { font-size: 1.75rem; }
	.st_list04 .st_dl04 > dl { font-size: 1.75rem; }
	.st_list04 .st_dl04 > dl > dt { font-size: 1.75rem; }
	.st_list05 > ul > li > .item { font-size: 1.75rem; }

	/* 텍스트 */
	.st_txt03 { font-size: 1.75rem; }
	.st_txt08 { font-size: 1.75rem; }

	/* 기타 */
	.st_state03 { font-size: 1.55rem; }

	/* 상태 */
	.st_state01 { font-size: 1.55rem; }
	.st_state02 { font-size: 1.55rem; }
	.st_state05 { font-size: 1.55rem; }

	/* 캘린더 */
	.st_calender_control01 .control_btn { font-size: 1.75rem; }
	.st_calender01 thead th { font-size: 1.75rem; }

	/* Board */
	.board_view .view_title { padding: 2.5rem 2rem; }
	.board_view .view_title ul { font-size: 1.55rem; }
	.board_view .view_contents { font-size: 1.75rem; padding: 2.5rem 2rem; }
	.board_view .view_file .file_title div p { font-size: 1.75rem; }
	.board_view .view_file .view_file_list .view_file_link { font-size: 1.75rem; }
	.board_list table th,
	.board_list table td,
	.board_list table td a { font-size: 1.75rem !important; }

	/*info_list 0220*/
	.budget_info h2 { font-size: 1.75rem; }

	/* 교통 */
	.st_traffic01 > ul > li > .item .item_desc { font-size: 1.75rem; }

	/* ********************************************************************************* *
				* 02) board list
				* ********************************************************************************* */
	.st_board_list03 > ul > li > .item .item_content .item_name { font-size: 1.75rem; }
	.st_board_list03 > ul > li > .item .item_content .item_info { font-size: 1.75rem; }
	.st_board_list04 > ul > li > .item .item_content .item_btn { font-size: 1.55rem; }
	.st_board_list05 > ul > li > .item .item_content .item_btn { font-size: 1.55rem; }
	.st_board_list07 > ul > li > .item .item_content .item_place { font-size: 1.55rem; }

	/* ********************************************************************************* *
				* 03) board view
				* ********************************************************************************* */
	.st_board_view01 .item .item_content .item_info .st_dl04 > dl { font-size: 1.75rem; }
	.st_board_view02 .table th,
	.st_board_view02 .table td { font-size: 1.75rem; }
	.st_board_view02 .table .icon_notice { font-size: 1.55rem; }
	.st_board_view03 .item .item_title_wrap .item_info { font-size: 1.75rem; }

	/* ********************************************************************************* *
			* 02) header
			* ********************************************************************************* */
	#header .site_map_gnb_menu ul.sub_menu2 > li > a { font-size: 1.55rem; }

	/* ********************************************************************************* *
			* 08) 재단소개
			* ********************************************************************************* */
	.page_introduce .intro_content .ci p { font-size: 1.75rem; }
	.page_introduce .location_content .way_to_come li { font-size: 1.75rem; }
	.page_introduce .conduct .conduct_box .title { font-size: 1.75rem; }
	.page_introduce .conduct .conduct_box .info { font-size: 1.75rem; }
	.page_introduce .conduct .conduct_box .list li { font-size: 1.75rem; }
	.page_introduce .conduct .conduct_box .list li ul li { font-size: 1.65rem; }
}
@media all and (max-width:1297px) {
	.inner2 { max-width: 123rem; }
	#header .gnb { max-width: none; padding-left: 20rem; }
}
@media all and (max-width:1001px) {
	#header .gnb { display: none; }
	#header .gnb[data-bg-image]::before { display: none; }
	/* 모바일에서 헤더에 배경 이미지 적용 */
	#header[data-bg-image] { background-image: var(--header-bg-image); background-repeat: no-repeat; background-position: center center; background-size: cover; }
	#header .site_map_gnb_menu > li { width: 25%; }
	/* 모바일에서 로고 transform 수정 */
	#header .logo { transform: none; top: 0; }

	/* 탭 */
	.st_tab01 > ul { margin: 0 -1.3rem; }
	.st_tab01 > ul > li { padding: 0 1.3rem; }
	.st_tab01 > ul > li > a { font-size: 1.7rem; padding: 1rem 1.5rem; }
	.st_tab02 > ul > li { width: 25%; }
	.st_tab02 > ul > li > a { font-size: 1.7rem; padding: 1.8rem 1.2rem; }

	/* 박스 */
	.st_box01 { padding: 2rem 1.5rem; }
	.st_box02 .box_txt { font-size: 1.8rem; }

	/* 연혁 */
	.st_history01 ul:before { bottom: 0; left: 0.9rem; }
	.st_history01 ul > li { padding: 1.5rem 0; }
	.st_history01 ul > li > .item { flex-direction: column; }
	.st_history01 ul > li > .item .item_title { right: auto; left: 0; width: 100%; margin-bottom: 1rem; text-align: left; }
	.st_history01 ul > li > .item .item_title:before { right: auto; left: 0; }
	.st_history01 ul > li > .item .item_desc { width: 100%; }
	.st_history01 ul > li > .item .item_desc .st_dl03 > dl { flex-direction: column; }
	.st_history01 ul > li > .item .item_desc .st_dl03 > dl > dt { margin-bottom: 0.5rem; }
	.st_history01 ul > li > .item .item_desc .st_dl03 > dl > dt:before { display: none; }

	/* 기타 */
	.st_state05:before { width: 0.6rem; height: 0.6rem; }

	/* 캘린더 */
	.st_calender01 tbody td { height: 14rem; padding: 0.7rem; }
	.st_calender01 .data_links a { display: block; padding: 0; padding-left: 1rem; }

	/* 이벤트 팝업 */
	.st_popup .popup_body { width: 90%; }
	.st_popup.pop_event .popup_body { width: 90%; }

	/* ********************************************************************************* *
				* 01) Main
				* ********************************************************************************* */
	#main .main_title_wrap { margin-bottom: 2.8rem; }
	#main .main_section { padding: 3rem 0; }
	#main .main_title_wrap .main_title { font-size: 2.6rem; margin-bottom: 1.3rem; }
	#main .ly_main_visual .main_visual .ly_control .swiper-pagination .swiper-pagination-bullet { width: 2.5rem; }
	#main .ly_main_visual .main_visual .ly_control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 5rem; }
	#main .ly_main_visual .main_visual .ly_control .control:before { width: 2.3rem; height: 1.5rem; margin-top: -0.75rem; background-size: 2.3rem; }
	#main .ly_main_visual .main_visual .ly_control .control.prev { padding-left: 3.4rem; }
	#main .ly_main_visual .main_visual .ly_control .control.next { padding-right: 3.4rem; }
	#main .ly_cultural_event { top: -6.6rem; margin-bottom: -6.6rem; padding-top: 9rem; }
	#main .ly_foundation_video .ly_youtube .main_youtube_videos_wrap { margin-top: 3.1rem; }

	/* ********************************************************************************* *
				* 02) board list
				* ********************************************************************************* */
	.st_board_list04 > ul { margin: -1.5rem; }
	.st_board_list04 > ul > li { padding: 1.5rem; }
	.st_board_list05 > ul { margin: -1.5rem; }
	.st_board_list05 > ul > li { padding: 1.5rem; }

	/* ********************************************************************************* *
		* 08) 재단소개
		* ********************************************************************************* */
	.page_introduce .group_content .group_wrap_bottom01 { background-size: 100% 22rem; }

	/* ********************************************************************************* *
				* 10) 문화도시
				* ********************************************************************************* */
	.page_cityCenter .item_list02 > ul { margin: 0 -2.5rem; }
	.page_cityCenter .item_list02 > ul > li { padding: 0 2.5rem; }
}
@media all and (max-width:900px) {

	/* ********************************************************************************* *
				* 02) board list
				* ********************************************************************************* */
	.st_board_list04 > ul { margin: -1.5rem 0; }
	.st_board_list04 > ul > li { width: 100%; padding: 1.5rem 0; }
	.st_board_list05 > ul { margin: -1.5rem 0; }
	.st_board_list05 > ul > li { width: 100%; padding: 1.5rem 0; }

	/* 검색 */
	.st_search01 .search_control { flex-direction: column; }
	.st_search01 .search_control .search_item { margin-bottom: 1rem; }
	.st_search01 .search_control .search_item:last-child { margin-bottom: 0; }
	.st_search01 .search_control select.form_basic { width: 100%; }
	.st_search01 .search_control .search_item input[type="text"].form_basic { width: 100%; }
	.st_search02 { padding: 2.5rem; }
	.st_search02 .search_list .search_list_item { flex-direction: column; }
	.st_search02 .search_list .search_list_item .item_title { min-width: auto; margin-right: 0; margin-bottom: 1.5rem; padding-right: 0; }
	.st_search02 .search_list .search_list_item .item_title:before { display: none; }
	.st_search02 .search_list .search_list_item .item_content { width: 100%; }
	.st_search02 .form_control input[type="text"].form_basic.date { width: calc(50% - 0.5rem); }
	.st_search02 .search_control { flex-direction: column; margin-top: 1rem; }
	.st_search02 .search_control .search_item { margin-bottom: 1rem; }
	.st_search02 .search_control .search_item select.form_basic { width: 100%; }
	.st_search02 .ly_search_btn .search_btn { width: 100%; }
	.st_search02 .search_control .search_item input[type="text"].form_basic { width: 100%; }
}
@media all and (max-width:800px) {
	#footer .ly_footer > .inner { padding-bottom: 11rem; }
	#header .site_map_gnb_menu > li { width: 50%; }

	/* 슬라이드 */
	.st_slide02_wrap { padding: 0; }
	.st_slide02_wrap .ly_control .control.prev { left: 1rem; }
	.st_slide02_wrap .ly_control .control.next { right: 1rem; }
	.st_slide02 { margin-bottom: 3.1rem; }
	
	/* 소통 섹션 */
	.ly_communication .communication_wrap { flex-direction: column; }
	.ly_communication .communication_tabs { width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 2rem; }
	.ly_communication .communication_tabs > ul { display: flex; width: 100%; border-radius: 0.5rem; overflow: hidden; }
	.ly_communication .communication_tabs > ul > li { border-bottom: none; border-right: 0.1rem solid #eee; flex: 1 1 0; min-width: 0; }
	.ly_communication .communication_tabs > ul > li:last-child { border-right: none; }
	.ly_communication .communication_tabs > ul > li > a { width: 100%; padding: 1.8rem 1.2rem; justify-content: center; flex-direction: column; text-align: center; }
	.ly_communication .communication_tabs .tab_icon { width: 2.8rem; height: 2.8rem; margin-right: 0; margin-bottom: 1rem; }
	.ly_communication .communication_tabs .tab_name { font-size: 1.5rem; }
	.ly_communication .comm_list > li { width: calc(50% - 2rem); }

	/* ********************************************************************************* *
		* 02) board list
		* ********************************************************************************* */
	.st_board_list07 > ul { margin: -1.5rem -1rem; }
	.st_board_list07 > ul > li { width: 33.3%; padding: 1.5rem 1rem; }

	/* ********************************************************************************* *
			* 08) 재단소개
			* ********************************************************************************* */
	.page_introduce .intro_content .intro_top .intro_title_img { height: 20rem; }
	.page_introduce .intro_content .intro_top .intro_title { position: static; width: 100%; }
	.page_introduce .intro_content .intro_top .intro_title02 { margin-bottom: 0; }
	.page_introduce .intro_content .intro_info { flex-direction: column; margin-top: 0 !important; padding: 0 3rem; }
	.page_introduce .intro_content .intro_info .left { width: 100%; margin-left: 0; }
	.page_introduce .intro_content .intro_info .right { width: 100%; }
	.page_introduce .intro_content .bottom_txt { padding-top: 5rem; }
	.page_introduce .intro_content .historyList .historybox .right dl { padding-left: 3.2rem; }
	.page_introduce .intro_content .historyList .historybox .right dt { width: 100%; }
	.page_introduce .intro_content .historyList .historybox .right dt:before { left: -3rem; }
	.page_introduce .intro_content .historyList .historybox .right dt:after { left: -2.2rem; width: 2rem; }
	.page_introduce .intro_content .historyList .historybox .right dd { margin: 1.5rem 0 0 1.5rem; }
	.page_introduce .intro_content .historyList .historybox .left dl { padding-right: 3.2rem; }
	.page_introduce .intro_content .historyList .historybox .left dt { width: 100%; }
	.page_introduce .intro_content .historyList .historybox .left dt:before { right: -3.4rem; }
	.page_introduce .intro_content .historyList .historybox .left dt:after { right: -2.6rem; width: 2rem; }
	.page_introduce .intro_content .directors_box { width: 100%; }
	.page_introduce .intro_content .directors_bottom { background: none; }
	.page_introduce .intro_content .directors_bottom dl { width: 100%; }
	.page_introduce .intro_content .vision .vision_box .vision01 { line-height: 5rem; width: 100%; margin-bottom: 1rem; }
	.page_introduce .intro_content .vision .vision_box .vision02 { line-height: 5rem; width: 100%; margin-bottom: 1rem; }
	.page_introduce .intro_content .vision .vision_box .top { line-height: 1.5; display: block; width: 100%; min-height: auto; margin-left: 0; padding: 1.5rem 3rem; }
	.page_introduce .intro_content .vision .middle { margin: 4rem auto; }
	.page_introduce .intro_content .vision .bottom .vision_box .round { line-height: 6rem; display: block; width: 100%; height: 6rem; margin: 0; margin: 1.5rem 0; }
	.page_introduce .intro_content .vision .bottom .vision_box .round:nth-child(3):after { display: none !important; }
	.page_introduce .intro_content .vision .bottom .round:before { display: none; }
	.page_introduce .intro_content .vision .vision_box .title,
	.page_introduce .intro_content .vision .bottom .title { font-weight: bold; display: block; padding: 2rem 0; }
	.page_introduce .intro_content .vision .middle .middle_box { display: block; width: 100%; }
	.page_introduce .intro_content .vision .middle p { font-weight: 600; }
	.page_introduce .intro_content .vision .middle .middle_box:after { display: none; }
	.page_introduce .intro_content .vision .middle .round { width: 100%; height: auto; margin: 2rem auto; padding: 1.5rem 2rem; border: 1px dashed #ddd; border-radius: 1rem; background: none; }
	.page_introduce .intro_content .vision .middle .round p { font-weight: 400; }
	.page_introduce .intro_content .vision .middle .round:before { display: none; }
	.page_introduce .intro_content .vision .middle img { width: 6rem; }
	.page_introduce .intro_content .vision .vision_box ul { display: block; width: 100%; }
	.page_introduce .intro_content .vision .vision_box li { line-height: 6.5rem; display: block; width: 100%; height: 6.5rem; margin: 1.5rem 0; }
	.page_introduce .intro_content .vision .vision_box li:after { z-index: -1; top: 41px; display: block !important; }
	.page_introduce .intro_content .vision .vision_box li:nth-child(6):after { display: none !important; }
	.page_introduce .intro_content .ci .symbol_mark .info_img { width: 50%; }
	.page_introduce .intro_content .ci .symbol_info { margin-top: 3.5rem !important; }
	.page_introduce .intro_content .ci .content01 img { display: block; width: 50%; margin: 0 auto; }
	.page_introduce .intro_content .ci .content01 .content { display: block; float: none; width: 100%; padding: 5rem 0 0 0; }
	.page_introduce .intro_content .ci .download_btn { margin-top: 0 !important; }
	.page_introduce .intro_content .ci .signature .title { margin: 2rem 0 !important; padding: 0 !important; }
	.page_introduce .intro_content .ci .signature .logo_box01 img,
	.page_introduce .intro_content .ci .signature .logo_box02 img { width: 80%; margin: 0 auto; }
	.page_introduce .intro_content .ci .logo_box01 { float: none; width: 100%; }
	.page_introduce .intro_content .ci .logo_box02 { float: none; width: 100%; }
	.page_introduce .intro_content .ci .logo_box03 { margin: 0 !important; }
	.page_introduce .intro_content .ci .logo_box03 img { display: block; width: 80%; margin: 0 auto; }
	.page_introduce .intro_content .ci .color_system img { display: block; width: 100%; margin: 0 auto !important; }
	.page_introduce .group_content .group_item { max-width: none; }
	.page_introduce .group_content .group_wrap_top,
	.page_introduce .group_content .group_wrap_bottom,
	.page_introduce .group_content .group_wrap_bottom01 { display: none; }
	.page_introduce .group_content .group_02,
	.page_introduce .group_content .group_03 { width: 38%; }
	.page_introduce .group_content .m_group_wrap_top,
	.page_introduce .group_content .m_group_wrap_bottom { display: block; background: url(/user/images/common/bg_group_top.png) no-repeat center 40px; }
	.page_introduce .group_content .m_group_wrap_bottom { padding-top: 0; background: none; }
	.page_introduce .group_content .m_group_wrap_top .group_item,
	.page_introduce .group_content .m_group_wrap_bottom .group_item { margin-bottom: 20px; }
	.page_introduce .group_content .m_group_wrap_top .group_item { line-height: 50px; width: 100%; height: 50px; }
	.page_introduce .group_content .m_group_wrap_bottom .group_item { line-height: 50px; height: 50px; margin-bottom: 20px; }
	.page_introduce .group_content .m_group_wrap_top .group_02,
	.page_introduce .group_content .m_group_wrap_top .group_03 { width: 35%; }
	.page_introduce .group_content .m_group_wrap_bottom dl { width: 100%; margin-bottom: 30px; padding: 0; }
	.page_introduce .group_content .m_group_wrap_bottom dt { width: 100%; }
	.page_introduce .group_content .m_group_wrap_bottom dd { font-size: 14px; position: relative; margin: 0 auto 10px; padding-left: 15px; }
	.page_introduce .group_content .m_group_wrap_bottom dd:before { position: absolute; top: 9px; left: 0; width: 5px; height: 5px; content: ""; }
	.page_introduce .group_content .m_group_wrap_bottom dl:nth-child(1) dd:before { background: #904d2e; }
	.page_introduce .group_content .m_group_wrap_bottom dl:nth-child(2) dd:before { background: #57835c; }
	.page_introduce .group_content .m_group_wrap_bottom dl:nth-child(3) dd:before { background: #f9a14a; }
	.page_introduce .group_content .m_group_wrap_bottom dl:nth-child(4) dd:before { background: #44719e; }
	.page_introduce .group_content .group_table colgroup col:first-child { display: none; }
	.page_introduce .group_content .group_table colgroup col:nth-child(2) { width: 18% !important; }
	.page_introduce .group_content .group_table colgroup col:nth-child(3) { width: 18% !important; }
	.page_introduce .group_content .group_table colgroup col:nth-child(5) { width: 30% !important; }
	.page_introduce .group_content .group_table th,
	.page_introduce .group_content .group_table td { padding: 1.5rem 0.7rem; }
	.page_introduce .group_content .group_table tr:first-child td:first-child { display: none; }
	.page_introduce .group_content .group_table li { padding: 0 1.2rem; padding-right: 0; }
	.page_introduce .group_content .group_table li:before { left: 0; }
	.page_introduce .group_content .group_table_title { display: block; }
	.page_introduce .location_content .info_wrap li { display: block; margin-bottom: 0.7rem; text-align: left; }
	.page_introduce .location_content .info_wrap li:last-child { margin-bottom: 0; }
	.page_introduce .location_content .info_wrap li:first-child { font-size: 1.8rem; font-weight: 600; }
	.page_introduce .location_content .way_to_come { margin-bottom: 1rem; padding: 2rem 0 1rem 9rem; background-size: 7rem !important; }
	.page_introduce .conduct .conduct_box .title { padding: 2rem; }
	.page_introduce .conduct .h1 { font-weight: 600; margin: 3rem 0 2rem; }
	.page_introduce .conduct .conduct_box .title .show_btn { right: 2rem; }
	.page_introduce .conduct .conduct_box .info { padding: 2rem; }
	.page_introduce .accuse .txt { font-size: 1.85rem; font-weight: 600; }
	.page_introduce .accuse .middle_box { margin-bottom: 1.5rem; padding: 2rem; padding-top: 10.5rem; padding-left: 2rem !important; background-position: top 2rem center; background-size: 7rem; }
	.page_introduce .accuse .content_box { flex-direction: column; margin: 0; }
	.page_introduce .accuse .content_box .left_box { width: 100%; padding: 0; }
	.page_introduce .accuse .content_box .right_box { width: 100%; padding: 0; }
	.page_introduce .accuse .content_box h3 { margin-top: 1.5rem; padding-bottom: 1.5rem; }
	.page_introduce .accuse .content_box li { margin: 1rem 0 1rem 0; }
	.page_introduce .accuse .content_box .download { display: block; float: none; }
	.page_introduce .accuse .content_box .shortcut_btn { display: block; float: none; }
	.page_introduce .intro_content .vision .vision_cont_list dt { width: 100%; margin-bottom: 1rem; }
    .page_introduce .intro_content .vision .vision_cont_list dd { width: 100%; }
}
@media all and (max-width:657px) {

	/* 탭 */
	.st_tab02 > ul > li { width: 33.3%; }

	/* Board */
	.board_view .view_title p { font-weight: 600; }
	.board_list { border-top: 0.2rem solid #000; }
	.board_list table { display: block; }
	.board_list table colgroup { display: none; }
	.board_list table thead { display: none; }
	.board_list table tbody { display: block; }
	.board_list table tr { display: block; padding: 0.7rem 0; border-bottom: 1px solid #ddd; }
	.board_list table th,
	.board_list table td { display: block; height: auto; padding: 0.7rem 2rem !important; text-align: left !important; border: 0; }
	.board_list table td.subject { font-weight: 600; color: #222; }
	.board_list table td.subject a { font-weight: 600; text-decoration: underline; }

	/*write 0129*/
	.writeA table { display: block; }
	.writeA table colgroup { display: none; }
	.writeA table tbody { display: block; }
	.writeA table tr { display: block; }
	.writeA table th,
	.writeA table td { display: block; height: auto; text-align: left !important; }
	.form_write table tr:first-child > td { border-top: none; }
	.form_write table select { width: 100% !important; }
	.form_write table input[type="text"] { width: 100% !important; }
	.form_write table input[type="password"] { width: 100% !important; }

	/*info_list 0220*/
	.budget_info h2 { font-weight: 600; }

	/*문화행사*/
	.social_wrap a { width: 5rem; height: 5rem; background-size: 0.8rem !important; }

	/* ********************************************************************************* *
				* 01) sub layout
				* ********************************************************************************* */
	.sub_container { padding: 8rem 0 4rem 0; }
	.screen-only { display: none !important; }

	/* ********************************************************************************* *
				* 02) board list
				* ********************************************************************************* */
	.st_board_list01 > ul { margin: 0 -0.5rem; flex-wrap: wrap; }
	.st_board_list01 > ul > li { width: 50%; padding: 0 0.5rem; }
	.st_board_list01 > ul > li:nth-child(3) { display: none; }
	.st_board_list01 > ul > li > .item .item_content { padding: 1.5rem; padding-bottom: 7rem; }
	.st_board_list01 > ul > li > .item .item_content .item_date { padding-right: 0; }
	.st_board_list02 > ul { margin: -0.5rem; }
	.st_board_list02 > ul > li { width: 100%; padding: 0.5rem; }
	.st_board_list_notice > ul > li > .item { flex-wrap: wrap; padding: 1.5rem 0; }
	.st_board_list_notice > ul > li > .item .item_category { width: 100%; margin-bottom: 0.5rem; padding: 0; }
	.st_board_list_notice > ul > li > .item .item_category.st_state02 { padding: 0.3rem 0.8rem; }
	.st_board_list_notice > ul > li > .item .item_title { width: 100%; padding: 0; margin-bottom: 0.5rem; }
	.st_board_list_notice > ul > li > .item .item_date { width: 100%; text-align: left; padding: 0; }
	.ly_communication .communication_wrap { flex-direction: column; }
	.ly_communication .communication_tabs { width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 2rem; }
	.ly_communication .communication_tabs > ul { display: flex; width: 100%; border-radius: 0.5rem; overflow: hidden; }
	.ly_communication .communication_tabs > ul > li { border-bottom: none; border-right: 0.1rem solid #eee; flex: 1 1 0; min-width: 0; }
	.ly_communication .communication_tabs > ul > li:last-child { border-right: none; }
	.ly_communication .communication_tabs > ul > li > a { width: 100%; padding: 1.5rem 1rem; justify-content: center; flex-direction: column; text-align: center; }
	.ly_communication .communication_tabs .tab_icon { width: 2.5rem; height: 2.5rem; margin-right: 0; margin-bottom: 0.8rem; }
	.ly_communication .communication_tabs .tab_name { font-size: 1.4rem; }
	.ly_communication .comm_list > li { width: calc(50% - 2rem); }
	.ly_communication .comm_list .comm_item .item_info { padding: 1.5rem; }
	.ly_communication .comm_list .comm_item .item_info .item_title { font-size: 1.6rem; }
	.ly_communication .comm_list .comm_item .item_info .item_desc { font-size: 1.4rem; }
	.st_board_list03 > ul { margin: -1.5rem -1rem; }
	.st_board_list03 > ul > li { width: 33.3%; padding: 1.5rem 1rem; }
	.st_board_list05 > ul { margin: 0; }
	.st_board_list05 > ul > li { width: 100%; margin-bottom: 1.5rem; padding: 0; }
	.st_board_list05 > ul > li > .item .item_content { padding: 1.5rem; }
	.st_board_list05 > ul > li > .item .item_content .item_state { position: static; margin-bottom: 1rem; }
	.st_board_list05 > ul > li > .item .item_content .item_title { padding-right: 0; }
	.st_board_list05 > ul > li > .item .item_content .item_btn { position: static; width: 100%; margin-top: 1rem; }
	.st_board_list07 > ul > li { width: 50%; padding: 1rem 0.5rem; }

	/* ********************************************************************************* *
				* 03) board view
				* ********************************************************************************* */
	.st_board_view01 .item { flex-direction: column; margin-bottom: 2rem; }
	.st_board_view01 .item .item_thumb { width: 100%; }
	.st_board_view01 .item .item_content { width: 100%; padding-bottom: 4rem; }
	.st_board_view01 .item .item_content .item_title { font-size: 2.4rem; margin-bottom: 2rem; padding-right: 0; padding-bottom: 2rem; }
	.st_board_view01 .item .item_content .st_sns_list01 { top: auto; bottom: 0; }
	.st_board_view01 .item .item_content .st_sns_list01 > ul > li > a { width: 5rem; height: 5rem; background-size: 0.8rem; }
	.st_board_view02 .table { display: block; }
	.st_board_view02 .table colgroup { display: none; }
	.st_board_view02 .table thead { display: none; }
	.st_board_view02 .table tbody { display: block; }
	.st_board_view02 .table tr { display: block; padding: 0.7rem 0; }
	.st_board_view02 .table th,
	.st_board_view02 .table td { display: block; height: auto; padding: 0.7rem 2rem; text-align: left; }
	.st_board_view02 .table .subject { font-weight: 600; }
	.st_board_view02 .table .subject a { text-decoration: underline; }
	.st_board_view03 .item .item_content { padding: 3.8rem 0; }

	/* ********************************************************************************* *
				* 01) Main
				* ********************************************************************************* */
	#main .ly_foundation_video .ly_youtube .main_youtube_videos_wrap { padding-left: 23rem; }

	/* ********************************************************************************* *
				* 02) header
				* ********************************************************************************* */
	#header .site_map_gnb_menu > li { width: 100%; }

	/* ********************************************************************************* *
				* 03) footer
				* ********************************************************************************* */
	#footer .ly_footer .footer_links { margin-bottom: 2rem; padding-bottom: 1.5rem; }
	#footer .ly_footer .footer_links .info_list { justify-content: center; }
	#footer .ly_footer .footer_top { flex-direction: column; align-items: center; text-align: center; }
	#footer .ly_footer .footer_logo { margin-right: 0; margin-bottom: 2rem; }
	#footer .ly_footer .footer_info { width: 100%; }
	#footer .ly_footer .foundation_info { text-align: center; }
	#footer .ly_footer .footer_family_dropdown { position: static; margin-top: 2rem; }
	#footer .ly_footer .family_dropdown_menu { right: auto; left: 50%; transform: translateX(-50%); }
	#footer .ly_footer .copyright { text-align: center; }
	#footer .ly_footer .sns_list { position: static; }
	#footer .ly_footer .sns_list > ul { display: flex; justify-content: center; }
	#footer .ly_footer .sns_list > ul > li { margin-top: 2rem; margin-bottom: 0; padding: 0 0.5rem; }
	#footer .ly_footer > .inner { padding-bottom: 5rem; }

	/* 서브 탑 비주얼 */
	.sub_top_visual { height: 20rem; margin-bottom: 0; }
	.sub_top_visual .stv_title { font-size: 3rem; height: 20rem; }

	/* 서브 네비게이션 */
	.sub_top_visual .stv_nav { line-height: 6rem; height: 6rem; position: relative; }
	.sub_top_visual .stv_nav[style*="background-image"]::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: inherit; background-repeat: no-repeat; background-position: center center; background-size: cover; }
	.sub_top_visual .stv_nav > * { width: 50%; }
	.sub_top_visual .stv_nav .home { display: none; }
	.sub_top_visual .stv_nav .nav_name { font-size: 12px; height: 6rem; padding: 0 1rem; padding-right: 2.5rem; }
	.sub_top_visual .stv_nav .nav_select { line-height: 1; }
	.sub_top_visual .stv_nav .nav_select:before { right: 1rem; }
	.sub_top_visual .nav_select_list > li > a { padding: 1rem; }

	/* 테이블 */
	.st_table01 tbody tr { flex-direction: column; padding: 0; }
	.st_table01 tbody tr th { width: 100%; justify-content: flex-start; }
	.st_table01 tbody tr td { width: 100%; }
	.st_table02 > tbody > tr { flex-direction: column; }
	.st_table02 > tbody > tr > th,
	.st_table02 > tbody > tr > td { min-height: 5rem; padding: 1rem 2rem; }
	.st_table02 > tbody > tr > th { width: 100%; border-bottom: 1px solid #eee; }
	.st_table02 > tbody > tr > td { width: 100%; }
	.st_table02.type2 > tbody > tr > th { padding-right: 2rem; }
	.st_table02.type2 > tbody > tr > td { position: static; width: 100%; height: auto; transform: none; }
	.st_table03 { overflow: auto; }
	.st_table03.type2 table { table-layout: auto; }
	.st_table03.type2 table colgroup { display: none; }
	.st_table03 th,
	.st_table03 td { height: auto; padding: 1rem; word-break: keep-all; }
	.st_table03::-webkit-scrollbar { width: 3px; height: 3px; }
	.st_table03::-webkit-scrollbar-thumb { background: #a9a9a9; }

	/*info_list 0220*/
	.table_info_wrap { overflow: auto; }
	.table_info th,
	.table_info td { word-break: keep-all; }
	.table_info::-webkit-scrollbar { width: 3px; height: 3px; }
	.table_info::-webkit-scrollbar-thumb { background: #a9a9a9; }

	/* 슬라이드 */
	.st_slide01 .ly_control { margin-top: 1.5rem; }

	/* 탭 */
	.st_tab02 { margin-bottom: 3rem; }
	.st_tab02.type2 > ul { flex-wrap: wrap; }
	.st_tab02.type2 > ul > li { width: 33.3%; height: auto; flex: 0 1 auto; }
	.st_tab02.type2 > ul > li > a { height: 100%; }

	/* 리스트 */
	.st_dl01 > dl > dt { font-size: 2rem; }
	.st_dl05 > dl { flex-direction: column; }
	.st_dl05 > dl > dt,
	.st_dl05 > dl > dd { width: 100%; height: auto; padding: 2rem 1.5rem; }
	.st_dl05 > dl > dt { min-width: auto; margin-right: 0; margin-bottom: 1rem; }
	.st_dl05 > dl > dd { min-width: auto; }
	.st_list03 > ul > li { margin-bottom: 1.5rem; }
	.st_list03 > ul > li > .item { flex-direction: column; align-items: stretch; }
	.st_list03 > ul > li > .item .item_img { width: 100%; }
	.st_list03 > ul > li > .item .item_content { width: 100%; padding: 3rem 0; }
	.st_list04 { padding: 2rem 0; }
	.st_list04 > ul { flex-wrap: wrap; }
	.st_list04 > ul > li { width: 100%; margin-bottom: 1.5rem; padding: 0 1.5rem; border: 0; flex: 1 1 auto; }
	.st_list04 > ul > li:last-child { margin-bottom: 0; }
	.st_list04 .st_dl04 > dl { flex-direction: column; }
	.st_list04 .st_dl04 > dl > dt { width: 100%; margin-bottom: 1.5rem; }
	.st_list04 .st_dl04 > dl > dd { width: 100%; }
	.st_list04.type2 .st_dl04 > dl > dt { width: 100%; margin-bottom: 1.5rem; }
	.st_list04.type2 .st_dl04 > dl > dd { width: 100%; }
	.st_list04.type2 .st_list02 > ul > li { width: 100%; }
	.st_list05 > ul { flex-wrap: wrap; }
	.st_list05 > ul > li { width: 100%; margin-bottom: 1rem; padding: 0; }
	.st_list05 > ul > li:last-child { margin-bottom: 0; }

	/* 뷰 */
	.st_view01 .item { flex-direction: column; }
	.st_view01 .item .item_thumb { width: 100%; margin-right: 0; margin-bottom: 1.5rem; }
	.st_view01 .item .item_content { width: 100%; }

	/* 교통 */
	.st_traffic01 > ul > li { margin-bottom: 1.5rem; padding: 1.5rem; border: 1px solid #eee; align-items: flex-start; }
	.st_traffic01 > ul > li:before { width: 6rem; height: 6rem; margin-right: 1.5rem; }
	.st_traffic01 > ul > li > .item { width: calc(100% - 6rem); }

	/* 단계 */
	.st_step01 { flex-wrap: wrap; }
	.st_step01 > li { width: 50%; margin-bottom: 1.5rem; flex: 1 1 auto; }

	/* ********************************************************************************* *
				* 04) 문화사업
				* ********************************************************************************* */
	.page_business .ly_management:before { height: 28rem; }
	.page_business .ly_management .ly_content { flex-direction: column; width: calc(100% - 3rem); }
	.page_business .ly_management .ly_content .left_item,
	.page_business .ly_management .ly_content .right_item { padding: 2.5rem 2rem; flex: 1 1 auto; }
	.page_business .ly_management .ly_content .btn_move { position: static; }
	.page_business .ly_facility .ly_content { flex-direction: column; margin: 0 -3.1rem; }
	.page_business .ly_facility .ly_content .left_item,
	.page_business .ly_facility .ly_content .right_item { padding: 2.8rem 3.1rem; }

	/* ********************************************************************************* *
				* 07) 참여알림
				* ********************************************************************************* */
	.page_notice .box_notice { height: 20rem; padding-right: 1.5rem; padding-left: 14rem; background-position: left 1.5rem bottom; background-size: 10rem; }
	.page_notice .box_notice2 { height: 20rem; padding-right: 1.5rem; padding-left: 14rem; background-position: left 1.5rem bottom; background-size: 10rem; }
	.page_notice .box_notice2 br { display: none; }

	/* ********************************************************************************* *
				* 09) 시설대관
				* ********************************************************************************* */
	.page_facility .ly_facility .ly_content { flex-direction: column; margin: 2rem 0; }
	.page_facility .ly_facility .ly_content .left_item,
	.page_facility .ly_facility .ly_content .right_item { width: 100%; }

	/* ********************************************************************************* *
				* 10) 문화도시
				* ********************************************************************************* */
	.page_cityCenter .title1 { font-size: 2.6rem; }
	.page_cityCenter .txt1 { margin-bottom: 4rem; }
	.page_cityCenter .item_list01 > ul { margin: 0 -1rem; flex-wrap: wrap; }
	.page_cityCenter .item_list01 > ul > li { width: 50%; margin-bottom: 2rem; padding: 0 1rem; }
	.page_cityCenter .item_list01 > ul > li:last-child { margin-bottom: 0; }
	.page_cityCenter .item_list01 > ul > li > .item .item_img { margin-bottom: 1.5rem; }
	.page_cityCenter .section1 { min-height: auto; padding: 4rem 0; }
	.page_cityCenter .item_list02 > ul { flex-wrap: wrap; }
	.page_cityCenter .item_list02 > ul > li { width: 100%; margin-bottom: 3rem; word-break: keep-all; }
	.page_cityCenter .item_list02 > ul > li:last-child { margin-bottom: 0; }
	.page_cityCenter .item_list02 > ul > li > .item .item_desc > li { margin-bottom: 1.5rem; }
	.page_cityCenter .item_list02 > ul > li br { display: none; }
	.page_cityCenter .item_list03 > ul > li { width: 100%; margin-bottom: 2rem; }
	.cm_doc_list1 .doc1_list > li { width: 50%; }
	.cm_doc_list2 .doc2_list > li { width: 50%; }
	.cm_doc_list2 .doc2_content { padding: 1rem 1.5rem; }
	
	/* 단축 메뉴 모바일 */
	.quick_menu_toggle { width: 4rem; height: 4rem; font-size: 1.6rem; }
	.quick_menu_list > ul > li > a { width: 9rem; height: 9rem; padding: 1rem; font-size: 1.4rem; }
	.quick_menu_list > ul > li > a .menu_icon { font-size: 3rem; }
	.quick_menu_list > ul > li > a .menu_text { font-size: 1.4rem; }
	.quick_menu > ul > li > a .menu_text { font-size: 1.3rem; }
}
@media all and (max-width:480px) {

	/* ********************************************************************************* *
				* 01) Main
				* ********************************************************************************* */
	#main .ly_foundation_news .tab_content .btn_more { display: none; }
	
	/* 소통 섹션 */
	.ly_communication .communication_tabs { width: 100%; max-width: 100%; }
	.ly_communication .communication_tabs > ul { width: 100%; }
	.ly_communication .communication_tabs > ul > li { flex: 1 1 0; min-width: 0; }
	.ly_communication .communication_tabs > ul > li > a { width: 100%; padding: 1.2rem 0.8rem; }
	.ly_communication .communication_tabs .tab_icon { width: 2.2rem; height: 2.2rem; margin-bottom: 0.6rem; }
	.ly_communication .communication_tabs .tab_name { font-size: 1.2rem; }
	.ly_communication .comm_list { margin: -0.5rem; }
	.ly_communication .comm_list > li { width: calc(50% - 1rem); margin: 0.5rem; }
	.ly_communication .comm_list .comm_item .item_info { padding: 1.2rem; }
	.ly_communication .comm_list .comm_item .item_info .item_title { font-size: 1.4rem; }
	.ly_communication .comm_list .comm_item .item_info .item_desc { font-size: 1.3rem; }
	.ly_communication .comm_list .comm_item .item_info .item_date { font-size: 1.2rem; }
	.ly_communication .comm_link_wrap { margin-top: 2rem; }
	.ly_communication .comm_link_wrap .st_btn01 { padding: 1rem 2rem; font-size: 1.4rem; }

	/* ********************************************************************************* *
				* 02) board list
				* ********************************************************************************* */
	.st_board_list02 > ul > li > .item:before { width: 9rem; }
	.st_board_list02 > ul > li > .item .item_date { width: 9rem; height: 9rem; }
	.st_board_list03 > ul { margin: -1rem -0.5rem; }
	.st_board_list03 > ul > li { width: 50%; padding: 1rem 0.5rem; }
	.st_board_list07 > ul { margin: -1rem -0.5rem; }
	.st_board_list07 > ul > li { }

	/* ********************************************************************************* *
				* 02) board list
				* ********************************************************************************* */
	.st_board_list04 > ul > li > .item .item_content .item_btn { position: static; width: 100%; margin-top: 2rem; }
	.st_board_list07 > ul > li > .item .item_content { padding: 1.5rem; }
	.st_board_list07 > ul > li > .item .item_pdf { left: 1.5rem; }
	.st_board_list07 > ul > li > .item .item_pdf span { padding-right: 0; }
	.st_board_list07 > ul > li > .item .item_pdf span:before { display: none; }
}
@media all and (max-width:330px) {

	/* ********************************************************************************* *
				* 02) board list
				* ********************************************************************************* */
	.st_board_list07 > ul > li > .item .item_pdf span b { display: none; }
}