/* 기업소개 */
.company .sec-title01{text-align:center; padding:140px 0 150px;}
.company .sec-title01 h2{font-size:40px; margin-bottom:10px;}
.company .sec-title01 p{font-size:43px; font-weight:600;}
.company .sec-bg01{position: relative;width:100%; height:743px; background:url(/images/sub/company-conut-bg.jpg) no-repeat center / cover;}
.company .sec-bg01 .count-txt{padding:100px 0 0; margin-bottom:60px;}
.company .sec-bg01 .count-txt h3{font-size:32px; color:#fff; margin-bottom:30px;}
.company .sec-bg01 .count-txt p{font-size:18px; color:#fff;}
.company .sec-bg01 .count-visual{text-align:right;}
.company .sec-bg01 .count-wrap{width:75%; display:inline-flex; flex-wrap:wrap; margin:0 -35px; row-gap:90px;}
.company .sec-bg01 .count-box{width:50%; display:flex; align-items:flex-end; justify-content:space-between; padding:0 35px;}
.company .sec-bg01 .count-box p{color:#fff;}
.company .sec-bg01 .count-box b{color:#fff;}
.company .sec-bg01 .count-box .img-box{color:#fff; text-align:center;}
.company .sec-bg01 .count-box .img-box img{display:block;}
.company .sec-bg01 .count-box .count{display:flex; font-size:44px;}
.company .sec-bg01 .count-box .count{font-weight:bold;}
.company .sec-bg01 .bottom-txt {position: absolute; right: 100px; bottom: 100px; color: gray;}
.company .sec-title02{padding:150px 0;}
.company .sec-title02 h2{font-size:42px; line-height:1.3; font-weight:600;}
.company .sec-title02 em{display:block; font-size:16px; font-weight:500; margin-bottom:20px;}

.vision-pin { overflow: hidden;}
.vision-pin .pin-inner { position: relative; height:100vh;}
.vision-pin .pin-bg { position: absolute; left:0; top:0; width:100%; height:100%; background:url(/images/sub/company-vision-bg.jpg) no-repeat center; background-size:cover; transition:all ease .5s;}
.vision-pin .pin-tit { position: absolute; left:5%; top:50%; width:90%; max-width:1500px; text-align:right; font-size:5rem; font-weight:700;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.vision-pin .pin-tit span { display:block; font-size:16px; color:#fff; font-weight:500; margin-bottom:20px;}
.vision-pin .pin-tit p { font-size:42px; color:#fff; line-height:1.2;}
.vision-pin .pin-tit-bg { position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); opacity:1 !important;}
.main-horizontal .track { width: fit-content; padding:260px 20% 0 0;}
.main-horizontal .track-flex { display: flex; justify-content: flex-start;}
.main-horizontal .track-flex .panel-wide { width:38vw; margin-right:2.6vw; flex: 0 0 auto; position:relative;}
.main-horizontal .text{font-size:120px; color:#111; opacity: .1; position:absolute; top:121px; left:-181px; font-weight:700;}
.main-horizontal .panel-wide .img-box{position:relative; padding-bottom:calc(720 / 730 * 100%);}
.main-horizontal .panel-wide .img-box img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.main-horizontal .panel-wide .title{position:absolute; top:50px; left:50px; font-size:40px; color:#fff; font-weight:700;}
.main-horizontal .panel-wide .sub-txt{position:absolute; bottom:70px; left:50px; color:#fff;}
.main-horizontal .panel-wide.on .sub-txt{opacity: 1; transform: translateY(0);}
.main-horizontal .panel-wide .sub-txt h3{font-size:30px; font-weight:700; margin-bottom:25px;}
.main-horizontal .panel-wide .sub-txt p{font-size:18px; font-weight:600;}
@media screen and (min-width: 769px){
.main-horizontal .panel-wide .sub-txt{ opacity: 0; transform: translateY(30px); transition: all ease .3s;}
.main-horizontal .panel-wide.on .sub-txt{opacity: 1; transform: translateY(0);}

}
@media screen and (max-width: 768px){
    .company .sec-title01{padding:60px 0;}
    .company .sec-title01 h2{font-size:20px;}
    .company .sec-title01 p{font-size:20px;}
    .company .sec-bg01{height:643px;}
    .company .sec-bg01 .count-visual{text-align: center;}
    .company .sec-bg01 .count-txt{padding:60px 0 0;}
    .company .sec-bg01 .count-box{flex-direction: column; align-items: center;}
    .company .sec-bg01 .count-wrap{width:100%; margin:0; row-gap:60px;}
    .company .sec-bg01 .count-txt h3{font-size:18px; margin-bottom:10px;}
    .company .sec-bg01 .count-txt p{font-size:14px;}
    .company .sec-bg01 .count-box .count{font-size:20px;}
    .company .sec-bg01 .count-box .img-box{margin-bottom:15px;}
    .company .sec-bg01 .count-box .img-box img{margin-bottom:10px;}
    .company .sec-bg01 .bottom-txt {right: 20px; bottom: 20px;}
    .company .sec-title02{padding:60px 0;}
    .company .sec-title02 em{margin-bottom:10px;}
    .company .sec-title02 h2{font-size:20px;}
    .vision-pin .pin-tit span{margin-bottom:10px;}
    .vision-pin .pin-tit p{font-size:26px;}
    .main-horizontal .text{font-size:40px; top:0; left:0;}
    .main-horizontal{height:auto; padding-bottom:30px;}
	.main-horizontal .track{width:100%; padding:60px 0 0;}
	.main-horizontal .track-flex{height:auto; padding-right:0; display: block;}
	.main-horizontal .track-flex .panel-wide{width:100%;flex-wrap:wrap; margin-bottom:20px;}
	.main-horizontal .panel-wide .left{width:100%;}
    .main-horizontal .panel-wide .title{top:30px; left:20px; font-size:22px;}
    .main-horizontal .panel-wide .sub-txt{left:20px; bottom:30px;}
    .main-horizontal .panel-wide .sub-txt h3{font-size:20px; margin-bottom:10px;}
    .main-horizontal .panel-wide .sub-txt p{font-size:16px;}
}
/* ceo 메세지 */

.ceo .content{position:relative; margin-left:210px; padding-top:130px;}
.ceo .content .flex-box{display:flex; align-items:center; position:relative; z-index: 10; padding-left:95px;}
.ceo .content .flex-box .txt-box{margin-top:120px;}
.ceo .content .flex-box .txt-box p{font-size:35px; font-weight:500;}
.ceo .content .flex-box .txt-box p em{color:#3437CC; font-weight:600;}
.ceo .content-bg{width:100%; height:400px; background:url(/images/sub/ceo-content-bg.png) no-repeat right / contain; background-color:#F7F7F7; position:absolute; bottom:0; left:0; }
.ceo .txt-content{font-size:20px;}
.ceo .txt-content .inner{padding-left:95px; padding-top:70px;}
@media screen and (max-width: 1240px){
    .ceo .content{margin-left:0; padding-top:0;}
    .ceo .content .flex-box .txt-box{width:90%; margin:60px 0 30px;}
    .ceo .content .flex-box .txt-box p{font-size:22px; text-align:center;}
    .ceo .content .flex-box{flex-direction:column; padding-left:0;}
    .ceo .txt-content .inner{padding-left:0;}
}
@media screen and (max-width: 768px){
    .ceo .content .flex-box .txt-box p{font-size:18px;}
    .ceo .txt-content{font-size:16px;}
    .ceo .txt-content .inner{padding-top:30px;}
}

/* ci */
.ci .ci-title{font-size:32px; font-weight:700; margin-bottom:30px;}
.ci .ci-logo{position:relative; padding-bottom:100px;}
.ci .ci-logo .img-box{position:relative; margin-bottom:38px;}
.ci .ci-logo::after{content:''; width:100%; height:60%; position:absolute; bottom:0; left:0; z-index:-1; background-color:#F7F7F7;}
.ci .ci-logo .download-box{text-align:center;}
.ci .ci-logo .download-box a{padding:20px 60px; font-size:15px; background-color:#3437CC; color:#fff; display:inline-flex; align-items:center; gap:10px; position:relative;}
.ci .ci-logo .download-box a img{margin-top:-2px;}
.ci .ci-logo .download-box p{margin-bottom:20px;}
.ci .ci-type{padding:95px 0;}
.ci .ci-type .flex-box{display:flex; flex-wrap:wrap; margin:0 -20px;}
.ci .ci-type .flex-box .box{width:50%; padding:0 20px; text-align:center;}
.ci .ci-type .flex-box .box img{margin-bottom:30px;}
.ci .ci-color{background-color:#F7F7F7; padding:95px 0 150px;}
.ci .ci-color .flex-box{display:flex; flex-wrap:wrap; margin:0 -20px;}
.ci .ci-color .flex-box .box{width:50%; padding:0 20px;}
.ci .ci-color .flex-box .box .left{height:173px; background-color:#F68B1E;}
.ci .ci-color .flex-box .box .right{height:173px; background-color:#0A2E83;}
.ci .ci-color .flex-box .box > div{position:relative;}
.ci .ci-color .flex-box .box ul{position:absolute; bottom:24px; left:30px;}
.ci .ci-color .flex-box .box ul li{color:#fff; display:inline-block;}
.ci .ci-color .flex-box .box ul li:nth-child(1){font-weight:700; margin-right:46px}
.ci .ci-color .flex-box .box ul li:nth-child(2){font-size:16px;}
@media screen and (max-width: 768px){
    .ci .ci-title{font-size:22px;}
    .ci .ci-logo{padding-bottom:30px;}
    .ci .ci-logo .img-box{margin-bottom:20px;}
    .ci .ci-logo .img-box img{width:100%; height:150px; object-fit: cover;}
    .ci .ci-logo .download-box a{padding:15px 30px; font-size:14px;}
    .ci .ci-logo .download-box a img{zoom:.8;}
    .ci .ci-type{padding:60px 0;}
    .ci .ci-type .flex-box{row-gap:30px;}
    .ci .ci-type .flex-box .box{width:100%;}
    .ci .ci-color{padding:30px 0 80px;}
    .ci .ci-color .flex-box{row-gap:30px;}
    .ci .ci-color .flex-box .box{width:100%;}
}

/* 윤리경영 */
.management .sec-title{padding-bottom:30px;}
.sec-download a{padding:20px 40px; border:1px solid #E5E5E5; font-size:16px; color:#111; display:inline-flex; align-items:center; gap:10px; position:relative;}
.sec-download a img{margin-top:-2px; filter: grayscale(100%) brightness(0);}
.management .sec-txt01{text-align:center; background-color:#F7F7F7; padding:65px 0; margin-top:100px;}
.management .sec-txt01 h2{font-size:32px; margin-bottom:15px;}
.management .content-title{font-size:25px; font-weight:600; padding:46px 0 30px;}
.management .content01 ul{display:flex; flex-wrap:wrap; margin:0 -16px;}
.management .content01 ul li{width:calc(100% / 5); padding:0 16px;}
.management .content01 ul li .box{height:100%; border:1px solid #E5E5E5; text-align:center; padding:35px 20px;}
.management .content01 ul li .img-box{width:100px; height:100px; margin-bottom:18px; background-color:#F7F7F7; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;}
.management .content01 ul li p{font-size:16px;}
.management .content02 .txt-box{background-color:#F7F7F7; padding:50px;}
.management .content02 .txt-box p{font-weight:600; margin-bottom:10px;}
.management .content02 ul li{font-size:16px; position:relative; margin-bottom:12px; padding-left:14px;}
.management .content02 ul li::after{content:''; width:4px; height:4px; border-radius:50%; background-color:#FFAA00; position:absolute; top:11px; left:0;}
.content03 .write-cont{border:1px solid #E5E5E5; padding:50px;}
.content03 .write-cont .input-box{margin-bottom:36px;}
.content03 .write-cont .input-box:last-child{margin-bottom:0;}
.content03 .write-cont .input-box p{font-weight:600; margin-bottom:20px;}
.content03 .write-cont .input-box input[type="text"]{width:100%;}
.content03 .write-cont .input-box textarea{width:100%; height:250px;}
.content03 .write-cont .filebox .upload-name { display: inline-block; padding: 0 10px; border:0; color:#666; font-size:16px; }
.content03 .write-cont .filebox label { display: inline-block; padding: 15px 40px; cursor: pointer; border:1px solid #E5E5E5; font-size:16px; margin-right:15px; }
.content03 .write-cont .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.content03 .write-cont .flex-box{display:flex; flex-wrap:wrap; margin:0 10px;}
.content03 .write-cont .flex-box .input-box{width:50%; padding:0 10px;}
.submit{text-align:center; margin-top:60px;}
.submit input{background:#fff; border:1px solid #E5E5E5; font-size:16px; padding:20px 60px; font-weight:500;}
/* 문의 리스트 공통 */
.inquiry-content-title{font-size:25px; font-weight:600; padding:46px 0 30px;}
.inquiry-content .write-cont{border:1px solid #E5E5E5; padding:50px;}
.inquiry-content .write-cont .input-box{margin-bottom:36px;}
.inquiry-content .write-cont .input-box:last-child{margin-bottom:0;}
.inquiry-content .write-cont .input-box p{font-weight:600; margin-bottom:20px;}
.inquiry-content .write-cont .input-box input[type="text"]{width:100%;}
.inquiry-content .write-cont .input-box textarea{width:100%; height:250px;}
.inquiry-content .write-cont .filebox .upload-name { display: inline-block; padding: 0 10px; border:0; color:#666; font-size:16px; }
.inquiry-content .write-cont .filebox label { display: inline-block; padding: 15px 40px; cursor: pointer; border:1px solid #E5E5E5; font-size:16px; margin-right:15px; }
.inquiry-content .write-cont .filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.inquiry-content .write-cont .flex-box{display:flex; flex-wrap:wrap; margin:0 10px;}
.inquiry-content .write-cont .flex-box .input-box{width:50%; padding:0 10px;}
.privacy_check{margin-top:20px;}
.check_box{display:flex; align-items:center; position:relative;}
.check_box .check_btn{position:relative; width:20px; height:20px; background-color:#fff; border:1px solid #E5E5E5; margin-right:15px;}
.check_box .check_btn::after{content:'';width:100%;height:100%;position:absolute;background:url(/images/sub/check.png) no-repeat center;display:none;}
.check_box input{z-index: 2;position:absolute; top:2px; left:0; opacity:0;width: 18px;height: 18px;cursor: pointer;}
.check_box input:checked ~ .check_btn{background-color:#ED8C28; border-color:#ED8C28;}
.check_box input:checked ~ .check_btn::after{display:block;}
.check_box label{cursor: pointer; font-size:16px;}
.check_box label em {color:#ED8C28; margin-left:15px;}

@media screen and (max-width: 1024px){
    .management .content01 ul{row-gap:20px;}
    .management .content01 ul li{width:50%;}
}
@media screen and (max-width: 768px){
    .sec-download a{font-size:14px; padding:15px 30px;}
    .management .sec-txt01{padding:30px 10px; margin-top:30px;}
    .management .sec-txt01 h2{font-size:20px; margin-bottom:10px;}
    .management .content01 ul li p{font-size:14px;}
    .management .content02 .txt-box{padding:25px;}
    .management .content02 ul li{font-size:14px;}
    .management .content-title{font-size:20px; padding:20px 0 30px;}
    .inquiry-content-title{padding:20px 0 30px; font-size:20px;}
    .inquiry-content .write-cont{padding:25px;}
    .inquiry-content .write-cont .input-box{margin-bottom:15px;}
    .inquiry-content .write-cont .input-box p{margin-bottom:10px;}
    .inquiry-content .write-cont .input-box textarea{height:150px;}
    .inquiry-content .write-cont .filebox label{font-size:14px; padding:15px 30px;}
    .inquiry-content .write-cont .filebox .upload-name{padding:0; display:block; margin-top:10px;}
    .inquiry-content .write-cont .flex-box{margin:0;}
    .inquiry-content .write-cont .flex-box .input-box{width:100%; padding:0;}
    .check_box label{font-size:14px;}
    .submit{margin-top:30px;}
    .submit input{padding:15px 30px; font-size:14px;}
}
/* 사업장 */
.workplace_ko .flex-box{display:flex; flex-wrap:wrap;}
.workplace_ko .flex-box .left{width:50%;}
.workplace_ko .flex-box .left .img-box{position:relative; padding-bottom:calc(894 / 730 * 100%);}
.workplace_ko .flex-box .left .img-box img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; opacity:0; visibility: hidden; transition:all ease .3s;}
.workplace_ko .flex-box .left .img-box img.on{opacity:1; visibility: visible; }
.workplace_ko .flex-box .left .img-box.mo{display:none;}
.workplace_ko .flex-box .right{width:50%;}
.workplace_ko .swiper{width:100%; height:calc(220px * 4);}
.workplace_ko .swiper .swiper-wrapper{padding-top:1px;}
.workplace_ko .swiper .swiper-slide{border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:0 !important; margin-top:-1px; padding-left:8%; display:flex; align-items:center; flex-direction:column; justify-content: center; align-items: flex-start; cursor: pointer;}
.workplace_ko .swiper .swiper-slide .name{font-size:32px; font-weight:700; margin-bottom:28px; color:#999;}
.workplace_ko .swiper .swiper-slide .name em{font-size:16px; color:#999; font-weight:400; position:relative;}
.workplace_ko .swiper .swiper-slide .name em::before{content:''; width:2px; height:15px; background-color:#999; display:inline-block; margin:0 12px;}
.workplace_ko .swiper .swiper-slide p{font-size:16px; position:relative; display:flex; gap:12px; align-items:center; color:#999;}
.workplace_ko .swiper .swiper-slide p.adress::before{content:''; width:12px; height:16px; background:url(/images/sub/adress-icon2.png) no-repeat; display:block;}
.workplace_ko .swiper .swiper-slide p.call::before{content:''; width:12px; height:12px; background:url(/images/sub/call-icon2.png) no-repeat; display:block;}
.workplace_ko .controls{display:flex; justify-content:center;}
.workplace_ko .swiper-button-next, .workplace_ko .swiper-button-prev{position:static; width:60px; height:60px; border-radius:50%; border:1px solid #ED8C28;}
.workplace_ko .swiper-button-next:after, .workplace_ko .swiper-button-prev:after{content:''; width:100%; height:100%; background:url(/images/sub/next-prev.png) no-repeat center;}
.workplace_ko .swiper-button-next{transform:rotate(180deg); margin-left:20px;}
.workplace_ko .swiper .swiper-slide.on{border-color:#3437CC; z-index: 1;}
.workplace_ko .swiper .swiper-slide.on .name{color:#111;}
.workplace_ko .swiper .swiper-slide.on p{color:#111;}
.workplace_ko .swiper .swiper-slide.on p.adress::before{background:url(/images/sub/adress-icon.png) no-repeat;}
.workplace_ko .swiper .swiper-slide.on p.call::before{background:url(/images/sub/call-icon.png) no-repeat;}
.workplace_ko .swiper .swiper-slide.on .name em{color:#111;}
.workplace_ko .swiper .swiper-slide.on .name em::before{background-color:#FF8000;}

.workplace_en .top-visual{margin-bottom:80px;}
.workplace_en .top-visual .img-box{position:relative; padding-bottom:calc(574 / 1500 * 100%);}
.workplace_en .top-visual .img-box img{position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; object-fit: cover; visibility: hidden; transition:all ease .3s;}
.workplace_en .top-visual .img-box img.on{opacity:1; visibility: visible; }
.workplace_en .bottom-tab ul{display:flex; flex-wrap:wrap; margin:0 -20px;}
.workplace_en .bottom-tab ul li{width:calc(100% / 3); padding:0 20px;}
.workplace_en .bottom-tab ul li .box{height:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:45px 0; padding-left:20px; ;cursor: pointer; }
.workplace_en .bottom-tab ul li .name{font-size:32px; font-weight:700; margin-bottom:20px; color:#999;}
.workplace_en .bottom-tab ul li .name em{font-size:16px; color:#999; font-weight:400; position:relative;}
.workplace_en .bottom-tab ul li .name em::before{content:''; width:2px; height:15px; background-color:#999; display:inline-block; margin:0 12px;}
.workplace_en .bottom-tab ul li p{font-size:16px; position:relative; display:flex; gap:12px; align-items:center; color:#999;}
.workplace_en .bottom-tab ul li p.adress::before{content:''; width:12px; height:16px; background:url(/images/sub/adress-icon2.png) no-repeat; display:block;}
.workplace_en .bottom-tab ul li.on .box{border-color:#3437CC;}
.workplace_en .bottom-tab ul li.on .name{color:#111;}
.workplace_en .bottom-tab ul li.on p{color:#111;}
.workplace_en .bottom-tab ul li.on p.adress::before{background:url(/images/sub/adress-icon.png) no-repeat;}
.workplace_en .bottom-tab ul li.on p.call::before{background:url(/images/sub/call-icon.png) no-repeat;}
.workplace_en .bottom-tab ul li.on .name em{color:#111;}
.workplace_en .bottom-tab ul li.on .name em::before{background-color:#FF8000;}

@media screen and (max-width: 1024px){
    .workplace_ko .flex-box .left .img-box.pc{display:block;}
    .workplace_ko .swiper .swiper-slide .name{font-size:26px; margin-bottom:10px;}
    .workplace_en .top-visual .img-box.pc{display:block;}
    .workplace_en .bottom-tab ul li .name{font-size:20px; margin-bottom:10px;}
}
@media screen and (max-width: 768px){
    .workplace_ko .flex-box .left{width:100%;}
    .workplace_ko .flex-box .right{width:100%;}
    .workplace_ko .swiper{height:calc(180px * 4); }
    .workplace_ko .swiper .swiper-slide .name{font-size:20px; margin-bottom:10px;}
    .workplace_ko .flex-box .left .img-box{margin:10% 0 20%;}
    .workplace_ko .flex-box .left .img-box img{transform:scale(1.3);}
    .workplace_en .top-visual{margin-bottom:30px;}
    .workplace_en .bottom-tab ul li{width:100%;}

}
/* 파트너스 */
.partner .partner-list{background-color:#F7F7F7; padding:100px 0 150px;}
.partner .partner-list ul{display:flex; flex-wrap:wrap; margin:0 -20px;row-gap: 20px;}
.partner .partner-list ul li{width:25%; padding:0 20px; text-align:center; font-weight:600;}
.partner .partner-list ul li img{margin-bottom:26px;}
@media screen and (max-width: 768px){
    .partner .partner-list{padding:30px 20px 80px;}
    .partner .partner-list ul li{width:50%;}
    .partner .partner-list ul li img{margin-bottom:15px;}
}
/* 믹싱장비 공통 */
.business-swiper .swiper-slide .modal-img{position:relative; width:100%;  padding-bottom:calc(350 / 450 * 100%);}
.business-swiper .swiper-slide img{position: absolute; top:0; left:0; width:100%; height: 100%; object-fit: cover;}
/* 믹싱공정 */
.process #count1{font-size:20px;}
.process .inner{z-index: 2;}
.process .content01{padding:100px 0; background-color:#F7F7F7; position: relative;}
.process .content01::after{content:''; position: absolute; width:595px; height:408px; bottom:0; right:0; background: url(/images/sub/ceo-content-bg.png) no-repeat;}
.process .content01 .flex-box{display:flex; flex-wrap:wrap; align-items: center;}
.process .content01 .flex-box .left{width:60%; padding-right:40px;}
.process .content01 .flex-box .right{width:40%; padding-left:24px;}
.process .content01 .flex-box .right ul{margin:-25px 0;}
.process .content01 .flex-box .right ul li {padding:25px 0; position: relative;}
.process .content01 .flex-box .right ul li::after{content:''; width:13px; height:20px; background: url(/images/sub/mixing-icon2.png); position:absolute; bottom:-10px; left:0; right:0; margin:auto;}
.process .content01 .flex-box .right ul li:last-child::after{display:none;}
.process .content01 .flex-box .right ul li .box{border:1px solid #E5E5E5; background-color: #fff; position:relative; padding:30px 20px 30px 54px; transition: all ease .7s;}
.process .content01 .flex-box .right ul li .number{width:48px; height:48px; border-radius: 50%; text-align: center; line-height: 48px; background-color:#FF8000; color:#fff; position:absolute; left:-24px; top:50%; transform:translateY(-50%);}
.process .content01 .flex-box .right ul li h2{font-size:18px; margin-bottom: 10px;}
.process .content01 .flex-box .right ul li p{font-size:16px;}
.process .content01 .flex-box .right ul li.active .box{border-color:#FF8000;}
.process .mixing-wrap {position: relative; width: 100%;}
.process .mixing-wrap .mixing-inner {max-width: 1500px; width:90%; margin: 100px auto 0;}
.process .mixing-wrap .mixing-inner > h2 {font-size: 32px; }
.process .mixing-wrap .mixing-inner .mixing-media {display: flex; margin-top: 30px; gap:40px;}
.process .mixing-wrap .mixing-inner .mixing-media .video-box{width:calc(67% - 40px); padding-bottom:36%; position:relative;}
.process .mixing-wrap .mixing-inner .mixing-media video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.process .mixing-wrap .mixing-inner .mixing-media .title{width:33%;}
.process .title {counter-reset: number 0;}
.process .title > .split { position: relative; display: block; padding: 35px 40px; border: 1px solid #e5e5e5; background: #fff; font:normal normal normal 16px/27px Pretendard; color: #111; margin-bottom: 29px; }
.process .title > .split:last-child {margin-bottom: 0;}
.process .title > .split::before {counter-increment: number 1; content: '0'counter(number); height: 51px; color: #111; opacity: 0.1; font: normal normal 800 43px/57px Pretendard; position: absolute; right: 20px; bottom: 5px;}
.process .title [data-timeline] {transition: all ease .35s;}
.process .title [data-timeline="on"] {border: 2px solid #3437cc; color: #3437cc; font-weight: bold;}
@media screen and (max-width: 768px){
    .process .bg-title{height:400px; justify-content: center;}
    .process .bg-title > p{font-size:20px;}
    .process .mixing-wrap .mixing-inner{margin:60px auto 0;}
    .process .mixing-wrap .mixing-inner > h2{font-size:20px;}
    .process .mixing-wrap .mixing-inner .mixing-media{flex-wrap:wrap;}
    .process .mixing-wrap .mixing-inner .mixing-media .video-box{width:100%; padding-bottom:50%;}
    .process .mixing-wrap .mixing-inner .mixing-media .title{width:100%;}
    .process .title > .split{padding:25px; font-size:14px; margin-bottom:15px;}
    .process .content01 .flex-box{row-gap:30px;}
    .process .content01 .flex-box .left{width:100%; padding-right:0;}
    .process .content01 .flex-box .right{width:100%;}
    .process .content01 .flex-box .right ul li .number{width:36px; height:36px; line-height: 36px; }
    .process .content01 .flex-box .right ul li .box{padding:25px;}
}

/* 믹싱 장비 */
.equipment .slide-btn { position: absolute; width: 100px; height: 100px; border-radius: 50%; border: none; background-color: white; cursor: pointer; top: 50%; transform: translateY(-50%); z-index: 9;}
.equipment .--prev {left: 20%;}
.equipment .--next {right: 20%;}
/* 닫기버튼 */
.equipment .close-btn { position: absolute; padding: 1em; top: 2em; right: 15%;}
/* bullet */
.equipment #bullets {position: absolute;bottom: 20%;left: 50%;transform: translateX(-50%);}
.equipment #bullets > li {float: left;margin: 0 8px;}
.equipment #bullets > li > a {display: block;text-decoration: none;color: transparent;width: 1em;height: 1em;background-color: rgb(165, 165, 165);border-radius: 50%;transition: 0.2s;}
.equipment #bullets > li > a.on {background-color: tomato;}
.equipment {width: 100%; position: relative;}
.equipment .inner h1 {line-height: 38px;}
.menu-inner {border-bottom: 1px solid #e5e5e5; position: relative; z-index: 10;}
.equipment .mix-wrap > .inner {z-index: 1; position: relative;}
.equipment hr {margin: 25px 0; background: #ddd; height: 1px; border: 0;}
.equipment .system-tit {background: #f7f7f7; position: relative; top: -235px; padding: 295px 0 100px 0}
.equipment .system-tit .inner > h2 { font-weight: bold; font-size: 32px;}
.equipment .system-tit .inner > p {color: #111; font-size: 20px; margin-bottom: 22px;}
.equipment .system-tit ul {color: #666; position: relative; line-height: 1.4;}
.equipment .system-tit ul::before {content: ''; width: 4px; height: 4px; display:block; position:absolute; top:9px; background: #ed8c28; border-radius: 50%;}
.equipment .system-tit ul li {margin-left: 14px; font-size: 16px;}
.equipment .process-wrap {top: -125px;}
.equipment .process-wrap .inner > p {margin: 30px 0 50px 0; color: #666; font-size: 18px; line-height: 21px;}
.equipment .box01 {margin-top: 50px;}
.equipment .box01 ul {display: flex; flex-wrap:wrap; gap:40px;  position: relative;}
.equipment .box01 ul li {width:calc(100% / 4 - 30px); height: 100%; border: 1px solid #e5e5e5; line-height: 1.33; position: relative;}
.equipment .box01 ul li::after {content: ''; background: url(/images/sub/mixing-icon.png); width: 20px; height: 13px; position: absolute; top: 314px; left:calc(100% + 12px);}
.equipment .box01 ul li:last-child::after {display: none;}
.equipment .box01 ul .active {border: 1px solid #ff8000; transition: all .7s;}
.equipment .box01 ul .active .sub-box {background: #ff8000; color: #fff;transition: all .7s;}
.equipment .box01 ul li .box-inner {padding: 40px 26px 20px 26px; text-align: center;}
.equipment .box-inner > h2 {color: #3437cc; font-size: 16px; font-weight: bold; margin-bottom: 30px;}
.equipment .box-inner > h1 {font-weight: 600; font-size: 25px; margin-bottom: 20px;}
.equipment .box-inner > p {color: #666;font-size: 16px; margin-bottom: 25px; line-height: 20px;}
.equipment .box-inner > img { margin-bottom: 20px;}
.equipment .box-inner > div {line-height: 21px;}
.equipment .box-inner .sub-txt {font-size: 14px; color: #3437cc; margin-bottom: 0;}
.equipment .box-inner .sub-name {font-weight: 600; font-size: 18px;}
.equipment .sub-box {background: #f7f7f7; text-align: center; }
.equipment .sub-box p {padding: 30px 0;}
.equipment .detail-wrap h1 {margin-bottom: 50px;}
.equipment .mySwiper {margin: 0 auto;overflow: hidden;padding-bottom: 50px;}
.equipment .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;     }
.equipment .swiper-slide .modal-img { width: 452px;  height: 350px;}
.equipment .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.equipment .swiper-pagination {top: auto !important;bottom: 0;}
.equipment .swiper-pagination-progressbar {background: #ddd !important;height: 2px !important;}
.equipment .swiper-pagination-progressbar-fill {background: #ED8C28 !important;}
.equipment .swiper-slide {width: 200px;user-select: none;}
.equipment .caption {width: 100%; height: inherit;  position: absolute; top: 0; left: 0; box-sizing: border-box; transition: 0.5s;}
.equipment .caption > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px !important; height: 30px !important; opacity: 0; visibility: hidden; transition: 0.5s;}
@media screen and (max-width: 1280px){
    .equipment .box01 ul{gap:;}
    .equipment .box01 ul li {width:calc(50% - 20px);}
    .equipment .box01 ul li:nth-child(2n)::after{display:none;}
}
@media screen and (min-width: 769px){
    .equipment .swiper-slide:hover .caption {background: transparent linear-gradient(180deg,rgb(17, 17, 17 , 0) 0%, rgb(255, 128, 0 , .35) 100%) 0% 0% no-repeat padding-box;}
    .equipment .swiper-slide:hover .caption > img {opacity: 1; visibility: visible;}

}
@media screen and (max-width: 768px){
    .equipment .box01 ul li{width:100%;}
    .equipment .box01 ul li::after{display:none;}
    .equipment .system-tit{top:0; padding:0; background:#fff;}
    .equipment .system-tit .inner > h2{font-size:22px; margin-top:20px;}
    .equipment .system-tit .inner > p{font-size:18px;}
    .equipment hr{margin:15px 0;}
    .equipment .process-wrap{top:0; margin-top:60px;}
    .equipment .process-wrap .inner > p{font-size:16px; margin:10px 0 30px;}
    .equipment .box-inner > h2{margin-bottom:10px;}
    .equipment .box-inner > h1{font-size:22px;}
}
/* 믹싱장비 */
.system .content01 {margin-left: 11%; margin-bottom: 150px; position: relative;}
.system .flex-box {display: flex; flex-wrap:wrap; justify-content: space-between;}
.system .flex-box .img-box { width: 32%; text-align: right; margin-top: 20px;}
.system .flex-box .txt-box { width: 55.2%;}
.system .flex-box .txt-box .mixer-box {background-color: #f7f7f7; position: relative;}
.system .flex-box .txt-box .mixer-box::after {content: ''; background:url(/images/sub/ceo-content-bg.png) no-repeat right / cover; width: 350px; height: 355px; position: absolute; bottom:0;; right: -60px; }
.system .flex-box .txt-box .mixer-box .box-inner {padding: 80px 60px;}
.system .flex-box .txt-box .mixer-box .box-inner > h2 {color: #3437cc; font-size: 14px;}
.system .flex-box .txt-box .mixer-box .box-inner > h1 {font-size: 32px; line-height: 38px;}
.system .flex-box .txt-box .mixer-box .box-inner hr {width: 71%; margin: 25px 0; background: #ddd; height: 1px; border: 0;}
.system .flex-box .txt-box .mixer-box .box-inner > p {font-size: 16px;}
.system .flex-box .txt-box .product-box {padding: 50px 60px;}
.system .flex-box .txt-box .product-box h1 {font-size: 25px; line-height: 30px; margin-bottom: 30px;}
.system .flex-box .txt-box .product-box ul {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px 0; width: 100%;}
.system .flex-box .txt-box .product-box ul li {font-size: 18px; color: #666; line-height: 21px; position: relative; padding-left: 12px;}
.system .flex-box .txt-box .product-box ul li::before {content: ''; width: 4px; height: 4px; display:block; position:absolute; top:9px; left:0; background: #ed8c28; border-radius: 50%;}
.system .flex-box .txt-box .product-box ul li {margin-bottom: 20px;}
.system .flex-box .txt-box .product-box ul li:last-child{margin-bottom: 0;}
.system .w-24 {width: 24%;}
.system .content02 {background: #f7f7f7;}
.system .content02 .inner {padding: 100px 0;}
.system .content02 .inner ul {display: flex; width: 76%; justify-content: flex-end;}
.system .content02 .inner h1 {font-size: 32px;}
.system .content03 {margin-bottom: 100px;}
.system .content03 .inner > h1{margin: 50px 0 30px 0; line-height: 38px; font-size: 32px;}
.system .caption {width: 100%; height: 100%;  position: absolute; top: 0; left: 0; box-sizing: border-box; transition: 0.5s;}
.system .caption > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px !important; height: 30px !important; opacity: 0; visibility: hidden; transition: 0.5s;}
.system .swiper-slide a{position: relative;}

.system .mySwiper {margin: 0 auto;overflow: hidden;padding-bottom: 50px;}
.system .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;     }
/* .system .swiper-slide .modal-img { width: 100%;}       */
/* .system .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} */
.system .swiper-pagination {top: auto !important;bottom: 0;}
.system .swiper-pagination-progressbar {background: #ddd !important;height: 2px !important;}
.system .swiper-pagination-progressbar-fill {background: #ED8C28 !important;}
.system .swiper-slide {user-select: none;}
.system .content04 .inner h1 {line-height: 38px; font-size: 32px; margin-bottom: 50px;}
.system .content04 .tb-st01 {width: 100%; text-align: center; border-top: 1px solid #111;}
.system .content04 table thead { background: #F7F7F7; line-height: 15px;}
.system .content04 table thead th { padding: 16px;border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 16px;}
.system .content04 thead th.last, .tb-st01 tbody td.last {border-right: 0;}
.system .content04 table tbody td {padding: 16px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #666; font-size: 16px;}
@media screen and (min-width: 769px){
    .system .swiper-slide:hover .caption {background: transparent linear-gradient(180deg,rgb(17, 17, 17 , 0) 0%, rgb(255, 128, 0 , .35) 100%) 0% 0% no-repeat padding-box;}
    .system .swiper-slide:hover .caption > img {opacity: 1; visibility: visible;}
}
@media screen and (max-width: 768px){
    .system .content01{width:90%; margin-left:0; margin:0 auto;}
    .system .flex-box .img-box{width:100% !important; text-align:center; zoom:.8; margin-bottom:30px;}
    .system .flex-box .txt-box{width:100%;}
    .system .flex-box .txt-box .mixer-box .box-inner{padding:25px;}
    .system .flex-box .txt-box .mixer-box .box-inner > h1{font-size:22px;}
    .system .flex-box .txt-box .mixer-box .box-inner > p{font-size:14px;}
    .system .flex-box .txt-box .product-box{padding:20px 0;}
    .system .flex-box .txt-box .product-box h1{font-size:22px; margin-bottom: 15px;}
    .system .flex-box .txt-box .product-box ul li{margin-bottom:10px; font-size: 16px;}
    .system .w-24{width:100%;}
    .system .content02{margin-top:30px;}
    .system .content02 .inner{padding:60px 0;}
    .system .content02 .inner ul{width:100%;}
    .system .content02 .inner h1{font-size: 22px; margin-bottom:15px;}
    .system .content02 .inner ul{flex-wrap: wrap;}
    .system .content02 .inner ul li{width:100%; border-left:0; border-bottom: 1px solid #e5e5e5; padding:20px 0;}
    .system .content02 .inner ul li h3{font-size:18px; margin: 15px 0 10px 0;}
    .system .content02 .inner ul li p{font-size:14px;}
    .system .content04 .tb-st01{width:auto; white-space: nowrap;}
    .system .content04 .inner{overflow-x:auto;}
}
/* pts */
.list04 {width: calc(100% / 2);border-left: 1px solid #e5e5e5; text-align: center;}
.list04:last-child {border-right: 1px solid #e5e5e5;}
.list04 > div {position: relative; width: 95px; height: 95px; border-radius: 50%; background: #fff; margin: 0 auto;}
.list04 > div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.list04 h3 {margin: 30px 0 20px 0; font-size: 20px; line-height: 24px;}
.list04 p {color: #666; font-size: 16px; line-height: 21px;}

/* solu */
.list03 {width: calc(100% / 3);border-left: 1px solid #e5e5e5; text-align: center;}
.list03:last-child {border-right: 1px solid #e5e5e5;}
.list03 > div {position: relative; width: 95px; height: 95px; border-radius: 50%; background: #fff; margin: 0 auto;}
.list03 > div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.list03 h3 {margin: 30px 0 20px 0; font-size: 20px; line-height: 24px;}
.list03 p {color: #666; font-size: 16px; line-height: 21px;}

/* corona */
.list02 {width: calc(100% / 4);border-left: 1px solid #e5e5e5; text-align: center;}
.list02:last-child {border-right: 1px solid #e5e5e5;}
.list02 > div {position: relative; width: 95px; height: 95px; border-radius: 50%; background: #fff; margin: 0 auto;}
.list02 > div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.list02 h3 {margin: 30px 0 20px 0; font-size: 20px; line-height: 24px;}
.list02 p {color: #666; font-size: 16px; line-height: 21px;}

/* system */
.list01 { width: calc(100% / 3); border-left: 1px solid #e5e5e5; text-align: center;}
.list01:last-child {border-right: 1px solid #e5e5e5;}
.list01 > div {position: relative; width: 95px; height: 95px; border-radius: 50%; background: #fff; margin: 0 auto;}
.list01 > div img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.list01 h3 {margin: 30px 0 20px 0; font-size: 20px; line-height: 24px;}
.list01 p {color: #666; font-size: 16px; line-height: 21px;}

/* modal */

.modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.45);display: none;z-index: 12;}
.modal-overlay .modal-inner{max-width: 500px;max-height: max-content;width:70%;position: absolute;top: 0;left: 0;border: 0;bottom: 0;right: 0;margin: auto;}
.modal-overlay .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;/*position: relative;padding-bottom:130%;*/}
.modal-overlay .swiper-wrapper{height: auto;}
.modal-overlay .swiper-slide img {display: block; width:100%; height:100%; object-fit: cover;/*position:absolute;top:0;left:0;width:100%;height: 100%;object-fit: cover;*/}
.modal-overlay  .controls{position: absolute;top: 50%;width: 100%;transform: translateY(-50%);}
.modal-inner .swiper-button-next,
.modal-inner .swiper-button-prev {position: absolute;width: auto;height: auto;}
.modal-inner .swiper-button-next {right:-18% !important;}
.modal-inner .swiper-button-next::after{content:'';width:34px;height: 65px;background:url(/images/sub/next-icon.png) no-repeat center / cover;}
.modal-inner .swiper-button-prev {left:-18%;}
.modal-inner .swiper-button-prev::after{content:'';width:34px;height: 65px;background:url(/images/sub/prev-icon.png) no-repeat center / cover;}
.modal-inner .close-btn {position: absolute;width:35px;height: 35px;top:0;left:calc(100% + 10px);}
.modal-inner .close-btn > img {filter: brightness(100%) invert(1);}
@media screen and (max-width: 768px) {
.modal-inner .close-btn{left: auto;top: -35px;right: 0;width: 25px;height: 25px;}
.modal-inner .swiper-button-next::after,
.modal-inner .swiper-button-prev::after{zoom:.8;}
}
@media screen and (max-width: 375px) {
.modal-inner .slide-btn {width: 8%;}
.modal-overlay .swiper {height: calc(100% - 75%);}
}

/* 연구소 */
.laboratory .content01{position:relative; padding-bottom:100px; padding-top:130px;}
.laboratory .content01::after{content:''; width:100%; height:75%; background-color:#F7F7F7; position:absolute; left:0; bottom:0; z-index: -1;}
.laboratory .content01 .txt-box h2{font-size:32px; border-bottom:1px solid #ddd; padding:50px 0 15px; margin-bottom:20px;}
.laboratory .content01 .txt-box ul li{position:relative; padding-left:19px;}
.laboratory .content01 .txt-box ul li::after{content:''; width:4px; height:4px; border-radius:50%; background-color:#ED8C28; position:absolute; top:11px; left:0; }
.laboratory .content02{padding:100px 0 60px; position:relative;}
.laboratory .content02::after{content:''; width:100%; height:368px; background:url(/images/sub/ceo-content-bg.png) no-repeat 79% / contain;  background-color:#F7F7F7; position:absolute; bottom:0;left:15%; z-index: -1; }
.laboratory .content02 .flex-box{display:flex; align-items:center;}
.laboratory .content02 .flex-box .left{position: relative; width:50%;}
.laboratory .content02 .flex-box .left p {position: absolute; top: 15px; right: 15px; padding: 20px; font-weight: bold;background-color: #fff; opacity: 0.7;}
.laboratory .content02 .flex-box .right{width:50%; padding-left:6%;}
.laboratory .content02 .flex-box .right .txt-box{position:relative;}
.laboratory .content02 .flex-box .right .txt-box::after{content:''; width:122px; height:104px; background:url(/images/sub/laboratory-cont2-img02.png) no-repeat; position:absolute; top:-76px; left:-60px;}
.laboratory .content02 .flex-box .right .txt-box h3{font-size:34px; line-height:1.4; font-weight:600; margin-bottom:90px;}
.laboratory .content02 .flex-box .right .txt-box h3 em{font-size:16px; color:#3437CC; display:block; margin-bottom:10px;}
.laboratory .content03 .title{font-size:32px; text-align:center; padding:90px 0 45px;}
.laboratory .content03 .flex-box{display:flex; margin:0 -20px;}
.laboratory .content03 .flex-box .box{width:50%; padding:0 20px;}
.laboratory .content03 .flex-box .box a{display:block; border:1px solid #E5E5E5; text-align:center; padding:80px 20px;}
.laboratory .content03 .flex-box .img-box{font-size:24px; font-weight:600; margin-bottom:25px;}
.laboratory .content03 .flex-box .img-box img{display:block; margin-bottom:20px; margin:0 auto; margin-bottom:20px;}
.laboratory .content03 .flex-box p{padding-top:35px; position:relative;}
.laboratory .content03 .flex-box p::before{content:''; width:20px; height:2px; background-color:#3437CC; position:absolute; top:0; left:50%; transform:translateX(-50%);}
@media screen and (max-width: 1024px){
    .laboratory .content02 .flex-box .right .txt-box h3{font-size:26px; margin-bottom:30px;}
}
@media screen and (max-width: 768px){
    .laboratory .content01{padding-top:60px; padding-bottom:30px;}
    .laboratory .content01 .txt-box h2{font-size:22px; padding:15px 0 10px;}
    .laboratory .content02 .flex-box{flex-wrap:wrap;}
    .laboratory .content02 .flex-box .left{width:100%;}
    .laboratory .content02 .flex-box .left p {padding: 5px;}
    .laboratory .content02 .flex-box .right{width: 100%; padding-left:0; padding:20px 0;}
    .laboratory .content02 .flex-box .right .txt-box h3{font-size:22px;}
    .laboratory .content02::after{background-size:cover; left:0;}
    .laboratory .content03 .title{padding:60px 0 30px;}
    .laboratory .content03 .title{font-size:22px;}
    .laboratory .content03 .flex-box {flex-wrap:wrap; row-gap: 20px;}
    .laboratory .content03 .flex-box .box{width:100%;}
}
/* 연구 실적 */
.history{position:relative;}
.history-wrapper {padding-left:380px;}
.history-tab{position:absolute; top:0; z-index: 10;}
.history-tab.fixed{position: fixed;}
.history-tab .tab-btn{font-size:25px; color:#999;  margin-bottom:25px; cursor: pointer;}
.history-tab .tab-btn.on{color:#3437CC; font-weight:600; border-bottom:2px solid #3437CC;}
.history-list{padding-left:90px; padding-top:90px; position:relative; border-left:1px solid #E5E5E5;}
.history-list:first-child{padding-top:0;}
.history-list:last-child{padding-bottom:0;}
.history-list:last-child .box{border:0;}
.history-list .line{position:absolute; width:12px; height:12px; border-radius:50%; border:1px solid #E5E5E5; background-color:#fff;  position:absolute; left:-6px;}
.history-list .line::after{content:''; width:70px; height:1px; background-color:#E5E5E5; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.history-list .line::before{content:''; width:6px; height:6px; border-radius:50%; background-color:#E5E5E5; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.history-list .year{font-size:24px; font-weight:700; transform: translateY(-12px);}
.history-list .box {border-bottom:1px solid #E5E5E5; padding-bottom:90px;}
.history-list .txt-box li{color:#666; position:relative; padding-left:25px;}
.history-list .txt-box li::after{content:''; width:5px; height:5px; border-radius:50%; background-color:#999; position:absolute; left:0; top:11px;}
.history-list p{color:#FF8000;}
.history-list[data-history="active"] .line{border-color:#3437CC;}
.history-list[data-history="active"] .line::after{background-color:#3437CC;}
.history-list[data-history="active"] .line::before{background-color:#3437CC;}
@media screen and (max-width: 768px){
    .history-tab{position:relative; gap:15px; display:flex; gap:20px; margin-bottom:30px;}
    .history-tab .tab-btn{font-size:18px;}
    .history-wrapper{padding-left:0;}
    .history-tab.fixed{top:0px !important; width:100%; padding:20px 0; background-color: #fff; border-top: 1px solid #E5E5E5;  border-bottom: 1px solid #E5E5E5;}
    .history-tab.fixed .tab-btn{margin-bottom:0;}
    .history-list{padding-left:40px;}
    .history-list .line::after{width:20px;}
    .history-list .year{font-size:20px;}
}
/* 기술혁신 */
.innovation .content:nth-child(2){padding-top:0;}
.innovation .content{padding:100px 0 140px;}
.innovation .content .mySwiper .swiper-slide {position: relative; padding-bottom: calc(380 / 500 * 100%); background-color: #fff;}
.innovation .content .mySwiper .swiper-slide img {position: absolute; top: 0; left: 0; bottom:0; right:0; margin:auto; display: block; width: 100%; height: 100%;}
.innovation .content .swiper-pagination {position: initial; margin: 10px 0;}
.innovation .content .swiper-pagination-bullet{width:10px; height:10px; background-color:#E5E5E5; border-radius:50%; cursor: pointer; margin: 0 7px; opacity: 1;}
.innovation .content .swiper-pagination-bullet-active{background-color:#3437CC; box-shadow: 0 0 0 5px rgb(52, 55, 204, .1); }

.innovation .content.cont02 .mySwiper .swiper-slide:first-child {border: 1px solid rgb(153, 153, 153); background-color: none;}
.innovation .content.cont02 .swiper-slide:first-child > img {width: auto; height: 100%;}
.innovation .content.cont02 .swiper-slide:nth-child(2) {border: 1px solid rgb(153, 153, 153);}
.innovation .content.cont02 .swiper-slide:nth-child(2)> img {width: auto; height: auto;}
.innovation .content.cont04 .swiper-slide:nth-child(2),
.innovation .content.cont04 .swiper-slide:last-child {border: 1px solid rgb(153, 153, 153);}
.innovation .content.cont04 .swiper-slide:nth-child(2) > img {width: 60%; height: auto;}
.innovation .content.cont04 .swiper-slide:last-child > img {width: 30%; height: auto;}

.innovation .content .flex-box{display:flex; align-items:center; flex-wrap:wrap;}
.innovation .content .flex-box .left{width:37%;}
.innovation .content .flex-box .left .img-box{position: relative; padding-bottom:calc(380 /550 *100%);}
.innovation .content .flex-box .left .img-box img{display:none; position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
.innovation .content .flex-box .left .img-box img.on{display:block;}
.innovation .content .flex-box .left .img-tab{display:flex; justify-content:center; gap:15px; margin-top:20px; margin-bottom:20px;}
.innovation .content .flex-box .right{width:63%; padding-left:60px; }
.innovation .content .flex-box .right .title{font-size:34px; padding-bottom:30px; border-bottom:1px solid #ddd;}
.innovation .content .flex-box .right .title em{font-size:16px; color:#3437CC; font-weight:600; margin-left:20px;}
.innovation .content .flex-box .right p{font-size:20px; margin:25px 0;}
.innovation .content .flex-box .right ul{background-color:#F7F7F7; padding:30px 40px;}
.innovation .content .flex-box .right ul li{font-size:16px; position:relative; padding-left:20px; margin-bottom:10px;}
.innovation .content .flex-box .right ul li::after{ content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #FFAA00; position: absolute; top: 11px; left: 0; }
.innovation .content.gray{background-color:#F7F7F7;}
.innovation .content.gray .flex-box .right ul{background-color:#fff;}
@media screen and (max-width: 1024px){
    .innovation .content .flex-box .right{padding-left:30px;}
    .innovation .content .flex-box .right .title{font-size:26px; padding-bottom:10px;}
    .innovation .content .flex-box .right p{margin:10px 0; font-size:18px;}
    .innovation .content .flex-box .right ul{padding:25px;}
}
@media screen and (max-width: 768px){
    .innovation .content{padding:60px 0 30px;}
    .innovation .content .flex-box .left{width:100%;}
    .innovation .content .flex-box .right{width:100%; padding-left:0;}
    .innovation .content .flex-box .right .title{font-size:22px;}
    .innovation .content .flex-box .right .title em{font-size:14px;}
    .innovation .content .flex-box .right ul li{font-size:14px;}

}
/* 믹싱 장비 설계 기술 */
.design .flex-box{display:flex;}
.design .flex-box.reverse{flex-direction:row-reverse;}
.design .flex-box .left{width:50%; display:flex; align-items:center; justify-content:center; border:1px solid #E5E5E5; padding:120px 0;}
.design .flex-box .left .swiper .swiper-wrapper .swiper-slide {text-align: center;}
.design .flex-box .left .swiper .swiper-wrapper .swiper-slide img {border: 1px solid #e5e5e5;}
.design .flex-box .left .swiper .swiper-pagination {position: initial;}
.design .flex-box .left .swiper .swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 7px;}
.design .flex-box .left .swiper .swiper-pagination-bullet-active {background-color: #3437CC; box-shadow: 0 0 0 5px rgb(52, 55, 204, .1);}
.design .flex-box .right{width:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center;}
.design .flex-box .right .number{width:48px; height:48px; border-radius:50%; background-color:#FF8000; color:#fff; font-size:16px; line-height:48px; text-align:center;}
.design .flex-box .right .img-box{margin:30px 0 40px;}
.design .flex-box .right .txt01{color:#3437CC; font-size:16px; font-weight:500; padding-top:35px; position:relative;}
.design .flex-box .right .txt01::after{ content: ''; width: 20px; height: 3px; background-color: #3437CC; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.design .flex-box .right .txt02{font-size:34px; font-weight:600;}
.design .flex-box .right .txt02 em{display:block; font-size:20px; font-weight:500;}
@media screen and (max-width: 768px){
    .design .flex-box{flex-wrap: wrap;}
    .design .flex-box .left{width:100%;}
    .design .flex-box .left img{zoom: .8;}
    .design .flex-box .right{width:100%; padding:20px 0;}
    .design .flex-box .right .number{width:35px; height:35px; line-height: 35px; font-size:14px;}
    .design .flex-box .right .img-box{margin:30px 0;}
    .design .flex-box .right .txt01{padding-top:15px;}
    .design .flex-box .right .txt02{font-size:22px;}
}
/* 주주구성 */
.chart-container { display: flex; flex-wrap:wrap; gap:2%; align-items: center; }
/* .chart-head { position: relative; width: 48%; padding:20px; border:1px solid #E5E5E5;} */
/* .chart-head .chart { position: relative; padding-top: 100%; width: 100%; height: 0; } */
.chart-head { position: relative; width: 48%; border:1px solid #E5E5E5;}
.chart-head .chart { overflow: hidden; padding-top: 80%; width: 100%; height: 0%; }
.chart-head .chart canvas { position:relative; z-index: 2; }
.chart-head .chart #container { position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 100%; height: 100%; }
.chart-head .chart #chart { position: absolute; top: 0; left: 0; height: 100%; }
.chart-head .logo { position: absolute; top: 50%; left: 50%; width: 10%; text-align: center; transform: translate(-50%, -50%); }
.chart-head .logo img { width: 100%; height: auto; }
.chart-body { width: 50%; padding-left:40px;}
.chart-body .table { width: 100%; }
.chart-body .table tr{border-bottom:1px solid #E5E5E5; }
.chart-body .table tr th{font-weight:600; text-align:left; padding:30px 20px;}
.chart-body .table tr th span{position:relative; padding-left:32px;}
.chart-body .table tr th span::after{content:''; width:15px; height:15px; border-radius:50%; background:red; position:absolute; top:3px; left:0;}
.chart-body .table tr:nth-child(1) th span::after{background-color:#FB8209;}
.chart-body .table tr:nth-child(2) th span::after{background-color:#F7A812;}
.chart-body .table tr:nth-child(3) th span::after{background-color:#FBBF37;}
.chart-body .table tr:nth-child(4) th span::after{background-color:#CB6A09;}
.chart-body .table tr th p{width:15px; height:15px; border-radius:50%; background-color:red;}
.chart-body .table tr:nth-child(4){border-bottom:1px solid #111; }
.chart-body .table tfoot tr{border:0;}
@media screen and (max-width: 1530px){
    .chart-head .chart { padding-top: 100%; }
    .chart-head .chart #container { height: 85%; }
}
@media screen and (max-width: 1440px){
    .chart-head { width: 54%; }
    .chart-body { width: 44%; }
}
@media screen and (max-width: 1280px){
    .chart-head{width:100%;}
    .chart-head .logo img { max-width: 55px; }
    .chart-body{width:100%; padding-left:0;}
    .chart-head .chart { padding-top: 0; height: auto; }
    .chart-head .chart #container { position: static; height: 320px !important; min-height: 320px !important; }
    .chart-head .chart #chart { position: static; }
}
@media screen and (max-width: 768px){
    .chart-body .table tr th{padding:20px 15px;}
    .chart-body .table tr th span{padding-left:22px;}
    .chart-body .table tr th span::after{width:10px; height:10px;}
}

/* 인사제도 */
.personnel .content{padding:100px 0;}
.personnel .content.gray{background-color:#F7F7F7;}
.personnel .content .flex-box{display:flex; flex-wrap:wrap;}
.personnel .content .flex-box .left{width:410px;}
.personnel .content .flex-box .left h3{font-size:32px;}
.personnel .content .flex-box .right{width:calc(100% - 410px);}
.personnel .content .flex-box .right ul{display:flex; flex-wrap:wrap; margin:-20px;}
.personnel .content .flex-box .right ul li{width:calc(100% / 3); padding:20px;}
.personnel .content .flex-box .right ul li .box{border:1px solid #E5E5E5; padding:25px; display:flex; gap:20px; align-items:center; background-color:#fff;}
.personnel .content .flex-box .right ul li .img-box{width:120px; height:120px; border-radius:50%; background-color:rgb(52, 55, 204, 0.05); display:flex; align-items:center; justify-content:center;}
.personnel .content .flex-box .right ul li .txt-box p{font-size:16px; color:#666;}
@media screen and (max-width: 1500px){
    .personnel .content .flex-box .right ul li{width:50%;}
}
@media screen and (max-width: 1200px){
    .personnel .content .flex-box .left{width:100%; margin-bottom:20px;}
    .personnel .content .flex-box .right{width:100%;}
    .personnel .content .flex-box .right ul li{width:calc(100% / 2);}
}
@media screen and (max-width: 768px){
    .personnel .content .flex-box .left h3{font-size:22px;}
    .personnel .content .flex-box .right ul{margin:-10px;}
    .personnel .content .flex-box .right ul li{padding:10px;}
    .personnel .content .flex-box .right ul li .box{flex-direction: column; text-align: center; height: 100%;}
    .personnel .content .flex-box .right ul li .txt-box p{font-size:14px;}
    .personnel .content .flex-box .right ul li .img-box{width:}
}

/* 직무소개 */
.job .job-list{display:flex; flex-wrap:wrap; margin:0 -20px;}
.job .job-list > li{width:50%; padding:0 20px; margin-top:-1px;}
.job .job-list > li .box{height:100%; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding:50px 40px; display:flex; align-items:center; gap:70px;}
.job .job-list > li .box .img-box{width:90px; text-align: center;}
.job .job-list > li .box .txt-box{display: flex; flex-direction: column; align-self: baseline; width:calc(100% - 90px);}
.job .job-list > li .name {position: relative; display: flex; align-items: center; font-size:25px; font-weight:700; margin-bottom:25px; text-align: center;}
.job .job-list > li .name:before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 20px; background-color: #e5e5e5;}
.job .job-list > li .name span {width: 50%; margin: 0 20px; text-align: right;}
.job .job-list > li .name span + span {font-size: 16px; font-weight: 400; color: #ff8800; text-align: left;}
.job .job-list > li ul li{position:relative; padding-left:25px; color:#666;}
.job .job-list > li ul li::after{content:''; width:5px; height:5px; border-radius:50%; background-color:#999; position:absolute; top:11px; left:0;}
@media screen and (max-width: 1300px){
    .job .job-list > li{width:100%;}
}
@media screen and (max-width: 768px){
    .job .job-list > li .box{flex-direction: column; align-items:flex-start; gap:20px;}
    .job .job-list > li .box .img-box{margin:0 auto;}
    .job .job-list > li .box .txt-box{width:100%;}
    .job .job-list > li .name{flex-direction: column; font-size:19px; margin-bottom:15px;}
    .job .job-list > li .name:before {content: none;}
    .job .job-list > li .name span {width: 100%; text-align: center !important;}
    .job .job-list > li ul li{padding-left:15px;}
    .job .job-list > li ul li br{display:none;}
}
/* 인재상 */
.talented .sub .main {padding-bottom: 0;}
.talented .content01 {background: #f7f7f7; padding: 100px 0;}
.talented .flex-box {display: flex; flex-wrap:wrap; justify-content: space-between;}
.talented .content01 .flex-box .title > h1 {font-size: 32px; line-height: 38px;}
.talented .content01 .flex-box .sec-box {display: flex; flex-wrap:wrap; position: relative;}
.talented .content01 .flex-box .title{width:25%;}
.talented .content01 .flex-box .sec-box {width:75%;}
.talented .content01 .flex-box .sec-box .sec-value {width:calc(100% / 3); border-radius: 50%; border: 2px solid #3437cc; background: #fff; position: relative; text-align: center;}
.talented .content01 .flex-box .sec-box .sec-value::before{content:''; padding-bottom:100%; display:block;}
.talented .content01 .flex-box .sec-box .sec-value:nth-child(2) {border-style: dashed; left: 2%; z-index: 1;}
.talented .content01 .flex-box .sec-box .sec-value:nth-child(2) .sub-border {background: transparent;}
.talented .content01 .flex-box .sec-box .sec-value:first-child {left: 4%; z-index: 2;}
.talented .content01 .flex-box .sec-box .sec-value .sub-border {width: 90%; height:90%; background: rgb(52, 55, 204, 0.04); border-radius: 50%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.talented .content01 .flex-box .sec-box .sec-value .sub-border h1 {font-size: 30px;line-height: 35px;margin-top: 27px;}
.talented .content01 .flex-box .sec-box .sec-value .sub-border .split {margin: 14px auto; width: 10px; height: 3px; border: none; background: #3437cc;}
.talented .content01 .flex-box .sec-box .sec-value .sub-border p {font-size: 16px; color: #666; line-height: 22px;}
.talented .content02 {position: relative;}
.talented .content02 .content-bg {background: url(/images/sub/career-bg.png) no-repeat; background-size:cover;width: 472px; height:730px; position: absolute; left: -30px; bottom: -123px;}
.talented .content02 .inner .sec-title {width: 25%;padding-right: 20px; padding: 0; font-size: 32px; font-weight: bold; line-height: 1.3;}
.talented .content02 .inner .flex-box {padding: 100px 0 150px 0;}
.talented .content02 .inner .flex-box .step-box {display: flex; flex-wrap: wrap; justify-content: space-between; width: 75%; margin: -20px;}
.talented .content02 .inner .flex-box .step-box li {width: calc(100% / 3); padding:20px; }
.talented .content02 .inner .flex-box .step-box li .step-inner{border: 1px solid #e5e5e5; height: 100%; padding:45px 35px; }
.talented .content02 .inner .flex-box .step-box li  em {color: #3437cc; position: relative; font-size: 16px; line-height: 19px; font-weight: bold; border-bottom: 2px solid #3437cc;}
.talented .content02 .inner .flex-box .step-box li p {font-weight: 600;margin-top: 25px;}
@media screen and (max-width: 1500px){
    .talented .content01 .flex-box{row-gap:30px;}
    .talented .content01 .flex-box .title{width:100%;}
    .talented .content01 .flex-box .sec-box{width:100%;}
}
@media screen and (max-width: 1024px){
    .talented .content01 .flex-box .sec-box .sec-value .sub-border h1{font-size:20px; margin-top:15px;}
    .talented .content01 .flex-box .sec-box .sec-value .sub-border p{font-size:14px;}
    .talented .content02 .inner .flex-box .step-box li{width:calc(100% / 2);}
}
@media screen and (max-width: 768px){
    .talented .content01 .flex-box .sec-box{row-gap:20px;}
    .talented .content01 .flex-box .sec-box .sec-value{width: 100%; left:0 !important;}
    .talented .content01 .flex-box .title > h1{font-size:22px;}
    .talented .content02 .inner .sec-title{font-size:22px;}
    .talented .content02 .inner .flex-box{row-gap:20px; padding:60px 0 0px;}
    .talented .content02 .inner .sec-title{width:100%;}
    .talented .content02 .inner .flex-box .step-box{width:100%;}
    .talented .content02 .inner .flex-box .step-box li .step-inner{padding:25px;}
}
/* 채용 프로세스 */
.recruitment .que {position: relative; padding: 30px 55px; cursor: pointer; font-size: 18px; border: 1px solid #e5e5e5; background: #3437cc0a; }
.recruitment .que span {font-size: 18px; font-weight: bold; position: relative; display: block; padding-left:66px;}
.recruitment .que span::before{position:absolute; top:-5px; left:0; content:'Q'; font-size: 16px;color: #fff; background:#3437cc; line-height: 40px; width: 40px; height: 40px; border-radius: 50%; text-align: center; margin-right: 25px;}
.recruitment .que.on>span{ color: #3437cc; }
.recruitment .anw {display: none; overflow: hidden; font-size: 16px; background-color: #fff; padding: 40px 55px; border: 1px solid #e5e5e5; border-top: 0;}
.recruitment .anw span{position: relative; padding-left:66px; display:block;}
.recruitment .anw span::before {position:absolute; left:0;  float:left; content: 'A';font-size: 16px;font-weight: bold;color: #666; background:#FF8000; color: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; margin-right: 25px;}
.recruitment .arrow-wrap {position: absolute; top: 50%; right: 40px; transform: translate(0, -50%);}
.recruitment .que .arrow-top {display: none;}
.recruitment .que .arrow-bottom {display: block;}
.recruitment .accordion-inner.on .arrow-bottom {display: none;}
.recruitment .accordion-inner.on .arrow-top {display: block; transform: rotate(-180deg); filter: brightness(100%) invert(1);}
.recruitment .accordion-inner {margin-bottom: 20px;}
.recruitment .accordion-inner:last-child {margin-bottom: 0;}
.recruitment .content01  > h1 {font-size: 32px; line-height: 38px;}
.recruitment .content01 .step-box {padding: 80px 110px; border-bottom: 1px solid #111;}
.recruitment .content01 .step-box ul {display: flex; justify-content: space-between; align-items:flex-end; counter-reset: var-count;}
.recruitment .content01 .step-box ul li {width: 170px; height: 170px; border: 2px solid #e5e5e5; border-radius: 50%; position: relative; box-shadow: 0px 0px 10px #0000000A; transition: all ease 0.5s;}
.recruitment .content01 .step-box ul li::after {content: ''; background: url(/images/sub/career-icon09.png) no-repeat; width: 87px; height: 18px; position: absolute; left: calc(100% + 7px); top: 70px; transition: all ease 0.5s; filter: brightness(0) invert(.8);}
.recruitment .content01 .step-box ul li:last-child::after {content: ''; display: none;}
.recruitment .content01 .step-box ul li::before {content: "STEP 0"counter(var-count); counter-increment: var-count; color: #999; font-size: 16px; font-weight: bold; position: absolute; top: -40px; left: 50%; transform: translate(-50%);}
.recruitment .content01 .step-box ul li .step-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.recruitment .content01 .step-box ul li .step-inner.last {width: 85%; height: 85%; padding: 20% 0; border-radius: 50%; background: #3437cc; color: #fff;}
.recruitment .content01 .step-box ul li .step-inner p {font-size: 16px; line-height: 19px; margin-top: 20px; white-space: pre;}
.recruitment .content01 .step-box ul li .step-inner p:last-child {width: 102%;}
.recruitment .content01 .step-box ul li.on {border: 2px solid #3437cc;}
.recruitment .content01 .step-box ul li.on::after {filter: brightness(100%) invert(0);}
.recruitment .content01 .step-box ul li.on::before {color: #3437cc;}
.recruitment .content01 .step-box ul li:last-child::before {content: '';}
.recruitment .content01 .step-box ul li:last-child {width: 205px; height: 205px; border:0; background: rgb(52, 55, 204, 0.13); animation: bg .7s infinite alternate;}
.recruitment .content01 .step-order > li{border-bottom: 1px solid #e5e5e5;}
.recruitment .content01 .step-order li .step-cover{padding: 50px 0 50px 30px; display: flex; flex-wrap:wrap;}
.recruitment .content01 .step-order li .step-cover .step-tit {line-height: 30px; width: 25%; font-weight: bold;}
.recruitment .content01 .step-order li .step-cover .step-tit .sec-title {line-height: 30px; font-size: 25px; padding: 0;}
.recruitment .content01 .step-order li .step-cover .step-tit em {font-size: 14px; line-height: 16px; color: #3437cc;}
.recruitment .content01 .step-order li .step-cover > p {color: #666; font-size: 16px;}
.recruitment .content01 .step-order li .step-cover ol {counter-reset: step-counter; list-style-type: none;}
.recruitment .content01 .step-order li .step-cover ol li {font-size: 16px; color: #666; line-height: 30px; position: relative; padding-left: 36px;}
.recruitment .content01 .step-order li .step-cover ol li::before {counter-increment: step-counter; content: counter(step-counter);position:absolute; top:3px; left:0; width: 22px; height: 22px; border-radius: 50%; background: #ff8000; color: #fff; font-size: 14px; text-align: center; line-height: 22px; vertical-align: 1px; margin-right: 10px;}
.recruitment .content01 .step-order li .step-cover .block-box {width: 75%;}
.recruitment .content01 .step-order li .step-cover .block-box p {color: #666; font-size: 16px; margin-bottom: 20px; line-height: 23px;}
.recruitment .content01 .step-order li .step-cover .block-box .detail-box {padding: 30px; background: #f7f7f7;}
.recruitment .content01 .step-order li .step-cover .block-box .detail-box h2 {font-size: 16px; line-height: 19px;}
.recruitment .content01 .step-order li .step-cover .block-box .detail-box .orange {color: #ff8000;}
.recruitment .content01 .step-order li .step-cover .block-box .detail-box ul {margin-left: 15px; margin-top: 15px; font-size: 16px;}
.recruitment .content01 .step-order li .step-cover .block-box .detail-box ul li {color: #666;}
.recruitment .content01 .step-order li .step-cover .block-box .detail-box ul li strong{color: #111;}
.recruitment .content01 .step-order li .step-cover .block-box .detail-box ul li span {margin: 0 10px; color: #ff8000;}
.recruitment .content02 {margin-top: 130px; background: #f7f7f7; padding-bottom: 150px;}
.recruitment .content02 .sec-title {padding: 100px 0 30px 0;}
.recruitment .content02 .go-btn  {padding: 17px 30px; background: #3437cc; color: #fff; font-size: 16px; outline: none; display: block; width: 200px; text-align: center; margin: 0 auto; margin-top: 60px;}

@keyframes bg {
    from {
        background: rgb(52, 55, 204, 0);
    }
    to {
        background: rgb(52, 55, 204, 0.13);
    }
}

@media screen and (max-width: 768px){
    .recruitment .content01 > h1{font-size:22px;}
    .recruitment .content01 .step-box{padding:0;}
    .recruitment .content01 .step-box ul{flex-direction: column; align-items: center; padding: 80px 0 60px;}
    .recruitment .content01 .step-box ul li{margin:30px 0;}
    .recruitment .content01 .step-box ul li::after{display:none;}
    .recruitment .content01 .step-order li .step-cover{gap:10px;}
    .recruitment .content01 .step-order li .step-cover .step-tit{width:100%;}
    .recruitment .content01 .step-order li .step-cover ol{width:100%;}
    .recruitment .content01 .step-order li .step-cover .step-tit .sec-title{font-size:20px;}
    .recruitment .content01 .step-order li .step-cover ol li{font-size:14px;}
    .recruitment .content01 .step-order li .step-cover .block-box{width:100%;}
    .recruitment .content01 .step-order li .step-cover > p{font-size:14px;}
    .recruitment .content01 .step-order li .step-cover .block-box p{font-size:14px;}
    .recruitment .content01 .step-order li .step-cover .block-box .detail-box{padding:25px 10px;}
    .recruitment .content01 .step-order li .step-cover .block-box .detail-box ul li{font-size:14px;}
    .recruitment .content01 .step-order li .step-cover{padding:25px;}
    .recruitment .content02{margin-top:60px;}
    .recruitment .content02 .go-btn  {width: auto;}
    .recruitment .que{padding:25px 38px 25px 10px;}
    .recruitment .que span{font-size:15px; padding-left:40px;}
    .recruitment .que span::before{width:30px; height:30px; font-size:14px; line-height: 30px;}
    .recruitment .arrow-wrap{right:20px;}
    .recruitment .anw{padding:25px 38px 25px 10px;}
    .recruitment .anw span{font-size:14px; padding-left:40px;}
    .recruitment .anw span::before{width:30px; height:30px; font-size:14px; line-height: 30px;}


}