/* 
font-family:"Pretendard Variable"
font-family: 'Noto Sans KR';
font-family: "Lato", sans-serif;
font-family: "Noto Sans SC", sans-serif;
rgb(229, 229, 229) = #e5e5e5
rgb(221, 221, 221); = #ddd
rgb(248, 248, 248); = #f8f8f8
rgb(125, 125, 125); = #7d7d7d
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');

/* ―――――――――――――― CONTACT US ―――――――――――――― */
footer {margin-top: 0 !important;}
.contact_us {position: relative;display: block;width: 100%;height: auto;box-sizing: border-box;padding-top: 46px;}
.contact_us * {box-sizing: border-box;}
/* 최상단 타이틀 */
.contact_us .top_tit {position: relative;display: block;width: 100%;padding-left: 20px;padding-right: 20px;font-size: 0;margin: 0 auto 48px;}
.contact_us .top_tit h3 {display: block;line-height: 1;font-size: 30px;font-weight: 700;color: #000;}
.contact_us .top_tit p {display: block;line-height: 1;font-size: 17px;font-weight: 600;color: #000;margin-top: 20px;}

/* 비주얼 애니메이션 이미지 */
.sub_container .visual {position: relative; display: block; width: 100%; height: auto; font-size: 0; overflow: hidden;}
.sub_container .visual .img {display: block; width: 100%;}
.sub_container .visual .img img {display: block; width: 100%;}

/* 중간 타이틀 */
.contact_us .inquiry_tit {display: flex;align-items: flex-start;width: 100%;font-size: 0;max-width: 100%;padding: 48px 15px 22px 15px;margin: 0 auto;}
.contact_us .inquiry_tit > div {}
.contact_us .inquiry_tit strong {font-size: 20px;font-weight: 700;color: #000;line-height: 1;}
.contact_us .inquiry_tit p {display: block;font-weight: 400;color: #000;font-size: 13px;line-height: 1.3;margin-top: 12px;}

/* 문의 */
.contact_us .inquiry {position: relative; display: block; width: 100%; height: auto; background: #f8f8f8; padding-bottom: 100px;}
.inquiry__inner {position: relative;display: block;width: 100%;margin: 0 auto;padding: 10px 15px 0 15px;}
.inquiry__inner dl {position: relative;display: block;width: 100%;height: auto;margin-top: 25px;}
.inquiry__inner dt {/* position: relative; */display: block;width: 100%;height: auto;font-size: 15px;font-weight: 700;color: #000;margin-bottom: 15px;}
.inquiry__inner dt > div {height: 100%;position: absolute;left: 0;top: 0;}
.inquiry__inner dt > div span {display: flex; align-items: center; height: 56px;}
.inquiry__inner dd {width: 100%;}

/* 입력박스 */
.inquiry__inner input[type=text] {display: block;width: 100%;height: 40px;box-sizing: border-box;border: 1px solid #e5e5e5;background: #fff;padding: 0 15px;font-size: 13px;font-weight: 400;color: #000;}

/* 라디오체크 */
.radios {display: flex; flex-wrap: wrap; align-items: center;font-size: 0; width: 100%;}
.radios li {position: relative; display: block; width: 33.333333333%;}
.radios li:nth-child(n+4) {margin-top: 15px;}
.radios label {position: relative; display: flex; align-items: center; width: fit-content; height: auto; line-height: 1; font-size: 15px; font-weight: 400; color: #000; margin-right: 15px;}
.radios label:last-child,
.radios label:last-of-type {margin-right: 0 !important;}
.radios input[type=radio] {appearance: none;-moz-appearance: none;-webkit-appearance: none;width: 18px;height: 18px;background: url('/assets/images/home/company/contactus/radio.png')no-repeat top left / auto 18px;padding: 0;margin: 0 10px 0 0;cursor: pointer;}
.radios input[type=radio]:checked {background: url('/assets/images/home/company/contactus/radio.png')no-repeat top right / auto 18px;}

/* 연락처 */
.inquiry .tel {display: flex; align-items: center;}
.inquiry .tel > span {font-size: 14px; font-weight: 400; color: #000; display: flex; justify-content: center; min-width: 22px; line-height: 1; }
.inquiry .tel select,
.inquiry .tel input[type=text] {width: 100%;}

/* 이메일 */
.inquiry .email {}
.inquiry .email .inputbox {position: relative; display: flex; align-items: center; width: 100%; margin-bottom: 10px;}
.inquiry .email .inputbox span {font-size: 14px; font-weight: 400; color: #000; display: flex; justify-content: center; min-width: 17px; line-height: 1; }
.inquiry .email .select_box,
.inquiry .email input[type=text] {width: 100%;}

/* 제목 */
.inquiry input[type=text].title {width: 100%;}

/* 문의내용 */
.inquiry .text {position: relative;display: block;width: 100%;height: auto;border: 1px solid #e5e5e5;background: #fff;padding: 12px 15px 12px;}
.inquiry .text textarea {font-size: 13px;font-weight: 400;color: #000;line-height: 1.2;appearance: none;-moz-appearance: none;-webkit-appearance: none;border: 0;resize: none;width: 100%;height: 174px;outline: none;border: 0;padding: 0;}
.inquiry .text textarea::-webkit-scrollbar {width: 3px;}
.inquiry .text textarea::-webkit-scrollbar-track {background-color: #fff;}
.inquiry .text textarea::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 3px;}
.inquiry .text textarea::placeholder {color: #888;}


/* 첨부파일 */
.area_filebox {position: relative;display: flex;align-items: center;flex-wrap:  wrap;line-height: 1;margin-bottom: 10px;font-size: 0;}
.area_filebox input.upload_name {display: block;width: calc(100% - 100px);height: 40px;box-sizing: border-box;border: 1px solid #e5e5e5;background: #fff;padding: 0 20px;margin: 0;font-size: 13px;}
.area_filebox label {cursor: pointer;display: flex;align-items: center;justify-content: center;line-height: 1;width: 100px;height: 40px;background: #000;color: #fff;line-height: 1;font-size: 15px;font-weight: 400;}
.area_filebox input.upload_hidden {width: 0; height: 0; opacity: 0; position: absolute;}
p.file_txt {display: block;line-height: 1.625;font-size: 13px;font-weight: 400;color: #888;padding-left: 1em;text-indent: -0.7em;}


/* 개인정보 약관 */
.inquiry .terms {position: relative;display: block;width: 100%;height: auto;border: 1px solid #e5e5e5;background: #fff;padding: 12px 15px 12px;}
.inquiry .terms > div {font-size: 13px;font-weight: 400;color: #000;line-height: 1.2;appearance: none;-moz-appearance: none;-webkit-appearance: none;border: 0;resize: none;width: 100%;height: 174px;outline: none;border: 0;padding: 0; overflow: auto;}
.inquiry .terms > div::-webkit-scrollbar {width: 3px;}
.inquiry .terms > div::-webkit-scrollbar-track {background-color: #fff;}
.inquiry .terms > div::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 3px;}
.inquiry .terms > div::placeholder {color: #888;}
.inquiry .terms > div strong {font-weight: 700;}


.inquiry .terms_check {position: relative; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; width: 100%; margin-top: 15px;}
.inquiry .terms_check label {display: flex; align-items: center; line-height: 1; font-size: 13px; font-weight: 400; color: #000;}
.inquiry .terms_check label input[type=checkbox] {cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; width: 18px; height: 18px; background: url('/assets/images/home/company/contactus/checkbox.png')no-repeat top left; padding: 0; margin: 0 10px 0 0;}
.inquiry .terms_check label input[type=checkbox]:checked {background: url('/assets/images/home/company/contactus/checkbox.png')no-repeat top right;}


.inquiry select {display: block;width: 100%;height: 40px;box-sizing: border-box;border: 1px solid #e5e5e5;background: #fff;padding: 0 15px;font-size: 13px;font-weight: 400;color: #000; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url(/assets/images/home/company/contactus/select_arrow.png)no-repeat center right 15px / 10px;}


.inquiry button.btn_inquiry {position: relative; display: flex; align-items: center; justify-content: center; width: calc(100% - 30px); height: 50px; background: #3e712d; line-height: 1; font-size: 19px; font-weight: 700; color: #fff; margin: 50px auto 15px; appearance: none; -webkit-appearance: none; -moz-appearance: none; border: 0; padding: 0; border-radius: 0;}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

/* ―――――――――――――― brochure―――――――――――――― */

.brochure {position: relative;display: block;width: 100%;height: auto;box-sizing: border-box;padding-top: 50.5px;}
.brochure * {box-sizing: border-box;}

/* 최상단 타이틀 */
/* .brochure .top_tit {position: relative;display: block;width: 100%;padding-left: 15px;padding-right: 15px;font-size: 0;margin: 0 auto 50px;}
.brochure .top_tit h3 {display: block;line-height: 1;font-size: 30px;font-weight: 700;color: #000;}
.brochure .top_tit p {display: block;line-height: 1;font-size: 17px;font-weight: 600;color: #000;margin-top: 20px;} */

/* 비주얼 이미지 */
.brochure .visual {position: relative; display: block; width: 100%; height: auto; font-size: 0; overflow: hidden;}
.brochure .visual .img {display: block; width: 100%;}
.brochure .visual .img img {display: block; width: 100%;}


/*콘텐츠*/
.brochure .brochure__inner{padding:50px 15px 50px;}
.brochure .brochure__inner strong{display: block; font-size:20px; font-weight: bold; line-height: 1; margin-bottom: 15px;}

.brochure .brochure__inner ul{display: flex; flex-wrap: wrap; gap:10px;  row-gap: 15px;flex-direction: row; margin-bottom: 50px;;}
.brochure .brochure__inner ul li {width:calc(50% - 5px); border:1px solid #e5e5e5;}
.brochure .brochure__inner ul li .info{display: flex; align-items: center; gap:15.5px; justify-content: center; padding:16px 0;}
.brochure .brochure__inner ul li .info img{width:47.5px;}
.brochure .brochure__inner ul li .info p{font-size: 15px; font-weight: 500; width:33%;}
.brochure .brochure__inner ul li .files{display: flex; align-items: center; justify-content: center; border-top:1px solid #e5e5e5;} 
.brochure .brochure__inner ul li .files a{width:50%; text-align: center; display: block; padding:9.5px 0 8px}
.brochure .brochure__inner ul li .files a img{display: block; margin: 0px auto;}

.brochure .brochure__inner ul li .files a:nth-child(1){border-right: 1px solid #e5e5e5;}
.brochure .brochure__inner ul li .files a:nth-child(1) img{width:21.5px;}
.brochure .brochure__inner ul li .files a:nth-child(2) img{width:16.5px;}

.lang-body-en .brochure .brochure__inner ul li .info p{font-family: 'Noto Sans KR'; font-weight: 500; width:35%;}

/* ―――――――――――――― history―――――――――――――― */
.history {position: relative;display: block;width: 100%;height: auto;box-sizing: border-box;padding-top: 50.5px;}
.history * {box-sizing: border-box;}
.history img{width:100%;}
/* 최상단 타이틀 */
.history .top_tit {position: relative;display: block;width: 100%;padding-left: 15px;padding-right: 15px;font-size: 0;margin: 0 auto 50px;}
.history .top_tit h3 {display: block;line-height: 1;font-size: 30px;font-weight: 700;color: #000;}
.history .top_tit p {display: block;line-height: 1;font-size: 17px;font-weight: 600;color: #000;margin-top: 20px;}

.history .visual_box{position: relative;}
.history .visual {position: relative; display: block; width: 100%; height: auto; font-size: 0; overflow: hidden;}
.history .visual .img {display: block; width: 100%;}
.history .visual .img img {display: block; width: 100%;}
.history .visual_txt{font-size:17px; font-weight: bold; width:100%; line-height:1.7;  position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff; text-align: center;}

.btn_history_year{display:flex;  height:50px; margin:50px auto;     padding: 0 15px; position: sticky; top:90px; z-index:5}
.btn_history_year button{ width: 33.3%; height:50px; font-size:15px; font-weight: bold; background:#fff; color:#888; font-weight: 500; border:1px solid #e5e5e5;border-right:none;  }
.btn_history_year button:last-child{border-right:1px solid #e5e5e5;}
.btn_history_year button.active{border:1px solid #000; color:#000;}


.history_content .content_list{padding-left:48.5px;    padding-right: 15px; margin-bottom:50px;}
.history_content .content_list .year{font-size:30px; font-weight: 800; margin-bottom:25px;}
.history_content .content_txt{margin:25px 0;}
.history_content .content_txt li{position: relative; font-size:14px; font-weight: 400; padding-left:33px;}
.history_content .content_txt li~li{margin-top:20px;}
.history_content .content_txt li::before{content:''; position:absolute; top:6px;; left:0; width:4px; height:4px; background: #000; ; }

.history_content .year{ position:relative;} 
.history_content .year::before{content:''; width:8px; height:8px; position:absolute; top:15px; left:-25px;  border-radius:100%;background:#000; z-index: 4;}


.history_list_wrap{position: relative; }
.history_list_wrap::after{content:''; position:absolute; top:116px; left:27px; z-index: 1; width:1px; height:auto; background: #e5e5e5;background: #e5e5e5; }

/* en */
/* .lang-body-en .history_content .content_txt {margin-top: 21px;}
.lang-body-en .history_content .content_txt li {line-height: 1.3; word-break: keep-all;}
.lang-body-en .history_content .content_txt li~li {margin-top: 16px;}
.lang-body-en .history_content .content_txt li::before {top: 8px;} */

/* 행간 수정 */
.history_content .content_txt {margin-top: 20px;}
.history_content .content_txt li {line-height: 1.4; word-break: keep-all;}
.history_content .content_txt li~li {margin-top: 15px;}
.history_content .content_txt li::before {top: 7px;}

/* ―――――――――――――― philosophy ―――――――――――――― */
.content.philosophy {padding-bottom: 100px;}
/* 상단 텍스트 */
.top_philosophy_text {position: relative; text-align: center; padding: 99px 0;}
.top_philosophy_text p {position: relative; font-size: 17px; color: #000; line-height: 1.588; font-weight: 700;}
.top_philosophy_text p span {position: relative; opacity: 0; top: -20px;}
.top_philosophy_text p span:nth-child(1) {transition: all 800ms 0.1s;}
.top_philosophy_text p span:nth-child(2) {transition: all 800ms 0.2s;}
.top_philosophy_text p span:nth-child(3) {transition: all 800ms 0.3s;}
.top_philosophy_text p span:nth-child(4) {transition: all 800ms 0.4s;}
.top_philosophy_text p span:nth-child(5) {transition: all 800ms 0.5s;}
.top_philosophy_text p span:nth-child(6) {transition: all 800ms 0.6s;}
.top_philosophy_text p span:nth-child(7) {transition: all 800ms 0.7s;}
.top_philosophy_text.active p span {opacity: 1; top: 0;}


/* 내용 */
.philosophy__inner {position: relative; display: block; width: 100%; height: auto;}
.philosophy__inner .block {position: relative;}
.philosophy__inner .block + .block {margin-top: 100px;}
.philosophy__inner .block .image {display: block; width: 100%; overflow: hidden;}
.philosophy__inner .block .image img {display: block; width: 100%;}
.philosophy__inner .block .txt {position: relative; display: block; background: #fff; margin-top: -68px; width: calc(100% - 75px); padding-left: 15px; padding-top: 44px; overflow: hidden;}

.philosophy__inner .block .txt strong {font-size: 30px; font-weight: 700; line-height: 1.333; color: #000; display: block;}
.philosophy__inner .block .txt p {font-size: 17px; font-weight: 500; line-height: 1.588; color: #000; display: block; margin-top: 18px;}



.philosophy__inner .block {transition: all 700ms 0.2s; top: -30px;}
.philosophy__inner .block.active {top: 0;}

.philosophy__inner .block .image img {transform: scale(1.3); transition: all 700ms;}
.philosophy__inner .block.active .image img {transform: scale(1); transition: all 700ms;}
.philosophy__inner .block strong {position: relative; transition: opacity 700ms 0.3s; opacity: 0;/*  top: -30px; */}
.philosophy__inner .block p {position: relative; transition: opacity 700ms 0.5s; opacity: 0; /* top: -70px; */}
.philosophy__inner .block.active strong {opacity: 1; /* top: 0; */}
.philosophy__inner .block.active p {opacity: 1;/*  top: 0; */}


@media all and (max-width: 374px) {
    .philosophy__inner .block .txt {width: calc(100% - 16.0000vw);}
    .philosophy__inner .block .txt strong {font-size: 8.0000vw; }
    .philosophy__inner .block .txt p {font-size: 4.5333vw; margin-top: 4.8000vw;}
}

/* ―――――――――――――― partners ―――――――――――――― */
.partners .top_tit {position: relative;display: block;width: 100%;padding-left: 15px;padding-right: 15px;font-size: 0;margin: 0 auto 50px;}
.partners .top_tit h3 {display: block;line-height: 1;font-size: 30px;font-weight: 700;color: #000;}

.top_partners_text {position: relative; text-align: center; padding: 100px 0;}
.top_partners_text p {position: relative; font-size: 17px; color: #000; line-height: 1.588; font-weight: 700;}
.top_partners_text p span {position: relative; opacity: 0; top: -20px;}
.top_partners_text p span:nth-child(1) {transition: all 800ms 0.1s;}
.top_partners_text p span:nth-child(2) {transition: all 800ms 0.2s;}
.top_partners_text.active p span {opacity: 1; top: 0;}

.partners__inner{padding:0 15px;}
.logo_list{display: flex; flex-wrap: wrap; gap:10px; row-gap:15.5px;}
.logo_list p{width:calc(50% - 5px)}
.logo_list p img{width:100%;}

.partners__inner{margin-bottom: 100px;}

/* ―――――――――――――― rni ―――――――――――――― */
.rni .top_tit {position: relative;display: block;width: 100%;padding-left: 15px;padding-right: 15px;font-size: 0;margin: 0 auto 50px;}
.rni .top_tit h3 {display: block;line-height: 1;font-size: 30px;font-weight: 700;color: #000;}

.top_rni_text {position: relative; text-align: center; padding: 97px 0;}
.top_rni_text p {position: relative; font-size: 17px; color: #000; line-height: 1.5; font-weight: 700;}
.top_rni_text p span {position: relative; opacity: 0; top: -20px;}
.top_rni_text p span:nth-child(1) {transition: all 800ms 0.1s;}
.top_rni_text p span:nth-child(2) {transition: all 800ms 0.2s;}
.top_rni_text p span:nth-child(3) {transition: all 800ms 0.3s;}
.top_rni_text p span:nth-child(4) {transition: all 800ms 0.4s;font-size:15px; font-weight: 300; margin-top: 26.5px; display: block;}
.top_rni_text p span:nth-child(5) {transition: all 800ms 0.5s;font-size:15px; font-weight: 300;}
.top_rni_text.active p span {opacity: 1; top: 0;}
@media all and (max-width: 400px) {
    .top_rni_text p {font-size: 4.25vw; }
    .top_rni_text p span.sub{font-size:3.7500vw;}
}

.rnislide img{width:100%;}
.rni__inner{width:100%; margin:0px auto 133px;}
.rni__inner .rnislide{height:76vw;}
.rni__inner .rnislide .swiper-pagination{bottom:0;}
.rni__inner .rnislide .swiper-pagination .swiper-pagination-bullet{width:8px; height:8px; margin: 0 6.5px; background:#d5d4d4; opacity: 1;}
.rni__inner .rnislide .swiper-pagination .swiper-pagination-bullet-active{background:#1f1f1f;}
.rni__inner .rnislide .swiper-button-prev{width:13px; height:27px; background:url('../../../images/home/company/rni/btn_slide.png')no-repeat 0 -3px; background-size:411%; left:15px;} 
.rni__inner .rnislide .swiper-button-next{width:13px; height:27px; background:url('../../../images/home/company/rni/btn_slide.png')no-repeat -37px -1px; background-size:389%; right:15px }
.rni__inner .rnislide .swiper-button-next::after,.rni__inner .rnislide .swiper-button-prev::after{display: none;}

.top_certify_text {position: relative; text-align: center; padding: 99px 0;}
.top_certify_text p {position: relative; font-size: 17px; color: #000; line-height: 1.5; font-weight: 700;}
.top_certify_text p span {position: relative; opacity: 0; top: -20px;}
.top_certify_text p span:nth-child(1) {transition: all 800ms 0.1s;}
.top_certify_text p span:nth-child(2) {transition: all 800ms 0.2s;}
.top_certify_text p span:nth-child(3) {transition: all 800ms 0.4s;font-size:15px; font-weight: 300; margin-top: 26.5px; display: block;}
.top_certify_text p span:nth-child(4) {transition: all 800ms 0.5s;font-size:15px; font-weight: 300;}
.top_certify_text.active p span {opacity: 1; top: 0;}

@media all and (max-width: 400px) {
    .top_certify_text p {font-size: 4.25vw; }
    .top_certify_text p span.sub{font-size:3.7500vw;}
}

.certify__inner{padding:0 15px;}
.certify__inner .tit{font-size:20px; font-weight: bold; margin-bottom: 24px; display: block;}
.certify_list_wrap {margin-bottom: 98px;}
.certify_list_wrap ul{display:block;}
.certify_list_wrap ul li{cursor: pointer; background:#f8f8f8; display: flex; gap:2vw; align-items: center;     padding: 34px 12px 34px 21px; }
.certify_list_wrap ul li~li{margin-top:20px;}
.certify_list_wrap ul li.hover-effect{border:1px solid #000; position: relative;}
.certify_list_wrap ul li.hover-effect::after{content:''; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:78px; height:78px; background:url('../../../images/home/company/rni/icon_detail.png')no-repeat; background-size:100%;}
.certify_list_wrap ul li .certify_img{display: flex; max-width: 26.4vw;  align-items: center;justify-content: center;}
.certify_list_wrap ul li .certify_img img{width:100%;}
.certify_list_wrap ul li .certify_txt{font-size:4vw; font-weight: bold;} 
.certify_list_wrap ul li .certify_sub_txt{display: block; font-size:3.4667vw; line-height:1.5; margin-top:10px;     word-break: auto-phrase;}


.certify_layer.dn{display: none;}
.certify_layer{display:block; position: fixed; top: 0; left: 0;  width: 100%; height: 100%; z-index: 15;}
.certify_layer .dim { position: absolute; top: 0;left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8);}
.certify_layer .certify_select_layer {position: absolute; width:100%; top:0;  left: 0; background:#fff;}
.certify_layer .title-modal__header{ display:flex;    justify-content: flex-start; border-bottom:1px solid #e5e5e5;padding: 14px 11px;box-sizing: border-box;}
.certify_layer .title-modal__header h2{display: block; font-size:20px; font-weight: 600; white-space: nowrap; width: 80%; overflow: hidden;text-overflow: ellipsis;}
.certify_layer img{width:100%;}
.certify_layer .title-modal__close-btn .ico_x{ position: absolute; top:-10px; right:-2px; width:20px; height:20px; background:url('../../../images/home/company/rni/icon_layer_close.png')no-repeat; background-size:100%;  display: block; }
.certify_layer .title-modal__content{height:100vh}


/* ―――――――――――――― factory ―――――――――――――― */
.factory .top_tit {position: relative;display: block;width: 100%;padding-left: 15px;padding-right: 15px;font-size: 0;margin: 0 auto 50px;}
.factory .top_tit h3 {display: block;line-height: 1;font-size: 30px;font-weight: 700;color: #000;}

.top_factory_text {position: relative; text-align: center; padding: 99px 0;}
.top_factory_text p {position: relative; font-size: 17px; color: #000; line-height: 1.588; font-weight: 700;}
.top_factory_text p span {position: relative; opacity: 0; top: -20px;}
.top_factory_text p span:nth-child(1) {transition: all 800ms 0.1s;}
.top_factory_text p span:nth-child(2) {transition: all 800ms 0.2s;}
.top_factory_text p span:nth-child(3) {transition: all 800ms 0.3s;}
.top_factory_text.active p span {opacity: 1; top: 0;}

.factory__inner{width:100%; margin:0px auto 133px;}
.factory__inner .faslide img{width:100%;}
.factory__inner .faslide{height:76vw;}
.factory__inner .faslide .swiper-pagination{bottom:0;}
.factory__inner .faslide .swiper-pagination .swiper-pagination-bullet{width:8px; height:8px; margin: 0 6.5px; background:#d5d4d4; opacity: 1;}
.factory__inner .faslide .swiper-pagination .swiper-pagination-bullet-active{background:#1f1f1f;}
.factory__inner .faslide .swiper-button-prev{width:13px; height:27px; background:url('../../../images/home/company/factory/btn_slide.png')no-repeat 0 -3px; background-size:411%; left:15px;} 
.factory__inner .faslide .swiper-button-next{width:13px; height:27px; background:url('../../../images/home/company/factory/btn_slide.png')no-repeat -37px -1px; background-size:389%; right:15px }
.factory__inner .faslide .swiper-button-next::after,.factory__inner .faslide .swiper-button-prev::after{display: none;}

.top_production_text {position: relative; text-align: center; padding: 100px 0;}
.top_production_text p {position: relative; font-size: 17px; color: #000; line-height: 1.588; font-weight: 700;}
.top_production_text p span {position: relative; opacity: 0; top: -20px;}
.top_production_text p span:nth-child(1) {transition: all 800ms 0.1s;}
.top_production_text p span:nth-child(2) {transition: all 800ms 0.2s;}
.top_production_text p span:nth-child(3) {transition: all 800ms 0.3s; font-size:15px; font-weight: 300; margin-top: 25px; display: block;}
.top_production_text p span:nth-child(4) {transition: all 800ms 0.4s; font-size:15px; font-weight: 300; display: block;}
.top_production_text p span:nth-child(5) {transition: all 800ms 0.5s; font-size:15px; font-weight: 300; margin-top: 25px; display: block;}
.top_production_text.active p span {opacity: 1; top: 0;}

.factory_wrap{width:100%;  background:#f8f8f8;}
.production__inner{margin:0px auto; padding:50px 15px 100px;}
.production__inner strong{font-size:18px; font-weight: bold; display: block; margin-bottom:25px;}

.factory_list li{background: #fff;}
.factory_list li~li{margin-top:20px;}
.factory_list img{width:100%;}
.factory_list b.tit{font-size:17px; font-weight: bold; line-height:1; padding:21px 15px;}
.factory_list span{font-size:15px; letter-spacing: -0.024em; padding: 0 15px 19px; line-height:1.53}
.factory_list span.more{font-size:15px; display: flex; align-items: center; line-height: 1;}
.factory_list span.more > b{position: relative;  width: 13px; height: 13px;display: block; margin-left: 11px; margin-top:-1px;}
.factory_list span.more > b:before {content: "";position: absolute;left: 0;top: 6px;display: block;width: 100%;height: 1px;background: #000;}
.factory_list span.more > b:after {content: "";position: absolute;left: 6px;top: 0;display: block;width: 1px;height: 100%;background: #000;}

.factory_list b , .factory_list span{display: block;}