@charset "utf-8";


/* AI 활용 원데이클래스 */
.oneday_ai .img, .oneday_promo .img {display:block;max-width:100%;}
.oneday_ai {background: url('/2025/img/landing/oneday_ai-bg.png') center center / cover no-repeat;padding: 972px 0 90px;}
.oneday_ai .tit01 {margin: 0 auto;max-width: 26vw;}
.oneday_ai .tit02 {margin: 25px auto 0;max-width: 48vw;}
.oneday_ai .tit03 {margin: 100px auto 0;max-width: 85vw;}
.oneday_ai .tit04 {margin: 75px auto 0;max-width: 85vw;}
.oneday_ai .levels {margin: 60px auto 0;display:flex;flex-wrap:wrap;flex-direction: column;gap: 20px;max-width: 85vw;}
.oneday_ai .news02 {position: absolute;top: 110px;right: -230px;z-index:2;}
.oneday_ai .news03 {position: absolute;bottom: 0;left: -95px;z-index:1;}
.oneday_ai .news {margin: 80px auto 0;position:relative;height: 720px;width:750px;}
.oneday_promo {display:none;}


/* AI Winter Camp */
:root {
  --aiwcamp-color-primary: #18e5fd;
  --aiwcamp-color-second: #18affd;
  --aiwcamp-color-dark: #191919;
  --aiwcamp-color-white: #ffffff;
}


