/*
	Copyright 2020 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/
@charset "UTF-8";
@import '/_css/common.css'; /* front, admin 공통*/
@import '/_css/member.css'; /* front member 공통*/
@import '/_css/board.css'; /* front member 공통*/
@import 'loading.css';
@import 'fontSet.css';
@import 'basic.css';
@import 'layout.css';

/*인사말*/
#intro_sec01 .img{
    padding-top: 34.3%;
    border-radius: 1rem;
    background: url(../_img/sub/intro_img01.png) no-repeat center center / cover;
}
#intro_sec01 .txt{
    margin-left: auto;
    padding: 6rem 4rem 0 6rem;
    max-width: 1200px;
    background: #fff;
    transform: translateY(-10rem);
}
#intro_sec01 h4{font-size: 3.6rem; font-weight: 500;}
#intro_sec01 p{
    font-size: 1.8rem; 
    font-weight: 300;
    color:#121212;
}
#intro_sec01 p:first-of-type{
    margin-top: 2.5rem;
    margin-bottom: 4rem;
}
#intro_sec01 p b{
    display: block;
    margin-top: 5px;
}

@media all and (max-width:1199.98px) {
    #intro_sec01 h4{ font-size:2.5rem; }
    #intro_sec01 .content_area{ padding:3rem 0 10rem; }
    #intro_sec01 .content_area .tit{ margin-bottom:1rem; font-size:1.8rem; }
    #intro_sec01 .desc_area p span{ font-size:1.6rem; }
    #intro_sec01 .desc_area p span.sign{ font-size:1.8rem; }
    #intro_sec01 .desc_area p span.sign strong{ font-size:2rem; }
}

@media all and (max-width:991.98px) {
    #intro_sec01 .content_area{ padding:3rem 0 8rem; }
}

@media all and (max-width:767.98px) {
    #intro_sec01 h4{ font-size:2rem; }
    #intro_sec01 .content_area{ padding:3rem 0 6rem; }
    #intro_sec01 .desc_area p{ width:100%; margin-right:0; margin-bottom:2rem; }
    #intro_sec01 .desc_area p:last-child{ margin:0;}
    #intro_sec01 .desc_area p span{ margin-bottom:2rem;}
}

@media all and (max-width:575.98px) {
    #intro_sec01 h4 br{ display:none; }
}



/*연혁*/
#hostiry_sec01 h4{ margin-bottom:3rem; font-size:3.2rem; font-weight:300; line-height:1.4;}
#hostiry_sec01 h4 b{ font-weight:700;}
#hostiry_sec01 .bnr_area{ height:30rem; background:url('../_img/sub/history_bak.jpg') center / cover; }
#hostiry_sec01 .history_list > li{ display:flex; flex-wrap:wrap; margin-top:6rem; }
#hostiry_sec01 .history_list > li .tit_area{ width:50%; text-align:right;}
#hostiry_sec01 .history_list > li .tit_area strong{ display:inline-block; padding:1rem 4rem 0 0; font-size:3.5rem; font-weight:700;  border-top:1px solid #014cac; }
#hostiry_sec01 .history_list ol{ width:50%; padding-left:2rem;}
#hostiry_sec01 .history_list ol li{ position:relative; padding:2rem 0 2rem 6rem; font-size:1.5rem; color:#555; border-bottom:1px solid #ddd;}
#hostiry_sec01 .history_list ol li:first-child{ border-top:1px solid #ddd; }
#hostiry_sec01 .history_list ol li b.year{ position:absolute; top:2rem; left:0;}
#hostiry_sec01 .history_list ol li b.year:before{ content:"· ";}
#hostiry_sec01 .history_list ol li p{ display:inline-block; font-weight:300; }

@media all and (max-width:1199.98px) {
    #hostiry_sec01 h4{ font-size:2.5rem; }
    #hostiry_sec01 .bnr_area{ height:20rem;}
    #hostiry_sec01 .history_list > li .tit_area strong{ font-size:3rem;}
}

@media all and (max-width:991.98px) {
    #hostiry_sec01 .history_list > li{ margin-top:4rem; }
    #hostiry_sec01 .history_list > li .tit_area strong{ font-size:2.5rem;}
}

