@charset "utf-8";

@font-face {
	font-family: 'NeueHaasDisplayBold';
	font-weight: 600;
	src: url(../fonts/NeueHaasDisplayBold.ttf) format('truetype');
}

@font-face {
	font-family: 'NeueHaasDisplayBold';
	font-weight: 800;
	src: url(../fonts/NeueHaasDisplayBold.ttf) format('truetype');
}

/* NAON AI */
.solution_ai .qm_lyr {display:none;}
.solution_ai .naonai_qm_lyr {display:none; position:fixed; top:50%; right:-200px; transform:translateY(-50%); visibility:hidden; opacity:0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; z-index:5;}
.solution_ai .naonai_qm_lyr ul {margin:0; padding:0; list-style:none;}
.solution_ai .naonai_qm_lyr ul li {margin:20px 0;}
.solution_ai .naonai_qm_lyr ul li a {position:relative; display:block; right:0; height:40px; line-height:40px; padding:0 15px; border:1px solid transparent; background:rgba(255, 255, 255, 0.1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-radius:20px; color:rgba(255, 255, 255, 0.5); font-weight:600; box-shadow:inset 1px 1px rgba(255, 255, 255, 0.2), 5px 7px 9px rgba(0, 0, 0, 0.15); transition:0.3s; -webkit-transition:0.3s;}
.solution_ai .naonai_qm_lyr ul li a:hover {right:20px; color:rgba(255, 255, 255, 0.8);}
.solution_ai .naonai_qm_lyr ul li.on a {border:1px solid #0078ff; background-color:#0078ff; color:#fff;}
.solution_ai .naonai_qm_lyr ul li.on a:hover {right:0;}
.solution_ai .naonai_site_lyr {display:none; position:fixed; bottom:90px; right:25px; z-index:100; transition:0.3s;}
.solution_ai .naonai_site_lyr .bnr {display:block; position:relative; width:110px; height:110px; padding:5px; background:#121212 no-repeat 50% 50%; background-image:url(../img/test/qm_bnr6.png); font-size:18px; color:#fff; text-align:center; text-decoration:none; box-shadow:0 8px 8px rgba(0, 0, 0, 0.2); box-sizing:border-box;}
.solution_ai .naonai_site_lyr .bnr .inner {display:block; position:relative; width:100px; height:100px; box-sizing:border-box; overflow:hidden; transition:1s;}
.solution_ai .naonai_site_lyr .bnr .inner::after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; border:2px solid rgba(10, 180, 250, 0.3); box-sizing:border-box;}
.solution_ai .naonai_site_lyr .bnr .inner .txt {display:none;}
.solution_ai .naonai_site_lyr .bnr .inner .ln {position:absolute;}
.solution_ai .naonai_site_lyr .bnr .inner .ln:nth-child(1) {top:0; left:0; width:100%; height:2px; background:linear-gradient(to left, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateTop linear infinite;}
.solution_ai .naonai_site_lyr .bnr .inner .ln:nth-child(2) {top:0; right:0; height:100%; width:2px; background:linear-gradient(to top, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateRight linear -1s infinite;}
.solution_ai .naonai_site_lyr .bnr .inner .ln:nth-child(3) {bottom:0; left:0; width:100%; height:2px; background:linear-gradient(to right, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateBottom linear infinite;}
.solution_ai .naonai_site_lyr .bnr .inner .ln:nth-child(4) {top:0; left:0; height:100%; width:2px; background:linear-gradient(to bottom, rgba(8, 27, 43, 0), #0ab4f9); animation:2s animateLeft linear -1s infinite;}
.solution_ai .naonai_site_lyr .bnr:hover .inner {box-shadow:0 0 10px 5px rgba(10, 180, 250, 0.5);}
.solution_ai .naonai_site_lyr .bnr:hover .inner .ln {opacity:0;}
.solution_ai .naonai_site_lyr .bnr:hover .inner::after {border:2px solid rgba(10, 180, 250, 1); transition:1s;}
.solution_ai.tab_on .naonai_qm_lyr {right:30px; visibility:initial; opacity:1;}
.solution_ai.tab_on .naonai_site_lyr {right:-200px; visibility:hidden; opacity:0;}

@keyframes animateTop {
    0% {transform:translateX(100%);}
    100% {transform:translateX(-100%);}
}

@keyframes animateRight {
    0% {transform: translateY(100%);}
    100% {transform: translateY(-100%);}
}

@keyframes animateBottom {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(100%);}
}

@keyframes animateLeft {
    0% {transform:translateY(-100%);}
    100% {transform: translateY(100%);}
}

.solution_ai .section_visual {position:relative; height:100vh; height:100svh; padding-top:0; overflow:hidden; transition:0.3s; -webkit-transition:0.3s;}
.solution_ai .section_visual .visual {display:flex; align-items:center; justify-content:center; flex-direction:column; position:relative; width:100%; height:100svh; padding:64px 20px 0; box-sizing:border-box;}
.solution_ai .section_visual .visual::after {position:absolute; content:''; top:50%; left:50%; width:460px; background-color:rgba(0, 0, 0, 1); border-radius:50%; aspect-ratio:1 / 1; transform:translate(-50%, -50%) scale(4); animation:aniCircle 0.7s forwards cubic-bezier(0.25, 1, 0.5, 1); animation-delay:2.2s;}
.solution_ai .section_visual .visual .sub {font-size:24px; font-weight:600; transform:translateY(-50px); z-index:1; opacity:0; animation:aniTextDown 0.3s forwards; animation-delay:2.8s;}
.solution_ai .section_visual .visual .tit {position:relative;}
.solution_ai .section_visual .visual .tit .text {display:inline-flex; position:relative; font-family:'NeueHaasDisplayBold'; font-size:74px; font-weight:800; z-index:1; animation:aniTextHidden 0.7s forwards cubic-bezier(0.25, 1, 0.5, 1); animation-delay:2.7s;}
.solution_ai .section_visual .visual .tit .text span {opacity:0; animation:aniTextFadeIn 1s forwards cubic-bezier(0.25, 1, 0.5, 1);}
.solution_ai .section_visual .visual .tit .text span:first-child {animation-delay:1.2s;}
.solution_ai .section_visual .visual .tit .text span:nth-child(2) {animation-delay:1.3s;}
.solution_ai .section_visual .visual .tit .text span:nth-child(3) {animation-delay:1.6s;}
.solution_ai .section_visual .visual .tit .text span:nth-child(4) {animation-delay:1.5s;}
.solution_ai .section_visual .visual .tit .text span:nth-child(5) {animation-delay:0s;}
.solution_ai .section_visual .visual .tit .text span:nth-child(6) {animation-delay:1.4s;}
.solution_ai .section_visual .visual .tit .text span:nth-child(7) {animation-delay:1.7s;}
.solution_ai .section_visual .visual .tit .gradient {display:inline-flex; position:absolute; top:0; left:0; font-family:'NeueHaasDisplayBold'; font-size:74px; font-weight:800; word-break:keep-all; background-clip:text; background:linear-gradient(to left, #1e9dfe, #03cfa7); -webkit-background-clip:text; -webkit-text-fill-color:transparent; opacity:0; z-index:2; animation:aniTextFadeIn 0.7s forwards cubic-bezier(0.25, 1, 0.5, 1); animation-delay:2.5s;}
.solution_ai .section_visual .visual .desc {max-width:380px; font-size:18px; font-weight:600; text-align:center; transform:translateY(70px); z-index:1; opacity:0; animation:aniTextUp 0.3s forwards; animation-delay:2.8s;}
.solution_ai .section_visual .visual .desc br {display:none;}
.solution_ai .section_visual .visual .scroll {position:relative; top:70px; height:64px; transform:translateY(34px); opacity:0; animation:aniScrollUp 0.3s forwards; animation-delay:2.8s; z-index:1;}
.solution_ai .section_visual .visual .scroll .line {position:relative; width:24px; height:34px; margin:0 auto; border:2px solid #fff; border-radius:15px; box-sizing:border-box;}
.solution_ai .section_visual .visual .scroll .line::after {content:''; position:absolute; top:4px; left:50%; width:6px; height:6px; border-radius:3px; background-color:#fff; animation:aniScroll 1.5s infinite; transform:translateX(-50%); transition:0.3s; -webkit-transition:0.3s;}
.solution_ai .section_visual .visual .scroll span {display:inline-block; margin-top:10px;}
.solution_ai .section_visual .section_bg {position:absolute; top:0; left:0; right:0; width:100%; height:100%; overflow:hidden; z-index:-1;}
.solution_ai .section_visual .section_bg video {width:100%; height:100%; object-fit:cover;}

@keyframes aniScroll {
    0% {top:4px;}
    50% {top:20px;}
    100% {top:4px;}
}

@keyframes aniScrollUp {
    to {
        top:0;
        opacity:1;
    }
}

@keyframes aniTextFadeIn {
    to {
        opacity:1;
    }
}

@keyframes aniCircle {
    to {
        background:rgba(0, 0, 0, 0.8);
        transform:translate(-50%, -50%);
    }
}

@keyframes aniTextDown {
    to {
        transform:translateY(0);
        opacity:1;
    }
}

@keyframes aniTextUp {
    to {
        transform:translateY(0);
        opacity:1;
    }
}

@keyframes aniTextHidden {
    to {
        opacity:0;
    }
}

.solution_ai #section2 {background:url(../img/naonai_service_bg.png)no-repeat center center; background-size:cover; overflow:hidden;}
.solution_ai .section_technology .sec_tit h3 {font-size:42px; color:#fff;}
.solution_ai .section_technology .sec_tit h3 .hl {color:#fff; font-weight:800; font-family:'NeueHaasDisplayBold';}
.solution_ai .section_technology .sec_tit br {display:inline;}
.solution_ai .section_technology .tech_box {padding:0 20px;}
.solution_ai .section_technology .tech_box ul {display:flex; align-items:center; flex-direction:column; justify-content:center; gap:20px; margin:0; padding:0; list-style:none;}
.solution_ai .section_technology .tech_box ul li {width:100%;}
.solution_ai .section_technology .tech_card {display:flex; align-items:center; justify-content:center; flex-direction:column; gap:20px; width:100%; height:420px; border-radius:1.5rem; background:rgba(0, 0, 0, 0.6); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:inset 2px 2px rgba(255, 255, 255, 0.2), 5px 7px 9px rgba(0, 0, 0, 0.15); text-align:center; opacity:0;}
.solution_ai .section_technology .tech_card.animated {opacity:1;}
.solution_ai .section_technology .tech_card .tit {display:inline-block; font-size:32px; font-weight:800; font-family:'NeueHaasDisplayBold'; word-break:keep-all; background-clip:text; background:linear-gradient(to left, #1e9dfe, #03cfa7); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.solution_ai .section_technology .tech_card .icon {width:200px; height:200px; background:no-repeat 0 0;}
.solution_ai .section_technology .tech_card .icon1 {background-image:url(../img/naonai_technology_icon1.png);}
.solution_ai .section_technology .tech_card .icon2 {background-image:url(../img/naonai_technology_icon2.png);}
.solution_ai .section_technology .tech_card .icon3 {background-image:url(../img/naonai_technology_icon3.png);}
.solution_ai .section_technology .tech_card .desc {font-size:18px; color:#fff;}
.solution_ai .section_function .func_box {display:flex; align-items:center; flex-direction:column; padding:100px 20px;}
.solution_ai .section_function .func_box .info {flex-shrink:0; text-align:center; opacity:0;}
.solution_ai .section_function .func_box .info.animated {opacity:1;}
.solution_ai .section_function .func_box .info .tit {font-weight:600; color:#fff; font-size:42px;}
.solution_ai .section_function .func_box .info .tit br {display:none;}
.solution_ai .section_function .func_box .info .desc {margin-top:30px; color:#fff; font-size:18px;}
.solution_ai .section_function .func_box .info .desc br {display:none;}
.solution_ai .section_function .func_box .image {position:relative; margin-top:40px; opacity:0;}
.solution_ai .section_function .func_box .image.animated {opacity:1;}
.solution_ai .section_function .func_box .image::after {content:''; position:absolute; top:0; left:0; width:100%; border-radius:50%; aspect-ratio:1 / 1; background:rgba(0, 0, 0, 0.7); box-shadow:inset 2px 2px rgba(255, 255, 255, 0.2), 5px 7px 9px rgba(0, 0, 0, 0.15); z-index:-1;}
.solution_ai .section_function .func_box .image img {max-width:100%; vertical-align:top;}
.solution_ai .section_security {background:linear-gradient(to bottom, #1d4377 0, #181e67 35%, #030305 100%); overflow:hidden;}
.solution_ai .section_security .security_box {display:flex; flex-direction:column; padding:50px 20px;}
.solution_ai .section_security .security_box .info {opacity:0;}
.solution_ai .section_security .security_box .info.animated {opacity:1;}
.solution_ai .section_security .security_box .tit {text-align:center;}
.solution_ai .section_security .security_box .tit strong {font-size:42px; color:#fff;} 
.solution_ai .section_security .security_box .tit .hl {font-weight:800; font-family:'NeueHaasDisplayBold'; word-break:keep-all; background-clip:text; background:linear-gradient(to left, #1e9dfe, #03cfa7); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.solution_ai .section_security .security_box .desc {margin-top:20px; font-size:18px; text-align:center; color:#fff;}
.solution_ai .section_security .security_box .desc br {display:none;}
.solution_ai .section_security .security_box .guide {margin-top:40px;}
.solution_ai .section_security .security_box .guide ul {display:flex; gap:20px; flex-direction:column; margin:0; padding:0; list-style:none;}
.solution_ai .section_security .security_box .qna_box {display:block; position:relative; padding:20px; border-radius:1.5rem; font-size:16px; background:rgba(255, 255, 255, 0.2); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:inset 1px 1px rgba(255, 255, 255, 0.2), 5px 7px 9px rgba(0, 0, 0, 0.15); transition:0.2s ease-in-out;}
.solution_ai .section_security .security_box .qna_box:hover {background:rgba(255, 255, 255, 0.25); box-shadow:0 0 25px rgba(0, 140, 255, 0.35); transform:translateY(-3px);}
.solution_ai .section_security .security_box .qna_box::after {position:absolute; content:''; top:16px; right:20px; width:40px; height:40px; background:url(../img/item_hd_w.png)no-repeat 0 0; rotate:180deg; transition:0.2s ease-in-out;}
.solution_ai .section_security .security_box .qna_box .question {display:flex; align-items:center; gap:4px; position:relative; padding-right:100px; font-size:16px; font-weight:600; color:#fff;}
.solution_ai .section_security .security_box .qna_box .question::after {display:block; position:absolute; top:4px; right:50px; margin-left:8px; font-size:20px; font-family:'NeueHaasDisplayBold';}
.solution_ai .section_security .security_box .qna_box .question.no::after {content:'NO'; color:rgb(220, 53, 69);}
.solution_ai .section_security .security_box .qna_box .question.yes::after {content:'YES'; color:#3a78e5;}
.solution_ai .section_security .security_box .qna_box .question span {flex-shrink:0; display:inline-block; width:32px; height:32px; line-height:32px; margin-right:8px; background-color:#0078ff; color:#fff; border-radius:50%; text-align:center; font-family:'NeueHaasDisplayBold'; font-size:24px;}
.solution_ai .section_security .security_box .qna_box .answer {max-height:0; margin-top:0; color:rgba(255, 255, 255, 0.5); opacity:0; visibility:hidden; transition:max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, margin-top 0.2s ease-in-out;}
.solution_ai .section_security .security_box .qna_box.active::after {rotate:0deg;}
.solution_ai .section_security .security_box .qna_box.active .answer {max-height:1000px; margin-top:10px; opacity:1; visibility:visible;}
.solution_ai .section_security .security_box .source {margin-top:20px; margin-left:10px; font-size:16px; color:rgba(255, 255, 255, 0.5); text-align:center;}
.solution_ai .section_security .security_box .image {width:100%; margin-top:50px; text-align:center; opacity:0;}
.solution_ai .section_security .security_box .image.animated {opacity:1;}
.solution_ai .section_security .security_box .image img {max-width:100%; vertical-align:top;}
.solution_ai #section4 {margin-top:-1px; background:#030305;}
.solution_ai .section_service {height:calc(var(--vh) * 100); background:linear-gradient(to bottom, #05010e 0, #181e67 35%, #030305 100%); overflow:hidden;}
.solution_ai .section_service .section_inner {display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; padding-top:60px; box-sizing:border-box;}
.solution_ai .section_service .sec_tit h3 {color:#fff; font-size:42px;}
.solution_ai .section_service .sec_tit h3 .hl {color:#fff; font-weight:800; font-family:'NeueHaasDisplayBold';}
.solution_ai .section_service .sec_tit br {display:inline;}
.solution_ai .section_service .sec_cont {width:100%; box-sizing:border-box;}
.solution_ai .section_service .serv_list ul {display:flex; gap:40px; left:50%; position:relative; margin:0; padding:0; list-style:none; opacity:0; visibility:hidden; transition:opacity 0.3s; -webkit-transition:opacity 0.3s;}
.solution_ai .section_service .serv_card {height:400px; padding:60px 30px; background:rgba(0, 0, 0, 0.6); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:inset 2px 2px rgba(255, 255, 255, 0.2), 5px 7px 9px rgba(0, 0, 0, 0.15); border-radius:28px; text-align:center; transform-origin:center center; box-sizing:border-box;}
.solution_ai .section_service .serv_card .text {color:#fff; font-size:16px; font-weight:600;}
.solution_ai .section_service .serv_card .icon {width:160px; height:160px; margin:40px auto 0; background:no-repeat 0 0;}
.solution_ai .section_service .serv_card .icon1 {background-image:url(../img/naonai_service_icon1.png);}
.solution_ai .section_service .serv_card .icon2 {background-image:url(../img/naonai_service_icon2.png);}
.solution_ai .section_service .serv_card .icon3 {background-image:url(../img/naonai_service_icon3.png);}
.solution_ai .section_service .serv_card .icon4 {background-image:url(../img/naonai_service_icon4.png);}
.solution_ai .section_service .serv_card .icon5 {background-image:url(../img/naonai_service_icon5.png);}
.solution_ai .section_service .serv_card .icon6 {background-image:url(../img/naonai_service_icon6.png);}
.solution_ai .section_service .serv_card .icon7 {background-image:url(../img/naonai_service_icon7.png);}
.solution_ai .section_service .serv_slide {padding:0 20px 80px;}
.solution_ai .section_service .serv_slide ul {margin:0; padding:0; list-style:none;}
.solution_ai .section_service .serv_slide .slick-arrow {display:none !important;}
.solution_ai .section_service .serv_slide .slick-dots {bottom:-50px; height:30px;}
.solution_ai .section_service .serv_slide .slick-dots li {width:10px; height:10px; margin:4px;}
.solution_ai .section_service .serv_slide .slick-dots li button {width:10px; height:10px; border-radius:5px; background-color:rgba(255, 255, 255 , 0.5);}
.solution_ai .section_service .serv_slide .slick-dots li.slick-active button {background-color:#006eff;}
.solution_ai .section_service .serv_slide .slick-dots li button:before {content:'';}
.solution_ai .section_pc {display:none;}
.solution_ai .section_pc.active .serv_list ul {opacity:1; visibility:visible;}
.solution_ai .section_pc .sec_cont {width:auto; box-sizing:initial;}

.solution_ai #section5 {margin-top:-1px; background:#030305;}
.solution_ai .section_aifunction {background:linear-gradient(to top,  #222435 10%, #000000 100%); color:#fff;}
.solution_ai .section_aifunction .sec_tit h3 {color:#fff; font-size:42px;}
.solution_ai .section_aifunction .sec_tit h3 .hl {color:#fff; font-weight:800; font-family:'NeueHaasDisplayBold';}
.solution_ai .section_aifunction .sec_desc {font-size:18px;}
.solution_ai .section_aifunction .aifunction_ul {display:flex; flex-wrap:wrap; gap:20px; margin:0; padding:0 20px; list-style:none;}
.solution_ai .section_aifunction .aifunction_ul li {width:100%;}
.solution_ai .section_aifunction .aifunction_ul li .box {position:relative; height:100%; padding:20px; background:rgba(0, 0, 0, 0.6); border-radius:1.5rem; box-shadow:inset 2px 2px rgba(255, 255, 255, 0.2), 5px 7px 9px rgba(0, 0, 0, 0.15); box-sizing:border-box; opacity:0;}
.solution_ai .section_aifunction .aifunction_ul li .box::after {content:""; position:absolute; inset:0; padding:2px; border-radius:inherit; background:linear-gradient(to bottom, #02e9bb, #1e9efd); mask:linear-gradient(white, white) content-box, linear-gradient(white, white); -webkit-mask:linear-gradient(white, white) content-box, linear-gradient(white, white); -webkit-mask-composite:xor; mask-composite: exclude;}
.solution_ai .section_aifunction .aifunction_ul li .box.animated {opacity:1;}
.solution_ai .section_aifunction .aifunction_ul li .box .icon {position:relative; width:72px; height:72px; margin:0 auto; background:no-repeat 0 0;}
.solution_ai .section_aifunction .aifunction_ul li .box .icon::after {position:absolute; content:''; top:-1px; left:-1px; width:72px; height:72px; background:rgba(197,197,197,0.2); border-radius:16px; box-shadow:0 11px 15px rgba(13, 26, 95, 0.25), inset 1px 1px 0 rgba(255, 255, 255, 0.55); mix-blend-mode:multiply;}
.solution_ai .section_aifunction .aifunction_ul li .box .icon1 {background-image:url(../img/naonai_img01.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .icon2 {background-image:url(../img/naonai_img02.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .icon3 {background-image:url(../img/naonai_img03.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .icon4 {background-image:url(../img/naonai_img04.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .icon5 {background-image:url(../img/naonai_img05.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .icon6 {background-image:url(../img/naonai_img06.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .icon7 {background-image:url(../img/naonai_img07.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .icon8 {background-image:url(../img/naonai_img08.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .icon9 {background-image:url(../img/naonai_img09.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .icon10 {background-image:url(../img/naonai_img10.png);}
.solution_ai .section_aifunction .aifunction_ul li .box .tit {margin-top:20px; font-size:24px; font-weight:600; text-align:center;}
.solution_ai .section_aifunction .aifunction_ul li .box .desc {margin-top:20px; font-size:18px;}
.solution_ai .section_aitab {position:relative; overflow:hidden;}
.solution_ai .section_aitab .section_inner {max-width:initial;}
.solution_ai .section_aitab .ai_guide {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; position:absolute; top:0; left:0; width:100%; height:100svh; padding:0 20px; background:#030305; overflow:hidden; box-sizing:border-box; z-index:3;}
.solution_ai .section_aitab .ai_guide .hl {font-weight:800; font-family:'NeueHaasDisplayBold'; word-break:keep-all; background-clip:text; background:linear-gradient(to left, #1e9dfe, #03cfa7); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.solution_ai .section_aitab .ai_guide .txt {position:relative; font-size:42px; color:#fff; text-align:center; word-break:keep-all; font-weight:600; transition:0.4s; -webkit-transition:0.4s;}
.solution_ai .section_aitab .ai_guide .txt1 {top:0; left:0;}
.solution_ai .section_aitab .ai_guide .txt2 {position:relative;}
.solution_ai .section_aitab .ai_guide .txt2 strong {position:relative; top:0; transition:0.4s; -webkit-transition:0.4s;}
.solution_ai .section_aitab .ai_guide .txt3 {top:0; left:0;}
.solution_ai .section_aitab .ai_guide .line {display:inline-block; background:#fff; transition:0.4s; -webkit-transition:0.4s;}
.solution_ai .section_aitab .ai_guide .line1 {position:absolute; top:50%; left:50%; width:0; height:4px; transform:translate(-50%, -50%);}
.solution_ai .section_aitab .ai_guide .line2 {position:absolute; top:50%; left:50%; width:4px; height:0; transform:translate(-50%, -50%);}
.solution_ai .section_aitab.active1 .ai_guide .line1 {width:30px;}
.solution_ai .section_aitab.active1 .ai_guide .line2 {height:30px;}
.solution_ai .section_aitab.active1 .ai_guide .txt2 strong {top:-100px; opacity:0;}
.solution_ai .section_aitab.active2 .ai_guide .txt1 {top:0; left:-100%;}
.solution_ai .section_aitab.active2 .ai_guide .txt3 {top:0; left:100%;}
.solution_ai .section_aitab.active3 .ai_guide {opacity:0; visibility:hidden; transition-delay:0.3s; transition:0.3s;}
.solution_ai .section_aitab.active3 .ai_guide .line1 {background:linear-gradient(to bottom, #484b65 0%, #212333 100%);}
.solution_ai .section_aitab.active3 .ai_guide .line2 {background:linear-gradient(to bottom, #484b65 0%, #212333 100%);}
.solution_ai .section_aitab .ai_naon {padding:0 20px 100px; background:linear-gradient(to bottom, transparent 0, #222435 10%, #000000 100%);}
.solution_ai .section_aitab .ai_cont {max-width:1380px; margin:0 auto;}
.solution_ai .section_aitab .ai_cont .info {display:flex; align-items:center; flex-direction:column; color:#fff;}
.solution_ai .section_aitab .ai_cont .info .label {display:inline-block; position:relative; margin:100px auto 0; padding:8px 20px; border:2px solid transparent; border-radius:24px; font-size:18px; font-weight:600; text-align:center; box-sizing:border-box; z-index:1;}
.solution_ai .section_aitab .ai_cont .info .label::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; border-radius:22px; background:#000; z-index:-1;}
.solution_ai .section_aitab .ai_cont .info .label::after {content:''; position:absolute; top:-2px; bottom:-2px; left:-2px; right:-2px; border-radius:24px; background:linear-gradient(to right, #02e9bb, #1e9efd); z-index:-2;}
.solution_ai .section_aitab .ai_cont .info .tit {margin:20px 0 40px; font-size:28px; text-align:center; word-break:keep-all; background-clip:text; background:linear-gradient(to left, #1e9dfe, #02eaba); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.solution_ai .section_aitab .ai_cont .info .tit br {display:none;}
.solution_ai .section_aitab .ai_cont .info .tit strong {font-weight:700;}
.solution_ai .section_aitab .ai_cont .info .desc ul {margin:0; padding:0; list-style:none;}
.solution_ai .section_aitab .ai_cont .info .desc ul li {position:relative; margin-bottom:30px; padding-left:50px; font-size:18px;}
.solution_ai .section_aitab .ai_cont .info .desc ul li::before {content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:28px; font-family:'NanumSquare'; font-weight:700; color:#02eaba; }
.solution_ai .section_aitab .ai_cont .info .desc ul li br {display:none;}
.solution_ai .section_aitab .ai_cont .info .desc ul li:first-child:before {content:'01';}
.solution_ai .section_aitab .ai_cont .info .desc ul li:nth-child(2):before {content:'02';}
.solution_ai .section_aitab .ai_cont .info .desc ul li:last-child:before {content:'03';}
.solution_ai .section_aitab .ai_cont .info .desc ul li:last-child {margin-bottom:0;}
.solution_ai .section_aitab .ai_cont .video {max-width:900px; margin:40px auto 0; text-align:center;}
.solution_ai .section_aitab .ai_cont .video video {max-width:100%; border-radius:10px; overflow:hidden; vertical-align:top;}

@media all and (min-width:760px) {
    .solution_ai .section_visual .visual::after {width:640px;}
    .solution_ai .section_visual .visual .sub {font-size:30px;}
    .solution_ai .section_visual .visual .tit .text,
    .solution_ai .section_visual .visual .tit .gradient {font-size:100px;}
    .solution_ai .section_visual .visual .desc {max-width:initial; max-width:560px; font-size:20px;}
    .solution_ai .section_visual .visual .desc br {display:inline;}
    .solution_ai .section_visual .visual .scroll {transform:translateY(64px);}
    .solution_ai .section_technology .sec_tit h3 {font-size:45px;}
    .solution_ai .section_technology .sec_tit br {display:none;}
    .solution_ai .section_technology .tech_box {padding:0 40px;}
    .solution_ai .section_technology .tech_box ul {gap:40px;}
    .solution_ai .section_technology .tech_card .tit {font-size:38px;}
    .solution_ai .section_technology .tech_card .desc {font-size:20px;}
    .solution_ai .section_function .func_box {gap:40px; padding:100px 40px;}
    .solution_ai .section_function .func_box .info .tit {font-size:45px;}
    .solution_ai .section_function .func_box .info .tit br {display:inline;}
    .solution_ai .section_function .func_box .info .desc {font-size:20px;}
    .solution_ai .section_function .func_box .info .desc br {display:inline;}
    .solution_ai .section_security .security_box {padding:100px 40px;}
    .solution_ai .section_security .security_box .tit strong {font-size:45px;}
    .solution_ai .section_security .security_box .desc {font-size:20px;}
    .solution_ai .section_security .security_box .desc br {display:inline;}
    .solution_ai .section_security .security_box .qna_box .question {font-size:18px;}
    .solution_ai .section_service .sec_tit h3 {font-size:45px;}
    .solution_ai .section_service .sec_tit br {display:none;}
    .solution_ai .section_service .serv_card .text {font-size:20px;}
    .solution_ai .section_aifunction .sec_tit h3 {font-size:45px;}
    .solution_ai .section_aifunction .sec_desc {font-size:20px}
    .solution_ai .section_aifunction .aifunction_ul {gap:40px; padding:0 40px;}
    .solution_ai .section_aifunction .aifunction_ul li {width:calc((100% - 40px) / 2);}
    .solution_ai .section_aifunction .aifunction_ul li .box {padding:40px;}
    .solution_ai .section_aifunction .aifunction_ul li .box .desc {font-size:20px;}
    .solution_ai .section_aitab .ai_guide {gap:20px;}
    .solution_ai .section_aitab .ai_guide .txt {font-size:45px;}
    .solution_ai .section_aitab .ai_naon {padding:0 40px 150px;}
    .solution_ai .section_aitab .ai_cont .info .label {font-size:20px;}
    .solution_ai .section_aitab .ai_cont .info .tit {font-size:32px;}
    .solution_ai .section_aitab .ai_cont .info .desc ul li::before {font-size:30px;}
}

@media (min-width: 1280px) {
    .solution_ai .naonai_qm_lyr,
    .solution_ai .naonai_site_lyr {display:block;}
    .solution_ai .section_visual .visual .sub {font-size:40px;}
    .solution_ai .section_visual .visual::after {width:680px;}
    .solution_ai .section_visual .visual .tit .text,
    .solution_ai .section_visual .visual .tit .gradient {font-size:120px;}
    .solution_ai .section_visual .visual .desc {max-width:600px; font-size:22px;}
    .solution_ai .section_technology .sec_tit h3 {font-size:60px;}
    .solution_ai .section_technology .tech_box ul {flex-direction:row; gap:60px;}
    .solution_ai .section_technology .tech_card .tit {font-size:42px;}
    .solution_ai .section_technology .tech_card .desc {font-size:22px;}
    .solution_ai .section_function .func_box {flex-direction:row; justify-content:space-between; padding:150px 40px;}
    .solution_ai .section_function .func_box .info .tit {font-size:60px; text-align:left;}
    .solution_ai .section_function .func_box .info .desc {font-size:22px; text-align:left;}
    .solution_ai .section_function .func_box:last-child {flex-direction:row-reverse;}
    .solution_ai .section_function .func_box:last-child .info .tit, 
    .solution_ai .section_function .func_box:last-child .info .desc {text-align:right;}
    .solution_ai .section_function .func_box .image {margin-top:0;}
    .solution_ai .section_security .security_box {flex-direction:row; justify-content:space-between; padding:150px 40px;}
    .solution_ai .section_security .security_box .info {width:50%;}
    .solution_ai .section_security .security_box .tit {text-align:left;}
    .solution_ai .section_security .security_box .tit strong {font-size:60px;}
    .solution_ai .section_security .security_box .desc {text-align:left; font-size:22px;}
    .solution_ai .section_security .security_box .source {text-align:left;}
    .solution_ai .section_security .security_box .image {width:calc(50% - 40px); margin-top:0; text-align:right;}
    .solution_ai .section_service .section_inner {padding-top:100px;}
    .solution_ai .section_service .serv_card {width:370px;}
    .solution_ai .section_service .serv_card .text {height:100px; font-size:22px;}
    .solution_ai .section_service .serv_list ul {perspective:600px;}
    .solution_ai .section_service {display:none;}
    .solution_ai .section_service .sec_tit h3 {font-size:60px;}
    .solution_ai .section_service.section_pc {display:block;}
    .solution_ai .section_aifunction .sec_tit h3 {font-size:60px;}
    .solution_ai .section_aifunction .sec_desc {font-size:22px}
    .solution_ai .section_aifunction .aifunction_ul li {width:calc((100% - 80px) / 3);}
    .solution_ai .section_aitab .ai_guide {flex-direction:row;}
    .solution_ai .section_aitab .ai_guide .txt {font-size:60px;}
    .solution_ai .section_aitab .ai_guide .line1 {height:10px;}
    .solution_ai .section_aitab .ai_guide .line2 {width:10px;}
    .solution_ai .section_aitab.active1 .ai_guide .line1 {width:60px;}
    .solution_ai .section_aitab.active1 .ai_guide .line2 {height:60px;}
    .solution_ai .section_aitab .ai_naon {padding:0 40px 200px;}
    .solution_ai .section_aitab .ai_cont .cont {display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:200px;}
    .solution_ai .section_aitab .ai_cont .cont:nth-child(2n) {flex-direction:row-reverse;}
    .solution_ai .section_aitab .ai_cont .info {align-items:flex-start; margin-right:40px;}
    .solution_ai .section_aitab .ai_cont .cont:nth-child(2n) .info {margin-right:0; margin-left:40px;}
    .solution_ai .section_aitab .ai_cont .info .label {margin:0 0 20px; font-size:22px;}
    .solution_ai .section_aitab .ai_cont .info .tit {margin:0; font-size:45px; text-align:left;}
    .solution_ai .section_aitab .ai_cont .info .tit br {display:inline;}
    .solution_ai .section_aitab .ai_cont .info .desc {margin-top:50px;}
    .solution_ai .section_aitab .ai_cont .info .desc ul li {padding-left:60px;}
    .solution_ai .section_aitab .ai_cont .info .desc ul li br {display:inline;}
    .solution_ai .section_aitab .ai_cont .info .desc ul li::before {font-size:34px;}
    .solution_ai .section_aitab .ai_cont .video {margin:0;}
    .solution_ai .section_aitab.active2 .ai_guide .txt1 {top:-60px; left:0;}
    .solution_ai .section_aitab.active2 .ai_guide .txt3 {top:60px; left:0;}
    .solution_ai .section_aitab.active2 .ai_guide .line1 {width:120vw;}
    .solution_ai .section_aitab.active2 .ai_guide .line2 {height:100vh;}
    .solution_ai .section_aitab.active3 .ai_guide .line1 {height:100vh;}
    .solution_ai .section_aitab.active3 .ai_guide .line2 {width:120vw;}
}