@charset "utf-8";

@media (max-width:1720px){
  .s_tit h2 {font-size: 44px;}
  #about .s_tit h3 {font-size: 54px;}
  #about .value li {width: 250px; height: 250px;}
  #product .bus_link ul {justify-content: center;}



}


@media (max-width:1440px){
  #m_slider .swiper-wrapper .text h2 {font-size: 78px;}
  #m_slider .swiper-wrapper .text h2 span {font-size: 100px;}
  #main .m_tit h2 {font-size: 30px; line-height: 165%;}
  #h_logo {width: 17%;}
  #h_gnb > li > a {font-size: 16px;}
  #h_gnb > li {padding: 0 18px;}

  .s_tit h2 {font-size: 42px;}
  #about .s_tit h3 {font-size: 48px;}
  #about .mission .box h2 {font-size: 27px;}
  #about .mission .box p {font-size: 17px;}

  #location .map .s_tit h2 {font-size: 42px;}
  .s_tit h3 {font-size: 28px;}
  #snb li a {padding: 30px 18px;}

  #product .top img {height: 300px;}
  #business.bus03 .bg .list li .img, #business.bus05 .bg .list li .img, #business.bus06 .bg .list li .img,  #business.bus07 .bg .list li .img,
  #business.bus08 .bg .list li .img,  #business.bus09 .bg .list li .img {height: 186px;}

  #ideal .top h2 {font-size: 42px;}
  #ideal .top .txt {font-size: 18px;}
  #ideal .content02 .grid h2 {font-size: 26px;}
  #ideal .content02 .grid p {font-size: 18px;}

  #recruit .top h2 {font-size: 42px;}
  #recruit .top .txt {font-size: 18px;}
  #recruit .s_tit h2 {font-size: 45px;}
  #recruit table tr th, #recruit table tr td {font-size: 17px;}
  #recruit .part02 .step li h2 {font-size: 18px;}
  #recruit .part02 .step li h3 {font-size: 22px;}
  #recruit .part02 .step li p {font-size: 16px;}
  #recruit .part02 .last {font-size: 16px;}

  #welfare .top .cont h2 {font-size: 42px;}
  #welfare .top .cont .txt {font-size: 18px;}
  #welfare .icon .list li .box .tit {font-size: 20px;}
  #welfare .icon .list li .box .txt {font-size: 17px;}


}

