@import url("/font/gbe_v3/GmarketSans/fonts.css");

/*** slide_popup ***/
.spopup_wrap {top:8rem !important;}
#wrap.scroll .spopup_wrap {top: 0 !important;}
.spopup_wrap {transition: margin-top 0.3s ease, left 0.3s !important;}
#wrap.openPop.scroll .spopup_wrap {top: -7rem !important;}
@media (max-width: 1540px) {
	.spopup_wrap {top:9.9rem !important;}
}
@media (max-width: 1200px) {
	.spopup_wrap {top:9.9rem !important;}
	#wrap.scroll .spopup_wrap {top: 0 !important;}
	#wrap.openPop.scroll .spopup_wrap {top: -7rem !important;}
}
@media (max-width: 1024px) {
	.spopup_wrap {top:5.5rem !important;}
	#wrap.scroll .spopup_wrap {top: 5.5rem !important;}
	#wrap.openPop.scroll .spopup_wrap,
    #wrap.openPop.scroll .up_pop + .spopup_wrap {top: 5.5rem !important;}
}
@media (max-width: 480px) {
	.spopup_wrap {top:5.5rem !important;}
	#wrap.scroll .spopup_wrap {top: 5.5rem !important;}
}
@media (max-width: 340px) {
   /* 좌측 팝업 : openPop */
   #wrap.openPop.scroll .up_pop + .spopup_wrap {top: 5.5rem !important;}
}

