@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

#contents.aidt { background: url('../../images/aidt-bg.jpg') center top #f1f7ff; color: #000; font-family: "Pretendard Variable", sans-serif; }
#contents.aidt .swiper { width: 100%; height: 100%; }


@media screen and (min-width: 1201px) {
    .xs { display: none; }
    #contents.aidt { padding-top: 0; }
    #contents.aidt .inner-wrap { width: 1200px; padding: 0 65px; margin-left: auto; margin-right: auto; }

    #contents.aidt .visual { width: 100%; height: 836px; }
    #contents.aidt .visual .inner-wrap { padding: 155px 0 0; display: flex; }
    #contents.aidt .visual .inner-wrap > div { display: flex; flex-direction: column; align-items: flex-start; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(1) { font-size: 33px; letter-spacing: -1.65px; font-weight: 300; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(2) { margin-top: 15px; font-size: 52.5px; letter-spacing: -2.63px; font-weight: 900; background: linear-gradient(144deg, #708df5, #65a5f2); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(3) { margin-top: 25px; font-size: 30px; letter-spacing: -1.5px; font-weight: 300; line-height: 40px; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(4) { margin-top: 25px; font-size: 20px; letter-spacing: -1px; font-weight: 300; line-height: 30px; }
    #contents.aidt .visual .inner-wrap > div > ul { margin-top: 50px; display: flex;  justify-content: space-between; width: 563px; flex-wrap: wrap; gap: 13px 0; }
    #contents.aidt .visual .inner-wrap > div > ul > li { border-radius: 100px;background: linear-gradient(144deg, #708df5, #65a5f2); padding: 3px; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #fff; border-radius: 100px; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a:hover { background: transparent; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a > span { background: linear-gradient(144deg, #708df5, #65a5f2); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a:hover > span { background: linear-gradient(144deg, #fff, #fff);  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(-n+2) { width: 275px; height: 87px; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(-n+2) > a { font-size: 28px; font-weight: 700; letter-spacing: -1.4px; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(n+3) { width: 180px; height: 58px; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(n+3) > a { font-size: 20px; font-weight: 700; letter-spacing: -1px; }

    #contents.aidt .visual .inner-wrap > p { flex: 0 0 677px; margin-left: 11px; width: 677px; margin-top: -5px; }
    #contents.aidt .visual .inner-wrap > p > img { width: 100%; }


    #contents.aidt .tab-btn { width: 100%; height: 123px; }
    #contents.aidt .tab-btn > ul { width: 100%; display: flex; justify-content: center; gap: 214px; height: 123px; background: #343e4c; }
    #contents.aidt .tab-btn.fixed > ul { position: fixed; top: 0; z-index: 9; }
    #contents.aidt .tab-btn > ul > li { height: 100%; color: #fff; display: flex; align-items: center; font-size: 30px; font-weight: 700; letter-spacing: -1.5px; cursor: pointer; }
    #contents.aidt .tab-btn > ul > li.on { position: relative; }
    #contents.aidt .tab-btn > ul > li.on::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 9px; background: #fff; }


    #contents.aidt > .inner-wrap .text { margin-top: 145px; font-size: 35px; font-weight: 300; letter-spacing: -1.75px; line-height: 53px; text-align: center; }
    #contents.aidt > .inner-wrap .section { border-radius: 30px; background: #fff; width: 100%; box-shadow: 0 0 43px 0 rgba(189, 213, 241, 0.23); }
    #contents.aidt > .inner-wrap .section~.section { margin-top: 32px; }
    #contents.aidt > .inner-wrap .section > p.title { background-image: linear-gradient(to right, #708df5, #65a5f2); border-radius: 30px 30px 0 0; height: 90px; color: #fff; display: flex; justify-content: center; align-items: center; gap: 13px; }
    #contents.aidt > .inner-wrap .section > p.title > span:nth-of-type(1) { padding: 11px 17px; background: #fff; border-radius: 100px; color: rgba(101,165,242,0.7); font-size: 16px; font-weight: 700; letter-spacing: -0.8px; }
    #contents.aidt > .inner-wrap .section > p.title > span:nth-of-type(2) { font-size: 30px; font-weight: 700; letter-spacing: -1.5px; }
    #contents.aidt > .inner-wrap .section > p.title+* { font-size: 20px; line-height: 30px; letter-spacing: -1px; }

    #contents.aidt > .inner-wrap .section > dl { display: flex; align-items: center; justify-content: space-between; padding: 42px 56px 42px 78px; }
    #contents.aidt > .inner-wrap .section > dl > dt { flex: 0 0 auto; }
    #contents.aidt > .inner-wrap .section > dl > dd { width: 502px; }

    #contents.aidt > .inner-wrap .section .swiper { position: relative; }
    #contents.aidt > .inner-wrap .section .swiper > p { position: absolute; top: 50%; width: 39px; height: 39px; margin-top: -19px; z-index: 9; cursor: pointer; }
    #contents.aidt > .inner-wrap .section .swiper .swiper-slide { width: 100%; height: 346px; border-radius: 30px; overflow: hidden; }
    #contents.aidt > .inner-wrap .section .swiper .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
    #contents.aidt > .inner-wrap .section .swiper .prev { left: 10px; }
    #contents.aidt > .inner-wrap .section .swiper .next { right: 10px; }


    #contents.aidt > .inner-wrap .section1 { margin-top: 60px; }
    #contents.aidt > .inner-wrap .section1 > div { padding: 68px 0; }
    #contents.aidt > .inner-wrap .section1 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section1 > div > ul { margin-top: 55px; display: flex; gap: 16px; justify-content: center; }
    #contents.aidt > .inner-wrap .section1 > div > ul > li { width: 443px; }
    #contents.aidt > .inner-wrap .section1 > div > ul > li > img { width: 100%; }


    #contents.aidt > .inner-wrap .section4 > div { padding: 50px 0 60px; }
    #contents.aidt > .inner-wrap .section4 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section4 > div > div { width: 905px; margin: 50px auto 0; }
    #contents.aidt > .inner-wrap .section4 > div > div > img { width: 100%; }


    #contents.aidt > .inner-wrap .section5 > div { padding: 60px 0 70px; }
    #contents.aidt > .inner-wrap .section5 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section5 > div > div { margin-top: 70px; padding: 0 80px; }
    #contents.aidt > .inner-wrap .section5 > div > div > p { font-size: 22px; font-weight: 700; letter-spacing: -1px; color: #65a5f2; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul { margin-top: 25px; display: flex; justify-content: space-between; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li { position: relative; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) { width: 255px; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) > p {}
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) > p > img { width: 100%; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) > svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: rotate(90deg); }

    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(2) { width: 581px; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(2) > div { width: 100%; height: 268px; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(2) > div.swiper .swiper-slide { height: 268px; }


    #contents.aidt > .inner-wrap .section6 > div { padding: 50px 0 70px; }
    #contents.aidt > .inner-wrap .section6 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section6 > div > div { width: 926px; margin: 50px auto 0; }
    #contents.aidt > .inner-wrap .section6 > div > div > img { width: 100%; }


    #contents.aidt > .inner-wrap .section7 > div { padding: 50px 0 70px; }
    #contents.aidt > .inner-wrap .section7 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section7 > div > div { width: 912px; height: max-content; margin: 50px auto 0; }
    #contents.aidt > .inner-wrap .section7 .swiper .swiper-slide { height: 546px; }


    #contents.aidt > .inner-wrap.page1 { display: none; }
    #contents.aidt > .inner-wrap.page1.on { display: block; }

    #contents.aidt > .inner-wrap.page2 { display: none; }
    #contents.aidt > .inner-wrap.page2.on { display: block; }
    #contents.aidt > .inner-wrap.page2 .author { margin-top: 90px; display: flex; justify-content: center; align-items: center; }
    #contents.aidt > .inner-wrap.page2 .author > dt { width: 360px; border-radius: 360px; box-shadow: 0 0 43px 0 rgba(105, 161, 227, 0.38); }
    #contents.aidt > .inner-wrap.page2 .author > dt > img { width: 100%; }
    #contents.aidt > .inner-wrap.page2 .author > dd { margin-left: 70px; }
    #contents.aidt > .inner-wrap.page2 .author > dd > p {}
    #contents.aidt > .inner-wrap.page2 .author > dd > p > span:nth-of-type(1) { font-size: 35.5px; font-weight: 700; letter-spacing: -1.78px; }
    #contents.aidt > .inner-wrap.page2 .author > dd > p > span:nth-of-type(2) { font-size: 24px; font-weight: 700; letter-spacing: -1.2px; }
    #contents.aidt > .inner-wrap.page2 .author > dd > div { margin-top: 25px; font-size: 24px; letter-spacing: -1.2px; line-height: 49.5px; }

    #contents.aidt > .inner-wrap.page2 .author-list { margin-top: 100px; width: 1074px; border-radius: 30px; background: #fff; padding: 50px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; box-shadow: 0 0 43px 0 rgba(189, 213, 241, 0.23); }
    #contents.aidt > .inner-wrap.page2 .author-list > li { background: #f6f7f9; border-radius: 20px; padding: 65px; }
    #contents.aidt > .inner-wrap.page2 .author-list > li > p { font-size: 27px; font-weight: 700; letter-spacing: -1.35px; }
    #contents.aidt > .inner-wrap.page2 .author-list > li > div { margin-top: 20px; font-size: 22px; line-height: 45px; letter-spacing: -1px; }
}





@media screen and (min-width: 761px) and (max-width: 1200px) {
    .xs { display: none; }
    #contents.aidt { padding-top: 0; }
    #contents.aidt .inner-wrap { width: 100.0000vw; padding: 0 5.4167vw; margin-left: auto; margin-right: auto; }

    #contents.aidt .visual { width: 100%; height: 69.6667vw; }
    #contents.aidt .visual .inner-wrap { padding: 12.9167vw 0 0; display: flex; }
    #contents.aidt .visual .inner-wrap > div { display: flex; flex-direction: column; align-items: flex-start; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(1) { font-size: 2.7500vw; letter-spacing: -0.1375vw; font-weight: 300; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(2) { margin-top: 1.2500vw; font-size: 4.3750vw; letter-spacing: -0.2192vw; font-weight: 900; background: linear-gradient(144deg, #708df5, #65a5f2); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(3) { margin-top: 2.0833vw; font-size: 2.5000vw; letter-spacing: -0.1250vw; font-weight: 300; line-height: 3.3333vw; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(4) { margin-top: 2.0833vw; font-size: 1.6667vw; letter-spacing: -0.0833vw; font-weight: 300; line-height: 2.5000vw; }
    #contents.aidt .visual .inner-wrap > div > ul { margin-top: 4.1667vw; display: flex;  justify-content: space-between; width: 46.9167vw; flex-wrap: wrap; gap: 1.0833vw 0; }
    #contents.aidt .visual .inner-wrap > div > ul > li { border-radius: 8.3333vw;background: linear-gradient(144deg, #708df5, #65a5f2); padding: 0.2500vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #fff; border-radius: 8.3333vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a:hover { background: transparent; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a > span { background: linear-gradient(144deg, #708df5, #65a5f2); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a:hover > span { background: linear-gradient(144deg, #fff, #fff);  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(-n+2) { width: 22.9167vw; height: 7.2500vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(-n+2) > a { font-size: 2.3333vw; font-weight: 700; letter-spacing: -0.1167vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(n+3) { width: 15.0000vw; height: 4.8333vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(n+3) > a { font-size: 1.6667vw; font-weight: 700; letter-spacing: -0.0833vw; }

    #contents.aidt .visual .inner-wrap > p { flex: 0 0 56.4167vw; margin-left: 0.9167vw; width: 56.4167vw; margin-top: -0.4167vw; }
    #contents.aidt .visual .inner-wrap > p > img { width: 100%; }


    #contents.aidt .tab-btn { width: 100%; height: 10.2500vw; }
    #contents.aidt .tab-btn > ul { width: 100%; display: flex; justify-content: center; gap: 17.8333vw; height: 10.2500vw; background: #343e4c; }
    #contents.aidt .tab-btn.fixed > ul { position: fixed; top: 0; z-index: 9; }
    #contents.aidt .tab-btn > ul > li { height: 100%; color: #fff; display: flex; align-items: center; font-size: 2.5000vw; font-weight: 700; letter-spacing: -0.1250vw; cursor: pointer; }
    #contents.aidt .tab-btn > ul > li.on { position: relative; }
    #contents.aidt .tab-btn > ul > li.on::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.7500vw; background: #fff; }


    #contents.aidt > .inner-wrap .text { margin-top: 12.0833vw; font-size: 2.9167vw; font-weight: 300; letter-spacing: -0.1458vw; line-height: 4.4167vw; text-align: center; }
    #contents.aidt > .inner-wrap .section { border-radius: 2.5000vw; background: #fff; width: 100%; box-shadow: 0 0 3.5833vw 0 rgba(189, 213, 241, 0.23); }
    #contents.aidt > .inner-wrap .section~.section { margin-top: 2.6667vw; }
    #contents.aidt > .inner-wrap .section > p.title { background-image: linear-gradient(to right, #708df5, #65a5f2); border-radius: 2.5000vw 2.5000vw 0 0; height: 7.5000vw; color: #fff; display: flex; justify-content: center; align-items: center; gap: 1.0833vw; }
    #contents.aidt > .inner-wrap .section > p.title > span:nth-of-type(1) { padding: 0.9167vw 1.4167vw; background: #fff; border-radius: 8.3333vw; color: rgba(101,165,242,0.7); font-size: 1.3333vw; font-weight: 700; letter-spacing: -0.0667vw; }
    #contents.aidt > .inner-wrap .section > p.title > span:nth-of-type(2) { font-size: 2.5000vw; font-weight: 700; letter-spacing: -0.1250vw; }
    #contents.aidt > .inner-wrap .section > p.title+* { font-size: 1.6667vw; line-height: 2.5000vw; letter-spacing: -0.0833vw; }

    #contents.aidt > .inner-wrap .section > dl { display: flex; align-items: center; justify-content: space-between; padding: 3.5000vw 4.6667vw 3.5000vw 6.5000vw; }
    #contents.aidt > .inner-wrap .section > dl > dt { flex: 0 0 auto; }
    #contents.aidt > .inner-wrap .section > dl > dd { width: 41.8333vw; }

    #contents.aidt > .inner-wrap .section .swiper { position: relative; }
    #contents.aidt > .inner-wrap .section .swiper > p { position: absolute; top: 50%; width: 3.2500vw; height: 3.2500vw; margin-top: -1.5833vw; z-index: 9; cursor: pointer; }
    #contents.aidt > .inner-wrap .section .swiper .swiper-slide { width: 100%; height: 28.8333vw; border-radius: 2.5000vw; overflow: hidden; }
    #contents.aidt > .inner-wrap .section .swiper .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
    #contents.aidt > .inner-wrap .section .swiper .prev { left: 0.8333vw; }
    #contents.aidt > .inner-wrap .section .swiper .next { right: 0.8333vw; }


    #contents.aidt > .inner-wrap .section1 { margin-top: 5.0000vw; }
    #contents.aidt > .inner-wrap .section1 > div { padding: 5.6667vw 0; }
    #contents.aidt > .inner-wrap .section1 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section1 > div > ul { margin-top: 4.5833vw; display: flex; gap: 1.3333vw; justify-content: center; }
    #contents.aidt > .inner-wrap .section1 > div > ul > li { width: 36.9167vw; }
    #contents.aidt > .inner-wrap .section1 > div > ul > li > img { width: 100%; }


    #contents.aidt > .inner-wrap .section4 > div { padding: 4.1667vw 0 5.0000vw; }
    #contents.aidt > .inner-wrap .section4 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section4 > div > div { width: 75.4167vw; margin: 4.1667vw auto 0; }
    #contents.aidt > .inner-wrap .section4 > div > div > img { width: 100%; }


    #contents.aidt > .inner-wrap .section5 > div { padding: 5.0000vw 0 5.8333vw; }
    #contents.aidt > .inner-wrap .section5 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section5 > div > div { margin-top: 5.8333vw; padding: 0 6.6667vw; }
    #contents.aidt > .inner-wrap .section5 > div > div > p { font-size: 1.8333vw; font-weight: 700; letter-spacing: -0.0833vw; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul { margin-top: 2.0833vw; display: flex; justify-content: space-between; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li { position: relative; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) { width: 21.2500vw; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) > p {}
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) > p > img { width: 100%; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) > svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: rotate(90deg); }

    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(2) { width: 48.4167vw; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(2) > div { width: 100%; height: 22.3333vw; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(2) > div.swiper .swiper-slide { height: 22.3333vw; }


    #contents.aidt > .inner-wrap .section6 > div { padding: 4.1667vw 0 5.8333vw; }
    #contents.aidt > .inner-wrap .section6 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section6 > div > div { width: 77.1667vw; margin: 4.1667vw auto 0; }
    #contents.aidt > .inner-wrap .section6 > div > div > img { width: 100%; }


    #contents.aidt > .inner-wrap .section7 > div { padding: 4.1667vw 0 5.8333vw; }
    #contents.aidt > .inner-wrap .section7 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section7 > div > div { width: 76.0000vw; height: max-content; margin: 4.1667vw auto 0; }
    #contents.aidt > .inner-wrap .section7 .swiper .swiper-slide { height: 45.5000vw; }


    #contents.aidt > .inner-wrap.page1 { display: none; }
    #contents.aidt > .inner-wrap.page1.on { display: block; }

    #contents.aidt > .inner-wrap.page2 { display: none; }
    #contents.aidt > .inner-wrap.page2.on { display: block; }
    #contents.aidt > .inner-wrap.page2 .author { margin-top: 7.5000vw; display: flex; justify-content: center; align-items: center; }
    #contents.aidt > .inner-wrap.page2 .author > dt { width: 30.0000vw; border-radius: 30.0000vw; box-shadow: 0 0 3.5833vw 0 rgba(105, 161, 227, 0.38); }
    #contents.aidt > .inner-wrap.page2 .author > dt > img { width: 100%; }
    #contents.aidt > .inner-wrap.page2 .author > dd { margin-left: 5.8333vw; }
    #contents.aidt > .inner-wrap.page2 .author > dd > p {}
    #contents.aidt > .inner-wrap.page2 .author > dd > p > span:nth-of-type(1) { font-size: 2.9583vw; font-weight: 700; letter-spacing: -0.1483vw; }
    #contents.aidt > .inner-wrap.page2 .author > dd > p > span:nth-of-type(2) { font-size: 2.0000vw; font-weight: 700; letter-spacing: -0.1000vw; }
    #contents.aidt > .inner-wrap.page2 .author > dd > div { margin-top: 2.0833vw; font-size: 2.0000vw; letter-spacing: -0.1000vw; line-height: 4.1250vw; }

    #contents.aidt > .inner-wrap.page2 .author-list { margin-top: 8.3333vw; width: 89.5000vw; border-radius: 2.5000vw; background: #fff; padding: 4.1667vw; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.6667vw; box-shadow: 0 0 3.5833vw 0 rgba(189, 213, 241, 0.23); }
    #contents.aidt > .inner-wrap.page2 .author-list > li { background: #f6f7f9; border-radius: 1.6667vw; padding: 5.4167vw; }
    #contents.aidt > .inner-wrap.page2 .author-list > li > p { font-size: 2.2500vw; font-weight: 700; letter-spacing: -0.1125vw; }
    #contents.aidt > .inner-wrap.page2 .author-list > li > div { margin-top: 1.6667vw; font-size: 1.8333vw; line-height: 3.7500vw; letter-spacing: -0.0833vw; }
}





@media screen and (max-width: 760px) {
    .xl { display: none; }
    #contents.aidt { padding-top: 0; }
    #contents.aidt .inner-wrap { width: 100%; padding: 0; }

    #contents.aidt .visual { width: 100%; }
    #contents.aidt .visual .inner-wrap { padding: 19.7368vw 9.2105vw 10.5263vw; }
    #contents.aidt .visual .inner-wrap > div { display: flex; flex-direction: column; align-items: flex-start; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(1) { font-size: 5.3289vw; letter-spacing: -0.2632vw; font-weight: 300; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(2) { margin-top: 1.9737vw; font-size: 8.4868vw; letter-spacing: -0.3947vw; font-weight: 900; background: linear-gradient(to right, #708df5, #65a5f2); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(3) { margin-top: 5.2632vw; font-size: 4.8684vw; letter-spacing: -0.2434vw; font-weight: 300; line-height: 6.5789vw; }
    #contents.aidt .visual .inner-wrap > div > p:nth-of-type(4) { margin-top: 4.6053vw; font-size: 3.2237vw; letter-spacing: -0.1579vw; font-weight: 300; line-height: 5.2632vw; }
    #contents.aidt .visual .inner-wrap > div > ul { margin-top: 6.5789vw; display: flex;  justify-content: space-between; width: 78.9474vw; flex-wrap: wrap; gap: 1.9737vw 0; }
    #contents.aidt .visual .inner-wrap > div > ul > li { border-radius: 13.1579vw;background: linear-gradient(to right, #708df5, #65a5f2); padding: 0.3947vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #fff; border-radius: 13.1579vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a:hover { background: transparent; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a > span { background: linear-gradient(to right, #708df5, #65a5f2); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    #contents.aidt .visual .inner-wrap > div > ul > li > a:hover > span { background: linear-gradient(to right, #fff, #fff);  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(-n+2) { width: 38.4211vw; height: 11.8421vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(-n+2) > a { font-size: 3.9474vw; font-weight: 700; letter-spacing: -0.1842vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(n+3) { width: 25.6579vw; height: 8.5526vw; }
    #contents.aidt .visual .inner-wrap > div > ul > li:nth-child(n+3) > a { font-size: 2.8947vw; font-weight: 700; letter-spacing: -0.1316vw; }

    #contents.aidt .visual .inner-wrap > p { margin: 13.1579vw auto 0; width: 72.3684vw; }
    #contents.aidt .visual .inner-wrap > p > img { width: 100%; }


    #contents.aidt .tab-btn { width: 100%; height: 19.0789vw; }
    #contents.aidt .tab-btn > ul { width: 100%; display: flex; justify-content: flex-start; gap: 16.4474vw; height: 19.0789vw; padding: 0 0 0 9.8684vw; background: #343e4c; }
    #contents.aidt .tab-btn.fixed > ul { position: fixed; top: 0; z-index: 9; }
    #contents.aidt .tab-btn > ul > li { height: 100%; color: #fff; display: flex; align-items: center; font-size: 3.5526vw; font-weight: 700; letter-spacing: -0.1776vw; cursor: pointer; word-break: keep-all; line-height: 4.3421vw; }
    #contents.aidt .tab-btn > ul > li.on { position: relative; }
    #contents.aidt .tab-btn > ul > li.on::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.1842vw; background: #fff; }
    #contents.aidt .tab-btn > ul > li > a { line-height: 4.3421vw; }


    #contents.aidt > .inner-wrap { word-break: keep-all; padding: 0 3.4211vw; }
    #contents.aidt > .inner-wrap .text { margin-top: 15.1316vw; font-size: 4.6053vw; font-weight: 300; letter-spacing: -0.2303vw; line-height: 6.9737vw; text-align: center; }
    #contents.aidt > .inner-wrap .section { border-radius: 3.9474vw; background: #fff; width: 100%; box-shadow: 0 0 5.6579vw 0 rgba(189, 213, 241, 0.23); }
    #contents.aidt > .inner-wrap .section~.section { margin-top: 3.6842vw; }
    #contents.aidt > .inner-wrap .section > p.title { background-image: linear-gradient(to right, #708df5, #65a5f2); border-radius: 3.9474vw 3.9474vw 0 0; min-height: 11.8421vw; color: #fff; display: flex; justify-content: center; align-items: center; gap: 1.7105vw; padding: 2.8947vw 0; }
    #contents.aidt > .inner-wrap .section > p.title > span:nth-of-type(1) { padding: 1.4474vw 2.2368vw; background: #fff; border-radius: 13.1579vw; color: rgba(101,165,242,0.7); font-size: 2.1053vw; font-weight: 700; letter-spacing: -0.1053vw; }
    #contents.aidt > .inner-wrap .section > p.title > span:nth-of-type(2) { font-size: 3.9474vw; font-weight: 700; letter-spacing: -0.1974vw; line-height: 5.2632vw; }
    #contents.aidt > .inner-wrap .section > p.title+* { font-size: 3.2895vw; line-height: 5.0000vw; letter-spacing: -0.1645vw; }

    #contents.aidt > .inner-wrap .section > dl { padding: 7.8947vw 0; }
    #contents.aidt > .inner-wrap .section > dl > dt { text-align: center; }
    #contents.aidt > .inner-wrap .section > dl > dd { width: 100%; margin-top: 5.2632vw; padding: 0 13.1579vw; }

    #contents.aidt > .inner-wrap .section .swiper { position: relative; height: max-content; }
    #contents.aidt > .inner-wrap .section .swiper > p { position: absolute; top: 50%; width: 5.1316vw; height: 5.1316vw; margin-top: -2.5000vw; z-index: 9; cursor: pointer; }
    #contents.aidt > .inner-wrap .section .swiper .swiper-slide { width: 100%; height: 45.5263vw; border-radius: 3.9474vw; overflow: hidden; }
    #contents.aidt > .inner-wrap .section .swiper .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
    #contents.aidt > .inner-wrap .section .swiper .prev { left: 1.3158vw; }
    #contents.aidt > .inner-wrap .section .swiper .next { right: 1.3158vw; }


    #contents.aidt > .inner-wrap .section1 { margin-top: 7.8947vw; }
    #contents.aidt > .inner-wrap .section1 > div { padding: 6.5789vw 3.4211vw; }
    #contents.aidt > .inner-wrap .section1 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section1 > div > ul { margin-top: 5.9211vw; display: flex; gap: 1.5789vw; justify-content: center; }
    #contents.aidt > .inner-wrap .section1 > div > ul > li { width: 42.1053vw; }
    #contents.aidt > .inner-wrap .section1 > div > ul > li > img { width: 100%; }


    #contents.aidt > .inner-wrap .section4 > div { padding: 5.2632vw 0 7.8947vw; }
    #contents.aidt > .inner-wrap .section4 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section4 > div > div { width: 100%; margin: 6.5789vw 0 0; padding: 0 3.4211vw; }
    #contents.aidt > .inner-wrap .section4 > div > div > img { width: 100%; }


    #contents.aidt > .inner-wrap .section5 > div { padding: 6.5789vw 0 7.8947vw; }
    #contents.aidt > .inner-wrap .section5 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section5 > div > div { margin-top: 6.5789vw; }
    #contents.aidt > .inner-wrap .section5 > div > div > p { font-size: 3.2895vw; font-weight: 700; letter-spacing: -0.1645vw; text-align: center; color: #65a5f2; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul { margin-top: 3.2895vw; display: flex; flex-direction: column; align-items: center; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li { position: relative; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) { width: 33.5526vw; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) > p {}
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) > p > img { width: 100%; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(1) > svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: rotate(90deg); }

    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(2) { margin-top: 3.9474vw; width: 76.4474vw; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(2) > div { width: 100%; height: 35.2632vw; }
    #contents.aidt > .inner-wrap .section5 > div > div > ul > li:nth-of-type(2) > div.swiper .swiper-slide { height: 35.2632vw; }


    #contents.aidt > .inner-wrap .section6 > div { padding: 6.5789vw 0 7.8947vw; }
    #contents.aidt > .inner-wrap .section6 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section6 > div > div { width: 100%; margin: 7.2368vw auto 0; padding: 0 4.6053vw; }
    #contents.aidt > .inner-wrap .section6 > div > div > img { width: 100%; }


    #contents.aidt > .inner-wrap .section7 > div { padding: 6.5789vw 5.2632vw 9.2105vw; }
    #contents.aidt > .inner-wrap .section7 > div > p { text-align: center; }
    #contents.aidt > .inner-wrap .section7 > div > div { width: 100%; height: max-content; margin: 6.5789vw auto 0; }
    #contents.aidt > .inner-wrap .section7 > div > div.swiper .swiper-slide { height: 49.6053vw; }


    #contents.aidt > .inner-wrap.page1 { display: none; }
    #contents.aidt > .inner-wrap.page1.on { display: block; }

    #contents.aidt > .inner-wrap.page2 { display: none; }
    #contents.aidt > .inner-wrap.page2.on { display: block; }
    #contents.aidt > .inner-wrap.page2 .author { margin-top: 10.5263vw; display: flex; flex-direction: column; justify-content: center; align-items: center; }
    #contents.aidt > .inner-wrap.page2 .author > dt { width: 50.0000vw; border-radius: 50.0000vw; box-shadow: 0 0 5.6579vw 0 rgba(105, 161, 227, 0.38); }
    #contents.aidt > .inner-wrap.page2 .author > dt > img { width: 100%; }
    #contents.aidt > .inner-wrap.page2 .author > dd { margin-top: 6.5789vw; }
    #contents.aidt > .inner-wrap.page2 .author > dd > p {}
    #contents.aidt > .inner-wrap.page2 .author > dd > p > span:nth-of-type(1) { font-size: 4.9342vw; font-weight: 700; letter-spacing: -0.2474vw; }
    #contents.aidt > .inner-wrap.page2 .author > dd > p > span:nth-of-type(2) { font-size: 3.3553vw; font-weight: 700; letter-spacing: -0.1684vw; }
    #contents.aidt > .inner-wrap.page2 .author > dd > div { margin-top: 2.6316vw; font-size: 3.3553vw; letter-spacing: -0.1684vw; line-height: 6.8421vw; }

    #contents.aidt > .inner-wrap.page2 .author-list { margin: 11.8421vw auto 0; width: 93.4211vw; border-radius: 3.9474vw; background: #fff; padding: 4.3421vw; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5789vw; box-shadow: 0 0 5.6579vw 0 rgba(189, 213, 241, 0.23); }
    #contents.aidt > .inner-wrap.page2 .author-list > li { background: #f6f7f9; border-radius: 2.6316vw; padding: 5.2632vw 1.9737vw 5.2632vw 3.2895vw; }
    #contents.aidt > .inner-wrap.page2 .author-list > li > p { font-size: 2.6316vw; font-weight: 700; letter-spacing: -0.1316vw; }
    #contents.aidt > .inner-wrap.page2 .author-list > li > div { margin-top: 1.3158vw; font-size: 2.2368vw; line-height: 3.9474vw; letter-spacing: -0.1118vw; }
}