/*Logo */
@media (max-width: 1030px) {
  #header .logo {
    left: 10%;
  }
}
@media (max-width: 980px) {
  #header .logo {
    left: 2%;
  }
}
@media (max-width: 880px) {
  #header .hamburger {
    display: block;
    top: 20%;
  }
}
@media (max-width: 420px) {
  #header .logo img {
    width: 50%;
  }
  #header .logo {
    top: 37px;
  }
}
@media (max-width: 360px) {
  #header .logo img {
    width: 50%;
  }
  #header .logo {
    top: 37px;
  }
}

/*메뉴*/
@media (max-width: 980px) {
  #mainmenu {
    right: 0%;
  }
}
@media (max-width: 880px) {
  #mainmenu .close {
    display: block;
    position: absolute;
    right: 17px;
    top: 17px;
  }
  #mainmenu {
    display: none;
    height: 980px;
    overflow: hidden;
    width: 270px;
  }
  #mainmenu > ul {
    width: 100%;
    height: 100%;
    background-color: #585858;
    padding: 0px;
    padding-top: 92px;
  }
  #mainmenu > ul > li {
    float: none;
    padding-left: 10px;
    border-bottom: 1px solid #c3ced8;
    margin: 0;
  }
  #mainmenu > ul > li:first-child {
    padding-left: 10px;
  }
  #mainmenu ul li a {
    display: block;
    color: #fff !important;
    text-align: left;
  }
  #mainmenu ul li a.test:after {
    display: none;
  }
  #mainmenu ul li a.about_us.test:after {
    display: none;
  }
  #mainmenu ul li a.about_us2.test:after {
    display: none;
  }
}
@media (max-width: 420px) {
  /* 20210412 헤더에 간격이 안맞아서 수정 */
  #header {
    /*height:80px; */
    height: 75px;
  }
  #header .hamburger {
    width: 10%;
    right: 2%;
    top: 25%;
  }
  #mainmenu .close {
    width: 15%;
    right: 9px;
    top: 20px;
  }
}
@media (max-width: 360px) {
  /* 20210412 헤더에 간격이 안맞아서 수정 */
  #header {
    /*height:80px;*/
    height: 75px;
  }
  #header .hamburger {
    width: 10%;
    right: 2%;
    top: 25%;
  }
  #mainmenu .close {
    width: 15%;
    right: 9px;
    top: 20px;
  }
}

/*첫번째 페이지-*/
@media (max-width: 1030px) {
  #page_1 .mouseimg {
    width: 5%;
  }
}

@media (max-width: 880px) {
  #page_1 .p1_text .first_span {
    font-size: 1.9rem;
  }

  #page_1 .p1_text_sub .second_span {
    font-size: 1.5rem;
  }
  #page_1 .p1_text2 {
    text-align: center;
  }
  #page_1 .p1_text2 .txt_box {
    width: 300px;
    margin: 0 auto;
  }
  #page_1 .p1_text2 .first_p {
    font-size: 1.4rem;
  }
  #page_1 .p1_text2 span {
    font-size: 1.3rem;
  }
  #page_1 .p1_text2 p {
    font-size: 1.3rem;
  }
  /*영상 최대한 안 잘리고 잘 보이게 높이 수정*/
  .slider-1 {
    max-height: 700px;
  }
  .slider-1 .slides_img img {
    max-height: 700px;
  }
  .slider-1 #videoWrap {
    max-height: 700px;
  }
  .slider-1 #videoWrap video {
    height: 100%;
  }
  .slider-1 > .page-btns {
    left: 5%;
  }

  #callnum,
  #emailAdd {
    display: none;
  }

  #callBt,
  #mailBt {
    margin-block: 10%;
  }
}

@media (max-width: 500px) {
  #page_1 .p1_text {
    text-align: center;
  }
  #page_1 .p1_text_sub {
    text-align: center;
  }
  #page_1 .p1_text2 {
    text-align: center;
  }
  #page_1 .p1_text2 .txt_box {
    width: 270px;
    padding: 15px 0 20px 0;
  }
  /*.slider-1 > .page-btns > div {display: none;}*/
  .slider-1 > .page-btns {
    left: 40%;
    bottom: 5%;
  }
}

@media (max-width: 420px) {
  /*20210412 화면 꽉차게 보이기 위해서 수정 
    #page_1 { width:100vw; height:100vh;}*/
  /* #page_1 { width:100%; height:736px;} */
  #page_1 .p1_text .first_span {
    font-size: 1.4rem;
  }
  #page_1 .p1_text_sub .second_span {
    font-size: 1.2rem;
  }
  #page_1 .p1_text2 .txt_box {
    width: 230px;
    padding: 10px 0 15px 0;
  }
  #page_1 .p1_text2 .first_p {
    font-size: 1.1rem;
  }
  #page_1 .p1_text2 span {
    font-size: 1.1rem;
    padding-right: 40px;
  }
  #page_1 .p1_text2 p {
    font-size: 1rem;
    font-weight: 500;
  }
  /*영상 최대한 안 잘리고 잘 보이게 수정*/
  /* #page_1{max-height: 500px;} */
  .slider-1 {
    max-height: 500px;
  }
  .slider-1 .slides_img img {
    max-height: 500px;
  }
  .slider-1 #videoWrap {
    max-height: 100px;
  }
  .slider-1 #videoWrap video {
    height: 100%;
  }
}
@media (max-width: 360px) {
  #page_1 {
    width: 100%;
    height: 100vh;
  }
  #page_1 .p1_text .first_span {
    font-size: 1.45rem;
  }
  #page_1 .p1_text_sub .second_span {
    font-size: 1.2rem;
  }
  #page_1 .p1_text2 {
    margin-left: 15%;
  }
  #page_1 .p1_text2 .first_p {
    font-size: 1rem;
  }
  #page_1 .p1_text2 span {
    font-size: 0.9rem;
  }
  #page_1 .p1_text2 p {
    font-size: 0.9rem;
  }
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*두번째 페이지*/
@media (max-width: 1480px) {
  #page_6 .c1_box4 #second_page2_table {
    width: 80%;
    padding-left: 0%;
    margin-top: 0;
  }
  #page_6 .p2_text {
    width: 50%;
    height: 60px;
  }
}
@media (max-width: 1030px) {
  #page_6 .p2_fixed {
    width: 100%;
    height: 900px;
  }
  #page_6 .p2_fixed .c1_box2 img {
    width: 680px;
  }
  #page_6 .p2_fixed .c1_text {
    margin-top: 10%;
  }

  #page_6 .p2_fixed .c1_box3 {
    width: 90%; /*padding-left: 10%;*/
  }
  /*20210518 마진지움*/
  /* #page_2 .p2_fixed .c1_box3 ul li{margin-right: 20%;} */
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(3) {
    margin-right: 0%;
  }
  #page_6 .c1_box4 #second_page2_table {
    width: 98%;
    padding-left: 0%;
    margin-top: 10%;
  }

  #page_6 .p2_text {
    width: 70%;
    height: 60px;
  }
}

