@charset "utf-8";



/* 태블릿 */
@media all and (max-width: 1400px) {
  .sub-visual .lnb.fix {
    padding: 35px 0px 27px 3%;
  }

  .company-sec03 .sec03_map .sec03_box {
    right: 10px;
  }
}

@media all and (max-width: 1200px) {
  .company-sec03 .sec03_map {
    height: auto;
  }
  .company-sec03 .sec03_map iframe {
    height: 500px;
  }
  .company-sec03 .sec03_map .sec03_box {
    box-shadow: none;
    width: 100%;
    top: 0px;
    right: 0;
    position: inherit;
  }
}

/* 태블릿 */
@media all and (max-width: 1024px) {
  /* team */
  .team ol .team_layer .box {
    width: 90%;
  }

  /* portfolio */
  .portfolio ol li {
    width: 48%;
  }
  .portfolio ol li:not(:nth-of-type(4n)) {
    margin-right: inherit;
  }
  .portfolio ol li:not(:nth-of-type(2n)) {
    margin-right: 4%;
  }
}

/* 태블릿 ~ 모바일 가로 */
@media all and (max-width: 768px) {
  .sub-visual p {
    font-size: 55px;
  }


  /* company */
  .company-sec01 .inner .sec01_txtBox .sec01_txt h2 {
    font-size: 6vw;
  }

  .company-sec02 ol {
    flex-direction: column;
  }
  .company-sec02 ol li {
    width: 100%;
    padding: 35px 15%;
  }
  .company-sec02 ol li:not(:last-child) {
    border-bottom: 1px solid #ddd;
    border-right: 0;
  }

  .company-sec03 .sec03_map .sec03_box {
    padding: 35px 30px 18px;
  }
  .company-sec03 .sec03_map .sec03_box h2 {
    font-size: 30px;
  }
  .company-sec03 .sec03_map .sec03_box ol li strong {
    font-size: 18px;
    width: 93px;
}
  .company-sec03 .sec03_map .sec03_box ol li p {
    font-size: 15px;
  }

  /* team */
  .team ol li {
    width: 48%;
  }
  .team ol li:not(:nth-of-type(4n)) {
    margin-right: inherit;
  }
  .team ol li:not(:nth-of-type(2n)) {
    margin-right: 4%;
  }
  .team h2 span {
    display: block;
    margin-top: 30px;
    margin-left: 0;
  }

  .team ol .team_layer .box {height: 91%; overflow-y: scroll;}
  .team ol .team_layer .box::-webkit-scrollbar { width: 5px; }
  .team ol .team_layer .box::-webkit-scrollbar-thumb { background: #ddd;border-radius: 10px; }
  .team ol .team_layer .box > div {
    flex-direction: column;
  }
  .team ol .team_layer .box > div .imgBox {width: 50%;}
  .team ol .team_layer .box > div .imgBox img { width: 100%; }
  .team ol .team_layer .box > div .txtBox {padding: 20px 0 0 0;}
  .team ol .team_layer .box > div .txtBox .text { height: 300px; margin-top: 20px;  overflow-y: inherit; }
  .team ol .team_layer .box > div .txtBox .name span:first-child {font-size: 30px;}
}


@media all and (max-width:640px) {
  .sub-visual .lnb {display: none;}
}


/* 모바일 세로 */
@media all and (max-width: 480px) {
  .sub-visual {
    padding-top: 170px;
    padding-bottom: 125px;
  }
  .sub-visual p {
    font-size: 40px;
  }

  .subTit {
    padding: 79px 0 40px;
  }
  .subTit span {
    font-size: 17px;
  }
  .subTit span.subTit_line {
    width: 55px;
    height: 1px;
    margin: 0 10px;
  }

  .moreBtn button.more {font-size: 15px; padding: 10px 13px;}

  /* company */
  .company-sec01 .inner .sec01_txtBox .sec01_txt h2 {
    font-size: 8vw;
  }
  .company-sec01 .inner .sec01_txtBox .sec01_txt p {
    font-size: 16px;
    margin: 31px 0 45px;
  }

  .company-sec02 .subTit {
    justify-content: start;
  }
  .company-sec02 .subTit .subTit_tit {
    order: 3;
  }
  .company-sec02 .subTit .subTit_line {
    order: 2;
  }
  .company-sec02 .subTit .subTit_num {
    order: 1;
  }
  .company-sec02 ol li img {
    width: 60px;
  }
  .company-sec02 ol li h3 {
    font-size: 24px;
    margin: 18px 0;
  }
  .company-sec02 ol li p {
    font-size: 14px;
  }

  .company-sec03 .sec03_map iframe {
    height: 330px;
  }
  .company-sec03 .sec03_map .sec03_box {
    padding: 30px 25px 10px;
  }
  .company-sec03 .sec03_map .sec03_box h2 {
    font-size: 20px;
    padding-left: 0;
  }
  .company-sec03 .sec03_map .sec03_box ol {
    padding-left: 0;
  }
  .company-sec03 .sec03_map .sec03_box ol li > div img{
    width: 14px;
  }
  .company-sec03 .sec03_map .sec03_box ol li strong {
    font-size: 16px;
    width: 85px;
  }
  .company-sec03 .sec03_map .sec03_box ol li p {
    font-size: 14px;
  }

  /* team */
  .team .team-sec01 {
    padding-bottom: 58px;
  }
  .team h2 {
    margin: 64px 0 30px;
    font-size: 35px;
  }
  .team h2 span {
    font-size: 15px;
    margin-top: 19px;
  }
  .team ol li {
    margin-bottom: 33px;
  }
  .team ol li .team_name {
    padding-top: 17px;
  }
  .team ol li .team_name span:first-child {
    font-size: 18px;
    padding-right: 8px;
  }
  .team ol li .team_name span:last-child {
    font-size: 13px;
    padding-left: 11px;
  }

  .team ol .team_layer .box {
    padding: 18px 20px 30px 20px;
  }
  .team ol .team_layer .box > button {
    font-size: 21px;
    margin: -17px -10px 0 0;
  }
  .team ol .team_layer .box > div .txtBox .name span:first-child {
    font-size: 22px;
  }
  .team ol .team_layer .box > div .txtBox .name span:last-child {
    font-size: 14px;
  }
  .team ol .team_layer .box > div .txtBox .text {
    font-size: 15px;
  }

  /* portfolio */
  .portfolio {
    padding: 80px 0;
  }
  .portfolio ol li {
    margin-bottom: 20px;
    height: 205px;
  }
  .portfolio ol li .portfolio_hover a {
    padding: 15px;
  }
  .portfolio ol li .portfolio_hover a > p {
    font-size: 16px;
  }
  .portfolio ol li > div > a > p >img {
    width: 13px;
  }
  .portfolio ol li .portfolio_hover a h3 {
    font-size: 16px;
  }
  .portfolio ol li .portfolio_hover a > div {
    font-size: 13px;
  }

  /* news */
  .board {
    padding: 80px 0;
  }
  .board .board-total input {
    padding: 5px 10px;
    background-position: top 7px right 15px;
    background-size: 13px;
    width: 140px;
  }
  .board .board-total input[type=button] {
    padding: 0 0 0 5px;
    width: auto;
  }
  .board ol {
    margin-top: 8px;
  }
  .board ol li a {
    padding: 20px 0;
  }
  .board ol li a h2 {
    font-size: 18px;
    margin: 5px 0 10px;
  }
  .board ol li a .board_icon img {
    width: 45px;
  }
  .board ol li a .board_category {
    font-size: 14px;
  }
  .board ol li a .board_date {
    font-size: 14px;
  }
  .board .board-paging img {
    width: 32px;
  }
  .board .board-paging span {
    font-size: 16px;
    padding: 3px 2px;
  }
}