@charset "utf-8";


/*subWrap*/
.subWrap{margin-bottom:100px;}

/*subTopBn*/
.subTopBn{position:relative; min-height:240px; background:url('/images/sub/subBg01.png')no-repeat center; background-size:cover;}
/* .subTopBn::before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.3); 
	z-index:1;
} */

.subTopBn > div{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	text-align:center;
	z-index:2; /* 오버레이 위로 올림 */
}
.subTopBn > div > h2{margin-bottom:16px; color:#fff; font-size:32px; font-weight:700; }
.subTopBn > div > p{color:#fff; font-size:23px;}

/*subTit*/
.subTit{margin:80px 0 40px; text-align:center;}
.subTit > h2{font-size:36px; font-family: 'Paperlogy-7Bold';}
.subTit > h2::after{content:""; display:block; width:40px; height:3px; background:#222; margin:20px auto;}
.subTit > p{font-size:18px; line-height:26px; font-weight:400; color:#777;}

/* 오시는길 */
.location-wrap{max-width:1200px;margin:80px auto 120px;}
.location-map{overflow:hidden;border-radius:25px;box-shadow:0 15px 40px rgba(0,0,0,.08);margin-bottom:50px;}
.location-map .root_daum_roughmap{width:100%!important;}
.location-map .wrap_map{height:500px!important;}
.location-info{display:flex;gap:0;border-top:2px solid #222;}
.location-info .info-box{flex:1;padding:35px 40px;border-bottom:1px solid #ddd;}
.location-info .info-box:first-child{border-right:1px solid #ddd;}
.location-info .info-box .tit{font-size:15px;font-weight:700;color:#888;margin-bottom:10px;letter-spacing:1px;}
.location-info .info-box .txt{font-size:20px;font-weight:500;color:#222;line-height:1.6;word-break:keep-all;}

/* 인사말 */
.bae-greetings-wrap{width:100%;max-width:1200px;margin:0 auto;padding:64px 20px;font-family:'Noto Sans KR',sans-serif;color:#333;box-sizing:border-box;}
.bae-greetings-top-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:40px 32px;text-align:center;margin-bottom:64px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.02);}
.bae-banner-sub{font-size:14px;color:#059669;letter-spacing:2px;margin-bottom:8px;font-weight:600;}
.bae-banner-title{font-size:32px;color:#1e3a8a;font-weight:700;margin-bottom:20px;}
.bae-banner-line{width:40px;height:3px;background:#059669;margin:0 auto;border-radius:2px;}
.bae-greetings-container{display:flex;flex-direction:column;}
.bae-greetings-upper{display:flex;gap:64px;align-items:flex-start;}
.bae-greetings-upper-text{flex:1.3;}
.bae-greetings-visual{flex:1;max-width:460px;}
.bae-img-frame{position:relative;padding:10px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,0.05);}
.bae-img-frame::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:1px solid #cbd5e1;border-radius:22px;z-index:-1;opacity:0.5;}
.bae-greetings-visual img{width:100%;height:auto;aspect-ratio:3/2;border-radius:10px;display:block;object-fit:cover;}
.bae-welcome-quote{font-size:28px;line-height:1.5;font-weight:700;margin-bottom:40px;color:#111827;word-break:keep-all;}
.bae-welcome-quote span{color:#1e3a8a;background:linear-gradient(to top,#d1fae5 40%,transparent 40%);}
.bae-text-body{display:flex;flex-direction:column;gap:24px;line-height:1.85;font-size:17px;color:#4b5563;text-align:left;word-break:keep-all;}
.bae-text-body p{margin:0;}
.bae-greetings-lower{width:100%;margin-top:24px;}
.bae-signature-box{margin-top:80px;padding-top:32px;border-top:1px dashed #cbd5e1;text-align:right;}
.bae-sig-text{font-size:20px;color:#334155;font-weight:500;}
.bae-sig-text span{font-size:26px;font-weight:800;color:#111827;margin-left:6px;margin-right:4px;letter-spacing:4px;}
.bae-sig-text > br{display: none;}

/* 회칙 */
.bae-doc-wrap {width: 1200px; margin: 0 auto; padding: 3rem 0; box-sizing: border-box; font-family: sans-serif;}
.bae-doc-wrap > .bae-header-section {background-color: #ffffff; padding: 2.5rem; border-radius: 1rem; border: 1px solid #e2e8f0; margin-bottom: 2.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05);}
.bae-doc-wrap > .bae-header-section > h2 {font-size: 1.75rem; color: #0f172a; margin-top: 0; margin-bottom: 1.5rem; font-weight: 800; text-align: center;}
.bae-doc-wrap > .bae-header-section > .bae-history-list {list-style: none; font-size: 0.9rem; color: #475569; display: flex; flex-direction: column; gap: 0.4rem; padding-left: 0.5rem; margin: 0; border-left: 3px solid #cbd5e1;}
.bae-doc-wrap > .bae-doc-section {background-color: #ffffff; padding: 3rem; border-radius: 1rem; border: 1px solid #e2e8f0; margin-bottom: 2rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05);}
.bae-doc-wrap > .bae-doc-section > h2 {font-size: 1.5rem; color: #1e3a8a; border-bottom: 2px solid #eff6ff; padding-bottom: 0.75rem; margin-top: 0; margin-bottom: 1.75rem; font-weight: 700;}
.bae-doc-wrap > .bae-doc-section > .bae-article {margin-bottom: 1.75rem;}
.bae-doc-wrap > .bae-doc-section > .bae-article:last-child {margin-bottom: 0;}
.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-article-title {font-size: 1.1rem; font-weight: 700; color: #1e293b; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem;}
.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-article-content {font-size: 1rem; color: #334155; padding-left: 0.5rem; line-height: 1.6;}
.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-article-content > .bae-sub-list {list-style: none; margin-top: 0.5rem; padding-left: 1rem; display: flex; flex-direction: column; gap: 0.5rem;}

.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container {width: 100%; overflow-x: auto; margin-top: 1rem; border-radius: 0.5rem; border: 1px solid #e2e8f0;}
.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container > table {width: 100%; border-collapse: collapse; font-size: 0.85rem; text-align: center; min-width: 800px;}
.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container > table th {background-color: #f1f5f9; color: #1e293b; font-weight: 600; padding: 0.75rem; border-bottom: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0;}
.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container > table td {padding: 0.75rem; border-bottom: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0; background-color: #ffffff; color: #475569;}
.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container > table th:last-child, 
.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container > table td:last-child {border-right: none;}
.bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container > table tr:last-child td {border-bottom: none;}
.bae-doc-wrap .bae-alert-text {color: #dc2626; font-weight: 600;}
.bae-doc-wrap .bae-info-block {background-color: #f8fafc; border-left: 4px solid #3b82f6; padding: 1rem; margin-top: 0.5rem; border-radius: 0 0.5rem 0.5rem 0;}

/* 조직도 */
.org_wrap{width: 1000px; margin: 0 auto 120px;}
.org_wrap > img{width: 100%; height: auto; object-fit: cover;}

/* 페스타 - 사과 */
.festival_wrap{width: 1000px; margin: 0 auto 120px;}
.festival_wrap > img{width: 100%; height: auto; object-fit: cover;}

@media (max-width:1200px) {
	/*subWrap*/
	.subWrap{margin:0; padding:0 3% 80px; box-sizing:border-box;}
	.subTopBn{min-height:160px; background-position:center right;}
	.subTopBn > div{width:100%;}
	.subTopBn > div > h2{margin-bottom:10px; font-size:1.2rem;}
	.subTopBn > div > p{font-size:.9rem; line-height:1.5rem;}
	.subTopBn > div > p > span{display:block;}

	/*subTit*/
	.subTit > h2{font-size:2rem;}
	.subTit > h2::after{width:30px; margin:16px auto;}
	.subTit > p{font-size:1rem;}
	
	/* 인사말 */
	.bae-greetings-wrap{padding:0 15px; margin-bottom: 80px;}
	.bae-greetings-top-banner{padding:28px 16px;margin-bottom:40px;}
	.bae-banner-title{font-size:22px;}

	.bae-greetings-upper{flex-direction:column-reverse;align-items:center;gap:32px;}
	.bae-greetings-visual{max-width:100%;width:100%;}

	.bae-welcome-quote{font-size:22px;text-align:center;margin-top:20px;margin-bottom:28px;}
	.bae-text-body{font-size:15px;gap:20px;}

	.bae-signature-box{text-align:center;margin-top:48px;}
	.bae-sig-text span{font-size:22px;}
	.bae-sig-text > br{display: block;}
	
	/* 오시는길 */
	.location-wrap {max-width: 100%; margin: 0 auto 80px; padding: 0 15px;}
	.location-map .wrap_map{height:220px !important;}
	.location-info{flex-direction:column;}
	.location-info .info-box:first-child{border-right:none;}
	.location-info .info-box{padding:25px 20px;}
	.location-info .info-box .txt{font-size:17px;}
		
	/* 회칙 */
	.bae-doc-wrap {width: 100%; max-width: 100%; padding: 0 20px; margin-bottom: 80px;}

    .bae-doc-wrap > .bae-header-section {padding: 1.5rem; margin-bottom: 1.5rem; border-radius: 0.75rem;}
    .bae-doc-wrap > .bae-header-section > h2 {font-size: 1.4rem; margin-bottom: 1.25rem; text-align: left;}
    .bae-doc-wrap > .bae-header-section > .bae-history-list {font-size: 0.85rem; gap: 0.5rem;}
    .bae-doc-wrap > .bae-doc-section { padding: 1.75rem 1.25rem; margin-bottom: 1.25rem; border-radius: 0.75rem; }
    .bae-doc-wrap > .bae-doc-section > h2 {font-size: 1.25rem; margin-bottom: 1.25rem; padding-bottom: 0.5rem; }
    .bae-doc-wrap > .bae-doc-section > .bae-article {margin-bottom: 1.5rem;}
    .bae-doc-wrap > .bae-doc-section > .bae-article > .bae-article-title {font-size: 1rem; margin-bottom: 0.4rem; }
    .bae-doc-wrap > .bae-doc-section > .bae-article > .bae-article-content {font-size: 0.92rem; padding-left: 0;word-break: keep-all;}
    .bae-doc-wrap > .bae-doc-section > .bae-article > .bae-article-content > .bae-sub-list {padding-left: 0.75rem; gap: 0.4rem;}
    .bae-doc-wrap .bae-info-block {padding: 0.85rem; margin-top: 0.75rem; font-size: 0.88rem; }
    .bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container {margin-top: 0.75rem; -webkit-overflow-scrolling: touch; }
    .bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container > table { font-size: 0.8rem;}
    .bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container > table th, .bae-doc-wrap > .bae-doc-section > .bae-article > .bae-table-container > table td {padding: 0.6rem 0.5rem;}
	
	/* 조직도 */
	.org_wrap{width: 100%; margin: 0 auto 70px;  padding: 0 10px;}
	.org_wrap > img{width: 100%; height: auto; object-fit: cover;}

	/* 페스타 - 사과 */
	.festival_wrap{width: 100%; margin: 0 auto 70px; padding: 0 15px;}
	.festival_wrap > img{width: 100%; height: auto; object-fit: cover;}
}