@charset "utf-8";



.head_wrap h1.new >a{width: 327px;height: 65px;background: url(/common/img/common/logo_2022.png) no-repeat;display: block;}

@media all and (max-width:767px){
	.head_wrap .logo_wrap h1 > a {transform:scale(0.65);}
}






/* 반응형에 따른 보기 설정 */
@media all and (min-width: 1001px) { 
	.only-pc	{  }
	.only-ta	{ display: none !important; }
	.only-mo	{ display: none !important; }

	.not-pc	{ display: none !important; }
	.not-ta	{  }
	.not-mo	{  }
}

@media all and (max-width: 1000px) and (min-width: 640px) { 
	.only-pc	{ display: none !important; }
	.only-ta	{  }
	.only-mo	{ display: none !important; }

	.not-pc	{  }
	.not-ta	{ display: none !important; }
	.not-mo	{  }
}

@media all and (max-width: 640px) { 
	.only-pc	{ display: none !important; }
	.only-ta	{ display: none !important; }
	.only-mo	{  }

	.not-pc	{  }
	.not-ta	{  }
	.not-mo	{ display: none !important; }
}

/* 텍스트 정렬 */
.txt-left	{ text-align: left !important; }
.txt-center	{ text-align: center !important; }
.txt-right	{ text-align: right !important; }


.mw100	{ max-width: 100px; }
.mw110	{ max-width: 110px; }
.mw120	{ max-width: 120px; }
.mw130	{ max-width: 130px; }
.mw150	{ max-width: 150px; }
.mw400	{ max-width: 400px; }
.mw600	{ max-width: 600px; }


/* 마진 / 패딩 설정 */
.mt10	{ margin-top: 10px !important; }
.mt20	{ margin-top: 20px  !important; }
.mt30	{ margin-top: 30px  !important; }
.mt40	{ margin-top: 40px  !important; }
.mt50	{ margin-top: 50px  !important; }
.mt60	{ margin-top: 60px  !important; }
.mt70	{ margin-top: 70px  !important; }
.mt80	{ margin-top: 80px  !important; }
.mt85	{ margin-top: 85px  !important; }
.mt90	{ margin-top: 90px  !important; }
.mt100	{ margin-top: 100px  !important; }
.mt110	{ margin-top: 110px  !important; }
.mt120	{ margin-top: 120px  !important; }
.mt130	{ margin-top: 130px  !important; }
.mt140	{ margin-top: 140px  !important; }
.mt150	{ margin-top: 150px  !important; }
.mt160	{ margin-top: 160px  !important; }
.mt170	{ margin-top: 170px  !important; }
.mt180	{ margin-top: 180px  !important; }
.mt190	{ margin-top: 190px  !important; }
.mt200	{ margin-top: 200px  !important; }

.mb10	{ margin-bottom: 10px  !important; }
.mb20	{ margin-bottom: 20px  !important; }
.mb30	{ margin-bottom: 30px  !important; }
.mb35	{ margin-bottom: 35px  !important; }
.mb40	{ margin-bottom: 40px  !important; }
.mb50	{ margin-bottom: 50px  !important; }
.mb60	{ margin-bottom: 60px  !important; }
.mb65	{ margin-bottom: 65px  !important; }
.mb70	{ margin-bottom: 70px  !important; }
.mb80	{ margin-bottom: 80px  !important; }
.mb90	{ margin-bottom: 90px  !important; }
.mb100	{ margin-bottom: 100px  !important; }
.mb110	{ margin-bottom: 110px  !important; }
.mb120	{ margin-bottom: 120px  !important; }
.mb130	{ margin-bottom: 130px  !important; }
.mb140	{ margin-bottom: 140px  !important; }
.mb150	{ margin-bottom: 150px  !important; }
.mb160	{ margin-bottom: 160px  !important; }
.mb170	{ margin-bottom: 170px  !important; }
.mb180	{ margin-bottom: 180px  !important; }
.mb190	{ margin-bottom: 190px  !important; }
.mb200	{ margin-bottom: 200px  !important; }


.pt10	{ padding-top: 10px !important; }
.pt20	{ padding-top: 20px  !important; }
.pt30	{ padding-top: 30px  !important; }
.pt40	{ padding-top: 40px  !important; }
.pt50	{ padding-top: 50px  !important; }
.pt60	{ padding-top: 60px  !important; }
.pt70	{ padding-top: 70px  !important; }
.pt80	{ padding-top: 80px  !important; }
.pt85	{ padding-top: 85px  !important; }
.pt90	{ padding-top: 90px  !important; }
.pt100	{ padding-top: 100px  !important; }
.pt110	{ padding-top: 110px  !important; }
.pt115	{ padding-top: 115px  !important; }
.pt120	{ padding-top: 120px  !important; }
.pt130	{ padding-top: 130px  !important; }
.pt140	{ padding-top: 140px  !important; }
.pt150	{ padding-top: 150px  !important; }
.pt160	{ padding-top: 160px  !important; }
.pt170	{ padding-top: 170px  !important; }
.pt180	{ padding-top: 180px  !important; }
.pt190	{ padding-top: 190px  !important; }
.pt200	{ padding-top: 200px  !important; }

