@charset "utf-8";

/* Noto Sans */
@font-face {
    font-family: "Noto Sans";
    font-weight: 600;
    font-style: normal;
    src: url("../fonts/noto-sans-600.woff") format("woff"), url("../fonts/noto-sans-600.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 300;
    font-style: normal;
    src: url("../fonts/noto-sans-300.woff") format("woff"), url("../fonts/noto-sans-300.woff2") format("woff2");
}

@font-face {
    font-family: "Noto Sans";
    font-weight: 400;
    font-style: normal;
    src: url("../fonts/noto-sans-regular.woff") format("woff"), url("../fonts/noto-sans-regular.woff2") format("woff2");
}

/* fonts */
body {font-family:"Pretendard", "Noto Sans", Apple SD Gothic Neo, sans-serif;}

/* 메인 */
.content.main .visual-wrapper .btn-large.white{padding: 1.4rem 3rem}

/* 재무정보 */
.balance-sheet-area .tab-content.tab3 .box-radius .btn-small{min-width: 14.5rem; width: 14.5rem}

/* 연구개발 */
.rnd-cont .br-mo{display: block;}
.rnd-cont .box-radius.gray .list-sub>li{display:flex; display: -ms-flexbox; align-items: center; justify-content: center;}
.rnd-cont .box-radius[class*="icon"] .btn-small.icon-next{width:15.1rem}

/* 제품디자인 */
.product-design-cont .list-step.type2>li{display: flex; display: -ms-flexbox; flex-direction: column; -ms-flex-direction: column;}
.product-design-cont .list-step.type2>li::after{margin-top:auto;}
.product-design-cont .list-step.type2 .step{width:6.7rem; margin:0 auto;}
.product-design-cont .list-step.type2>li{height:26.2rem; padding-bottom:4.4rem;}

/* 회사소개 */
.philosophy-cont .box-radius.gray{padding:3.2rem}

/* 투자정보 */
.governance-area .tbl-basic .br-mo{display: block;}
.balance-sheet-area .br-mo{display: block;}
.balance-sheet-area .tab-content.tab3 .box-radius{flex-direction: column; -ms-flex-direction: column; height: auto;}
.balance-sheet-area .tab-content.tab3 .box-radius::before{display: none;}
.balance-sheet-area .tab-content.tab3 .box-radius .tit{margin-bottom:2rem;}
.balance-sheet-area .tab-content.tab3 .box-radius .tit::after{content:''; display: block; margin:1.2rem auto 0; min-width: 10rem; width: 10rem; height: 10rem; border-radius: 10rem; background:#F0F3FA url(../../common/img/content/company/icon_balance_shieet.png) no-repeat 1.8rem 1.8rem/40.6rem auto;}
.balance-sheet-area .tab-content.tab3 .box-radius.icon2 .tit::after{background-position:-9.6rem 1.8rem;}
.balance-sheet-area .tab-content.tab3 .box-radius.icon3 .tit::after{background-position:-21rem 1.8rem;}
.balance-sheet-area .tab-content.tab3 .box-radius.icon4 .tit::after{background-position:-32.4rem 1.8rem;}
.balance-sheet-area .tab-content.tab3 .box-radius .btn-area{display: flex; display: -ms-flexbox; justify-content: center;}
.balance-sheet-area .tab-content.tab3 .box-radius .btn-small{margin-top:0;}
.balance-sheet-area .tab-content.tab3 .box-radius .icon-download{margin-left:.8rem}

/* 국내 사업장 */
.compay-cont .list-thumbnail .list-bu .tit{text-transform: none; width:10rem; min-width:10rem; margin-right:0}

/* 국내 유통망 */
.network-cont .list-network .list-bu .tit{width:6.5rem; min-width:6.5rem;}

/* 환경경영 */
.environment-cont .diagram .box-area .box>span{height:auto; line-height:2.6rem; padding:.6rem 0;}
.environment-cont .graph-area .box-radius{padding:10rem 3.6rem}
.environment-cont .graph-area .box-radius>img{width:120.4rem}
.environment-cont .tbl-basic tbody th{padding:1.6rem .5rem}
.environment-cont .tbl-basic tbody .left{padding-left:2.4rem}
.environment-cont .tbl-basic .br-txt{display: block;}

/* 안전경영 */
.safety-cont .tbl-basic th{padding:1.6rem 1rem}
.safety-cont .diagram-area .box:nth-child(1),
.safety-cont .diagram-area .box:nth-child(2){padding-bottom:20rem}

/* 윤리경영 */
.ethical-cont .diagram-area .br-txt{display: block;}
.ethical-cont .diagram-area.type2 .list-type1>li:nth-child(2) .arrow>span:first-child{text-align: center;}
.ethical-cont .diagram-area.type2 .list-type2>li{display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}
.ethical-cont .type-radius-blue.type1 .box-radius .title-m::after{top:2.2rem; transform: translateY(0);}

/* 협력사 소통 */
.supply-chain-cont .type-radius-blue .box-radius{height:auto; padding:4rem;}

/* 분쟁광물 관리 */
.supply-chain-cont .diagram-area .list-diagram .txt{text-align: center;}

/* News & Notice */
.news-notice-area .page-link .label{min-width:6.2rem; width:6.2rem;}
.news-notice-area .page-link .page::before{margin-left:1.4rem}




/* mobile */
@media (max-width: 712px) {
    .content .br-mo{display: block;}

    /* main */
    .content.main .visual.global{height:85rem; padding:6rem 2rem;}
    .content.main .visual.global .count-area .item{height:auto;}
    .content.main .visual.global .count-area .box{margin-top:auto;}
    .content.main .visual.global .count-area .tit{line-height:2.2rem;}
    .content.main .product .category-area .swiper-slide-active .txt{position:relative;z-index: 1;}
    
    /* footer */
    .wrap-footer .util-link{flex-wrap: wrap; -ms-flex-wrap: wrap;}
    .wrap-footer .address>ul>li:first-child::after{display: none;}
    .layer-popup-wrap.email-pop .layer-popup{height:59.9rem}
    .layer-popup-wrap.email-pop .layer-desc{overflow-y: auto; height:47.6rem}
    .layer-popup-wrap.email-pop .layer-popup .br-mo,
    .layer-popup-wrap.email-pop .layer-popup .br-txt{display: block}
    
    /* 연구개발 */
    .rnd-cont .box-radius.gray .top{line-height: 2.5rem; padding-top:1.1rem;}
    .rnd-cont .box-radius.gray .list-sub>li{font-size:1.4rem;}

    /* 제품디자인 */
    .product-design-cont .list-step.type1>li{height:19.3rem;}
    .product-design-cont .box-radius>li{padding:1rem 0; font-size:1.4rem; line-height:2.2rem;}

    /* 금형기술 */
    .tooling-cont .list-box>li{height:12.8rem;}
    .tooling-cont .list-box>li.item3,
    .tooling-cont .list-box>li.item4{height:15rem;}
    .tooling-cont .list-box::after{top:12.8rem; transform: translate(-50%, 0);}

    /* 신뢰성평가 */
    .realibility-cont .list-thumbnail .tit{line-height:3.2rem;}

    /* 회사소개 */
    .ceos-greetings-area .box-sign{display:block}
    .ceos-greetings-area .box-sign .sign{display:block; width:18rem; margin:.8rem 0 0 0;}

    /* 지속가능경영 */
    .sustainability-cont .type-radius .box-radius.gray.type-sm .box-radius{padding:3rem 0;}

    /* 안전경영 */
    .safety-cont .type-radius .box-radius.gray.type-lg .box-radius{padding:3rem 2.9rem}
    .safety-cont .type-radius-blue .box-radius .title-m::after{top:2.2rem; transform: translateY(0);}

    /* 인권경영 */
   .ethical-cont .list-bg-line>li{display: flex; display: -ms-flexbox;}
   .ethical-cont .diagram-area.type2 .list-type2>li{height:9.8rem}

   /* 윤리경영활동 */
   .ethical-cont .diagram-area.type3 .tit{height:auto; text-align: center;}

   /* 협력사 소통 */
    .supply-chain-cont .type-radius-blue .box-radius{padding:3rem;}
    .supply-chain-cont .diagram-area .br-txt{display: none;}
    .supply-chain-cont .diagram-area .list-diagram .txt{padding:1rem .5em;}
    .supply-chain-cont .diagram-area .box-area .list-diagram>li:first-child .txt,
    .supply-chain-cont .diagram-area .box-area .list-diagram>li:last-child .txt{height: 15rem;}
    .supply-chain-cont .diagram-area .box-area .list-diagram:nth-child(1) >li:nth-child(2) .txt{height:9.8rem}
    .supply-chain-cont .diagram-area .box-area .list-diagram + .list-diagram>li:first-child::after{height:15.3rem}

    /* Q&A */
    .customer-cont .agree-area .form-select .label{justify-content: end; align-items: start;}
    .customer-cont .agree-area .form-select.w-80 .label .txt{width: 80%;}

    /* 신고·제보 채널 */
    .customer-cont .reception-area.information .point-b{display: inline;}
    

}

/* tablet & pc */
@media (min-width: 712px) {
    /* footer */
    .wrap-footer .address>ul>li:first-child::after{display: block;}
    .layer-popup-wrap.email-pop .layer-popup{height:49.6rem}

    /* 제품목록 */
    .product-cont.list .summary-cont .btn-large{width:21.1rem; min-width:21.1rem}

    /* 제품상세 */
    .product-cont.details .product-question .btn-area .btn-large{width: 22.2rem;}

    /* 연구개발 */
    .rnd-cont .box-radius.gray .top{padding-top:2.2rem; line-height: 3.2rem;}

    /* 선행연구 */
    .advanced-cont .box-radius.dashed .list>li{height: auto; line-height: 2.8rem; padding:1.4rem 0}

    /* 금형기술 */
    .tooling-cont .list-box>li{padding:2.4rem 0; font-size:1.8rem}

    /* 국외 유통망 */
    .compay-cont .network-cont>.selectbox{width: auto;}

    /* 환경경영 */
   .environment-cont .diagram .box-area .br-txt,
   .environment-cont .type-radius-blue .box-radius .br-txt{display: block;}
   .environment-cont .diagram .box-area .box-radius{padding:2rem 1.5rem 1.6rem}

    /* 윤리경영활동 */
    .ethical-cont .diagram-area.type3 .tit .br-mo{display: none;}

   /* 신고·제보 채널 */
   .customer-cont .btn-area.foot .btn-large.wide{width:29.7rem}
}

/* tablet */
@media (min-width: 712px) and (max-width: 1199px) {
    /* main */
    .content.main .visual.global{height:102.4rem; padding:8rem 4rem 6.2rem}
    .content.main .visual.global .count-area .item:last-child{height:21.4rem;}

    /* 연구개발 */
    .rnd-cont .box-radius.gray .list-sub>li{height:14.4rem}

    /* 재무정보 */
    .balance-sheet-area .tab-content.tab3 .box-radius .btn-area{margin-top:auto;}

    /* 지속가능경영 */
    .type-radius .box-radius.type-sm .box.flex .box-radius{height:auto; padding:4rem 1rem;}

    /* 환경경영 */
    .environment-cont .type-radius-blue .box-radius{height:auto}

    /* 안전경영 */
    .safety-cont .type-radius-blue .box-radius{height:auto;}
    
    /* 인권경영 */
   .ethical-cont .diagram-area.type2 .list-type2>li{height:11.5rem}

   /* 윤리경영 */
   .ethical-cont .type-radius-blue.type1 .box-radius,
   .ethical-cont .diagram-area.type3 .tit{height:auto}
   .ethical-cont .diagram-area.type3 .tit{text-align: center;}

   /* 추진체계 */
   .social-cont .type-radius-blue.type2 .box-radius{height:24.4rem}

   /* 분쟁광물 관리 */
   .supply-chain-cont .diagram-area .box-area .list-diagram>li:last-child .txt{height:14.4rem}
   .supply-chain-cont .diagram-area .list-diagram:nth-child(2) .txt{height:11.5rem}
   .supply-chain-cont .diagram-area .box-area .list-diagram + .list-diagram>li:first-child::after{height:15.8rem}
    
}

/* pc */
@media (min-width: 1200px) {
    .content .br-pc{display: block;}

    /* main */
    .content.main .visual.global{padding:29rem 0 18rem}
    .content.main .visual.global .count-area .item{height:25.2rem; padding:2.4rem 3.1rem 2.4rem 3.2rem}

    /* 개인정보처리방침 */
    .privacy-cont .box-radius.gray{display:flex}
    .privacy-cont .box-radius.gray .list-bu{display: initial; width:50%}
    .privacy-cont .box-radius.gray .list-bu>li{width:100%}

    /* 제품검색팝업 */
    [class*="layer-"].product-search .btn-large.icon-search{width:14.8rem}
    [class*="layer-"].product-search .accordion-area.feature .btn-large.icon-search{margin-left:0; right:2rem}

    /* 연구개발 */
    .rnd-cont .br-mo{display: none;}

    /* 제품설계 */
    .product-design-cont .list-step.type2>li, .product-design-cont .list-step.type2>li:nth-child(even){height:26.2rem}

    /* 금형기술 */
    .tooling-cont .list-box>li{line-height:2.9rem}

    /* 인사말 */
    .visual-area.ceo,
    .visual-area.ceo img{height:82.7rem}

    /* 투자정보 */
    .governance-area .tbl-basic .br-mo,
    .balance-sheet-area .br-mo{display: none;}
    .balance-sheet-area .tab-content.tab3 .box-radius{width:calc(33.333% - 1.6rem); padding:3.2rem 0;}
    .balance-sheet-area .tab-content.tab3 .box-radius .tit{position:static; transform: translateX(0); display: block;}
    .balance-sheet-area .tab-content.tab3 .box-radius::before, 
    .balance-sheet-area .tab-content.tab3 .box-radius .btn-small{margin:0;}
    .balance-sheet-area .tab-content.tab3 .box-radius .icon-download{margin-left:.8rem;}

    /* 지속가능경영 */
    .sustainability-cont .type-radius .box-radius.type-lg .box-radius{height: 74.6rem;}
    .sustainability-cont .type-radius .box-radius.type-sm .box-radius{height:auto;}

    /* 환경경영 */
    .environment-cont .graph-area .box-radius{padding:10rem 4rem}
    .environment-cont .type-radius-blue .box-radius{height:52.2rem}
    .environment-cont .tbl-basic .br-txt{display: none;}

    /* 안전경영 */
    .safety-cont .type-radius .box-radius.type-sm .box-radius,
    .safety-cont .diagram-area .box:nth-child(3), .safety-cont .diagram-area .box:nth-child(4),
    .safety-cont .type-radius-blue .box-radius:nth-child(-n+3),
    .safety-cont .type-radius-blue .box-radius{height:auto}
    .safety-cont .type-radius .box-radius.type-lg .box-radius{height:70.2rem}
    .safety-cont .diagram-area .diagram{top:49%; transform:translate(-50%, -50%)}
    .safety-cont .type-radius .box-radius.type-lg .list-bu{height:16rem}
    .safety-cont .diagram-area .box:nth-child(1),
    .safety-cont .diagram-area .box:nth-child(2){padding-bottom:7rem}

    /* 인권경영 */
    .ethical-cont .diagram-area.type1 .list-diagram>li>.txt{height: 12.3rem; display: flex; display: -ms-flexbox; align-items: center; justify-content: center;}

    /* 윤리경영 */
    .ethical-cont .type-radius-blue.type1 .box-radius{height:auto;}
    .ethical-cont .diagram-area .br-txt{display: none;}
    .ethical-cont .diagram-area.type2 .list-type1>li:nth-child(2) .arrow>span:first-child{text-align: right;}
    .ethical-cont .diagram-area.type2 .list-type2>li{height:8.6rem}
    
    /* 윤리경영활동 */
    .ethical-cont .diagram-area.type3 .list-bu{height:17rem}
    .ethical-cont .diagram-area.type3 .box:nth-child(3) .list-bu,
    .ethical-cont .diagram-area.type3 .box:nth-child(4) .list-bu{height:17.4rem}

    /* 분쟁광물 관리 */
    .supply-chain-cont .diagram-area .box-area .list-diagram>li:first-child .txt{height:auto;}
    .supply-chain-cont .diagram-area .box-area .list-diagram>li:last-child .txt{height:11.5rem}
    .supply-chain-cont .diagram-area .box-area .list-diagram + .list-diagram>li:first-child::after{height:18.6rem}

    /* 추진체계 */
    .supply-chain-cont .diagram-area .br-tbl{display: none;}
    .social-cont .type-radius-blue.type2 .box-radius{height: 34rem;}
    .social-cont .diagram-area.type1 .list-diagram.align-l>li .txt{height:21.2rem}

    /* 사회공헌활동 */
    .social-cont .box-area.active .box-radius{height:auto}

}