@media (max-width:1280px){

  #m_slider .swiper-wrapper .text h2 {font-size: 66px;}
  #m_slider .swiper-wrapper .text h2 span {font-size: 92px;}
  #m_pro_tab .tab_btn li {padding: 20px; font-size: 17px;}
  #m_pro_tab .tab_content .box .tit {font-size: 26px;}

  #main .m_tit h3 {font-size: 43px;}
  #main .m_tit h2 {font-size: 28px; word-break: keep-all;}
  #main .m_tit h2 br {display: none;}

  #m_bus .list li {width: 100%; margin-bottom: 150px;}
  #m_bus .list li:nth-child(2) {margin-top: 0;}
  #m_bus .list li:nth-child(odd) {transform: translateY(0);}

  #f_info {width: 100%; margin-bottom: 5%; display: flex; flex-direction: column;}
  #f_info .tit {width: 85%; margin: 0 auto 28px auto;}
  #f_info .txt {display: flex; flex-wrap: wrap; width:85%; margin: 0 auto;}
  #f_info .txt li:first-child {width: 100%;}
  #f_info .txt li {width: 33%;}
  #f_inquiry {width: 100%;}
  #f_inquiry .tit {width: 85%; margin: 0 auto 28px auto; font-size: 23px;}
  #f_inquiry .form_wrap {width: 85%; margin: 0 auto;}
  #f_inquiry form ul li .content span {font-size: 14px;}

  #about .value {flex-wrap: wrap;}
  #about .value li {margin-left: -20px;}

  #ceo .cont .big {font-size: 32px;}
  #ceo .cont .txt {font-size: 17px;}
  #ceo .cont .name b {font-size: 20px;}

  #product .icon .list li p {font-size: 25px;}
  #product .feat .s_tit .txt {font-size: 18px;}
  #product .spec .grid .num {font-size: 90px;}
  #product .spec .grid .tit {font-size: 22px;}
  #product .spec .grid table th, #product .spec .grid table td {font-size: 17px;}
  #product .inq_btn a {font-size: 18px; padding: 16px 46px;}
  #product .top img {height: 250px;}

  #business .top_img h2 {font-size: 44px;}
  #business .top_img h3 {font-size: 19px;}
  #business .bg .s_tit {flex-wrap: wrap;}
  .s_tit .txt {width: 100%; font-size: 18px;}
  #business .bg .list li h3 {font-size: 18px;}
  #business .pro .list li .img {margin-bottom: 8px;}
  #business .pro .list li h3 {font-size: 18px;}
  #business .inq_btn a {font-size: 18px;}
  #business .bg .list li .img {height: 193px;}
  #business.bus03 .bg .list li .img, #business.bus05 .bg .list li .img, #business.bus06 .bg .list li .img,  #business.bus07 .bg .list li .img,
  #business.bus08 .bg .list li .img,  #business.bus09 .bg .list li .img {height: 145px;}

  #inquiry .top h2 {font-size: 38px;}
  #inquiry form .list li .lbl {font-size: 16px;}
  #inquiry form .list li .content textarea.input {font-size: 14px;}
  #inquiry form .list li .content label {font-size: 14px;}
  #inquiry form .btn_box .form_btn {font-size: 16px;}

  #ideal .top h2 {font-size: 36px;}
  #ideal .top .txt {font-size: 17px;}
  #ideal .content02 .grid h2 {font-size: 24px;}
  #ideal .content02 .grid p {font-size: 16px;}

  #recruit section {margin-bottom: 0px;}
  #recruit .top .box {padding: 80px 0;}
  #recruit .top h2 {font-size: 36px; margin-bottom: 20px;}
  #recruit .top .txt {font-size: 17px;}
  #recruit .flex {flex-wrap: wrap; gap: 20px;}
  #recruit .s_tit h2 {font-size: 38px;}
  #recruit .s_tit h3 {font-size: 18px;}
  #recruit .flex .cont {width: 100%;}
  #recruit table tr th, #recruit table tr td {font-size: 15px;}
  #recruit .part02 {padding: 100px 0 80px;}
  #recruit .part02 .step {margin-top: 40px;}
  #recruit .part02 .step li h2 {font-size: 16px;}
  #recruit .part02 .step li h3 {font-size: 20px;}
  #recruit .part02 .step li p {font-size: 15px;}
  #recruit .part02 .last {margin-top:40px;}

  #welfare .top {margin-bottom: 100px;}
  #welfare .top .cont {padding: 10px 50px 10px 0;}
  #welfare .top .cont h2 {font-size: 36px;}
  #welfare .top .cont .txt {font-size: 17px;}
  #welfare .icon .list li {width: 33.33%;}
  #welfare .icon .list li .box .tit {font-size: 20px;}
  #welfare .icon .list li .box .txt {font-size: 16px;}
  #welfare .icon .list li:nth-child(4n) .box {border-right: 1px dashed #ccc;}
  #welfare .icon .list li:nth-child(3n) .box, #welfare .icon .list li:last-child .box {border-right: none;}
  #welfare .icon .list li:last-child , #welfare .icon .list li:nth-child(19){width: 50%;}


}

