@media(max-width:800px){
html{font-size:14px;}
.navbar img.logo {height: 30px;  margin-left:10px;}
.navbar ul {
  gap: 5px;
  padding-right:5px;
}

.navbar ul li a {
  font-size:1.0rem;
  padding: 8px 5px;
}

#register-info .section_inner{width:90%;}
#contact .section_inner{width:90%;}
#contact .contact_info{flex-direction:column;}
#contact .contact_info .contact_part{font-size:1.5rem;width:18rem;justify-content:left;align-items:center;}
}
@media(max-width:600px){
html{font-size:12px;}

section { padding: 40px 0 30px 0;}
.navbar img.logo {height: 16px;}
.navbar ul {
  gap: 2px;
}
.navbar ul li a {
  font-size:0.9rem;
  padding: 8px 3px;
}

#greeting .greeting_img{max-width:100%;}
#register-info .section_inner h3 span{display:inline-block;}
/* 2열 그리드 레이아웃 */
.reg-grid {
	display:flex;
	flex-direction: column;
	gap:1rem;
}
/* 각 필드 항목 박스 */
.reg-item {
	width:100%;
  display: flex;
  flex-direction: column;
}

/* 2칸 차지하는 항목 (예: radio, checkbox) */
.col-span-2 {
  grid-column: span 2;
}

.reg-grid input[type="radio"],
.reg-grid input[type="checkbox"]{
  transform: scale(1); /* 1.0 = 기본 크기, 1.5 = 150% */
    vertical-align:bottom;
}


/* input, select, textarea 공통 스타일 */
.reg-grid input[type="text"],
.reg-grid input[type="email"],
.reg-grid input[type="tel"],
.reg-grid input[type="file"],
.reg-grid select{
	height:4rem;
}
.reg-grid input[type="text"]::placeholder,
.reg-grid input[type="email"]::placeholder,
.reg-grid input[type="tel"]::placeholder,
.reg-grid textarea::placeholder {
	font-size:1.2rem;
}

.reg-grid label {
  font-size: 1.4rem;
}


@media(max-width:360px){
html{font-size:10px;}

section { padding: 20px 0 15px 0;}
.navbar .inner {
}
}