@media screen and (max-width:1678px) {

  #header .head-container .gnb_box {margin-left: -414px;}
  #header .head-container .gnb_box .gnb > li > a {padding: 0 32px;}
  #wrapper {overflow: hidden;}

  .head-container {max-width:95%;}

  #container {width: 95%; margin: 0 auto; float:inherit;}
  #main_wrap .section_txt_wrap {width: 90%;}
  #main_wrap .section_txt_wrap .section_title {font-size: 48px;}
  #main_wrap .section_txt_wrap .section_article {font-size: 14px;}
  #main_wrap .section_txt_wrap .section_desc {padding-bottom: 0;}

  #main_wrap #section01 .swiper-pagination {left:50px;}
  #main_wrap #section01 .swiper-slide .txt_wrap {padding: 130px 140px;}
  #main_wrap #section01 .swiper-slide .main_title {font-size: 54px; width: 90%; line-height: 130%; }
  #main_wrap #section01 .swiper-slide .main_article {font-size: 24px; margin-bottom: 22px;}
  #main_wrap #section01 .main_btn .main_btn_box .view {font-size: 18px;}

  #main_wrap #section02 {width: 90%; margin: 0 auto 169px auto; z-index: 999;}
  #main_wrap #section02 .main_circle02 {right: -8.6%;}
  #main_wrap #section02 .solution_wrap {width:100%;}
  #main_wrap #section02 .solution_con .solution_title {font-size: 22px;}
  #main_wrap #section02 .solution_con .solution_desc {font-size: 15px;}


  #main_wrap #section03 {width:95%;}
  #main_wrap #section03 .pro_con {height: 640px;}
  #main_wrap #section03 .pro_class li a {font-size: 18px; padding: 10px 27px;}
  #main_wrap #section03 .pro_img_wrap {width: 55%; height: 90%;}
  #main_wrap #section03 .swiper {width: 100%; height: 79.5%;}
  #main_wrap #section03 .pro_img_desc p {font-size: 16px; padding: 14px 0;}
  #main_wrap #section03 .pro_aside {width: 45%; padding: 60px 50px; height: 630px; top: 0;}

  #main_wrap #section04 {width:95%;}
  #main_wrap #section04 .section_txt_wrap {width: 95%;}
  #main_wrap #section04 .section_txt_wrap .section_article:after, #main_wrap #section04 .section_txt_wrap .section_article:before {width: 28%;}
  #main_wrap #section04 .business_con_wrap {width: 90%; justify-content: normal; gap: 2%;}
  #main_wrap #section04 .con_open {width: 40%;}
  #main_wrap #section04 .con_close {width: 19%;}


  #main_wrap #section05 {width:90%;}
  #main_wrap #section05 .project_con_wrap {width: 90%; margin: 0 auto;}
  #main_wrap #section05 .project_con {width: 32%;}

  #main_wrap #section06 {width:95%;}
  #main_wrap #section06 .sns_top_txt {height: 485px;}

  #footer .ft_1400 {width:90%;}
  #ft_wr {width:100%;}

  #sub0101 .sub01_con02 {width:90%;}
  #sub0101 .sub01_con02 .vision_wrap .vision_img {width: 50%;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap {width: 42%; margin-left: 5%;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt .tit {font-size: 19px;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt .article {font-size: 15px;}

  #sub0101 .sub01_con03 .flip_wrap .flip {width: 33%;}

  #sub0101 .sub01_con03 {width:90%;}

  #sub0101 .sub01_con04 {width:90%;}

  #sub0102, #sub0103, #sub0104, #sub0105 {width: 90%;}
  .sub02_con03, .sub02_con04 {width: 100%;}

  #menu_tab ul li a {padding: 24px 61px; font-size: 18px;}

  #bo_gall {width: 90%!important;}

  #sub0304 .charac_con_wrap .charac_con .article:after {left: calc(-30% + 42rem); width: 135px;}
  .fields .desc, #sub0502 .fields ul li:nth-child(5) .desc, #sub0502 .fields ul li:nth-child(10) .desc, #sub0502 .fields ul li:nth-child(11) .desc {padding: 0 15px; width: 100%;}
  #sub0501 form ul li:first-child .desc {width: 25%;}

  #sub0503 {width: 90%; gap: 4%;}
  #sub0503 iframe {width: 48%;}
  #sub0503 .location_txt_wrap {width: 48%;}

  #wrapper #login_container {width: 90%;}



}

