@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 14px;
	color:#322f2c;
	word-break:unset!important;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html,body {
	line-height: 1;
	font-size:100% !important;
}

ol, ul, li {
	list-style: none;
	display:inline-block
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
img {
	vertical-align:middle;
	line-height:0
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #999999;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #999999;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #999999;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a, a:hover, a:active, a:focus {
	text-decoration: none;
	color: inherit;
}

.slick-slide img {
	width:100%;
}

.slick-arrow, .slick-slide {
	/*outline: none;*/
	cursor: pointer;
}
.tab-content {
	display: none;
	text-align: left;
	vertical-align:top;
}

	.tab-content.current {
		display: inherit;
	}

#topNavi {
}

	#topNavi li.globalNav {
	}
	#topNavi li.globalNav .bar {
	}
.localNav li {
	display: inline;
}

.localNav {
	background-color:#ffffff;
	display:none;
	position:absolute;
	left:0;
	top:102px;
}


#wrap {
	width: 100%;
	height: 100%;
	margin: auto;
	/*min-width:1200px;*/
}

#conWrap {
	width: 100%;
	margin: auto;
	max-width:1200px;
	margin-top:50px;
}
	#conWrap .secTitle {
		color: #010101;
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom:1.875rem;
	}
#quickMenu {
	position:fixed;
	right:50px;
	top:100px;
	z-index:3;
	width:120px;
}
#quickMenu li {
	display:block;
}

	#quickMenu li.sub_quick {
		margin-top: 1rem;
		text-align: center;
	}
	#quickMenu .sub_quick .title {
	    background-color: #333;
		color:#fff;
	    width: 100%;
	    padding: 1rem 0;
	    /* transform: skew(-1deg); */
	    font-size: 13px;
	    line-height: 16px;
	    margin-bottom: 0;
	}
	#quickMenu .sub_quick .sub_q_menu {
		border: 1px solid #e5e5e5;
		border-top:0;
		width:calc(100% - 2px);
		background-color:#ffffff;
	}
		#quickMenu .sub_quick .sub_q_menu li {
			line-height: 16px;
			border-bottom: 1px solid #e5e5e5;
			background-size: 50% !important;
			font-size: 13px;
			background-image: none !important;
			padding: 0.7rem 0;
		}

#tsTitle{
	width: 100%;
    margin-bottom: 0;
}

/*.naviBoxIn ul li:hover{background-color:#fcb037!important;transition:all 0.2s linea}*/

		#quickMenu .sub_quick .sub_q_menu li:hover {
			color: #ff9c00;
		}
	
	#quickMenu .sub_quick .sub_q_menu li:last-child	{border-bottom:0;}
		#quickMenu .sub_quick .sub_q_menu li.sub_q_00 {
			background: url('../images/ic_q_menu_00_n.png') no-repeat center 20px;
		}
		#quickMenu .sub_quick .sub_q_menu li.sub_q_00:hover {
			background: url('../images/ic_q_menu_00_o.png') no-repeat center 20px;
		}
		#quickMenu .sub_quick .sub_q_menu li.sub_q_01 {
			background: url('../images/ic_q_menu_01_n.png') no-repeat center 20px;
		}

			#quickMenu .sub_quick .sub_q_menu li.sub_q_01:hover {
				background: url('../images/ic_q_menu_01_o.png') no-repeat center 20px;
			}
		#quickMenu .sub_quick .sub_q_menu li.sub_q_02 {
			background: url('../images/ic_q_menu_02_n.png') no-repeat center 20px;
		}

			#quickMenu .sub_quick .sub_q_menu li.sub_q_02:hover {
				background: url('../images/ic_q_menu_02_o.png') no-repeat center 20px;
			}
		#quickMenu .sub_quick .sub_q_menu li.sub_q_03 {
			background: url('../images/ic_q_menu_03_n.png') no-repeat center 20px;
		}

			#quickMenu .sub_quick .sub_q_menu li.sub_q_03:hover {
				background: url('../images/ic_q_menu_03_o.png') no-repeat center 20px;
			}
		#quickMenu .sub_quick .sub_q_menu li.sub_q_04 {
			background: url('../images/ic_q_menu_04_n.png') no-repeat center 20px;
		}

			#quickMenu .sub_quick .sub_q_menu li.sub_q_04:hover {
				background: url('../images/ic_q_menu_04_o.png') no-repeat center 20px;
			}
		#quickMenu .sub_quick .sub_q_menu li.sub_q_05 {
			background: url('../images/ic_q_menu_05_n.png') no-repeat center 20px;
		}
		#quickMenu .sub_quick .sub_q_menu li.sub_q_05 {line-height:2.5em}
		#quickMenu .sub_quick .sub_q_menu li.sub_q_07 {line-height:2.5em}
		

#tsWrap {
	width: 100%;
	margin: auto;
	max-width:1200px;
	margin-top:50px;
}

#tsBox {
	width: 100%;
	height:100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #ffd247;
	/*padding:5rem 0;*/
	display:none;
	z-index:3;
	overflow-y:scroll;
}
	#tsBox > #conWrap > .title {
		font-size: 1.5rem;
		font-weight: bold;
		color: #18191a;
		line-height: 2rem;
	}
	#tsBox #tsListBox {
/*
		height:500px;
		overflow-y:scroll
*/
	}
