/*메인-사이드배너*/
.banner {background: #009944; position: fixed; top: 220px; right: 0; z-index: 9999;}
.banner.none {display: none;}
.banner .banner_wrap {padding: 20px 10px;}
.banner_wrap h2 {text-align: center; font-size: 17px; font-weight: 500; color: #fff; margin-bottom: 20px; position: relative;}
.banner_wrap h2 .c_btn {position: absolute; top: -2px; right: 0;}
.banner_wrap h2 .bi {font-size: 16px; font-weight: 500; color: #fff;}
.banner_wrap .b_box {text-align: center; border-bottom: 1px solid #009944; padding: 30px 15px; background: #fff;}
.banner_wrap .b_box h3 {font-size: 18px; font-weight: 500; color: #222; margin-bottom: 10px;}
.banner_wrap .b_box p {font-size: 15px; font-weight: 500; color: #555; line-height: 20px; letter-spacing: -0.05em;}
.banner_wrap .b_box a {font-size: 15px; font-weight: 500; color: #555; line-height: 20px; letter-spacing: -0.05em;}

/*메인-배너*/
.cont01 {padding: 100px 0;}
.cont01 .cont01_wrap {max-width: 1400px; margin: 0 auto;}
.cont01_wrap .cont01_box {}
.cont01_wrap .cont01_box ul {display: flex; flex-wrap: wrap;}
.cont01_wrap .cont01_box ul li {display: flex; width: 25%; align-items: center; height: 90px; border: 2px solid #ddd; justify-content: center;}
.cont01_wrap .cont01_box ul li:hover {background: rgba(29,32,136,0.1); transition: 0.3s ease-in;}
.cont01_wrap .cont01_box ul li a {text-align: center;}
.cont01_wrap .cont01_box ul li a img {max-width: 100%;}

/*메인-제품소개 및 회사소개*/
.cont02 {padding: 60px 0 100px; background: url(../img/cont03_bg.png)no-repeat center 198px;}
.cont02 .cont02_wrap {margin: 0 auto; max-width: 1200px;}
.cont02_wrap .cont02_box01 {background: #1d2088; box-shadow: 4px 4px 7px rgba(0,0,0,0.25); overflow: hidden;}
.cont02_box01 .c2_b1_text {float: left; width: 55%; padding: 60px 80px 0px 50px; color: #fff;}
.cont02_box01 .c2_b1_text h3 {font-size: 40px; font-weight: 600; margin-bottom: 30px; padding-bottom: 30px; position: relative;}
.cont02_box01 .c2_b1_text h3::after {position: absolute; content: ""; background: #fff; width: 68px; height: 4px; display: inline-block; left: 0; bottom: 0;}
.cont02_box01 .c2_b1_text p {font-size: 22px; font-weight: 500; line-height: 33px; margin-bottom: 40px; word-break: keep-all; width: 90%;}
.cont02_box01 .c2_b1_text p span {font-size: 23px; font-weight: 600; color: #d40000;}
.cont02_box01 .c2_b1_text a {font-size: 18px; font-weight: 300; padding-right: 26px; background: url(../img/arrow.png)no-repeat center right; color: #fff !important; text-align: right; width: 100%; display: block;}
.cont02_box01 .c2_b1_text a:hover {padding-right: 56px;}
.cont02_box01 .c2_link {float: left; width: 45%;}
.cont02_box01 .c2_link ul {overflow: hidden;}
.cont02_box01 .c2_link ul li {float: left; width: 50%; height: 189px;}
.cont02_box01 .c2_link ul li a {display: inline-block; width: 100%; height: 100%;}
.cont02_box01 .c2_link ul li:nth-child(1) a {background: url(../img/cont02_bg01.png)no-repeat center/cover;}
.cont02_box01 .c2_link ul li:nth-child(2) a {background: url(../img/cont02_bg02.png)no-repeat center/cover;}
.cont02_box01 .c2_link ul li:nth-child(3) a {background: url(../img/cont02_bg03.png)no-repeat center/cover;}
.cont02_box01 .c2_link ul li:nth-child(4) a {background: url(../img/cont02_bg04.png)no-repeat center/cover;}


.cont02_wrap .cont02_box02 {margin-top: 167px;}
.cont02_box02 ul {display: flex; flex-wrap: wrap;}
.cont02_box02 ul li {display: flex; width: 33.33%; padding: 0 37px;}
.cont02_box02 ul li a {width: 100%; padding: 0 60px; text-align: center;}
.cont02_box02 ul li:hover a {opacity: 0.6;}
.cont02_box02 ul li:nth-child(1) a {background: url(../img/cont03_img01.png)no-repeat top center #f2f2f2;}
.cont02_box02 ul li:nth-child(2) a {background: url(../img/cont03_img02.png)no-repeat top center #f2f2f2;}
.cont02_box02 ul li:nth-child(3) a {background: url(../img/cont03_img03.png)no-repeat top center #f2f2f2;}
.cont02_box02 ul li a img {padding-top: 150px; margin-bottom: 30px;}
.cont02_box02 ul li a h4 {font-size: 24px; color: #333; font-weight: 600; margin-bottom: 30px; letter-spacing: -0.05em;}
.cont02_box02 ul li a p {font-size: 18px; font-weight: 400; color: #333; line-height: 30px; letter-spacing: -0.05em; word-break: keep-all; margin-bottom: 40px; padding-top: 45px;}
.cont02_box02 ul li:nth-child(1) a p {padding-top: 0;}
.cont02_box02 ul li a p span {color: #222; font-weight: 500;}
.cont02_box02 ul li a p span b {font-size: 19px; color: #d40000;}

/*메인-고객센터*/
.cont03 {padding: 90px 0; background: url(../img/cont04_bg.png)no-repeat top center/cover;}
.cont03 .cont03_wrap {max-width: 1300px; margin: 0 auto; overflow: hidden;}
.cont03_wrap .cont03_text {float: left; width: 50%;}
.cont03_wrap .cont03_text h2 {font-size: 55px; color: #fff; font-family: 'Lato'!important; margin-bottom: 30px; font-weight: 900;}
.cont03_wrap .cont03_text p {font-size: 24px; color: #fff; font-weight: 500; margin-bottom: 50px; word-break: keep-all;}
.cont03_wrap .cont03_text a {font-size: 18px; font-weight: 500; padding: 15px 35px; border: 2px solid #fff; color: #fff;}
.cont03_wrap .cont03_text a:hover {background: #fff; border: 2px solid #fff; color: #1d2088;}
.cont03_wrap .cont03_box {float: right; width: 50%; background: #fff;}
.cont03_wrap .cont03_box .cont03_box_wrap {padding: 50px;}
.cont03_wrap .cont03_box .cont03_box_wrap h3 {font-size: 26px; color: #1d2088; font-family: 'Lato'!important; font-weight: 900; margin-bottom: 10px;}
.cont03_wrap .cont03_box .cont03_box_wrap h4 {color: #555; font-weight: 500; font-size: 20px; line-height: 26px; margin-bottom: 10px;}
.cont03_wrap .cont03_box .cont03_box_wrap span {font-size: 24px; padding-left: 30px; font-weight: 600; color: #333;}
.cont03_wrap .cont03_box .cont03_box_wrap a:nth-child(3) span {background: url(../img/icon05.png)no-repeat left 11px;}
.cont03_wrap .cont03_box .cont03_box_wrap span:nth-child(4) {background: url(../img/icon06.png)no-repeat left 10px; margin-left: 40px;}
.cont03_wrap .cont03_box .cont03_box_wrap a:nth-child(5) span {background: url(../img/icon07.png)no-repeat left 12px;}

/*서브-회사소개-인사말*/
.sub01_cont01 {}
.sub01_cont01 .s1_c1_wrap {position: relative;}
.sub01_cont01 .s1_c1_wrap::before {position: absolute; content: ""; background: url(../img/sub01_img02.png)no-repeat center; width: 1000px; height: 250px; display: inline-block; top: 0; left: 0; z-index: -1;}
.s1_c1_wrap .s1_c1_tit {margin-top: 200px; width: 85%; float: right; background: #fff; padding: 40px 30px; box-shadow: 2px 2px 6px rgba(0,0,0,0.3);}
.s1_c1_wrap .s1_c1_tit h3 {font-size: 23px; font-weight: 600; color: #222; margin-bottom: 30px; word-break: keep-all;}
.s1_c1_wrap .s1_c1_tit h3 span {font-size: 28px; font-weight: 700; color: #1d2088;}
.s1_c1_wrap .s1_c1_tit p {font-size: 16px; line-height: 26px; font-weight: 500; color: #444; margin-bottom: 20px; word-break: keep-all;}
.s1_c1_wrap .s1_c1_tit p:last-child {font-size: 23px; font-weight: 500; color: #222; text-align: right;}
.s1_c1_wrap .s1_c1_table {clear: both; padding-top: 60px;}
.s1_c1_wrap .s1_c1_table table {width: 90%; margin: 0 auto;}
.s1_c1_wrap .s1_c1_table table tr {border-bottom: 1px solid #d1d1d1;}
.s1_c1_wrap .s1_c1_table table tr:first-child {border-top: 2px solid #1d2088;}
.s1_c1_wrap .s1_c1_table table tr th {background: #eee; font-size: 17px; font-weight: 500; color: #333; width: 20%; text-align: center; padding: 10px;}
.s1_c1_wrap .s1_c1_table table tr td {font-size: 17px; font-weight: 400; color: #555; text-align: center; word-break: keep-all; line-height: 40px; padding: 10px;}

/*서브-회사소개-오시는길*/
.sub01_cont03 {}
.sub01_cont03 .s1_c3_wrap {}
.s1_c3_wrap .s1_c3_map {width: 100%;}
.s1_c3_wrap .s1_c3_text {margin-top: 50px;}
.s1_c3_wrap .s1_c3_text ul {overflow: hidden;}
.s1_c3_wrap .s1_c3_text ul li {width: 50%; float: left;}
.s1_c3_wrap .s1_c3_text ul li h3 {font-size: 26px; color: #1d2088; margin-bottom: 30px; font-weight: 600;}
.s1_c3_wrap .s1_c3_text ul li .s1_c3_box {margin-bottom: 30px;}
.s1_c3_wrap .s1_c3_text .s1_c3_box h4 {font-size: 19px; font-weight: 500; color: #222; margin-bottom: 10px;}
.s1_c3_wrap .s1_c3_text .s1_c3_box p {word-break: keep-all; font-size: 16px; font-weight: 400; color: #555; line-height: 30px;}
.s1_c3_wrap .s1_c3_text table {width: 100%;}
.s1_c3_wrap .s1_c3_text table tr {border-bottom: 1px solid #d1d1d1;}
.s1_c3_wrap .s1_c3_text table tr:first-child {border-top: 2px solid #1d2088;}
.s1_c3_wrap .s1_c3_text table tr th {font-size: 18px; font-weight: 500; color: #333; background: #f0f0f0; padding: 10px; width: 25%;}
.s1_c3_wrap .s1_c3_text table tr td {font-size: 18px; font-weight: 400; color: #555; padding: 10px; word-break: keep-all;}


/*서브-회사소개-조직도*/
.sub01_cont04 {text-align: center;}

/*서브-제품소개*/
.sub02_cont01 {}
.sub02_cont01 .s2_c1_wrap {overflow: hidden; padding-bottom: 50px;}
.s2_c1_wrap .sub_tit_h2 {text-align: center; font-size: 40px; color: #333; font-weight: 700; border-bottom: 2px solid #d1d1d1; padding-bottom: 20px; margin-bottom: 60px;}
.s2_c1_wrap .s2_c1_img {width: 40%; float: left; box-shadow: 2px 2px 6px rgba(0,0,0,0.2);}
.s2_c1_wrap .s2_c1_img img {width: 100%;}
.s2_c1_wrap .s2_c1_text {width: 60%; float: right;}
.s2_c1_wrap .s2_c1_text a {text-align: center; display: block; width: 100%; margin: 50px 0;}
.s2_c1_wrap .s2_c1_text a>img {margin-right: 30px;}
.s2_c1_wrap .s2_c1_text a>span {color: #fff; background: #1d2088; padding: 10px 25px;}
.s2_c1_wrap .s2_c1_text .s2_c1_textbox {text-align: center; padding: 0 20px; margin-top: 30px;}
.s2_c1_wrap .s2_c1_text .s2_c1_textbox p {font-size: 17px; font-weight: 400; color: #555; margin-bottom: 15px; word-break: keep-all; padding: 0 20px;}

/*서브-카탈로그*/
.sub03_cont01 {}
.sub03_cont01 .s3_c1_wrap {}
.sub03_cont01 .s3_c1_wrap ul {overflow: hidden;}
.sub03_cont01 .s3_c1_wrap ul li {width: 25%; float: left; padding: 0 15px; margin-bottom: 40px; line-height: 300px;}
.sub03_cont01 .s3_c1_wrap ul li .s3_c1_box {width: 100%; height: 300px; border: 1px solid #ddd;}
.sub03_cont01 .s3_c1_wrap ul li .s3_c1_box a {width: 100%; height: 100%; display: inline-block;}
.sub03_cont01 .s3_c1_wrap ul li:nth-child(1) .s3_c1_box a {background: url(../img/sub03_pdf01.png)no-repeat center/contain;}
.sub03_cont01 .s3_c1_wrap ul li:nth-child(2) .s3_c1_box a {background: url(../img/sub03_pdf02.png)no-repeat center/contain;}
.sub03_cont01 .s3_c1_wrap ul li:nth-child(3) .s3_c1_box a {background: url(../img/sub03_pdf03.png)no-repeat center/contain;}
.sub03_cont01 .s3_c1_wrap ul li:nth-child(4) .s3_c1_box a {background: url(../img/sub03_pdf04.png)no-repeat center/contain;}
.sub03_cont01 .s3_c1_wrap ul li .s3_c1_box a .bi {font-size: 40px; text-align: center; display: none; color: #fff; background: #eee; color: #1d2088; opacity: 0.8;}
.sub03_cont01 .s3_c1_wrap ul li .s3_c1_box a:hover .bi {display: block;}

@media screen and (max-width: 1400px){
  .banner {top: 45%;}
  .banner .banner_wrap {padding: 15px 0;}
  .banner_wrap h2 {font-size: 16px; margin-bottom: 10px;}
  .banner_wrap h2 .c_btn {right: 10px;}
  .banner_wrap .b_box {padding: 15px 5px;}
  .banner_wrap .b_box h3 {font-size: 17px; margin-bottom: 0;}
  .banner_wrap .b_box a {font-size: 14px; display: inline-block; width: 90%; word-break: keep-all;}
}

@media screen and (max-width: 1200px){
  .cont01_wrap .cont01_box ul li .s3_c1_box a img {width: 100%; padding: 0 15px;}
}

@media screen and (max-width: 1024px){
  .banner {display: none;}
  
  .cont02 {padding: 0 0 100px;}
  .cont02_box01 .c2_b1_text {padding: 40px 60px 10px 30px;}
  .cont02_box01 .c2_b1_text h3 {font-size: 34px; margin-bottom: 20px; padding-bottom: 15px;}
  .cont02_box01 .c2_b1_text p {font-size: 18px; line-height: 28px; width: 100%; margin-bottom: 20px;}
  .cont02_box01 .c2_b1_text p span {font-size: 20px;}
  
  .cont02_wrap .cont02_box02 {margin-top: 150px;}
  .cont02_box02 ul li {padding: 0 20px;}
  .cont02_box02 ul li a {padding: 0 30px;}
  
  .cont03 .cont03_wrap {padding: 0 20px;}
  .cont03_wrap .cont03_text p {font-size: 20px;}
  .cont03_wrap .cont03_text a {font-size: 16px; padding: 15px 25px;}
  .cont03_wrap .cont03_box .cont03_box_wrap h4 {font-size: 18px;}
  .cont03_wrap .cont03_box .cont03_box_wrap span {font-size: 20px; display: block;}
  .cont03_wrap .cont03_box .cont03_box_wrap a:nth-child(3) span {background: url(../img/icon05.png)no-repeat left 7px;}
  .cont03_wrap .cont03_box .cont03_box_wrap span:nth-child(4) {background: url(../img/icon06.png)no-repeat left 7px; margin-left: 0;}
  .cont03_wrap .cont03_box .cont03_box_wrap a:nth-child(5) span {background: url(../img/icon07.png)no-repeat left 7px;}
  
  .sub01_cont01 .s1_c1_wrap::before {width: 100%;}
  
  .sub01_cont04 img {width: 100%;}
  
  .s2_c1_wrap .s2_c1_text a {margin: 20px 0;}
  
  .sub03_cont01 .s3_c1_wrap ul li {width: 33.33%;}
}

@media screen and (max-width: 768px){
  .cont01_wrap .cont01_box ul li {margin: 15px 0; width: 50%;}
  
  .cont02_box01 .c2_b1_text {padding: 20px; width: 100%;}
  .cont02_box01 .c2_b1_text h3 {font-size: 28px;}
  .cont02_box01 .c2_b1_text p {font-size: 16px; line-height: 26px;}
  .cont02_box01 .c2_b1_text p span {font-size: 18px;}
  .cont02_box01 .c2_b1_text a {font-size: 16px;}
  .cont02_box01 .c2_link {width: 100%;}
  
  .cont02_wrap .cont02_box02 {margin-top: 80px;}
  .cont02_box02 ul li:nth-child(1) {width: 100%;}
  .cont02_box02 ul li {width: 50%; padding: 20px 20px;}
    .cont02_box02 ul li a p {padding-top: 0;}
    .cont02_box02 ul li:nth-child(1) a {background-size: 100%; background-position: 0px -50%;}
  
  .cont03_wrap .cont03_text {width: 100%;}
  .cont03_wrap .cont03_text h2 {font-size: 50px; margin-bottom: 10px;}
  .cont03_wrap .cont03_text p {margin-bottom: 40px;}
  .cont03_wrap .cont03_box {width: 100%; margin-top: 60px;}
  .cont03_wrap .cont03_box .cont03_box_wrap {padding: 30px;}
  
  .s1_c1_wrap .s1_c1_tit {width: 90%;}
  .s1_c1_wrap .s1_c1_table table {width: 100%;}
  .s1_c1_wrap .s1_c1_table table tr th {font-size: 16px;}
  .s1_c1_wrap .s1_c1_table table tr td {font-size: 16px; line-height: 30px;}
  
  .s1_c3_wrap .s1_c3_text ul li {width: 100%;}
  
  .s2_c1_wrap .s2_c1_img {width: 80%; margin: 0 auto; float: inherit;}
  .s2_c1_wrap .s2_c1_text {margin-top: 40px; width: 100%;}
  .s2_c1_wrap .s2_c1_text a>img {max-width: 50%;}
  
  
  .sub03_cont01 .s3_c1_wrap ul li {width: 50%;}
  
  
  
}

@media screen and (max-width: 570px){
  .cont01 {padding: 50px 0;}
  
  .cont02 {padding: 0 0 50px;}
  .cont02_box02 ul li {width: 100%; padding: 20px 110px;}
  .cont02_box02 ul li a p {padding-top: 0;}
  .cont02_box02 ul li:nth-child(1) a {background-size: auto; background-position: 0px 0;}
  .cont03 {padding: 40px 0;}
  .cont03_wrap .cont03_text p {font-size: 18px;}
  
  .s1_c1_wrap .s1_c1_tit h3 {font-size: 23px;}
  .s1_c1_wrap .s1_c1_tit h3 span {font-size: 25px;}
  .s1_c1_wrap .s1_c1_tit p {font-size: 16px; line-height: 26px;}
  .s1_c1_wrap .s1_c1_tit p:last-child {font-size: 20px;}
  
}

@media screen and (max-width: 450px){
  .cont01_wrap .cont01_box ul li {width: 100%; margin: 10px 0;}
  
  .cont02_box02 ul li {padding: 20px 70px;}
  .cont02_box01 .c2_link ul li {height: 159px;}
  
  .cont03_wrap .cont03_box .cont03_box_wrap h4 {font-size: 16px;}
  .cont03_wrap .cont03_box .cont03_box_wrap span {font-size: 16px;}
  .cont03_wrap .cont03_box .cont03_box_wrap a:nth-child(3) span {background: url(../img/icon05.png)no-repeat left 3px;}
  .cont03_wrap .cont03_box .cont03_box_wrap span:nth-child(4) {background: url(../img/icon06.png)no-repeat left 3px;}
  .cont03_wrap .cont03_box .cont03_box_wrap a:nth-child(5) span {background: url(../img/icon07.png)no-repeat left 3px;}
  
  .s1_c1_wrap .s1_c1_tit {padding: 20px;}
  .s1_c1_wrap .s1_c1_tit h3 {margin-bottom: 15px;}
  .s1_c1_wrap .s1_c1_tit p {font-size: 15px; line-height: 24px;}
  
  .s1_c2_wrap .s1_c2_text {margin-bottom: 30px;}
  .s1_c2_wrap .s1_c2_text .s1_c2_tit {font-size: 26px;}
  .s1_c2_wrap .s1_c2_text p {font-size: 15px; line-height: 30px;}
  .s1_c2_wrap .s1_c2_text p>span {font-size: 20px;}
  
  .s1_c3_wrap .s1_c3_text ul li h3 {font-size: 24px; margin-bottom: 20px;}
  .s1_c3_wrap .s1_c3_text .s1_c3_box h4 {font-size: 18px;}
  .s1_c3_wrap .s1_c3_text .s1_c3_box p {font-size: 15px; line-height: 26px;}
  
  .sub02_cont01 .s2_c1_wrap {padding-bottom: 0;}
  .s2_c1_wrap .s2_c1_text a>span {font-size: 15px; padding: 10px 15px; display: inline-block; margin-top: 20px;}
  
  .sub03_cont01 .s3_c1_wrap ul li {width: 100%;}
  
}

@media screen and (max-width: 375px){
  .cont02_box02 ul li {padding: 20px 30px;}
  
  .cont03_wrap .cont03_box .cont03_box_wrap {padding: 20px;}
  .cont03_wrap .cont03_box .cont03_box_wrap span {display: block;}
  .cont03_wrap .cont03_box .cont03_box_wrap span:nth-child(4) {margin-left: 0;}
}











/*ENG*/
.eng .cont02_box01 .c2_b1_text p 
{font-size: 18px;line-height: 1.2;font-weight: 400;word-break: break-word;width: 100%;}
.eng .cont02_box02 ul li a
{padding: 0 20px;}
.eng .cont02_box02 ul li a p
{font-size: 16px; line-height: 1.2;}
.eng .cont03_wrap .cont03_text p
{font-size: 17px;}