/*공용*/
.inner{width:1720px; margin:0 auto;}
.con{width:1720px; margin:0 auto;}

h4.point{font-size:2rem;font-weight:700;color:#333;padding-left:1rem;position:relative;line-height:1;}
h4.point:before{content:'';display:block;position:absolute;width:5px;height:1.75rem;background:#2a9863;left:0;top:0.2rem;}
.web{display:block}
.mob{display:none;}
.product02 .company-list li .txt-zone em {}
@media (max-width:1720px){
	.inner{width:100%; padding:0 1rem;}
	.con{width:100%; padding:0 1rem;}
}
@media (max-width:1030px){
	.web{display:none}
	.mob{display:block;}
	h4.point{font-size:1.75rem;}
	h4.point:before{top:0;}
}

@media (max-width:767px){
	h4.point{font-size:1.5rem;}
}

/*ceo인사말*/
.ceo{position:relative;}
.ceo .con{display:flex;justify-content:space-between;}
.ceo .con .left{width:calc(100% - 28.45rem);background:url(/images/default/content/ceo-bg-logo.png)no-repeat right+5rem bottom+6rem;opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);transition: all 0.9s ease;position:relative;z-index:1;}
.ceo .con .left:after{content:'';display:block;width:26.8rem;height:6.5rem;background:url(/images/default/content/ceo-bg-logo.png)no-repeat center center;background-size:cover;right:5rem;bottom:6rem;z-index:1;position:absolute;}
.ceo .con .left.go {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);transition: all 0.9s ease;}
.ceo .con .left .ceo-stxt{font-size:1.2rem;font-weight:700;color:#2a9863;line-height:1;}
.ceo .con .left  strong{font-size:2rem;font-weight:400;margin:1.5rem 0 2.5rem 0;display:block;}
.ceo .con .left  strong b{font-weight:700;}
.ceo .con .left .txt-bx{padding-top:2.25rem;}
.ceo .con .left .txt-bx:before {content:'';display:block;position:absolute;width:200%;background:#f8f8f8;height:32.5rem;left:-20%;z-index:-1;margin-top:-2.25rem;}
.ceo .con .left .txt-bx p.txt-bx-p{font-size:1rem;color:#555;}
.ceo .con .left .ceo-bx{margin-top:4rem;}
.ceo .con .left .ceo-bx b{font-size:1.5rem;font-weight:700;color:#333;margin-left:1rem;}
.ceo .con .right{position:relative;z-index:1;opacity: 0;-webkit-transform: translateX(400px);transform: translateX(400px);transition: all 0.9s ease;}
.ceo .con .right.go {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);transition: all 0.9s ease;}


@media (max-width:1720px){
	.ceo .con .left{background-size:30%;}
	.ceo .con .left:after{width:16.5rem;height:4rem;right:2rem;bottom:2rem;}
}
@media (max-width:1500px){
	.ceo .con .left{width:calc(100% - 20rem);padding-right:1rem;}
	.ceo .con .right {width:20rem;} 
	.ceo .con .right img{width:100%;max-width:100%;}
	.ceo .con .left strong{font-size:1.75rem;margin:1rem 0;}
	.ceo .con .left .txt-bx{padding-top:1rem;}
	.ceo .con .left .txt-bx:before{margin-top:-1rem;}
	.ceo .con .left .ceo-bx{margin-top:2rem;}

}

@media (max-width:1030px){
	.ceo .con .left strong {font-size:1.5rem;}
}
@media (max-width:670px){
	.ceo .con{flex-direction:column;}
	.ceo .con .left{width:100%;    background: url(/images/default/content/ceo-bg-logo.png) no-repeat right bottom;        background-size: 30%;}
	.ceo .con .right{margin-left:auto;margin-top:1.5rem;background:#f8f8f8;}
	.ceo .con .left{padding-right:0;}

	.ceo .con .left:after{width:10.3rem;height:2.5rem;right:0;bottom:0;}
}
@media (max-width:400px){
	.ceo .con .right{width:100%;}
	.ceo .con .left:after{width:7.2rem;height:1.75rem;right:0;bottom:0;}
}


/*오시는 길*/
.road-con {display:flex;justify-content:space-between;}
.road-con .left{width:50%;padding-right:3rem;}
.road-con .left strong{font-size:2rem;font-weight:bold;margin-bottom:1rem;line-height:1;display:block;font-family: "Archivo";}
.road-con .left p.txt{color:#666;font-size:0.9rem;}
.road-con .left a.more {margin-top:2.5rem;width:10rem;line-height:2.75rem;border-radius:5px;background:#2a9863 url(/images/default/content/more-icon.png)no-repeat center right+2rem;display:block;padding:0 2rem 0 1.5rem;color:#fff;}
.road-con .left a.more:hover{background:#218454 url(/images/default/content/more-icon.png)no-repeat center right+2rem;}
.road-bx ul {display:flex;margin:-0.8rem;margin-top:4.5rem;}
.road-bx ul li {width:calc(100% / 3 - 1.25rem);margin:0.625rem;border:1px solid #ddd;padding:6.75rem 1rem 2.5rem 1.5rem;background:#fff url(/images/default/content/road-icon01.png)no-repeat left+1.5rem top+2rem;}
.road-bx ul li:nth-child(2){background:#fff url(/images/default/content/road-icon02.png)no-repeat left+1.5rem top+2rem;}
.road-bx ul li:nth-child(3){background:#fff url(/images/default/content/road-icon03.png)no-repeat left+1.5rem top+2rem;}
.road-bx ul li p.tit{font-weight:600;font-size:1rem;color:#333;}
.road-bx ul li p.txt{font-size:0.9rem;color:#555;}
.road-con .right{width:50%;padding-right:1.75rem;}
.road-con .right .root_daum_roughmap{width:100% !important;}
.road-con .right .root_daum_roughmap .map_border {display:none;}

@media (max-width:1600px){
	.road-bx ul li{padding:5rem 1rem 2rem 1rem;background:#fff url(/images/default/content/road-icon01.png)no-repeat left+1rem top+1.75rem;}
	.road-bx ul li:nth-child(2){background:#fff url(/images/default/content/road-icon02.png)no-repeat left+1rem top+1.75rem;}
	.road-bx ul{margin-top:3rem;}
}
@media (max-width:1400px){
	.road-con .left{padding-right:1rem;}
	.road-con .right{padding-right:0;}
}
@media (max-width:1030px){
	.road-con{display:block;}
	.road-con .left{width:100%;}
	.road-bx ul{margin-top:1.5rem;}
	.road-con .right{width:100%;margin-top:1.5rem;}
	.road-con .right .root_daum_roughmap{height:22rem;}
	.road-con .left strong{font-size:1.5rem;}

	.road-con .left{padding-right:0;}
}

/****************인증현황****************/
.certified .top-bx {width:100%;height:21rem;position:relative;display:flex;justify-content:center;align-items:center;
text-align:center;}
.certified .top-bx .bg{background:url(/images/default/content/certi-bg.jpg)no-repeat center center;position:absolute;width:100%;height:100%;left:0;top:0;    transition: all 0.9s ease;clip-path: inset(0 50%);opacity: 0.5;}
.certified .top-bx.go .bg {    clip-path: inset(0);opacity: 1;}
.certified .top-bx .con {position:relative;z-index:1;}
.certified .top-bx .con h4{color:#fff;font-size:2rem;}
.certified .top-bx .con h4 em {color:#3ba06f;}
.certified .top-bx .con p{color:rgba(255,255,255,0.7);font-size:1rem;margin-top:2rem;}
.certified  .certified-bx > div{display:flex;align-items:center;height:37rem;}
.certified  .certified-bx > div > div {width:50%;height:100%;}
.certified  .certified-bx > div > div.left{background:#e9f3ea;text-align:center;display:flex;justify-content:center;align-items:center;
    clip-path: inset(0 50%);
    opacity: 0.5;
    transition: all 0.6s ease;}
.certified  .certified-bx > div > div.left img{max-width:100%;}
.certified  .certified-bx > div > div.right{height:auto;padding-left:5rem;opacity: 0;    transform: translateY(20px);transition: all 1s ease;}
.certified  .certified-bx > div > div.right .tit p {color:#3ba06f;font-family: "Archivo";font-weight:600;line-height:1;}
.certified  .certified-bx > div > div.right .tit strong{font-size:2rem;color:#333;font-weight:500;line-height:1;margin:1rem 0 2rem 0;display:block;}
.certified  .certified-bx > div > div.right .tit strong b{font-weight:700;}
.certified  .certified-bx > div > div.right ul li {position:relative;color:#555;font-weight:600;font-size:1rem;padding-left:0.75rem;}
.certified  .certified-bx > div > div.right ul li:before{content:'';display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#555;left:0;top:0.55rem;}
.certified  .certified-bx > div > div.right ul li:not(:last-child){margin-bottom:0.5rem;}
.certified  .certified-bx > div:nth-child(2) {    flex-direction: row-reverse;margin-top:6.5rem;}
.certified  .certified-bx > div:nth-child(2) .left{background:#f0f0f0;}
.certified  .certified-bx > div > div.left.go { clip-path: inset(0);opacity: 1;}
.certified  .certified-bx > div > div.right.go{opacity: 1;    transform: translateY(0);transition: all 1s ease;    transition-delay: 0.5s;}

@media (max-width:1720px){
	.certified .certified-bx > div > div.right.go{padding-left:1rem;}
}
@media (max-width:1030px){
	.certified .certified-bx > div > div.right .tit strong {font-size:1.75rem;}
}
@media (max-width:767px){
	.certified  .certified-bx > div{display:block;height:auto;}
	.certified .certified-bx > div > div{width:100%;padding:2rem 1rem;}
	.certified .certified-bx > div:nth-child(2){margin-top:0;}
	.certified .certified-bx > div > div.right .tit strong{font-size:1.5rem;}
	.certified .top-bx .con h4 {font-size:1.6rem;}
	.certified .top-bx{height:auto;padding:2rem 0;}
	
}
@media (max-width:500px){
	.certified .top-bx .con p br{display:none;}
}

/****************조직도****************/
.org {margin:0 auto;text-align:center;}
.org img{max-width:100%;margin:0 auto;}
.org > div{opacity: 0;    transform: translateY(20px);transition: all 1s ease;}
.org > div.go{opacity: 1;    transform: translateY(0);transition: all 1s ease;  }
.org .org-step01{position:relative;}
.org .org-step01:before{content:'';display:block;position:absolute;left:50%;margin-left:-1px;height:8.9rem;width:1px;bottom:-8.9rem;background:#ddd;}
.org .org-step1-1{text-align:center;margin-top:2.5rem;}
.org .org-step1-1 > div{    width: 10rem;height: 3rem;display: flex;justify-content: center;align-items: center;border-radius: 1.5rem;font-weight: 700;position: relative;background:#03513b;color:#fff;margin:0 auto;}

.org .org-step01 .one{display:flex;width:10.6rem;height:10.6rem;background:url(/images/default/content/org-one.png)no-repeat center center;background-size:cover;justify-content:center;align-items:center;font-size:1.5rem;color:#fff;font-weight:700;margin:0 auto;box-shadow: 0px 11px 16px rgb(42 152 99 / 25%);border-radius:50%;}
.org .org-step02 {display:flex;justify-content: center;margin-top:2.25rem;}
.org .org-step02 > div{width:10rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:1.5rem;font-weight:700;position:relative;}
.org .org-step02 > div.left{background:#555555;color:#fff;}
.org .org-step02 > div.left:before{content:'';display:block;position:absolute;right:-15.1rem;height:1px;width:15.1rem;background:#ddd;top:50%;margin-top:-1px;
}
.org .org-step02 > div.right:before{content:'';display:block;position:absolute;right:9.8rem;height:1px;width:15.1rem;background:#ddd;top:50%;margin-top:-1px;}
.org .org-step02 > div.right{background:#fff;color:#555;border:4px solid #ddd;margin-left:30.25rem;}

.org .org-step03 {display:flex;justify-content:center;margin-top:6.15rem;gap:1rem;position:relative;}
.org .org-step03:before{content:'';display:block;position:absolute;width:32.5rem;height:1px;background:#ddd;top:-2.5rem;left:16rem;margin-left:0;}
.org .org-step03 > div {width:10rem;position:relative;}
.org .org-step03 > div:before{content:'';display:block;position:absolute;width:1px;height:2.5rem;top:-2.5rem;left:50%;margin-left:-1px;background:#ddd;}
.org .org-step03 > div .tit{background:#2a9863;height:3rem;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1rem;font-weight:700;margin-bottom:0.65rem;}
.org .org-step03 > div:nth-child(2) {width:20.45rem;}

.org .org-step03 > div:nth-child(4){width:20.45rem;}

.org .org-step03 > div:nth-child(4) .tit {position:relative;}
.org .org-step03 > div:nth-child(4):before {display:none;}
.org .org-step03 > div ul li {width:10rem;height:3rem;border:1px solid #82c8a6;background:#f1fbf6;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#555555;font-weight:600;}
.org .org-step03 > div ul li:not(:last-child){margin-bottom:0.65rem;}
.org .org-step03 > div > div{display:flex;justify-content:space-between;}
.org .org-step03 > div:nth-child(5) {width:20.45rem;}

@media (max-width:1176px){
	.org{width:100%;padding:0 1rem;}
	.org .org-step03{display:block;margin-top:3.15rem;}
	.org .org-step03 > div{width:100%;}
	.org .org-step03 > div:not(:last-child){margin-bottom:2rem;}
	.org .org-step03 > div ul li{width:100%;}
	.org .org-step03 > div:nth-child(3){width:100%;}
	.org .org-step03 > div > div ul {width:calc(100% / 2);}
	.org .org-step03 > div > div{gap:1rem;}
	.org .org-step03 > div:nth-child(4){margin-top:0;}
	.org .org-step03 > div:before{display:none;}
	.org .org-step03:before{display:none;}
}
@media (max-width:500px){
.org .org-step01 .one{width:8rem;height:8rem;}
.org > div.go{margin-left:0;}
.org .org-step02 > div.left:before{display:none;}
.org .org-step02 > div.left{margin-right:1rem;}
.org .org-step02 > div.right {margin-left:1rem;}
}	


/****************파트너사****************/
.partner > div{display:flex;}
.partner > div > div{width:50%;}
.partner > div > div.left{overflow:hidden;position:relative;clip-path: inset(0 50%);opacity: 0.5;transition: all 0.6s ease;}
.partner > div > div.left .swiper-pagination-bullet {width:10px;height:10px;    opacity: .3;}
.partner > div > div.left .swiper-pagination-bullet-active {opacity:1;     background: #2a9863;}
.partner > div > div.left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px;}
.partner > div > div.left  img{width:100%;    height: 100%;object-fit: cover;}
.partner > div > div.left .swiper{height:100%;} 
.partner > div > div.left .swiper .bg{height:100%;}
.partner > div > div.right{display:flex;align-items:center;padding-left:2.25rem;}
.partner > div > div.right > div{opacity: 0;transform: translateY(20px);transition: all 1s ease;}

.partner > div > div.right  strong{font-size:2rem;font-weight:500;color:#333;margin:1.25rem 0 ;display:block;letter-spacing: -0.05rem;}
.partner > div > div.right  strong b{font-weight:800;}
.partner > div > div.right p { white-space: pre-line;color:#555;font-weight:600;}
.partner > div > div.right p  em{border-bottom:1px solid #555;}
.partner > div > div.right p b{font-weight:700;}
.partner > div:nth-child(2n) { flex-direction: row-reverse;margin:6.5rem 0;}
.partner > div:nth-child(2n) .right{padding-left:5rem;padding-right:3rem;}

.partner > div > div.left.go{    clip-path: inset(0);opacity: 1;}
.partner > div > div.right > div.go{opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.25s;}


@media (max-width:1720px){
	.partner > div > div.right{padding:2rem 1rem 2rem 1rem;}
	.partner > div > div.right p {white-space: inherit;}
	.partner > div > div.right strong{font-size:1.75rem;}
	.partner > div:nth-child(2n) .right{padding-left:1rem;padding-right:1rem;}
	
}

@media (max-width:1030px){
	.partner > div{display:block;}
	.partner > div > div{width:100%;}
	.partner > div > div.right strong{font-size:1.5rem;}
	.partner > div > div.right p{font-size:0.9rem;}
	.partner > div:nth-child(2n){margin:2rem 0;}
	
	.partner > div:nth-child(2) .logo-bx img {height:2.5rem;}
	.partner > div:first-child .logo-bx img {height:1.5rem;}
	.partner > div:nth-child(3) .logo-bx img {height:1.5rem;}
}


/****************회사소개 / 연혁****************/

.history .history-top {margin-top:1.5rem;padding-top:4.45rem;position:relative;height:34.5rem;}
.history .history-top .bg{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:url(/images/default/content/txt-point-bg.jpg)no-repeat center center;background-size:cover;z-index:-1;transition: all 0.9s ease;clip-path: inset(0 50%);opacity: 0.5;}
.history .history-top.go .bg {    clip-path: inset(0);opacity: 1;}

.history .history-top .con{position:relative;text-align:center;opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.history .history-top.go .con{opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.5s;}

.history .history-top .con strong{font-size:2rem;color:#fff;font-weight:500;    letter-spacing: -0.03rem;}
.history .history-top .con strong b{font-weight:800;}
.history .history-top .con strong em {color:#2a9863;}
.history .history-top .con p{color:rgba(255,255,255,0.7);font-size:1rem;margin-top:1.43rem;}

.history .txt-point {display:flex;justify-content:space-between;gap:5rem;margin-top:-8.5rem;}
.history .txt-point  > div{width:calc(100% / 3 );text-align:center;opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.history .txt-point  > div.go {opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.25s;}
.history .txt-point  > div:nth-child(2) {transition-delay: 0.5s;}
.history .txt-point  > div:nth-child(3) {transition-delay: 0.75s;}

.history .txt-point  > div img{max-width:100%;}
.history .txt-point  > div .tit{font-size:1.5rem;color:#2a9863;font-weight:800;margin-top:2rem;padding-bottom:0.75rem;border-bottom:1px solid #ddd;}
.history .txt-point  > div ul {margin-top:1.5rem;}
.history .txt-point  > div ul li{color:#555;font-weight:600;font-size:1rem;}
.history .txt-point  > div ul li:not(:last-child){margin-bottom:0.75rem;}

.history .client{margin-top:6.5rem;}
.history .client h4{opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.history .client h4.go {opacity: 1;transform: translateY(0);transition: all 1s ease;}
.history .client .tit-zone{margin:5rem 0 4rem 0;text-align:center;opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.history .client .tit-zone.go{opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.25s;}
.history .client .tit-zone strong{color:#333;font-size:2rem;font-weight:500;}
.history .client .tit-zone strong b{font-weight:700;}
.history .client .tit-zone p{color:#555;font-size:1rem;margin-top:2rem;}

@media (max-width:1200px){
	.history .history-top{height:auto;padding:3rem 0;}
	.history .txt-point{margin-top:2rem;gap:2rem;}

}
@media (max-width:1030px){
	.history .history-top .con strong {font-size:1.3rem;}
	.history .history-top .con p{font-size:0.9rem;}
	.history .txt-point > div .tit{font-size:1.2rem;}
	.history .txt-point > div ul li:not(:last-child){margin-bottom:0.25rem;}
	.history .client .tit-zone strong{font-size:1.5rem;}
	.history .client .tit-zone {margin:3rem 0;}
}
@media (max-width:767px){
	.history .txt-point{display:block;}
	.history .txt-point > div{width:100%;}
	.history .txt-point > div:not(:last-child ){margin-bottom:1.5rem;}
	.history .txt-point > div .tit{margin-top:1rem;}
	.history .txt-point > div img {width:100%;}
}
@media (max-width:500px){
	.history .client .tit-zone strong {font-size:1.3rem;}
	.history .txt-point > div .tit{font-size:1.1rem;}
	.history .txt-point > div ul{margin-top:0.75rem;}
}

.history  .logo_wrap{overflow:hidden;display:flex;align-items:center;gap:40px;position:relative;width:100%;height:110px;opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.history  .logo_wrap.go{opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.5s;}
.history  .logo_wrap+.logo_wrap{margin-top:30px}
.history  .logo_wrap ul{display:flex;gap:0 40px;position:absolute;width:max-content}
.history  .logo_wrap ul+ul{margin-left:40px}
.history  .logo_wrap ul li{width:354px;height:100px;border:1px solid #ddd;border-radius:0}
.history  .logo_wrap ul li img{max-width:100%;}
.history  .logo_wrap .list1{animation:float1 60s linear infinite}
.history  .logo_wrap:last-child{}
@keyframes float1{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}
.history  .logo_wrap .list2{animation:float1-2 60s linear infinite}
@keyframes float1-2{0%{transform:translateX(100%)}100%{transform:translateX(0%)}}
.history  #mid ul+ul{margin-left:-60px}
.history  #mid .list1{animation:float2 60s linear infinite}
@keyframes float2{0%{transform:translateX(0%)}100%{transform:translateX(100%)}}
.history  #mid .list2{animation:float2-1 60s linear infinite}
@keyframes float2-1{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}

/* 반응형 [s] */
@media (max-width:1024px){
	.history  .tit_area{padding-bottom:60px}
	.history  .tit_area p{padding-bottom:20px;font-size:28px}
	.history  .tit_area span{font-size:15px}
	.history  .logo_wrap{height:80px}
	.history  .logo_wrap+.logo_wrap{margin-top:20px}
	.history  .logo_wrap ul{gap:0 30px}
	.history  .logo_wrap ul+ul{margin-left:30px}
	.history  #mid ul+ul{margin-left:-30px}
	.history  .logo_wrap ul li{width:245px;height:80px}
	.history  .logo_wrap .list1 img{width:100%}
	.history  .logo_wrap .list2 img{width:100%}
}
@media (max-width:768px){
	.history  .tit_area{padding-bottom:50px;margin:auto;width:95%}
	.history  .tit_area p{padding-bottom:12px;font-size:24px}
	.history  .tit_area span{font-size:14px;word-break:keep-all}
	.history  .logo_wrap{height:63px}
	.history  .logo_wrap+.logo_wrap{margin-top:15px}
	.history  .logo_wrap ul{gap:20px}
	.history  .logo_wrap ul+ul{margin-left:20px}
	.history  #mid ul+ul{margin-left:-20px}
	.history  .logo_wrap ul li{width:190px;height:63px}
}
@media (max-width:480px){
	.history  .tit_area{padding-bottom:45px}
	.history  .tit_area p{padding-bottom:10px;font-size:21px;white-space:normal;word-break:keep-all}
	.history  .logo_wrap{height:48px}
	.history  .logo_wrap+.logo_wrap{margin-top:10px}
	.history  .logo_wrap ul{gap:15px}
	.history  .logo_wrap ul+ul{margin-left:15px}
	.history  #mid ul+ul{margin-left:-15px}
	.history  .logo_wrap ul li{width:140px;height:48px}
	.history  .tit_area br{display:none}
}
@media (max-width:380px){
	.history  .tit_area{padding-bottom:38px}
	.history  .tit_area p{padding-bottom:8px;font-size:19px}
	.history  .tit_area span{font-size:13px}
	.history  .logo_wrap+.logo_wrap{margin-top:8px}
	.history  .logo_wrap ul{gap:10px}
	.history  .logo_wrap ul+ul{margin-left:10px}
	.history  #mid ul+ul{margin-left:-10px}
	.history  .logo_wrap ul li{width:125px;height:43px}
}


.history-con{margin-top:5rem;}
.history .history-bx-tit {margin-top:6.5rem;opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.history .history-bx-tit.go {opacity: 1;transform: translateY(0);transition: all 1s ease;}
.history .history-bx {margin-top:1.75rem;height:20rem;display:flex;justify-content:center;align-items:center;position:relative;text-align:center;}
.history .history-bx .history-bx-bg {position:absolute;left:0;top:0;background:url(/images/default/content/history-bg.jpg)no-repeat center center;background-size:cover;width:100%;height:100%;z-index:-1;transition: all 0.9s ease;clip-path: inset(0 50%);opacity: 0.5;}
.history .history-bx.go .history-bx-bg {    clip-path: inset(0);opacity: 1;}

.history .history-bx strong{font-size:2rem;color:#fff;font-weight:500;}
.history .history-bx strong em{color:#2a9863;}
.history .history-bx .con {opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.history .history-bx.go .con{opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.5s;}

.history-list{position:relative;}
.history-list:before{content:'';display:block;position:absolute;width:1px;height:100%;background:#ccc;left:50%;transform:translateX(-50%);top:1.5rem;}
.history-list > div{position:relative;}
.history-list > div:not(:last-child){padding-bottom:3rem;}
.history-list > div:after{content:'';display:block;position:absolute;width:1px;height:0;background:#2a9863;top:1.5rem;    transition: all .3s;}
.history-list > div:nth-child(odd){padding-left:50%;}
.history-list > div .year{font-size:2rem;font-weight:600;color:#2a9863;margin-bottom:1rem;padding-left:2.5rem;position:relative;font-family: "Archivo";}
.history-list > div .year:before{content:'';display:block;position:absolute;width:0.45rem;height:0.45rem;background:#2a9863;left:0;top:50%;transform:translate(-50%,-50%);border-radius:50%;}
.history-list > div ul{position:relative;padding-left:2.5rem;}
.history-list > div ul li.day{display:flex;font-size:0.9rem;}
.history-list > div ul li.day span{width:3.5rem;font-weight:800;}
.history-list > div ul li.day p {width:calc(100% - 3.5rem)}
.history-list > div ul li.day:not(:last-child){margin-bottom:1rem;}
.history-list > div:nth-child(even){padding-right:50%;}
.history-list > div:nth-child(even) ul{padding-right:2.5rem;padding-left:0;}
.history-list > div:nth-child(even) .year{padding-left:0;padding-right:2.5rem;text-align:right}
.history-list > div:nth-child(even) ul li.day {flex-direction:row-reverse;}
.history-list > div:nth-child(even) ul li.day span{text-align:right;}
.history-list > div:nth-child(even) .year:before{left:auto;right:0;transform:translate(50%,-50%);}
.history-list > div:nth-child(even):after{left:auto;right:calc(50%  - 1px);transform:translateX(0%);}
.history-list > div.effect:after {height:100%;    transition: all .3s;}
.history-list > div:nth-child(even) ul li.day p{text-align:right;}
.his-bottom-img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
@media (max-width:1200px){	
	.history .history-bx{height:auto;padding:3rem 1rem;}
	.history-list > div .year{margin-bottom:1.5rem;}
	.history-con{margin-top:3rem;}
}
@media (max-width:1030px){	
	.history-list > div .year {font-size:2rem;padding-left:1.5rem;}
	.history-list > div:nth-child(even) .year{padding-left:1.5rem;}
	.history .history-bx strong{font-size:1.5rem;}
}
@media (max-width:767px){	
	.history-list > div:nth-child(odd){padding-left:0;}
	.history-list > div:nth-child(even){padding-right:0;}
	.history-list > div:nth-child(even) .year{text-align:left;}
	.history-list > div:nth-child(even) ul li.day{    flex-direction: inherit;}
	.history-list > div:nth-child(even) ul li.day p{text-align:left;}
	.history-list > div:not(:last-child){padding-bottom:2rem;}
	.history-list:before{left:0;}
	.history-list > div:nth-child(even):after{right:auto;left:0;}
	.history-list > div:nth-child(even) .year{padding-right:0;padding-left:1.5rem;}
	.history-list > div:nth-child(even) .year:before{right:auto;left:0;transform: translate(-50%, -50%);}
	.history-list > div:nth-child(even) ul{padding-right:0;padding-left:2.5rem;}
	.history-list > div:nth-child(even) ul li.day span{text-align:left;}
	.his-bottom-img{width:80%;}
	.his-bottom-img img{width:100%;}
}
@media (max-width:500px){
	.history-list > div ul {padding-left:1.5rem;}
	.history-list > div:nth-child(even) ul{padding-left:1.5rem;}
	.history-list > div ul li.day span{width:2rem;}
	.history-list > div ul li.day p{width:calc(100% - 2rem)}

	.history .history-bx strong{font-size:1.3rem;}

}


/*EMA (전자기식 엑추에이터)*/
.product-bx {display:flex;margin-top:1.5rem;}
.product-bx  > div {height:29.6rem;}
.product-bx .left{position:relative;width:59.59%;box-shadow: 9px 0 40px rgb(165 165 165 / 28%);overflow:hidden;opacity: 0;transform: translateX(-100px);transition: all 1s ease;}
.product-bx .left.go{opacity: 1;transform: translateY(0);transition: all 1s ease;}
.product-bx .right {opacity: 0;transform: translateX(100px);transition: all 1s ease;}
.product-bx .right.go {opacity: 1;transform: translateY(0);transition: all 1s ease;    transition-delay: 0.25s;}

.product-bx .left .proSwiper  {height:100%;}
.product-bx .left .swiper-slide {display:flex;justify-content:center;align-items:center;}
.product-bx .left .swiper-button-prev, .swiper-container-rtl .swiper-button-next {    background-image: url(/images/default/content/swiper-left.png)no-repeat center center;}
.product-bx .left .pro-next,
.product-bx .left .pro-prev {position:absolute;width:1.25rem;height:2.15rem;top:50%;transform:translateY(-50%);}
.product-bx .left .pro-next{right:2.25rem;background:url(/images/default/content/swiper-right.png)no-repeat center center;background-size:cover;z-index:1;cursor:pointer;}
.product-bx .left .pro-prev {left:2.25rem;background:url(/images/default/content/swiper-left.png)no-repeat center center;background-size:cover;z-index:1;cursor:pointer;}
.product-bx .left .swiper-pagination-bullet {width:10px;height:10px;}
.product-bx .left .swiper-pagination-bullet-active {background:#2a9863;}
.product-bx .left .swiper-container-horizontal>.swiper-pagination-bullets {bottom:1.75rem;}
.product-bx .right {width:calc(100% - 59.59% - 1.75rem);background:#f2fcf3 url(/images/default/content/right-point.png)no-repeat right bottom;margin-left:1.75rem;display:flex;justify-content:center;align-items:center;padding:0 1rem;}
.product-bx .right  .stxt {color:#999999;font-size:1rem;font-weight:500;font-family: "Archivo";}
.product-bx .right  .stxt b{font-weight:700;}
.product-bx .right strong{color:#333;font-weight:700;font-size:2rem;font-family: "Archivo";line-height:1;margin:1rem 0 2rem 0;display:block;}
.product-bx .right  .ptxt {color:#555;font-size:1rem;}
.product-bx .right  ul.dot {margin-top:1.5rem;}
.product-bx .right  ul.dot li {color:#2a9863;padding-left:0.5rem;position:relative;font-size:1rem;}
.product-bx .right  ul.dot li:before{content:'';display:block;position:absolute;width:4px;height:4px;border-radius:50%;background:#2a9863;left:0;top:0.75rem;}
.product-bx .right  ul.dot li:not(:last-child){margin-bottom:0.25rem;}

.pro-con{padding:5rem 0;display:flex;}
.pro-con .left{width:22.38%;}
.pro-con .left h5{font-size:1.7rem;color:#014d39;font-weight:700;line-height:1;opacity: 0;transform: translateY(40px);transition: all 1s ease;}
.pro-con.go .left h5 {opacity: 1;transform: translateY(0);transition: all 1s ease;}

.pro-con .right{width:calc(100% - 22.38%);}
.pro-con .right .num-list{display:flex;gap:1.5rem;justify-content:space-between;}
.pro-con .right .num-list ul {width:calc(100% / 2)}
.pro-con .right .num-list ul li {padding:1.75rem 0.5rem  1.75rem 0;border-bottom:1px solid #ddd;display:flex;opacity: 0;transform: translateY(30px);transition: all 0.5s ease;}

.pro-con .right .num-list ul li.go {opacity: 1;transform: translateY(0);transition: all 1s ease;}

.pro-con .right .num-list ul:first-child li:nth-child(2).go {transition-delay: 0.2s;}
.pro-con .right .num-list ul:first-child li:nth-child(3).go {transition-delay: 0.4s;}
.pro-con .right .num-list ul:first-child li:nth-child(4).go {transition-delay: 0.6s;}
.pro-con .right .num-list ul:nth-child(2) li:nth-child(1).go {transition-delay: 0.8s;}
.pro-con .right .num-list ul:nth-child(2) li:nth-child(2).go {transition-delay: 1.0s;}
.pro-con .right .num-list ul:nth-child(2) li:nth-child(3).go {transition-delay: 1.2s;}
.pro-con .right .num-list ul:nth-child(2) li:nth-child(4).go {transition-delay: 1.4s;}

.pro-con .right .num-list ul li  span {display:flex;width:1.6rem;height:1.6rem;background:#2a9863;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:0.8rem;color:#fff;font-weight:600;margin-right:0.75rem;}
.pro-con .right .num-list ul li p{font-size:1rem;color:#555;width:calc(100% - 1.6rem);}
.pro-con .right .num-list ul li:first-child{padding-top:0;}
.pro-con .right .graph{opacity: 0;transform: translateY(40px);transition: all 1s ease;}
.pro-con .right .graph.go {opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.5s;}

.pro-con .right .graph .img-zone{background:#fff;padding:2.5rem 1rem 1.75rem 1rem;text-align:center;}
.pro-con .right .graph .img-zone img{max-width:100%;}
.pro-con .right .graph .graph-txt{color:#555;font-size:1rem;margin:2rem 0 1.5rem 0;text-align:center;}
.pro-con .right .graph ul li{text-align:center;color:#2a9863;font-weight:500;}
.pro-con .right .graph ul li:not(:last-child){margin-bottom:0.5rem;}
.pro-con .right .graph ul li span {position:relative;padding-left:0.5rem;}
.pro-con .right .graph ul li span:before{content:'';display:block;position:absolute;width:4px;height:4px;background:#2a9863;border-radius:0;left:0;top:0.5rem;border-radius:50%;}
.pro-con .right .graph ul li span b{font-weight:800;}
.gbx{background:#f8f8f8;}

.pro-con .right.right-ani {opacity: 0;transform: translateY(40px);transition: all 1s ease;}
.pro-con .right.right-ani.go {opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.5s;}

@media (max-width:1500px){
	.product-bx .left{width:50%;}
	.product-bx .right{    width: calc(100% - 50% - 1.75rem);}
	.product-bx .left .swiper-slide img {max-width:80%;}
}
@media (max-width:1400px){
	.pro-con .right .num-list ul li:nth-child(3) p{min-height:3rem;}
}
@media (max-width:1200px){
	
	.product-bx .left .pro-next {right:1rem;}
	.product-bx .left .pro-prev {left:1rem;}
	.product-bx .left .swiper-slide img{max-width:70%;}
}
@media (max-width:1030px){
	.pro-con{display:block;padding:3rem 0;}
	.pro-con .left{width:100%;}
	.pro-con .right{width:100%;margin-top:1.5rem;}
	.product-bx .left .swiper-slide:nth-child(1) img{max-width:50%;}
	.product-bx .left .swiper-slide:nth-child(2) img{max-width:50%;}


}
@media (max-width:767px){
	.product-bx{display:block;}
	.product-bx .left{width:100%;}
	
	.product-bx > div{height:25rem;}
	.product-bx .left .swiper-slide {padding:2rem 0;}
	.product-bx .left .swiper-slide img{max-height:85%;}
	.product-bx .left .swiper-container-horizontal>.swiper-pagination-bullets{bottom:1rem;}
	.product-bx .right{width:100%;margin-left:0;margin-top:1.5rem;height:auto;padding:2rem 1rem;background-size:50%;}
	.pro-con .right .num-list{display:block;}
	.pro-con .right .num-list ul{width:100%;}
	.pro-con .right .num-list ul li:nth-child(3) p{min-height:inherit;}
	.pro-con .right .num-list ul li:first-child{padding-top:1rem;}
	.pro-con .right .num-list ul li{padding:1rem 0.5rem 1rem 0;}

}
@media (max-width:500px){
	.product-bx > div{height:20rem;}
}



/*테이블 공용*/
.horizontal_scroll .xi-touch {position: relative;left: 0;animation: h_move 1s infinite linear;}

@keyframes h_move{
    25%{left:3px}
    50%{left:0} 
    75%{left:-3px} 
    100%{left:0}
}
.horizontal_scroll{display:none}

@media (max-width:1030px){
	.horizontal_scroll {display:block;margin-bottom: 0.5rem;}
}




.table-zone th{background:#2a9863;color:#fff;height: 3.75rem;font-size:0.8rem;font-family: "Archivo";position:relative;}
.table-zone th:not(:last-child):after{content:'';display:block;position:absolute;width:1px;height:2rem;right:0;top:50%;transform:translateY(-50%);background:#fff;}
.table-zone td {border:1px solid #ddd;text-align:center;padding:1rem ;background:#fff;font-size:0.8rem;}
.table-zone td:first-child{border-left:none;}
.table-zone td:last-child{border-right:none;}
.table-zone td div{text-align:left;}
.table-zone td div:not(:last-child){margin-bottom:2rem;}
.table-zone td div p.tit{color:#555;font-weight:800;position:relative;padding-left:0.65rem;}
.table-zone td div p.txt {padding-left:0.65rem;}
.table-zone td div p.tit:before{content:'';display:block;position:absolute;width:5px;height:5px;border-radius:50%;background:#555;border-radius:50%;left:0;top:0.55rem;}
.table-zone td div ul li{color:#555;font-size:1rem;padding-left:1.25rem;position:relative;}
.table-zone td div ul li:before{content:'';display:block;position:absolute;width:0.3rem;height:1px;background:#555;left:0.5rem;top:0.75rem;}

@media (max-width:650px){

	.table-zone { width:100%;overflow-x:auto;}

	 .table-zone table {   min-width:1030px;}
}

.pro-con .right .table-ul{margin-top:1.25rem;}
.pro-con .right .table-ul li{text-align:right;color:#555555;font-size:1rem;}
.pro-con .right .table-ul li em {padding-right:5px;}
.pro-con .right .table-ul li:not(:last-child){margin-bottom:0.5rem;}
.green {color:#2a9863;}

.pro-con .right .youtube-bx{position:relative;padding-bottom:56.25%}
.pro-con .right .youtube-bx iframe{position:absolute;left:0;top:0;width:100%;height:100%;}

/*전자식 진동시험기*/
.product02 .pro-con .right .num-list ul li:nth-child(3) p{min-height:inherit;}
.product02 .product02-imgzone {text-align:center;}
.product02 .product02-imgzone img{max-width:100%;}

.product02 .company-list li{display:flex;align-items:center;opacity: 0;transform: translateY(30px);transition: all 0.5s ease;}
.product02 .company-list li.go {opacity: 1;transform: translateY(0);transition: all 1s ease;}
.product02 .company-list li:nth-child(2).go {transition-delay: 0.2s;}
.product02 .company-list li:nth-child(3).go {transition-delay: 0.4s;}
.product02 .company-list li:nth-child(4).go {transition-delay: 0.6s;}




.product02 .company-list li .txt-zone{padding-left:2.25rem;}
.product02 .company-list li .txt-zone span {padding:0.5rem 1.25rem;border-radius:1rem;background:#f2fcf3;color:#2a9863;font-size:0.9rem;font-weight:700;display:inline-block;}
.product02 .company-list li .txt-zone .tit {font-size:1.5rem;font-weight:800;color:#333;margin:1rem 0;}
.product02 .company-list li:not(:last-child){margin-bottom:2.5rem;}

.product02 .tab-bx-table {background:#ffffff;margin-bottom:3rem;border-radius:1.9rem;overflow:hidden;}
.product02 .tab-bx-table ul {display:flex;}
.product02 .tab-bx-table ul li{width:calc(100% / 3);height:3.75rem;text-align:center;color:#999;font-weight:800;font-size:1rem;display:flex;justify-content:center;align-items:center;padding:0 0.5rem;}
.product02 .tab-bx-table ul li.on {border-radius:1.9rem ;background:#014d39;color:#fff;}

@media (max-width:767px){
	.product02 .company-list li .img-zone {width:40%;}
	.product02 .company-list li .img-zone img{width:100%;}
	.product02 .company-list li .txt-zone{width:60%;}
}


@media (max-width:650px){
	.product02 .tab-bx-table ul {display:block;}
	.product02 .tab-bx-table{background:#f8f8f8;}
	.product02 .tab-bx-table ul li{width:100%;}
}

@media (max-width:500px){
	.product02 .company-list li{display:block;}
	.product02 .company-list li .img-zone{width:100%;}
	.product02 .company-list li .txt-zone{width:100%;padding-left:0;margin-top:1rem;}
}


.product03 .product-bx .right  p.point{color:#2a9863;font-size:1rem;margin-top:2.5rem;}


.product03 .product03-list {gap:3rem;display:flex;}
.product03 .product03-list  li {width:calc(100% / 3)}
.product03 .product03-list  li img{max-width:100%;}

.product03 .product03-tit-zone {text-align:center;margin-top:3rem;opacity: 0;transform: translateY(30px);transition: all 0.5s ease;}
.product03 .product03-tit-zone.go {opacity: 1;transform: translateY(0);transition: all 1s ease;}
.product03 .product03-tit-zone .tit{font-size:1.5rem;font-weight:700;color:#333;}

.product03 .product03-tit-zone .txt {color:#555;font-size:1rem;margin-top:1.5rem;}
.product03 .product03-tit-zone .txt  b{color:#2a9863;font-weight:800;}





.product03 .product03-list  li{display:flex;align-items:center;opacity: 0;transform: translateY(30px);transition: all 0.5s ease;}
.product03 .product03-list  li.go {opacity: 1;transform: translateY(0);transition: all 1s ease;}
.product03 .product03-list  li:nth-child(2).go {transition-delay: 0.2s;}
.product03 .product03-list  li:nth-child(3).go {transition-delay: 0.4s;}
.product03 .product03-list  li:nth-child(4).go {transition-delay: 0.6s;}
@media (max-width:1030px){
.product03 .product03-tit-zone .tit {font-size:1.2rem;}
}

@media (max-width:767px){
	.product03 .product03-list {gap:1.5rem;}

}
@media (max-width:500px){
	.product03 .product03-list {flex-direction:column;}
	.product03 .product03-list li {width:100%;}
}



/********복리후생*********/
.welfare-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:-2rem;}
.welfare-list li{text-align:center;    opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);transition: all 0.6s ease;width:calc(100% / 5);margin-bottom:2rem;}
.welfare-list li.go {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.welfare-list li .one{width:10rem;height:10rem;border-radius:50%;background:#f2fcf3;display:flex;justify-content:center;align-items:center;    transform: scale(0);opacity: 0;transition: all 0.6s ease;margin:0 auto;}
.welfare-list li.go .one{transform: scale(1);
    opacity: 1;}
.welfare-list li .txt-zone{font-size:1rem;font-weight:700;color:#333;margin-top:1.25rem;}
.welfare-list li .txt-zone span,
.welfare-list li .txt-zone em {font-weight:500;}

.welfare-list02{margin-top:2rem;}

@media (max-width:1300px){

	.welfare-list li .one{width:8rem;height:8rem}
}
@media (max-width:1030px){

	.welfare-list li .one img{height:2.5rem;}
}

@media (max-width:767px){
	.welfare-list{margin:-0.5rem;}
	.welfare-list li{width:calc(100% / 2 - 1rem );margin:0.5rem;        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);padding:2rem 1rem ;border-radius: 3vw;}
	.welfare-list li .one{width: 20vw;  height: 20vw;}
	.welfare-list li .one img{height:3rem;}
}
@media (max-width:500px){
	.welfare-list li{padding:1.5rem 1rem;}
	.welfare-list li .one img{height:2.5rem;}
	.welfare-list li .txt-zone{margin-top:0.75rem;}
}



/*******인재상******/
.talented ul {margin:-2.125rem;display:flex;flex-wrap:wrap;}
.talented ul li {width:calc(100% / 2 - 4.25rem) ;margin:2.125rem;}
.talented ul li .num span{width:1.6rem;height:1.6rem;border-radius:50%;background:#2a9863;font-size:0.8rem;color:#fff;display:flex;justify-content:center;align-items:center;margin:1.5rem 0 1.4rem 0;}
.talented ul li strong{font-size:2rem;font-weight:500;}
.talented ul li strong b{font-weight:700;}
.talented ul li p{color:#555;margin-top:1.75rem;}


.talented ul li .img-zone{transition: all 0.9s ease;clip-path: inset(0 50%);opacity: 0.5;}
.talented ul li.go .img-zone{clip-path: inset(0);opacity: 1;}
.talented ul li:nth-child(2).go .img-zone{transition-delay: 0.2s;}
.talented ul li:nth-child(3).go .img-zone{transition-delay: 0.4s;}
.talented ul li:nth-child(4).go .img-zone{transition-delay: 0.5s;}
.talented ul li .txt-bx{opacity: 0;transform: translateY(20px);transition: all 1s ease;}
.talented ul li.go .txt-bx{opacity: 1;transform: translateY(0);transition: all 1s ease;transition-delay: 0.1s;}
.talented ul li:nth-child(2 ).go .txt-bx{transition-delay: 0.2s;}
.talented ul li:nth-child(3).go .txt-bx{transition-delay: 0.3s;}
.talented ul li:nth-child(4 ).go .txt-bx{transition-delay: 0.4s;}

.talented ul li .img-zone img{max-width:100%;}

@media (max-width:1720px){
	.talented ul li strong {font-size:1.5rem;}
	.talented ul li .num span{margin:1rem 0;}
	.talented ul li p{margin-top:1rem;}
	.talented ul {margin:-1rem;}
	.talented ul li{margin:1rem;    width: calc(100% / 2 - 2rem);}
}

@media (max-width:767px){
	.talented ul li{width:100%;}
}


/*시험소개*/
.exam-list ul {display:flex;flex-wrap:wrap;margin:-1.25rem;margin-top:1.75rem;}
.exam-list ul li  {width:calc(100% / 4 - 2.5rem);margin:1.25rem;opacity: 0;transform: translateY(30px);transition: all 0.5s ease;}
.exam-list ul li.go{opacity: 1;transform: translateY(0);transition: all 1s ease;}
.exam-list ul li img{max-width:100%;}
.exam-list ul li p{color:#333;font-size:1rem;text-align:center;padding-top:0.5rem;}

.exam-bx-con {margin-top:5rem;}
.exam-bx-con h4{margin-bottom:1.75rem;}

.exam-bx-con .exam-bx > div {display:flex;align-items:center;} 
.exam-bx-con .exam-bx > div .left-zone {width:50%;opacity: 0;transform: translateX(-100px);transition: all 1s ease;}
.exam-bx-con .exam-bx > div .left-zone.go {    opacity: 1;transform: translateY(0);transition: all 1s ease;}
.exam-bx-con .exam-bx > div .right-zone {width:50%;padding-left:2.75rem;opacity: 0;transform: translateX(100px);transition: all 1s ease;}
.exam-bx-con .exam-bx > div .right-zone.go {    opacity: 1;
    transform: translateY(0);
    transition: all 1s ease;
    transition-delay: 0.25s;}
.exam-bx-con .exam-bx > div .right-zone p.tit-zone{font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;}
.exam-bx-con .exam-bx > div .right-zone ul {}
.exam-bx-con .exam-bx > div .right-zone ul li{position:relative;color:#555;padding-left:0.75rem;font-size:1rem;}
.exam-bx-con .exam-bx > div .right-zone ul li:before{content:'';display:block;position:absolute;width:4px;height:4px;border-radius:50%;left:0;top:0.75rem;background:#555;}
.exam-bx-con .exam-bx > div .right-zone ul li:not(:last-child){margin-bottom:0.5rem;}

.exam-bx-con .exam-bx > div .right-zone ul.list-2 li{padding-left:0;}
.exam-bx-con .exam-bx > div .right-zone ul.list-2 li:before{display:none;}

.exam-bx-con .exam-bx .left-zone2 {display:flex;width:50%;    opacity: 0;transform: translateX(-100px);transition: all 1s ease;}
.exam-bx-con .exam-bx .left-zone2.go {    opacity: 1;transform: translateY(0);transition: all 1s ease;}
.exam-bx-con .exam-bx .left-zone2 > div {}
.exam-bx-con .exam-bx .left-zone2 > div img{width:100%;}
.exam-bx-con .exam-bx .left-zone {}
.exam-bx-con .exam-bx .left-zone > div {background:#e9f2e9;padding:3.75rem 1rem;text-align:center;}
.exam-bx-con .exam-bx .left-zone img{max-width:100%;}
.exam-bx-con .exam-bx .left-zone p {font-size:1rem;margin-top:1.25rem;}
.exam-bx-con .exam-bx .left-zone p em{color:#2a9863;}

@media (max-width:1030px){
	.exam-bx-con .exam-bx > div .right-zone{padding-left:1.5rem;}

}
@media (max-width:767px){
	.exam-bx-con .exam-bx > div{display:block;}
	.exam-bx-con .exam-bx > div .left-zone{width:100%;}
	.exam-bx-con .exam-bx > div .right-zone{width:100%;}
	.exam-bx-con .exam-bx .left-zone2{width:100%;}
	.exam-bx-con .exam-bx > div .right-zone{padding-left:0;margin-top:1rem;}
	.exam-list ul {margin:-0.75rem;margin-top:1.5rem;}
	.exam-list ul li{margin:0.75rem; width: calc(100% / 4 - 1.5rem);}

}
@media (max-width:500px){
	.exam-list ul{margin:-0.5rem;margin-top:1.5rem;}
	.exam-list ul li{margin:0.5rem; width: calc(100% / 3 - 1rem);}
	.exam-bx-con .exam-bx .left-zone img{max-width:80%;}
}