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



/*이미지 정렬박스*/
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{display:flex;flex-direction: column; align-items:center; justify-content:center; flex:1; border:1px solid #ddd; border-radius:20px; padding:20px }
.aw-box4 .arbox{display:flex; align-items:center; }

.aw-box6{display:flex;align-items: stretch; }
.aw-box6 .abox{display:flex;align-items: center; flex-direction: column; width:100%; border:1px solid #ddd; background:#fafafa; padding:20px;}
.aw-box6 .abox .con-txt{width:100%}
.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;}*/

/*콘텐츠 스타일*/


/* =====================================================================
   서브페이지 콘텐츠 스타일
   ===================================================================== */

/* 인사말 (sub_greeting.html) */
.greeting-wrap { display:flex; gap:40px; align-items:flex-start; }
.greeting-img { flex:0 0 220px; text-align:center; }
.greeting-img img { width:100%; max-width:220px; border-radius:8px; border:3px solid var(--color-primary-light, #00A9E0); }
.greeting-img figcaption { margin-top:10px; font-size:0.9rem; color:#666; }
.greeting-text { flex:1; }
.greeting-text .sb-title2 { color:var(--theme-color, #005A9C); margin-bottom:20px; }
.greeting-quote { padding:15px 20px; background:#f4f8fc; border-radius:0 8px 8px 0; margin:20px 0; font-style:italic; color:#444; line-height:1.9; }
.greeting-sign { margin-top:30px; text-align:right; font-weight:700; color:#333; font-size:1.05rem; }
@media (max-width:768px) {
  .greeting-wrap { flex-direction:column; gap:25px; }
  .greeting-img { flex:none; width:160px; margin:0 auto; }
}

/* 법인현황 (sub_foundation.html) */
.foundation-logo { text-align:center; margin-bottom:30px; }
.foundation-logo img { max-width:260px; height:auto; }
.info-card { background:#f4f8fc; border-radius:10px; padding:30px 35px; ; }
.info-card dl { display:grid; grid-template-columns:140px 1fr; gap:12px 20px; }
.info-card dt { font-weight:700; color:var(--theme-color, #005A9C); }
.info-card dd { color:#333; margin:0; }
.mission-wrap { display:flex; gap:20px; flex-wrap:wrap; }
.mission-box { flex:1; min-width:200px; text-align:center; padding:30px 20px; border-radius:10px; }
.mission-box.m-box1 { background:var(--theme-color, #005A9C); color:#fff; }
.mission-box.m-box2 { background:var(--color-primary-light, #00A9E0); color:#fff; }
.mission-box .m-label { font-size:0.85rem; font-weight:700; letter-spacing:2px; opacity:0.85; margin-bottom:10px; }
.mission-box .m-title { font-size:1.15rem; font-weight:900; line-height:1.5; }


@media (max-width:640px) {
  .info-card dl { grid-template-columns:1fr; gap:5px 0; }
  .info-card dd { padding-left:10px; margin-bottom:8px; }
}

/* 운영시설 (sub_facilities.html) */
.facility-section-title { display:flex; align-items:center; gap:10px; margin-bottom:20px; }
.facility-section-title::before { content:''; display:inline-block; width:6px; height:28px; background:var(--theme-color, #005A9C); border-radius:3px; flex-shrink:0; }
.facility-section-title span { font-size:1.2rem; font-weight:800; color:#222; }
.fac-tbl-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.fac-tbl { width:100%; border-collapse:collapse; border-top:2px solid var(--theme-color, #005A9C); font-size:0.95rem; }
.fac-tbl th { background:#EAF4FB; color:#333; font-weight:700; padding:12px 10px; border:1px solid #ddd; text-align:center; white-space:nowrap; }
.fac-tbl td { padding:11px 10px; border:1px solid #ddd; background:#fff; text-align:center; line-height:1.6; }
.fac-photo-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin-top:20px; }
.fac-photo-grid figure { margin:0; }
.fac-photo-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:6px; border:1px solid #ddd; }
.fac-photo-grid figcaption { text-align:center; font-size:0.82rem; color:#666; margin-top:5px; }
@media (max-width:640px) {
  .fac-photo-grid { grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:480px) {
  .fac-tbl th, .fac-tbl td { font-size:0.85rem; padding:8px 6px; }
}

/* 기관소개 (sub_intro.html) */
.intro-greeting { padding-bottom:50px; border-bottom:2px dashed #ddd;}
.intro-greeting .sb-title2 { color:#fff; margin-bottom:15px; }
.intro-greeting p { line-height:1.9; opacity:0.95; }
.intro-greeting .sign { margin-top:20px; text-align:right; font-weight:700; font-size:1rem; opacity:1; }
.intro-info-card { background:#f4f8fc; border-radius:10px; padding:30px 35px;  }
.intro-info-card dl { display:grid; grid-template-columns:150px 1fr; gap:13px 20px; }
.intro-info-card dt { font-weight:700; color:var(--theme-color, #005A9C); }
.intro-info-card dd { margin:0; color:#333; line-height:1.7; }
.intro-photo-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; }
.intro-photo-grid figure { margin:0; }
.intro-photo-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:6px; border:1px solid #ddd; }
.intro-photo-grid figcaption { text-align:center; font-size:0.82rem; color:#666; margin-top:5px; }
@media (max-width:768px) {
  .intro-greeting { padding:25px 22px; }
  .intro-info-card dl { grid-template-columns:1fr; gap:5px 0; }
  .intro-info-card dd { padding-left:10px; margin-bottom:8px; }
}
@media (max-width:640px) {
  .intro-photo-grid { grid-template-columns:repeat(2, 1fr); }
}

/* 이용안내 (sub_guide.html) */
.guide-tbl { width:100%; border-collapse:collapse; border-top:2px solid var(--theme-color, #005A9C); }
.guide-tbl th { background:#EAF4FB; color:#333; font-weight:700; padding:13px 15px; border:1px solid #ddd; text-align:center; width:160px; white-space:nowrap; }
.guide-tbl td { padding:13px 15px; border:1px solid #ddd; background:#fff; line-height:1.8; }
.guide-badge { display:inline-block; background:var(--theme-color, #005A9C); color:#fff; font-size:0.8rem; font-weight:700; padding:2px 10px; border-radius:20px; margin-right:6px; vertical-align:middle; width: 100px; text-align: center;}
.guide-flow { display:flex; gap:0; flex-wrap:wrap; margin-top:10px; align-items:stretch; }
.guide-flow-item { flex:1; min-width:130px; text-align:center; position:relative; }
.guide-flow-item .gf-box { background:#f4f8fc; border:2px solid var(--theme-color, #005A9C); border-radius:8px; padding:16px 10px; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; }
.guide-flow-item .gf-num { width:26px; height:26px; line-height:26px; background:var(--theme-color, #005A9C); color:#fff; border-radius:50%; font-size:0.8rem; font-weight:700; }
.guide-flow-item .gf-txt { font-size:0.9rem; font-weight:700; color:#222; line-height:1.4; }
.guide-flow-arrow { display:flex; align-items:center; justify-content:center; padding:0 6px; color:var(--theme-color, #005A9C); font-size:1.3rem; flex-shrink:0; }
@media (max-width:768px) {
  .guide-tbl th { width:110px; font-size:0.9rem; padding:10px; }
  .guide-tbl td { font-size:0.9rem; padding:10px; }
}
@media (max-width:600px) {
  .guide-tbl, .guide-tbl thead, .guide-tbl tbody, .guide-tbl th, .guide-tbl td, .guide-tbl tr { display:block; text-align:center;}
  .guide-tbl th { width:100%; border-bottom:0; background:#e8f2fa; }
  .guide-flow { flex-direction:column; }
  .guide-flow-arrow { transform:rotate(90deg); padding:4px 0; }
}

/* 프로그램안내 (sub_program.html) */
.prog-item { border-radius:10px; overflow:hidden; border:1px solid #e0e8f0; }
.prog-head { background:var(--theme-color, #005A9C); color:#fff; padding:16px 24px; display:flex; align-items:center; gap:12px; }
.prog-head .prog-icon { font-size:1.3rem; flex-shrink:0; }
.prog-head .prog-title { font-size:1.1rem; font-weight:800; }
.prog-body { padding:20px 24px; background:#fff; }
.prog-body p { line-height:1.9; color:#444; margin-bottom:12px; }
.prog-body p:last-of-type { margin-bottom:0; }
.prog-photo-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; margin-top:16px; }
.prog-photo-grid.col2 { grid-template-columns:repeat(3, 1fr); }
.prog-photo-grid figure { margin:0; }
.prog-photo-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:6px; }
@media (max-width:640px) {
  .prog-photo-grid { grid-template-columns:repeat(2, 1fr); }
  .prog-head { padding:13px 18px; }
  .prog-body { padding:16px 18px; }
}

/* 오시는길 (sub_map.html) */
.map-wrap { width:100%; border-radius:10px; overflow:hidden; border:1px solid #ddd; background:#eee; }
.map-wrap iframe { display:block; width:100%; height:400px; border:0; }
.transport-wrap { display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; margin-top:0; }
.transport-box { border-radius:8px; border:1px solid #e0e8f0; overflow:hidden; }
.transport-box .tb-head { padding:13px 18px; font-weight:800; font-size:1rem; display:flex; align-items:center; gap:8px; }
.transport-box.bus .tb-head  { background:#0078c2; color:#fff; }
.transport-box.subway .tb-head { background:#005A9C; color:#fff; }
.transport-box.car .tb-head { background:#074777; color:#fff; }
.transport-box.shuttle .tb-head { background:#0970bd; color:#fff; }
.transport-box .tb-body { padding:15px 18px; background:#fff; line-height:1.9; font-size:0.92rem; color:#444; }
.transport-box .tb-body strong { color:#005A9C; }
.addr-card { background:#f4f8fc; border-radius:8px; padding:20px 25px;  }
.addr-card p { line-height:2; }
@media (max-width:640px) {
  .transport-wrap { grid-template-columns:1fr; }
  .map-wrap iframe { height:260px; }
}


.mission-card{margin-top:100px}
.organization-philosophy{
	.philosophy-card-body{display:flex; justify-content:center; gap:40px}
	.philosophy-card-head{text-align:center;}
	.philosophy-card-box{display:flex;flex-direction: column; justify-content:center; gap:20px; width:calc(33.3333% - 15px)}
	.con-icon{text-align:center;}
	.con-txt{text-align:center;background:var(--theme-color); color:#fff; font-size:15px; border-radius:30px; padding:10px 20px}
}


/*Responsive 370, 480, 768, 834, 1024, 1440*/
@media all and (max-width:440px){
	.content-info-box{display:flex; flex-direction: column;}
	.content-info-box > div{flex-direction: column; display:flex; width:100%; text-align:center; justify-content:center;}
	.guide-badge{width:100%; margin-bottom:10px;}
}

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