*, *::before, *::after {
	box-sizing: border-box;
}

.container { min-width:1100px; margin:0 auto; }
.content { display:flex; align-items:flex-start; gap:0; }
.main_left, #left_photo { width:660px; height:657px; display:block; max-width:100%; box-sizing:content-box; border:1px solid #f3d258; border-right:0; position:relative; }
.main_right { width:495px; min-width:495px; height:660px; display:flex; box-sizing:border-box; } 
.right-container {
	display: flex;
	flex-direction: column;
	width: 440px;
	height: 660px;
	border: 2px solid #f3d258;
	background: #fff;
}
.bottom {margin-top: auto;}

.right-side {
	width: 45px;
	border-bottom: 2px solid #f3d258;
	overflow: hidden; /* 넘치는 부분 숨기기 */
	position: relative;
	height: 660px; /* 필요시 부모 높이 맞춤 */
}

.right-side img {
	width: 100%;          /* 가로 꽉 채움 */
	height: 100%;         /* 부모 높이에 맞춤 */
	object-fit: cover;    /* 비율 유지하며 꽉 채움 */
	object-position: top; /* 이미지 상단을 기준으로 잘림 */ 
	display: block;
} 

.middle-inner { margin:20px 40px; }
.middle-inner #q { font-weight:800; text-align:left; padding-bottom:10px; border-bottom:1px solid #efefef; }
.middle-inner #choices label{display:flex;align-items:center;cursor:pointer;}
.middle-inner #choices label input{transform:scale(1.5); margin-right:20px;}
li { font-family:sans-serif; margin:20px 0; display:flex; align-items:center; font-weight:800; }
.nav-buttons { width:100%; margin-top:40px; display:flex; justify-content:center; gap:10px; }
.nav-buttons img { width:20%; }
.pageNav { font-size:1em; margin-top:10px; font-weight:800; text-align:center}
.caption { position:absolute; left:12px; bottom:12px; text-align:left; color:#000; font-family:"Noto Sans KR",system-ui,sans-serif; line-height:1.3; pointer-events:none; max-width:calc(100% - 24px); box-sizing:border-box; }
.caption .label { display:block; font-size:13px; font-weight:500; margin-bottom:6px; color:#222; background:rgba(255,255,255,0.85); padding:4px 10px; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.12);}
.caption .line { display:inline-block; font-size:15px; font-weight:600; margin-bottom:6px; padding:6px 10px; border-radius:4px; background:linear-gradient(90deg,#fff27a,#f3d258); box-shadow:0 2px 6px rgba(0,0,0,0.15);}
.caption .dept { display:inline-block; font-size:18px; font-weight:800; padding:6px 10px; border-radius:4px; background:linear-gradient(90deg,#ffe56e,#f3c428); box-shadow:0 3px 8px rgba(0,0,0,0.18);}
.main_bottom { display:none; position:relative; width:495px; gap:20px; }
.main_bottom img { width:480px; height:auto; display:block; border:2px solid #f3d258; }


@media(max-width:1100px){.container{min-width:unset;width:100%;padding:0 10px;}.content{flex-direction:column;align-items:center;}.main_left{display:none;width:100%;max-width:660px;height:auto;border-right:2px solid #f3d258;}.left_photo{width:100%;height:auto;}.main_right{width:495px;max-width:495px;height:660px;}.right-container{width:440px;}.right-side{width:45px;height:660px;border:0;}.main_bottom{display:block;}}
@media(max-width:495px){.container{zoom:75%;}.main_right{width:100%;}#right-content{padding:0;}}