#tsTab {
	width: 100%;
	border: 1px solid #18191a;
	display:table;
	margin:2rem 0;
}
	#tsTab li {
		display: table-cell;
		padding: 1rem 0;
		text-align: center;
		color: #333333;
		font-size:1.125rem;
		width:50%;
		background-color:#ffffff;
		cursor:pointer;
	}
		#tsTab li.current {
			background-color: #18191a;
			color:#ffffff;
		}
		#tsBox #closeTs {
			width:2rem;
			height:2rem;
			background:url('../images/btn_full_menu_x.png') no-repeat 100% center;
			float:right;
		}

		/* 웹 접근성을 위한 IR CSS 기법 텍스트 감추기 (교육일정 팝업 open 시 x 버튼 부분)*/

		#tsBox #closeTs p{overflow: hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}

		/* 웹 접근성을 위한 IR CSS 기법 텍스트 감추기 (교육일정 팝업 open 시 집합교육과 사이바교육 각각의 tab 부분)*/
		
		#tsListBox h2{overflow: hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}
		
		/* 웹 접근성을 위한 IR CSS 기법 텍스트 감추기 (원장실 원장동장 달력 팝업 데이터 클릭 시 오른쪽 영역 부분)*/

		#schdulViewDiv h2{overflow: hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;}

		#tsBox .tsList {
			width:100%;
		}
		#tsBox .tsList .item {
			float:left;
			width:49%;
			margin-bottom:1rem;
			/*margin-left:1rem;*/
			cursor:pointer;
		}
		#tsBox .tsList .item:nth-child(2n+1) {
			margin-right:1rem;
			/*margin-left:0;*/
		}
			#tsBox .tsList .item > .info {
				background: url('../images/bullet_menu_arrow.png') no-repeat center #ffffff;
				background-position-x:96%;
				width: calc(100% - 2rem);
				height:124px;
				padding: 16px;
				color: #18191a;
			}
				#tsBox .tsList .item > .info:hover {
					border: 1px solid #18191a;

					max-height: 122px;
				}
			#tsBox .tsList .item > .info .tag span {
				display:inline-block;
				background: #4c4d4f;
				font-size:0.8rem;
				color:#ffffff;
				line-height:1.5rem;
				padding:0 1rem;
				border-radius:2px;
			}

			#tsBox .tsList .item > .info > .title {
				font-size: 1.125rem;
				color: #18191a;
				font-weight:bold;
				margin:1rem auto;
				display:block;
			}
			#tsBox .tsList .item > .info > .date {
				font-size:1rem;
				color:#333333;
				line-height:1.8rem;
			}
				#tsBox .tsList .item > .info .tag {
					display: block;
				}

			#tsBox .tsDown {
				width:100%;
				margin-top:1rem;
			}
			#tsBox .tsDown li {
				background-color:#ffffff;
				color:#18191a;
				border:1px solid #18191a;
				float:left;
				width:calc(24% - 2px);
				margin-right:1%;
				text-align:center;
				line-height:2.5rem;
				cursor:pointer;
			}
				#tsBox .tsDown li:hover {
					background-color: #18191a;
					color:#ffffff;
				}
			#tsBox .tsDown li:last-child {
				margin-right:0;
				width:calc(25% - 2px);
			}
			#tsBox .tsDown li span {
				display:inline-block;
				width:1.25rem;
				height:1.25rem;
				background:url('../images/bullet_download_n.png') no-repeat center 100%;
				margin-right:0.5rem;
				vertical-align:middle;
			}
				#tsBox .tsDown li:hover span {
					background: url('../images/bullet_download_o.png') no-repeat center 100%;
				}
#subCategory {
	background-color: #ffffff;
	position: absolute;
	width: 100%;
	z-index: 3;
	display: none;
	border-top: 1px solid #e5e5e5;
}
	#subCategory.current {
		display:block;
	}
	#subCategory .cateBox {
		width: 1140px;
		margin: auto;
		padding: 1.875rem;
		vertical-align: top;
		border: 1px solid #e5e5e5;
		border-top:0;
	}
	#subCategory .cateBox .twoDepth li.item {
		display:inline-block;
		width:225px;
		margin:1.875rem;
		float:left;
	}
		#subCategory .cateBox .twoDepth li.item ul {width:100%;}
			#subCategory .cateBox .twoDepth li.item ul li {
				width: 100%;
				display: block;
				font-size: 1rem;
				color: #666666;
				margin-bottom:1rem;
			}
				#subCategory .cateBox .twoDepth li.item ul li:first-child {
					font-weight: bold;
					color: #000000;
					margin-bottom:2rem;
				}
		#subCategory .cateBox .twoDepth li.item:hover ul li:first-child {
			color: #ff9c00
		}






#topNavi .oneDepth #mainCategory .on {
	color: #C03E2B;
	font-weight: 600;
	border-bottom: 3px solid #C03E2B;
	}


#topNavi #subMenuBox {
	width: 100%;
	position: relative;
	background-color: #ffffff;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	display:none;
}
#topNavi #subMenuBox .sub_menu_list {
	width: 100%;
	max-width: 1078px;
	padding: 60px;
	margin: auto;
	color: #333333;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	display:table;
}
#topNavi #subMenuBox .sub_menu_list .menu_sec {
	display:table-cell;
	font-size:1rem;
	width:155px;
	padding-right:20px;
}
#topNavi #subMenuBox .sub_menu_list .menu_sec .title {
	color: #000000;
	margin-bottom:30px;
	font-weight:bold;
	transform:skew(-1deg);
	cursor:pointer;
}
#topNavi #subMenuBox .sub_menu_list .menu_sec .item {width:100%}
#topNavi #subMenuBox .sub_menu_list .menu_sec .item li {
		width: 100%;
		display: block;
		margin-bottom: 20px;
		transform: skew(-1deg);
		cursor: pointer;
}
#topNavi #subMenuBox .sub_menu_list .menu_sec .item li:last-child {
	margin-bottom:0;
}
#topNavi #subMenuBox .sub_menu_list .menu_sec .item li:hover {
	font-weight: bold;
	color: #ff9c00;
}

