@charset "UTF-8";
.wrap {position:relative; padding-bottom:60px; min-height:100%; padding-bottom:constant(safe-area-inset-bottom); padding-bottom:env(safe-area-inset-bottom); margin:0 auto; font-size:1.6rem; font-weight:400; box-sizing:border-box; overflow:hidden;}

	/* container */
	.main-container {padding:0 7%;}
	.container01 {padding-top:30px; padding-bottom:30px;}
	.container02 {padding-top:30px; padding-bottom:60px;}
	.container03 {padding-top:50px; padding-bottom:50px;}
	.tag-container {display:flex; width:100%; align-items:center; justify-content:center; margin-top:128px;}
	.orange-container01{padding-top:60px; padding-bottom:60px;}
	.orange-container02{padding-bottom:60px;}
	.main-txt-cont01 {padding-top:135px; margin-left:auto; width:100%; font-size:3.0rem; color:#141417; text-align:right;}
	.main-txt-cont01 .main-txt01 {display:inline-block; font-size:5.0rem;}
	.main-txt-cont01 .main-txt02 {color:#eb008b;}
	.main-txt-cont02 {margin-top:80px; padding-right:25%; font-size:clamp(12px, 2vw, 30px); line-height:1.8; word-break: keep-all;}
	
	/* swiper */
	.swiper-wrap {position:absolute; top:10%; left:50%; width:100%; height:100%; transform:translateX(-50%); }
	.swiper-container {width:100%; height:43%; overflow: hidden;}
	.swiper-slide {display:flex; width:100%; align-items: center; justify-content: center; }
	.img-box {width:100%; opacity:0.5; transition:all .5s; text-align:center; transform:scale(1); }
	.img-box.box01 {width:15%;}
	.img-box.box02 {width:20%;}
	.img-box.box03 {width:25%}
	.on .img-box {opacity:1; transform:scale(2);}

	.marquee {position:absolute; width:120%; padding:0.6%; z-index:10;}
	.marquee01 {bottom:1%; left:-5%; animation:marqueeBg01 10s linear infinite; transform:rotate(4deg);}
	.marquee02 {bottom:0%; left:0%; animation:marqueeBg02 10s linear infinite; transform:rotate(-1deg);}
	.marquee-wrap {position:relative; overflow:hidden;  white-space: nowrap;  font-size:0}
	.marquee-track {display: inline-block; white-space: nowrap; animation: marquee01 5s linear infinite alternate;}
	.marquee-txt {display:inline-block; vertical-align:middle; color:#fff;font-size:2.0rem; }
	.marquee-track .marquee-txt:not(:first-child) {margin-left:6%;}
	.marquee-track:not(:first-of-type) {margin-left:190px;}
	@keyframes marquee01 {
		0% {transform: translateX(0%);}
		100% {transform: translateX(-100%);}
	}
	@keyframes marqueeBg01 {
		0%   { background-color: #f50;}
		50%  { background-color: #4e03a2; }
		100% { background-color: #f50; }
	}
	@keyframes marqueeBg02 {
		0%   { background-color: #1212af;}
		50%  { background-color: #4e03a2; }
		100% { background-color: #1212af; }
	}

	/* agentic ai */
	.main-conts-01{position:absolute; top:55%; left:50%; width:100%; transform:translateX(-50%); font-size:2.0rem; color:#fff; text-align:center;}
	.pc .main-conts01-wrap {display:flex; padding:0 5%; width:100%; align-items:center; }
	.pc .main-conts01-wrap .conts-box {position:relative; flex:1; padding:44px 0; cursor:pointer;}
	.pc .main-conts01-wrap .conts-box:hover {color:#eb008b;}
	.pc .main-conts01-wrap .conts-box:nth-child(2):hover {color:#1212fa;}
	.pc .main-conts01-wrap .conts-box:nth-child(3):hover {color:#f50;}
	.pc .main-conts01-wrap .conts-box .txt01 {min-height:56px;}
	.pc .main-conts01-wrap .conts-box .txt02 {margin-top:3%; min-height:120px; font-size:clamp(12px, 2.2vw, 40px); font-weight:bold;}
	.pc .main-conts01-wrap .conts-box:nth-child(2)::before {content:""; position:absolute; top:20%; left:0; width:1px; height:57%; background-color:#fff; opacity:0.5;}
	.pc .main-conts01-wrap .conts-box:nth-child(3)::before {content:""; position:absolute; top:20%; left:0; width:1px; height:57%; background-color:#fff; opacity:0.5;}
	.main-cont01-star {position:absolute; top:-150%; right:120%;}
	.img-section02-sllm{margin-top:110px; width:53%;}
	.img-section02-ganes{display:block; margin-left:auto; margin-top:-40px; width:53%;}
	.section02 {position:relative; padding-bottom:100px;}
	.img-ganes-deco {position:absolute; top:30%; right:15%; width:20%;}
	.img-agentic-deco {position:absolute; top:32%; left:17%; width:21%;}
	.btn-download-wrap{display:flex; width:100%; align-items:center; justify-content:center;}
	.btn-download {display:block; margin-top:100px; width:21%;}

	/* kitagapai */
	.kitagapai-wrap {padding-bottom:60px;}
	.kitagapai-container01 {position:relative; padding-top:60px; padding-bottom:84px; font-size:clamp(14px, 2.5vw, 30px); color:#fff; z-index:1; border-radius: 0 0 68px 68px; z-index:100; background-color:#1212af;}
	.kitagapai-container-bg{position:absolute; top:48%; left:0; width:100%; height:14%; background-color:#00a5d1; border-radius:68px; z-index:1;}
	.kitagapai-container02 {padding-top:100px;} 
	.kitagapai-txt01 {font-size:4.0rem; font-weight:bold;}
	.kitagapai-txt02 {margin-top:17px; text-align:center; font-size:clamp(14px, 2.5vw, 30px); line-height:1.8;}
	.kitagapai-txt03 {margin-top:60px; font-size:5.0rem; text-align:center; color:#1212af; font-weight:bold; line-height:1.6;}
	.kitagapai-txt04 {margin-top:10px;}
	.img-kitagapai07 {display:block; width:43%;}
	.img-kitagapai-bg {position:absolute; top:20%; left:0;}
	.kitagapai-bg01 {position:absolute; top:0; left:0; z-index:-1;}
	.kitagapai-bg02 {position:absolute; top:500px; left:0; z-index:-2;}
	.kitagapai-img.img01.pc {position:absolute; top:20%; left:10%;}
	.kitagapai-img.img02.pc {position:absolute; top:-163%; right:-10%;}
	.kitagapai-img.img03{margin:66px auto 0 auto; width:719px;}
	.kitagapai-img.img04 {display:block; margin-top:52px; margin-left:auto; width:30%;}
	.kitagapai-img.img05{position:absolute; top:70%; left:-6%; transform:translateX(-999px);}
	.scrolled .kitagapai-img.img01{animation:moveUpDown 3.5s ease infinite;}
	.scrolled .kitagapai-img.img02{animation:moveUpDown 3.5s 0.5s ease infinite;}
	.scrolled .kitagapai-img.img05{animation:moveLeft 0.8s ease forwards;}
	.tag01{transform: translateY(-10%); animation:tagAni01 2s ease-in-out infinite;}
	.tag02{transform: translateY(35%); animation:tagAni02 2s ease-in-out infinite;}
	.tag03{transform: translate(-28%, -20%); animation:tagAni03 2s ease-in-out infinite;}
	.tag04{transform: translateY(40%); animation:tagAni04 2s ease-in-out infinite;}
	.tag05 {animation:moveUpDown 2s ease-in-out infinite;}
	.company-location{margin-top:100px;  display:flex; justify-content:center; align-items:center; width:100%; height:80px; background-color:#1212af;}
	.rocket01{position:absolute; bottom:-5%; right:4%; animation: flyLeft 4s ease-in-out infinite;}
	.kitagapai-deco {position:absolute; top:0; }
	.kitagapai-deco.deco01 {position:absolute; top:-2%; right:10%; width:19%;}
	.kitagapai-deco.deco02 {position:absolute; top:90%; left:16%; width:6%;}
	.kitagapai-deco.deco03 {position:absolute; top:0; left:9%; width:15%;}

 	/* orange karamel */
	.orange-txt01 {font-size:clamp(14px,2.5vw, 30px); color:#000; line-height:1.05;}
	.orange-txt01.space {margin-top:10px;}
	.orange-txt02 {font-weight:bold; font-size:clamp(14px,2.5vw, 40px);}
	.orange-txt03 {margin-top:17px; font-size:clamp(14px,2.3vw, 30px); color:#000; line-height:1.8; text-align:center;}
	.orange-logo {display:block; margin-top:57px; margin-left:auto; width:713px;}
	.img_orka{display:block; margin:60px auto 0 auto; width:45%;}
	.video-container {position:relative; padding-bottom:56.25%; width:100%; height:0; background-color:#000; border-radius:30px;}
	.video-container iframe{position:absolute; top:0; left:0; width:100%; height:100%; border:0; border-radius:30px;}
	.video-txt-wrap {position:absolute; bottom:6.5%; left:3.5%; z-index:10;}
	.video-txt-wrap .txt01 {font-size:3.0rem; color:#fff; line-height:1.05;}
	.video-txt-wrap .txt02 {font-size:4.0rem; color:#f50; line-height:1.05; font-weight:bold;}
	.video-txt-wrap .txt01.txt03 {margin-top:1%;}
	.video-txt-wrap .btn-video {display:block; margin-top:5%; width:33%;}
	.banner{width:847px;}
	.orange-flex-wrap{display:flex; align-items:center; justify-content:space-between;}
	.orange-flex-in {display:flex; width:50%; flex-direction:column; align-items:stretch;}
	.orange-tag01{padding:3%; display:flex; align-items:center; justify-content:center; width:48%; min-height:70px; font-size:clamp(14px, 1.5vw, 26px); text-align:center; font-weight:bold; color:#fff; background-color:#f50; border-radius:100px; margin:0 auto;}
	.orange-flex-wrap .orange-txt {margin-top:20px; min-height:150px; font-size:clamp(14px, 1.5vw, 18px); text-align:center; line-height:1.6;}
	.orange-flex-wrap .img_orange01 {margin:7% auto 0 auto; display:block; width:85%;}

	/* button */
	.btn-start {display: flex;align-items: center;justify-content: center;white-space: nowrap;padding:27px 108px; margin:110px auto 0 auto; display:block; width:400px; font-size:2.6rem; font-weight:bold; line-height:1.05; background-color:#1212af; border-radius:68px; box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25); color:#fff;}
	.img_vitual_btn {display:block; margin:0 auto; width:400px;}

	/* footer */
	.footer {padding:66px 0; width:100%; height:570px; background:url('../img/lib/img_footer_bg_pc.png') no-repeat center; color:#fff;}
	.footer .footer-txt01 {font-size:1.8rem; line-height:1.5;}
	.footer .tit01 {font-size:2.2rem;}
	.footer .footer-txt-box {margin-top:30px;}
	.link-ew {font-size:clamp(12px, 1vw, 18px); font-weight:bold; color:#fff;}
	.footer-company {
  display: flex;
  justify-content: space-between;
  align-items: center; }
	.footer-company a:nth-child(2) {margin-left:5%;}
	.footer-company a:nth-child(3) {margin-left:8%;}
	.footer-bttm-right {width:100%; font-size:0; text-align:right;}
	.footer-link {margin-top:40px; display:flex; align-items:center; justify-content:space-between;}
	.copyright {margin-left:2%; font-weight:400; font-size:clamp(12px, 1vw, 18px); color:#fff;}

	/* center */
	.margin-center {margin:0 auto;}
	.txt_c {text-align:center;}
	.fw_b {font-weight:bold;}

	/* position */
	.position-r{position:relative}

	/* bg */
	.bg-f1f1f2{background-color:#f1f1f2;}
	/* color */
	.color-65318e{color:#65318e;}

	 @keyframes flyLeft {
      0% {transform: translate(0, 0)}
      50% {transform: translate(-15%, -20%)}
      100% {transform: translate(0, 0)}
    }

	@keyframes moveUpDown {
		0%{transform:translateY(0);}
		50%{transform:translateY(10%);}
		100%{transform:translateY(0);}
	}

	@keyframes moveLeft {
		100%{transform:translateX(0px);}
	}

	@keyframes tagAni01 {
		50%{transform:translate(0, 10% );}
		100%{transform:translate(0, -10% );}
	}
		@keyframes tagAni02 {
		50%{transform:translate(0, 20% );}
		100%{transform:translate(0, 35% );}
	}

	@keyframes tagAni03 {
		50%{transform:translate(-28%, -10% );}
		100%{transform:translate(-28%, -20% );}
	}

	@keyframes tagAni04 {
		50%{transform:translate(0%, 20% );}
		100%{transform:translate(0%, 40% );}
	}


	.pc {display:block;}
	.mobile {display:none;}

  /* 태블릿 */
	@media (min-width: 768px) and (max-width: 1023px) {
		.main-container {padding-right:40px; padding-left:40px;}
		.kitagapai-img.img03{width:100%;}
		.kitagapai-img.img05 {top:78%;}
		.kitagapai-img.img01.pc {top:22%;}
		.tag-container {margin-top:70px;}
		.orange-logo {width:70%;}
		.company-location {margin-top:60px;}
		.company-location .banner{width:80%;}
		.img-ganes-deco {top:40%;}
		.img-section02-ganes {margin-top:0;}	

		.swiper-container {width:100%; height:200px; overflow: hidden;}
		.on .img-box {transform:scale(1.5);}
		.kitagapai-container-bg {top:45%;}

		/* marquee */
		.marquee {position:absolute; width:120%; padding:8px; z-index:10;}
		.marquee-txt {font-size:1.6rem;}
		.marquee-track:not(:first-of-type) {margin-left:15%;}
		/* marquee 끝 */
		.main-conts-01 {font-size:1.4rem;}
		.pc .main-conts01-wrap .conts-box {padding:20px 0;}
		.pc .main-conts01-wrap .conts-box .txt01 {min-height:40px;}
		.pc .main-conts01-wrap .conts-box .txt02 {margin-top:10px; min-height:70px;}
		
		/* agentic ai */
		.main-cont01-star {right:100%;}
		.main-txt-cont02 {padding-right:20%;}
		.rocket01 {bottom:3%;}

		/* footer */
		.link-ew {font-size:1.4rem;}
		.copyright {font-size:1.2rem;}
		.footer-bttm-right {margin-top:20px; text-align:left;}
		.footer-link {display:block;}
	}
	/* 모바일 */
	@media (max-width:767px){
		.main-container {padding:0 16px;}
		.main-txt-cont02{margin-top:40px; padding:0; font-size:1.6rem; line-height:1.43; text-align:center;}
		.container01 {padding-top:36px; padding-bottom:36px;}
		.container02 {padding-top:36px; padding-bottom:36px;}
		.container03{padding:30px 16px;}

		.swiper-container {height:160px;}
		.img-box.box01 {width:110px;}
		.img-box.box02 {width:150px;} 
		.img-box.box03 {width:160px}
		.main-conts-01 {top:30%}
		.main-conts-01 {font-size:1.3rem;}
		.conts-box {position:relative; width:160px; margin:0 auto; padding:36px 0;}
		.conts-box:nth-child(2){border:0.5px solid rgba(255, 255, 255, 0.50); border-left:none; border-right:0;}
		.conts-box .txt02{margin-top:20px; font-size:1.6rem; font-weight:bold;}
		/* marquee */
		.marquee {position:absolute; width:110%; padding:5px; z-index:10;}
		.marquee01 {bottom:10px; left:-10px; animation:marqueeBg01 10s linear infinite; transform:rotate(5deg);}
		.marquee02 {bottom:0; left:0; animation:marqueeBg02 10s linear infinite; transform:rotate(-1deg);}
		.marquee-wrap {position:relative; overflow:hidden;  white-space: nowrap;  font-size:0}
		.marquee-track {display: inline-block; white-space: nowrap; animation: marquee01 5s linear infinite alternate;}
		.marquee-txt {display:inline-block; vertical-align:middle; color:#fff;font-size:1.2rem; }
		.marquee-track .marquee-txt:not(:first-child) {margin-left:11px;}
		.marquee-track:not(:first-of-type) {margin-left:12px;}

		.section02 {padding-bottom:40px;}
		.main-txt-cont01 {padding-top:100px; font-size:1.8rem;}
		.main-txt-cont01 .main-txt01 {display:block; font-size:2.4rem;}
		.main-txt-cont01 .main-txt02 {font-size:2.6rem;}
		.img_ganes_wrap {padding:30px 0; margin:0 auto; text-align:center; background-color:#f1f1f2;}
		.img_agentic_wrap {padding:30px 0 50px; margin:0 auto; text-align:center; background-color:#f1f1f2;}
		.btn-down.btn01 {margin-top:40px;}
		.btn-down.btn02 {margin-top:30px;}
		.main-cont01-star {top:30px; left:65px;}
		/* kitagapai */
		.kitagapai-container01 {padding-top:30px; padding-bottom:25px; border-radius: 0 0 40px 40px;}
		.kitagapai-txt01 {font-size:1.4rem;}
		.kitagapai-txt03 {font-size:3.0rem; margin-top:40px;}
		.kitagapai-txt04 {font-size:1.4rem;}
		.kitagapai-img.img04 {margin-top:75px; width:216px;}
		.kitagapai-img.img01.mobile {position:absolute; top:95px; left:9px;}
		.kitagapai-img.img02.mobile {position:absolute; top:56px; right:-40px;}
		.kitagapai-txt02 {margin-top:24px; font-size:1.6rem; line-height:1.8;}
		.kitagapai-img.img03{margin:21px auto 0 auto;}
		.kitagapai-wrap {padding-bottom:28px;}
		.kitagapai-container-bg {top:auto; bottom:40%; border-radius: 0 0 40px 40px;}
		.kitagapai-img.img05 {top:83%; left:0;}
		.kitagapai-container02 {padding-top:60px; padding-bottom:0;}
		.company-location{margin-top:50px; height:100%; padding:10px 0;}
		.tag-container{margin-top:34px;}
		.rocket01{right:-50px;}
		.kitagapai-deco.deco01 {position:absolute; top:-35px; right:23px; width:148px;}
		.kitagapai-deco.deco02 {position:absolute; top:245px; left:22px; width:60px;}
		.kitagapai-deco.deco03 {position:absolute; top:-44px; left:48px; width:57px;}


		/* orenji */
		.orange-container01 {padding-top:28px; padding-bottom:32px;}
		.orange-bg-conts {position:absolute; bottom:10px; left:50%; width:100%; transform:translateX(-50%); color:#fff; text-align:center;}
		.orange-bg-conts .txt01 {font-size:1.3rem;}
		.orange-bg-conts .txt02 {font-size:1.6rem; color:#f50;}
		.orange-txt01 {font-size:1.6rem;}
		.orange-txt02 {font-size:1.6rem;}
		.orange-logo {margin-top:32px; width:245px;}
		.orange-txt03 {font-size:1.6rem; line-height:1.43;}
		.img_vitual_btn {width: 217px;}
		.orange-container01 {padding:36px 16px;}
		.img_orka {margin-top:10px; width:261px;}
		.orange-txt04 {font-size:2.6rem; color:#323333; line-height:1.07; text-align:center;}
		.orange-container03 {padding:47px 16px 36px 16px;}
		.orange-container04 {padding:30px 16px 36px 16px;}
		.img_orka_badge {position:absolute; top:-40px; left:0px; transform:rotate(-6deg);}
		.tag_mobile {animation:moveUpDown 2s ease-in-out infinite;}
		.btn-start {margin-top:75px; padding:12px 50px; display:flex; justify-content:center; align-items:center; min-height:40px; width:208px; font-size:1.6rem;}
		.orange-flex-wrap {display:block;}
		.orange-flex-wrap .orange-tag01{padding:13px 31px; width:271px; min-height:64px; font-size:18px;}
		.orange-flex-wrap .orange-txt {margin-top:15px; min-height:auto; font-size:14px; color:#000;}
		.orange-img-wrap {margin-top:25px; display:flex; align-items:center; justify-content:center;}
		.orange-img-wrap img:nth-child(2) {margin-left:10px;}
		/* footer */
		.footer {padding:32px 0 28px; width:100%; height:100%; background:url('../img/lib/img_footer_bg_mobile.png') no-repeat center; color:#fff; text-align:center;}
		.footer .footer-txt01 {font-size:1.2rem;}
		.footer .tit01 {font-size:1.4rem;}
		.link-ew {margin-top:32px; display:block; font-size:1.3rem; font-weight:bold; line-height:1.5;}
		.copyright {margin-left:0; margin-top:3px; font-size:1.3rem; font-weight:400; line-height:1.5; color:#fff;}

		.mgt16 {margin-top:16px;}
		.mgt30 {margin-top:30px;}
		.pc {display:none;}
		.mobile {display:block;}
	}