@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}


/* 이용/처리방침 리스트 */
.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;}



/* 개인정보처리방침 스타일 시작 */
	.privacy_wrap {  line-height: 1.6; color: #333; max-width: 1000px; margin: 0 auto; padding: 20px; box-sizing: border-box; }
	.privacy_wrap h2 { font-size: 24px; font-weight: 700; color: #111; border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 30px; }
	.privacy_wrap h3 { font-size: 18px; font-weight: 600; color: #0056b3; margin-top: 40px; margin-bottom: 15px; border-left: 5px solid #0056b3; padding-left: 10px; }
	.privacy_wrap p { margin-bottom: 15px; font-size: 15px; word-break: keep-all; }

	/* 리스트 스타일 */
	.privacy_wrap ul { list-style: none; padding: 0; margin-bottom: 20px; }
	.privacy_wrap ul li { position: relative; padding-left: 15px; margin-bottom: 8px; font-size: 15px; color: #555; }
	.privacy_wrap ul li::before { content: "•"; position: absolute; left: 0; color: #888; }

	/* 정의 리스트 (항목: 내용) 스타일 */
	.privacy_dl { border-top: 1px solid #ddd; margin-bottom: 20px; }
	.privacy_dl dl { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ddd; margin: 0; }
	.privacy_dl dt { flex: 0 0 20%; background: #f9f9f9; padding: 15px; font-weight: 600; color: #333; display: flex; align-items: center; box-sizing: border-box; }
	.privacy_dl dd { flex: 0 0 80%; padding: 15px; margin: 0; box-sizing: border-box; color: #555; }

	/* 강조 박스 스타일 */
	.privacy_box { background: #f4f7fd; border: 1px solid #dce4f2; padding: 20px; border-radius: 5px; margin-bottom: 20px; }
	.privacy_box strong { display: block; margin-bottom: 10px; color: #0056b3; }

	/* 테이블 스타일 (위탁업체 등) */
	.privacy_table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
	.privacy_table th, .privacy_table td { border: 1px solid #ddd; padding: 12px; font-size: 14px; text-align: left; }
	.privacy_table th { background: #f9f9f9; font-weight: 600; text-align: center; }

	/* 모바일 대응 */
	@media screen and (max-width: 768px) {
		.privacy_dl dl { display: block; }
		.privacy_dl dt { width: 100%; border-bottom: 1px solid #eee; }
		.privacy_dl dd { width: 100%; }
		.privacy_wrap h2 { font-size: 20px; }
		.privacy_wrap h3 { font-size: 16px; margin-top: 30px; }
	}
	/* 개인정보처리방침 스타일 끝 */

	/* 이용약관 스타일 시작 */
	.terms_wrap {  line-height: 1.6; color: #333; max-width: 1000px; margin: 0 auto; padding: 20px; box-sizing: border-box; }
	.terms_wrap h2 { font-size: 24px; font-weight: 700; color: #111; border-bottom: 2px solid #333; padding-bottom: 15px; margin-bottom: 30px; }

	/* 챕터 구분 */
	.terms_chapter { font-size: 20px; font-weight: 700; color: #333; margin-top: 50px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }

	/* 조항 제목 */
	.terms_wrap h3 { font-size: 17px; font-weight: 600; color: #0056b3; margin-top: 30px; margin-bottom: 10px; display: block; }

	.terms_wrap p { margin-bottom: 15px; font-size: 15px; word-break: keep-all; text-align: justify; }

	/* 번호 리스트 (①, ② ...) */
	.terms_wrap ol { list-style: none; padding: 0; margin-bottom: 15px; }
	.terms_wrap ol li { padding-left: 20px; text-indent: -20px; margin-bottom: 5px; color: #555; font-size: 15px; }

	/* 일반 리스트 (블릿) */
	.terms_wrap ul { list-style: none; padding: 0; margin-bottom: 20px; }
	.terms_wrap ul li { position: relative; padding-left: 15px; margin-bottom: 5px; font-size: 15px; color: #555; }
	.terms_wrap ul li::before { content: "-"; position: absolute; left: 0; color: #888; }

	/* 박스 스타일 (강조 내용) */
	.terms_box { background: #f9f9f9; border: 1px solid #eee; padding: 20px; border-radius: 4px; margin-bottom: 20px; font-size: 14px; color: #555; }
	.terms_box strong { display: block; margin-bottom: 10px; color: #333; font-size: 15px; }

	/* 모바일 대응 */
	@media screen and (max-width: 768px) {
		.terms_wrap h2 { font-size: 22px; }
		.terms_chapter { font-size: 18px; margin-top: 40px; }
		.terms_wrap h3 { font-size: 16px; margin-top: 25px; }
		.terms_wrap p, .terms_wrap li { font-size: 14px; }
	}
	/* 이용약관 스타일 끝 */



/*이미지 정렬박스*/
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: stretch; }
.aw-box3 .abox{display:flex;align-items: center; flex-direction: column; justify-content: center; width:100%; border:1px solid #ddd; background:#fafafa; padding:20px; border-radius:10px}
.aw-box3 .abox .con-txt{width:100%}
.aw-box3 .abox .con-tit{padding:10px}
.aw-box3 .arbox{width:100%; max-width:11px; margin:0 10px;    display: flex;    align-items: center;}

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

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

.aw-box6{display:flex;align-items: stretch; gap:10px}
.aw-box6 .abox{display:flex;align-items: center; flex-direction: column; justify-content: center; width:100%; border:1px solid #ddd; background:#fafafa; padding:20px; border-radius:10px; min-width:140px;}
.aw-box6 .abox .con-txt{width:100%}
.aw-box6 .abox .con-tit{padding:10px}
.aw-box6 .arbox{width:10%; min-width:11px; margin:0px;    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.6rem;    margin-top: 0; color:var(--theme-color); font-weight:900}
#wrapper .h3{position:relative; margin-bottom:10px;font-size:clamp(1rem, 2vw, 1.2rem);    margin-top: 0;}

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




/*콘텐츠 스타일*/

.B01 .about-area .about-head{font-size:clamp(1.2rem, 3vw, 2.2rem); font-weight:bold; color: var(--text-warning); width:40%; line-height:130%;}
.B01 .about-area .about-body{width:70%; margin-left:40px;padding-left:40px;border-left:1px solid #ddd;}


/*센터소개*/
.B02 .sb-title{font-weight:900}
.B02 .mv-box{display:flex;align-items:stretch; gap:4vw; width:100%}
.B02 .mv-box .mv-box-head{ background-color: var(--theme-color); color:#fff; display:flex; align-items:center; justify-content:center; border-radius:200px; font-size:clamp(1.4rem, 3vw, 2.2rem); font-weight:900; width:clamp(200px, 4vw, 400px); max-width:400px; height:clamp(200px, 4vw, 400px); max-height:400px;}
.B02 .mv-box .mv-box-body{display:flex; align-items:center;padding:20px; background:#fafafa;font-size:clamp(1.2rem, 3vw, 1.4rem); font-weight:bold; width:80%; line-height:130%; border-radius:20px}
.B02 .ci-info-box { align-items: center; justify-content: center; gap:40px}
.B02 .ci-info-box .ci-info-body{display: flex; flex-direction: column; gap: 20px;}
.B02 .ci-info-box .ci-info-body .ci-info{display:flex; align-items: center; gap:10px}
.B02 .ci-info-box .ci-info img{width: 40px; margin-right:20px}
.B02 .ci-info-box-section .box2{padding:40px}

.B02 .section03 .mv-box .mv-box-head{background-color:var(--theme-color3)}
.B02 .section04 .gv-box .gv-box-body .box2{font-size:clamp(1rem, 3vw, 1.7rem);font-weight:bold; padding:20px}

.B05 .abox .con-img, .B06 .abox .con-img{display:none}
/*.B05 .con-txt{font-size:1.3rem;font-weight:bold}*/
/*.B06 .con-txt{font-size:1.3rem;font-weight:bold}*/
/*.B18 .con-txt{font-size:1.3rem;font-weight:bold}*/
.con-txt{font-size:clamp(15px, 2vw, 1.1rem); font-weight:bold}



/*이용안내*/
.B19 .aw-box4 .abox{justify-content: flex-start;}
.B19 .aw-box4 .abox .con-tit{font-size:clamp(1.2rem, 4vw, 1.8rem); font-weight:bold; margin-bottom:20px; color:var(--theme-color);}
.B19 .aw-box4 .abox .con-img{margin-bottom:20px}
.B19 .aw-box4 .abox .con-txt-title{color:var(--theme-color2); font-size:1.2rem;}


/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:1024px){
	.aw-box6{justify-content: flex-start !important;; width:100%; padding-bottom:20px; overflow:auto;}
}

/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:799px){
	.B01 .about-area{flex-direction: column;}
	.B01 .about-area .about-head{width:100%}
	.B01 .about-area .about-body{width:100%; padding-left:0px; margin-left:0px; border-left:0px; margin-top:40px}

	.B02 .ci-info-box{flex-direction: column;}
}

/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:480px){
	.B02 .mv-box{flex-direction: column; align-items:center; }
	.B02 .mv-box .mv-box-body{width:100%}

/*	.B02 .ci-info-box .ci-info-body .ci-info{flex-direction: column;}*/
	.B02 .ci-info-box .ci-info img{margin-right:0px ; margin-bottom:0px}
	.B02 .ci-info-box-section .box2{padding:20px}

/*	.aw-box6 {flex-direction: column; align-items:center;}*/
/*	.aw-box6 .arbox {width:100%; justify-content:center;}*/
/*	.aw-box6 .arbox img{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}*/


}