@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";:root{--container: 1260px}@media screen and (max-width: 1400px){:root{--container: 1260px}}@media screen and (max-width: 1280px){:root{--container: 1120px}}@media screen and (max-width: 1140px){:root{--container: 980px}}@media screen and (max-width: 992px){:root{--container: 720px}}@media screen and (max-width: 767px){:root{--container: 530px}}@media screen and (max-width: 539px){:root{--container: 100%}}body:has(.project-secA,.pillar-secA) header .logo-b{display:block !important}body:has(.project-secA,.pillar-secA) header .logo-a{display:none !important}body:has(.project-secA,.pillar-secA) header .header-wrapper .colB>ul>li>a{color:#000}.project-secA{text-align:center}.project-secA .content-wrapper{position:relative;display:inline-block}.project-secA .content-wrapper .h1-vector{position:absolute;width:6vw}.project-secA .content-wrapper .h1-vector.h1-vector-a{top:-5px;left:-18px}.project-secA .content-wrapper .h1-vector.h1-vector-b{bottom:-20px;right:-20px}.project-secA .content-wrapper h1{font-family:"Oswald";font-size:13vw;line-height:1;font-weight:400;display:inline-block;background:url("../../images/project/banner.jpg") center/cover no-repeat;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);position:relative;text-shadow:rgba(0,0,0,.25) 6px 5px 8px}@media(max-width: 992px){.project-secA .content-wrapper h1{font-size:20vw}}.project-secC .upper-head{display:flex;align-items:center;gap:20px}.project-secC .upper-head::before,.project-secC .upper-head::after{content:"";display:block;height:1px;width:100%;flex:1;background:var(--black-fade)}.project-secC .upper-head .select-cp{position:relative}.project-secC .upper-head .select-cp .label{font-size:30px;font-family:var(--font-b);font-weight:800;color:var(--primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(max-width: 767px){.project-secC .upper-head .select-cp .label{font-size:22px}}@media(max-width: 767px){.project-secC .upper-head .select-cp .label svg{width:16px;height:auto}}.project-secC .upper-head .select-cp .select-dropdown{position:absolute;top:50%;left:0;right:0;translate:0 -50%;z-index:2;background:var(--white);text-align:center;transform:scaleY(0);transition:.5s ease}.project-secC .upper-head .select-cp .select-dropdown.active{transform:scaleY(1)}.project-secC .upper-head .select-cp .select-dropdown .close-select{position:absolute;top:10px;right:18px}@media(max-width: 767px){.project-secC .upper-head .select-cp .select-dropdown .close-select{width:12px;top:6px;right:14px}}@media(max-width: 767px){.project-secC .upper-head .select-cp .select-dropdown .close-select svg{width:100%;height:auto}}.project-secC .upper-head .select-cp .select-dropdown ul{padding:20px 10px;border:1px solid var(--color-b);border-radius:var(--rounded-md);overflow:hidden;box-shadow:6px 6px 0px var(--color-b)}.project-secC .upper-head .select-cp .select-dropdown ul li{font-size:18px;font-weight:600;transition:.2s ease}@media(max-width: 767px){.project-secC .upper-head .select-cp .select-dropdown ul li{font-size:15px;margin-bottom:5px}}.project-secC .upper-head .select-cp .select-dropdown ul li:hover{color:var(--primary)}.project-secC .upper-head .select-cp .select-dropdown ul li:not(:last-child){margin-bottom:8px}.pillar-card,.project-card{line-height:0;display:block;overflow:hidden;background:var(--black)}.pillar-card:hover .figure,.project-card:hover .figure{opacity:.3}.pillar-card:hover .figcaption,.project-card:hover .figcaption{opacity:1}.pillar-card .figure,.pillar-card .figcaption,.project-card .figure,.project-card .figcaption{transition:.3s ease}.pillar-card{border:1px solid var(--primary);border-radius:var(--rounded-md);overflow:hidden;box-shadow:7px 7px 0px var(--primary)}@media(max-width: 539px){.pillar-card{box-shadow:4px 4px 0px var(--primary)}}.pillar-card .figure{aspect-ratio:232/232}@media(max-width: 767px){.pillar-card .figure{opacity:.3}}.pillar-card .figcaption{bottom:auto;top:50%;left:0;right:0;translate:0 -50%;padding:0 18px;text-align:center}@media(min-width: 768px){.pillar-card .figcaption{opacity:0}}@media(max-width: 539px){.pillar-card .figcaption{padding:0 12px 12px;translate:0 0;top:auto;bottom:0}}.pillar-card .figcaption h6{font-size:20px;font-weight:600}@media(max-width: 539px){.pillar-card .figcaption h6{font-size:14px;font-weight:500;line-height:1.4;text-align:left}}.project-card{border:1px solid rgba(0,0,0,.45)}@media(max-width: 767px){.project-card{border-radius:var(--rounded-md)}}.project-card:hover .figcaption{transform:translateY(0)}.project-card .figure{aspect-ratio:308/336}@media(max-width: 767px){.project-card .figure{opacity:.3}}.project-card .figcaption{padding:0 18px 35px;transform:translateY(40px);opacity:0}@media(max-width: 992px){.project-card .figcaption{padding:0 15px 20px}}@media(max-width: 767px){.project-card .figcaption{opacity:1;transform:translateY(0px)}}.project-card .figcaption h6{font-size:24px;line-height:1.2;font-weight:600;margin-bottom:10px;font-family:var(--font-b)}@media(max-width: 1280px){.project-card .figcaption h6{font-size:22px}}@media(max-width: 992px){.project-card .figcaption h6{font-size:20px}}@media(max-width: 767px){.project-card .figcaption h6{font-size:18px}}.four-grid{grid-gap:15px;grid-template-columns:repeat(4, 1fr)}@media(max-width: 1140px){.four-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 767px){.four-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 539px){.four-grid{grid-template-columns:repeat(1, 1fr)}}.five-grid{grid-gap:30px;grid-template-columns:repeat(5, 1fr)}@media(max-width: 1280px){.five-grid{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 992px){.five-grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 767px){.five-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 539px){.five-grid{grid-gap:15px}}.pillar-secA .tab-nav{text-align:center}@media(max-width: 1140px){.pillar-secA .tab-nav{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:20px 0}}@media(max-width: 767px){.pillar-secA .tab-nav{grid-template-columns:repeat(2, 1fr);grid-gap:5px}}@media(max-width: 539px){.pillar-secA .tab-nav{grid-template-columns:repeat(1, 1fr)}}.pillar-secA .tab-nav li{font-size:18px;line-height:1.2;display:inline-block;vertical-align:middle;color:rgba(28,28,28,.4);font-weight:500;transition:.2s ease}@media(max-width: 1140px){.pillar-secA .tab-nav li{font-size:16px}}@media(max-width: 767px){.pillar-secA .tab-nav li{background:rgba(223,211,200,.1803921569);padding:10px;border-radius:var(--rounded-sm)}}.pillar-secA .tab-nav li:not(:last-child){border-right:2px solid rgba(28,28,28,.4);padding-right:15px;margin-right:15px}@media(max-width: 1280px){.pillar-secA .tab-nav li:not(:last-child){padding-right:12px;margin-right:12px}}@media(max-width: 767px){.pillar-secA .tab-nav li:not(:last-child){padding-right:0;margin-right:0;border:0}}@media(max-width: 1140px){.pillar-secA .tab-nav li br{display:none}}.pillar-secA .tab-nav li.active{color:var(--color-a);font-weight:700}@media(max-width: 767px){.pillar-secA .tab-nav li.active{font-weight:500;background:var(--primary);color:var(--white)}}.pillars-secB .head-title{line-height:1.3}.pillars-secB .head-title span{line-height:1;font-size:.6em}.pillars-secC h3{font-size:28px;text-align:center;display:flex;gap:10px;align-items:center}.pillars-secC h3::before,.pillars-secC h3::after{content:"";display:block;height:1px;width:100%;flex:1;background:var(--secondary)}.pillars-secC .card .upr{display:flex;gap:20px;font-family:var(--font-a);color:var(--primary)}.pillars-secC .card .upr .nm{display:inline-block;font-size:40px;line-height:1;font-weight:800}.pillars-secC .card .upr h6{font-size:18px;font-weight:700}.pillars-secC .card .ico{width:80%;margin-left:auto;display:block}.detail-secA h1{font-size:48px;text-align:center;text-transform:uppercase;max-width:770px;margin-left:auto;margin-right:auto}@media(max-width: 1140px){.detail-secA h1{font-size:38px}}@media(max-width: 992px){.detail-secA h1{font-size:34px}}@media(max-width: 767px){.detail-secA h1{font-size:24px;max-width:410px}}.detail-secA .scrl-ul{text-align:center}.detail-secA .scrl-ul li{display:inline-block;vertical-align:middle}.detail-secA .scrl-ul li:not(:last-child){margin-right:45px}@media(max-width: 767px){.detail-secA .scrl-ul li:not(:last-child){margin-right:24px}}@media(max-width: 539px){.detail-secA .scrl-ul li:not(:last-child){margin-right:12px}}.detail-secA .scrl-ul li a{color:var(--black-fade);font-size:20px;font-weight:500;transition:.4s ease}@media(max-width: 767px){.detail-secA .scrl-ul li a{font-size:18px}}@media(max-width: 539px){.detail-secA .scrl-ul li a{font-size:14px;font-weight:600}}.detail-secA .scrl-ul li a:hover{color:var(--primary)}.detail-secA .content-sec{border-top:1px solid #000}@media(max-width: 1140px){.detail-secA .content-sec{font-size:18px}}@media(max-width: 767px){.detail-secA .content-sec{font-size:16px}}.detail-secA .content-sec h4{font-size:42px;font-family:var(--font-a);font-weight:normal;text-transform:uppercase}@media(max-width: 992px){.detail-secA .content-sec h4{font-size:38px}}@media(max-width: 767px){.detail-secA .content-sec h4{font-size:32px}}.detail-secA .content-sec ul{padding-left:20px}.detail-secA .content-sec ul li{list-style:disc;margin-bottom:8px}.detail-secA .content-sec ul li::marker{color:var(--color-a)}.impact-secA .im-flex{padding:var(--space-b) 0}@media(min-width: 768px){.impact-secA .im-flex:first-child{padding-top:0}}@media(max-width: 767px){.impact-secA .im-flex:nth-child(odd){background:var(--secondary)}}.impact-secA .im-flex:nth-child(even){background:var(--secondary)}@media(max-width: 767px){.impact-secA .im-flex:nth-child(even){border-top:1px solid var(--black-fade)}}@media(min-width: 993px){.impact-secA .im-flex:nth-child(even) .d-flex{flex-direction:row-reverse}}.impact-secA .im-flex .impact-card{border:1px solid var(--color-c);border-radius:var(--rounded-lg);overflow:hidden;box-shadow:14px 14px 0px var(--color-c);line-height:0}@media(min-width: 993px){.impact-secA .im-flex .impact-card{position:sticky;top:calc(var(--headerfixed) + 20px)}}@media(max-width: 992px){.impact-secA .im-flex .impact-card{max-width:460px;height:auto;margin-left:auto;margin-right:auto}}@media(max-width: 767px){.impact-secA .im-flex .impact-card{box-shadow:-7px 7px 0px var(--color-c);border-radius:var(--rounded-md)}}.impact-secA .im-flex .impact-card img{height:100%;-o-object-fit:cover;object-fit:cover}.impact-secA .im-flex .head-title{font-size:52px;margin-bottom:2rem;color:var(--primary)}@media(max-width: 1140px){.impact-secA .im-flex .head-title{font-size:48px}}@media(max-width: 992px){.impact-secA .im-flex .head-title{font-size:42px;text-align:center}}@media(max-width: 767px){.impact-secA .im-flex .head-title{font-size:35px}}.impact-secA .im-flex .d-flex{gap:75px}@media(max-width: 1140px){.impact-secA .im-flex .d-flex{gap:55px}}.impact-secA .im-flex .col-a,.impact-secA .im-flex .col-b{flex:1}@media(max-width: 992px){.impact-secA .im-flex .col-a,.impact-secA .im-flex .col-b{flex:0 1 100%;max-width:100%}}.impact-secA .count-wrap-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:20px 30px}@media(max-width: 767px){.impact-secA .count-wrap-grid{grid-template-columns:repeat(1, 1fr);text-align:center}}.impact-secA .count-wrap-grid h4{color:var(--color-a);font-size:32px;font-weight:800;margin-bottom:10px}@media(max-width: 1140px){.impact-secA .count-wrap-grid h4{font-size:28px}}@media(max-width: 1140px){.impact-secA .count-wrap-grid p{font-size:16px}}@media(max-width: 767px){.impact-secA .count-wrap-grid .count-wrap{background:var(--white);border:1px solid var(--primary);padding:25px 15px;border-radius:var(--rounded-md)}}@media(min-width: 993px){.pillar-banner img{height:500px;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom}}/*# sourceMappingURL=project-pillar.css.map */