/* 공통 타이틀 */
[class*='M_'] > .header {display:flex; justify-content:space-between; align-items:center;}
h3.heading { font-size:1.5rem; color:#000; font-weight:300; white-space: nowrap; overflow: hidden;}
h3.heading strong {color:#000; font-weight:700;}


/* 공통 탭 */
.tab-wrap { position: relative; width: 100%; }
.tab-wrap .tab-menu {display: flex; flex-wrap: wrap; gap: 1.5rem; align-items: center;}
.tab-wrap .tab-menu li {max-width: calc(100% / 3); min-width:fit-content;}
.tab-wrap .tab-menu li a {position: relative; display: block; color: #9e9e9e; color:#444; font-size: 1rem; font-weight: 400; transition: all 0.2s;}
.tab-wrap .tab-menu li a span {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; min-width:0; max-width:10rem;}
.tab-wrap .tab-menu li a:after {content:''; position:absolute; width:4px; height:4px; background:#ccc; top:50%; right:-0.85rem; transform:translate(0%, -50%);}
.tab-wrap .tab-menu li:last-child a:after {display:none;}
.tab-wrap .tab-menu li a.current::before,
.tab-wrap .tab-menu li a:hover::before,
.tab-wrap .tab-menu li a:focus::before {content:''; width:100%; height:100%; position: absolute; border-bottom:2px solid #222; bottom:-0.25rem;}
.tab-wrap .tab-menu li a.current,
.tab-wrap .tab-menu li a:hover,
.tab-wrap .tab-menu li a:focus {font-weight: 700; color: #222;}
.tab-wrap .util_box {display:flex; justify-content:space-between; align-items:center; gap:2rem;}
.tab-wrap .util_box.has-add {margin-right:3rem;}
.tab-wrap .tab-contents { width: 100%; }
.tab-wrap .tab-panel { display: none; min-height:10rem; }
.tab-wrap .tab-panel.on { display: block; }
.tab-wrap .btn-add {position:absolute; top:0; right:0; display: flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border-radius: 50%; border: none; background: #444; cursor: pointer; transition: background 0.2s;}
.tab-wrap .btn-add:hover,
.tab-wrap .btn-add:focus { background: #1E5FBC; }
.tab-wrap .btn-add i { font-size: 1rem; color: #fff; transition:all 0.2s;}
.tab-wrap .btn-add:hover i,
.tab-wrap .btn-add:focus i {transform:rotate(180deg); color:#fff;}
.tab-wrap .btn-add:hover:before,
.tab-wrap .btn-add:focus:before {opacity:0.15; transform:scale(1.1);}
.tab-wrap .btn-add:before {content:"";position:absolute;inset:-.3rem;border-radius:50%;background:currentColor;opacity:.08; transition:all 0.2s; transform:scale(0.9); opacity:0;}


/* 더보기 버튼 */
.moreBtn { display: inline-flex; align-items: center; justify-content: center; background: #F5F5F5; border-radius: 1.5rem; height: 2.25rem; gap: 0.75rem; font-size: 0.9rem; font-weight: 500; width: 5.65rem; color: #000000; position: absolute; right: 0; top: 0; }
.moreBtn > i { transition: 0.2s; font-size: 0.9rem; }
.moreBtn > i,
.moreBtn > i::before { line-height: 1; }
.moreBtn:hover i,
.moreBtn:focus i { transform: rotate(180deg); }


/* 비주얼 */
.M_visual {position:relative; width:100%; height:22.5rem; border-radius:1.5rem 1.5rem 0 1.5rem; background:#0998D1/*#ddd*/; overflow:hidden;}
.M_visual .control {position:absolute; width:19rem; z-index:10; top:auto; bottom:0rem; right:-1px; height:100%; max-height:4rem; background:url('/images/web/goesw/main/control_bg.png') no-repeat 50% 50%; background-size:100%; display:flex; align-items:center; justify-content:space-between; gap:0.25rem; color:#000; padding:1.75rem 1rem 0 3rem;}
.M_visual .control p {font-size:1rem; font-weight:100; color:#444;}
.M_visual .control p strong {font-weight:700; position:relative; color:#3880e6;}
.M_visual .control p strong:after {content:''; position:absolute; width:1px; height:0.5rem; transform:translate(0, -50%) rotate(45deg); right:-0.125rem; top:50%; background:#fff;}
.M_visual .control .btn-box {display:flex; align-items:center; gap:0.25rem;}
.M_visual .control a {width:2rem; height:2rem; border:1px solid #ababab; color:#222; font-weight:700; font-size:2rem;}
.M_visual .control a > i {font-size:1rem;}
.M_visual .control a.stop {color:#3880e6; border-color:#3880e6; border-width:2px;}
.M_visual .control a.play {display:none; color:#3880e6; border-color:#3880e6; border-width:2px;}
.M_visual .slick-slider {display:flex; overflow:hidden; height:100%;}
.M_visual .slick-list {min-width:0;}
.M_visual .slick-track {display:flex;}
.M_visual .item {width:100%; height:100%; position:relative; overflow:hidden;}
.M_visual .item:focus,
.M_visual .item:hover {border:0; box-shadow:none;}
.M_visual .item {display:block; width:100%; height:100%; text-align:center;}
.M_visual .item img {margin:0 auto; max-width:100%;}
.M_visual .control .page {display:flex; align-items:center; gap:0.5rem; font-size:0.95rem; font-weight:400;}
.M_visual .control .page .bar {position:relative; display:block; height:3px; width:4rem; border-radius:1.5rem; background:#e4e4e4; overflow:hidden;}
.M_visual .control .page .bar .fill {position:absolute;left:0;top:0;height:100%;width:0%;background:#3a3a3a;transition:width 0.35s;}


/* 교육지원청의 새소식 */
.M_notice .notice-list {position:relative; display:flex; gap:1.5rem; flex-wrap:wrap; margin-top:1.5rem; height:100%;}
.M_notice .notice-list > li {/* flex:1 1 calc(33.333% - 1.5rem); */ min-width:0; position:relative; padding-bottom:1rem; flex: 1 1 calc((100% - 3rem) / 3); max-width: calc((100% - 3rem) / 3);}
.M_notice .notice-list > li:before {content:''; position:absolute; left:50%; transform:translate(-50%, 0); bottom:0rem; width:0%; background:#111; transition:all 0.2s;}
.M_notice .notice-list > li:after {content:''; position:absolute; left:50%; transform:translate(-50%, 0); bottom:0rem; width:100%; height:1px; background:#111; opacity:0.3; transition:all 0.2s;}
.M_notice .notice-item {position:relative; display:flex; flex-direction:column; background:#fff; transition:all 0.2s;}
.M_notice .notice-item:before {content:'\EA70'; position:absolute; right:0; bottom:-1rem; font-size:2.5rem; color:#000; opacity:0; font-weight:500; font-family:'remixicon'; transition:all 0.3s;}
.M_notice .notice-item .badge {padding:0.25rem 0.5rem; display: flex; width: fit-content; font-size:0.7rem; font-weight:600; background:rgba(30,95,188,0.07); color:#1e5fbc; border-radius:0.3rem; border:1px solid #1e5fbc;}
.M_notice .notice-item .title {position:relative; margin:1rem 0 1.5rem; font-size:0.9rem; color:#111; font-weight:400; transition:all 0.2s;display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; height:2.5rem; line-height: 1.4;}
.M_notice .notice-item .date {font-size:0.8rem; position:relative; padding-left:1rem; color:#444; font-weight:200;}
.M_notice .notice-item .date:before {content:'\F20F'; position:absolute; left:0; top:0; font-size:0.85rem; color:#999; font-weight:200; font-family:'remixicon';}
.M_notice .notice-item:hover .title,
.M_notice .notice-item:focus .title {font-weight:700;}
.M_notice .notice-item:hover:before,
.M_notice .notice-item:focus:before {opacity:0.15;}
.M_notice .notice-list > li:hover:before,
.M_notice .notice-list > li:focus:before {opacity:1; width:100%; height:2px;}
.M_notice .notice-item.new .title {padding-right:2rem;}
.M_notice .notice-item.new .title:before {content:'N'; position:relative; margin-right:0.25rem; top:-0.12rem; width:1.2rem; height:1.2rem; border-radius:50%; background:#4f8de6; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:0.65rem; font-weight:700;}
.M_notice .notice-list > li.no_data {flex:1 1 100%; max-width:100%; height:10rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:flex; justify-content:center; align-items:center;}
.M_notice .notice-list > li.no_data:before {display:none;}
.M_notice .notice-list > li.no_data:after {display:none;}

/* 다양한 갤러리 */
.M_gallery .gallery-list {display:flex; gap:1.5rem; flex-wrap:wrap; margin-top:1.25rem;}
.M_gallery .gallery-list > li {/* flex:1 1 calc(33.333% - 1.5rem); */ min-width:0; flex: 1 1 calc((100% - 3rem) / 3); max-width: calc((100% - 3rem) / 3); }
.M_gallery .gallery-item {position:relative; display:flex; flex-direction:column; background:#fff; transition:all 0.2s;}
.M_gallery .gallery-item:before {content:''; position:absolute; right:-0.65rem; top:1rem; width:4.8rem; height:1.75rem; background:url('/images/web/goesw/main/gallery-badge.png') no-repeat 50% 50%; opacity:0; transition:all 0.2s; z-index:1;}
.M_gallery .gallery-item:hover:before,
.M_gallery .gallery-item:focus:before {opacity:1;}
.M_gallery .gallery-item .thumb {position:relative; display:block; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:0.5rem;}
.M_gallery .gallery-item .thumb img {width:100%; height:100%; object-fit:cover; display:block; transition:all 0.2s;}
.M_gallery .gallery-item .thumb:hover img,
.M_gallery .gallery-item .thumb:focus img {transform:scale(1.1);}
.M_gallery .gallery-item .thumb .badge {position:absolute; right:1.2rem; top:1.2rem; padding:.4rem .8rem; font-size:1.2rem; font-weight:700; background:#2f72ff; color:#fff; border-radius:2rem;}
.M_gallery .gallery-item .title {position:relative; padding:0.75rem 0.25rem; font-size:0.9rem; line-height:1.4; color:#111; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.2s;}
.M_gallery .gallery-item .title:before {content:''; position:absolute; left:50%; transform:translate(-50%, 0); bottom:0rem; width:0; height:2px; background:#111; transition:all 0.2s;}
.M_gallery .gallery-item:hover .title,
.M_gallery .gallery-item:focus .title {font-weight:700;}
.M_gallery .gallery-item:hover .title:before,
.M_gallery .gallery-item:focus .title:before {width:100%;}
.M_gallery .gallery-item .img {position:relative; display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:0.5rem;}
.M_gallery .gallery-item .img.private {background: linear-gradient(-45deg, #1ca47d 0%, #1a4b9a 100%);}
.M_gallery .gallery-item .img.private em {display:flex; flex-direction:column; gap:0.25rem; justify-content:center; align-items:center; font-size:0.85rem; color:#fff; font-weight:500;}
.M_gallery .gallery-item .img.private em i {font-size:1.25rem; color:#fff;}
.M_gallery .gallery-item .img.nodata {background:#aaa;}
.M_gallery .gallery-item .img.nodata em {display:flex; flex-direction:column; gap:0.25rem; justify-content:center; align-items:center; font-size:0.85rem; color:#fff; font-weight:500;}
.M_gallery .gallery-item .img.nodata em i {font-size:1.25rem; color:#fff;}



/* 사용자별 바로가기 */ 
.M_link {width:100%; margin:0 auto;}
.M_link .link_section {display:flex; gap:2rem; justify-content:space-between; align-items:flex-start; max-width:60rem; margin-top:1.5rem;}
.M_link .link_box {flex:1; border-radius:0.8rem; padding:1.5rem; color:#fff;}
.M_link .link_box .title {font-size:1.1rem; font-weight:700; margin-bottom:1rem; display:flex; align-items:center;}
.M_link .user_link ul {position:relative; display:flex; flex-direction:column; gap:0.75rem;}
.M_link .user_link ul li {display: flex;}
.M_link .user_link ul li a {flex: 1; min-width: 0; display:flex; align-items:center; height:2rem; background:#fff; color:#111; padding:0.6rem 0.8rem; border-radius:0.7rem; font-size:0.85rem; font-weight:500; transition:all 0.3s; position:relative;}
.M_link .user_link ul li a .txt {min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.M_link .user_link ul li a:hover:before,
.M_link .user_link ul li a:focus:before {content:'\EA68'; font-family:'remixicon'; font-size:1rem; position:absolute; right:0.8rem; top:50%; transform:translate(0, -50%); opacity:0;}
.M_link .link_box .user_link ul li a:hover:before,
.M_link .link_box .user_link ul li a:focus:before {opacity:1; color:#fff;}
.M_link .link_box.student {background:#1ca47d;}
.M_link .link_box.teacher {background:#25a4d7;}
.M_link .link_box.public {background:#1a4b9a;}
.M_link .link_box.student .user_link ul:before {content:''; position:absolute; right:0; top:-5.1rem; width:5.1rem; height:5.1rem; background:url('/images/web/goesw/main/m_link_01.png') no-repeat 50% 50%; background-size:cover;}
.M_link .link_box.teacher .user_link ul:before {content:''; position:absolute; right:0; top:-5.05rem; width:6.75rem; height:5.05rem; background:url('/images/web/goesw/main/m_link_02.png') no-repeat 50% 50%; background-size:cover;}
.M_link .link_box.public .user_link ul:before {content:''; position:absolute; right:0; top:-4.75rem; width:4.95rem; height:5.3rem; background:url('/images/web/goesw/main/m_link_03.png') no-repeat 50% 50%; background-size:cover;}
.M_link .link_box.student .user_link ul li a:hover {background:#0B633D; color:#fff;}
.M_link .link_box.teacher .user_link ul li a:hover {background:#1a6180; color:#fff;}
.M_link .link_box.public .user_link ul li a:hover {background:#0a2b5b; color:#fff;}


/* 교육서비스 바로가기 */
.M_service .service_section {display:flex; flex-wrap:wrap; gap:1rem; margin-top:1rem;}
.M_service .service_section .item {flex:1 1 calc(33.3333% - 1rem);}
.M_service .service_section a {position:relative; display:flex; align-items:center; gap:0.5rem; height:3.5rem; flex:1 1 calc(33.333% - 1rem); border:1px solid #dcdcdc; border-radius:0.7rem; padding:0 1.25rem; background:#fff; color:#111; font-size:1rem; font-weight:400; transition:all 0.3s; align-items:center;}
.M_service .service_section a:after {content:"\ECAF"; position:absolute; font-family:'remixicon'; top:50%; right:1.25rem; font-size:1rem; color:#ababab; transform:translateY(-50%);}
.M_service .service_section a:hover,
.M_service .service_section a:focus {border-color:#0C3470; background:rgba(3,64,155,0.06); color:#0C3470; font-weight:600;}
.M_service .service_section a:hover:after,
.M_service .service_section a:focus:after {color:#0c3470; font-weight:400;}
.M_service .service_section .ico img {width:1rem; height:1rem; display:block;}

/* 자주찾는 메뉴 */
.M_quickMenu {position:relative; width:100%; border-radius:1.25rem; background:#1E5FBC; color:#fff; padding:1.5rem; display:flex; flex-direction:column; gap:0.75rem;}
.M_quickMenu:before {content:''; position:absolute; right:0rem; top:-5rem; width:10.5rem; height:8.8rem; background:url('/images/web/goesw/main/M_quickMenu_bg.png') no-repeat 50% 50%; background-size:cover;}
.M_quickMenu .qm_title {margin:0; font-size:1.3rem; font-weight:300;}
.M_quickMenu .qm_title strong {font-weight:700;}
.M_quickMenu .qm_body {max-height:25rem; overflow:auto; padding-right:1rem;}
.M_quickMenu .qm_body .qm_list {margin:0; padding:0; display:flex; flex-direction:column;}
.M_quickMenu .qm_list a {position:relative; display:flex; align-items:center; height:2.75rem; gap:.4rem; justify-content:space-between; padding:0 0.6rem; border-bottom:0.05rem solid rgba(255,255,255,.35); color:#fff; font-size:0.9rem; transition:all 0.3s;}
.M_quickMenu .qm_list a .txt { flex:1 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.M_quickMenu .qm_list a:hover,
.M_quickMenu .qm_list a:focus {padding:0 1rem; background:#fff; color:#043A86; font-weight:700; border-radius:1rem 2.5rem 2.5rem 1rem;}
.M_quickMenu .qm_list a:hover .bd-common,
.M_quickMenu .qm_list a:focus .bd-common {border-color:#043A86; color:#043A86;} 
.M_quickMenu .badge {display:inline-flex; align-items:center; justify-content:center; padding:0.125rem 0.5rem; border-radius:1rem; font-size:0.7rem; font-weight:600; color:#0b2b74; background:#e8efff; transition:all 0.3s;}
.M_quickMenu .bd-common {color:#fff; background:transparent; border:1px solid #fff;}
.M_quickMenu .bd-elem {color:#043ab6; background:#9effd5;}
.M_quickMenu .bd-mid {color:#043ab6; background:#4dc9ff;}
.M_quickMenu .bd-high {color:#fff; background:#043a86;}
.M_quickMenu .qm_body::-webkit-scrollbar {width:0.2rem;}
.M_quickMenu .qm_body::-webkit-scrollbar-thumb {background:rgba(255,255,255,1); border-radius:0.08rem;}
.M_quickMenu .qm_body::-webkit-scrollbar-track {background:rgba(255,255,255,0.3); border-radius:0.08rem;}


/* sns 영역 */
.M_sns {display:flex; flex-direction:column; gap:0.8rem;}
.M_sns .heading {font-size:1.3rem; font-weight:700; color:#111;}
.M_sns .tab-menu a {position:relative;display:inline-flex;align-items:center;gap:.3rem;padding:.2rem 0; font-size:0.85rem!important; font-weight:700; line-height:1.2; color:#222; text-decoration:none;}
.M_sns .tab-menu a:before {content:"\EB79"!important; font-family:'remixicon'; position:absolute!important; left:0; display:flex; align-items:center; width:0.7rem!important; height:0.7rem!important; opacity:0!important;}
.M_sns .tab-menu a.current {color:#111; padding-left:1rem;}
.M_sns .tab-menu a.current:before {opacity:1!important; bottom:50%!important; border-bottom:0!important; transform: translate(0, 50%);}
.M_sns .tab-menu li a:after {content:''; position:absolute; width:4px; height:4px; background:#ccc; top:50%; right:-0.85rem; transform:translate(0%, -50%);}
.M_sns .tab-menu li a span {position:relative;}
.M_sns .tab-menu li a.current span:before {content:''; position:absolute; bottom:-0.5rem; width:100%; border-bottom:2px solid #222;}
.M_sns .sns-list {display:flex; flex-wrap:wrap; gap:0.8rem; justify-content:space-between; margin:0.5rem 0 0 0; padding:0 0.5rem;}
.M_sns .sns-item {position:relative;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#f5f5f7;box-shadow:inset 0 0 0 .05rem rgba(0,0,0,.06); transition:all 0.2s;}
.M_sns .sns-item:before {content:"";position:absolute;inset:-.3rem;border-radius:50%;background:currentColor;opacity:.08; transition:all 0.2s; transform:scale(0.9); opacity:0;}
.M_sns .sns-item:hover,
.M_sns .sns-item:focus {transform:translateY(0.5rem);}
.M_sns .sns-item:hover:before,
.M_sns .sns-item:focus:before {opacity:0.15; transform:scale(1.1); z-index:-1;}
.M_sns .sns-item:active {transform:translateY(0);}
/* .M_sns .sns-list li:nth-child(1) .sns-item:before {color:#ff3b30;background:#ff3b30;}
.M_sns .sns-list li:nth-child(2) .sns-item:before {color:#3b5998;background:#3b5998;}
.M_sns .sns-list li:nth-child(3) .sns-item:before {color:#20c200;background:#20c200;}
.M_sns .sns-list li:nth-child(4) .sns-item:before {color:#d62976;background:linear-gradient(135deg,#feda75 0%,#d62976 50%,#4f5bd5 100%);} */
.M_sns .sns-list li .sns-item:before {color:#000;background:#111;}



/* 배너 */
.foot-banner {background-color:#fff; height:3.5rem;}
.foot-banner .inner {padding:0; height:100%; display:flex; align-items:center; gap:1rem;}
.foot-banner .inner .header-box {position:relative; display:flex; align-items:center; max-width:13rem; width:100%; height:100%; justify-content:space-between; flex:0 0 auto;}
.foot-banner .inner .header-box h3 {font-size:1rem; font-weight:700; color:#000; line-height:1;}
.foot-banner .inner .header-box .control {position:static; display:flex; gap:0.25rem;}
.foot-banner .inner .header-box .control a {display:inline-flex; align-items:center; justify-content:center; width:1.5rem; height:1.5rem;}
.foot-banner .inner .header-box .control a > i {font-size:1.5rem; line-height:1;}
.foot-banner .inner .header-box .control a.play {display:none;}
.foot-banner .banner-wrap {flex:1 1 auto; min-width:0; width:100%; height:100%; overflow:hidden;}
.foot-banner .banner-wrap #banner {display:block; width:100%; height:100%;}
.foot-banner .banner-wrap #banner .slick-list {position:relative; overflow:hidden;}
.foot-banner .banner-wrap #banner .item {position:relative; flex:0 0 auto; display: inline-flex; align-items: center; justify-content: center;}
.foot-banner .banner-wrap #banner .item a {position:relative; text-align:center; display:flex; align-items:center; justify-content:center; padding:0 1rem; line-height:3.5rem; white-space:nowrap; font-size:0.8rem; font-weight:400; color:#222; height:100%;}
.foot-banner .banner-wrap #banner .item a img {max-width:100%;}
.foot-banner .banner-wrap #banner .item {position: relative;}
.foot-banner .banner-wrap #banner .item::after {content: ""; position: absolute; top: 50%; right: -0.25rem; width: 0.25rem; height: 0.25rem; border-radius: 50%; background-color: #ccc; transform: translateY(-50%);}
.foot-banner .banner-wrap #banner .item:last-child::after {display: none;}
.foot-banner .banner-wrap #banner .item.slick-current:last-child::after {display:none;}
.foot-banner .banner-wrap #banner .item:has(+ .slick-current)::after {display: none;}



@media screen and (max-width: 1600px){
	.foot-banner .inner {padding:0 1rem;}
}

@media screen and (max-width: 1440px){
	.M_link .link_section {max-width:100%;}
	
	/* 자주찾는 메뉴 */
	.M_quickMenu .qm_body .qm_list {display:grid; grid-template-columns:repeat(3,1fr); gap:0 2rem;}
	
	.tab-wrap .tab-panel {min-height:100%;}
}

@media screen and (max-width: 1280px){
	/* sns */
	.M_sns .sns-list {justify-content:flex-start;}
}

@media screen and (max-width: 1024px){
	/* 비주얼 */
	.M_visual {height:fit-content;}
	.M_visual .slick-slider img {max-width:100%; margin:0 auto;}
	
	/* 사용자별 바로가기 */
	.M_link .link_section {gap:1rem;}
	
	/* 자주찾는 메뉴 */
	.M_quickMenu .qm_body .qm_list {display:grid; grid-template-columns:repeat(2,1fr); gap:0 0.5rem;}
	
	 /* 배너 */
    .foot-banner .inner {padding:0 1rem;}
}

@media screen and (max-width: 860px){
	.M_link .link_section {flex-direction:column; gap:1.75rem;}
	.M_link .link_box {width:100%;}
	.M_link .user_link ul li a {height:auto; font-size:0.8rem;}
	
}

@media screen and (max-width: 768px){
	/* 사용자별 바로가기 */
	.M_link {flex-direction:column;} 
	.link_box {width:100%;}
	
	/* 교육서비스 바로가기 */
	.service_section a {flex:1 1 100%;} 
	.M_service .service_section a {width:100%; flex:1 1 calc(50% - 1rem);}
	
	/* 새소식 */
	.M_notice .notice-list > li {flex: 1 1 calc(50% - 1.5rem); max-width:calc(50% - 1.5rem);}
	.M_notice .notice-list > li:nth-child(3) {display: none;}
	
	/* 갤러리 */	
	.M_gallery .gallery-list > li {flex: 1 1 calc(50% - 1.5rem); max-width:calc(50% - 1.5rem);}
	.M_gallery .gallery-list > li:nth-child(3) {display: none;}
	
	/* 사용자별 바로가기 */
	
	
	
	/* 바로가기 */
    .foot-banner .inner .header-box {max-width:fit-content;}
    .foot-banner .inner .header-box h3 {display:none;}
}


@media screen and (max-width: 560px){
	/* 공통 */
	[class*='M_'] > .header {flex-direction:column; align-items:flex-start;}
	[class*='M_'] > .header .util_box {width:100%; margin-top:0.5rem;}
	h3.heading {font-size:1.25rem;}
	
	/* 서비스 */
	.M_service .service_section {gap:0.5rem;}
	.M_service .service_section a {width:100%; flex:1 1 100%;}
		
	/* 자주찾는 메뉴 */
	.M_quickMenu .qm_body .qm_list {display:grid; grid-template-columns:repeat(1,1fr); gap:0 2rem;}
}

@media screen and (max-width: 460px){
	/* 비주얼 */
	.M_visual {border-radius:1.5rem; box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.25);}
	.M_visual .control {position:relative; width:100%; background:#fff; padding:0.5rem 1.25rem; display:flex; align-items:center;}
	
	
	/* 새소식 */
	.M_notice .notice-list > li {flex:100%; max-width:100%;}
	.M_notice .notice-list > li:nth-child(2) {display: none;}
	
	/* 갤러리 */
	.M_gallery .gallery-list > li {flex: 100%; max-width:100%;}
	.M_gallery .gallery-list > li:nth-child(2) {display: none;}
	
	/* 자주찾는 메뉴 */
	.M_quickMenu {padding:1rem;}	
	.M_quickMenu:before {width:7.5rem; height:5.5rem; top:-3rem;}
}


@media screen and (max-width: 380px){
	/**/ 
	.M_link .link_box {padding:0.75rem;}
	.M_link .link_box.student .user_link ul:before {top: -4.1rem; width: 4.1rem; height: 4.1rem;}
	.M_link .link_box.teacher .user_link ul:before {top: -3.75rem; width: 4.5rem; height: 3.75rem;}
	.M_link .link_box.public .user_link ul:before {top: -3.75rem; width: 3.95rem; height: 4.3rem;}
	
	/* 교육서비스 바로가기 */
	.M_service .service_section a {height:2.65rem; font-size:0.85rem;}
}

@media screen and (max-width: 340px){
	/* 공통 */
	.tab-wrap .btn-add {width:1.5rem; height:1.5rem;}
	.tab-wrap .tab-menu {gap:1rem;}
	.tab-wrap .tab-menu li a {font-size:0.75rem;}
	
	
	/* sns */
	.M_sns .sns-list {gap:0.25rem; padding:0.5rem 1rem; flex-wrap:wrap; justify-content: flex-start; margin-top:0;}
	.M_sns .sns-item {width:100%; height:100%; max-width:2.5rem; height:2.5rem;}
	.M_sns .sns-item img {width:100%; height:100%;}
	
	/* 비주얼 */
	.M_visual .control {padding:0.5rem;}
	.M_visual .control a {width:1.75rem; height:1.75rem;}
}