/*
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.1.1.1732243439
Updated: 2024-11-22 02:43:59

*/
@font-face {
  font-family: 'SangSangShin';
  src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/SangSangShin.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.main-btn-con .more-btn { display: inline-block; font-size: 1.8rem; color: #000; font-weight: 600; box-shadow: 2px 2px 9px #00000038; padding: 1.5rem 3rem; border-radius: 50px; background: #fff; margin-top:5rem; transition: all 0.3s; } 
.main-btn-con .more-btn i { margin-left: 1rem; transition: all 0.3s; } 
.main-btn-con .more-btn:hover { color: #fff; background-color: #222; } 
.main-btn-con .more-btn:hover i { transform: translate(10px, 0); } 

.main-title-con h4 { font-size: 2rem; color: var(--main-color); font-weight: 700; } 
.main-title-con h2 { font-size: 4.5rem; color: #000; font-weight: 700; margin-top: 2rem; } 
#mainProductCon .main-title-con h2 { color: #fff; } 
#mainProductCon .main-title-con p { color: #fff; font-size: 2rem; font-weight: 300; margin-top: 5rem; } 
#mainContactCon .main-title-con h2 { color: #fff; } 

.main-company-con { display: flex; align-items: end; justify-content: space-between; } 
.main-company-txt-con h2 { font-size: 3rem; font-weight: 700; color: #000; line-height: 1.3; } 
.main-company-txt-con p { font-size: 2rem; margin-top: 3rem; color: #333333; font-weight: 400; } 

/* 메인 사업소개 */
.main-business-con { display: flex; } 
.main-business-con .main-business-left-con { width: 33%; display: flex; flex-direction: column; padding: 5rem 0; } 
.main-business-con .main-business-right-con { width: 67%; } 
.main-business-list { display: flex; } 
.main-business-list .business-item { background: #fff; width: 32%; border-radius: 25px; margin: 0 2% 0 0; box-shadow: 8181813b; } 
.main-business-list .business-item:hover .more-btn { background-color: #ddd; } 
.main-business-list .business-item:hover .more-btn i { transform: translate(10px, 0); } 
.main-business-list .business-item:last-child { margin: 0; } 
.main-business-list .business-item a { display: flex; flex-direction:column; height:100%; padding: 5rem 3rem 2rem; text-align: center; } 
.main-business-list .business-item .tit { border-bottom: 1px solid #000; text-align: center; padding-bottom: 1rem; margin-bottom: 2rem; position: relative; } 
.main-business-list .business-item .tit:before { content: ''; position: absolute; width: 1rem; height: 1rem; border-radius: 50%; background: var(--main-color); left: 0; } 
.main-business-list .business-item .tit:after { content: ''; position: absolute; width: 1rem; height: 1rem; border-radius: 50%; background: var(--main-color); right: 0; } 

.main-business-list .business-item .tit h4 { font-size: 2.2rem; color: #000; font-weight: 700; display: inline-block; } 
.main-business-list .business-item .list-box { background: #f6f6f6; padding: 2rem 2rem; border-radius: 25px; text-align: right; height:100%;} 
.main-business-list .business-item .list-box ul { text-align: left; } 
.main-business-list .business-item .list-box li { font-size: 1.8rem; color: #333; font-weight: 500; padding-left: 2rem; margin: 1rem 0; position: relative; } 
.main-business-list .business-item .list-box li:before { content: ''; position: absolute; width: 7px; height: 7px; background: var(--main-color); border-radius: 50%; left: 0; top: 9px; } 
.main-business-list .business-item .list-box i { display: inline-block; width: 6rem; height: 6rem; background-position: center; background-repeat: no-repeat; background-color: #fff; border-radius: 50%; } 
.main-business-list .business-item .more-btn { display: inline-block; font-size: 1.8rem; color: #000; font-weight: 500; border: 1px solid #000; padding: 1rem 3rem; border-radius: 50px; margin-top: 2rem; transition: all 0.3s; } 
.main-business-list .business-item .more-btn i { margin-left: 1rem; transition: all 0.3s; } 

/* 메인 사업소개 */
.main-product-con { display: flex; } 
.main-product-con .main-product-left-con { width: 33%; display: flex; flex-direction: column; justify-content: space-between; padding: 5rem 0; } 
.main-product-con .main-product-right-con { width: 67%; } 
.main-product-list { display: flex; } 
.main-product-list .product-item { background: #fff; width: 32%; border-radius: 25px; margin: 0 2% 0 0; box-shadow: 8181813; transition: all 0.3s; } 
.main-product-list .product-item:last-child { margin: 0; } 
.main-product-list .product-item a { display: block; padding: 5rem 3rem 2rem; text-align: center; } 
.main-product-list .product-item:hover .more-btn { background-color: #ddd; } 
.main-product-list .product-item:hover .more-btn i { transform: translate(10px, 0); } 
.main-product-list .product-item .tit { border-bottom: 1px solid #000; text-align: center; padding-bottom: 1rem; margin-bottom: 2rem; position: relative; } 
.main-product-list .product-item .tit:before { content: ''; position: absolute; width: 1rem; height: 1rem; border-radius: 50%; background: var(--main-color); left: 0; } 
.main-product-list .product-item .tit:after { content: ''; position: absolute; width: 1rem; height: 1rem; border-radius: 50%; background: var(--main-color); right: 0; } 

.main-product-list .product-item .tit h4 { font-size: 2.2rem; color: #000; font-weight: 700; display: inline-block; } 
.main-product-list .product-item .img-box { background: #f6f6f6; display: flex; align-items: center; justify-content: center; min-height: 20rem; padding: 2rem; border-radius: 25px; } 

.main-product-list .product-item .more-btn { display: inline-block; font-size: 1.8rem; color: #000; font-weight: 500; border: 1px solid #000; padding: 1rem 3rem; border-radius: 50px; margin-top: 2rem; transition: all 0.3s; } 
.main-product-list .product-item .more-btn i { margin-left: 1rem; transition: all 0.3s; } 

/* 메인 추출 게시판 */
.main-board-con { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.main-board-con > div { width: 49%; } 
.doc-item {
  height: 42rem !important;
  margin: 1rem;
  border-radius: 2rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.doc-item a img {
  display: block;
  margin: 0 auto;
  height: 100% !important;
}


/* 최근게시물 gal */
.main-board-right-con { position: relative; } 
#kboard-pure-gallery-list.kboard-pure-gallery-latest { position: relative; } 
#kboard-pure-gallery-list.kboard-pure-gallery-latest
 .kboard-pure-gallery-list
 .kboard-list-item { margin: 0 11px !important; } 
#kboard-pure-gallery-list.kboard-pure-gallery-latest .kboard-pure-gallery-list { margin: 0 -11px; } 
#kboard-pure-gallery-list.kboard-pure-gallery-latest
 .kboard-pure-gallery-list
 .kboard-list-item
 .kboard-list-new { display: none; } 
#kboard-pure-gallery-list.kboard-pure-gallery-latest
 .kboard-pure-gallery-list
 .kboard-list-item
 .kboard-list-thumbnail { overflow: hidden; height: 200px !important; border-radius: 30px; } 
#kboard-pure-gallery-list.kboard-pure-gallery-latest
 .kboard-pure-gallery-list
 .kboard-list-item
 .kboard-list-user { display: none; } 
#kboard-pure-gallery-list.kboard-pure-gallery-latest
 .kboard-pure-gallery-list
 .kboard-list-item
 .kboard-list-thumbnail { margin-bottom: 20px; } 
.main-board-con .main-title-con { display: flex; align-items: end; justify-content: space-between; padding-bottom: 50px; margin-bottom: 20px; border-bottom: 2px solid #000; } 
.plus-btn a,
.notice-board.main-board .slide-arrow .slick-arrow { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; border: 1px solid #eaeaea; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); transition: all 0.3s; } 
.plus-btn:hover a { transform: rotate(90deg); } 
.notice-board.main-board .slide-arrow { position: absolute; top: 45px; right: 55px; display: flex; gap: 10px; } 
.notice-board.main-board .slide-arrow .slick-arrow { background-color: #fff; cursor: pointer; } 
.notice-board.main-board .slide-arrow .slick-arrow:hover { background-color: #ddd; } 

/* 최근게시물 board */
#kboard-default-latest thead,
#kboard-default-latest .kboard-default-new-notify { display: none; } 
.main-board-con .main-board-left-con .main-title-con { margin-bottom: 0; } 
#kboard-default-latest .kboard-default-cut-strings { margin-bottom: 3px; font-size: 1.9rem; font-weight: 500; color: #000; line-height: 20px; } 
#kboard-default-latest table td,
#kboard-default-latest table .kboard-latest-title { padding: 0; border-top: none; border-bottom: 1px solid #000; transition: all 0.3s; } 
#kboard-default-latest table td:hover { background-color: #f7f7f7; } 
#kboard-default-latest table .kboard-latest-title a { display: block; padding: 30px 0; } 
#kboard-default-latest table .kboard-latest-date { font-size: 1.6rem; } 


.slick-initialized .slick-slide.doc-item {
  overflow: hidden;
  display: block;
  height: 463px !important;
}

#mainProductCon {
  display: none;
}


.sub-company-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li:first-child {
  display: none;
}

/* 메인 문의하기 */
.main-contact-con { display: flex; justify-content: space-between; align-items: center; } 
.main-contact-btn-wrap { display: flex; gap: 30px; } 
.main-contact-btn-wrap a { display: flex; justify-content: center; align-items: center; gap: 10px; width: 260px; height: 56px; margin-right: 80px; border-radius: 30px; border: 2px solid #fff; transition: all 0.3s; } 
.online-btn { background-color: #fff; } 
.main-contact-btn-wrap a p { font-size: 20px; font-weight: 700; } 
.online-btn:hover { border: 2px solid #999; background-color: #999; } 
.online-btn:hover p { color: #000; } 
.online-btn p { color: #000; } 
.tel-btn:hover { border: 2px solid #999; background-color: #999; } 
.tel-btn:hover p { color: #000; } 
.tel-btn p { color: #fff; transition: all 0.3s; } 

/* 푸터 */
.f-police-con { border-bottom: 1px solid #fff; } 
.f-police-con a { display: inline-block; padding: 2.4rem 0rem; color: #fff; font-size: 1.6rem; font-weight: 700; margin-right: 2rem; } 

.f-info-con { padding: 3rem 0; } 
.f-info-con .container { display: flex; justify-content: space-between; } 
.f-info-con .f-left-con { display: flex; width: 75%; } 
.f-info-con .f-logo { width: 229px; height: 46px; display: inline-block; background-position:center; background-size:cover; background-repeat:no-repeat;;} 
.f-info-con .f-detail-list { padding-left: 5rem; width:60%; } 
.f-info-con .f-detail-list .txt1 { margin-bottom: 1rem; } 
.f-info-con .f-detail-list .txt1 strong { font-size: 1.8rem; color: #fff; font-weight: 600; } 
.f-info-con .f-detail-list li span { font-size: 1.6rem; font-weight: 300; color: #fff; display: inline-block; padding-right: 2rem; margin-right: 2rem; position: relative; } 
.f-info-con .f-detail-list li span:after { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #fff; right: 0; top: 9px; } 
.f-info-con .f-detail-list li span:last-child:after { display: none; } 
.f-info-con .f-detail-list li.copy { margin-top: 1rem; } 
.f-info-con .f-detail-list li.copy span { color: #555555; font-size: 1.6rem; font-weight: 300; } 

.f-info-con .f-call a { display: block; text-align: right; } 
.f-info-con .f-call a b { font-size: 2rem; color: #fff; font-weight: 600; } 
.f-info-con .f-call a h2 { margin-top: 2rem; font-size: 4.2rem; color: var(--main-color); font-weight: 700; } 

/**************************************


서 브 페 이 지


**************************************/

/* 서브 common */
.elementor-location-header { 
 position: relative; 
 } 

.sub-area { padding: 170px 0; } 
.sub-area h3 { display: block; margin-bottom: 30px; font-size: 2rem; font-weight: 700; color: #fff; } 

.sub-top { overflow: hidden; position: relative; margin: 0 auto; border-radius: 30px; background-color: #000; } 
.sub-top:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: url(/wp-content/uploads/2024/12/greeting-top-img.jpg) no-repeat
 center center; opacity: 0.6; } 

.sub-top-txt-wrap { position: absolute; left: 0; top: 0; z-index: 10; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 0 0 0 200px; margin: 0 auto; color: #fff; opacity: 0; } 
.sub-top-txt-wrap > em { display: block; margin-bottom: 30px; font-size: 2.4rem; } 
.sub-top-txt-wrap strong { display: block; margin-bottom: 10px; font-size: 3.2rem; font-weight: 700; } 
.sub-top-txt-wrap p { font-size: 2rem; } 

.sub-bottom { padding-top: 60px; } 

.sub-tit-wrap { display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; } 
.sub-tit-wrap h3 { position: relative; color: #000; font-size: 5rem; font-weight: 800; } 
.sub-tit-wrap em { display: inline-block; margin-bottom: 25px; font-size: 1.7rem; } 

/* 서브 헤더 */
#header.sub-header { position: fixed; } 
#header.sub-header.fixed { position: fixed; } 
#header.sub-header #nav .elementor-nav-menu > .menu-item > a { color: #000; } 

/* 서브 비주얼, lnb */
.sub-visual { height: 460px; background-position: center center; animation: subVisual 5s ease forwards; } 
.sub-visual01 { background-image: url(/wp-content/uploads/2024/12/sub-visual01-1.jpg); } 
.sub-visual02 { background-image: url(/wp-content/uploads/2024/12/sub-visual02.jpg); } 
.sub-visual03 { background-image: url(/wp-content/uploads/2024/12/sub-visual03.jpg); } 
.sub-visual04 { background-image: url(/wp-content/uploads/2024/12/sub-visual04.jpg); } 
.sub-visual05 { background-image: url(/wp-content/uploads/2024/12/sub-visual05.jpg); } 
.sub-visual06 { background-image: url(/wp-content/uploads/2025/03/sub-visual06.jpg); } 


@keyframes subVisual { 
 0% { background-size: 100%; } 
 100% { background-size: 110%; } 
 } 

.sub-visual .container { display: flex; align-items: center; width: 100%; height: 100%; } 

.sub-visual-txt-wrap { position: relative; margin-bottom: 30px; } 

.sub-visual-line-wrap { display: flex; width: 100%; margin-bottom: 30px; } 
.sub-visual-line-wrap span { position: relative; width: 100%; height: 2px; background-color: #fff; animation: border1 2s ease-in-out; } 

@keyframes border1 { 
 0% { width: 0%; } 
 100% { width: 100%; } 
 } 

.sub-visual-txt .sub-visual-txt-wrap em { display: block; margin-bottom: 20px; font-size: 1.6rem; color: #fff; animation: fadeInUp 0.5s ease-in-out; } 
/* .sub-visual-txt .sub-visual-txt-wrap h2 { position: relative; color: #fff; animation: fadeInUp 0.5s ease-in-out; }  */
.sub-visual-txt > h2 { position: relative; display: block; font-size: 4.5rem; font-weight: 800; color: #fff; animation: fadeInDown 2s ease-in-out; } 

@keyframes fadeInUp { 
 0% { top: 100px; opacity: 0; } 
 100% { top: 0; opacity: 1; } 
 } 
@keyframes fadeInDown { 
 0% { top: -100px; opacity: 0; } 
 100% { top: 0; opacity: 1; } 
 } 

#sub-lnb-wrap { position: absolute; left: 0; bottom: 0; } 
#sub-lnb-wrap .sub-lnb { width: auto; height: 55px; } 
#sub-lnb-wrap .sub-lnb .elementor-widget-container { justify-content: center; } 
#sub-lnb-wrap .sub-home .elementor-button { width: 100%; height: 55px; } 

#sub-lnb-wrap .sub-lnb nav ul li a { transition: all 0.3s; } 
#sub-lnb-wrap .sub-lnb nav ul li a:hover { color: #fff; } 

/* greeting */
.greeting-con {display:flex; justify-content:space-between; flex-wrap:wrap;}
.greeting-txt-con {width:46.5%;}
.greeting-logo-con {width:calc(100% - 46.5%); text-align:center; padding:2.5rem 0;}
.greeting-bottom p { font-size: 2rem; color: #000; margin-bottom:2rem; line-height:1.8;} 
/*.greeting-bottom p:first-child { margin-bottom: 30px; font-size: 3rem; font-weight: 700; } */
/*.greeting-bottom p:first-child em { color: var(--main-color); line-height: 2.7rem; } */
.greeting-bottom p em { display: flex; justify-content:end; align-items: center; gap: 1rem; margin-top: 30px; text-align: right; font-size: 2.2rem; font-weight: 500; color: #000; } 
.greeting-bottom p em span { font-family: 'SangSangShin' !important; font-size: 6.5rem; font-weight: 400; } 
.sub-top-txt-wrap strong em {color: var(--main-color);}

/* 사업영역 */
.sub-top-txt-wrap strong em { display: inline; } 
.business-list { display: flex; gap: 20px; } 
.business-list > li {width: calc((100% - 40px) / 3);}
.business-list .business-type {font-size:2rem; text-align:center; font-weight:700; color:#000; margin-bottom:3rem;}
.business-list .business-box { display: flex; align-items: center; gap: 4rem;  padding: 25px 30px; border: 1px solid #ddd; border-radius: 20px; border-style: dashed; color: #000; background-color: #f8f8f8; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1); height:100% } 
.business-list > li i { margin-bottom: 20px; } 
.business-list > li p { margin-bottom: 10px; text-align: center; font-size: 2rem; font-weight: 700; } 
.business-list > li .business-sub-list li{ position:relative; display: block; font-size: 2rem; text-align: left; color: #3b3b3b; margin-bottom:10px;} 
.business-list > li .business-sub-list li:last-child {margin:0;}
.business-list > li .business-sub-list li:before { content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background-color: var(--main-color); transform: translate(-8px, -3px); } 

#kboard-default-list-business .kboard-default-cut-strings {
  text-align: center;
}
.kboard-document-add-option-value.meta-key-menu1, .kboard-document-add-option-value.meta-key-menu2 {
  padding: 12px 22px;
}
.kboard-document-add-option-value.meta-key-menu1 span, .kboard-document-add-option-value.meta-key-menu2 span {
  font-size: 1.8rem;
}
.kboard-document-add-option-value-wrap hr {
  display: none;
}
.kboard-document-add-option-value.meta-key-menu1 {
  border-bottom: 1px solid #ddd;
}

/* 연혁 */
.history-section { display: flex; gap: 30px; padding: 50px 0 70px 0; border-top: 2px solid #0c1045; } 
.history-section + .history-section { margin-top: 60px; } 

.history-period { min-width: 30%; } 
.history-period strong { display: block; font-size: 5rem; } 
.history-period p { font-size: 2rem; } 

.history-list { width: calc(70% - 30px); padding-top: 10px; } 
.history-list li { padding-top: 35px; } 
.history-list li:first-child { padding-top: 10px; } 
.history-list li + li { margin-top: 35px; border-top: 1px solid #ccc; border-style: dashed; } 
.history-list li span { display: block; font-size: 1.8rem; } 
.event + .event { margin-top: 10px; } 
.history-list li span em { display: inline-block; min-width: 50px; margin-right: 10px; font-weight: 700; } 
.history-list li span em:before { content: ''; display: inline-block; width: 5px; height: 5px; margin-right: 10px; border-radius: 100%; background-color: var(--main-color); transform: translate(0px, -3px); } 
.history-list li .year { display: block; margin-bottom: 20px; font-size: 2.6rem; font-weight: 700; color: #0c1045; } 


/* 인허가서류 */
.documents-board-wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail {
  height: 52rem !important;
}


/* 조직도 */

.info-wrap { font-size: 1.6rem; } 

/* 오시는길 */
.info-col { display: flex; gap: 20px; margin-bottom: 20px; } 
.info-col iframe { overflow: hidden; width: 50%; border-radius: 20px; } 
.info-col .info-addr-wrap { display: flex; flex-direction: column; justify-content: center; width: 50%; padding: 30px 30px 30px 45px; border-radius: 20px; background-color: #f7f7f7; } 
.info-col .info-addr-wrap dl { display: flex; align-items: center; gap: 20px; } 
.info-addr-wrap dl + dl { margin-top: 30px; } 
.info-addr-wrap dl dt { position: relative; width: 70px; font-size: 2.2rem; font-weight: 700; } 
.info-addr-wrap dl dt:before { content: ''; position: absolute; left: -10px; top: 14px; display: block; width: 5px; height: 5px; border-radius: 100%; background-color: var(--main-color); } 
.info-addr-wrap dl dd { display: inline-block; padding: 8px 25px; border-radius: 20px; background-color: #fff; } 

.info-addr-traffic { padding: 30px; border-radius: 20px; background-color: #f7f7f7; } 
.info-addr-traffic dl { display: flex; align-items: center; gap: 30px; } 
.info-addr-traffic dl + dl { margin-top: 15px; } 
.info-addr-traffic dl dt { display: flex; align-items: center; width: 150px; font-size: 1.8rem; font-weight: 700; } 
.info-addr-traffic dl dt i { display: flex; justify-content: center; align-items: center; margin-right: 10px; color: var(--main-color); padding: 9px; border-radius: 100%; background-color: #0c1045; } 
.info-addr-traffic dl dd { padding: 6px 25px; border-radius: 20px; background-color: #fff; } 

/* 제품정보 */
.sub-products-wrap { padding: 60px 0; background-color: #f7f7f7; } 
.content-view { padding: 10px; border: 1px solid #ddd; } 
#kboard-pure-gallery-document .kboard-content .content-view { background-color: #fff; font-size: 1.6rem; line-height: 2.5rem; } 
.content-view h1 { display: block; padding: 30px 0 20px 0; font-weight: 800; } 
.content-view h2 { display: block; padding: 15px 0; font-weight: 700; } 
.sub-products .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-child { background-size: contain !important; background-repeat: no-repeat !important; } 
.sub-products .kboard-pure-gallery-list .kboard-list-item .kboard-pure-gallery-cut-strings { font-size: 2rem !important; color: #111 !important; } 

/* 고객문의 */
.form-agree { margin-bottom: 30px; } 
.form-agree-list { padding: 20px; margin-bottom: 10px; border-radius: 10px; background-color: #0c104510; } 
.form-agree-list li { padding: 10px 0; font-size: 1.5rem; } 
.form-agree-list li p:first-child { min-width: 55px; margin-bottom: 5px; font-weight: 700; } 
.form-agree-list li p:last-child em { font-weight: 700; color: rgb(185, 16, 16); } 
.form-agree-list ~ p { font-size: 1.6rem; } 
.form-agree-list ~ p input { margin-right: 5px; } 

#wpcf7-f508-p29-o1 { width: 1000px; margin: 0 auto; } 
.form-tit { margin-bottom: 10px; font-size: 18px; font-weight: 700; } 
.form-tit.form-program ~ p .wpcf7-form-control-wrap label input { width: 14px; height: 14px; border: 1px solid #999; background-color: #fff; transform: translate(0px, 2px); } 
input[type='date'],
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
select,
textarea { border: 1px solid #0c10452a; font-size: 1.6rem; } 
.wpcf7 textarea { height: 80px; } 
input.wpcf7-form-control.wpcf7-submit.has-spinner { margin: 0 auto; display: block; } 
span.wpcf7-spinner { display: none; } 
.wpcf7-response-output { display: none; } 
[type='button']:focus,
[type='button']:hover,
[type='submit']:focus,
[type='submit']:hover,
button:focus,
button:hover { background-color: #0c1045; } 
[type='button'],
[type='submit'],
button { border: 1px solid #0c1045; color: #0c1045; } 
.form-wrap p:first-child { display: none; } 
.form-wrap { padding: 25px; margin-bottom: 10px; border-radius: 5px; background-color: #0c104510; } 
.form-mail-typo { margin-bottom: 20px; font-size: 26px; font-weight: 700; color: #3b3b3b; } 
.form-col { display: flex; gap: 10px; } 
.wpcf7-list-item { margin: 0; } 
span.wpcf7-form-control.wpcf7-radio { display: flex; flex-wrap: wrap; gap: 0 15px; } 
p.form-tit.form-program ~ p br { display: none !important; } 

.form-col-two .form-wrap { width: 50%; } 
.form-wrap { width: 100%; } 
input.wpcf7-form-control.wpcf7-submit.has-spinner { font-size: 1.7rem; } 

[type='button'],
[type='submit'],
button { padding: 0.5rem 2rem; } 

/* board */
#kboard-default-document .kboard-content .content-view { font-size: 1.6rem; } 
.detail-attr.detail-date { display: flex; gap: 10px; } 
.detail-attr.detail-date .detail-name,
.detail-attr.detail-date .detail-value { font-size: 1.6rem; font-weight: 400; color: #000; } 

#kboard-pure-gallery-document .kboard-content .content-view img { display: block; margin: 0 auto; } 
.sub-business-board #kboard-pure-gallery-list .kboard-category {
  padding-bottom: 40px;
}
.sub-business-board .kboard-category-list {
  display: flex;
  gap: 4rem;
  justify-content: center;
}
.sub-business-board .kboard-category-list li {
  padding: 0;
}
.sub-logout-board #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  width: 7rem;
  height: 8rem;
  padding: 0;
  font-size: 1.6rem;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: all 0.3s;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li:hover a:before {
  opacity: 1;
}
#kboard-pure-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a {
  border-bottom: 0;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a:before {
  opacity: 1;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li:nth-child(1) a:before {
  background: url(/wp-content/uploads/2025/03/business-area-icon00.png) no-repeat center center;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li:nth-child(2) a:before {
  background: url(/wp-content/uploads/2025/03/business-area-icon01.png) no-repeat center center;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li:nth-child(3) a:before {
  background: url(/wp-content/uploads/2025/03/business-area-icon02.png) no-repeat center center;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li:nth-child(4) a:before {
  background: url(/wp-content/uploads/2025/03/business-area-icon03.png) no-repeat center center;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li:nth-child(5) a:before {
  background: url(/wp-content/uploads/2025/03/business-area-icon04.png) no-repeat center center;
}
.sub-business-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li:nth-child(6) a:before {
  background: url(/wp-content/uploads/2025/03/business-area-icon05.png) no-repeat center center;
}

.sub-company-board #kboard-pure-gallery-list .kboard-category .kboard-category-list {
  display: flex;
  justify-self: center;
  gap: 0.5rem;
  width: 100%;
  margin-bottom: 40px;
}
.sub-company-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li {
  width: calc((100% - 2rem) / 5);
  margin: 0;
  padding: 0;
}
.sub-company-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li a {
  display: block;
  padding: 1rem 0;
  font-size: 1.8rem;
  text-align: center;
  color: #000;
  background-color: #f2f2f2;
  transition: all .3s;
}
.sub-company-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li:hover a,
.sub-company-board #kboard-pure-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a {
 background-color: #e2b200;
}

.sub-company-board #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail {
  height: 52rem !important;
}
.sub-company-board #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail-child {
  background-size: contain !important;
  background-repeat: no-repeat;
}
.sub-company-board #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item {
  width: calc((100% - 6rem) / 4) !important;
}
.sub-board.sub-licensing-board #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item {
  width: calc((100% - 6rem) / 4) !important;
}
.sub-board-wrap .kboard-pure-gallery-list {
  position: relative;
}
.sub-logout-board .kboard-pure-gallery-list:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* topbtn */
.top-btn { display: none; position: fixed; right: 144px; bottom: 180px; z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 63px; height: 63px; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); cursor: pointer; } 
.top-btn p { margin-top: 1px; font-size: 1.8rem; } 


.sub-business-tab-menu ul {
  display: flex;
  justify-content: center;
  gap: 5rem;
}
.sub-business-tab-menu ul li {
  width: 25rem;
  height: 25rem;
  border: 1px solid #ddd;
  transition: all .3s;
}
.sub-business-tab-menu ul li:hover {
  background-color: #f7f7f7;
}
.sub-business-tab-menu ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.sub-business-tab-menu ul li a i {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
.sub-business-tab-menu ul li a i img:nth-child(1) {
  position: absolute;
  opacity: 0;
  transition: all .3s;
}
.sub-business-tab-menu ul li p {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  color: #999;
  transition: all .3s;
}
.sub-business-tab-menu ul li:hover a i img:nth-child(1) {
  opacity: 1;
}

.business-tab-menu {
  margin-bottom: 5rem;
}
.business-tab-menu ul {
  display: flex;
  justify-content: center;
  gap: 3rem;
}
.business-tab-menu ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.business-tab-menu ul li a p {
  font-size: 1.8rem;
  color: #999;
  transition: all .3s;
}
.business-tab-menu ul li a i {
  position: relative;
  width: 9.6rem;
  height: 9.6rem;
}
.business-tab-menu ul li a img:nth-child(1) {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  transition: all .3s;
}
.business-tab-menu ul li:hover img:nth-child(1),
.business-tab-menu ul li.on img:nth-child(1) {
  opacity: 1;
}

.business-tab-menu ul li.on a p,
.business-tab-menu ul li:hover a p,
.sub-business-tab-menu ul li.on p,
.sub-business-tab-menu ul li:hover p {
  color: #000;
}




#kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail .kboard-list-thumbnail-child {
  background-size: contain !important;
  background-repeat: no-repeat;
}