@charset "utf-8";

#container {position: relative; width: 100%; font-family: 'pretendard';}
#container * {box-sizing: border-box;}

.container {max-width: 1440px; padding: 0 20px; margin: 0 auto; box-sizing: border-box;}

.MC_wrap1 {display: flex; justify-content: space-between; padding: 30px 0 50px;}

.MC_wrap1 .con_wrap {width: 47.85%;}

.MC_box1 {position: relative; width: 47.85%;}
.MC_box3 {margin-top: 30px;}
.MC_box5 {margin-top: 50px; margin-bottom: 40px;}


/* 메인비주얼 */
.M_visual,
div[class*='slick-'],
.item{ height: 100%; z-index: 1; }

.M_visual{position: relative;}
.M_visual .slider-wrap {width: 100%; height: 100%; font-size: 0; line-height: 0;}
.M_visual .slider-wrap * {height: 100%; line-height: inherit;}
.M_visual .slick-slider {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    background-color: #f5f5f5;
    overflow: hidden;
    mask-image:
  conic-gradient(from 90deg at calc(100% - 35px) calc(100% - 35px), #0000 25%, #000 0),
  conic-gradient(from 95deg at calc(100% - 35px) calc(100% - 35px), #0000 25%, #000 0),
  radial-gradient(35px at 100% 100%, #0000 99%, #000 101%),
  radial-gradient(#000 69.71%, #0000 71.71%),
  radial-gradient(#000 69.71%, #0000 71.71%);
  -webkit-mask-position-x: 100%, calc(100% - 240px), calc(100% - 205px), 100%, calc(100% - 240px);
  -webkit-mask-position-y: calc(70px * -1), 0, calc(35px - 70px), calc(100% - 70px), 100%;
    mask-size:
        auto,
        auto,
        auto,
        calc(35px * 2) calc(35px * 2),
        calc(35px * 2) calc(35px * 2);
    mask-repeat: no-repeat;
}
.M_visual .slick-slide div:has(> img) {display: inline-flex !important; justify-content: center; align-items: center;}
.M_visual .slick-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
/* .M_visual .item{display: inline-flex !important; position: relative;} */

.control{position: absolute; bottom: 18px; right: 0; display: flex; align-items: center; gap: 6px; z-index: 2; }
.control .page {display: inline-flex; align-items: center; font-size: 16px; color: rgba(18, 18, 18, 0.6); font-weight: 500; margin-right: 8px;}
.control .page strong {color: #121212; font-weight: 600;}
.control a {display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #EAEAEA; font-size: 27px; color: #666;}
.control .play,
.control .stop{background: #383838; color: #fff; font-size: 25px;}
.control .play{display: none;}

.pro-bar{position: relative; width: 40px; height: 6px; border-radius: 3px; background: #ccc; margin: 0 5px; overflow: hidden; }
.pro-bar::before{content: ""; display: block; position: absolute; height: 100%; width: 0; left: 0; background: #253369;}
.pro-ani::before{ animation: proBar 4s 1; width:100%; }

@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}
/* .slider-box:hover .pro-bar{ animation-play-state: paused; } */

/* 게시판 */
.M_notice { position:relative; height:100%; letter-spacing: -1px; }
.M_notice h2.heading {font-size: 34px; color: #000; font-weight: 700;}
.M_notice .tit_wrap {display: flex; align-items: center; gap: 30px; height: 55px;}
.M_notice .titTab {position:relative; margin-right: 2.5rem; }  
.M_notice .titTab ul {display: flex; align-items: center; flex-wrap: wrap; gap: 5px 40px;}
.M_notice .titTab li {position:relative;}
.M_notice .titTab li ~ li::before {content: ''; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background: #D9D9D9;}
.M_notice .titTab li a { display:block; color:#111; font-size: 24px; line-height: 24px;}
.M_notice .titTab li a span{position: relative; display:block; overflow:hidden; white-space:nowrap; }
.M_notice .tabWrap { position: relative; margin-top: 10px; }
/* .M_notice .tabWrap::before { position: absolute; top: -1.25rem; left: -12.5rem; background: url('/00_common/images/template/T0001/main/bg_wrap02_01.png') no-repeat center / contain; width: 12.5rem; height: 8.3rem; content: ""; } */
.M_notice .list_box { display:none; width:100%; }
.M_notice .list_box ul { }
.M_notice .list_box li { border-bottom: 1px dashed #ccc; }
.M_notice .list_box li.no_data { text-align:center; line-height: 264px; font-size: 18px; }
.M_notice .list_box li:nth-of-type(n+6){display: none; }
.M_notice .list_box li a { position:relative; display:flex; align-items: center; line-height: 52px; gap: 8px;}
.M_notice .list_box li a:before {order: 1; content:""; display:inline-block; width: 5px; height: 5px; border-radius:50%; background:#222}
.M_notice .list_box li a:after {order: 2; width: 54px; line-height: 24px; border-radius: 4px; font-size: 16px; color: #fff; font-weight: 600; text-align: center; }
.M_notice .list_box li a p {order: 3; flex: 1; font-size: 18px; color: #333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.M_notice .list_box li a span {order: 4; margin-left: 10px; font-size: 16px; color: #999;}
.M_notice .btn_more { position: absolute; right: 0; top: -60px; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background: #383838; font-size: 23px; color: #fff; z-index: 2; }
/* 게시판 : new */
.M_notice .list_box ul li a.noti:after {content: "공지"; background: #D71D39; opacity: 1; }
.M_notice .list_box ul li a.new:after {content: "New"; background: #0077B3; opacity: 1; }
/* 게시판 : active */
.M_notice .list_box.on{display: block; }
.M_notice .titTab li a:hover,
.M_notice .titTab li a:focus,
.M_notice .titTab li a.current { font-weight: 700; }
.M_notice .titTab li a,
.M_notice .list_box li a p,
.M_notice .btn_more { transition: all 0.15s; }
.M_notice .list_box li a:hover p,
.M_notice .list_box li a:focus p { text-decoration: underline; }
.M_notice .btn_more:hover,
.M_notice .btn_more:focus { transform: rotate(180deg); }

/* 바로가기 */
.M_link { position: relative; font-size: 0; }
.M_link ul{ display: flex; width: 100%; gap: 20px;}
.M_link li { flex: 1; }
.M_link li a { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px; color: #222; width: 100%; height: 160px; border-radius: 25px; border: 2px solid transparent; background: #F2F3F8;}
.M_link li a .img { display: flex; justify-content: center; align-items: center;}
.M_link li a .img img { }
.M_link li a .txt em { position: relative; display: block; padding: 0 10px; z-index: 1; overflow: hidden; font-style: normal; text-align: center; font-weight:500; font-size: 18px; color: #111; margin-top: 20px; letter-spacing: -1px;}
/* 바로가기 active */
.M_link li a,
.M_link li a .img,
.M_link li a .txt em::before { transition: all 0.15s; }
.M_link li a:hover,
.M_link li a:focus { border-color: #2B4FAA; background: #fff; }

/* 운영안내 */
.M_info {width: 100%; height: 200px; border-radius: 30px; background: #3B339D url(/images/sch/web/help/main/info_img.png) no-repeat left 32% bottom; padding: 30px 0 0 52%; color: #fff; box-sizing: border-box;}
.M_info h2.heading {font-size: 24px; font-weight: 500; margin-bottom: 15px; word-break: keep-all;}
.M_info li {display: flex; align-items: center; gap: 5px 14px; font-size: 18px;}
.M_info li ~ li {margin-top: 10px;}
.M_info li strong {width: 96px; line-height: 34px; text-align: center; background: rgba(238, 235, 255, 0.15); border-radius: 17px; font-size: 16px; font-weight: 400;}
.M_info li p {flex: 1; display: flex; align-items: center; flex-wrap: wrap; gap: 5px 10px;}

/* 학교현황 */
.MC_school {position: relative;}
.MC_school h2.heading {position: absolute; top:0; left:0; display: flex; align-items: center; justify-content: center; gap: 20px; width: 125px; height: 54px; border-radius: 27px; background: #0E5379; font-size: 20px; color: #fff; font-weight: 500; z-index: 2;}
.MC_school h2.heading .btn_more {color: #fff; transition: all 0.15s;}
.MC_school h2.heading .btn_more:hover,
.MC_school h2.heading .btn_more:focus {transform: rotate(180deg);}
.MC_school .map_wrap {
	display: flex; justify-content: space-between; padding: 40px 50px;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	border-bottom-left-radius: 40px;
	background-color: rgba(15,110,151,0.1);
	overflow: hidden;
	mask-image: conic-gradient(from 270deg at 35px calc(100% - 35px), #0000 25%, #000 0),
	conic-gradient(from 225deg at 35px 0, #0000 25%, #000 0),
	radial-gradient(35px at 0 0, #0000 99%, #000 101%), 
	radial-gradient(#000 69.71%, #0000 71.71%),
	radial-gradient(#000 69.71%, #0000 71.71%);
	-webkit-mask-position-x: 145px, 0, 110px, 0, 145px; /* 각 마스크 별 위치 */
	-webkit-mask-position-y: 0, 70px, calc(70px - 35px), 70px, 0;
	mask-size:
			auto,
			auto,
			auto,
			calc(35px * 2) calc(35px * 2), /* 라운드 크기 */
			calc(35px * 2) calc(35px * 2); /* 라운드 크기 */
	mask-repeat: no-repeat;
}
.MC_school .map_area {width: 52.3%; padding: 10px 0 0 0; text-align: center;}
.MC_school .map_area img {width: 95%; max-width: 575px;}
.MC_school .list_area {position: relative; width: 47.7%;}
.MC_school .list_inner {padding: 30px 40px; border-radius: 30px; background: #fff;}
.MC_school .map_srch h3 {font-size: 26px; font-weight: 700; letter-spacing: -1px; word-break: keep-all;}
.MC_school .map_srch h3 i {font-weight: 400; font-size: 29px;}
.MC_school .map_srch div {display: flex; flex-wrap: wrap; align-items: center; gap: 10px;}
.MC_school .map_srch .tit_wrap {justify-content: space-between; color: #333; margin-bottom: 15px;}
.MC_school .map_srch .tit_wrap .date {font-size: 18px;}
.MC_school .map_srch div.input_box {position: relative;}
.MC_school .map_srch div.input_box::before {content:'\F0D1'; position: absolute; top: 50%; transform: translateY(-50%); left: 20px; font-size: 18px; color: #666; font-family: 'remixicon';}
.MC_school .map_srch div ~ div {margin-top: 12px;}
.MC_school .map_srch div select,
.MC_school .map_srch div input {height: 48px; border-radius: 24px; padding-left: 20px; border: 1px solid #D9D9D9; color: #666;}
.MC_school .map_srch div select {flex: 1; padding-right: 50px; -webkit-appearance: none; -moz-appearance: none; appearance: none;  background: #F4F4F4 url('/images/sch/web/help/main/srch_icon.png') no-repeat right 20px center; font-size: 16px; font-weight: 500;}
.MC_school .map_srch div select:focus {background-color: #fff; background-image: url('/images/sch/web/help/main/srch_icon2.png'); color: #111;}
.MC_school .map_srch div input {flex: 1; padding-left: 44px; font-size: 15px;}
.MC_school .map_srch div button {display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%; background: #383838; border: 2px solid transparent; color: #fff; font-size: 20px; transition: all 0.15s;}
.MC_school .hp_list_wrap {margin-top: 30px;}
.MC_school .hp_list_wrap {margin-top: 22px;}
.MC_school .hp_list_wrap .tit {font-size: 17px; font-weight: 600; color: #000; margin-bottom: 13px;}
.MC_school .hp_list_wrap .tit i {font-size: 18px;}
.MC_school .hp_list > .titTab ul {display: flex; gap: 7px; justify-content: space-between;}
.MC_school .hp_list > .titTab li {font-size: 18px; font-weight: 400; width: calc(50% - 0.35px); }
.MC_school .hp_list > .titTab li + li::before {display: none;}
.MC_school .hp_list > .titTab li a {display: flex; justify-content: center; line-height: 49px; border-radius: 0.5rem; background: #E7F1F5; color: #000;}
.MC_school .hp_list > .titTab li a::before {display: none;}
.MC_school .hp_list > .titTab li a strong {font-weight: 700;}
.MC_school .list_box {display: none;}
.MC_school .list_box > .titTab {margin-top: 10px; border-radius: 10px; background: #F4F4F4; padding: 16px 20px;}
.MC_school .list_box > .titTab ul {display: flex; flex-wrap: wrap; align-items: center; gap: 20px 10px;}
.MC_school .list_box > .titTab li {font-weight: 400; width: calc(33.3% - calc((10px * 2) / 3)); }
.MC_school .list_box > .titTab li + li::before {display: none;}
.MC_school .list_box > .titTab li a {position: relative; display: flex; align-items: center; gap: 3px; font-size: 16px; color: #666; letter-spacing: -1px;}
.MC_school .list_box > .titTab li a::before {display: block; content: "\EB80"; font-family: 'remixicon'; font-weight: 400; transition: all 0.15s;}
.MC_school .list_box > .titTab li a strong {font-weight: 400;}
.MC_school .list_box .list_box {display: none; margin-top: 20px;}
.MC_school .list_box .list_box ul {height: 141px; overflow-y: auto; padding-right: 15px;}
.MC_school #org .list_box ul {height: 238px;}
.MC_school .list_box .list_box li ~ li {border-top: 1px dashed #999;}
.MC_school .list_box .list_box a {display: block; padding: 9px 0 10px;}
.MC_school .list_box .list_box li:first-child a {padding-top: 0;}
.MC_school .list_box .list_box a .sch_name {display: flex; align-items: center; justify-content: space-between;}
.MC_school .list_box .list_box a .sch_name .name {display: inline-block; font-size: 18px; font-weight: 700; color: #000;}
.MC_school .list_box .list_box a .sch_name .view {display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #F4F4F4; font-size: 18px; color: #333; transition: all 0.2s;}
.MC_school .list_box .list_box a .sch_add {margin-top: 5px; font-size: 15px; color: #555;}
.MC_school .list_box .list_box a .sch_add i {font-size: 18px; color: #9FA0A8; vertical-align: middle;}
/* 학교현황 - active */
.MC_school .map_srch div button:hover,
.MC_school .map_srch div button:focus {border-color: #383838; background: #fff; color: #383838;}
.MC_school .hp_list > .titTab li a:hover,
.MC_school .hp_list > .titTab li a:focus,
.MC_school .hp_list > .titTab li a.current {background: #0E5379; color: #fff; font-weight: 400;}
.MC_school .tit_wrap p .all_down:hover,
.MC_school .tit_wrap p .all_down:focus {background: #FEE94C;}
.MC_school .list_box.on {display: block;}
.MC_school .list_box > .titTab li a:hover,
.MC_school .list_box > .titTab li a:focus,
.MC_school .list_box > .titTab li a.current {color: #0E5379; font-weight: 400;}
.MC_school .list_box > .titTab li a:focus strong,
.MC_school .list_box > .titTab li a.current strong {font-weight: 700;}
.MC_school .list_box .list_box.on {display: block;}
.MC_school .list_box .list_box a:hover .sch_name .view,
.MC_school .list_box .list_box a:focus .sch_name .view {background: #0E5379; color: #fff;}

/* 반응형 */
@media (max-width: 1440px) {
	.MC_wrap1 .con_wrap {width: 48.5%;}

	.MC_box1 {width: 48.5%;}

	/* 바로가기 */
	.M_link ul{ gap: 15px;}

  /* 학교현황 */
	.MC_school .map_area {width: 46.5%; padding: 40px 0 0 0;}
	.MC_school .list_area {width: 52%;}

}

@media (max-width: 1340px) {
	/* 운영안내 */
	.M_info {background-position: left 18% bottom; padding: 30px 0 0 45%;}
}

@media (max-width: 1240px) {
  /* 게시판 */
	.M_notice h2.heading {font-size: 30px;}
	.M_notice .tit_wrap {gap: 20px}
	.M_notice .titTab ul {gap: 5px 20px}
	.M_notice .titTab li ~ li::before {left: -10px; height: 15px;}
	.M_notice .titTab li a {font-size: 21px;}
	.M_notice .list_box li a p {font-size: 17px;}
	.M_notice .list_box li.no_data {line-height: 229px}

  /* 바로가기 */
	.M_link li {padding: 0;}
	.M_link li a {height: 135px;}
	.M_link li a .img img {max-width: 80%;}
	.M_link li a .txt em {font-size: 16px;}

	/* 운영안내 */
	.M_info {background-position: left 13% bottom;}

	/* 학교현황 */
	.MC_school .map_area {padding: 50px 0 0 0;}
	.MC_school .map_wrap {padding: 30px 30px;}
	.MC_school .list_inner {padding: 30px;}
	.MC_school .map_srch h3 {font-size: 21px; margin-right: 5px;}
}

@media screen and (max-width: 1024px) {
	.MC_wrap1 {flex-direction: column; padding: 30px 0;}

	.MC_wrap1 .con_wrap {width: 100%; margin-top: 25px;}

	.MC_box1 {width: 100%; height: 500px;}
	.MC_box5 {margin-top: 30px; margin-bottom: 30px;}

	/* 메인비주얼 */
	.M_visual .slick-slide img {object-position: center -50px;}

	.M_link li a {height: auto; padding: 17px 0;}

	/* 공지사항 */
	.M_notice .tit_wrap {height: auto;}
	.M_notice .list_box li a {height: 45px;}
	.M_notice .list_box li a:after {font-size: 15px;}
	.M_notice .btn_more {top: -49px; width: 40px; height: 40px; font-size: 20px;}

	/* 운영안내 */
	.M_info {height: auto; background-size: 27%; background-position: left 5% bottom; padding: 25px 0 30px 33%;}
	.M_info h2.heading {font-size: 22px;}
	.M_info li {font-size: 17px;}
	.M_info li strong {width: 90px; line-height: 30px;}

  /* 학교현황 */
	.MC_school .map_wrap {flex-direction: column; }
	.MC_school .map_area {width: 100%; padding: 0 0 0 70px; text-align: center;}
	.MC_school .map_area img {max-width: 470px;}
	.MC_school .tit_wrap {flex-direction: row;}
	.MC_school .list_area {width: 100%; padding-top: 1.25rem;}
	.MC_school .list_area::before {left: -1rem; right: -1rem; border-radius: 0 0 0 1.5rem;}
	.MC_school .list_inner {margin-top: 1rem;}
	.MC_school .hp_list_wrap {margin-top: 15px;}
}

@media (max-width: 960px) {	
}

@media (max-width: 860px) {
	.MC_box1 {height: 450px;}
}

@media screen and (max-width: 768px) {
	.MC_box1 {height: 400px;}

	/* 운영안내 */
	.M_info {background-image: none; padding: 15px 30px 25px;}
	.M_info h2.heading {font-size: 22px;}
	.M_info li {font-size: 17px;}
	.M_info li strong {width: 90px; line-height: 30px;}

	/* 누리집 현황 */
	.MC_school .list_inner {height: 537px;}
	.MC_school .list_box > .titTab ul {gap: 0.5rem;}
	.MC_school .hp_list > .titTab li {font-size: 0.85rem;}
	.MC_school .hp_list > .titTab li a {line-height: 2.25rem;}
	.MC_school .list_box .list_box a .sch_name .name {font-size: 17px;}
}

@media screen and (max-width: 680px) {
	.MC_box1 {height: 350px;}
}

@media screen and (max-width: 580px) {
	/* 메인비주얼 */
	.M_visual .slick-slider {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    mask-image:
		conic-gradient(from 90deg at calc(100% - 25px) calc(100% - 25px), #0000 25%, #000 0),
		conic-gradient(from 95deg at calc(100% - 25px) calc(100% - 25px), #0000 25%, #000 0),
		radial-gradient(25px at 100% 100%, #0000 99%, #000 101%),
		radial-gradient(#000 69.71%, #0000 71.71%),
		radial-gradient(#000 69.71%, #0000 71.71%);
		-webkit-mask-position-x: 100%, calc(100% - 195px), calc(100% - 170px), 100%, calc(100% - 195px);
		-webkit-mask-position-y: calc(50px * -1), 0, calc(25px - 50px), calc(100% - 50px), 100%;
			mask-size:
					auto,
					auto,
					auto,
					calc(25px * 2) calc(25px * 2),
					calc(25px * 2) calc(25px * 2);
	}
	.M_visual .slick-slide img {object-position: center;}
	.control {bottom: 5px; gap: 5px;}
	.control .page {font-size: 15px; margin-right: 6px;}
	.control a {width: 30px; height: 30px; font-size: 24px;}
	.pro-bar {width: 20px;}

	/* 공지사항 */
	.M_notice h2.heading {display: none;}
	.M_notice .titTab li a {font-size: 19px;}
	.M_notice .list_box li a {height: 40px;}
	.M_notice .list_box li a p {font-size: 16px;}
	.M_notice .list_box li a span {font-size: 15px;}
	.M_notice .list_box li a:after {font-size: 14px; width: 43px; line-height: 22px; font-weight: 500;}
	.M_notice .list_box li.no_data {line-height: 204px}
	.M_notice .btn_more {top: -43px; width: 35px; height: 35px; font-size: 18px;}

	/* 바로가기 */
	.M_link ul {flex-wrap: wrap; gap: 14px;}
	.M_link li { flex: none; width: calc(50% - 7px);}
	.M_link li a { border-radius: 15px; padding: 15px 0;}
	.M_link li a .img img { max-width: 70%;}
	.M_link li a .txt em { margin-top: 15px;}

	/* 운영안내 */
	.M_info {padding: 15px 20px 20px; border-radius: 20px;}
	.M_info h2.heading {font-size: 20px; margin-bottom: 12px;}
	.M_info li {font-size: 16px;}
	.M_info li strong {width: 85px; font-size: 15px;}

  /* 학교현황 */
	.MC_school h2.heading {gap: 20px; width: 125px; height: 40px; font-size: 18px;}
	.MC_school .map_wrap {
		padding: 50px 20px 20px;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		border-bottom-right-radius: 25px;
		border-bottom-left-radius: 25px;
		mask-image: conic-gradient(from 270deg at 25px calc(100% - 25px), #0000 25%, #000 0),
		conic-gradient(from 225deg at 25px 0, #0000 25%, #000 0),
		radial-gradient(25px at 0 0, #0000 99%, #000 101%), 
		radial-gradient(#000 69.71%, #0000 71.71%),
		radial-gradient(#000 69.71%, #0000 71.71%);
		-webkit-mask-position-x: 145px, 0, 120px, 0, 145px; /* 각 마스크 별 위치 */
		-webkit-mask-position-y: 0, 50px, calc(50px - 25px), 50px, 0;
		mask-size:
				auto,
				auto,
				auto,
				calc(25px * 2) calc(25px * 2), /* 라운드 크기 */
				calc(25px * 2) calc(25px * 2); /* 라운드 크기 */
	}
	.MC_school .map_area {display: none;}
	.MC_school .list_area {padding-top: 0;}
	.MC_school .list_inner {padding: 20px; height: 510px;}
	.MC_school .map_srch div {gap: 8px;}
	.MC_school .map_srch h3 {font-size: 20px;}
	.MC_school .map_srch .tit_wrap {margin-bottom: 12px;}
	.MC_school .map_srch .tit_wrap .date {font-size: 16px;}
	.MC_school .map_srch h3 i {display: none;}
	.MC_school .map_srch div ~ div {margin-top: 8px;}
	.MC_school .map_srch div select,
	.MC_school .map_srch div input {height: 40px;}
	.MC_school .map_srch div select {padding-right: 40px; background-position: right 10px center;}
	.MC_school .map_srch div button {width: 40px; height: 40px; font-size: 18px;}
	.MC_school .hp_list_wrap .tit {font-size: 16px; margin-bottom: 10px;}
	.MC_school .hp_list_wrap .tit i {font-size: 17px;}
	.MC_school .list_box > .titTab {padding: 12px 15px;}
	.MC_school .list_box > .titTab li {width: calc(50% - 0.25rem)}
	.MC_school .list_box > .titTab li a {font-size: 14px;}
}

@media screen and (max-width: 480px) {
	.MC_box1 {height: 300px;}

  /* 학교현황 */
	.MC_school .map_srch h3 {width: 100%;}
	.MC_school .map_srch div select {flex: none; width: 100%;}
	.MC_school .map_srch div input {flex: none; width: calc(100% - 48px);}
	.MC_school .list_inner {height: 581px;}
}

@media screen and (max-width: 400px) {
	/* 학교현황 */
	.MC_school .map_srch div.input_box::before {display: none;}
	.MC_school .map_srch div select {padding-left: 15px;}
	.MC_school .map_srch div input {padding-left: 15px;}
	.MC_school .list_inner {height: 632px;}
	.MC_school .list_box > .titTab li {width: 100%;}
	.MC_school .list_box .list_box a .sch_name .view {width: 1.5rem; height: 1.5rem; font-size: 0.85rem;}
	.MC_school #org .list_box ul {height: 290px;}
}

@media screen and (max-width: 380px) {
	.MC_box1 {height: 250px;}
	
	/* 공지사항 */
	.M_notice .titTab ul {gap: 3px 15px;}
	.M_notice .titTab li ~ li::before {display: none;}
	.M_notice .list_box li a span {display: none;}

	/* 운영안내 */
	.M_info h2.heading {text-align: center;}
	.M_info li {flex-direction: column; align-items: start;}
	.M_info li strong {width: 100%;}
	.M_info li p {width: 100%; justify-content: center;}

	/* 학교현황 */
	.MC_school .hp_list > .titTab ul {flex-direction: column;}
	.MC_school .hp_list > .titTab li {width: 100%;}
	.MC_school .list_inner {height: 670px;}
}	

@media (max-width: 360px) {
	/* 학교현황 */
	.MC_school .list_inner {height: 695px;}
 }

@media (max-width: 340px) { 
	/* 학교현황 */
	.MC_school .list_inner {padding: 15px;}
	.MC_school .sch_condi_box dd li p::before {display: none;}
}