@media (max-width: 880px) {
  #page_6 {
    height: 950px;
    padding-top: 100px;
  }
  #page_6 .p2_fixed {
    width: 100%;
    height: 100%;
  }
  /*20210518 마진 때문에 반응형안되는 것 같아서 삭제*/
  /* #page_2 .p2_fixed .c1_text{margin-top: 20%; margin-left:30%; } */
  #page_6 .p2_fixed .c1_box2 img {
    width: 70%;
    margin-left: 15%;
  }

  #page_6 .p2_fixed .c1_box1 {
    width: 25%;
  }

  #page_6 .p2_fixed .c1_box3 {
    width: 98%; /*padding-left: 2%;*/
  }
  #page_6 .p2_fixed .c1_box3 ul li {
    margin-right: 17%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(3) {
    margin-right: 0%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(1) {
    width: 28%;
    height: 22%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(2) {
    width: 5%;
    height: 22%;
    margin: 0;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(3) {
    width: 28%;
    height: 22%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(4) {
    width: 5%;
    height: 22%;
    margin: 0;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(5) {
    width: 28%;
    height: 22%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #page_6 .c1_box4 #second_page2_table {
    width: 98%;
    padding-left: 0%;
    margin-top: 10%;
  }
  /* #page_2 .p2_fixed .c1_box4 table tr td:nth-child(1){width:161px; position: absolute; left:3%; }
    #page_2 .p2_fixed .c1_box4 table tr td:nth-child(2){width:143px; position: absolute; left:40%;}
    #page_2 .p2_fixed .c1_box4 table tr td:nth-child(3){width:138px; position: absolute; left:76%;} */

  #page_6 {
    height: 1150px;
  }
  #page_6 .p2_text {
    width: 80%;
    height: 60px;
    margin-bottom: 70px;
  }
  #page_6 .p2_text span {
    color: #464b51;
    font-size: 33px;
    font-family: NotoSanse;
  }
  #page_6 .p2_text p {
    margin: 20px auto;
    color: #f99c0d;
    font-size: 17px;
    font-family: NotoSanse-Regular;
  }

  #p2_boxlist {
    flex-wrap: wrap;
  }
  .p2_box {
    width: 35%;
    margin: 70px 70px 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .p2_box:nth-child(2) {
    margin-right: 0;
  }
  .p2_box_img img {
    width: 90%;
    margin: 0 0 40px 5%;
  }
}

@media (max-width: 480px) {
  #page_6 {
    height: 900px;
  }
  #page_6 .p2_text {
    width: 80%;
    height: 60px;
    margin-bottom: 80px;
  }
  #page_6 .p2_text span {
    color: #464b51;
    font-size: 25px;
    font-family: NotoSanse;
  }
  #page_6 .p2_text p {
    margin: 20px auto;
    color: #f99c0d;
    font-size: 14px;
    font-family: NotoSanse-Regular;
  }

  #p2_boxlist {
    flex-wrap: wrap;
  }
  .p2_box {
    width: 90%;
    margin: 30px 0 0 0;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .p2_box_img img {
    width: 90%;
    margin: 0;
  }
  .p2_box_txt {
    width: 100%;
    text-align: left;
    padding: 0 0 5px 3%;
  }
  .p2_box_txt span {
    font-family: "NanumSquareRound";
    font-size: 16px;
    color: #464d51;
    font-weight: 600;
    line-height: 35px;
  }
  .p2_box_txt p {
    font-family: "NanumSquareRound";
    font-size: 14px;
    color: #464d51;
  }
}

