@charset "UTF-8";

body	{ line-height: inherit; }

table	{ width: 100%; border-collapse: collapse; border-spacing: 0; }

.new_label + .new_label	{ margin-left: 1em; }
.new_label > p em	{ top: 50%; margin-top: -10px; }

#menu_topmenu	{ display: none !important; }
#menu_topmenu.end	{ display: flex !important; }

#menu_topmenu .cd1c1,
#menu_topmenu .cd1c8,
#menu_topmenu .cd1c9,
#menu_topmenu .cd1c10,
#menu_topmenu .cd1c11,
#menu_topmenu .cd1c12	{ display: none; }

#menu_topmenu .lb2	{ display: none; }


#gnb-m nav .btn-dep2	{ background: url(../img/common/ico_flip.svg) no-repeat 20px 50% !important; padding-left: 40px !important; }
#gnb-m nav .btn-dep3	{ background: url(../img/common/ico_flip.svg) no-repeat 40px 50% !important; padding-left: 60px !important; }
#gnb-m nav .btn-dep4	{ background: url(../img/common/ico_flip.svg) no-repeat 60px 50% !important; padding-left: 80px !important; }


/*
#menu_mobile_topmenu .ld3	{ display: none; }
*/



.addr-box .addr2 .inp.single	{ width: 750px; max-width: 100%; }

.form-box .section.full_wide .article { width:100%; }
.form-box .section.full_wide dl dt	{ flex: 0 0 200px; width: 200px; }
@media all and (max-width: 425px)
{
	.form-box .section.full_wide dl dt	{ flex: 0 0 100px; width: 100px; }
}



#sub-gnb	{ display: none !important; }


.modules_board .proc_list .search form fieldset p select	{ padding-right: 40px; }


/**
성남시 청소년 의회
**/
.council-nav h2	{ width: 211px; flex: 0 0 211px; }
.council-nav nav	{ flex: 0 0 calc(100% - 211px); }

@media all and (max-width: 1200px)
{
	.council-nav nav	{ display: flex; }
	.council-nav nav a	{ flex: auto; margin-left: 0; }
}



/**
사이트맵
**/
.contents_sitemap	{}
.contents_sitemap ul	{ padding: 0; margin: 0; list-style: none; }
.contents_sitemap ul:after	{ display: block; clear: both; content: ""; }
.contents_sitemap ul li	{ padding: 0; margin: 0; list-style: none; }

