/* 와이드 모니터 */
@media screen and (min-width: 1921px) {
  /* body,* {font-family:'Nanum gothic';} */
  .header .sitemap li {
    padding: 30px 0 30px 100px;
  }
  .header .sitemap li > a {
    top: 30px;
  }
  .header .sitemap li .snb a {
    line-height: 24px;
  }

  .mvisual .slick-slide .mv {
    height: 100vh;
  }
  .mvisual .slick-slide img {
    height: auto;
    width: 104% !important;
    transform: translate(-50%, -50%) scale(1.1);
  }
  @keyframes mvisual {
    0% {
      transform: translate(-50%, -50%) scale(1.1);
    }
    100% {
      transform: translate(-50%, -50%) scale(1.2);
    }
  }
  .mc01_slide_wrap .slick-slide .mv > img {
    width: 100% !important;
    height: 100vh;
    object-fit: cover;
  }
  .mc01_side_slide .swiper-pagination {
    left: 1.6vw;
    top: 1.6vw;
  }
  .mc01_side_slide .swiper_arrow {
    bottom: 6vw;
  }
  .mc02_slide a {
    width: 20vw !important;
    height: calc(20vw + 161px);
    max-width: 500px;
    max-height: 673px;
  }
  .mc02_slide a > em {
  }
  .mc02_slide a .img {
    left: 50%;
    transform: translate(-50%, 0);
    width: 20vw;
    height: 20vw;
    max-width: 500px;
    max-height: 500px;
  }
  .mc02_slide a .img img {
    width: 20vw;
  }
  .mc02_slide a .txt {
    width: 20vw;
    max-width: 500px;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    padding: 30px;
  }
  .inner_mset {
    width: calc(100% - 250px);
    margin: 0 0 0 250px;
  }
  .mir_wrap {
    width: 100%;
    align-items: center;
  }
  .mir_wrap .tit {
    margin-top: 0;
  }
  .mc02_wrap .probar_box {
    top: calc(50% + 50px);
  }
  .mc02_wrap .other_paging,
  #mainContent .mc02_wrap .buttons {
    top: calc(50% + 40px);
  }
  .mservice dl {
    justify-content: center;
  }
  .mc02_slide a {
    height: auto;
    max-height: none;
  }
  .mc02_slide a .img {
    position: relative;
    left: 0;
    transform: translate(0, 0);
    font-size: 0;
  }
  .mc02_slide a .txt {
    position: relative;
    left: 0;
    transform: translate(0, 0);
  }
  .mc02_wrap .ot_arrows {
    top: calc(50% + 40px);
  }
}

@media screen and (max-width: 1896px) {
  .header.hover.hv2:before {
    height: 338px;
  }
}

/* 헤더, 메인 가로 분기점 */
@media screen and (max-width: 1500px) {
  /* header */
  .header .logo {
    left: 20px;
  }
  .header .btn_menu {
    right: 20px;
  }
  .header .top_btns {
    right: 80px;
  }
  .header .gnb li > a {
    padding: 0 2vw;
  }
  .header .gnb .snb {
    padding: 0 5px;
  }
  /* footer */
  .footer .links {
    padding-left: 20px;
  }
  .footer .address {
    background-position: 20px 50%;
  }
  .footer .gotop {
    right: 20px;
    margin-right: 0;
  }
  .f_quick .mquick,
  .footer_quick_menu .quick_open {
    right: 20px;
  }
  /* main */
  .mvisual .txt {
    padding: 0 20px;
  }
  .mvisual_wrap .custom_paging {
    left: 50%;
    margin-left: -680px;
  }
  .mvisual_wrap .probar_box {
    left: 50%;
    margin-left: -610px;
  }
  .mvisual_dots {
    margin-left: -610px;
  }
  .mvisual .slick-prev {
    left: 50%;
    margin-left: -420px;
  }
  .mvisual .slick-next {
    left: 50%;
    margin-left: -370px;
  }
  .mvisual_wrap .buttons {
    left: 50%;
    margin-left: -395px;
  }
  .mvisual_wrap .scroll {
    bottom: 30px;
    left: 30px;
  }
  .mquick {
    bottom: 30px;
    right: 30px;
  }
  .mc01_slide .txt {
    bottom: 120px;
    left: 20px;
    margin-left: 0;
  }
  .mc01_slide .custom_paging {
    left: 20px;
    margin-left: 0;
  }
  .mc01_side_slide {
    width: 30%;
  }
  .mc01_side_slide .txt {
    bottom: 0;
  }
  .mc01_slide_wrap .slick-slide .img {
    width: 70%;
  }
  .mir_wrap .tit {
    padding-left: 20px;
  }
  .other_paging .custom_paging {
    left: 20px;
  }
  .mc02_wrap .probar_box {
    left: 90px;
  }
  .mc02_wrap .buttons {
    left: 300px;
  }
  .other_paging.one {
    left: 20px;
  }
  .mc02_wrap .ot_arrows .prev,
  #mainContent .other_paging .slick-prev {
    left: 275px;
  }
  .mc02_wrap .ot_arrows .next,
  #mainContent .other_paging .slick-next {
    left: 325px;
  }
  .mc02_slide a {
    margin-right: 40px;
  }
  .mservice dl {
    padding: 0 20px;
  }
  .mservice dd a {
    width: 48%;
    margin: 40px 0 0 4%;
  }
  .mc01_slide_wrap .probar_box2 {
    left: 90px;
    margin-left: 0;
  }
  .mvisual_dots2 {
    left: 80px;
    margin-left: 0;
  }
  .mc01_slide .slick-prev {
    left: 270px;
    margin-left: 0;
  }
  .mc01_slide .slick-next {
    left: 320px;
    margin-left: 0;
  }
  .mc01_slide_wrap .buttons {
    left: 295px;
    margin-left: 0;
  }
}

/* 메인 반응형 분기점 */
@media screen and (max-width: 1400px) {
  .mvisual_wrap .custom_paging {
    left: 20px;
    margin-left: 0;
  }
  .mvisual_wrap .probar_box {
    left: 90px;
    margin-left: 0;
  }
  .mvisual .slick-prev {
    left: 280px;
    margin-left: 0;
  }
  .mvisual .slick-next {
    left: 340px;
    margin-left: 0;
  }
  .mvisual_wrap .buttons {
    left: 310px;
    margin-left: 0;
  }
  .mvisual_dots2 {
    left: 80px;
    right: auto;
    bottom: calc(35vh + 39px);
  }
}

/* 헤더, 메인, 서브 일부 분기점 */
@media screen and (max-width: 1200px) {
  /* header */
  .header_wrap .top_banner .btn_close {
    right: 20px;
  }
  .header_wrap .top_banner .check {
    right: 120px;
  }
  .header .logo {
    height: 24px;
    top: 38px;
  }
  .header .logo img {
    height: 48px;
  }
  .header .top_btns {
    right: 70px;
  }
  .header .top_btns a {
    margin-left: 20px;
  }
  .header .gnb {
    padding-left: 180px;
  }
  .header .gnb li > a {
    padding: 0 1vw;
  }
  .header .gnb .snb a {
    font-size: 13px;
  }
  .header.hover:before {
    height: 344px;
  }
  .header.hover .gnb .snb {
    height: 244px;
  }
  .header .logo img,
  .header.on .logo img,
  .header.hover .logo img,
  .fp-viewing-IR .header .logo img,
  .fp-viewing-Footer .header .logo img {
    margin-top: -24px;
  }
  /* main */
  /* .mc01_side_slide .swiper-pagination {left:30px; bottom:40px; width:auto;} */
  .mc01_side_slide .swiper_arrow {
    bottom: 40px;
  }
  /* .mc01_side_slide .swiper-button-prev {right:70px;}
	.mc01_side_slide .swiper-button-next {right:30px;} */
  .mir_wrap .tit {
    font-size: 40px;
    line-height: 40px;
    width: 360px;
  }
  .mir_wrap .tit p {
    font-size: 18px;
    line-height: 26px;
  }
  .mc02_wrap .ot_arrows,
  .other_paging,
  .mc02_wrap .buttons {
    top: 50%;
  }
  .mc02_wrap .probar_box {
    top: calc(50% + 10px);
  }
  .mc02_slide a {
    margin-right: 20px;
  }
  .mservice dt {
    width: 340px;
    font-size: 40px;
  }
  .mservice dt p {
    font-size: 18px;
    line-height: 26px;
  }
  .mservice dd strong {
    font-size: 17px;
  }
  .mservice dd em {
    font-size: 14px;
  }
  #section2 .fp-scrollable {
    display: flex;
    align-items: center;
  }
  /* 홍보센터 */
  .pr_slide .slick-prev {
    left: 10px;
  }
  .pr_slide .slick-next {
    right: 10px;
  }
}

