@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 550 / var(--inner) * 100vw ), 550px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 550 / var(--inner) * 100vw ), 550px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important; display: none !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px; display: block !important;}
.roughmap_maker_label:after {display: none !important;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:12px;  color: #121212;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:4px; height: 4px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

.bg-gray {background:#F9F9F9 !important;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.greeting-title {font-size: clamp(20px, calc( 48 / var(--inner) * 100vw ), 48px); font-weight: 700; line-height: 1.33;  letter-spacing: clamp(-0.72px, calc( -1.44 / var(--inner) * 100vw ), -1.44px); margin-bottom: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); }
.greeting-hero {max-width: 1600px; width: 100%; margin: 0 auto; padding-bottom: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); }
.greeting-columns {display: flex; gap: clamp(20px, calc( 95 / var(--inner) * 100vw ), 95px); }
.greeting-col {flex: 1; min-width: 0; letter-spacing: -0.5px;}
.greeting-text {font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); line-height:1.66; color: var(--color-body);  margin-bottom: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.greeting-text:last-child {margin-bottom: 0;}
.greeting-signature {font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 700; line-height: 1; color: #121212;  text-align: right; margin-top: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
@media (max-width: 1024px) {
	.greeting-columns {flex-direction: column;}
}

.sub1_2_1 {display: flex;align-items: center;justify-content: center; background:url(../images/sub/sub1_2_1-bg.jpg) 50% 50% no-repeat; background-size:cover; height:clamp(250px, calc( 700 / var(--inner) * 100vw ), 700px); color: #fff; letter-spacing: -0.5px;}
.sub1_2_1 .title {font-size:clamp(20px, calc( 48 / var(--inner) * 100vw ), 48px); font-weight: bold; line-height: 1.1;}
.sub1_2_1 .desc {padding-top: clamp(14px, calc( 20 / var(--inner) * 100vw ), 20px); font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);  line-height: 1.66;}
.sub1_2_2 {padding-top: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px); text-align: center;}
.sub1_2_2 .title {margin-bottom: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight: 600; line-height: 1.4;}

.philosophy-cards {display: flex; gap: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); align-items: center; justify-content: center; flex-wrap: wrap; padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) 0 clamp(60px, calc( 110 / var(--inner) * 100vw ), 110px); position: relative; }
.philosophy-cards::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: clamp(310px, calc( 1214 / var(--inner) * 100vw ), 1214px); height: clamp(29px, calc( 113 / var(--inner) * 100vw ), 113px); background: url(../images/sub/triangle.png) 50% 50% no-repeat; background-size: contain; z-index: -1;}
.philosophy-card {flex: 1; position: relative; display: flex; flex-direction: column; align-items: center; padding: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) 20px 40px; height: clamp(200px, calc( 300 / var(--inner) * 100vw ), 300px); box-shadow: 0px clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px) 0px rgba(0,0,0,0.2); overflow: hidden; border-radius: 300px;}
.philosophy-card-bg {position: absolute; inset: 0; pointer-events: none;  }
.philosophy-card-bg img {width: 100%; height: 100%; object-fit: cover;}
.philosophy-card-content {position: relative; display: flex; flex-direction: column; gap: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px); align-items: center; text-align: center; color: #fff; width:100%; z-index: 1;}
.philosophy-card-title {font-size: clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: 700; line-height: 1; }
.philosophy-card-desc {font-size: clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px); font-weight: 600; line-height: 1.57;}
.philosophy-bottom {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; font-size: clamp(80px, calc( 160 / var(--inner) * 100vw ), 160px); font-weight: 800; line-height: 1.1; z-index: -1; white-space: nowrap; color: #F4F4F4;}

@media (max-width: 1024px) {
	.philosophy-cards {flex-direction: column;}
	.philosophy-card {width: 100%; }
}

.sub1_3 {max-width: 1920px; width: 100%; margin: 0 auto; display: flex;flex-direction: column;gap:clamp(60px, calc( 180 / var(--inner) * 100vw ), 180px) ;}
.sub1_3 .flxWrap {flex-direction: row-reverse;  padding-left: clamp(16px, calc( 60 / var(--inner) * 100vw ), 60px); max-width: 1660px ; width: 100%; margin-left:auto;}
.sub1_3 .flxWrap:last-child {padding-bottom: 0;}
.sub1_3 .imgbx {flex: 1 0 clamp(400px, calc( 860 / var(--inner) * 100vw ), 860px); max-width: clamp(400px, calc( 860 / var(--inner) * 100vw ), 860px);}
.sub1_3 .textbx {flex: 1 0 auto; width: 1%; position: relative; padding-top: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px) ; margin-right: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px);}
.sub1_3 .textbx .num {font-size: clamp(90px, calc( 200 / var(--inner) * 100vw ), 200px); font-weight: 700; line-height: 1; color: #f4f4f4; z-index: 0; white-space: nowrap;}
.sub1_3 .textbx .txtbx {margin-top: clamp(-78px, calc( -78 / var(--inner) * 100vw ), -30px); margin-bottom: clamp(30px, calc( 70 / var(--inner) * 100vw ), 70px);}
.sub1_3 .textbx .txt1 {display: block; font-size: clamp(22px, calc( 48 / var(--inner) * 100vw ), 48px); font-weight: 700; line-height: 1.2; margin-bottom: clamp(8px, calc( 18 / var(--inner) * 100vw ), 18px);}
.sub1_3 .textbx .txt2 {display: block; font-size: clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px);  line-height: 1; color: #878787;}
.sub1_3 .textbx .item:not(:last-child) {margin-bottom: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.sub1_3 .textbx .item {display: flex; align-items: center; gap: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);}
.sub1_3 .textbx .item .icn {width: clamp(30px, calc( 56 / var(--inner) * 100vw ), 56px); height: clamp(30px, calc( 56 / var(--inner) * 100vw ), 56px); }
.sub1_3 .textbx .item .txt {flex: 1; font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 600;  }
.sub1_3 .flxWrap:nth-child(even) {flex-direction:row; margin-left: initial; margin-right: auto; padding-left: 0; padding-right: clamp(16px, calc( 60 / var(--inner) * 100vw ), 60px);}
.sub1_3 .flxWrap:nth-child(even) .textbx {margin-left: clamp(20px, calc( 100 / var(--inner) * 100vw ), 100px); margin-right: 0;}

.history_wrap {position: relative;}
.history_inner {position: relative; display: flex; align-items: flex-start; gap: 0 200px; }
.thum_cont {flex-shrink: 0; position: sticky; top: calc(clamp(50px, calc( 85 / var(--inner) * 100vw ), 85px) + 10vh); left: 0; width: calc(50% - clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px));}
.thum_item {opacity: 0; height: 0; overflow: hidden; transition: opacity 0.6s ease, height 0.6s ease;}
.thum_item.act {opacity: 1; height: auto;}
.thum_item .year {font-size: clamp(22px, calc( 72 / var(--inner) * 100vw ), 72px); font-weight: 700; line-height: 110%; }
.thum_item .year .count_num {display: inline-block; vertical-align: middle; overflow: hidden; min-width: 1ch; position: relative;}
.thum_item .year .count_num .num {overflow: hidden; display: inline-flex; flex-direction: column; height: clamp(32px, calc( 77 / var(--inner) * 100vw ), 77px); vertical-align: middle; width: 1ch; position: relative; line-height: 1;}
.thum_item .year .count_num .num:nth-child(2n) {flex-direction: column-reverse;}
.thum_item .year .count_num .num span.n {display: block; font-size: clamp(22px, calc( 72 / var(--inner) * 100vw ), 72px); font-weight: 700; line-height: 110%; height: clamp(32px, calc( 77 / var(--inner) * 100vw ), 77px); flex-shrink: 0; width: 1ch; text-align: center; min-height: clamp(22px, calc( 77 / var(--inner) * 100vw ), 77px);}
.thum_item.act .year .count_num .num:nth-child(2n-1) .n {animation: count-down 2s forwards;}
.thum_item.act .year .count_num .num:nth-child(2n) .n {animation: count-up 2s forwards;}
.thum_item .tit {margin-top: clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px); font-size: clamp(17px, calc( 30 / var(--inner) * 100vw ), 30px); color: var(--color-primary); line-height: 1.2;}
.thum_item .his_img {position: relative; padding-top: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}
.thum_item .his_img .img {position:relative; padding-bottom:75%; overflow:hidden;}
.thum_item .his_img .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.txt_cont {position: relative; width: 100%;}
.bar_bg {position: absolute; top: 0; left: -100px; width: clamp(2px, calc( 2 / var(--inner) * 100vw ), 2px); height: 100%; background-color: #ddd; z-index: 1; transform: translateX(-50%);}
.ani_bar {position: relative; display: inline-flex; align-items: flex-end; width: 100%; height: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); background-color: var(--color-primary); transition: height 0.3s ease; z-index: 2;}
.ani_bar .ico {transform: translateX(-50%); flex-shrink: 0; display: block; width: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); height: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); margin-left: 1px; background:url(../images/sub/ani_bar.png) no-repeat center center / contain; position: absolute; bottom: 0; left: 50%;}
.history_lst {position: relative; z-index: 3;}
.history_lst > ul > li + li {margin-top: clamp(75px, calc( 150 / var(--inner) * 100vw ), 150px);}
.history_item {padding: 0; position: relative;}
.history_item dl {display: flex; flex-direction: column; gap:clamp(18px, calc( 35 / var(--inner) * 100vw ), 35px) 0; margin-bottom: clamp(30px, calc( 100 / var(--inner) * 100vw ), 100px);}
.history_item dl:last-child {margin-bottom: 0;}
.history_item dt {font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-weight: 600; line-height:1;}
.history_item dd {  width: 100%; font-weight: 600;}
.history_item .item {padding-left: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); position: relative;}
.history_item .item:after {position: absolute; content: ''; left: 0; top: 8px; width:clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); height: clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); border-radius: 50%; background: #ccc;}
.history_item .item:not(:last-child) {margin-bottom: clamp(14px, calc( 24 / var(--inner) * 100vw ), 24px);}
.history_item dd .t1 {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); }
.history_item .color-body {font-weight: 400 !important;}
.history_item .dd-wid {max-width:clamp(200px, calc( 300 / var(--inner) * 100vw ), 300px);}
.history_item .dd-img {position:relative; padding-bottom:75%; overflow:hidden; margin-top: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.history_item .dd-img img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.history_item .bulletlist {margin-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);}
.history_item .bulletitem2 {font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); color: var(--color-body); line-height: 1.66;}
.history_item .bulletitem2:not(:last-child) {margin-bottom: clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px);}
@keyframes count-down {0%{transform: translate3d(0, -900%, 0);} 100%{transform: translate3d(0, 0, 0);}}
@keyframes count-up {0%{transform: translate3d(0, 900%, 0);} 100%{transform: translate3d(0, 0, 0);}}
@media (max-width: 1600px) {
	.history_inner {gap: 0 clamp(75px, calc( 150 / var(--inner) * 100vw ), 150px);}
	.thum_cont {width: calc(50% - clamp(37.5px, calc( 75 / var(--inner) * 100vw ), 75px));}
	.bar_bg {left: clamp(-75px, calc( -75 / var(--inner) * 100vw ), 150px);}

}
@media (max-width: 1024px) {
	.history_inner {flex-wrap: wrap; gap: clamp(20px, calc( 80 / var(--inner) * 100vw ), 80px);}
	.thum_cont {position: sticky; z-index: 5; top: 110px; width: 100%; padding: 10px 0; background: #fff;}
    .thum_lst {width: 50%; margin: 0 auto; text-align: center;}
	.bar_bg {left: 10px;}
	.txt_cont {width: 100%; padding-left: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);}
    .history_lst > ul > li + li {margin-top: 75px;}
}
@media (max-width: 640px) {
	.history_inner {flex-wrap: wrap; gap: 20px;}
	.thum_cont {z-index: 5; top: 110px; padding: 10px 0; background-color: #fff;}
    .thum_lst {width: 80%;}
	.thum_item .his_img { width: 100%;}
    .bar_bg {left: 2px;}
}

/* portfolio promo section */
#business .promo_in {position: relative; }
#business .promo_box {position: relative; padding-top: 250px;}
#business .promo_box .promo_img {position: absolute; top: 250px; left: 50%; transform: translateX(-50%); width: calc(44% - 90px);}
#business .promo_box .promo_img .img {position: relative; width: 100%; height: 0; padding-top: 120%;box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.20);}
#business .promo_box .promo_img .img img {position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.25s ease;}
#business .promo_box .promo_img .img img:first-child {opacity: 1;}
#business .promo_box .img-wid {max-width: 95%;width: 100%; margin: 0 auto;}
#business .promo_box .promo_box_wrap {display: flex; flex-direction: column;}
#business .promo_box .promo_box_wrap .box {display: flex; align-items: center;}
#business .promo_box .promo_box_wrap .box + .box {margin-top: clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px);}
#business .promo_box .promo_box_wrap .box .img_wrap {width: calc(44% - 90px); padding-top: calc((44% - 90px)*1.15); position: relative;}
#business .promo_box .promo_box_wrap .box .img_wrap img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: none;}
#business .promo_box .promo_box_wrap .box .txt_wrap {width: 28%; letter-spacing: -0.5px;}
#business .promo_box .promo_box_wrap .box .txt_wrap .tit {margin-bottom: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-size: clamp(22px, calc( 48 / var(--inner) * 100vw ), 48px); font-weight: 700;}
#business .promo_box .promo_box_wrap .box .txt_wrap .desc {margin-bottom: clamp(30px, calc( 55 / var(--inner) * 100vw ), 55px); font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px);}
#business .promo_box .promo_box_wrap .box .txt_wrap .checkitem {padding-left:clamp(22px, calc( 26 / var(--inner) * 100vw ), 26px); position: relative; color: var(--color-body); line-height: 1.62;}
#business .promo_box .promo_box_wrap .box .txt_wrap .checkitem:after {position: absolute; content: ''; left: 0; top: 5px; width: clamp(13px, calc( 16 / var(--inner) * 100vw ), 16px); height: clamp(13px, calc( 16 / var(--inner) * 100vw ), 16px); background-size: contain !important;}
#business .promo_box .promo_box_wrap .box .txt_wrap .checkitem:not(:first-child) {margin-top: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);}
#business .promo_box .promo_box_wrap .box.left {text-align: right;}
#business .promo_box .promo_box_wrap .box.left .txt_wrap {margin-right: 45px; text-align: left;}
#business .promo_box .promo_box_wrap .box.left .txt_wrap .checkitem:after {background: url(../images/sub/check2.png) no-repeat 50% 50%;}
#business .promo_box .promo_box_wrap .box.right {text-align: left;}
#business .promo_box .promo_box_wrap .box.right .img_wrap {margin-left: auto;}
#business .promo_box .promo_box_wrap .box.right .txt_wrap {margin-left: 45px;}
#business .promo_box .promo_box_wrap .box.right .txt_wrap .checkitem:after {background: url(../images/sub/check1.png) no-repeat 50% 50%;}
@media screen and (max-width: 1241px) {
    #business .promo_box {width: 80%; margin: 0 auto;}
    #business .promo_box .promo_img {left: 0%; width: 50%;}
    #business .promo_box .promo_box_wrap .box + .box {margin-top: 20rem;}
    #business .promo_box .promo_box_wrap .box .txt_wrap {order: 2; width: calc(50% - 3.0rem); margin-left: 3.0rem;}
    #business .promo_box .promo_box_wrap .box .img_wrap {width: 50%; padding-top: calc(50% * 1.15);}
    #business .promo_box .promo_box_wrap .box.left {text-align: left;}
    #business .promo_box .promo_box_wrap .box.left .txt_wrap {margin-right: 0;}
    #business .promo_box .promo_box_wrap .box.right .txt_wrap {order: 2; margin-left: 3.0rem;}
}
@media screen and (max-width: 769px) {
    #business .promo_box {width: 100%; padding-top: 100px;}
    #business .promo_box .promo_img {display: none;}
    #business .promo_box .promo_box_wrap .box {align-items: flex-start;}
    #business .promo_box .promo_box_wrap .box + .box {margin-top: 60px;}
    #business .promo_box .promo_box_wrap .box .txt_wrap {width: calc(60% - 3.6rem); margin-left: 20px !important;}
    #business .promo_box .promo_box_wrap .box .img_wrap {width: 50%; padding-top: 0;}
	#business .promo_box .promo_box_wrap .box .img_wid {padding-top: 120%; position: relative;}
    #business .promo_box .promo_box_wrap .box .img_wid img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
}
@media screen and (max-width: 450px) {
	#business .promo_box {padding-top: 50px;}
	#business .promo_box .promo_box_wrap .box {flex-direction: column;}
	#business .promo_box .promo_box_wrap .box .img_wrap {width: 100%;}
	#business .promo_box .promo_box_wrap .box .txt_wrap {width: 100%; margin-left: 0 !important; margin-top: 30px !important;}
 }

 
.subsec-titbx {margin-bottom: clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px); letter-spacing: -0.5px;}
.subsec-titbx.ty2 {margin-bottom: clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px); }
.subsec-titbx .sec-title {font-size: clamp(23px, calc( 48 / var(--inner) * 100vw ), 48px); font-weight: bold;}
.subsec-titbx .sec-title.ty2 {font-size: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); }
.subsec-titbx .sec-title .small {display: inline-block; padding-left: 5px; font-size:  clamp(15px, calc( 24 / var(--inner) * 100vw ), 24px); color:#878787;}
.subsec-titbx .sec-dec {margin-top:clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); color: var(--color-body);}
.subsec-titbx .sec-dec2 {font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: var(--color-body); line-height: 1.66;}
.subsec-titbx.white .sec-title {color: #fff;}
.subsec-titbx.white .sec-dec {color: #fff;}
.line-titbx {margin-bottom: clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px); letter-spacing: -0.5px;}
.line-title {padding-left: clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px); position: relative; font-size:clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: bold; line-height: 1;}
.line-title:after {position: absolute; content: ''; left: 0; top: 1px; width: clamp(2px, calc( 4 / var(--inner) * 100vw ), 4px); height: clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); background:var(--color-primary);} 
.line-dec {padding-top:clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);color: var(--color-body); line-height: 1.66;}


