.visual {height: 100vh;position: relative;}
.mv-box {border-radius: 20px;background: rgb(98 112 100 / 60%);padding: 60px;position: absolute;left: 150px;bottom: 100px; z-index: 10;}
.mv-t1 {font-size: 64px;font-weight: 700;color: #fff;margin-bottom: 30px;}
.mv-t2 {font-size: 20px;font-weight: 500;color: #fff;margin-bottom: 60px;}
.mv-count {display: flex;gap: 20px;align-items: center;}
.mv-count a {align-self: end;}
.count span {font-size: 20px;font-weight: 700;color: #fff;opacity: 0.4;}
.count span.on {opacity: 1;}
.count span.bar {margin: 0 5px;}

.main-slide,
.visual .owl-carousel,
.visual .owl-stage-outer,
.visual .owl-stage,
.visual .owl-item,
.visual .item {height: 100%;}
.player {width: 100%;height: 100%;}
.player video {width: 100%;height: 100%;z-index: 1;object-fit: fill;}

.intro-slide-wrap {position: relative;}
.intro-nav {position: absolute;top: 50%;width: 100%;z-index: 3;}
.intro-nav a {position: absolute;top: 50%;margin-top: -40px;}
.intro-nav a.intro-prev {left: 50px;}
.intro-nav a.intro-next {right: 50px;}

.intro-div {display: flex;}   
.intro-div > div {width: 50%;}
.intro-div img {display: block;width: 100%;height: 100%;}

.big-title {font-size: 50px;font-weight: 700;color: #000;text-align: center;}
.big-title .blue {color: #006994;}
.big-title .red {color: #A52A2A;}
.info-text {margin-top: 40px;font-size: 24px;font-weight: 600;color: #444;text-align: center;}
.mb50 {margin-bottom: 50px;}
.mb100 {margin-bottom: 100px;}
.mb140 {margin-bottom: 140px;}
.info2-grid {margin-top: 50px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.info2-box {padding: 30px 60px;background-color: #fff;display: flex;flex-direction: column;align-items: center;}
.info2-box .tit {font-size: 20px;font-weight: 700;color: #000;margin-top: 25px;text-align: center;}
.info2-box .txt {font-size: 18px;font-weight: 500;color: #444;margin-top: 20px;text-align: center;}
.info1-wrap {padding-top: 150px;padding-bottom: 200px;}
.info2-wrap {padding-top: 150px;padding-bottom: 230px;background-color: #F9F9F9;}

.consult-wrap {height: 1000px;padding: 200px 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;background-image: url("/skin/default/img/main/consult_bg.png");}
.consult-div {display: flex;justify-content: space-between;}
.consult-div > div {width: 50%;}
.consult-left .tit {font-size: 46px;font-weight: 700;color: #fff;margin-bottom: 30px;}
.consult-left .txt {font-size: 20px;font-weight: 500;color: #fff;line-height: 1.5;}

.form-row {display: flex;gap: 20px;margin-bottom: 20px;}
.form-row > div {width: 100%;}
.form-row.two > div {width: 50%;}
.form-row.three > div {width: 33.3333333333%;}
.form-input {background-color: rgb(255,255,255,0.3);width: 100%;height: 60px;border-radius: 10px;padding: 0 20px;font-size: 18px;font-weight: 500;color: #fff;outline: none;border: 1px solid transparent;}
.form-textarea {background-color: rgb(255,255,255,0.3);width: 100%;height: 110px;border-radius: 10px;padding: 20px;font-size: 18px;font-weight: 500;color: #fff;outline: none;border: 1px solid transparent;resize: none;}
.form-input::placeholder,
.form-textarea::placeholder {color: #FFF;font-size: 18px;font-weight: 500;}
.form-select:focus,
.form-input:focus,
.form-textarea:focus {border-color: #fff;}
.form-agree {display: flex;gap: 5px;align-items: center;}
.form-agree input[type="checkbox"] {outline: none;border: none;background-color: #fff;-webkit-border-radius: 0;-webkit-appearance: none;display: none;}
.form-agree input[type=checkbox]:checked + label {background-position: 0 0;}
.form-agree label {font-size: 18px;color: #fff;font-weight: 500;position: relative;padding-left: 30px;}
.form-agree input[type="checkbox"] + label:before {position: absolute;left: 0;top: 1px;content: "";margin: 0 ;width: 20px;height: 20px;background-position: 0 0;background-image:url('/skin/default/img/main/check_box.png');-webkit-background-size: 40px auto;background-size: 40px auto;background-repeat: no-repeat;}
.form-agree input[type="checkbox"]:checked + label:before {background-position: -20px 0;}
.privacy {font-size: 18px;font-weight: 500;color: #C9C9C9;text-decoration: underline;}
.form-btn{width: 180px;height: 50px;background-color: #00957E;border-radius: 30px;font-size: 18px;font-weight: 700;color: #fff;outline: none;border: none;cursor: pointer;margin-left: auto;}

.product1-wrap,.product2-wrap {padding: 150px 0;}
.product-info {display:flex;margin-bottom: 50px;}
.product-img {width: 30%;}
.product-spec {width: 70%;padding-top: 30px;}
.spec-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.spce-tit {font-size: 18px;font-weight: 700;color: #000;text-align: center;margin-top: 15px;}
.spce-txt {font-size: 18px;font-weight: 500;color: #444;text-align: center;margin-top: 10px;}
.spec-menu {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 40px;}
.spec-menu li a {font-size: 20px;font-weight: 700;color: #aaa;text-align: center;padding: 15px 30px;background-color: #F9F9F9;border-radius: 30px;}
.spec-menu li.on a {background-color: #00957E;color: #fff;}

.spec-table {width: 100%;table-layout: fixed;}
.spec-table th {text-align: center;font-size: 20px;font-weight: 700;color: #fff;background-color: #00957E;padding: 20px 5px;border-right: 1px solid #ddd;vertical-align: middle;}
.spec-table td {padding: 20px 5px;text-align: center;font-size: 16px;font-weight: 500;color: #444;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;vertical-align: middle;word-break: break-word;}
.spec-table td.th {font-size: 18px;font-weight: 700;color: #000;text-align: center;background-color: #F6F6F6;}
.spec-table td.bg {background-color: #EAFAF8;font-weight: 700;color: #444;}
.spec-table td span {font-size: 14px;}

.table-caption {text-align: right;font-size: 16px;color: #000;margin-top: 15px;}

.addition-cont {padding: 150px 0;}

.addition-bg {background-color: #F9F9F9;padding: 100px 0;position: relative;z-index: 1;}
.addition-bg:after {position: absolute;right: 0;top: 0;content: "";width: 42%;height: 100%;background-color: #00957E;z-index: 0;}
.addition-div {display: flex;align-items: center;position: relative;z-index: 3;width: 90%;margin: 0 auto;}
.addition-left {width: 45.625%;}
.addition-right {width: 54.375%;}
.addition-right img {max-height: 650px;}
.addition-tit {font-size: 50px;font-weight: 700;color: #000;margin-bottom: 40px;}
.addition-menu {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 30px;position: relative;z-index: 3;}
.addition-menu li a {display: block;font-size: 18px;font-weight: 700;color: #aaa;border: 1px solid #ddd;border-radius: 30px;padding: 15px 10px;background-color: #fff;}
.addition-menu li.on a,
.addition-menu li a:hover {background-color: #00957E;}
.addition-menu li.on a,
.addition-menu li a:hover {color: #fff;}
.addition-stit {font-size: 30px;font-weight: 700;color: #000;margin-bottom: 30px;}
.addition-mark {display: inline-block;font-size: 14px;font-weight: 700;color: #fff;text-align: center;padding: 8px 16px;border-radius: 20px;background-color: #00957E;}
.addition-spec li {padding: 15px 0;position: relative;border-bottom: 1px solid #ddd;font-size: 18px;font-weight: 500;color: #444;padding-left: 15px;line-height: 1.5;}
.addition-spec li:before {position: absolute;left: 0;top: 28px;content: "";width: 5px;height: 5px;background-color: #000;}
.addition-spec li p {font-size: 16px;font-weight: 400;line-height: 1.5;}

.addition-nav {position: absolute;width: 100%;top: 50%;z-index: 3;}
.addition-nav a {position: absolute;top: 50%;margin-top: -40px;}
.addition-nav a.addition-prev {left: 50px;}
.addition-nav a.addition-next {right: 50px;}

.addition-btit {font-size: 50px;font-weight: 700;color: #000;text-align: center;margin-bottom: 60px;}
.addition-cate {margin-bottom: 90px;display: flex;flex-wrap: wrap; width: 100%;gap: 20px;}
.addition-cate li {background-color: #F9F9F9;border-radius: 20px;flex: 1;padding: 25px 0;align-content: center;}
.addition-cate li a {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.cate-tit {text-align: center;font-size: 18px;font-weight: 500;color: #000;margin-top: 20px;}
.addition-cate li.on {background-color: #00957E;}
.addition-cate li.on .cate-tit {color: #fff;}
.addition-cont-tit {font-size: 36px;font-weight: 700;color: #000;margin-bottom: 30px;}
.addition-cont-txt {font-size: 20px;font-weight: 500;color: #444;margin-bottom: 50px;}

.addition-box {margin-bottom: 70px;display: flex;gap: 40px;}
.addition-box li {flex: 1;border: 1px solid #ddd;padding: 40px 24px;text-align: center;}
.addition-box-tit {text-align: center;font-size: 20px;font-weight: 700;color: #000;margin-top: 20px;}
.addition-box-txt {text-align: center;font-size: 18px;font-weight: 500;color: #444;margin-top: 15px;}

.addition1-item{border-top: 1px solid #00957E;padding: 40px 0;display: flex;gap: 40px;}
.addition1-left {width: 40%;}
.addition1-right {width: 60%;}
.addition1-right .t1 {font-size: 24px;font-weight: 700;color: #00957E;margin-bottom: 30px;}
.addition1-right .t2 {width: 100%;margin-bottom: 20px;}
.addition1-right .t2 th {font-size: 18px;font-weight: 700;color: #000;border-bottom: 1px solid #ddd;padding: 15px 0;text-align: left;}
.addition1-right .t2 td {font-size: 18px;font-weight: 500;color: #444;border-bottom: 1px solid #ddd;padding: 15px 0;text-align: left;}
.addition1-right .t3 {display: flex;}
.t3-left {font-size: 20px;font-weight: 700;color: #fff;padding-left: 20px;background-color: #00957E;width: 25%;align-content: center;}
.t3-right {font-size: 18px;font-weight: 500;color: #000;padding: 15px 0 15px 20px;background-color: #F2F2F2;width: 75%;align-content: center;line-height: 1.5;}

.addition-cont-img {display: flex;gap: 40px;}
.addition-cont-img > div {width: 50%;}
.addition-cont p {font-size: 20px;font-weight: 500;color: #444;line-height: 1.5;}
.addition-cont b {font-size: 24px;font-weight: 700;color: #00957E;display: block;}
.mb30 {margin-bottom: 30px;}
.examples-tit {font-size: 24px;font-weight: 700;color: #000;margin-bottom: 30px;}
.examples-item {display: flex;gap: 40px;margin-bottom: 40px;}
.examples-img {width: 40%;}
.examples-cont {width: 60%;}
.examples-table {border-top: 1px solid #ddd;width: 100%;}
.examples-table th,.examples-table td {padding: 10px 0;text-align: left;}
.examples-table th span {position: relative;font-size: 18px;font-weight: 800;color: #00957E;padding-left: 10px;}
.examples-table th span:before {position: absolute;left: 0;top: 8px;content: "";width: 4px;height: 4px;background-color: #00957E;}
.examples-table td {font-size: 18px;color: #000;}
.addition7-imgs {display: flex;gap: 40px;flex-wrap: wrap;}
.addition7-imgs > div {flex: 1;}
.addition7-div {display: flex;gap: 40px;margin-bottom: 70px;}
.addition7-left {width: 58%;}
.addition7-right {width: 42%;display: flex;flex-direction: column;gap: 30px;}

@media (max-width: 1599px) {
	.mv-t1 {font-size: 50px;}
	.addition-nav a.addition-prev {left: 25px;}
	.addition-nav a.addition-next {right: 25px;}
	.cate-tit {font-size: 16px;}
	/* .visual {height: 80vh;} */
	.mv-box {left: 50px;}
	.addition-right img {max-height: 550px;}
	.big-title {font-size: 40px;}
	.addition-menu li a {font-size: 16px;}
	.consult-wrap {height: 100vh;}
}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {
	.addition-box {gap: 20px;}
	.addition-cate {gap: 10px;}
	.mv-t1 {font-size: 40px;}
	.big-title {font-size: 35px;}
	.addition-right img {max-height: 500px;}
}
@media (max-width: 1399px) {
	.mv-t1 {font-size: 35px;}
	.mv-box {padding: 40px;bottom: 50px;}
	.mv-t2 {margin-bottom: 30px;}
	.intro-nav a.intro-prev {left: 25px;}
	.intro-nav a.intro-next {right: 25px;}
	.info2-box .txt {font-size: 18px;}
	.spce-txt {font-size: 16px;}
	.spec-menu li a {font-size: 18px;}
	.spec-table th {font-size: 18px;}
	.spec-table td.th {font-size: 16px;}
	.info-text {font-size: 20px;}
	.addition-tit {font-size: 40px;}
	.addition-stit {font-size: 30px;}
	.addition-btit {font-size: 40px;}
	.addition-cont-tit {font-size: 30px;}
	.addition-cont-txt {font-size: 18px;}
	.addition-box-txt {font-size: 16px;}
	.addition-box-tit {font-size: 18px;}
	.t3-left {padding-left: 0;text-align: center;font-size: 18px;}
	.t3-right {font-size: 16px;}
	.addition-cont p {font-size: 18px;}
	.addition-cont b {font-size: 20px;}
	.examples-tit {font-size: 20px;}
	.consult-left .tit {font-size: 40px;}
}
@media (max-width: 1259px) {

}
@media (max-width: 1219px) {
	.visual {height: 70vh;}
	.mv-t1 {font-size: 30px;margin-bottom: 20px;}
	.mv-t2 {font-size: 18px;}
	.intro-nav img {width: 40px;}
	.info1-wrap,.info2-wrap {padding-top: 70px;padding-bottom: 100px;}
	.big-title {font-size: 35px;}
	.info2-box .tit {font-size: 20px;}
	.info2-box .txt {font-size: 16px;}
	.spce-tit {font-size: 18px;}
	.addition-nav img {width: 40px;}
	.spec-table td {font-size: 14px;}
	.spec-table th {font-size: 16px;}
	.spec-table td.th {font-size: 14px;}
	.spec-menu li a {padding: 15px 20px;}
	.addition-tit {font-size: 30px;}
	.addition-stit {font-size: 25px;}
	.addition-spec li {font-size: 16px;}
	.addition-spec li p {font-size: 14px;}
	.addition-cont {padding: 70px 0;}
	.addition-btit {font-size: 35px;}
	.examples-table th span,.examples-table td {font-size: 16px;}
	.consult-left .tit {font-size: 35px;}
	.form-input,
	.form-textarea,
	.form-input::placeholder,
	.form-textarea::placeholder {font-size: 16px;}
	.form-agree label {font-size: 16px;}
	.spec-list {gap: 20px;}
	.addition-menu li a {font-size: 14px;}
	.consult-wrap {padding: 100px 0;}
}

@media (max-width: 991px) {
	.mv-box {padding: 30px;left: 25px;bottom: 25px;}
	.mv-t1 {font-size: 25px;}
	.mv-t2 {font-size: 16px;}
	.big-title {font-size: 30px;}
	.info-text {font-size: 18px;margin-top: 20px;}
	.mb50 {margin-bottom: 25px;}
	.mb100 {margin-bottom: 50px;}
	.mb140 {margin-bottom: 70px;}
	.info2-grid {margin-top: 30px;gap: 20px;}
	.info2-box img {width: 60px;}
	.info2-box .tit {font-size: 18px;margin-top: 15px;}
	.info2-box {padding: 30px;}
	.product1-wrap, .product2-wrap {padding: 70px 0;}
	.spec-item img {width: 60px;}
	.spce-tit {font-size: 16px;margin-top: 15px;}
	.spce-txt {font-size: 14px;margin-top: 10px;}
	.spec-list {gap: 20px;}
	.spec-menu {margin-bottom: 20px;}
	.spec-menu li a {font-size: 16px;}
	.product-info {margin-bottom: 50px;}
	.addition-tit {margin-bottom: 20px;}
	.addition-menu {margin-bottom: 45px;}
	.addition-stit {font-size: 20px;margin-bottom: 20px;}
	.addition-nav a.addition-prev {left: 5px;}
	.addition-nav a.addition-next {right: 5px;}
	.addition-btit {font-size: 30px;margin-bottom: 30px;}
	.cate-tit {font-size: 14px;margin-top: 10px;}
	.addition-cate li {padding: 10px;}
	.addition-cate {margin-bottom: 45px;}
	.addition-cont-tit {font-size: 25px;margin-bottom: 15px;}
	.addition-cont-txt {margin-bottom: 25px;}
	.addition-box {margin-bottom: 35px;gap: 10px;}
	.addition-box-img img {width: 55px;}
	.addition-box-tit {font-size: 16px;margin-top: 10px;}
	.addition-box-txt {font-size: 14px;margin-top: 10px;}
	.addition1-item {padding: 20px 0;gap: 20px;}
	.addition1-right .t1 {font-size: 20px;margin-bottom: 15px;}
	.addition1-right .t2 th,.addition1-right .t2 td {font-size: 16px;}
	.t3-left {font-size: 16px;}
	.t3-right {font-size: 14px;}
	.addition-cont p {font-size: 16px;}
	.addition-cont b {font-size: 18px;}
	.addition-cont-img {gap: 20px;}
	.mb30 {margin-bottom: 15px;}
	.examples-item {gap: 20px;margin-bottom: 20px;}
	.examples-tit {font-size: 18px;margin-bottom: 15px;}
	.addition7-div {gap: 20px;margin-bottom: 35px;}
	.addition7-imgs {gap: 10px;}
	.consult-left .tit {font-size: 30px;margin-bottom: 15px;}
	.consult-left .txt {font-size: 16px;}
	.form-agree input[type="checkbox"] + label:before {top: -2px;}
	.form-agree label {font-size: 14px;}
	.privacy {font-size: 16px;}
	.form-input {height: 50px;padding: 0 10px;}
	.form-row {gap: 10px;}
	.form-btn {font-size: 16px;width: 150px;}
	.table_scroll {overflow-x: auto;}
	.form-textarea {padding: 10px;}
	.form-agree {margin-top: 20px;}
	.addition-right img {max-height: 400px;}
	.table-caption {font-size: 14px;}
}	

@media (max-width: 767px) {
	.visual {height: 35vh;}
	.mv-t1 {font-size: 20px;margin-bottom: 10px;}
	.mv-t2 {margin-bottom: 15px;font-size: 14px;}
	.count span {font-size: 14px;}
	.mv-next img,.mv-prev img {height: 7px;}
	.mv-box {padding: 20px;}
	.intro-nav a.intro-prev {left: 5px;}
	.intro-nav a.intro-next {right: 5px;}
	.big-title {font-size: 20px;}
	.info-text {font-size: 16px;margin-bottom: 30px;}
	.info2-grid {grid-template-columns: repeat(2, 1fr);}
	.info2-box .tit {font-size: 16px;}
	.info2-box .txt {font-size: 14px;margin-top: 10px;}
	.info2-box {padding: 20px;}
	.product-info {flex-direction: column;}
	.product-img,.product-spec {width: 100%;}
	.spec-menu li a {font-size: 14px;padding: 15px 10px;}
	.spec-table th {font-size: 12px;}
	.spec-table td {font-size: 12px;}
	.spec-table td.th {font-size: 12px;}
	.addition-div {flex-direction: column-reverse;}
	.addition-left,.addition-right {width: 100%;}
	.addition-right img {width: 50% !important;margin: 0 auto;}
	.addition-bg:after {display: none;}
	.addition-bg {padding: 50px 0;}
	.addition-spec li {font-size: 14px;padding: 10px 0 10px 15px;}
	.addition-spec li:before {top: 15px;}
	.addition-spec li p {font-size: 12px;}
	.addition-stit {font-size: 16px;}
	.addition-menu {gap: 10px;margin-bottom: 20px;}
	.addition-menu li a {font-size: 14px;}
	.addition-tit {font-size: 20px;}
	.spec-list {gap: 10px;}
	.spce-tit {font-size: 14px;margin-top: 10px;}
	.spce-txt {font-size: 12px;}
	.product1-wrap, .product2-wrap {padding: 50px 0;}
	.product-img img {width: 50%;margin: 0 auto;}
	.addition-btit {font-size: 20px;}
	.cate-tit {font-size: 12px;}
	.addition-cont-txt {font-size: 14px;}
	.addition-cont-tit {font-size: 16px;}
	.cate-icon img {width: 50%;margin: 0 auto;display: block;}
	.addition-cate {display: grid;grid-template-columns: repeat(2, 1fr);}
	.addition-box {flex-direction: column;}
	.addition-box li {padding: 20px;}
	.addition-box-tit {font-size: 14px;}
	.addition-box-txt {font-size: 12px;}
	.addition1-item {flex-direction: column;}
	.addition1-left,.addition1-right {width: 100%;}
	.addition1-right .t2 th, .addition1-right .t2 td {font-size: 14px;padding: 10px 0;}
	.addition1-right .t1 {font-size: 16px;}
	.t3-left {font-size: 14px;}
	.t3-right {font-size: 12px;}
	.addition-cont-img {gap: 10px;}
	.addition-cont p {font-size: 12px;}
	.addition-cont b {font-size: 16px;}
	.examples-item {flex-direction: column;}
	.examples-img,.examples-cont {width: 100%;}
	.examples-table th span, .examples-table td {font-size: 12px;}
	.examples-table th {width: 20%;}
	.examples-table td {width: 80%;}
	.examples-tit {font-size: 16px;}
	.addition7-div {flex-direction: column;}
	.addition7-left,.addition7-right {width: 100%;}
	.addition7-right {gap: 20px;}
	.addition7-imgs {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
	.consult-div {flex-direction: column;gap: 20px;}
	.consult-wrap {height: auto;padding: 50px 0;}
	.consult-div > div {width: 100%;}
	.consult-left .tit {font-size: 20px;}
	.consult-left .txt {font-size: 14px;}
	.form-input,
	.form-textarea,
	.form-input::placeholder,
	.form-textarea::placeholder {font-size: 12px;}
	.form-agree label {font-size: 12px;}
	.form-row {margin-bottom: 10px;}
	.form-btn {font-size: 14px;}
	.info2-grid {margin-top: 30px;}
	.addition-div {width: 85%;gap: 20px;}
	.intro-nav {display: none;}
	.addition-right img { max-height: 350px;}
}

@media (max-width: 575px) {

}