@import url(/static/font/font-awesome-4.7.0/css/font-awesome.min.css?ver=20210927_01);
@import url(/static/font/line-awesome/css/line-awesome.min.css?ver=20210927_01);
@import url(/static/font/NotoSans/notosans.css?ver=20210927_01);
@import url(/static/commons/css/common.css?ver=20210927_01);
@import url(/static/commons/css/grids.css?ver=20210927_01);
@import url(/static/portal/css/global.css?ver=20210927_01);
@import url(/static/portal/css/mobileNav.css?ver=20210927_01);
@import url(/static/commons/css/gnbtype2.css?ver=20210927_01);
@import url(/static/commons/css/layout2.css?ver=20210927_01);
@import url(/static/mayor/css/gwangjin.css?ver=20210927_01);
@import url(/static/portal/css/footer.css?ver=20210927_01);

@media (min-width: 992px) {
	#header .top {
		padding-right: 320px;
		padding-left: 320px; } }

#header .logo a {
	width: 270px;
	height: 30px;
	margin: 0 auto;
	background: url(/static/portal/img/common/logo-mayor.jpg) 0 0 no-repeat;
	background-size: auto 100%; }
	@media (min-width: 768px) {
		#header .logo a {
			width: 280px;
			height: 50px; } }
	@media (min-width: 992px) {
		#header .logo a {
			width: 363px;
			height: 50px; } }

#subvisual {
	display: none;
	clear: both; }
	@media (min-width: 768px) {
		#subvisual {
			height: 120px;
			border-top: 1px solid #dee0e6;
			background: url(/static/portal/img/common/subvisual1.jpg) center 0 no-repeat;
			background-size: cover;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center; }
			#subvisual p {
				text-align: center;
				font-family: 'NanumGothic';
				font-size: 30px;
				color: #fff; } }

.dbData2 {
	font-size: 17px; }

@media (min-width: 992px) {
	#gnb > ul > li > div > div > ul > li > ul {
		display: none; } }

.d500018 {
	display: block; }
	.d500018:before, .d500018:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
	.d500018 .set {
		position: relative;
		margin-bottom: 40px; }
		.d500018 .set img {
			border: 1px solid #dedede;
			vertical-align: top; }
	@media (max-width: 767px) {
		.d500018 .i {
			text-align: center;
			margin-bottom: 15px; } }
	.d500018 h2 {
		line-height: 1.2;
		padding: 6px 12px;
		background-color: #008bce;
		color: #fff;
		font-size: 15px;
		float: none;
		z-index: 1;
		text-align: center;
		font-weight: normal; }
		@media (max-width: 767px) {
			.d500018 h2 {
				width: 122px;
				margin: 0 auto;
				margin-bottom: 10px;
				font-size: 18px; }
				.d500018 h2 br {
					display: none; } }
		@media (min-width: 768px) {
			.d500018 h2 {
				position: absolute;
				top: 118px;
				left: 90px; } }
	.d500018 dl {
		border-top: 2px solid #008bce;
		border-bottom: 1px solid #dedede;
		position: relative; }
		.d500018 dl:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 90px;
			z-index: -1;
			background-color: #f8fdfe;
			height: 100%; }
		.d500018 dl dt, .d500018 dl dd {
			padding-top: 8px;
			padding-bottom: 8px; }
		.d500018 dl dt {
			clear: both;
			width: 90px;
			float: left;
			text-align: center; }
		.d500018 dl dd {
			border-top: 1px solid #dedede;
			padding-left: 110px;
			position: relative; }
			.d500018 dl dd:before {
				content: '';
				left: 90px;
				top: 0;
				position: absolute;
				border-left: 1px solid #dedede;
				height: 100%; }
			.d500018 dl dd p {
				margin: 0; }
		.d500018 dl dt:first-child + dd {
			border-top: none; }
	@media (min-width: 768px) {
		.d500018 .set {
			padding-left: 160px; }
			.d500018 .set img {
				position: absolute;
				left: 0;
				top: 0; }
			.d500018 .set:nth-child(odd) {
				clear: both; } }
	@media (min-width: 1276px) {
		.d500018 {
			margin: 0 -2%; }
			.d500018 .set {
				float: left;
				width: 46%;
				margin: 0 2% 40px; } }

@media (max-width: 767px) {
	.d50015 .slogan {
		background: url(/static/mayor/img/sub/500015-pic202202.jpg) 0 0 no-repeat;
		background-size: 100% auto; } 
		.d50015 .slogan:before {
			content: '';
			display: block;
			height: 0;
			padding-top: 106.508%; } 

		.d50015 ol {
	width:80%;
	margin:0 auto;
	 }

.m-viewcout {display:block;}


		}