.manpower-contents {display: flex; gap: 20px; padding-top: clamp(30px, calc( 75 / var(--inner) * 100vw ), 75px); letter-spacing: -0.6px;}
.manpower-title {flex: 1 ; font-size: clamp(28px, calc( 64 / var(--inner) * 100vw ), 64px); font-weight: 700; line-height: 1.12; }
.manpower-text {flex: 1; display: flex; flex-direction: column; gap: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.manpower-text .text-summary {font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 600; line-height: 1.33; }
.manpower-text .text-desc {font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);  line-height: 1.66; color: var(--color-body); }

.capabilities-grid {position: relative; display: grid; grid-template-columns: repeat(2, 1fr);  margin: clamp(-35px, calc( -35 / var(--inner) * 100vw ), -60px) 0;}
.capabilities-grid:after {position: absolute; content: ''; left: 50%; top: 50%; transform: translate(-50%, -50%); width:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); height: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); background: #fff;}
.capability-item {position: relative; display: flex; gap: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); padding: clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px) 0;}
.capability-item:nth-child(1),
.capability-item:nth-child(2) {border-bottom: 1px solid #ddd;}
.capability-item:nth-child(even) {padding-left:clamp(25px, calc( 70 / var(--inner) * 100vw ), 70px); border-left: 1px solid #ddd;}
.capability-icon {width: clamp(60px, calc( 130 / var(--inner) * 100vw ), 130px); }
.capability-content {flex: 1; display: flex; flex-direction: column; gap: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.capability-title {font-size: clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: 600;letter-spacing: clamp(-0.6px, calc( -0.96 / var(--inner) * 100vw ), -0.96px);}
.capability-list {display: flex; flex-direction: column; gap: clamp(7.5px, calc( 15 / var(--inner) * 100vw ), 15px); letter-spacing: clamp(-0.42px, calc( -0.54 / var(--inner) * 100vw ), -0.54px);}
.capability-list li {position: relative; padding-left: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color: var(--color-body);  line-height: 1;}
.capability-list li::before {position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: clamp(3px, calc( 6 / var(--inner) * 100vw ), 6px); height: clamp(3px, calc( 6 / var(--inner) * 100vw ), 6px); background: var(--color-body); border-radius: 50%;}

.sub3_2_2 {background:url(../images/sub/sec3_2_2-bg.jpg) no-repeat 50% 50% / cover;}
.smart-carpet-grid {display: flex; gap: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); }
.smart-carpet-item {flex: 1; position: relative;}
.smart-carpet-box {position: relative; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.3); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(35px, calc( 75 / var(--inner) * 100vw ), 75px) 20px; }
.smart-carpet-number {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: clamp(80px, calc( 150 / var(--inner) * 100vw ), 150px); font-weight: 700; color: rgba(50, 167, 56, 0.1); letter-spacing: clamp(-2.25px, calc( -4.5 / var(--inner) * 100vw ), -4.5px); line-height: 1; white-space: nowrap; }
.smart-carpet-content {position: relative; z-index: 1; display: flex; flex-direction: column; gap: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); align-items: center; text-align: center;}
.smart-carpet-title {font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 700; color: #fff; letter-spacing: clamp(-0.54px, calc( -0.72 / var(--inner) * 100vw ), -0.72px); line-height: 1.1; }
.smart-carpet-desc {color: rgba(255, 255, 255, 0.7); letter-spacing: clamp(-0.42px, calc( -0.48 / var(--inner) * 100vw ), -0.48px); line-height: 1.5;}
.smart-icon-wrap {margin-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.smart-icon-wrap .subsec-titbx {padding-bottom: clamp(35px, calc( 70 / var(--inner) * 100vw ), 70px); position: relative;}
.smart-icon-wrap .subsec-titbx:after {position: absolute; content: ''; left: 50%; bottom: 0; transform: translateX(-50%); width:clamp(320px, calc( 607 / var(--inner) * 100vw ), 607px);height: clamp(40px, calc( 76 / var(--inner) * 100vw ), 76px); background: url(../images/sub/down-arrow.png) no-repeat 50% 50% / contain;}
.smart-icon-grid {display: flex;flex-wrap: wrap; margin:-15px -10px; padding-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.smart-icon-item {flex: 1 0 16.66%; max-width: 16.66%; padding:15px 10px; display: flex;flex-direction: column; align-items: center;justify-content: center; gap: clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); position: relative;}
.smart-icon-item:not(:last-child):after {position: absolute; content: ''; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height:90px; background: rgba(255, 255, 255, 0.2);}
.smart-icon-item .smart-icon-icon img {width:clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px);}
.smart-icon-item .smart-icon-title {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); letter-spacing: -0.5px; color: #fff; font-weight: 400; text-align: center;}

.sub3_2_3 .subsec-titbx {margin-bottom: clamp(30px, calc( 75 / var(--inner) * 100vw ), 75px);}
.strategy-item {position: relative; padding: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px) 0; border-top: 1px solid #121212;}
.strategy-content {display: flex; gap: 30px; flex-direction: row-reverse; }
.strategy-number {font-size: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px); font-weight: 700; color: #f4f4f4; letter-spacing: clamp(-1.5px, calc( -3 / var(--inner) * 100vw ), -3px); line-height: 1; white-space: nowrap;}
.strategy-text {flex: 1; display: flex; flex-direction: column; gap:30px; justify-content: space-between;}
.strategy-title {margin-bottom:clamp(15px, calc( 27 / var(--inner) * 100vw ), 27px); font-size: clamp(20px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: 700; color: #121212; letter-spacing: clamp(-0.6px, calc( -0.96 / var(--inner) * 100vw ), -0.96px); line-height: 1;}
.strategy-item .bullet-item .bullet-list {font-size: clamp(14px, calc( 17 / var(--inner) * 100vw ), 17px);}
.strategy-item .bullet-item .bullet-list:not(:first-child) {margin-top: 15px;}
.strategy-item .bullet-item .bullet-list::before {background: #D9D9D9 ; }
.strategy-image {width: clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px); }
.strategy-image img {width: 100%; height: 100%; object-fit: cover;}

.design-engineering-content {display: flex; gap: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px); align-items: center; flex-wrap: wrap;}
.design-engineering-image { width: clamp(310px, calc( 620 / var(--inner) * 100vw ), 620px);}
.design-engineering-image img {width: 100%; object-fit: cover;}
.design-engineering-list {flex: 1;}
.design-engineering-item {padding:clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px) 0; border-bottom: 1px solid #ddd;}
.design-engineering-item:first-child {padding-top: 0;}
.design-engineering-text {padding-left:clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px);  position: relative; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px);  letter-spacing: clamp(-0.42px, calc( -0.54 / var(--inner) * 100vw ), -0.54px);}
.design-engineering-text:after {position:absolute; content:''; left:0; top:clamp(7px, calc( 9 / var(--inner) * 100vw ), 9px); width:clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); height: clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); background:var(--color-primary); border-radius: 50%;}
.sub3_4_2 .design-engineering-text:after {background: var(--color-secondary);}

