@charset "utf-8";

/*-------------------------------------------------
Contents Style Sheet - AI Genia
Author :dyshin@chunjae.co.kr
Create date :2023.03
-------------------------------------------------*/

/* common */
.wrapAiGenia{overflow:hidden;background:#fff;font-family:'Noto Sans KR'}
.wrapAiGenia .container{position:relative;width:100%;margin:0 auto;text-align:center}
.wrapAiGenia img{vertical-align:middle;margin:0 auto;display:block}
.wrapAiGenia a:hover,.wrapAiGenia a:active,.wrapAiGenia a:visited{text-decoration:none}
/* .footBnrfixed{display:none !important} */

/* topBnnr */
.wrapAiGenia .topBnnr{padding:33px 0 24px 0;text-align:center;background:#141d30}
.wrapAiGenia .btnTop{margin-top:17px;text-align:center}

/* 상단 에니메이션 비쥬얼 */
.wrapAiGenia .innr{width:1200px;margin:0 auto;position:relative}
.wrapAiGenia .visual{position:relative;height:561px;background:#2f0060 url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_visual.jpg) no-repeat center top;background-size:cover;text-align:center}
.wrapAiGenia .visual .tit{padding:67px 0 36px}
.wrapAiGenia .visual .tit{display:flex;justify-content:center}
.wrapAiGenia .visual .tit i{animation:titAni 0.8s forwards;opacity:0}
.wrapAiGenia .visual .tit i:nth-child(1){animation-delay:0.02s}
.wrapAiGenia .visual .tit i:nth-child(2){animation-delay:0.15s}
.wrapAiGenia .visual .tit i:nth-child(3){animation-delay:0.07s}
.wrapAiGenia .visual .tit i:nth-child(4){animation-delay:0.3s}
.wrapAiGenia .visual .tit i:nth-child(5){animation-delay:0.27s}
.wrapAiGenia .visual .tit i:nth-child(6){animation-delay:0.05s}
.wrapAiGenia .visual .tit i:nth-child(7){animation-delay:0.17s}
.wrapAiGenia .visual .tit i:nth-child(8){animation-delay:0.27s}
.wrapAiGenia .visual .tit i:nth-child(9){animation-delay:0.02s}
.wrapAiGenia .visual .tit i:nth-child(10){animation-delay:0.12s}
.wrapAiGenia .visual .tit i:nth-child(11){animation-delay:0.2s}
.wrapAiGenia .visual .tit p{font-size:16px;color:#a4a4a4}
.wrapAiGenia .visual .tit p span{color:#d1d1d1}
.wrapAiGenia .visual .desc{font-size:23px;letter-spacing:-1px;line-height:1.5;color:#d0cbd8;font-weight:400}
.wrapAiGenia .visual .badge{position:absolute;top:50px;right:0}
.wrapAiGenia .visual .badge img{width:145px;animation:badge 0.5s 0.5s ease-in-out backwards}
.wrapAiGenia .visual .flowCon{position:relative;margin-top:74px}
.wrapAiGenia .visual .flowCon h4{position:absolute;top:-22px;left:50%;width:350px;height:45px;margin-left:-175px;border-radius:22px;background:#6e30c5;font-size:1.25rem;color:#fff;line-height:47px;letter-spacing:-0.03em;font-family:'GmarketSansBold';z-index:2}
.wrapAiGenia .visual .flowCon .flowWrap{position:relative;height:132px;margin:0 auto;border:1px solid #ae74f2;box-sizing:border-box;-webkit-box-sizing:border-box;background:rgba(0,0,0,0.25)}
.wrapAiGenia .visual .flowCon .flowBox{overflow:hidden;width:100%;height:94px;margin-top:25px}
.wrapAiGenia .visual .flowCon .flowBox .col{flex:1 1 auto;animation:roopUp 5s linear infinite;-webkit-animation:roopUp 5s linear infinite}
.wrapAiGenia .visual .flowCon .flowBox .col li{flex-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column}
.wrapAiGenia .visual .flowCon .flowBox .col li span{padding-top:15px;line-height:1;font-weight:100;font-size:19px;color:#fff}

/* 상단 탭 바 */
.wrapAiGenia .topTap{width:100%;height:75px;background:#12031e}
.wrapAiGenia.fixed .topTap{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:100}
.wrapAiGenia .topTap ul{display:flex;display:-webkit-flex;display:-ms-flexbox;width:1200px;height:100%;margin:0 auto}
.wrapAiGenia .topTap li{width:340px;height:100%}
.wrapAiGenia .topTap li a{display:block;width:100%;height:100%;line-height:75px;text-align:center;font-size:20px;font-weight:600;color:#61586c}
.wrapAiGenia .topTap li.on a{background:#6e30c5;color:#fff}
.wrapAiGenia .topTap li.tab2 a{border-left:1px solid #716878;border-right:1px solid #716878}

/* ## 지니아 기술소개 ## */
.wrapAiGenia.fixed .skillGuide .secArea{padding-top:152px}
.wrapAiGenia.fixed .skillGuide .menuList{position:fixed;top:77px;left:50%;margin-left:-600px}
.wrapAiGenia.fixed .menuList.btm{position:absolute;top:auto;bottom:140px;left:0;margin-left:0}
.wrapAiGenia .hideTxt{overflow:hidden;position:absolute;z-index:-1;width:1px;height:1px;border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)} /* 텍스트 숨김 */
.wrapAiGenia .flexBox{display:flex;display:-webkit-flex;display:-ms-flexbox}
#content.type2{overflow:visible}
.skillGuide *,
.skillGuide{box-sizing:border-box;font-weight:100}
.skillGuide img{width:100%;max-width:100%}
.skillGuide .inner1200{max-width:1200px;position:relative;margin:0 auto}
.skillGuide .contWrap{padding:0 0 0}
.skillGuide .contWrap .flexBox{align-items:flex-start}
.skillGuide .menuList{position:absolute;top:0;left:0;width:240px;flex-shrink:0;padding-top:77px}
.skillGuide .menuList ul{position:relative;padding-left:24px}
.skillGuide .menuList ul::before{content:"";width:4px;height:100%;background:#ededed;border-radius:2px;display:block;position:absolute;left:0;top:0}
.skillGuide .menuList a{color:#c1c1c1;font-size:18px;font-weight:100;position:relative;display:block;line-height:1;padding:3px 0;letter-spacing:-0.045em}
.skillGuide .menuList li:not(:last-child){margin-bottom:19px}
.skillGuide .menuList li.on a{color:#5900d7;font-weight:600}
.skillGuide .menuList li.on a:after{content:"";width:4px;height:100%;background:#5900d7;display:block;position:absolute;left:-24px;top:50%;transform:translateY(-50%);border-radius:2px}
.skillGuide .secArea{line-height:1;font-size:16px;color:#757575;padding-top:77px;width:1200px;padding-left:278px;padding-bottom:130px}
.skillGuide .secArea > section:not(:last-child){padding-bottom:100px;margin-bottom:100px;border-bottom:1px solid #b6b6b6}
.skillGuide .secArea .topTit{font-weight:600;font-size:40px;color:#000;margin-bottom:26px;line-height:1.2}
.skillGuide .secArea .stit{font-size:20px;font-weight:400;color:#000;margin-bottom:26px}
.skillGuide .secArea .txtBoxType1 p{line-height:1.625}
.skillGuide .secArea .txtBoxType1 p:not(:last-child){border-bottom:1px solid #e7e7e7;padding-bottom:12px;margin-bottom:12px}
.skillGuide .articleGroup{margin-top:32px}
.skillGuide .articleGroup > article:not(:last-child){margin-bottom:15px}
.skillGuide .articleGroup  button{color:#5900d7;font-size:20px;font-weight:600;border:none;border-bottom:2px solid #5900d7;background:none;position:relative;padding:0;cursor:pointer;height:28px}
.skillGuide .articleGroup  button:after{content:"";position:absolute;right:-20px;top:0;transform:rotate(180deg) translateY(-3px);width:14px;height:100%;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/cont_btn_arr.png) no-repeat left center}
.skillGuide .articleGroup .info{margin-top:14px;padding-bottom:16px;display:none}
.skillGuide .articleGroup > article.on .info{display:block}
.skillGuide .articleGroup > article.on button::after{transform:rotate(0) translateY(3px)}
.skillGuide .dotTxt p{line-height:1.625;position:relative;padding-left:16px}
.skillGuide .dotTxt p:not(:last-child){margin-bottom:28px}
.skillGuide .dotTxt p::before{content:"";position:absolute;left:0;top:12px;width:3px;height:3px;background:#999}
.skillGuide .imgBox_uses{letter-spacing:-0.045em;margin-top:40px}
.skillGuide .imgBox_uses.mb{margin-bottom:40px}
.skillGuide .imgBox_uses .tit{font-size:20px;color:#000;font-weight:600}
.skillGuide .imgBox_uses .img{margin:18px 0;display:flex;gap:10px}
.skillGuide .imgBox_uses .img img{outline:1px solid #f3f3f3}
.skillGuide .imgBox_uses .img.type2{flex-direction:column;margin:0}
.skillGuide .imgBox_uses .list{display:flex;justify-content:space-between;margin-top:20px}
.skillGuide .imgBox_uses .list p{text-align:center;border:1px solid #ddd;padding:12px;margin-bottom:10px}
.skillGuide .imgBox_uses .dotTxt{margin-top:18px}
.skillGuide .imgBox_uses .caption{margin-top:18px}
.skillGuide .imgBox_uses .flexBox{gap:30px}
.skillGuide .caption{font-size:14px;color:#232323}
.skillGuide .caption span{font-size:12px}
.skillGuide .img_border_type{margin:18px 0}
.skillGuide .img_border_type img{max-width:480px}
.skillGuide .img_border_type.landscape img{max-width:inherit}
.skillGuide .img_border_type .img{border:1px solid #f3f3f3;padding:28px;text-align:center}
.skillGuide .img_border_type .caption{margin-top:18px}
.skillGuide .patent{margin-top:40px}
.skillGuide .patent .tit{font-size:18px;font-weight:600;color:#000;margin-bottom:14px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/check_icon.png) no-repeat;padding-left:27px;min-height:19px}
.skillGuide .patent .txt p{line-height:1.625}

/* ## 중학 영역 ## */
.wrapAiGenia.fixed .sectionMid{padding-top:145px}
.sectionMid{position:relative;left:50%;transform:translateX(-50%);width:1920px;background:#fff;padding:70px 0 150px}
.sectionMid .secNewCon1{margin:146px auto 160px}
.sectionMid .section01{height:1100px}
.sectionMid .section01 .imgTit{margin-bottom:80px}
.sectionMid .section01 .slideWrap{margin:0 auto}
.sectionMid .section01 .slideWrap .cirSlide{margin:0 auto}
.sectionMid .sectionSlide02{background:#fff}
.sectionMid .sectionSlide02 .bg{position:absolute;width:1241px;height:1217px;top:-230px;left:50%;margin-left:-620px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_high_01.png) no-repeat center top;animation:sectionBg 2s infinite ease-in alternate-reverse}
.sectionMid .sectionSlide02 .slideWrap{position:relative;width:calc(1920px + 168px);left:50%;transform:translateX(-50%);margin:90px 0 10px 0}
.sectionMid .sectionSlide02 .slideWrap .highSlide{width:auto;height:738px;margin:0 auto}
.sectionMid .sectionSlide02 .slideWrap .ctrlBtn .btnPrev{position:absolute;position:absolute;left:50%;top:168px;margin-left:-425px;z-index:99}
.sectionMid .sectionSlide02 .slideWrap .ctrlBtn .btnNext{position:absolute;position:absolute;right:50%;top:168px;margin-right:-425px;z-index:99}
.sectionMid .sectionSlide02 .slide02{margin:85px auto 180px -50px;min-width:1920px}
.sectionMid .sectionSlide02 .slide02 .slick-slide{width:696px}

/* ## 고등 영역 ## */
.wrapAiGenia.fixed .sectionhigh{padding-top:145px}
.sectionhigh{position:relative;left:50%;transform:translateX(-50%);width:1920px;background:#fff;padding:70px 0 150px}
.sectionhigh .secNewCon1{margin:146px auto 160px}
.sectionhigh .section01{height:1100px}
.sectionhigh .section01 .imgTit{margin-bottom:80px}
.sectionhigh .section01 .slideWrap{width:1280px;position:absolute;top:180px;left:50%;transform:translateX(-50%)}
.sectionhigh .section01 .slideWrap .cirSlide{margin:0 auto}
.sectionhigh .sectionSlide02{background:#fff}
.sectionhigh .sectionSlide02 .bg{position:absolute;width:1241px;height:1217px;top:-230px;left:50%;margin-left:-620px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_high_01.png) no-repeat center top;animation:sectionBg 2s infinite ease-in alternate-reverse}
.sectionhigh .sectionSlide02 .slideWrap{position:relative;width:calc(1920px + 168px);left:50%;transform:translateX(-50%);margin:90px 0 10px 0}
.sectionhigh .sectionSlide02 .slideWrap .highSlide{width:auto;height:738px;margin:0 auto}
.sectionhigh .sectionSlide02 .slideWrap .ctrlBtn .btnPrev{position:absolute;position:absolute;left:50%;top:168px;margin-left:-425px;z-index:99}
.sectionhigh .sectionSlide02 .slideWrap .ctrlBtn .btnNext{position:absolute;position:absolute;right:50%;top:168px;margin-right:-425px;z-index:99}
.sectionhigh .sectionSlide02 .slide02{margin:85px auto 180px -50px;min-width:1920px}
.sectionhigh .sectionSlide02 .slide02 .slick-slide{width:696px}

/* ## 중학 고등 bxSlider paging 공통 ## */
.bx-pager{margin-top:64px;display:flex;justify-content:center}
.bx-pager .bx-pager-item a{display:block;font-size:0;width:13.5px;height:13.5px;background-color:#d4d4d4;border-radius:100%;margin:0 6px}
.bx-pager .bx-pager-item a.active{background-color:#5900d7}

/* ## 유아 영역 ## */
.wrapAiGenia.fixed .sectionKids{padding-top:145px}
.sectionKids{position:relative;left:50%;transform:translateX(-50%);width:1920px;background:#fff;padding-top:70px}
.sectionKids .bg{position:absolute;z-index:1;width:338px;height:707px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_ele_01.png) no-repeat center top;top:25px;right:0px;animation:sectionBg 2s infinite ease-in alternate-reverse}
.sectionKids .bg2{position:absolute;z-index:1;width:252px;height:677px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_ele_02.png) no-repeat center top;top:792px;left:0px;animation:sectionBg 2s infinite ease-in alternate-reverse}
.sectionKids .sectionSlide00{padding:90px 0 50px 0}
.sectionKids .sectionSlide00 .slideWrap:after{content:"";display:block;width:387px;height:265px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/genia_03.png) no-repeat center top;position:absolute;bottom:50px;left:50%;margin-left:225px;z-index:99}
.sectionKids .sectionSlide00 .slideWrap{margin:90px auto}
.sectionKids .sectionSlide00 .slideWrap .wrapMainSlide{width:1006px;height:738px;margin:0 auto}
.sectionKids .sectionSlide00 .slideWrap .wrapBackSlide01{position:absolute;left:-180px;top:500px;width:675px}
.sectionKids .sectionSlide00 .slideWrap .wrapBackSlide02{position:absolute;right:-180px;top:500px;width:675px}
.sectionKids .sectionSlide00 .slideWrap .ctrlBtn .btnPrev{position:absolute;left:48%;top:610px;margin-left:-440px;;z-index:99}
.sectionKids .sectionSlide00 .slideWrap .ctrlBtn .btnNext{position:absolute;right:48%;top:610px;margin-right:-440px;;z-index:99}

/* ## 초등 영역 ## */
.wrapAiGenia.fixed .sectionEle{padding-top:145px}
.sectionEle{position:relative;left:50%;transform:translateX(-50%);width:1920px;background:#fff;padding-top:70px}
.sectionEle .section02{margin-top:70px}
.sectionEle .section02 .bg{position:absolute;width:338px;height:707px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_ele_01.png) no-repeat center top;top:-400px;right:0px;animation:sectionBg 2s infinite ease-in alternate-reverse}
.sectionEle .section03{margin-top:-200px}
.sectionEle .section03 .bg{position:absolute;width:252px;height:677px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_ele_02.png) no-repeat center top;top:40px;left:0px;animation:sectionBg 2s infinite ease-in alternate-reverse}
.sectionEle .section04{padding-bottom:80px}
.sectionEle .sectionSlide01{background:#fcfbfc;padding:130px 0 50px 0}
/* .sectionEle .sectionSlide01 .slideWrap:after{content:"";display:block;width:387px;height:265px;background:url(//cdndata.milkt.co.kr/high/www/Images/Event/20210319_genia/genia_01.png) no-repeat center top;position:absolute;bottom:40px;left:50%;margin-left:327px;z-index:99} */
.sectionEle .sectionSlide01 .slideWrap{margin:90px auto}
.sectionEle .sectionSlide01 .slideWrap .wrapMainSlide{position:relative;z-index:10;width:1006px;height:738px;margin:0 auto}
.sectionEle .sectionSlide01 .slideWrap .wrapBackSlide01{position:absolute;left:-180px;top:500px;width:675px}
.sectionEle .sectionSlide01 .slideWrap .wrapBackSlide02{position:absolute;right:-180px;top:500px;width:675px}
.sectionEle .sectionSlide01 .slideWrap .ctrlBtn .btnPrev{position:absolute;position:absolute;left:48%;top:610px;margin-left:-440px;;z-index:99}
.sectionEle .sectionSlide01 .slideWrap .ctrlBtn .btnNext{position:absolute;position:absolute;right:48%;top:610px;margin-right:-440px;;z-index:99}
.sectionEle .aiChatCont{position:relative;min-height:917px;padding:20px 0 180px;background:#fcfbfc}
.sectionEle .aiChatCont .slideCont{margin:72px auto 90px}
.sectionEle .aiChatCont .slideCont .wrapMainSlide{position:absolute;z-index:10;top:126px;left:50%;width:926px;transform:translateX(-50%)}
.sectionEle .aiChatCont .slideCont .wrapMainSlide li{position:absolute;top:0;left:0}
.sectionEle .aiChatCont .slideCont .wrapMainSlide li > *{transition:all 0.3s}
.sectionEle .aiChatCont .slideCont .wrapMainSlide li .desc{opacity:0;transition:all 0.6s}
.sectionEle .aiChatCont .slideCont .wrapMainSlide li img{opacity:0}
.sectionEle .aiChatCont .slideCont .wrapMainSlide li.on{z-index:4}
.sectionEle .aiChatCont .slideCont .wrapMainSlide li.on img,
.sectionEle .aiChatCont .slideCont .wrapMainSlide li.off img,
.sectionEle .aiChatCont .slideCont .wrapMainSlide li.on .desc{opacity:1}
.sectionEle .aiChatCont .slideCont .wrapMainSlide li .desc{margin:0 auto 49px;font-size:19px;font-family:'Noto Sans KR';font-weight:400;color:#1b1b1b;line-height:1.3}
.sectionEle .aiChatCont .slideCont .wrapMainSlide li img{filter:drop-shadow(0px 0px 34px rgba(0,0,0,0.1))}
.sectionEle .aiChatCont .slideCont .wrapBackSlide01{position:relative;width:1624px;margin:300px auto 0;filter:drop-shadow(0px 0px 34px rgba(0,0,0,0.1))}
.sectionEle .aiChatCont .slideCont .wrapBackSlide01 .slick-slide{margin:0 20px}
.sectionEle .aiChatCont .slideCont .wrapBackSlide01 .slick-list{margin:0 -20px}
.sectionEle .aiChatCont .slideCont .ctrlBtn .btnPrev{position:absolute;position:absolute;left:48%;top:491px;margin-left:-440px;;z-index:99}
.sectionEle .aiChatCont .slideCont .ctrlBtn .btnNext{position:absolute;position:absolute;right:48%;top:491px;margin-right:-440px;;z-index:99}

/* ## AI 학습 기술 특허 ## */
.wrapAiGenia.fixed .aiPatent{padding-top:70px;background:#7919d8;font-family:'Noto Sans KR'}
.wrapAiGenia .aiPatent{padding-bottom:0}
.wrapAiGenia .aiPatent .inner{width:100%;text-align:center}
.wrapAiGenia .aiPatent section h4{width:380px;height:55px;margin:0 auto;border-radius:28px;background-color:#4500a5;font-family:'GmarketSansBold';font-size:1.5625rem;color:#fff;line-height:59px;letter-spacing:-0.05em}
.wrapAiGenia .aiPatent section h4 span{font-family:'GmarketSansBold';color:#ff67fd}
.wrapAiGenia .aiPatent section .desc{margin:32px auto 70px;font-size:20px;color:#e6daff;line-height:1.5;font-family:'Noto Sans KR'}
.wrapAiGenia .contBox01{position:relative;padding:75px 0 94px;background:#7919d8 url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt01.jpg) no-repeat center;background-size:cover}
.wrapAiGenia .contBox01 .circleCon{position:relative;width:534px;height:509px;margin:0 auto;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/aiPatent_genia.png) no-repeat center;background-size:100% auto}
.wrapAiGenia .contBox01 .circleCon li{flex-direction:column;justify-content:center;align-items:center;position:absolute}
.wrapAiGenia .contBox01 .circleCon li img{width:138px;height:138px}
.wrapAiGenia .contBox01 .circleCon li:nth-child(1){top:44px;left:11px}
.wrapAiGenia .contBox01 .circleCon li:nth-child(2){top:303px;left:0}
.wrapAiGenia .contBox01 .circleCon li:nth-child(3){top:384px;right:143px}
.wrapAiGenia .contBox01 .circleCon li:nth-child(4){top:197px;right:-35px}
.wrapAiGenia .contBox01 .circleCon li:nth-child(5){top:-20px;right:119px}
.wrapAiGenia .contBox01 .btmRef{position:absolute;bottom:76px;right:50%;margin-right:62px;text-align:right;font-size:0.8125rem;font-weight:400;color:rgba(255,255,255,0.4);letter-spacing:-0.01em;line-height:1.45}

.wrapAiGenia .contBox02{padding:75px 0 72px;background:#f6edff url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt02.jpg) no-repeat center;background-size:cover}
.wrapAiGenia .aiPatent .contBox02 .desc{margin-bottom:57px;color:#000}
.wrapAiGenia .contBox02 .listCon{position:relative;justify-content:space-between;flex-wrap:wrap;width:1020px;margin:0 auto}
.wrapAiGenia .contBox02 .listCon::after{content:'';position:absolute;top:86px;left:50%;margin-left:-297.5px;display:block;width:595px;height:300px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/aiPatent_genia02.png) no-repeat;background-size:100% auto}
.wrapAiGenia .contBox02 .listCon li{overflow:hidden;position:relative;width:450px;height:200px;border-radius:30px;background:#fff}
.wrapAiGenia .contBox02 .listCon li:nth-child(3),
.wrapAiGenia .contBox02 .listCon li:nth-child(4){margin-top:76px}
.wrapAiGenia .contBox02 .listCon li .sTit{height:52px;background:linear-gradient(0deg, rgba(19,181,114,1) 0%, rgba(40,202,135,1) 100%);text-align:center;font-size:1.3125rem;font-family:'GmarketSansBold';color:#fff;line-height:57px}
.wrapAiGenia .contBox02 .listCon li:nth-child(2) .sTit{background:linear-gradient(0deg, rgba(249,91,147,1) 0%, rgba(255,122,169,1) 100%)}
.wrapAiGenia .contBox02 .listCon li:nth-child(3) .sTit{background:linear-gradient(0deg, rgba(233,163,72,1) 0%, rgba(246,178,89,1) 100%)}
.wrapAiGenia .contBox02 .listCon li:nth-child(4) .sTit{background:linear-gradient(0deg, rgba(140,77,255,1) 0%, rgba(157,103,255,1) 100%)}
.wrapAiGenia .contBox02 .listCon li .cont{margin-top:21px}
.wrapAiGenia .contBox02 .listCon li .cont img{width:380px}
.wrapAiGenia .contBox02 .listCon li:nth-child(3) .cont{margin-top:19px}

.wrapAiGenia .contBox03{padding:75px 0 30px;background:#57309d url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_v2.jpg) no-repeat top center;background-size:cover}/* 2023-10-31 수정 */
.wrapAiGenia .contBox03 .patentList{flex-wrap:wrap;justify-content:space-between;width:1020px;margin:0 auto}
.wrapAiGenia .contBox03 .patentList li{box-sizing:border-box;width:490px;height:170px;padding:34px 39px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list01.png) no-repeat center;background-size:100% auto;text-align:left}
.wrapAiGenia .contBox03 .patentList li:nth-child(1){margin-bottom:40px}
.wrapAiGenia .contBox03 .patentList li:nth-child(2){margin-bottom:40px;background-image:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list02.png)}
.wrapAiGenia .contBox03 .patentList li:nth-child(3){background-image:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list03.png)}
.wrapAiGenia .contBox03 .patentList li:nth-child(4){background-image:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list04.png)}
.wrapAiGenia .contBox03 .patentList li .tit{height:72px;font-size:1.125rem;font-weight:600;color:#fff;line-height:1.55}
.wrapAiGenia .contBox03 .patentList li .num{width:200px;height:30px;border-radius:15px;background:#6039a4;line-height:30px;font-size:0.8125rem;color:#fff;text-align:center}
.wrapAiGenia .contBox03 .midCon{margin-top:75px}
.wrapAiGenia .contBox03 .midCon .tit{position:relative;z-index:2;font-size:1.5625rem;font-family:'GmarketSansBold';color:#fff;line-height:1;letter-spacing:-0.05em}
.wrapAiGenia .contBox03 .midCon .tit::after{content:'';position:absolute;z-index:-1;bottom:2px;left:-6px;display:block;width:calc(100% + 10px);height:16px;background-color:#2d007c;border-radius:4px}
.wrapAiGenia .contBox03 .midCon .tit em{color:#ff67fd;font-family:'GmarketSansBold'}
.wrapAiGenia .contBox03 .midCon .desc{margin-bottom:54px}
.wrapAiGenia .contBox03 .classList{width:1020px;margin:0 auto;justify-content:space-between;-webkit-justify-content:space-between}
.wrapAiGenia .contBox03 .classList li img{width:240px}
.wrapAiGenia .contBox03 .classList li .age{width:150px;height:40px;margin:27px auto 0;border:1px solid #cdc1e1;border-radius:15px;line-height:40px;color:#fff;font-size:1rem;font-weight:600;}
.wrapAiGenia .contBox03 .classList li .sTit{margin:14px auto 0;font-size:1rem;font-weight:600;color:#fff}
.wrapAiGenia .contBox03 .btmCon{margin-top:72px}
.wrapAiGenia .contBox03 .btmCon h4{background:#0a067a}
.wrapAiGenia .contBox03 .btmCon .desc{margin-bottom:50px}
.wrapAiGenia .contBox03 .btmCon .patentItem{width:490px;height:170px;margin:0 auto 70px;padding:34px 39px;background:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list05.png) no-repeat center;background-size:100% auto;text-align:left}
.wrapAiGenia .contBox03 .btmCon .patentItem .tit{height:72px;font-size:1.125rem;font-weight:600;color:#fff;line-height:1.55}
.wrapAiGenia .contBox03 .btmCon .patentItem .num{width:200px;height:30px;border-radius:15px;background:#6039a4;line-height:30px;font-size:0.8125rem;color:#fff;text-align:center}

/* 2023-05-10 특허 관련 추가 */
.wrapAiGenia .contBox03 .patentList.center{justify-content: center;margin-bottom: 70px}
.wrapAiGenia .contBox03 .patentList.center li:nth-child(2n){margin-left: 40px}
.wrapAiGenia .contBox03 .patentList.center li{background-image: url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list06.png)}
/* 2023-10-31 #112644 AI 지니아 소개페이지 수정 */
.wrapAiGenia .contBox03 .contRec{flex-direction:column;padding:35px 0 80px}
.wrapAiGenia .contBox03 .contRec h4{background:#0a067a}
.wrapAiGenia .contBox03 .contRec .patentList li{background-image:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list07.png)}
.wrapAiGenia .contBox03 .contRec .patentList li:nth-child(2){background-image:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list08.png)}
.wrapAiGenia .contBox03 .contRec .patentList li:nth-child(3){background-image:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list09.png)}
.wrapAiGenia .contBox03 .contRec .patentList li:nth-child(4){background-image:url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_aipatent_cnt03_list10.png)}
.wrapAiGenia .contBox03 .contRec .classList{width:1425px;margin-top:60px;justify-content:space-between;-webkit-justify-content:space-between}
.wrapAiGenia .contBox03 .contRec .classList li img{width:455px}
.wrapAiGenia .contBox03 .contRec .classList li .age{width:160px;height:44px;margin:32px auto 0;border:1px solid #fff;border-radius:22px;line-height:44px;color:#fff;font-size:18px;color:#fff;font-family:'Noto Sans KR'}
.wrapAiGenia .btmTxt{justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;width:100%;height:194px;background:#0e93f8 url(//cdndata.milkt.co.kr/i/www/images/aiGenia/bg_btm_txt.jpg) top center no-repeat;background-size:cover;text-align:center}
.wrapAiGenia .btmTxt p{font-size:38px;font-weight:900;color:#60f6ff;line-height:1.3}
.wrapAiGenia .btmTxt em{color:#fff}

/* 키프레임 */
@keyframes roopUp{
  0%{transform:translateY(0)}
  100%{transform:translateY(-204px)}
}
@-webkit-keyframes roopUp{
  0%{transform:translateY(0)}
  100%{transform:translateY(-204px)}
}

@keyframes titAni{
	0%{transform:translateY(-115px);opacity:0}
	100%{transform:translateY(0);opacity:1}
}

@keyframes badge{
  from{opacity:0;transform:scale(1.5)}
  to{opacity:1;transform:scale(1)}
}
@keyframes bg01{
  0%{transform:scale(1.3);opacity:.9}
  100%{transform:scale(1);opacity:1}
}
@keyframes bg02{
  0%{transform:scale(1);opacity:1}
  100%{transform:scale(2);opacity:.5}
}
@keyframes sectionBg{
  0%{opacity:.3}
  100%{opacity:1}
}

@keyframes text{
  0%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
  30%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
  45%{-webkit-transform:translate3d(0, -40px, 0);transform:translate3d(0, -40px, 0)}
  100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}

@-webkit-keyframes fadeInUp{
  from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
  to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}

@-webkit-keyframes fadeInLeft{
  from{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
  to{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
}