.header .logo1{height:3rem;content:url(../img/logo-white.png);}
.header1 a{color:white;}
#siteMap a i{color:white;}

.content2 .header .logo1{height:3rem;content:url(../img/logo-dark.png);}
.content2 a{color:black;}
.content2 #siteMap a i{color:black;}
.content6 .header .logo1{height:3rem;content:url(../img/logo-dark.png);}
.content6 a{color:black;}
.content6 #siteMap a i{color:black;}

*{margin:0;padding:0;box-sizing: border-box;}
html{font-size: 10px;height:100%;}
body{height:100%;}
#container{height: 100%;position:relative;}
.content{overflow:hidden;height:100vh;}
footer{position: relative;transform: translateY(-100%);}
/* section1 */
.content1{height:100%;}


.s1-frame{width:100%;margin: 0 auto;height:100% }
.carousel-inner{position: relative;height:100%;}
.carousel-item p:nth-child(1){width:100%; margin:auto; color: white; position: absolute;;left:25%; top:35%;font-size:2.92vw; font-weight: 900; text-shadow: rgb(81, 81, 81) 3px 3px 3px;}
.carousel-item p:nth-child(2){width:100%; margin:auto; color: white; position: absolute;;left:25%; top:55%;font-size: 1.05vw; font-weight: 400; text-shadow: rgb(81, 81, 81) 1px 1px 1px;}
.carousel-item{ width:100%; height:100%;}
#carousel1{background: url(../img/이미지/메인/1.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
#carousel2{background: url(../img/이미지/메인/2.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
#carousel3{background: url(../img/이미지/메인/3.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
/* 2번째 섹션의 이미지 밝기 */
.content2{width:100%;height:100%;position: relative; background: url(../img/이미지/메인/s2-back.png);background-repeat: no-repeat; background-size: cover;}
.s2-frame{width:70.1%;height:66%;left:50%;top:50%;display: flex; flex-wrap: wrap;justify-content: space-between;position:absolute;transform: translate(-50%,-50%);}
.content2 .titleName{line-height:3vw;}
.content2 .titleName p:nth-child(1){font-size:2.5rem; font-weight: 700;color:#154b9a;}
.content2 .titleName p:nth-child(2){font-size: 1.8vw;font-weight: 700;}
.card-box{width:55%;height: 20%;display: flex;margin: auto;justify-content: space-between;}
.card1{width:100%;height:100%;text-align: center;}
.s2-cardbox1{width:100%;height:100%;text-align: center;font-size: 2vw;position: relative;}
.s2-cardbox1 i:nth-child(1){position: absolute;transform: translate(-50%,-50%);font-size: 3.3vw;top:20%;left:65%;}
.s2-cardbox1 i:nth-child(2){position: absolute;transform: translate(-50%,-50%);font-size: 3.3vw;top:10%;left:38%;}
.s2-cardbox1 p{position: absolute;transform: translate(0%,-50%);font-size: 1.5vw;width:100%;top:70%;}
.s2-cardbox1 i:nth-child(4){position: absolute;transform: translate(-50%,-50%);top:100%;font-size: 2.5vw;}
.card1 a{text-decoration: none;}

.s2-cardbox{width:100%;height:100%;text-align: center;font-size: 2vw;position: relative;}
.s2-cardbox i:nth-child(1){position: absolute;transform: translate(-50%,-50%);font-size: 4vw;top:20%;left:50%;}
.s2-cardbox p{position: absolute;transform: translate(0%,-50%);font-size: 1.5vw;width:100%;top:72%;}
.s2-cardbox i:nth-child(3){position: absolute;transform: translate(-50%,-50%);top:100%;font-size: 2.5vw;height: auto;}

#tech:hover{color:#0E4F9D}
#human:hover{color:#FF8A00}
#edu:hover{color:#50916E}
#info:hover{color:#FFC700}


.s2-cardbox:hover, .s2-cardbox1:hover{
  animation-name: bounce;
  animation-duration: 0.7s;
  cursor: pointer;
}

/* section3 */
.content3{width:100vw;height:100%;position: relative;}
#s3-line-1{position: absolute; top:40%;border: 1px solid white; z-index:9999;width:8vw;left:32%;}
#s3-line-2{position: absolute; top:40%;border: 1px solid white; z-index:9999;width:8vw;left:60%;}
.content3 .s3-main div{width:100%;height:100%;position:absolute;}
.content3 .s3-main div p:nth-child(1){font-size: 4.2vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:40%;left:50%;}
.content3 .s3-main div p:nth-child(2){font-size: 1.9vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:41%;left:25%;}
.content3 .s3-main div p:nth-child(3){font-size: 1.9vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:41%;left:75%;}
.content3 .s3-main div p:nth-child(4){font-size: 1.05vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:55%;left:50%;line-height:2vw;}
#s3-back-text{position:absolute;bottom:-8%;font-size: 9vw;left:52%;color:white;opacity:40%;}


/* section4 */
.content4{height:100%;position: relative;overflow:hidden;}
.s4-background{width:100%;height:100%;}
.s4-background img{width:100%;height:100%;z-index:20;position: absolute;filter: brightness(0.6);object-fit: cover;}
.s4-content{width:30vw;height:auto;z-index: 21;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.s4-content img{width:100%;height:100%;}

/* section5 */
.content5{position: relative;width:100%;height:100%;background: url(../img/이미지/메인/s5-back.png);background-size: cover;background-repeat: no-repeat; background-position: center center;display: flex;justify-content: end;}

.s5-frame{width:50%;flex-basis:50%;height:100%;background:black;opacity: 0.6;margin-left:auto; color:white;position:relative;}
.s5-frame div{width:100%;height:60%;position:absolute;transform: translate(0%,-50%);top:60%;left:2%;}
.s5-frame p:nth-child(1){font-size: 3.15vw;font-weight: 700;}
.s5-frame p:nth-child(2){font-size: 1.05vw;font-weight: 400;}
.s5-frame ul{position:absolute;transform: translate(0%,-50%);bottom:0%;left:2%;}
.s5-frame ul li{font-size: 1.05vw;font-weight: 400;line-height: 6.4vh;}

  
  @keyframes slidein {
    from {
      left: 50%;
    }
  
    to {
      left: 0%;
    }
  }

  @keyframes slideout {
    from {
      left: 50%;
    }
  
    to {
      left: 0%;
    }
  }
 

/* 6번째 섹션 박스 */
.content6{position:relative; height:70%;}

table{width:61.5vw;height:55%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.content6 table tr{border-top:1px solid black;border-bottom:1px solid black;}
.content6 tr td:nth-child(1){font-size:2.61vw;font-weight: 600;width:40%;}
.content6 tr td:nth-child(2){font-size:1.05vw;font-weight: 500;}
.content6 tr td:nth-child(3){font-weight: 500;font-weight: 600;width:10%;}
.content6 tr td:nth-child(3) div{position:relative;}
.content6 tr td:nth-child(3) i{font-size: 2.61vw;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.content6 tr td:nth-child(3) i:hover{color:#0E4F9D;cursor: pointer;}


.f-line1 a{color:white}
/* 테블릿 가로 (해상도 774px ~ 1023px)*/ 
@media all and (min-width:774px) and (max-width:1230px) {


  .s1-frame{width:100%;margin: 0 auto;height:100%; }
  .carousel-inner{position: relative;height:100%;}
  .carousel-item p:nth-child(1){width:100%; margin:auto; color: white; position: absolute;;left:20%; top:35%;font-size:5rem; font-weight: 900; text-shadow: rgb(81, 81, 81) 3px 3px 3px;}
  .carousel-item p:nth-child(2){width:100%; margin:auto; color: white; position: absolute;;left:20%; top:55%;font-size: 2rem; font-weight: 400; text-shadow: rgb(81, 81, 81) 1px 1px 1px;}
  #carousel1{background: url(../img/이미지/메인/1.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
  #carousel2{background: url(../img/이미지/메인/2.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
  #carousel3{background: url(../img/이미지/메인/3.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
  .carousel-item{ width:100%; height:100%;}
  /* 2번째 섹션의 이미지 밝기 */
  .content2{width:100%;height:100%;position: relative; background: url(../img/이미지/메인/s2-back.png);background-repeat: no-repeat; background-size: cover;background-position: center center;}
  .s2-frame{width:80.1%;height:50%;left:50%;top:50%;display: flex; flex-wrap: wrap;justify-content: space-between;position:absolute;transform: translate(-50%,-50%);}
  .content2 .titleName{line-height:5rem;}
  .content2 .titleName p:nth-child(1){font-size:4rem; font-weight: 700;color:#154b9a;}
  .content2 .titleName p:nth-child(2){font-size:2rem,;font-weight: 700;}
  .card-box{width:90%;height: 20%;display: flex;margin: auto;justify-content: space-between;}
  .card1{width:100%;height:100%;text-align: center;}
  .s2-cardbox1{width:100%;height:100%;text-align: center;font-size: 4rem;position: relative;}
  .s2-cardbox1 i:nth-child(1){position: absolute;transform: translate(-50%,-50%);font-size: 5vw;top:20%;left:65%;}
  .s2-cardbox1 i:nth-child(2){position: absolute;transform: translate(-50%,-50%);font-size: 5vw;top:10%;left:35%;}
  .s2-cardbox1 p{position: absolute;transform: translate(0%,-50%);font-size: 3vw;width:100%;top:70%;}
  .s2-cardbox1 i:nth-child(4){position: absolute;transform: translate(-50%,-50%);top:100%;font-size: 4vw;}
  .card1 a{text-decoration: none;}
  
  .s2-cardbox{width:100%;height:100%;text-align: center;font-size: 2vw;position: relative;}
  .s2-cardbox i:nth-child(1){position: absolute;transform: translate(-50%,-50%);font-size: 7vw;top:20%;left:50%;}
  .s2-cardbox p{position: absolute;transform: translate(0%,-50%);font-size: 3vw;width:100%;top:72%;}
  .s2-cardbox i:nth-child(3){position: absolute;transform: translate(-50%,-50%);top:100%;font-size: 4vw;height: auto;}
  
  #tech:hover{color:#0E4F9D}
  #human:hover{color:#FF8A00}
  #edu:hover{color:#50916E}
  #info:hover{color:#FFC700}
  
  
  .s2-cardbox:hover, .s2-cardbox1:hover{
    animation-name: bounce;
    animation-duration: 0.7s;
    cursor: pointer;
  }
  
  /* section3 */
  .content3{width:100vw;height:100%;position: relative;}
  #s3-line-1{position: absolute; top:40%;border: 1px solid white; z-index:9999;width:8vw;left:28%;}
  #s3-line-2{position: absolute; top:40%;border: 1px solid white; z-index:9999;width:8vw;left:65%;}
  .content3 .s3-main div{width:100%;height:100%;position:absolute;}
  .content3 .s3-main div p:nth-child(1){font-size: 7vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:40%;left:50%;}
  .content3 .s3-main div p:nth-child(2){font-size: 4vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:41%;left:20%;}
  .content3 .s3-main div p:nth-child(3){font-size: 4vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:41%;left:80%;}
  .content3 .s3-main div p:nth-child(4){font-size: 3vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:55%;left:50%;line-height:5vw;width:100%;}
  #s3-back-text{position:absolute;bottom:-8%;font-size: 9vw;left:52%;color:white;opacity:40%;}
  
  
  /* section4 */
  .content4{height:100%;position: relative;overflow:hidden;}
  .s4-background{width:100%;height:100%;}
  .s4-background img{width:100%;height:100%;z-index:20;position: absolute;filter: brightness(0.6);object-fit: cover;}
  .s4-content{width:80vw;height:auto;z-index: 21;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
  .s4-content img{width:100%;height:100%;}
  
  /* section5 */
  .content5{width:100%;height:100%;background: url(../img/이미지/메인/s5-back.png);background-size: cover;background-repeat: no-repeat; background-position: center center;display: flex;justify-content: end;}
  
  .s5-frame{flex-basis:50%;height:100%;background:black;opacity: 0.6;;margin-left:auto; color:white;position:relative;}
  .s5-frame div{width:100%;height:60%;position:absolute;transform: translate(0%,-50%);top:60%;left:2%;}
  .s5-frame p:nth-child(1){font-size: 5vw;font-weight: 700;}
  .s5-frame p:nth-child(2){font-size: 2rem;font-weight: 400;}
  .s5-frame ul{position:absolute;transform: translate(0%,-50%);bottom:0%;left:2%;}
  .s5-frame ul li{font-size:3rem;font-weight: 400;line-height: 6.4vh;}
  
  
  /* 6번째 섹션 박스 */
  .content6{position:relative; height:70%;}
  
  table{width:80vw;height:55%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
  .content6 table tr{border-top:1px solid black;border-bottom:1px solid black;}
  .content6 tr td:nth-child(1){font-size:3vw;font-weight: 600;width:30%;}
  .content6 tr td:nth-child(2){font-size:2.5vw;font-weight: 500;}
  .content6 tr td:nth-child(3){font-weight: 500;font-weight: 600;width:10%;}
  .content6 tr td:nth-child(3) div{position:relative;}
  .content6 tr td:nth-child(3) i{font-size: 2.61vw;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
  .content6 tr td:nth-child(3) i:hover{color:#0E4F9D;cursor: pointer;}
  

    }
    
/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (min-width:480px) and (max-width:773px) {


  .s1-frame{width:100%;margin: 0 auto;height:100%; }
  .carousel-inner{position: relative;height:100%;}
  .carousel-item p:nth-child(1){width:100%; margin:auto; color: white; position: absolute;;left:20%; top:35%;font-size:5rem; font-weight: 900; text-shadow: rgb(81, 81, 81) 3px 3px 3px;}
  .carousel-item p:nth-child(2){width:100%; margin:auto; color: white; position: absolute;;left:20%; top:55%;font-size: 2rem; font-weight: 400; text-shadow: rgb(81, 81, 81) 1px 1px 1px;}
  #carousel1{background: url(../img/이미지/메인/1.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
  #carousel2{background: url(../img/이미지/메인/2.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
  #carousel3{background: url(../img/이미지/메인/3.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
  .carousel-item{ width:100%; height:100%;}
  /* 2번째 섹션의 이미지 밝기 */
  .content2{width:100%;height:100%;position: relative; background: url(../img/이미지/메인/s2-back.png);background-repeat: no-repeat; background-size: cover;background-position: center center;}
  .s2-frame{width:80.1%;height:50%;left:50%;top:50%;display: flex; flex-wrap: wrap;justify-content: space-between;position:absolute;transform: translate(-50%,-50%);}
  .content2 .titleName{line-height:5rem;}
  .content2 .titleName p:nth-child(1){font-size:4rem; font-weight: 700;color:#154b9a;}
  .content2 .titleName p:nth-child(2){font-size:2rem,;font-weight: 700;}
  .card-box{width:90%;height: 20%;display: flex;margin: auto;justify-content: space-between;}
  .card1{width:100%;height:100%;text-align: center;}
  .s2-cardbox1{width:100%;height:100%;text-align: center;font-size: 4rem;position: relative;}
  .s2-cardbox1 i:nth-child(1){position: absolute;transform: translate(-50%,-50%);font-size: 5vw;top:20%;left:65%;}
  .s2-cardbox1 i:nth-child(2){position: absolute;transform: translate(-50%,-50%);font-size: 5vw;top:10%;left:35%;}
  .s2-cardbox1 p{position: absolute;transform: translate(0%,-50%);font-size: 3vw;width:100%;top:70%;}
  .s2-cardbox1 i:nth-child(4){position: absolute;transform: translate(-50%,-50%);top:100%;font-size: 4vw;}
  .card1 a{text-decoration: none;}
  
  .s2-cardbox{width:100%;height:100%;text-align: center;font-size: 2vw;position: relative;}
  .s2-cardbox i:nth-child(1){position: absolute;transform: translate(-50%,-50%);font-size: 7vw;top:20%;left:50%;}
  .s2-cardbox p{position: absolute;transform: translate(0%,-50%);font-size: 3vw;width:100%;top:72%;}
  .s2-cardbox i:nth-child(3){position: absolute;transform: translate(-50%,-50%);top:100%;font-size: 4vw;height: auto;}
  
  #tech:hover{color:#0E4F9D}
  #human:hover{color:#FF8A00}
  #edu:hover{color:#50916E}
  #info:hover{color:#FFC700}
  
  
  .s2-cardbox:hover, .s2-cardbox1:hover{
    animation-name: bounce;
    animation-duration: 0.7s;
    cursor: pointer;
  }
  
  /* section3 */
  .content3{width:100vw;height:100%;position: relative;}
  #s3-line-1{position: absolute; top:40%;border: 1px solid white; z-index:9999;width:8vw;left:28%;}
  #s3-line-2{position: absolute; top:40%;border: 1px solid white; z-index:9999;width:8vw;left:65%;}
  .content3 .s3-main div{width:100%;height:100%;position:absolute;}
  .content3 .s3-main div p:nth-child(1){font-size: 7vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:40%;left:50%;}
  .content3 .s3-main div p:nth-child(2){font-size: 4vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:41%;left:20%;}
  .content3 .s3-main div p:nth-child(3){font-size: 4vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:41%;left:80%;}
  .content3 .s3-main div p:nth-child(4){font-size: 3vw; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:55%;left:50%;line-height:5vw;width:100%;}
  #s3-back-text{position:absolute;bottom:-8%;font-size: 9vw;left:52%;color:white;opacity:40%;}
  
  
  /* section4 */
  .content4{height:100%;position: relative;overflow:hidden;}
  .s4-background{width:100%;height:100%;}
  .s4-background img{width:100%;height:100%;z-index:20;position: absolute;filter: brightness(0.6);object-fit: cover;}
  .s4-content{width:80vw;height:auto;z-index: 21;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
  .s4-content img{width:100%;height:100%;}
  
  /* section5 */
  .content5{width:100%;height:100%;background: url(../img/이미지/메인/s5-back.png);background-size: cover;background-repeat: no-repeat; background-position: center center;display: flex;justify-content: end;}
  
  .s5-frame{flex-basis:50%;height:100%;background:black;opacity: 0.6;;margin-left:auto; color:white;position:relative;}
  .s5-frame div{width:100%;height:60%;position:absolute;transform: translate(0%,-50%);top:60%;left:2%;}
  .s5-frame p:nth-child(1){font-size: 5vw;font-weight: 700;}
  .s5-frame p:nth-child(2){font-size: 2rem;font-weight: 400;}
  .s5-frame ul{position:absolute;transform: translate(0%,-50%);bottom:0%;left:2%;}
  .s5-frame ul li{font-size:3rem;font-weight: 400;line-height: 6.4vh;}
  
  
  /* 6번째 섹션 박스 */
  .content6{position:relative; height:70%;}
  
  table{width:80vw;height:55%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
  .content6 table tr{border-top:1px solid black;border-bottom:1px solid black;}
  .content6 tr td:nth-child(1){font-size:3vw;font-weight: 600;width:30%;}
  .content6 tr td:nth-child(2){font-size:2.5vw;font-weight: 500;}
  .content6 tr td:nth-child(3){font-weight: 500;font-weight: 600;width:10%;}
  .content6 tr td:nth-child(3) div{position:relative;}
  .content6 tr td:nth-child(3) i{font-size: 2.61vw;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
  .content6 tr td:nth-child(3) i:hover{color:#0E4F9D;cursor: pointer;}
  

}
    
/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) {
  #container{height: 100%;display:flex;flex-direction: column;}
  section{flex-grow:1;}
  .content{overflow:visible;height:900px;}

/* section1 */
.content1{height:100%;}
.s1-frame{width:100%;margin: 0 auto;height:100% }

.carousel-inner{position: relative;height:100%;}
.carousel-item p:nth-child(1){width:70.1%; margin:auto; color: white; position: absolute;transform: translate(-50%,-50%);left:40%; top:45%;font-size:9vw; font-weight: 900; text-shadow: rgb(81, 81, 81) 3px 3px 3px;}
.carousel-item p:nth-child(2){width:70.1%; margin:auto; color: white; position: absolute;transform: translate(-50%,-50%);left:40%; top:65%;font-size: 3vw; font-weight: 400; text-shadow: rgb(81, 81, 81) 1px 1px 1px;}
.carousel-item{ width:100vw; height:100%;}
/* 2번째 섹션의 이미지 밝기 */
.content2{width:100%;height:100%;position: relative; background: url(../img/이미지/메인/s2-back.png);background-repeat: no-repeat; background-size: cover;background-position:center center;}
.s2-frame{width:80.1%;height:55%;left:50%;top:50%;display: flex; flex-wrap: wrap;justify-content: space-between;position:absolute;transform: translate(-50%,-50%);}
.content2 .titleName{line-height:4rem;}
.content2 .titleName p:nth-child(1){font-size:2.4rem; font-weight: 700;color:#154b9a;}
.content2 .titleName p:nth-child(2){font-size:1.2rem;font-weight: 700;}
.card-box{width:80%;height: 20%;display: flex;margin: auto;justify-content: space-between;}
.card1{width:100%;height:100%;text-align: center;}
.s2-cardbox1{width:100%;height:100%;text-align: center;font-size: 2vw;position: relative;}
.s2-cardbox1 i:nth-child(1){position: absolute;transform: translate(-50%,-50%);font-size: 5vw;top:20%;left:65%;}
.s2-cardbox1 i:nth-child(2){position: absolute;transform: translate(-50%,-50%);font-size: 5vw;top:10%;left:38%;}
.s2-cardbox1 p{position: absolute;transform: translate(0%,-50%);font-size: 3vw;width:100%;top:70%;}
.s2-cardbox1 i:nth-child(4){position: absolute;transform: translate(-50%,-50%);top:100%;font-size:4vw;}
.card1 a{text-decoration: none;}

.s2-cardbox{width:100%;height:100%;text-align: center;font-size: 2vw;position: relative;}
.s2-cardbox i:nth-child(1){position: absolute;transform: translate(-50%,-50%);font-size: 7vw;top:20%;left:50%;}
.s2-cardbox p{position: absolute;transform: translate(0%,-50%);font-size: 3vw;width:100%;top:72%;}
.s2-cardbox i:nth-child(3){position: absolute;transform: translate(-50%,-50%);top:100%;font-size: 4vw;height: auto;}

#tech:hover{color:#0E4F9D}
#human:hover{color:#FF8A00}
#edu:hover{color:#50916E}
#info:hover{color:#FFC700}

  /* section3 */
  #s3-line-1{position: absolute; top:48%;border: 1px solid white; z-index:9999;width:5vw;left:24%;}
#s3-line-2{position: absolute; top:48%;border: 1px solid white; z-index:9999;width:5vw;left:72%;}
  .content3 .s3-main div p:nth-child(1){font-size: 4.7rem; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:48%;left:50%;}
  .content3 .s3-main div p:nth-child(2){font-size: 2.2rem; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:49%;left:13%;}
  .content3 .s3-main div p:nth-child(3){font-size: 2.2rem; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:49%;left:87%;}
  .content3 .s3-main div p:nth-child(4){font-size: 2rem; color:white;text-align: center;position:absolute;transform: translate(-50%,-50%);top:70%;left:50%;line-height:4rem;width:100%;}
#s3-back-text{position:absolute;bottom:-3%;font-size: 9vw;left:52%;color:white;opacity:40%;}

/* section4 */
.s4-background img{width:100%;height:100%;z-index:20;position: absolute;filter: brightness(0.6);object-fit: cover;object-position: center center;}
.s4-content{width:90%;height:auto;z-index: 21;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
/* section5 */
.s5-frame p:nth-child(1){font-size: 5vw;}
.s5-frame p:nth-child(2){font-size: 2vw;}
.s5-frame ul li{font-size: 3vw;}


/* 6번째 섹션 박스 */

table{width:80%;height:55%;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.content6 tr td:nth-child(1){font-size:1.5rem;font-weight: 600;width:25%;}
.content6 tr td:nth-child(2){font-size:1.5rem;font-weight: 500;}
.content6 tr td:nth-child(3) i{font-size: 2.5rem;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

}