* { font-family: "Pretendard"; } 
.fta:before,
.fta:after { font-family: "Font Awesome 5 Free" !important; font-weight: 900; } 
/** WORDPRESS MAIN VISUAL SLIDER DEFAULT SETTING **/
#mainVisualCon > .elementor-element,
#mainVisualCon > .elementor-element > .elementor-widget-container > .main-visual { height: 100%; } 
/********************************************
 * Header Menu Setting
 * 헤더
 ********************************************/
 .elementor-location-header[data-elementor-type="header"] .fixed { position: fixed; width: 100%; left: 0; top: 0; z-index: 9999; } 
/********************************************
 * Header Font Setting
 * 메인 메뉴(헤더) 폰트 셋팅
 ********************************************/
#header { position:fixed; z-index:9999; transition: all 0.3s ease; height: 8rem !important; } 
/* #header.main-header { position:fixed; background:transparent; } */
 #header.active { background:#000000a3; box-shadow:3px 3px 12px #00000014; backdrop-filter:blur(20px); } 
#header #logo_on { display: none; } 
#header #globalMenu_on { display: none; } 
#header #nav a { font-family: "Pretendard"; } 
#header #nav .elementor-widget-container { padding: 0; } 
#header #nav .elementor-nav-menu > .menu-item > a { padding: 40px 50px; color: #fff; font-size: 1.8rem; font-weight: 400; } 
#header #nav .elementor-nav-menu > .menu-item > .sub-menu { width: 100% !important; } 
#header #nav .elementor-nav-menu > .menu-item > .sub-menu a { font-size: 16px; color: #4e4e4e; font-weight: 700; white-space:wrap; border:none; } 
#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; } 

/********************************************
 * Header Language Setting
 * 헤더 언어 폰트 셋팅
 ********************************************/
#language .lang-item a { color:#aaaaaa; font-size:1.4rem; font-weight:500; padding:0 1rem; position:relative; transition:all 0.3s ease; } 
#language .lang-item a::after { content:''; position:absolute; width:1px; height:60%; top:20%; right:0; left:auto; opacity:1; background:#dddddd;; } 
#language .lang-item:first-child a:before { content:'\f0ac'; font-weight:900; font-family:'Font Awesome 5 Free'; opacity:1; width:0; height:0; position:Absolute; left:-1rem; top:0; } 
#language .lang-item:last-child a:after { display:none; } 
#language .lang-item.current-lang a { color:#222222; font-weight:600 } 
#language .lang-item a:hover { color:#222222; } 
/********************************************
 * Header Utility Setting
 * 헤더 유틸리티 셋팅
********************************************/
#util
 { display:flex; align-items: center; } 
#util .util-list 
 { display:flex; } 
