@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:flex; flex-wrap: wrap; justify-content: center; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0; max-width: 40rem;}
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.selected{z-index:1; background-color:#333; border-color:#333;}
.sub-tab-list-style ul li.selected a em{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:var(--header-height); left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list-style:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:#fff; border-bottom:1px solid #e5e5e5; transition:all 0.5s}
	.sub-tab-list-style.top-fixed:before{width:100%; margin-left:-50%}
}

/* Tab 공통 스타일02 */
.sub-tab-wrapper-style-m{display: none;}

/* ******************  회사소개 ********************** */
/* 공통 :: 타이틀 */
.cm-tit-box {text-align:center;}
.cm-con-tit {font-size:6rem; letter-spacing:-0.03em; color: #000; font-weight: 600;}
.cm-con-sub-tit {font-size:2.4rem; letter-spacing:-0.03em; color: #555; font-weight: 700; line-height:1.667; margin-top: 2rem;}


/* 공용 :: 배경 */
.cm-bg-yellow{position: relative; background:#F8F4E2; padding:15rem 0;}

/* ******************  회사소개 :: 학교소개 ********************** */
.overview-intro-con {text-align:center;}
.overview-tit {display:inline-block; font-size:3.4rem; letter-spacing:-0.03em; color: #222; line-height:1.588; word-break:break-word;}
.overview-tit > span {color: var(--main-color); font-family: 'Pretendard',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.overview-deco {margin: 0 9.9rem; position: relative; z-index: -1;}
.overview-deco span:nth-of-type(1) {position: absolute; right: 0; bottom: 30.7rem; width: 24.7rem;}
.overview-deco span:nth-of-type(2) {position: absolute; left: 22.4rem; bottom: -5.1rem; width: 12.4rem;}
.overview-deco span img {max-width:100%;}
.about-box {display:flex; align-items:center; justify-content:center; margin: 11.5rem 0 11rem; /* margin-left: 9%; */}
.about-box > p {color: #ddd; font-size:10rem; letter-spacing:-0.03em; font-weight:900; width: calc((100% - (18rem + 16rem)) / 2); font-family: "Pretendard", sans-serif;}
.about-box > p:last-of-type {color: var(--main-color); text-align:left;}
.about-box > p:first-of-type {text-align:right;}
.about-box .logo-box {width: 18rem; border-radius:100%; -webkit-box-shadow: 2px 10px 32px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 10px 32px 4px rgba(0, 0, 0, 0.2); box-shadow: 2px 10px 32px 4px rgba(0, 0, 0, 0.2); margin: 0 8rem;}
.about-box .logo-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 100%;}
.overview-txt01 {font-size:2.6rem; letter-spacing:-0.03em; color: #222; font-weight: 600; line-height:1.461; margin-top: 5rem;}
.overview-txt02 {font-size:1.8rem; letter-spacing:-0.03em; color: #555; font-weight: 500; line-height:1.778; margin-top: 3rem;}
.overview-txt02.highlight {font-weight: 600; font-size:2rem; color: #222; line-height:1.6;}
.overview-txt02:first-of-type {margin-top: 0;}
.overview-txt02 > span {color: var(--main-color); font-weight: 600;}
.school-song-con {background: #F8F4E2; padding: 14rem 0 19rem; margin-top: 13rem;}
.school-song-con .img-box {margin-top: 7rem;}
.school-song-con .img-box img {max-width:100%;}

/* ******************  회사소개 :: 이사회 ********************** */
.board-page {padding-bottom:7.9rem;}
.board-page .deco-list .deco-img img {max-width:100%;}
.board-page .deco-list .deco-img:nth-child(1) {position:absolute; right: 0; width: 35.6rem;}
.board-page .deco-list .deco-img:nth-child(2) {position:absolute; left: 8.6rem; top: 40.9rem; width: 12.4rem;}
.board-page .deco-list .deco-img:nth-child(3) {position:absolute; left: 26.3rem; top: 62.5rem; width: 6.2rem;}
.directors-top {margin-bottom: 8rem;}
.directors-top .img-box {text-align:center;}
.director-con:first-of-type {width: 68.667%; margin: 0 auto;}
.director-con:nth-of-type(2) {width: 86%; margin: 10rem auto 0;}
.director-con:nth-of-type(3) {width: 86%; margin: 10rem auto 0;}
.director-con .inner-list.ver01 {display:flex; flex-wrap:wrap; margin-top: -3rem;}
.director-con .inner-list.ver01 li {position: relative; justify-content:space-between; align-items: center; width: calc((100% - 3rem) / 2); margin-right: 3rem; background: #F6F6F6; padding: 3.7rem 3.2rem 3.6rem; box-sizing: border-box; display: flex; margin: 3rem 3rem 0 0; border-radius:0 0 10px 10px;} 
.director-con .inner-list.ver01 li:before {display: block; content:""; position:absolute; top: 0; left: 0; width: 100%; height: 0.2rem; background: var(--main-color);}
.director-con .inner-list.ver01 li:nth-of-type(even) {margin-right: 0;}
.director-con .inner-list.ver01 .img-box {width: 16.8rem;}
.director-con .inner-list.ver01 .img-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 123.22%;}
.director-con .inner-list.ver01 .img-box span img {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto;}
.director-con .inner-list.ver01 .txt-box {width: calc(100% - 16.8rem); padding-left: 2.8rem; box-sizing:border-box;}
.director-con .position {font-size:1.8rem; letter-spacing:-0.05em; color: var(--main-color); font-weight: 600; line-height:2.22;}
.director-con .name {font-size:2.6rem; letter-spacing:-0.05em; color: #222; font-weight: 700; line-height:1.5; margin-top: 1.5rem;}
.director-con .kr-name {font-size:1.6rem; letter-spacing:-0.05em; color: #555; font-weight: 500; line-height:2.125;}
.director-con .inner-list.ver02 {display:flex; flex-wrap:wrap; justify-content: center; margin-top: -3rem;}
.director-con .inner-list.ver02 li {position: relative; width: calc((100% - 9rem) / 4); margin-right: 3rem; text-align: center; background: #F6F6F6; margin-top: 3rem; padding: 2.5rem 2.5rem 3rem; box-sizing: border-box; border-radius:0 0 10px 10px;}
.director-con .inner-list.ver02 li:before {display: block; content:""; position:absolute; top: 0; left: 0; width: 100%; height: 0.2rem; background: var(--main-color2);}
.director-con .inner-list.ver02 li:nth-of-type(4n) {margin-right: 0;}
.director-con .inner-list.ver02 .img-box {margin: 1rem auto 0; width: 16.1rem; margin:1rem auto 0;}
.director-con .inner-list.ver02 .img-box span {display: block; position: relative; width: 100%; padding-top: 124.23%;}
.director-con .inner-list.ver02 .img-box img {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto; border-radius: 10px;}
.director-con .inner-list.ver02 .tit-box {padding-top: 1.3rem;}
.director-con .inner-list.ver02 .position {color:var(--main-color2);}
.director-con .inner-list.ver02 .name {font-size:2.2rem;}

.director-con .inner-list.ver03 {display:flex; flex-wrap:wrap; justify-content: center; margin-top: -3rem;}
.director-con .inner-list.ver03 li {position: relative; width: calc((100% - 9rem) / 4); margin-right: 3rem; text-align: center; background: #F6F6F6; margin-top: 3rem; padding: 2.5rem 2.5rem 3rem; box-sizing: border-box; border-radius:0 0 10px 10px;}
.director-con .inner-list.ver03 li:nth-of-type(4n) {margin-right: 0;}
.director-con .inner-list.ver03 li:before {display: block; content:""; position:absolute; top: 0; left: 0; width: 100%; height: 0.2rem; background: #ccc;}
.director-con .inner-list.ver03 .position {color: #888;}
.director-con .inner-list.ver03 .img-box {margin-top: 1rem; width: 16rem; margin: 1.3rem auto 0;}
.director-con .inner-list.ver03 .img-box span {display: block; position: relative; width: 100%; padding-top: 125%;}
.director-con .inner-list.ver03 .img-box img {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: 100%; max-height: 100%; margin: auto; border-radius:10px;}
.director-con .inner-list.ver03 .tit-box {margin-top: 2.5rem;}
.director-con .inner-list.ver03 .name {font-size:2.2rem;}

/* ******************  회사소개 :: 행정부서 안내 ********************** */
.administration-top {position: relative; top: -4rem; display:flex; justify-content:center; background: url(/images/content/administration_banner_bg.png) no-repeat; background-size:100%; background-position:0 100%; align-items: flex-end;}
.administration-top .left-con, .administration-top .right-con {display: flex; flex-direction: column; justify-content: center; width: calc((100% - 23.6%) / 2); height: 36rem;}
.administration-top .center-con {width: 23.6%;}
.administration-top .center-con .img-box {width: 100%;}
.administration-top .center-con .img-box span {display: block; position: relative; width: 100%; height: 0; padding-top: 149.72%;}
.administration-top .left-con {align-items:center;}
.administration-top .left-con span {font-size:3.4rem; letter-spacing:-0.05em; font-weight: 600; color: var(--main-color); line-height:1.176; font-family: "Pretendard", sans-serif;}
.administration-top .left-con p {font-size:2rem; letter-spacing:-0.05em; font-weight: 600; color: #888; text-transform:uppercase; margin-top: 2.5rem;}
.administration-top .right-con {padding-left: 10rem; box-sizing:border-box;}
.administration-top .right-con .tit01 {font-size:4.6rem; letter-spacing:-0.05em; font-weight: 600; color: #222; font-family: "Pretendard", sans-serif;}
.administration-top .right-con .tit02 {font-size:2.8rem; letter-spacing:-0.05em; font-weight: 500; color: #555; margin-top: 2.5rem; font-family: "Pretendard", sans-serif;}
.administration-top .right-con .name {font-size:1.8rem; letter-spacing:-0.05em; color: #555; font-weight: 500; margin-top: 5rem;}
.administration-top .right-con .name em {color: #222; font-weight: 700; margin-right: 1.5rem;}

.administration-bottom {background:rgba(249,214,43,0.13); padding:15rem 0 14.4rem; margin-top: 11rem;}
.administration-bottom .cm-con-tit {font-size:4.5rem; }
.administration-bottom .cm-con-sub-tit {font-size:2rem; font-weight: 500;}
.administration-list {margin-top: 6rem;}
.administration-list li {display:flex; align-items:center; background: #fff; border-radius:10px; padding: 6rem; margin-top: 2rem;}
.administration-list li:first-of-type {margin-top: 0;}
.administration-list .txt-box {width: calc(100% - 21.015%); display:flex; flex-wrap:wrap; padding-left: 5rem; box-sizing: border-box;}
.administration-list .txt-box p.call{display: none;}
.administration-list .txt-box p:not(.call) {position: relative; font-size:1.6rem; letter-spacing:-0.05em; color: #555; font-weight: 500; line-height:2.25; padding-left: 1rem; box-sizing: border-box; width: 50%;}
.administration-list .txt-box p:not(.call):before {display: block; content:""; position:absolute; left: 0; top: 1.5rem; width: 4px; height: 4px; background: #555; border-radius:100%;}
.administration-list .tit-box {width: 21.015%; align-self: flex-start;}
.administration-list .tit-box .title {font-size:3.4rem; letter-spacing:-0.02em; color: #222; font-weight: 700;}
.administration-list .tit-box .call {font-size:2rem; color: #888; font-weight: 600; line-height:1.2; margin-top: 3.5rem;}
.administration-list .tit-box .call span {display:inline-block; line-height:2.5rem; text-align:center; width: 2.5rem; height: 2.5rem; border-radius:100%; background:var(--main-color); margin-right: 0.925rem;}
.administration-list .tit-box .call span i {color: #fff; font-size:1.4rem;}

/* ******************  학교소개 :: 한국 화성화교소학교 학칙 ********************** */
.policies-page {font-family:var(--font-family2);}
.policies-list > li {display:flex; border-top:1px solid #ddd; padding: 5rem 0;}
.policies-list > li:first-of-type {border-top:0;}
.policies-list > li:last-of-type {border-bottom: 1px solid #ddd;}
.policies-list .tit-box {width: 24%; margin-right: 2%;}
.policies-list .tit-box p {font-size:3.2rem; letter-spacing:-0.05em; color: #222; font-weight: 600; line-height:1.375; font-family: "Pretendard", sans-serif;}
.policies-list .txt-box {width: calc(100% - 26%);}
.policies-list .txt-list li > p {display:block; font-size:1.7rem; color: #333; letter-spacing:-0.05em; line-height:1.64em;}
.policies-list .txt-list li > p span {display: inline-block; width: 100%; font-weight: 700; font-family: "Pretendard", sans-serif;}
.policies-list .txt-list li > p span i {margin-right: 1rem;}
.policies-list .txt-list li > p em {display: inline-block; width: calc(100% - 2.5rem); color: #333; font-weight: 400; letter-spacing:-0.05em; line-height:1.647;/* line-height:1.4; */ font-family: "Pretendard", sans-serif; margin-left:2.5rem;}
.policies-list .txt-list .inner-txt {margin-left:2.5rem;}
.policies-list .txt-list .inner-txt p {font-size:1.7rem; color: #555; letter-spacing:-0.05em; line-height:1.88em; font-weight: 400; font-family: "Pretendard", sans-serif;}
.policies-list .txt-list .inner-txt em {display: block; font-size:1.6rem; color: #666; letter-spacing:-0.05em; line-height:1.875em; font-weight: 400; padding-left: 1.5rem; font-family: "Pretendard", sans-serif;}
.policies-list > li .txt-list li {margin-top: 1.5rem;}
.policies-list > li .txt-list li:first-of-type {margin-top: 0;}
.policies-result-txt {text-align: center; font-weight: 500; letter-spacing: -0.05em; line-height: 1.647; color: #333; font-size: 2.5rem; margin-top: 10rem;}

/* ******************  회사소개 :: 교육환경 ********************** */
.campus-page {padding-top:2.5rem;}
.campus-list {margin: 0 -1.437%;}
.campus-list li {float:left; width: 30.459%; margin:0 1.437% 6rem 1.437%;}
.campus-img-thumb {position: relative;}
.campus-img-thumb .img-con {width: 100%;}
.campus-img-thumb .img-con span {display: block; height: 0; position: relative; width: 100%; padding-top:63.83%; border-radius:10px; overflow:hidden;}
.campus-img-thumb .img-con span img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; object-fit:cover;}
.campus-over-box {display:flex; justify-content:center; align-items:center; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(129,0,0,0.8); border-radius:10px; backdrop-filter: blur(7px); transition:var(--transition-custom); opacity: 0;}
.campus-over-box i {color: var(--main-color); font-size:3.2rem; display:flex; justify-content:center; align-items:center; background: #fff; border-radius:100%; width: 10rem; height: 10rem;}
.campus-tit {font-size:1.8rem; letter-spacing:-0.05em; font-weight: 500; line-height:1.778; color: #222; text-align:center; margin-top: 2rem;}
.campus-list li:hover .campus-over-box {opacity: 1;}


/* ******************  회사소개 :: 오시는길 ********************** */
.location-map-box{position: relative; height:0; padding-top:33.334%; margin-bottom:4.2rem; border-radius:4rem; overflow:hidden;}
.location-map-box iframe{position: absolute; top:0; left:0; width:100%; height:100%; }
.location-map-box .root_daum_roughmap{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.location-map-box .root_daum_roughmap .wrap_map{height:100%}
.location-info-box .tit-box .left-box{float:left;}
.location-info-box .tit-box .left-box .tit{display: inline-block; font-size:3.6rem; line-height:1.38; letter-spacing:-0.075em; color:#000; margin-right:0.8rem;}
.location-info-box .tit-box .left-box .sub-tit{font-size:1.8rem; line-height:2.77; letter-spacing:-0.025em; color:#c4c4c4; }
.location-info-box .tit-box .right-box{float:right; display: flex;}
.location-info-box .tit-box .right-box a{display: flex; justify-content:space-between; align-items:center; width:18rem; height:5rem; line-height:5rem; padding:0 2.3rem 0 2.5rem; margin-left:0.9rem; box-sizing:border-box; border-radius:10px; background: #eee; color:#444; transition:var(--transition-custom);}
.location-info-box .tit-box .right-box a i{font-size:1.6rem;}
.location-info-box .tit-box .right-box a span{font-size: 1.6rem; font-weight: 600; letter-spacing: -0.025em;}
.location-info-box .tit-box .right-box a.naver-link:hover{background:#20c003; color:#fff;}
.location-info-box .tit-box .right-box a.kakao-link:hover{background:#fee500; color:#000;}
.location-bottom-box {display:flex; border-top:1px solid rgba(79,79,79,0.2); padding-top:4rem; margin-top:3rem;}
.location-info-box .info-box{width: 50%; }
.location-info-box .info-box .txt{position: relative; font-size:1.8rem; line-height:1.5; letter-spacing:-0.025em; color:#555; padding-left:3rem; margin-bottom:3rem; font-weight: 500; display:flex;}
.location-info-box .info-box .txt:last-child{margin-bottom:0;}
.location-info-box .info-box .txt:before{position: absolute; font-family:'xeicon'; font-size:1.8rem; color:#333; left:0; top:-1px;}
.location-info-box .info-box .txt .title {display:inline-block; width: 6.536rem; margin-right: 3.364rem;font-size:1.8rem; font-weight: 700; color: #333;}
.location-info-box .info-box .subway-txt {display:flex;}
.location-info-box .info-box .bus-txt {display:flex;}
.traffic-inner-box {display:flex; width: calc(100% - (6.536rem + 3.364rem));}
.bus-inner-box {width: calc(100% - (6.536rem + 3.364rem));}
.bus-inner-box p {font-size:1.8rem; font-weight: 600; letter-spacing:-0.025em; color: #222;}
.bus-inner-box em {margin-top: 0.7rem; display: inline-block; font-size:1.6rem; font-weight: 500; letter-spacing:-0.025em; line-height:1.875em;}
.traffic-inner-box dl {display:flex;}
.traffic-inner-box dt {width: 5rem; height: 2.6rem; border-radius:5px; color: #fff; background: #00A84D; text-align: center; font-size: 1.6rem; line-height: 2.6rem;}
.traffic-inner-box dl:first-of-type {margin-right: 2.4rem;}
.traffic-inner-box dl:last-of-type dt {background: #00A5DE;}
.traffic-inner-box dd {font-size:1.8rem; color: #555; letter-spacing:-0.025em; padding-left: 1rem; font-family: "Pretendard", sans-serif;}
.location-info-box .info-box .location-txt:before{content:"\eb5d";}
.location-info-box .info-box .tel-txt:before{content:'\e9d3';}
.location-info-box .info-box .mail-txt:before{content:"\ea06";}
.location-info-box .info-box .subway-txt:before{content:"\eb68";}
.location-info-box .info-box .bus-txt:before{content:"\eb42";}



/* ****************** 학교소식 ::  공통 ********************** */
/***** 공통 섹션 *****/
.cm-notice-page {padding-bottom: 2rem;}

/***** new 뱃지 *****/
.new-badge {display: inline-flex; margin-left: 0.3rem;}
.new-badge i {color: var(--main-color); font-size: 2.2rem;}

/* ****************** 학교소식 ::  최신소식 ********************** */
.notice-page {padding-bottom: 5.5rem;}
.notice-page .main-media-list .list-item a {padding: 3rem 3.5rem;}


/* ****************** 학교소식 ::  후원·기증자 ********************** */
.benefactor-page {position: relative; overflow: hidden; padding: 0 0 7.5rem 0;}
.benefactor-page::before {position: absolute; top: 22.5rem; left: 0; content: ""; width: 100%; height: 100%; z-index: -1; background-color: #F8F4E2; pointer-events: none;}
.benefactor-banner-con {position: relative; height: 0; padding-top: 45rem; margin-bottom: 10rem; background: center / cover no-repeat url("/images/content/benefactor_top_banner.jpg"); border-radius: 4rem;}
.benefactor-banner-con .txt-box {position: absolute; right: 18%; top: 50%; transform: translateY(-50%);}
.benefactor-banner-con .benefactor-banner-tit {margin-bottom: 2rem; font-size: 5.2rem; font-weight: 600; line-height: 1.15; color: #fff;}
.benefactor-banner-con .benefactor-banner-txt {font-size: 2.2rem; font-weight: 500; line-height: 1.54; color: rgba(255, 255, 255, 0.8);}

.benefactor-info-con {position: relative; max-width: 130rem; margin: 0 auto 15rem;}
.benefactor-info-list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2rem;}
.benefactor-info-list .list-item {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 28rem; background-color: #fff; border-radius: 1rem; text-align: center;}
.benefactor-info-list .list-item:first-child::before {position: absolute; right: -9.2rem; top: calc(50% + 0.5rem); content: ""; width: 16.4rem; height: 19.2rem; transform: translateY(-50%); background: center / cover no-repeat url("/images/content/benefactor_logo.png"); z-index: 1; pointer-events: none;}
.benefactor-info-list .list-item i {margin-bottom: 3.5rem; font-size: 3.2rem;}
.benefactor-info-list .list-item:first-child i {color: var(--main-color2)}
.benefactor-info-list .list-item:last-child i {color: var(--main-color)}
.benefactor-info-list .list-item .list-item-tit {margin-bottom: 1.5rem; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.4; color: #888;}
.benefactor-info-list .list-item .list-item-txt {font-size: 2.2rem; font-weight: 600; letter-spacing: -0.03em; line-height: 1.45; color: #222;}

.cm-table {width: 100%;}
.cm-table.mb-40 {margin-bottom: 4rem;}
.cm-table th {height: 6rem;}
.cm-table th p {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; padding: 1.705rem; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.03em; line-height: 1.44; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.2); background-color: var(--main-color);}
.cm-table th p span {color: rgba(255, 255, 255, 0.7);}
.cm-table th:first-child p {border-radius: 1rem 0 0 0;}
.cm-table th:last-child p {border-right: none; border-radius: 0 1rem 0 0;}
.cm-table td {text-align: center; padding: 1.8rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.8; color: #555; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff;}
.cm-table td.text-left {text-align: left; padding-left: 1.5rem; padding-right: 1.5rem;}
.cm-table td.bg-gray {background-color: #f6f6f6;}
.cm-table td.border-none {border-right: none;}
.cm-table tr.yellow-bg td {background-color: #FFFBE9;}
.cm-table .df-padding {padding: 0.5rem 1.3rem;}
.cm-table .accent {display: flex; font-size: 1.6rem; font-weight: 500; color: var(--main-color);}
.cm-table .accent i {margin-top: 0.4rem; margin-right: 0.7rem;}



/* ****************** 학교소식 ::  학교생활 영상 ********************** */
.cm-video-page .gallery-con15-list-con {padding-bottom: 5.5rem;}
.cm-video-page .bbs-basic-gallery-con15 .gallery-img-thumb {padding-top: 55.32%;}

/***** 팝업 *****/
.school-video-content .modal-close-btn {top: -65px;}
.school-video-content {max-width: 1280px; margin: 15rem auto;}
.school-video-content .video-inner-box {padding: 0; background-color: transparent;}
.school-video-content .video-inner {position: relative; border: none; width: 100%; height: 0; padding: 0; padding-top: 56.25%;}
.school-video-content .video-inner iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1rem;}



/* ****************** 公開資訊 :: 입학요강 ********************** */
/* 입학요강 */
.eligibility-con{display: flex; flex-wrap:wrap; justify-content:space-between; margin:-1rem; margin-bottom:16rem;}
.eligibility-con .eligibility-item{display: flex; width:calc(50% - 2rem); margin:1rem; border: 1px solid #DDDDDD; box-shadow: 5px 5px 20px 2px rgba(0, 0, 0, 0.05); border-radius: 1rem; box-sizing:border-box; padding:5.8rem 7rem; opacity:0; transform:translateY(50px); transition:var(--transition-custom2);}
.eligibility-con .eligibility-item.wide{width:calc(100% - 2rem);}

.eligibility-con .eligibility-item .num{width:11rem; font-size:4.2rem; line-height:0.8; letter-spacing:-0.05em; color:#ddd; font-weight:800;}
.eligibility-con .eligibility-item .txt-box{width:calc(100% - 11rem);}
.eligibility-con .eligibility-item .txt-box .txt{font-size:2.4rem; line-height:1.41; letter-spacing:-0.05em; color:#222; font-weight:700;}
.eligibility-con .eligibility-item .txt-box .txt .small{font-size:2rem; line-height:1.7; color:#555; font-weight:500; margin-left:1rem;}
.eligibility-con .eligibility-item .txt-box .inner-check-list{margin-top:3.5rem;}
.eligibility-con .eligibility-item .txt-box .inner-check-list .check{position: relative; padding-left:2.4rem; font-size:1.6rem; line-height:1.5; letter-spacing:-0.05em; color:#666; font-weight:500; margin-bottom:1rem;}
.eligibility-con .eligibility-item .txt-box .inner-check-list .check:before{position: absolute; content:'\e92b'; color:var(--main-color2); top:0; left:0; font-family:'xeicon';}
.eligibility-con .eligibility-item .txt-box .inner-check-list .check:last-child{margin-bottom:0;}

/* 구비 서류 */
.required-doc-con{margin-bottom:15rem;}
.required-doc-list{display: flex; flex-wrap:wrap; margin:-1rem; margin-top:10rem;}
.required-doc-list .list-item{position: relative; width:calc(25% - 2rem); min-height:28rem; margin:1rem; padding:3.6rem; box-sizing:border-box; background:#f6f6f6; border-radius:1rem; opacity:0; transform:translateY(50px); transition:all 0.8s calc(var(--i) * 0.1s) ease-in-out, background 0.4s 0s ease-in-out;}
.required-doc-list .list-item .num{display: inline-flex; align-items:center; justify-content:center; width:4rem; height:2.2rem; border-radius:2.2rem; background:var(--main-color); font-size:1.4rem; color:#fff; font-weight:700; transition:var(--transition-custom);}
.required-doc-list .list-item .txt-box{margin-top:2.2rem;}
.required-doc-list .list-item .txt-box dt{font-size:2.4rem; line-height:1.16; letter-spacing:-0.05em; color:#222; font-weight:700;  transition:var(--transition-custom);}
.required-doc-list .list-item .txt-box dd{font-size:1.6rem; line-height:1.625; letter-spacing:-0.05em; color:#888; font-weight:500; margin-top:1rem; transition:var(--transition-custom);}
.required-doc-list .list-item .icon{position: absolute; bottom:2rem; right:3rem; }
.required-doc-list .list-item .icon img{max-width:100%; /* mix-blend-mode: darken; */}

.required-doc-list .list-item.active{background:var(--main-color);}
.required-doc-list .list-item.active .num{background:#fff; color:var(--main-color);}
.required-doc-list .list-item.active .txt-box dt,
.required-doc-list .list-item.active .txt-box dd{color:#fff}


/* 입학 수속 절차 */
.cm-bg-yellow:has(.admission-process-con){padding-bottom:20rem;}
.admission-process-con{display: flex; justify-content:space-between; margin-top:7.5rem;}
.admission-process-con .list-item{position: relative; width:calc(20% - 5rem); background:#fff; border-radius:1rem; padding:5rem 3rem 6.5rem; box-sizing:border-box; text-align:center; opacity:0; transform:translateY(50px); transition:all 0.8s calc(var(--i) * 0.1s) ease-in-out, background 0.4s 0s ease-in-out;}
.admission-process-con .list-item:before{position: absolute; content:'\e93f'; font-family:'xeicon'; font-size:3.2rem; color:#888; top:50%; right:-3rem; transform:translate(50%, -50%);}
.admission-process-con .list-item:last-child:before{display: none;}
.admission-process-con .list-item .step{font-size:1.6rem; letter-spacing:-0.02em; color:var(--main-color); transition:var(--transition-custom); font-weight:700;}
.admission-process-con .list-item .icon-box{display: flex; align-items:center; justify-content: center; height:8rem; margin:4.5rem 0 4rem;}
.admission-process-con .list-item .icon-box img{max-height:100%;}
.admission-process-con .list-item .txt{position: relative; font-size:2.2rem; line-height:1.36; letter-spacing:-0.05em; color:#222; font-weight:600; transition:var(--transition-custom);}
.admission-process-con .list-item .txt .small{position: absolute; top:calc(100% + 0.7rem); left:50%; transform:translateX(-50%); font-size:0.72em; color:rgba(0,0,0,0.5); transition:var(--transition-custom);}

.admission-process-con .list-item.active{background:var(--main-color);}
.admission-process-con .list-item.active .step{color:#fff;}
.admission-process-con .list-item.active .txt{color:#fff;}
.admission-process-con .list-item.active .txt .small{color:rgba(255,255,255,0.5);}

/* animated */
.animated.eligibility-con .eligibility-item{opacity:1; transform:translateY(0);}
.animated.eligibility-con .eligibility-item:nth-child(1){transition-delay:0s;}
.animated.eligibility-con .eligibility-item:nth-child(2){transition-delay:0.2s;}
.animated.eligibility-con .eligibility-item:nth-child(3){transition-delay:0.4s;}

.animated.required-doc-list .list-item{opacity:1; transform:translateY(0);}

.animated.admission-process-con .list-item{opacity:1; transform:translateY(0);}


/* ****************** 公開資訊 :: 교육과정 ********************** */
/* 교육과정 */
.info-curriculum-wrap{margin-top:45rem; margin-bottom:15rem;}
.info-curriculum-wrap .cm-bg-yellow{position: relative; padding-top:0; padding-bottom:24rem}
.curriculum-top-tit{position: absolute; top:0; left:50%; transform:translate(-50%, -92%); font-size:20rem; letter-spacing:-0.05em; color:#f9f4dd; font-weight:900; text-align:center;}
.curriculum-tit-box{transform: translateY(-23rem); text-align:center;}
.curriculum-tit-box .img-box{}
.curriculum-tit-box .tit{display: block; font-size:4.4rem; line-height:1; letter-spacing:-0.05em; color:#000; font-weight:600; margin-top:7rem;}
.curriculum-tit-box .tit br{display: none;}
.curriculum-tit-box .tit span{color:var(--main-color);}

.curriculum-list{display: flex; margin:0 -0.5rem;}
.curriculum-list .list-item{position: relative; width:calc(25% - 1rem); margin-inline:0.5rem; border-radius:1rem; overflow:hidden; cursor:pointer; opacity:0; transition:all 0.8s calc(var(--i) * 0.1s) ease-in-out;}
.curriculum-list .list-item:before{position: absolute; content:''; inset:0; top:100%; width:100%; height:100%; background:rgba(139,3,4,0.8); backdrop-filter:blur(1.5rem); transition:var(--transition-custom);}
.curriculum-list .list-item .bg-box{}
.curriculum-list .list-item .bg-box img{width:100%;}
.curriculum-list .list-item .top-txt-box{position: absolute; top:4rem; left:4rem; width:calc(100% - 8rem);}
.curriculum-list .list-item .top-txt-box .txt{font-size:1.6rem; letter-spacing:-0.02em; color:rgba(255,255,255,0.5); font-weight:700; transition:var(--transition-custom);}
.curriculum-list .list-item .bottom-txt-box{position: absolute; bottom:4rem; left:4rem; width:calc(100% - 8rem);}
.curriculum-list .list-item .bottom-txt-box .category{display: block; font-size:1.8rem; letter-spacing:-0.05em; color:#fff; font-weight:600; margin-bottom:3rem;}
.curriculum-list .list-item .bottom-txt-box .tit{font-size:3.4rem; letter-spacing:-0.03em; color:#fff; font-weight:600; transition:var(--transition-custom); transform-origin: center left;}
.curriculum-list .list-item .bottom-txt-box .bottom-txt{font-size:1.6rem; line-height:1.5; letter-spacing:-0.05em; color:#fff; font-weight:400; display: none; padding-top:4rem; opacity: 0.8;}

/* animated */
.animated.curriculum-list .list-item{opacity:1; transform:translateY(var(--y))}

/* 주요 교과목 구성  */
.curriculum-core-con{margin-top:8rem;}
.curriculum-core-con .core-item{display: flex; align-items:center; margin-bottom:2rem; padding:2rem; box-sizing:border-box; border-radius:11rem; background:#f6f6f6;}
.curriculum-core-con .core-item .grade-box{position: relative; display: flex; align-items:center; width:50rem;}
.curriculum-core-con .core-item .grade-box:before{position: absolute; content:''; width:2px; height:2.4rem; background:#ccc; top:50%; right:0; transform:translateY(-50%);}
.curriculum-core-con .core-item .grade-box .grade-cn{display: flex; align-items:center; justify-content:center; width:24rem; height:8rem; border-radius:4rem; font-size:2.8rem; letter-spacing:-0.02em; color:#fff; font-weight:700;}
.curriculum-core-con .core-item .grade-box .grade-en{width:calc(100% - 24rem); padding-left:6rem; box-sizing:border-box; font-size:2.6rem; letter-spacing:-0.03em; color:#222; font-weight:600;}
.curriculum-core-con .core-item .inner-list{display: flex; flex-wrap:wrap; margin:0 -1rem; width:calc(100% - 50rem); padding-left:6rem; box-sizing:border-box;}
.curriculum-core-con .core-item .inner-list span{position: relative; font-size:1.8rem; line-height:1.6; letter-spacing:-0.05em; color:#555; font-weight:500; margin:0 1rem;}
.curriculum-core-con .core-item .inner-list span:before{position: absolute; content:'•'; color:#aaa; right:-1.3rem;}
.curriculum-core-con .core-item .inner-list span:last-child:before{display: none;}

.curriculum-core-con .core-item:nth-child(1) .grade-box .grade-cn{background:#E4BE19}
.curriculum-core-con .core-item:nth-child(2) .grade-box .grade-cn{background:#E3801C}
.curriculum-core-con .core-item:nth-child(3) .grade-box .grade-cn{background:#8B0304}


/* ****************** 公開資訊 :: 학사일정 ********************** */
/* 달력 커스텀 */
/* 달력 커스텀 :: 상단 타이틀 + 버튼 */
.cm-calendar{position: relative; z-index:1;}
.cm-calendar.fc .fc-toolbar.fc-header-toolbar{margin-bottom:5rem;}
.cm-calendar .fc-toolbar-chunk:nth-child(2){position: relative; z-index:1;}
.cm-calendar .fc-toolbar-chunk:nth-child(2) > div{display: flex; align-items:center; justify-content:center; }

.cm-calendar.fc .fc-toolbar-title{font-size:5rem; letter-spacing:-0.03em; color:#555; order:2; margin:0 6rem;}
.cm-calendar.fc .fc-button{display: flex; align-items:center; justify-content:center; width:5rem; height:5rem; border-radius:50%; border:1px solid #ddd !important; box-sizing:border-box; background:#fff !important; color:#888 !important; font-size:1.4rem; outline:none; box-shadow: none !important;}
.cm-calendar.fc .fc-prev-button{order:1;}
.cm-calendar.fc .fc-prev-button .fc-icon:before{content:'\e93d'; font-family:'xeicon';}
.cm-calendar.fc .fc-next-button{order:3;}
.cm-calendar.fc .fc-next-button .fc-icon:before{content:'\e940'; font-family:'xeicon';}

/* 달력 커스텀 :: 공용 */
.cm-calendar a{color:inherit;}
.cm-calendar.fc .fc-theme-standard th,
.cm-calendar.fc .fc-scrollgrid{border:none;}
.cm-calendar.fc .fc-theme-standard td{border-bottom:1px solid rgba(0,0,0,0.15); border-right:1px solid rgba(0,0,0,0.15); padding:2rem 2.4rem;}
.cm-calendar.fc .fc-theme-standard td:last-child{border-right:0;}
/* 달력 커스텀 :: 달력 */
.cm-calendar.fc .fc-view-harness{border-radius:1rem 1rem 0 0; overflow:hidden; background:#fff;}
.cm-calendar.fc .fc-col-header-cell{height:6rem; font-size:1.8rem; line-height:6rem; letter-spacing:-0.03em; color:#fff; font-weight:600; text-align:left; background:var(--main-color); padding:0 2.2rem; box-sizing:border-box;}
.cm-calendar.fc .fc-col-header-cell-cushion{padding:0;}

.cm-calendar.fc .fc-daygrid-day-frame{padding:2rem 2.4rem;}
.cm-calendar.fc .fc-daygrid-day-top{flex-direction: row;}
.cm-calendar.fc .fc-daygrid-day-number{padding:0; font-size:1.6rem; line-height:1; letter-spacing:-0.03em; color:#888; font-weight:600;}
.cm-calendar.fc .fc-day-sat .fc-daygrid-day-number{color:#005AAE;}
.cm-calendar.fc .fc-day-sun .fc-daygrid-day-number{color:#A10000;}

.cm-calendar.fc .fc-day-other *{opacity:0;}

.cm-calendar.fc .fc-daygrid-day.fc-day-today{background:#fff6f6;}

.cm-calendar.fc .fc-daygrid-day-bottom{font-size:1.6rem;}

/* 달력 커스텀 :: 이벤트 */
.cm-calendar.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{top: 5rem; bottom: 1rem; left: 2.2rem; right: 2.2rem; overflow-Y: auto; overflow-X:hidden;}
.cm-calendar .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start{margin:0;}

.cm-calendar .fc-h-event{background:none; border:none;}
.cm-calendar .fc-daygrid-event{white-space: pre-wrap;}
.cm-calendar.fc .fc-daygrid-event-harness{margin-bottom:5px;}
.cm-calendar .fc-h-event .fc-event-main{color:#555;}
.cm-calendar .fc-h-event .fc-event-title-frame{padding:0;}
.cm-calendar .fc-h-event .fc-event-title{position: relative; padding:0; padding-left:2.4rem; box-sizing:border-box; font-size:1.6rem; color:#555; font-weight:500;}
.cm-calendar .fc-h-event .fc-event-title:before{position: absolute; content:'\e92b'; top:-1px; left:0; font-size:1.6rem; font-weight:400; color:var(--main-color2); font-family:'xeicon';}


.cm-bg-icon{position: absolute; }
.cm-bg-icon img{max-width:100%; object-fit:cover;}

.academic-calendar-page .cm-bg-icon.icon01{width:74.5rem; bottom:-45rem; left:0;}
.academic-calendar-page .cm-bg-icon.icon02{width:15.1rem; top:30%; right:0;}
.academic-calendar-page .cm-bg-icon.icon03{width:5.1rem; top:60%; right:12rem;}

/* 팝업 */
.academic-modal-content{position:relative; width:96%; max-width:800px; margin:20px auto; padding:6.5rem 6rem; box-sizing:border-box; border-radius:2rem; background:#fff;}
.academic-top-box{display: flex; align-items:center; justify-content:space-between; border-bottom:2px solid #ddd; padding-bottom:1.5rem; margin-bottom:3rem;}
.academic-top-box h1{width:calc(100% - 4rem); font-size:3rem; font-weight:700; letter-spacing:-0.03em; text-align:left; color:#222;}
.academic-top-box .modal-close-btn{width:4rem; font-size:4rem; color:#888;}
.academic-info-box{}
.academic-info-box dl{display: flex; font-size:1.8rem; line-height:2; letter-spacing:-0.03em;}
.academic-info-box dl dt{position: relative; font-weight:700; color:#888; width:9rem; padding-left:3rem; box-sizing:border-box;}
.academic-info-box dl dt i{position: absolute; top:0.9rem; left:0;}
.academic-info-box dl dd{font-weight:500; color:#555; width:calc(100% - 9rem);}


/* ****************** 營養午餐 :: 급식안내 ********************** */
/* 급식안내 상단 */
.meal-con-wrap{position: relative; z-index:1; display: flex; justify-content:space-between; margin-bottom:15rem;}
.meal-con-wrap .left-box{width:56.66%;}
.meal-con-wrap .left-box .inner-box{border: 1px solid #DDDDDD; box-shadow: 5px 5px 2rem 2px rgba(0, 0, 0, 0.05); border-radius: 2rem; padding:3.5rem 5rem; box-sizing:border-box; margin-bottom:2rem; background:#fff;}
.meal-con-wrap .left-box .inner-box:last-child{margin-bottom:0;}
.meal-con-wrap .left-box .inner-box .tit{font-size:2rem; line-height:1.3; letter-spacing:-0.03em; color:#000; font-weight:600; margin-bottom:2rem;}
.meal-con-wrap .left-box .inner-box .txt{font-size:1.6rem; line-height:1.75; letter-spacing:-0.03em; color:#555; font-weight:500; margin-bottom:2rem; word-break: break-word;}
.meal-con-wrap .left-box .inner-box .txt span{display: inline-block; }
.meal-con-wrap .left-box .inner-box .txt:last-child{margin-bottom:0;}
.meal-con-wrap .left-box .inner-box .check{position: relative; padding-left:3rem; box-sizing:border-box;}
.meal-con-wrap .left-box .inner-box .check:before{position: absolute; content:'\e92b'; font-family:'xeicon'; font-size:1.8rem; color:var(--main-color2); top:-1px; left:0; font-weight:400;}
.meal-con-wrap .left-box .inner-box .tit.check:before{top:2px;}
.meal-con-wrap .left-box .inner-box .error{position: relative; padding-left:3rem; box-sizing:border-box;}
.meal-con-wrap .left-box .inner-box .error:before{position: absolute; content:'\ea2d'; font-family:'xeicon'; font-size:1.8rem; color:var(--main-color); top:-1px; left:0; font-weight:400;}
.meal-con-wrap .left-box .inner-box .error span{color:var(--main-color);}

.meal-con-wrap .right-box{width:41.33%; border-radius:2rem; overflow:hidden;}
.meal-con-wrap .right-box .img-box{height:100%;}
.meal-con-wrap .right-box img{width:100%; height:100%; object-fit:cover;}

.meal-page .cm-bg-icon.icon01{width:71rem; top:-45rem; right:0;}
.meal-page .cm-bg-icon.icon02{width:15.5rem; top:-25rem; left:8rem;}

/* 급식표 */
.meal-txt .fc-event-main{position: relative;}
.meal-txt .menu-item{position: relative; font-size:1.6rem; line-height:1.625; letter-spacing:-0.03em; color:#555; font-weight:500; padding-right:0.5rem;}
.meal-txt .menu-item:after{position: relative; content:',';}
.meal-txt .menu-item:last-child:after{display: none;}

.meal-popup-btn{position: absolute; top:-4rem; right:-1rem; width:3rem; height:3rem; background:#999; border-radius:50%;}
.meal-popup-btn:before{position: absolute; content:'\ea4b'; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'xeicon'; font-size:1.6rem; color:#fff;}

/* 팝업 */
.meal-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; }
.meal-modal-content .modal-close-btn{position:absolute; top:-5rem; right:0; color:#fff; font-size:4rem;}
.meal-modal-content .meal-info-box{display: flex; justify-content:space-between; background:#fff; border-radius:2rem; padding:6rem; box-sizing:border-box;}
.meal-modal-content .meal-info-box .left-box{width:45.46%; max-width:400px;}
.meal-modal-content .meal-info-box .left-box img{max-width:100%; max-height:100%; object-fit:cover; border-radius:1rem;}
.meal-modal-content .meal-info-box .right-box{position: relative; width:44.32%;}
.meal-modal-content .meal-info-box .right-box .date{position: relative; font-size:3rem; letter-spacing:-0.03em; color:var(--main-color); font-weight:700; border-bottom:2px solid #ddd; padding-bottom:2.5rem; margin-bottom:3rem;}
.meal-modal-content .meal-info-box .right-box .txt{position: relative; font-size:1.8rem; line-height:1.77; letter-spacing:-0.03em; color:#555; font-weight:500;}
.meal-modal-content .meal-info-box .right-box .txt span{position: relative; display: inline-block; padding-right:0.5rem;}
.meal-modal-content .meal-info-box .right-box .txt :after{position: relative; content:',';}
.meal-modal-content .meal-info-box .right-box .txt :last-child:after{display: none;}
.meal-modal-content .meal-info-box .right-box .bg-txt{position: absolute; bottom:0; left:0; width:100%; text-align:left; font-size:4.2rem; line-height:0.9; letter-spacing:-0.03em; color:#eee; font-weight:800;}


/* ****************** 主要課程 :: 교복·체육복 안내 ********************** */
.uniform-con{display: flex; align-items:center; justify-content:center; border-bottom:1px solid #ddd; padding:10rem 0;}
.uniform-con:first-child{padding-top:0;}
.uniform-con + .cm-plus-txt{margin-top:3rem;}
.uniform-con .uniform-item{margin:0 7.5rem;}
.uniform-con .uniform-item .img-box{display: flex;}
.uniform-con .uniform-item .img-box span{margin:0 2rem;}
.uniform-con .uniform-item .img-box img{max-width:100%;}
.uniform-con .uniform-item .txt{display: flex; align-items:center; justify-content:center; width:20rem; height:6.2rem; border-radius:6rem; background:#f3f3f3; font-size:2.6rem; letter-spacing:-0.03em; color:#555; font-weight:500; margin:6rem auto 0;}

.cm-plus-txt{font-size:1.8rem; line-height:1.77; letter-spacing:-0.05em; color:#888; font-weight:500;}

.uniform-purchase-con {padding-top: 15rem;}
.uniform-purchase-con h5 {text-align: center; margin-bottom:4rem; font-size: 5rem; font-weight: 700;letter-spacing: -0.03em; color: #000; line-height: 1.3;}
.uniform-purchase-con .method-box {border-radius: 1rem; border: 1px solid #ddd; box-sizing: border-box; padding: 5.5rem 7.4rem; box-shadow: 0.5rem 0.5rem 2rem rgba(0,0,0,0.05);}
.uniform-purchase-con .method-box dl {display: flex;}
.uniform-purchase-con .method-box dl + dl {margin-top: 2.8rem;}
.uniform-purchase-con .method-box dl dt {width: 10.5rem; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.05em; color: #000; line-height: 1.4;}
.uniform-purchase-con .method-box dl dd .txt {position: relative; padding-left: 2.4rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em; color: #555; line-height: 2;}
.uniform-purchase-con .method-box dl dd .txt:before {position: absolute; content: '\e92b'; font-family: xeicon; left: 0; top: -0.1rem; color: var(--main-color2);}
.uniform-purchase-con .method-box dl dd .txt.no-check:before {display: none;}
.uniform-purchase-con .method-box dl dd .txt i {margin-right: 0.2rem;}


/* ****************** 冬季體育 :: 통학버스 노선 ********************** */
.busroute-wrap{}
.busroute-item{background: #fff; border: 1px solid #ccc; border-radius: 2rem; margin-bottom:3rem; overflow:hidden;}
.busroute-item:last-child{margin-bottom:0;}

.route-tit-m{display: none;}

.route-schematic{display: flex; align-items:center; justify-content:center; padding:0 7rem; width:100%; height:30rem; box-sizing:border-box;}
.route-schematic .circle{display: flex; flex-direction:column; align-items:center; justify-content:center; width:12rem; height:12rem; border-radius:50%; box-sizing:border-box;}
.route-schematic .circle .txt{font-size:2rem; line-height:1.7; letter-spacing:-0.05em; font-weight:700; color:#fff;}
.route-schematic .circle i{font-size:2.4rem; color:#fff;}
.route-schematic .circle.start{border:0.7rem solid #ddd;}
.route-schematic .circle.end{}

.schematic-list{position: relative; display: flex; justify-content:space-between; width:calc(100% - 24rem); height:1.8rem; padding:0 3rem; box-sizing:border-box;}
.schematic-list:before{position: absolute; content:''; width:100%; height:5px; top:50%; left:0; transform:translateY(-50%); background:#f2f2f2;}
.schematic-list .schematic-item{position: relative; width:100%;}
.schematic-list .schematic-item .dot{display: block; width: 1.8rem; height: 1.8rem; border: 0.3rem solid #fff; box-shadow: 0.3rem 0.3rem 1rem rgba(0, 0, 0, 0.25); border-radius:50%; box-sizing:border-box; margin:auto;}
.schematic-list .schematic-item .txt{position: absolute; left:50%; transform:translateX(-50%); font-size:1.6rem; line-height:1.375; letter-spacing:-0.05em; font-weight:600; color:#000; text-align:center;}
.schematic-list .schematic-item:nth-child(odd) .txt{bottom:calc(100% + 2rem);}
.schematic-list .schematic-item:nth-child(even) .txt{top:calc(100% + 2rem);}

.busroute-item:nth-child(odd) .route-schematic .circle.start .txt{color:var(--main-color);}
.busroute-item:nth-child(odd) .route-schematic .circle.end{background:var(--main-color); box-shadow: 0.5rem 0.5rem 1.5rem rgba(129, 0, 0, 0.3);}
.busroute-item:nth-child(odd) .schematic-list .schematic-item .dot{background:var(--main-color);}
.busroute-item:nth-child(even) .route-schematic .circle.start .txt{color:var(--main-color2);}
.busroute-item:nth-child(even) .route-schematic .circle.end{background:var(--main-color2); box-shadow: 0.5rem 0.5rem 1.5rem rgba(216, 180, 24, 0.3);}
.busroute-item:nth-child(even) .schematic-list .schematic-item .dot{background:var(--main-color2);}

.route-list{display: flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:3rem 7rem; background:#f4f4f4;}
.route-list .route-item{display: block; position: relative; font-size:1.7rem; line-height:1.76; letter-spacing:-0.05em; font-weight:500; color:#555; padding-left:3rem;}
.route-list .route-item:before{position: absolute; content:'\e907'; font-family:'xeicon'; color:#aaa; font-weight:400; left:0.7rem; top:-1px;}
.route-list .route-item:first-child{padding-left:0;}
.route-list .route-item:first-child:before{display: none;}
.route-list .break{flex-basis: 100%;}

.busroute-info{display: flex; justify-content:space-between; padding:4rem 0; box-sizing:border-box; border-bottom:1px solid #ccc;}
.busroute-info .inner-box{display: flex; padding:0 5rem; box-sizing:border-box;}
.busroute-info .info-item{display: flex; margin-right:5rem}
.busroute-info .info-item:last-child{margin-right:0;}
.busroute-info .info-item dt{position: relative; padding-left:3rem; box-sizing:border-box; font-size:1.8rem; letter-spacing:-0.05em; font-weight:600; margin-right:2.5rem; color:#000;}
.busroute-info .info-item dt:before{position: absolute; font-family:'xeicon'; font-size:2rem; top:0; left:0; font-weight:400;}
.busroute-info .info-item dt:after{position: absolute; content:'|'; right:-1.3rem; top:2px; font-size:1.2rem; color:rgba(0,0,0,0.2);}
.busroute-info .info-item dd{font-size:1.8rem; letter-spacing:-0.05em; color:#555; font-weight:500}

.busroute-info .inner-box:nth-child(1) .info-item dt:before{color:var(--main-color);}
.busroute-info .inner-box:nth-child(2) .info-item dt:before{color:var(--main-color2);}
.busroute-info .info-item.method dt:before{content:'\eaa0';}
.busroute-info .info-item.etc dt:before{content:'\eb22';}
.busroute-info .info-item.bus dt:before{content:'\eb42';}

.busroute-info + .cm-plus-txt{margin-top:3rem;}


/* ****************** 在线咨询 :: 온라인 문의 ********************** */
.inquiry-info-con{padding-top:4rem; border-top:1px solid #ddd; margin-top:3.5rem; max-width:58rem;}
.inquiry-info-con .inquiry-info{display: flex; align-items: center; margin-bottom:1rem;}
.inquiry-info-con .inquiry-info dt,
.inquiry-info-con .inquiry-info dd{font-size: 1.8rem; line-height: 1.73; letter-spacing: -0.025em; font-weight: 500; color: #888;}
.inquiry-info-con .inquiry-info dt{width:12.5rem;margin-right: 0.5rem; color:#555;}
.inquiry-info-con .inquiry-info dt i{position: relative; top: 0.1rem; margin-right: 0.5rem;}
.inquiry-info-con .inquiry-info dd{width:calc(100% - 12.5rem);}
.inquiry-info-con a{color:inherit}


/* ****************** 부설 유치원 :: 유치원 소개 ********************** */
.kindergarten-about-01 {position: relative; padding: 2.5rem 0 15rem; text-align: center;}
.kindergarten-about-01:before {position: absolute; right: 8.7rem; top: 10.3rem; content: ''; z-index: -1; width:24.7rem; height: 24rem; background: url(/images/content/kindergarten_about_con01_icon01.png)no-repeat center/100%; }
.kindergarten-about-01:after {position: absolute; left: 35.6rem; bottom: 10.2rem; content: ''; z-index: -1; width:12.4rem; height: 12rem; background: url(/images/content/kindergarten_about_con01_icon02.png)no-repeat center/100%; }
.kindergarten-about-01 .txt01 {font-size: 3.4rem; font-weight: 600; letter-spacing: -0.03em; color: #000; line-height: 1.58; margin-bottom: 7rem;}
.kindergarten-about-01 .txt01 b {font-weight: 700;}
.kindergarten-about-01 .txt01 span {color: var(--main-color);}
.kindergarten-about-01 .img-box {height: 48rem; border-radius: 4rem; background-image: url(/images/content/kindergarten_about_con01_img.jpg);background-repeat: no-repeat; background-position: center;  background-size: cover; background-attachment: fixed;}
.kindergarten-about-01 .txt02 {font-size: 2.6rem; font-weight: 600; letter-spacing: -0.03em; color: #222; line-height: 1.46; padding-top: 7rem;}
.kindergarten-about-01 .txt03 {font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; color: #555; line-height: 1.77; padding-top: 5rem;}

.kindergarten-about-02 {padding:15rem 0; background-color: #F8F4E2;}
.kindergarten-tit-box {text-align: center; margin-bottom: 9rem;}
.kindergarten-tit-box .en-tit {color:var(--main-color); font-size:1.6rem; font-weight:700; letter-spacing:-0.02em;}
.kindergarten-tit-box .tit{color:#000; font-size:6rem; font-weight:600; letter-spacing:-0.03em; margin-top: 3rem;}
.kindergarten-tit-box .kr-tit {color:#555; font-size:2.4rem; font-weight:700; letter-spacing:-0.03em; margin-top: 3rem;}
.kindergarten-program-list {display: flex; flex-wrap: wrap; margin: -1.5rem;}
.kindergarten-program-list li {position: relative; width: calc(33.333% - 3rem); margin: 1.5rem; min-height: 28rem; border-radius: 1rem; background-color: #fff; opacity: 0; transform:translateX(3rem); transition: var(--transition-custom2);}
.kindergarten-program-list.animated li {opacity: 1; transform:none;}
.kindergarten-program-list.animated li:nth-child(2) {transition-delay:0.15s;}
.kindergarten-program-list.animated li:nth-child(3) {transition-delay:0.3s;}
.kindergarten-program-list.animated li:nth-child(4) {transition-delay:0.45s;}
.kindergarten-program-list.animated li:nth-child(5) {transition-delay:0.6s;}
.kindergarten-program-list.animated li:nth-child(6) {transition-delay:0.75s;}
.kindergarten-program-list li:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: 1rem; background: linear-gradient(135deg, #F9D62B, #F2C800); opacity: 0; transition:all 0.4s;}
.kindergarten-program-list li .inner {position: relative; z-index: 1; height: 100%; padding: 4rem 16rem 4rem 3.5rem;  box-sizing: border-box;}
.kindergarten-program-list li .inner .en-tit {display: block; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.3; color: var(--main-color2); margin-bottom: 5.5rem; transition:all 0.4s;}
.kindergarten-program-list li .inner dl dt {font-size: 2.4rem; font-weight: 700; letter-spacing: -0.03em; color: #333; line-height: 1.3; margin-bottom: 2rem; transition:all 0.4s;}
.kindergarten-program-list li .inner dl dd .txt {font-size: 1.6rem; font-weight: 500; letter-spacing: -0.05em; color: #777; line-height: 1.625; transition:all 0.4s;}
.kindergarten-program-list li .inner dl dd .txt.dot-txt {position: relative; padding-left: 1rem;}
.kindergarten-program-list li .inner dl dd .txt.dot-txt:before {position: absolute; content: '•'; left: 0; top: 0;}
.kindergarten-program-list li .inner dl dd strong {display: block; font-size: 3rem; font-weight: 700; color: #333; line-height: 1.3; transition:all 0.4s;}
.kindergarten-program-list li .inner .icon {position: absolute; bottom: 3rem; right: 3rem; text-align: right;}
.kindergarten-program-list li .inner .icon img {width: 50%; height: 50%;}

.kindergarten-program-list li.active:before {opacity: 1;} 
.kindergarten-program-list li.active .inner .en-tit {color: #fff;} 
.kindergarten-program-list li.active .inner dl dt ,
.kindergarten-program-list li.active .inner dl dd .txt,
.kindergarten-program-list li.active .inner dl dd strong {color: #fff;} 

.kindergarten-about-03 {padding: 15rem 0 0;}


/* ****************** 부설 유치원 :: 유치원 공지 ********************** */
.kindergarten-news-page .main-media-list .list-item a {padding:3rem 3.5rem;}
.kindergarten-news-page .main-media-list .list-item .tit-box {padding: 0 0 0 4rem;}


/* ****************** 부설 유치원 :: 일과표 ********************** */
.kindergarten-schedule-con {padding-top: 2.5rem;}
.kindergarten-schedule-tbl {width: 100%;}
.kindergarten-schedule-tbl th {height: 8rem; background-color: var(--main-color2); font-size: 3rem; font-weight: 600; letter-spacing: -0.03em; color: #fff; border-left: 1px solid #ddd;}
.kindergarten-schedule-tbl th:first-child {border-radius: 1rem 0 0 0; border-left: 0;}
.kindergarten-schedule-tbl th:last-child {border-radius:  0 1rem 0 0;}
.kindergarten-schedule-tbl td {height: 10rem; text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid rgba(0,0,0,0.15); font-size: 2.4rem; letter-spacing: -0.05em; line-height: 1.3;}
.kindergarten-schedule-tbl tr:nth-child(even) td{background:#f9f9f9;}
.kindergarten-schedule-tbl td strong {color: #555; font-weight: 700;}
.kindergarten-schedule-tbl td span {font-size: 1.8rem; color: #777; display: inline-block; margin-left: 1rem; }
.kindergarten-schedule-tbl td p {color: #888; font-weight: 600;}
.kindergarten-schedule-tbl td:first-child {border-left: 0;}
.kindergarten-schedule-tbl .red-row td strong ,
.kindergarten-schedule-tbl .red-row td p {color: var(--main-color);}
.schedule-ps {padding-top: 3rem; font-size:1.7rem; letter-spacing:-0.02em; font-weight: 600; color: #000; line-height:1.2;}

/* ****************** 방과후 프로그램 ********************** */
.red-color {color: var(--main-color) !important;}

.club-guide-con {margin-bottom: 14rem;}
.club-timetable-wrap {padding: 5rem 5rem 4.5rem 5rem; margin-bottom: 2rem; border-radius: 2.5rem; background-color: #f6f6f6;}
.club-timetable-wrap .tit-box {margin-bottom: 3.5rem; text-align: center;}
.club-timetable-wrap .tit-box .timetable-wrap-st {display: flex; align-items: center; justify-content: center; gap: 0 0.8rem; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.4; color: var(--main-color);}
.club-timetable-wrap .tit-box .timetable-wrap-st span {display: inline-flex; padding-bottom: 0.3rem;}
.club-timetable-wrap .tit-box .timetable-wrap-tit {font-size: 3rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.4; color: #000;}

.timetable-des-list {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2.5rem; padding: 4.5rem 8rem; background-color: #fff; border-radius: 2rem;}
.timetable-des-list .des-list-item {display: flex; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em; line-height: 1.4; color: #555;}
.timetable-des-list .des-list-item i {display: inline-block; margin-right: 1.5rem; color: var(--main-color2); font-size: 1.8rem;}

.club-guide-table-wrap .custom-scrollbar-wrapper:first-child{margin-bottom: 4rem;}
.club-guide-table-wrap .custom-scrollbar-wrapper:first-child .cm-table th p {padding: 1.197rem 1.704rem;}

.registration-page .ps-txt {display: flex; margin-top: 2rem; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em; line-height: 2; color: #222;}
.registration-page .ps-txt span {margin-right: 0.3rem;}

.club-schedule-con {padding: 15rem 0; background-color: #F4F4F4;}
.table-accordion-item + .table-accordion-item {margin-top: 1rem;}
.table-accordion-item .table-accordion-tit {display: flex; align-items: center; justify-content: space-between; min-height: 10.5rem; border-radius: 1rem; padding: 0 4rem; font-size: 3.6rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1.4; color: #222; background-color: #fff; cursor: pointer; transition: var(--transition-custom); transition-property: background-color, color;}
.table-accordion-item .table-accordion-tit + .custom-scrollbar-wrapper {margin-top: 3rem; display: none;}
.table-accordion-item .table-accordion-tit span {margin-left: 0.5rem; font-size: 3rem; color: #aaa; transition: var(--transition-custom); transition-property: color;}
.table-accordion-item .table-accordion-tit .arrow-box {display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 50%; background-color: #fff; border: 1px solid #ddd;}
.table-accordion-item .table-accordion-tit .arrow-box i {font-size: 2.4rem; color: #888; transform: rotate(0deg);}
.table-accordion-item .table-accordion-tit.open{color: #fff; background-color: var(--main-color2);}
.table-accordion-item .table-accordion-tit.open span{color: #EDD87E;}
.table-accordion-item .table-accordion-tit.open .arrow-box i{transform: rotate(180deg);}

.club-schedule-con .cm-table {    border-collapse: unset !important; border-spacing: 0px !important;}
.club-schedule-con .cm-table td {height: 6rem;}
.club-schedule-con .cm-table td.height-40 {height: 4rem;}
.club-schedule-con .cm-table td p {display: flex;}
.club-schedule-con .cm-table td p + p {margin-top: 1rem;}
/* .club-schedule-con .cm-table td p.mb-10 {margin-bottom: 1rem;} */
.club-schedule-con .cm-table td p span {margin-right: 1.2rem; white-space: nowrap;}
.club-schedule-con .cm-table td p em{font-weight: inherit; color: inherit;}

.table-accordion-close-btn{margin: 3rem auto 4rem; width: 14rem; height: 5rem; font-size: 1.8rem; letter-spacing: -0.02em; font-weight: 600; color: #888; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; border-radius: 1rem; display: none; align-items: center; justify-content: center;}

.club-schedule-download-btn{margin-top: 10rem; text-align: center;}
.club-schedule-download-btn a{padding: 2.9rem 6.6rem 2.9rem 3.4rem; min-width: 34rem; background-color: var(--main-color2); position: relative; box-sizing: border-box; color: #fff; border-radius: 1rem; text-align: left; display: inline-block;}
.club-schedule-download-btn a .txt01{font-size: 2.2rem; line-height: 1.3; letter-spacing: -0.03em; font-weight: 700;}
.club-schedule-download-btn a .txt02{margin-top: 1.5rem; font-size: 1.5rem; line-height: 1.3; font-weight: 400; opacity: 0.8;}
.club-schedule-download-btn a i{position: absolute; top: 50%; right: 3.4rem; font-size: 3.2rem; transform: translateY(-50%);}

.club-apply-con{padding-top: 15rem !important; max-width: 1300px; margin: 0 auto;}
.club-apply-btn-list{margin-top: 10rem;}
.club-apply-btn-list ul{margin: -1rem; display: flex; flex-wrap:wrap; align-items: center; justify-content: center;}
.club-apply-btn-list ul li{margin: 1rem; width: calc(33.33% - 2rem);  }
.club-apply-btn-list ul li a{display: block; width: 100%; border-radius: 0.8rem; box-shadow:0.5rem 0.5rem 2rem rgba(0,0,0,0.05)}
.club-apply-btn-list ul li a span {position: relative;width: 100%; padding-top: 35.71%; display: block;overflow: hidden; border-radius: 0.8rem;}
.club-apply-btn-list ul li a span img { position: absolute;top: 0;  left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transition: all 0.5s; will-change:transform;}

@media all and (min-width:801px){
	.club-apply-btn-list ul li a:hover img {-webkit-transform: scale(1.05) rotate(0.002deg); 
		-moz-transform: scale(1.03) rotate(0.002deg);
		-ms-transform: scale(1.03) rotate(0.002deg);
		-o-transform: scale(1.03) rotate(0.002deg); 
		transform: scale(1.03) rotate(0.002deg);}
}

/* .club-apply-btn-list ul li a .date{font-size: 1.8rem; line-height: 1.3; font-weight: 600; letter-spacing: -0.03em; color: #888; transition:var(--transition-custom); transition-property:color;}
.club-apply-btn-list ul li a .date i{font-weight: 400;}
.club-apply-btn-list ul li a .tit{margin-top: 2rem; font-size: 3rem; line-height: 1.3; font-weight: 600; letter-spacing: -0.03em; color: #222; display: inline-flex; align-items: center; transition:var(--transition-custom); transition-property:color;}
.club-apply-btn-list ul li a .tit span{margin-left: 2rem; font-size: 2rem; line-height: 1.3; font-weight: 500; letter-spacing: -0.03em; color: var(--main-color); transition:var(--transition-custom); transition-property: color, opacity;}
.club-apply-btn-list ul li a .icon{position: absolute; top: 50%; right: 3.4rem; font-size: 3.2rem; color: #999; transform: translateY(-50%); transition:var(--transition-custom); transition-property:color;}
.club-apply-btn-list ul li a:hover{background-color: var(--main-color);} */
/* .club-apply-btn-list ul li a:hover .date,
.club-apply-btn-list ul li a:hover .tit,
.club-apply-btn-list ul li a:hover .icon{color: #fff;}
.club-apply-btn-list ul li a:hover .tit span{color: #fff; opacity: 0.6;}
 */

/* ****************** 평생교육원 ::  교육원소식 ********************** */
/* .edu-news-page .bbs-basic-gallery-con15 {padding-bottom: 3.5rem;} */
.edu-news-page .bbs-basic-gallery-con15 > ul li .gallery-tit {margin-top: 1.2rem;}
.edu-news-page .bbs-basic-gallery-con15 .gallery-img-thumb {margin-bottom: 3.5rem; padding-top: 119.149%;}
.edu-news-page .new-badge {position: relative; top: 0.2rem;}
.gallery-con15-list-con .state-box {display: inline-flex; align-items: center; justify-content: center; min-width: 6.9rem; height: 2.8rem; padding: 0.2rem 1.3rem 0 0.5rem; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.05em; color: #fff; box-sizing: border-box; border-radius: 0.6rem;}
.gallery-con15-list-con .state-box i {margin-right: 0.5rem; font-size: 2rem; font-weight: 400; color: rgba(255, 255, 255, 0.5);}
.gallery-con15-list-con .state-box.ing {background-color: var(--main-color);}
.gallery-con15-list-con .state-box.end {background-color: #998B8B;}