@media only screen and (min-width: 480px) {
  body {
    font-size: 18px;
  }
  h3 {
    font-size: 38px;
  }
  h4 {
    font-size: 30px;
  }
  .telework-5 ul li figure figcaption {
    font-size: 24px;
  }
  ul.telework-7-wrap {
    width: 360px;
    padding: 0;
  }
  ul.telework-7-wrap li a span {
    font-size: 21px
  }
  .telework-7-copy h4 {
    font-size: 0.8rem;
  }
  .telework-7-copy h4 {
    font-size: 0.72rem;
  }
  html[lang="kr-KR"] .telework-1 .telework-copy h2 {
    font-size: 1.2rem;
  }
  html[lang="kr-KR"] .telework-5 hgroup {
    padding: 5% 5% 0;
  }
  html[lang="kr-KR"] .telework-5 hgroup + figure {
    padding-top: 0;
  }
  html[lang="kr-KR"] .telework-5 ul {
    margin: 5% 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .min-d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .min-media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .min-media-body {
    -ms-flex: 1;
    flex: 1;
  }
  nav {
    padding: 2%;
  }
  body {
    font-size: 0.24705882352941178rem
  }
  h3 {
    font-size: 0.49411764705882355rem;
  }
  h3.color-red span {
    -webkit-text-stroke: 0.07058823529411765rem #fff;
  }
  .drop-shadow {
    -webkit-filter: drop-shadow(0.058823529411764705rem 0.11764705882352941rem 0.11764705882352941rem rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0.058823529411764705rem 0.11764705882352941rem 0.11764705882352941rem rgba(0, 0, 0, 0.25))
  }
  .logo {
    width: 2.4705882352941178rem;
    margin: 0 0 0.29411764705882354rem;
  }
  .hero-title {
    padding: 5% 0 25% 24%
  }
  .hero-people {
    width: 50%;
  }
  .telework-copy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 10% 0 43%;
  }
  h3.color-orange, h3.color-blue {
    padding: 0 0 0 10%;
    margin: 0;
    text-align: left
  }
  h3.color-blue {
    text-align: right;
    padding: 8% 10% 2% 0;
  }
  .hero-title h1 {
    font-size: 1.1294117647058823rem;
  }
  .hero-title h1:last-of-type {
    font-size: 3.0823529411764707rem;
  }
  .telework-1 .telework-copy h2 {
    font-size: 0.7294117647058823rem;
  }
  .telework-1 .telework-copy p {
    font-size: 0.4470588235294118rem;
  }
  .telework-1 .telework-copy {
    padding: 0 5% 0 43%;
  }
  .telework-2 .row figure img, .telework-3 .row figure img {
    webkit-box-shadow: 0.12941176470588237rem 0.15294117647058825rem 0.3176470588235294rem 0.07058823529411765rem rgba(0, 0, 0, 0.08);
    box-shadow: 0.12941176470588237rem 0.15294117647058825rem 0.3176470588235294rem 0.07058823529411765rem rgba(0, 0, 0, 0.08);
  }
  .telework-2, .telework-3 {
    padding: 0 8%;
  }
  .telework-2 .row figure:first-of-type {
    padding-top: 7%;
  }
  .telework-2 .row figure, .telework-3 .row figure {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 0;
    padding: 0 2%;
  }
  .telework-2 ul, .telework-3 ul {
    padding: 0 0 0 3.8%;
  }
  .telework-4 figure.telework-4-img img {
    border-top: 0.11764705882352941rem solid #fff;
    border-bottom: 0.11764705882352941rem solid #fff;
  }
  .telework-4 figure img, .telework-5 ul li figure img, .telework-6 figure img {
    -webkit-filter: drop-shadow(0.058823529411764705rem 0.11764705882352941rem 0.11764705882352941rem rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0.058823529411764705rem 0.11764705882352941rem 0.11764705882352941rem rgba(0, 0, 0, 0.25))
  }
  .telework-4 .row figure {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .telework-4:before {
    top: -6.2%;
  }
  .telework-4 .row figure:first-of-type {
    padding: 0 2% 0 0
  }
  .telework-4 .row figure:first-of-type img {
    border-left: none;
  }
  .telework-4-img {
    margin-bottom: 2%
  }
  .telework-4 figcaption {
    padding: 3% 0 0 10%;
  }
  .telework-4 .row figure:last-of-type {
    padding: 0 0 3% 5%
  }
  .telework-4 .row figure:last-of-type span:last-of-type {
    margin-right: -10px
  }
  .telework-5 ul li figure figcaption {
    font-size: 0.3058823529411765rem;
  }
  .telework-5 hgroup h4 {
    font-size: 0.4470588235294118rem;
  }
  .telework-5 hgroup {
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translateX(-50%);
  }
  .telework-5 {
    padding: 0 0 5%;
  }
  .telework-5 ul, html[lang="kr-KR"] .telework-5 ul {
    margin: -12% 0 0 0;
  }
  .telework-5 ul li figure {
    width: 45%;
  }
  .telework-5 ul li:nth-child(2):before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -10%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 89%;
    z-index: -1;
    background: #F2F9FA;
  }
  .telework-5 ul li p {
    width: 30%;
    padding: 0 1% 0 0
  }
  .telework-5 hgroup {
    padding: 0
  }
  .telework-5 hgroup + figure {
    margin-top: 0;
  }
  .telework-5 figure:first-child {
    margin-top: 0;
    padding: 0 2% 0 0;
    overflow: inherit
  }
  .telework-5 ul li:nth-child(1) figure:nth-child(1) figcaption {
    padding-left: 5%;
  }
  .telework-5 ul li figure figcaption {
    text-align: center
  }
  .telework-5 ul li figure {
    padding: 0;
  }
  .telework-6 h3 span {
    -webkit-text-stroke: 0.07058823529411765rem #3da4a4;
  }
  .telework-6 h4 {
    font-size: 0.4470588235294118rem;
  }
  .telework-6 h3 br {
    display: none
  }
  .telework-6 figure {
    padding: 0 10%;
  }
  .telework-7 hgroup h4 {
    font-size: 0.32941176470588235rem;
  }
  .telework-7-copy h4 {
    font-size: 0.3058823529411765rem
  }
  .series-title {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    text-align: left;
  }
  .telework-7 {
    padding: 10% 5% 0;
  }
  ul.telework-7-wrap {
    width: 100%;
  }
  ul.telework-7-wrap li a {
    margin-bottom: 0;
  }
  ul.telework-7-wrap li a:hover .buy-now:after {
    animation: .7s ball-jump infinite ease-in-out;
  }
  ul.telework-7-wrap li a span {
    font-size: 0.25rem;
    border-width: 0.03571428571428571rem;
  }
  ul.telework-7-wrap:nth-of-type(3) {
    padding-top: 8%;
  }
  ul.telework-7-wrap li {
    width: 31%
  }
  ul.telework-7-wrap:nth-of-type(2) li:nth-of-type(1) {
    margin: 0 2% 0 25%;
    padding-top: 6%;
  }
  ul.telework-7-wrap:nth-of-type(1) li:nth-of-type(1) {
    margin-right: 2%
  }
  ul.telework-7-wrap:nth-of-type(1) li:nth-of-type(1), ul.telework-7-wrap:nth-of-type(3) li:nth-of-type(1) {
    padding-top: 12%;
  }
  ul.telework-7-wrap:nth-of-type(1) li:nth-of-type(2), ul.telework-7-wrap:nth-of-type(3) li:nth-of-type(2) {
    margin-right: 5%;
    padding-top: 6%;
  }
  .belvel-top {
    top: -10%;
  }
  .business {
    left: inherit;
    right: 5%;
    color: #339b9c
  }
  .webcam {
    left: 64%;
  }
  .microphones {
    top: 52%;
    left: 12%;
  }
  footer {
    text-align: right;
    padding-right: 5%;
  }
  /******** KR ***************************************************************************************************/
  html[lang="kr-KR"] h3 {
    font-size: 0.6rem;
  }
  html[lang="kr-KR"] .hero-title {
    padding: 5% 6% 25% 42%;
    text-align: center
  }
  html[lang="kr-KR"] .telework-5 hgroup {
    transform: translateX(-45%);
    padding: 0;
  }
  html[lang="kr-KR"] .telework-5 hgroup + figure {
    padding-top: 12%;
  }
  html[lang="kr-KR"] .telework-6 h3 br {
    display: block;
  }
  html[lang="kr-KR"] .webcam {
    left: 71%;
  }
  html[lang="kr-KR"] .telework-1 .telework-copy h2 {
    font-size: 0.65rem;
  }
  html[lang="kr-KR"] .hero-title h1:last-of-type {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 1366px) {
  body {
    font-size: 21px;
    background-color: #dedede
  }
  h3 {
    font-size: 42px;
  }
  h3.color-red span {
    -webkit-text-stroke: 6px #fff;
  }
  .drop-shadow {
    -webkit-filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.25))
  }
  main {
    margin: 0 auto;
    max-width: 1366px;
    background-color: #fff;
    z-index: 1
  }
  .logo {
    width: 260px;
    margin: 0 0 25px;
  }
  .hero-title h1 {
    font-size: 96px;
  }
  .hero-title h1:last-of-type {
    font-size: 262px;
  }
  .telework-1 .telework-copy h2 {
    font-size: 62px;
  }
  .telework-1 .telework-copy p {
    font-size: 38px;
  }
  .telework-2 .row figure img, .telework-3 .row figure img {
    webkit-box-shadow: 11px 13px 27px 6px rgba(0, 0, 0, 0.08);
    box-shadow: 11px 13px 27px 6px rgba(0, 0, 0, 0.08);
  }
  .telework-4 figure.telework-4-img img {
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
  }
  .telework-4 figure img, .telework-5 ul li figure img, .telework-6 figure img {
    -webkit-filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(5px 10px 10px rgba(0, 0, 0, 0.25))
  }
  .telework-5 ul li figure figcaption {
    font-size: 26px;
  }
  .telework-5 hgroup h4 {
    font-size: 38px;
  }
  .telework-6 h3 span {
    -webkit-text-stroke: 6px #3da4a4;
  }
  .telework-6 h4 {
    font-size: 38px;
  }
  .telework-7 hgroup h4 {
    font-size: 28px;
  }
  .telework-7-copy h4 {
    font-size: 26px
  }
  .buy-now, ul.telework-7-wrap li a span {
    padding: 0 50px 0 22px;
  }
  ul.telework-7-wrap li a span {
    font-size: 21px;
    border-width: 3px;
  }
  /******** KR ***************************************************************************************************/
  html[lang="kr-KR"] .hero-title h1:last-of-type {
    font-size: 70px;
  }
  html[lang="kr-KR"] .telework-1 .telework-copy h2 {
    font-size: 49px;
  }
  html[lang="kr-KR"] .telework-5 hgroup h4 {
    font-size: 28px;
  }
  html[lang="kr-KR"] .telework-5 hgroup + figure {
    padding-top: 0;
  }
  html[lang="kr-KR"] .telework-6 h4 {
    padding: 0 10%;
  }
  html[lang="kr-KR"] h3 {
    font-size: 38px;
  }
}