#wrap ::-webkit-scrollbar {width: 4px; height: 4px;}
#wrap ::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 10px;}
#wrap ::-webkit-scrollbar-track {background-color: #ddd; border-radius: 10px;}

/* 2-4페이지 검색영역 위치 */
.fp-viewing-2rdPage #totalSearch, .fp-viewing-2rdPage #totalSearch2,
.fp-viewing-3rdPage #totalSearch, .fp-viewing-3rdPage #totalSearch2,
.fp-viewing-4rdPage #totalSearch, .fp-viewing-4rdPage #totalSearch2 {top:3.75rem;}

/* animation */
.mtBox [class*="mot"]{opacity:0;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;}
.mtBox [class*="mot"][class$="-left"]{transform:translateX(-100%);-webkit-transform:translateX(-100%);}
.mtBox [class*="mot"][class$="-right"]{transform:translateX(100%);-webkit-transform:translateX(100%);}
.mtBox [class*="mot"][class$="-top"]{transform:translateY(-50px);-webkit-transform:translateY(-50px);}
.mtBox [class*="mot"][class$="-bottom"]{transform:translateY(50px);-webkit-transform:translateY(50px);}
.mtBox [class*="mot"][class$="-contShow"]{width:20%;}

.start .mtBox.active [class*="mot"]{opacity:1;}
.start .mtBox.active [class*="mot1"]{transition-delay:0s;-webkit-transition-delay:0s;}
.start .mtBox.active [class*="mot2"]{transition-delay:.2s;-webkit-transition-delay:.2s;}
.start .mtBox.active [class*="mot3"]{transition-delay:.3s;-webkit-transition-delay:.3s;}
.start .mtBox.active [class*="mot4"]{transition-delay:.4s;-webkit-transition-delay:.4s;}
.start .mtBox.active [class*="mot5"]{transition-delay:.5s;-webkit-transition-delay:.5s;}
.start .mtBox.active [class*="mot6"]{transition-delay:.6s;-webkit-transition-delay:.6s;}
.start .mtBox.active [class*="mot7"]{transition-delay:.7s;-webkit-transition-delay:.7s;}
.start .mtBox.active [class*="mot"][class$="-left"]{transform:translateX(0px);-webkit-transform:translateX(0px);}
.start .mtBox.active [class*="mot"][class$="-right"]{transform:translateX(0px);-webkit-transform:translateX(0px);}
.start .mtBox.active [class*="mot"][class$="-top"]{transform:translateY(0px);-webkit-transform:translateY(0px);}
.start .mtBox.active [class*="mot"][class$="-bottom"]{transform:translateY(0px);-webkit-transform:translateY(0px);}
.start .mtBox.active [class*="mot"][class$="-contShow"]{width:100%;transition:all 1s ease;-webkit-transition:all 1s ease;}