@media (max-width: 415px) {
  #page_6 {
    height: 850px;
    padding-top: 70px;
  }
  #page_6 .p2_fixed {
    width: 100%;
    height: 650px;
  }
  #page_6 .p2_fixed .c1_text {
    width: 175px; /*margin-top: 15%; margin-left:25%;*/
    font-size: 15px;
  }
  #page_6 .p2_fixed .c1_box1 {
    width: 22%;
    height: 10%;
    margin-bottom: 6%;
  }
  #page_6 .p2_fixed .c1_box1 img {
    width: 100%;
  }
  #page_6 .p2_fixed .c1_box2 img {
    width: 70%;
    height: 30px; /*position: absolute; left:0%; top:35%; */
    margin-left: 15%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(1) {
    width: 32%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(1) img {
    width: 100%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(2) {
    width: 5%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(2) img {
    width: 100%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(3) {
    width: 32%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(3) img {
    width: 100%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(4) {
    width: 5%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(4) img {
    width: 100%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(5) {
    width: 32%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(5) img {
    width: 100%;
  }

  #page_6 .p2_fixed .c1_box4 {
    width: 98%;
    top: 33%;
    left: 40%;
  }
  #page_6 .p2_fixed .c1_box4 #second_page2_table {
    height: 104px;
    font-size: 13px;
  }
  #page_6 .p2_fixed .c1_box4 #second_page2_table div:nth-child(1) {
    width: 33%; /*position: absolute; left:10px;*/
  }
  #page_6 .p2_fixed .c1_box4 #second_page2_table div:nth-child(2) {
    width: 33%; /*position: absolute; left:38%;*/
  }
  #page_6 .p2_fixed .c1_box4 #second_page2_table div:nth-child(3) {
    width: 33%; /*position: absolute; left:73%;*/
  }

  #page_6 .p2_text {
    width: 80%;
    height: 60px;
    margin-bottom: 100px;
  }
  #page_6 .p2_text span {
    color: #464b51;
    font-size: 25px;
    font-family: NotoSanse;
  }
  #page_6 .p2_text p {
    margin: 20px auto;
    color: #f99c0d;
    font-size: 14px;
    font-family: NotoSanse-Regular;
  }
  .p2_box_txt span {
    font-family: "NanumSquareRound";
    font-size: 16px;
    color: #464d51;
    font-weight: 600;
    line-height: 35px;
  }
  .p2_box_txt p {
    font-family: "NanumSquareRound";
    font-size: 14px;
    color: #464d51;
  }
}
@media (max-width: 380px) {
  #page_6 {
    height: 850px;
  }
  #page_6 .p2_fixed .c1_text {
    top: 10%;
    font-size: 15px;
  }
  #page_6 .p2_fixed .c1_box1 img {
    width: 100%;
    left: 20%;
    top: 18%;
  }
  #page_6 .p2_fixed .c1_box2 img {
    width: 73%;
    height: 30px;
    margin-left: 15%;
  }
  #page_6 .p2_fixed {
    width: 100%;
    height: 600px;
  }
  #page_6 .p2_fixed .c1_box3 {
    width: 100%;
    padding: 0;
    margin-top: 0%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(1) {
    width: 32%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(1) img {
    width: 100%;
    left: 10%;
    top: 30%;
    margin: 0;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(2) {
    width: 5%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(2) img {
    width: 100%;
    left: 10%;
    top: 30%;
    margin: 0;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(3) {
    width: 32%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(3) img {
    width: 100%;
    left: 10%;
    top: 42%;
    margin: 0;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(4) {
    width: 5%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(4) img {
    width: 100%;
    left: 10%;
    top: 54%;
    margin: 0;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(5) {
    width: 32%;
    height: 22%;
  }
  #page_6 .p2_fixed .c1_box3 ul li:nth-child(5) img {
    width: 100%;
    left: 10%;
    top: 54%;
    margin: 0;
  }

  #page_6 .p2_fixed .c1_box4 {
    width: 98%;
  }
  #page_6 .p2_fixed .c1_box4 #second_page2_table {
    width: 100%;
    height: 200px;
    font-size: 10px;
  }
  /* #page_2 .p2_fixed .c1_box4 table tr td:nth-child(1){position: absolute; left:0;}
    #page_2 .p2_fixed .c1_box4 table tr td:nth-child(2){position: absolute; left:36%;}
    #page_2 .p2_fixed .c1_box4 table tr td:nth-child(3){position: absolute; left:72%; } */
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*세번째 페이지*/
@media (max-width: 1030px) {
  #page_3 .p3_text {
    width: 100%;
  }
  #page_3 .page3_box {
    width: 200%;
    height: 700px;
  }

  #page_3 .page3_box .second_page3_box {
    width: 50%;
  }
  #page_3 .page3_box .first_page3_box img {
    width: 90%;
    position: absolute;
    left: 5%;
  }
  #page_3 .page3_box .second_page3_box img {
    width: 90%;
    position: absolute;
    left: 5%;
  }

  #page_3 .left_btn {
    left: 4px;
  }
  #page_3 .right_btn {
    right: 4px;
  }
  #page_3 .left_circle_btn {
    position: absolute;
    left: 49%;
    top: 97%;
  }
  #page_3 .right_circle_btn {
    position: absolute;
    left: 51%;
    top: 97%;
  }
}

@media (max-width: 880px) {
  .line2 {
    display: none;
  }
  #page_3 .first_page3_box dl {
    float: none;
    width: auto;
    clear: both;
    padding: 10px 0;
  }
  #page_3 .first_page3_box dd {
    height: auto;
    width: auto;
    min-height: 60px;
    display: inline-block;
  }
  #page_3 .first_page3_box dt {
    display: inline-block;
    padding: 0;
    float: left;
    font-size: 20px;
    margin-right: 100%;
    margin-left: 20px;
  }
  #page_3 .innerddWrap {
    max-width: 700px;
    padding: 0;
    margin-left: 20px;
  }
  #page_3 .page3_box {
    width: 200%;
    height: 1250px;
  }
  #page_3 .first_page3_box {
    transform: translate(0%, -24%);
    top: 23%;
  }
  #page_3 .second_page3_box {
    position: absolute;
    top: 25%;
    left: 60%;
    transform: translateY(-24%);
  }
  #page_3 .second_page3_box dl {
    float: none;
    width: auto;
    clear: both;
    padding: 10px 0;
  }
  #page_3 .second_page3_box dd {
    height: auto;
    width: auto;
    min-height: 60px;
    display: inline-block;
  }
  #page_3 .second_page3_box dt {
    display: inline-block;
    padding: 0;
    float: left;
    font-size: 20px;
  }

  #page_3 .yearbar {
    display: inline;
    padding: 0 10px;
  }
  #page_3 .left_circle_btn {
    top: 96%;
    left: 49%;
  }
  #page_3 .right_circle_btn {
    top: 96%;
    left: 51%;
  }

  #page_3 .p3_text span {
    color: #464b51;
    font-size: 33px;
    font-family: NotoSanse;
  }
  #page_3 .p3_text p {
    color: #f99c0d;
    font-size: 17px;
    font-family: NotoSanse-Regular;
    margin: 10px auto;
  }
}

