/*메인-공통사항*/
.main_cont_wrap {max-width: 1600px; margin: 0 auto;}

/*메인-성능배너*/
.cont01 {padding: 100px 0;}
.cont01 .cont01_wrap {margin-bottom: 100px;}
.cont01 .c1_box {}
.cont01 .c1_box ul {display: flex; flex-wrap: wrap;}
.cont01 .c1_box ul li {display: flex; flex-wrap: wrap; width: 20%; justify-content: center;}
.cont01 .c1_box .c1_box_wrp {text-align: center;}
.cont01 .c1_box .c1_box_wrp p {font-size: 28px; color: #222; font-weight: 600; margin-bottom: 30px;}
.cont01 .c1_box .c1_box_wrp img {max-width: 100%; margin-bottom: 30px;}
.cont01 .c1_box .c1_box_wrp h3 {font-size: 42px; color: #222; font-weight: 800; margin-bottom: 30px; position: relative;}
.cont01 .c1_box .c1_box_wrp h3::after {content: ""; position: absolute; background: #77bf82; width: 30px; height: 4px; bottom: 0; left: 50%; transform: translateX(-50%);}
.cont01 .c1_box .c1_box_wrp h4 {font-size: 17px; line-height: 26px; color: #666; font-weight: 400; word-break: keep-all;}

.cont01 .cont01_wrap2 {padding: 0 50px; margin-bottom: 20px;}
.cont01 .c1_box .c1_text {width: 50%; padding: 0 50px;}
.cont01 .c1_box .c1_text .c1_text_wrp {border-top: 4px solid #77bf82; border-bottom: 2px solid #77bf82; padding: 40px 50px 40px 40px; text-shadow: 2px 2px 4px rgba(0,0,0,0.1); word-break: keep-all; width: 100%; position: relative;}
.cont01 .c1_box .c1_text .c1_text_wrp h2 {font-size: 30px; font-weight: 700; color: #222; line-height: 40px; margin-bottom: 25px;}
.cont01 .c1_box .c1_text .c1_text_wrp h3 {font-size: 24px; font-weight: 500; color: #222; line-height: 32px; margin-bottom: 15px;}
.cont01 .c1_box .c1_text .c1_text_wrp p {font-size: 20px; font-weight: 400; color: #666; line-height: 30px; padding-bottom: 220px;}
.cont01 .c1_box .c1_text .c1_text_wrp img {max-width: 100%; filter: drop-shadow(3px 3px 5px rgba(119,191,130,0.2));}
.cont01 .c1_box .c1_text .c1_text_wrp::after {position: absolute; content: ""; background: url(../img/cont01_img01.png)no-repeat top center/cover; width: 286px; height: 400px; bottom: -40px; right: 40px; z-index: 1; box-shadow: 5px 5px 9px rgba(0,0,0,0.3);}
.cont01 .c1_box .c1_text:last-child .c1_text_wrp::after {background: url(../img/cont01_img02.png)no-repeat top center/cover;}

/*메인-제품소개*/
.cont02 {padding: 100px 0; background: #f9f9fb;}
.cont02 .main_cont_wrap {max-width: 1650px;}
.cont02 h2 {font-size: 44px; font-weight: 600; color: #111; margin-bottom: 50px; text-align: center;}
.cont02 .c2_box {}
.cont02 .c2_box ul {display: flex; flex-wrap: wrap;}
.cont02 .c2_box ul li {display: flex; padding: 0 25px; margin-bottom: 180px;}
.cont02 .c2_box ul li:last-child {margin-bottom: 0;}
.cont02 .c2_box ul li .c2_img {position: relative; width: 100%;}
.cont02 .c2_box ul li .c2_img img {max-width: 100%;}
.cont02 .c2_box ul li .c2_img .c2_text {background: #fff; padding: 40px 30px; position: absolute; bottom: -120px; left: 0; width: 80%;}
.cont02 .c2_box ul li:last-child .c2_img .c2_text {width: 30%; right: 0; bottom: 0; left: inherit;}
.cont02 .c2_box ul li .c2_img .c2_text h3 {font-size: 26px; font-weight: 500; color: #222; margin-bottom: 20px; word-break: keep-all;}
.cont02 .c2_box ul li .c2_img .c2_text p {font-size: 18px; line-height: 26px; font-weight: 400; color: #444; margin-bottom: 40px; word-break: keep-all;}
.cont02 .c2_box ul li .c2_img .c2_text a {font-size: 18px; font-weight: 500; color: #77bf82; text-align: right; display: block;}
.cont02 .c2_box ul li .c2_img .c2_text:hover {background: #77bf82; transition: 0.3s ease-in;}
.cont02 .c2_box ul li .c2_img .c2_text:hover h3 {color: #fff; transition: 0.3s ease-in;}
.cont02 .c2_box ul li .c2_img .c2_text:hover p {color: #fff; transition: 0.3s ease-in;}
.cont02 .c2_box ul li .c2_img .c2_text:hover a {color: #fff; transition: 0.3s ease-in;}

/*메인-공지사항*/
.cont03 {padding: 100px 0; background: url(../img/cont03_bg.png)no-repeat top center/cover;}
.cont03 .c3_box {}
.cont03 .c3_box ul {display: flex; flex-wrap: wrap;}
.cont03 .c3_box ul li {display: flex; flex-wrap: wrap; padding: 0 0 0 50px;}
.cont03 .c3_box ul li:first-child {padding: 0 50px 0 0;}
.cont03 .c3_box ul li .c3_text {padding: 25px 30px; width: 100%;}
.cont03 .c3_box ul li .c3_text .c3_h3 {font-size: 28px; font-weight: 600; color: #fff; display: inline-block; margin-bottom: 0; margin-top: 15px;}
.cont03 .c3_box ul li .c3_text .c3_a {background: url(../img/more.png)no-repeat top center; width: 51px; height: 51px; display: inline-block; float: right;}
.cont03 .c3_box ul li .c3_bg {padding: 40px 30px; background: #77bf82;}
.cont03 .c3_box ul li:last-child .c3_bg {background: none; border: 2px solid #77bf82;}
.cont03 .c3_box ul li .c3_h3 {font-size: 28px; font-weight: 600; color: #fff; margin-bottom: 40px;}
.cont03 .c3_box ul li .c3_p {font-size: 18px; font-weight: 400; color: #fff; word-break: keep-all; line-height: 30px; margin-bottom: 95px;}
.cont03 .c3_box ul li .c3_a {font-size: 18px; font-weight: 500; color: #fff; display: block; text-align: right;}
.cont03 .c3_box ul li .c3_output {width: 100%; border-top: 3px solid #77bf82;}
.cont03 .board_output_8_tr {border-bottom: 1px solid #ddd; line-height: 80px; height: 80px;}
.cont03 .board_output_8_tr td:first-child {display: none;}
.cont03 .board_output_8_tr td {font-size: 20px !important; color: #fff !important;}
.cont03 .board_output_8_tr .bd_out1 {padding-left: 30px;}
.cont03 .board_output_8_tr .bd_out1 a {font-size: 20px !important; color: #fff !important;}

.cont03 .board_output_10_tr {border-bottom: 1px solid #ddd; line-height: 80px; height: 80px;}
.cont03 .board_output_10_tr td:first-child {display: none;}
.cont03 .board_output_10_tr td {font-size: 20px !important; color: #fff !important;}
.cont03 .board_output_10_tr .bd_out1 {padding-left: 30px;}
.cont03 .board_output_10_tr .bd_out1 a {font-size: 20px !important; color: #fff !important;}

/*메인-온라인문의*/
.cont04 {padding: 100px 0; background: #4a4a4a;}
.cont04 ul {display: flex; flex-wrap: wrap;}
.cont04 ul li {display: flex;}
.cont04 ul li:first-child {padding: 0 50px 0 0;}
.cont04 ul li:last-child {padding: 0 0px 0 50px;}
.cont04 ul li .c4_box {width: 100%; padding-top: 10px;}
.cont04 ul li .c4_box .c4_text {margin-bottom: 40px;}
.cont04 ul li .c4_box .c4_text:last-child {background: #77bf82; text-align: center; line-height: 65px; height: 65px; transition: 0.3s ease; margin-bottom: 0; border: 2px solid #77bf82;}
.cont04 ul li .c4_box .c4_text:last-child:hover {background: none; border: 2px solid #77bf82; transition: 0.3s ease;}
.cont04 ul li .c4_box .c4_text span {width: 30px; padding-right: 40px; vertical-align: middle;}
.cont04 ul li .c4_box .c4_text span img {max-width: 100%;}
.cont04 ul li .c4_box .c4_text h3 {width: 20%; font-size: 20px; color: #fff; font-weight: 500; display: inline-block; vertical-align: middle;}
.cont04 ul li .c4_box .c4_text a {font-size: 24px; font-weight: 600; color: #fff; vertical-align: middle;}
.cont04 ul li .c4_box .c4_text:first-child a {font-size: 30px; font-weight: 600; color: #77bf82;}
.cont04 ul li .c4_box .c4_text:last-child a {font-size: 20px; font-weight: 500; color: #fff; display: block;}
.cont04 ul li .c4_box .c4_text:last-child:hover a {color: #fff; transition: 0.3s ease;}
.cont04 ul li .c4_box .c4_text p {font-size: 24px; font-weight: 600; color: #fff; display: inline-block; vertical-align: middle; width: 65%;}
.cont04 ul li .c4_map {width: 100%;}

/*서브-인사말*/
.s1_c1 {}
.s1_c1 ul {display: flex; flex-wrap: wrap;}
.s1_c1 ul li {}
.s1_c1 ul li .s1_c1_text {}
.s1_c1 ul li .s1_c1_text h2 {font-size: 25px; font-weight: 500; color: #222; word-break: keep-all; line-height: 40px; margin-bottom: 10px;}
.s1_c1 ul li .s1_c1_text h2 span {font-size: 30px; font-weight: 600; color: #77bf82;}
.s1_c1 ul li .s1_c1_text h3 {font-size: 22px; font-weight: 500; color: #333; word-break: keep-all; line-height: 30px; margin-bottom: 40px;}
.s1_c1 ul li .s1_c1_text p {font-size: 17px; line-height: 28px; font-weight: 400; color: #666; word-break: keep-all; margin-bottom: 15px;}
.s1_c1 ul li .s1_c1_text p:last-child {font-size: 20px; font-weight: 600; color: #444; text-align: right;}

/*서브-오시는길*/
.s1_c2_box .locaate-logo img {margin-right: 15px;}

/*서브-제품소개*/
.s2_c1 {}
.s2_c1 .s2_c1_box {display: flex; flex-wrap: wrap; width: 100%;}
.s2_c1 .s2_c1_img {position: relative;}
.s2_c1 .s2_c1_img::before {position: absolute; content: ""; background: #77bf82; width: 75%; height: 92%; top: 30px; left: 40px; z-index: -1;}
.s2_c1 .s2_c1_img img {max-width: 100%;}
.s2_c1 .s2_c1_text {}
.s2_c1 .s2_c1_text .s2_c1_tit {margin-bottom: 40px; padding-bottom: 60px; border-bottom: 1px solid #ddd;}
.s2_c1 .s2_tit_h2 {font-size: 26px; font-weight: 600; color: #77bf82; line-height: 40px; word-break: keep-all; margin-bottom: 25px; width: 100%;}
.s2_c1 .s2_tit_h3 {font-size: 19px; font-weight: 500; color: #222; line-height: 30px; word-break: keep-all; margin-bottom: 15px; display: block;}
.s2_c1 .s2_tit_h4 {font-size: 17px; font-weight: 400; color: #666; line-height: 26px; word-break: keep-all; display: block; margin-bottom: 10px;}
.s2_c1 .s2_c1_text .s2_c1_color {}
.s2_c1 .s2_c1_text .s2_c1_color ul {display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.s2_c1 .s2_c1_text .s2_c1_color ul li {margin-bottom: 40px;}


@media screen and (max-width: 1200px){
  .cont01 .c1_box .c1_text .c1_text_wrp::after {right: -40px;}

  .cont04 ul li:first-child {padding: 0 20px 0 0;}
  .cont04 ul li:last-child {padding: 0 0px 0 20px;}
}

@media screen and (max-width: 1024px){
  .cont01, .cont02, .cont03, .cont04 {padding: 50px 0;}
  .cont01 .cont01_wrap {margin-bottom: 0;}
  .cont01 .c1_box ul {justify-content: center;}
  .cont01 .c1_box ul li {margin-bottom: 40px; width: 33.33%;}
  .cont01 .c1_box .c1_box_wrp img {margin-bottom: 10px;}
  .cont01 .c1_box .c1_box_wrp h3 {font-size: 30px; margin-bottom: 20px;}

  .cont01 .cont01_wrap2 {padding: 0;}
  .cont01 .c1_box .c1_text {padding: 0 20px;}
  .cont01 .c1_box .c1_text .c1_text_wrp::after {width: 188px; height: 263px; right: 40px;}
  .cont01 .c1_box .c1_text .c1_text_wrp h2 {font-size: 26px; margin-bottom: 0px;}
  .cont01 .c1_box .c1_text .c1_text_wrp h3 {font-size: 20px; margin-bottom: 10px;}
  .cont01 .c1_box .c1_text .c1_text_wrp img {display: none;}
  .cont01 .c1_box .c1_text .c1_text_wrp p {font-size: 16px; line-height: 26px;}

  .cont02 h2 {font-size: 36px; margin-bottom: 30px;}
  .cont02 .c2_box ul li .c2_img .c2_text {padding: 30px 20px; width: 90%;}
  .cont02 .c2_box ul li .c2_img .c2_text h3 {font-size: 22px; margin-bottom: 10px;}
  .cont02 .c2_box ul li .c2_img .c2_text p {font-size: 16px; margin-bottom: 40px;}
  .cont02 .c2_box ul li .c2_img .c2_text a {font-size: 15px;}

  .cont03 .c3_box ul li:first-child {padding: 0 20px; margin-bottom: 50px;}
  .cont03 .c3_box ul li:last-child {padding: 0 20px;}
  .cont03 .c3_box ul li {padding: 0 20px;}
  .cont03 .c3_box ul li .c3_text .c3_h3 {font-size: 26px;}
  .cont03 .c3_box ul li .c3_h3 {font-size: 26px;}
  .cont03 .board_output_8_tr .bd_out1 a {font-size: 18px !important;}
  .cont03 .board_output_8_tr td {font-size: 18px !important;}
  .cont03 .c3_box ul li .c3_a {font-size: 16px;}

  .cont04 ul li .c4_box .c4_text span {padding-right: 30px;}
  .cont04 ul li .c4_box .c4_text h3 {width: 17%; font-size: 18px;}
  .cont04 ul li .c4_box .c4_text:first-child a {font-size: 26px;}
  .cont04 ul li .c4_box .c4_text a {font-size: 20px;}
  .cont04 ul li .c4_box .c4_text p {font-size: 20px;}
  .cont04 ul li .c4_box .c4_text:last-child a {font-size: 18px;}

  .s2_c1 .s2_c1_img {margin-bottom: 70px; text-align: center;}
  .s2_c1 .s2_c1_img::before {width: 55%; height: 100%; left: 30%;}
  .s2_c1 .s2_c1_text .s2_c1_tit {padding-bottom: 10px; margin-bottom: 20px;}
  .s2_c1 .s2_tit_h2 {font-size: 23px; margin-bottom: 15px;}
  .s2_c1 .s2_tit_h3 {font-size: 17px; margin-bottom: 5px;}
  .s2_c1 .s2_tit_h4 {font-size: 15px;}
}

@media screen and (max-width: 768px){
  .cont01 .c1_box .c1_text {width: 100%; margin-bottom: 100px;}
  .cont01 .c1_box .c1_text .c1_text_wrp {padding: 30px;}
  .cont01 .c1_box .c1_text .c1_text_wrp img {display: block;}
  .cont01 .c1_box .c1_text .c1_text_wrp p {padding-bottom: 50px;}

  .cont02 .c2_box ul li .c2_img {text-align: center;}
  .cont02 .c2_box ul li .c2_img .c2_text {width: 60%; left: 50%; transform: translateX(-50%); text-align: left;}
  .cont02 .c2_box ul li:last-child {margin-bottom: 180px;}
  .cont02 .c2_box ul li:last-child .c2_img .c2_text {right: inherit; left: 50%; width: 90%; bottom: -120px;}

  .cont03 .c3_box ul li {margin-bottom: 40px;}
  .cont03 .c3_box ul li .c3_bg {width: 100%;}

  .cont04 ul li {margin-bottom: 40px;}
  .cont04 ul li:first-child {padding: 0 20px;}
  .cont04 ul li:last-child {padding: 0 20px;}

  .s1_c1 ul li:last-child {text-align: center; margin-top: 50px;}
  .s1_c1 ul li .s1_c1_text h2 {font-size: 22px; margin-bottom: 0;}
  .s1_c1 ul li .s1_c1_text h2 span {font-size: 25px;}
  .s1_c1 ul li .s1_c1_text h3 {font-size: 20px; margin-bottom: 20px;}
  .s1_c1 ul li .s1_c1_text p:last-child {font-size: 18px !important;}

  .s2_c1 .s2_c1_img::before {width: 62%;}


  /*영문*/
  .cont01.eng_main .c1_box .c1_text .c1_text_wrp::after {bottom: -65px;}

}

@media screen and (max-width: 575px){
  .cont01 .c1_box .c1_box_wrp p {font-size: 20px; margin-bottom: 10px;}
  .cont01 .c1_box .c1_box_wrp h3 {font-size: 25px;}
  .cont01 .c1_box .c1_box_wrp h4 {font-size: 16px; line-height: 24px;}

  .cont01 .c1_box .c1_text {padding: 0 10px; margin-bottom: 50px;}
  .cont01 .c1_box .c1_text .c1_text_wrp h2 {font-size: 22px; width: 65%;}
  .cont01 .c1_box .c1_text .c1_text_wrp h3 {font-size: 18px; width: 65%;}
  .cont01 .c1_box .c1_text .c1_text_wrp p { width: 65%;}
  .cont01 .c1_box .c1_text .c1_text_wrp img {display: none;}
  .cont01 .c1_box .c1_text .c1_text_wrp::after {width: 120px; height: 168px; bottom: 20px; right: 30px;}

  .cont02 h2 {font-size: 28px;}
  .cont02 .c2_box ul li .c2_img .c2_text {width: 90%;}
  .cont02 .c2_box ul li:last-child .c2_img .c2_text {bottom: -160px;}

  .cont03 .c3_box ul li .c3_text {padding: 10px 0;}
  .cont03 .board_output_8_tr .bd_out1 {padding-left: 0;}
  .cont03 .board_output_8_tr .bd_out1 a {font-size: 16px !important;}
  .cont03 .board_output_8_tr td {font-size: 16px !important;}

  .cont04 ul li .c4_box .c4_text span {padding-right: 15px;}
  .cont04 ul li .c4_box .c4_text h3 {font-size: 16px; width: 50%;}
  .cont04 ul li .c4_box .c4_text:first-child a {display: block; margin-top: 20px;}
  .cont04 ul li .c4_box .c4_text a {display: block; margin-top: 20px;}
  .cont04 ul li .c4_box .c4_text p {display: block; margin-top: 20px; width: 80%;}
  .cont04 ul li .c4_box .c4_text:last-child a {font-size: 16px; margin-top: 0;}

  .s2_c1 .s2_c1_img::before {width: 90%; left: 10%;}


  /*영문*/
  .cont01.eng_main .c1_box .c1_text .c1_text_wrp::after {bottom: 10px;}
  .cont01.eng_main .c1_box .c1_text .c1_text_wrp h3 {width: 100%;}

  .cont04.eng_main ul li .c4_box .c4_text p {width: 100%;}
}

@media screen and (max-width: 450px){
  .cont01 .c1_box ul li {width: 50%;}

  .cont01 .c1_box .c1_text .c1_text_wrp {padding: 20px;}
  .cont01 .c1_box .c1_text .c1_text_wrp h2 {width: 100%;}
  .cont01 .c1_box .c1_text .c1_text_wrp h3 {width: 50%;}
  .cont01 .c1_box .c1_text .c1_text_wrp p {width: 50%;}
}

@media screen and (max-width: 375px){
  .glist3t {margin-top: 150px;}

}