/* common style */
h2.heading {position: relative; font-family: 'Jalnan'; font-size: 1.7rem; display: inline-block; margin: 0 auto; font-weight: 700; color:#000;}
h2.heading::before,
h2.heading::after {content: ''; position: absolute; top:calc(50% - 0.25rem); width:0.5rem; height:0.5rem; border-radius: 50%; background: #ff8029;}
h2.heading::before {left:-1.5rem;}
h2.heading::after {right:-1.5rem;}
h3.heading2 {position: relative; font-family: 'Jalnan'; font-size: 1.3rem; display: block; margin: 0 auto 1rem; font-weight: 700; color:#f75338;}
.more_btn{ position:absolute; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; text-align: center; }
.more_btn i,
.more_btn img {-webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s;}
.more_btn:hover i,
.more_btn:focus i,
.more_btn:hover img,
.more_btn:focus img { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

.fp-nav {z-index: 9;position:absolute; top:6.25rem; left:0; padding: 2.5rem 0 5.5rem 0.9rem;}
.fp-nav::before {content: ''; position: absolute; top:0; left:0; width:4.5rem; height: 100%; background: #212e4e; border-radius: 0 0 2.25rem 2.25rem;}
.fp-nav::after {content: ''; position: absolute; top:0; left:4.5rem; width:49px; height: 49px; background: url(/images/dgedu/web/dsag/main/fp_nav_round.png) no-repeat 0 0 / contain;}
.fp-nav > li {position:relative;}
.fp-nav > li ~ li {margin-top: 0.6rem;}
.fp-nav > li > a {position:relative; display:flex; align-items: center; width: 8.5rem; padding:0 0.2rem; line-height:2.15rem; border-radius: 1.1rem; background: #fff; border: 1px solid #d1d1d1; text-align: center; text-align:left; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.35);}
.fp-nav > li > a::before {content: ''; position: absolute; left:0.2rem; top:50%; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: #6e798d; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.fp-nav > li > a > span{ font-size:0.75rem; font-weight: 600; color:#000; z-index: 1;}
.fp-nav > li > a > i {width: 1.9rem; height: 1.9rem; line-height: 1.9rem; font-size: 1.2rem; text-align: center; color: #fff; margin-right:0.25rem; z-index: 1;}
.fp-nav > li.active:before{border-color:#00a190; background:#00a190;}
.fp-nav > li > a,
.fp-nav > li > a::before,
.fp-nav > li > a > span,
.fp-nav > li > a > i {transition: all 0.3s; -webkit-transition: all 0.3s;} 
.fp-nav > li.active > a {box-shadow: 8px 8px 10px rgba(0,0,0,0.24);}
.fp-nav > li:nth-child(1).active > a {border-color: #435cd2; background: #435cd2;}
.fp-nav > li:nth-child(2).active > a {border-color: #f75338; background: #f75338;}
.fp-nav > li:nth-child(3).active > a {border-color: #e43576; background: #e43576;}
.fp-nav > li.active > a:before {width: 200%; height: 200%; left:-5rem}
.fp-nav > li:nth-child(1).active > a:before {background: #435cd2;}
.fp-nav > li:nth-child(2).active > a:before {background: #f75338;}
.fp-nav > li:nth-child(3).active > a:before {background: #e43576;}
.fp-nav > li.active > a > span {color: #fff; font-weight: 600;}

.go_map {position: absolute; left:0.75rem; top:18.45rem; width: 3rem; height: 3rem; line-height: 2.75rem; border-radius: 50%; text-align: center; background: #435cd2; z-index: 10;}
.go_map a {display: block;}
.go_map img {vertical-align: middle;}

.scroll_txt {position: absolute; display: flex; flex-direction: column; align-items: center; left:0; top:19%; z-index: 10;}
.scroll_txt span {display: block; font-size: 0.6rem; color: #999; font-family: 'Montserrat'; letter-spacing: 0; font-weight: 300; height: 6rem; transform: rotate(-90deg) translatey(43.5%);}
.scroll_txt i {font-size: 1.5rem; color:#1a319f;}
.fp-viewing-4rdPage .scroll_txt {display: none;}

/* 메인비주얼 */
.MVisual {height: 100%; position: relative; text-align: center;}
.MVisual .visual01 {position: absolute; top:0; left:calc(50% - 329px); z-index: 1;}
.MVisual .visual02 {position: absolute; bottom:1rem;}
.MVisual .visual02::before {content: ''; position: absolute; right:-610px; top:-5.4rem; width:600px; height:339px; background: url('/images/dgedu/web/dsag/main/section1_img2.png') no-repeat 0 0 / contain;}

/* 바로가기1 */
.M_link01 { position:relative; height:100%; padding: 0 0.5rem;}
.M_link01 ul{display: flex;}
.M_link01 li { position:relative; flex: 1; vertical-align: top; padding:0 0.25rem;}
.M_link01 li a {position:relative; display: block; width:100%; text-align: center; color: #11224b;}
.M_link01 li a .img{display: flex; align-items: center; justify-content: center; width: 7.25rem; height: 7.25rem; border-radius: 50%; background: #fff; border: 3px dotted #4ebfe4; margin: 0 auto 0.5rem; transition: 0.15s; -webkit-transition: 0.15s;}
.M_link01 li a .img img { max-width: 3.5rem; width: 80%; margin: 0 auto; transition: 0.15s; -webkit-transition: 0.15s;}
.M_link01 li a .txt { line-height:1.1rem; font-size: 1.1rem; font-weight: 600; letter-spacing: -2px; max-height:2rem; overflow:hidden; }
.M_link01 .control{position: absolute; top: 2rem; left: 0; right: 0;}
.M_link01 .control a{position: absolute; top: 0; left: 0; font-size: 1.2rem;}
.M_link01 .control a.next{left: auto; right: 0;}
/** 바로가기1 : active **/
.M_link01 li a:focus .img,
.M_link01 li a:hover .img {border:3px solid #6e83ec;}
.M_link01 li a:focus p img,
.M_link01 li a:hover p img{transform: rotateY(180deg);}

/* 게시판 */
.M_notice { position:relative; height:100%; border-radius: 1.5rem; background: #fff; padding:1.75rem 2.5rem 2.25rem; box-shadow: 4px 4px 0 rgba(0,0,0,0.24);}
.M_notice::before {content: ''; position: absolute; left:-1.25rem; top:-4.5rem; width:92px; height: 117px; background: url('/images/dgedu/web/dsag/main/notice_img1.png') no-repeat 0 0 / contain; z-index: -1;}
.M_notice::after {content: ''; position: absolute; right:-4.5rem; bottom:-3.25rem; width:143px; height: 266px; background: url('/images/dgedu/web/dsag/main/notice_img2.png') no-repeat 0 0 / contain;}
.M_notice h2 {font-size:1.2rem; font-weight: 700; color:#404751; margin-bottom: 1.25rem;}
.M_notice .list_box { display:block; position: relative; width:100%; }
.M_notice .list_box li {position: relative;}
.M_notice .list_box li ~ li {margin-top: 0.9rem;}
.M_notice .list_box li:nth-child(n+4) {display:none;}
.M_notice .list_box li a{ position: relative; display:flex; align-items: center;}
/* .M_notice .list_box li a.new p.tit::before { content: "NEW"; display: inline-block; font-style: italic; margin-right: 0.5rem; color: #f4781f; text-decoration: underline;} */
.M_notice .list_box li a em {display: inline-block; width: 5rem; line-height: 1.75rem; margin-right:0.35rem; border-radius: 0.9rem; text-align: center; font-size: 0.8rem; color: #fff;}
.M_notice .list_box li a em.color1 {background: #f7a619;}
.M_notice .list_box li a em.color2 {background: #00a285}
.M_notice .list_box li p.tit{ flex:1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow:hidden; text-overflow: ellipsis; height: 1.7rem; font-size: 0.9rem; line-height: 1.5rem; font-weight: 600;}
.M_notice .list_box li a.new p.tit::before { content: '\e9a8'; color: #435cd2; font-size: 1.5rem; font-family: 'xeicon'; margin-right: 0.25rem; vertical-align: sub;}
.M_notice .list_box li .more_btn_s{ margin-left:0.5rem; color:#666; font-size: 0.65rem; width: 3.25rem; text-align: center; line-height: 1.2rem; border-radius: 0.25rem; border:1px solid #c4c4c4;}
.M_notice .more_btn {position: absolute; right: 2.5rem; top: -1.75rem; display: flex; flex-direction: column; width:5.5rem; height:5.5rem; background: #d39c63; border-radius: 50%; font-size: 0.8rem; color: #fff; font-weight: 600; box-shadow: none;}
.M_notice .more_btn i {font-size: 1.2rem; font-weight: 400; margin-bottom: 0.5rem;}
/* 게시판 : 데이터 없음 */ 
.M_notice .list_box li.no_data{width: 100%; text-align: center; line-height: 15.9rem; background: rgba(0,0,0,0.1); margin: 0 1rem; border-radius: 1rem;}
/* 게시판 : active */ 
.M_notice .list_box li p.tit,
.M_notice .list_box li .more_btn_s {transition: all 0.15s; -webkit-transition: all 0.15s;}
.M_notice .list_box li a:hover p.tit,
.M_notice .list_box li a:focus p.tit { text-decoration: underline;}
.M_notice .list_box li a:hover .more_btn_s,
.M_notice .list_box li a:focus .more_btn_s { color:#fff; border-color:#435cd1; background: #435cd1;}
.M_notice .more_btn:hover,
.M_notice .more_btn:focus {background: #435cd1;}

/* 나눔은행검색 서비스 */
.M_search {text-align: center;}
.M_search h2.heading {position:relative; display: inline-block; margin-bottom: 1.5rem;}
.M_search h2::before,
.M_search h2::after {content: ''; position: absolute; top:calc(50% - 0.25rem); width:0.5rem; height:0.5rem; border-radius: 50%; background: #ff8029;}
.M_search h2::before {left:-1.5rem;}
.M_search h2::after {right:-1.5rem;}
.M_search .srch {width:56.5%; margin: 0 auto;}
.M_search .srch input{max-width: calc(100% - 5.75rem); width: 100%; height: 3.45rem; background-color: #fff; border: 3px solid #fe8029; vertical-align: top; border-radius: 0.9rem; outline: none; box-shadow: 7px 7px 18px rgba(0, 0, 0, 0.24); padding: 0 1.5rem;}
.M_search .srch button {margin-left:-1.7rem; width: 7.2rem; height: 3.45rem; border-radius: 0.9rem; background-color: #f75338; border: 3px solid #f75338; box-shadow: 7px 7px 18px rgba(0, 0, 0, 0.24);}
.M_search .srch button img {vertical-align: middle;}
.M_search .srch button .img1 {display: inline-block;}
.M_search .srch button .img2 {display: none;}

/* 바로가기2 */
.M_link02 {position: relative; width:56.5%; margin: 0 auto; height:100%; display: flex; flex-wrap: wrap; align-items: center; padding: 0.9rem 1rem;}
.M_link02::before {content: ''; position: absolute; left:0; bottom:0; width: 100%; height: 150%; background: #fe8029; border-radius: 1rem; z-index: -1;}
.M_link02 .link02_tit {display: flex; align-items: center; font-size: 0.9rem; color: #fff; margin-right: 1rem;}
.M_link02 .link02_tit i {font-size: 1.1rem; margin-left:0.25rem;}
.M_link02 ul{display: flex; justify-content: space-between;}
.M_link02 li { position:relative;}
.M_link02 li ~ li {margin-left:1.35rem;}
.M_link02 li a {position:relative; display: flex; align-items: center; width:100%; padding:0 1.25rem; line-height: 1.8rem; text-align: center; color: #000; border-radius: 0.9rem; box-shadow: 4px 4px 6px rgba(0,0,0,0.12);}
.M_link02 li:nth-child(1) a {background: #fff3e8;}
.M_link02 li:nth-child(2) a {background: #f7ffe8;}
.M_link02 li:nth-child(3) a {background: #f5fffd;}
.M_link02 li a .img{ transition: 0.15s; -webkit-transition: 0.15s;}
.M_link02 li a .img img {vertical-align: middle; transition: 0.15s;}
.M_link02 li a .txt {flex:1; font-size: 0.9rem; font-weight: 600; overflow:hidden; transition: 0.15s;}
.M_link02 .control{position: absolute; top: 2rem; left: 0; right: 0;}
.M_link02 .control a{position: absolute; top: 0; left: 0; font-size: 1.2rem;}
.M_link02 .control a.next{left: auto; right: 0;}
/** 바로가기2 : active **/
.M_link02 li:nth-child(1) a:focus,
.M_link02 li:nth-child(1) a:hover {color:#f75338;}
.M_link02 li:nth-child(2) a:focus,
.M_link02 li:nth-child(2) a:hover {color:#466b02;}
.M_link02 li:nth-child(3) a:focus,
.M_link02 li:nth-child(3) a:hover {color:#006652;}
.M_link02 li a:focus p img,
.M_link02 li a:hover p img{transform: rotateY(180deg);}

/* 바로가기3 */
.M_link03 { position:relative; height:100%;}
.M_link03 ul{display: flex; justify-content: space-between;}
.M_link03 li { position:relative; width:30.75%;}
.M_link03 li a {position:relative; display: block; width:100%; padding:2.5rem 2rem 2.75rem; color: #fff; border-radius: 1.75rem; background: #f7a619; box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.M_link03 li:nth-child(2) a {background: #18a86b;}
.M_link03 li:nth-child(3) a {background: #ff8029}
.M_link03 li:nth-child(odd) {margin-top: 0.6rem;}
.M_link03 li a .tit { font-size: 1.4rem; font-weight: 600; text-shadow: 4px 4px 5px rgba(0,0,0,0.12);}
.M_link03 li a .txt { font-size: 0.8rem; margin:0.25rem 0 1.65rem }
.M_link03 li a span {display: flex; justify-content: space-between; align-items:center; width:7.75rem; line-height: 2.3rem; padding:0 1rem 0 1.25rem; border-radius: 1.25rem; border: 2px solid #fff; transition: 0.15s; -webkit-transition: 0.15s;}
.M_link03 li a .img{position: absolute; right:1.5rem; bottom:1rem; transition: 0.15s; -webkit-transition: 0.15s;}
.M_link03 li a .img img {vertical-align: middle; transition: 0.15s; -webkit-transition: 0.15s;}
.M_link03 .control{position: absolute; top: 2rem; left: 0; right: 0;}
.M_link03 .control a{position: absolute; top: 0; left: 0; font-size: 1.2rem;}
.M_link03 .control a.next{left: auto; right: 0;}
/** 바로가기2 : active **/
.M_link03 li a:focus span,
.M_link03 li a:hover span {background: #fff; color: #252525;}
.M_link03 li a:focus p img,
.M_link03 li a:hover p img{transform: translateY(-10px);}

/* 안내사항 */
.M_notice2 h2.heading {margin-bottom: 1rem;}
.M_notice2 h2.heading::before,
.M_notice2 h2.heading::after {display: none;}
.M_notice2 .list_box { display:block; position: relative; width:100%; border-radius: 1.1rem; background: #fff; padding:1.25rem 2rem; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.M_notice2 .list_box li {position: relative;}
.M_notice2 .list_box li:nth-child(n+2) {display:none;}
.M_notice2 .list_box li a{ display:flex; align-items: center; justify-content: space-between; font-weight: 600;}
/* .M_notice2 .list_box li a.new p.tit::before { content: "NEW"; display: inline-block; font-style: italic; margin-right: 0.5rem; color: #f4781f; text-decoration: underline;} */
.M_notice2 .list_box li a em {position: relative; display: inline-block; color:#f75338; font-size: 1rem; padding-right: 2rem; margin-right:1.9rem;}
.M_notice2 .list_box li a em::before {content: ''; position: absolute; right: 0; top: calc(50% - 10px); width: 2px; height: 20px; background: #f75338;}
.M_notice2 .list_box li p.tit{ flex:1; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 0.9rem; color: #000;}
.M_notice2 .list_box li a.new p.tit::before { content: '\e9a8'; color: #f85238; font-size: 1.5rem; font-family: 'xeicon'; margin-right: 0.5rem; vertical-align: sub;}
.M_notice2 .list_box li a span {font-size: 0.8rem; color: #666; margin-left: 0.5rem; font-weight: 400;}
/* 게시판 : 데이터 없음 */ 
.M_notice2 .list_box li.no_data{width: 100%; text-align: center; line-height: 15.9rem; background: rgba(0,0,0,0.1); margin: 0 1rem; border-radius: 1rem;}
/* 게시판 : active */ 
.M_notice2 .list_box li p.tit {transition: all 0.15s; -webkit-transition: all 0.15s;}
.M_notice2 .list_box li a:hover p.tit,
.M_notice2 .list_box li a:focus p.tit { color: #f85238;}

/* 자원맵 */
.M_map .h2_txt {display: block; margin-top: 0.75rem; font-weight: 400; font-size: 0.9rem; color:#545454;}
.M_map { position:relative; padding:3rem 0; }
.M_map ::-webkit-scrollbar-thumb {background-color: #e53677 !important;}
.M_map .map_wrap {display: flex;}
.M_map .map_wrap {position:relative;}

/* 지도로 찾기 */
.M_map .go_map2 {position: absolute;right: 59rem;display: flex;align-items: center;line-height: 2.5rem;border-radius: 2.5rem;padding: 0 1.5rem 0 0.9rem;background: #6a3ec3;color: #fff;font-size: 0.8rem;box-shadow: 5px 5px 0 rgba(132,132,132,0.2);z-index: 11;} /*240223*/
.M_map .go_map2 i {font-size: 1.2rem; margin-right:0.25rem;}

/* 지도 */
.M_map .mapArea {width: 30rem; height: 36rem; position: relative; background-image: url(/images/dgedu/web/dsag/main/map_bg.png); background-repeat: no-repeat; background-position: top 98px left;}
.M_map .tabArea {position:absolute; right:0; width:calc(100% - 30rem); height: 100%; padding-top: 3rem; visibility: hidden; opacity: 0;}
.M_map .tabArea.on {visibility: visible; opacity: 1; z-index: 10;}
.mapArea .m_map_box {position: absolute; width: 600px; height: 715px;}
.mapArea .m_map_box img {position: absolute; left: 0; top: 0;}
.mapArea h2 {color: #fff; font-size: 22px; position: absolute; left: 35px; top: 35px; font-weight: bold;}
.mapArea .m_map_box .Proportional { display: inline-block; position: absolute; left: 125px; top: 77px; color: #fff; font-size: 14px; white-space: nowrap; font-weight: bold; z-index: 8;}
.mapArea .m_map_box .Proportional span { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; background-color: #1c4082; border-radius: 50%; margin-right: 3px; border: 1px solid #1c4082;}
.mapArea .m_map_box .Proportional:focus span,
.mapArea .m_map_box .Proportional:hover span {background-color: #fff; color: #1c4082; }
.mapArea .m_map_box .empty_map { z-index: 5; }
.mapArea .on_map_box { width: 100%; height: 100%; position: relative; z-index: 1; }
.mapArea .on_map_box img { position: absolute; display: none; }
.mapArea .on_map_box .on {display: block !important;}
.mapArea .on_map_box .part_1 { top: 0; left: 124px; }
.mapArea .on_map_box .part_2 { top: 269px; left: 266px; }
.mapArea .on_map_box .part_3 { top: 298px; left: 167px; }
.mapArea .on_map_box .part_4 { top: 350px; left: 0; }
.mapArea .on_map_box .part_5 { top: 398px; left: 182px; }
.mapArea .on_map_box .part_6 { top: 411px; left: 239px; }
.mapArea .on_map_box .part_7 { top: 427px; left: 133px; }
.mapArea .on_map_box .part_8 { top: 437px; left: 224px; }
.mapArea .on_map_box .part_9 { top: 419px; left: 256px; }
.mapArea .on_map_box .part_10 { top: 482px; left: 0; }
.M_map .titWrap{ position:absolute; left:0; top:3rem; height:3rem; max-width:50rem; display:flex; align-items:center;}
.M_map .titWrap h2{ padding-right:.5rem;}
.M_map .titWrap p{font-size:1.2rem; font-weight:600; }
.M_map .titTab{ padding-right:1em;}
.M_map .titTab ul{ display:flex;}
.M_map .titTab li{ position:relative; flex:1;}
.M_map .titTab li + li{ margin-left:0.75rem; }
.M_map .titTab li a { position:relative; display:flex; align-items: center; padding: 0 1rem; background: #fff; font-size:1rem; font-weight: 600; color: #000; line-height:2.65rem; border-radius: 1.4rem 0 1.4rem 1.4rem; text-align: center; white-space:nowrap; overflow:hidden; z-index: 1; box-shadow: 5px 5px 0 rgba(132,132,132,0.2);}
.M_map .titTab li a img {margin-right: 1.5rem;}
.M_map .list_box{ position:absolute; left:0; top:6.5rem; width:100%; height:calc(100% - 10.5rem); display:flex; align-items: flex-end; visibility:hidden; opacity:0;}
.M_map .list_box .slider{ position:absolute; top:0; display: block; width: calc(100% + 0.6rem); margin-left:-0.6rem;}
.M_map .slick-track {margin-left: 0; margin-right: 0;}
.M_map .list_box.on{ visibility:visible; opacity:1;}
.M_map .obj{ padding:1rem 0; margin:0 0.6rem;}
.M_map .obj a{ position:relative; display:block; height:20.3rem; border:1px solid #fff; background:#fff; border-radius: 1.5rem; padding:1rem; word-break: keep-all; box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.M_map .obj .info_img {position:relative; width:100%; height:215px; border-radius: 12px; overflow: hidden; background: #eee;}
.M_map .obj .info_img img {position:relative; width:100%; height:auto; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.M_map .obj .info_img .tag {position: absolute; left:10px; bottom: 10px; display: flex;}
.M_map .obj .info_img .tag span {display: inline-block; line-height: 30px; border-radius: 15px; padding: 0 10px; color: #fff; font-size: 14px; font-weight: 600;}
.M_map .obj .info_img .tag span ~ span {margin-left:5px;}
.M_map .obj .info_img .tag span.color1 {background: #4951e2;}
.M_map .obj .info_img .tag span.color2 {background: #ff6c56;}
.M_map .obj .info_img .tag span.color3 {background: #4d8314;}
.M_map .obj .info_img .tag span.color4 {background: #b15fe5;}
.M_map .obj .info_tit{width: 100%; margin: 15px 0 12px; color: #000; font-size: 20px; font-weight: 700;}
.M_map .obj .info_tit > span {position:relative; white-space: nowrap; display: block; width: fit-content; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding-right:28px;}
.M_map .obj .info_tit > span a {position: absolute; top:0; right:0; display:flex; align-items: center; justify-content: center; width:28px; height: auto; font-size: 25px;}
.M_map .obj .info_tit > span a i {transition: all 0.2s; -webkit-transition: all 0.2s;}
.M_map .obj .info_tit > span a:hover i,
.M_map .obj .info_tit > span a:focus i {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.M_map .obj .info_txt { width: 100%; padding: 10px 15px; display: flex; flex-direction: column; background: #ebebeb; border-radius: 12px; max-height: 4.9rem; overflow-y: auto;}
.M_map .obj .info_txt p { line-height: 26px; position: relative; display: flex; align-items: start; font-size: 15px;}
.M_map .obj .info_txt i { display: block; margin-right: 5px; color: #5b5b5b; font-size: 16px; margin-top: 0.2rem;}
.M_map .obj .info_txt span {display: block; word-break: keep-all; white-space: normal; font-size: 14px; font-weight: 600; color: #414141; text-align: left;}
.M_map .obj .info_txt .M_map .objBtn{width: 94px; height: 30px; border-radius: 15px; background-color: #fff; border: 2px solid #4c5d6f; display: flex; align-items: center; justify-content: center; margin: 2px auto 0; color: #222; font-size: 13px; font-weight: 600; transition: all 0.2s;}
.M_map .obj .info_txt .M_map .objBtn:focus,
.M_map .obj .info_txt .M_map .objBtn:hover{ background-color: #4c5d6f; color: #fff;}
.M_map .obj .state{ display:flex; height:2.75rem; align-items:center;}
.M_map .obj .state em{min-width:2.75rem; height:2.75rem; line-height:2.75rem; font-size:.7rem; font-weight:600; text-align:center; border-radius:50%; color:#fff; margin-right:.25rem;}
.M_map .obj .state.ing em{ background:#5364c0;}
.M_map .obj .state.end em{ background:#00a392;}
.M_map .obj .state.wait em{ background:#5c5c5c;}
.M_map .obj h4{ height:3rem; font-size:.95rem; line-height:1.5rem; font-weight:600; margin:1.5rem 0 2rem; overflow:hidden; color:#222;}
.M_map .obj .info p{ display:flex; align-items:center; font-size:.75rem; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.M_map .obj .info p span{ min-width:3.5rem; height:1.5rem; font-size:.7rem; color:#fff; border-radius:2rem; background:#9b9b9b; padding:.25rem 0; margin-right:.25rem; text-align:center; background:#777;} /*명도대비 수정 기존값 #9c9c9c*/
.M_map .obj .info p + p{ margin-top:.25rem;}
.M_map .control{ position:absolute; left:0; bottom:0; width:100%; display:flex; align-items:center; flex-wrap: wrap;}
.M_map .control .bar{ position:relative; height:2px; background:#e0d4d7; width:99%; margin-bottom: 0.5rem;}
.M_map .control .bar::before{ content:""; position:absolute; left:2rem; bottom:0; width:3rem; height:1.5rem; background:url('/images/web/djei/main/prgm_bar_ico2.png') no-repeat center/cover; z-index: 1;}
.M_map .control .bar p{ position:absolute; left:0; top:0; height:100%; max-width:100%; background:#e53677;}
.M_map .control .bar p::before{ content:""; position:absolute; right:1rem; bottom:-1px; width:3.5rem; height:2.2rem; background:url('/images/web/djei/main/prgm_bar_ico1.png') no-repeat center/cover; }
.M_map .control > a{ min-width:2.25rem; height:2.25rem; line-height:2.2rem; font-size:1.4rem; text-align:center; color:#fff; border:1px solid #e53677; background-color:#e53677; background-position: center; background-repeat:no-repeat; border-radius:.5rem; box-shadow:0 0 13px rgba(215,207,210,0.53); z-index: 1;} 
.M_map .control > a + a{ margin-left:0.25rem;}
.M_map .control > a.play,
.M_map .control > a.stop {font-size: 1rem;}
.M_map .control > a.play{display:none;}
.M_map .control > a.prev{ border:1px solid #f6b5cd; background-color:#fff; color:#e53677; border-bottom-right-radius: 0;}
.M_map .control > a.next{ border:1px solid #f6b5cd; background-color:#fff; color:#e53677; border-bottom-left-radius: 0;}
.M_map .list_box .no_data { width:100%; height:100%; display:flex; align-items: center; justify-content: center;}
.M_map .more_btn {width:2.85rem; height:2.75rem; border-radius:0.4rem; background:#e53677; color:#fff; font-size: 15px; right:0.5rem; top:-3.5rem;}
.M_map .more_btn span {padding:0 0.1rem;}
.M_map .more_btn:hover i,
.M_map .more_btn:focus i { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); }
/** 자원맵 : active **/
.M_map .bar,
.M_map .bar p{ transition: all .5s; -webkit-transition: all .5s;}
.M_map :before,
.M_map a,
.M_map .titTab li a img { transition: all .2s; -webkit-transition: all .2s;}
.M_map .titTab li.current a{ background:#e53677; color:#fff;}
.M_map .titTab li.current a img {filter: brightness(2);}
.M_map .titTab li:not(.current) a:hover,
.M_map .titTab li:not(.current) a:focus{ color:#e53677;}
.M_map .obj a:hover,
.M_map .obj a:focus {border-color: #e53677; box-shadow:4px 4px 0px rgba(0,0,0,0.2); transform: translateY(-1rem); -webkit-transform: translateY(-1rem);}
.M_map .obj a:hover h4{ color:#31409b;}
.M_map .control > a.play:hover,
.M_map .control > a.stop:hover{ border-color:#c41c5a;}
.M_map .control > a.prev:hover,
.M_map .control > a.next:hover{ border-color:#e53677; color:#e53677;}
/* 모바일 지역선택 */
.M_map .map_select {background: #f75338; padding: 1rem; display: none; flex-direction: column; width:100%; max-width:30rem; margin: 2rem auto 0; border-radius: 1.4rem; box-shadow: 5px 5px 0 rgba(0,0,0,0.24);}
.M_map .map_select .tit {color:#fff; text-align: left; font-size: 0.9rem; font-weight: 600; margin-bottom: 0.75rem;}
.M_map .map_select select{width:100%; height:2.25rem; border-radius: 0.4rem; border:1px solid #fff; padding:0 20px; font-size: 0.65rem; font-weight: 600;position: relative; background: white url(/images/dgedu/web/dsag/main/m_sel_arrow.png) no-repeat 97%;box-shadow: 0 0 30px rgba(214, 87, 114, 0.15);}
.M_map .map_select select{-webkit-appearance: none; /* for chrome*/   -moz-appearance: none;/* for firefox*/  appearance: none;}
.M_map .map_select select::-ms-expand {   display: none; /* for IE10, 11*/}


@media (max-height: 900px) {
    .fp-nav{display: none;}

}

@media (max-width: 1650px) {
    /* 게시판 */
    .M_notice::after {right:-2.5rem; bottom:-3.25rem; width:100px; height: 186px;}
    
	/*240223*/
	.M_map .go_map2 {right:47rem;} /*240223*/
}

@media (max-width: 1540px) {
    /* animation */
    .mtBox [class*="mot"]{opacity:1;}
    .mtBox [class*="mot"][class$="-left"]{transform:translateX(0);-webkit-transform:translateX(0);}
    .mtBox [class*="mot"][class$="-right"]{transform:translateX(0);-webkit-transform:translateX(0);}
    .mtBox [class*="mot"][class$="-top"]{transform:translateY(0);-webkit-transform:translateY(0);}
    .mtBox [class*="mot"][class$="-bottom"]{transform:translateY(0);-webkit-transform:translateY(0);}
    .mtBox [class*="mot"][class$="-contShow"]{width:100%;}

    .fp-nav,
    .go_map,
    .scroll_txt {display: none;}
    .fp-tableCell{height: auto !important; vertical-align: unset !important;}

    /* 메인비주얼 */
    .MVisual .visual02 {width:48%;}
    .MVisual .visual02::before {display: none;}
    .MVisual .visual02 img {max-width: 100%;}

    /* 바로가기1 */
    .M_link01 li a .txt { font-size: 1rem;}

    /** 자원맵 **/
    .mapArea .m_map_box {width:570px;}
    .M_map .tabArea {width:calc(100% - 28.5rem);}
    .M_map .titTab li a img {margin-right: 0.75rem;}
}

@media (max-width: 1350px) {
    .M_map .titTab li a {justify-content: center;}
    .M_map .titTab li a img {display: none;}
}

@media (max-width: 1280px) {
    /* 바로가기1 */
    .M_link01 li a .img{width: 6rem; height: 6rem;}
    .M_link01 li a .txt { font-size: 0.9rem;}
}

@media (max-width: 1240px) {
    /* common style */
    h2.heading {font-size: 1.4rem;}

    .fp-viewing-2rdPage #totalSearch, .fp-viewing-2rdPage #totalSearch2, 
    .fp-viewing-3rdPage #totalSearch, .fp-viewing-3rdPage #totalSearch2, 
    .fp-viewing-4rdPage #totalSearch, .fp-viewing-4rdPage #totalSearch2 {top:3.5rem;}

    /* 바로가기1 */
    .M_link01 {padding: 0;}
    .M_link01 li {padding: 0 0.25rem;}
    .M_link01 li a .img {width:5rem; height:5rem;}
    .M_link01 li a .img img {max-width: 60%;}
    .M_link01 li a .txt {font-size: 0.85rem;}

    /* 게시판 */
    .M_notice {padding:1.5rem 1.25rem 1.75rem;}
    .M_notice::before,
    .M_notice::after {display: none;}
    .M_notice .more_btn {top:-0.75rem; right:1rem; width:4.5rem; height:4.5rem;}
    .M_notice .more_btn i {margin-bottom: 0.25rem;}

    /* 바로가기3 */
    .M_link03 li {width:32%;} 
    .M_link03 li a {height: 100%; padding:1.5rem 1.5rem 2rem}
    .M_link03 li:nth-child(odd) {margin-top: 0;}
    .M_link03 li a .img {right:1rem;}

    /* 자원맵 */
    .M_map {padding:0;}
    .M_map .mapArea {display: none;}
    .M_map .go_map2 {top:14rem;}
    .M_map .tabArea {width: 100%; top:7rem;}
    .M_map .map_wrap {flex-direction: column;}
    .M_map .titWrap{ position:relative; left:auto; top:auto;}
	.M_map .titTab{ padding-right:2rem; text-align: left;}
	.M_map .titTab ul{ display:inline-block; line-height:0; font-size:0; width: 100%; }
	.M_map .titTab li { display:inline-block;}
	.M_map .titTab li a{ min-width:6rem; padding:0 .5rem; }
    .M_map .list_box {height:calc(100% - -17rem);}
    /* 모바일 목록 */
	.M_map .map_select {display: flex;}
    
}

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

@media (max-width: 1024px) {
    /* 게시판 */
    .M_notice h2 {font-size: 1.1rem;}

    /* 바로가기2 */
    .M_link02 li ~ li {margin-left:1rem;}
    .M_link02 li a {padding:0 1rem;}

    /* 바로가기3 */
    .M_link03 li a .tit {font-size: 1.2rem;}
    .M_link03 li a .txt  {font-size: 0.7rem;}
    .M_link03 li a .img {right:0.75rem; text-align: right;}
    .M_link03 li a .img img {max-width: 65%;}
    .M_link03 li a .txt {margin-bottom: 1.25rem;}
    .M_link03 li a span {line-height: 1.75rem; width:6rem; padding:0 0.5rem 0 0.75rem;}

    /* 자원맵 */
    .M_map .obj .info_img {height:195px;}
    .M_map .obj .info_img .tag span {font-size: 0.65rem;}
} 


@media (max-width:940px){

    /* 바로가기2 */
    .link02_1002{padding:2rem 1rem;}

    
}

@media (max-width: 880px) {
    /* 바로가기1 */
    .M_link01 li a .img {width:4.5rem; height:4.5rem;}

    /* 게시판 */
    .M_notice .list_box li a em {width:4.5rem;}
    .M_notice .list_box li .more_btn_s {display: none;}

    /* 나눔은행검색 서비스 */
    .M_search .srch {width: 100%;}
    
	/* 바로가기2 */
    .M_link02 {width:100%;}

    /* 바로가기3 */
    .link03_1002{background: none; box-shadow: none; padding: 0;}
    .link03_1002 ul{flex-wrap: wrap;}
    .link03_1002 ul li{flex:none; width: 50%; max-width: 50%; }
    .link03_1002 ul li a{padding: 1rem 0; padding-left: 3.5rem;}
    .link03_1002 ul li a .txt{margin-right: 0.5rem;}

    /* 자원맵 */
    .M_map .go_map2 {top:-0.5rem; right:0; padding: 0 0.75rem 0 0.25rem;}
    .M_map .go_map2 i {margin-right: 0;}
    .M_map .titWrap p{ font-size:1rem;}
	.M_map .control .bar p::before{ width:2.5rem; height:1.75rem;}
	.M_map .control .bar p span{ display:none;}

}

@media (max-width: 768px) {	
    /* 바로가기1 */
    .M_link01 li a .img {width:6rem; height:6rem;}

    /* 게시판 */
    .M_notice h2 {margin-bottom: 0.75rem;}
    .M_notice .list_box li a em {width:4rem; font-size: 0.7rem;}
    .M_notice .list_box li p.tit {font-size: 0.85rem;}
    .M_notice .more_btn {top:-1rem;}

    /* 바로가기3 */
    .M_link03 li a {padding:1rem 1rem 1.5rem; border-radius: 1.25rem;}
    .M_link03 li a .img {right:0.5rem}
    .M_link03 li a .img img {max-width: 50%;}
    .M_link03 li a span {width:5rem; font-size: 0.7rem;}

    /* 안내사항 */
    .M_notice2 .list_box li a em {font-size:0.9rem; padding-right: 1rem; margin-right: 0.9rem;}
    .M_notice2 .list_box li p.tit {font-size: 0.85rem;}
    .M_notice2 .list_box li a span {display: none;}
 	
    /* 자원맵 */
    .M_map{ height:29rem;}
	.M_map .titTab{ padding:0 0 0 0; text-align: left;}
	.M_map .titTab li a{ min-width:0px; padding:0 1rem;}
	.M_map .tabWrap{ position:relative; height:calc(100% - 6rem);}
	.M_map .list_box{ display:block; top:0; width:100%; height:calc(100% - -25rem);} 
	.M_map .list_box .slider{ position:relative; left:auto; top:auto; width:calc(100% + 0.4rem); margin-left:-0.4rem;}
	.M_map .obj{ margin:0 0.4rem;}
    .M_map .obj a{ width:100%;}
    .M_map .obj .info_img {height:185px;}
    .M_map .more_btn { top:-2.6rem;}
}

@media (max-width: 620px) {	
    /* 바로가기3 */
    .M_link03 li a span {display: none;}
    .M_link03 li a .img {bottom:0.75rem;}

    /* 자원맵 */
    .M_map .list_box .slider {width:80%; margin: 0 auto;}
}

@media (max-width: 580px) {
    /* 바로가기1 */
    .M_link01 li a .img {width:5rem; height:5rem;}
    
    /* 게시판 */
    .M_notice .titTab{margin-bottom: 0.5rem;}
    .M_notice .titTab li{margin-right: 2rem; margin-bottom: 0.5rem;}
    .M_notice .titTab li{max-width: calc(100% - 2.2rem);}
    .M_notice .titTab li a::before{display: none;}

    /* 바로가기3 */
    .M_link03 ul {flex-direction: column;}
    .M_link03 li {width: 100%;}
    .M_link03 li ~ li,
    .M_link03 li:last-child {margin-top: 0.5rem;}
    .M_link03 li a {padding:1rem; padding-left: 4rem;}
    .M_link03 li a .tit {font-size: 1rem;}
    .M_link03 li a .txt {display: none;}
    .M_link03 li a .img {right:auto; left:0.5rem; top: 0.6rem; text-align: left;}

    /* 자원맵 */
    .M_map .go_map2 {right:-0.5rem;}
    .M_map .titTab ul{ background:none;}
	.M_map .titTab li a{ line-height:2.5rem; font-size:.85rem; background:#fff; padding:0 1rem;}
	.M_map .titTab li:after,
	.M_map .titTab li:before{ display:none;}
    .M_map .titTab li + li {margin-left: 0; margin-right: 0.35rem;}
    .M_map .titTab li:first-child {margin-right: 0.35rem;}
	.M_map .tabWrap{ margin:0;}
	.M_map .obj a{ background-size:35% auto;}

}

@media (max-width: 480px) { 
    h2.heading {display: block; text-align: left; font-size: 1.1rem;}
    h2.heading::before, h2.heading::after {display: none;}
    .more_btn {width:1.5rem; height:1.5rem; top: -0.2rem;}
    .more_btn img {max-width: 100%;}

    /* 바로가기1 */
    .M_link01 ul {flex-wrap: wrap;}
    .M_link01 li {flex:auto; width: 50%;}
    .M_link01 li:nth-child(n+3) {margin-top: 1rem;}

    /* 바로가기2 */
    .M_link02 {padding: 0.9rem 0;}
    .M_link02 .link02_tit {display: none;}
    .M_link02::before {display: none;} 
    .M_link02 li ~ li {margin-left: 0.5rem;}

    .M_notice .more_btn {width:4.25rem; height:4.25rem;}
    .M_notice .more_btn i {margin-bottom: 0;}

    /* 나눔은행검색 서비스 */
    .M_search h2.heading {display: block; margin-bottom: 1rem; color: #fff;}
    .M_search .srch {position: relative;}
    .M_search .srch input {height: 2.75rem; padding:0 1rem; max-width: 100%;}
    .M_search .srch button {position: absolute; right:3px; top:3px; height:2.4rem; width:2.75rem; background: #fff; border:none; box-shadow: none;}
    .M_search .srch button .img1 {display: none;}
    .M_search .srch button .img2 {display: inline-block;}

    .M_notice2 .list_box {padding:1rem;}

    /* 자원맵 */
    .M_map .h2_txt {display: none;}
    .M_map .go_map2 {right:0;}
    .M_map .titTab li{ min-width:47%;} 
    .M_map .titTab li + li {margin-bottom: 0.35rem;}
    .M_map .tabArea {padding-top: 2rem;}
	.M_map .tabWrap{ height:calc(100% - 8.5rem);}
	.M_map .list_box .slider {width:90%;}
    .M_map .obj h4{margin:1rem 0;}
	.M_map .obj a{ padding:0.75rem;}
    .M_map .obj .info_img {height:192px;}
	.M_map .control .bar::before{ display:none;}
	.M_map .control .bar p::before{ width:2rem; height:1.25rem;}
    .M_map .map_select {margin-top:1rem;}
    .M_map .more_btn { width:2.6rem; height:2.4rem; font-size:14px; right:0;}
    
}
@media (max-width: 380px) { 

    .M_notice {padding: 1.5rem 1rem 1.5rem;}

    /* 바로가기3 */
    .link03_1002 ul li{width: 100%; max-width: 100%; }

    .M_notice2 .list_box {padding: 0.75rem 1rem 1rem;}
    .M_notice2 .list_box li a {flex-direction: column;}
    .M_notice2 .list_box li a em {display: block; width: 100%; margin-right:0; margin-bottom: 0.1rem;}
    .M_notice2 .list_box li a em::before {display: none;}
    .M_notice2 .list_box li p.tit {flex: auto; width:100%;}
    
    /* 자원맵 */
    .M_map .list_box .slider {width:100%;}

 }

@media (max-width: 340px) { 

    /* 자원맵 */
    .M_map{ height:31rem;}
    .M_map h2.heading {margin-bottom:2rem;}
    .M_map .go_map2 {top:1.5rem;}
	.M_map .tabWrap{height:calc(100% - 10.5rem);}
	.M_map .titTab{ padding-right:0;}
	.M_map .titTab li{ min-width:95%;} 
    .M_map .titTab li:first-child {margin-bottom: 0.35rem;}
	.M_map .titTab li a{ line-height:2.25rem;}
    .M_map .obj .info_img .tag {flex-wrap: wrap; width: 95%;}
    .M_map .obj .info_img .tag span {width: 45%;}
    .M_map .obj .info_img .tag span:first-child,
    .M_map .obj .info_img .tag span ~ span {margin-left:0; margin-right: 5px; margin-top:5px;}
}