@media (max-width: 740px) {
  #page_3 .page3_box dt {
    display: inline;
    padding: 0;
    float: left;
    font-size: 20px;
  }
}

@media (max-width: 480px) {
  #page_3 .p3_text span {
    color: #464b51;
    font-size: 25px;
    font-family: NotoSanse;
  }
  #page_3 .p3_text p {
    color: #f99c0d;
    font-size: 14px;
    font-family: NotoSanse-Regular;
    margin: 10px auto;
  }
}

@media (max-width: 415px) {
  #page_3 {
    height: 100%;
  }
  #page_3 .p3_text {
    width: 100%;
    padding: 20% 0 0 0;
    height: 60px;
    margin-bottom: 1%;
  }
  #page_3 .first_page3_box dl {
    width: 100%;
    padding: 5px;
  }
  #page_3 .first_page3_box dl:first-child {
    padding-top: 40px;
  }

  #page_3 .first_page3_box dt {
    font-size: 20px;
    margin-left: 0;
    padding-bottom: 0;
  }
  #page_3 .first_page3_box dd {
    font-size: 12px;
    width: auto;
  }
  #page_3 .first_page3_box dd p {
    font-size: 10px;
  }

  #page_3 .page3_box {
    width: 200%;
    margin-top: 25px;
    height: 800px;
  }
  #page_3 .first_page3_box {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
  #page_3 .second_page3_box {
    position: absolute;
    top: 0%;
    transform: none;
    left: 50%;
  }
  #page_3 .second_page3_box dl {
    padding: 10px;
  }
  #page_3 .second_page3_box dd {
    min-height: 10px;
    font-size: 11px;
  }

  #page_3 .yearbar {
    display: inline;
    padding: 0 10px;
  }
  #page_3 .left_btn {
    display: none;
  }
  #page_3 .right_btn {
    display: none;
  }
  #page_3 .left_circle_btn {
    top: 98%;
    left: 48%;
  }
  #page_3 .right_circle_btn {
    top: 98%;
    left: 52%;
  }
}
@media (max-width: 370px) {
  #page_3 dl {
    padding: 0;
  }
  #page_3 .page3_box {
    width: 200%;
    height: 930px;
  }
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*네번째 페이지*/
@media (max-width: 1030px) {
  #page_4 .p4_text {
    width: 100%;
  }
  #page_4 .p4_box1 {
    margin-left: 7px;
  }
  /*     #page_4 .p4_box1 .table li img{height:55px;} */
  #page_4 .p4_box1 .table li span {
    font-size: 18px;
  }
  #page_4 .p4_box1 .table li p {
    font-size: 16px;
  }
  #page_4 .p4_box1 .table {
    margin-right: 30px;
  }

  #page_4 .p4_box2 {
    margin-left: 43px;
  }
  /*     #page_4 .p4_box2 .table li img{height:50px;} */
  #page_4 .p4_box2 .table li span {
    font-size: 18px;
  }
  #page_4 .p4_box2 .table li p {
    font-size: 16px;
  }
  #page_4 .p4_box2 .table {
    margin-right: 30px;
  }

  #page_4 .p4_box3 {
    margin-left: 43px;
  }
  #page_4 .p4_box3 .table li span {
    font-size: 18px;
  }
  #page_4 .p4_box3 .table li p {
    font-size: 16px;
  }
  #page_4 .p4_box3 .table {
    margin-right: 30px;
  }

  #page_4 .p4_box4 {
    margin-left: 43px;
  }
  #page_4 .p4_box4 .table li span {
    font-size: 18px;
  }
  #page_4 .p4_box4 .table li p {
    font-size: 16px;
  }
  #page_4 .p4_box4 .table {
    margin-right: 30px;
  }

  #page_4 .p4_box5 {
    margin-left: 43px;
  }
  #page_4 .p4_box5 .table li span {
    font-size: 18px;
  }
  #page_4 .p4_box5 .table li p {
    font-size: 16px;
  }
  #page_4 .p4_box5 .table {
    margin-right: 30px;
  }
}

@media (max-width: 880px) {
  #page_4 .p4_text {
    width: 100%;
  }
  #page_4 .p4_text span {
    color: #464b51;
    font-size: 33px;
    font-family: NotoSanse;
  }
  #page_4 .p4_text p {
    color: #f99c0d;
    font-size: 17px;
    font-family: NotoSanse-Regular;
    margin: 10px auto;
  }

  #page_4 .p4_box1 {
    margin-left: 10px;
  }
  /*     #page_4 .p4_box1 .table li img{height:55px;} */
  #page_4 .p4_box1 .table li span {
    font-size: 16px;
  }
  #page_4 .p4_box1 .table li p {
    font-size: 13px;
  }
  #page_4 .p4_box1 .table {
    margin-right: 23px;
  }

  #page_4 .p4_box2 {
    margin-left: 20px;
  }
  #page_4 .p4_box2 .table {
    margin-right: 40px;
  }
  /*     #page_4 .p4_box2 .table li img{height:50px;} */
  #page_4 .p4_box2 .table li span {
    font-size: 16px;
  }
  #page_4 .p4_box2 .table li p {
    font-size: 13px;
  }

  #page_4 .p4_box3 {
    margin-left: 20px;
  }
  #page_4 .p4_box3 .table {
    margin-right: 50px;
  }
  #page_4 .p4_box3 .table li span {
    font-size: 16px;
  }
  #page_4 .p4_box3 .table li p {
    font-size: 13px;
  }

  #page_4 .p4_box4 {
    margin-left: 30px;
  }
  #page_4 .p4_box4 .table {
    margin-right: 50px;
  }
  #page_4 .p4_box4 .table li span {
    font-size: 16px;
  }
  #page_4 .p4_box4 .table li p {
    font-size: 13px;
  }

  #page_4 .p4_box5 {
    margin-left: 30px;
  }
  #page_4 .p4_box5 .table {
    margin-right: 50px;
  }
  #page_4 .p4_box5 .table li span {
    font-size: 16px;
  }
  #page_4 .p4_box5 .table li p {
    font-size: 13px;
  }
}

