@import url('sub.css');


/*** S : 건학이념과 비전 ***/
/* 건학이념 */
.founding .basic_in { display:flex; align-items:flex-start; gap:60px; position:relative; }
.founding .founding-cont { flex:1; min-width:0; display:flex; flex-direction:column; gap:30px; position:relative; z-index:1; }
.founding .dep-tit { margin-bottom:0; }
.founding .txt { display:flex; flex-direction:column; gap:10px; }
.founding .quote { color:var(--black); }
.founding .name { display:flex; align-items:center; gap:5px; padding-top:25px; }
.founding .name .who { display:flex; align-items:center; gap:2px; }
.founding .name strong { font-weight:800; }
.founding .founding-img{max-width: 620px; position: relative;}
.founding .ci { position:absolute; left:-249px; bottom: -167px; width:471px; height:426px; pointer-events:none; z-index:0; background: var(--white);}
.founding .ci img { display:block; width:100%; height:100%; object-fit: contain; mix-blend-mode: luminosity;}
.founding .img {aspect-ratio: 620/400; border-radius:var(--borderR30); overflow:hidden; position:relative; z-index:1; }
.founding .img img { display:block; width:100%; height:100%; object-fit:cover; }


/* 설립자 훈 */
.precept { position:relative; overflow:hidden; background:var(--bk000); }
.precept .precept-bg { position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; }
.precept .precept-bg img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.precept .basic_in { position:relative; z-index:1; display:flex; flex-direction:column; gap:30px; }
.precept .dep-tit { margin-bottom:0; }
.precept .precept-list { display:flex; align-items:stretch; gap:120px; }
.precept .precept-list li { flex:1; min-width:0; display:flex; flex-direction:column; gap:30px; position:relative; }
.precept .precept-list li + li::before { content:''; position:absolute; left:-60px; top:0; width:1px; height:100%; background:rgba(255,255,255,0.2); }
.precept .hanja { font-family:'NanumMyeongjoYetHangul', serif; opacity:0.5; font-weight: 400;}
.precept .txt { display:flex; flex-direction:column; gap:10px; }
.precept .desc { color:var(--basicW); }


/* 교육이념 */
.edu-idea .basic_in { display:flex; flex-direction:column; gap:30px; }
.edu-idea .dep-tit { margin-bottom:0; }
.edu-idea .tit { display:flex; flex-direction:column; gap:3px; }
.edu-idea .idea-body { display:flex; align-items: center; gap:30px; }
.edu-idea .idea-list { flex:1; min-width:0; display:flex; flex-direction:column; }
.edu-idea .idea-list li { display:flex; flex-direction:column; gap:8px; padding:30px 0; border-top:1px solid var(--border); }
.edu-idea .idea-list li:last-child { padding-bottom:0; }
.edu-idea .head { display:flex; align-items:center; gap:10px; }
.edu-idea .num { display:flex; align-items:center; justify-content:center; width:32px; height:32px; background:var(--main); border-radius:50%; flex-shrink:0; }

.edu-idea .photos { position:relative; flex:1; flex-shrink:0;  min-width:0;}
.edu-idea .photos .ci { position:absolute; left:50%; bottom:-109px; width: 70%; aspect-ratio: 519/696; max-width: 519px; transform: translateX(-50%); pointer-events:none; z-index:-1; background: var(--white);}
.edu-idea .photos .ci img { display:block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: luminosity;}

.edu-idea .photo { position:relative; z-index:1;  }
.edu-idea .photo img { display:block; max-width: 100%; height: auto; }


/* 이사장 5대 덕목 */
.virtue { position:relative; overflow:hidden; }
.virtue .virtue-bg { position:absolute; width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; pointer-events:none; }
.virtue .virtue-bg img { display:block; width:100%; height:100%; object-fit:cover;}
.virtue .basic_in { position:relative; z-index:1; }
.virtue-diagram { position:relative; display:flex; justify-content:center; }
.virtue-diagram .img { max-width: 656px; margin: 0 auto; flex-shrink:0; }
.virtue-diagram .img img { display:block; width:100%; height:auto; }
.virtue-diagram .item { position:absolute; max-width: 200px; width: 100%;}
.virtue-diagram .item br{display: block;}
.virtue-diagram .i1 { left:50%; top:0; margin-left: -100px; }
.virtue-diagram .i2 { right:50%; top:241px; margin-right: 315px; }
.virtue-diagram .i3 { left:50%; top:241px; margin-left: 315px; }
.virtue-diagram .i4 { right:50%; top:487px; margin-right: 235px; }
.virtue-diagram .i5 { left:50%; top:487px; margin-left: 235px;}
.virtue-diagram .item .icon{display: none;}


/* 교육목표 */
.goal-list { display:flex; align-items:stretch; gap:30px; }
.goal-list li { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:30px; padding:50px; border-radius:var(--borderR30); box-sizing:border-box; }
.goal-list .icon { position:relative; display:flex; align-items:center; justify-content:center; width:82px; height:82px; flex-shrink:0; overflow:hidden; }
.goal-list .icon img{display: block; width: 100%; height: 100%; object-fit: contain;}
.goal-list .txt { display:flex; flex-direction:column; align-items:center; gap:8px; width:100%; }
/*** E : 건학이념과 비전 ***/

/*** S : 인사말 ***/
.greeting .basic_in { display:flex; align-items:stretch; gap:60px; }
.greeting .greeting-img { width:650px; flex-shrink:0; }
.greeting .greeting-img .img { aspect-ratio: 650/780; border-radius:var(--borderR30); overflow:hidden;}
.greeting .greeting-img img { display:block; width:100%; height:100%; object-fit:cover; }
.greeting .greeting-cont { flex:1; min-width:0; display:flex; flex-direction:column; justify-content: center; gap:20px;}
.greeting .txt { display:flex; flex-direction:column; gap:10px; }
.greeting .name { display:flex; align-items:center; gap:5px; padding-top:25px; }
.greeting .name strong { font-weight:800; }
/*** E : 인사말 ***/



/*** S : 학교상징 ***/
/* Heritage — 공통 */
.heritage-emblem .dep-cont,
.heritage-logo .dep-cont,
.heritage-sign .dep-cont,
.heritage-color .dep-cont,
.heritage-tree .dep-cont,
.heritage-flower .dep-cont,
.heritage-uniform .dep-cont { display:flex; flex-direction:column; gap:30px; }
.heritage-emblem .dep-tit,
.heritage-logo .dep-tit,
.heritage-sign .dep-tit,
.heritage-color .dep-tit,
.heritage-tree .dep-tit,
.heritage-flower .dep-tit,
.heritage-uniform .dep-tit { margin-bottom:0; }
.heritage-tree .dep-tit .tit-sub,
.heritage-flower .dep-tit .tit-sub { font-weight:400; display: inline-block; letter-spacing: inherit; line-height: inherit;}
.heritage-logo .img-area,
.heritage-sign .img-area { position:relative; display:flex; align-items:center; justify-content:center; height:250px; border:1px solid var(--border); border-radius:var(--borderR30); background:var(--white); overflow:hidden; box-sizing:border-box; padding: 20px;}
.heritage-logo .img-area::before,
.heritage-sign .img-area::before { content:''; position:absolute; inset:0; background:url('/about/img/logo-grid.png') repeat center/15px auto; pointer-events:none; }
.heritage-logo .img-area .mark,
.heritage-sign .img-area .mark { position:relative; z-index:1; display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; object-position:center; }

