@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */

/* 텍스트 */
.h2_title{padding:8px 20px; border-left:5px solid #000; font-size:22px; margin-bottom:20px; line-height:1.3em; color:#000; }
.h3_title{padding:8px 20px; border-left:5px solid #999; font-size:18px; margin-bottom:20px; line-height:1.3em; color:#333; }
.h2_title_center{text-align:center; font-size:30px; padding:8px 20px; margin-bottom:50px; line-height:1.3em; color:#000; }
.h2_title_center small{display:block; font-size:20px; font-weight:normal; color:#999; line-height:1.3em; }

.cont_text{font-size:14px; line-height:1.6em; color:#666; overflow:hidden; clear:both; padding-bottom:15px; }
.cont_text_info{font-size:15px; line-height:1.6em; color:#666; overflow:hidden; padding:20px; border:1px dashed #bababa; clear:both; margin-bottom:15px; background:#f7f7f7;}
.cont_text_info_safe{font-size:16px; line-height:1.6em; color:#333; overflow:hidden; padding:20px; border:1px dashed #bababa; clear:both; margin-bottom:15px; background-color: #ebebeb;}
.cont_text_important{padding:8px 20px; border-left:5px solid #ddd; font-size:16px; color:#957958; line-height:1.3em; }

.cont_img_right50p{display:block; width:50%; float:right; margin:0 0 20px 20px; }
.cont_img_left50p{display:block; width:50%; float:left; margin:0 20px 20px 0; }

@media all and (max-width:980px)
{
	.h2_title{font-size:18px; padding:5px 15px; border-left:3px solid #000; }
	.h3_title{font-size:15px; padding:5px 15px; border-left:2px solid #999; }
	.h4_title{font-size:15px; padding:3px 10px; border-left:2px solid #999; }

	.cont_text{font-size:14px; line-height:1.4em; }
	.cont_text_info{font-size:14px; line-height:1.4em; }
	.cont_text_info_safe{font-size:16px; line-height:1.4em; }
	.cont_text_important{font-size:14px; padding:5px 15px; border-left:2px solid #f6f6f6; }
	
}

@media all and (max-width:600px)
{
	.h2_title_center{font-size:20px; }
	.h2_title_center small{font-size:13px; font-weight:normal; }

	.cont_text{font-size:13px; }
	.cont_text_info{font-size:14px; }
	.cont_text_important{font-size:14px; }
	
}

/* 도형 */
.figure_list{width:100%; overflow:hidden; padding:30px 0; }
.figure_list li{width:25%; float:left; text-align:center; }
.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
.figure_list li strong{display:block; font-size:20px; color:#000; margin:5px; }
.figure_list li span{display:block; font-size:13px; color:#999; margin:5px; }

@media all and (max-width:650px)
{
	.figure_list li{width:50%; float:left; text-align:center; }
	.figure_list li i{display:block; margin:10px auto; width:100px; height:100px; line-height:100px; border-radius:50%; background:#ddd; font-size:3em; }
	.figure_list li strong{font-size:16px; }
	.figure_list li span{font-size:11px; }
	
}

/* 테이블 */
.basic_table{width:100%; overflow:auto;}
.basic_table table{width:100%; border:1px solid #ddd; border-top:3px solid #ddd; border-collapse:collapse; border-spacing:0; }
.basic_table table th,
.basic_table table td{border:1px solid #ddd; padding:8px; }
.basic_table table thead th{background:#ededed; padding:15px 8px; color:#000;  text-align:center; }
.basic_table table thead td{background:#ededed; padding:15px 8px; color:#000; text-align:center; }
.basic_table table tbody th{background:#f5f5f5; color:#666; text-align:center; }
.basic_table table tbody td{background:#ffffff; color:#666; }
.basic_table table tfoot th{background:#fbfbfb; color:#999; text-align:center; }
.basic_table table tfoot td{background:#fbfbfb; color:#999; }

/* 유튜브영상삽입 */
.youtube_area{position:relative;overflow:hidden;width:100%;padding-bottom:56.25%;clear:both;margin-bottom:10px;}
.youtube_area iframe{position:absolute; left:0px;right:0px;top:0px;bottom:0px;width:100%;height:100%;}

    /* 카드 박스 */
    .card{
		background:var(--card-bg) !important;
		border-radius:var(--card-radius) !important;
		box-shadow:var(--card-shadow) !important;
		border:var(--card-border) !important;
		padding:calc(var(--pad) + 30px) !important;
		margin:0px auto 36px !important;
		max-width:980px;
	  }
  
	  /* 제목 */
	.card h3{
		margin:0 0 16px !important;
		color:var(--title) !important;
		font-size:24px !important;
		line-height:1.35 !important;
		font-weight:800 !important;
		letter-spacing:-.2px;
		text-align: center;
	  }
  
	  /* 리스트 */
	.items{
		list-style:none !important;
		padding:0 !important;
		margin:0 !important;
		display:grid;
		gap:var(--gap);
		font-size: 15px;
		line-height: 1.1;
	  }
    .items li{
		position:relative;
		color:var(--text) !important;
		line-height:1.7 !important;
		padding:10px 8px 10px 40px !important;
		border-radius:12px;
	  }
	.items strong{
		color:var(--title) !important;
		font-weight:700 !important;
		margin-right:6px;
	  }
	.note{
		margin:10px 0 0;
		color:var(--muted);
		font-size:13px;
	  }
   
	  /* 반응형 */
	  @media (max-width:768px){
		#invest-warning .card{padding:36px !important}
		#invest-warning .card h3{font-size:20px !important}
	  }
	  /* ▼ 아래 화살표 */
	  .arrow-down {
		width: 0;
		height: 0;
		margin: 15px auto;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #b60005; /* 화살표 색 */
	  }
	  .lists li {
	   font-size: 15px;
	   line-height: 2.4;
	   position: relative;
	   padding-left: 48px;   /* v자 들어갈 공간 확보 */
	  }
	 .lists li::before {
	   content: "✓";         
	   position: absolute;
	   left: 0;              /* li 기준 맨 왼쪽 */
	   color: #555;
	   margin-left: 30px;     /* ← 이게 왼쪽 여백 */
	   margin-right: 34px;    /* ← 이게 오른쪽 여백 (v랑 글자 사이) */
	  }
	  .bar-text {
		font-size: 17px;           /* 글씨 크기 */
		padding-left: 12px;        /* 글자랑 bar 사이 여백 */
		border-left: 4px solid #ccc; /* 왼쪽 세로 bar */
		display: inline-block;     /* 줄 안에서 박스처럼 동작 */
	  }
	  .sign {
	font-size: 16px;      /* 글자 크기 키움 */
	font-weight: bold;    /* 굵게 */
	line-height: 1.4;
  }

.btn-pink {                 /* 둥근모서리 사각 텍스트bg */
  display: inline-block;
  padding: 8px 16px;          /* 버튼 안쪽 여백 */
  background-color: #ffe3e3;  /* 노란색 배경 */
  color: #000;                /* 글씨는 검정 */
  font-weight: bold;          /* 글씨 두껍게 */
  font-size: 18px;
  border-radius: 20px;        /* 둥근 모서리 */
  text-decoration: none;      /* 밑줄 제거 */
  font-family: 'Noto Sans Korean','Malgun Gothic', sans-serif;
}

.btn-gray {                 /* 둥근모서리 사각 텍스트bg */
  display: inline-block;
  padding: 8px 40px;          /* 버튼 안쪽 여백 */
  background-color: #ececec;  /* 노란색 배경 */
  color: #333;                /* 글씨는 검정 */
  font-weight: bold;          /* 글씨 두껍게 */
  font-size: 18px;
  border-radius: 10px;        /* 둥근 모서리 */
  text-decoration: none;      /* 밑줄 제거 */
  font-family: 'Noto Sans Korean','Malgun Gothic', sans-serif;
  position: relative;
  z-index: 1; /* 라인 위에 버튼 올라오게 */
}

.section-heading {          /* 좌측일부 밑줄 txt */
  display: inline-block;     
  font-weight: bold;
  font-size: 24px;           
  position: relative;        
}

.btn-line {           /* 버튼라인 오른쪽으로 */
  display: flex;
  align-items: center;
  margin: 20px 0;
}

.btn-line::after {
  content: "";
  flex: 1;                     /* 남은 공간 다 차지 */
  border-bottom: 1px solid #ccc; /* 라인 굵기/색상 */
  margin-left: 15px;           /* 버튼과 라인 사이 간격 */
}

.section-heading::after {    /* 좌측일부 밑줄 txt */
  content: "";
  display: block;
  width: 30px;               /* 밑줄 길이 */
  height: 3px;               /* 밑줄 두께 */
  background-color: rgb(255, 0, 0);  /* 밑줄 색상 */
  margin-top: 6px;           /* 글자와 밑줄 사이 간격 */
}