@media (max-width: 480px) {
  #page_4 .p4_text span {
    color: #464b51;
    font-size: 25px;
    font-family: NotoSanse;
  }
  #page_4 .p4_text p {
    color: #f99c0d;
    font-size: 14px;
    font-family: NotoSanse-Regular;
    margin: 10px auto;
  }
}

@media (max-width: 425px) {
  /* #page_4 { height: calc(100% - 210px) !important; } */
  #page_4 .p4_text {
    padding: 15% 0 0 0;
    height: 60px;
    margin-bottom: 1%;
    width: 100%;
  }
  #page_4 .table {
    float: none;
  }
  #page_4 .p4_box1 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-bottom: 10%;
  }
  #page_4 .p4_box2 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    clear: both;
    margin-left: 0px;
    margin-bottom: 10%;
  }
  #page_4 .p4_box3 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    clear: both;
    margin-left: 0px;
    margin-bottom: 10%;
  }
  #page_4 .p4_box4 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    clear: both;
    margin-left: 0px;
    margin-bottom: 10%;
  }
  #page_4 .p4_box5 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    clear: both;
    margin-left: 0px;
    margin-bottom: 10%;
  }

  /*     #page_4 .p4_box1 .table li img{height:55px;}   */
  #page_4 .p4_box1 .table li span {
    font-size: 13px;
  }
  #page_4 .p4_box1 .table li p {
    display: none;
  }

  #page_4 .p4_box1 .table:nth-child(1) {
    margin-left: 17%;
    margin-right: 75px;
  }
  #page_4 .p4_box1 .table:nth-child(2) {
    margin-right: 0px;
  }
  #page_4 .p4_box1 .table:nth-child(3) {
    margin-left: 15%;
    margin-right: 60px;
  }
  #page_4 .p4_box1 .table:nth-child(4) {
    margin-right: 0px;
  }
  #page_4 .p4_box1 .table:nth-child(5) {
    margin-left: 8.5%;
    margin-top: 4%;
  }

  /*  #page_4 .p4_box2 .table li img{width:97%; height:45px;}    */
  #page_4 .p4_box2 .table li span {
    font-size: 13px;
  }
  #page_4 .p4_box2 .table li p {
    display: none;
  }
  #page_4 .p4_box2 .table {
    margin-right: 0px;
  }
  #page_4 .p4_box3 .table {
    margin-right: 0px;
  }
  #page_4 .p4_box4 .table {
    margin-right: 0px;
  }
  #page_4 .p4_box5 .table {
    margin-right: 0px;
  }
  /*   #page_4 .p4_box2 .table:nth-child(1){position: absolute; left:16%; top:47%;}
    #page_4 .p4_box2 .table:nth-child(2){position: absolute; left:9%; top:63%;}
    #page_4 .p4_box2 .table:nth-child(3){position: absolute; left:40%; top:63%;}
    #page_4 .p4_box2 .table:nth-child(4){position: absolute; left:21%; top:78%;} */
}
@media (max-width: 380px) {
  #page_4 .p4_text {
    padding: 15% 0 0 0;
    height: 60px;
    margin-bottom: 10%;
    width: 100%;
  }
  #page_4 .p4_text span {
    font-size: 18px;
  }
  #page_4 .p4_text p {
    font-size: 15px;
  }
  #page_4 .table {
    float: none;
  }
  #page_4 .p4_box1 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 10%;
    margin-left: 0px;
  }
  #page_4 .p4_box2 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 10%;
    clear: both;
  }
  #page_4 .p4_box3 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 10%;
    clear: both;
  }
  #page_4 .p4_box4 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 10%;
    clear: both;
  }
  #page_4 .p4_box5 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-bottom: 10%;
    clear: both;
  }

  /*  #page_4 .p4_box1 .table li img{height:55px;}  */
  #page_4 .p4_box1 .table li span {
    font-size: 13px;
  }
  #page_4 .p4_box1 .table li p {
    display: none;
  }

  #page_4 .p4_box1 .table:nth-child(1) {
    margin-left: 17%;
    margin-right: 40px;
  }
  #page_4 .p4_box1 .table:nth-child(2) {
    margin-right: 0px;
  }
  #page_4 .p4_box1 .table:nth-child(3) {
    margin-left: 15%;
    margin-right: 40px;
  }
  #page_4 .p4_box1 .table:nth-child(4) {
    margin-right: 0px;
  }
  #page_4 .p4_box1 .table:nth-child(5) {
    margin-left: 8.5%;
    margin-top: 4%;
  }

  /*     #page_4 .p4_box2 .table li img{width:97%; height:45px;}     */
  #page_4 .p4_box2 .table li span {
    font-size: 13px;
  }
  #page_4 .p4_box2 .table li p {
    display: none;
  }
  #page_4 .p4_box2 .table {
    margin-right: 0;
  }
  #page_4 .p4_box3 .table {
    margin-right: 0;
  }
  /*     #page_4 .p4_box2 .table:nth-child(1){position: absolute; left:16%; top:47%;}
    #page_4 .p4_box2 .table:nth-child(2){position: absolute; left:5%; top:63%;}
    #page_4 .p4_box2 .table:nth-child(3){position: absolute; left:39%; top:63%;}
    #page_4 .p4_box2 .table:nth-child(4){position: absolute; left:21%; top:80%;} */
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*일곱번째 페이지*/

