@charset "utf-8";
@import url("common.css");
/* --- [JI-TECH] Responsive Sub Layout --- */

/* 1. 상단 비주얼 영역 (#visual) */
#visual {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    height: 444px; /* PC 기본 높이 */
}

#visual.search, #visual.other { height: 380px; }

.subtop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    background-size: cover !important;
    background-position: center center !important;
    animation: animate_background 2s ease-in-out forwards;
}

/* 상단메뉴별 비주얼 배경 (COMPANY, PRODUCT, PR, RECRUIT, SUPPORT) */
.subtop.subtop_company { background: url('/img/subtop_company.jpg') no-repeat; }
.subtop.subtop_product { background: url('/img/subtop_product.jpg') no-repeat; }
.subtop.subtop_pr      { background: url('/img/subtop_pr.jpg') no-repeat; }
.subtop.subtop_recruit { background: url('/img/subtop_recruit.jpg') no-repeat; }
.subtop.subtop_support { background: url('/img/subtop_support.jpg') no-repeat; }

@keyframes animate_background {
    0% { transform: scale(1.15); }
    100% { transform: scale(1); }
}

/* LNB가 비주얼 하단 70px을 차지하므로, h2는 그 위 영역 기준 세로 중앙 */
#visual h2 {
    position: relative;
    top: calc((100% - 70px) / 2);
    transform: translateY(-50%);
    font-size: 50px;
    font-weight: 100;
    color: #fff;
    letter-spacing: -1pt;
    line-height: 1.2;
    z-index: 2;
}

#visual h2 p.eng {
    font-size: 22px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    font-style: italic;
    letter-spacing: 0.2pt;
    padding-bottom: 12px;
    margin: 0;
}

/* 2. 서브메뉴 (LNB) */
.lnb {
    position: relative;
    top: -70px;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,.3);
    z-index: 10;
}

