/*메인-PRODUCT*/
.cont01 {padding: 100px 0;}
.cont01 .cont01_wrap {max-width: 1500px; margin: 0 auto;}
.cont01 .cont01_wrap h2 {font-size: 44px; font-weight: 800; color: #111; text-align: center;}
.cont01 .cont01_bg {margin-top: 80px;}
.cont01 .cont01_bg ul {display: flex; flex-wrap: wrap;}
.cont01 .cont01_bg ul li {display: flex; flex-wrap: wrap; width: 33.33%; padding: 0 50px;}
.cont01 .cont01_bg .c1_img {box-shadow: 5px 5px 7px rgba(0,0,0,0.25);}
.cont01 .cont01_bg .c1_img img {max-width: 100%;}
.cont01 .cont01_bg .c1_text {width: 100%; margin-top: 35px;}
.cont01 .cont01_bg .c1_text .c1_tit {border-bottom: 1px solid #ddd; padding-bottom: 20px; padding-left: 40px; position: relative;}
.cont01 .cont01_bg .c1_text .c1_tit::before {position: absolute; content: ""; background: url(../img/icon01.png)no-repeat center; top: 5px; left: 10px; display: inline-block; width: 22px; height: 22px;}
.cont01 .cont01_bg .c1_text .c1_tit h3 {text-shadow: 2px 2px 3px rgba(0,0,0,0.15); color: #222; font-size: 26px; font-weight: 700;}
.cont01 .cont01_bg .c1_text .c1_tit h4 {font-size: 21px; font-weight: 500; color: #333; margin-top: 10px;}
.cont01 .cont01_bg .c1_text .c1_link {padding-top: 20px;}
.cont01 .cont01_bg .c1_text .c1_link a {font-size: 16px; font-weight: 300; color: #666; display: block; width: 100%; text-align: right;}
.cont01 .cont01_bg ul li:hover {margin-top: -15px; transition: 0.3s ease-out;}
.cont01 .cont01_bg ul li:hover .c1_text .c1_link a {color: #1949a0; font-weight: 400;}

/*메인-회사소개*/
.cont02 {padding: 50px 0 150px;}
.cont02 .cont02_wrap {max-width: 1920px; margin: 0 auto;}
.cont02 ul {position: relative;}
.cont02 ul li:nth-child(1) {position: absolute; top: 0; left: 0; z-index: 10;}
.cont02 ul li:nth-child(2) {display: flex; justify-content: flex-end; padding-top: 80px;}
.cont02 ul li .c2_img {}
.cont02 ul li .c2_img img {max-width: 100%;}
.cont02 ul li .c2_box {background: #1949a0; width: 65%;}
.cont02 ul li .c2_box .c2_text {padding: 90px 0 140px 480px;}
.cont02 ul li .c2_box .c2_text h3 {font-size: 18px; font-weight: 600; color: #fff372; margin-bottom: 15px;}
.cont02 ul li .c2_box .c2_text h2 {font-size: 40px; font-weight: 300; color: #fff; line-height: 60px; margin-bottom: 30px; word-break: keep-all;}
.cont02 ul li .c2_box .c2_text h2 span {font-weight: 700;}
.cont02 ul li .c2_box .c2_text p {font-size: 22px; font-weight: 400; color: #fff; line-height: 36px; width: 90%; word-break: keep-all; margin-bottom: 80px;}
.cont02 ul li .c2_box .c2_text a {font-size: 18px; font-weight: 300; color: #fff; border: 2px solid #fff; border-radius: 50px; padding: 15px 35px;}
.cont02 ul li .c2_box .c2_text a:hover {background: #fff; transition: 0.4s ease; color: #1949a0; font-weight: 500;}

/*메인-고객센터*/
.cont03 {padding: 100px 0; background: url(../img/cont03_bg.png)no-repeat top center/cover;}
.cont03 .cont03_wrap {max-width: 1400px; margin: 0 auto;}
.cont03 ul {display: flex; flex-wrap: wrap;}
.cont03 ul li {display: flex; flex-wrap: wrap;}
.cont03 ul li:nth-child(1) {width: 43%;}
.cont03 ul li:nth-child(2) {width: 57%;}
.cont03 ul li .c3_text {background: #1949a0; padding: 50px 25px;}
.cont03 ul li .c3_text h2 {font-size: 34px; font-weight: 600; color: #fff; padding-left: 25px; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #fff;}
.cont03 ul li .c3_text .c3_textwrap {display: flex; flex-wrap: wrap;}
.cont03 ul li .c3_text .c3_textwrap .c3_twrap:nth-child(1) {padding: 0 0 0 25px; display: flex; flex-wrap: wrap;}
.cont03 ul li .c3_text .c3_textwrap .c3_twrap:nth-child(2) {padding: 0; text-align: center;}
.cont03 ul li .c3_text a {font-size: 20px; font-weight: 500; color: #fff; line-height: 40px;}
.cont03 ul li .c3_text p {font-size: 20px; font-weight: 500; color: #fff; line-height: 40px;}
.cont03 ul li .c3_text a span {font-size: 25px; font-weight: 800;}
.cont03 ul li .c3_text p span {font-size: 25px; font-weight: 800;}
.cont03 ul li .c3_text img {max-width: 100%;}
.cont03 ul li .c3_iconwrap {display: flex; flex-wrap: wrap; padding: 75px 0; width: 100%;}
.cont03 ul li .c3_iconwrap .c3_icon {display: flex; flex-wrap: wrap; width: 25%; justify-content: center;}
.cont03 ul li .c3_iconwrap .c3_icon:hover {margin-top: -15px; transition: 0.4s ease;}
.cont03 ul li .c3_iconwrap .c3_icon a {text-align: center;}
.cont03 ul li .c3_iconwrap .c3_icon img {max-width: 100%;}
.cont03 ul li .c3_iconwrap .c3_icon p {font-size: 22px; font-weight: 600; color: #fff; margin-top: 30px;}

/*서브-회사소개-인사말*/
#s1_c1 {position: relative;}
#s1_c1::after {position: absolute; content: ""; background: #f6f6f6; width: 100%; height: 100%; top: 32%; left: 0; z-index: -1;}
.sub01_cont01 {}
.sub01_cont01 ul {display: flex; flex-wrap: wrap;}
.sub01_cont01 ul li {padding: 0;}
.sub01_cont01 .s1_c1_text {padding-right: 60px;}
.sub01_cont01 .s1_c1_text h3 {font-size: 18px; font-weight: 500; color: #1949a0; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #d1d1d1; width: 100%;}
.sub01_cont01 .s1_c1_text h2 {font-size: 30px; font-weight: 800; color: #222; line-height: 40px; word-break: keep-all; margin-bottom: 50px;}
.sub01_cont01 .s1_c1_text h2 span {font-size: 32px; color: #1949a0;}
.sub01_cont01 .s1_c1_text p {font-size: 16px; font-weight: 300; color: #555; word-break: keep-all; line-height: 30px; margin-bottom: 20px;}
.sub01_cont01 .s1_c1_text p:last-child {font-size: 20px; font-weight: 600; color: #1949a0; text-align: right; margin-top: 50px;}
.sub01_cont01 .s1_c1_img {}
.sub01_cont01 .s1_c1_img img {max-width: 100%;}

/*서브-회사소개-오시는길*/
.sub01_cont02 {display: flex; flex-wrap: wrap;}
.sub01_cont02 .s1_c2_table {}
.sub01_cont02 .s1_c2_img {text-align: center; margin: 50px 0;}
.sub01_cont02 .s1_c2_img img {max-width: 100%;}
.s1_c2_table table {width: 100%;}
.s1_c2_table table tr:nth-child(1) {border-top: 2px solid #192f7f;}
.s1_c2_table table tr {border-bottom: 1px solid #ddd;}
.s1_c2_table table tr th {font-size: 17px; font-weight: 600; color: #1949a0; padding: 10px; background: #f7f7f7; border-right: 1px solid #ddd; 20%;}
.s1_c2_table table tr td {font-size: 17px; font-weight: 500; color: #444; padding: 10px;}

/*서브-보유기계*/
.sub02_cont01 {display: flex; flex-wrap: wrap;}
.sub02_cont01 .s2_c1_box {padding: 0 30px; margin-bottom: 80px;}
.s2_c1_box h3 {font-size: 24px; font-weight: 600; color: #222; padding-bottom: 15px; padding-left: 20px; position: relative; border-bottom: 1px solid #ddd; margin-bottom: 40px; width: 100%; word-break: keep-all;}
.s2_c1_box h3::before {position: absolute; content: ""; background: #1949a0; width: 5px; height: 29px; display: inline-block; top: 9px; left: 0;}
.s2_c1_box .s2_c1_img {text-align: center; position: relative;}
.s2_c1_box:nth-child(1) .s2_c1_img::after {position: absolute; content: ""; background: #2667dc; z-index: -1; width: 70%; height: 250px; top: 100px; right: 0;}
.s2_c1_box:nth-child(2) .s2_c1_img::after {position: absolute; content: ""; background: #2667dc; z-index: -1; width: 70%; height: 450px; top: 120px; right: 0;}
.s2_c1_box:nth-child(3) .s2_c1_img::after {position: absolute; content: ""; background: #2667dc; z-index: -1; width: 60%; height: 300px; top: 120px; right: 13%;}
.s2_c1_box .s2_c1_img img {max-width: 70%; box-shadow: 3px 3px 7px rgba(0,0,0,0.3);}
.s2_c1_box .s2_c1_table {}
.s2_c1_box .s2_c1_table table {width: 100%;}
.s2_c1_box .s2_c1_table table tr {border-bottom: 1px solid #ddd;}
.s2_c1_box .s2_c1_table table tr:first-child {border-top: 2px solid #1949a0;}
.s2_c1_box .s2_c1_table table tr:last-child {border-bottom: 2px solid #333;}
.s2_c1_box .s2_c1_table table tr th {font-size: 17px; font-weight: 600; color: #222; background: #f7f7f7; padding: 10px; border-right: 1px solid #ddd; text-align: center;}
.s2_c1_box .s2_c1_table table tr td {font-size: 17px; font-weight: 500; color: #222; padding: 10px; border-right: 1px solid #ddd; text-align: center;}
.s2_c1_box .s2_c1_table table tr td:last-child {border-right: none;}

/*서브-제품소개*/
.sub03_cont01 {}
.sub03_cont01 ul {padding-bottom: 30px; border-bottom: 1px solid #ddd; margin-bottom: 40px; display: flex; flex-wrap: wrap;}
.sub03_cont01 ul li {text-align: center;}
.sub03_cont01 ul li img {max-width: 100%;}

/*서브-제품사양*/
.sub04_cont01 {display: flex; flex-wrap: wrap;}
.sub04_cont01 .s4_b1 {margin-bottom: 60px; padding: 0 30px;}
.s4_b1 h3 {font-size: 24px; font-weight: 600; color: #222; padding-bottom: 15px; padding-left: 20px; position: relative; border-bottom: 1px solid #ddd; margin-bottom: 40px; width: 100%; word-break: keep-all;}
.s4_b1 h3::before {position: absolute; content: ""; background: #1949a0; width: 5px; height: 29px; display: inline-block; top: 9px; left: 0;}
.s4_b1 .s4_b1_table {}
.s4_b1 .s4_b1_table table {width: 100%;}
.s4_b1 .s4_b1_table table tr {border-bottom: 1px solid #ddd;}
.s4_b1 .s4_b1_table table tr:nth-child(1) {border-top: 2px solid #1949a0;}
.s4_b1 .s4_b1_table table tr th {font-size: 17px; font-weight: 600; color: #555; padding: 10px; text-align: center; background: #f7f7f7; border-right: 1px solid #ddd;}
.s4_b1 .s4_b1_table table tr th:last-child {border-right: none;}
.s4_b1 .s4_b1_table table tr td {font-size: 17px; font-weight: 500; color: #555; padding: 10px; text-align: center;}


@media screen and (max-width: 1600px){
  .cont01 {padding: 60px 0;}
  .cont01 .cont01_wrap h2 {font-size: 36px;}
  .cont01 .cont01_bg {margin-top: 40px;}
  .cont01 .cont01_bg ul li {padding: 0 20px;}
  .cont01 .cont01_bg .c1_text {margin-top: 15px;}
  .cont01 .cont01_bg .c1_text .c1_tit::before {top: 2px;}
  .cont01 .cont01_bg .c1_text .c1_tit h3 {font-size: 23px;}
  .cont01 .cont01_bg .c1_text .c1_tit h4 {font-size: 18px;}
  .cont01 .cont01_bg .c1_text .c1_link {padding-top: 10px;}
  
  .cont02 ul li:nth-child(1) {top: -50px;}
  .cont02 ul li:nth-child(2) {padding-top: 120px;}
  .cont02 ul li .c2_img img {max-width: 60%;}
  .cont02 ul li .c2_box {width: 100%;}
  .cont02 ul li .c2_box .c2_text {padding: 230px 0 60px 100px;}
  .cont02 ul li .c2_box .c2_text h2 {font-size: 36px; line-height: 50px; margin-bottom: 20px;}
  .cont02 ul li .c2_box .c2_text p {margin-bottom: 50px; font-size: 20px; line-height: 28px;}
  .cont02 ul li .c2_box .c2_text a {font-size: 17px; padding: 15px 30px;}
  
  .s2_c1_box h3 {font-size: 20px;}
  
  .s4_b1 h3 {font-size: 20px;}
  
}


@media screen and (max-width: 1024px){
  .cont01 .cont01_bg ul li {margin-bottom: 40px; width: 50%;}
  
  .cont02 ul li .c2_img img {max-width: 100%;}
  .cont02 ul li:nth-child(1) {position: inherit; top: 0;}
  .cont02 ul li:nth-child(2) {padding-top: 0px;}
  .cont02 ul li .c2_box .c2_text {padding: 60px 0 60px 50px;}
  .cont02 ul li .c2_box .c2_text h2 {font-size: 30px; line-height: 42px;}
  .cont02 ul li .c2_box .c2_text p {font-size: 18px; line-height: 24px;}
  .cont02 ul li .c2_box .c2_text a {font-size: 16px; padding: 10px 20px;}
  
  .cont03 {padding: 60px 0;}
  .cont03 ul li:nth-child(1) {width: 100%; padding: 0 20px;}
  .cont03 ul li:nth-child(2) {width: 100%;}
  
  .sub01_cont01 .s1_c1_img {text-align: center;}
  .sub01_cont01 .s1_c1_text {padding-right: 0;}
  
  .s2_c1_box:nth-child(1) .s2_c1_img::after {height: 150px;}
  .s2_c1_box:nth-child(2) .s2_c1_img::after {height: 300px;}
  .s2_c1_box:nth-child(3) .s2_c1_img::after {width: 65%; height: 220px; right: 10%;}
}

@media screen and (max-width: 768px){
  .cont01 .cont01_bg ul li {width: 100%; justify-content: center;}
  
  .cont03 ul li .c3_text img {display: none;}
  .cont03 ul li:nth-child(2) {padding: 0 20px;}
  .cont03 ul li .c3_iconwrap .c3_icon {margin-bottom: 20px; width: 50%;}
  .cont03 ul li .c3_iconwrap {padding: 30px 0 0;}
  
  .sub01_cont01 .s1_c1_text h2 {font-size: 25px; margin-bottom: 20px;}
  .sub01_cont01 .s1_c1_text h2 span {font-size: 28px;}
  .sub01_cont01 .s1_c1_text p:last-child {margin-top: 20px;}
  
  .s2_c1_box:nth-child(1) .s2_c1_img::after {display: none;}
  .s2_c1_box:nth-child(2) .s2_c1_img::after {display: none;}
  .s2_c1_box:nth-child(3) .s2_c1_img::after {display: none;}
  
  .sub03_cont01 ul li {margin-bottom: 20px;}
  
  
  
}

@media screen and (max-width: 575px){
  .cont03 ul li .c3_text h2 {font-size: 28px; padding-left: 0; margin-bottom: 15px;}
  .cont03 ul li .c3_text .c3_textwrap .c3_twrap:nth-child(1) {padding: 0;}
  .cont03 ul li .c3_text a span {font-size: 23px;}
  .cont03 ul li .c3_text p span {font-size: 23px;}
  
  
  
  
  .s4_b1 .s4_b1_table {overflow-x: auto;}
  
}

@media screen and (max-width: 450px){
  
  
  
}