@charset "utf-8";
/* CSS Document */
.PHONE{display:none;}
@media screen and (max-width:1680px){	
body{ font-size:15px;}

}

@media screen and (max-width:1400px){
/* #header .gnb_wrap > .gnb > li .dp2:before{ right: calc(100% - 20vw);}
#header .gnb_wrap > .gnb > li .dp2:after{ left: 3.5em;} */
#header .gnb_wrap > .gnb > li .dp2_wrap{width: 950px;}
}

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

}

@media screen and (max-width:1280px){	
body{ font-size:14px;}

}

@media screen and (max-width:1200px){
/*main*/
.mainQuick_wrap .quick_wrap .rcon .inner .incon .tit{padding:0 1em;}
.mainSection2 .tcon .tcon_in{margin:0;}
.mainSection2 .tcon .tcon_in .boardBox{flex:1 1 100%;}
.mainSection2 .tcon .tcon_in .boardBox .pdin{margin:0;}
.mainSection2 .tcon .tcon_in .boardBox:last-of-type{margin-top:1.65em;}

.mainSection2 .bcon .bcon_in{margin:0;}
.mainSection2 .bcon .bcon_in .menuBox{flex:1 1 100%;}
.mainSection2 .bcon .bcon_in .menuBox .pdin{margin:0;}
.mainSection2 .bcon .bcon_in .menuBox:last-of-type{margin-top:1.65em;}

.business_wrap .business_con > .square{height:auto;}
.business_wrap .business_con > .square .img{height:100%;}
.resize.s6{padding-bottom:0; height:100%;}

.account_wrap{flex-direction:column;}
.account_wrap .account_con{width:100%; margin-right:0; margin-bottom:2em; background-size:cover;}
.account_wrap .account_icon{width:100%; flex-wrap:nowrap; justify-content:space-between;}
.account_wrap .account_icon .account_area{flex:0 1 32.33%; margin-right:0; max-width:inherit;}

/* sub - 회원현황 */
.dp2_memberlist a.input_st{height: auto;}
.dp2_memberlist a.input_st i{display: none;}
}

