@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body {	
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 1.0rem;
		font-family:NanumGothic,'Nanum Gothic',나눔고딕,'맑은 고딕',HelveticaNeue,DroidSans,Sans-serif,Helvetica;
		line-height: 1.8;
		color: #333;
		}

table {
		border-spacing:0;
}
a{
	color: inherit;
	text-decoration: none;
}
ul {
	list-style: none;
	padding-left: 0px;
}
h3{
	
}
h4.subTitle{
	margin: 10px;
	font-size: 1.1rem;
	font-weight: bold;
}
img.icon35{
	width: 35px;
	height: 35px;
	margin: 5px;
}
img.icon100{
	width: 100px;
	height: 100px;
}
img.imgFull{
	width: 90%;
	padding: 1.3rem;
	border: 1px solid #dbdbdb;
	border-radius: 1.5rem;
}
i.iconLink{
	display: inline-block;
	width: 1.2rem;
	height: 1.2rem;
	vertical-align: middle; 
	margin-left: 0.1rem;
	margin-bottom: 0.3rem;
	mask-image: url(/pds/images/privacy/ico_go.svg);
  	background-color: currentColor;
  	mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
}
i.iconDown{
	display: inline-block;
	width: 1.0rem;
	height: 1.0rem;
	vertical-align: middle; 
	margin-left: 0.1rem;
	mask-image: url(/pds/images/privacy/ico_download.svg);
  	background-color: currentColor;
  	mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
}
button.linkDown{
	display: flex;
	align-items: center;
	height: 2.5rem;
	padding: 0 1rem;
	background-color: #ffffff00;
	font-size: 0.9rem;
	border-radius: 0.3rem;
	border: 1px solid #58616a;
}
.topLine{
	border-top: 1px solid #dbdbdb;
}
.nonList{
	list-style:none;
}
.indexBtn{
	display: inline-flex;
	height: 2.2rem;
	margin-left: 1rem;
	padding: 0 0.6rem;
	align-items: center;
	font-size: 0.9rem;
	font-weight: normal;
	color: #0b50d0;
	background-color: #ecf2fe;
	border: 1px solid #256ef4;
	border-radius: 6px;
}
.link{
	display: inline;
	align-items: center;
	text-decoration: underline;
	color: #256ef4;
}
.dot {
	list-style: disc;
	text-indent: 0rem;
}
#personalData { 
	width: 80%;
	max-width: 1250px;
	margin: 0 auto; 
	padding: 30px 0px;
	text-align: justify
}

