@charset "utf-8";
@import url('/common/css/font_wrap.css');

:root {
    --font-family: 'Pretendard', sans-serif;
	--sub-font-size-1: 7.6rem;
	--sub-font-size-2: 4.5rem;
	--sub-font-size-3: 2.8rem;
	--sub-font-size-4: 2.2rem;
}
.main-visual-inner h2,
.trans-y-wrap > div,
.main-visual .view-video,
.h3-wrap span,
.consulting .h3-wrap h3,
:not(.header) .trans-x-wrap .trans-x-box,
.case-link-list li .text-box h4,
.solution-map .h3-basic h3,
.clients .h3-basic h3,
.secure-business .h3-basic h3,
.use-case .h3-basic h3,
.solution .visual-text-wrap p:first-child,
.solution .case-link-list .bg-tit,
.sub-visual .visual-text-wrap h2,
.prod-sec-summary .bg-tit,
.connect .business-section h3,
.connect .business-section .core-business-list h4,
.connect .partners-section h3,
.connect .company-info-section h3 { font-family: 'Inter Tight'; }

.h3-wrap h3 { font-weight: 700; }
.connect .partners-section h3 { font-weight: 500; }
.diagram-right li { gap:2rem; }
.company-esg .tit-box > div { padding: 4.2rem; align-items: center; }
.company-esg .tit-box .txt-box p + p { margin-top: 3rem; }

.solution-select .select-title { font-weight: 500; }
.clients .tab-menu button { min-width: 11rem; }

.solution .visual-text-wrap h2 { font-weight: 600; font-family: 'Pretendard'; }
.solution .visual-text-wrap p:first-child { text-transform: capitalize; font-weight: 400; }
.solution .visual-text-wrap p:last-child { color:white; font-weight: 300; }
.solution .solution-vision li p { max-width: 49rem; }
.solution .case-link-list .h3-wrap { max-width: 76rem; }
.solution .solution-about .feature-list > li p { max-width: 38rem; margin:0 auto; }
.solution .zero-trust li .zero-title p { padding-bottom: 19px; }
.solution .zero-trust li .zero-title p small { position: absolute; left:0; display: block; font-size: 14px; color:var(--sub-black); font-weight: 400; white-space: nowrap; }
.solution-03 .case-link-list-inner .h3-wrap { width: 42rem; }
.solution-04 .visual-text-wrap p:last-child { max-width: 540px; }
.solution-05 .visual-text-wrap p:last-child { max-width: 500px; }
.solution-06 .visual-text-wrap p:last-child { max-width: 500px; }
.solution .h3-wrap h3 { font-weight: 700; }
.solution .solution-about .feature-list > li { padding-bottom: 6rem; }
.solution .solution-architecture h3 { font-size: 4.8rem; font-weight: 700; }
.solution-03 .visual-text-wrap p:last-child { max-width: 500px; }

.sub-visual .visual-text-wrap p:nth-child(1) { font-weight: 500; }
.sub-visual .visual-text-wrap p:nth-child(3) { font-weight: 300; }

.prod-sec-summary .sec-contents .rg-box .box-tit { font-weight: 700; }
.prod-sec-features .sec-contents .tit { font-weight: 700; }
.prod-sec-features .sec-contents .rg-box .feat-tit { font-weight: 700; }
.prod-sec-architecture h4.tit { font-size: 4.8rem; font-weight: 700; }
.prod-sec-key .tit { font-size: 4.8rem; font-weight: 700; }
.prod-sec-impact .tit { font-size: 4.8rem; font-weight: 700; }

.product05 .prod-sec-summary .sec-contents.conts2 .cont-list > ul > li:nth-child(1) ul { display: grid; grid-template-columns: 1fr auto; }

.prod-sec-impact .impact-box { height: auto; }
.product04 .prod-sec-summary .sec-contents .rg-box .box-tit { max-width: 580px; }
.product05 .prod-sec-summary .sec-contents .rg-box .box-tit { max-width: 600px; }
.product06 .prod-sec-summary .sec-contents.conts2 .cont-list > ul ul { padding: 3rem 2rem; }
.product10 .prod-sec-summary .sec-contents .rg-box .box-tit { max-width: 410px; }

.sub .tit-box .list-h3 { font-size: 6rem; font-weight: 700; }
.technical-support h2 { font-size: 6rem; font-weight: 700; }
.technical-support h3 { font-weight: 700; }
.careers .sub-visual h2 { font-size: 6rem; font-weight: 700; }
.careers h3 { font-weight: 700; }

.connect .company-intro-section .h3-wrap { max-width: 1010px; }
.connect h3 { font-weight: 700 }
.connect .company-intro-text { max-width: 900px; }