@media (max-width: 1030px) {
  #page_7 .p7_text {
    padding: 15% 0 0 0;
  }
  #page_7 .p7_text span {
    font-size: 20px;
  }
  #page_7 .p7_text p {
    font-size: 15px;
  }
  #page_7 .p7_btn1,
  .p7_btn2 {
    width: 30%;
  }
  #page_7 .p7_btn1 {
    margin-right: 18%;
  }
  #page_7 .p7_contact {
    width: 90%;
    padding: 20px;
  }
  #page_7 .p7_contact img {
    width: 100%;
  }
  #page_7 .p7_contact_text1 span {
    font-size: 15px;
  }
  #page_7 .p7_contact_text1 p {
    font-size: 10px;
  }
  #page_7 .p7_btnbox {
    width: 100%;
  }
  #page_7 .p7_contact_text2 p {
    font-size: 13px;
    line-height: 15px;
  }

  #page_7 .p7_contact iframe {
    width: 100%;
    height: 850px;
  }
}
@media (max-width: 880px) {
  #page_7 .p7_text {
    padding: 15% 0 0 0;
  }
  #page_7 .p7_text span {
    font-size: 20px;
  }
  #page_7 .p7_text p {
    font-size: 15px;
  }
  #page_7 .p7_btn1,
  .p7_btn2 {
    width: 30%;
  }
  #page_7 .p7_btn1 {
    margin-right: 16%;
  }
  #page_7 .p7_contact {
    width: 90%;
    padding: 20px;
  }
  #page_7 .p7_contact_text1 span {
    font-size: 15px;
  }
  #page_7 .p7_contact_text1 p {
    font-size: 10px;
  }

  #page_7 .p7_contact_text2 p {
    font-size: 13px;
    line-height: 15px;
  }

  #page_7 .p7_contact iframe {
    width: 100%;
    height: 550px;
  }
}

@media (max-width: 480px) {
  #page_7 .p7_text span {
    color: #464b51;
    font-size: 25px;
    font-family: NotoSanse;
  }
  #page_7 .p7_text p {
    color: #f99c0d;
    font-size: 14px;
    font-family: NotoSanse-Regular;
    margin: 10px auto;
  }
}

@media (max-width: 415px) {
  #page_7 .p7_text {
    padding: 0% 0 0 0;
  }
  #page_7 .p7_btn1,
  .p7_btn2 {
    width: 30%;
  }
  #page_7 .p7_btn1 {
    margin-right: 16%;
  }
  #page_7 .p7_contact {
    width: 90%;
    padding: 20px;
  }
  #page_7 .p7_contact_text1 span {
    font-size: 15px;
  }
  #page_7 .p7_contact_text1 p {
    font-size: 10px;
  }

  #page_7 .p7_contact_text2 p {
    font-size: 13px;
    line-height: 15px;
  }

  #page_7 .p7_contact iframe {
    width: 100%;
    height: 300px;
  }
}
@media (max-width: 380px) {
  #page_7 .p7_text {
    padding: 0% 0 0 0;
  }
  #page_7 .p7_text span {
    font-size: 20px;
  }
  #page_7 .p7_text p {
    font-size: 15px;
  }
  #page_7 .p7_btn1,
  .p7_btn2 {
    width: 30%;
  }
  #page_7 .p7_btn1 {
    margin-right: 16%;
  }
  #page_7 .p7_contact {
    width: 90%;
    padding: 20px;
  }
  #page_7 .p7_contact_text1 span {
    font-size: 15px;
  }
  #page_7 .p7_contact_text1 p {
    font-size: 10px;
  }

  #page_7 .p7_contact_text2 p {
    font-size: 13px;
    line-height: 15px;
  }

  #page_7 .p7_contact iframe {
    width: 100%;
    height: 300px;
  }
}

