@charset "utf-8";

/* common */
.tit_wrap {display: flex; align-items: center; justify-content: space-between;}
h2.heading {font-size: 1.4rem; color: #000; font-weight: 700;}
.btn_more {position: absolute !important; right: 0; top: -0.35rem; display: flex !important; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; font-size: 1rem; color: #000; transition: all 0.2s;}
.btn_more:hover,
.btn_more:focus {background: #255CF4 !important; border-color: #255CF4 !important; color: #fff;}

.MC_wrap1 {position: relative; margin: 3.5rem auto 0; padding-bottom: 1.5rem;}
.MC_wrap1::before {content: ''; position: absolute; bottom: 0; left: -5rem; right: -5rem; width: auto; height: calc(100% - 5.5rem); border-radius: 3rem 3rem 0 0; background: #F3F4FF;}
.MC_wrap2 {position: relative; max-width: 72rem; margin: 0 auto;}
.MC_wrap3 {position: relative;max-width: 72rem; margin: 2.5rem auto 0;}
.MC_wrap3::before {content: ''; position: absolute; top:0; left: -5rem; right: -5rem; width: auto; height: calc(100% - 3.8rem); background: #E9F9F8; border-radius: 2.5rem; z-index: -1;}
.MC_wrap4 {position: relative; max-width: 72rem; margin: 3.5rem auto 0;}
.MC_wrap4::before {display: none; content: ''; position: absolute; top:0; left: -5rem; right: -5rem; width: auto; height: 100%; background: #F5F8FF; border-radius: 2.5rem; z-index: -1;}

.MC_wrap1 .wrap_inner {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between;}
.MC_wrap1 .wrap_inner::before {display: none; content:''; position: absolute; left: -9.25rem; top: 2.85rem; width: 8.9rem; height: 9.9rem; background: url(/images/sch/web/dreameon/main/wrap1_bg_01.png) no-repeat center center / contain;}
.MC_wrap1 .wrap_inner::after {display: none; content:''; position: absolute; right: -7.35rem; top: 14.75rem; width: 4.75rem; height: 4.75rem; background: url(/images/sch/web/dreameon/main/wrap1_bg_02.png) no-repeat center center / contain;}
.MC_wrap3 .wrap_inner {position: relative;}
.MC_wrap3 .wrap_inner::before {display: none; content:''; position: absolute; left: -10rem; top: 18.5rem; width: 9.85rem; height: 7.25rem; background: url(/images/sch/web/dreameon/main/wrap3_bg_01.png) no-repeat center center / contain;}
.MC_wrap3 .wrap_inner::after {display: none; content:''; position: absolute; left: 50%; margin-left: -10rem; bottom: 2.85rem; width: 10.45rem; height: 13rem; background: url(/images/sch/web/dreameon/main/wrap3_bg_02.png) no-repeat center center / contain;}

/* SEARCH */
.MC_serach {width: 47.15%;}
.MC_serach .search_wrap {position: relative; margin-top: 0.9rem;}
.MC_serach .search_wrap form { display: flex; align-items: center; justify-content: space-between; height: 4rem; border-radius: 2rem; border: 4px solid #175EEC; background: #fff; padding-left: 1rem; overflow: hidden;}
.MC_serach .search_wrap .srch_box {flex: 1;}
.MC_serach .search_wrap select,
.MC_serach .search_wrap input {height: 3rem; border: none;}
.MC_serach .search_wrap select {color: #144EC0; font-size: 0.9rem; font-weight: 600; margin-right: 1rem;}
.MC_serach .search_wrap input {width: 70%; font-size: 1rem; color: #666;}
.MC_serach .search_wrap button {position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%; background: #175EEC; color: #fff; font-size: 1.6rem;}
.MC_serach .recommend {margin-top: 1.6rem; margin-left: 0.35rem; display: flex; gap: 0.75rem 1rem;}
.MC_serach .recommend dt {font-size: 1rem; color: #000;}
.MC_serach .recommend dt strong {font-weight: 700;}
.MC_serach .recommend dd {flex: 1; display: flex; flex-wrap: wrap; gap: 0.4rem; max-height: 4rem; padding: 0 5rem 0 0.25rem; overflow: hidden;}
.MC_serach .recommend dd a {display: inline-block; line-height: 1.6rem; padding: 0 0.8rem; border-radius: 0.8rem; background: #fff; color: #444; box-shadow: 0 0 10px rgba(37,92,244,0.1); transition: all 0.2s;}
/* SEARCH - active */
.MC_serach .recommend dd a:hover,
.MC_serach .recommend dd a:focus {background: #175EEC; color: #fff;}

/* POPUP ZONE */
.MC_popup {width: 16rem;}
.MC_popup .control {display: flex; align-items: center;}
.MC_popup .control a {font-size: 1.2rem; color: #000;}
.MC_popup .control a.play {display: none;}
.MC_popup .control .page {display: flex; align-items: center; gap: 1rem; font-size: 0.9rem; color: #555; margin-right: 0.5rem;}
.MC_popup .control .page strong {position: relative; font-weight: 700; color: #255CF4;}
.MC_popup .control .page strong::after {content: ''; position: absolute; right: -0.65rem; top: calc(50% - 0.125rem); width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #B1B1B1;}
.MC_popup .popup_list {margin-top: 0.75rem; width: calc(100% + 1rem); margin-left: -0.5rem;}
.MC_popup .popup_list .item {display: inline-block; width: 16rem; height: 10rem; margin: 0 0.5rem; border-radius: 0.5rem; overflow: hidden;}
.MC_popup .popup_list .item a {position: relative; display: block; height: 100%; background: #F4F4F4;}
.MC_popup .popup_list .item a:focus::before {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.5rem; border: 2px solid #000;}
.MC_popup .popup_list .item a img {position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); object-fit: contain; width: 100%; height: 100%;}
/* POPUP ZONE - active */
.MC_popup .control a:hover,
.MC_popup .control a:focus {color: #255CF4;}

/* 레이어팝업 */
.lyrPopup {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; box-sizing: border-box;  font-family: 'pretendard';}
.lyrWrap {position: absolute; top: 50%; padding: 0 1rem; width: 100%; text-align: center; transform: translateY(-50%); box-sizing: border-box;}
.lyrWrap .inner {position: relative; display: inline-block; width: 100%; max-width: 57rem; background: #fff; border-radius: 1.5rem; overflow: hidden;}
.lyrWrap .inner h3 {padding: 1.4rem 1.5rem; text-align: left; font-size: 1.4rem; color: #fff; background: #26325F; font-weight: 700; margin-top: -1px;}
.lyrWrap .inner .cont {margin: 1.5rem 2.5rem; max-height: calc(90vh - 10rem); overflow-y: auto; padding-right: 0.5rem;}
.lyrWrap .inner .cont::-webkit-scrollbar-thumb {background-color: #26325F !important;}
.lyrWrap .inner .cont::-webkit-scrollbar-track {background-color: rgba(38,50,95,0.2) !important;}
.lyrWrap .allpop_list {display: flex; flex-wrap: wrap; gap: 1.85rem;}
.lyrWrap .allpop_list li {width: calc(33.3% - calc((2rem * 2) / 3));}
.lyrWrap .allpop_list li a { position: relative; display: block; width: 100%; height: 9.9rem; border-radius: 0.5rem; overflow: hidden; background: #e3e3e3; outline: 0;}
.lyrWrap .allpop_list li a:focus::before {content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.5rem; border: 2px solid #000;}
.lyrWrap .allpop_list li a img {position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); object-fit: contain; width: 100%; height: 100%;}
.lyrWrap .hashClose {position: absolute; top: 1.1rem; right: 1.5rem; width: 2.2rem; height: 2.2rem; line-height: 2.2rem; border-radius: 50%; background: #fff; font-size: 1.1rem; color: #000;}

/* titTab */
.titTab {position: relative;}
.titTab ul {position: relative; font-size: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 0.75rem; align-items: center;}
.titTab li {position: relative; font-size: 1rem; font-weight: 500;}
.titTab li a {position: relative; display: flex; align-items: center; gap: 0.3rem; color: #888;}
.titTab li a::before {content: "\EB80"; font-family: "remixicon"; font-weight: 400; transition: all 0.15s;}
/* titTab - active */
.titTab li a:hover,
.titTab li a:focus,
.titTab li a.current {color: #255CF4; font-weight: 700;}
.titTab li a.current::before { display: block;}

/* 게시판 모바일 셀렉트 공통 */
.bbs_select_wrap {position: relative; display: none;}
.bbs_select_wrap::before {content: '\EB80'; font-family: 'remixicon'; position: absolute; top: 50%; left: 0.75rem; transform: translateY(-50%); font-size: 1.1rem; color: #4273FA;}
.bbs_select {height: 2.2rem; background-color: #EFF3FF; border: 1px solid #4273FA; font-size: 0.85rem; color: #4273FA; border-radius: 1.1rem; padding: 0 2rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('/images/sch/web/dreameon/sub/srch_icon.png'); background-repeat: no-repeat; background-position: right 15px center;}

/* 공지사항 */
.MC_notice {position: relative; width: calc(100% - 18rem);}
.MC_notice.newsletter {width: 100%; padding-top: 1.25rem;}
.MC_notice.newsletter::before {content: ''; position: absolute; top: 0; left: -5rem; right: -5rem; width: auto; height: calc(100% - 2rem); border-radius: 0 0 3rem 3rem; background: #F3F4FF; z-index: -1;}
.MC_notice .tit_wrap {justify-content: start; gap: 0.65rem 1rem;}
.MC_notice.newsletter .bbs_select {background-color: #fff;}
.MC_notice .list_box {display: none; width: 100%;}
.MC_notice .list_box ul {width: calc(100% + 1.8%); margin-left: -0.9%; margin-top:0.75rem; }
.MC_notice.newsletter .list_box ul {width: calc(100% + 1.4%); margin-left: -0.7%; }
.MC_notice .list_box ul::after{display: block; content: ''; clear: both;}
.MC_notice .list_box li {float: left; width: 33.3%; padding: 0 0.9%; border-radius: 1rem;}
.MC_notice.newsletter .list_box li {width: 25%; padding: 0 0.7%;}
.MC_notice .list_box li:nth-child(n + 4) { display: none; }
.MC_notice.newsletter .list_box li:nth-child(4) { display: block; }
.MC_notice.newsletter .list_box li:nth-child(n + 5) { display: none; }
.MC_notice .list_box li a {position: relative; display: block; padding: 1rem 1.25rem; font-weight: 400; border-radius:0.5rem; background: #fff; border: 1px solid #D9D9D9; }
.MC_notice .list_box li a strong{ position: relative; height: 2.6rem; font-size: 0.9rem; line-height: 1.3rem; font-weight: 600; color: #111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow:ellipsis; transition: all 0.2s;}
.MC_notice .list_box li a.new strong:before{content:"N"; display:inline-block; width:1.1rem; height: 1.1rem; line-height:1.15rem; text-align: center; margin-right: 0.2rem; color:#255CF4; font-weight:600; font-size: 0.75rem; background:#EB003B; color: #fff; border-radius:50%; vertical-align: middle; }
.MC_notice .list_box li a p { height: 2.5rem; line-height:1.25rem; color: #666; margin: 0.5rem 0 1.2rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.MC_notice .list_box li a span{position:relative; display:flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #666; font-weight: 300;}
.MC_notice .list_box li.no_data { display:flex; margin-left: 1.15%; width: calc(100% - 2.3%) !important; line-height:10.05rem; justify-content: center; align-items: center; font-size: 0.9rem; background: #fff; border-radius:1rem; box-shadow: 0 0 20px rgba(0,0,0,0.07);}
.MC_notice .list_box .btn_more{background: #fff; font-size: 1.2rem;}
.MC_notice.newsletter .list_box .btn_more{background: transparent; top: 1rem;}
/* 공지사항 : active */
.MC_notice a,
.MC_notice :before,
.MC_notice .list_box li a span i,
.MC_notice { transition: all 0.1s;}
.MC_notice .list_box.on {display: block;}
.MC_notice .list_box li a:hover strong,
.MC_notice .list_box li a:focus strong{color:#255CF4; text-decoration: underline;}

/* 포털소식 */
.MC_gallery {position: relative; margin-top: 3.5rem; padding-bottom: 3rem;}
.MC_gallery::before {content: ''; position: absolute; bottom: 0; left: -5rem; right: -5rem; width: auto; height: 58.5%; border-radius: 3rem 3rem 0 0; background: #EFF4FF; z-index: -1;}
.MC_gallery .btn_more {background: #F2F2F2;}
.MC_gallery .tit_wrap {justify-content: start; gap: 0.5rem 1rem;}
.MC_gallery .bbs_select {background-color: #fff;}
.MC_gallery .list_box{ display: none; width: calc(100% + 2.7%); margin-left: -1.35%; margin-top: 1rem; }
.MC_gallery .list_box:after{ content:''; display:block; clear:both; }
.MC_gallery .list_box ul{ height:100%; display: flex; }
.MC_gallery .list_box li{ float: left; width: 25%; padding: 0 1.35%; border-radius: 1rem;}
.MC_gallery .list_box li:nth-child(n + 5) { display: none; }
.MC_gallery .list_box li.no_data{ margin-left: 1.35%; width:calc(100% - 2.7%); height:17.2rem; display:flex; align-items:center; justify-content:center; border-radius:0.5rem; background:#f1f1f1; }
.MC_gallery .list_box a {position:relative;display:block;overflow: hidden;}
.MC_gallery .list_box a .img{ position: relative; height:11.5rem; overflow:hidden; background:#f4f4f4; border-radius: 0.5rem; font-size: 0; line-height: 0; }
.MC_gallery .list_box a .img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%; object-fit: contain; transition: 0.2s; }
.MC_gallery .list_box a span { display:block; height: 2.7rem; font-size: 0.9rem; font-weight: 500; color: #000; line-height: 1.5; margin: 1rem 0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.MC_gallery .list_box a .date {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-right: 0.1rem;}
.MC_gallery .list_box a em { display: inline-block; color: #666666; }
.MC_gallery .list_box a em i {font-size: 0.9rem; margin-right: 0.25rem;}
/** 포털소식 : active **/
.MC_gallery .list_box.on {display: block;}
.MC_gallery .list_box a:hover .img > img,
.MC_gallery .list_box a:focus .img > img { transform:translate(-50%, -50%) scale(1.2); }
.MC_gallery .list_box a:hover span,
.MC_gallery .list_box a:focus span{ text-decoration: underline;}

/* 누리집 현황 */
.MC_homepage {display: flex; justify-content: space-between; }
.MC_homepage h2.heading {font-size: 1.3rem; color: #fff; letter-spacing: -1.5px; word-break: keep-all;}
.MC_homepage .tit_wrap p span {color: #fff; font-size: 0.9rem; font-weight: 300;} 
.MC_homepage .tit_wrap p span strong span {color: #FEE94C; font-weight: 700;}
.MC_homepage .tit_wrap p .all_down {display: inline-block; line-height: 1.6rem; border-radius: 0.4rem; background: #fff; padding: 0 0.6rem; color: #005D5A; margin-left: 0.5rem; transition: all 0.2s;}
.MC_homepage .tit_wrap p .all_down i {margin-left: 0.3rem;}
.MC_homepage .map_area {width: 51.5%; padding: 2rem 0 0 2.35rem;}
.MC_homepage .map_area img {width: 95%; max-width: 29.7rem;}
.MC_homepage .list_area {position: relative; width: 48.5%; padding-top: 2.5rem;}
.MC_homepage .list_area::before {content:''; position: absolute; top: 0; left: -3.5rem; right: -5rem; width: auto; height: 10rem; border-radius: 0 2.5rem 0 2rem; background: #008480; z-index: -1;}
.MC_homepage .list_inner {height: 29.25rem; margin-top: 1.25rem; padding: 1.5rem 2rem; border-radius: 1rem; background: #fff; box-shadow: 0 0 30px rgba(0,132,128,0.17);}
.MC_homepage .map_srch div {display: flex; /*flex-wrap: wrap;*/ gap: 0.5rem}
.MC_homepage .map_srch div.input_box {position: relative;}
.MC_homepage .map_srch div.input_box::before {content:'\F0D1'; position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; font-size: 0.9rem; color: #666; font-family: 'remixicon';}
.MC_homepage .map_srch div ~ div {margin-top: 0.5rem;}
.MC_homepage .map_srch div select,
.MC_homepage .map_srch div input {height: 2.4rem; border-radius: 1.2rem; padding-left: 1rem; border: 1px solid #D9D9D9;}
.MC_homepage .map_srch div select {width: calc(50% - 0.25rem); padding-right: 2.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('/images/sch/web/dreameon/sub/srch_icon.png') no-repeat right 20px center; color: #000; font-weight: 500;}
.MC_homepage .map_srch div input {flex: 1; padding-left: 2.2rem;}
.MC_homepage .map_srch div button {display: flex; width: 2.4rem; height: 2.4rem; align-items: center; justify-content: center; border-radius: 50%; background: #005D5A; color: #fff;}
.MC_homepage .hp_list_wrap {margin-top: 1.1rem;}
.MC_homepage .hp_list_wrap .tit {font-size: 0.85rem; font-weight: 600; color: #000; margin-bottom: 0.65rem;}
.MC_homepage .hp_list_wrap .tit i {font-size: 0.9rem;}
.MC_homepage .hp_list > .titTab ul {gap: 0.35rem; justify-content: space-between;}
.MC_homepage .hp_list > .titTab li {font-size: 0.9rem; font-weight: 400; width: calc(50% - 0.175rem); }
.MC_homepage .hp_list > .titTab li + li::before {display: none;}
.MC_homepage .hp_list > .titTab li a {justify-content: center; line-height: 2.45rem; border-radius: 0.5rem; background: #E9F9F8; color: #000;}
.MC_homepage .hp_list > .titTab li a::before {display: none;}
.MC_homepage .hp_list > .titTab li a strong {font-weight: 700;}
.MC_homepage .list_box {display: none;}
.MC_homepage .list_box > .titTab {margin-top: 0.5rem; border-radius: 0.5rem; background: #F4F4F4; padding: 0.8rem 1rem;}
.MC_homepage .list_box > .titTab ul {gap: 0.5rem;}
.MC_homepage .list_box > .titTab li {font-weight: 400; width: calc(33.3% - calc((0.5rem * 2) / 3)); }
.MC_homepage .list_box > .titTab li + li::before {display: none;}
.MC_homepage .list_box > .titTab li a {font-size: 0.8rem; color: #666;}
.MC_homepage .list_box > .titTab li a::before {display: block;}
.MC_homepage .list_box > .titTab li a strong {font-weight: 400;}
.MC_homepage .list_box .list_box {display: none; margin-top: 1rem;}
.MC_homepage .list_box .list_box ul {height: 11rem; overflow-y: auto; padding-right: 0.75em;}
.MC_homepage #org .list_box ul {height: 16.5rem;}
.MC_homepage .list_box .list_box li ~ li {border-top: 1px dashed #999;}
.MC_homepage .list_box .list_box a {display: block; padding: 0.45rem 0 0.5rem;}
.MC_homepage .list_box .list_box li:first-child a {padding-top: 0;}
.MC_homepage .list_box .list_box a .sch_name {display: flex; align-items: center; justify-content: space-between;}
.MC_homepage .list_box .list_box a .sch_name .name {display: inline-block; font-size: 0.9rem; font-weight: 700; color: #000;}
.MC_homepage .list_box .list_box a .sch_name .view {display: inline-flex; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: #F4F4F4; font-size: 0.9rem; color: #333; transition: all 0.2s;}
.MC_homepage .list_box .list_box a .sch_add {margin-top: 0.1rem; font-size: 0.75rem; color: #555;}
.MC_homepage .list_box .list_box a .sch_add i {font-size: 0.9rem; color: #9FA0A8; vertical-align: middle;}
/* 누리집 현황 - active */
.MC_homepage .hp_list > .titTab li a:hover,
.MC_homepage .hp_list > .titTab li a:focus,
.MC_homepage .hp_list > .titTab li a.current {background: #008480; color: #fff; font-weight: 400;}
.MC_homepage .tit_wrap p .all_down:hover,
.MC_homepage .tit_wrap p .all_down:focus {background: #FEE94C;}
.MC_homepage .list_box.on {display: block;}
.MC_homepage .list_box > .titTab li a:hover,
.MC_homepage .list_box > .titTab li a:focus,
.MC_homepage .list_box > .titTab li a.current {color: #007874; font-weight: 400;}
.MC_homepage .list_box > .titTab li a:focus strong,
.MC_homepage .list_box > .titTab li a.current strong {font-weight: 700;}
.MC_homepage .list_box .list_box.on {display: block;}
.MC_homepage .list_box .list_box a:hover .sch_name .view,
.MC_homepage .list_box .list_box a:focus .sch_name .view {background: #008480; color: #fff;}

/* 바로가기 */
.MC_links h2.heading {margin-bottom: 1rem;}
.MC_links ul {display: flex; justify-content: space-between; gap: 0.5rem 1rem; padding: 0 0.5rem;}
.MC_links a {display: block; text-align: center;}
.MC_links a .img {display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 5rem; height: 5rem; border-radius: 50%; background: #F1F8FF; border: 2px solid transparent; transition: all 0.2s;}
.MC_links a .txt {display: block; margin-top: 0.85rem; font-size: 0.9rem; color: #333; font-weight: 500; transition: all 0.2s;}
/* 바로가기 - active */
.MC_links a:hover .img,
.MC_links a:focus .img {border-color: #3E6EFA;}
.MC_links a:hover .txt,
.MC_links a:focus .txt {color: #3160eb;}

/* 이용문의 */
.use_qna {position: fixed; top: 13.3rem; right: 50%; margin-right: -40rem; z-index: 1000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 4.8rem; height: 4.4rem; border-radius: 10px; color: #3461F2; font-size: 0.8rem; font-weight: 700; line-height: 1; box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
          border: 3px solid transparent;
          background-image: linear-gradient(#fff, #fff), linear-gradient(325deg, #7f9af0 0%, #98b0fe 100%);
          background-origin: border-box;
          background-clip: content-box, border-box;}
.use_qna span {display: block; filter: drop-shadow(0 1px 1px rgba(45,27,108,0.16));}
.use_qna br {display: none;}

/* 반응형 */
@media (max-width: 1660px) {
	/* 이용문의 */
	.use_qna {right: 0.5rem; margin-right: 0;}
}

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

@media (max-width: 1440px) {
	.MC_wrap1 .wrap_inner::before,
	.MC_wrap1 .wrap_inner::after {display: none;}
	.MC_wrap3 .wrap_inner::before {display: none;}
	.MC_wrap3 .wrap_inner::after {margin-left: -13rem;}

	/* SEARCH */
	.MC_serach .recommend dd {padding-right: 0;}

	/* 누리집 현황 */
	.MC_homepage .map_area {width: 47%; padding: 2rem 0 0 0;}
	.MC_homepage .list_area {width: 53%;}

	/* 이용문의 */
	.use_qna {right: -3px; gap: 6px; width: 2.25rem; height: auto; border-radius: 10px 0 0 10px;}
	.use_qna img {margin-top: 7px; max-width: 80%;}	
	.use_qna span {margin-bottom: 7px;}
	.use_qna br {display: block;}
}

@media (max-width: 1240px) {
	/* SEARCH */
	.MC_serach {width: 44%;}

	/* 바로가기 */
	.MC_links ul {flex-wrap: wrap; padding: 0; justify-content: start; gap: 1.5rem 1rem;}
	.MC_links li {width: calc(20% - calc((1rem * 4) / 5));}

	/* 공지사항 */
	.MC_notice .list_box ul {width: calc(100% + 2%); margin-left: -1%;}
	.MC_notice .list_box li {padding: 0 1%;}

	/* 포털소식 */
	.MC_gallery .list_box{ width: calc(100% + 2%); margin-left: -1%;}
	.MC_gallery .list_box li{ padding: 0 1%;}
  
	/* 누리집 현황 */
	.MC_homepage .list_area {padding-top: 1rem;}
	.MC_homepage .list_area::before {left: -1.5rem;}
	.MC_homepage .tit_wrap {flex-direction: column; align-items: start; gap: 0.5rem;}
	.MC_homepage .tit_wrap p {margin-left: auto;}
	.MC_homepage .list_inner {margin-top: 1rem;}
}

@media screen and (max-width: 1024px) {
	.MC_wrap1 {margin-top: 2rem; padding-bottom: 2rem;}
	.MC_wrap3 {margin-top: 0;}
	.MC_wrap4 {margin-top: 2rem;}

	.MC_wrap3 .wrap_inner::after {display: none;}

	/* 바로가기 */
	.MC_links li {width: calc(20% - calc((0.5rem * 4) / 5));}

	/* SEARCH */
	.MC_serach {width: 100%;}
	.MC_serach .search_wrap form { height: 3.25rem; border-width: 3px;}
	.MC_serach .search_wrap select,
	.MC_serach .search_wrap input {height: 2.75rem;}
	.MC_serach .search_wrap button {width: 3.25rem; height: 3.25rem; font-size: 1.4rem;}
	.MC_serach .recommend {margin-top: 1.25rem;}
	.MC_serach .recommend dt {padding-top: 0.2rem;}
	.MC_serach .recommend dd {padding: 0 0 0 0.25rem; max-height: 2rem; gap: 1rem 0.4rem;}

	/* POPUP ZONE */
	.MC_popup .control {display: flex; align-items: center;}
	.MC_popup .control a {font-size: 1.2rem; color: #000;}
	.MC_popup .control a.play {display: none;}
	.MC_popup .control .page {display: flex; align-items: center; gap: 1rem; font-size: 0.9rem; color: #555; margin-right: 0.5rem;}
	.MC_popup .control .page strong {position: relative; font-weight: 700; color: #255CF4;}
	.MC_popup .control .page strong::after {content: ''; position: absolute; right: -0.65rem; top: calc(50% - 0.125rem); width: 0.25rem; height: 0.25rem; border-radius: 50%; background: #B1B1B1;}
	.MC_popup .popup_list {}
	.MC_popup .popup_list .item {display: inline-block; width: 16rem; height: 10rem; margin: 0 0.5rem; border-radius: 0.5rem; overflow: hidden;}
	.MC_popup .popup_list .item a {position: relative; display: block; height: 100%; background: #e3e3e3;}
	.MC_popup .popup_list .item a img {position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); object-fit: contain; width: 100%; height: 100%;}

	/* 레이어팝업 */
	.lyrWrap .inner .cont {margin: 1.5rem;}
	.lyrWrap .allpop_list {gap: 1rem;}
	.lyrWrap .allpop_list li {width: calc(33.3% - calc((1rem * 2) / 3));}
	.lyrWrap .allpop_list li a {height: 9.5rem;}

  /* 공지사항 */
	.MC_notice {width: calc(100% - 17.5rem);}
	.MC_notice.newsletter {padding-top: 0;}
	.MC_notice .list_box li { width: calc(100% / 2); }
	.MC_notice.newsletter .list_box li { width: calc(100% / 3); }
	.MC_notice .list_box li:nth-child(n + 3) { display: none; }
	.MC_notice.newsletter .list_box li:nth-child(3) { display: block; }
	.MC_notice.newsletter .list_box li:nth-child(n + 4) { display: none; }
	.MC_notice.newsletter .list_box .btn_more {top: -0.25rem;}
	 
	/* 포털소식 */
	.MC_gallery {margin-top: 2rem; padding-bottom: 2rem;}
	.MC_gallery .list_box li { width: calc(100% / 3); }
	.MC_gallery .list_box li:nth-child(n + 4) { display: none; }

	/* 누리집 현황 */
	.MC_homepage {flex-direction: column; }
	.MC_homepage .map_area {width: 100%; padding: 1.5rem 0; text-align: center;}
	.MC_homepage .map_area img {max-width: 25rem;}
	.MC_homepage .tit_wrap {flex-direction: row;}
	.MC_homepage .list_area {width: 100%; padding-top: 1.25rem;}
	.MC_homepage .list_area::before {left: -1rem; right: -1rem; border-radius: 0 0 0 1.5rem;}
	.MC_homepage .list_inner {margin-top: 1rem;}

	/* 바로가기 */
	.MC_links ul {gap: 1rem 0.5rem;}

	.MC_gallery {padding-top: 0;}
}

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

@media (max-width: 850px) { 
	/* 레이어팝업 */
	.lyrWrap .allpop_list li {width: calc(50% - 0.5rem);}

	/* titTab */
	.MC_notice .titTab,
	.MC_gallery .titTab {display: none;}

	/* 게시판 모바일 셀렉트 공통 */
	.bbs_select_wrap {display: block;}

	/* 공지사항 */
	.MC_notice {width: 100%;}
	.MC_notice .list_box li { width: calc(100% / 2) !important;}
	.MC_notice.newsletter .list_box li {padding: 0 1%;}
	.MC_notice .list_box li:nth-child(n + 3) { display: none !important; }

	/* POPUP ZONE */
	.MC_popup {width: 100%; margin-top: 1.5rem;}
}

@media (max-width: 800px) { 
	.MC_links a .img img {width: 60%;}
}

@media screen and (max-width: 768px) {
	/* common */
	h2.heading {font-size: 1.2rem;}
	.btn_more {top: -0.15rem; width: 1.75rem; height: 1.75rem;}

	.MC_wrap1 {padding-bottom: 1.5rem;}
	.MC_wrap4 {margin-top: 1.5rem;}	

	/* SEARCH */
	.MC_serach .search_wrap {margin-top: 0.75rem;}
	.MC_serach .search_wrap form { height: 3rem;}
	.MC_serach .search_wrap select,
	.MC_serach .search_wrap input {height: 2.5rem;}
	.MC_serach .search_wrap select {font-size: 0.85rem; margin-right: 0.75rem;}
	.MC_serach .search_wrap input {font-size: 0.9rem;}
	.MC_serach .search_wrap button {width: 3rem; height: 3rem; font-size: 1.2rem;}
	.MC_serach .recommend {margin-top: 1rem; gap: 0.75rem;}
	.MC_serach .recommend dt {font-size: 0.9rem;}
	.MC_serach .recommend dd a {line-height: 1.5rem; padding: 0 0.7rem; font-size: 0.75rem;}

	/* POPUP ZONE */
	.MC_popup {margin-top: 1.1rem;}
	.MC_popup .control a {font-size: 1.15rem;}
	.MC_popup .control .page {font-size: 0.85rem;}
	.MC_popup .popup_list {margin-top: 0.75rem;}

	/* 레이어팝업 */
	.lyrWrap .inner h3 {padding: 1rem; font-size: 1.2rem; margin-top: 0;}
	.lyrWrap .hashClose {top: 0.8rem; right: 1rem; width: 2rem; height: 2rem; line-height: 2.25rem; font-size: 1rem;}

	/* titTab */
	.titTab li {font-size: 0.9rem;}
	.titTab li + li::before{width: 0.25rem; height: 0.25rem; right: -0.85rem; top: calc(50% - 0.125rem);}

  /* 공지사항 */
	.MC_notice .list_box ul {margin-top: 0.75rem;}
	.MC_notice .list_box li { width: 50%; }
	.MC_notice .list_box li:nth-child(n + 3) { display: none; }
	.MC_notice .list_box li a {padding: 0.75rem 1rem;}
	.MC_notice .list_box li a strong {font-size: 0.85rem;}
	.MC_notice .list_box li a p {margin: 0.4rem 0 0.9rem;}
	.MC_notice .list_box li.no_data {line-height: 9.1rem;}
	.MC_notice.newsletter .list_box .btn_more {top: 0;}

	/* 포털소식 */
	.MC_gallery {margin-top: 1.5rem;}
	.MC_gallery .list_box {margin-top: 0.75rem;;}
	.MC_gallery .list_box li { width: 50%; }
	.MC_gallery .list_box li:nth-child(n + 3) { display: none; }
	.MC_gallery .list_box a span {height: 2.55rem; font-size: 0.85rem; margin: 0.75rem 0 0.5rem;}
	.MC_gallery .list_box a em {font-size: 0.75rem;}
	.MC_gallery .list_box a em i {font-size: 0.85rem;}
	.MC_gallery .list_box li.no_data {height: 16.2rem;}

	/* 누리집 현황 */
	.MC_homepage h2.heading {font-size: 1.1rem;}
	.MC_homepage .tit_wrap p span {font-size: 0.85rem;}
	.MC_homepage .list_inner {height: 29rem; padding: 1.25rem;}
	.MC_homepage .map_srch div select, .MC_homepage .map_srch div input {height: 2.2rem;}
	.MC_homepage .map_srch div button {width: 2.2rem; height: 2.2rem;}
	.MC_homepage .list_box > .titTab ul {gap: 0.5rem;}
	.MC_homepage .hp_list > .titTab li {font-size: 0.85rem;}
	.MC_homepage .hp_list > .titTab li a {line-height: 2.25rem;}
	.MC_homepage .list_box .list_box a .sch_name .name {font-size: 0.85rem;}

	/* 바로가기 */
	.MC_links h2.heading {margin-bottom: 0.75rem;}
	.MC_links a .img {width: 4.5rem; height: 4.5rem;}
	.MC_links a .img img {max-width: 60%;}
	.MC_links a .txt {font-size: 0.85rem;}
}

@media screen and (max-width: 640px) {
	
}	

@media screen and (max-width: 580px) {
	/* 누리집 현황 */
	.MC_homepage .tit_wrap {flex-direction: column; align-items: start; gap: 0.65rem;}
	.MC_homepage .tit_wrap p {width: 100%; display: flex; align-items: center; justify-content: space-between;}
	.MC_homepage .tit_wrap p span {flex: 1; margin-left: auto;}
	.MC_homepage .list_inner {margin-top: 0.65rem;}

	/* 바로가기 */
	.MC_links li {width: calc(33.3% - calc((0.5rem * 3) / 4));}
	.MC_links a .txt { margin-top: 0.5rem; font-size: 0.8rem;}
}

@media screen and (max-width: 480px) {
	#container {margin-top: -0.75rem;}

	.MC_wrap3 {margin-top: 0.75rem;}

	/* SEARCH */
	.MC_serach .recommend {margin-top: 0.75rem; flex-direction: column; gap: 0.5rem;}
	.MC_serach .recommend dt {padding-top: 0;}
	.MC_serach .recommend dd {padding: 0;}

	/* 레이어팝업 */
	.lyrWrap .inner .cont {margin: 1rem;}
	.lyrWrap .allpop_list li {width: 100%;}

	/* 게시판 모바일 셀렉트 공통 */
	.bbs_select_wrap,
	.bbs_select {width: 100%;}

  /* 공지사항 */
	.MC_notice .tit_wrap {flex-direction: column; align-items: start; gap: 0.25rem;}
	.MC_notice .list_box ul { height: auto; margin-top: 0.75rem;}
	.MC_notice .list_box li { width: 100% !important; float: none; }
	.MC_notice .list_box li + li { margin-top: 0.5rem; }
	.MC_notice .list_box li a p { display: none; }
	.MC_notice .list_box li a span{ margin-top: 0.5rem;}
	.MC_notice .list_box li.no_data { line-height: 12.15rem; }

	/* 포털소식 */
	.MC_gallery .tit_wrap {flex-direction: column; align-items: start; gap: 0.25rem;}
	.MC_gallery .list_box {margin-top: 0.5rem;}
	.MC_gallery .list_box li { width: 100%; }
	.MC_gallery .list_box li:nth-child(n + 2) { display: none; }
	.MC_gallery .list_box a .img {height: 10rem;}
	.MC_gallery .list_box a span { margin: 0.5rem 0 0.5rem; }
	.MC_gallery .btn_more { top: -0.3rem; }
	.MC_gallery .list_box li.no_data { height: 14.45rem; } 

	/* 누리집 현황 */
	.MC_homepage .map_area {display: none;}
	.MC_homepage .list_area {padding-top: 1rem;}
	.MC_homepage .list_inner {padding: 1rem; height: 30rem;}
	.MC_homepage .list_box > .titTab li {width: calc(50% - 0.25rem)}

	/* 바로가기 */
	.MC_links ul {justify-content: start;}
	.MC_links li {width: calc(33.3% - calc((0.5rem * 2) / 3));}
	.MC_links a .img {width: 4rem; height: 4rem;}

	/* 이용문의 */
	.use_qna {width: 2rem;}
}

@media screen and (max-width: 440px) {

}

@media screen and (max-width: 380px) {
	/* SEARCH */
	.MC_serach .search_wrap form {padding-left: 0.75rem;}
	.MC_serach .search_wrap select {display: none;}

  /* 공지사항 */
	.MC_notice .list_box li a { padding: 1rem; }
	.MC_notice .list_box li a strong { font-size: 0.85rem; }
	.MC_notice .list_box li a p { margin: 0.25rem 0; }
	.MC_notice .list_box li.no_data {line-height: 13.15rem;}

	/* 포털소식 */
	.MC_gallery .tit_wrap {flex-direction: column; align-items: start; gap: 0.25rem;}
	.MC_gallery .list_box { height: auto; }

	/* 누리집 현황 */
	.MC_homepage .map_srch div.input_box::before {left: 0.5rem;}
	.MC_homepage .map_srch div input {flex: none; width: calc(100% - 2.75rem); padding-left: 1.5rem;}
	.MC_homepage .list_box .list_box a .sch_name .view {width: 1.5rem; height: 1.5rem; font-size: 0.85rem;}
	.MC_homepage .map_srch div select {padding-left: 0.75rem; padding-right: 2rem;}
	.MC_homepage .list_inner {height: 32.75rem;}
	.MC_homepage .list_box > .titTab li {width: 100%;}
	.MC_homepage .hp_list > .titTab li {font-size: 0.8rem;}
}	

@media (max-width: 340px) { 
	/* 바로가기 */
	.MC_links li {width: calc(50% - calc((0.5rem * 3) / 4));}

	/* POPUP ZONE */
	.MC_popup .tit_wrap {flex-direction: column; align-items: start;}
	.MC_popup .control {width: 100%;}
	.MC_popup .control .page {margin-right: auto;}

	/* 레이어팝업 */
	.lyrWrap .allpop_list li a {height: 8.25rem;}

	/* 바로가기 */
	.MC_links li {width: calc(50% - 0.25rem);}

	/* 게시판 모바일 셀렉트 공통 */
	.bbs_select {font-size: 0.8rem;}
}