@media (min-width: 768px) {

	.m-viewcout {display:none; padding-left:10px;}

	.d50015 .slogan {
		background: url(/static/mayor/img/sub/500015-pic-pc202201.jpg) 0 center no-repeat;
		background-size: 100%; }
		.d50015 .slogan:before {
			content: '';
			display: block;
			height: 0;
			padding-top: 14%; } }

.bg_50015{
	display: block;
	background: url(/static/portal/img/common/bgpt-transparent.gif) 0 0 repeat;
	background-size: 8px;
	padding: 15px;
	border: 1px solid #dedede; }

.d50015 ol {
	width:100%;
	margin:0 auto;
	 }
	.d50015 ol:before, .d50015 ol:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
	@media (max-width: 767px) {
		.d50015 ol {
			padding: 25px 0 0; }
			.d50015 ol li {
				margin-bottom: 30px; } 
			}

	.d50015 ol li {
		float: left;
		/*padding: 0 25px;*/
		text-align: center; }

		@media (max-width: 767px) {

		.d50015 ol {
	width:100%;
	margin:0 auto;
	 }

			.d50015 ol li {
				width: 10%; height:50px;}
				.d50015 ol li.addbg {
				width: 45%; }
				.d50015 ol li:nth-child(4){display:none;}
				.d50015 ol li .s:before{font-size:28px; line-height: 43px;}

				 }

		@media (min-width: 768px) {
			.d50015 ol li {
				width: 5%; }
			.d50015 ol li.addbg {
				width: 21%; }
			
			.d50015 ol li .s:before{font-size:30px; line-height: 50px;}

				 }



		.d50015 ol li .s {
			/*border: 1px solid #dedede;
			background-color: #fff;*/
			position: relative;
			display: block;
			/*padding-bottom: 15px; */}

			.reqst50015_btn ul{overflow:hidden; margin-bottom:20px;}
			.reqst50015_btn ul li{float:left; margin-right:10px;}
			.reqst50015_btn ul li:last-child{float:left; margin-right:0;}

			
		.d50015 ol li span {
			display: block; }
		.d50015 ol li .num {
			position: absolute;
			left: -11px;
			top: -11px;
			background-color: #008bce;
			color: #fff;
			text-align: center;
			width: 40px;
			height: 40px;
			line-height: 40px; }
		.d50015 ol li .t {
			font-size: 18px;
			font-family: 'NanumGothic';
			color: #008bce;
			line-height: 1; }
			.d50015 ol li .t:before {
				content: '';
				display: block;
				height: 84px;
				background: url(/static/mayor/img/sub/500015-ico1.png) center 0 no-repeat;
				background-size: auto 84px;
				margin: 10px 0; }
		.d50015 ol li:nth-child(1) .t::before {
			background-image: url(/static/mayor/img/sub/500015-ico1.png); }
		.d50015 ol li:nth-child(2) .t::before {
			background-image: url(/static/mayor/img/sub/500015-ico2.png); }
		.d50015 ol li:nth-child(3) .t::before {
			background-image: url(/static/mayor/img/sub/500015-ico3.png); }
		.d50015 ol li:nth-child(4) .t::before {
			background-image: url(/static/mayor/img/sub/500015-ico4.png); }





			.catenav2 { border: 1px solid #dedede; position: relative; overflow: hidden; padding: 20px; margin-bottom: 30px; }

			.catenav2 select { width: 100%; }

@media (min-width: 768px) {
	.catenav2 { padding: 20px 0 5px 0; }
	}

 .catenav2 a { display: none; float: left; height: 96px; text-align: center; letter-spacing: -1px; width: 20%; white-space: nowrap; }

@media (min-width: 768px) {
	.catenav2 a { display: block; }
	 }

 .catenav2 a:before { content: ''; display: block; border: 1px solid #dee0e6; border-radius: 4px; width: 50px; height: 50px; margin: 0 auto 6px; background: url(/static/portal/img/sub/200108_0.png) 50% 50% no-repeat; }

@media (min-width: 992px) { .catenav2 a { width: 10%; } }

.catenav2 a.on, .catenav2 a:hover, .catenav2 a:focus { font-weight: bold; color: #2c4a9e; }

.catenav2 a.on:before, .catenav2 a:hover:before, .catenav2 a:focus:before { border-color: #2c4a9e; }

.catenav2 .i0 { position: absolute; top: 44px; left: 51px; width: 100px; }

.catenav2 .i0:before { width: 100px; height: 100px; }

 .catenav2 a.i_1:before { background-image: url(/static/portal/img/sub/201203_01.jpg); }

.catenav2 a.i_2:before { background-image: url(/static/portal/img/sub/201203_02.jpg); }

 .catenav2 a.i_3:before { background-image: url(/static/portal/img/sub/201203_03.jpg); }

.catenav2 a.i_4:before { background-image: url(/static/portal/img/sub/201203_04.jpg); }

.catenav2 a.i_5:before { background-image: url(/static/portal/img/sub/201203_05.jpg); }

.catenav2 a.i_6:before { background-image: url(/static/portal/img/sub/201203_06.png); }

.catenav2 a.i_7:before { background-image: url(/static/portal/img/sub/201203_07.png); }

.catenav2 a.i_8:before { background-image: url(/static/portal/img/sub/201203_08.jpg); }

.catenav2 a.i_9:before { background-image: url(/static/portal/img/sub/201203_09.jpg); }

.catenav2 a.i_10:before { background-image: url(/static/portal/img/sub/201203_10.png); 
}






.movieView {
	padding: 20px;
	background-color: #e8ebf3;
	margin-bottom: 30px;
	display: block; }
	.movieView:before, .movieView:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
	.movieView .caption {
		background: #fff url(/static/mayor/img/sub/movecaptionbg.png) 0 0 no-repeat;
		padding: 20px;
		height: 360px;
		overflow-y: auto;
		overflow-x: hidden;
		background-size: cover; }
	@media (min-width: 768px) {
		.movieView .movie {
			float: left;
			width: 64%;
			padding-right: 20px; }
		.movieView .caption {
			float: right;
			width: 36%; } }

.cultureIco1:before {
	font-size: 17px;
	content: "\f073";
	font-family: 'FontAwesome';
	padding-right: 5px; }

.cultureIco2:before {
	font-size: 17px;
	content: "\f19c";
	font-family: 'FontAwesome';
	padding-right: 5px; }

.sh-cal {
	background: #008bce;
	padding: 5px 10px;
	overflow: hidden; }
	.sh-cal .set {
		float: none;
		text-align: center; }
		.sh-cal .set select {
			width: 90px; }
		.sh-cal .set .btn .b-cal {
			background: #5e5f64;
			color: #fff;
			text-align: center; }
		@media (min-width: 768px) {
			.sh-cal .set {
				float: right; }
				.sh-cal .set select {
					width: 120px; } }
	.sh-cal .cal-type {
		float: none;
		text-align: center;
		padding: 5px 0;
		font-size: 18px;
		font-family: "NanumGothic"; }
		@media (min-width: 768px) {
			.sh-cal .cal-type {
				float: left;
				text-align: left;
				margin-left: 20px; } }
		.sh-cal .cal-type span {
			display: inline-block;
			margin-left: 10px;
			color: #fff; }
	.sh-cal .cal-date {
		float: none;
		text-align: center;
		color: #fff; }
		@media (min-width: 768px) {
			.sh-cal .cal-date {
				float: left;
				text-align: left;
				padding: 2px 0 0 20px; } }
		.sh-cal .cal-date span {
			font-size: 19px;
			display: inline-block;
			padding: 0 10px; }
		.sh-cal .cal-date .cal-prev:before {
			font-size: 13px;
			content: "\f053";
			font-family: 'FontAwesome';
			color: #fff; }
		.sh-cal .cal-date .cal-next:before {
			font-size: 13px;
			content: "\f054";
			font-family: 'FontAwesome';
			color: #fff; }

@media (max-width: 767px) {
	.c500007 .topvisual {
		margin-bottom: 20px;
		background: #606e9a url(/static/mayor/img/sub/7-img-m.jpg) center 0 no-repeat;
		background-size: auto 360px;
		position: relative;
		padding: 0 18px 120px;
		text-align: right;
		height: 360px; } }

@media (min-width: 768px) {
	.c500007 .topvisual {
		margin-bottom: 20px;
		background: url(/static/mayor/img/sub/7-img.jpg) right 0 no-repeat;
		background-size: auto 100%;
		position: relative;
		padding: 0 18px 120px;
		text-align: right;
		background: url(/static/mayor/img/sub/7-img.jpg) right 0 no-repeat;
		background-size: auto 340px;
		height: 340px; } }

.c500007 .topvisual .txt {
	text-align: left;
	margin: 0 auto 5px;
	position: relative;
	background-color: #20409a;
	background-color: rgba(32, 64, 154, 0.85);
	width: 306px;
	color: #fff;
	padding: 55px 30px;
	line-height: 1.73; }
	@media (max-width: 767px) {
		.c500007 .topvisual .txt {
			bottom: -16px;
			position: absolute;
			left: 5%;
			right: 5%;
			padding: 30px; } }
	@media (min-width: 768px) {
		.c500007 .topvisual .txt {
			width: 316px;
			position: absolute;
			left: 16%;
			top: -10px; } }
	.c500007 .topvisual .txt p + p {
		margin-top: 26px; }
	.c500007 .topvisual .txt:before {
		content: '';
		width: 40px;
		height: 2px;
		background-color: #6274b2;
		position: absolute;
		top: 77px;
		left: -18px; }
	.c500007 .topvisual .txt strong {
		font-weight: normal;
		color: #9bf0b4;
		font-size: 18px; }

.c500007 .l {
	display: block; }
	.c500007 .l:before, .c500007 .l:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
	.c500007 .l > div {
		border: 1px solid #dedede;
		padding: 38px;
		min-height: 186px;
		margin-bottom: 20px;
		width: 49%;
		background: 100% 100% no-repeat;
		background-size: 100px; }
		.c500007 .l > div h2 {
			background: url(/static/portal/img/common/bu1.png) 0 2px no-repeat;
			background-size: 14px;
			padding-left: 24px;
			font-size: 18px;
			font-family: 'NanumGothic';
			font-weight: normal;
			line-height: 1;
			margin: 30px 0 20px;
			color: #000;
			margin: 0 0 8px; }
		.c500007 .l > div ul {
			margin-left: 24px; }
			.c500007 .l > div ul li {
				padding-left: 11px;
				text-indent: -11px;
				line-height: 2; }
	.c500007 .l .a1 {
		float: left;
		min-height: 456px;
		background-image: url(/static/mayor/img/sub/7-i1.png); }
	.c500007 .l .a2 {
		float: right;
		min-height: 676px;
		background-image: url(/static/mayor/img/sub/7-i2.png); }
	.c500007 .l .a3 {
		float: left;
		background-image: url(/static/mayor/img/sub/7-i3.png); }
	@media (max-width: 767px) {
		.c500007 .l > div {
			padding: 25px;
			float: none !important;
			width: auto; }
			.c500007 .l > div ul {
				margin-left: 0; } }

.pagedeco2 .set .title,
.pagedeco2 .set > strong,
.pagedeco2 > p .title,
.pagedeco2 > p > strong {
	color: #008bce; }

.dongorg {
	position: relative;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px; }
	.dongorg > h1,
	.dongorg .i {
		padding: 18px 5px;
		border-radius: 3px;
		font-size: 15px;
		line-height: 1;
		font-weight: normal;
		display: inline-block;
		vertical-align: top; }
	.dongorg > h1 {
		width: 187px;
		background-color: #008bce;
		color: #fff;
		margin-bottom: 60px;
		position: relative; }
		.dongorg > h1:before {
			content: '';
			position: absolute;
			border-left: 1px solid #dadada;
			height: 30px;
			left: 50%;
			bottom: -30px; }
	.dongorg ol {
		display: block; }
		.dongorg ol:before, .dongorg ol:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden; }
	.dongorg .i {
		width: 100px;
		background-color: #f8f7f5;
		border: 1px solid #dadada;
		position: relative; }
		.dongorg .i:after, .dongorg .i:before {
			content: '';
			position: absolute;
			border-left: 1px solid #dadada;
			height: 30px;
			left: 50%;
			top: -31px; }
		.dongorg .i:after {
			border-top: 1px solid #dadada;
			border-left: none;
			height: 1px;
			width: 150px;
			left: -10px; }
		.dongorg .i:first-child:after {
			left: 50%; }
		.dongorg .i:last-child:after {
			left: inherit;
			right: 50%; }
	@media (min-width: 768px) {
		.dongorg .i {
			margin-right: 55px;
			width: 187px; }
			.dongorg .i:after {
				width: 210px;
				left: -10px; }
			.dongorg .i:last-child {
				margin-right: 0; } }

.greeting {
	position: relative; }
	.greeting .i1 {
		right: 40%;
		position: absolute;
		top: 0;
		padding: 10px;
		left: 0;
		z-index: 2; }
	.greeting .i2 {
		text-align: right; padding: 50px 0 20px 0;}
	@media (max-width: 767px) {
		.greeting:before {
			content: '';
			display: block;
			height: 0;
			/*padding-top: calc(40% + 20px);*/ }
		.greeting .i1 {
			padding: 0; position:unset; background: #008bce; text-align: center;}
		.greeting .i2 {text-align: right; margin:0; padding: 0 0 20px 0;}
		/*.greeting .i2 img {
			position: absolute;
			right: 0;
			top: 0;
			width: 130%;
			max-width: initial;
			z-index: 1; }*/ }
	.greeting p{font-size:17px; line-height:26px;}
	.greeting p.mb{margin-bottom:80px;}
	.greeting p + p {
		margin-top: 1.5em;}
	@media (min-width: 992px) {
		.greetin .i1 {
			padding: 46px 0 0 0; } }
	@media (min-width: 1276px) {
		.greeting {
			margin: 0 60px 80px; } }

.greeting2 {
	margin: 10px; }
	@media (min-width: 1276px) {
		.greeting2 {
			margin: 15px 60px; } }
	.greeting2 p {
		line-height: 2;
		font-size: 16px; }
	.greeting2 p + p {
		margin-top: 1.5em; }

.leftimgbox {
	position: relative;
	min-height: 150px;
	margin-bottom: 20px; }
	@media (min-width: 768px) {
		.leftimgbox {
			padding-left: 220px;
			margin-left: 20px; } }
	.leftimgbox .img {
		display: block;
		margin-bottom: 10px;
		text-align: center; }
		@media (min-width: 768px) {
			.leftimgbox .img {
				text-align: left;
				position: absolute;
				left: 0;
				top: 0; } }
	.leftimgbox dt {
		background: url(/static/portal/img/common/bu2.png) 0 6px no-repeat;
		background-size: 6px;
		padding-left: 16px;
		line-height: 1;
		font-size: 18px;
		font-family: 'NanumGothic';
		font-weight: normal;
		margin: 24px 0 18px 11px;
		margin-left: 0; }
		.leftimgbox dt span {
			font-size: 15px; }
	.leftimgbox dd p {
		text-indent: -12px;
		padding-left: 12px; }

.d500009 {
	text-align: center;
	border: 1px solid #dee0e6;
	border-radius: 5px;
	padding: 30px 10px; }
	@media (min-width: 768px) {
		.d500009 {
			padding: 58px 20px; } }
	.d500009 hgroup {
		background: url(/static/mayor/img/sub/500009-titlebg.png) center 0 no-repeat;
		text-align: center;
		padding: 25px 0;
		margin-bottom: 35px;
		background-size: auto 100%;
		line-height: 1;
		border-radius: 100px; }
	.d500009 h2 {
		font-size: 22px;
		color: #008bce;
		padding: 0 0 15px; }
	.d500009 h3 {
		font-size: 15px;
		color: #757575;
		font-weight: bold; }

.d500009-2 {
	border-top: 2px solid #344891; }
	.d500009-2 > div {
		display: block;
		padding: 20px 0; }
		.d500009-2 > div:before, .d500009-2 > div:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden; }
		.d500009-2 > div + div {
			border-top: 1px solid #dedede; }
	@media (min-width: 768px) {
		.d500009-2 .l {
			float: left;
			width: 38%;
			padding-right: 30px; } }
	@media (min-width: 768px) {
		.d500009-2 .r {
			float: right;
			width: 62%; } }
	.d500009-2 h3 {
		margin-top: 15px;
		font-size: 18px;
		font-family: "NanumGothic";
		color: #424f88;
		font-weight: bold;
		border-left: 2px solid #424f88;
		padding-left: 20px; }
	.d500009-2 p {
		color: #008bce;
		font-weight: bold;
		margin: 15px 0; }
	.d500009-2 .list {
		margin: 0; }
		.d500009-2 .list > li {
			margin-top: 5px; }

.box-line {
	border: 1px solid #dee0e6; }

.d500010-1 ul {
	display: block;
	padding: 20px;
	padding-bottom: 0; }
	.d500010-1 ul:before, .d500010-1 ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
	@media (min-width: 768px) {
		.d500010-1 ul {
			padding: 39px;
			padding-bottom: 20px; } }

.d500010-1 li {
	float: left;
	padding: 0 5px;
	margin-bottom: 20px;
	letter-spacing: -1px;
	width: 100%; }
	@media (min-width: 768px) {
		.d500010-1 li {
			width: 50%; } }
	@media (min-width: 992px) {
		.d500010-1 li {
			width: 25%; } }
	.d500010-1 li .set {
		border: 1px solid #dedede;
		border-radius: 100px;
		position: relative;
		padding-left: 98px;
		height: 95px;
		padding-top: 26px; }
	.d500010-1 li .img {
		position: absolute;
		top: 10px;
		left: 15px; }
	.d500010-1 li span {
		display: block; }
	.d500010-1 li strong {
		background: url(/static/portal/img/common/bu2.png) 0 6px no-repeat;
		background-size: 6px;
		padding-left: 16px;
		line-height: 1;
		font-size: 18px;
		font-family: 'NanumGothic';
		font-weight: normal;
		margin: 24px 0 18px 11px;
		margin: 0;
		display: block;
		margin-left: 0;
		line-height: 1; }
	.d500010-1 li strong + span {
		padding-left: 16px;
		letter-spacing: 0; }

.d500010-2 {
	position: relative;
	text-align: center;
	padding: 20px 10px; }
	@media (min-width: 768px) {
		.d500010-2 {
			padding: 40px 0; } }
	.d500010-2 ul {
		text-align: left;
		margin-left: 20px;
		top: 40px;
		left: 40px; }
		@media (min-width: 768px) {
			.d500010-2 ul {
				position: absolute; } }
	.d500010-2 li {
		background: url(/static/portal/img/common/bu2.png) 0 6px no-repeat;
		background-size: 6px;
		padding-left: 16px;
		line-height: 1;
		font-size: 18px;
		font-family: 'NanumGothic';
		font-weight: normal;
		margin: 24px 0 18px 11px;
		margin: 0 0 12px; }
	@media (min-width: 768px) {
		.d500010-2 .iv {
			text-align: right;
			padding-right: 20px; } }
	@media (min-width: 1276px) {
		.d500010-2 .iv {
			text-align: center; }
			.d500010-2 .iv img {
				margin-left: 140px; } }

.bdList .bage {
	display: inline-block !important;
	border-radius: 3px;
	background-color: #d56c23;
	padding: 3px 5px;
	line-height: 1;
	color: #fff;
	width: 80px; }
	.bdList .bage.end {
		background-color: #757575; }
	.bdList .bage.close {
		background-color: #757575; }
	.bdList .bage.app {
		background-color: #d56c23; }
	.bdList .bage.wait {
		background-color: #6463b2; }
	.bdList .bage.regist {
		background-color: #757575; }
	.bdList .bage.etc {
		background-color: #757575; }
	.bdList .bage.ready {
		background-color: #b9b9b9; }

h2.bu-title {
	background: #0c4da1 none;
	font-size: 17px;
	border-radius: 40px;
	display: inline-block;
	color: white !important;
	padding: 10px 20px;
	letter-spacing: 0px; }
	h2.bu-title:before {
		display: none !important; }

.imgleft {
	border-top: 2px solid #008bce;
	border-bottom: 1px solid #dedede;
	padding: 18px 0;
	display: block; }
	.imgleft:before, .imgleft:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; }
	.imgleft + .imgleft {
		border-bottom: 1px solid #dedede;
		border-top: none; }
	.imgleft .img img {
		border-radius: 10px; }
	@media (max-width: 767px) {
		.imgleft .img {
			text-align: center;
			padding-bottom: 20px; } }
	@media (min-width: 768px) {
		.imgleft .img {
			float: left;
			width: 390px;
			padding-right: 30px; } }
	@media (min-width: 768px) {
		.imgleft .right {
			float: left;
			width: calc(100% - 390px); } }
	.imgleft h2 {
		font-size: 18px;
		color: #008bce;
		border-left: 2px solid #008bce;
		padding-left: 20px;
		margin-bottom: 15px; }
	.imgleft .list {
		margin-left: 0; }

#snsareasSub {
	padding: 25px 25px 10px;
	border: 1px solid #dedede; }
	@media (min-width: 992px) {
		#snsareasSub {
			max-width: calc(33.333% - 10px); } }
	@media (max-width: 767px) {
		#snsareasSub ul li {
			display: inline-block;
			margin-bottom: 10px; } }
	@media (min-width: 768px) {
		#snsareasSub ul {
			overflow: hidden; }
			#snsareasSub ul li {
				float: left;
				width: 50%;
				padding: 0 5px;
				margin-bottom: 10px;
				max-width: 138px; } }
	#snsareasSub ul a {
		line-height: 1;
		padding: 4px 9px;
		text-align: center;
		display: block;
		border: 1px solid #e3b380;
		border-radius: 30px;
		font-family: 'NanumGothic';
		background-color: #fff; }
		@media (min-width: 1276px) {
			#snsareasSub ul a {
				padding: 6px 0 4px; } }
		#snsareasSub ul a.i1 {
			color: #4d6baf;
			border-color: #9faed4; }
			#snsareasSub ul a.i1:hover, #snsareasSub ul a.i1:focus {
				background-color: #4d6baf; }
		#snsareasSub ul a.i2 {
			color: #00c300;
			border-color: #00c300; }
			#snsareasSub ul a.i2:hover, #snsareasSub ul a.i2:focus {
				background-color: #00c300; }
		#snsareasSub ul a.i3 {
			color: #6b9fdc;
			border-color: #6b9fdc; }
			#snsareasSub ul a.i3:hover, #snsareasSub ul a.i3:focus {
				background-color: #6b9fdc; }
		#snsareasSub ul a.i4 {
			color: #8e6ba3;
			border-color: #b88dcb; }
			#snsareasSub ul a.i4:hover, #snsareasSub ul a.i4:focus {
				background-color: #b88dcb; }
		#snsareasSub ul a.i5 {
			color: #00c300;
			border-color: #00c300; }
			#snsareasSub ul a.i5:hover, #snsareasSub ul a.i5:focus {
				background-color: #00c300; }
		#snsareasSub ul a.i6 {
			color: #edab21;
			border-color: #e3b380; }
			#snsareasSub ul a.i6:hover, #snsareasSub ul a.i6:focus {
				background-color: #edab21; }
		#snsareasSub ul a.i7 {
			color: #e8303a;
			border-color: #d48b8f; }
			#snsareasSub ul a.i7:hover, #snsareasSub ul a.i7:focus {
				background-color: #e8303a; }
		#snsareasSub ul a:hover, #snsareasSub ul a:focus {
			color: #fff; }
		#snsareasSub ul a:before {
			content: '';
			width: 22px;
			height: 22px;
			background: url(/static/portal/img/main/snsicoset.png) -15px -4px no-repeat;
			display: inline-block;
			margin-right: 3px;
			vertical-align: middle;
			vertical-align: top; }
		#snsareasSub ul a.i2:before {
			background-position: -150px -4px; }
		#snsareasSub ul a.i3:before {
			background-position: -284px -4px; }
		#snsareasSub ul a.i4:before {
			background-position: -403px -4px; }
		#snsareasSub ul a.i5:before {
			background-position: -536px -4px; }
		#snsareasSub ul a.i6:before {
			background-position: -666px -4px; }
		#snsareasSub ul a.i7:before {
			background-position: -807px -4px; }
		#snsareasSub ul a.i1:focus:before, #snsareasSub ul a.i1:hover:before {
			background-position: -15px -44px; }
		#snsareasSub ul a.i2:focus:before, #snsareasSub ul a.i2:hover:before {
			background-position: -150px -44px; }
		#snsareasSub ul a.i3:focus:before, #snsareasSub ul a.i3:hover:before {
			background-position: -284px -44px; }
		#snsareasSub ul a.i4:focus:before, #snsareasSub ul a.i4:hover:before {
			background-position: -403px -44px; }
		#snsareasSub ul a.i5:focus:before, #snsareasSub ul a.i5:hover:before {
			background-position: -536px -44px; }
		#snsareasSub ul a.i6:focus:before, #snsareasSub ul a.i6:hover:before {
			background-position: -666px -44px; }
		#snsareasSub ul a.i7:focus:before, #snsareasSub ul a.i7:hover:before {
			background-position: -807px -44px; }

