.hide-menu{display: none!important;}

/* admin */
.admin-con { margin: auto; display: block; width: 50%; }
.login_status,.cosmosfarm-members-loginout-link { text-align: center; }
.login_status a,.cosmosfarm-members-loginout-link a { padding: 1rem 3rem; background-color: var(--sub-color); border-radius: 3rem; margin: 4rem; color: #fff;line-height: 7; }
.cosmosfarm-members-form .link-text,
.cosmosfarm-members-form.signin-form .social-login-section,
.cosmosfarm-members-form.signin-form .login-footer
{display: none;}

/* login */
#header .login-wrap-02
{margin-right: 3rem;}
#header .login-wrap-02 ul
{display: flex;flex-direction: row;}
#header .login-wrap-02 .cosmosfarm-members-account-links
{gap: 0;flex-wrap: nowrap}
#header .login-wrap-02 .cosmosfarm-members-account-links a
{padding: 0;font-size: 1.6rem;font-weight: 600;color: #eeeeee;margin: 0rem;border-radius: 0rem;min-height: auto;border: none!important;background-color: transparent;line-height: 1.2;}
#header .login-wrap-02 .cosmosfarm-members-register-link:first-child:after
{display: block;content: '';clear: both;width: 1px;height: 15px;background-color: #eeeeee;margin: 0 5px;display: inline-block; vertical-align: sub;}
#header.scrolled .login-wrap-02 .cosmosfarm-members-account-links a
{color: #111;}
#header.scrolled .login-wrap-02 .cosmosfarm-members-register-link:first-child:after
{background-color: #111;}
/* 회원정보 none */
#header .login-wrap-02 .cosmosfarm-members-account-link a{display: none;}

/* header nav */
#header
{position: fixed; z-index: 100; transition: all 0.3s ease; height: 100px;background-color:transparent}
#header.scrolled
{background-color:rgb(255, 255, 255); height: 100px;padding-top: 0px; box-shadow: 5px 5px 10px 2px #0000000e; position:fixed; z-index: 100; }
#header #nav{ font-size: 18px; }
#header #nav ul li{width: 20rem}
#header #nav ul li a
{width: 100%; font-weight: 600;  font-size: 2rem;  color:#fff; font-family: var(--font1);}
#header.scrolled #nav ul li a{color: #000}
#header #nav ul li a:hover
{background-color:var(--sub-color)!important;color: #fff!important;}
#header #nav .elementor-item
{height: 100px;display: flex; justify-content: center;}
#header #nav .elementor-item:hover
{background-color: transparent!important;color: #fff!important;;}
#header.scrolled #nav .elementor-item:hover
{background-color: transparent!important;color: #000!important;;}
#header.scrolled #nav .elementor-item {height: 100px;}
#header .sub-menu
{overflow: hidden;text-align: center;line-height: 1.2;width: 20rem!important;}
#header .sub-menu .current_page_parent .elementor-sub-item
{color: #fff!important;}
#header .sub-menu .elementor-sub-item
{padding: 16px 10px !important;  font-size: 16px !important;  display: block;  text-align: left;  color: #222 !important;  width: 20rem !important;background: transparent;}
#header .sub-menu .elementor-item-active
{background-color:var(--sub-color)!important;;color: #fff!important;}
#header .sub-menu .current_page_parent
{background-color:var(--sub-color);color: #fff!important;width: 20rem!important;}
#header .sub-arrow { display: none; }
#header #logo
{filter: brightness(0) invert(1);}
#header.scrolled #logo
{filter :none;}

/* search */
#header .login-wrap-02
{width: 100%;}
#header #utilWrap
{display: flex;flex-direction: row;align-items: center;width: 100%;max-width: 260px}
#header #utilWrap #util
{display: flex;flex-direction: row;align-items: center;justify-content: space-between;;max-width: 115px;width: 100%}
#header #utilWrap #util a
{height: 5rem;width: 5rem;border-radius: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* #header #utilWrap #util a.search-btn
{background-color: #fff;}
#header.scrolled #utilWrap #util a.search-btn
{border: var(--border);}
#header #utilWrap #util a.sitemap-btn
{background-color: #008ed8;} */

/* FOOTER */
#footer
{padding: 7rem 0 3rem;}
.footer-flex-con
{display:flex; justify-content:space-between; align-items:stretch;}
.footer-top-con strong
{color:#fff; font-size:2.2rem; font-weight:600; display:block; margin-bottom:2rem;}
.footer-flex-con .footer-left-con
{width:70%;}
.footer-flex-con .footer-left-con .info-detail-con
{margin-bottom:3rem;}
.footer-flex-con .footer-left-con .info-detail-con span
{font-size:1.6rem; color:#fff; display:inline-block; margin-right:3rem; line-height:1.8;}
.footer-flex-con .footer-left-con .copyright p
{font-size:1.6rem; color:#a3a3a3;}
.footer-flex-con .footer-right-con
{width:30%; text-align:right; display:flex; flex-direction:column; justify-content:space-between;}
.footer-flex-con .footer-police-con a
{font-size:1.6rem; color:#cccccc; display:inline-block; margin-left:4rem;font-weight: 500;transition: var(--transition1);}
.footer-flex-con .footer-police-con a:hover
{color: #fff;font-weight: 600;}

/* quick menu */
.top-btn
{width: auto; height: auto;display: flex;flex-direction: column;align-items: center;cursor: pointer; top: 50%;transform: translateY(-50%);z-index: 999;opacity: 0;visibility: hidden;position: fixed; right: -5px;pointer-events: none;transition: var(--transition1);background-color: #fff;box-shadow: 0 0 10px 10px #0000000e;border-radius: 2rem 0 0  2rem;padding: 1rem;}
.top-btn.on
{opacity: 1;visibility: visible;;transition: var(--transition1)}
.top-btn a
{display: flex;flex-direction: column;align-items: center;justify-content: center;  pointer-events: auto;}
/* quick link wrap */
.quick-link01 a
{padding: 3rem 0 1rem; height: 130px !important}
.quick-link04 a
{padding: 1rem 0 3rem; height: 130px !important}
.quick-link li a
{width: 100px; height: 110px;border-bottom: var(--border)}
.quick-link li:last-child a
{border-bottom: none}
.quick-link li a .quick-link-icon
{padding-bottom: 1.5rem;}
.quick-link li a span
{font-size: 1.6rem; color: #000000; font-weight: 700;  font-family: var(--font1);}
/* top-btn */
.top-scroll-btn a
{background: #008ed8; padding: 1rem;  width: 120px;  border-radius: 1rem;}
.top-scroll-btn span
{color: #fff;font-size: 1.6rem;font-weight: 600;text-transform: uppercase;}

/* menu sitemap icon */
.sitemap-nav{font-family: var(--font1)!important;}
.dialog-message::-webkit-scrollbar
{width: 10px; height: 20px; }
#siteMapCon .sitemap
{width: 100%;  height:100%;}
.sitemap .nav-wrap
{padding:8rem 10rem 5rem;display: flex;  flex-direction: column;gap:1rem;}
.sitemap .nav-wrap .nav
{display: flex;  flex-direction: row;  align-items: baseline;  justify-content: space-between;  padding: 5rem;  border-radius: 2rem;transition: var(--transition1);background-color: var(--main-bg-color);position: relative;border: 1px solid #7e94c133}
.sitemap .nav-wrap .nav h2
{font-size: 2.5rem;  font-weight: 700;  color: #111;  min-width: 16rem;  position: relative;  margin: 0;transition: var(--transition1);;}
.sitemap .nav-wrap .nav .nav-detail ul
{display: flex;flex-direction: row;align-items: center;gap: 1rem;font-weight: 500;flex-wrap: wrap;}
.sitemap .nav-wrap .nav .nav-detail ul li a
{color: #222; transition: var(--transition1);font-size: 2rem; margin-left: 2rem;font-weight: 500;}
.sitemap .nav-wrap .nav .nav-detail ul li:last-child a::after{display: none}
.sitemap .nav-wrap .nav .nav-detail ul li a:hover,
.sitemap .nav-wrap .nav .nav-detail ul li.current_page_item a
{color: var(--main-color);text-decoration: underline 1px solid var(--main-color);font-weight: 600}
.sitemap .nav-wrap .nav:hover
{border: 1px solid var(--main-color)}
.sitemap .nav-wrap .nav:hover h2
{color: var(--main-color);}

/* tab */
.tab-content {display: none;}
.tab-content.active { display: block;}
.tab-wrap .tab-buttons
{display: flex;margin-bottom: 4rem;background-color: transparent;align-items: stretch;justify-content: center;width: 100%;border-radius: 1.5rem;overflow: hidden;}
.tab-wrap .tab-btn
{font-size: 2rem; border: none;width: auto; font-weight: 600; font-family: var(--font1);text-align: center;transition: var(--transition1);text-transform: capitalize;color:#333;background-color: #e3e3e3; ;line-height: 1.4;width: 100%;border-radius: 0;padding:2rem}
.tab-wrap .tab-btn:hover
{color:var(--black-color);}
.tab-wrap .tab-btn.active,
.tab-wrap .tab-btn:focus
{color: #fff !important;; background-color: var(--black-color);}

/* 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;margin-bottom: 1rem;}
ul.policy-txt .emailinfo-detail{display: flex;flex-direction: column;gap: 2rem;margin-bottom: 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;} */

/********************** main **********************/
/********************** main **********************/
/********************** main **********************/
/* main slide start */
.main-visual-wrap
{overflow: hidden;}
.mainVisual
{overflow: hidden;position:relative;width: 100%;;}
.main-slide .slick-list{overflow: inherit;z-index:0;overflow: hidden;}
.main-slide .main-img
{height:720px;background-repeat: no-repeat; background-size: cover;position: relative;overflow: hidden}
.main-img01 { background: url(/wp-content/uploads/2026/08/mainVisual01.jpg) }
.main-img02 { background: url(/wp-content/uploads/2026/08/mainVisual02.jpg)}
.main-img03 { background: url(/wp-content/uploads/2026/08/mainVisual03.jpg) }

/* mainTopText */
.main-top-text
{ width: 100%;  display: block;  text-align: left;color: #fff;text-shadow: var(--text-color);}
.main-top-text h4
{font-size: 2.4rem;  font-weight: 500;  padding-bottom: 3rem;}
.main-top-text h2
{font-weight: 700;  font-size: 5.4rem;  line-height: 1.3}

/* vis all controls */
.main-vis-all-wrap
{position: absolute;max-width: 1340px;width: 100%;display: block;margin: auto;   left: 50%; top:0;transform: translateX(-50%);z-index: 99; padding-top: 24rem; display: flex;flex-direction: row;justify-content: space-between; align-items: flex-start; }

.vis-left
{padding-top: 1.5rem;}
.vis-right
{padding-top: 1.5rem;}
.vis-right #mainVisualInquiry
{background: #ffffffa6;  border-radius: 2rem;  padding: 1.5rem;transition: var(--transition1);}
.vis-right #mainVisualInquiry .inquiry-box
{border-radius: 2rem;;width: 270px;height: 270px;   display: flex;  flex-direction: column;  justify-content: space-between;overflow: hidden;/*background: linear-gradient(0deg,rgba(0, 142, 216, 1) 0%, rgba(0, 142, 216, 0.52) 50%, rgba(255, 255, 255, 0) 100%);*/;background-color: #ffffff77;  transition: var(--transition1);}
.vis-right #mainVisualInquiry .inquiry-box .txt-con
{display: flex;flex-direction: row;align-items: center;gap: 3rem;justify-content: center;padding-top: 4rem;}
.vis-right #mainVisualInquiry .inquiry-box .txt-con strong
{color:var(--text-color); font-weight: 700;font-size: 2.8rem;}
.vis-right #mainVisualInquiry .inquiry-box .txt-con i.inqu-arr
{color:var(--text-color); font-weight: 700;font-size: 2.8rem;}
.vis-right #mainVisualInquiry .inquiry-box .bg
{position: relative;width: 100%;height:  100%;display: flex;  flex-direction: column;  justify-content: center;  align-items: center;background: url(/wp-content/uploads/2026/08/main-visright-bg.png) no-repeat bottom;}
.vis-right #mainVisualInquiry .inquiry-box .bg::after
{content: '';background: url(/wp-content/uploads/2026/08/main-qu-icon02.png) no-repeat center;background-size:contain;display: block;width: 90px;height: 90px;/*filter: invert(1) brightness(1);*/}
.vis-right #mainVisualInquiry:hover
{backdrop-filter: blur(5px);}

/* main slide arrow */
.main-visual-controls .arrow
{display: flex;flex-direction: row; justify-content: space-between;  align-items: center;  width: 150px;  flex-wrap: nowrap;  background: #fff;  border-radius: 5rem;  min-height: 4rem;padding: 0 2rem;box-shadow: 0 0 10px 10px #0000000f;}
.main-visual-controls .arrow button
{outline: none; border: none;  line-height: 0; }
.main-visual-controls .arrow button i
{color: #000000;  font-size: 1.4rem; font-weight: 600}
.main-visual-controls .arrow button:focus,
.arrow button.active,.arrow button:hover
{background: none;}

/* main slide count */
.main-visual-controls
{padding-top: 8rem;}
.main-visual-controls .slide-count .current
{font-size: 1.6rem;font-weight: 500;color: #000000;font-family: var(--font1);}
.main-visual-controls .slide-count .total,
.main-visual-controls .slide-count .dash
{font-size: 1.6rem;font-weight: 500;color: #444444;font-family: var(--font1);}
.main-visual-controls span.slide-count
{display: flex;  flex-direction: row;  align-items: center; justify-content: space-between; position: relative; gap: 5px;}


/********************** sub **********************/
/********************** sub **********************/
/********************** sub **********************/
/* subVisual */
#subVisual
{height: 45rem; position: relative; }
/* subTopTitle */
#subTopTitle h2
{font-size: 7rem;color: #fff;;font-weight: 600;font-family: var(--font1);padding-top: 8rem;}
#subVisual #subTopTitle .sub-container
{position: relative;display: flex;flex-direction: row;gap: 2rem;align-items: center;}
#subVisual #subTopTitle .logoimg
{ animation: spin 30s linear infinite; width: 7rem ;}
#subVisual #subTopTitle .logoimg
{ animation: spin 30s linear infinite; width: 7rem ;position: absolute; right: 2%;  top: 0rem;  width: 22rem;}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* subMenu - dropdown */
.elementor-location-header
{position:relative}
#subMenu
{position:absolute; bottom:3rem; }
#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:var(--black-color);  }
#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: #003091; 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:7.5rem; left:0;border-radius: 1rem; width:100%;background:#fff; border: var(--border);; z-index:9; display: none;}
#breadcrumb .dep-menu li:first-child a
{padding: 3rem 2rem 1.2rem; }
#breadcrumb .dep-menu li:last-child a
{padding:  1.2rem 2rem 3rem;}
#breadcrumb .dep-menu li a
{font-size:1.8rem; color:#00000071; display:block; padding:1.2rem 2rem; 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;}

/* subContent */
.sub-content
{margin: 10rem 0 10rem;}
.sub-content .sub-section
{margin-bottom: 7rem;}
.sub-content .sub-section:last-child,
.sub-content li:last-child,
.sub-content p:last-child
{margin-bottom: 0!important;}

/* sub-table*/
.table-common
{width: 100%; height: 100%;text-align: center;border-top: 2px solid var(--black-color)}
.table-common th,.table-common td
{border: none!important;vertical-align: middle; color: #111; padding: 1.5rem;font-size: 1.8rem;line-height: 1.6;border:1px solid #d5d5d5!important}
.table-common th:last-child,.table-common td:last-child{border-right: none!important;}
.table-common th:first-child,.table-common td:first-child{border-left: none!important;}
.table-common th
{background-color:#f4f4f4!important;border:1px solid #d5d5d5!important;}
/* table tbody>tr:nth-child(odd)>td{background-color: #f4f4f4!important;;} */
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(even)>td
{background-color: #fff!important;font-weight: 500;;}
/* table-left */
table.table-left td,
table.table-common ul
{text-align: left;}
table.table-left td{padding-left: 2rem;}
table.table-common ul li
{margin-bottom: 5px;line-height: 1.4;}

/* sub-title */
#subContent .sub-title-con{display: none;}
#subContent .sub-title-con
{text-align: center;margin: auto;display: block;margin-bottom: 7rem;}
#subContent .sub-title-con h2
{font-weight: 700;  font-size: 5.5rem;font-family: var(--font1);display: flex;  flex-direction: row;  align-items: flex-start;  justify-content: center;  gap: 1rem;}
/* #subContent .sub-title-con h2::before{content: '';width: 10px;height: 10px;display:block ; background-color : var(--main-color);} */

/* stitle */
.sub-stitle-con
{margin-bottom: 3rem;}
.sub-stitle-con h4
{font-size: 2.7rem; font-family: var(--font1); font-weight: bold;display: flex;flex-direction: row;align-items: center;gap: 1rem;}
.sub-stitle-con h4::before
{content: ''; width: 20px;  height: 20px;  border: 5px solid var(--sub-color);  border-radius: 7px}
.sub-stitle-con h5
{font-size: 2rem; font-family: var(--font1);  font-weight: 500;  padding: 1.2rem 0 0 3rem;color: #222;line-height: 1.3}
/* .sub-stitle-con small{font-size: 1.8rem; font-family: var(--font2); font-weight: bold;color: var(--hover-color);} */

/* 검색페이지 */
/* 검색 - header 설정 */
.page-id-1813 #header,
.search #header
{position: sticky;}
.page-id-1813 #header.scrolled,
.search #header.scrolled
{position: fixed;}
.page-id-1813 #header #logo,
.search #header #logo
{filter: none;}
.page-id-1813 #header #nav ul li a,
.page-id-1813 #header .login-wrap-02 .cosmosfarm-members-account-links a,
.page-id-1813 #header #nav ul.elementor-nav-menu a.elementor-item:hover,
.search #header #nav ul li a,
.search #header .login-wrap-02 .cosmosfarm-members-account-links a,
.search #header #nav ul.elementor-nav-menu a.elementor-item:hover
{color: #000!important;}
.page-id-1813 #header #nav ul.elementor-nav-menu--dropdown a:hover,
.search #header #nav ul.elementor-nav-menu--dropdown a:hover
{color: #fff!important;}
/* 검색 search 설정 */
.search-con
{min-height: 800px;}
.search-con .search-page-top
{display: flex;  flex-direction: column;  align-items: center;}
#site-header
{display:none;}
.search-result-page
{margin:0rem 0;}
.search-page-top
{padding:8rem; background:var(--sub-bg-color);}
.search-page-top .top-title-con
{text-align:center;}
.search-page-top .top-title-con h2
{font-family:var(--font1); font-size:5rem; color:#222; font-weight:700}
.top-search-con
{max-width:700px; margin:2rem auto 0;font-family:var(--font2);}
.top-search-con ul
{display:flex; position:relative;}
.top-search-con .cm-kboard-search-input
{width:100%; padding:0;}
.top-search-con .cm-kboard-search-input input
{background:#fff; border-radius: 1rem; width: 680px;border:none; height:55px; line-height:55px; border:1px solid #adadad;font-size:1.8rem; color:#333; padding:1rem 2rem;box-shadow: var(--box-shadow);}
.top-search-con .cm-kboard-search-btn
{ position:absolute; right:0; width:55px;}
.top-search-con  input[type="submit"]
{width:55px; height:55px; border:none;border:1px solid #adadad;  color:#fff; font-weight:600; font-size:0; border-radius:0; position: absolute; background: url(/wp-content/uploads/2026/08/search.png) no-repeat center;border-radius: 1rem;background-color: #F8F8F8;}
.search-result-page input[type="submit"]::before
{content:'\f002'; position:absolute; font-size:2.1rem; font-family:'Font Awesome 5 Free'; font-weight:900; right:17px; top:12px; color:#000;z-index: 999;}
.search-result-page .cm-kboard-search-btn input:hover,
.search-result-page .cm-kboard-search-btn input:focus
{background:transparent; border:none;}
.search-result-con
{padding:5rem 0;}
.top-search-con .search-word
{text-align:center;}
.top-search-con .search-word h2
{font-family:var(--font2); font-size:2rem; color:#333; font-weight:600; text-align:center; margin-top:2rem;}
.top-search-con .search-word h2 span
{font-family:var(--font2); color:#e33838;}
.result-list
{padding:2rem; border-bottom:1px solid #ddd; overflow:hidden;}
.result-list a
{display:flex;}
.result-list .thumbnail-con
{width:20rem; margin-right:2rem;}
.result-list .info-con
{width:calc(100% - 22rem);}
.result-list .info-con .tit
{font-size:2.5rem; font-family:var(--font2); color:#222; margin:0rem 0 1rem; font-weight:600;}
.result-list .info-con .des
{font-size:1.7rem; color:#424242; font-weight:300; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.result-list .info-con .des img
{display:none;}
.result-list .info-con .date
{font-size:1.6rem; color:#8f8f8f; font-weight:400; margin-top:1rem; display:block;}
.result-list.description-list .info-con
{width:100%;}
.search-result-list .not-result
{text-align:center; background:#f7f7f7; border:1px solid #ddd; padding:8rem 2rem;}
.search-result-list .not-result p
{font-size:2.4rem; color:#111; font-weight:700;}
.search-result-pagination
{margin-top:2rem;}
.search-result-pagination .custom-page-numbers
{display:flex; justify-content: center;;}
.search-result-pagination .custom-page-numbers li
{display:inline-block; background:none; padding:0 1px;}
.search-result-pagination .custom-page-numbers li a
{display:block; height:28px; line-height:28px; border:0; padding:0 11px; font-size:14px; color:#999; background-color:#f9f9f9; }
.search-result-pagination .custom-page-numbers li.current a
{background-color:var(--main-color); border-radius:10px; color:#fff;}


/*반응형*/
@media (max-width: 1800px) {
  #header{padding: 0 2rem;}
}

@media (max-width: 1520px) {
  #header #nav ul li{width: 14rem;}

  .footer-con{padding:0 2rem;}
}

@media (max-width: 1400px) {
  #subTopTitle h2{font-size: 6rem;}
  .main-vis-all-wrap{padding-top: 18rem;}
}

@media (max-width: 1340px) {
  #header #nav ul li{width: 11rem;}
}

@media (max-width: 1280px) {
  .main-vis-all-wrap{padding-top: 16rem;}
  .main-visual-controls{padding-top: 6rem;}
}

@media (max-width: 1024px) {
  .sitemap .nav-wrap{padding: 8rem 4rem 5rem;}
  #header #nav{display: none;}

  .search-page-top{padding: 8rem 2rem;}
  .search-page-top .top-title-con h2{font-size: 3.6rem;}
  .top-search-con .cm-kboard-search-input input{width: 600px;}
  .top-search-con input[type="submit"]{width: 55px; height: 55px;}
  
  
}

@media (max-width: 767px) {
  .top-search-con{width: 100%; display: flex; justify-content: center; padding-right: 24px;}
  .search-page-top .top-title-con h2{font-size: 2.8rem;}
  
  .top-search-con .cm-kboard-search-input input{width: 100%; height: 40px; font-size: 1.6rem;}
  .top-search-con input[type="submit"]{width: 40px; height: 40px;}


  .sitemap .nav-wrap{padding: 8rem 2rem 5rem;}
  .sitemap .nav-wrap .nav{padding: 3rem; flex-wrap: wrap;}
  .sitemap .nav-wrap .nav h2{width: 100%; font-size: 2.2rem;}
  .sitemap .nav-wrap .nav .nav-detail ul{justify-content: left; margin-top: 2.5rem; gap: 1.5rem;}
  .sitemap .nav-wrap .nav .nav-detail ul li a{margin-left: 0; margin-right: 1rem; font-size: 1.8rem;}
  #header{height: 80px;}
  #header.scrolled{height: 80px;}
  #header #utilWrap{max-width: 260px; justify-content: end; gap: 0;}
  #header #utilWrap #util{max-width: 120px; gap: 1rem; padding: 0 !important; justify-content: end;}
  #header #utilWrap #util a{height: 4rem; width: 4rem;}
  #header .login-wrap-02{margin-right: 0;}
  #header #logo img{width: 160px;}

  #footer{padding: 5rem 0 12rem;}
  .footer-top-con strong{display: none;}
  .footer-flex-con{flex-wrap: wrap-reverse;}
  .footer-flex-con .footer-left-con{width: 100%; margin-top: 3rem;}
  .footer-flex-con .footer-left-con .info-detail-con span{word-break: keep-all;}
  .footer-flex-con .footer-right-con{text-align: left; justify-content: start; width: 100%;}
  .footer-flex-con .footer-police-con{display: flex;}
  .footer-flex-con .footer-police-con a{margin-left: 0; margin-right: 4rem; padding-top: 1rem;}

/* quick menu */
.top-btn {width: 100%; flex-direction: row; top: auto; bottom: 0; transform: translateY(0); justify-content: space-around; border-radius: 2rem 2rem 0 0; right: 0;}
.top-btn .quick-link{display: flex; width: 100%; justify-content: space-around;}
.quick-link li a{border-bottom: none; width: 100%;}
.quick-link li a span{font-size: 1.2rem;}
.top-btn a{padding: 0; height: 70px !important;}

/*vis*/
.main-slide .main-img{height: 600px;}
  .main-visual-controls{padding-top: 3rem;}
  .main-vis-all-wrap{padding-top: 15rem; align-items: center;}
  .vis-left{padding-top: 0;}
  .main-top-text h4{font-size: 2rem; padding-bottom: 2rem;}
  .main-top-text h2{font-size: 3.2rem;}
  .vis-right #mainVisualInquiry .inquiry-box{width: 240px; height: 240px;}
  .vis-right #mainVisualInquiry .inquiry-box .txt-con{gap: 1rem;}
  .vis-right #mainVisualInquiry .inquiry-box .txt-con strong{font-size: 2.4rem;}
  .vis-right #mainVisualInquiry .inquiry-box .txt-con i.inqu-arr{font-size: 2.4rem;}
  
  

  #mainQuickMenu .quick-list .item .img-con{width: 4rem; height: 4rem;}
  #mainQuickMenu .quick-list .item p{font-size: 1.6rem;}

}


@media (max-width: 650px) {
/*vis*/
  .main-slide .main-img{height: 560px;}
  .main-visual-controls{padding-top: 3rem; display: flex; justify-content: center;}
  .main-vis-all-wrap{flex-direction: column; padding-top: 12rem;}
  .vis-left{width: 100%;}
  .main-top-text{text-align: center;}


  .vis-right{padding-top: 0; width: 100%;}
  .vis-right #mainVisualInquiry{margin-top: 4rem; padding: 1rem;}
  .vis-right #mainVisualInquiry .inquiry-box{width:100%; height: auto;}
  .vis-right #mainVisualInquiry .inquiry-box .txt-con{gap: 1rem; padding: 4rem;}
  .vis-right #mainVisualInquiry .inquiry-box .txt-con strong{font-size: 2rem;}
  .vis-right #mainVisualInquiry .inquiry-box .txt-con i.inqu-arr{font-size: 2rem;}
  .vis-right #mainVisualInquiry .inquiry-box .bg{background: none;}
  .vis-right #mainVisualInquiry .inquiry-box .bg::after{display: none;}
  
  
}
@media (max-width: 520px) {
  .top-scroll-btn a{width: 60px !important;}
  .quick-link li a .quick-link-icon img{width: 28px;}
  .quick-link .quick-link04 a .quick-link-icon img{width: 18px;}
  
}
@media (max-width: 480px) {
  .sitemap .nav-wrap .nav{padding: 2rem;}
  .sitemap .nav-wrap .nav .nav-detail ul{margin-top: 2rem; gap: 1rem;}

  #header{height: 60px;}
  #header.scrolled{height: 60px;}
  #header .login-wrap-02 .cosmosfarm-members-account-links a{font-size: 1.2rem;}
  #header #utilWrap{max-width: 170px;}
  #header #utilWrap #util{max-width: 80px; gap: 0.5rem;}
  #header #utilWrap #util a{width: 3rem; height: 3rem;}
  #header #logo img{width: 120px;}

  .footer-flex-con .footer-police-con a{margin-right: 1rem;}

  .main-slide .main-img{height: 520px;}
  .main-vis-all-wrap{padding-top: 12rem;}
  .main-top-text h4{font-size: 1.6rem; padding-bottom: 1rem;}
  .main-top-text h2{font-size: 3rem;}
  .main-visual-controls{padding-top: 2rem;}
  .main-visual-controls .arrow{width: 120px;}
  .main-visual-controls .slide-count .current{font-size: 1.4rem;}
  .main-visual-controls .slide-count .total, .main-visual-controls .slide-count .dash{font-size: 1.4rem;}
  .vis-right #mainVisualInquiry .inquiry-box .txt-con{padding: 2rem;}
  .vis-right #mainVisualInquiry .inquiry-box .txt-con strong{font-size: 1.6rem;}
  .vis-right #mainVisualInquiry .inquiry-box .txt-con i.inqu-arr{font-size: 1.6rem;}

  #mainQuickMenu{transform: translateY(-15%);}
  

  
}
@media (max-width: 360px) {
  #header #logo img{width: 128px;}
}

/*서브*/
@media (max-width: 1280px) {
  .sub-stitle-con h5{word-break: keep-all;}
  .sub-stitle-con{margin-bottom: 2rem;}
  #subContent .sub-title-con h2{font-size: 5rem;}

  
  
}

@media (max-width: 1024px) {
  
  #subVisual{height: 40rem;}
  #subTopTitle h2{font-size: 5rem;}

  #subContent .sub-title-con{margin-bottom: 5rem;}
  #subContent .sub-title-con h2{font-size: 4.2rem;}

  .sub-stitle-con{margin-bottom: 1rem;}
  .sub-load-table-wrap .table-common th{word-break: keep-all;}
  table.table-left td{word-break: keep-all;}
  
  .header-top .kboard-list-header{width: 50% !important;}
  #gallery-style02-list .gallery-style02-list .kboard-list-item{width: 47%;}
  

  /*프로그램*/
  .sub-stitle-con h5{font-size: 1.8rem;}
  .tab-wrap .tab-btn{font-size: 1.6rem;}
}

@media (max-width: 767px) {
  #breadcrumb .dep-menu li a{font-size: 1.6rem;}
  #breadcrumb .dep-con .dep-tit .dep-active-tit span{line-height: 1.2;}
  .sub-program-re-con .sub-txt-con .sub-txt ul li, .sub-program-all-con .sub-txt-con .sub-txt ul li{font-size: 1.6rem;}
  #breadcrumb .home{width: 5.5rem; height: 5.5rem;}
  #breadcrumb .dep-con{height: 5.5rem; width: 20rem;}
  #breadcrumb .dep-con .dep-tit .dep-active-tit span{font-size: 1.6rem;}

  #subVisual{height: 28rem;}
  #subTopTitle h2{font-size: 4.2rem; padding-top: 5rem; font-size: 4rem;}

  .sub-content{margin: 6rem 0 6rem;}
  #subContent .sub-title-con{margin-bottom: 2.5rem;}
  #subContent .sub-title-con h2{font-size: 3.2rem;}

  .tab-wrap .tab-btn{font-size: 1.6rem; padding: 1.5rem 1rem;}
  
  .sub-stitle-con h4{font-size: 2.4rem; word-break: keep-all; line-height: 1.2;}
  .sub-content .sub-section{margin-bottom: 4rem;}

  .table-common th, .table-common td{font-size: 1.5rem;}
  

  

  /*프로그램*/
  .sub-program-re-con .program-tab-wrap.tab-wrap .tab-buttons{flex-wrap: wrap;}
  .sub-program-re-con .program-tab-wrap.tab-wrap .tab-btn{padding: 1rem !important; font-size: 1.4rem;}
  .sub-stitle-con h5{padding: 1rem 0; font-size: 1.6rem;}

  #gallery-style02-list .gallery-style02-list .kboard-list-item{width: 100%;}
  
  
}

@media (max-width: 600px) {
  .header-top{flex-direction: column-reverse !important; align-items: start !important; justify-content: center !important;}
  .header-top .kboard-list-header{padding-bottom: 15px;}

  #ask-one-style01-list .kboard-search input{line-height: normal; width: 100%; min-width: 100%; float: left; margin-right: 1%; box-sizing: border-box;}
  #ask-one-style01-list .kboard-search select{min-width: 100%; width: 100%; line-height: normal !important; font-size: 14px; padding: 10px 20px; float: left; margin-right: 1%; box-sizing: border-box;}
  #ask-one-style01-list .kboard-search form{justify-content: start;}
  #ask-one-style01-list .kboard-search .search-wrap button{float: left;
        width: 23%;
        min-width: 23%;
        box-sizing: border-box;
        text-align: center;
        padding: 0 1rem;
        font-size: 15px;}

  #ask-one-style01-list .kboard-search .search-wrap input{line-height: normal;}

  #gallery-style02-list .gallery-style02-search form{justify-content: start;}
  #gallery-style02-list .gallery-style02-search select{width: 100%; min-width: 100%; padding: 10px 20px; height: auto; line-height: normal; font-size: 14px;}
  #gallery-style02-list .gallery-style02-search input{width: 100%; min-width: 100%; height: auto; line-height: normal; }



  #default-style03-list .kboard-search form{justify-content: start;}
  #default-style03-list .kboard-search select{width: 100%; min-width: 100%; padding: 10px 20px; font-size: 14px; line-height: normal !important;}
  #default-style03-list .kboard-search input{width: 100%; min-width: 100%; line-height: normal;}
  #default-style03-list .kboard-list .kboard-mobile-contents{margin-top: 1rem;}
  #default-style03-document .kboard-document-top{padding: 1rem 0;}
  #default-style03-document .kboard-detail{padding-top: 0; flex-direction: column;}


#ask-one-style01-list .kboard-pagination .kboard-pagination-pages li.first-page, #ask-one-style01-list .kboard-pagination .kboard-pagination-pages li.last-page, #ask-one-style01-list .kboard-pagination .kboard-pagination-pages li.prev-page, #ask-one-style01-list .kboard-pagination .kboard-pagination-pages li.next-page, #ask-one-style01-list .kboard-pagination .kboard-pagination-pages li.active{display: inline-block;}


  
}

@media (max-width: 520px) {
  .sub-mvs-con .sub-title-con h2::before{display: none;}
  .sub-mvs-con .sub-title-con h2::after{display: none;}
}

@media (max-width: 480px) {
  #subVisual{height: 24rem;}
  #subTopTitle h2{font-size: 3.8rem; padding-top: 5rem;}
  #breadcrumb .home{width: 4rem; height: 4rem;}
  #breadcrumb .dep-con{height: 4rem; padding: 0 2rem; margin-left: 0.5rem;}
  #breadcrumb .dep-con .dep-tit .dep-active-tit span{font-size: 1.4rem;}

  #subTopTitle h2{font-size: 3.8rem;}

  .sub-greeting-con .greeting-txt-con .txt-con p{font-size: 1.7rem;}
  .sub-greeting-con .sub-section{padding: 3rem 0;}
  
  .sub-mvs-boxes .mvs-box .mvs-txt p{font-size: 2.8rem;}
  
  .table-common th, .table-common td{font-size: 1.6rem;}
  .sub-load-table-wrap{width: 100%; overflow: scroll;}
  .table-wrap{width: 100%; overflow: scroll;}

}