/* 헤더 별도 */
header.color .lnb .download{border-color: #000;}



.team_palette {
    padding-top: 0; overflow: hidden;
}
.team_palette .s1 {
    height: 100vh; overflow: hidden;
    position: relative;
}
.team_palette .s1 .bg {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex; align-items: center; justify-content: center;
    filter: brightness(.5);
}
.team_palette .s1 .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.team_palette .s1 .txt {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex; flex-direction: column; justify-content: flex-end;
    font-size: 72px; padding: 0 calc(100/66*1em);
    box-sizing: border-box;
}
.team_palette .s1 .txt .top {
    font-size: inherit; font-weight: 600;
    letter-spacing: -0.025em; line-height: calc(88/66*1em);
    color: #fff; padding-bottom: calc(150/66*1em);
    opacity: 0;
    transform: translateY(40px);
}
.team_palette .s1 .txt .top b {
    color: #fff;
}
.team_palette .s1 .txt .bottom {
    position: relative;
    display: flex; justify-content: space-between; align-items: flex-end; flex-direction: row-reverse;
    font-size: 36px; font-weight: 400;
    letter-spacing: -0.025em; line-height: calc(60/44*1em);
    color: #fff; padding-bottom: calc(80/44*1em);
    width: 100%;
}
.team_palette .s1 .txt .bottom p {
    padding-bottom: calc(40/44*1em);
    opacity: 0;
}
.team_palette .s1 .txt .bottom .scrollDown {
    position: relative;
    opacity: 0;
}
.scrollTxt img {filter: invert(1);}
.scrollDown i {font-size: 26px; color: #000;}
@media screen and (max-width: 1440px) {
    .team_palette .s1 .txt {
        font-size: calc(55/1440*100vw);
    }
    .team_palette .s1 .txt .bottom {
        font-size: calc(35/1440*100vw);
    }
}
@media screen and (max-width: 820px) {
    .team_palette .s1 .txt {
        font-size: clamp(20px, 50/820*100vw, 50px);
    }
    .team_palette .s1 .txt .top {
        padding-bottom: calc(50/50*1em);
    }
    .team_palette .s1 .txt .bottom {
        font-size: clamp(14px, 30/820*100vw, 30px);
        padding-bottom: calc(200/30*1em);
        flex-direction: row;
        position: relative;
    }
    .team_palette .s1 .txt .bottom .scrollDown {
        position: absolute;
        bottom: 0; right: 0;
        transform: translateY(-50%);
        top: auto;
    }
}

.secTitle {
    display: flex; align-items: center; font-size: 24px;
    font-weight: 500;
    font-family: 'DM Sans'; letter-spacing: -0.025em;
    color: #101010;
}
.secTitle .cir {
    font-size: inherit;
    width: calc(16/24*1em); height: calc(16/24*1em); border-radius: 50%;
    border: 4px solid #4754d2;
    margin-right: calc(7/24*1em);
    position: relative;
    box-sizing: border-box;
}
.secTitle + .secGradientTxt {
    padding-top: calc(40/40*1em);
}
.secGradientTxt {
    font-size: 40px; font-weight: 600;
    letter-spacing: -0.025em; line-height: calc(56/40*1em);
    padding-bottom: calc(60/40*1em);
}
.secGradientTxt span {
    display: inline;
    background: linear-gradient(90deg, #101010 0%,#c1c1c1 0%);
    color: transparent;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background-clip: text !important;
}
@media screen and (max-width: 1280px) {
    .secTitle {
        font-size: clamp(16px, 24/1280*100vw, 24px);
    }
}
@media screen and (max-width: 820px) {
    .secGradientTxt {
        font-size: clamp(28px, 40/820*100vw, 40px);
    }
}
@media screen and (max-width: 500px) {
    .secTitle {
        font-size: clamp(16px, 24/500*100vw, 24px);
    }
}
@media screen and (max-width: 400px) {
    .secGradientTxt {
        font-size: clamp(20px, 30/400*100vw, 30px);
    }
}

.s2 {
    padding: 100px 0 160px;
    /* background: linear-gradient(to bottom, #ececec 0%, #fff 100%); */
}
.s2 .marquee {
    width: 100%; position: relative;
    display: flex; align-items: center;
    font-size: 164px; font-weight: 600;
    letter-spacing: -0.025em; font-family: 'DM Sans';
    color: #000; overflow: hidden; white-space: nowrap;
    padding: calc(20/164*1em) calc(100/164*1em); opacity: .1;
}
.s2 .marquee .absol {
    width: 100%;
    display: flex; align-items: center;
}
.s2 .marquee .absol .mar_ch.flex {
    display: flex; align-items: center;
}
.s2 .marquee .absol .mar_ch span {
    margin: 0 calc(25/164*1em);
}
.s2 .marquee.txtMarquee + .wrap .secTitle {
    padding-top: calc(70/24*1em);
}
.s2 .marquee.imgMarquee {
    padding: 0; opacity: 1;
}
.s2 .marquee .absol .mar_ch .imgBox {
    width: 470px; filter: grayscale(1);
    margin-right: 30px; border-radius: 9px;
    overflow: hidden;
    transition: .6s;
}
.s2 .marquee .absol .mar_ch .imgBox:hover {
    filter: grayscale(0);
}
.s2 .marquee .absol .mar_ch .imgBox img {
    width: 100%;
}
.s2 .marquee.imgMarquee + .wrap .secGradientTxt {
    padding-top: calc(170/40*1em);
}
.s2 .chartWrap {
    display: flex; align-items: center; justify-content: space-between;
}
.s2 .chartWrap .item {
    width: calc(695/1440*100%);
}
.s2 .chartWrap .item .itemInner {
    width: 100%;
    padding: calc(60/695*100%) calc(100/695*100%);
    box-sizing: border-box;
    border-radius: 9px
}
.s2 .chartWrap .item:nth-child(1) .itemInner {
    background: rgba(71, 84, 210, .06);
}
.s2 .chartWrap .item:nth-child(2) .itemInner {
    background: rgba(226, 241, 87, .1);
}
.s2 .chartWrap .item .itemInner .txt {
    font-size: 36px;
}
.s2 .chartWrap .item .itemInner .txt span {
    display: inline-block;
    font-size: calc(24/36*1em); color: #555555;
    letter-spacing: -0.025em; line-height: calc(48/36*1em);
    font-weight: 600;
}
.s2 .chartWrap .item .itemInner .txt p {
    font-size: inherit; color: #101010;
    letter-spacing: -0.025em; line-height: calc(48/36*1em);
    font-weight: 700; padding-bottom: 30px;
}
.s2 .chartWrap .item .itemInner .chart {
    width: 100%; --bar-bottomTxt: 16px;
}
.s2 .chartWrap .item .itemInner .chart .barWrap {
    width: 100%;
    height: 231px;
    position: relative;
    display: flex; align-items: flex-end; justify-content: space-between;
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar {
    width: calc(100% / 4 - (30px * (4 - 1) / 4));
    display: inline-block;
    border-radius: 9px 9px 0 0;
    position: relative;
    bottom: 0;
    transform-origin: bottom;
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar + .bar {
    margin-left: calc(36 / 695 * 100%);
    position: relative;
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(1) {
    background: rgba(71, 84, 210, .2);
    height: calc(100% * .25);
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(1) > span {
    position: absolute;
    bottom: 100%; left: 50%;
    transform: translate(-50%, 0);
    font-size: 18px;
    font-weight: 600; letter-spacing: -0.025em;
    padding-bottom: calc(10/18*1em);
    text-align: center;
    opacity: .6;
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(1)::before {
    content: '2018년';
    position: absolute;
    top: 100%; left: 50%;
    transform: translate(-50%, 0);
    font-size: var(--bar-bottomTxt);
    font-weight: 600; letter-spacing: -0.025em;
    padding-top: calc(13/16*1em);
    text-align: center;
}
.s2 .chartWrap .item:nth-child(2) .itemInner .chart .barWrap .bar:nth-child(1) {
    background: #F5F9D2;
    height: calc(100% * .13);
}
.s2 .chartWrap .item:nth-child(2) .itemInner .chart .barWrap .bar:nth-child(1)::before {
    content: '2018년';
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(2) {
    background: rgba(71, 84, 210, .4);
    height: calc(100% * .49);
}
.s2 .chartWrap .item:nth-child(2) .itemInner .chart .barWrap .bar:nth-child(2) {
    background: #F0F7B7;
    height: calc(100% * .35);
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(3) {
    background: rgba(71, 84, 210, .6);
    height: calc(100% * .73);
}
.s2 .chartWrap .item:nth-child(2) .itemInner .chart .barWrap .bar:nth-child(3) {
    background: #EAF39A;
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(4) {
    background: rgba(71, 84, 210, .8);
    height: 100%;
}
.s2 .chartWrap .item:nth-child(2) .itemInner .chart .barWrap .bar:nth-child(4) {
    background: #E5F17F;
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(4) > span {
    position: absolute;
    bottom: 100%; left: 50%;
    transform: translate(-50%, 0);
    font-size: 32px;
    font-weight: 700; letter-spacing: -0.025em;
    padding-bottom: calc(8/18*1em);
    text-align: center;
    color: #4754d2;
}
.s2 .chartWrap .item:nth-child(2) .itemInner .chart .barWrap .bar:nth-child(4) > span {
    color: #76801c;
}
.s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(4)::before {
    display: none;
    content: '2024년';
    position: absolute;
    top: 100%; left: 50%;
    transform: translate(-50%, 0);
    font-size: var(--bar-bottomTxt);
    font-weight: 600; letter-spacing: -0.025em;
    padding-top: calc(13/16*1em);
    text-align: center;
}
.s2 .chartWrap .item .itemInner .chart .bottomSpace {
    width: 100%;
    font-size: var(--bar-bottomTxt); font-weight: 600;
    padding-top: calc(5/16*1em);
    border-top: 2px solid #000;
    height: 1em;
}


/* 화살표 */
.s2 .arrow{
	box-sizing: border-box;
	position: absolute; width: 100%; height: 100%; left: 0; top: 0;
	display: flex; align-items: center; justify-content: center;
}
.s2 .arrow svg{transform: translate(0%,20%); width: 60%;}
.s2 .arrow svg g{}
.s2 .arrow svg path{}
.s2 .arrow svg line{stroke-width: 12;}
.s2 .arrow.n1 svg line{stroke: #3545c5;}
.s2 .arrow.n2 svg line{stroke: #ffcc55;}


@media screen and (max-width: 1280px) {
    .s2 {
        padding: 70px 0 100px;
    }
    .s2 .marquee {
        font-size: clamp(120px, 120/1024*100vw, 164px);
    }
    .s2 .chartWrap .item .itemInner .txt {
        font-size: clamp(24px, 36/1280*100vw, 36px);
    }
    .s2 .chartWrap .item .itemInner .chart .barWrap {
        height: calc(231/1920*100vw);
    }
    .s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(4) > span {
        font-size: clamp(24px, 30/1280*100vw, 30px);
    }
    .s2 .chartWrap .item .itemInner .chart {
        --bar-bottomTxt: clamp(14px, 16/1280*100vw, 16px);
    }

	.s2 .arrow svg{transform: unset;}
}
@media screen and (max-width: 820px) {
    .s2 .marquee {
        font-size: clamp(90px, 120/820*100vw, 120px);
    }
    .s2 .marquee .absol .mar_ch .imgBox {
        width: calc(600/820*100vw);
        margin-right: calc(20/820*100vw);
    }
    .s2 .chartWrap {
        flex-wrap: wrap;
    }
    .s2 .chartWrap .item {
        width: 100%;
    }
    .s2 .chartWrap .item + .item {
        margin-top: 30px;
    }
    .s2 .chartWrap .item .itemInner .txt {
        font-size: clamp(24px, 30/820*100vw, 30px);
    }
    .s2 .chartWrap .item .itemInner .txt p {
        padding-bottom: 50px;
    }
    .s2 .chartWrap .item .itemInner .chart .barWrap {
        height: calc(200/820*100vw);
    }
    .s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(4) > span {
        font-size: clamp(22px, 25/820*100vw, 25px);
    }
    .s2 .chartWrap .item .itemInner .chart {
        --bar-bottomTxt: clamp(14px, 16/820*100vw, 16px);
    }


	.s2 .arrow svg{transform: translate(0%,10%);}
	.s2 .arrow svg line{stroke-width: 10;}
}
@media screen and (max-width: 500px) {
    .s2 .marquee {
        font-size: clamp(70px, 100/500*100vw, 100px);
    }
	.s2 .chartWrap .item .itemInner{
		padding: 40px 30px;
	}
    .s2 .chartWrap .item .itemInner .txt {
        font-size: clamp(20px, 24/500*100vw, 24px);
    }
    .s2 .chartWrap .item .itemInner .txt span {
        font-size: clamp(14px, 18/500*100vw, 18px);
    }
	.s2 .chartWrap .item .itemInner .chart .barWrap{
		gap: 14px;
	}
	.s2 .chartWrap .item .itemInner .chart .barWrap .bar{
		border-radius: 4px 4px 0 0; width: 100%;
	}
	.s2 .chartWrap .item .itemInner .chart .barWrap .bar + .bar{
		margin-left: 0;
	}
    .s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(4) > span {
        font-size: clamp(20px, 22/500*100vw, 22px);
    }
    .s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(1) > span {
        font-size: clamp(12px, 14/500*100vw, 14px);
    }

	.s2 .arrow svg{
		transform: rotate(7deg) translateY(6%);
        width: 60%;
	}

}
@media screen and (max-width: 360px) {
    .s2 .marquee {
        font-size: clamp(60px, 70/360*100vw, 70px);
    }
    .s2 .chartWrap .item .itemInner .txt {
        font-size: clamp(18px, 20/360*100vw, 20px);
    }
    .s2 .chartWrap .item .itemInner .chart .barWrap .bar:nth-child(4) > span {
        font-size: clamp(18px, 20/360*100vw, 20px);
    }
}

.s3 .fullItem {
    display: flex; align-items: flex-start;
}
.s3 .fullItem > * {
    width: 50%;
}
.s3 .fullItem .txtArea {
    position: relative; height: 100vh;
    display: flex; align-items: center; justify-content: center;
    transition: background .4s;
}
.s3 .fullItem._1 .txtArea {
    background: #e2f157;
}
.s3 .fullItem._2 .txtArea {
    background: #4754d2;
}
.s3 .fullItem._3 .txtArea {
    background: #000000;
}
.s3 .fullItem .txtArea .secTitle {
    position: absolute; top: 180px; transition: color .4s;
}
.s3 .fullItem._2 .txtArea .secTitle {
    color: #fff;
}
.s3 .fullItem._3 .txtArea .secTitle {
    color: #fff;
}
.s3 .fullItem .txtArea .secTitle .cir {
    transition: .4s;
}
.s3 .fullItem._2 .txtArea .secTitle .cir {
    border-color: #e2f157;
    background: #fff;
}
.s3 .fullItem._3 .txtArea .secTitle .cir {
    background: #e2f157;
}
.s3 .fullItem .txtArea > p {
    font-size: 60px; font-weight: 700;
    letter-spacing: -0.025em; line-height: calc(80/60*1em);
    color: #101010; text-align: center;
}
.s3 .fullItem:not(._1) .txtArea > p {
    color: #fff;
}
.s3 .fullItem .txtArea > p {
    position: absolute;
    left: 50%; top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .4s;
}
.s3 .fullItem._1 .txtArea > p.p1 {
    opacity: 1;
}
.s3 .fullItem._2 .txtArea > p.p2 {
    opacity: 1;
}
.s3 .fullItem._3 .txtArea > p.p3 {
    opacity: 1;
}
.s3 .fullItem .scrollCircle {
    z-index: 1;
    position: absolute;
    top: 50%; left: 100%;
    transform: translate(-50%, -50%);
    width: calc(110/16*1em); height: calc(110/16*1em);
    border-radius: 50%;
    background: #000;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px;
    transition: background .4s;
}
.s3 .fullItem._2 .scrollCircle {
    background: #e2f157;
}
.s3 .fullItem._3 .scrollCircle {
    background: #4754d2;
}
.s3 .fullItem .scrollCircle .inner {
    display: flex; align-items: center; justify-content: center;
    flex-direction: column; text-align: center;
    font-size: inherit; letter-spacing: -0.025em;
    color: #fff;
    transition: .4s;
}
.s3 .fullItem._2 .scrollCircle .inner {
    color: #101010;
}
.s3 .fullItem._3 .scrollCircle .inner {
    color: #fff;
}
.s3 .fullItem .contArea {
    padding-top: 120px;
    display: flex; flex-direction: column;
    align-items: center;
}
.s3 .fullItem .contArea + .contArea {
    padding-bottom: 100px;
}
.s3 .fullItem .contArea._2 {
    padding-top: 300px;
}
.s3 .fullItem .contArea._3 {
    padding-top: 200px;
}
.s3 .fullItem .contArea .txtArea {
    display: none;
}
.s3 .fullItem .contArea .contItem {
    width: 90%; max-width: 520px;
    display: flex; flex-direction: column; align-items: center;
}
.s3 .fullItem .contArea .contItem + .contItem {
    margin-top: 120px;
}
.s3 .fullItem .contArea .contItem .imgBox {
    border-radius: 9px; overflow: hidden;
    border: 1px solid #f3f3f3;
    display: flex; align-items: center; justify-content: center;
}
.s3 .fullItem .contArea .contItem .imgBox img {
    width: 100%;
}
.s3 .fullItem .contArea .contItem .desc {
    font-size: 24px; font-weight: 600;
    letter-spacing: -0.025em; line-height: 1.5;
    padding-top: calc(20/24*1em);
    color: #101010; text-align: center;
}
@media screen and (max-width: 1280px) {
    .s3 .fullItem .txtArea > p {
        font-size: clamp(40px, 50/1280*100vw, 50px);
    }
    .s3 .fullItem .contArea .contItem {
        max-width: calc(500/1280*100vw);
    }
    .s3 .fullItem .contArea .contItem .desc {
        font-size: 18px;
    }
}
@media screen and (max-width: 1024px) {
    .s3 .fullItem .txtArea > p {
        font-size: clamp(30px, 40/1024*100vw, 40px);
    }
    .s3 .fullItem .scrollCircle {
        font-size: 14px;
    }
}
@media screen and (max-width: 820px) {
    .s3 .fullItem .txtArea {
        display: none;
    }
    .s3 .fullItem > * {
        width: 100%;
    }
    .s3 .fullItem .contArea + .contArea {
        padding-top: 170px !important;
        padding-bottom: 0 !important;
    }
    .s3 .fullItem .contArea .txtArea {
        display: block; height: auto;
        background: transparent;
    }
    .s3 .fullItem .contArea .txtArea > p {
        position: static;
        transform: none;
        opacity: 1 !important;
        padding-bottom: calc(40/30*1em);
        color: #000 !important;
    }
    .s3 .fullItem .contArea .contItem {
        max-width: 90%;
    }
}
@media screen and (max-width: 500px) {
    .s3 .fullItem .contArea {
        padding-top: 60px;
    }
    .s3 .fullItem .contArea + .contArea {
        padding-top: 100px !important;
    }
    .s3 .fullItem .contArea .txtArea > p {
        font-size: clamp(16px, 30/500*100vw, 30px);
    }
    .s3 .fullItem .contArea .contItem + .contItem {
        margin-top: 50px;
    }
    .s3 .fullItem .contArea .contItem .desc {
        font-size: clamp(14px, 18/500*100vw, 18px);
    }
}



._ceo {
    padding-top: 150px; padding-bottom: 165px;
    position: relative;
}
._ceo .secGradientTxt {
    font-size: 46px; font-size: 40px; font-weight: 600;
    padding-bottom: calc(50/46*1em);
    line-height: calc(66/46*1em);
}
._ceo .ownerWrap {
    display: flex; align-items: center;
    position: relative;
    z-index: 2;
}
._ceo .ownerWrap .owner {
    width: 50%;
    flex-shrink: 0;
}
._ceo .ownerWrap .owner .imgBox {
    width: calc(574/720*100%);
    overflow: hidden;
    border-radius: 9px;
    border: 1px solid #eeeeee;
    position: relative;
}
._ceo .ownerWrap .owner .imgBox .txt {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
    color: #fff;
    font-size: 36px;
    font-weight: 600; letter-spacing: -0.025em;
    line-height: calc(54/36*1em);
    padding: calc(40/36*1em);
    box-sizing: border-box;
}
._ceo .ownerWrap .ownerCmnt {
    flex-grow: 1;
    font-size: 22px;
    font-weight: 500; letter-spacing: -0.025em;
    color: #101010;
    /* background: #ffffff8e; */
    /* background: #fff; */
}
._ceo .ownerWrap .ownerCmnt p {
    line-height: calc(34/22*1em);
}
._ceo .ownerWrap .ownerCmnt p + p {
    padding-top: calc(30/22*1em);
}
._ceo .ownerWrap .ownerCmnt p b {
    color: #4754d2;
}
._ceo .ownerWrap .ownerCmnt .endCmnt {
    padding-top: calc(60/22*1em);
}
._ceo .canvasPadding {
    position: absolute;
    bottom: 0; right: 0;
    padding-left: calc(130/1920*100%);
    padding-right: calc(90/1920*100%);
    width: 50%;
    height: 100%;
    z-index: 1;
    box-sizing: border-box;
}
._ceo #canvasBox {
    width: 100%;
    height: 100%;
}
._ceo #canvasBox canvas {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

._ceo #canvasBox .item_cvs {
    /* display: none; */
    position: absolute;
    z-index: 1;
    font-size: 23px; font-weight: 600;
    letter-spacing: -0.025em; color: #101010;
    padding: calc(20/23*1em) calc(30/23*1em);
    margin: 5px;
    box-sizing: border-box;
    border-radius: calc(40/23*1em);
    background: #fff;
    border: 1px solid #101010;
    white-space: nowrap;
}
._ceo #canvasBox .item_cvs.ball {
    padding: 0;
    width: calc(25/23*1em);
    height: calc(25/23*1em);
    border-radius: 50%; border: none;
    background: #4754d2;
}
._ceo #canvasBox .item_cvs.ball._2 {
    width: calc(39/23*1em);
    height: calc(39/23*1em);
    background: #e2f157;
}
@media screen and (max-width: 1440px) {
    ._ceo {
        padding-bottom:  200px;
    }
    ._ceo .ownerWrap .owner .imgBox .txt {
        font-size: clamp(24px, 36/1440*100vw, 36px);
    }
    ._ceo #canvasBox .item_cvs {
        font-size: clamp(14px, 23/1440*100vw, 23px);
    }
}
@media screen and (max-width: 1280px) {
    ._ceo .ownerWrap .ownerCmnt {
        font-size: clamp(18px, 22/1280*100vw, 22px);
    }
}
@media screen and (max-width: 1024px) {
    ._ceo .ownerWrap {
        align-items: flex-start;
    }
    ._ceo .ownerWrap .owner .imgBox .txt {
        font-size: clamp(16px, 24/1024*100vw, 24px);
    }
    ._ceo .ownerWrap .owner {
        width: calc(500/1024*100%);
    }
    ._ceo .ownerWrap .ownerCmnt {
        font-size: clamp(16px, 18/1024*100vw, 18px);
    }
    ._ceo .ownerWrap .ownerCmnt p br {
        display: none;
    }
}
@media screen and (max-width: 820px) {
    ._ceo .secGradientTxt {
        font-size: clamp(28px, 40/820*100vw, 40px);
        line-height: calc(40/30*1em);
    }
    ._ceo .ownerWrap {
        flex-direction: column;
        align-items: center;
    }
    ._ceo .ownerWrap .owner {
        width: 100%;
        max-width: 400px;
    }
    ._ceo .ownerWrap .owner .imgBox {
        width: 100%;
    }
    ._ceo .ownerWrap .owner .imgBox .txt {
        width: 100%;
    }
    ._ceo .ownerWrap .ownerCmnt {
        margin-top: 30px;
    }
    ._ceo .canvasPadding {
        width: 100%;
        padding: 3%;
    }
}
@media screen and (max-width: 500px) {
    ._ceo .secGradientTxt {
        font-size: clamp(24px, 30/820*100vw, 30px);
        line-height: calc(40/30*1em);
    }
    ._ceo #canvasBox .item_cvs {
        font-size: clamp(12px, 14/500*100vw, 14px);
    }
}
@media screen and (max-width: 360px) {
    ._ceo .secGradientTxt {
        font-size: clamp(20px, 24/360*100vw, 24px);
    }
    ._ceo #canvasBox .item_cvs {
        font-size: clamp(10px, 12/360*100vw, 12px);
    }
}


._worker {
    padding-top: 100px;
    padding-bottom: 170px;
    max-width: 1440px;
    margin: 0 auto;
    width: 95%;
}
._worker .navi {
    display: flex; align-items: center;
    font-size: 26px; gap: calc(40/26*1em);
    margin-bottom: calc(20/26*1em);
}
._worker .navi .naviBtn {
    font-size: inherit;
    letter-spacing: -0.025em;
    color: #000;
    cursor: pointer;
    transition: .4s;
}
._worker .navi .naviBtn:not(.swiper-button-disabled):hover {
    color: #4754d2;
}
._worker .navi .naviBtn.swiper-button-disabled {
    opacity: .5;
}
._worker .swiper {
    width: 100%;
    height: 100%;
    overflow: visible;
}
._worker .swiper-slide {
    width: auto;
}
._worker .swiper-slide + .swiper-slide {
    margin-left: 30px;
}
._worker .swiper-slide .inner {
    display: flex; gap: 15px;
}
._worker .swiper-slide .inner > * {
    width: 443px;
}
._worker .swiper-slide .inner .imgBox {
    overflow: hidden;
    border-radius: 9px;
    position: relative;
}
._worker .swiper-slide .inner .imgBox img {
    width: 100%;
}
._worker .swiper-slide .inner .imgBox p {
    position: absolute;
    left: 0; bottom: 0;
    padding: calc(40/40*1em);
    font-size: 40px; font-weight: 600;
    letter-spacing: -0.025em;
    color: #fff;
}
._worker .swiper-slide .inner .txtBox {
    display: flex; flex-direction: column;
    justify-content: space-between;
}
._worker .swiper-slide .inner .txtBox {
    background: #f6f6f6;
    border-radius: 9px;
    font-size: 26px;
    padding: calc(49/26*1em);
    box-sizing: border-box;
    word-break: keep-all;
}
._worker .swiper-slide .inner .txtBox .txt .tit {
    font-size: inherit;
    font-weight: bold;
    letter-spacing: -0.025em;
    color: #101010;
    padding-bottom: calc(40/26*1em);
    line-height: calc(40/26*1em);
}
._worker .swiper-slide .inner .txtBox .txt .desc {
    font-size: 18px; font-weight: 500;
    letter-spacing: -0.025em;
    color: #101010;
    line-height: calc(30/18*1em);
}
._worker .swiper-slide .inner .txtBox .cmpny {
    display: flex; align-items: center; gap: 20px;
}
@media screen and (max-width: 1024px) {
    ._worker .navi {
        display: none;
    }
    ._worker .swiper-wrapper {
        flex-direction: column;
        width: 100%;
    }
    ._worker .swiper-slide {
        width: 100%;
    }
    ._worker .swiper-slide + .swiper-slide {
        margin-left: 0;
        margin-top: 20px;
    }
    ._worker .swiper-slide .inner > * {
        width: calc(100% / 2 - (15px / 2));
    }
    ._worker .swiper-slide .inner .imgBox img {
        height: 100%;
        object-fit: cover;
    }
    ._worker .swiper-slide .inner .txtBox {
        font-size: 22px;
    }
    ._worker .swiper-slide .inner .txtBox .txt .tit br {
        display: none;
    }
    ._worker .swiper-slide .inner .txtBox .txt .desc br {
        display: none;
    }
}
@media screen and (max-width: 820px) {
    ._worker {
        padding-top: 50px;
        padding-bottom: 100px;
    }
    ._worker .swiper-slide .inner > * {
        width: 100%;
    }
    ._worker .swiper-slide .inner .imgBox {
        max-width: 400px;
    }
    ._worker .swiper-slide .inner .imgBox p {
        font-size: clamp(24px, 36/820*100vw, 36px);
    }
    ._worker .swiper-slide .inner .txtBox .txt .desc {
        padding-bottom: calc(40/22*1em);
    }
}
@media screen and (max-width: 720px) {
    ._worker .swiper-slide .inner {
        /* flex-direction: column; */
        align-items: flex-start;
    }
    ._worker .swiper-slide .inner .imgBox {
        max-width: 180px;
    }
    ._worker .swiper-slide .inner .txtBox {
        font-size: 20px;
        padding: calc(40/26*1em);
    }
    ._worker .swiper-slide .inner .txtBox .txt .desc {
        font-size: 16px;
    }
}
@media screen and (max-width: 500px) {
    ._worker .swiper-slide .inner {
        flex-direction: column;
        align-items: center;
    }
    ._worker .swiper-slide .inner .imgBox {
        width: 100%;
        max-width: 400px
    }
    ._worker .swiper-slide .inner .txtBox .txt .desc {
        font-size: 16px;
    }
    ._worker .swiper-slide .inner .txtBox .cmpny .logo {
        height: 40px;
    }
    ._worker .swiper-slide .inner .txtBox .cmpny .logo img {
        height: 100%;
    }
}
@media screen and (max-width: 360px) {
    ._worker .swiper-slide .inner .txtBox {
        font-size: 16px;
    }
    ._worker .swiper-slide .inner .txtBox .txt .desc {
        font-size: 14px;
    }
}


.s4 {
    background: #e2f157;
    padding: calc(95/56*1em) 0; font-size: 56px;
    box-sizing: border-box;
}
.s4 .inner {
    display: flex; align-items: flex-start; justify-content: space-between;
}
.s4 .inner p {
    font-size: inherit; font-weight: 700;
    letter-spacing: -0.025em; line-height: calc(76/56*1em);
    color: #101010;
}
.s4 .inner a {
    position: relative;
    font-size: 20px;
    width: calc(252/20*1em);
    height: calc(252/20*1em);
    display: flex; align-items: center; justify-content: center;
    transform: rotate(-45deg);
    transition: .4s;
}
.s4 .inner a:hover {
    transform: rotate(0deg);
}
.s4 .inner a .img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(calc(-45deg * 3));
    transition: .6s;
}
.s4 .inner a:hover .img {
    transform: rotate(0deg);
}
.s4 .inner a .img img {
    width: 100%;
}
@media screen and (max-width: 1280px) {
    .s4 {
        font-size: clamp(35px, 46/1280*100vw, 46px);
    }
    .s4 .inner a {
        font-size: clamp(14px, 20/1280*100vw, 20px);
    }
}
@media screen and (max-width: 820px) {
    .s4 {
        margin-top: 100px;
        font-size: clamp(24px, 30/820*100vw, 30px);
    }
    .s4 .inner a {
        transform: rotate(0deg);
    }
}
@media screen and (max-width: 500px) {
    .s4 .inner {
        flex-direction: column;
    }
    .s4 .inner a {
        align-self: center; margin-top: calc(30/12*1em);
        font-size: clamp(10px, 14/500*100vw, 14px);
    }
}