@charset "utf-8";
#header {position: fixed; top:0 !important;}
#header #gnb_wrap .dep1_con .dep1 {color: #111;font-weight:500;}
#header .utils a {color: #111 !important;}
#header .utils a:hover{background-color:#2666f2; color:#fff !important;}

#header .top_util li > a {color: #111 !important;}

#header #logo img:nth-child(1) {display: none;}
#header #logo img:nth-child(2) {display: block;}


.all_menu_btn .menu_btn span {position: absolute;display: block;height: 4px;background: #111;}
.all_menu_btn .menu_btn:before,
.all_menu_btn .menu_btn:after {position: absolute;bottom: 0;right: 0;font-family: 'S Core Dream';color: #111;letter-spacing: -0.5px;transition: all 0.6s;}



.divform { display:none !important;}
#sv {position: relative; overflow: hidden; margin-top:105px; height: 385px; border-radius:0 0 50px 50px;}
#sv .sv_visual {width: 100%; height:385px; background-size:cover; background-position: 50% 50%; transform:scale(1.15); animation: sv-bg-change 5s infinite;}
#sv .sv_visual::before { content: "";  position: absolute;  top: -29%; left: 0;  width: 100%;  height: 1023px;  background-image: url('/assets/images/sub/bg-layer2.png');  background-repeat: no-repeat; background-size: cover; z-index: -1; filter: invert(.8);}

@-webkit-keyframes sv-bg-change {
	0% {-webkit-transform: scale(1);animation-timing-function: ease-in;}
	50% {-webkit-transform: scale(1.1); animation-timing-function: ease-out;}
	100% {-webkit-transform: scale(1); }
}

@keyframes sv-bg-change {
	0% {transform: scale(1);  animation-timing-function: ease-in;}
	50% {transform: scale(1.1);  animation-timing-function: ease-out;}
	100% {transform: scale(1); }
}

  

#sv .sv_tit_wrap {position: absolute;top: 46%;transform:translateY(-50%);text-align:center;width: 1400px;left: 50%;margin-left: -700px;justify-items: flex-start;}
#sv .sv_tit_wrap p {color: #fff; opacity:.6; text-align:left; word-break: keep-all; line-height:1.5;}
#sv .sv_tit_wrap h3 {color: #fff;}

.sub_menu{display:table; width:100%; max-width:1200px; height:60px; position: absolute; bottom:0; left:50%; transform:translateX(-50%); table-layout:fixed;}
.sub_menu li{display:table-cell; height:100%;}
.sub_menu li a, .sub_head .sub_menu li .not_lnk{position:relative; display:block; width:100%; height:100%; background:#fff; color:#999; font-size:18px; font-weight:500; letter-spacing:-0.065em; line-height:60px; text-align:center;}
.sub_menu li a:after, .sub_head .sub_menu li .not_lnk:after{content:''; display:block; position:absolute; right:0; top:50%; width:1px; height:22px; margin:-11px 0 0; background:rgba(0, 0, 0, 0.15);}
.sub_menu li:last-of-type a:after, .sub_head .sub_menu li:last-of-type .not_lnk:after{display:none;}
.sub_menu .on a, .sub_head .sub_menu .on .not_lnk{background:#2c82f1; color:#fff;}
.sub_menu .on a:after, .sub_head .sub_menu .on .not_lnk:after{display:none;}


.sub_nav_wrap {width: 1400px;display:flex;position: relative;bottom: 130px;height:0;left: 50%;margin-left: -700px;justify-content: end;}
.sub_nav {display:flex;align-items:center;height:45px;/* background:#fff; *//* box-shadow:0 0 0 1px rgba(0,0,0,0.04); */}
.sub_nav_item {position:relative;height:100%;display:flex;align-items:center;}
.sub_nav_btn {height:100%;display:flex;align-items:center;gap: 20px;padding:0 22px;text-decoration:none;white-space:nowrap;}
.sub_nav_item.current .sub_nav_btn {color:#b7b7b7;}
.sub_nav_item:not(.current) .sub_nav_btn {color: #fff;}
.sub_nav_item .label {font-size: 16px;font-weight:600;line-height:1;}
.sub_nav_item.active .label {font-weight:700;}
.divider {width:1px;height:16px;background:#fff;}
.sub_nav_wrap .home_icon {display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex:0 0 16px; filter: invert(1);}
.sub_nav_wrap .home_icon svg {width:16px;height:16px;display:block;}

.sub_nav_wrap .arrow {position:relative;width: 18px;height: 3px;flex: 0 0 18px;transition:transform .5s ease;top: 2px;}
.sub_nav_wrap .arrow::before,.arrow::after {content:'';position:absolute;top:0;width: 12px;height:3px;background:currentColor;border-radius:10px;}
.sub_nav_wrap .arrow::before {left:0;transform:rotate(45deg);}
.sub_nav_wrap .arrow::after {right:0;transform:rotate(-45deg);}
.sub_nav_item.active .arrow {transform:rotate(180deg);}

.sub_nav_list {position:absolute;top:calc(100% + 8px);left:0;min-width:100%;padding:8px 0;background:#fff;border:1px solid rgba(0,0,0,0.08);box-shadow:0 12px 30px rgba(0,0,0,0.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:999; border-radius:10px;}
.sub_nav_item.active .sub_nav_list {opacity:1;visibility:visible;transform:translateY(0);}
.sub_nav_list li {list-style:none;}
.sub_nav_list li a {display:block;padding:7px 18px;font-size:14px;font-weight:500;line-height:1.4;color:#333;text-decoration:none;transition:background .2s ease,color .2s ease;}
.sub_nav_list li a:hover {background:#f6f6f6;color:#111;}

@media (max-width:1400px){
.sub_nav_wrap {width: -webkit-fill-available;display:flex;position: relative;bottom: 80px;height:0;left: 0;margin-left: 0;justify-content: end;}
}

@media (max-width:820px){
.sub_nav_wrap {padding:0 15px;margin-bottom:0;width: -webkit-fill-available;left: 0;margin-left: 0;bottom: 65px;}
.sub_nav {width:100%;/*overflow-x:auto;*/justify-content: start;}
.sub_nav_btn {padding:0 12px;gap:8px;}
.sub_nav_item .label {font-size:12px;}
.divider {height:14px;}
.sub_nav_list {top:calc(100% + 6px);min-width:150px;}
.sub_nav_list li a {padding:9px 10px;font-size:13px;}
}





/*LNB*/
.lnb {display: flex;align-items: center;justify-content: center;position: relative;top: 0;left: 0;margin-left: 0;}
.lnb .home {  filter: brightness(0.5);}
.lnb.center { justify-content: center; }
.lnb.right { justify-content: flex-end; }
.lnb span + span { margin-left: 34px; }
.lnb .home img { width: 18px; height: 14px; margin-right:10px; vertical-align:baseline; }
.lnb .txt { position: relative; font-size: 15px; font-weight: 500; }
.lnb .txt:before { content: ''; position: absolute; left: -18px; top: 50%; width: 4px; height: 4px; border-radius: 50%; background-color: #D6D6DB; transform: translateY(-50%); }
.lnb .txt { color: rgba(0,0,0,0.7); }
.lnb .txt.current { color: #2c82f1; }
.lnb .txt:before { background-color: rgba(0,0,0,0.5);}





.s_con {padding: 80px 0; position: relative;}
.s_con .tit_wrap .ff_felix {letter-spacing: 4px;}

.con1 { position:relative; padding:150px 0;}


.physical {padding:0;background:#fff;}
.physical_list {display:flex;gap:35px;margin:0;padding:0;list-style:none;}
.physical_item {width:calc((100% - 72px)/3);opacity:0;transform:translateY(80px);will-change:transform,opacity;}
.physical_box {display:block;position:relative;height:530px;padding:50px 30px;border-radius:30px;overflow:hidden;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover;text-decoration:none;color:#fff;transition:transform .5s ease;}
.physical_box.bg01 {background-image:url('/assets/images/sub/s1_1.jpg');}
.physical_box.bg02 {background-image:url('/assets/images/sub/s1_2.jpg');}
.physical_box.bg03 {background-image:url('/assets/images/sub/s1_3.jpg');}
.physical_box:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.04));z-index:1;}
.physical_num {position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:15px;min-width:200px;height:50px;padding:0 30px;border:1px solid rgba(255,255,255,.9);border-radius:60px;box-sizing:border-box;color:#fff;font-size:18px;font-weight:400;line-height:1; font-family: 'Montserrat', serif;}
.physical_num span {display:block;font-size:20px;font-weight:400;line-height:1;}
.physical_num strong {display:block;font-size:20px;font-weight:400;line-height:1;}
.physical_txt {position:absolute;left:30px;right:30px;bottom:80px;z-index:2;color:#fff;}
.physical_txt h3 {margin:0 0 24px;font-size:32px;font-weight:500;line-height:1.5;color:#fff; font-family: 'Montserrat', serif;}
.physical_txt p {margin:0;font-size:18px;font-weight:400;line-height:1.5;color:#fff; word-break:keep-all;}
.physical_item:hover .physical_box {transform:translateY(-10px);}
.physical_item:hover .physical_box:before {background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,.02));}

@media screen and (max-width:1480px){
    .physical .w1400 {width:calc(100% - 40px);}
    .physical_list {gap:24px;}
    .physical_item {width:calc((100% - 48px)/3);}
    .physical_box {height:500px;padding:45px 40px;}
    .physical_txt {left:40px;right:35px;bottom:85px;}
    .physical_txt h3 {font-size:26px;}
    .physical_txt p {font-size:16px;}
}

@media screen and (max-width:1024px){
    .physical {padding:0 0;}
    .physical_list {display:block;}
    .physical_item {width:100%;margin-bottom:24px;}
    .physical_item:last-child {margin-bottom:0;}
    .physical_box {height:420px;}
}

@media screen and (max-width:560px){
    .physical {padding:0 0;}
    .physical .w1400 {width:calc(100% - 30px);}
    .physical_box {height:380px;padding:30px 25px;border-radius:16px;}
    .physical_num {min-width:165px;height:48px;padding:0 22px;font-size:16px;gap:12px;}
    .physical_num span {font-size:16px;}
    .physical_num strong {font-size:16px;}
    .physical_txt {left:25px;right:25px;bottom:45px;}
    .physical_txt h3 {margin-bottom:18px;font-size:20px;}
    .physical_txt p {font-size:14px;line-height:1.7;}
}


.con2 {position:relative;padding:150px 0;background:#eef0f3;overflow:hidden;}
.con2_bg {position:absolute;left:-260px;top:180px;width:680px;height:680px;background:radial-gradient(circle,rgba(107,159,255,.32) 0%,rgba(133,211,235,.22) 32%,rgba(238,240,243,0) 68%);border-radius:50%;filter:blur(20px);}
.con2_inner {position:relative;z-index:2;width:1400px;max-width:calc(100% - 40px);margin:0 auto;}


.roadmap {position:relative;padding:0;}
.roadmap_inner {width:100%;max-width:100%;margin:0 auto;}
.roadmap_box {position:relative;height:auto;padding:70px 100px 70px;border:1px solid #ddd;border-radius:18px;box-sizing:border-box;background:#fff;}
.roadmap_line {position:absolute;left:145px;right:145px;top:82px;height:5px;background:#ddd;border-radius:10px;overflow:hidden;}
.roadmap_progress {display:block;width:0;height:100%;background:#1556c9;border-radius:10px;}
.roadmap_list {position:relative;z-index:2;display:flex;justify-content:space-between;margin:0;padding:0;list-style:none;}
.roadmap_item {position:relative;width:25%;text-align:center;color:#92a0bb;transition:.4s;}
.roadmap_dot {display:block;width:28px;height:28px;margin:0 auto 34px;border:7px solid #ddd;border-radius:50%;box-sizing:border-box;background:#fff;transition:.4s;}
.roadmap_item h3 {margin:0 0 20px;font-size:28px;font-weight:700; font-family: 'Montserrat', serif; line-height:1;color:#111;transition:.4s;}
.roadmap_item p {margin:0;font-size:18px;font-weight:500;line-height:1.5;color:#8b9ab8;transition:.4s; padding: 0 15px; word-break: keep-all;}
.roadmap_item.active .roadmap_dot {border-color:#1556c9;}
.roadmap_item.active h3 {color:#1556c9;}
.roadmap_item.active p {color:#111;}
.roadmap_item.done .roadmap_dot {border-color:#1556c9;}
.roadmap_item.done h3 {color:#1556c9;}
.roadmap_item.done p {color:#111; }

@media screen and (max-width:1480px){
    .roadmap_box {padding:65px 80px 45px;}
    .roadmap_line {left:85px;right:85px;top:75px;}
    .roadmap_item h3 {font-size:24px;}
    .roadmap_item p {font-size:15px;}
}

@media screen and (max-width:900px){
    .roadmap {padding:0 0;}
    .roadmap_box {height:auto;padding:50px 30px;border-radius:16px;}
    .roadmap_line {display:none;}
    .roadmap_list {display:block;}
    .roadmap_item {width:100%;margin-bottom:40px;}
    .roadmap_item:last-child {margin-bottom:0;}
    .roadmap_dot {margin-bottom:18px;}
}



.focus {padding:0;}
.focus_list {display:flex;gap:38px;margin:0;padding:0;list-style:none;}
.focus_item {width:calc((100% - 72px)/3);opacity:0;transform:translateY(80px);will-change:transform,opacity;}
.focus_box {display:block;position:relative;height:530px;padding:50px 50px;border-radius:30px;overflow:hidden;box-sizing:border-box;background-repeat:no-repeat;background-position:center;background-size:cover;text-decoration:none;color:#fff;transition:transform .5s ease;}
.focus_box.bg01 {background-image:url('/assets/images/sub/s2_1.jpg');}
.focus_box.bg02 {background-image:url('/assets/images/sub/s2_2.jpg');}
.focus_box.bg03 {background-image:url('/assets/images/sub/s2_3.jpg');}
.focus_box:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.22),rgba(0,0,0,.04));z-index:1;}
.focus_num {position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:200px;height:50px;padding:0 30px;border:1px solid rgba(255,255,255,.9);border-radius:60px;box-sizing:border-box;color:#fff;font-size:18px;font-weight:400;line-height:1; font-family: 'Montserrat', serif;}
.focus_num span {display:block;font-size:18px;font-weight:400;line-height:1;}
.focus_num strong {display:block;font-size:18px;font-weight:400;line-height:1;}
.focus_txt {position:absolute;left:40px;right:40px;bottom:80px;z-index:2;color:#fff;}
.focus_txt h3 {margin:0 0 25px;font-size:26px;font-weight:500;line-height:1.5;color:#fff; font-family: 'Montserrat', serif;}
.focus_txt p {margin:0;font-size:16px;font-weight:400;line-height:1.5;color:#fff; word-break:keep-all}
.focus_item:hover .focus_box {transform:translateY(-10px);}
.focus_item:hover .focus_box:before {background:linear-gradient(to top,rgba(0,0,0,.12),rgba(0,0,0,.02));}

@media screen and (max-width:1480px){
    .focus .w1400 {width:calc(100% - 40px);}
    .focus_list {gap:24px;}
    .focusl_item {width:calc((100% - 48px)/3);}
    .focus_box {height:500px;padding:45px 40px;}
    .focus_txt {left:40px;right:35px;bottom:85px;}
    .focusl_txt h3 {font-size:31px;}
    .focus_txt p {font-size:17px;}
}

@media screen and (max-width:1024px){
    .focus {padding:0 0;}
    .focus_list {display:block;}
    .focus_item {width:100%;margin-bottom:30px;}
    .focus_item:last-child {margin-bottom:0;}
    .focus_box {height:420px;}
}

@media screen and (max-width:560px){
    .focus {padding:0 0;}
    .focus .w1400 {width:calc(100% - 30px);}
    .focus_box {height:350px;padding:30px 25px;border-radius:15px;}
    .focus_num {min-width:165px;height:40px;padding:0 20px;font-size:15px;gap:10px;}
    .focus_num span {font-size:16px;}
    .focus_num strong {font-size:16px;}
    .focus_txt {left:25px;right:25px;bottom:45px;}
    .focus_txt h3 {margin-bottom:15px;font-size:20px;}
    .focus_txt p {font-size:14px;line-height:1.5;}
}


.con3 {position:relative;padding:150px 0;background:#1f1f1f;}

.pipeline {position:relative;padding:0;}
.pipeline_inner {width:100%;margin:0 auto;}
.pipeline_list {display:flex;margin:0;padding:0 10px;list-style:none;}
.pipeline_item {position:relative;width:25%;height:340px;padding:26px 54px 40px;box-sizing:border-box;border-left:1px solid rgba(255,255,255,.12);opacity:0;transform:translateY(70px);will-change:transform,opacity;}
.pipeline_item:last-child {border-right:1px solid rgba(255,255,255,.12);}

.pipeline_num{
  color: #fff;   -webkit-text-fill-color:#1f1f1f;)
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke: 1px #02010100;
    -webkit-text-stroke-width: 2px;
    background-color: #0000;
    background-image: linear-gradient(70deg,#8258c8 0%,#2c84c8 100%);
    -webkit-background-clip: text;
    font-family: Sora,sans-serif;
    font-size: 88px;
    font-weight: 600;
    line-height: 120px;
    display: block; font-family:'Montserrat',sans-serif;
}
.pipeline_txt h3 {margin:30px 0 20px;font-size:28px;font-weight:700;line-height:1;color:#fff;font-family:'Montserrat',sans-serif;}
.pipeline_txt p {margin:0;font-size: 16px;font-weight:400;line-height:1.5;color:#fff;opacity:.5;word-break: keep-all;}

@media screen and (max-width:1200px){
    .pipeline_item {padding:30px 20px 40px;}
    .pipeline_num {font-size:105px;}
    .pipeline_txt h3 {font-size:20px;}
    .pipeline_txt p {font-size:15px;}
}

@media screen and (max-width:820px){
    .pipeline_list {display:block;padding:0;}
    .pipeline_item { width: -webkit-fill-available !important;height:auto;min-height:260px;padding:35px 20px;border-left:0;border-bottom:1px solid rgba(255,255,255,.12);}
    .pipeline_item:last-child {border-right:0;border-bottom:0;}
     .pipeline_num {margin-bottom: 0;font-size: 65px;line-height: 85px;}
}



.stack_sec {}
.stack_inner {width:calc(100% - 0px); max-width:1600px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:35px;}
.stack_card {position:relative; min-height:580px; background:#1d1d1d; border:1px solid rgba(255,255,255,.09); border-radius:30px; overflow:hidden;}
.stack_img {height:315px; border-radius:30px 30px 0 0; overflow:hidden;}
.stack_img img {width:100%; height:100%; object-fit:cover; display:block;}
.stack_badge {position:absolute;left: -5px;top: 247px;width: 241px;height: 43px;/* background:#1d1d1d; *//* border-radius:30px 30px 0 0; */display:flex;align-items:center;justify-content:center;gap: 15px;color:#fff;font-size:18px;font-weight:400;font-family:'Montserrat',sans-serif;z-index: 2;}
.stack_badge:before {content: "";z-index: 9;background-image: url('/assets/images/sub/layer1.png');width: 241px;height: 43px;position: absolute;bottom: 0;left: 0;z-index: -1;scale: .8;}
.stack_badge em {font-style:normal; font-family:'Montserrat',sans-serif; font-size:20px; font-weight:400;}
.stack_txt {padding:40px 45px 30px;}
.stack_txt h3 {margin:0 0 24px; color:#fff; font-size:32px; line-height:1.25; font-weight:500;font-family:'Montserrat',sans-serif;}
.stack_txt p {margin:0; color:#fff; font-size:18px; line-height:1.5; font-weight:400; opacity:.5;}
.stack_ani {opacity:0; transform:translateY(80px); transition:opacity .8s ease, transform .8s ease;}
.stack_ani.is_on {opacity:1; transform:translateY(0);}
.stack_ani:nth-child(1) {transition-delay:.05s;}
.stack_ani:nth-child(2) {transition-delay:.22s;}
.stack_ani:nth-child(3) {transition-delay:.39s;}

.stack_card {position:relative;min-height: 530px;background:#1d1d1d;border:1px solid rgba(255,255,255,.09);border-radius:30px;overflow:hidden;transition:all .45s cubic-bezier(.22,1,.36,1);}
.stack_img {height: 285px;border-radius:30px 30px 0 0;overflow:hidden;}
.stack_img img {width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s cubic-bezier(.22,1,.36,1);}
.stack_txt h3 {margin:0 0 24px; color:#fff; font-size:26px; line-height:1.5; font-weight:500; font-family:'Montserrat',sans-serif; transition:.35s;}
.stack_txt p {margin:0;color:#fff;font-size: 16px;line-height:1.5;font-weight:400;opacity:.5;transition:.35s;word-break: keep-all;}

.stack_card:hover {transform:translateY(-18px); border-color:#2b73ff; box-shadow:0 30px 80px rgba(0,0,0,.45);}
.stack_card:hover .stack_img img {transform:scale(1.08);}
.stack_card:hover .stack_txt h3 {color:#3b82f6;}
.stack_card:hover .stack_txt p {opacity:.8;}


@media (max-width:1200px) {
.stack_inner {width:calc(100% - 0px); grid-template-columns:1fr; gap:30px;}
.stack_card {min-height:auto;}
.stack_img {height:320px;}
.stack_badge {top:281px;}
.stack_txt h3 {font-size:20px;}
.stack_txt {padding: 40px 25px 30px;word-break: keep-all;}
.stack_txt p {font-size:15px; }

}



.key{}
.key_inner{width:100%;max-width:1400px;margin:0 auto;}
.key_list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0;padding:0;list-style:none;}
.key_item{position:relative;min-width:0;}
.key_link{display:block;color:#111;text-decoration:none;transition:transform .45s cubic-bezier(.22,.61,.36,1);}
.key_num{position:relative;display:inline-flex;align-items:center;justify-content:center;height:42px;margin-bottom:15px;font-size:30px;font-weight:500;line-height:1;transition:.35s ease; font-family: 'Montserrat', serif;}
.key_img{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background:#ddd; border-radius:20px; overflow:hidden;}
.key_img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,30,60,0) 45%,rgba(20,30,60,.32) 100%);opacity:0;transition:opacity .45s ease;}
.key_img img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1);}
.key_txt{padding-top:25px;}
.key_txt h3{margin:0 0 14px;font-size:26px;font-weight:600;line-height:1.3;transition:color .3s ease;}
.key_txt p{margin:0;color:#777;font-size:17px;font-weight:400;line-height:1.5;word-break:keep-all;transition:color .3s ease;}
.key_item{position:relative;min-width:0;opacity:0;transform:translateY(70px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1);}
.key_item.show{opacity:1;transform:translateY(0);}
.key_item:nth-child(1){transition-delay:0s;}
.key_item:nth-child(2){transition-delay:.15s;}
.key_item:nth-child(3){transition-delay:.3s;}
.key_item:nth-child(4){transition-delay:.45s;}
@media (hover:hover){
.key_item:hover .key_link{transform:translateY(-10px);}
.key_item:hover .key_img img{transform:scale(1.08);}
.key_item:hover .key_img::after{opacity:1;}
.key_item:hover .key_num{min-width:70px;padding:0 18px;border-radius:30px;background:#5267a8;color:#fff;font-size:20px;}
.key_item:hover .key_txt h3{color:#5267a8;}
.key_item:hover .key_txt p{color:#555;}
}

@media screen and (max-width:1200px){
.key{padding:100px 30px;}
.key_list{grid-template-columns:repeat(2,1fr);gap:70px 30px;}
}

@media screen and (max-width:720px){
.key{padding:0 20px;}
.key_list{grid-template-columns:1fr;gap:30px;}
.key_num{height:35px;margin-bottom:15px;font-size:20px;}
.key_txt{padding-top:20px;}
.key_txt h3{margin-bottom:10px;font-size:20px;}
.key_txt p{font-size:15px;line-height:1.5;}
}




.pl150 { padding-left:150px;}
.pl100 { padding-left:100px;}
.pr100 { padding-right:100px;}
.pl70 { padding-left:70px;}
.pr70 { padding-right:70px;}
.pl30 { padding-left:30px;}
.pr30 { padding-right:30px;}
.pl15 { padding-left:15px;}






@media all and (max-width:1800px){
	
	

}

@media all and (max-width:1400px){
#sv .sv_tit_wrap {position: absolute;top: 45%;transform:translateY(-50%);text-align:center;width: -webkit-fill-available;left: 5%;margin-left: 0;justify-items: flex-start;padding-right: 5%; z-index:1;}
#sv .sv_tit_wrap h3 {color: #fff; text-align:left;}

}
@media all and (max-width:1230px){





}



@media all and (max-width:980px){

}


@media all and (max-width:820px){
.scrollx_820 { overflow-x: auto;  margin-top: 15px;  padding-top: 0;  background: url('/assets/images/sub/bg_hand.gif') 100% 0 no-repeat}

	
#sv {position: relative;overflow: hidden;margin-top:70px;height: auto;border-radius:0 0;}	
#sv .sv_visual {width: 100%;height: 320px;background-size:cover;background-position: 62% 50%;transform:scale(1.2);animation: sv-bg-change 5s infinite;}
#sv .sv_visual::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 600px;background-image: url('/assets/images/sub/bg-layer2.png');background-repeat: no-repeat;background-size: cover;z-index: -1;filter: contrast(1);}
#sv::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:60%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,0) 100%);z-index:0;pointer-events:none;}
#sv .sv_tit_wrap p {color: #fff;opacity: .8;text-align:left;word-break: keep-all; line-height:1.5;}

.sub_menu{display:table;width:100%;max-width: -webkit-fill-available;height: 45px;position: relative;bottom: 0;left: 0;transform: translateX(0%);table-layout:fixed;}
.sub_menu li{display: inline-block;height:100%;width: 50%;}
.sub_menu li a, .sub_head .sub_menu li .not_lnk{position:relative;display:block;width:100%;height:100%;background:#fff;color:#999;font-size: 14px;font-weight:500;letter-spacing:-0.065em;line-height: 45px;text-align:center;}
.sub_menu li a:after, .sub_head .sub_menu li .not_lnk:after{content:''; display:block; position:absolute; right:0; top:50%; width:1px; height:22px; margin:-11px 0 0; background:rgba(0, 0, 0, 0.15);}
.sub_menu li:last-of-type a:after, .sub_head .sub_menu li:last-of-type .not_lnk:after{display:none;}
.sub_menu .on a, .sub_head .sub_menu .on .not_lnk{background:#2c82f1; color:#fff;}
.sub_menu .on a:after, .sub_head .sub_menu .on .not_lnk:after{display:none;}


/*LNB*/
.lnb {display: flex;align-items: center;justify-content: center;position: relative;top: 0;left: 0;margin-left: 0;}
.lnb .home {  filter: brightness(0.5);}
.lnb.center { justify-content: center; }
.lnb.right { justify-content: flex-end; }
.lnb span + span { margin-left: 34px; }
.lnb .home img { width: 18px; height: 14px; margin-right:10px; vertical-align:baseline; }
.lnb .txt {position: relative;font-size: 12px;font-weight: 500;}
.lnb .txt:before { content: ''; position: absolute; left: -15px; top: 50%; width: 4px; height: 4px; border-radius: 50%; background-color: #D6D6DB; transform: translateY(-50%); }
.lnb .txt { color: rgba(0,0,0,0.7); }
.lnb .txt.current { color: #2c82f1; }
.lnb .txt:before { background-color: rgba(0,0,0,0.5);}

.mb50{margin-bottom: 30px !important;}
.mt70{margin-top:30px !important;}

.con1 {position:relative;padding:70px 0;}
.con2 { position:relative; padding:70px 0; background-color:#ddedf8;}
.con3 {position:relative;padding:70px 0;background:#1f1f1f;}



}

@media all and (max-width:520px){
	

	


}

@media all and (max-width:412px){


}
@media all and (max-width:390px){

}
@media all and (max-width:360px){

}

@media all and (max-width:320px){
	
	
}