@media screen and (max-width: 410px) {
  .dell-tabmenu {
    padding: 7px 10px;
  }
  .firewall-effect-box {
    font-size: 12px !important;
    padding: 23px 0 19px 75px !important;
  }
  .firewall-effect-box-span {
    padding: 15px 0 10px 75px !important;
  }
  .modal-content {padding: 40px 20px 80px !important;}
  .modal-p {max-width: 280px;}
}

@media screen and (max-width: 620px) {
  .dell-workstation-left, .dell-workstation-right {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .dell-workstation-right {
    border-top: 1px solid #dee2e6;
    padding-top: 20px;
  }
  .oracle-cloud-container h2 {
    font-family: sb, sans-serif;
    font-size: 17px;
    margin-bottom: 30px;
  }
  .oracle-cloud-wrapper, .oracle-cloud-wrapper:first-of-type {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
  }
  .right-people-box {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .right-people-box p {
    font-size: 18px !important;
  }
  .right-people-box-line {
    display: none;
  }
  .right-people-box h2 {
    font-family: sb, sans-serif;
    text-align: left;
    margin-bottom: 20px;
  }
  .right-people-box-line-m {
    display: block !important;
  }
  .benefit:nth-of-type(2) {margin-right: 0;}
  .webfirewall-top h2:first-of-type {display: none;}
  .webfirewall-top h2:last-of-type {
    font-family: sb, sans-serif;
    width: 100%;
    display: block !important;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .webfirewall-top p {
    width: 100%;
    display: block;
    margin-left: 0;
  }
  .webfirewall-bottom p {
    font-family: sr, sans-serif;
    width: 100%;
    margin-bottom: 10px;
  }
  .webfirewall-img {
    width: 100%;
    margin-left: 0;
  }
  .webfirewall-spec-ks div {width: 100%;margin-bottom: 40px;}
  .webfirewall-spec-ks div:last-of-type {margin-left: 0;margin-bottom: 0;}
  .apt-lineup-left, .apt-lineup-right {
    width: 100%;
    display: block;
    margin-right: 0;
    padding-right: 0;
  }
  .apt-lineup-left, .apt-lineup-title {margin-bottom: 40px;}
  .apt-lineup-container h1 {font-size: 18px; margin-bottom: 20px !important;}
  .tomms-func-right, .tomms-func-left {width: 100%;display: block;}
  .news-img-area {display: none;}
  .news-content-area {width: 100%; margin-right: 0;}
  .news-wrapper ul li p {margin-top: 3px;}
  .news-wrapper ul li span, .news-header span {font-family: sr, sans-serif;margin-top: 10px;}
  .news-wrapper ul li:not(hover) {padding: 15px 0;}
  .history-contents, .history-year {width: 100%;}
  .history-year h2 {margin-bottom: 10px;}
}

@media screen and (max-width: 700px) {
  footer .footer-contents {
    width: 100%;
    display: block;
  }
  .footer-logo-container {
    display: none;
  }
  .right-people-box p {
    font-size: 15px;
  }
  .abo-summary-left {
    width: 100%;
  }
  .abo-summary-right {
    display: none;
  }
  .biz-summary, .abo-summary, .abo-wrapper {
    margin: 50px auto 60px;
  }
  ul.bxrcloud-features, ul.bxrdlp-features {
    flex-flow: row wrap;
  }
  ul.bxrcloud-features li, ul.bxrdlp-features li {
    width: 46.5%;
    margin: 0 5px 30px 5px;
  }
  ul.bxrdlp-features li {padding: 0;}
  .bxr-functions li h2 {margin: 10px 0 5px;}
  table.bxr-enter-spec {
    min-width: 500px;
  }
  .firewall-feature > li {
    max-width: 46%;
  }
  .si-contents-left, .si-contents-right {
    display: block !important;
    width: 100% !important;
  }
  .si-contents-container {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .si-contents-container h2 {
    font-family: sb, sans-serif;
    margin-bottom: 20px;
  }
  .si-box-wrapper {
    width: 48% !important;
  }
  .josscm-p {
    display: block;
    margin-left: 0 !important;
  }
  .dell-desktop-container {
    flex-flow: column nowrap;
    margin: 25px 0 0;
    padding-top: 25px;
  }
  .dell-desktop-box {
    width: 100%;
    margin-bottom: 20px;
  }
  .dell-desktop-box:last-of-type {
    margin-bottom: 0;
  }
  .oracle-cloud-feature {
    width: 45%;
  }
  .nac-features div {width: 45%;}
  .brand-info-3 ul {flex-flow: column nowrap;}
  .brand-info-3 ul li:first-child {
    width: 100%;
    height: 250px;
    margin: 0 auto;
  }
  .brand-info-3 ul li:last-child {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
  .brand-info-1 ul li:first-child {margin-right: 20px;}
}

@media screen and (max-width: 800px) {
  .nav-default {display: none;}
  .main-sns-ul {flex-flow: row wrap;}
  .main-sns-ul li {width: 100%; padding: 20px; margin: 0;}
  .right-people-box {margin-right: 4%;}
  .biz-summary-right {display: none;}
  .biz-summary-left {width: 100%;}
  .btn-openNav {display: block;}
  .si-box-wrapper {width: 48%;}
  .ul-partner li {width: 25%;}
  .main-sns-ul li:not(hover) {width: 100%;}
}
@media screen and (min-width: 800px) {
  #nav-hamburger {display: none;}
}

@media screen and (max-width: 960px) {
  .si-box-wrapper {
    width: 32.9%;
    margin-bottom: 20px;
  }
  .firewall-effect-wrapper {
    width: 100% !important;
  }
  .firewall-effect-container-arrow {
    transform: rotate(90deg);
    width: 8%;
    padding: 0;
    margin: 0 0 10px !important;
  }
}

@media screen and (max-width: 1024px) {
  .main-divline:nth-of-type(n+1) {
    display: none;
  }
  .main-bizarea .main-bizarea-box h2 {
    font-size: 15px;
  }
  .main-bizarea .main-bizarea-box span {
    font-size: 12px;
  }
  .benefit-wrapper {
    text-align: left;
  }
  .firewall-effect-wrapper {
    width: 42%;
  }
  .firewall-effect-box {
    font-size: 13px;
    padding: 21px 20px 19px 80px;
  }
  .firewall-effect-box-span {
    padding: 13px 0 10px 80px;
  }
  .firewall-effect-container-arrow {
    margin: 0 2%;
  }
}

@media screen and (max-width: 1040px) {
  .contact-left {
    width: 100%;
    display: block;
    margin-bottom: 40px;
  }
  .contact-right {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .brand-info-1 ul li:first-child, .brand-info-2 img:first-child {display: none;}
  .brand-info-2 img:last-child {display: block;}
}


@media screen and (max-width: 480px) {
  html, body {
    letter-spacing: -0.7px;
  }
  h1, h2, h3, h4, h5, p, span {
    font-weight: normal !important;
    line-height: 1.3;
  }
  p {
    line-height: 1.5;
  }
  b {
    font-family: sb, sans-serif;
    letter-spacing: -1px;
  }
  .main-bizarea {
    border-bottom: none;
  }
  .main-bizarea .main-bizarea-box:not(hover) {
    width: 47%;
    height: auto;
    margin: 2px 0;
    padding: 0 0 20px;
    border: 1px solid #e9ecef;
  }
  .main-bizarea .main-bizarea-box:hover {
    border: 1px solid #2196f3;
  }
  .main-bizarea h1 {
    display: block !important;
    margin-bottom: 30px;
  }
  .main-aboutus {
    margin: 70px 0 80px;
  }
  .main-aboutus img {
    margin-bottom: 10px;
  }
  #icon-scroll-down-m {
    display: block !important;
  }
  #icon-scroll-down-web {
    display: none;
  }
  .icon-scroll-wrapper span {
    font-family: sr, sans-serif;
    font-size: 12px;
    color: #adb5bd;
  }
  .main-bizarea .main-bizarea-box h2 {
    font-family: sb, sans-serif;
    font-size: 15px;
  }
  .main-bizarea .main-bizarea-box span {
    font-family: sr, sans-serif;
    font-size: 12px;
  }
  .slide-cont h1 {
    font-family: sb, sans-serif;
    font-size: 30px;
  }
  .main-products h1, .main-customers h1, .main-sns-container h1 {
    font-family: sb, sans-serif;
  }
  .main-products ul li img, .biz-main-container ul li img {
    width: 100px;
    max-height: 25px !important;
    bottom: 15px;
    right: 15px;
  }
  .biz-main-container ul li img {
    max-height: 30px !important;
  }
  .main-products ul li:not(hover) {
    min-width: 170px;
    height: 110px;
  }
  .biz-main-container ul li:not(hover) {
    width: 100%;
  }
  #dbsafer-logo {
    width: 115px !important;
  }
  .biz-main-container ul {
    padding: 0 20px;
  }
  .main-products ul li h2, .biz-main-container ul li h2 {
    margin: 15px 0 0 16px;
  }
  .blog-wrapper h1 {
    display: block;
    margin: 10px 0 0 0;
  }
  footer {margin-top: 100px;}
  footer .footer-contents {
    width: 100%;
    margin: 30px auto;
    line-height: 1.5;
  }
  footer .footer-contents div, .link-groupware a {
    margin: 0;
    font-weight: normal !important;
  }
  .footer-logo-container {
    width: 100%;
    margin: 0 auto 70px;
  }
  footer .footer-wrapper {padding: 0 20px 20px;}
  #main-logo {margin: 18px 40px 18px 0;}
  #main-logo img {height: 24px;}
  .nav-wrapper {padding: 0 30px;}
  .main-header {margin-top: 62px;}
  #nav-hamburger {padding: 25px;}
  .slide-img-cont {width: 72%;}
  .customer-img {margin: 5px 10px;}
  .customer-img img {
    max-width: 60px !important;
    max-height: 15px !important;
  }
  .slide-cont-img-1 img {max-width: 80px !important;}
  .slide-cont-img-2 img {max-width: 60px !important;}
  .abo-summary h1 span, .abo-summary table tr td:first-child, .abo-aboutus-summary h1 span,
  .abo-vision h1 span {font-family: sb, sans-serif;}
  .abo-summary table tr td:first-child {padding: 10px 15px 10px 0;}
  .recruit-summary table tr td:first-child {padding: 0 15px 0 0;}
  .abo-aboutus-summary p, .abo-vision p {
    font-family: sr, sans-serif;
    font-size: 16px;
    line-height: 1.3;
    margin: 20px 0 50px;
  }
  .abo-vision .abo-wrapper {padding: 60px 20px;}
  .abo-vision ul {flex-flow: column wrap;}
  .vision-line {display: none;}
  .abo-vision ul p {margin: 6px 0 30px;}
  .abo-vision ul li:last-of-type p {margin: 6px 0 0;}
  .abo-vision ul h2, .right-people-box p, .contact-wrapper p, table.contact-table tr td,
  .apt-lineup-title h2 span, .main-sns-ul li span {font-family: sr, sans-serif;}
  .abo-goals li {
    max-width: 400px;
    margin-bottom: 20px;
  }
  .abo-goals li:last-of-type {margin-bottom: 0;}
  .abo-goals li h2 {margin: 10px 0 8px;}
  .abo-goals li p {max-width: 400px;}
  .biz-header, .abo-header {
    height: 140px;
    margin-top: 64px;
    padding: 51px 0;
  }
  .biz-header h1, .abo-header h1 {
    font-size: 27px;
    line-height: 1;
  }
  .business-line, .abo-header h1 .business-line {height: 20px;}
  .ceo-introduce {
    padding: 50px 20px;
    margin: 20px auto;
  }
  .ceo-introduce h1 span {font-family: sr, sans-serif;}
  .history-summary h1 {font-family: sb, sans-serif;font-size: 18px;}
  .history-container div {display: block;}
  .history-container {padding-top: 10px;}
  .history-contents ul li {font-weight: normal;}
  .ul-privacy img {left: 20px;}
  .biz-tabmenu .biz-tabmenu-wrapper {text-align: center;}
  .btn {
    font-family: sr, sans-serif;
    font-weight: normal;
    letter-spacing: -0.5px;
    /* padding: 15px 42px 15px 30px; */
  }
  ul.bxr-flow {flex-flow: row wrap;}
  ul.bxr-flow li {
    width: 100%;
    margin-right: 0;
    padding: 0;
  }
  ul.bxr-flow li:nth-of-type(2n) {
    padding: 10px 0;
    margin: 10px 0 20px;
    margin-right: 0;
    transform: rotate(90deg);
    color: #ced4da;
  }
  .biz-wrapper h1 {margin-bottom: 40px;}
  .biz-wrapper h1, ul.bxr-flow li h1, .bxr-functions li h2 {font-family: sb, sans-serif;}
  .bxr-functions {flex-flow: row wrap; margin: 40px auto;}
  .bxr-functions > li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0;
    border: none;
  }
  table.bxr-enter-spec-m, .bxr-enter-spec-m-title {display: block !important;}
  table.bxr-enter-spec {display: none;}
  ul.bxrcloud-features li {
    width: 100%;
    margin: 0 0 30px 0;
  }
  ul.bxrcloud-features li p {
    max-width: 100%;
    margin-top: 10px;
  }
  .biz-wrapper {margin: 60px auto;}
  .nav-mini-alone {margin-top: 64px;}
  .biz-summary p {margin: 20px 0;}
  table.bxr-enter-spec tbody td {padding: 10px 30px; width: 100%;}
  .firewall-feature > li {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .firewall-feature h2, .apt-feature-ul h2, .apt-feature-ul h3,
  .dell-workstation-right h3, .dell-desktop-box h3, .dell-container h2, .nac-features h3,
  .db-contents h2, .db-contents-sub h2, .firewall-effect-box div, .apt-diagram h2,
  .link-groupware a, footer .footer-contents div:first-of-type, .nac-functions h2,
  table.mangdiv-table tr:first-of-type td, table.mangdiv-table th, .oracle-func h2,
  table.bxr-enter-spec tbody th, .abo-aboutus-summary h1, .abo-vision h1,.recruit-summary h1,
  .recruit-wrapper h1, ul.recruit-flow li h2, .contact-wrapper h1, .abo-summary h1,
  .biz-main-wrapper h1, .main-products ul li h2, .biz-main-container ul li h2,
  .map h1, .si-summary h1, table.nac-ope thead, ul.bxrcloud-features li h2,.apt-diagram p span,
  .modal-title, .history-year h2 {font-family: sb, sans-serif;}
  .two-btn {
    width: 49%;
    word-break: keep-all;
    padding: 16px 9% 16px 4% !important;
  }
  .two-btn i {right: 10%;}
  .biz-wrapper > p {margin: 10px 0 40px;}
  .oracle-cloud-feature {
    width: 100%;
    padding-bottom: 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #e9ecef;
  }
  .oracle-cloud-feature-right p {padding-right: 10px;}
  .joeun-value {display: none;}
  .joeun-value-m {display: block !important;}
  .ul-partner li {
    width: 50%;
    padding: 7% 5%;
  }
  .abo-summary table tr, .recruit-summary p {vertical-align: text-bottom;}
  .recruit-summary table tr td {line-height: 1.5;}
  .benefit {font-size: 16px;font-weight: normal;font-family: sr, sans-serif;}
  ul.recruit-flow li {
    width: 100%;
    margin-right: 0;
    padding: 5px 13%;
    text-align: left;
  }
  ul.recruit-flow li:nth-of-type(2), ul.recruit-flow li:nth-of-type(4), ul.recruit-flow li:nth-of-type(6) {
    display: none;
    padding: 0;
    margin: 5px 0 25px 0;
    transform: rotate(90deg);
  }
  ul.recruit-flow {margin: 50px auto;}
  .recruit-wrapper h1 {margin-bottom: 60px !important;}
  ul.nac-func-ul li h3, .biz-main-wrapper span {font-family: sr, sans-serif;}
  table.contact-table tr td:first-child, .contact-wrapper h2 {font-family: sb, sans-serif;font-weight: normal;}
  table.contact-table tr td, .firewall-feature > li ul li, table.nac-ope tr td {font-weight: normal;}
  .biz-lineup-table-mobile {display: block !important;}
  .biz-lineup-table-title, .biz-lineup-table {display: none;}
  .biz-lineup-table-mobile h2, .mang-item h2 {font-family: sb, sans-serif; margin-bottom: 10px;}
  .apt-feature-ul {flex-flow: column wrap;}
  .apt-feature {margin-right: 0; margin-bottom: 40px;}
  .apt-feature:last-of-type {margin-bottom: 0;}
  .apt-feature-ul h3 {margin: 10px 0 3px;}
  .apt-feature-ul h2 {margin-bottom: 20px;}
  .nac-container h2, .nac-diagram h2 {font-family: sb, sans-serif; font-size: 17px; margin-bottom: 20px;}
  .nac-container img, .nac-diagram img {width: 100%;}
  .nac-features p {max-width: 500px;}
  .db-contents {margin: 20px 0 0 !important;}
  .mangdiv-compare {font-family: sb, sans-serif; font-size: 16px; text-align: center;}
  .firewall-feature h2 {margin-bottom: 10px;}
  .firewall-effect-wrapper h1 {margin-bottom: 20px;}
  .firewall-effect-box, .mang-item ul li, table.mangdiv-table th, table.mangdiv-table tr td,
  table.mangdiv-table tr td, table.mangdiv-table tr:first-of-type td, table.bxr-enter-spec tbody td,
  table.bxr-enter-spec tbody th, table.tomms-table tbody td {font-weight: normal;}
  .firewall-effect-box span {font-size: 11px;}
  .firewall-effect-box div {padding: 23px 26px;}
  .apt-lineup-title h2 {font-family: sb, sans-serif; font-size: 18px;margin-right: 0; display: block;}
  .link-groupware a:hover {color: #868e96;}
  .nac-features div, ul.nac-func-ul-list li {width: 100%;}
  ul.nac-func-ul > li {margin: 0 0 20px 0;}
  .nac-functions h2 {margin-bottom: 30px;}
  .nac-functions {margin-bottom: 40px;}
  .nac-diagram-disc ul li {width: 100%; margin-right: 0;}
  .oracle-func p {
    font-family: sr, sans-serif;
    color: #868e96;
    margin: 7px 0 10px;
    padding-bottom: 10px;
  }
  .oracle-func-box {
    border: none;
    border-top: 1px solid #495057;
    padding: 10px 0 0 0;
    margin-bottom: 60px;
  }
  .oracle-func h3 {margin: 7px 0 0;}
  table.mangdiv-table tr td {padding: 10px;}
  .cert-wrapper div img {margin-bottom: 5px;}
  .abo-aboutus-summary h1 span, table.contact-table tr td:first-child {color: #495057;}
  .abo-vision h1 span {color: #fff;}
  .abo-goals {margin-top: 50px;}
  ul.recruit-flow li h2, ul.recruit-flow li p {display: inline-block;}
  ul.recruit-flow li p {margin-left: 3px;}
  .recruit-flow-text {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
    padding: 6px 0 13px;
  }
  .recruit-flow-text h1, .recruit-flow-text p {text-align: left !important;}
  ul.recruit-flow li img {width: 60px;}
  table.contact-table, .contact-wrapper p {margin-top: 10px;}
  .contact-left .abo-summary-line {margin: 30px 0;}
  .contact-wrapper {padding: 50px 20px;}
  .biz-main-container {margin: 20px auto;}
  .main-products ul li:not(hover), .biz-main-container ul li:not(hover) {height: 110px;}
  .main-products, .main-customers, .main-sns {padding: 60px 0;}
  .map_info p {font-family: sl, sans-serif; margin-bottom: 30px;}
  .map {margin: 60px auto 0;}
  .webfirewall-feature-wrapper {margin: 50px auto; padding-bottom: 50px;}
  .swiper-container {height: 90% !important;}
  .swiper-container-customers {height: 130px !important;}
  .icon-scroll-wrapper {margin: 10px auto 0;}
  .aboutus-left h1 {font-family: sl, sans-serif !important;}
  .abo-goals li {height: 160px !important;}
  .partner-wrapper h1 {font-size: 27px;}
  .ul-partner {margin-top: 30px;}
  .main-bizarea h3 {font-family: sb, sans-serif;font-size: 27px;}
  .bizarea {margin: 70px auto;}
  ul.bxr-flow li h1 {margin: 15px 0 5px;}
  ul.bxr-flow li p {margin-top: 5px;}
  .bxr-func-left {
    width: 27%;
    padding-top: 22px;
    display: inline-block;
    vertical-align: top;
  }
  .bxr-expect .bxr-func-left {padding-top: 0 !important;}
  .bxr-func-right {
    width: 64%;
    text-align: left;
    margin-left: 8%;
    display: inline-block;
    vertical-align: top;
  }
  ul.bxr-expect li {padding: 0;}
  ul.bxrfilter-features li h2 {margin-top: 10px;}
  ul.bxrfilter-features li {
    width: 50%;
    height: 170px;
  }
  .firewall-feature-wrapper {
    margin-top: 30px;
    padding-top: 20px;
  }
  .apt-lineup-right p, .apt-lineup-left p {margin-bottom: 15px;}
  .nac-features {
    margin: 30px auto 0;
    padding-top: 30px;
    border-top: 1px solid #7fbe26;
  }
  .nac-features h3 {margin: 10px 0 2px;}
  .nac-features div {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .secupolicy-func {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
  .dell-container img {margin-top: 20px;}
  .news-wrapper, .news-content-wrapper {margin: 20px auto 70px;}
  .news-wrapper ul li h1, .news-header h1 {font-family: sb, sans-serif;font-size: 17px;}
  .news-header {padding-top: 30px; margin-bottom: 30px; padding-bottom: 30px;}
  .news-wrapper ul li:hover {
    color: #495057 !important;
    border-bottom: 1px solid #dee2e6 !important;
    transition: all 0.1s linear;
  }
  .main-sns-ul li a {font-family: sb, sans-serif;font-weight: normal;}
  .modal-content {padding: 50px 45px;}
  .product-inquiry-m {display: block;}
  .product-inquiry-m i {margin-left: 0;}
  .product-inquiry {display: none;}
  #download-logo-all {display: none;}
  .brand-info-1 ul {margin: 20px auto 50px;}
  .brand-info-2 img {margin: 50px auto 100px;}
  .brand-info-3 ul li:first-child {height: 150px;}
  .logotype-usage ul li, .logotype ul li {width: 100%;}
  .logotype ul li .logo-box {margin: 0;}
}