@media (max-width:1024px){
  #h_gnb {display: none;}
  #header .header_bg {display: none !important;}
  #header:hover #h_logo .white , #header:hover #h_lang .white , #header:hover #nav_btn .white{display: block;}
  #header:hover #h_logo .color , #header:hover #h_lang .black , #header:hover #nav_btn .black{display: none;}
  #header .wrap ul.menu { display: flex; }

  #header .container:after {content:none;}
  #m_slider .swiper-wrapper .swiper-slide {height: 90vh;}
  #m_slider .swiper-wrapper .text h2 {font-size: 44px;}
  #m_slider .swiper-wrapper .text h2 span {font-size: 70px;}
  #m_slider video { height: 100%; }

  #main .m_tit h3 {font-size: 38px;}
  #main .m_tit h2 {font-size: 22px;}

  #m_pro_tab {flex-wrap: wrap; margin-top: 40px;}
  #m_pro_tab .tab_btn {width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 4%;}
  #m_pro_tab .tab_btn li {width: 25%; min-height: 90px; border-right: 1px solid #dadada}
  #m_pro_tab .tab_btn li:nth-child(4),#m_pro_tab .tab_btn li:nth-child(8) {border-right: 0;}
  #m_pro_tab .tab_content_wrap {width: 100%; padding-left: 0;}
  #m_pro_tab .tab_content_wrap::before {left:0;}

  #m_bus .list li {margin-bottom: 100px;}

  #f_info .tit, #f_info .txt, #f_inquiry .tit, #f_inquiry .form_wrap {width: 90%;}
  #f_info .txt li {width: 30%;}
  #f_info .txt h3 {margin-right: 8px;}

  #s_top {height: 580px;}
  #s_top .tit {font-size: 45px; padding: 335px 0 0;}
  #s_top .path li {font-size: 17px;}
  #about .company .swiper-wrapper .swiper-slide {height: 400px;}
  .s_tit h2 {font-size: 34px; letter-spacing: -2px;}
  #about .s_tit h3 {font-size: 40px;}
  #about .mission .box h2 {font-size: 25px;}
  #about .mission .box p {font-size: 15px;}
  #snb {flex-wrap: wrap; justify-content: center;}
  #about .value li p {font-size: 24px;}
  #about .value li p b {font-size: 14px;}
  #about .value li {margin-top:-20px;}
  #about .value li:first-child, #about .value li:nth-child(2) {margin-top: 0;}

  #ceo {margin-top:-156px;}
  #ceo .top {padding: 350px 0 105px; background-position: 65% center; height: 185px;}
  #ceo .cont .big {font-size: 28px; word-break: keep-all;}
  #ceo .cont .txt {font-size: 16px;}
  #ceo .cont .name b {font-size: 18px;}
  #ceo .cont .name img {width:18%;}

  #ci .type .list {justify-content: center;}

  #location .map {flex-wrap: wrap;}
  #location .map .cont {width: 100%;}
  #location .map .s_tit h2 {font-size: 36px;}
  .s_tit h3 {font-size: 22px;}
  #location .map .cont .txt {font-size: 16px;}

  #product .icon .list li p {font-size: 23px;}
  #product .feat .s_tit {gap: 0 50px;}
  #product .feat .s_tit .txt i {margin-right: 10px;}
  #product .spec .grid table th, #product .spec .grid table td {font-size: 16px;}
  #product .inq_btn a {font-size: 16px; padding: 14px 44px;}
  #product .inq_btn {margin-top: 80px;}
  #product .top img {height: 200px;}

  #business .top_img h2 {font-size: 40px;}
  #business .top_img h3 {font-size: 18px;}
  #business .bg .subject {font-size: 23px;}
  #business .bg .list li .img {margin-bottom: 8px;}
  #business .bg .list li h3 {font-size: 17px;}
  #business .pro .list li .img {margin-bottom: 6px;}
  #business .pro .list li h3 {font-size: 16px;}
  #business .inq_btn a {padding: 18px 48px; font-size: 16px;}
  #business .pro .list li {margin-bottom: 40px;}
  #business section {margin-bottom: 100px;}
  .s_tit .txt {font-size: 17px;}
  .bus04 .s_tit .txt br, .bus08 .s_tit .txt br {display: none;}
  #business .bg .list li .img {height: 145px;}
  #business.bus03 .bg .list li .img, #business.bus05 .bg .list li .img, #business.bus06 .bg .list li .img,  #business.bus07 .bg .list li .img,
  #business.bus08 .bg .list li .img,  #business.bus09 .bg .list li .img {height: 108px;}

  #inquiry .top h2 {word-break: keep-all; font-size: 34px;}

  #ideal section {margin-bottom: 40px;}
  #ideal .top .box {padding: 60px 0;}
  #ideal .top h2 {font-size: 30px; line-height: 140%;}
  #ideal .top .txt {font-size: 16px;}
  #ideal .content .list li h2 {font-size: 24px;}
  #ideal .content .list li h3 {font-size: 18px;}
  #ideal .content .list li p {font-size: 15px;}
  #ideal .content02 {padding: 100px 0 80px;}
  #ideal .content02 .grid {margin-left: 48%;}
  #ideal .content02 .grid h2 {font-size: 21px;}
  #ideal .content02 .grid h2 i {margin-right: 28px;}
  #ideal .content02 .grid p {font-size: 16px; margin-left: 0;}

  #recruit .top .box {padding: 60px 0;}
  #recruit .top h2 {font-size: 30px; line-height: 140%;}
  #recruit .top .txt {font-size: 16px;}
  #recruit .s_tit h2 {font-size: 32px;}
  #recruit table tr td .down {position: static; margin-top: 6px;}
  #recruit .part02 .step {flex-wrap: wrap;}
  #recruit .part02 .step li {width:46%;}
  #recruit .part02 .last {margin-top: 0;}

  #welfare .icon .list li {width: 50%;}
  #welfare .icon .list li .box .tit {font-size: 17px;}
  #welfare .icon .list li .box .txt {font-size: 14px;}
  #welfare .icon .list li:nth-child(2n) .box {border-right: none!important;}
  #welfare .icon .list li:nth-child(3n) .box, #welfare .icon .list li:last-child .box {border-right: 1px dashed #ccc;}

}

