/*컨텐츠*/
.content_head{padding-bottom: 1.25rem;}
.content{width: 100%;max-width: 87.5rem;margin: 0 auto;position: relative; padding: 2.5rem 0 4.375rem;}
.content img{max-width: 100%; height: auto !important;}
.page_title{text-align: center; font-size: 2.8rem; font-weight: 800; padding: 3rem 0 1rem;}
.title_1{font-size: 1.6rem; color: var(--primary); padding: 1.875rem 0 0.625rem;}
.title_1:first-child{padding-top: 0;}
.title_2{font-size: 1.3rem; color: #222; padding: 1.875rem 0 0.625rem;}
.title_1+.title_2{padding-top: 0;}
.desc_p{color: #333; line-height: 1.7;}
.desc_box{background: #f6f7f9; padding: 1.25rem; border-radius: 0.3125rem;}

/*탭*/
.tab_nav{display: flex;  gap: 0.625rem; flex-wrap: wrap; margin-bottom: 1.875rem;}
.tab_nav a{position:relative; border: 0.0625rem solid #e7e7e7; border-radius: 0.3125rem; display: flex; align-items: center; justify-content: center; width: calc(100% / 5 - 0.5rem); padding: 0.9375rem; text-align: center; transition: all .3s; color: #666;}
.tab_nav a[target="_blank"]:after{content: '';display: inline-block; transform: translateY(0.2rem); margin-left:0.3125rem; width: 0.9375rem ;height: 0.9375rem; background: url("../images/common/ico_link.svg") no-repeat;}
.tab_nav a.active{background: var(--primary); color: #fff; border: 0.0625rem solid var(--primary);}
.tab_nav a.active:hover{color: #fff;}
.tab_nav a:hover{border: 0.0625rem solid var(--primary); color: var(--primary);}
.tab_nav1 {display: flex; margin-bottom: 1.875rem; border-bottom: 0.0625rem solid #ddd; flex-wrap: wrap;}
.tab_nav1 a{padding: 0.625rem 1.25rem; position: relative; color: #888;}
.tab_nav1 a.active{color: var(--primary);}
.tab_nav1 a.active:before{content: ''; position: absolute; width: 100%; height: 0.125rem; background: var(--primary); left: 0; bottom: -0.0625rem;}
.tab_nav+.title_1{padding-top: 0;}
.tab_nav1+.title_1{padding-top: 0;}

/*테이블*/
.table_wrap.scroll{overflow-x: auto; overflow-y: hidden;}
.table{position: relative;width: 100%; border-top: 0.125rem solid #333;} figure.table{border-top: none;}
.table th{padding: 0.9375rem 0.625rem;border-bottom: 0.0625rem solid #E6E6E6; border-right: 0.0625rem solid #E6E6E6; text-align: center;word-break: break-all; background: #FBFBFB; font-weight: 500;}
.table th:last-child{border-right: 0;}
.table td {padding: 0.9375rem 0.625rem;border-bottom: 0.0625rem solid #E6E6E6; border-right: 0.0625rem solid #E6E6E6; text-align: center; }
.table td+td{border-left: 0.0625rem solid #e6e6e6;}
.table td:last-child {border-right: 0;}

/*인사말*/
.greeting_head {padding-bottom: 3.125rem;}
.greeting_head .title small{display: block; font-size: 2rem; color: #eaeaea; font-weight: 800; letter-spacing: .5rem;}
.greeting_head .title h3{ font-size: 2.5rem; font-weight: 800;}
.greeting_head .title h3 span{color: var(--primary);}
.greeting .text {padding-right: 3.125rem;}
.greeting .text p{font-size: 1.1rem; color: #333; font-weight: 300; line-height: 1.8;}
.greeting .text .sign {padding-top: 2.1875rem; text-align: right;}
.greeting .text .sign span{display: inline-block; letter-spacing: 0.4375rem; font-size: 1.2rem; font-weight: 800; padding-left: 0.625rem;}
.greeting_cont {display: flex;}
.greeting_cont img {width: 21.875rem;}

/*동영상*/
.video_wrap{position: relative; width: 100%; padding-bottom: 60%;}
.video_wrap .video {position: absolute; inset: 0;}
.video_wrap .video iframe {position: absolute; display: block; width: 100%; height: 100%;}

/*비전*/
.vision_header {text-align: center;margin-bottom: 60px;padding: 45px 35px;background: #fafcfa;border: 1px solid #e4ede9;border-radius: 24px;box-shadow: 0 12px 35px rgba(0, 90, 54, 0.02);}
.vision_sub {display: inline-block;font-size: 0.85rem;font-weight: 700;color: #005a36;background: rgba(0, 90, 54, 0.08);padding: 6px 16px;border-radius: 50px;letter-spacing: 2px;margin-bottom: 20px;text-transform: uppercase;}
.vision_title {font-size: 2.2rem;font-weight: 400;color: #111;line-height: 1.4;margin-bottom: 20px;word-break: keep-all;}
.vision_title strong {font-weight: 800;color: #005a36;position: relative;z-index: 1;}
.vision_title strong:after {content: '';position: absolute;left: 0;bottom: 4px;width: 100%;height: 10px;background: rgba(0, 90, 54, 0.15);z-index: -1;}
.vision_desc {font-size: 1.1rem;color: #253f34;max-width: 960px;margin: 0 auto;line-height: 1.8;word-break: keep-all;font-weight: 500;}

/* 카드 영역 */
.vision_cards {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin-bottom: 70px;}
.card_item {background: #ffffff;border: 1px solid #eef2f0;border-radius: 20px;padding: 45px 30px;text-align: center;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);position: relative;overflow: hidden;}
.card_item:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: linear-gradient(90deg, #005a36, #00925a);opacity: 0;transition: opacity 0.3s ease;}
.card_item:hover {transform: translateY(-8px);box-shadow: 0 20px 40px rgba(0, 90, 54, 0.08);border-color: rgba(0, 90, 54, 0.15);}
.card_item:hover:before {opacity: 1;}
.card_icon {display: inline-flex;align-items: center;justify-content: center;width: 74px;height: 74px;background: #f4faf7;color: #005a36;border-radius: 50% 50% 50% 20%;font-size: 2rem;margin-bottom: 24px;transition: all 0.4s ease;}
.card_item:hover .card_icon {background: #005a36;color: #ffffff;transform: rotate(-10deg) scale(1.05);}
.card_title {font-size: 1.35rem;font-weight: 700;color: #111;margin-bottom: 14px;}
.card_desc {font-size: 0.95rem;color: #666;line-height: 1.6;word-break: keep-all;}
.card_content {margin-top: 20px;text-align: left;}

.card_main_text {font-size: 1.3rem;font-weight: 700;color: #005a36;line-height: 1.6;text-align: center;word-break: keep-all;padding: 30px 10px;background: rgba(0, 90, 54, 0.02);border-radius: 12px;border: 1px dashed rgba(0, 90, 54, 0.1);}
.card_list {list-style: none;padding: 0 !important;margin: 0;}
.card_list li {position: relative;padding-left: 18px;margin-bottom: 14px;font-size: 0.95rem;line-height: 1.6;color: #444;word-break: keep-all;}
.card_list li:before {content: '•';position: absolute;left: 4px;top: -4px;color: #005a36;font-size: 1.2rem;font-weight: bold;}

/* KPI 목록 특별 스타일 */
.card_list.kpi_list li {display: flex;justify-content: space-between;   align-items: center;border-bottom: 1px dashed #eef2f0;padding: 10px 0;
    margin-bottom: 0;}
.card_list.kpi_list li:before {display: none;}
.center-intro .intro-box {display: flex;align-items: flex-start;gap: 30px;background: linear-gradient(135deg, #ffffff 0%, #f4faf7 100%);border: 1px solid #e2efe9;border-left: 5px solid #005a36;border-radius: 20px;padding: 40px 45px;box-shadow: 0 10px 30px rgba(0, 90, 54, 0.03);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);position: relative;overflow: hidden;}
.center-intro .intro-box:after {content: '“';position: absolute;right: 40px;bottom: -30px;font-size: 12rem;color: rgba(0, 90, 54, 0.03);font-family: 'serif';font-weight: 900;line-height: 1;pointer-events: none;}
.card_list.kpi_list li:last-child {border-bottom: none;}
.card_list.kpi_list li strong {font-weight: 700;color: #005a36;font-size: 0.88rem;background: rgba(0, 90, 54, 0.06);padding: 3px 10px;border-radius: 6px;min-width: 80px;text-align: center;}
.card_list.kpi_list li span {font-size: 0.93rem;color: #333;font-weight: 500;text-align: right;word-break: keep-all;}

.org_chart {position: relative;display: flex;flex-direction: column;align-items: center;padding: 30px 0;}
.org_chart,.org_level_top{position:relative;display:flex}
.org_branch:before,.org_level_bottom:before{content:'';position:absolute;background:#4a5d54}
.org_chart{flex-direction:column;align-items:center;padding:30px 0}
.org_level_top{align-items:center;justify-content:center;width:100%}
.node{padding:14px 28px;font-size:1rem;font-weight:700;border-radius:8px;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.03);min-width:160px;box-sizing:border-box;transition:.3s}
.node_leader{background:#005a36;color:#fff;font-size:1.15rem;padding:16px 50px;z-index:5;letter-spacing:2px}
.node_aside{position:absolute;left:calc(50% + 0px);display:flex;align-items:center;z-index:2;top:85px}
.aside_line{width:120px;height:1px;background:#4a5d54;position:relative}
.node_committee{background:#fff;border:1px solid #005a36;color:#005a36;min-width:230px;font-size:.95rem;white-space:nowrap}
.connector_vertical{width:1px;height:120px;background:#4a5d54;position:relative;z-index:1}
.org_level_bottom{position:relative;display:flex;justify-content:space-between;width:80%;padding-top:40px}
.org_level_bottom:before{top:0;left:16.66%;right:16.66%;height:1px}
.org_branch{position:relative;display:flex;flex-direction:column;align-items:center;width:33.33%}
.org_branch:before{top:-40px;left:50%;width:1px;height:40px}
.center_header{display:flex;flex-direction:column;align-items:center;margin-bottom:10px;width:80%;text-align:center}
.center_icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;font-size:3.8rem;margin-bottom:14px;color:#005a36;transition:.3s}
.center_icon .green_heart{position:relative;color:#005a36}
.center_icon .green_heart:after{content:'';position:absolute;font-size:1.8rem;color:#52c41a;top:-12px;left:50%;transform:translateX(-50%);text-shadow:0 0 5px #fff,0 0 10px #fff}.center_name{font-size:1.15rem;font-weight:800;color:#005a36;letter-spacing:-.5px;background:#e6efea;padding:1rem 1.5rem;border-radius:8px;width:100%;border:1px solid #005a36}
.center_nodes{display:flex;flex-direction:column;align-items:center;width:100%}
.node_sub{background:#fff;border:1px solid #c2e5d6;color:#333;font-size:.95rem;min-width:60%;box-shadow:0 6px 15px rgba(0,90,54,.02)}
.connector_node{width:1px;height:10px;background:#4a5d54}

.root_daum_roughmap{width:100% !important; border-bottom:1px solid #ddd !important}
.root_daum_roughmap .cont{display:none}
.contact-info {border-top: 1px solid #333;border-bottom: 1px solid #333;margin-top: 3rem;}
.contact-info .name{text-align:center;color:#444;font-size:1.2rem;padding:40px 15px;border-bottom:1px dashed #d1d1d1}
.contact-info .num{display:flex;display:flex;padding:30px 0}
.contact-info .num li{width:calc(100% / 2);position:relative;padding:0 10px;text-align:center}
.contact-info .num li+li:before{content:'';width:1px;height:50px;background:#ddd;display:inline-block;position:absolute;left:0}
.contact-info .num li span{font-weight:700}
.contact-info .num li p{color:#666;font-weight:300;font-size:1.2rem}
.contact-info .num li p:first-child{color:var(--primary);display:inline-block}
.contact-info .num span{position:relative;padding-right:30px}
.contact-info .num span:before{content:'';width:20px;height:20px;display:inline-block;padding-right:10px;background-size:16px!important}

.center-intro .intro-box{display:flex;align-items:flex-start;gap:30px;background:linear-gradient(135deg,#fff 0,#f4faf7 100%);border:1px solid #e2efe9;border-left:5px solid #005a36;border-radius:20px;padding:40px 45px;box-shadow:0 10px 30px rgba(0,90,54,.03);transition:.4s cubic-bezier(.165, .84, .44, 1);position:relative;overflow:hidden}
.center-intro .intro-box::after {content:'“';position:absolute; right:40px;bottom:-30px;font-size:12rem; color:rgba(0,90,54,.03);font-family:'serif';font-weight:900; line-height:1; pointer-events:none}
.center-intro .intro-icon p{width:36px; height:36px;overflow:hidden}
.center-intro .intro-box:hover p img{margin-top:-36px}
.center-intro .intro-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:rgba(0,90,54,.08);color:#005a36;font-size:1.8rem;border-radius:16px;flex-shrink:0;transition:.3s}
.center-intro .intro-box:hover .intro-icon{background:#005a36;color:#fff;transform:scale(1.05) rotate(5deg)}
.center-intro .intro-text{flex-grow:1}
.center-intro .intro-tag{display:inline-block;font-size:.78rem;font-weight:700;color:#005a36;background:rgba(0,90,54,.06);padding:4px 12px;border-radius:50px;letter-spacing:1.5px;margin-bottom:12px;text-transform:uppercase}
.center-intro .intro-title{font-size:1.5rem;font-weight:800;color:#111;margin:0 0 14px;letter-spacing:-.5px}
.center-intro .intro-desc{font-size:1.05rem;line-height:1.8;color:#4a5d54;margin:0;word-break:keep-all;font-weight:500}

.business{--brand-color:#344096;--brand-color-rgb:52,64,150;--text-color-dark:#111111;--text-color-muted:#555555;--bg-light:#f5f6fa;--border-light:#e2e4f0}
.business.type2{--brand-color:#005a36;--brand-color-rgb:0,90,54;--bg-light:#f4faf7;--border-light:#e2efe9}
.business.type3{--brand-color:#692498;--brand-color-rgb:229,83,16;--bg-light:#fdf2ff;--border-light:#f7e3fd}
.business_container{margin:60px auto}
.business_header{text-align:center;margin-bottom:50px}
.business_header .business_sub{display:inline-block;font-size:.85rem;font-weight:700;color:var(--brand-color);background:rgba(var(--brand-color-rgb),.08);padding:6px 16px;border-radius:50px;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}
.business_header .business_title{font-size:2.2rem;font-weight:700;color:#111;margin:0;letter-spacing:-.5px}
.business_cards_grid{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-bottom:60px}
.business_card{width:calc((100% - 60px)/ 3);flex-shrink:0;background:#fff;border:1px solid var(--border-light);border-radius:20px;padding:40px 30px;box-shadow:0 10px 30px rgba(0,0,0,.02);transition:.4s cubic-bezier(.165, .84, .44, 1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}
.business_card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--brand-color);opacity:0;transition:opacity .3s}
.business_card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(var(--brand-color-rgb),.08);border-color:rgba(var(--brand-color-rgb),.15)}
.business_card:hover::before{opacity:1}
.business_card .card_icon{ display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;background:var(--bg-light); color:var(--brand-color); border-radius:50% 50% 50% 20%; font-size:1.8rem; margin-bottom:24px;transition:.4s}
.business_card .card_icon p{transform:translateX(2px)}
.business_card:hover .card_icon{background:var(--brand-color);color:#fff;transform:rotate(-10deg) scale(1.05)}
.business_card .card_title{font-size:1.3rem;font-weight:700;color:var(--brand-color);margin:0 0 14px;word-break:keep-all;line-height:1.4}
.business_card .card_desc{font-size:.95rem;color:var(--text-color-muted);line-height:1.6;margin:0;word-break:keep-all}
.business_value_wrap{display:flex;flex-direction:column;align-items:center}
.value_badge{background:#fff;color:var(--brand-color);border:1.5px solid var(--brand-color);padding:6px 20px;font-size:1.05rem;font-weight:800;border-radius:6px;box-shadow:0 4px 10px rgba(var(--brand-color-rgb),.05);margin-bottom:25px;letter-spacing:.5px;z-index:2}
.value_bar_container{position:relative;width:60%;max-width:500px;display:flex;justify-content:space-between;align-items:center;padding:0}
.value_bar_container::before{content:'';position:absolute;top:25px;left:20px;right:20px;height:6px;background:var(--brand-color);border-radius:10px;opacity:.85;z-index:1}.value_items{position:relative;display:flex;justify-content:space-between;width:100%;z-index:2}
.value_item{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;padding:0 10px}.value_icon{width:52px;height:52px;background:var(--brand-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 5px 15px rgba(var(--brand-color-rgb),.3);transition:.3s;border:3px solid #fff}
.value_icon p{transform:translateX(2px)}
.value_item:hover .value_icon{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 20px rgba(var(--brand-color-rgb),.45)}
.value_label{font-size:1.05rem;font-weight:800;color:var(--text-color-dark);margin:0}

.sub-txt{color:var(--primary); margin-top:.625rem;font-size:1.15rem;}
.pt-tbl{display:flex;flex-wrap:wrap; justify-content:space-between;align-items:flex-start; border-top:1px solid #000}
.pt-tbl table{table-layout:fixed;width:50%;border-left:1px solid rgba(0,0,0,.1);text-align:center}
.pt-tbl table thead th{background:#f1f1f1;padding:10px; border-bottom:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}
.pt-tbl table tbody td{border-bottom:1px solid rgba(0,0,0,.1); border-right:1px solid rgba(0,0,0,.1);padding:0}
.pt-tbl table tbody td img{display:block;width:100%; max-width:300px; margin:0 auto; vertical-align:bottom}

@media(max-width:1400px){
    .content{padding:2.5rem 0.9375rem 4.375rem}
}

@media(max-width:1024px){
.vision_cards {grid-template-columns: 1fr;gap: 20px;}
.org_level_top{flex-direction:column;}
.node_aside{position:relative;left:0%;top:0px;width:100%;padding-left:50%;}
.node_aside:before{content:'';width:1px;height:100px;background:#000}
.aside_line{width:10%}
.connector_vertical,.org_branch::after,.org_branch::before,.org_level_bottom::before{display:none}
.org_level_bottom{flex-direction:column;gap:60px;padding-top:0}
.org_branch{width:100%}
.node_committee{min-width:40%}

.business_cards_grid{gap:20px}.business_card{width:calc((100% - 20px)/ 2)!important}

}

@media(max-width:767px){
    /*탭*/
    .tab_nav a{ width: calc(100% / 2 - 0.4rem); padding: 0.625rem;}
    .tab_nav1{overflow-x: scroll;overflow-y:hidden;}
    /*테이블*/
    .table_wrap.scroll .table{width: 43.75rem;}
    
    /*인사말*/
    .greeting_cont{flex-wrap: wrap;}
    .greeting .text{width: 100%; padding-right: 0; order: 2;}
    .greeting .img{order: 1; width: 100%; text-align: center;}
    .greeting_head .title small{font-size: 1.2rem;}
    .greeting_head .title h3{font-size: 2.2rem;}
    .greeting_head{padding-bottom: 1.875rem;}
    .greeting .text p{padding-top: 1.875rem;}
    /*로그인*/
    .content_login .logo{flex-wrap: wrap; justify-content: center;}
	
	.business_header .business_title{font-size:1.8rem}.business_card{width:100%!important}.value_bar_container{width:90%}
	
	.pt-tbl table {width:100%; font-size:.9rem}
	.pt-tbl table:nth-child(2) thead{display:none}
}