/*메인-타이틀*/
.main_tit {}
.tit_h2 {font-size: 52px; font-weight: 700; color: #111;}
.tit_h3 {font-size: 26px; font-weight: 700; color: #333;}

/*메인-제품소개*/
.cont01 {text-align: center; padding: 100px 0; background: #f1f3f7;}
.cont01 .cont01_wrap {max-width: 1220px; margin: 0 auto;}
.cont01 .c1_box {display: flex; flex-wrap: wrap; margin-top: 50px;}
.cont01 .c1_box li {padding: 0 10px;}
.cont01 .c1_box li .c1_img {}
.cont01 .c1_box li a .c1_img img {transform: scale(1); transition: 0.4s linear;}
.cont01 .c1_box li a:hover .c1_img img {transform: scale(1.06); transition: 0.4s linear;}
.cont01 .c1_box li .c1_text {margin-top: 20px;}
.cont01 .c1_box li .c1_text p {font-size: 20px; font-weight: 500; color: #333;}

/*메인-회사소개*/
.cont02 {padding: 100px 0; background: url(../img/cont02_bg.png)no-repeat top center/cover; text-align: center;}
.cont02 .cont02_wrap {max-width: 1220px; margin: 0 auto;}
.cont02 .tit_h2 {color: #fff;}
.cont02 .c2_box {display: flex; flex-wrap: wrap; margin-top: 50px;}
.cont02 .c2_box li {padding: 0 10px;}
.cont02 .c2_box li a {transition: 0.4s ease;}
.cont02 .c2_box li a:hover {opacity: 0.8; transition: 0.4s ease;}
.cont02 .c2_box li .c2_icon {}
.cont02 .c2_box li .c2_text {margin-top: 20px;}
.cont02 .c2_box li .c2_text p {font-size: 20px; font-weight: 700; color: #fff;}

/*메인-고객센터*/
.cont03 {padding: 100px 0;}
.cont03 .cont03_wrap {max-width: 1220px; margin: 0 auto;}
.cont03 .c3_box {display: flex; flex-wrap: wrap;}
.cont03 .c3_box li {padding: 0;}
.cont03 .c3_box li:first-child {padding: 0 100px 0 0;}
.cont03 .c3_box .main_tit .tit_h3 {display: inline-block; margin: 0;}
.cont03 .c3_box .main_tit a {font-size: 16px; font-weight: 500; color: #333; float: right; line-height: 30px;}
.cont03 .c3_box .c3_output {margin-top: 20px; border-top: 3px solid #252525;}
.cont03 .c3_box .c3_output .board_output_7_tr td {line-height: 65px; border-bottom: 1px solid #ccc;}
.cont03 .c3_box .c3_output .board_output_7_tr td:nth-child(1) {display: none;}
.cont03 .c3_box .c3_output .board_output_7_tr td:nth-child(2) a {font-size: 18px !important; font-weight: 700; color: #333 !important; padding-left: 10px !important; word-break: keep-all;}
.cont03 .c3_box .c3_output .board_output_7_tr td:nth-child(3) {font-size: 16px; font-weight: 400; color: #444; text-align: right; padding-right: 10px;}
.cont03 .c3_box .c3_text {margin-top: 20px; border-top: 3px solid #252525; border-bottom: 1px solid #ccc; padding: 30px 20px;}
.cont03 .c3_box .c3_text .c3_text_wrap {padding-left: 90px; position: relative; margin-bottom: 25px;}
.cont03 .c3_box .c3_text .c3_text_wrap::before {position: absolute; content: ""; background: url(../img/cont03_icon.png)no-repeat top center; width: 74px; height: 74px; top: 0; left: 0;}
.cont03 .c3_box .c3_text .c3_text_wrap a {font-family: 'Montserrat'; font-size: 34px; font-weight: 700; color: #222; margin-bottom: 20px; word-break: keep-all;}
.cont03 .c3_box .c3_text .c3_text_wrap a:hover {color: #e6c518;}
.cont03 .c3_box .c3_text .c3_text_wrap p {word-break: keep-all; font-family: 'Montserrat'; font-size: 20px; font-weight: 500; color: #717171;}
.cont03 .c3_box .c3_text > a {font-size: 18px; font-weight: 700; color: #666; padding: 10px 0; background: #ebebeb; text-align: center; display: block; transition: 0.4s ease;}
.cont03 .c3_box .c3_text > a:hover {background: #e6c518; color: #fff; transition: 0.4s ease;}

/*메인-오른쪽배너*/
.right_banner {position: fixed; right: 7%; bottom: 11%; text-align: right; z-index: 1;}
.right_banner .right_ul {}
.right_banner .right_ul li {margin-bottom: 20px; position: relative;}
.right_banner .right_ul li a {}
.right_banner .right_ul li .right_img {}
.right_banner .right_ul li .right_img img {box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2); border-radius: 18px;}
.right_banner .right_ul li a .right_text {display: none;}
.right_banner .right_ul li a:hover .right_text {background: #e6c518; padding: 0 70px 0 25px; border-radius: 30px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.2); display: block; animation: transition 0.4s; position: absolute; top: 0; right: 0; z-index: -1; width: 180px; text-align: left;}
.right_banner .right_ul li a:hover .right_text p {font-size: 18px; font-weight: 500; color: #fff; line-height: 60px; height: 60px;}

@keyframes transition {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*서브*/
.subarea .row {margin: 0;}

.s1_c1 {text-align: center;}
.s1_c1 .s1_c1_img {margin-bottom: 50px;}
.s1_c1 h3 {font-size: 30px; font-weight: 600; color: #111; margin-bottom: 30px; display: inline-block; position: relative; z-index: 1;}
.s1_c1 h3::after {position: absolute; content: ""; background: #e6c518; width: 85%; height: 24px; right: -5%; bottom: 0px; z-index: -1;}
.s1_c1 p {font-size: 19px; font-weight: 500; color: #444; word-break: keep-all; line-height: 26px; margin-bottom: 15px !important; width: 85%; margin: 0 auto;}
.s1_c1 span {font-weight: 700; color: #e6c518; font-size: 24px;}

.s1_c2 {}
.s1_c2 .s1_c2_box {}
.s1_c2 .s1_c2_box li {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 60px;}
.s1_c2 .s1_c2_box li .s1_c2_tit {border-right: 2px solid #222; padding-right: 40px;}
.s1_c2 .s1_c2_box li .s1_c2_tit h2 {font-size: 32px; font-weight: 700; color: #222;}
.s1_c2 .s1_c2_box li .s1_c2_sub {padding-left: 30px;}
.s1_c2 .s1_c2_box li .s1_c2_sub dl {display: table; width: 100%; margin-bottom: 15px;}
.s1_c2 .s1_c2_box li .s1_c2_sub dt {font-size: 19px; font-weight: 600; color: #e6c518; display: table-cell; width: 110px;}
.s1_c2 .s1_c2_box li .s1_c2_sub dd {font-size: 19px; font-weight: 500; color: #555; word-break: keep-all; display: table-cell; line-height: 26px;}

.s1_c3 .s1_c3_text {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 30px;}
.s1_c3 .s1_c3_text h3 {font-size: 25px; font-weight: 600; color: #111; margin-bottom: 15px; width: 100%;}
.s1_c3 .s1_c3_text p {font-size: 20px; font-weight: 500; margin-bottom: 5px; word-break: keep-all; color: #333; width: 100%; padding: 0;}
.s1_c3 .s1_c3_text p span {padding-right: 20px; font-weight: 700;}
.s1_c3 .s1_c3_map {margin-bottom: 60px;}

.s2_c1 {}
.s2_c1 .s2_c1_text {text-align: center;}
.s2_c1 .s2_c1_text h2 {font-size: 25px; font-weight: 700; color: #222; line-height: 40px; word-break: keep-all;}
.s2_c1 .s2_c1_text h3 {font-size: 20px; font-weight: 500; color: #555; word-break: keep-all;}
.s2_c1 ul {display: flex; flex-wrap: wrap; width: 100%; margin-top: 50px;}
.s2_c1 ul li {margin-bottom: 30px;}
.s2_c1 ul li p {padding: 40px 0; border-radius: 10px; background: #f7f7f7; text-align: center; line-height: 80px; font-size: 20px; font-weight: 600; color: #333; transition: 0.4s ease; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);}
.s2_c1 ul li p:hover {background: #e6c518; transition: 0.4s ease; color: #fff;}



@media screen and (max-width: 1200px){
  .cont03 .c3_box li:first-child {padding: 0 50px 0 0;}
  .cont03 .c3_box .c3_text .c3_text_wrap a {font-size: 28px;}

  .s2_c1 ul li p {line-height: 40px;}
}

@media screen and (max-width: 1024px){
  .tit_h2 {font-size: 36px;}

  .cont01, .cont02, .cont03 {padding: 50px 0;}
  .cont01 .c1_box {margin-top: 30px;}

  .cont02 .c2_box {margin-top: 30px;}
  .cont02 .c2_box li {margin-bottom: 30px;}

  .cont03 .c3_box .c3_text .c3_text_wrap {padding-left: 70px;}
  .cont03 .c3_box .c3_text .c3_text_wrap::before {background: url(../img/cont03_icon.png)no-repeat top center/cover; width: 60px; height: 60px;}

  .right_banner {right: 1%; bottom: 8%;}

  .s1_c3 .s1_c3_text h3 {font-size: 23px;}
  .s1_c3 .s1_c3_text p {font-size: 18px;}
}

@media screen and (max-width: 768px){
  .tit_h3 {font-size: 24px;}

  .cont01 .c1_box li {margin-bottom: 30px;}

  .cont03 .c3_box li:first-child {padding: 0 20px;}
  .cont03 .c3_box li {margin-bottom: 50px; padding: 0 20px;}
  .cont03 .c3_box .c3_text .c3_text_wrap a {font-size: 25px;}
  .cont03 .c3_box .c3_text .c3_text_wrap p {font-size: 18px;}

  .s1_c1 h3::after {width: 80%; height: 20px;}
  .s1_c1 h3 {font-size: 26px;}
  .s1_c1 p {font-size: 17px; width: 100%;}
  .s1_c1 span {font-size: 20px;}

  .s2_c1 .s2_c1_text h2 {font-size: 23px;}
  .s2_c1 .s2_c1_text h3 {font-size: 17px;}
  .s2_c1 ul li p {font-size: 18px !important;}
}

@media screen and (max-width: 575px){
  .cont03 .c3_box .c3_output .board_output_7_tr td:nth-child(2) a {font-size: 15px !important;}
  .cont03 .c3_box .c3_output .board_output_7_tr td:nth-child(3) {font-size: 15px;}

  .s1_c2 .s1_c2_box li .s1_c2_tit h2 {font-size: 28px;}
  .s1_c2 .s1_c2_box li .s1_c2_tit {border-right: none; padding: 0; margin-bottom: 20px;}
  .s1_c2 .s1_c2_box li .s1_c2_sub {padding: 0;}
  .s1_c2 .s1_c2_box li .s1_c2_sub dt {font-size: 17px;}
  .s1_c2 .s1_c2_box li .s1_c2_sub dd {font-size: 17px;}

  .s1_c3 .s1_c3_text p {margin-bottom: 0;}
}

@media screen and (max-width: 450px){
  .cont03 .c3_box .c3_output .board_output_7_tr td {height: 65px; line-height: 22px;}
}

@media screen and (max-width: 380px){
  .s1_c1 h3::after {display: none;}
}