.personal_header {
	color: #4a4a4a;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.personal_header h3{
	font-size: 1.3rem;
}
.personal_header p.header_text {
	font-weight: normal;
	margin: 5px 0 10px 0;
	padding: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
}
.personal_header .majorLabel{
	width: 100%;
	max-width: 925px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: stretch;
	gap: 30px;
}
.personal_header .majorLabel li{
	width: 200px;
	height: 225px;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 10px;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	line-height: 1.2
}
.personal_header .majorLabel li a{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #4a4a4a;
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: normal;
}
.personal_header .majorLabel li a p{
	width: 100%;
	margin: 0px;
	padding: 10px;
	text-align: center;
}
.personal_header #indexList {
	margin-bottom: 1.2rem;
}
.personal_header #indexList dl:first-child{
	border-top: 1px; solid #dbdbdb;
}
.personal_header #indexList dl{
	width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #dbdbdb;
}
.personal_header #indexList dl dt{
	width: 100%;
    padding: 15px;
    background: #eee;
    font-weight: 700;
    font-size: 1.2rem;
}
.personal_header #indexList dl dd{
	display: flex;
    margin: 0;
    align-items: center;
    padding: 15px 0;
    width: 50%;
    border-top: 1px solid #dbdb;
}
.personal_header #indexList dl dd.full{
	width: 100%;
}
.personal_header #indexList dl dd a{
	display: inline-flex;
    align-items: center;
    padding-left: 15px;
    font-weight: normal;
}
@media (max-width: 767px){
	.personal_header #indexList dl dd{
		width: 100%;
	}
}
.personal_wrap {
	margin-top: 15px;
	margin-bottom: 30px;
	color: #747474;
}
.personal_tit {
	display: flex;
	align-items: center;
	margin: 1.2rem 0 0 0;
	color: #0b50d0;
	font-size: 1.3rem;
	font-weight: 600
}
.personal_content {
	
}
.personal_content02 {
	margin:0 0 5px 0;
}
.personal_content03 {
	margin:0 0  0 15px;
}
.personal_table {
	width: 100%;
	margin: 1.2rem 0;
	border-spacing:0;
	border-top: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	text-align: left;
}
.personal_table th {
	height: 25px;
	padding: 0.5rem; 
	border: 1px solid #dbdbdb;
	background-color: #eef2f7;
	text-align: center;
	font-weight: bold
}
.personal_table td {
	height: 25px;
	padding: 0.5rem;
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}
.personal_table02 {
	text-align: center;
}
.personal_table02 td:first-child  {
	border-left: none;
}
.personal_table02 th {
	padding-left: 0;
	border-right:1px solid #dbdbdb;
	text-align: center;
}
.personal_table02 th:last-child {
	border-right:none
}
.personal_table02 td {
	padding-left: 0;
}
.personal_wrap ol {
	display: flex;
	flex-direction: column;
	text-indent: -1.2rem;
	list-style: none;
	margin: 1.1rem 0;
	padding-left: 1.5rem;
}
.personal_wrap ol li{
	margin: 0.5rem 0;
}
.personal_wrap ol li ul{
	margin: 1.1rem 0;
	padding-left: 1.5rem;
}
.personal_wrap span {
	display: block;
}
.privacyOld {
	border-top: 1px solid #dbdbdb;
}
.privacyOld .accordion-header{
	margin: 0;
}
.privacyOld .btn-accordion {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  background: transparent;
  border: 0;
  font-size: 18px;
  font-weight: 700;
  color: #1f3a5f;
  text-align: left;
  cursor: pointer;
  transition: background 0.2s ease;
}

/* hover & focus 효과 */
.privacyOld .btn-accordion:hover {
  background: #f6f9fc;
}
.privacyOld .btn-accordion:focus {
  outline-offset: 2px;
  border-radius: 8px;
}

/* ▶ 화살표 아이콘 (mask-image 방식) */
.privacyOld .btn-accordion::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #6b7a90; /* 아이콘 색상 */
  mask-image: url(/pds/images/privacy/ico_angle.svg);
  -webkit-mask-image: url(/pds/images/privacy/ico_angle.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: contain;
  -webkit-mask-size: contain;
  transition: transform 0.25s ease;
}

/* 열렸을 때 화살표 회전 */
.privacyOld .btn-accordion[aria-expanded="true"]::after {
  transform: rotate(180deg);
  background-color: #2a5bd7; /* 열린 상태일 때 색 변경(선택사항) */
}

/* 열렸을 때 헤더 배경 */
.privacyOld .btn-accordion[aria-expanded="true"] {
  background: #e6f0ff;
}

/* 아코디언 패널 */
.privacyOld .accordion-collapse {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.25s ease;
  border-top: 1px solid #d9e2ec;
  background: #fff;
}
.privacyOld .accordion-collapse.show {
  /* JS에서 max-height 제어 */
}
.privacyOld .accordion-body{
	padding: 0 1.5rem 1.5rem 1.5rem;
}
/* 목록 행 스타일: 카드 대신 '행 + 구분선' */
.privacyOld .content{
  display:flex; flex-direction:column;
}
.privacyOld .content a{
  display:block;
  padding:16px 4px;
  text-decoration:none;
  color:#2d3748;
  background:transparent;
  border:0;
  font-weight:600;
}
.privacyOld .content a + a{
  border-top:1px solid #d9e2ec;       /* 항목 사이 구분선 */
}