.contents_sitemap .ld1	{}
.contents_sitemap .ld1 .cd1	{ float: left; width: 33%; padding: 0; margin-bottom: 50px; background: none; }
.contents_sitemap .ld1 .cd1c1	{ display: none; }
.contents_sitemap .ld1 .cd1:nth-child(3n + 2)	{ clear: left; }
.contents_sitemap .ld1 .cd1 .l1	{ display: block; line-height: 25px; padding: 15px 0 15px 5px; margin-right: 30px; font-size: 20px; font-weight: 600; border-bottom: 2px solid #111; }

.contents_sitemap .ld2	{ margin-right: 30px;  }
.contents_sitemap .ld2 .cd2	{ padding: 0; background: none; }
.contents_sitemap .ld2 .cd2 .l2	{ display: block; line-height: 20px; padding: 15px 0 15px 5px; border-bottom: 1px solid #e1e1e1; font-size: 16px; }

.contents_sitemap .lb1	{ display: block !important; height: auto !important; overflow: visible !important; }

.contents_sitemap .ld3	{ display: none; }
/*
.contents_sitemap .ld3	{ margin-left: 20px; border-bottom: 1px solid #e1e1e1; }
.contents_sitemap .ld3 .cd3	{ background-position: 0 center; }
.contents_sitemap .ld3 .cd3 .l3	{ display: block; line-height: 20px; padding: 5px 0; font-size: 14px; }
*/
@media all and ( max-width: 669px )
{
	.contents_sitemap .ld1 .cd1	{ width: 50%; }
	.contents_sitemap .ld1 .cd1:nth-child(3n + 2)	{ clear: none; }
	.contents_sitemap .ld1 .cd1:nth-child(2n + 2)	{ clear: left; }
}

@media all and ( max-width: 400px )
{
	.contents_sitemap .ld1 .cd1	{ float: none !important; clear: both !important; width: auto !important; }
}

/* 23.08.31 스와이프 레이어 팝업 추가 */
.new_layerpopup_cover	{ position: fixed; left: 0; top: 0; z-index: 999998; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.new_layerpopup	{ position: fixed; left: 50%; top: 50%; z-index: 999999; width: 430px; /*height: 650px;*/ padding: 0; transform: translate(-50%, -50%); box-sizing: border-box; border-radius: 10px; background-color: #000; color: #fff; }
.new_layerpopup > ul	{ position: relative; padding: 15px 15px 0 15px; margin: 0; list-style: none; }
.new_layerpopup > ul li	{ display: block !important; padding: 0; margin: 0; list-style: none; }
.new_layerpopup > ul div	{ display: block !important; }
.new_layerpopup a	{ position: relative; display: block; width: 400px; height: 565px; background-color: #fff; overflow: hidden; }
.new_layerpopup a:focus:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px dashed red; box-sizing: border-box; content: ""; }
.new_layerpopup a img	{ display: block; width: 100%; height: 100%; margin: 0 auto; border: 0 none; }
.new_layerpopup p	{ position: relative; clear: both; width: 100%; height: 65px; padding: 17px 20px 0 20px; margin: 0; line-height: 31px; box-sizing: border-box; text-align: left; }
.new_layerpopup p:after	{ display: block; clear: both; content: ""; }
.new_layerpopup p > * { vertical-align: top; }
.new_layerpopup p input	{ width: 23px; height: 31px; margin: 0; }
.new_layerpopup p label	{ display: inline-block; padding: 0 0 0 0.5em; margin: 0; }
.new_layerpopup p button	{ float: right; width: 135px; height: 31px; padding: 0; margin: 0; border: 0 none; border-radius: 10px; background-color: #666; color: #fff; font-weight: normal; }
.new_layerpopup p button:focus, .new_layerpopup p button:hover, .new_layerpopup p button:active	{ background-color: #fff; color: #000; }
.new_layerpopup .slick-prev	{ position: absolute; left: -20px; top: 50%; width: 55px; height: 60px; line-height: 60px; padding: 0; margin: -30px 0 0 0; border: 0 none; background-color: #000; text-align: left; text-indent: -999px; overflow: hidden; color: #fff; font-family: serif; font-weight: bolder; font-size: 40px; z-index: 9999; border-radius: 100% }
.new_layerpopup .slick-prev:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: "<"; }
.new_layerpopup .slick-prev:focus, .new_layerpopup .slick-prev:hover, .new_layerpopup .slick-prev:active	{ color: #ffcc00; }
.new_layerpopup .slick-next	{ position: absolute; right: -20px; top: 50%; width: 55px; height: 60px; line-height: 60px; padding: 0; margin: -30px 0 0 0; border: 0 none; background-color: #000; text-align: left; text-indent: -999px; overflow: hidden; color: #fff; font-family: serif; font-weight: bolder; font-size: 40px; z-index: 9999; border-radius: 100%}
.new_layerpopup .slick-next:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; text-indent: 0; content: ">"; }
.new_layerpopup .slick-next:focus, .new_layerpopup .slick-next:hover, .new_layerpopup .slick-next:active	{ color: #fff; }
.new_layerpopup .slick-dots	{ position: absolute; right: 15px; bottom: 0; padding: 0; margin: 0; list-style: none; }
.new_layerpopup .slick-dots li	{ display: none !important; padding: 0; margin: 0; list-style: none; }
.new_layerpopup .slick-dots li.slick-active	{ display: block !important; }
.new_layerpopup .slick-dots li button	{ width: 65px; height: 42px; padding: 0; margin: 0; border: 0 none; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 13px; font-weight: normal; cursor: default; }
.new_layerpopup .play_stop	{ position: absolute; left: 15px; bottom: 0; width: 65px; height: 42px; padding: 0; margin: 0; border: 0 none;background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 18px; font-weight: normal; font-family: serif; }


@media all and (max-width: 500px)
{
	.new_layerpopup	{ width: 100%; height: auto; }
	.new_layerpopup a	{ position: relative; width: 100%; height: 0; padding-top: 141.25%; }
	.new_layerpopup a img	{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; margin: 0; transform: translate(-50%, -50%); }
}
@media all and (max-width: 500px)
{
	.new_layerpopup p button	{ width: auto; padding: 0 10px; }
}
@media all and (max-width: 320px)
{
	.new_layerpopup p	{ padding-left: 20px; padding-right: 20px; }
}

/* 23.08.31 스와이프 레이어 팝업 추가 End */