/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/


/*--------------------------------------------------------------------------------

	Font

--------------------------------------------------------------------------------*/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


.main-navigation-ul .sub-menu .menu-item a:hover .link-inner{text-decoration: underline;}
.main-navigation-ul .sub-menu .menu-item.menu-3depth a .link-inner{ color: #b8b8b8;}
.main-navigation-ul .sub-menu .menu-item.menu-3depth a:hover .link-inner{ color: #926543;}
.main-navigation-ul .sub-menu .menu-item.menu-3depth.current_page_item a .link-inner{ color: #926543;}

#site-header-flex-aside a.theme-button{ border-radius: 20px; background-color: #926543;}


/*--------------------------------------------------------------------------------

	Button

--------------------------------------------------------------------------------*/

.btn-ai{ display: inline-block; padding: 0px; margin-top: 30px; border: 0px;}
.btn-ai .btn-ai-inner { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 20px 28px; font-size: 16px; font-weight: 700; color: #fff; background: #333; /* 버튼 배경 */ border-radius: 10px; cursor: pointer; position: relative; z-index: 0;}
.btn-ai .btn-ai-inner .icon img{ display: block; width: 24px; margin-bottom: 0px;}

/*--------------------------------------------------------------------------------

	Font

--------------------------------------------------------------------------------*/
.basic-info-box ul{ margin: 0px;}
.basic-info-box ul li{ position: relative; padding-left: 12px; font-size: 16px; font-weight: 400; line-height: 2; color: #333; list-style: none;}
.basic-info-box ul li::before{ position: absolute; content: ''; top: 13px; left: 0px; width: 3px; height: 3px; background-color: #926543;}

/*--------------------------------------------------------------------------------

	서브페이지 타이틀

--------------------------------------------------------------------------------*/
.row-first{ padding-top: 120px; padding-bottom: 60px;}
.row-middle{ padding-top: 60px; padding-bottom: 60px;}
.row-last{ padding-top: 60px; padding-bottom: 120px;}
.row-one{ padding-top: 120px; padding-bottom: 120px;}

/*--------------------------------------------------------------------------------

	서브페이지 타이틀

--------------------------------------------------------------------------------*/
.subpage-title{ width: 100%; }
.subpage-title .inner{ padding: 90px 0px 60px; text-align: center; background: url(https://www.gtcs.or.kr/wp-content/uploads/2025/08/subtitle_line.png); background-repeat: repeat-x; background-position: 0 100%;}
.subpage-title .inner h1{ padding-bottom: 30px; font-size: 52px; font-weight: 700; color: #513723; line-height: 1.2; letter-spacing: -3px;}
.subpage-title .inner ul{ display: flex; justify-content: center; gap: 20px; margin: 0;}
.subpage-title .inner ul li{ position: relative; list-style: none; font-size: 16px; font-weight: 400; color: #926543;}
.subpage-title .inner ul li::before{ position: absolute; content: ''; top: 50%; left: -10px; width: 3px; height: 1px; background-color: #926543;}
.subpage-title .inner ul li:first-child::before{ content: ''; display: none;}

/*--------------------------------------------------------------------------------

	착한기술융합사회 - 회사소개

--------------------------------------------------------------------------------*/
.company-info-box{ padding: 60px;}
.company-info-box dl dt{ padding-bottom: 15px; margin-bottom: 15px; font-size: 24px; font-weight: 700; line-height: 30px; color: #926543;} 
.company-info-box dl dd{ display: flex; gap: 5px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ededed; font-size: 16px; font-weight: 400; line-height: 22px;} 
.company-info-box dl dd .title{ display: inline-block; background: #ededed; font-weight: 700;} 
.company-info-box dl dd .h-position{ border-bottom: 1px dashed #ddd;}
.company-info-box dl dd a{ text-decoration: underline;}

/*--------------------------------------------------------------------------------

	착한기술융합사회 - 인사말

--------------------------------------------------------------------------------*/
.greeting-box { padding: 30px;}
.greeting-box h3{ margin-bottom: 30px; font-size: 24px; font-weight: 700; line-height: 34px;}
.greeting-box p{ margin-bottom: 30px; font-size: 16px; font-weight: 400; line-height: 2;}
.greeting-box .ceo-sign{ padding-top: 30px; text-align: right; font-weight: 700;}
.greeting-box .ceo-sign .name{ color: #000;}

/*--------------------------------------------------------------------------------

	착한기술융합사회 - 회사연혁

--------------------------------------------------------------------------------*/

.history-row-first{ padding-top: 120px; padding-bottom: 60px;}
.history-row-middle{ padding-top: 60px; padding-bottom: 60px;}
.history-row-last{ padding-top: 60px; padding-bottom: 120px;}
.history-row-one{ padding-top: 120px; padding-bottom: 120px;}

.history-row{ position: relative;}
.history-row::before{ position: absolute; content: ''; top: 0px; left: 50%; width: 1px; height: 100%; background-color: #ededed;}

.history-info-box{ position: relative;  padding: 20px;}
.history-info-box::after{ position: absolute; content: ''; top: 52%; left: 7px; width: 14px; height: 1px; border-radius: 15px; background-color: #926543;}

.history-info-box dl{ position: relative; text-align: left;}
.history-info-box dl::before{ position: absolute; content: ''; top: 50%; left: -28px; width: 14px; height: 14px; border-radius: 15px; background-color: #926543;}

.history-info-box dl{ padding: 30px; border: 1px solid #926543; border-radius: 20px;}
.history-info-box dl dt{ padding-bottom: 15px; margin-bottom: 15px; font-size: 36px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; color: #926543;}
.history-info-box dl dd{ padding-bottom: 7px; margin-bottom: 7px; border-bottom: 0px solid #ededed; font-size: 16px; font-weight: 400; line-height: 22px;}

.history-info-box--right{ position: relative; padding: 20px;}
.history-info-box--right::after{ position: absolute; content: ''; top: 52%; right: 7px; width: 14px; height: 1px; border-radius: 15px; background-color: #926543;}

.history-info-box--right dl{ position: relative; text-align: right; padding: 30px; border: 1px solid #926543; border-radius: 20px;}
.history-info-box--right dl::before{ position: absolute; content: ''; top: 50%; right: -28px; width: 14px; height: 14px; border-radius: 15px; background-color: #926543;}

.history-info-box--right dl dt{ padding-bottom: 15px; margin-bottom: 15px; font-size: 36px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; color: #926543;}
.history-info-box--right dl dd{ padding-bottom: 7px; margin-bottom: 7px; border-bottom: 0px solid #ededed; font-size: 16px; font-weight: 400; line-height: 22px;}

/*--------------------------------------------------------------------------------

	착한기술융합사회 - 목표 및 비전

--------------------------------------------------------------------------------*/

.goal-diagram-box{ overflow: hidden; position: relative; height: 370px; margin-top: 30px; border-radius: 370px;}
.goal-diagram-box::after{ position: absolute; content: ''; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(to top, rgba(146,101,67, 1) 0%, rgba(146,101,67, 0) 100%); background-size: 100% 200%; background-position: bottom; animation: gradientFade 4s linear infinite alternate; z-index: 10; }

@keyframes gradientFade {
  from {
    background-position: bottom;
  }
  to {
    background-position: top;
  }
}

.goal-diagram-box.accent{ background-color: #553a26; }
.goal-diagram-box h3{ position: absolute; top: 50%; left: 50%; font-size: 26px; font-weight: 700; line-height: 1.4; letter-spacing: -1px; color: #fff; z-index: 20; transform: translate(-50%);}

.goal-info-box{ padding: 30px; margin-top: 30px; text-align: left;}
.goal-info-box h3{ padding-bottom: 20px; font-size: 24px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: #333;}
.goal-info-box p{ font-size: 16px; font-weight: 400; line-height: 2; color: #333;}

.goal-info-box ul{ margin: 0px;}
.goal-info-box ul li{ position: relative; padding-left: 12px; font-size: 16px; font-weight: 400; line-height: 2; color: #333; list-style: none;}
.goal-info-box ul li::before{ position: absolute; content: ''; top: 13px; left: 0px; width: 3px; height: 3px; background-color: #926543;}

.vision-info-box{ padding: 90px; margin-top: 30px; text-align: left;}
.vision-info-box h3{ padding-bottom: 20px; font-size: 32px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: #333;}
.vision-info-box h3 .accent{ color: #926543;}
.vision-info-box p{ font-size: 16px; font-weight: 400; line-height: 2; color: #333;}

.vision-list-box ul{ margin: 0px;}
.vision-list-box ul li{ position: relative; padding-left: 12px; font-size: 16px; font-weight: 400; line-height: 2; color: #333; list-style: none;}
.vision-list-box ul li::before{ position: absolute; content: ''; top: 13px; left: 0px; width: 3px; height: 3px; background-color: #926543;}

/*--------------------------------------------------------------------------------

	착한기술융합사회 - 오시는 길

--------------------------------------------------------------------------------*/
.location-info-box{ text-align: center;}
.location-info-box dl dt{ position: relative; padding-bottom: 10px; font-size: 24px; font-weight: 700; line-height: 2; color: #333; list-style: none;}
.location-info-box dl dd{ position: relative; margin-bottom: 20px; font-size: 16px; font-weight: 400; line-height: 1; color: #777; list-style: none;}
.location-info-box dl dd .title{ display: inline-block; background-color: #ededed; font-weight: 700;}

.location-list-box ul{ display: flex; justify-content: center; align-items: center; gap: 5px; margin: 0px; margin-top: 40px;}
.location-list-box ul li{ display: flex; list-style: none;}
.location-list-box ul li a{ padding: 20px 30px; background-color: #000; color: #fff;}
.location-list-box ul li:first-child a{ background-color: #fdcb00; color: #000;}
.location-list-box ul li:nth-child(2) a{ background-color: #04cf5c; color: #000;}

/*--------------------------------------------------------------------------------

	복지 AI 프로젝트 - AI 이동지원 혁신 서비스

--------------------------------------------------------------------------------*/
.welfare-intro-box{ padding: 30px;}
.welfare-intro-box h3{ padding-bottom: 20px; font-size: 24px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: #333; text-align: left;}
.welfare-intro-box p{ font-size: 16px; font-weight: 400; line-height: 2; color: #777; list-style: none;}

.welfare-question-box{ display: flex; align-items: center; gap: 10px; padding-bottom: 40px;}
.welfare-question-box img{ width: 96px; height: 96px;}
.welfare-question-box h3{ font-size: 32px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: #333;}

.welfare-answer-box{ padding: 30px;}
.welfare-answer-box dl{ margin: 0px;}
.welfare-answer-box dl dt{ position: relative; padding-bottom: 5px; font-size: 20px; font-weight: 700; line-height: 2; color: #333; list-style: none;}
.welfare-answer-box dl dd{ position: relative; padding-left: 12px; font-size: 16px; font-weight: 400; line-height: 2; color: #777; list-style: none;}
.welfare-answer-box dl dd::before{ position: absolute; content: ''; top: 13px; left: 0px; width: 3px; height: 3px; background-color: #926543;}

.welfare-answer-box dl dd .accent{ font-weight: 700; background-color: #ededed; color: #333;}

/*--------------------------------------------------------------------------------

	착한기술 프로젝트 - LCUD 프로젝트

--------------------------------------------------------------------------------*/
.lcud-info-box{ padding: 40px; text-align: left;}
.lcud-info-box h3{ padding-bottom: 20px; font-size: 24px; font-weight: 400; line-height: 1.6; color: #333;}
.lcud-info-box p{ font-size: 16px; font-weight: 400; line-height: 2; color: #333;}

.lcud-list-box h3{ padding-bottom: 20px; font-size: 24px; font-weight: 400; line-height: 1.6; color: #333;}
.lcud-list-box ul{ margin: 0px;}
.lcud-list-box ul li{ margin-top: 20px; list-style: none;}
.lcud-list-box ul li a{ position: relative; display: block; padding: 20px 30px; padding-left: 40px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 10px;}
.lcud-list-box ul li a::before{ position: absolute; content: ''; top: 50%; left: 20px; width: 10px; height: 10px; background-color: #000; border-radius: 10px; transform: translateY(-50%);}
.lcud-list-box ul li a:hover{ border: 1px solid #926543; color: #926543;}
.lcud-list-box ul li a:hover::before{ background-color: #926543;}

/*--------------------------------------------------------------------------------

	착한기술 프로젝트 - LCUD 프로젝트 - 저탄소 유니버설 디자인 캠핑장

--------------------------------------------------------------------------------*/
.camp-row-first{ padding-top: 120px; padding-bottom: 60px;}
.camp-row-middle{ padding-top: 40px; padding-bottom: 40px;}
.camp-row-last{ padding-top: 40px; padding-bottom: 120px;}
.camp-row-one{ padding-top: 120px; padding-bottom: 120px;}

.camp-title-box { padding: 60px;}
.camp-title-box h2{ position: relative; display: inline-block; margin-bottom: 20px; border-radius: 50px; font-size: 28px; font-weight: 700; line-height: 1.6; letter-spacing: -1px; color: #333;}
.camp-title-box p{ font-size: 16px; font-weight: 400; line-height: 2; color: #777; list-style: none;} 

.camp-info-box{ padding: 30px; border-radius: 20px;}
.camp-info-box h3{ position: relative; display: inline-block; width: 40px; margin-bottom: 20px; background-color:#333; border-radius: 50px; font-size: 20px; font-weight: 700; line-height: 2; color: #333; color: #fff; text-align: center;}
.camp-info-box p{ position: relative; font-size: 16px; font-weight: 400; line-height: 2; color: #777; list-style: none;}

.camp-info-box dl dt{ position: relative; font-size: 20px; font-weight: 400; line-height: 2; color: #333; list-style: none;}
.camp-info-box dl dt .small{ font-size: 16px;}
.camp-info-box dl dd{ position: relative; padding-left: 12px; font-size: 16px; font-weight: 400; line-height: 2; color: #777; list-style: none;}
.camp-info-box dl dd::before{ position: absolute; content: ''; top: 13px; left: 0px; width: 3px; height: 3px; background-color: #926543;}

/*--------------------------------------------------------------------------------

	착한기술 프로젝트 - 착한기술 프로젝트 - 착한기술 앱

--------------------------------------------------------------------------------*/
.kind-intro-box{ padding: 60px 40px 40px; text-align: center;}
.kind-intro-box h3{ padding-bottom: 20px; font-size: 32px; font-weight: 400; line-height: 1.6; color: #333;}
.kind-intro-box p{ font-size: 16px; font-weight: 400; line-height: 2; color: #777;}

.kind-intro-box ul{ padding: 40px; margin: 0px; border: 1px solid #ededed;}
.kind-intro-box ul li{ line-height: 2; list-style: none; text-align: left;}

.kind-info-box{ padding: 40px; text-align: center;}
.kind-info-box h3{ padding-bottom: 20px; font-size: 24px; font-weight: 400; line-height: 1.6; color: #333;}
.kind-info-box p{ font-size: 14px; font-weight: 400; line-height: 1.8; color: #777;}

.carbon-info-box{ padding: 40px; margin: 2px 0px 20px !important; border: 1px solid #ddd; border-radius: 20px; text-align: center; }
.carbon-info-box.first{ margin-top: 0px !important; border: 1px solid #926543;}
.carbon-info-box.end{ margin-top: 0px !important; border: 1px solid #926543;}

.carbon-info-box ul{ padding: 0px; margin: 0px 40px 40px;}
.carbon-info-box ul li{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ededed; line-height: 1.6; list-style: none; text-align: left;}
.carbon-info-box ul li:last-child{ border-bottom: 0px solid #ededed;}
.carbon-info-box ul li .title{ display: inline-block; background: #ededed; font-weight: 700;} 

.carbon-info-box h3{ padding-bottom: 20px; font-size: 20px; font-weight: 700; line-height: 1.6; color: #333;}
.carbon-info-box p{ font-size: 14px; font-weight: 400; line-height: 1.8; color: #777;}

/*--------------------------------------------------------------------------------

	착한기술 프로젝트 - 착한기술 프로젝트 - 유니버설 디자인 가구

--------------------------------------------------------------------------------*/
.furniture-info-box{ padding-top: 40px; text-align: center;}
.furniture-info-box h3{ position: relative; display: inline-block; width: 40px; margin-bottom: 20px; background-color:#333; border-radius: 50px; font-size: 20px; font-weight: 700; line-height: 2; color: #333; color: #fff; text-align: center;}
.furniture-info-box p{ font-size: 16px; font-weight: 400; line-height: 1.6; color: #777;}

.furniture-info-box dl dt{ position: relative; font-size: 20px; font-weight: 400; line-height: 2; color: #333; list-style: none;}
.furniture-info-box dl dd{ position: relative; padding-left: 12px; font-size: 16px; font-weight: 400; line-height: 2; color: #777; list-style: none;}


.footer_info img{ margin-bottom: 20px;}
.footer_info dl dt,
.footer_info dl dd{ font-size: 14px; font-weight: 400; line-height: 2;}
.footer_info dl dd .cont{ display: inline-block;}
.footer_info dl dd:last-child{ padding-top: 20px; font-size: 13px; font-weight: 400; line-height: 2;}