/* people */
.people-team {display: grid; grid-template-columns: repeat(5, 1fr); row-gap: 2em;}
.people-team li .name-card {margin-top: -2.4em; text-align: center; font-weight: var(--fontMedium);}
.people-team li .name {display: inline-flex; padding: 4px .75em; border-radius: 50px; color: #fff; letter-spacing: 0;}
.people-team li .name span {font-weight: var(--fontLight); opacity: .5;}
.people-team li .text1 {padding: .5em 0 0; font-size: .8em; color: #3c3c3c; letter-spacing: 0;}
.people-team li .text2 {padding: .5em 0 0; font-size: .8em; color: #7b7b7b;  font-style: italic; letter-spacing: 0;}

.people-team.tech-support .name {background-color: #19275b;}
.people-team.tech-sales {margin-top: 2em;}
.people-team.tech-sales .name {background-color: #004825;}
.people-team.manage {margin-top: 2em;}
.people-team.manage .name {background-color: #dd6d00;}

@media (max-width: 1440px) {
    .people-team li .name-card {margin-top: -2.8em;}
}
@media (max-width: 1024px) {
    .people-team {grid-template-columns: repeat(4, 1fr); column-gap: 1.6em;}
    .people-team li .name {width: 100%; flex-direction: column; border-radius: 20px;}
    .people-team li .name span {transform: rotate(-90deg) translateY(-240%); height: 4px;}
}
@media (max-width: 768px) {
    .people-team {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 568px) {
    .people-team {grid-template-columns: repeat(2, 1fr); column-gap: .75em;}
	.people-team li .name-card {font-size: .9em;}
	.people-team li .text1 {font-size: .75em;}
}
@media (max-width: 320px) {
	.people-team li .name-card {font-size: .8em;}
}

/* organ */
.organ-wrap {padding: 2em 2.4em; border-radius: var(--br-md); border: 1px solid #e1e1e1; text-align: center;}
@media (max-width: 768px) {
    .organ-wrap {padding: 1.6em;}
}

/* esg */
.esg-wrap {width: 100%; height: auto; border-top: 1px solid #e1e1e1;}
.esg-wrap .esg-head {text-align: center; padding-top: 5em;}
.esg-wrap .esg-head p {font-family: 'GmarketSansBold'; font-size: 2.4em; background: linear-gradient(to bottom, #e2e2e2, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.esg-wrap .esg-head h2 {font-weight: var(--fontSemiBold); font-size: 1.8em; color: #333;}

.esg-wrap .esg-contents {display: grid; grid-template-columns: repeat(6, 1fr); column-gap: 1em; justify-items: center; padding-top: 3.5em;}
.esg-wrap .esg-contents .esg-item {width: 100%;}
.esg-wrap .esg-contents .cate {font-weight: var(--fontBold); color: #be5108;}
.esg-wrap .esg-contents .tit {font-weight: var(--fontBold); font-size: 1.3em; color: #333;}
.esg-wrap .esg-contents .txt-eng {font-weight: var(--fontSemiBold); font-size: .9em; color: #b6b6b6;}
.esg-wrap .esg-contents .txt-desc {font-weight: var(--fontSemiBold); color: #3b3b3b; padding-top: 1em;}

.esg-wrap .esg-contents .mob-ico {width: 8em; height: 8em; margin: 0 auto; border-radius: 100%; background-color: #f3f3f3;}
.esg-wrap .esg-contents .mob-ico [class^="ico"] {display: block; width: inherit; height: inherit; background-position: center; background-repeat: no-repeat; background-size: 5em;}
.esg-wrap .esg-contents .mob-ico .cate {display: none; font-size: 1.25em;}
.esg-wrap .esg-contents .box {text-align: center; margin-top: .75em;}
.esg-wrap .esg-contents .box .txt-desc {white-space: pre-line;}

.esg-wrap .esg-contents .mob-ico .ico-1 {background-image: url("../img/icon/esg_p01.png");}
.esg-wrap .esg-contents .mob-ico .ico-2 {background-image: url("../img/icon/esg_p02.png");}
.esg-wrap .esg-contents .mob-ico .ico-3 {background-image: url("../img/icon/esg_p03.png");}
.esg-wrap .esg-contents .mob-ico .ico-4 {background-image: url("../img/icon/esg_p04.png");}
.esg-wrap .esg-contents .mob-ico .ico-5 {background-image: url("../img/icon/esg_p05.png");}
.esg-wrap .esg-contents .mob-ico .ico-6 {background-image: url("../img/icon/esg_p06.png");}

@media (max-width: 1680px) {
    .esg-wrap .esg-contents {grid-template-columns: repeat(3, 1fr); row-gap: 2em;}
}
@media (max-width: 1440px) {
    .esg-wrap .esg-contents {grid-template-columns: repeat(6, 1fr);}
}
@media (max-width: 1199px) {
    .esg-wrap .esg-contents {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 1024px) {
    .esg-wrap .esg-head p {font-size: 2.2em;}
    .esg-wrap .esg-head h2 {font-size: 1.6em;}
}
@media (max-width: 768px) {
    .esg-wrap .esg-head p {font-size: 2em;}
    .esg-wrap .esg-head h2 {font-size: 1.5em;}
    .esg-wrap .esg-contents {grid-template-columns: repeat(2, 1fr); column-gap: 2em;}
    .esg-wrap .esg-contents .mob-ico {width: 100%; height: 3.2em; padding: 0 1.6em; border-radius: 50px; display: flex; align-items: center;}
    .esg-wrap .esg-contents .mob-ico [class^="ico"] {width: 4.8rem; flex-shrink: 0; background-size: 2.5em;}
    .esg-wrap .esg-contents .mob-ico .cate {display: block; width: calc(100% - 4.8rem); text-align: center;}
    .esg-wrap .esg-contents .box {text-align: left; margin-top: 1em;}
    .esg-wrap .esg-contents .box .cate {display: none;}
    .esg-wrap .esg-contents .box .txt-desc {white-space: normal;}
}
@media (max-width: 568px) {
    .esg-wrap .esg-head {padding-top: 3em;}
    .esg-wrap .esg-head p {font-size: 1.6em;}
    .esg-wrap .esg-head h2 {font-size: 1.4em;}
    .esg-wrap .esg-contents {grid-template-columns: 1fr; column-gap: 0; row-gap: 2em; padding-top: 2.5em;}
}


/* business */
.business-wrap {}
.business-wrap .busi-item-card:not(:nth-child(1)) {margin-top: 2.5em;}
.business-wrap .busi-item-card h2 {font-weight: var(--fontBold); font-size: 1.5em;}
.business-wrap .busi-item-card h2 .slush {font-weight: var(--fontLight);}
.business-wrap .busi-item-card .item-box {width: 100%; height: auto; margin-top: 1em; padding: 2em 2.4em; border-radius: var(--br-md); border: 1px solid #e1e1e1; display: flex; align-items: center; justify-content: space-between;}
.business-wrap .busi-item-card .item-box ul {width: auto;}

@media (max-width: 1024px) {
    .business-wrap .busi-item-card .item-box {flex-direction: column; align-items: flex-start; gap: 2em 0;}
}
@media (max-width: 768px) {
    .business-wrap .busi-item-card .item-box {padding: 1.6em;}
}

.maintenance-wrap {width: 100%; height: auto; margin-top: 1em; padding: 2em 2.4em; border-radius: var(--br-md); border: 1px solid #e1e1e1;}
.maintenance-wrap .tt-box:not(:nth-child(1)) {margin-top: 1.6em;}
.maintenance-wrap dl dt {font-weight: var(--fontBold); font-size: 1.3em;}
.maintenance-wrap dl dd {padding-top: .5em;}
.maintenance-wrap ol {display: grid; grid-template-columns: repeat(5, 1fr); gap: 1em;}
.maintenance-wrap ol li span {display: flex; flex-direction: column; align-items: center; gap: .25em; padding: 1em; margin-bottom: 1em; background-color: #fdf1e1; border-radius: var(--br-md);}
.maintenance-wrap ol li span i {display: block; width: 2.4em; height: 2.4em; background-position: center; background-repeat: no-repeat; background-size: cover;}
.maintenance-wrap ol li span strong {font-weight: var(--fontBold); font-size: 1.15em;}

.maintenance-wrap ol li:nth-child(1) span i {background-image: url("../img/icon/mt_01@2x.png")}
.maintenance-wrap ol li:nth-child(2) span i {background-image: url("../img/icon/mt_02@2x.png")}
.maintenance-wrap ol li:nth-child(3) span i {background-image: url("../img/icon/mt_03@2x.png")}
.maintenance-wrap ol li:nth-child(4) span i {background-image: url("../img/icon/mt_04@2x.png")}
.maintenance-wrap ol li:nth-child(5) span i {background-image: url("../img/icon/mt_05@2x.png")}

@media (max-width: 1024px) {
    .maintenance-wrap ol {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px) {
    .maintenance-wrap {padding: 1.6em;}
    .maintenance-wrap ol {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 568px) {
    .maintenance-wrap ol {grid-template-columns: 1fr;}
    .maintenance-wrap ol li span {flex-direction: row; padding: .5em 1em;}
    .maintenance-wrap ol li span i {width: 2em; height: 2em;}
}

/* partner */
.partner-wrap ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 1em;}
.partner-wrap ul li {width: 100%; height: 13.25em;}
.partner-wrap ul li a {width: inherit; height: inherit; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.4em; padding: 2em; border-radius: var(--br-md); border: 1px solid #e1e1e1;}
.partner-wrap ul li span {display: block; text-align: center; font-weight: var(--fontMedium); font-size: 1.1em;}
.partner-wrap ul li span i {color: #777; font-size: 1.09em;}
.partner-wrap ul li a:hover {text-decoration: none; border-color: #db5e0a;}

@media (max-width: 768px) {
    .partner-wrap ul {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 568px) {
    .partner-wrap ul {grid-template-columns: 1fr;}
    .partner-wrap ul li {height: 10em;}
}

/* client */
.client-wrap > *:not(:first-child) {margin-top: 2em;}
.client-wrap h2 {font-weight: var(--fontBold); font-size: 1.6em;}
.client-wrap ul {display: grid; grid-template-columns: repeat(6, 1fr); margin-top: 1em; border-radius: var(--br-md); border: 1px solid #e1e1e1;}
.client-wrap ul li {height: 4.5em; padding: 0 .5em; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #efefef; border-right: 1px solid #efefef;}
.client-wrap ul li:nth-child(6n) {border-right: none;}
.client-wrap .client-item1 ul li:nth-child(n+13) {border-bottom: none;}
.client-wrap .client-item2 ul li:nth-child(n+13) {border-bottom: none;}
.client-wrap .client-item3 ul li:nth-child(n+7) {border-bottom: none;}
.client-wrap .client-item4 ul li:nth-child(n+13) {border-bottom: none;}

@media (max-width: 1024px) {
    .client-wrap ul {grid-template-columns: repeat(4, 1fr);}
    .client-wrap ul li:nth-child(6n) {border-right: 1px solid #efefef;}
    .client-wrap ul li:nth-child(4n) {border-right: none;}
    .client-wrap .client-item2 ul li:nth-child(n+12) {border-bottom: 1px solid #efefef;}
    .client-wrap .client-item2 ul li:nth-child(n+13) {border-bottom: none;}
    .client-wrap .client-item3 ul li:nth-child(n+7) {border-bottom: 1px solid #efefef;}
    .client-wrap .client-item3 ul li:nth-child(n+9) {border-bottom: none;}
}
@media (max-width: 768px) {
    .client-wrap ul {grid-template-columns: repeat(3, 1fr);}
    .client-wrap ul li {height: 4em;}
    .client-wrap ul li:nth-child(4n) {border-right: 1px solid #efefef;}
    .client-wrap ul li:nth-child(3n) {border-right: none;}
    .client-wrap .client-item1 ul li:nth-child(n+13) {border-bottom: 1px solid #efefef;}
    .client-wrap .client-item1 ul li:nth-child(n+16) {border-bottom: none;}
    .client-wrap .client-item3 ul li:nth-child(n+8) {border-bottom: 1px solid #efefef;}
    .client-wrap .client-item3 ul li:nth-child(n+10) {border-bottom: none;}
}

/* welfare */
.welfare-wrap ul {width: 100%; height: auto; display: grid; grid-template-columns: repeat(5, 1fr); gap: .7em;}
.welfare-wrap ul li {height: 10em; padding: 1.5em 1.2em; border-radius: var(--br-md); border: 1px solid #e1e1e1; background-repeat: no-repeat; background-position: bottom .7em right .5em; background-size: 3.2em;}
.welfare-wrap ul li b {display: block; font-weight: var(--fontBold); font-size: 1.3em;}
.welfare-wrap ul li span {display: block; font-size: .9em; padding-top: .56em;}
.welfare-wrap ul .point {background-color: #fdf1e1;}

.welfare-wrap ul li:nth-child(1) {background-image: url("../img/icon/wf_01.png");}
.welfare-wrap ul li:nth-child(2) {background-image: url("../img/icon/wf_02.png");}
.welfare-wrap ul li:nth-child(3) {background-image: url("../img/icon/wf_03.png");}
.welfare-wrap ul li:nth-child(4) {background-image: url("../img/icon/wf_04.png");}
.welfare-wrap ul li:nth-child(5) {background-image: url("../img/icon/wf_05.png");}
.welfare-wrap ul li:nth-child(6) {background-image: url("../img/icon/wf_06.png");}
.welfare-wrap ul li:nth-child(7) {background-image: url("../img/icon/wf_07.png");}
.welfare-wrap ul li:nth-child(8) {background-image: url("../img/icon/wf_08.png");}
.welfare-wrap ul li:nth-child(9) {background-image: url("../img/icon/wf_09.png");}
.welfare-wrap ul li:nth-child(10) {background-image: url("../img/icon/wf_10.png");}
.welfare-wrap ul li:nth-child(11) {background-image: url("../img/icon/wf_11.png");}
.welfare-wrap ul li:nth-child(12) {background-image: url("../img/icon/wf_12.png");}
.welfare-wrap ul li:nth-child(13) {background-image: url("../img/icon/wf_13.png");}
.welfare-wrap ul li:nth-child(14) {background-image: url("../img/icon/wf_14.png");}
.welfare-wrap ul li:nth-child(15) {background-image: url("../img/icon/wf_15.png");}
.welfare-wrap ul li:nth-child(16) {background-image: url("../img/icon/wf_16.png");}
.welfare-wrap ul li:nth-child(17) {background-image: url("../img/icon/wf_17.png");}
.welfare-wrap ul li:nth-child(18) {background-image: url("../img/icon/wf_18.png");}
.welfare-wrap ul li:nth-child(19) {background-image: url("../img/icon/wf_19.png");}
.welfare-wrap ul li:nth-child(20) {background-image: url("../img/icon/wf_20.png");}

@media (max-width: 1660px) {
    .welfare-wrap ul {grid-template-columns: repeat(4, 1fr);}
}
@media (max-width: 1024px) {
    .welfare-wrap ul li {background-size: 3em;}
}
@media (max-width: 768px) {
    .welfare-wrap ul {grid-template-columns: repeat(3, 1fr);}
    .welfare-wrap ul li span br {display: none;}
}
@media (max-width: 568px) {
    .welfare-wrap ul {grid-template-columns: repeat(2, 1fr); gap: .5em;}
    .welfare-wrap ul li {padding: 1.2em 1em; background-size: 2.4em; font-size: .9em;}
}

/* process */
.process-wrap > h2 {font-weight: var(--fontLight); font-size: 1.7em; color: #222;}
.process-wrap .im-box {width: 100%; height: auto; margin-top: 1em; padding: 4em 2em; border-radius: var(--br-md); border: 1px solid #e1e1e1; background-color: #fafafa; text-align: center;}
.process-wrap .proc-cont {margin: 2.5em 0 0 .5em; display: flex; align-items: flex-end; justify-content: space-between;}
.process-wrap .proc-cont h3 {font-weight: var(--fontBold); font-size: 1.3em;}
.process-wrap .proc-cont ul {margin-top: .5em;}
.process-wrap .proc-cont p a {display: flex; align-items: center; width: 8.75em; height: 2.5em; padding-left: 1.75em; border-radius: 8px; background: url("../img/icon/arrow_right.png") no-repeat center right .83em #dd630a; font-weight: var(--fontBold); font-size: 1.2em; color: #fff;}
.process-wrap .proc-cont p a:hover {background-color: #be5108; text-decoration: none;}

@media (max-width: 768px) {
    .process-wrap .proc-cont {flex-direction: column; align-items: flex-start; gap: 1em;}
}
@media (max-width: 568px) {
    .process-wrap > h2 {font-size: 1.5em;}
    .process-wrap .im-box {padding-block: 2.5em;}
}