/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */
/* footer */
@media (max-width: 1030px) {
  #footer .footer_logo {
    width: 15%;
    position: absolute;
    transform: translateX(-90%);
    top: 15px;
  }
  #footer .f_t1 {
    font-size: 1em;
    text-align: left;
    display: block;
    width: 65%;
    height: 25px;
    left: 32%;
    line-height: 27px;
  }
  #footer .f_t2 {
    font-size: 1em;
    text-align: left;
    display: block;
    width: 65%;
    height: 25px;
    left: 32%;
    line-height: 23px;
  }
  #footer .f_t3 {
    font-size: 1em;
    text-align: left;
    display: block;
    width: 65%;
    height: 25px;
    left: 32%;
    line-height: 23px;
  }
}
@media (max-width: 880px) {
  #footer .f_t1 {
    font-size: 0.75em;
    text-align: left;
    display: block;
    width: 65%;
    height: 25px;
    left: 32%;
    line-height: 27px;
  }
  #footer .f_t2 {
    font-size: 0.75em;
    text-align: left;
    display: block;
    width: 65%;
    height: 25px;
    left: 32%;
    line-height: 23px;
  }
  #footer .f_t3 {
    font-size: 0.75em;
    text-align: left;
    display: block;
    width: 65%;
    height: 25px;
    left: 32%;
    line-height: 23px;
  }
  #footer .f_t4 {
    font-size: 0.75em;
    left: 31%;
    bottom: 10%;
  }
}
@media (max-width: 500px) {
  #footer {
    height: 200px;
  }
  #footer .footer_logo {
    width: 18%;
    position: absolute;
    left: 24%;
    transform: translateX(-90%);
    top: 10px;
  }
  #footer p {
    font-size: 12px;
  }
  #footer img {
    width: 90px;
  }
  #footer .f_t1 {
    font-size: 0.75em;
    text-align: left;
    display: block;
    position: absolute;
    left: 6%;
    top: 30%;
    width: 93%;
    height: 25px;
    line-height: 21px;
  }
  #footer .f_t1 img {
    width: 6%;
    float: left;
    margin-right: 10px;
  }
  #footer .f_t2 {
    font-size: 0.75em;
    text-align: left;
    display: block;
    position: absolute;
    left: 6%;
    top: 48%;
    width: 93%;
    height: 25px;
    line-height: 21px;
  }
  #footer .f_t2 img {
    width: 6%;
    float: left;
    margin-right: 10px;
  }
  #footer .f_t3 {
    font-size: 0.75em;
    text-align: left;
    display: block;
    position: absolute;
    left: 6%;
    top: 65%;
    width: 93%;
    height: 25px;
    line-height: 21px;
  }
  #footer .f_t3 img {
    width: 6%;
    float: left;
    margin-right: 10px;
  }
  #footer .f_t4 {
    position: absolute;
    font-size: 11px;
    left: 6%;
    bottom: 10%;
  }
}
@media (max-width: 350px) {
  #footer {
    height: 200px;
  }
  #footer .footer_logo {
    width: 18%;
    position: absolute;
    left: 32%;
    transform: translateX(-90%);
    top: 10px;
  }
  #footer p {
    font-size: 12px;
  }
  #footer img {
    width: 90px;
  }
  #footer .f_t1 {
    font-size: 0.75em;
    text-align: left;
    display: block;
    position: absolute;
    left: 32%;
    top: 30%;
    width: 93%;
    height: 25px;
    line-height: 21px;
  }
  #footer .f_t1 img {
    width: 6%;
    float: left;
    margin-right: 10px;
  }
  #footer .f_t2 {
    font-size: 0.75em;
    text-align: left;
    display: block;
    position: absolute;
    left: 32%;
    top: 48%;
    width: 93%;
    height: 25px;
    line-height: 21px;
  }
  #footer .f_t2 img {
    width: 6%;
    float: left;
    margin-right: 10px;
  }
  #footer .f_t3 {
    font-size: 0.75em;
    text-align: left;
    display: block;
    position: absolute;
    left: 32%;
    top: 65%;
    width: 93%;
    height: 25px;
    line-height: 21px;
  }
  #footer .f_t3 img {
    width: 6%;
    float: left;
    margin-right: 10px;
  }
  #footer .f_t4 {
    position: absolute;
    font-size: 11px;
    left: 6%;
    bottom: 10%;
  }
}

/* 22.11.06 */