@media all and (max-width:767.98px) {
    #hostiry_sec01 h4{ margin-bottom:2rem; font-size:2rem; }
    #hostiry_sec01 .history_list > li .tit_area{ width:100%; text-align:left;  }
    #hostiry_sec01 .history_list > li .tit_area strong{ border-top:0; padding:0; margin-bottom:1rem;}
    #hostiry_sec01 .history_list ol{ width:100%; padding-left:0;}
}

@media all and (max-width:575.98px) {
    #hostiry_sec01 h4 br{ display:none; }
}


/*사업장 소개*/
#location_sec01 .location_area{border: 1px solid #dddddd;}
#location_sec01 .location_area .root_daum_roughmap,
#location_sec01 .location_area iframe{width:100%; height:42rem;}
#location_sec01 .location_area .root_daum_roughmap .wrap_map{ height:100%;}
#location_sec01 .txt_area{
    display: flex;
    align-items: flex-start;
    margin-top: 7rem;
}
#location_sec01 .txt_area h4{
    position: relative;
    padding-bottom: 4rem;
    width: 41.78%;
    line-height: 1.4;
    font-size: 3.8rem;
    font-weight: 400;
}
#location_sec01 .txt_area h4::after{
    content: '';
    position: absolute;
    bottom: 0; left: 1px;
    width: 6rem; height: 2px;
    background: #000;
}
#location_sec01 .txt_area h4 b{color: #d8322e;}
#location_sec01 .txt_area > div{
    padding-left: 7.5rem;
    width: 58.22%;
    border-left: 1px solid #dddddd;
}
#location_sec01 .txt_area > div > dl{margin-top: 3rem;}
#location_sec01 .txt_area .map_view a{
    display: block;
    padding: 1.2rem;
    width: 20rem; 
    text-align:center;
    font-size: 1.4rem;
    font-weight: 300;
    color: #333333;
    border: 1px solid #dddddd;
}
#location_sec01 .txt_area .map_view a + a{margin-top: 1rem;}
#location_sec01 .txt_area .map_view a i{
    margin-right: 8px;
    vertical-align: middle;
    font-size: 2.2rem;
    color: #000000;
}
#location_sec01 .txt_area dl{font-size: 1.8rem;}
#location_sec01 .txt_area dt{font-weight: 500;}
#location_sec01 .txt_area dd{font-weight: 300;}

@media all and (max-width:1199.98px) {
    #location_sec01 .location_area{ padding-top:4rem; margin-top:3rem; }
    #location_sec01 .location_area .item_area{ margin-bottom:4rem; padding-bottom:4rem;}
    #location_sec01 .location_area .img_area{ display:none; }
    #location_sec01 .location_area .txt_area{ width:100%; }

    #location_sec01 .location_area .txt_area h4{ margin-bottom:2rem; font-size:2.5rem;}
    #location_sec01 .location_area .txt_area p{ padding-left:7rem;}
}

@media all and (max-width:767.98px) {
    #location_sec01 .location_area .txt_area h4{  font-size:2rem;}
    #location_sec01 .location_area .root_daum_roughmap,
    #location_sec01 .location_area iframe{ height:25rem; margin-top:1rem;}
}



/*인증현황*/
#certification_sec01 ul{
    display: flex;
    flex-wrap: wrap;
    gap: 5.5rem 7.5rem;
}
#certification_sec01 ul li{
    width: calc(33.3% - 5rem);
}
#certification_sec01 p{
    margin-top: 1.5rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
}
#certification_sec01 img{width: 100%;}



/*협력사*/
#partners_sec01 > div + div{margin-top: 7.5rem;}
#partners_sec01 ul{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 1.5rem;
}
#partners_sec01 ul li{
    width: calc(20% - 1.2rem);
}
#partners_sec01 h4{
    margin-bottom: 1.5rem;
    font-size: 2.4rem;
    font-weight: 600;
}
#partners_sec01 img{width: 100%;}




