@charset "utf-8";

/* 1. 브라우저 전체 스크롤 제거 */
html, body {margin: 0;padding: 0;height: 100%;overflow: hidden; /* 전체 창의 y축 스크롤을 막습니다 */}
body *{font-family: 'Roboto', 'Noto Sans KR', 맑은고딕, 'Malgun Gothic', 돋움, Dotum, sans-serif; }

/* 2. 전체를 감싸는 영역을 화면 높이에 맞춤 */
#wrap { display: flex;flex-direction: column;height: 100vh; /* 브라우저 화면 높이 100% */width: 100%;}

/* 3. 상단 타이틀 영역 (고정) */
.tit_wrap {flex-shrink: 0; /* 높이가 줄어들지 않게 고정 */background: #fff; z-index: 100;    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);    position: relative;padding:15px 0}
.tit_wrap .tit_inner{text-align: left;padding-left: 30px;padding-right: 30px;margin: 0 auto;max-width: 1400px;position:relative}
.tit_wrap .tit_inner.wide{max-width:1800px}
h1{text-align:left;margin:0 auto; font-size: 22.5px;color: #000;letter-spacing: -0.8px;}
h1, button{display:inline-block}
.stit{font-size: 20px;font-weight: 600;letter-spacing: 0.4;} 
button.close_btn2{background-color:#4a4a4a;color:#fff;cursor:pointer;display: inline-block;position:absolute;border:none;right:30px;top:0;text-align:center;font-weight:600;font-size: 15px;letter-spacing:0;/*border: 1px solid #000*/;border-radius:8px;padding: 5px 18px;margin-top: 0;min-width:80px;margin-right:0;height:40px;line-height:40px;padding:0}
button.close_btn2:hover{background-color:#000;}
   
/* 4. 이미지 영역 (여기서만 스크롤 발생) */
.img_wrap {flex: 1; /* 남은 화면 높이를 모두 차지 */ overflow: auto;  /* 가로/세로 스크롤이 필요할 때만 이 영역 안에 생성 */ width: 100%;text-align: center;    margin-top: 15px;}
.img_wrap img {display: inline-block; /* 중앙 정렬을 위해 */width: auto;           /* 원본 너비 유지 */ max-width: none;       /* 부모 너비에 갇히지 않게 설정 */vertical-align: top;}
    
@media all and (max-width:768px){
	h1{font-size:20px}
}
@media all and (max-width:600px){
	h1{font-size:20px}
	button.close_btn2{height: 30px;line-height: 30px;min-width: 65px;right: 0;top: 0;font-size: 14px;position:static;margin-left:10px;vertical-align: top;margin-top: 2px;}
}
@media all and (max-width:480px){
    h1 {font-size: 16px;}
    .stit{font-size: 15px;}
	button.close_btn2{ display: block;margin-left: 0;font-size: 13px;margin-top: 8px;min-width: 60px;}
}