.connect .business-section .core-business-list small { display: block; margin-top: 1.5rem; font-size: 1.8rem; color:var(--sub-black); }

.company-esg .cont-wrap .cont-feat ul { gap:2rem; }
.company-esg .cont-wrap .feat-box { flex:1; }
.company-esg .cont-wrap .feat-box:nth-child(2) { margin:0; }
.company-esg .cont-wrap .cont2 .feat-box:nth-child(2) { margin:0; }

.certifications h2 { font-size: 6rem; font-weight: 700; }

.technical-support .process-table-wrap td { padding: 3rem 4.6rem; }
.technical-support .process-table-wrap th { height: 5rem; }
.technical-support .section-1 table:nth-child(1) ul { display: grid; grid-template-columns:1fr auto }
.technical-support .section-1 table:nth-child(3) ul { display: grid; grid-template-columns:1fr 1fr }
.technical-support .content-table-wrap td { height: 20.5rem; }
.client h2 { font-size: 6rem; font-weight: 700; }
.company-esg .sub-visual h2 { font-size: 6rem; font-weight: 700; }
.company-esg .tap-menu > a.active { font-weight: 600; }

.company-esg .tap-menu > a { max-width: 23.4rem; }
.philosophy .sec-philosophy p:not(.sub-tit) { max-width: 108rem; }
.philosophy .sec-vision .tit-box h4 { font-weight: 700; }
.philosophy .sec-vision .cont .sub-txt { margin-bottom: 4rem; }

.certifications .h3-wrap h3 { font-weight: 700; }
.company-esg .tit-box h4 { font-weight: 600; }

@media screen and (max-width:1400px){ 
    .technical-support .content-table-wrap td { height: auto; }
    .product05 .prod-sec-summary .sec-contents.conts2 .cont-list > ul > li:nth-child(1) ul { grid-template-columns: 1fr; }
    .technical-support .section-1 table:nth-child(1) ul { display: block; }
    .technical-support .section-1 table:nth-child(3) ul { display: block; }
}
@media screen and (max-width:1024px){ 
	:root {
		--sub-font-size-2: 22px;
		--sub-font-size-3: 18px;
		--sub-font-size-4: 16px;
	}
    .solution-map-inner .solution-text p { display: block; }
}

@media screen and (max-width:768px){ 
    
    .solution-03 .solution-about .h3-wrap h3 { max-width: none; }
    .solution-05 .solution-about .h3-wrap h3 br { display: block; }
    .h3-wrap h3 { font-size: 24px; }
    .prod-sec-architecture h4.tit { font-size: 24px; }
    .prod-sec-key .tit { font-size: 24px; }
    .solution .solution-architecture h3 { font-size: 24px; }
    .solution-01 .case-link-list .h3-wrap h3 { max-width: none; font-size: 24px; }

    .integrated-solution .h3-wrap { width: 100%; }
    .solution .sub-visual { height: 728px; }
    .solution .zero-trust li .zero-title p small { font-size: 12px; }
    .prod-sec-impact .tit { font-size: 24px; }
    .sub .tit-box .list-h3 { font-size: 30px; }
    .technical-support h2 { font-size: 30px; }
    .careers .sub-visual h2 { font-size: 30px; }
    .certifications h2 { font-size: 30px; }
    .client h2 { font-size: 30px; }
    .company-esg .sub-visual h2 { font-size: 30px; }

    .solution-02 .solution-vision .h3-wrap h3 br { display: block; }
    .footer-top .footer-nav ul li { width: 25%; }
    .footer-top .footer-nav ul { gap: 10px 0; text-align: left; }
    .product07 .prod-sec-summary .sec-contents.conts2 .img-box::before { background: url('/images/product/sub_07_mfa_img2_m_kr.png') no-repeat center/contain; }

    .careers .careers-section-03 .process-info dd { padding-left: 12px; }
}
@media screen and (max-width:640px){ 
    .company-esg .cont-wrap .feat-box .ico-box { margin-bottom: 0; }
    .company-esg .cont-wrap .cont-feat ul { gap:3rem; }
    .company-esg .tit-box > div { padding: 3.5rem; }
}
@media screen and (max-width:480px){ 
    .careers .careers-section-02 .talent-list > div:nth-child(1) { background: url('/images/careers/01_2_1_m.jpg') no-repeat center /cover; }
    .sub-visual .visual-text-wrap p:nth-child(3) { max-width: none; }
    .prod-sec-summary .sec-contents.conts2 .sec-tit::before { margin-top: -1px; }
    .company-esg .tit-box > div { padding: 2.5rem; }
}