*{margin:0;padding:0;box-sizing: border-box;}
html{font-size: 10px;height:100%;}
body{height:100%;}
#container{height:100%;}
#wrap{height: 100%;position:relative;}
footer{position: relative;transform: translateY(-100%);}




.header1 a{color:black;}
#siteMap a i{color:black;}
#first , #second{height:100vh;position: relative;}

/* section1 */
.section1{height:100%;}
.s1-frame{width:62.5vw;height:auto; display:flex;justify-content: space-between;flex-wrap: wrap;position:absolute; top:25%;left:19%}
.title{flex-basis:100%;  font-size: 4.2vw;font-weight: bold;}
.s1-content{padding-top: 19vh;}
.s1-content p{font-size: 1.3vw;line-height:2.5vw;}
.s1-content p:nth-child(1){color:#154B9A;font-weight: bold;font-size: 2.1vw;padding-bottom: 3.35vh;}


#second{background:url(../img/이미지/기술지원/배경.png);background-position: bottom right; background-size: cover;background-repeat: no-repeat;}
/* section2 */
.section2{text-align: center;color:white;height: max-content;}
#title{text-decoration: underline;text-underline-position: under;font-weight: bold;font-size: 1vw;position: absolute;top: 15%;left:50%;transform: translate(-50%,-50%);}
.s2-frame{width:62.5vw;height:40vh; position:absolute;left:50%;top:43%;transform: translate(-50%,-50%);}
.s2-frame img{width:4vw;}
.s2-frame div div:nth-child(1) img{padding:5px}
.line-1,.line-2,.line-3{height:33%;display:flex;justify-content: space-around;flex-basis: 33%;align-items: center;padding:0.86vw 0;border-top: 1px solid #828282;font-size: 0.8vw;}
.line-3{border-bottom: 1px solid #cecece;}
.s2-content{flex-basis: 50%;text-align: left;}


/* section3 */
.s3-frame{display:flex;width:62.5vw;justify-content: end;padding-top: 4vh;}
.s3-1, .s3-2{font-size: 1.05vw;margin-left: 2rem; color:white;font-weight: 600;}


.hr{margin: 0; color:white;}





/* 테블릿 가로 (해상도 774px ~ 1023px)*/ 
@media all and (min-width:774px) and (max-width:1450px) { 
    .section1{}
    .s1-frame{width:70vw;height:auto; display:flex;justify-content: space-between;flex-wrap: wrap;position:absolute; top:50%;left:50%;transform: translate(-50%,-50%);}
    .title{flex-basis:100%;  font-size: 6vw;font-weight: bold;}
    .s1-content{padding-top: 19vh;}
    .s1-content p{font-size:2vw;line-height:2.5vw;}
    .s1-content p:nth-child(1){color:#154B9A;font-weight: bold;font-size: 4vw;padding-bottom: 3.35vh;}
    /* section2 */
.section2{text-align: center;color:white;height: max-content;}
#title{text-decoration: underline;text-underline-position: under;font-weight: bold;font-size:2vw;position: absolute;top: 15%;left:50%;transform: translate(-50%,-50%);}
.s2-frame{width:70vw;height:40vh; position:absolute;left:50%;top:43%;transform: translate(-50%,-50%);}
.s2-frame img{width:7rem;}
.line-1,.line-2,.line-3{height:33%;display:flex;justify-content: space-around;flex-basis: 33%;align-items: center;padding:0.86vw 0;border-top: 1px solid #828282;font-size: 1.2vw;}


/* section3 */
.s3-frame{display:flex;width:70vw;justify-content: end;padding-top: 4vh;}
.s3-1, .s3-2{font-size:1.8vw;margin-left: 2rem; color:white;font-weight: 600;}

}
/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
/* @media all and (min-width:480px) and (max-width:773px) {
    .s1-frame{width:80vw;height:auto; display:flex;justify-content: space-between;flex-wrap: wrap;position:absolute; top:50%;left:50%;transform: translate(-50%,-50%);}
    .title{flex-basis:100%;  font-size: 9vw;font-weight: bold;}
    .s1-content p{font-size: 4vw;line-height:5.5vw;}
    .s1-content p:nth-child(1){color:#154B9A;font-weight: bold;font-size: 6vw;padding-bottom: 3.35vh;}
} */

/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:773px) {
    .s1-frame{width:80vw;height:auto; display:flex;justify-content: space-between;flex-wrap: wrap;position:absolute; top:55%;left:50%;transform: translate(-50%,-50%);}
    .title{flex-basis:100%;  font-size: 10vw;font-weight: bold;}
    .s1-content{padding-top: 10vh;}
    .s1-content p{font-size:3.5vw;line-height:5.5vw;}
    .s1-content p:nth-child(1){color:#154B9A;font-weight: bold;font-size: 6vw;padding-bottom: 3vh;}
    
        /* section2 */
.section2{text-align: center;color:white;height: max-content;}
#title{text-decoration: underline;text-underline-position: under;font-weight: bold;font-size:3vw;position: absolute;top: 15%;left:50%;transform: translate(-50%,-50%);}
.s2-frame{width:80vw;height:40vh; position:absolute;left:50%;top:43%;transform: translate(-50%,-50%);}
.s2-frame img{width:7rem;}
.line-1,.line-2,.line-3{height:33%;display:flex;justify-content: space-around;flex-basis: 33%;align-items: center;padding:0.86vw 0;border-top: 1px solid #828282;font-size: 2vw;}


/* section3 */
.s3-frame{display:flex;width:80vw;justify-content: end;padding-top: 4vh;}
.s3-1, .s3-2{font-size:2vw;margin-left: 2rem; color:white;font-weight: 600;}
}