#util .util-list li a 
 { font-size:1.6rem; color:#fff; font-weight:500; margin:0 1rem; padding:0 1rem; } 

#util .sitemap-con 
 { width:5rem; height:5rem; position: relative; } 
#util .sitemap-con .sitemap-icon 
 { width:100%; height:100%; position:relative; display:inline-block; } 
#util .sitemap-con .sitemap-icon .row 
 { width:4rem; height:3px; background:#fff; display:inline-block; position:absolute; top:18px; right:0; } 
#util .sitemap-con .sitemap-icon .row2 
 { margin-top:15px; } 


#header.active #util .util-list li a 
 { color:#000; } 
#header.active #util .sitemap-con .sitemap-icon .row 
 { background:#000; } 

/********************************************
 * FULLPAGE SETTING
 * FULLPAGE 플러그인 사용시에만 사용하도록 !!
 * 풀페이지 네비게이션 세팅
 ********************************************/
#fp-nav.left { left: 70px !important; } 
#fp-nav.left > ul > li { width: 8px; height: 8px; margin: 2rem 0; display: flex; align-items: center; } 
#fp-nav.left > ul > li > a > span { background: transparent; border: 1px solid #fff; width: 8px; height: 8px; margin: 0; left: 0; top: 0; } 
#fp-nav.left > ul > li > a.active > span,
#fp-nav.left > ul > li:hover > a > span,
#fp-nav.left > ul > li:hover > a.active > span { background: #fff; width: 8px; height: 8px; margin: 0; left: 0; top: 0; } 
#fp-nav.left > ul > li > .fp-tooltip { font-size: 1.8rem; color: #fff; font-weight: 400; font-family: "Pretendard"; position: relative; overflow: visible; width: auto; } 
#fp-nav.left.active > ul > li > a > span { border-color: #9d9d9d !important; } 
#fp-nav.left.active > ul > li > .fp-tooltip { color: #000 !important; } 
#fp-nav.left > ul > li > a.active > span { background: var(--main-color) !important; border: 1px solid var(--main-color) !important; } 
/********************************************
 * FULLPAGE SETTING
 * FULLPAGE 플러그인 사용시에만 사용하도록 !!
 * 풀페이지 메인페이지 세팅
 ********************************************/
.section .fp-tableCell .elementor-element,
.section .fp-tableCell .elementor-element .elementor-widget-container { height: 100%; } 


/********************************************
 * COMMON SITEMAP SETTING
 * 사이트맵 세팅
 * VER 1 유진
********************************************/
#elementor-popup-modal-99 .dialog-widget-content { background-color:transparent !important; box-shadow:none !important; } 
#sitemapCon { background:#fff; border-radius:25px } 
#sitemapCon .sitemap-item .e-con-inner { border:1px solid #ddd; border-radius:15px 15px 0 0; } 
#sitemapCon .sitemap-item .menu-tit { margin-bottom:10px; } 
#sitemapCon .sitemap-item .menu-tit h2 { font-family:var(--point-font); font-size:2.6rem; color:#202020; font-weight:500; padding:2rem 0; text-align:left; position:relative; } 
#sitemapCon .sitemap-item .menu-tit h2:before 
 { opacity:0; visibility:hidden; content:''; width:1rem; height:1rem; background:var(--main-color); border-radius:50px; display:inline-block; position:absolute; top:0; left:-10px; z-index:-1; transform:translateY(-10px); z-index:9; transition:all 0.3s ease; } 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a { font-family:var(--point-font); font-size:1.9rem; font-weight:400; color:#333; padding:1.5rem 1rem; } 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item.current-menu-item a { background:none; color:#000; border:none; } 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a:hover { color:var(--main-color); border:none; fill:none; } 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a::after { display:none } 
#sitemapCon .sitemap-item:hover .menu-tit h2:before 
 { opacity:1; visibility:visible; transform:translateY(0px); } 
#elementor-popup-modal-99 .dialog-close-button svg { fill:#bdbdbd; font-size:3.2rem; transition: all 0.3s ease; } 
#elementor-popup-modal-99 .dialog-close-button svg:hover
 { fill: var(--main-color) } 
/********************************************
 * COMMON SITEMAP SETTING
 * 사이트맵 세팅
 * VER 2 목포문화원
********************************************/

#elementor-popup-modal-286 .dialog-widget-content { background-color:transparent !important; box-shadow:none !important; } 
#sitemapCon { background:#fff; } 
#sitemapCon .sitemap-item .e-con-inner { border:1px solid #ddd; border-radius:15px 15px 0 0; } 
#sitemapCon .sitemap-item .menu-tit { margin-bottom:10px; } 
#sitemapCon .sitemap-item .menu-tit h2 { font-family:'gMarketSans'; font-size:3.0rem; color:#000; font-weight:500; padding:2rem 0; text-align:left; position:relative; } 
#sitemapCon .sitemap-item .menu-tit h2:before 
 { opacity:0; visibility:hidden; content:''; width:1rem; height:1rem; background:var(--main-color); border-radius:50px; display:inline-block; position:absolute; top:0; left:-10px; z-index:-1; transform:translateY(-10px); z-index:9; transition:all 0.3s ease; } 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a { font-family:'gMarketSans'; font-size:1.9rem; font-weight:500; color:#00000080; padding:1.5rem 1rem; } 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item.current-menu-item a { background:none; color:#000; border:none; } 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a:hover { color:var(--main-color); border:none; fill:none; } 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a::after { display:none } 
#sitemapCon .sitemap-item:hover .menu-tit h2:before 
 { opacity:1; visibility:visible; transform:translateY(0px); } 
#elementor-popup-modal-286 .dialog-close-button svg { fill:#000; font-size:4.2rem; } 

/********************************************
 * COMMON SITEMAP SETTING
 * 사이트맵 세팅
 * VER 3 안산시상권활성화재단
********************************************/
#elementor-popup-modal-304.sitemap .menu-con .e-con-inner { border: 1px solid #ddd; border-radius: 15px 15px 0 0; padding:0; } 
#elementor-popup-modal-304.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-304.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-304.sitemap .menu-con nav .elementor-nav-menu .menu-item.current-menu-item a { background: var(--sub-color); color: #fff; } 
#elementor-popup-modal-304.sitemap .menu-con nav .elementor-nav-menu .menu-item > a:hover { background: var(--sub-color); color: #fff; } 
/********************************************
 * QUICK BTN
 * 따라다니는 퀵메뉴
********************************************/
#quickBtn 
 { position:fixed; right:2%; top:70%; width:auto; display:inline-block; z-index:999; } 
#quickBtn .quick-btn 
 { display:flex; flex-direction:column } 
#quickBtn .quick-btn > a 
 { width:7rem; height:7rem; border-radius:50%; position:relative; display:inline-block; box-shadow:6px 3px 10px #0c0c0c11; } 
#quickBtn .quick-btn > a.top-btn 
 { background:#fff; } 
#quickBtn .quick-btn > a.customer-btn 
 { background:var(--main-color); display:flex; align-items: center; justify-content: center; margin-top:1rem; } 
#quickBtn .quick-btn .txt-box 
 { display:flex; flex-direction:column; align-items: center; justify-content: center; height:100%; } 
#quickBtn .quick-btn .txt-box i 
 { width:23px; height:14px; } 
#quickBtn .quick-btn .txt-box h4 
 { font-family:'Titilliym Web'; font-size:1.6rem; font-weight:700; color:var(--main-color); margin-top:0.5rem } 
#quickBtn .quick-btn > a.customer-btn i 
 { width:36px; height:34px; display:inline-block; } 
#quickBtn .quick-btn > a.customer-btn:hover 
 { background:#065083 } 
/********************************************
 * SUB VISUAL SETTING
 * 서브 비주얼 셋팅
 ********************************************/
#subVisual { width: 100%; height:50rem; background-position:center; background-image:url('/wp-content/uploads/2025/02/sub-visual.jpg') } 
#subVisual > .e-con-inner { justify-content: end; } 
#subVisual #subTitle { margin-bottom:5rem } 
#subVisual #subTitle .elementor-widget-container { overflow:hidden } 
#subVisual #subTitle h2 { font-family:'GmarketSans'; font-size: 12.2rem; color: #fff; font-weight: 700; margin-top:2rem; letter-spacing:0.02em; position:relative; display:inline-block; top:-15rem; transition:all 0.5s ease; } 
#subVisual #subText
 { margin-bottom:5rem; } 
#subVisual #subText h4 { font-family:'Pretendard'; font-size:2.4rem; color:#fff; opacity:0.6; font-weight:300 } 
#subVisual.page-on #subTitle h2
 { top:0; } 

/********************************************
 * SUB MENU SETTING
 * 서브 메뉴 셋팅
 ********************************************/
#subVisual #subMenu { bottom: 5rem; } 
#subVisual #subMenu .elementor-element { max-width: var(--max-container); width: 100%; } 
#subVisual #subMenu ul.elementor-nav-menu { width: 100%; flex-wrap: nowrap; } 
#subVisual #subMenu ul.elementor-nav-menu li { width: 15%; transition: all 0.3s ease; } 
#subVisual #subMenu ul.elementor-nav-menu li a { font-family: "Pretendard"; padding: 2.5rem 1rem; font-size: 20px; font-weight: 500; background: rgba(0, 0, 0, 0.3); color: #fff; position: relative; display: inline-block; text-align: center; 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: #ffffff1c; right: 0; left: auto; 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(--main-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(--main-color); } 
#subVisual #subMenu ul.elementor-nav-menu li:hover a { color: #fff; } 

/********************************************
 * POLICE COMMON
 * 정책 공통 세팅
********************************************/
.police-content .police-con p { font-size: 17px; color: #000; font-weight: 300; margin-bottom: 20px; line-height: 1.5; } 
.police-content .discl-box { max-width: 800px; margin: 15px auto 15px; background: #f4f4f4; border: 1px solid #ddd; padding: 30px; border-radius: 15px; } 
.police-content .discl-box p { font-size: 17px; color: #000; font-weight: 300; line-height: 1.5; } 
.emailinfo .info_box { display: flex; align-items: center; flex-wrap: wrap; background: #f4f4f4; border: 1px solid #ddd; border-radius: 10px; padding: 30px; } 
.emailinfo .info_box .txt-con { width: 100%; } 
.emailinfo .info_box .txt-con h4 { font-size: 19px; margin-bottom: 10px; } 
.emailinfo .info_box .txt-con p { font-size: 17px; color: #4b4b4b; line-height: 1.3; word-break: keep-all; } 
.emailinfo .emailinfo-detail { } 
.emailinfo .emailinfo-detail .detail-sec { margin: 50px 0; } 
.emailinfo .emailinfo-detail .detail-sec h5 { font-size: 21px; 
margin-bottom: 25px; position: relative; color: #222; } 
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li { font-size: 18px; color: #4e4e4e; margin-bottom: 25px; font-weight: 600; word-break: keep-all; line-height: 1.5; } 
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul { margin-top: 10px; } 
.emailinfo .emailinfo-detail .detail-sec .detail-txt-con ol > li > ul > li { font-size: 16px; color: #666; margin-bottom: 5px; font-weight: 400; line-height: 1.5; } 
.login-content input[type="submit"] { background-color:var(--main-color) !important } 

/**************************************************
* SUB COMMON
* 서브 공통
****************************************************/

.cm-sub-con 
 { margin:10rem 0; } 
.bg-con
 { padding:10rem 0; } 

.cm-table-style-01 table tr th 
 { background: #f4f4f4 !important; font-size: 2rem; color: #222; border-color: #ddd; } 
.cm-table-style-01 table tr td 
 { background:#fff !important; } 

.cm-table-style-02 table tr th 
 { background: #f4f4f4 !important; font-size: 2rem; color: #222; border-color: #ddd; } 
.cm-table-style-02 table tr td 
 { background:#fff !important; } 



@media screen and (max-width:1400px) { 
 #subVisual > .e-con-inner { padding:0 10px; } 
 } 
@media screen and (max-width:1024px) { 
 #sitemapBtn 
 { display:none; } 
 /* 모바일 메뉴 버튼 */
 #header #menu-wrap .elementor-menu-toggle 
 { background:#ffffff3b } 
 /* 모바일 토글 메뉴 */
 /* 1차 메뉴 */
 #header #nav .elementor-nav-menu > .menu-item > a
 { color:#000; font-size:1.7rem; padding: 20px 25px; } 
 /* 1차 메뉴 active */
 #header #nav .elementor-nav-menu > .menu-item.current-menu-ancestor,
 #header #nav .elementor-nav-menu > .menu-item.current-menu-item
 { background:var(--main-color); } 
 #header #nav .elementor-nav-menu > .menu-item.current-menu-ancestor > a,
 #header #nav .elementor-nav-menu > .menu-item.current-menu-item > a
 { color:#fff; } 
 /* 2차 메뉴 */
 #header #nav .elementor-nav-menu > .menu-item > .sub-menu
 { width:100% !important; } 
 #header #nav .elementor-nav-menu > .menu-item > .sub-menu a
 { justify-content: center; text-align:center; font-size:15px; padding:20px 0; } 
 #header #nav .elementor-nav-menu > .menu-item > .sub-menu > li:hover a,
 #header #nav .elementor-nav-menu > .menu-item > .sub-menu > li.current-menu-item a 
 { background:var(--main-color); color:#fff; } 
 /* 스크롤 다운 (header active) */
 #header.active #nav .elementor-nav-menu > .menu-item > a.elementor-item-active,
 #header #nav .elementor-nav-menu > .menu-item > a.highlighted
 { background:var(--main-color); color:#fff; } 
/* 서브비주얼 */
 #subVisual
 {height: 35rem;}
 #subVisual #subTitle h2,#subVisual.page-on #subTitle h2
 {font-size: 10rem;}
 .about-top-con,.page-on .contact-con.dark-bg
 {padding:6rem 0;}
 .about-top-con h2
 {font-size: 5rem;}
 .about-top-con h3
 {font-size: 4rem;}
 #subVisual #subTitle
{margin-bottom: 2rem;}
.about-banner
{height: 30rem;}
.sub-contact-con .contact-top-con h2 p
{font-size: 3.4rem;}
 } 
@media screen and (max-width:767px) { 
 .cm-table-style-01,
 .cm-table-style-02 
 { overflow-x:scroll; } 
/* 서브비주얼 */
 #subVisual
 {height: 25rem;}
 #subVisual #subTitle h2,#subVisual.page-on #subTitle h2
 {font-size: 7rem;}
 .about-top-con, .page-on .contact-con.dark-bg
 {padding: 4rem 0;}
 .about-top-con h2
 {font-size: 4rem;}
 .about-top-con h3
 {font-size: 3rem;}

 .about-txt-con .txt-box h5
 { font-size: 2.4rem; } 
 .about-content
 {padding: 10rem 0}
 } 

 @media screen and (max-width: 650px){
#subVisual #subTitle h2,#subVisual.page-on #subTitle h2
{font-size: 5rem;}
.about-top-con h2
{font-size: 3.2rem;}
.about-top-con h3
{font-size: 2.8rem;}
.about-top-con, .page-on .contact-con.dark-bg
{padding: 2rem 0;}
.sub-contact-con .contact-top-con h2 p
{font-size: 2.8rem;}
 }
 @media screen and (max-width: 450px) {
#subVisual 
{height: 20rem;}
#subVisual #subTitle h2,#subVisual.page-on #subTitle h2
{font-size: 4rem;}
.about-top-con h2
{font-size: 2.6rem;}
.about-top-con h3
{font-size: 2.2rem;}
.about-banner
{height: 20rem;}
.about-txt-con .txt-box h5
{font-size: 2rem;}
.about-txt-con .txt-box p
{font-size: 1.6rem; margin-top: 2rem;}
.sub-contact-con .contact-top-con h2 p
{font-size: 2.4rem;}

 }