@charset "UTF-8";

:root {
   --color-org: #f4690c;
   --color-red: #f0543b;
   --color-grn: #1c8f06;
   --color-sky: #00bae0;
   --color-red: #f0543b;
   --color-purple: #a624e9;
   --font-pretendard : 'Pretendard';
   --font-jalnan : 'yg-jalnan';
}

/* Skip Navigation */
#u_skip{position:absolute;top:0;left:0;z-index:50;width:100%;height:0}
#u_skip a{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-weight:normal;color:#fff;text-align:center;white-space:nowrap}
#u_skip a:hover,#u_skip a:focus,#u_skip a:active{z-index:1000;width:100%;height:auto;padding:1rem 0;background:#569aff;color:#fff}

/* Layout :: [컨텐츠 공통] */
#wrap{min-width:320px}
.inner {width: 1300px; margin: 0 auto;}

.color_org {color: var(--color-org);}
.color_red {color: var(--color-red)}

section {padding: 7rem 0; }
.flex {display: flex;}

/* 퀵 */
.quick li:nth-child(1) {opacity: 1;}
.quick li:nth-child(1) a {position: relative; overflow: hidden;}
.quick li:nth-child(1) a video {position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}

/* section_top : 디딤돌 수학 AI·디지털 교육자료 */
.section_top {background: #fffdee; position: relative; overflow: hidden; z-index: 0;}
.section_top:before, .section_top:after {content:''; position: absolute; background-size: contain; z-index: -2;}
.section_top:before {width: 849px; height: 824px; background-image: url('../img/aidt/bg-symbol.png'); right: -5%; top: -15%;}
.section_top:after {width: 637px; height: 619px; background-image: url('../img/aidt/bg-symbol2.png'); left: -5%; bottom:-10%;}
.section_top .tit_wrap {font-family:var(--font-jalnan); text-align: center; letter-spacing: -0.5px;}
.section_top .tit_wrap .sm_tit {font-size: 30px; margin-bottom: 2rem;}
.section_top .tit_wrap .tit {font-size: 82px;}
.section_top .textbook {margin-top: 5rem; text-align: center;}
.section_top .textbook .m_ver {display: none;}
.section_top .obj {position: absolute;}
.section_top .obj.obj_01 {right:-1%; top: 17%; z-index: -1; animation: shake 1s linear 0s infinite alternate;}
.section_top .obj.obj_02 {bottom: 7%; left: 5%; animation: shake2 0.8s linear 0s infinite alternate; z-index: 1;}

@keyframes shake {
   from { right:-1%; transform: rotate(7deg); }
   to { right:0%; transform: rotate(2deg); }
}

@keyframes shake2 {
   from { bottom:7%; transform: rotate(0deg); }
   to { bottom:9%; transform: rotate(3deg); }
}

/* section_character : AI·디지털 교육자료의 주요 특성은 */
.tit_wrap {font-family: var(--font-jalnan); text-align: center; letter-spacing: -0.5px; margin-bottom: 5rem;}
.tit_wrap .tit {font-size: 58px;}

.section_character {background: #e9f7ff url('../img/aidt/bg-sec02.png') center / cover no-repeat;}
.cha_wrap {flex-wrap: wrap; justify-content: space-between; gap: 50px;}
.cha_wrap .cha_item {width: calc((100% - (50px * 2)) / 3); background: #fff; padding: 3rem 2rem; box-sizing: border-box; border-radius: 20px; box-shadow: 6px 0 10px rgba(0,186,224,0.15); text-align: center;}
.cha_wrap .cha_item .cha_icon {}
.cha_wrap .cha_item .cha_tit {margin: 2rem 0 1.5rem; font-size: 30px; font-weight: 600; letter-spacing: -0.5px;}
.cha_wrap .cha_item .cha_desc {font-size: 20px; font-weight: 500;}
.cha_wrap .cha_item.full {width: 100%; position: relative; z-index: 0; padding: 3rem 5rem;}
.cha_wrap .cha_item.full:after {content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; box-shadow: 0 8px 0 var(--color-sky); z-index: -1; border-radius: 20px;}
.noti_list {text-align: left; position: relative; font-size: 1.25rem; font-weight: 500; display: flex; gap: 1.5rem; flex-direction: column;}
.noti_list li {position: relative; padding-left: 3.5rem;}
.noti_list li:before {content:''; width: 35px; height: 32px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url('../img/aidt/icon-bell.png') center / contain no-repeat;}


/* section_textbook : 디딤돌이 꿈꾸는 AI·디지털 교육자료는 */
.section_textbook {background: #f4faee url('../img/aidt/bg-sec03.png') center / cover no-repeat;}
.section_textbook .dt_info_wrap {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 60px; position: relative;}
.dt_info_wrap .dt_info_item {width: 490px; background: #fff; border-radius: 50px; box-sizing: border-box; padding: 2.5rem 1rem; text-align: center;}
.dt_info_wrap .dt_info_item .info_icon {}
.dt_info_wrap .dt_info_item .info_desc {margin-top: 1.5rem; font-size: 18px; line-height: 1.6; font-weight: 500;}
.dt_info_wrap .dt_info_item .info_desc .p_br {display: block;}
.dt_info_wrap .p_br {display: block;}
.dt_info_wrap .dt_info_item.center {
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
   width: 465px;
   height: 465px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 0 10px rgba(28, 143, 6, 0.15);
   background: rgba(255, 255, 255, 0.5);
}
.dt_info_wrap .dt_info_item.center:before {
   content:'';
   width: 180px;
   height: 254px;
   background: url('../img/aidt/bg-robot3.png') center / contain no-repeat;
   position: absolute;
   left: 50%;
   top: -140px;
   transform: translateX(-50%);
   animation: updown 0.8s linear 0s infinite alternate;
   z-index: -1;
}
.dt_info_wrap .dt_info_item .info_tit_wrap {
   width: 390px;
   height: 390px;
   border-radius: 50%;
   box-shadow: 0 0 10px rgba(28, 143, 6, 0.15);
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   position: relative;
}

.dt_info_wrap .dt_info_item .info_tit_wrap .info_tit {font-size: 48px; font-weight: 800; color: var(--color-grn);}
.dt_info_wrap .dt_info_item .info_tit_wrap .info_tit small {display: block; font-size: 25px; font-weight: 600; margin-bottom: 0.75rem;}
.dt_info_wrap .dt_info_item .info_tit_wrap .info_desc {margin-top: 2rem;}

@keyframes updown {
   0% {top: -140px;}
   50% {top: -130px;}
   100% {top: -145px;}
}


/* section_info : 디딤돌이 꿈꾸는 AI·디지털 교육자료는 */
.section_info {background: #ffe8f5 url('../img/aidt/bg-sec04.png') center / cover no-repeat;}
.info_con .info_slide_wrap {}
.info_con .info_slide_wrap .slide_top {background: #fff; border-radius: 5rem; justify-content: space-between; align-items: center; padding: 0 1.5rem 0 6rem;} 
.info_con .info_slide_wrap .slide_top .slide_tit { height: 90px; line-height: 94px; font-size: 30px; font-family: var(--font-jalnan);}
.info_con .info_slide_wrap .slide_top .slide_tit {position: relative; }
.info_con .info_slide_wrap .slide_top .slide_tit:before {content:''; width: 111px; height: 112px; position: absolute; left: -130px; top: -40px; background: url('../img/aidt/icon-title.png') center / contain no-repeat;} 
.info_con .info_slide_wrap .slide_top .slide_gubun {font-family: var(--font-jalnan); font-size: 26px; color: #fff; background: var(--color-purple); height: 52px; line-height: 52px; padding: 0.25rem 1.5rem; border-radius: 3rem;}

.info_con .info_slide_wrap {width: 1080px; margin: auto; text-align: center;}
.info_con .info_slide_wrap + .info_slide_wrap,
.info_con .info_slide_wrap + .info_banner_wrap {margin-top: 10rem;}
.info_con .info_slide_wrap .slide_wrap { margin-top: 40px; position: relative; }
.info_con .info_slide_wrap .slide_wrap .slide_item {width: 100%; height: 710px; padding-top: 7px; background: #fff; border-radius: 50px; overflow: hidden; }
.info_con .info_slide_wrap .slide_wrap.index .slide_item {height: 703px; padding-top: 0;}
.info_con .info_slide_wrap .slide_item .slide_desc,
.info_con .info_slide_wrap .slide_item .slide_img {display: flex; justify-content: center; align-items: center; width: 100%; box-sizing: border-box; } 
.info_con .info_slide_wrap .slide_item .slide_desc {font-size: 32px; font-weight: 600; letter-spacing: -0.5px; height: 120px; flex-wrap: wrap; align-content: center; display: block; word-break: keep-all;}
.info_con .info_slide_wrap .slide_item .slide_desc b {font-weight: 800; letter-spacing: -0.5px;}
.info_con .info_slide_wrap .slide_item .slide_img {height: calc(100% - 120px);align-items: baseline;}
.info_con .info_slide_wrap .slide_wrap .slide_arrow {position: absolute; top: calc(50% - ((3rem + 20px) / 2)); left: 50%; transform: translate(-50%, -50%); width: calc(100% + 120px + 10rem);}
.info_con .info_slide_wrap .slide_wrap .slide_arrow p {position: absolute; top: 0; cursor: pointer;}
.info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_prev {left: 0;}
.info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_next {right: 0;}
.info_con .slide_list .slick-dots {display: flex; gap: 16px; margin-top: 3rem; justify-content: center;}
.info_con .slide_list .slick-dots button {width: 20px; height: 20px; background: #fff; border-radius: 50%; box-sizing: border-box; box-shadow: 4px 0 9px rgba(0,0,0,0.07); text-indent: -99999px;}
.info_con .slide_list .slick-dots li.slick-active button {background: var(--color-purple);}

.info_banner_wrap .m_ver {display: none;}


/* 반응형 */
@media (max-width:1800px) {

   .section_top .obj.obj_01 {width: 20%; top: 20%;}
   .section_top .obj.obj_02 {width: 15%; left: 0%; }



}

@media (max-width:1500px) {

   .tit_wrap .tit { font-size: 54px; }

   .section_top .tit_wrap .sm_tit {font-size: 26px;}
   .section_top .tit_wrap .tit { font-size: 76px; }
   .section_top .obj.obj_01 {width: 18%; top: 28%;}
   .section_top .textbook img {width: 90%;}

   .info_con .info_slide_wrap .slide_wrap .slide_arrow {width: calc(100% + 180px);}




}

@media (max-width:1300px) {

   .inner {width: 92%;}
   .tit_wrap .tit { font-size: 48px; }

   .section_top .tit_wrap .sm_tit {font-size: 22px;}
   .section_top .tit_wrap .tit { font-size: 65px; }
   .section_top:before { width: 50%; height: 69%; top: -2rem;}
   .section_top:after { width: 40%; height: 55%; bottom: -6rem;}
   .section_top .textbook img {width: 88%;}

   .cha_wrap {gap: 40px;}
   .cha_wrap .cha_item { width: calc((100% - (40px * 2)) / 3);}
   .cha_wrap .cha_item .cha_icon { width: 120px; margin: 0 auto; }
   .cha_wrap .cha_item .cha_tit {font-size: 26px;}
   .cha_wrap .cha_item .cha_desc {font-size: 18px;}
   .noti_list {font-size: 1.125rem;}

   .dt_info_wrap .dt_info_item {width: 450px;}
   .dt_info_wrap .dt_info_item.center {width: 420px; height: 420px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap {width: 350px; height: 350px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit {font-size: 44px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit small {font-size: 23px;}

   .info_con .info_slide_wrap { width: calc(100% - 100px);}
   .info_con .info_slide_wrap .slide_top .slide_tit { height: 80px; line-height: 84px; font-size: 26px;}
   .info_con .info_slide_wrap .slide_top .slide_tit:before {width: 100px; height: 102px;left: -122px; top: -35px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow {width: calc(100% + 100px); top: calc(50% - 3rem - 25px);}
   .info_con .info_slide_wrap .slide_item .slide_img {padding: 0 1.5rem;}
   .info_con .info_slide_wrap .index .slide_item .slide_img {padding: 0;}
   .info_con .info_slide_wrap .slide_item .slide_desc {font-size: 26px;}
   .info_con .slide_list .slick-dots button {width: 18px; height: 18px;}
   .info_con .info_slide_wrap .slide_wrap .slide_item {height: auto; padding-bottom: 3rem;}


}

@media (max-width:1200px) {

   .dt_info_wrap .dt_info_item {width: 420px;}
   .dt_info_wrap .dt_info_item.center {width: 320px; height: 320px; bottom: 38%; transform: translate(-50%, 50%);}
   .dt_info_wrap .dt_info_item.center:before { width: 150px; height: 217px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap {width: 260px; height: 260px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit {font-size: 36px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit small {font-size: 16px; margin-bottom: 0.25rem;}
   .dt_info_wrap .dt_info_item .info_icon {width: 110px; margin: 0 auto;}
   .dt_info_wrap .dt_info_item .info_desc {font-size: 17px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_desc {margin-top: 1rem;}

   @keyframes updown {
      0% {top: -130px;}
      50% {top: -120px;}
      100% {top: -135px;}
   }
  

}

@media (max-width:1024px) {

   section {padding: 5rem 0;}
   .tit_wrap .tit { font-size: 44px; letter-spacing: -1px; word-break: keep-all;}

   .section_top .tit_wrap {margin-bottom: 4rem;}
   .section_top .tit_wrap .sm_tit {font-size: 20px;}
   .section_top .tit_wrap .tit { font-size: 64px; }
   .section_top .tit_wrap .tit .m_br {display: block;}
   .section_top .obj.obj_01 {width: 20%; top: 32%;}
   .section_top .obj.obj_02 {width: 15%; left: 0%; }
   .section_top .textbook {margin-top: 0;}
   .section_top:before {width: 500px; height: 485px; top: -9rem;}
   .section_top:after { width: 36%; height: 44%; bottom: -4rem; }

  

   .cha_wrap {gap: 30px;}
   .cha_wrap .cha_item { width: calc((100% - (30px * 2)) / 3); padding: 2rem 0rem;}
   .cha_wrap .cha_item .cha_icon { width: 100px; margin: 0 auto; }
   .cha_wrap .cha_item .cha_tit {font-size: 22px; margin: 1.5rem auto 1.25rem;line-height: 1.2;}
   .cha_wrap .cha_item .cha_desc {font-size: 16px;}
   .noti_list {font-size: 17px;}
   .cha_wrap .cha_item.full {padding: 2.5rem 3rem;}
   .noti_list li {padding-left: 3rem; word-break: keep-all;}
   .noti_list li:before { width: 32px; height: 30px;}

   .dt_info_wrap .dt_info_item {width: 400px;}


   .info_con .info_slide_wrap .slide_top { padding: 0 2rem 0 4rem; }
   .info_con .info_slide_wrap .slide_top .slide_tit:before {width: 80px; height: 81px; left: -100px; top: -25px;}
   .info_con .info_slide_wrap { width: calc(100% - 60px); } 
   .info_con .info_slide_wrap .slide_wrap {margin-top: 30px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow p {width: 50px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_prev {left: 20px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_next {right: 20px;}
   .info_con .info_slide_wrap .slide_item .slide_desc {height: 100px; font-size: 22px; line-height: 1.2;}
   .info_con .info_slide_wrap .slide_wrap .slide_item {padding-bottom: 1.625rem;}
   .info_con .slide_list .slick-dots button {width: 16px; height: 16px;}
   .info_con .info_slide_wrap .slide_top .slide_gubun {font-size: 22px; padding: 0.25rem 2rem;}

   .quick li:nth-child(1) {display: none; opacity: 0; transition: 0.2s all linear}


}

@media (max-width:970px) {

   .dt_info_wrap .dt_info_item {width: calc((100% - 30px) / 2);}
   .dt_info_wrap .dt_info_item.center { width: 100%; height: auto; border-radius: 30px; background: #fff; position: inherit; left: auto; bottom: auto; transform: none; }
   .dt_info_wrap .dt_info_item .info_tit_wrap {width: 50%; height: auto; background: none; border-radius: 0; box-shadow: none;}
   .dt_info_wrap .dt_info_item.center:before { width: 150px; height: 217px; left: auto; transform: none; position: inherit; z-index: 0; }
   .section_textbook .dt_info_wrap {gap: 30px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit {font-size: 42px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit small {font-size: 18px; margin-bottom: 1rem; }
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_desc { margin-top: 1.5rem; font-size: 18px; }
   .dt_info_wrap .dt_info_item .info_desc {font-size: 16px;}

   @keyframes updown {
      0% {top: -10px;}
      50% {top: 0px;}
      100% {top: 10px;}
   }

}

@media (max-width:768px) {

   .tit_wrap {margin-bottom: 4rem;}
   .tit_wrap .tit { font-size: 40px; }
   .tit_wrap .tit .m_br {display: block;}

   .section_top .tit_wrap {margin-bottom: 3.5rem;}
   .section_top .tit_wrap .sm_tit {font-size: 18px;}
   .section_top .tit_wrap .tit { font-size: 56px; }
   .section_top .textbook img { width: 94%; }
   .section_top:before {width: 400px; height: 388px; top: -5rem;}
   .section_top:after {width: 320px; height: 313px; bottom: -4rem;}
   .section_top .obj.obj_01 {top: 20%; right: 1%;}
   .section_top .obj.obj_02 {display: none;}

   @keyframes shake {
      from { right:1%; transform: rotate(7deg); }
      to { right:2%; transform: rotate(2deg); }
   }

   .section_character {background-image: url('../img/aidt/bg-sec02-m.png');}
   .section_textbook {background-image: url('../img/aidt/bg-sec03-m.png');}

   .cha_wrap .cha_item {width: 100%; display: flex; gap: 3rem; justify-content: center; align-items: center;}
   .cha_wrap .cha_item .cha_info {width: 300px;}
   .cha_wrap .cha_item .cha_icon {margin: 0;}
   .cha_wrap .cha_item .cha_tit {margin-top: 0; font-size: 26px;}
   .noti_list {font-size: 16px;}

   .dt_info_wrap .dt_info_item {width: 100%; padding: 2rem 1rem;}
   .dt_info_wrap .dt_info_item .info_tit_wrap {width: auto; margin-left: 4rem;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit {font-size: 38px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit small {font-size: 16px; margin-bottom: 0.75rem; }
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_desc {font-size: 17px;}
   .dt_info_wrap .dt_info_item.center:before { width: 130px; height: 188px;}
   .dt_info_wrap .dt_info_item .info_icon {width: 90px;}

   .info_con .info_slide_wrap .slide_top { padding: 0 0.5rem 0 4rem; }
   .info_con .info_slide_wrap .slide_top .slide_tit { height: 60px; line-height: 64px; font-size: 22px;}
   .info_con .info_slide_wrap .slide_top .slide_tit:before { width: 70px; height: 71px; left: -86px;}
   .info_con .info_slide_wrap .slide_wrap { margin-top: 20px; }
   .info_con .info_slide_wrap .slide_wrap .slide_item {border-radius: 30px;}
   .info_con .slide_list .slick-dots button {width: 14px; height: 14px;}
   .info_con .info_slide_wrap + .info_slide_wrap, .info_con .info_slide_wrap + .info_banner_wrap { margin-top: 5rem; }
   .info_con .info_slide_wrap .slide_item .slide_desc {padding: 0 2rem; font-size: 22px; height: 70px;}
   #info06.info_con .info_slide_wrap .slide_top .slide_link a > img {width: 120px;}
   .info_con .info_slide_wrap .slide_item .slide_img {padding: 0 0.5rem;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow { top: calc(50% - 2rem - 25px); }
   .info_con .info_slide_wrap .slide_top .slide_gubun {font-size: 18px; padding: 0rem 1.75rem; height: 46px; line-height: 46px;}
   .info_con .slide_list .slick-dots {margin-top: 2.25rem;}
   .info_con .info_slide_wrap .slide_wrap .slide_item {padding-bottom: 1rem;}
   
   
}

@media (max-width:640px) {

   .tit_wrap .tit { font-size: 38px; }

   .section_top .tit_wrap .sm_tit {font-size: 17px; margin-bottom: 1.5rem;}
   .section_top .tit_wrap .tit { font-size: 44px; }
   .section_top:before {width: 320px; height: 312px; top: -6rem;}
   .section_top:after {width: 250px; height: 307px; bottom: -7rem;}
   .section_top .textbook .p_ver {display: none;} 
   .section_top .textbook .m_ver {display: block; margin: 0 auto;} 

   .cha_wrap .cha_item {gap: 1.5rem; flex-direction: column;}
   .cha_wrap .cha_item.full { padding: 2rem 1.5rem; }
   .cha_wrap .cha_item .cha_info {width: auto;}
   .cha_wrap .cha_item .cha_icon {width: 90px;}
   .cha_wrap .cha_item .cha_tit {font-size: 22px;}
   .cha_wrap .cha_item .cha_desc, .noti_list {font-size: 15px;}

   
   .dt_info_wrap .dt_info_item .info_tit_wrap {width: auto; margin-left: 2rem;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit {font-size: 34px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit small {font-size: 16px; margin-bottom: 0.75rem; }
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_desc {font-size: 16px;}
   .dt_info_wrap .dt_info_item.center:before { width: 110px; height: 155px;}

   .info_con .info_slide_wrap { width: calc(100% - 40px); }
   .info_con .info_slide_wrap .slide_top {padding: 5px 0.5rem 5px 4rem;}
   .info_con .info_slide_wrap .slide_top .slide_tit {font-size: 18px; font-family: var(--font-pretendard); font-weight: 700;}
   .info_con .info_slide_wrap .slide_top .slide_tit:before { width: 60px; height: 61px; left: -74px; top: -10px; }
   .section_info .tit_wrap { margin-bottom: 5rem; }
   .info_con .info_slide_wrap .slide_top .slide_tit { height: 50px; line-height: 50px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow p {width: 40px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_prev {left: 25px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow .arr_next {right: 25px;}
   .info_con .info_slide_wrap .slide_item .slide_desc {font-size: 18px;}
   .info_con .slide_list .slick-dots {margin-top: 2rem;}
   .info_con .info_slide_wrap .slide_top .slide_gubun {font-size: 16px;}
   .info_con .info_slide_wrap .slide_item .slide_desc {height: 60px;}




}

@media (max-width:480px) {

   section {padding: 4rem 0;}
   .section_info .tit_wrap, .tit_wrap {margin-bottom: 3.25rem;}
   .tit_wrap .tit { font-size: 28px; line-height: 1.4;}

   .section_top .tit_wrap {margin-bottom: 3rem;}
   .section_top .tit_wrap .sm_tit {font-size: 14px; margin-bottom: 1.25rem;}
   .section_top .tit_wrap .tit { font-size: 34px; }
   .section_top:before {width: 250px; height: 243px; top: -6rem;}
   .section_top:after { width: 200px; height: 310px; bottom: -9rem; }

	.noti_list {width:100%;}
   .noti_list li { padding-left: 0; box-sizing: border-box; padding: 1.5rem 0.5rem; background: #f2faff; border-radius: 10px; text-align: center; margin-top: 0; width:100%; letter-spacing:-0.5px;}
   .noti_list li:before { left: auto; top: auto; transform: none; display: block; position: inherit; margin: 0 auto 0.75rem; }
   .noti_list li .m_br {display: block;}

	.section_character {background-image: url('../img/aidt/bg-sec02-m2.png');}
    .section_textbook {background-image: url('../img/aidt/bg-sec03-m2.png');}
    .section_info {background-image: url('../img/aidt/bg-sec04-m.png'); overflow-x: hidden;}


   .section_textbook .dt_info_wrap { gap: 12px; }
   .dt_info_wrap .dt_info_item {padding: 1.5rem 1rem;}
   .dt_info_wrap .dt_info_item .info_tit_wrap {margin-left: 0;}
   .dt_info_wrap .dt_info_item.center { width: 100%; border-radius: 25px 25px 0 0; border-top: 8px solid var(--color-grn); padding: 2rem 0 1.75rem;}
   .dt_info_wrap .dt_info_item.center:before {display: none;}
   .dt_info_wrap .dt_info_item {border-radius: 0;}
   .dt_info_wrap .dt_info_item .info_desc {font-size: 15px; margin-top: 1.25rem; line-height: 1.4;}
   .dt_info_wrap .dt_info_item .info_icon {width: 80px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit {font-size: 30px;}
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_tit small {font-size: 15px; margin-bottom: 0.5rem; }
   .dt_info_wrap .dt_info_item .info_tit_wrap .info_desc {font-size: 16px; margin-top: 1rem;}
   .dt_info_wrap .dt_info_item.center .info_desc .p_br {display: inline-block;}


   .info_con .info_slide_wrap { width: calc(100% - 20px); }
   .info_con .info_slide_wrap .slide_top {padding: 5px 0.5rem 5px 3rem;}
   .info_con .info_slide_wrap .slide_top .slide_tit {font-size: 16px;}
   .info_con .info_slide_wrap .slide_top .slide_tit { height: 45px; line-height: 45px; }
   .info_con .info_slide_wrap .slide_top .slide_tit:before { width: 50px; height: 51px; left: -58px;}
   .info_con .info_slide_wrap .slide_wrap .slide_arrow p { width: 30px; }
   .info_con .info_slide_wrap .slide_wrap .slide_arrow { width: calc(100% + 80px); top: calc(50% - 2.75rem); }
   .info_con .info_slide_wrap + .info_slide_wrap, .info_con .info_slide_wrap + .info_banner_wrap { margin-top: 3rem; }
   .info_con .info_slide_wrap .slide_item .slide_desc {height: 70px; font-size: 14px; line-height: 1.3;}
   .info_con .info_slide_wrap .slide_wrap .slide_item { padding-bottom: 1rem; }
   .info_con .slide_list .slick-dots {gap: 10px; margin-top: 1.5rem;}
   .info_con .slide_list .slick-dots button {width: 13px; height: 13px;}
    .info_con .info_slide_wrap .slide_top .slide_gubun { font-size: 13px; height: 40px; line-height: 42px; padding: 0 1rem; }

   .info_banner_wrap .p_ver {display: none;}
   .info_banner_wrap .m_ver {display: block;}

}