@media screen and (max-width:1024px){
#header .top_wrap .menu.link{display:none;}
	
html.hidden,
html.hidden #header .head_wrap{ margin-right:0 !important;}

[data-aos^=fade][data-aos^=fade]{ opacity:1 !important; transform:translateZ(0) !important;}

.moAc{ text-align:center !important;}
.moAl{ text-align:left !important;}
.moBr br{ display:block !important;}

.goTop{ display:none;}

/*header*/
#header .gnb_wrap{display:none;}
#header .top_wrap .inner{flex-direction:column;}
#header .top_wrap .menu.util{margin-left:auto;}

/*main*/
.main .visualSlider_wrap .fullH{height:calc(100vh - 7.5em);}
.mainquickMenu_wrap .list > li{flex:1 1 33.33%; max-width:inherit; margin-bottom:.75em;}
.mainquickMenu_wrap .list > li .in{padding:1.35em 3em 1.35em 1.5em;}

.slogan_wrap .inner .tw .t2{font-size:2em;}
.mainquickMenu_wrap .list > li .in .t1{font-size:1.1em;}

.mainQuick_wrap .quick_wrap{flex-direction:column-reverse; padding:1.35em 0;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:last-of-type .in:after{display:none;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon{position:relative; padding-bottom:1em;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon:before{position:absolute; content:""; right:0; bottom:0; height:1px; width:100%; background:#fff; opacity:.2;}

.business_wrap .business_con > .square{flex:1 1 50%; max-width:inherit;}

#header .all_wrap .all .allconWrap .all_gnb .gnb > li{flex:1 1 100%; max-width:100%; border:none; padding:1.65em .5em;}

/* Main - visualSlider */
.mainQuick_wrap .quick_wrap .lcon{ width: 100%;}

/* sub - 공통 */
#contents .sub_page_top .sub_tit_wrap{padding-bottom: 0;}

#contents .sub_page_menu .gnb{ display: none;}
#contents .sub_page_menu .gnb .dp2 > li > a .va{width: 100%; text-align: center;}

/*sub1*/
.page_txt_wrap.st1 > .innerSec{flex-direction:column;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{padding-left:0; padding-top:1.25em;}

/*sub2*/
.page_txt_wrap.st3 > .innerSec{flex-direction:column;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{max-width:100%;}
.page_txt_wrap.st3 > .innerSec > .wrap_tit, .page_txt_wrap.st3 > .innerSec > .wrap_con{padding:1em;}

#header .top_wrap .menu > li.font > .in{display:none;}

.pagePass_resultw .in .tx{margin:1em;}
#header .top_wrap .menu > li > .in{padding:0 .5em;}

.PHONE{display:block;}

/* sub - 인사말 greeting */
.doc.pb0 .page_con .box1 .greet_con1{ flex-direction: column; flex-direction: column-reverse; align-items: center; gap: 20px;}
.greet_con1 .left_tbox .t1 br{display: none;}

.greet_con1 .left_tbox{ width: 100%;}
.greet_con1 .right_img{ display: none;}
.greet_con1 .right_img img{ width: 100%;}

.doc.pb0 .page_con .box1 .greet_con2{ padding: 40px 0;}
.doc.pb0 .page_con .box1 .greet_con2:nth-child(2){ flex-direction: column-reverse;}
.doc.pb0 .page_con .box1 .greet_con2:last-child{ padding-bottom: 0;}
.greet_con2 .left_img{width: 100%;}

.doc.pb0 .page_con .box1 .greet_con2,
.doc.pb0 .page_con .box1 .greet_con3{ flex-direction: column;}
.greet_con2 .tbox,
.greet_con3 .tbox{ width: 100%; }
.greet_con3 .tbox p{word-break: keep-all;}
.dp2_greeting #contents .doc{ padding: 0em 0 11em 0;}

/* sub - 연혁 */
.history>li{ flex-direction: column;}
.history_wrap .wrap_img img{ width: 100%; margin: 0 0 15px 35px;}
.history_wrap:before{ left: 0;}
.history>li .list{ padding: 0 0 1em;}
.history>li .hisinfo{ padding: 0 0 0 35px;}
.history>li .hisinfo:before{ width: 2em;}

/* sub - ci */
.dp2_ci .doc .box1 > p br{display: none;}

/* sub - 추진과제 */
.dp2_assignment .sec_wrap {flex-direction: column; align-items: flex-start;}
.dp2_assignment .sec_wrap .Tlist{ width: 100%;}

/* sub - 온·오프수익창출 */
.dp2_revenue .icon_txt_list {flex-wrap: wrap;}
.dp2_revenue .icon_txt_list > li{ flex: 1 1 calc(50% - 10px);}

/* sub - 지회 및 지부 */
.dp2_branch .area-search .input_list li:nth-child(2){width: 100% !important; margin-bottom: 15px;}
.dp2_branch .area-search .input_list li:nth-child(3){margin-left: auto;}
.dp2_branch .center_right .area-search{padding: 0em 2em 3em;}
.dp2_branch .con_idx.ps2{margin-top: 3em;}

/* sub - 회원 가입안내 */
.page_txt_wrap.st3 > .innerSec > .wrap_con{ width: 100% !important;}



/* footer */
#footer .info_wrap .inner{flex-direction:column; align-items: flex-start; align-content: flex-start;}
#footer .info_wrap .inner .logo{margin-bottom:1.5em;}

#footer .info_wrap{padding-bottom:10em;}
#footerBar{ display:block !important; position:fixed; z-index:109; left:0; right:0; bottom:0; transform:translateY(100%); transition:.4s;}
.scroll #footerBar{ transform:translateY(0);}
#footerBar .inner{ background:#222222; box-shadow:0 2px .5em rgba(0,0,0,1);}
#footerBar .list > li{ flex:1;}
#footerBar .list > li .in{ height:5em; border-left:1px solid rgba(255,255,255,.15); color:#fff;}
#footerBar .list > li:first-child .in{ border-left-width:0;}
#footerBar .list > li .in .icon{ height:2.375em;}
#footerBar .list > li .in .xi{ font-size:1.625em;}
#footerBar .list > li .in .tt{ font-size:.875em;}
}


@media screen and (max-width:900px){
#contents .sub_con_menu .gnb > li .dp3 > li{flex:1 1 33.33%; max-width:33.33%;}

.board_photo > li{width:50%;}

.dp1_training #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%}

.news_wrap .news_con{margin-left:1em;}
.news_wrap .news_con .square{flex:1 1 48%; margin-bottom:1em;}
.news_wrap .news_con .square:last-of-type{margin-right:1em;}

.half_wrap .half_con{flex:1 1 100%; margin-right:0; margin-bottom:1em;}

.book_wrap .book_con{flex:1 1 100%; max-width:inherit; padding-bottom:1em; border-right:none; border-bottom:1px dashed #d9d9d9;}
.book_wrap .book_con:last-of-type{border-bottom:none;}

/*footer*/
#footer .menu_wrap .inner{flex-direction:column;}
#footer .menu_wrap .family{margin-top:1.5em; margin-left:0;}

}

@media screen and (max-width:768px){
body{ font-size:13px;}

/* header */
#header .all_wrap .all .allconWrap .all_gnb .gnb > li{ padding: 1.65em 1.5em}

.page_txt_wrap.st1 > .innerSec{padding:2em 0;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{padding-left:0; padding-top:1em;}

#contents .sub_con_menu .gnb > li .dp3 > li{flex:1 1 50%; max-width:inherit;}

#contents .sub_con_menu .gnb > li .dp3 > li > a{height:4.5em;}

.dp1_introduce #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 25%;}
.dp1_business #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 33.33%; max-width:inherit;}

/*main*/
.mainquickMenu_wrap{margin-top:3em;}
.main .visualSlider_wrap .fullH{height:calc(100vh - 4.5em);}
.mainquickMenu_wrap .list > li{flex:1 1 50%;}

.mainQuick_wrap .quick_wrap .lcon{width:100%;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-of-type(3) .in:after{display:none;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li{flex:1 1 33.33%}

/* Main - visualSlider */
.mainQuick_wrap .quick_wrap .lcon{ width: 100%;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li .in:after{display: none;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-child(1) > a,
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-child(2) > a,
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-child(3) > a{ border-bottom: 1px solid #4e8bc9;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-child(1) > a,
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-child(2) > a,
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-child(4) > a,
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:nth-child(5) > a{border-right: 1px solid #4e8bc9;}

/* Main - mainProdSlide */
.mainProdSlide .in > .imgB{ height: 25em; }

/* Main - main_con mainSection3 */
.main_con.mainSection3 .box1 .data_wrap{flex-direction: column;}
.main_con.mainSection3 .box1 .data_wrap .banner_wrap{width: 100%;}

.notice_wrap .notice_top .main_tab{gap: 2.4em;}
.notice_wrap .notice_top .main_tab>li:before{left: -1.1em;}

/*subtop*/
#contents .sub_con_tit .con_tit{flex:1 1 100%; margin-bottom:1em;}
.page_txt_wrap > .innerSec.flex > .wrap_img{display:none;}
.page_txt_wrap.st2 > .innerSec.flex > .wrap_tit{max-width:100%; padding:0;}
.page_txt_wrap.odd.st2 > .innerSec.flex:nth-child(odd) > .wrap_tit{padding:0;}

.map_info2 .info_list > li{display:flex; flex-direction:column;}
.map_info2 .info_list > li.subway .info{margin:1em 0 0 0;}

.greetings_wrap .ceo_text{width:100%; text-align:center; margin-bottom:1em;}
.greetings_wrap .ceo_img{width:185px; margin:0 auto;}
.greetings_wrap .page_txt .tt.t4.t0.ar{text-align:center !important;}

/* sub - 인사말 greeting */
#contents .doc.pb0 .page_con{padding: 1.75em 0 !important;}
.doc.pb0 .page_con .box1 .greet_con2{ padding: 20px 0 50px;}
.doc.pb0 .page_con .box1 .greet_con3{ padding: 30px 0;}

/* sub - 연혁 */
.history_wrap .wrap_img{ width: auto; min-width: auto; max-width: 40em;}

/* sub - 정책자문위원회 */
.tlist_st1 .list-item{ max-width: 50%;}

/* sub - 지정기부금단체 */
.dp2_donation .page_tbox,
.donation_list { flex-direction: column;}

.dp2_donation .page_tbox .img_box{ display: none;}
.dp2_donation .page_tbox .tbox.aos-init{ width: 100%;}
.dp2_donation .page_tbox .tbox.aos-init .page_sec3{ margin-top: 0 !important;}

.dp2_donation .page_ex_list .dot{ margin-bottom: 20px;}
.donation_list li{ max-width: 100%; width: 100%;}

.dp2_donation .page_txt_wrap .innerSec .icon_list{ flex-wrap: wrap; align-content: flex-start !important;}
.dp2_donation .icon_list > li{ flex: 1 1 calc(50% - 10px);}
.dp2_donation .icon_list > li > .Rarrow{ right: -21px;}
.dp2_donation .icon_list > li:nth-child(2) > .Rarrow{ display: none;}
.dp2_donation .xi-caret-up-min:before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

/* sub - CI소개 */
.dp2_ci .doc .box1 > p{ text-align: left !important;}

.dp2_ci .ci_con,
.dp2_ci .ci_con2{flex-direction: column;}
.dp2_ci .ci_con .inn.aos-init{width: 100%;}
.dp2_ci .ci_con .inn .img img{width: 100%;}
.dp2_ci .ci_con2{align-items: center;}
.dp2_ci .ci_con2 .tbox{width: 100%;}

.dp2_ci .page_tit.icon.st1{margin-bottom: 10px;}
.dp2_ci .color_wrap .system{margin-bottom: 24px; flex:none; width: 49%;}

/* sub - 찾아오시는 길 */
.location_wrap .map_wrap .map_info .addT{flex-direction: column; align-items: flex-start;}

/* sub - 추진과제 */
.dp2_assignment .sec_wrap .imgW.w1{width: 100%;}

/* sub - 5개역할론 */
.dp2_role .sec_wrap{flex-direction: column;}
.dp2_role .sub_sec table.response{width: 100% !important;}
.dp2_role .sec_wrap .flex.hc{width: 100%;}
.dp2_role table.response td{ text-align: left;}

/* sub - 온·오프수익창출 */
.dp2_revenue .sec_wrap {flex-direction: column;}
.dp2_revenue .sec_wrap > div {width: 100%;;}

/* sub - 시민자율경찰대 */
.dp2_police .sec_wrap > div:first-child{width: 100%;}
.dp2_police .sec_wrap > div:last-child{display: none;}

/* sub - 회원현황 */
.dp2_memberlist a.input_st i{display: inline-block;}
.table_st.response td img{width: 100%;}

/* sub - 지회 및 지부 */
.dp2_branch .center_box_in {flex-direction: column;}
.dp2_branch .center_right{ width: 100%; gap: 0;}
.dp2_branch .center_box_in .center_left{width: 70%;}
.dp2_branch .page_tbox .img_box{display: none;}
.dp2_branch .page_tbox .tbox{width: 100%;}

/* sub - 회원가입 안내 */
.dp2_accession .iconT_wrap > li{ flex: 1 0 33.3%;}

/* sub - 현황 */
.philosophy-wrap{margin-top: 2em;}
.philosophy-wrap .philoCircle{display: none;}
.philosophy-list{ flex-direction: column; gap: 1.2em 0;} 
.philosophy-list > li{flex: 0 1 calc(100% - 1.5em); width: 100%;}
.philosophy-list > li:nth-child(2n + 1) .circle-in,
.philosophy-list > li:nth-child(2) .circle-in,
.philosophy-list > li .circle-in{margin-left: 0; box-shadow: none;}

.philosophy-list > li .circle-in{width: 100%; border-radius: 1em; align-items: flex-start;}
.philosophy-list > li .circle-in .txt-area > .cr_t{text-align: left; font-size: 1.25em;}
.philosophy-list > li .circle-in .txt-area > .cr_t br{display: none;}

/*footer*/
#footer .menu_wrap .menu{width:100%; flex-direction:column; align-items:flex-start; align-content:flex-start;}
#footer .menu_wrap .menu > li > .in:after{display:none;}
#footer .menu_wrap .menu > li > .in{padding:.5em 0;}


#footer .info_wrap .info{width:100%; margin-top:1em; order:2; flex:1 1 100%;}
#footer .info_wrap .info .list{ display: flex; flex-wrap: wrap; gap: 10px;}
#footer .info_wrap .info .list > li:not(.br){padding:.4em 0;}
#footer .info_wrap .logo{order:1;}
#footer .info_wrap .info .copy{margin-top:1em;}
}

@media screen and (max-width:660px){
/*main*/
.mainScroll{display:none;}

.mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li{flex:1 1 100%; max-width:100%;}

.page_txt_wrap > .innerSec.head > .wrap_head{padding:.45em !important;}

.page_box_list > .list > li{flex:1 1 100%;}
.testrule_twrap .in_wrap .in{padding:1em;}

.local_wrap .local_con{flex:1 1 100%; margin-right:0; margin-bottom:1.25em;}


.movie_wrap .movie_con{width:100%; margin-bottom:1em;}
.movie_wrap .movie_con .movie_area{width:100%; height:auto;}
.movie_wrap .movie_con .movie_area2{width:100%; height:auto;}
.movie_wrap .movie_con .movie_area2 .film{padding-bottom:44%;}
.movie_wrap .movie_con .movie_area3{width:100%;}

/* sub - 연합회 */
.dp2_organization .board_gallery.w2 > li{width: 47%; min-width: 47%;}
.dp2_organization .board_gallery{ gap: 1em 1.2em;}
.dp2_organization .board_gallery > li .wrap_in .img_wrap{ border-radius: .8em; box-shadow: 0 .2em .9em rgba(0, 0, 0, .1);}
.dp2_organization .board_wrap{ padding-top: 2.2em;}
}

@media screen and (max-width:500px){
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{max-width:5.5em}
.page_txt_wrap.st4 > .innerSec.head > .wrap_con.wrap_head{margin-left:.75em;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_con{padding-left:.65em;}

#contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_print .dp3 > li, #contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduList .dp3 > li{flex:1 1 100%; max-width:inherit;}
.sub_page_tab_wrap .list > li{flex:1 1 50%; max-width:inherit; margin-bottom:.65em;}
.dp1_business #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%;}

.account_wrap .account_icon{flex-wrap:wrap;}
.account_wrap .account_icon .account_area{flex:1 1 100%; margin-bottom:1.25em;}

/* sub - 공통 */
.Bwrap{padding: 1em;}

/* sub - 5개역할론 */
.dp2_role .top_wrap .txtwrap > p br{display: none;}

/* sub - 온·오프수익창출 */
.dp2_revenue .icon_txt_list{flex-direction: column; flex-wrap: nowrap;}
.dp2_revenue .icon_txt_list > li .txt{ height: 100px;}
.dp2_revenue .Tlist.w2{padding: 0.3em;}
.dp2_revenue .icon_txt_list > li .in{ padding: 1.5em; height: auto !important;}

/* sub - 지회 및 지부 */
.dp2_branch .center_right .area-search{padding: 0;}
.dp2_branch .center_box_in .center_left{width: 100%;}
.dp2_branch .page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{ max-width: 3.8em;}

/* sub - 회원가입 안내 */
.dp2_accession .iconT_wrap > li{ flex: 1 0 51.3%;}

/* sub - 현황 */
.dp2_current .process_wrap{border: none; width: 90%; box-sizing: border-box; padding: 0; margin: 30px auto;}
.dp2_current .process_wrap .process_list{flex-direction: column; transform: translateX(0); }
.dp2_current .process_wrap .process_list .process_item{ width: 100%; padding-top: 20%; padding-bottom: 27%; border-radius: 0;}
.dp2_current .process_wrap .process_list li:nth-child(2){margin-left: 0; transform: translateY(-25px) !important;}
.dp2_current .process_wrap .process_list li:last-child{ margin-left: 0; transform: translateY(-48px) !important;}

.philosophy-list > li .circle-in .txt-area > .cr_t{font-size: 1.125em;}
}

@media screen and (max-width:460px){
.slogan_wrap .inner .tw .t2{font-size:1.65em;}
#contents .sub_con_tit .con_nav{display:none;}

/* main - greeting */
#contents .doc.pb0 .page_con{ padding: 2.5em 0 0em 0;}
#contents .doc.pb0 .page_con:last-child{ padding: 0;}
.doc.pb0 .page_con:last-child .box1{padding: 0px;}

/* sub - 공통 */
.top_wrap .tit1{ font-size: 1.5em;}

/* sub - 연혁 */
.history_wrap .wrap_img{ width: auto; min-width: auto; max-width: auto; padding: 0 1em 0 0em;}
.history_wrap .wrap_img img{ margin: 0 0 15px 20px; }
.history_wrap .wrap_con {padding: 1.34em 0;}
.history>li .hisinfo{ padding: 0 0 0 28px;}

.tab_btn{ font-size: .89em;}

/* sub - ci */
.dp2_ci .color_wrap{ flex-direction: column;}
.dp2_ci .color_wrap .system{ width: 100%;}

/* sub - 실천방안 */
.dp2_practice .txtlistW{padding: 0.3em;}

/* sub - 현황 */
.dp2_current .legal_sys .group{width: calc((100% - 47px) / 2); margin-right: 10px; }
.dp2_current .legal_sys .group:last-child{margin-right: 0px; }
.dp2_current .legal_sys .group:before{ width: calc(100% + 13px);}
.dp2_current .legal_sys .group > p{font-size: 1.1em; }

}

@media screen and (max-width:380px){
body{ font-size:12px;}
.mainquickMenu_wrap .list > li{flex:1 1 100%;}
.main .visualSlider_wrap .fullH{height: calc(100vh + 30em);}
.slogan_wrap .inner .tw .t2{font-size:1.5em;}
#contents .sub_page_menu .gnb > li.m_mypage .dp2 > li{flex:1 1 33.33%; max-width:inherit}
.dp1_training #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 100%}
.dp1_customer #contents .sub_page_menu .gnb > li .dp2 > li{flex:1 1 50%}

.board_photo > li{width:100%;}
}


@media screen and (max-height:849px){
.main .visualSlider_wrap .fullH{height: calc(100vh + 30em);}
}



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

}

@media screen and (max-width:280px){
body{ font-size:10px;}

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}