.aiwcamp-main .img {display: block;margin: 0 auto;max-width:100%;} 
.aiwcamp-main {padding: 280px 0 140px;background: url('/2025/img/landing/aiwcamp-bg01.png') center center / cover no-repeat;}
.aiwcamp-main .title {width: max-content;max-width: 95%;margin: 0 auto 350px;}
.aiwcamp-main b {font-weight: 700;}
.aiwcamp-main .subtitle {color: var(--aiwcamp-color-white);font-family: 'Tenada';font-size:50px;font-weight:800;text-align:center;line-height: 1.3;}
.aiwcamp-main .subtitle span {font-family: 'Freesentation';font-weight:400;font-size:32px;}
.aiwcamp-main .cards {display:flex;justify-content:center;gap: 8px;margin:145px auto 120px;font-family: 'Freesentation';}
.aiwcamp-main .cards li {width:315px;min-height:285px;max-width:48%;border-radius:24px;background: var(--aiwcamp-color-white);position:relative;padding: 90px 20px 40px;text-align:center;color: #081825;}
.aiwcamp-main .cards .num {background:var(--aiwcamp-color-primary);width:66px;height:66px;border-radius: 100%;color: var(--aiwcamp-color-dark);font-size:26px;line-height: 1;display:flex;justify-content:center;align-items:center;font-weight:700; position: absolute;top:0;left:50%;transform: translate(-50%, -50%);}
.aiwcamp-main .cards .tit {font-weight:600;font-size:37px;}
.aiwcamp-main .cards .divider {height: 1.7px;width:35px;background:#081825;opacity: 0.2;display:block;margin: 30px auto;}
.aiwcamp-main .cards .subtit {font-weight:400;font-size:21px;line-height:1.3;}
.aiwcamp-main .cards .subtit b {font-weight:600;}
.aiwcamp-main .txt {font-weight:400;font-size:30px;line-height: 1.6;text-align:center;color:var(--aiwcamp-color-white);}
.aiwcamp-main .bottom-subtit {font-family: 'Freesentation';font-weight:400;font-size:39px;text-align:center;color:var(--aiwcamp-color-white);margin:70px auto 0;width:max-content;max-width:95%;position:relative;z-index:1;}
.aiwcamp-main .bottom-subtit:after {position:absolute;display:block;content:'';width: 173px;height: 17px;background: var(--aiwcamp-color-primary);bottom: 0;right:0;z-index:-1;transform: translateY(-40%);}

.aiwcamp-section .title {text-align:center;color:var(--aiwcamp-color-white);font-size: 50px;font-weight: 800;font-family: 'Tenada';}
.aiwcamp-section .title span {color: var(--aiwcamp-color-primary);}
.aiwcamp-section .subtitle {text-align:center;color:var(--aiwcamp-color-white);font-size: 32px;font-weight:400;font-family: 'Freesentation';}

.aiwcamp-session {padding: 220px 0 200px;background: url('/2025/img/landing/aiwcamp-bg02.jpg') center center / cover no-repeat;}
.aiwcamp-session .txt {font-size:31px;font-weight:400;color: var(--aiwcamp-color-white);text-align:center;margin: 120px auto 140px;line-height: 1.5;}
.aiwcamp-session .cont {display:flex;justify-content:center;gap: 12px;row-gap:12px;flex-wrap:wrap;flex-direction:row;width:1290px;max-width:95%;font-family: 'Freesentation';margin: 0 auto;}
.aiwcamp-session .cont article {border: 1px solid var(--aiwcamp-color-primary);width:420px;max-width:49%;min-height:490px;border-radius: 10px;}
.aiwcamp-session .cont .cont-header {background: var(--aiwcamp-color-primary);margin-top:20px;color:var(--aiwcamp-color-white);font-weight: 600;font-size: 31px; line-height: 1.2;text-align:center;width:100%;height:130px;display:flex;justify-content:center;align-items:center;position:relative;color: var(--aiwcamp-color-dark);}
.aiwcamp-session .cont .cont-header:after {position:absolute;content:'';background: var(--aiwcamp-color-primary);display:block;width: 17px;height: 17px;bottom:0;left:50%;transform: translate(-50%,50%) rotate(45deg);}
.aiwcamp-session .cont-txt {padding: 35px 18px;color: var(--aiwcamp-color-white);}
.aiwcamp-session .cont-txt h5 {color: var(--aiwcamp-color-primary);font-weight: 700;font-size:21px;}
.aiwcamp-session .cont-txt p {font-weight:700;font-size:21px;line-height: 1.3;}
.aiwcamp-session .cont-txt ul {font-weight:300;font-size: 19px;margin-top:15px;line-height:1.4;padding-left:18px;}
.aiwcamp-session .cont-txt li {list-style: numeral;}

.aiwcamp-session .cont article:nth-of-type(2n) .cont-header  {background: var(--aiwcamp-color-second);}
.aiwcamp-session .cont article:nth-of-type(2n) .cont-txt h5 {color: var(--aiwcamp-color-second);}
.aiwcamp-session .cont article:nth-of-type(2n) .cont-header:after {background: var(--aiwcamp-color-second);}
.aiwcamp-session .cont article:nth-of-type(2n) {border: 1px solid var(--aiwcamp-color-second);}
.aiwcamp-session .cont article:last-of-type .cont-header {font-size:28px;line-height: 1.1; }

.aiwcamp-teacher {background: #121212;padding: 130px 0 175px;}
.aiwcamp-teacher .teacher-intro {margin: 150px auto 0;display:flex;justify-content:center;width:max-content;width:1290px;max-width:90%;gap:1%;}
.aiwcamp-teacher .teacher-preview {display:none;width:815px;height: 460px;transition: 0.8s opacity ease;border-radius: 10px; background: #252525; justify-content:center; gap:10%;padding: 85px 20px 85px 90px;max-width:65%;opacity:0;}
.aiwcamp-teacher .teacher-preview.on {display:flex;opacity: 1;transition: 0.8s opacity ease;}
.aiwcamp-teacher .teacher-image {width:252px;height:252px;border-radius: 100%;margin: auto 0;}
.aiwcamp-teacher .teacher-image img {object-fit:cover;width:100%;height:auto;margin: auto 0; /* filter: drop-shadow(10px 20px 10px rgba(0,0,0,0.45)); */}
.aiwcamp-teacher .teacher-txt {display:flex;flex-wrap:wrap;flex-direction:row;row-gap:35px;color: var(--aiwcamp-color-white);max-width:50%;}
.aiwcamp-teacher .teacher-txt div {width:100%;}
.aiwcamp-teacher .teacher-preview .num {color: var(--aiwcamp-color-primary);font-family: 'Tenada';font-size:40px;font-weight:800;line-height: 1;}
.aiwcamp-teacher .teacher-preview h4 {font-family: 'Tenada';font-size:18px;font-weight:800;line-height: 1;}
.aiwcamp-teacher .teacher-preview h4 span {font-family: 'Freesentation';font-size:27px;font-weight:500;padding-left: 5px;}
.aiwcamp-teacher .teacher-preview ul {font-family: 'Freesentation';font-size:21px;font-weight:300;line-height: 1.3;margin-top: 5px;}
.aiwcamp-teacher .teacher-preview ul li {position: relative;padding-left: 15px;}
.aiwcamp-teacher .teacher-preview ul li b  {font-size: 16px;font-weight:600;}
.aiwcamp-teacher .teacher-preview ul li:before {content: "";position: absolute;left: 0;top: 13px;width: 3px; height: 3px;background: var(--aiwcamp-color-white);border-radius: 50%;}
.aiwcamp-teacher .teacher-preview div {height:max-content;}
.aiwcamp-teacher .teacher-list {width:465px;display:flex;flex-wrap:wrap;flex-direction:row;gap:2%;row-gap:2%;max-width: 40%;}
.aiwcamp-teacher .teacher-list div {width:146px;max-width:32%;height: 146px;background: var(--aiwcamp-color-white);border-radius: 10px;display:flex;align-items:flex-end;overflow:hidden;cursor:pointer;}
.aiwcamp-teacher .teacher-list div:hover {background: var(--aiwcamp-color-primary);}
.aiwcamp-teacher .teacher-list div.on {background: var(--aiwcamp-color-primary);}
.aiwcamp-teacher .teacher-list img {display:block;max-width:100%;max-height: 95%;margin: 0 auto -1px;}
.aiwcamp-teacher .teacher-list div.default-image {background: #545454;}
.aiwcamp-teacher .teacher-list .default-image img{width:100%;height:100%;max-height: 100%;object-fit:cover;}
.aiwcamp-end {background: var(--aiwcamp-color-dark);padding: 210px 0 300px;margin-bottom: 100px;}

.aiwcamp-schedule {max-width: 100%;overflow-x: auto;width:1290px;margin: 120px auto 290px;}
.aiwcamp-schedule .schedule-table {width: 100%;border-collapse: collapse;table-layout: fixed;font-size: 14px;color: #fff;background: #111;}
.aiwcamp-schedule .schedule-table thead th {background:  var(--aiwcamp-color-primary);color:  var(--aiwcamp-color-dark);font-family:'Noto Sans KR';padding: 18px 10px;font-size:19px;text-align: center;font-weight: 700;}
.aiwcamp-schedule .schedule-table tbody tr {border-bottom: 2px dotted #535353;}
.aiwcamp-schedule .schedule-table tbody td {padding: 15px 12px;text-align: center;}
.aiwcamp-schedule .schedule-table tbody {border-bottom: 4px solid #8c8c8c;font-family:'Noto Sans KR';font-weight: 400;background: var(--aiwcamp-color-dark);font-size: 19px;}
.aiwcamp-schedule .schedule-table .month {background: var(--aiwcamp-color-white);color: var(--aiwcamp-color-dark);font-weight: 400;text-align: center;vertical-align: middle;border-right: 1px solid #333;font-family:'Noto Sans KR';}
.aiwcamp-schedule .schedule-table tbody tr:first-of-type td:nth-of-type(4) {font-weight:600;}
.aiwcamp-schedule .schedule-table tbody tr:first-of-type td:nth-of-type(3) {font-weight:400;}
.aiwcamp-schedule .schedule-table tbody tr td:nth-of-type(3) {font-weight:600;}
.aiwcamp-schedule .schedule-table .btn-status {display: inline-flex;align-items: center;justify-content: center;min-width: 148px;padding: 6px 16px;border-radius: 999px;border: none;font-size: 18px;line-height: 1;cursor:pointer;background: #4fa5fa;color: #ffffff;}
.aiwcamp-schedule .schedule-table .btn-closed {background: #747474;color: var(--aiwcamp-color-dark);cursor: default;}

.aiwcamp-end .steps-box {width: 1290px;max-width:90%;background: var(--aiwcamp-color-white);font-family: 'Freesentation';margin: 90px auto 290px;position:relative;border-radius: 10px;display:flex;} 
.aiwcamp-end .steps-box .astr {position:absolute;top:0;right:0;transform: translate(30%, -62%);animation: astrAnimation 8s linear infinite;}
@keyframes astrAnimation {0% {transform: translate(30%, -62%)} 50% {transform: translate(30%, -85%)} 100% {transform: translate(30%, -62%)} }
.aiwcamp-end .cont-left {padding: 70px 65px;border-radius: 10px 0 0 10px;width: 63%;}
.aiwcamp-end .cont-left div {position:relative;z-index:4;width:12px;height: 12px;border-radius: 100%;border: 2px solid var(--aiwcamp-color-second);background: var(--aiwcamp-color-white);margin: auto 10px;}
.aiwcamp-end .cont-left h4 {display:flex;font-weight: 400;font-size: 21px;color:  var(--aiwcamp-color-dark);}
.aiwcamp-end .cont-left h4 span {font-weight: 700;font-size: 21px;color: var(--aiwcamp-color-second);}
.aiwcamp-end .cont-left h4:first-of-type div:after {display:block;content:'';height:30px;width:1px;background: var(--aiwcamp-color-second);position:absolute;z-index: 2;bottom: 0;left:50%;transform:translate(-50%,100%);border: 1px solid var(--aiwcamp-color-second);border-right: 0;}
.aiwcamp-end .cont-left p {color:  var(--aiwcamp-color-dark);opacity: 0.6;margin-top:20px;}
.aiwcamp-end .cont-right {background: #efefef;border-radius: 0 10px 10px 0;width: 37%;padding: 50px 45px;}
.aiwcamp-end .cont-right h5 {color:  var(--aiwcamp-color-second);font-weight:700;font-size: 21px;}
.aiwcamp-end .cont-right ul {color:  var(--aiwcamp-color-dark);font-weight:400;font-size: 21px;line-height:1.4;margin-top:10px;}
.aiwcamp-end .cont-right li {position: relative;}
.aiwcamp-end .cont-right li:before {content: "";position: absolute;left: -12px;top: 14px;width: 3px; height: 3px;background: var(--aiwcamp-color-dark);border-radius: 50%;}
.aiwcamp-end .aiwcamp-logo {margin: 0 auto;}



@media(max-width:1280px) {
	.aiwcamp-main {padding: 45vw 0 18vw;}
	.aiwcamp-main .title {max-width: 95%;margin: 0 auto 30vw;}
	.aiwcamp-main .subtitle {font-size:6vw;}
	.aiwcamp-main .subtitle span {font-size:3vw;}
	.aiwcamp-main .cards {gap: 2vw; row-gap: 6vw;margin:14.5vw auto 12vw;flex-wrap:wrap;}
	.aiwcamp-main .cards li {border-radius:2.4vw; padding:7vw 2vw 4vw;width:38%;min-height:unset;height: 30vw;}
	.aiwcamp-main .cards .num {width:6.6vw; height:6.6vw; font-size:2.6vw;}
	.aiwcamp-main .cards .tit {font-size:4vw;}
	.aiwcamp-main .cards .divider {height:.17vw; width:3.5vw; margin:2vw auto 3vw;}
	.aiwcamp-main .cards .subtit {font-size:2.5vw;}
	.aiwcamp-main .txt {font-size:3vw;}
	.aiwcamp-main .bottom-subtit {margin:7vw auto 0; font-size:3.9vw;}
	.aiwcamp-main .bottom-subtit:after {width:17.3vw; height:1.7vw;}

	.aiwcamp-section .title {font-size:5vw;}
	.aiwcamp-section .subtitle {font-size:3.2vw;}
	.aiwcamp-session {padding:22vw 0 20vw;}
	.aiwcamp-session .txt {font-size:3.1vw; margin:12vw auto 14vw;}
	.aiwcamp-session .cont {gap:2%; row-gap:2vw; width:90%;justify-content:flex-start;}
	.aiwcamp-session .cont article {width:49%; min-height:53vw; border-radius:1vw;}

	.aiwcamp-session .cont article:nth-of-type(2n) .cont-header,
	.aiwcamp-session .cont article:nth-of-type(2n) .cont-header:after {background: var(--aiwcamp-color-second);}
	.aiwcamp-session .cont article:nth-of-type(2n) {border-color: var(--aiwcamp-color-second);}
	.aiwcamp-session .cont article:nth-of-type(2n) .cont-txt h5 {color: var(--aiwcamp-color-second);}
	.aiwcamp-session .cont article:nth-of-type(4n+1) .cont-header,
	.aiwcamp-session .cont article:nth-of-type(4n+1) .cont-header:after {background: var(--aiwcamp-color-second);}
	.aiwcamp-session .cont article:nth-of-type(4n+1) .cont-txt h5 {color: var(--aiwcamp-color-second);}
	.aiwcamp-session .cont article:nth-of-type(4n+1) {border-color: var(--aiwcamp-color-second)}
	.aiwcamp-session .cont article:nth-of-type(4n+2) .cont-header,
	.aiwcamp-session .cont article:nth-of-type(4n+2) .cont-header:after {background: var(--aiwcamp-color-primary);}
	.aiwcamp-session .cont article:nth-of-type(4n+2) {border-color: var(--aiwcamp-color-primary);}
	.aiwcamp-session .cont article:nth-of-type(4n+2) .cont-txt h5 {color: var(--aiwcamp-color-primary);}
	.aiwcamp-session .cont .cont-header {margin-top:2vw; font-size:3.1vw; height:13vw;}
	.aiwcamp-session .cont .cont-header:after {width:1.7vw; height:1.7vw;}
	.aiwcamp-session .cont article:last-of-type .cont-header {font-size: 3vw;}
	.aiwcamp-session .cont-txt {padding:3.5vw 2vw;}
	.aiwcamp-session .cont-txt h5 {font-size:2.5vw;}
	.aiwcamp-session .cont-txt p {font-size:2.5vw;}
	.aiwcamp-session .cont-txt ul {font-size:2.2vw; margin-top:2.5vw; padding-left:3vw;}
	.aiwcamp-session .cont-txt li {padding-left:0.3vw;}
	.aiwcamp-teacher {padding:13vw 0 17.5vw;}
	.aiwcamp-teacher .teacher-intro {margin:15vw auto 0;flex-wrap:wrap;}
	.aiwcamp-teacher .teacher-preview {width:100%;max-width:100%; min-height:46vw;height: unset; padding:6vw 2vw 6vw 9vw; border-radius:1vw;justify-content: flex-start;}
	.aiwcamp-teacher .teacher-image {width:25.2vw; height:25.2vw;}
	.aiwcamp-teacher .teacher-txt {row-gap:4vw;}
	.aiwcamp-teacher .teacher-preview .num {font-size:4vw;}
	.aiwcamp-teacher .teacher-preview h4 {font-size:2.9vw;}
	.aiwcamp-teacher .teacher-preview h4 span {font-size:2.7vw; padding-left:.5vw;}
	.aiwcamp-teacher .teacher-preview ul {font-size:2.5vw; margin-top:1vw;}
	.aiwcamp-teacher .teacher-preview ul li {padding-left:1.5vw;}
	.aiwcamp-teacher .teacher-preview ul li b {font-size:2vw;}
	.aiwcamp-teacher .teacher-preview ul li:before {top:1.3vw; width:.3vw; height:.3vw;}
	.aiwcamp-teacher .teacher-list {width:100%;max-width:100%;margin-top: 3vw;row-gap: 2vw;}
	.aiwcamp-teacher .teacher-list div {width:32%; height:14.6vw; border-radius:1vw;}
	.aiwcamp-teacher .teacher-list div.default-image img {width:70%;}
	.aiwcamp-end {padding:21vw 0 30vw; margin-bottom:10vw;}

	.aiwcamp-schedule {width:90%; margin:12vw auto 29vw;}
	.aiwcamp-schedule .schedule-table .month {font-size:2.2vw !important;}
	.aiwcamp-schedule .schedule-table thead th {padding:1.8vw 1vw; font-size:2.2vw;}
	.aiwcamp-schedule .schedule-table tbody td {padding:1.5vw 1.2vw; font-size:2.2vw;}
	.aiwcamp-schedule .schedule-table .btn-status {min-width:11vw; padding:.6vw 1.6vw; font-size:1.8vw;}
	.aiwcamp-end .steps-box {width:80%; margin:9vw auto 29vw; border-radius:1vw;flex-wrap:wrap;}
	.aiwcamp-end .cont-left {padding:7vw 6.5vw; border-radius:1vw 0 0 1vw;width:100%;max-width:100%;}
	.aiwcamp-end .cont-left div {width:2vw; height:2vw; margin:auto 1vw;}
	.aiwcamp-end .cont-left h4, .aiwcamp-end .cont-right h5 {font-size:3vw;}
	.aiwcamp-end .cont-left h4 span {font-size:3vw;}
	.aiwcamp-end .cont-left h4:first-of-type div:after {height:3vw; width:.2vw;bottom:-0.15vw;}
	.aiwcamp-end .cont-left p {margin-top:2vw;font-size:2.6vw;}
	.aiwcamp-end .cont-right {border-radius: 0 0 1vw 1vw; padding:7vw 6.5vw;width:100%;max-width:100%;}
	.aiwcamp-end .cont-right ul {font-size:2.7vw; margin-top:1.5vw;}
	.aiwcamp-end .cont-right li:before {left:-1.2vw; top:1.4vw; width:.3vw; height:.3vw;}
	.aiwcamp-end .aiwcamp-logo {width:20vw;}
	.aiwcamp-end .steps-box .astr {width:32vw;translate(15%, -60%);top: 3vw;}


}

@media (max-width: 1080px) {
	/* AI 활용 원데이클래스 */
	.oneday_ai {background: url('/2025/img/landing/oneday_ai-bg_m.png') center center / cover no-repeat;padding: 0 0 10vw;}
	.oneday_promo {display:block;}
	.oneday_ai .news01 {max-width: 67vw;}
	.oneday_ai .news02 {top: 10vw;right: -8vw;max-width: 72vw;}
	.oneday_ai .news03 {bottom: 0;left: -6vw;max-width: 67vw;}			
	.oneday_ai .news {margin: 7vw auto 0;height:64vw;width:80vw;}
	.oneday_ai .levels {margin: 8vw auto 0;gap:3vw;}
	.oneday_ai .tit02 {margin: 3vw auto 0;}
	.oneday_ai .tit03 {margin: 12vw auto 0;}
	.oneday_ai .tit04 {margin: 10vw auto 0;}
} 



@media (max-width: 768px) {
  .aiwcamp-schedule .schedule-table {font-size: 12px;}
  .aiwcamp-schedule .btn-status {min-width: 80px;padding: 5px 12px;font-size: 12px;}
}
