/* ==========================================================================
   sub_fix.css — UrbanAX 서브페이지 레이아웃 복구 패치
   원인: 사이트에 로드되는 style_min.css 에
         (1) .busi1-1 (기대효과·활용방안 페이지 카드) 규칙이 통째로 없음
         (2) .company7-1 (사업소개 페이지 4대 프로젝트) 의 데스크톱 레이아웃
             규칙(flex, li 폭, 연결선 등)이 빠져 있고 :before/:after 를
             display:none 처리하는 규칙만 남아 있음
   적용: style_min.css 보다 "뒤에" 이 파일을 로드하세요.
         예) 테마 head.php 의 스타일 로드부 마지막에
         <link rel="stylesheet" href="<?php echo G5_THEME_URL?>/css/sub_fix.css">
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 기대효과·활용방안 (program/02.php) — .busi1-1 카드 레이아웃 복구
   -------------------------------------------------------------------------- */
.busi1-1 {width:100%; margin-top:50px; }
.busi1-1:after { content:""; display:block; clear:both; }
.busi1-1 ul { width:100%; overflow:hidden;}
.busi1-1 ul li {float:left; display:inline-block; vertical-align:top; width:48%; margin-right:2%; margin-bottom:2%; background:#fff; border-radius:0; overflow:hidden; border:1px solid #eee; box-sizing:border-box; }
.busi1-1 ul li a {display:block; }
.busi1-1 ul li dl {width:100%; font-size:0; }
.busi1-1 ul li dl dt {display:inline-block; vertical-align:middle; width:40%; text-align:center; border-radius:0; overflow:hidden;}
.busi1-1 ul li dl dt img {max-width:100%; transition: 0.5s all ease;}
.busi1-1 ul li dl dd {position:relative; display:inline-block; vertical-align:top; width:60%; padding:40px 4% 0 4%;}
.busi1-1 ul li dl dd .num { position:relative; display:block; text-align:center; width:50px; height:50px; line-height:50px; font-size:1em; color:#666; font-style:normal; font-weight:500; background:#eee; border-radius:0; }
.busi1-1 ul li dl dd .num:before { z-index:0; content: ""; display: block; position: absolute; right:50px; top:50%; transform: translateY(-50%); width:0; height:1px; background:#fff; transition: 0.5s all ease;}
.busi1-1 ul li dl dd h4.t1 {margin:20px 0; font-size:1.65em; color:#000; line-height:1.4; font-weight:700; }
.busi1-1 ul li dl dd p { font-size:1em; color:#222; line-height:1.4; margin-bottom:10px; word-break:keep-all; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.busi1-1 ul li dl dd p span {display:inline; font-size:1em; color:#000; font-weight:700;}
.busi1-1 ul li:hover dl dt img {transform:scale(1.1);}
.busi1-1 ul li:hover dl dd .num {color:#fff; background:#222; }
.busi1-1 ul li:hover dl dd .num:before { z-index:0; content: ""; display: block; position: absolute; right:40px; top:50%; transform: translateY(-50%); width:130%; height:1px; background:#222; }

@media all and (max-width:1200px){
	.busi1-1 ul li dl dd {padding:25px 4% 0 4%;}
}
@media all and (max-width:992px){
	.busi1-1 ul li {width:100%; margin-bottom:40px;}
	.busi1-1 ul li dl dt {vertical-align:middle; width:40%; }
	.busi1-1 ul li dl dd {vertical-align:middle; width:60%; padding:25px 4%;}
}
@media screen and (max-width: 480px) {
	.busi1-1 ul li dl dt {width:100%; }
	.busi1-1 ul li dl dd {width:100%; text-align:center;}
	.busi1-1 ul li dl dd .num {margin:0 auto; color:#fff; background:#000;}
	.busi1-1 ul li dl dd .num:before { right:0; left:50%; top:0; transform:unset; width:1px; height:0;}
	.busi1-1 ul li dl dd p { display:block !important; -webkit-line-clamp: none !important;}
	.busi1-1 ul li:hover dl dd .num:before { right:0; left:50%; top:-40px; transform:unset; width:1px; height:100%; }
}

/* --------------------------------------------------------------------------
   2. 사업소개 (business/01.php) — .company7-1 4대 프로젝트 레이아웃 복구
      * style_min.css 가 :before/:after 를 display:none 으로 덮는 경우가 있어
        데스크톱 구간에서 display 값을 명시적으로 되살립니다.
   -------------------------------------------------------------------------- */
.company7-1 { width: 100%; text-align:center;}
.company7-1 h2.tit { position:relative; margin:0 auto; width:60%; padding:40px 20px; background:#f5f5f5; border-radius:15px;}
.company7-1 h2.tit p {font-size:2em; color:#000; line-height:1.2; word-break:keep-all;}
.company7-1 h2.tit p span {color:#45a6e6; font-weight:500; }
.company7-1 ul {position:relative; display:flex; width: 100%; margin-top:100px; padding:0; font-size:0; text-align:center; }
.company7-1 ul li {position:relative; width:20.5%; padding:50px 2%; border-radius:15px; box-sizing:border-box;}
.company7-1 ul li:last-child { margin-right:0; }
.company7-1 ul li.gap_icons { position:relative; width:6%; padding:0; background:none; }
.company7-1 ul li.gap_icons i { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:100%; text-align:center; font-size:2em; color:#aaa;}
.company7-1 ul li.bg1 {background:#45a6e6; }
.company7-1 ul li.bg2 {background:#00529b; }
.company7-1 ul li.bg3 {background:#001e5d; }
.company7-1 ul li.bg4 {background:#444; }
.company7-1 ul li .txts {width:100%; }
.company7-1 ul li .txts i { font-size:3em; color:#fff;}
.company7-1 ul li .txts strong{display:block; margin:20px 0; font-size:1.5em; color:#fff; line-height: 1.2;}
.company7-1 ul li .txts p {display:block; font-size:1em; color:#fff; line-height: 1.6; word-break:keep-all;}

/* 데스크톱(993px~)에서만 연결선·점 장식 복구 */
@media all and (min-width:993px){
	.company7-1 h2.tit:after { z-index:1; content: ""; display: block !important; position: absolute; left:50%; bottom:-50px; transform: translateX(-50%); width:1px; height:50px; background:#ddd;}
	.company7-1 ul:before { z-index:1; content: ""; display: block !important; position: absolute; left:50%; top:-50px; transform: translateX(-50%); width:80%; height:1px; background:#ddd;}
	.company7-1 ul li:before { z-index:1; content: ""; display: block !important; position: absolute; left:50%; top:-50px; width:1px; height:50px; background:#ddd;}
	.company7-1 ul li:after { z-index:1; content: ""; display: block !important; position: absolute; left:50%; top:-50px; transform: translateX(-50%); margin-top:-6px; width:12px; height:12px; background:#fff; border:2px solid #ddd; border-radius:8px;}
	.company7-1 ul li.gap_icons:before,
	.company7-1 ul li.gap_icons:after {display:none !important;}
}

/* 모바일(~992px) */
@media all and (max-width:992px){
	.company7-1 h2.tit { width:100%; }
	.company7-1 h2.tit p {font-size:1.5em;}
	.company7-1 h2.tit:after {display:none;}
	.company7-1 ul {flex-direction: column; margin-top:50px;}
	.company7-1 ul:before {display:none;}
	.company7-1 ul li {width:100%; margin-bottom:30px; padding:25px 4%;}
	.company7-1 ul li:before,
	.company7-1 ul li:after {display:none;}
	.company7-1 ul li.gap_icons { width:100%;}
	.company7-1 ul li .txts strong{ margin:15px 0;}
	.company7-1 ul li .txts p { font-size:1em;}
}

/* --------------------------------------------------------------------------
   3. 사업소개 하단 "사업개요" (company6-2) + 섹션제목(page_title2) 복구
      * min 파일에서 모바일용 width:100% 규칙이 미디어쿼리 밖으로 빠져나와
        전역 적용되고 있어, 데스크톱 구간(993px~)에서 원래 값으로 재지정합니다.
   -------------------------------------------------------------------------- */
.page_title2 {display:block; text-align:center; margin:80px 0 40px 0; }
.page_title2 .title {position:relative; display:inline-block; font-size:2.5em; color:#000; line-height:1.2; font-weight:700; background:#fff;}
.page_title2 .title:after { z-index:-1; content: ""; display: block; position: absolute; right:-10px; top:-5px; width:10px; height:10px; background:#45a6e6; border-radius:10px; }
.page_title2 .title span {color:#00529b;}
.page_title2 .title_desc {display:block; margin-top:15px; font-size:1.25em; color:#333; line-height:1.4; word-break:keep-all;}

.company6-2 {width:100%; margin-top:50px; }
.company6-2:after { content:""; display:block; clear:both; }
.company6-2 .tit-box {position:relative; width:100%; max-width:80%; margin:25px auto 0; padding:40px 15px; background:#fff; border:1px solid #eee; overflow:hidden; box-sizing:border-box;}
.company6-2 .tit-box:before {z-index:1; content: ""; display: block; position: absolute; left:0; top:0; width:20px; height:20px; border-left:3px solid #333; border-top:3px solid #333;}
.company6-2 .tit-box:after {z-index:1; content: ""; display: block; position: absolute; right:0; bottom:0; width:20px; height:20px; border-right:3px solid #333; border-bottom:3px solid #333;}
.company6-2 .tit-box .tit span {display:inline; vertical-align:middle; font-size:2em; color:#222; line-height:1.2; font-weight:700; }
.company6-2 .tit-box .tit em {display:inline; vertical-align:middle; margin-left:15px; font-size:1em; color:#aaa; font-weight:500; letter-spacing:0.25em; font-style:normal;}
.company6-2 .tit-box dl dt {position:relative; margin-bottom:15px; font-size:1.30em; color:#222; line-height:1.6; word-break:keep-all;}
.company6-2 .tit-box dl dd {position:relative; margin-bottom:5px; padding-left:15px; font-size:1.15em; color:#222; line-height:1.6; word-break:keep-all;}
.company6-2 .tit-box dl dd:before {content: ""; display: block; position: absolute; left:0; top:12px; width:4px; height:4px; background:#555;}
.company6-2 .tit-box dl dd:last-child {margin-bottom:0;}

/* 데스크톱(993px~): 제목 22% + 내용 75% 가로 배치를 강제 복구 */
@media all and (min-width:993px){
	.company6-2 .tit-box .tit {width:22% !important; display:inline-block; vertical-align:middle; text-align:center; margin-right:2%; margin-top:0 !important; overflow:hidden; }
	.company6-2 .tit-box dl {width:75% !important; display:inline-block; vertical-align:middle; margin-top:0 !important; }
}
/* 모바일(~992px) */
@media all and (max-width:992px){
	.company6-2 .tit-box {max-width:100%; }
	.company6-2 .tit-box .tit span {font-size:1.5em; }
	.company6-2 .tit-box dl dd {padding-left:15px; font-size:1em;}
	.page_title2 {margin:50px 0 20px 0;}
	.page_title2 .title {font-size:2em;}
}
@media screen and (max-width: 480px) {
	.company6-2 .tit-box { padding:40px 25px;}
	.company6-2 .tit-box .tit {width:100%; margin-right:0;}
	.company6-2 .tit-box dl {width:100%; margin-top:20px;}
	.company6-2 .tit-box dl dd:before { top:10px;}
}