#fullDownMenu {
	width:100%;
	background-color:#ffffff;
	border-top:1px solid #e5e5e5;
	display:none;
}
#fullDownMenu #conWrap {
	border:1px solid #e5e5e5;
	border-top:0;
	height:600px;
	overflow-y:scroll;
}
#fullDownMenu .fullmnBox {
	border-bottom:1px solid #e5e5e5;
	padding:3.75rem;
}
#fullDownMenu .title {
	font-size:1.5rem;
	margin-bottom:1.875rem;
}
	#fullDownMenu .fullmnTable {
		display:table;
	}
	#fullDownMenu .fullmnTable li {
		display:table-cell;
		vertical-align:top;
	}

	#fullDownMenu .fullmnTable li .subCate {
		width:100%;
		display:block;
	}
		#fullDownMenu .fullmnTable li .subCate li {
			display: inline-block;
			font-size: 1rem;
			color: #666666;
			border-right: 1px solid #999999;
			padding:0 1rem;
			vertical-align:top;
			margin-bottom:1rem;
			cursor:pointer;
		}
			#fullDownMenu .fullmnTable li .subCate li:last-child {
				border:0; 
				margin-right:0
			}
			#fullDownMenu .fullmnTable li .subCate li:hover {
				text-decoration:underline;
			}
		#fullDownMenu .fullmnTable li.section {
			width:200px;
			font-size:1rem;
			color:#000000;
			font-weight:bold;
		}
			.fullmnTable:hover > .section {
				color: #ff9c00 !important
			}
#mainBanner {
	position: relative;
	width: 100%;
}
	#mainBanner > #mainNotice {
		color:#fefefe;
		font-size:1.5rem;
		line-height:80px;
		position:absolute;
		bottom:10%;
		width:100%;
		text-align:center;
	}
		#mainBanner > #mainNotice > .notice {
			background-color: #ffd247;
			color: #000000;
			display:inline-block;
			position:relative;
			text-align:center;
		}
			#mainBanner > #mainNotice > .notice > .arrow {
				position: absolute;
				bottom:1.875rem;
				right: -50px;
				content: " ";
				height: 0;
				z-index: 1;
				border-bottom: 20px solid;
				border-left: 40px solid rgba(0, 0, 0, 0);
				border-right: 40px solid rgba(0, 0, 0, 0);
				color: #ffd247;
				transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
			}
		#mainBanner > #mainNotice > .notiBox {
			display: inline-block;
			/*background: url('../images/ic_main_bn_pause.png') no-repeat rgba(0,0,0,0.45);*/
			background-color: rgba(0,0,0,0.45);
			background-position: 98% center;
			padding: 0 50px;
			padding-left:80px;
			width: 100%;
			max-width:1200px;
			text-align: left;
			vertical-align: bottom;
			margin-bottom: -1px;
			margin-left:-6px;
			max-height:80px;
			overflow:hidden;
		}
			#mainBanner > #mainNotice > .notiBox:hover {
				/*background-image: url('../images/ic_main_bn_play.png');*/
			}
			#mainBanner > #mainNotice > .notiBox > .slick-arrow {
				display:none !important;
			}
				#mainBanner > #mainNotice > .notiBox:before {
					content:url(../images/bullet_main_notice.png);
					position:absolute;
					left:0;
				}
				
	#mainSlide {
		width:100%;
		position:relative;
	}
	#mainSlide > .slick-arrow {
		background-color: rgba(0,0,0,0.3);
		border: 0;
		/*outline: none;*/
		position: absolute;
		z-index: 1;
		text-indent: -999999px;
		width: 60px;
		height: 60px;
		top:calc(50% - 30px);
		cursor:pointer;
	}
	#mainSlide > .slick-arrow:hover {background-color: rgba(0,0,0,0.5);}
	#mainSlide > .slick-prev {
		left: 0;
		background-image: url('../images/bullet_main_bn_prev.png');
	}

	#mainSlide > .slick-next {
		right: 0;
		background-image: url('../images/bullet_main_bn_next.png');
	}

	#mainSlide > .slick-dots {
		position:absolute;
		bottom:3.5%;
		width:100%;
		text-align:center;
	}
		#mainSlide > .slick-dots > li {
			/*text-indent:-999999px;*/
			border:0;
			border-radius:100%;
			margin:0 10px;
		}
 			#mainSlide > .slick-dots > li.slick-active button{
				background-color:#800000;border:2px solid #f8b61f;zoom:1.2
			} 

			#mainSlide > .slick-dots > li > button {
				text-indent: -999999px;
			    border-radius: 100%;
			    border: none;
			    background-color: rgba(0,0,0,0.3);
			    height: 15px;
			    width: 15px;
			}

/*			#slick-slide-control00{
				text-indent: -999999px;
				border-radius: 100%;
				border: 0;
				width: 100%;
				background-color: rgba(255,255,255,0.5);
			}*/

	#mainSlide_M > .slick-arrow {
		display:none !important;
	}
	#mainSlide_M > .slick-dots {
		position:absolute;
		bottom:3.5%;
		width:100%;
		text-align:center;
	}
		#mainSlide_M > .slick-dots > li {
			text-indent:-999999px;
			border:0;
			width:5px;
			height:5px;
			border-radius:100%;
			background-color:rgba(255,255,255,0.5);
			display:inline-block;
			margin:0 5px;
		}
			#mainSlide_M > .slick-dots > li.slick-active {
				background-color:#ffffff;
			}
			
			
/* newContents */
#newContents {
	width:100%;
	padding-top:3rem;
}

#newContents > ul {
	width: 100%;
	display: flex;
    justify-content: space-between;
}

/* #newContents > ul > li {
	position:relative;
	margin-right:30px;
	width:100%
} */

#newContents > ul > li {
	display:inline-block;
	width:calc(25% - 40px);
	position:relative;
	margin-right:40px;
}

/* #newContents > ul > li img{
	border: 1px solid;
} */

