* { 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; top:0; left:0; background:transparent; z-index:9999; transition: all 0.3s ease; } #header #logo_b { 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 > a .sub-arrow {display:none;} #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.active {background:#fff; box-shadow:3px 3px 12px #00000014} #header.active #logo_w{display:none} #header.active #logo_b{display:block} #header.active #nav .elementor-nav-menu > .menu-item > a {color:#000;} /******************************************** * 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;} #header.active #util #searchIcon, #header.active #util #sitemap {mix-blend-mode:exclusion} #header.active #util .util-list li a {color:#000;} #header.active #util .sitemap-con .sitemap-icon .row {background:#000;} /******************************************** * COMMON SITEMAP SETTING * 사이트맵 세팅 ********************************************/ #sitemapCon .sitemap-tit-con {padding:0 3rem 3rem 3rem; border-bottom:1px solid #000;} #sitemapCon .sitemap-tit-con h2 {font-size:4.2rem; color:#000; font-weight:800;} #sitemapCon .sitemap-tit-con p {font-size:2rem; color:#4b4b4b; font-weight:500;} #sitemapCon .sitemap-menu-con .menu-row {padding:3rem 2rem; border-bottom:1px solid #ddd;} #sitemapCon .sitemap-menu-con .sitemap-tit {min-width:15%;} #sitemapCon .sitemap-menu-con .sitemap-tit h2 {font-size:2.4rem; color:#000; font-weight:800;} #sitemapCon .sitemap-menu-con .sitemap-menu {min-width:85%;} #sitemapCon .sitemap-menu-con .sitemap-menu li {margin-right:1rem;} #sitemapCon .sitemap-menu-con .sitemap-menu li a {font-size:1.8rem; color:#555555; font-weight:600; border-radius:5px; transition:all 0.3s ease;} #sitemapCon .sitemap-menu-con .menu-row:hover {background:#f4f4f4;} #sitemapCon .sitemap-menu-con .sitemap-menu li a:hover {color:#fff; background:var(--main-color); font-weight:800;} /******************************************** * SUB VISUAL SETTING * 서브 비주얼 셋팅 ********************************************/ #subVisual { width: 100%; height: 45rem; background-position:center;} #subVisual > .e-con-inner { justify-content: end; } #subVisual #subTitle {margin-bottom:10rem;} #subVisual #subTitle h2 { font-family:'Pretendard'; font-size: 6.2rem; color: #fff; font-weight: 700;} #subVisual #subText {margin-bottom:5rem;} #subVisual #subText h4 {font-family:'Pretendard'; font-size:2.4rem; color:#fff; opacity:0.6; font-weight:300} /******************************************** * SUB MENU SETTING * 서브 메뉴 셋팅 ********************************************/ #subMenu {bottom:1rem;} #subMenu .e-con-inner{padding: 0;} #breadcrumb {width:100%;} #breadcrumb .breadcrumb-con {display:flex; align-items:center; height:100%;} #breadcrumb .home {width:6.5rem; height:6.5rem; display:flex; align-items:center; justify-content:center; border-radius: 1rem;background:#111; } #breadcrumb .home a {width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;} #breadcrumb .home i {font-size:1.8rem;color: #fff;} #breadcrumb .dep-con {padding: 0 3rem; width:30rem; position: relative; cursor: pointer; height:6.5rem; border-radius: 1rem; margin-left: 1rem;background: var(--main-color); color: #fff;} #breadcrumb .dep-con .dep-tit {height:100%;} #breadcrumb .dep-con .dep-tit .dep-active-tit {display:flex; justify-content:space-between; align-items:center; height:100%;margin: 0;} #breadcrumb .dep-con .dep-tit .dep-active-tit i { font-size:2.5rem;} #breadcrumb .dep-con .dep-tit .dep-active-tit span {font-size:1.8rem; font-weight: 600; } #breadcrumb .dep-menu {position:absolute; top:8.5rem; left:0;border-radius: 1rem; width:100%;background:#fff; border: 1px solid #ddd; padding:2rem 3rem; z-index:99; display: none; } #breadcrumb .dep-menu li a {font-size:1.8rem; color:#00000071; display:block; padding:1rem 0; transition:all 0.3s ease; font-weight: 600;} #breadcrumb .dep-menu li.current-menu-parent a, #breadcrumb .dep-menu li.current-menu-item a {color:#111;} #breadcrumb .dep-menu li a:hover {color:#111;} .hide-menu{display: none;} /******************************************** * 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} /************************************************** * MAIN VISUAL * 메인 비주얼 공통 세팅 ****************************************************/ #mainVisualCon { width:100%;} /* 풀페이지에만 사용 */ /* .section .fp-tableCell .elementor-element, .section .fp-tableCell .elementor-element .elementor-widget-container { height: 100%; } */ .main-visual-slide, .main-visual-slide .slick-list, .main-visual-slide .slick-track, .main-visual-item { height:100%; } .main-visual-item .container { height: 100%; } .main-visual-img { position:absolute; width:100%; height:100%; background-size:cover; background-position:center;} #mainVisualCon .visual-area {max-width:var(--max-container); width:100%; height:100%; margin:0 auto; position:relative;} #mainVisualCon .main-visual-txt-con {display:flex; justify-content:center; flex-direction:column; height:100%;} #mainVisualCon .main-visual-txt-con h4 {font-size:3.6rem; color:#fff; font-weight:300; margin-bottom:3rem;} #mainVisualCon .main-visual-txt-con h2 {font-size:6rem; color:#fff; font-weight:800;} .main-visual-controls { position: absolute; width: 100%; bottom: 10rem; z-index:9998;} .main-visual-controls .slick-dots {display:flex; width:100%; z-index:9999;} .main-visual-controls .slick-dots li {margin:0 0.5rem;} .main-visual-controls .slick-dots li span {font-size:1.6rem; width:3rem; height:3rem; display:flex; align-items:center; justify-content:center; margin-right:1rem; border-radius:50px; padding:0; border:none; color:#fff;} .main-visual-controls .slick-dots li.slick-active span {background:var(--main-color);;} .main-visual-quick-con {position:absolute; width:40rem; right:18rem; top:50%; transform:translateY(-50%); background:rgba(255,255,255,0.5); border-radius:15px; z-index:9998} .main-visual-quick-con .inner {padding:1rem;} .main-visual-quick-con .main-quick-box {display:flex; flex-direction:column; } .main-visual-quick-con .main-quick-box .direct-btn {background:#fff; border-radius:15px; margin:0 0 1rem 0;} .main-visual-quick-con .main-quick-box .direct-btn:first-child {background:var(--main-color); } .main-visual-quick-con .main-quick-box .direct-btn a {display:inline-flex; width:100%; align-items:center; justify-content:space-between; padding:2rem;} .main-visual-quick-con .main-quick-box .direct-btn a.btn-naver-custom {background-color: #003580; color: #fff; text-decoration: none; border-radius: 12px; font-weight: 600; font-size: 18px; border: none; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: opacity 0.3s; } .main-visual-quick-con .main-quick-box .direct-btn a.btn-naver-custom:hover { opacity: 0.9; color: #fff !important; } .main-visual-quick-con .main-quick-box .direct-btn a p {font-size:2rem; color:#000; font-weight:600; } .main-visual-quick-con .main-quick-box .direct-btn:first-child a p {color:#fff;} .main-visual-quick-con .main-quick-box .direct-btn:hover {background:linear-gradient(90deg, #871882, #8b2f87)} .main-visual-quick-con .main-quick-box .direct-btn:hover a p {color:#fff;} .main-visual-quick-con .main-quick-box .direct-btn:first-child:hover {background:#0159d5; } .main-visual-quick-con .main-quick-box .quick-icon-box {background:#fff; border-radius:15px;} .main-visual-quick-con .main-quick-box .quick-icon-box ul {display:flex; flex-wrap:wrap; padding:2rem 0;} .main-visual-quick-con .main-quick-box .quick-icon-box .item {width:50%; text-align:center; transition:all 0.3s ease;} .main-visual-quick-con .main-quick-box .quick-icon-box .item a {padding:1rem; display:block;} .main-visual-quick-con .main-quick-box .quick-icon-box .item p {font-size:1.8rem; color:#000; font-weight:500; margin-top:1rem;} .main-visual-quick-con .main-quick-box .quick-icon-box .item:hover {transform:translateY(-10px)} .main-visual-quick-con .custom-naver-wrapper { width: 100%; margin: 0 auto; } .main-visual-quick-con .n-icon-circle { width: 32px; height: 32px; background-color: #03C75A; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 900; font-size: 18px; color: #fff; font-family: sans-serif; } /************************************************** * SUB COMMON * 서브 공통 ****************************************************/ .hide-menu {display:none;} .cm-sub-con {margin:10rem 0;} .cm-sub-con:first-child {margin: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:1800px) { #header .e-con-inner {padding:0 20px;} #header #nav .elementor-nav-menu > .menu-item > a {padding:40px 20px;} #header #util {width:auto !important; } } @media screen and (max-width:1520px) { #mainVisualCon .visual-area {margin:0 20px;} } @media screen and (max-width:1440px) { #mainVisualCon .main-visual-txt-con {justify-content:flex-start; margin-top:20rem;} .main-visual-quick-con {left:2rem; right:auto;} #subVisual > .e-con-inner {padding:0 20px;} } @media screen and (max-width:1400px) { } @media screen and (max-width:1280px) { #header #nav .elementor-nav-menu > .menu-item > a {font-size:1.6rem; padding:40px 10px;} #header #logo_w, #header #logo_b {max-width:80%;} } @media screen and (max-width:1024px) { #header #nav {display:none;} #header .e-con-inner {padding:20px;} /* 모바일 메뉴 버튼 */ #header #menu-wrap .elementor-menu-toggle {background:#ffffff3b} /* 스크롤 다운 (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;} /* 사이트맵 */ #sitemapCon .sitemap-menu-con .menu-row {flex-wrap:wrap;} } @media screen and (max-width:767px) { .cm-table-style-01, .cm-table-style-02 {overflow-x:scroll;} /* 사이트맵 */ #sitemapCon {padding:5rem 0;} #sitemapCon .sitemap-tit-con h2 {font-size:2.2rem;} #sitemapCon .sitemap-tit-con p {font-size:1.7rem; line-height:1.5;} #sitemapCon .sitemap-menu-con .sitemap-tit h2 {font-size:2rem;} #sitemapCon .sitemap-menu-con .sitemap-menu li a {font-size:1.6rem;} .main-visual-quick-con {top:45%; width:calc(100% - 4rem);} #mainVisualCon .main-visual-txt-con h4 {font-size:2.4rem;} #mainVisualCon .main-visual-txt-con h2 {font-size:3.2rem;} .main-visual-quick-con .main-quick-box .direct-btn a.btn-naver-custom {font-size:1.6rem;} .main-visual-quick-con .main-quick-box .direct-btn a p {font-size:1.6rem;} .main-visual-quick-con .main-quick-box .quick-icon-box .item p {font-size:1.6rem;} #subVisual {height:35rem;} #subVisual #subTitle {margin-bottom:5rem;} #subVisual #subTitle h2 {font-size:3.2rem;} #breadcrumb .breadcrumb-con {flex-direction:column;} #breadcrumb .home {display:none;} #breadcrumb .dep-con {width:100%; margin:0.5rem 1rem; padding:0 1rem;} }