@charset "utf-8";

.page-top{position: relative;}
.page-top .visual{position: relative;height:360px;}
.page-top .visual h1{position: absolute;top:50%;transform: translateY(-50%);left:0;width:100%;text-align: center;font-size: 58px;font-weight: bold;letter-spacing: -2.32px;color: #fff;}
.page-top .visual.sub01{background: url(/_public/images2/contents/sub_v01.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub02{background: url(/_public/images2/contents/sub_v02.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub03{background: url(/_public/images2/contents/sub_v03.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub04{background: url(/_public/images2/contents/sub_v04.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub05{background: url(/_public/images2/contents/sub_v05.png) top center no-repeat;background-size: cover;}
.page-top .menu-nav{display: flex;justify-content: center;gap:60px;border-bottom:1px solid #efefef;}
.page-top .menu-nav a{position:relative;display: inline-block;line-height: 78px;font-size: 20px;font-weight: 500;letter-spacing: -0.8px;color: #787878;}
.page-top .menu-nav a:after{content: "";position: absolute;bottom:0;left:0;width:100%;height:2px;background: #488402;display: none;}
.page-top .menu-nav a.on{color:#488402;font-weight: bold;}
.page-top .menu-nav a.on:after{display: block;}

.layout2 {position:relative;margin:0 auto;max-width:1600px;}
.color-green {color:#488402 !important;}
h3.sub-title {font-size:42px;font-weight:800;margin-bottom:45px;}
h4.sub-title2 {font-size:32px;font-weight:700;position:relative;padding-left:95px;margin-bottom:30px;}
h4.sub-title2:before {content:"";display:block;width:80px;height:4px;background:#488402;position:absolute;top:50%;left:0;transform:translateY(-50%);}
h5.sub-title3 {font-size:28px;font-weight:800;margin-bottom:25px;color:#488402;}

#pages{}
#pages .contents{padding:100px 0 160px;}

.page-title{font-size: 50px;font-weight: 800;letter-spacing: -1.25px;text-align: center;color: #202020;margin-bottom: 70px;}

/* 회사소개 */
.aboutus .layout {max-width:1600px;}
.introduction {word-break:keep-all;}
.introduction h3 {font-size:58px;font-weight:800;margin-bottom:30px;}
.introduction h3 span {display:block;font-size:46px;font-weight:500;margin-bottom:5px;}
.introduction .img-box {display:flex;gap:10px;align-items:stretch;justify-content:flex-start;position:relative;margin-bottom:80px;}
.introduction .img-box > img {display:block;}
.introduction .img-box > img:nth-child(1) {border-radius:80px 0 0 0;}
.introduction .img-box > img:nth-child(2) {border-radius:0 0 80px 0;}
.introduction .img-box .logo-box {position:absolute;top:-75px;right:0;border-radius:40px 0 40px 0;background-image: linear-gradient(133deg, #488402 20%, #609c19 81%);padding:25px;min-height:130px;}
.introduction .img-box .logo-box img {display:block;max-width:90px;}
.introduction .txt-box {display:flex;gap:60px;}
.introduction .txt-box strong {display:block;font-size:32px;margin-bottom:30px;}
.introduction .txt-box p {font-size:19px;line-height:1.6;}
.introduction .txt-box p + p {margin-top:30px;}
.introduction .txt-box .left {width:680px;}
.introduction .txt-box .left p {font-weight:500;}
.introduction .txt-box .right {width:calc(100% - 740px);}


.whatwedo {word-break:keep-all;}
.whatwedo section + section {padding-top:100px;border-top:1px solid #ddd;}
.whatwedo .section01 {margin-bottom:120px;}
.whatwedo .section01 .banner {padding:70px 60px 80px 52%;background:url(/_public/images2/contents/do_img01.png) no-repeat;background-size:cover;margin-bottom:80px;border-radius:80px 0 80px 0;}
.whatwedo .section01 .banner strong {display:block;font-size:32px;margin-bottom:30px;color:#fff;}
.whatwedo .section01 .banner p {font-size:19px;color:#fff;}
.whatwedo .section01 .iso {display:flex;gap:40px;}
.whatwedo .section01 .iso .left {width:420px;}
.whatwedo .section01 .iso .right {width:calc(100% - 460px);}
.whatwedo .section01 .iso .right p {font-size:19px;line-height:1.56;}
.whatwedo .section01 .iso .right p + p {margin-top:30px;}
.whatwedo .section01 .iso .mark-box {display:flex;gap:30px;}
.whatwedo .section01 .iso .mark-box img {display:block;}
.whatwedo .section02 .subject {display:flex;gap:80px;}
.whatwedo .section02 .subject div {width:calc(50% - 40px);}
.whatwedo .section02 .subject div > img {display:block;width:100%;border-radius:60px 0 60px 0;margin-bottom:40px;}
.whatwedo .section02 .subject ul {padding:5px 0 5px 25px;border-left:2px solid #488402;}
.whatwedo .section02 .subject ul li {font-size:19px;font-weight:500;position:relative;padding-left:28px;}
.whatwedo .section02 .subject ul li:before {content:"";display:block;width:20px;height:20px;background:url(/_public/images2/icon/ico_ulcheck.svg) no-repeat;background-size:cover;position:absolute;top:4px;left:0;}
.whatwedo .section02 .subject ul li + li {margin-top:18px;}

.certificate .cert-img {display:block;margin:0 auto 20px;}
.certificate .cert-txt {width:486px;margin:auto;padding:50px;border-radius:40px 0 40px 0;background:#f8f8f8;position:relative;}
.certificate .cert-txt em {display:block;color:#488402;font-size:18px;font-weight:500;margin-bottom:30px;}
.certificate .cert-txt strong {display:block;font-size:28px;font-weight:800;margin-bottom:10px;}
.certificate .cert-txt p {font-size:24px;font-weight:600;margin-bottom:30px;}
.certificate .cert-txt dl {padding:20px;border-radius:20px 0 20px 0;background:#fff;}
.certificate .cert-txt dl dt {font-size:18px;font-weight:500;margin-bottom:10px;color:#488402;}
.certificate .cert-txt dl dd {font-size:18px;font-weight:500;}
.certificate .cert-txt span {display:block;font-size:16px;font-weight:500;color:#8e8e8e;position:absolute;top:50px;right:50px;}

.brochure .section01 {padding:100px 0 160px;margin-bottom:-160px;background:#f8f8f8;}
.brochure .section01 .down-box {display:flex;align-items:center;justify-content: center;gap:140px;margin:auto;}
.brochure .section01 .down-box .img img {display:block;}
.brochure .section01 .down-box .txt {}
.brochure .section01 .down-box .txt img {display:block;margin:0 auto 60px;}
.brochure .section01 .down-box .txt a {display:inline-block;padding:16px 30px;width:300px;border-radius:20px 0 20px 0px;border:1px solid #488402;color:#488402;font-size:20px;font-weight:500;position:relative;background:#fff;transition:all 0.2s;}
.brochure .section01 .down-box .txt a:before {content:"";display:block;width:20px;height:20px;background:url(/_public/images2/icon/ico_download.svg) no-repeat;background-size:cover;position:absolute;top:50%;right:25px;transform:translateY(-50%)}
.brochure .section01 .down-box .txt a:hover {background:#488402;color:#fff;}
.brochure .section01 .down-box .txt a:hover:before {background:url(/_public/images2/icon/ico_download_w.svg) no-repeat;background-size:cover;}


.product{}
.product .layout{max-width:1600px;}
.product .info-box{}
.product .info-box .layout{padding:40px 40px 40px 150px;border-radius: 40px 0 40px 0;border:1px solid #78bc28; font-size: 20px;font-weight: normal;line-height: 1.6;letter-spacing: -0.5px;color: #202020;}
.product .info-box .layout:before{content:"";position:absolute;top:50%;left:60px;transform:translateY(-50%);width:50px;height:50px;background: url(/_public/images2/contents/product_top_icon01.svg) no-repeat;background-size: cover;}
.product .slide-box{position:relative;margin-top:40px;}
.product .slide-box .swiper-slide{width:800px;}
.product .slide-box .swiper-slide img{display:block;width:100%;border-radius: 40px 0 40px 0;}
.product .slide-box .swiper-pagination{position: relative;margin-top:30px;width:100%;display: flex;justify-content: center;gap:10px;}
.product .slide-box .swiper-pagination .swiper-pagination-bullet{display:block;margin:0;width:12px;height:12px;border-radius: 100%;background:#ddd;opacity: 1;}
.product .slide-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #78bc28;}
.product .standard{margin-top:60px;}
.product .standard .layout{border-top:1px solid #ddd;padding: 70px 0 80px;}
.product .standard h2{position: relative;padding-left: 95px;font-size: 32px;font-weight: bold;letter-spacing: -0.8px;color: #202020;}
.product .standard h2:before{content: "";position: absolute;top:20px;left:0;width:80px;height:4px;display: block;background: #488402;}
.product .standard ul{display: flex;flex-wrap: wrap;margin-top:40px;gap:20px;}
.product .standard ul li{position: relative;width:calc(33.3333% - 14px);border:1px solid #ddd;padding:50px;}
.product .standard ul li h3{margin-bottom:30px;font-size: 28px;font-weight: bold;letter-spacing: -0.7px;color: #488402;padding-right: 70px;word-break: auto-phrase;}
.product .standard ul li p{position: relative;padding-left:13px;font-size: 20px;font-weight: 500;line-height: 1.6;letter-spacing: -0.5px;color: #202020;word-break: auto-phrase;}
.product .standard ul li p + p{margin-top:7px;}
.product .standard ul li p:before{content: "";position: absolute;top:14px;left:0;display: block;width:5px;height:5px;border-radius: 100%;background: #78bc28;}
.product .standard ul li p span{display: block;font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #8e8e8e;}
.product .standard ul li i{display: inline-block;position: absolute;top:40px;right:40px;}
.product .standard ul li i img{display: block;}
.product .materials{padding:60px 0 160px;background: #f8f8f8;}
.product .materials h2{font-size: 28px;font-weight: bold;letter-spacing: -0.7px;color: #202020;}
.product .materials ul{margin-top:40px;display: flex;flex-wrap: wrap;gap:10px 20px;}
.product .materials ul li{width:calc(50% - 20px);position: relative;padding:20px 20px 20px 62px; font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #202020;border-radius: 25px 0 25px 0;border: solid 1px #ddd;background: #fff;}
.product .materials ul li span{display: inline-block;margin-left:20px;font-size: 18px;font-weight: normal;letter-spacing: -0.45px;color: #202020;}
.product .materials ul li span.block{display: block;margin-top:10px;margin-left:0;}
.product .materials ul li:before{content: "";position: absolute;top:34px;left:30px;width:20px;height:2px;background: #78bc28;}


/* 서비스 */
.service .layout {max-width:1600px;}
.service {word-break:keep-all;}
.service .service-box {display:flex;}
.service .service-box .img {border-radius:60px 0 0 0;width:880px;background:url(/_public/images2/contents/service_img01.png) 50% 50% no-repeat;background-size:cover;}
.service .service-box .txt {width:calc(100% - 880px);background:#f8f8f8;border-radius:0 0 60px 0;padding:60px 80px 100px;line-height:1.56;}
.service .service-box .txt img {display:block;margin-bottom:60px;}
.service .service-box .txt strong {display:block;font-size:32px;margin-bottom:40px;}
.service .service-box .txt p {font-size:20px;}
.service .av-test {display:flex;margin-top:80px;gap:40px;align-items:flex-start;}
.service .av-test .sub-title2 {width:calc(100% - 1050px);}
.service .av-test .t-list {width:1010px;}
.service .av-test .t-list ul {display:flex;gap:10px;}
.service .av-test .t-list ul li {flex:1;font-size:20px;font-weight:500;color:#fff;padding:12px 20px 12px 35px;position:relative;background:#488402;border-radius:10px 0 10px 0;}
.service .av-test .t-list ul li:before {content:"";display:block;width:5px;height:5px;background:#fff;border-radius:100%;position:absolute;top:50%;left:20px;transform:translateY(-50%);}
.service .av-test .t-list p {margin-top:20px;padding:20px 20px 20px 65px;font-size:19px;position:relative;background:#f8f8f8;border-radius:10px 0 10px 0;}
.service .av-test .t-list p:before {content:"";display:block;width:20px;height:20px;background:url(/_public/images2/contents/service_ico03.svg) 50% 50% no-repeat;background-size:cover;position:absolute;top:23px;left:30px;}
.service .inhouse-test-support .service-box .img {background:url(/_public/images2/contents/service_img02.png) 50% 50% no-repeat;background-size:cover;}
.service .other4 {display:flex;gap:80px;flex-wrap:wrap;}
.service .other4 > div {width:calc(50% - 40px);padding-bottom:20px;}
.service .other4 img {display:block;margin-bottom:30px;border-radius:60px 0 60px 0;}
.service .other4 h5.sub-title3 {font-size:32px;}
.service .other4 ul li {font-size:19px;font-weight:500;padding-left:16px;position:relative;}
.service .other4 ul li:before {content:"";display:block;width:6px;height:6px;border-radius:100%;border:2px solid #488402;position:absolute;top:8px;left:0;}
.service .other4 ul li + li {margin-top:15px;}


.contactus{}
.contactus .form{}
.contactus .form .txt{position:relative;display: flex;justify-content:flex-end;gap:8px;align-items:center;font-size: 16px;font-weight: 500;letter-spacing: -0.64px;color: #8e8e8e;margin-bottom: 10px;}
.contactus .form .txt:before{content: "";position: relative;display:inline-block;width:7px;height:7px;border-radius: 100%;background: #488402;}
.contactus .form .form-box{border-top:2px solid #488402;padding-top:40px;}
.contactus .form .form-box + .form-box{margin-top:50px;}
.contactus .form .form-box .field-row{display: flex;gap:40px;}
.contactus .form .form-box .field-row + .field-row{margin-top:30px;}
.contactus .form .form-box .field-row .field-col{flex: 1;}
.contactus .form .form-box .field-row .field-col .label{font-size: 20px;font-weight: 600;letter-spacing: -0.8px;color: #202020;}
.contactus .form .form-box .field-row .field-col .label em{position:relative;top:2px;display: inline-block;width:7px;height:7px;border-radius: 100%;background: #488402;vertical-align: top;margin-left: 5px;}
.contactus .form .form-box .field-row .field-col .field{margin-top:5px;}
.contactus .form .form-box .field-row .field-col .field input[type="text"],
.contactus .form .form-box .field-row .field-col .field input[type="tel"],
.contactus .form .form-box .field-row .field-col .field input[type="number"],
.contactus .form .form-box .field-row .field-col .field input[type="date"],
.contactus .form .form-box .field-row .field-col .field input[type="password"],
.contactus .form .form-box .field-row .field-col .field input[type="email"]{width:100%;height:60px;border-radius: 5px;border: solid 1px #ddd;background: #fff;padding:0 20px;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;}
.contactus .form .form-box .field-row .field-col .field{margin-top:5px;}::placeholder
.contactus .form .form-box .field-row .field-col .field input[type="text"]::placeholder,
.contactus .form .form-box .field-row .field-col .field input[type="tel"]::placeholder,
.contactus .form .form-box .field-row .field-col .field input[type="number"]::placeholder,
.contactus .form .form-box .field-row .field-col .field input[type="date"]::placeholder,
.contactus .form .form-box .field-row .field-col .field input[type="password"]::placeholder,
.contactus .form .form-box .field-row .field-col .field input[type="email"]::placeholder{color: #8e8e8e;}
.contactus .form .form-box .field-row .field-col textarea{width:100%;padding:20px;border-radius: 5px;border: solid 1px #ddd;background: #fff;font-size: 18px;font-weight: normal;letter-spacing: -0.72px;height:185px;resize: none;}
.contactus .form .form-box .field-row .field-col .attachment-list{padding-bottom: 50px;border-bottom: 1px solid #ddd;}
.contactus .form .form-box .field-row .field-col .attachment-list p{font-size: 18px;font-weight: normal;letter-spacing: -0.72px;color: #8e8e8e;margin-bottom: 30px;}
.contactus .form .form-box .field-row .field-col .attachment-list .attachment{display: flex;gap:20px;align-items: center;}
.contactus .form .form-box .field-row .field-col .attachment-list .attachment + .attachment{margin-top:10px;}
.contactus .form .form-box .field-row .field-col .attachment-list .attachment .filebox{width:calc(100% - 65px);}
.contactus .form .form-box .field-row .field-col .attachment-list .attachment .btn{display: inline-block;width:45px;height:45px;font-size:0;}
.contactus .form .form-box .field-row .field-col .attachment-list .attachment .btn.add{background: url(/_public/images2/icon/ico_plus.svg) no-repeat;background-size: cover;}
.contactus .form .form-box .field-row .field-col .attachment-list .attachment .btn.del{background: url(/_public/images2/icon/ico_minus.svg) no-repeat;background-size: cover;}
.contactus .form .policy-box{margin-top:70px;}
.contactus .form .policy-box h3{font-size: 32px;font-weight: 600;letter-spacing: -1.28px;color: #202020;}
.contactus .form .policy-box .txt-box{margin-top:10px;padding:40px;border-radius: 20px 0 20px 0;border: solid 1px #ddd;background-color: #f8f8f8;height: 220px;overflow-y: auto;font-size: 16px;font-weight: normal;line-height: 1.56;letter-spacing: -0.72px;color: #202020;}
.contactus .form .policy-box .txt-box strong{display: block;margin:30px 0 10px;}
.contactus .form .policy-box .chk{margin-top:20px;display: flex;justify-content: flex-end;}
.contactus .form .capcha-box{margin-top:60px;display: flex;justify-content:center;}
.contactus .form .btn-box{margin-top:40px;display: flex;justify-content: center;}
.contactus .form .btn-box button{display:flex;align-items:center;justify-content:center;width:280px;height:72px;background: #78bc28; font-size: 20px;font-weight: 500;letter-spacing: -0.8px;color: #fff;border-radius: 36px;}

/* 위치/문의 */
.contactus .location {}
.contactus .location .map-panel{padding-bottom: 50px;border-bottom: 1px solid #ddd;}
.contactus .location .map-box{height: 400px;}
.contactus .location .map-box .root_daum_roughmap .cont{display: none !important;}
.contactus .location .map-box .root_daum_roughmap .wrap_map{height:100% !important;}
.contactus .location .addr-box {display:flex;align-items:center;justify-content:space-between;margin:20px 0 0;}
.contactus .location .addr-box h3{font-size:24px;font-weight:600;padding-left:35px;position:relative;}
.contactus .location .addr-box h3:before {content:"";display:block;width:25px;height:25px;background:url(/_public/images2/contents/location_ico01.svg) no-repeat;background-size:cover;position:absolute;top:5px;left:0;}
.contactus .location .addr-box a {position:relative;display:flex;justify-content:space-between;align-items:center;width:240px;height:50px;font-size: 16px;font-weight: 500;padding:0 30px;border-radius:50px;border:1px solid #ddd;transition:all 0.4s;line-height: 1;}
.contactus .location .addr-box a:before {content:"";display:block;width:20px;height:20px;background:url(/_public/images2/icon/ico_view4.svg) no-repeat;background-size:cover;position:absolute;top:50%;right:25px;transform:translateY(-50%);transition:all 0.3s;}
.contactus .location .addr-box a:hover {border-color: #488402;background:#488402;color:#fff;}
.contactus .location .addr-box a:hover:before {background:url(/_public/images2/icon/ico_view3.svg) no-repeat;background-size:cover;}
.contactus .location .info-box{margin-top:60px;}
.contactus .location .info-box h3{font-size: 32px;font-weight: bold;letter-spacing: -0.8px;color: #202020;}
.contactus .location .info-box .box{margin-top:20px;display: flex;gap:20px;}
.contactus .location .info-box .box .cont1{width:calc(100% - 305px);display: flex;gap:10px;}
.contactus .location .info-box .box .cont1 > div{padding:30px;background: #f0f8e7;flex: auto;}
.contactus .location .info-box .box .cont1 > div:nth-child(1){border-radius: 20px 0 0 0;}
.contactus .location .info-box .box .cont1 > div:nth-child(3){border-radius:0 0 20px 0;}
.contactus .location .info-box .box .cont1 > div span{display: block;font-size: 18px;font-weight: 600;color: #488402;}
.contactus .location .info-box .box .cont1 > div p{margin-top:15px;font-size: 20px;font-weight: 600;color: #202020;}
.contactus .location .info-box .box .cont2{width:285px;border: 1px solid #ddd;padding:30px;}
.contactus .location .info-box .box .cont2 dl{}
.contactus .location .info-box .box .cont2 dl dt{width:43px;font-size: 16px;font-weight: 500;color: #8e8e8e;}
.contactus .location .info-box .box .cont2 dl dd{padding:0 0 5px 43px;font-size: 16px;font-weight: 500;color: #202020;}

/* policy */
.policy {word-break:keep-all;}
.policy strong {display:block;font-size:20px;margin:40px 0 10px;}
.policy p {font-size:16px;line-height:1.56;word-break: auto-phrase;}
.policy span {font-weight:600;}
.policy ol {margin-top:10px;}
.policy ol li {font-size:16px;line-height:1.56;word-break: auto-phrase;}
.policy ol li + li {margin-top:5px;}
.policy ul {margin-top:10px;padding-left:10px;}
.policy ul li {font-size:15px;line-height:1.56;word-break: auto-phrase;}
.policy ul li + li {margin-top:5px;}

@media all and (max-width:1760px) {

}


@media all and (max-width:1600px) {
    /* 회사소개 */
    .aboutus .layout {padding:0 40px;}
    .introduction .img-box > img:nth-child(1) {max-width:43%;}
    .introduction .img-box > img:nth-child(2) {max-width:54%;}
    .introduction .txt-box .left {width:520px;}
    .introduction .txt-box .right {width:calc(100% - 580px);}

    .service .layout {padding:0 40px;}

    .product .info-box{padding:0 40px;}
    .product .standard{padding:0 40px;}
    .product .materials{padding:60px 40px 160px;}
}


@media all and (max-width:1460px) {
    .page-top .visual h1{font-size: 56px;}

    .service .av-test .sub-title2 {width:calc(100% - 960px);}
    .service .av-test .t-list {width:920px;}
}


@media all and (max-width:1280px) {
    .page-top .visual h1{font-size: 52px;}

    #pages .contents{padding:100px 20px 160px;}
    .page-title{font-size: 46px;margin-bottom: 60px;}

    .layout2 {width:100%;padding:0 20px;}

    /* 회사소개 */
    .aboutus .layout {padding:0;}
    .introduction .img-box > img {max-height:200px;}
    .introduction .img-box .logo-box {min-height:120px;}
    .introduction .img-box .logo-box img {max-width: 75px;}

    .whatwedo .section01 .banner p br {display:none;}

    .certificate .cert-img {max-width:400px;}
    .certificate .cert-txt {width:400px;padding:40px 35px;}

    .brochure .section01 {margin: 0 -20px -160px;}

    .contactus .form .form-box .field-row .field-col .label{font-size:18px;}
    .contactus .form .form-box .field-row .field-col .field input[type="text"],
    .contactus .form .form-box .field-row .field-col .field input[type="tel"],
    .contactus .form .form-box .field-row .field-col .field input[type="number"],
    .contactus .form .form-box .field-row .field-col .field input[type="date"],
    .contactus .form .form-box .field-row .field-col .field input[type="password"],
    .contactus .form .form-box .field-row .field-col .field input[type="email"]{height:50px;font-size:16px;}
    .contactus .form .form-box .field-row .field-col textarea{font-size:16px;}
    .contactus .form .form-box .field-row .field-col .attachment-list p{font-size:16px;}
    .contactus .form .policy-box h3{font-size:28px;}
    .contactus .form .policy-box .txt-box{padding:30px;border-radius: 20px 0 20px 0;font-size:16px;}
    .contactus .form .btn-box button{height:60px;font-size:18px;}

    .contactus .location .addr-box h3{font-size:22px;}
    .contactus .location .info-box h3{font-size:28px;}


    .product .info-box{padding:0 20px;margin:0 -20px;}
    .product .info-box .layout{padding:30px 30px 30px 120px;font-size:18px;}
    .product .info-box .layout:before{left:50px;}
    .product .slide-box{margin:40px -20px 0;}
    .product .standard{padding:0;}
    .product .standard h2{font-size:28px;}
    .product .standard h2:before{top:18px;}
    .product .standard ul li{padding:40px;}
    .product .standard ul li h3{font-size:24px;margin-bottom: 20px;padding-right: 60px;}
    .product .standard ul li p{font-size:18px;}
    .product .standard ul li p span{font-size:16px;}
    .product .standard ul li p:before{top:12px;}
    .product .standard ul li i{top:30px;right:30px;width:50px;height:50px;}
    .product .materials{padding:60px 20px 120px;margin:0 -20px;}
    .product .materials h2{font-size:24px;}
    .product .materials ul{margin-top:30px;}
    .product .materials ul li{padding:16px 16px 16px 52px;font-size: 18px;}
    .product .materials ul li span{font-size: 16px;margin-left: 10px;}
    .product .materials ul li:before{width:16px;top:29px;left:25px;}

    /* 서비스 */
    .service .layout {padding:0;}
    .service .service-box .img {width:55%;}
    .service .service-box .txt {width:calc(100% - 55%);padding:50px 70px 80px;}
    .service .service-box .txt strong {margin-bottom:30px;}

    .service .av-test .sub-title2 {width:calc(100% - 680px);}
    .service .av-test .t-list {width: 640px;}
    .service .av-test .t-list ul {flex-wrap:wrap;}
    .service .av-test .t-list ul li {flex:none;width:calc(33.333% - 7px);}

    .service .other4 ul {margin-top:-5px;}
}


@media all and (max-width:1024px) {
    .page-top .visual h1{font-size: 46px;}
    .page-top .menu-nav a{line-height: 60px;font-size:15px;}

    #pages .contents{padding:80px 20px;}
    .page-title{font-size: 42px;margin-bottom: 50px;}
    .layout2 {width:100%;padding:0;}
    h3.sub-title {font-size:36px;margin-bottom:40px;}
    h4.sub-title2 {font-size:28px;}
    h5.sub-title3 {font-size:25px;margin-bottom:20px;}



    /* 회사소개 */
    .introduction h3 {font-size:50px;}
    .introduction h3 span {font-size:42px;margin-bottom:0;}
    .introduction .img-box {margin-bottom:60px;}
    .introduction .img-box > img:nth-child(1) {border-radius:60px 0 0 0;}
    .introduction .img-box > img:nth-child(2) {border-radius:0 0 60px 0;}
    .introduction .img-box .logo-box {top:-55px;border-radius:30px 0 30px 0;padding:20px;min-height:100px;}
    .introduction .img-box .logo-box img {max-width:65px;}
    .introduction .txt-box {gap: 40px;}
    .introduction .txt-box p {font-size: 17px;}
    .introduction .txt-box p br {display:none;}
    .introduction .txt-box p + p {margin-top:20px;}
    .introduction .txt-box .left {width: 40%;}
    .introduction .txt-box .right {width: calc(60% - 40px);}

    .whatwedo section + section {padding-top:80px;}
    .whatwedo .section01 {margin-bottom: 80px;}
    .whatwedo .section01 .banner {padding:60px 60px 60px 50%;margin-bottom: 60px;}
    .whatwedo .section01 .banner strong {font-size: 28px;}
    .whatwedo .section01 .banner p {font-size: 17px;}
    .whatwedo .section01 .iso .right p {font-size: 17px;}
    .whatwedo .section01 .iso .right p + p {margin-top: 20px;}
    .whatwedo .section01 .iso .right p br {display:none;}
    .whatwedo .section02 .subject {gap: 60px;}
    .whatwedo .section02 .subject div {width: calc(50% - 30px);}
    .whatwedo .section02 .subject div > img {border-radius:40px 0 40px 0;}
    .whatwedo .section02 .subject ul {padding:5px 0 5px 20px;}
    .whatwedo .section02 .subject ul li {font-size:17px;padding-left:26px;}
    .whatwedo .section02 .subject ul li:before {top:3px;}
    .whatwedo .section02 .subject ul li + li {margin-top:15px;}

    .certificate .cert-img {max-width:372px;}
    .certificate .cert-txt {width:372px;padding:40px 35px;}
    .certificate .cert-txt em {font-size:17px;margin-bottom:25px;}
    .certificate .cert-txt strong {font-size:25px;margin-bottom:8px;}
    .certificate .cert-txt p {font-size:22px;margin-bottom:25px;}
    .certificate .cert-txt dl dt {font-size:16px;margin-bottom:5px;}
    .certificate .cert-txt dl dd {font-size: 16px;}
    .certificate .cert-txt span {font-size:15px;top:40px;right:35px;}

    .brochure .section01 {margin:0 -20px -80px;}
    .brochure .section01 .down-box {gap:100px;}
    .brochure .section01 .down-box .txt img {width:200px;}
    .brochure .section01 .down-box .txt a {padding:14px 30px;font-size:18px;}

    .contactus .form .form-box{padding-top: 30px;}
    .contactus .form .form-box + .form-box{margin-top:30px;}
    .contactus .form .form-box .field-row{gap:20px;}
    .contactus .form .form-box .field-row .field-col .label{font-size:16px;}
    .contactus .form .form-box .field-row .field-col .field input[type="text"],
    .contactus .form .form-box .field-row .field-col .field input[type="tel"],
    .contactus .form .form-box .field-row .field-col .field input[type="number"],
    .contactus .form .form-box .field-row .field-col .field input[type="date"],
    .contactus .form .form-box .field-row .field-col .field input[type="password"],
    .contactus .form .form-box .field-row .field-col .field input[type="email"]{font-size:15px;}
    .contactus .form .form-box .field-row .field-col textarea{font-size:14px;}
    .contactus .form .form-box .field-row .field-col .attachment-list p{font-size:14px;}
    .contactus .form .form-box .field-row .field-col .attachment-list .attachment .btn{width:35px;height:35px;}
    .contactus .form .form-box .field-row .field-col .attachment-list .attachment .filebox{width:calc(100% - 55px);}
    .contactus .form .policy-box{margin-top:50px;}
    .contactus .form .policy-box h3{font-size:24px;}
    .contactus .form .policy-box .txt-box{padding:20px;font-size:14px;}
    .contactus .form .btn-box button{height:55px;}

    .contactus .location .map-panel{padding-bottom: 30px;}
    .contactus .location .addr-box h3{font-size:20px;}
    .contactus .location .info-box{margin-top:40px;}
    .contactus .location .info-box h3{font-size:24px;}
    .contactus .location .info-box .box{gap:10px;flex-direction: column;}
    .contactus .location .info-box .box .cont1{gap:5px;width:100%;}
    .contactus .location .info-box .box .cont1 > div{padding: 20px;}
    .contactus .location .info-box .box .cont1 > div span{font-size:16px;}
    .contactus .location .info-box .box .cont1 > div p{font-size:18px;}
    .contactus .location .info-box .box .cont2{padding:20px;width:100%;}
    .contactus .location .info-box .box .cont2 dl dt{font-size:14px;}
    .contactus .location .info-box .box .cont2 dl dd{font-size:14px;}

    .product .info-box .layout{padding:25px 20px 25px 90px;font-size:16px;border-radius: 30px 0 30px 0;}
    .product .info-box .layout:before{left:20px;}
    .product .slide-box .swiper-slide{width:700px;}
    .product .slide-box .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;}
    .product .standard{margin-top:40px;}
    .product .standard .layout{padding:50px 0 60px;}
    .product .standard h2{padding-left: 50px;font-size: 26px;}
    .product .standard h2:before{width:40px;height:2px;}
    .product .standard ul{margin-top:25px;}
    .product .standard ul li{width:calc(50% - 10px);padding:30px;}
    .product .standard ul li h3{font-size: 20px;margin-bottom: 15px;padding-right: 50px;}
    .product .standard ul li p{font-size:16px;}
    .product .standard ul li p + p{margin-top:5px;}
    .product .standard ul li p:before{top:10px;}
    .product .standard ul li p span{font-size:14px;}
    .product .standard ul li i{width:35px;height:35px;}
    .product .materials{padding:40px 20px 80px;}
    .product .materials h2{font-size:20px;}
    .product .materials ul{margin-top:20px;}
    .product .materials ul li{padding:15px 15px 15px 40px;font-size: 16px;border-radius:15px 0 15px 0;}
    .product .materials ul li span{font-size: 14px;margin-left: 10px;}
    .product .materials ul li:before{width:10px;top:25px;left:20px;}

    /* 서비스 */
    .service .service-box .txt {padding:50px 60px 60px;}
    .service .service-box .txt img {width:70px;margin-bottom:50px;}
    .service .service-box .txt strong {font-size:25px;margin-bottom:25px;}
    .service .service-box .txt p {font-size:17px;}
    .service .service-box .txt p br {display:none;}

    .service .av-test {margin-top:60px;}
    .service .av-test .sub-title2 {width: calc(50% - 40px);}
    .service .av-test .t-list {width:50%;}
    .service .av-test .t-list ul {gap:5px;}
    .service .av-test .t-list ul li {width:calc(33.333% - 4px);font-size:18px;}
    .service .av-test .t-list p {font-size:17px;}

    .service .other4 {gap:60px;}
    .service .other4 > div {width:calc(50% - 30px);}
    .service .other4 img {margin-bottom:25px;border-radius:40px 0 40px 0;}
    .service .other4 h5.sub-title3 {font-size:28px;}
    .service .other4 ul li {font-size:17px;}
    .service .other4 ul li:before {top:7px;}
    .service .other4 ul li + li {margin-top:12px;}

    /* policy */
    .policy strong {font-size:18px;margin:30px 0 10px;}
    .policy p {font-size:15px;}
    .policy ol li {font-size:15px;}

}



@media all and (max-width:768px) {
    .page-top .visual{height:280px;}
    .page-top .visual h1{top:55%;font-size: 42px;font-weight: bold;letter-spacing: -1.68px;}
    .page-top .menu-nav{gap:25px;padding:0 20px;justify-content: flex-start;}

    .page-title{font-size: 38px;letter-spacing: -0.95px;margin-bottom: 40px;}

    h3.sub-title {font-size:30px;margin-bottom:30px;}
    h4.sub-title2 {font-size:25px;padding-left:50px;margin-bottom:25px;}
    h4.sub-title2:before {width:40px;height:2px;}
    h5.sub-title3 {font-size:20px;margin-bottom:15px;}


    /* 회사소개 */
    .introduction h3 {font-size:36px;}
    .introduction h3 span {font-size:25px;margin-bottom:5px;}
    .introduction .img-box {gap:5px;flex-wrap:wrap;margin-bottom:50px;}
    .introduction .img-box > img:nth-child(1) {max-width:none;width:100%;}
    .introduction .img-box > img:nth-child(2) {max-width:none;width:100%;}
    .introduction .img-box .logo-box {top:-40px;right:-10px;border-radius:25px 0 25px 0;padding:15px;min-height:85px;}
    .introduction .txt-box {flex-wrap: wrap;gap:40px;}
    .introduction .txt-box strong {font-size:22px;margin-bottom:15px;}
    .introduction .txt-box p {font-size: 15px;}
    .introduction .txt-box .left {width:100%;}
    .introduction .txt-box .right {width:100%;}

    .whatwedo section + section {padding-top: 50px;}
    .whatwedo .section01 {margin-bottom: 60px;}
    .whatwedo .section01 .banner {padding:220px 30px 40px 30px;background:url(/_public/images2/contents/do_img01_m.png) no-repeat;background-size:cover;margin-bottom: 50px;}
    .whatwedo .section01 .banner strong {font-size:25px;margin-bottom:20px;}
    .whatwedo .section01 .banner p {font-size:15px;}
    .whatwedo .section01 .iso {flex-wrap: wrap;}
    .whatwedo .section01 .iso .left {width:100%;}
    .whatwedo .section01 .iso .right {width:100%;}
    .whatwedo .section01 .iso .right p {font-size:15px;}
    .whatwedo .section01 .iso .mark-box {gap:15px;}
    .whatwedo .section01 .iso .mark-box img {width:40px;}
    .whatwedo .section02 .subject {flex-wrap:wrap;gap:50px;}
    .whatwedo .section02 .subject div {width:100%;}
    .whatwedo .section02 .subject div > img {margin-bottom: 30px;}
    .whatwedo .section02 .subject ul {padding:5px 0 5px 15px;}
    .whatwedo .section02 .subject ul li {font-size:15px;padding-left:20px;}
    .whatwedo .section02 .subject ul li:before {width:15px;height:15px;}
    .whatwedo .section02 .subject ul li + li {margin-top:12px;}

    .certificate .cert-img {max-width:none;width:100%;}
    .certificate .cert-txt {width:100%;padding:30px 25px;border-radius:30px 0 30px 0;}
    .certificate .cert-txt em {font-size:15px;margin-bottom:20px;}
    .certificate .cert-txt strong {font-size:20px;margin-bottom:5px;}
    .certificate .cert-txt p {font-size:18px;margin-bottom:20px;}
    .certificate .cert-txt dl {padding:15px;}
    .certificate .cert-txt dl dt {font-size:14px;}
    .certificate .cert-txt dl dd {font-size:14px;}
    .certificate .cert-txt span {font-size:14px;top:30px;right:25px;}

    .brochure .section01 {padding: 60px 20px 80px;}
    .brochure .section01 .down-box {flex-wrap:wrap;gap:80px;}
    .brochure .section01 .down-box .img img {width:80%;margin:auto;}
    .brochure .section01 .down-box .txt {width:100%;}
    .brochure .section01 .down-box .txt img {width:180px;margin:0px auto 50px;}
    .brochure .section01 .down-box .txt a {width:100%;font-size:16px;}

    .contactus .form .form-box .field-row{flex-direction: column;gap:25px;}
    .contactus .form .form-box .field-row + .field-row{margin-top:25px;}
    .contactus .form .form-box .field-row .field-col .label{font-size:16px;}
    .contactus .form .form-box .field-row .field-col .field input[type="text"],
    .contactus .form .form-box .field-row .field-col .field input[type="tel"],
    .contactus .form .form-box .field-row .field-col .field input[type="number"],
    .contactus .form .form-box .field-row .field-col .field input[type="date"],
    .contactus .form .form-box .field-row .field-col .field input[type="password"],
    .contactus .form .form-box .field-row .field-col .field input[type="email"]{padding:0 15px;}
    .contactus .form .form-box .field-row .field-col textarea{height: 120px;padding:15px;}
    .contactus .form .form-box .field-row .field-col .attachment-list{padding-bottom: 30px;}
    .contactus .form .form-box .field-row .field-col .attachment-list .attachment{gap:10px;}
    .contactus .form .form-box .field-row .field-col .attachment-list .attachment .filebox{width:calc(100% - 40px);}
    .contactus .form .form-box .field-row .field-col .attachment-list .attachment .btn{width:30px;height:30px;}
    .contactus .form .policy-box h3{font-size:20px;}
    .contactus .form .policy-box .txt-box{}
    .contactus .form .btn-box{margin-top:30px;}


    .contactus .location .addr-box h3{font-size:18px;padding-left: 30px;}
    .contactus .location .addr-box h3:before{top:4px;width:20px;height:20px;}
    .contactus .location .addr-box a{width:200px;height:45px;}
    .contactus .location .info-box h3{font-size:20px;}
    .contactus .location .info-box .box .cont1 > div span{font-size:14px;}
    .contactus .location .info-box .box .cont1 > div p{font-size:16px;}

    .product .info-box .layout{padding:95px 25px 25px;word-break: auto-phrase;}
    .product .info-box .layout .br{display: none;}
    .product .info-box .layout:before{top:25px;left:50%;transform: translateX(-50%);font-size:15px;}
    .product .slide-box{margin-top:25px;}
    .product .slide-box .swiper-slide{width:460px;}
    .product .standard ul li{width:100%;}
    .product .materials ul li{width:100%;}
    .product .materials ul li span {display:block;margin:5px 0 0 0;}


    /* 서비스 */
    .service .service-box {flex-wrap:wrap;}
    .service .service-box .img {width:100%;height:200px;border-radius:40px 0 0 0;}
    .service .service-box .txt {width:100%;padding:30px 35px 40px;border-radius:0 0 40px 0;}
    .service .service-box .txt img {width:60px;margin-bottom:30px;}
    .service .service-box .txt strong {font-size:20px;margin-bottom:20px;}
    .service .service-box .txt p {font-size:15px;}

    .service .av-test {margin-top:50px;flex-wrap: wrap;gap:0;}
    .service .av-test .sub-title2 {width:100%;}
    .service .av-test .t-list {width:100%;}
    .service .av-test .t-list ul li {width:calc(50% - 3px);font-size:16px;}
    .service .av-test .t-list p {margin-top:15px;font-size: 15px;padding:15px 15px 15px 45px;}
    .service .av-test .t-list p:before {width:15px;height:15px;top:17px;left:20px;}

    .service .other4 {gap:50px;}
    .service .other4 > div {width:100%;padding-bottom: 0;}
    .service .other4 img {margin-bottom:20px;}
    .service .other4 h5.sub-title3 {font-size:25px;}
    .service .other4 ul li {font-size:15px;padding-left:13px;}
    .service .other4 ul li:before {width:5px;height:5px;top:5px;}
    .service .other4 ul li + li {margin-top:10px;}

    /* policy */
    .policy strong {font-size:16px;margin:25px 0 5px;}
    .policy p {font-size: 14px;}
    .policy ol li {font-size: 14px;}
    .policy ul {padding-left: 0;}
    .policy ul li {font-size: 14px;}
    .policy ul li + li {margin-top:3px;}

}

@media all and (max-width:580px) {
    .contactus .location .addr-box{flex-direction: column;gap:20px;align-items: flex-start;}
    .contactus .location .addr-box a{width:100%;}
    .contactus .location .info-box .box .cont1{flex-direction: column;}
}

@media all and (max-width:460px) {
    .page-top .menu-nav{overflow-x: auto;white-space: nowrap; -ms-overflow-style: none;scrollbar-width: none;}
    .page-top .menu-nav::-webkit-scrollbar{display: none;}

    .contactus .form .btn-box button{width:100%;}
    .contactus .location .map-box{height:300px;}
    .contactus .location .addr-box h3{font-size:16px;}
    .contactus .location .addr-box h3:before{top:2px;}

    .product .slide-box .swiper-slide{width:300px;}


}