/*금속 테이블 공통*/
.metal_sec h4{
    position: relative;
    margin-bottom: 4rem;
    padding-left: 2rem;
    font-size: 3rem;
    font-weight: 600;
}
.metal_sec h4::before{
    content: '';
    position: absolute;
    top: 14px; left: 0;
    width: 10px; height: 10px;
    background: #d8322e;
    border-radius: 50%;
}
.metal_sec .table_txt{
    margin-bottom: 1rem;
    font-size: 1.8rem;
    font-weight: 600;
}
.metal_sec .table_txt i{
    margin-right: 5px;
    vertical-align: baseline;
    color: #d8322e;
}
.metal_sec .sec01 {margin-bottom: 5.5rem;}
.metal_sec .sec01 ul{
    display: flex;
    gap: 2.7rem;
    padding: 4rem;
    padding-bottom: 3rem;
    border-radius: 1rem;
    background: #f5f5f5;
}
.metal_sec .sec01 ul li{
    width: calc(25% - 2rem);
}
.metal_sec .sec01 ul li .img{
    padding-top: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.metal_sec .sec01 ul li p{
    margin-top: 6px;
    text-align: center;
    font-size: 1.6rem; 
    font-weight: 500;
}
.metal_sec .sec02 > div + div{margin-top: 7rem;}
.metal_sec .desc{
    margin-bottom: 5rem;
    font-size: 1.8rem;
    font-weight: 500;
}
.metal_sec .desc.desc1{margin-bottom: 3rem;}
.metal_sec .desc b{
    display: block;
    margin-bottom: 7px;
    font-size: 2.2rem;
}
.metal_sec .table_con p{
    margin-top: 1rem;
    font-size: 1.8rem;
    color: #777777;
}
.metal_sec table{
    width: 100%;
    border-top: 2px solid #d8322e;
}
.metal_sec table th,
.metal_sec table td{
    padding: 5px;
    height: 5rem;
    vertical-align: middle;
    text-align: center;
    font-size: 1.4rem;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.metal_sec table th:first-of-type{border-left: 1px solid #ddd;}
.metal_sec table thead th{
    font-weight: 500;
    background: #f5f5f5;
}
.metal_sec table thead tr:last-child th{
    border-top: 1px solid #dddddd;
}
.metal_sec table tbody th{font-weight: 400;}
.metal_sec .table_con3 table tbody td:last-child{
    text-align: left;
}


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

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

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

}

@media all and (max-width:767.98px) {
   
}
@media all and (max-width:575.98px) {

}


/*금속소결*/
#sintering_sec01 > div + div{margin-top: 5rem;}
#sintering_sec01 .table_con p{
    position: relative;
    margin-bottom: 2rem;
    padding-left: 2rem;
    font-size: 2rem;
    font-weight: 600;
}
#sintering_sec01 .table_con p::before{
    content: '';
    position: absolute;
    top: 12px; left: 0;
    width: 8px; height: 8px;
    background: #d8322e;
    border-radius: 50%;
}
#sintering_sec01  table{
    width: 100%;
}
#sintering_sec01  table th,
#sintering_sec01  table td{
    height: 5rem;
    vertical-align: middle;
    text-align: center;
    font-size: 1.4rem;
    border-bottom: 1px solid #dddddd;
}
#sintering_sec01  table th{
    color: #d8322e;
    border-top: 1px solid #ddd;
}
#sintering_sec01  table tbody tr:nth-child(odd){background: #f5f5f5;}
#sintering_sec01 .table_con2 tr:nth-child(odd){background: #fff;}
#sintering_sec01 .table_con2 tr:nth-child(even){background: #f5f5f5;}



@media all and (max-width:1199.98px) {
    #vision_sec01 h4{ margin-bottom:4rem; font-size:2rem; }

    #vision_sec01 .vistion_list > li{ width:25rem;}
    #vision_sec01 .vistion_list .ico_area{ margin:0 auto 1.5rem;}
    #vision_sec01 .vistion_list .ico_area > div{ top:1.5rem; bottom:1.5rem; left:1.5rem; right:1.5rem;}
    #vision_sec01 .vistion_list .ico_area > div:after{ margin-left:1.9rem;}
    #vision_sec01 .vistion_list .ico_area > div:before{ margin-right:1.9rem;}
    #vision_sec01 .vistion_list .ico_area > div strong{ font-size:1.8rem;}
    #vision_sec01 .vistion_list .txt_area{ padding:0;}
    #vision_sec01 .vistion_list .txt_area strong{ font-size:2rem; margin-bottom:1rem;}
}

