@media screen and (max-width:1400px) {
  /* header */
  .hd .logo {width: 360px;}

  /* footer */

  /* main */
  .main-section1 {min-height: auto;}
  .main-slogan {padding-top: 55px;}
  .main-slogan-text1 {font-size: 34px;}
  .main-slogan-text2 {font-size: 42px; margin-top: 4px;}

  .main-box-link {border-radius: 15px; width: calc((100% - 10px) / 2); min-height: auto; padding: 30px; padding-bottom: 40px; margin-bottom: 10px;}
  .main-box-link:nth-child(2n-1) {margin-right: 10px;}
  .main-box-link:last-child {margin-bottom: 0;}
  .main-box-link:nth-child(even) {border-radius: 15px;}
  .main-box-link:nth-child(even) {margin-right: 0;}
  .main-box-link3 {margin-left: 0;}

  .main-box {margin-top: 60px; padding-bottom: 50px;}
  .main-box-link::after {width: 60px; height: 56px; right: 25px; bottom: 25px;}

  .main-cont .main-board .mb-left {width: 190px;}
  .main-cont .main-board .mb-mid {width: calc(100% - 580px);}
  .main-cont .main-board .mb-right {width: 350px; margin-left: 40px;}

  .main-cont .main-board .mb-left .board-tab ul li a {font-size: 18px; padding: 20px; border-radius: 8px;}

  /* sub */

} /* End */

@media screen and (max-width:1023px) {
  /* header */

  /* footer */

  /* main */
  .main-slogan-text1 {font-size: 26px;}
  .main-slogan-text2 {font-size: 34px;}

  .main-box-link {padding: 20px; padding-bottom: 30px;}
  .main-box-title {font-size: 22px;}
  .main-box-text {font-size: 15px;}

  #main {padding-bottom: 60px;}
  .main-cont {padding-top: 60px;}

  .main-cont .main-board .mb-left {width: 100%; padding-bottom: 20px;}
  .main-cont .main-board .mb-mid {width: 100%; padding-left: 0;}
  .main-cont .main-board .mb-right {margin-left: 0; margin-top: 40px; width: 100%;}

  .main-cont .main-board .mb-left .board-tab ul {font-size: 0; margin: -5px;}
  .main-cont .main-board .mb-left .board-tab ul li {width: 33.33%; display: inline-block; vertical-align: top; padding: 5px;}

  .main-cont .main-board .mb-mid .fst-list {padding: 20px;}

  .main-organ {width: 60%; padding-right: 10px;}
  .main-site {width: 40%; padding-left: 10px;}

  .main-related-item ~ .main-related-item {margin-left: 10px;}

  /* sub */

  /* 기업애로SOS > 기업컨설팅안내 */
  .cont-box-sos {padding: 30px;}
  .cont-box-sos::after {right: 30px; opacity: 0.3;}
  .cont-box-sos .title {font-size: 24px;}

  .step-list.i-col-4 .step-head {top: 0;}
  .step-list.i-col-4 .step-content {padding: 30px;}

} /* End */

@media screen and (max-width:767px) {
  html, body {font-size: 14px;}

  /* header */
  .hd .logo {width: 280px;}

  /* footer */

  /* main */
  .main-slogan {padding-top: 40px;}
  .main-slogan-text1 {font-size: 22px;}
  .main-slogan-text2 {font-size: 26px;}

  .main-box {margin-top: 40px; padding-bottom: 30px;}
  .main-box-link:nth-child(2n-1) {margin-right: 0;}
  .main-box-link {width: 100%;}
  .main-box-link::after {width: 40px; height: 36px;}
  .main-box-title {font-size: 20px;}
  .main-box-text {font-size: 14px;}

  .main-cont .main-board .mb-left .board-tab ul {margin: -2.5px;}
  .main-cont .main-board .mb-left .board-tab ul li {margin-bottom: 0; padding: 2.5px;}
  .main-cont .main-board .mb-left .board-tab ul li a {font-size: 16px; padding: 14px 0; text-align: center;}
  .main-cont .main-board .mb-left .board-tab ul li a.active {background: none; background-color: #e04029;}

  .main-cont .main-board .mb-mid .main-board-list ul li {padding: 18px 0; padding-left: 16px;}

  .main-cont .main-board .mb-mid .fst-list {padding: 15px;}
  .main-cont .main-board .mb-mid .fst-list .fst-list-lt p em {font-size: 30px;}
  .main-cont .main-board .mb-mid .fst-list .fst-list-lt p span {font-size: 14px;}

  .main-related-title {font-size: 18px;}
  .main-organ {width: 100%; padding-right: 0;}
  .main-site {width: 100%; padding-top: 20px; padding-left: 0;}

  /* sub */

  /* 기업애로SOS > 기업컨설팅안내 */
  .cont-box-sos {padding: 20px;}
  .cont-box-sos .title {font-size: 20px;}
  .cont-box-sos .txt {font-size: 15px;}

  .step-list.i-col-4 .step-content {padding: 10px;}

} /* End */

@media screen and (max-width:450px) {
  /* header */

  /* footer */

  /* main */

  /* sub */

} /* End */