/* 공통 */
h1.h1_01 {
    font-size: 38px;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-weight: 900;

}

/* 인사말 */
#sub_page.company01 {
    margin-bottom: 120px;
}
#sub_page.company01 .full-image {
  
    background-size: cover;
    background-position: 0 50%;
    height: 560px;
}
#sub_page.company01 section .flex {
    display: flex;
        margin-top: 120px;
}

#sub_page.company01 section .flex .left {
    width: 30%;
}

#sub_page.company01 section .flex .right {
    width: 70%;
    padding-left: 120px;
}

#sub_page.company01 section .flex .right .box {
    line-height: 34px;
}
#sub_page.company01 section .flex .left .box img {
    width: 100%;
}
#sub_page.company01 section .flex .right .box h1 {
    font-size: 32px;
    margin-bottom: 38px;
    line-height: 46px;
    font-weight: 900;
}

/* 회사소개 */
#sub_page.company02 section .img_wrap {
    margin-top: 80px;
    margin-bottom: 80px;
}

#sub_page.company02 section .img_wrap img {}

#sub_page.company02 section.section02 {
    display: flex;
}

#sub_page.company02 section.section02 .left {
    width: 40%;
}

#sub_page.company02 section.section02 .right {
    line-height: 33px;
    /* font-size: 21px; */
    width: 60%;
}

#sub_page.company02 section.section02 .right p {
    text-align: right;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-weight: 500;
    font-size: 16px;
}

#sub_page.company02 section.section02 .right p span {
    font-family: 'Shilla_CultureB-Bold';
    font-weight: 900;
    font-size: 30px;
    padding-left: 12px;
}

#sub_page.company02 section.section02 .right h1 {
    font-size:1.2em;
}

#sub_page.company02 section.section02 .left h1 {
    font-size: 38px;
    color: #000;
    font-weight: 900;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    line-height: 52px;
}

#sub_page.company02 section.section02 .left h1 span {
    position: relative;
    z-index: 0;
}

#sub_page.company02 section.section02 .left h1 span::before {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 12px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 40px;
}

#sub_page.company02 section.section03 {
    position: relative;
    margin-top: 100px;
    transition: 1s;

}

#sub_page.company02 section.section03 .overlay {
    position: absolute;
    width: 100%;
    z-index: 0;
    height: 100%;
    /*    top: 100%;*/
}

#sub_page.company02 section.section03 .js-parallax.jsp {
    padding-top: 12vmin;
    padding-bottom: 9vmin;
    /*
    padding-top: 135px;
    padding-bottom: 115px;
*/
    background-size: cover !important;
    background-position: top center !important;

}

#sub_page.company02 section.section03 .container {
    z-index: 1;
    position: relative;
}

#sub_page.company02 section.section03 table tbody td,
#sub_page.company02 section.section03 table tbody th {
    border-top: 1px rgba(255, 255, 255, 0.1) solid;
    border-bottom: 1px rgba(255, 255, 255, 0.1) solid;
    color: #fff;
    font-size: 19px;
    padding-top: 21px;
    padding-bottom: 21px;
}

/* 연혁 */
#sub_page.company03 section.section02 {
    margin-top: 140px;
}

#sub_page.company03 section.section02 .flex {
    display: flex;
    margin-bottom: 30px;
    border-bottom: 1px #eeeeee solid;
    padding-bottom: 30px;
}

#sub_page.company03 section.section02 .left {
    width: 30%;
}

#sub_page.company03 section.section02 .right {
    width: 70%;
}

#sub_page.company03 section.section02 .left .title p {
    color: #9b9b9b;
    font-size: 20px;
    margin-top: 12px;
}

#sub_page.company03 section.section02 .left .title h2 {
    font-family: 'Montserrat', 'Noto Sans KR', sans-serif;
    font-size: 43px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    position: relative;

}

#sub_page.company03 section.section02 .left .title h2::before {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 12px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 38px;
}

#sub_page.company03 section.section02 .right dl {
    display: flex;
    margin-bottom: 20px;

}

#sub_page.company03 section.section02 .right dl dt {
    width: 46px;
    margin-right: 60px;
    color: #000;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    position: relative;
}

#sub_page.company03 section.section02 .right dl dt::before {
    position: absolute;
    width: 100%;
    height: 1px;
    background: #868686;
    content: '';
    margin-top: 26px;
}

/* #sub_page.company03 section.section02 .right dl dt span {
    background: #e8e8e8;
    display: block;
    border-radius: .4em;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 55px;
    margin-right: 20px;
    font-weight: 600;
} */

#sub_page.company03 section.section02 .right dl dd {
    color: #686868;
    font-weight: 400;
    font-size: 18px;

}

#sub_page.company03 section.section02 .right dl dd {
    line-height: 30px;
    color: #000;
}

#sub_page.company03 section.section02 .right p {
    margin-bottom: 50px;
}

/* 찾아오시는 길 */
#sub_page.company04 section {
    display: flex;
    margin-bottom: 80px;
    padding-bottom: 80px;
    border-bottom: 1px #eee solid;
}

#sub_page.company04 section .left {
    width: 32%;
}

#sub_page.company04 section .right {
    width: 68%;
    padding-left: 150px;
}

#sub_page.company04 section .left .box.box01 {
    margin-bottom: 50px;
}

#sub_page.company04 section .left .box span {
    font-size: 20px;
    font-weight: 900;
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
     position: relative;
     display:inline-block
}
#sub_page.company04 section .left .box span::before {
    position: absolute;
    width: 100%;
    height: 8px;
    background: rgba(255, 234, 93, 1);
    content: '';
    margin-top: 21px;
    z-index: -1;
}

#sub_page.company04 section .left .box h1 {
    font-family: 'Noto Sans KR', 'Poppins', 'Ubuntu', dotum, sans-serif;
    font-size: 26px;
    font-weight: 900;
    color: #000;
    margin-top: 20px;
}

#sub_page.company04 section .left .box .flex {
    display: flex;
    margin-top: 20px;
}

#sub_page.company04 section .left .box .flex div {
    width: 24%;
}

#sub_page.company04 section .left .box .flex ul {
    width: 76%;
}

