/* =============================================
   English Content
============================================= */
.enSubPage p,
.enSubPage li{font-weight: 400 !important;}
.enSubPage{word-break:normal;}
.enSubPage h1,.enSubPage h2,.enSubPage h3,.enSubPage h4,.enSubPage p,.enSubPage li,.enSubPage a,
.enSubPage button,.enSubPage input,.enSubPage textarea, .enSubPage strong{word-break:normal;letter-spacing: 0 !important;}
.enSubPage p{line-height:1.75;}

/* layout */
.brandLogo {width: clamp(260px, 15vw, 350px);}
.brandText {width: clamp(200px, 11.2vw, 260px);}
#gnb > ul > li {width: clamp(20rem, 12vw, 28rem);}
.gnbOpen#header #gnb > ul > li { width: 30rem; }
#gnb > ul > li .gnb-2dep ul li a {letter-spacing:0;font-weight: 500;}
.topBtn {bottom: 20px;}

/* main */
.heroArrow {top: 55vh;}
.projectStats h3 {font-size: 1.7vw;}

.kolasRight h3 {letter-spacing: 0;}
.kolasRight {width: 76rem;}
.kolasSec.isActive .kolasRight p span:nth-child(3) em { transform: translateY(0); transition-delay: 1.38s; }
.kolasBtn {width: 220px;}

.techTit {line-height: 1.18;}
.techTxt {width: 50vw;letter-spacing: 0;}
.keyItem {font-weight: 600;letter-spacing: 0;}

.inqSec {padding-top: 7em;}
.inqCopy {max-width: 100%;}

/* Àåºñ */
.equipInfoItem {grid-template-columns: 1fr;}
.equipNestedList li {line-height: 1.5;}
p.equipTableTit {font-weight: 700 !important;}

/* ÀÎ»ç¸» */
.greetIntroTxt,
.greetTextBlock p{font-weight: 400;}
.greetSubStat li {width: 100%;flex-direction: column;align-items: flex-start;}
.greetSubStat p {position: static;}
.greetStatList li p,
.greetSubStat li p{font-weight: 600 !important;}
.greetTextBlock p.greetThanks,
.greetTextBlock p.greetSign {font-weight: 500 !important;}

/* ºñÀü */
.visionStrategyHead h3 {font-size: clamp(1.8rem, 2.5vw, 5.5rem);}
.visionStrategyCon h4 {font-size: clamp(1.8rem, 2vw, 4.8rem);}
.visionStrategyItem p {font-weight: 400;letter-spacing: 0;}
.visionStrategyHead p{font-weight: 700 !important;}

/* Áö¿ø±â¾÷ÇöÈ² */
.companySupportCon h3 {font-size: clamp(1.8rem, 2vw, 4.2rem);letter-spacing: 0;}
.stateTit {font-size: clamp(1.5rem, 2.5vw, 5.4rem);font-weight: 600;letter-spacing: 0;}
.locName {font-weight: 400;}
.dtlTit {font-size: clamp(1.2rem, 2.2vw, 5.2rem);font-weight: 500;letter-spacing: 0;}
.statItem span {font-weight: 500;letter-spacing: 0;}

/* ¿¬Çõ */
.historyList p {font-weight: 700 !important;}
.historyList span{font-weight:400;}

/* Á¶Á÷µµ */
.perName {font-size: clamp(18px, 1.5vw, 40px);font-weight: 500;letter-spacing: 0;}
.perRank{font-weight: 700;}
.perName span{font-weight: 500;letter-spacing: 0;display: block;margin-top: 0.5em;}
.perOp .perName {font-size: clamp(18px, 1vw, 24px);}
.perOp {width: 100%;padding: 2em 5em;}
.teamTit {font-size: clamp(16px, 1vw, 25px);}
.teamWrap {gap: clamp(28px, 2.5vw, 74px);}
.workTit {font-size: clamp(20px, 2vw, 40px);letter-spacing: 0;}
.nameCell {font-size: 15px;font-weight: 500;letter-spacing: 0;}
.comNode {top: 90%;}

/* KOLAS */
.kolasDefTitle h3 {font-size: clamp(2.4rem, 1.2vw, 3.2rem);letter-spacing: 0;}
.kolasDefText {font-size: clamp(1rem, 0.9vw, 1.8rem);font-weight: 300;line-height: 1.6;}
.kolasRoleCard {min-height: 215px;}
.kolasRoleText p {font-weight: 400;line-height: 1.5;}
.kolasCertHead p{width: 55vw;}