/* Heritage — 엠블럼 */
.heritage-emblem .in { display:flex; align-items:center; gap:60px; padding:60px 100px; border:1px solid var(--border); border-radius:var(--borderR30); background:var(--white); box-sizing:border-box; }
.heritage-emblem .img { flex-shrink:0; width:199px; }
.heritage-emblem .img img { display:block; width:100%; height:auto; }
.heritage-emblem .txt { flex:1; min-width:0; display:flex; flex-direction:column; gap:10px; }
.heritage-emblem .txt .fs22 { padding-bottom:5px; }
.heritage-emblem .txt .fs18 { color:var(--basic); }

/* Heritage — 로고 */
.heritage-logo .list { display:flex; align-items:stretch; gap:30px; }
.heritage-logo .list li { flex:1; min-width:0; display:flex; flex-direction:column; gap:12px; }
.heritage-logo .img-area .mark.ko { max-width:min(260px, 100%); }
.heritage-logo .img-area .mark.en { max-width:min(368px, 100%); }
.heritage-logo .img-area .mark.han { max-width:min(274px, 100%); }

/* Heritage — 시그니처 */
.heritage-sign .list { display:flex; align-items:stretch; gap:30px; }
.heritage-sign .list li { flex:1; min-width:0; display:flex; flex-direction:column; gap:12px; }
.heritage-sign .img-area .mark.ko-v { max-width:min(144px, 100%); }
.heritage-sign .img-area .mark.ko-h { max-width:min(266px, 100%); }
.heritage-sign .img-area .mark.han-v { max-width:min(150px, 100%); }
.heritage-sign .img-area .mark.han-h { max-width:min(276px, 100%); }

/* Heritage — Color System */
.heritage-color .list { display:flex; align-items:stretch; gap:30px; }
.heritage-color .list li { flex:1; min-width:0; display:flex; flex-direction:column; padding:40px; border-radius:var(--borderR30); box-sizing:border-box; color:var(--white); }
.heritage-color .list li.c1 { background:#F08200; }
.heritage-color .list li.c2 { background:#F49D3A; }
.heritage-color .list li.c3 { background:#F9C385; }
.heritage-color .list li.c4 { background:#898788; }
.heritage-color .list .name,
.heritage-color .list .pantone { letter-spacing:0; }
.heritage-color .list .info { display:flex; flex-direction:column; gap:1px; padding-top:10px; }
.heritage-color .list .row { display:flex; align-items:center; gap:10px; color:var(--basicW) !important; letter-spacing:0; }
.heritage-color .list .row .key { width:45px; flex-shrink:0; color:var(--basicW); }
.heritage-color .list .row .val { color:var(--basicW); }
.heritage-color .list .note { color:var(--basicW) !important; letter-spacing:0; }

/* Heritage — 교목 / 교화 */
.heritage-tree .in,
.heritage-flower .in { display:flex; gap:60px; }
.heritage-tree .img,
.heritage-flower .img { flex-shrink:0; width: 765px; aspect-ratio: 765/450; display: block; border-radius:var(--borderR40); overflow:hidden; background:var(--grayBg); }
.heritage-tree .img img,
.heritage-flower .img img { display:block; width:100%; height:100%; object-fit:cover; }
.heritage-tree .txt,
.heritage-flower .txt { flex:1; min-width:0; display:flex; flex-direction:column; justify-content: center; gap:10px; }
.heritage-tree .txt .fs18,
.heritage-flower .txt .fs18 { color:var(--basic); }

/* Heritage — 교복 */
.heritage-uniform .in { display:flex; flex-direction:column; gap:50px; }
.heritage-uniform .list { display:flex; align-items:stretch; gap:30px; }
.heritage-uniform .list li { display:flex; flex-direction:column; gap:12px; }
.heritage-uniform .list li { width:calc((100% - 90px) / 4); }
.heritage-uniform .img-area { display: block; aspect-ratio: 360/560; border-radius:var(--borderR30); background:var(--grayBg); overflow:hidden; box-sizing:border-box; }
.heritage-uniform .img-area img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }

/*** E : 학교상징 ***/





/*** S : 학교현황 ***/
/* 섹션 */
.status .dep-cont { display:flex; flex-direction:column; gap:30px; }
.status .dep-tit { display:flex; align-items:flex-end; gap:15px; margin-bottom:0; }
.status .dep-tit .date { padding-bottom:3px; color:var(--light); font-weight:400; }
.status .tbl-group { display:flex; flex-direction:column; gap:30px; width:100%; }
.status .tbl-box { display:flex; flex-direction:column; gap:12px; width:100%; }
.status .fac-list { display:flex; flex-wrap:wrap; align-items:flex-start; gap:50px 30px; width:100%; }
.status .fac-list .tbl-box { width:calc(50% - 15px); }
.status .remark { padding-top:10px; color:var(--light); }

/* 테이블 */
.status-tbl-wrap{position: relative;}
.status-tbl-wrap.w100{overflow: hidden !important;}
.status-tbl-wrap.w100 .status-tbl{width: 100% !important; min-width:100% !important; max-width:100% !important;}
.status-tbl { width:100%; border-collapse:collapse; table-layout:fixed; border-top:2px solid var(--main); }
.status-tbl th { background:var(--grayBg); color:var(--black); text-align:center; vertical-align:middle; padding:16px 5px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box; letter-spacing: var(--letter-spacing-default);}
.status-tbl td { text-align:center; vertical-align:middle; padding:16px 10px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box; letter-spacing: var(--letter-spacing-default);}
.status-tbl th:last-child, .status-tbl td:last-child { border-right:none; }
.status-tbl th.line-r{border-right: 1px solid var(--border);}
.status-tbl.dept td:nth-child(odd) { color:var(--black); }
.status-tbl.build td:nth-child(3n+1) { color:var(--black); }
.status-tbl.fac td:first-child { color:var(--black); }

/* 조직도 */
.organ-style-wrap{position: relative; width: 100%;}
.organ-style {display:flex; flex-direction:column; align-items:center; gap:40px; position:relative; width:100%; }
.organ-style::before { content:''; position:absolute; left:50%; top:0; width:1px; height:357px; background:var(--border); transform:translateX(-50%); z-index:0; }
.organ-style .box { display:flex; flex-direction:column; align-items:center; box-sizing:border-box; border-radius:var(--borderR10); position:relative; width:100%; text-decoration:none; color:inherit; cursor:pointer; }
.organ-style .box .name { display:flex; align-items:center; justify-content:center; width:100%; box-sizing:border-box; text-align:center; }
.organ-style .lv-principal { position:relative; display:flex; justify-content:center; width:100%; z-index:2; }
.organ-style .lv-principal::after { content:''; position:absolute; left:50%; right:140px; top:156px; height:1px; background:var(--border); }
.organ-style .box-main { width:290px; padding:20px; gap:12px; background:var(--main); }
.organ-style .box-sub { width:290px; padding:20px; gap:12px; background:var(--sub); }
.organ-style .box-chief { position:absolute; right:0; top:88px; width:140px; padding:20px; gap:12px; background:var(--sub3); z-index: 3;}
.organ-style .box-main .name,
.organ-style .box-sub .name,
.organ-style .box-chief .name { padding:10px 0; border-radius:var(--borderR5); background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.3); }
.organ-style .lv-vice { position:relative; z-index:1; display:flex; justify-content:center; width:100%; }
.organ-style .lv-depts { display:flex; align-items:flex-start; justify-content:center; gap:40px; padding-top:40px; width:100%; position:relative; z-index:1; }
.organ-style .dept-list { display:flex; align-items:flex-start; justify-content:center; gap:10px; position:relative; }
.organ-style .dept-list::before { content:''; position:absolute; left:57px; right:57px; top:-40px; height:1px; background:var(--border); }
.organ-style .dept-list > li { width:114px; position:relative; display:flex; flex-direction:column; gap:5px; flex-shrink:0; }
.organ-style .dept-list > li::before { content:''; position:absolute; left:50%; top:-40px; width:1px; height:40px; background:var(--border); transform:translateX(-50%); }
.organ-style .box-dept { padding:15px; gap:8px; background:var(--white); border:2px solid var(--main); }
.organ-style .box-dept .tit { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:60px; width:100%; text-align:center; color:var(--black); }
.organ-style .box-dept .name { padding:5px 0; border-radius:var(--borderR5); background:rgba(250,102,0,0.1); border:1px solid rgba(250,102,0,0.2); }
.organ-style .dept-sub { display:flex; flex-direction:column; gap:5px; width:100%; }
.organ-style .dept-sub > li { position:relative; width:100%; }
.organ-style .dept-sub > li::before { content:''; position:absolute; left:50%; top:-7px; width:1px; height:5px; background:var(--border); transform:translateX(-50%); }
.organ-style .box-simple { padding:15px; background:var(--white); border:2px solid var(--main); }
.organ-style .box-simple .tit { display:block; width:100%; text-align:center; color:var(--black); }
.organ-style .admin-col { width:140px; display:flex; flex-direction:column; gap:40px; position:relative; flex-shrink:0; }
.organ-style .admin-col::before { content:''; position:absolute; left:50%; top:-168px; width:1px; height:168px; background:var(--border); transform:translateX(-50%); }
.organ-style .admin-col .box-admin + .box-admin::before { content:''; position:absolute; left:50%; top:-42px; width:1px; height:40px; background:var(--border); transform:translateX(-50%); }
.organ-style .box-admin { padding:15px; background:var(--white); border:2px solid var(--sub3); }
.organ-style .box-admin .tit { display:block; width:100%; text-align:center; color:var(--sub3); }

.organ-info{display: flex; flex-direction: column; gap: 30px;}
.organ-info .dep-tit{margin: 0;}

/* 교직원 안내 — TOP */
.organ-top ul { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:30px; width:100%; }
.organ-top li { display:flex; flex-direction:column; gap:12px; padding:30px; background:var(--grayBg); border:1px solid var(--border); border-radius:var(--borderR20); box-sizing:border-box; }
.organ-top li.admin { grid-column:4; }
.organ-top .info { display:flex; flex-direction:column; width:100%; }
.organ-top .tel-row { display:flex; align-items:flex-start; width:100%; }
.organ-top .lab { width:75px; flex-shrink:0; color:var(--black); }
.organ-top .tel { display:inline-flex; align-items:center; gap:4px; flex:1; min-width:0; }
.organ-top .tel::before { content:"\e61d"; font-family:var(--icon); font-size:18px; line-height:18px; color:var(--basic); flex-shrink:0; font-weight:400; }

/* 교직원 안내 — LIST */
.organ-list { display:flex; flex-direction:column; gap:30px; width:100%; }
.organ-list article { display:flex; flex-direction:column; gap:12px; width:100%; }
.organ-list h4 { margin-bottom:0; }
.organ-table-wrap { position:relative; width:100%; }
.organ-list table { width:100%; border-collapse:collapse; table-layout:fixed; border-top:2px solid var(--main); }
.organ-list thead tr { display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); }
.organ-list tbody { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); }
.organ-list tbody tr { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); }
.organ-list th { background:var(--grayBg); color:var(--black); font-weight:600; text-align:center; vertical-align:middle; padding:16px 18px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box; }
.organ-list td { text-align:center; vertical-align:middle; padding:16px 18px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box; color:var(--basic); }
.organ-list thead th:last-child { border-right:none; }
.organ-list tbody tr:nth-child(odd) td:last-child { border-right:1px solid var(--border); }
.organ-list tbody tr:nth-child(even) td:last-child { border-right:none; }
.organ-list td.tit { color:var(--black); }