.pb10	{ padding-bottom: 10px  !important; }
.pb20	{ padding-bottom: 20px  !important; }
.pb30	{ padding-bottom: 30px  !important; }
.pb35	{ padding-bottom: 35px  !important; }
.pb40	{ padding-bottom: 40px  !important; }
.pb50	{ padding-bottom: 50px  !important; }
.pb60	{ padding-bottom: 60px  !important; }
.pb65	{ padding-bottom: 65px  !important; }
.pb70	{ padding-bottom: 70px  !important; }
.pb80	{ padding-bottom: 80px  !important; }
.pb90	{ padding-bottom: 90px  !important; }
.pb100	{ padding-bottom: 100px  !important; }
.pb110	{ padding-bottom: 110px  !important; }
.pb115	{ padding-bottom: 115px  !important; }
.pb120	{ padding-bottom: 120px  !important; }
.pb130	{ padding-bottom: 130px  !important; }
.pb140	{ padding-bottom: 140px  !important; }
.pb150	{ padding-bottom: 150px  !important; }
.pb160	{ padding-bottom: 160px  !important; }
.pb170	{ padding-bottom: 170px  !important; }
.pb180	{ padding-bottom: 180px  !important; }
.pb190	{ padding-bottom: 190px  !important; }
.pb200	{ padding-bottom: 200px  !important; }

.pleft25	{ padding-left: 25px !important;; }
.mleft25   { margin-left: 25px  !important; }



/*********************************************************************
	분야별 포털 개별 설정
*********************************************************************/

.head_wrap .logo_wrap	{ width: 340px; top:15px;}
.head_wrap h1 >a	{
	width: 279px;
	height: 65px;
	background: url('/common/img/common/logo2022.gif');
	
}
@media all and (max-width: 1024px) {
	.head_wrap .logo_wrap		{ width: 250px; top:3px;}
	.head_wrap h1				{left: 50%;}
	.head_wrap h1 >a			{ width: 250px; background-size: 250px; background-repeat: no-repeat; background-position: 50% 50%; }
	.head_wrap .logo_wrap span	{ display: none; }
}
@media all and (max-width:480px){
	.head_wrap .logo_wrap	{width:207px;}
	.head_wrap h1 >a {transform:scale(1); /*background-size:190px;*/ background-position:center center;}
}