.develop-wrapper {display: flex;flex-direction: column; gap: clamp(60px, calc( 180 / var(--inner) * 100vw ), 180px);}
.develop-wrapper .subsec-titbx {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-bottom: clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); margin-bottom:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); border-bottom: 1px solid #ddd;}
.car-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(6px, calc( 40 / var(--inner) * 100vw ), 40px); }
.car-item {display: flex; flex-direction: column;}
.car-image {position: relative; width: 100%; padding-top: 75%; overflow: hidden; background: #fff;}
.car-image img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;}
.car-name {background: #f4f4f4; padding: clamp(7px, calc( 14 / var(--inner) * 100vw ), 14px) 10px; text-align: center; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600;  letter-spacing: clamp(-0.42px, calc( -0.54 / var(--inner) * 100vw ), -0.54px); line-height: 1; text-align: center;}

.sub4_1 {max-width: 1920px; width: 100%; margin:0 auto; padding:0 clamp(16px, calc( 30 / var(--inner) * 100vw ), 30px);}
.sub4_1 .flxWrap {align-items: center; flex-wrap: nowrap; gap: clamp(20px, calc( 120 / var(--inner) * 100vw ), 120px);}
.sub4_1 .imgbx {flex: 1 0 46%; max-width: 46%;}
.sub4_1 .textbx {max-width: 700px; width: 100%;}
.sub4_1 .subsec-titbx {margin-bottom: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.capacity-section {display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.capacity-section .info-title {margin-bottom: 10px;}
.info-title {font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 700; letter-spacing: clamp(-0.6px, calc( -0.72 / var(--inner) * 100vw ), -0.72px); line-height: 1;}
.capacity-value {display: flex; align-items: baseline; gap: clamp(4px, calc( 8 / var(--inner) * 100vw ), 8px); color: var(--color-primary);font-weight: 700;}
.capacity-number {font-size: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);  line-height: 1; letter-spacing: clamp(-1.8px, calc( -3 / var(--inner) * 100vw ), -3px);}
.capacity-unit {font-size: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); letter-spacing: clamp(-0.6px, calc( -0.72 / var(--inner) * 100vw ), -0.72px);}
.capacity-desc {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); color: var(--color-body); text-align: right; letter-spacing: clamp(-0.48px, calc( -0.54 / var(--inner) * 100vw ), -0.54px); line-height: 1.5;}
.area-section {display: flex; flex-direction: column; gap: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); margin-top: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px);}
.info-table {background: #fff; border-top: 2px solid var(--color-primary);}
.info-table thead {background: #f4f4f4;}
.info-table thead tr {border-bottom: 1px solid #ddd;}
.info-table tbody tr {border-bottom: 1px solid #ddd;}
.info-table th,
.info-table td {position: relative; padding: clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);  text-align: center; letter-spacing: clamp(-0.42px, calc( -0.48 / var(--inner) * 100vw ), -0.48px); border-right: 1px solid #ddd;}
.info-table th:last-child, 
.info-table td:last-child {border-right: none;}
.info-table th.header-cell {font-weight: 600; }
.info-table td {font-weight: 400; color: var(--color-body);}

.sub5_1 .subsec-titbx {margin-bottom: clamp(35px, calc( 90 / var(--inner) * 100vw ), 90px);}
.esg-contents {display: flex; flex-direction: column; gap: clamp(60px, calc( 120 / var(--inner) * 100vw ), 120px);}
.esg-item {display: flex; flex-wrap: wrap;}
.esg-left {flex: 1 0 clamp(250px, calc( 400 / var(--inner) * 100vw ), 400px); max-width: clamp(250px, calc( 400 / var(--inner) * 100vw ), 400px); padding-right: 20px;}
.esg-letter {margin-bottom:10px; margin-top: -10px; font-size: clamp(80px, calc( 200 / var(--inner) * 100vw ), 200px); font-weight: 700; color: var(--color-primary); line-height: 1; }
.esg-title-wrap {display: flex; flex-direction: column; gap: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); margin-bottom: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); }
.esg-title-en {font-weight: 700;}
.esg-title-en,
.esg-title-ko {font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);letter-spacing: clamp(-0.6px, calc( -0.72 / var(--inner) * 100vw ), -0.72px); line-height: 1;}
.esg-desc {color: var(--color-body); line-height: 1.62; letter-spacing: clamp(-0.42px, calc( -0.48 / var(--inner) * 100vw ), -0.48px);}
.esg-right {flex: 1; display: flex; flex-direction: column; gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.esg-list-flx {display: flex; flex-wrap: wrap; gap: 8px;}
.esg-list {flex: 1 0 50%; max-width: 50%; display: flex; flex-direction: column; gap: clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px);}
.esg-list li {position: relative; padding-left: clamp(12px, calc( 16 / var(--inner) * 100vw ), 16px); font-size: clamp(16px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600; color: #121212; letter-spacing: clamp(-0.48px, calc( -0.54 / var(--inner) * 100vw ), -0.54px); line-height: 1.5;}
.esg-list li::before {position: absolute; content: ''; left: 0; top: clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px); width: clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); height: clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); background: #ccc; border-radius: 50%;}

.policy-contents {display: flex; flex-direction: column; gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.policy-intro {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); color: var(--color-body); line-height: 1.66; letter-spacing: clamp(-0.48px, calc( -0.54 / var(--inner) * 100vw ), -0.54px);}
.policy-intro .font-semi {color: #121212;}
.policy-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.policy-box {position: relative; display: flex; flex-direction: column; gap: 15px; height: clamp(300px, calc( 360 / var(--inner) * 100vw ), 360px); padding: clamp(30px, calc( 45 / var(--inner) * 100vw ), 45px) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); border: 1px solid #ddd; background: #fff;}
.policy-content {flex: 1; display: flex; flex-direction: column; gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.policy-title {font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 600; letter-spacing: clamp(-0.6px, calc( -0.72 / var(--inner) * 100vw ), -0.72px); }
.policy-text {color: var(--color-body); line-height: 1.6; letter-spacing: clamp(-0.42px, calc( -0.48 / var(--inner) * 100vw ), -0.48px);}
.policy-icon { position: absolute; right: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); bottom: clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px); width: clamp(45px, calc( 64 / var(--inner) * 100vw ), 64px); height: clamp(45px, calc( 64 / var(--inner) * 100vw ), 64px);}
.policy-icon img {width: 100%; height: 100%; object-fit: contain;}

.toptabtit {position: relative;}
.toptabtit .subsec-titbx {margin-bottom: clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px);}
.toptabtit .sec-dec2 {margin-top: clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px);}
.toptabtit .tabwrap {position: absolute; right: 0; top: 0; margin-bottom: 25px;}
.toptabtit .tablist {display: flex;gap:5px;}
.toptabtit .tablist a {display: inline-flex;align-items: center;justify-content: center;padding: 0 15px; min-width:clamp(90px, calc( 150 / var(--inner) * 100vw ), 150px); height: clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px); border: 1px solid #121212; color: #121212; font-weight: 600; letter-spacing: -0.5px;}
.toptabtit .tablist li.active a {background: #121212; color: #fff;}


.report-wrap {display: flex;flex-direction: column; gap: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.report-wrap .input {height:clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px)}
.report-wrap .title {margin-bottom:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 600; line-height: -0.5;}
.report-wrap .lasttext {margin-top:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.report-wrap .lasttext .txt {display: inline-block; padding-left: 8px; color: #E61D1D;}
.report-wrap .modal-btn {display: block; padding:10px; margin-bottom: 10px; background: var(--color-primary); color: #fff; font-weight: 600; text-align: center;}
.report-item .btn-pack.xlarge {font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px) !important; min-width: clamp(160px, calc( 250 / var(--inner) * 100vw ), 250px) !important; height: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px) !important; line-height: clamp(48px, calc( 78 / var(--inner) * 100vw ), 78px) !important;}

.file-upload {display:flex; height:clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px); }
.file-button {display:flex; justify-content:center; align-items:center; height:100%; padding:0 20px; border:0; background:#505050; color:#fff; cursor:pointer; font-size: clamp(12px, calc( 14 / var(--inner) * 100vw ), 14px);}
.file-name {flex:1 1 300px; max-width:300px; display:flex; align-items:center; height:100%; padding:0 14px; border:1px solid #ddd; }

.blocker {z-index: 100;}
.modal {padding: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); max-width: 1000px; width: 100%; border-radius: 0;}
.modal .modal-title {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); font-size:clamp(18px, calc( 32 / var(--inner) * 100vw ), 32px); font-weight: 600;line-height: 1.1; letter-spacing: -0.5px;}
.modal .board-form table th {text-align: center;}
.modal .board-form  .textinput {display: flex;align-items: center; min-height: clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px);}
.case-example {background: #f9f9f9; padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); margin-top: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); display: flex; flex-direction: column; gap: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); letter-spacing: clamp(-0.42px, calc( -0.48 / var(--inner) * 100vw ), -0.48px);}
.example-title {font-weight: 700;  line-height: 1.87;}
.example-text {color: var(--color-body); line-height: 1.87;}
.last-exaple {margin-top:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.last-exaple .title {margin-bottom:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: bold;}
.last-exaple .bulletitem2 {line-height: 1.62;}
.modal a.close-modal {background: url(../images/sub/modal-close.png) no-repeat 50% 50% / contain; width: clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px); height: clamp(30px, calc( 50 / var(--inner) * 100vw ), 50px);}

.ethics-area {padding: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px) clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); max-width: 840px; width: 100%; margin: 0 auto; background: #FFF; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.20);}
.result-tab .result-list {display: flex; gap:clamp(5px, calc( 10 / var(--inner) * 100vw ), 10px); padding-bottom: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px);}
.result-tab .result-list li {flex:1;}
.result-tab .result-list a {display: flex;align-items: center;justify-content: center; height: clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px); font-weight: 600; color: var(--color-body); background: #F4F4F4;}
.result-tab .result-list li.active a {background: var(--color-body); color: #fff;}
.result-content .group {margin-bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);}
.result-content .label {display: block; margin-bottom:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600; line-height: 1; color: #000; letter-spacing: -0.5px;}
.result-content .input {height: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); width: 100%;}
.result-content .input::placeholder {color: #878787; font-weight: 400;}
.result-content .btn-pack {min-width: 100% !important; height: clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px) !important; line-height: clamp(38px, calc( 48 / var(--inner) * 100vw ), 48px) !important; font-size: clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px) !important;}

