/*
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.4.4.1757664877
Updated: 2025-09-12 17:14:37

*/

/* 폰트 등록 Pretendard */
@font-face {
	font-family: 'Pretendard';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('./fonts/PretendardVariable.woff2') format('woff2-variations');
}


/* 24-49행 교체 */
#wrapper 
{position:relative; width:100%; min-height:100vh; background:#f4f4f4;}

/* 좌측 메뉴 (헤더) - absolute → fixed */
/* 수정 후 */
/* 수정 후 */
#site-header
{position:absolute; width:20%; height:100%; padding:18rem 5rem; left:0; top:0; background:#000; z-index:100;}
#site-header .header-inner ul.menu 
{width:100%;}
#site-header .header-inner ul.menu li
{width:100%;}
#site-header .header-inner ul.menu li a 
{color:#ffffff96; display:block; font-size:2rem; width:100%; padding:2rem 2rem; transition:all 0.3s ease;}
#site-header .header-inner ul.menu li a:hover 
{color:#fff;}
#site-header .header-inner ul.menu li.current-menu-item a 
{color:#fff;}

/* 컨텐츠 영역 - absolute → relative + margin */
#content 
{position:relative; width:80%; margin-left:20%;}

#subContent 
{
    padding-top: 8rem;
    padding-right: 2rem;
    padding-bottom: 2rem;  /* ← 추가! */
    padding-left: 2rem;
    background: #f4f4f4;
    width: 100%;
    min-height: calc(100vh - 20rem);
}

#subContent .board-con
{position:relative;}

#subContent .sub-content 
{height:auto; overflow-y:visible; padding-bottom:2rem;}

.sub-title-con 
{text-align:center; margin-bottom:5rem}
.sub-title-con h2 
{font-size:4.2rem; color:#000; font-weight:800}

/* 72-89행 수정 */
.login-con 
{background:#fff; padding:3rem 0; backdrop-filter:blur(20px); border-radius:25px;}
/* padding: 10rem 0 → 3rem 0 */

.login-con .login_status 
{font-size:2rem; text-align:center; color:#000; font-weight:500;}
.login-con .login_status a 
{background:var(--main-color); padding:2rem 7rem; display:inline-block; border-radius:50px; font-size:1.8rem; color:var(--color-white);; margin-top:2rem; font-weight:300;}
.login-con .cosmosfarm-members-form label
{font-size:18px; color:#000}
.login-con .cosmosfarm-members-form .div_text input 
{border-radius:10px; border:none; background:#eee; height:50px; line-height:50px}
.login-con .cosmosfarm-members-form .button_div label 
{font-size:1.6rem;}
.login-con .cosmosfarm-members-form .button_div input[type='submit']
{background:var(--main-color) !important; height:50px; line-height:50px; font-size:1.6rem;}
.login-con .cosmosfarm-members-form .link-text
{display:inline-block; margin-right:2rem;}
.login-con .cosmosfarm-members-form .link-text a 
{font-size:1.6rem; color:#666;}

/* 프로필 */
.profile-con {padding:3rem 0;}  /* 이 줄 추가 */
.profile-con .cosmosfarm-members-form .profile-header .avatar-img .change-avatar-message {
    display: none !important;
}


.profile-con .cosmosfarm-members-form .profile-header .display-name
{font-size:3rem; color:#000;}
.profile-con .cosmosfarm-members-form .members-link 
{background:var(--main-color); border-color:#ddd;}
.profile-con .cosmosfarm-members-form .members-link li a 
{font-size:1.7rem; color:var(--color-white);}
.profile-con .cosmosfarm-members-form .members-link li:last-child 
{width:100%;}
.profile-con .link-text .link-text-username a
{font-size:1.6rem; display:inline-block; text-decoration: underline;}

/* 회원가입 / 회원수정 */
.profile-con .cosmosfarm-members-form label
{font-size:1.6rem; }
.profile-con .cosmosfarm-members-form button, 
.profile-con .cosmosfarm-members-form input[type=submit]
{background:var(--main-color) !important; height:60px; line-height:60px; font-size:1.7rem; border-radius:5px;}
.profile-con .req-text 
{font-size:1.7rem}

/* 회원 가입 (로그인 시 보이는 페이지) */
.profile-con .register_status 
{text-align:center; font-size:2.1rem; color:#000; font-weight:600}
.profile-con .register_links 
{display:flex; flex-wrap:wrap; justify-content:center; max-width:800px; margin:3rem auto 0; background:var(--main-color); border-radius:5px; overflow:hidden}
.profile-con .register_links li
{width:50%; text-align:center;}
.profile-con .register_links li a  
{font-size:1.8rem; color:#fff; padding:3rem 2rem; display:block;}
.profile-con .link-text 
{display:inline-block; }
.profile-con .link-text a 
{font-size:16px; color:#575757; margin:0 10px 5px 0; display:inline-block;}

/* 로그인 / 프로필 공통 */
.profile-con .cosmosfarm-members-form .message,
.login-con .cosmosfarm-members-form .message
{font-size:1.6rem; width:100%;; word-break:keep-all}
.profile-con .cosmosfarm-members-form .message .loginfailed,
.login-con .cosmosfarm-members-form .message .loginfailed
{width:100%}

/* 회원가입 성공 */
.cosmosfarm-members-form.register_success 
{position:absolute; width:100%; height:100%; left:0; top:0; background:#00000050; display:flex; align-items:center; z-index:99}
.cosmosfarm-members-form.register_success .message
{background:#fff; max-width:800px; margin:0 auto; width:100%; text-align:center; padding:50px 0;}
.cosmosfarm-members-form.register_success .message p 
{font-size:20px; color:#222;}


/* 푸터 */
#site-footer 
{display:none;}
#footer
{background:#1a1a1a; padding:5rem 0;}
#footer .f-bottom-con 
{margin-top:2rem;}
#footer .f-bottom-con .f-detail-con p span 
{color:#ffffffbd; display:inline-block; margin-right:3rem; font-size:1.7rem; line-height:1.8; font-weight:300;}
#footer .f-bottom-con .f-copy
{margin-top:1rem;}
#footer .f-bottom-con .f-copy p 
{font-size:1.6rem; color:#ffffff50}

/* 로그인 안내 */
.info-con 
{text-align:center; margin-top:30rem;}
.info-con .info-txt p 
{font-size:2rem; color:#000; font-weight:400;}
.info-con .link-btn-con
{margin-top:2rem;}
.info-con .link-btn-con a 
{background:var(--main-color); color:#fff; font-size:1.7rem; text-align:center; display:inline-block; padding:2rem 3rem; min-width:20rem; border-radius:5px; margin:0 1rem; transition:all 0.3s ease;}
.info-con .link-btn-con a:hover
{background:#2c8689;}





@media screen and (max-width:767px) {
  #wrapper
  {height:auto;}
  #site-header 
  {width:100%; position:relative; padding:2rem; height:auto;}
  #site-header .header-inner .site-branding .site-logo img
  {width:50%;}
  #site-header .site-navigation-toggle-holder button span:before,
  #site-header .site-navigation-toggle-holder button span:after
  {background-color:#fff !important;}
  #site-header .site-navigation-toggle-holder button span:before 
  {box-shadow:0 .35rem 0 #fff !important;}
  #site-header .site-navigation-toggle-holder button[aria-expanded=true] span:before
  {box-shadow:none !important;}
  #content 
  {position:relative; width:100%; margin-left:0;}
  .site-navigation-toggle-holder
  {padding:0;}
  
  
  #subContent
  {padding:6rem 2rem; height:auto;}
  #subContent .sub-content
  {height:auto; overflow:hidden;}
  .sub-title-con h2
  {font-size:30px;}

  #site-header .header-inner ul.menu li a
  {background:#000;}
  #footer .container 
  {padding:0 20px;}
  #footer .f-logo img 
  {width:50%;}

  #footer .f-bottom-con .f-detail-con p span
  {font-size:15px;}
  /* 프로필 */
  .cosmosfarm-members-form
  {margin:0;}
  /* 회원전용 */
  .info-con
  {margin-top:0;}
  .info-con .link-btn-con a 
  {margin:10px 0;}
  /* 로그인 */
  .login-con
  {padding:2rem 0;}
  .login-con .cosmosfarm-members-form,
  .profile-con .cosmosfarm-members-form
  {margin:0;}

    /* 모바일 드롭다운 배경색 수정 */
  .site-navigation-dropdown {
    background: transparent !important;
  }
  
  .site-navigation-dropdown ul.menu {
    background: #000 !important; /* 검은색 배경 */
  }
  
  .site-navigation-dropdown ul.menu li {
    background: #000 !important;
  }
  
  .site-navigation-dropdown ul.menu li a {
    background: #000 !important;
    color: #ffffff96 !important;
  }
  
  .site-navigation-dropdown ul.menu li a:hover {
    background: #333 !important;
    color: #fff !important;
  }


  /* 모바일 드롭다운 기본 스타일 */
.site-navigation-dropdown ul.menu li.menu-item-has-children ul.sub-menu {
  display: none;
  position: relative;
  left: 0;
  top: 0;
  width: 100% !important;
  background: #222 !important;
  box-shadow: none;
  border-radius: 0;
  margin: 8px 0;
  padding: 4px 0;
}

.site-navigation-dropdown ul.menu li.menu-item-has-children ul.sub-menu li {
  border-bottom: 1px solid #333;
}

.site-navigation-dropdown ul.menu li.menu-item-has-children ul.sub-menu li:last-child {
  border-bottom: none;
}

.site-navigation-dropdown ul.menu li.menu-item-has-children ul.sub-menu li a {
  padding: 14px 20px;
  font-size: 1.6rem;
  color: #ffffff80 !important;
  background: #222 !important;
}

.site-navigation-dropdown ul.menu li.menu-item-has-children ul.sub-menu li a:hover {
  color: #fff !important;
  background: #333 !important;
}


/* 하위 메뉴 항목에서는 화살표 완전 제거 */
.site-navigation-dropdown ul.menu li ul.sub-menu li:after,
.site-navigation-dropdown ul.menu li ul.sub-menu li.menu-item-has-children:after,
.site-navigation-dropdown ul.menu li ul.sub-menu li a:after {
  display: none !important;
  content: none !important;
}

/* 모바일 드롭다운 - 열린 상태에서 화살표 숨기기 */
.site-navigation-dropdown ul.menu > li.menu-item-has-children.active:after,
.site-navigation-dropdown ul.menu > li.menu-item-has-children.elementor-active:after {
  display: none !important;
}

    /* 모바일 드롭다운 화살표 - 최상위 메뉴에만 적용 */
  .site-navigation-dropdown ul.menu > li.menu-item-has-children:after {
    align-items: center;
    color: #ffffff96 !important;
    content: "▼"; /* 기본 상태: 아래쪽 화살표 */
    display: flex;
    font-size: 1.2em;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }

  .site-navigation-dropdown ul.menu > li.menu-item-has-children:hover:after {
    color: #fff !important;
  }

  .site-navigation-dropdown ul.menu > li.menu-item-has-children.active ul.sub-menu {
    display: block !important;
  }

  .site-navigation-dropdown ul.menu > li.menu-item-has-children.active:after {
    content: "▲"; /* 열린 상태: 위쪽 화살표 */
    color: #fff !important;
  }

  /* 하위 메뉴 항목에서는 화살표 제거 */
  .site-navigation-dropdown ul.menu li ul.sub-menu li:after {
    display: none !important;
  }

  /* 추가: 모든 하위 메뉴 항목에서 화살표 완전 제거 */
  .site-navigation-dropdown ul.menu li ul.sub-menu li.menu-item-has-children:after {
    display: none !important;
  }

  .site-navigation-dropdown ul.menu li ul.sub-menu li a:after {
    display: none !important;
  }

  /* 모바일 드롭다운 - elementor-active 클래스 처리 */
  .site-navigation-dropdown ul.menu li.menu-item-has-children.elementor-active ul.sub-menu {
    display: block !important;
  }

  .site-navigation-dropdown ul.menu li.menu-item-has-children.elementor-active:after {
    content: "▲" !important;
    color: #fff !important;
  }

}

.profile-con .link-text .link-text-pwdreset a {
  font-size: 1.6rem; 
  display: inline-block; 
  text-decoration: underline;
}

/* 웹 드롭다운 메뉴 - 화살표 기준 우측 정렬 */
.site-navigation ul.menu li.menu-item-has-children {
  position: relative;
}

.site-navigation ul.menu li.menu-item-has-children:after {
  align-items: center;
  color: #ffffff96 !important;
  content: "▼";
  display: flex;
  font-size: 1.0em;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
}

.site-navigation ul.menu li.menu-item-has-children:hover:after {
  color: #fff !important;
  transform: translateY(2px);
}

/* 드롭다운 메뉴 - 화살표 기준 우측 정렬 */
.site-navigation ul.menu li.menu-item-has-children ul.sub-menu {
  display: none;
  position: absolute;
  right: 0; /* 우측 정렬 */
  top: 100%;
  background: #333 !important;
  min-width: 200px;
  z-index: 999;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  /* padding: 8px 0; */
}

.site-navigation ul.menu li.menu-item-has-children ul.sub-menu li {
  width: 100%;
}

.site-navigation ul.menu li.menu-item-has-children ul.sub-menu li a {
  color: #ffffff96 !important;
  padding: 12px 20px;
  font-size: 1.0rem;
  display: block;
  transition: all 0.3s ease;
  text-decoration: none;
}

.site-navigation ul.menu li.menu-item-has-children ul.sub-menu li a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.1);
}

.site-navigation ul.menu li.menu-item-has-children:hover ul.sub-menu {
  display: block;
}

/* Cosmosfarm Members 폼 하단 공간 제거 */
.cosmosfarm-members-form {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}