#topBanner{display:none;}

.main-row1{ padding:32px 0 45px 0; position:relative; overflow:hidden; }

.main-visual{ position:relative; }
.main-visual .navi{position:absolute;right:10px;top:10px;z-index:999;}
.main-visual .images > li {background:#f4f4f4;}
.main-visual .images > li > a> img{max-width:100%;}
.main-visual .images > li > img{max-width:100%;}
.main-visual .bx-controls{position:absolute;right:5px;top:7px;z-index:999;}
.main-visual .bx-pager{display:inline-block;}
.main-visual .bx-pager > div{display:inline-block;margin-right:5px;}
.main-visual .bx-pager > div a{display:inline-block;width:14px;height:14px;overflow:hidden;background:#555;color:#fff;border-radius:7px;text-align:left;text-indent:-9999px;}
.main-visual .bx-pager > div a.active{width:40px;background:#3493ef;color:#000;}
.main-visual .bx-controls-direction{}
.main-visual .bx-controls-direction a{width:22px;height:22px;line-height:22px;border-radius:11px;border:1px solid #cecece;background:#fff;display:inline-block;text-align:left;text-indent:-9999px;margin-left:2px;}
.main-visual .bx-controls-direction a.bx-prev{width:20px; background:rgba(0, 0, 0, 0.6) url(../../images/gwanak/main/btn_banner_prev.png) center center no-repeat;}
.main-visual .bx-controls-direction a.bx-next{width:20px; background:rgba(0, 0, 0, 0.6) url(../../images/gwanak/main/btn_banner_next.png) center center no-repeat;}
.main-visual .bx-controls-auto{display:inline-block;}
.main-visual .bx-controls-auto > div{display:inline-block;width:20px;height:14px;overflow:hidden;}
.main-visual .bx-controls-auto a{display:inline-block;width:22px;height:14px;text-align:left;text-indent:-9999px;}
.main-visual .bx-controls-auto a.bx-start{background:url(../../images/gwanak/main/controler_play2.png) center center no-repeat;opacity:0.5;}
.main-visual .bx-controls-auto a.bx-stop{background:url(../../images/gwanak/main/controler_stop2.png) center center no-repeat;opacity:0.5;}
.main-visual .bx-controls-auto a.active{opacity:1 !important;}
.main-visual .btn-edit { position:absolute; right:0; bottom:0;z-index:999; }
.main-visual .btn-edit span a { text-indent:-9999px; }
.main-visual .btn-edit span { float:left; margin-left:1px; display:block; width:50px; height:20px; padding:5px; background:rgba(0, 0, 0, 0.6); color:#fff; cursor:pointer; text-align:center; font-weight:600;}
.main-visual .btn-edit span.btn_prev { width:20px; background:rgba(0, 0, 0, 0.6) url(../../images/gwanak/main/btn_banner_prev.png) center center no-repeat; text-indent:-9999px;}
.main-visual .btn-edit span.btn_play { width:20px; background:rgba(0, 0, 0, 0.6) url(../../images/gwanak/main/btn_banner_play.png) center center no-repeat; text-indent:-9999px;}
.main-visual .btn-edit span.btn_pause { width:20px; background:rgba(0, 0, 0, 0.6) url(../../images/gwanak/main/btn_banner_pause.png) center center no-repeat; text-indent:-9999px;}
.main-visual .btn-edit span.btn_next { width:20px; background:rgba(0, 0, 0, 0.6) url(../../images/gwanak/main/btn_banner_next.png) center center no-repeat; text-indent:-9999px;}

#mainVisual{max-height:315px;overflow:hidden;}

/* weather */
#weatherBox { position:absolute; left:0; top:32px; width:280px; height:50px; overflow:hidden;  }
.weather_box { padding-left:90px; background:url(../../images/gwanak/main/weather_tit.png) 0 0 no-repeat; position:relative; }
.weather_box .wethr1 {color:#000; text-align:left; padding-bottom : 6px;}
.weather_box .wethr1 span { padding-left:5px; font-weight:600; }
.weather_box h5 {font-size:23px; font-weight:bold; color:#000;  float:left; display:inline-block;}
.weather_box .weather_icon { position:absolute; top:0; left:80px;  }
.weather_box .weather_icon img {height:37px;}
.weather_box ul {position:absolute; top:0; right:0;  }
.weather_box ul.test {position:absolute; top:0; left:80px;  }
.weather_box ul.test li {float:left; width:70px; text-align:center; color:#000; padding: 0 5px; } 
.weather_box ul li {float:left; width:60px; text-align:center; color:#000; padding: 0 5px; } 
.weather_box ul li dl dd {font-size:13px; font-weight:bold; line-height:22px;}
.weather_box ul li.last { border-left:solid 1px #aaa; }
.weather_box ul li.last dl dd {color:#000; font-size:13px; font-weight:bold; line-height:22px;}
#weather_box > a{color:#000;}

/* gsearch */
.gsearch{ margin:0 auto 25px; width:390px; }
.gsearch form{height:44px;border:3px solid #005baa; overflow:hidden;}
.gsearch input[type="text"]{width:350px;float:left;border:none;height:44px;line-height:44px;padding-left:20px; font-size:14px;}
.gsearch input[type="image"]{float:left; padding:7px 0 0 0; }

/* 인기검색어 */
.favorite-word { width:300px; position:absolute; right:45px; top:32px; height:50px; line-height:50px; padding-left:85px; background:url(../../images/gwanak/main/search_word.png) 0 50% no-repeat; }
.favorite-word div { float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:280px;  } 
.favorite-word div span { padding-left:7px;}
.favorite-word div span a { font-weight:600;}

/* 열린구청장실 */
.top-links{overflow:hidden; background:#ececec;  }
.top-links .open-major{ position:relative;}
.top-links .open-major dl { position:absolute; right:20px; top:50px;}
.top-links .open-major dl dt { font-size:23px; color:#111; margin-bottom:25px;}
.top-links .open-major dl dt span { font-weight:600; display:block; }
.top-links .open-major dl dd {display: block;padding-right:30px;height:22px;padding-top:3px;margin: 5px 0;background:url(../../images/gwanak/main/mayor_ico.png) right 0 no-repeat;}
.top-links .open-major dl dd a {font-size:16px;font-weight:600; color:#111; }
.top-links .open-major ul{font-size:14px; width:100%; height:52px; background:#000; line-height:52px; position:absolute; bottom:0; left:0; background:#3e61b2;}
.top-links .open-major ul li{margin-bottom:6px; float:left; border-right: 1px solid #6482c2; width:33%;}
.top-links .open-major ul li:last-child { border-right:0;}
.top-links .open-major ul li a{ display:block; margin-bottom:6px; text-align:center; color:#fff;}

/* 자주찾는 메뉴 */
.quick-service{ background:#3e61b2; }
.quick-service ul{ width:92%;overflow:hidden; padding:30px 4%;}
.quick-service li { margin-bottom:15px; float:left; width:33.3%; height:75px; text-align:center; }
.quick-service li.mobileonly {display:none;}
.quick-service li a { display:block; width:100%; display:block; height:55px;overflow:hidden; text-indent:-99999px;} 
/* 2019.02.21 수정 */
.quick-service li a.link1 {background: url(../../images/gwanak/main/quick_ic_bg.png) center -165px no-repeat;}
.quick-service li a.link2 { background:url(../../images/gwanak/main/quick_ic_bg.png) center -55px no-repeat;}
.quick-service li a.link3 {background: url(../../images/gwanak/main/quick_ic_bg.png) center -275px no-repeat;}
.quick-service li a.link4 {background: url(../../images/gwanak/main/quick_ic_bg.png) center -385px no-repeat;}
.quick-service li a.link5 {background: url(../../images/gwanak/main/quick_ic_bg.png) center -330px no-repeat;}
.quick-service li a.link6 {background: url(../../images/gwanak/main/quick_ic_bg.png) center -110px no-repeat;}
.quick-service li a.link7 {background: url(../../images/gwanak/main/quick_ic_bg.png) center 0 no-repeat;}
.quick-service li a.link8 {background: url(../../images/gwanak/main/quick_ic_bg.png) center -440px no-repeat;}
.quick-service li a.link9 {background: url(../../images/gwanak/main/quick_ic_bg.png) center -220px no-repeat;}
.quick-service li a.link10 {background: url(../../images/gwanak/main/quick_ic_bg.png) center -495px no-repeat;}
/* //2019.02.21 수정 */
.quick-service li span { letter-spacing:-0.07em; color:#fff; padding-top:5px; display:block; }

.main-row2{ margin:0 0 35px 0; overflow:hidden;} /*20180205 수정*/

.bbs-wrap { width:450px; height:270px; float:left; position:relative; margin-right:45px; overflow:hidden;}
.bbs-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px;}
.bbs-wrap .tit:first-child {margin-left:0;}
.bbs-wrap .tit a { text-align:center; color:#555; font-size:16px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa; width:140px; height:50px; line-height:47px; display:block;}
.bbs-wrap .tit a:hover, .bbs-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:500;  }
.bbs-wrap .bbs-list { position:absolute; left:0; top:65px; width:100%;   }
.bbs-wrap .bbs-list dl { margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #ccc;}
.bbs-wrap .bbs-list dl dt a { overflow:hidden; float:left; font-weight:500; color:#111; font-size:15px; text-overflow:ellipsis; white-space:nowrap; padding-bottom:8px; }
.bbs-wrap .bbs-list dl dd { clear:both;  height:32.5px; overflow:hidden;  }
.bbs-wrap .bbs-list ul li { overflow:hidden; padding-bottom:8px; }
.bbs-wrap .bbs-list ul li a { overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap;  }
.bbs-wrap .bbs-list ul li span.date { float:right;  font-family:'NanumGothic' !important;  }
.bbs-wrap .bbs-list dl dt span {margin-right: 1px;background: #444;display: inline-block;color: #fff;text-align: center;font-size: 12px;width: 52px;height: 18px;line-height: 18px;} /* 기타 */
.bbs-wrap .bbs-list dl dt span.tit1 {background:#cb2121;} /* 복지 */
.bbs-wrap .bbs-list dl dt span.tit2 {background:#72534a;} /* 문화,관광 */
.bbs-wrap .bbs-list dl dt span.tit3 {background:#007089;} /* 도시,주택,부동산 */
.bbs-wrap .bbs-list dl dt span.tit4 {background:#517b17; }  /* 환경,경제 */
.bbs-wrap .bbs-list dl dt span.tit5 {background:#b73268; } /* 안전,교통 */
.bbs-wrap .bbs-list dl dt span.tit6 {background:#0f63a1; } /* 세금,재정 */
.bbs-wrap .bbs-list dl dt span.tit7 {background:#3f419d; } /* 행정,공개 */

.bbs-wrap .bbs-list ul li a span {margin-right: 1px;background: #444;display: inline-block;color: #fff;text-align: center;font-size: 12px;width: 52px;height: 18px;line-height: 18px;} /* 기타 */
.bbs-wrap .bbs-list ul li a span.tit1 {background:#cb2121;} /* 복지 */
.bbs-wrap .bbs-list ul li a span.tit2 {background:#72534a;} /* 문화,관광 */
.bbs-wrap .bbs-list ul li a span.tit3 {background:#007089;} /* 도시,주택,부동산 */
.bbs-wrap .bbs-list ul li a span.tit4 {background:#517b17; }  /* 환경,경제 */
.bbs-wrap .bbs-list ul li a span.tit5 {background:#b73268; } /* 안전,교통 */
.bbs-wrap .bbs-list ul li a span.tit6 {background:#0f63a1; } /* 세금,재정 */
.bbs-wrap .bbs-list ul li a span.tit7 {background:#3f419d; } /* 행정,공개 */

.paper-wrap { width:360px; height:270px; float:left; position:relative; overflow:hidden;}
.paper-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px;}
.paper-wrap .tit:first-child {margin-left:0;}
.paper-wrap .tit a { display:block; width:159px; height:50px; line-height:47px; text-align:center; color:#555; font-size:16px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa;}
.paper-wrap .tit a:hover, .paper-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:500;  }
.paper-wrap .bbs-list { position:absolute; left:0; top:65px; width:100%; text-align:left; }
.paper-wrap .bbs-list .event { margin-bottom:15px; border-bottom:1px solid #ccc; overflow:hidden;}
.paper-wrap .bbs-list .event p { float:left;  }
.paper-wrap .bbs-list .event dl { float:right; margin-right:25px; text-align:left;}  
.paper-wrap .bbs-list .event dl dt a { text-overflow:ellipsis; white-space:nowrap; float:left; overflow:hidden; font-weight:500; color:#111; font-size:15px; margin-bottom:10px; }
.paper-wrap .bbs-list .event dl dt a span { background:#cf3500; display:inline-block; color:#fff; text-align:center; font-size:12px; height: 18px; line-height: 18px; width: 52px;}
.paper-wrap .bbs-list .event dl dt a span.tit1 {background:#b73268;} /* 기타접수 */
.paper-wrap .bbs-list .event dl dt a span.tit2 {background:#006400;} /* 접수중 */
.paper-wrap .bbs-list .event dl dt a span.tit3 {background:#555;} /* 접수마감, 기타 */
.paper-wrap .bbs-list .event dl dt a span.tit4 {background:#cb1d08; }  /* 접수완료 */
.paper-wrap .bbs-list .event dl dt a span.tit5 {background:#1f4f8c;} /* 접수대기 */
.paper-wrap .bbs-list .event dl dd { padding-bottom:5px; text-align:left;color:#555;}
.paper-wrap .bbs-list .event dl dd span { font-weight:500; color:#000;}
.paper-wrap .bbs-list ul li { overflow:hidden; padding-bottom:7px; }
.paper-wrap .bbs-list ul li a { overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; }
.paper-wrap .bbs-list ul li a span { background:#cf3500; display:inline-block; color:#fff; text-align:center; font-size:12px; height: 18px;line-height: 18px; width: 52px; }
.paper-wrap .bbs-list ul li a span.tit1 {background:#b73268;} /* 기타접수 */
.paper-wrap .bbs-list ul li a span.tit2 {background:#006400;} /* 접수중 */
.paper-wrap .bbs-list ul li a span.tit3 {background:#555;} /* 접수마감, 기타 */
.paper-wrap .bbs-list ul li a span.tit4 {background:#cb1d08;} /* 접수완료 */
.paper-wrap .bbs-list ul li a span.tit5 {background:#1f4f8c;} /* 접수대기 */
.paper-wrap .bbs-list ul li span.date { float:right; }
.paper-wrap .bbs-list dl.cover { display:inline-block; float:left; width:33.3%; text-align:center;}
.paper-wrap .bbs-list dl.cover dt { overflow:hidden; margin:0 auto; margin-bottom:10px;}
.paper-wrap .bbs-list dl.cover dt img { border:1px solid #ccc; box-sizing:border-box;}
.paper-wrap .bbs-list dl.cover dd p { font-size:12px; font-weight:500;  overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; width:98%; text-align:center;}
.ebook-btns{text-align:center;}
.ebook-btns a {display:inline-block;margin-top:4px;padding:0 5px;font-weight:500;font-size:11px !important;background-color: #f8f8f8;height:20px;line-height:18px;border-radius:3px;border: 1px solid #ccc;vertical-align: top;}
.ebook-btns a:hover{border-color: #555;}

/*20180205 추가*/
.pzone { position:relative; float:right; width:377px; height:270px; }
.pzone-list{position:relative; height:270px;}
.pzone-list h3 { font-size:20px; color:#111; margin-bottom:17px;}
.pzone-list li {border:1px solid #ddd; box-sizing:border-box; overflow:hidden;}
.pzone-list img{width:100%; height:100%;  }
.pzone-list .bx-controls{position:absolute;right:0;top:5px;z-index:999; }
.pzone-list .bx-pager{display:none;}
.pzone-list .pzone-paging{ overflow:hidden; height:22px;line-height:22px;float:left; padding:0 10px; font-size:14px;border-right:none; border-top:none; }
.pzone-list .bx-controls-direction{ float:left; }
.pzone-list .bx-controls-direction a{width:22px;height:22px;line-height:22px; display:inline-block;text-align:left;text-indent:-9999px; }
.pzone-list .bx-controls-direction a.bx-prev{background:url(../../images/gwanak/main/pzoneCtrl_prev.png) center center no-repeat;}
.pzone-list .bx-controls-direction a.bx-next{background:url(../../images/gwanak/main/pzoneCtrl_next.png) center center no-repeat;}
.pzone-list .bx-controls-auto{display:inline-block; }
.pzone-list .bx-controls-auto > div{display:inline-block;width:22px;height:22px;background:#fff;overflow:hidden;}
.pzone-list .bx-controls-auto a{display:inline-block;height:22px;text-align:left;text-indent:-9999px;}
.pzone-list .stopPlay{display:inline-block;width:22px;height:22px;overflow:hidden;vertical-align:top;}
.pzone-list .stopPlay a{display:block;height:22px;text-align:left;text-indent:-9999px;}
.pzone-list .stopPlay a.stop{background:url(../../images/gwanak/main/pzoneCtrl_stop.png) center center no-repeat;}
.pzone-list .stopPlay a.play{background:url(../../images/gwanak/main/pzoneCtrl_play.png) center center no-repeat;}


.main-row3 { margin-bottom:40px; overflow:hidden;}
.media-wrap { float:left; overflow:hidden; border:1px solid #ccc; background:#f1f1f1; box-sizing:border-box; position:relative;}
.media-wrap h3 { font-size:20px; color:#111; margin-bottom:15px;}
.media-wrap h3 span { color:#2a52ac; }
.media-list{overflow:hidden; }
.media-list li{float:left;text-align:center;width:32%;margin-right:2%;border:1px solid #ccc;box-sizing:border-box;}
.media-list li:last-child{ margin-right:0;}
.media-list li a {display:block;position:relative;font-size:14px;box-sizing:border-box;}
.media-list li a > img{width:100%;height:170px;}
.media-list li div{width:100%; box-sizing:border-box;height:70px; padding:10px;color:#111;text-align:left;background:#fff;}/*20180205 수정*/
.media-list li div .title{white-space:nowrap;text-overflow:ellipsis;width:90%;overflow:hidden;margin-bottom:5px; color:#111; font-weight:600;}
.media-list li div span { word-break:normal; color:#666; font-size:12px; overflow:hidden; height:32px; line-height:15px !important;  display:inline-block;}
.media-list li a > span.category { position:absolute; left:0; bottom:0; background:#000; color:#fff; padding:5px; font-size:13px; }
.media-wrap span.more { position:absolute; right:40px; top:25px; }
.media-wrap span.more a { display:block; padding:7px 10px; background:#6c7f90; text-align:center; color:#fff; font-weight:600; }

.ebook-list {float:left; border:1px solid #ccc; border-left:0; box-sizing:border-box; text-align:center; position:relative; }
.ebook-list h3 { font-size:20px; color:#111; margin-bottom:12px;}
.ebook-list p { margin:0 auto 10px; padding:4px; border:1px solid #ccc;}
.ebook-list p img{display:block;width:100%;}/*20180205 수정*/
.ebook-list span.more { position:absolute; right:-1px; top:-1px; }
.ebook-list span.more a { display:block; width:30px; height:30px; background:#fff url(../../images/gwanak/main/btn_more.png) 50% 50% no-repeat; text-align:center; color:#fff; font-weight:600; border:1px solid #ccc; }
.ebook-list .btn {}
.ebook-list .btn a { display:inline-block; text-align:center; color:#fff; font-weight:600; width:85px; height:30px; line-height:30px; border-radius:15px;}
.ebook-list .btn a.green { background:#00a651;}
.ebook-list .btn a.blue { background:#3e61b2;}

.area-list{background:#d6dfea;padding:20px 0 0 0;}
.area-list ul{overflow:hidden;}
.area-list ul li{float:left;width:25%;height:100px;}
.area-list ul li a{display:block;text-align:center;padding:66px 0 0 0;}
.area-list .area1 a{background:url(../../images/gwanak/main/area_icon1.png) center top no-repeat;}
.area-list .area2 a{background:url(../../images/gwanak/main/area_icon2.png) center top no-repeat;}
.area-list .area3 a{background:url(../../images/gwanak/main/area_icon3.png) center top no-repeat;}
.area-list .area4 a{background:url(../../images/gwanak/main/area_icon4.png) center top no-repeat;}
.area-list .area5 a{background:url(../../images/gwanak/main/area_icon5.png) center top no-repeat;}
.area-list .area6 a{background:url(../../images/gwanak/main/area_icon6.png) center top no-repeat;}
.area-list .area7 a{background:url(../../images/gwanak/main/area_icon7.png) center top no-repeat;}
.area-list .area8 a{background:url(../../images/gwanak/main/area_icon8.png) center top no-repeat;}

.main-row4{clear:both;margin-bottom:40px; overflow:hidden;}

.site-link{padding:5px;margin-bottom:5px;text-align:left;position:relative;z-index:800;}
.site-link > ul{border:1px solid #ccc;}
.site-link > ul > li{border-bottom:1px solid #ccc;position:relative;}
.site-link > ul > li:last-child{border-bottom:none;}
.site-link > ul > li button{display:block;width:100%;padding:0 20px;height:43px;line-height:43px;position:relative;text-align:left;}
.site-link button .arr{position:absolute;right:10px;top:18px;display:inline-block;width:13px;height:9px;vertical-align:middle;background:url(../../images/gwanak/main/site_arr.png) 0 0 no-repeat;}
.site-link > ul ul{position:absolute;left:-1px;bottom:44px;display:none;background:#fff;border:2px solid #e0e0e0;width:100%;border-bottom:none;box-sizing:border-box;padding:10px 10px 20px 10px;overflow:hidden;}
.site-link > ul ul li{border-top:1px dotted #ccc;float:left;width:50%;}
.site-link > ul ul li:first-child{border-top:none;}
.site-link > ul ul li:first-child + li{border-top:none;}
.site-link > ul ul li a{display:block;height:30px;line-height:30px;}
.site-link > ul ul li a:hover{background:#f4f4f4;}
.site-link > ul ul li.close{float:none;width:19px;height:19px;position:absolute;right:10px;bottom:10px;border:none;}
.site-link > ul ul li.close button{width:19px;height:19px;background:url(../../images/gwanak/main/btn_close.png) 0 0 no-repeat;text-indent:-9999px;border:none;padding:0;}

.user-links{border:1px solid #ccc; position:relative; box-sizing:border-box;}
.user-links p.tit { float:left;width:50%; }
.user-links p.tit a { display:block; background:#e1e1e1; height:45px; line-height:45px; text-align:center; font-size:15px; font-weight:600;  color:#555;}
.user-links p.tit a.on { background:#fff; color:#111; }
.user-links ul li{float:left;width:24.5%; padding-bottom:7px;}
.user-links ul li a {display:block;line-height:24px;font-size:13px; padding-left:30px; background:url(../../images/gwanak/main/user-links-ico.gif) 0 0 no-repeat;}
.user-links ul li a img{vertical-align:middle;}

.sns-links{ border:1px solid #ccc; position:relative;box-sizing:border-box;}
.sns-links p.tit { float:left; width:25%;  }
.sns-links p.tit a {display:block; height:45px; line-height:45px; text-align:center; font-size:13px; font-weight:600; color:#fff;  }
.sns-links p.tit a.face { background:#8b8b8b 20% 50% no-repeat;  border-right:1px solid #fff; box-sizing:border-box;}
.sns-links p.tit a.face:hover { background:#3c5b9a 20% 50% no-repeat;}
.sns-links p.tit span.on a.face {background:#3c5b9a 20% 50% no-repeat; display:block; } 
.sns-links p.tit a.face span { padding-left:0px;}

.sns-links p.tit a.blog { background:#8b8b8b 28% 50% no-repeat; border-right:1px solid #fff; box-sizing:border-box; }
.sns-links p.tit a.blog:hover { background:#32b34a 28% 50% no-repeat;}
.sns-links p.tit span.on a.blog  {background:#32b34a 28% 50% no-repeat; display:block;}
.sns-links p.tit a.blog span {padding-left:0px;}

.sns-links p.tit a.kakao { background:#8b8b8b  13% 50% no-repeat;  }
.sns-links p.tit a.kakao:hover { background:#fddc00 13% 50% no-repeat;}
.sns-links p.tit a.kakao span.on { background:#8b8b8b 13% 50% no-repeat; display:block;}
.sns-links p.tit a.kakao span {padding-left:0px;}

.sns-links p.tit a.insta { background:#8b8b8b 12% 50% no-repeat; border-right:1px solid #fff; box-sizing:border-box;}
.sns-links p.tit a.insta:hover { background-image: url(../../images/gwanak/main/insta_bg.gif), url(../../images/gwanak/main/insta_bg.gif); background-repeat:no-repeat, repeat-x;}
.sns-links p.tit span.on a.insta{ background-image: url(../../images/gwanak/main/insta_bg.gif), url(../../images/gwanak/main/insta_bg.gif); background-repeat:no-repeat, repeat-x; display:block;}
.sns-links p.tit a.insta span {padding-left:0px;}


.sns-links .sns-Bx { position:absolute; left:0; top:50px;}
.sns-links .sns-Bx .sns-list {  overflow:hidden; overflow-x:hidden; overflow-y:scroll;  }
.sns-links .sns-Bx .sns-list li {overflow:hidden; margin-bottom:10px;}
.sns-links .sns-Bx .sns-list li span.bg1  { float:left; display:block; width:33px; height:33px; background:url(../../images/gwanak/main/sns-list-ico.png) 0 0 no-repeat; } 
.sns-links .sns-Bx .sns-list li span.bg2  { float:left; display:block; width:33px; height:33px; background:url(../../images/gwanak/main/sns-list-ico.png) -66px 0 no-repeat; } 
.sns-links .sns-Bx .sns-list li span.bg3  { float:left; display:block; width:33px; height:33px; background:url(../../images/gwanak/main/sns-list-ico1.png) 0 0 no-repeat; } 
.sns-links .sns-Bx .sns-list li span.bg4  { float:left; display:block; width:33px; height:33px; background:url(../../images/gwanak/main/sns-list-ico2.png) 0 0 no-repeat; } 
.sns-links .sns-Bx .sns-list li div { font-size:13px; color:#111; font-family: 'notokr-regular' , sans-serif !important; line-height:17px; float:right; letter-spacing:-0.07em;  }
.sns-links .sns-Bx .sns-list li div p { color:#666; font-size:13px; font-family: 'notokr-regular' , sans-serif !important;}

.electors_pop {background:#fff;position:absolute;z-index:9999;width:100%;max-width:400px;height:430px;left:51%;top:55%;border:1px solid #ccc;margin-top:-300px;margin-left:-230px;}
.lm_popup_wrap { width:460px ;height:310px; background:url(/images/gwanak/popup/bg.gif) 0 0 no-repeat; padding:20px;  }
.lm_pop_inner { text-align:center;}
.lm_pop_inner h3 {margin:22px 0 30px;}
.lm_pop_inner h3 img {}
.lm_pop_inner p {margin-bottom:20px; }
.lm_pop_inner .lm_btn {}
.lm_pop_inner .lm_btn a { display:inline-block; width:191px; height:69px; text-indent:-9999em;background:url(/images/gwanak/popup/logout_btn.gif) 0 0 no-repeat;}
.lm_pop_inner .lm_btn a.blue {  }
.lm_pop_inner .lm_btn a.gray { background-position:-194px 0 ;}
.ls_popup_wrap { width:460px ;height:310px; background:url(/images/gwanak/popup/bg.gif) 0 0 no-repeat; padding:20px;  }
.ls_pop_inner { text-align:center;}
.ls_pop_inner h3 {margin:22px 0 30px;}
.ls_pop_inner h3 img {}
.ls_pop_inner p {margin-bottom:20px; }
.ls_pop_inner .ls_btn {}
.ls_pop_inner .ls_btn a { display:inline-block; width:191px; height:69px; text-indent:-9999em;background:url(/images/gwanak/popup/login_btn.gif) 0 0 no-repeat;}
.ls_pop_inner .ls_btn a.blue {  }
.ls_pop_inner .ls_btn a.gray { background-position:-194px 0 ;}

#sideDday{position:absolute;padding:20px 0;width:110px;background:#4c45bb;color:#fff;}
#sideDday span{display:block;font-size:13px;font-weight:600;letter-spacing:-.5px;}
#sideDday b{display:block;padding:8px 0;font-size:35px;font-weight:600;letter-spacing:-1px;}
#sideDday span img{display:inline-block;vertical-align:middle;}
#logout_set {background:#fff;position:absolute;z-index:9999;width:100%;max-width:400px;height:273px;left:51%;top:55%;border:1px solid #ccc;margin-top:-300px;margin-left:-230px;}
#logout_msg {background:#fff;position:absolute;z-index:9999;width:100%;max-width:400px;height:260px;left:51%;top:55%;border:1px solid #ccc;margin-top:-300px;margin-left:-230px;}

.main-row5{clear:both;margin-bottom:40px; overflow:hidden; text-align:center;}

/** ~400 *************************************************************************************************************** */
@media all and (max-width:400px){
.ebook-list {padding:2%; width:100%; border-left:1px solid #ccc; border-bottom:0; }
.ebook-list.last {border-left:1px solid #ccc;  border-bottom:1px solid #ccc; }
.ebook-list p { width:180px; height:195px;}

.gsearch{ margin:0 auto 10px; width:100%; }
.gsearch form{height:40px;border:3px solid #005baa; overflow:hidden;}
.gsearch input[type="text"]{width:90%;height:40px;line-height:40px;font-size:13px;}
.gsearch input[type="image"]{float:left; padding:7px 0 0 0; }

.sns-links .sns-Bx .sns-list li div { width:85% !important}
/*.sns-links .sns-Bx .sns-list li div.txt4 {  width:66% !important}*/

.bbs-wrap { width:100%; margin-right:0; margin-bottom:20px; height:275px; }
.bbs-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px; width:33.33%; }
.bbs-wrap .tit:first-child {margin-left:0;}
.bbs-wrap .tit a { text-align:center; color:#555; font-size:15px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa; width:100%; height:40px; line-height:37px; display:block;}
.bbs-wrap .tit a:hover, .bbs-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:600;  }
.bbs-wrap .bbs-list { position:absolute; left:0; top:50px; width:100%;   }
.bbs-wrap .bbs-list dl { margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid #ccc;}
.bbs-wrap .bbs-list dl dt a { overflow:hidden; float:left; font-weight:600; color:#111; font-size:14px; text-overflow:ellipsis; white-space:nowrap; padding-bottom:0; width:80%; }
.bbs-wrap .bbs-list dl dd { clear:both; line-height:17px; font-size:13px; }
.bbs-wrap .bbs-list ul li { overflow:hidden; padding-bottom:2px; }
.bbs-wrap .bbs-list ul li a { overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; width:70%; line-height:15px !important;}
.bbs-wrap .bbs-list ul li span.date { float:right;  font-size:13px;font-family:'NanumGothic' !important; }
.bbs-wrap .bbs-list span.more { position:absolute; left:0; bottom:-44px;width:100%; box-sizing:border-box;border:1px solid #ccc;}
.bbs-wrap .bbs-list span.more a { display:block; text-indent:0; width:100%; height:30px; background:#fafafa 50% 50% no-repeat; text-align:center; line-height:30px;}

.paper-wrap { width:100%; margin-bottom:20px; height:272px;}
.paper-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px; width:50%; }
.paper-wrap .tit:first-child {margin-left:0;}
.paper-wrap .tit a { text-align:center; color:#555; font-size:15px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa; width:100%; height:40px; line-height:37px; display:block;}
.paper-wrap .tit a:hover, .bbs-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:600;  }
.paper-wrap .bbs-list { position:absolute; left:0; top:50px; width:100%;   }
.paper-wrap .bbs-list .event { margin-bottom:10px; padding-bottom:5px; }
.paper-wrap .bbs-list .event p { }
.paper-wrap .bbs-list .event p img { width:90px; height:77px; }
.paper-wrap .bbs-list .event dl {  width:55%; text-align:left;}
.paper-wrap .bbs-list .event dl dt a { width:98%; font-size:14px; margin-bottom:1px;}
.paper-wrap .bbs-list .event dl dt a span { background:#fd6d16; display:inline-block; color:#fff; text-align:center; font-size:12px; height:18px; line-height:18px;}
.paper-wrap .bbs-list .event dl dd {clear:both; line-height:18px; padding:0 0 2px 0; text-overflow:ellipsis; white-space:nowrap; width:98%; overflow:hidden;}
.paper-wrap .bbs-list ul li { overflow:hidden; padding-bottom:2px; }
.paper-wrap .bbs-list ul li a { width:70%; text-align:left; line-height:15px !important; }
.paper-wrap .bbs-list ul li a span { background:#cf3500; display:inline-block; color:#fff; text-align:center; font-size:12px; height:18px; line-height:18px; }
.paper-wrap .bbs-list ul li span.date { float:right; font-size:13px; }
.paper-wrap .bbs-list dl.cover dt { width:100% !important; height:100% !important; overflow:hidden; margin:0 auto; margin-bottom:5px; }
.paper-wrap .bbs-list dl.cover dt img {width:80px !important; height:119px !important; }
.paper-wrap .bbs-list dl.cover dt img { width:80px; height:119px; }
.paper-wrap .bbs-list span.more { position:absolute; left:0; bottom:-44px;width:100%; box-sizing:border-box;border:1px solid #ccc;}
.paper-wrap .bbs-list span.more a { display:block; text-indent:0; width:100%; height:30px; background:#fafafa 50% 50% no-repeat; text-align:center; line-height:30px;}
	
.ebook-btns{text-align:center;}
.ebook-btns a {display:inline-block;margin-top:3px;padding:0 5px;font-weight:600;font-size:11px;background-color: #f8f8f8;height:20px;line-height:20px;border-radius:3px;border: 1px solid #ccc;vertical-align: top;}
.ebook-btns a:hover{border-color: #555;}

.top-links{ height:220px; }
.top-links .open-major{height:220px !important; background:url(../../images/gwanak/main/mayor_bg.png) left 28px no-repeat; }
.top-links .open-major ul{font-size:14px; width:100%; height:37px; background:#000; line-height:37px; position:absolute; bottom:0; left:0; background:#3e61b2;}


.media-wrap h3 { font-size:18px !important; margin-bottom:20px; letter-spacing:-0.07em;}
.media-list li{float:left;text-align:center;width:100%;margin-right:0;border:1px solid #ccc;box-sizing:border-box;}
.media-list li:last-child{ margin-right:0;}
.media-list li:first-child { margin-bottom:0;}
.media-list li a {display:block;position:relative;font-size:14px;box-sizing:border-box;}
.media-list li a > img{width:100%;height:200px;}

.media-list li.half {width:50%;border-bottom:1px solid #ccc;}
.media-list li.half a > img {height:100px;}
.media-list li.half:last-child{ border-left:0;}
.media-list li:first-child { border-bottom:0;}
.media-list li div{width:100%; box-sizing:border-box;height:auto; padding:10px;color:#111;text-align:left;background:#fff;} 
.media-list li div .title{white-space:nowrap;text-overflow:ellipsis;width:90%;overflow:hidden;margin-bottom:5px; color:#111; font-weight:600;} 
.media-list li div span { color:#666; font-size:12px; overflow:hidden; height:auto; display:block; } 
.media-list li a > span.category { position:absolute; left:0; bottom:0; background:#000; color:#fff; padding:5px; font-size:13px; }
.media-wrap span.more { display:none; }
.main-row5{display:none;}


/*
.ebook-list h3 {font-size:18px !important; margin-bottom:10px; letter-spacing:-0.07em;}
.ebook-list {padding:4% 2%; width:100%; border-left:1px solid #ccc;  border-bottom:0; }
.ebook-list.last {border-left:1px solid #ccc;  }
.ebook-list p { width:180px; height:195px;}
*/

.ebook-list {padding:3% 2%; width:50%; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
.ebook-list h3 {font-size:16px !important; margin-bottom:10px; letter-spacing:-0.07em;}
.ebook-list.last {border-left:0;  }
.ebook-list p { width:140px; height:195px;}
.ebook-list span.more a { display:block; width:20px; height:20px; background:#fff url(../../images/gwanak/main/btn_more.png) 50% 50% no-repeat; background-size:7px 7px;  border:1px solid #ccc; }
.ebook-list .btn a { display:inline-block; text-align:center; color:#fff; font-weight:600; width:70px; height:20px; line-height:20px; border-radius:15px; letter-spacing:-0.08em; font-size:12px;}

.pzone-list h3 { font-size:18px !important; margin-bottom:10px; letter-spacing:-0.07em;}

.electors_pop {left:62%;top:60%;}
#logout_set {left:62%;top:60%;}
#logout_msg {left:62%;top:60%;}

}
/** 400~500 *************************************************************************************************************** */
@media all and (min-width:400px) and (max-width:500px){


}

/** 500~600 *************************************************************************************************************** */
@media all and (min-width:500px) and (max-width:600px){



}

/** 400~600 *************************************************************************************************************** */
@media all and (min-width:400px) and (max-width:600px){

.gsearch{ margin:0 auto 10px; width:100%; }
.gsearch form{height:40px;border:3px solid #005baa; overflow:hidden;}
.gsearch input[type="text"]{width:92%;height:40px;line-height:40px;font-size:13px;}
.gsearch input[type="image"]{float:left; padding:7px 0 0 0; }

.main-row1{ padding:10px 0;  }	

.bbs-wrap { width:100%; margin-right:0; margin-bottom:20px; height:275px; }
.bbs-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px; width:33%; }
.bbs-wrap .tit:first-child {margin-left:0;}
.bbs-wrap .tit a { text-align:center; color:#555; font-size:15px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa; width:100%; height:40px; line-height:37px; display:block;}
.bbs-wrap .tit a:hover, .bbs-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:600;  }
.bbs-wrap .bbs-list { position:absolute; left:0; top:55px; width:100%;   }
.bbs-wrap .bbs-list dl { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc;}
.bbs-wrap .bbs-list dl dt a { overflow:hidden; float:left; font-weight:600; color:#111; font-size:14px; text-overflow:ellipsis; white-space:nowrap; padding-bottom:3px; width:80%; line-height:18px;}
.bbs-wrap .bbs-list dl dd { clear:both; line-height:15px; font-size:13px; }
.bbs-wrap .bbs-list ul li { overflow:hidden; padding-bottom:3px; }
.bbs-wrap .bbs-list ul li a { overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; width:70%; line-height:15px;  }
.bbs-wrap .bbs-list ul li span.date { float:right;  font-size:13px;  font-family:'NanumGothic' !important; }
.bbs-wrap .bbs-list span.more { position:absolute; left:0; bottom:-44px;width:100%; box-sizing:border-box;border:1px solid #ccc;}
.bbs-wrap .bbs-list span.more a { display:block; text-indent:0; width:100%; height:30px; background:#fafafa 50% 50% no-repeat; text-align:center; line-height:30px;}

.bbs-wrap .bbs-list2 iframe { height:105px !important;}

.paper-wrap { width:100%; margin-bottom:20px; height:280px; }
.paper-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px; width:50%; }
.paper-wrap .tit:first-child {margin-left:0;}
.paper-wrap .tit a { text-align:center; color:#555; font-size:15px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa; width:100%; height:40px; line-height:37px; display:block;}
.paper-wrap .tit a:hover, .bbs-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:600;  }
.paper-wrap .bbs-list { position:absolute; left:0; top:55px; width:100%;   }
.paper-wrap .bbs-list .event { margin-bottom:12px; padding-bottom:7px; }
.paper-wrap .bbs-list .event p img { width:90px; height:77px; }
.paper-wrap .bbs-list .event dl {  width:55%; text-align:left;}
.paper-wrap .bbs-list .event dl dt a { width:98%; font-size:14px; margin-bottom:5px; line-height:15px;}
.paper-wrap .bbs-list .event dl dt a span { background:#fd6d16; display:inline-block; color:#fff; text-align:center; font-size:12px;  height:18px; line-height:18px;  }
.paper-wrap .bbs-list .event dl dd {clear:both; padding-bottom:3px; line-height:15px;}
.paper-wrap .bbs-list ul li { overflow:hidden; padding-bottom:3px; }
.paper-wrap .bbs-list ul li a { width:70%; text-align:left;  line-height:15px !important;}
.paper-wrap .bbs-list ul li a span { background:#cf3500; display:inline-block; color:#fff; text-align:center; font-size:12px; height:18px; line-height:18px; }
.paper-wrap .bbs-list ul li span.date { float:right; font-size:13px; font-family:'NanumGothic' !important; }

.paper-wrap .bbs-list dl.cover dt { width:100% !important; height:100% !important; overflow:hidden; margin:0 auto; margin-bottom:5px; }
.paper-wrap .bbs-list dl.cover dt img {width:80px !important; height:119px !important; }

.paper-wrap .bbs-list span.more { position:absolute; left:0; bottom:-44px;width:100%; box-sizing:border-box;border:1px solid #ccc;}
.paper-wrap .bbs-list span.more a { display:block; text-indent:0; width:100%; height:30px; background:#fafafa 50% 50% no-repeat; text-align:center; line-height:30px;}


.media-wrap h3 { font-size:18px !important; margin-bottom:20px; letter-spacing:-0.07em;}
.media-list li{float:left;text-align:center;width:100%;margin-right:0;border:1px solid #ccc;box-sizing:border-box;}
.media-list li:last-child{ margin-right:0;}
.media-list li a {display:block;position:relative;font-size:14px;box-sizing:border-box; }
.media-list li a > img{width:100%;height:250px;}

.media-list li.half {width:50%;  border-bottom:1px solid #ccc;}
.media-list li.half a > img {height:150px;}
.media-list li.half:last-child{ border-left:0;}
.media-list li:first-child { border-bottom:0;}
.media-list li div{width:100%; box-sizing:border-box;height:auto; padding:10px;color:#111;text-align:left;background:#fff;} 
.media-list li div .title{white-space:nowrap;text-overflow:ellipsis;width:90%;overflow:hidden;margin-bottom:5px; color:#111; font-weight:600;}
.media-list li div span { color:#666; font-size:12px; overflow:hidden; height:auto; display:block; } 
.media-list li a > span.category { position:absolute; left:0; bottom:0; background:#000; color:#fff; padding:5px; font-size:13px; }
.media-wrap span.more { display:none; }
.main-row5{display:none;}
/*
.ebook-list h3 {font-size:18px !important; margin-bottom:10px; letter-spacing:-0.07em;}
.ebook-list {padding:4% 2%; width:100%; border-left:1px solid #ccc;  border-bottom:0; }
.ebook-list.last {border-left:1px solid #ccc;  }
.ebook-list p { width:180px; height:195px;}
*/

.ebook-list {padding:3% 2%; width:50%; border-left:1px solid #ccc;  }
.ebook-list h3 {font-size:16px !important; margin-bottom:10px; letter-spacing:-0.07em;}
.ebook-list.last {border-left:0;  }
.ebook-list p { width:140px; height:195px;}
.ebook-list span.more a { display:block; width:20px; height:20px; background:#fff url(../../images/gwanak/main/btn_more.png) 50% 50% no-repeat; background-size:7px 7px;  border:1px solid #ccc; }
.ebook-list .btn a { display:inline-block; text-align:center; color:#fff; font-weight:600; width:70px; height:20px; line-height:20px; border-radius:15px; letter-spacing:-0.08em; font-size:12px;}

.pzone-list h3 { font-size:18px !important; margin-bottom:10px; letter-spacing:-0.07em;}

.sns-links .sns-Bx .sns-list li div { width:88% !important}
}

/** ~600 *************************************************************************************************************** */
@media all and (max-width:600px){



}

@media all and (min-width:600px) {
	

}


/** 600~800 *************************************************************************************************************** */
@media all and (min-width:600px) and (max-width:800px){
.bbs-wrap { width:48%; margin-right:4%; margin-bottom:15px;  }
.bbs-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px; width:33%; }
.bbs-wrap .tit:first-child {margin-left:0;}
.bbs-wrap .tit a { text-align:center; color:#555; font-size:15px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa; width:100%; height:40px; line-height:37px; display:block;}
.bbs-wrap .tit a:hover, .bbs-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:600;  }

.bbs-wrap .bbs-list { position:absolute; left:0; top:55px; width:100%;   }
.bbs-wrap .bbs-list dl { margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #ccc;}
.bbs-wrap .bbs-list dl dt a { overflow:hidden; float:left; font-weight:600; color:#111; font-size:14px; text-overflow:ellipsis; white-space:nowrap; padding-bottom:3px; width:80%; }
.bbs-wrap .bbs-list dl dd { clear:both; line-height:18px; font-size:13px; }
.bbs-wrap .bbs-list ul li { overflow:hidden; padding-bottom:3px; }
.bbs-wrap .bbs-list ul li a { overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; width:70%; }
.bbs-wrap .bbs-list ul li span.date { float:right;  font-size:13px; font-family:'NanumGothic' !important; }
.bbs-wrap .bbs-list span.more { position:absolute; left:0; bottom:-44px;width:100%; box-sizing:border-box;border:1px solid #ccc;}
.bbs-wrap .bbs-list span.more a { display:block; text-indent:-99999px; width:100%; height:30px; background:#fafafa url(../../images/gwanak/main/btn_more.png) 50% 50% no-repeat;}


.paper-wrap { width:48%; margin-bottom:15px;}
.paper-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px; width:50%; }
.paper-wrap .tit:first-child {margin-left:0;}
.paper-wrap .tit a { text-align:center; color:#555; font-size:15px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa; width:100%; height:40px; line-height:37px; display:block;}
.paper-wrap .tit a:hover, .bbs-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:600;  }
.paper-wrap .bbs-list { position:absolute; left:0; top:55px; width:100%;   }
.paper-wrap .bbs-list .event { margin-bottom:12px; padding-bottom:12px; }
.paper-wrap .bbs-list .event p img { width:90px; height:77px; }
.paper-wrap .bbs-list .event dl {  width:55%; text-align:left;}
.paper-wrap .bbs-list .event dl dt a { width:98%;  font-size:14px; margin-bottom:5px;}
.paper-wrap .bbs-list .event dl dt a span { background:#fd6d16; display:inline-block; color:#fff; text-align:center; font-size:12px; height:18px; line-height:18px;}
.paper-wrap .bbs-list .event dl dd {clear:both; padding-bottom:1px; text-overflow:ellipsis; white-space:nowrap; width:98%; overflow:hidden;}
.paper-wrap .bbs-list ul li { overflow:hidden; padding-bottom:3px; }
.paper-wrap .bbs-list ul li a { width:70%; text-align:left;  }
.paper-wrap .bbs-list ul li a span { background:#cf3500; display:inline-block; color:#fff; text-align:center; font-size:12px; height:18px; line-height:18px; }
.paper-wrap .bbs-list ul li span.date { float:right; font-size:13px; }
.paper-wrap .bbs-list dl.cover dt { width:100% !important; height:100% !important; overflow:hidden; margin:0 auto; margin-bottom:5px; }
.paper-wrap .bbs-list dl.cover dt img {width:70px !important; height:107px !important; }

.paper-wrap .bbs-list span.more { position:absolute; left:0; bottom:-44px;width:100%; box-sizing:border-box;border:1px solid #ccc;}
.paper-wrap .bbs-list span.more a { display:block; text-indent:-99999px; width:100%; height:30px; background:#fafafa url(../../images/gwanak/main/btn_more.png) 50% 50% no-repeat;}

.ebook-btns a {margin-top:7px;}

.ebook-list {padding:3% 2%; width:50%; border-left:1px solid #ccc;  }
.ebook-list.last {border-left:0;  }
.ebook-list p { width:180px; height:195px;}

.sns-links .sns-Bx .sns-list li div { width:93% !important}
}

@media all and (max-width:800px){

.main-row1{ padding:20px 0 20px 0 ; }
.main-row2 { margin-bottom:20px;}
.main-row3{ margin-bottom:20px; }
.main-row4{ margin-bottom:20px; }

.quick-service{ margin-bottom:10px; }
.quick-service ul{ width:92%;overflow:hidden; padding:3% 4% 0 4%;}
.quick-service li { margin-bottom:3%; float:left; width:20%; height:75px; text-align:center; }	
/* .quick-service li.mobile-bottom-row { width:25%; } */
.quick-service li.mobile-bottom-row {width:20%;}
.quick-service li.mobileonly {display:block;}

.main-visual{width:100%; margin-bottom:10px; }
.top-links { width:100%; background:url(../../images/gwanak/main/mayor_bg1.png) right top no-repeat; background-size:350px 200px; }
.top-links .open-major{height:240px; width:100%; background:url(../../images/gwanak/main/mayor_bg.png) 0 21px no-repeat;  background-size:200px 207px;  }
.top-links .open-major ul{font-size:14px; width:100%; height:40px; background:#000; line-height:40px; position:absolute; bottom:0; left:0; background:#3e61b2;}
.top-links .open-major dl { position:absolute; left:50%; top:50px;}
.top-links .open-major dl dt { font-size:23px; color:#111; margin-bottom:25px;}
.top-links .open-major dl dt span { font-weight:600; display:block; }
.top-links .open-major dl dd {display: block;padding-right:30px;height:22px;padding-top:3px;margin: 5px 0;background:url(../../images/gwanak/main/mayor_ico.png) right 0 no-repeat;}
.top-links .open-major dl dd a {font-size:16px;font-weight:600; color:#111; }

.media-wrap { width:100%; padding:0; margin-bottom:20px; background:none; border:0;  }
.media-wrap h3 { font-size:20px; color:#111; margin-bottom:10px;}
.media-wrap span.more { position:absolute; right:0; top:0; }
.media-wrap span.more a { display:block; padding:7px 10px; background:#6c7f90; text-align:center; color:#fff; font-weight:600; }

.user-links{ width:100%; height:240px; margin-bottom:20px; float:left;  }
.user-links .user-links1{ position:absolute; left:0; top:50px; padding:5px 0 0 15px;}
.user-links ul li { width:50%; padding-bottom:5px;  }
.user-links ul li a { font-size:13px !important; letter-spacing:-0.075em !important;}

.sns-links{width:100%; height:220px; float:right; }
.sns-links .sns-Bx .sns-list li div {  width:86%;   }
/*.sns-links .sns-Bx .sns-list li div.txt4 {  width:75%;  }*/
.sns-links .sns-Bx .sns-list { height:148px; margin:5px 10px 0 15px;  }

.pzone-list h3 { margin-bottom:10px;}
.pzone{width:100%;} /*20180205 추가*/
.pzone ul li img{ height:230px; overflow:hidden;}/*20180205 추가*/


}


/** 800~ *************************************************************************************************************** */
@media all and (min-width:800px){
.main-visual{float:left;margin:0;  }
.main-visual img{height:315px;}
.quick-service{ float:left; }

.site-link{border-top:1px solid #ccc;padding:0;margin:0;}
.site-link > ul{border:none;height:43px;}
.site-link > ul > li{float:left;width:33%;box-sizing:border-box;border:none;border-right:1px solid #ccc;}
.site-link > ul > li:first-child{width:34%;border-left:1px solid #ccc;}
.site-link > ul > li a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


}

/** 800~1100 *************************************************************************************************************** */
@media all and (min-width:800px) and (max-width:1100px){

.main-row1{ padding:20px 0 20px 0 ; }
.main-row2 { margin-bottom:20px;}
.main-row3{ margin-bottom:20px; }
.main-row4{ margin-bottom:20px; }

.quick-service{ width:100%; margin-bottom:10px; }
.quick-service ul{ width:96%; padding:15px 2%;}
.quick-service li { margin-bottom:0; width:11%; }

.main-visual{width:69%;}
.top-links { width:31%;  }
.top-links .open-major{height:315px; width:100%; background:url(../../images/gwanak/main/mayor_bg.png) -20px 56px no-repeat; background-size:200px 207px; }


.bbs-wrap { width:32%;  height:270px;  margin-right:2.5%; }
.bbs-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px; width:33%; }
.bbs-wrap .tit:first-child {margin-left:0;}
.bbs-wrap .tit a { text-align:center; color:#555; font-size:15px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa; width:100%; height:40px; line-height:37px; display:block;}
.bbs-wrap .tit a:hover, .bbs-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:600;  }
.bbs-wrap .bbs-list { position:absolute; left:0; top:55px; width:100%;   }
.bbs-wrap .bbs-list dl { margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #ccc;}
.bbs-wrap .bbs-list dl dt a { overflow:hidden; float:left; font-weight:600; color:#111; font-size:14px; text-overflow:ellipsis; white-space:nowrap; padding-bottom:3px; width:80%; }
.bbs-wrap .bbs-list dl dd { clear:both; line-height:18px; font-size:13px; }
.bbs-wrap .bbs-list ul li { overflow:hidden; padding-bottom:3px; }
.bbs-wrap .bbs-list ul li a { overflow:hidden; float:left; text-overflow:ellipsis; white-space:nowrap; width:70%; }
.bbs-wrap .bbs-list ul li span.date { float:right;  font-size:13px; font-family:'NanumGothic' !important; }
.bbs-wrap .bbs-list span.more { position:absolute; left:0; bottom:-44px;width:100%; box-sizing:border-box;border:1px solid #ccc;}
.bbs-wrap .bbs-list span.more a { display:block; text-indent:-99999px; width:100%; height:30px; background:#fafafa url(../../images/gwanak/main/btn_more.png) 50% 50% no-repeat;}


.paper-wrap { width:32%; height:270px;}
.paper-wrap .tit { overflow:hidden; vertical-align:top; float:left; margin-left:-1px; width:50%; }
.paper-wrap .tit:first-child {margin-left:0;}
.paper-wrap .tit a { text-align:center; color:#555; font-size:15px; border:1px solid #ccc; box-sizing:border-box; float:left !important; background:#fafafa; width:100%; height:40px; line-height:37px; display:block;}
.paper-wrap .tit a:hover, .bbs-wrap .tit a.on { background:#3e61b2; border:1px solid #3e61b3;color:#fff; font-weight:600;  }
.paper-wrap .bbs-list { position:absolute; left:0; top:55px; width:100%;   }
.paper-wrap .bbs-list .event { margin-bottom:12px; padding-bottom:12px;  }
.paper-wrap .bbs-list .event p {   }
.paper-wrap .bbs-list .event p img { width:90px; height:77px; }
.paper-wrap .bbs-list .event dl {  width:55%;}
.paper-wrap .bbs-list .event dl dt a { width:98%;  font-size:14px; margin-bottom:5px;}
.paper-wrap .bbs-list .event dl dt a span { background:#fd6d16; display:inline-block;color:#fff; text-align:center; font-size:12px; height:18px; line-height:18px; }
.paper-wrap .bbs-list .event dl dd {clear:both; padding-bottom:1px; text-overflow:ellipsis; white-space:nowrap; width:98%; overflow:hidden; }
.paper-wrap .bbs-list ul li { overflow:hidden; padding-bottom:3px; }
.paper-wrap .bbs-list ul li a { width:70%; text-align:left;  }
.paper-wrap .bbs-list ul li a span { background:#cf3500; display:inline-block;  color:#fff; text-align:center; font-size:12px; height:18px; line-height:18px; }
.paper-wrap .bbs-list ul li span.date { float:right; font-size:13px; }
.paper-wrap .bbs-list span.more { position:absolute; left:0; bottom:-44px;width:100%; box-sizing:border-box;border:1px solid #ccc;}
.paper-wrap .bbs-list span.more a { display:block; text-indent:-99999px; width:100%; height:30px; background:#fafafa url(../../images/gwanak/main/btn_more.png) 50% 50% no-repeat;}


.pzone{width:31%;} /*20180205 추가*/
.pzone ul li img{ height:230px;}/*20180205 추가*/

.media-wrap { width:100%; padding:2% 3%; margin-bottom:20px; }
.ebook-list {padding:2%; width:50%; border-left:1px solid #ccc;  }
.ebook-list.last {border-left:0;  }
.ebook-list p { width:180px; height:195px;}

/*
.user-links{ width:50%; height:170px; margin-bottom:20px; float:left;  }
.user-links .user-links1{ position:absolute; left:0; top:60px; padding:5px 0 0 15px;}
.user-links ul li a { line-height:23px;font-size:12px; letter-spacing:-0.075em; text-overflow:ellipsis; white-space:nowrap; } 
*/

.user-links{ width:100%; height:240px; margin-bottom:20px; float:left; }
.user-links .user-links1{ position:absolute; left:0; top:50px; padding:5px 0 0 15px;}
.user-links ul li { width:50%; padding-bottom:5px;  }
.user-links ul li a { font-size:13px !important; letter-spacing:-0.075em !important;}


.sns-links{width:100%; height:220px; float:right; }
.sns-links .sns-Bx .sns-list li div {  width:93%;  }
/* .sns-links .sns-Bx .sns-list li div.txt4 {  width:87%;  }*/
.sns-links .sns-Bx .sns-list { height:148px; margin:5px 10px 0 15px;  }

}

/** ~1100 *************************************************************************************************************** */
@media all and (max-width:1100px){

#container{margin:0 2%; width:96%; }
#weatherBox {display:none;}
.weather_box{display:none;}
.favorite-word { display:none;}


.sns-links p.tit a {display:block; height:45px; line-height:45px; text-align:center; font-size:13px; font-weight:600; color:#fff;  }
.sns-links p.tit a.face { background-image:none; }
.sns-links p.tit a.face:hover { background-color:#3c5b9a; background-image:none; }
.sns-links p.tit a.face span.on {background-color:#3c5b9a; background-image:none;  display:block; } 
.sns-links p.tit a.face span { padding-left:0;}

.sns-links p.tit a.blog { background-image:none; }
.sns-links p.tit a.blog:hover { background-image:none; }
.sns-links p.tit a.blog span.on {background-image:none;  display:block;}
.sns-links p.tit a.blog span { padding-left:0;}

.sns-links p.tit a.kakao { background-image:none; }
.sns-links p.tit a.kakao:hover { background-image:none; }
.sns-links p.tit a.kakao span.on { background-image:none;  display:block;}
.sns-links p.tit a.kakao span { padding-left:0;}

.sns-links p.tit a.insta {background-image:none; }
.sns-links p.tit a.insta:hover { background-image:none, url(../../images/gwanak/main/insta_bg.gif); }
.sns-links p.tit a.insta span.on { background-image:none, url(../../images/gwanak/main/insta_bg.gif); display:block;}
.sns-links p.tit a.insta span { padding-left:0;}
.sns-links .sns-Bx .sns-list li div { width:94%;}
	
.paper-wrap .bbs-list dl.cover { display:inline-block; text-align:center; margin:5px 0 6px 0; }
.paper-wrap .bbs-list dl.cover dt { width:100% !important; height:100% !important; overflow:hidden; margin:0 auto; margin-bottom:5px; }
.paper-wrap .bbs-list dl.cover dt img {width:70px !important; height:107px !important; }

.media-list li div{width:100%; box-sizing:border-box;height:70px; padding:10px;color:#111;text-align:left;}
.media-list li div span { word-break:normal; color:#666; font-size:12px; overflow:hidden; height:31px; line-height:15px !important; display:inline-block;}

.main-row5 { display:none;}
#footer .guide li.mobile a{display:none;}

}


/** 1100~ *************************************************************************************************************** */
@media all and (min-width:1100px){

.main-visual{width:710px; height:315px;}
.main-visual .images{width:710px;}
.main-visual .images > li > a> img{max-width:100%;}
.main-visual .images > li > img{max-width:100%;}
.main-visual .images img{}

.top-links{float:right; width:310px; height:315px; }
.top-links .open-major{height:315px; width:310px; background:url(../../images/gwanak/main/mayor_bg.png) left 28px no-repeat;   }

.quick-service {float:left; width:260px; height:315px; }

.site-link > ul{width:1280px;margin:0 auto;}

.user-links{width:760px;height:200px; float:left; }
.user-links .user-links1{ position:absolute; left:0; top:60px; padding:15px 0 0 30px;}

.sns-links{width:490px;height:200px; float:right;  }
.sns-links .sns-Bx .sns-list { height:120px; margin:10px 10px 0 15px;  }
.sns-links .sns-Bx .sns-list li span { margin-right:10px;}
.sns-links .sns-Bx .sns-list li div {  width:400px !important;  }
/*.sns-links .sns-Bx .sns-list li div.txt4 {  width:355px;  }*/


.bbs-wrap { width:450px; height:270px; float:left; position:relative; overflow:hidden; margin-right:45px;}
.bbs-wrap .bbs-list span.more { position:absolute;  right:0; top:-65px; }
.bbs-wrap .bbs-list span.more a { display:block; text-indent:-99999px;  border:1px solid #ccc; width:42px; height:48px; background:#fafafa url(../../images/gwanak/main/btn_more.png) 50% 50% no-repeat;}
.bbs-wrap .bbs-list { background:url(../../images/gwanak/main/bbs_bg.png) 0 0 no-repeat; background-size:59px 59px;  }
.bbs-wrap .bbs-list dl { padding-left:70px; }
.bbs-wrap .bbs-list dl dt a { width:370px; }
.bbs-wrap .bbs-list ul li a { width:370px;  }

.paper-wrap { width:360px; height:270px; float:left; position:relative; overflow:hidden;}
.paper-wrap .bbs-list .event p { }
.paper-wrap .bbs-list .event p img {}
.paper-wrap .bbs-list .event dl {  width:220px;}
.paper-wrap .bbs-list .event dl dt a { width:220px;  }
.paper-wrap .bbs-list ul li a { width:270px;  }
.paper-wrap .bbs-list span.more { position:absolute;  right:0; top:-65px; }
.paper-wrap .bbs-list span.more a { display:block; width:42px; height:48px; background:#fafafa url(../../images/gwanak/main/btn_more.png) 50% 50% no-repeat; text-indent:-99999px;  border:1px solid #ccc;  }

.paper-wrap .bbs-list dl.cover { display:inline-block; float:left; width:33.3%; text-align:center;}
.paper-wrap .bbs-list dl.cover dt { width:100%; height:100%; }
.paper-wrap .bbs-list dl.cover dt img {width:90px; height:127px; }

.ppzone ul li img{width:385px;height:230px;}/*20180205 추가*/

.media-wrap { width:760px; padding:28px 40px; }
.ebook-list {padding:28px 34px;}
.ebook-list p { width:180px; height:195px;}
}