@media all and (max-width:991.98px) {
    #vision_sec01 h4{ font-size:1.8rem;}

    #vision_sec01 .vistion_list .ico_area:after,
    #vision_sec01 .vistion_list .ico_area > div:after,
    #vision_sec01 .vistion_list .ico_area > div:before{ content:none;}

    #vision_sec01 .vistion_list > li{ width:33.33%; padding:0 1rem;}
    #vision_sec01 .vistion_list .txt_area strong{ font-size:1.8rem;}
}

@media all and (max-width:767.98px) {
    #vision_sec01 h4 br{ display:none; }
    #vision_sec01 .vistion_list:after{ height:80%;}
    #vision_sec01 .vistion_list{ justify-content: center; max-width:450px; }
    #vision_sec01 .vistion_list > li{ width:50%;}
    #vision_sec01 .vistion_list > li:last-child{ margin-top:3rem;}
}

@media all and (max-width:575.98px) {
    #vision_sec01 .vistion_list:after{ height:90%;}
    #vision_sec01 .vistion_list{  max-width:200px; }
    #vision_sec01 .vistion_list > li{ width:100%; margin-top:3rem;}
    #vision_sec01 .vistion_list > li:first-child{ margin-top:0;}
}


/*지역사회나눔*/
#share_sec01 h4{ margin-bottom:6rem; font-size:2.4rem; font-weight:300; line-height:2; text-align:center; }
#share_sec01 h4 b{ font-weight:700;}
#share_sec01 .share_list > li{ display:flex; flex-wrap:wrap; margin-bottom:3.5rem;}
#share_sec01 .share_list > li:last-child{ margin-bottom:0;}
#share_sec01 .share_list > li:nth-child(even){ flex-direction: row-reverse; text-align:right;}
#share_sec01 .share_list li > div{ width:50%;}
#share_sec01 .share_list .img_area{ height:44rem; background-position:center; background-size:cover;}
#share_sec01 .share_list .img_area01{ background-image:url('../_img/sub/share_img01.jpg');}
#share_sec01 .share_list .img_area02{ background-image:url('../_img/sub/share_img02.jpg');}
#share_sec01 .share_list .txt_area{ display:flex; align-items: center; padding:0 6rem;}
#share_sec01 .share_list .txt_area > div{ width:100%;}
#share_sec01 .share_list .txt_area strong{ display:block; font-size:3rem; margin-bottom:1rem;  }
#share_sec01 .share_list .txt_area p{ margin-bottom:2rem; font-size:1.8rem; line-height:2;}
#share_sec01 .share_list .tag_area{ display:block; margin-top:4rem; }
#share_sec01 .share_list .tag_area img{ margin-right:1rem;}

@media all and (max-width:1199.98px) {
    #share_sec01 h4{ margin-bottom:3rem; font-size:1.8rem;}
    #share_sec01 .share_list .txt_area{ padding:0 3rem;}
    #share_sec01 .share_list .txt_area strong{ font-size:2.5rem; }
    #share_sec01 .share_list .txt_area p{ font-size:1.6rem;}
}

@media all and (max-width:991.98px) {
    #share_sec01 .share_list li > div{ width:100%; }
    #share_sec01 .share_list > li:nth-child(even){ text-align:left;}
    #share_sec01 .share_list .img_area{ height:0; padding-top:60%; }

    #share_sec01 .share_list .txt_area{ padding:0; margin-top:2rem;}
}

@media all and (max-width:767.98px) {
    #share_sec01 h4 br{ display:none; }
}

@media all and (max-width:575.98px) {
    #share_sec01 .share_list .tag_area img{ display:block; width:3rem;}
}


/*공시정보*/
#disclosure_sec01 iframe{ display:block; margin:0 auto; }