/* common */
#gnb .depth01 > ul > li > a {word-break:keep-all;}
h2.heading{ position:relative; padding:0.25rem 0; line-height:1.5rem; font-family: 'GmarketSans'; font-size:1.4rem; font-weight:700; color:#111; margin-right:4.5rem; overflow:hidden; white-space: nowrap; word-spacing:-0.65rem;}
a.btn_more.ty{ position:absolute; right:0; top:0.25rem; width:auto; height:1.5rem; line-height:1.5rem; font-family:'Sora'; font-size:0.7rem;}
a.btn_more.ty i {width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; color:#fff; font-size:0.85rem; border-radius:50%; background:#4b4b4b; vertical-align:middle; margin-left:0.35rem; transition: all .2s; -webkit-transition: all .2s;}
a.btn_more.ty:hover i,
a.btn_more.ty:focus i { background:#0e88d4; transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 메인비주얼  */
.mge_visual { position: relative; height: 100%; overflow:hidden;}
.mge_visual:before {content:''; position:absolute; top:2rem; left:50%; margin-left:-46rem; width:269px; height:247px; background:url('/images/web/mge/main/m_visual_sub.png') no-repeat center center / contain; z-index:1; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s;}
.mge_visual .slider{ position:relative; z-index: 0;}
.mge_visual .item{overflow:hidden; line-height:0;}
.mge_visual .item img{position:relative; width:auto; height:100%; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
.mge_visual .control{position:absolute; top:auto; right:auto; left:50%; margin-left:13.5rem; bottom:5.5rem; z-index:1; display:flex; align-items:center;}
.mge_visual .control > a{display:inline-block; width:2rem; color:#000; font-size:1.2rem; text-align: center; border:none; height:auto; -webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }
.mge_visual .control > a.play{display:none;}
.mge_visual .control > a:hover,
.mge_visual .control > a:focus{ color:#0e88d4; }
.mge_visual .control .page { display:inline-block; top:5px; right:-60px; font-size: 1rem; line-height: 1; color:#949494; font-family:'Sora';}
.mge_visual .control .page strong {position:relative; display: inline-block; width:33px; color:#000;}
.mge_visual .control .page strong:before { position:absolute; right:.4rem; top:.45rem; width:5px; height:5px; border-radius:50%; background:#949494; content:''; }
.mge_visual .control .progressBar {position: relative; width:0; display: inline-block; width: 110px; height: 6px; border-radius: 3px; background: #e6ecf5; margin:0 .75rem 0 .5rem;}
.mge_visual .control .pro-bar {position: absolute; left:0; top:0; width:0; height: 6px; border-radius: 3px; background: #0e88d4;}
.mge_visual .control .pro-ani{animation: proBar 5s 1; width:100%;}
.mge_visual:hover .pro-bar{animation-play-state: paused;}
@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
}

/* 공감 게시판 */
/*.MC_box2:before {content:''; position:absolute; left:-10rem; top:3rem; width:183px; height:180px; background:url('/images/web/mge/main/bg_tit01.png') no-repeat center center / 100% 100%;}*/
.mge_gallery1 {position:relative; height:100%;}
.mge_gallery1:before,
.mge_gallery1:after {content:''; position:absolute; border-radius:50%;}
.mge_gallery1:before {width:2.6rem; height:2.6rem; background:#d7eefc; left:0; top:-0.25rem;}
.mge_gallery1:after {width:0.7rem; height:0.7rem; background:#b6dbf2; left:9.3rem; top:0.7rem;}
.mge_gallery1 h2.heading {height:2.3rem; padding:0.5rem 0 0; padding-left:1.5rem;}
.mge_gallery1 h2.heading strong {color:#0e88d4;}
.mge_gallery1 .item {height:calc(100% - 2.3rem); padding:5rem 4rem 0; background:url('/images/web/mge/main/box2_bg.png') no-repeat center center / 100% 100%; }
.mge_gallery1 .item a {display:flex; height:11.3rem; justify-content: space-between;}
.mge_gallery1 .item a .img {width:51.7%; height:100%; border-radius:0.25rem; background:#f0f0f0; overflow:hidden;}
.mge_gallery1 .item a .img img {position: relative; left:50%; top:50%; width:100%; height:auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.mge_gallery1 .item a .cont {width:43%;}
.mge_gallery1 .item a .cont p {border:1px solid #ddd; border-radius:0.25rem; font-size:0.85rem; font-weight:600; color:#111; padding:1.15rem 1.5rem; height:calc(100% - 2.8rem);}
.mge_gallery1 .item a .cont .data {display:flex; height:2.8rem; padding:0 0.75rem; color:#222; align-items:center; border-bottom:1px dotted #b2b2b2; font-family:'Sora'; font-size:0.7rem;}
.mge_gallery1 .item a .cont .data i {font-size:1rem; margin-right:0.25rem;}
.mge_gallery1 a.btn_more.ty {right:1.6rem;}
/* 공감 게시판 : hover */
.mge_gallery1 .item a:hover .img img,
.mge_gallery1 .item a:focus .img img {transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); }
.mge_gallery1 .item a:hover .cont p,
.mge_gallery1 .item a:focus .cont p {color:#0e88d4;}

/* 오미마을학교 */
.mge_school {position:relative; width:100%; height:100%; padding:10% 9.3% 6%; border-radius:1rem; background:url('/images/web/mge/main/box3_bg.png') repeat 0 0; box-shadow: 3px 3px 10px rgba(0,0,0,0.2);}
.mge_school h2.heading {position:absolute; top:1.75rem; left:1.5rem; display:inline-block; color:#fff; margin-right:0; font-size:1.6rem}
.mge_school h2 strong {color:#c2eefa; margin-right:.5rem; font-size: 40px;}
.mge_school h2 span {display:block; font-weight:400;}
.mge_school h2 .h2_txt1 {font-size:0.8rem; margin-bottom:0.25rem;}
.mge_school h2 .h2_txt2 {font-size:2.4rem; line-height:1; margin-top:0.75rem;}
.mge_school .school_map {position:relative; height:100%; background:url('/images/web/mge/main/box3_map.png') no-repeat center center / contain;}
.mge_school .school_map a {display:inline-block; position:absolute;}
.mge_school .school_map a:nth-child(1) {top: calc(50% - 4.5rem);left: 41%;}
.mge_school .school_map a:nth-child(2) {top: calc(50% - 7rem);right:-2.5%;}
.mge_school .school_map a:nth-child(3) {top: 54.5%;left: 19.3%;}
.mge_school .school_map a:nth-child(4) {top: 46%;left: 44%;}
.mge_school .school_map a:nth-child(5) {top: 75%;left: 16%;}
.mge_school .school_map a:nth-child(6) {top: 65%;left: 54%;}
.mge_school .school_map a:nth-child(7) {top: 63%;left: 59%;}
.mge_school .school_map a .img {padding-left:0.5rem;width: 33px;display: inline-block;}
.mge_school .school_map a .img img {width:100%}
.mge_school .school_map a p {width: 5.5rem;line-height: 1.6rem;text-align:center;border-radius:1rem;color:#111;font-size: 0.7rem;background:#dbeffb;margin-top:0.1rem;-webkit-transition: all 0.2s;transition: all 0.2s;font-family: 'GmarketSans'; display:inline-block;}
.mge_school .school_map a:nth-child(6) p {display:block;}
/* 오미마을학교 : hover */
.mge_school .school_map a:hover p,
.mge_school .school_map a:focus p {color:#fff; background:#39a5e8; font-weight:600;}

/* 바로가기1 */
.mge_link { position:relative; display:flex; justify-content:space-between; height:100%; background:url('/images/web/mge/main/box4_bg.png') no-repeat left 0 bottom 3.25rem; }
.mge_link:before,
.mge_link:after {content:''; position:absolute; border-radius:50%;}
.mge_link:before {width:2.6rem; height:2.6rem; background:#e9f4fb; left:0; top:0.5rem;}
.mge_link:after {width:0.7rem; height:0.7rem; background:#b6dbf2; left:12.5rem; top:1.45rem;}
.mge_link h2.heading {padding-left:1.5rem; margin-right:0; margin-top:1rem; flex:1; margin-right:2rem;}
.mge_link h2.heading strong {color:#0e88d4;}
.mge_link ul { display:flex; justify-content:space-between; flex-wrap:wrap; width:55%; }
.mge_link li { position:relative; width:47%; }
.mge_link li:nth-child(n+3) {margin-top:1.5rem;}
.mge_link li a { display:block; position:relative; width:100%; word-break:keep-all; text-align:center; border-radius:1.5rem; background:#fff; border:1px solid #efefef; padding:1.15rem 0.5rem; box-shadow: 3px 3px 10px rgba(0,0,0,0.05); overflow:hidden; }
.mge_link li a:before { position:absolute; left:-8rem; top:-6.3rem; width:9.5rem; height:9.5rem; border-radius:50%; background:#fff; opacity:0; content:''; -webkit-transition:all .2s; -ms-transition:all .2s; transition:all .2s; }
.mge_link li a .img { position:relative; display:block; width:6.25rem; height:4.2rem; margin:auto; }
.mge_link li a img { -webkit-transition:all .2s; -ms-transition:all .2s; transition:all .2s; }
.mge_link li a p { position:relative; font-size:.9rem; line-height:1.3rem; height:1.5rem; padding:0 5px; margin-top:0.9rem; overflow:hidden; color:#222; word-break:break-all; }
.mge_link li a p:after {position:absolute; right:1rem; width:1.25rem; height:1.25rem; line-height:1.25rem; text-align:center; border-radius:50%; background:#fff; font-family:'xeicon'; font-size:1.1rem; opacity:0; content:'\e93f';}
.mge_link li a,
.mge_link li a p,
.mge_link li a p:after { -webkit-transition:all .2s; -ms-transition:all .2s; transition:all .2s; }
/* 바로가기1 : hover */
.mge_link li a:hover,
.mge_link li a:focus {background:#ffbf18; border-color:#ffbf18;}
.mge_link li a:hover:before,
.mge_link li a:focus:before {left:-6rem; top:-4.3rem; opacity:0.1;}
.mge_link li a:hover p,
.mge_link li a:focus p {font-weight: 700; padding-right:2rem;}
.mge_link li a:hover p:after,
.mge_link li a:focus p:after {right:0.5rem; opacity:1; font-weight:400;}

/* 게시판 */
.mge_notice { position:relative; overflow:hidden; height:100%;  }
.mge_notice .titTab{  }
.mge_notice .titTab ul{ position:relative; font-size:0; display:flex; height:3.75rem; align-items:center; overflow:hidden; }
.mge_notice .titTab ul:before {position:absolute; left:0; bottom:0; width:100%; height:3px; border-radius:2px; background:#efefef; content:'';}
.mge_notice .titTab li { width:7.75rem; max-width:33.3%; text-align:center; line-height:3.75rem; }
.mge_notice .titTab li:first-child {border-left:none; }
.mge_notice .titTab li a { position:relative; display:block; padding:0 0.5rem; font-family: 'GmarketSans';  font-size:1.2rem; color:#cecece;}
.mge_notice .titTab li a:before {position:absolute; top:calc(50% - 0.4rem); left:0.7rem; width:0.4rem; height:0.4rem; border-radius:50%; background:#bcbcbc; content:'';}
.mge_notice .titTab li a:after {position:absolute; bottom:0; left:0; width:0; height:3px; border-radius:2px; background:#222; content:'';}
.mge_notice .titTab li a span{ position:relative; display:block; overflow:hidden; white-space:nowrap;}
.mge_notice .list_box {display: none; width: 100%; height: 100%;}
.mge_notice .list_box ul {height: calc(100% + 4px); overflow: hidden;}
.mge_notice .list_box li {width: 100%;}
.mge_notice .list_box li:nth-child(n+4) {display: none;}
.mge_notice .list_box li + li {border-top:1px solid #e5e5e5;}
.mge_notice .list_box li a {position: relative; display: block; padding: 1.4rem 1rem 1.4rem 6rem; font-size: 0.8rem; }
.mge_notice .list_box li a dt {position: relative; display: inline-block; max-width: 100%; line-height: 1.1rem; font-size:0.9rem; font-weight: 600; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mge_notice .list_box li a.new dt:before {display: inline-block; font-size: 1.1rem; font-weight: 400; color: #666; font-family:'xeicon'; margin-right:0.2rem; vertical-align:bottom; content: "\e9a8";}
.mge_notice .list_box li .txt {line-height: 1.25rem; font-size: 0.8rem; color: #696969; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.mge_notice .list_box li .date {position: absolute; top: 0.8rem; left: 1rem; display: flex; flex-flow: column; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; font-size: 0.85rem; font-family:'Sora'; font-weight:700; color: #000; border-radius: 50%; background: #fff; border:1px dashed transparent; box-shadow: 0 0 7px rgba(0,0,0,0.2);}
.mge_notice .list_box li .date em {font-size: 0.6rem; font-weight: 600; color: #060606;}
.mge_notice .list_box li.no_data {text-align: center; line-height: 16.3rem;}
.mge_notice .btn_more.ty { top:1rem; }
.mge_notice .btn_more.ty i { background:#666; }
/* 게시판 : active */
.mge_notice .titTab li a:hover,
.mge_notice .titTab li a.current { color:#222222; font-weight:700;}
.mge_notice .titTab li a:hover:before,
.mge_notice .titTab li a:focus:before,
.mge_notice .titTab li a.current:before { background:#222; }
.mge_notice .titTab li a.current:after {width:100%;}
.mge_notice .list_box.on { display:block; }
.mge_notice .list_box li a:hover .date,
.mge_notice .list_box li a:focus .date {border-color:#666;}
.mge_notice a,
.mge_notice dt,
.mge_notice :before,
.mge_notice :after {-webkit-transition:all .15s; -ms-transition:all .15s; transition:all .15s; }


/* 갤러리 */
.mge_gallery2 { position:relative; height:100%; }
.mge_gallery2:before,
.mge_gallery2:after {content:''; position:absolute; border-radius:50%;}
.mge_gallery2:before {width:2.6rem; height:2.6rem; background:#ffd2b2; left:0; top:-0.25rem;}
.mge_gallery2:after {width:0.7rem; height:0.7rem; background:#fff2e8; left:20.3rem; top:0.7rem;}
.mge_gallery2 h2.heading {height:2.3rem; padding:0.5rem 0 0; padding-left:1.5rem; margin-bottom:0.75rem;}
.mge_gallery2 h2.heading strong {color:#ff6a00;}
.mge_gallery2 .heading_sub { position:absolute; top:1rem; left:32%; font-weight:50; font-size:3rem; font-family:'Sora'; color:#fceee3; margin-right:0; text-align:center; line-height:3rem; margin-bottom:0.25rem; }
.mge_gallery2 .slick-slide {vertical-align:top;}
.mge_gallery2 .item { padding:0 1rem;}
.mge_gallery2 .slider {margin:0 2rem;}
.mge_gallery2 .item:nth-child(even) {margin-top:2.5rem;}
.mge_gallery2 .item a { position:relative; display:block; width:auto; word-break: keep-all;}
.mge_gallery2 .item .img { display:block; width:14rem; height:17em; margin:0.5rem auto 0; border:1px solid #aaa; overflow:hidden; border-radius:50%; background:#f1f1f1; box-shadow: 5px 5px 15px rgba(0,0,0,0.15); }
.mge_gallery2 .item .img img { position: relative; left:50%; top:50%; width:100%; height:auto; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.mge_gallery2 .item a .cont{ position:relative; width:90%; margin:0 auto; top:-1.5rem; background:#fff; border:2px dashed #aaa; text-align:center; padding: 2.25rem 1rem 1rem; border-radius:1rem; box-shadow: 3px 3px 10px rgba(0,0,0,0.2); z-index:-1; }
.mge_gallery2 .item a .cont > p{ font-size:0.85rem; font-weight:600; color:#111; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.mge_gallery2 .item a .cont .new{ position:absolute; display:block; right:15px; top:-25px; width:50px; height:50px; line-height:42px; border-radius:50%; border:4px solid #fff; color:#fff; text-align:center;}
.mge_gallery2 .item a .cont .data { display:block; font-size:0.75rem; color:#666666; margin-top:0.25rem;}
.mge_gallery2 .control {position:absolute; right:2.1rem; top:1.75rem;}
.mge_gallery2 .control a {display: inline-block; overflow: hidden; width:1.85rem; height:1.85rem; line-height:1.7rem; border-radius:50%; background:#fff; text-align:center; color:#000; font-size:.85rem; transition: all 0.2s; -webkit-transition: all 0.2s;}
.mge_gallery2 .control .play {display: none;}
.mge_gallery2 .btn_more.ty { top:1.75rem; }
.mge_gallery2 .btn_more.ty i {width:1.85rem; height:1.85rem; line-height:1.85rem; margin-left:0; background:#ff6a00; }
/* control : active */
.mge_gallery2 .control a:hover,
.mge_gallery2 .control a:focus { background:#2c6848; color:#fff; }
.mge_gallery2 .no_data{width:auto; height:22.2rem; display:flex; align-items:center; justify-content:center; color:#333;}
/** 갤러리 : active **/
.mge_gallery2 .item a:hover .img,
.mge_gallery2 .item a:focus .img { border-color:#2c6848; box-shadow: 4px 4px 0 #2c6848; transform:translateY(-0.5rem); }
.mge_gallery2 .item a:hover .cont{ border-color:#2c6848; }
.mge_gallery2 .item .img,
.mge_gallery2 .item a .cont {-webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.mge_gallery2  a.btn_more.ty:hover i,
.mge_gallery2  a.btn_more.ty:focus i { background:#2c6848; }

/* 배너존 */
.banner_zone {line-height: 1; border-top: 1px solid #d1d8e4;}
.banner_zone .container {position: relative; height: 4rem; overflow: hidden;}
.banner_zone h2 {float:left; margin-top: 1.5rem; width: 4rem; font-size: 0.8rem; font-weight: 600; color: #191919;}
.banner_zone .btn {float: left; margin-top: 1.1rem; overflow: hidden;}
.banner_zone .btn a {float: left; width: 1.8rem; height: 1.8rem; line-height:1.8rem; border-radius:50%; background:#f6f6f6; text-align:center; overflow: hidden;}
.banner_zone .btn a + a {margin-left:.25rem;}
.banner_zone .btn a.play{display:none;}
.banner_zone .bnWrap { width: calc(100% - 8rem); float:left; padding-top: 0.75rem; padding-left:1.75rem; overflow: hidden;}
.banner_zone .bnWrap a {display: block; height: 2.5rem; line-height: 2.3rem; text-align: center; margin:0 5px; overflow: hidden;}
.banner_zone .bnWrap a img {max-width: 100%; max-height: 100%; vertical-align: middle;}

@media (max-width: 1920px) {
	/* 메인비주얼  */
	.mge_visual:before {left:2rem; margin-left:0;}
}

/*
@media (max-width: 1880px) {
	.MC_box2:before { left:-8rem; top:2rem; width:140px; height:138px;}
}

@media (max-width: 1720px) {
	.MC_box2:before { left:-5rem; top:2rem; width:100px; height:98px;}
}

@media (max-width: 1640px) {
	.MC_box2:before { left:-4rem; top:2rem; width:90px; height:88px;}
}

@media (max-width: 1560px) {
	.MC_box2:before {display:none}
}
*/

@media (max-width: 1440px) {
	/* 갤러리 */
	.mge_gallery2 .heading_sub { left:35%;}
	.mge_gallery2 .slider {margin:0 1rem;}
	.mge_gallery2 .item .img { width:12rem; height:15em;}
	.mge_gallery2 .item a .cont{ width:85%;}
}

@media (max-width: 1240px) {

	/* 메인비주얼  */
	.mge_visual .item img{width:130%; height:auto; left:-15%; transform: none; -webkit-transform: none; -ms-transform: none;}
	.mge_visual .control {margin-left:9.5rem; bottom:4.5rem;}
	
	/* 공감 게시판 */
	.mge_gallery1 .item {padding-top:4rem;}
	.mge_gallery1 .item a {height:10.75rem;}
	
	/* 오미마을학교 */
	.mge_school {padding:10% 5% 6%;}
	.mge_school .school_map a:nth-child(1) {top:calc(50% - 5.5rem);}
	.mge_school .school_map a:nth-child(2) {top:calc(50% - 7.75rem); right:0;}
	/*.mge_school .school_map a .img img {width:1.5rem;}*/
	.mge_school .school_map a p {width:6.25rem; line-height:1.8rem; margin-top:0;}
	
	/* 바로가기 */
	.mge_gallery2 .heading_sub { left:42%;}
	.mge_link:after {left:8.5rem;}
	.mge_link h2.heading strong {display:block; margin-top:0.25rem;}
	.mge_link ul {width:65%;}
	
	/* 갤러리 */
	.mge_gallery2 .item .img {width:10.5rem; height:10.5rem;}
	.mge_gallery2 .item a .cont{ width:100%;}
}

@media (max-width: 1024px){

	/* 메인비주얼  */
	.mge_visual:before { left:1rem; width:200px; height:184px;}
	.mge_visual .control{margin-left:6.5rem; bottom:3.5rem;}
	
	/* 공감 게시판 */
	.mge_gallery1 .item a .cont p span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	
	/* 오미마을학교 */
	.mge_school h2.heading {top:1rem;}

	/* 바로가기 */
	.mge_link {background:none;}
	.mge_link:before,
	.mge_link:after {display:none;}
	.mge_link h2.heading {display:none;}
	.mge_link ul {width:100%;}
	.mge_link li a .img {width:auto; height:3.5rem;}
	
	/* 팝업존 */
	.mge_pop h2 {font-size:1.1rem;}
	.mge_pop .control, .mge_gallery2 .control {right:1.7rem;}
	.mge_pop .control a, .mge_pop .btn_more.ty, .mge_gallery2 .control a, .mge_gallery2 .btn_more.ty i { width:1.6rem; height:1.6rem; line-height:1.6rem; }

	/* 갤러리 */
	.mge_gallery2 .heading_sub { left:47%;}
	.mge_gallery2 .tabWrap { height:12.5rem; }
	.mge_gallery2 .list_box {padding-left:5rem;}
	.mge_gallery2 .item .img {width:12rem; height:12rem;}
	.mge_gallery2 .item a .cont{ width:94%;}
}

@media (min-width:901px) and (max-width: 1024px){

	/* 공감 게시판 */
	.mge_gallery1 .item {height:calc(100% - 2.3rem); padding: 2.5rem 4rem 0;}
	.mge_gallery1 .item a {height: auto; flex-direction:column;}
	.mge_gallery1 .item a .img {width:100%; height:8rem;}
	.mge_gallery1 .item a .cont {width:100%; margin-top:0.5rem; }
	.mge_gallery1 .item a .cont p {height:3.75rem; padding:0.5rem 1rem; }
	.mge_gallery1 .item a .cont .data {height:2rem;}
}

@media (max-width:900px) {
	h2.heading{font-size:1.2rem;}
	
	/* 메인비주얼  */
	.mge_visual .control{margin-left:5.5rem;}
	
	/* 공감 게시판 */
	.mge_gallery1:after {left:8.3rem;}
	.mge_gallery1 .item {padding-top:3rem;}
	.mge_gallery1 .item a {height:9rem;}
	.mge_gallery1 .item a .img {width:50%;}
	.mge_gallery1 .item a .cont {width:45%;}
	
	/* 오미마을학교 */
	.mge_school {padding:2% 3% 2% 27%;}
	.mge_school .school_map a:nth-child(1) {left:calc(50% - 2.5rem );}
	.mge_school .school_map a:nth-child(2) {top:calc(50% - 7.5rem); right:calc(50% - 9.75rem);}
	.mge_school .school_map a:nth-child(3) {left:calc(50% - 7.5rem);}
	
	/* 바로가기 */
	.mge_link ul{}
	.mge_link li{ display: block; width: 23%;}
	.mge_link li:nth-child(n+3) {margin-top:0;}
	
	/* 갤러리 */
	.mge_gallery2:after {left:17.3rem;}
	.mge_gallery2 .heading_sub { display:none; }
	.mge_gallery2 .item .img {width:10.25rem; height:10.25rem;}
	
}

@media (max-width: 840px) {
	/* 메인비주얼  */
	.mge_visual .control {margin-left:4rem; }

	/* 바로가기1 */
	.mge_link li{ width:23.5%;}
	
	/* 게시판 */
	.mge_notice .titTab ul {height:2.75rem;}
	.mge_notice .tabWrap{ margin-top:0;}
	.mge_notice .btn_more.ty {height:2.75rem; top:0.5rem;}
	.mge_notice .list_box dl { height:auto; padding:1.5rem .5rem 1.5rem 7.1rem; }
	.mge_notice .list_box dd > p,
	.mge_notice .list_box dd .date {top:0.8rem;}

	/* 팝업존 */
	.mge_pop h2 {margin-bottom:.5rem;}

	/* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 8rem); padding-left:0.75rem;}
}

@media (max-width: 768px) {
	/* 메인비주얼  */
	.mge_visual:before { top:1rem; width:150px; height:138px;}
	.mge_visual .control {margin-left:6rem; bottom:0.5rem;}
	.mge_visual .control .progressBar {display:none;}
	
	/* 공감 게시판 */
	.mge_gallery1 .item a .cont p {padding:0.5rem 1rem;}
	
	/* 오미마을학교 */
	.mge_school .school_map a:nth-child(2) {right:calc(50% - 8.75rem);}
	.mge_school .school_map a p {width:5rem; font-size:0.7rem;}
	
	/* 바로가기 */
	.mge_link li a p{font-size: 0.8rem;}

	/* 게시판 */
	.mge_notice .titTab li a	{font-size:1.1rem;}
	.mge_notice .list_box dt {font-size:.85rem;}
	.mge_notice .list_box dl{padding-left:7.5rem;}
	.mge_notice .list_box dd > p {font-size: .8rem;}
	.mge_notice .list_box li a {font-size: .8rem;}
	.mge_notice .list_box li a span {font-size:.75rem;}
	
	/* 팝업존 */
	.mge_pop .control {top:0;}
	.mge_pop .btn_more.ty {top:0;}

	/* 갤러리 */
	.mge_gallery2 .slider {margin:0 0;}
	.mge_gallery2 .item .img {width:12rem; height:12rem;}
	.mge_gallery2 .item a .cont{ width:92%;}
}

@media (max-width: 680px) {
	/* 메인비주얼  */
	.mge_visual:before { width:130px; height:120px;}
	
	/* 바로가기1 */
	.mge_link li{ width:49%;}
	.mge_link li:nth-child(n+3) {margin-top:0.5rem;}
}

@media (max-width: 580px) {	

	/* 메인비주얼  */
	.mge_visual:before { width:110px; height:101px;}
	.mge_visual .control {margin-left:0; left:auto; right:1rem;}
	.mge_visual .control > a{ width:1.65rem; height:1.65rem; line-height:1.65rem; }
	
	/* 공감 게시판 */
	.mge_school h2 .h2_txt1 {margin-bottom:0;}
	.mge_school h2 .h2_txt2 {margin-top:0.5rem; font-size:2.1rem;}
	.mge_gallery1 .item {padding:2.25rem 2.75rem 0;}
	.mge_gallery1 .item a {height:7rem;}
	
	/* 오미마을학교 */
	.mge_school {padding:2% 3% 2% 15%; }
	

	/* 게시판 */
	.mge_notice .titTab li a {padding:0 .3rem;}
	
	/* 갤러리 */
	.mge_gallery2 .item .img {width:10rem; height:10rem;}
	.mge_gallery2 .item a .cont{ width:100%;}
	.mge_gallery2 .item a .cont > p {font-size:0.8rem;}
}

@media (max-width: 500px) {	

	/* 공감 게시판 */
	.mge_gallery1 .item {padding: 2.25rem 2.5rem 0;}
	.mge_gallery1 .item a {height: auto; flex-direction:column;}
	.mge_gallery1 .item a .img {width:100%; height:8rem;}
	.mge_gallery1 .item a .cont {width:100%; margin-top:0.5rem;}
	.mge_gallery1 .item a .cont p {height:3.75rem; padding:0.5rem 1rem; }
	.mge_gallery1 .item a .cont .data {height:2rem;}
}

@media (max-width: 480px) {
	/* 메인비주얼  */
	.mge_visual:before { left:0.5rem; width:90px; height:83px;}
	.mge_visual .control {bottom:0;}
	
	/* 오미마을학교 */
	.mge_school {padding:15% 3% 2% 3%;}
	.mge_school h2.heading {top:0.75rem;}
	.mge_school h2 .h2_txt2 {margin-top:0.5rem;}
	.mge_school .school_map a:nth-child(1) {top:calc(50% - 5.25rem);}
	.mge_school .school_map a:nth-child(2) {right:calc(50% - 8.25rem); top:calc(50% - 7.25rem);}
	
	/* 바로가기1 */
	.mge_link li a {padding:0.75rem 0.5rem;}
	.mge_link li a .img {height:auto;}
	.mge_link li a .img img {max-width:50%;}
	.mge_link li a p {padding:0; letter-spacing:-2px; margin-top:0.5rem;}

	/* 게시판 */
	.mge_notice .titTab {padding-right:0;}
	.mge_notice .titTab ul {flex-wrap:wrap; height:auto; border-radius:.75rem; }
	.mge_notice .titTab li{ max-width:100%; width:100%; flex:auto; line-height:2.2rem; border-left:none;}
	.mge_notice .titTab li a {padding:0; border-bottom:1px solid #ddd;}
	.mge_notice .titTab li:last-child a, .mge_notice .titTab li a.current { border-bottom:none;}
	.mge_notice .list_box li a {padding:1rem 1rem 1rem 5rem;}
	.mge_notice .list_box dd .date {top:0.5rem; left:0.5rem}
    .mge_notice .btn_more.ty { position:relative; display:block; text-align:center; }

	/* 갤러리 */
	.mge_gallery2 {padding-bottom:1.5rem;}
	.mge_gallery2 h2.heading {margin-right:0;}
	.mge_gallery2 .item:nth-child(even) {margin-top:0;}
	.mge_gallery2 .item .img {width:12rem; height:12rem;}
	.mge_gallery2 .no_data{height:11.5rem;}
	.mge_gallery2 .control {top:auto; bottom:0.5rem; right:50%; transform:translateX(50%); -webkit-transform:translateX(50%); padding-right:2.1rem; width:100%; text-align:center;}
	.mge_gallery2 .btn_more.ty {top:auto; bottom:0.8rem; right:50%; margin-right:-3.35rem;}
}


@media (max-width: 380px) {
	/* 메인비주얼  */
	.mge_visual:before { width:70px; height:64px;}
	.mge_visual .control { right:0.5rem; }
	.mge_visual .control > a {width:1.2rem; height:1.2rem; line-height:1.4rem;}
	.mge_visual .control .page {font-size:0.85rem; padding-left:0.2rem;}
	
	/* 오미마을학교 */
	.mge_school h2.heading {position:relative; top:auto; left:auto;}
	.mge_school h2 .h2_txt1 {margin-bottom:0.1rem;}
	.mge_school h2 .h2_txt2 {display:none;}
	.mge_school {padding:0.5rem 1rem 1.5rem;}
	.mge_school .school_map {background:none; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0.5rem;}
	.mge_school .school_map a {position:relative !important; width:48%; top:auto !important; left:auto !important; right:auto !important;}
	.mge_school .school_map a:nth-child(n+3) {margin-top:0.75rem;}
	.mge_school .school_map a .img {display:none;}
	.mge_school .school_map a p {position:relative; line-height:2rem; width:100%; padding-left:0.65rem; font-size:0.75rem; text-align:left; letter-spacing:-1px;}
	.mge_school .school_map a p:after {content:'\ea3f'; position:absolute; right:0.5rem; top:0; font-family:'xeicon'; font-size:1.1rem;}
	.mge_school .school_map a:hover p:after,
	.mge_school .school_map a:focus p:after {content:'\ea40'; color:#fff; font-weight:400;}

	/* 팝업존 */
	.mge_pop .pop_img{ height:10rem;}
	
	/* 갤러리 */
	.mge_gallery2:after {display:none;}
	.mge_gallery2 h2.heading {white-space:inherit; height:3.5rem; word-break:keep-all;}
	.mge_gallery2 .first_slider .item a .cont > p {padding-left:3rem;}
	.mge_gallery2 .first_slider .item a .cont .data {width:2.5rem; height:2.5rem;}	
}

@media (max-width: 340px) {
	/* 공감 게시판 */
	.mge_gallery1 .item {padding: 2.5rem 1.75rem 0;}
	.mge_gallery1 a.btn_more.ty {font-size:0; right:1rem;}
	
	/* 오미마을학교 */
	.mge_school .school_map a {width:100%;}
	.mge_school .school_map a:nth-child(n+2) {margin-top:0.5rem;}
	
	/* 바로가기 */
	.mge_link li {padding:.15rem;}
	
	/* 게시판 */
	.mge_notice .list_box li a {padding-right:0;}
	.mge_notice .list_box li a span {display:none;}
	
	/* 팝업존 */
	.mge_pop {padding-bottom:2.5rem;}
	.mge_pop .control {top:auto; bottom:0; right:50%; transform:translateX(50%); -webkit-transform:translateX(50%); padding-right:2.1rem; width:100%; text-align:center;}
	.mge_pop .btn_more.ty {top:auto; bottom:.2rem; right:50%; margin-right:-3.35rem;}
	
	/* 갤러리 */
	.mge_gallery2 .item .img {width:10rem; height:10rem;}
	.mge_gallery2 .first_slider .item a .cont > p {padding-left:0;}
	.mge_gallery2 .first_slider .item a .cont .data {top:-2.5rem;}	
}