/* 타블렛 PC - 서브 가이드라인 분기점 */
@media screen and (max-width: 1000px) {
  .inner {
    padding: 0 20px;
  }
  .fancybox-wrap {
    width: calc(100% - 40px) !important;
  }
  .fancybox-inner {
    width: 100% !important;
  }
  /* header */
  .header_wrap .top_banner {
    padding: 0 20px;
    align-items: flex-start;
  }
  .header_wrap .top_banner.on {
    height: 80px;
  }
  .header_wrap .top_banner em {
    font-size: 12px;
    line-height: 18px;
  }
  .header_wrap .top_banner strong {
    font-size: 20px;
    line-height: 26px;
  }
  .header {
    height: 80px;
    border-bottom: #ddd 1px solid;
  }
  .main .header {
    border-bottom: 0;
  }
  .header .logo {
    top: 28px;
  }
  .header .top_btns {
    height: 80px;
  }
  .header .gnb {
    display: none;
  }
  .total_search {
    top: 80px;
  }
  .total_search > dl {
    padding: 40px 20px;
  }
  .header .sitemap {
    padding-top: 150px;
  }
  .header .sitemap:before {
    top: 101px;
  }
  /* .inbanner .header .sitemap {height:calc(100vh - 80px);} */
  .header .sitemap .tit {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 40px;
  }
  .header .sitemap .tit p {
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
  }
  .header .sitemap li {
    padding: 30px 0 30px 120px;
  }
  .header .sitemap li > a {
    top: 30px;
    font-size: 16px;
    line-height: 30px;
  }
  .header .sitemap li .snb a {
    font-size: 15px;
  }
  /* footer */
  .footer .links li {
    margin-left: 50px;
  }
  .footer .links li a {
    font-size: 14px;
    line-height: 54px;
  }
  .footer .links .select_box {
    height: 54px;
    width: 240px;
    margin-left: 0;
  }
  .footer .links .select_box label {
    height: 54px;
    line-height: 54px;
    font-size: 14px;
    padding: 0 30px;
  }
  .footer .links .select_box i {
    right: 30px;
  }
  .footer .links .select_box select {
    height: 54px;
    font-size: 14px;
  }
  .footer .address {
    background-size: 160px;
    padding-left: 200px;
  }
  .footer .address em {
    margin: 2px 15px;
  }
  .footer .gotop {
    bottom: 20px;
  }
  .footer .gotop.unfixed {
    bottom: 205px;
  }
  .footer_quick_menu .quick_open {
    bottom: 90px;
  }
  .f_quick .mquick {
    bottom: 160px;
  }
  /* main */
  .mvisual .slick-slide .mv {
    height: 100vh;
  }
  .mvisual .slick-slide img {
    height: 100%;
  }
  .mvisual .txt {
    top: 25%;
  }
  .mvisual .txt em {
    font-size: 19px;
  }
  .mvisual .txt strong {
    font-size: 42px;
    line-height: 48px;
    margin-top: 20px;
  }
  .mquick {
    padding-bottom: 70px;
    width: 60px;
    height: 60px;
  }
  .mquick dt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background: #f66c10;
    border-radius: 50%;
  }
  .mquick dt:before,
  .mquick dt:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    transition: 0.2s linear;
  }
  .mquick dt:before {
    width: 16px;
    height: 2px;
    margin: -1px 0 0 -8px;
  }
  .mquick dt:after {
    width: 2px;
    height: 16px;
    margin: -8px 0 0 -1px;
  }
  .mquick.on dt:before {
    transform: rotate(135deg);
  }
  .mquick.on dt:after {
    transform: rotate(315deg);
  }
  .mquick dd {
    position: absolute;
    bottom: 70px;
    left: 0; /*  display:none; */
  }
  #mainContent .mvisual_wrap .custom_paging,
  #mainContent .mvisual_wrap .slick-arrow,
  #mainContent .mvisual_wrap .buttons {
    margin: 0;
    top: 40%;
  }
  .mvisual_wrap .probar_box {
    margin: 0;
    top: calc(40% + 8px);
  }
  /* main_solution */
  .fp-viewing-Solution .header .top_btns a {
    background-position: 50% 0;
  }
  .fp-viewing-Solution .header .top_btns a:before {
    border-color: #fff;
  }
  .fp-viewing-Solution .header .btn_menu p {
    background: #fff;
  }
  .mc01_slide_wrap .slick-slide .mv {
    padding: 0 0 35vh;
    height: 100vh;
  }
  .mc01_slide_wrap .slick-slide .img {
    width: 100%;
  }
  .mc01_slide_wrap .slick-slide > div > .mv > img {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .mc01_slide .txt {
    bottom: calc(35vh + 60px);
  }
  .mc01_side_slide {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 35vh;
  }
  #mainContent .mc01_wrap .slick-arrow,
  #mainContent .mc01_wrap .buttons,
  #mainContent .mc01_wrap .custom_paging {
    bottom: calc(35vh + 30px);
    right: auto;
  }
  #mainContent .mc01_wrap .slick-prev {
    left: 260px;
  }
  #mainContent .mc01_wrap .slick-next {
    left: 320px;
  }
  #mainContent .mc01_wrap .buttons {
    left: 290px;
  }
  #mainContent .mc01_wrap .custom_paging {
    left: 20px;
  }
  .mc01_slide_wrap .probar_box2 {
    bottom: calc(35vh + 38px);
    left: 80px;
    right: auto;
  }
  .mc01_side_slide .swiper-wrapper .mv {
    padding: 0;
    width: 100%;
    height: 35vh;
    flex-direction: row;
    align-items: center;
  }
  .mc01_side_slide .swiper-wrapper .mv img {
    width: auto !important;
    max-height: 30vh;
    margin: 0;
    top: 0;
    transform: translate(0, 0);
  }
  .mc01_side_slide .mv i {
    width: 40%;
    height: 35vh;
    line-height: 35vh;
    margin-bottom: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mc01_side_slide .mv .txt {
    text-align: left;
    width: 60%;
    padding-bottom: 10vh;
  }
  .mc01_side_slide .txt p {
    margin: 15px 0 30px;
  }
  .mc01_side_slide .txt .more {
    margin: 0;
  }
  /* .mc01_side_slide .swiper-pagination {left:40%;} */
  /* main_IR */
  .mir_wrap {
    width: 100%;
    flex-direction: column;
    padding: 0 20px;
  }
  /* .inbanner .mir_wrap {margin-top:40px;} */
  .mir_wrap .tit {
    font-size: 30px;
    line-height: 30px;
    width: 100%;
    margin: 30px 0 60px;
    padding-left: 0;
  }
  .mir_wrap .tit p {
    font-size: 15px;
    line-height: 22px;
    margin: 10px 0 0;
  }
  .mir_wrap .tit p .pc_vw {
    display: none;
  }
  .mir_wrap .tit .more {
    position: absolute;
    top: 0;
    right: 0;
  }
  .mc02_wrap {
    width: 100%;
    padding-top: 40px;
  }
  #mainContent .mc02_wrap .slick-arrow,
  #mainContent .mc02_wrap .custom_paging {
    top: -240px;
  }
  #mainContent .mc02_wrap .probar_box {
    top: 120px;
  }
  #mainContent .mc02_wrap .buttons {
    top: 110px;
  }
  /* 메인_고객서비스 */
  .mservice dl {
    flex-direction: column;
  }
  .mservice dt,
  .mservice dd {
    width: 100%;
  }
  .mservice dt {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .mservice dt p {
    font-size: 15px;
  }
  .mservice dd a {
    margin-top: 30px;
  }
  .mservice dd a > * {
    padding: 15px 0;
  }

  .mservice .servicebox ul li p.down_txt {
    font-size: 15px !important;
    padding-right: 70px;
  }
  /* sub */
  .sub_title {
    margin: 80px 0 20px;
    padding-top: 70px;
  }
  /* .sub_title.inbanner {margin-top:160px;} */
  .sub_title h2 {
    font-size: 35px;
    line-height: 35px;
  }
  .sub_title .location {
    position: relative;
    width: 100%;
    flex-wrap: wrap;
  }
  .svisual {
    height: 400px;
  }
  .svisual .inner {
    font-size: 35px;
    line-height: 50px;
  }
  .svisual .btn {
    font-size: 14px;
    margin-top: 25px;
  }
  .sv_slide {
    width: 100vw;
    margin: 0;
  }
  .svisual .sv_slide .mv,
  .sv_slide .mv {
    height: 400px;
    padding: 0 40px;
  }
  .sv_slide i {
    width: 50%;
  }
  .sv_slide em {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .sv_slide strong {
    font-size: 35px;
    line-height: 50px;
  }
  .sv_slide .slick-prev {
    left: 10px;
    margin-left: 0;
  }
  .sv_slide .slick-next {
    right: 10px;
    margin-right: 0;
  }
  /* .aside .point {top:-80px;} */
  /* .inbanner + .svisual + .aside .point {top:-160px;} */
  .aside .inner a {
    font-size: 18px;
    line-height: 60px;
  }
  .container {
    padding: 100px 0;
  }
  /* .container.g00.inbanner {margin-top:150px;} */
  .container .title {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 40px;
  }
  .container .title.mb {
    margin-bottom: 70px;
  }
  .container .title.mt {
    margin-top: 70px;
  }
  .container .title.mt1 {
    margin-top: 80px;
  }
  .container .title.mt2 {
    margin-top: 120px;
  }
  .container .tit_b {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 60px;
  }
  .container .tit_p {
    font-size: 14px;
    margin-bottom: 50px;
  }
  .container .btxt {
    font-size: 22px;
    line-height: 34px;
  }
  .container .ctit {
    font-size: 24px;
    margin: 70px 0;
  }
  .container .stit {
    font-size: 24px;
    line-height: 24px;
    margin: 70px 0 20px;
  }
  .container .btit {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .container .btit.mt {
    margin-top: 70px;
  }
  .container .btit.mt2 {
    margin-top: 100px;
  }
  .container p {
    font-size: 14px;
    line-height: 24px;
  }
  /* 엠투아이 */
  .about dl {
    padding: 25px 0;
  }
  .about dt {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .about dd {
    font-size: 24px;
    line-height: 24px;
  }
  .about dd em {
    font-size: 18px;
    margin-left: 10px;
  }
  .gbox {
    padding: 70px 0;
  }
  .gbox.mt {
    margin-top: 70px;
  }
  .gbox.mt_m4 {
    margin-top: 40px;
  }
  .gbox.mt_mh {
    margin-top: 40px;
  }
  /* 주요 연혁 */
  .history .tit em {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 5px;
  }
  .history .tit strong {
    font-size: 30px;
    line-height: 40px;
  }
  .his_list {
    margin-top: 30px;
    padding-top: 30px;
  }
  /* .his_list:before {top:40px; height:calc(100% - 40px);} */
  .his_list ul {
    margin-top: 80px;
  }
  .his_list .img {
    width: calc(50% - 20px);
    margin-right: 20px;
    margin-top: 155px;
  }
  .his_list .tit {
    padding-bottom: 40px;
  }
  .his_list .list p {
    font-size: 14px;
  }
  .his_list .list p em {
    padding: 15px 0;
  }
  .his_list > div:nth-child(2n) .img {
    padding: 0 0 0 20px;
  }
  /* 사업소개 */
  .dl_tbl > dl {
    margin-top: 70px;
  }
  .dl_tbl > dl > dt {
    font-size: 18px;
    width: 160px;
  }
  .dl_tbl > dl > dd {
    width: calc(100% - 180px);
  }
  .dl_tbl .select_label {
    width: 100%;
  }
  .dl_tbl > dl > dt.b {
    font-size: 20px;
    line-height: 24px;
  }
  /* 국내외 사업망 */
  .rtabs {
    margin: -10px 0 40px;
  }
  .rtabs li {
    font-size: 14px;
    line-height: 32px;
    height: 34px;
    margin: 10px 10px 0 0;
  }
  .network_wrap .jq_cont {
    height: 56vw;
  }
  .network_wrap .jq_cont .cont.p01 {
    margin: -2vw 0 0 28.7vw;
  }
  .network_wrap .jq_cont .cont.p02 {
    margin: 1.5vw 0 0 25vw;
  }
  .network_wrap .jq_cont .cont.p03 {
    margin: 7.3vw 0 0 27vw;
  }
  .network_wrap .jq_cont .cont.p04 {
    margin: -5.5vw 0 0 3.3vw;
  }
  .network_wrap .jq_cont .cont.p05 {
    margin: 2.6vw 0 0 16.5vw;
  }
  .network_wrap .jq_cont .cont.p06 {
    margin: 16.5vw 0 0 4.2vw;
  }
  .network_wrap .jq_cont .cont.p07 {
    margin: -8vw 0 0 -3.1vw;
  }
  .network_wrap .jq_cont .cont.p08 {
    margin: -5vw 0 0 4.8vw;
  }
  .network_wrap .jq_cont .cont.p09 {
    margin: -1.8vw 0 0 6.2vw;
  }
  .network_wrap .jq_cont .cont.p10 {
    margin: -2vw 0 0 6.5vw;
  }
  .network_wrap .jq_cont .cont.p11 {
    margin: 10vw 0 0 26vw;
  }
  .network_wrap .jq_cont .cont.p12 {
    margin: -12vw 0 0 20.7vw;
  }
  .network_wrap .jq_cont .cont.p13 {
    margin: 4vw 0 0 23.5vw;
  }
  .network_wrap .jq_cont .cont.p14 {
    margin: -5.5vw 0 0 -26vw;
  }
  .network_wrap .jq_cont .cont.p15 {
    margin: 7.5vw 0 0 24vw;
  }
  .popup_wrap .outbox {
    padding: 30px;
  }
  .popup_wrap .btn_close {
    top: 30px;
    right: 30px;
  }
  .popup_wrap .tit,
  .popup_wrap .tt {
    line-height: 26px;
  }
  .popup_wrap .tt {
    font-size: 22px;
    margin: 40px 0 20px;
  }
  .popup_wrap .input em {
    font-size: 14px;
    line-height: 48px;
    height: 48px;
  }
  .popup_wrap .input .text {
    height: 48px;
    font-size: 14px;
    padding: 0 20px;
  }
  .popup_wrap .input button {
    font-size: 14px;
    line-height: 50px;
    height: 50px;
  }
  .popup_wrap .mail em.e {
    line-height: 40px;
    font-size: 14px;
  }
  .popup_wrap .select_label {
    height: 50px;
    line-height: 50px;
  }
  .popup_wrap .select_label label {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    padding: 0 20px;
  }
  .popup_wrap .select_label select {
    height: 48px;
    font-size: 14px;
  }
  .popup_wrap .btn {
    font-size: 14px;
    margin-top: 40px;
  }
  /* 사업장소개 */
  .contact_num dl {
    padding: 0 30px;
  }
  .contact_num dt,
  .contact_num dd {
    font-size: 24px;
    line-height: 30px;
  }
  .map_wrap {
    margin-top: 70px;
  }
  .dots_list p:before {
    top: 10px;
  }
  /* 스마트팩토리사업 */
  .ftabs {
    margin-bottom: 70px;
  }
  .ftabs * {
    font-size: 13px;
    width: calc((100% - 30px) / 4);
  }
  .ftabs.set3 > * {
    width: calc((100% - 20px) / 3);
  }
  .ftabs.set5 > * {
    width: calc((100% - 40px) / 5);
  }
  .ftabs.set2 > * {
    width: calc((100% - 10px) / 2);
  }
  /* .ftabs5 a:last-child {border-top:0;} */

  .dl_tbl_flex {
    flex-direction: column;
    margin-top: 40px;
  }
  .dl_tbl_flex dl {
    width: 100%;
    padding: 30px 0;
  }
  .dl_tbl_flex dl:nth-child(2n) {
    padding: 30px 0;
  }
  .dl_tbl_flex.width_set46 dl:nth-child(2n-1),
  .dl_tbl_flex.width_set46 dl:nth-child(2n) {
    width: 100%;
  }
  .dl_tbl_flex.mt {
    margin-top: 70px;
  }
  .dl_tbl_flex dt,
  .dl_tbl_flex .ts dt,
  .dl_tbl_flex .tm dt {
    width: 200px;
  }
  .dl_tbl_flex dd,
  .dl_tbl_flex .ts dd,
  .dl_tbl_flex .tm dd {
    width: calc(100% - 200px);
  }
  .dl_tbl_flex .half {
    flex-direction: column;
  }
  .dl_tbl_flex .half span {
    width: 100%;
    display: block;
  }
  .dl_tbl_flex .tms dd {
    width: 100%;
  }
  .mt16h {
    margin-top: 80px;
  }
  .wline {
    margin: 100px 0;
  }
  .wline.tb100 {
    margin: 70px 0;
  }
  .btm_links a {
    font-size: 17px;
    line-height: 40px;
  }
  .solution_num_set.set9 {
    height: 156px;
  }

  .solution_app {
    margin-top: 40px;
  }
  .jq_cont .cont .solution_app li {
    width: calc((100% - 20px) / 2);
    margin-top: 30px;
  }
  .jq_cont .cont .solution_app li:first-child {
    margin-top: 30px;
  }
  .solution_app li:nth-child(2) a {
    height: 412px;
  }

  .gbox .dl_tbl_flex dt {
    width: 19%;
  }
  .gbox .dl_tbl_flex dd {
    width: 81%;
    padding-left: 40px;
  }
  /* 제품군 */
  .pro_tit {
    padding-bottom: 25px;
    margin-bottom: 70px;
  }
  .product_area {
    margin-top: 70px;
  }
  .product_area li {
    height: 340px;
  }
  .product_area li .tit em {
    font-size: 14px;
  }
  .product_area li.on .tit {
    padding-left: 40px;
  }
  .product_area li.on .tit strong {
    font-size: 32px;
    margin: 15px 0 20px;
  }
  .product_area li .tit .more {
    font-size: 14px;
    padding: 0 15px;
  }
  .product_list .list_slide {
    width: calc(100% - 150px);
  }
  .product_list .list_slide .sv {
    padding-right: 20px;
  }
  .product_list .list_slide .slick-list {
    width: calc(100% + 20px);
  }
  .product_list .list_slide.list_slide0 .slick-prev {
    left: 10px;
  }
  .product_list .list_slide.list_slide0 .slick-next {
    right: 10px;
  }
  .pro_item .img_area {
    width: 40%;
  }
  .pro_item .txt_area {
    width: 58%;
  }
  .pro_item .img_area .img_slide_sml.off .slick-slide {
    max-width: 20%;
  }
  .pro_item .txt_area .certification {
    margin-bottom: 40px;
  }
  .pro_item .txt_area .btn_like {
    padding-bottom: 70px;
  }
  .pro_item.on_img .img_area {
    top: 80px;
    left: 20px;
    width: calc(40% - 16px);
  }
  .img_area .img_slide_big {
    width: calc(100% - 10px);
    height: 36.832vw;
  }
  .zoom_area {
    height: 36.832vw;
  }
  .pro_item.on_btn .inlink_btns {
    top: 0;
    left: calc(40% + 4px);
    width: calc(60% - 24px);
  }
  /* .inbanner + div + div + .container .pro_item.on_img .img_area,
	.inbanner + div + div + .container .pro_item.on_btn .inlink_btns {top:160px;} */
  .pro_item .inlink_btns:before {
    display: none;
  }
  .pro_item {
    width: 100%;
  }
  .pro_item .txt_area {
    width: 60%;
  }
  .pro_item.on_img,
  .pro_item.btm_img {
    padding-left: 40%;
  }

  .pro_item.on_img .txt_area,
  .pro_item.btm_img .txt_area {
    width: 100%;
  }
  .pro_item .btit .pnt {
    top: -60px;
  }
  /* .inbanner + div + div + .container .pro_item .btit .pnt {top:-210px;} */
  .pro_item.on_btn .txt_area .btn_like {
    padding-bottom: 120px;
  }
  .pro_item.btm_img .img_area,
  .inbanner + div + div + .container .pro_item.btm_img .img_area {
    top: auto;
    left: 0;
    width: 40%;
  }

  .pro_item .point.remove_img {
    top: -80px;
  }
  .pro_item .point.remove_btn {
    top: 386px;
  }
  .pro_item .point.remove_img_btm {
    bottom: 20px;
  }
  .pro_item .point.motion_img {
    top: calc(100vh - 80px);
  }
  /* .inbanner + div + div + .container .pro_item .point.motion_img {top:calc(100vh - 160px);} */
  .pro_item .point.motion_btn,
  .inbanner + div + div + .container .pro_item .point.motion_btn {
    top: calc(100vh + 346px);
  }
  .pro_item .point.motion_img_btm {
    bottom: calc(-100vh + 499px);
  }
  .sub_title.inbanner
    + .svisual
    + .aside
    + .container
    .pro_item
    .point.motion_img_btm {
    bottom: calc(-100vh + 579px);
  }

  .pro_item .features li {
    width: calc(50% - 10px);
  }
  .pro_item .features li .tt em {
    display: block;
  }
  .pro_item .features li p br {
    display: none;
  }
  .pro_item .spec dl > * {
    padding: 20px 0;
  }
  .pro_item .spec dd {
    width: calc(100% - 120px);
  }
  .pro_item .download a {
    width: calc(50% - 10px);
    padding: 0 15px;
  }
  .pro_item .download .select_download .select_langs {
    width: 50px;
  }
  .pro_item .download .select_download .btn_langs {
    width: calc(100% - 60px);
  }
  .pro_item .contact .as .btn {
    font-size: 15px;
    width: calc(50% - 5px);
    max-width: calc(50% - 5px);
    margin-right: 10px;
  }
  .pro_item .contact .as .btn:nth-child(2n) {
    margin-right: 0;
  }

  .product_list {
    margin-bottom: 100px;
  }
  .product_list .tit {
    padding-right: 20px;
  }

  /* 리스트 페이징으로 */
  .product_list .tit .paging {
    width: calc(100% - 20px);
  }
  .product_list .list_paging .sv {
    padding: 20px 0 0;
    width: calc(50% - 10px);
    margin: 20px 0 0 20px;
  }
  .product_list .list_paging .sv:nth-child(3n-2 of .sv) {
    margin-left: 20px;
  }
  .product_list .list_paging .sv:nth-child(2n-1 of .sv) {
    margin-left: 0;
  }
  .product_list .list_paging .sv:nth-child(-n + 3 of .sv) {
    padding-top: 20px;
    margin-top: 20px;
  }
  .product_list .list_paging .sv:nth-child(-n + 2 of .sv) {
    padding-top: 0;
    margin-top: 0;
  }
  .product_list .list_paging .sv:nth-child(3):before {
    display: block;
  }

  .select_label {
    width: 150px;
    height: 50px;
    line-height: 50px;
    margin-right: 15px;
  }
  .select_label label {
    height: 39px;
    line-height: 39px;
    font-size: 15px;
  }
  .select_label select {
    height: 39px;
    font-size: 15px;
  }
  .select_label .nice-select {
    height: 49px;
    font-size: 15px;
  }

  .service_btm {
    padding: 20px 0 25px;
  }
  .service_btm .inputs {
    height: 40px;
    padding-right: 40px;
  }
  .service_btm .inputs .text {
    font-size: 15px;
    height: 40px;
    padding: 0 20px;
  }
  .service_btm .inputs .btn {
    width: 40px;
    height: 40px;
  }
  .service_btm_links {
    padding: 20px 70px 20px 20px;
  }
  .service_btm_links .inner {
    padding: 0;
    align-items: center;
  }
  .service_btm_links p {
    margin-right: 30px;
  }
  .service_btm_links p.s {
    font-size: 16px;
  }
  /* 다운로드 */
  .service_down_tab .jq_tab {
    margin-bottom: 50px;
  }
  .service_down_tab .cont {
    padding: 30px 0;
  }
  .down_list {
    margin-top: -20px;
  }
  .down_list li {
    width: calc((100% - 60px) / 4);
    margin: 20px 0 0 20px;
  }
  .down_list li a {
    padding: 20px 10px 15px;
  }
  .down_list li .name {
    width: 120px;
    height: 120px;
  }
  .down_list li .name strong {
    font-size: 24px;
    line-height: 24px;
    margin: 15px 0 10px;
  }
  .down_list li .txt {
    margin-top: 20px;
  }
  .down_list li .txt strong {
    font-size: 15px;
  }
  /* 카탈로그,인증서 */
  .download_wrap li {
    padding: 30px;
    margin-top: 15px;
  }
  .download_wrap .tit {
    font-size: 22px;
  }
  .download_wrap .certification_icons img {
    height: 24px;
    margin-left: 10px;
  }
  /* 매뉴얼/디자인 */
  .btab {
    margin-bottom: 70px;
  }
  .video_list li {
    width: calc((100% - 20px) / 3);
    margin: 20px 0 0 10px;
  }
  .video_list li .img {
    height: 20.5vw;
  }
  .video_list li .txt {
    padding-top: 15px;
  }
  .video_list li .tit {
    font-size: 17px;
    line-height: 24px;
    height: 48px;
  }
  .video_info {
    flex-direction: column;
  }
  .video_info dl dt {
    margin-right: 20px;
  }
  .video_info dl dt:after {
    right: -10px;
  }
  /* 상담 */
  .consulting_wrap {
    padding: 15px 0 100px;
  }
  .consulting_wrap .btn {
    margin-bottom: 40px;
  }
  .consulting_wrap li {
    width: calc(50% - 15px);
    padding: 20px 0;
  }
  .consulting_wrap li .txt {
    padding: 0 10px 0 15px;
  }
  .consulting_wrap .remote_gbox {
    padding: 30px 50px;
  }
  .consulting_wrap .remote_gbox dd {
    width: calc(50% - 20px);
  }
  .consulting_wrap .remote_gbox .tt {
    font-size: 17px;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .consulting_wrap .inputs_gbox {
    padding: 30px;
    margin-top: 70px;
  }
  .consulting_wrap .inputs_gbox dl {
    margin-top: 30px;
  }
  .consulting_wrap .inputs_gbox dt {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .consulting_wrap .inputs_gbox dt .btn {
    position: relative;
    top: 0;
    float: right;
    margin: 0;
  }
  .consulting_wrap .inputs_gbox dd .ddtt {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
  }
  .ddtt_2 {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 20px;
  }
  .plus_gap24 {
    row-gap: 0px;
  }
  .consulting_wrap .inputs_gbox dd .input {
    width: calc(50% - 5px);
    margin: 10px 0 0 10px;
  }
  .consulting_wrap .inputs_gbox dd.mt0 .input:nth-child(-n + 2),
  .consulting_wrap .inputs_gbox dd.mt0 .ddtt ~ .input:nth-child(-n + 3) {
    margin-top: 0;
  }
  .consulting_wrap .inputs_gbox dd .ddtt ~ .input:nth-child(2n-1) {
    margin-left: 10px;
  }
  .consulting_wrap .inputs_gbox dd .select_label {
    width: calc((100% - 20px) / 3);
    height: 50px;
    margin-left: 10px;
  }
  .consulting_wrap .inputs_gbox dd .select_label label {
    height: 48px;
    line-height: 48px;
  }
  .consulting_wrap .inputs_gbox dd .select_label select {
    height: 49px;
  }
  .consulting_wrap .inputs_gbox dd .select_label.ml {
    margin-left: 10px;
  }
  .consulting_wrap .inputs_gbox dd textarea.text {
    font-size: 14px;
    line-height: 24px;
    padding: 15px;
  }
  .consulting_wrap .inputs_gbox dd.yak textarea.text {
    height: 260px;
  }
  .consulting_wrap .inputs_gbox .mail {
    margin-top: 10px;
  }
  .consulting_wrap .inputs_gbox .w100p + .input + .input {
    margin-left: 10px;
  }
  .consulting_wrap .inputs_gbox dd .ddtt ~ .w100p ~ .input.ml,
  .consulting_wrap .inputs_gbox dd .ddtt ~ .w100p ~ .input:nth-child(2n) {
    margin-left: 10px;
  }
  .consulting_wrap .btn_submit {
    margin: 60px auto 0;
  }
  .consulting_wrap .btns.tac {
    margin-top: 60px;
  }
  .consulting_wrap .btns.tac .btn {
    max-width: 48%;
    margin: 0 1%;
  }
  /* 교육 */
  .education_wrap li {
    width: calc((100% - 30px) / 3);
    margin: 15px 0 0 15px;
  }
  .education_wrap li .img i {
    top: 10px;
    right: 10px;
  }
  .education_wrap li .txt {
    padding: 15px;
  }
  .education_wrap li .txt .tit {
    font-size: 17px;
  }
  .fancybox-close {
    top: 20px;
    right: 20px;
  }
  .pop_education .edu_top .img {
    width: 40%;
    height: auto;
    border: 0;
  }
  .pop_education .edu_top .img img {
    border: #ddd 1px solid;
  }
  .pop_education .edu_top .txt {
    width: 60%;
    padding-left: 10px;
  }
  .pop_education .edu_top .tit {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .pop_education .edu_top .tit strong {
    font-size: 20px;
    line-height: 26px;
  }
  .pop_education .edu_top .tit p {
    font-size: 14px;
  }
  .pop_education .edu_top .btns .btn {
    /* width:calc(28% - 5px); */
    width: 100%;
  }
  .pop_education .edu_top .btns .btn:nth-child(2) {
    width: 44%;
  }
  .pop_education .edu_mid {
    padding: 20px;
    margin-bottom: 20px;
  }
  .pop_education .edu_btm {
    padding: 20px;
  }
  /* AS */
  .as_wrap .lbox {
    padding: 30px 0;
  }
  .as_wrap .lbox li.left {
    width: auto;
    max-width: 38%;
    padding: 0 20px 0 30px;
  }
  .as_wrap .lbox li.right {
    max-width: 62%;
    padding: 0 30px 0 20px;
  }
  .as_wrap .gbox {
    margin: 70px 0;
  }
  .as_step li:before {
    top: 66px;
  }
  .as_step li b {
    font-size: 12px;
  }
  .as_step li i {
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin: 10px auto 20px;
  }
  .as_step li .tt {
    font-size: 14px;
  }
  .as_step li p {
    font-size: 14px;
    margin-top: 10px;
  }
  .as_wrap .as_info dl {
    flex-direction: column;
    padding: 20px 0;
  }
  .as_wrap .as_info dt {
    width: 100%;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .as_wrap .as_info dt .pc_vw {
    display: none;
  }
  .as_wrap .as_info dd {
    font-size: 14px;
    line-height: 24px;
    width: 100% !important;
  }
  /* 고객지원 */
  .bs li:nth-child(8) {
    flex-flow: row;
  }
  .bs .info {
    flex-flow: column;
    gap: 10px;
  }
  .bs .info .tit {
    width: 100%;
    font-size: 17px;
    line-height: 24px;
  }
  .bs .info .iftxt p {
    line-height: 1.6;
  }
  /* 자주찾는 질문 */
  .best_faq .box {
    width: calc(50% - 10px);
  }
  .best_faq .tit strong {
    font-size: 20px;
    line-height: 40px;
  }
  .best_faq .tit .more {
    font-size: 13px;
    line-height: 38px;
    width: 130px;
  }
  .best_faq .tit .more i {
    right: 10px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .best_faq .con a {
    padding: 15px;
  }
  .best_faq .con a span {
    max-width: calc(100% - 120px);
  }
  /* IR */
  .ir_wrap .grapth .left_line li {
    margin-top: 39px;
  }
  .tbl th,
  .tbl td {
    font-size: 14px;
    line-height: 24px;
    height: 45px;
  }
  .board_bottom .paging {
    margin-top: 60px;
  }
  .board_bottom .paging a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    margin: 0 8px;
  }
  /* Recruit */
  /* 직무소개 */
  .job_introduction li {
    width: calc((100% - 40px) / 3);
    padding: 20px;
    margin: 20px 0 0 20px;
  }
  .job_introduction .tit {
    margin-bottom: 20px;
  }
  .job_introduction .tit strong {
    font-size: 20px;
  }
  .job_introduction .tit img {
    height: 60px;
  }
  .job_introduction li p {
    max-height: 120px;
  }
  .job_introduction .more {
    font-size: 14px;
    margin-top: 70px;
    padding: 0 15px;
  }
  /* 채용정보 */
  .recruit_step li {
    width: 20%;
  }
  .recruit_step li:before {
    left: -7px;
    top: calc(50% - 14px);
  }
  .recruit_step li i {
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin: 0 auto;
  }
  .tb_line {
    margin: 60px 0 30px;
  }
  .step_list li {
    width: calc(50% - 10px);
    padding: 30px 0;
  }
  .step_list li .txt strong {
    font-size: 17px;
    margin: 5px 0;
  }
  /* 평가 및 보상 */
  .dl_tbl.w46 dl {
    flex-direction: column;
  }
  .dl_tbl.w46 dt,
  .dl_tbl.w46 dd {
    width: 100%;
  }
  .dl_tbl.w46 dt ul {
    margin-top: 20px;
  }
  .dl_tbl.w46 dd {
    padding-top: 40px;
  }
  .dl_tbl.w46 dl.bar dd {
    padding-top: 0;
  }
  .dl_tbl.w46 dd .num li {
    width: calc(50% - 20px);
  }
  /* 복리후생 */
  .welfare_list li {
    padding: 30px 0;
    width: calc(50% - 15px);
  }
  .welfare_list .img {
    width: 120px;
  }
  .welfare_list .txt strong {
    font-size: 17px;
  }
  .welfare_list .txt .pc_vw {
    display: none;
  }
  /* 로그인 */
  .mem_inputs .input > * {
    line-height: 48px;
  }
  .mem_inputs em {
    left: 20px;
  }
  .mem_inputs .text {
    height: 48px;
  }
  .mem_inputs .btm .btn {
    line-height: 50px;
    height: 50px;
  }
  /* 회원가입 */
  .mem_inputs.join_inpus .input button {
    height: 48px;
    line-height: 48px;
  }
  .mem_inputs .input {
    margin-top: 15px;
  }
  .mem_inputs .select_label {
    height: 50px;
    line-height: 50px;
  }
  .mem_inputs .select_label label,
  .mem_inputs .select_label select {
    height: 48px;
    line-height: 48px;
  }
  .mem_inputs .mail > em {
    line-height: 50px;
  }
  .mem_inputs .yak_box {
    padding: 20px;
    margin-top: 70px;
  }
  .join_end i {
    margin: 30px 0;
  }
  .join_end i img {
    width: 110px;
  }
  .join_end strong {
    font-size: 24px;
    margin: 30px 0 15px;
  }
  .join_end .btn_submit {
    margin-top: 30px;
  }
  /* 서비스센터 */
  .service_area .box4 {
    width: 75%;
  }
  .service_area .box1 {
    width: 24%;
  }
  .service_area dt {
    margin: 20px 0 0 20px;
  }
  .service_area dd {
    padding: 40px 20px 60px;
  }
  .sc_faq .box {
    width: 100%;
  }
  .download_wrap li {
    width: 100%;
    margin-left: 0;
  }
  /* 아이디/비번 찾기 */
  .find_end {
    height: 140px;
  }
  /* 마이페이지 */
  .mypage .title .btns .btn {
    font-size: 14px;
    line-height: 38px;
    height: 40px;
    width: 200px;
    padding: 0 20px;
    margin-left: 10px;
  }
  .mypage .lbox {
    padding: 30px;
  }
  .mypage .btit.bdb {
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
  .mypage .btit.lh {
    line-height: 40px;
  }
  .mypage .btit .more {
    font-size: 14px;
    line-height: 38px;
    height: 40px;
  }
  .mypage .btit .btns .btn {
    margin-left: 10px;
  }
  .mypage .tit {
    font-size: 17px;
    margin: 30px 0 10px;
  }
  .mypage .inputs .input {
    width: 100%;
    margin-top: 10px;
  }
  .mypage .inputs .input > * {
    line-height: 48px;
  }
  .mypage .inputs em {
    left: 20px;
  }
  .mypage .inputs .text {
    height: 48px;
  }
  .withlist_slide {
    margin: 0 -30px;
    padding-left: 30px;
  }
  .withlist_slide .sv {
    padding-right: 20px;
  }
  .withlist_slide .sv:last-child {
    padding-right: 30px;
  }
  .mypage .mytbl {
    margin-bottom: 20px;
  }
  .mypage .mytbl th,
  .mypage .mytbl td {
    font-size: 14px;
    line-height: 24px;
  }
  .mypage .mytbl th {
    padding-bottom: 15px;
  }
  .mypage .mytbl .btns .btn {
    max-width: 100%;
    margin-top: 5px;
  }
  .mypage .mytbl col.w1 {
    width: 13%;
  }
  .mypage .mytbl col.w2 {
    width: 10.4%;
  }
  .mypage .mytbl col.w3 {
    width: 11.7%;
  }
  .mypage .mytbl col.w4 {
    width: 11.7%;
  }
  .mypage .mytbl col.w5 {
    width: 11.7%;
  }
  .mypage .mytbl col.w6 {
    width: 13%;
  }
  .mypage .mytbl col.w11 {
    width: 8%;
  }
  .mypage .mytbl col.w12 {
    width: 9%;
  }
  .mypage .mytbl col.w13 {
    width: 14%;
  }
  .mypage .mytbl col.w14 {
    width: 15%;
  }
  .mypage .mytbl col.w15 {
    width: 14%;
  }
  .mypage .mytbl col.w16 {
    width: 9%;
  }
  .mypage .mytbl col.w17 {
    width: 10%;
  }
  .pop_page {
    padding: 30px;
  }
  .pop_page .title {
    font-size: 20px;
    line-height: 24px;
  }
  .pop_page .gbox {
    padding: 30px;
    margin: 30px auto;
  }
  .pop_page .lbox {
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
  }
  /* 통합검색 */
  .total_search_results .title {
    font-size: 34px;
    line-height: 34px;
  }
  .total_search_results .search_box {
    padding-right: 50px;
    margin-bottom: 20px;
  }
  .total_search_results .tag {
    padding-left: 100px;
    margin-bottom: 50px;
  }
  .total_search_results .tag dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
  }
  .total_search_results .tag dd {
    padding-left: 10px;
  }
  .total_search_results .tag dd a {
    margin-right: 20px;
  }
  .total_search_results .tag .del {
    margin: 0 15px 0 5px;
  }
  .total_search_results .tag .btm .del {
    margin-left: 5px;
  }
  /* .total_search_results .tabs {display:table;} */
  .total_search_results .tabs a {
    width: auto;
    padding: 0 10px;
    font-size: 14px;
  }
  .total_search_results .search_list {
    margin-top: 100px;
  }
  .total_search_results .search_list .txt {
    padding-left: 20px;
  }
  .total_search_results .search_list > ul > li > a {
    padding: 20px;
  }
  .total_search_results .search_list a .txt .tit,
  .total_search_results .search_list .tt {
    font-size: 17px;
    line-height: 24px;
  }
  /* 제품 */
  .total_search_results .search_product .img {
    width: 240px;
  }
  .total_search_results .search_product .txt {
    width: calc(100% - 240px);
  }
  .search_list .list_slide_non .sv {
    width: calc((100% - 60px) / 3) !important;
  }
  .search_list .list_slide_non .sv:nth-child(4n-3) {
    margin-left: 30px;
  }
  .search_list .list_slide_non .sv:nth-child(3n-2) {
    margin-left: 0;
  }
  .search_list .list_slide_non .sv:nth-child(4) {
    margin-top: 30px;
    padding-top: 30px;
  }
  .search_list .list_slide_non .sv:nth-child(4):before {
    display: block;
  }
  .search_list .list_slide_non .txt {
    width: 100%;
  }
  /* 소프트웨어 */
  .search_software .name {
    width: 200px;
  }
  .total_search_results .search_software .txt {
    width: calc(100% - 200px);
    padding-left: 20px;
  }
  /* 카탈로그 */
  .total_search_results .search_catalog .txt .tit {
    font-size: 17px;
  }
  /* 인증서  */
  .total_search_results .search_certification .txt .tit {
    font-size: 17px;
  }
  /* 매뉴얼 */
  .total_search_results .search_menual .img {
    width: 280px;
  }
  .total_search_results .search_software .txt {
    width: calc(100% - 280px);
  }
  .total_search_results .search_list .video_list li {
    width: calc((100% - 20px) / 3);
    margin: 20px 0 0 10px;
  }
  .total_search_results .search_list .video_list li .tit {
    height: 48px;
  }
  /* 자주찾는 질문 */
  .total_search_results .search_faq p {
    font-size: 14px;
  }
  .total_search_results .search_faq p em {
    font-size: 17px;
  }
  /* 교육 */
  .total_search_results .search_edu .img i {
    top: 10px;
    right: 10px;
  }
  .total_search_results .search_edu .txt .tit {
    font-size: 17px;
  }

  .consulting_wrap .biz .checkbox {
    margin-top: 10px;
  }
  .consulting_wrap .biz .checkbox .check {
    margin-top: 0 !important;
  }
}

/* pc 타블렛 사이즈에서 일부 변경(메인) */
@media screen and (max-width: 1000px) and (min-width: 768px) and (max-height: 1000px) {
  #mainContent .mvisual_wrap .custom_paging,
  #mainContent .mvisual_wrap .slick-arrow,
  #mainContent .mvisual_wrap .buttons {
    top: 50%;
  }
  .mvisual_wrap .probar_box {
    margin: 0;
    top: calc(50% + 8px);
  }
  .mc01_slide_wrap .slick-slide .mv > img {
    height: 120%;
  }
  .mc02_wrap {
    padding-top: 0;
  }
  #mainContent .mc02_wrap .slick-arrow,
  #mainContent .mc02_wrap .custom_paging {
    top: 0;
  }
  .mc02_wrap .ot_arrows,
  .other_paging,
  .mc02_wrap .buttons {
    top: 110px;
  }
}

/* 모바일 */
@media screen and (max-width: 767px) {
  .inner {
    padding: 0 15px;
  }
  .pc_vw {
    display: none !important;
  }
  .mo_vw {
    display: block !important;
  }
  table.mo_vw {
    display: table !important;
  }
  body {
    /* font-family:'Nanum gothic'; */
  }
  /* header */
  .header_wrap .top_banner {
    padding: 0 15px;
  }
  .header_wrap .top_banner.on {
    height: 50px;
  }
  .header_wrap .top_banner em {
    font-size: 10px;
    line-height: 14px;
  }
  .header_wrap .top_banner strong {
    font-size: 13px;
    line-height: 20px;
  }
  .header_wrap .top_banner .check {
    display: none;
  }
  .header_wrap .top_banner .btn_close {
    right: 15px;
    width: 70px;
    height: 22px;
    line-height: 22px;
    font-size: 10px;
    padding: 0 10px;
  }
  .header_wrap .top_banner .btn_close i {
    right: 10px;
  }
  .header {
    height: 50px;
    border-bottom: #ddd 1px solid;
  }
  .main .header {
    border-bottom: 0;
  }
  .header .logo {
    top: 14px;
    left: 15px;
    height: 22px;
  }
  .header .logo img,
  .header.on .logo img,
  .header.hover .logo img,
  .fp-viewing-IR .header .logo img,
  .fp-viewing-Footer .header .logo img {
    height: 44px;
    margin-top: -22px;
  }
  .header .top_btns {
    height: 50px;
    right: 60px;
  }
  .header .top_btns a {
    width: 30px;
    height: 30px;
    background-size: 90%;
  }
  .header .top_btns a.btn_langs,
  .header .top_btns a.btn_human,
  .header .top_btns a.btn_logout {
    display: none;
  }
  .header .top_btns .family_box {
    font-size: 12px;
    padding: 4px 8px;
  }
  .header.on .top_btns .btn_search {
    display: none;
  }
  .header .mo_langs {
    position: absolute;
    top: 0;
    right: 0;
    display: flex !important;
    height: 0;
    overflow: hidden;
  }
  .header.on .mo_langs {
    height: 50px;
  }
  .header .mo_langs a {
    font-size: 12px;
    color: #111;
    line-height: 52px;
    width: auto;
    height: 50px;
    padding: 0 15px;
    border: 0;
    margin: 0;
  }
  .header .mo_langs a:before {
    top: 50%;
    width: 1px;
    height: 12px;
    border-radius: 0;
    background: #ddd;
    border: 0;
    margin-top: -6px;
  }
  .header .mo_langs a:first-child:before {
    display: none;
  }
  .header .btn_menu {
    right: 15px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  .header .btn_menu p {
    width: 30px;
    margin-left: -15px;
  }
  .header .btn_menu .t {
    margin-top: -15px;
  }
  .header .btn_menu .m {
    margin-top: -5px;
  }
  .header .btn_menu .m2 {
    margin-top: 4px;
  }
  .header .btn_menu .b {
    margin-top: 13px;
  }
  .header.on .btn_menu {
    border: 0;
  }
  .header.on .btn_menu p {
    width: 24px;
    margin-left: -12px;
  }
  .header .top_btns .btn_langs {
    width: 30px;
    height: 30px;
    margin-left: 15px;
  }
  .header .top_btns .family_box dd,
  .header .top_btns .btn_langs dd {
    top: 46px;
  }
  .total_search {
    top: 50px;
  }
  .total_search > dl {
    flex-direction: column;
    padding: 20px 15px;
  }
  .total_search > dl > dt,
  .total_search > dl > dd {
    width: 100%;
  }
  .total_search > dl > dt {
    font-size: 16px;
    line-height: 30px;
  }
  .total_search .inputs {
    height: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
  }
  .total_search .inputs input {
    height: 40px;
  }
  .total_search .inputs .text {
    font-size: 13px;
    padding: 0 10px;
  }
  .total_search .inputs .btn {
    width: 40px;
    height: 40px;
  }
  .total_search .tags {
    flex-direction: column;
  }
  .total_search .tags li {
    width: 100%;
    flex: 100%;
    padding: 10px 0;
  }
  .total_search .tags .tit {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .total_search .tags .search_word {
    padding: 10px 0;
  }
  .total_search .tags .search_word .btm {
    top: 10px;
    right: 0;
    bottom: auto;
    left: auto;
    line-height: 20px;
  }
  .total_search .tags .search_word dl {
    max-height: calc(100vh - 630px);
    overflow: auto;
    display: flex;
  }
  .total_search .tags .search_word dd {
    margin-right: 10px;
  }
  .total_search .btn_close {
    bottom: -40px;
  }
  .header .sitemap {
    padding-top: 50px;
  }
  .inbanner .header .sitemap {
    height: calc((var(--vh, 1vh) * 100) - 50px);
  }
  /* .inbanner .header .sitemap {height:calc(100vh - 50px);} */
  .header .sitemap .inner {
    padding: 0;
  }
  .header .sitemap .tit {
    display: none;
  }
  .header .sitemap ul {
    flex-direction: column;
  }
  .header .sitemap li {
    width: 100% !important;
    padding: 0 !important;
    border-bottom: #ddd 1px solid;
  }
  .header .sitemap li:last-child {
    border-bottom: #ddd 1px solid;
  }
  .header .sitemap li > a {
    position: relative;
    top: 0;
    line-height: 50px;
    font-weight: 600;
    padding: 0 15px;
  }
  .header .sitemap li > a i {
    position: absolute;
    top: 0;
    right: 15px;
    width: 10px;
    height: 100%;
  }
  .header .sitemap li > a i:before,
  .header .sitemap li > a i:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 2px;
    background: #333;
    margin-top: -1px;
    transition: 0.2s linear;
  }
  .header .sitemap li > a i:before {
    transform: rotate(45deg);
    margin-left: -6px;
  }
  .header .sitemap li > a i:after {
    transform: rotate(-45deg);
    margin-left: -2px;
  }
  .header .sitemap li.open > a i:before,
  .header .sitemap li.on > a i:before {
    transform: rotate(-45deg);
  }
  .header .sitemap li.open > a i:after,
  .header .sitemap li.on > a i:after {
    transform: rotate(45deg);
  }
  .header .sitemap li.on.open > a i:before {
    transform: rotate(45deg);
  }
  .header .sitemap li.on.open > a i:after {
    transform: rotate(-45deg);
  }
  .header .sitemap li .snb {
    border-top: #ddd 1px solid;
    background: #fbfbfb;
    display: none;
  }
  .header .sitemap li .snb a {
    font-size: 13px;
    padding: 5px 30px;
  }
  .header .sitemap li.on .snb {
    display: block;
  }
  .header .sitemap .btns {
    display: flex !important;
    align-items: center;
    border-bottom: #ddd 1px solid;
    border-top: #ddd 1px solid;
  }
  .header .sitemap .btns a {
    position: relative;
    font-size: 13px;
    color: #111;
    line-height: 50px;
    width: 50%;
    text-align: center;
    font-weight: 500;
  }
  .header .sitemap .btns a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 12px;
    background: #ddd;
    margin-top: -6px;
  }
  .header .sitemap .btns a:first-child:before {
    display: none;
  }
  /* footer */
  .footer .links {
    padding-left: 0;
  }
  .footer .links li {
    margin-left: 30px;
  }
  .footer .links li a {
    font-size: 12px;
    line-height: 50px;
  }
  .footer .links .select_box {
    width: 120px;
    height: 50px;
  }
  .footer .links .select_box label {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    padding: 0 15px;
  }
  .footer .links .select_box i {
    right: 15px;
    width: 10px;
  }
  .footer .links .select_box i:before,
  .footer .links .select_box i:after {
    width: 8px;
  }
  .footer .links .select_box i:before {
    margin-left: -7px;
  }
  .footer .links .select_box i:after {
    margin-left: -1px;
  }
  .footer .links .select_box select {
    height: 50px;
    font-size: 12px;
  }
  .footer .address {
    padding: 85px 15px 30px;
    background-position: 15px 30px;
  }
  .footer .address span {
    font-size: 12px;
  }
  .footer .address em {
    display: block;
    background: none;
    height: 0;
    margin: 0;
  }
  .footer .address .copy {
    margin-top: 0;
  }
  .footer .gotop {
    width: 40px;
    height: 40px;
    bottom: 15px;
    right: 15px;
  }
  .footer .gotop:before {
    top: 10px;
    width: 16px;
    height: 1px;
  }
  .footer .gotop i {
    top: 16px;
    height: 16px;
    width: 1px;
  }
  .footer .gotop i:before,
  .footer .gotop i:after {
    width: 10px;
    height: 1px;
  }
  .footer .gotop i:before {
    margin-left: -9px;
  }
  .footer .gotop i:after {
    margin-left: -2px;
  }
  .footer_point {
    top: calc(-100vh + 40px);
  }
  .footer .gotop.unfixed {
    bottom: 241px;
  }
  /* main */
  .mvisual .slick-slide .mv {
    height: 100vh;
    max-height: 100%;
  }
  .mvisual .txt {
    top: 30%;
  }
  .mvisual .txt em {
    font-size: 15px;
  }
  .mvisual .txt strong {
    font-size: 31px;
    line-height: 40px;
    margin-top: 15px;
  }
  .mquick {
    padding-bottom: 45px;
    width: 45px;
    height: 45px;
    bottom: 40px;
    right: 15px;
  }
  .mquick dt {
    width: 45px;
    height: 45px;
  }
  .mquick dt:before {
    width: 14px;
    margin: -1px 0 0 -7px;
  }
  .mquick dt:after {
    height: 14px;
    margin: -7px 0 0 -1px;
  }
  .mquick dd {
    bottom: 55px;
  }
  #mainContent .mvisual_wrap .custom_paging,
  #mainContent .mvisual_wrap .slick-arrow,
  #mainContent .mvisual_wrap .buttons {
    top: calc(30% + 130px);
  }
  .mvisual_wrap .probar_box {
    top: calc(30% + 138px);
  }
  #mainContent .custom_paging {
    width: 50px;
  }
  #mainContent .custom_paging li {
    font-size: 12px;
  }
  .mc02_wrap .ot_arrows a,
  #mainContent .mc02_wrap .slick-arrow,
  #mainContent .mc02_wrap .custom_paging {
    top: -215px;
  }
  .mvisual_wrap .probar_box {
    left: 70px;
    width: 130px;
  }
  .mc02_wrap .ot_arrows .prev,
  .mvisual .slick-prev {
    left: 210px;
  }
  .mc02_wrap .ot_arrows .next,
  .mvisual .slick-next {
    left: 270px;
  }
  #mainContent .buttons {
    left: 240px;
  }
  .other_paging.one {
    left: 0;
  }

  .mvisual_dots {
    width: 130px;
    top: 47%;
    left: 19%;
    margin: 0;
  }
  .mvisual_dots2 {
    width: 130px;
    left: 60px;
  }
  .mvisual_dots3 {
    width: 130px;
    top: 29.2%;
    left: 20%;
  }
  /* main_solution */
  .mc01_slide .txt {
    left: 15px;
    width: calc(100% - 30px);
  }
  .mc01_slide .txt strong {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .mc01_slide .txt p {
    font-size: 12px;
    line-height: 20px;
  }
  #mainContent .mc01_wrap .slick-prev {
    left: 200px;
  }
  #mainContent .mc01_wrap .slick-next {
    left: 260px;
  }
  #mainContent .mc01_wrap .buttons {
    left: 230px;
  }
  #mainContent .mc01_wrap .custom_paging {
    left: 15px;
  }
  .mc01_slide_wrap .probar_box2 {
    left: 65px;
    width: 130px;
  }
  .mc01_side_slide .mv i img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
  .mc01_side_slide .txt .tt {
    font-size: 16px;
    line-height: 24px;
  }
  .mc01_side_slide .txt p {
    font-size: 11px;
    line-height: 16px;
    margin: 10px 0 20px;
  }
  .mc01_side_slide .txt .more {
    font-size: 13px;
    line-height: 24px;
    height: 24px;
    width: 110px;
    padding: 0 15px;
  }
  .mc01_side_slide .txt .more i {
    right: 10px;
  }
  .mc01_side_slide .swiper-pagination {
    top: 20px;
    left: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .mc01_side_slide .swiper-pagination .swiper-pagination-current {
    font-size: 12px;
  }
  /* .mc01_side_slide .swiper-pagination .swiper-pagination-current {font-size:23px;} */
  /* main_IR */
  .mir_wrap {
    position: relative;
    padding: 0 15px;
    height: 100vh;
    justify-content: flex-start;
  }
  /* .inbanner .mir_wrap {margin-top:50px;} */
  .mir_wrap .tit {
    position: absolute;
    top: 100px;
    left: 0;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 15px;
  }
  .mir_wrap .tit p {
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0 0;
  }
  .mir_wrap .tit .more {
    font-size: 11px;
    line-height: 23px;
    width: 105px;
    right: 15px;
  }
  /* 	.mir_wrap .tit .more i:before {background:#cfcfcf; top:auto; bottom:3px; left:-3px; width:15px; margin-top:0; transform:rotate(30deg);} */
  /* 	.mir_wrap .tit .more i:after {display:none;} */
  .mc02_wrap {
    position: relative;
    width: 100%;
    height: calc(100vh - 250px);
    padding-top: 0;
    margin-top: 250px;
  }
  .mc02_wrap .dim {
    top: -50px;
    left: -15px;
    width: 100vw;
    transform: translate(0, 0);
  }
  .mc02_wrap .slick-list {
    width: calc(100% + 15px);
  }
  .mc02_slide a {
    height: auto;
    padding: 30px 0 0;
  }
  .mc02_slide a .img {
    position: relative;
    top: 0;
  }
  .mc02_slide a > em {
    font-size: 12px; /*  line-height:20px; height:20px; */
    top: 0;
    width: 70px;
    margin-bottom: 15px;
  }
  .mc02_slide a {
    max-width: 70vw !important;
  }
  .mc02_wrap .ot_arrows,
  .other_paging,
  .mc02_wrap .buttons {
    top: -80px;
  }
  .mc02_wrap .ot_arrows a,
  #mainContent .mc02_wrap .slick-arrow,
  #mainContent .mc02_wrap .custom_paging {
    top: 0;
  }
  #mainContent .mc02_wrap .custom_paging {
    left: 0;
  }
  #mainContent .mc02_wrap .probar_box {
    left: 60px;
    width: 130px;
    top: -70px;
  }
  #mainContent .mc02_wrap .slick-prev {
    left: 210px;
  }
  #mainContent .mc02_wrap .slick-next {
    left: 270px;
  }
  #mainContent .mc02_wrap .buttons {
    left: 240px;
    top: -80px;
  }
  .mc02_slide a .txt {
    position: relative;
    bottom: 0;
  }
  .mc02_slide a .txt .tt {
    font-size: 13px;
    line-height: 20px;
    height: 40px;
  }
  .mc02_slide a .btm {
    margin-top: 20px;
    font-size: 10px;
    line-height: 14px;
  }
  /* 메인_고객서비스 */
  .mservice dl {
    padding-top: 40px;
  }
  .mservice dt {
    font-size: 24px;
    margin-bottom: 40px;
  }
  .mservice dt p {
    font-size: 12px;
    margin-top: 10px;
  }
  .mservice dd {
    flex-direction: column;
    padding: 0 10%;
  }
  .mservice dd a {
    width: 100%;
    margin: 20px 0 0;
  }
  .mservice dd a:nth-child(-n + 2) {
    margin-top: 30px;
  }
  .mservice dd a:first-child {
    margin-top: 0;
  }
  .mservice dd a > * {
    line-height: 30px;
  }
  .mservice dd strong {
    font-size: 15px;
  }
  .mservice dd em {
    font-size: 11px;
  }
  .mservice ul.serviceinfo li p {
    font-size: 11px;
  }
  .mservice ul.serviceinfo li p.tel {
    font-size: 19px;
  }
  /* sub */
  .comming {
    font-size: 17px;
    padding: 40px 20px;
  }
  /* 게시판 */
  .board_top {
    margin-bottom: 20px;
    flex-wrap: wrap;
  }
  .board_top .select_area {
    justify-content: space-between;
    width: 100%;
  }
  .board_top .select_label {
    width: 49%;
    margin: 0 0 0 2%;
  }
  .board_top .select_label:first-child {
    margin-left: 0;
  }
  .board_top .radios {
    margin-top: 20px;
    justify-content: center;
    width: 100%;
  }
  .board_top .radios label.radio {
    margin-left: 20px;
  }
  .board_top .radios label.radio:first-child {
    margin-left: 0;
  }
  .g04 .board_top .select_area {
    width: auto;
  }
  .board_bottom .paging {
    margin-top: 40px;
  }
  .board_bottom .paging a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 2px;
  }
  .board_bottom .paging .nums {
    margin: 0 4px;
  }
  .board_bottom .paging .arrow {
    margin: 0 5px;
  }

  .board_list col.w1 {
    width: 40px;
  }
  .board_list col.w2 {
    width: 70px;
  }
  .board_list col.w3 {
    width: 50px;
  }
  .board_list th,
  .board_list td {
    font-size: 12px;
    height: 40px;
    line-height: 20px;
    word-break: break-all;
  }
  .board_list td.tal a {
    line-height: 40px;
  }
  .board_list .down {
    width: 20px;
    height: 20px;
    background-size: 50%;
  }

  .sub_title {
    margin: 110px 0 30px;
  }
  .sub_title h2 {
    font-size: 25px;
    line-height: 25px;
    padding-bottom: 25px;
  }
  .sub_title .location .home {
    display: block;
    width: 20px;
    font-size: 0;
    height: 30px;
    background: url('/pub/images/icon_home.svg') no-repeat 50% 50% / 8px;
  }
  .sub_title .location em {
    width: 20px;
  }
  .sub_title .location em:before,
  .sub_title .location em:after {
    width: 6px;
    margin-left: -3px;
  }
  .sub_title .location em:before {
    margin-top: -2px;
  }
  .sub_title .location em:after {
    margin-top: 2px;
  }
  .sub_title .location em:nth-child(6),
  .sub_title .location dl:nth-child(7) {
    display: none;
  }
  .sub_title .location dl {
    width: calc((100% - 60px) / 2);
    font-size: 12px;
  }
  .sub_title .location dt {
    height: 30px;
    overflow: hidden;
    padding-right: 10px;
  }
  .sub_title.g01.s01 .location em:nth-last-child(2),
  .sub_title.g01.s01 .location dl:last-child,
  .sub_title.g01.s02 .location em:nth-last-child(2),
  .sub_title.g01.s02 .location dl:last-child,
  .sub_title.g01.s04 .location em:nth-last-child(2),
  .sub_title.g01.s04 .location dl:last-child,
  .sub_title.g01.s05 .location em:nth-last-child(2),
  .sub_title.g01.s05 .location dl:last-child,
  .sub_title.g04.s02 .location em:nth-last-child(2),
  .sub_title.g04.s02 .location dl:last-child,
  .sub_title.g04.s03 .location em:nth-last-child(2),
  .sub_title.g04.s03 .location dl:last-child,
  .sub_title.g06.s01 .location em:nth-last-child(2),
  .sub_title.g06.s01 .location dl:last-child {
    display: none;
  }

  .svisual {
    height: 360px;
  }
  .svisual .inner {
    font-size: 25px;
    line-height: 36px;
  }
  .svisual.g04.s05:before {
    background-position: 75% 50%;
  }
  .aside .inner a {
    font-size: 12px;
    line-height: 20px;
    padding: 12px 0;
  }
  .aside .inner a:before {
    height: 10px;
    margin-top: -5px;
  }
  /* .aside .point {top:-50px;} */
  /* .inbanner + .svisual + .aside .point {top:-100px;} */
  .sv_slide .mv,
  .svisual,
  .svisual .sv_slide .mv {
    height: 370px;
    padding: 0;
  }
  .sv_slide em {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
  }
  .sv_slide strong {
    font-size: 25px;
    line-height: 35px;
    letter-spacing: -1px;
  }
  .sv_slide i {
    position: relative;
    width: 100%;
    height: 280px;
    margin: -40px 0;
  }
  .svisual.low_height,
  .svisual.low_height .sv_slide .mv {
    height: 300px;
  }
  .svisual.g04.s06:before {
    background-position: 65% 50%;
  }

  .container {
    padding: 75px 0 100px;
  }
  .container.g00 {
    padding-top: 50px;
    min-height: calc(100vh - 276px);
  }
  /* .container.g00.inbanner {margin-top:100px; min-height:calc(100vh - 326px);} */
  .container .title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
  }
  .container .title.mt {
    margin-top: 50px;
  }
  .container .title.mt1 {
    margin-top: 60px;
  }
  .container .title.mb {
    margin-bottom: 50px;
  }
  .container .tit_b {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 50px;
  }
  .container .btxt {
    font-size: 15px;
    line-height: 25px;
  }
  .container .ctit {
    font-size: 18px;
    line-height: 25px;
    margin: 40px 0;
  }
  .container .btit {
    font-size: 18px;
  }
  .container .btit .select_label {
    height: 30px;
    line-height: 30px;
  }
  .container .btit .select_label label {
    height: 29px;
    line-height: 29px;
  }
  .container .btit .select_label .nice-select,
  .container .btit .select_label select {
    font-size: 12px;
    height: 29px;
    line-height: 29px;
  }
  .container .stit {
    font-size: 18px;
    line-height: 22px;
    margin: 40px 0 10px;
  }
  .container p {
    font-size: 13px;
    line-height: 20px;
  }
  /* 엠투아이 */
  .about {
    flex-direction: column;
  }
  .about dl,
  .about dl:nth-child(2n),
  .about dl:nth-child(2n-1) {
    width: 100%;
    padding: 15px 0;
  }
  .about dt {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .about dd {
    font-size: 20px;
  }
  .about dd em {
    font-size: 14px;
  }
  .gbox {
    padding: 60px 0;
  }
  .gbox.mt {
    margin-top: 60px;
  }
  .gbox.mt_mh {
    margin-top: 40px;
  }
  .gbox img.mt {
    margin-top: 45px;
  }
  .gbox img.whalf {
    max-width: 50%;
  }
  .about_btm img {
    margin: 60px 0 50px;
  }
  .about_btm ul {
    flex-wrap: wrap;
  }
  .about_btm li {
    font-size: 12px;
    width: 50%;
    padding: 0 10px 0 25px;
    margin-top: 35px;
  }
  .about_btm li:nth-child(-n + 2) {
    margin-top: 0;
  }
  .about_btm li em {
    font-size: 14px;
  }
  /* 주요 연혁 */
  .his_list > div {
    margin-top: 60px;
  }
  .his_list dl,
  .his_list > div:nth-child(2n) dl {
    flex-direction: column;
    margin-top: 10px;
  }
  .his_list dt,
  .his_list dd {
    width: 100%;
  }
  .his_list .img,
  .his_list > div:nth-child(2n) dl .img {
    padding: 0;
    margin: 0 0 20px;
  }
  .his_list .tit {
    padding: 0 0 20px !important;
  }
  .history .tit em {
    font-size: 15px;
    line-height: 26px;
  }
  .history .tit strong {
    font-size: 24px;
    line-height: 30px;
  }
  .his_list .list p {
    font-size: 13px;
  }
  .his_list .list p em {
    padding: 10px 0;
  }
  /* 사업소개 */
  .dl_tbl > dl {
    flex-direction: column;
    margin-top: 40px;
  }
  .dl_tbl > dl > dt,
  .dl_tbl > dl > dd {
    width: 100%;
  }
  .dl_tbl > dl > dt {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .dl_tbl > dl > dt em {
    font-size: 13px;
  }
  .business_area .item_list a {
    width: 50%;
    padding: 0 15px;
    line-height: 80px;
  }
  /* 홍보센터 */
  .pr_slide .slick-arrow {
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
  .pr_slide .slick-arrow:before,
  .pr_slide .slick-arrow:after {
    width: 10px;
    margin-left: -5px;
  }
  .pr_slide .slick-arrow:before {
    margin-top: -3px;
  }
  .pr_slide .slick-arrow:after {
    margin-top: 3px;
  }
  /* 국내외 사업망 */
  .rtabs {
    margin: -10px 0 30px;
  }
  .rtabs li {
    font-size: 11px;
    line-height: 28px;
    height: 30px;
    padding: 0 20px;
    margin: 10px 10px 0 0;
    cursor: pointer;
    transition: 0.2s linear;
  }
  .network_wrap .jq_cont .cont dl {
    width: 200px;
  }
  .network_wrap .jq_cont .cont dt {
    font-size: 12px;
  }
  .network_wrap .jq_cont .cont dd {
    padding: 0 10px;
  }
  .network_wrap .jq_cont .cont li {
    padding: 10px 0 10px 10px;
  }
  .network_wrap .jq_cont .cont li em {
    font-size: 10px;
  }
  .network_wrap .jq_cont .cont li strong {
    font-size: 14px;
    margin: 5px 0;
  }
  .network_wrap .jq_cont .cont li p {
    font-size: 10px;
    line-height: 20px;
  }
  .network_wrap .jq_cont .cont.p01 dl,
  .network_wrap .jq_cont .cont.p02 dl,
  .network_wrap .jq_cont .cont.p03 dl,
  .network_wrap .jq_cont .cont.p05 dl,
  .network_wrap .jq_cont .cont.p11 dl,
  .network_wrap .jq_cont .cont.p12 dl,
  .network_wrap .jq_cont .cont.p13 dl,
  .network_wrap .jq_cont .cont.p15 dl {
    top: 50%;
    right: 35px;
    bottom: auto;
    left: auto;
    transform: translate(0, -50%);
  }
  .network_wrap .jq_cont .cont.p04 dl,
  .network_wrap .jq_cont .cont.p07 dl,
  .network_wrap .jq_cont .cont.p08 dl,
  .network_wrap .jq_cont .cont.p09 dl,
  .network_wrap .jq_cont .cont.p10 dl {
    top: 20px;
    bottom: auto;
  }
  .network_wrap .jq_cont .cont.p14 dl {
    top: 50%;
    left: 35px;
    bottom: auto;
    transform: translate(0, -50%);
  }
  .btn_partnership {
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    width: 200px;
    margin-top: 35px;
  }

  .popup_wrap .btn_close {
    top: 15px;
    right: 10px;
  }
  .popup_wrap .inbox {
    padding-top: 20px;
  }
  .popup_wrap .input {
    padding-left: 80px;
    margin-top: 10px;
  }
  .popup_wrap .add,
  .popup_wrap .mail {
    margin-top: 10px;
  }
  .popup_wrap .input em {
    font-size: 12px;
    line-height: 38px;
    height: 38px;
    left: 10px;
  }
  .popup_wrap .input .text {
    height: 38px;
    font-size: 12px;
    padding: 0 10px;
  }
  .popup_wrap .input .w1 {
    width: calc(100% - 60px);
  }
  .popup_wrap .input button {
    width: 80px;
    line-height: 38px;
    height: 38px;
  }
  .popup_wrap .mail .input {
    width: calc(100% - 40px);
  }
  .popup_wrap .mail em.e {
    width: 40px;
  }
  .popup_wrap .select_label {
    height: 40px;
    line-height: 40px;
  }
  .popup_wrap .select_label label,
  .popup_wrap .select_label select {
    height: 38px;
    line-height: 38px;
  }
  .popup_wrap .mail .select_label {
    margin-top: 10px;
    width: 100%;
  }
  .popup_wrap .btn {
    font-size: 13px;
    margin-top: 20px;
    line-height: 40px;
    height: 40px;
    width: 100%;
    margin-top: 30px;
  }

  .board_list.network {
    overflow-x: auto;
  }

  /* 사업장소개 */
  .contact_num {
    flex-direction: column;
  }
  .contact_num dl {
    padding: 5px 0;
  }
  .contact_num dl:before {
    display: none;
  }
  .contact_num dt,
  .contact_num dd {
    font-size: 15px;
    line-height: 25px;
  }
  .contact_num dt {
    margin-right: 15px;
  }
  .map_wrap {
    margin-top: 40px;
  }
  .root_daum_roughmap .wrap_map {
    height: 300px !important;
  }
  .dl_tbl_flex dl {
    flex-direction: column;
    border-bottom: #ddd 1px solid;
  }
  .dl_tbl_flex dl.nbd_b {
    border-bottom: #ddd 1px solid !important;
  }
  .dl_tbl_flex dl.nbd_b:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0;
  }
  .dl_tbl_flex dt,
  .dl_tbl_flex .ts dt,
  .dl_tbl_flex .tm dt,
  .dl_tbl_flex dd,
  .dl_tbl_flex .ts dd,
  .dl_tbl_flex .tm dd {
    width: 100%;
  }
  .dl_tbl_flex dt {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
  }
  .dots_list p {
    font-size: 12px;
  }
  .dots_list p:before {
    top: 8px;
  }
  .btm_links {
    flex-direction: column;
  }
  .btm_links a {
    width: 70%;
    font-size: 14px;
    line-height: 40px;
    margin-top: 10px;
  }
  .btm_links a:first-child {
    margin-top: 0;
  }

  .gbox .dl_tbl_flex dt,
  .gbox .dl_tbl_flex dd {
    width: 100%;
  }
  .gbox .dl_tbl_flex dt {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .gbox .dl_tbl_flex dt em {
    font-size: 12px;
  }
  .gbox .dl_tbl_flex dd {
    padding-left: 30px;
  }
  .gbox .dl_tbl_flex dd:before {
    top: 5%;
    width: 20px;
    height: 90%;
    margin-top: 0;
  }
  .gbox .dl_tbl_flex dd ul {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: -20px;
  }
  .gbox .dl_tbl_flex dd li {
    width: 33.33%;
    max-width: 33.33%;
    margin-top: 20px;
  }
  .gbox .dl_tbl_flex dd li strong {
    font-size: 13px;
    margin-bottom: 5px;
  }
  .gbox .dl_tbl_flex dd li p {
    padding: 2px 0 2px 8px;
  }
  .gbox .dl_tbl_flex dd li p:before {
    top: 8px;
  }

  .ftabs {
    margin-bottom: 40px;
    border-left: #ddd 1px solid;
  }
  .ftabs li,
  .ftabs a {
    font-size: 12px;
    width: 50%;
    margin: -1px 0 0 -1px;
  }
  .ftabs li:first-child,
  .ftabs a:first-child {
    border-left: 0;
  }
  .ftabs > *:nth-child(2n-1) {
    margin-left: 0;
    width: calc(50% + 1px) !important;
  }
  .ftabs > *:nth-child(-n + 2) {
    margin-top: 0;
  }
  .ftabs .on {
    position: relative;
    z-index: 1;
  }
  .ftabs.set3 > * {
    width: 50%;
  }
  .ftabs.set5 > * {
    width: 50%;
  }

  .solution_num_set.set9 {
    height: auto;
  }
  .solution_num_set li {
    font-size: 12px;
    padding-left: 30px;
  }
  .wline {
    margin: 70px 0;
  }
  .line_all {
    margin: 50px 0;
  }
  .line_all.m2 {
    margin: 70px 0;
  }
  .mt16h {
    margin-top: 40px;
  }

  .solution_app {
    margin-top: 30px;
  }
  .solution_app li {
    width: 100%;
    margin-top: 20px;
  }
  .solution_app li i {
    height: 200px;
    line-height: 200px;
  }
  .solution_app li .txt {
    padding: 15px;
  }
  .solution_app li .tit {
    font-size: 15px;
  }
  .solution_app li:nth-child(2) a {
    height: auto;
  }

  .product_area {
    margin-top: 40px;
  }
  .product_area li {
    width: 35%;
  }
  .product_area li.on {
    width: 65%;
  }
  .product_area li .tit {
    bottom: 20px;
  }
  .product_area li .tit strong {
    font-size: 13px;
    line-height: 30px;
  }
  .product_area li .tit em {
    font-size: 11px;
    line-height: 16px;
  }
  .product_area li .tit .more {
    width: 120px;
    padding: 0 10px;
    font-size: 12px;
  }
  .product_area li .tit .more i {
    right: 10px;
  }
  .product_area li .tit .more i:before,
  .product_area li .tit .more i:after {
    width: 8px;
    margin-left: -4px;
  }
  .product_area li.on .tit {
    position: relative;
    bottom: 0;
    padding-left: 15px;
    transform: translate(0, 0);
  }
  .product_area li.on .tit em {
    height: 16px;
  }
  .product_area li.on .tit strong {
    font-size: 18px;
    margin: 5px 0 10px;
  }
  .product_area li.on .img {
    padding: 0;
    height: 50%;
    margin-top: 20px;
    text-align: center;
  }
  .product_area li.on .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .select_label {
    height: 40px;
    line-height: 40px;
  }
  .select_label label {
    height: 29px;
    line-height: 29px;
  }
  .select_label select {
    height: 29px;
  }
  .select_label .nice-select {
    height: 39px;
  }
  .product_search .inputs {
    height: 40px;
    padding-right: 40px;
  }
  .product_search .inputs .text {
    font-size: 13px;
    height: 40px;
  }
  .product_search .inputs .btn {
    width: 40px;
    height: 40px;
  }
  .pro_item .inlink_btns a {
    font-size: 13px;
    line-height: 40px;
  }

  .product_list {
    flex-direction: column;
  }
  .product_list .tit,
  .product_list .list_slide {
    width: 100%;
  }
  .product_list .tit {
    padding-top: 25px;
  }
  .product_list .tit strong,
  .product_list .tit em {
    display: inline-block;
    vertical-align: top;
  }
  .product_list .tit strong {
    font-size: 14px;
  }
  .product_list .tit em {
    font-size: 12px;
  }
  .product_list .list_slide {
    padding-top: 20px;
    border-top: 0;
  }
  .product_list .list_slide .slick-arrow {
    bottom: auto;
    top: -30px;
  }
  .product_list .list_slide .slick-prev {
    left: auto;
    right: 100px;
  }
  .product_list .list_slide .slick-next {
    left: auto;
    right: 0;
  }
  .product_list .list_slide .custom_paging {
    bottom: auto;
    top: 0;
    left: auto;
    right: 30px;
    width: 70px;
  }
  .product_list .list_slide .slick-list {
    width: calc(100% + 15px);
  }
  .product_list .list_slide .sv {
    padding-right: 15px;
  }
  .product_list .list_slide .img {
    height: 170px;
    line-height: 170px;
  }
  .product_list .list_slide .txt {
    padding: 15px;
  }
  .product_list .list_slide .tt {
    font-size: 12px;
  }
  .product_list .list_slide p {
    font-size: 11px;
    line-height: 20px;
    padding-left: 0;
    text-align: left;
  }
  .product_list .list_slide p em {
    position: relative;
    display: block; /* display:none; */
  }
  .product_list .list_slide.list_slide0 .img {
    height: 200px;
    line-height: 200px;
  }
  .product_list .list_slide.list_slide0 .slick-prev {
    left: 0;
  }
  .product_list .list_slide.list_slide0 .slick-next {
    right: 0;
  }
  .product_list .list_slide_l2 .slick-slide > div {
    padding-top: 15px;
    margin-top: 0;
    border-top: 0;
  }
  /* 리스트 페이징으로 */
  .product_list .tit {
    padding-right: 0;
  }
  .product_list .tit .select_label {
    height: 30px;
    line-height: 30px;
  }
  .product_list .tit .select_label label,
  .product_list .tit .select_label .nice-select {
    font-size: 13px;
    line-height: 29px;
    height: 29px;
  }
  .product_list .tit .paging {
    width: 130px;
    left: auto;
    right: 0;
  }
  .product_list .list_paging .sv {
    width: calc((100% - 15px) / 2);
    padding: 15px 0 0;
    margin: 15px 0 0 15px;
  }
  .product_list .list_paging .sv:nth-child(3n-2 of .sv) {
    margin-left: 15px;
  }
  .product_list .list_paging .sv:nth-child(2n-1 of .sv) {
    margin-left: 0;
  }
  .product_list .list_paging .sv:nth-child(-n + 3 of .sv) {
    padding-top: 15px;
    margin-top: 15px;
  }
  .product_list .list_paging .sv:nth-child(-n + 2 of .sv) {
    padding-top: 0;
    margin-top: 0;
  }
  .product_list .list_paging .sv:nth-child(3):before {
    display: block;
  }

  .product_list .tit.mo_pr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .product_list .tit.mo_pr .select_label {
    width: 49%;
    margin: 0;
  }
  .product_list .tit.mo_pr .paging {
    position: relative;
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
  }
  .product_list .tit.mo_pr .paging .arrow {
    position: relative;
  }

  .pro_tit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .pro_tit img {
    width: auto;
    max-height: 30px;
  }
  .pro_tit .right {
    position: relative;
    margin-top: 10px;
  }
  .pro_tit .right .select_label:first-child {
    margin-left: 0;
  }
  .pro_tit .right .select_label label {
    font-size: 12px;
  }
  .pro_item {
    flex-direction: column;
  }
  .pro_item .img_area {
    width: 100%;
    margin-bottom: 30px;
  }
  .pro_item.on_img,
  .pro_item.btm_img {
    padding: 0;
  }
  .pro_item.on_img .img_area {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  /* .inbanner + div + div + .container .pro_item.on_img .img_area,
	.inbanner + div + div + .container .pro_item.on_btn .inlink_btns {top:0;} */
  .pro_item.btm_img .img_area,
  .inbanner + div + div + .container .pro_item.btm_img .img_area {
    position: relative;
    left: 0;
  }
  .pro_item .img_area .img_slide_sml {
    margin-top: 30px;
  }
  /* .zoom_area {display:none;} */
  .zoom_area {
    height: calc(100% - 82px);
    display: none;
  }
  .pro_item .txt_area {
    width: 100%;
  }
  .pro_item .txt_area .tit {
    padding: 10px 80px 20px 0;
    margin-bottom: 20px;
  }
  .pro_item .txt_area .tit strong {
    font-size: 22px;
  }
  .pro_item .txt_area .tit em {
    bottom: 25px;
  }
  .pro_item .txt_area .btn_like {
    padding-bottom: 30px;
  }
  .pro_item .point.remove_btn {
    top: 700px;
  }
  .pro_item .point.motion_btn,
  .inbanner + div + div + .container .pro_item .point.motion_btn {
    top: calc(100vh + 760px);
  }
  .pro_item.on_btn .inlink_btns {
    top: 0;
    left: 0;
    width: 100%;
  }
  .pro_item.on_btn .txt_area .btn_like {
    padding-bottom: 80px;
  }
  .pro_item .inlink_btns a:hover:before {
    left: 50%;
    width: 0;
  }
  .pro_item .inlink_btns .on a:before {
    left: 0;
    width: 100%;
  }
  .pro_item .features li {
    padding: 20px 0;
  }
  .pro_item .download a {
    width: calc(50% - 5px);
    padding: 0 5px;
    font-size: 13px;
    margin-top: 20px;
  }
  .pro_item .download a i {
    right: 10px;
  }
  .pro_item .download .select_download {
    width: calc(50% - 5px);
    font-size: 13px;
    margin-top: 20px;
  }
  .pro_item .download .select_download .select_langs {
    width: 50px;
  }
  .pro_item .download .select_download .select_langs dt {
    font-size: 13px;
  }
  .pro_item .download .select_download .select_langs dd button {
    font-size: 13px;
    padding: 0 5px;
  }
  .pro_item .download .select_download .btn_langs {
    width: calc(100% - 60px);
  }
  .pro_item .btit {
    padding-bottom: 10px;
  }
  .product_search .select_area {
    flex-wrap: wrap;
  }
  .product_search .select_label {
    margin: 0 0 0 10px;
    width: calc(50% - 5px);
  }
  .product_search .select_label:first-child {
    margin-left: 0;
  }
  .product_search .inputs {
    width: 100%;
    margin-top: 10px;
  }
  /* Service Center */
  .service_btm {
    padding: 15px 0;
    margin-top: 75px;
  }
  .service_btm .select_area {
    padding-right: 50px;
    flex-wrap: wrap;
  }
  .g04.s02 .service_btm .select_area {
    padding-right: 0;
  }
  .service_btm .select_area .select_label {
    width: 32%;
    margin: 0 0 0 2%;
  }
  .service_btm .select_area .select_label:first-child {
    margin-left: 0;
  }
  .service_btm .select_area .select_label label,
  .service_btm .select_area .select_label select {
    font-size: 12px;
  }
  .service_btm .select_area .select_label i {
    border-width: 1px;
    margin-top: -6px;
  }
  .service_btm .inputs {
    width: 100%;
    margin-top: 10px;
  }
  .service_btm .inputs .text {
    font-size: 12px;
    padding: 0 5px 0 10px;
  }
  .service_btm_links {
    padding: 15px 65px 15px 15px;
  }
  .service_btm_links a {
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    width: calc((100% - 30px) / 4);
    margin: 0 5px;
  }
  .service_btm_links a:first-child {
    margin-left: 0;
  }
  .service_btm_links a:last-child {
    margin-right: 0;
  }
  .service_btm_links p.s {
    font-size: 14px;
  }
  .service_top .select_area {
    padding-right: 0;
    justify-content: space-between;
  }
  .service_top .select_label,
  .service_top .select_label select {
    height: 40px;
  }
  .service_top .inputs {
    width: 64%;
    margin-top: 0;
  }
  .service_btm_links p {
    line-height: 40px;
    margin-right: 65px;
  }

  .service_area dl {
    margin-top: 20px;
  }
  .service_area dt {
    font-size: 13px;
    line-height: 30px;
  }
  .service_area .box4,
  .service_area .box1 {
    width: 100%;
  }
  .service_area dd {
    padding: 10px;
  }
  .service_area .box4.in5 dd {
    padding: 10px;
  }
  .service_area dd a {
    width: 25%;
    height: auto;
    padding: 10px 0;
  }
  .service_area .box1 a {
    width: 100%;
  }
  .service_area dd a i {
    line-height: 30px;
    margin-bottom: 5px;
  }
  .service_area dd a i img {
    max-height: 30px;
  }
  .service_area dd a p {
    font-size: 12px;
  }

  .best_faq {
    flex-direction: column;
    padding-bottom: 0;
  }
  .best_faq .box {
    width: 100%;
    margin-top: 30px;
  }
  .best_faq .box:first-child {
    margin-top: 0;
  }
  .best_faq .tit {
    margin: 0 0 10px;
  }
  .best_faq .tit strong {
    font-size: 15px;
    line-height: 30px;
  }
  .best_faq .tit .more {
    font-size: 12px;
    line-height: 28px;
    width: 100px;
    padding: 0 10px;
  }
  .best_faq .tit .more i {
    right: 5px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
  .best_faq .con a {
    padding: 10px;
  }
  .best_faq .con a span {
    font-size: 13px;
    line-height: 20px;
    max-width: calc(100% - 90px);
  }
  .best_faq .con a i {
    width: 80px;
    height: 20px;
    line-height: 18px;
    font-size: 12px;
  }
  /* Q&A */
  .service_top {
    margin: 50px 0 30px;
  }
  .consulting_wrap .qna_list li {
    margin: 0 0 10px;
  }
  .qna_list li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
  }
  .qna_list li a > * {
    display: block;
    line-height: 30px;
    font-size: 13px;
    height: auto;
  }
  .qna_list li a em {
    order: 1;
    width: calc(100% - 80px);
  }
  .qna_list li a b {
    order: 2;
    flex: 80px;
    text-align: center;
  }
  .qna_list li a p {
    order: 3;
    flex: 100%;
    width: 100%;
  }
  .qna_list li a .date {
    order: 4;
    flex: 50%;
  }
  .qna_list li a .sang {
    order: 5;
    flex: 50%;
    text-align: right;
  }
  .qna_list li a i {
    display: inline-block;
    vertical-align: top;
  }
  .qna_wrap .qtit {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    overflow: hidden;
  }
  .qna_wrap .qtit em {
    display: block;
    margin: 5px 0 0;
  }
  .qna_wrap .qtit .btn {
    position: relative;
    top: 0;
    float: right;
    margin-top: 5px;
  }
  .qna_view thead th {
    text-align: center;
    padding: 0;
  }
  .qna_view thead th em {
    position: relative;
    display: block;
    width: 100%;
    line-height: 30px;
  }
  .qna_view thead th em:after {
    display: none;
  }
  .qna_view tbody td {
    padding: 30px 0;
  }
  .qna_view tbody td strong {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .qna_view tbody td p {
    font-size: 13px;
    line-height: 20px;
  }
  .qna_view tfoot th,
  .qna_view tfoot td {
    padding: 10px;
  }
  .qna_view tfoot th {
    font-size: 14px;
    line-height: 30px;
  }
  .qna_view tfoot td .down {
    height: 30px;
    padding: 5px;
  }
  .qna_view tfoot td .down:after {
    right: 5px;
  }
  .prev_next_tbr a {
    flex-direction: column;
    height: 68px;
  }
  .prev_next_tbr a i {
    margin-bottom: 5px;
  }
  .prev_next_tbr a strong {
    font-size: 13px;
    line-height: 20px;
  }
  .prev_next_tbr .prev_prev_tbc.th,
  .prev_next_tbr .prev_next_tbc.th {
    width: 100%;
  }
  .prev_next_tbr .prev_prev_tbc a {
    align-items: flex-start;
  }
  .prev_next_tbr .prev_next_tbc a {
    align-items: flex-end;
  }

  .pop_lock_pass .inbox {
    height: auto;
    padding: 20px;
  }
  .pop_lock_pass .inbox .tit {
    font-size: 18px;
    line-height: 30px;
  }
  .pop_lock_pass .inbox .text {
    height: 40px;
    margin: 20px 0 10px;
    padding: 0 10px;
    font-size: 13px;
  }
  .pop_lock_pass .inbox p {
    font-size: 13px;
  }
  .pop_lock_pass .inbox .btn {
    font-size: 12px;
    line-height: 28px;
    height: 30px;
    width: 140px;
    margin: 30px auto 0;
  }
  /* 다운로드 */
  .service_down_tab .jq_tab {
    margin-bottom: 30px;
  }
  .service_down_tab .jq_tab li {
    font-size: 13px;
    line-height: 20px;
    height: 40px;
  }
  .service_down_tab .jq_tab li i {
    height: 30px;
    line-height: 30px;
  }
  .service_down_tab .jq_tab li i img {
    height: 60px;
  }
  .service_down_tab .jq_tab li:hover i img,
  .service_down_tab .jq_tab li.on i img {
    margin-top: -30px;
  }
  .service_down_tab .cont {
    padding: 15px 0;
  }
  .service_down_tab .cont.on {
    flex-direction: column;
  }
  .service_down_tab .cont .name {
    width: 100%;
    height: 160px;
    overflow: hidden;
    border: 0;
    text-align: center;
  }
  .service_down_tab .cont .name img {
    width: auto;
    height: auto;
    max-width: 143px;
    max-height: 160px;
    border: #ddd 1px solid;
  }
  .service_down_tab .cont .name strong {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0;
  }
  .service_down_tab .cont .name p {
    font-size: 13px;
  }
  .service_down_tab .cont .txt {
    width: 100%;
    padding: 20px 0 0;
  }
  .service_down_tab .cont .txt .tt {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .service_down_tab .cont .txt li {
    font-size: 13px;
    line-height: 22px;
  }
  .service_down_tab .cont .btns {
    flex-direction: row;
    width: 100%;
    border-left: #333 1px solid;
    margin-top: 20px;
  }
  .service_down_tab .cont .btns .btn {
    width: 33.33%;
    height: 30px;
    line-height: 28px;
    margin: 0;
    border-left: 0;
  }
  .down_list {
    margin-top: -2%;
  }
  .down_list li {
    width: 49%;
    margin: 2% 0 0 2%;
  }
  .down_list li:nth-child(2n-1) {
    margin-left: 0;
  }
  .down_list li .name {
    height: 100px;
    height: 100px;
  }
  .down_list li .name em {
    font-size: 13px;
  }
  .down_list li .name strong {
    font-size: 20px;
    line-height: 20px;
    margin: 10px 0 5px;
  }
  .down_list li .name p {
    font-size: 13px;
  }
  .down_list li .txt {
    margin-top: 10px;
  }
  .down_list li .txt p {
    font-size: 12px;
  }

  .board_top .total {
    font-size: 13px;
  }
  .board_top .paging .page {
    font-size: 13px;
    width: 80px;
  }
  .download_wrap li a {
    padding: 0;
    flex-direction: column;
  }
  .download_wrap li a em {
    margin: 0;
    line-height: inherit;
  }
  .download_wrap .img {
    width: 100px;
    border: 0;
    height: auto;
    min-height: 140px;
  }
  .download_wrap .img img {
    border: #ddd 1px solid;
  }
  .download_wrap .txt {
    padding-left: 10px;
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
  }
  .download_wrap .tit {
    font-size: 15px;
    line-height: 24px;
    order: 1;
  }
  .download_wrap em {
    font-size: 13px;
    margin: 5px 0 0;
    order: 3;
  }
  .download_wrap p {
    order: 4;
  }
  .download_wrap .btns {
    position: relative;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    order: 5;
  }
  .download_wrap .btns .btn {
    width: 49%;
    margin: 0;
  }
  .download_wrap .certification_icons {
    position: relative;
    padding: 5px 0;
    order: 2;
  }
  .download_wrap .certification_icons img {
    height: 20px;
    margin: 0 5px 0 0;
  }
  /* 매뉴얼/디자인 */
  .btab {
    margin-bottom: 40px;
  }
  .btab a {
    font-size: 12px;
    line-height: 40px;
  }
  /* 동영상 자료 */
  .video_list li {
    width: calc((100% - 10px) / 2);
  }
  .video_list li:nth-child(3n-2) {
    margin-left: 10px;
  }
  .video_list li:nth-child(2n-1) {
    margin-left: 0;
  }
  .video_list li .img {
    height: 29vw;
  }
  .video_list li .txt {
    padding-top: 10px;
  }
  .video_list li .tit {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .video_list li p {
    font-size: 13px;
  }
  /* 통신 자료 */
  .downbox_list dl {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 10px 10px 10px 50px;
  }
  .downbox_list dd {
    font-size: 13px;
    line-height: 20px;
  }
  .downbox_list .num {
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .downbox_list .cate {
    width: 100%;
  }
  .downbox_list .name {
    margin: 5px 0;
  }
  .downbox_list .btns {
    margin-top: 10px;
    width: 100%;
  }
  .fancybox-close {
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
  }
  .pop_view {
    padding: 15px;
  }
  .pop_view .tit {
    padding-bottom: 15px;
  }
  .pop_view .tit em {
    font-size: 13px;
  }
  .pop_view .tit strong {
    font-size: 17px;
    line-height: 24px;
    margin: 5px 0 10px;
  }
  .pop_view .tit p {
    font-size: 13px;
  }
  .pop_view .down_file {
    padding: 10px 0;
    line-height: 20px;
  }
  .pop_view .down_file > * {
    font-size: 13px;
  }
  .pop_view .btn {
    position: relative;
    display: block;
    width: 100%;
    margin: 5px 0 10px;
  }
  .pop_view .btn:last-child {
    margin-bottom: 0;
  }
  .pop_view .con {
    font-size: 13px;
    line-height: 24px;
  }
  /* 디자인 자료 */
  .download_wrap.down_design .img {
    width: 120px;
  }
  .download_wrap.down_design .txt {
    width: calc(100% - 120px);
  }
  .download_wrap.down_design .btns .btn {
    width: 100%;
  }
  .pop_view.pop_design .tit .btm .btn {
    width: 120px;
    margin: 0;
  }
  .pop_view.pop_design .imgs {
    margin: -10px -5px 0;
    padding: 10px 0;
  }
  .pop_view.pop_design .imgs li {
    flex: 1 1 40%;
    padding: 0 5px;
    margin: 10px 0 0;
    border: 0;
  }
  .pop_view.pop_design .imgs li img {
    width: 100%;
    border: #ddd 1px solid;
  }
  .pop_view.pop_design .con {
    padding: 10px;
    max-height: none;
    overflow: visible;
  }
  .pop_view.pop_design .con span {
    font-size: 13px !important;
  }
  .pop_view.pop_design .down a {
    font-size: 13px;
    line-height: 22px;
    margin-right: 10px;
  }
  /* 상담 */
  .consulting_wrap {
    padding: 10px 0 0;
  }
  .consulting_wrap ul {
    margin-top: 20px;
    flex-direction: column;
  }
  .consulting_wrap li {
    width: 100%;
    padding: 15px 0;
    margin-top: 10px;
  }
  .consulting_wrap li .icon {
    padding: 0 20px;
  }
  .consulting_wrap li .icon img,
  .consulting_wrap li .icon .svg {
    height: 60px;
  }
  .consulting_wrap li .txt {
    width: calc(100% - 120px);
  }
  .consulting_wrap li .txt strong {
    font-size: 17px;
  }
  .consulting_wrap li .txt p em {
    width: 60px;
    padding-right: 0;
    margin-right: 5px;
  }

  .consulting_wrap .inputs_gbox .btit {
    padding-right: 0;
    overflow: hidden;
  }
  .consulting_wrap .inputs_gbox .btit .btn {
    position: relative;
    top: 0;
    float: right;
    margin: 5px 0 0;
  }

  .consulting_wrap .remote_gbox {
    padding: 10px;
    flex-direction: column;
    margin-top: 30px;
  }
  .consulting_wrap .remote_gbox dd {
    width: 100%;
    margin-top: 30px;
  }
  .consulting_wrap .remote_gbox dd:first-child {
    margin-top: 0;
  }
  .consulting_wrap .remote_gbox .tt {
    font-size: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .consulting_wrap .remote_gbox .cn i {
    width: 80px;
  }
  .consulting_wrap .remote_gbox .cn i img {
    width: 60px;
  }
  .consulting_wrap .remote_gbox .cn p {
    width: calc(100% - 80px);
  }

  .consulting_wrap .inputs_gbox {
    padding: 10px;
    margin-top: 50px;
  }
  .consulting_wrap .inputs_gbox dl {
    flex-direction: column;
  }
  .consulting_wrap .file_design dt,
  .consulting_wrap .file_design dd {
    width: 100%;
  }
  .consulting_wrap .file_design dt {
    margin-bottom: 0;
    padding-bottom: 10px;
  }
  .consulting_wrap .file_design dd {
    font-size: 13px;
  }
  .consulting_wrap .file_design .filebox {
    line-height: 30px;
    height: auto;
  }
  .consulting_wrap .inputs_gbox dd .input {
    width: 100%;
    height: 40px;
    margin: 5px 0 0;
    padding-left: 80px;
  }
  .consulting_wrap .inputs_gbox dd.mt0 .input:nth-child(-n + 2) {
    margin-top: 5px;
  }
  .consulting_wrap .inputs_gbox dd .ddtt ~ .w100p ~ .input.ml,
  .consulting_wrap .inputs_gbox dd .ddtt ~ .input:nth-child(2n-1),
  .consulting_wrap .inputs_gbox dd .ddtt ~ .w100p ~ .input:nth-child(2n),
  .consulting_wrap .inputs_gbox dd.mt0 .ddtt ~ .input:nth-child(-n + 3),
  .consulting_wrap .inputs_gbox .mail {
    margin: 5px 0 0;
  }
  .consulting_wrap .inputs_gbox dd.mt0 .input:first-child {
    margin-top: 0;
  }
  .consulting_wrap .inputs_gbox dd .input em {
    left: 10px;
    font-size: 13px;
    line-height: 38px;
  }
  .consulting_wrap .inputs_gbox dd .input .text {
    height: 38px;
    font-size: 13px;
  }
  .consulting_wrap .inputs_gbox dd .input.pl0 input {
    padding-left: 10px;
  }
  .consulting_wrap .inputs_gbox dd .select_label {
    width: 100%;
    height: 40px;
    margin: 5px 0 0;
  }
  .consulting_wrap .inputs_gbox dd .select_label:first-child {
    margin-top: 0;
  }
  .consulting_wrap .inputs_gbox dd .select_label label,
  .consulting_wrap .inputs_gbox dd .select_label select {
    height: 38px;
    line-height: 38px;
  }
  .consulting_wrap .inputs_gbox dd .select_label.ml {
    margin-left: 0;
  }
  .consulting_wrap .inputs_gbox dl:nth-child(n + 3) dd .select_label {
    width: 100%;
  }
  .consulting_wrap .inputs_gbox dd textarea.text {
    font-size: 13px;
    line-height: 22px;
    padding: 10px;
    height: 150px;
    margin-top: 10px;
  }
  .consulting_wrap .inputs_gbox dd.yak textarea.text {
    height: 220px;
  }
  .consulting_wrap .inputs_gbox .w100p + .input + .input {
    margin-left: 0;
  }
  .consulting_wrap .inputs_gbox dd .input.m_pl1 {
    padding-left: 130px;
  }
  .consulting_wrap .inputs_gbox dd .input.m_pl2 {
    padding-left: 185px;
  }
  .consulting_wrap .inputs_gbox dd .input.m_pl3 {
    padding-left: 165px;
  }
  .consulting_wrap .inputs_gbox p.w100p {
    margin-top: 10px;
  }
  .consulting_wrap .inputs_gbox .mail .input {
    width: calc(100% - 30px);
  }
  .consulting_wrap .inputs_gbox .mail > em {
    width: 30px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
  }
  .consulting_wrap .inputs_gbox .mail .select_label.s {
    width: 100%;
  }
  .consulting_wrap .inputs_gbox .tri {
    flex-direction: column;
  }
  .consulting_wrap .inputs_gbox .tri dl {
    width: 100%;
  }
  .consulting_wrap .inputs_gbox textarea.text {
    padding: 10px;
    font-size: 13px;
    height: 200px;
    margin-top: 20px;
  }
  .consulting_wrap .add {
    flex-direction: column;
  }
  .consulting_wrap .inputs_gbox dd .add .input .text {
    width: calc(100% - 80px);
  }
  .consulting_wrap .add button {
    width: 80px;
    height: 38px;
    line-height: 38px;
  }
  .consulting_wrap .mail.half {
    width: 100%;
    margin: 5px 0 0;
  }
  .consulting_wrap .mail.half .input {
    width: 100%;
  }
  .consulting_wrap .btns {
    margin-top: 30px;
  }
  .popup_wrap .outbox {
    padding: 20px 10px;
  }
  .pop_mail_end .tit_s {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .pop_mail_end i {
    margin: 30px 0;
  }
  .pop_mail_end i img {
    width: 110px;
    height: 110px;
  }
  .popup_wrap .tit {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .pop_mail_end .btns {
    margin-top: 30px;
  }
  .pop_mail_end .btns li {
    width: 48%;
    margin: 0 1%;
  }

  .flexbox {
    flex-direction: column;
  }
  .flexbox > p {
    margin-bottom: 10px;
  }
  .consulting_wrap ul.flexbox {
    padding: 0 10px;
    margin-bottom: 50px;
    flex-direction: column;
  }
  .consulting_wrap ul.flexbox li {
    width: 100%;
    padding: 10px 0;
  }
  .consulting_wrap ul.flexbox li .tt {
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .consulting_wrap ul.flexbox li p {
    font-size: 13px;
    line-height: 20px;
  }
  /* 교육 */
  .education_wrap {
    padding-bottom: 0;
  }
  .education_wrap ul {
    margin-top: -20px;
  }
  .education_wrap li {
    width: calc((100% - 10px) / 2);
    margin: 10px 0 0 10px;
  }
  .education_wrap li:nth-child(3n-2) {
    margin-left: 10px;
  }
  .education_wrap li:nth-child(2n-1) {
    margin-left: 0;
  }
  .education_wrap li .img i {
    top: 5px;
    right: 5px;
  }
  .education_wrap li .txt {
    padding: 10px;
  }
  .education_wrap li .txt .tit {
    font-size: 15px;
    line-height: 22px;
  }
  .education_wrap li .txt dl {
    margin-top: 5px;
  }
  .education_wrap li .txt dt {
    width: 50px;
    font-size: 12px;
    line-height: 18px;
    height: 20px;
  }
  .education_wrap li .txt dd {
    width: calc(100% - 50px);
    font-size: 12px;
    line-height: 20px;
    padding-left: 5px;
  }
  .pop_education {
    padding: 15px;
  }
  .pop_education .edu_top {
    flex-direction: column;
  }
  .pop_education .edu_top .img,
  .pop_education .edu_top .txt {
    width: 100%;
  }
  .pop_education .edu_top .txt {
    padding: 10px 0 0;
  }
  .pop_education .edu_top .tit {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .pop_education .edu_top .tit strong {
    font-size: 17px;
    line-height: 24px;
  }
  .pop_education .edu_top .tit p {
    font-size: 13px;
  }
  .pop_education .edu_top dl {
    display: flex;
    flex-direction: column;
  }
  .pop_education .edu_top dd {
    padding: 10px 0 0;
    font-size: 13px;
    line-height: 20px;
  }
  .pop_education .edu_top .btns {
    flex-wrap: wrap;
  }
  .pop_education .edu_top .btns .btn:nth-child(1) {
    flex: 40%;
  }
  .pop_education .edu_top .btns .btn:nth-child(2) {
    flex: 58%;
    margin-left: 2%;
  }
  .pop_education .edu_top .btns .btn:nth-child(3) {
    flex: 100%;
    margin-top: 2%;
  }
  .pop_education .edu_mid {
    padding: 10px;
    margin-bottom: 10px;
  }
  .pop_education .edu_mid dl {
    flex-direction: column;
  }
  .pop_education .edu_mid dd {
    font-size: 13px;
    padding: 5px 0 0;
  }
  .pop_education .edu_btm {
    padding: 10px;
  }
  .pop_education .edu_btm li {
    font-size: 13px;
    line-height: 20px;
  }
  .pop_education .btn_back {
    top: 15px;
    left: 15px;
    height: 30px;
  }
  .pop_education_write .step {
    font-size: 15px;
    margin: 30px 0 0;
  }
  .pop_education_write .edu_name li {
    padding: 30px 0 0;
    margin-top: 15px;
  }
  .pop_education_write .edu_name dt {
    width: 80px;
  }
  .pop_education_write .edu_name dd {
    width: calc(100% - 80px);
    font-size: 13px;
  }
  .pop_education_write .tit {
    font-size: 15px;
    margin-top: 30px;
  }
  .pop_education_write .step + .tit {
    margin-top: 10px;
  }
  .pop_education_write .inputs .input {
    margin-top: 10px;
    padding-left: 80px;
  }
  .pop_education_write .inputs .input > * {
    font-size: 13px;
    line-height: 38px;
  }
  .pop_education_write .inputs .input.pl {
    padding-left: 100px;
  }
  .pop_education_write .inputs em {
    left: 10px;
  }
  .pop_education_write .inputs .text {
    height: 38px;
  }
  .pop_education_write .inputs .mail {
    flex-wrap: wrap;
    margin-top: 5px;
  }
  .pop_education_write .inputs .mail .input {
    width: calc(100% - 40px);
  }
  .pop_education_write .inputs .mail > em {
    line-height: 40px;
    width: 40px;
  }
  .pop_education_write .select_label {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
  }
  .pop_education_write .select_label label,
  .pop_education_write .select_label select {
    height: 38px;
    line-height: 38px;
    font-size: 13px;
  }
  .pop_education_write .select_label label {
    padding: 0 10px;
  }
  .pop_education_write .select_label input[type='text'] {
    padding: 0 10px;
    height: 40px;
  }
  .pop_education_write textarea.text {
    padding: 10px;
  }
  .pop_education_write .inp_chk .check {
    display: block;
    margin: 10px 0 0;
  }
  .pop_education_write .inp_chk .check:first-child {
    margin-top: 0;
  }
  .pop_education_write .inputs2 {
    padding: 0;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
  }
  .pop_education_write .inputs2 em {
    position: relative;
    line-height: 30px;
  }
  .pop_education_write .p_cn p {
    font-size: 13px;
    line-height: 20px;
    padding-left: 15px;
    text-indent: -15px;
  }
  .pop_education_write .btn_submit {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    width: 100%;
    margin-top: 30px;
  }
  /* AS */
  .as_wrap {
    padding-bottom: 0;
  }
  .as_wrap .lbox {
    padding: 10px;
    flex-direction: column;
  }
  .as_wrap .lbox li {
    font-size: 13px;
  }
  .as_wrap .lbox li.left,
  .as_wrap .lbox li.right {
    max-width: 100%;
    padding: 10px 0;
  }
  .as_wrap .lbox li.left dl {
    margin-top: 10px;
  }
  .as_wrap .lbox li.right:before {
    width: 100%;
    height: 1px;
  }
  .as_wrap .lbox li.right .tt {
    margin-bottom: 10px;
  }
  .as_wrap .gbox {
    margin: 60px 0;
  }
  .as_wrap,
  .as_step {
    padding-top: 0;
    flex-wrap: wrap;
    margin-top: -10px;
  }
  .as_step li {
    width: calc(100% / 3);
    margin-top: 30px;
  }
  .recruit_step li i,
  .as_step li i {
    padding: 7px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .as_step li i {
    margin: 5px auto 10px;
  }
  .as_step li p {
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
  }
  .as_step li:before {
    top: 61px;
  }
  .as_wrap .as_info dt {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
  }
  .as_wrap .as_info dd {
    font-size: 13px;
    line-height: 22px;
  }
  /* 고객지원 */
  .svi .as_step.three {
    gap: 0;
  }
  .svi .bs .info {
    gap: 5px;
  }
  .svi .bs .info .tit {
    font-size: 15px;
    line-height: 22px;
  }
  .svi .bs .info .iftxt p {
    font-size: 13px;
    line-height: 22px;
  }
  .svi a {
    font-size: 14px;
    height: 45px;
    max-width: 180px;
  }

  .ir_wrap .grapth .left_line li {
    margin-top: 30px;
    padding-left: 55px;
  }
  .ir_wrap .grapth .left_line li em {
    font-size: 12px;
    padding-right: 10px;
    width: 55px;
  }
  .ir_wrap .grapth .info_line {
    width: calc(100% - 55px);
    overflow: auto;
  }
  .ir_wrap .grapth .info_line .inbox {
    width: 150%;
  }
  .ir_wrap .grapth .info_line dl {
    padding: 0 10px;
  }
  .ir_wrap .grapth .info_line li {
    padding: 30px 5px 0 5px;
  }
  .ir_wrap .grapth .info_line li:hover {
    z-index: 1;
  }
  .tbl th,
  .tbl td {
    font-size: 12px;
    line-height: 25px;
    height: 35px;
  }
  .ir_wrap .tbl tbody .tal {
    padding-left: 10px;
  }
  .ir_wrap .tbl tbody .tar {
    padding-right: 10px;
  }
  .ir_wrap .tbl .bold td {
    font-weight: 900;
  }

  .g05 .dl_tbl > dl > dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .g05 .dl_tbl .select_label {
    width: 100px;
    margin: 0;
    height: 30px;
    line-height: 30px;
  }
  .g05 .dl_tbl .select_label label {
    height: 29px;
    line-height: 29px;
    font-size: 13px;
  }
  .g05 .dl_tbl .select_label select {
    height: 29px;
    font-size: 13px;
  }
  /* Recruit */
  /* 직무소개 */
  .job_introduction ul {
    margin-top: -20px;
  }
  .job_introduction li {
    width: calc(50% - 5px);
    padding: 10px;
    margin: 10px 0 0 10px;
  }
  .job_introduction li:nth-child(3n-2) {
    margin-left: 10px;
  }
  .job_introduction li:nth-child(2n-1) {
    margin-left: 0;
  }
  .job_introduction li p {
    max-height: 100px;
  }
  .job_introduction .more {
    margin-top: 40px;
  }
  /* 채용정보 */
  .recruit_step {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: -30px;
  }
  .recruit_step li {
    width: 33.33%;
    margin-top: 30px;
  }
  .recruit_step li p {
    font-size: 12px;
    margin-top: 10px;
  }
  .step_list li {
    width: 100%;
    padding: 20px 0;
  }
  .tbl col.recruit_w1 {
    width: 30px;
  }
  .tbl col.recruit_w2 {
    width: 30px;
  }
  .tbl col.recruit_w3 {
    width: 80px;
  }
  .tbl col.recruit_w4 {
    width: 50px;
  }
  /* 평가 및 보상 */
  .dl_tbl.w46 dt li {
    font-size: 13px;
    padding: 0 10px;
  }
  .dl_tbl.w46 dd {
    padding-top: 20px;
  }
  .dl_tbl.w46 dd .num li strong {
    font-size: 15px;
    margin: 5px 0;
  }
  .dl_tbl.w46 dd .num li {
    margin-top: 20px;
  }
  /* 복리후생 */
  .welfare_list {
    flex-direction: column;
    margin-top: -20px;
  }
  .welfare_list li {
    width: 100%;
    padding: 20px 0;
  }
  .welfare_list li:nth-child(-n + 2) {
    border-top: #ddd 1px solid;
  }
  .welfare_list li:first-child {
    border-top: 0;
  }
  .welfare_list li:nth-last-child(2) {
    padding-bottom: 20px;
  }
  /* 로그인 */
  .mem_inputs .input {
    padding-left: 80px;
  }
  .mem_inputs .input > * {
    line-height: 38px;
    font-size: 13px;
  }
  .mem_inputs em {
    left: 10px;
  }
  .mem_inputs .text {
    height: 38px;
  }
  label.check {
    font-size: 13px;
  }
  .mem_inputs .mid .btns a {
    font-size: 13px;
    margin-left: 10px;
    padding-left: 10px;
  }
  .mem_inputs .btm {
    margin-top: 20px;
  }
  .mem_inputs .btm .btn {
    font-size: 13px;
    line-height: 40px;
    height: 40px;
  }
  .mem_inputs .btm .mt {
    margin-top: 10px;
  }
  .slice_line {
    margin: 50px 0;
  }
  .sns_join,
  .sns_login {
    flex-direction: column;
    width: auto;
  }
  .sns_join .btn,
  .sns_login .btn {
    font-size: 13px;
    line-height: 48px;
    height: 50px;
    width: 100%;
    margin-top: 5px;
  }
  .sns_join .btn:first-child {
    margin-top: 0;
  }
  .sns_join .btn i {
    width: 24px;
  }
  /* 회원가입 */
  .join_step .arrow i {
    width: 20px;
    height: 20px;
  }
  .join_step dl {
    width: calc((100% - 60px) / 3);
    padding-top: 30px;
    height: 100px;
  }
  .join_step dt {
    font-size: 13px;
    line-height: 30px;
    height: 30px;
  }
  .join_identity i {
    width: 100px;
    height: 100px;
    line-height: 98px;
  }
  .join_identity p {
    margin: 20px 0;
  }
  .join_identity .btn {
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    width: 200px;
  }
  .mem_inputs.join_inpus .input {
    margin-top: 10px;
    padding-left: 100px;
  }
  .mem_inputs.join_inpus .input.inbtn .text {
    width: calc(100% - 80px);
  }
  .mem_inputs.join_inpus .input button {
    width: 80px;
    line-height: 38px;
    height: 38px;
  }
  .mem_inputs .text::placeholder {
    font-size: 11px;
  }
  .mem_inputs .mail {
    margin-top: 10px;
  }
  .mem_inputs .mail .input {
    width: calc(100% - 40px);
    margin-top: 0;
  }
  .mem_inputs .mail > em {
    line-height: 40px;
  }
  .mem_inputs .select_label {
    height: 40px;
    line-height: 40px;
    width: 100%;
    margin-top: 10px;
  }
  .mem_inputs .select_label label,
  .mem_inputs .select_label select {
    line-height: 38px;
    height: 38px;
  }
  .mem_inputs .select_label label {
    padding: 0 20px;
  }
  .mem_inputs .select_label i {
    right: 10px;
  }
  .mem_inputs.join_inpus .input button {
    font-size: 13px;
  }
  .mem_inputs.join_inpus .input.checks {
    padding: 10px;
  }
  .mem_inputs.join_inpus .input.checks em {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 10px;
  }
  .mem_inputs .btn_submit {
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    width: 200px;
    margin-top: 40px;
  }
  .join_end i img {
    width: 90px;
  }
  .join_end strong {
    font-size: 20px;
  }
  .mem_inputs .mail .checkarea {
    flex-direction: column;
    font-size: 13px;
  }
  .mem_inputs .mail .checkarea .check {
    margin: 5px 0 0;
  }

  .capcha_wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
  }
  .capcha_wrap dt,
  .capcha_wrap .capcha {
    width: 100% !important;
  }
  .capcha_wrap dt {
    font-size: 13px;
    line-height: 38px;
  }
  .capcha_wrap .capcha .img {
    width: 40%;
    height: 44px;
    max-width: 200px;
  }
  .capcha_wrap .capcha .img img {
    height: 42px;
  }
  .capcha_wrap .capcha .text {
    width: calc(60% - 60px);
    height: 44px;
  }
  .consulting_wrap .inputs_gbox .capcha_wrap dt {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
  }
  /* 아이디/비번 찾기 */
  .find_end {
    height: 100px;
  }
  .find_end strong {
    font-size: 20px;
  }
  .mem_inputs .input.pl {
    padding-left: 100px;
  }
  /* 마이페이지 */
  .mypage .title .btns {
    position: relative;
    margin-top: 20px;
  }
  .mypage .title .btns .btn {
    font-size: 13px;
    width: calc(50% - 5px);
  }
  .mypage .lbox {
    padding: 15px;
    margin-top: 50px;
  }
  .mypage .btit .btns {
    position: relative;
    margin-top: 10px;
  }
  .mypage .btit .btns .btn {
    width: 80px;
  }
  .mypage .btit .more {
    font-size: 12px;
    padding: 0 10px;
    width: 120px;
  }
  .mypage .btit .more i {
    right: 10px;
  }
  .mypage .inputs .input {
    padding-left: 70px;
  }
  .mypage .inputs .input > * {
    line-height: 38px;
    font-size: 13px;
  }
  .mypage .inputs .input.pl1 {
    padding-left: 80px;
  }
  .mypage .inputs .text {
    height: 38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mypage .inputs em {
    left: 10px;
  }
  .mypage .inputs.tri .checks em {
    top: 10px;
  }
  .mypage .inputs.tri .input {
    width: 100%;
  }
  .withlist_slide {
    margin: 0 -15px;
    padding-left: 15px;
  }
  .withlist_slide .sv:last-child {
    padding-right: 15px;
  }
  .mypage .mytbl.mo_break_tbl table,
  .mypage .mytbl.mo_break_tbl tbody,
  .mypage .mytbl.mo_break_tbl th,
  .mypage .mytbl.mo_break_tbl td {
    display: block;
    border-bottom: 0;
  }
  .mypage .mytbl.mo_break_tbl colgroup,
  .mypage .mytbl.mo_break_tbl thead {
    display: none;
  }
  .mypage .mytbl.mo_break_tbl tr {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    border-bottom: #ddd 1px solid;
    padding: 10px 0 0;
  }
  .mypage .mytbl.mo_break_tbl td {
    position: relative;
    padding: 0 0 0 60px;
    flex: 1 1 40%;
    margin-bottom: 10px;
    font-size: 13px;
    text-align: left;
    font-weight: 900;
  }
  .mypage .mytbl.mo_break_tbl td em {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    font-weight: 400;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(4),
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(5) {
    flex: 100%;
    padding-left: 100px;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(1) {
    order: 1;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(2) {
    order: 2;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(3) {
    order: 3;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(4) {
    order: 5;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(5) {
    order: 6;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(6) {
    order: 4;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(7) {
    order: 7;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(8) {
    order: 8;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con td:nth-child(9) {
    order: 9;
    flex: 100%;
    padding-left: 0;
  }
  .mypage .mytbl.mo_break_tbl .btns {
    padding-top: 10px;
    border-top: #ddd 1px dashed;
  }
  .mypage .mytbl.mo_break_tbl.tbl_con .btns .btn {
    margin: 0 auto;
  }
  .mypage .mytbl.mo_break_tbl.tbl_edu td:nth-child(1),
  .mypage .mytbl.mo_break_tbl.tbl_edu td:nth-child(2) {
    flex: 100%;
  }
  .mypage .mytbl.mo_break_tbl.tbl_edu .btns {
    padding-left: 0;
    display: flex;
    justify-content: center;
  }
  .mypage .mytbl.mo_break_tbl.tbl_edu .btns .btn {
    margin: 0 5px;
  }
  .mypage .btn_view {
    text-align: center;
  }
  .list_slide thead {
    display: none;
  }
  .list_slide table,
  .list_slide tbody,
  .list_slide td {
    display: block;
  }
  .list_slide tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: #3232324d 1px solid;
  }
  .list_slide tbody td {
    border: 0;
    flex: 1 1 30%;
  }
  .edu_slide .swiper-slide th,
  .edu_slide .swiper-slide td {
    font-size: 13px;
    padding: 5px;
    height: 50px;
  }
  .edu_info dl {
    flex-direction: column;
  }
  .edu_info dt,
  .edu_info dd {
    width: 100%;
  }
  .edu_info dt {
    border-bottom: #3232324d 1px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .edu_info dt strong {
    font-size: 17px;
    line-height: 24px;
  }
  .edu_info dt p,
  .edu_info dd b,
  .edu_info dd p {
    font-size: 13px;
    line-height: 22px;
  }
  .pop_page {
    padding: 15px;
  }
  .pop_page .title {
    font-size: 15px;
    line-height: 22px;
  }
  .pop_page .gbox {
    padding: 20px;
    margin: 20px auto;
    font-size: 13px;
    line-height: 20px;
  }
  .pop_page .gbox dl {
    flex-direction: column;
    padding-top: 10px;
    margin-top: 10px;
  }
  .pop_page .gbox dl > * {
    font-size: 13px;
    line-height: 20px;
  }
  .pop_page .gbox dt {
    padding-left: 0;
    width: 100%;
  }
  .pop_page .btns .btn {
    font-size: 13px;
    line-height: 40px;
    height: 40px;
  }
  .pop_page .btns .btn_l {
    line-height: 38px;
  }
  /* 통합검색 */
  .total_search_top {
    margin-bottom: 20px;
  }
  .total_search_results .search_list {
    margin-top: 50px;
  }
  .total_search_results .search_list:last-child {
    padding-bottom: 50px;
  }
  .total_search_results .title {
    font-size: 25px;
    margin-bottom: 40px;
  }
  .total_search_results .search_box {
    padding-right: 36px;
    height: 36px;
    margin-bottom: 20px;
  }
  .total_search_results .search_box .text {
    font-size: 13px;
    line-height: 36px;
    height: 36px;
    padding: 0 10px;
  }
  .total_search_results .search_box .btn {
    width: 36px;
    height: 36px;
  }
  .total_search_results .tag {
    padding: 30px 0 0;
    font-size: 13px;
    margin-bottom: 50px;
  }
  .total_search_results .tag dt {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    text-align: left;
  }
  .total_search_results .tag dt:after {
    width: 1px;
    height: 10px;
    margin-top: -5px;
  }
  .total_search_results .tag dd {
    width: 100% !important;
    padding: 0;
  }
  .total_search_results .tag dd a {
    margin-right: 10px;
  }
  .total_search_results .tag .btm {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
  }
  .total_search_results .mo_over {
    width: 100%;
    overflow: auto;
    margin-bottom: 30px;
  }
  .total_search_results .tabs {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    justify-content: flex-start;
    border-right: 0;
    border-bottom: 0;
    margin-bottom: 0;
    border-top: 0;
  }
  .total_search_results .tabs a {
    flex: 0 0 33%;
    font-size: 13px;
    line-height: 18px;
    padding: 0 10px;
    border-top: #ddd 1px solid;
    display: flex;
  }
  .total_search_results .tabs a:last-child {
    border-right: #ddd 1px solid;
  }
  .total_search_results .tabs a:nth-child(3),
  .total_search_results .tabs a:nth-child(6) {
    width: 34%;
  }
  .total_search_results .tabs a:before {
    left: auto;
    right: 0;
    height: 10px;
    margin-top: -5px;
  }
  .total_search_results .tabs a:first-child:before {
    display: block;
  }
  .total_search_results .tabs a:last-child:before {
    display: none;
  }
  .search_list .list_slide_l2 .slick-list {
    width: calc(100% + 15px);
  }
  .search_list .list_slide_l2 .sv {
    padding-right: 15px;
    width: 100% !important;
  }
  .search_list .list_slide_l2 .slick-slide > div {
    margin-top: 15px;
    padding-top: 15px;
  }
  .total_search_results .search_list > .tit {
    font-size: 18px;
    line-height: 24px;
    padding: 50px 0 10px;
  }
  .total_search_results .search_list .tit {
    font-size: 20px;
  }
  .total_search_results .tit .count {
    bottom: 10px;
    font-size: 13px;
  }
  .total_search_results .search_list .list_slide {
    margin: 20px 0 30px;
    padding-bottom: 20px;
  }
  .total_search_results .search_list > ul > li > a {
    padding: 20px 0;
    flex-direction: column;
  }
  .total_search_results .search_list > ul > li > a img {
    width: auto;
    height: 100%;
  }
  .total_search_results .search_list .txt {
    padding: 15px;
  }
  .total_search_results .search_list a .txt .tit,
  .total_search_results .search_list .tt {
    font-size: 15px;
    line-height: 24px;
  }
  .total_search_results .search_list .tt i {
    width: 26px;
    height: 24px;
  }
  .total_search_results .search_list .tt i:before,
  .total_search_results .search_list .tt i:after {
    width: 7px;
    margin-left: -5px;
  }
  .total_search_results .search_list .tt i:before {
    margin-top: -3px;
  }
  .total_search_results .search_list .tt i:after {
    margin-top: 1px;
  }
  .total_search_results .search_list a .txt > .tt {
    font-size: 12px;
    color: #333;
    font-weight: 700;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Nanum gothic';
    margin-bottom: 0;
  }
  .total_search_results .search_list em,
  .total_search_results .search_list p {
    font-size: 11px;
    text-align: left;
  }
  .total_search_results .search_list em {
    margin-bottom: 10px;
  }
  .total_search_results .search_list p {
    line-height: 20px;
    padding-left: 0;
  }
  .total_search_results .search_list .more {
    width: 200px;
    height: 40px;
    line-height: 38px;
    font-size: 13px;
    margin-top: 20px;
  }
  .total_search_results .search_list .more i {
    margin-left: 15px;
  }
  .total_search_results .search_list > ul > li,
  .total_search_results .search_list .edu li {
    padding: 15px;
    flex-direction: column;
  }
  .total_search_results .search_list > ul > li .txt {
    padding: 15px 0 0;
  }
  .search_software .btns {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
    margin-top: 10px;
  }
  .search_software .btns .btn {
    width: calc(50% - 3px);
    font-size: 10px;
  }
  .best_faq .select_label label {
    height: 29px;
    line-height: 29px;
  }
  /* 제품 */
  .total_search_results .search_product .tit {
    padding-top: 0;
  }
  .total_search_results .search_list .tit span.count {
    font-size: 16px;
  }
  .total_search_results .search_product .img,
  .total_search_results .search_product .txt {
    width: 100%;
  }
  .total_search_top .select_label label {
    height: 39px;
    line-height: 39px;
  }
  .total_search_top .select_label select {
    height: 39px;
  }
  .search_list .list_slide_non .sv {
    width: calc((100% - 15px) / 2) !important;
    margin-left: 15px;
    margin-top: 15px;
    padding-top: 15px;
  }
  .search_list .list_slide_non .sv:nth-child(3n-2) {
    margin-left: 15px;
  }
  .search_list .list_slide_non .sv:nth-child(2n-1) {
    margin-left: 0;
  }
  .search_list .list_slide_non .sv:nth-child(4),
  .search_list .list_slide_non .sv:nth-child(3) {
    margin-top: 15px;
    padding-top: 15px;
  }
  .search_list .list_slide_non .sv:nth-child(3):before {
    display: block;
  }
  .search_list .list_slide p em {
    position: static;
    display: inline;
    margin-right: 8px;
  }
  /* 소프트웨어 */
  .total_search_results .search_software .img,
  .total_search_results .search_software .txt {
    width: 100%;
  }
  .search_software .name {
    width: 200px;
    height: 180px;
    margin: 0 auto;
  }
  .search_software .name strong {
    font-size: 24px;
    line-height: 24px;
    margin: 15px 0 5px;
  }
  .search_software .name p {
    font-size: 13px;
  }
  .search_software .txt .tt {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .search_software .txt li {
    font-size: 13px;
    line-height: 20px;
  }
  /* 카탈로그 */
  .total_search_results .search_catalog .img {
    border: 0;
  }
  .total_search_results .search_catalog .img img {
    border: #ddd 1px solid;
  }
  .total_search_results .search_catalog .txt {
    padding: 0 0 0 10px;
  }
  .total_search_results .search_catalog .txt .tit {
    font-size: 18px;
  }
  /* 인증서  */
  .total_search_results .search_certification .img {
    border: 0;
  }
  .total_search_results .search_certification .img img {
    border: #ddd 1px solid;
  }
  .total_search_results .search_certification .txt {
    padding: 0 0 0 10px;
  }
  .total_search_results .search_certification .txt .tit {
    font-size: 18px;
  }
  /* 매뉴얼 */
  .total_search_results .search_menual .img,
  .total_search_results .search_menual .txt {
    width: 100%;
  }
  .total_search_results .search_menual .img img {
    width: 100%;
  }
  /* 자주찾는 질문 */
  .total_search_results .search_faq p {
    font-size: 13px;
    line-height: 20px;
  }
  .total_search_results .search_faq p em {
    font-size: 18px;
  }
  /* 교육 */
  .total_search_results .search_edu .img img {
    width: 100%;
  }
  .total_search_results .search_edu .img i {
    top: 10px;
    right: 10px;
  }
  .total_search_results .search_edu .txt .tit {
    font-size: 18px;
  }
  .total_search_results .search_edu .txt dt {
    width: 60px;
    font-size: 12px;
  }
  .total_search_results .search_edu .txt dd {
    width: calc(100% - 60px);
    font-size: 13px;
  }
  /* Q&A */
  .total_search_results .search_list .qna_list > li a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
  }
  .total_search_results .search_list .qna_list > li a > * {
    display: block;
  }

  /*메인*/
  .mservice .con .txt {
    margin-bottom: 35px;
  }
  .mservice .con .txt strong {
    font-size: 24px;
  }
  .mservice .con .txt p {
    font-size: 12px;
    margin-top: 25px;
  }
  .mservice #con1 {
    margin: 60px 0;
  }
  .mservice #con1 .txt {
    margin-bottom: 15px;
  }
  .mservice #con1 .txt strong {
    line-height: 30px;
  }
  .mservice #con1 .txt p {
    margin-top: 5px;
  }
  .mservice .servicebox {
    padding: 20px 0;
  }
  .mservice .servicebox ul {
    display: block;
    padding: 0 20px;
  }
  .mservice .servicebox ul li {
    width: 100%;
    margin-bottom: 20px;
    height: 100px;
  }
  .mservice .servicebox ul li:nth-child(1),
  .mservice ul.servicebox li:nth-child(2) {
    margin-bottom: 10px;
  }
  .mservice .servicebox ul li h3 {
    font-size: 18px;
    top: 15px;
    left: 15px;
  }
  .mservice .servicebox ul li p.right_font {
    font-size: 11px;
    top: 15px;
    right: 15px;
  }
  .mservice .servicebox ul li p.down_txt {
    font-size: 10px !important;
    bottom: 15px;
    left: 15px;
  }
  .mservice .servicebox ul li img {
    bottom: 15px;
    right: 15px;
    max-width: 10%;
  }
  .mservice ul.serviceinfotime li p.tlt {
    font-size: 15px;
  }
  .mservice ul.serviceinfotime li p.date,
  .mservice ul.serviceinfotime li p.time {
    font-size: 12px;
  }

  .mservice .con.mo_vw {
    padding: 0 20px 40px;
  }
  .mservice .con.mo_vw .con_box {
    background-color: #f8f9fa;
    padding: 20px;
    display: flex;
    margin-bottom: 20px;
  }
  .mservice .con.mo_vw .con_box:last-child {
    margin-bottom: 0;
  }
  .mservice .con.mo_vw .con_box img {
    width: 46px;
    height: 42.5px;
    margin-right: 50px;
    margin-top: 100px;
  }
  .mservice ul.serviceinfo {
    display: block;
    padding: 0;
    margin-bottom: 0;
  }
  .mservice ul.serviceinfo li {
    margin-right: 0;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
  }
  .mservice ul.serviceinfo li:last-child {
    border-bottom: none;
  }
  .mservice ul.serviceinfo li:nth-child(2),
  .mservice ul.serviceinfo li:nth-child(3) {
    margin-right: 0 !important;
  }
  .mservice ul.serviceinfo li:nth-child(3):before,
  .mservice ul.serviceinfo li:nth-child(3):after {
    content: none;
  }
  .mservice .con.mo_vw .con_box .con_left .tlt {
    margin-top: 10px;
  }
  .mservice ul.serviceinfotime {
    display: block;
    padding: 0;
    margin-bottom: 0;
  }
  .mservice ul.serviceinfotime li p.time:before {
    content: none;
  }
  .mservice ul.serviceinfotime li {
    margin-right: 0;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
  }
  .mservice ul.serviceinfotime li:last-child {
    border-bottom: none;
  }
  .mservice ul.serviceinfotime li p.date,
  .mservice ul.serviceinfotime li p.time {
    line-height: unset;
  }
  .mservice .con.mo_vw .con_box .con_left img {
    margin-top: 30px;
  }
  /*홍보*/
  .pr_con .con {
    /* display:block; */
    padding: 20px 0;
  }
  .pr_con .con > a,
  .pr_con .con .txt {
    vertical-align: top;
  }
  .pr_con .con > a {
    width: 45%;
    padding-right: 10px;
    font-size: 0;
  }
  .pr_con .con .img {
    width: 100%;
  }
  .pr_con .con .txt {
    width: 55%;
  }
  .pr_con .con .txt .category {
    font-size: 13px;
  }
  .pr_con .con .txt h2 {
    font-size: 17px;
    line-height: 1.5;
  }
  .pr_con .con .txt p {
    font-size: 13px;
  }
  .pr_con .con .txt p.text {
    margin: 5px 0;
  }
  .pr_con .con .txt p.date {
    bottom: 5px;
  }
  /* .pr_con .con .img {margin:0 auto;margin-bottom:15px;} */
  .pr_detatil_top h2 {
    font-size: 18px;
    margin: 10px 0 15px 0;
  }
  .pr_detatil_top {
    padding: 20px 0;
    margin: 0;
  }
  .pr_detatil_top p.print:before {
    left: -25px;
  }
  .pr_detatil_top p.print a {
    font-size: 0;
  }
  .pr_detatil_con {
    padding: 20px 15px;
  }
  .pr_detatil_con > div p {
    margin: 20px 0;
  }
  .pr_detatil_file {
    margin-bottom: 30px;
    padding: 15px;
  }
  .pr_detatil_file strong,
  .pr_detatil_file a {
    font-size: 13px;
  }
  .prev_prev_tbc.th,
  .prev_next_tbc.th {
    font-size: 11px;
    width: 50%;
  }
  .prev_prev_tbc.td {
    margin-left: 0;
  }
  .prev_next_tbc.td {
    margin-right: 13px;
    text-align: right;
  }
  .prev_prev_tbc.td,
  .prev_next_tbc.td {
    font-size: 13px;
  }
  .pr_inputs {
    height: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
    line-height: 40px;
  }
  .pr_inputs .text {
    font-size: 13px;
    padding: 0 10px;
  }
  .pr_inputs .btn {
    width: 40px;
    height: 40px;
  }
  .pr_top .select_label label,
  .pr_top .select_label select {
    font-size: 12px;
  }
  .board_bottom .paging {
    margin-bottom: 0;
  }
  .pr_detatil_top p.state {
    font-size: 11px;
  }
  .pr_btns {
    font-size: 13px;
    margin-top: 30px;
    width: 150px;
    height: 40px;
    line-height: 40px;
  }

  /*구축상담 상담하기*/
  .pop_solution .outbox {
    padding: 15px;
  }
  .pop_solution .tit {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
  }
  .pop_solution .inbox .tt {
    font-size: 15px;
  }
  .pop_solution .inbox {
    padding: 15px;
  }
  .pop_solution .inbox dd .input {
    width: 100%;
  }
  .pop_solution .inbox dd .input em,
  .pop_solution .inbox .select_label label,
  .pop_solution .inbox .select_label select {
    font-size: 13px;
  }
  .pop_solution .inbox .select_label {
    width: 100%;
    padding-left: 0;
  }
  .pop_solution .inbox .select_label label {
    height: 48px;
    width: calc(100% - 20px);
  }
  .pop_solution .inbox textarea.text {
    font-size: 13px;
  }
  .pop_info_bottom {
    display: block;
    margin-top: 20px;
  }
  .pop_info_bottom p.tlt,
  .pop_info_bottom p {
    font-size: 13px;
  }
  .pop_info_bottom .con.mail {
    margin: 15px 0;
  }
  .pop_info_bottom .btn_submit {
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 38px;
    width: 150px;
  }
  .pop_solution2 .partnership_txt {
    display: block;
  }
  .pop_solution2 .partnership_txt li p.tlt {
    margin-bottom: 15px;
    font-size: 15px;
  }
  .pop_solution2 .partnership_txt li p.txt {
    margin-bottom: 10px;
    font-size: 13px;
  }
  /*서비스센터*/
  .service_area dt {
    margin: 15px 0 0 15px;
  }
  .service_area dd a.afterc:after {
    right: 0;
    height: 50px;
  }
  .sc_faq .box {
    display: block;
    margin-bottom: 50px;
  }
  .sc_faq .box .tit {
    margin-bottom: 20px;
  }
  .quelist {
    margin-bottom: 10px;
  }
  .best_faq .con .quetlt {
    padding: 15px;
  }
  /*다운로드*/
  .down_txt {
    font-size: 18px !important;
    margin-bottom: 50px;
  }
  .jq_cont .cont ul > li {
    display: block;
    margin-top: 10px;
    padding: 15px;
  }
  .soft_txt {
    margin-left: 0;
    margin-top: 10px;
  }
  .soft_txt .tt {
    font-size: 19px;
  }
  .soft_txt .tt p.ver {
    font-size: 15px;
    line-height: unset;
  }
  .soft_txt .sub_tlt {
    font-size: 12px;
  }
  .soft_txt dt,
  .soft_txt dd {
    font-size: 11px;
    line-height: unset;
    height: unset;
  }
  .more.down {
    margin-top: 50px;
    font-size: 13px;
  }
  .jq_cont .cont ul > li .btns {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .jq_cont .cont ul > li .btns .btn {
    padding: 5px;
    width: calc((100% - 10px) / 2);
    margin-left: 5px;
  }
  .jq_cont .cont ul > li .btns .btn:nth-child(2n-1) {
    margin-left: 0;
  }

  .catalog .total span {
    font-size: 13px;
    margin-left: 0;
  }
  .board_top .select_label label,
  .board_top .select_label select {
    font-size: 12px;
  }
  .container.g04.s02 .btit {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .downbox_list .btn {
    width: 150px;
  }

  .service_down_tab .cont .btns {
    border-left: none;
  }
  .jq_cont .cont ul > li .btns .btn {
    font-size: 10px;
  }
  .jq_cont .cont ul > li .btns .btn:after {
    right: 5px;
  }
  .jq_cont .cont ul > li .btns .btn:nth-child(n + 3) {
    margin-top: 5px;
  }
  .jq_cont .cont ul > li .txt .tlt .tt p {
    font-size: 15px;
  }
  .download_wrap li {
    display: block;
    padding: 15px;
  }
  .download_wrap .img {
    margin: 0 auto;
  }
  .download_wrap .txt {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
  }
  .download_wrap .txt .tlt .tt {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .download_wrap .txt .tlt .tt p {
    font-size: 15px;
  }
  .download_wrap .catalog_txt p {
    font-size: 12px;
    margin-bottom: 0;
  }
  .catalog_txt dt,
  .catalog_txt dd {
    font-size: 11px;
    line-height: unset;
    height: unset;
  }
  .catalog_txt dd {
    padding-right: 0;
  }
  .download_wrap .btns {
    flex-wrap: wrap;
  }
  .download_wrap .btns .btn {
    font-size: 10px;
  }
  /* .download_wrap .btns .btn:last-child{margin-top:10px;} */
  .dl_abso {
    position: relative;
  }
  .download_wrap .catalog_txt .dl_abso {
    left: 0;
  }
  .download_wrap.cata_wrap .txt {
    width: 100%;
  }
  .download_wrap .btns {
    position: relative;
    bottom: 0;
  }
  .download_wrap .select_area {
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
  }
  .download_wrap .select_langs {
    margin-right: 10px;
  }
  .download_wrap .select_langs dt {
    font-size: 13px;
    line-height: 30px;
    height: 30px;
    width: 40px;
  }
  .download_wrap .select_langs dd button {
    font-size: 12px;
    padding: 0 5px;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0;
  }
  .download_wrap .select_area .btn_langs {
    width: calc(100% - 50px);
  }

  .jq_cont .cont ul > li .btns.down5 {
    position: relative;
    justify-content: flex-start;
    bottom: 0;
    width: 100%;
  }
  .jq_cont .cont ul > li .btns.down5 .btn {
    width: calc(50% - 10px);
  }

  .video_info dl,
  .video_info dl dt {
    font-size: 11px;
  }
  .video_info dl dt:after {
    content: none;
  }
  .video_info dl dt {
    margin-right: 3px;
  }
  .video_info dl {
    margin-right: 10px;
  }

  .pop_video {
    padding: 20px;
  }
  .pop_video .tit {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  .pop_video .video {
    margin-bottom: 15px;
  }
  .pop_video .video iframe {
    height: 43vw;
  }
  .pop_video textarea {
    padding: 10px;
  }

  .total_search_results .search_list .video_list li {
    width: calc((100% - 10px) / 2);
  }
  .total_search_results .search_list .video_list li:nth-child(3n-2) {
    margin-left: 20px;
  }
  .total_search_results .search_list .video_list li:nth-child(2n-1) {
    margin-left: 0;
  }

  .pop_view.pop_design .info,
  .pop_view.pop_design .info dl {
    font-size: 11px;
  }

  .pop_download .down_top .txt {
    padding-left: 0;
    width: 100%;
    margin-top: 10px;
  }
  .pop_download .down_top .txt strong {
    font-size: 18px;
  }
  .pop_download .down_top .txt em {
    font-size: 12px;
  }
  .pop_download .down_top .txt p {
    font-size: 15px;
  }
  .pop_download .down_top .info {
    justify-content: space-between;
  }
  .pop_download .down_top .info dl dt {
    margin-right: 20px;
  }
  .pop_download .down_top .info dl dt:after {
    right: -10px;
  }
  .pop_download .down_top .txt .btns {
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding-left: 0;
    margin-top: 10px;
  }
  .pop_download .down_top .txt .btns .btn {
    margin-left: 0;
    margin-bottom: 5px;
    width: 49%;
    font-size: 10px;
  }
  /*소프트웨어 팝업*/
  .popup_wrap.infancy {
    padding: 20px 15px;
  }
  .pop_download .down_top {
    display: block;
  }
  .pop_download .down_top .name {
    margin-top: 30px;
  }
  /*기술상담*/
  .consulting_wrap .gbox.inputs_gbox .btit span {
    font-size: 13px;
    margin-left: 0;
  }
  .consulting_wrap .inputs_gbox dd .select_label select,
  .consulting_wrap .inputs_gbox dd .select_label label {
    font-size: 13px;
    padding: 0 10px;
  }
  .consulting_wrap .txt span {
    margin-left: 20px;
  }
  .consulting_wrap .txt span:before {
    left: -10px;
  }
  /*교육*/
  .edu_sub_tlt {
    font-size: 18px !important;
    line-height: 30px !important;
    margin-bottom: 20px;
  }
  .download_wrap.edu {
    margin-top: 0;
  }
  .download_wrap.edu li {
    display: block;
    width: 100%;
  }
  .edu .name {
    margin: 0 auto;
    width: 100%;
    height: 160px;
  }
  .edu .name img {
    width: auto;
    height: auto;
    max-width: 143px;
    max-height: 160px;
  }
  .download_wrap.edu .txt {
    width: 100%;
  }
  .download_wrap.edu .txt .tlt .tt {
    font-size: 19px;
  }
  .edu .catalog_txt p {
    padding: 20px 0 0 0;
  }
  .education_wrap .edu li {
    margin: 10px 0 0 0;
    padding: 0;
  }
  .education_wrap .edu li a {
    padding: 15px;
  }
  .edu .txt .tlt .state {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    width: 60px;
    margin-top: 25px;
  }

  .pop_education .edu_top.img {
    height: 250px;
    width: 178px;
    margin: 0 auto;
    margin-top: 50px;
  }
  .pop_education .edu_top .tit span {
    font-size: 10px;
  }
  .pop_education .edu_top .tit span.state {
    font-size: 10px;
    width: 60px;
    height: 20px;
    line-height: 18px;
  }
  .pop_education .edu_top .tit p {
    margin-top: 15px;
  }
  .pop_education .edu_top dt,
  .pop_education .edu_top dd {
    font-size: 11px;
  }
  .pop_education .edu_mid2 {
    padding: 10px;
    margin-bottom: 10px;
  }
  .pop_education .edu_mid2 .tt,
  .pop_education .edu_mid2 .tt p,
  .pop_education .edu_mid2 .tt p span,
  .pop_education .edu_btm .tt,
  .edu_btm textarea.text {
    font-size: 11px;
  }

  .pop_education .edu_mid2 table {
    border: none;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
  }
  .pop_education .edu_mid2 table.mo_vw tr {
    font-size: 10px;
  }
  .pop_education .edu_mid2 table.mo_vw tr:nth-child(1) {
    background: unset;
    color: #333;
    font-size: 10px;
    border: none;
  }
  .pop_education .edu_mid2 table.mo_vw tr:nth-child(1) th,
  .pop_education .edu_mid2 table.mo_vw tr:nth-child(1) td,
  .pop_education .edu_mid2 table.mo_vw th,
  .pop_education .edu_mid2 table.mo_vw td,
  .pop_education .edu_mid2 table.mo_vw tr {
    border: none;
  }
  .pop_education .edu_mid2 table.mo_vw th,
  .pop_education .edu_mid2 table.mo_vw td {
    padding: 3px 0;
  }
  .pop_education .edu_mid2 table.mo_vw tr.borderbtm {
    border-bottom: 1px solid #ddd;
  }
  /*AS*/
  .as_wrap .top_txt h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
  }
  .as_wrap .top_txt p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .as_step li:before {
    top: 45px;
  }
  .as_step_list {
    display: block;
  }
  .as_step_list li {
    width: 100%;
  }
  .as_step_list li:nth-child(1),
  .as_step_list li:nth-child(5),
  .as_step_list li:nth-child(6) {
    border-bottom: 1px solid #ddd;
  }
  .as_step_info {
    flex-direction: column;
    margin: 0 0 50px;
  }
  .as_step_info li {
    width: 100%;
    padding: 15px 0;
    margin-top: 10px;
    align-items: center;
  }
  .as_step_info li:nth-child(2),
  .as_step_info li:last-child {
    margin-top: 15px;
  }
  .as_step_info .txt span {
    margin-left: 20px;
  }
  .as_step_info .txt span:before {
    left: -10px;
  }
  .as_step_info .img {
    width: 120px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-right: #ddd 1px solid;
    padding: 0;
    margin: 0;
  }
  .as_step_info .img img {
    height: 60px;
    position: unset;
    transform: unset;
  }
  .as_step_info .txt {
    width: calc(100% - 120px);
    padding: 0 10px 0 15px;
  }
  .as_step_info .txt strong {
    font-size: 17px;
  }
  .as_step_info .img:after {
    content: none;
  }
  .as_step_info .txt span.m_ml0 {
    margin-left: 0;
  }
  .as_step_info .txt span.m_ml0:before {
    content: none;
  }
  /*자주찾는질문*/
  .best_faq .con .quetlt .que,
  .best_faq .con .quetlt .que dd {
    font-size: 15px;
    line-height: 24px;
    max-width: calc(100% - 100px);
  }
  .best_faq .slide_answer .answer,
  .best_faq .slide_answer .answer dd,
  .best_faq .slide_answer .no_answer {
    font-size: 13px;
  }
  .best_faq .slide_answer .answer dt span {
    font-size: 13px !important;
  }
  .best_faq .slide_answer .no_answer a {
    font-size: 11px;
  }
  .best_faq .slide_answer .answer dt {
    margin-top: 0;
  }
  .faq_inputs {
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .faq_inputs .text {
    font-size: 12px;
    padding: 0 5px 0 10px;
    height: 40px;
  }
  .faq_inputs .btn {
    background: url(/pub/images/icon_search2.png) no-repeat 50% 40%;
  }
  .faq_top .select_label label,
  .faq_top .select_label select {
    font-size: 12px;
  }
  .faq_top {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .faq_top .select_label {
    width: 48%;
    margin: 0 0 0 2%;
  }
  .best_faq .box .tit {
    margin-bottom: 50px;
  }
  .board_bottom.faq_bottom {
    margin-bottom: 0;
  }
  .faq_sel {
    margin-bottom: 20px;
  }
  .faq_sel.board_top .select_label {
    height: 30px;
    line-height: 30px;
  }
  .faq_sel .select_label {
    height: 30px;
    line-height: 30px;
    width: 25vw;
  }
  .faq_sel .select_label label {
    height: 29px;
    line-height: 29px;
  }
  .board_top > * > .select_label,
  .faq_sel.board_top .select_label {
    width: 100px;
  }
  /*채용공고*/
  .info_bottom {
    margin-top: 25px;
    display: block;
    text-align: left;
  }
  .info_bottom p:nth-child(2) {
    margin-right: 0;
    width: 100%;
    margin: 10px 0;
  }
  .info_bottom a {
    display: block;
    font-size: 13px;
    width: 180px;
  }
  .info_bottom p.tlt {
    font-size: 13px;
  }
  .job_detatil_top {
    padding: 20px 0;
  }
  .job_detatil_top h2 {
    font-size: 18px;
    margin: 10px 0 15px 0;
  }
  .job_detatil_con {
    padding: 15px;
  }
  .job_detatil_con > div {
    margin-left: 0 !important;
    text-align: center;
  }
  .job_detatil_con > div p,
  .job_detatil_con > div {
    margin: 20px 0;
  }
  .job_detatil_file {
    margin-bottom: 30px;
    padding: 15px;
  }
  .job_detatil_file strong,
  .job_detatil_file a {
    font-size: 13px;
  }
  .prev_prev_tbc.th,
  .prev_next_tbc.th {
    font-size: 11px;
  }
  .prev_prev_tbc.td,
  .prev_next_tbc.td {
    font-size: 13px;
  }
  /*서비스btm*/
  .service_btm_links .inner {
    display: block;
  }
  .service_btm_links .more_info_bottom a {
    width: 100%;
    font-size: 12px;
    margin-left: 0;
  }
  .service_btm_links.sbm1 p {
    line-height: unset;
    margin-right: 0;
    font-size: 13px;
  }
  .service_btm_links.sbm1 {
    padding: 15px;
  }
  .service_btm_links {
    padding: 20px;
    margin-top: 100px;
  }
  .service_btm_links .inner .more_info_bottom a {
    font-size: 11px;
  }
  .service_btm_links.sbm2 p {
    margin-right: 0;
    line-height: unset;
  }
  .service_btm_links.sbm2 a {
    width: 100%;
    margin: 10px 0;
  }
  .service_btm_links.sbm2 a:after {
    top: -5px;
  }
  /*footer*/
  .f_quick .mquick {
    right: 20px;
    bottom: 85px;
    margin-right: 0;
    width: 40px;
    height: 40px;
    padding-bottom: 40px;
  }
  .f_quick .mquick dd {
    right: 6%;
    bottom: 45px;
    margin-right: 0;
  }
  .mquick a {
    width: 40px;
    height: 40px;
    background-size: 50%;
    margin-top: 5px;
  }
  .mquick a.tel {
    background-size: 20px;
  }
  .mquick a.as {
    background-size: 17px;
  }
  .footer .gotop {
    right: 20px;
    bottom: 40px;
  }
  .footer_quick_menu .quick_open {
    margin-right: 0;
    right: 20px;
    width: 40px;
    height: 40px;
    bottom: 85px;
  }
  .footer_quick_menu.unfixed .gotop {
    bottom: 230px;
  }
  .footer_quick_menu.unfixed .quick_open,
  .footer_quick_menu.unfixed .f_quick .mquick {
    bottom: 275px;
  }
  .footer_quick_menu .quick_open p {
    width: 20px;
  }
  .fp-viewing-Footer .footer .gotop {
    bottom: 245px;
  }
  .fp-viewing-Footer .footer_quick_menu .quick_open {
    bottom: 290px;
  }
  .fp-viewing-Footer .f_quick .mquick {
    bottom: 290px;
  }
  .mquick dt {
    display: none;
  }
  /*연혁*/
  .his_list .img {
    position: unset;
    width: 100%;
  }
  .his_list .img img {
    position: unset;
  }
  .his_list .img.imgin ul,
  .his_list .img.imgin li {
    width: 100%;
    height: 300px;
  }
  .his_list .img.imgin li {
    flex: 100%;
  }
  .his_list .img.imgin img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  /*해외 신청페이지*/
  .network2_1 .tit {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .network2_1 .inbox {
    padding-top: 10px;
  }
  .network2_1 .inbox .tt {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .network2_1 .input em,
  .network2_1 .input .text,
  .network2_1 .input button,
  .network2_1 .select_label select,
  .network2_1 .select_label label {
    font-size: 13px;
  }
  .network2_1 .input em {
    left: 18px;
  }
  .network2_1 .input.m_pl130 {
    padding-left: 130px;
  }
  .network2_1 .input.m_pl165 {
    padding-left: 165px;
  }
  /*제품*/
  .img_area .img_slide_big {
    width: 100%;
    height: auto;
  }
  .img_area .img_slide_big .img_con {
    position: relative;
    line-height: 1;
  }
  .img_area .img_slide_big .img_con img {
    height: auto;
  }
  .img_area .img_slide_big .img_con a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .img_slide_big .img_con {
    width: 100%;
  }
  .img_slide_big .img_con.cont.on {
    height: 100%;
  }
  .zoombox {
    position: relative;
    overflow: auto;
  }
  .zoombox img {
    width: 300%;
    max-width: 1600px;
  }

  .yaks {
    padding: 20px;
    font-size: 13px;
  }
  .yaks .title {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 15px;
    margin-bottom: 20px;
  }
  .yaks .tit {
    margin: 20px 0 5px;
  }
  .yaks p {
    line-height: 22px;
  }
  .over_eml .fancybox-wrap {
    width: calc(100% - 40px) !important;
  }
  .over_eml .fancybox-inner {
    width: 100% !important;
  }
  .yaks.eml .inbox {
    padding: 20px;
  }

  /* 마이페이지 */
  .mypage .list_slide tr {
    align-items: center;
  }
  .mypage .list_slide.tbl tbody td {
    font-size: 12px;
    padding: 5px;
    flex: 1 1 50%;
    height: auto;
  }
  .mypage .list_slide tbody .btn {
    font-size: 12px;
  }

  /* 팝업 */
  .popupLayerCs {
    left: 15px !important;
    top: 100px !important;
  }
  .popupLayerCs table,
  .popupLayerCs table img {
    width: auto !important;
    max-width: calc(100vw - 30px) !important;
  }
  .popupLayerCs table tr:last-child td:first-child {
    width: 70%;
  }
  .popupLayerCs .scroll + table {
    width: 100% !important;
    max-width: 100% !important;
  }
  /* 고객문의 상세 */
  .consulting_wrap .biz .checkbox .check {
    font-size: 12px;
    right: 10px;
  }
  .consulting_wrap .biz dd .ddtt .orange {
    display: block;
    padding-left: 0;
    padding-top: 5px;
    font-size: 13px;
  }
  .consulting_wrap .biz .sct_int {
    flex-wrap: wrap;
    gap: 5px;
  }
  .consulting_wrap .biz .sct_int .select_label {
    width: 100%;
  }
  .consulting_wrap .biz .sct_int .input {
    width: 100%;
    padding-left: 10px;
  }
}

/* 가로 슬라이드 생김에 따른 수정 */
@media screen and (max-width: 622px) {
  .ir_wrap .grapth .info_line dt {
    line-height: 37px;
  }
}

/* 휴대폰 가로로 볼 때 */
@media screen and (max-height: 500px) {
  /* header */
  .header_wrap .top_banner {
    padding: 0 15px;
  }
  .header_wrap .top_banner.on {
    height: 50px;
  }
  .header_wrap .top_banner em {
    font-size: 10px;
    line-height: 14px;
  }
  .header_wrap .top_banner strong {
    font-size: 13px;
    line-height: 20px;
  }
  .header_wrap .top_banner .check {
    display: none;
  }
  .header_wrap .top_banner .btn_close {
    right: 15px;
    width: 70px;
    height: 22px;
    line-height: 22px;
    font-size: 10px;
    padding: 0 10px;
  }
  .header_wrap .top_banner .btn_close i {
    right: 10px;
  }
  .header {
    height: 50px;
    border-bottom: #ddd 1px solid;
  }
  .main .header {
    border-bottom: 0;
  }
  .header .logo {
    top: 14px;
    left: 15px;
    height: 22px;
  }
  .header .logo img,
  .header.on .logo img,
  .header.hover .logo img,
  .fp-viewing-IR .header .logo img,
  .fp-viewing-Footer .header .logo img {
    height: 44px;
    margin-top: -22px;
  }
  .header .top_btns {
    height: 50px;
    right: 60px;
  }
  .header .top_btns a {
    width: 30px;
    height: 30px;
    background-size: 90%;
  }
  .header .top_btns a.btn_langs,
  .header .top_btns a.btn_human,
  .header .top_btns a.btn_logout {
    display: none;
  }
  .header.on .top_btns .btn_search {
    display: none;
  }
  .header .mo_langs {
    position: absolute;
    top: 0;
    right: 0;
    display: flex !important;
    height: 0;
    overflow: hidden;
  }
  .header.on .mo_langs {
    height: 50px;
  }
  .header .mo_langs a {
    font-size: 12px;
    color: #111;
    line-height: 52px;
    width: auto;
    height: 50px;
    padding: 0 15px;
    border: 0;
    margin: 0;
  }
  .header .mo_langs a:before {
    top: 50%;
    width: 1px;
    height: 12px;
    border-radius: 0;
    background: #ddd;
    border: 0;
    margin-top: -6px;
  }
  .header .mo_langs a:first-child:before {
    display: none;
  }
  .header .btn_menu {
    right: 15px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
  }
  .header .btn_menu p {
    width: 30px;
    margin-left: -15px;
  }
  .header .btn_menu .t {
    margin-top: -15px;
  }
  .header .btn_menu .m {
    margin-top: -5px;
  }
  .header .btn_menu .m2 {
    margin-top: 4px;
  }
  .header .btn_menu .b {
    margin-top: 13px;
  }
  .header.on .btn_menu {
    border: 0;
  }
  .header.on .btn_menu p {
    width: 24px;
    margin-left: -12px;
  }
  .header .top_btns .btn_langs {
    width: 30px;
    height: 30px;
    margin-left: 15px;
  }
  .header .top_btns .btn_langs dd {
    top: 46px;
  }
  .total_search {
    top: 50px;
  }
  .total_search > dl {
    flex-direction: column;
    padding: 20px 15px;
  }
  .total_search > dl > dt,
  .total_search > dl > dd {
    width: 100%;
  }
  .total_search > dl > dt {
    font-size: 16px;
    line-height: 30px;
  }
  .total_search .inputs {
    height: 40px;
    padding-right: 40px;
    margin-bottom: 20px;
  }
  .total_search .inputs input {
    height: 40px;
  }
  .total_search .inputs .text {
    font-size: 13px;
    padding: 0 10px;
  }
  .total_search .inputs .btn {
    width: 40px;
    height: 40px;
  }
  .total_search .tags {
    flex-direction: column;
  }
  .total_search .tags li {
    width: 100%;
    flex: 100%;
    padding: 10px 0;
  }
  .total_search .tags .tit {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .total_search .tags .search_word {
    padding: 10px 0;
  }
  .total_search .tags .search_word .btm {
    top: 10px;
    right: 0;
    bottom: auto;
    left: auto;
    line-height: 20px;
  }
  .total_search .tags .search_word dl {
    max-height: calc(100vh - 630px);
    overflow: auto;
    display: flex;
  }
  .total_search .tags .search_word dd {
    margin-right: 10px;
  }
  .total_search .btn_close {
    bottom: -40px;
  }
  .header .sitemap {
    padding-top: 50px;
  }
  .inbanner .header .sitemap {
    height: calc(var(--vh, 1vh) * 100);
  }
  .header .sitemap .outer {
    align-items: flex-start;
  }
  .header .sitemap .inner {
    padding: 0;
  }
  .header .sitemap .tit {
    display: none;
  }
  .header .sitemap ul {
    flex-direction: column;
  }
  .header .sitemap li {
    width: 100% !important;
    padding: 0 !important;
    border-bottom: #ddd 1px solid;
  }
  .header .sitemap li:last-child {
    border-bottom: #ddd 1px solid;
  }
  .header .sitemap li > a {
    position: relative;
    top: 0;
    line-height: 36px;
    font-weight: 900;
    padding: 0 15px;
  }
  .header .sitemap li > a.pc_vw {
    display: none;
  }
  .header .sitemap li > a.mo_vw {
    display: block !important;
  }
  .header .sitemap li > a i {
    position: absolute;
    top: 0;
    right: 15px;
    width: 10px;
    height: 100%;
  }
  .header .sitemap li > a i:before,
  .header .sitemap li > a i:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 2px;
    background: #333;
    margin-top: -1px;
    transition: 0.2s linear;
  }
  .header .sitemap li > a i:before {
    transform: rotate(45deg);
    margin-left: -6px;
  }
  .header .sitemap li > a i:after {
    transform: rotate(-45deg);
    margin-left: -2px;
  }
  .header .sitemap li.open > a i:before,
  .header .sitemap li.on > a i:before {
    transform: rotate(-45deg);
  }
  .header .sitemap li.open > a i:after,
  .header .sitemap li.on > a i:after {
    transform: rotate(45deg);
  }
  .header .sitemap li.on.open > a i:before {
    transform: rotate(45deg);
  }
  .header .sitemap li.on.open > a i:after {
    transform: rotate(-45deg);
  }
  .header .sitemap li .snb {
    border-top: #ddd 1px solid;
    background: #fbfbfb;
    display: none;
    gap: 10px;
    height: 0;
    overflow: hidden;
    transition: none;
    padding: 0 5px;
  }
  .header .sitemap li .snb a {
    font-size: 13px;
    padding: 5px 10px;
  }
  .header .sitemap li.open .snb,
  .header .sitemap li.on .snb {
    display: flex !important;
    height: 31px;
  }
  .header .sitemap .btns {
    display: flex !important;
    align-items: center;
    border-bottom: #ddd 1px solid;
    border-top: #ddd 1px solid;
  }
  .header .sitemap .btns a {
    position: relative;
    font-size: 13px;
    color: #111;
    line-height: 30px;
    width: 50%;
    text-align: center;
    font-weight: 600;
  }
  .header .sitemap .btns a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 12px;
    background: #ddd;
    margin-top: -6px;
  }
  .header .sitemap .btns a:first-child:before {
    display: none;
  }

  .mvisual_wrap .scroll {
    left: 5px;
  }

  .mc01_side_slide .swiper-pagination {
    top: 10px;
    left: 10px;
  }
  .mc01_side_slide .txt p {
    margin: 10px 0;
    line-height: 18px;
  }
  .mc01_side_slide .txt .more {
    font-size: 15px;
    line-height: 30px;
    height: 30px;
  }
  .mc01_side_slide .swiper_arrow {
    bottom: 10px;
  }
  .mc01_side_slide .swiper-button-prev {
    margin-left: 60px;
  }
  .mc01_side_slide .swiper-button-next {
    margin-right: -130px;
  }

  .mir_wrap {
    padding-top: 30px;
  }
  .mir_wrap .tit {
    position: relative;
    top: 0;
    margin-bottom: 40px;
    z-index: 1;
    padding: 0;
  }
  .mc02_wrap {
    margin-top: 0;
  }
  .mc02_wrap .ot_arrows a,
  #mainContent .mc02_wrap .slick-arrow,
  #mainContent .mc02_wrap .custom_paging {
    top: 30px;
  }
  #mainContent .mc02_wrap .buttons {
    top: 140px;
  }
  #mainContent .mc02_wrap .probar_box {
    top: 150px;
  }
  .mc02_slide a {
    width: 200px !important;
    height: 267px;
  }
  .mc02_slide a > em {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 11px;
    margin-bottom: 0;
  }
  .mc02_slide a .img {
    top: 25px;
    width: 100%;
    height: 120px;
  }
  .mc02_slide a .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mc02_slide a .txt {
    padding: 10px;
  }
  .mc02_slide a .txt .tt {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }
  .mc02_slide a .btm {
    font-size: 12px;
    margin-top: 10px;
  }

  .mservice #con1 {
    margin: 30px 0 50px;
  }
  .mservice .con .txt {
    margin-bottom: 20px;
  }
  .mservice .con .txt strong {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  .mservice .con .txt p {
    font-size: 15px;
    margin-top: 5px;
  }
  .mservice .servicebox {
    padding: 0 20px 20px;
  }
  .mservice .servicebox ul {
    display: flex;
    gap: 0 20px;
    flex-wrap: wrap;
    padding: 0;
  }
  .mservice .servicebox ul li {
    width: calc(50% - 10px);
    height: 120px;
  }
  .mservice .servicebox ul li:nth-child(1),
  .mservice ul.servicebox li:nth-child(2) {
    margin-bottom: 20px;
  }
  .mservice .servicebox ul li h3 {
    top: 20px;
    left: 20px;
    font-size: 18px;
  }
  .mservice .servicebox ul li p.right_font {
    top: 20px;
    right: 20px;
    font-size: 15px;
  }
  .mservice .servicebox ul li p.down_txt {
    bottom: 20px;
    left: 20px;
    font-size: 14px !important;
  }
  .mservice .servicebox ul li img {
    bottom: 20px;
    right: 20px;
  }

  /* .popupLayerCs .scroll {overflow:hidden auto; max-height:calc(100vw - 65px);} */
  .popupLayerCs {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
  }
  .popupLayerCs > table {
    width: auto !important;
    height: auto !important;
  }
  .popupLayerCs img {
    width: auto !important;
    max-width: calc(100vw - 60px);
    max-height: calc(100vh - 60px);
  }
}
@media screen and (max-width: 767px) and (max-height: 500px) {
  .mc02_wrap .ot_arrows a,
  #mainContent .mc02_wrap .slick-arrow,
  #mainContent .mc02_wrap .custom_paging {
    top: 50px;
  }
  #mainContent .mc02_wrap .buttons {
    top: -30px;
  }
  #mainContent .mc02_wrap .probar_box {
    top: -20px;
  }
  .mc02_slide a .img {
    top: 0;
  }
}