/* 기본 스타일 */


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');


/* 기본 스타일 */
body {
    font-family: Noto Sans KR, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
}

h2 {
    font-size: 2rem;
}

.description{font-size:1.3rem; text-align:left;}

.top { width:100%;	max-width:800px; border-radius:50px;}

.mt-5{	margin-top:50px;}

img{	width:100%;}
.work{max-width:600px;}
.center{
	text-align:center;
	align-self:center;
}
section {
    margin: 20px auto; /* 가로 중앙으로 정렬 */
    padding: 20px;
    max-width: 800px; /* 최대 너비 1000px */
    display: flex; /* Flexbox 레이아웃 적용 */
    flex-direction: column; /* 세로 중앙 정렬을 위해 열 방향으로 설정 */
}

form {
    max-width: 300px;
    margin: 0 auto;
    display: flex; /* Form 내부의 내용을 가로 중앙 정렬하기 위해 추가 */
    flex-direction: column;
}

input, button {
    margin: 10px 0;
    padding: 10px;
}
ul {
    list-style: none; /* 점 없애기 */
    padding: 0; /* 내부 여백 제거 */
}

li {
    margin: 10px 0; /* 위아래 여백 주기 */
	font-size:1.25rem;
}


.li1:before {	content:"행사명:";  font-weight:bold;}
.li2:before {	content:"일시:";  font-weight:bold;}
.li3:before {	content:"장소:";  font-weight:bold;}
.li4:before{    content:"내용:";font-weight:bold;}
.li4 span{margin-left:43px;}
.li5:before{    content:"문의처:";font-weight:bold;}

.image_wrap{width:100%; margin-top:100px;}
.image_wrap .box{width:50%; float:left; text-align:center; font-size:0.8rem;}
.image_wrap img{width:auto; height:600px; max-width:100%;}
.info{font-size:0.8rem;}

@media (max-width: 768px) {
	
    h2 {        font-size: 1.25rem;    }
	.top{border-radius:20px;}
	li {font-size:1rem;}
	.{font-size:1rem;}
	section {        margin: 10px auto; padding: 16px;}

	.li4 span{margin-left:0px;}
	.description{font-size:1rem;}
	.image_wrap .box{width:100%; }
	.image_wrap img{width:100%; height:auto; max-width:100%;}
}