#newContents > ul > li:last-child {margin-right:0;}
#newContents > ul > li > .title {
	font-weight:600;
	font-size:18px;
	border-top: 2px solid #f8b61f;
	padding-top: 5px;
	padding-left: 0;
	margin-left: 5px;
}
	#newContents .newConSlider .slick-arrow {
		position: absolute;
		top: -2.8rem;
		right:0;
		background: #ffffff center no-repeat;
		width: 1.5rem;
		height: 1.5rem;
		text-indent:-999999px;
		border: 0
	}
		#newContents .newConSlider .slick-arrow.slick-prev {
			background-image: url('../images/bullet_con_arrow_l.png');
			right: 1.5rem;
		}
		#newContents .newConSlider .slick-arrow.slick-next {
			background-image: url('../images/bullet_con_arrow_r.png');
			
		}

		#newContents .newConSlider div .textBox {
			font-size:1.25rem;
			margin:1.25rem 0 1.875rem 0;
			line-height:1.85rem;
			height:	3.7rem;
		}

	#newContents ul li .sns {
		/*width: calc(100% - 2.5rem - 2px);*/
		/*padding: 0 1.25rem;*/
		font-size: 1.3rem;
		color: #18191a;
		border: 1px solid #e5e5e5;
		text-align: center;
		height: 3.5rem;
		line-height: 3.5rem;
		background: #ffffff no-repeat center;
		background-position-x: 20%;
		background-size: 2.25rem;
		/*text-indent:10%;*/
		cursor:pointer;
	}
	#newContents ul li .sns:hover {
		color:#ffffff;
		/*border:none;*/
	}
		#newContents ul li .sns.fb {
			background-image: url('../images/ic_sns_fb_n.png');
			text-indent:0;
		}
			#newContents ul li .sns.fb:hover {
				background-image: url('../images/ic_sns_fb_o.png');
				background-color: #2f6eb6;
			}

		#newContents ul li .sns.nt {
			background-image: url('../images/ic_sns_nt_n.png');
		}
			#newContents ul li .sns.nt:hover {
				background-image: url('../images/ic_sns_nt_o.png');
				background-color: #21c506;
			}

		#newContents ul li .sns.bg {
			background-image: url('../images/ic_sns_bg_n.png');
		}
			#newContents ul li .sns.bg:hover {
				background-image: url('../images/ic_sns_bg_o.png');
				background-color: #21c506;
			}

		#newContents ul li .sns.yt {
			background-image: url('../images/ic_sns_yt_n.png');
		}
			#newContents ul li .sns.yt:hover {
				background-image: url('../images/ic_sns_yt_o.png');
				background-color: #f00001;
			}





#businessSection {
	margin-top:5rem;
}

	#businessSection .businessSlider {
		border: 1px solid #e5e5e5;
		padding: 2.4rem;
		/*padding-right:1.9rem;*/
	}
		#businessSection .businessSlider .businessList {

		}
		#businessSection .businessSlider .businessList li {
			display:inline-block;
			max-width:50%;
			vertical-align:top;
		}

		#businessSection .businessSlider .businessList li a{display:block}

		#businessSection .businessSlider .businessList .textBox {
			width:calc(50% - 2.5rem);
			padding-left: 2.5rem;
		}

		#businessSection .businessSlider .businessList .textBox .title {
			font-size: 1.625rem;
			font-weight: bold;
			color: #CD3E32;
		}
		#businessSection .businessSlider .businessList .textBox .info {
			font-size: 1.25rem;
			font-weight: normal;
			color: #404040;
			position:relative;
			padding:1.25rem 0;
			margin:4.5rem 0 0 0;
			height:5.55rem;
			line-height:1.85rem;
			overflow:hidden;
		}
			#businessSection .businessSlider .businessList .textBox .info > .bar {
				width:2.375rem;
				height:1px;
				background-color:#000000;
				position:absolute;
				top:0;
				left:0;
			}

	#businessSection > .businessSlider > .slick-arrow {
		display: none !important;
	}
	#businessSection > .businessSlider > .slick-dots {
		position:absolute;
		left:625px;
		bottom:20px;
	}
		#businessSection > .businessSlider > .slick-dots li {
			border-radius: 100%;
			background-color: #e5e5e5;
			width: 20px;
			/*height: 0.5rem;*/
			z-index: 1;
			/*text-indent: -999999px;*/
			margin-right:0.5rem
		}


		#businessSection > .businessSlider > .slick-dots li > button{text-indent:-9999px;border-radius:100%;border:0;width:100%;height:100%;padding-right:0;background:#862323}



		#businessSection > .businessSlider > .slick-dots li:last-child {margin:0;}
			#businessSection > .businessSlider > .slick-dots li.slick-active {
				background-color: #333;
				width:2rem;
				border-radius:0.5rem;
				border:3px solid #333;
			}
.moreView {
	font-size: 1.125rem;
	color: #656565;
	background: url('../images/bullet_arrow_more.png') no-repeat right center;
	background-size:0.9rem;
	display:inline-block;
	padding-right:1.5rem;
	cursor:pointer;
}

.yoogan_btn{position:absolute;top:0;right:0}

#noticeSection {
	margin-top:5rem;
}
	#noticeSection .noticeSlider {
		width:100%;
		position:relative;
	}
	#noticeSection .noticeSlider .item {
		margin:0 auto;
		border:1px solid #e5e5e5;
	}

	#noticeSection .noticeSlider .item a{display:block}

		#noticeSection .noticeSlider .slick-list {
			padding:0 3.125rem
		}
		#noticeSection .noticeSlider .slick-arrow {
			position: absolute;
			top: 0;
			z-index: 1;
			background: #ffffff;
			border: 0;
			width: 22px;
			height: 100%;
			border: 0;
			/*outline:none;*/
		}
		#noticeSection .noticeSlider .slick-prev {
			background: url('../images/bullet_con_arrow_b_l_n.png') no-repeat #ffffff center;
			text-indent:-999999px;
			left:0;
			padding-right:44px;
		}
			#noticeSection .noticeSlider .slick-prev:hover {
				background-image: url('../images/bullet_con_arrow_b_l_o.png');
			}
		#noticeSection .noticeSlider .slick-next {
			background: url('../images/bullet_con_arrow_b_r_n.png') no-repeat #ffffff center;
			text-indent: -999999px;
			right: 0;
			padding-left: 43px;
		}
			#noticeSection .noticeSlider .slick-next:hover {
				background-image: url('../images/bullet_con_arrow_b_r_o.png');
			}
			#relationSection .slick-dots,
			#noticeSection .slick-dots {display:none !important;}
			
