/*
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.1755508748
Updated: 2025-08-18 18:19:08

*/

/* admin */
.admin-con { margin: auto; display: block; width: 50%; } 
.login_status,.cosmosfarm-members-loginout-link,.register_status { text-align: center; } 
.login_status a,.cosmosfarm-members-loginout-link a{ padding: 1rem 3rem; background-color: var(--main-color); border-radius: 3rem; margin: 4rem; color: #fff; } 
p.login_status {  line-height: 3;}
.cosmosfarm-members-account-link{display: none;}
.register_links li a{ padding: 1rem 3rem; background-color: var(--main-color); border-radius: 3rem; color: #fff; } 
.register_links{text-align: center;margin: 4rem auto;line-height: 3;}
.register_links li:nth-child(2){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(--bg-color);border-radius: 1rem;}
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;}

/* join */
/* .div_multicheckbox{display: flex;  flex-direction: row;  flex-wrap: wrap;  gap: 0rem;  align-items: baseline;  align-content: center;  justify-content: flex-start;}
.div_multicheckbox .multicheckbox{min-width: 96%;} */
.div_multicheckbox{padding: 3rem 3rem 1rem;  background: #f1f1f1;  border-radius: 1rem;}
.div_multicheckbox input{display: inline-block;}
.div_multicheckbox input:last-child{margin-bottom: 0;}
.div_multicheckbox .multicheckbox{display: inline-block;vertical-align: top;margin-bottom: 1rem;}

.main-title-con .main-title
{font-size:10rem; color:#000; font-weight:600; margin-bottom:2rem;}
.main-title-con .main-txt
{font-size:1.8rem; color:#222; font-weight:500; letter-spacing:0.3px;}

.main-about-con 
{display:flex; flex-wrap:wrap; align-items:center;}
.main-about-con .right-con 
{width:calc(100% - 62rem);;}
.main-about-txt-con 
{padding:7rem; display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between;}
.main-about-txt-con .link-con a
{display:flex; justify-content: center; align-items: center; width:12rem; height:12rem; background:var(--main-color); border-radius:50%; font-size:1.8rem; color:#fff; transition:all 0.3s ease;;}
.main-about-txt-con .link-con a:hover 
{background:#119b7a}

.main-product-con .main-title-con 
{display:flex; flex-wrap:wrap; align-items:center;}
.main-product-con .main-title-con .main-title 
{margin-right:3rem;}
.main-product-slide 
{margin: 0 -1.5rem;}
.main-product-slide .item 
{border-radius:50px; overflow:hidden; margin:0 1.5rem;}
.main-product-slide .product-img-con
{position:relative; }
.main-product-slide .product-img-con img 
{transition:all 0.3s ease;}
.main-product-slide .product-img-con .prd-txt 
{position:absolute; width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; left:0; top:0;}
.main-product-slide .product-img-con .prd-des 
{font-size:2.4rem; color:#000; font-weight:600; text-align:right; padding:4rem;}
.main-product-slide .product-img-con .prd-name 
{font-size:3.6rem; color:#000; font-weight:600; padding:4rem;}
.main-product-slide-con .slick-arrow 
{position:absolute; font-size:0; width:8rem; height:8rem; border-radius:50%; background:#fff; top:50%; transform:translateY(-50%); border:none; color:#838383; box-shadow:3px 3px 13px #00000024; z-index:999;}
.main-product-slide-con .slick-prev 
{left:-25px;}
.main-product-slide-con .slick-prev:after
{content:'\e93b'; font-family:'xeicon'; font-size:3rem;}
.main-product-slide-con .slick-next 
{right:-25px;}
.main-product-slide-con .slick-next:after
{content:'\e93e'; font-family:'xeicon'; font-size:3rem;}

.main-product-slide .item:hover .product-img-con img 
{transform:scale(1.1); }


.main-rnd-con 
{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}

.main-customer-con  
{display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-customer-con .cm-tab-menu-con 
{display:inline-block; margin-top:7rem;}
.main-customer-con .cm-tab-menu-con ul 
{display:flex; flex-wrap:wrap; background:#fff; border-radius:50px; padding:0.5rem; box-shadow:1px 1px 13px #00000014}
.main-customer-con .cm-tab-menu-con ul li
{padding:0.5rem 1rem; background:#fff; border-radius:50px; margin:0 1rem 0 0; min-width:10rem; text-align:center;    cursor: pointer;}
.main-customer-con .cm-tab-menu-con ul li span
{font-size:1.8rem; color:#444444; }
.main-customer-con .cm-tab-menu-con ul li.active 
{background:var(--main-color);}
.main-customer-con .cm-tab-menu-con ul li.active span
{color:#fff;}


.main-board-tab-con 
{width:97rem; border-top:2px solid var(--main-color);}
.main-board-tab-con .board-tab-con 
{margin-top:0.5rem;}
.main-board-tab-con .latest-row
{border-bottom:1px solid #ddd;}
.main-board-tab-con .latest-row a 
{display:flex; padding:3rem 2rem; border-radius:10px; transition:all 0.3s ease;}
.main-board-tab-con .latest-row .date 
{text-align:center; width:10rem;}
.main-board-tab-con .latest-row .date b
{font-size:2.4rem; color:#000; transition:all 0.3s ease;}
.main-board-tab-con .latest-row .date span
{font-size:1.4rem; color:#9f9f9f; display:block; transition:all 0.3s ease;}

.main-board-tab-con .latest-row .tit-con 
{width:calc(100% - 10rem); padding-left:3rem;;}
.main-board-tab-con .latest-row .tit-con .tit 
{font-size:2.0rem; color:#000; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; margin-bottom:0.5rem; transition:all 0.3s ease;}
.main-board-tab-con .latest-row .tit-con .des 
{font-size:1.6rem; color:#444444; transition:all 0.3s ease;}
.main-board-tab-con .latest-row a:hover 
{background:var(--main-color);}
.main-board-tab-con .latest-row a:hover .tit-con .tit, 
.main-board-tab-con .latest-row a:hover .tit-con .des,
.main-board-tab-con .latest-row a:hover .date b,
.main-board-tab-con .latest-row a:hover .date span
{color:#fff;}

.footer 
{padding:8rem 0;}
.footer .footer-con 
{display:flex; flex-wrap:wrap; }
.footer .f-left-con ,
.footer .f-right-con
{width:50%;}
.footer .f-detail-con dl
{display:flex;flex-wrap:wrap; margin-bottom:1rem;}
.footer .f-detail-con dl dt 
{width:18rem; font-size:1.6rem; color:#fff; font-weight:500;}
.footer .f-detail-con dl dd 
{font-size:1.6rem; color:#dddddd; font-weight:300; width:calc(100% - 18rem);}
.footer .f-copy p 
{font-size:1.6rem; font-weight:300; color:#cccccc; margin-top:2rem;}

.footer .f-right-con 
{display:flex; flex-direction:column; justify-content:space-between; text-align:right;}
.footer .f-logo-con .f-logo 
{display:flex; flex-direction:column; align-items:end; gap:15px;}
.footer .f-police-con
{margin-top:2rem;}
.footer .f-police-con a 
{font-size:1.6rem; color:#fff; font-weight:600; margin-left:1rem;}

/* sub */
/* sub small menu */
/* .small-menu
{display: flex;flex-direction: column;align-items: center;margin: 5rem auto;}
.small-menu ul.menu
{display: flex;flex-direction: row;gap: 2rem;;}
.small-menu .menu-item a
{padding: 1.2rem 2rem; background-color: var(--main-color);border-radius: 5rem;color: #ffffff91;;transition: var(--transition1);}
.small-menu .menu-item a:hover,
ul.menu .current-menu-item   > a
{ background-color: #000!important ;font-weight: 600;color: #fff;}
.sub-title-con h2 b{font-size: 4rem;} */
.small-menu
{display: flex;flex-direction: column;align-items: center;margin: 5rem auto;}
.small-menu ul
{display: flex;flex-direction: row;gap: 2rem;;}
.small-menu li a
{padding: 1.5rem 3rem; font-size: 2rem; background-color: var(--main-color);border-radius: 5rem;color: #ffffffde;;transition: var(--transition1);}
.small-menu li a:hover
{ background-color: #000!important ;font-weight: 600;color: #fff;}
.sub-title-con h2 b{font-size: 4rem;}

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

.company-top-con 
{text-align:center;}
.company-top-con h2 
{font-size:4.6rem; font-weight:800; color:#1b1b1b;}
.company-top-con h2 strong 
{color:var(--sub-color); font-weight:800;}

/* 오시는길 */
.location-map-con .cont 
{display:none;}
.location-detail-con 
{margin-top:8rem;}
.location-btn-con 
{display:flex; justify-content:center;}
.location-btn-con a 
{padding:1.5rem 3rem; background:#f4f4f4; margin:0 1rem; border-radius:50px; font-size:1.8rem; color:#777; font-weight:600; min-width:20rem; display:flex; justify-content:space-between; align-items:center; transition:all 0.3s ease;;}
.location-btn-con a:hover 
{background:var(--main-color); color:#fff;}
.location-info-con 
{margin-top:5rem;}
.location-info-con ul
{display:flex; justify-content:space-between; flex-wrap:wrap;}
.location-info-con .info-item 
{width:19%; border:1px solid #ddd; border-radius:25px; padding:5rem 2rem; text-align:center; background:#f7f7f7;}
.location-info-con .info-item .icon
{display:inline-block; width:8rem; height:8rem; background-repeat:no-repeat;}
.location-info-con .info-item h4
{font-size:2.1rem; color:#000; font-weight:700; text-align:center;}
.location-info-con .info-item p
{font-size:1.6rem; color:#777; margin-top:1rem;}

/* 제품 리스트 */
.product-list ul 
{display:flex; flex-wrap:wrap; margin:0 -1%;}
.product-list .item 
{width:23%; margin:0 1% 3%; }
.product-list .item a 
{padding:2rem; display:block; background:#f4f4f4;height: 100%; display: flex;  flex-direction: column;   /* justify-content: space-between; */}
.product-list .item .img-con 
{border-radius:10px; overflow:hidden;}
.product-list .item .img-con img 
{transition:all 0.5s ease;}
.product-list .item .txt-con 
{padding:2rem 1rem; display:flex; justify-content:space-between; align-items:end;}
.product-list .item .txt-con .tit small 
{font-size:1.6rem; color:#888}
.product-list .item .txt-con .tit h5
{font-size:2rem; color:#000; font-weight:700;}

.product-list .item .txt-con .more 
{border:1px solid var(--main-color); border-radius:10px; color: var(--main-color); font-size:1.6rem; padding:0.5rem 2rem; display:inline-block; font-weight:600; transition:all 0.25s ease; min-width: 10rem;}


.product-list .item:hover .img-con img 
{transform:scale(1.1)}
.product-list .item:hover .txt-con .more 
{background:var(--main-color); color:#fff;}

/* 제품 상세 */
.product-detail-view .overview-con 
{display:flex; flex-wrap:wrap; border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.product-detail-view .overview-con .img-con 
{width:50%; padding:5rem;}
.product-detail-view .overview-con .img-con img 
{border-radius:25px;}
.product-detail-view .overview-con .txt-con 
{width:50%; padding:5rem; background:#f4f4f4;}
.product-detail-view .overview-con .txt-con .tit 
{margin-bottom:3rem;}
.product-detail-view .overview-con .txt-con .tit h4
{font-size:2rem; color:var(--sub-color); font-weight:800; position:relative; display:inline-block; font-family:'Montserrat'; }
.product-detail-view .overview-con .txt-con .tit h2 
{font-size:4rem; font-weight:800; color:#000; margin-bottom:1rem;}
.product-detail-view .overview-con .txt-con .tit p
{font-size:1.8rem; color:#999; font-weight:500;}
.product-detail-view .overview-con .txt-con .txt p
{font-size:1.8rem; color:#333; font-weight:300}
.product-detail-view .overview-con .txt-con .btn 
{text-align:left; margin-top:4rem;}
.product-detail-view .overview-con .txt-con .btn a
{display:inline-block; padding:1rem 2rem; background:var(--sub-color); color:#fff; font-size:1.7rem; border-radius:50px;}

.product-detail-content
{margin-top:10rem;}
.product-detail-content .prd-detail-row 
{margin-bottom:5rem;}
.product-detail-content .detail-tit 
{margin-bottom:5rem;}
.product-detail-content .detail-tit h2
{font-size:2.8rem; font-weight:700; color:#000; position:relative; padding-left:2.5rem;}
.product-detail-content .detail-tit h2:before 
{content:''; position:absolute; width:1.8rem; height:1.8rem; border-radius:50%; border:4px solid var(--main-color); left:0; top:10px;}
.product-detail-content .detail-row
{margin:0 0 6rem 0;}
.product-detail-content .detail-row dl 
{display:flex; align-items:center; border-bottom:1px solid #ddd; padding:2rem 0;}
.product-detail-content .detail-row dl dt 
{font-size:1.8rem; color:#222; font-weight:600; min-width:20rem; padding:0 1rem;}
.product-detail-content .detail-row dl dd
{font-size:1.8rem;}
.product-detail-content .detail-row h4 
{font-size:2.4rem; font-weight:700; color:#000;}

.prd-con{}
.prd-con .font{font-family: serif;}

/* 문의하기 */
#inquiry-style03-tbl .write-box 
{display:flex; flex-wrap:wrap;}
#inquiry-style03-tbl .write-box dl 
{width:48%; margin:0 2% 1% 0;}
#inquiry-style03-tbl .write-box dl.w100 
{width:100%;}
#inquiry-style03-tbl .write-box dl dt 
{font-size:1.7rem; color:#000;}
#inquiry-style03-tbl .write-box dl dd input,
#inquiry-style03-tbl .write-box dl dd textarea 
{background:#f6f6f6; padding:1rem; font-size:1.5rem; color:#484848; border-radius:5px; border:1px solid #eee;}
#inquiry-style03-tbl .write-box dl dd input::placeholder,
#inquiry-style03-tbl .write-box dl dd textarea::placeholder
{color:#999;}
#inquiry-style03-tbl .terms
{}
#inquiry-style03-tbl .terms p
{display:flex; align-items:center;}
#inquiry-style03-tbl .terms p span 
{font-size:1.7rem; margin:0;}
#inquiry-style03-tbl .terms a 
{margin-left:1rem; color:#101010; display:inline-block; border-bottom:2px solid #101010; font-size:1.7rem; padding:0 0.5rem;}
#inquiry-style03-tbl .submit-con
{margin-top:4rem; text-align:center;}
#inquiry-style03-tbl .submit-con input 
{border:none; background:var(--main-color); color:#fff; font-size:1.7rem; padding:1rem 4rem; transition: all 0.3s ease;}
#inquiry-style03-tbl .submit-con input:hover 
{background:var(--main-color);}

@media screen and (max-width:767px) {
  #inquiry-style03-tbl .write-box dl
  {margin:0 0 2%; width:100%; }
}

/* 여기서부터 제작자 : bhe */
/* sub common */
.sub-con-wrap{margin-top: 10rem;}

/* 인사말 */
.greeting-con-wrap{}
.greeting-con .greeting-img
{position: relative; border-radius: 1rem;  overflow: hidden;margin-bottom: 5rem;background: url(/wp-content/uploads/2025/11/vision-bg.jpg) center;  background-size: cover;  background-attachment: fixed;  width: 100%;  height: 35rem;}
.greeting-con .greeting-img::after
{display: block;content: '';clear: both;width: 100%;height: 100%;background-color: #00000028;position: absolute;left: 0;top: 0;}

.greeting-con .greeting-tit
{margin-bottom: 5rem;}
.greeting-con .greeting-tit h2
{font-size: 3rem;  font-weight: 600; line-height: 4.5rem;}
.greeting-con .greeting-detail
{}
.greeting-con .greeting-detail ul
{display: flex;gap: 3rem;flex-direction: column;padding: 0 2rem;}
.greeting-con .greeting-detail ul li
{line-height: 3.2rem;word-break: keep-all;}
.greeting-con .greeting-detail ul li b
{font-size: 2rem;}
.greeting-con .greeting-detail ul li.greeting-name
{font-size: 1.8rem;  font-weight: bold;  display: flex; justify-content: flex-end; align-items: flex-end; color: #777;;}
.greeting-con .greeting-detail ul li.greeting-name span
{font-size: 2.5rem;  margin-left: 2rem;  letter-spacing: 2px;color: #000;}

/* 연혁 */
.history-con-wrap
{position: relative}
.history-con-wrap .history-year-top
{position: sticky;top: 10rem;}
.history-con-wrap .history-year-top ul
{display: flex;flex-direction: column;gap: 2rem;}
.history-con-wrap .history-year-top ul li{}
.history-con-wrap .history-year-top ul li a
{font-size: 2rem;border-radius: 5rem;padding: 1.2rem;transition: var(--transition1);font-weight: 500; background-color: var(--bg-color); color: #777; display: flex; flex-direction: column;  flex-wrap: nowrap; align-items: center;  justify-content: center;  width: 16rem;}
.history-con-wrap .history-year-top ul li a:hover
{background-color: var(--main-color);color: #fff;}
.history-con
{scroll-behavior: smooth;padding-left: 20rem;display: flex;flex-direction: column;gap: 3rem;margin-top: -20rem;}
.history-con-wrap h2
{font-size: 4rem;  font-weight: 600;  padding: 5rem 0;  color: var(--main-color);}
.history-con-wrap dl
{ display: flex;flex-direction: row;gap: 4rem;justify-content: flex-start;padding: 3rem 0;border-top:3px solid #ddd;}
.history-con-wrap dt
{font-size: 2.1rem;font-weight:700;min-width: 14rem;  text-align: center;}
.history-con-wrap dd
{display: flex;flex-direction: column; justify-content: center;color: #777;gap: 1rem;}
.history-con-wrap dd p{}

/* 특허 및 인증현황 */
.patent-con
{ display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;}
.patent-con .cer-txt-wrap
{ display: flex  ;  flex-direction: column;  gap: 5rem;}
.patent-con .cer-txt-wrap .cer-tit dt
{font-size: 2.5rem;color: #fff;letter-spacing: 0.5px; background-color: var(--main-color);padding: 2rem 3rem;border-radius: 1rem;font-weight: 600;}
.patent-con .cer-txt-wrap .cer-txt{}
.patent-con .cer-txt-wrap .cer-txt dl
{display: flex;  flex-direction: row;  gap: 7rem;  align-items: flex-start;}
.patent-con .cer-txt-wrap .cer-txt dt
{min-width: 8rem;font-size: 2rem;color: #fff;background:#2e574d;border-radius: 5rem;padding: 0.5rem 3rem;}
.patent-con .cer-txt-wrap .cer-txt dd{}
.patent-con .cer-txt-wrap .cer-txt dd p
{margin-bottom: 1rem;font-weight: 700;}
.patent-con .cer-txt-wrap .cer-txt dd span
{color: #a3a3a3;  font-weight: 500;}

.patent-con .cer-img-wrap
{ background-color: #e0eed7;  padding: 3rem 9rem;  border-radius: 15rem 7rem;}
.patent-con .cer-img-wrap .cer-img img
{box-shadow: 0 0 10px 5px #0000001c;  margin: 0.5rem 1rem;}

.cer-con{}
.cer-con .cer-img
{margin: 12rem auto;display: block;text-align: center;}

/* R&D */
#boardContent{padding: 10rem 0 0;}
.board-con{}
.board-con .sub-con-wrap{margin-top: 15rem;}

.board-title-con h2
{ -webkit-text-fill-color: transparent;  background: url(/wp-content/uploads/2025/11/randd-bg.jpg);  -webkit-background-clip: text; background-size: 100vw auto;background-position: center;    margin-top: 10rem;}
/* top scroll animation */
.top 
{ position: relative;height: 200vh;}
.board-container 
{clip: rect(0, auto, auto, 0);  overflow: hidden;  position: absolute;  height: 100vh;  left: 0;  width: 100%;   -webkit-mask-image: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);}
.container_solid 
{ background: #fff; top: 0;}
.title-wrap 
{ position: fixed;display: block;  margin: auto;width: 100%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.title-wrap h1 
{text-align: center;font-size: 64px;text-transform: uppercase;text-align: center;font-weight: 900;}
.title-wrap h2
{font-size: 40px;text-align: center;margin: 2rem auto;
  /* text-bg */ 
  -webkit-text-fill-color: transparent;  background: url(/wp-content/uploads/2025/11/randd-bg.jpg);  -webkit-background-clip: text; background-size: 100vw auto;background-position: center;}
.container_solid .title-wrap h1 
{background: url(/wp-content/uploads/2025/11/randd-bg.jpg);background-size: 100vw auto;background-position: center;text-fill-color: transparent;-webkit-text-fill-color: transparent;background-clip: text;-webkit-background-clip: text;color: black;}
.container-img 
{background-image: url(/wp-content/uploads/2025/11/randd-bg.jpg);  background-size:100vw auto;  background-position: center;  background-attachment: fixed;    top: 100vh;}
.title-box h1,.title-box h2
{-webkit-text-fill-color: #fff; opacity: .8;}
.title-box h2
{margin-bottom: 5rem;}
.title-box p
{color: #fff;margin: 0 auto;max-width: 1050px;padding: 0 10px;font-size: 3rem;text-align: center;margin-bottom: 2rem;line-height: 4rem;}

.board-con .sub-stitle
{margin:10rem 5rem 5rem}
.board-con .sub-stitle h2
{font-size: 4rem;  font-weight: 600;  margin-bottom: 0.5rem;}
.board-con .sub-stitle span
{font-size: 2rem;  font-weight: 500; color: #777;}

.board-con .research-boxes
{display: flex;flex-direction: column;gap: 3rem;}
.board-con .research-boxes .research-box
{border-radius: 2rem;  padding: 10rem;}
.board-con .research-boxes .research-box01{background: url(/wp-content/uploads/2025/11/randd-bg-img01.png) no-repeat center right #777;}
.board-con .research-boxes .research-box02{background: url(/wp-content/uploads/2025/11/randd-bg-img02.png) no-repeat center right #777;}
.board-con .research-boxes .research-box03{background: url(/wp-content/uploads/2025/11/randd-bg-img03.png) no-repeat center right #777;}
.board-con .research-boxes .research-box .re-box-txt
{color: #fff;display: flex;flex-direction: column;gap: 4rem;}
.board-con .research-boxes .research-box .re-box-txt dl{}
.board-con .research-boxes .research-box .re-box-txt dl span
{font-size: 1.6rem;font-weight: 600;text-transform: uppercase;padding: .5rem 2rem; background: var(--sub-color); border-radius: 5rem;}
.board-con .research-boxes .research-box .re-box-txt dt
{font-size: 3rem;  font-weight: 600; margin: 1rem 0;}
.board-con .research-boxes .research-box .re-box-txt dd
{display: flex;flex-direction: column;gap: 0.5rem;}
.board-con .research-boxes .research-box .re-box-txt dd p{}

.board-con .research-boxes .research-box .re-box-txt ul
{display: flex;flex-direction: row;gap: 1.5rem;}
.board-con .research-boxes .research-box .re-box-txt ul li
{border-radius: 4rem;  padding: 0.5rem 2rem;  font-size: 1.6rem;transition: var(--transition1);background-color:#ffffff49;font-weight: 500;}

.board-con .vision-bg
{position: relative;padding: 1rem 0 10rem;}
.board-con .vision-bg::before
{background: url(/wp-content/uploads/2025/11/vision-bg.jpg) center center; background-size: cover;width: 100%;height: 100%;content: '';display: block;clear: both;position: absolute;  opacity: .1;  background-attachment: fixed;}
.board-con .vision-boxes
{display: flex;flex-direction: row;gap: 3rem;justify-content: space-between;}
.board-con .vision-boxes .vision-box
{border-radius: 2rem; padding: 10rem;color: #fff; position: relative;overflow: hidden;background-size: cover;width: 100%;}
.board-con .vision-boxes .vision-box::after
{width: 100%;height: 100%;position: absolute; left: 0;top: 0; background-color: #00000059;content: '';clear: both;display: block;transition: var(--transition2);}
.board-con .vision-boxes .vision-box:hover::after{background-color: #00000091;    backdrop-filter: blur(5px);}
.board-con .vision-boxes .vision-box01
{background: url(/wp-content/uploads/2025/11/vision-img01.jpg) center  no-repeat; height: 42rem;transition: var(--transition2); }
.board-con .vision-boxes .vision-box02
{background: url(/wp-content/uploads/2025/11/vision-img02.jpg) center right 55% no-repeat; height: 42rem;transition: var(--transition2);}
.board-con .vision-boxes .vision-box02 .box01 p
{ display: flex;flex-direction: row;gap: 1rem;align-items: center;}
.board-con .vision-boxes .vision-box02 .box01 p::before
{content: '';display: block;clear: both;width: 5px;height: 5px;border-radius: 100%;background-color: #ffffff67;}

.board-con .vision-boxes .vision-box dl
{position: inherit;z-index: 1;}
.board-con .vision-boxes .vision-box dl span
{font-size: 1.6rem;font-weight: 600;text-transform: uppercase;padding: 0.5rem 2rem;  border-radius: 5rem;  background: var(--sub-color);}
.board-con .vision-boxes .vision-box dt
{font-size: 3rem;  font-weight: 600; margin: 1rem 0;}
.board-con .vision-boxes .vision-box dd
{display: flex;flex-direction: column;gap: 0.5rem;}

.board-con .vision-boxes .vision-box .box01{visibility: hidden;width: 0;height: 0;transition: var(--transition2);opacity: 0;}
.board-con .vision-boxes .vision-box .box02{visibility: visible;width: 100%;height: 100%;transition: var(--transition2);opacity: 1;}
.board-con .vision-boxes .vision-box:hover .box01{visibility: visible;width: 100%;height: 100%;opacity: 1;}
.board-con .vision-boxes .vision-box:hover .box02{visibility: hidden;width: 0;height: 0;opacity: 0;}


/* 제품설명 */
.detail-con .prod-about
{display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;gap: 3rem;}
.detail-con .prod-about dl
{width: 25%;text-align: center;display: flex;flex-direction: column;gap: 1rem;align-items: center;justify-content: flex-start;}
.detail-con .prod-about dt
{font-weight: 600;}
.detail-con .prod-about dd
{color: #777;font-weight: 400;font-size: 1.6rem;}
.info-tit
{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.info-tit span
{font-size: 1.6rem;color: #777;}

/* table common */
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);}
/* prod common */
.prod-table
{ width: 100%; height: 100%; background-color: var(--bg-color);border-radius: 1rem;text-align: center; margin-bottom: 1rem;border-top: 2px solid #000;border-right: 1px solid #ddd;border-left: 1px solid #ddd}
.prod-table th,.prod-table td
{ border: none ;vertical-align: middle;color: #000; padding:2rem; }
.prod-table th
{text-align: center;  font-weight: 600;background-color: var(--bg-color)!important;  padding: 3rem;  border-right: 1px solid #ddd; }
.prod-table td
{border-bottom: 1px solid #ddd;  border-left: 1px solid #ddd;}

/* back-btn */
.back-btn
{background-color: #222;padding: 1.5rem;transition: var(--transition1);color: #fff; display: flex;justify-content: center;width: 15rem;  margin: 0 auto;}
.back-btn:hover
{background-color: var(--main-color);color: #fff;}

/* main 하단 문의하기 */
#inquiry-style04-tbl .write-box 
{display:flex; flex-wrap:wrap; padding-left: 2%;}
#inquiry-style04-tbl .write-box dl 
{width:48%; margin:2% 2% 0% 0%;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#inquiry-style04-tbl .write-box dl.w50{}
#inquiry-style04-tbl .write-box dl.w100 
{width:100%; border-bottom: 1px solid #ddd;  padding-bottom: 2rem;}
#inquiry-style04-tbl .write-box dl.w100 dd
{width: 100%;}
#inquiry-style04-tbl .write-box dl dt 
{font-size:1.7rem; color:#000;font-weight: 600; min-width: 7rem;}
#inquiry-style04-tbl .write-box dl dd input,
#inquiry-style04-tbl .write-box dl dd textarea 
{background:#fff; padding:1rem; font-size:1.5rem; color:#484848; border-radius:5px; border:1px solid #eee;}
#inquiry-style04-tbl .write-box dl dd input::placeholder,
#inquiry-style04-tbl .write-box dl dd textarea::placeholder
{color:#999;}
#inquiry-style04-tbl .terms
{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start; margin-top: 2rem; margin-left: 2rem;}
#inquiry-style04-tbl .terms p
{display:flex; align-items:baseline;}
#inquiry-style04-tbl .terms p span 
{font-size:1.5rem; margin:0;}
#inquiry-style04-tbl .terms a 
{margin-left:1rem; color:#101010; display:inline-block; border-bottom:2px solid #101010; font-size:1.7rem; padding:0.5rem 0.7rem;}
#inquiry-style04-tbl .submit-con
{ text-align:left;}
#inquiry-style04-tbl .submit-con input 
{border:none; background:#222; color:#fff; font-size:1.7rem; padding: 0.8rem 4rem; transition: all 0.3s ease;  border-radius: 0; font-weight: 600;}
#inquiry-style04-tbl .submit-con input:hover 
{background:var(--main-color);}