#sub_page.company04 section .left .box .flex ul.tel li {
    align-items: center;
    height: 57px;
    display: flex;
    color: #000;
    font-family: 'Cairo', sans-serif;
    font-weight: 900;
    font-size: 29px;
}

#sub_page.company04 section .left .box .flex div p {
    width: 57px;
    height: 57px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
}

#sub_page.company04 section .left .box .flex div p i {
    font-size: 26px;
    color: #fff;
}
#sub_page.company04 section .right .map {
    height: 440px;
}
#sub_page.company04 section .right .map .root_daum_roughmap {
    width: 100%;
    height: 440px;
 
}

#sub_page.company04 section .left .box .flex ul li {
    padding-bottom: 5px;
    color: #949494;
}


/* ESG 페이지 공통 설정 */
.esg_page { font-family: 'Noto Sans KR', sans-serif; color: #333; }
.esg_page img { max-width: 100%; height: auto; }
.bg_gray { background-color: #f8f9fa; }

/* 히어로 섹션 */
.esg_hero {
    background: url('../img/main/visual03.jpg') no-repeat center center; /* 기존 메인 이미지 활용 */
    background-size: cover;
    padding: 150px 0;
    position: relative;
}
.esg_hero::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.6); /* 이미지 위를 살짝 어둡게 덮어 글씨를 돋보이게 함 */
}
.esg_hero .container { position: relative; z-index: 1; text-align: center; color: #fff; }
.hero_title { font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; line-height: 1.3; }
.hero_desc { font-size: 1.3rem; font-weight: 300; line-height: 1.6; opacity: 0.9; }

/* 핵심 가치 섹션 */
.esg_core_values { padding: 100px 0; }
.esg_core_values .sec_tit { font-size: 2.5rem; font-weight: 800; color: #000; margin-bottom: 15px; }
.esg_core_values .sec_tit span { color: #005c99; /* 필텍 메인 블루 */ }
.esg_core_values .sec_desc { font-size: 1.1rem; color: #666; margin-bottom: 60px; word-break: keep-all; }

.val_list { justify-content: space-between; margin: 0; padding: 0; list-style: none; }
.val_list .box { 
    width: 31%; 
    padding: 40px 30px; 
    background: #fff; 
    border: 1px solid #eaeaea; 
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    text-align: center;
    transition: transform 0.3s ease;
    display:block;
    float:left;
    margin:0 1%;
}
.val_list .box:hover { transform: translateY(-10px); }
.val_list .icon_img { width: 80px; height: 80px; margin: 0 auto 20px; background: #f0f7fb; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.val_list .box h3 { font-size: 1.8rem; font-family: 'Montserrat', sans-serif; color: #005c99; font-weight: 700; margin-bottom: 10px; }
.val_list .box strong { display: block; font-size: 1.3rem; font-weight: 600; color: #111; margin-bottom: 15px; }
.val_list .box p { font-size: 1rem; color: #777; line-height: 1.6; }

/* 세부 전략 섹션 (스크롤) */
.esg_detail { padding: 100px 0; overflow: hidden; }
.esg_detail .container { justify-content: space-between; }
.esg_detail .img_area { width: 45%; border-radius: 20px; overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,0.08); }
.esg_detail .txt_area { width: 50%; }
.esg_detail.bg_gray .txt_area { padding-left: 0; padding-right: 20px; }

.esg_badge { display: inline-block; padding: 10px 15px; color: #fff; font-weight: 800; font-size: 1.2rem; border-radius: 30px; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; }
.bg_green { background-color: #2e8b57; }
.bg_orange { background-color: #e67e22; }
.bg_blue { background-color: #005c99; }

.esg_detail h2 { font-size: 2.8rem; font-family: 'Montserrat', sans-serif; font-weight: 800; color: #111; margin-bottom: 10px; }
.esg_detail h2 span { font-family: 'Noto Sans KR', sans-serif; font-size: 1.5rem; color: #666; font-weight: 500; margin-left: 10px; vertical-align: middle; }
.esg_detail .s_tit { font-size: 1.3rem; font-weight: 600; color: #444; margin-bottom: 40px; padding-bottom: 35px; padding-left:7px; border-bottom: 2px solid #ddd; }

.detail_list { margin: 0; padding: 0; list-style: none; }
.detail_list li { margin-bottom: 30px; position: relative; padding-left: 25px; }
.detail_list li::before { content: '▶'; position: absolute; left: 0; top: 0; color: #005c99; font-weight: bold; font-size: 1.2rem; }
.detail_list li strong { display: block; font-size: 1.2rem; font-weight: 600; color: #222; margin-bottom: 8px; }
.detail_list li p { font-size: 1rem; color: #666; line-height: 1.6; word-break: keep-all; }


/* 반응형 처리 */
@media screen and (max-width: 1024px) {
    .val_list .box { width: 100%; margin-bottom: 20px; }
    .esg_detail .container { flex-direction: column !important; }
    .esg_detail .img_area, .esg_detail .txt_area { width: 100%; padding: 0 !important; }
    .esg_detail .img_area { margin-bottom: 40px; }
    .hero_title { font-size: 2.5rem; }
    .esg_detail h2 { font-size: 2.2rem; }
}


/* 리뉴얼 추가 */
.lview{}
.sview{display:none;} 
.mview{display:none;}

	.fc_pointer {color:#205db7; }
	.content_wrap{width:100%; min-width:320px; max-width:1400px; margin:0 auto;}
	.page_title{width:100%; margin-top:100px; margin-bottom:70px;}
	.page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto;}
	.page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:10px; }


/* 이전필텍 추가 */

.content_wrap{width:100%; min-width:320px; max-width:1400px; margin:0 auto;}
.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #205db7; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}


/*인사말*/

.company{ width:100%; max-width:1200px; margin:0px auto; }
.company:after { content:""; display:block; clear:both; }
.company{ overflow:hidden}
.company .slogan_back { text-align:center;border-top:1px solid #EEE; border-bottom:1px solid #EEE; margin:0em 0 2em 0; padding-top:1em; padding-bottom:1em; }
.company .slogan_text{ font-size:2.5em; letter-spacing:-2px; color:#333; line-height:1.4em;  }

.company .ceo_img{ float:left; width:25%; height:auto;}
.company .ceo_img img{width:100%; padding:100px 30px 30px; }
.company .ceo_txt{ float:left; width:75%; padding:0 50px;}
.company .ceo_txt h2 { display: inline-block; font-size:2em; font-weight:300; line-height:1.3em; color:#000; letter-spacing:-0.05em; }
.company .ceo_txt p { margin-top:30px;}
.company .ceo_txt p strong {color:#000 !important; display:block; font-size:1.2em; padding-bottom:10px;}
.company .ceo_sign {float:left; font-size:1em; color:#222; margin-top:40px; }
.company .ceo_sign img { margin-left:-15px; vertical-align: middle;}
.company .summary { clear:both; float:left; width:100%; margin-top:50px;}


.con_arrow {font-size:1.6em; font-weight:700; line-height:30px;  color: #000; margin:50px 0 20px 0; border:0px solid red;}
.con_arrow:before { content: ""; width:16px; height:16px; display:inline-block; border:5px #59647A solid; box-sizing:border-box; border-radius:14px; background:#fff; margin-right:10px;}
.con_arrow:first-child { margin:0 0 20px 0;}

.tbl_type1{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #002b5c;}
.tbl_type1 th{ color:#333; text-align:center; font-weight:700; padding:10px 15px; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f8f8f8;}
.tbl_type1 td{ text-align:left; padding:10px 15px; border-bottom:1px solid #eee;}

/*연혁*/
.history_top { width:120px; height:120px; padding-top:27px; margin:70px auto; line-height:22px; font-size:1.5em; text-align:center; color:#fff;  background:#333; border-radius: 50%; }
.timeline {box-sizing: border-box; }
.timeline:before {box-sizing: border-box; }
.timeline * {box-sizing: border-box; }
.timeline *:before {box-sizing: border-box; }
.timeline { position: relative; font-size: 1em; width: 100%; height: 100%; margin:50px auto; overflow-y: hidden; overflow-x: hidden;}
.timeline .timeline-block {margin-top:-4px;}
.timeline .timeline-icon {position:absolute; width: 12px; height: 12px; left: 50%; margin-left: -6px; margin-top:4px; border: 3px solid #4e9cdd; border-radius: 100%; background-color: #fff; text-align: center; }
.timeline .timeline-icon.timeline-icon-hide-border { border: 0; }
.timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img { margin-left: 0; margin-top: 0;}
.timeline .timeline-icon i.fa, .timeline .timeline-icon img { display: inline-block; width: 32px; height: 32px; margin-left: -4px; margin-top: -4px; vertical-align: bottom; line-height: 32px; text-align: center; font-size: 30px; }
.timeline .timeline-icon img { border-radius: 100%; }
.timeline .timeline-content { position: relative; width: 46%; padding-bottom:50px; line-height: 20px; }
.timeline .timeline-content .bar_count { font-size:1.5em; color:#000; margin-bottom:10px;}
.timeline .timeline-content ul li img{width:100%; max-width:400px; height:auto; margin-top:20px; background:red;}
.timeline::before { position: absolute; width: 1px; height: 100%; top:0px; left: 50%; margin-left: -1px; background-color: #eee; content: ""; }/* Half of width */
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:right}
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left: 54%; }
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date { left: auto;  right: 115%; margin-left: -400px; }



 /*사업영역*/

	.fc_pointer {color:#205db7; }
	.content_wrap{width:100%; min-width:320px; max-width:1200px; margin:0 auto;}

	.vision_type1 {width:100%; min-width:320px;  margin:0 auto; }
	.vision_type1:after{content:""; clear:both; display:block;}
	.vision_type1 h2.title {text-align:center; font-size:2em; font-weight:400; color:#333; line-height:1.2em; margin-bottom:40px; }
	.vision_type1 span.stitle {display:block; width:100%; text-align:center; margin:0 auto; font-size:1.1em; font-weight:400; color:#666; line-height:1.6em; margin-bottom:40px; }
	.vision_type1 .img_div img{width:100%; max-width:1200px;}
	.vision_type1 ul {margin:0; border:1px solid #ddd; overflow:hidden;}
	.vision_type1 ul li {float:left; display:inline-block; padding:30px 0; padding-bottom:15px; width:25%; height:340px; text-align:center;  }
	.vision_type1 ul li:nth-child(3n) {border-right:0; }
	.vision_type1 ul li:nth-child(2n) {background-color:#f7f7f7;}
	.vision_type1 ul li .icon {display:block; width:100px; height:100px; margin:0 auto; overflow:hidden;}
	.vision_type1 ul li .icon i {display:inline-block; font-size:4em; line-height:100px; color:#333;}
	.vision_type1 ul li p {display:block; font-size:1.85em; color:#205db7; margin-top:10px;}
	.vision_type1 ul li span { display:block; font-size:1em; color:#555; margin-top:10px; line-height:1.5em; text-align:center; padding:0px 65px;}

	.vision_type1 ul.product {border-top:0}
	.vision_type1 ul.product li:first-child	{background-color:#f7f7f7;}
	.vision_type1 ul.product li:nth-child(2n) {border-right:0; background-color:#ffffff;}
	.vision_type1 ul.product li:nth-child(3n) {background-color:#f7f7f7;}

	.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #205db7; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}



/* 주요고객사 */

	.partner_type1{width:100%; min-width:320px; overflow:hidden;}
	.partner_type1:after{content:""; clear:both; display:block;}
	.partner_type1 .partner_img{width:100%; min-width:320px; height:500px; background: url('../image/img_2000.jpg') no-repeat center top; background-size:cover;}
	.partner_type1 .partner_wrap {position:relative; top:-50px; width:100%; max-width:1200px; margin:0 auto;  background:#fff; overflow:hidden;}
	.partner_type1 .partner_wrap .txt{text-align:center; padding-top:50px; font-size:1em; line-height:2em;}
	.partner_type1 .partner_wrap .txt span{font-weight:700; font-size:1.4em;}
	.partner_type1 .partner_list { width:100%; max-width:1200px; padding-top:50px; margin:0 auto;}
	.partner_type1 .partner_list:after{content:""; clear:both; display:block;}
	.partner_type1 .partner_list ul {width:100%; margin:0; padding:0; }
	.partner_type1 .partner_list ul li {display:block; float: left; width:20%; min-height:182px; padding:15px; text-align: center;}
	.partner_type1 .partner_list ul li:nth-child(4n){}
	.partner_type1 .partner_list ul li img {max-width:100%; margin:0 auto;}
	.partner_type1 .partner_list ul li div {box-sizing: border-box; border: 0px  solid #d6d6d6; padding:5px; background: #fff; border-radius: 0px;}


	/* 제품/ 기술 */
	.business_type2{ width:100%; max-width:1200px; margin:0 auto;}
	.business_type2:after{content:""; display:block; clear:both;}
	.business_type2 .business_info { width:100%; background:#fff; margin-bottom:80px; }
	.business_type2 .business_info:after{content:""; display:block; clear:both;}
	.business_type2 .business_info .stitle{display:block; width:100%; text-align:center; margin:0 auto; font-size:1.2em; font-weight:400; color:#666; line-height:1.6em; margin-bottom:40px; }
	.business_type2 .business_info ul{ padding:0; margin:0;}
	.business_type2 .business_info ul li{ padding:0; margin:0;}
	.business_type2 .business_info ul li.left_box { float:left; width:45%; height:auto; overflow:hidden; text-align:center; }
	.business_type2 .business_info ul li.left_box img{ max-width:100%; height:auto; }
	.business_type2 .business_info ul li.right_box{position:relative; float:right; width:50%;}
	.business_type2 .business_info ul li.right_box .txt03{ position:relative; left:0; bottom:0; width:100%; font-size:0.9em; color:#555; line-height:1.5em; text-transform: uppercase; overflow:hidden;}
	.business_type2 .business_info ul li.right_box .txt03 p{display:inline-block; border:1px solid #ddd; margin-top:30px; padding:5px 15px;}
	.business_type2 .business_info ul li.right_box .txt03 p a{color:#205db7;}
	.business_type2 .business_info ul li.right_box .txt03 span {display:block; padding:20px 25px; height:100px; }

	.business_type2 .txt_area { width:100%; padding-top:40px; border-top:2px solid #000; }
	.business_type2 .txt_area:after{content:""; display:block; clear:both;}
	.business_type2 .txt_area .txt01 { float:left; width:100%; word-break: keep-all; }
	.business_type2 .txt_area .txt01 p { padding:0; margin:0; margin-bottom:15px; padding:0;}
	.business_type2 .txt_area .txt01 span.tit { display:block; font-size:2.2em; color:#000; font-weight:700; line-height:1.2em;  }
	.business_type2 .txt_area .txt01 span.txt { display:block; font-size:1.2em; color:#205db7; font-weight:400; line-height:1.4em; }
	.business_type2 .txt_area .txt02 { float:left; width:100%; margin-top:20px;}
	.business_type2 .txt_area .txt02 ul {margin:0; padding:0; }
	.business_type2 .txt_area .txt02 ul li { position:relative; color:#555; font-weight:400; line-height:1.5em; list-style:none; padding-left:3%; margin-bottom:5px;}
	.business_type2 .txt_area .txt02 ul li:before {position:absolute; top:8px; left:0; content:""; display:inline-block; width:4px; height:4px; background:#555; margin-right:10px; vertical-align:middle;}
	.business_type2 .txt_area .txt02 p {font-size:1.2em;}

	.business_type2 .con_arrow{width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}
	.business_type2 .con_arrow p{position:relative; font-size:2em; color:#000; padding-left:30px; }
	.business_type2 .con_arrow span{  position:absolute; right:0; display:inline-block; font-size: 1.2em;  padding-left: 10px;  color: #555;}
	.business_type2 .con_arrow > p:before{position:absolute; top:4px; left:10px; display:inline-block; content:""; width:3px; height:23px; background-color:#1F88E5; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}

	.business_type2 .con_box{ width:100%; padding:20px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
	.business_type2 .con_box:after{content:""; display:block; clear:both;}
	.business_type2 .con_box ul { padding:0; margin:0; }
	.business_type2 .con_box ul li {float:left; width:50%; list-style:none; margin:10px 0; }
	.business_type2 .con_box ul li p{display:table; width:100%; }
	.business_type2 .con_box ul li p > em, .business_type2 .con_box p > span{display:table-cell; vertical-align:top; }
	.business_type2 .con_box ul li p > em{ width:30px; }
	.business_type2 .con_box ul li p > em > strong{display:inline-block; width:30px; height:30px;  line-height:30px; color:#fff; background-color:#000; text-align:center; font-size:1em;  border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; font-weight:500;}
	.business_type2 .con_box ul li p > span{font-size:1.2em; line-height:30px; color:#555; letter-spacing:-0.75px;  padding:0 15px;}

	.business_type2 .guide_box1 { width:100%; max-width:1200px; margin:0 auto; border-top:1px solid #000;}
	.business_type2 .guide_box1 .con_wrap {width:100%; background:;  padding:50px 0; border:1px solid #ddd; box-sizing:border-box; margin-top:45px; }
	.business_type2 .guide_box1 .con_wrap:after {clear:both; content:''; display:block;}
	.business_type2 .guide_box1 .con_wrap ul { padding:0; margin:0;}
	.business_type2 .guide_box1 .con_wrap ul li {float:left; width:33.33333%; text-align:center; padding:0; text-transform:uppercase; border-left:1px solid #eee; box-sizing:border-box;}
	.business_type2 .guide_box1 .con_wrap ul li:first-child{border-left:none;}
	.business_type2 .guide_box1 .con_wrap ul li .con_txt {min-height:220px; padding:0 20px; }
	.business_type2 .guide_box1 .con_wrap ul li .icon {display:block; width:100px; margin:30px auto; overflow:hidden;}
	.business_type2 .guide_box1 .con_wrap ul li .icon i {display:inline-block; font-size:3em; color:#2297d8;}
	.business_type2 .guide_box1 .con_wrap ul li h3.title {position:relative; font-size:1.4em;  padding-bottom:10px; margin:15px 0; color:#000;}
	.business_type2 .guide_box1 .con_wrap ul li h3.title:before {content:""; position:absolute; left:50%; bottom:0; margin-left:-20px; display:block; width:40px; height:1px; background:#bbb; }
	.business_type2 .guide_box1 .con_wrap ul li strong {font-size:1.8em; color:#dc3232; line-height:1.5em;}
	.business_type2 .guide_box1 .con_wrap ul li p {font-size:1em; color:#555; line-height:1.5em;}
	.business_type2 .guide_box1 .con_wrap ul li .btn1 { display:inline-block; height:40px; line-height:38px; padding:0 20px; background:#2297d8; color:#fff; font-size:1em; margin-top:20px; text-decoration:none; transition:0.3s;}
	.business_type2 .guide_box1 .con_wrap ul li .btn1:hover {background:#000; color:#fff; border:0;}

	.business_type2 .guide_box2 { width:100%; max-width:1200px; margin:0 auto; border-top:1px solid #000;}
	.business_type2 .guide_box2:after {clear:both; content:''; display:block;}
	.business_type2 .guide_box2 .con_wrap { width:100%; padding:50px 0; border-bottom:1px solid #eee;}
	.business_type2 .guide_box2 .con_wrap:after {clear:both; content:''; display:block;}
	.business_type2 .guide_box2 .con_wrap .con_area {padding:0 20px;}
	.business_type2 .guide_box2 .con_wrap .left {width:25%; float:left; padding:0; }
	.business_type2 .guide_box2 .con_wrap .left .con_title {font-size:1.5em; font-weight:700; color:#000;}
	.business_type2 .guide_box2 .con_wrap .left .con_title em {display:block; font-size:13px; font-weight:400; text-transform:uppercase; font-style:normal; letter-spacing:0.05em; color:#c0c0c0; }
	.business_type2 .guide_box2 .con_wrap .right {width:75%; float:left; padding:0; }
	.business_type2 .guide_box2 .con_wrap .right ul li {position:relative; margin-bottom:20px; padding-left:30px; font-size:1.2em; line-height:1.5em; word-break:keep-all;}
	.business_type2 .guide_box2 .con_wrap .right ul li:last-child {margin-bottom:0}
	.business_type2 .guide_box2 .con_wrap .right ul li .txt_depth {font-size:1em; color:#777; text-transform:uppercase; padding-top:5px; text-align:left;}
	.business_type2 .guide_box2 .con_wrap .right ul li .txt_depth img {margin-right:5px;}
	.business_type2 .guide_box2 .con_wrap .right ul li .numb { position:absolute; left:0; font-weight:700; }
	.business_type2 .guide_box2 .con_wrap .right ul li img.img_w33 {width:33%;}
	.business_type2 .guide_box2 .con_wrap .right ul li img.img_w30 {width:30%;}
	.business_type2 .guide_box2 .con_wrap .right ul li img.img_w25 {width:24%;}

	.business_type2 .guide_box2 .con_wrap .right ul.item li{width:25%; display:block; float:left; text-align:center;}
	.business_type2 .guide_box2 .con_wrap .right ul.item li:nth-child(5){margin-top:30px;}
	.business_type2 .guide_box2 .con_wrap .right ul.item li .txt_depth {font-size:0.9em; color:#777; text-transform:uppercase; padding-top:15px; text-align:left;}

	.business_type2 .guide_box2 .con_wrap table {width:100%; border-collapse:collapse;}
	.business_type2 .guide_box2 .con_wrap .right ul li img {max-width:100%; height:auto;}
	.business_type2 .guide_box2 .con_wrap table tr {border-top:1px solid #e1e1e1}
	.business_type2 .guide_box2 .con_wrap table tr:last-child {border-bottom:1px solid #e1e1e1}
	.business_type2 .guide_box2 .con_wrap table tr th {text-align:center; background:#f9f9f9; padding:10px 0; border-right:1px solid #e1e1e1;}
	.business_type2 .guide_box2 .con_wrap table tr th:first-child {border-left:1px solid #e1e1e1}
	.business_type2 .guide_box2 .con_wrap table tr td {text-align:center; padding:10px 0; border-right:1px solid #e1e1e1; word-break:keep-all;}
	.business_type2 .guide_box2 .con_wrap table tr td:first-child {border-left:1px solid #e1e1e1}
	.business_type2 .guide_box2 .con_wrap table tr.no_border {border:0;}
	.business_type2 .guide_box2 .con_wrap table tr td.no_border {border:0;}
	.business_type2 .guide_box2 .con_wrap .imp {font-size:0.95em; word-break:keep-all; color:#3375C0; margin-top:20px; background:#f1f7fb; padding:5px 25px; font-weight:500;}

	.business_type2 .guide_box2 .con_wrap .table_50 {width:60%; float:left; margin-top:20px; border-collapse:collapse;}
	.business_type2 .guide_box2 .con_wrap .table_50 tr {border-top:1px solid #e1e1e1}
	.business_type2 .guide_box2 .con_wrap .table_50 tr:last-child {border-bottom:1px solid #e1e1e1}
	.business_type2 .guide_box2 .con_wrap .table_50 tr th {text-align:center; background:#f9f9f9; padding:10px 0; border-right:1px solid #e1e1e1;}
	.business_type2 .guide_box2 .con_wrap .table_50 tr th:first-child {border-left:1px solid #e1e1e1}
	.business_type2 .guide_box2 .con_wrap .table_50 tr td {text-align:center; padding:10px 0; border-right:1px solid #e1e1e1;}
	.business_type2 .guide_box2 .con_wrap .table_50 tr td:first-child {border-left:1px solid #e1e1e1}

	.business_type2 .guide_box2 .con_wrap .r_img {width:40%; float:right; padding:0 30px;}

  .none_line{border-bottom:0 !important;}

/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){


	.scontents{width:96%;}
	#container {margin-top:0px;}
	#lnb .lnb_wrap > ul > li > a{padding:0 20px}
	.wrap_box{width:98%;}
	#sub_tit{left:0; margin-left:0;}

	#backtotop{display:none !important;}
	
	#m_bnr3 .con_box li{width:;}
	
}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){
	
	#mobile_header{display:block; min-width:320px; }
	#header_wrap, #gnb_wrap, #gnb_area {display:none;}

	.lview{display:none;}
	.sview{display:block;}

	
	#main_visual .swiper-slide{width:100%; height:auto;}
	#main_visual .swiper-slide div.backgroundimg{height:auto; margin-top:60px;}
	#main_visual .sliderkit-text{height:150px; margin-top:-30px;}
	#main_visual .sliderkit-text h1.lviewa{font-size:1.5em;}
	#main_visual .sliderkit-text h1.sviewa{font-size:0.95em;}
	#main_visual .sliderkit-text div span{ height:34px; line-height:34px;}
	#main_visual .sliderkit-text div span h2{ line-height:34px; font-size:1em;}
	#main_visual .swiper-pagination {display:none;}



	#m_bnr { position:relative; top:0px; width:100%; min-width:320px;margin:0px auto; padding:0;}
	#m_bnr > div {display:none;}
	#m_bnr li {width:50%; border-bottom:0px solid #4e4e4e;}
	#m_bnr li:nth-child(1), #m_bnr li:nth-child(2){border-bottom:1px solid #4e4e4e;}


	#m_bnr2 {position:relative; top:0px; width:100%; margin:60px auto; border-bottom:none; }
	#m_bnr2 .con_box {padding:0 15px;}
	#m_bnr2 .con_box li { width:50%; max-width:50%;  border-bottom:none;} 
	


	#main_about_100 .img_wrap{ width:100%;}
	#main_about_100 .txt_wrap{ width:100%; }
	#main_about_100 .txt_wrap .txt_cont{ position:relative; top:-50px;  width:90%; height:auto;  padding:25px; background:#fff; margin:0 auto;}

  .swiper-scrollbar-wrap2{display:none;}
	#pro_wrap {padding:30px 0px; margin-top:0px;}		


	#comm_wrap{margin:40px auto;}
	#comm_wrap .board_area{min-width:320px; height:100%;}	
	#comm_wrap .board_area .dleft{ width:100%;  margin-right:0px;}
	#comm_wrap .board_area .dcenter{ width:100%;}
	#comm_wrap .board_area .dright{width:100%; }
	#comm_wrap .board_area div.board_box{width:90%; margin:0px auto;}
	#comm_wrap .notice_area {width:100%; margin-top:20px;}


	#copy_bnr{height:auto;}
	#copy_bnr .copy_bnr_left {width:100%; height:auto; }
	#copy_bnr .copy_bnr_left .cs_area { width:100%; }
	#copy_bnr .copy_bnr_right { width:100%; height:auto; } 
	#copy_bnr .copy_bnr_right .g_map {width:100%; }


	#footer{ min-width:320px; padding-bottom:30px; text-align:center;}
	#footer .copyright{width:100%; padding:0 30px; }
	#footer .copyright p{ text-align:center;}


	#backtotop{right:15px;}


	#sub_visual{margin-top:0px;}


	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}


	#sub_tit { margin:0px auto; padding:0; left:0%; margin-left:0px; background:none; top:180px;}
	#sub_tit .path { display:none; }
	#sub_tit .title{ font-size:2em; }
	#sub_tit .title:after{display:block; content:""; width:20%; height:3px; background:#fff; margin:10px auto; }
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Noto Sans KR', sans-serif;}
	#sub_tit .normal_txt .color1{color:#fd7701;}
	
}



	@media screen and (max-width:992px){
	
	  .company .ceo_img{width:100%; height:auto; text-align:center;}
    .company .ceo_img img{width:100%; max-width:300px; padding:30px; }
    .company .ceo_txt{width:100%; padding:0 5px;}

		.content_wrap{width:100%;}
		.page_title{margin-bottom:50px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}
		
		.vision_type1 h2.title { font-size:1.5em; }
		.vision_type1 span.stitle{font-size:1em; width:90%;}
		.vision_type1 ul{border-bottom:0px;}
		
		.vision_type1 ul li { width:100%; border-bottom:1px solid #ddd; height:300px; border-right:1px solid #ddd; background-color:#fff;}
		.vision_type1 ul li:nth-child(3n) {border-right:1px solid #ddd;; }
		.vision_type1 ul li:nth-child(2n) {border-right:0px; }
		.vision_type1 ul li p {font-size:1.2em;}
		.vision_type1 ul li span{font-size:0.8em;}
		.vision_type1 ul li:nth-child(2n) {background-color:#fff;}
		
		.vision_type1 ul.product li:first-child	{background-color:#ffffff;}
		.vision_type1 ul.product li:nth-child(3n)	{background-color:#ffffff;}
		
		.partner_type1 .partner_img{height:300px;}
		.partner_type1 .partner_wrap{width:95%; top:-30px;}
		.partner_type1 .partner_wrap .txt{width:90%; margin:0 auto; font-size:0.9em; padding-top:30px;}
		.partner_type1 .partner_list {  width:92%; padding-top:30px;}
		.partner_type1 .partner_list ul li { width:50%; min-height:100px; margin:0 auto; padding:5px;}
		.partner_type1 .partner_list ul li:nth-child(2n){float:right;} 
		.partner_type1 .partner_list ul li img {max-width:68%; margin:0 auto;}

		.business_type2 .business_info{margin-bottom:0px;}
		.business_type2 .business_info ul li.left_box { width:100%; height:300px;  }
		.business_type2 .business_info ul li.right_box{ width:100%; }
		.business_type2 .business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
		.business_type2 .business_info ul li.right_box .txt03 span {height:auto;}
		.business_type2 .txt_area { width:90%; margin:0 auto; border-top:0;}
		.business_type2 .txt_area .txt01 span.tit {font-size:1.85em;}
		.business_type2 .con_arrow{width:95%; margin:0 auto;}
		.business_type2 .con_box{width:95%; margin:0 auto;}


	}


	@media screen and (max-width: 768px){
		.content_wrap{width:100%;}
		.page_title{margin-bottom:40px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		
		#m_bnr3 .m_bnr3_con{max-width:255px;}

		.business_type2 .guide_box1 .con_wrap {padding:0; }
		.business_type2 .guide_box1 .con_wrap ul li {width:100%;  padding:50px 0; border-left:0;  border-bottom:1px solid #ededed; }
		.business_type2 .guide_box1 .con_wrap ul li .con_txt {min-height:150px;}

		.business_type2 .guide_box2 .con_wrap .left {width:100%;}
		.business_type2 .guide_box2 .con_wrap .right {width:100%; margin-top:30px; }

		.business_type2 .guide_box2 .con_wrap .left {width:100%;}
		.business_type2 .guide_box2 .con_wrap .right {width:100%; margin-top:30px; }
		
		#copy_info{float:left; padding-left:30px;}

	}


	@media screen and (max-width:480px){


		.business_type2 .con_arrow p{ font-size:1.5em; margin-top:30px;}
		.business_type2 .con_box ul li { width:100%; }

	}


	@media screen and (max-width: 360px) {

		.partner_type1 .partner_list ul li { width:100%; margin-bottom:5%;}

	}
/* 반응형 중간기기 1200px 사이즈 이하*/
@media all and (max-width:1200px){


	.scontents{width:96%;}
	#container {margin-top:0px;}
	#lnb .lnb_wrap > ul > li > a{padding:0 20px}
	.wrap_box{width:98%;}
	#sub_tit{left:0; margin-left:0;}

	#backtotop{display:none !important;}
	
	#m_bnr3 .con_box li{width:;}
	
}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){
	
	#mobile_header{display:block; min-width:320px; }
	#header_wrap, #gnb_wrap, #gnb_area {display:none;}

	.lview{display:none;}
	.sview{display:block;}

	
	#main_visual .swiper-slide{width:100%; height:auto;}
	#main_visual .swiper-slide div.backgroundimg{height:auto; margin-top:60px;}
	#main_visual .sliderkit-text{height:150px; margin-top:-30px;}
	#main_visual .sliderkit-text h1.lviewa{font-size:1.5em;}
	#main_visual .sliderkit-text h1.sviewa{font-size:0.95em;}
	#main_visual .sliderkit-text div span{ height:34px; line-height:34px;}
	#main_visual .sliderkit-text div span h2{ line-height:34px; font-size:1em;}
	#main_visual .swiper-pagination {display:none;}



	#m_bnr { position:relative; top:0px; width:100%; min-width:320px;margin:0px auto; padding:0;}
	#m_bnr > div {display:none;}
	#m_bnr li {width:50%; border-bottom:0px solid #4e4e4e;}
	#m_bnr li:nth-child(1), #m_bnr li:nth-child(2){border-bottom:1px solid #4e4e4e;}


	#m_bnr2 {position:relative; top:0px; width:100%; margin:60px auto; border-bottom:none; }
	#m_bnr2 .con_box {padding:0 15px;}
	#m_bnr2 .con_box li { width:50%; max-width:50%;  border-bottom:none;} 
	


	#main_about_100 .img_wrap{ width:100%;}
	#main_about_100 .txt_wrap{ width:100%; }
	#main_about_100 .txt_wrap .txt_cont{ position:relative; top:-50px;  width:90%; height:auto;  padding:25px; background:#fff; margin:0 auto;}

  .swiper-scrollbar-wrap2{display:none;}
	#pro_wrap {padding:30px 0px; margin-top:0px;}		


	#comm_wrap{margin:40px auto;}
	#comm_wrap .board_area{min-width:320px; height:100%;}	
	#comm_wrap .board_area .dleft{ width:100%;  margin-right:0px;}
	#comm_wrap .board_area .dcenter{ width:100%;}
	#comm_wrap .board_area .dright{width:100%; }
	#comm_wrap .board_area div.board_box{width:90%; margin:0px auto;}
	#comm_wrap .notice_area {width:100%; margin-top:20px;}


	#copy_bnr{height:auto;}
	#copy_bnr .copy_bnr_left {width:100%; height:auto; }
	#copy_bnr .copy_bnr_left .cs_area { width:100%; }
	#copy_bnr .copy_bnr_right { width:100%; height:auto; } 
	#copy_bnr .copy_bnr_right .g_map {width:100%; }


	#footer{ min-width:320px; padding-bottom:30px; text-align:center;}
	#footer .copyright{width:100%; padding:0 30px; }
	#footer .copyright p{ text-align:center;}


	#backtotop{right:15px;}


	#sub_visual{margin-top:0px;}


	.sub_location > div .cen{ display:none;}
	.sub_location ul{width:50%;}
	.sub_location ul:first-child{border-left:0px; }
	.sub_location ul.dep2{border-right:0px;}


	#sub_tit { margin:0px auto; padding:0; left:0%; margin-left:0px; background:none; top:180px;}
	#sub_tit .path { display:none; }
	#sub_tit .title{ font-size:2em; }
	#sub_tit .title:after{display:block; content:""; width:20%; height:3px; background:#fff; margin:10px auto; }
	#sub_tit .normal_txt{font-size:1.2em;  color:#fff;  text-transform:uppercase; text-align:center; line-height:1.6; word-break: keep-all; text-shadow: 0px 1px 4px #333; font-family: 'Noto Sans KR', sans-serif;}
	#sub_tit .normal_txt .color1{color:#fd7701;}
	
}



	@media screen and (max-width:992px){
	
	  .company .ceo_img{width:100%; height:auto; text-align:center;}
    .company .ceo_img img{width:100%; max-width:300px; padding:30px; }
    .company .ceo_txt{width:100%; padding:0 5px;}

		.content_wrap{width:100%;}
		.page_title{margin-bottom:50px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}
		
		.vision_type1 h2.title { font-size:1.5em; }
		.vision_type1 span.stitle{font-size:1em; width:90%;}
		.vision_type1 ul{border-bottom:0px;}
		
		.vision_type1 ul li { width:100%; border-bottom:1px solid #ddd; height:300px; border-right:1px solid #ddd; background-color:#fff;}
		.vision_type1 ul li:nth-child(3n) {border-right:1px solid #ddd;; }
		.vision_type1 ul li:nth-child(2n) {border-right:0px; }
		.vision_type1 ul li p {font-size:1.2em;}
		.vision_type1 ul li span{font-size:0.8em;}
		.vision_type1 ul li:nth-child(2n) {background-color:#fff;}
		
		.vision_type1 ul.product li:first-child	{background-color:#ffffff;}
		.vision_type1 ul.product li:nth-child(3n)	{background-color:#ffffff;}
		
		.partner_type1 .partner_img{height:300px;}
		.partner_type1 .partner_wrap{width:95%; top:-30px;}
		.partner_type1 .partner_wrap .txt{width:90%; margin:0 auto; font-size:0.9em; padding-top:30px;}
		.partner_type1 .partner_list {  width:92%; padding-top:30px;}
		.partner_type1 .partner_list ul li { width:50%; min-height:100px; margin:0 auto; padding:5px;}
		.partner_type1 .partner_list ul li:nth-child(2n){float:right;} 
		.partner_type1 .partner_list ul li img {max-width:68%; margin:0 auto;}

		.business_info{margin-bottom:0px;}
		.business_info ul li.left_box { width:100%; height:300px;  }
		.business_info ul li.right_box{ width:100%; }
		.business_info ul li.right_box .txt03 {position:relative !important; margin-top:40px;}
		.business_info ul li.right_box .txt03 span {height:auto;}
		.txt_area { width:90%; margin:0 auto; border-top:0;}
		.txt_area .txt01 span.tit {font-size:1.85em;}
		.con_arrow{width:95%; margin:0 auto;}
		.con_box{width:95%; margin:0 auto;}


	}


	@media screen and (max-width: 768px){
		.content_wrap{width:100%;}
		.page_title{margin-bottom:40px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		
		#m_bnr3 .m_bnr3_con{max-width:255px;}

		.guide_box1 .con_wrap {padding:0; }
		.guide_box1 .con_wrap ul li {width:100%;  padding:50px 0; border-left:0;  border-bottom:1px solid #ededed; }
		.guide_box1 .con_wrap ul li .con_txt {min-height:150px;}

		.guide_box2 .con_wrap .left {width:100%;}
		.guide_box2 .con_wrap .right {width:100%; margin-top:30px; }

		.guide_box2 .con_wrap .left {width:100%;}
		.guide_box2 .con_wrap .right {width:100%; margin-top:30px; }
		
		#copy_info{float:left; padding-left:30px;}

	}


	@media screen and (max-width:480px){


		.con_arrow p{ font-size:1.5em; margin-top:30px;}
		.con_box ul li { width:100%; }

	}


	@media screen and (max-width: 360px) {

		.partner_type1 .partner_list ul li { width:100%; margin-bottom:5%;}

	}


/* 반응형 중간기기 1100px 사이즈 이하*/
@media all and (max-width:1100px){
	
	.lview{display:none;}
	.sview{display:block;}

}

	@media screen and (max-width:992px){
		.content_wrap{width:100%;}
		.page_title{margin-bottom:50px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}
	}


	@media screen and (max-width: 768px){
		.content_wrap{width:100%;}
		.page_title{margin-bottom:40px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		
	}



/* ========================================================
   필텍이엔지 9개 사업영역 전용 CSS (3x3 그리드)
======================================================== */
.biz_page { font-family: 'Noto Sans KR', sans-serif; color: #333; padding-bottom: 100px; background-color: #f9f9f9; }
.biz_page img { max-width: 100%; height: auto; display: block; }

/* 상단 타이틀 영역 */
.biz_header { text-align: center; padding: 80px 20px; background-color: #fff; border-bottom: 1px solid #eaeaea; margin-bottom: 60px; }
.biz_header h1 { font-size: 3rem; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-weight: 800; color: #111; margin-bottom: 15px; }
.biz_header h1 span { color: #005c99; }
.biz_header p { font-size: 1.15rem; color: #666; word-break: keep-all; line-height: 1.6; }

/* 9개 그리드 레이아웃 */
.biz_container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* 3열 배치에 맞게 최대 너비 조정 */
.biz_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* PC: 3열 배치 (3x3) */
    gap: 30px;
}

/* 개별 사업분야 카드 디자인 */
.biz_card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}
.biz_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 92, 153, 0.15);
    text-decoration: none !important;
}

/* 카드 이미지 영역 (호버 시 확대 효과) */
.biz_img {
    width: 100%;
    height: 240px; /* 3열 배치에 맞게 이미지 높이 약간 증가 */
    overflow: hidden;
    position: relative;
}
.biz_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.biz_card:hover .biz_img img {
    transform: scale(1.1); /* 호버 시 이미지 살짝 확대 */
}
.biz_badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #005c99;
    color: #fff;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    z-index: 2;
}

/* 카드 텍스트 영역 */
.biz_txt {
    padding: 30px 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.biz_txt h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
    line-height: 1.3;
}
.biz_txt p {
    font-size: 1rem;
    color: #777;
    line-height: 1.5;
    margin-bottom: 20px;
    flex-grow: 1;
    word-break: keep-all;
}
.biz_link {
    display: inline-block;
    font-size: 0.95rem;
    font-weight: 600;
    color: #005c99;
    text-decoration: none;
    margin-top: auto;
    transition: color 0.3s;
}
.biz_link::after {
    content: '→';
    margin-left: 5px;
    transition: margin-left 0.3s;
}
.biz_card:hover .biz_link { color: #fd7701; /* 포인트 컬러(주황색)로 변경 */ }
.biz_card:hover .biz_link::after { margin-left: 10px; } /* 화살표 이동 효과 */

/* 반응형 (태블릿 & 모바일) */
@media screen and (max-width: 992px) {
    .biz_grid { grid-template-columns: repeat(2, 1fr); } /* 태블릿: 2열 */
    .biz_header h1 { font-size: 2.4rem; }
}
@media screen and (max-width: 600px) {
    .biz_grid { grid-template-columns: 1fr; } /* 모바일: 1열 */
    .biz_img { height: 250px; }
}