.total_search	{ border-color: #414265; }
.total_search + input[type="submit"]	{ background-color: #414265; }
.nav_wrap		{ background-color: #414265; }
.btn_sitemap,
.btn_tt_wrap	{ display: none; }

.nav_wrap nav	{ width: auto; float: none; }

#lnb >li			{ width: 20%; }
#lnb >li >a			{ text-align: center; }
#lnb >li >a >span	{ margin-right: 0%; }
#lnb >li:last-child	{ display: block; }
#lnb >li:last-child >a >span	{ display: none; }
#lnb >li:nth-child(6) >a >span	{ display: block; }
#lnb_01 h3 >.ico	{ display: none; }

#lnb_03 .depth_02 > li:nth-child(3) .depth_03 > li:nth-child(7) > a	{ letter-spacing: -0.08em; }


.lnb_wrap .depth_02 >li >a			{ background-color: #55578c; }
.lnb_wrap .depth_02 >li:hover > a	{ background-color: #414265; }

.lnb_wrap .depth_03 li >a		{ padding-left: 12px; }

.lnb_wrap .depth_03 li >a.on, .lnb_wrap .depth_03 li >a:hover, .lnb_wrap .depth_03 li >a:focus	{ color: #414265; }
.lnb_wrap .depth_03 li >a.on:before, .lnb_wrap .depth_03 li >a:hover:before, .lnb_wrap .depth_03 li >a:focus:before {background: #414265;}



.snb_wrap h2	{
	background: url('../img/common/spr_left.png') no-repeat right bottom, url('/common/img/common/pt_left_titbg.png');
	border-color: #a1a2b8;
	color: #414265;
}
.snb_wrap span[class^="ico_menu"]	{
	background: #9193e3 url('../img/common/spr_left.png') no-repeat;	
}
.snb_wrap span.ico_menu01	{ background-position: 9px 10px; }
.snb >li >a.on				{ background-color: #33345f; }
.snb >li >a.arrow.on		{ background-color: #33345f; }
.snb >li >ul				{
	border-color: #a1a2b8;
	background: #f2f2f7;
}

.snb >li >ul >li >a				{ position: relative; background: none !important; }
.snb >li >ul >li >a:after		{ content: ""; display: block; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; background: url('../img/common/spr_left.png') 0 -200px; }
.snb >li li> a.on,
.snb >li >ul >li >a:hover	{ color: #4e0f5a; letter-spacing: -1.2pt; }

.snb >li li> a.on:after,
.snb >li >ul >li >a:hover:after	{ background-position: 0 -173px; }


#tit_wrap .his_box >li:first-child:before	{ background-image: url('/gu/img/common/spr_history.png'); }
#tit_wrap .his_box >li:last-child			{ color: #414265 }


.tab_depth04 >ul >li >a			{ background: #ededed; }
.tab_depth04 >ul >li >a:before	{ border-bottom-color: #d1d1d1; }

.tab_depth04 >ul >li >a.on,
.tab_depth04 >ul >li >a:hover,
.tab_depth04 >ul >li >a:focus	{ background: #00894a; }

.tab_depth04 >ul >li >a.on:before,
.tab_depth04 >ul >li >a:hover:before,
.tab_depth04 >ul >li >a:focus:before	{ border-bottom-color: #035630; }

@media all and (max-width: 1024px) {
	.head_wrap		{ border-color: #414265; }
	.menu-btn-outer	{ background-color: #414265; }
	button.open		{ background-color: #414265; }
	
}




/* 의창구청 */
.lnb_wrap .depth_02 > li:nth-child(3) ~ li .depth_03	{ display: none; }

.lnb_wrap .depth_02 > li:nth-child(7)	{ position: absolute; float: none; top: 60px; left: 51%; }
.lnb_wrap .depth_02 > li:nth-child(8)	{ position: absolute; float: none; top: 60px; left: 68%; margin-right: 0; }
.lnb_wrap .depth_02 > li:nth-child(9)	{ position: absolute; float: none; top: 60px; left: 85%; }

.lnb_wrap .depth_02 > li:nth-child(10)	{ position: absolute; float: none; top: 120px; left: 51%; }
.lnb_wrap .depth_02 > li:nth-child(11)	{ position: absolute; float: none; top: 120px; left: 68%; margin-right: 0; }
.lnb_wrap .depth_02 > li:nth-child(12)	{ position: absolute; float: none; top: 120px; left: 85%; }

.lnb_wrap .depth_02 > li:nth-child(13)	{ position: absolute; float: none; top: 180px; left: 51%; }
.lnb_wrap .depth_02 > li:nth-child(14)	{ position: absolute; float: none; top: 180px; left: 68%; margin-right: 0; }
.lnb_wrap .depth_02 > li:nth-child(15)	{ position: absolute; float: none; top: 180px; left: 85%; }

.lnb_wrap .depth_02 > li:nth-child(16)	{ position: absolute; float: none; top: 240px; left: 51%; }
.lnb_wrap .depth_02 > li:nth-child(17)	{ position: absolute; float: none; top: 160px; left: 68%; margin-right: 0; }
.lnb_wrap .depth_02 > li:nth-child(18)	{ position: absolute; float: none; top: 240px; left: 85%; }

.lnb_wrap .depth_02 > li:nth-child(19)	{ position: absolute; float: none; top: 300px; left: 51%; }
.lnb_wrap .depth_02 > li:nth-child(20)	{ position: absolute; float: none; top: 300px; left: 68%; margin-right: 0; }
.lnb_wrap .depth_02 > li:nth-child(21)	{ position: absolute; float: none; top: 300px; left: 85%; }



.footer_txt { height: auto; padding-bottom: 40px; }
.footer_txt a	{ color: #a4acb1; }
address > .juso dt {float:left; width: 50%;}
address > .juso dd {margin-left:42%;}

@media all and (max-width: 1024px) {
	address > .juso dt {float:none; width: auto;}
	address > .juso dd {margin-left:0;}
}

.slide_tongtong						{ background-color: #333; }
#mobileNavi > div					{ background-color: #414265; }
#mobileNavi .depth1 > li			{ border-color: #525388; }
#mobileNavi .depth1 > li.on			{ background-color: #55578d; border-color: #55578d; }
#mobileNavi .depth1 > li > a		{ background-color: #414265; }

#mobileNavi .depth2					{ background: #fafafa; }
#mobileNavi .depth2 > li > a		{ background-image: url('/gu/img/common/spr_mobileNav.png') !important; }
#mobileNavi .depth2 > li.on > a		{ color: #55578d; }