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

/*** slide_popup ***/
.spopup_wrap {transition: margin-top 0.3s ease, left 0.3s !important;}
/* .spopup_wrap {top:8rem !important;}
#wrap.scroll .spopup_wrap {top: 0 !important;}
#wrap.openPop .spopup_wrap {top: 15rem !important;}
.spopup_wrap {transition: margin-top 0.3s ease, left 0.3s !important;}
#wrap.openPop.scroll .spopup_wrap {top: 0 !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; font-weight:700; color:#111; overflow:hidden; white-space: nowrap;}
a.btn_more.ty{ position:absolute; right:0; top:0.25rem; width:auto; display:flex; align-items:center; justify-content:center; width:2rem; height:2rem; background:#9a9a9a; border-radius:50%;}
a.btn_more.ty i {color:#fff; font-size:0.9rem; transition: all 0.2s; -webkit-transition: all 0.2s;}
a.btn_more.ty:hover i,
a.btn_more.ty:focus i {transform: rotate(180deg); -webkit-transform: rotate(180deg);}

/* 메인비주얼  */
body.start .visual{ opacity: 1;}
body.start .visual:after{  right:calc(50% - 42rem); opacity: 1; transition-delay: .6s; animation: round 70s infinite;}
.visual { position:relative; height:30rem; opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; z-index: 1; }
.visual::before {content:''; position:absolute; bottom:-0.4rem; left:calc(50% - 24rem); width:331px; height:284px; background:url('/images/web/grfe/main/visual_icon.png') no-repeat left top / contain; animation: bouns 4s ease-in-out infinite;}
.visual .slider{ position:relative; height:100%; z-index:0;}
.visual .slider div[class*='slick-']{ height:100%;}
.visual .item{position:relative; overflow:hidden;}
.visual .img{ position:absolute; right:calc(50% - 35rem); top:1rem; height:100%; line-height:0; width:41.5rem;} 
.visual .img img{ -webkit-clip-path: url(#mask1); clip-path: url(#mask1); object-fit: cover;}
.visual .slogan{ position:relative; padding:3.5rem 1rem 0; max-width:72rem; margin:0 auto; z-index: 1;} 
.visual .slogan p{ font-size:2.2rem; color:#fff; margin-bottom:0.75rem;}
.visual .slogan strong {font-weight:700;}
.visual .slogan p strong {font-size:2.5rem;}
.visual .slogan p strong.big {font-size:2.75rem;}
.visual .slogan span{ font-size:1rem; display:block;}
.visual .slogan span strong{ font-size:1rem;}
.visual .control{position:absolute; left:calc(50% - 35rem); bottom:12.5rem; display:flex; align-items:center; z-index:1;} 
.visual .control .paging {display:flex; align-items:center; color:#fff; margin:0 0.5rem;} 
.visual .control .paging strong{position:relative; font-size:1.2rem; text-align:center; margin-right:1.4rem;}
.visual .control .paging strong::before {content:''; position:absolute; top:calc(50% - 6px); right:-0.7rem; width:1px; height:14px; transform:rotate(-45deg); background:#fff;}
.visual .control .paging span{font-size:0.75rem;}
.visual .control > a{ position:relative; display:flex; align-items:center; justify-content:center; width:2rem; height:2rem; border-radius:50%; border: 1px solid #fff; font-size:0.9rem;}
.visual .control > a.prev,
.visual .control > a.next{ color:#fff; -webkit-transition:0.2s; transition:0.2s;}
.visual .control > a.stop,
.visual .control > a.play { background:#fff; color:#0069b5; margin-left:0.5rem;}
.visual .control > a.play { display:none; }
.visual .control > a.prev:hover, .visual .control > a.prev:focus,
.visual .control > a.next:hover, .visual .control > a.next:focus { background:#fff; color:#0069b5; }

#mask1{ transform: scale(0.95, 1); -webkit-transform: scale(0.95, 1);}
.maskSvg{ height:0px; position: absolute;}

/* 홍보영상 */
.pr_movie {position:absolute; top:19.25rem; right:calc(50% - 36rem); width:7.6rem; height:7.6rem; z-index:1;}
.pr_movie::before {content:''; position:absolute; top:50%; left:50%; width:9.4rem; height:9.4rem; transform:translate(-50%, -50%); background:url('/images/web/gmfe/main/movie_img_02.png') no-repeat center center / contain; animation: rotate 10s linear infinite; z-index:-1;}
.pr_movie .pr_circle {display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding-bottom:0.75rem; border-radius:50%; font-size:1rem; color:#fff; font-weight:700; overflow:hidden; background:#008f7b url('/images/web/gmfe/main/movie_img_01.png') no-repeat right bottom / contain; box-shadow: 9px 9px 10px rgba(0,0,0,0.1);}
.pr_movie a.btn_more.ty{ right:0.25rem; background:#015347;}

@keyframes bouns{
	0%{ transform: translateY(0px);}
	50%{ transform: translateY(-15px);}
	100%{ transform: translateY(0);}
}

@keyframes rotate {
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

/* 바로가기1 */
.grfe_link { position:relative;}
.grfe_link ul { display:flex; justify-content:space-between;}
.grfe_link li { position:relative; flex:1; }
.grfe_link li a { display:block; position:relative; width:100%; word-break:keep-all; text-align:center; }
.grfe_link li a .img { position:relative; display:flex; align-items:center; justify-content:center; width:5.25rem; height:5.25rem; border-radius:50%; background:#e6f3fb; margin:auto; }
.grfe_link li a .img::before {content:''; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%; border:2px solid #80b7da; transform:translate(-50%, -50%); z-index:-1;}
.grfe_link li a img { -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
.grfe_link li a p { position:relative; font-size:0.9rem; font-weight:600; line-height:1.3rem; height:2.5rem; padding:0 1rem; margin-top:0.8rem; overflow:hidden; color:#222; word-break:keep-all; }
.grfe_link li a,
.grfe_link li a .img::before,
.grfe_link li a p { -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
/* 바로가기1 : hover */
.grfe_link li a:hover .img::before,
.grfe_link li a:focus .img::before {width:6.05rem; height:6.05rem;}
.grfe_link li a:hover p,
.grfe_link li a:focus p {font-weight:700;}
	

/* 마을학교 */
.grfe_school { position:relative; height:34rem; padding:2.75rem 0; }
.grfe_school::before { position:absolute; left:-4rem; width:530px; height:100%; top:0; background:url('/images/web/gmfe/main/box3_bg2.png') no-repeat left top / cover; border-radius:4rem 0 0 4rem; overflow:hidden; z-index:-1; content:''; }
.grfe_school::after { position:absolute; right:-4rem; width:170px; height:251px; bottom:0; background:url('/images/web/gmfe/main/box3_bg3.png') no-repeat left top / contain; border-radius:0 0 4rem 0; overflow:hidden; z-index:-1; content:''; }
.grfe_school .titWrap{text-align:center;}
.grfe_school .titWrap h2 {font-size:1.6rem; padding-bottom:1.15rem;}
.grfe_school .titWrap h2::before {content:''; position:absolute; bottom:0; left:calc(50% -  13rem); width:158px; height:82px; background:url('/images/web/gmfe/main/box3_bg1.png') no-repeat 0 0 / contain; }
.grfe_school .titTab{ width:100%; margin:0 auto;}
.grfe_school .titTab ul{ display:flex; flex-wrap:wrap; border-radius:1.5rem; background:#fff; border:1px solid #7dc8a7; padding:0 0.5rem;}
.grfe_school .titTab li{ position:relative; width:20%;}
.grfe_school .titTab li::before{ content:"\e92b"; font-family:'xeicon'; font-size:1.2rem; position:absolute; bottom:-0.65rem; left:calc(50% - 1rem); color:#097b4a; background:#fff; border-radius:50%; opacity: 0;}
.grfe_school .titTab li:nth-child(n+6){ margin-top:-0.25rem; }
.grfe_school .titTab li:nth-child(-n+5)::before{ bottom:auto; top:-0.65rem; }
.grfe_school .titTab li:nth-child(6)::after{ display:none;}
.grfe_school .titTab li:nth-child(11)::after{ display:none;}
.grfe_school .titTab li + li:after{ content:""; position:absolute; left:0; top:calc(50% - 0.25rem); height:0.5rem; border-left:3px dotted #ccc;}
.grfe_school .titTab li a{ position:relative; display:block; font-size:0.9rem; color:#555; line-height:2rem; text-align: center; white-space:nowrap; overflow:hidden; z-index: 1;}
/* 모바일 마을선택 */
.grfe_school .school_select {background: #fff; border:1px solid #7dc8a6; display: none; width:100%; max-width:30rem; margin: 0 auto; border-radius: 1.4rem;}
.grfe_school .school_select select{width:100%; height:2.3rem; border-radius: 1.5rem; border:1px solid #fff; padding:0 20px; font-size: 0.8rem; color:#097a49; text-align:center; font-weight: 600; position: relative; background: white url(/images/web/gmfe/main/m_sel_arrow.png) no-repeat 99%;box-shadow: 0 0 30px rgba(214, 87, 114, 0.15);}
.grfe_school .school_select select{-webkit-appearance: none; /* for chrome*/   -moz-appearance: none;/* for firefox*/  appearance: none;}
.grfe_school .school_select select::-ms-expand {   display: none; /* for IE10, 11*/}
.grfe_school .list_box{ position:absolute; left:0; top:13.5rem; width:100%; height:calc(100% - 12.5rem); display:flex; visibility:hidden; opacity:0;}
.grfe_school .list_box .slider{width:calc(100% + 1.5rem); margin:0 -0.75rem; }
.grfe_school .list_box.on{ visibility:visible; opacity:1;}
.grfe_school .obj{ padding: 0 0.75rem;}
.grfe_school .obj a{ display:block; word-break: keep-all;}
.grfe_school .obj .img { position:relative; height:12.25rem; border-radius:1.5rem; overflow:hidden;}
.grfe_school .obj .img::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:1.5rem; border:2px solid #209c69; opacity:0;}
.grfe_school .obj .img img {width:100%; height:100%; object-fit:cover;}
.grfe_school .obj .tit {color:#333; font-size:0.9rem; font-weight:600; margin-top:0.75rem; text-align:center; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.grfe_school .obj .date { display:block; text-align:center; font-size:0.75rem; color:#555; margin-top:0.25rem;}
.grfe_school .control{ position:absolute; left:0; bottom:2rem; width:100%; display:flex; align-items:center;}
.grfe_school .control .bar{ position:relative; height:3px; background:#aec8bb; flex:1; margin-left:1rem;}
.grfe_school .control .bar p{ position:absolute; left:0; top:0; height:100%; max-width:100%; background:#045e38;}
.grfe_school .control > a{ display:flex; width:2.5rem; height:2.5rem; align-items:center; justify-content:center; font-size:0.9rem; border-radius:50%; color:#111; background:#fff; box-shadow: 9px 9px 10px rgba(0,0,0,0.07); z-index: 1;}
.grfe_school .control > a.play {display:none;} 
.grfe_school .control > a + a{ margin-left:0.25rem;}
.grfe_school .list_box .no_data {width:100%; text-align:center; line-height:15.55rem;}
.grfe_school .btn_more.ty { right:calc(50% - 7.25rem); top:-10.75rem; width:2.25rem; height:2.25rem; background:#0a7a4a;}
/** 프로그램 : active **/
.grfe_school .bar,
.grfe_school .bar p{ transition: all 0.5s; -webkit-transition: all 0.5s;}
.grfe_school :before,
.grfe_school a, 
.grfe_school .obj .img,
.grfe_school .obj .img::before { transition: all 0.2s; -webkit-transition: all 0.2s;}
.grfe_school .titTab li.current:before{ left:calc(50% - 0.65rem); opacity: 1;}
.grfe_school .titTab li.current a{ font-weight:700; color:#097a49; }
.grfe_school .titTab li:not(.current) a:hover{ color:#097a49; font-weight:700;}
.grfe_school .obj a:hover .img,
.grfe_school .obj a:focus .img { box-shadow: 9px 9px 10px rgba(0,0,0,0.07);}
.grfe_school .obj a:hover .img::before,
.grfe_school .obj a:focus .img::before { opacity: 1;}
.grfe_school .control > a:hover,
.grfe_school .control > a:focus{ background:#045e38; color:#fff;}

/* 게시판 */
.grfe_notice { position:relative; overflow:hidden; height:100%;}
.grfe_notice .titTab ul{ position:relative; font-size:0; display:flex; align-items:center; overflow:hidden; }
.grfe_notice .titTab li { width:6.25rem; max-width:33.3%; text-align:center; }
.grfe_notice .titTab li ~ li {margin-left:0.5rem;}
.grfe_notice .titTab li a { position:relative; display:block; padding:0 0.5rem; font-size:0.9rem; line-height:2.25rem; background:#a2a2a2; border-radius:1.15rem; color:#fff; text-align:center;}
.grfe_notice .titTab li a:before {position:absolute; top:0; left:0.7rem; font-family:'xeicon'; content:'\e92b'; opacity:0;}
.grfe_notice .titTab li a span{ position:relative; display:block; overflow:hidden; white-space:nowrap;}
.grfe_notice .list_box {display: none; width: 100%; height: 100%; margin-top:0.7rem;}
.grfe_notice .list_box ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.grfe_notice .list_box li {width: 48.9%;}
.grfe_notice .list_box li:nth-child(n+3) {margin-top:1rem;}
.grfe_notice .list_box li:nth-child(n+5) {display: none;}
.grfe_notice .list_box li a {position: relative; display: block; padding: 1.5rem 1.4rem 1.3rem; font-size: 0.75rem; color: #555; border-radius:1.5rem; border:1px solid #ddd; overflow:hidden; }
.grfe_notice .list_box li a::before {content:'more'; position:absolute; right:0.5rem; bottom:-1.25rem; font-size:4rem; font-weight:900; color:#f2f6fa; font-style: italic; opacity:0;}
.grfe_notice .list_box li a dt {font-size:0.9rem; font-weight: 600; color: #111; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.grfe_notice .list_box li a.new dt:before {display: inline-block; font-size: 1.1rem; font-weight: 400; color: #0069b5; font-family:'xeicon'; margin-right:0.2rem; vertical-align:bottom; content: "\e9a8";}
.grfe_notice .list_box li .txt {margin:0.5rem 0 0.75rem; line-height: 1.25rem; display: -webkit-box; -webkit-box-orient: vertical; height: 2.5rem; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden;}
.grfe_notice .list_box li .date {font-size: 0.7rem;}
.grfe_notice .list_box li .date i {font-size:0.8rem; margin-right:0.25rem;}
.grfe_notice .list_box li.no_data {width:100%; text-align: center; line-height: 18.8rem; border:1px solid #ddd; border-radius:1.5rem;}
.grfe_notice .btn_more.ty { top:0.15rem; }
/* 게시판 : active */
.grfe_notice .titTab li a:hover,
.grfe_notice .titTab li a:focus,
.grfe_notice .titTab li.current a {background:#004795; font-weight:600;}
.grfe_notice .titTab li.current a {padding-left:1.25rem;}
.grfe_notice .titTab li.current a:before { opacity:1; font-weight:400; }
.grfe_notice .list_box.on { display:block; }
.grfe_notice .list_box li a:hover,
.grfe_notice .list_box li a:focus {border-color:#0069b5;}
.grfe_notice .list_box li a:hover::before,
.grfe_notice .list_box li a:focus::before { right:-0.1rem; opacity:1;}
.grfe_notice a,
.grfe_notice dt,
.grfe_notice :before,
.grfe_notice :after {-webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }

/* 내 고장 바로알기 프로그램 */
.grfe_pop { position:relative; width:100%; height:100%;}
.grfe_pop::before {content:''; position:absolute; left:-1.25rem; bottom:0; width:500%; height:243px; border-top-left-radius:2.75rem; background:#ffe5e5; z-index:-1;}
.grfe_pop h2 {font-size:1.1rem; line-height:2.25rem; margin-bottom:0.7rem; }
.grfe_pop h2 strong {color:#004795; }
.grfe_pop .pop_img { position:relative; height:18.9rem; overflow: hidden; border-radius:1.5rem; background:#e9e9e9; isolation:isolate;}
.grfe_pop .pop_img div[class*='slick-'],
.grfe_pop .pop_img .item {height:100%;}
.grfe_pop .pop_img .item a { display: flex; height:100%; line-height:0; align-items:center; justify-content: center; overflow:hidden;}
.grfe_pop .pop_img .item img {width:100%; height:100%; object-fit:cover;}
.grfe_pop .btn_more.ty {top:0.15rem;}
.grfe_pop .control {position:absolute; right:2rem; top:0.15rem; display:flex;}
.grfe_pop .control a {display: flex; align-items:center; justify-content:center; margin-right:0.25rem; width:2rem; height:2rem; border-radius:50%; border:1px solid #ddd; color:#111; font-size:0.9rem; transition: all .2s; margin-top:0; -webkit-transition: all .2s;}
.grfe_pop .control .play,
.grfe_pop .control .stop {display: none;}
.grfe_pop .no_data {width:100%; height:100%; background:#fff; border-radius:1.5rem; box-shadow: 0 0 0 1px inset #ddd;}
.grfe_pop .no_data p {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
/* control : active */
.grfe_pop .control a:hover,
.grfe_pop .btn_more.ty:hover { border-color:#0069b5; color:#0069b5; }

/* 배너존 */
.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:0.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: 1500px) {
	/* 홍보영상 */
	.pr_movie {right:2rem;}
}

@media (max-width: 1440px) {
	/* 메인비주얼  */
	.visual .control {left:1rem;}
	
	/* 마을학교 */
	.grfe_school .titTab li a{ font-size:0.8rem;}
}

@media (max-width: 1240px) {
	/* 메인비주얼  */
	.visual::before {bottom:1rem; left:calc(50% - 18rem); width:250px; height:215px;}
	.visual .img {transform:scale(0.9);}
	
	/* 바로가기1 */
	.grfe_link li a p {font-size:0.8rem; letter-spacing:-2px;}
	
	/* 마을학교 */
	.grfe_school .titTab ul{border-radius:0.75rem;}
	.grfe_school .titTab li:nth-child(3) a,
	.grfe_school .titTab li:nth-child(9) a {letter-spacing:-3px;}
	
	/* 게시판 */
	.grfe_notice .list_box li:nth-child(n+3) {margin-top:0.75rem;}
	.grfe_notice .list_box li a {padding: 0.9rem 1rem; }
	.grfe_notice .list_box li a::before {bottom:-1rem; font-size:3rem;}
	.grfe_notice .list_box li.no_data {line-height: 16.55rem;}
	
	/* 내 고장 바로알기 프로그램 */
	.grfe_pop h2 {font-size:1rem;}
	.grfe_pop .pop_img { height:16.9rem;}
}

@media (max-width: 1024px){
	/* common */
	a.btn_more.ty{width:1.7rem; height:1.7rem;}

	/* 메인비주얼  */
	.visual { height:21rem;}
	.visual::before {bottom:-1.5rem; left:calc(50% - 10rem); width:150px; height:159px;}
	.visual .img {top:-2rem; right:calc(50% - 32rem); transform:scale(0.65);}
	.visual .slogan{ padding:3rem 1rem 0;} 
	.visual .slogan p{ font-size:1.45rem;}
	.visual .slogan p strong {font-size:1.6rem;}
	.visual .slogan p strong.big {font-size:1.8rem;}
	.visual .slogan span{ font-size:0.75rem;}
	.visual .slogan span strong{ font-size:0.75rem;}
	.visual .control{bottom:7.5rem;} 
	
	/* 홍보영상 */
	.pr_movie {top:14.25rem; width:5.75rem; height:5.75rem;}
	.pr_movie::before {width:7rem; height:7rem;}
	.pr_movie .pr_circle {font-size:0.75rem;}
	.pr_movie a.btn_more.ty{ right:0; top:0;}
	
	/* 바로가기1 */
	.grfe_link li a .img {width:4.4rem; height:4.4rem;}
	.grfe_link li a img {max-width:65%; }
	.grfe_link li a p {font-size:0.75rem;}
	/* 바로가기1 : hover */
	.grfe_link li a:hover .img::before,
	.grfe_link li a:focus .img::before {width:5.1rem; height:5.1rem;}
	
	/* 마을학교 */
	.grfe_school { height:30rem; padding:1.5rem 0; }
	.grfe_school::after { display:none; }
	.grfe_school .titWrap h2 {font-size:1.4rem; padding-bottom:1.15rem;}
	.grfe_school .titWrap h2::before {height:62px; left:calc(50% -  10.25rem);}
	.grfe_school .titTab li a{ font-size:0.75rem; letter-spacing:-2px; }
	.grfe_school .list_box{ top:9.5rem;}
	.grfe_school .control{ bottom:-1rem;}
	.grfe_school .control > a{ width:2rem; height:2rem; font-size:0.9rem;}
	.grfe_school .btn_more.ty { right:calc(50% - 6.5rem); top:-8rem; width:2rem; height:2rem;}
	
	/* 게시판 */
	.grfe_notice .titTab li a { font-size:0.8rem; line-height:2rem;}
	.grfe_notice .titTab li a:before {left:1rem;}
	.grfe_notice .list_box {margin-top:0.5rem;}
	.grfe_notice .list_box li:nth-child(n+3) {margin-top:0.6rem;}
	.grfe_notice .list_box li a {padding: 0.75rem 1rem; font-size: 0.7rem; border-radius:1rem;}
	.grfe_notice .list_box li a::before {right:0.75rem; bottom:-0.7rem; font-size:2.5rem;}
	.grfe_notice .list_box li a dt {font-size:0.75rem;}
	.grfe_notice .list_box li a.new dt:before {font-size: 1rem;}
	.grfe_notice .list_box li .txt {margin:0.3rem 0 0.35rem; line-height: 1rem; height: 2rem;}
	.grfe_notice .list_box li .date {font-size: 0.6rem;}
	.grfe_notice .list_box li .date i {font-size:0.7rem;}
	.grfe_notice .list_box li.no_data {line-height: 13rem; border-radius:1rem;}
	
	/* 내 고장 바로알기 프로그램 */
	.grfe_pop::before {left:-1rem; height:200px;}
	.grfe_pop h2 {font-size:0.9rem; line-height:2rem; margin-bottom:0.5rem; }
	.grfe_pop .pop_img { height:13.1rem; border-radius:1rem;}
	.grfe_pop .control {right:1.75rem;}
	.grfe_pop .control a {margin-right:0.25rem; width:1.7rem; height:1.7rem;}
	.grfe_pop .no_data { border-radius:1rem;}
	
}

@media (max-width:950px) {	
	/* 바로가기1 */
	.grfe_link ul { flex-wrap:wrap;}
	.grfe_link li { flex:none; width:25%; }
	.grfe_link li:nth-child(n+5) {margin-top:1rem;}
	.grfe_link li a p {margin-top:0.5rem;}
	
	/* 마을학교 */
    .grfe_school {height:28rem;}
    .grfe_school .titTab{display:none;}
	/* 모바일 목록 */
	.grfe_school .school_select {display: flex;}
	.grfe_school .list_box{ top:7.75rem;}
	.grfe_school .control{ bottom:-3rem;}
	.grfe_school .btn_more.ty {top:-6.3rem;}
	
	/* 내 고장 바로알기 프로그램 */
	.grfe_pop {padding-bottom:2rem;}
	.grfe_pop::before {height:70px; border-top-left-radius:0;}
	.grfe_pop h2 {margin-bottom:0.25rem; }
	.grfe_pop .pop_img .item img {object-fit:contain;}
}

@media (max-width: 768px) {
	/* 메인비주얼  */
	.visual .img {transform:scale(0.6);}	
}

@media (max-width: 680px) {
	/* 메인비주얼  */
	.visual { height:15rem;}
	.visual::before {bottom:-2rem; left:calc(50% - 9rem);}
	.visual .img {top:-3rem; right:calc(50% - 30rem); transform:scale(0.5);}
	.visual .slogan{ padding:1rem 1rem 0;} 
	.visual .slogan p{ font-size:1rem;}
	.visual .slogan p strong {font-size:1.1rem;}
	.visual .slogan p strong.big {font-size:1.2rem;}
	.visual .slogan span{ font-size:0.65rem;}
	.visual .slogan span strong{ font-size:0.65rem;}
	.visual .control{bottom:6rem;} 
	.visual .control .paging strong{font-size:0.9rem; margin-right:1rem;}
	.visual .control .paging strong::before {top:calc(50% - 5px); right:-0.5rem; height:10px;}
	.visual .control .paging span{font-size:0.65rem;}
	.visual .control > a{ width:1.5rem; height:1.5rem;font-size:0.8rem;}
	
	/* 홍보영상 */
	.pr_movie {top:10rem; right:1rem;}
	.pr_movie a.btn_more.ty{ right:-0.5rem; top:-0.5rem;}
}

@media (max-width: 580px) {	
	/* 메인비주얼  */
	.visual { height:23.5rem;}
	.visual::before {display:none;}
	.visual .img {top:-3rem; right:calc(50% - 21.5rem); transform:scale(0.55);}
	.visual .slogan span{display:none;}
	.visual .control{bottom:4.5rem;} 
	
	/* 홍보영상 */
	.pr_movie {top:14.25rem; width:4rem; height:4rem;}
	.pr_movie::before {width:5rem; height:5rem;}
	.pr_movie .pr_circle {font-size:0.6rem;}
}

@media (max-width: 480px) {
	/* 메인비주얼  */
	.visual .img {transform:scale(0.5);}
	
	/* 홍보영상 */
	.pr_movie {top:16rem;}
	
	/* 바로가기1 */
	.grfe_link li { width:50%; }
	.grfe_link li:nth-child(n+5) {margin-top:0;}
	.grfe_link li a {position:relative; display:flex; align-items:center; height:2.75rem; border:1px solid #ddd;}
	.grfe_link li a::before {content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; width:auto; height:auto; border:1px solid #4e7dc9; opacity:0;}
	.grfe_link li:nth-child(even) a {border-left:none;}
	.grfe_link li:nth-child(n+3) a {border-top:none;}
	.grfe_link li:nth-child(1) a,
	.grfe_link li:nth-child(1) a::before {border-top-left-radius:0.5rem;}
	.grfe_link li:nth-child(2) a,
	.grfe_link li:nth-child(2) a::before {border-top-right-radius:0.5rem;}
	.grfe_link li:nth-last-child(1) a,
	.grfe_link li:nth-last-child(1) a::before {border-bottom-right-radius:0.5rem;}
	.grfe_link li:nth-last-child(2) a,
	.grfe_link li:nth-last-child(2) a::before {border-bottom-left-radius:0.5rem;}
	.grfe_link li a .img { width:2.75rem; height:auto; border-radius:0; background:none; margin:auto; }
	.grfe_link li a .img::before {display:none;}
	.grfe_link li a img { max-width:50%; }
	.grfe_link li a p {flex:1; text-align:left; display:flex; align-items:center; line-height:1rem; margin-top:0; padding:0 0.75rem 0 0; font-size:0.7rem;}
	.grfe_link li a::before { -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }
	/* 바로가기1 : hover */
	.grfe_link li a:hover::before,
	.grfe_link li a:focus::before {opacity:1;}
	
	/* 마을학교 */
	.grfe_school {height:26.5rem;}
	.grfe_school::before {left:-8rem;}
	.grfe_school .titWrap h2 {padding-bottom:0.75rem; font-size:1.2rem;}
	.grfe_school .titWrap h2::before {display:none;}
	.grfe_school .list_box {top:6.75rem;}
	.grfe_school .control{ bottom:-4.5rem;}
	.grfe_school .btn_more.ty {top:-5.5rem; right:calc(50% - 6rem)}
	
	/* 게시판 */
	.grfe_notice .titTab {padding-right:0;}
	.grfe_notice .titTab ul {flex-wrap:wrap; height:auto; border-radius:0.75rem; margin-right:2.25rem;}
	.grfe_notice .titTab li{ max-width:100%; width:100%; flex:auto; line-height:2.2rem; border-left:none;}
	.grfe_notice .titTab li ~ li {margin-left:0; margin-top:1px;}
	.grfe_notice .titTab li a {padding:0;}
	.grfe_notice .titTab li.current a {padding-left:0;}
	.grfe_notice .list_box li {width: 100%;}
	.grfe_notice .list_box li:nth-child(n+2) {display: none;}
	.grfe_notice .list_box li.no_data {line-height:6.15rem;}
	
	/* 내 고장 바로알기 프로그램 */
	.grfe_pop .pop_img .item img {object-fit:cover;}
}


@media (max-width: 380px) {
	/* 메인비주얼  */
	.visual { height:21rem;}
	.visual .img {transform:scale(0.4);}
	.visual .control{bottom:5rem;} 
	
	/* 홍보영상 */
	.pr_movie {top:14.5rem;}
	
	/* 바로가기1 */
	.grfe_link li a .img { width:2.5rem;}
	
	.grfe_pop .control {top:auto; bottom:0.15rem; right:50%; transform:translateX(50%);}
}

@media (max-width: 360px) {
	/* 홍보영상 */
	.pr_movie {top:15.5rem;}
	
	/* 바로가기1 */
	.grfe_link li { width:100%; }
	.grfe_link li a {height:2.25rem;}
	.grfe_link li a::before {content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; width:auto; height:auto; border:1px solid #4e7dc9; opacity:0;}
	.grfe_link li:nth-child(even) a {border-left:1px solid #ddd;}
	.grfe_link li:nth-child(n+2) a {border-top:none;}
	.grfe_link li:nth-child(1) a,
	.grfe_link li:nth-child(1) a::before {border-top-left-radius:0.5rem; border-top-right-radius:0.5rem;}
	.grfe_link li:nth-child(2) a,
	.grfe_link li:nth-child(2) a::before {border-top-right-radius:0;}
	.grfe_link li:nth-last-child(1) a,
	.grfe_link li:nth-last-child(1) a::before {border-bottom-right-radius:0.5rem; border-bottom-left-radius:0.5rem;}
	.grfe_link li:nth-last-child(2) a,
	.grfe_link li:nth-last-child(2) a::before {border-bottom-left-radius:0;}
	.grfe_link li a p br {display:none;}
	
	/* 마을학교 */
	.grfe_school .control {justify-content:center;}
	.grfe_school .control .bar {display:none;}
}