.subtop {height: 520px;position: relative;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.visual01 {background-image: url("/resources/img/sub/sub01.png");}
.visual02 {background-image: url("/resources/img/sub/sub02.png");}
.visual03 {background-image: url("/resources/img/sub/sub03.png");}
.visual04 {background-image: url("/resources/img/sub/sub04.png");}
.visual05 {background-image: url("/resources/img/sub/sub05.png");}
.subtop-title {text-align: center;font-size: 75px;font-weight: 800; color: #fff; align-content: center;height: 100%;}
.subnav {width: 100%;height: 80px;background-color: #000;}
.submenu-wrap {display: flex;height: 100%;width: 100%;align-items: center;}
.submenu-wrap > li {position: relative;display: flex;height: 100%;align-items: center;width: 280px;padding: 0 20px;border-left: 1px solid rgb(255 255 255 / 30%);}
.submenu-wrap > li.nav_home {width: 70px;padding: 0;}
.nav_home a {display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.nav_name {font-size: 18px;font-weight: 700;color: #fff;position: relative;width: 100%;display: flex;align-items: center;cursor: pointer;}
.nav_name:after {position: absolute;right: 0;content: "";background-image: url("/resources/img/sub/nav_arrow.svg");width: 16px;height: 10px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.nav_menu.on .nav_name:after {transform: rotate(180deg);}
.submenu {display: none;position: absolute;left: 0;top: 80px;width: 100%;z-index: 3;}
.submenu li a {width: 100%;height: 80px;display: flex;align-items: center;background-color: #fff;border-bottom: 1px solid #ddd;padding: 0 20px;font-size: 16px;color: #000;font-weight: 700;}
.submenu li a.on,
.submenu li a:hover {background-color: #007BC6;color: #fff;}
.nav_menu.bg {background-color: #007BC6;}
.sub-title-wrap {margin: 100px 0;}
.sub-title {font-size: 50px;font-weight: 800;color: #000;text-align: center;}

.page_wrap {text-align:center;margin-top: 60px;}
.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: 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: #007BC6;color: #fff;}

.news-wrap {padding-bottom: 250px;}
.news-list {border-top: 2px solid #000;}
.news-list li {border-bottom: 1px solid #ddd;padding: 40px 0;}
.news-item .tit {font-size: 22px;font-weight: 800;color: #000;margin-bottom: 20px;position: relative;}
.news-item .tit.noti {padding-left: 80px;}
.news-item .tit span {display: inline-block;background-color: #007BC6;border-radius: 30px;padding: 8px 20px;text-align: center;font-size: 16px;font-weight: 700;color: #fff;position: absolute;left: 0;top: -2px;}
.news-item .txt {font-size: 18px;color: #000;margin-bottom: 40px;line-height: 1.5;white-space: pre-line;}
.news-item .date {font-size: 16px;font-weight: 500;color: #666;}

.inquiry-wrap {padding: 100px 0;background-color: #F9FAFB;}  
.inquiry-div {display: flex;gap: 150px;}
.inquiry-left {width: 35%;}
.inquiry-right {width: 65%;}
.inquiry-cont .t1 {font-size: 24px;font-weight: 800;color: #007BC6;margin-bottom: 50px;}
.inquiry-cont .t2 {font-size: 65px;font-weight: 800;color: #000;margin-bottom: 30px;}
.inquiry-cont .t3 {font-size: 18px;color: #000;line-height: 1.5;}
.inquiry-down {display: inline-flex;align-items: center; gap: 5px;}
.inquiry-down span {font-size: 15px;font-weight: 700;color: #000;}

.inquiry-row {display: flex;gap: 36px;align-items: center;margin-bottom: 20px;}
.inquiry-item {width: 50%;position: relative;}
.inquiry-item.full {width: 100%;}
.inquiry-input {height: 70px;width: 100%;outline: none;border-left: none;border-top: none;border-right: none;border-bottom: 1px solid #666;font-size: 18px;font-weight: 700;color: #000;background-color: transparent;}
.inquiry-textarea {height: 130px;width: 100%;outline: none;border-left: none;border-top: none;border-right: none;border-bottom: 1px solid #666;font-size: 18px;font-weight: 700;color: #000;padding: 20px 0;resize: none;background-color: transparent;}
.inquiry-input.file {padding-right: 90px;}
.upload-hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: 0;clip: rect(0, 0, 0, 0);border: 0;}
.upfile {position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: #000;border-radius: 30px;padding: 10px 20px;text-align: center;font-size: 14px;font-weight: 700;color: #fff;cursor: pointer;}
.inquiry-btn {margin-top: 40px;text-align: right;}
.inquiry-btn button {background-color: #007BC6;padding: 20px 30px;border-radius: 30px;border: none;outline: none;cursor: pointer;display: inline-flex;align-items: center;gap: 20px;}
.inquiry-btn button span {font-size: 18px;font-weight: 700;color: #fff;}

.greeting-wrap {padding-bottom: 150px;}   
.greeting-div {display: flex;gap: 50px;margin-top: 80px;}
.greeting-left {flex-shrink: 0;}
.greeting-t1 {font-size: 30px;font-weight: 700;color: #007BC6;margin-bottom: 20px;}
.greeting-t2 {font-size: 20px;font-weight: 700;color: #000;}
.greeting-t3 {font-size: 18px;color: #000;line-height: 1.5;white-space: pre-line;}
.sign {display: flex;gap: 10px;align-items: center;margin-top: 70px;}
.sign span {font-size: 16px;color: #000;}

.history-wrap {padding-bottom: 150px;}
.history {border-top: 2px solid #000;}
.history li {border-bottom: 1px solid #ddd;padding: 15px 0;display: flex;align-items: center;}
.year {font-size: 40px;font-weight: 800;color: #007BC6;}
.h-left {flex-basis: 120px;flex-shrink: 0;}
.h-right {padding-left: 100px;}
.h-cont {display: flex;align-items: center;gap: 80px;margin-bottom: 10px;}
.h-right > div:last-child {margin-bottom: 0;}
.month {font-size: 22px;font-weight: 700;color: #000;flex-basis: 30px;flex-shrink: 0;}
.h-txt {font-size: 18px;color: #000;}

.org-bg {padding-top: 50px;padding-bottom: 70px;background-color: #F9FAFB;}   
.org-wrap {padding: 100px 0;}
.org-tit {font-size: 24px;font-weight: 800;color: #000;margin-bottom: 30px;}
.country-list {display: grid;gap: 36px;grid-template-columns: repeat(6, 1fr);margin-top: 50px;}

.certi-wrap {padding-bottom: 130px;}
.certi-list {display: grid;row-gap: 80px;column-gap: 36px;grid-template-columns: repeat(4, 1fr);}
.ceti-tit {text-align: center;font-size: 20px;font-weight: 700;color: #000;margin-top: 20px;}
.certi-wrap-bg {background-color: #F9FAFB;padding-top: 100px;padding-bottom: 150px;}

.customer-wrap {padding-bottom: 220px;}

.customer-tit {font-size: 24px;font-weight: 800;color: #000;margin-bottom: 30px;}  
.customer-list {display: grid;gap: 36px;grid-template-columns: repeat(6, 1fr);}

.map {width: 100%;height: 600px;margin-bottom: 50px;}
.location-div {display: flex;align-items: center;gap: 150px;}
.location-left {font-size: 24px;font-weight: 700;color: #000;flex-shrink: 1;}
.location-right {font-size: 18px;color: #000;}
.root_daum_roughmap .wrap_map {height: 100% !important;}

.info-wrap {margin: 100px 0;}
.info-t1 {text-align: center;font-size: 24px;font-weight: 800;color: #1E62AD;margin-bottom: 25px;} 
.info-t2 {text-align: center;font-size: 50px;font-weight: 800;color: #000;}
.info-items {display: grid;gap: 36px;grid-template-columns: repeat(4, 1fr);padding-bottom: 160px;}
.info-item {position: relative;padding-bottom: 100%;}
.info-img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.info-tit {font-size: 24px;font-weight: 800;color: #fff;position: absolute;left: 30px;bottom: 30px;}

.data-wrap {padding-bottom: 200px;}   
.data-list {display: grid;gap: 36px;grid-template-columns: repeat(2, 1fr);}
.data-item {padding: 35px 40px;background-color: #F9FAFB;}
.data-link {display: inline-flex;gap: 10px;align-items: center;}
.data-link span {font-size: 18px;color: #007BC6;text-decoration: underline;text-underline-position: under;}

.performance-wrap {padding-bottom: 130px;}   
.performance-list {border-top: 2px solid #000;}
.performance-list li {border-bottom: 1px solid #ddd;padding: 40px 0;}
.performance-item {display: flex;gap: 60px;}
.list-img {width: 24%;}
.list-cont {display: flex;flex-direction: column;width: 76%;}
.list-cont .tit {font-size: 22px;font-weight: 800;color: #000;margin-bottom: 20px;}
.list-cont .txt {font-size: 18px;color: #000;line-height: 1.5;}
.list-cont .date {font-size: 16px;font-weight: 500;color: #999;margin-top: auto;}

.product-wrap {padding: 120px 0;}
.product-bg {background-color: #F9FAFB;padding: 100px 0;}   
.product-div {display: flex;align-items: center;}
.product-div > div {width: 50%;}
.product-info .t1 {font-size: 24px;font-weight: 800;color: #007BC6;margin-bottom: 25px;}
.product-info .t2 {font-size: 50px;font-weight: 800;color: #000;margin-bottom: 30px;}
.product-info .t3 {font-size: 18px;color: #000;line-height: 1.5;margin-bottom: 50px;}
.product-info .t4 {display: inline-flex;gap: 10px;}
.product-info .t4 a {padding: 20px 30px;border-radius: 30px;background-color: #007BC6;display: flex; align-items: center;gap: 20px;}
.product-info .t4 a span {font-size: 18px;font-weight: 700;color: #fff;}

.advantage {padding-bottom: 120px;}
.product-tit {font-size: 24px;font-weight: 800;color: #000;}
.dot-tit {position: relative;font-size: 20px;font-weight: 600;color: #000;margin-bottom: 10px;padding-left: 10px;}
.dot-tit:before {position: absolute;left: 0;top: 10px;content: "";width: 4px;height: 4px;background-color: #007BC6;}
.line {margin-bottom: 30px;}
.line li {position: relative;font-size: 18px;color: #000;padding-left: 10px;line-height: 1.5;}
.line li:before {position: absolute;left: 0;top: 12px;content: "";width: 6px;height: 1px;background-color: #000;}

.tit-df {border-top: 1px solid #ddd;display: flex;gap: 15px;align-items: center;padding: 25px 0;}
.product-box {background-color: #F9FAFB;border-top: 1px solid #ddd;padding: 40px;}
.product-box p {font-size: 18px;color: #000;line-height: 1.5;}
.box-df {display: flex;margin-bottom: 10px;align-items: center;gap: 50px;}
.box-df-cell1 {position: relative;font-size: 18px;font-weight: 800;color: #007BC6;padding-left: 10px;line-height: 1.5;flex-shrink: 0;width: 30%;}
.box-df-cell1:before {position: absolute;left: 0;top: 10px;content: "";width: 4px;height: 4px;background-color: #007BC6;}
.box-df-cell2 {font-size: 18px;color: #000;line-height: 1.5;}
.ejector7-list {display: grid;gap: 36px;grid-template-columns: repeat(3, 1fr);}

.box-stit {font-size: 20px;font-weight: 700;color: #000;margin-bottom: 20px;}
.box-btit {font-size: 18px;color: #000;position: relative;padding-left: 10px;line-height: 1.5;}
.box-btit:before {position: absolute;left: 0;top: 13px;content: "";width: 5px;height: 1px;background-color: #000;}

.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb120 {margin-bottom: 120px;}

.img-box {border: 1px solid #ddd;background-color: #fff;padding: 60px 0;}
.img-ani {max-width: 590px;overflow: hidden;position: relative;margin: 0 auto;padding: 75px 0;}
.img-ani img {position: absolute;left: 0;top: 0;opacity: 0;}
.img-ani img.active {opacity: 1;}

.viewTit_wrap {border-top: 3px solid #000;padding: 30px 0;}
.viewTit {font-size: 24px;font-weight: 700;color: #000;margin-bottom: 20px;}
.viewDate {font-size: 18px;color: #999;}
.viewCon_wrap {border-top: 1px solid #666;border-bottom: 1px solid #666; padding: 50px 0 70px 0;}
.viewCon,
.viewCon p,
.viewCon td,
.viewCon span {word-break:keep-all;font-size: inherit;line-height: inherit;}
.viewCon blockquote.tx-quote1 {border:3px solid #eeeeee;}
.viewCon img {width: auto !important;max-width:100% !important;height: auto !important;margin: 0 auto !important;display: block !important;}
.viewCon table {text-align: center !important;width: 100% !important;}
.viewCon ol,
.viewCon ul,
.viewCon li {list-style: inherit;}
.viewCon ol,
.viewCon ul {list-style-position: inside;} 
.viewBtn {margin-top: 50px;text-align: center;}
.viewBtn a {display: inline-flex;align-items: center;justify-content: center;width: 170px;height: 50px;background-color: #006CB8;font-size: 16px;font-weight: 700;color: #fff;}

.viewCon .file {margin-bottom: 20px;}
.viewCon .file a {display: inline-block;text-decoration: underline;font-size: 15px;color: #6c6c6c;padding-left: 20px;position: relative;}
.viewCon .file a:before {position: absolute;content: "";display: block;width: 14px;height: 12px;left: 0;top: 3px;background-image: url('/resources/img/sub/ico_folder.png');-webkit-background-size: 14px 12px;background-size: 14px 12px;}

.viewTitCell {display: flex;gap: 10px;align-items: center;margin-bottom: 10px;}
.viewTitCell .left {font-size: 18px;color: #007BC6;width: 100px;}
.viewTitCell .right {font-size: 18px;color: #000;}
.mt0 {margin-top: 0 !important;}
@media (max-width: 1560px) {
	.info-tit {font-size: 20px;}
	.greeting-t1 {font-size: 25px;}
	.box-df-cell1  {width: 40%;}
}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {

}
@media (max-width: 1399px) {
	.inquiry-cont .t2 {font-size: 50px;}
}
@media (max-width: 1259px) {
	.ceti-tit {font-size: 18px;}
	.viewTit {font-size: 20px;}
}

@media (max-width: 1219px) {
	.subtop-title {font-size: 55px;}
	.subtop {height: 420px;}
	.info-t2 {font-size: 40px;}
	.info-items {gap: 16px;}
	.info-tit {font-size: 18px;}
	.product-info .t2 {font-size: 40px;}
	.sub-title {font-size: 40px;}
	.performance-item {gap: 30px;}
	.list-cont .date {margin-top: 30px;}
	.list-cont .tit {font-size: 20px;}
	.list-cont .txt {font-size: 16px;}
	.list-cont .date {font-size: 14px;}
	.news-item .tit {font-size: 20px;}
	.news-item .txt {font-size: 16px;}
	.news-item .tit span {top: -4px;}
	.inquiry-div {gap: 50px;}
	.greeting-div {gap: 20px;flex-direction: column;}
	.year {font-size: 35px;}
	.h-right {padding-left: 70px;}
	.country-list {grid-template-columns: repeat(5, 1fr);}
	.customer-list {gap: 18px;}
	.map {height: 500px;}
	.location-div {gap: 50px;}
	.product-info .t4 a span {font-size: 16px;}
}

@media (max-width: 991px) {
	.subtop-title {font-size: 45px;}
	.subtop {height: 320px;}
	.nav_name {font-size: 16px;}
	.submenu li a {height: 60px;}
	.subnav {height: 60px;}
	.submenu {top: 60px;}
	.info-wrap {margin: 50px 0;}
	.info-t1 {font-size: 20px;margin-bottom: 20px;}
	.info-t2 {font-size: 30px;}
	.info-items {padding-bottom: 80px;grid-template-columns: repeat(3, 1fr);}
	.info-tit {left: 15px;bottom: 15px;}
	.product-bg {padding: 50px 0;}
	.product-info .t1 {font-size: 20px;margin-bottom: 20px;}
	.product-info .t2 {font-size: 30px;margin-bottom: 15px;}
	.product-info .t3 {font-size: 16px;margin-bottom: 25px;}
	.product-info .t4 a span {font-size: 14px;}
	.product-info .t4 a {padding: 15px 15px;gap: 10px;}
	.product-wrap {padding: 60px 0;}
	.product-tit {font-size: 20px;}
	.mb40 {margin-bottom: 20px;}
	.mb50 {margin-bottom: 25px;}
	.mb60 {margin-bottom: 30px;}
	.mb120 {margin-bottom: 60px;}
	.dot-tit {font-size: 18px;}
	.line li {font-size: 16px;}
	.advantage {padding-bottom: 60px;}
	.product-box p {font-size: 16px;}
	.box-btit:before {top: 10px;}
	.box-btit {font-size: 16px;}
	.box-stit {font-size: 18px;margin-bottom: 10px;}
	.box-df-cell1,.box-df-cell2 {font-size: 16px;}
    .box-df-cell1 {flex-basis: auto;flex-shrink: 1;width: 40%;}
	.box-df-cell2 {width: 60%;}
	.data-link span {font-size: 16px;}
	.box-df {gap: 50px;}
	.sub-title-wrap {margin: 50px 0;}
	.sub-title {font-size: 35px;}
	.ejector7-list {gap: 18px;}
	.data-wrap {padding-bottom: 100px;}
	.data-item {padding: 30px;}
	.data-list {gap: 18px}
	.performance-list li {padding: 20px 0;}
	.performance-wrap {padding-bottom: 60px;}
	.page_wrap {margin-top: 30px;}
	.news-list li {padding: 20px 0;}
	.news-item .tit {font-size: 18px;margin-bottom: 10px;}
	.news-item .txt {font-size: 14px;margin-bottom: 20px;}
	.news-item .tit span {font-size: 14px;}
	.news-item .date {font-size: 14px;}
	.news-wrap {padding-bottom: 100px;}
	.news-item .tit.noti {padding-left: 70px;}
	.inquiry-cont .t1 {font-size: 20px;margin-bottom: 25px;}
	.inquiry-cont .t2 {font-size: 40px;margin-bottom: 15px;}
	.inquiry-cont .t3 {font-size: 16px;}	
	.inquiry-input {height: 50px;font-size: 16px;}
	.inquiry-textarea {font-size: 16px;height: 100px;}
	.inquiry-btn button span {font-size: 16px;}
	.inquiry-wrap {padding: 50px 0;}
	.inquiry-btn button {padding: 15px 20px;gap: 10px;}
	.greeting-div {margin-top: 40px;flex-direction: column;}
	.greeting-wrap {padding-bottom: 80px;}
	.greeting-t2 {font-size: 18px;}
	.greeting-t3 {font-size: 16px;}
	.greeting-t1 {font-size: 25px;}
	.sign {margin-top: 35px;}
	.year {font-size: 25px;}
	.month {font-size: 18px;}
	.h-txt {font-size: 16px;}
	.h-cont {gap: 40px;margin-bottom: 10px;}
	.history-wrap {padding-bottom: 80px;}
	.h-right {padding-left: 0;}
	.org-bg {padding-top: 50px;padding-bottom: 70px;}
	.org-wrap {padding: 50px 0;}
	.org-tit {font-size: 20px;margin-bottom: 30px;}
	.country-list {grid-template-columns: repeat(4, 1fr);gap: 18px;margin-top: 50px;}
	.certi-list {row-gap: 40px;column-gap: 18px;}
	.ceti-tit {font-size: 18px;margin-top: 10px;}
	.certi-wrap {padding-bottom: 60px;}
	.certi-wrap-bg {padding-top: 50px;padding-bottom: 70px;}
	.customer-tit {font-size: 20px;margin-bottom: 15px;}
	.customer-list {grid-template-columns: repeat(4, 1fr);}
	.customer-wrap {padding-bottom: 100px;}
	.map {height: 300px;margin-bottom: 25px;}
	.location-left {font-size: 20px;}
	.location-right {font-size: 16px;}
	.img-box {padding: 30px 0;}
	.viewTit {font-size: 18px;margin-bottom: 10px;}
	.viewDate {font-size: 16px;}
	.viewTit_wrap {padding: 20px 0;}
	.viewCon_wrap {padding: 30px 0 40px 0;}
	.viewBtn {margin-top: 25px;}
	.page_nation a {font-size: 12px;width: 30px;height: 30px;}
	.list-cont .tit {font-size: 18px;}
	.viewTitCell .left,
	.viewTitCell .right {font-size: 16px;}
}	

@media (max-width: 767px) {
	.subtop-title {font-size: 30px;}
	.subtop {height: 220px;}
	.submenu-wrap > li {padding: 0 10px;}
	.nav_name {font-size: 12px;}
	.submenu li a {font-size: 12px;padding: 0 10px;}
	.info-items {grid-template-columns: repeat(2, 1fr);}
	.info-tit {font-size: 16px;}
	.info-t2 {font-size: 25px;}
	.product-div {flex-direction: column-reverse;gap: 30px;}
	.product-div > div {width: 100%;}
	.product-info .t1 {font-size: 18px;}
	.product-info .t2 {font-size: 20px;}
	.product-info .t3 {font-size: 14px;}
	.dot-tit {font-size: 16px;}
	.line li {font-size: 14px;}
	.line {margin-bottom: 15px;}
	.product-box {padding: 20px;}
	.product-box p {font-size: 14px;}
	.box-btit {font-size: 14px;}
	.box-stit {font-size: 16px;}
	.data-link span {font-size: 14px;}
	.box-df-cell1,.box-df-cell2 {font-size: 14px;}
	.box-df {gap: 0;}
	.tit-df {padding: 15px 0;}
	.sub-title {font-size: 25px;}
	.ejector7-list {grid-template-columns: repeat(2, 1fr);}
	.data-list {grid-template-columns: repeat(1, 1fr);}
	.performance-item {gap: 20px;flex-direction: column;}
	.list-img,.list-cont {width: 100%;}
	.list-cont .tit {font-size: 16px;margin-bottom: 10px;}
	.list-cont .txt {font-size: 14px;}
	.list-cont .date {font-size: 12px;margin-top: 20px;}

	.news-item .tit span {font-size: 12px;padding: 4px 10px;top: 0;}
	.news-item .tit {font-size: 16px;}
	.news-item .tit.noti {padding-left: 50px;}
	.inquiry-div {gap: 20px;flex-direction: column;}
	.inquiry-left,.inquiry-right {width: 100%;}
	.inquiry-cont .t1 {font-size: 18px;margin-bottom: 10px;}
	.inquiry-cont .t2 {font-size: 25px;}
	.inquiry-input {font-size: 14px;}
	.inquiry-textarea  {font-size: 14px;}
	.inquiry-row {gap: 18px;}
	.inquiry-item.file {width: 100%;}
	.inquiry-btn button span {font-size: 14px;}
	.greeting-div {gap: 0;}
	.greeting-t2 {font-size: 16px;}
	.greeting-t3 {font-size: 14px;}
	.greeting-t1 {font-size: 20px;}
	.sign span {font-size: 14px;}
	.history li {align-items: flex-start;flex-direction: column;gap: 20px;}
	.year {font-size: 20px;}
	.h-left {flex-basis: 0;}
	.h-cont {gap: 20px;}
	.month {font-size: 16px;flex-basis: 20px;}
	.h-txt {font-size: 14px;}
	.org-tit {font-size: 18px;}
	.country-list {grid-template-columns: repeat(3, 1fr);}
	.certi-list {grid-template-columns: repeat(2, 1fr);}
	.ceti-tit {font-size: 16px;}
	.customer-tit {font-size: 18px;}
	.customer-list {grid-template-columns: repeat(3, 1fr);}
	.map {height: 250px;}
	.location-left {font-size: 18px;}
	.location-right {font-size: 14px;}
	.location-div {gap: 20px;}
	.img-ani {padding: 45px 0;}
	.viewTit {font-size: 16px;}
	.viewDate {font-size: 14px;}
	.viewTitCell .left,
	.viewTitCell .right {font-size: 14px;}
	.viewTitCell .left {width: 70px;}
    .box-df-cell1,
	.box-df-cell2 {width: 100%;}
	.box-df {flex-direction: column;}
}

@media (max-width: 320px) {
	.img-ani {padding: 30px 0;}
}