#relationSection {
	margin-top: 5rem;
	position:relative;
	display: flex;
	justify-content: space-between;
}

#relationSection .secTitle{
	width: 10%;
	font-weight: 600;
	font-size: 16px;
	line-height: 48px;
}

#relationSection .relationSlider {
	width: 89%;
	position: relative;
}

#relationSection .relationSlider .item {
	margin: 0 auto;
	
}

#relationSection .relationSlider .item a{display:block}

#relationSection .relationSlider .item img {
	border: 1px solid #e5e5e5;
	padding: 0 5px;
    height: 50px;
    width: 90%;
}
#relationSection .relationSlider .slick-list {
	/* padding: 0 3.125rem */
}

#relationSection .relationSlider .slick-arrow {
	position: absolute;
    background: #ffffff center no-repeat;
    width: 1.5rem;
    height: 1.5rem;
    text-indent: -999999px;
    border: 1px solid #e5e5e5;
    top: 0.9rem;
}

#relationSection .relationSlider .slick-prev {
	background-image: url(../images/bullet_con_arrow_l.png);
    left: -5rem;
}

#relationSection .relationSlider .slick-next {
	background-image: url(../images/bullet_con_arrow_r.png);
	left: -3rem;
}


.mobileViewArea {
	display:none !important;
}


#m_fullmenu {
	display:none;
}


/* 기존 CSS를 수정하기 위해 추가 삽입 2019-09-11 */

.naviLayout {
	padding-top:100px;
	margin:0 auto !important;
}
.naviBoxIn > ul {
	width:100%;
}
.naviBoxIn ul li {
	background: #ffffff !important;
}

	.naviBoxIn ul li a {
		color: #000000 !important;
	}
		.naviBoxIn ul li a:hover {
			color: #f9b228 !important;
		}
	.naviBoxIn ul li.on {
		background: #fcb037 !important;
		font-weight:bold;
		
	}
		.naviBoxIn ul li.on a:hover {
			color: #ffffff !important;
		}

/* 기존 CSS를 수정하기 위해 추가 삽입 2019-09-20 */

.contentLayout {
	font-size:14px;
	line-height:160%;
}
.ulList li {
	display:list-item;
}

#skipNavigation {position: absolute; left: 0; top: 0; width: 100%; z-index: 10000;}
#skipNavigation a {display: block; position: absolute; left: 0; top: -10px; width: 100%; height: 1px; margin-bottom: -1px; background: #f2f2f2; font-size: 0; text-align: center; font-weight: bold; color: #444;}
#skipNavigation a:hover, #skipNavigation a:focus, #skipNavigation a:active {position: absolute; left: 0; top: 0; height: 20px; padding: 4px; font-size: 15px;}


/* 웹 접근성을 위한 메인페이지 상단 즐겨찾기 영역 미디어쿼리 감추기 */

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

#topArea_web > #topMenu > .setMenu ul{display:none}

}

/* 웹 접근성을 위한 메인페이지 게시판 목록 글씨 감추기 */