.lnb ul {
    position: relative;
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.lnb li {
    display: inline-block;
    padding: 0 20px;
}

.lnb li a {
    position: relative;
    display: block;
    font-size: 17px;
    color: rgba(255,255,255,.7);
    line-height: 70px;
    height: 70px;
    transition: all 0.3s;
}

.lnb li a:hover, .lnb li.on a {
    color: #fff;
}

.lnb li a:before {
    position: absolute;
    display: block;
    content: "";
    top: -1px; left: 0;
    width: 0; height: 4px;
    background: #fff;
    transition: all 0.3s;
}

.lnb li.on a:before, .lnb li a:hover:before {
    width: 100%;
}

/* 3. 콘텐츠 영역 공통 */
.contentArea {
    position: relative;
    max-width: 1200px;
    width: 95%;
    margin: 0 auto;
}

.contents_in {
    position: relative;
    padding: 50px 0 100px 0;
}

/* 4. 테이블 반응형 */
/* 기본: PC/태블릿에서는 테이블 레이아웃 유지 */
.table_style {
    width: 100%;
    border-top: 1px solid #222;
}

/* 모바일에서만 가로 스크롤 허용 */
@media (max-width: 768px) {
    .table_style {
        overflow-x: auto;
        display: block;
    }
}

.table_style table {
    width: 100%;
    min-width: 600px; /* 테이블 최소 폭 유지 */
}

/* 5. 탭 메뉴 반응형 */
.tab_con {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #ddd;
    margin-bottom: 40px;
}

.tab_con dd {
    flex: 1 1 33.33%;
    text-align: center;
}

.tab_con dd a {
    display: block;
    border: 1px solid #ddd;
    border-left: 0;
    line-height: 60px;
    font-size: 16px;
}

/*** 공통css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}
.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}

.bpad_80{padding-bottom:80px}
.bmar_80{margin-bottom:80px}

.ls0 {letter-spacing:0 !important; line-height:inherit}
.eng2 {letter-spacing:0 !important; line-height:inherit; font-family:'Poppins', sans-serif; position:Relative;}
.eng2 span {line-height:inherit; letter-spacing:inherit; font-family:'Poppins', sans-serif;}
.blue {color:#1e295d !important; line-height:inherit; letter-spacing:inherit}
.bold {font-weight:700; line-height:inherit; letter-spacing:inherit}


.con_tit{font-size:20px; line-height:135%; letter-spacing:-0.5pt; color:#222; font-weight:700; padding:0 0 30px 0;}
	.con_tit span.thin{line-height:135%; letter-spacing:-0.5pt; color:#222; font-weight:100;}
	.con_tit span.num{display:inline-block; font-size:70px; color:#efefef; font-weight:bold; line-height:100%; font-family:'Poppins', sans-serif; height:45px; overflow:hidden; margin-right:12px}

.con_tit2 {font-size:24px; line-height:100%; letter-spacing:-0.5pt; color:#222; font-weight:700; padding:0 0 20px 0;}

.sub_txt {line-height:175%; letter-spacing:-0.5pt; position:relative;}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222; border-left:1px solid #ddd;}
.table_style th{color:#222; font-weight:normal; text-align:center; padding:16px 0; border-bottom:1px solid #ddd; letter-spacing:-0.1pt; border-right:1px solid #ddd;}
.table_style thead th{ background-color:#f9f9f9;}
.table_style td{border-bottom:1px solid #ddd; padding:16px 0; border-right:1px solid #ddd; text-align:center}


h4.sub_title{font-size:30px; line-height:40px; letter-spacing:-1pt; color:#222; font-weight:700;}
h4.sub_title span.thin{line-height:40px; letter-spacing:-1pt; font-weight:100;}

h4.sub_title2{font-size:20px; line-height:33px; letter-spacing:-0.5pt; color:#222; font-weight:300;}
h4.sub_title2.eng{letter-spacing:0}
	h4.sub_title2 span.pink{line-height:33px; letter-spacing:-0.5pt; font-weight:bold; color:#e22c6f}
		h4.sub_title2.eng span.pink{letter-spacing:0}
	h4.sub_title2 span.blue{line-height:33px; letter-spacing:-0.5pt; font-weight:bold; color:#1e295d}
		h4.sub_title2.eng span.blue{letter-spacing:0}


.dep_tit {font-size:24px; line-height:100%; letter-spacing:0; color:#222; font-weight:700; padding:80px 0 25px 0}

.sub_stitle{font-weight:400; font-size:17px; letter-spacing:-0.5pt; padding-bottom:30px; line-height:30px}

.culture_con {text-align:center}
.culture_con .sub_stitle {padding:30px 0 45px 0}

/* 사업소개 */
.business_con {}
.business_con .sub_title {padding-bottom:70px; text-align:center}
.business_con .business_list {position:relative; overflow:hidden;}
.business_con .business_list dl {position:relative; overflow:hidden; margin-bottom:120px}
.business_con .business_list dl:last-child {margin-bottom:0}
.business_con .business_list dt {position:relative; z-index:9; position:absolute; top:0; left:0}
.business_con .business_list dd {position:relative; z-index:1; padding:120px 60px 115px 165px; border:1px solid #ddd; box-sizing:border-box; float:right; margin-top:120px; width:693px; background:url('/company/img/business_icon01.gif') right 26px top no-repeat}
.business_con .business_list dd h6 {line-height:100%; font-size:30px; color:#222; margin-bottom:30px; font-weight:400}
.business_con .business_list dd .sub_stitle {padding-bottom:0}

.business_con .business_list dl:last-child dt {right:0; top:120px; left:auto}
.business_con .business_list dl:last-child dd {float:left; margin-top:0; padding:120px 165px 115px 60px; background-image:url('/company/img/business_icon02.gif'); background-position:right 137px top; margin-bottom:120px}
.business_con .business_list dl:last-child dd h6 {}

.vision_con {text-align:center}
.vision_con .sub_stitle {padding:30px 0 70px 0}
.vision_con .vision_img {padding:70px; box-sizing:border-box; background:#f9f9f9}

/* 글로벌 네트워크 */
.global_con {position:relative;}
.global_con div {padding:70px 0; box-sizing:border-box; border-top:1px solid #ddd}


.precursor_con{position:relative;}
.precursor_con h4{text-align:center;}

.precursor_infor{position:fixed; right:0; top:25%; z-index:1010}
.precursor_infor .precursorBtn{position:absolute; top:0; right:0; box-sizing:border-box; background:#2b84ea url('/product/img/precursorBtn.png') center 15px no-repeat; background-size:30px; 
cursor:pointer; width:65px; height:160px; font-size:17px; line-height:115%; font-weight:300; padding:55px 22px 0 22px ; color:#fff; text-align:Center; transition: all 0.3s;}
.precursor_infor .precursorBtn:hover{background-color:#1e295d; transition: all 0.3s;}
.precursor_infor .precursorBtn.view{right:892px; background-color:#888; padding:45px 22px 0 22px}
.precursor_infor .precursorBtn.view:hover{ background-color:#777}

.precursor_infor .precursor_inner{position:absolute; opacity:0; right:-892px; top:-80px; background:#fff; padding:20px; border:1px solid #ddd; transition: all 0.3s;}
.precursor_infor .precursor_inner.view{opacity:1; right:0; transition: all 0.3s;}
.periodic_table{width:850px; border-collapse:separate; border-spacing:0; margin:0 auto; font-family:'Poppins', sans-serif;}
.periodic_table p{display:inline-block; width:42px; height:42px; line-height:42px; font-family:'Poppins', sans-serif; box-sizing:border-box;}
.periodic_table thead th{}
.periodic_table tbody td{text-align:center; color:#fff;}
.periodic_table thead th p{border:1px solid #eee; background:#fff; font-weight:normal; color:#888}
.periodic_table tbody th p{background:#f0f0f0; font-weight:normal; color:#333}
.periodic_table tbody th p{width:calc(100% - 2px);}
.periodic_table tbody th.two p{border:1px solid #eee; background:#fff;}
.periodic_table tbody td p.item{  background:#a9aab0; font-weight:600}
.periodic_table tbody td p.item a{display:block; height:42px; line-height:42px; color:#fff; font-family:'Poppins', sans-serif;
background:url('/product/img/item_bg.jpg') no-repeat; background-size:cover; transition: all 0.3s; cursor:default}
/*.periodic_table tbody td p.item a:hover{background:url('/product/img/item_bg_up.jpg') no-repeat; background-size:cover; transition: all 0.3s;}*/
.periodic_table tbody td p.item2{background:#66c9af; font-weight:600}

.precursor_list{position:relative; padding-top:90px;}
.precursor_list h5.tit{font-size:19px; padding:0 20px; background:#1e295d; color:#fff; line-height:55px;font-family:'Poppins', sans-serif; font-weight:600}
.list_table{width:100%; border-collapse:separate; border-spacing:0; font-family:'Poppins', sans-serif; border-left:1px solid #ddd;}
.list_table th{color:#222; font-family:'Poppins', sans-serif; border-bottom:1px solid #ddd; font-weight:600; border-right:1px solid #ddd; padding:15px 0;}
.list_table thead th{ border-bottom:1px solid #aaa; padding:19px 0}
.list_table td{font-family:'Poppins', sans-serif; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:15px; text-align:center;}
.list_table td.left{text-align:left}
.list_table td a{display:inline-block; font-family:'Poppins', sans-serif; font-size:13px; background:#1e295d; border:1px solid #1e295d; color:#fff; line-height:35px; padding:0 15px; transition: all 0.3s;}
.list_table td a:hover{color:#1e295d; background:#fff; transition: all 0.3s;}
	

.precursor_list_new {position:relative; overflow:hidden; text-align:center; padding:60px 0; margin-bottom:60px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.precursor_list_new > div {float:left; width:210px; margin-right:30px;}
.precursor_list_new > div:last-child {margin-right:0}
.precursor_list_new h6 {background:#fff; line-height:100%; font-size:20px; color:#222; font-weight:700; line-height:70px; border:1px solid #ddd; border-top:3px solid #1e295d}
.precursor_list_new ul {border:1px solid #ddd; border-top:none; background:#f9f9f9; padding:20px 0; min-height:181px; box-sizing:border-box}
.precursor_list_new ul li {line-height:100%}
.precursor_list_new ul li a {display:block; line-height:100%; padding:10px 0; box-sizing:border-box; transition: all 0.3s ease-out;}
.precursor_list_new ul li a:hover {color:#1e295d; text-decoration:underline; transition: all 0.3s ease-out;}


.precursor_ex {position:relative; overflow:hidden; box-sizing:border-box}
.precursor_ex dl {float:left; width:270px; margin-right:30px; box-sizing:border-box; border:1px solid #ddd; text-align:center; padding:45px 0}
.precursor_ex dl:last-child {margin-right:0}
.precursor_ex dt {font-family:'Poppins', sans-serif; font-size:17px; line-height:100%; color:#1e295d; padding-bottom:65px; background:url('/product/img/prd_o2.gif') center bottom no-repeat; font-weight:700}
.precursor_ex dd {margin-top:30px}
.precursor_ex dd strong {display:block; color:#222; letter-spacing:-0.5pt; line-height:100%; font-size:20px; font-weight:700; margin-bottom:16px}

.precursor_dia{position:relative; overflow:hidden; padding-bottom:80px;}
.precursor_dia dt{float:left}
.precursor_dia dd{float:right; margin-top:45px; width:440px; height:280px; font-size:17px; letter-spacing:-0.4pt; padding-top:65px; border:4px solid #c1dbf9; color:#2b84ea; font-weight:bold; background-color:#ecf5ff; box-sizing:border-box; border-radius:20px; text-align:center}


#visual {
    margin-top: 90px;
    position: relative;
    overflow: hidden;
}

.mask_process {text-align:center; position:relative; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; padding:60px 0}
.mask_process dl {display:inline-block; vertical-align:top; position:relative; margin:0 24px}
.mask_process dl:nth-child(4) ~ dl {margin-top:45px}
.mask_process dl:after {display:block; content:""; width:16px; height:26px; background:url('/product/img/process_arrow.png') center no-repeat; position:absolute; top:92px; right:-35px}
.mask_process dl:nth-child(4):after {display:none;}
.mask_process dl:last-child:after {display:none;}
.mask_process dt {position:relative;}
.mask_process dt span {display:block; margin:-30px auto 0 auto; font-weight:700; line-height:43px; border-radius:43px; width:43px; height:43px; background:#2b84ea; color:#fff; font-family:'Poppins', sans-serif; position:relative; z-index:10}
.mask_process dd {font-size:18px; letter-spacing:-0.5pt; color:#222; line-height:100%; margin-top:22px}

.mask_process dl:nth-child(2) dt span {background-color:#2978d8}
.mask_process dl:nth-child(3) dt span {background-color:#2767bc}
.mask_process dl:nth-child(4) dt span {background-color:#2456a3}
.mask_process dl:nth-child(5) dt span {background-color:#22468a}
.mask_process dl:nth-child(6) dt span {background-color:#1f316a}
.mask_process dl:nth-child(7) dt span {background-color:#1e295d}


/* 인재채용 */
.people_con {}
.people_con .system_list {text-align:left;}
.people_con .system_list > div {position:relative; overflow:hidden; padding:70px 0; box-sizing:border-box; border-bottom:1px solid #ddd;}
.people_con .system_list > div:last-child {border-bottom:none}
.people_con .system_list .system_tit {position:Relative; color:#222; line-height:100%; letter-spacing:-0.5pt; font-weight:700; float:left; width:260px; box-sizing:border-box; font-size:24px}
.people_con .system_list .system_tit span {display:block; margin-top:15px; letter-spacing:0.2pt !important; font-size:17px; opacity:0.5; font-weight:300}
.people_con .system_list .system_txt {float:left; width:calc(100% - 260px); box-sizing:border-box;}
.people_con .system_list .system_txt .sub_stitle {padding:0 0 35px 0}
.people_con .system_list .icon_list2 {position:relative; overflow:hidden;}
.people_con .system_list .icon_list2 dl {position:relative; float:left; width:283px; margin-right:30px; box-sizing:border-box; border:1px solid #ddd; text-align:center; padding:40px 0}
.people_con .system_list .icon_list2 dl:last-child {margin-right:0 !important}
.people_con .system_list .icon_list2 dt {}
.people_con .system_list .icon_list2 dt img {}
.people_con .system_list .icon_list2 dd {font-weight: 400; font-size: 17px; letter-spacing: -0.5pt; line-height: 100%; color:#222; margin-top:20px}
.people_con .system_list .icon_list2 dd .stxt {display:block; letter-spacing:0.2pt !important; font-size:15px; opacity:0.5; font-weight:300; padding-bottom:10px; font-style:italic}

.people_con .system_list .icon_list2.gradient {}
.people_con .system_list .icon_list2.gradient dl {border:4px solid #2b84ea; width:275px; margin-right:40px}
.people_con .system_list .icon_list2.gradient dl:after {display:block; content:""; width:11px; height:17px; background:url('/recruit/img/people_arrow01.gif') center no-repeat; position:absolute; top:50%; right:-30px; transform: translate(0, -50%);}
.people_con .system_list .icon_list2.gradient dl:nth-child(2) {border-color:#0a5fc6}
.people_con .system_list .icon_list2.gradient dl:nth-child(2):after {background-image:url('/recruit/img/people_arrow02.gif')}
.people_con .system_list .icon_list2.gradient dl:last-child {border-color:#1e295d}
.people_con .system_list .icon_list2.gradient dl:last-child:after {display:none}
.people_con .system_list .icon_list2.gradient dt {}
.people_con .system_list .icon_list2.gradient dd {}


/* 조직문화 */
.culture_con {text-align:center}
.culture_con .sub_stitle {padding:30px 0 45px 0}

.icon_list {position:relative; overflow:hidden; margin-top:60px}
.icon_list dl {float:left; width:33.33%; box-sizing:border-box; padding-top:60px}
.icon_list dl:first-child, .icon_list dl:nth-child(2), .icon_list dl:nth-child(3) {padding-top:0}
.icon_list dl:nth-child(3n+1) {clear:both}
.icon_list dt {}
.icon_list dt img {max-width:100%}
.icon_list dd .sub_stitle {color:#222; display:block; line-height:100%; padding:25px 0 15px 0}
.icon_list dd span.stxt {display:block; font-size:13px; color:#999; line-height:24px}


/* ========================================================
   [Responsive Media Queries]
   ======================================================== */

/* ── 태블릿 (1024px 이하) ── */
@media (max-width: 1024px) {
    #visual { height: 300px; }
    #visual h2 { font-size: 36px; }
    #visual h2 p.eng { font-size: 18px; }
    
    .lnb { top: -50px; }
    .lnb li a { line-height: 50px; height: 50px; font-size: 15px; }
    .lnb li { padding: 0 10px; }

    .business_con .business_list dt { position: relative; width: 100%; text-align: center; }
    .business_con .business_list dd { 
        width: 100%; 
        margin-top: 20px; 
        padding: 40px 30px; 
        float: none;
        background-image: none !important;
    }
    .business_con .business_list dl:last-child dt { top: 0; }
    .business_con .business_list dl:last-child dd { float: none; margin-bottom: 0; }
    
    .vision_con .vision_img { padding: 40px 20px; }

    /* 인재채용 - 태블릿 */
    .people_con .system_list > div { padding: 50px 0; }
    .people_con .system_list .system_tit { float: none; width: 100%; font-size: 22px; margin-bottom: 20px; }
    .people_con .system_list .system_tit span { margin-top: 10px; font-size: 16px; }
    .people_con .system_list .system_txt { float: none; width: 100%; }
    .people_con .system_list .system_txt .sub_stitle { padding: 0 0 25px 0; }
    .people_con .system_list .icon_list2 { display: flex; flex-wrap: wrap; gap: 20px; }
    .people_con .system_list .icon_list2 dl { float: none; width: calc(50% - 10px); margin-right: 0; margin-bottom: 0; }
    .people_con .system_list .icon_list2.gradient dl { width: calc(50% - 10px); margin-right: 0; }
    .people_con .system_list .icon_list2.gradient dl:after { display: none; }
}

/* ── 모바일 (768px 이하) ── */
@media (max-width: 768px) {
    #visual { height: 220px; }
    #visual h2 { font-size: 28px; }
    
    /* LNB 모바일 최적화 (2줄 나열 등) */
    .lnb { top: 0; background: #1e295d; border-top: none; }
    .lnb ul { width: 100%; }
    .lnb li { flex: 1 1 50%; padding: 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
    .lnb li a { line-height: 45px; height: 45px; font-size: 14px; }
    .lnb li:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.1); }

    .contents_in { padding: 40px 0 60px 0; }
    
    /* 그리드 형태 요소들 1단으로 전환 */
    .tab_con dd { flex: 1 1 50%; } /* 탭은 2줄로 */

    /* 인사말(Greeting) 기존 sub.css 구조 대응 */
    .greeting_con .tit_area h4.sub_title,
    .greeting_con .tit_area p {
        float: none !important;
        width: 100% !important;
        padding: 20px 0 !important;
    }
    .greeting_con .txt_area { padding: 30px 0 0 0 !important; }
    .greeting_con .ceo { padding: 20px 0 0 0 !important; text-align: center !important; }

    /* 타이틀 반응형 */
    h4.sub_title { font-size: 22px; line-height: 30px; }
    .con_tit { font-size: 18px; }
    .con_tit span.num { font-size: 50px; height: 35px; }
    .con_tit2 { font-size: 18px; }

    /* 테이블 가로 스크롤 유지 */
    .table_style { -webkit-overflow-scrolling: touch; }
    
    /* 비전 이미지 */
    .vision_con .vision_img img { max-width: 100%; height: auto; }
    
    /* 글로벌 네트워크 */
    .global_con div { padding: 40px 15px; }
    .global_con img { max-width: 100%; height: auto; }

    /* 인재채용 - 모바일 */
    .people_con .system_list > div { padding: 35px 0; }
    .people_con .system_list .system_tit { font-size: 20px; margin-bottom: 15px; }
    .people_con .system_list .system_tit span { font-size: 15px; margin-top: 8px; }
    .people_con .system_list .system_txt .sub_stitle { padding: 0 0 20px 0; }
    .people_con .system_list .icon_list2 { gap: 15px; }
    .people_con .system_list .icon_list2 dl { width: 100%; padding: 30px 20px; }
    .people_con .system_list .icon_list2 dl dd { font-size: 16px; margin-top: 15px; }
    .people_con .system_list .icon_list2 dl dd .stxt { font-size: 14px; padding-bottom: 8px; }
    .people_con .system_list .icon_list2.gradient dl { width: 100%; }
}

/* ── 초소형 기기 (480px 이하) ── */
@media (max-width: 480px) {
    #visual h2 { font-size: 24px; }
    .tab_con dd { flex: 1 1 100%; } /* 탭 1줄로 */
    .lnb li a { font-size: 13px; }
    
    h4.sub_title { font-size: 18px; line-height: 26px; }
    .con_tit { font-size: 16px; padding-bottom: 20px; }
    .con_tit span.num { font-size: 40px; height: 30px; }
    .con_tit2 { font-size: 16px; }
    
    .business_con .business_list dl { margin-bottom: 60px; }
    .business_con .business_list dd { padding: 30px 20px; }
    .business_con .business_list dd h6 { font-size: 22px; margin-bottom: 20px; }

    /* 인재채용 - 초소형 */
    .people_con .system_list > div { padding: 28px 0; }
    .people_con .system_list .system_tit { font-size: 18px; margin-bottom: 12px; }
    .people_con .system_list .system_tit span { font-size: 14px; }
    .people_con .system_list .icon_list2 dl { padding: 24px 15px; }
    .people_con .system_list .icon_list2 dl dd { font-size: 15px; margin-top: 12px; }
    .people_con .system_list .icon_list2 dl dd .stxt { font-size: 13px; }
}
/* 사업소개(Business) 공통 스타일 */
.biz-container { max-width: 1100px; margin: 0 auto; font-family: 'Pretendard', sans-serif; color: #333; line-height: 1.6; }
.biz-header { border-bottom: 2px solid #2f5bff; padding-bottom: 15px; margin-bottom: 40px; }
.biz-title { font-size: 32px; font-weight: 800; color: #1a2a4a; margin: 0; }
.biz-content { display: flex; gap: 50px; align-items: flex-start; margin-bottom: 50px; }
.biz-info { flex: 1.2; }
.biz-images { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.biz-img-wrap { border-radius: 15px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.biz-img-wrap img { width: 100%; height: auto; display: block; }
.biz-desc { font-size: 18px; color: #555; margin-bottom: 30px; word-break: keep-all; }
.biz-feature-list { list-style: none; padding: 0; margin: 0; }
.biz-feature-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; }
.biz-icon { width: 40px; flex: 0 0 40px; }
.biz-feat-text h4 { font-size: 20px; font-weight: 700; color: #2f5bff; margin: 0 0 8px; }
.biz-feat-text p { font-size: 16px; margin: 0; color: #666; }
.biz-location-box { background: #e8f0ff; padding: 25px; border-radius: 12px; display: flex; align-items: center; gap: 20px; }
.biz-loc-icon { font-size: 24px; color: #2f5bff; }
.biz-loc-info { font-size: 16px; color: #444; }
.biz-loc-info strong { color: #1a2a4a; }

@media (max-width: 900px) {
    .biz-content { flex-direction: column; gap: 30px; }
    .biz-title { font-size: 26px; }
}

/* 제3공장 전용 이미지 그리드 */
.biz-img-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.biz-img-grid .full-width { grid-column: 1 / span 2; }