/*메인-타이틀*/
.tit_h2 {font-size: 44px; color: #0092dc; font-weight: 900; margin-bottom: 20px;}
.tit_p {font-size: 24px; line-height: 36px; color: #333333; font-weight: 400; word-break: keep-all;}

/*메인-product*/
.cont01 {padding: 100px 0;}
.cont01 .cont01_wrap {max-width: 1400px; margin: 0 auto;}
.cont01 .tab {position: relative;}
.cont01 .tab > li {display: none; overflow: hidden; height: 600px; opacity: 0; transition: opacity 0.5s, transform 0.5s;}
.cont01 .tab > li.on {display: block; opacity: 1; transition: 0.4s ease-out;}
.cont01 .tab > li .c1_img {position: relative; width: 40%; height: 600px; float: left;}
.cont01 .tab > li .c1_img img {max-width: 100%; border-radius: 100px 0 0 0;}
.cont01 .tab > li .c1_img .c1_link {position: absolute; bottom: 40px; right: 0;}
.cont01 .tab > li .c1_img .c1_link a {background: url(../img/arrow01.png)no-repeat 85% center #0092dc; padding: 30px 145px 30px 30px; font-weight: 500; font-size: 18px; color: #fff;}
.cont01 .tab > li .c1_img .c1_link:hover a {background: url(../img/arrow01.png)no-repeat 90% center #0092dc; transition: 0.4s ease-in;}
.cont01 .tab > li .c1_text {padding-top: 60px; width: 60%; float: left;}
.cont01 .tab > li .c1_text .c1_tit {padding-left: 100px; border-bottom: 1px solid #e2e2e2; padding-bottom: 40px;}
.cont01 .tab > li .c1_text .c1_tit ul {overflow: hidden; margin-top: 50px;}
.cont01 .tab > li .c1_text .c1_tit ul li {float: left; width: 25%; text-align: center; cursor: pointer;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(1) i {background: url(../img/cont01_icon01_g.png)no-repeat top center; width: 70px; height: 50px; display: inline-block;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(2) i {background: url(../img/cont01_icon02_g.png)no-repeat top center; width: 67px; height: 50px; display: inline-block;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(3) i {background: url(../img/cont01_icon03_g.png)no-repeat top center; width: 76px; height: 50px; display: inline-block;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(4) i {background: url(../img/cont01_icon04_g.png)no-repeat top center; width: 58px; height: 50px; display: inline-block;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(1).on i {background: url(../img/cont01_icon01.png)no-repeat top center;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(2).on i {background: url(../img/cont01_icon02.png)no-repeat top center;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(3).on i {background: url(../img/cont01_icon03.png)no-repeat top center;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(4).on i {background: url(../img/cont01_icon04.png)no-repeat top center;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(1):hover i {background: url(../img/cont01_icon01.png)no-repeat top center;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(2):hover i {background: url(../img/cont01_icon02.png)no-repeat top center;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(3):hover i {background: url(../img/cont01_icon03.png)no-repeat top center;}
.cont01 .tab > li .c1_text .c1_tit ul li:nth-child(4):hover i {background: url(../img/cont01_icon04.png)no-repeat top center;}
.cont01 .tab > li .c1_text .c1_tit ul li span {font-size: 22px; color: #222; font-weight: 600; text-align: center; display: block;}
.cont01 .tab > li .c1_text .c1_txt {padding-left: 100px; padding-top: 40px;}
.cont01 .tab > li .c1_text .c1_txt ul {display: flex; flex-wrap: wrap;}
.cont01 .tab > li .c1_text .c1_txt ul li {width: 28%; display: flex; font-size: 18px; color: #666; font-weight: 600; position: relative; padding-left: 20px; margin-bottom: 20px;}
.cont01 .tab > li .c1_text .c1_txt ul li::before {position: absolute; content: ""; background: url(../img/arrow02.png)no-repeat top center; top: 8px; left: 0; width: 6px; height: 12px;}

/*메인-about us*/
.cont02 {padding: 100px 0; background: #f1f7f7;}
.cont02 .cont02_wrap {max-width: 1400px; margin: 0 auto;}
.cont02 .cont02_tit {margin-bottom: 70px;}
.cont02 .cont02_box {}
.cont02 .cont02_box ul {display: flex; flex-wrap: wrap;}
.cont02 .cont02_box ul li {width: 20%; height: 600px; cursor: pointer; transition: 0.5s; padding: 0 10px;}
.cont02 .cont02_box ul li.on {width: 55%; opacity: 1; transition: all 0.6s;}
.cont02 .cont02_box ul li.on .c2_box {position: relative; height: 100%; padding: 80px 60px 80px 70px;}
.cont02 .cont02_box ul li .c2_box {position: relative; height: 100%; padding: 80px 40px; transition: all 0.6s;}
.cont02 .cont02_box ul li:nth-child(1) .c2_box {background: url(../img/cont02_bg01.png)no-repeat top center/cover;}
.cont02 .cont02_box ul li:nth-child(2) .c2_box {background: url(../img/cont02_bg02.png)no-repeat top center/cover;}
.cont02 .cont02_box ul li:nth-child(3) .c2_box {background: url(../img/cont02_bg03.png)no-repeat top center/cover;}
.cont02 .cont02_box ul li .c2_box h3 {font-weight: 600; color: #fff; font-size: 30px; margin-bottom: 30px; opacity: 1;}
.cont02 .cont02_box ul li.on .c2_box h4 {font-size: 18px; line-height: 26px; font-weight: 400; color: #fff; opacity: 1; display: inherit;}
.cont02 .cont02_box ul li.on .c2_box a {font-size: 18px; font-weight: 500; color: #fff; background: url(../img/arrow01.png)no-repeat 85% center #0092dc; padding: 25px 150px 25px 30px; position: absolute; bottom: 80px; right: 70px; opacity: 1; display: inherit;}
.cont02 .cont02_box ul li .c2_box h4 {opacity: 0; transition: all 0.6s; display: none;}
.cont02 .cont02_box ul li .c2_box a {opacity: 0; transition: all 0.6s; display: none;}

/*메인-customer*/
.cont03 {padding: 100px 0;}
.cont03 .cont03_wrap {max-width: 1400px; margin: 0 auto;}
.cont03 .c3_tit {margin-bottom: 50px;}
.cont03 .c3_box {}
.cont03 .c3_box ul {display: flex; flex-wrap: wrap;}
.cont03 .c3_box ul li {overflow: hidden; padding: 0;}
.cont03 .c3_box ul li:last-child {padding-left: 20px;}
.cont03 .c3_box ul li .c3_board {}
.cont03 .c3_box ul li .c3_imgwrap {width: 50%; float: left;}
.cont03 .c3_box ul li .c3_imgwrap:hover {opacity: 0.7;}
.cont03 .c3_box ul li .c3_imgwrap:nth-child(1) {padding-right: 10px;}
.cont03 .c3_box ul li .c3_imgwrap:nth-child(2) {padding-left: 10px;}
.cont03 .c3_box ul li .c3_img {text-align: center; padding: 70px 0;}
.cont03 .c3_box ul li .c3_imgwrap:nth-child(1) .c3_img {background: url(../img/cont03_bg01.png)no-repeat top center/cover;}
.cont03 .c3_box ul li .c3_imgwrap:nth-child(2) .c3_img {background: url(../img/cont03_bg02.png)no-repeat top center/cover;}
.cont03 .c3_box ul li .c3_img img {margin-bottom: 20px;}
.cont03 .c3_box ul li .c3_img p {font-size: 22px; font-weight: 600; color: #fff;}

/*서브-회사소개-인사말*/
.sub01_cont01 {}
.sub01_cont01 .s1_c1 {display: flex; flex-wrap: wrap;}
.s1_c1 .s1_c1_tit {}
.s1_c1 .s1_c1_tit h2 {word-break: keep-all; font-size: 32px; line-height: 48px;  font-weight: 700; color: #222;}
.s1_c1 .s1_c1_text {padding-left: 50px;}
.s1_c1 .s1_c1_text h3 {font-size: 26px; font-weight: 700; word-break: keep-all; margin-bottom: 40px; color: #333;}
.s1_c1 .s1_c1_text h3 span {color: #0092dc;}
.s1_c1 .s1_c1_text p {font-size: 17px; line-height: 32px; font-weight: 500; word-break: keep-all; margin-bottom: 20px; color: #777;}
.s1_c1 .s1_c1_text p:last-child {text-align: right; font-size: 24px; font-weight: 600; mmargin-top: 70px; color: #222;}
.s1_c1 .s1_c1_text p:last-child span {font-weight: 700;}

/*서브-회사소개-조직도*/
.s1_c3 {width: 100%; text-align: center;}
.s1_c3 img {max-width: 100%;}

/*서브-회사소개-오시는길*/
.sub01_cont04 {}
.sub01_cont04 .s1_c4 {display: flex; flex-wrap: wrap;}
.s1_c4 .s1_c4_map {margin-bottom: 60px;}
.s1_c4 .s1_c4_logo {}
.s1_c4 .s1_c4_logo img {max-width: 100%; padding-top: 40px;}
.s1_c4 .s1_c4_table {}
.s1_c4 .s1_c4_table table {width: 100%;}
.s1_c4 .s1_c4_table table tr {padding-left: 20px;}
.s1_c4 .s1_c4_table table tr:first-child {border-top: 2px solid #0092dc;}
.s1_c4 .s1_c4_table table tr:last-child {border-bottom: 1px solid #a1a1a1;}
.s1_c4 .s1_c4_table table th {font-size: 20px; padding-left: 20px; font-weight: 700; color: #222; padding-top: 20px;}
.s1_c4 .s1_c4_table table td {font-size: 17px; padding-left: 20px; color: #666; line-height: 30px;}
.s1_c4 .s1_c4_table table tr:last-child td {padding-bottom: 20px;}

/*서브-제품소개*/
/*tab메뉴*/
.s2_c1_tab {margin-bottom: 70px;}
.tab_nav {text-align: center; display: flex; flex-wrap: wrap;}
.tab-link {font-size: 18px; font-weight: 500; color: #444; padding: 0 15px; width: 16%; position: relative; cursor: pointer;}
.tab-link::after {position: absolute; content: ""; background: #a1a1a1; width: 1px; height: 14px; top: 5px; right: 0;}
.tab-link:last-child::after {display: none;}
.tab-link.current {font-weight: 600; color: #0092dc;}
.tab_content.current {display: inherit;}
.tab_content {display: none;}

/*tab내용*/
.s2_c1 {}
.s2_c1 .s2_c1_h2 {font-size: 25px; font-weight: 600; color: #222; padding-left: 20px; position: relative; padding-bottom: 20px; border-bottom: 2px solid #222; margin-bottom: 40px; width: 100%;}
.s2_c1 .s2_c1_h2::before {position: absolute; content: ""; background-color: #00477a; width: 10px; height: 10px; border-radius: 100%; top: 0; left: 0;}
.s2_c1 .s2_c1_p {font-size: 18px; line-height: 32px; font-weight: 400; color: #333; padding: 0 40px; word-break: keep-all; margin-bottom: 15px;}
.s2_c1 .s2_c1_p span {position: relative;}
.s2_c1 .s2_c1_p span::before {position: absolute; content: ""; background: #eee; width: 8px; height: 8px; border-radius: 100%; top: 9px; left: -20px;}
.s2_c1 .s2_c1_h3 {font-size: 25px; font-weight: 700; color: #0092dc; word-break: keep-all; padding-right: 40px;}

.s2_c1 .s2_c1_box {}
.s2_c1_box .s2_c1_tit {display: flex; flex-wrap: wrap;}
.s2_c1_box .s2_c1_1 {margin-bottom: 60px;}
.s2_c1_box .s2_c1_2 {margin-bottom: 60px; display: flex; flex-wrap: wrap;}
.s2_c1_box .s2_c1_img {text-align: center;}
.s2_c1_box .s2_c1_img img {max-width: 100%;}
.s2_c1_box .s2_c1_sub {margin-bottom: 80px;}
.s2_c1_box .s2_c1_sub .s2_c1_stit {}
.s2_c1_box .s2_c1_sub .s2_c1_subwrp {width: 100%; display: flex; flex-wrap: wrap;}
.s2_c1_box .s2_c1_sub .s2_c1_img img {max-width: 100%; margin-bottom: 40px;}
.s2_c1_box .s2_c1_table {overflow-x: auto; width: 100%;}
.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-bottom: 2px solid #222;}
.s2_c1_box .s2_c1_table table tr:last-child {border-bottom: 1px solid #999;}
.s2_c1_box .s2_c1_table table th {font-size: 17px; padding: 10px; font-weight: 500; color: #333; text-align: center; word-break: keep-all;}
.s2_c1_box .s2_c1_table table td {font-size: 17px; font-weight: 400; color: #666; padding: 10px; border-right: 1px solid #ddd; text-align: center; word-break: keep-all;}
.s2_c1_box .s2_c1_table table td:last-child {border-right: none;}

/*서브-고객센터-문의하기*/
.s5_c3 {width: 100%;}

.board_output_9_tr:first-child {border-top: 2px solid #222;}
.board_output_9_tr {border-bottom: 1px solid #dbdbdb;}
.board_output_9_tr td:nth-child(1) img {display: none;}
.board_output_9_tr td:nth-child(2) {padding-left: 65px; position: relative;}
.board_output_9_tr td:nth-child(2)::before {position: absolute; content: ""; background: #0092dc; width: 6px; height: 6px; top: 50%; transform: translateY(-50%); left: 30px; border-radius: 100%;}


@media screen and (max-width: 1440px){
  .cont01 .tab > li .c1_img .c1_link {bottom: 60px;}



}

@media screen and (max-width: 1024px){
  .cont01, .cont02, .cont03 {padding: 50px 0;}
  .tit_h2 {font-size: 36px; margin-bottom: 10px;}
  .tit_p {font-size: 20px; line-height: 28px;}

  .cont01 .cont01_wrap {padding: 0 20px;}
  .cont01 .tab > li {height: 420px;}
  .cont01 .tab > li .c1_text {padding-top: 20px; padding-bottom: 20px;}
  .cont01 .tab > li .c1_text .c1_tit {padding-left: 20px; padding-bottom: 20px;}
  .cont01 .tab > li .c1_img {height: 420px;}
  .cont01 .tab > li .c1_text .c1_tit ul {margin-top: 25px;}
  .cont01 .tab > li .c1_text .c1_tit ul li span {font-size: 18px;}
  .cont01 .tab > li .c1_text .c1_txt {padding-top: 20px; padding-left: 20px;}
  .cont01 .tab > li .c1_text .c1_txt ul li {font-size: 16px; width: 33.33%;}

  .cont02 .cont02_wrap {padding: 0 20px;}
  .cont02 .cont02_tit {margin-bottom: 30px;}
  .cont02 .cont02_box ul li.on {width: 50%;}
  .cont02 .cont02_box ul li.on .c2_box {padding: 60px 40px;}
  .cont02 .cont02_box ul li .c2_box h3 {font-size: 26px; margin-bottom: 20px;}
  .cont02 .cont02_box ul li.on .c2_box h4 {font-size: 16px;}
  .cont02 .cont02_box ul li.on .c2_box a {right: 40px;}
  .cont02 .cont02_box ul li {width: 25%; height: 500px;}

  .cont03 .cont03_wrap {padding: 0 20px;}
  .cont03 .cont03_tit {margin-bottom: 30px;}
  .cont03 .c3_box ul li:first-child {padding-right: 0;}
  .cont03 .c3_box ul li:last-child {padding-left: 0; margin-top: 30px;}

  .s1_c1 .s1_c1_text {padding-left: 0;}

  .s1_c4 .s1_c4_logo {margin-bottom: 20px;}
  .s1_c4 .s1_c4_logo img {padding-top: 0;}


}

@media screen and (max-width: 768px){
  .tit_p {font-size: 18px;}
  .cont01 .tab > li {height: inherit;}
  .cont01 .tab > li .c1_img {width: 100%; height: 100%;}
  .cont01 .tab > li .c1_text {width: 100%;}

  .cont02 .cont02_box ul li {padding: 0; width: 30%; height: 400px;}
  .cont02 .cont02_box ul li.on {width: 40%;}
  .cont02 .cont02_box ul li.on .c2_box a {font-size: 16px; padding: 15px 100px 15px 20px; bottom: 30px;}

  .s1_c1 .s1_c1_tit {padding: 0;}
  .s1_c1 .s1_c1_text {margin-top: 40px;}

  .s2_c1_box .s2_c1_sub .s2_c1_stit {margin-bottom: 20px;}
  .s2_c1 .s2_c1_h3 {padding-right: 0; padding-bottom: 20px;}
  .s2_c1_box .s2_c1_img {margin-bottom: 20px;}
}

@media screen and (max-width: 575px){
  .cont01 .tab > li .c1_text .c1_tit {padding-bottom: 0;}
  .cont01 .tab > li .c1_text .c1_tit ul li {width: 50%; margin-bottom: 25px;}
  .cont01 .tab > li .c1_text .c1_txt ul li {margin-bottom: 0;}
  .cont01 .tab > li .c1_img .c1_link a {font-size: 16px; padding: 15px 100px 15px 20px;}

  .cont02 .cont02_box ul li.on .c2_box {padding: 30px;}
  .cont02 .cont02_box ul li .c2_box {padding: 30px;}
  .cont02 .cont02_box ul li {height: 250px;}
  .cont02 .cont02_box ul li .c2_box h3 {font-size: 22px;}
  .cont02 .cont02_box ul li.on .c2_box h4 {display: none;}
  .cont02 .cont02_box ul li.on .c2_box a {background: none; background-color: #0092dc; padding: 15px;}

  .board_output a:link {font-size: 15px !important; line-height: 50px !important;}
  .board_output_9_tr td:nth-child(2) {padding-left: 20px;}
  .board_output_9_tr td:nth-child(2)::before {left: 0;}
  .board_output_9_tr td:nth-child(3) {font-size: 15px !important;}

  .tab-link {width: 33.33%;}
}

@media screen and (max-width: 450px){
  .board_output a:link {line-height: 30px !important;}
  .board_output_9_tr td:nth-child(2) {padding-left: 0px;}
  .board_output_9_tr td:nth-child(2)::before {display: none;}
  .cont03 .c3_box ul li .c3_imgwrap {width: 100%;}
  .cont03 .c3_box ul li .c3_imgwrap:first-child {padding-right: 0; margin-bottom: 20px;}
  .cont03 .c3_box ul li .c3_imgwrap:last-child {padding-left: 0;}
}

@media screen and (max-width: 375px){
  .cont02 .cont02_box ul li.on .c2_box a {padding: 10px; right: 10px;}
}