.ethics-result-wrap {display: flex; flex-direction: column; gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);  }
.report-header {display: flex; flex-direction: column; gap: clamp(30px, calc( 30 / var(--inner) * 100vw ), 30px); align-items: center; padding:30px 0; border-top: 2px solid #121212; border-bottom: 1px solid #ddd;}
.report-header-info {display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0 clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.report-title-group {display: flex; flex-direction: column; gap: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); padding-right: 10px;}
.report-title {font-size: clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 700; }
.report-reporter {font-size: clamp(15px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight: 600; color: var(--color-body); ;}
.report-status-badge {display: flex; align-items: center; justify-content: center; width: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px); height: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px); border-radius: 50%;}
.report-status-badge .status-text {font-size: clamp(13px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: 600; color: #fff; white-space: nowrap;}
.report-status-badge.bg1 {background: var(--color-primary); }
.report-status-badge.bg2 {background: var(--color-body); }
.report-status-badge.bg3 {background: var(--color-danger); }
.report-content-text {padding: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); color: var(--color-body); line-height: 1.62; border-bottom: 1px solid #ddd;}
.reply-section {padding: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px);background: rgba(21, 94, 240, 0.05); }
.reply-content {display: flex; gap: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); align-items: flex-start;}
.reply-badge {display: flex; align-items: center; justify-content: center; padding: clamp(6px, calc( 10 / var(--inner) * 100vw ), 10px) clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); background: var(--color-secondary);  font-size: clamp(13px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: 600; color: #fff; line-height: 1; white-space: nowrap;}
.reply-text {flex: 1; color: var(--color-body); line-height: 1.62;}

.sub6-wrapper {display: flex;flex-direction: column;gap: clamp(60px, calc( 180 / var(--inner) * 100vw ), 180px);}
.sub6_1_1 .imgbx {padding: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px) 20px; background: #F4F4F4; text-align: center;}
.in1_1bx + .in1_1bx {padding-top: clamp(40px, calc( 120 / var(--inner) * 100vw ), 120px);}
.talent-grid {display: flex; gap: 10px; }
.talent-item { flex: 1; }
.talent-item .inner {display: flex; align-items: center; gap: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);background: #fff; border: 1px solid #dddddd; padding: clamp(25px, calc( 30 / var(--inner) * 100vw ), 30px) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); justify-content: flex-start; height: 100%;}
.talent-icon-wrap {display: flex;align-items: center;}
.talent-icon {width: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px); height: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px);}
.talent-text {font-size: var(--font-size-18); font-weight: 600; line-height: 1.55; }

