/*
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.5.1764661450
Updated: 2025-12-02 16:44:10

*/

/* admin */
.admin-con { margin: auto; display: block; width: 50%; } 
.login_status,.cosmosfarm-members-loginout-link { text-align: center; } 
.cosmosfarm-members-account-link{display: none;}
.login_status a,.cosmosfarm-members-loginout-link a { padding: 1rem 3rem; background-color: var(--main-color); border-radius: 3rem; margin: 4rem; color: #fff; } 
.link-text{display: none;}

/* policy */
ul.policy-txt{display: flex;flex-direction: column;gap: 3rem;}
ul.policy-txt li{line-height: 1.5; font-weight: 500;}
ul.policy-txt .info_box{padding: 4rem;text-align: center;background-color: var(--sub-bg-color);border-radius: 1rem;border: var(--border);}
ul.policy-txt h4{font-size: 2rem;font-weight: 700;}
ul.policy-txt .emailinfo-detail{display: flex;flex-direction: column;gap: 2rem;}
ul.policy-txt .detail-sec{margin-bottom: 3rem;}
ul.policy-txt .detail-sec h5{font-size: 2.2rem;font-weight: 700;margin-bottom: 1rem;line-height: 1.5; }
ul.policy-txt .detail-sec li{margin-bottom: 2rem;}
ul.policy-txt .detail-sec li > ul{padding: 2rem;}

/* header nav */
body{position: relative;}
#header
{ background-color: transparent; position: sticky; z-index: 100; transition: all 0.3s ease; height: 90px;box-shadow: 0 0 1rem 0rem #00000024;  } 
#header.scrolled 
{ background-color:#fff; height: 90px;padding-top: 0rem; box-shadow: 0 0 1rem 0rem #00000024; position:fixed; z-index: 100; } 
#header #nav{ font-size: 1.8rem; } 
#header #nav ul li { width: 20rem; } 
#header #nav ul li a
{font-family: var(--font1); font-weight: 500; font-size: 2rem;color: #0d0d0d; } 
#header #nav .elementor-item {height: 90px;display: flex; justify-content: center;} 
#header #nav .elementor-item:hover 
{background-color: #fff!important;color: #111!important;;} 
#header.scrolled  #nav .elementor-item {height: 90px;} 
#header .sub-menu 
{overflow: hidden;text-align: center;line-height: 1.2;} 
#header .sub-menu .elementor-sub-item
{ padding:1.6rem 0.7rem; font-size: 1.4rem!important; display: block;text-align: left;color: #555!important;font-weight: 600;} 
#header .sub-menu .elementor-item-active{background-color:var(--main-color)!important;;color: #fff!important;}
#header .sub-menu .current_page_parent{background-color:var(--main-color);color: #fff!important;}
#header .sub-arrow { display: none; } 
#header #nav ul li a:hover { background-color:var(--main-color);;color: #fff!important;} 

/* subMenu - dropdown */
/* .elementor-location-header {position:relative}
#subMenu
{position:absolute; bottom:0rem; border-top: var(--border); border-bottom: var(--border); background: #fff;}
#subMenu .e-con-inner{padding: 0;}
#breadcrumb 
{width:100%; height:6.5rem;font-family: var(--font2);}
#breadcrumb .breadcrumb-con 
{display:flex; align-items:center; background:#fff; height:100%;}
#breadcrumb .home
{width:6.5rem; height:6.5rem; display:flex; align-items:center; justify-content:center;}
#breadcrumb .home a
{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;border-left: var(--border);border-right: var(--border);}
 #breadcrumb .home i 
{font-size:1.8rem;color: #111;}
#breadcrumb .dep-con
{padding: 0 2rem; width:27rem; position: relative; cursor: pointer; height:6.5rem;border-right: var(--border);}
#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:1.8rem;}
#breadcrumb .dep-con .dep-tit .dep-active-tit span 
{font-size:1.8rem; font-weight: 600; }
#breadcrumb .dep-menu
{position:absolute; top:6.5rem; left:0; width:100%;background:#fff; border: var(--border) ; padding:2rem; z-index:9; display: none;}
#breadcrumb .dep-menu li a 
{font-size:1.6rem; 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;} */

/* subVisual */
#subVisual{height: 25rem;background-color: #fff;}

/* subMenu - inline */
#subMenu{position: absolute; bottom: 0%;z-index:9;}
#subMenu ul {background-color: #fff; border: var(--border);}
#subMenu ul li{border-right: 1px solid #00000021;}
#subMenu ul li:last-child{border-right: none;}
#subMenu ul li a
{ font-size: 1.8rem;font-weight: bold;font-family: var(--font2);  transition: var(--transition1);  padding:2rem 5rem;color:var(--black-color);}
#subMenu ul li .elementor-item-active{color: #fff; background: var(--main-color);}
#subMenu ul li .elementor-item-active:hover{color: #fff;}
#subMenu ul li a:hover{color: var(--main-color)}

/* deatilMenu */
#detailMenu{margin-top: 4rem;justify-content: center;}
#detailMenu ul {background-color: #fff; border: var(--border);}
#detailMenu ul li{border-right: 1px solid #00000021;}
#detailMenu ul li:last-child{border-right: none;}
#detailMenu ul li a
{ font-size: 1.8rem;font-weight: bold;font-family: var(--font2);  transition: var(--transition1);  padding:2rem 5rem;color:var(--black-color);}
#detailMenu ul li .elementor-item-active{color: #fff; background: var(--main-color);}
#detailMenu ul li .elementor-item-active:hover{color: #fff;}
#detailMenu ul li a:hover{color: var(--main-color)}

/* subTopTitle */
#subTopTitle{margin: 5rem 0;}
#subTopTitle p{font-size: 1.8rem;color: #222;}
#subTopTitle h2
{font-size: 5.5rem;color: #333;font-weight: 500;font-family: var(--font2);letter-spacing: 1px;color: var(--main-color);}
#subTopTitle .main-title{position: relative;}
#subTopTitle .main-title::after
{display: block;clear: both;content: 'GangSeo Culture.'; width: 100%;height: 100%;font-size:10rem;font-family: var(--font2);opacity: .4;text-align: right;position: inherit;bottom: 4.5rem;color: #d3d5ed;}


/* menu sitemap icon */
#SiteMap{ cursor: pointer; } 
#sitemap{backdrop-filter: blur(1px);}
.sitemap-nav{font-family: var(--font1)!important;}

/* sitemap  */
/* #elementor-popup-modal-1261 .dialog-widget-content {background-color:transparent !important; box-shadow:none !important;}
#elementor-popup-modal-1261 .elementor-1261 {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-family: var(--font1); font-size:2.3rem; color:#000; font-weight:500; padding:3rem 0; text-align:center; 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 .hide-menu{display:none !important}
#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:var(--font2); font-size:1.7rem; font-weight:500; color:#444; padding:1.5rem 3rem; border-radius:5px;} 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item.current-menu-item a { background:none; color:#000; border:none;} 
#sitemapCon > .e-con-inner > .elementor-element > .sitemap-item:hover {background:#ffeaea6b;}
#sitemapCon > .e-con-inner > .elementor-element > .sitemap-item:hover .menu-tit {background:var(--main-color);}
#sitemapCon > .e-con-inner > .elementor-element > .sitemap-item:hover .menu-tit h2 {color:#fff;}
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a:hover { background:#fff; color:#000; border:none; fill:none;} 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a::after{display:none}
#elementor-popup-modal-1261 .dialog-close-button svg {fill:#000; font-size:4.2rem;} */

/* main slide start */
.mainVisual{overflow: hidden; position: relative;}
.mainVisual .main-container
{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 530px;}
.mainVisual-wrap
{position:relative; width: 100%; } 
.main-slide .slick-list{overflow: inherit;z-index:0;}
.main-slide .main-img
{height:480px;} 
.main-img01 { background-image: url(/wp-content/uploads/2025/12/mainVisual01.jpg); } 
.main-img02 { background-image: url(/wp-content/uploads/2025/12/mainVisual02.jpg); } 
.main-img03 { background-image: url(/wp-content/uploads/2025/12/mainVisual03.jpg); }

.main-img .main-top-text
{margin-top: 11rem;}
.main-img .main-top-text .main-container
{display: flex;flex-direction: column; gap: 2rem;width: 100%;flex-wrap: nowrap;}
.main-img .main-top-text h2
{font-size: 6.4rem;font-weight: bold;}
.main-img .main-top-text p
{font-size: 2rem; font-weight: 400;}

/* 페이지네이션 버튼 */
.main-visual-controls
{position: absolute; top:6rem; z-index: 1;max-width: var(--main-container);margin: auto;}
.main-visual-controls .visual-pagination
{width: 100%; display: flex;}
.main-visual-controls .visual-pagination .dot
{font-size: 1.8rem; color: #cacaca; font-weight: 500; margin-right: 2rem; display: flex; align-items: center; cursor: pointer;}
.main-visual-controls .visual-pagination .dot.active
{color:#0c0c0c;font-weight: 700;}

/* 페이지네이션 바 */
.main-visual-controls .visual-pagination .dot .bar
{display: block; width: 0; height: 2px; background-color:  #cacaca; margin-left: 0; transition: all 0.3s ease;}
.main-visual-controls .visual-pagination .dot.active .bar
{display: block; width: 14rem; height: 2px; background-color:  #cacaca; margin-left: 1.4rem;}

/* 페이지네이션 게이지 */
.main-visual-controls .visual-pagination .dot .bar .bar-fill
{display: block; width: 0px; height: 2px; background-color: var(--main-color); transition: none;}
.main-visual-controls .visual-pagination .dot.active .bar .bar-fill
{display: block; width: 100%; height: 2px; background-color:  var(--main-color);animation: bar-fill-ani 2.7s linear forwards;}

@keyframes bar-fill-ani 
{from {width: 0%;} to{width: 100%;}}


/* 자세히보기 a link */
a.more-btn  i.xi-plus-min
{color: var(--main-color);padding: 0.8rem;background: #fff;border-radius: 100%;font-size: 3rem;}
a.more-btn:hover i.xi-plus-min
{position:inherit; right: 0%;}
.more-btn 
{position:relative;padding:0.7rem 0.7rem 0.7rem 2rem;background: var(--main-color);border-radius: 5rem;  color: #fff; display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;width: 26rem;align-items: center;margin-top: 3rem;transition: var(--transition1)}
.more-btn span 
{position:relative;font-weight: 600;font-size: 1.6rem;transition: var(--transition1);}
.more-btn::before 
{content:""; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border-radius: 5rem;background:#fff; clip-path:circle(0% at 100% 50%);transition:var(--transition1);}
.more-btn:hover 
{color:var(--main-color);box-shadow: var(--box-shadow);}
.more-btn:hover::before
{clip-path:circle(200% at 90% 50%);}
/* main slide end */

/* notice-join-con */
.main-board{background-color: #fafafa;padding:10rem 0;}
.notice-join-con
{display: flex;flex-direction: row;gap: 5rem;justify-content: space-between;}
.main-title
{margin-bottom: 5rem;}
.main-title p
{font-size: 2rem;font-weight: 600;display: flex;flex-direction: row;align-items: center;gap: 1rem;}
.main-title p::before
{display: block;clear: both;content: '⦁';}
.main-title h2
{font-size: 6rem;color: var(--main-color);font-family: var(--font2);}
/* main-notice */
.notice{width: 100%}
.notice a.more-btn{margin: 5rem auto 0;}
/* main-join */
.join{min-width: 70rem;}
.join .join-boxes
{ display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;width: 100%;border:1px solid var(--main-color);}
a.more-btn02 
{ position: relative; overflow: hidden;  padding: 4.6rem 4rem;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;width:50%;align-items: center;transition: var(--transition1);}
a.more-btn02:nth-child(1),a.more-btn02:nth-child(2){border-bottom: 1px solid var(--main-color);}
a.more-btn02:nth-child(1),a.more-btn02:nth-child(3){border-right: 1px solid var(--main-color);}
a.more-btn02 span 
{position:relative;font-weight: 600;font-size: 2.8rem;transition: var(--transition1);}
a.more-btn02::before 
{content:""; position:absolute; top:-1px; bottom:-1px; left:-1px;  right: -25%; clip-path:circle(0% at 100% 50%);transition:var(--transition1);}
.join-box.box01.more-btn02::before
{background: url(/wp-content/uploads/2025/12/join-icon01-w.png) center right 15% no-repeat ,var(--main-color);}
.join-box.box02.more-btn02::before
{background: url(/wp-content/uploads/2025/12/join-icon02-w.png) center right 15% no-repeat ,var(--main-color); }
.join-box.box03.more-btn02::before
{background: url(/wp-content/uploads/2025/12/join-icon03-w.png) center right 15% no-repeat ,var(--main-color); }
.join-box.box04.more-btn02::before
{background: url(/wp-content/uploads/2025/12/join-icon04-w.png) center right 15% no-repeat ,var(--main-color); }
a.more-btn02:hover 
{color:#fff;}
a.more-btn02:hover::before
{clip-path:circle(200% at 90% 50%);right: 0%}

/* Footer */
footer{padding: 6rem 0;}
footer .ft-top{border-bottom: 1px solid var(--main-color);padding-bottom: 2rem;margin-bottom: 2rem;}
footer .ft-bottom
{display: flex;flex-direction: row;justify-content: space-between;align-items: start;}
footer .ft-bottom .left span{margin: 0 1rem;}
footer .ft-bottom .left p
{font-weight: 500;color: #020202;}
footer .ft-bottom .right
{display: flex;flex-direction: column;gap: 1.5rem;text-align: right;}
footer .ft-bottom .right a
{font-weight: 500;color: #020202;}
/* footer .ft-bottom .right a:hover{color: var(--main-color);} */
footer .ft-bottom .right span{font-size: 1.6rem;color: #747474;font-weight: 500;}

/* subContent */
.sub-content{min-height: 700px;font-size: 1.8rem; color: #111;font-family: var(--font2); margin: 5rem 0 10rem;}
.sub-con-wrap{margin: 0 0 5rem;}
.sub-content .sub-bg{background-color: var(--main-bg-color); padding: 7rem 0;}

/* list 형태 */
.sub-con-wrap .stitle{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;margin-bottom: 2rem;}
.sub-con-wrap .stitle::before{width: 4px;height: 22px;display: block;clear: both; content: ''; background-color: var(--main-color);}
.sub-con-wrap .stitle h3{ font-size: 2.5rem;  font-weight: bold;display: flex;flex-wrap: wrap;align-items: center;gap: 1rem;margin-bottom: 3rem;}

.sub-con-wrap ul{display: flex;flex-direction: column;gap: 1rem;margin-bottom: 3rem;padding-left: 1rem;}
.sub-con-wrap ul li{display: flex;flex-wrap: wrap;align-items: center;gap: 1rem; line-height: 1.5;display: inline-block;}
.sub-con-wrap ul li::before{width: 5px;height: 5px;display: block;clear: both; content: ''; border-radius: 100%;background-color: #222; display: inline-block; vertical-align: middle; margin-right: 1rem;}

.sub-con-wrap .detail-box{background-color: var(--sub-bg-color);line-height: 1.5;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 3rem;border-radius: 1rem;border: var(--border);}
.sub-con-wrap .detail-box p{margin: 0;}
.sub-con-wrap .detail-box span{font-weight: 600;}
.sub-con-wrap .detail-box02{line-height: 1.5;display: flex;flex-direction: column;align-items: start;justify-content: center;}
.sub-con-wrap .detail-box02 span{font-weight: 600;border-radius: 1rem;border: var(--border);padding: 3rem 5rem;}

/* sub-title */
#subContent .sub-title{display: block;}
#subContent .sub-title h3{font-size:3.5rem;margin-bottom: 5rem;font-family: var(--font3);}
#subContent .board-con .sub-title h3{margin-bottom: 3rem;}

/* sub-table*/
.table-common{ width: 100%; height: 100%; background-color: var(--sub-bg-color);border-radius: 1rem;text-align: center; ;}
.table-common th,.table-common td{ border: none !important;vertical-align: middle;border: 1px solid #ddd!important;color: #000; padding: 1.5rem; }
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{background-color: #fff;}
table tbody tr:hover>td, table tbody tr:hover>th{background-color: #fff;}
table tbody>tr:nth-child(even){background-color: #fff;}
table tbody>tr{transition: var(--transition1);}
.table-common th{text-align: center;  font-weight: 600;border-right: 1px solid #ddd!important;background-color: var(--sub-bg-color)!important;}
.table-common th i{margin-right: 1rem;}