@media (max-width: 1024px) {
  .section_inner .sc_head {
    padding-top: 100px;
  }
  .section_inner .sc_head .txt_title {
    font-size: 35px;
  }
  .section_inner .sc_head .txt_sub {
    font-size: 20px;
    margin-top: 10px;
  }
  .section_inner .sc_body {
    margin-top: 10px;
  }

  #page_3 .scroll_wrap .scroll_inner::-webkit-scrollbar {
    width: 0px;
  }
  #page_3 .swiper-container {
    padding: 0 70px 70px;
    height: 100%;
    margin-right: 0;
  }
  #page_3 .swiper-container .swiper-button-next,
  #page_3 .swiper-container .swiper-button-prev {
    height: 44px;
  }
  #page_3 .swiper-container .swiper-button-next {
    right: 10px;
  }
  #page_3 .swiper-container .swiper-button-prev {
    left: 10px;
  }

  .year_history_area {
    flex-direction: column;
    align-items: stretch;
  }
  .year_txt {
    font-size: 20px;
  }
  .year_txt:after {
    margin-top: 10px;
  }
  .year_desc li:before,
  .year_desc .tit {
    font-size: 16px;
  }
  .year_desc .sub:before,
  .year_desc .sub {
    font-size: 14px;
  }

  .partner_area {
    padding: 0 15px 60px;
  }
  .partner_area ul li {
    min-width: calc(100% / 5);
    max-width: calc(100% / 5);
    height: 107px;
  }

  .partner_area {
    padding: 0 15px 100px;
  }

  .swiper-tab-area {
    padding: 0 40px;
  }
  .swiper-tab-area ul {
    align-items: stretch;
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    background: #f1f1f1;
  }
  .swiper-tab-area ul li {
    flex-grow: 1;
  }
  .swiper-tab-area ul li + li {
    margin-left: 0;
  }
  .swiper-tab-area .btn {
    box-shadow: none;
    border-radius: 0;
    padding: 5px 8px;
    width: 100%;
    border-radius: 30px;
    min-height: 40px;
    background: transparent;
    font-size: 14px;
    height: 40px;
  }
  #page_5 .swiper-scrollbar {
    margin-top: 15px;
    z-index: 8000;
    width: calc(100% - 20px);
  }

  #footer {
    position: relative;
    height: auto !important;
    padding: 40px 30px;
  }
  .f_logo {
    height: 40px;
    margin-bottom: 10px;
  }
  .f_logo img {
    width: auto !important;
  }
  .f_head {
    padding: 0;
  }
  .f_head,
  .f_info {
    align-items: stretch;
    flex-direction: column;
  }
  .f_comp {
    margin-bottom: 30px;
  }
  .f_info .item {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }

  .card-container {
    margin: 0 15px;
    padding-bottom: 60px;
  }
  .card-container .btn-area {
    margin-top: 20px;
  }

  .card-item {
    flex-shrink: 0;
    width: calc(100% / 2);
    padding: 12px;
  }
  @keyframes wave {
    form {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1500%);
    }
  }
  @-webkit-keyframes wave {
    form {
      -webkit-transform: translateX(0);
    }
    to {
      transform: translateX(-1500%);
    }
  }
  @-moz-keyframes wave {
    form {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1500%);
    }
  }
  @-o-keyframes wave {
    form {
      transform: translateX(0);
    }
    to {
      transform: translateX(-1500%);
    }
  }

  #page_6 {
    padding-bottom: 100px;
  }
  .btn-area .btn2 {
    font-size: 14px;
    padding: 0 25px;
    height: 50px;
  }
}
@media (max-width: 768px) {
  .scroll_wrap .scroll_inner {
    padding-left: 10px;
  }
  .scroll_wrap .scroll_inner::-webkit-scrollbar {
    width: 10px;
  }
  .scroll_wrap .scroll_inner::-webkit-scrollbar-thumb {
    border: 3px solid #fff;
  }

  .section_inner .sc_head {
    /*padding-top: 100px;*/
  }
  .section_inner .sc_head .txt_title {
    font-size: 28px;
  }
  .section_inner .sc_head .txt_sub {
    font-size: 16px;
    margin-top: 10px;
  }

  .scroll_fixed_item .btn {
    font-size: 14px;
    margin: 15px;
    padding: 0 25px;
    height: 50px;
  }

  #page_3 .swiper-container {
    padding: 0 15px 70px;
  }
  #page_3 .swiper-container .swiper-button-next,
  #page_3 .swiper-container .swiper-button-prev {
    height: 30px;
    width: 14px;
  }
  .year_txt {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    text-align: left;
    line-height: 0.9em;
    font-size: 20px;
  }
  .year_txt:before {
    display: none;
  }
  .year_txt:after {
    width: 2px;
    height: auto;
    margin: 0 10px;
  }

  .partner_area {
    /*padding: 0 15px 70px;*/
    padding-bottom: 40px;
  }
  .partner_area ul li {
    min-width: calc(100% / 5);
    max-width: calc(100% / 5);
    height: 94px;
    padding: 6px 10px;
    margin-top: 15px;
  }
  .partner_area ul li img {
    max-width: 130px;
  }

  .swiper-tab-area {
    padding: 0 20px;
  }

  .card_item {
    height: 100%;
  }
  .card_item .txtBox {
    padding: 20px 16px;
  }
  .card_item .label {
    margin-bottom: 10px;
  }
  .card_item .label span {
    font-size: 12px;
    padding: 6px 10px;
  }
  .card_item .tit {
    font-size: 18px;
  }
  .card_item .desc span {
    font-size: 12px;
  }

  .media_news_area {
    padding: 0px 10px 0px;
  }
  .media_news_area li {
    padding: 10px;
  }
  .media_news_area .media_cont {
    padding-bottom: 10px;
  }
  .media_cont .subjectTxt {
    font-size: 18px;
  }
  .media_cont .prevTxt {
    display: none;
  }

  #footer {
    padding: 40px 20px;
  }
  .f_info .item {
    margin-bottom: 10px;
  }
  .f_info .item .tit {
    display: none;
  }
  .f_Copyright {
    margin-top: 30px;
  }

  /*포트폴리오 상세*/
  .c_mb30 {
    margin-bottom: 20px !important;
  }
  .c_mb20 {
    margin-bottom: 15px !important;
  }
  .c_mb15 {
    margin-bottom: 8px !important;
  }
  .c_mb10 {
    margin-bottom: 5px !important;
  }

  .border_line {
    margin: 20px 0;
  }

  .c_img_desc {
    padding: 20px 10px 0;
    font-size: 15px;
  }

  .portfolio-head {
    padding: 40px 0 0;
    font-size: 24px;
  }
  .portfolio-neme {
    font-size: 18px;
  }

  .c_btn_area .btn {
    flex-grow: 1;
    background: var(--color-primary);
    color: #fff;
  }

  .card-container {
    margin: 0 3px;
  }

  .card-item {
    flex-shrink: 0;
    width: calc(100% / 2);
    padding: 12px;
  }

  @keyframes wave {
    form {
      transform: translateX(0);
    }
    to {
      transform: translateX(-2000%);
    }
  }
  @-webkit-keyframes wave {
    form {
      -webkit-transform: translateX(0);
    }
    to {
      transform: translateX(-2000%);
    }
  }
  @-moz-keyframes wave {
    form {
      transform: translateX(0);
    }
    to {
      transform: translateX(-2000%);
    }
  }
  @-o-keyframes wave {
    form {
      transform: translateX(0);
    }
    to {
      transform: translateX(-2000%);
    }
  }

  .btn-area .btn2,
  .scroll_fixed_item .btn {
    width: 180px;
  }

  .form-field-area {
    padding: 0 10px;
  }
  .field-area + .field-area {
    margin-top: 20px;
  }
  .field-group .field-area + .field-area {
    margin-top: 0;
    margin-left: 20px;
  }
  .check-area {
    margin-top: 0;
  }

  #page_6 .section_inner .sc_body {
    height: 655px;
  }
  .scroll_fixed_item {
    height: 200px;
  }
  .scroll_fixed_item:before {
    height: 50px;
  }
}

@media (max-width: 425px) {
  .card-item {
    flex-shrink: 0;
    width: 100%;
    padding: 12px;
  }
  .partner_area ul li {
    min-width: calc(100% / 3);
    max-width: calc(100% / 3);
  }
}

@media (max-width: 500px) {
  .field-group {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
  }
  .field-group .field-area + .field-area {
    margin-left: 0;
  }
  .field-group + .field-group,
  .field-group + .field-area {
    margin-top: 20px;
  }
  .field-group .field-area + .field-area,
  .field-area + .field-area {
    margin-left: 0;
    margin-top: 15px;
  }
}