/*
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.3.0.1744589550
Updated: 2025-04-14 00:12:30

*/

.header 
{position: relative !important; background-color: #fff; transition: all 0.3s ease-in-out; z-index: 10;}
.header.fixed 
{position: fixed !important; top: 0; left: 0; width: 100%; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);}
.nav a 
{font-family: "Noto Sans KR", sans-serif; letter-spacing: 1.4; }
#top
{display: none; position: fixed; bottom: 5rem; right: 5rem; z-index: 30;}
.header .menu-item
{min-width: 14rem;}
.header .sub-menu
{transform: translate(-20%);}
ul.elementor-nav-menu--dropdown a,ul.elementor-nav-menu--dropdown a:focus,ul.elementor-nav-menu--dropdown a:hover
{border: 0 !important;}

.header-title span
{font-size: 1.6rem; color: var(--main-color);}
.elementor-nav-menu .sub-arrow 
{display: none;}

#sitemap
{cursor: pointer;}
#elementor-popup-modal-535 .dialog-widget-content 
{backdrop-filter: blur(10px);}
svg.e-font-icon-svg {font-size: 3.5rem !important;}

.footer
{width: 100%; height: 100%; background-color: var(--bg-color);}
.footer-wrap
{padding: 6rem 0;}
.footer-up, .footer-down
{display: flex; justify-content: space-between; align-items: end;}
.footer-up .info-wrap
{display: flex;}
.footer-up .info-wrap li a
{color: #fff; font-size: 1.8rem;}
.footer-up .info-wrap li:nth-child(1) a
{padding-right: 4.5rem;}
.footer-up .info-wrap li:nth-child(2) a
{padding-right: 1.5rem;}
.footer-down
{margin-top: 4rem;}
.footer-down .adress-wrap dl
{display: flex;}
.footer-down .adress-wrap dl dt
{padding-right: 2.5rem; font-size: 1.8rem; font-weight: 400; color: #bdbdbd;}
.footer-down .adress-wrap dl dd
{color: #fff; font-size: 1.8rem; font-weight: 400;}
.adress-box2 
{display: flex; padding-top: 1.5rem;}
.adress-box2 dl
{padding-right: 6rem;}
.footer-down .copyright
{font-size: 1.6rem; color: #bdbdbd; font-weight: 500; letter-spacing: -1px;}
/* header,footer end */

.visual-wrap
{position: relative; z-index: 1; border-radius: 0 0 300px 0; overflow: hidden;}
.vis-txt-wrap 
{ position: absolute; top: 45%; left: 50%; text-align: center; z-index: 2; transform: translate(-50%, -50%);}
.vis-txt-wrap p 
{font-size: 4.2rem; color: #fff; font-weight: 400; padding-bottom: 2.5rem;}
.vis-txt-wrap h2 
{font-size: 5.8rem; color: #fff; font-weight: 900;}

#quickCon,#slideCon
{padding: 10rem 0;}
.quick-container ul 
{display: flex; justify-content: space-between;}
.quick-card
{width: 48rem; height: 55rem; overflow: hidden; border-radius: 2rem 8rem; box-shadow: 2rem 2rem 2rem transparent; transition: all 0.5s ease;}
.quick-card a
{display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; width: 100%; height: 100%;}
.quick-card a .card-name
{font-size: 3.2rem; font-weight: 700; text-align: center; padding-bottom: 2rem; padding-top: 0; transition: all 0.3s ease;}
.quick-card a .card-more
{opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s ease;  display: flex; justify-content: center; align-items: center; padding: 1rem 2rem; margin-bottom: 3rem; border-radius: 5rem; font-size: 1.8rem;  font-size: 500; background-color: var(--btn-color); color: #fff;}
.quick-card a .card-more span
{display: block; margin-left: 1rem; width: 2.4rem; height: 2.4rem; background: url(/wp-content/uploads/2025/04/more.png) no-repeat center / contain;}

.quick-card:hover 
{ box-shadow: 2rem 2rem 2rem #cccccc;}
.quick-card:hover a
{ align-items: center;}
.quick-card:hover a .card-name
{padding-top: 2.5rem;}
.quick-card:hover a .card-more
{opacity: 1; transform: translateY(0); visibility: visible;}
.quick-card:hover a .card-img img
{width: 48rem; height: 40rem; object-position: center; object-fit: cover;}

#slideCon
{background-color: var(--bg-color);}
#slideCon .common-title
{color: #fff;}
.quick-slide
{overflow: hidden;}
.quick-slide .slick-list
{width: 107%; overflow: visible;}
.quick-slide ul li
{margin-right: 3rem; padding-bottom: 2rem; transition: all 0.3s ease;}
.quick-slide ul li img
{width: 38rem; height: 38rem; overflow: hidden; border-radius: 2rem 8rem; transition: all 0.3s ease;}
.quick-slide ul li p
{padding-top: 4rem; font-size: 2.2rem; text-align: center; color: #fff;}

.quick-slide ul li:hover
{transform: translateY(2rem);}
.quick-slide ul li:hover img
{box-shadow: 1rem 1rem 1rem #f35722;}

#inquiryCon
{ background: url(/wp-content/uploads/2025/04/sec04-bg.jpg) no-repeat right top / cover;}
.inquiry-wrap
{display: flex; justify-content: space-between; align-items: end; padding: 22rem 0 10rem;}
.inquiry-left
{position: relative;}
.inquiry-left::after
{content: ""; position: absolute; top: -10rem; left: 0; width: 55.6rem; height: 12.5rem; background: url(/wp-content/uploads/2025/04/sec04-title-bg.png) no-repeat center / cover;}
.inquiry-left p
{font-size: 4rem; color: #fff; font-weight: 500;}
.inquiry-left h2
{font-size: 5rem; color: #fff; font-weight: 700; padding-top: 1.5rem;}
.inquiry-right ul 
{display: flex; flex-direction: column; gap: 3.5rem;}
.inquiry-right a
{display: flex; justify-content: center; align-items: center; padding: 1rem 2rem 1rem 4.5rem; line-height: 0.4; font-size: 1.8rem; border-radius: 5rem; background-color: #fff; transition: all 0.3s ease;}
.inquiry-right a span
{display: block; margin-left: 2rem; width: 2.4rem; height: 2.4rem; background: url(/wp-content/uploads/2025/04/moreB.png) no-repeat center / contain;}
.inquiry-right a:hover
{background-color: var(--btn-color); color: #fff;}
.inquiry-right a:hover span
{background: url(/wp-content/uploads/2025/04/more.png) no-repeat center / contain}

/* 프로그레스01 */
.main-visual-controls 
{ position: absolute; left:49%; bottom: 34%; transform: translate(-50%); z-index:11;} 
.main-visual-controls-wrapper .main-visual-controls-bar
{position:relative; display:flex; align-items:center;}

.main-visual-controls-progress 
{position: relative; width:100%; min-width:55.5rem; height:2px;}
.main-visual-controls-progress .progressing-bar 
{position:absolute; width:0%; height:100%; background:var(--main-color); z-index:1;}
.main-visual-controls-progress .progressing-bar.active 
{width:100%; transition:all 3s ease;}
.main-visual-controls-progress .progress-bg-bar 
{width:100%; height:100%; background:#ffffff30; display:inline-block; position:absolute; top:0; left:0;}

.main-visual-controls-wrapper .cur-num
{ font-size: 18px; font-weight: 600; color:#fff; } 
.main-visual-controls-wrapper .total-num
{ font-size: 18px; font-weight: 300; color:#ffffff60; } 
.main-visual-controls-wrapper .cur-num
{padding-right: 2rem;}
.main-visual-controls-wrapper .total-num
{padding-left: 2rem;}
.main-controls-right
{display: flex; position: relative;}
.main-controls-right button .fa-solid
{color: #fff; font-size: 1.5rem;}
.main-controls-right button 
{position: absolute; top: 20%; right: -3rem;; background: none; border: none; cursor: pointer;}
.main-play-btn 
{display: none;}

/* 프로그레스02 */
#slideCon .common-title
{position: relative;}
.main-slide-controls 
{ position: absolute; top: 0; right:0; transform: translate(-50%); z-index:11;} 
.main-slide-controls-wrapper .main-slide-controls-bar
{position:relative; display:flex; align-items:center;}

.main-slide-controls-progress 
{position: relative; width:100%; min-width:12.5rem; height:2px;}
.main-slide-controls-progress .progressing-bar 
{position:absolute; width:0%; height:100%; background:var(--main-color); z-index:1;}
.main-slide-controls-progress .progressing-bar.active 
{width:100%; transition:all 3s ease;}
.main-slide-controls-progress .progress-bg-bar 
{width:100%; height:100%; background:#ffffff30; display:inline-block; position:absolute; top:0; left:0;}

.main-slide-controls-wrapper .cur-num
{ font-size: 18px; font-weight: 600; color:#fff; } 
.main-slide-controls-wrapper .total-num
{ font-size: 18px; font-weight: 300; color:#ffffff60; } 
.main-slide-controls-wrapper .cur-num
{padding-right: 2rem;}
.main-slide-controls-wrapper .total-num
{padding-left: 2rem;}
.slide-controls-right
{display: flex; position: relative;}
.slide-controls-right button .fa-solid
{color: #fff; font-size: 1.5rem;}
.slide-controls-right button 
{position: absolute; top: 20%; right: -3rem;; background: none; border: none; cursor: pointer;}
.slide-play-btn 
{display: none;}

/* 정책 250530 이소현 */
.police-content {margin-top:10rem;}
.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 {margin-top:10rem;}
.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}
.cosmosfarm-members-form  {margin-top:10rem}