@charset "utf-8";


/* 뷰보드 내 탭메뉴 */
.tabs{overflow:hidden; position:relative; background:#494949;}
ul.tabs li{padding: 10px 0;float:left; cursor: pointer; color:#fff; border-left:1px solid #fff; width:220px; text-align:center;}
ul.tabs li:first-child{padding-left:21px !important; border-left:0;}
ul.tabs li:hover{background-color:#739b42;}
#tab_1, #tab_2{clear:both;}
ul.tabs li.current{background:#739b42;}
.tab_content{display: none;}
.tab_content.current{display: inherit;}
.tab_content strong{font-size:18px; line-height:120%;}
.date {text-align:center;}
.con-tbl th{line-height:130%}
/*뷰보드 공통 끝 ===================================================================*/



/*개인정보처리방침*/
.level1_1{font-size:25px; font-weight:600; margin-top:40px; margin-bottom:30px;}
.level1_1:first-child{margin-top:0px;}
.level1_2{font-size:16px;font-weight:600; margin-top:40px; margin-bottom:30px;}
.level1_2_1{font-weight:600; margin-top:40px; margin-bottom:10px;font-size:20px}
.level1_2_1:first-child{margin-top:0px;}
.level1_3{margin-top:10px; margin-bottom:5px;}
.level1_4{margin-bottom:5px; padding-left:22px; text-indent:-21px;}
.level1_4_1{text-indent:-22px; padding-left:22px;  margin-bottom:5px;}
.level1_4_2{text-indent:-19px; padding-left:38px;  margin-bottom:5px;}
.level1_5{text-indent:-1px; padding-left:24px;  margin-bottom:5px;}
.level1_5_1{text-indent:-1px; padding-left:17px;  margin-bottom:5px;}
.level1_6{text-indent:0px; padding-left:37px;margin-bottom:5px;}
.level1_7{text-indent:0px; padding-left:42px;margin-bottom:5px;}
.ctt_privacy  .bo_v_tit{font-size:26px;margin-bottom:40px !important;display:inline-block}

/*이용약관*/
.level2_1{font-size:25px; font-weight:600; margin-top:40px; margin-bottom:30px;}
.level2_1:first-child{margin-top:0px;}
.level2_2{font-size:16px;font-weight:600; margin-top:40px; margin-bottom:30px;}
.level2_2_1{margin-top:10px; margin-bottom:5px; text-indent:0px; padding-left:0px}
.level2_3{margin-top:10px; margin-bottom:5px;text-indent:-0px; padding-left:0px;}
.level2_3_1{margin-top:10px; margin-bottom:5px;text-indent:-20px; padding-left:20px;}
.level2_4{margin-bottom:5px; padding-left:38px; text-indent:-16px;}
.level2_4_1{text-indent:-21px; padding-left:22px;  margin-bottom:5px;}
.level2_4_2{text-indent:-19px; padding-left:38px;  margin-bottom:5px;}
.level2_5{text-indent:-21px; padding-left:58px;  margin-bottom:5px;}
.level2_6{padding-left:38px;  margin-bottom:5px;}
.ctt_provision .bo_v_tit{font-size:26px;margin-bottom:40px !important;display:inline-block}


.view_bo_con{position:relative;}

/* 이용/처리방침 리스트 */
.level-ul1{}
.level-ul1 li{margin:10px 0; padding-left:15px; text-indent:-15px;}
.level-ul1 li:before{content:''; display:inline-block; vertical-align:5px; margin-right:10px; width:6px; height:2px; background:#739b42;}
.level-ul1 li .in_li-tit{display:inline-block; padding-left:15px; width:calc(100% - 15px);}
.level-ul1 li ul li strong{margin:10px 0 5px;}

.level-ul2{margin-top:10px; margin-left:-15px;}
.level-ul2 li{position:relative; margin:5px 0; padding-left:10px; text-indent:-10px;}
.level-ul2 li:first-child{margin-top:0;}
.level-ul2 li:last-child{margin-bottom:0;}
.level-ul2 li:before{content:''; display:inline-block; vertical-align:4px; margin-right:5px; width:3px; height:3px; background:#474747; border-radius:20px;}



/*이미지 정렬박스*/
div [class^="img-box"] .con-img img{width:100%;max-width:100%}

.img-box2 .con-img{float:left;width:calc(50% - 5px);margin-right:10px;display:inline-block;}
.img-box2 .con-img:nth-child(2n){margin-right:0px}

.img-box3 .con-img{float:left;width:calc(33.333333% - 7px);margin-right:10px;display:inline-block;}
.img-box3 .con-img:nth-child(3n){margin-right:0px}
.img-box3 .con-img:nth-child(n+4){margin-top:10px}

.img-box4 .con-img{float:left;display:inline-block;width:calc(25% - 8px);margin-right:10px}
.img-box4 .con-img:nth-child(4n){margin-right:0px}
.img-box4 .con-img:nth-child(n+5){margin-top:10px}


/*왼쪽박스, 오른쪽박스 기본값*/
.left-box, .right-box{float:Left;display:inline-block;box-sizing:border-box;margin:10px auto;}
.left-box{width:30%;padding:10px}
.right-box{width:70%;padding-left:30px}
.left-box img, .right-box img{max-width:100% !important}


/*제목있는 박스 3x3*/
.wd-body{width:100%;display:inline-block;}
.wd-body .wd-box{float:left;display:inline-block;width:calc(33.33333% - 7px);margin:5px;box-sizing:border-box;}
.wd-body > .wd-box:first-child, .wd-body > .wd-box:nth-child(3n+1) {margin-left:0px}
.wd-body .wd-box:nth-child(3n){margin-right:0px}
.wd-body .wd-title{font-weight:bold;font-size:14px;text-align:center;background:#3f51b5;color:#fff;padding:15px 0;letter-spacing:-1px;border-radius:20px 20px 0 0}
.wd-body .wd-con{padding:20px;min-height:150px;background:#f1f1f1; border-radius:0 0 20px 20px}


.mo-none{display:block !important;}
.m-block, .pv-none{display:none !important;}

.aw-box3 {display:flex; align-items:center; }
.aw-box3 .abox{border:1px solid #ddd; border-radius:20px; padding:20px }

.aw-box4{display:flex;align-items: stretch; gap:10px}
.aw-box4 .abox{flex:1;  display:flex;align-items: center; flex-direction: column; width:100%; border:1px solid #ddd; background:#fafafa; padding:20px;}
.aw-box4 .abox .con-txt{width:100%}
.aw-box4 .abox .con-tit{padding:10px}
.aw-box4 .arbox{max-width:11px; display: flex;    align-items: center;}


/* 전체 컨테이너 */
.aw-box4 {
	display: flex;
	align-items: stretch;
	gap: 10px;
	flex-wrap: wrap; /* 줄바꿈 허용 */
	width: 100%;
}

/* 개별 박스 설정 */
.aw-box4 .abox {
	min-width: 0; /* flex 자식 요소의 최소 너비 해제 */
}

.aw-box4 .abox .con-txt { width: 100%; }
.aw-box4 .abox .con-tit { padding: 10px; }

/* 화살표 설정 */
.aw-box4 .arbox {
	flex: 0 0 11px; /* 너비를 11px로 고정하여 박스 밀림 방지 */
	display: flex;
	align-items: center;
	justify-content: center;
}


/* 태블릿 (992px 이하): 2개씩 배치 */
@media all and (max-width: 992px) {

	.aw-box4 .arbox {
		flex: 0 0 auto;
		max-width: 20px;
		margin: 10px auto;
		transform: rotate(90deg); /* 아래 방향으로 회전 */
	}
}

/* 모바일 (768px 이하): 1개씩 배치 및 화살표 회전 */
@media all and (max-width: 768px) {
	.aw-box4 {
		flex-direction: column; /* 세로 정렬 */
	}

	.aw-box4 .abox {
		width: 100%;
		flex: 1 1 auto;
	}


}


.aw-box6{display:flex;align-items: stretch; }
.aw-box6 .abox{display:flex; align-items: center; flex-direction: column;     justify-content: center; width:100%; border:1px solid #ddd; background:#fafafa; padding:20px;}
.aw-box6 .abox .con-txt{width:100%; display: flex; justify-content: center;  align-items: center;}
.aw-box6 .abox .con-tit{padding:10px}
.aw-box6 .arbox{width:100%; max-width:11px; margin:0 10px;    display: flex;    align-items: center;}

/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:768px){
	.aw-box5, .aw-box10{flex-direction: column;justify-content: center;}
	.aw-box5 .abox, .aw-box10 .abox {width:100%;margin:0 auto}
	.aw-box5 .arbox, .aw-box10 .arbox{margin:10px auto}
	.aw-box5 .arbox img, .aw-box10 .arbox img{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
}


/*연혁*/
/*Responsive 370, 480, 768, 992, 1160*/
@media all and (max-width:480px){
	.year{margin-bottom:0px}
	.year:after{left:12px;top:40px}
	.con_wrap{padding-left:30px;margin:-3px 0 0 20px}
}


#wrapper .h1{line-height:160%;  margin-bottom:20px;position: relative;font-size:1.8rem;    margin-top: 0;}
#wrapper .h2{position:relative; margin-bottom:15px;font-size:1.5rem;    margin-top: 0;}
#wrapper .h3{position:relative; margin-bottom:10px;font-size:1.2rem;    margin-top: 0;}

/*웹접근성 이미지 설명 누락 표시*/
/*img[alt=""]{border: 5px solid #c00;}*/
/*img:not([alt]){border: 5px solid #c00;}*/

/*콘텐츠 스타일*/

/*법인소개*/

/* 하단 태그 스타일 */
.purpose-tags {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	border-top: 1px dashed #ddd;
	padding-top: 30px;
}
.purpose-tags .tag {
	background: #f1f3f5;
	padding: 6px 16px;
	border-radius: 50px;
	font-size: 0.9rem;
	color: #495057;
	font-weight: 600;
}

/*인사말*/
.intro-section {
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
	color: #333;
	line-height: 2; /* 가독성을 위해 줄간격을 넓게 설정 */
}

/* 제목부 */
.intro-title {
	text-align: center;
	margin-bottom: 50px;
}
.intro-title h2 {
	font-size: 2.2rem;
	font-weight: 800;
	letter-spacing: -0.05em;
	color: #1a1a1a;
}
.intro-title .accent-bar {
	width: 40px;
	height: 4px;
	background-color: #0066ff;
	margin: 15px auto;
}

/* 콘텐츠 박스 */
.content-card {
	background: #ffffff;
	border: 1px solid #e1e4e8;
	border-radius: 24px;
	padding: 50px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.05);
	position: relative;
	overflow: hidden;
	z-index:1;
}

.content-card div, .content-card span{position: relative; 	z-index:1; word-break:keep-all !important}

/* 인용구 아이콘 장식 */
.content-card .content-card-head{position:relative; padding:0 0px;}
.content-card .content-card-head::before {
	content: '"';
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 10vw;
	color: #f0f0f0;
	font-family: serif;
	z-index: 0;
	line-height:1;
}

.content-card .content-card-head::after {
	content: '"';
	position: absolute;
	top:0px;
	right: 0px;
	font-size: 10vw;
	color: #f0f0f0;
	font-family: serif;
	z-index: 0;
	line-height:1;

}

.full-text {
	position: relative;
	z-index: 1;
	font-size: 1.15rem;
	word-break: keep-all; /* 단어 단위 줄바꿈으로 깔끔하게 */
	text-align: justify; /* 양쪽 정렬 */
}

/* 핵심 문구 강조 */
.highlight {
	color: #0066ff;
	font-weight: 700;
	background: linear-gradient(to top, #e6f0ff 40%, transparent 40%);
	padding: 0 2px;
}

.organization-name {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 25px;
	color: #1a1a1a;
}



/* 반응형 */
@media (max-width: 768px) {
	.content-card { padding: 30px 20px; !important}
	.intro-title h2 { font-size: 1.8rem; }
	.full-text { font-size: 1.05rem; text-align: left; }
}