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

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:800px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:760px; }
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;/* margin-right:calc(-1* var(--area-padding)); */ cursor:move}
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end;/*  margin-right:var(--area-padding); */ }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1280px){
	.sub-tab-list-style .area{padding:0}
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:var(--header-height);}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 1.5rem; height:4rem; line-height:4rem; font-size:1.5rem; background-color:var(--main-color); box-sizing:border-box; border-radius:1rem; z-index:12;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:1.5rem; margin-top:-0.7rem}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:calc(100% - 1rem); left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box; padding-top:1rem; border-radius:0 0 1rem 1rem;}
	.sub-drop-menu-style ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:1rem 1.5rem; border:0;}
	.sub-drop-menu-style ul li a em{font-size:1.3rem;}
	.sub-drop-menu-style ul li.selected{background-color:transparent; border-color: #eee;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
	
	/* Tab 공통 스타일02 */
	.sub-tab-wrapper-style-m{display: block; margin-bottom:2.5rem;}
	.sub-drop-menu-style2{position:relative;}
	.sub-drop-open-btn-style2{display:block; position:relative; padding:0 1.5rem; height:4rem; line-height:4rem; font-size:1.5rem; background-color:var(--main-color2); box-sizing:border-box; border-radius:1rem; z-index:12;}
	.sub-drop-open-btn-style2 span{color:#fff; }
	.sub-drop-open-btn-style2 .arrow{color:#fff; position:absolute; top:50%; right:1.5rem; margin-top:-0.7rem}
	.sub-drop-open-btn-style2.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style2 ul{display:none; margin:0; height:auto; position:absolute; top:calc(100% - 1rem); left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box; padding-top:1rem; border-radius:0 0 1rem 1rem;}
	.sub-drop-menu-style2 ul li{position:static; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style2 ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style2 ul li a{display:block; width:auto; height:auto; padding:1rem 1.5rem; border:0;}
	.sub-drop-menu-style2 ul li a em{font-size:1.3rem;}
	.sub-drop-menu-style2 ul li.selected{background-color:transparent; border-color: #eee;}
	.sub-drop-menu-style2 ul li.selected a em{color:var(--main-color2); font-weight:600; }
}

/* ******************  회사소개 :: 공통 타이틀 ********************** */
@media all and (max-width:800px){
	.cm-con-tit {font-size:4.7rem;}
	.cm-con-sub-tit {font-size:2rem;}
	
	/* 공용 :: 배경 */
	.cm-bg-yellow{padding:8rem 0;}
}

/* -------- 공통 :: 탭 -------- */
/* 커스텀 탭 01 */
@media all and (min-width: 801px) {
	.custom-style01 {margin-bottom: 5rem;}
	.custom-style01 .sub-tab-list-style ul {display: flex; justify-content: center; gap: 0.5rem;}
	.custom-style01 .sub-tab-list-style ul li {min-width: 14rem; width: auto; border: 1px solid #ddd; border-radius: 1rem;}
	.custom-style01 .sub-tab-list-style ul li a {display: flex; align-items: center; justify-content: center; height: 4.8rem; padding: 0 2.9rem; box-sizing: border-box;}	
	.custom-style01 .sub-tab-list-style ul li a em {display: inline-block; padding-bottom: 0.3rem; font-size: 1.8rem; font-weight: 600; letter-spacing: -0.02em; color: #888;}
	
	.custom-style01 .sub-tab-list-style ul li.selected {background-color: var(--main-color);}
	.custom-style01 .sub-tab-list-style ul li.selected em {color: #fff;}
}

/* ******************  회사소개 :: 학교소개 ********************** */
@media all and (min-width:1281px){
	.about-box > p:last-of-type {font-size:9rem;}
}
@media all and (max-width:1280px){
	.about-box {margin: 7rem 0;}
	.about-box .logo-box {margin: 0 5rem;}	
	.about-box > p {font-size:7.5rem; width: calc((100% - (18rem + 10rem)) / 2);}
}

@media all and (max-width:800px){
	.overview-tit {font-size:2.8rem;}
	.about-box > p {font-size:3rem; width: calc((100% - (12rem + 7rem)) / 2);}
	.about-box .logo-box {width: 12rem; margin: 0 3.5rem;}
	.school-song-con {padding: 10rem 0; margin-top: 8rem;}
	.school-song-con .img-box {margin-top: 3rem;}
	.overview-txt01 {font-size:2.3rem;}
	.overview-txt02 {font-size:1.6rem;}
}

@media all and (max-width:480px){
	.about-box .logo-box {width: 9rem; margin: 0 2rem;}
	.about-box > p {font-size:2.5rem; width: calc((100% - (9rem + 4rem)) / 2);}
}

/* ******************  회사소개 :: 이사회 ********************** */
@media all and (max-width:1280px){
	.director-con .inner-list.ver01 .img-box {width: 13rem;}
	.director-con .inner-list.ver01 .txt-box {padding-left: 0;}
}

@media all and (max-width:800px){
	.director-con .name {font-size:2.2rem;}
	.board-page .deco-list .deco-img {display:none;}
	.director-con:first-of-type {width: 100%;}
	.director-con .inner-list.ver01 li {width:100%; margin-top:1.5rem; margin-right:0; padding:2.5rem 3.2rem;}
	.director-con .inner-list.ver01 .txt-box {width: calc(100% - 12rem);}
	.director-con .inner-list.ver01 .img-box {width: 12rem; margin-top: 0;}
	
	.director-con:nth-of-type(2){width:100%; margin-top:7rem;}
	.director-con .inner-list.ver02{justify-content: space-between; margin:-0.75rem -0.5rem;}
	.director-con .inner-list.ver02 li{width:calc(50% - 1rem); margin:0.75rem 0.5rem !important;}
	.director-con .inner-list.ver02 .img-box {width: 85%;}
	.director-con:nth-of-type(3){width:100%; margin-top:7rem;}
	.director-con .inner-list.ver03{width:100%; justify-content: space-between; /* margin:-0.6rem -0.5rem; */ margin:-0.6rem 0;}
	.director-con .inner-list.ver03 li{/* width:calc(33.33% - 1rem); */width: calc(50% - 1rem); margin:0.6rem 0.5rem !important; padding: 1rem 1.5rem 2rem;}
	.director-con .inner-list.ver03 .img-box {width: 95%; margin-top:0;}
	.director-con .inner-list.ver03 .tit-box{margin-top:1rem;}
	.director-con .inner-list.ver03 .name{font-size:2.2rem; margin-top:0;}
	.director-con .inner-list.ver03 .kr-name{font-size:1.3rem; line-height:1.3; margin-top:0.5rem;}
		
}



/* ******************  회사소개 :: 행정부서 안내 ********************** */
@media all and (min-width:801px){
	.administration-list .txt-box{display: flex !important;}
}
@media all and (max-width:1280px){
	.administration-top .left-con, 
	.administration-top .right-con {height: 26.5rem;}
	.administration-list .txt-box p:before {width: 3px; height: 3px;}
}

@media all and (max-width:800px){
	.administration-bottom {padding: 8rem 0 7rem; margin-top: 7.5rem;}
	.administration-list {margin-top: 3rem;}
	.administration-list li {flex-wrap:wrap; padding: 2.8rem 2.5rem;}
	.administration-list .tit-box {position: relative; width: 100%;}
	.administration-list .tit-box:before{position: absolute; content:'\e942'; font-family:'xeicon'; font-size:2.6rem; color:rgba(0,0,0,0.4); top:50%; right:0rem; transform:translateY(-50%); transition:var(--transition-custom);}
	.administration-list li.on .tit-box:before{transform:translateY(-50%) rotate(180deg);}
	.administration-list .tit-box .title{font-size:2rem;}
	.administration-list .tit-box .call{display: none;}
	.administration-list .txt-box {display: none; width: 100%; padding-left: 0; margin-top: 2rem;}
	.administration-list .txt-box p:not(.call) {width: 100%; font-size:1.4rem; line-height:1.3; margin-bottom:0.5rem;}
	.administration-list .txt-box p:not(.call):before{top:0.8rem;}
	
	.administration-list .txt-box p.call{display: block; width:100%;}
	.administration-list .txt-box .call {font-size:1.8rem; color: #888; font-weight: 600; line-height:1.2; margin-bottom:1.5rem; padding-bottom:2rem; border-bottom:1px solid rgba(0,0,0,0.1);}
	.administration-list .txt-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 .txt-box .call span i {color: #fff; font-size:1.4rem;}
	
	.administration-top {flex-direction:column; background: none;}
	.administration-top .center-con {width: 100%; margin:4rem auto;}
	.administration-top .center-con .img-box span {width:70%; padding-top: 70%; border-radius:50%; overflow:hidden; margin:auto; background: url('/images/content/administration_banner_bg.png') no-repeat center / cover;}
	.administration-top .left-con, .administration-top .right-con {width: 100%; height: auto; text-align: center;}
	.administration-top .left-con { margin-top: 2rem;}
	.administration-top .left-con span {font-size:2.8rem;}
	.administration-top .left-con p {margin-top: 1rem; font-size:1.6rem;}
	
	.administration-top .right-con { padding-left: 0; margin-top: 0;}
	.administration-top .right-con .tit02{font-size:2rem; margin-top:1rem;}
	.administration-top .right-con .name{font-size:1.6rem; margin-top:2rem;}
}

/* ******************  회사소개 :: 한국 화성화교소학교 학칙 ********************** */
@media all and (max-width:800px){
	.policies-page {padding-bottom:10rem;}
	.policies-list > li {flex-wrap:wrap; padding: 2.5rem 0;}
	.policies-list .tit-box {width: 100%;}
	.policies-list .txt-box {width: 100%; margin-top: 2rem;}
	.policies-list .tit-box p {font-size:2.7rem;}
	
	.policies-list .txt-list li > p span i{margin-right:0;}

	.policies-list .txt-list li > p em {margin-left: 1.5rem;}
	.policies-list .txt-list .inner-txt  {margin-left: 1.5rem;}
}

/* ******************  회사소개 :: 교육환경 ********************** */
@media all and (max-width:800px){
	.campus-list li {width: 47.126%; margin: 0 1.437% 3rem 1.437%;}
	.campus-tit{margin-top:1rem; font-size:1.6rem;}
	.campus-img-thumb .img-con span{padding-top:100%;}
	.campus-over-box i{width:5rem; height:5rem; font-size:2rem;}
}

/* ******************  회사소개 :: 오시는길 ********************** */
@media all and (max-width:800px){
	.location-map-box {padding-top: 50%; border-radius:2rem;}
	.location-info-box .tit-box .left-box {float:none;}
	.location-info-box .tit-box .left-box .tit{font-size:2.8rem;}
	.location-info-box .tit-box .right-box {float:none; margin-top: 1rem;}
	.location-info-box .tit-box .right-box a.naver-link {margin-left: 0;}
	.location-bottom-box {flex-wrap:wrap;}
	.location-info-box .info-box {width: 100%;}
	.location-info-box .info-box:last-of-type {margin-top: 2rem;} 
	.location-info-box .info-box .txt {margin-right: 0; padding-left: 0; flex-direction: column;}
	.location-info-box .info-box .txt .title {width: 100%; box-sizing:border-box; display: block; padding-left: 3rem; margin-bottom: 0.5rem; }
	.traffic-inner-box {width: 100%; flex-direction: column;}
	.traffic-inner-box dl:first-of-type {margin-right: 0; margin-bottom: 1rem;}
	.location-info-box .info-box .subway-txt {flex-direction:column;}
	.location-info-box .info-box .bus-txt {flex-direction:column;}
	.bus-inner-box {width: 100%;}
}


/* ****************** 학교소식 ::  공통 ********************** */
/***** 공통 섹션 *****/
.cm-notice-page {padding-bottom: 0rem;}
/* ****************** 학교소식 ::  최신소식 ********************** */
@media all and (max-width: 800px) {
	.notice-page .main-media-list .list-item a{padding:2rem 0;}
}

/* ****************** 학교소식 ::  후원·기증자 ********************** */
@media all and (max-width: 1280px) {
	.benefactor-page::before {top: 24.75rem;}
	
	.benefactor-info-con {max-width: none; padding: 0 var(--area-padding);}
	
	.cm-table th {height: 5rem;}
	.cm-table th p {padding: 1.2rem 0.5rem; font-size: 1.3rem;}
	.cm-table td {padding: 1rem 0.5rem; font-size: 1.3rem;}
}

@media all and (max-width: 800px) {
	.benefactor-page {padding-bottom: 3rem;}
	.benefactor-page::before {top: 16.5rem;}
	.benefactor-banner-con {padding-top: 25rem; margin-bottom: 6rem; border-radius:2rem;}
	.benefactor-banner-con .txt-box {width: 100%; right: 0; text-align: center; padding: 0 2rem; box-sizing:border-box;}
	.benefactor-banner-con .benefactor-banner-tit {margin-bottom: 1rem; font-size: 3.8rem;}
	.benefactor-banner-con .benefactor-banner-txt {font-size: 1.8rem;}
	
	.benefactor-info-con {padding: 0; margin-bottom: 7rem;}
	.benefactor-info-list {grid-template-columns: repeat(1, 1fr); grid-gap: 2rem 0;}
	.benefactor-info-list .list-item {min-height: 20rem;}
	.benefactor-info-list .list-item:first-child {/* padding-bottom: 6rem; */ padding: 0 2rem 6rem;}
	.benefactor-info-list .list-item:last-child {padding-top: 10rem;}
	.benefactor-info-list .list-item:first-child::before {top: auto; bottom: -11.6rem; right: auto; left: 50%; width: 14.91rem; height: 17.455rem; transform: translateX(-50%)}
	.benefactor-info-list .list-item i {margin-bottom: 1.5rem;}
	.benefactor-info-list .list-item .list-item-tit {font-size: 1.6rem;}
	.benefactor-info-list .list-item .list-item-txt {font-size: 1.8rem;}
}

/* ****************** 학교소식 ::  학교생활 영상 ********************** */
@media all and (max-width: 800px) {
	.cm-video-page .gallery-con15-list-con {padding-bottom: 2rem;}
	
	/***** 팝업 *****/
	.school-video-content .modal-close-btn {top: -40px;}
	.school-video-content {margin: 7rem 15px;}
}

/* ****************** 公開資訊 :: 입학요강 ********************** */
@media all and (max-width:1280px){
	/* 입학요강 */
	.eligibility-con .eligibility-item{padding:4rem 3rem;}
	.eligibility-con .eligibility-item .num{width:8rem;}
	.eligibility-con .eligibility-item .txt-box{width:calc(100% - 8rem);}
	
	/* 구비 서류 */
	.required-doc-list .list-item{width:calc(33.33% - 2rem);}
	
	/* 입학 수속 절차 */
	.admission-process-con .list-item{width:calc(20% - 2rem); }
	.admission-process-con .list-item:before{font-size:2rem; right:-1.1rem;}
}
@media all and (max-width:800px){
	/* 입학요강 */
	.eligibility-con{margin-bottom:8rem;}
	.eligibility-con .eligibility-item{display: block; padding:3rem var(--area-padding); }

	.eligibility-con .eligibility-item .num{display: block; width:100%; font-size:3.6rem; margin-bottom:2.4rem;}
	.eligibility-con .eligibility-item .txt-box{width:100%;}
	.eligibility-con .eligibility-item .txt-box .txt{font-size:1.8rem;}
	.eligibility-con .eligibility-item .txt-box .txt .small{display: block; font-size:1.6rem; margin-left:0;}
	.eligibility-con .eligibility-item .txt-box .inner-check-list{margin-top:2rem;}
	.eligibility-con .eligibility-item .txt-box .inner-check-list .check{padding-left:2rem; font-size:1.4rem;}

	/* 구비 서류 */
	.required-doc-con{margin-bottom:8rem;}
	.required-doc-list{margin-top:5rem;}
	.required-doc-list .list-item{width:calc(50% - 2rem); min-height:20rem; padding:3rem var(--area-padding);}
	.required-doc-list .list-item .num{width:3rem; height:2rem; font-size:1.2rem;}
	.required-doc-list .list-item .txt-box{margin-top:2rem;}
	.required-doc-list .list-item .txt-box dt{font-size:2rem;}
	.required-doc-list .list-item .icon{bottom:1rem; right:1rem; }

	.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:10rem;}
	.admission-process-con{flex-wrap:wrap; justify-content: center; margin-top:5rem;}
	.admission-process-con .list-item{width:calc(33.33% - 2rem); padding:3rem var(--area-padding); margin:2rem 1rem;}
	.admission-process-con .list-item:nth-child(3):before{display: none;}
	.admission-process-con .list-item .step{font-size:1.4rem;}
	.admission-process-con .list-item .icon-box{height:6rem; margin:3rem 0;}
	.admission-process-con .list-item .txt{font-size:1.8rem;}
	.admission-process-con .list-item .txt .small{top: calc(100% + 0.2rem);}
}
@media all and (max-width:480px){
	/* 구비 서류 */
	.required-doc-list .list-item{display: flex; width:calc(100% - 2rem); min-height:auto;}
	.required-doc-list .list-item .num{width:4rem; height:2.2rem; font-size:1.4rem;}
	.required-doc-list .list-item .txt-box{margin-top:0rem; margin-left:2rem; width:calc(100% - 4rem); padding-right:7rem; box-sizing:border-box;}
	.required-doc-list .list-item .icon{bottom:auto; right:1rem; top:50%; transform:translateY(-50%); width:6.5rem;}
	/* 입학 수속 절차 */
	.admission-process-con .list-item{display: flex; align-items:center; width:calc(100% - 2rem); padding:1.5rem 3rem;}
	.admission-process-con .list-item:before{top:calc(100% + 2rem); right:50%; content:'\e942';}
	.admission-process-con .list-item:nth-child(3):before{display: block;}
	.admission-process-con .list-item .step{font-size:1.6rem; width:7rem;}
	.admission-process-con .list-item .txt{font-size:2.2rem; padding-left:2.2rem; width:calc(100% - 11rem); box-sizing:border-box; text-align:left;}
	.admission-process-con .list-item .txt .small{display: none;}
	.admission-process-con .list-item .icon-box{order:3; width:4rem; margin:0;}
	.admission-process-con .list-item:nth-child(3) .icon-box{width:6rem;}
	.admission-process-con .list-item:nth-child(4) .icon-box{width:5rem;}
	.admission-process-con .list-item:nth-child(5) .icon-box{width:6rem;}
	.admission-process-con .list-item .icon-box img{width:100%;}
}

/* ****************** 公開資訊 :: 교육과정 ********************** */
@media all and (min-width:801px){
	.curriculum-list .list-item.active:before{top:0;}
	.curriculum-list .list-item.active .top-txt-box .txt{color:#fff;}
	.curriculum-list .list-item.active .bottom-txt-box .tit{transform:scale(1.2)}
}
@media all and (max-width:800px){
	/* 교육과정 */
	.info-curriculum-wrap{margin-top:20rem; margin-bottom:8rem;}
	.info-curriculum-wrap .cm-bg-yellow{padding-bottom:8rem}
	.curriculum-top-tit{font-size:10rem;}
	.curriculum-tit-box{transform: translateY(-8rem); text-align:center;}
	.curriculum-tit-box .img-box img{width:80%;}
	.curriculum-tit-box .tit{font-size:2.4rem; margin-top:3.5rem; line-height:1.2;}

	.curriculum-list{flex-wrap:wrap;}
	.curriculum-list .list-item{width:calc(50% - 1rem); margin:0.5rem; transform:translateY(50px);}
	.curriculum-list .list-item:before{display: none;}
	.curriculum-list .list-item .bg-box{position: relative; height:30rem;}
	.curriculum-list .list-item .bg-box:before{position: absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.2); inset:0;  z-index:1;}
	.curriculum-list .list-item .top-txt-box{top:2rem; left:2rem; width:calc(100% - 4rem); z-index:2;}
	.curriculum-list .list-item .top-txt-box .txt{font-size:1.4rem;}
	.curriculum-list .list-item .bottom-txt-box{bottom:2rem; left:2rem; width:calc(100% - 4rem); z-index:2;}
	.curriculum-list .list-item .bottom-txt-box .category{font-size:1.6rem; margin-bottom:1.5rem;}
	.curriculum-list .list-item .bottom-txt-box .tit{font-size:2.4rem;}
	.curriculum-list .list-item .bottom-txt-box .bottom-txt{font-size:1.4rem; padding-top:2rem !important; display: block !important; height:auto !important;}

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

	/* 주요 교과목 구성  */
	.curriculum-core-con{margin-top:5rem;}
	.curriculum-core-con .core-item{display: block; margin-bottom:1rem; padding:1.5rem var(--area-padding) 3rem; border-radius:3.5rem;}
	.curriculum-core-con .core-item .grade-box{display: block; width:100%; margin-bottom:4rem;}
	.curriculum-core-con .core-item .grade-box:before{right:auto; left: 50%; top:calc(100% + 1.5rem); transform:translateY(0); height:1rem;}
	.curriculum-core-con .core-item .grade-box .grade-cn{width:100%; height:5rem; font-size:2.2rem; text-align:center;}
	.curriculum-core-con .core-item .grade-box .grade-en{width:100%; padding-left:0; font-size:2.2rem; text-align:center; margin-top:2rem;}
	.curriculum-core-con .core-item .inner-list{width:100%; justify-content: center; padding-inline:3rem; margin-top:2rem;}
	.curriculum-core-con .core-item .inner-list span{font-size:1.6rem; margin:0 0.7rem;}
	.curriculum-core-con .core-item .inner-list span:before{right:-0.9rem;}
}
@media all and (max-width:480px){
	/* 교육과정 */
	.curriculum-top-tit{font-size:6.3rem;}
	.curriculum-list .list-item{width:calc(100% - 1rem);}
	.curriculum-list .list-item .bg-box{height:24rem;}
	.curriculum-list .list-item .bg-box span{position: relative; display: block; width:100%; height:0; padding-top:100%;}
	.curriculum-list .list-item .bg-box span img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover;}
}

/* ****************** 公開資訊 :: 학사일정 ********************** */
@media all and (max-width:800px){
	.cm-calendar.fc .fc-toolbar.fc-header-toolbar{margin-inline:auto;}
	.cm-calendar.fc .fc-toolbar-title{font-size:3.4rem; margin-inline:3rem;}
	.cm-calendar.fc .fc-button{width:3.5rem; height:3.5rem;}
	.cm-calendar.fc .fc-button .fc-icon{font-size:1rem;}
	
	.cm-calendar.fc .fc-col-header-cell{height: 4rem;font-size: 1.4rem;line-height: 4rem;padding: 0 1rem;}
	.cm-calendar.fc .fc-daygrid-day-frame{padding:1rem}
	.cm-calendar.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{top:3rem; left:0.8rem; right:0.8rem;}
	.cm-calendar.fc .fc-daygrid-day-number{font-size:1.3rem;}
	.cm-calendar .fc-h-event .fc-event-title{padding-left: 1.8rem; font-size: 1.3rem;}
	.cm-calendar .fc-h-event .fc-event-title:before{font-size:1.3rem; top:0px;}

	.academic-calendar-page .cm-bg-icon.icon01{width:50rem; bottom:-25rem; left:0;}
	.academic-calendar-page .cm-bg-icon.icon02{width:10rem; top:40%; right:0;}
	.academic-calendar-page .cm-bg-icon.icon03{width:3rem; top:60%; right:8rem;}

	/* 팝업 */
	.academic-modal-content{padding:3rem var(--area-padding);}
	.academic-top-box{padding-bottom:1rem; margin-bottom:1.5rem;}
	.academic-top-box h1{width:calc(100% - 2rem); font-size:2rem;}
	.academic-top-box .modal-close-btn{width:2rem; font-size:2.4rem; color:#888;}
	.academic-info-box dl{font-size:1.6rem;}
	.academic-info-box dl dt{width:7rem; padding-left:2rem;}
	.academic-info-box dl dt i{top:0.8rem;}
	.academic-info-box dl dd{width:calc(100% - 7rem);}
}

/* ****************** 營養午餐 :: 급식안내 ********************** */
@media all and (max-width:800px){
	/* 급식안내 상단 */
	.meal-con-wrap{display: block; margin-bottom:8rem;}
	.meal-con-wrap .left-box{width:100%;}
	.meal-con-wrap .left-box .inner-box{padding:3.5rem var(--area-padding); margin-bottom:1rem;}
	.meal-con-wrap .left-box .inner-box:last-child{margin-bottom:1rem;}

	.meal-con-wrap .right-box{width:100%;}

	.meal-page .cm-bg-icon.icon01{width:15rem; top:-7rem; right:0;}
	.meal-page .cm-bg-icon.icon02{width:8rem; top:-20rem; left:0rem;}
	
	.meal-txt .menu-item{font-size:1.2rem;}
	.meal-popup-btn{width:2rem; height:2rem; top:-3rem; right:0rem;}
	.meal-popup-btn:before{font-size:1.2rem;}
	
	/* 팝업 */
	.meal-modal-content .modal-close-btn{top:-4rem; font-size:3rem;}
	.meal-modal-content .meal-info-box{padding:3rem var(--area-padding);}
	.meal-modal-content .meal-info-box .left-box{width:calc(50% - 1rem); max-width:none;}
	.meal-modal-content .meal-info-box .right-box{width:calc(50% - 1rem);}
	.meal-modal-content .meal-info-box .right-box .date{font-size:2rem; padding-bottom:1.5rem; margin-bottom:2rem;}
	.meal-modal-content .meal-info-box .right-box .txt{font-size:1.6rem;}
	.meal-modal-content .meal-info-box .right-box .txt span{padding-right:0.3rem;}
	.meal-modal-content .meal-info-box .right-box .bg-txt{font-size:3rem;}
	
}
@media all and (max-width:480px){
	/* 팝업 */
	.meal-modal-content .meal-info-box{display: block;}
	.meal-modal-content .meal-info-box .left-box{width:100%;}
	.meal-modal-content .meal-info-box .right-box{width:100%; margin-top:2rem; padding-bottom:3rem;}
	.meal-modal-content .meal-info-box .right-box .bg-txt{text-align:center;}
}

/* ****************** 主要課程 :: 교복·체육복 안내 ********************** */
@media all and (max-width:800px){
	.uniform-con{display: block; padding:5rem 0;}
	.uniform-con + .cm-plus-txt{margin-top:2rem;}
	.uniform-con .uniform-item{margin:0 0 3rem;}
	.uniform-con .uniform-item:last-child{margin-bottom:0;}
	.uniform-con .uniform-item .img-box{justify-content: center;}
	.uniform-con .uniform-item .img-box span{display: block; margin:2rem 1rem; text-align:center; max-width:20rem;}
	.uniform-con .uniform-item .img-box.full span{max-width: 40rem;}
	.uniform-con .uniform-item .txt{width:16rem; height:4rem; font-size:1.8rem; margin:3rem auto 0;}

	.cm-plus-txt{font-size:1.6rem;}
	
	.uniform-purchase-con {padding-top: 10rem;}
	.uniform-purchase-con h5 {font-size: 3.2rem;}
	.uniform-purchase-con .method-box {padding: 3rem;}
	.uniform-purchase-con .method-box dl {display: block;}
	.uniform-purchase-con .method-box dl dt {width: 100%; margin-bottom: 0.5rem;}
	.uniform-purchase-con .method-box dl dd {width: 100%;}
}

/* ****************** 冬季體育 :: 통학버스 노선 ********************** */
@media all and (min-width:801px){
	.busroute-item{display: block !important;}
}
@media all and (max-width:800px){
	.busroute-item{margin-bottom:2rem;}
	
	.route-tit-m{position: relative; display: block; width:100%; padding:2.8rem 2.5rem; box-sizing:border-box; font-size:2rem; letter-spacing:-0.05em; color:#000;}
	.route-tit-m:before{position: absolute; content: '\e942'; font-family: 'xeicon'; font-size: 2.6rem; color: rgba(0, 0, 0, 0.4); top: 50%; right: 2.5rem; transform: translateY(-50%); transition:var(--transition-custom);}
	.route-tit-m.on:before{transform: translateY(-50%) rotate(180deg);}
	
	.inner-m{display: none}

	.route-schematic{flex-direction: column; align-items: flex-start; height: auto; padding: 3rem 2.5rem;}
	.route-schematic .circle{width:100%; height:auto; padding:1.5rem; border-radius:5rem;}
	.route-schematic .circle.start{border-width:0.4rem;}
	.route-schematic .circle.end{flex-direction: row;}
	.route-schematic .circle.end i{margin-right:1rem;}
	.route-schematic .circle .txt{font-size:1.8rem;}
	
	.schematic-list{flex-direction: column; height:auto; padding:2rem 0; width:100%;}
	.schematic-list:before{width: 3px; height: 100%; left:calc(50% - 1px);}
	.schematic-list .schematic-item{display: flex; margin:1rem 0;}
	.schematic-list .schematic-item .dot{position: absolute; top:5px; left: 50%; transform: translateX(-50%); width:1rem; height:1rem; border-width:0.2rem;}
	.schematic-list .schematic-item .txt{position: relative; inset:auto !important; transform:translateY(0); width:50%; box-sizing:border-box; text-align:left; font-size:1.6rem; font-weight: 500; word-break: break-word;}
	.schematic-list .schematic-item .txt br{display: none;}
	.schematic-list .schematic-item:nth-child(odd) .txt{margin-right:50%; padding-right:1.5rem; text-align:right;}
	.schematic-list .schematic-item:nth-child(even) .txt{margin-left:50%; padding-left:1.5rem; text-align:left;}

	.route-list{padding:2rem var(--area-padding);}
	.route-list .route-item{font-size:1.4rem; padding-left:2rem;}
	.route-list .route-item:before{left:0.3rem;}
	.route-list .break{display: none;}

	.busroute-info{display: block; padding:4rem 0 2rem;}
	.busroute-info .inner-box{display: block; padding:0;}
	.busroute-info .info-item{margin-right:0; margin-bottom:2rem;}
	.busroute-info .info-item dt{padding-left:3rem; font-size:1.6rem; margin-right:2.5rem;}
	.busroute-info .info-item dt:before{font-size:1.8rem; top:-1px}
	.busroute-info .info-item dt:after{top:1px;}
	.busroute-info .info-item dd{font-size:1.6rem;}

}

/* ****************** 在线咨询 :: 온라인 문의 ********************** */
@media all and (max-width:800px){
	.inquiry-info-con{padding-top:2rem; margin-top:1.5rem; max-width:none;}
	.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.6rem;}
	.inquiry-info-con .inquiry-info dt{width:10rem;}
	.inquiry-info-con .inquiry-info dd{width:calc(100% - 10rem);}
}

/* ****************** 부설 유치원 :: 유치원 소개 ********************** */
@media all and (max-width:1280px){
	.kindergarten-about-01:before { right: -10.3rem;}
	.kindergarten-about-01:after {left: var(--area-padding);}
	.kindergarten-program-list li {width: calc(50% - 3rem);}
	.kindergarten-program-list li .inner {padding: 4rem 21rem 4rem 3.5rem;}
}
@media all and (max-width:800px){
	.kindergarten-about-01 {padding: 0rem 0 8rem;}
	.kindergarten-about-01 .txt01 {font-size: 2.8rem;}
	.kindergarten-about-01 .img-box {height: 34rem; background-attachment: unset; border-radius:2rem;}
	.kindergarten-about-01 .txt02 {font-size: 2.2rem; padding-top: 5rem;}
	.kindergarten-about-01 .txt03 {padding-top: 3rem;}
	
	.kindergarten-about-02 {padding: 10rem 0;}
	.kindergarten-tit-box {margin-bottom: 5rem;}
	.kindergarten-tit-box .tit {font-size: 4rem; margin-top: 2rem;}
	.kindergarten-program-list {margin: -1.5rem 0;}
	.kindergarten-program-list li {width: 100%; margin: 1rem 0; min-height:auto;}
	.kindergarten-program-list li .inner {padding: 4rem 3rem;}
	.kindergarten-program-list li .inner .en-tit {margin-bottom: 3.5rem;}
	.kindergarten-program-list li .inner dl dt {font-size: 2.2rem;}
	.kindergarten-program-list li .inner dl dd strong {font-size: 2.6rem;}
	.kindergarten-program-list li .inner .icon{top:2.4rem; right:2.4rem; bottom:auto; width:6rem;}
	.kindergarten-program-list li .inner .icon img{width:100%; height:100%;}

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

/* ****************** 부설 유치원 :: 유치원 공지 ********************** */
@media all and (max-width:800px){
	.kindergarten-news-page .main-media-list .list-item a {padding: 2rem 0;}
	.kindergarten-news-page .main-media-list .list-item .tit-box {padding: 0 0 0 2rem;}
}

/* ****************** 부설 유치원 :: 일과표 ********************** */
@media all and (max-width:800px){
	.kindergarten-schedule-tbl th {font-size: 2.4rem;}
	.kindergarten-schedule-tbl td {font-size: 2rem; height: 7rem;}
	.kindergarten-schedule-tbl td span {font-size: 1.6rem;}

	.kindergarten-schedule-tbl th {height: 7rem;}

	.kindergarten-schedule-con{padding-top: 0;}
}

/* ****************** 방과후 프로그램 ********************** */
@media all and (min-width: 801px) {
	.club-guide-table-wrap .cm-table th p {font-size: 1.6rem;}	
}
@media all and (max-width:1360px){
	.club-apply-con{padding: 0 var(--area-padding); box-sizing: border-box;}
}
@media all and (max-width:1260px){
	.club-apply-con{padding-bottom: 15rem !important;}
}
@media all and (max-width: 800px) {
	.club-guide-con {margin-bottom: 10rem;}
	.club-timetable-wrap {padding: 5rem var(--area-padding) 4.5rem; margin-bottom: 6rem; border-radius: 2.5rem;}
	.club-timetable-wrap .tit-box {margin-bottom: 3.5rem;}
	.club-timetable-wrap .tit-box .timetable-wrap-st {gap: 0 0.8rem; margin-bottom: 1rem; font-size: 1.8rem; line-height: 1.4;}
	.club-timetable-wrap .tit-box .timetable-wrap-st span {padding-bottom: 0.3rem;}
	.club-timetable-wrap .tit-box .timetable-wrap-tit {font-size: 3rem; line-height: 1.4;}

	.timetable-des-list {grid-template-columns: repeat(1, 1fr); grid-gap: 2rem; padding: 2rem var(--area-padding); border-radius: 2rem;}
	.timetable-des-list .des-list-item {top: 0 !important; display: flex; font-size: 1.6rem; line-height: 1.4;}
	.timetable-des-list .des-list-item i {margin-right: 1.5rem; 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: 1rem 0.5rem; font-size:1.3rem;}

	.registration-page .ps-txt {margin-top: 2rem; font-size: 1.6rem; line-height: 2;}
	.registration-page .ps-txt span {margin-right: 0.3rem;}

	.club-schedule-con {padding: 8rem 0 10rem;}
	.table-accordion-item + .table-accordion-item {margin-top: 1rem;}
	.table-accordion-item .table-accordion-tit {min-height: 10.5rem; border-radius: 1rem; padding: 0 var(--area-padding); font-size: 2.6rem; line-height: 1.4;}
	.table-accordion-item .table-accordion-tit + .custom-scrollbar-wrapper {margin-top: 3rem;}
	.table-accordion-item .table-accordion-tit span {margin-left: 0.5rem; font-size: 2.2rem;}
	.table-accordion-item .table-accordion-tit .arrow-box {width: 4rem; height: 4rem;}
	.table-accordion-item .table-accordion-tit .arrow-box i {font-size: 1.6rem;}

	.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 + p {margin-top: 1rem;}
	.club-schedule-con .cm-table td p span {margin-right: 1.2rem;}
	
	.table-accordion-close-btn{margin: 3rem auto 4rem; width: 14rem; height: 5rem; font-size: 1.8rem;}

	.club-schedule-download-btn{margin-top: 6rem;}
	.club-schedule-download-btn a{padding: 2.9rem 6.6rem 2.9rem 3.4rem; width: 100%; min-width: 34rem; border-radius: 1rem;}
	.club-schedule-download-btn a .txt01{font-size: 2.2rem; line-height: 1.3;}
	.club-schedule-download-btn a .txt02{margin-top: 1.5rem; font-size: 1.5rem; line-height: 1.3;}
	.club-schedule-download-btn a i{right: 3.4rem; font-size: 3.2rem;}

	.club-apply-con{padding-top: 8rem !important; padding-bottom: 10rem !important;}
	.club-apply-btn-list{margin-top: 6rem;}
	.club-apply-btn-list ul{margin: -0.5rem;}
	.club-apply-btn-list ul li{margin: 0.5rem; width: calc(50% - 1rem); max-width: none;}
	/* .club-apply-btn-list ul li a{padding: 3.6rem 6rem 4.5rem var(--area-padding); border-radius: 0.8rem;}
	.club-apply-btn-list ul li a .date{font-size: 1.6rem; line-height: 1.3;}
	.club-apply-btn-list ul li a .tit{margin-top: 2rem; font-size: 2.6rem; line-height: 1.3;}
	.club-apply-btn-list ul li a .tit span{margin-left: 2rem; font-size: 1.8rem; line-height: 1.3;}
	.club-apply-btn-list ul li a .icon{right: var(--area-padding); font-size: 2.4rem;} */
}
@media all and (max-width: 480px) {
	.club-apply-btn-list ul li{width: calc(100% - 1rem); }
}


/* ****************** 평생교육원 ********************** */

@media all and (max-width:1260px){
	.edu-news-page .bbs-basic-gallery-con15 .gallery-img-thumb {margin-bottom: 2.5rem;}
}

@media all and (max-width: 800px) {
.edu-news-page .bbs-basic-gallery-con15 .gallery-img-thumb {margin-bottom: 2rem;}

}