* { 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; left:0; top:0; width:100%; height:var(--header-height); z-index:9999; transition: all 0.3s ease; } /* #header:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, #0000007d, #00000010, transparent)} */ #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 > 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, #header #nav .elementor-nav-menu > .menu-item > .sub-menu .current-menu-ancestor a { background:var(--main-color); 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 #nav .elementor-nav-menu > .menu-item > a {color:#000} #header.active #language img {mix-blend-mode:exclusion} #header.active #sitemap img {mix-blend-mode:exclusion} #header.on {background:#fff;} #header.on #nav .elementor-nav-menu > .menu-item > a {color:#000} #header.on #language img {mix-blend-mode:exclusion} #header.on #sitemap img {mix-blend-mode:exclusion} /******************************************** * Header Language Setting * 헤더 언어 폰트 셋팅 ********************************************/ #language {position:static; display:inline-block; width:auto; cursor:pointer} #language #language-nav {display:none; background:var(--main-color); position:absolute; width:30%; left:50%; transform:translateX(25%); margin-top:1rem;} #language #language-nav ul li {width:100%;} #language #language-nav ul li a {color:#fff; padding:1rem; line-height:1; font-size:1.5rem;} /******************************************** * Header Utility Setting * 헤더 유틸리티 셋팅 ********************************************/ #util {display:flex; align-items: center;} #util .order-btn {display:inline-block; border-radius:50px; background:var(--main-color);} #util .order-btn span {display:inline-block; color:#fff; font-size:1.5rem; padding:0.5rem 3rem;} #header.active #util .util-list li a {color:#000;} #header.active #util .sitemap-con .sitemap-icon .row {background:#000;} .hide-menu {display:none !important} /******************************************** * FULLPAGE SETTING * FULLPAGE 플러그인 사용시에만 사용하도록 !! * 풀페이지 메인페이지 세팅 ********************************************/ #elementor-popup-modal-1898 .dialog-widget-content {background-color:transparent !important; box-shadow:none !important;} #elementor-popup-modal-1898 .elementor-1898 {width:100%; height:100%;} #sitemapCon {background:#fff; padding:0; height:100%;} #sitemapCon > .e-con-inner {width:100%; max-width:100%; padding:0; margin:0; height:100%;} #sitemapCon > .e-con-inner > .elementor-element {padding:0; height:100%;} #sitemapCon > .e-con-inner > .elementor-element > .sitemap-item {border-right:1px solid #ddd; align-items:center; padding:15rem 0;} #sitemapCon .sitemap-item .e-con-inner { border:1px solid #ddd; border-radius:15px 15px 0 0; } #sitemapCon .sitemap-item .menu-tit{margin-bottom:10px; width:100%; border-bottom:1px solid #ddd;} #sitemapCon .sitemap-item .menu-tit h2 { font-size:2.6rem; color:#000; font-weight:600; padding:3rem 0; text-align:center; position:relative;} #sitemapCon .sitemap-item .menu-item {width:100%; margin:1rem 0;} #sitemapCon .sitemap-item .menu-item .sub-arrow {display:none;} #sitemapCon .sitemap-item .menu-item nav {max-width:90%; width:100%; margin:0 auto;} #sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a { font-family:'Pretendard'; font-size:1.7rem; font-weight:500; color:#444; padding:1.5rem 3rem; border-radius:5px;} /* #sitemapCon > .e-con-inner > .elementor-element > .sitemap-item nav .elementor-nav-menu .menu-item.current-menu-item a { color:var(--sub-color);} */ #sitemapCon > .e-con-inner > .elementor-element > .sitemap-item:hover {background:#252a3b;} #sitemapCon > .e-con-inner > .elementor-element > .sitemap-item:hover .menu-tit h2 {color:#fff;} #sitemapCon > .e-con-inner > .elementor-element > .sitemap-item:hover nav .elementor-nav-menu .menu-item > a {color:#ffffff70;} #sitemapCon .sitemap-item:hover .e-con-inner { border-color:#ffffff10; transition:none} #sitemapCon .sitemap-item:hover .menu-tit{border-color:#ffffff10; transition:none} #sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a:hover { background:#00000042; border:none; fill:none; color:#fff !important;;} #sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a::after{display:none} #elementor-popup-modal-1898 .dialog-close-button svg {fill:#000; font-size:4.2rem; background:#fff;} #elementor-popup-modal-3522 .dialog-close-button svg {fill:#000; font-size:4.2rem; background:#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: 55rem; background-position:center; } #subVisual > .e-con-inner { padding-top:10rem; justify-content: end; align-items:start; max-width:var(--max-container); margin:0 auto; } #subVisual #subTitle {} #subVisual #subTitle h2 { font-family:'Pretendard'; font-size: 7.2rem; color: #fff; font-weight: 700;} #subVisual #subText {margin-bottom:10rem;} #subVisual #subText h4 {font-family:'Exo 2'; font-size:2.4rem; color:#a5a5a5; opacity:1; font-weight:600} /******************************************** * SUB MENU SETTING * 서브 메뉴 셋팅 ********************************************/ #subMenu {position:relative; width:100%; display:block; } #subMenu .e-con-inner{ max-width: var(--max-container); width: 100%; } #subMenu .e-con-inner .elementor-element {width:100%;} #subMenu ul.elementor-nav-menu { width: 100%; flex-wrap: nowrap; } #subMenu ul.elementor-nav-menu li { flex-grow:1; transition: all 0.3s ease; } #subMenu ul.elementor-nav-menu li a { font-family: "Pretendard"; padding: 2.5rem 1rem; font-size: 18px; font-weight: 500; background: #fff; color: #212121; position: relative; display: inline-block; text-align: center; transition: all 0.3s ease; } #subMenu ul.elementor-nav-menu li a:after { display:none; } #subMenu ul.elementor-nav-menu li a .sub-arrow {display:none;} #subMenu ul.elementor-nav-menu li.current-menu-item a, #subMenu ul.elementor-nav-menu li.current-page-ancestor a, #subMenu ul.elementor-nav-menu li.current-menu-ancestor a { background: var(--main-color); } #subMenu ul.elementor-nav-menu li.current-menu-item a, #subMenu ul.elementor-nav-menu li.current-page-ancestor a, #subMenu ul.elementor-nav-menu li.current-menu-ancestor a { color: #fff; } #subMenu ul.elementor-nav-menu li:hover a { background: var(--main-color);color: #fff; } /******************************************** * POLICE COMMON * 정책 공통 세팅 ********************************************/ .police-content .police-con .top-txt {font-size:24px; text-align:center; margin-bottom:30px;;} .police-content .police-con .row {margin-bottom:50px;} .police-content .police-con .tit {font-size:22px; font-weight:700; color:#000; margin-bottom:5px; display:block;} .police-content .police-con p { font-size: 19px; color: #000; font-weight: 300; margin-bottom: 10px; line-height: 1.5; } .police-content .police-con ul li {font-size:17px; color:#000; font-weight:300; } .police-content .police-con ul li ul {padding-left:20px;} .police-content .police-con ul li ul li {font-size:16px;} .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 * 서브 공통 ****************************************************/ .hide-menu {display:none;} .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;} /* 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: start; text-align:left; font-size:16px; padding:20px;} #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;} } @media screen and (max-width:767px) { .cm-table-style-01, .cm-table-style-02 {overflow-x:scroll;} } html[lang="en-US"] #header #nav .elementor-nav-menu > .menu-item > a {padding:40px 30px} html[lang="en-US"] #util {width:270px;} html[lang="en-US"] #subVisual #subTitle {margin-bottom:15rem;}