@media (max-width:800px){
  #h_logo {width: 24%;}

  #sitemap {width: 100%;}

  #main section .container {flex-wrap: wrap;}
  #m_bus .m_tit {position: static; width:100%; height: auto;}


  #m_slider .swiper-wrapper .swiper-slide {height: 80vh;}
  #m_slider .swiper-wrapper .text h2 {font-size: 38px;}
  #m_slider .swiper-wrapper .text h2 span {font-size: 52px;}
  #m_slider .scroll_line {height: 110px;}
  #m_slider .scroll_line::before {height: 36px;}
  #m_slider .swiper-wrapper .slide01 .text h2 br {display: block;}

  #m_pro_tab .tab_btn li {padding: 14px; font-size: 14px; min-height: auto;}
  #m_pro_tab .tab_btn li:hover::after {top: 9px;}
  #m_pro_tab .tab_content .box {height: 400px;}
  #m_pro_tab .tab_content01, #m_pro_tab .tab_content02, #m_pro_tab .tab_content03, #m_pro_tab .tab_content04, #m_pro_tab .tab_content05, #m_pro_tab .tab_content06,
  #m_pro_tab .tab_content07, #m_pro_tab .tab_content08, #m_pro_tab .tab_content09 {background-position: center center;}
  #m_pro_tab .tab_content .box {padding: 30px;}
  #m_pro_tab .tab_content .box .tit {font-size: 22px;}

  #m_bus .list {width: 100%; gap:0;}
  #m_bus .list li a {min-height: 300px;}

  #f_info .tit, #f_info .txt, #f_inquiry .tit, #f_inquiry .form_wrap {width: 100%;}
  #f_info .tit > img {width: 20%;}
  #f_info .tit > p {font-size: 14px; margin-left: 20px;}
  #f_info .txt li {width: 50%;}
  #f_info .txt h3 {font-size: 0.9em; min-width: auto;}
  #f_info .txt p {font-size: 14px;}
  #f_inquiry .tit {font-size: 18px; margin: 0 auto 14px auto;}
  #f_inquiry .tit span {font-size: 14px;}
  #f_inquiry form ul li .content span {font-size: 13px;}

  #sub {padding: 115px 30px 200px;}

  #about .s_tit h2 {font-size: 36px;}
  #about .s_tit h3 {font-size: 36px;}
  #about .company .swiper-wrapper .swiper-slide {height: 300px;}
  #about .company .swiper-wrapper .swiper-slide .txt {padding: 6px 16px; font-size: 16px; bottom: 10px; right: 10px;}
  #about .mission {flex-wrap: wrap; padding: 164px 0;}
  #about .mission .box {flex-direction: row; justify-content: left; gap:4%; padding:0; border-right:0;}
  #about .mission .box .icon {min-width:102px; justify-content: center;}
  #about .mission .box h2 {min-width: 158px; word-break: keep-all;}
  #about .mission .box p {text-align: left;}

  #ceo {margin-top:-115px;}
  #ceo .top {padding: 350px 0 0;}

  #ci .concept .txt {padding: 40px 30px;}
  #ci .type .list li {width: 47%;}
  #ci .type .list {gap: 30px 5%;}
  #ci .sign .box {gap: 20px;}

  #location .info .txt {margin-bottom: 100px;}
  #location .map {gap: 30px; margin-bottom: 100px;}
  #location .map:last-child {margin-bottom: 0;}

  .s_tit h2 {font-size: 30px;  letter-spacing: -1.5px;}
  .s_tit h3 {font-size: 17px;}
  .s_tit .txt {font-size: 18px;}
  #product .icon {padding: 80px 0; }
  #product .icon .list {flex-wrap: wrap; gap: 24px 0;}
  #product .icon .list li {width:48%;}
  #product .icon .list li p {margin-top: 12px;}
  #product .icon .list li .box {width:150px; height:150px;}
  #product .feat .s_tit {flex-wrap: wrap;}
  #product .spec .grid table th, #product .spec .grid table td {font-size: 15px;}
  #product .spec .s_tit {margin-bottom: 16px;}
  #product .inq_btn {margin-top: 60px;}
  .pro03 .model .s_tit .right br {display: none;}
  #product.pro07 .top, #product.pro08 .top {gap: 0 5px;}
  #product.pro07 .top img, #product.pro08 .top img {height: 150px;}
  .pro07 .model .s_tit .right br {display: none;}
  .pro08 .model .s_tit .right br {display: none;}

  /* .s_tit .txt br {display: none;} */
  #business .bg .subject {font-size: 21px;}
  #business .bg .list li h3 {font-size: 16px;}
  #business .bg .list li .img {margin-bottom: 6px;}
  #business .pro .list li h3 {font-size: 15px;}
  #business .pro .list li {margin-bottom: 22px;}
  #business .inq_btn a {padding: 16px 44px; font-size: 15px;}
  #business section {margin-bottom: 80px;}
  .bus01 .s_tit .txt br {display: none;}
  #business .bg .list li .img {height: 100px;}
  #business.bus03 .bg .list li .img, #business.bus05 .bg .list li .img, #business.bus06 .bg .list li .img,  #business.bus07 .bg .list li .img,
  #business.bus08 .bg .list li .img,  #business.bus09 .bg .list li .img {height: 76px;}

  #inquiry .top h2 {font-size: 25px;}
  #inquiry form .list li .lbl {width: 160px;}
  #inquiry form .btn_box {justify-content: center; gap: 30px; margin-top: 20px;}
  #inquiry form .btn_box .form_btn {padding: 15px 70px;}

  #ideal .top h2 {font-size: 29px;}
  #ideal .top h2 br {display: none;}
  #ideal .top .txt {font-size: 15px;}
  #ideal .top .txt br {display: none;}
  #ideal .content .list {margin-top: 50px; flex-wrap: wrap; gap:4%;}
  #ideal .content .list li {width : 48%;}
  #ideal .content .list li:nth-child(2) {margin-top:0;}
  #ideal .content .list li:nth-child(3), #ideal .content .list li:nth-child(4) {margin-top:60px;}
  #ideal .content .list li img {height: 150px;}
  #ideal .content .list li h2 {font-size: 22px; padding-top: 12px;}
  #ideal .content .list li h3 {font-size: 16px; margin: 2px 0 8px;}
  #ideal .content02 {padding: 80px 0 40px;}
  #ideal .content02 .grid {margin-left: 8%;}
  #ideal .content02 .grid h2 {font-size: 19px;}
  #ideal .content02 .grid p {font-size: 14px;}
  #ideal .content02 .grid h2 i {margin-right: 20px; margin-left: -37px;}

  #recruit .top h2 {font-size: 29px;}
  #recruit .top .txt {font-size: 15px;}
  #recruit .top h2, #recruit .top .txt{word-break: keep-all;}
  #recruit .top h2 br {display: none; }
  #recruit .top .txt br:nth-child(2) {display: none;}
  #recruit .s_tit h2 {font-size: 30px;}
  #recruit .s_tit h3 {font-size: 17px;}
  #recruit table tr th, #recruit table tr td {font-size: 14px;}
  #recruit table tr th, #recruit table tr td {padding: 14px;}
  #recruit table tr th {width: 18%;}
  #recruit .part02 .step { margin-bottom: 0px;}
  #recruit .part02 .step li {width: 45%;}
  #recruit .part02 .step li .icon {width:150px; height:150px; margin: 0 auto 20px;}
  #recruit .part02 .step li h2 {font-size: 15px;}
  #recruit .part02 .step li h3 {font-size: 18px; margin: 3px 0 14px;}
  #recruit .part02 .step li p {font-size: 13px; padding-top: 16px;}
  #recruit .part02 .step li h3::before {bottom: -21px;}
  #recruit .part02 .last {font-size: 13px;}

  #welfare .top {margin-bottom: 80px;}
  #welfare .top .cont h2 {font-size: 29px;}
  #welfare .top .cont .txt {font-size: 15px;}



}

