introduce.css

body{
    margin:0;
    font-family: 'Noto Sans KR', sans-serif;
    }

.container{
position: relative;
width: 1920px;
height:5997px;
background: #FFFFFF;
}

.frame{
    /* Frame */
position: absolute;
width: 93.32px;
height: 29.51px;
left: 133px;
top: 25px;
}

.whower{
    position:absolute;
    display:flex;
    gap:130px;
    align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
    width: 599.5px;
    height: 25px;
    top:28px;
    left:933px;
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 900;
    font-size: 17px;
    line-height: 25px;
    backdrop-filter: blur(4px);
    /* Note: backdrop-filter has minimal browser support */
    color: black;
    }
    
    .login{
        position: absolute;
        width: 115px;
        height: 22px;
        left: 1626px;
        top: 29px;
        gap:31px;
        font-family: Noto Sans KR;
        font-style: normal;
        font-weight: 900;
        font-size: 15px;
        line-height: 22px;
        /* identical to box height */
        
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: -0.015em;
        
        color: #9F9F9F;
    }


.line{
    position: absolute;
    width: 1330px;
    height: 28px;
    left: 295px;
    top: 139px;
    
}

.lineder{
    position: absolute;
    width: 17px;
    height: 0px;
    left: 1682px;
    top: 41px;
    
    border: 1px solid #C6C6C6;
    transform: rotate(90deg);
}

.purple{
    position: absolute;
    width: 1920px;
    height: 1036px;
    left: 0px;
    top: 0px;
    
    background: #F4F6FB;
    /* CompanyIntro_boxshadow */
    
    box-shadow: 10px 10px 50px rgba(0, 0, 0, 0.08);
}

.teamoutta{
    position: absolute;
    width: 420px;
    height: 93px;
    left: 300px;
    top: 213px;
    
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: 900;
    font-size: 64px;
    line-height: 93px;
    /* identical to box height */
    
    
    color: #282828;
    
}

.purplebox{
position: absolute;
width: 439px;
height: 23px;
left: 305px;
top: 260px;

background: rgba(69, 88, 255, 0.3);
}

.board{
position: absolute;
width: 69px;
height: 36px;
left: 300px;
top: 402px;

font-family: Noto Sans KR;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 36px;

color: #000000;
}

.wrapper {
    position:absolute;
    display:grid;
    top:402px;
    left:576px;
    grid-template-columns: 274px 274px 274px 274px;
    grid-template-rows: 297px 297px;
    background: url(.jpg);
  }
/*
.wrapper{
    position:absolute;
    display:flex;
    flex-direction: row;
    top:402px;
    left:576px;
    gap:54px;
}*/

.wrappername{
    position:absolute;
    display:flex;
    flex-direction: row;
    top:627px;
    left:664px;
    gap: 230px;
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;

    color: #000000;
}

.bluebox{

position: absolute;
width: 124px;
height: 55px;
left: 300px;
top: 1124px;

background: #FFFFFF;
border: 2px solid #4558FF;
border-radius: 10px;

/* Inside auto layout */

flex: none;
order: 0;
flex-grow: 0;
}

.all{
    position: absolute;
    width: 36px;
    height: 29px;
    left: 344px;
    top: 1137px;
    
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 29px;
    /* identical to box height */
    color: #4558FF;
}

.edu{
position: absolute;
width: 240px;
height: 65px;
left: 300px;
top: 1283px;

font-family: Noto Sans KR;
font-style: normal;
font-weight: 900;
font-size: 45px;
line-height: 65px;

color: #000000;
}

.teamedu{
position: absolute;
width: 115px;
height: 36px;
left: 300px;
top: 1436px;

font-family: Noto Sans KR;
font-style: normal;
font-weight: bold;
font-size: 25px;
line-height: 36px;

color: #000000;
}

.wrapper2 {
    position:absolute;
    display: grid;
    top:402px;
    left:576px;
    grid-template-columns: 274px 274px 274px 274px;
    grid-template-rows: 297px 297px 297px 297px;
    background: url(.jpg);
  }

  .wrappername2{
    position:absolute;
    display: grid;
    top:627px;
    left:664px;
    grid-template-columns: 274px 274px 274px 274px;
    grid-template-rows: 297px 297px 297px 297px;
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 22px;

    color: #000000;
}

.purpler{
    display: none;
    position: absolute;
    top:0px;
    left:0px;
    width: 1920px;
    height: 5997px;

    background: rgba(83, 96, 211, 0.5);
}

.whitebox{
    display: none;
    position: absolute;
    width: 574px;
    height: 829px;
}

.quit{
    display:none;
    position: absolute;
    width: 59px;
    height: 59px;
}

.outtaframe{
display:none;
position: absolute;
width: 124px;
height: 52px;
}

.photo{
    position: absolute;
}

.photo2{
    width:334px;
    height:334px;
}

.hong{
    position: absolute;
    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 43px;
    text-align: center;

    color: #000000;
}

.resp{
    position: absolute;
    width: 79px;
    height: 26px;

    font-family: Noto Sans KR;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    /* identical to box height */

text-align: center;

/* gray2 */

color: #6E6E6E;
}

.always{
    position: absolute;
width: 270px;
height: 64px;

font-family: Noto Sans KR;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 180%;
/* or 32px */

text-align: center;

color: #000000;
}

.photo,.hong,.resp,.insta,.mail,.always{
    display:none;
    position: absolute;
}

.one{
    display:none;
    position: absolute;
    width: 1004px;
    height: 101px;
    left: 916px;
    top: 59px;
    }
    
.two{
    display: none;
    position: absolute;
    width: 765px;
    height: 100.98px;
    left: 1155px;
    top: 59.02px;
}
    
.thi{
    display: none;
    position: absolute;
    width: 525px;
    height: 100.94px;
    left: 1395px;
    top: 59.06px;
}
    
.onetex, .twotex, .thitex{
    cursor:pointer
}
    
.oneone{
    position: absolute;
    left: 956px;
    top: 107px;
    
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    /* identical to box height */
    
    display: none;
    letter-spacing: -0.015em;
    
    backdrop-filter: blur(4px);
    /* Note: backdrop-filter has minimal browser support */
}
    
.oneonetwo{
    position: absolute;
    width: 88px;
    height: 25px;
    left: 1182px;
    top: 107px;
    
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    /* identical to box height */
    
    display: none;
    align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
}
    
.onetwo{
    display:none;
    position: absolute;
    width: 138px;
    height: 25px;
    left: 1401px;
    top: 107px;
        
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    /* identical to box height */
    align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
}

.twoone{
    position: absolute;
    width: 62px;
    height: 25px;
    left: 1195px;
    top: 107px;
            
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    /* identical to box height */
            
    display: none;
    letter-spacing: -0.015em;
}
        
.twotwo{
    position: absolute;
    width: 16px;
    height: 25px;
    left: 1462px;
    top: 107px;
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    /* identical to box height */
    display: none;
    align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
}
        
.thione{
    position: absolute;
    height: 25px;
    left: 1425px;
    top: 107px;
                
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 25px;
    /* identical to box height */
                
    display: none;
    align-items: center;
    text-align: center;
    letter-spacing: -0.015em;
}