.sub6_1_2 .topbg {padding: clamp(50px, calc( 80 / var(--inner) * 100vw ), 80px) 16px; text-align: center; color: #fff; letter-spacing: -0.5px; background: url(../images/sub/sub6_1_2-bg.jpg) no-repeat 50% 50% / cover;} 
.sub6_1_2 .topbg .txt1 {font-size: var(--font-size-40); font-weight: bold;}
.sub6_1_2 .topbg .txt2 {padding-top:clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); font-size: var(--font-size-18); line-height: 1.66;}

.recruit-table {margin-top: clamp(35px, calc( 75 / var(--inner) * 100vw ), 75px); position: relative; border-top: 2px solid var(--color-primary);}
.recruit-row {display: flex; flex-wrap: wrap; border-bottom: 1px solid #dddddd;}
.recruit-sidebar,
.recruit-content {padding: clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px) clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);}
.recruit-sidebar {display: flex;align-items: center; justify-content: center; width: clamp(180px, calc( 300 / var(--inner) * 100vw ), 300px); background: #f9f9f9;  border-right: 1px solid #dddddd; }
.recruit-sidebar .sidebar-title {font-size: var(--font-size-18); font-weight: 600; color: #121212; line-height: 1; text-align: center;}
.recruit-content {flex: 1;}
.process-flow {display: flex; gap: clamp(8px, calc( 20 / var(--inner) * 100vw ), 20px); align-items: center;}
.process-badge {display: flex; align-items: center; justify-content: center; padding: clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px) clamp(18px, calc( 20 / var(--inner) * 100vw ), 20px); border-radius: clamp(20px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: 600; color: #fff; line-height: 1; white-space: nowrap;}
.process-badge.bg1 {background: #32a738;}
.process-badge.bg2 {background: #26812b;}
.process-badge.bg3 {background: #1d6221;}
.process-arrow {width: clamp(8px, calc( 9 / var(--inner) * 100vw ), 9px); height: clamp(12px, calc( 15 / var(--inner) * 100vw ), 15px); }
.process-arrow img {width: 100%; height: 100%; object-fit: contain;}
.recruit-list {display: flex; flex-direction: column; gap: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px);}
.recruit-item {display: flex; gap: clamp(8px, calc( 10 / var(--inner) * 100vw ), 10px); align-items: center;}
.recruit-dot {width: clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); height: clamp(4px, calc( 6 / var(--inner) * 100vw ), 6px); background: #505050; border-radius: 50%; }
.recruit-item .recruit-method {color: var(--color-body); }
.recruit-contact {display: flex; flex-direction: column; gap: 0; line-height: 1.62;}
.recruit-contact .contact-normal { color: var(--color-body); }
.recruit-contact .contact-bold {font-weight: 600; }

.benefit-grid {position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
.benefit-item {padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); padding-bottom: clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.benefit-item:nth-child(3),
.benefit-item:nth-child(6) {border-right: 0;}
.benefit-item:nth-child(4),
.benefit-item:nth-child(5),
.benefit-item:nth-child(6) {border-bottom: 0;}
.benefit-icon-wrap {margin-bottom: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.benefit-icon {width: clamp(34px, calc( 48 / var(--inner) * 100vw ), 48px); height: clamp(34px, calc( 48 / var(--inner) * 100vw ), 48px);}
.benefit-icon img {width: 100%; height: 100%; object-fit: contain;}
.benefit-title {margin-bottom: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px); font-size: var(--font-size-24); font-weight: 700;  line-height: 1;}
.benefit-desc {font-size:var(--font-size-18); color: var(--color-body); line-height: 1.55; }

.culture-content {display: flex; gap: clamp(25px, calc( 100 / var(--inner) * 100vw ), 100px); align-items: center; flex-wrap: wrap;}
.culture-image {width: clamp(300px, calc( 600 / var(--inner) * 100vw ), 600px); }
.culture-text {flex: 1; display: flex; flex-direction: column; gap: clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px);}
.culture-title {font-size: var(--font-size-48); font-weight: 600; line-height: 1.33;}
.culture-desc {font-size: var(--font-size-20); color: var(--color-body); line-height: 1.6;}

.location-area {display: flex;flex-direction: column;gap: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px);}
.locdation-list {display: flex;align-items: flex-end; gap:clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px); flex-wrap: wrap;}
.locdation-list .mapbx {width: clamp(400px, calc( 850 / var(--inner) * 100vw ), 850px);}
.locdation-list .mapbx iframe {width:100%; height:clamp(250px, calc( 550 / var(--inner) * 100vw ), 550px);}
.locdation-list .mapinfobx {flex: 1; display: flex;flex-direction: column; gap:clamp(25px, calc( 60 / var(--inner) * 100vw ), 60px);}
.locdation-list .eng,
.locdation-list .kor {display: block; font-weight: bold;}
.locdation-list .eng {margin-bottom: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); font-size: var(--font-size-14); color: var(--color-primary); }
.locdation-list .kor {font-size:var(--font-size-40); line-height: 1;}
.locdation-list .mapinfo-list {display: flex;flex-direction: column; gap:clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px);}
.locdation-list .mapinfo-item {display: flex; line-height:1.2; font-size: var(--font-size-18); letter-spacing: -0.5px; line-height: 1.55;}
.locdation-list .mapinfo-item .tit {flex: 1 0 clamp(100px, calc( 130 / var(--inner) * 100vw ), 130px); max-width: clamp(100px, calc( 130 / var(--inner) * 100vw ), 130px); font-weight: bold;}
.locdation-list .mapinfo-item .desc {flex: 1 0 auto; width: 1%; color: var(--color-body); word-break: break-all;}
.locdation-list .mapinfo-item .small {display: block; margin-top: 8px; font-size: var(--font-size-14); font-weight: 400; color: #878787; }

.ci-content {display: flex;flex-direction: column;gap: clamp(70px, calc( 180 / var(--inner) * 100vw ), 180px);}
.ci-content .ciflxWrap {display: flex;flex-wrap: wrap;}
.ci-content .titlebx {flex: 1 0 clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px); max-width: clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px); font-size: var(--font-size-40); font-weight: bold; letter-spacing: -0.8px;}
.ci-content .textbx {flex: 1 0 auto; width: 1%; letter-spacing: -0.8px; display: flex;flex-direction: column; gap: clamp(50px, calc( 120 / var(--inner) * 100vw ), 120px);}
.ci-content .toptitbx {margin-bottom:clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px);}
.ci-content .toptitbx .tit {font-size:var(--font-size-20); font-weight: bold;color: var(--color-primary);}
.ci-content .toptitbx .desc {padding-top:clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size: var(--font-size-18); line-height: 1.66; color: var(--color-body);}
.maincolor-list {display: flex; flex-wrap: wrap; gap:clamp(25px, calc( 60 / var(--inner) * 100vw ), 60px);}
.maincolor-item:nth-child(1) {width:clamp(320px, calc( 580 / var(--inner) * 100vw ), 580px);}
.maincolor-item:nth-child(2) {flex: 1;}
.maincolor-item {display: flex; gap:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.maincolor-item .initem {flex: 1;}
.maincolor-item .bg {margin-bottom: clamp(18px, calc( 25 / var(--inner) * 100vw ), 25px); width: 100%; height:clamp(50px, calc( 70 / var(--inner) * 100vw ), 70px);}
.maincolor-item .bg.bg1 {background: var(--color-primary);}
.maincolor-item .bg.bg2 {background: var(--color-secondary);}
.maincolor-item .bg.bg3 {background: #0B1632;}
.maincolor-item .bg.bg4 {background: #69748F;}
.maincolor-item .colorinfo span {display: block;}
.maincolor-item .colorinfo .txt1 {font-size: var(--font-size-18); font-weight: 600;}
.maincolor-item .colorinfo .txt2 {margin-top: 10px; color: #878787; line-height: 1.62;}
.cilogo-list {display: flex;flex-direction: column;gap: clamp(25px, calc( 60 / var(--inner) * 100vw ), 60px);}
.cilogo-list .inner {display: flex; flex-wrap: wrap; gap: clamp(15px, calc( 75 / var(--inner) * 100vw ), 75px); padding: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px) clamp(20px, calc( 80 / var(--inner) * 100vw ), 80px);  position: relative; background: url(../images/sub/line-bg.png) no-repeat 50% 50% / cover; border: 1px solid #ddd;}
.cilogo-list .badge {display: inline-flex;align-items: center;justify-content: center; padding: 8px 10px; position: absolute; left: 0; top: 0; background: #121212; color: #fff; font-weight: bold; line-height: 1;}
.cilogo-list .logobx {flex: 1;}

.cilogo-list.ty2 {gap: clamp(20px, calc( 90 / var(--inner) * 100vw ), 90px); display: flex;flex-direction: row;}
.cilogo-list.ty2 .cilogo-item {flex: 1; }
.cilogo-list.ty2 .inner {padding: 0; background: none; border: 0;flex-direction: column; gap: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.cilogo-list.ty2 .badge {position: initial; margin-bottom: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px);}
.cilogo-list.ty2 .logobx {padding: 15px 23px; text-align: center;}
.cilogo-list.ty2 .logobx.bg {background: #2F2F2F;}
.cilogo-list.ty2 .logobx.border {border: 1px solid #ddd ;}
.cilogo-list.ty2 .logobx.noused {position: relative;}
.cilogo-list.ty2 .logobx.noused::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom right, transparent calc(50% - 1px), var(--color-danger) calc(50% - 1px), var(--color-danger) calc(50% + 1px), transparent calc(50% + 1px)); pointer-events: none; z-index: 1;}

.cidownbx {margin-top: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); padding-top: clamp(30px, calc( 40 / var(--inner) * 100vw ), 40px); border-top: 1px solid #ddd; text-align: right;}
.cidownbx .btn-down {display: inline-flex;align-items: center;justify-content: center; gap: 10px; min-width:clamp(180px, calc( 250 / var(--inner) * 100vw ), 250px); height: clamp(55px, calc( 80 / var(--inner) * 100vw ), 80px); background: var(--color-primary); color: #fff;}
.cidownbx .txt {font-size: var(--font-size-18); font-weight: 600;}