body{background: none;}

.ma_r {
	margin-right: 8px;
}

/* 중간 레이아웃 */
#main_content {width: 100%;text-align: left;line-height: 1.6}
#main_content { z-index:5; margin:0 auto; }
#main_content:after { display: block; visibility: hidden; clear:both; content:"" }

#content_wrap { padding: 0 0 50px; }
#content_wrap .sect_tit, .sect_tit {padding: 50px 0 0;}

#content_wrap *, :after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 .sect_tit h3 { margin:0; padding:0; border:0 }
 .sect_tit h3 { font-size: 34px; color: #333; text-align: center; line-height: 40px; font-weight: 400; }
 .sect_tit h3 span { font-weight: bold; }
#content_wrap .sect_tit p { font-size: 20px; /*line-height: 22px;*/ color: #333; text-align: center; padding: 40px 0 50px 0;}

#content_wrap .sect_content {overflow: hidden;padding-left: 25px; }
#content_wrap .sect_content ul { margin:0; padding:0; list-style:none }
#content_wrap .sect_content p { margin:0; padding:0; word-break: keep-all; }
#content_wrap .sect_content .his_left {float: left;width: 50%; }
#content_wrap .sect_content .his_left > li {overflow: hidden; }
#content_wrap .sect_content .his_right {float: right;width: 50%; }
#content_wrap .sect_content .his_right > li {overflow: hidden; }
#content_wrap .sect_content .history_year {float: left;padding: 0 20px; width:25%; font-weight:500; }
#content_wrap .sect_content .history_year p {font-size: 28px;/*line-height: 24px;*/color: #bf4a3f; }
#content_wrap .sect_content .history_decs {float: left;padding: 0 20px;border-left: 1px solid #ddd;margin-bottom: 25px; width:75% }
#content_wrap .sect_content .history_decs h5 {margin:0; padding:0; border:0; font-weight:500;font-size: 18px;/*line-height: 24px;*/color: #333; }
#content_wrap .sect_content .history_decs p {padding-bottom: 15px;font-size: 16px;/*line-height: 24px;*/color: #777; }

#content_wrap .sect_content .content_title {
	margin: 20px 0 30px;
	font-size: 24px;
}
#content_wrap .sect_content img {
	width: 100%;
  margin: 0 0 30px;
	cursor: pointer;
}

#content_wrap .sect_content .content_data {
	margin: 0 0 30px;
	font-size: 16px;
	color: #666;
	line-height: 1.8em;
	letter-spacing: -0.025em
}

/* 사업범위 */
#content_wrap .sect_content .ul_list {
	padding-left: 12px;
}

.disc li {
	list-style-type: disc !important;
	padding: 2px 0;
}

.disc li::marker, .circle li::marker, .square li::marker {
	color: #e76b4f;
}

/* 사인 박스 */
#content_wrap .sign_box {
	font-size: 17px;
	font-weight: 400;
}

#content_wrap .sign_box span:first-child {
	display: block;
}

.bold {font-weight: 600 !important;}
.semi_bold {font-weight: 500 !important;}
.right {text-align: right !important;}

/* 관람 안내 */
.sect_content h3.tit, h3.tit, h4.tit {
	color: #333;
	font-size: 19px;
	font-weight: 600;
	width: 160px;
	clear: left;
	float: left;
	display: block;
	margin: 0 0 1px;
}

.sect_content p.desc, p.desc {
	color: #666;
	font-size: 18px;
	font-weight: 400;
	padding: 0 0 0 160px;
	margin: 0 0 1px;
}

.sect_content .info li:first-child {
	border-top: 1px solid #ddd;
}

.sect_content .info li {
	padding: 25px 0;
	border-bottom: 1px solid #ddd;
}

.sect_content .textdata {
  margin: 0 0 50px;
}

.sect_content .thum{
	float: left;
	width: 195px;
	margin-right: 16px;
}
.sect_content .content_data > .thum:last-child {
	margin-right: 0;
}

/*오시는 길 */
.desc_area {
  margin: 35px 0 0px;
	padding: 0px 0 0 25px;
}

/* 한개의 요소에 두개 클래스일 때*/
.desc_area.float_block {
	float: left;
	width: calc(100% - 140px);
	margin-bottom: -25px;
}

.desc_area .part_tit{
	margin: 50px 10px 20px 0;
	font-size: 17px;
}

.desc_area .map_info, .desc_area .transit {
	margin-left: 45px;
	line-height: 1.68;
}

.desc_area h3.tit {
	font-size: 17px
}

.desc_area p.desc  {
	font-size: 17px	
}

.desc_area h4.tit {
	font-size: 15px;
	width: 95px;
}

.desc_area p.desc  {
	position: relative;
	padding: 0 0 0 95px;
	font-size: 15px;
}

.desc_area .transit p.desc::before {
	display: block;
	content: "";
	width: 8px;
	height: 1px;
	background: #777;
	position: absolute;
	top: 50%;
	left: 80px;
}

.desc_area li {
	padding: 7px 0 7px;
}

/* 이미지 클릭시 레이어 모달 배경 */
.modal {
  display: none;              /* 기본 숨김 */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);

  justify-content: center;
  align-items: center;
  z-index: 999;
}

/* 크게 보이는 이미지 */
.modal-img {
	width: 900px;
	height: auto;
}