/*메인-회사소개*/
.cont02 {}
.cont02 .cont02_wrap {overflow: hidden; height: 482px;}
.cont02_wrap .cont02_img {width: 50%; float: left; height: 100%;}
.cont02_wrap .cont02_img img {width: 100%; height: 100%;}
.cont02_wrap .cont02_text {width: 50%; float: right; height: 100%; padding: 80px 180px 0px 100px; background: url(../img/cont02_bg.png)no-repeat top center/cover;}
.cont02_wrap .cont02_text h3 {font-size: 30px; font-weight: 500; color: #fff; margin-bottom: 15px;}
.cont02_wrap .cont02_text h2 {font-size: 34px; font-weight: 700; color: #fff; margin-bottom: 30px;}
.cont02_wrap .cont02_text h2 span {font-size: 35px; font-weight: 700; color: #963634;}
.cont02_wrap .cont02_text p {font-size: 18px; font-weight: 500; line-height: 30px; margin-bottom: 50px; color: #fff; word-break: keep-all;}
.cont02_wrap .cont02_text a {font-size: 16px; color: #fff; padding: 14px 65px 14px 35px; background: url(../img/icon02.png)no-repeat 85% center; border: 1px solid #fff; border-radius: 40px; font-weight: 500;}
.cont02_wrap .cont02_text a:hover {color: #963634; border: 1px solid #fff; background: #fff url(../img/icon02_c.png)no-repeat 85% center;}

/*메인-고객센터*/
.cont03 {background: url(../img/cont03_bg.png)no-repeat top center/cover; padding: 100px 0;}
.cont03 .cont03_wrap {max-width: 1200px; margin: 0 auto;}
.cont03 .cont03_wrap ul {overflow: hidden;}
.cont03 .cont03_wrap ul li {width: 33.33%; float: left; height: 290px;}
.cont03 .cont03_wrap ul li img {width: 100%; height: 100%;}
.cont03 .cont03_wrap ul li>a {background: #fff; padding: 70px 10px; text-align: center; height: 100%; display: block;}
.cont03 .cont03_wrap ul li a:hover {opacity: 0.6;}
.cont03 .cont03_wrap ul li a b {font-size: 15px; font-weight: 600; color: #963634; margin-bottom: 10px; display: inline-block;}
.cont03 .cont03_wrap ul li a h3 {font-size: 24px; font-weight: 600; color: #1c1e21; margin-bottom: 40px; position: relative;}
.cont03 .cont03_wrap ul li a h3::after {position: absolute; content: ""; background: #963634; width: 38px; height: 4px; bottom: -24px; left: 50%; transform: translateX(-50%);}
.cont03 .cont03_wrap ul li a p {font-size: 16px; font-weight: 500; line-height: 22px; color: #6f6f6f; width: 80%; display: inline-block; word-break: keep-all;}
.cont03 .cont03_wrap ul li:nth-child(2) a {background: #963634;}
.cont03 .cont03_wrap ul li:nth-child(2) a b {color: #fff;}
.cont03 .cont03_wrap ul li:nth-child(2) a h3 {color: #fff;}
.cont03 .cont03_wrap ul li:nth-child(2) a h3::after {background: #fff;}
.cont03 .cont03_wrap ul li:nth-child(2) a p {color: #fff;}

/*메인-notice*/
.cont04 {padding: 20px 0;}
.cont04 .cont04_wrap {max-width: 1120px; margin: 0 auto; overflow: hidden;}
.cont04_wrap h2 {display: inline-block; font-size: 18px; font-weight: 700; color: #963634; padding-right: 25px; position: relative; float: left; line-height: 43px;}
.cont04_wrap h2::after {position: absolute; content: ""; background: #963634; width: 1px; height: 28px; right: 0; top: 7px;}
.cont04_wrap .cont04_box {float: left; width: 80%;}
.cont04_wrap .cont04_a {background: url(../img/icon03.png)no-repeat top center; width: 43px; height: 43px; display: inline-block; float: right;}

/* 서브 공통 */

.sub-cont .sub-textbox{
    background: #eee;
    border-radius: 10px;
    padding: 40px;
    margin-bottom: 20px;
}

.sub-cont .sub-textbox ul li{
    line-height: 1.8em;
    font-weight: 500;
}

.sub-cont .sub-textbox h2{
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    color: #963634;
    margin-bottom: 15px;
    word-break: keep-all;
}


.sub-gallery h2{
    font-size: 26px;
    color: #1c1e21;
    margin-bottom: 20px;
    font-weight: 700;
}

.sub-gallery .gbox{
    margin-bottom: 30px;
}



.sub-cont .sub-textbox p{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    word-break: keep-all;
}

/*서브-회사소개-인사말*/
.sub01_cont01 {}
.sub01_cont01 .s1_c1_img {margin-bottom: 30px;}
.sub01_cont01 .s1_c1_img img {width: 100%;}
.sub01_cont01 .s1_c1_text {}
.sub01_cont01 .s1_c1_text h2 {font-size: 26px; font-weight: 600; color: #222; margin: 10px 0; word-break: keep-all; line-height: 40px; letter-spacing: -0.02em;}
.sub01_cont01 .s1_c1_text h2 span {font-size: 28px; color: #963634;}
.sub01_cont01 .s1_c1_text p span{color: #963634;}
.sub01_cont01 .s1_c1_text p {font-size: 18px; font-weight: 500; margin: 10px 0; color: #555; line-height: 32px; word-break: keep-all;}
/* .sub01_cont01 .s1_c1_text p:last-child {text-align: right; font-size: 24px; font-weight: 600; color: #963634;} */
.sub01_cont01 .s1_c1_text h3{font-size: 1.5em; margin-top: 20px;}

.ceo-intro{text-align: center; margin-bottom: 20px;}
.ceo-intro h3{text-align: center;}

.ceo-fullwidth img{width: 100%;}

.ceo-fullwidth{
    background: #f8f8f8;
    padding: 50px 0;
}

.ceo-fullwidth .row{
    align-items: stretch;
}


.ceo-fullwidth .col-md-6{
    padding: 0;
}
.ceo-fullwidth .col-md-6:nth-child(2){
    background: #fff;
    padding: 0px 3% 0 5%;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.sub01_cont02::before{
    content: "";
    background: #ccc;
    width: 2px;
    height: 100px;
    display: block;
    margin: 0 auto 30px;
}

.sub01_cont02{
    text-align: center;
    padding: 50px 0;
}

/*서브-회사소개-조직도*/
.sub01_cont03 {}
.sub01_cont03 img {width: 100%;}

/* 서브-회사소개-미션 및 비전 */

.sub-mnv{
    margin-top: 30px ;
}

.sub-mnv h2{
    color: #333;
    font-weight: 700;
    text-align: center;
    font-size: 26px;
    margin-bottom: 80px;
    letter-spacing: -0.02em;
}

.sub-mnv .mnv-step{
    display: flex;
    column-gap: 20px;
}

.sub-mnv .mnv-step li{
    width: 30%;
    background: #f8f8f8;
    border-radius: 10px;
    flex-grow: 1;
    padding: 0px 30px 30px 30px;
}


.brochure-wrap{
    transition: 0.3s all;
    margin-bottom: 20px;
}

.brochure-wrap:hover{
    opacity: 0.7;
}

.sub-mnv .mnv-step li h3{
    padding-left: 0px;
    margin-top: -40px;
    color: #963634;
    font-weight: 900;
    font-size: 38px;
}

.sub-mnv .mnv-step li p{
    font-size: 18px;
    padding-left: 20px;
}

/*서브-회사소개-인증현황*/
.sub01_cont04 {}
.sub01_cont04 ul {display: flex; flex-wrap: wrap; justify-content: center;}
.sub01_cont04 ul li {width: 25%; padding: 1%;}
.sub01_cont04 ul li.certificate-title{width: 100%; margin-top: 20px; color: #666;  background: #eaeaea; border-radius: 10px;}
.sub01_cont04 ul li.certificate-title h2{font-size: 20px; text-align: center;}
.sub01_cont04 ul li a {display: inline-block; height: 283px; width: 100%;}
.sub01_cont04 ul li:nth-child(1) a {background: url(../img/sub01_img03.png)no-repeat top center;}
.sub01_cont04 ul li:nth-child(2) a {background: url(../img/sub01_img04.png)no-repeat top center;}
.sub01_cont04 ul li:nth-child(3) a {background: url(../img/sub01_img05.png)no-repeat top center;}
.sub01_cont04 ul li:nth-child(4) a {background: url(../img/sub01_img06.png)no-repeat top center;}
.sub01_cont04 ul li p {font-size: 17px; font-weight: 500; color: #333; text-align: center;}

/*서브-회사소개-찾아오시는길*/
.sub01_cont05 {}
.sub01_cont05 .s1_c5_map {}
.sub01_cont05 .s1_c5_text {margin-top: 60px; overflow: hidden;}
.s1_c5_text table {width: 75%; float: left;}
.s1_c5_text table tr:first-child {border-top: 2px solid #963634;}
.s1_c5_text table tr:last-child {border-bottom: 1px solid #ddd;}
.s1_c5_text table tr th {font-weight: 500; font-size: 18px; color: #222; word-break: keep-all; width: 35%; text-align: center; padding: 5px;}
.s1_c5_text table tr td {font-weight: 400; font-size: 18px; color: #444; word-break: keep-all; padding-left: 20px;}
.s1_c5_text .s1_c5_img {width: 25%; float: right; text-align: center; padding-top: 35px;}

/*서브-연구개발*/
.s2_c1_wrap {display: flex; flex-wrap: wrap;}
.sub02_cont01 {}
.sub02_cont01 .s2_c1_text {background: #eee; border-radius: 10px; padding: 40px; margin-bottom: 20px;}
.sub02_cont01 .s2_c1_text h2 {font-size: 26px; font-weight: 700; line-height: 26px; color: #963634; margin-bottom: 15px; word-break: keep-all;}
.sub02_cont01 .s2_c1_text p {font-size: 17px; font-weight: 500; line-height: 30px; word-break: keep-all;}
.s2_c1_img {margin-top: 40px;}
.s2_c1_img h3 {font-size: 24px; font-weight: 600; color: #333; margin-bottom: 20px; text-align: center;}
.s2_c1_img .s2_c1_imgbox {text-align: center;}
.s2_c1_img .s2_c1_imgbox img {max-width: 100%;}

/*서브-제품소개*/
.sub03_cont01 {margin-bottom: 60px;}
.sub03_cont01 .s3_c1_text {padding: 45px; background: #f8f8f8; border-radius: 20px; margin-bottom: 60px;}
.sub03_cont01 .s3_c1_text h2 {font-size: 21px; font-weight: 600; color: #222; margin-bottom: 15px;}
.sub03_cont01 .s3_c1_text p {font-size: 19px; line-height: 36px; font-weight: 600; color: #444;}
.sub03_cont01 .s3_c1_table {overflow: hidden;}
.sub03_cont01 .s3_c1_table .s3_c1_img {width: 40%; float: left;}
.sub03_cont01 .s3_c1_table .s3_c1_img img {width: 80%;}
.sub03_cont01 .s3_c1_table table {width: 60%; float: right;}
.sub03_cont01 .s3_c1_table table tr:first-child {border-top: 2px solid #963634;}
.sub03_cont01 .s3_c1_table table tr {border-bottom: 1px solid #d1d1d1;}
.sub03_cont01 .s3_c1_table table tr th {font-size: 20px; font-weight: 600; padding: 15px; background: #f8f8f8;}
.sub03_cont01 .s3_c1_table table tr td {font-size: 17px; font-weight: 500; padding: 15px;}

/*서브-사업분야-주요고객*/
.sub07_box {}
.sub07_box ul {display: flex;  margin-bottom: 10px; column-gap: 10px;}
.sub07_box ul li {text-align: center; flex-grow: 1; width: 20%; padding: 10px; border: 1px solid #ccc; border-radius: 10px; display: flex; align-items: center; justify-content: center;}
.sub07_box ul li a {}
.sub07_box ul li a img {max-width: 100%;}

/*서브-납품실적*/
.sub04_cont01 {overflow-x: auto;}
.sub04_cont01 table {width: 100%;}
.sub04_cont01 table tr {text-align: center;}
.sub04_cont01 table tr:first-child {border-top: 2px solid #963634;}
.sub04_cont01 table tr:last-child{border-bottom: 1px solid #d1d1d1;}
.sub04_cont01 table tr:first-child th {background: #ddd;}
.sub04_cont01 table tr th {font-size: 18px; padding: 10px; font-weight: 500; color: #222; border-right: 1px solid #fff; background: #eee; vertical-align: baseline;}
.sub04_cont01 table tr td {padding: 10px; font-size: 16px; font-weight: 400; color: #555; border-right: 1px solid #d1d1d1;}
.sub04_cont01 table tr td:last-child {border-right: none;}

/*서브-채용안내*/
.sub05_cont01 {}
.sub05_cont01 ul {}
.sub05_cont01 ul li {padding: 20px 0 20px 140px; margin-bottom: 30px;}
.sub05_cont01 ul li:nth-child(1) {background: url(../img/sub05_img01.png)no-repeat center left;}
.sub05_cont01 ul li:nth-child(2) {background: url(../img/sub05_img02.png)no-repeat center left;}
.sub05_cont01 ul li:nth-child(3) {background: url(../img/sub05_img03.png)no-repeat center left;}
.sub05_cont01 ul li:nth-child(4) {background: url(../img/sub05_img04.png)no-repeat center left;}
.sub05_cont01 ul li h4 {font-size: 24px; font-weight: 700; color: #963634; margin-bottom: 10px;}
.sub05_cont01 ul li p {font-size: 18px; font-weight: 500; color: #444;}
.sub05_cont01 .s5_c1_text {margin-top: 60px; overflow: hidden;}
.sub05_cont01 .s5_c1_text .s5_c1_textbox {float: left; width: 50%; padding: 0 20px;}
.sub05_cont01 .s5_c1_text .s5_c1_textbox h3 {font-size: 25px; font-weight: 600; color: #963634; margin-bottom: 20px;}
.sub05_cont01 .s5_c1_text .s5_c1_textbox p {font-size: 17px; font-weight: 400; color: #555;}

.sub-gallery {
     margin: 0;
}

.sub-gallery .gbox h2{
    font-size: 20px;
    text-align: center;
    background: #eaeaea;
    padding: 10px;
    margin-bottom: 0;
}

.sub-gallery .gbox img{
    width: 100%;
    border: 1px solid #ccc;
    padding: 1%;
}

.custom-box{
    display: flex;
    flex-flow: column;
}

.custom-box img{
    flex-grow: 1;
}


@media (max-width: 1600px){
  .cont02_wrap .cont02_text {padding: 70px 100px 0px 100px;}
  .cont02_wrap .cont02_text h3 {font-size: 28px;}
  .cont02_wrap .cont02_text h2 {font-size: 30px;}

}

@media (max-width: 1400px){
  .cont02_wrap .cont02_text {padding: 50px 50px 0 50px;}
  .cont02_wrap .cont02_text h3 {font-size: 25px; word-break: keep-all;}
  .cont02_wrap .cont02_text h2 {font-size: 28px; word-break: keep-all;}
  .cont02_wrap .cont02_text h2 span {font-size: 30px;}
  .cont02_wrap .cont02_text p {font-size: 16px; line-height: 26px; word-break: keep-all;}
  .cont02_wrap .cont02_text a {font-size: 15px; padding: 10px 50px 10px 30px;}
}


@media (max-width: 1024px){
  .cont04_wrap h2 {padding-left: 10px; padding-right: 15px;}

  .sub01_cont04 ul li {width: 50%; margin-bottom: 30px;}

  .sub07_box ul li {padding-right: 60px;}
  .sub07_box ul:nth-child(4) li {padding-right: 90px;}

}

@media (max-width: 768px){
  .cont02 .cont02_wrap {height: inherit;}
  .cont02_wrap .cont02_img {display: none;}
  .cont02_wrap .cont02_text {width: 100%; padding: 50px;}

  .cont03 .cont03_wrap ul li {width: 50%;}

  .cont04_wrap h2 {font-size: 15px;}

  .sub01_cont01 .s1_c1_text h2 {font-size: 26px;}
  .sub01_cont01 .s1_c1_text p {font-size: 16px; margin-bottom: 10px;}
  /* .sub01_cont01 .s1_c1_text p:last-child {font-size: 22px;} */

  .s1_c5_text .s1_c5_img {display: none;}
  .s1_c5_text table {width: 100%;}

  .s2_c1_img .s2_c1_imgbox img {width: 100%;}

  .sub03_cont01 .s3_c1_text {padding: 30px;}
  .sub03_cont01 .s3_c1_text p {font-size: 17px; line-height: 30px;}
  .sub03_cont01 .s3_c1_table .s3_c1_img {width: 100%;}
  .sub03_cont01 .s3_c1_table .s3_c1_img img {width: 100%;}
  .sub03_cont01 .s3_c1_table table {width: 100%; margin-top: 50px;}

  .sub07_box ul {padding: 0;}
  .sub07_box ul li {width: 25%; padding-right: 0; padding: 15px 0;}
  .sub07_box ul:nth-child(4) li {padding-right: 0;}


}

@media (max-width: 570px){
  .cont02_wrap .cont02_text h3 {margin-bottom: 5px; font-size: 20px;}
  .cont02_wrap .cont02_text h2 {font-size: 25px; margin-bottom: 15px;}
  .cont02_wrap .cont02_text p {margin-bottom: 30px;}

  .cont03 .cont03_wrap ul li>a {padding: 50px 10px;}

  .cont04_wrap {position: relative;}
  .cont04_wrap h2 {float: inherit; display: block; text-align: center; font-size: 18px;}
  .cont04_wrap h2::after {display: none;}
  .cont04_wrap .cont04_box {width: 100%; padding-top: 20px;}
  .cont04_wrap .cont04_a {position: absolute; top: 0; right: 20px;}

  .sub01_cont01 .s1_c1_text h2 {font-size: 24px; line-height: 34px;}
  .sub01_cont01 .s1_c1_text h2 span {font-size: 30px;}

  .sub02_cont01 .s2_c1_text {padding: 30px;}
  .sub02_cont01 .s2_c1_text h2 {font-size: 23px;}
  .sub02_cont01 .s2_c1_text p {font-size: 15px; line-height: 24px;}
  .s2_c1_img h3 {font-size: 30px;}

  .sub03_cont01 .s3_c1_table table tr th {font-size: 18px; padding: 10px;}
  .sub03_cont01 .s3_c1_table table tr td {font-size: 16px; padding: 10px;}

  .sub04_cont01 table tr th {font-size: 16px; width: 20%; padding: 5px;}
  .sub04_cont01 table tr td {font-size: 14px; padding: 5px;}

  .sub05_cont01 ul li {padding: 0px 0 0px 120px;}
  .sub05_cont01 .s5_c1_text .s5_c1_textbox {padding: 0; width: 100%;}

  .sub07_box ul li {width: 50%; justify-content: center;}

}

@media (max-width: 450px){
  .cont03 .cont03_wrap ul li {width: 100%;}

  .sub01_cont04 ul li {width: 100%;}

  .sub07_box ul li {width: 100%;}

}

@media (max-width: 375px){
  .cont02_wrap .cont02_text h3 {font-size: 18px;}
  .cont02_wrap .cont02_text h2 {font-size: 22px;}
  .cont02_wrap .cont02_text p {font-size: 15px; line-height: 20px; font-weight: 400;}
}
