@CHARSET "UTF-8";

/*숨김처리*/
.visually_hidden{position: absolute;overflow: hidden;clip: rect(0,0,0,0);width: 1px;height: 1px;margin: -1px;border: 0;}

/* 장비 스와이퍼 - 없앴지만 css는 안지움*/
.mevent{position:relative;width:100%;overflow:hidden;}
.mevent .swiper-slide{width:560px; height: 385px;opacity:.1;}
.mevent .swiper-slide img{box-shadow:0 15px 25px rgba(0,0,0,0.15);}
.mevent .swiper-slide p{font-size:1.7rem;font-weight:700;text-align:center;margin-top:15px;}
.mevent .swiper-slide-active{opacity:1;}
.mevent .btn_wrap{position:absolute;display: flex;justify-content: space-between;width: 630px;top: 140px;left: 50%;z-index: 1;transform: translateX(-50%);}
.mevent .btn_wrap > div{width:70px;height:70px;background:url(/nanum/site/builder/dir/main/img/menu4845/btn_arr.png)no-repeat;cursor:pointer;}
.mevent .btn_wrap > div.event_prev_btn,
.mevent .btn_wrap > div.event_prev_btn2{transform:rotate(180deg);}
  
.mevent.bigsize .swiper-slide{width:695px; height: 485px;}
.mevent.bigsize .btn_wrap{width: 750px;top: 175px;}

/* 장비 스와이퍼2 - 없앴지만 css는 안지움*/
.view_wrap{box-sizing: border-box;margin-top:50px;}
.view_wrap .ex_swiper{width:670px;height: 480px;}
.view_wrap .ex_swiper .swiper-button-prev, 
.view_wrap .ex_swiper .swiper-rtl .swiper-button-next{left:0;width:70px;height:70px;background-image:url(/nanum/site/builder/dir/main/img/menu4845/btn_arr.png);transform:rotate(180deg);}
.view_wrap .ex_swiper .swiper-button-next, 
.view_wrap .ex_swiper .swiper-rtl .swiper-button-prev{right:0;width:70px;height:70px;background-image:url(/nanum/site/builder/dir/main/img/menu4845/btn_arr.png);}
.view_wrap .ex_swiper .swiper-button-prev:after, 
.view_wrap .ex_swiper .swiper-rtl .swiper-button-next:after, 
.view_wrap .ex_swiper .swiper-button-next:after, 
.view_wrap .ex_swiper .swiper-button-prev:after{display:none;}
.view_wrap .ex_swiper .swiper-slide{position:relative;display: flex;justify-content: center;height:480px;}
.view_wrap .ex_swiper .swiper-slide p{position: absolute;bottom: 0;font-size:20px;font-weight:600;}
.view_wrap .ex_swiper .swiper-slide .img_wr{height: 440px;border-radius: 18px;overflow:hidden;}

