@charset "UTF-8";



/*공통*/
#Entire{overflow:hidden; width:100%;}
.inner{width: 1400px;margin: 0 auto;position: relative;}


/*header*/
header {left:0; right:0; top:0;position: relative; z-index: 100;}

.linkgo{display: inline-block !important; vertical-align: middle !important; padding: 0px 40px 0px 0px !important; background: url(/images/domain/daundong/main/blank.png) no-repeat; background-position: right 18px center;}
.linkgo_left{display: inline-block !important;vertical-align: middle !important; padding: 20px 40px 20px 18px !important; background: url(/images/domain/hakseongdong/main/blank.png) no-repeat; background-position: right 18px center;}
.mo_gnb .d1 .sub .linkgo{padding: 7px 40px 7px 0px !important;}



    /*head_top*/
    .head_top{font-size:0; position: relative; height:60px; border-bottom:1px solid #ccc; background-color: #fff; font-weight: 500;}
    .family_site{display: inline-block; vertical-align: middle;     padding-top: 20px;}
    .family_site li{display:inline-block; font-size:16px; padding:0px 40px 0px 0px; position: relative;}
    .family_site li:after{display:inline-block; content:""; position: absolute; width:1px; height:20px; background:#e2e1e1; right: 20px;
    top: 50%; transform: translateY(-50%);}
    .family_site li:last-child:after{display: none;}
    .family_site li:hover a{color:#1863d3; font-weight: 600;}
    .family_site li a.on{color:#1863d3; font-weight: 600;}
    .language_area{display: inline-block; vertical-align: middle; font-size:16px;  padding-top: 20px; float: right;}
    .language_area span{margin-left: 5px;}
 
    
    
    /*head_bottom*/
    .head_bottom{margin:0 auto;position: relative;font-size:0;background:#fff;height:115px;}

        
    /*로고와 h_etc영역*/
    .h_etc{float:right;width: 100px;font-size:0;padding-top:45px;text-align:right;}
    .h_etc li{display: inline-block; vertical-align: top;}
    .h_etc li:nth-child(1){padding: 0 20px 0px 0px;}
    .h_etc li a{ display: inline-block; padding: 0 !important;}
    .logo_area{width: 280px;padding-top:30px;}

    .mobile_menubtn{display:none;}

    h1{display: inline-block;}
    
    .gnb{
        display: inline-block;
        width: calc(100% - 380px);
        text-align: center;
        position: relative;
        box-sizing: border-box;
        line-height: 115px;
        vertical-align: top;
    }
    .gnb .d1{
        position: relative;
        height: 100%;
        display: inline-block;
        font-size: 22px;
        width: calc(99.9% / 5);
        position: relative;
        font-weight: 700;
        text-align: center;
        letter-spacing: -1.5px;
        }
    
    
    .gnb .d1 .sub{display: none;position: absolute;top: 115px;left: 0;width: 100%;height: 267px;z-index: 100;border-left: 1px dashed #747474;
    transition: all 0.2s;overflow: hidden;text-align: center;line-height: 1.6; padding-top:8px;}
    .gnb .d1:first-child .sub{border-left: none;}
    
    
    .gnb .d1 .sub li{
        font-size: 17px;
        color: black;
        padding: 10px 5px;
        box-sizing: border-box;
        position: relative;
        text-align: center;
        width: 95%;
        margin: 0 auto;
        word-break: keep-all;
        overflow: hidden;
        z-index: 120;
    }
    .gnb .d1 .sub li a{position: relative; font-weight: 400;}
    


    .gnb.on .d1 .sub{display: block;}
    .gnb .d1:focus-within .sub{display: block; background-color: #fff6f9;}
    .gnb .d1:focus-within .sub li a{color: #f10f54;}
    
    .gnb_bg{position: absolute;top: 174px;left: 0;width: 100%;height: 0;background-color: #ffff;box-sizing: border-box;box-shadow: 0 25px 30px rgba(0, 0, 0, 0.1);z-index:10;}
    .gnb_bg.on{height: 270px;border-top: 1px solid #ddd;  border-bottom:2px solid #f10f54;}
    


    /* header 마우스 호버 */
    .gnb .d1:hover .m{color: #ed3070;}
    .gnb .d1:hover .sub{background-color: #fff6f9;}
    .gnb .d1 .sub li a:hover:after{width: 100%;}
    .gnb.on .d1 .sub{display: block;}
    .gnb .d1:focus-within .sub{display: block; background-color: #fff6f9;}
    .gnb .d1:focus-within .sub li a{color: #000;}
    
    .gnb > li a span{position: relative;}
    
    .gnb > li > a span:after{content:""; 
        position:absolute; 
        left:50%;
        bottom:-14px; 
        width:0%;
        height:2px;
        background:#ed3070;             
        transition: all .5s;}
    
    .gnb > li:hover span:after{width:100%; left:0;}
    .sub li > a:hover{color:#ed3070;}
     
    

/* 모바일 사이드 메뉴 */
.mobile_menu{position: fixed;top: 0;right: -100%;width: 100%;height: 100%;max-width: 360px;background-color: #fff;z-index: 100;transition: all 0.3s;border-left: 20px solid #d61138;}
.mobile_menu .top_utill{padding: 20px 15px;border-bottom: 1px solid #d61138;position: relative;}
.mobile_menu .top_utill:after{content: ""; display: block; clear: both;}
.mobile_menu .top_utill .close{float: left;display: block;width: 27px;height: 27px;background: url(/images/domain/daundong/main/close_btn.png) no-repeat;background-position: center;text-indent: -9999px;border: 0;background-color: transparent;padding: 0;position: absolute;top: 50%;transform: translateY(-50%);}
.mobile_menu .top_utill .home{float: right;display: block;width: 177px;height: 42px;background-image: url(/images/domain/daundong/main/logo.png);background-repeat: no-repeat;background-position: center;text-indent: -9999px;background-size: 100%;}

.mobile_menu_bg{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; top: 0; right: 0; display: none; z-index: 99;}

.mo_gnb .d1{border-bottom: 1px solid #ddd;}
.mo_gnb .d1 .m{display: block;padding: 0 25px 0 30px;line-height: 60px;color: #000;font-size: 18px;font-weight: 700;background-image: url(/images/domain/daundong/main/mo_down.png);background-repeat: no-repeat;background-position: center right 25px;}
.mo_gnb .d1 .sub{display: none;padding: 10px 25px;background: #fff6f9;}
.mo_gnb .d1 .sub li a{display: block;padding: 7px 10px;color: #000;font-weight: 400;}

/* 모바일 메뉴 오버시 */
.mobile_menu.on{right: 0; opacity: 1;}
/*.mo_gnb .d1 .m.over{color: #ffffff;background-color: #d61138;background-image: url(/images/domain/daundong/main/mo_up.png);}
.mo_gnb .d1 .sub li a:focus{background-image: url(/images/domain/daundong/main/mo_up02.png); color:#d61138;}*/
.mo_gnb .d1 .sub li:hover a{color:#d61138;}
.mo_gnb .d1:hover a{color:#d61138;}




/*main_top*/
.main_top{background: url(/images/domain/daundong/main/visual.jpg) no-repeat;font-size: 0;box-sizing: border-box;padding: 55px 0 65px;position: relative;width: 100%;height: 488px;display: block;content: "";left: 50%;transform: translateX(-50%);top: 0;background-position: center;background-color: #f04862;background-size: cover;}


/*팝업존*/
.ppz_Wrap{width: 949px; height: 363px; display: inline-block; vertical-align: middle; position: relative; vertical-align:top;}
.popupzone{width: 100%; height: 363px; position: relative;}
.ppz_Wrap .slick-list{border-radius: 20px;}

.ppz_controll{background:#fff; font-size:0; width: 260px; padding: 13px; box-sizing: border-box; text-align: center; border-radius: 30px;
position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}

.ppz_controll .numcount{display:inline-block;font-size: 16px;font-weight:500;vertical-align: middle; margin-right: 15px; font-size:0;}
.ppz_controll .numcount span{display: inline-block; width:13px; font-size:16px;}
.ppz_controll .numcount .most{position: relative; margin-left:60px;}
.ppz_controll .numcount .most:after{display:inline-block; content:""; position: absolute; width:50px; height: 2px; background:#ccc; left:-54px; top:50%; transform: translateY(-50%);}
.ppz_controll button{
    width: 17px;
    height: 17px;
    margin-right: 3px;
    background-color: transparent;
    border: 0;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;}
.ppz_controll .p_prev{background-image: url(/images/domain/daundong/main/ppz_before.png); }
.ppz_controll .p_next{background-image:  url(/images/domain/daundong/main/ppz_next.png);}
.ppz_controll .p_stop{background-image:  url(/images/domain/daundong/main/ppz_stop.png);}
.ppz_controll .p_play{display: none; background-image: url(/images/domain/daundong/main/ppz_start.png);}

.responsive{width:100%; height:100%; border-radius:20px;}



/*main_top_right*/
.main_top_right{display:inline-block; font-size:18px; vertical-align:top; margin-left:30px; width:calc(100% - 979px);}

/*검색어*/
.sch::placeholder {color: #000; font-weight: 600; font-size:16px; font-family:'PretendardGOV', sans-serif;
background: url(/images/domain/daundong/main/placeholder_img.png) no-repeat; width:147px; height:17px;}

.sch_box  .input_area{font-size:0;position: relative;}
.sch_box input.sch{ display: inline-block; padding: 16px 38px 14px 15px; box-sizing: border-box;
border: 3px solid #d61138; background-color: #fff; text-align: left; border-radius: 30px; width: 100%;}

.searchBtn{display:inline-block;width: 51px !important;height: 51px !important;border-radius: 50%;background-color:#d61138 !important;
position: absolute;right: 0px; background-image: url(/images/domain/daundong/main/search.png) !important;  background-repeat: no-repeat !important;
background-position: center 13px !important; cursor: pointer;}

.h_btn{display: inline-block; text-indent: -9999px; width: 60px; height: 60px; margin-left: 15px; border-radius: 50%; background-repeat: no-repeat;
background-position: center; box-sizing: border-box;}/*검색하기 글자 안보이게 처리 아이콘만 보이게끔*/

.hashtag{font-size: 0; padding: 15px 15px 0;}
.hashtag > .hashtag_tit,.tag_wrap{display:inline-block; font-size:15px;vertical-align: middle;}
.hashtag_tit{font-weight: 500; margin-right: 10px; width:65px;}
.tag_wrap{width:calc(100% - 75px);}


/*바로가기 버튼 영역*/
.main_gobtn_wrap{background:#ebf5ec; margin-top:20px; box-sizing: border-box; border-radius: 20px;}
.main_gobtn_visual{height:175px; box-sizing: border-box; padding:30px; position: relative;}
.main_gobtn_visual:after{ width: 255px; height: 158px; position: absolute; display: block; content: "";
right:30px; top: 50%; transform: translateY(-50%); background: url(/images/domain/daundong/main/main_go_background.png) no-repeat;
z-index: 1; background-position: center;}
.mgobtn_v_txt > span{display: block; font-weight: 600; font-size:20px;}
.mgobtn_v_txt > span img{padding: 0px 0px 3px 6px;}

.main_gobtn_ul{font-size:0; background:#fff;  border-radius: 0px 0px 20px 20px; box-sizing: border-box; padding:12px 0px;}
.main_gobtn_ul li{display:inline-block; font-size:14px; width:calc(100% / 4); text-align: center;}
.main_gobtn_ul li a {display:inline-block; width:100%; height:100%;}
.main_gobtn_ul li a > span{display:block;padding-top: 7px;}
.main_gobtn_ul li a img{transition: 0.5s;}
.main_gobtn_ul li:hover a img{transform:rotateY(180deg);}
.main_gobtn_ul li:hover a{font-weight: 600; color:#ed3070;}



/*main_middle*/
.main_middle{background:#fff6f9;padding: 30px 0px 45px;}
.main_middle .inner{font-size:0;}

/*공지사항*/
.notice_area{display: inline-block;width:calc(100% - 600px);box-sizing: border-box;}
.notice_wrap{box-sizing:border-box;position: relative;background-color: #fff;border-radius: 30px;/* padding: 0px 0 25px; */}

/*탭버튼*/
.noti_top{font-size:0px;position: relative;width:100%;box-sizing: border-box;}
.noti_go{display:inline-block;font-size:18px;font-weight: bold;background: #d61138;box-sizing: border-box;width:49px;height:47px;border-radius: 0px 10px 0px 10px;vertical-align: top; position: absolute; top: 0px; right: 0;}
.noti_go a{display: inline-block; position: relative; width:100%; height: 100%;}
.noti_go img{position: absolute;left:50%;top: 50%;transform:translate(-50%, -50%);}

.noti_tap{font-size:0px;position: relative;display:inline-block;padding:20px 0 15px;font-weight: bold;width:calc(100% - 49px);box-sizing: border-box;}
.noti_tap li{display:inline-block;font-size:18px;cursor: pointer;width: calc(100% / 3);text-align: center;}

.noti_tap li.on{color:#d81f44; font-weight: 600;}


/*각 탭 게시판*/
/*.notijs_wrap{position:absolute;}*/
.notijs_wrap2{ display: none;}
.notijs_wrap3{display: none;}
.notijs_wrap4{display: none;}

.notice{padding: 0px 25px 25px !important;box-sizing: border-box;width:100%;height: 230px;}
.noti_bonche{width:100%;}
.noti_title{padding:0px 0 20px; font-weight: 800; font-size:20px;}

/*첫번째 게시글*/
.noti_detail_first{margin-top:10px; margin-bottom:50px; font-size:0; box-sizing: border-box; position: relative;}
.noti_detail_first:after{display: inline-block; content: ""; position: absolute;  border-bottom: 1px dashed #ccc;
width:100%; height:1px; left:0; bottom:-25px;}
.noti_date{display:inline-block; font-size:15px; vertical-align: middle; width:57px; color:#192151;}
.noti_date .day{display:inline-block; font-size:28px; font-weight:600; padding-bottom: 18px; position: relative; z-index: 1;}
.noti_date .day:after{display:inline-block;content:"";position:absolute;background: url(/images/domain/hakseongdong/main/notice_point.png) no-repeat;width:51px;height: 50px;top: -18px;right: -30px;z-index: -1;}
.noti_date .year_month{display:block;}
.noti_d_f_txt{display:inline-block; font-size:18px; vertical-align: middle; margin-left:30px; width:calc(100% - 87px);}
.noti_d_f_txt .noti_post{ font-weight:600; padding-bottom:15px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.noti_d_f_txt .noti_txt{font-size:16px; padding-bottom: 19px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.noti_d_f_txt .noti_dong{color:#4b4b4b; font-size:16px; padding-left: 15px; position: relative;}
.noti_d_f_txt .noti_dong:after{display:inline-block; content:""; position: absolute; width:8px; height:8px; background-color: #ffbfbf;
border-radius: 50%; top:50%; transform: translateY(-50%); left:0px;}
.noti_detail_first a:hover{color:#d81f44}

/*하단 게시글*/
.noti_detail_common{ box-sizing: border-box;}
.noti_detail_common .noti_d_txt{padding:5px 5px 5px 13px; position: relative; font-size: 0px; font-weight: 500; }
.noti_detail_common .noti_d_txt:after{display:inline-block; content:""; position:absolute; width:5px; height:5px;
background:#bcbaba; border-radius: 50%; top:50%; transform: translateY(-50%); left:0;}
.noti_detail_common .noti_d_txt .noti_d_naeyong{display:inline-block;font-size:17px;width: calc(100% - 95px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.noti_detail_common .noti_d_txt .noti_d_date{display:inline-block;font-size: 16px;width:90px;float:right;color:#4b4b4b;font-weight: 400;margin-left: 5px;}
.noti_detail_common .noti_d_txt a:hover{color:#d81f44;}

/*교육강좌*/
.noti_chair .noti_detail{background-color: #fff; box-sizing: border-box; position: relative; width: 100%; height: 100%; overflow: hidden; overflow-y: auto;}
.noti_chair .noti_detail .noti_d_txt{padding:10px 0px 10px  15px; border-bottom: 1px dashed #ccc; font-size:17px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.noti_chair .noti_detail .noti_d_txt:after{position:absolute; display:inline-block; content:"";     width: 5px; height: 5px; background-color: #bcbaba; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0px;}
.noti_chair .noti_detail .noti_d_txt:last-child{border-bottom:0px;}
.noti_chair .noti_detail .noti_d_txt .noti_d_time{display:inline-block; padding-left:5px; font-size:15px; color:#5f5f5f;}
.noti_chair .noti_detail a{display:inline-block;}
.noti_chair .noti_detail a:hover{color:#d81f44 !important; font-weight: 600;} 

.notijs_wrap3{ width: 100%; height: 100%;}
.notijs_wrap3  .noti_bonche{ overflow: hidden; overflow-y: auto; height: 210px; position: relative;}
 
/*스크롤*/
.scroll::-webkit-scrollbar{height:10px; width:10px;}
.scroll::-webkit-scrollbar-thumb{background-color:#cccc; border-radius:5px; background-clip: padding-box; border: 2px solid transparent;}
.scroll::-webkit-scrollbar-track{background-color:#ffff; border-radius:5px;}



/*주요서비스*/
.main_services_wrap{display:inline-block;font-size:18px;width:550px;margin-left: 50px;vertical-align: top; position: relative; text-align: center;} 
.m_services_tit{background: #d61138; padding:10px 35px; box-sizing: border-box; display: inline-block; color:#fff; font-size: 20px; font-weight:800; border-radius: 10px; margin-bottom: 28px;} 
.main_services{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.main_services li{width: calc(100% / 3 - 20px);margin-right: 30px;background:#fff;margin-bottom:28px;border-radius: 15px;}
.main_services li:nth-child(3){margin-right: 0px;}
.main_services li:nth-child(4){ margin-bottom: 0;}
.main_services li:nth-child(5){ margin-bottom: 0;}
.main_services li:nth-child(6){margin-right: 0px; margin-bottom: 0;}
.main_services li a{display:inline-block;width:100%;height: 100%;padding: 17px;box-sizing: border-box;border:1px solid #fff;}
.main_services li a > span{display:block;padding-top:15px;font-weight: 500;}
.main_services li a img{transition: 0.9s; position: relative; }
.main_services li:hover a{border:1px solid #d81f44; border-radius:15px;}
.main_services li a:hover span{color:#d81f44; }

.poupbtn_thereis{position: relative;}
.main_gobtn_popup{display:none;position: absolute;top:56px;left: 50%;transform: translateX(-50%);background: #ffdbdb;padding: 13px 10px;border-radius: 0px 0px 20px 20px;box-sizing: border-box;width: 100%;}
.main_gobtn_popup > div{text-align: center;color: #cd002b;font-size: 15px;font-weight: 500;}


/*main_bottom*/
.main_bottom{padding:35px 0 40px; box-sizing: border-box; font-size:0;}

/*동네방네이야기*/
.gallery_Wrap{width:calc(100% - 693px);display: inline-block;}
.gallery_slideWrap .draggable{transform: scale(1.03) !important;}
.gallery_slideWrap .slide{background:#fff; margin:0 10px;}
.gallery_slideWrap .slide a:hover{color:#d81f44;}
.gallery_slideWrap .slide a:hover .g_txt_date{color:#d81f44;}

.gallery_slideWrap .img_wrap{position: relative;
    z-index: 1;
    margin-bottom:18px;
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    height: 230px;
    background-color: #f7f7f7}
.gallery_slideWrap .img_wrap img{    position: absolute;
    width: 100%;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    min-height: calc(100% + 10px);}

.gallery_slideWrap .g_txt_wrap h4{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:17px;}
.gallery_slideWrap .g_txt_wrap .g_txt_date{font-size:16px; color:#8c8c8c; display:inline-block; padding-top:10px;}

.gallery_top{font-size:0;margin-bottom: 23px;}
.gallery_top > p{display:inline-block; font-size:20px; font-weight:800; vertical-align: middle; width:calc(100% - 127px);}
.gallery_controll{ font-size:0; vertical-align: middle; display:inline-block; width:127px;}

.gallery_controll button{ width: 24px; height: 24px; margin-right: 3px; background-color: transparent;
border: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center; display: inline-block;}
.gallery_controll .g_prev{background-image: url(/images/domain/daundong/main/gallery_before.png); }
.gallery_controll .g_next{background-image:  url(/images/domain/daundong/main/gallery_next.png);}
.gallery_controll .g_stop{background-image:  url(/images/domain/daundong/main/gallery_stop.png);}
.gallery_controll .g_play{display: none; background-image: url(/images/domain/daundong/main/gallery_start.png);}

.gallery_controll .numcount{font-size:0; display:inline-block; vertical-align: middle;}
.gallery_controll .numcount span{display: inline-block; width:13px; padding:0; font-size:16px;}
.gallery_controll  .numcount .most{position: relative; margin-left:20px;}
.gallery_controll  .numcount .most:after{display:inline-block; content:""; position: absolute; width:15px; height: 1px; background:#000000; left:-20px; top:50%; transform: translateY(-50%);}


/*동행정복지센터*/
.map_area{width:643px; margin-left:50px; display: inline-block;vertical-align: top; font-size: 0;} 
.map_area > p{font-size:20px; font-weight: 600; margin-bottom: 23px;}
.map_slideimg{background: #ffe9ee;box-sizing: border-box;width: 475px;border-radius: 20px;text-align: center;margin-right: 15px;display: inline-block;vertical-align: top;}
.map_slideimg img{padding: 20px 0;}
.map_tapbtn{font-size:0px;font-weight:600;display:inline-block;width: calc(100% - 490px);}

.map_slidelink{margin-bottom: 13px;background:#ffd4de;text-align: center;border-radius: 8px;font-size: 16px;}
.map_slidelink a{width:100%;height:100%;display:inline-block;padding: 21px 0;box-sizing: border-box;}
.map_slidelink:hover{background:#d61138;}
.map_slidelink:hover a{color:#fff;}
.map_slidelink.on{background:#d61138;}
.map_slidelink.on a{color: #fff;}
.map_slideWrap{width:calc(100% - 28px); display: inline-block !important; vertical-align: middle;}
.map_controll{display:inline-block; width:20px; margin-left:8px; vertical-align: middle;}

.map_controll button{ width: 24px; height: 24px; margin-right: 3px; background-color: transparent;
border: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center; display: inline-block;}
.map_controll .m_prev{background-image: url(/images/domain/daundong/main/main_map_arrow1.png); margin-bottom: 5px;}
.map_controll .m_next{background-image:  url(/images/domain/daundong/main/main_map_arrow2.png);}




/*배너 슬라이더*/
.f_banner_wrap{border-top: 1px solid #edecec;font-size:0;padding: 20px 0 20px;}
.banner_txt_wrap {font-size:0;  display:inline-block; vertical-align: middle;  width:220px; margin-right:15px;}
.banner_txt_wrap  h4{font-size:16px; display:inline-block; vertical-align: middle;  margin-right: 8px;}
.banner_controler{display:inline-block; vertical-align: middle;}

.f_banner{display:inline-block !important;font-size:0;width:calc(100% - 235px);vertical-align: middle;}
.f_banner .slide{display:inline-block;margin-right:35px; position: relative;}
.f_banner .slide:after{display:inline-block; content:""; position: absolute; width:1px; background-color: #d6d6d6; height:20px; right:-18px; top:50%;
transform: translateY(-50%);}
.f_banner .slide a span{font-size:16px; font-weight: 500;}
.f_banner .slide a:hover span{color:#d61138;}


.banner_controler button{ width: 24px; height: 24px; margin-right: 3px; background-color: transparent;
    border: 0; text-indent: -9999px; background-repeat: no-repeat; background-position: center; display: inline-block;}
    .banner_controler .b_prev{background-image: url(/images/domain/daundong/main/banner_before.png); }
    .banner_controler .b_next{background-image:  url(/images/domain/daundong/main/banner_next.png);}
    .banner_controler .b_stop{background-image:  url(/images/domain/daundong/main/banner_stop.png);}
    .banner_controler .b_play{display: none; background-image: url(/images/domain/daundong/main/banner_start.png);}


/*베너새창영역*/
/* popup */
.popup_wrapper{ position: fixed; width: 100%; height: 100vh; z-index: 100; left: 0px; right: 0px; bottom: -110vh; /*bottom: 0vh;*/
transition: all ease-out 0.3s; background-color: rgba(0,0,0,0.7);}

.popup_wrapper .popup_content{ max-width:960px; width:90%; margin: 0 auto; background-color: #ffffff; overflow-y: auto; padding: 35px 30px 40px;
min-width: 370px; box-sizing: border-box; position: relative; top: 50%; transform: translateY(-50%); border-radius: 20px;}

/* popup 공통 title */
.popup_title_box{ position: relative; padding-top: 20px;}

.popup_title_box h5{ position: relative; z-index: 2; font-size: 30px; font-weight: 700; display: inline-block; color: #000; word-break:keep-all;}

.popup_title_box h5 > span{color:#d61138;}
    
.popup_title_box p{padding-top: 10px; word-break: keep-all;}

.popup_title_box h5::after{ content: ""; display: block; position: absolute; left: -7px; top: -4px; width: 25px; height: 25px; border-radius: 50%; background-color: #ffcfde; z-index: -1;}    
.popup_title_box a{ position: absolute; top: 0; right: 0; font-size: 3rem; font-weight: 800;}

.popup_content{position: relative;}
.close_popup{position: absolute; right:10px; top:10px;}

/*배너모음 컨텐츠-새창*/
.banner_gather {display: flex;flex-wrap: wrap;margin-top: 85px;position: relative;}
.banner_gather li {display: inline-block;width: 25%;border: 1px solid #ccc;border-left: 0;box-sizing: border-box;transition: .3s all;}
.banner_gather li a {display: inline-block;width: 100%;padding: 13px 15px;box-sizing: border-box; width:100%; height: 100%; position: relative;}
.banner_gather li a:after{ position: relative; content: ""; display: inline-block; top: 0; left: 0; vertical-align: middle;}
.banner_gather li a span{display:inline-block;vertical-align: middle;position: relative;top: 50%;transform: translateY(-50%);}
.banner_gather li:nth-child(4n+1) {border-left: 1px solid #ccc;}
.banner_gather li:nth-child(n+5) {border-top: 0;}
.banner_gather li:hover, .banner_gather li:focus {border-color: #c92841;background: #c92841;color: #fff;box-shadow: 5px 5px 15px 0px rgba(199, 97, 119, 0.5)}
.banner_gather li:hover span, .banner_gather li:focus span {color: #fff;}
.banner_gather li span {font-size:16px; word-break: keep-all;}

.banner_gather:after{ display: block; content: ""; position: absolute; width: 440px; height: 177px; background: url(/images/domain/daundong/main/banner_gather_back.png) no-repeat;
right: 4px; top: -177px; z-index: -1;}   




/*푸터*/
footer{background:#fff;}
footer .f_utill {padding-top: 20px;}
footer .f_utill .f_dirgo{width:100%; margin:0 auto; display:inline-block; vertical-align:top; font-size:0;}

footer .f_utill .f_dirgo > div{display:inline-block;vertical-align:top;height: 58px;box-sizing:border-box;width: calc(100% / 5 - 8px);margin-right: 10px;}
footer .f_utill .f_dirgo > div button{width:100%;height: 58px;padding:0;text-align:left;font-family:'PretendardGOV', sans-serif;}
footer .f_utill .f_dirgo > div button span{font-size: 17px;letter-spacing:-1.5px;display:block;width:100%;height: 58px; 
background: url(/images/domain/daundong/main/footer_select.png) no-repeat;box-sizing:border-box;padding-left:15px;line-height: 58px;background-position: right 15px center;background-color: #f5f5f5;border-radius: 10px;}

footer .f_utill .f_dirgo > div.bl5{margin-right: 0px;}
footer .f_utill .f_dirgo .bsite{position:relative;}
footer .f_utill .f_dirgo .bsite ul{position: absolute;width: 100%;z-index: 99;bottom: 58px;background-color: #fff;max-height:500px;overflow-y: auto;display: none;left: 50%;transform: translateX(-50%);text-align:left;box-sizing:border-box;border:1px solid #e3e3e3;border-bottom: 0px;}
footer .f_utill .f_dirgo .bsite ul li{box-sizing:border-box; border-bottom:1px solid #ddd;}
footer .f_utill .f_dirgo .bsite ul li a{font-size:15px; display:block; padding:10px 10px; border-bottom:1px dashed #e3e3e3;}
footer .f_utill .f_dirgo .bsite ul li a:last-child{border-bottom:0px;}
footer .f_utill .f_dirgo .bsite ul li a:hover{background-color: #ffe9ee; color: #d61138; font-weight:500;}


 footer .f_bottom{padding:43px 0 55px !important; font-size:0;}
 footer .f_bottom > div{display:inline-block; font-size:17px; vertical-align:top;}
 .f_logo{width:190px; padding-right: 60px;} 
 .f_b_right{width:100%;font-size: 0 !important;}
 .f_menu{font-size:0;padding-bottom: 18px;}
.f_menu li {display:inline-block;font-size:17px;padding-right: 35px;font-weight: 500;position:relative;}

.f_menu li:last-child:after{display:none;}
 .f_menu li:nth-child(1) a{color: #1863d3; font-weight: 600;}
 .f_menu li:last-child{margin-right: 0;}
 .f_menu li:hover a{color:#1863d3;}
 .adress{line-height: 1.5;display:inline-block;font-size: 16px;vertical-align: middle;}

 .Web_accessibility{display:inline-block;vertical-align: middle;margin-left: 20px;}













/*반응형*/



@media  screen and (max-width:1450px){

/*공통*/    
.inner{width:100%; box-sizing: border-box;}
#main_contents .inner{padding:0 10px;}

/*헤더*/
.head_top,.head_bottom{padding: 0 10px;}

/*푸터*/
footer .f_bottom{ padding: 43px 10px 55px !important;}
footer .f_utill{padding: 20px 10px 0px 10px;}


/*main_top_right*/
.main_top_right{margin-left:20px; width: calc(100% - 969px);}
.tag_wrap{width:100%; display: block;}
.hashtag{padding: 5px 15px 0;}
.hashtag_tit{font-size:17px !important; width:100%; padding-bottom:3px; margin:0;}
.main_gobtn_wrap{margin-top: 13px;}


/*동네방네이야기*/
.gallery_Wrap{ width: calc(100% - 663px);}
.gallery_slideWrap .img_wrap{height: 354px;}

/*동행정복지센터*/
.map_area{margin-left:20px;}
.map_slideimg{vertical-align: middle;}
.map_slideimg img{padding: 52px 0;}
.map_tapbtn{vertical-align: middle;}



}


@media  screen and (max-width:1350px){


.main_top{height:auto; padding: 45px 0 65px;}

/*팝업존*/
.ppz_Wrap{width:70%; height:auto; vertical-align: middle;}
.popupzone{height: auto;}
.ppz_slideWrap .slide img{width:100%;}

/*.main_top_right*/
.main_top_right{width:28%; vertical-align: middle;}
.main_gobtn_visual{    height: 120px;}
.main_gobtn_visual:after{background-size: 100%; width: 150px; right: 7px;}


/*주요서비스*/
.main_services_wrap{    width: 580px; margin-left: 20px;}
.main_services li{width: calc(100% / 3 - 10px);margin-right: 15px; margin-bottom: 15px;}
.m_services_tit{margin-bottom:40px;}



}




@media  screen and (max-width:1250px){

/*헤더*/
.gnb{display:none;}
.h_etc li:nth-child(1){display:none;}
.head_top{height: 50px;}
.family_site{padding-top: 14px;}
.language_area{padding-top:15px;}

.head_bottom{height:70px;}
.logo_area{padding-top:12px;}
.h_etc{padding-top:25px;}
.mobile_menubtn{display: inline-block !important;}
.sitemap{display:none;}

/*공지사항*/
.notice_area{width:600px; vertical-align: middle;}


/*주요서비스*/
.main_services_wrap{width: calc(100% - 620px); vertical-align: middle;}
.main_services li{width: calc(100% / 2 - 10px);}
.main_services li:nth-child(even){margin-right: 0px !important;}
.main_services li{ margin-bottom: 15px !important;}
.main_services li a{padding:14px;}
.main_services li a > span{display:inline-block; vertical-align: middle; padding-top: 0px;}
.main_services li a img{width:30px; vertical-align: middle;}


/*동네방네이야기*/
.gallery_Wrap{width:100%;}

/*동행정복지센터*/
.map_area{width:100%; margin: 40px 0px 0px 0px;}
.map_slideimg{width:750px;}
.map_tapbtn{width: calc(100% - 765px);}
.map_slideWrap .slide{width:100%;}
.map_area > p{margin-bottom:18px;}




}




@media  screen and (max-width:1050px){

/*main_top*/
.main_top{height:auto; padding: 25px 0 25px;}

/*팝업존*/
.ppz_Wrap{width:100%;}

/*main_top_right*/
.main_top_right{margin-top:65px; width:100%; margin-left: 0px;}
.hashtag{text-shadow: -1px 0px #ffffff, 0px 1px #ffffff, 1px 0px #ffffff, 0px -1px #ffffff;}
.main_gobtn_visual{padding:20px; height:90px; z-index: 1;} 
.main_gobtn_visual:after{z-index: 2;}
.main_gobtn_ul{position: relative;z-index: 10;}
.main_gobtn_visual:after{top:60%;}


/*동네방네이야기*/
.gallery_slideWrap .img_wrap img{width:initial;}


/*동행정복지센터*/
.map_area{margin: 30px 0px 0px 0px;}


}





@media  screen and (max-width:960px){

    /*배너 팝업*/
    .banner_gather:after{opacity: 0.4;}

    
    /*공지사항*/
    .notice_area{width:100%;}
    .notice{height:210px;}
    .noti_title{font-size:19px; padding: 0px 0 13px;}
    .noti_tap li{font-size:17px;}
    .noti_d_f_txt{font-size:17px;}
    .noti_date .day{padding-bottom: 13px;}
    .noti_d_f_txt .noti_txt{padding-bottom: 14px;}
    .noti_detail_first{    margin-bottom: 40px;}
    .noti_detail_common .noti_d_txt .noti_d_naeyong{font-size:16px;}
.notijs_wrap3  .noti_bonche{height: 200px;}

    /*주요서비스*/
    .main_services_wrap{width:100%; margin-left: 0;  margin-top: 30px;}
    .m_services_tit{margin-bottom:15px;  font-size: 19px;}
    .main_services li{ width: calc(100% / 2 - 5px); margin-right: 10px; font-size:17px;}
    .main_middle{padding: 20px 0px 15px;}
    .main_services li a{padding:12px;}


    /*동네방네이야기*/
    .gallery_top > p{font-size:19px; }
    .gallery_slideWrap .img_wrap{margin-bottom:10px;}



    /*동행정복지센터*/
    .map_area{padding:0 10px; box-sizing: border-box;}
    .map_area > p{font-size:19px; margin-bottom: 10px;}
    .map_slideimg{width: 600px;}
    .map_tapbtn{width: calc(100% - 615px);}
    


    /*푸터*/
    .f_menu{text-align: center;}
    .adress{text-align: center; width:100%; margin-bottom: 8px;}
    .Web_accessibility{text-align: center; margin-left: 0; display: block;}


    }


    
    @media  screen and (max-width:850px){


    /*동행정복지센터*/
    .map_slideimg img{padding:0;}
    .map_slideimg{width:100%; margin-right: 0px;}
    .map_tapbtn{width:100%;}
    .map_slidelink a{ padding: 15px 0;}
    .map_slideWrap .slide{  display: inline-block !important; width: 100px !important; margin: 10px 9px 10px 0;}
    .map_tapbtn{text-align: center;}
    .map_controll .m_prev{margin-bottom: 0;}    
    .map_controll button{display:inline-block;}
    .map_controll{width:100px;}
    .map_controll .m_prev{background-image:url(/images/domain/daundong/main/gallery_before.png);}
    .map_controll .m_next{background-image:url(/images/domain/daundong/main/gallery_next.png);}


    
    /*푸터*/
    footer .f_utill .f_dirgo > div{width: calc(100% / 2 - 5px); margin-bottom: 10px;}
    footer .f_utill .f_dirgo > div:nth-child(even){margin-right: 0;}
    footer .f_utill .f_dirgo > div.bl5{margin-bottom:0;}
    footer .f_bottom{ padding: 33px 10px 35px !important;}
    footer .f_utill .f_dirgo > div{height:48px;}
    footer .f_utill .f_dirgo > div button span{height:48px; line-height: 48px;}
    footer .f_utill .f_dirgo > div button{height:48px;}
    footer .f_utill .f_dirgo .bsite ul{bottom:48px;}



    }
    




    
    @media  screen and (max-width:700px){
    
    /*배너 팝업*/
    .popup_wrapper{overflow-y: scroll;}
    .banner_gather li span{word-break: break-all;}
    .banner_gather:after{display:none;}
    .banner_gather{margin-top:30px;}
    
    .banner_gather li {width: 50%;padding: 8px 10px;}
    .banner_gather li:nth-child(2n+1) {border-left: 1px solid #ccc;}
    .banner_gather li:nth-child(n+5) {border-top: 1px solid #ccc;}
    .banner_gather li:nth-child(n+3) {border-top: 0;}
    
    .banner_gather li a{padding: 0px 0px;}
    .popup_wrapper .popup_content{ padding: 20px 30px 30px;}
    
    .popup_title_box h5{font-size:25px;}


    /*동네방네이야기*/
    .main_bottom{padding:0px 0 30px;}
    .main_bottom .inner{padding: 0px !important;}
    .gallery_Wrap{width: 100%;background-color: #f5f7f4;padding: 35px 0;margin: 0;height: 410px;}
    .galleryzone{width:331px; height:226px; margin: 0 auto;}
    .gallery_slideWrap .slide{ background:#f5f7f4;}
    .gallery_slideWrap .img_wrap{height:226px;}
    



    }



    @media  screen and (max-width:600px){

    /*헤더*/
    .head_top{display:none;}
    .logo_area{width:202px; padding-top: 18px;}
    .logo_area img{width:202px;}


    /*main_top_right*/
    .main_top_right{margin-top: 45px;}

    /*팝업존*/
    .ppz_controll{padding: 6px;bottom: -22px;}

    /*공지사항*/
    .notice{padding: 0px 10px 25px !important;}
    .noti_date .day{font-size:23px;}
    .noti_date{width:40px;}
    .noti_d_f_txt{width: calc(100% - 70px);}
    .noti_date .day:after{ background-size: 100%; width: 40px; top: -13px; right: -26px;}


    /*동행정복지센터*/
    .map_area{margin: 25px 0px 0px 0px;}
    .map_slideimg img{width:100%; padding: 10px; box-sizing: border-box;}


    /*푸터*/
    .f_menu li{padding: 0px 10px 10px 0px; font-size:16px;}
    .adress{font-size:15px;}
    footer .f_bottom{padding: 30px 10px 40px !important;}


    }
    
    
    @media  screen and (max-width:500px){


    /*배너 팝업*/
    .popup_wrapper .popup_content{ top: 0; transform: initial;}

        
    /*동네방네이야기*/
    .gallery_Wrap{padding: 15px 0; height:370px;}

    /*동행정복지센터*/
    .map_slideWrap .slide{width: 108px !important;}
    .map_slidelink a{padding: 12px 0;}
    
}