.subtop {height: 600px;position: relative;background: center/cover no-repeat;display: flex;align-items: end;justify-content: center;padding-bottom: 120px;}   
.sub01 .subtop {background-image: url("/resources/img/sub/sub_visual01.jpg");}
.sub02 .subtop {background-image: url("/resources/img/sub/sub_visual02.jpg");}
.sub03 .subtop {background-image: url("/resources/img/sub/sub_visual03.jpg");}
.sub04 .subtop {background-image: url("/resources/img/sub/sub_visual04.jpg");}
.sub05 .subtop {background-image: url("/resources/img/sub/sub_visual05.jpg");}
.sub06 .subtop {background-image: url("/resources/img/sub/sub_visual06.jpg");}
.subtop h2 {font-size: 70px;font-weight: 700;color: #fff;line-height: 1.3;margin-bottom: 60px;}

.nav-wrap {display: flex;height: 60px;width: auto;align-items: center;border-radius: 10px;}
.nav-home {width: 60px;height: 100%;text-align: center;align-content: center;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.nav-menu {position: relative;display: flex;height: 100%;align-items: center;min-width: 220px;padding: 0 20px;}
.nav-menu.round {border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.nav-menu-df {display: flex;align-items: center;gap: 10px;}
.nav-name {font-size: 18px;font-weight: 600;color: #fff;cursor: pointer;}
.nav-line {position: relative;}
.nav-line:after {position: absolute;right: 0;top: 50%;content: "";width: 1px;height: 12px;background-color: #fff;opacity: 0.5;transform: translateY(-50%);}
.nav-home,.nav-menu {background-color: rgb(255 255 255 / 20%);}
.nav-arrow {transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.nav-menu.on .nav-arrow {transform: rotate(180deg);}

.submenu {display: none;position: absolute;left: 0;top: 100%;width: 100%;z-index: 3;border-radius: 10px;overflow: hidden;}
.submenu li a {width: 100%;min-height: 60px;display: flex;align-items: center;background-color: #fff;border-bottom: 1px solid #ddd;padding: 10px 20px;font-size: 16px;color: #000;font-weight: 700;}
.submenu li:last-child a {border-bottom: none;}
.submenu li a.on,
.submenu li a:hover {background-color: #0055A5;color: #fff;}

.pad {padding-bottom: 200px;}   
.section {padding-top: 150px;}
.section.last {padding-bottom: 150px;}
.common-title {font-size: 50px;font-weight: 700;color: #000;line-height: 1.4;margin-bottom: 60px;}
.sub-tit {position: relative;font-size: 36px;font-weight: 700;color: #000;padding-left: 20px;margin-bottom: 50px;}
.sub-tit.mb30 {margin-bottom: 30px;}
.sub-tit:before {position: absolute;left: 0;top: 15px;content: "";width: 10px;height: 10px;border-radius: 50%;background-color: #0055A5;}
.sub-txt {font-size: 18px;color: #444;line-height: 1.6;margin-bottom: 50px;}
.gray-box {background-color: #F2F8FB;padding: 60px;border-radius: 20px;display: flex;align-items: center; justify-content: space-between;gap: 30px;}
.gray-tit {font-size: 30px;font-weight: 700;color: #000;margin-bottom: 30px;}
.gray-txt {font-size: 18px;color: #444;line-height: 1.6;}
.btns {display: inline-flex;display: flex;align-items: center; justify-content: center;gap: 10px;}
.btns a {flex-shrink: 0;display: inline-block;padding: 20px 40px;border-radius: 10px;text-align: center;font-size: 18px;font-weight: 700;color: #fff;background-color: #111;}
.btns a.blue {background-color: #0055A5;}

.img-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;}
.img-list.four {grid-template-columns: repeat(4, 1fr);}
.dash-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;} 
.dash-list li {display: flex;gap: 14px;align-items: center;font-size: 20px;font-weight: 500;color: #000;line-height: 1.5;padding: 40px;border: 1px solid #ccc;border-style: dashed;border-radius: 20px;}
.dash-list li span {flex-shrink: 0;display: inline-block;width: 26px;height: 26px;background-color: #0055A5;border-radius: 50%;font-size: 14px;font-weight: 700;color: #fff;align-content: center;text-align: center;}

.effect-list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;}
.effect-list.three {grid-template-columns: repeat(3, 1fr);}
.effect-item {border: 1px solid #E8E8E8;border-radius: 20px;display: flex;flex-direction: column; justify-content: flex-start;align-items: center;padding: 70px 0;}
.effect-tit {font-size: 20px;font-weight: 500;color: #000;margin-top: 30px;text-align: center;}

.DeepEyes-item {padding: 60px 40px;background: center/cover no-repeat;height: 520px;align-content: end;border-radius: 20px;}
.DeepEyes-item.item1 {background-image: url("/resources/img/sub/DeepEyes_img1.png");}
.DeepEyes-item.item2 {background-image: url("/resources/img/sub/DeepEyes_img2.png");}
.DeepEyes-item.item3 {background-image: url("/resources/img/sub/DeepEyes_img3.png");}

.solution-item {border-radius: 20px;overflow: hidden;}
.solution-item .cont {padding: 50px;background-color: #0055A5;height: 190px;}
.solution-item .cont .tit {font-size: 24px;font-weight: 700;color: #fff;margin-bottom: 20px;}
.solution-item .cont .txt {font-size: 18px;font-weight: 500;color: #fff;}

.flux-img {display: grid;grid-template-columns: repeat(2, 1fr);gap: 32px;}
.flux-item {padding: 65px 60px;background: center/cover no-repeat;font-size: 24px;font-weight: 500;color: #fff;line-height: 1.5;}
.flux-item.item1 {background-image: url("/resources/img/sub/Flux_img1.png");}
.flux-item.item2 {background-image: url("/resources/img/sub/Flux_img2.png");}
.img-list-tit {font-size: 20px;font-weight: 700;color: #000;margin-top: 40px;margin-bottom: 20px;}
.img-list-txt {position: relative;font-size: 18px;color: #666;padding-left: 10px;margin-bottom: 10px;}
.img-list-txt:before {position: absolute;left: 0;top: 10px;content: "";width: 5px;height: 1px;background-color: #666;}

.process-list {display: grid;grid-template-columns: repeat(5, 1fr);gap: 32px;}
.process-item {display: flex;flex-direction: column;align-items: center;}
.process-step {display: inline-block;font-size: 13px;font-weight: 700;color: #fff;padding: 7px 12px;background-color: #0055A5;border-radius: 20px;margin-top: 20px;}
.process-tit {font-size: 20px;font-weight: 500;color: #000;margin-top: 20px;text-align: center;}
.process-txt {margin-top: 10px;font-size: 16px;color: #666;text-align: center;}

.faq-wrap {background-color: #F2F8FB;padding: 150px 0;}   
.faq-list li {margin-bottom: 30px;}
.qwrap {background-color: #fff;padding: 30px;border-radius: 20px;display: flex;gap: 20px;align-items: center;}
.mark {display: inline-block;width: 40px;height: 40px;background-color: #0055A5;border-radius: 50%;font-size: 24px;font-weight: 700;color: #fff;text-align: center;align-content: center;flex-shrink: 0;}
.mark.a {background-color: #00A0F0;}
.faq-tit {font-size: 20px;font-weight: 700;color: #000;flex: 1;}
.awrap {margin-top: 10px;background-color: #003F79;padding: 30px;border-radius: 20px;display: none;}
.faq-cont {font-size: 18px;font-weight: 500;color: #fff;}
.faq-list li.on .awrap {display: flex;gap: 20px;align-items: center;}
.faq-list li.on .faq-arrow {transform: rotate(180deg);}

.bottom-box {height: 550px;background: center/cover no-repeat;display: flex;align-items: center;}
.bottom-box.solution {background-image: url("/resources/img/sub/solution_bg.jpg");}
.bottom-box.customer {background-image: url("/resources/img/sub/customer_bg.jpg");}
.bottom-box.company {background-image: url("/resources/img/sub/company_bg.jpg");}
.bottom-box-tit {font-size: 50px;font-weight: 700;color: #fff;line-height: 1.4;margin-bottom: 50px;}
.bottom-box-tit.mb20 {margin-bottom: 20px;}
.bottom-box-txt {font-size: 20px;color: #fff;margin-bottom: 50px;}

.cate-wrap {display: inline-flex;gap: 10px;flex-wrap: wrap;margin-bottom: 100px;}   
.cate-btn {padding: 20px 30px;font-size: 18px;font-weight: 700;color: #8999A7;background-color: #DDE7F2;border-radius: 10px;}
.cate-btn:hover,.cate-btn.on {background-color: #0055A5;color: #fff;}
.count {font-size: 30px;font-weight: 700;color: #000;margin-bottom: 40px;}
.count span {color: #0055A5;margin-left: 10px;}

.grid-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;}
.grid-list.rowgap {row-gap: 100px;column-gap: 32px;}
.customer-item {background-color: #fff;padding: 40px;border-radius: 20px;}
.customer-item .cate {display: inline-block;font-size: 16px;font-weight: 700;color: #fff;padding: 10px 20px;background-color: #111;border-radius: 10px;}
.customer-item .tit {font-size: 20px;font-weight: 700;color: #000;border-top: 1px solid #D9D9D9;margin-top: 30px;padding-top: 30px;}
.customer-item .txt {font-size: 18px;color: #666;margin-top: 20px;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;text-overflow: ellipsis;}


.customer2-item .tit {font-size: 20px;font-weight: 700;color: #fff;text-align: center;padding: 20px 0;background-color: #0055A5;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.customer2-item .cont {border: 1px solid #ddd;background-color: #FAFCFD;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;padding: 30px;height: 200px;text-align: center;font-size: 20px;font-weight: 500;color: #000;line-height: 1.5;align-content: center;}
.customer2-box {background: center/cover no-repeat url("/resources/img/sub/customer2_img4.png");font-size: 30px;font-weight: 700;color: #fff;display: flex;height: 300px;align-items: center;justify-content: center;text-align: center;}
.mb70 {margin-bottom: 70px;}

.board-count {font-size: 18px;font-weight: 700;color: #000;margin-bottom: 20px;}   
.board-count span {color: #14A0DE;margin-left: 5px;}

.column-list {border-top: 1px solid #000;}
.column-list li {border-bottom: 1px solid #ddd;padding: 40px 0;}
.column-item {display: flex;gap: 32px;align-items: center;}
.column-left {width: 24%;}
.column-right {flex: 1;padding: 0 40px;}
.column-item .tit {font-size: 20px;font-weight: 700;color: #000;margin-top: 20px;}
.column-item .txt {font-size: 18px;color: #666;margin-top: 20px;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;text-overflow: ellipsis;}
.column-item .date {font-size: 16px;color: #999;margin-top: 20px;}

.blog-item .tit {font-size: 30px;font-weight: 700;color: #000;margin-top: 30px;}   
.blog-item .txt {font-size: 18px;color: #666;line-height: 1.3;margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;  overflow: hidden;text-overflow: ellipsis;}
.blog-item .links {display: inline-flex;flex-wrap: wrap;gap: 10px;margin-top: 40px;}
.blog-item .links a {border-radius: 10px;padding: 14px 24px;font-size: 15px;font-weight: 700;border: 1px solid #111;color: #111;}
.blog-item .links a.pdf {color: #0055A5;border: 1px solid #0055A5;}

.data-item {border-radius: 20px;border: 1px solid #C7DEE9;padding: 25px 40px;display: flex; align-items: center;gap: 20px;}
.data-item .tit {font-size: 20px;font-weight: 500;color: #000;}
.data-item .down {margin-left: auto;}

.table-head {background-color: #F2F8FB;border-radius: 10px;display: flex;align-items: center;padding: 25px 0;}   
.table-head > div {text-align: center;font-size: 20px;font-weight: 700;color: #000;}
.table-head .th1,.table-body .tr .td1 {width: 7%;}
.table-head .th2,.table-body .tr .td2 {width: 80.5%;}
.table-head .th3,.table-body .tr .td3 {width: 12.5%;}
.table-body .tr {display: flex;align-items: center;border-bottom: 1px solid #ddd;padding: 40px 0;}
.table-body .tr > div {text-align: center;font-size: 18px;color: #000;}
.table-body .tr .td2 a {font-size: 20px;font-weight: 600;color: #000;text-align: left;padding-left: 20px;}

.gradient-list {display: grid;grid-template-columns: repeat(2, 1fr);position: relative;}
.gradient-list.three {grid-template-columns: repeat(3, 1fr);}
.gradient-list.vs:after {position: absolute;left: 50%;top: 50%;content: "vs";font-size: 30px;font-weight: 700;color: #fff;transform: translate(-50%, -50%);z-index: 4;}
.gradient-item {border-radius: 150px;height: 220px;margin: 0 -32px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 24px;position: relative;}
.gradient-item.item1 {background-color: rgb(0 102 197 / 90%);z-index: 3;}
.gradient-item.item2 {background-color: rgb(20 160 222 / 90%);z-index: 2;}
.gradient-item.item3 {background-color: rgb(32 58 114 / 90%);z-index: 1;}
.gradient-tit {text-align: center;font-size: 30px;font-weight: 700;color: #fff;}


.position-list {display: grid;grid-template-columns: repeat(5, 1fr);gap: 32px;}
.position-item {padding: 28px 40px;border: 1px solid #ddd;border-radius: 20px;}
.position-tit {position: relative;font-size: 20px;font-weight: 700;color: #000;padding-left: 20px;}
.position-tit:before {position: absolute;left: 0;top: 50%;content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #000;transform: translateY(-50%);}

.employment-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 32px;}
.employment-item {padding: 50px;border: 1px solid #ddd;border-radius: 20px;display: flex;flex-direction: column; align-items: center; gap: 20px;}
.employment-tit {text-align: center;font-size: 20px;font-weight: 500;color: #000;}
.employment-item span {display: inline-block;text-align: center;font-size: 13px;font-weight: 700;color: #fff;padding: 7px 12px;background-color: #0055A5;border-radius: 30px;}

.form-wrap {display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;}
.form-item span {font-size: 20px;font-weight: 700;color: #000;margin-bottom: 10px;display: block;}
.form-item input,
.form-item select {width: 100%;height: 60px;border: 1px solid #ddd;border-radius: 10px;padding: 0 20px;}
.form-item select {-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/ appearance:none; background:url('/resources/img/sub/select_arrow.svg') no-repeat 94% 50%/14px auto;padding-right: 40px;}
.form-item textarea {width: 100%;height: 200px;border: 1px solid #ddd;border-radius: 10px;padding: 20px;resize: none;}
.form-item.full {grid-column: 1 / -1;}
.agree {margin-top: 30px;margin-bottom: 60px;}
.agree input[type="checkbox"] {display: none;}
.agree label {font-size: 18px;font-weight: 600;color: #000;padding-left: 40px;background-image: url('/resources/img/sub/check_off.svg');background-size: 30px 30px;background-repeat: no-repeat;background-position: left center;cursor: pointer;min-height: 30px;display: inline-flex;align-items: center;}
.agree input[type="checkbox"]:checked + label {background-image: url('/resources/img/sub/check_on.svg');}
.submit-btn {display: inline-block;border-radius: 10px;background-color: #0055A5;padding: 20px 60px;text-align: center;font-size: 18px;font-weight: 700;color: #fff;cursor: pointer;outline: none;border: none;}

.page_wrap {text-align:center;margin-top: 80px;}
.page_wrap.no-mar {margin-top: 0;}
.page_nation {display:flex;justify-content: center; align-items: center;}
.page_nation .none {display:none;}
.page_nation a {display: inline-flex;align-items: center;justify-content: center;width: 50px; height: 50px;text-align:center; background:none; font-size:14px; color:#000;font-weight: 700;border-radius: 50%;}
.page_nation .pprev {background:url("/resources/img/sub/page_pprev.png") no-repeat center center;}
.page_nation .prev {background:url("/resources/img/sub/page_prev.png") no-repeat center center;}
.page_nation .next {background:url("/resources/img/sub/page_next.png") no-repeat center center;}
.page_nation .nnext {background:url("/resources/img/sub/page_nnext.png") no-repeat center center;}
.page_nation a.active {background-color: #0055A5;color: #fff;}


/**게시판 상세**/
.view-tit-wrap {border-top: 2px solid #000;border-bottom: 1px solid #ddd;padding: 40px 10px;display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.view-tit {font-size: 20px;font-weight: 700;color: #000;display: flex;align-items: center;}
.view-date {font-size: 16px;color: #666;align-self: center;}
.view-con-wrap {padding: 40px 10px 100px 10px;border-bottom: 1px solid #ddd;margin-bottom: 50px;}
.view-con,
.view-con p,
.view-con td,
.view-con span {word-break:keep-all;font-size: inherit;line-height: inherit;}
.list-btn {display: inline-flex; align-items: center;justify-content: center;padding: 15px 60px; background-color: #0055A5;font-size: 16px;font-weight: 700;color: #fff;border-radius: 30px;}
.view-con .file {margin-bottom: 20px;}
.view-con .file .link {display: inline-flex;gap: 10px;align-items: center;}
.view-con .file .link span {text-decoration: underline;font-size: 15px;color: #333;}
.view-con img  {width: auto !important;max-width:100% !important;height: auto !important;margin: 0 auto !important;display: block !important;}
.view-con table {text-align: center !important;width: 100% !important;}
.view-con a {display: initial;}
.view-con iframe {margin: 0 auto !important;display: block !important;} 
/**게시판 상세**/

@media (max-width: 1600px) {
	.subtop h2 {font-size: 60px;}
	.bottom-box-tit {font-size: 40px;}
}
@media (max-width: 1560px) {

}
@media (max-width: 1499px) {
	.dash-list li {font-size: 18px;}
	.gray-tit {font-size: 25px;}
	.customer2-box {font-size: 25px;}
	.blog-item .tit {font-size: 25px;}
	.cate-btn {font-size: 16px;}
	.gradient-tit {font-size: 25px;}
}

@media (max-width: 1429px) {
	.bottom-box-tit {font-size: 35px;}
	.common-title {font-size: 40px;}
	.position-item {padding: 25px 20px;}
	.position-tit {font-size: 18px;}
	.DeepEyes-item {height: 420px;padding: 40px 20px;}
	.solution-item .cont .tit {font-size: 20px;}
	.solution-item .cont .txt {font-size: 16px;}
	.customer2-item .cont {font-size: 18px;}
	.customer2-item .tit {font-size: 18px;}
}
@media (max-width: 1399px) {
	.subtop h2 {font-size: 50px;}
	.subtop {height: 500px;}
	.effect-tit {font-size: 18px;}
	.blog-item .tit {font-size: 20px;}
	.gradient-tit {font-size: 20px;}
	.gradient-item {height: 200px;}
}
@media (max-width: 1259px) {
	.gradient-item {margin: 0 -16px;}
	.gradient-list.vs:after {font-size: 25px;}
	.sub-tit {font-size: 30px;}
	.count {font-size: 25px;}
}

@media (max-width: 1219px) {
	.subtop h2 {font-size: 40px;}
	.dash-list li {padding: 30px;}
	.img-list-tit {font-size: 18px;}
	.img-list-txt {font-size: 16px;}
	.process-tit {font-size: 18px;}
	.bottom-box-tit {font-size: 30px;}
	.gray-tit {font-size: 20px;}
	.btns a {font-size: 16px;padding: 20px 30px;}
	.common-title {font-size: 35px;}
	.customer-item .tit {font-size: 18px;}
	.customer-item .txt {font-size: 16px;}
	.customer2-box {font-size: 22px;}
	.column-item .tit {font-size: 18px;}
	.column-item .txt {font-size: 16px;}
	.blog-item .tit {font-size: 18px;}
	.blog-item .txt {font-size: 16px;}
	.data-item .tit {font-size: 18px;}
	.data-item {padding: 20px 30px;}
	.position-list {grid-template-columns: repeat(3, 1fr);}
	.table-body .tr .td2 a {font-size: 18px;}
	.table-head > div {font-size: 18px;}
	.table-body .tr > div {font-size: 16px;}
	.DeepEyes-item {height: 360px;padding: 30px 15px;}
	.solution-item .cont .tit {font-size: 18px;}
	.solution-item .cont {padding: 25px;height: 150px;}
	.customer2-item .cont {font-size: 16px;height: 160px;}
	.customer2-item .tit {font-size: 16px;}
}

@media (max-width: 991px) {
	.subtop h2 {font-size: 30px;margin-bottom: 30px;}
	.subtop {height: 400px;padding-bottom: 60px;}
	.nav-name {font-size: 16px;}
	.section {padding-top: 70px;}
	.common-title {font-size: 30px;margin-bottom: 30px;}
	.gray-box {padding: 30px;}
	.gray-tit {font-size: 18px;margin-bottom: 15px;}
	.gray-txt {font-size: 16px;}
	.btns a {font-size: 14px;padding: 15px 20px;}
	.sub-tit {font-size: 25px;margin-bottom: 25px;}
	.sub-tit:before {top: 9px;}
	.img-list {gap: 16px;}
	.dash-list {gap: 16px;grid-template-columns: repeat(2, 1fr);}
	.dash-list li span {font-size: 12px;}
	.dash-list li {font-size: 16px;padding: 20px;}
	.effect-list {gap: 16px;grid-template-columns: repeat(2, 1fr);}
	.effect-tit {font-size: 16px;margin-top: 15px;}
	.effect-item img {width: 80px;}
	.effect-item {padding: 30px 0;}
	.pad {padding-bottom: 100px;}
	.flux-img {gap: 16px;}
	.img-list-tit {margin-top: 20px;margin-bottom: 10px;}
	.section.last {padding-bottom: 70px;}
	.process-list {gap: 16px;}
	.process-step {margin-top: 10px;}
	.process-tit {margin-top: 10px;}
	.faq-wrap {padding: 70px 0;}
	.faq-tit {font-size: 18px;}
	.faq-cont {font-size: 16px;}
	.mark {width: 30px;height: 30px;font-size: 20px;}
	.faq-list li {margin-bottom: 15px;}
	.bottom-box-tit {font-size: 25px;margin-bottom: 25px;}
	.bottom-box-txt {font-size: 18px;margin-bottom: 25px;}
	.bottom-box {height: 350px;}
	.process-item img {width: 100px;}
	.sub-txt {margin-bottom: 25px;}
	.cate-btn {font-size: 14px;padding: 15px 20px;}
	.cate-wrap {margin-bottom: 50px;}
	.count {font-size: 18px;margin-bottom: 20px;}
	.customer-item {padding: 20px;}
	.customer-item .cate {font-size: 13px;}
	.customer-item .tit {margin-top: 15px;padding-top: 15px;}
	.grid-list {gap: 16px;}
	.img-list.four {grid-template-columns: repeat(3, 1fr);}
	.effect-list.three {grid-template-columns: repeat(2, 1fr);}
	.customer2-box {font-size: 18px;height: 250px;}
	.column-list li {padding: 30px 0;}
	.column-item .date {font-size: 13px;margin-top: 10px;}
	.column-item .tit {margin-top: 0;}
	.column-item .txt {margin-top: 10px;}
	.column-right {padding:  0 20px;}
	.column-item {gap: 16px;}
	.column-left {width: 40%;}
	.blog-item .tit {margin-top: 15px;}
	.blog-item .txt {margin-top: 10px;}
	.blog-item .links {margin-top: 20px;}
	.blog-item .links a {font-size: 13px;padding: 14px 20px;}
	.grid-list {grid-template-columns: repeat(2, 1fr);}
	.data-item .down img {width: 40px;}
	.gradient-tit {font-size: 18px;}
	.gradient-item {height: 150px;gap: 10px;}
	.gradient-item img {width: 40px;}
	.position-list {gap: 16px;}
	.position-tit {font-size: 16px;}
	.employment-tit {font-size: 18px;}
	.employment-list {gap: 16px;}
	.employment-item {padding: 30px;gap: 10px;}
	.employment-item img {width: 100px;}
	.form-item span {font-size: 16px;}
	.form-wrap {gap: 16px;}
	.form-item textarea {height: 150px;}
	.agree label {font-size: 16px;}
	.agree {margin-top: 15px;margin-bottom: 30px;}
	.submit-btn {font-size: 16px;padding: 15px 40px;}
	.sub-tit.mb30 {margin-bottom: 15px;}
	.mb70 {margin-bottom: 35px;}
	.table-body .tr .td2 a {font-size: 16px;}
	.table-head > div {font-size: 16px;}
	.table-body .tr > div {font-size: 14px;}
	.table-body .tr {padding: 20px 0;}
	.DeepEyes-item {height: 320px;padding: 25px 10px;}
	.solution-item .cont .tit {font-size: 16px;margin-bottom: 10px;}
	.solution-item .cont .txt {font-size: 14px;}
	.solution-item .cont {height: 135px;}
	.table-head {padding: 20px 0;}
	.page_wrap {margin-top: 40px;}
	.page_nation a {width: 30px;height: 30px;font-size: 12px;}
	.view-tit {font-size: 18px;}
	.view-date {font-size: 14px;}
	.list-btn {font-size: 14px;padding: 15px 40px;}
	.view-con-wrap {padding: 20px 10px 50px 10px;margin-bottom: 30px;}
	.view-tit-wrap {padding: 20px 10px;}
	.customer2-item .cont {font-size: 14px;padding: 14px;height: 130px;}
	.customer2-item .tit {padding: 15px 0;}
}	

@media (max-width: 767px) {
	.subtop h2 {font-size: 25px;}
	.subtop {height: 300px;}
	.nav-wrap {height: 45px;}
	.nav-name {font-size: 14px;}
	.nav-menu {padding: 0 10px;min-width: auto;width: 100%;}
	.submenu li a {font-size: 14px;}
	.nav-home img {width: 14px;}
	.common-title {font-size: 25px;margin-bottom: 15px;}
	.gray-box {flex-direction: column;align-items: flex-start;gap: 20px;}
	.section {padding-top: 50px;}
	.gray-tit {font-size: 16px;}
	.gray-txt {font-size: 14px;}
	.sub-tit {font-size: 20px;padding-left: 10px;}
	.sub-tit:before {width: 5px;height: 5px;top: 7px;}
	.effect-item img {width: 60px;}
	.img-list,
	.dash-list,
	.flux-img {grid-template-columns: repeat(1, 1fr);}
	.dash-list li {font-size: 14px;}
	.effect-tit {font-size: 14px;}
	.img-list-txt {font-size: 14px;}
	.img-list-txt:before {top: 7px;}
	.img-list-tit {font-size: 16px;}
	.process-list {grid-template-columns: repeat(2, 1fr);}
	.process-step {font-size: 11px;}
	.process-tit {font-size: 16px;}
	.process-txt {font-size: 14px;}
	.faq-tit {font-size: 16px;}
	.faq-cont {font-size: 14px;}
	.qwrap,.faq-list li.on .awrap {padding: 20px;gap: 10px;}
	.bottom-box-tit {font-size: 20px;}
	.bottom-box-txt {font-size: 16px;}
	.bottom-box {height: 300px;}
	.sub-txt {font-size: 16px;}
	.img-list.four {grid-template-columns: repeat(2, 1fr);}
	.count {font-size: 16px;}
	.grid-list {grid-template-columns: repeat(1, 1fr);}
	.customer-item .tit {font-size: 16px;}
	.customer-item .txt {font-size: 14px;}
	.customer2-box {font-size: 16px;height: 200px;padding: 0 20px;}
	.effect-item {padding: 20px;}
	.board-count {font-size: 16px;margin-bottom: 10px;}
	.column-item {flex-direction: column;}
	.column-left {width: 100%;}
	.column-item .tit {font-size: 16px;}
	.column-item .txt {font-size: 14px;}
	.blog-item .tit {font-size: 16px;}
	.blog-item .txt {font-size: 14px;}
	.data-item .tit {font-size: 16px;}
	.gradient-list,.gradient-list.three {grid-template-columns: repeat(1, 1fr);}
	.gradient-item {margin: -16px 0;}
	.gradient-tit {font-size: 16px;}
	.gradient-list.vs:after {font-size: 18px;}
	.gradient-item img {width: 30px;}
	.position-list {grid-template-columns: repeat(2, 1fr);}
	.position-item {padding: 20px;}
	.employment-list {grid-template-columns: repeat(1, 1fr);}
	.employment-tit {font-size: 16px;}
	.form-wrap {grid-template-columns: repeat(1, 1fr);}
	.form-item input, .form-item select {height: 45px;}
	.form-item textarea {height: 100px;}
	.agree label {font-size: 14px;}
	.submit-btn {font-size: 14px;}
	.table-head {display: none;}
	.table-body {border-top: 2px solid #000;}
	.table-body .tr {flex-direction: column;align-items: flex-start;gap: 10px;}
	.table-body .tr .td2 a {padding-left: 0;}
	.table-head .th1,.table-body .tr .td1,
	.table-head .th2,.table-body .tr .td2,
	.table-head .th3,.table-body .tr .td3 {width: 100%;}
	.table-body .tr > div {text-align: left;}
	.DeepEyes-item {padding: 30px 40px;}
	.solution-item .cont {height: auto;}
	.view-tit {font-size: 16px;}
	.view-date {font-size: 12px;}
	.view-con, .view-con p, .view-con td, .view-con span {font-size: 14px;}
	.customer2-item .cont {height: 100px;}
}

@media (max-width: 375px) {
    .effect-list.three,
	.effect-list {grid-template-columns: repeat(1, 1fr);}
}