@charset "UTF-8";

/* **************************************** *
 * 메인컨텐츠 리뉴얼 202609
 * **************************************** */

/* ===========================
   메인 공통
=========================== */
.main-re26{margin-top:130px;}
.main-re26:before{opacity:0.5;visibility:hidden;position:absolute;top: -1px;left:50%;z-index:9999;background:url(../../image/202610/main/main.jpg) no-repeat center;content:'';transform:translateX(-50%);/* height:3323px; *//* width:100vw; */}
.main-re26 *{letter-spacing:-0.03em;}
.main-re26 a:hover{text-decoration:none;}
.main-re26 .wrap-re26{position:relative; width:100%; max-width:1280px; margin:0 auto;}
.main-re26 .rowgroup{position:relative;}

/* ===========================
   상단 영역
=========================== */
.main-re26 .rowgroup.n1{padding-bottom:80px;}
.main-re26 .rowgroup.n1 .wrap-re26{}
.main-top-re26{display:flex; align-items:stretch;justify-content:space-between;gap:36px;}
.main-top-re26 .main-top-left{position:relative; width:754px;}
.main-top-re26 .main-top-left:before{position:absolute; top:0; left:0; right:0; height:304px; border-radius:12px; background:linear-gradient(45deg, #ca3555, #b22645); content:'';}

/* 검색 */
.search-re26{display:flex; position:relative; width:100%; padding:24px 25px 21px; align-items:center;gap:45px;}
.search-re26 .shortcut{display:flex; align-items:center;flex:none;gap:34px;}
.search-re26 .shortcut a{display:flex; position:relative; color:#fff; font-size:17px; align-items:center;gap:12px;}
.search-re26 .shortcut a:before{display:block; width:42px; height:42px; border:1px solid #ddd; border-radius:50%; background-repeat:no-repeat; background-position:center; background-size:38px; background-color:#cb3657; box-shadow:2.828px 2.828px 7.44px 0.56px rgba(0, 0, 0, 0.15); content:""; flex:none;}
.search-re26 .shortcut a:hover{text-decoration:underline;}
.search-re26 .shortcut .n1:before{background-image:url('../../image/202610/main/shortcut_01.png');}
.search-re26 .shortcut .n2:before{background-image:url('../../image/202610/main/shortcut_02.png');}
.search-re26 form{flex:1;}
.search-re26 .search-box{display:flex; position:relative; height:48px; align-items:center;}
.search-re26 .search-form{width:100%; height:50px; padding:0 50px 0 18px; border:4px solid #ef6c67; border-radius:25px !important; background:#fff; font-size:16px;}
.search-re26 .search-form::placeholder{color:#777;}
.search-re26 .search-btn{position:absolute; top:4px; right:4px; width:40px; height:40px; border:1px solid #ddd; border-radius:50%; background-color:#fff; box-shadow:2.828px 2.828px 7.44px 0.56px rgba(0, 0, 0, 0.15);}
.search-re26 .search-btn:before{position:absolute; top:50%; left:50%; width:17px; height:18px; background:url('../../image/202610/main/search.png') no-repeat center/contain; content:""; transform:translate(-50%,-50%);}

/* 메인 비주얼 */
.visual-re26{position:relative; padding:0 25px;}
.visual-re26 .visual-title{display:flex; position:absolute; bottom:-6px; z-index:1; margin-top:18px; padding-right:10px; background-color:#fff; font-size:21px; font-weight:700; align-items:center;gap:9px;letter-spacing:-0.05em;}
.visual-re26 .visual-title:before{display:block;/* flex:none;*/ width:36px; height:36px; border:2px solid #fff; border-radius:50%; background:url('../../image/202610/main/visual_bu.png') no-repeat center; background-color:#cc3657; box-shadow:1.414px 1.414px 4.8px 0.2px rgba(0, 0, 0, 0.31); content:"";}
.visual-re26 .visual-swiper{overflow:hidden; position:relative; aspect-ratio:704 / 265; border-radius:12px; box-shadow:4.95px 4.95px 6.58px 0.42px rgba(0, 0, 0, 0.17);}
.visual-re26 .swiper-wrapper{}
.visual-re26 .swiper-slide{}
.visual-re26 .swiper-slide a{display:block; height:100%;}
.visual-re26 .swiper-slide img{display:block; width:100%; height:100%; object-fit:cover;}
.visual-re26 .visual-swiper-control{display:flex; position:relative; margin-top:29px; align-items:center;gap:10px;justify-content:end;}
.visual-re26 .visual-swiper-control:before{height:1px; background-color:#ddd; content:""; flex:1 0 0;}
.visual-re26 .swiper-pagination{position:static; width:auto; margin-right:5px; color:#333; font-size:15px;}
.visual-re26 .swiper-pagination .swiper-pagination-current{font-weight:500;}
.visual-re26 .swiper-button-prev,
.visual-re26 .swiper-button-stop,
.visual-re26 .swiper-button-next{display:block; position:relative; left:auto; right:auto; width:24px; height:24px; margin-top:0; border:1px solid #ddd; border-radius:50%; background:none;}
.visual-re26 .swiper-button-prev:before,
.visual-re26 .swiper-button-stop:before,
.visual-re26 .swiper-button-next:before{position:absolute; top:50%; left:50%; width:22px; height:22px; background-repeat:no-repeat; background-position:center; background-size:contain; content:""; transform:translate(-50%,-50%);}
.visual-re26 .swiper-button-prev:before{background-image:url('../../image/202610/main/swiper_prev.png');}
.visual-re26 .swiper-button-stop:before{background-image:url('../../image/202610/main/swiper_pause.png');}
.visual-re26 .swiper-button-stop.active:before{background-image:url('../../image/202610/main/swiper_play.png');}
.visual-re26 .swiper-button-next:before{background-image:url('../../image/202610/main/swiper_next.png');}
.visual-re26 .more-btn{position:relative; width:24px; height:24px; border:1px solid #ddd; border-radius:50%; background:url('../../image/202610/main/swiper_list.png') no-repeat center/contain;}

/* 주요 서비스 */
.service-re26{position:relative; margin-top:36px; padding:21px 24px 22px; border:1px solid #ddd; border-radius:12px; background:#f4eeee;}
.service-re26 .service-title{margin-bottom:17px; color:#333; font-size:20px; font-weight:500;}
.service-re26 .service-list{display:flex; flex-wrap:wrap;gap:14px;}
.service-re26 .service-list li{width:calc((100% - 56px) / 5);}
.service-re26 .service-list li a{display:flex; height:69px; padding:10px; border:1px solid #ddd; border-radius:12px; background:#fff; color:#333; font-size:15px; text-align:center; line-height:19px; transition:box-shadow 0.2s; align-items:center;justify-content:center;}
.service-re26 .service-list li a:hover{border-color:#c83454; box-shadow:4.243px 4.243px 11.44px 1.56px rgba(0, 0, 0, 0.07); font-weight:600;}

/* 구청장 */
.mayor-re26{position:relative;/* width:490px;*/ height:447px; padding-top:340px; flex:1 0 0;}
.mayor-re26 .mayor-visual{position:absolute; top:0; left:0; right:0; bottom:0; background:url('../../image/202610/main/mayor_bg.png') no-repeat right top;}
.mayor-re26 .mayor-visual img{display:block;}
.mayor-re26 .mayor-visual .mayor-slogan{position:absolute; top:23px; left:0; width:233px;}
.mayor-re26 .mayor-visual .mayor-photo{position:absolute; top:39px; right:9px; width:315px;}
.mayor-re26 .mayor-visual .mayor-text{position:absolute; top:242px; left:0;}
.mayor-re26 .mayor-link{display:flex; position:relative; z-index:3; width:198px; height:47px; padding:0 29px 0 21px; background:url(../../image/202610/main/mayor_link_bg.png) no-repeat; color:#111; font-size:15px; font-weight:600; line-height:46px; align-items:center;justify-content:space-between;}
.mayor-re26 .mayor-link:after{display:block; width:7px; height:10px; background:url('../../image/202610/main/arrow.png') no-repeat center/contain; content:""; flex:none;}
.mayor-re26 .mayor-link:hover{text-decoration:underline;}
.mayor-re26 .mayor-menu{display:flex; position:relative; z-index:2; margin-top:-1px; padding:15px 20px; border:1px solid #ddd; border-radius:0 12px 12px 12px; background-color:#fff; align-items:center;gap:12px;}
.mayor-re26 .mayor-menu a{display:flex; border:1px solid #ddd; border-radius:16px; background:#fff; color:#333; font-size:15px; line-height:30px; align-items:center;justify-content:center;flex:1;}
.mayor-re26 .mayor-menu a:hover{border-color:#eb2738; background-color:#eb2738; color:#fff;}
.mayor-re26 .mayor-open{display:flex; position:absolute; top:340px; right:20px; width:137px; padding:0 14px 0 16px; border:1px solid #818181; border-radius:12px; background:rgba(0,0,0,0.25); color:#fff; font-size:15px; line-height:30px; align-items:center;justify-content:space-between;}
.mayor-re26 .mayor-open:after{display:block; width:7px; height:10px; background:url('../../image/202610/main/arrow_white.png') no-repeat center/contain; content:""; flex:none;}
.mayor-re26 .mayor-open:hover{text-decoration:underline;}
.mayor-re26 .mayor-news{display:flex; margin-top:20px; padding:21px 24px 14px; border:1px solid #ddd; border-radius:12px; gap:15px;}
.mayor-re26 .news-item{width:calc(50% - 7.5px); min-width:0; flex:none;}
.mayor-re26 .news-item .thumb{display:block; overflow:hidden; position:relative; height:144px; border-radius:12px; box-shadow:1.414px 1.414px 4.8px 0.2px rgba(0, 0, 0, 0.31);}
.mayor-re26 .news-item .thumb img{display:block; width:100%; height:100%; transition:0.2s; object-fit:cover;}
.mayor-re26 .news-item .thumb:hover img{transform:scale(1.1);}
.mayor-re26 .news-item .thumb span{overflow:hidden; position:absolute; left:0; right:0; bottom:0; padding:0 10px; background-color:rgba(0,0,0,0.7); color:#fff; font-size:15px; text-align:center; text-overflow:ellipsis; line-height:32px; white-space:nowrap; letter-spacing:-0.05em;}
.mayor-re26 .news-item.type-play .thumb:after,
.mayor-re26 .news-item .news-more{display:flex; margin-top:8px; color:#777; font-size:14px; line-height:24px; align-items:center;justify-content:center;gap:5px;}
.mayor-re26 .news-item .news-more:before{display:block; width:11px; height:11px; margin-top:1px; background:url('../../image/202610/main/plus.png') no-repeat center/contain; content:""; flex:none;}
.mayor-re26 .news-item .news-more:hover{text-decoration:underline;}

/* ===========================
   새소식 / 알림판
=========================== */
.main-re26 .rowgroup.n2{padding:0 0 80px;}
.main-re26 .rowgroup.n2 .wrap-re26{padding-top:27px; border-top:1px solid #111;}
.news-zone-re26{display:flex; align-items:flex-start;justify-content:space-between;gap:36px;}

/* 새소식 */
.news-re26{min-width:0; flex:1 0 0;}
.news-re26 .news-head{display:flex; position:relative; height:30px; align-items:center;}
.news-re26 .news-title{margin-right:17px; color:#333; font-size:23px; font-weight:700; line-height:24px; flex:none;}
.news-re26 .news-tab{display:flex; margin-top:9px; align-items:center;}
.news-re26 .news-tab li{display:flex; align-items:center;}
.news-re26 .news-tab li + li{margin-left:10px;}
.news-re26 .news-tab li + li:before{width:4px; height:4px; margin-right:10px; border-radius:50%; background-color:#0d4e9c; content:'';}
.news-re26 .news-tab button{position:relative; color:#333; font-size:15px; letter-spacing:-0.02em;}
.news-re26 .news-tab button:hover{text-decoration:underline;}
.news-re26 .news-tab li.active button{font-weight:600; text-decoration:underline;}
.news-re26 .news-tab li.active button[aria-selected="true"]{}
.news-re26 .more-btn{width:24px; height:24px; margin-left:auto; border:1px solid #ddd; border-radius:50%; background:url(../../image/202610/main/swiper_plus.png) no-repeat center;}
.news-re26 .news-content{margin-top:16px;}
.news-re26 .news-panel{display:none;}
.news-re26 .news-panel.active{display:flex;}
.news-re26 .news-panel[hidden]{display:none;}
.news-re26 .news-list{display:flex; width:100%; flex-wrap:wrap;gap:16px;}
.news-re26 .news-list li{width:calc(50% - 8px);}
.news-re26 .news-list li a{display:flex; min-height:145px; padding:20px 24px 17px; border:1px solid #ddd; border-radius:12px; transition:box-shadow 0.2s; flex-direction:column;}
.news-re26 .news-list li a:hover{border-color:#c83454; box-shadow:4.243px 4.243px 11.44px 1.56px rgba(0, 0, 0, 0.07);}
.news-re26 .category{display:block; color:#cc3657; font-size:15px; font-weight:600;}
.news-re26 .subject{display:-webkit-box; overflow:hidden; margin-top:6px; color:#111; font-size:15px; text-overflow:ellipsis; line-height:18px; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.news-re26 .info{display:flex; margin-top:auto; color:#777; font-size:15px; align-items:center;gap:4px;}
.news-re26 .info:before{content:"|"; order:1;}
.news-re26 .date{}
.news-re26 .department{order:2;}
.news-re26 .news-list.issue li.type-play .thumb:after{content:'';position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;background: url(../../image/202610/main/mayor_play.png) no-repeat center / cover;width: 32px;height: 32px;}
.news-re26 .news-list.issue li{width:calc(50% - 8px);}
.news-re26 .news-list.issue li a{display:block;/* min-height:0; */padding:0;/* border:none; *//* border-radius:0; *//* transition:none; */}
.news-re26 .news-list.issue li a:hover{/* border-color:transparent; *//* box-shadow:none; */}
.news-re26 .news-list.issue .news-item .thumb{display:block;overflow:hidden;position:relative;height:144px;border-radius:12px;/* box-shadow:1.414px 1.414px 4.8px 0.2px rgba(0, 0, 0, 0.31); */}
.news-re26 .news-list.issue .news-item .thumb img{display:block; width:100%; height:100%; transition:0.2s; object-fit:cover;}
.news-re26 .news-list.issue .news-item .thumb:hover img{transform:scale(1.1);}
.news-re26 .news-list.issue .news-item .thumb span{overflow:hidden; position:absolute; left:0; right:0; bottom:0; padding:0 10px; background-color:rgba(0,0,0,0.7); color:#fff; font-size:15px; text-align:center; text-overflow:ellipsis; line-height:32px; white-space:nowrap; letter-spacing:-0.05em;}

/* 알림판 */
.notice-re26{position:relative; width:632px;}
.notice-re26 .notice-head{display:flex; height:30px; align-items:center;}
.notice-re26 .notice-title{color:#333; font-size:20px; font-weight:500; line-height:24px;}
.notice-re26 .notice-swiper{overflow:hidden; margin-top:16px;}
.notice-re26 .swiper-wrapper{}
.notice-re26 .swiper-slide{width:calc(50% - 10px);}
.notice-re26 .swiper-slide a{display:block; overflow:hidden; border-radius:12px;}
.notice-re26 .swiper-slide img{display:block; width:100%; transition:0.2s;}
.notice-re26 .swiper-slide a:hover img{transform:scale(1.05);}
.notice-re26 .notice-swiper-control{display:flex; position:absolute; top:0; right:0; align-items:center;justify-content:flex-end;gap:10px;}
.notice-re26 .swiper-pagination{position:static; width:auto; margin-right:5px; color:#333; font-size:15px;}
.notice-re26 .swiper-pagination .swiper-pagination-current{font-weight:500;}
.notice-re26 .swiper-button-prev,
.notice-re26 .swiper-button-stop,
.notice-re26 .swiper-button-next{display:block; position:relative; left:auto; right:auto; width:24px; height:24px; margin-top:0; border:1px solid #ddd; border-radius:50%; background:none;}
.notice-re26 .swiper-button-prev:before,
.notice-re26 .swiper-button-stop:before,
.notice-re26 .swiper-button-next:before{position:absolute; top:50%; left:50%; width:22px; height:22px; background-repeat:no-repeat; background-position:center; background-size:contain; content:""; transform:translate(-50%,-50%);}
.notice-re26 .swiper-button-prev:before{background-image:url('../../image/202610/main/swiper_prev.png');}
.notice-re26 .swiper-button-stop:before{background-image:url('../../image/202610/main/swiper_pause.png');}
.notice-re26 .swiper-button-stop.active:before{background-image:url('../../image/202610/main/swiper_play.png');}
.notice-re26 .swiper-button-next:before{background-image:url('../../image/202610/main/swiper_next.png');}
.notice-re26 .more-btn{position:relative; width:24px; height:24px; border:1px solid #ddd; border-radius:50%; background:url('../../image/202610/main/swiper_list.png') no-repeat center/contain;}

/* ===========================
   자주 찾는 서비스
=========================== */
.main-re26 .rowgroup.n3{position:relative; padding:67px 0 80px; background-color:#f4eeee;}
.main-re26 .rowgroup.n3:before,
.main-re26 .rowgroup.n3:after{position:absolute; bottom:0; background-repeat:no-repeat; background-position:center bottom; background-size:contain; content:""; pointer-events:none;}
.main-re26 .rowgroup.n3:before{left:73px; width:373px; height:270px; background-image:url('../../image/202610/main/service_bg_01.png');}
.main-re26 .rowgroup.n3:after{right:117px; width:282px; height:295px; background-image:url('../../image/202610/main/service_bg_02.png');}
.main-re26 .rowgroup.n3 .wrap-re26{z-index:1;}
.often-re26{position:relative;}
.often-re26 .often-head{display:flex; margin-bottom:60px; align-items:center;justify-content:space-between;}
.often-re26 .often-title-wrap{display:flex; align-items:center;gap:10px;}
.often-re26 .often-title{display:flex; z-index:1; padding:0 0 0 2px; font-size:23px; font-weight:700; align-items:center;gap:8px;}
.often-re26 .often-title:before{display:block;width:36px;height:36px;border:2px solid #fff;border-radius:50%;background: url('../../image/202610/main/service_bu.png') no-repeat left 5px top 5px;background-color:#cc3657;box-shadow:1.414px 1.414px 4.8px 0.2px rgba(0, 0, 0, 0.31);content:"";flex:none;}
.often-re26 .often-title-wrap p{margin-top: 5px;color:#333;font-size:15px;}
.often-re26 .often-tab{display:flex; position:relative; align-items:center;}
.often-re26 .often-tab:before{position:absolute; left:0; right:0; bottom:-1px; height:1px; background-color:#aaa; content:"";}
.often-re26 .often-tab li{display:flex; align-items:center;}
.often-re26 .often-tab button{position:relative; width:125px; color:#333; font-size:17px; font-weight:600; line-height:60px;}
.often-re26 .often-tab button:before{position:absolute; left:50%; bottom:0; width:0; height:4px; background-color:#c93555; content:''; transform:translateX(-50%); transition:0.2s;}
.often-re26 .often-tab li.active button:before{width:100%;}
.often-re26 .often-tab button[aria-selected="true"]{}
.often-re26 .often-content{}
.often-re26 .often-panel{display:none;}
.often-re26 .often-panel.active{display:block;}
.often-re26 .often-panel[hidden]{display:none;}
.often-re26 .often-list{display:flex; min-height:166px; flex-wrap:wrap;gap:20px;}
.often-re26 .often-list li{width:calc((100% - 80px) / 5);}
.often-re26 .often-list li a{display:flex; position:relative; height:73px; padding:0 28px 0 29px; border:1px solid #ddd; border-radius:12px; background:#fff; color:#111; font-size:15px; line-height:18px; transition:box-shadow 0.2s; align-items:center;word-break:keep-all;}
.often-re26 .often-list li a:after{display:block; width:7px; height:10px; margin-left:auto; background:url('../../image/202610/main/arrow.png') no-repeat center/contain; content:""; flex:none;}
.often-re26 .often-list li a:hover{border-color:#c93555; box-shadow:4.243px 4.243px 11.44px 1.56px rgba(0, 0, 0, 0.07); font-weight:600;}

/* ===========================
   소통 강남
=========================== */
.main-re26 .rowgroup.n4{padding:76px 0 80px;}
.main-re26 .rowgroup.n4 .wrap-re26{}
.communication-re26{position:relative;}
.communication-re26 .communication-head{display:flex; position:absolute; align-items:center;gap:12px;}
.communication-re26 .communication-title{font-size:23px; font-weight:700;}
.communication-re26 .communication-head p{color:#333; font-size:15px;}
.communication-re26 .communication-content{display:flex; gap:36px;}
.communication-re26 .communication-list{display:flex; flex-wrap:wrap;flex:1 0 0;gap:16px;align-items:start;align-content:flex-start;}
.communication-re26 .communication-list li{width:calc(50% - 8px);}
.communication-re26 .communication-list li a{display:flex; position:relative; min-height:104px; padding:20px 25px 20px 24px; border:1px solid #ddd; border-radius:12px; transition:box-shadow 0.2s;gap:11px;align-items:flex-start;}
.communication-re26 .communication-list li a:hover{border-color:#d0395a; box-shadow:4.243px 4.243px 11.44px 1.56px rgba(0, 0, 0, 0.07);}
.communication-re26 .communication-list .item-text{flex:1 1 auto; min-width:0;}
.communication-re26 .communication-list .item-title{display:block; font-size:15px; font-weight:600;overflow-wrap:anywhere;}
.communication-re26 .communication-list a:hover .item-title{text-decoration:underline;}
.communication-re26 .communication-list .item-subtitle{display:block; margin-top:5px; color:#777; font-size:15px; line-height:18px; word-break:keep-all;overflow-wrap:anywhere;}
.communication-re26 .communication-list .item-subtitle p{margin:0;}
.communication-re26 .communication-list .item-img{flex:none; width:58px; height:58px; margin:5px 0 -1px;}
.communication-re26 .communication-list .item-img img{display:block; width:100%; height:100%; object-fit:contain;}

/* SNS */
.sns-re26{display:flex; position:relative; width:612px; margin-top:41px; padding:31px 314px 31px 30px; border-radius:15px; background:#f7f7f7; align-items:center;}
.sns-re26 .sns-list{display:flex; flex-wrap:wrap;align-items:center;gap:26px;}
.sns-re26 .sns-list li{width:47px; height:47px;}
.sns-re26 .sns-list li a{display:block; overflow:hidden; width:100%; height:100%; border-radius:12px; background-repeat:no-repeat; background-size:cover; transition:box-shadow 0.2s;}
.sns-re26 .sns-list li a:hover{box-shadow:2.828px 2.828px 8.28px 0.72px rgba(0, 0, 0, 0.15);}
.sns-re26 .sns-list .kakao{background-image:url('../../image/202610/main/sns_01.png');}
.sns-re26 .sns-list .blog{background-image:url('../../image/202610/main/sns_02.png');}
.sns-re26 .sns-list .facebook{background-image:url('../../image/202610/main/sns_03.png');}
.sns-re26 .sns-list .x{background-image:url('../../image/202610/main/sns_04.png');}
.sns-re26 .sns-list .instagram{background-image:url('../../image/202610/main/sns_05.png');}
.sns-re26 .sns-list .youtube{background-image:url('../../image/202610/main/sns_06.png');}
.sns-re26 .sns-list .daangn{background-image:url('../../image/202610/main/sns_07.png');}
.sns-re26 .channel-link{display:block; position:absolute; right:17px; bottom:17px;}
.sns-re26 .channel-link img{display:block; width:100%;}

/* ===========================
   미디어
=========================== */
.media-re26{display:flex; margin-top:30px; padding:30px; border-radius:12px; background:#4d4747; gap:20px;}
.media-re26 .media-item{position:relative; min-height:320px; padding:22px 24px 24px; border-radius:12px; background:#fff;}
.media-re26 .media-head{display:flex; align-items:center;}
.media-re26 .media-head h3{color:#333; font-size:20px; font-weight:500;}
.media-re26 .media-content{margin-top:17px;}
.media-re26 .media-content a{display:block;}
.media-re26 .media-content img{display:block; width:100%; max-width:100%; transition:0.2s;}
.media-re26 .media-content a:hover img{transform:scale(1.05);}
.media-re26 .media-item > .more-btn{position:absolute; top:19px; right:23px; width:24px; height:24px; border:1px solid #ddd; border-radius:50%; background:url('../../image/202610/main/swiper_plus.png') no-repeat center;}
.media-re26 .card-news{width:580px; margin-right:18px;}
.media-re26 .card-news .media-content{display:flex; gap:16px;}
.media-re26 .card-news .media-content a{overflow:hidden; width:calc(50% - 8px); border:1px solid #ddd; border-radius:12px;}
.media-re26 .gangnam-life{width:308px; padding-bottom:20px;}
.media-re26 .gangnam-life .thumb{display:block; overflow:hidden; width:260px; height:156px; margin:0 auto; border-radius:12px;}
.media-re26 .gangnam-life .thumb img{display:block; width:100%; transition:0.2s;}
.media-re26 .gangnam-life .subject{display:block; display:-webkit-box; overflow:hidden; height:74px; padding-top:38px; background:url(../../image/202610/main/media_life_bg.png) no-repeat center top; color:#111; font-size:15px; text-overflow:ellipsis; line-height:18px; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.media-re26 .gangnam-life .date{display:block; margin-top:11px; color:#777; font-size:15px;}
.media-re26 .newsletter{padding:0; background:transparent; color:#fff; flex:1 0 0;}
.media-re26 .newsletter > .more-btn{right:0; background-image:url('../../image/202610/main/swiper_plus_white.png');}
.media-re26 .newsletter .media-head h3{padding:22px 22px 0; color:#fff;}
.media-re26 .newsletter .media-content{}
.media-re26 .newsletter .media-content a{margin:0 auto; padding-top:20px; background:url(../../image/202610/main/media_newsletter_bg.png) no-repeat center bottom 36px;}
.media-re26 .newsletter .media-content a img{width:126px; height:182px; margin:0 auto; transform:translateX(-6px) !important; object-fit:cover;}
.media-re26 .newsletter .media-content a:hover img{transform:none;}
.media-re26 .newsletter .subject{display:block; display:-webkit-box; overflow:hidden; margin-top:29px; padding:7px 16px; border-radius:12px; background-color:#d0395a; color:#fff; font-size:15px; text-overflow:ellipsis; line-height:18px; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

/* ===========================
   추천정보
=========================== */
.main-re26 .rowgroup.n5{overflow:hidden; position:relative; padding:66px 0 59px; background:#eee url('../../image/202610/main/info_bg.jpg') no-repeat center/cover;}
.main-re26 .rowgroup.n5 .wrap-re26{z-index:1;}
.recommend-re26{display:flex; position:relative; gap:50px;}
.recommend-re26 .recommend-head{margin-top:13px;}
.recommend-re26 .recommend-title{position:relative; font-size:0;}
.recommend-re26 .recommend-title:before{display:block; width:101px; height:27px; background:url('../../image/202610/main/info_title.png') no-repeat center/contain; content:"";}
.recommend-re26 .recommend-head p{margin-top:13px; color:#333; font-size:15px;}
.recommend-re26 .recommend-content{display:flex; margin-left:auto; align-items:center;}
.recommend-re26 .recommend-list{display:flex; width:650px; margin-right:18px; padding-right:18px; border-right:1px solid #ddd; flex-wrap:wrap;gap:16px;flex:none;}
.recommend-re26 .recommend-list li{width:calc(50% - 8px);}
.recommend-re26 .recommend-list li a{display:flex; position:relative; height:53px; padding:0 20px; border:1px solid transparent; border-radius:12px; background:#fff; color:#111; font-size:15px; transition:box-shadow 0.2s; align-items:center;}
.recommend-re26 .recommend-list li a:after{display:block; width:7px; height:10px; margin-left:auto; background:url('../../image/202610/main/arrow.png') no-repeat center/contain; content:""; flex:none;}
.recommend-re26 .recommend-list li a:hover{border-color:#c93555; box-shadow:4.243px 4.243px 11.44px 1.56px rgba(0, 0, 0, 0.07); font-weight:600;}
.recommend-re26 .recommend-banner{display:block; overflow:hidden; width:288px; border-radius:12px; flex:none;}
.recommend-re26 .recommend-banner img{display:block; width:100%;}

/* ===========================
   Responsive
=========================== */
@media screen and (max-width:1280px){
    /* 메인 공통 */
    .main-re26{}
    .main-re26 .wrap-re26{padding-right:20px; padding-left:20px;}
    .main-re26 .rowgroup{}

    /* ===========================
        상단 영역
     =========================== */
    .main-re26 .rowgroup.n1{}
    .main-re26 .rowgroup.n1 .wrap-re26{}
    .main-top-re26{flex-direction:column;}
    .main-top-re26 .main-top-left{width:100%;}

    /* 검색 */
    .search-re26{}
    .search-re26 .shortcut{}
    .search-re26 .shortcut a{}
    .search-re26 .shortcut a:before{}
    .search-re26 .shortcut .n1:before{}
    .search-re26 .shortcut .n2:before{}
    .search-re26 form{}
    .search-re26 .search-box{}
    .search-re26 .search-form{}
    .search-re26 .search-btn{}

    /* 메인 비주얼 */
    .visual-re26{}
    .visual-re26 .visual-title{}
    .visual-re26 .visual-title:before{}
    .visual-re26 .visual-swiper{}
    .visual-re26 .swiper-wrapper{}
    .visual-re26 .swiper-slide{/* width:100% !important;*/}
    .visual-re26 .swiper-slide a{}
    .visual-re26 .swiper-slide img{}
    .visual-re26 .visual-swiper-control{}
    .visual-re26 .swiper-pagination{}
    .visual-re26 .swiper-button-prev,
    .visual-re26 .swiper-button-stop,
    .visual-re26 .swiper-button-next{}
    .visual-re26 .swiper-button-prev:before,
    .visual-re26 .swiper-button-stop:before,
    .visual-re26 .swiper-button-next:before{}
    .visual-re26 .swiper-button-prev:before{}
    .visual-re26 .swiper-button-stop:before{}
    .visual-re26 .swiper-button-stop.active:before{}
    .visual-re26 .swiper-button-next:before{}
    .visual-re26 .more-btn{}

    /* 주요 서비스 */
    .service-re26{}
    .service-re26 .service-title{}
    .service-re26 .service-list{}
    .service-re26 .service-list li{}
    .service-re26 .service-list li a{}

    /* 구청장 */
    .mayor-re26{padding-top:295px; padding-right:294px;}
    .mayor-re26 .mayor-visual{overflow:hidden;}
    .mayor-re26 .mayor-visual img{}
    .mayor-re26 .mayor-visual .mayor-slogan{left:21px;}
    .mayor-re26 .mayor-visual .mayor-photo{right:309px;}
    .mayor-re26 .mayor-visual .mayor-text{top:207px; left:21px;}
    .mayor-re26 .mayor-link{}
    .mayor-re26 .mayor-link:after{}
    .mayor-re26 .mayor-menu{}
    .mayor-re26 .mayor-menu a{}
    .mayor-re26 .mayor-menu a.active{}
    .mayor-re26 .mayor-open{right:314px;}
    .mayor-re26 .mayor-open:after{}
    .mayor-re26 .mayor-news{position:absolute; top:0; right:0; bottom:0; width:264px; margin-top:0; flex-direction:column;}
    .mayor-re26 .news-item{width:100%;}
    .mayor-re26 .news-item .thumb{}
    .mayor-re26 .news-item .thumb img{}
    .mayor-re26 .news-item .news-more{}
    .mayor-re26 .news-item .news-more:before{}

    /* 새소식 / 알림판 */
    .main-re26 .rowgroup.n2{}
    .main-re26 .rowgroup.n2 .wrap-re26{}
    .news-zone-re26{/* flex-direction:column;*/}

    /* 새소식 */
    .news-re26{}
    .news-re26 .news-head{}
    .news-re26 .news-title{}
    .news-re26 .news-tab{}
    .news-re26 .news-tab li{}
    .news-re26 .news-tab li.active button{font-weight:700;}
    .news-re26 .news-tab li + li{}
    .news-re26 .news-tab li + li:before{}
    .news-re26 .news-tab button{}
    .news-re26 .news-tab button.active{}
    .news-re26 .news-tab button[aria-selected="true"]{}
    .news-re26 .more-btn{}
    .news-re26 .news-content{}
    .news-re26 .news-panel{display:none;}
    .news-re26 .news-panel.active{display:flex;}
    .news-re26 .news-panel[hidden]{display:none;}
    .news-re26 .news-list{}
    .news-re26 .news-list li{/* width:100%;*/}
    .news-re26 .news-list li a{}
    .news-re26 .category{}
    .news-re26 .subject{}
    .news-re26 .info{}
    .news-re26 .date{}
    .news-re26 .department{}

    /* 알림판 */
    .notice-re26{width:306px;}
    .notice-re26 .notice-head{}
    .notice-re26 .notice-title{}
    .notice-re26 .notice-swiper{width:100%; border-radius:12px;}
    .notice-re26 .swiper-wrapper{}
    .notice-re26 .swiper-slide{width:100% !important;}
    .notice-re26 .swiper-slide a{border-radius:0;}
    .notice-re26 .swiper-slide img{width:100%;}
    .notice-re26 .notice-swiper-control{}
    .notice-re26 .swiper-pagination{}
    .notice-re26 .swiper-button-prev,
    .notice-re26 .swiper-button-stop,
    .notice-re26 .swiper-button-next{}
    .notice-re26 .swiper-button-prev:before,
    .notice-re26 .swiper-button-stop:before,
    .notice-re26 .swiper-button-next:before{}
    .notice-re26 .swiper-button-prev:before{}
    .notice-re26 .swiper-button-stop:before{}
    .notice-re26 .swiper-button-stop.active:before{}
    .notice-re26 .swiper-button-next:before{}
    .notice-re26 .more-btn{}

    /* ===========================
        자주 찾는 서비스
     =========================== */
    .main-re26 .rowgroup.n3{}
    .main-re26 .rowgroup.n3:before,
    .main-re26 .rowgroup.n3:after{}
    .main-re26 .rowgroup.n3:before{}
    .main-re26 .rowgroup.n3:after{}
    .main-re26 .rowgroup.n3 .wrap-re26{}
    .often-re26{}
    .often-re26 .often-head{}
    .often-re26 .often-title-wrap{}
    .often-re26 .often-title{}
    .often-re26 .often-title:before{}
    .often-re26 .often-title-wrap p{}
    .often-re26 .often-tab{}
    .often-re26 .often-tab li{}
    .often-re26 .often-tab li.active button{font-weight:700;}
    .often-re26 .often-tab button{width:90px;}
    .often-re26 .often-content{}
    .often-re26 .often-panel{display:none;}
    .often-re26 .often-panel.active{display:block;}
    .often-re26 .often-panel[hidden]{display:none;}
    .often-re26 .often-list{}
    .often-re26 .often-list li{}
    .often-re26 .often-list li a{padding:0 16px;}
    .often-re26 .often-list li a:after{}

    /* ===========================
        소통 강남
     =========================== */
    .main-re26 .rowgroup.n4{}
    .main-re26 .rowgroup.n4 .wrap-re26{}
    .communication-re26{}
    .communication-re26 .communication-head{}
    .communication-re26 .communication-title{}
    .communication-re26 .communication-head p{}
    .communication-re26 .communication-content{}
    .communication-re26 .communication-list{padding-top:41px;}
    .communication-re26 .communication-list li{width:100%;}
    .communication-re26 .communication-list li a{min-height:auto;}
    .communication-re26 .communication-list .item-text{}
    .communication-re26 .communication-list .item-title{}
    .communication-re26 .communication-list .item-subtitle{}
    .communication-re26 .communication-list .item-subtitle br{display:none;}
    .communication-re26 .communication-list .item-img{margin:-6px 0 -8px;}

    /* SNS */
    .sns-re26{width:320px; padding-right:30px; padding-bottom:191px;}
    .sns-re26 .sns-list{gap:24px;}
    .sns-re26 .sns-list li{}
    .sns-re26 .sns-list li a{}
    .sns-re26 .channel-link{}
    .sns-re26 .channel-link img{}

    /* ===========================
        미디어
     =========================== */
    .media-re26{}
    .media-re26 .media-item{margin-right:0;}
    .media-re26 .media-head{}
    .media-re26 .media-head h3{}
    .media-re26 .media-content{}
    .media-re26 .media-content a{}
    .media-re26 .media-content img{}
    .media-re26 .media-item > .more-btn{}
    .media-re26 .card-news{width:306px;}
    .media-re26 .card-news .media-content{}
    .media-re26 .card-news .media-content a{width:100%;}
    .media-re26 .card-news .media-content a:nth-child(2){display:none;}
    .media-re26 .gangnam-life{}
    .media-re26 .gangnam-life .thumb{}
    .media-re26 .gangnam-life .thumb img{}
    .media-re26 .gangnam-life .subject{}
    .media-re26 .gangnam-life .date{}
    .media-re26 .newsletter{}
    .media-re26 .newsletter .media-content{}
    .media-re26 .newsletter .subject{}

    /* ===========================
        추천정보
     =========================== */
    .main-re26 .rowgroup.n5{}
    .main-re26 .rowgroup.n5:before{}
    .main-re26 .rowgroup.n5 .wrap-re26{}
    .recommend-re26{flex-direction:column; gap:30px;}
    .recommend-re26 .recommend-head{margin-top:0;}
    .recommend-re26 .recommend-title{position:relative;}
    .recommend-re26 .recommend-title:before{display:block; width:101px; height:27px; background:url('../../image/202610/main/info_title.png') no-repeat center/contain; content:"";}
    .recommend-re26 .recommend-head p{}
    .recommend-re26 .recommend-content{}
    .recommend-re26 .recommend-list{width:auto; flex:1 0 0;}
    .recommend-re26 .recommend-list li{}
    .recommend-re26 .recommend-list li a{}
    .recommend-re26 .recommend-list li a:after{}
    .recommend-re26 .recommend-banner{}
    .recommend-re26 .recommend-banner img{}
}

@media (max-width:1024px){
    html,
    html body{overflow:scroll; width:1024px; min-width:1024px; max-width:1024px;}
    .nav-main-menu{width:1024px;}
    .nav-top-menu{width:1024px;}
}