/* ½ÃÇèÀÇ·ÚÀýÂ÷ */
.processDocItem strong {font-size: 1.5rem;font-weight: 500;text-align: center;}
.processContactTop > strong {text-transform: uppercase;}

/* Ä¶¸°´õ */
.scheduleInquiryBtn {width: 300px; font-size: 1.7rem;font-weight: 700;}

/* Á¤ºÎ°úÁ¦ */
.fldBox {display: flex;flex-direction: column;gap: 4rem;}
.tskTit {font-size: clamp(2.2rem, 1.5vw, 5.4rem);}
.tskGrid {grid-template-columns: 45rem minmax(0, 1fr);gap: clamp(1rem, 2vw, 20rem);}
.tskNode p {font-size:1.5rem;}
.tskMsg {font-size: clamp(1.2rem, 0.75vw, 2rem);}
.deptList dl {display: flex;flex-direction: column;}
.prepTit {text-align: center;padding-bottom: 5rem;font-size: clamp(2.2rem, 1.8vw, 5.4rem);}

/* Àü»êÇØ¼® */
.simAllBtn {width: 133px;}
.simBtn {min-height: 10rem;}


/* =============================================
   Responsive
============================================= */
@media (min-width: 2100px) {
	.kolasRoleCard {min-height: 255px;}
}

@media (max-width: 1800px) {
	.greetSubStat p {font-size: 1.5rem;}
	.processContactIn {padding: 0;}
}

@media (max-width: 1680px) {
	.enSubPage p {font-size: 1.7rem;}
	.tskGrid {grid-template-columns: 1fr;gap: 5rem;}
	.tskFlow {max-width: 500px;}
	.tskNode p,
	.tskMsg {font-size: 1.5rem;}
	.anaPurposeGrid {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 1480px) {
	.gnbOpen#header #gnb > ul > li {width: 22rem;}
	.projectStats h3 {font-size: 3vw;}

	.greetSubStat {grid-template-columns: repeat(2, minmax(0, 1fr));}
}

@media (max-width: 1280px) {
	.greetSubStat {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));}
}

@media (max-width: 1180px) {
	.comNode {top: auto;}
	.kolasRoleCard {min-height: auto;}
}

@media (max-width: 980px) {
    .techTxt {width: calc(100% - 24px);}
	.kolasCertHead p {width: auto;}
	.tskFlow {margin: 3rem auto 0;}
	.anaPurposeGrid {grid-template-columns: 1fr;}
}

@media (max-width: 900px) {
	.visionStrategyCon h4 {font-size: 2.2rem;}
	.visionStrategyCon h4 br{display:none;}
	.simBtn strong {font-size: 2rem;}
}

@media (max-width: 820px) {
    .heroArrow {top: 20dvh;}
	.kolasRight {width: 100%;}
	.greetSubStat em {font-size: 0.3em;}
}

@media (max-width: 768px) {
    .companySupportStat {grid-template-columns: 11rem minmax(0, 1fr);}
	.companySupportCon h3 {font-size: 2.8rem;margin-right: 0.2em;}
	.stateTit {font-size: 2.2rem;}
	.orgMobMember {grid-template-columns: minmax(98px, 245px) minmax(0, 1fr);}
	.orgMobContact a {grid-template-columns: 53px minmax(0, 1fr);}
}

@media (max-width: 640px) {
	.projectStats {width: 93vw;top: 75svh;}
    .projectStats h3 {font-size: 6vw;}
	.kolasSec {height: 650px;}
	.techItem a {min-height: 190px;}
}

@media (max-width: 580px) {
	.enSubPage p {line-height: 1.4;}
	.greetSubStat {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.greetTextBlock p.greetThanks, 
	.greetTextBlock p.greetSign {font-weight: 600 !important;}
	.visionCard {width: 75dvw;}
	.kolasMraSide,
	.orgMobMember {grid-template-columns: 1fr;}
	.orgMobPerson {flex-direction: column;}
	.processDocList {grid-template-columns: 1fr;}
	.processDocItem {flex-direction: row;justify-content: flex-start; min-height: 9rem;}
	.processDocItem strong {font-size: 1.8rem;}
	.simTop {align-items: flex-start;flex-direction: column;}
	.simAllBtn {width: 110px;}
	.simBtn strong {font-size: 1.8rem;font-weight: 700;}
}