/* 장비이미지 나열버전 */
.eq_list{display:flex;flex-wrap:wrap;}
.eq_list .img_wrap{width:33.3%;text-align:center;border: 1px solid #ccc;border-top:0;border-left:0;padding: 30px;  box-sizing: border-box;}
.eq_list .img_wrap:first-child,
.eq_list .img_wrap:nth-child(2),
.eq_list .img_wrap:nth-child(3){border-top: 1px solid #ccc;}
.eq_list .img_wrap:first-child,
.eq_list .img_wrap:nth-child(4){border-left: 1px solid #ccc;}
.eq_list .img_wrap img{width: 280px;height: 170px;}

/* 품질시험 지도점검 및 교육 - 없앴지만 css는 안지움*/
.simple_a{position:relative;display: flex;align-items: center;justify-content: space-evenly;margin:80px 0;}
.simple_a > p{position:relative;display: flex; flex-direction: column;align-items: center;justify-content: center;width:250px;height:250px;font-size:1.9rem;font-weight:700;color:#fff;border: 15px solid #dae1ff;background:#4660d7;border-radius:50%;}
.simple_a > p:before{position:absolute;content:'';z-index:-1;width:350px;height:350px;left:-50px;top:-50px;/*left:50%;top:50%;transform:translate(-50%,-50%);*/background:#bdc9f5;border-radius:50%;animation: btn_twin 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
.simple_a > p:after{position:absolute;content:'';right:-90px;width:25px;height:17px;background:url(/nanum/site/builder/dir/main/img/menu4845/simple_arr.png)no-repeat;}
.simple_a ul{display: flex;}
.simple_a ul li{display: flex; flex-direction: column;align-items: center;justify-content: center;width:350px;height:350px;text-align: center;line-height: 28px;color: #555;padding:15px;border:1px solid #ccc;border-radius:50%;background: #fff;box-sizing:border-box;} 
.simple_a ul li span{color:#fff;font-weight:700;width: 35px;height: 35px;line-height:35px;background: #4660d7;border-radius:50%;margin-bottom:15px;}
.simple_a ul li span.txt{width: auto;height: auto;color:#4660d7;font-size:1.7rem;border-radius:0;background: 0;}

.simple_a.no2 > p{width: 210px;height: 210px;}
.simple_a.no2 ul li{width:275px;height:275px;line-height: 25px;justify-content: flex-start;padding: 65px 15px 15px;}
.simple_a.no2 ul li:nth-child(n+2){margin-left:-5px;}
.simple_a.no2 > p:before{width:310px;height:310px;}
.simple_a.no2 > p:after{right: -65px;}

@keyframes btn_twin {
    0% {
        opacity: .6;
        transform: scale(.7);
    }

    50%,100% {
        opacity: 0;
        transform: scale(1.1);
    }
}


.divide{display:flex;gap:50px;}
.divide dl{width:50%;border:1px solid #bdbdbd;border-radius:20px;padding:50px 40px;box-sizing:border-box;}
.divide dl dt{text-align:center;font-size:2rem;font-weight:700;color:#3969e4;margin-bottom:25px;}
.divide dl dd .dv_wrap{display:flex;gap:20px;margin-top: 20px;}
.divide dl dd .dv_wrap p{display: flex;flex-direction: column;align-items: center;justify-content: center;width:33%;text-align:center;background:#f6f6f6;border-radius:10px;padding:15px 0;box-sizing:border-box;}

.boxlist{display:flex;justify-content: space-between;}
.boxlist p{display: flex;flex-direction: column;align-items: center;justify-content: center;width:150px;height:150px;font-weight:700;font-size:1.8rem;color:#fff;border-radius:10px;background:#3969e4;box-shadow: 0 0 20px #3969e463;}
.boxlist ul{display: flex;flex-direction: column;justify-content: space-between;width:185px;}
.boxlist ul li{position:relative;text-align:center;color:#3969e4;border:1px solid #3969e4;border-radius:50px;background:#f3f6ff;padding: 10px 0;box-sizing:border-box;}
.boxlist ul li:before{position:absolute;content:'';right:-45px;top:50%;width:35px;height:1px;background:url(/nanum/site/builder/dir/main/img/menu5899/dash_ic.gif)repeat-x;}
.boxlist ol{display: flex;flex-direction: column;justify-content: space-between;width:565px;}
.boxlist ol li{text-align:center;color:#555;border-radius:50px;background:#f6f6f6;padding: 10px 0;box-sizing:border-box;}

.step_wrap dl{display:flex;justify-content: space-between;align-items: center;margin-top:35px;}
.step_wrap dl:first-child{margin-top:0;}
.step_wrap dl dt{position:relative;width:260px;text-align:center;padding:20px 0;background:#f6f7f9;border-radius:20px;box-sizing:border-box;}
.step_wrap dl dt:after{position:absolute;content:'';z-index:1;left:50%;transform:translateX(-50%);bottom:-25px;width:35px;height:35px;background:#fff;border:1px solid #ccc;border-radius:50%;box-shadow: 0 8px 8px rgba(0,0,0,0.05);}
.step_wrap dl dt:before{position:absolute;content:'';z-index:2;left:50%;transform:translateX(-50%);bottom:-11px;width:16px;height:8px;background:url(/nanum/site/builder/dir/main/img/menu5899/process_arr.gif)no-repeat;}
.step_wrap dl dt p{color:#3969e4;font-size:1.4rem;font-weight: 700;}
.step_wrap dl dt span{display:block;font-size:2.5rem;font-weight: 800;margin-top: -5px;}
.step_wrap dl dd{position:relative;width:685px;min-height:120px;border: 1px solid #e3e3e3;border-radius: 20px; padding: 20px 40px;box-sizing:border-box;}
.step_wrap dl dd:before{position:absolute;content:'';left:-45px;top:50%;width:35px;height:1px;border-top:1px dashed #e3e3e3;}
.step_wrap dl dd .ddtit{color:#3969e4;}
.step_wrap dl:last-child dt:after,
.step_wrap dl:last-child dt:before{display:none;}





/********************태블릿********************/
@media all and (max-width:1024px){
	
/* 품질시험 지도점검 및 교육 */
.simple_a{margin:45px 0;}
.simple_a > p:after{right: -66px;}

/* 장비이미지 나열버전 */
.eq_list{flex-direction: column;}
.eq_list .img_wrap{width:100%;text-align:center;border: 1px solid #ccc !important;border-bottom:0 !important;}
.eq_list .img_wrap:last-child{border-bottom: 1px solid #ccc !important;}

.divide{flex-direction: column;gap:20px;}
.divide dl{width:100%;padding:30px;}
.divide dl dd .dv_wrap{flex-direction: column;gap: 10px;}
.divide dl dd .dv_wrap p{width:100%;}

.boxlist{flex-wrap:wrap;flex-direction: column;gap: 20px;}
.boxlist p{width:100%;height: 50px;}
.boxlist ul{flex-direction: initial;width:100%;}
.boxlist ul li{width:32%;}
.boxlist ul li:before{width: 20px;top:auto;bottom:-12px;right: 50%;transform: translateX(49%)rotate(90deg);}
.boxlist ol{flex-direction: initial;width:100%;}
.boxlist ol li{width:32%;border-radius: 10px;padding: 15px;}

.step_wrap dl{flex-direction: column;gap: 20px;}
.step_wrap dl:not(:first-child){margin-top: 20px;}
.step_wrap dl dt{width:100%;padding: 10px 0;}
.step_wrap dl dt span{font-size:1.8rem;}
.step_wrap dl dd{width:100%;}
.step_wrap dl dd:before{display:none;}

.tac img{width:100%;}

}

/********************모바일********************/
@media all and (max-width:767px){

/* 장비 스와이퍼 */
.mevent .swiper-slide,
.mevent.bigsize .swiper-slide{width:100%;height: auto;}
.mevent .swiper-slide img{width:100%;}
.mevent .btn_wrap,
.mevent.bigsize .btn_wrap{width:100%;top: 40%;}
.mevent .btn_wrap > div{width: 50px;height: 50px;background-size: cover;}


/* 품질시험 지도점검 및 교육 */
.simple_a{flex-direction: column;gap: 40px;}
.simple_a > p,
.simple_a.no2 > p{width:150px;height:150px;border-width: 10px;}
.simple_a > p:after,
.simple_a.no2 > p:after{right: 50%;bottom: -40px;transform: translateX(50%)rotate(90deg);}
.simple_a > p:before,
.simple_a.no2 > p:before{left: -35px;top: -35px;width: 215px; height: 215px;}
.simple_a ul{flex-direction: column;}
.simple_a ul li span.txt{font-size:1.8rem;}
.simple_a ul li,
.simple_a.no2 ul li{width: 250px;height: 250px;font-size:1.7rem;}
.simple_a.no2 ul li{padding:15px;justify-content: center;}
.simple_a.no2 ul li:nth-child(n+2){margin-left:0;margin-top:-5px;}

.divide dl{padding:25px;}

}

/********************모바일********************/
@media all and (max-width:350px){

/* 장비이미지 나열버전 */
.eq_list .img_wrap{padding: 30px 0;}

}

/********************웹********************/
@media all and (min-width:1025px) {
}