.container .tab-content h3{position:absolute;top:0;left:0;text-indent:-99999px;color:#fff}
#mainBanner h3{position:absolute;top:0;left:0;text-indent:-99999px;color:#fff}
#newContents h3{position:absolute;top:0;left:0;text-indent:-99999px;color:#fff}
#businessSection h3{position:absolute;top:0;left:0;text-indent:-99999px;color:#fff}
#noticeSection h3{position:absolute;top:0;left:0;text-indent:-99999px;color:#fff}
#relationSection h3{position:absolute;top:0;left:0;text-indent:-99999px;color:#fff}


/* 20201024 퀵메뉴 웹 접근성 수정 LIM */

#tsOpen button{border:0;background:none}

/* 메인 큰 배너 슬라이드 재생 및 정지 버튼 위치 */

.main_slide{position:absolute;left:21.5%;bottom:2%;padding:5px;background:rgba(0,0,0,0.45);}



/* 20221026 공식 전자정부 누리집 헤더 최상단 영역 */

#high_top{background-color: #ffffff;text-align: left;max-width: 1200px;margin: 0 auto;width:100%;padding:10px 0}

#high_top .gov-info {margin-left: -10px;display: inline-block;vertical-align: middle;margin-right: 10px;color: #4f6280;padding: 5px 10px}

#high_top .gov-info li img{vertical-align: middle;margin-right: 10px}

#high_top .gov-info li{line-height:27px}

/* 20221026 공식 전자정부 누리집 헤더 최상단 영역 end */


/* 20230219 게시판 text에 컬러값이 입혀져있을 경우 명도 준수 컬러값으로 자동 변경 */

.conbodyBox .board_content p span strong span{color:#800000!important;font-weight:600}



/* 도움말 페이지 css */


.bod_list thead th, .bod_maintain thead th {padding:1.6rem 0; font-weight:500; color:#10293b; vertical-align: middle;}
.bod_list thead, .bod_maintain thead {border-bottom:1px solid #c5c9d6;}
.bod_list tbody td, .bod_maintain tbody td {padding:1.4rem .5rem;border-bottom:1px solid #c5c9d6;font-size:1.5rem /* 15px;;;;; */;color:#777777;position:relative;vertical-align:middle;line-height:120%;width: 100%;}
.bod_list dd a{color: blue;font-weight: unset;}
.bod_list a,
.bod_maintain a {color: #666;font-weight: 600;font-size: 15px;}
.bod_list a img,
.bod_maintain a img {vertical-align:middle;}
.bod_list a:hover,
bod_list a:focus,
.bod_maintain a:hover,
.bod_maintain a:focus {text-decoration:underline}
.bod_list span.ico_new {vertical-align:middle; width:31px; height:9px; background:url('./../img/board/ico_new.png') no-repeat 50% 50%; display:inline-block; text-align:center; margin-left:10px; position:relative; vertical-align:middle;}
.bod_list .btn,
.bod_maintain .btn {display:inline-block; background:#fff !important; border:1px solid #ccc !important; padding:0.4rem 1rem !important; border-radius:4px; -webkit-transition:0.3s; -o-transition:0.3s; transition:0.3s; color:#777; margin:1px 0; font-size:1.3rem;}
.bod_list .btn:hover,
.bod_maintain .btn:hover,
.bod_list .btn:focus,
.bod_maintain .btn:focus {border:1px solid #aaa !important; color:#222;}
.bod_list .btn.del,
.bod_maintain .btn.del {border:1px solid #e5520a !important; background:#e5520a !important; color:#fff;}

.bod_list .btn.mod,
.bod_maintain .btn.mod {border:1px solid #3b4e69 !important; background:#3b4e69 !important; color:#fff;}

.bod_list.faq .list_category {width:12%;}
.bod_list.faq .list_write {width:17%;}
.bod_list.faq .list_tit {padding-left:1rem !important;}
.bod_list.faq .list_category >span {background:#299eab; color:#fff; padding:0 1rem; border-radius:4px;}
.bod_list.faq .faq_answer {background:#f5f5f5;text-align:left;padding:3rem;line-height:150%;}
.bod_list.faq .faq_answer dt, .bod_list.faq .faq_answer dd {float:left;}
.bod_list.faq .faq_answer dt:before {content:'Q';width:24px;height:24px;background:#333;color:#fff;border-radius:50%;display:inline-block;text-align:center;vertical-align:top;margin-right:1rem;padding: 0 5px 10px;}
.bod_list.faq .list_q {margin-bottom: 1.6rem;/* padding-bottom: 1rem; */}
.bod_list.faq .list_q >dd {font-weight:500; font-size:1.7rem; color:#333; width:93%;}
.bod_list.faq .list_a >dd {width:93%;}
.bod_list.faq .list_a dt:before {content:'A';background:#800000}

.blind{border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px !important;overflow: hidden;padding: 0;position: absolute;width: 1px;}

/* board view for mobile */
.board_content table{width: 100%!important;table-layout: auto!important;/* overflow-x: auto; */}


/* layer popup css */

/*
.Info_Pop {display:none;position:absolute;top:135px;z-index:997;}
.pop_pc {display:block;}
.today_no {width:100%;height:30px;background:#000;vertical-align: middle;color:#fff;padding:5px 0 0 8px;position: relative}
.today_no input{vertical-align:middle;}
.today_no label {padding:0 80px 0 5px;}
.today_no .CLose {position:absolute;top:6px;right:10px;;color:#fff;}
.offscreen {position:absolute !important; height: 1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-break:initial;word-wrap:initial;}
.pop_mo {display:none;}
@media all and (max-width:640px){
.Info_Pop {top:93px;}
.pop_pc {width:120%;display:none;}
.today_no {font-size:10px;width:75%;}
.pop_mo {display:block;width:100%}
.pop_mo img {display:block;width:75%}
.Info_Pop.type1 {width:80%}
}

.Info_Pop_wrap{position:absolute;top:221px;z-index:997;width:100%;}
.Info_Pop_wrap .Info_Pop1{top:0;}
.pop_mo > img {width: 100%;}
@media all and (max-width:1620px){
.Info_Pop_wrap .Info_Pop1{width:31.25%;}

}


@media all and (max-width:1024px){
.Info_Pop_wrap{position:absolute;top:170px;z-index:997;width:100%;}
.Info_Pop_wrap{max-width:500px;}
.Info_Pop_wrap .Info_Pop1{position:static;width:auto;}

}

@media all (max-width: 480px) {
	.pop_mo {display:block; width:480px;}
	.pop_pc {dispaly:none;}
	.pop_mo > img {width: 100%;}
}*/


/* 공공누리 유형 모바일 미디어쿼리 */

@media (min-width: 768px) and (max-width: 1024px) {

.nuri_kind img {width:100%!important}
#mainSlide{width:100%;padding-top:20px}
.main_slide{left:0}

}



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

.nuri_kind img {width:100%!important}
#mainSlide{width:100%;padding-top:20px}
.main_slide{left:0}

}



@media (min-width: 481px) and (max-width: 767px) {

.nuri_kind img {width:100%!important}
.main_slide{left:0}

}



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

.nuri_kind img {width:100%!important}
#mainSlide{width:100%}
.main_slide{left:0}

}

/* 상단 메뉴bar 변경 웹 접근성 20220315 Lim*/



/* header */

#search_form{font-size:12px;border-radius: 20px;padding: 5px 10px;}

#header { display: flex; align-items: center;}
#header h1 {}
#header .right_logo{text-align: right}
#header .right_logo img{float: right;padding-left:30px}

#header h1 img 
#header .logo_area {position:absolute; top:0; right:218px; z-index:12;}
#header .logo_area .tit {display:none;}
#header .logo_area > ul {padding:32px 0px 0 0; font-size:0;}
#header .logo_area > ul > li {position:relative; display:inline-block; font-size:14px; padding:0 10px; font-weight:500; color:#666}
#header .logo_area > ul > li:before {content:''; position:absolute; top:50%; right:0; display:block; width:1px; height:10px; margin-top:-6px; background:#d0d0d0;}
#header .logo_area > ul > li:last-child:before {display:none}
#header .logo_area > ul > li a:hover {color:#222; text-decoration:none; }
#header .logo_area > ul > li:last-child a {position:relative; padding-left:20px;}
#header .logo_area > ul > li:last-child a:before {content:''; position:absolute; top:1px; left:0; display:block; width:15px; height:15px; background:url('../images/common/ico_gb.png') 0 0 no-repeat; background-size:15px;}
#header .logo_area > ul > li:last-child a:hover:before {background-image:url('../images/common/ico_gb_color.png') }


#header .btns button {display:none; width:82px; height:82px}
#header .btns button > span {position:relative; display:block; margin: 0 auto; width:35px; height:4px; background:#322f2c; text-indent:-9999px; border-radius: 5px;}
#header .btns button > span:after, #header .btns > button > span:before {position:absolute; display:block; right:0; width:35px; height:4px; background:#322f2c; border-radius: 5px;}
#header .btns button > span:after {top:-10px; transition: all 0.3s ease; content:''; }
#header .btns button > span:before {top:10px; transition: all 0.2s ease; content:'';} 
#header .btns button:hover > span:after, #header .btns > button:hover > span:before {width:100%;}	

#header .search_area {position:absolute; top:0; right:80px; z-index:20; padding-top:29px; width:15%}
#header .search_area button.tit {position:relative; width:100%; padding:0 48px 0 12px; color:#666; text-align:left; font-weight:500; font-size:14px}
#header .search_area button.tit:before {content:''; position:absolute; top:50%; left:1px; display:block; width:1px; height:10px; margin-top:-6px; background:#d0d0d0;}
#header .search_area button:after {display:block; position:absolute; top:7px; right:15px; width:10px; height:6px; background:url('../images/common/btn_relation.png') 0 0 no-repeat; background-size:20px; content:'';}
#header .search_area.on button:after {background-position:-10px 0px}
#header .search_area .cont {display:none; position:absolute; z-index:100; top:57px; width:100%;}
#header .search_area .cont ul {color:#fff; /* border-top:2px solid #0053A5 */ }
#header .search_area .cont ul li {background:#0053A5; border-bottom:1px solid #196cbe; font-size:13px}
#header .search_area .cont ul li:last-child {border-bottom:0 none}
#header .search_area .cont ul li a {display:block; padding:3px 8px 3px 9px; transition:background 0.3s ease-out;}
#header .search_area .cont ul li a.ls {letter-spacing:-1px;}
#header .search_area .cont ul li a:hover, #header .search_area .cont ul li a:focus {background:#00478d;}

#header .btn_area, #header .box_end {display:none; }
#header .btn_area button{padding:0; border:none; background:transparent;}

/* gnb */
#gnb {position:relative; margin-left: 50px;}
#gnb > ul {text-align:center; font-size:0;}
#gnb > ul > li {position:relative; display:inline-block; }
#gnb > ul > li .active{color:#800000;font-weight:bold;text-decoration:underline}
#gnb > ul > li > a {display:block; padding:0 60px; height:82px; font-size:18px;text-decoration:none; line-height:82px; letter-spacing:-0.6px; color:#322f2c; font-weight: 500;}

#gnb > ul > li.long > a {padding:0 50px;}
#gnb > ul > li > a:hover, #gnb > ul > li > a:focus {color:#6B4B18; transition:all 0.2s ease-out;}

#gnb > ul > li > a:after {display:block; position:absolute; left:50%; bottom:0; width:0; height:2px; content:''; transition:all 0.2s ease-out;}
#gnb > ul > li > a:hover:after, #gnb > ul > li:hover a:after {width:100%; margin-left:-50%; background:#6B4B18}

#gnb > ul > li.on > a:before {display:block} 
#gnb > ul > li.on > a{color:#800000}


#gnb > ul > li > ul {display:none; position:absolute; z-index:120; top:82px; left:0; width:100%; height:417px; padding:15px 0; border-right:1px solid #e5e5e5;}
#gnb > ul > li:first-child > ul {border-left:1px solid #e5e5e5;}
#gnb.open > ul > li > ul {display:block;}
#gnb span.bg {display:none; position:absolute; z-index:110; top:82px; left:0; width:100%; height:446px; border-bottom:1px solid #dfdee6; background:#fff}
#gnb.open span.bg {display:block;}
#gnb.open > ul > li:first-child:before {display:block;}
#gnb > ul > li > ul > li > a {display:block; position:relative; padding:10px 0; color:#666; font-size:15px; text-align:center; line-height:19px; text-decoration:none; letter-spacing:-0.3px;font-weight:600;width:160px}
#gnb > ul > li > ul > li > a:hover, #gnb > ul > li > ul > li > a:focus {background:#6B4B18; color:#fff;}
#gnb > ul > li ul.depth3 {display:none;}

#gnb ul .sites{display:none}

@media screen and (max-width:1700px) {	
	/* header */

	#header h1 {left:20px;}

	/* gnb */
	
	#gnb > ul > li.long > a {padding:0 35px;}
	#gnb > ul > li > ul > li > a {font-size:16px;}
}
@media screen and (max-width:1500px) {	
	/* gnb */
	#gnb > ul > li > a {padding:0 50px}
}
@media screen and (max-width:1400px) {

	/* header */
	#header .search_area input{display:none}
	#header {height:80px; width:100%;  justify-content: space-between;}
	#header h1 {position:static; text-align:center;}

	#header .logo_area {display:table; width:215px; right:-290px; left:auto; height:80px; margin-left:0; background:#fff; border-bottom:1px solid #6B4B18; transition: right 0.3s ease; z-index:110; opacity:0;}
	#header .logo_area:after {content:''; display:block; clear:both;}
	#header .logo_area > ul {display:table-cell; padding:0; vertical-align:middle; text-align:right; padding-right:5px;}
	
	#header .logo_area > ul > li {padding:0 6px;}
	#header .logo_area > ul > li a {display:inline-block; font-size:14px;}
	#header .logo_area .tit {display:table-cell; text-align:left; vertical-align:middle; padding-left:18px;}
	#header .logo_area .tit img {}
	#header .logo_area > ul > li:last-child a {padding:3px 13px; border:1px solid #cecece; color:#777; border-radius:30px}
	#header .logo_area > ul > li:last-child a:before {display:none}
	#header .logo_area > ul > li:last-child a span {display:none}

	#header .search_area {left:15px; right:auto; padding-top:27px;}
	#header .search_area button.tit:before {display:none}
	#header .search_area .cont {top:80px}

	#header .btns > button {width:34px; margin-left: 10px; display:block;}
	#header .btn_sitemap {display:none}
	#header .btn_area, #header .btn_area .box_end { display: flex; align-items: center;}
	#header .btn_area .box_end {z-index:110; position:fixed; top:0; right:-40px; display:block; transition: right 0.3s ease;}
	#header .btn_area .box_end > button {width:40px; height:40px; background:#111 url(/common/img/x_btn.png) no-repeat 50%/18px; text-indent:-9999px; }
	#header .btn_area .lang{z-index:10}

	#header.open .logo_area {right:0; opacity:1;}
	#header.open .btn_area .box_end {right:215px;}
	#header.open .btn_area .binbox {position: fixed; z-index:100; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;}
	#header.open #gnb {right:0; overflow-y:auto;}	

	/* gnb */
	#gnb {position:fixed; display:block; top:0; right:-290px;width:215px; height:100%; background:#fff; z-index:110; transition: right 0.3s ease;}
	#gnb > ul {text-align:left;}
	#gnb > ul > li {display:block; width:100%; border-bottom:1px solid #e7e7e7}
	#gnb > ul > li:after {display:none}
	#gnb > ul > li > a {padding:0 18px; height:70px; line-height:70px; font-size:21px; color:#000; text-decoration:none; background:url('/common/images/menu.png') 92.4% 50% no-repeat; background-size:11px; transition:background 0.2s ease;}
	#gnb > ul > li.long > a {padding:0 20px 0 18px;}
	#gnb > ul > li > a:hover {background-color:#f6f6f6;}
	#gnb > ul > li > a:hover:before {display:none}
	#gnb > ul > li > ul {position:static; padding:0; height:auto; max-height:0; min-height:auto; border:0; display:block !important; overflow:hidden; transition:max-height 0.8s; background:#f1f1f1}	
	#gnb > ul > li > ul > li > a {position:relative; display:block; padding:0 26px 0 31px; height:46px; line-height:46px; border-bottom:1px solid #e5e5e5; color:#666; font-size:16px; text-align:left;font-weight:600}
	#gnb > ul > li > ul > li:last-child > a {border-bottom:0 none}
	#gnb > ul > li > ul > li > a:before {content:''; position:absolute; top:50%; left:18px; display:block; width:6px; height:1px; background:#b3b3b3}
	#gnb > ul > li > ul > li > a:hover, #gnb > ul > li > ul > li.on > a {background:#e8edf3; color:#6B4B18} 
	#gnb > ul > li > ul > li.on > a {font-weight:bold; text-decoration:underline;} 
    #gnb > ul > li.on > ul {max-height:2000px;}
	#gnb > ul > li.on > a {background:#6B4B18 url('/common/images/menu_on.png') 92.4% 50% no-repeat;  background-size:11px; color:#fff}
	#gnb > ul > li > a:after, #gnb.open span.bg {display:none;}
	#gnb > ul > li.on > a:before {display:none;}


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

	/* header */
	#header .search_area {left:15px; padding-top:23px;}
	#header .search_area button.tit {padding:0 38px 0 10px; font-size:12px; letter-spacing:-0.7px; font-weight:bold}
	#header .search_area button:after {top:5px; right:22px}
	#header .search_area .cont {top:65px}
	#header .search_area .cont ul li a {font-size:12px}
	#header .search_area .cont ul li a.ls {letter-spacing:-1.3px;}
	
	#header .search_area input{display:none}

	#header .btns > button > span {transform:scale(0.9)}

	#header .logo_area {height:65px;}
	#header .logo_area .tit img {height:40px}
	#header .logo_area > ul > li a {font-size:11px}	

	/* gnb */
	#gnb > ul > li > a {height:60px; line-height:60px; font-size:17px; letter-spacing:-0.3px;}
	#gnb > ul > li > ul > li > a {height:42px; line-height:42px; font-size:14px;}
	#gnb > ul > li > ul > li > a:before {top:49%}
	#gnb ul .sites{display:block}


}


/* popup setting */

.Info_Pop {display:none;position:absolute;top:135px;z-index:997;left:200px}
.Info_Pop2 {display:none;position:absolute;z-index:997;/* left:510px; */top: 350px}
.Info_Pop3 {display:none;position:absolute;z-index:997;left:1020px;top:35px}


.pop_pc {display:block;}
.pop_pc img{width:100%}
.today_no {/* width:100%; */height:30px;background:#000;vertical-align: middle;color:#fff;padding:5px 0 0 8px;position: relative}
.today_no input{vertical-align:middle;}
.today_no label {padding:0 80px 0 5px;color: #fff;}
.today_no .CLose {position:absolute;top:6px;right:10px;;color:#fff;}
.offscreen {position:absolute !important; height: 1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-break:initial;word-wrap:initial;}
.pop_mo {display:none;}
@media all and (max-width:640px){
.Info_Pop {top:93px;left:0}
.pop_pc {width:120%;display:none;}
.today_no {font-size:10px;/*width:100%*/}
.pop_mo {display:block;width:100%}
.pop_mo img {display:block;width: 100%;}
.Info_Pop2 .pop_mo img {display:block;width: 100%;}	
.Info_Pop.type1 {width:80%}
}

.Info_Pop_wrap{position:absolute;top:124px;z-index:997;width:100%}
.Info_Pop_wrap .Info_Pop1{top:0;}
.pop_mo > img {width: 100%;}
@media all and (max-width:1620px){
.Info_Pop_wrap .Info_Pop1{width:31.25%;}
.Info_Pop_wrap .Info_Pop2{width:31.25%;}

}


@media all and (max-width:1024px){
.Info_Pop_wrap{position:absolute;top:170px;z-index:997;width:100%;left:0}
.Info_Pop_wrap{max-width:500px;}
.Info_Pop_wrap .Info_Pop1{position:static;width:auto;}
.Info_Pop_wrap .Info_Pop2{position:absolute;width:100%;top:430px!important;left:0!important}

}

@media all and (max-width: 480px) {
	.pop_mo {display:block}
	.pop_pc {display:none;}
	.pop_mo > img {width: 100%;}
}

.focused {
	border: 3px solid #222;
}