/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.2.1718342593
Updated: 2024-06-14 05:23:13

*/

* { font-family: "Pretendard"; } 
.fta:before,
.fta:after { font-family: "Font Awesome 5 Free" !important; font-weight: 900; } 
@media screen and (max-width: 1420px){
 .pc-br { display: none; } 
 }

/** MAIN MENU SETTING */
.elementor-location-header[data-elementor-type="header"] .fixed { position: fixed; width: 100%; background: #fff; left: 0; top: 0; z-index: 9999; } 
.elementor-location-header[data-elementor-type="header"] #header { margin-top: 39px; } 
main#content { margin-top: 90px; } 

/********************************************
 * Header Font Setting
 * 메인 메뉴(헤더) 폰트 셋팅
 ********************************************/
#top-header a { font-family: "Pretendard"; font-size: 16px; color: #404040; font-weight: 400; } 
#header #nav a { font-family: "Pretendard"; } 
#header #nav .elementor-widget-container { padding: 0; } 
#header #nav .elementor-nav-menu > .menu-item > a { padding: 30px 30px; font-size:21px; } 
#header #nav .elementor-nav-menu > .menu-item > .sub-menu { width: 150% !important; } 
#header #nav .elementor-nav-menu > .menu-item > .sub-menu a { font-size: 16px; color: #4e4e4e; font-weight: 700; } 
#header #nav .elementor-nav-menu > .menu-item > .sub-menu .current-menu-item a { color: #fff; } 
#header #nav .elementor-nav-menu > .menu-item > .sub-menu li:hover a { color: #fff; } 
@media screen and (max-width: 1420px){
 #header { --container-max-width: 100%; padding: 0px 20px; } 
 #top-header {--container-max-width:100%; padding:0 20px;}
 #header #nav .elementor-nav-menu > .menu-item > a { padding: 30px 15px; font-size: 17px; } 
 }
@media screen and (max-width: 1024px){
 #top-header { display: none; } 
 .elementor-location-header[data-elementor-type="header"] #header { margin: 0; } 
 #header > .e-con-inner > .elementor-widget-image { padding: 10px 0; } 
 #header #sitemapBtn { display: none; } 

 main#content { margin-top: 76px; } 
 }
@media screen and (max-width: 767px){
 #header #nav .elementor-nav-menu { margin-top: 10px; } 
 #header #nav .elementor-nav-menu > .menu-item > a { padding: 20px; font-size: 17px; background: #f4f4f4; color: #222; } 
 #header #nav .elementor-nav-menu > .menu-item > .sub-menu a { font-size: 14px; } 
 }

/*팝업창*/
#jt_popup_12{top:0px !important; margin-top: 0px !important; }

/* 서브비주얼 */

#subVisual.svisual01 #subTitle h2 { color: #fff; } 

/********************************************
 * SUB VISUAL SETTING
 * 서브 비주얼 셋팅
 ********************************************/
#subVisual { width: 100%; height: 35rem; margin-top: 120px; } 
#subVisual > .e-con-inner { justify-content: center; } 
#subVisual #subTitle h2 { font-family: "scoredream"; font-size: 4.8rem; color: #222; font-weight: 700; } 
@media screen and (max-width: 1400px){
 #subVisual > .e-con-inner { padding: 0 20px; } 
 }
@media screen and (max-width: 1024px){
 #subVisual { margin-top: 80px; } 
 }
@media screen and (max-width: 767px){
 #subVisual { height: 25rem; } 
 #subVisual > .e-con-inner { margin-bottom: 5rem; } 
 #subVisual #subTitle h2 { font-size: 3.2rem; } 
 }
/********************************************
 * SUB MENU SETTING
 * 서브 메뉴 셋팅
 ********************************************/
#subVisual #subMenu { bottom: -4rem; } 
#subVisual #subMenu > .e-con-inner > .elementor-element { width: 100%; } 
#subVisual #subMenu ul.elementor-nav-menu { background: #fff; border-radius: 10px; box-shadow: 1px 1px 4px #c3c3c3; } 
#subVisual #subMenu ul.elementor-nav-menu li { border-radius: 10px; transition: all 0.3s ease; } 

#subVisual #subMenu ul.elementor-nav-menu li a { font-family: "Pretendard"; padding: 3rem 1rem; font-size: 20px; font-weight: 500; color: #333; position: relative; transition: all 0.3s ease; } 
#subVisual #subMenu ul.elementor-nav-menu li a:after { content: ""; position: absolute; width: 1px; height: 50%; top: 50%; transform: translateY(-50%); background: #ddd; right: 0; opacity: 1; } 
#subVisual #subMenu ul.elementor-nav-menu li:last-child a:after { display: none; } 
#subVisual #subMenu ul.elementor-nav-menu li.current-menu-item,
#subVisual #subMenu ul.elementor-nav-menu li.current-page-ancestor { background: var(--sub-color); } 
#subVisual #subMenu ul.elementor-nav-menu li.current-menu-item a,
#subVisual #subMenu ul.elementor-nav-menu li.current-page-ancestor a { color: #fff; } 
#subVisual #subMenu ul.elementor-nav-menu li:hover { background: var(--sub-color); } 
#subVisual #subMenu ul.elementor-nav-menu li:hover a { color: #fff; } 
@media screen and (max-width: 1400px){
 #subVisual #subMenu > .e-con-inner { padding: 0 20px; } 
 }
@media screen and (max-width: 767px){
 #subVisual #subMenu ul.elementor-nav-menu li a { font-size: 15px; padding: 1.2rem 1rem; } 
 }
/********************************************
 * COMMON SITEMAP SETTING
 * 사이트맵 세팅
********************************************/
#elementor-popup-modal-447.sitemap .menu-con .e-con-inner { border: 1px solid #ddd; border-radius: 15px 15px 0 0; } 
#elementor-popup-modal-447.sitemap .menu-con .menu-tit h2 { font-family: "scoredream"; font-size: 2rem; color: #000; font-weight: 700; padding: 2rem; background: #f4f4f4; border-radius: 15px 15px 0 0; border-bottom: 1px solid #ddd; } 
#elementor-popup-modal-447.sitemap .menu-con nav .elementor-nav-menu .menu-item > a { font-family: "Pretendard"; font-size: 1.6rem; font-weight: 500; color: #666; padding: 1.5rem 1rem; border-bottom: 1px solid #eee; } 
#elementor-popup-modal-447.sitemap .menu-con nav .elementor-nav-menu .menu-item.current-menu-item a { background: var(--sub-color); color: #fff; } 
#elementor-popup-modal-447.sitemap .menu-con nav .elementor-nav-menu .menu-item > a:hover { background: var(--sub-color); color: #fff; } 

/** WORDPRESS MAIN VISUAL SLIDER DEFAULT SETTING **/
#mainVisualCon > .elementor-element,
#mainVisualCon > .elementor-element > .elementor-widget-container > .main-visual { height: 100%; } 
/* TOP BTN */

/** SETTING */
.point-ft,
.point-ft * { font-family: "scoredream"; } 
/** main title con 메인 타이틀 **/
.main-title-con { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4rem; } 
.main-title-con .main-tit { font-size: 3.5rem; color: #0a0a0a; font-weight: 700; position: relative; } 
.main-title-con .main-tit:after { content: ""; position: absolute; right: -2rem; top: -0.5rem; width: 1.2rem; height: 1.2rem; background: var(--sub-color); border-radius: 50px; } 
.more-btn { display: flex; align-items: center; } 
.more-btn span { font-size: 1.6rem; color: #333333; margin-right: 1.5rem; font-weight: 600; display: inline-block; transition: all 0.3s ease; } 
.more-btn .more { width: 4rem; height: 4rem; background: #e61c60; border-radius: 50px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 2.1rem; transition: all 0.3s ease; } 
.more-btn:hover span { transform: translateX(5px); } 
.more-btn:hover .more { background: rgb(245, 45, 111); transform: rotate(90deg); } 
@media screen and (max-width: 767px){
 .main-title-con .main-tit { font-size: 2.6rem; } 
 }

#mainVisualCon { width: 100%; height: 660px; } 
.main-visual-slide,
.main-visual-slide .slick-list,
.main-visual-slide .slick-track,
.main-visual-item { height: 100%; } 
.main-visual-img { position: absolute; width: 100%; height: 100%; background-size: cover; } 

#mainVisual .main-visual-bg-wrap { position: absolute; width: 100%; height: 100%; } 
#mainVisual .main-visual-bg-wrap .container { position: relative; width: 100%; height: 100%; } 
#mainVisual .main-visual-bg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; background-repeat: no-repeat; background-position: right; } 
#mainVisual .visual-txt-area { max-width: var(--max-container); margin: 0 auto; } 
#mainVisual .visual-txt-con { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; transform: translateY(-35px); } 
#mainVisual .visual-txt-con .visual-tit { font-size: 55px; font-weight: 700; line-height: 1.3; } 
#mainVisual .visual-txt-con .visual-txt { font-size: 22px; font-weight: 500; margin-top: 1rem; } 

#mainVisual .visual-item01 .visual-txt-con .visual-tit span { color: #234a82; } 
#mainVisual .visual-item02 .visual-txt-con .visual-tit span { color: #114b1c; } 
#mainVisual .visual-item03 .visual-txt-con .visual-tit span { color: #f27a2b; } 
#mainVisual .visual-item01 .visual-txt-con .visual-txt { color: #515355; } 
#mainVisual .visual-item02 .visual-txt-con .visual-txt { color: #545d56; } 
#mainVisual .visual-item03 .visual-txt-con .visual-txt { color: #4a4640; } 

#mainVisual .slick-dots { position: absolute; display: flex; justify-content: center; width: 100%; bottom: 9rem; z-index: 9; } 
#mainVisual .slick-dots li { margin: 0 1rem; } 
#mainVisual .slick-dots li button { font-size: 0; border: none; background: #fff; padding: 0; width: 1.4rem; height: 1.4rem; border-radius: 50px; } 
#mainVisual .slick-dots li.slick-active button { width: 5rem; background: #4c4398; } 

@media screen and (max-width: 1400px){
 #mainVisual .visual-txt-area { padding: 0 20px; } 
 #mainVisual .visual-txt-con .pc-br { display: block; } 
 }
@media screen and (max-width: 1023px){
 #mainVisualCon { height: 500px; } 
 .main-visual-img { background-position: 100%; } 
 #mainVisual .main-visual-bg-wrap { display: none; } 
 #mainVisual .visual-txt-con .visual-tit { font-size: 42px; } 
 #mainVisual .visual-txt-con .visual-txt { font-size: 19px; } 
 }

@media screen and (max-width: 767px){
 #mainVisualCon { height: 400px; } 
 #mainVisual .visual-txt-area { transform: translateY(0); } 
 #mainVisual .visual-txt-con .visual-tit { font-size: 26px; } 
 #mainVisual .visual-txt-con .visual-txt { font-size: 16px; } 
 }
/** MAIN INFO 재단소개 **/

.main-quick-btn { width: 100%; position: absolute; top: -6rem; } 
.main-quick-btn .container { overflow: hidden; background: var(--sub-color); border-radius: 10px; } 
.main-quick-btn .quick-btn { text-align: center; position: relative; border-radius: 10px; margin: 0 -1px; transition: all 0.3s ease; } 
.main-quick-btn .quick-btn:after { content: ""; background: #ffffff2e; position: absolute; right: 0; top: 0; width: 1px; height: 100%; } 

.main-quick-btn .quick-btn:hover { border-radius: 0; } 
.main-quick-btn .quick-btn a:hover:before { content: ""; background: #ffffff2e; top: 0; position: absolute; left: 0; width: 1px; height: 100%; } 
.main-quick-btn .quick-btn a { color: #fff; padding: 2rem 2rem; display: inline-block; width: 100%; font-size: 1.9rem; border-bottom: 1px solid #ffffff2e; font-weight: 400; } 
.main-quick-btn .quick-btn a:hover { background: #625aaf; } 

.main-quick-btn-controls { position: absolute; top: 30%; width: 100%; font-size: 0; padding: 0; border: none; color: #000; z-index: 99; } 
.main-quick-btn-controls .arrow-btn { position: absolute; cursor: pointer; opacity: 0.25; transition: all 0.3s ease; } 
.main-quick-btn-controls .prev-btn:before,
.main-quick-btn-controls .next-btn:before { position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 4.2rem; } 
.main-quick-btn-controls .prev-btn { left: -4rem; } 
.main-quick-btn-controls .prev-btn:before { content: "\f104"; } 
.main-quick-btn-controls .next-btn { right: -2rem; } 
.main-quick-btn-controls .next-btn:before { content: "\f105"; } 
.main-quick-btn-controls .arrow-btn:hover { opacity: 1; } 

@media screen and (max-width: 1420px){
 .main-quick-btn { width: 90%; left: 5%; } 
 .main-quick-btn .container { padding: 0; } 
 }
@media screen and (max-width: 767px){
 .main-quick-btn-controls { top: 25%; } 
 .main-quick-btn-controls .prev-btn { left: -3rem; } 
 .main-quick-btn-controls .next-btn { right: -1rem; } 
 .main-quick-btn-controls .prev-btn:before,
 .main-quick-btn-controls .next-btn:before { font-size: 2.8rem; } 
 }

#mainInfoCon { z-index: 9; } 
#mainInfoCon:after { content: ""; position: absolute; background-image: url("/wp-content/uploads/2024/06/main_info_bg_txt.png"); background-repeat: no-repeat; width: 68.4rem; height: 31.8rem; right: 0; top: 4rem; z-index: -1; } 
.main-info-con { display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between; padding: 10rem 0; } 
.main-info-con .info-left-con { width: 57rem; } 
.main-info-con .info-right-con { width: 80rem; } 
.main-info-con .icon-list { display: flex; flex-wrap: wrap; padding: 3rem; background: #fff; border-radius: 1rem; } 
.main-info-con .icon-list .icon-item { width: 33.33333%; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
.main-info-con .icon-list .icon-item:nth-child(3n) { border-right: none; } 
.main-info-con .icon-list .icon-item:nth-child(n + 4):nth-child(-n + 6) { border-bottom: none; } 
.main-info-con .icon-list .icon-item a { display: flex; flex-direction: column; padding: 3rem 2rem; height: 100%; transition: all 0.3s ease; } 
.main-info-con .icon-list .icon-item .img-con { height: 100%; display: flex; align-items: center; justify-content: center; } 
.main-info-con .icon-list .icon-item .txt-con strong { font-size: 1.8rem; font-weight: 600; color: #333; margin-top: 2rem; display: block; } 
.main-info-con .icon-list .icon-item:hover a { transform: translateY(-10px); } 
.main-info-con .icon-list .icon-item:hover .txt-con strong { color: #000; } 

.main-info-con .main-board-tab-con { margin-left: 8rem; } 
.main-info-con .main-board-tab-con a { font-size: 2rem; font-weight: 500; color: #404040; margin: 0 1rem; padding: 0 1rem; cursor: pointer; transition: all 0.3s ease; } 
.main-info-con .main-board-tab-con a.active,
.main-info-con .main-board-tab-con a:hover { font-weight: 700; color: #0a0a0a; } 
.main-info-con .info-board-con { width: 100%; height: calc(100% - 8rem); border-radius: 1rem; background: #fff; position: relative; z-index: 9; } 
.main-info-con .info-board-con .info-board { display: none; padding: 4rem; } 
.main-info-con .info-board-con .info-board.active { display: block; } 

@media screen and (max-width: 1420px){
 #mainInfoCon { padding: 0 20px; } 
 .main-info-con .info-left-con { width: 100%; } 
 .main-info-con .info-right-con { width: 100%; margin-top: 5rem; } 
 .main-info-con .main-board-tab-con { position: absolute; right: 50px; } 
 }

@media screen and (max-width: 767px){
 .main-info-con .icon-list { padding: 0; } 
 .main-info-con .icon-list .icon-item a { padding: 3rem 0; } 
 .main-info-con .icon-list .icon-item .txt-con strong { font-size: 1.6rem; } 
 .main-info-con .main-board-tab-con a { font-size: 1.6rem; margin: 0; } 
 .main-info-con .info-board-con .info-board { padding: 1rem; } 
 }
@media screen and (max-width: 600px){
 .main-info-con .main-board-tab-con { display: none; } 
 }

/** MAIN GALLERY CON 메인 갤러리 **/
#mainGalleryCon { z-index: 9; overflow: hidden; } 
#mainGalleryCon:after { content: ""; background-image: url("/wp-content/uploads/2024/06/main_gallery_bg.png"); position: absolute; right: -1rem; bottom: -1rem; width: 50.3rem; height: 50.3rem; z-index: -1; } 
.main-gallery-con { padding: 10rem 0; } 

@media screen and (max-width: 1420px){
 #mainGalleryCon { padding: 0 20px; } 
 #mainGalleryCon .slick-dots { position: absolute; width: 100%; bottom: 0; display: flex; justify-content: center; } 
 #mainGalleryCon .slick-dots li button { border: 1px solid #ddd; font-size: 0; width: 12px; height: 12px; background: #ddd; padding: 0; border-radius: 50px; margin: 0 0.5rem; } 
 #mainGalleryCon .slick-dots li.slick-active button { background: var(--sub-color); width: 50px; } 
 }

/** MAIN DISTRICT CON 메인 상권안내 **/
#mainDistrictCon { z-index: 9; } 
.main-district-con { padding: 10rem 0; } 
.main-district-con .district-box-con { display: flex; justify-content: space-between; flex-wrap: wrap; } 

.main-district-con .district-box-con .box-con { width: 48%; background: #fff; border-radius: 15px; } 
.main-district-con .district-box-con .box-con.left-con { background-image: url("/wp-content/uploads/2024/06/main_district_bg_01.png"); background-repeat: no-repeat; background-position: right bottom; } 
.main-district-con .district-box-con .box-con.right-con { background-image: url("/wp-content/uploads/2024/06/main_district_bg_02.png"); background-repeat: no-repeat; background-position: right bottom; } 
.main-district-con .district-box-con .box-con a { display: inline-block; padding: 6rem; width: 100%; } 
.main-district-con .district-box-con .box-con .tit { font-size: 3.2rem; font-weight: 700; color: #0a0a0a; } 
.main-district-con .district-box-con .box-con .txt { font-size: 1.8rem; font-weight: 400; color: #414141; margin: 3rem 0 5rem; line-height: 1.3; } 
.main-district-con .district-box-con .box-con a:hover .more-btn .more { background: rgb(245, 45, 111); transform: rotate(90deg); } 
.main-district-con .district-box-con .box-con a:hover .more-btn span { transform: translateX(5px); } 

@media screen and (max-width: 1420px){
 #mainDistrictCon { padding: 0 20px; } 
 .main-district-con .district-box-con .box-con { width: 100%; margin: 0 0 3rem; } 
 }

@media screen and (max-width: 767px){
 .main-district-con .district-box-con .box-con a { padding: 5rem 3rem; } 
 .main-district-con .district-box-con .box-con .tit { font-size: 2.1rem; } 
 .main-district-con .district-box-con .box-con .txt { font-size: 1.6rem; margin: 2rem 0; } 
 }

@media screen and (max-width: 500px){
 .main-district-con .district-box-con .box-con { border: 1px solid #eee; } 
 .main-district-con .district-box-con .box-con.left-con,
 .main-district-con .district-box-con .box-con.right-con { background-image: none; } 
 }

/** MAIN PARTNER CON 파트너 **/
.main-partner-con { padding: 3rem 0; } 
.main-partner-con .partner-list { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } 
.main-partner-con .partner-list a { vertical-align: middle; } 
@media screen and (max-width: 1420px){
 #mainPartnerCon { padding: 0 20px; } 
 }
@media screen and (max-width: 767px){
 .main-partner-con .partner-list { justify-content: center; } 
 .main-partner-con .partner-list li { width: 50%; text-align: center; } 
 .main-partner-con .partner-list li img { max-width: 80%; } 
 }

/** FOOTER 푸터 */
.footer .f-top-con { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 3rem 0; } 
.footer .f-logo { background-image: url("/wp-content/uploads/2024/06/f_logo.png"); background-position: center; background-repeat: no-repeat; width: 19.5rem; height: 6.7rem; } 
.footer .f-right-con { display: flex; justify-content: space-between; align-items: center; width: 80%; } 
.footer .f-police-con { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 2rem; } 
.footer .f-police-con a { font-size: 16px; color: #0a0a0a; font-weight: 600; padding-right: 2rem; margin-right: 2rem; transition: all 0.3 ease; } 
.footer .f-police-con a:hover { color: var(--main-color); } 
.footer .f-police-con a:after { content: ""; position: absolute; right: 0; width: 1px; height: 80%; top: 10%; } 
.footer .f-info-con p span { color: #333333; font-size: 16px; font-weight: 400; margin-right: 3rem; } 
.footer .f-related-con { display: flex; flex-direction: column; align-items: flex-end; } 
.footer .f-sns-con .sns-list { display: flex; } 
.footer .f-sns-con li { margin: 0 0.5rem; } 
.footer .f-sns-con li a { background-position: center; background-repeat: no-repeat; width: 2.5rem; height: 2.5rem; display: inline-block; filter: saturate(0%); } 
.footer .f-sns-con li a.insta { background-image: url("/wp-content/uploads/2024/06/sns_insta.png"); } 
.footer .f-sns-con li a.facebook { background-image: url("/wp-content/uploads/2024/06/sns_face.png"); } 
.footer .f-sns-con li a.kakao { background-image: url("/wp-content/uploads/2024/06/sns_kakao.png"); } 
.footer .f-sns-con li a.blog { background-image: url("/wp-content/uploads/2024/06/sns_blog.png"); } 
.footer .f-family-site { margin-top: 1rem; } 
.footer .f-family-site .family-site { border: none; background-color: #fff; border-radius: 50px; font-size: 1.6rem; color: #0a0a0a; font-weight: 500; padding: 1rem 10rem 1rem 4rem; appearance: none; background-image: url("/wp-content/uploads/2024/06/family_arrow.png"); background-position: 90% 50%; background-repeat: no-repeat; } 
.footer .f-copy-con { border-top: 1px solid #dddddd; padding: 2rem 0; text-align: center; } 
.footer .f-copy-con p { color: #666666; font-size: 1.6rem; } 

@media screen and (max-width: 1420px){
 .footer { padding: 0 20px; } 
 .footer .f-left-con { width: 100%; } 
 .footer .f-right-con { width: 100%; margin-top: 3rem; } 
 }
@media screen and (max-width: 1023px){
 .footer .f-right-con { flex-wrap: wrap; } 
 .footer .f-related-con { width: 100%; margin-top: 3rem; } 
 }
@media screen and (max-width: 767px){
 .footer .f-info-con p span { font-size: 14px; margin-right: 1.5rem; } 
 }

/**** SUB ****/

#subContent { padding: 10rem 0 20rem; } 
#subContent .sub-title-con { text-align: center; margin-bottom: 10rem; } 
#subContent .sub-title-con h2 { font-size: 5.6rem; color: #0a0a0a; font-weight: 800; } 
@media screen and (max-width: 767px){
 #subContent .sub-title-con { margin-bottom: 5rem; } 
 #subContent .sub-title-con h2 { font-size: 3.2rem; } 
 }

/*************************** 이사장 인사말 *****************************/
#subContent.sub-greeting { padding: 10rem 0 0; } 
#subContent.sub-greeting:after { content: ""; background-image: url("/wp-content/uploads/2024/06/main_gallery_bg.png"); width: 50rem; height: 50rem; display: inline-block; bottom: 8rem; left: 0; position: absolute; background-size: cover; } 
.greeting-content { padding: 10rem 0 20rem; position: relative; } 
.greeting-content:after { position: absolute; content: ""; width: 100%; height: 100%; background: #f7f7f7; z-index: -1; bottom: 0; left: 0; } 
.greeting-con { display: flex; justify-content: space-between; position: relative; z-index: 9; align-items: start; } 
.greeting-con .ceo-img-con { border-radius: 15px; overflow: hidden; } 
.greeting-con .ceo-greeting-con { width: 60%; padding-left: 5%; } 
.greeting-con .ceo-greeting-con strong { font-size: 2.4rem; color: #000; font-weight: 600; } 
.greeting-con .ceo-greeting-con p { font-size: 2.1rem; margin-top: 3rem; } 

@media screen and (max-width: 1024px){
 .greeting-con { flex-wrap: wrap; justify-content: center; } 
 .greeting-con .ceo-greeting-con { width: 100%; padding: 0; margin-top: 3rem; } 
 }
@media screen and (max-width: 767px){
 #subContent.sub-greeting { padding: 5rem 0 0rem; } 
 .greeting-con .ceo-greeting-con strong { font-size: 1.5rem; } 
 .greeting-con .ceo-greeting-con p { font-size: 1.6rem; } 
 #subContent.sub-greeting:after { display: none; } 
 }

/*************************** 안산시 상권 안내 *****************************/
/************ 상권안내 리스트 페이지 *************/
.distribution { text-align: center; margin-bottom: 3rem; } 

.store-tbl { border-top: 2px solid #333; } 
.store-tbl tr,
.store-tbl th,
.store-tbl td { border: none; } 
.store-tbl thead tr { background: #0000000f; } 
.store-tbl thead th { font-size: 2.1rem; font-weight: 700; color: #0a0a0a; padding: 2rem 1rem; } 
.store-tbl tbody tr { border-bottom: 1px solid #ddd; } 
.store-tbl tbody td { font-size: 1.9rem; font-weight: 400; color: #222; background: none !important; text-align: center; padding: 2rem 1rem; } 
.store-tbl tbody td a { display: inline-flex; align-items: center; font-size: 1.7rem; padding: 1rem 2rem; border-radius: 5px; background: var(--sub-color); color: #fff; transition: all 0.3s ease; } 
.store-tbl tbody td a:before { content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.4rem; margin-right: 1rem; } 
.store-tbl tbody td a:hover { background: #e61960; } 
@media screen and (max-width: 1024px){
 .store-tbl thead th { font-size: 1.7rem; } 
 .store-tbl tbody td { font-size: 1.7rem; } 
 }
@media screen and (max-width: 767px){
 .store-tbl-con { overflow-x: scroll; } 
 .store-tbl-con .store-tbl { width: 100%; min-width: 600px; } 
 .store-tbl th:last-child { min-width: 5rem; } 
 .store-tbl tbody td { font-size: 1.5rem; padding: 2rem 0.5rem; } 
 .store-tbl tbody td a { font-size: 0; padding: 1rem; } 
 .store-tbl tbody td a:before { margin: 0; } 
 }

.market-info-con { display: flex; flex-wrap: wrap; border-top: 4px solid #666; border-bottom: 1px solid #ddd; padding: 5rem; background: #f4f4f4; } 
.market-info-con .market-img-con { width: 40%; } 
.market-info-con .market-img-con img { width: 100%; height: 100%; } 
.market-info-con .market-detail-con { width: 60%; padding-left: 3%; } 

.market-info-con .detail-list-con { background: #fff; padding: 3rem; border: 1px solid #eee; border-radius: 10px; box-shadow: 1px 1px 5px #ddd; } 
.market-info-con .detail-list-con .detail-tit { font-size: 2.8rem; color: #0a0a0a; font-weight: 700; margin-bottom: 3rem; } 
.market-info-con .detail-list-con li { display: flex; align-items: start; margin: 0 0 1.5rem 0; } 
.market-info-con .detail-list-con .tit { width: 25%; font-size: 2rem; color: #222; font-weight: 600; } 
.market-info-con .detail-list-con .tit i { display: inline-block; width: 3rem; text-align: center; margin-right: 1rem; } 
.detail-item.location i { margin-right: 1rem; } 
.detail-item.location i:before { content: "\f3c5"; } 
.detail-item.store i:before { content: "\f54e"; } 
.detail-item.close i:before { content: "\f017"; font-weight: 200; } 
.detail-item.parking i:before { content: "\f540"; } 
.detail-item.store-list i:before { content: "\f03a"; } 
.market-info-con .detail-list-con .txt { font-size: 2rem; color: #434343; width: 75%; } 
.market-info-con .detail-list-con .txt a { display: inline-block; padding: 1rem 2rem; font-size: 1.5rem; border-radius: 20px; background: var(--sub-color); color: #fff; transition: all 0.3s ease; } 
.market-info-con .detail-list-con .txt a.download-btn i { margin-right: 1rem; } 
.market-info-con .detail-list-con .txt a.download-btn i:before { content: "\f56d"; } 
.market-info-con .detail-list-con .txt a:hover { background: #6960bb; } 
/* 상권 설명 */
.market-description-con { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 8rem; } 
.market-description-con .description-col { width: 48%; } 
.market-description-con .description .tit { font-size: 2.4rem; font-weight: 600; color: #000; display: inline-block; border-radius: 10px; margin-bottom: 2rem; } 

.market-description-con .description .des-list li { margin-bottom: 1rem; } 
.market-description-con .description .des-list li span { font-size: 1.9rem; font-weight: 500; display: block; padding-left: 1.5rem; position: relative; } 
.market-description-con .description .des-list li span:before { content: ""; width: 7px; height: 7px; background: var(--sub-color); border-radius: 50%; position: absolute; left: 0; top: 10px; } 

.market-description-con .description .des-txt p { font-size: 1.9rem; color: #222; line-height: 1.8; } 

/* 포토 갤러리 */
.market-photo-con { margin-top: 10rem; display: flex; flex-wrap: wrap; justify-content: space-between; } 
.market-photo-con .gallery-con { position: relative; width: 48%; display: flex; flex-direction: column; justify-content: stretch; } 
.market-photo-con .map-con { width: 48%; } 
.market-photo-con .tit { font-size: 2.8rem; font-weight: 600; color: #0a0a0a; display: inline-block; margin-bottom: 1.5rem; position: relative; padding-left: 2rem; } 
.market-photo-con .tit:after { content: ""; position: absolute; width: 1.3rem; height: 1.3rem; background: var(--sub-color); border-radius: 50%; left: 0rem; top: -0.5rem; } 
.market-slide-con { border-radius: 15px; overflow: hidden; box-shadow: 4px 4px 10px #00000054; } 
.market-slide-con,
.market-slide-con > .slick-list,
.market-slide-con > .slick-list > .slick-track,
.market-slide-con > .slick-list > .slick-track img { height: 100%; } 
.market-slide-con .slide-item img { width: 100%; } 

/** 슬라이드 제어 **/
.market-photo-con .gallery-slide-controls { position: absolute; top: 50%; width: 100%; display: flex; justify-content: space-between; transition: all 0.3s ease; z-index: 999; } 
.market-photo-con .gallery-slide-controls a { font-size: 3.2rem; background: rgba(0, 0, 0, 0.5); padding: 1rem; transition: all 0.3s ease; cursor: pointer; } 
.market-photo-con .gallery-slide-controls a i { color: #fff; } 
.market-photo-con .gallery-slide-controls .prev-btn i:before { content: "\f104"; } 
.market-photo-con .gallery-slide-controls .next-btn i:before { content: "\f105"; } 
.market-photo-con .gallery-slide-controls a:hover { background: rgba(0, 0, 0, 0.8); } 
.market-photo-con .gallery-slide-count { position: absolute; bottom: 1rem; right: 1rem; } 
.market-photo-con .slide-count-con { display: flex; justify-content: end; padding: 1rem 4rem; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(5px); } 
.market-photo-con .slide-count-con .count { font-size: 2.1rem; color: #fff; font-weight: 500; } 

/* 맵 */
.market-photo-con .map-con .map { border-radius: 15px; box-shadow: 4px 4px 10px #00000054; overflow: hidden; } 

@media screen and (max-width: 1420px){
 #marketInfo > .e-con-inner { padding: 0 20px; } 
 .market-photo-con .gallery-con { padding: 0; } 
 }
@media screen and (max-width: 1024px){
 .market-info-con { flex-direction: column-reverse; } 
 .market-info-con .market-img-con { width: 100%; } 
 .market-info-con .market-detail-con { width: 100%; padding: 0; margin-bottom: 5rem; } 
 .market-info-con .detail-list-con { border-radius: 0; box-shadow: none; } 

 .market-description-con { margin-top: 5rem; } 
 .market-description-con .description-col { width: 100%; margin: 1rem 0; } 
 }

@media screen and (max-width: 767px){
 #subContent { padding: 5rem 0 20rem; } 

 .market-info-con { padding: 0; background: #fff; } 
 .market-info-con .detail-list-con { padding: 2rem 1rem; } 
 .market-info-con .detail-list-con .detail-tit { font-size: 2.1rem; } 
 .market-info-con .detail-list-con .tit { width: 35%; font-size: 1.5rem; } 
 .market-info-con .detail-list-con .tit i { margin: 0; width: 2rem; } 
 .market-info-con .detail-list-con li .txt { font-size: 1.5rem; width: 60%; } 
 .market-info-con .detail-list-con .txt a { padding: 1rem; } 

 .market-description-con .description .tit { font-size: 2.1rem; }
 .market-description-con .description .des-list li span { font-size: 1.6rem; } 
 .market-description-con .description .des-txt p { font-size: 1.6rem; } 

 .market-photo-con .gallery-con { width: 100%; margin-bottom: 4rem; } 
 .market-photo-con .map-con { width: 100%; } 
 }

/** 조직도 **/
.organization-img { position:relative; text-align: center; } 
.organization-img .organ-popup-con 
{position:absolute; min-width:50rem; background:#fff; opacity:0; visibility:hidden; z-index:99999; transition:all 0.3s ease;}
.organization-img .organ-popup-con table tr th 
{background:#f4f4f4; color:#000; font-size:1.7rem; padding:1rem;}
.organization-img .organ-popup-con table tr td 
{background:#fff; font-size:1.6rem; padding:1rem;}
.organization-img #audit 
{top:-4rem;}
.organization-img #director 
{top:-27rem; right:0;}
.organization-img .organ-popup-con.active 
{opacity:1; visibility:visible;}

.organ-area:hover
{cursor:pointer;}

.organ-tbl-sec { margin: 5rem 0; } 
.organ-tbl-sec .organ-tit { font-size: 2.7rem; font-weight: 700; color: #222; padding-left: 3rem; margin-bottom: 2rem; position: relative; } 
.organ-tbl-sec .organ-tit:before { content: ""; position: absolute; width: 2rem; height: 2rem; border: 5px solid var(--sub-color); left: 0; border-radius: 50px; top: 1px; } 
.organ-tbl-sec .organ-tbl table { border-top: 2px solid #222; } 
.organ-tbl-sec .organ-tbl table tr { border-bottom: 1px solid #ddd; } 
.organ-tbl-sec .organ-tbl table th { background: #ebe8ff; color: #000; font-size: 1.9rem; font-weight: 600; border: none; } 
.organ-tbl-sec .organ-tbl table td { font-size: 1.9rem; color: #222; font-weight: 400; background: #fff; border: none; vertical-align: middle; text-align: center; border: 1px solid #ddd; } 
.organ-tbl-sec .organ-tbl table td:first-child { border: none; } 
.organ-tbl-sec .organ-tbl table td:last-child { border: none; } 
.organ-tbl-sec .organ-tbl table td.part { text-align: left; width: 60%; } 
.organ-tbl-sec .organ-tbl table td.tel { width: 12%; } 

/* .organ-tbl-sec .organ-tbl table dl dt 
 {
 font-weight:600; color:#222; font-size:1.8rem; } */
.organ-tbl-sec .organ-tbl table dl dd { display: flex; flex-wrap: wrap; margin-top: 0.5rem; padding-left: 2rem; } 
.organ-tbl-sec .organ-tbl table dl dd span { font-size: 1.7rem; font-weight: 400; display: block; padding-left: 1.5rem; position: relative; min-width: 48%; margin: 0 0 0.5rem; color: #5b5b5b; } 
.organ-tbl-sec .organ-tbl table dl dd span:before { content: ""; position: absolute; width: 5px; height: 5px; background: #666; left: 0; top: 10px; border-radius: 50px; } 
@media screen and (max-width: 1400px){
 .organization-content { padding: 0 20px; } 
 }
@media screen and (max-width: 1024px){
 .organ-tbl-sec .organ-tbl table th { font-size: 1.7rem; } 
 .organ-tbl-sec .organ-tbl table td { font-size: 1.7rem; } 
 .organ-tbl-sec .organ-tbl table dl dd span { min-width: 100%; } 
 }
@media screen and (max-width: 767px){
 .organ-tbl-sec .organ-tbl table td { padding: 10px; font-size: 1.5rem; } 
 .organ-tbl-sec .organ-tbl table td.part { width: auto; } 
 .organ-tbl-sec .organ-tbl table td.tel { width: auto; } 
 .organ-tbl-sec .organ-tbl table dl dd { padding-left: 1rem; } 
 .organ-tbl-sec .organ-tbl table dl dd span { font-size: 1.4rem; } 
 }
/************************ 오시는길 ****************************/
.top-location-con { border: 1px solid #ddd; border-radius: 15px; padding: 4rem; } 
.top-location-con .location-box { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.top-location-con .location-box dl { width: 48%; display: flex; align-items: start; flex-wrap: wrap; margin-bottom: 1rem; } 
.top-location-con .location-box dl dt { font-size: 2.1rem; color: #000; font-weight: 600; width: 8rem; } 
.top-location-con .location-box dl dd { font-size: 2.1rem; color: #000; font-weight: 300; padding-left: 1rem; width: calc(100% - 8rem); } 
.location-map-con { margin-top: 5rem; } 
.location-des-con { margin-top: 3rem; } 
.location-des-con .location-des dl { display: flex; margin-bottom: 2rem; } 
.location-des-con .location-des dl dt { font-size: 2.1rem; color: #000; font-weight: 600; width: 20%; } 
.location-des-con .location-des dl dd { font-size: 1.9rem; color: #000; font-weight: 300; } 
.location-des-con .location-des dl dd strong { color: #000; font-weight: 600; } 
.location-des-con .location-des dl dd p { margin-bottom: 0.5rem; } 
.location-des-con .location-des dl dd b.line4 { color: #00abdf; font-weight: 600; } 

.location-des-con .bus-btn-con { margin-top: 4rem; } 
.location-des-con .bus-btn-con button { border: 1px solid #ddd; color: #222; background: #f4f4f4; border-radius: 15px; padding: 2rem 5rem; font-size: 1.7rem; } 
.location-des-con .bus-con .bus-detail-con { text-align: center; padding: 4rem 0; border: 1px solid #ddd; } 
.location-des-con .bus-con .bus-detail-con p { margin-top: 3rem; font-size: 2.1rem; color: #333; font-weight: 600; } 
.location-des-con .bus-btn-con button:hover,
.location-des-con .bus-btn-con button.active { background: var(--sub-color); color: #fff; } 

.location-des-con .bus-etc-list { margin-top: 2rem; } 
.location-des-con .bus-etc-list li { font-size: 1.5rem; color: #1b1b1b; } 

@media screen and (max-width: 1400px){
 .location-con { padding: 0 20px; } 
 }

@media screen and (max-width: 1024px){
 .top-location-con .location-box dl { width: 100%; } 
 }
@media screen and (max-width: 767px){
 .top-location-con { padding: 2rem; } 
 .top-location-con .location-box dl dt { width: 100%; font-size: 1.6rem; } 
 .top-location-con .location-box dl dd { width: 100%; font-size: 1.6rem; padding: 0; } 

 .location-des-con .location-des dl { flex-wrap: wrap; } 
 .location-des-con .location-des dl dt { width: 100%; font-size: 1.7rem; } 
 .location-des-con .location-des dl dd { width: 100%; font-size: 1.6rem; } 
 .location-des-con .bus-btn-con button { font-size: 1.6rem; padding: 2rem; min-width: 100%; margin: 1rem 0; } 
 }
/** 재단 개요 **/

.summary-top-con { background: #f7f7f7; } 
.summary-top-con h2 { font-size: 3rem; text-align: center; padding: 8rem 0; line-height: 1.5; color: #222; } 
.summary-top-con h2 strong { font-size: 3.8rem; font-family: "scoredream"; color: var(--main-color); } 

/* 비전 1 */

.summary-vision-con { margin: 8rem 0; } 
/* .summary-vision-con .vision-con { display: flex; justify-content: space-between; } 
.summary-vision-con .vision-con .vision-col-con { width: 32%; margin: 0 1%; background: #f9f9f9; border: 1px solid #ddd; border-radius: 15px; padding: 5rem; display: flex; align-items: start; } 
.summary-vision-con .vision-con .vision-col-con:nth-child(1) { background: #0f8158ed; } 
.summary-vision-con .vision-con .vision-col-con:nth-child(2) { background: #0a598bed; } 
.summary-vision-con .vision-con .vision-col-con:nth-child(3) { background: #4c4398ed; } 
.summary-vision-con .vision-con .vision-tit-con { margin-right: 2rem; width: 30%; } 
.summary-vision-con .vision-con .vision-tit-con h2 { font-size: 2.4rem; font-weight: 600; color: #fff; line-height: 1.5; } 
.summary-vision-con .vision-con .vision-des-con span { font-size: 2.4rem; font-weight: 400; color: #fff; } */
/* 비전 2 */
.summary-vision-con .vision-row { display: flex; align-items: center; border: 1px solid #ddd; padding: 1rem; border-radius: 50px; margin: 2rem 0; background: #f4f4f4; } 
.summary-vision-con .vision-row dt { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 25%; padding: 2rem 5rem; border-radius: 50px; } 
.summary-vision-con .vision-row dt span { font-size: 2.6rem; font-weight: 500; color: #fff; } 
.summary-vision-con .vision-row dt b { display: none; } 
.summary-vision-con .vision-row dd { width: 75%; margin-left: 5%; } 
.summary-vision-con .vision-row dd span { font-size: 2.1rem; color: #333; display: flex; justify-content: space-between; padding: 0 5rem 0 0; } 
.summary-vision-con .vision-row dd span strong { position: relative; min-width: 20rem; text-align: center; display: inline-block; padding: 1rem 2rem; color: #fff; font-weight: 300; } 
.summary-vision-con .vision-row dd span strong:after { content: "\2b"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: -27%; top: 5px; color: #b3b3b3; font-size: 2.4rem; } 
.summary-vision-con .vision-row dd span strong:last-child:after { content: ""; } 
.summary-vision-con .vision-row dd span strong:nth-child(1) { background: #99131a; } 
.summary-vision-con .vision-row dd span strong:nth-child(2) { background: #36b99b; } 
.summary-vision-con .vision-row dd span strong:nth-child(3) { background: #e94a80; } 
.summary-vision-con .vision-row:nth-child(1) dt { background: #40a782; } 
.summary-vision-con .vision-row:nth-child(2) dt { background: #2f7eb1; } 
.summary-vision-con .vision-row:nth-child(3) dt { background: #5d54a9; } 

.summary-goal-con { padding: 3rem 0; } 
.summary-goal-con .summary-tit { margin-bottom: 5rem; text-align: center; } 
.summary-goal-con .summary-tit h2 { font-size: 4.8rem; font-weight: 700; color: #0a0a0a; } 
.summary-goal-con .goal-list-con { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.summary-goal-con .goal-list-con .goal-item { width: 30%; display: flex; flex-direction: column-reverse; } 
.summary-goal-con .goal-list-con .goal-item .goal-img-con { width: 100%; height: 35rem; border-radius: 0 0 15px 15px; } 
.summary-goal-con .goal-list-con .goal-item .goal-img-con .goal-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: bottom center; } 

.summary-goal-con .goal-list-con .goal-item .goal-txt-con { padding: 5rem 2rem; text-align: center; border-radius: 15px 15px 0 0; height: calc(100% - 35rem); } 
.summary-goal-con .goal-list-con .goal-item .goal-txt-con h2 { font-size: 2.6rem; color: #fff; font-weight: 600; line-height: 1.5; } 
.summary-goal-con .goal-txt-con .goal-txt { margin-top: 1rem; } 
.summary-goal-con .goal-txt-con .goal-txt p { font-size: 1.8rem; font-weight: 300; color: #fff; margin: 0 0.5rem; padding: 0 0.5rem; position: relative; } 

.summary-goal-con .goal-item.goal-img01 .goal-img-con { background-color: #a5c5ed; } 
.summary-goal-con .goal-item.goal-img02 .goal-img-con { background-color: #edcaa5; } 
.summary-goal-con .goal-item.goal-img03 .goal-img-con { background-color: #eda5b4; } 
.summary-goal-con .goal-item.goal-img01 .goal-txt-con { background-color: #2b61a5; } 
.summary-goal-con .goal-item.goal-img02 .goal-txt-con { background-color: #a17f5a; } 
.summary-goal-con .goal-item.goal-img03 .goal-txt-con { background-color: #d77388; } 

@media screen and (max-width: 1024px){
 .summary-vision-con .vision-row dt { width: 20%; } 
 .summary-vision-con .vision-row dt span { font-size: 2.1rem; } 
 .summary-vision-con .vision-row dd span { font-size: 1.9rem; } 
 .summary-vision-con .vision-row dd span strong { width: 26%; min-width: auto; } 

 .summary-goal-con .goal-list-con { justify-content: space-around; } 
 .summary-goal-con .goal-list-con .goal-item { width: 48%; margin: 1%; } 
 }
@media screen and (max-width: 767px){
 .summary-top-con h2 strong { font-size: 1.9rem; } 
 .summary-top-con h2 { font-size: 1.5rem; } 

 .summary-vision-con .vision-row { flex-wrap: wrap; } 
 .summary-vision-con .vision-row dt { width: 100%; } 
 .summary-vision-con .vision-row dd { width: 100%; margin: 1.5rem 0; padding: 0 2rem; } 
 .summary-vision-con .vision-row dd span { justify-content: center; padding: 0; } 
 .summary-vision-con .vision-row dd span strong { width: 33%; padding: 1rem; } 
 .summary-vision-con .vision-row dd span strong:after { display: none; } 

 .summary-goal-con .goal-list-con .goal-item { width: 100%; } 
 .summary-goal-con .goal-list-con .goal-item .goal-txt-con h2 { font-size: 2.2rem; } 
 }
@media screen and (max-width: 600px) { } 

/** 재단 발자취 history **/
.history-content .history-top-con { background: #f4f4f4; padding: 5rem 0; } 
.history-content .history-top-con .history-top { display: flex; justify-content: center; align-items: end; } 
.history-content .history-top-con .history-img-con { border-radius: 50px; overflow: hidden; } 

/* 재단 발자취 컨텐츠 */
.history-content .history-desc-con { display: flex; justify-content: space-between; } 
.history-content .history-txt-con .txt-img-con { text-align: right; } 
.history-content .history-txt-con h2 { font-size: 2.8rem; font-weight: 700; color: #1b1b1b; margin: 3rem 0 5rem; } 
#cm_history_style_02 .history-tab-menu { position: relative; border-top: 1px solid rgba(255, 255, 255, 0.2); z-index: 999; } 
#cm_history_style_02 .history-tab-menu ul { display: flex; } 
#cm_history_style_02 .history-tab-menu ul li { margin-right: 35px; } 
#cm_history_style_02 .history-tab-menu ul li a { position: relative; display: block; } 
#cm_history_style_02 .history-tab-menu ul li a:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 3px; background: #2daae1; transition: all 0.5s ease; } 
#cm_history_style_02 .history-tab-menu ul li a span { font-size: 2.4rem; font-weight: 500; color: rgba(255, 255, 255, 0.8); } 
#cm_history_style_02 .history-tab-menu ul li.selected a:before,
#cm_history_style_02 .history-tab-menu ul li:hover a:before { width: 100%; } 
#cm_history_style_02 .history-tab-menu ul li.selected a span,
#cm_history_style_02 .history-tab-menu ul li:hover a span { color: #2daae1; font-weight: 500; } 

#cm_history_style_02 .history-tab-content { margin-top: 8rem; } 
#cm_history_style_02 .history-tab-content .history-box { display: flex; align-items: start; } 
#cm_history_style_02 .history-tab-content .history-box .history-year-con h2 { font-size: 42px; color: #000; font-weight: 900; } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con { padding-left: 10rem; position: relative; width: 100%; } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list { display: flex; align-items: start; padding-bottom: 5.2rem; } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dt { font-size: 32px; font-weight: 800; color: #222; margin-right: 50px; padding-right: 50px; width: 8.2rem; line-height: 1; position: relative; } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dt:before { content: ""; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); width: 50px; height: 1px; background: var(--sub-color); } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dd { } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dd strong { font-size: 2.1rem; font-weight: 700; color: #000; position: absolute; } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dd p { padding-left: 30px; font-size: 18px; font-weight: 400; color: #000; margin-bottom: 1.5rem; } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dd p a {color:var(--sub-color); font-weight:500;}
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dd p a:after 
{content:'\f08e'; font-size:1.5rem; color:#999; margin-left:1rem;}
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dd p a:hover:after 
{color:#000;}
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dd p span { font-weight: 500; margin-right: 1rem; display: inline-block; } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list.on dt { color: var(--sub-color); } 
#cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list.on dd strong { color: var(--sub-color); } 
@media screen and (max-width: 1024px){
 .history-content .history-desc-con { flex-wrap: wrap; justify-content: center; } 
 .history-content .history-txt-con .txt-img-con { text-align: center; } 
 #cm_history_style_02 .history-tab-content .history-box { padding: 0; } 
 }
@media screen and (max-width: 767px){
 #cm_history_style_02 .history-sub-tab-con { width: 100%; } 
 #cm_history_style_02 .history-tab-content .history-box { flex-direction: column; } 
 #cm_history_style_02 .history-tab-content .history-box .history-detail-con { padding: 0; margin-top: 3rem; } 
 #cm_history_style_02 .history-tab-content .history-box .history-year-con h2 { font-size: 32px; } 
 #cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dt { font-size: 21px; padding: 0; margin: 0; min-width: 7rem; } 
 #cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dt:before { display: none; } 
 #cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dd { min-width: calc(100% - 7rem); } 
 #cm_history_style_02 .history-tab-content .history-box .history-detail-con .history-year-list dd p { font-size: 16px; padding: 0; } 
 }

/** CI 소개 **/
.bg-grid { background-image: url("/wp-content/uploads/2024/06/grid_bg.png"); width: 100%; padding: 5rem 1rem; display: flex; align-items: center; justify-content: center; } 
.symbol-tit-con { margin-bottom: 3rem; } 
.symbol-tit-con .tit { font-size: 2.8rem; font-weight: 600; color: #222; } 
.concept-con { display: flex; align-items: start; } 
.concept-con .left-tit-con { width: 16%; text-align: left; } 
.concept-con .left-tit-con .tit { font-size: 2.8rem; font-weight: 600; color: #222; line-height: 1.5; } 
.concept-con .left-tit-con .txt { font-size: 2.1rem; color: #000; text-align: right; font-weight: 300; margin-top: 0.5rem; } 
.concept-con .right-des-con { width: 84%; padding-left: 10rem; } 
.concept-con .right-des-con h4 { font-size: 2.6rem; font-weight: 500; color: #000; line-height: 1.5; margin-bottom: 2rem; } 
.concept-con .right-des-con h4 strong { font-size: 3.4rem; font-weight: 700; color: var(--main-color); } 
.concept-con .right-des-con .concept-des p { font-size: 1.9rem; font-weight: 400; color: #444; margin-top: 1rem; line-height: 1.5; word-break: keep-all; } 
.concept-con .right-des-con .concept-des p b { font-size: 2.1rem; font-weight: 700; color: var(--sub-color); } 

.symbol-con { margin: 15rem 0; } 
.symbol-row-con { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -1%; } 
.symbol-con .symbol-col-con { width: 48%; margin: 0rem 1%; } 
.symbol-con .symbol-txt p { text-align: center; padding: 2rem 0; font-size: 1.9rem; color: #444; font-weight: 600; } 

.color-con .color-des-con { } 
.color-con .des-list { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.color-con .des-list .des-con { width: 30%; } 
.color-con .des-list .des-con .color-box { width: 100%; padding-top: 15rem; margin-bottom: 2rem; } 
.color-con .color-box.color-box-01 { background: rgb(238, 39, 106); } 
.color-con .color-box.color-box-02 { background: rgb(82, 79, 161); } 
.color-con .color-box.color-box-03 { background: rgb(245, 153, 177); } 
.color-con .des-list .des-con dl { display: flex; flex-wrap: wrap; margin: 1rem 0; } 
.color-con .des-list .des-con dl dt { min-width: 15rem; color: #333; font-size: 1.9rem; font-weight: 700; } 
.color-con .des-list .des-con dl dd { padding-left: 2rem; color: #444; font-size: 1.9rem; } 

@media screen and (max-width: 1400px){
 .ci-content { padding: 0 20px; } 

 .concept-con .left-tit-con { width: 25%; } 
 .concept-con .left-tit-con .txt { text-align: left; margin: 0; } 

 .concept-con .right-des-con { width: calc(100% - 25%); padding-left: 3%; } 
 }

@media screen and (max-width: 1024px){
 .concept-con { flex-wrap: wrap; } 
 .concept-con .left-tit-con { width: 100%; } 
 .concept-con .right-des-con { width: 100%; padding: 0; margin-top: 3rem; } 
 .concept-con .right-des-con h4 { font-size: 2.1rem; margin: 0; } 
 .concept-con .right-des-con h4 strong { font-size: 2.1rem; } 
 .concept-con .right-des-con .concept-des p b { font-size: 1.9rem; } 
 .concept-con .right-des-con .concept-des p { font-size: 1.7rem; } 

 .color-con .des-list .des-con { width: 32%; } 
 .color-con .des-list .des-con dl { padding: 0 10px; } 
 .color-con .des-list .des-con dl dt { width: 100%; font-size: 1.7rem; } 
 .color-con .des-list .des-con dl dd { width: 100%; font-size: 1.7rem; padding: 0; } 
 }
@media screen and (max-width: 767px){
 .symbol-con .symbol-col-con { width: 100%; } 
 .color-con .des-list .des-con { width: 100%; margin-bottom: 3rem; } 
 .color-con .des-list .des-con .color-box { margin: 0; } 
 }

/** 썸머노트 커스텀 **/
.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable { font-size: 1.9rem; } 
/** 케이보드 추가 요소에 대한 커스텀 **/
#custom.view-btn-con { margin-top: 5rem; display: flex; justify-content: center; } 
#custom.view-btn-con a { background: #1b1b1b !important; color: #fff !important; padding: 1.5rem 3rem; font-size: 1.8rem; min-width: 15rem; text-align: center; transition: all 0.3s ease; } 
#custom.view-btn-con a:hover { background: #333 !important; opacity: 1; } 

.business-con .img-con 
{text-align:center;}

@media screen and (max-width: 1400px){
 .store-list-con,
 .board-con,
 .gallery-con { padding: 0 20px; } 
 .market-content.board-con { padding: 0; } 
 .business-con { padding:0 20px;}
 }

/* 재단사업 안내 > 상권활성화사업 */

/* 재단사업 안내 > 연간사업일정 */
.cm-tab-content
{margin-top:5rem}
.cm-tab-menu-con ul
{display:flex; margin:0 -0.5%;}
.cm-tab-menu-con ul li
{width:15.666%; border:1px solid #ddd; margin:0 0.5%; padding:2rem; font-size:1.9rem; color:#333; text-align:center; font-weight:500; cursor:pointer;}
.cm-tab-menu-con ul li:hover
{background:#ebe8ff;}
.cm-tab-menu-con ul li.active 
{background:var(--sub-color); color:#fff;}

.years-plan-tbl .years-plan-tit
{margin-bottom:3rem;}
.years-plan-tbl .years-plan-tit h4 
{font-size:3rem; color:#222; font-weight:800;}

.years-plan-tbl table tr th 
{background:#ebe8ff !important; color:#000; font-weight:600; font-size:1.9rem; vertical-align: middle;}
.years-plan-tbl table tr td 
{background:#fff !important; font-size:1.9rem; color:#222; font-weight:400; vertical-align: middle; padding:2rem 1rem; text-align:center;;}
.years-plan-tbl table tr td span
{width:100%; font-weight:400; text-align:left;}


/** 방문자 통계 **/
.visit-con .visit-tbl th 
{background:#f4f4f4; font-size:1.6rem; color:#000; width:20%;}
.visit-con .visit-tbl td 
{background:#fff; font-size:1.6rem; color:#777;}

.visit-con .page-visit-list .visit-list-title 
{text-align:center; margin-bottom:5rem; }
.visit-con .page-visit-list .visit-list-title h4 
{font-size:2.7rem; color:#000; display:inline-block; font-weight:600; position:relative; }
.visit-con .page-visit-list .visit-list-title h4:before 
{content:''; position:absolute; height:50%; width:100%; background:#e61c6024; bottom:0; z-index:0;}

.page-visit-list
{margin-top: 10rem;}
.page-view-con .page-view-row 
{margin-bottom:3rem;}
.page-view-con .page-tit strong
{font-size:1.8rem;}

.page-view-list ul 
{display:flex; overflow-x:auto;}
.page-view-list ul li 
{display:flex; align-items:center; width:20%; border-bottom:1px solid #ccc;}
.page-view-list ul li .year 
{font-size:1.4rem; font-weight:500; color:#000; width:12rem; background:#eee; padding:2rem 0rem; text-align:center;}
.page-view-list ul li .views 
{width:calc(28.5rem - 12rem); font-size:1.4rem; padding:2rem;}