@charset "utf-8";
@import url('core.css');
@import url('font.css');
@import url('layout.css');
@import url('board.css');
@import url('sub.css');
@import url('components.css');

html {height: 100%; overflow-y: auto; font-size: 0.05208333178113vw}
body {  margin-top: 0 !important; min-width: 320px; color: #090909; font-family: 'Pretendard', sans-serif; font-size: 16px; word-wrap: break-word; word-break: keep-all;}
*{ box-sizing: border-box; font-style: normal; margin: 0; padding: 0; -webkit-text-size-adjust: none;}

/* 접근성: 키보드 포커스 스타일 (프로젝트별 커스터마이징 가능) */
*:focus-visible { outline: 2px solid var(--color-ci); outline-offset: 2px; }

/* 접근성: 본문 바로가기 링크 */
.skip-to-content {
	position: absolute;
	top: -100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
	padding: 10rem 20rem;
	background: var(--color-ci);
	color: var(--color-w);
	font-size: 14rem;
	border-radius: 0 0 5rem 5rem;
	transition: top var(--transition-fast);
}
.skip-to-content:focus {
	top: 0;
}
h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit;}
fieldset, img, abbr, acronym {border: 0 none;}
legend {position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
legend.showlegend {position: static; line-height: 14px; font-size: 12px; overflow: visible;}
address, caption, cite, code, dfn, em, var, i, b{font-style: normal; font-weight: normal;}
ol, ul {list-style: none;}
q:before, q:after {content:'';}
table {border-collapse: collapse; border-spacing: 0;}
caption {height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px;}
hr {display: none;}
a { display:block; color: inherit; text-decoration: none; cursor: pointer;}

button, input, select, textarea { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; vertical-align: middle; background-color: transparent; border: 0 none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
select {appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(/images/common/select_arrow.png)no-repeat right 10rem center / 9rem auto; padding: 0 15rem;}
select::-ms-expand { display: none;}
input[type="text"],input[type="password"],input[type="number"],input[type="tel"],input[type="email"],input[type="button"],input[type="submit"],textarea {-webkit-appearance: none;-moz-appearance: none; font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit; cursor: pointer;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; overflow: visible; -webkit-appearance: button;}
input[type="checkbox"],
input[type="radio"] { display:inline-block; width: 14rem; height: 14rem; line-height: 14rem; box-sizing: border-box;}
input[type="search"] {-webkit-appearance: textfield; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input::-webkit-input-placeholder, input:-moz-input-placeholder, input::-moz-input-placeholder, input:-ms-input-placeholder, textarea::-webkit-input-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder{color:#a0a0a0;}
input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0px 1000px transparent inset; color: inherit; font-size: inherit; transition: 5000s ease-in-out 0s;}
textarea {overflow: auto; resize: none;}

img { display: block; width:100%; vertical-align: top;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, object {display: block; margin: 0; padding: 0;}
audio[controls], canvas, video {display: inline-block;}

/* Disable orange highlight */
label, a, button {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}

/* global */
.dB{display: block;}
.dIB{display: inline-block;vertical-align: top;}
.clearfix:after{display: block;content:'';clear: both;}
.taC{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}
.mt0{margin-top: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.pt0{padding-top: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.ornt{ -webkit-box-orient: vertical;}

/* 이미지 설명 스타일 (스마트에디터에서 생성된 이미지) */
.img_wrapper {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.img_wrapper img {
  max-width: 100%;
  object-fit: contain;
  width: auto;
  margin: 0 auto;
  display: block;
}
.imgCaption {
  padding-top: 10px;
  color: var(--color-gray-450);
  font-size: 14px !important;
  text-align: center !important;
}
.imgCaption .imgDescription {
  background-color: rgba(0,0,0,0.05);
  margin: 0 auto;
  min-height: 20px;
  text-align: center !important;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
  max-width: 100%;
  word-break: break-all;
}

/* FormManager 에러/성공 스타일 → core.css로 이동 (삭제 금지 파일) */

@media screen and ( max-width:1024px ){
  html { font-size: 1px;}
  body { font-size: 16px;}
	select { background-position: right 10rem center; padding: 0 10rem;}

	/* 모바일에서 이미지 설명 스타일 조정 */
	.img_wrapper {
	  max-width: 100%;
	  margin: 0 auto;
	  padding: 0 10px;
	}
	.imgCaption {
	  padding-top: 8px;
	  font-size: 12px !important;
	}
	.imgCaption .imgDescription {
	  padding: 4px 8px;
	  font-size: 12px !important;
	}

	/* 모바일 에러 스타일 → core.css */
}

/* ============================================================
 * 투자자 유의사항 안내 팝업 (전 페이지 공통) — 단일 소스
 * 팝업이 메인 전용→전 페이지 공통이 되어 main.scss/main.css 의 구 팝업 CSS는 제거,
 * 본 블록이 유일 소스. 공유룰은 기존 퍼블 값 그대로, 닫기영역은 새 디자인(체크 + 검정 버튼).
 * ============================================================ */
.main_pop_area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background-color: rgba(0, 0, 0, 0.5); }
.main_pop_area .pop_area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 550rem; z-index: 2; border-radius: 8rem; overflow: hidden; background-color: #fff; border: 1rem solid #DDD; }
.main_pop_area .pop_area .pop_inner .title_box { padding: 24rem 33rem; border-bottom: 1rem solid #ddd; }
.main_pop_area .pop_area .pop_inner .title_box .title { padding: 0 0 0 26rem; background: url("/images/main/pop_icon.svg") no-repeat left center/19rem auto; font-weight: 600; font-size: 20rem; line-height: normal; color: #090909; letter-spacing: -0.4rem; }
.main_pop_area .pop_area .pop_inner .info_box { padding: 32rem 35rem 45rem 30rem; }
.main_pop_area .pop_area .pop_inner .info_box .info { height: 170rem; padding: 0 10rem 0 0; overflow-y: auto; font-weight: 400; font-size: 16rem !important; line-height: 150% !important; color: #616161; }
.main_pop_area .pop_area .pop_inner .info_box .info > * { font-size: 16rem !important; line-height: 150% !important; }
.main_pop_area .pop_area .pop_inner .info_box .info > * > * { font-size: 16rem !important; line-height: 150% !important; }
.main_pop_area .pop_area .pop_inner .info_box .info::-webkit-scrollbar { display: block; width: 4rem; }
.main_pop_area .pop_area .pop_inner .info_box .info::-webkit-scrollbar-track { background: #ccc; border-radius: 10rem; }
.main_pop_area .pop_area .pop_inner .info_box .info::-webkit-scrollbar-thumb { background: var(--color-ci); border-radius: 10rem; }
.main_pop_area .pop_area .pop_inner .info_box .info .ft_c { font-weight: 600; color: #090909; background-color: #fff000; }
/* 오늘 하루 보지 않기 — 본문 영역 하단 좌측 체크박스 */
.main_pop_area .pop_area .pop_inner .today_check { display: flex; align-items: center; gap: 10rem; padding: 0 30rem 20rem; cursor: pointer; }
.main_pop_area .pop_area .pop_inner .today_check input { -webkit-appearance: none; appearance: none; margin: 0; flex-shrink: 0; width: 18rem; height: 18rem; border: 1rem solid #616161; border-radius: 2rem; background-color: #fff; cursor: pointer; position: relative; }
.main_pop_area .pop_area .pop_inner .today_check input:checked:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18rem; height: 18rem; background: url("/images/main/chk_icon.svg") no-repeat center/ 20rem auto; }
.main_pop_area .pop_area .pop_inner .today_check span { font-weight: 500; font-size: 16rem; line-height: normal; color: #090909; }
/* 위 내용을 이해하였습니다 — 하단 검정 풀폭 버튼(클릭=닫기) */
.main_pop_area .pop_area .agree_btn { display: block; width: 100%; margin: 0; border: 0; padding: 17rem 0; background-color: #090909; color: #fff; font-family: inherit; font-weight: 600; font-size: 20rem; line-height: normal; letter-spacing: -0.4rem; text-align: center; cursor: pointer; }
@media screen and (max-width: 1024px) {
  .main_pop_area .pop_area { width: calc(100% - 40rem); max-width: 320rem; }
  .main_pop_area .pop_area .pop_inner .title_box { padding: 18rem 20rem; }
  .main_pop_area .pop_area .pop_inner .title_box .title { font-size: 18rem; }
  .main_pop_area .pop_area .pop_inner .info_box { padding: 23rem 20rem 27rem 20rem; }
  .main_pop_area .pop_area .pop_inner .info_box .info { height: 210rem; padding: 0 5rem 0 0; font-size: 14rem; letter-spacing: -0.28rem !important;}
  .main_pop_area .pop_area .pop_inner .info_box .info > * { font-size: 14rem !important; line-height: 150% !important; }
  .main_pop_area .pop_area .pop_inner .info_box .info > * > * { font-size: 14rem !important; line-height: 150% !important; }
  .main_pop_area .pop_area .pop_inner .today_check { padding: 0 20rem 14rem; }
  .main_pop_area .pop_area .pop_inner .today_check input { width: 17rem; height: 17rem; }
  .main_pop_area .pop_area .pop_inner .today_check span { font-size: 14rem; }
  .main_pop_area .pop_area .agree_btn { padding: 13rem 0; font-size: 15rem; }
}