/* 
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: 34px; */}
.contact_us * {box-sizing: border-box;}

/* 중간 타이틀 */
.contact_us .inquiry_tit {display: flex; align-items: flex-start; width: 100%; height: 186px; font-size: 0; line-height: 1; max-width: 1490px; padding: 98px 20px 0 20px; margin: 0 auto;}
.contact_us .inquiry_tit > div {display: flex; align-items: flex-end; justify-content: space-between; width: 100%;}
.contact_us .inquiry_tit strong {font-size: 40px; font-weight: 700; color: #000;}
.contact_us .inquiry_tit p {display: block; font-weight: 400; color: #000; font-size: 16px;}

/* 문의 */
.contact_us .inquiry {position: relative; display: block; width: 100%; height: auto; background: #f8f8f8; padding-bottom: 150px;}
.inquiry__inner {position: relative; display: block; width: 1490px; margin: 0 auto; padding: 20px 20px 0 20px;}
.inquiry__inner dl {position: relative;display: flex;align-items: center;width: 100%;height: auto;margin-top: 30px;}
.inquiry__inner dt {/* position: relative; */display: block;width: 215px;height: auto;font-size: 16px;font-weight: 700;color: #000;}
.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: calc(100% - 215px);}

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

/* 라디오체크 */
.radios {display: flex; flex-wrap: wrap; align-items: center;font-size: 0;}
.radios label {position: relative; display: flex; align-items: center; width: fit-content; height: auto; line-height: 1; font-size: 16px; font-weight: 400; color: #000; margin-right: 55px;}
.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: 25px; height: 25px; background: url('../../../images/home/company/contactus/radio.png')no-repeat top left; padding: 0; margin: 0 10px 0 0; cursor: pointer;}
.radios input[type=radio]:checked {background: url('../../../images/home/company/contactus/radio.png')no-repeat top right;}

/* 연락처 */
.inquiry .tel {display: flex; align-items: center; flex-wrap: wrap;}
.inquiry .tel > span {font-size: 16px; font-weight: 400; color: #000; display: flex; justify-content: center; width: 42px; line-height: 1; }
.inquiry .tel .select_box,
.inquiry .tel input[type=text] {width: 211px;}

/* 이메일 */
.inquiry .email {display: flex; align-items: center; flex-wrap: wrap;}
.inquiry .email > span {font-size: 16px; font-weight: 400; color: #000; display: flex; justify-content: center; width: 42px; line-height: 1; }
.inquiry .email .select_box,
.inquiry .email input[type=text] {width: 211px;}

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

/* 문의내용 */
.inquiry .text {position: relative; display: block; width: 100%; height: auto; border: 1px solid #e5e5e5; background: #fff; padding: 25px 28px 23px;}
.inquiry .text textarea { font-size: 16px; font-weight: 400; color: #000; line-height: 1.2; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 0; resize: none; width: 100%; height: 197px; outline: none;}
.inquiry .text textarea::-webkit-scrollbar {width: 6px;}
.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; font-size: 0;}
.area_filebox input.upload_name {display: block; width: 423px; height: 56px; box-sizing: border-box; border: 1px solid #e5e5e5; background: #fff; padding: 0 20px; margin: 0 12px 0 0; font-size: 16px;}
.area_filebox label {cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; width: 151px; height: 56px; background: #000; color: #fff; line-height: 1; font-size: 16px; 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: 16px; font-weight: 400; color: #888; margin-top: 15px;}


/* 개인정보 약관 */
.inquiry .terms {position: relative; display: block; width: 100%; height: auto; border: 1px solid #e5e5e5; background: #fff; padding: 25px 28px 23px;}
.inquiry .terms > div { font-size: 16px; font-weight: 400; color: #000; line-height: 1.2; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: 0; resize: none; width: 100%; height: 197px; outline: none; overflow: auto;}
.inquiry .terms > div::-webkit-scrollbar {width: 6px;}
.inquiry .terms > div::-webkit-scrollbar-track {background-color: #fff;}
.inquiry .terms > div::-webkit-scrollbar-thumb {background-color: #ccc; border-radius: 3px;}
.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: 30px;}
.inquiry .terms_check label {display: flex; align-items: center; line-height: 1; font-size: 16px; 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('../../../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('../../../images/home/company/contactus/checkbox.png')no-repeat top right;}

.inquiry button.btn_inquiry {position: relative; display: flex; align-items: center; justify-content: center; width: 270px; height: 65px; background: #3e712d; 
line-height: 1; font-size: 24px; font-weight: 700; color: #fff; margin: 100px auto 0;}

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

.brochure {padding-bottom: 32px;}
.brochure__inner {padding-top: 98px;}
.brochure__inner .block {margin-bottom: 118px;}
.brochure__inner .block > strong {display: block; line-height: 1; font-size: 40px; font-weight: 700; color: #000; width: 1450px; margin: 0 auto 48px;}
.brochure__inner .block ul {position: relative; display: flex; width: 1470px; margin-left: -10px; flex-wrap: wrap; margin: 0 auto}
.brochure__inner .block li {position: relative; display: flex; width: 25%; height: auto; padding: 0 10px;}
.brochure__inner .block li > div {position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100px; background: #fff; border: 1px solid #e5e5e5; padding: 0 28px;}
.brochure__inner .block li:nth-child(n+5) {margin-top: 30px;}
.brochure__inner .block .info {display: flex; align-items: center;}
.brochure__inner .block .info img {display: block; margin-right: 20px;}
.brochure__inner .block .info p {display: block; line-height: 1; font-size: 20px; font-weight: 500; color: #000;}
.brochure__inner .block .files {display: flex; align-items: center; line-height: 1;}
.brochure__inner .block .files img:last-child {margin-left: 30px;}

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


/* ―――――――――――――― HISTORY ―――――――――――――― */
.sub_container.history{padding-top:0;}
.content.history{padding-top:0;}

/* .content.history .top_location {position: relative;display: block; width: 1490px; padding-top:30px; padding-left: 20px;padding-right: 20px; padding-bottom:96px; margin: 0px auto;}
.content.history .top_location ul{display: flex; gap:18px; justify-content: flex-end;}
.content.history .top_location ul li{position:relative; font-size:12px; color:#888;}
.content.history .top_location ul li.home::before{content:'';position:absolute; left: -17px;top: -1px; background:url('../img/company/history/ico_home.png')no-repeat; width:12px; height:12px; background-size:100%; }
.content.history .top_location ul li~li::before{content:"";  position: absolute;top: 2px; left: -9px;width:1px; height:9px; background:#c4c4c4;}
.content.history .top_location ul li.active{color:#000} */

/* .content.history .top_menu_list{display: flex; gap:59px; margin-top: 26px;}
.content.history .top_menu_list li a{color:#888; font-size:20px; letter-spacing: -0.025em; font-weight: 600; }
.content.history .top_menu_list li.active a{position:relative; color:#000;}
.content.history .top_menu_list li.active a::after{content:""; position:absolute; width:100%; height: 2px;left: 1px; bottom: -10px; background:#000;} */


.content.history .visual_box{position: relative;}
.content.history .visual_box .visual_txt{  position:absolute; text-align: center; font-size:34px; line-height: 1.7; font-weight: bold; color:#fff;}

.history_list_wrap{position: relative; display: block;width: 1450px; margin:0px auto;}
.history_list_wrap::after{content:''; position:absolute; width:1px; height:auto; background: #e5e5e5;background: #e5e5e5;   top: 176px; left: 50%; transform: translate(-50%, 0%); z-index: 0;}

.btn_history_year{display:flex; width:900px; height:60px; margin:100px auto; position: sticky; top:170px; z-index:5}
.btn_history_year button{width:300px; height:60px; font-size:20px; 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 > ul{display: flex; margin-bottom:100px; justify-content: center;}
.history_content .left{width:625px; display: flex; justify-content: end;}
.history_content .left.txt{flex-wrap: wrap; flex-direction: column;text-align: right; justify-content: normal;}
.history_content .line{width:200px; position:relative;} 
.history_content .line::before{content:''; width:15px; height:15px; position:absolute; top:15px; left:46.5%;  border-radius:100%;background:#000; z-index: 4;}
.history_content .right{width:625px;}

.history_content .year{font-size:50px; font-weight: 700;}
.history_content .right_txt{margin-top:49px;}
.history_content .right_txt li{position: relative; font-size:18px; font-weight: 400; padding-left:24px;}
.history_content .right_txt li~li{margin-top:20px;}
.history_content .right_txt li::before{content:''; position:absolute; top:6px;; left:0; width:4px; height:4px; background: #000; ; }

.history_content .left_txt{margin-top:49px;}
.history_content .left_txt li{position: relative; font-size:18px; font-weight: 400; padding-right:24px;}
.history_content .left_txt li~li{margin-top:20px;}
.history_content .left_txt li::before{content:''; position:absolute; top:6px;; right:0; width:4px; height:4px; background: #000; ; }

/* en */
.lang-body-en .history_content .left_txt,
.lang-body-en .history_content .right_txt {margin-top: 43px;}
.lang-body-en .history_content .left_txt li,
.lang-body-en .history_content .right_txt li {line-height: 1.3;}
.lang-body-en .history_content .left_txt li~li,
.lang-body-en .history_content .right_txt li~li {margin-top: 14px;}
.lang-body-en .history_content .left_txt li::before,
.lang-body-en .history_content .right_txt li::before {top: 10px;}



/* ――――――――――――――――― R&I  ――――――――――――――――― */

.top_rni_text {position: relative; display: flex; align-items: center; justify-content: center; width: 1450px; height:500px; margin: 0 auto; padding: 0 20px 0 20px;}
.top_rni_text p {display: block;  color: #000; line-height: 1.588; text-align: center;}
.top_rni_text p span {position: relative; font-size: 34px; font-weight: 700; opacity: 0; top: -50px;}
.top_rni_text p span:nth-child(1) {transition: all 700ms;}
.top_rni_text p span:nth-child(2) {transition: all 700ms 0.1s;}
.top_rni_text p span:nth-child(3){transition: all 700ms 0.2s; margin-top:40px; display: block;}
.top_rni_text p span:nth-child(4) {transition: all 700ms 0.3s;}
.top_rni_text.active p span {opacity: 1; top: 0;}
.top_rni_text p .sub{font-size:26px; font-weight: 300;}

.rni__inner{width:1450px; margin:0px auto 196px;}
.rni__inner .rnislide{height:724px;}
.rni__inner .rnislide .swiper-pagination{bottom:0;}
.rni__inner .rnislide .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; margin: 0 12px; background:#d5d4d4; opacity: 1;}
.rni__inner .rnislide .swiper-pagination .swiper-pagination-bullet-active{background:#1f1f1f;}
.rni__inner .rnislide .swiper-button-prev{width:18px; height:37px; background:url('../../../images/home/company/rni/btn_slide.png')no-repeat 0 -3px; left:40px;} 
.rni__inner .rnislide .swiper-button-next{width:18px; height:37px; background:url('../../../images/home/company/rni/btn_slide.png')no-repeat -56px -3px; right:40px }
.rni__inner .rnislide .swiper-button-next::after,.rni__inner .rnislide .swiper-button-prev::after{display: none;}


.rni__inner .tit{display:block; font-size:40px; font-weight: bold; line-height: 1; margin:150px 0 54px;}
.certify .top_rni_text{height:497px; border-bottom:1px solid #e5e5e5;}

.certify_txt{font-weight: bold; font-size:26px;}
.certify_sub_txt{font-size:18px; font-weight: 300;}

.certify_list_wrap ul{display: flex; flex-wrap: wrap;  gap:30px; row-gap: 62px;}
.certify_list_wrap ul li:not(.first){width:calc(50% - 15px); cursor: pointer;}
.certify_list_wrap ul li:not(.first):hover .certify_img{border:1px solid #000; position: relative;}
.certify_list_wrap ul li:not(.first):hover .certify_img::after{content:''; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:84px; height:84px; background:url('../../../images/home/company/rni/icon_detail.png')no-repeat; background-size:100%;}
.certify_list_wrap ul li:not(.first) .certify_img{display: flex;  height:300px; background:#f8f8f8;  align-items: center;justify-content: center;}
.certify_list_wrap ul li:not(.first) .certify_txt{text-align: center; display: block; margin-top:31px} 
.certify_list_wrap ul li:not(.first) .certify_sub_txt{text-align: center; display: block; margin-top:22px;}
.certify_list_wrap .first{display:flex; width:100%; cursor: pointer; height:300px; gap:109px; align-items: center; padding-left:254px; background:#f8f8f8;}
.certify_list_wrap .first:hover{border:1px solid #000;}
.certify_list_wrap .first:hover p.certify_img{position:relative;}
.certify_list_wrap .first:hover p.certify_img::after{content:''; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:84px; height:84px; background:url('../../../images/home/company/rni/icon_detail.png')no-repeat; background-size:100%;}
.certify_list_wrap .first .certify_txt{margin-bottom:16px;}

.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:612px; min-height:900px;  top: 50%;  left: 50%; background:#fff; transform: translate(-50%, -50%);}
.certify_layer .title-modal__header{display:flex;  justify-content: flex-start;position: relative;border-bottom:1px solid #e5e5e5;padding: 20px 22px;box-sizing: border-box;}
.certify_layer .title-modal__header h2{display: block; font-size:30px; font-weight: 600; white-space: nowrap; width: 80%; justify-content: flex-start; overflow: hidden;text-overflow: ellipsis;}
.certify_layer img{width:100%;}
.certify_layer .title-modal__close-btn .ico_x{ position: absolute; top:-7px; right:25px; width:22px; height:22px; background:url('../../../images/home/company/rni/icon_layer_close.png')no-repeat; background-size:100%;  display: block; }
.certify_layer .title-modal__content{height:877px}

/* ―――――――――――――― factory  ―――――――――――――― */

.top_production_text {position: relative; display: flex; align-items: center; justify-content: center; width: 1450px; height:570px; margin: 0 auto; padding: 0 20px 0 20px;}
.top_production_text p {display: block;  color: #000; line-height: 1.588; text-align: center;}
.top_production_text p span {position: relative; font-size: 34px; font-weight: 700; opacity: 0; top: -50px;}
.top_production_text p span:nth-child(1) {transition: all 700ms;}
.top_production_text p span:nth-child(2) {transition: all 700ms 0.1s;}
.top_production_text p span:nth-child(3){transition: all 700ms 0.2s; margin-top:40px; display: block;}
.top_production_text p span:nth-child(4) {transition: all 700ms 0.3s;}
.top_production_text p span:nth-child(5) {transition: all 700ms 0.4s; margin-top:40px; display: block;}
.top_production_text p .sub{font-size:26px; font-weight: 300;}
.top_production_text.active p span {opacity: 1; top: 0;}

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

.factory_list{display: flex; gap:40px;}
.factory_list li{background: #fff;}
.factory_list b.tit{font-size:24px; font-weight: bold; line-height:1; padding: 30px;}
.factory_list span{font-size:18px; letter-spacing: -0.024em; padding: 0 30px 35px; line-height:1.53}
.factory_list span.more{font-size:16px; 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;}


.top_factory_text {position: relative; display: flex; align-items: center; justify-content: center; width: 1450px; height:388px; margin: 0 auto; padding: 0 20px 0 20px;}
.top_factory_text p {display: block;  color: #000; line-height: 1.588; text-align: center;}
.top_factory_text p span {position: relative; font-size: 34px; font-weight: 700; opacity: 0; top: -50px;}
.top_factory_text p span:nth-child(1) {transition: all 700ms;}
.top_factory_text p span:nth-child(2) {transition: all 700ms 0.1s;}
.top_factory_text p .sub{font-size:26px; font-weight: 300;}
.top_factory_text.active p span {opacity: 1; top: 0;}


.factory__inner.slide{width:1450px; margin:0px auto 196px;}
.factory__inner .faislide{height:724px;}
.factory__inner .faislide .swiper-pagination{bottom:0;}
.factory__inner .faislide .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; margin: 0 12px; background:#d5d4d4; opacity: 1;}
.factory__inner .faislide .swiper-pagination .swiper-pagination-bullet-active{background:#1f1f1f;}
.factory__inner .faislide .swiper-button-prev{width:18px; height:37px; background:url('../../../images/home/company/rni/btn_slide.png')no-repeat 0 -3px; left:40px;} 
.factory__inner .faislide .swiper-button-next{width:18px; height:37px; background:url('../../../images/home/company/rni/btn_slide.png')no-repeat -56px -3px; right:40px }
.factory__inner .faislide .swiper-button-next::after,.factory__inner .faislide .swiper-button-prev::after{display: none;}