@media (max-width:600px){
  #h_logo {width: 29%;}

  #main .m_tit h3 {font-size: 34px;}
  #main .m_tit h2 {font-size: 18px;}

  #m_slider .swiper-wrapper .swiper-slide {height: 70vh;}
  #m_slider .swiper-wrapper .text h2 {font-size: 58px; text-align: left; line-height: 120%;}
  #m_slider .swiper-wrapper .text h2 span {font-size: 70px;}
  #m_slider .swiper-wrapper .text h2 br {display: block;}

  #m_pro_tab .tab_btn li a {word-break: keep-all;}
  #m_pro_tab .tab_btn li:hover::after {right: 10px;}
  #m_pro_tab .tab_content .box .tit {font-size: 18px; padding: 20px;}

  #m_bus .list li a {max-height: 300px; min-height: auto;}
  #m_bus .list li .num {font-size: 74px;}
  #m_bus .list li .tit {font-size: 20px; margin: 18px 0 10px;}

  #f_info .txt li:last-child {width: 100%;}
  #f_inquiry form ul li.w50 {width: 100%;}
  #f_inquiry form ul li .content {position:static; text-align: center;}
  #f_inquiry form .submit {position: static; margin-top:6%;}

  #s_top {height: 450px;}
  #s_top .tit {padding: 260px 0 0; font-size: 38px;}
  #s_top .path {margin-top: 10px;}
  #s_top .path li {font-size: 15px;}
  #snb li a {font-size: 15px; padding: 26px;}
  #about .info {margin-bottom: 60px;}
  #about .s_tit h3 {font-size: 34px;}

  #about .company .swiper-wrapper .swiper-slide {height: 200px;}
  #about .company .swiper-wrapper .swiper-slide .txt {right: 126px;}
  #about .value li {width: 200px; height: 200px;}
  #about .value li p {font-size: 22px;}
  #about .value li p b {font-size: 12px;}
  #about .mission {padding: 50px 0;}
  #about .mission .box {flex-direction: column; margin-bottom: 5%;}
  #about .mission .box .icon img {width: 80%;}
  #about .mission .box h2 {text-align: center; margin: 0 0 10px;}
  #about .mission .box p {text-align: center;}

  #ceo .top {padding: 265px 0 0; background-position: 78% center;}
  #ceo .cont .big {font-size: 25px;}
  #ceo .cont .txt {font-size: 15px;}
  #ceo .cont .name img {width: 26%;}

  #ci .type .list li {width: 100%;}
  #ci .type .list li .img {justify-content: center;}
  #ci .type .list li .img img {max-width: 70%;}
  #ci .sign .box .img {padding: 20px; display: flex; align-items: center;}

  #location .info .txt {margin-bottom: 60px;}
  #location .map .s_tit h2 {font-size: 30px;}
  .s_tit h3 {font-size: 17px;}
  #location .map .cont iframe {height: auto;}

  #product .icon {padding: 60px 0; }
  #product .icon .list li p {font-size: 20px;}
  #product section {margin-bottom: 60px;}
  #product .feat .s_tit .txt {font-size: 16px;}
  #product .spec .grid .num {font-size: 80px;}
  #product .spec .grid table th, #product .spec .grid table td {font-size: 13px;}
  #product .inq_btn {margin-top: 40px;}
  #product .spec .grid {overflow-x: scroll;}
  #product .top img {height: 150px;}
  #product.pro07 .top, #product.pro08 .top {gap: 0;}
  #product.pro07 .top img, #product.pro08 .top img {height: 130px;}

  #business .top_img h2 {font-size: 36px;}
  #business .top_img h3 {font-size: 16px;}
  .s_tit h2 {font-size: 27px;}
  .s_tit .txt {font-size: 16px;}
  #business .bg .subject {font-size: 19px;}
  #business .bg .list {gap: 12px 8px;}
  #business .bg .list li {width: calc(33.33% - 8px);}
  #business.bus03 .bg .list li, #business.bus05 .bg .list li, #business.bus06 .bg .list li, #business.bus07 .bg .list li,  #business.bus08 .bg .list li,  #business.bus09 .bg .list li {width: calc(50% - 8px);}
  #business.bus03 .bg .list li .img, #business.bus05 .bg .list li .img, #business.bus06 .bg .list li .img,  #business.bus07 .bg .list li .img,
  #business.bus08 .bg .list li .img,  #business.bus09 .bg .list li .img {height: 128px;}
  #business .bg .list li h3 {font-size: 15px;}
  #business .pro .list {gap: 0 8px;}
  #business .pro .list li {width: calc(33.33% - 8px);}
  #business section {margin-bottom: 60px;}
  #business .bg .list li .img {height: 84px;}

  #inquiry .top h2 {font-size: 20px;}
  #inquiry form .list li {flex-wrap: wrap; gap: 10px; padding: 15px 10px;}
  #inquiry form .list li .lbl {font-size: 15px;}
  #inquiry form .btn_box {gap: 20px; margin-top: 15px;}
  #inquiry form .btn_box .form_btn {font-size: 15px; padding: 15px 58px;}

  #ideal .top h2 {font-size: 26px; margin-bottom: 14px;}
  #ideal .content .list li h2 {font-size: 20px;}
  #ideal .content .list li h3 {font-size: 15px;}
  #ideal .content .list li p {font-size: 13px;}
  #ideal .content02 .grid {margin-left: 10%;}
  #ideal .content02 .grid h2 i {margin-right: 16px;}

  #recruit .top h2 {font-size: 26px; margin-bottom: 14px;}
  #recruit .top .txt {font-size: 14px;}
  #recruit .s_tit h2 {font-size: 26px;}
  #recruit .s_tit h3 {font-size: 16px;}
  #recruit table tr th, #recruit table tr td {font-size: 12px; padding: 10px;}
  #recruit .part02 .step {gap:30px;}
  #recruit .part02 .step li {width: 100%;}
  #recruit .part02 .step li p {padding: 16px 22px;}
  #recruit .part02 .last {text-align: center;}

  #welfare .top {margin-bottom: 60px;}
  #welfare .top .cont h2 {font-size: 26px;}
  #welfare .top .cont .txt {font-size: 14px;}
  #welfare .icon .list li {width: 100%; margin-bottom: 0;}
  #welfare .icon .list li:nth-child(2n+1) .box {border-right: none;}
  #welfare .icon .list li .box {display: flex; flex-direction: column; justify-content: center; border-bottom:1px dashed #ccc; }
  #welfare .icon .list li:last-child, #welfare .icon .list li:nth-child(19) {width: 100%;}

}

