body{
    background: #0D0D0D;
    margin: 0;
}

span{
    margin: 0;
    padding: 0;
}

h1{
    color: #D0D0D0;
    font-family: "Noto Sans KR";
    font-size: 88px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 192px */
    letter-spacing: -5.12px;
    margin: 0px 0px;
}
@media (max-width: 768px){
    h1{
        font-size: 36px;
        letter-spacing: -0.28px;
    }
}

p{
    color: #D0D0D0;
    font-family: "Noto Sans KR";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
    letter-spacing: -1.28px;
    margin: 0px 0px;
}
@media (max-width: 768px){
    p{
        font-size: 20px;
        letter-spacing: -0.28px;
    }
}

.p{
    color: #D0D0D0;
    font-family: "Noto Sans KR";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
    letter-spacing: -1.28px;
    margin: 0px 0px;
}
@media (max-width: 768px){
    .p{
        font-size: 20px;
        letter-spacing: -0.28px;
    }
}

.highlight{
    color: #A0CE14;
    font-family: "Noto Sans KR";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
    letter-spacing: -1.28px;
    margin: 0px 0px;
}
@media (max-width: 768px){
    .highlight{
        font-size: 20px;
        letter-spacing: -0.28px;
    }
}

.lowlight{
    color: #575757;
    font-family: "Noto Sans KR";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 48px */
    letter-spacing: -1.28px;
    margin: 0px 0px;
}
@media (max-width: 768px){
    .lowlight{
        font-size: 20px;
        letter-spacing: -0.28px;
    }
}

.paragraph{
    margin-left: 120px;
}
@media (max-width: 768px){
    .paragraph{
        margin-left: 0px;
        margin-top: 32px;
    }
}

.paragraph-reverse{
    margin-right: 120px;
}
@media (max-width: 768px){
    .paragraph-reverse{
        margin-right: 0px;
        margin-top: 32px;
    }
}

.tapbar-box{
	margin-top: 20px;
	margin-left: 50%;
	transform: translateX(-50%);
	text-align: center;
	position: fixed;
	width: 344px;
	height: 46px;
	border-radius: 49px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(52, 52, 52, 0.50);
	border: 0.5px solid rgba(160, 160, 160, 0.08);
	z-index: 10;
}

.tapbar-select{
	margin-top: 6px;
	margin-left: 6px;
	position: absolute;
	width: 80px;
	height: 34px;
	flex-shrink: 0;
	border-radius: 49px;
	background: rgba(153, 153, 153, 0.16);
}

.tapbar-Main{
	position: absolute;
	padding: 5px;
	margin-left: 24px;
    margin-top: 0;
	color: #EAEAEA;
	text-align: center;
	font-family: Noto Sans KR;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px; /* 218.75% */
}

.tapbar-Gallery{
	position: absolute;
	padding: 5px;
	margin-left: 100px;
    margin-top: 0;
	color: #D9D9D9;
	text-align: center;
	font-family: Noto Sans KR;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px; /* 218.75% */
}
.tapbar-Gallery:hover{
	color: #9c9c9c;
}

.tapbar-Ai{
	position: absolute;
	padding: 5px;
	margin-left: 203px;
    margin-top: 0;
	color: #D9D9D9;
	text-align: center;
	font-family: Noto Sans KR;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px; /* 218.75% */
}
.tapbar-Ai:hover{
	color: #9c9c9c;
}

.tapbar-Blank{
	position: absolute;
	padding: 5px;
	margin-left: 270px;
    margin-top: 0;
	color: #D9D9D9;
	text-align: center;
	font-family: Noto Sans KR;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px; /* 218.75% */
}
.tapbar-Blank:hover{
	color: #9c9c9c;
}

.mainphoto{
    margin-top: 120px;
    width: 80vw;
    max-width: 1220px;
    border-radius: 25px;
}
@media (max-width: 768px){
    .mainphoto{
        width: calc(100vw - 20px);
        max-width: 520px;
    }
}

.maintitle-ctn{
    position: relative;
    transform: translateY(-70px);

    display: flex;
    align-items: center;
    justify-content: baseline;

    width: 598px;
    height: 140px;

    border-radius: 92.5px;
    background: rgba(143, 143, 143, 0.20);
    backdrop-filter: blur(13.300000190734863px);
}
@media (max-width: 768px){
    .maintitle-ctn{
        transform: translateY(-40px);
        width: 312px;
        height: 80px;
    }
}

.maintitle{
    width: 515px;
    margin-left: 67px;
}
@media (max-width: 768px){
    .maintitle{
        margin-left: 32px;
        width: 269px;
    }
}


.flex-row{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px){
    .flex-row{
        flex-direction: column;
    }
}

.flex-reverse-row{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}
@media (max-width: 768px){
    .flex-reverse-row{
        flex-direction: column;
    }
}

.space{
    margin-top: 120px;
}

.알랄라{
    width: 441px;
    border-radius: 10px;
}
@media (max-width: 768px){
    .알랄라{
        width: calc(100vw - 32px);
        max-width: 420px;
    }
}

.namyung{
    width: 720px;
}
@media (max-width: 768px){
    .namyung{
        width: calc(100vw - 32px);
        max-width: 420px;
    }
}

.swim-lee{
    width: 600px
}
@media (max-width: 768px){
    .swim-lee{
        width: calc(100vw - 32px);
        max-width: 420px;
    }
}