@media screen and (max-width:1440px) {
  #header .head-container > h1 {top: 14px; left: 0;}
  .head_wrap > h1 > a > img {width: 85%;}
  #header .head-container .gnb_box {margin-left: -321px;}
  #header .head-container .gnb_box .gnb > li > a {font-size: 17px; padding: 0 22px;}
  #header:hover .sub {height: 215px;}
  .gnb .sub > li > a {font-size: 13px; line-height: 16px;}

  #main_wrap .section_txt_wrap {width: 100%;}

  #main_wrap #section01 .swiper-slide .txt_wrap {padding: 130px 80px;}
  #main_wrap #section01 .swiper-pagination {left: 36px;}
  #main_wrap #section01 .swiper-slide .main_article {font-size: 21px;}
  #main_wrap #section01 .swiper-slide .main_title {font-size: 56px;}
  #main_wrap #section01 .swiper-slide .main_title br {display: none;}
  #main_wrap #section01 .main_btn .main_btn_box .view {font-size: 18px; margin-right: 16px;}

  #main_wrap #section02 {width: 100%;}
  #main_wrap #section02 .main_circle02 {bottom: 34%;}
  #main_wrap #section02 .solution_con .solution_title {font-size: 23px; margin-bottom: 14px;}
  #main_wrap #section02 .solution_con .solution_desc {font-size: 15px;}

  .medicine_img_wrap {gap:2%;}
  .medicine_img_wrap .img_wide {width: 49%;}
  .medicine_img_wrap .img_wide .txt_wrap .title {font-size: 26px;}
  .medicine_img_wrap .img_wide .txt_wrap .article {font-size: 16px; margin-bottom: 38px;}
  .medicine_img_wrap .img_wide .txt_wrap .btn p {font-size: 15px;}
  .medicine_img_wrap .img_short_wrap {width: 49%;}
  .medicine_img_wrap .img_short:first-child, .medicine_img_wrap .img_short:last-child {width:100%;}
  .medicine_img_wrap .img_short .txt_wrap .title {font-size: 26px;}
  .medicine_img_wrap .img_short .txt_wrap .article {font-size: 16px; margin-bottom: 30px;}
  .medicine_img_wrap .img_short .txt_wrap .btn p {font-size: 15px;}

  #main_wrap #section03 {width: 100%;}
  #main_wrap #section03 .pro_aside {height: 595px;}
  #main_wrap #section03 .swiper {height: 71%;}

  #main_wrap #section05 {width: 100%;}
  #main_wrap #section05 .section_txt_wrap {margin-bottom: 56px;}
  #main_wrap #section05 .project_con a {font-size: 20px;}
  #main_wrap #section05 .project_con_wrap {width: 100%;}

  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box {gap: 5%;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_num {width: 90px; height: 90px;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt {width: 75%;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt .tit {font-size: 18px;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt .article {font-size: 14px; line-height: 22px;}
  #sub0101 .sub01_con02 .vision_wrap .vision_img {width: 45%;}

  #sub0102 .history_fix .his_article {font-size: 19px;}
  #sub0102 .history_fix .his_title {font-size: 63px; margin-bottom: 34px;}
  #sub0102 .history_fix .his_desc {font-size: 16px; line-height: 26px;}
  #sub0102 .history_move .history_con {gap: 50px;}

  #sub0105 .sub01_con01 .vision_title {font-size: 19px; line-height: 32px;}
  #sub0105 .sub01_con01 .vision_title br {display: none;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left {width: 100%; padding-top: 50px; margin-bottom: 50px;}

  #menu_tab ul li a {padding: 24px 56px; font-size: 17px;}
  .sec_title {font-size: 37px; }
  .sec_desc {font-size: 18px; line-height: 30px;}
  .sub02_con01 .anno {font-size: 15px;}
  .con_title > p {font-size: 26px;}
  .con_desc {font-size: 17px; line-height: 26px;}

  .sub02_con04 .app_tit_wrap {margin-bottom: 9px;}
  .sub02_con04 .app_tit_wrap .app_tit {font-size: 18px;}
  .sub02_con04 .app_desc {font-size: 16px; line-height: 26px;}

  #sub0301 .sub0301_con_wrap .sub0301_con {justify-content: space-around;}

  #sub0304 .title_wrap .title_box .title {font-size: 39px;}
  #sub0304 .title_wrap .title_box .article {font-size: 18px;}
  #sub0304 .title_wrap .desc {font-size: 16px; line-height: 27px;}

  #sub0304 .con_title > p {font-size: 24px;}
  #sub0304 .charac_con_wrap .charac_con .tit_wrap p {font-size: 19px;}
  #sub0304 .charac_con_wrap .charac_con .article {font-size: 15px; line-height: 23px;}
  #sub0304 .charac_con_wrap .charac_con .article:after {content: none;}
  #sub0304 .benefit_wrap .benefit_con .title {font-size: 19px; }
  #sub0304 .benefit_wrap .benefit_con .article {font-size: 15px; line-height: 25px;}
  #sub0304 .function_wrap .function_con .txt_wrap .title_box .title {font-size: 16px;}
  #sub0304 .function_wrap .function_con .txt_wrap .article_box .article {font-size: 14px; line-height: 22px;}
  #sub0304 .tg tr .tg-0pky:first-child {font-size: 15px;}
  #sub0304 .tg tr .tg-0pky:last-child {font-size: 14px;}

  #sub0501 .sub05_con02 .esg_wrap .esg_con .title {font-size: 26px;}
  #sub0501 .sub05_con02 .esg_wrap .esg_con .script {font-size: 15px;}



}

@media screen and (max-width:1280px) {
  .gnb .sub > li > a {padding: 8px;}
  #header .head-container .gnb_box {display: none;}
  #header .head-container .util_wrap {display: none;}
  #nav_btn { display: block; right: 13px;}
  #header .head-container > h1 {left: 13px;}
  #header:hover::after {display: none;}

  #container {padding-bottom: 75px;}

  #main_wrap #section01 .swiper-slide .txt_wrap {padding: 130px 100px;}
  .swiper-pagination-bullet {width: 10px; height: 10px;}
  #main_wrap #section01 .swiper-slide .main_article {font-size: 20px;}
  #main_wrap #section01 .swiper-slide .main_title {font-size: 46px;}
  #main_wrap #section01 .main_btn .main_btn_box .view {font-size: 16px;}
  #main_wrap #section01 .main_btn .main_btn_box img {width: 8px;}
  #main_wrap #section01 .scroll_down .mouse_icon {width:21px; height: 46px;}
  #main_wrap #section01 .scroll_down .mouse_icon .mouse_dot {width: 2px; height: 5px; top:12%;}
  @keyframes mouseMove {
  0% {
    top: 12%;
    opacity: 100%;
  }
  100%{
    top: 13%;
    opacity: 0%;
  }
}
  #main_wrap #section01 .scroll_down .scroll_txt {font-size: 16px;}

  #main_wrap .section_txt_wrap .section_desc {font-size: 15px; line-height: 24px;}

  #main_wrap #section02 {z-index: 999;}
  #main_wrap #section02 .solution_con {width: 50%; border-right: 0; margin-bottom: 60px;}
  #main_wrap #section02 .solution_con .solution_title {font-size: 20px;}
  #main_wrap #section02 .solution_con .solution_desc {font-size: 14px; line-height: 21px;}

  .medicine_img_wrap .img_wide {width: 49%; height: 550px;}
  .medicine_img_wrap .img_wide .txt_wrap {padding: 42px;}
  .medicine_img_wrap .img_wide .txt_wrap .title {font-size: 24px; word-break: keep-all;}
  .medicine_img_wrap .img_wide .txt_wrap .article {font-size: 15px; word-break: keep-all;}
  .medicine_img_wrap .img_wide .txt_wrap .article br {display: none;}
  .medicine_img_wrap .img_short_wrap {width: 48%;}
  .medicine_img_wrap .img_short {width: 100%; height: 262px;}
  .medicine_img_wrap .img_short .txt_wrap {padding: 30px;}
  .medicine_img_wrap .img_short .txt_wrap .title {font-size: 22px; word-break: keep-all;}
  .medicine_img_wrap .img_short .txt_wrap .article {font-size: 15px; margin-bottom: 26px; word-break: keep-all;}
  .medicine_img_wrap .img_short .txt_wrap .article br {display: none;}

  #main_wrap #section04 .section_txt_wrap .section_article:after, #main_wrap #section04 .section_txt_wrap .section_article:before {width: 33%;}
  #main_wrap #section04 .con_open_txt {padding: 0 0 21px 0 ; min-height: 150px;}
  #main_wrap #section04 .con_open_title_wrap {margin-bottom: 14px;}
  #main_wrap #section04 .con_open_desc {font-size: 15px; line-height: 24px;}
  #main_wrap #section04 .con_close_btn {width: 140px; height: 60px;}
  #main_wrap #section04 .con_close a {font-size: 14px;}

  #main_wrap #section04 .con_open_title_wrap .con_open_title {font-size: 18px;}
  #main_wrap #section04 .con_open_title_wrap > img {width: 4%; margin-right: 10px;}
  #main_wrap #section04 .con_open_title_wrap {margin-bottom: 8px;}
  #main_wrap #section04 .con_open_desc {padding-left: 24px; word-break:break-all; font-size: 14px; line-height: 22px;}

  #main_wrap #section05 .project_con {height: 60px;}
  #main_wrap #section05 .project_con a {font-size: 18px;}

  #main_wrap #section06 .sns_title {font-size: 18px; line-height: 31px; margin-bottom: 17px;}
  #main_wrap #section06 .sns_desc {font-size: 12px; line-height: 23px;}
  #main_wrap #section06 .sns_top_txt {background: url('../img/sns_txt_bg.png') no-repeat center 100%; height: 344px; padding: 35px;}
  #main_wrap #section06 .sns_desc br {display: none;}
  #main_wrap #section06 .sns_more_title > img {margin-right: 13px; width: 1.5%;}
  #main_wrap #section06 .sns_more_title > p {font-size: 18px;}

  #footer .ft_link li {font-size: 15px;}
  #footer .ft_link {gap: 30px;}
  #footer .ft_info {font-size: 13px; line-height: 22px;}
  #footer .copy {font-size: 11px;}
  #footer .ft_txt img {margin-bottom: 28px;}
  #footer .ft_link {margin-bottom: 25px;}

  #sub_header .sub_header_txt_wrap .sub_header_txt .menu {font-size: 24px;}
    #sub_header .sub_header_txt_wrap .sub_header_txt .sub_header_tit {font-size: 36px; line-height: 47px; word-break: keep-all;}
    .con_title {margin-bottom: 18px; align-items: normal;}
    .con_title > p {font-size: 24px;}
    .con_desc {font-size: 17px; line-height: 26px;}

    #sub0101 .con_title_wrap {margin-bottom: 60px;}
    #sub0101 .sub01_con01 .vision_desc {font-size: 17px; line-height: 28px;}
    #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap {margin-left: 2%; width: 53%;}
    #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_num {width: 80px; height: 80px;}
    #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_num p {font-size: 23px;}

    #sub0101 .sub01_con03 .front, #sub0101 .sub01_con03 .back {padding: 30px;}
    #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .cata {font-size: 15px;}
    #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .title {font-size: 26px;}
    #sub0101 .sub01_con03 .flip_wrap .flip .back ul li {font-size: 16px;}

    #sub0101 .sub01_con04 .ci_title {font-size: 22px;}
    #sub0101 .sub01_con04 .ci_txt .ci_article {font-size: 18px;}
    #sub0101 .sub01_con04 .ci_desc {font-size: 16px;}

    #sub0101 .sub02_con01 > img {width: 42%;}

    #sub0102 .history_fix {width: 100%; height: 500px; padding-top: 76px; position: static;}
    #sub0102 .history_move {width: 100%;}

    #menu_tab ul {justify-content: center; text-align: center;}



    .sub02_con02 > img {width: 22%;}

    .sub02_con03 {margin: 0 auto 165px auto;}
    .sub02_con03 .con_title {margin-bottom: 17px;}

    .sub02_con04 .app {padding: 31px 46px 36px 0;}
    .sub02_con04 .app_tit_wrap > img {width: 4%;}


    #sub0202 .sub02_con05 .spec_wrap .img_wrap img {width: 50%;}


    #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap .title {font-size: 26px;}
    #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap .article {font-size: 16px;}
    #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap .article br {display: none;}
    #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap a {font-size: 15px;}

    #sub0304 .title_wrap .title_box .title {font-size: 37px;}
    #sub0304 .title_wrap .title_box .article {font-size: 17px;}
    #sub0304 .title_wrap .desc {font-size: 15px; line-height: 25px;}
    #sub0304 .charac_con_wrap .charac_con .tit_wrap {width: 100%; margin-bottom: 12px;}
    #sub0304 .charac_con_wrap .charac_con .article {padding-left: 3%;}
    #sub0304 .function_wrap .function_con .txt_wrap .title_box .title {font-size: 14px;}
    #sub0304 .function_wrap .function_con .txt_wrap .article_box .article {font-size: 12px; line-height: 19px;}
    #sub0304 .tg tr .tg-0pky:last-child {font-size: 13px;}

    #sub0501 .sub05_con02 .esg_wrap .esg_con .article {font-size: 20px;}
    #sub0501 .sub05_con02 .esg_wrap .esg_con .title {font-size: 24px;}
    #sub0501 .sub05_con02 .esg_wrap .esg_con .script {font-size: 14px;}
    #sub0501 .sub05_con02 > p {width: 80%; margin: 0 auto; font-size: 22px; word-break: keep-all;}



}

@media screen and (max-width:1024px) {
  #sub0101 .sub01_con02 .vision_wrap .vision_img {width: 100%;}

  #main_wrap .section_txt_wrap .section_title {font-size: 45px;}

  #main_wrap #section02 {margin: 0 auto 150px auto;}
  #main_wrap #section03 {margin: 0 auto 150px auto;}
  #main_wrap #section03 .pro_img_desc p {padding: 12px 10px 12px 6px; font-size: 14px; margin-left: 0;}
  #main_wrap #section03 .pro_aside .pro_title {font-size: 25px; margin-bottom: 16px;}
  #main_wrap #section03 .swiper-button-prev,#main_wrap #section03 .swiper-button-next {bottom:21.5%;}
  #main_wrap #section03 .pro_aside .pro_article {font-size: 14px; line-height: 25px;}

  #main_wrap #section04 .section_txt_wrap .section_article:after, #main_wrap #section04 .section_txt_wrap .section_article:before {width: 28%;}

  #main_wrap #section04 .con_open_desc {font-size: 13px; line-height: 20px;}
  #main_wrap #section04 .con_open_title_wrap {margin-bottom: 6px;}

  #main_wrap #section06 .section_txt_wrap {margin-bottom: 0;}
  #main_wrap #section06 .sns_top_txt {height: 399px;}
  #main_wrap #section06 .sns_top_txt {}
  #main_wrap #section06 .sns_top_txt {height: auto;  width: 100%; background: transparent;}
  #main_wrap #section06 .sns_title {color: var(--sub-color); margin-bottom: 12px;}
  #main_wrap #section06 .sns_desc {color: var(--back-color);}
  #main_wrap #section06 .sns_desc br {display: none;}
  #main_wrap #section06 .iframe {width: 100%; padding-bottom: 56.5%;}
  #main_wrap #section06 .sns_txt p {font-size: 16px;}
  #main_wrap #section06 .sns_video {height: 157px;}



  #sub_header .sub_header_txt_wrap .sub_header_txt .menu {font-size: 22px;}
  #sub_header .sub_header_txt_wrap .sub_header_txt .sub_header_tit {font-size: 32px; line-height: 40px;}
  #sub_header .sub_header_txt_wrap .sub_header_txt .sub_header_tit br {display: none;}
  #sub0101 .sub01_con01 .vision_title {font-size: 28px; line-height: 40px;}
  #sub0101 .sub01_con01 .vision_desc {font-size: 15px; line-height: 26px; width: 90%; margin: 0 auto 20px auto;}


  #sub0101 .con_title_wrap {margin-bottom: 50px;}
  #sub0101 .sub01_con01 .vision_desc br {display: none;}

  #sub0101 .sub01_con02 .vision_wrap .vision_img {margin-bottom: 40px; text-align: center;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap {margin-left: 0; width: 100%; display: flex; flex-wrap: wrap; gap:2%;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_num {width: 70px; height: 70px; border-radius: 20px;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_num :after, #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_num :before {content: none;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box {width: 49%; margin-bottom: 40px; align-items: flex-start;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt {width: 73%;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt .article br {display: none;}

  #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .title {font-size: 24px;}
  #sub0101 .sub01_con03 .flip_wrap .flip .back ul li {font-size: 15px;}
  #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .title br {display: block;}
  #sub0101 .sub01_con03 .flip_wrap .flip .back ul li {font-size: 12px; font-weight: 300;}

  #sub0101 .sub01_con04 .ci_txt_left {margin-bottom: 20px; width: 100%;}
  #sub0101 .sub01_con04 .ci_title {font-size: 20px;}
  #sub0101 .sub01_con04 .ci_txt .ci_article {font-size: 17px;}
  #sub0101 .sub01_con04 .ci_desc {font-size: 15px;}

  #sub0102 .history_fix .his_article {font-size: 17px;}
  #sub0102 .history_fix .his_title {font-size: 59px; margin-bottom: 29px;}
  #sub0102 .history_fix .his_desc {font-size: 15px; line-height: 25px;}
  #sub0102 .history_move .history_con .year p {font-size: 26px;}
  #sub0102 .history_move .history_con ul li {font-size: 17px; margin-bottom: 10px;}

  #sub0105 .sub01_con01 .vision_title {font-size: 17px; line-height: 29px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt {margin-left: 6%;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt .tit {font-size: 20px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt .article {font-size: 16px; line-height: 26px;}
  #sub0105 .anno {font-size: 15px;}

  #sub_header {margin-bottom: 45px;}
  #menu_tab {height: 156px;}
  #menu_tab ul li a {padding: 24px 45px;}
  #menu_tab ul li {width: 50%;}


  .sec_title {font-size : 34px;}
  .sec_desc {font-size: 16px; line-height: 175%;; width: 90%; margin: 0 auto 10px auto;}
  .sec_desc br {display: none;}
  .con_desc {font-size: 14px; line-height: 22px;}
  .con_desc br {display: none;}
  .sub02_con01 .anno {font-size: 12px;}
  #sub0101 .sub02_con01 > img {width: 40%;}
  .sub02_con03 {margin: 0 auto 150px auto;}
  .sub02_con04 .app_desc {font-size: 14px;}
  .sub02_con04 .app_desc br {display: none;}
  .con_title > p {font-size: 21px;}


  #sub0201 .sub02_con01 .system_ex .sub0201_icon_wrap .sub0201_icon .solution_title {font-size: 17px;}

  #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap .title {font-size: 24px;}
  #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap .article {font-size: 15px;  word-break: keep-all;}
  #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap .article br:nth-child(2) {display: none;}
  #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap a {font-size: 14px;}

  #sub0304 .charac_con_wrap .charac_con .tit_wrap img {width: 12%;}
  #sub0304 .charac_con_wrap .charac_con .tit_wrap p {font-size: 17px;}
  #sub0304 .charac_con_wrap .charac_con .article {font-size: 14px; line-height: 22px;}
  #sub0304 .benefit_wrap .benefit_con .title {font-size: 16px;}
  #sub0304 .benefit_wrap .benefit_con .article {font-size: 13px; line-height: 23px; width: 85%; margin: 0 auto;}
  #sub0304 .benefit_wrap .benefit_con .article br {display: none;}
  #sub0304 .function_wrap .function_con {width: 100%;}
  #sub0304 .function_wrap .function_con .txt_wrap .title_box .title {font-size: 15px;}
  #sub0304 .function_wrap .function_con .txt_wrap .article_box .article {font-size: 14px; line-height: 21px;}
  #sub0304 .tg tr .tg-0pky:last-child {padding: 0 30px;}

  #sub0501 .sub05_con02 .esg_wrap {flex-wrap: wrap;}
  #sub0501 .sub05_con02 .esg_wrap .esg_con {width: 100%; border-radius: 0; height: auto; padding: 50px;}
  #sub0501 .sub05_con02 .esg_wrap .esg_con:nth-child(2), #sub0501 .esg_wrap .esg_con:nth-child(3) {margin-left:0;}
  #sub0501 .sub05_con02 .esg_wrap .esg_con:first-child, #sub0501 .sub05_con02 .esg_wrap .esg_con:last-child {background:transparent;}
  #sub0501 .sub05_con02 .esg_wrap .esg_con .script {font-size: 15px;}


}

@media screen and (max-width:800px) {
  #sitemap {padding: 80px; }
  #main_wrap #section01 .swiper-pagination {left: 24px;}

  #main_wrap #section01 .scroll_down {width: 230px; height: 230px;}
  #main_wrap #section01 .scroll_down .mouse_icon {margin-top: 17px; width: 20px; height: 44px;}
  #main_wrap #section01 .scroll_down .scroll_txt {font-size: 15px; margin-top: 2px;}


  #main_wrap #section01 .swiper-slide {height: 620px;}

  #main_wrap .section_txt_wrap .section_title_wrap {width: 100%; margin-bottom: 12px;}
  #main_wrap .section_txt_wrap .section_article {font-size: 14px;}
  #main_wrap .section_txt_wrap .section_title {font-size: 42px;}
  #main_wrap .section_txt_wrap .section_desc {word-break: keep-all;}

  #main_wrap #section01 .swiper-slide .txt_wrap {padding: 0 40px; justify-content: center; align-items: center; text-align: center;}
  #main_wrap #section01 .swiper-slide .main_article {font-size: 18px;}
  #main_wrap #section01 .swiper-slide .main_title {font-size: 40px; line-height: 50px; margin-bottom: 40px;}
  #main_wrap #section01 .main_btn {width: 100%; height: 51px; }
  #main_wrap #section01 .main_btn .main_btn_box {width:100%; justify-content: center; gap:5%;}
  #main_wrap #section01 .main_btn a {font-size: 18px;}

  #main_wrap #section02 .solution_con .solution_title {font-size: 19px;}
  #main_wrap #section02 .solution_con .solution_desc {font-size: 13px; width: 95%; word-break: keep-all;}
  #main_wrap #section02 .solution_con .solution_desc br {display: none;}

  #main_wrap #section02, #main_wrap #section03, #main_wrap #section04, #main_wrap #section05 {margin: 0 auto 100px auto;}

  .medicine_img_wrap {flex-wrap: wrap; gap:0;}
  .medicine_img_wrap .img_wide {width: 100%; height: 280px; margin-bottom: 20px;}
  .medicine_img_wrap .img_short_wrap {width: 100%;}
  .medicine_img_wrap .img_short {height: 280px;}
  .medicine_img_wrap .img_short:first-child {margin-bottom: 20px;}
  .medicine_img_wrap .img_short .txt_wrap {padding: 42px;}

  #main_wrap #section05 .section_txt_wrap {margin-bottom: 18px;}
  #main_wrap #section05 .project_con a {font-size: 17px;}
  #main_wrap #section05 .project_con {width: 100%; margin-bottom: 12px; padding: 0 10%;}


  #footer .ft_link li {font-size: 13px;}
  #footer .ft_info {font-size: 12px; line-height: 20px;}

  #sub_header .sub_header_txt_wrap .sub_header_txt .sub_header_tit {font-size: 27px; line-height: 34px;}
  #sub_header .sub_header_txt_wrap .sub_header_txt .menu {font-size: 19px;}
  #sub0101 .con_title_wrap {margin-bottom: 40px;}
  #sub0101 .sub01_con01 img:first-child {width: 30%;}
  #sub0101 .sub01_con01 .vision_title {font-size: 23px; line-height: 35px; word-break: keep-all;}
  #sub0101 .sub01_con01 .vision_desc {font-size: 14px;}

  .con_desc br {display: none;}

  #sub0101 .sub01_con02, #sub0101 .sub01_con03 {margin: 0 auto 100px auto;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap {gap: 0;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box {width: 100%;}
  #sub0101 .sub01_con03 .flip_wrap .flip {width: 100%; height: 300px; margin-bottom: 20px;}
  #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .title br {display: none;}

  #sub0101 .sub01_con04 .ci_title {font-size: 18px;}
  #sub0101 .sub01_con04 .ci_txt .ci_article {font-size: 16px;}
  #sub0101 .sub01_con04 .ci_desc {font-size: 14px;}

  #sub0102 .history_fix {height: 450px;}
  #sub0102 .history_move .history_con .year p {font-size: 24px;}
  #sub0102 .history_move .history_con ul li {font-size: 15px; margin-bottom: 6px;}

  #sub0105 .sub01_con01 img:first-child {width: 35%;}
  #sub0105 .sub01_con01 .vision_title {font-size: 15px; line-height: 26px;}
  #sub0105 .sub01_con01 {margin-bottom: 78px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left {padding-top: 40px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left .article {font-size: 15px; line-height: 25px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left .article_tit {font-size: 21px; line-height: 31px;}

  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt {margin-left: 3%;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt .tit {font-size: 18px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt .article {font-size: 14px; line-height: 24px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_num {width: 45px; height: 45px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_num p {font-size: 18px;}
  #sub0105 .anno {font-size: 13px;}

  #sub0201 .sub02_con01 .system_ex .sub0201_icon_wrap {padding: 36px 0;}
  #sub0201 .sub02_con01 .system_ex .sub0201_icon_wrap .sub0201_icon {width: 50%;}
  #sub0201 .sub02_con01 .system_ex .sub0201_icon_wrap .sub0201_icon img {width: 50%;}

  #menu_tab ul li a {font-size: 15px; padding: 24px 30px}

  .con_title > img {width: 1.2%;}
  .con_title > p {font-size: 18px;}
  .con_ {font-size: 13px; line-height: 20px;}

  .sec_title {font-size: 28px;}
  .sec_desc {font-size: 14px;}


  .process_img {display: none;}
  .process_img_600 {display: block; margin: 0 auto; width: 56%;}
  #sub0205 .process_img_600 {width: 100%;}

  .sub02_con03 {margin: 0 auto 130px auto;}
  .sub02_con03 .con_title_wrap {margin-bottom: 30px;}


  .sub02_con04 .app_tit_wrap > img {margin-right: 10px;}
  .sub02_con04 .app_tit_wrap .app_tit {font-size: 16px;}
  .sub02_con04 .app_desc {font-size: 14px; line-height: 165%; padding-left: 21px;}

  #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap .title {font-size: 22px;}
  #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap .article {font-size: 14px;}

  #sub0304 .sub03_con01 {margin-top: 50px;}
  #sub0304 .title_wrap .desc br {display: none;}
  #sub0304 .charac_con_wrap .charac_con .article br {display: none;}
  #sub0304 .benefit_wrap .benefit_con {width: 100%; height: 300px; border-right: 0; border-bottom: 1px solid #d2d2d2;}
  #sub0304 .benefit_wrap .benefit_con .title {font-size: 18px;}
  #sub0304 .benefit_wrap .benefit_con .article {font-size: 14px;}
  #sub0304 .tg tr .tg-0pky:first-child {font-size: 14px;}


  .fields .lbl {font-size: 17px; width: 150px;}

  #sub0501 .sub05_con02 > p br {display: none;}

  #sub0601 iframe {height: 300px;}
  #sub0601 .sub06_con02 {padding: 20px 20px 40px ; text-align: center;}
  #sub0601 .sub06_con02 .map_info {flex-direction: column;}
  #sub0601 .sub06_con02 .map_info .title {margin-bottom: 8px;}
  #sub0601 .sub06_con02 .map_info .title {font-size: 18px;}
  #sub0601 .sub06_con02 .map_info .desc {font-size: 16px; line-height: 145%;}


}

@media screen and (max-width:600px) {
  #nav_btn span {width: 35px;}
  .close {top: 40px;}
  #sitemap .close span {width: 30px;}
  .util_wrap .gnb_util li a {font-size: 12px; padding: 10px 21px;}
  .util_wrap .gnb_util .lang a {width: 100px;}

  #sitemap {padding: 50px;}
  #sitemap .side_gnb > li > a {font-size: 20px;}
  #sitemap .side_gnb > li > ul > li > a {font-size: 14px;}

  #main_wrap #section01 .swiper-slide {height: 520px;}

  #main_wrap .section_txt_wrap .section_title {font-size: 40px;}

  #main_wrap #section01 .swiper-pagination {gap: 30px; margin-top: -50px;}
  #main_wrap #section01 .swiper-slide .main_title {font-size: 29px; line-height: 37px;}
  #main_wrap #section01 .swiper-slide .main_article {font-size: 16px; margin-bottom: 12px;}
  #main_wrap #section01 .main_btn a {font-size: 16px;}
  #main_wrap #section01 .main_btn .main_btn_box .view {margin-right: 0;}

  #main_wrap #section02 .solution_con {width: 100%;}
  #main_wrap #section02 .solution_con .solution_title {font-size: 22px;}
  #main_wrap #section02 .solution_con .solution_desc {font-size: 16px; line-height: 23px;}

  #main_wrap #section03 .pro_aside {padding: 0 10px;}
  #main_wrap #section03 .pro_class li {width: 45%; margin-bottom: 12px;}
  #main_wrap #section03 .pro_img_desc p { font-size: 10px;}
  #main_wrap #section03 .swiper-button-prev {right:auto; left: 0;}
  #main_wrap #section03 .swiper-button-next {right:auto; left: 15%;}
  #main_wrap #section03 .pro_aside .pro_title {font-size: 20px; margin-bottom: 8px;}
  #main_wrap #section03 .section_txt_wrap .section_desc br {display: none;}
  #main_wrap #section03 .pro_class li a {font-size: 15px;}
  #main_wrap #section03 .swiper-button-prev, #main_wrap #section03 .swiper-button-next {bottom: 29%;}

  #main_wrap #section04 .section_txt_wrap .section_article:after, #main_wrap #section04 .section_txt_wrap .section_article:before {display: none;}
  #main_wrap #section04 .section_txt_wrap .section_desc {width: 90%;}
  #main_wrap #section04 .section_txt_wrap .section_desc br {display: none;}
  #main_wrap #section04 .con_open_title_wrap .con_open_title {font-size: 15px;}
  #main_wrap #section04 .con_open_desc {font-size: 13px; padding-left: 5px;}
  #main_wrap #section04 .con_close a {font-size: 15px;}
  #main_wrap #section04 .con_close_btn {width: 100%; border: 0; background: none;}


  #main_wrap #section05 .section_txt_wrap {margin-bottom: 10px; margin-bottom: 20px;}

  #main_wrap #section05 .section_txt_wrap .section_desc br {display: none;}

  #main_wrap #section06 .sns_more_title {padding-left: 0;}
  #main_wrap #section06 .sns_more_title > img {margin-right: 9px; width: 3%;}
  #main_wrap #section06 .sns_more_title > p {font-size: 15px;}
  #main_wrap #section06 .sns_video {height: 100px;}
  #main_wrap #section06 .sns_more01 {width: 100%; margin-bottom: 12px;}
  #main_wrap #section06 .sns_more02, #main_wrap #section06 .sns_more03 {width: 50%;}
  #main_wrap #section06 .sns_txt p {font-size: 13px;}
  #main_wrap #section06 .sns_top_txt {padding:10px 20px;}
  #main_wrap #section06 .sns_title {font-size: 15px; line-height: 24px; margin-bottom: 4px;}
  #main_wrap #section06 .sns_title br {display: none;}
  #main_wrap #section06 .sns_desc {font-size: 12px; line-height: 20px;}

  #footer .ft_link li {font-size: 12px;}

  #sub_header .sub_header_txt_wrap .sub_header_txt .menu {font-size: 18px;}
  #sub_header .sub_header_txt_wrap .sub_header_txt .sub_header_tit {font-size: 22px; line-height: 30px; word-break:keep-all; width: 90%;}
  #sub_header .sub_header_txt_wrap .sub_header_txt .sub_header_tit br {display: none;}
  #sub0101 .sub01_con01 .vision_title {font-size: 18px; line-height: 28px;}
  #sub0101 .sub01_con01 .vision_desc {font-size: 12px; line-height: 22px;}

  .con_title {justify-content: center;}
  .con_title > p {font-size: 16px; margin-top: -2px; text-align: center;}
  .con_title > img {display: none;}
  .con_desc {font-size: 13px; line-height: 20px;}

  #sub0101 .con_title_wrap {margin-bottom: 30px;}

  #sub0101 .sub01_con01 img:first-child {margin-bottom : 30px;}

  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_num {width: 50px; height: 50px; border-radius: 15px;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_num p {font-size: 18px;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt .tit {font-size: 16px;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt .article {font-size: 12px; line-height: 19px;}

  #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .cata {font-size: 13px;}
  #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .title {font-size: 20px;}
  #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .title br {display: none;}

  #sub0101 .sub01_con04 .ci_title {font-size: 16px;}
  #sub0101 .sub01_con04 .ci_txt .ci_article {font-size: 15px;}
  #sub0101 .sub01_con04 .ci_desc {font-size: 12px;}

  #sub0102 .history_fix {height: 400px;}
  #sub0102 .history_fix .his_article {font-size: 15px;}
  #sub0102 .history_fix .his_title {font-size: 49px; margin-bottom: 25px;}
  #sub0102 .history_fix .his_desc {font-size: 13px; line-height: 22px;}
  #sub0102 .history_move .history_con {gap: 20px;}
  #sub0102 .history_move .history_con .year {width: 100%;}
  #sub0102 .history_move .history_con .year p {font-size: 22px;}
  #sub0102 .history_move .history_con ul li {font-size: 14px;}

  #sub0105 .sub01_con01 .vision_title {font-size: 14px; line-height: 24px;}
  #sub0105 .sub01_con02 .employ_wrap {padding: 20px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left .article {font-size: 14px; line-height: 23px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left .article_tit {font-size: 18px; line-height: 28px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_num {width: 40px; height: 40px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_num p {font-size: 16px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt {padding: 21px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt .tit {font-size: 16px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt .article {font-size: 12px; line-height: 21px;}
  #sub0105 .anno {font-size: 12px;}

  #sub0201 .sub02_con01 {margin: 0 auto 35px auto;}
  #sub0201 .sub02_con01 .system_ex .sub0201_icon_wrap {padding: 20px 0;}
  #sub0201 .sub02_con01 .system_ex .sub0201_icon_wrap .sub0201_icon .solution_title {font-size: 14px; word-break: keep-all; line-height: 150%;}

  #sub_header {margin-bottom: 65px;}
  #menu_tab ul li a {font-size: 13px; padding: 24px 8px;}
  #menu_tab {height: 129px;}
  #sub02 #menu_tab {margin: 0 auto 64px auto;}

  .sec_title {font-size: 20px;}
  .sec_desc {font-size: 14px; line-height: 175%;}
  .sub02_con01 .anno {font-size: 11px;}

  .sub02_con02 {height: 359px;}

  .sub02_con04 .app {width:100%;}
  .sub02_con04 .app {padding: 31px 0;}
  .sub02_con04 .app_tit_wrap > img {padding-top: 2px;}
  .sub02_con04 .app_tit_wrap {align-items: flex-start;}

  .sub02_con05 .spec_wrap .img_wrap{ text-align: center;}

  #sub0301 .sub0301_con_wrap .sub0301_con, #sub0301 .sub0301_con_wrap:nth-of-type(2n+1) .sub0301_con {flex-direction: column-reverse;}
  #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap {width: 100%;}
  #sub0301 .sub0301_con_wrap .sub0301_con div {width: 100%; margin-bottom: 20px; text-align: center;}

  #sub0304 .title_wrap .title_box .title {font-size: 34px;}
  #sub0304 .title_wrap .title_box .article {font-size: 15px;}
  #sub0304 .title_wrap .desc {font-size: 13px; line-height: 21px;}
  #sub0304 .con_title > p {font-size: 20px;}
  #sub0304 #sub_sec {margin-bottom: 80px;}
  #sub0304 .charac_con_wrap .charac_con .tit_wrap p {font-size: 16px;}
  #sub0304 .charac_con_wrap .charac_con .article {font-size: 13px; line-height: 20px;}

  #sub0304 .benefit_wrap .benefit_con .icon {margin-bottom: 27px;}
  #sub0304 .benefit_wrap .benefit_con .icon img {width: 80%;}
  #sub0304 .benefit_wrap .benefit_con .title {font-size: 16px;}
  #sub0304 .benefit_wrap .benefit_con .article {font-size: 13px; line-height: 21px;}
  #sub0304 .benefit_wrap .benefit_con {height: 280px;}
  #sub0304 .function_wrap .function_con .txt_wrap .title_box .title {font-size: 13px;}
  #sub0304 .function_wrap .function_con .txt_wrap .article_box .article {font-size: 10px; line-height: 16px;}
  #sub0304 .tg tr .tg-0pky:first-child {font-size: 12px;}
  #sub0304 .tg tr .tg-0pky:last-child {font-size: 10px; line-height: 16px;}

  .tbl_head01 thead th {font-size: 12px;}

  .fields .lbl {padding: 15px; font-size: 15px; width: 115px;}
  .desc label[for="estimate-inquiry"], .desc label[for="product-inquiry"], .desc label[for="maintenance-inquiry"] {font-size: 1em;}
  input , .fields .dxee-input{font-size: 0.8em;}
  .fields .more_btn {font-size: 16px;}

  #sub0501 .sub05_con02 .esg_wrap .esg_con .article {font-size: 18px;}
  #sub0501 .sub05_con02 .esg_wrap .esg_con .title {font-size: 20px;}
  #sub0501 .sub05_con02 .esg_wrap .esg_con .script {font-size: 13px;}
  #sub0501 .sub05_con02 > p {font-size: 18px; line-height: 160%;}

  .mbskin {width: 300px!important;}
  .login_tit {font-size: 22px;}
  .mb_log_cate h2, .mb_log_cate .join {padding: 15px 0!important;}
  .mbskin .btn_submit {font-size: 1em!important;}

  #sub0601 .sub06_con02 .map_info .title {font-size: 16px;}
  #sub0601 .sub06_con02 .map_info .desc {font-size: 14px;}
  #sub0601 iframe {height: 240px;}

  #footer {padding: 40px 0;}
  #footer .ft_1400 {flex-wrap: wrap; flex-direction:column-reverse; align-items: center;}
  #footer .ft_1400 .ft_logo {margin-bottom: 20px;}
  #footer .ft_txt {width:100%; text-align: center; display: flex; flex-direction: column; align-items: center;}
  #footer .ft_link {margin-bottom: 20px;}
  #footer .ft_info ul {justify-content: center;}
}

@media screen and (max-width:500px) {
  #main_wrap #section01 .swiper-slide .main_title br {display:block;}
  #main_wrap #section01 .swiper-slide .main_article {font-size: 13px; line-height: 175%;}
  #main_wrap #section01 .swiper-slide .main_title {margin-bottom: 30px;}

  #main_wrap #section01 .swiper-slide .main_title br {display: none;}
  #main_wrap #section02 .more_btn {width: 100%;}

  .medicine_img_wrap .img_wide, .medicine_img_wrap .img_short {height: 250px;}
  .medicine_img_wrap .img_wide .txt_wrap, .medicine_img_wrap .img_short .txt_wrap {padding: 30px;}
  .medicine_img_wrap .img_wide .txt_wrap .title, .medicine_img_wrap .img_short .txt_wrap .title {font-size: 22px; font-weight: 500; margin-bottom: 12px;}
  .medicine_img_wrap .img_wide .txt_wrap .article, .medicine_img_wrap .img_short .txt_wrap .article {font-size: 13px;}
  .medicine_img_wrap .img_wide .txt_wrap .btn p, .medicine_img_wrap .img_short .txt_wrap .btn p {font-size: 13px; font-weight: 300;}

  #main_wrap #section04 .con_open_desc {font-size: 13px; line-height: 20px;}

  #sub_header .sub_header_txt_wrap .sub_header_txt .sub_header_tit {font-size: 18px; line-height: 140%;}
  #sub_header .sub_header_txt_wrap .sub_header_txt .menu {font-size: 16px;}

  .system_ex {margin-bottom: 35px;}
  #sub0301 .system_ex {padding: 40px 0 60px;}
  #sub0101 .sub01_con03 .flip_wrap .flip .back ul li:last-child {margin-bottom: 0;}



}

@media screen and (max-width:400px) {
  #nav_btn span {width: 30px; margin-bottom: 7px;}
  .util_wrap .gnb_util li a {font-size: 10px; padding: 8px 15px;}
  .util_wrap .gnb_util .lang a {width: 86px; height: 30px; padding: 7px 0 0 43px;}
  #sitemap {padding: 40px;}
  #sitemap .side_gnb > li > a {font-size: 16px;}
  #sitemap .side_gnb > li > ul > li > a {font-size: 12px;}

  #main_wrap #section01 .scroll_down {display: none;}

  #main_wrap #section01 .swiper-slide {height: 420px;}

  #main_wrap .section_txt_wrap .section_title {font-size: 37px;}
  #main_wrap #section01 .swiper-slide .main_article {font-size: 13px;}
  #main_wrap #section01 .swiper-slide .main_title {font-size: 23px; line-height: 30px; margin-bottom: 30px;}
  #main_wrap #section01 .main_btn .main_btn_box {gap:0;}
  #main_wrap #section01 .main_btn a {font-size: 13px; width: 110px;}

  #main_wrap #section01 .swiper-pagination {gap: 25px; margin-top: 0; top: 94%; display: flex; left: 50%; margin-left: -40px;}

  #main_wrap .section_txt_wrap .section_desc br {display: none;}
  #main_wrap #section02 .solution_con_wrap {margin-top: 42px;}
  #main_wrap #section02 .solution_con .solution_title {font-size: 18px; margin-bottom: 14px;}
  #main_wrap #section02 .solution_con .solution_desc {font-size: 14px; line-height: 20px;}
  #main_wrap #section02 .solution_con img {margin-bottom: 18px;}

  #main_wrap #section03 .pro_class li a {font-size: 13px;}
  #main_wrap #section03 .pro_aside .pro_article {margin-bottom: 8px;}
  #main_wrap #section03 .pro_aside .pro_btn p {font-size: 16px;}
  #main_wrap #section03 .swiper-button-prev {bottom: 30%;}
  #main_wrap #section03 .swiper-button-next {bottom: 30%; left: 19%;}
  #main_wrap #section03 .pro_img_desc {padding: 10px 0;}
  #main_wrap #section03 .pro_img_desc p:first-child {border-right: 0; width: 100%;}
  #main_wrap #section03 .pro_img_desc p {padding: 2px 10px 5px 6px;}
  #main_wrap #section03 .pro_aside .pro_title {font-size: 18px;}
  #main_wrap #section03 .pro_aside .pro_article {font-size: 13px; line-height: 22px;}

  .medicine_img_wrap .img_wide .txt_wrap, .medicine_img_wrap .img_short .txt_wrap {padding: 18px;}


  #footer .ft_link li {font-size: 11px;}
  #footer .ft_info {font-size: 11px; line-height: 19px;}

  #sub_header .sub_header_txt_wrap .sub_header_txt .menu {font-size: 14px;}
  #sub_header .sub_header_txt_wrap .sub_header_txt .sub_header_tit {font-size: 16px;}


  #sub0101 .sub01_con01 .vision_title {font-size: 16px; line-height: 26px;}
  #sub0101 .sub01_con01 .vision_title br {display: none;}

  .con_title > p {font-size: 16px;}
  .con_desc {font-size: 12px; line-height: 18px;}

  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_txt .tit {font-size: 14px; margin-bottom: 8px;}
  #sub0101 .sub01_con02 .vision_wrap .vision_txt_wrap .vision_txt_box .vision_num p {font-size: 15px;}

  #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .cata {font-size: 11px; margin-bottom: 7px;}
  #sub0101 .sub01_con03 .flip_wrap .flip .title_wrap .title {font-size: 18px;}
  #sub0101 .sub01_con03 .flip_wrap .flip .back ul li {font-size: 11px; line-height: 8px;}

  #sub0101 .sub01_con04 .ci_title {font-size: 15px;}
  #sub0101 .sub01_con04 .ci_txt .ci_article {font-size: 14px;}
  #sub0101 .sub01_con04 .ci_desc {font-size: 11px;}

  #sub0102 .history_fix {height: 350px;}
  #sub0102 .history_fix .his_article {font-size: 14px;}
  #sub0102 .history_fix .his_title {font-size: 40px;}
  #sub0102 .history_fix .his_desc {font-size: 12px; line-height: 20px;}
  #sub0102 .history_move .history_con ul li {font-size: 12px; margin-bottom: 2px;}

  #sub0105 .sub01_con01 .vision_title {font-size: 12px; line-height: 20px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left .title {font-size: 20px; margin-bottom: 24px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left .article {font-size: 12px; line-height: 21px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left .article br {display: none;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left .article_tit {font-size: 15px; line-height: 25px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_left .article_tit br {display: none;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_num {width: 30px; height: 30px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_num p {font-size: 13px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt {padding: 16px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt .tit {font-size: 14px; margin-bottom: 15px;}
  #sub0105 .sub01_con02 .employ_wrap .employ_right .right_con .right_con_txt .article {font-size: 11px; line-height: 18px;}
  #sub0105 .anno {font-size: 11px; margin-top: 15px;}


  #menu_tab {height: 101px;}
  #sub02 #menu_tab {margin: 0 auto 34px auto;}
  .system_ex {margin-bottom: 2px;}
  .sub02_con02 img {margin-bottom: 35px;}
  .process_img_600 {width: 63%;}
  .sub02_con04 .app {width: 100%; padding: 20px 0;}

  #sub0301 .system_ex {padding: 30px 0 50px;}
  #sub0301 .sub0301_con_wrap .sub0301_con .text_wrap .title {font-size: 18px;}
  #sub0301 .sub0301_con_wrap .sub0301_con {padding: 30px 0;}


  #sub0304 .title_wrap .title_box .title {font-size: 28px;}
  #sub0304 .title_wrap .title_box .article {font-size: 12px;}
  #sub0304 .title_wrap .desc {font-size: 11px; line-height: 17px;}

  #sub0304 .con_title > p {font-size: 16px;}
  .con_title > img {margin-right: 8px;}

  #sub0304 .charac_con_wrap .charac_con .tit_wrap img {width: 16%; margin-right: 14px;}
  #sub0304 .charac_con_wrap .charac_con .tit_wrap p {font-size: 14px;}
  #sub0304 .charac_con_wrap .charac_con .article {font-size: 11px; line-height: 18px;}

  #sub0304 .benefit_wrap .benefit_con {height: 250px;}
  #sub0304 .benefit_wrap .benefit_con .icon img {width: 70%;}
  #sub0304 .benefit_wrap .benefit_con .title {font-size: 14px;}
  #sub0304 .benefit_wrap .benefit_con .article {font-size: 11px; line-height: 18px;}

  #sub0304 .function_wrap .function_con .txt_wrap .title_box .title {font-size: 11px;}
  #sub0304 .function_wrap .function_con .txt_wrap .article_box .article {font-size: 8px; line-height: 13px;}
  #sub0304 .tg tr .tg-0pky:first-child {font-size: 11px;}
  #sub0304 .tg tr .tg-0pky:last-child {line-height: 15px;}

  #sub0501 .anno br {display: none;}

  .sub0502_con_title p {font-size:14px;}
  #sub0502 .con_title {margin-bottom: 0;}

  #sub0503 .location_title {font-size: 14px; margin-bottom: 7px;}
  #sub0503 .location_txt_wrap > ul > li > p, #sub0503 .location_ex {font-size: 11px;}

  #sub0501 form ul li:first-child .desc {width: 100%;}

  .left {left: 0;}
  .right {right: 0;}

  label[for="fix-1"], label[for="fix-2"], label[for="fix-3"], label[for="fix-4"], label[for="fix-5"], label[for="fix-6"], label[for="fix-7"], label[for="fix-8"], label[for="fix-9"], label[for="fix-10"] {font-size : 11px;}
}