/*** E : 학교현황 ***/

/*** S : 야구부 ***/
.baseball{overflow: hidden;}
.baseball .dep-cont { display:flex; flex-direction:column; gap:30px; }
.baseball .dep-tit { margin-bottom:0; }
.baseball .rec-tbl col.nm,
.baseball .rec-tbl col.sum { width:210px; }
.baseball .rec-tbl tbody td { padding:16px 18px; }
.baseball .rec-tbl tbody td:first-child { color:var(--black); }
.baseball .rec-tbl tbody td:last-child { color:var(--basic); }
.baseball .rec-tbl .year-list {display:flex; flex-wrap:wrap; gap:2px; width:100%;}
.baseball .rec-tbl .year-list span {display:flex; align-items:center; padding:2px 12px; border-radius:6px; background:color-mix(in srgb, var(--sub) 15%, transparent); color:var(--main); letter-spacing:0;}
.baseball .rec-tbl tfoot td { background:var(--sub3); color:var(--white); border-color:rgba(255,255,255,0.15); }
.baseball .rec-tbl tfoot td:last-child { color:var(--basicW); }
.baseball .coach-list ul { display:grid; grid-template-columns:repeat(6, minmax(0,1fr)); border:1px solid var(--border); border-radius:var(--borderR30); overflow:hidden; background:var(--grayBg); }
.baseball .coach-list li { display:flex; flex-direction:column; gap:7px; padding:30px; background:var(--white); border-right:1px solid var(--border); border-bottom:1px solid var(--border); box-sizing:border-box; }
.baseball .coach-list .name { display:flex; flex-direction:column; }
.baseball .coach-list .eng { color:var(--light); letter-spacing:0; }
.baseball .coach-list li:nth-child(6n) { border-right:none; }
.baseball .coach-list li:nth-child(n+13) { border-bottom:none; }
.baseball .coach-list li.ci { align-items:center; justify-content:center; padding:0; background:var(--grayBg); }
.baseball .coach-list li.ci img { display:block; width:56px; height:auto;}

.baseball-slide { display:flex; flex-direction:column; align-items:center; gap:40px; position:relative; overflow:hidden; }
.baseball-slide .swiper {width:100%; padding-left:max(5%, calc((100% - 1530px) / 2)); box-sizing:border-box; overflow:visible; }
.baseball-slide .swiper-slide { width:auto !important; max-width:min(1530px, 90vw); height:500px; flex-shrink:0; display:flex; align-items:center; justify-content:flex-start; border-radius:var(--borderR30); overflow:hidden; background:var(--grayBg); }
.baseball-slide .swiper-slide a,
.baseball-slide .swiper-slide figure,
.baseball-slide .swiper-slide .img { display:block; height:500px; width:max-content; max-width:none; }
.baseball-slide .swiper-slide img { display:block; height:500px; width:auto; max-width:none; object-fit:cover; object-position:left center; }
.baseball-slide .ctrl { display:flex; align-items:center; gap:6px; }
.baseball-slide .ctrl button { display:flex; align-items:center; justify-content:center; width:50px; height:50px; padding:0; border:1px solid var(--border); border-radius:50px; background:var(--white); cursor:pointer; box-sizing:border-box; transition:all 0.3s linear; }
.baseball-slide .ctrl button::before { font-family:var(--icon); color:var(--black); transition:color 0.3s linear; }
.baseball-slide .ctrl button:hover { background:var(--main); border-color:var(--main); }
.baseball-slide .ctrl button:hover::before { color:var(--white); }
.baseball-slide .ctrl .prev::before { content:"\e314"; font-size:28px; line-height:28px; }
.baseball-slide .ctrl .next::before { content:"\e315"; font-size:28px; line-height:28px; }
.baseball-slide .ctrl .playpause::before { content:"\e034"; font-size:24px; line-height:24px; font-variation-settings: 'FILL' 1, 'wght' 500, 'GRAD' 0, 'opsz' 48;}
.baseball-slide .ctrl .playpause.paused::before { content:"\e037"; }
/*** E : 야구부 ***/

