@charset "utf-8";

/* mainVisualWrap */
.mainVisualWrap {width:100%; height:100vh; display:flex; align-items:center; padding:0 120px; box-sizing:border-box; background:#000; position:relative; overflow:hidden}
.mainVisualWrap::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); z-index:1}
.mainBgVideo {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:0}
.mVtxt {width:100%; display:flex; justify-content:space-between; position:relative; z-index:1}
.mVtxt-left {font-family:var(--ArchivoBlack); font-size:36px; letter-spacing:-0.45px; color:#fff; }
.mVtxt-right {font-family:var(--helveticaNeue); font-size:18px; font-weight:400; line-height:22px;  color:#fff}

/* conA */
.conA {display:flex; justify-content:center; align-items:center; min-height:100%; overflow:hidden; padding:100px 20px 115px 20px; }
.oval {width:100%; max-width:1750px; height:765px; border:1px solid #333; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; padding:40px 150px; box-sizing:border-box; transition:transform 0.1s linear; transform-origin: center center;}
.line {color:#55b43d !important; display:inline-block; opacity:0; transform:translateY(40px); transition:opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: opacity, transform; font-family:var(--ArchivoBlack); font-size:70px; letter-spacing:-4.5px; line-height:95px; color:#000; word-break:keep-all}

.line:nth-child(1) { transition-delay: 0.1s; }
.line:nth-child(3) { transition-delay: 0.2s; }
.line:nth-child(5) { transition-delay: 0.3s; }
.line:nth-child(7) { transition-delay: 0.4s; }
.line:nth-child(9) { transition-delay: 0.5s; }
.line:nth-child(11) { transition-delay: 0.6s; }

/* conB */
.conB {padding:0 20px 65px 20px; box-sizing:border-box; border-bottom:1px solid #000}
.conBTitWrap {display:flex; justify-content:space-between; margin-bottom:55px}
.conB_txt {margin:40px 0 70px 0; width:80%}

/* conC */
.conC {display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; padding:35px 20px 90px 20px; box-sizing:border-box}
.conC_profile {flex-shrink:0; display:flex; gap:38px; max-width:910px}
.conC_profile_left {flex-shrink:0}
.profile_name {font-family:var(--ArchivoBlack); font-size:18px; letter-spacing:-0.45px; color:#000; margin-bottom:20px}
.profile_tit {font-family:var(--helveticaNeue); font-size:16px; font-weight:700; color:#000; line-height:21px; margin-bottom:20px}
.profile_desc {font-family:var(--helveticaNeue); font-size:16px; font-weight:700; color:#707070; line-height:21px}
.cover2_mtxt {display:block; font-family:var(--ArchivoBlack);  margin-top:25%;}

/* conD */
.conD {display:flex; flex-direction:column; align-items:center; background:url('../images/main/main_con03.webp') center center no-repeat; background-size:cover; width:100%; height:100vh; padding:55px 20px 0 20px; box-sizing:border-box; text-align:center}
.conDTitWrap {margin-top:auto; margin-bottom:auto}
.conDTitWrap .coverTit72 {margin-bottom:60px}

/* conE */
.conE {display:flex; justify-content:space-between; width:100%; height:100vh}
.conE_left {width:50%; height:100%; background:url('../images/main/main_con04.webp') center center no-repeat; background-size:cover}
.conE_right {width:50%; height:100%; background:#000; display:flex; flex-direction:column; justify-content:space-between; padding:26px 40px 47px 40px; box-sizing:border-box}
.conE_right-top .coverTxt34 {margin-bottom:50px}
.conE_right-bottom .coverTxt20 {margin-bottom:30px}

/* conF */
.conF {display:flex; flex-direction:column; align-items:center; background:url('../images/main/main_con09.webp') center center no-repeat; background-size:cover; width:100%; height:100vh; padding:55px 20px 0 20px; box-sizing:border-box; text-align:center; position:relative; overflow:hidden}
.conF::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.2); z-index:2}
.conFBgVideo {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:1}
.conF .coverTxt20, .conF .conFTitWrap {position:relative; z-index:3}
.conFTitWrap {margin-top:auto; margin-bottom:auto}
.conFTitWrap .coverTit72 {margin-bottom:60px}

/* conG */
.conG {padding:34px 20px 65px 20px; box-sizing:border-box; background:#000}
.conG-top {display:flex; justify-content:space-between}
.conG-top .conG-top-mobileTxt {font-family:var(--ArchivoBlack); font-size:20px; letter-spacing:-0.45px; margin:0; color:#d9d9d9}
.conG-bottom {margin-top:250px}
.conG-bottom .coverTxt34 {margin-top:30px; margin-bottom:50px}

/* conH */
.conH {border-top:1px solid #666; border-bottom:1px solid #666; background:#000; box-sizing:border-box; display:flex; height:100vh; align-items:center}
.conH-left {width:50%; height:100vh; display:flex; flex-direction:column}
.conH-item {flex:1; display:flex; flex-direction:column; justify-content:center; padding:0 3% 0 20px; border-bottom:1px solid #666; box-sizing:border-box; opacity:0.6}
.conH-item:last-child {border-bottom:none}
.conH-item.active {opacity:1}
.conH-item .coverTxt20 {margin-bottom:20px}
.conH-item .btnMore {margin-top:40px; width:fit-content; display:none}
.conH-item.active .btnMore {display:flex}
.conH-right {width:50%; height:100%; overflow:hidden}
.conH-right img {width:100%; height:100%; object-fit:cover; transition:0.5s}

/* conI */
.conI {background:url('../images/conI_bg.webp') center center no-repeat; background-size:cover}
.conI > a {display:block; max-width:1300px; margin:0 auto; padding:44px 20px 77px 20px}

@media screen and (max-width:1700px) {
	.mainVisualWrap {padding:0 80px}
	.oval {height:39.8438vw}
	.line {font-size:4.1667vw; line-height:5.4688vw}
	.cover2_mtxt {margin-top:5%;}
}
@media screen and (max-width:1440px) {
	.conA {padding:50px 20px}

	.conB {padding:0 60px 90px 60px}
	.conBTitWrap {flex-wrap:wrap; margin-bottom:0}
	.conB_img {width:calc(100% + 120px); margin-left:-60px}
	.conB .coverTxt20 {order:1; width:100%; margin-bottom:25px}
	.conB .coverTit72 {order:2; width:100%; margin-bottom:50px}
	.conB_txt {margin:60px 0 50px 0; width:95%}

	.conC {justify-content:flex-start; padding:90px 60px}
	.conC .coverTxt20 {order:1; width:100%; margin-bottom:25px}
	.conC .coverTit72 {order:2; width:100%; margin-bottom:50px}
	.conC .conC_profile {order:3; width:100%}

	.conD {justify-content:center; padding-top:0}
	.conDTitWrap {margin-top:0 !important; margin-bottom:0 !important}
	.conD .coverTxt20 {margin-bottom:25px}
	.conDTitWrap .coverTit72 {margin-bottom:55px}

	.conE_right-bottom {order:1; width:100%; margin-bottom:60px}
	.conE_right-top {order:2; width:100%}

	.conF {justify-content:center; padding-top:0}
	.conFTitWrap {margin-top:0 !important; margin-bottom:0 !important}
	.conF .coverTxt20 {margin-bottom:25px}
	.conFTitWrap .coverTit72 {margin-bottom:55px}

	.conG-top {flex-wrap:wrap}
	.conG-top .coverTxt20 {order:1; width:100%; margin-bottom:25px}
	.conG-top .coverTit72 {order:2; width:100%; margin-bottom:50px}
	.conG-bottom {margin-top:0}

	.conH {height:100%; flex-wrap:wrap}
	.conH-right {width:100%; height:100%; order:1}
	.conH-left {width:100%; height:auto; order:2}
	.conH-item {padding:40px 0; margin:0 40px}
}
@media screen and (max-width:1040px) {
	.conB_txt {width:100%}
}
@media screen and (max-width:1024px) {
	.mainVisualWrap {align-items:stretch}
    .mVtxt {flex-direction:column; height:100%; justify-content:flex-start; text-align:left}
    .mVtxt-left {margin-top:auto; padding-top:100px}
    .mVtxt-right {margin-top:auto; padding-bottom:100px}
	.oval {height:40vw; padding:3.9063vw 14.6484vw}
	.line {font-size:3.7109vw; line-height:5.3711vw; letter-spacing:-0.2393vw}
	.conC .conC_profile {flex-wrap:wrap}
	.conE {flex-direction:column; height:auto}
	.conE_left {width:100%; height:100vh}
	.conE_right {width:100%; height:auto; justify-content:flex-start; padding:60px 40px}
}
@media screen and (max-width:768px) {
	.mainVisualWrap {padding:0 60px}

	.conB {padding:0 40px 70px 40px}
	.conBTitWrap {flex-wrap:wrap; margin-bottom:0}
	.conB_img {width:calc(100% + 80px); margin-left:-40px}
	.conB_txt {margin:40px 0 30px 0}

	.conC {padding:60px 40px}
	.conC_profile_left {flex-shrink:initial}
	.profile_name.mt100 {margin-top:70px !important}

	.conDTitWrap .coverTit72 {margin-bottom:30px}
	
	.conE_right-bottom .coverTxt20 {margin-bottom:15px}
	.conE_right-bottom {margin-bottom:20px}

	.conG {padding:60px 20px 80px 20px}
    .conG-top .coverTit72 {margin-bottom:20px}
    .conG-top .conG-top-mobileTxt {order:3; margin-bottom:50px}
}
@media screen and (max-width:550px) {
	.mainVisualWrap {padding:0 30px}
    .conA {padding:30px 20px}
	.line {font-size:3.7109vw; line-height:4.5vw}
}