@charset "utf-8";

.aiontech_btn1 {display:inline-block; width:auto; line-height:54px; background:#191919; border-radius:30px; font-size:1em; color:#fff; font-weight:600; text-align:center; transition:background 0.4s; padding:0 30px;}
.aiontech_btn1:hover {background:#456cdd}
.aiontech_btn1.white {background:rgba(255,255,255,0.2)}
.aiontech_btn1.white:hover {background:#191919;}
.aiontech_btn1.case2 {background:rgba(255,255,255,0.2)}
.aiontech_btn1.case2:hover {background:#456cdd;}

@media screen and (max-width:1024px){
	.aiontech_btn1 {line-height:48px; padding:0 20px;}
}

@media screen and (max-width:767px){
	.aiontech_btn1 {line-height:38px; padding:0 13px;}
}


/* header */
#aiontech_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:115px; position:fixed; left:0; top:0; padding:0 50px; z-index:300; transition:all 0.5s; transition-property:height, background}
#aiontech_header.case2 {position:absolute;}
#aiontech_header > div {display:flex; align-items:center; position:relative; z-index:10;}
#aiontech_header > div:nth-child(1) {z-index:15;}

#aiontech_header .aveva {margin-left:20px;}

#aiontech_header .h_sch {display:block; width:200px; position:relative; margin-right:20px;}
#aiontech_header .h_sch form {width:100%; position:relative;}
#aiontech_header .h_sch input {display:block; width:100%; height:50px; background:none !important; border:0; border-bottom:1px solid #fff; border-radius:0; font-size:1.125em; color:#fff; padding:0 30px 0 6px;}
#aiontech_header .h_sch input:focus {outline:none; border:0 !important; border-bottom:1px solid #456cdd !important; box-shadow:none !important;}
#aiontech_header .h_sch button {display:block; width:30px; height:100%; font-size:1.125em; color:#fff; text-align:center; position:absolute; right:0; top:0;}

#aiontech_header .h_sch input:-webkit-autofill,
#aiontech_header .h_sch input:-webkit-autofill:hover,
#aiontech_header .h_sch input:-webkit-autofill:focus,
#aiontech_header .h_sch input:-webkit-autofill:active {-webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;}

#aiontech_header .h_sch_btn {display:none;}

#aiontech_header .h_member {display:flex; align-items:center; margin-right:20px;}
#aiontech_header .h_member li a {font-size:0.875em; color:#fff; font-weight:500; padding:0 10px; position:relative;}
#aiontech_header .h_member li a:before {content:''; display:block; width:1px; height:12px; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#aiontech_header .h_member li:first-child a:before {display:none;}


#aiontech_logo {width:140px; height:50px; background:url(../images/logo_w.svg) no-repeat center center; background-size:contain; position:relative; z-index:15;}
#aiontech_logo a {display:block; width:100%; height:100%;}

#aiontech_gnb {width:100%; position:absolute; left:0; top:0;}
#aiontech_gnb > ul {display:flex; justify-content:center;}
#aiontech_gnb > ul > li {padding:0 25px; position:relative;}
#aiontech_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; font-weight:700; line-height:115px; position:relative; transition:line-height 0.5s;}
#aiontech_gnb > ul > li > a:after {content:''; display:block; width:0; height:2px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%, 15px); transition:width 0.5s;}
#aiontech_gnb > ul > li > ul {width:auto; background:#fff; border-radius:20px; padding:26px 32px; box-shadow:0 10px 12px rgba(0,0,0,0,0.6); position:absolute; left:50%; top:50%; transform:translate(-50%, 36px); opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility; box-shadow:5px 5px 15px rgba(0,0,0,0.1)}
#aiontech_gnb > ul > li > ul > li {margin-bottom:15px;}
#aiontech_gnb > ul > li > ul > li:last-child {margin-bottom:0;}
#aiontech_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#666; line-height:1.3em; white-space:nowrap;}
#aiontech_gnb > ul > li > ul > li > a:hover {color:#456cdd;}
#aiontech_gnb > ul > li:hover > a:after {width:100%;}
#aiontech_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:10;}
#all_gnb .top_box {display:none;}
#all_gnb > ul {display:flex; width:1200px;}
#all_gnb > ul > li {width:20%; padding:0 20px; position:relative;}
#all_gnb > ul > li > a {font-size:1.875em; color:#fff; font-weight:600;}
#all_gnb > ul > li > ul {margin-top:50px;}
#all_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:#fff; padding:8px 0; transition:opacity 0.3s;}


#menuToggle {display:flex; justify-content:center; flex-direction:column; width:30px; height:30px; position:relative; z-index:15;}
#menuToggle span {display:block; width:100%; height:2px; background:#fff; margin:3px auto; transition:all 0.4s ease-in-out;}

#menuToggle:hover span:nth-child(2) {opacity:0;}
#menuToggle:hover span {margin:1px auto; width:calc(100% - 5px)}


#aiontech_header.sub_header {background:#fff; border-bottom:1px  solid #ededed}
#aiontech_header.sub_header #aiontech_logo {background-image:url(../images/logo.svg);}
#aiontech_header.sub_header #aiontech_gnb > ul > li > a {color:#191919;}
#aiontech_header.sub_header #menuToggle span {background:#191919;}


#aiontech_header.scroll_on {background:#fff; border-bottom:1px  solid #ededed}
#aiontech_header.scroll_on #aiontech_logo {background-image:url(../images/logo.svg);}
#aiontech_header.scroll_on #aiontech_gnb > ul > li > a {color:#191919; line-height:88px;}
#aiontech_header.scroll_on #menuToggle span {background:#191919;}


#aiontech_header.on #aiontech_logo {background-image:url(../images/logo_w.svg);}
#aiontech_header.on #menuToggle span {margin:1px auto; width:calc(100% - 5px); background:#fff;}
#aiontech_header.on #menuToggle span:nth-child(1) {transform:translateY(4px) rotate(45deg)}
#aiontech_header.on #menuToggle span:nth-child(2) {opacity:0;}
#aiontech_header.on #menuToggle span:nth-child(3) {transform:translateY(-4px) rotate(-45deg)}

@media screen and (max-width:1220px) and (min-width:1025px){
	#aiontech_header.scroll_on .h_sch {top:80px;}
}

@media screen and (min-width:1025px){
	#all_gnb {opacity:0; visibility:hidden; transition:all 0.2s;}
	#all_gnb:before {content:''; display:block; width:100%; height:0; background:rgba(0,0,0,0.5); backdrop-filter:blur(10px); position:absolute; left:0; top:0; transition:height 0.5s; transition-delay:0.2s;}
	#all_gnb > ul {display:flex !important;}
	#all_gnb > ul > li {opacity:0; transform:translateY(30px); transition:all 0.5s; transition-property:opacity, transform; transition-delay:0.2s;}
	#all_gnb > ul > li:before {content:''; display:block; width:12px; height:12px; background:#456cdd; border-radius:50%; position:absolute; left:20px; bottom:105%; opacity:0; transform:translateY(-30px); transition:all 0.8s ease-in-out;}
	#all_gnb > ul > li:hover:before {opacity:1; transform:translateY(0)}
    #all_gnb > ul > li > ul {display:block !important;}
    #all_gnb > ul > li:hover > ul > li > a {opacity:0.4;}
    #all_gnb > ul > li > ul > li > a:hover {opacity:1;}

	#aiontech_header.sub_header .h_sch input {color:#191919; border-bottom-color:#ccc;}
	#aiontech_header.sub_header .h_sch button {color:#191919;}
	#aiontech_header.sub_header .h_member li a {color:#666}
	#aiontech_header.sub_header .h_member li a:before {background:#ccc;}
	
	#aiontech_header.sub_header .h_sch input:-webkit-autofill,
	#aiontech_header.sub_header .h_sch input:-webkit-autofill:hover,
	#aiontech_header.sub_header .h_sch input:-webkit-autofill:focus,
	#aiontech_header.sub_header .h_sch input:-webkit-autofill:active {-webkit-text-fill-color: #191919;}

	#aiontech_header.scroll_on {height:88px;}
	#aiontech_header.scroll_on .h_sch input {color:#191919; border-bottom-color:#ccc;}
	#aiontech_header.scroll_on .h_sch button {color:#191919;}
	#aiontech_header.scroll_on .h_member li a {color:#666}
	#aiontech_header.scroll_on .h_member li a:before {background:#ccc;}
	
	#aiontech_header.scroll_on .h_sch input:-webkit-autofill,
	#aiontech_header.scroll_on .h_sch input:-webkit-autofill:hover,
	#aiontech_header.scroll_on .h_sch input:-webkit-autofill:focus,
	#aiontech_header.scroll_on .h_sch input:-webkit-autofill:active {-webkit-text-fill-color: #191919;}
	
	#aiontech_header.on {backdrop-filter:unset;}
	#aiontech_header.on #all_gnb {opacity:1; visibility:visible;}
	#aiontech_header.on #all_gnb:before {height:100%; transition-delay:0s;}
	#aiontech_header.on #all_gnb > ul > li {opacity:1; transform:translateY(0)}
	#aiontech_header.on #all_gnb > ul > li:nth-child(1) {transition-delay:0.3s;}
	#aiontech_header.on #all_gnb > ul > li:nth-child(2) {transition-delay:0.4s;}
	#aiontech_header.on #all_gnb > ul > li:nth-child(3) {transition-delay:0.5s;}
	#aiontech_header.on #all_gnb > ul > li:nth-child(4) {transition-delay:0.6s;}
	#aiontech_header.on #all_gnb > ul > li:nth-child(5) {transition-delay:0.7s;}
}

@media screen and (max-width:1399px){
	#aiontech_gnb > ul > li {padding:0 15px;}
	#aiontech_gnb > ul > li > a {font-size:1em;}

	#aiontech_header .h_sch {width:150px;}
}

@media screen and (max-width:1220px){
	#aiontech_header {padding:0 6%;}

	#aiontech_header .aveva {margin-left:10px;}
	#aiontech_header .aveva img {height:35px;}

	#aiontech_header .h_sch {display:none; width:100%; background:#191919; backdrop-filter:blur(20px); border-top:1px solid rgba(255,255,255,0.3); position:fixed; left:0; top:115px; margin-right:0; padding:30px 6%;}
	#aiontech_header .h_sch.on {display:block;}

	#aiontech_header .h_sch_btn {display:block; font-size:1.125em; color:#fff; margin-right:10px;}
	#aiontech_header .h_sch_btn:before {content:'\f002'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}

	#aiontech_header.scroll_on .h_sch_btn  {color:#191919;}

	#aiontech_logo {width:120px; height:43px}

	#aiontech_gnb {padding:0 200px 0 290px;}
	
    #all_gnb > ul {width:88%;}
}

@media screen and (max-width:1024px){
	#aiontech_header {height:50px;}
	#aiontech_header > div:nth-child(1) {z-index:10;}
	
	#aiontech_header .aveva {margin-left:5px;}
	#aiontech_header .aveva img {height:20px;}

	#aiontech_header .h_sch {top:50px; padding:15px 6%;}
	#aiontech_header .h_sch input {height:40px;}

	#aiontech_header .h_sch_btn {margin-right:15px;}

	#aiontech_header .h_member {display:none;}

	#aiontech_logo {width:84px; height:30px;}

	#aiontech_gnb {display:none;}

	#all_gnb {display:block; width:calc(100% - 50px); background:#fff; left:auto; right:-100%; transition:right 0.5s;}
	#all_gnb .top_box {display:flex; align-items:center; width:100%; height:50px; background:#191919; position:relative; padding-left:5px;}
	#all_gnb .top_box .h_member {display:flex;}
	#all_gnb > ul {display:block; width:100%;}
	#all_gnb > ul > li {width:100%; padding:0;}
	#all_gnb > ul > li > a {display:block; border-bottom:1px solid #ddd; font-size:1em; color:#191919; font-weight:500; padding:15px; position:relative;}
	#all_gnb > ul > li > a:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
	#all_gnb > ul > li > a.on:after {content:'\f106'}
	#all_gnb > ul > li > ul {display:none; background:#f8f9fc; margin-top:0;}
	#all_gnb > ul > li > ul > li > a {color:#666; padding:15px; border-bottom:1px solid #eee;}

	#menuToggle {width:22px; height:22px; z-index:10;}
	#menuToggle span {margin:2px auto;}

	#menuClose {background:#456cdd; width:50px; height:50px; position:absolute; right:0; top:0;}
	#menuClose span {display:block; width:22px; height:2px; background:#fff; position:absolute; left:50%; top:50%;}
	#menuClose span:nth-child(1) {transform:translate(-50%, 0px) rotate(45deg)}
	#menuClose span:nth-child(2) {transform:translate(-50%, 0px) rotate(-45deg)}

	#aiontech_header.sub_header .h_sch_btn {color:#191919;}

	#aiontech_header.scroll_on .h_sch_btn {color:#191919;}

	#aiontech_header.on #aiontech_logo {background-image:url(../images/logo.svg);}
	#aiontech_header.on #all_gnb {right:0;}
}


/* footer */
#aiontech_footer {width:100%; background:#191919; padding:50px 0 70px;}
#aiontech_footer .f_logo img {height:50px;}
#aiontech_footer ul {margin-top:10px; margin-bottom:20px;}
#aiontech_footer ul li {display:inline-block; font-size:1em; color:#fff; margin-top:10px; margin-right:15px;}
#aiontech_footer ul li strong {color:rgba(255,255,255,0.5); font-weight:600; margin-right:5px;}
#aiontech_footer .copy {font-size:1em; color:#fff; font-weight:600;}
#aiontech_footer .f_member {display:flex; gap:0 3px; position:absolute; right:0; bottom:0;}
#aiontech_footer .f_member a {display:inline-block; line-height:26px; border:1px solid #ccc; font-size:0.875em; color:#fff; text-transform:uppercase; padding:0 10px; transition:all 0.5s; transition-property:background, border;}
#aiontech_footer .f_member a:hover {background:#456cdd; border-color:#456cdd;}

@media screen and (max-width:1024px){
	#aiontech_footer {padding:6% 0;}
	#aiontech_footer .f_logo img {height:32px;}
	#aiontech_footer ul br {display:none;}
	#aiontech_footer ul li {font-size:0.9375em; margin-top:7px; margin-right:10px;}
	#aiontech_footer .copy {font-size:0.9375em;}
	#aiontech_footer .f_member {position:relative; top:10px;}
	#aiontech_footer .f_member a {line-height:24px; padding:0 8px;}
}


#Quick {position:fixed; right:30px; bottom:30px; z-index:200;}
#Quick a {display:block; width:60px; height:60px; position:relative; margin-bottom:5px;}
#Quick a i {display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:50%; font-size:1.5em; color:#fff; transition:background 0.5s}
#Quick a p {display:inline-block; border-radius:30px; font-size:0.875em; color:#fff; font-weight:700; line-height:27px; padding:0 10px; position:absolute; right:100%; top:50%; transform:translateY(-50%); margin-right:10px; opacity:0; visibility:hidden; transition:all 0.5s; white-space:nowrap;}
#Quick a.bg1 i {background:#182856}
#Quick a.bg1 p {background:#182856;}
#Quick a.bg1:hover i {background:#182856;}
#Quick a.bg2 i {background:#456cdd}
#Quick a.bg2 p {background:#456cdd;}
#Quick a.bg2:hover i {background:#456cdd;}
#Quick a:hover p {opacity:1; visibility:visible;}
#Quick .go_top {display:block; width:60px; height:60px; background:rgba(25,25,25,0.2); border-radius:50%; font-size:1.5em; color:#fff; transition:background 0.5s}
#Quick .go_top:hover {background:#191919}

@media screen and (max-width:1220px){
	#Quick {right:6%;}
}

@media screen and (max-width:1024px){
	#Quick {bottom:20px;}
	#Quick a {width:45px; height:45px; margin-bottom:3px;}
	#Quick a i {font-size:1.25em;}
	#Quick .go_top {width:45px; height:45px; font-size:1.25em;}
}

@media screen and (max-width:767px){
	#Quick {bottom:15px;}
	#Quick a {width:32px; height:32px;}
	#Quick a i {font-size:1em;}
	#Quick a p {line-height:25px; margin-right:5px;}
	#Quick .go_top {width:32px; height:32px; font-size:1em;}
}


/* main */
#mVisu {width:100%; height:100vh; position:relative;}
#mVisu .scroll_box {display:flex; align-items:center; position:absolute; left:50%; bottom:70px; transform:translateX(-50%); z-index:20;}
#mVisu .scroll_box p {font-size:1em; color:#fff; font-family:'Poppins';}
#mVisu .scroll_box i {display:block; width:60px; height:60px; border:1px solid rgba(255,255,255,0.5); border-radius:50%; margin-left:10px; position:relative;}
#mVisu .scroll_box i:before {content:''; display:block; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:50%; margin-left:-4px; animation:scrollIcon 1.1s infinite;}
.mVisu_slide {width:100%; height:100%; position:relative;}
.mVisu_slide .swiper-slide {display:flex; justify-content:center; align-items:center;}
.mVisu_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0;}
.mVisu_slide .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.4);}
.mVisu_slide .txt_box {margin-top:-70px;}
.mVisu_slide .txt_box p {opacity:0; transform:translateY(-50px); transition:all 1.5s; transition-property:opacity, transform;}
.mVisu_slide .txt_box .tit {font-size:4.6875em; color:#fff; line-height:1.13em; font-weight:600; transition-delay:0.3s;}
.mVisu_slide .txt_box .txt {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:500; margin-top:30px; transition-delay:0.5s}
.mVisu_slide .txt_box .btn_box {opacity:0; transform:translateY(-50px); transition:all 1.5s; transition-property:opacity, transform; transition-delay:0.7s; margin-top:30px;}
.mVisu_slide .swiper-slide-active p {opacity:1; transform:translateY(0)}
.mVisu_slide .swiper-slide-active .btn_box {opacity:1; transform:translateY(0)}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {display:flex; width:1200px; left:50%; bottom:auto; top:50%; transform:translateX(-50%); margin-top:150px; text-align:left;}
.mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 24px 0 0;}
.mVisu_slide .swiper-pagination-bullet {display:flex; width:20px; height:20px; background:none; opacity:1; position:relative;}
.mVisu_slide .swiper-pagination-bullet:before {content:''; display:block; width:7px; height:7px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}
.mVisu_slide .swiper-pagination-bullet span {display:block; width:50%; height:100%; overflow:hidden;}
.mVisu_slide .swiper-pagination-bullet span:nth-child(1):before {content:''; display:block; width:100%; height:100%; border:2px solid #fff; border-right:0; border-radius:30px 0 0 30px; transform:rotate(180deg); transform-origin:center right;}
.mVisu_slide .swiper-pagination-bullet span:nth-child(2):before {content:''; display:block; width:100%; height:100%; border:2px solid #fff; border-left:0; border-radius:0 30px 30px 0; transform:rotate(180deg); transform-origin:center left;}
.mVisu_slide .swiper-pagination-bullet-active span:before {animation:circle1 2.5s linear forwards;}
.mVisu_slide .swiper-pagination-bullet-active span:nth-child(2):before {animation-delay:2.4s;}
.mVisu_slide .swiper-pagination-bullet svg {opacity:0; width:100%; height:100%; transform:rotate(-90deg)}
.mVisu_slide .swiper-pagination-bullet svg circle {fill:transparent; stroke:#fff; stroke-width:3px; stroke-linecap:round; stroke-dashoffset:50; stroke-dasharray:100;}
.mVisu_slide .swiper-pagination-bullet-active:before {display:none;}
.mVisu_slide .swiper-pagination-bullet-active svg {opacity:1;}
.mVisu_slide .swiper-pagination-bullet-active svg circle {animation:circle 5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.mVisu_slide .swiper-pagination-bullet-active svg circle.mo_circle {opacity:0;}


@keyframes circle {
    0% {stroke-dashoffset:-50;}
    100% {stroke-dashoffset:0;}
}

@keyframes circle1 {
    0% {transform:rotate(180deg)}
    100% {transform:rotate(0)}
}

@keyframes scrollIcon {
    0% {top:20%;}
    100% {top:70%; opacity:0;}
}

@media screen and (max-width:1220px){
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {width:88%;}
}

@media screen and (max-width:1024px){
    #mVisu .scroll_box {bottom:30px;}
    #mVisu .scroll_box i {width:50px; height:50px;}
    #mVisu .scroll_box i:before {width:6px; height:6px; margin-left:-3px;}
    .mVisu_slide .txt_box {margin-top:-50px;}
    .mVisu_slide .txt_box .tit {font-size:3.5em;}
    .mVisu_slide .txt_box .txt {font-size:1.3em; margin-top:10px;}
	.mVisu_slide .txt_box .btn_box {margin-top:15px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {margin-top:100px;}
}

@media screen and (max-width:767px){
    #mVisu .scroll_box {bottom:15px;}
    #mVisu .scroll_box i {width:32px; height:32px;}
    #mVisu .scroll_box i:before {width:4px; height:4px; margin-left:-2px;}
    .mVisu_slide .txt_box {margin-top:-70px;}
    .mVisu_slide .txt_box .tit {font-size:2.7em;}
    .mVisu_slide .txt_box .txt {font-size:1em;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets {margin-top:70px;}
    .mVisu_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px 0 0;}
    .mVisu_slide .swiper-pagination-bullet {width:14px; height:14px;}
    .mVisu_slide .swiper-pagination-bullet:before {width:5px; height:5px;}
    .mVisu_slide .swiper-pagination-bullet svg circle {stroke-width:2px;}
    .mVisu_slide .swiper-pagination-bullet-active svg circle.mo_circle {opacity:1;}
    .mVisu_slide .swiper-pagination-bullet-active svg circle.circle {opacity:0;}
}

.main_title_wrap {display:flex; justify-content:space-between; align-items:end;}

.main_title h2 {font-size:4.375em; line-height:1.1em; font-weight:600;}
.main_title p {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

@media screen and (max-width:1024px){
	.main_title h2 {font-size:3.5em;}
	.main_title p {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
	.main_title_wrap {display:block;}
	.main_title_wrap .aiontech_btn1 {margin-top:15px;}

	.main_title h2 {font-size:2.7em;}
	.main_title p {margin-top:1%;}
}


#mCommunity {display:flex; justify-content:space-between; flex-wrap:wrap; padding-top:150px;}
#mCommunity > div:nth-child(1) {width:50%;}
#mCommunity > div:nth-child(2) {width:calc(50% - 70px)}
#mCommunity > div .tit_box {display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:20px;}
#mCommunity > div .tit_box h2 {font-size:2.5em; font-weight:600;}
#mCommunity > div .tit_box .view_btn {font-size:1em; color:#666; font-weight:600; transition:color 0.4s;}
#mCommunity > div .tit_box .view_btn:before {content:'\2b'; font-size:0.875em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-right:5px;}
#mCommunity > div .tit_box .view_btn:hover {color:#456cdd}
#mCommunity > div .cate {display:inline-block; width:85px; line-height:30px; background:#e8eef3; border-radius:5px; font-size:0.875rem; color:#666; font-weight:600; margin-right:20px; text-align:center; vertical-align:middle;}
#mCommunity > div .subject {font-size:1.5em; line-height:30px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mCommunity > div .cont {font-size:1.125em; color:#666; line-height:1.55em; margin:15px 0; max-height:3.1em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mCommunity > div .new_icon {display:inline-block;width: 16px;line-height:16px ;font-size:12px;color:#fff;background:#456cdd;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:5px; position:relative; top:-2px;}
#mCommunity > div ul {display:flex; align-items:center;}
#mCommunity > div ul li {font-size:1em; color:#666;}
#mCommunity > div ul li:before {content:''; display:inline-block; width:1px; height:14px; background:#ccc; margin:0 10px; vertical-align:middle;}
#mCommunity > div ul li:first-child:before {display:none;}
#mCommunity > div .news_box .img_box {width:100%; height:358px; border-radius:20px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#mCommunity > div .news_box .txt_box {margin-top:30px;}
#mCommunity > div .list_box {border-top:2px solid #191919;}
#mCommunity > div .list_box a {display:flex; padding:20px 0 20px 105px; border-bottom:1px solid #ccc; position:relative}
#mCommunity > div .list_box .cate {position:absolute; left:0; top:20px;}
#mCommunity > div .list_box .subject {width:calc(100% - 75px); font-size:1.125em;}
#mCommunity > div .list_box ul {justify-content:end; width:75px;}
#mCommunity > div .list_box .empty_li {border-bottom:1px solid #ccc; text-align:center; padding:20px 0;}

@media screen and (max-width:1220px){
	#mCommunity > div:nth-child(2) {width:calc(50% - 30px)}
	#mCommunity > div .news_box .img_box {height:28vw;}
}

@media screen and (max-width:1024px){
	#mCommunity {padding-top:15%;}
	#mCommunity > div .tit_box {margin-bottom:15px;}
	#mCommunity > div .tit_box h2 {font-size:2em;}
	#mCommunity > div .cate {width:75px; line-height:28px; margin-right:10px;}
	#mCommunity > div .subject {font-size:1.25em; line-height:28px;}
	#mCommunity > div .cont {font-size:1em; margin:10px 0;}
	#mCommunity > div ul li:before {height:12px;}
	#mCommunity > div .news_box .img_box {border-radius:10px;}
	#mCommunity > div .news_box .txt_box {margin-top:20px;}
	#mCommunity > div .list_box a {padding:15px 0 15px 85px;}
	#mCommunity > div .list_box .cate {top:15px;}
	#mCommunity > div .list_box .subject {font-size:1em;}
	#mCommunity > div .list_box .empty_li {padding:15px 0;}
}


@media screen and (max-width:767px){
	#mCommunity > div:nth-child(1) {width:100%;}
	#mCommunity > div:nth-child(2) {width:100%; margin-top:10%;}
	#mCommunity > div:nth-child(2) > div:last-child {margin-top:10% !important}
	#mCommunity > div .tit_box {margin-bottom:3%;}
	#mCommunity > div .tit_box h2 {font-size:1.7em;}
	#mCommunity > div .cate {width:65px; line-height:26px; margin-right:5px;}
	#mCommunity > div .subject {font-size:1.125em; line-height:26px;}
	#mCommunity > div .new_icon {width:14px; line-height:14px; font-size:10px; top:-1px;}
	#mCommunity > div ul li:before {height:11px;}
	#mCommunity > div .tit_box .view_btn {display:none;}
	#mCommunity > div .news_box .img_box {height:50vw;}
	#mCommunity > div .news_box .txt_box {margin-top:15px;}
	#mCommunity > div .list_box a {padding:12px 0 12px 70px;}
	#mCommunity > div .list_box .cate {top:12px;}
	#mCommunity > div .list_box .subject {width:calc(100% - 65px);}
	#mCommunity > div .list_box ul {width:65px;}
}


#mSolutions {padding-top:150px;}
.mSolutions_slide {position:relative; padding-bottom:58px;}
.mSolutions_slide .swiper-slide {width:380px; height:500px; border-radius:20px; overflow:hidden;}
.mSolutions_slide .swiper-slide a {display:block; width:100%; height:100%;}
.mSolutions_slide .img_box {width:100%; height:100%; position:relative}
.mSolutions_slide .img_box > div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
.mSolutions_slide .img_box > div:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000); opacity:0.5; transition:all 0.5s; transition-property:opacity, visibility;}
.mSolutions_slide .img_box dl {width:100%; padding:0 40px 40px; position:absolute; left:0; bottom:0; transition:all 0.5s; transition-property:opacity, visibility;}
.mSolutions_slide .img_box dl dt {font-size:1.875em; color:#fff; font-weight:600;}
.mSolutions_slide .img_box dl dt.case2 {font-size:2.175em;}
.mSolutions_slide .img_box dl dd {font-size:1.5em; color:#fff; font-weight:600; margin-top:5px;}
.mSolutions_slide .txt_box {display:flex; align-items:end; width:100%; height:100%; background:rgba(69,108,221,0.9); position:absolute; left:0; top:0; padding:40px; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.mSolutions_slide .txt_box dl dt {font-size:1.5em; color:#fff; font-weight:600;}
.mSolutions_slide .txt_box dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:15px;}
.mSolutions_slide.swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.mSolutions_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:8px; height:8px; background:#d9d9d9; opacity:1;}
.mSolutions_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {background:#191919;}

.mSolutions_slide .swiper-slide:hover .img_box > div {transform:scale(1.25)}
.mSolutions_slide .swiper-slide:hover .txt_box {opacity:1; visibility:visible;}

@media screen and (min-width:768px){
	.mSolutions_slide .swiper-slide:hover .img_box > div:before {opacity:0; visibility:hidden;}
	.mSolutions_slide .swiper-slide:hover .img_box dl {opacity:0; visibility:hidden;}
}

@media screen and (max-width:1024px){
	#mSolutions {padding-top:15%;}
	.mSolutions_slide {padding-bottom:40px;}
	.mSolutions_slide .swiper-slide {width:300px; height:395px; border-radius:10px;}
	.mSolutions_slide .img_box dl {padding:0 25px 25px;}
	.mSolutions_slide .img_box dl dt {font-size:1.5em;}
	.mSolutions_slide .img_box dl dt.case2 {font-size:1.7em;}
	.mSolutions_slide .img_box dl dd {font-size:1.25em;}
	.mSolutions_slide .txt_box {padding:25px;}
	.mSolutions_slide .txt_box dl dt {font-size:1.25em;}
	.mSolutions_slide .txt_box dl dd {font-size:1em; margin-top:10px;}
	.mSolutions_slide.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px;}
}

@media screen and (max-width:767px){
	#mSolutions .aiontech_btn1 {display:none;}
	.mSolutions_slide .swiper-slide {width:260px; height:342px;}
	.mSolutions_slide .img_box dl {padding:0 20px 20px;}
	.mSolutions_slide .txt_box {display:none; padding:20px;}
}


#mRequest {display:flex; justify-content:space-between; align-items:center; background:#3d1152 url(../images/mRequestBG.png) no-repeat center center; background-size:cover; border-radius:20px; padding:100px 120px; margin-top:150px;}
#mRequest dl dt {font-size:2.5em; color:#fff; font-weight:600;}
#mRequest dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:10px;}

@media screen and (max-width:1024px){
	#mRequest {padding:70px; border-radius:10px; margin-top:15%;}
	#mRequest dl dt {font-size:2em;}
	#mRequest dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
	#mRequest {display:block; padding:11% 6%;}
	#mRequest dl {margin-bottom:6%;}
	#mRequest dl dt {font-size:1.7em;}
}


#mCustomer {width:100%; background:url(../images/mCustomerBG.jpg) no-repeat center center; background-size:cover; padding:100px 0; position:relative; margin-top:150px;}
#mCustomer:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.3); position:absolute; left:0; top:0; z-index:0;}
#mCustomer > div {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative; z-index:10;}
#mCustomer ul {display:flex; justify-content:space-between; width:610px;}
#mCustomer ul li {width:calc(50% - 10px); height:300px; background:rgba(255,255,255,0.2); border-radius:20px; backdrop-filter:blur(20px); position:relative; transition:all 0.5s; transition-property:background, backdrop-filter;}
#mCustomer ul li:after {content:'\e09f'; display:flex; justify-content:center; align-items:center; width:54px; height:54px; background:#fff; border-radius:50%; font-size:1.125em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:40px; bottom:40px; transition:all 0.5s; transition-property:background, color;}
#mCustomer ul li a {display:block; width:100%; height:100%; padding:40px 30px;}
#mCustomer ul li dl dt {font-size:1.5em; color:#fff; font-weight:600;}
#mCustomer ul li dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:15px;}
#mCustomer ul li:hover {background:#456cdd; backdrop-filter:unset;}
#mCustomer ul li:hover:after {background:#1037af; color:#fff;}

@media screen and (max-width:1220px){
	#mCustomer .main_title {width:450px;}
	#mCustomer ul {width:calc(100% - 450px)}
	#mCustomer ul li {width:calc(50% - 5px)}
	#mCustomer ul li:after {right:30px; bottom:30px;}
	#mCustomer ul li a {padding:30px 20px;}
}

@media screen and (max-width:1024px){
	#mCustomer {padding:10% 0; margin-top:15%;}
	#mCustomer .main_title {width:320px;}
	#mCustomer ul {width:calc(100% - 320px)}
	#mCustomer ul li {height:220px; border-radius:10px;}
	#mCustomer ul li a {padding:20px;}
	#mCustomer ul li:after {width:40px; height:40px; font-size:1em; right:20px; bottom:20px}
	#mCustomer ul li dl dt {font-size:1.25em;}
	#mCustomer ul li dl dd {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
	#mCustomer .main_title {width:100%; margin-bottom:5%;}
	#mCustomer ul {display:block; width:100%}
	#mCustomer ul li {width:100%; height:auto; margin-bottom:5px;}
	#mCustomer ul li:last-child {margin-bottom:0;}
	#mCustomer ul li:after {width:32px; height:32px; right:5%; bottom:auto; top:50%; transform:translateY(-50%)}
	#mCustomer ul li a {padding:5% 50px 5% 5%;}
	#mCustomer ul li dl dd {margin-top:5px;}
}


/* sub */
#sVisu {width:100%; height:450px; padding-top:200px; position:relative; overflow:hidden;}
#sVisu:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0;}
#sVisu:after {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.4); position:absolute; left:0; top:0; z-index:1;}
#sVisu > div {position:relative; z-index:10; text-align:center;}
#sVisu > div h2 {font-size:4.6875em; color:#fff; line-height:1.2em; font-weight:600;}
#sVisu > div ul {display:flex; justify-content:center; align-items:center; margin-top:20px;}
#sVisu > div ul li {font-size:1.125em; color:#fff; font-weight:500;}
#sVisu > div ul li:after {content:'\f105'; font-size:0.77em; font-weight:900; font-family:'Font Awesome 6 Pro'; margin:0 15px;}
#sVisu > div ul li:last-child:after {display:none;}
#sVisu > div ul li i {font-size:0.77em;}

.sVisu1:before {background-image:url(../images/sVisu_img1.jpg)}
.sVisu2:before {background-image:url(../images/sVisu_img2.jpg)}
.sVisu3:before {background-image:url(../images/sVisu_img3.jpg)}
.sVisu4:before {background-image:url(../images/sVisu_img4.jpg)}
.sVisu5:before {background-image:url(../images/sVisu_img5.jpg)}

.sVisusearch:before {background-image:url(../images/sVisu_search.jpg)}

@media screen and (max-width:1024px){
	#sVisu {height:350px; padding-top:150px;}
	#sVisu > div h2 {font-size:3.5em;}
	#sVisu > div ul {margin-top:15px;}
	#sVisu > div ul li {font-size:1em;}
}

@media screen and (max-width:767px){
	#sVisu {height:220px; padding-top:95px;}
	#sVisu > div h2 {font-size:2.5em;}
	#sVisu > div ul {margin-top:10px;}
	#sVisu > div ul li:after {margin:0 10px;}
}

.sub_menu_box {height:71px; margin-top:-35px;}
.sub_menu_box .sub_menu_wrap {margin-top:0;}
.sub_menu_wrap {margin-top:-35px; position:relative; z-index:100;}
.sub_menu_wrap > div {display:flex; width:640px; background:#fff; border-radius:36px; box-shadow:5px 5px 15px rgba(25,25,25,0.1); margin:0 auto; transition:width 0.4s ease, box-shadow 0.4s ease;}
.sub_menu_wrap > div > div {width:50%; position:relative;}
.sub_menu_wrap > div > div button {display:block; width:100%; background:#fff; height:71px; font-size:1.125em; font-weight:500; text-align:left; padding:0 50px 0 30px; position:relative; z-index:10; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:height 0.4s ease, font-size 0.4s ease, padding 0.4s ease;}
.sub_menu_wrap > div > div button:after {content:'\f107'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:30px; top:50%; transform:translateY(-50%); transition:right 0.4s ease;}
.sub_menu_wrap > div > div button.on:after {content:'\f106'}
.sub_menu_wrap > div > div ul {display:none; width:100%; background:#fff; border-radius:0 0 36px 36px; position:absolute; left:0; top:50%; padding:36px 0 10px; box-shadow:5px 5px 15px rgba(25,25,25,0.1); transition:padding 0.4s ease;}
.sub_menu_wrap > div > div ul li a {display:block; font-size:0.9375em; color:#666; padding:10px 30px;}
.sub_menu_wrap > div > div ul li.on a {color:#456cdd; font-weight:600;}

.sub_menu_wrap > div > div.depth1 button {background:#456cdd; color:#fff; border-radius:36px 0 0 36px;}
.sub_menu_wrap > div > div.depth1 ul {background:#456cdd;}
.sub_menu_wrap > div > div.depth1 ul li a {color:rgba(255,255,255,0.7);}
.sub_menu_wrap > div > div.depth1 ul li.on a {color:#fff;}
.sub_menu_wrap > div > div.depth2 button {border-radius:0 36px 36px 0;}

.sub_menu_box.scroll_on {height:35.5px;}
.sub_menu_box.scroll_on .sub_menu_wrap {position:fixed; left:0; top:15px; width:100%; margin-top:0; z-index:100;}
.sub_menu_box.scroll_on .sub_menu_wrap > div {width:520px; box-shadow:3px 3px 12px rgba(25,25,25,0.15);}
.sub_menu_box.scroll_on .sub_menu_wrap > div > div button {height:52px; font-size:1em;}
.sub_menu_box.scroll_on .sub_menu_wrap > div > div ul {padding-top:26px;}

@media screen and (max-width:1024px){
	.sub_menu_box {height:50px; margin-top:-25px;}
    .sub_menu_wrap {margin-top:-25px;}
    .sub_menu_wrap > div {width:550px;}
    .sub_menu_wrap > div > div {border-radius:25px;}
    .sub_menu_wrap > div > div button {height:50px; font-size:1em; padding:0 30px 0 15px;}
    .sub_menu_wrap > div > div button:after {right:15px;}
    .sub_menu_wrap > div > div ul {border-radius:0 0 25px 25px; padding-top:25px;}
    .sub_menu_wrap > div > div ul li a {padding:7px 15px;}

    .sub_menu_wrap > div > div.depth1 button {border-radius:25px 0 0 25px;}
    .sub_menu_wrap > div > div.depth2 button {border-radius:0 25px 25px 0;}
	
    .sub_menu_box.scroll_on {height:25px;}
    .sub_menu_box.scroll_on .sub_menu_wrap {top:12px;}
    .sub_menu_box.scroll_on .sub_menu_wrap > div {width:450px;}
    .sub_menu_box.scroll_on .sub_menu_wrap > div > div button {height:40px; font-size:0.9375em;}
    .sub_menu_box.scroll_on .sub_menu_wrap > div > div ul {padding-top:20px;}
}

@media screen and (max-width:767px){
	.sub_menu_box {height:38px; margin-top:-19px;}
    .sub_menu_wrap {margin-top:-19px;}
    .sub_menu_wrap > div {width:100%;}
    .sub_menu_wrap > div > div {border-radius:19px;}
    .sub_menu_wrap > div > div button {height:38px; font-size:1em;}
    .sub_menu_wrap > div > div ul {border-radius:0 0 19px 19px; padding-top:19px;}

    .sub_menu_wrap > div > div.depth1 button {border-radius:19px 0 0 19px;}
    .sub_menu_wrap > div > div.depth2 button {border-radius:0 19px 19px 0;}
	
    .sub_menu_box.scroll_on {height:19px;}
    .sub_menu_box.scroll_on .sub_menu_wrap {top:10px; padding:0 4%;}
    .sub_menu_box.scroll_on .sub_menu_wrap > div {width:100%;}
    .sub_menu_box.scroll_on .sub_menu_wrap > div > div button {height:34px; font-size:0.9375em;}
    .sub_menu_box.scroll_on .sub_menu_wrap > div > div ul {padding-top:17px;}
}


#sub_content {width:100%; min-height:calc(100vh - 250px); padding:100px 0 150px; position:relative;}
#sub_content.case2 {padding-top:250px;}

.sub_title {font-size:2.5em; font-weight:600; line-height:1.25em;}
.sub_title2 {font-size:3.125em; font-weight:600; line-height:1.25em;}

.s_tit1 {font-size:1.5em; line-height:1.45em; font-weight:600;}
.s_tit2 {font-size:1.25em; font-weight:600; line-height:1.5em;}
.s_tit3 {display:flex; align-items:center; font-size:1.25em; font-weight:400; line-height:1.15em; font-family:'Poppins'; margin-bottom:40px;}
.s_tit3:before {content:''; display:block; width:14px; height:14px; background:#456cdd; border-radius:50%; margin-right:10px;}
.s_tit3:after {content:''; display:block; width:100px; height:1px; background:#ccc; margin-left:20px;}
.s_tit4 {font-size:3.75em; line-height:1.16em; font-weight:500;}
.s_tit4 span {display:block; color:#456cdd;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.55em;}
.s_txt2 {font-size:1.25em; color:#666; line-height:1.6em;}

@media screen and (max-width:1024px){
	#sub_content {min-height:70vh; padding:10% 0 15%;}
	#sub_content.case2 {padding-top:25%;}

	.sub_title {font-size:2em;}
	.sub_title2 {font-size:2.5em;}

	.s_tit1 {font-size:1.3em;}
	.s_tit2 {font-size:1.125em;}
    .s_tit3 {font-size:1.125em; margin-bottom:4%;}
    .s_tit3:before {width:12px; height:12px;}
    .s_tit3:after {width:70px;}
    .s_tit4 {font-size:3em;}

	.s_txt1 {font-size:1em;}
    .s_txt2 {font-size:1.125em;}
}

@media screen and (max-width:767px){
	.sub_title {font-size:1.7em;}
	.sub_title2 {font-size:2em;}

	.s_tit1 {font-size:1.2em;}
    .s_tit3:before {width:9px; height:9px; margin-right:5px;}
    .s_tit3:after {width:50px; margin-left:10px;}
    .s_tit4 {font-size:2.2em;}
	
    .s_txt2 {font-size:1em;}
}


.sub_side_box {position:absolute; left:75px; top:100px; z-index:100;}
.sub_side_box ul li {position:relative; padding-left:15px; margin-bottom:10px;}
.sub_side_box ul li:last-child {margin-bottom:0;}
.sub_side_box ul li a {font-size:1em; color:#666;}
.sub_side_box ul li a:before {content:''; display:block; width:5px; height:5px; background:#456cdd; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.sub_side_box ul li.on a {color:#456cdd; font-weight:600;}
.sub_side_box ul li.on a:before {opacity:1; visibility:visible;}

.sub_side_box.scroll_on {position:fixed; top:188px;}

@media screen and (max-width:1799px){
	.sub_side_box {left:20px;}
}

@media screen and (max-width:1499px){
    .sub_side_box {display:none;}
}

@media screen and (max-width:1024px){
    .sub_side_box {display:none; width:100%; background:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:fixed; top:50px;}
    .sub_side_box ul {display:flex; justify-content:center;}
    .sub_side_box ul li {margin-bottom:0; padding:0 13px;}
    .sub_side_box ul li:after {content:''; display:block; width:1px; height:10px; background:#a4a4a4; position:absolute; right:0; top:50%; transform:translateY(-50%)}
    .sub_side_box ul li:last-child:after {display:none;}
    .sub_side_box ul li a {display:block; font-size:1em; line-height:40px; position:relative;}
    .sub_side_box ul li a:before {left:50%; top:auto; bottom:0; transform:translateX(-50%)}
    .sub_side_box ul li.on a:before {width:100%;}
}


.scroll_box {display:none; justify-content:end; margin-bottom:2%;}
.scroll_box p {font-size:0.875em; color:#666; margin-right:10px;}
.scroll_box div {width:50px; position:relative; margin-top:2px;}
.scroll_box div:before {content:''; display:block; width:100%; height:3px; background:#ccc; border-radius:5px; position:absolute; left:4px; right:0;}
.scroll_box div i {display:block; width:25px; font-size:1.5em; color:#aaa; text-align:center; position:relative; margin-top:-1px; padding-top:10px; animation:moveScrollAni 3s both infinite;}
.scroll_box div i:after {content:''; display:block; width:100%; height:5px; background:rgba(0,0,0,0.7); border-radius:5px; position:absolute; left:0; top:0;}

@keyframes moveScrollAni {
    0%, 10% {
        left: 0;
        margin-left: 0px;
    }
    50% {
        left: 100%;
        margin-left: -20px;
    }
    100% {
        left: 0;
        margin-left: 0px;
    }
}


@media screen and (max-width:1024px){
    .scroll_box.case2 {display:flex;}
}

@media screen and (max-width:767px){
    .scroll_box {display:flex;}
}


.sub_table_box1 {width:100%;}
.sub_table_box1 thead th {background:#191919; border-left:1px solid #666; font-size:1.25em; color:#fff; font-weight:600; padding:15px 5px;}
.sub_table_box1 thead th:first-child {border-left:0;}
.sub_table_box1 tbody th {background:#f8f8fa; border-bottom:1px solid #ccc; font-size:1.125em; text-align:center; padding:20px 10px;}
.sub_table_box1 tbody td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1.125em; color:#666; text-align:center; padding:20px 10px;}

@media screen and (max-width:1024px){
	.sub_table_box1 thead th {font-size:1.125em; padding:13px 5px;}
	.sub_table_box1 tbody th {font-size:1em; padding:15px 10px;}
	.sub_table_box1 tbody td {font-size:1em; padding:15px 10px;}
}

@media screen and (max-width:767px){
	.sub_table_box1 thead th {font-size:1em;}
	.sub_table_box1 tbody th {padding:12px;}
	.sub_table_box1 tbody td {padding:12px;}
}


.sub_list_box1 > li {font-size:1.125em; color:#666; line-height:1.55em; position:relative; padding-left:25px;}
.sub_list_box1 > li:before {content:'·'; display:inline-block; width:25px; line-height:1.35em; font-weight:900; text-align:center; position:absolute; left:0; top:0;}

@media screen and (max-width:1024px){
	.sub_list_box1 > li {font-size:1em; padding-left:20px;}
	.sub_list_box1 > li:before {width:20px;}
}



.sub_img_box1 .img_box {width:100%; height:500px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px;}


@media screen and (max-width:1220px){
	.sub_img_box1 .img_box {height:35vw;}
}

@media screen and (max-width:1024px){
	.sub_img_box1 .img_box {border-radius:10px;}
}



.sSolution_case1 > div {width:100%; margin-bottom:150px;}
.sSolution_case1 > div:last-child {margin-bottom:0;}
.sSolution_case1 > div .img_box {width:100%; border-radius:20px; overflow:hidden;}
.sSolution_case1 > div .img_box img {width:100%;}
.sSolution_case1 > div .txt_box {margin-top:50px; position:relative;}
.sSolution_case1 > div .txt_box .tit {font-size:3.125em; font-weight:600; padding-right:350px; margin-bottom:30px;}
.sSolution_case1 > div .txt_box .s_tit1 {margin-bottom:20px;}
.sSolution_case1 > div .txt_box .s_txt1 {margin-top:15px;}
.sSolution_case1 > div .txt_box .info {width:100%; background:#f8f8fa; border-radius:20px; padding:40px; margin-top:50px;}
.sSolution_case1 > div .txt_box .info dt {font-size:1.25em; color:#456cdd; font-weight:600;}
.sSolution_case1 > div .txt_box .info dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:15px;}
.sSolution_case1 > div .txt_box .btn_box {display:flex; gap:0 5px; position:absolute; right:0; top:0;}
.sSolution_case1 > div .txt_box .btn_box a {display:flex; justify-content:center; align-items:center; width:auto; height:53px; border-radius:27px; font-size:1em; color:#fff; font-weight:600; text-align:center;}
.sSolution_case1 > div .txt_box .btn_box a.inquiry_btn {background:#456cdd; padding:0 30px;}
.sSolution_case1 > div .txt_box .btn_box a.download_btn {background:#191919; padding:0 25px;}
.sSolution_case1 > div .txt_box .btn_box a.download_btn:after {content:'\f33d'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}

@media screen and (max-width:1220px){
}

@media screen and (max-width:1024px){
	.sSolution_case1 > div {margin-bottom:15%;}
	.sSolution_case1 > div .img_box {border-radius:10px;}
	.sSolution_case1 > div .txt_box {margin-top:5%;}
	.sSolution_case1 > div .txt_box .tit {font-size:2.5em; padding-right:0; margin-bottom:2%;}
	.sSolution_case1 > div .txt_box .s_tit1 {margin-bottom:1.5%;}
	.sSolution_case1 > div .txt_box .s_txt1 {margin-top:1%;}
	.sSolution_case1 > div .txt_box .info {border-radius:10px; padding:25px; margin-top:5%;}
	.sSolution_case1 > div .txt_box .info dt {font-size:1.125em;}
	.sSolution_case1 > div .txt_box .info dd {font-size:1em; margin-top:1.5%;}
	.sSolution_case1 > div .txt_box .btn_box {justify-content:end; position:relative; margin-top:5%;}
	.sSolution_case1 > div .txt_box .btn_box a {height:47px;}
	.sSolution_case1 > div .txt_box .btn_box a.inquiry_btn {padding:0 20px;}
	.sSolution_case1 > div .txt_box .btn_box a.download_btn {padding:0 15px;}
	.sSolution_case1 > div .txt_box .btn_box a.download_btn:after {margin-left:5px;}
}

@media screen and (max-width:767px){
	.sSolution_case1 > div .txt_box .tit {font-size:2em;}
	.sSolution_case1 > div .txt_box .s_tit1 {margin-bottom:1.5%;}
	.sSolution_case1 > div .txt_box .s_txt1 {margin-top:1%;}
	.sSolution_case1 > div .txt_box .info {padding:15px;}
	.sSolution_case1 > div .txt_box .btn_box {gap:0 3px;}
	.sSolution_case1 > div .txt_box .btn_box a {height:37px;}
	.sSolution_case1 > div .txt_box .btn_box a.inquiry_btn {padding:0 13px;}
	.sSolution_case1 > div .txt_box .btn_box a.download_btn {padding:0 12px;}
}


.sSolution_case2 > div {margin-top:100px;}
.sSolution_case2 > div:first-child {margin-top:0;}
.sSolution_case2 .img_box {width:100%; border-radius:20px; overflow:hidden;}
.sSolution_case2 .img_box img {width:100%;}
.sSolution_case2 .img_box .video {width:100%; height:0; padding-bottom:56.25%; position:relative;}
.sSolution_case2 .img_box .video iframe {width:100%; height:100%; position:absolute; left:0; top:0;}
.sSolution_case2 .txt_box {margin-top:30px;}
.sSolution_case2 .btn_box {display:flex; justify-content:center; gap:0 5px;}
.sSolution_case2 .btn_box a {display:flex; justify-content:center; align-items:center; width:auto; height:53px; border-radius:27px; font-size:1em; color:#fff; font-weight:600; text-align:center; transition:background 0.5s;}
.sSolution_case2 .btn_box a.inquiry_btn {background:#456cdd; padding:0 30px;}
.sSolution_case2 .btn_box a.inquiry_btn:hover {background:#1039af}
.sSolution_case2 .btn_box a.download_btn {background:#191919; padding:0 25px;}
.sSolution_case2 .btn_box a.download_btn:after {content:'\f33d'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:10px;}
.sSolution_case2 .btn_box a.download_btn:hover {background:#182856}
.sSolution_case2 .tit1 {font-size:2.1875em; line-height:1.4em; font-weight:600; text-align:center; margin-bottom:50px;}

.sSolution_case2 .advantage_list {display:flex; justify-content:center; flex-wrap:wrap; gap:30px; width:100%;}
.sSolution_case2 .advantage_list li {display:flex; justify-content:center; align-items:center; flex-direction:column; width:calc(33.33% - 20px); border:1px solid #ccc; border-radius:20px; padding:45px 20px; text-align:center; position:relative;}
.sSolution_case2 .advantage_list li .icon {display:block; width:100%; height:63px; font-style:normal;}
.sSolution_case2 .advantage_list li .icon img {max-width:100%; max-height:100%;}
.sSolution_case2 .advantage_list li dl {margin-top:30px;}
.sSolution_case2 .advantage_list li dl dt {font-size:1.5em; line-height:1.4em; font-weight:600;}
.sSolution_case2 .advantage_list li dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

.sSolution_case2 .feature_list {display:flex; flex-wrap:wrap; gap:50px 24px;}
.sSolution_case2 .feature_list > div {width:calc(50% - 12px);}
.sSolution_case2 .feature_list > div.w_100 {width:100%;}
.sSolution_case2 .feature_list > div .img {width:100%; border:1px solid #ccc; border-radius:20px; overflow:hidden;}
.sSolution_case2 .feature_list > div .img img {width:100%;}
.sSolution_case2 .feature_list > div .txt {width:100%); position:relative; margin-top:20px;}
.sSolution_case2 .feature_list > div .txt .sub_list_box1 {margin-top:10px;}
.sSolution_case2 .feature_list > div .txt .admin_btn2 {top:0; right:0;}
.sSolution_case2 .feature_list.col1 > div {width:100%;}

.sSolution_case2 .admin_btn {display:flex; justify-content:end; margin-top:30px;}
.sSolution_case2 .admin_btn a {display:block; background:#191919; border-radius:3px; font-size:0.9375em; color:#fff; font-weight:500; padding:5px 10px;}

.sSolution_case2 .admin_btn2 {display:flex; gap:0 15px; position:absolute; right:15px; top:15px;}
.sSolution_case2 .admin_btn2 a {font-size:1.125em;}

@media screen and (max-width:1220px){
	.sSolution_case2 .advantage_list {gap:20px;}
	.sSolution_case2 .advantage_list li {width:calc(33.33% - 13.33px)}

}

@media screen and (max-width:1024px){
	.sSolution_case2 > div {margin-top:10%;}
	.sSolution_case2 .img_box {border-radius:10px;}
	.sSolution_case2 .txt_box {margin-top:3%;}
	.sSolution_case2 .btn_box a {height:45px;}
	.sSolution_case2 .btn_box a.inquiry_btn {padding:0 20px;}
	.sSolution_case2 .btn_box a.download_btn {padding:0 15px;}
	.sSolution_case2 .tit1 {font-size:1.7em; margin-bottom:4%;}

	.sSolution_case2 .advantage_list {gap:10px;}
	.sSolution_case2 .advantage_list li {width:calc(33.33% - 6.66px); padding:25px 15px; border-radius:10px;}
	.sSolution_case2 .advantage_list li .icon {height:40px;}
	.sSolution_case2 .advantage_list li dl {margin-top:15px;}
	.sSolution_case2 .advantage_list li dl dt {font-size:1.3em;}
	.sSolution_case2 .advantage_list li dl dd {font-size:1em; margin-top:5px;}

	.sSolution_case2 .feature_list {gap:40px 15px;}
	.sSolution_case2 .feature_list > div {width:calc(50% - 7.5px);}
	.sSolution_case2 .feature_list > div .img {border-radius:10px;}
	.sSolution_case2 .feature_list > div .txt {margin-top:15px;}
	.sSolution_case2 .feature_list > div .txt .sub_list_box1 {margin-top:5px;}
}

@media screen and (max-width:767px){
	.sSolution_case2 .btn_box a {height:40px;}
	.sSolution_case2 .btn_box a.inquiry_btn {padding:0 15px;}
	.sSolution_case2 .btn_box a.download_btn {padding:0 12px;}
	
	.sSolution_case2 .advantage_list {gap:5px;}
	.sSolution_case2 .advantage_list li {width:100%}
	.sSolution_case2 .advantage_list li .icon {height:35px;}
	.sSolution_case2 .advantage_list li dl dt {font-size:1.2em;}

	.sSolution_case2 .feature_list {gap:35px 0;}
	.sSolution_case2 .feature_list > div {width:100%;}
	.sSolution_case2 .feature_list > div .img {width:100%;}
	.sSolution_case2 .feature_list > div .txt {margin-top:3%;}
	.sSolution_case2 .feature_list > div .txt .sub_list_box1 {margin-top:1%;}
}


.sApplication_case1 > div {margin-bottom:50px;}
.sApplication_case1 > div:last-child {margin-bottom:0;}
.sApplication_case1 > div .tit {display:block; width:100%; background:#191919; font-size:1.5em; color:#fff; font-weight:600; padding:15px 5px; text-align:center;}
.sApplication_case1 > div .scroll {overflow-x:auto;}
.sApplication_case1 > div .scroll table {min-width:1000px;}
.sApplication_case1 > div table {width:100%;}
.sApplication_case1 > div table tbody th {background:#f8f8fa; border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-size:1.125em; font-weight:600; text-align:center; padding:15px 5px;}
.sApplication_case1 > div table tbody th:first-child {border-left:0;}
.sApplication_case1 > div table tbody td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1em; color:#666; text-align:center; padding:20px 10px;}
.sApplication_case1 > div table tbody td:first-child {border-left:0;}
.sApplication_case1 > div table tbody td .ask_btn {display:block; width:100%; line-height:30px; background:#0065e6; font-size:0.875em; color:#fff; font-weight:600; margin-top:15px; transition:background 0.5s;}
.sApplication_case1 > div table tbody td .ask_btn:hover {background:#002687;}
.sApplication_case1 > div table tbody td .ask_btn.end {background:#eef0f6 !important; color:#666;}
.sApplication_case1.form > div tbody th {width:70px;}
.sApplication_case1.form > div tbody td {text-align:left; padding:20px 30px;}
.sApplication_case1.form > div tbody td .form_box {display:flex; flex-wrap:wrap; gap:10px;}
.sApplication_case1.form > div tbody td .form_box > div {width:calc(20% - 8px)}
.sApplication_case1.form > div tbody td .form_box > div label {display:block; width:100%; font-size:1.125em; color:#191919; line-height:1.55em; font-weight:600; margin-bottom:5px;}
.sApplication_case1.form > div tbody td .form_box > div label i {color:#f00; font-style:normal;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt {display:block; width:100%; height:58px; background:#fff; border:1px solid #ccc; border-radius:0; font-size:1.125em; color:#191919; padding:0 20px;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt.on {border-color:#f00;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt::placeholder {color:#ccc;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt::-webkit-input-placeholder {color:#ccc;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt:-ms-input-placeholder {color:#ccc;}
.sApplication_case1.form > div tbody td .form_box.col2 > div {width:calc(50% - 5px);}
.sApplication_case1.form > div tbody td .form_box.col4 > div {width:calc(25% - 7.5px);}
.sApplication_case1.form > div tbody td .form_box > div .form_txt.readonly {background:#f8f8fa; color:#666;}
.sApplication_case1.form > div tbody td .form_box > div .form_txt:disabled {background:#f8f8fa; color:#999; cursor:not-allowed;}
.sApplication_case1.form > div tbody td .form_box > div .form_sel {appearance:none; -webkit-appearance:none; -moz-appearance:none; background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23191919' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 20px center; cursor:pointer;}
.sApplication_case1.form > div tbody td .form_chk {display:flex; align-items:center; gap:8px; margin-bottom:20px;}
.sApplication_case1.form > div tbody td .form_chk input[type="checkbox"] {width:20px; height:20px; accent-color:#0065e6; margin:0; cursor:pointer;}
.sApplication_case1.form > div tbody td .form_chk label {font-size:1.125em; color:#191919; font-weight:600; cursor:pointer;}

.sApplication_case2 {width:100%; border-top:2px solid #000; border-bottom:1px solid #191919;}
.sApplication_case2 > div {display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc; padding:30px 0;}
.sApplication_case2 > div:last-child {border-bottom:0;}
.sApplication_case2 > div .s_tit1 {width:250px;}
.sApplication_case2 > div .sub_list_box1 {width:calc(100% - 250px)}
.sApplication_case2 > div .map_box {width:100%; height:500px; background:#f8f9fc; margin-top:30px;}
.sApplication_case2 > div .map_box .root_daum_roughmap .wrap_map {height:100% !important}

.sApplication_case3 {width:100%;}
.sApplication_case3 thead th {background:#191919; border-left:1px solid #666; font-size:1.25em; color:#fff; font-weight:600; padding:15px 5px;}
.sApplication_case3 thead th:first-child {width:200px; border-left:0;}
.sApplication_case3 tbody th {background:#f8f8fa; border-bottom:1px solid #ccc; font-size:1.25em; font-weight:600; text-align:center; padding:20px 10px;}
.sApplication_case3 tbody td {border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:1em; padding:20px 30px;}
.sApplication_case3 tbody td .t1 {font-size:1.125em; font-weight:600;}
.sApplication_case3 tbody td .sub_list_box1 {margin-top:10px;}

.sApplication_case4 {display:flex; gap:0 5px; justify-content:center; width:100%; margin-top:30px;}
.sApplication_case4 a, .sApplication_case4 button {display:flex; justify-content:center; align-items:center; width:155px; height:58px; border-radius:30px; font-size:1.125em; color:#fff; font-weight:600; text-align:center; transition:background 0.5s;}
.sApplication_case4 .cancel_btn {background:#191919;}
.sApplication_case4 .submit_btn {background:#0065e6}
.sApplication_case4 .submit_btn:hover {background:#002687;}

@media screen and (max-width:1024px){
	.sApplication_case1 > div .tit {font-size:1.3em; padding:13px 5px;}
	.sApplication_case1 > div table tbody th {font-size:1em; padding:13px 5px;}
	.sApplication_case1 > div table tbody td {padding:13px 5px;}
	.sApplication_case1 > div table tbody td .ask_btn {height:28px; margin-top:10px;}
	.sApplication_case1.form > div tbody th {width:50px;}
	.sApplication_case1.form > div tbody td {padding:15px;}
	.sApplication_case1.form > div tbody td .form_box {gap:5px}
	.sApplication_case1.form > div tbody td .form_box > div {width:calc(20% - 4px)}
	.sApplication_case1.form > div tbody td .form_box.col2 > div {width:calc(50% - 2.5px);}
	.sApplication_case1.form > div tbody td .form_box.col4 > div {width:calc(25% - 3.75px);}
	.sApplication_case1.form > div tbody td .form_box > div label {font-size:1em;}
	.sApplication_case1.form > div tbody td .form_box > div .form_txt {height:40px; font-size:1em; padding:0 15px;}
	.sApplication_case1.form > div tbody td .form_box > div .form_sel {background-position:right 15px center;}
	.sApplication_case1.form > div tbody td .form_chk {margin-bottom:15px;}
	.sApplication_case1.form > div tbody td .form_chk label {font-size:1em;}

	.sApplication_case2 > div {padding:4% 0;}
	.sApplication_case2 > div .s_tit1 {width:180px;}
	.sApplication_case2 > div .sub_list_box1 {width:calc(100% - 180px)}
	.sApplication_case2 > div .map_box {height:320px; margin-top:3%;}
	
	.sApplication_case3 thead th {font-size:1.125em; padding:13px 5px;}
	.sApplication_case3 thead th:first-child {width:150px;}
	.sApplication_case3 tbody th {font-size:1.125em; padding:15px 10px;}
	.sApplication_case3 tbody td {padding:15px;}
	.sApplication_case3 tbody td .t1 {font-size:1em;}
	.sApplication_case3 tbody td .sub_list_box1 {margin-top:5px;}

	.sApplication_case4 {margin-top:5%;}
	.sApplication_case4 a, .sApplication_case4 button {width:130px; height:48px; font-size:1em;}
}

@media screen and (max-width:767px){
	.sApplication_case1 > div .tit {font-size:1.2em;}
	.sApplication_case1 > div .scroll table {min-width:850px;}
	.sApplication_case1 > div table tbody th {padding:10px 5px;}
	.sApplication_case1 > div table tbody td {padding:10px 5px;}
	.sApplication_case1.form > div tbody th {width:40px;}
	.sApplication_case1.form > div tbody td {padding:10px;}
	.sApplication_case1.form > div tbody td .form_box {gap:10px 5px}
	.sApplication_case1.form > div tbody td .form_box > div {width:calc(50% - 2.5px);}
	.sApplication_case1.form > div tbody td .form_box > div:last-child {width:100%;}
	.sApplication_case1.form > div tbody td .form_box.col2 > div,
	.sApplication_case1.form > div tbody td .form_box.col4 > div {width:100%;}
	.sApplication_case1.form > div tbody td .form_box > div .form_txt {height:35px; padding:0 10px;}
	.sApplication_case1.form > div tbody td .form_box > div .form_sel {background-position:right 10px center;}
	.sApplication_case1.form > div tbody td .form_chk {margin-bottom:10px;}

	.sApplication_case2 > div .s_tit1 {width:100%;}
	.sApplication_case2 > div .sub_list_box1 {width:100%; margin-top:1.5%;}
	.sApplication_case2 > div .map_box {height:200px;}
	
	.sApplication_case3 thead th {font-size:1em;}
	.sApplication_case3 thead th:first-child {width:70px;}
	.sApplication_case3 tbody th {font-size:1em; padding:10px;}
	.sApplication_case3 tbody td {padding:10px;}
	
	.sApplication_case4 {gap:0 3px;}
	.sApplication_case4 a, .sApplication_case4 button {width:110px; height:38px;}
}


.sInquiry_form {width:100%; max-width:440px; margin:0 auto;}
.sInquiry_form > div {margin-bottom:20px;}
.sInquiry_form > div:last-of-type {margin-bottom:0;}
.sInquiry_form > div label {display:block; width:100%; font-size:1.125em; color:#191919; line-height:1.55em; font-weight:600; margin-bottom:5px;}
.sInquiry_form > div .form_txt {display:block; width:100%; height:58px; background:#fff; border:1px solid #ccc; border-radius:0; font-size:1.125em; color:#191919; padding:0 20px;}
.sInquiry_form > div .form_txt::placeholder {color:#ccc;}
.sInquiry_form > div .form_txt::-webkit-input-placeholder {color:#ccc;}
.sInquiry_form > div .form_txt:-ms-input-placeholder {color:#ccc;}
.sInquiry_form .submit_btn {display:block; width:100%; height:60px; background:#191919; border-radius:0; font-size:1.25em; color:#fff; font-weight:600; margin-top:30px;}

.sInquiry_result .s_txt1 strong {color:#191919; font-weight:600;}
.sInquiry_result .sub_table_box1 thead th:nth-child(1) {width:32%;}
.sInquiry_result .sub_table_box1 thead th:nth-child(2) {width:32%;}
.sInquiry_result .sub_table_box1 thead th:nth-child(3) {width:12%;}
.sInquiry_result .sub_table_box1 thead th:nth-child(4) {width:12%;}
.sInquiry_result .sub_table_box1 thead th:nth-child(5) {width:12%;}
.sInquiry_result .sub_table_box1 tbody th {font-weight:600;}
.sInquiry_result .sub_table_box1 tbody td .state {display:block; width:80px; line-height:30px; max-width:100%; background:#eef0f6; font-size:0.77em; font-weight:600; margin:0 auto;}
.sInquiry_result .sub_table_box1 tbody td .state.complete {background:#0065e6; color:#fff;}
.sInquiry_result .sub_table_box1 tbody td .state.cancel {background:#456cdd; color:#fff;}
.sInquiry_result .sub_table_box1 tbody td .down_btn {display:block; width:122px; line-height:30px; max-width:100%; background:#191919; font-size:0.77em; color:#fff; font-weight:600; margin:0 auto;}
.sInquiry_result .sub_table_box1 tbody td .down_btn:after {content:'\f33d'; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:5px}
.sInquiry_result .sub_table_box1 tbody td .cancel_btn {display:block; width:80px; line-height:30px; max-width:100%; background:#456cdd; font-size:0.77em; color:#fff; font-weight:600; margin:0 auto;}
.sInquiry_result .sub_table_box1 tbody td .restore_btn {display:block; width:80px; line-height:30px; max-width:100%; background:#456cdd; font-size:0.77em; color:#fff; font-weight:600; margin:0 auto;}
.sInquiry_result .sub_table_box1 tbody td .date_change_btn {font-weight:600;}
.sInquiry_result .sub_table_box1 tbody td .date_change_btn:after {content:'\f044'; font-weight:400; font-family:'Font Awesome 6 Pro'; margin-left:5px; text-decoration:none; display:inline-block;}

/* 교육 신청일자 변경 레이어 팝업 */
html.date_layer_open {overflow:hidden;}
.date_layer {display:none; position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; background:rgba(0,0,0,0.6); padding:16px; overflow-y:auto;}
.date_layer.on {display:flex; justify-content:center; align-items:center;}
.date_layer_box {position:relative; width:100%; max-width:1200px; max-height:100%; background:#fff; padding:50px 40px 40px; overflow-y:auto;}
.date_layer_close {position:absolute; top:15px; right:15px; width:40px; height:40px; background:none; border:0; font-size:1.5em; color:#191919; cursor:pointer;}
.date_layer_tit {font-size:1.75em; color:#191919; font-weight:700; text-align:center;}
.date_layer_txt {font-size:1em; color:#666; text-align:center; margin:10px 0 30px; word-break:keep-all;}
.date_layer .sApplication_case1 > div table tbody td .ask_btn.current {background:#191919; color:#fff;}

@media screen and (max-width:1024px){
	.sInquiry_form {max-width:350px;}
	.sInquiry_form > div {margin-bottom:5%;}
	.sInquiry_form > div label {font-size:1em;}
	.sInquiry_form > div .form_txt {height:45px; font-size:1em; padding:0 15px;}
	.sInquiry_form .submit_btn {height:50px; font-size:1.125em; margin-top:7%;}
	
	.sInquiry_result .sub_table_box1 thead th:nth-child(1) {width:calc(50% - 145px);}
	.sInquiry_result .sub_table_box1 thead th:nth-child(2) {width:calc(50% - 145px);}
	.sInquiry_result .sub_table_box1 thead th:nth-child(3) {width:90px;}
	.sInquiry_result .sub_table_box1 thead th:nth-child(4) {width:110px;}
	.sInquiry_result .sub_table_box1 thead th:nth-child(5) {width:90px;}

	.date_layer_box {padding:45px 25px 25px;}
	.date_layer_tit {font-size:1.5em;}
	.date_layer_txt {margin:8px 0 20px;}
}

@media screen and (max-width:767px){
	.sInquiry_form > div .form_txt {height:40px; padding:0 10px;}
	.sInquiry_form .submit_btn {height:42px;}

	
	.sInquiry_result .sub_table_box1 thead th:nth-child(1) {width:calc(50% - 100px);}
	.sInquiry_result .sub_table_box1 thead th:nth-child(2) {width:calc(50% - 100px);}
	.sInquiry_result .sub_table_box1 thead th:nth-child(3) {width:70px;}
	.sInquiry_result .sub_table_box1 thead th:nth-child(4) {width:60px;}
	.sInquiry_result .sub_table_box1 thead th:nth-child(5) {width:70px;}
	.sInquiry_result .sub_table_box1 tbody td {padding-left:5px; padding-right:5px;}
	.sInquiry_result .sub_table_box1 tbody td .state {font-size:0.875em;}
	.sInquiry_result .sub_table_box1 tbody td .down_btn {width:30px; font-size:1em;}
	.sInquiry_result .sub_table_box1 tbody td .down_btn:after {margin-left:0;}
	.sInquiry_result .sub_table_box1 tbody td .down_btn span {display:none;}

	.date_layer_box {padding:45px 15px 20px;}
	.date_layer_close {top:8px; right:8px;}
	.date_layer_tit {font-size:1.25em;}
	.date_layer_txt {font-size:0.875em;}
}


.sSupport_case1 {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; counter-reset:counter;}
.sSupport_case1 > div {width:calc(33.33% - 14px); background:#f8f8fa; border-radius:20px; overflow:hidden; text-align:center;}
.sSupport_case1 > div:before {content:'Step 'counter(counter, decimal-leading-zero); counter-increment:counter; display:block; width:100%; line-height:60px; background:#456cdd; font-size:1.25em; color:#fff; font-weight:600;}
.sSupport_case1 > div > div {width:100%; padding:40px;}
.sSupport_case1 > div > div .icon {display:block; width:65px; height:65px; background-repeat:no-repeat; background-position:center center; background-size:contain; margin:0 auto;}
.sSupport_case1 > div > div .s_txt1 {display:flex; justify-content:center; align-items:center; width:100%; min-height:3.1em; margin-top:25px;}
.sSupport_case1 > div > div .s_txt1 a {font-weight:700; text-decoration:underline;}

.sSupport_case1 > div > div .icon1 {background-image:url(../images/sSupport_icon1.png)}
.sSupport_case1 > div > div .icon2 {background-image:url(../images/sSupport_icon2.png)}
.sSupport_case1 > div > div .icon3 {background-image:url(../images/sSupport_icon3.png)}

@media screen and (max-width:1024px){
	.sSupport_case1 > div {width:calc(33.33% - 6.66px); border-radius:10px;}
	.sSupport_case1 > div:before {line-height:48px; font-size:1.125em;}
	.sSupport_case1 > div > div {padding:20px;}
	.sSupport_case1 > div > div .icon {width:45px; height:45px;}
	.sSupport_case1 > div > div .s_txt1 {margin-top:15px;}
}

@media screen and (max-width:767px){
	.sSupport_case1 > div {width:100%; margin-bottom:10px;}
	.sSupport_case1 > div:last-child {margin-bottom:0;}
	.sSupport_case1 > div:before {line-height:40px;}
	.sSupport_case1 > div > div .icon {width:38px; height:38px;}
}


.sAbout_case1 {width:100%;}
.sAbout_case1 .box {display:flex; flex-wrap:wrap; width:100%;}
.sAbout_case1 .box > div {width:calc(50% - 15px); margin-right:30px;}
.sAbout_case1 .box > div:nth-child(even) {margin-right:0;}
.sAbout_case1 .box > div:nth-child(2) ~ div {margin-top:50px;}
.sAbout_case1 .box > div .img_box {width:100%; height:350px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-bottom:25px; border-radius:18px; position:relative; overflow:hidden;}
.sAbout_case1 .box > div .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(25, 25, 25, 0), rgba(25, 25, 25, 0.3));}
.sAbout_case1 .box > div .img_box p {width:100%; font-size:1.5em; color:#fff; font-weight:600; text-align:center; position:absolute; left:0; bottom:40px;}
.sAbout_case1 .box > div p {font-size:1.25em; color:#191919; font-weight:600; text-align:center;}
.sAbout_case1 .box > div dl {margin-top:30px;}
.sAbout_case1 .box > div dl dt {font-size:1.5em; color:#456cdd; font-weight:700;margin-bottom:10px;}
.sAbout_case1 .box > div dl dd {font-size:1.125em; color:#666; line-height:1.8em; margin-top:0px; position:relative; padding-left:25px;}
.sAbout_case1 .box > div dl dd:before {content:'\f058'; font-size:0.88em; color:#456cdd; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:0; top:0;}

.sAbout_case2 {width:100%; background:url(../images/sAbout_img1.png) no-repeat center center; background-size:cover; padding:160px 0; position:relative}
.sAbout_case2:before {content:''; display:block; width:100%; height:100%; background:#000; opacity:0.5; position:absolute; left:0; top:0;}
.sAbout_case2 .box {display:flex; justify-content:space-between; align-items:center; position:relative; z-index:5;}
.sAbout_case2 .box dl {width:calc(100% - 250px); overflow:hidden;}
.sAbout_case2 .box dl dt {float:left; width:110px; font-size:1.25em; color:rgba(255,255,255,0.5); line-height:1.55em; font-weight:600; margin-bottom:15px; clear:both;}
.sAbout_case2 .box dl dt:last-of-type {margin-bottom:0;}
.sAbout_case2 .box dl dd {float:left; width:calc(100% - 110px); font-size:1.25em; color:#fff; line-height:1.55em; font-weight:600;}
/*.sAbout_case2 .box .aiontech_btn1 {font-size:1.25em; line-height:1.5em; padding:24px 48px; border-radius:50px;}*/

.sAbout_case3 {width:100%; background-image:linear-gradient(to bottom, #264ec2 0%, #000e35); padding:200px 0; margin-top:-36px; position:relative;}
.sAbout_case3:before {content:''; display:block; width:100%; height:100%; background:url(../images/sAbout_img3.png) no-repeat center center; background-size:cover; position:absolute; left:0; top:0;}
.sAbout_case3 > div {display:flex; justify-content:space-between;  align-items:center; flex-direction:row-reverse; flex-wrap:wrap; position:relative; z-index:30;}
.sAbout_case3 .txt_box {width:calc(100% - 300px); padding-right:50px;}
.sAbout_case3 .txt_box .t1 {font-size:1.875em; color:#9cb5ff; font-weight:500; line-height:1.3em; margin-top:15px;}
.sAbout_case3 .tit_box {width:300px; text-align:center;}
.sAbout_case3 .tit_box .t1 {font-size:7.5em; color:rgba(156,181,255,0.3); line-height:1.1em;}
.sAbout_case3 .tit_box .t2 {font-size:1.5em; color:#9cb5ff; line-height:1.4em; font-weight:500; margin-top:16px;}
.sAbout_case3 .tit_box .t3 {font-size:1.125em; color:#fff; line-height:1.5em; font-weight:600; margin-top:8px;}

@media screen and (max-width:1220px){
	.sAbout_case1 .box > div .img_box {height:27vw;}
	.sAbout_case1 .box > div .img_box p {bottom:25px;}
}

@media screen and (max-width:1024px){
	.sAbout_case1 {}
	.sAbout_case1 .box > div {width:calc(50% - 5px); margin-right:10px;}
    .sAbout_case1 .box > div:nth-child(2) ~ div {margin-top:30px;}
    .sAbout_case1 .box > div .img_box {margin-bottom:10px;}
	.sAbout_case1 .box > div .img_box p {font-size:1.3em; bottom:15px;}
    .sAbout_case1 .box > div p {font-size:1.125em; font-weight:500;}
    .sAbout_case1 .box > div dl {margin-top:15px;}
    .sAbout_case1 .box > div dl dt {font-size:1.3em; margin-bottom:0;}
    .sAbout_case1 .box > div dl dd {font-size:1em; line-height:1.7em; margin-top:1vw; padding-left:20px;}
	
    .sAbout_case2 {padding:16% 0;}
	.sAbout_case2 .box dl {width:calc(100% - 180px);}
    .sAbout_case2 .box dl dt {width:80px; font-size:1.125em; margin-bottom:10px;}
    .sAbout_case2 .box dl dd {width:calc(100% - 80px); font-size:1.125em;}
	/*.sAbout_case2 .box .aiontech_btn1 {font-size:1.125em; padding:16px 25px;}*/
	
	.sAbout_case3 {margin-top:-25px; padding:20% 0;}
	.sAbout_case3 .txt_box {width:calc(100% - 240px); padding-right:30px;}
	.sAbout_case3 .txt_box .t1 {font-size:1.5em; margin-top:1.5%;}
	.sAbout_case3 .tit_box {width:240px;}
	.sAbout_case3 .tit_box .t1 {font-size:5em;}
	.sAbout_case3 .tit_box .t2 {font-size:1.3em; margin-top:1.5%;}
	.sAbout_case3 .tit_box .t3 {font-size:1em; margin-top:4px;}
}

@media screen and (max-width:767px){
    .sAbout_case1 .box {justify-content:center;}
    .sAbout_case1 .box > div {width:100%; margin-right:0;}
    .sAbout_case1 .box > div:nth-child(1) ~ div {margin-top:5vw;}
    .sAbout_case1 .box > div .img_box {height:50vw;}
	.sAbout_case1 .box > div .img_box p {font-size:1.2em;}
	
    .sAbout_case2 .box {flex-wrap:wrap; justify-content:center;}
    .sAbout_case2 .box dl {width:100%; margin-bottom:7%;}
    .sAbout_case2 .box dl dt {width:60px; font-size:1em; margin-bottom:5px;}
    .sAbout_case2 .box dl dd {width:calc(100% - 60px); font-size:1em;}
	.sAbout_case2 .box .aiontech_btn1 {background:#456cdd; /*font-size:1em; padding:12px 15px;*/}
	
	.sAbout_case3 {margin-top:-19px;}
	.sAbout_case3 .tit_box {width:100%;}
	.sAbout_case3 .txt_box {width:100%; margin-top:16%; padding-right:0;}
	.sAbout_case3 .txt_box .t1 {font-size:1.2em;}
}


.sOrganization_case1 {width:100%; position:relative; text-align:center;}
.sOrganization_case1 > p {display:flex; justify-content:center; align-items:center; width:280px; height:95px; border-radius:50px; font-size:1.5em; color:#fff; font-weight:600;}
.sOrganization_case1 .ceo {background:#0065e6; margin:0 auto 200px; position:relative; z-index:5;}
.sOrganization_case1 .ceo:after {content:''; display:block; width:1px; height:200px; background:#666; position:absolute; right:50%; top:100%;}
.sOrganization_case1 .t1 {background:#002687; position:absolute; right:50%; top:0; margin-right:190px;}
.sOrganization_case1 .t1:after {content:''; display:block; width:50px; height:1px; background:#666; position:absolute; left:100%; top:50%;}
.sOrganization_case1 ul {display:flex; justify-content:space-between; width:100%; position:relative;}
.sOrganization_case1 ul:before {content:''; display:block; width:calc(66.66% + 16px); height:1px; background:#666; position:absolute; left:50%; top:0; transform:translateX(-50%)}
.sOrganization_case1 ul li {width:calc(33.33% - 14px); position:relative; margin-top:100px;}
.sOrganization_case1 ul li:before {content:''; display:block; width:16px; height:16px; background:#191919; border:3px solid #fff; border-radius:50%; position:absolute; left:50%; top:0; transform:translate(-50%, -50%); z-index:5;}
.sOrganization_case1 ul li:after {content:''; display:block; width:1px; height:100px; background:#666; position:absolute; left:50%; bottom:100%;}
.sOrganization_case1 ul li dl dt {display:flex; justify-content:center; align-items:center; width:100%; height:70px; background:#191919; font-size:1.25em; color:#fff; font-weight:600;}
.sOrganization_case1 ul li dl dd {display:flex; justify-content:center; align-items:center; width:100%; height:70px; background:#eef0f6; font-size:1.25em; color:#fff; color:#666; margin-top:10px;}

@media screen and (max-width:1024px){
	.sOrganization_case1 > p {width:190px; height:70px; font-size:1.3em;}
	.sOrganization_case1 .ceo {margin-bottom:100px;}
	.sOrganization_case1 .ceo:after {height:100px; right:auto; left:50%;}
	.sOrganization_case1 .t1 {margin-right:125px;}
	.sOrganization_case1 .t1:after {width:30px;}
	.sOrganization_case1 ul:before {width:calc(66.66% + 7px)}
	.sOrganization_case1 ul li {width:calc(33.33% - 6.66px); margin-top:50px;}
	.sOrganization_case1 ul li:before {width:14px; height:14px; border-width:2px;}
	.sOrganization_case1 ul li:after {height:50px;}
	.sOrganization_case1 ul li dl dt {height:50px; font-size:1.125em;}
	.sOrganization_case1 ul li dl dd {height:50px; font-size:1.125em; margin-top:5px;}
}

@media screen and (max-width:767px){
	.sOrganization_case1 > p {width:110px; height:45px; font-size:1.125em;}
	.sOrganization_case1 .ceo {margin-bottom:50px;}
	.sOrganization_case1 .ceo:after {height:50px;}
	.sOrganization_case1 .t1 {margin-right:65px;}
	.sOrganization_case1 .t1:after {width:10px;}
	.sOrganization_case1 ul:before {width:calc(66.66% + 2px)}
	.sOrganization_case1 ul li {width:calc(33.33% - 3.33px); margin-top:25px;}
	.sOrganization_case1 ul li:before {width:10px; height:10px;}
	.sOrganization_case1 ul li:after {height:25px;}
	.sOrganization_case1 ul li dl dt {height:40px; font-size:1em;}
	.sOrganization_case1 ul li dl dd {height:40px; font-size:1em; margin-top:3px;}
}


.sHistory_case1 {border-top:2px solid #191919;}
.sHistory_case1 > div {display:flex; flex-wrap:wrap; width:100%; border-bottom:1px solid #ccc; padding:30px 0;}
.sHistory_case1 > div .year {width:220px; font-size:3.125em; font-weight:600;}
.sHistory_case1 > div ul {width:calc(100% - 220px)}
.sHistory_case1 > div ul li {display:flex; margin-bottom:10px;}
.sHistory_case1 > div ul li:last-child {margin-bottom:0;}
.sHistory_case1 > div ul li .month {width:43px; font-size:1.125em; font-weight:600; line-height:1.55em;}
.sHistory_case1 > div ul li .s_txt1 {width:calc(100% - 43px)}

@media screen and (max-width:1024px){
	.sHistory_case1 > div {padding:4% 0;}
	.sHistory_case1 > div .year {width:150px; font-size:2.5em;}
	.sHistory_case1 > div ul {width:calc(100% - 150px)}
	.sHistory_case1 > div ul li {margin-bottom:5px;}
	.sHistory_case1 > div ul li .month {width:30px; font-size:1em;}
	.sHistory_case1 > div ul li .s_txt1 {width:calc(100% - 30px)}
}

@media screen and (max-width:767px){
	.sHistory_case1 > div .year {width:100%; font-size:2em; margin-bottom:2%;}
	.sHistory_case1 > div ul {width:calc(100% - 150px)}
	.sHistory_case1 > div ul li .month {width:25px;}
	.sHistory_case1 > div ul li .s_txt1 {width:calc(100% - 25px)}
}


.sLocation_case1 .map_box {width:100%; height:500px; background:#f8f8fa; border-radius:20px; overflow:hidden;}
.sLocation_case1 .map_box .root_daum_roughmap .wrap_map {height:100% !important}
.sLocation_case1 .info_box {width:100%; border-top:2px solid #191919;}
.sLocation_case1 .info_box > div {border-bottom:1px solid #ccc; padding:30px 0;}
.sLocation_case1 .info_box dl {display:flex; flex-wrap:wrap; margin-bottom:10px;}
.sLocation_case1 .info_box dl:last-child {margin-bottom:0;}
.sLocation_case1 .info_box dl dt {width:130px; font-size:1.125em; font-weight:600; line-height:1.55em;}
.sLocation_case1 .info_box dl dd {width:calc(100% - 130px); font-size:1.125em; color:#666; line-height:1.55em;}
.sLocation_case1 .info_box dl dd span {display:inline-block; width:48px; line-height:30px; font-size:0.77em; color:#fff; font-weight:600; text-align:center; margin:2.5px 10px 2.5px 0;}
.sLocation_case1 .info_box dl dd span.bg1 {background:#052f93}
.sLocation_case1 .info_box dl dd span.bg2 {background:#657931}
.sLocation_case1 .info_box.case2 dl dt {width:200px;}
.sLocation_case1 .info_box.case2 dl dd {width:calc(100% - 200px)}

@media screen and (max-width:1024px){
	.sLocation_case1 .map_box {height:350px; border-radius:10px;}
	.sLocation_case1 .info_box > div {padding:4% 0;}
	.sLocation_case1 .info_box dl {margin-bottom:7px;}
	.sLocation_case1 .info_box dl dt {width:90px; font-size:1em;}
	.sLocation_case1 .info_box dl dd {width:calc(100% - 90px); font-size:1em;}
	.sLocation_case1 .info_box dl dd span {width:40px; line-height:27px; margin:2px 5px 2px 0;}
	.sLocation_case1 .info_box.case2 dl dt {width:120px;}
	.sLocation_case1 .info_box.case2 dl dd {width:calc(100% - 120px)}
}

@media screen and (max-width:767px){
	.sLocation_case1 .map_box {height:220px;}
	.sLocation_case1 .info_box dl {margin-bottom:5px;}
	.sLocation_case1 .info_box dl dt {width:60px;}
	.sLocation_case1 .info_box dl dd {width:calc(100% - 60px);}
	.sLocation_case1 .info_box dl dd span {width:35px; font-size:0.875em;}
	.sLocation_case1 .info_box.case2 dl dt {width:100%;}
	.sLocation_case1 .info_box.case2 dl dd {width:100%; margin-top:5px;}
}