/*** S : 학교후원 ***/

/* 학교발전기금 안내 */
.support-visual { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:210px 0; overflow:hidden; background:var(--bk000); }
.support-visual .bg { position:absolute; left:0; top:0; width:100%; height:100%; }
.support-visual .bg img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.support-visual .txt { position:relative; z-index:1; text-align:center; }
.support-visual .txt .bold{line-height: inherit; letter-spacing: inherit;}

.support .dep-cont { display:flex; flex-direction:column; gap:30px; }
.support .dep-tit { margin-bottom:0; }
.support .receive { display:flex; flex-direction:column; gap:20px; }
.support .info-list { display:flex; align-items:stretch; gap:30px; }
.support .gray-box { flex:1; min-width:0; display:flex; flex-direction:column; gap:15px; padding:40px; background:var(--grayBg); border-radius:var(--borderR30); box-sizing:border-box; position:relative; }
.support .gray-box .ico { position:absolute; right:35px; bottom:35px; width:70px; height:70px; pointer-events:none; }
.support .gray-box .ico img { display:block; width:100%; height:100%; object-fit:contain; }
.support .dot-list li { display:flex; align-items:center; gap:10px; }
.support .dot-list .lab { width:61px; flex-shrink:0; color:var(--black); }
.support .bank { display:flex; gap:10px; }
.support .bank .logo { overflow: hidden; border-radius:var(--borderR10); width: 118px;}
.support .bank .logo img { display:block; width:100%; height:auto; }
.support .bank .bank-txt{display:flex; align-items:center; gap:5px 10px; flex-wrap:wrap; flex:1;}
.support .bank .num { letter-spacing:0; line-height: 120%;}
.support .bank .who { color:var(--light); }
.support .note { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; flex-wrap: wrap;}
.support .btn-rule { display:inline-flex; align-items:center; gap:10px; padding:10px 20px; border:1px solid var(--border); border-radius:var(--borderR5); background:var(--white); color:var(--black); box-sizing:border-box; flex-shrink:0; white-space:nowrap; transition:border-color 0.3s linear; }
.support .btn-rule:hover { border-color:var(--black); }
.support .btn-rule::after { content:"\e89e"; font-family:var(--icon); font-size:18px; line-height:18px; color:var(--black); font-weight: 400;}
.support .use { display:flex; flex-direction:column; align-items:center; gap:60px; }
.support .use .inner { display:flex; flex-direction:column; gap:30px; width:100%; }
.support .support-tbl tbody td:first-child { color:var(--black); }
.support .support-tbl tbody td:last-child { color:var(--basic); }
.support .support-tbl tbody td{text-align: left; padding: 18px 16px;}

/* 학교발전기금 접수 */
.support-apply .dep-cont { display:flex; flex-direction:column; gap:30px; width: 100%;}
.support-apply .dep-tit { margin-bottom:0; }
.support-apply .guide { display:flex; flex-direction:column; align-items:center; gap:60px; }
.support-apply .step-list { display:flex; flex-direction:column; gap:30px; width:100%; }
.support-apply .step-list > li { display:flex; flex-direction:column; gap:10px; }
.support-apply .step-tit { display:flex; gap:10px; }
.support-apply .step-tit .num { display:flex; align-items:center; justify-content:center; width:32px; height:32px; background:var(--main); border-radius:50%; flex-shrink:0; letter-spacing:0; margin-top: 2px;}
.support-apply .gray-box { display:flex; flex-direction:column; gap:15px; padding:40px; background:var(--grayBg); border-radius:var(--borderR30); box-sizing:border-box; }
.support-apply .gray-box .txt { display:flex; flex-direction:column; gap:10px; }
.support-apply .dot-list > li { display:flex; align-items:flex-start; gap:10px; }
.support-apply .semibold{color: var(--black);}
/*** E : 학교후원 ***/


/*** S : 캠퍼스 안내 ***/

/* 캠퍼스가이드 */
.campus-guide {display:flex; align-items:stretch; gap:60px; box-sizing:border-box;}
.campus-map-box {position:relative; display:flex; flex-direction:column; width:880px; flex-shrink:0; border-radius:var(--borderR30); overflow:hidden; background:var(--grayBg); box-sizing:border-box;}
.campus-map {position:relative; width:100%; height:505px; overflow:hidden; background:var(--bk000);}
.campus-map > img {display:block; width:100%; height:100%; object-fit:cover; object-position:center;}
.campus-pin {position:absolute; display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding: 0; border:1px solid rgba(255,255,255,0.26); border-radius:50%; background:rgba(0,0,0,0.45); backdrop-filter:blur(5px); box-sizing:border-box; cursor:pointer; z-index:2; transform:translate(-50%, -50%); transition:background 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;}
.campus-pin span {color:var(--white); font-size:0.7778rem; font-weight:700; line-height:1; letter-spacing:0; opacity:0.7; transition:opacity 0.3s ease;}
.campus-pin.on {background:var(--main); border-color:transparent; box-shadow:0 0 0 7px rgba(250,102,0,0.4);}
.campus-pin.on span {opacity:1;}
.campus-pin:hover span {opacity:1;}
.campus-legend {position:relative; z-index:1; display:flex; gap:40px; width:100%; padding:40px; box-sizing:border-box;}
.campus-legend .col {display:flex; flex-direction:column; gap:15px; flex:1; min-width:0;}
.campus-legend li {width:100%;}
.campus-legend .legend-btn {display:flex; align-items:flex-start; gap:10px; width:100%; padding:0; border:0; background:transparent; text-align:left; cursor:pointer; box-sizing:border-box;}
.campus-legend .num {display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:var(--main); color:var(--white); font-size:0.7778rem; font-weight:700; line-height:1; letter-spacing:0; flex-shrink:0;}
.campus-legend .txt {display:flex; flex-direction:column; min-width:0; padding-top:0;}
.campus-legend .txt strong {color:var(--black); font-weight:600;}
.campus-legend .txt .fs16 {color:var(--basic);}
.campus-map-box::after {content:''; position:absolute; right:0; bottom:0; width:291px; height:414px; background:url('/about/img/campus-deco.png') no-repeat center/contain; pointer-events:none; z-index:0;}
.campus-info {display:flex; flex-direction:column; gap:35px; width:590px; flex-shrink:0; padding:30px; border:1px solid var(--border); border-radius:var(--borderR30); background:var(--white); box-sizing:border-box;}
.campus-panel {display:none; flex-direction:column; gap:35px; width:100%;}
.campus-panel.on {display:flex;}
.campus-info-top {display:flex; flex-direction:column; gap:10px; width:100%; padding-bottom:30px; border-bottom:1px dashed var(--border); box-sizing:border-box;}
.campus-info-top .title {display:flex; align-items:center; gap:12px; width:100%;}
.campus-info-top .num {display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:var(--main); color:var(--white); font-size:1rem; font-weight:600; line-height:166.67%; letter-spacing:0; flex-shrink:0;}
.campus-info-top .fs40 {color:var(--black);}
.campus-info-top .fs18 {width:100%; color:var(--basic);}
.campus-gallery {display:flex; flex-direction:column; gap:10px; width:100%;}
.campus-main-swiper {position:relative; width:100%; border-radius:var(--borderR5); overflow:hidden;}
.campus-main-swiper .swiper-slide {width:100%;}
.campus-main-swiper .img {display: block; aspect-ratio: 528/370; overflow:hidden;}
.campus-main-swiper .img img {display:block; width:100%; height:100%; object-fit:cover;}
.campus-prev,
.campus-next {position:absolute; top:50%; z-index:3; display:flex; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid rgba(255,255,255,0.3); border-radius:50%; background:rgba(0,0,0,0.3); backdrop-filter:blur(1px); cursor:pointer; transform:translateY(-50%); box-sizing:border-box; transition:background 0.3s ease, border-color 0.3s ease;}
.campus-prev {left:10px;}
.campus-next {right:10px;}
.campus-prev::before,
.campus-next::before {display:block; width:22px; height:22px; line-height:22px; font-size:22px; font-family:var(--icon); color:var(--white); text-align:center;}
.campus-prev::before {content:"\e5cb";}
.campus-next::before {content:"\e5cc";}
.campus-prev:hover,
.campus-next:hover {background:var(--main); border-color:var(--main);}
.campus-thumb-swiper {width:100%;}
.campus-thumb-swiper .swiper-slide {height:auto; cursor:pointer;}
.campus-thumb-swiper .img {aspect-ratio:528/370; overflow:hidden; border-radius:var(--borderR5); box-sizing:border-box; position: relative; background: var(--bk000);}
.campus-thumb-swiper .img::after{content: ''; display: block; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid var(--main); border-radius: var(--borderR5); position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; transition:opacity 0.3s ease;}
.campus-thumb-swiper .swiper-slide-thumb-active .img::after{opacity: 1;}
.campus-thumb-swiper .img img {display:block; width:100%; height:100%; object-fit:cover; opacity:0.5; transition:opacity 0.3s ease;}
.campus-thumb-swiper .swiper-slide-thumb-active .img img {opacity:1;}
.campus-gallery.is-noimg .campus-main-swiper .img,
.campus-gallery.is-noimg .campus-thumb-swiper .img {background:var(--grayBg);}
.campus-gallery.is-noimg .campus-main-swiper .img img,
.campus-gallery.is-noimg .campus-thumb-swiper .img img {object-fit:contain; opacity:1;}
.campus-gallery.is-noimg .campus-thumb-swiper .img::after {display:none;}
.campus-gallery.is-noimg .campus-thumb-swiper .swiper-slide {cursor:default;}

