*{margin:0 auto;padding:0;list-style:none;box-sizing:border-box;}
.sysnova_txt {font-size:10rem;font-family: 'hyperspacerace-expandedbold';font-weight:600;transform:translate(0,5%)}

.container { height: 100vh; width: 100%; position: relative;overflow: hidden;}
.svg-container { width: 100%; height: 100%;position: absolute;	top: 0;}

svg {width: 100%;height: 100%;overflow: visible;display: block;}
svg text { text-anchor: middle;}
svg mask rect { fill: brown;opacity:.6}
svg > rect {fill: white; -webkit-mask: url(#mask); mask: url(#mask);}

.blue_col02 {color:#4e8dff;}
html{background:#000}
.main_bg img {width:100%}
.mo_br{display:none;}
.pc_br {display:block;}
.container {z-index:9999;opacity:1;transition:.5s}
.wrap {overflow:hidden;width:100%}
.main_bg {position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden;background:url('../../pub/images/main_top_bg.jpg') no-repeat;background-size:cover;}
.text {position:absolute;top:0;left:0;widht:300px;height:60px;background:#fff}
.container.on02 {opacity:0;transition:none;position:fixed !important;}
.container.on03 {position:absolute !important;}
.section02 {padding-top:100vh;}
.section01.on.main_bg {z-index:99}
.fixed_head {position:fixed;top:0;left:0;width:100%;z-index:99}
.fixed_head.on{z-index:9999}
.main_txt01 {font-size:8.5rem;margin-top:333px;margin-left:350px;font-weight:600;font-family: 'hyperspacerace-expandedbold';color:#fff;text-transform:uppercase}
.logo {margin-top:30px;margin-left:100px;cursor:pointer;}
.top_head {position:absolute;top:30px;right:100px;color:#fff;}

.menu {float:right;line-height:normal;text-align:right;cursor:pointer;position:relative;z-index:99999;margin-top:15px;}
.menu > div {height:3px;background:#fff;display:block;margin-bottom:7px;clear:both;}
.menu .bar01 {width:30px;transition:1s}
.menu .bar02 {width:20px;transition:1s;float:right}
.menu_page {text-transform:uppercase;position:fixed;top:0;right:-100%;width:50%;height:100vh;background:#0c0e23;z-index:9999;font-family: 'Montserrat', sans-serif;font-size:40px;font-weight:600}

.menu_page.on {}
.menu.on .bar01 {transform:rotate(45deg) translate(5px, 5px);transition:1s;background:#fff;}
.menu.on .bar02 {transform:rotate(-45deg) translate(2px, -3px);transition:1s;background:#fff;width:30px;}
.top_head > div {float:left;}
.lang {position:relative;cursor:pointer;padding-right:10px;margin-right:40px;margin-top:8px;}
.lang li {line-height:normal;color:#fff;padding:0 20px;margin-bottom:5px;}
.lang li:nth-child(2){display:none;}
.lang.on li:nth-child(2) {display:block;}
.lang li:nth-child(3){display:none;}
.lang.on li:nth-child(3) {display:block;}
.lang img {position:absolute;top:10px;right:0;line-height:normal;transition:.5s}
.lang.on img {transform:rotate(180deg);transition:.5s}
.menu_page_ul {margin:100px 0 0 85px;}
.menu_page_li {margin-bottom:50px;cursor:pointer}

.lang li a{color:#fff; text-decoration:none;}

.menu_page_li span:hover{ background:linear-gradient(90deg,#a5e5ff 25%, #4c8bff 50%, #af86fe 80%);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight:700}
.main_txt_bottom {position:absolute;bottom:5vh;right:10vw}
.main_txt_bottom img {width:14px !important;height:15px;}
.main_txt_bottom p {display:inline-block;color:#fff;margin-right:15px;font-size:15px;}
#video {width:100%;}
.section02 {position:relative;}
.section02_txt {position:absolute;top:150vh;left:0;color:#fff;width:100%;text-align:center;z-index:9;opacity:0}
.section02_txt p {font-size:70px;font-weight:600;color:#fff;margin-bottom:60px;margin-top:40px;}
.section02_txt span.section02_txt02 {font-size:28px;line-height:42px;}
.section02 .bg{position:absolute;top:100vh;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2)}
.section02_bg_bar{position:relative;z-index:9}
.section02_bg_bar:after {content:'';position:absolute;bottom:10px;left:-1px;width:100%;height:25px;background:linear-gradient(to right,#4d8bfb,rgba(38,47,65,.8));z-index:-1}
.pc_bar0603:after {display:none;}
.section02.on0602 .section02_txt{animation:text-up .5s forwards}

@keyframes text-up {
		0%{opacity:0; top:140vh;}
		100%{opacity:1; top:150vh;}
	}

.section01::before {content: "";display: inline-block;width: 100%;height: 100px;position: absolute;bottom: -23px;left: 0px;background: linear-gradient(rgba(0, 0, 0, 0), 40px, rgba(0,0,0,0.6), 100px, rgb(13, 15, 41), 51.5%, rgb(13, 15, 41));}
.inner {width:1300px;margin:0 auto;}
.section03 {background:linear-gradient(rgba(0,0,0,0), 40px,#0d0f29, 100px, #0d0f29, 99.5%, #0d0f29);padding-top:300px;margin-top:-110px;position:relative;height:auto;overflow:hidden;padding-bottom:0;}
.section03:after {content:'';display:inline-block;background:url('../../pub/images/section03_bg.png') no-repeat left;background-size:contain;width:720px;height:856px;position:absolute;bottom:0;left:0}
.section03_box01{padding-bottom:145px;clear:both;height:auto;overflow:hidden;position:relative;z-index:1}
.section03_box01 > div {display:inline-block;vertical-align:top;}
.section03_txtBox {margin-left:100px;color:#fff;transform:translate(0, 25%)}
.section03_txtBox span{font-size:28px;font-weight:300;}
.section03_txtBox p {font-size:50px;font-weight:600;line-height:64px;margin:30px 0}
.section03_box01.fr_box .section03_imgBox{float:right;}
.section03_box01.fr_box .section03_txtBox {margin-left:0}
.po_re1 {position:relative;z-index:9}
.section03_bg_an {position:absolute;top:0;left:0;width:100%;height:100vh;z-index:8}
.section03_bg_an .bg_blue {background:url('../../pub/images/bg_blue.png') no-repeat;width:1682px;height:1697px;position:absolute;top:0;left:-30%;animation:show 5s infinite;}
.section03_bg_an .bg_purple {background:url('../../pub/images/bg_purple.png') no-repeat;width:1682px;height:1584px;position:absolute;top:60%;right:-30%;animation:show02 5s infinite;}
.section04_txt01 {font-size:22px;color:#fff;font-family: 'hyperspacerace-expandedbold';display:inline-block;margin-bottom:60px;margin-top:160px;}
.section04_txt02 {font-size:48px;color:#fff;font-weight:600;line-height:80px;}
.section01.none {position:absolute;}
.section04 {background:#0e0d27;position:relative;height:100vh;}
.section04_box {position:absolute;top:36%;left:0;text-align:center;width:100%;opacity:0;transition:1s;z-index:9}
.section04 img {width:100%}
.section04.on .section04_box {opacity:1;transition:1s}
.section04 .section04_img_box {transition:1s;position:relative;}
.section04_img_box:after{content: '';display: inline-block;position: absolute;top: 0;left: 0;width: 100%;height: 400px;background:linear-gradient(#0d0f29 0, #0D0F29 40%, rgba(0,0,0,0) 100% );transition:1s;}
.section04.on .section04_img_box:after {background:transparent;transition:1s;height:0}
.section04.on .section04_img_box {border-radius:20px;transform:scale(.8);transition:1s;}
.section04.on .section04_img_box img {border-radius:20px;}
.section05 {background:#0d0e27;position:relative;}
.section05_txt01 {font-size:20px;font-weight:500;color:#fff;position:relative;padding-left:5px}
.section05_txt01 span{position:relative;padding-left:20px}
.section05_txt01 span:after {content:'';display:inline-block;width:2px;height:20px;background:#fff;position:absolute;left:0;top:5px;}
.section05_txt02 {font-size:80px;font-family: 'hyperspacerace-expandedbold';line-height:90px;padding-bottom:75px;margin-bottom:50px;position:relative;color:#fff}
.section05_txt02:after {content:'';display:inline-block;background:#4e8dff;position:absolute;bottom:0;left:0;width:80px;height:2px;}
.section05_txt03 {font-size:28px;color:rgba(255,255,255,.7);line-height:42px;display:block;padding-bottom:140px;}
.section05_01 {padding-top:240px;}

.section05_video_box {position:relative;margin-top:340px;background:#0d0e27}

.section05_video_box02 {width:1300px;margin:0 auto;padding-bottom:145px;position:relative;z-index:11;}
.section05_video_box img {/*background:#0d0e27*/width:100%}
.video_play_box {height:700px; pointer-events: none; }
.video_play_box.pointers { pointer-events: auto;}
.video_play {position:absolute;top:0;left:0;z-index:9;cursor:pointer;}
.video_play_iframe {position:absolute;top:0;left:0;border-radius:30px}
.ebp_bg {position:absolute;top:-7vw;left:0}
.section05_btn {text-transform:uppercase;width:300px;height:70px;border-radius:50px;background:linear-gradient(to right bottom, rgb(85, 141, 255), rgb(171, 133, 255));margin-top:80px;line-height:70px;cursor:pointer;}
.section05_btn p {font-size:22px;font-weight:500;color:#fff;text-align:center;font-family: 'Montserrat', sans-serif;}

footer {background:#060a0c;padding:100px 0;position:relative;z-index:9}
.section06 {position:relative;clear:both;z-index:9}
.section06_box{padding:120px 0;background:#060a0c url('../../pub/images/section06_img.png') no-repeat;background-size:cover;}
.section06_box > p {font-size:48px;color:#fff;padding-bottom:80px;line-height:80px;text-align:center;font-weight:600;}
.section06 .section05_btn {margin-top:0;cursor:pointer;}
.parallax-window {background: transparent;}
.parallax-mirror {overflow:unset !important}

.foot_box {color:#fff;display:flex}
.foot_box > div {display:inline-block;}
.foot_cont p {margin-bottom:35px;font-size:18px;}
.foot_cont span {color:rgba(255,255,255,.7);font-size:16px;line-height:28px;font-weight:300;cursor:pointer}
.foot_site ul{}
.foot_site ul li {float:left;width:calc(100%/3);margin-bottom:35px;font-size:18px;font-family: 'Montserrat', sans-serif;cursor:pointer;}
.foot_site ul li:nth-child(4) {clear:both;}
.foot_logo {width:20%}
.foot_cont {width:40%}
.foot_site {width:40%}
.top_button {position:fixed;right:5vw;bottom:5vh;z-index:9999;cursor:pointer;}

.com_popup {position:fixed;top:0;left:0;z-index:99999;width:100%;height:100vh;text-align:center;display:none;}
.popup_box {display:inline-block;padding:60px;background:#060a0c;z-index:99999;color:#fff;width:69%;margin-top:3vh;position:relative;border-radius:20px;border:1px solid rgba(255,255,255,.4)}
.result {font-size: 30px;}
.bk_bg {position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999;background:rgba(0,0,0,0.85)}
.popup_box .ctu_txt01 {font-size:50px;font-weight:500;font-family: 'hyperspacerace-expandedbold';margin-bottom:60px;text-align:left;}
.ctu_txt02 {}
.ctu_txt02 li {float:left;width:calc(100%/2.1);text-align:left;border-bottom:1px solid #fff;margin-bottom:40px;font-size:18px;}
.ctu_txt02 li:nth-child(even){margin-left:40px;}
.popup_box input {height:40px;background:#060a0c;border:0;color:#fff;margin-left:20px;font-size:18px;}
.popup_box textarea {height:150px;background:#060a0c;border:1px solid #fff;color:#fff;border-radius:3px;padding:20px;font-size:18px;}
.popup_box textarea::placeholder{color:#fff;font-size:18px;font-weight:300}
.ctu_box01 {width:100%;height:150px;padding:20px;border:1px solid #fff;color:#fff;margin-top:20px;text-align:left;overflow-y:scroll}
.ctu_box01::-webkit-scrollbar {width:2px;}
.ctu_box01::-webkit-scrollbar-thumb {width:2px;background:#fff;}

.ctu_box01 p {font-size:1rem;line-height:28px;}
.pv_box01 p {font-size:1rem;line-height:28px;}
.ctu_txt03 .check {float:left;}
.popup_box .popup_btn{clear:both;}
.popup_box .popup_btn button{background:linear-gradient(to right bottom, rgb(85, 141, 255), rgb(171, 133, 255));width:300px;height:70px;line-height:70px;font-size:22px;color:#fff;font-weight:600;border-radius:50px;margin-top:60px;}
.close {width:25px;height:25px;position:absolute;top:20px;right:20px;cursor:pointer;}
.close > div {position:absolute;top:0;left:12px}
.close > div:first-child {width:1px;height:25px;transform:rotate(45deg);background:#fff; }
.close > div:last-child {width:1px;height:25px;transform:rotate(-45deg);background:#fff; }

.com_popup label.check {position:relative; display:block;line-height:17px; padding-left:33px;margin-top:10px}
.com_popup label.check input {display:none;}
.com_popup label.check i {position:absolute; top:0; left:0; width:18px; height:18px; overflow:hidden;border:1px solid #ddd;}
.com_popup label.check input:checked + i {background:url('../../pub/images/check.png') no-repeat center; }
.pv_popup .pv_box01 {font-size:18px;height:400px;border:1px solid #fff;border-radius:2px;padding:20px;text-align:left;overflow-y:scroll;}
.pv_popup {margin-top:15vh}
.foot_pv_txt {cursor:pointer;}
.spinner {
	border: 3px solid #f3f3f3; /* Light grey */
	border-top: 3px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
	margin: 0 auto;
  margin-bottom: 10px;
}
.warning {color:#ff0000; font-weight: bold;}

@keyframes spin {
	0% {
			transform: rotate(0deg);
	}
	100% {
			transform: rotate(360deg);
	}
}

.section01.on02 .main_txt01{overflow:hidden;animation:text_up 0.8s forwards;}
.section01 .main_txt01 span {display:inline-block;transform: translateY(125%);opacity:0}
.section01.on02 .up01 {animation:slide-up 1.3s forwards;color:rgb(165, 229, 255);}
.section01.on02 .up02 {animation:slide-up 1.4s forwards;background: linear-gradient(90deg, rgb(165, 229, 255) 10%, rgb(76, 139, 255) 80%);-webkit-background-clip: text; color: transparent;}
.section01.on02 .up03 {animation:slide-up 1.6s forwards;background: linear-gradient(90deg, rgb(100,165,255) 1%, rgb(76, 139, 255) 30%);-webkit-background-clip: text; color: transparent;}
.section01.on02 .up04 {animation:slide-up 1.8s forwards}
.section01.on02 .up05 {animation:slide-up 2s forwards}
.section01.on02 .up06 {animation:slide-up 2.2s forwards}
.section01.on02 .up07 {animation:slide-up 2.4s forwards}
.section01.on02 .up08 {animation:slide-up 2.6s forwards}
.section01.on02 .up09 {animation:slide-up 2.8s forwards;background: linear-gradient(90deg, #7bb7ff 1%, #4c89fe 30%);-webkit-background-clip: text; color: transparent;}
.section01.on02 .up10 {animation:slide-up 3s forwards;background: linear-gradient(90deg, #5286fe 50%, #8086fe 78%);-webkit-background-clip: text; color: transparent;}
.section01.on02 .up11 {animation:slide-up 3.2s forwards;background: linear-gradient(90deg, #8086fe 1%, #ac86ff 30%);-webkit-background-clip: text; color: transparent;}
.section01.on02 .up12 {animation:slide-up 3.4s forwards;color:#af86fe;}
.section01.on02 .up13 {animation:slide-up 3.5s forwards}
.section01.on02 .up14 {animation:slide-up 3.6s forwards}
.section01.on02 .up15 {animation:slide-up 3.7s forwards}
.section01.on02 .up16 {animation:slide-up 3.8s forwards}
.up12 {margin:0 -25px}

@keyframes slide-up {
		0{opacity:0; transform: translateY(125%) rotate(-45deg);}
		100%{opacity:1; transform: translateY(0) rotate(0);}
	}

@keyframes text_up {
	 0% {transform:translateY(30px);opacity:0}
	100% {transform:translateY(0);opacity:1}
}


/*보류*/
/*@keyframes show {
	0 {transform:scale(1);left:-30%;top:0;}
	50%{transform:scale(1.2);top:30%;left:-50%}
	100% {transform:scale(1);top:0;left:-30%}
}

@keyframes show02 {
	0 {transform:scale(1);right:20%;top:60%;}
	50%{transform:scale(1.2);top:80%;right:-30%}
	100% {transform:scale(1);top:60%;right:0}
}*/

@keyframes dash {
  0% {
	stroke-dashoffset: 500;
  }
  100% {
	stroke-dashoffset: 0;
  }
}

.hpeb_txt {font-family: 'Hyperspace Race Bold' !important;}

/*sub*/
.sub_head_box .logo {position:absolute;top:30px;left:100px;margin-left:0;margin-top:0;z-index:99}
.sub_head {position:absolute;top:0;left:0;width:100%;height:100px;text-align:center;background:#000}
.sub_head ul {height:auto;overflow:hidden;width:auto;display:inline-block;}
.sub_head li {float:left;padding:0 55px;height:100px;line-height:100px;color:#fff;font-size:18px;font-family: 'Montserrat', sans-serif;cursor:pointer;text-transform:uppercase}
.sub_head li:hover{background: linear-gradient(to right bottom,#558dff,#ab85ff);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight:500}

.sub_top {position:relative;height:100vh}
.sub_top_common {background:#060a0c;}
.top_bg {background:#000;width:100%;height:100vh;position:absolute;}
.top_bg.service_bg{background:url('../../pub/images/service_top_img.jpg') no-repeat;background-size:cover;}
.top_bg.whoweare_bg{background:url('../../pub/images/whoweare_page03_top_bg.jpg') no-repeat;background-size:cover;}
.top_bg.solution_bg{background:url('../../pub/images/solution_page01_top_bg_0609.jpg') no-repeat;background-size:cover;}
.top_bg.news_bg{background:url('../../pub/images/news_page04_top_bg.jpg') no-repeat;background-size:cover;}
.top_bg.career_bg{background:url('../../pub/images/career_page05_top_bg.jpg') no-repeat;background-size:cover;}



.sub_top.on02 .top_bg{position:fixed;top:0;left:0}
.top_bg:after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-top:315px solid #060a0c;border-left:80px solid #060a0c;border-right:80px solid #060a0c;transition:1s;}
.sub_top_title {text-transform:uppercase;font-size:150px;text-align:center;font-weight:600;font-family: 'hyperspacerace-expandedbold';background:linear-gradient(90deg,#a5e5ff 36%, #4c8bff 54%, #af86fe 69%);-webkit-background-clip: text;background-clip: text;color: transparent;position:relative;z-index:9;opacity:0;transition:1s;position:fixed;top:220px;left:0;width:100%;}
.sub_top.on .sub_top_common{transition:1s}
.sub_top.on .sub_top_title {opacity:1;transition:1s}
.sub_top.on .top_bg:after {border-left:0 solid #060a0c;border-right:0 solid #060a0c;transition:1.5s}
.sub_top.on.on02 .sub_top_title {position:fixed;opacity:0}
.sub_top.on.on02 .top_bg:after {border-top:0 solid #060a0c;transition:1.5s}
.sub_top_txt {position:relative;height:auto;}
.sub_top_txt p{font-size:48px;color:#fff;font-weight:600;position:absolute;bottom:-20vh;left:100px;line-height:64px;opacity:0;transition:1s}
.sub_top_txt.on02 p{opacity:1;transition:1s}

.page02_box {background:#0c0e23;position:relative;z-index:9;height:auto;overflow:hidden;}
.page02_box:before{content:'';background:url('../../pub/images/bg_blue.png') no-repeat;background-size:cover;width: 60%;height: 1200px;position:absolute;top: -23%;left: -24%;}
.page02_box .page_box01 {margin-top:380px;}
.page_box01 > div {position:relative;}
.page02_01_box p {right:0;text-align:right;opacity:0}
.page02_02_box p {left:0;text-align:left;z-index:99}
.page02_02_box {text-align:right;margin-bottom:280px;}
.page02_01_box_txt {position:absolute;top:-95px;z-index:99;right:0}
.top_bg.none {position:absolute !important}
.box_common p {font-size:80px;color:#fff;font-family: 'hyperspacerace-expandedbold';}
.page02_01_box {}
.page02_01_box img {opacity:0}
.page02_01_box_img{overflow:hidden;}
.page02_01_box.on img{transform:translateY(100%);animation:show_img 1s forwards;}
.page02_01_box.on p{z-index:99;overflow:hidden;opacity:1}
.page02_01_box.on p span {transform:translateY(100%);animation:show_txt 1s forwards;display:inline-block;}

.page02_box_02 {background:#0c0e23;position:relative;z-index:9;height:auto;overflow:hidden;padding-top:280px}
.page02_box_02:before{content:'';background:url('../../pub/images/bg_purple.png') no-repeat;background-size:cover;width: 60%;height: 1200px;position:absolute;top: 0;right: -24%;}
.page02_box_02.on {}
.page02_box_02 .page02_01_box_img {}
.page02_02_box_txt{position:absolute;top:-95px;z-index:99;left:0}
.page02_02_box p {opacity:0}
.page02_02_box img {opacity:0}
.page02_02_box.on p{z-index:99;overflow:hidden;opacity:1}
.page02_02_box.on p span {transform:translateY(100%);animation:show_txt 1s forwards;display:inline-block;}
.page02_02_box.on img{transform:translateY(100%);animation:show_img 1s forwards;}

.box_common p {opacity:1;z-index:99;overflow:hidden;}
.box_common p span {animation:show_txt02 .5s forwards;display:inline-block;}
.page02_02_box img {transform:translateY(100%);animation:show_img02 1s forwards;}
.box_common img {border-radius:30px}

@keyframes show_img {
	 0% {transform:translateY(100%);opacity:0}
	100% {transform:translateY(0);opacity:1}
}
@keyframes show_img02 {
	 0% {transform:translateY(0);opacity:1}
	100% {transform:translateY(100%);opacity:0}
}

@keyframes show_txt {
	 0% {transform:translateY(100%);opacity:0}
	100% {transform:translateY(0);opacity:1}
}
@keyframes show_txt02 {
	 0% {transform:translateY(0);opacity:1}
	100% {transform:translateY(100%);opacity:0}
}

.service, .solution, .whoweare, .news, .career {display:none;}
.service.on, .whoweare.on, .solution.on, .news.on, .career.on {display:block;}

.page02_box03 {position:relative;height:auto;overflow:hidden;}
.page02_box03_bg {background:url('../../pub/images/service_page02_03_bg.jpg') no-repeat;background-size:cover;width:100%;height:100vh;position:absolute;top:0;left:0;z-index:-1}

.blue_col {color:#4e8dff;}
.page02_box03_in .right_txt {font-size:65px;color:#fff;font-weight:600;font-family: 'hyperspacerace-expandedbold';position:absolute;top:230px;left:300px}
.page02_box03_in {position:relative;}

.page02_box03.on .page02_box03_bg{position:fixed;}
.page02_box03.on .right_txt{position:fixed;}
.page02_box03.on02 .page02_box03_bg{position:absolute;bottom:0;top:auto;}
.page02_box03.on02 .right_txt{position:absolute;bottom:230px;top:auto}
.page02_box03 .right_box {width:960px;float:right;margin-right:100px;height:auto;margin-top:32vh;}
.page02_box03 .right_box ul {height:auto;overflow:hidden;padding-bottom:425px;}
.page02_box03 .right_box li {float:left;cursor:pointer;}
.page02_box03 .right_box li:nth-child(even) {margin-left:100px;transform:translate(0,425px)}
.page02_box03 .right_box li:nth-child(odd) {clear:both;margin-top:180px;}
.page02_box03_txt01 {width:430px;height:550px;}
.page02_box03_txt02 {font-size:1.8rem;font-family: 'hyperspacerace-expandedbold';color:#fff;margin:40px 0;}
.page02_box03_txt03 {font-size:16px;color:#fff;}

.page05_box02 > div:first-child{margin-top:10vh;}
.page02_box  {margin-top:50vh}
.page_top_box {position:relative;background:#0c0e23;/*background:linear-gradient(rgba(0, 0, 0, 0), 28px, rgb(13, 15, 41), 66px, rgb(13, 15, 41), 62.5%, rgb(13, 15, 41));*/height:auto;overflow:hidden;margin-top:50vh;z-index:9}
/*.page_top_box {margin-top:100vh;position:relative;background:#0c0e23;height:auto;overflow:hidden;}*/
.page_top_box02 {}
.page_top_box02:before{display:none;}
.page_top_box02:after{display:none;}
.page_top_box:before{content:'';background:url('../../pub/images/bg_blue.png') no-repeat;background-size:cover;width: 60%;height: 1200px;position:absolute;top: 0;left: -30%;}
.page_top_box:after{content:'';background:url('../../pub/images/bg_purple.png') no-repeat;background-size:cover;width: 60%;height: 1200px;position:absolute;bottom: 0;right: -24%;}
.page03_txt01 {font-weight:200;margin-top:240px;font-size:80px;color:#fff;line-height:110px;}
.page03_txt01 span {font-weight:500;}
.page03_txt02 {text-transform:uppercase;font-weight:600;font-family: 'hyperspacerace-expandedbold';background:linear-gradient(90deg,#a5e5ff 10%, #4c8bff 54%, #af86fe 75%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size:95px;margin:50px 0 80px 0;display:block;}
.page03_txt03 {font-size:20px;color:#fff;font-weight:200;line-height:36px;margin-bottom:280px;}
.whoweare_video {width:1300px;height:700px;margin:0 auto;margin-bottom:230px;}
.pr_t {position:relative;z-index:9}
.page03_box01_cont_txt01 {font-size:20px;font-weight:200;color:#fff;line-height:36px;}
.page03_box01_cont_txtMission {font-size:20px;font-weight:200;color:#fff;line-height:36px;padding-top: 20px;}
.page03_box01_cont_txt02 {text-transform:uppercase;font-size:80px;font-weight:600;color:#fff;}
.page03_box01_ul {display:block;height:auto;overflow:hidden;padding-bottom:100px;}
.page03_box01_cont01 li {float:right !important;}
.page03_box01_cont01 li:nth-child(1){margin-left:100px;padding-left:100px;font-family: 'hyperspacerace-expandedbold';position:relative;line-height:75px;}
.page03_box01_cont01 li:nth-child(1):after {content:'';position:absolute;top:10px;left:0;width:1px;height:80%;background:#646475;display:inline-block; }
.page03_box01_cont01 li:nth-child(2){text-align:right;}
.page03_box01_cont02 li:nth-child(1){margin-right:100px;padding-right:100px;font-family: 'hyperspacerace-expandedbold';line-height:75px;position:relative;}
.page03_box01_cont02 li:nth-child(1):after {content:'';position:absolute;top:10px;right:0;width:1px;height:80%;background:#646475;display:inline-block; }
.page03_box01_ul li {float:left;}
.page03_box01_cont02 {clear:both;}
.page03_box01_cont02 .bk_col_bg{padding-top:300px;}
.page03_box01_cont01 .parallax_box_page03 {height:500px;position:relative;border-top-left-radius:20px;padding-left:300px;}
.page03_box01_cont01 .parallax_box_page03:after {content:'';display:inline-block;width:300px;left:0;top:0;position:absolute;height:500px;background:#0c0e23;}
.page03_box01_cont02 .parallax_box_page03 {height:500px;position:relative;z-index:9}
.page03_box01_cont02 .parallax_box_page03:after {content:'';display:inline-block;width:300px;right:0;top:0;position:absolute;height:500px;background:#0c0e23;}
.bk_col_bg {background:#0c0e23;}
.page03_box02 {padding-top:280px;background:#0c0e23 url('../../pub/images/whoweare_bg_page03_img03_0531.jpg') no-repeat;background-size:cover;height:auto;overflow:hidden;}

.page03_title {font-family: 'hyperspacerace-expandedbold';font-size:80px;font-weight:600;color:#fff;padding-bottom:100px;text-transform:uppercase;}
.page03_round_box {padding-bottom:570px;}
.page03_round_box ul {height:auto;display:flex;}
.page03_round_box li {height:325px;width:325px;border-radius:50%;border:1px solid #fff;box-shadow:0 0 15px #af86fe;float:left;text-align:center;position:relative;background:#0c0e23;}
.page03_round_box li:first-child:after {content:'+';color:#555765;font-size:50px;font-weight:200;position:absolute;top:42%;right:-68px}
.page03_round_box li:last-child:after {content:'+';color:#555765;font-size:50px;font-weight:200;position:absolute;top:42%;left:-68px}

.page03_round_box li p{color:#fff;font-size:20px;font-family: 'Montserrat', sans-serif;margin-top:45px;}
.page03_round_box li div {transform:translate(0,50%)}
.round_box_in {padding:35px 0;border:1px solid rgba(175,134,254,.2);border-radius:200px;}

.round_box_in {width:30%;transition:2s}
.page03_round_box ul{position:relative;}
.page03_round_box li:nth-child(2){position:relative;z-index:9}
.page03_round_box li:first-child {position:absolute;left:9%;transition:2s;opacity:0}
.page03_round_box li:first-child:after {opacity:0;transition:2s}
.page03_round_box li:last-child {position:absolute;right:9%;transition:2s;opacity:0}
.page03_round_box li:last-child:after {opacity:0;transition:2s}

.page03_box02.on .round_box_in {width:100%;position:relative;transition:2s}
.page03_box02.on .page03_round_box li:first-child {left:35px;transition:2s;opacity:1}
.page03_box02.on .page03_round_box li:first-child:after {opacity:1;transition:2s}
.page03_box02.on .page03_round_box li:last-child {right:35px;transition:2s;opacity:1}
.page03_box02.on .page03_round_box li:last-child:after {opacity:1;transition:2s}

.history_txt01 {font-size:50px; -webkit-text-stroke: 1px white;font-weight:600;font-family: 'hyperspacerace-expandedbold';margin-right:50px;display:inline-block;vertical-align:top;position:relative;}
.history_txt01:after{content:'';display:inline-block;position:absolute;top:-50px;left:50%;width:14px;height:14px;border:6px solid rgba(111,86,169,.6);background:#af86fe;border-radius:50%}
.our_history {position:relative;height:auto;padding-bottom:320px;z-index:9}
.our_history .page03_title {display:inline-block;}
.blue_r .history_txt01:after{content:'';border:6px solid rgba(52,89,170,.6);background:#4c8bff;}
.history_slide .swiper-slide {margin-top:50px;}
.history_txt02 {font-size:20px;font-family: 'Montserrat', sans-serif;font-weight:500;margin-right:25px;vertical-align:top;}
.history_ul li {line-height:45px;font-weight:300;color:#fff;}
.history_ul li span {display:inline-block;font-size:18px;font-weight:200}
.history_ul {display:inline-block;}
.col_pu {color:#af86fe;-webkit-text-stroke:0;}
.col_bl {color:#4c8bff;-webkit-text-stroke:0;}
.history_slide {position:relative;overflow:hidden;padding-top:150px;margin-top:-170px;}
.history_slide:after {content:'';display:inline-block;position:absolute;top:162px;left:0;width:100%;height:2px;background:linear-gradient(to right,#fff,#171731);}

.history_slide .swiper-button-next {background:url('../../pub/images/slide_arrow.png') no-repeat center;border:1px solid #ddd;width:60px;height:60px;border-radius:50%;position:absolute;top:22px;right:0;z-index:99}
.history_slide .swiper-button-prev {background:url('../../pub/images/slide_arrow.png') no-repeat center;transform:rotate(180deg);border:1px solid #ddd;width:60px;height:60px;border-radius:50%;position:absolute;top:22px;right:80px;left:auto;z-index:99}
.team_box{background:#0c0e23 url('../../pub/images/team_box_bg.jpg') no-repeat center;padding-top:200px;}
.team_line_border {width:180px;height:60px;background:#0f0f2a;display:inline-block;color:#fff;text-align:center;line-height:60px;border-radius:10px;}
.team_linebox03 ul {display:flex;}
.team_linebox03 li {margin:0 7px;font-size:16px;font-weight:200;width:calc(100%/8);float:left;}
.team_linebox03 li p {width:100% !important;}
.border_line01 {border:1px solid transparent;background-image: linear-gradient(#0c0e23, #0c0e23), 
linear-gradient(to right, #4e8bff 0%, #ad86fe 100%);border-image-slice: 1;box-shadow:0 0 10px rgba(79,141,255,.5);background-origin: border-box; background-clip: content-box, border-box; }
.team_linebox01{text-align:center;margin-bottom:60px;}
.team_linebox02{margin-bottom:60px;position:relative;height:60px;}
.team_linebox02 p {position:absolute !important;right:340px;top:0;z-index:2}
.team_linebox02 p:after {content:'';display:inline-block;width:71%;height:1px;border-top:1px dashed #23244a;position:absolute;top:50%;left:-72%}
.team_linebox03 {padding-top:40px;position:relative;}
.team_linebox03 p:after {content:'';display:inline-block;width:1px;height:80%;border-left:1px dashed #23244a;position:absolute;top:-50px;left:50%}
.team_linebox03:after {content:'';display:inline-block;width:87%;height:1px;border-top:1px dashed #23244a;position:absolute;top:-10px;left:84px}

.border_line02 {border:1px solid #7a75d5; box-shadow:0 0 10px rgba(76,139,255,.5)}
.border_line03 {border:1px solid #4c8bff; box-shadow:0 0 10px rgba(175,134,254,.5)}
.border_line04 {border:1px solid #a5e5ff; box-shadow:0 0 10px rgba(165,229,255,.5)}
.team_line {position:relative;padding-bottom:200px;}
.team_line:after{content:'';display:inline-block;width:1px;height:29%;border-left:1px dashed #23244a;position:absolute;top:60px;left:50%}
.team_line > div p {position:relative;z-index:1}
.partners_box {background:#0c0e23;padding-bottom:200px;position:relative;z-index:9;padding-top:100px}
.partner_txt_box {margin-top:-155px;background:#080a1d;padding:30px;width:95%;height:auto;overflow:hidden;position:relative;z-index:9;border-radius:10px;color:#fff;}
.partners_slide {position:relative;overflow:hidden;width:73%;padding:0 45px;}
.partners_slide .swiper-button-next {background:url('../../pub/images/partners_arrow.png') no-repeat center;width:19px;height:36px;position:absolute;top:50%;right:0;z-index:99}
.partners_slide .swiper-button-prev {background:url('../../pub/images/partners_arrow.png') no-repeat center;transform:rotate(180deg);width:19px;height:36px;position:absolute;top:50%;left:0;z-index:99}
.partner_txt_01 {height:47px;margin-bottom:20px;}
.partner_txt_01 img {height:47px;}
.partner_txt_02 {font-size:22px;font-weight:500;margin-bottom:20px;}
.partner_txt_03 {line-height:30px;font-size:18px;font-weight:300;color:rgba(255,255,255,.7)}

.page04_box {}
.page04_box_top {padding-top:300px;position:relative;z-index:9}
.page04_box_top .page03_title {padding-bottom:100px;}
.story_slide p{color:#fff;}
.story_slide span {display:block;color:#fff;}
.story_slide .swiper-slide {padding:50px;background:#080a1d;border-radius:20px;}
.story_slide {overflow:hidden;padding:20px;}
.page04_story_txt01 {font-size:14px;display:inline-block !important;padding:5px 15px;margin-bottom:40px;font-family: 'Montserrat', sans-serif;}
.page04_story_txt02 {height:70px;font-size:22px;line-height:36px;font-weight:500;text-overflow: ellipsis;white-space: normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow:hidden;margin-bottom:30px;}
.page04_story_txt03 {height:90px;font-size:16px;opacity:.7;line-height:30px;font-weight:300;margin-bottom:60px;text-overflow: ellipsis;white-space: normal;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow:hidden;}
.page04_story_txt04 {font-size:14px;font-family: 'Montserrat', sans-serif;opacity:.7;}
.bl_bg_col {background:#4e8dff;}
.pu_bg_col {background:#af86fe;}
.story_slide .swiper-slide:hover {box-shadow:0 0 10px #4f8dff;cursor:pointer}
.page04_Bbox {position:relative;width:75%;}
.story_slide .swiper-button-next { background: url("../../pub/images/partners_arrow.png") center center no-repeat; width: 19px; height: 36px; position: absolute; top: 50%; right: 0px; z-index: 99; }
.story_slide .swiper-button-prev { background: url("../../pub/images/partners_arrow.png") center center no-repeat; transform: rotate(180deg); width: 19px; height: 36px; position: absolute; top: 50%; left: 0px; z-index: 99; }
.page04_box01{padding-top:300px;position:relative;z-index:9}
.page04_box01_tab {height:auto;overflow:hidden;padding-bottom:60px;}
.page04_box01_tab li {cursor:pointer;font-size:36px;font-family: 'Hyperspace Race Extended Regular';color:#fff;text-transform:uppercase;margin-right:35px;float:left;}
.page04_box01_tab li.on {opacity:1;background:linear-gradient(90deg,#a5e5ff 25%, #4c8bff 50%, #af86fe 80%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.page04_box01_in:hover{box-shadow:0 0 10px #4f8dff;cursor:pointer}
.page04_box01_in {clear:both;width:calc(100%/3.2);display:inline-block;margin-right:30px;margin-bottom:30px;cursor:pointer;border-radius:20px}
.page04_box01_in:nth-child(3), .page04_box01_in:nth-child(6){margin-right:0}
.page04_sbox {padding:50px;background:#080a1d;border-radius:20px;}
.page04_sbox p{color:#fff;}
.page04_sbox span {display:block;color:#fff;}
.page04_tab_box {margin-bottom:70px;display:none;}
.page04_tab_box.on {display:block;}
.pagination {text-align:center;padding-bottom:300px;clear:both;}
.pagination ul {height:auto;overflow:hidden;width:auto;display:inline-block;}
.pagination li {cursor:pointer;width:32px;height:32px;line-height:32px;border-radius:5px;color:rgba(255,255,255,.4);font-family: 'Montserrat', sans-serif;font-size:20px;float:left;margin:0 20px}
.pagination li.on{background:#4e8dff;color:#fff;}

.popup_cont_box {position:fixed;top:0;left:0;height:100vh;z-index:999;width:100%}
.popup_cont_box_in {cursor:pointer;width:70%;border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:80px;background:#060a0c;position:relative;z-index:9999;margin-top:10vh;}
.popup_page04_txt01 {font-size:40px;color:#fff;font-weight:500;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:20px;margin-bottom:20px;}
.popup_page04_txt03 {font-size:18px;color:#fff;line-height:36px;font-weight:300;display:block;margin-top:30px;width:95%;float:left;}
.popup_page04_txt_box {height:500px;overflow-y:scroll}
.popup_page04_txt_box::-webkit-scrollbar {width:2px;}
.popup_page04_txt_box::-webkit-scrollbar-thumb {width:2px;background:#fff;}
.popup_cont_box {display:none;}

.page05_box_in {}
.page05_txt01 {font-size:44px;font-weight:200;line-height:90px;color:#fff;padding-bottom:80px;margin-bottom:80px;position:relative;}
.page05_txt01 span {background:linear-gradient(90deg,#74b1ff 10%, #7d75f2 75%);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight:600;display:block;}
.page05_txt01:after {content:'';display:inline-block;width:80px;height:1px;background:#4e8dff;position:absolute;bottom:0;left:0}
.page05_com_box {width:50%;display:inline-block;}
.page05_box_top {padding:110px 100px;float:left;}
.page05_box01  {float:right;}
.page05_txt02 {font-size:28px;color:#fff;font-weight:300;margin-bottom:260px;display:block;}
.page05_txt03 {width:300px;height:70px;border-radius:50px;background:linear-gradient(to right bottom, rgb(85, 141, 255), rgb(171, 133, 255));font-size:22px;font-weight:400;color:#fff;}
.page05_box01 img {width:100%}
.page05_on01{}
.page05_img_in {position:relative;width:100%;height:960px}
.page05_img_in_txt {position:absolute;bottom:80px;left:60px;color:#fff;}
.page05_img_in_txt span{font-size:20px;font-family: 'hyperspacerace-expandedbold';padding-bottom:30px;display:block;text-transform:uppercase;}
.page05_img_in_txt p {font-size:40px;line-height:60px;font-weight:400}
.page_top_box02.on .page05_box_top {position:fixed;top:0;left:0}
.page_top_box02.on02 .page05_box_top {position:absolute !important;top:auto;bottom:0;left:0}
.page_top_box02.on02 .panel {position:absolute;top:auto;bottom:0;left:0 !important}
.page_top_box02.on02 .page05_img_in.slide03_page05.panel {position:absolute !important;}
.page_top_box02.on03 .page05_box_top {position:absolute;bottom:0;left:0}
.ebp_box button.hide {display:none;}

@keyframes opacity02 {
	  0% {
		opacity:0
	  }
	  100% {
		opacity:1
	  }
	}

	.page01_content01{padding-top:300px;position:relative;z-index:9}
.card_box {display:flex;padding-bottom:260px}
.card_box > div {margin:0 10px;padding:40px 50px;width:100%;border-radius:20px;}
.card_inbox_01 {background:#080a1d url('../../pub/images/page01_section01_icon01.png') no-repeat right 40px bottom 40px;background-size:127px 130px;}
.card_inbox_02 {background:#080a1d url('../../pub/images/page01_section01_icon02.png') no-repeat right 40px bottom 40px;background-size:149px 133px;transition:1s}
.card_inbox_03 {background:#080a1d url('../../pub/images/page01_section01_icon03.png') no-repeat right 40px bottom 40px;background-size:101px 147px;transition:1s}
.card_box_txt01 {font-size:50px;font-family: 'Montserrat', sans-serif;font-weight:600;color:#fff;padding-bottom:40px;margin-bottom:40px;position:relative;}
.card_box_txt01:after {content:'';display:inline-block;width:50px;height:2px;background:#4e8dff;position:absolute;bottom:0;left:0}
.card_box_txt02 {font-size:20px;font-weight:200;color:#fff;line-height:36px;padding-bottom:230px;display:block;}
.card_box_txt03_b {font-size:1.7rem;}
.card_bt_txt01 {font-size:50px;font-weight:600;color:#fff;padding-bottom:300px;line-height:80px;}
.card_box.on .card_inbox_02{transform:translate(0,20%);transition:1s}
.card_box.on .card_inbox_03{transform:translate(0,40%);transition:1s}
.grd_txt01 {background:linear-gradient(180deg,#a5e5ff 40%, #69b4ff 80%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.grd_txt02 {background:linear-gradient(180deg,#4f94ff 40%, #5f86ff 80%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.grd_txt03 {background:linear-gradient(180deg,#7386ff 40%, #aa86fe 80%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.page01_box .page_top_box::before {top:auto;bottom:-10vh}
.page01_box .page_top_box::after {bottom:auto;top:10vh}
.page01_content02 {background:#0c0e23 url('../../pub/images/solution_ebp_bg.jpg') no-repeat top center;background-size:100% 670px;position:relative;z-index:9;}
.page01_box .page03_title span {font-family: 'Hyperspace Race Bold'}
.ebp_img_tab {color:#fff;width:50%;display:inline-block;}
.ebp_img_tab li {height:200px;margin-top:-80px;position:relative;opacity:.2;cursor:pointer;}
.ebp_img_tab li:nth-child(1) {background:url('../../pub/images/solution_ebp_img_04.png') no-repeat left 70px center;background-size:385px 200px;z-index:9;margin-top:0}
.ebp_img_tab li:nth-child(2) {background:url('../../pub/images/solution_ebp_img_03.png') no-repeat left 70px center;background-size:385px 200px;z-index:8}
.ebp_img_tab li:nth-child(3) {background:url('../../pub/images/solution_ebp_img_02.png') no-repeat left 70px center;background-size:385px 200px;z-index:7}
.ebp_img_tab li:nth-child(4) {background:url('../../pub/images/solution_ebp_img_01.png') no-repeat left 70px center;background-size:385px 200px;z-index:6}
.ebp_img_tab li.on {opacity:1}
.ebp_img_tab span {display:none;}
.ebp_img_tab li.on span{display:block;}
.ebp_img_tab span {text-shadow:-1px 0px 0px #fff, 1px 0px 0px #fff,0px -1px 0px #fff, 0px 1px 0px #fff;color:#0b1027;font-size:40px;float:right;margin-right:40px;margin-top:60px;position:relative;font-weight:800;font-family: 'Montserrat', sans-serif;}
.ebp_img_tab span:after {content:'';display:inline-block;width:4.7vw;height:1px;background:#fff;position:absolute;top:50%;right:65px;}

.ebp_box {display:none;position:relative;height:600px}
.ebp_box.on {display:block;}
.ebp_Bbox {color:#fff}
.ebp_Bbox {width:100%;display:block;}
.dpl_fx {display:flex;}
.page01_content02 .dpl_fx {padding-bottom:100px;position:relative;}
.ebg_01_txt_col {color:#5e64f6;}
.ebg_02_txt_col{color:#af86fe;}
.ebg_03_txt_col{color:#4c8bff;}
.ebg_04_txt_col{color:#a5e5ff;}
.ebp_box_txt01{font-size:40px;font-weight:500;font-family: 'hyperspacerace-expandedbold';margin-bottom:30px;}
.ebp_box_txt02{font-size:20px;font-weight:400;margin-bottom:60px;display:block;}
.ebp_box_txt03 {border-top:1px solid #3c4154;border-bottom:1px solid #3c4154;padding:50px 20px;}
.ebp_box_txt03 p {font-size:18px;font-weight:400;margin-bottom:20px;}
.ebp_box_txt03 span{font-size:16px;line-height:30px;font-weight:200;margin-bottom:50px;display:block;}
.ebp_box_txt03 > div:last-child span{margin-bottom:0}
.ebp_box button {position:absolute;bottom:-94px;left:-7vw;width:300px;height:70px;background:linear-gradient(to right bottom, rgb(85, 141, 255), rgb(171, 133, 255));color:#fff;border-radius:50px;font-size:22px;font-weight:500}
.ebp_box button img {margin-left:20px;margin-top:-5px}
.ebp_box.on_0603 .ebp_box_txt03 {display:block !important;}

.ebp_img_tab li.on_fix {opacity:1}
.ebp_img_tab li.on_fix span {display:block;}
.ebp_box.on_fix {display:none;height:auto;}
.ebp_box.on_fix button {display:none;}
.ebp_box.on_fix .ebp_box_txt03 {display:none;}
.ebp_box.on_fix .ebp_box_txt01 {font-size:36px;margin-top:35px;margin-bottom:20px;}
.ebp_box.on_fix .ebp_box_txt01 br {display:none;}
.ebp_box.on_fix .ebp_box_txt02 {margin-bottom:20px}

.cursor_ani {position:absolute;bottom:19vh;left:19.5%;z-index:99;cursor:pointer;width:40px;height:40px;}
.cursor_ani:before {content:'';display:inline-block;width:20px;height:20px;border-radius:50%;background:#fff;border:10px solid #75d2e8;position:absolute;top:0;left:0;z-index:-1;animation:show_cursor 1s infinite;}
@keyframes show_cursor {
  0% {opacity:0}
  50% {opacity:1}
  100% {opacity:0}
}
.ebp_hide_img {display:none;padding-bottom:100px;background:#11112f;}
.ebp_hide_img.on {display:block;}
.ebp_hide_img_txt {font-size:50px;font-weight:600;font-family: 'hyperspacerace-expandedbold';padding:100px 0 60px 0;color:#fff;text-align:center;}
.page01_content03 {background:#0c0e23;/*padding-top:300px;*/position:relative;z-index:9;padding-bottom:200px;}

.section03_ebp_box {background:url('../../pub/images/page01_ebp_section03_01.png') no-repeat;background-size:contain;width:1035px;height:735px;position:relative;transition:.5s}
.section03_ebp_box.on_bg01 {background:url('../../pub/images/page01_ebp_section03_02.png') no-repeat;background-size:contain;transition:.5s;transform:scale(1.1)}
.section03_ebp_box.on_bg02 {background:url('../../pub/images/page01_ebp_section03_03.png') no-repeat;background-size:contain;transition:.5s;transform:scale(1.1)}
.section03_ebp_box.on_bg03 {background:url('../../pub/images/page01_ebp_section03_04.png') no-repeat;background-size:contain;transition:.5s;transform:scale(1.1)}
.section03_ebp_box.on_bg04 {background:url('../../pub/images/page01_ebp_section03_05.png') no-repeat;background-size:contain;transition:.5s;transform:scale(1.1)}
.section03_ebp_box.on_bg05 {background:url('../../pub/images/page01_ebp_section03_06.png') no-repeat;background-size:contain;transition:.5s}
.pointer_com {width:40px;height:40px;border-radius:50%;background:url('../../pub/images/pointer_ebp_wh.png') no-repeat;background-size:cover;position:absolute;animation:show_cursor 1.5s infinite;cursor:pointer;}
.pointer01{bottom:15px;left:340px}
.pointer02{top:230px;left:-30px}
.pointer03{top:85px;left:210px}
.pointer04{top:55px;left:650px}
.section03_imgBox{position:relative;}
/*.section03_imgBox.on .line_01 {position:absolute;top:0;left:-10px;height:100%;width:10px;background:linear-gradient(270deg,#fff 7%, rgba(255,255,255,0) 100%);animation:show_line 2.5s forwards;}
.section03_imgBox.on .line_02 {position:absolute;bottom:-10px;left:0;height:10px;width:100%;background:linear-gradient(180deg,#fff 7%, rgba(255,255,255,0) 100%);animation:show_line02 2.5s forwards;animation-delay:2.5s;opacity:0}
.section03_imgBox.on .line_03 {position:absolute;bottom:0;right:-10px;height:100%;width:10px;background:linear-gradient(90deg,#fff 7%, rgba(255,255,255,0) 100%);animation:show_line03 2.5s forwards;animation-delay:5s;opacity:0}
.section03_imgBox.on .line_04 {position:absolute;top:-10px;right:0;height:10px;width:100%;background:linear-gradient(360deg,#fff 7%, rgba(255,255,255,0) 100%);animation:show_line04 2.5s forwards;animation-delay:7.5s;opacity:0}
*/

.section03_imgBox img {border-radius:30px;}
.section03_line_box01.on .section03_imgBox img, .section03_line_box02.on .section03_imgBox img, .section03_line_box03.on .section03_imgBox img{box-shadow:0 0 20px #fff;border-radius:30px;transition:.5s;}
.section03_imgBox_in{margin:20px;position:relative;}
@keyframes show_line {
  0% {height:0}
  100% {height:100%}
}

@keyframes show_line02 {
  0% {width:0;opacity:1}
  100% {width:100%;opacity:1}
}

@keyframes show_line03 {
  0% {height:0;opacity:1}
  100% {height:100%;opacity:1}
}

@keyframes show_line04 {
   0% {width:0;opacity:1}
  100% {width:100%;opacity:1}
}
.ebp_scroll_bar_top{border-radius: 5px; background:linear-gradient(90deg,#74b1ff 7%, #8d66d7 65%); height:4px;width:100%;position:absolute;bottom:55px;left:0;z-index:1}

.thumb {border-radius: 3px;position: relative;left: 0;top: -5px;cursor: pointer;width:50%}

p.ebp_slide_p {position:absolute;bottom:100px;left:20px;font-size:30px;font-weight:600;color:#fff;font-family: 'Montserrat', sans-serif;}
.before_box02 p{z-index:9}
p.ebp_slide_p span {font-weight:300;font-size:20px; font-family: 'Noto Sans KR';}
.cursor_ebp p {position:absolute;bottom:50px;left:30%;font-size:20px;font-weight:600;color:#fff;font-family: 'Montserrat', sans-serif;}
.cursor_ebp p span {font-weight:300;font-size:16px; font-family: 'Noto Sans KR';}
.ebp_slide .swiper-scrollbar-drag {opacity:0 !important}
.ebp_slide .swiper-scrollbar {bottom:50px !important;height:3px;width:92% !important;left:50px !important;background:transparent;opacity:0 !important}
.ebp_slide {position:relative;}
.ebp_slide .swiper-scrollbar .cursor {position:absolute;top:0;left:0;width:15%;text-align:center;transform:translate(27vw,0);z-index:9}
.ebp_slide .swiper-scrollbar .cursor p {font-size:20px;font-weight:400;bottom: auto;top: -60px;left: 0;width:auto;}
.ebp_slide .swiper-scrollbar .cursor p span{font-size:16px;font-weight:300;}
.cursor > div {position:relative}
.cursor_ebp p:after {content:'';position:absolute;top:22px;left:51.5%;width:30px;height:30px;background:rgba(255,255,255,.4);border-radius:50%;z-index:-1}
.cursor_ebp p:before {content:'';position:absolute;top:22px;left:90px;width:15px;height:15px;background:#fff;border-radius:50%;transform:translate(50%,50%);z-index:-1}
.slide02_0530 {position:absolute !important;left:auto !important;right:-23%}
.slide02_0530 p:after {top:21px;left:84.5%;}
.slide02_0530 p::before{top:22px;left:113px;}


.ebp_ww {width:1300px;max-width:1300px;position:relative;}
.beforeAfter {}
.beforeAfter img{height:100%}
.beforeAfter > div:last-child {background:rgba(0,0,0,0.4) !important;opacity:1 !important;cursor:pointer;}
.beforeAfter > div:last-child > div > div {background:url('../../pub/images/slide_cursor.png') no-repeat;width: 25px !important;height: 38px !important;background-size: 25px 38px;top: auto !important;bottom: 0 !important;border-radius: 0 !important;background-color: transparent !important;cursor:pointer !important;}

.beforeAfter > div:last-child > div > div:after {content:'';position:absolute;top:-15px;left:-5px;width:30px;height:30px;background:rgba(255,255,255,.4);border-radius:50%;z-index:-1}
.beforeAfter > div:last-child > div > div:before {content:'';position:absolute;top:-15px;left:-5px;width:15px;height:15px;background:#fff;border-radius:50%;transform:translate(50%,50%);z-index:-1}
.beforeAfter > div:last-child > div > div i {display:none !important;}
.before_box {width:1300px !important;}
.before_box02 img {position:absolute;top:0;left:0}


.main_top .container {display:flex;}
.main_top .container > div {width:50%;float:left;}
.main_top .container > div img {width:100%}
.main_top .container.on_show {}
.main_top .container.on_show .img_box053101{animation:scale_show 1.5s forwards;animation-delay:1s}
.main_top .container.on_show .img_box053102{animation:scale_show02 1.5s forwards;animation-delay:1s}
@keyframes scale_show{
  0% {transform:translate(0,0)}
  100% {transform:translate(0,120%)}
}

@keyframes scale_show02{
  0% {transform:translate(0,0)}
  100% {transform:translate(0,-120%)}
}

@keyframes opacity01 {
	  0% {
		opacity:1
	  }
	  100% {
		opacity:0
	  }
	}
.section05 .ebp_bg{width:100%}
.section05.on .ebp_bg{animation:opacity01 1s forwards;}
.section05.on_mo .ebp_bg{animation:opacity01 1s forwards;}
.bg_page03_0531_01 {background:rgb(12, 14, 35) url('../../pub/images/whoweare_page03_img01.jpg') no-repeat;background-size:1595px;background-position:center right;}
.bg_page03_0531_02 {background:rgb(12, 14, 35) url('../../pub/images/whoweare_page03_img02.jpg') no-repeat;background-size:1595px;background-position:center left;}
.pointer01.hide{background:none;}
.pointer02.hide{background:none;}
.pointer03.hide{background:none;}
.pointer04.hide{background:none;}
.pointer05.hide{background:none;}

.team_linebox03 li span {font-size:13px;color:rgba(255,255,255,.4);text-align:center;line-height:18px;display:inline-block;width:100%;padding-top:10px;}

.main_top{position:relative;z-index:999}
.container0602 {background:#000;width:100%;height:100vh;}
.container0602 .ring{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) rotate(0) scale(0); opacity:0; width:75px;height:75px;background:transparent;border-radius:50%;text-align:center;line-height:75px;animation:animate 0.8s linear forwards; transform-origin: 50% 50%;}
.container0602 .ring_txt {display:inline-block;width:300px;opacity:0;animation:animate_txt 1s linear forwards;animation-delay:1.5s}
.container0602 .ring_txt img {margin-top:-145px;}
.container0602 span {position:relative;z-index:999;}
.ring_box {animation:animate02 .5s linear forwards;animation-delay:1s}
.container0602 > img {width:100%}
/*.container0602 span{display:block;position:absolute;top:calc(50% - 2px);left:0;width:75px;height:4px;background:transparent;transform-origin:left;z-index:9}*/
/*.container0602 span:after {content:'';display:inline-block;width:500px;position:absolute;top:-35px;right:0;background:#000;height:100px;z-index:-1}*/

@keyframes animate_txt{
	0%{opacity:0;transform:translateX(0%);}
	100%{opacity:1;transform:translateX(28%);}
}

@keyframes animate{
	0% {transform:translate(-50%, -50%) scale(0) rotate(0deg); /*width:10px; height:10px; */opacity:.5;}
    100% {transform:translate(-50%, -50%) scale(1) rotate(360deg); /*width: 75px; height: 75px;*/ opacity:.8;}
}

@keyframes animate02{
	0% {transform:translateX(0)}
    100% {transform:translateX(-10vw)}
}


@keyframes animate_txt02{
	0%{transform:translateX(0);}
	100%{transform:translateX(28%);}
}

/* 20220615 수정 */
.main_bg_top_0603 {width: 100%; height:100%;}
.main_bg_top_0603 img {width: 100%; height:100%; object-fit: cover;}
.history_slide .swiper-slide {display : flex;}
.history_txt02 {width: 1em;}