@font-face {
    font-family: 'ChosunCentennial';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/ChosunCentennial.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* **************************************** *
 *show_none
 * **************************************** */
	/*웹*/
	@media (min-width: 1024px) {
.mobile_show {
	display: none;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.mobile_show {
	display: none;
}
.web_show {
	display: none;
}
body {
}
}

	/*모바일*/
	@media (max-width:640px) {
.web_show {
	display: none;
}
.mobile_none {
	display: none;
}
#draggable {
	width:250px !important;
	height:auto !important;
	left:0 !important
}

#draggable img {
	width:100% !important;
	height:auto !important
}
.m_pop {
	height:auto !important
}

}








/* **************************************** *
 * 스크롤다운
 * **************************************** */
.section {
  position: relative;
  width: 100%;
  overflow:hidden;
min-height:600px;
}
.section::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;

}

.scroll_down3 {text-align:center; position:relative; width:100%; overflow:hidden;}

		.scroll_down3 img { 
		 animation:1.4s ease-out infinite idcard; 
			 -webkit-animation-fill-mode: forwards;
		}

	
.scroll_down3  a {color:#000; font-weight:bold;
box-sizing:border-box;}

.scroll_down3 p {   display:inline-block;  border-radius:50%; border:2px solid #999;}

.home_go {text-align:Center; padding:30px 0px; overflow:hidden;}
.home_go  a{display:inline-block; background: #ff6600;  font-size:30px;  letter-spacing:-1px;
line-height:93px; color:#fff !important; font-weight:600;  padding:0px 40px; border-radius:5px; margin: 0 20px}
.fest_img {background:url('/images/sub/fest_img.png') no-repeat center right 50px;}

	/*웹*/
	@media (min-width: 1024px) {
	.scroll_down3 {margin:30px 0px 90px 0px; }
	.scroll_down3 img  {width:50px; line-height:57px; }
	.scroll_down3 p {width:57px; height:57px; margin-bottom:6px;}
    .scroll_down3  a {font-size:11px; line-height:20px; letter-spacing:3px;}
.home_go  a{  font-size:20px; line-height:63px; padding:0px 40px;}

	@keyframes idcard{
			0% ,100%  {    transform: translatey(0px) }
			50%   { transform: translateY(-5px)  }
			}


}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {

	.scroll_down3 {margin:30px 0px 60px 0px; }
	.scroll_down3 img  {width:60px; line-height:60px; }
	.scroll_down3 p {width:70px; height:70px; margin-bottom:10px;}
    .scroll_down3  a {font-size:11px; line-height:20px; letter-spacing:3px;}

	@keyframes idcard{
			0% ,100%  {    transform: translatey(0px) }
			50%   { transform: translateY(-5px)  }
			}




}
	/*모바일*/
	@media (max-width:640px) {



	.scroll_down3 {margin:30px 0px 60px 0px; }
	.scroll_down3 img  {width:40px; line-height:40px; }
	.scroll_down3 p {width:60px; height:60px; margin-bottom:10px;}
    .scroll_down3  a {font-size:11px; line-height:20px; letter-spacing:3px;}

	@keyframes idcard{
			0% ,100%  {    transform: translatey(0px) }
			50%   { transform: translateY(5px)  }
			}



}



















/* **************************************** *
 * 전체보기
 * **************************************** */





	/*웹*/
	@media (min-width: 1024px) {

.allbtn  h3 {text-align:center; width:100%; position:relative; border-bottom:3px solid #fff; padding-bottom:30px;}

.allbtn  h3 p {position:absolute; top:30px; right:20px; display:block;}




.modal-backdrop{}
.allbtn .modal-content{background:#2a5079;box-sizing:border-box; width:100%; padding:30px 80px;}
.allbtn .modal-dialog{width:100%; margin:0px; }
.menuinner li {width:100%; border-top:1px solid rgba(255,255,255,0.1); overflow:hidden; padding:30px 30px; box-sizing:border-box;}
.menuinner li:nth-child(1) {border-top:none;}

.menuinner li  a { display:inline-block; width:25%; vertical-align:top;}
.menuinner li  a span {  color:#fff; font-weight:700;  font-size:26px; line-height:50px; }

.menuinner li .sub-menu  {display:inline-block; width:70%; }

.menuinner li .sub-menu a span {font-size:17px; color:#fff; line-height:25px;}
.menuinner li .sub-menu  li {display:inline-block; height:auto;  border:none; padding:0px; line-height:}


.menuinner li .sub-menu  li {width:25%; float:left; }
.menuinner li .sub-menu  li a{width:100%;}
.menuinner li .sub_menu2 li {width:100%; padding:0px;}

.menuinner li .sub_menu2 li a span{font-size:14px;  line-height:16px; color:rgba(255,255,255,0.4); width:100%;}





}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
 .allbtn {display:none;}
}
	/*모바일*/
	@media (max-width:640px) {
 .allbtn {display:none;}

}











/* **************************************** *
 *width_area
 * **************************************** */
.width_area, .contents {
	width: 96%;
	max-width: 1280px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}



/*웹*/
	@media (min-width: 1024px) {
.contents {
	min-height: 500px;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.contents {
	padding: 40px 0px;
	min-height: 500px;
}
}

	/*모바일*/
	@media (max-width:640px) {
.contents {
	padding-bottom: 30px;
	min-height: 500px;
}
}
/* **************************************** *
 *footer_wrap
 * **************************************** */

.footer_wrap {
	overflow: hidden;
	width: 100%;
	background: #475062;
}
.footer_wrap ul {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.footer_wrap ul li {
	display: inline-block;
}
.footer_wrap ul li a {
	color: #fff;
	display: inline-block;
	font-weight: 800;
}
.footer_wrap ul li.important a {
	color: #f0dc38;
}
.footer_wrap .inner {
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}
.footer_wrap .inner p {
	color: #fff;
	font-weight: 400;
}
.footer_wrap .copy {
	color: rgba(255,255,255,0.3);
}


/*웹*/
@media(min-width:1023px) {
.footer_wrap {
	padding: 30px 0px;
}
.footer_wrap ul {
	padding: 10px 20px;
	overflow: hidden;
}
.footer_wrap ul li {
	padding-right: 40px
}
.footer_wrap ul li a {
	font-size: 18px;
	line-height: 40px;
}
.footer_wrap .inner, .footer_wrap .copy {
	padding-left: 20px;
}
.footer_wrap .inner, .footer_wrap .inner p {
	float: left;
	padding-right: 20px;
	padding-top: 10px;
}
}


/*패드*/
@media (max-width: 1023px) and (min-width: 641px) {
.footer_wrap {
	padding: 20px 0px;
}
.footer_wrap ul {
	padding: 10px 20px;
	overflow: hidden;
}
.footer_wrap ul li {
	padding-right: 30px
}
.footer_wrap ul li a {
	font-size: 15px;
	line-height: 30px;
}
.footer_wrap .inner, .footer_wrap .copy {
	padding-left: 15px;
}
.footer_wrap .inner, .footer_wrap .inner p {
	float: left;
	padding-right: 20px;
	padding-top: 10px;
}
}


/*모바일*/
@media (max-width:640px) {
.footer_wrap {
	padding: 30px 0px;
}
.footer_wrap ul {
	padding: 10px 20px;
	overflow: hidden;
}
.footer_wrap ul li {
	padding-right: 10px
}
.footer_wrap ul li a {
	font-size: 13px;
	line-height: 24px;
}
.footer_wrap .inner, .footer_wrap .copy {
	padding-left: 20px;
}
.footer_wrap .inner, .footer_wrap .inner p {
	float: left;
	padding-right: 20px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 20px;
}
.footer_wrap .copy {
	font-size: 12px;
	line-height: 16px;
	padding-top: 15px;
	overflow: hidden;
}
}
/* **************************************** *
 *움직임 컨트롤 서브
 * **************************************** */

/* 

.sub_wrapper  .cont_tit{ transition:all 1s;
   -webkit-transition:all  1s; opacity:0;  margin-top:-20px; }


.animate_content  .cont_tit{
opacity:1; margin-top:0px;
}

.sub_wrapper  .contents {transition:all 1s;
   -webkit-transition:all  1s; opacity:0; margin-top:80px;  }


.animate_content  .contents{
opacity:1; margin-top:0px;
}

 */




.scroll-anime-translateY {
	-moz-transform: translateY(100px);
	-o-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-webkit-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;
}
.scroll-anime-translateX-left {
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
	opacity: 0;
}
.scroll-anime-translateX-right {
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
	opacity: 0;
}
.scroll-anime-scale {
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}






/* **************************************** *
 * 메인 비쥬얼 레이아웃
 * **************************************** */

.main_visual_area { position:relative; }
	.main_visual_area .bg {background:#eee9e5;  z-index:1; }
	.main_visual_area .imgarea {   overflow:Hidden;  }

	.main_visual_area  .bxslider3 div img {width:100%; object-fit: cover;  height:100%;}
	.main_visual_area .bx-controls {display:none;}
	.main_visual_area  .search_area {background:#fff; border-style:solid; border-color:#2c85c7; overflow:Hidden;}
	.main_visual_area  .search_area  input {width:100%; background:#fff; border:none;}

	.main_visual_area  .search_area input::-webkit-input-placeholder { font-weight:600; color:#2c85c7;}
	.main_visual_area  .search_area input::-moz-placeholder { font-weight:600; color:#2c85c7;}
	.main_visual_area  .search_area input:-ms-input-placeholder { font-weight:600; color:#2c85c7;}
	.main_visual_area  .search_area input:-moz-placeholder {font-weight:600; color:#2c85c7; }
	.main_visual_area  .search_area input::placeholder {font-weight:600; color:#2c85c7; }

		.main_visual_area  .search_area  dt {float:left;}
		.main_visual_area  .search_area  dd {float:right; }
.main_visual_area  .search_area  dd img {vertical-align:middle;}
	 .main_visual_area .txtarea  img{max-width:100%;}

.txtarea_inner {width:100%;}

.main_visual_area .icon_area {overflow:hidden; }
	.main_visual_area .icon_area dl{ width:33%;;}
.main_visual_area .icon_area dl{cursor:pointer; float:left; box-sizing:border-box; }
.main_visual_area .icon_area dl:nth-child(2n){border-left:1px solid #d0bfb9;  border-right:1px solid #d0bfb9; }
.main_visual_area .icon_area dl dt, .main_visual_area .icon_area dl dd {text-align:center;}
.main_visual_area .icon_area dl dd{color:#3c3a39; font-weight:700;}

/*웹*/
	@media (min-width: 1024px) {
	.main_visual_area .bg { position:absolute; right:0; ; z-index:1; width:68%; height:100%;}
   .main_visual_area , .main_visual_area  .bxslider3 div { overflow:hidden; width:100%;  }
	.main_visual_area .imgarea {   z-index:3; position:absolute;  left:0px; }
	 .main_visual_area .txtarea { z-index:2; position:relative; box-sizing:border-box; }
.main_visual_area .txtarea .txtarea_inner {float:right; }

	.mtxt_tit { width:100%; padding-bottom:30px;}
	.main_visual_area  .search_area {border-radius:35px;  border-width:5px;}
.main_visual_area  .search_area  input {font-size:18px; color:#000; letter-spacing:-1px;}
	.main_visual_area  .search_area input::-webkit-input-placeholder { font-size:18px;  line-height:62px;}
	.main_visual_area  .search_area input::-moz-placeholder {font-size:18px; line-height:62px; }
	.main_visual_area  .search_area input:-ms-input-placeholder {font-size:18px;  line-height:62px;}
	.main_visual_area  .search_area input:-moz-placeholder {font-size:18px;  line-height:62px; }
	.main_visual_area  .search_area input::placeholder {font-size:18px;  line-height:62px;}

	.main_visual_area  .search_area  input, .main_visual_area  .search_area  dd{line-height:62px; height:62px;}
	.main_visual_area  .search_area  dd{text-align:center;}

.main_visual_area .icon_area { padding-top:40px; }
		.main_visual_area  .search_area  dt {width:90%;}
		.main_visual_area  .search_area  dd {width:10%;}
		.main_visual_area .icon_area dd {font-size:17px; line-height:22px; padding-top:10px;}

}



/*웹*/
	@media (min-width: 1320px) {
		.main_visual_area .bg {  top:130px;;}
 		.main_visual_area .imgarea {   width:50%; top:190px; }
		.main_visual_area .txtarea { padding-top:190px;}
		.main_visual_area .txtarea .txtarea_inner {width:520px;}
      .main_visual_area , .main_visual_area  .bxslider3 div { height:780px; }
	  	.main_visual_area  .search_area {padding:0px 26px; }

}





/*웹*/
	@media (min-width:1024px) and (max-width:1319px) {
		.main_visual_area .bg {  top:170px;}
 	.main_visual_area .imgarea {   width:49%; top:220px; }
		.main_visual_area .txtarea { padding-top:220px;}
		.main_visual_area .txtarea .txtarea_inner {width:460px;}
      .main_visual_area , .main_visual_area  .bxslider3 div { height:780px; }
	  	.main_visual_area  .search_area {padding:0px 26px; }
		.main_visual_area .icon_area dd {font-size:16px;  padding-top:0px;}


}


/*웹*/
	@media (min-width:1024px) and (max-width:1100px) {
		.main_visual_area .txtarea .txtarea_inner {width:400px;}

}






	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {

	.main_visual_area .bg { position:absolute; right:0; ; z-index:1; width:68%; height:100%;}
   .main_visual_area , .main_visual_area  .bxslider3 div { overflow:hidden; width:100%;  }
	.main_visual_area .imgarea {   z-index:3; position:absolute;  left:0px; }
	 .main_visual_area .txtarea { z-index:2; position:relative; box-sizing:border-box; }
.main_visual_area .txtarea .txtarea_inner {float:right; }

	.mtxt_tit { width:100%; padding-bottom:30px;}
	.main_visual_area  .search_area {border-radius:35px;  border-width:4px;}
.main_visual_area  .search_area  input {font-size:15px; color:#000; letter-spacing:-1px;}
	.main_visual_area  .search_area input::-webkit-input-placeholder { font-size:15px;line-height:52px; }
	.main_visual_area  .search_area input::-moz-placeholder {font-size:15px; line-height:52px;}
	.main_visual_area  .search_area input:-ms-input-placeholder {font-size:15px;line-height:52px; }
	.main_visual_area  .search_area input:-moz-placeholder {font-size:15px; line-height:52px;}
	.main_visual_area  .search_area input::placeholder {font-size:15px;line-height:52px; }

	.main_visual_area  .search_area  input, .main_visual_area  .search_area  dd{line-height:52px; height:52px;}
	.main_visual_area  .search_area  dd{text-align:center;}
	.main_visual_area  .search_area  dd img{Height:20px;}


.main_visual_area .icon_area { padding-top:30px; }
		.main_visual_area  .search_area  dt {width:90%;}

		.main_visual_area  .search_area  dd {width:10%;}
		.main_visual_area .icon_area dt img{width:80%; max-width:90px;}
		.main_visual_area .icon_area dd {font-size:14px; line-height:18px; padding-top:5px;}

		.main_visual_area .bg {  top:70px;;}
 		.main_visual_area .imgarea {   width:40%; top:120px; }
		.main_visual_area .txtarea { padding-top:120px;}
		.main_visual_area .txtarea .txtarea_inner {width:50%;}
      .main_visual_area , .main_visual_area  .bxslider3 div { height:670px; }
	  	.main_visual_area  .search_area {padding:0px 26px; }




}




	/*패드2*/
	@media (min-width:641px) and (max-width:783px) {
      .main_visual_area , .main_visual_area  .bxslider3 div { height:600px; }

	}


	/*모바일*/
	@media (max-width:640px) {
.main_visual_area  {position:relative; padding: 30px 23px;}
	.main_visual_area .bg { position:absolute; right:0; ; z-index:1; width:100%; height:100%;}
	.main_visual_area  .bxslider3 div {opacity:0.1;  }
		.main_visual_area  .imgarea .bx-wrapper,
		.main_visual_area  .imgarea .bx-viewport,
		.main_visual_area  .imgarea .bxslider3{height:100% !important;}

   .main_visual_area , .main_visual_area  .bxslider3 div { overflow:hidden; width:100%;  }
	.main_visual_area .imgarea {   z-index:2; position:absolute;   top:80px; left:0px;  width:100%; height:100%; }

	.main_visual_area .imgarea  div {height:100%;}

	 .main_visual_area .txtarea { z-index:3; position:relative; box-sizing:border-box;  padding-top:100px;}

	.mtxt_tit { width:100%; padding-bottom:30px;}
	.main_visual_area  .search_area {border-radius:35px;  border-width:4px;}
.main_visual_area  .search_area  input {font-size:15px; color:#000; letter-spacing:-1px;}
	.main_visual_area  .search_area input::-webkit-input-placeholder { font-size:15px; line-height:36px; height:36px;}
	.main_visual_area  .search_area input::-moz-placeholder {font-size:15px; line-height:36px; height:36px;}
	.main_visual_area  .search_area input:-ms-input-placeholder {font-size:15px;line-height:36px; height:36px;}
	.main_visual_area  .search_area input:-moz-placeholder {font-size:15px; line-height:36px; height:36px; }
	.main_visual_area  .search_area input::placeholder {font-size:15px; line-height:36px; height:36px; }

	.main_visual_area  .search_area  input, .main_visual_area  .search_area  dd{line-height:36px; height:36px;}
	.main_visual_area  .search_area  dd{text-align:center;}
	.main_visual_area  .search_area  dd img{Height:20px;}


.main_visual_area .icon_area { padding-top:30px; }
		.main_visual_area  .search_area  dt {width:90%;}

		.main_visual_area  .search_area  dd {width:10%;}
		.main_visual_area .icon_area dt img{width:70%; max-width:90px;}
		.main_visual_area .icon_area dd {font-size:12px; line-height:17px; }

		.main_visual_area .bg {  top:80px;}

	  	.main_visual_area  .search_area {padding:0px 16px; }

}



/* **************************************** *
 * 메인 레이아웃
 * **************************************** */




.board_area {overflow:hidden;}

.board_area .listarea, 
.board_area .area_roll {overflow:hidden;box-sizing:border-box;}

.board_area .listarea {position:relative; z-index:1;}
	.board_area #area_tab li  {float:left;}
	.board_area #area_tab li a {font-weight:800; color:#000;}
	.board_area #area_tab li.on a {color:#3a7ec5; border-style:solid; border-color:#3a7ec5;}

.notice_wrap a.more {position:absolute; right:0px;  top:0px;  z-index:2; text-align:center; border:1px solid #9a9a9a;}
	.notice_wrap a.more  img {vertical-align:middle;}


.notice_wrap, .notice_wrap .important .txt {overflow:hidden;}
.notice_wrap .important {overflow:hidden; border-bottom:1px solid #ddd; cursor:pointer; }

 .notice_wrap .important .data{background:#a777cb; border-radius:50%;}
	 .notice_wrap .important .data dt,  .notice_wrap .important .data dd {color:#fff;}
	 .notice_wrap .important .data dd { opacity:0.6}

 .notice_wrap .important .data { box-sizing:border-box; text-align:center;}
	 .notice_wrap .important .data  dt{font-weight:900;}
	 .notice_wrap .important .data  dd{font-weight:600;}


 .notice_wrap .important .txt{ box-sizing:border-box; }
 .notice_wrap .important .txt dt {color:#a777cb; font-weight:600; text-align:left; }
  .notice_wrap .important .txt dt  {display:block; width:100%; text-overflow: ellipsis; white-space: nowrap;
  overflow: hidden; }


 .notice_wrap .list {overflow:hidden; }
	 .notice_wrap .list  dl {overflow:hidden;  cursor:pointer; position:relative;}
	 .notice_wrap .list  dl::before {content:'.';  color:#d93e84; position:absolute; left:0px;}
	 .notice_wrap .list  dl dt{ overflow:hidden;  display:block; box-sizing:border-box; text-overflow: ellipsis; white-space: nowrap; color:#222;}
	 .notice_wrap .list  dl dd{color:#777; box-sizing:border-box;}

	 .notice_wrap .important .txt dd {overflow:hidden; color:#000; padding-top:10px;}


.board_area .banner {
position:relative;  width:100%; cursor:pointer; box-sizing:border-box;
background:url('/new_images/main/location_banner.gif') no-repeat center center; background-size:cover;}

.board_area .banner::before, .board_area .banner::after  {content:''; position:absolute;}
	.board_area .banner::before  {background:url('/new_images/main/location_person01.png') top center; background-size:cover;}
	.board_area .banner::after {background:url('/new_images/main/location_person02.png') top center; background-size:cover;}


.board_area .banner  dt {color:#201e1a; font-weight:700;}
.board_area .banner  dd {color:#201e1a; }


.board_area .area_roll {border-style:solid; border-color:#729fce; position:relative; }
.board_area .area_roll .bx-wrapper {max-width:102% !important; width:102% !important;}


.board_area .area_roll .bx-controls { position:absolute;  width:50%; z-index:80; }
	.board_area .area_roll .bx-default-pager a {height:15px; width:15px; margin:0px 3px; opacity:0.7}
	.board_area .area_roll .bx-default-pager  a.active {opacity:1;}



.area_roll .bxslider2 div {height:400px; }
.area_roll .bxslider2 div img { object-fit: cover;  height:100%; overflow:Hidden;}


.area_roll .bx-wrapper .bx-caption  { background:#729fce;}

.area_roll .bx-wrapper .bx-caption::before  {background:url('/new_images/main/notice_icon.png') no-repeat center left; 
color:#fff; font-weight:700;
content:'알림마당'; background-size:auto 90%;}



.area_roll .bx-wrapper .bx-caption  {padding:0px 30px;}

.area_roll .bx-wrapper .bx-caption  span{ display:inline-block;  vertical-align:middle; color:#fff;}
.area_roll .bx-wrapper .bx-caption::before  {border-right:1px solid rgba(255,255,255,0.5);}



.main_step { overflow:Hidden; width:100%; background:#f4f4f4; position:relative;}


	.main_step::before, .main_step::after {content:'';  display:block; width:100%;
	background:url('/new_images/main/roll_bg.gif') repeat-x; position:absolute;}
	.main_step::before{ top:0; left:0; background-position:top left;}
	.main_step::after{ bottom:0; left:0;  background-position:bottom left;}



.main_step .tit {overflow:hidden;}
	.main_step .tit dt img{width:100%; }
	.main_step .tit dd{color:#333;}




		.main_step .tit::before,
		.main_step .tit::after{ content:''; position:absolute; 
		background:url('/new_images/main/titbg.png') no-repeat center center; 
		background-size:auto 100%;}


.circle_area { border-radius: 50%; border-style:solid;  position:relative; }


.circle_area p.num {border-radius:50%; position:absolute; color:#fff;
text-align:Center;z-index:2; }

.circle_area dl {position:relative; width:100%; height:100%; 
z-index:1; overflow:hidden; box-sizing:border-box; border-radius:50%;}

.circle_area  dl dd{position:absolute; box-sizing:border-box; color:#fff; left:0;  bottom:0px; text-align:center;
 color:#fff;   width:100%; overflow:hidden;}

.circle_area.bg01 {border-color:#f27463;}
.circle_area.bg01 dl dd, .circle_area.bg01 p.num{background:#f27463;}
.circle_area.bg02 {border-color:#729fce;}
.circle_area.bg02 dl dd, .circle_area.bg02 p.num{background:#729fce;}
.circle_area.bg03 {border-color:#a777cb;}
.circle_area.bg03 dl dd, .circle_area.bg03 p.num{background:#a777cb;}

			.m_banner_area ul li{float:left; overflow:hidden ;text-align:center; border:1px solid #ddd; box-sizing:border-box;}

	.m_banner_area select{
border-radius:5px; border:1px solid #ddd;
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(/new_images/main/select_bg.gif) no-repeat 90% center;
    text-indent: 0.01px;
    text-overflow: "";

}
	.m_banner_area select  {font-weight:600; color:#000;}

	/*웹*/
	@media (min-width: 1024px) {
.board_area { padding-top:50px;}

		.board_area .listarea, 
		.board_area .area_roll {width:48%;}
		.board_area .listarea {float:left; padding-bottom:60px;}

			.board_area #area_tab li {padding-right:30px;}
			.board_area #area_tab li a {font-weight:600; font-size:26px; line-height:40px; padding-bottom:10px; letter-spacing:-1px;} 
			.board_area #area_tab li.on a {color:#3a7ec5; border-color:#3a7ec5; border-width:0px 0px 3px 0px;}

			.notice_wrap a.more {width:40px; height:40px;  line-height:40px;}


			.notice_wrap {overflow:hidden; padding-top:30px;}
				.notice_wrap .important {padding-bottom:20px; }
				.notice_wrap .important .data  {width:100px; height:100px;  float:left; padding-top:15px;}
					.notice_wrap .important .data dt {font-size:28px; line-height:40px; letter-spacing:-1px;}
					.notice_wrap .important .data dd {font-size:14px; line-height:20px; }

			 .notice_wrap .important .txt{float:right; width:76%; padding-top:10px;}
				 .notice_wrap .important .txt dt {font-size:19px; line-height:30px; letter-spacing:-1px;}
				 .notice_wrap .important .txt dd {font-size:15px; line-height:23px;}
				 .notice_wrap .list  dl dt, 	 .notice_wrap .list  dl dd {font-size:15px; line-height:30px;}

			 
			 .notice_wrap .list {  padding-bottom:30px; padding-top:30px;}
				 .notice_wrap .list  dl dt{float:left; width:80%; padding-left:10px;}
				 .notice_wrap .list  dl dd{float:right; text-align:right; width:19%;}

				 .notice_wrap .list  dl::before {top:-2px; font-weight:600; font-size:20px;}


			.board_area .banner {border-radius:30px;   padding:20px 0px; text-align:center;}
			.board_area .banner  dt,.board_area .banner  dd {  display:inline-block; vertical-align:middle; padding:0px 10px;}
			.board_area .banner  dt {border-right:1px solid #c1983f; font-size:19px; line-height:22px;}
			.board_area .banner  dd {font-size:16px;line-height:22px;}

				.board_area .banner::before {width:40px; height:75px; bottom:-30px; left:5%; }
				.board_area .banner::after { width:36px; height:87px; bottom:-30px; right:5%;  }

				.board_area .area_roll {float:right;  border-radius:20px; border-width:3px; overflow:hidden; height:400px; }
				 .board_area .area_roll .bx-controls {right:20px; top:20px;}
			.board_area .area_roll .bx-wrapper .bx-pager {
			position:relative !important; top:0px !important; left:0px !important;}


	.board_area .area_roll    .bxslider2,
	.board_area .area_roll   img
	{  border-radius:20px;}



			.area_roll .bx-wrapper .bx-caption  {height:70px !important; padding-top:14px; box-sizing:border-box;}
				.area_roll .bx-wrapper .bx-caption::before  {padding-left:37px; padding-right:14px;}
				.area_roll .bx-wrapper .bx-caption  span {padding-left:14px;}
				.area_roll .bx-wrapper .bx-caption  span,
				.area_roll .bx-wrapper .bx-caption::before{ font-size:19px; line-height:30px;}

			.main_step {padding:100px 0px; text-align:right; }
			.main_step .width_area{ position:relative !important; min-height:400px;}




			.main_step .tit { position:Absolute; left:0; left :0; padding:70px 0px; 
			width:185px; }
			.main_step .tit dd{text-align:center; font-size:16px; line-height:24px; padding-top:30px; }


			.main_step .tit::before,
			.main_step .tit::after{height:30px; width:40px; }

			.main_step .tit::before,
			.main_step .tit::after{ left:0px; right:0px; margin-left:auto; margin-right:auto;}

			.main_step .tit::before{top:0px; }
			.main_step .tit::after{bottom:0px;}



			.circle_area { border-width:6px; display:inline-block;  vertical-align:top !important;;}

			.circle_area  dl { overflow:Hidden;}
				.circle_area  dl dt img {max-width:120%;}
				.circle_area  dl dd {font-size:18px; line-height:26px; padding:30px 0px 40px 0px ;}

			.circle_area p.num {width:75px; height:75px; line-height:75px; font-size:17px;   top:-4px; left:-4px; }

		.m_banner_area {padding:40px 0px; overflow:hidden;}
			.m_banner_area ul  {overflow:hidden; float:left; /* border-right:1px solid #ddd; */ box-sizing:border-box;
			 width:100%;}

				.m_banner_area ul li img, .m_banner_area select { vertical-align:middle; height:52px; line-height:52px;}
				.m_banner_area select{ padding-right:50px; padding-left:20px; float:right; width:18%; }

			.m_banner_area ul li{margin-right:1%;  width:19%;}


		}


	/* 모니터1*/
	@media (min-width:1320px)  {




	}

			


	/* 모니터1*/
	@media (min-width:1320px)  {

	.main_step .tit { width:185px; }
	.circle_area { margin:20px 0px 0px 16px;  width:330px; height:330px; }

	}


	/* 모니터2*/
	@media (min-width:1190px) and (max-width:1319px) {
	.main_step .tit { width:165px; }
	.circle_area {  width:300px; height:300px; }
			.circle_area { margin:20px 0px 0px 13px;  }

}




	/* 모니터3*/
	@media (min-width:1063px) and (max-width:1189px) {
	.main_step .tit { width:145px; }
	.circle_area {  width:270px; height:270px; }
			.circle_area { margin:20px 0px 0px 13px;  }


}

	/* 모니터3*/
	@media (min-width:1024px) and (max-width:1189px) {

			.circle_area p.num {width:70px; height:70px; line-height:70px; font-size:16px; }
	.circle_area  dl dd {font-size:17px; line-height:23px; }

}



	/* 모니터3*/
	@media (min-width:1024px) and (max-width:1062px) {
	.main_step .tit { width:135px; }
	.circle_area {  width:267px; height:267px; }
			.circle_area { margin:20px 0px 0px 3px;  }


}




	/* 모니터4*/
	@media (min-width:1024px) and (max-width:1062px) {
	.main_step .tit { width:135px; }
	.circle_area {  width:267px; height:267px; }
			.circle_area { margin:20px 0px 0px 3px;  }


}





	/* 모니터4*/
	@media (min-width:1240px) {

	.main_step::before, .main_step::after  {height:100px;}

}




	/* 모니터4*/
	@media (min-width:1024px) and (max-width:1240px){
.main_step .width_area{ min-height:350px;}
	.main_step::before, .main_step::after  {height:50px; }

}




	/* 모니터5*/
	@media (min-width:1024px) and (max-width:1120px) {

	 .notice_wrap .list  dl dt{ width:75%;}
	 .notice_wrap .list  dl dd{ width:25%;}

	.board_area .banner::before {width:25px; height:57px;  left:3%;}
	.board_area .banner::after { width:28px; height:63px;    right:3%;}


}





	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {

.board_area { padding-top:50px;}
		.board_area .listarea, 
		.board_area .area_roll {width:48%;}
		.board_area .listarea {float:left; padding-bottom:40px;}
			.board_area #area_tab li {padding-right:30px;}
			.board_area #area_tab li a {font-weight:600; font-size:19px; line-height:40px; padding-bottom:10px; letter-spacing:-1px;} 
			.board_area #area_tab li.on a {color:#3a7ec5; border-color:#3a7ec5; border-width:0px 0px 3px 0px;}

			.notice_wrap a.more {width:33px; height:33px;  line-height:33px;}
			.notice_wrap a.more img {width:13px;}


			.notice_wrap {overflow:hidden; padding-top:10px;}
				.notice_wrap .important { box-sizing:border-box; height:160px; }
				.notice_wrap .important .data  {width:80px; height:80px;  float:left; padding-top:15px;}
					.notice_wrap .important .data dt {font-size:16px; line-height:25px; letter-spacing:-1px;}
					.notice_wrap .important .data dd {font-size:13px; line-height:18px; }

			 .notice_wrap .important .txt{float:right; max-width:66%; padding-top:10px;}
				 .notice_wrap .important .txt dt {font-size:16px; line-height:24px;}
				 .notice_wrap .important .txt dd {font-size:14px; line-height:22px;}
				 .notice_wrap .list  dl dt, 	 .notice_wrap .list  dl dd {font-size:14px; line-height:23px;}

			 .notice_wrap .list {  padding-bottom:20px; padding-top:15px; overflow:hidden; height:100px;}
				 .notice_wrap .list  dl dt{float:left; width:60%; padding-left:10px;}
				 .notice_wrap .list  dl dd{float:right; text-align:right; width:28%;}

				 .notice_wrap .list  dl::before {top:-7px; font-weight:600; font-size:16px;}

			.board_area .banner {border-radius:20px;   padding:10px 17px; text-align:center;}
			.board_area .banner  dt,.board_area .banner  dd {  display:inline-block; vertical-align:middle; padding:0px 5px;}
			.board_area .banner  dt {border-bottom:1px solid #c1983f; font-size:16px; line-height:30px; width:100%}
			.board_area .banner  dd {font-size:14px;line-height:36px; width:100%;}

				.board_area .banner::before {width:25px; height:52px; bottom:-20px; left:2%; }
				.board_area .banner::after { width:22px; height:53px; top:-10px; right:2%;  }

				.board_area .area_roll {float:right;  border-radius:20px; border-width:3px; overflow:hidden; height:400px; }
				 .board_area .area_roll .bx-controls {right:20px; top:20px;}
	.board_area .area_roll    .bxslider2 {  border-radius:20px;}

			.board_area .area_roll .bx-wrapper .bx-pager {
			position:relative !important; top:0px !important; left:0px !important;}





			.area_roll .bx-wrapper .bx-caption  {height:60px !important; padding-top:14px; box-sizing:border-box;}
				.area_roll .bx-wrapper .bx-caption::before  {padding-left:27px; padding-right:6px;}
				.area_roll .bx-wrapper .bx-caption  span {padding-left:12px;}
				.area_roll .bx-wrapper .bx-caption  span,
				.area_roll .bx-wrapper .bx-caption::before{ font-size:14px; line-height:23px;}

			.main_step {padding:90px 0px ;  text-align:center;}
			.main_step .tit { padding:60px 0px; position:relative; margin-left:auto; margin-right:auto; width:100%; overflow:hidden;}
			.main_step .tit  dt  {text-align:center;}
		.main_step .tit  dt img { max-width:200px; width:50%;}
			.main_step .tit dd{text-align:center; font-size:14px; line-height:22px; padding-top:20px;  margin-bottom:30px;}
.main_step .tit dd br {display:none;}



			.main_step .tit::before,
			.main_step .tit::after{height:20px; width:30px; }
			.main_step .tit::before,
			.main_step .tit::after{ left:0px; right:0px; margin-left:auto; margin-right:auto;}
			.main_step .tit::before{top:0px; }
			.main_step .tit::after{bottom:30px;}

				.main_step::before, .main_step::after  {height:40px;   }


			.circle_area { border-width:4px; }
			.circle_area { margin:10px 1%;  width:210px; height:210px; display:inline-block;}

			.circle_area  dl { overflow:Hidden;}
				.circle_area  dl dt img {max-width:120%;}
				.circle_area  dl dd {font-size:16px; line-height:23px; padding:20px 0px 40px 0px ;}

			.circle_area p.num {width:53px; height:53px; line-height:53px; font-size:14px;   top:-4px; left:-4px; }





		.m_banner_area {padding:30px 0px; overflow:hidden;}
			.m_banner_area ul  {overflow:hidden; box-sizing:border-box;
			 width:100%;}

				.m_banner_area ul li img { height:42px; line-height:42px;}

	.m_banner_area ul li{margin-right:1%;}
	.m_banner_area ul li:last-child{margin-right:0px;}

			.m_banner_area ul li{ width:24%;}

			.m_banner_area select{ display:none;}








}




	/*모바일*/
	@media (max-width:640px) {





.board_area { padding-top:25px; padding-left:20px; padding-right:20px; box-sizing:border-box;}
		.board_area .listarea, 
		.board_area .area_roll {width:100%;box-sizing:border-box; }
		.board_area .listarea {float:left; padding-bottom:40px;}

			.board_area #area_tab li {padding-right:30px;}
			.board_area #area_tab li a {font-weight:600; font-size:17px; line-height:30px; padding-bottom:10px; letter-spacing:-1px;} 
			.board_area #area_tab li.on a {color:#3a7ec5; border-color:#3a7ec5; border-width:0px 0px 3px 0px;}

			.notice_wrap a.more {width:23px; height:23px;  line-height:23px;}
			.notice_wrap a.more img {width:9px;}


			.notice_wrap {overflow:hidden; padding-top:30px;}
				.notice_wrap .important { box-sizing:border-box;  padding-bottom:10px;}
				.notice_wrap .important .data  {width:60px; height:60px;  float:left; padding-top:15px;}
					.notice_wrap .important .data dt {font-size:13px; line-height:18px; letter-spacing:-1px;}
					.notice_wrap .important .data dd {font-size:11px; line-height:13px; }

			 .notice_wrap .important .txt{float:right; max-width:66%; }
				 .notice_wrap .important .txt dt {font-size:14px; line-height:60px;}
				 .notice_wrap .important .txt dd {display:none;}
				 .notice_wrap .list  dl dt, 	 .notice_wrap .list  dl dd {font-size:14px; line-height:23px;}

			 .notice_wrap .list {  padding-bottom:20px; padding-top:15px; overflow:hidden; }
				 .notice_wrap .list  dl dt{100%; padding-left:10px;}
				 .notice_wrap .list  dl dd{display:none;}

				 .notice_wrap .list  dl::before {top:-7px; font-weight:600; font-size:16px;}

			.board_area .banner {border-radius:20px;   padding:17px 17px; text-align:center;}
			.board_area .banner  dt,.board_area .banner  dd {  display:inline-block; vertical-align:middle; padding:0px 5px;}
			.board_area .banner  dt {border-bottom:1px solid #c1983f; font-size:16px; line-height:30px; width:100%}
			.board_area .banner  dd {font-size:13px;line-height:16px; width:100%; padding-top:10px;}

				.board_area .banner::before {width:25px; height:52px; bottom:-20px; left:2%; }
				.board_area .banner::after { width:22px; height:53px; top:-10px; right:2%;  }

				.board_area .area_roll { border-radius:20px; border-width:3px; overflow:hidden; box-sizing:border-box; ;}
				 .board_area .area_roll .bx-controls {right:10px; top:10px;}
	.board_area .area_roll    .bxslider2,
		.board_area .area_roll   img{  border-radius:20px;}



			.board_area .area_roll .bx-wrapper .bx-pager {
			position:relative !important; top:0px !important; left:0px !important;}

				.board_area .area_roll .bx-default-pager  a { width:10px !important; height:10px !important;}

			.area_roll .bx-wrapper .bx-caption  {height:70px !important;  box-sizing:border-box; padding:10px 10px 10px 10px;}
				.area_roll .bx-wrapper .bx-caption::before  { margin-left:12px; padding-left:27px;
				border:none; font-size:13px; line-height:17px;}
				.area_roll .bx-wrapper .bx-caption  span { font-size:16px; line-height:27px;padding-left:12px; width:100%; display:block;}


			.main_step {padding:60px 0px ;  text-align:center; margin:20px 0px;}
			.main_step .tit { padding:40px 0px; position:relative; margin-left:auto; margin-right:auto; width:100%; overflow:hidden;}
			.main_step .tit  dt  {text-align:center;}
		.main_step .tit  dt img { max-width:200px; width:50%;}
			.main_step .tit dd{text-align:center; font-size:14px; line-height:22px; padding-top:20px;  margin-bottom:30px;}
.main_step .tit dd br {display:none;}



			.main_step .tit::before,
			.main_step .tit::after{height:14px; width:20px; }
			.main_step .tit::before,
			.main_step .tit::after{ left:0px; right:0px; margin-left:auto; margin-right:auto;}
			.main_step .tit::before{top:0px; }
			.main_step .tit::after{bottom:30px;}

				.main_step::before, .main_step::after  {height:40px;   }


			.circle_area { border-width:4px; }
			.circle_area { margin:10px 1%;  width:210px; height:210px; display:inline-block;}

			.circle_area  dl { overflow:Hidden;}
				.circle_area  dl dt img {max-width:120%;}
				.circle_area  dl dd {font-size:14px; line-height:20px; padding:20px 0px 40px 0px ;}

			.circle_area p.num {width:53px; height:53px; line-height:53px; font-size:14px;   top:-4px; left:-4px; }


		.m_banner_area {padding:10px 0px; overflow:hidden;}
			.m_banner_area ul  {overflow:hidden; box-sizing:border-box;
			 width:100%;}
				.m_banner_area ul li img { height:32px; line-height:32px;}

	.m_banner_area ul li:nth-child(2n-1){margin-right:2%;}

			.m_banner_area ul li{ width:49%;margin-top:3px;}

			.m_banner_area select{ display:none;}




.bxslider2  .bx-caption{box-sizing:border-box; border-radius:0px 0px 20px 20px; margin-left:-2px;}










}










/* **************************************** *
 *서브레이아웃
 * **************************************** */






.sub_visual {
	overflow: Hidden;
	width: 100%;
	z-index: 1;
	position: relative;
	box-sizing: border-box;
}
.sub_visual::before, .sub_visual::after {
	content: '';
}
.sub_visual::before, .iinbg01 {
	position: absolute;
	background: #8d9f0a;
	border-radius: 30px
}
.sub_visual::after, .iinbg02 {
	position: absolute;
	background: #eee9e5;
}





.iinbg01 dt {
	color: #fff;
}
.iinbg01 dd::before {
	content: '';
	background: rgba(255,255,255,0.9) url('/new_images/sub/home.png') no-repeat center center;
	background-size: 85% auto;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
}
.iinbg01 dd span, .iinbg01 dd strong {
	color: rgba(255,255,255,0.9);
	background: url('/new_images/sub/location.png') no-repeat center left;
}
.sub_visual .onb {
	position: relative;
	z-index: 3;
	background: red !important;
	height: 0px;
	padding: 0px;
}
.contents_wrap {
	overflow: hidden;
	width: 100%;
	padding-bottom: 30px;
}
.cont_tit {
	overflow: hidden;
	text-align: center;
	font-weight: 400;
	border-bottom: 0px solid #ddd;
	width: 100%;
	color: #fff;
}
.sub_wrapper {
	overflow: Hidden;
	width: 100%;
}
.sub_top_sns {
	text-align: right;
}
.sub_top_sns a {
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.2);
}
.sub_top_sns a img {
	vertical-align: middle;
	display: inline-block;
}
.sub_top_sns a:last-child {
	border: none;
	border-left: 1px solid #ddd;
	border-radius: 0px;
}

.sub_visual::after{
	background: #eee9e5 url('/new_images/sub/subtop_01.jpg') no-repeat center center;
	background-size: cover;
}

.insubbg1::after{
	background: #eee9e5 url('/new_images/sub/subtop_01.jpg') no-repeat center center;
	background-size: cover;
}

.insubbg2::after{
	background: #eee9e5 url('/new_images/sub/subtop_02.jpg') no-repeat center center;
	background-size: cover;
}


.insubbg3:after{
	background: #eee9e5 url('/new_images/sub/subtop_03.jpg') no-repeat center center;
	background-size: cover;
}



.insubbg4:after{
	background: #eee9e5 url('/new_images/sub/subtop_04.jpg') no-repeat center center;
	background-size: cover;
}


.insubbg5:after{
	background: #eee9e5 url('/new_images/sub/subtop_05.jpg') no-repeat center center;
	background-size: cover;
}
.insubbg6:after{
	background: #eee9e5 url('/new_images/sub/subtop_06.jpg') no-repeat center center;
	background-size: cover;
}






	/*웹*/
	@media (min-width: 1024px) {
.sub_visual {
	height: 430px;
}
.sub_visual::before, .iinbg01 {
	top: 180px;
	left: 0px;
	z-index: 2;
	height: 400px;
}
.sub_visual::before {
	width: 30%;
}
.iinbg01 {
	width: 40%;
}
.sub_visual::after, .iinbg02 {
	top: 150px;
	right: 0px;
	z-index: 1;
	height: 400px;
	border-radius: 30px
}
.sub_visual::after {
	width: 68%;
}
.iinbg02 {
	width: 76%;
	display: none;
}
.iinbg01 dt {
	font-size: 38px;
    line-height: 1.3;
    font-weight: 500;
    padding-top: 120px;
    padding-right: 30px;
}










.iinbg01 dd {
	position: absolute;
	top: 40px;
	left: 0px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	width: 95%;
	padding-bottom: 20px;
}
.iinbg01 dd::before {
	width: 30px;
	height: 30px;
}
.iinbg01 dd span, .iinbg01 dd strong {
	font-size: 15px;
	line-height: 30px;
	padding-left: 16px;
	margin: 0px 8px;
	background-size: auto 10px;
}
.sub_top_sns {
	padding-bottom: 20px;
	border-bottom:1px solid #ccc
} 
.sub_top_sns a {
	margin: 0px 3px;
	height: 40px;
	width: 40px;
}
.sub_top_sns a img {
	height: 27px;
	padding-top: 10px;
}
.sub_top_sns a:last-child {
	margin-left: 20px;
	padding-left: 20px;
}
.sub_top_sns a:last-child img {
	height: 33px;
}
}


			/*작은웹- 메뉴떨어지는*/
			@media (max-width: 1320px) and (min-width: 1024px) {
.sub_visual {
	height: 470px;
}
.sub_visual::before, .iinbg01 {
	top: 220px;
}
.sub_visual::after, .iinbg02 {
	top: 170px;
}
.iinbg01 dt {
	padding-top: 110px;
	font-size: 43px;
	line-height: 50px;
}
}





	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.sub_visual {
	height: 330px;
}
.sub_visual::before, .iinbg01 {
	top: 120px;
	left: 0px;
	z-index: 2;
	height: 400px;
}
.sub_visual::before {
	width: 30%;
}
.iinbg01 {
	width: 62%;
}
.sub_visual::after, .iinbg02 {
	top: 70px;
	right: 0px;
	z-index: 1;
	height: 400px;
}
.sub_visual::after {
	width: 60%;
}
.iinbg02 {
	width: 76%;
	display: none;
}
.iinbg01 dt {
	font-size: 30px;
	line-height: 80px;
	padding-top: 100px;
}

.iinbg01 dd {
	position: absolute;
	top: 40px;
	left: 0px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	width: 80%;
	padding-bottom: 20px;
}
.iinbg01 dd::before {
	width: 20px;
	height: 20px;
}
.iinbg01 dd span,  .iinbg01 dd strong {
	font-size: 13px;
	line-height: 30px;
	padding-left: 10px;
	margin: 0px 8px;
	background-size: auto 5px;
}
.sub_top_sns {
	padding: 20px 0px;
}
.sub_top_sns a {
	margin: 0px 3px;
	height: 34px;
	width: 34px;
}
.sub_top_sns a img {
	height: 24px;
	padding-top: 10px;
}
.sub_top_sns a:last-child {
	margin-left: 10px;
	padding-left: 20px;
}
.sub_top_sns a:last-child img {
	height: 30px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.sub_visual {
	height: 310px;
}
.sub_visual::before, .iinbg01 {
	top: 200px;
	left: 0px;
	z-index: 2;
	height: 115px;
}
.sub_visual::before {
	width: 100%;
}
.iinbg01 {
	width: 100%;
	padding: 0px 20px;
}
.sub_visual::after, .iinbg02 {
	top: 80px;
	right: 0px;
	z-index: 1;
	height: 100%
}
.sub_visual::after {
	width: 100%;
	box-sizing: border-box;
}
.iinbg01 dt {
	font-size: 22px;
	line-height: 55px;
	padding-top: 50px;
}

.iinbg01 dd {
	position: absolute;
	top: 20px;
	left: 20px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-bottom: 10px;
}
.iinbg01 dd::before {
	width: 15px;
	height: 15px;
}
.iinbg01 dd span,  .iinbg01 dd strong {
	font-size: 12px;
	line-height: 22px;
	padding-left: 13px;
	margin: 0px 4px;
	background-size: auto 6px;
}
.sub_top_sns {
	padding: 20px 0px;
	text-align: center;
}
.sub_top_sns a {
	margin: 0px 2px;
	height: 30px;
	width: 30px;
}
.sub_top_sns a img {
	height: 18px;
	padding-top: 5px;
}
.sub_top_sns a:last-child {
	margin-left: 10px;
	padding-left: 10px;
}
.sub_top_sns a:last-child img {
	height: 24px;
}
}
/* **************************************** *
 * 연혁
 * **************************************** */





.history_wrap_inner {
	overflow: hidden;
}
.int_tit {
	width: 100%;
	text-align: Center;
	position: relative;
	overflow: hidden;
}
.int_tit dt, .int_tit dd {
	position: relative;
	z-index: 2;
}
.int_tit dt::before {
	content: '';
	position: absolute;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	bottom: 0px;
	height: 1px;
	background: rgba(255,255,255,0.4);
}
.int_tit dd.bg {
	position: absolute;
	z-index: 1;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/* 	.int_tit.titbg01 {background:url('/new_images/sub/ins3_01.png') no-repeat center center; background-size:cover;}
	.int_tit.titbg02 {background:url('/new_images/sub/inimg2_n02.png') no-repeat center center; background-size:cover;}
	.int_tit.titbg03 {background:url('/new_images/sub/inimg2_n03.png') no-repeat center center; background-size:cover;} */


.int_tit.titbg01 {
	background: url('/new_images/sub/ins3_05.png') no-repeat center center;
	background-size: cover;
}
.int_tit.titbg02 {
	background: url('/new_images/sub/ins3_06.png') no-repeat center top;
	background-size: cover;
}
.int_tit.titbg03 {
	background: url('/new_images/sub/gold011.jpg') no-repeat center center;
	background-size: cover;
}
.int_tit dt {
	color: #fff;
}
.int_tit dd {
	color: #fff;
}
.history_wrap_inner .history_in {
	overflow: hidden;
	width: 100%;
	position: relative;
}
.history_wrap_inner .history_in .line {
	position: absolute;
	height: 100%;
	width: 1px;
	background: #879baa;
}
.history_wrap_inner .history_in div {
	box-sizing: border-box;
	position: relative;
}
.history_wrap_inner .history_in div h4 {
	font-weight: 700;
	color: #000;
}
.history_wrap_inner .history_in div dl dt,  .history_wrap_inner .history_in div dl dd {
	overflow: hidden;
}
.history_wrap_inner .history_in div dl dd {
	color: #444;
}
.history_wrap_inner .history_in div::before {
	content: '';
	position: absolute;
	border-radius: 50%;
	background: #fff;
}


	/*웹*/
	@media (min-width: 1024px) {
.int_tit {
	padding: 30px 30px;
	border-radius: 20px;
}
.int_tit dt {
	font-size: 18px;
	line-height: 60px;
}
.int_tit dt::before {
	width: 100px;
}
.int_tit dd {
	font-size: 60px;
	line-height: 90px;
}
.history_wrap_inner .history_in .line {
	top: 0px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.history_wrap_inner .history_in {
	padding: 40px 0px;
}
.history_wrap_inner .history_in div {
	width: 53%;
	float: left;
}
.history_wrap_inner .history_in div::before {
	top: 20px;
	width: 26px;
	height: 26px;
}
.history_wrap_inner .history_in div:nth-child(2n)::before {
	left: 3.89%;
	border: 7px solid #3571e3;
}
.history_wrap_inner .history_in div:nth-child(2n-1)::before {
	right: 3.89%;
	border: 7px solid #35bae3;
}
.history_wrap_inner .history_in div:nth-child(2n-1) {
	padding-right: 8%;
	float: left;
}
.history_wrap_inner .history_in div:nth-child(2n) {
	padding-left: 8%;
	float: right;
}
.history_wrap_inner .history_in div:nth-child(2n-1) dt {
	float: right;
	text-align: right;
}
.history_wrap_inner .history_in div:nth-child(2n-1) dd {
	float: left;
	text-align: right;
}
.history_wrap_inner .history_in div:nth-child(2n-1) h4 {
	text-align: right;
}
.history_wrap_inner .history_in div h4 {
	font-size: 40px;
	line-height: 70px;
}
.history_wrap_inner .history_in div dl dt, .history_wrap_inner .history_in div dl dd {
	font-size: 18px;
	line-height: 23px;
	padding: 10px 0px;
}
.history_wrap_inner .history_in div dl dt {
	width: 10%;
	float: left;
}
.history_wrap_inner .history_in div dl dd {
	width: 90%;
	float: right;
}
}


	


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.int_tit {
	padding: 20px 30px;
	border-radius: 20px;
}
.int_tit dt {
	font-size: 18px;
	line-height: 60px;
}
.int_tit dt::before {
	width: 100px;
}
.int_tit dd {
	font-size: 40px;
	line-height: 60px;
}
.history_wrap_inner .history_in .line {
	top: 0px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.history_wrap_inner .history_in {
	padding: 40px 0px;
}
.history_wrap_inner .history_in div {
	width: 53%;
	float: left;
}
.history_wrap_inner .history_in div::before {
	top: 10px;
	width: 18px;
	height: 18px;
}
.history_wrap_inner .history_in div:nth-child(2n)::before {
	left: 3.69%;
	border: 7px solid #3571e3;
}
.history_wrap_inner .history_in div:nth-child(2n-1)::before {
	right: 3.69%;
	border: 7px solid #35bae3;
}
.history_wrap_inner .history_in div:nth-child(2n-1) {
	padding-right: 8%;
	float: left;
}
.history_wrap_inner .history_in div:nth-child(2n) {
	padding-left: 8%;
	float: right;
}
.history_wrap_inner .history_in div:nth-child(2n-1) dt {
	float: right;
	text-align: right;
}
.history_wrap_inner .history_in div:nth-child(2n-1) dd {
	float: left;
	text-align: right;
}
.history_wrap_inner .history_in div:nth-child(2n-1) h4 {
	text-align: right;
}
.history_wrap_inner .history_in div h4 {
	font-size: 27px;
	line-height: 50px;
}
.history_wrap_inner .history_in div dl dt, .history_wrap_inner .history_in div dl dd {
	font-size: 18px;
	line-height: 20px;
	padding: 10px 0px;
}
.history_wrap_inner .history_in div dl dt {
	width: 10%;
	float: left;
}
.history_wrap_inner .history_in div dl dd {
	width: 90%;
	float: right;
}
}




	/*모바일*/
	@media (max-width:640px) {
.int_tit {
	padding: 10px 30px;
	border-radius: 20px;
}
.int_tit dt {
	font-size: 13px;
	line-height: 40px;
}
.int_tit dt::before {
	width: 60px;
}
.int_tit dd {
	font-size: 20px;
	line-height: 40px;
}
.history_wrap_inner .history_in .line {
	top: 0px;
	left: 20px;
}
.history_wrap_inner .history_in {
	padding: 40px 0px;
}
.history_wrap_inner .history_in div {
}
.history_wrap_inner .history_in div::before {
	top: 10px;
	width: 18px;
	height: 18px;
}
.history_wrap_inner .history_in div::before {
	left: 13px;
	border: 5px solid #3571e3;
}
.history_wrap_inner .history_in div {
	padding-left: 40px;
}
.history_wrap_inner .history_in div h4 {
	font-size: 20px;
	line-height: 40px;
}
.history_wrap_inner .history_in div dl {
	padding: 10px 0px;
}
.history_wrap_inner .history_in div dl dt {
	font-size: 12px;
	line-height: 18px;
}
.history_wrap_inner .history_in div dl dd {
	font-size: 14px;
	line-height: 20px;
}
}
/* **************************************** *
 * 국채보상운동 발생배경
 * **************************************** */




.gk01_wrap {
	overflow: hidden;
}
.gk01_wrap .inwrap01, .gk01_wrap .inwrap02 {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.gk01_wrap .inwrap02 {
	background: #fd84742e;
}
.gk01_wrap .inwrap01 {
	background: #729fce2b;
}
.gk01_wrap .inwrap02 h2, .gk01_wrap .inwrap02 h2 strong {
	color: #ee6654d6;
}
.gk01_wrap .inwrap01 h2, .gk01_wrap .inwrap01 h2 strong {
	color: #729fce !important;
}
h2.type01::before, h2.type01::after {
	content: '';
	opacity: 0.6;
}
h2.type01::before {
	background: url('/new_images/sub/r_bg01.png') no-repeat top left;
}
h2.type01::after {
	background: url('/new_images/sub/r_bg02.png') no-repeat top right;
}
h2.type01 strong {
	position: relative;
	z-index: 2;
}
h2.type01 strong::before {
	position: absolute;
	content: '';
	width: 100%;
	left: 0px;
	z-index: 1;
	display: inline-block;
}
h2.type01 {
	text-align: center;
}
h2.type01 strong::before {
	background: rgba(255, 0, 48, 0.18);
}
h2.type01 strong.colorst01::before {
	background: rgba(0, 112, 255, 0.18);
}
.inwrap02 h2 strong::before {
	background: rgba(255, 0, 48, 0.18);
}
.inwrap01 h2 strong::before {
	background: rgba(0, 112, 255, 0.18);
}
.gk01_wrap .inwrap01 dl, .gk01_wrap .inwrap02 dl {
	overflow: hidden;
}
.gk01_wrap .inwrap01 dl dt img, .gk01_wrap .inwrap02 dl dt img {
	width: 100%;
	overflow: hidden;
}
.gk01_wrap .inwrap01 dl dd, .gk01_wrap .inwrap02 dl dd {
	overflow: hidden;
	font-weight: 600;
	color: #444;
}
.gk01_wrap .inwrap01 p, .gk01_wrap .inwrap02 p {
	overflow: hidden;
}
h2.type01 strong {
	font-weight: 600;
}
h2.type01 {
	font-weight: 600;
	text-align: center;
}
h2.type01:nth-child(1) {
    margin: 1.5rem 0;
}
.gk01_wrap p {
	color: #444;
	text-align: justify;
	font-weight: 400;
}









	/*웹*/
	@media (min-width: 1024px) {
.gk01_wrap .inwrap01, .gk01_wrap .inwrap02 {
	padding: 90px;
	border-radius: 30px;
	margin-bottom: 40px;
}
h2.type01 {
	font-size: 40px;
	line-height: 54px;
	margin-top: 80px;
	padding-bottom: 30px;
	letter-spacing: -1px;
}
h2.type01::before, h2.type01::after {
	background-size: auto 22px;
	padding: 0px 20px;
}
h2.type01 strong::before {
	bottom: 0px;
	height: 15px;
}
.gk01_wrap .inwrap01 dl dt img, .gk01_wrap .inwrap02 dl dt img {
	border-radius: 20px;
}
.gk01_wrap .inwrap01 dl dd, .gk01_wrap .inwrap02 dl dd {
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
}
.gk01_wrap p {
	font-size: 18px;
	line-height: 32px;
	padding: 0px 0px 30px 0px;
}
.gk01_wrap .inwrap01 p, .gk01_wrap .inwrap02 p {
	float: right;
	width: 64%;
}
.gk01_wrap .inwrap01 dl, .gk01_wrap .inwrap02 dl {
	float: left;
	width: 30%;
}
}


	


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.gk01_wrap .inwrap01,  .gk01_wrap .inwrap02 {
	padding: 60px 40px 20px 40px;
	border-radius: 30px;
	margin-bottom: 40px;
}
h2.type01 {
	font-size: 30px;
	line-height: 44px;
	padding-bottom: 30px;
	letter-spacing: -1px;
	margin-bottom: 30px;
}
h2.type01::before, h2.type01::after {
	background-size: auto 18px;
	padding: 0px 20px;
}
h2.type01 strong::before {
	bottom: 0px;
	height: 9px;
}
.gk01_wrap .inwrap01 dl dt img, .gk01_wrap .inwrap02 dl dt img {
	border-radius: 20px;
}
.gk01_wrap .inwrap01 dl dd, .gk01_wrap .inwrap02 dl dd {
	padding-top: 10px;
	font-size: 13px;
	line-height: 21px;
}
.gk01_wrap p {
	font-size: 18px;
	line-height: 28px;
	padding: 0px 0px 30px 0px;
}
.gk01_wrap .inwrap01 p, .gk01_wrap .inwrap02 p {
	float: right;
	width: 64%;
}
.gk01_wrap .inwrap01 dl, .gk01_wrap .inwrap02 dl {
	float: left;
	width: 30%;
}
}




	/*모바일*/
	@media (max-width:640px) {
.gk01_wrap .inwrap01,  .gk01_wrap .inwrap02 {
	padding: 60px 20px 20px 20px;
	border-radius: 30px;
	margin-bottom: 20px;
}
h2.type01 {
	font-size: 20px;
	line-height: 26px;
	padding-bottom: 10px;
	letter-spacing: -1px;
	margin-bottom: 30px;
}
h2.type01::before, h2.type01::after {
	background-size: auto 9px;
	padding: 0px 8px;
}
h2.type01 strong::before {
	bottom: 0px;
	height: 5px;
}
.gk01_wrap .inwrap01 dl dt img, .gk01_wrap .inwrap02 dl dt img {
	border-radius: 20px;
}
.gk01_wrap .inwrap01 dl dd, .gk01_wrap .inwrap02 dl dd {
	padding-top: 10px;
	font-size: 13px;
	text-align: center;
	line-height: 21px;
	padding-bottom: 20px;
}
.gk01_wrap p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px 0px 30px 0px;
}
.gk01_wrap .inwrap01 p, .gk01_wrap .inwrap02 p {
	width: 100%;
}
}
/* **************************************** *
 * 운동배경
 * **************************************** */


.gk02_wrap {
	overflow: hidden;
}
/* h3.type01 {position:relative; margin:20px 0px;  font-weight:600; border-left:4px solid #f76b85; padding-left:10px;  color:#f76b85}
 */







.table_01 {
	width: 100%;
	display: table;
	overflow: hidden;
}
.table_01 dl {
	overflow: hidden;
	display: table-row;
}
.table_01 dl dt {
	display: table-cell;
	background: #f76b8557;
	color: #f76b85;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	text-align: center;
	vertical-align: middle;
	font-weight: 700;
}
.table_01 dl dd {
	display: table-cell;
	border-bottom: 1px solid rgba(0,0,0,0.1);	
}
.table_01 dl dt, .table_01 dl dd {
	box-sizing: border-box;
}
.gk02_wrap p {
	color: #444;
}
.gk02_wrap .img_area {
	text-align: center;
	width: 100%;
	overflow: hidden;
}
.gk02_wrap .img_area dl {
	background: #eee;
	box-sizing: border-box;
}

.gk02_wrap .img_area p {
	background: #eee;
	box-sizing: border-box;
	border-radius: 20px;
	padding:20px
}

.gk02_wrap .img_area p img {
	border-radius: 10px;
}
.gk02_wrap .img_area dl.no_bg img {
	border-radius: 20px;
}
.gk02_wrap .img_area dl dt img {
	width: 100%;
	border-radius:10px
}
.gk02_wrap .img_area dl {
	float: left;
}
.gk02_wrap .img_area dl dd {
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
}
.table_01 {
	border: 1px solid #f76b85;
}


	/*웹*/
	@media (min-width: 1024px) {
.gk02_wrap p {
	font-size: 1.3rem;
	line-height: 32px;
	padding: 0px 0px 30px 0px;
}
.table_01 {
	border-radius: 20px;
}
.table_01 dl dt {
	width: 20%;
	font-size: 20px;
	line-height: 30px;
}
.table_01 dl dd {
	width: 80%;
	padding: 30px 20px;
	font-size: 18px;
	line-height: 24px;
}
.gk02_wrap .img_area {
	padding-bottom: 20px;
}
.gk02_wrap .img_area dl {
	width: 49%;
	margin: 10px 0px;
	border-radius: 20px;
	padding: 20px 20px;
}
.gk02_wrap .img_area dl:nth-child(2n-1) {
	margin-right: 2%;
}
.gk02_wrap .img_area dl dd {
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
}
}


	


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.gk02_wrap p {
	font-size: 18px;
	line-height: 28px;
	padding: 0px 0px 30px 0px;
}
h3.type01 {
	font-size: 20px;
	line-height: 20px;
	margin: 20px 0px;
}
.table_01 {
	border-radius: 20px;
}
.table_01 dl dt {
	width: 20%;
	font-size: 18px;
	line-height: 30px;
}
.table_01 dl dd {
	width: 80%;
	padding: 20px 16px;
	font-size: 14px;
	line-height: 24px;
}
.gk02_wrap .img_area {
	padding-bottom: 20px;
}
.gk02_wrap .img_area dl {
	width: 49.5%;
	margin: 20px 0px;
	border-radius: 20px;
	padding: 10px 10px;
}
.gk02_wrap .img_area dl:nth-child(1) {
	margin-right: 1%;
}
.gk02_wrap .img_area dl dd {
	padding-top: 10px;
	font-size: 13px;
	line-height: 21px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.gk02_wrap p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px 0px 30px 0px;
}
.table_01 {
	border-radius: 20px;
}
.table_01 dl dt {
	width: 23%;
	font-size: 14px;
	line-height: 20px;
}
.table_01 dl dd {
	width: 77%;
	padding: 10px 16px;
	font-size: 13px;
	line-height: 22px;
}
.gk02_wrap .img_area {
	padding-bottom: 20px;
}
.gk02_wrap .img_area dl {
	width: 100%;
	margin: 10px 0px;
	border-radius: 10px;
	padding: 10px 10px;
}
.gk02_wrap .img_area dl dd {
	padding-top: 10px;
	font-size: 13px;
	line-height: 21px;
}
}
/* **************************************** *
 * 운동결과
 * **************************************** */
.gk03_wrap {
	overflow: hidden;
	width: 100%;
}
.gk03_wrap .imgarea img {
	width: 100%;
}
.gk03_wrap .txt, .gk03_wrap .imgarea {
	overflow: Hidden;
}
.gk03_wrap .imgarea img {
	width: 100%;
}


	/*웹*/
	@media (min-width: 1024px) {
.gk03_wrap .txt {
	width: 60%;
	float: left;
}
.gk03_wrap .txt p {
	font-size: 18px;
	line-height: 32px;
	padding: 0px 0px 30px 0px;
}
.gk03_wrap .imgarea {
	width: 30%;
	float: right;
}
.gk03_wrap .imgarea img {
	border-radius: 20px;
}
}


	


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.gk03_wrap .txt {
	width: 60%;
	float: left;
}
.gk03_wrap .txt p {
	font-size: 18px;
	line-height: 28px;
	padding: 0px 0px 30px 0px;
}
.gk03_wrap .imgarea {
	width: 33%;
	float: right;
}
.gk03_wrap .imgarea img {
	border-radius: 20px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.gk03_wrap .txt {
	width: 100%;
	float: left;
}
.gk03_wrap .txt p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px 0px 30px 0px;
}
.gk03_wrap .imgarea {
	width: 100%;
	float: right;
}
.gk03_wrap .imgarea img {
	border-radius: 20px;
}
}
/* **************************************** *
 * 취지문
 * **************************************** */


.gk04_wrap {
	overflow: hidden;
}
.gk04_wrap .paper {
	overflow: Hidden;
	width: 100%;
	box-sizing: border-box;
}
.gk04_wrap .paper:nth-child(2n-1) {
	background: #f4f4f3;
}
.gk04_wrap .paper:nth-child(2n) {
	background: #ebebe4;
}
.gk04_wrap .paper p {
	text-align: center;
}
.gk04_wrap p.dr {
	opacity: 0.6;
	font-weight: 800;
	text-align: right;
	padding-bottom: 0px !important;
	text-align: center;
}
.gk04_wrap p.dr::before {
	content: '-';
}
.gk04_wrap p.dr::after {
	content: '-';
}




	/*웹*/
	@media (min-width: 1024px) {
.gk04_wrap .paper {
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 90px;
}
.gk04_wrap .paper p {
	font-size: 18px;
	line-height: 28px;
	padding: 0px 0px 30px 0px;
}
}


	


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.gk04_wrap .paper p {
	font-size: 18px;
	line-height: 28px;
	padding: 0px 0px 30px 0px;
}
.gk04_wrap .paper {
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 40px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.gk04_wrap .paper {
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 20px;
}
.gk04_wrap .paper p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px 0px 30px 0px;
}
}
/* **************************************** *
 * 역사적 인물 
 * **************************************** */


.gk05_wrap, .gk05_wrap .person .img {
	overflow: hidden;
}
.gk05_wrap .person {
	overflow: Hidden;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #ddd;
}
.gk05_wrap .person:last-child {
	border: none;
}
.gk05_wrap .person .img img {
	width: 90%;
}
.gk05_wrap .person p {
	text-align: justify;
}


	/*웹*/
	@media (min-width: 1024px) {
.gk05_wrap .person .img {
	float: left;
	width: 30%;
}
.gk05_wrap .person .img img {
	border-radius: 20px;
}
.gk05_wrap .person .txt {
	float: right;
	width: 67%;
	padding-bottom: 40px;
}
.gk05_wrap .person:last-child {
	margin-top: 60px;
}
.gk05_wrap .person p {
	font-size: 18px;
	line-height: 28px;
	padding: 0px 0px 30px 0px;
}
}


	


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.gk05_wrap .person p {
	font-size: 18px;
	line-height: 28px;
	padding: 0px 0px 30px 0px;
}
.gk04_wrap .paper {
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 40px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.gk04_wrap .paper {
	border-radius: 20px;
	margin-bottom: 20px;
	padding: 20px;
}
.gk05_wrap .person p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px 0px 30px 0px;
}
}
/* **************************************** *
 * 서브 h2h3h4스타일
 * **************************************** */


h3.type01 {
	position: relative;
	font-weight: 600;
	color: #000
}
h2.type02 {
	color: #288fc1;
	padding-left: 10px;
	position: relative;
}
h3.type01::before, h3.type01::after {
	content: '';
	border-radius: 50%;
	position: absolute;
	display: inline-block;
}
h3.type01::before {
	background: #32aed5;
	left: 0px;
}
h3.type01::after {
	background: #FEBCBC  ;
}
h4.type01::before {
	content: '-';
	padding-right: 5px;
}
h4.type01 {
	font-weight: 600;
	color: #003366;
}














	/*웹*/
	@media (min-width: 1024px) {
h3.type01 {
	font-size: 2rem;
	line-height: 20px;
	margin: 50px 0px 40px 0;
}
h3.type01 {
	padding-left: 55px;
}
h3.type01::before, h3.type01::after {
	top: 0px;
	width: 25px;
	height: 25px;
}
h3.type01::after {
	left: 20px;
}
h2.type02::before {
	height: 25px;
	bottom: 4px;
}
h2.type02 {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 30px;
}
h2.type02::before {
	content: '';
	display: inline-block;
	width: 4px;
	background: #288fc1;
	position: Absolute;
	left: 0;
}
h4.type01 {
	font-size: 20px;
	padding-left: 30px;
	line-height: 30px;
	padding-bottom: 10px;
}
}


	


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
h3.type01 {
	padding-left: 30px;
	font-size: 17px;
	line-height: 20px;
	margin: 30px 0px 20px 20px;
}
h3.type01::before, h3.type01::after {
	top: 3px;
	width: 10px;
	height: 10px;
}
h3.type01::after {
	left: 7px;
}
h2.type02::before {
	height: 25px;
	bottom: 4px;
}
h2.type02 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
}
h2.type02::before {
	content: '';
	display: inline-block;
	width: 4px;
	background: #288fc1;
	position: Absolute;
	left: 0;
}
}







	/*모바일*/
	@media (max-width:640px) {
h3.type01 {
	font-size: 18px;
	line-height: 20px;
	margin: 20px 0px;
}
h3.type01 {
	padding-left: 20px;
}
h3.type01::before, h3.type01::after {
	top: 3px;
	width: 8px;
	height: 8px;
}
h3.type01::after {
	left: 6px;
}
h2.type02::before {
}
h2.type02 {
	border-left: 3px solid #288fc1;
	font-size: 17px;
	line-height: 23px;
	margin-bottom: 20px;
}
}
/* **************************************** *
 * 서브 2차메뉴
 * **************************************** */

 
.dept_menu2 {
	text-align: center;
	position: relative;
	overflow: hidden;
}
.dept_menu2::after {
	content: '';
	top: 0px;
	left: 0px;
	position: Absolute;
	width: 100%;
	z-index: 1;
	background: #ddd;
}
.dept_menu2::before {
	content: '';
	bottom: 3px;
	left: 0px;
	position: Absolute;
	width: 100%;
	z-index: 1;
	background: #ddd;
}
.dept_menu2 a {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
	color: #222;
	font-weight: 600;
}
.dept_menu2 a.on {
	border-style: solid;
	border-color: #f27563;
	color: #f27563;
}

.number li,
.number2 li
{position:relative;}

.number li:before{display:block; position:absolute; left:0; color:#000 !important; font-weight:bold !important;}
.number2 li:before{display:block; position:absolute; left:0; color:#000 !important; font-weight:bold !important;}
.number li:nth-child(1):before{content:'1.';}
.number li:nth-child(2):before{content:'2.';}
.number li:nth-child(3):before{content:'3.';}
.number li:nth-child(4):before{content:'4.'; }
.number li:nth-child(5):before{content:'5.'; }
.number li:nth-child(6):before{content:'6.'; }

.number li ul li:before{color:rgba(0,0,0,0.4) !important;}
.number li ul li:nth-child(1):before{content:'1)';}
.number li ul li:nth-child(2):before{content:'2)';}
.number li ul li:nth-child(3):before{content:'3)';}
.number li ul li:nth-child(4):before{content:'4)'; }
.number li ul li:nth-child(5):before{content:'5)'; }
.number li ul li:nth-child(6):before{content:'6)'; }


.number2  li:before{color:rgba(0,0,0,0.4) !important;}
.number2 li:nth-child(1):before{content:'1)';}
.number2 li:nth-child(2):before{content:'2)';}
.number2 li:nth-child(3):before{content:'3)';}
.number2  li:nth-child(4):before{content:'4)'; }
.number2  li:nth-child(5):before{content:'5)'; }
.number2 li:nth-child(6):before{content:'6)'; }


.number, .number2
{overflow:hidden;  display:block; float:none !important;}

.number ul,
.number ul li {width:100% !important; overflow:hidden; float:none;}

.number2
.number2 li {width:100% !important; overflow:hidden; float:none;}

.dept_st01  .list li:before{content:'-';}
.dept_st01  .list  {width:100% !important;}
	/*웹*/
	@media (min-width: 1024px) {
.dept_menu2 {
	margin-bottom: 40px;
}
.dept_menu2::before, .dept_menu2::after {
	height: 1px;
}
.dept_menu2 a {
	font-size: 23px;
	line-height: 70px;
	width: 360px;
}

.dept_menu2.wdst01 a {width:auto !important; padding:0px 22px;}



.dept_menu2 a.on {border-width: 0px 0px 6px 0px;}


.number li {padding-left:15px;}
.number li:before {font-size:15px !important;  line-height:40px !important;}
.number li ul li:before , .number2  li:before {font-size:14px !important;  line-height:35px !important; }

.number2 li,
.number li ul li
{font-size:14px !important; line-height:22px !important; padding-bottom:4px !important;}

.dept_st01  .list li{font-size:15px; line-height:20px;}
.dept_st01  .list li:before{top:3px;}



}


	


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.dept_menu2 {
	margin-bottom: 40px;
}
.dept_menu2::before, .dept_menu2::after {
	height: 1px;
}
.dept_menu2 a {
	font-size: 20px;
	line-height: 60px;
	width: 260px;
}

.dept_menu2.wdst01 a {width:17% !important;}


.dept_menu2 a.on {
	border-width: 0px 0px 6px 0px;
}

.number li {padding-left:15px;}
.number li:before {font-size:15px !important;  line-height:40px !important;}

.number li ul li:before,
.number2  li:before {font-size:14px !important;  line-height:35px !important;}

.number li ul li,
.number2 li {font-size:14px; line-height:22px; padding-bottom:4px !important;}

.dept_st01  .list li{font-size:15px; line-height:20px;}
.dept_st01  .list li:before{top:3px;}


}







	/*모바일*/
	@media (max-width:640px) {
.dept_menu2 {
	margin-bottom: 40px;
}
.dept_menu2::before, .dept_menu2::after {
	height: 1px;
}
.dept_menu2 a {
	font-size: 18px;
	line-height: 40px;
	padding: 0px 10px;
}
.dept_menu2 a.on {
	border-width: 0px 0px 4px 0px;
}

.number li {padding-left:15px;}
.number li:before {font-size:15px !important;  line-height:40px !important;}


.number li ul li:before ,
.number2  li:before {font-size:12px !important;  line-height:33px !important;}

.number li ul li,
.number2 li {font-size:12px; line-height:20px; padding-bottom:4px !important;}


.dept_st01  .list li{font-size:12px; line-height:18px;}
.dept_st01  .list li:before{top:3px;}






}
/* **************************************** *
 * 서브공통
 * **************************************** */



.notice_alert {
	overflow: Hidden;
	width: 100%;
	text-align: right;
}
.notice_alert::before {
	content: '★';
	color: #fff;
	border-radius: 50%;
	text-align: center;
	background: #ffd269;
	display: inline-block;
	margin-right: 5px;
	box-sizing: border-box;
	vertical-align: middle;
}



	/*웹*/
	@media (min-width: 1024px) {
.notice_alert {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 10px;
}
.notice_alert::before {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.notice_alert {
	font-size: 13px;
	line-height: 20px;
	padding-bottom: 10px;
}
.notice_alert::before {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.notice_alert {
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 10px;
}
.notice_alert::before {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
}
}






/* **************************************** *
 * 전체보기
 * **************************************** */



/* **************************************** *
 * 국채보상운동 기록물
 * **************************************** */

.img_wrap01 {text-align:center;}
.img_wrap01 img, .img_wrapinner img{ border-radius:20px; border:1px solid #ddd; max-width:100%; }








	/*웹*/
	@media (min-width: 1024px) {
.web_50per {float:left; box-sizing:border-box; width:49%;}
.ml2per {margin-left:2%;}
.inheight .dept_st01{height:500px;}
.img_wrapinner {display:inline-block; margin:0px 10px;}
.img_wrapinner img{ height:130px;}



	}

	@media (min-width: 1200px) {
.img_wrapinner img{ height:160px;}


	}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.img_wrapinner img{ height:130px;}



	}



	/*모바일*/
	@media (max-width:640px) {
.img_wrapinner img{ height:80px;}

}




/* **************************************** *
 * 오시는길
 * **************************************** */


.location-wrap #map {width:100%;  border:1px solid #ddd; margin-bottom:20px;}

		.location-wrap div:nth-child(1) {border-top:none;}
		.location-wrap .inner {border-top:1px solid #ddd; overflow:Hidden;}

		.location-wrap .inner  h4 {background:#a7adbd; overflow:hidden; text-align:center; color:#fff;}
.location-wrap .inner div {overflow:hidden;}

.location-wrap .inner div dt , .location-wrap .inner div dd { overflow:hidden;}
.location-wrap .inner div dt {font-weight:600; color:#222; }
.location-wrap .inner div  dd strong {color:#2663c1;}






	/*웹*/
	@media (min-width: 1024px) {

		.location-wrap #map {height:500px;}
		.location-wrap .inner {padding:30px 30px;}

		.location-wrap .inner  h4 {float:left; width:20%;  overflow:Hidden;  border-radius:10px;font-size:20px; line-height:30px;}
		.location-wrap .in01 h4{padding-top:40px; height:110px; }
		.location-wrap .in02 h4{padding-top:10px; height:80px; }
		.location-wrap .in04 h4{padding-top:20px; height:75px;}
		.location-wrap .in05 h4{padding-top:10px; height:80px; }
		.location-wrap .in06 h4{padding-top:40px; height:110px; }
		.location-wrap .in07 h4{padding-top:50px; height:140px; }
		.location-wrap .in08 h4{padding-top:35px; height:100px; }
		.location-wrap .in09 h4{padding-top:15px; height:60px; }

		.location-wrap .inner div {float:right; width:75%;}
		.location-wrap .inner div,
		.location-wrap .inner div dt,
		.location-wrap .inner div dd {font-size:17px; line-height:23px;}
		.location-wrap .inner  dl {overflow:hidden; margin-bottom:15px;}
		.location-wrap .inner div dt { overflow:hidden; float:left; width:10%;}
		.location-wrap .inner div dd{ overflow:hidden; float:right; width:86%;}
		.location-wrap .inner div dt {border-right:1px solid #ddd;}
	}




	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {


		.location-wrap #map {height:300px;}
		.location-wrap .inner {padding:20px 20px;}

		.location-wrap .inner  h4 {float:left; width:20%;  overflow:Hidden;  border-radius:10px;font-size:17px; line-height:25px;}
		.location-wrap .in01 h4{padding-top:40px; height:110px; }
		.location-wrap .in02 h4{padding-top:10px; height:80px; }
		.location-wrap .in04 h4{padding-top:20px; height:75px;}
		.location-wrap .in05 h4{padding-top:10px; height:80px; }
		.location-wrap .in06 h4{padding-top:40px; height:110px; }
		.location-wrap .in07 h4{padding-top:50px; height:140px; }
		.location-wrap .in08 h4{padding-top:35px; height:100px; }
		.location-wrap .in09 h4{padding-top:15px; height:60px; }

		.location-wrap .inner div {float:right; width:75%;}
		.location-wrap .inner div,
		.location-wrap .inner div dt,
		.location-wrap .inner div dd {font-size:16px; line-height:20px;}
		.location-wrap .inner  dl {overflow:hidden; margin-bottom:15px;}
		.location-wrap .inner div dt { overflow:hidden; float:left; width:16%;}
		.location-wrap .inner div dd{ overflow:hidden; float:right; width:80%;}
		.location-wrap .inner div dt {border-right:1px solid #ddd;}

	}



	/*모바일*/
	@media (max-width:640px) {


		.location-wrap #map {height:300px;}
		.location-wrap .inner {padding:20px 20px;}

		.location-wrap .inner  h4 { width:100%; text-align:center; overflow:Hidden; margin-bottom:10px;
		border-radius:10px;font-size:15px; padding:10px 0px; line-height:20px;}

		.location-wrap .inner div {width:100%;}
		.location-wrap .inner div,
		.location-wrap .inner div dt,
		.location-wrap .inner div dd {font-size:15px; line-height:20px;}
		.location-wrap .inner  dl {overflow:hidden; margin-bottom:15px;}
		.location-wrap .inner div dt { overflow:hidden; float:left; width:30%;}
		.location-wrap .inner div dd{ overflow:hidden; float:right; width:66%;}
		.location-wrap .inner div dt {border-right:1px solid #ddd;}


}












/* **************************************** *
 * 기념비
 * **************************************** */
.inwrap01_new, .inwrap02_new, .inwrap01_new p.img, .inwrap02_new p.img {
	overflow: hidden;
}
.inwrap01_new p.img img, .inwrap02_new p.img img {
	width: 100%;
}
.imgborder {
	box-sizing: border-box;
	border-radius: 15px;
	border: 1px solid #ddd;
}

	/*웹*/
	@media (min-width: 1024px) {
.rev_new dt img {
	border-radius: 15px;
}
.rev_new dt {
	width: 40% !important;
}
.rev_new dd {
	width: 60% !important;
}
.rev_new dt.img2 img {
	width: 45%;
}
.rev_new2 dt {
	width: 20% !important;
}
.rev_new2 dd {
	width: 80% !important;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.rev_new dt img {
	border-radius: 15px;
}
.rev_new dt {
	width: 40% !important;
}
.rev_new dd {
	width: 60% !important;
}
.rev_new dt.img2 img {
	width: 45%;
}
}




	/*모바일*/
	@media (max-width:640px) {
.rev_new dt img {
	border-radius: 15px;
}
}
/* **************************************** *
 * 조직도
 * **************************************** */

.c_map {
	text-align: center;
}
.c_map img {
	width: 100%;
	max-width: 1180px;
	text-align: center;
}
/* **************************************** *
 * 서브 ui 스타일
 * **************************************** */



.dept_st01 {
	overflow: hidden;
	box-sizing: border-box;
	background-color:#f3f3f3
}
.dept_st01.bgst01 {
	background: none;
	border: 1px solid #ddd;
}
.dept_st01 li {
	overflow: hidden;
	position: relative;
	color: #444;
}
.dept_st01 li::before {
	content: '.';
	position: absolute;
	left: 0px;
	color: #3981ce;
}
.imgarea1 img {
	width: 100%;
}
strong.important {
	color: #f25590;
}
.top-desc01 {
	border: 1px solid #3269d2;
	position: relative;
	overflow: Hidden;
	z-index: 1;
}
.top-desc01::before, .top-desc01::after {
	content: '';
	border-style: solid;
	border-color: #2663c1;
	position: absolute;
	display: block;
	z-index: 2;
}
.top-desc01::before {
	top: 0px;
	left: 0px;
}
.top-desc01::after {
	bottom: 0px;
	right: 0px;
}
.top-desc01 dd h3 {
	color: #2663c1;
	font-weight: 700;
}
.top-desc01 dd {
	color: #70829f
}


		.top-desc01.award dt,
		.top-desc01.award dd { box-sizing:border-box;}
	/*웹*/
	@media (min-width: 1024px) {

.top-desc01.award dl {float:left; overflow:hidden; width:50%;}
		.top-desc01.award dt {width:100%;}
		.top-desc01.award dt { position:relative; width:100%; height:700px;}

		.top-desc01.award dt img{position:absolute; top:50%;
		left:50%; transform:translate(-50%,-50%);
		 max-width:80%; max-height:80%; width:auto; height:auto;}

		.top-desc01.award dd h3 { padding-bottom:0px !important;}
		.top-desc01.award dd  {text-align:center; width:100%;}


			.web_wd_50per {overflow:hidden; width:49%; float:left;}
			.web_wd_50per.margin {margin-right:2%;}
			.web_wd_50per  .deptimg_st02 .imgaera3 {width:30%}


			.web_wd_50per .deptimg_st02 ul {width:70%}

			.deptimg_st02.wdinser100 ul { width:100% important}
            .deptimg_st02.wdinser100  .imgaera3 {width:100%}

            .deptimg_st02.wdinser100  .imgaera4 {width:70%}



.dept_st01, .top-desc01 {
	padding: 40px 40px 20px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.dept_st01, .top-desc01 img {
	boder-radius: 20px;
}
.dept_st01 li {
	font-size: 1.3rem;
	line-height: 30px;
	padding: 0px 0px 25px 20px; 
	overflow: hidden;
}

.dept_st01 li span{
	font-size: 1.1rem;
	line-height:1.7
}
.dept_st01 li::before {
	top: -7px;
	font-size: 30px;
}
.dept_st01 {
	font-size: 1.3rem;
	line-height: 1.7
}
.imgarea1 img {
	border-radius: 20px;
}
.imgarea1 {
	float: left;
	width: 28%;
}
.imgarea2 {
	float: left;
	width: 22%;
}

.imgarea2 img {
	border-radius:20px
}


.imgarea3 {
	float: left;
	width: 27%;
}

.imgarea3 img {
	border-radius:20px
}

.top-desc01  .imgarea1 img {
	border-radius: 20px;
}
.dept_st01 ul.txt {
	float: right;
	width: 70%;
}

.dept_st01 .txt2 {
	float: right;
	width: 70%;
}

.dept_st01 .txt2 h4 {padding-left:0px;}



.top-desc01::before, .top-desc01::after {
	width: 60px;
	height: 60px;
	border-radius: 5px;
}
.top-desc01::before {
	border-width: 5px 0px 0px 5px;
}
.top-desc01::after {
	border-width: 0px 5px 5px 0px;
}
.top-desc01 dt {
	float: left;
	width: 25%;
}
.top-desc01 dt img {
	width: 90%; border-radius:20px;
}
.top-desc01 dd {
	float: left;
	width: 75%;
}
.top-desc01 dd h3 {
	font-size: 28px;
	line-height: 40px;
	padding-bottom: 30px;
}
.top-desc01 dd {
	font-size: 18px;
	line-height: 32px;
	padding-bottom: 20px
}
}

.wd100per {width:100%;}
.overflow {overflow:hidden;}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {




.top-desc01.award dl {float:left; overflow:hidden; width:50%;}
		.top-desc01.award dt {width:100%;}
		.top-desc01.award dt { position:relative; width:100%; height:500px;}

		.top-desc01.award dt img{position:absolute; top:50%;
		left:50%; transform:translate(-50%,-50%);
		 max-width:90%; max-height:90%; width:auto; height:auto;}

		.top-desc01.award dd h3 { padding-bottom:0px !important;}
		.top-desc01.award dd  {text-align:center; width:100%;}











            .deptimg_st02.wdinser100  .imgaera4 {width:70%}

			.web_wd_50per {overflow:hidden; width:49%; float:left;}
			.web_wd_50per.margin {margin-right:2%;}
			.web_wd_50per  .deptimg_st02 .imgaera3 {width:20%}
			.web_wd_50per .deptimg_st02 ul {width:80%}



.gk05_wrap .person p {
	font-size: 18px;
	line-height: 28px;
	padding: 0px 0px 30px 0px;
}
.dept_st01, .top-desc01 {
	padding: 25px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.dept_st01 li {
	font-size: 18px;
	line-height: 28px;
	padding-bottom: 10px;
	padding-left: 20px;
	overflow: hidden;
}
.dept_st01 {
	font-size: 18px;
	line-height: 28px;
}
.dept_st01 li::before {
	top: -7px;
	font-size: 30px;
}
.imgarea1 img {
	border-radius: 20px;
}
.imgarea1 {
	float: left;
	width: 28%;
}
.imgarea1 img {
	border-radius: 20px;
}
.dept_st01 .txt {
	float: right;
	width: 70%;
}
.imgarea2 {
	float: left;
	width: 16%;
}
.top-desc01::before, .top-desc01::after {
	width: 60px;
	height: 60px;
	border-radius: 5px;
}
.top-desc01::before {
	border-width: 5px 0px 0px 5px;
}
.top-desc01::after {
	border-width: 0px 5px 5px 0px;
}
.top-desc01 dt {
	float: left;
	width: 35%;
}
.top-desc01 dt img {
	width: 90%;
}
.top-desc01 dd {
	float: left;
	width: 65%;
}
.top-desc01 dd h3 {
	font-size: 20px;
	line-height: 33px;
	padding-bottom: 30px;
}
.top-desc01 dd {
	font-size: 14px;
	line-height: 26px;
}
}




	/*모바일*/
	@media (max-width:640px) {
            .deptimg_st02.wdinser100  .imgaera4 {width:70%}

			.web_wd_50per  .deptimg_st02 .imgaera3 {text-align:center;}
			.web_wd_50per  .deptimg_st02 .imgaera3 img{width:40%}


.top-desc01.award dl {float:left; overflow:hidden; width:100%;}
		.top-desc01.award dt {width:100%;}
		.top-desc01.award dt { position:relative; width:100%;padding:20px 0px;}

		.top-desc01.award dt img{
		 max-width:90%; ;}

		.top-desc01.award dd h3 { padding-bottom:0px !important;}
		.top-desc01.award dd  {text-align:center; width:100%;}







.gk05_wrap .person p {
	font-size: 14px;
	line-height: 24px;
	padding: 0px 0px 30px 0px;
}
.dept_st01, .top-desc01 {
	padding: 15px;
	border-radius: 20px;
	margin-bottom: 30px;
}
.dept_st01 {
	font-size: 14px;
	line-height: 25px;
}
.dept_st01 li {
	font-size: 14px;
	line-height: 25px;
	padding-bottom: 10px;
	padding-left: 20px;
	overflow: hidden;
}
.dept_st01 li::before {
	top: -7px;
	font-size: 30px;
}
.imgarea2 {
	width: 100%;
}
.imgarea1 img {
	border-radius: 20px;
}
.imgarea1 {
	text-align: center;
	width: 100%;
}
.imgarea1 img {
	border-radius: 20px;
}
.dept_st01 .txt {
	width: 100%;
}
.top-desc01::before, .top-desc01::after {
	width: 60px;
	height: 60px;
	border-radius: 5px;
}
.top-desc01::before {
	border-width: 5px 0px 0px 5px;
}
.top-desc01::after {
	border-width: 0px 5px 5px 0px;
}
.top-desc01 dt {
	text-align: center;
}
.top-desc01 dt img {
	width: 90%;
}
.top-desc01 dd h3 {
	font-size: 18px;
	line-height: 23px;
	padding-bottom: 30px;
}
.top-desc01 dd {
	font-size: 14px;
	line-height: 26px;
}
}
/* **************************************** *
 * go_btn
 * **************************************** */

.go_btn1 {
	text-align: center;
	overflow: hidden;
	width: 100%;
}
.go_btn1 a {
	display: inline-block;
	text-align: left;
	color: #fff;
	background: #ff618e;
	font-weight: 600;
	box-sizing: border-box;
	position: relative;
}
.go_btn1 a::before {
	content: '>';
	color: #fff;
	position: absolute;
	border-left: 1px solid rgba(255,255,255,0.4);
	display: inline-block;
}




	/*웹*/
	@media (min-width: 1024px) {
.go_btn1 a {
	border-radius: 60px;
	font-size: 18px;
	line-height: 65px;
	width: 300px;
	padding: 0px 50px 0px 50px
}
.go_btn1 a::before {
	width: 15px;
	line-height: 30px;
	padding: 0px 22px;
	top: 16px;
	right: 20px;
	transform: scale(0.9, 1);
	-webkit-transform: scale(0.9, 1);
	-moz-transform: scale(0.9, 1);
	-ms-transform: scale(0.9, 1);
	-o-transform: scale(0.9, 1);
}
}


	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.go_btn1 a {
	border-radius: 60px;
	font-size: 17px;
	line-height: 65px;
	width: 280px;
	padding: 0px 50px 0px 30px
}
.go_btn1 a::before {
	width: 15px;
	line-height: 30px;
	padding: 0px 22px;
	top: 16px;
	right: 20px;
	transform: scale(0.9, 1);
	-webkit-transform: scale(0.9, 1);
	-moz-transform: scale(0.9, 1);
	-ms-transform: scale(0.9, 1);
	-o-transform: scale(0.9, 1);
}
}


	/*모바일*/
	@media (max-width:640px) {
.go_btn1 a {
	border-radius: 60px;
	font-size: 18px;
	line-height: 45px;
	width: 100%;
	padding: 0px 50px 0px 30px
}
.go_btn1 a::before {
	width: 13px;
	line-height: 60px;
	padding: 0px 15px;
	top: -6px;
	right: 20px;
	transform: scale(0.9, 1);
	-webkit-transform: scale(0.9, 1);
	-moz-transform: scale(0.9, 1);
	-ms-transform: scale(0.9, 1);
	-o-transform: scale(0.9, 1);
}
}
/* **************************************** *
 * 교육연대산업
 * **************************************** */


.year_award div {
	overflow: hidden;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
}
.year_award div:nth-child(1) {
	border: none;
}
.year_award div:last-child {
	padding-bottom: 0px;
}
.year_award div h4 {
	display: block;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	font-weight: 700;
}
.year_award div:nth-child(2n) h4 {
	background: #6ec1d5
}
.year_award div:nth-child(2n-1) h4 {
	background: #f296bd;
}
.year_award div dl {
	overflow: hidden;
}
.year_award div dl dt {
	float: left;
	overflow: hidden;
	color: #000;
	font-weight: 700;
}
.year_award div dl dd {
	float: left;
	overflow: hidden;
	color: #444;
}




	/*웹*/
	@media (min-width: 1024px) {
.year_award div {
	padding: 50px 30px 30px 230px;
	position: relative;
	min-height: 120px;
}
.year_award div h4 {
	line-height: 80px;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 30px;
	top: 20px;
	right: 0px;
	display: inline-block;
	vertical-align: middle;
}
.year_award div dl {
	overflow: hidden;
}
.year_award div dl dt {
	width: 10%;
}
.year_award div dl dd {
	widtH: 90%; float:right;
}
.year_award div dl dt, .year_award div dl dd {
	font-size: 18px;
	line-height: 30px;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.year_award div {
	padding: 30px 30px 30px 130px;
	position: relative;
	min-height: 120px;
}
.year_award div h4 {
	line-height: 80px;
	width: 80px;
	height: 80px;
	position: absolute;
	left: 10px;
	top: 20px;
	right: 0px;
	display: inline-block;
	vertical-align: middle;
}
.year_award div dl {
	overflow: hidden;
}
.year_award div dl dt {
	width: 10%;
}
.year_award div dl dd {
	widtH: 90%; float:right;
}
.year_award div dl dt, .year_award div dl dd {
	font-size: 18px;
	line-height: 30px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.year_award div {
	padding: 10px;
0px;
	position: relative;
	min-height: 120px;
}
.year_award div h4 {
	border-radius: 20px;
	widtH: 100%;
	text-align: center;
	line-height: 30px;
	font-size: 18px;
	margin-bottom: 20px;
}
.year_award div dl {
	overflow: hidden;
}
.year_award div dl dt {
	font-size: 13px;
	line-height: 20px;
}
.year_award div dl dd {
	font-size: 14px;
	line-height: 23px;
}
}
/* **************************************** *
 * 교육문화사업
 * **************************************** */
.deptimg_st01 .imgaera3 img {
	width: 100%;
	border: 1px solid #ddd;
}
.deptimg_st01 .imgaera3 {
	overflow: hidden;
}

.deptimg_st02 .imgaera3 img {
	width: 100%;
	border: 1px solid #ddd;
}
.deptimg_st02 .imgaera3 {
	overflow: hidden;
}






	/*웹*/
	@media (min-width: 1024px) {
.deptimg_st01 ul {
	float: left;
	width: 50%;
}
.deptimg_st01 .imgaera3 {
	width: 50%;
	float: right;
}



.deptimg_st01 .imgaera3 img {
	border-radius: 20px;
}

.deptimg_st02 ul {
	float: left;
	width: 100%;
}

.deptimg_st02 .imgaera3 {
	width: 27%;
	float: right;
}


.deptimg_st02 .imgaera3 img {
	border-radius: 20px;
}








}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.deptimg_st01 ul {
	float: left;
	width: 60%;
}
.deptimg_st01 .imgaera3 {
	width: 40%;
	float: right;
}
.deptimg_st01 .imgaera3 img {
	border-radius: 20px;
	border: 2px solid red;
}


.deptimg_st02 ul {
	float: left;
	width: 70%;
}
.deptimg_st02 .imgaera3 {
	width: 30%;
	float: right;
}



.deptimg_st02 .imgaera3 img {
	border-radius: 10px;

}



}




	/*모바일*/
	@media (max-width:640px) {
.deptimg_st01 .imgaera3 img {
	border-radius: 10px;
}

.deptimg_st02 .imgaera3 img {
	border-radius: 10px;
}


}
/* **************************************** *
 * 한국의 기록유산
 * **************************************** */
.prepare {
	overflow: hidden;
	text-align: center;
	background: #efefef;
	box-sizing: border-box;
}
.prepare dt {
	font-weight: 600;
	color: rgba(0,0,0,0.4);
}
.prepare dd {
	color: rgba(0,0,0,0.3);
}


	/*웹*/
	@media (min-width: 1024px) {
.prepare {
	padding: 110px 40px;
	border-radius: 40px;
}
.prepare dt {
	font-size: 40px;
	line-height: 50px;
}
.prepare dd {
	font-size: 20px;
	line-height: 50px;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.prepare {
	padding: 110px 40px;
	border-radius: 40px;
}
.prepare dt {
	font-size: 40px;
	line-height: 50px;
}
.prepare dd {
	font-size: 20px;
	line-height: 50px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.prepare {
	padding: 50px 30px;
	border-radius: 40px;
}
.prepare dt {
	font-size: 20px;
	line-height: 30px;
}
.prepare dd {
	font-size: 13px;
	line-height: 20px;
}
}
/* **************************************** *
 * 서브 lnb
 * **************************************** */





.lnb {
	background:#055257;
}
.lnb li, .lnb li a {
	display: inline-block;
	z-index: 1;
	position: relative;
	box-sizing: border-box;
}
.lnb li a span {
	color: rgba(255,255,255,0.6);
}
.lnb li > ul {
	display: none;
}
.lnb li.onhover a {
	opacity: 1;
	font-weight: 700;
	z-index: 3;
}
.lnb li.onhover a span {
	color: #fff;
	font-weight: 600;
}
.lnb li.onhover::before {
	content: '';
	position: absolute;
	z-index: 2;
}


	/*큰웹*/
	@media (min-width: 1270px) {
.lnb li a {
	padding: 0px 15px;
}
.lnb li a span {
	font-size: 18px;
	line-height: 70px;
}
}


	/*큰웹밑 작은*/
	@media (min-width:1024px) and (max-width:1269px) {
.lnb {
	text-align: center;
}
.lnb li a {
	padding: 0px 13px;
}
.lnb li a span {
	font-size: 17px;
	line-height: 70px;
}
}




	/*웹*/
	@media (min-width: 1024px) {
.lnb {
	margin-bottom: 20px;
}
.lnb li::before {
	content: '';
	position: Absolute;
	width: 1px;
	height: 13px;
	background: rgba(255,255,255,0.4);
	top: 30px;
	right: 1px;
	z-index: 2;
}
.lnb li.onhover::after {
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 1px;
	display: inline-block;
	position: absolute;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;
	background: #055257;
	transform: skewx(0deg) rotate(-45deg);
	-webkit-transform: skewx(0deg) rotate(-45deg);
	-moz-transform: skewx(0deg) rotate(-45deg);
	-ms-transform: skewx(0deg) rotate(-45deg);
	-o-transform: skewx(0deg) rotate(-45deg);
}
.lnb li:last-child::before {
	width: 0px;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.lnb {
	margin-bottom: 20px;
	text-align: center;
	padding: 20px 0px;
}
.lnb li::before {
	content: '';
	position: Absolute;
	width: 1px;
	height: 13px;
	background: rgba(255,255,255,0.4);
	top: 10px;
	right: 1px;
	z-index: 2;
}
.lnb li.onhover::after {
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 1px;
	display: inline-block;
	position: absolute;
	left: 0px;
	right: 0px;
	margin-left: auto;
	margin-right: auto;
	bottom: -10px;
	background: #4fa6d0;
	transform: skewx(0deg) rotate(-45deg);
	-webkit-transform: skewx(0deg) rotate(-45deg);
	-moz-transform: skewx(0deg) rotate(-45deg);
	-ms-transform: skewx(0deg) rotate(-45deg);
	-o-transform: skewx(0deg) rotate(-45deg);
}
.lnb li a {
	padding: 0px 10px;
}
.lnb li a span {
	font-size: 14px;
	line-height: 30px;
}
.lnb li:last-child::before {
	width: 0px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.lnb {
	display: none;
}
}
/* **************************************** *
 * 한국의 기록유산
 * **************************************** */

.korea_ns_list {
	overflow: hidden;
}
.korea_ns_list dl {
	overflow: Hidden;
	border-top: 1px solid #ddd;
}
.korea_ns_list dl:nth-child(1) {
	border-top: none;
}
.korea_ns_list dl dt, .korea_ns_list dl dd {
	overflow: hidden;
	position: relative;
}
.korea_ns_list dl dd h3 {
	color: #2663c1;
	width: 100%;
	font-weight: 600;
}
.korea_ns_list dl dd {
	text-align: justify;
}
.korea_ns_list dl dt a {
	position: Absolute;
	bottom: 0px;
	right: 0px;
	display: inline-block;
	text-align: center;
	color: rgba(255,255,255,0.6);
	background: #6f7179;
}
.korea_ns_list dl dt img {
	display: none;
}
.korea_ns_list dl dt.noimg {
	background: url('/new_images/com/logo.png') no-repeat center center;
}
.korea_ns_list dl:nth-child(1) dt {
	background: url('/new_images/sub/list01.jpg') no-repeat center center;
	background-size: cover;
}

.korea_ns_list dl:nth-child(2) dt {
	background: url('https://heritage.unesco.or.kr/wp-content/uploads/2023/06/4.1-%ED%95%9C%EB%8B%AC%EB%AC%B8-%ED%8E%B8%EC%A7%80-1-400x267.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(3) dt {
	background: url('https://heritage.unesco.or.kr/wp-content/uploads/2018/08/051905news-400x242.jpg') no-repeat center center;
	background-size: cover;
}





.korea_ns_list dl:nth-child(4) dt {
	background: url('/new_images/sub/list02.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(5) dt {
	background: url('/new_images/sub/list03.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(6) dt {
	background: url('/new_images/sub/list04.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(7) dt {
	background: url('/new_images/sub/list05.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(8) dt {
	background: url('/new_images/sub/list06.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(9) dt {
	background: url('/new_images/sub/list07.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(10) dt {
	background: url('/new_images/sub/list08.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(11) dt {
	background: url('/new_images/sub/list09.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(12) dt {
	background: url('/new_images/sub/list10.png') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(13) dt {
	background: url('/new_images/sub/list11.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(14) dt {
	background: url('/new_images/sub/list12.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(15) dt {
	background: url('/new_images/sub/list13.jpg') no-repeat center center;
	background-size: 120% auto;
}
.korea_ns_list dl:nth-child(16) dt {
	background: url('/new_images/sub/list14.jpg') no-repeat center center;
	background-size: cover;
}
.korea_ns_list dl:nth-child(17) dt {
	background: url('/new_images/sub/list15.jpg') no-repeat center center;
	background-size: cover;
}



	/*웹*/
	@media (min-width: 1024px) {
.korea_ns_list dl {
	padding: 40px 0px;
}
.korea_ns_list dl dt {
	float: left;
	width: 30%;
	border-radius: 30px;
	height: 270px;
	border: 1px solid #ddd;
}
.korea_ns_list dl dt a {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 36px;
}
.korea_ns_list dl dt img {
	display: none;
}
.korea_ns_list dl dd h3 {
	font-size: 28px;
	line-height: 40px;
	padding-bottom: 30px;
}
.korea_ns_list dl dd {
	float: right;
	width: 65%;
	font-size: 18px;
	line-height: 30px;
}
.korea_ns_list dl dt.noimg {
	background-size: 40% auto;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.korea_ns_list dl {
	padding: 40px 0px;
}
.korea_ns_list dl dt {
	float: left;
	width: 30%;
	border-radius: 30px;
	height: 170px;
	border: 1px solid #ddd;
}
.korea_ns_list dl dt a {
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 36px;
}
.korea_ns_list dl dt img {
	display: none;
}
.korea_ns_list dl dd h3 {
	font-size: 20px;
	line-height: 30px;
	padding-bottom: 20px;
}
.korea_ns_list dl dd {
	float: right;
	width: 65%;
	font-size: 18px;
	line-height: 27px;
}
.korea_ns_list dl dt.noimg {
	background-size: 40% auto;
}
}




	/*모바일*/
	@media (max-width:640px) {
.korea_ns_list dl {
	padding: 20px 0px;
}
.korea_ns_list dl dt {
	width: 100%;
	border-radius: 30px;
	height: 170px;
	border: 1px solid #ddd;
}
.korea_ns_list dl dt a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}
.korea_ns_list dl dt img {
	display: none;
}
.korea_ns_list dl dd h3 {
	font-size: 17px;
	line-height: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}
.korea_ns_list dl dd {
	font-size: 14px;
	line-height: 23px;
}
.korea_ns_list dl dt.noimg {
	background-size: 40% auto;
}
}
/* **************************************** *
 * 금모우기운동
 * **************************************** */


.gold .process_go {
	text-align: center;
}
.gold .process_go a {
	display: inline-block;
	font-weight: 700;
	vertical-align: top;
	border-radius: 50%;
	overflow: Hidden;
	position: relative;
}
.gold .process_go a:hover {
	opacity: 0.7;
}
.gold .process_go a:nth-child(1) {
	background: #ffeef4;
	color: #e34f65;
}
.gold .process_go a:nth-child(2) {
	background: #faeeff;
	color: #bf62e3
}
.literature {
	overflow: hidden;
}
.literature dt {
	color: #444;
	font-weight: 600;
}
.literature dd::before {
	content: '-';
}
.literature dd {
	padding-right: 5px;
	color: #888;
}
.year_desc dl {
	overflow: hidden;
	box-sizing: border-box; border-top:1px solid #ddd;  
}

.year_desc dl:nth-child(1) {border-top:none;}


.year_desc {
	overflow: hidden;
}
.year_desc dt, .year_desc dd {
	overflow: hidden;
}
.year_desc dt {
	color: #444;
	font-weight: 600;
}
.year_desc dd {
	color: #444;
}
.gold_tit_type01 {
	color: #d24df7;
	font-weight: 600;
	overflow: hidden;
}



	/*웹*/
	@media (min-width: 1024px) {
.gold .process_go a {
	width: 230px;
	height: 230px;
	margin: 0px 20px;
	font-size: 17px;
	line-height: 24px;
}
.gold .process_go a img {
	width: 120px;
	padding: 20px 0px 10px 0px;
}
.literature {
	overflow: hidden;
	padding-bottom: 10px;
}
.literature dt {
	font-size: 18px;
	line-height: 40px;
}
.literature dd {
	font-size: 14px;
	line-height: 23px;
	float: left;
	width: 33%;
}
.gold_tit_type01 {
	font-size: 17px;
	padding-left: 30px;
	line-height: 36px;
}
.year_desc dl {
	 padding: 17px 10px;
}
.year_desc dt, .year_desc dd {
	font-size: 16px;
	line-height: 24px;
}
.year_desc dt {
	float: left;
	width: 28%; color:#ba68e8;
}
.year_desc dd {
	float: right;
	width: 72%;
}
#process01, #process02 {
	margin-top: -140px;
	padding-top: 140px;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.gold .process_go {
	padding-bottom: 30px;
}
.gold .process_go a {
	width: 210px;
	height: 210px;
	margin: 0px 20px;
	font-size: 18px;
	line-height: 24px;
}
.gold .process_go a img {
	width: 100px;
	padding: 20px 0px 10px 0px;
}
#process01, #process02 {
	margin-top: -100px;
	padding-top: 100px;
}
.literature {
	overflow: hidden;
	padding-bottom: 10px;
}
.literature dt {
	font-size: 18px;
	line-height: 40px;
}
.literature dd {
	font-size: 14px;
	line-height: 23px;
	float: left;
	width: 50%;
}
.gold_tit_type01 {
	font-size: 17px;
	padding-left: 25px;
	line-height: 36px;
}
.year_desc dl {
	 padding: 17px 10px;
}
.year_desc dt, .year_desc dd {
	font-size: 13px;
	line-height: 24px;
}
.year_desc dt {
	float: left;
	width: 30%;
}
.year_desc dd {
	float: right;
	width: 70%;
}
}




	/*모바일*/
	@media (max-width:640px) {
.gold .process_go {
	padding-bottom: 30px;
}
.gold .process_go a {
	width: 190px;
	height: 190px;
	margin: 10px 0px;
	font-size: 18px;
	line-height: 24px;
}
.gold .process_go a img {
	width: 80px;
	padding: 20px 0px 10px 0px;
}
.literature {
	overflow: hidden;
	padding-bottom: 10px;
}
.literature dt {
	font-size: 18px;
	line-height: 40px;
}
.literature dd {
	font-size: 12px;
	line-height: 18px;
	width: 100%;
}
.gold_tit_type01 {
	font-size: 18px;
	padding-left: 25px;
	line-height: 26px;
}
.year_desc dl {
	 padding: 10px 10px;
}
.year_desc dt, .year_desc dd {
	font-size: 13px;
	line-height: 22px;
}
.year_desc dt {
	width: 30%;
}
.year_desc dd {
	width: 70%;
}
}





/* **************************************** *
 *  기념관 안내
 * **************************************** */
.step_desc_img {box-sizing:border-box; border-radius:20px; background:#e2ddda; overflow:hidden; width:100%;}

.step_desc_img  .wrap {overflow:hidden; width:100%; }
	.step_desc_img  .wrap .tit {}
.step_desc_img  .wrap .tit dt {position:relative;}
.step_desc_img  .wrap .tit dt::before {content:''; position:absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.5);}




.step_desc_img .desc {width:100%; overflow:Hidden; background:rgba(255,2552,255,0.5); border-radius:10px; box-sizing:border-box;}

.step_desc_img .desc dt {float:left; text-align:center; border-radius:50%; background:#4fa6d0; color:rgba(255,255,255,0.7); font-weight:700;}
.step_desc_img .desc dd {float:left;}




	/*웹*/
	@media (min-width: 1024px) {

.step_desc_img  { padding:70px 20px;}

		.step_desc_img  .wrap .tit  {overflow:hidden; float:left; width:20%;}
		.step_desc_img .roadmap {float:right; width:80%;}

.step_desc_img .desc { padding:30px 30px; margin-bottom:60px; }

.step_desc_img .wrap:nth-child(2) .desc{margin-bottom:0px;}


	.step_desc_img  .wrap .tit dt { font-size:20px; line-height:30px;}
	.step_desc_img  .wrap .tit dt::before {width:50px; height:2px;}

	.step_desc_img  .wrap .tit dd { font-size:40px; line-height:90px; font-weight:700;}




.step_desc_img .desc dl {overflow:hidden; float:left; width:33.3%; padding:6px 0px; }
.step_desc_img .desc dt {width:26px; height:26px; margin-right:20px;}
.step_desc_img .desc dt . .step_desc_img .desc dd {font-size:14px; line-height:26px;}












}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {



.step_desc_img  { padding:70px 10px;}

		.step_desc_img  .wrap .tit  {overflow:hidden; float:left; width:30%;}
		.step_desc_img .roadmap {float:right; width:70%;}

.step_desc_img .desc { padding:30px 30px; margin-bottom:60px;  box-sizing:border-box; width:95%;}

.step_desc_img .wrap:nth-child(2) .desc{margin-bottom:0px;}


	.step_desc_img  .wrap .tit dt { font-size:20px; line-height:30px;}
	.step_desc_img  .wrap .tit dt::before {width:50px; height:2px;}

	.step_desc_img  .wrap .tit dd { font-size:30px; line-height:60px; font-weight:700;}




.step_desc_img .desc dl {overflow:hidden; float:left; width:50%; padding:6px 0px;  box-sizing:border-box;}
.step_desc_img .desc dt {width:26px; height:26px; margin-right:10px;}
.step_desc_img .desc dt . .step_desc_img .desc dd {font-size:14px; line-height:26px;}












}




	/*모바일*/
	@media (max-width:640px) {




.step_desc_img  { padding:30px 10px;}

		.step_desc_img  .wrap .tit  {overflow:hidden; }
		.step_desc_img .roadmap { width:100%;}

.step_desc_img .desc { padding:10px 10px; margin-bottom:60px;  box-sizing:border-box; width:95%;}

.step_desc_img .wrap:nth-child(2) .desc{margin-bottom:0px;}


	.step_desc_img  .wrap .tit dt { font-size:15px; line-height:30px;}
	.step_desc_img  .wrap .tit dt::before {width:40px; height:2px;}

	.step_desc_img  .wrap .tit dd { font-size:20px; line-height:40px; font-weight:700;}




.step_desc_img .desc dl {overflow:hidden; padding:2px 0px;  box-sizing:border-box;}
.step_desc_img .desc dt {width:20px; height:20px; margin-right:3px;}
.step_desc_img .desc dt . .step_desc_img .desc dd {font-size:13px; line-height:20px;}








}






/* **************************************** *
 * 유네스코 등재과정
 * **************************************** */



li span.number {
	text-align: center;
	border-radius: 50%;
	position: absolute;
	background: rgba(81, 165, 111,1);
	color: #fff;
	display: inline-block;
	text-align: center;
}
.numtxt li {
	position: relative;
}
.numtxt2 li {
	position: relative;
}
.img_desc02 {
	width: 100%;
	text-align: center;
}
.img_desc02 dt {
	text-align: center;
}
.img_desc02 img {
	border-radius: 20px;
	max-width: 100%;
}
.img_desc02 dd {
	color: #777;
}
.step_inner {
	text-align: center;
	width: 100%;
}
.step_inner dl {
	border-radius: 50%;
	background: #f97285;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
}
.step_inner dt {
	color: rgba(255,255,255,0.5);
}
.step_inner dd {
	color: rgba(255,255,255,1);
}
.history-wrap dl {
	overflow: Hidden;
	border-bottom: 2px dotted rgba(0,0,0,0.1);
	box-sizing: border-box;
}
.history-wrap dl:last-child {
	border-bottom: none;
}
.history-wrap dl dt {
	overflow: Hidden;
	color: #448ae6
}
.history-wrap dl dd {
	color: #444;
}





	/*웹*/
	@media (min-width: 1024px) {
.numtxt {
	width: 72% !important;
}
.numtxt li {
	padding-left: 40px;
}
.numtxt2 li {
	padding-left: 40px;
}
li span.number {
	left: 0px;
	top: 2px;
	line-height: 30px;
	width: 30px !important; 
}
.img_desc02 dd {
	font-size: 18px;
	line-height: 30px;
}
.step_inner dl {
	height: 78px;
	width: 78px;
	margin-bottom: 20px;
	padding-top: 20px;
	margin-top: 40px;
}
.step_inner:first-child dl {
	margin-top: 0px;
}
.step_inner dt {
	font-size: 13px;
	line-height: 20px;
}
.step_inner dd {
	font-size: 25px;
	line-height: 30px;
	font-weight: 600;
}
.img2sec dl {
	width: 47%;
	display: inline-block;
	margin: 0px 1%;
}
.history-wrap dl {
	padding: 20px 20px;
}
.history-wrap dl dt {
	float: left;
	width: 17%;
	border-right: 1px solid #ddd;
	font-weight: 600;
}
.history-wrap dl dd {
	float: right;
	width: 80%;
}
.history-wrap dl dt, .history-wrap dl dd {
	font-size: 18px;
	line-height: 22px;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.numtxt {
	width: 60% !important;
}
.numtxt li {
	padding-left: 40px;
}
.numtxt2 li {
	padding-left: 40px;
}
li span.number {
	left: 0px;
	top: 2px;
	line-height: 30px;
	width: 30px;
}
.img_desc02 dd {
	font-size: 18px;
	line-height: 30px;
}
.step_inner dl {
	height: 70px;
	width: 70px;
	margin-bottom: 20px;
	padding-top: 20px;
	margin-top: 40px;
}
.step_inner:first-child dl {
	margin-top: 0px;
}
.step_inner dt {
	font-size: 13px;
	line-height: 20px;
}
.step_inner dd {
	font-size: 20px;
	line-height: 24px;
	font-weight: 600;
}
.img2sec dl {
	width: 47%;
	display: inline-block;
	margin: 0px 1%;
}
.history-wrap dl {
	padding: 20px 20px;
}
.history-wrap dl dt {
	float: left;
	width: 17%;
	border-right: 1px solid #ddd;
	font-weight: 600;
}
.history-wrap dl dd {
	float: right;
	width: 80%;
}
.history-wrap dl dt, .history-wrap dl dd {
	font-size: 18px;
	line-height: 22px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.numtxt {
	width: 100% !important;
}
.numtxt li {
	padding-left: 40px;
}
.numtxt2 li {
	padding-left: 40px;
}
li span.number {
	left: 0px;
	top: 2px;
	line-height: 30px;
	width: 30px;
}
.img_desc02 dd {
	font-size: 14px;
	line-height: 24px;
}
.step_inner dl {
	height: 50px;
	width: 50px;
	margin-bottom: 20px;
	padding-top: 10px;
	margin-top: 40px;
}
.step_inner:first-child dl {
	margin-top: 0px;
}
.step_inner dt {
	font-size: 11px;
	line-height: 14px;
}
.step_inner dd {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}
.img2sec dl {
	width: 100%;
	display: inline-block;
	margin: 10px 0px;
	;
}
.history-wrap dl {
	padding: 20px 10px;
}
.history-wrap dl dt {
	font-weight: 600;
}
.history-wrap dl dd {
}
.history-wrap dl dt, .history-wrap dl dd {
	font-size: 18px;
	line-height: 22px;
}
}
/* **************************************** *
 * 기념사업
 * **************************************** */

.circle_on {
	box-sizing: border-box;
	text-align: center;
}
.circle_on a {
	display: inline-block;
	color: rgba(0,0,0,0.6);
	vertical-align: top;
	border-radius: 50%;
	box-sizing: border-box;
	font-weight: 600;
}
.circle_on a:nth-child(1) {
	background: rgba(255, 159, 215, 0.4)
}
.circle_on a:nth-child(2) {
	background: rgba(255, 159, 247, 0.4)
}
.circle_on a:nth-child(3) {
	background: rgba(210, 159, 255, 0.4)
}
.circle_on a:nth-child(4) {
	background: rgba(159, 170, 255, 0.4)
}
.circle_on a:nth-child(5) {
	background: rgba(159, 196, 255, 0.4)
}
.circle_on a:nth-child(6) {
	background: rgba(159, 227, 255, 0.4)
}
.circle_on a:nth-child(7) {
	background: rgba(159, 255, 220, 0.4)
}
.circle_on a:nth-child(1) {
	color: rgba(213, 84, 183);
}
.circle_on a:nth-child(2) {
	color: rgba(221, 90, 209);
}
.circle_on a:nth-child(3) {
	color: rgba(165, 112, 223);
}
.circle_on a:nth-child(4) {
	color: rgb(118, 147, 251);
}
.circle_on a:nth-child(5) {
	color: rgb(72, 153, 238);
}
.circle_on a:nth-child(6) {
	color: rgb(78, 189, 215);
}
.circle_on a:nth-child(7) {
	color: rgb(101, 189, 157);
}




	/*웹*/
	@media (min-width: 1024px) {
.circle_on {
	padding: 50px 0px;
}
.circle_on a {
	height: 200px;
	width: 200px;
	font-size: 17px;
	line-height: 24px;
	padding-top: 80px;
	margin-left: -30px;
	mragin-top: -30px;
}
.circle_on a.line1 {
	padding-top: 80px;
}
.circle_on a.line3 {
	padding-top: 60px;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.circle_on {
	padding: 50px 0px;
}
.circle_on a {
	height: 180px;
	width: 180px;
	font-size: 17px;
	line-height: 24px;
	padding-top: 70px;
	margin-left: -30px;
}
.circle_on a.line1 {
	padding-top: 80px;
}
.circle_on a.line3 {
	padding-top: 60px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.circle_on {
	padding: 50px 20px;
}
.circle_on a {
	height: 120px;
	width: 120px;
	font-size: 13px;
	line-height: 24px;
	padding-top: 30px;
	margin-left: -20px;
	margin-top: -20px;
}
.circle_on a.line1 {
	padding-top: 40px;
}
.circle_on a.line3 {
	padding-top: 30px;
}
}
/* **************************************** *
 * 선정기준 충족
 * **************************************** */

.inner_m:nth-child(1) {
	margin-top: 0px;
}
.role_3 {
	overflow: hidden;
	text-align: center;
}
.role_3 li {
	display: inline-block;
	border-radius: 50%;
	border-style: solid;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.role_3 li:nth-child(1) {
	border-color: rgba(255, 159, 215, 0.4);
	color: rgba(255, 159, 215, 0.9);
}
.role_3 li:nth-child(2) {
	border-color: rgba(210, 159, 255, 0.4);
	color: rgba(210, 159, 255, 0.9);
}
.role_3 li:nth-child(3) {
	border-color: rgba(159, 227, 255, 0.4);
	color: rgba(159, 227, 255, 0.9);
}
.role_3 li:nth-child(1)::before,  .role_3 li:nth-child(2)::before {
	content: '+';
	position: absolute;
	color: rgba(0,0,0,0.5);
	z-index: 10
}



	/*웹*/
	@media (min-width: 1024px) {
.role_3 li {
	width: 290px;
	height: 290px;
	border-width: 23px;
	font-size: 30px;
	line-height: 40px;
	padding-top: 100px;
	margin-left: -30px;
}
.inner_m {
	margin-top: 60px;
	padding-bottom: 10px !important;
}
.role_3 li:nth-child(1)::before,  .role_3 li:nth-child(2)::before {
	top: 100px;
	right: -20px;
	font-size: 46px;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.role_3 li {
	width: 210px;
	height: 210px;
	border-width: 23px;
	font-size: 25px;
	line-height: 40px;
	padding-top: 60px;
	margin-left: -30px;
}
.inner_m {
	margin-top: 60px;
	padding-bottom: 10px !important;
}
.role_3 li:nth-child(1)::before,  .role_3 li:nth-child(2)::before {
	top: 70px;
	right: -20px;
	font-size: 46px;
}
}




	/*모바일*/
	@media (max-width:640px) {
.role_3 {
	padding-top: 60px;
}
.role_3 li {
	width: 120px;
	height: 120px;
	border-width: 13px;
	vertical-align: top;
	font-size: 18px;
	line-height: 30px;
	padding-top: 30px;
	margin-top: -20px;
	margin-left: -20px;
}
.inner_m {
	margin-top: 60px;
	padding-bottom: 10px !important;
}
.role_3 li:nth-child(1)::before,  .role_3 li:nth-child(2)::before {
	display: none
}
}
/* **************************************** *
 * 인사말
 * **************************************** */


.greeting .txtin {
	box-sizing: border-box;
	overflow: hidden;
}
.greeting h2 {
	margin-bottom: 0px;
}
.greeting h2 strong {
	font-weight: 600;
	color: rgba(0,0,0,0.6);
}
.greeting h3 {
	color: #000;
	font-weight: 300;
	color: rgba(0,0,0,0.3);
}
.greeting .img {
	border-top: 1px solid #ddd;
}
.greeting .img dt {
	display: inline-block;
}
.greeting .img dd {
	display: inline-block;
}
.greeting .img dd img {
	vertical-align: middle;
}
.greeting .txtin p {
	overflow: Hidden;
}
.greeting .topper {
	position: relative;
	overflow: Hidden;
	width: 100%;
	box-sizing: border-box;
}
.greeting .topper p {
	position: absolute;
}



	/*웹*/
	@media (min-width: 1024px) {
		
	.greeting  {
		background: #729fce2b;
		padding: 3.5rem;
		border-radius: 30px
	
		}
		
.greeting .topper p {
	left: 60px;
}
.greeting .topper {
	padding: 0 10px;
}
.greeting .topper img {
	width: 340px;
}
.greeting h2 {
	font-size: 2.2rem;
	line-height: 1.3;
	font-weight:bold;
	color:#275d95
}
.greeting h3 {
	font-size: 23px;
	line-height: 30px;
	margin-bottom: 60px;
	padding-top: 30px;
}
.greeting .txtin {
}
.greeting .img {
	padding-top: 30px;
	text-align: right;
}
.greeting .img dt {
	font-size: 1.2rem;
	line-height: 30px;
    width: 100%;
	font-weight:bold;
	margin-bottom:1rem
}
.greeting .img dd img {
	height: 40px;
}
.greeting .txtin p {
	font-size: 1.2rem;
	line-height: 1.5;
	padding-bottom: 30px;
}

.greeting .img dd {
	font-size:2.5rem;
	 font-family: 'ChosunCentennial';
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
		.greeting  {
		background: #729fce2b;
		padding: 3rem;
		border-radius: 30px
	
		}
		
.greeting .topper p {
	left: 60px;
}
.greeting .topper {
	padding: 0 10px;
}
.greeting .topper img {
	width: 340px;
}
.greeting h2 {
	font-size: 2.2rem;
	line-height: 1.3;
	font-weight:bold;
	color:#275d95
}
.greeting h3 {
	font-size: 23px;
	line-height: 30px;
	margin-bottom: 60px;
	padding-top: 30px;
}
.greeting .txtin {
}
.greeting .img {
	padding-top: 30px;
	text-align: right;
}
.greeting .img dt {
	font-size: 1.2rem;
	line-height: 30px;
    width: 100%;
	font-weight:bold;
	margin-bottom:1rem
}
.greeting .img dd img {
	height: 40px;
}
.greeting .txtin p {
	font-size: 1.2rem;
	line-height: 1.5;
	padding-bottom: 30px;
}

.greeting .img dd {
	font-size:2.5rem;
	 font-family: 'ChosunCentennial';
}

}




	/*모바일*/
	@media (max-width:640px) {
.greeting h3 {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 30px;
}
.greeting .txtin {
	padding: 0px 20px 20px 20px;
	border-radius: 20px;
}
.greeting .txtin .img img {
	border-radius: 20px;
}
.greeting .txtin .img {
}
.greeting .txtin .img dd {
	font-size: 13px;
	padding-top: 30px;
}
.greeting .txtin .img dd img {
	padding-top: 5px;
	max-width: 80%;
}
.greeting .txtin p {
	font-size: 14px;
	line-height: 20px;
	padding-top: 20px;
}
}
/* **************************************** *
 *움직임 컨트롤 서브
 * **************************************** */


.sub_wrapper .cont_tit {
	overflow: Hidden;
	width: 100%;
}
/* **************************************** *
 *프로그램안내
 * **************************************** */
.program_wrap {
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
/*.masonry {column-count: 4;}*/
.masonry {
	padding-top: 30px;
}
.masonry .list {
	overflow: hidden;
	width: 100%;
	background: #fff;
}
.masonry .item {
	position: relative;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: width 2s;
	width: 23%;
	float: left;
	transition: width 2s;
	cursor: pointer;
	margin: 10px;
}
.masonry .item dl {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
}
.masonry .item:hover {
	opacity: .75;
}
.masonry .item img {
	width: 100%;
	height: 190px;
}
.icon {
	display: inline-block;
	z-index: 5;
	position: absolute;
	right: 10px;
	top: 0px;
	border: 1px solid #999999;
	color: #fff;
	padding: 0px 20px;
	margin-top: 10px;
	background: #000;
}
.masonry .item dl {
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}
.masonry .item dl dt {
	padding-bottom: 10px;
	font-weight: 500;
	color: #000;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
}
.masonry .item dl dd {
	font-size: 13px;
	line-height: 22px;
	overflow: hidden;
	padding-top: 20px;
}
.masonry {
	margin: 1.5em auto;
	max-width: 1200px;
	column-gap: 1.5em;
	padding-bottom: 40px;
}
.program_wrap .img_list_wrap {
	text-align: center;
	overflow: hidden;
	padding-bottom: 20px;
}
.program_wrap .img_list_wrap li {
	display: inline-block;
	padding: 5px 5px;
}
.program_wrap .img_list_wrap li img {
	width: 100%;
}
.program_wrap .inlist01 {
	color: #000;
	margin-bottom: 10px;
	margin-top: 10px;
}
.program_wrap .e_con {
	background: #fff;
	box-sizing: border-box;
	width: 100%;
	padding: 20px 20px;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	max-width: 1200px;
	min-height: 350px;
}
 @media (min-width:641px) and (max-width:1023px) {
.masonry .list {
	overflow: hidden;
	width: 100%;
	background: #fff;
}
.masonry .item {
	position: relative;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: width 2s;
	width: 31%;
	float: left;
	transition: width 2s;
	cursor: pointer;
	margin: 10px;
}
}
 @media (max-width:640px) {
.masonry .list {
	overflow: hidden;
	width: 100%;
	background: #fff;
}
.masonry .item {
	position: relative;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	-webkit-transition: width 2s;
	width: 98%;
	float: left;
	transition: width 2s;
	cursor: pointer;
	margin: 10px;
}
}
.program_con_top {
	width: 100%;
	background: #fff;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	text-align: left;
}
.program_con_top p.img img {
	width: 100%;
}
.program_con_top p.img {
	line-height: 0px;
}
.program_wrap .e_con {
	padding: 30px 0px;
	overflow: hidden;
}
.board_btn_wrap {
	padding: 30px 0px;
}
.board_btn_wrap a {
	display: inline-block;
	background: #bbb;
	color: #fff;
}
.board_btn_wrap a:hover {
	opacity: 0.7;
}

	/*웹*/
	@media (min-width: 1024px) {
.masonry .item {/* margin:20px 10px 60px 10px;  box-shadow:12px 12px 12px rgba(0,0,0,0.2);*/
	border: 1px solid #ccc;
}
.masonry .item dl dt {
	font-size: 20px;
	line-height: 25px;
	border-bottom: 1px solid #ddd;
	margin-top: 5px;
	margin-bottom: 5px;
}
.masonry .item dl {
	padding: 0px 0px 10px 0px;
}
.program_wrap .img_list_wrap li {
	width: 30%;
}
.program_wrap .inlist01 {
	font-size: 24px;
	line-height: 37px;
}
.program_con_top p.img {
	float: left;
	width: 40%;
}
.program_con_top div {
	float: left;
	padding-left: 2%;
	width: 46%;
	padding-top: 30px;
}
.program_con_top div .desc {
	padding-left: 10px;
	padding-top: 30px;
}
.board_btn_wrap a {
	font-size: 18px;
	line-height: 50px;
	padding: 0px 50px;
	border-radius: 30px;
	margin: 0px 10px;
}
.program_wrap .icon {
	border-radius: 20px;
	line-height: 25px;
	font-size: 14px;
}
}






	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.masonry .item {/* margin:20px 10px 60px 10px;  box-shadow:12px 12px 12px rgba(0,0,0,0.2);*/
	border: 1px solid #ccc;
}
.masonry .item dl dt {
	font-size: 20px;
	line-height: 33px;
	;
	border-bottom: 1px solid #ddd;
}
.masonry .item dl {
	padding: 0px 0px 10px 0px;
}
.program_wrap .inlist01 {
	font-size: 19px;
	line-height: 22px;
}
.program_con_top p.img {
	float: left;
	width: 45%;
}
.program_con_top div {
	float: left;
	padding-left: 2%;
	width: 52%;
	padding-top: 10px;
}
.program_con_top div .desc {
	padding-left: 10px;
	padding-top: 10px;
}
.board_btn_wrap a {
	font-size: 18px;
	line-height: 50px;
	padding: 0px 50px;
	border-radius: 30px;
	margin: 0px 10px;
}
.program_wrap .icon {
	border-radius: 20px;
	line-height: 30px;
	font-size: 13px;
}
}

	/*모바일*/
	@media (max-width:640px) {
.masonry .item { /* margin:20px 10px 60px 10px;  box-shadow:12px 12px 12px rgba(0,0,0,0.2);*/
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.masonry .item dl dt {
	font-size: 18px;
	line-height: 23px;
	;
	border-bottom: 1px solid #ddd;
}
.masonry .item dl {
	padding: 0px 0px 10px 0px;
}
.program_wrap .icon {
	line-height: 30px;
	font-size: 13px;
	border-radius: 20px;
}
.program_wrap .inlist01 {
	font-size: 19px;
	line-height: 22px;
}
.program_con_top p.img {
}
.program_con_top div {
	padding-bottom: 20px;
	padding-top: 10px;
}
.program_con_top div .desc {
	padding-left: 10px;
	padding-top: 10px;
}
.board_btn_wrap a {
	font-size: 18px;
	line-height: 40px;
	width: 70%;
	border-radius: 30px;
	margin: 5px 0px;
}
}
/* **************************************** *
 *페이징
 * **************************************** */


.paging_new {
	text-align: center;
	width: 100%;
	padding: 20px 0px;
}
.paging_new a {
	display: inline-block;
	vertical-align: middle;
	margin: 2px 3px;
}














/* **************************************** *
 * 행사일정
 * **************************************** */

.calendar_top_select {
	text-align: center;
	width: 100%;
	color: #000;
	vertical-align: middle;
}
.calendar_top_select strong {
	color: #000;
}
.calendar_top_select a img:hover {
	opacity: 0.7;
}
.calendar_table {
	border-top: 2px solid #000;
	border-bottom: 1px solid #ddd;
}
.calendar_table thead {
	border-bottom: 1px solid #000;
}
.calendar_table thead th {
	padding: 15px 0px;
	text-align: center;
	border-bottom: 1px solid #000;
	font-size: 19px;
	line-height: 22px;
	font-weight: 500;
	color: #000;
}
.calendar_table thead th span {
	opacity: 0.8;
	font-size: 14px;
	opacity: 0.3;
}
.calendar_table thead th:nth-child(1) {
	color: #f93571;
}
.calendar_table thead th:nth-child(1) span {
	color: #f93571;
}
.calendar_table thead th:nth-child(7) {
	color: #186bc9;
}
.calendar_table thead th:nth-child(7) span {
	color: #186bc9;
}
.calendar_table tbody td {
	border-left: 1px solid #ddd;
	vertical-align: top;
	border-top: 1px solid #ddd;
	padding: 20px 20px;
	height: 140px;
	vertical-align: top;
	box-sizing: border-box;
}
.calendar_table tbody td a {
	font-size: 13px;
	line-height: 20px;
	display: inline-block;
	width: 100%;
}
.calendar_table tbody tr td:nth-child(1) {
	border-left: none;
}
.calendar_table .today_td {
	border: 4px solid #f93571;
	background: #fcf4f7
}
.calendar_detail {
	background: #eee;
	width: 100%;
	padding: 30px 0px;
}
.calendar_detail div.width_area {
	background: #fff;
	box-sizing: border-box;
	;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
	overflow: hidden;
}
.calendar_detail div.width_area div {
	overflow: Hidden;
}
.calendar_detail dl {
	overflow: hidden;
	width: 100%;
}
.calendar_detail p.today_event {
	color: #957e35;
	font-weight: 400;
}
.calendar_detail p.today_event strong {
	color: #9d832d;
	font-weight: 400;
}
.calendar_detail dl dt {
	font-weight: 500;
	overflow: hidden;
	color: #000;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
}
.calendar_detail dl dd {
	overflow: hidden;
	box-sizing: border-box;
}
.calendar_detail h3 {
	color: #000;
}
.calendar_detail dl:nth-child(2) {
	border-top: 2px solid #000 !important;
}
.calendar_detail dt strong {
	color: #f04076;
}

	/*웹*/
	@media (min-width: 1024px) {
.calendar_detail div.width_area {
	padding: 40px 60px 50px 60px;
}
.calendar_detail dl {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #ddd;
}
.calendar_detail dl dt {
	float: left;
	width: 20%;
	padding-left: 20px;
	font-size: 18px;
	border-right: 1px solid #ddd;
	margin: 14px 0px;
}
.calendar_detail dl dd {
	float: right;
	width: 80%;
	padding-left: 20px;
	font-size: 18px;
	margin: 14px 0px;
}
.calendar_detail p.today_event {
	float: left;
	width: 20%;
	text-align: center;
	background: #eac449;
	border-radius: 20px;
	padding: 60px 0px;
	margin-top: 20px;
}
.calendar_detail p.today_event img {
	width: 40%;
	opacity: 0.3;
	margin-bottom: 20px;
	margin-left: 20px;
}
.calendar_detail p.today_event {
	font-size: 18px;
	line-height: 20px;
}
.calendar_detail p.today_event strong {
	font-size: 25px;
	line-height: 30px;
}
.calendar_detail .width_area div {
	float: right;
	width: 75%;
}
.calendar_detail h3 {
	font-size: 20px;
	line-height: 70px;
	padding-left: 10px;
}
.calendar_detail dt strong {
	margin-bottom: 20px;
	padding-left: 5px;
}
}


	/*웹, 일부패드*/
	@media (min-width: 750px) {
.calendar_top_select {
	padding: 30px 0px 20px 0px;
}
.calendar_top_select, .calendar_top_select strong {
	font-size: 36px;
	line-height: 60px;
}
.calendar_top_select a img {
	width: 70px;
	padding: 0px 20px;
}
}


	/*일부패드, 모바일*/
	@media (max-width: 749px) {
.calendar_top_select {
	padding: 30px 0px 20px 0px;
}
.calendar_table colgroup {
	display: none;
}
.calendar_table thead {
	display: none;
}
.calendar_table tbody, .calendar_table tbody tr, .calendar_table tbody td {
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: none;
	;
	overflow: hidden;
}
.calendar_table tbody td {
	height: auto;
	border-bottom: 1px solid #ddd;
	width: 100% !important;
	position: relative;
	min-height: 60px;
}
.calendar_table tr td::before {
	position: absolute;
	top: 20px;
	left: 40px;
	font-size: 12px;
}
.calendar_table tr td:nth-child(1)::before {
	content: '일 SUN';
	color: #f93571;
}
.calendar_table tr td:nth-child(2)::before {
	content: '월 MON';
}
.calendar_table tr td:nth-child(3)::before {
	content: '화 TUE';
}
.calendar_table tr td:nth-child(4)::before {
	content: '수 WEB';
}
.calendar_table tr td:nth-child(5)::before {
	content: '목 THU';
}
.calendar_table tr td:nth-child(6)::before {
	content: '금 FRI';
}
.calendar_table tr td:nth-child(7)::before {
	content: '토 SAT';
	color: #186bc9;
}
.calendar_table tr td b {
	padding-right: 20px;
}
.calendar_top_select, .calendar_top_select strong {
	font-size: 24px;
	line-height: 60px;
}
.calendar_top_select a img {
	width: 70px;
	padding: 0px 20px;
}
}



	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.calendar_detail div.width_area {
	padding: 30px 30px 30px 30px;
}
.calendar_detail dl {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #ddd;
}
.calendar_detail dl dt {
	float: left;
	width: 26%;
	padding-left: 10px;
	font-size: 14px;
	border-right: 1px solid #ddd;
	margin: 12px 0px;
}
.calendar_detail dl dd {
	float: right;
	width: 74%;
	padding-left: 10px;
	font-size: 14px;
	margin: 12px 0px;
}
.calendar_detail p.today_event {
	float: left;
	width: 27%;
	text-align: center;
	background: #eac449;
	border-radius: 20px;
	padding: 60px 0px;
	margin-top: 10px;
}
.calendar_detail p.today_event img {
	width: 40%;
	opacity: 0.3;
	margin-bottom: 20px;
	margin-left: 20px;
}
.calendar_detail p.today_event {
	font-size: 18px;
	line-height: 17px;
}
.calendar_detail p.today_event strong {
	font-size: 20px;
	line-height: 22px;
}
.calendar_detail .width_area div {
	float: right;
	width: 68%;
}
.calendar_detail h3 {
	font-size: 17px;
	line-height: 50px;
	padding-left: 10px;
}
}

	/*모바일*/
	@media (max-width:640px) {
.calendar_detail div.width_area {
	padding: 20px;
}
.calendar_detail dl {
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #ddd;
}
.calendar_detail dl dt {
	float: left;
	width: 28%;
	padding-left: 5px;
	font-size: 12px;
	border-right: 1px solid #ddd;
	margin: 12px 0px;
}
.calendar_detail dl dd {
	float: right;
	width: 72%;
	padding-left: 5px;
	font-size: 12px;
	margin: 12px 0px;
}
.calendar_detail p.today_event {
	width: 100%;
	text-align: center;
	background: #eac449;
	border-radius: 20px;
	padding: 20px 0px;
}
.calendar_detail p.today_event img {
	width: 20%;
	opacity: 0.3;
	margin-bottom: 10px;
}
.calendar_detail p.today_event {
	font-size: 13px;
	line-height: 15px;
}
.calendar_detail p.today_event strong {
	font-size: 17px;
	line-height: 20px;
}
.calendar_detail .width_area div {
	width: 100%;
}
.calendar_detail h3 {
	font-size: 18px;
	line-height: 50px;
	padding-left: 10px;
	text-align: center;
}
}
/* **************************************** *
 * 인사말
 * **************************************** */

.greeting01 {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
}
.meg_sort {
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding: 50px 0px 100px 0px;
}
.meg_sort dl {
	display: inline-block;
	width: 45%;
	position: relative;
	vertical-align: top;
}
.meg_sort dl dt img {
	width: 80%;
}
.meg_sort dl dd {
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
	padding-top: 24px;
	color: #000;
	letter-spacing: -1px;
}
.meg_sort dl dd p {
	font-size: 18px;
	line-height: 24px;
	padding-top: 20px;
	padding-left: 10px;
	color: #000;
	font-weight: 300;
	letter-spacing: 0px;
}
.meg_sort dl:nth-child(1) img {
	box-shadow: -15px -15px 1px rgba(75,150,29,1);
}
.meg_sort dl:nth-child(2) img {
	box-shadow: 16px -15px 1px rgba(241,117,49,1);
}
.meg_sort dl:nth-child(3) img {
	box-shadow: 16px -15px 1px rgba(241,117,49,1);
}


	/*웹*/
@media (min-width: 1024px) {
.greeting01 {
	width: 100%;
	text-align: center;
	padding: 0px 0px 50px 0px;
	background: url('/nimg/bg_02.jpg') bottom;
	background-size: 100% auto;
}
.greeting01 h2 {
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 50px;
	color: #000;
	padding-top: 50px;
}
.greeting01 div p {
	line-height: 30px;
	padding-bottom: 20px;
}
.greeting01 .sign {
	padding-top: 40px;
}
.greeting01 .sign dt {
	overflow: hidden;
	font-weight: 500;
	font-size: 18px;
	line-height: 25px;
}
.greeting01 .sign dd {
	padding-top: 20px;
	overflow: hidden;
}
.greeting01 .sign dd img {
	height: 50px;
}
.greetingleft {
	width: 55%;
	float: left;
	border: 0px solid red;
	text-align: left;
	font-size: 18px;
	color: #000;
	padding-left: 20px;
	box-sizing: border-box;
}
.greetingright {
	width: 44%;
	float: right;
	border: 0px solid red;
}
.greetingright img {
	padding-top: 20px;
}
.meg_sort {
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding: 50px 0px 100px 0px;
}
.meg_sort dl {
	display: inline-block;
	width: 45%;
	position: relative;
	vertical-align: top;
}
.meg_sort dl dt img {
	width: 80%;
}
.meg_sort dl dd {
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
	padding-top: 24px;
	color: #000;
	letter-spacing: -1px;
}
.meg_sort dl dd p {
	font-size: 18px;
	line-height: 24px;
	padding-top: 20px;
	padding-left: 10px;
	color: #000;
	font-weight: 300;
	letter-spacing: 0px;
}
.meg_sort dl:nth-child(1) img {
	box-shadow: -15px -15px 1px rgba(75,150,29,1);
}
.meg_sort dl:nth-child(2) img {
	box-shadow: 16px -15px 1px rgba(241,117,49,1);
}
.meg_sort dl:nth-child(3) img {
	box-shadow: 16px -15px 1px rgba(241,117,49,1);
}
.greeting02 {
	width: 100%;
	text-align: center;
	padding: 100px 0px 200px 0px;
	background: url('/nimg/sub/inbg001.jpg') no-repeat center bottom;
}
.greeting02 h2 {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 50px;
	color: #000;
}
.greeting02 div p {
	font-size: 18px;
	line-height: 30px;
	padding-bottom: 20px;
}
.greeting02 .sign {
	padding-top: 40px;
}
.greeting02 .sign dt {
	overflow: hidden;
	font-weight: 500;
	font-size: 18px;
	line-height: 25px;
}
.greeting02 .sign dd {
	padding-top: 20px;
	overflow: hidden;
}
.greeting02 .sign dd img {
	height: 34px;
}
}
 @media (max-width:640px) {
.greeting01 {
	width: 100%;
	text-align: left;
	padding: 0px 0px 50px 0px;
	background: url('/nimg/bg_02.jpg') bottom no-repeat;
	background-size: 100% auto;
}
.greetingleft {
	width: 100%;
	float: left;
	border: 0px solid red;
	text-align: left;
	font-size: 18px;
	color: #000;
	padding-top: 20px;
	padding-left: 0px;
	box-sizing: border-box;
}
.greetingright {
	width: 100%;
	float: left;
	border: 0px solid red;
}
.greetingright img {
	padding-top: 20px;
	width: 100%;
}
.meg_sort {
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding: 50px 0px 100px 0px;
}
.meg_sort dl {
	display: inline-block;
	width: 45%;
	position: relative;
	vertical-align: top;
}
.meg_sort dl dt img {
	width: 80%;
}
.meg_sort dl dd {
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
	padding-top: 24px;
	color: #000;
	letter-spacing: -1px;
}
.meg_sort dl dd p {
	font-size: 18px;
	line-height: 24px;
	padding-top: 20px;
	padding-left: 10px;
	color: #000;
	font-weight: 300;
	letter-spacing: 0px;
}
.meg_sort dl:nth-child(1) img {
	box-shadow: -15px -15px 1px rgba(75,150,29,1);
}
.meg_sort dl:nth-child(2) img {
	box-shadow: 16px -15px 1px rgba(241,117,49,1);
}
.meg_sort dl:nth-child(3) img {
	box-shadow: 16px -15px 1px rgba(241,117,49,1);
}
}
/* **************************************** *
 * 운영목표
 * **************************************** */
.goal {
	overflow: Hidden;
	width: 100%;
}
.goal .pic_01, .goal .pic_02 {
	overflow: Hidden;
	position: relative;
}
.goal .pic_01 p img, .goal .pic_02 p img {
	width: 100%;
}
.goal .pic_01 dl, .goal .pic_02 dl {
	position: absolute;
	overflow: Hidden;
	z-index: 2;
	width: 58%;
}
.goal .pic_01 dl dt, .goal .pic_02 dl dt {
	box-sizing: border-box;
	box-sizing: border-box;
	color: #222;
}
.goal .ingoal_inner {
	width: 100%;
	text-align: center;
	background: url('/nimg/bg_07.jpg') no-repeat center center;
	overflow: Hidden;
}
.goal .ingoal_inner h3 {
	color: #fff;
}
.goal .ingoal_inner div {
	display: inline-block;
	vertical-align: top;
	background: rgba(255,255,255,0.8);
	overflow: Hidden;
}
.goal .ingoal_inner div h4 {
	color: #222;
	font-weight: 600;
}
.goal .ingoal_inner div li {
	overflow: Hidden;
	width: 100%;
	padding-top: 20px;
	color: #000;
	font-size: 18px;
}
.goal .ingoal_inner div li strong {
	display: block;
	width: 100%;
	color: #333;
	background: url('/nimg/sub/bgsize.gif') no-repeat center bottom;
}


	/*웹*/
	@media (min-width: 1024px) {
.goal .pic_01 p, .goal .pic_02 p {
	overflow: hidden;
	width: 47%;
}
.goal .pic_02 p {
	float: right;
}
.goal .pic_01, .goal .pic_02 {
	padding: 120px 0px 20px 0px;
}
.goal .pic_02 {
	margin-top: -90px;
}
.goal .pic_01 dl {
	top: 50px;
	right: 0px;
}
.goal .pic_02 dl {
	top: 310px;
	left: 0px;
}
.goal .pic_01 dl dt, .goal .pic_02 dl dt {
	font-size: 30px;
	line-height: 40px;
	border: 10px solid #eee;
}
.goal .pic_01 dl dt {
	padding: 40px 15px 40px 130px;
}
.goal .pic_02 dl dt {
	padding: 40px 70px 40px 45px;
}
.goal .pic_01 dl dd, .goal .pic_02 dl dd {
	box-sizing: border-box;
	font-size: 18px;
	line-height: 28px;
}
.goal .pic_01 dl dd {
	padding: 50px 0px 0px 130px;
}
.goal .pic_02 dl dd {
	padding: 50px 130px 0px 45px;
}
.goal .ingoal_inner {
	padding: 150px 0px;
	margin-top: 30px;
}
.goal .ingoal_inner h3 {
	color: #000;
	font-size: 30px;
	line-height: 40px;
	padding-bottom: 30px;
}
.goal .ingoal_inner div {
	width: 40%;
	max-width: 500px;
	margin: 30px 15px 10px 15px;
	padding: 60px 20px;
	height: 370px;
}
.goal .ingoal_inner div h4 {
	font-size: 23px;
	line-height: 30px;
}
.goal .ingoal_inner div li strong {
	font-size: 18px;
	line-height: 33px;
	background-size: 30px 1px;
}
}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
.goal .pic_01 p, .goal .pic_02 p {
	overflow: hidden;
	width: 100%;
}
.goal .pic_02 p {
	float: right;
}
.goal .pic_01, .goal .pic_02 {
	padding: 120px 0px 20px 0px;
}
.goal .pic_02 {
	margin-top: -90px;
}
.goal .pic_01 dl {
	top: 50px;
	right: 0px;
}
.goal .pic_02 dl {
	top: 110px;
	left: 0px;
}
.goal .pic_01 dl dt, .goal .pic_02 dl dt {
	font-size: 23px;
	line-height: 30px;
	border: 6px solid #eee;
}
.goal .pic_01 dl dt {
	padding: 20px 15px 20px 12%
}
.goal .pic_02 dl dt {
	padding: 20px 70px 20px 25px;
}
.goal .pic_01 dl dd, .goal .pic_02 dl dd {
	box-sizing: border-box;
	font-size: 18px;
	line-height: 26px;
}
.goal .pic_01 dl dd {
	padding: 30px 0px 0px 12%;
}
.goal .pic_02 dl dd {
	padding: 30px 30px 0px 25px;
}
.goal .ingoal_inner {
	padding: 80px 0px;
	margin-top: 30px;
}
.goal .ingoal_inner h3 {
	color: #fff;
	font-size: 23px;
	line-height: 30px;
	padding-bottom: 30px;
}
.goal .ingoal_inner div {
	width: 46%;
	margin: 30px 7px 10px 7px;
	padding: 60px 20px;
	height: 400px;
}
.goal .ingoal_inner div h4 {
	font-size: 20px;
	line-height: 23px;
}
.goal .ingoal_inner div li strong {
	font-size: 17px;
	line-height: 33px;
	background-size: 30px 1px;
}
}

	/*모바일*/
	@media (max-width:640px) {
.goal .pic_01 p, .goal .pic_02 p {
	overflow: hidden;
	width: 100%;
}
.goal .pic_01, .goal .pic_02 {
	padding: 30px 0px 20px 0px;
}
.goal .pic_01 dl, .goal .pic_02 dl {
	margin-top: -36px;
	position: relative !important;
	width: 90%;
	margin-left: 5%;
	overflow: hidden;
}
.goal .pic_01 dl dt, .goal .pic_02 dl dt {
	font-size: 17px;
	line-height: 26px;
	text-align: center;
	border: 6px solid #eee;
	padding: 20px 20px;
}
.goal .pic_01 dl dd, .goal .pic_02 dl dd {
	box-sizing: border-box;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	padding: 20px 0px;
}
.goal .ingoal_inner {
	padding: 40px 0px;
	margin-top: 30px;
}
.goal .ingoal_inner h3 {
	color: #fff;
	font-size: 17px;
	line-height: 26px;
	padding-bottom: 20px;
}
.goal .ingoal_inner div {
	width: 90%;
	margin-top: 10px;
	padding: 40px 20px;
	overflow: hidden;
}
.goal .ingoal_inner div h4 {
	font-size: 18px;
	line-height: 23px;
}
.goal .ingoal_inner div li strong {
	font-size: 14px;
	line-height: 30px;
	background-size: 30px 1px;
}
}
/********현진추가css*************/


.subvisual {
	overflow: hidden;
	width: 100%;
	border: 0px solid red;
	height: 150px;
}
 @media (min-width:641px) and (max-width:1023px) {
.subvisual {
	overflow: hidden;
	width: 100%;
	border: 0px solid red;
	height: 120px;
}
}
 @media (max-width:640px) {
.subvisual {
	overflow: hidden;
	width: 100%;
	border: 0px solid red;
	height: 100px;
}
}
/********boardsizw*************/

.boardarea {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0px 30px 0px;
	box-sizing: border-box;
}
.conwrap1 {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	padding: 30px 0px 30px 0px;
	box-sizing: border-box;
}
 @media (min-width:641px) and (max-width:1023px) {
.boardarea {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0px 30px 0px;
	box-sizing: border-box;
}
.conwrap1 {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0px 30px 0px;
	box-sizing: border-box;
}
}
 @media (max-width:640px) {
.boardarea {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0px 30px 0px;
	box-sizing: border-box;
}
.conwrap1 {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px 30px 0px;
	box-sizing: border-box;
}
}
/********mainarea*************/

.visualarea {
	width: 100%;
	height: 770px;
	background: #fcf4f7;
	border: 0px solid red;
}
.conwrap {
	overflow: hidden;
	width: 100%;
	margin-top: -40px;
	height: 995px;
	background: url('/nimg/bg_01.png');
	background-size: cover;
}
.conarea {
	position: relative;
	width: 1280px;
	margin: 0 auto;
	border: 0px solid red;
	overflow: hidden;
}
 @media(max-width:1023px) {
.visualarea {
	width: 100%;
	height: 400px;
	margin-top: 40px;
	background: #fcf4f7;
	border: 0px solid red;
	background: url('/nimg/main01.jpg');
	background-size: cover;
}
.conwrap {
	overflow: hidden;
	width: 100%;
	margin-top: -40px;
	height: 100%;
	background: url('/nimg/bg_01.png');
	background-size: cover;
}
.conarea {
	position: relative;
	width: 100%;
	margin: 0 auto;
	border: 0px solid red;
	overflow: hidden;
}
}
.noticeleftwarp {
	position: relative;
	overflow: hidden;
	width: 50%;
	float: left;
	border: 0px solid red;
}
.noticeleft {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	background: #0063a8;
	height: 80px;
}
.noticeleft ul li {
	display: inline-block;
	height: 80px;
	line-height: 80px;
}
.noticeleft ul li:first-child {
	width: 20%;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	border-right: 1px solid #3885bb;
	box-sizing: border-box;
}
.noticeleft ul li:last-child {
	width: 15%;
	text-align: center;
	color: #c0d5eb;
	box-sizing: border-box;
}
.noticeleft ul li.subj01 {
	width: 64%;
	color: #fff;
	padding-left: 10px;
}
.noticeleft ul li.subj01 a {
	width: 64%;
	color: #fff;
	padding-left: 10px;
}
.noticeleft1 {
	height: 300px;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	background: #fff;
	box-sizing: border-box;
	padding: 25px;
	border: 1px solid #cccccc;
}
.noticeleft1 ul li {
	display: inline-block;
	height: 30px;
	line-height: 30px;
}
.noticeleft1 ul li.subj011 {
	width: 78%;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}
.noticeleft1 ul li.subj011 a {
	width: 78%;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}
.noticeleft1 ul li.date1 {
	width: 20%;
	text-align: right! important;
}
.noticerightwarp {
	position: relative;
	overflow: hidden;
	width: 50%;
	float: right;
	border: 0px solid red;
}
.noticeright {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: right;
	background: #014e84;
	height: 80px;
}
.noticeright ul li {
	display: inline-block;
	height: 80px;
	line-height: 80px;
}
.noticeright ul li:first-child {
	width: 20%;
	text-align: center;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	border-right: 1px solid #3885bb;
	box-sizing: border-box;
}
.noticeright ul li:last-child {
	width: 15%;
	text-align: center;
	color: #c0d5eb;
	box-sizing: border-box;
}
.noticeright ul li.subj01 {
	width: 64%;
	color: #fff;
	padding-left: 10px;
}
.noticeright ul li.subj01 a {
	width: 64%;
	color: #fff;
	padding-left: 10px;
}
.noticeright1 {
	height: 300px;
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	background: #fff;
	box-sizing: border-box;
	padding: 25px;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.noticeright1 ul li {
	display: inline-block;
	height: 30px;
	line-height: 30px;
}
.noticeright1 ul li.subj011 {
	width: 78%;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
}
.noticeright1 ul li.date1 {
	width: 20%;
	text-align: right! important;
}
 @media(max-width:1023px) {
.noticeleftwarp {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	border: 0px solid red;
}
.noticeleft {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	background: #0063a8;
	height: 100px;
	border: 0px solid red;
}
.noticeleft ul li {
	display: inline-block;
	height: 50px;
	line-height: 50px;
}
.noticeleft ul li:first-child {
	width: 100% ! important;
	border-bottom: 1px solid #3885bb;
}
.noticeleft ul li.subj01 {
	width: 100%;
	color: #fff;
	padding-left: 5px;
	display: block ! important;
}
.noticeleft ul li:last-child {
	display: none;
}
.noticeleft1 {
	padding: 10px;
	height: auto;
}
.noticeleft1 ul li.subj011 {
	width: 100% ! important;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}
.noticeleft1 ul li.date1 {
	width: 20%;
	text-align: right! important;
	display: none;
}
.noticerightwarp {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: right;
	border: 0px solid red;
}
.noticeright {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: right;
	background: #014e84;
	height: 100px;
}
.noticeright ul li {
	display: inline-block;
	height: 50px;
	line-height: 50px;
}
.noticeright ul li:first-child {
	width: 100% ! important;
	display: block ! important;
	border-bottom: 1px solid #3885bb;
}
.noticeright ul li:last-child {
}
.noticeright ul li.subj01 {
	width: 100%;
	color: #fff;
	padding-left: 5px;
	display: block ! important;
}
.noticeright1 {
	height: auto;
}
.noticeright1 ul li.subj011 {
	width: 100% ! important;
	text-align: left;
	font-size: 14px;
	font-weight: 400;
}
.noticeright1 ul li.date1 {
	display: none;
}
}
.activeleft {
	position: relative;
	overflow: hidden;
	width: 68%;
	float: left;
	background: #fff;
	border: 0px solid #ccc;
	margin-top: 25px;
	box-sizing: border-box;
}
.activeleft .titlear ul {
	border-bottom: 2px solid #026128;
	background: #00963c;
}
.activeleft .titlear ul li {
	display: inline-block;
	height: 60px;
	box-sizing: border-box;
	float: left;
}
.activeleft .titlear ul li:first-child {
	width: 15% !important;
	box-sizing: border-box;
	line-height: 60px;
	padding-left: 15px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.activeleft .titlear ul li:last-child {
	background: #026128;
	width: 9%;
	text-align: center;
	box-sizing: border-box;
	line-height: 60px;
}
.activeleft .titlear ul li:last-child img {
	padding-top: 23px;
}
.activeleft .photo1 {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 20px;
}
.activeleft .photo1 .img {
	width: 265px;
	height: 165px;
}
.activeleft .photo1>ul {
	border-bottom: 0px solid #026128;
	background: #fff;
	width: 100%;
}
.activeleft .photo1>ul>li {
	display: inline-block;
	float: left;
	margin-top: 14px;
}
.activeleft .photo1>ul>li:first-child {
	padding-right: 25px;
	box-sizing: border-box;
	width: 37%;
}
.activeleft .photo1>ul>li:first-child img {
	border: 1px solid #ccc;
}
.activeleft .photo1>ul>li:last-child {
	width: 62%;
	padding-top: 20px;
	box-sizing: border-box;
}
.titlest01 {
	font-size: 19px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 5px;
}
.titlest02 {
	line-height: 17px;
	font-size: 18px;
}
.activeright {
	position: relative;
	overflow: hidden;
	width: 30%;
	float: right;
	background: #fff;
	border: 0px solid #ccc;
	margin-top: 25px;
}
.activeright ul li {
	width: 100%;
	border: 1px solid #ccc;
	height: 220px;
	background: url('/nimg/mbg01.jpg');
b ackground-size:cover;
	padding: 25px;
	box-sizing: border-box;
}
.activeright ul li:last-child {
	margin-top: 25px;
	background: url('/nimg/mbg02.jpg') center;
	background-size: cover;
	text-align: center;
}
 @media(max-width:1023px) {
.activeleft {
	width: 100%;
}
.activeleft .titlear ul li:first-child {
	width: 25% !important;
	box-sizing: border-box;
	line-height: 60px;
	padding-left: 15px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
}
.activeleft .photo1>ul {
	border-bottom: 0px solid #026128;
	background: #fff;
	width: 100%;
}
.activeleft .photo1>ul>li:first-child {
	padding-right: 10px;
	box-sizing: border-box;
	width: 30%;
}
.activeleft .photo1>ul>li:first-child img {
	border: 1px solid #ccc;
	width: 85%;
}
.activeleft .photo1>ul>li:last-child {
	width: 69%;
	padding-top: 0px;
	box-sizing: border-box;
}
.activeright {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: right;
	background: #fff;
	border: 0px solid #ccc;
	margin-top: 25px;
}
.activeright ul li {
	display: inline-block;
	float: left;
	width: 48%;
	border: 1px solid #ccc;
	height: 220px;
	background: url('/nimg/mbg01.jpg');
b ackground-size:cover;
	padding: 25px;
	box-sizing: border-box;
}
.activeright ul li:first-child {
	text-align: center;
}
.activeright ul li:last-child {
	margin-top: 0px;
	margin-left: 20px;
	background: url('/nimg/mbg02.jpg') center;
	background-size: cover;
	text-align: center;
}
.titlest01 {
	font-size: 16.5px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 5px;
	width: 90%;
}
}
 @media(max-width:640px) {
.activeleft .photo1>ul>li:first-child {
	padding-right: 10px;
	box-sizing: border-box;
	width: 100% ! important;
}
.activeleft .photo1>ul>li:first-child img {
	border: 1px solid #ccc;
	width: 100%;
}
.activeleft .photo1>ul>li:last-child {
	width: 100%;
	padding-top: 0px;
	box-sizing: border-box;
}
.activeright {
	width: 100%;
	margin-top: 15px;
}
.activeright ul li {
	display: inline-block;
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	height: 220px;
	background: url('/nimg/mbg01.jpg');
b ackground-size:cover;
	padding: 25px;
	box-sizing: border-box;
}
.activeright ul li:first-child {
	text-align: center;
}
.activeright ul li:last-child {
	margin-top: 15px;
	margin-left: 0px;
	background: url('/nimg/mbg02.jpg') center;
	background-size: cover;
	text-align: center;
}
}
.bannerleft {
	position: relative;
	overflow: hidden;
	width: 68%;
	float: left;
	border: 0px solid #ccc;
	margin-top: 25px;
	box-sizing: border-box;
}
.bannerleft ul li {
	display: inline-block;
	height: 95px;
	border-right: 1px solid #ccc;
	width: 49%;
	box-sizing: border-box;
	padding: 10px;
}
.bannerleft ul li:last-child {
	border-right: 0px solid #ccc;
}
.bannerleft ul li dl {
	width: 100%;
}
.bannerleft ul li dt {
	width: 30%;
	display: inline-block;
	float: left;
	text-align: center;
}
.bannerleft ul li dd {
	width: 69%;
	display: inline-block;
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}
.bannerleft ul li dd img {
	margin-bottom: 7px;
}
.maintit {
	font-size: 25px;
	color: #000;
	line-height: 35px;
	font-weight: 500;
}
.mainbtn {
	background-color: #cc3300;
	display: inline-block;
	cursor: pointer;
	color: #ffffff ! important;
	font-size: 14px;
	padding: 5px 15px;
	margin-top: 5px;
}
.mainbtn:hover {
	background-color: #5cbf2a;
}
.mainbtn:active {
	position: relative;
	top: 1px;
}


/* **************************************** *
 *행사안내
 * **************************************** */
.eve-list{width:100%; display:flex; flex-wrap:wrap; }
.eve-list li{width:calc(100%/3 - 30px); margin-right:45px; cursor:pointer}
.eve-list li:nth-child(3n){margin-right:0}
.eve-list li:nth-child(n+4){padding-top:30px; margin-top:30px; border-top:1px dashed #ddd}
.eve-thum{width:100%; height:0; padding-bottom:60%; background:#f4f4f4; position:relative; overflow:hidden}
.eve-thum:before{content:''; display:none; width:100%; height:100%; border:1px solid #ddd; position:absolute; top:0; left:0 ;}
.eve-thum img{position: absolute;  z-index: 97; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.eve-info{margin-top:10px; padding:0 3px}
.eve-info h3{font-size:18px; font-weight:600; width: 100%; padding-bottom:2px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }
.eve-info div{width:100%; display:flex; flex-wrap:wrap; margin-top:3px; font-size:15px;}
.eve-info div b{width:36px; line-height:1.4; font-weight:400;  color:#666}
.eve-info div p{width:calc(100% - 36px);  line-height:1.4; font-weight:400;  color:#666}
.eve-list li:hover .eve-info h3{color:#dc0000}
.eve-list li:hover .eve-info b, .eve-list li:hover .eve-info p{color:#000}
.eve-list li:hover .eve-thum:before{display:block}

.eve-title{margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ddd;}
.eve-title h3{font-size:24px; font-weight:700; margin-bottom:10px}
p.cate span{display:inline-block; font-size:14px; line-height:1; padding:6px 10px; font-weight:400; background:#000; color:#fff !important; }
.eve-board-list ul{margin-top:20px}
.eve-board-list ul li {display:flex; flex-wrap:wrap; width:100%; border:1px solid #ddd}
.eve-board-list ul li:nth-child(n+2){border-top:none}
.eve-board-list ul li b, .eve-board-list ul li p{font-size:16px; font-weight:500; padding:6px 10px}
.eve-board-list ul li b{width:120px; border-right:1px solid #ddd; text-align:center; background:#fafafa}
.eve-board-list ul li p{width:calc(100% - 120px)}
.eve-board-list .content {margin-top:50px; padding-top:50px; border-top:1px dashed #ddd}


@media(max-width:1400px) {
.eve-list li{width:calc(100%/3 - 20px); margin-right:30px;}
.eve-list li:nth-child(n+4){padding-top:25px; margin-top:25px;}
}


@media(max-width:1230px) {
.eve-list li{width:calc(100%/3 - 10px); margin-right:15px;}
.eve-list li:nth-child(n+4){padding-top:20px; margin-top:20px;}
.eve-thum{padding-bottom:65%;}
.eve-info{margin-top:8px;}
.eve-info h3{font-size:17px; }
.eve-info div{ margin-top:2px; font-size:14px;}
.eve-info div b{width:34px;}
.eve-info div p{width:calc(100% - 34px)}

.eve-title{margin-bottom:20px; padding-bottom:20px;}
.eve-title h3{font-size:22px;}
p.cate span{padding:6px 10px; font-size:13px;}
.eve-board-list ul li b, .eve-board-list ul li p{font-size:15px; padding:5px 8px}
.eve-board-list ul li b{width:110px;}
.eve-board-list ul li p{width:calc(100% - 110px)}
.eve-board-list .content {margin-top:40px; padding-top:40px;}
}


@media(max-width:800px) {
.eve-list{justify-content:space-between}
.eve-list li{width:48%; margin-right:0;}
.eve-list li:nth-child(n+3){padding-top:20px; margin-top:20px; border-top:1px dashed #ddd}
.eve-thum{padding-bottom:65%;}
.eve-info{margin-top:8px;}
.eve-info h3{font-size:17px; padding-bottom:0}
.eve-info div{ margin-top:2px; font-size:15px;}
.eve-info div b{width:36px;}
.eve-info div p{width:calc(100% - 36px)}

}


@media(max-width:670px) {
.eve-list li{width:49%;}
.eve-info h3{font-size:16px;}
.eve-list li:nth-child(n+3){padding-top:15px; margin-top:15px;}
.eve-info div{ font-size:14px;}
.eve-info div b{width:34px;}
.eve-info div p{width:calc(100% - 34px)}



}


@media(max-width:500px) {
.eve-list li{width:100%;}
.eve-list li:nth-child(n+2){padding-top:30px; margin-top:30px; border-top:1px dashed #ddd}
.eve-thum{padding-bottom:60%;}

.eve-title{margin-bottom:15px; padding-bottom:15px;}
.eve-title h3{font-size:18px;}
p.cate span{padding:5px 8px; font-size:12px;}
.eve-board-list ul{margin-top:15px}
.eve-board-list ul li b, .eve-board-list ul li p{font-size:14px;}
.eve-board-list ul li b{width:90px;}
.eve-board-list ul li p{width:calc(100% - 90px)}
.eve-board-list .content {margin-top:30px; padding-top:30px;}
}


@media(max-width:340px) {
.eve-info h3{font-size:15px;}
.eve-info div{ font-size:13px; margin-top:2px}
.eve-info div b{width:32px;}
.eve-info div p{width:calc(100% - 32px)}
}


/* **************************************** *
 *보유문화재
 * **************************************** */
.culturalsearch {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	border: 7px solid #efefef;
	margin-top: 0px;
	padding: 15px;
	box-sizing: border-box;
}
.culturalsearch ul li {
	display: inline;
	float: left;
}
.culturalsearch ul li:last-child {
	text-align: right;
}
.tb_base1 {
	margin-top: 10px;
	border-right: none;
	border-radius: border-box;
	margin: 5px 0 20px 0;
	border-collapse: collapse;
	border-top: 2px solid #006cb6 !important;
	width: 100%;
	letter-spacing: -1px;
	border-left: 0px solid #ddd;
}
.tb_base1 th {
	vertical-align: middle;
	text-align: center;
	background: #006cb6;
	font-weight: bold !important;
	color: #fff;
	font-weight: normal !important;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 0
}
.tb_base1 td {
	font-size: 18px;
	background: #fff;
	color: #444;
	text-align: left;
	letter-spacing: 0px;
	border-right: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
	word-break: keep-all;
	padding: 15px;
}
.tb_base1 td.subj {
	background: #f4f4f4;
	color: #259e89;
	font-weight: 600;
}
.tb_base1 td.subj1 {
	background: #fcfafa;
	color: #000;
	font-weight: 500;
}
.pr15 {
	padding-right: 25px;
}
.searchbtn {
	background-color: #006cb6;
	display: inline-block;
	cursor: pointer;
	color: #ffffff ! important;
	font-size: 14px;
	padding: 7px 65px;
	margin-top: 5px;
}
.searchbtn:hover {
	background-color: #015690;
}
.searchbtn:active {
	position: relative;
	top: 1px;
}
.culturallist {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	border-top: 2px solid #015690;
	margin-top: 15px;
	padding: 25px;
	box-sizing: border-box;
}
.detailtitl {
	border-top: 2px solid #015690;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 10px 0px;
	margin-bottom: 30px;
	text-align: center;
	box-sizing: border-box;
}
.detailtit2 {
	display: inline-block;
	border: 1px solid #f86b26;
	color: #f86b26;
	padding: 0px 20px;
	margin-top: 10px;
	border-radius: 20px;
}
.detailtit3 {
	font-size: 23px;
	color: #000;
	line-height: 45px;
	font-weight: 600;
}
.detailleft {
	position: relative;
	overflow: hidden;
	width: 48%;
	float: left;
	margin-top: 0px;
}
.detailleft img {
	border: 1px solid #ccc !important;
}
.detailright {
	position: relative;
	overflow: hidden;
	width: 50%;
	float: right;
	margin-top: 0px;
}
.detailright dl {
	width: 100%;
	display: inline-block;
	border-top: 2px solid #015690;
	float: left;
}
.detailright dl dt {
	float: left;
	width: 30%;
	display: inline-block;
	line-height: 47px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	background-color: #f3f1f1;
}
.detailright dl dd {
	float: left;
	width: 69%;
	display: inline-block;
	line-height: 47px;
	font-weight: 500;
	font-size: 105%;
	border-bottom: 1px solid #ccc;
	padding-left: 15px;
	box-sizing: border-box;
}
.detailcon {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	margin-top: 25px;
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #015690;
	padding: 25px;
	box-sizing: border-box;
}
.btnarea {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 25px;
	text-align: Center;
}
.detailphoto {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	margin-top: 25px;
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #015690;
	padding: 25px;
	box-sizing: border-box;
}
.detailphoto ul li {
	display: inline-block;
	width: 18.5%;
	margin: 5px;
	border: 1px solid #ccc;
	height: auto;
	float: left;
}
.detailphoto ul li img {
	width: 100%;
}
 @media(max-width:1023px) {
.detailleft {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	margin-top: 25px;
}
.detailleft img {
	border: 1px solid #ccc;
	width: 100%;
}
.detailright {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: right;
	margin-top: 25px;
}
.detailphoto {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	margin-top: 25px;
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #015690;
	padding: 25px;
	box-sizing: border-box;
}
.detailphoto ul li {
	display: inline-block;
	width: 48%;
	margin: 5px;
	border: 1px solid #ccc;
	height: auto;
	float: left;
}
}
/* **************************************** *
 *돌봄활동list
 * **************************************** */
.sub03_visual {
	font-family: 'Nanum Myeongjo', serif;
	height: 40px;
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
	color: #003366;
	font-weight: 700;
}
.activearea {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 2px solid #015690;
}
.activearea ul {
	/*border-bottom: 1px solid #ccc;*/
}
.activearea ul li {
	display: inline-block;
	padding: 15px;
	box-sizing: border-box;
	float: left;
}
.activearea ul li:first-child {
	width: 100%;
}
.activearea ul li.main_img img {
	width: 100%;
}
.activearea ul li:last-child {
	width: 64%;
	display:none
	
}


    .grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        grid-gap: 0;
    }
    .grid-item {
        width: 100%;
        aspect-ratio: 1/1; /* 이미지 비율 유지 */
    }

.actit {
	font-size: 20px;
	font-weight: 500;
	line-height: 35px;
}
/*  .activearea ul li img{width:100%;} */

@media(max-width:1023px) {
.activearea ul li:first-child img {
	width: 95%;
}
}
/*
 .activearea ul li.main_img img{width:100%;}

*/


@media(max-width:640px) {
.sub03_visual {
	font-size: 17px;
	height: 50px;
}
.activearea ul li:first-child {
	width: 100%;
}
.activearea ul li.main_img img {
	width: 100%;
}
.activearea ul li:last-child {
	width: 100%;
}
}
/*  .activearea ul li img{width:100%;}
 */




/* **************************************** *
 * 지도
 * **************************************** */

.maparea {
	position: relative;
	width: 100%;
	height: 450px;
	box-sizing: border-box;
	border: 15px solid #efefef;
	overflow: hidden;
}
/* **************************************** *
 * 돌봄
 * **************************************** */
.activarea {
	position: relative;
	width: 100%;
	overflow: hidden;  /*background: url('/nimg/subbg1.png')no-repeat top right;*/
	margin-top: 15px;
	margin-bottom: 25px;
}
.activleft {
	width: 30%;
	float: left;
}
.activright1 {
	width: 100%;
	float: left;
}
.activleftit {
	line-height: 35px;
	font-size: 25px;
	background: url('/nimg/titlebg.png')no-repeat;
	padding-left: 40px;
	color: #3d72e0;
	font-weight: 500;
}
.activleftit1 {
	padding-left: 40px;
	box-sizing: border-box;
	font-size: 18px;
	margin-top: 5px;
	line-height: 30px;
}
.activright1 {
	width: 100%;
	float: left;
	margin-left: 25px;
}
.activright1 ul li {
	font-size: 17px;
	line-height: 30px;
	display: inline-block;
	border: 1px solid #ccc;
	text-align: center;
	width: 32%;
	float: left;
	margin-left: -1px;
	padding: 30px;
	box-sizing: border-box;
}
.activright1 ul li.first-child {
}
.activright2 {
	width: 95%;
	float: left;
	margin-left: 25px;
	border: 1px solid #ccc;
	padding: 25px;
	box-sizing: border-box;
}
.activright2 ul li {
	background: url('/nimg/lefticon.jpg')no-repeat left;
	font-size: 18px;
	line-height: 60px;
	height: 60px;
	display: inline-block;
	padding-left: 35px;
	border-bottom: 1px dotted #ccc;
	width: 100%;
	float: left;
	text-align: left;
}
.activright2 ul li.heightst {
	height: 80px;
	line-height: 20px;
	padding-top: 20px;
}
 @media(max-width:780px) {
.activright1 ul li {
	width: 92%;
	border: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
}
.activright1 ul li:last-child {
	border-bottom: 1px solid #ccc;
}
.activright2 {
	width: 92%;
	float: left;
	margin-left: 25px;
	border: 1px solid #ccc;
	padding: 15px;
	box-sizing: border-box;
}
.activright2 ul li {
	background: none;
	font-size: 18px;
	line-height: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: auto;
	display: inline-block;
	padding-left: 0px;
	border-bottom: 1px dotted #ccc;
	width: 100%;
	float: left;
	text-align: left;
}
.activright2 ul li.heightst {
	height: auto;
	line-height: auto;
	padding-top: 15px;
}
}
 @media (max-width: 1299px) and (min-width: 1024px) {
}
 @media (max-width: 1023px) {
.activarea {
	background: none;
}
}
/* **************************************** *
 * 문화재훼손신고
 * **************************************** */

.singo {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.singo ul li {
	float: left;
	padding: 45px;
	text-align: left;
	display: inline-block;
	margin: 10px;
	box-sizing: border-box;
	width: 95%;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.singotit {
	line-height: 35px;
	font-size: 22px;
	color: #3d72e0;
	font-weight: 500;
	background: url('/nimg/titlebg.png')no-repeat;
	padding-left: 40px;
}
.singo ul li span {
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.singo ul li:first-child {
	padding-left: 170px;
	background: url('/nimg/bg_03.jpg')no-repeat;
}
.singo ul li.sechild {
	padding-left: 170px;
	background: url('/nimg/bg_04.jpg')no-repeat;
}
.singo ul li.thirch {
	padding-left: 170px;
	background: url('/nimg/bg_05.jpg')no-repeat;
}
.singo ul li:last-child {
	padding-left: 170px;
	background: url('/nimg/bg_06.jpg')no-repeat;
}
.singoform {
	position: relative;
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}
.singoform table {
	overflow: hidden;
	width: 100%;
	float: left;
	border-top: 3px solid #4672b8;
	border-bottom: 1px solid #ccc ! important;
}
.singoform table th {
	font-size: 18px;
	padding: 20px 0px;
}
.singoform table td {
	text-align: left;
	width: 10%;
	font-weight: 500;
	padding: 10px;
	font-size: 18px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.singoform table td.bggreen {
	background: #f4f8fd;
	width: 10%;
	vertical-align: top;
}
.singoform table td.left {
	width: 80%;
}
.btnarea {
	position: relative;
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
.wd50per1 {
	width: 50%;
}
.wd80per1 {
	width: 80%;
}
.tablest01 {
	overflow: hidden;
	width: 100%;
	float: left;
	border-top: 3px solid #4672b8;
	border-bottom: 1px solid #ccc;
}
.singobtn {
	background-color: #4672b8;
	display: inline-block;
	cursor: pointer;
	color: #ffffff ! important;
	font-size: 17px;
	padding: 16px 31px;
	margin: 0 auto ! important;
}
.singobtn:hover {
	background-color: #5cbf2a;
}
.singobtn:active {
	position: relative;
	top: 1px;
}
 @media (max-width: 1023px) {
.singo ul li:last-child img {
	width: 100%;
}
}
 @media(max-width:640px) {
.singoform {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.singo ul li {
	float: left;
	padding: 25px;
}
.singo ul li:first-child {
	padding-left: 20px;
	background: none;
}
.singo ul li.sechild {
	padding-left: 20px;
	background: none;
}
.singo ul li.thirch {
	padding-left: 20px;
	background: none;
}
.singo ul li:last-child {
	padding-left: 20px;
	background: none;
}
.wd50per1 {
	width: 100%;
}
.wd80per1 {
	width: 100%;
}
.singoform table td {
	text-align: center;
	width: 10%;
	font-weight: 500;
	padding: 7px;
}
}
/* **************************************** *
 * 한문화재지킴이
 * **************************************** */

.jiarea {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 25px;
}
.jiright {
	width: 100%;
	float: left;
}
.jiright ul li {
	display: inline-block;
	float: left;
	width: 50%;
	border: 1px solid #ccc;
	height: 75px;
	line-height: 75px;
	box-sizing: border-box;
	text-align: center;
	font-size: 17px;
	font-weight: 500;
}
.jiright ul li:first-child {
	border-right: 0px solid #ccc;
	border-top: 3px solid #0066cc;
}
.jiright ul li:last-child {
	border-top: 3px solid #ff6600;
}
.activleftit {
	line-height: 35px;
	font-size: 25px;
	background: url('/nimg/titlebg.png')no-repeat;
	padding-left: 40px;
	color: #3d72e0;
	font-weight: 500;
}
.activleftit1 {
	padding-left: 40px;
	box-sizing: border-box;
	font-size: 14.5px;
	margin-top: 5px;
	line-height: 30px;
}
 @media (max-width: 1299px) and (min-width: 1024px) {
}
 @media (max-width: 1023px) {
.activarea {
	background: none;
}
.jiright ul li:first-child {
	border-right: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
}
.jiright ul li {
	width: 100%;
}
.activleftit {
	line-height: 35px;
	font-size: 20px;
	background: url('/nimg/titlebg.png')no-repeat;
	padding-left: 40px;
	color: #3d72e0;
	font-weight: 500;
}
}
/* **************************************** *
 * 테이블스타일
 * **************************************** */
.tb_style6 {
	position: relative;
	border-top: 2px solid #666666;
	margin-top: 15px;
	width: 100%;
	font-size: 14px;
	font-weight: 500;
}
.tb_style6 .th1 {
	font-weight: 700;
	background-color: #f9f9f9;
}
.tb_style6 .th2 {
	border-left: 1px solid #e5e5e5;
}
.tb_style6 th {
	width: 33%;
	color: #999;
	padding: 10px;
	border-bottom: 1px solid #999999;
	font-weight: 500;
	text-align: center;
}
.tb_style6 td {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px;
	text-align: center;
	border-right: 1px solid #e5e5e5;
}
.tb_style6 td.none {
	border-right: 0px solid #e5e5e5;
}
.tb_style6 td.bgc {
	background-color: #4672b8;
	color: #fff;
}
.pcshow {
	display: block;
}
.mobileshow {
	display: none;
}
.dialeft {
	position: relative;
	width: 49%;
	float: left;
	padding: 25px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	text-align: center;
}
.diaright {
	position: relative;
	width: 49%;
	float: right;
	padding: 25px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	text-align: center;
}
 @media (max-width: 1023px) {
.dialeft img {
	width: 100%;
}
.diaright img {
	width: 100%;
}
.pcshow {
	display: none;
}
.mobileshow {
	display: block;
}
.mwd100per {
	width: 100%;
}
}
 @media(max-width:640px) {
.dialeft {
	width: 100%;
}
.diaright {
	width: 100%;
	margin-top: 15px;
}
.dialeft img {
	width: 100%;
}
.diaright img {
	width: 100%;
}
.mwd100per {
	width: 100%;
}
.fest_img { display:none}
}
/* main-visual */
#sub_visual {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	height: 770px;
	overflow: hidden;
	box-sizing: border-box;
	border: 0px solid #fff;
}
#sub_visual .visual_wrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 770px;
	text-align: center;
	font-family: 'OpenSans-Regular';
}
#sub_visual .visual_box {
	position: absolute;
	width: 100%;
	height: 770px;
}
#sub_visual .visual_box div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 770px;
}
#sub_visual .v_ul {
	position: absolute;
	bottom: 30px;
	left: 0%;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	z-index: 20;
}
#sub_visual .v_ul li {
	display: inline-block;
	z-index: 1;
	cursor: pointer;
	margin: 0 3px;
}
.v_btn01 {
	z-index: 999999;
}
.v_btn01 a {
	position: absolute;
	top: 310px;
	left: -270px;
	width: 98px;
	height: 53px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #888;
	background: #333 url(/images/main/arrow_prev.png) no-repeat 19px 28px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 40px;
	opacity: 0.7;
	text-transform: uppercase;
	z-index: 30;
}
.v_btn01 a:hover {
	top: 310px;
	left: -270px;
	background: #f20701 url(/images/main/arrow_prev.png) no-repeat 14px 28px;
	border: 1px solid #ac090f;
	color: #fff;
	opacity: 0.9;
	text-decoration: none;
}
.v_btn02 {
	z-index: 999999;
}
.v_btn02 a {
	position: absolute;
	top: 310px;
	left: -170px;
	width: 98px;
	height: 53px;
	cursor: pointer;
	border: 1px solid #888;
	background: #333 url(/images/main/arrow_next.png) no-repeat 14px 28px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	line-height: 40px;
	opacity: 0.6;
	text-transform: uppercase;
	z-index: 30;
}
.v_btn02 a:hover {
	top: 310px;
	left: -170px;
	background: #f20701 url(/images/main/arrow_next.png) no-repeat 19px 28px;
	border: 1px solid #ac090f;
	color: #fff;
	opacity: 0.9;
	text-decoration: none;
}
#sub_visual .visual_p {
	position: absolute;
	left: 0;
	border: 0px solid red;
	width: 100%;
}
#sub_visual .vs_txt {
	position: absolute;
	top: 30px;
	width: 100%;
	height: 335px;
	text-align: center;
	z-index: 1;
	border: 0px solid #888;
}
#sub_visual .vs_txt .m-txt {
	margin: 0px 0 0
}
#sub_visual .vs_txt1 {
	position: absolute;
	top: 40%;
	width: 100%;
	height: 335px;
	margin-left: -150px;
	left: 25%;
	z-index: 2;
	border: 0px solid red;
	text-align: center;
}
#sub_visual .vs_txt1 .m-txt1 {
	margin: 0px 0 0
}
 @media (max-width: 1299px) and (min-width: 1024px) {
.visualarea {
	width: 100%;
	height: 500px;
	background: #fcf4f7;
	border: 0px solid red;
}
#sub_visual {
	height: 500px;
}
#sub_visual .visual_wrap {
	height: 500px;
}
#sub_visual .visual_box {
	position: absolute;
	width: 100%;
	height: 500px;
}
#sub_visual .visual_box div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	background-size: cover;
}
#sub_visual .visual_box>img {
	width: 100%;
}
#sub_visual .vs_txt1 {
	margin-left: 0px;
	top: 40%;
	left: 0px;
}
#sub_visual .vs_txt1 img {
	width: 50%;
}
}
 @media (max-width: 1023px) {
.visualarea {
	width: 100%;
	height: 400px;
	background: #fcf4f7;
	border: 0px solid red;
}
#sub_visual {
	height: 400px;
}
#sub_visual .visual_wrap {
	height: 400px;
}
#sub_visual .visual_box {
	position: absolute;
	width: 100%;
	height: 500px;
}
#sub_visual .visual_box div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	background-size: cover;
}
#sub_visual .visual_box>img {
	width: 100%;
}
#sub_visual .vs_txt1 {
	margin-left: 0px;
	top: 30%;
	left: 0px;
}
#sub_visual .vs_txt1 img {
	width: 70%;
}
}
.taprea {
	width: 100%;
}
.taprea ul li {
	display: inline-block;
	width: 49%;
	border: 1px solid #cccccc;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 18px;
}
.taprea ul li>a:hover {
	display: inline-block;
	width: 49%;
	background-color: #5cbf2a;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
.taprea ul li.blue01 {
	background-color: #0066cc;
	color: #fff;
	font-weight: 500;
}
 @media(max-width:640px) {
.taprea ul li {
	display: inline-block;
	width: 49%;
	border: 1px solid #cccccc;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 12px;
}
}






/* **************************************** *
 * window
 * **************************************** */
 .window {
display:none;
	box-sizing: border-box;
	padding: 50px 50px 40px 50px;
	background: #fff;
	border-color: #ddd #aaa #888 #ddd;
	box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.7);
	width: 780px;
	position: fixed !important;
	top: 100px !important;
	z-index: 999999999999999 !important;
	overflow: hidden;


}

.window .btn_close {
	position: absolute;
	top: 30px;
	right: 30px;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #888;
	height: 40px;
	width: 40px;
	text-align: center;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.window .btn_close i {
	line-height: 40px;
	font-size: 22px;
}
.window .btn_close:hover {
	background: #888;
}
.window .btn_close:hover i {
	color: #fff;
}
.window .privacy h3 {
	border-left: 4px solid #da4141;
	padding-left: 10px;
	font-size: 23px;
	letter-spacing: -2px;
	font-weight: 700;
	margin-bottom: 20px;
}
.window .privacy div {
	width: 100%;
	box-sizing: border-box;
	background: #eee;
	padding: 30px 30px;
	border: 1px solid #ddd;
}











/* **************************************** *
 * window2
 * **************************************** */
.window2 {
	display: none;
	box-sizing: border-box;
	padding: 50px 50px 40px 50px;
	background: #fff;
	border-color: #ddd #aaa #888 #ddd;
	box-shadow: 2px 5px 17px rgba(0, 0, 0, 0.7);
	manx-width: 780px;
	text-align: center;
	position: fixed !important;
/* 	top: 100px !important; border: 1px soid red;
	 */	
	z-index: 999999999999999 !important;
	overflow: hidden;
}
.window2 img {
	max-width: 100%;
}
.window2 .btn_close {
	position: absolute;
	top: 30px;
	right: 30px;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid #888;
	height: 40px;
	width: 40px;
	text-align: center;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.window2 .btn_close i {
	line-height: 40px;
	font-size: 22px;
}
.window2 .btn_close:hover {
	background: #888;
}
.window2 .btn_close:hover i {
	color: #fff;
}
.window2 .privacy h3 {
	border-left: 4px solid #da4141;
	padding-left: 10px;
	font-size: 23px;
	letter-spacing: -2px;
	font-weight: 700;
	margin-bottom: 20px;
}
.window2 .privacy div {
	width: 100%;
	box-sizing: border-box;
	background: #eee;
	padding: 30px 30px;
	border: 1px solid #ddd;
}
.pritit {
	background: #eee;
	padding: 20px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}







/* **************************************** *
 *아카이브 (기록물리스트)
 * **************************************** */


.archive_wrap {}
.archive_wrap .search_top_wrap {box-sizing:border-box; 
overflow:hidden; border:1px solid #2663c1; border-radius:20px; position:relative;}

.archive_wrap .search_top_wrap::before, 
.archive_wrap .search_top_wrap::after { content:''; position:absolute;
	width: 60px; height: 60px;  border-radius: 5px;  border-color:#2663c1; border-style:solid;}
.archive_wrap .search_top_wrap::before {border-width: 5px 0px 0px 5px; top:0px; left:0px;}
.archive_wrap .search_top_wrap::after {border-width: 0px 5px 5px 0px; bottom:0px; right:0px;}


.archive_wrap .search_top_wrap dl {overflow:hidden;}
.archive_wrap .search_top_wrap dl dt {overflow:hidden; color:#2663c1;}
.archive_wrap .search_top_wrap  dl dd {overflow:hidden; box-sizing:border-box;}

.archive_wrap .search_top_wrap  dl dd select,
.archive_wrap .search_top_wrap  dl dd  input{width:100%; margin:0px;
box-sizing:border-box; border:1px solid #ccc; background:#f7f7f7;
border-radius:2px;}


.archive_wrap .search_top_wrap input[type='submit'] { border-radius:10px;
background:#2663c1 url('/new_images/com/search.png') no-repeat center center; text-align:center; color:#fff; font-weight:700;}

.page_inner {overflow:Hidden; text-align:right;}
.page_inner::before {content:''; background: url('/new_images/com/list.png') no-repeat left center;}


.archive_wrap .search_list ,
.archive_wrap .search_list .inner{overflow:hidden; width:100%; box-sizing:border-box; position:relative; float:left;
}

.archive_wrap .search_list .inner {border: 1px solid #dcdfe7; box-sizing:border-box; overflow:hidden;  }












/* .archive_wrap .search_list .inner:nth-child(1) {border-top:none} */


.archive_wrap .search_list .inner h3 {color:#3b5379; font-weight:700;}
.archive_wrap .search_list .inner dl {overflow:hidden; box-sizing:border-box;}
.archive_wrap .search_list .inner dl dt {float:left; overflow:hidden; box-sizing:border-box; font-weight:600;border:1px solid #ddd; }
.archive_wrap .search_list .inner dl dd {float:right; overflow:hidden; box-sizing:border-box;}

.archive_wrap .search_list .inner .btnarea {text-align:left; width:100%;}
.archive_wrap .search_list .inner .btnarea a{display:inline-block; font-weight:600;
background:#3e6cb5; color:#fff; text-align:Center; border-radius:4px;}


.paging_area {text-align:center; padding:40px 0px;}

.paging_area strong {border-radius:50%; color:#fff; background:#9c9c9d; display:inline-block;}
.paging_area a {color:#222; display:inline-block; }



	/*웹*/
	@media (min-width: 1024px) {

			.archive_wrap .search_top_wrap {padding: 30px 60px 30px 60px; margin-bottom: 30px;}


			.archive_wrap .search_top_wrap dl.wide {width:88%;}
			.archive_wrap .search_top_wrap dl.wide dt{width:14%;}
			.archive_wrap .search_top_wrap dl.wide dd{width:85%;}

			.archive_wrap .search_top_wrap dl {width:44%; float:left;  padding:6px 0px; }
			.archive_wrap .search_top_wrap dl dt {float:left; width:24%; font-size:16px; line-height:30px;}
			.archive_wrap .search_top_wrap dl dd {float:right; width:70%; padding-right:40px;}

			.archive_wrap .search_top_wrap  dl dd select,
			.archive_wrap .search_top_wrap  dl dd  input{line-height:30px; height:30px; font-size:16px;}
		.archive_wrap .search_top_wrap input[type='submit']  {
			position:absolute; top:36px; width:10%; right:60px; font-size:20px;
		background-size:auto 40px;
		}
		.archive_wrap .search_top_wrap input.st01 {  line-height:114px;}

			.archive_wrap .page_inner {font-size:14px; line-height:40px;}
			.archive_wrap .page_inner::before {background-size:auto 13px; padding-right:20px;}

			.archive_wrap .search_list .inner:nth-child(2n) {margin-left:2%;}

		.archive_wrap .search_list .inner {padding:40px 40px; width:49%; margin-bottom:30px;}
			.archive_wrap .search_list .inner h3  {font-size:22px; line-height:60px; overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
			overflow:hidden; }
		.archive_wrap .search_list .inner dl  { padding:5px 0px;}
			.archive_wrap .search_list .inner dl dt {width:22%; text-align:center; padding:5px 0px; border-radius:4px}
			.archive_wrap .search_list .inner dl dd {width:72%;  padding:5px 10px;}

			.archive_wrap .search_list .inner dl dt,	
			.archive_wrap .search_list .inner dl dd {font-size:15px; line-height:22px; }

			.archive_wrap .search_list .inner .btnarea {}
			.archive_wrap .search_list .inner .btnarea a{margin-bottom:5px;  width:32%;
			font-size:15px; line-height:38px; border-width:2px;}

		.paging_area strong , .paging_area a {width:40px; line-height:40px; height:40px; font-size:17px;}

}

	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {

			.archive_wrap .search_top_wrap {padding: 30px 20px 30px 20px; margin-bottom: 30px;}

			.archive_wrap .search_top_wrap dl.wide {width:100%;}
			.archive_wrap .search_top_wrap dl.wide dt{width:14%;}
			.archive_wrap .search_top_wrap dl.wide dd{width:85%;}

			.archive_wrap .search_top_wrap dl {width:50%; float:left;  padding:6px 0px; }
			.archive_wrap .search_top_wrap dl dt {float:left; width:24%; font-size:14px; line-height:26px;}
			.archive_wrap .search_top_wrap dl dd {float:right; width:70%; padding-right:10px;}

			.archive_wrap .search_top_wrap  dl dd select,
			.archive_wrap .search_top_wrap  dl dd  input{line-height:26px; height:26px; font-size:14px; }
		.archive_wrap .search_top_wrap input[type='submit']  {
			 width:100%;  font-size:20px; margin-top:10px;
		background-size:auto 20px; line-height:40px;}


			.archive_wrap .page_inner {font-size:14px; line-height:40px;}
			.archive_wrap .page_inner::before {background-size:auto 13px; padding-right:20px;}

		.archive_wrap .search_list .inner {padding:20px 20px; margin:10px 0px;}
			.archive_wrap .search_list .inner h3  {font-size:19px; line-height:40px;}
		.archive_wrap .search_list .inner dl  {  padding:5px 0px;}
			.archive_wrap .search_list .inner dl dt {width:23%; text-align:center; border-radius:5px; }
			.archive_wrap .search_list .inner dl dd {width:72%; padding-left:10px;}

			.archive_wrap .search_list .inner dl dt,	
			.archive_wrap .search_list .inner dl dd {font-size:14px; line-height:20px;  padding:5px 0px;}

			.archive_wrap .search_list .inner .btnarea {width:100%; }
			.archive_wrap .search_list .inner .btnarea a{margin-bottom:5px; width:32%; font-size:14px; line-height:32px; }

			.paging_area strong , .paging_area a {width:40px; line-height:40px; height:40px; font-size:17px;}

		}






	/*모바일*/
	@media (max-width:640px) {



			.archive_wrap .search_top_wrap {padding: 30px 20px 30px 20px; margin-bottom: 30px;}



			.archive_wrap .search_top_wrap dl {width:100%; padding:6px 0px; }
			.archive_wrap .search_top_wrap dl dt {float:left; width:33%; font-size:14px; line-height:26px;}
			.archive_wrap .search_top_wrap dl dd {float:right; width:60%; padding-right:10px;}

			.archive_wrap .search_top_wrap  dl dd select,
			.archive_wrap .search_top_wrap  dl dd  input{line-height:23px; height:23px; font-size:14px; }
		.archive_wrap .search_top_wrap input[type='submit']  {
			 width:100%;  font-size:20px; margin-top:10px;
		background-size:auto 20px; line-height:40px;}


			.archive_wrap .page_inner {font-size:14px; line-height:40px;}
			.archive_wrap .page_inner::before {background-size:auto 13px; padding-right:20px;}

		.archive_wrap .search_list .inner {padding:20px 20px;}
			.archive_wrap .search_list .inner h3  {font-size:18px; line-height:20px; padding-bottom:10px;}
		.archive_wrap .search_list .inner dl  { width:100%; padding:5px 0px;}
			.archive_wrap .search_list .inner dl dt {  width:30%;text-align:Center; border-radius:4px;}
			.archive_wrap .search_list .inner dl dd {width:100%; padding-top:10px; padding-bottom:10px;}

			.archive_wrap .search_list .inner dl dt,	
			.archive_wrap .search_list .inner dl dd {font-size:14px; line-height:20px; }

			.archive_wrap .search_list .inner .btnarea { padding-top:10px; text-align:left; }
			.archive_wrap .search_list .inner .btnarea a{margin-bottom:5px; width:32%; 
			font-size:13px; line-height:27px; border-width:2px;}

			.paging_area strong , .paging_area a {width:24px; line-height:24px; height:24px; font-size:12px; }






		}









/* **************************************** *
 *아카이브 (인물리스트)
 * **************************************** */


.person_search .sort {overflow:hidden; width:100%; padding-bottom:10px; }

.person_search .sort h3 {overflow:hidden;}
.person_search .sort div { box-sizing:border-box; overflow:hidden;}
.person_search .sort div  a {color:#777; display:inline-block; vertical-align:middle; text-align:center;}
.person_search .sort div  a.on {color:#fff; border-radius:50%; font-weight:700; 
background:#517de8; }


.person_search .sort_2dept {border-radius:10px; box-sizing:border-box;  background:#f2f8fb; text-align:center;}

.person_search .sort_2dept a {display:inline-block;  color:rgba(54, 112, 174, 0.5)}
.person_search .sort_2dept a.on {font-weight:700; color:rgba(54, 112, 174, 0.9)}


	.paging_area2 {text-align:center; padding-top:10px;}
	.paging_area2 a {color:#999;}
	.paging_area2 strong {color:#222;}


.search_person_desc {width:100%; overflow:hidden; border-radius:20px; border:1px solid rgba(0,0,0,0.2); }
.search_person_desc dl {overflow:hidden; box-sizing:border-box;}
.search_person_desc dl dt  {text-align:center; background:#eaeef2; color:#4e5864; font-weight:800; vertical-align:middle}
.search_person_desc dl dd {overflow:hidden; box-sizing:border-box; color:#4e5864;  word-wrap:anywhere;}



	/*웹*/
	@media (min-width: 1024px) {
		.person_search .sort h3, 
		.person_search .sort  a { font-size:18px; line-height:40px;}
		.person_search .sort h3 {border-right:1px solid #ddd; font-weight:700;}
		.person_search .sort h3 { float:left; width:15%;}
		.person_search .sort div { float:right; width:85%; padding-left:30px;}
			.person_search .sort div  a { width:40px; height:40px;}

		.person_search .sort_2dept   {margin-top:10px; padding:10px 10px;}
			.person_search .sort_2dept a {font-size:16px; line-height:30px; padding:10px;}
				.paging_area2 strong , .paging_area2 a {width:40px; line-height:40px; height:40px; font-size:17px; padding:0px 4px;}


		.search_person_desc {margin-bottom:30px;}
			.search_person_desc dl  {font-size:20px; line-height:22px;}
			.search_person_desc dd, .search_person_desc dl dt { font-size:15px; line-height:25px; padding:13px 10px; }

			.search_person_desc dl  {width:50%; float:left; display:table-row; }
			.search_person_desc dl  { border-bottom:1px solid rgba(0,0,0,0.2); border-left:1px solid rgba(0,0,0,0.2);}
			.search_person_desc dl:nth-child(2n-1) {border-left:none;}
			.search_person_desc dl:last-child {border-bottom:none; border-left:none;}

			.search_person_desc dl  dt, .search_person_desc dl dd {display:table-cell;}
			.search_person_desc dl  dt {width:150px; border-right:1px solid rgba(0,0,0,0.2);}

			.search_person_desc dl.wd_wide  {width:100%;}

}






	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {


		.person_search .sort h3, 
		.person_search .sort  a { font-size:17px; line-height:40px;}
		.person_search .sort h3 {border-right:1px solid #ddd; font-weight:700;}
		.person_search .sort h3 { float:left; width:13%;}
		.person_search .sort div { float:right; width:87%; padding-left:30px;}
			.person_search .sort div  a { width:40px; height:40px;}

		.person_search .sort_2dept   {margin-top:10px; padding:10px 10px;}
			.person_search .sort_2dept a {font-size:16px; line-height:30px; padding:3px 3px;;}
				.paging_area2 strong , .paging_area2 a {width:40px; line-height:40px; height:40px; font-size:14px; padding:0px 4px;}


		.search_person_desc {margin-bottom:30px;}
			.search_person_desc dl  {font-size:20px; line-height:22px;}
			.search_person_desc dd, .search_person_desc dl dt { font-size:14px; line-height:16px; padding:13px 6px;}

			.search_person_desc dl  {width:50%; float:left; display:table-row; }
			.search_person_desc dl  { border-bottom:1px solid rgba(0,0,0,0.2); border-left:1px solid rgba(0,0,0,0.2);}
			.search_person_desc dl:nth-child(2n-1) {border-left:none;}
			.search_person_desc dl:last-child {border-bottom:none; border-left:none;}

			.search_person_desc dl  dt, .search_person_desc dl dd {display:table-cell;}
			.search_person_desc dl  dt {width:150px; border-right:1px solid rgba(0,0,0,0.2);}

			.search_person_desc dl.wd_wide  {width:100%;}



		}

	/*모바일*/
	@media (max-width:640px) {

		.person_search .sort h3, 
		.person_search .sort  a { font-size:16px; line-height:30px;}
		.person_search .sort h3 {border-right:1px solid #ddd; font-weight:700;}
		.person_search .sort h3 { float:left; width:13%;}
		.person_search .sort div { float:right; width:87%; padding-left:30px;}
			.person_search .sort div  a { width:30px; height:30px;}


		.person_search .sort_2dept   {margin-top:10px; padding:10px 10px;}
			.person_search .sort_2dept a {font-size:14px; line-height:20px; padding:3px 3px;;}
				.paging_area2 strong , .paging_area2 a {width:40px; line-height:40px; height:40px; font-size:14px; padding:0px 4px;}


		.search_person_desc {margin-bottom:30px;}
			.search_person_desc dl  {font-size:20px; line-height:22px; width:100%;}
			.search_person_desc dd, .search_person_desc dl dt { font-size:13px; line-height:16px; padding:10px 3px;}

			.search_person_desc dl  {width:100%;  display:table; }
			.search_person_desc dl  { border-bottom:1px solid rgba(0,0,0,0.2);  }
			.search_person_desc dl:last-child {border-bottom:none; }

			.search_person_desc dl  dt, .search_person_desc dl dd {display:table-cell; padding:10px 10px;}
			.search_person_desc dl  dt {width:150px; border-right:1px solid rgba(0,0,0,0.2);}

			.search_person_desc dl.wd_wide  {width:100%;}

		}




/* **************************************** *
 *아카이브  상세보기
 * **************************************** */


.archive_detail_wrap {overflow:hidden;}

.archive_detail_wrap .top_area{box-sizing:border-box; 
overflow:hidden; border:1px solid #2663c1; border-radius:20px; position:relative;}

.archive_detail_wrap .top_area  .img {
overflow:hidden; position:relative; }


div.bxslider4 div 
{width:99%;border:1px solid #ddd; position:relative; padding:0px; margin:0px;
overflow:hidden;  border-radius:10px;  box-sizing:border-box;}

div.bxslider4 div img {
 position: absolute; left:0; right:0; margin:auto; width:100%;
    top: 0; bottom: 0; width:100%; padding:0;
}


.archive_detail_wrap .top_area  .bx-controls, 
.archive_detail_wrap .top_area .bx-pager
{position:absolute; bottom:0px; left:0px;width:100%; text-align:center;
z-index:80;}

.archive_detail_wrap .top_area .bx-pager .bx-pager-item {text-indent:-999px; box-sizing:border-box; padding:0px; margin:3px;}
	.archive_detail_wrap .top_area .bx-pager .bx-pager-item a{opacity:0.7;background:#fff;}
	.archive_detail_wrap .top_area .bx-pager .bx-pager-item a.active{opacity:1; background:#fff; border:2px solid #729fce;}

.archive_detail_wrap .top_area .desc {overflow:hidden; }
.archive_detail_wrap .top_area .desc h3 { color:#2663c1; font-weight:700;}
.archive_detail_wrap .top_area .desc p  { overflow:Hidden; padding-top:10px; color:#222;}


#area_tab2 {border:1px solid #ddd; }
#area_tab2 li {float:left; text-align:Center; position:relative; z-index:1; }
#area_tab2 li a {display:inline-block; width:100%; color:#666; position:relative; z-index:3; }
#area_tab2 li.on a  {color:#2663c1; font-weight:800;}
#area_tab2 li.on {background:none;}
#area_tab2 li.on::after {content:''; position:Absolute; z-index:2; width:100%;
background:url('/images/common/select.png')no-repeat top center;}


.in_wrap {overflow:hidden; padding-bottom:20px;}




.under_button {overflow:hidden; width:100%;text-align:right; }
.under_button  a {display:inline-block;}

.in_wrap  h4 {display:none;}

.archive_detail_wrap .top_area .bx-pager2 {overflow:hidden;  
position:relative; text-align:Center;  }




.archive_detail_wrap .top_area .bx-pager2  a{display:inline-block !important; overflow:hidden;  float:none !important;
position:relative;}
.archive_detail_wrap .top_area .bx-pager2  a img { position: absolute; left:0; right:0;
    top: 0; bottom: 0; width:100%; margin: auto;}

.archive_detail_wrap .top_area .bx-pager2  a{border:3px solid #fff; background:rgba(0,0,0,0.3); }
.archive_detail_wrap .top_area .bx-pager2  a img {opacity:0.3;}
.archive_detail_wrap .top_area .bx-pager2  a.active {border:3px solid #1d69aa;background:#fff;}
.archive_detail_wrap .top_area .bx-pager2  a.active  img {opacity:1;}


 



	.archive_detail_wrap .top_area  .bxslider4 div span { position:absolute; bottom:0px; right:0px;  z-index:9999;
	background:rgba(0,0,0,0.6) url('/images/common/detail.png') no-repeat center center; background-size:auto 50%;}



.modal_detail {display:none;position:fixed; width:100%; height:100%; z-index:999999 !important;  }

.modal_detail .modal-dialog {position:fixed; top:0; right:0;  height:auto !important; width:auto !important;
bottom:0; right:0; margin:0 auto; z-index:999999 !important; }

.modal_detail  .modal-backdrop {position:fixed; width:100%; height:100%;}

.modal_detail .modal-content {margin:auto; top:0; right:0; bottom:0; left:0; position:fixed;  box-sizing:border-box;  }

	.modal_detail .modal-content  h3 {font-weight:800; color:#000;}

	.modal_detail  .closebtn { overflow:hidden; right:0; 
	z-index:999999 !important; position:absolute;  } 
	.modal_detail .modal-content img {max-width:100%;}
	.modal_detail .modal-content .wrap3 { overflow-y:auto; position:relative;}
	.modal_detail .modal-content {height:80%;  }
	.modal_detail .modal-content .wrap3 { max-height:80%;  text-align:center;}

	.modal_detail .modal-content .wrap3 img {max-width:100%; max-height:1000px; }
.archive_detail_wrap .top_area .bx-pager {display:none;}

.archive_detail_wrap .top_area .small_img { position:relative;   }
.archive_detail_wrap .top_area .bx-wrapper {}
.archive_detail_wrap .top_area .small_img .bx-controls  {z-index:1;}
.archive_detail_wrap .top_area .small_img .bx-viewport {z-index:9999; position:relative; }

	/*웹*/
	@media (min-width: 1024px) {
		.archive_detail_wrap .top_area {padding: 30px 60px 30px 60px; margin-bottom: 30px; min-height:452px;}

		.archive_detail_wrap .top_area  .img {width:54%; float:left;  overflow:hidden; }

	.archive_detail_wrap .top_area  .img .no_img { width:100%; height:290px; background:#eee;  text-align:center;}

	.archive_detail_wrap .top_area  .img .no_img img {vertical-align:center; padding-top:100px;}

		 .archive_detail_wrap .top_area  .bxslider4 div  { width:99% !important;}


	  .archive_detail_wrap .top_area  .bxslider4 div{ height:290px;  }


.archive_detail_wrap .top_area .small_img {height::180px !important; width:80%; margin-left:10%;}
.archive_detail_wrap .top_area .small_img .bx-controls  {position:absolute; top:0 !important; left:0;}
.archive_detail_wrap .top_area .small_img .bx-prev {position:Absolute; left:-10%;}
.archive_detail_wrap .top_area .small_img .bx-next {position:Absolute; right:-10% !important;   }
.archive_detail_wrap .top_area .small_img .bx-controls-auto {display:none;}



		.archive_detail_wrap .top_area .bx-pager2  { margin-top:20px;   box-sizing:border-box;   width:100%; 
	 overflow:hidden;
		text-align:center;margin:0px 30px 0px 30px; padding:20px 20px;}

	.archive_detail_wrap .top_area .bx-pager2  a {width:70px !important; height:60px; border-radius:5px; margin:3px;}
	.archive_detail_wrap .top_area  .bxslider4 div span  {height:60px; width:60px;}

	.modal_detail .modal-content {width:90%; padding:30px 30px;}
	.modal_detail .modal-content .wrap3 {  }

	.modal_detail  .closebtn  {right:0;  top:-50px; }
	.modal_detail  .closebtn img  {width:30px; }
	.modal_detail .modal-content  h3 {font-size:20px; line-height:40px; margin-bottom:30px;}

		.archive_detail_wrap .top_area .bx-wrapper,
		.archive_detail_wrap .top_area .bx-viewport {min-height:100px;}




	/*상세보기. 롤추가 끝*/








			.archive_detail_wrap .top_area .desc {float:right; width:40%;}
			.archive_detail_wrap .top_area .desc h3 {font-size:22px; line-height:40px;}
			.archive_detail_wrap .top_area .desc p  {font-size:15px; line-height:25px;}

				#area_tab2 {border-radius:20px;  background:#eee; margin-bottom:30px;}
				#area_tab2 li {border-radius:20px;}
				#area_tab2 li:nth-child(1)  {width:33.3%;}
				#area_tab2 li:nth-child(2)  {width:33.4%;}
				#area_tab2 li:nth-child(3)  {width:33.3%;}
				#area_tab2 li a{font-size:18px; line-height:70px; }

				#area_tab2 li::before, #area_tab2 li.on::before {content:'';  position:Absolute; z-index:2;
				top:0px; left:0px; height:70px; width:100%; }

				#area_tab2 li.on::before { border-radius:20px; background:#fff;
					border-style:solid; border-color:#2663c1; border-width:2px 2px 2px 2px; }
				#area_tab2 li.on::after {bottom:-18px; left:0px;  background-size:auto 13px;  height:20px;}

				#area_tab2 li::before  {content:''; }

			.in_wrap  {padding-top:30px;}
			.under_button { padding-top:10px;}

			.archive_detail_wrap .search_person_desc dl dt  br {display:none}











		}






	/*패드*/
	@media (min-width:641px) and (max-width:1023px) {
			.archive_detail_wrap .top_area {padding: 30px 20px 30px 20px; margin-bottom: 30px; min-height:322px;}


		.archive_detail_wrap .top_area  .img {width:53%; float:left;  overflow:hidden;  }
	.archive_detail_wrap .top_area  .bxslider4 div  { width:99% !important;}

	  .archive_detail_wrap .top_area  .bxslider4 div{ height:210px; }


	.archive_detail_wrap .top_area  .img .no_img { width:100%; height:210px; background:#eee;  text-align:center;}

	.archive_detail_wrap .top_area  .img .no_img img {vertical-align:center; padding-top:70px; width:160px;}


.archive_detail_wrap .top_area .small_img { width:80%; margin-left:10%; }
.archive_detail_wrap .top_area .small_img .bx-controls  {position:absolute; top:0 !important; left:0;}
.archive_detail_wrap .top_area .small_img .bx-prev {position:Absolute; left:-10%;}
.archive_detail_wrap .top_area .small_img .bx-next {position:Absolute; right:-10% !important;   }
.archive_detail_wrap .top_area .small_img .bx-controls-auto {display:none;}




	/*상세보기. 롤추가*/
		.archive_detail_wrap .top_area .bx-pager2  { margin-top:10px; overflow:hidden; width:100%; text-align:center;}
	.archive_detail_wrap .top_area .bx-pager2  a {width:70px !important; height:42px; border-radius:5px; margin:2px; 
	box-sizing:border-box; margin-bottom:10px; margin-bototm:10px;  }
	.archive_detail_wrap .top_area  .bxslider4 div span  {height:50px; width:50px;}

	.modal_detail .modal-content {width:80%; max-width:700px;  padding:30px 30px;}



	.modal_detail  .closebtn  { top:-50px; }
	.modal_detail  .closebtn img  {width:24px; }

	.modal_detail .modal-content  h3 {font-size:17px; line-height:40px; margin-bottom:30px;}

		.archive_detail_wrap .top_area .bx-wrapper,
		.archive_detail_wrap .top_area .bx-viewport {min-height:50px;}

	/*상세보기. 롤추가 끝*/




			.archive_detail_wrap .top_area .desc {float:right; width:44%;}
			.archive_detail_wrap .top_area .desc h3 {font-size:19px; line-height:30px;}
			.archive_detail_wrap .top_area .desc p  {font-size:14px; line-height:23px;}

				#area_tab2 {border-radius:20px;  background:#eee; margin-bottom:10px;}
				#area_tab2 li {border-radius:20px;}
				#area_tab2 li:nth-child(1)  {width:33.3%;}
				#area_tab2 li:nth-child(2)  {width:33.4%;}
				#area_tab2 li:nth-child(3)  {width:33.3%;}
				#area_tab2 li a{font-size:16px; line-height:50px; }

				#area_tab2 li::before, #area_tab2 li.on::before {content:'';  position:Absolute; z-index:2;
				top:0px; left:0px; height:50px; width:100%; }

				#area_tab2 li.on::before { border-radius:20px; background:#fff;
					border-style:solid; border-color:#2663c1; border-width:2px 2px 2px 2px; }
				#area_tab2 li.on::after {bottom:-18px; left:0px;  background-size:auto 12px;  height:20px;}

				#area_tab2 li::before  {content:''; }

			.in_wrap  {padding-top:30px;}
			.under_button { padding-top:10px;}

.archive_detail_wrap .search_person_desc dl dt  br {display:none}

		}


	/*모바일*/
	@media (max-width:640px) {

		.archive_detail_wrap .top_area {padding: 30px 20px 30px 20px; margin-bottom: 30px;}



		.archive_detail_wrap .top_area  .img { overflow:hidden; min-height:260px;}
	.archive_detail_wrap .top_area  .bxslider4 div  { width:99% !important;}
	  .archive_detail_wrap .top_area  .bxslider4 div { height:210px; }


	.archive_detail_wrap .top_area  .img .no_img { width:100%; height:210px; background:#eee;  text-align:center;}

	.archive_detail_wrap .top_area  .img .no_img img {vertical-align:center; padding-top:70px; width:160px;}

.archive_detail_wrap .top_area .small_img { width:80%; margin-left:10%; }
.archive_detail_wrap .top_area .small_img .bx-controls  {position:absolute; top:0 !important; left:0;}
.archive_detail_wrap .top_area .small_img .bx-prev {position:Absolute; left:-10%;}
.archive_detail_wrap .top_area .small_img .bx-next {position:Absolute; right:-10% !important;   }
.archive_detail_wrap .top_area .small_img .bx-controls-auto {display:none;}


	/*상세보기. 롤추가*/

		.archive_detail_wrap .top_area .bx-pager2  { margin-top:10px; overflow:hidden; width:100%; text-align:center;}

	.archive_detail_wrap .top_area .bx-pager2  a {width:33px !important; height:45px; border-radius:3px; margin:1px;}
	.archive_detail_wrap .top_area  .bxslider4 div span  {height:26px; width:26px;}

	.modal_detail .modal-content {width:90%; max-width:500px; height:300px; padding:20px 20px;}


	.modal_detail .modal-content .wrap3 { height:250px;}
	.modal_detail  .closebtn  { top:-50px; }




	.modal_detail .modal-content  h3 {font-size:14px; line-height:30px; margin-bottom:30px;}

		.archive_detail_wrap .top_area .bx-wrapper,
		.archive_detail_wrap .top_area .bx-viewport {min-height:50px;}

	/*상세보기. 롤추가 끝*/








			.archive_detail_wrap .top_area .desc {padding-top:20px;}
			.archive_detail_wrap .top_area .desc h3 {font-size:18px; line-height:20px; padding:10px 0px; text-align:center;}
			.archive_detail_wrap .top_area .desc p  {font-size:14px; line-height:23px;}

				#area_tab2 {border-radius:20px;  background:#eee; margin-bottom:10px;}
				#area_tab2 li {border-radius:20px;}
				#area_tab2 li:nth-child(1)  {width:33.3%;}
				#area_tab2 li:nth-child(2)  {width:33.4%;}
				#area_tab2 li:nth-child(3)  {width:33.3%;}
				#area_tab2 li a{font-size:14px; line-height:40px; }

				#area_tab2 li::before, #area_tab2 li.on::before {content:'';  position:Absolute; z-index:2;
				top:0px; left:0px; height:40px; width:100%; }

				#area_tab2 li.on::before { border-radius:20px; background:#fff;
					border-style:solid; border-color:#2663c1; border-width:2px 2px 2px 2px; }
				#area_tab2 li.on::after {bottom:-18px; left:0px;  background-size:auto 12px;  height:20px;}

				#area_tab2 li::before  {content:''; }

			.in_wrap  {padding-top:30px;}
			.under_button { padding-top:10px;}


.archive_detail_wrap .search_person_desc dl dt {width:100px; word-break:break-all;}











		}










/* **************************************** *
 *공통버튼
 * **************************************** */




.btn_ty1, .btn_ty2 { border:none;  color:#fff;  vertical-align:middle; cursor:pointer;  text-align:center;  font-weight:800;}

.btn_ty1 { background:#666;}
.btn_ty2 { background:#4672b8; }



/*웹*/
@media(min-width:1023px) {


.btn_ty1, .btn_ty2  {width:200px; border-radius:3px; margin-left:2px; line-height:50px; font-size:16px;}


}


/*패드*/
@media (max-width: 1023px) and (min-width: 641px) {

.btn_ty1, .btn_ty2  {width:200px; border-radius:3px; margin-left:2px; line-height:50px; font-size:16px;}


}


/*모바일*/
@media (max-width:640px) {
.btn_ty1, .btn_ty2  {width:100px; border-radius:3px; margin-left:2px; line-height:40px; font-size:14px;}
}


/* **************************************** *
 * 아카이브 지역별검색
 * **************************************** */


.area_search {width:100%; padding-bottom:20px; overflow:hidden;}


.area_search dl dt { padding-bottom:20px;}

.area_search dl  dt strong {display:inline-block; margin-right:10px; border-radius:50%; background:red; color:#fff; text-align:center;}


.area_search dl dd select{box-sizing:border-box; width:100%; border-radius:20px; box-sizing:border-box;}


.area_search dl:nth-child(1) dt strong {background:#314a7b;}
.area_search dl:nth-child(2) dt strong {background:#4f7bd0;}
.area_search dl:nth-child(3) dt strong {background:#6590d5;}
.area_search dl:nth-child(4) dt strong {background:#bac6dd;}


.indesctt {text-align:center;}
.indesctt dt { font-weight:800;}
.indesctt dd { font-weight:600;}

.indesctt dd a {display:inline-block; background:#4672b8;  border-radius:20px; color:#fff; font-weight:800;}
.inbtn_n  a{display:inline-block;  text-align:left; position:relative; vertical-align:middle;
font-weight:800; border-radius:20px; border:2px solid #1c9ad6; color:#1c9ad6;}
.inbtn_n  a svg {position:absolute;}

.sign_contest {text-align:center; padding-top:20px; font-weight:800; color:#457bd0}

/*웹*/
@media(min-width:1023px) {

.area_search  {text-align:center;}
.area_search dl {overflow:hidden; width:22%; display:inline-block; 
padding-right:60px; box-sizing:border-box; margin-left:26px; 
}

.area_search dl:nth-child(1),
.area_search dl:nth-child(2),
.area_search dl:nth-child(3){background:url('/images/common/step.png') no-repeat center right; background-size:auto 30px;}


.area_search dl  dt {font-size:20px; line-height:50px;}
.area_search dl  dt strong  {line-height:30px; width:30px;}
.area_search dl dd select{height:320px; padding:20px 20px;}
.area_search dl dd select option {font-size:17px; line-height:30px;  padding:10px;  width:100%; }

.indesctt {padding:60px 0px 20px 0px;}
.indesctt dt {  font-size:27px; line-height:39px; padding-bottom:20px;}
.indesctt dd a {font-size:20px; line-height:66px; padding:0px 110px;}
.inbtn_n  a{ font-size:0.75rem; line-height:56px; padding-left:30px; width:230px; margin-right:5px;}
.inbtn_n  a svg {top:13px; right:20px; height:22px; width:22px;}
.indesctt dd { font-size:24px; line-height:20px;}

.sign_contest  {font-size:20px; line-height:30px;}


}





/*패드*/
@media (max-width: 1023px) and (min-width: 641px) {


	.area_search  {text-align:center;}
	.area_search dl {overflow:hidden; width:22.7%; display:inline-block; 
	padding-right:30px; box-sizing:border-box; margin-left:10px; 
	}

.area_search dl:nth-child(1),
.area_search dl:nth-child(2),
.area_search dl:nth-child(3){background:url('/images/common/step.png') no-repeat center right; background-size:auto 20px;}

.area_search dl  dt {font-size:18px; line-height:40px;}
.area_search dl  dt strong  {line-height:20px; width:20px;}
.area_search dl dd select{height:320px; padding:7px 7px;}
.area_search dl dd select option {font-size:14px; line-height:20px;  padding:10px;  width:100%; }


.indesctt {padding:60px 0px 20px 0px;}
.indesctt dt {  font-size:23px; line-height:38px;  padding-bottom:10px;}
.indesctt dd a {font-size:20px; line-height:66px; padding:0px 90px;}
.inbtn_n  a{ font-size:16px; line-height:54px; padding-left:15px; width:173px; margin-right:4px;}
.inbtn_n  a svg {top:17px; right:20px; height:17px; width:17px;}
.indesctt dd { font-size:21px; line-height:22px;}



}


/*모바일*/
@media (max-width:640px) {

	.area_search  {text-align:center;}
	.area_search dl {overflow:hidden; width:100%; padding-bottom:40px; padding-top:10px; 
	 box-sizing:border-box;  position:relative;
	}



	.area_search dl::before {
	  content: "";
	  position: absolute; bottom:0px; left:0px; right:0px;
	background:url('/images/common/step.png') no-repeat center center; background-size:cover;
	  transform: rotate(90deg); height:24px; width:24px; margin:0 auto;

	}


	.area_search dl:nth-child(1){ padding-top:0px;}
	.area_search dl:nth-child(4)::before{ display:none;}

	.area_search dl  dt {font-size:15px; line-height:30px;}
	.area_search dl  dt strong  {line-height:20px; width:20px;}
	.area_search dl dd select{height:70px; padding:4px 4px;}
	.area_search dl dd select option {font-size:13px; line-height:20px;  padding:4px;  width:100%; text-align:Center; }


.indesctt {padding:40px 0px 20px 0px;}
.indesctt dt {  font-size:20px; line-height:27px; padding-bottom:20px;}
.indesctt dd { font-size:17px; line-height:20px;}


.indesctt dd a {font-size:18px; line-height:46px; padding:0px 60px;}
.inbtn_n  a{ font-size:16px; line-height:54px; padding-left:15px; width:100%; margin-right:4px; margin-bottom:1rem}
.inbtn_n  a svg {top:17px; right:20px; height:17px; width:17px;}


}


.origin {font-family:"새굴림", "나눔바른고딕 옛한글", "NanumBarunGothic YetHangul"}



 .contest2022 {/* background:#eff7ff; */ box-sizing:border-box; border-radius:30px; }
 .contest2022  h2.type01 {background:#eff3ff   url('/images/timg001.gif') no-repeat top right; background-blend-mode: multiply;
 color:#3457bf ; text-align:left;  }
 .contest2022  h2.type01:before,
  .contest2022  h2.type01:after {display:none;}


/*
 .contest2022 .privacy-box-01 {background:#efefef; border-radius:20px; box-sizing:border-box; width:100%; border:1px solid red;  }
 .contest2022 .privacy-box-01 .inner {  padding:0.1rem; float:left; border:1px solid blue;  }
*/
 .contest2022 .privacy-box-01 { background:#efefef; border-radius:20px; box-sizing:border-box; width:100%; padding:1.5rem; }
 .contest2022 .privacy-box-01 .inner {  padding:0.1rem;  }


 .contest2022 .inwrap-new05 {  padding:10px 0; width:100%; overflow:hidden;  } /* border-bottom:1px solid rgba(170, 211, 247, 0.5); */
 /*
 .contest2022  input {background:#fff}
 */

 .contest2022 .select{display:inline-block;}
 .contest2022  h1 {}
 .contest2022 .ininput-wrap01,
 .contest2022 .ininput-wrap02 {float:left; box-sizing:border-box;}


 .contest2022 input { }  /* max-width:90%; */
 .contest2022 .ininput-wrap01 label,
 .contest2022 .ininput-wrap02 label{display:none;}
 .contest2022 .ininput-wrap01{padding-bottom:5px;}
 /*
 .contest2022 input {background:#fff !important;}
 */

 .contest2022 h2 {padding-bottom:0px; margin-bottom:10px }

 .contest2022 .nbtnnesw01 { display:inline-block;   font-weight:900 !important; color:#fff; 
 background:#235cb7 !important; vertical-align:middle; border-radius:30px !important;}

#contest_print {border-radius:30px; border:3px solid #bfe4f7; box-sizing:border-box; padding:2em;}


	/*웹*/
@media (min-width: 1024px) {
	  .contest2022 {padding:40px 40px; margin-top:150px; margin-bottom:30px;}


	  /*
	 .contest2022 .privacy-box-01  {height:300px; padding:50px 50px;}
	 */

	 .contest2022 .select{width:40%;}
	 .contest2022 .ininput-wrap01 {width:33.3%}
	 .contest2022 .ininput-wrap02 {width:100%}

	 .contest2022  h2.type01 {background-size:auto 400px; line-height:1.2;
	 
	   padding-top:50px; border-radius:30px; padding-left:50px; padding-bottom:50px; }
	   
	   	 .contest2022  h2.type01 p { font-size:1rem; margin-top:15px; line-height:1.8 !important }
	   
 .contest2022 .nbtnnesw01  {font-size:20px; line-height:70px; width:500px;}

.web50per  {overflow:hidden; float:left; width:50% !important;}
}

	/*패드*/
@media (min-width:641px) and (max-width:1023px) {
 .contest2022 {padding:30px 30px; margin-top:150px; margin-bottom:30px;}
 /*
 .contest2022 .privacy-box-01  {height:250px; padding:30px 30px;}
 */
	 .contest2022 .privacy-box-01 .inner {  height:250px; overflow-y:scroll; }

 .contest2022 .select{width:40%;}
 .contest2022 .ininput-wrap01,
 .contest2022 .ininput-wrap02 {width:100%}
 .contest2022  h2.type01 {background-size:auto 270px;  line-height:43px;
   padding-top:50px; border-radius:20px; padding-left:30px; padding-bottom:80px;}
 .contest2022 .nbtnnesw01  {font-size:20px; line-height:70px; width:400px;}
}

	/*모바일*/
@media (max-width:640px) {
		.greeting  {
		background: #729fce2b;
		padding: 1rem;
		border-radius: 30px
	
		}
		
		.greeting .img dt {
	font-size: 0.9rem;
	line-height: 30px;
    width: 100%;
	font-weight:bold;
	margin: 1rem 0 0.5rem;
	text-align:right;
}
.greeting .img dd {
	font-size:1.2rem;
    width: 100%;
	 font-family: 'ChosunCentennial';
	text-align:right;
}

	 .contest2022 .privacy-box-01 .inner {  height:210px; overflow-y:scroll; }

 .contest2022 {padding:20px 20px; margin-top:80px; margin-bottom:30px;}

 .contest2022  h2.type01 {background-size:auto 270px; padding-bottom:120px !important;   background-position: bottom center;
   padding-top:20px; border-radius:20px; padding-left:30px;  }
 .contest2022 .nbtnnesw01  {font-size:18px; line-height:60px; width:300px;}
 
 
.contest2022 h2.type01 p {
	font-size:0.8rem;
	margin-top:1rem;
	padding-bottom:200px;
	
	
	
}







}

/********************
홍보게시판 리스트
*******************/
.pr_list_inner {display:inline-block;  vertical-align:middle; position:relative; }
.pr_list_inner dt{position:relative; width:100%; z-index:1;
background:#fff;   overflow:hidden ;  padding-top: calc(100% / 3 * 4);  }
.pr_list_inner dt img {position:absolute; top:50%; left:50%;  z-index:1; min-width:100%;
min-height:100%;
transform:translate(-50%, -50%);}
.pr_list_inner .icon_area { position:absolute;  z-index:2; top:0px; 
right:0px; }
 .pr_list_inner .icon_area  p{color:#fff; text-align:Center; display:block; }

.pr_list_inner .icon_area p.icon_notice {background:#2385bf;}
.pr_list_inner .icon_area p.icon_secret {background:#827467;}

.pr_list_inner dd.tit  {overflow:hidden; padding:10px 0px;}
.pr_list_inner dd.tit  a{ float:left;
  width:calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; box-sizing:border-box; 
  display: -webkit-box;  -webkit-box-orient: vertical;font-size:20px; line-height:30px;
  }

.pr_list_inner .ebook_link,
.pr_list_inner .pdf_link {overflow:hidden; padding-top:10px; width:100%;}
.pr_list_inner .ebook_link svg,
.pr_list_inner .pdf_link svg{vertical-align:middle; margin-right:10px;}
.pr_list_inner .ebook_link a,
.pr_list_inner .pdf_link a{display:block;  box-sizing:border-box; 
width:100%; border:1px solid #234abf; color:#234abf; font-weight:600; }

/*웹*/
@media(min-width:1023px) {
			.pr_list_inner {margin:20px; width:calc(33% - 40px);}
			.pr_list_inner .icon_area  p{width:80px; font-size:17px; line-height:80px; }
			.pr_list_inner dd.tit  a{-webkit-line-clamp: 1; font-size:20px; line-height:30px; }
			.pr_list_inner .ebook_link svg,
			.pr_list_inner .pdf_link svg{width:20px; height:20px;}
			.pr_list_inner .ebook_link a,
			.pr_list_inner .pdf_link a{ font-size:17px; line-height:50px; padding:0px 20px;}

}
	/*패드*/
@media (min-width:641px) and (max-width:1023px) {
			.pr_list_inner {margin:20px; width:calc(50% - 50px);}
			.pr_list_inner .icon_area  p{width:70px; font-size:16px; line-height:70px; }
			.pr_list_inner dd.tit  a{-webkit-line-clamp: 1; font-size:18px; line-height:30px; }
			.pr_list_inner .ebook_link svg,
			.pr_list_inner .pdf_link svg{width:20px; height:20px;}
			.pr_list_inner .ebook_link a,
			.pr_list_inner .pdf_link a{ font-size:16px; line-height:50px; padding:0px 20px;}
}

	/*모바일*/
@media (max-width:640px) {
			.pr_list_inner {margin:7px; width:calc(50% - 20px);}
			.pr_list_inner .icon_area  p{width:50px; font-size:14px; line-height:50px; }
			.pr_list_inner dd.tit  a{-webkit-line-clamp: 2; font-size:17px; line-height:28px; }
			.pr_list_inner .ebook_link svg,
			.pr_list_inner .pdf_link svg{width:16px; height:16px;}
			.pr_list_inner .ebook_link a,
			.pr_list_inner .pdf_link a{ font-size:14px; line-height:40px; padding:0px 10px;}
}



@media (max-width:1600px) {
.sub_visual::after{top:130px}
.iinbg01 dt { padding-top: 130px; font-size: 32px;}
}


@media (max-width:1400px) {
.sub_visual::after{top:110px}
}


@media (max-width:1230px) {
.sub_visual::after{top:90px}
.iinbg01 dt {font-size: 28px; line-height:1.3}
}

@media (max-width:1023px) {
.iinbg01 dt { padding-top: 110px; font-size: 28px; line-height:1.3}
}

@media (max-width:768px) {
.sub_visual::after{top:80px}
.iinbg01 dt { padding-top: 130px; font-size: 26px; line-height:1.3}
}


@media (max-width:640px) {
.iinbg01 dt { padding-top: 65px; font-size: 22px; line-height: 1.3;}
}

@media (max-width:500px) {
.sub_visual::after{top:65px}
.iinbg01 dt { padding-top: 65px; font-size: 20px; line-height: 1.3;}
}