.sotongSetSub .sotong-area {
	overflow: hidden; }
	@media (min-width: 992px) {
		.sotongSetSub .sotong-area {
			margin-left: -10px;
			margin-right: -10px; } }

@media (min-width: 992px) {
	.sotongSetSub .more {
		background-image: url(/static/mayor/img/main/ico-btnarr-pc.png); } }

.sotongSetSub .more {
	margin-top: 13px;
	display: block;
	color: #008bce;
	border: 1px solid #008bce;
	font-size: 15px;
	padding: 6px 0 7px 20px;
	line-height: 1 !important;
	border-radius: 30px;
	width: 100px;
	background: url(/static/mayor/img/main/ico-btnarr.png) 64px center no-repeat;
	background-size: 14px auto; }

.sotongSetSub .a1 {
	background-color: #fff;
	padding: 20px 0 20px 20px;
	position: relative;
	overflow: hidden;
	margin: 10px;
	margin-bottom: 10px;
	border: 1px solid #dedede; }
	.sotongSetSub .a1 .tset {
		display: block;
		position: relative;
		z-index: 20; }
	.sotongSetSub .a1 .tit {
		font-size: 20px;
		display: block;
		margin-bottom: 19px; }
	.sotongSetSub .a1 .txt {
		display: block;
		margin-bottom: 20px; }
	.sotongSetSub .a1 .more {
		margin-top: 13px; }
	.sotongSetSub .a1:before {
		content: '';
		width: 50px;
		height: 82px;
		position: absolute;
		right: 39px;
		bottom: 29px;
		background: url(/static/mayor/img/main/sotong-icoset.png) 0 0 no-repeat;
		background-size: cover; }
	.sotongSetSub .a1.i2:before {
		background-position: -75px 0;
		width: 75px; }
	.sotongSetSub .a1.i3:before {
		background-position: right 0;
		width: 68px; }

@media (min-width: 768px) {
	.sotongSetSub .a1 {
		background-color: #fff;
		padding: 28px 0 0 20px;
		margin: 0;
		height: 220px;
		position: relative;
		overflow: hidden;
		float: left;
		width: 33.333%; }
		.sotongSetSub .a1 .tset {
			display: block;
			position: relative;
			z-index: 20; }
		.sotongSetSub .a1 .tit {
			font-family: 'NanumGothic';
			font-size: 25px;
			display: block;
			margin-bottom: 15px; }
		.sotongSetSub .a1 .txt {
			display: block;
			font-size: 18px;
			margin-bottom: 22px; } }

@media (min-width: 768px) and (max-width: 992px) {
	.sotongSetSub .a1 .tit {
		font-size: 20px; }
	.sotongSetSub .a1 .txt {
		font-size: 14px; }
	.sotongSetSub .a1 br {
		display: none; }
	.sotongSetSub .a1 + .a1 {
		border-left: none; } }

@media (min-width: 992px) {
	.sotongSetSub {
		padding: 0; }
		.sotongSetSub .a1 {
			margin: 0 10px;
			width: calc(33.333% - 20px); }
			.sotongSetSub .a1 .txt {
				font-size: 15px; }
		.sotongSetSub .owl-item:first-child .a1 {
			margin-left: 0; }
		.sotongSetSub .owl-item:last-child .a1 {
			margin-right: 0; } }

.d500036 > div {
	border: 1px solid #eaf2f6;
	padding: 20px;
	text-align: center;
	background: url(/static/portal/img/common/bgpt-transparent.gif) 0 0 repeat;
	background-size: 8px; }
	@media (min-width: 768px) {
		.d500036 > div {
			padding: 40px 0 35px 130px; }
			.d500036 > div p {
				display: inline-block;
				vertical-align: top; }
			.d500036 > div p + p {
				margin-left: 61px;
				padding-top: 4px; } }

.d500036 dl {
	padding: 20px;
	background-color: #edf7fc; }
	@media (min-width: 768px) {
		.d500036 dl {
			padding: 34px 20px 34px 100px; } }
	.d500036 dl dt {
		font-size: 18px;
		margin-bottom: 15px; }
		.d500036 dl dt strong {
			color: #008bce; }
	.d500036 dl dd .list {
		margin-left: 0; }
	.d500036 dl dd .list li {
		margin-top: 4px; }
		.d500036 dl dd .list li strong {
			color: #008bce; }

.table table td {
	color: #000; }

.inforbox {
/*	background-color: #fff9e0;*/
	 }

#content h3.bu-blue {
	color: #003898;
	font-family: 'NanumGothic';
	font-size: 18px;
	padding-left: 0;
	background: none;
	margin: 30px 0 15px;
	margin-left: 24px; }
	#content h3.bu-blue + .list {
		margin-left: 24px; }


/* 달력 */
#ui-datepicker-div {display: none !important;}
.shdetailset .sdate, .shdetailset .edate {background: none;}
.calendarzone input[type="button"] {position: absolute;/* left: -147px; */left: -33px;top: -3px;vertical-align: middle;background: url(/static/portal/img/common/icodate.png) right center no-repeat;}
.calendarzone .calendarSLayer {position: absolute;top: 35px;/* right: 0 !important;left: inherit !important; */border: 1px solid #ddd;background:#eee; padding: .2em .2em 0;border-radius: 4px;}
.calendarzone .calendar-frame {height: 334px;}

@media (max-width: 767px) { 
	.calendarzone .calendarSLayer {left: inherit !important;right: inherit !important;}
}

#subtsh fieldset {height: 40px;}



/*콘텐츠페이지 아이콘 영역*/
.layoutSnsWrap { display: inline-block; vertical-align: middle; }

.layoutSnsWrap .sns-tweeter { background-image: url(/static/commons/img/sns/snstweeter.png); }

.layoutSnsWrap .sns-facebook { background-image: url(/static/commons/img/sns/snsfacebook.png); }

.layoutSnsWrap .sns-kakaostory { background-image: url(/static/commons/img/sns/snskakaostory.png); }

.layoutSnsWrap .braille-view { background-image: url(/static/commons/img/sns/braille-view.png); }
  
.layoutSnsWrap .braille-down { background-image: url(/static/commons/img/sns/braille-down.png); }
 
#container .hgroup .utilSet .btn-print{vertical-align: top;}
#container .hgroup .utilSet .btn-print:after { content: ''; font-family: 'FontAwesome'; font-size: 35px; color: #000000; }
.layoutSnsWrap a { width: 39px; height: 39px; display: inline-block; background-size: cover; }

#container .hgroup .utilSet { display: block; right: 0; position: inherit;} 

@media (min-width: 992px) {#container .hgroup .utilSet { display: block; position: absolute; bottom: -20px; } }