/* 오시는길 */
.location-cont {display:flex; flex-direction:column; gap:40px; box-sizing:border-box;}
.location-map {width:100%; height:520px; border:1px solid var(--border); border-radius:var(--borderR30); overflow:hidden; background:var(--white); box-sizing:border-box; position: relative;}
.location-map .map-shield{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; box-sizing:border-box; cursor:pointer;}
.location-map .root_daum_roughmap,
.location-map .root_daum_roughmap .wrap_map,
.location-map .root_daum_roughmap iframe {width:100% !important; height:100% !important;}
.location-map .root_daum_roughmap .map_border{display: none !important;}
.location-info {display:flex; align-items:flex-start; justify-content:space-between; gap:30px; width:100%; box-sizing:border-box;}
.location-info-txt {display:flex; flex-direction:column; gap:10px;}
.location-cont .address {display:flex; gap:6px; color:var(--black); font-weight:600;}
.location-cont .address::before {content:"\e0c8"; display:block; width:24px; height:24px; line-height:24px; font-size:24px; font-family:var(--icon); text-align:center; color:var(--black); flex-shrink:0; font-weight: 400; margin-top: 3px;}
.location-cont .contact {display:flex; align-items:center; flex-wrap:wrap; gap:5px 30px;}
.location-cont .contact li {display:flex; align-items:center; gap:8px;}
.location-cont .contact b {color:var(--black); font-weight:600; letter-spacing: inherit;}
.location-cont .contact a,
.location-cont .contact span {color:var(--basic); text-decoration:none;}
.location-cont .contact a:hover {color:var(--main);}
.location-btn {display:flex; align-items:center; justify-content:flex-end; gap:2px; flex-shrink:0;}
.location-btn .map-btn {position:relative; display:flex; align-items:center; justify-content:space-between; width:192px; height:58px; padding:0 10px 0 20px; border:1px solid var(--border); border-radius:var(--borderR100); background:var(--white); box-sizing:border-box; overflow:hidden; text-decoration:none; transition:border-color 0.55s cubic-bezier(0.4, 0, 0.2, 1);}
.location-btn .map-btn .fs16 {position:relative; z-index:2; color:var(--black); font-weight:600; white-space:nowrap; transition:color 0.55s cubic-bezier(0.4, 0, 0.2, 1);}
.location-btn .map-btn .ico {position:relative; z-index:2; display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; flex-shrink:0; background-repeat:no-repeat; background-position:center; background-size:contain;}
.location-btn .map-btn::before {content:''; position:absolute; left:50%; bottom:0; width:16px; height:16px; border-radius:50%; transform:translate(-50%, 50%) scale(0); transition:transform 0.55s cubic-bezier(0.4, 0, 0.2, 1); z-index:0; pointer-events:none;}
.location-btn .naver-btn::before {background:#00ce6d;}
.location-btn .naver-btn .ico {background:#00ce6d url('/about/img/naver-icon.png') no-repeat center/contain;}
.location-btn .kakao-btn::before {background:#feda0d;}
.location-btn .kakao-btn .ico {background:#feda0d url('/about/img/kakao-icon.png') no-repeat center/contain;}
.location-btn .google-btn::before {background:var(--basic);}
.location-btn .google-btn .ico {background:var(--grayBg) url('/about/img/google-icon.png') no-repeat center/contain;}
.location-btn .map-btn:hover::before {transform:translate(-50%, 50%) scale(20);}
.location-btn .map-btn:hover {border-color:transparent;}
.location-btn .kakao-btn:hover .fs16 {color:var(--black) !important;}
.location-btn .map-btn:hover .fs16 {color:var(--white);}

/*** E : 캠퍼스 안내 ***/



/*******************************************************************************
    @media 1680px
*******************************************************************************/
@media all and (max-width:1680px){

/*** S : 인사말 ***/
.greeting .greeting-img { width:40%; }
/*** E : 인사말 ***/

/*** S : 학교현황 ***/
/* 테이블 */
.status-tbl th { font-size: 0.889rem;}
.status-tbl td { font-size: 0.889rem;}

/* 조직도 */
.organ-style-wrap{position: relative; padding: 10px; box-sizing: border-box; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
.organ-style-wrap .responsive-dim.show{display: block;}
.organ-style {min-width: 1530px;}


/*** E : 학교현황 ***/


/*** S : 야구부 ***/
.baseball-slide .swiper {padding-left:5%; }
.baseball-slide .swiper-slide {max-width:90%;}
/*** E : 야구부 ***/

/*** S : 캠퍼스 안내 ***/
/* 캠퍼스가이드 */
.campus-guide {gap:40px;}
.campus-map-box {width:auto; flex:1; min-width:0;}
.campus-map {height:auto; aspect-ratio:880/505;}
.campus-info {width:38%; max-width:520px; flex-shrink:1;}
/*** E : 캠퍼스 안내 ***/






}
/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){

/*** S : 캠퍼스 안내 ***/
/* 캠퍼스가이드 */
.campus-guide {gap:30px;}
.campus-legend {gap:28px; padding:30px;}
.campus-info {width:40%; max-width:480px; padding:24px; gap:28px;}
.campus-panel {gap:28px;}
.campus-info-top {padding-bottom:24px;}
.campus-map-box::after {width:220px; height:313px;}
/*** E : 캠퍼스 안내 ***/

/*** S : 학교상징 ***/
.heritage-tree .img,
.heritage-flower .img { width:50%; flex-shrink:0; }
/*** E : 학교상징 ***/



/*** S : 건학이념과 비전 ***/

/* 설립자 훈 */
.precept .precept-list { gap:60px; }
.precept .precept-list li + li::before {left:-30px;}

/*** E : 건학이념과 비전 ***/

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


/*** S : 건학이념과 비전 ***/
/* 건학이념 */
.founding .basic_in { gap:40px; }
.founding .founding-img{max-width: 45%;}
.founding .ci { bottom: -267px;}
.founding .img {aspect-ratio: 620/620;}

/* 교육이념 */
.edu-idea .tit .fs36 br{display: none;}

/* 교육목표 */
.goal-list li { padding:40px; }
/*** E : 건학이념과 비전 ***/

/*** S : 학교상징 ***/
.heritage-emblem .dep-cont,
.heritage-logo .dep-cont,
.heritage-sign .dep-cont,
.heritage-color .dep-cont,
.heritage-tree .dep-cont,
.heritage-flower .dep-cont,
.heritage-uniform .dep-cont { gap:20px; }
.heritage-emblem .in { gap:40px; padding:40px 60px; }
.heritage-logo .list,
.heritage-sign .list,
.heritage-color .list,
.heritage-uniform .list { gap:20px; }
.heritage-logo .img-area,
.heritage-sign .img-area { height:220px; }
.heritage-sign .list { flex-wrap:wrap; }
.heritage-sign .list li { width:calc((100% - 20px) / 2); flex:none; }
.heritage-color .list { flex-wrap:wrap; }
.heritage-color .list li { width:calc((100% - 20px) / 2); flex:none; }
.heritage-tree .in,
.heritage-flower .in { gap:40px; }
.heritage-uniform .in { gap:30px; }
.heritage-uniform .list:first-child li { width:calc((100% - 40px) / 3); }
.heritage-uniform .list li { width:calc((100% - 60px) / 4); }
/*** E : 학교상징 ***/

/*** S : 학교현황 ***/
/* 테이블 */
.status-tbl-wrap{overflow-x: auto; overflow-y: hidden;}
.status-tbl-wrap .responsive-dim.show{display: block;}
.status-tbl { width: 1300px;}


/* 교직원 안내 — TOP */
.organ-top ul { grid-template-columns:repeat(2, minmax(0,1fr));}
.organ-top li.admin { grid-column:2; }

/* 교직원 안내 — LIST */
.organ-list th { padding:16px 10px;}
.organ-list td { padding:16px 10px;}
/*** E : 학교현황 ***/

/*** S : 학교후원 ***/

/* 학교발전기금 안내 */
.support-visual .txt p{text-wrap: balance;}
.support-visual .txt br{display: none;}

.support .status-tbl-wrap{overflow: hidden;}
.support .status-tbl-wrap .responsive-dim.show{display: none;}
.support .status-tbl { width: 100%;}
/*** E : 학교후원 ***/

/*** S : 캠퍼스 안내 ***/
/* 캠퍼스가이드 */
.campus-guide {gap:24px;}
.campus-legend {gap:20px; padding:24px;}
.campus-legend .col {gap:12px;}
.campus-info {width:42%; max-width:420px; padding:20px; gap:24px;}
.campus-panel {gap:24px;}
.campus-info-top {gap:8px; padding-bottom:20px;}
.campus-info-top .num {width:36px; height:36px;}
.campus-info-top .title {gap:10px;}
.campus-map-box::after {width:180px; height:256px;}
.campus-prev,
.campus-next {width:34px; height:34px;}

/* 오시는길 */
.location-btn .map-btn {width:160px;}
/*** E : 캠퍼스 안내 ***/


}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/*** S : 건학이념과 비전 ***/
/* 건학이념 */
.founding .basic_in { gap:30px; }
.founding .founding-cont { gap:20px; }
.founding .txt { gap:6px; }
.founding .name {padding-top:15px; }
.founding .ci { left:auto; right: 0; bottom: -200px; width:300px; height:271px;}

/* 설립자 훈 */
.precept .basic_in { gap:20px; }
.precept .precept-list { gap:40px; }
.precept .precept-list li { gap:20px;}
.precept .precept-list li + li::before { left:-20px; }
.precept .txt { gap:6px; }


/* 교육이념 */
.edu-idea .basic_in {gap:20px;}
.edu-idea .idea-body {gap:50px; flex-direction: column; align-items: flex-start;}
.edu-idea .idea-list { width: 100%; }
.edu-idea .idea-list li { padding:20px 0;}
.edu-idea .photos {width: 100%; flex:auto; text-align: center;}
.edu-idea .photos .ci {bottom:auto; top:50%; transform: translate(-50%,-50%); width: 60%; max-width: 400px;}
.edu-idea .photo{text-align: center; }
.edu-idea .photo img{margin: 0 auto;}

/* 이사장 5대 덕목 */
.virtue-diagram .img { max-width: 480px; padding: 15px 0 0;}
.virtue-diagram .i1 { left:50%; top:0; margin-left: -100px; }
.virtue-diagram .i2 { right:50%; top:185px; margin-right: 225px; }
.virtue-diagram .i3 { left:50%; top:185px; margin-left: 225px; }
.virtue-diagram .i4 { right:50%; top:385px; margin-right: 170px; }
.virtue-diagram .i5 { left:50%; top:385px; margin-left: 170px;}


/* 교육목표 */
.goal-list { gap:20px; }
.goal-list li { gap:20px; padding:30px; }
.goal-list .icon { width:70px; height:70px; }
.goal-list .txt { gap:4px; }
/*** E : 건학이념과 비전 ***/

/*** S : 학교상징 ***/
.heritage-emblem .dep-cont,
.heritage-logo .dep-cont,
.heritage-sign .dep-cont,
.heritage-color .dep-cont,
.heritage-tree .dep-cont,
.heritage-flower .dep-cont,
.heritage-uniform .dep-cont { gap:20px; }
.heritage-emblem .in { flex-direction:column; align-items:center; gap:30px; padding:30px; text-align:center; }
.heritage-emblem .img{width: 140px;}
.heritage-emblem .txt .fs22 { padding-bottom:0; }
.heritage-logo .list { flex-direction:column; }
.heritage-sign .list li { width:calc((100% - 20px) / 2); }
.heritage-color .list li { width:calc((100% - 20px) / 2); padding:30px; }
.heritage-tree .in,
.heritage-flower .in { flex-direction:column; gap:20px; }
.heritage-tree .img,
.heritage-flower .img { width:100%; }
.heritage-tree .txt,
.heritage-flower .txt { justify-content:flex-start; }
.heritage-logo .img-area,
.heritage-sign .img-area { height:200px; border-radius:var(--borderR20); }
.heritage-uniform .in { gap:20px; }
.heritage-uniform .list { flex-wrap:wrap; }
.heritage-uniform .list:first-child li,
.heritage-uniform .list li { width:calc((100% - 20px) / 2); }
.heritage-tree .txt, .heritage-flower .txt{gap: 5px;}
/*** E : 학교상징 ***/

/*** S : 인사말 ***/
.greeting .basic_in { gap:40px; flex-wrap: wrap;}
.greeting .greeting-img .img { aspect-ratio: 3/2;}
.greeting .greeting-img img { object-position: center top;}
.greeting .greeting-img { width:100%; }
.greeting .greeting-cont { gap:15px;}
.greeting .txt { gap:6px; }
.greeting .name { padding-top:20px; }
/*** E : 인사말 ***/

/*** S : 학교현황 ***/
/* 섹션 */
.status .dep-cont { gap:20px; }
.status .dep-tit { gap:10px; }
.status .tbl-group { gap:20px; }
.status .tbl-box { gap:8px; }
.status .fac-list { gap:20px; }
.status .fac-list .tbl-box { width: 100%; }

/* 테이블 */
.status-tbl { width: 1040px;}
.status-tbl th { padding:12px 5px;}
.status-tbl td { padding:12px 5px;}



/* 조직도 */
.organ-style { gap:30px; min-width:1170px; }
.organ-style::before { height:287px; }
.organ-style .lv-principal::after { right:120px; top:129px; }
.organ-style .box-main { width:220px; padding:15px; gap:8px; }
.organ-style .box-sub { width:220px; padding:15px; gap:8px; }
.organ-style .box-chief { top:70px; width:120px; padding:15px; gap:8px; }
.organ-style .box-main .name,
.organ-style .box-sub .name,
.organ-style .box-chief .name { padding:8px 0; }
.organ-style .lv-depts { gap:20px; padding-top:30px; }
.organ-style .dept-list { gap:6px; }
.organ-style .dept-list::before { left:44px; right:44px; top:-30px; }
.organ-style .dept-list > li { width:88px; gap:4px; }
.organ-style .dept-list > li::before { top:-30px; height:30px; }
.organ-style .box-dept { padding:9px; gap:6px; }
.organ-style .box-dept .tit { min-height:48px; font-size: 15px;}
.organ-style .box-dept .name { padding:4px 0; font-size:13px;}
.organ-style .dept-sub { gap:4px; }
.organ-style .dept-sub > li::before { top:-6px; height:4px; }
.organ-style .box-simple { padding:10px; }
.organ-style .box-simple .tit{font-size: 15px;}
.organ-style .admin-col { width:120px; gap:30px; }
.organ-style .admin-col::before { top:-140px; height:140px; }
.organ-style .admin-col .box-admin + .box-admin::before { top:-32px; height:30px; }
.organ-style .box-admin { padding:10px; }
.organ-style .box-admin .tit{font-size: 15px;}


/* 교직원 안내 — TOP */
.organ-top ul {gap:20px;}
.organ-top li { gap:10px; padding:20px;}
.organ-top .lab { width:65px;}


/* 교직원 안내 — LIST */
.organ-list { gap:20px; }
.organ-list article { gap:8px;}
.organ-list thead tr { grid-template-columns:repeat(3, minmax(0,1fr)); }
.organ-list thead th.th-duo { display:none; }
.organ-list thead th:nth-child(3) { border-right:none; }
.organ-list tbody { grid-template-columns:1fr; }
.organ-list tbody tr:nth-child(odd) td:last-child { border-right:none; }
.organ-list tbody tr.empty { display:none; }
.organ-list th { padding:10px 10px;}
.organ-list td { padding:10px 10px;}
/*** E : 학교현황 ***/


/*** S : 야구부 ***/
.baseball .dep-cont { gap:20px; }
.baseball .coach-list ul { grid-template-columns:repeat(3, minmax(0,1fr)); }
.baseball .coach-list li{padding: 20px;}
.baseball .coach-list li:nth-child(3n) { border-right:none; }
.baseball .coach-list li:nth-child(n+13) { border-bottom:1px solid var(--border); }
.baseball .coach-list li:nth-child(n+16) { border-bottom:none; }
.baseball .coach-list li.ci img { width:56px; height:auto; }

.baseball-slide { gap:30px; }
.baseball-slide .swiper-slide {height:400px; }
.baseball-slide .swiper-slide a,
.baseball-slide .swiper-slide figure,
.baseball-slide .swiper-slide .img { height:400px;}
.baseball-slide .swiper-slide img { height:400px;}
.baseball-slide .ctrl button { width:40px; height:40px;  }
.baseball-slide .ctrl .prev::before { font-size:24px; line-height:24px; }
.baseball-slide .ctrl .next::before { font-size:24px; line-height:24px; }
.baseball-slide .ctrl .playpause::before { font-size:20px; line-height:20px;}
/*** E : 야구부 ***/



/*** S : 학교후원 ***/

/* 학교발전기금 안내 */
.support-visual {gap:10px; padding:140px 0;}
.support .dep-cont {gap:20px; }
.support .receive { gap:15px; }
.support .info-list { gap:20px; flex-direction: column;}
.support .gray-box { gap:15px; padding:30px; }
.support .gray-box .ico { right:25px; bottom:25px; width:60px; height:60px;  }
.support .dot-list li::before { top:10px; }
.support .note { gap:15px; }
.support .use {gap:40px; }
.support .use .inner { gap:20px; }
.support .support-tbl tbody td{padding: 12px;}

/* 학교발전기금 접수 */
.support-apply .dep-cont { gap:20px; }
.support-apply .guide { gap:40px; }
.support-apply .step-list { gap:20px; }
.support-apply .gray-box {padding:30px; }
.support-apply .dot-list > li::before {top:11px;}
.support-apply .step-tit .num { margin-top: 0;}
/*** E : 학교후원 ***/

/*** S : 캠퍼스 안내 ***/
/* 캠퍼스가이드 */
.campus-guide {flex-direction:column; align-items:stretch; gap:20px;}
.campus-map-box {width:100%;}
.campus-map {height:auto; aspect-ratio:880/505;}
.campus-legend {gap:24px; padding:30px;}
.campus-legend .col {gap:12px;}
.campus-info {width:100%; max-width:none; padding:24px; gap:28px;}
.campus-panel {gap:28px;}
.campus-info-top {padding-bottom:20px;}
.campus-info-top .num {width:36px; height:36px;}
.campus-gallery {gap:8px;}
.campus-prev,
.campus-next {width:34px; height:34px;}
.campus-map-box::after {width:160px; height:228px;}

/* 오시는길 */
.location-cont {gap:30px;}
.location-map {height:400px;}
.location-info {flex-direction: column; justify-content: center;}
.location-btn {width: 100%; justify-content: center;}
/*** E : 캠퍼스 안내 ***/
}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/*** S : 건학이념과 비전 ***/
/* 건학이념 */
.founding .basic_in { flex-direction: column;}
.founding .founding-cont { gap:10px; }
.founding .name { gap:5px; padding-top:10px; }
.founding .founding-img{max-width: 100%;}
.founding .ci { left:auto; right: 0; bottom: auto; top: -150px; width:200px; height:181px;}
.founding .img {aspect-ratio: 620/400; }

/* 설립자 훈 */
.precept .precept-list { gap:40px; flex-direction: column;}
.precept .precept-list li { gap:20px; flex-direction: row-reverse; align-items: center; justify-content: space-between;}
.precept .precept-list li + li::before { left:0; top:-20px; width: 100%; height: 1px;}
.precept .txt { gap:3px; }


/* 교육이념 */
.edu-idea .basic_in {gap:15px;}
.edu-idea .idea-body {gap:40px;}
.edu-idea .idea-list li { gap:5px; padding:15px 0;}
.edu-idea .head { gap:6px; }
.edu-idea .num { width:26px; height:26px; }

/* 이사장 5대 덕목 */
.virtue-diagram {flex-direction: column; gap: 0;}
.virtue-diagram .img { display: none;}
.virtue-diagram .item {display: flex; align-items: center; gap: 10px; max-width: 100%; position: relative !important; left: auto; top: auto; right: auto; margin: 0 !important; text-align: left !important;}
.virtue-diagram .item br{display: none;}
.virtue-diagram .item .icon{width: 100px; display: block;}
.virtue-diagram .item .icon img{width: 100%; height: auto;}


/* 교육목표 */
.goal-list { gap:10px; flex-direction: column; }
.goal-list li { gap:10px; padding:20px 30px; }
.goal-list .icon { width:50px; height:50px; }
/*** E : 건학이념과 비전 ***/

/*** S : 학교상징 ***/
.heritage-emblem .dep-cont,
.heritage-logo .dep-cont,
.heritage-sign .dep-cont,
.heritage-color .dep-cont,
.heritage-tree .dep-cont,
.heritage-flower .dep-cont,
.heritage-uniform .dep-cont { gap:15px; }
.heritage-emblem .in { gap:20px; padding:24px 20px; border-radius:var(--borderR20); }
.heritage-emblem .img { width:120px; }
.heritage-emblem .txt br,
.heritage-tree .txt br,
.heritage-flower .txt br { display:none; }
.heritage-logo .list,
.heritage-sign .list,
.heritage-color .list{ gap: 10px; }
.heritage-uniform .list { gap:15px 10px; }
.heritage-logo .img-area,
.heritage-sign .img-area { height:180px; border-radius:var(--borderR12); padding:15px; }
.heritage-logo .img-area::before, .heritage-sign .img-area::before { background-size:11px auto; }
.heritage-logo .list li,
.heritage-sign .list li,
.heritage-color .list li,
.heritage-uniform .list:first-child li,
.heritage-uniform .list li { width: calc((100% - 10px) / 2); flex:none; gap:6px; }
.heritage-logo .list li,
.heritage-sign .list li{width: 100%;}
.heritage-color .list li { padding:20px; border-radius:var(--borderR12); gap: 0; }


.heritage-tree .img,
.heritage-flower .img { border-radius:var(--borderR20); }
.heritage-uniform .in { gap:15px; }
.heritage-uniform .img-area { border-radius:var(--borderR12); }
/*** E : 학교상징 ***/


/*** S : 인사말 ***/
.greeting .basic_in { gap:30px;}
.greeting .greeting-cont { gap:10px;}
.greeting .name {padding-top:15px; }
/*** E : 인사말 ***/

/*** S : 학교현황 ***/
/* 섹션 */
.status .dep-cont { gap:15px; }
.status .dep-tit { gap:6px; }
.status .tbl-group { gap:15px; }
.status .tbl-box { gap:5px; }
.status .fac-list { gap:15px; }
.status .remark { padding-top:5px; }

/* 테이블 */
.status-tbl { width: 980px;}
.status-tbl th { padding:8px 5px;}
.status-tbl td { padding:8px 5px;}


/* 조직도 */
.organ-style::before { height:270px; }

/* 교직원 안내 — TOP */
.organ-top ul {gap:10px; grid-template-columns: repeat(1, minmax(0, 1fr));}
.organ-top li { padding:15px; gap: 5px;}
.organ-top li.admin { grid-column:auto; }
.organ-top .lab { width:55px;  }
.organ-top .tel::before {font-size:16px; line-height:16px; }
/*** E : 학교현황 ***/


/*** S : 야구부 ***/
.baseball .dep-cont { gap:15px; }
.baseball .coach-list li{padding: 15px;}
.baseball .coach-list li.ci img { width:40px; height:auto; }

.baseball-slide { gap:20px; }
.baseball-slide .swiper-slide {height:250px; }
.baseball-slide .swiper-slide a,
.baseball-slide .swiper-slide figure,
.baseball-slide .swiper-slide .img { height:250px;}
.baseball-slide .swiper-slide img { height:250px;}
.baseball-slide .ctrl button { width:35px; height:35px;  }
.baseball-slide .ctrl .prev::before { font-size:20px; line-height:20px; }
.baseball-slide .ctrl .next::before { font-size:20px; line-height:20px; }
.baseball-slide .ctrl .playpause::before { font-size:16px; line-height:16px;}
/*** E : 야구부 ***/


/*** S : 학교후원 ***/

/* 학교발전기금 안내 */
.support-visual {gap:5px; padding:100px 0;}
.support .dep-cont {gap:10px; }
.support .receive { gap:10px; }
.support .info-list { gap:10px;}
.support .gray-box { gap:10px; padding:20px; }
.support .gray-box .ico { right:15px; bottom:auto; top:20px; width:45px; height:45px;  }
.support .dot-list li { gap:5px; }
.support .dot-list .lab { width:55px; }
.support .bank {flex-direction: column;}
.support .bank .logo { width: 90px; border-radius: var(--borderR5);}
.support .note { gap:10px; }
.support .btn-rule {padding:8px 15px; }
.support .btn-rule::after { font-size:14px; line-height:14px;}
.support .use {gap:20px; }
.support .use .inner { gap:10px; }
.support .support-tbl tbody td{padding: 12px;}

/* 학교발전기금 접수 */
.support-apply .dep-cont { gap:10px; }
.support-apply .guide { gap:30px; }
.support-apply .step-list { gap:15px; }
.support-apply .step-list > li { gap:10px; }
.support-apply .step-tit { gap:6px; }
.support-apply .step-tit .num { width:24px; height:24px; font-size: 10px; margin-top: 2px;}
.support-apply .gray-box { gap:10px; padding:20px; }
.support-apply .gray-box .txt { gap:10px; }
/*** E : 학교후원 ***/

/*** S : 캠퍼스 안내 ***/
/* 캠퍼스가이드 */
.campus-guide {gap:10px;}
.campus-map-box {border-radius:var(--borderR20);}
.campus-pin {width:26px; height:26px;}
.campus-pin span {font-size:0.6667rem;}
.campus-pin.on {box-shadow:0 0 0 5px rgba(250,102,0,0.4);}
.campus-legend {flex-direction:column; gap:12px; padding:20px;}
.campus-legend .col {gap:12px;}
.campus-legend .num {width:26px; height:26px;}
.campus-legend .legend-btn {gap:8px;}
.campus-info {padding:20px; gap:24px; border-radius:var(--borderR20);}
.campus-panel {gap:24px;}
.campus-info-top {gap:8px; padding-bottom:16px;}
.campus-info-top .title {gap:8px;}
.campus-info-top .num {width:32px; height:32px;}
.campus-gallery {gap:8px;}
.campus-prev,
.campus-next {width:30px; height:30px;}
.campus-prev::before,
.campus-next::before {width:18px; height:18px; line-height:18px; font-size:18px;}
.campus-map-box::after {width:110px; height:156px;}

/* 오시는길 */
.location-cont {gap:20px;}
.location-map {height:280px;}
.location-info{position: relative;}
.location-info-txt {gap:8px;}
.location-cont .address{gap: 4px;}
.location-cont .address::before {width:20px; height:20px; line-height:20px; font-size:20px; margin-top: 2px;}
.location-cont .contact {gap:3px 20px;}
.location-btn{position: absolute; right: 10px; top: -70px; justify-content: end; z-index: 5;}
.location-btn .map-btn {width:40px; height:40px; padding:0;}
.location-btn .map-btn .ico {width:40px; height:40px;}
.location-btn .map-btn::before {width:16px; height:16px;}
.location-btn .map-btn .fs16{font-size: 0;}
/*** E : 캠퍼스 안내 ***/


}