@media (max-width:480px){
  #h_logo {width: 42%;}

  #m_slider .swiper-wrapper .swiper-slide {height: 60vh;}
  #m_slider .swiper-wrapper .text h2 {font-size: 38px; line-height: 135%;}
  #m_slider .swiper-wrapper .text h2 span {font-size: 50px;}
  #m_slider .swiper-wrapper .slide01 .text { left: 20px; bottom: inherit; padding: 0; }
  #m_slider .swiper-wrapper .slide01 .text h2 {font-size: 38px; line-height: 135%;}
  #m_slider .swiper-wrapper .slide01 .text h2 span {font-size: 50px;}

  #m_slider .scroll_line {height: 100px;}
  #m_slider .scroll_line::before {height: 30px;}

  #main .m_tit h3 {font-size: 28px;}
  #main .m_tit h3::before {top:20px;}
  #m_pro_tab {margin-top: 20px;}
  #m_pro_tab .tab_btn li {width: 50%;}
  #m_pro_tab .tab_btn li:nth-child(2), #m_pro_tab .tab_btn li:nth-child(6) {border-right: 0;}

  #m_bus .list li .tit {margin: 12px 0 10px;}
  #m_bus .list li .num {font-size: 60px;}
  #m_bus .list li a {max-height: 250px;}
  #m_bus .list li {margin-bottom: 80px;}
  #m_bus .list li .num {margin: -53px -33px 10px 0;}

  #main .m_tit h3 {margin-bottom: 10px;}
  #main .m_tit h2 {font-size: 16px;}

  #f_info .tit > img {width: 32%;}
  #f_info .txt li {flex-wrap: wrap;}
  #f_info .txt p {font-size: 12px;}
  #f_inquiry .tit {font-size: 16px;}
  #f_inquiry .tit span {font-size: 12px;}
  #f_inquiry form .input {font-size: 12px;}
  #f_inquiry form ul {gap: 10px;}
  #f_inquiry form ul li .content span {font-size: 12px;}
  #f_inquiry form .submit {margin-top: 4%;font-size: 13px;}
  #f_inquiry form .submit .icon {margin-top: 2px;}
  #footer .copy {font-size: 12px;}

  .container {padding: 0 10px;}

  #sub {padding: 100px 20px 50px;}
  #s_top .tit {font-size: 28px;}
  #s_top .path li {font-size: 14px;}
  #snb li a {padding: 22px 12px;}
  #about .company .swiper-wrapper .swiper-slide {height: 200px;}
  #about .company .swiper-wrapper .swiper-slide .txt {font-size: 12px;}
  #about .s_tit h2 {font-size: 30px;}
  #about .s_tit h3 {font-size: 24px; margin-bottom: 50px;}
  #about .value li {width: 150px; height: 150px;}
  #about .value li p {font-size: 18px;}
  #about .value li p b {font-size: 11px;}
  #about .mission .box {margin-bottom: 15%;}
  #about .mission .box h2 {font-size: 20px; margin:0 0 8px;}
  #about .mission .box p {font-size: 13px;}
  #about .mission .box .icon {height: auto; margin-bottom: 5%;}

  #ceo {margin-top: -100px;}
  #ceo .top {padding: 174px 0 0;}
  #ceo .cont .big {font-size: 20px; margin-bottom: 24px;}
  #ceo .cont .txt {font-size: 13px;}
  #ceo .cont .name {display: flex; justify-content: right;}
  #ceo .cont .name b {font-size: 12px; margin-right: 14px;}
  #ceo .cont .name img {width: 24%;}

  #ci .concept .img {margin: 60px 0;}
  #ci .concept .txt {padding: 20px 10px; font-size: 16px;}
  #ci .type .list li h3 {font-size: 16px;}
  #ci .type .list li .img {height: 160px;}
  #ci .sign .box {flex-wrap: wrap;}
  #ci .sign .box .img {width: 100%;}
  #ci .type .list li .img img {max-width: 100%;}

  #location .map .cont .txt {font-size: 14px;}
  #location .map .s_tit h2 {font-size: 27px;}
  .s_tit h3 {font-size: 14px;}

  .s_tit .txt {font-size: 16px;}
  #product .icon .list li {width: 100%;}
  .pro04 .model .s_tit .right br {display: none;}
  #product .top {gap:0;}
  #product.pro07 .top, #product.pro08 .top {overflow-x: scroll; justify-content: flex-start;}

  #business section {margin-bottom: 40px;}
  #business .top_img h2 {font-size: 29px;}
  #business .top_img h3 {font-size: 14px;}
  .s_tit h2 {font-size: 22px;  letter-spacing: -1px;}
  .s_tit .txt {font-size: 14px; line-height: 180%;}
  #business .bg .subject {font-size: 18px;}
  #business .bg .list li {width: calc(50% - 8px);}
  #business .bg .list li h3 {font-size: 14px;}
  #business .pro .list li {width: calc(50% - 8px);}
  #business .pro .list li h3 {font-size: 14px;}
  #business .inq_btn a {font-size: 13px; padding: 14px 38px;}
  #business .bg .s_tit {margin-bottom: 20px;}
  #business.bus03 .bg .list li .img, #business.bus05 .bg .list li .img, #business.bus06 .bg .list li .img,  #business.bus07 .bg .list li .img,
  #business.bus08 .bg .list li .img,  #business.bus09 .bg .list li .img {height: 84px;}

  #inquiry form .list li .pro_check .group:nth-child(3), #inquiry form .list li .pro_check .group:nth-child(4),#inquiry form .list li .pro_check .group:nth-child(5),#inquiry form .list li .pro_check .group:nth-child(6) {width: 100%;}
  #inquiry form .list li .content textarea.input, #inquiry form .list li .content label {font-size: 12px;}
  #inquiry form .btn_box {margin-top: 10px;}
  #inquiry form .btn_box .form_btn {font-size: 14px; padding: 15px 34px;}

  #ideal .top .box { padding: 0; }
  #ideal .top h2 { font-size: 20px; }
  #ideal .top .txt { font-size: 12px; }
  #ideal .content .list { flex-wrap: wrap; }
  #ideal .content .list li { width: 100%; text-align: center; margin-bottom: 40px;}
  #ideal .content .list li:nth-child(2) {  margin-top: 0; }
  #ideal .content .list li:nth-child(3) {  margin-top: 0; }
  #ideal .content .list li:nth-child(4) {  margin-top: 0; }
  #ideal .content .list li h2 {font-size: 18px;}
  #ideal .content .list li h3 {font-size: 14px;}
  #ideal .content02 .grid h2 {font-size: 16px;}
  #ideal .content02 .grid p {font-size: 12px;}
  #ideal .content02 .grid h2 i {margin-right: 12px; margin-left: -28px;}


  #recruit .top h2 {font-size: 20px;}
  #recruit .top .txt {font-size: 12px;}
  #recruit .top .box {padding: 0 0 30px 0;}
  #recruit .s_tit h2 {font-size: 22px;}
  #recruit .s_tit h3 {font-size: 14px;}
  #recruit .part02 .step li h2 {font-size: 13px;}
  #recruit .part02 .step li h3 {font-size: 16px;}
  #recruit .part02 .step li p {font-size: 12px;}

  #welfare .top {margin-bottom: 40px;}
  #welfare .top .cont h2  {font-size: 20px;}
  #welfare .top .cont h2 br {display: none;}
  #welfare .top .cont .txt {font-size: 12px;}


}