@charset "utf-8";

#container{clear:both; position:relative; width:100%; text-align:center; margin:0 auto; z-index:100; font-family: 'Microsoft YaHei'; background:url('../images/sb_vis_right_bg.jpg') no-repeat 98.5% 0; word-break: break-all;}
#container:after{content:""; display:block; height:0; clear:both; visibility:hidden;}

/*서브비주얼*/			
#container .sub_visual{clear:both; position:relative; width:100%; max-height: 205px; margin: 0 auto; text-align:center; max-width: 1760px; background:url('../images/sb_vis_01.jpg') no-repeat center 0;}

#container .sub_visual h2{display: block; padding:80px 0 70px 0; box-sizing: border-box; color: #fff; font-size: 48px;  font-family:'Microsoft YaHei'; font-weight: 500;}
#container .sub_visual h2 .sub_visual_smtext{ clear: both; display: block; font-size: 12px; font-weight: 500; letter-spacing: 0.02em; line-height: 100%; padding-bottom: 10px;}

	@media all and (max-width:1279px){
			#container .sub_visual{height: 150px;}
			#container .sub_visual h2{padding:50px 0; font-size: 2.0rem;}
			#container .sub_visual h2 .sub_visual_smtext{font-size: 0.6rem;}
		}
	@media all and (max-width:799px){
			#container .sub_visual{height: 90px;}
			#container .sub_visual h2{padding:2.0rem 0 0 0; font-size: 1.6rem; }
			#container .sub_visual h2 .sub_visual_smtext{padding-bottom: 0.25rem;}
		}

#container .cnti_inner{position: relative; width: 100%; margin: 0 auto; padding-top: 0; background-color: #fff; padding-bottom: 80px;}
#container .cnti_inner{position: relative; width: 100%; margin: 0 auto; padding-top: 0; background-color: #fff; padding-bottom: 80px;}
#content{ position: relative; width:100%; min-height:500px; max-width: 1540px; margin: 0 auto; display: flex; justify-content: flex-start}

	@media all and (max-width:1600px){
			#content{width:92%;}
		}

#content .cnt_sns_wp{position: absolute; right: 0; top: 0; padding-top: 65px; display: flex; justify-content: space-between;}
#content .cnt_sns_wp .cnt_sns{}
#content .cnt_sns_wp .cnt_sns a{display:inline-block; width:37px; height:37px; margin-left:8px; vertical-align:top; text-indent:-99999em;}
#content .cnt_sns_wp .cnt_sns a.print{background:url('../images/sb_snb_sns_print.jpg') no-repeat 0 0; vertical-align:top;}
#content .cnt_sns_wp .cnt_sns a.url{background:url('../images/sb_snb_sns_url.jpg') no-repeat 0 0; vertical-align:top;}

	@media all and (max-width:1279px){
		#content .cnt_sns_wp{padding-top: 25px;}
	}
	@media all and (max-width:699px){
		#content .cnt_sns_wp{padding-top: 10px;}
		#content .cnt_sns_wp .cnt_sns a{ width:20px; height:20px; margin-left:0;}
		#content .cnt_sns_wp .cnt_sns a.print{background-size: 100%;}
		#content .cnt_sns_wp .cnt_sns a.url{background-size: 100%;}
	}
		
	.snb{position:absolute; width:282px; top:-55px;}
	.snb h3{width:282px; height:157px; font-size:28px; font-weight:500; letter-spacing: 0.02em; box-sizing: border-box; padding-top:66px; background:#263461; color:#fff; text-align:center;}
	.snb dl{position:relative; padding-top:5px;}
	.snb dl dd > ul{list-style:none; margin:0; padding:0; border-top: 1px solid #eaeaec;  border-left: 1px solid #eaeaec;  border-right: 1px solid #eaeaec;}
	.snb dl dd > ul > li{position:relative; text-align:left; border-bottom: 1px solid #eaeaec;}
	.snb dl dd > ul > li img{padding-left:3px; padding-bottom:3px; vertical-align:middle;}
	.snb dl dd > ul > li > a{display:block; padding:15px 25px 14px 20px; font-size:16px; font-weight:500;  word-wrap: break-word; color:#4a506b; background:url('../images/sb_snb_arrow.jpg') no-repeat 95% 23px;}
	.snb dl dd > ul > li.Ov > a,
	.snb dl dd > ul > li > a:hover{ padding:15px 25px 14px 20px; color:#fff; text-decoration:none;  word-wrap: break-word; background:url('../images/sb_snb_arrow_on.jpg') no-repeat 95% 23px #6f9ae1;}

	.snb dl dd > ul > li > div.smenu_w{background:#fff; padding:15px 0 10px 0;}
	.snb dl dd > ul > li > div.smenu_w a{color:#757887;}
	.snb dl dd > ul > li > div.smenu_w > ul{list-style:none; margin:0; padding:0 0 0 16px;}
	.snb dl dd > ul > li > div.smenu_w > ul > li{padding:4px 9px 4px 0;}
	.snb dl dd > ul > li > div.smenu_w > ul > li.Ov{padding:4px 9px 4px 0;}
	.snb dl dd > ul > li > div.smenu_w > ul > li > a{background:url('../images/sb_snb_02_off.jpg') no-repeat left 14px; font-size:15px; font-weight:500; padding:4px 9px 4px 13px;}
	.snb dl dd > ul > li > div.smenu_w > ul > li > a:hover,
	.snb dl dd > ul > li > div.smenu_w > ul > li.Ov > a{color:#6f9ae1; text-decoration:none; font-weight:600; background:url('../images/sb_snb_02_on.jpg') no-repeat left 14px; padding:4px 9px 4px 13px;}

	/* Tablet-1024px 이하 해상도에서 해석하는 코드 */
		@media all and (max-width:1279px){
			.snb{display:none;}
		}
		
#content .substance {position:relative; width: calc(100% - 330px); margin-left: 330px; font-size:16px; text-align:left; line-height: 22px; padding-top: 35px;}

	@media all and (max-width:1279px){
		#content .substance{font-size:0.9rem;}
	}
#content .substance .sub_location{position:relative; display: flex; justify-content: flex-end; padding-top: 42px; margin-right: 100px;}
#content .substance .sub_location li{ width: auto; font-size:14px; color: #393d4e; padding:0 20px; background:url('../images/sb_location_arrow.jpg') no-repeat left center;}
#content .substance .sub_location li:first-child{width:16px; padding: 0; margin-right: 15px; text-indent:-99999em; background:url('../images/sb_location_home.jpg') no-repeat 0 center;}
#content .substance .sub_location li:last-child{color: #393d4e; font-weight: 600;}

	@media all and (max-width:1279px){
		#content .substance .sub_location{padding-top: 0;}
		#content .substance .sub_location li{font-size: 0.9rem; padding: 0 10px;}
		#content .substance .sub_location li:first-child{margin-right: 5px;}
	}
	@media all and (max-width:1023px){
		#content .substance .sub_location{justify-content: flex-start;}
	}
	@media all and (max-width:699px){
		#content .substance .sub_location{margin-right: 0;}
		#content .substance .sub_location li:first-child{width:10px; background-size: 100%;}
	}

#content .substance .page_content{}

#content .substance h4 {font-size:42px; font-family:'Microsoft YaHei';  color:#1b2863; padding:20px 0 30px 0; letter-spacing:0;}
#content .substance h5 {position: relative; font-size: 30px; font-weight: 500; line-height: 1.7; color: #333a4c; font-family: 'Microsoft YaHei'; margin-bottom: 30px;}

	@media all and (max-width:1279px){
			#content .substance{width: 100%; margin-left: 0;}
			#content .substance h4{font-size:1.6rem; padding: 20px 0 0 0;}
			#content .substance h5{font-size:1.3rem;}
		}

input.bdCmBtn{display:inline-block; font-size:16px; height:30px; padding:5px 10px 7px 10px; color:#424242; border:1px solid #114291; background-color:#fff; font-weight:bold;}
input.bdCmBtn:hover {background:#114291; color:#fff; font-weight:bold;text-decoration: none}

a.bdCmBtn span{display:inline-block; font-size:16px; height:23px; padding:5px 10px 7px 10px; background:#114291; color:#fff; border:1px solid #114291;}


/**/
.text_left{text-align:left !important;}
.text_right{text-align:right !important;}
.text_600{font-weight:600;}
.text_green{color:#00b4cb;}
.text_gray{color:#CCC;}
.text_red{color:#ff4200;}
.text_blue{color:#00a5e5;}
.text_20{font-size:20px;}
.text_bold{font-weight:600;}
.text_height200{line-height:200%;}
.text_height180{line-height:180%;}
.float_r{float:right;}
.caution{font-size:15px; font-weight:normal; line-height:180%; padding:0 0 5px 22px !important; margin:5px 0 !important;}
.pad_t10{padding-top:10px;}
.pad_t20{padding-top:20px;}
.pad_t30{padding-top:30px;}
	@media all and (max-width:799px){
		.pad_t30{padding-top:10px;}
	}
.pad_t40{padding-top:40px;}
.pad_b40{padding-bottom:40px;}
.pad_b30{padding-bottom:30px;}
.pad_b20{padding-bottom:20px;}
.pad_b10{padding-bottom:10px;}
.mar_t50{display: block; margin-top:50px;}
	@media all and (max-width:799px){
		.mar_t50{margin-top:25px;}
	}
.mar_t60{margin-top:60px;}
	@media all and (max-width:799px){
		.mar_t60{margin-top:9.0rem;}
	}
.mar_b40{margin-bottom:40px;}
.mar_left10{margin-left:10px;}
.mar_left40{margin-left:40px;}
strong{font-weight:500;}
.list_snone{list-style:none;}
.line_solid	{clear:both;display:block;margin:20px 0;border-bottom:1px solid #dadada;}
.line_dashed{clear:both;display:block;margin:20px 0;border-bottom:1px dashed #dadada;}
.line_dotted{clear:both;display:block;margin:40px 0;border-bottom:1px dotted #dadada;}
.line_double{clear:both;display:block;margin:20px 0;border-bottom:3px double #eaeaea;}
.line_solid_t2{clear:both;display:block;margin-bottom:20px;border-top:2px solid #667484;}
.line_solid_b2{clear:both;display:block;border-bottom:2px solid #667484;}
.line_solid_b1{clear:both;display:block;margin:20px 0;border-bottom:1px solid #667484;}
.unline a{text-decoration:none;}
.unline a:hover{text-decoration:underline;}

	@media all and (max-width:1023px){
		.line_dotted{margin:1.5rem 0;}
	}

/* tab */
.tab_txt:after,
.tab_list:after {content:" "; display:block; float:none; clear:both;}
.tab_txt{margin:20px 0 30px 0;}
.tab_txt ul{display:table; width:100%; overflow:hidden; table-layout:fixed; text-align:center;}
.tab_txt li{display:table-cell; min-width:16.6666%; word-break:break-all !important;}
.tab_txt ul.box5 > li{min-width:16.6666%;}
.tab_txt ul.box3 > li{min-width:33.33%;}
.tab_txt a{display:block; padding:18px 15px 17px 15px; color:#393d4e; font-size:18px; letter-spacing:0; background-color:#fff; text-decoration:none; border-width:1px; border-color:#babdc1; border-style:solid; border-top-width:1px; border-left-width:0; border-bottom-width:1px;}
.tab_txt li:first-child a{border-left-width:1px;}
.tab_txt li a:hover{color:#6f99e1; font-weight: 500;}
.tab_txt li a.on{background-color:#6f99e1; border-color:#6f99e1; color:#fff; text-decoration:none;}
.tab_txt li:nth-child(1) a,
.tab_txt li:nth-child(2) a,
.tab_txt li:nth-child(3) a,
.tab_txt li:nth-child(4) a,
.tab_txt li:nth-child(5) a,
.tab_txt li:nth-child(6) a,
.tab_txt li:nth-child(7) a{border-top-width:1px}
.tab_txt li:nth-child(7n+1) a{border-left-width:1px;}
.tab_txt li.spec a{letter-spacing:0;}
.tab_txt li a > img{ padding-left: 5px; padding-top: 5px;}

			@media all and (max-width:1279px){
				.tab_txt a{font-size: 0.9rem;}
			}
			@media all and (max-width:799px){
				.tab_txt a{padding: 8px 5px;}
			}

/*큰 동그라미 블릿 리스트*/
#content .substance .list_02{margin:5px 0 25px 0;}
#content .substance .list_02 > li{position:relative; padding:4px 0 4px 18px; font-size:16px; line-height:1.8; color:#424242; font-weight:400;     word-wrap: break-word; letter-spacing: 0; text-align: left;}
#content .substance .list_02 > li:before{content:''; position:absolute; top:0; left:0; margin-top:14px; margin-left:4px; width:5px; height:5px; background:#379df2; border-radius:10px;}
#content .substance .list_02 > li .list_02_01{margin:6px 0; padding:0;}
#content .substance .list_02 > li .list_02_01 > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; color:#424242; font-weight:400; line-height:1.8;}
#content .substance .list_02 > li .list_02_01 > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:3px; height:3px; background:#999;}
#content .substance .list_02 > li .list_02_01 > li > .list_02_01_01{margin:6px 0; padding:0;}
#content .substance .list_02 > li .list_02_01 > li > .list_02_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:170%;}
#content .substance .list_02 > li .list_02_01 > li > .list_02_01_01 > li:before{content:""; display:block; position:absolute; left:1px; top:16px; width:6px; height:1px; background:#333;}
#content .substance .list_02 > li .list_02_01 > li > .list_02_01_02{margin:6px 0; padding:0;}
#content .substance .list_02 > li .list_02_01 > li > .list_02_01_02 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:170%;}
#content .substance .list_02 > li .list_02_01 > li .list_02_01_01_01{margin:4px 0; padding:0;}
#content .substance .list_02 > li .list_02_01 > li .list_02_01_01_01 > li{position:relative; padding:3px 0 3px 20px; font-size:15px; line-height:170%;}
	
	@media all and (max-width:1279px){
		#content .substance .list_02 > li,
		#content .substance .list_02 > li .list_02_01 > li{font-size:0.9rem;}
		#content .substance .list_02 > li:before{margin-top:11px;}
		#content .substance .list_02 > li .list_02_01 > li:before{top:11px;}
	}
	@media all and (max-width:740px){
		#content .substance .list_02 > li img{ width:100%;}
	}

.table_ulli{}

	@media all and (max-width:768px){
		.table_ulli { padding-left: 120px;}
		.table_ulli > li { padding-left: 10px !important;}
}
/*작은 동그라미 블릿 리스트*/
#content .substance .list_01{ margin:0 0 10px 10px; text-align: left;}
#content .substance .list_01 > li{clear:both; position:relative; padding: 4px 0 4px 20px; font-size:17px; line-height:180%; color: #424242;}
#content .substance .list_01 > li:before{content:""; display:block; position:absolute; top:0; left:0; margin-top:15px; width:3px; height:3px; border-radius:50%; border:3px solid #379df2;}
#content .substance .list_01 .list_01_01{margin:6px 0; padding:0;}
#content .substance .list_01 .list_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:15px; line-height:180%; font-weight:400;}
#content .substance .list_01 .list_01_01 > li:before{content:""; display:block; position:absolute; left:1px; top:17px; width:6px; height:1px; background:#333;}
#content .substance .list_01 .list_01_01_01{margin:6px 0; padding:0;}
#content .substance .list_01 .list_01_01_01 > li{position:relative; padding:3px 0 3px 13px; font-size:16px; line-height:140%; font-weight:400;}
#content .substance .list_01 .list_01_01_01 > li:before{content:""; display:block; position:absolute; left:2px; top:13px; width:3px; height:3px; background:#999;}

	@media all and (max-width:1279px){
		#content .substance .list_01 > li,
		#content .substance .list_01 .list_01_01 > li{font-size:0.9rem;}
		#content .substance .list_01 > li:before{margin-top: 8px;}
		#content .substance .list_01 .list_01_01{margin: 0;}
	}

/*작은네모 블릿 리스트*/
#content .substance .list_03{margin:5px 0 15px 0;}
#content .substance .list_03 > li{position:relative; padding:4px 0 4px 10px; font-size:15px; line-height:1.7; color:#686868; font-weight:400;}
#content .substance .list_03 > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:3px; height:3px; background:#999;}
#content .substance .list_03 > li .list_03_01{margin:4px 0 6px 0; padding:0;}
#content .substance .list_03 > li .list_03_01 > li{position:relative; padding:1px 0 1px 13px; font-size:15px; color:#5a5a5a; font-weight:400; line-height:1.6;}
#content .substance .list_03 > li .list_03_01 > li:before{content:""; display:block; position:absolute; left:1px; top:12px; width:6px; height:1px; background:#333;}


/* btn */
a.btn_d		{-webkit-transition: all 0.2s ease-out;	-moz-transition: all 0.2s ease-out;	-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;	transition: all 0.2s ease-out;  text-decoration:none;}
.btn_d		{display:inline-block; *zoom:1; font-family: 'Microsoft YaHei'; cursor:pointer; white-space:nowrap; text-align:center; vertical-align:middle; line-height:1.4; border-style:solid; border-width:1px; padding:5px 10px; margin:0 0 3px 0;}
button.btn_d,
input[type="submit"],
input[type="button"]{cursor:pointer;}


.btn_d.btn_big {font-size:16px; padding:12px 100px; color:#fff; border-color:#4981e7; background-color:#4981e7; font-weight:bold; word-break: break-all; border-radius: 5px; margin: 0px 1px;}
.btn_d.btn_big:hover {background:#379df2; border-color:#379df2; color:#fff; font-weight:bold;}

	@media all and (max-width:599px){
		.btn_d.btn_big{ padding:6px 12px; font-size: 1.0rem; margin-top:0.5rem;}
	}
.btn_d.btn_small {font-size:15px; padding:10px 12px; color:#fff; border-color:#158ccd; background-color:#158ccd; font-weight:bold; word-break: break-all;}
.btn_d.btn_small:hover {background:#158ccd; color:#fff; font-weight:bold;}

.btn_d.btn_small.cancel {font-size:15px; padding:10px 12px; color:#fff; border-color:#8e8e8e; background-color:#8e8e8e; font-weight:bold;}

.btn_d.btn_xsmall {font-size:13px; padding:5px 10px; color:#fff; border-color:#4981e7; background-color:#4981e7; font-weight:500; word-break: break-all;}
.btn_d.btn_xsmall:hover {background:#fff; color:#4981e7; font-weight:500;}
.btn_d.btn_xsmall.yellow {background: #ffb548; border-color:#ffb548;}
.btn_d.btn_xsmall:hover.yellow {background: #fff; border-color:#ffb548; color: #ea0a2a;}
.btn_d.btn_xxsmall {font-size:14px; padding:2px 5px; color:#fff; border-color:#4981e7; background-color:#4981e7; font-weight:500; vertical-align:middle; word-break: break-all;}
.btn_d.btn_xxsmall:hover {background:#fff; color:#4981e7; font-weight:500;}

.btn_d.disabled{color:#fff; background:#ddd; border-color:#ddd;}
.btn_d.disabled:hover {background:#ddd; color:#fff; border-color:#ddd;}

		@media all and (max-width:580px){
			.btn_d.btn_xsmall {font-size:0.9rem; padding:5px 5px;}
		}

/* tab */
.tbl_area{position:relative; clear:both; word-break:break-all !important;}
.tbl_area .table_tip{position:absolute; right:0; top:-25px; color:#666; font-size:14px; font-weight:normal;}
/* table */
.tbl_gray1{border-collapse:separate; border-top:1px solid #333; margin-left:-1px; width:100%;}
.tbl_gray1 thead th {background:#f4f4f4; font-size:15px; padding:15px 10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-weight:bold;}
.tbl_gray1 thead th:first-child{border-left:none;}
.tbl_gray1 thead th.le_bo_none,
.tbl_gray1 tbody th.le_bo_none,
.tbl_gray1 thead td.le_bo_none,
.tbl_gray1 tbody td.le_bo_none{border-left:none;}
.tbl_gray1 thead th.le_bo,
.tbl_gray1 tbody th.le_bo,
.tbl_gray1 thead td.le_bo,
.tbl_gray1 tbody td.le_bo{border-left:1px solid #ddd !important;}
.tbl_gray1 tbody th {background:#f8f8f8; font-size:15px; font-weight:bold;}
.tbl_gray1 tbody th {text-align:left;}
.tbl_gray1 tbody th:first-child,
.tbl_gray1 tbody td:first-child{border-left:none;}
.tbl_gray1 tbody td, .tbl_gray1 tfoot td {background:#fff; font-size:15px; }
.tbl_gray1 tbody th, .tbl_gray1 tbody td, .tbl_gray1 tfoot th, .tbl_gray1 tfoot td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px;/* word-break:break-all;*/}
.tbl_gray1 tbody td.tbltext_le{ text-align:left;}

	@media all and (max-width:1279px){
		.tbl_gray1 thead th,
		.tbl_gray1 tbody td,
		.tbl_gray1 tfoot td{font-size: 0.9rem;}
	}
		@media all and (max-width:580px){
			.tbl_area {overflow-x: auto !important;}
			.tbl_gray1{overflow-x: scroll; width:570px !important;}
		}
			
/*페이징*/			
.ListBoardWrap .boardButtonMove{float:left; padding:24px 0 0 0;}
.ListBoardWrap .boardButton{float:right; padding:24px 0 0 0;}
.ListBoardWrap .boardPaging{width:100%; margin:25px 0 30px 0; text-align:center; vertical-align:middle; color:#666; font-size:14px;}
.ListBoardWrap .boardPaging a,
.ListBoardWrap .boardPaging b{display:inline-block; width:25px; height:25px; padding-right:2px; line-height:25px; margin-right:3px; color:#666; text-decoration:none; border:1px solid #aaa; border-radius:2px; -webkit-transition: 0.2s all; transition: 0.2s all; font-weight:normal; letter-spacing:0;}
.ListBoardWrap .boardPaging a.listBtn{background:#eee;}
.ListBoardWrap .boardPaging b,
.ListBoardWrap .boardPaging a:hover{color:#fff; background:#555; border:1px solid #555;}


/* 인사말 */
#content .substance .greet_wrap{ content: ''; padding: 40px 0px; display: flex; justify-content: space-between;}
#content .substance .greet_wrap:before{content:""; display:block; position:absolute; right: -215px; width:100%; height:635px; background: url('../images/Intro_bg_text.png') no-repeat 0 210px; z-index: 0;}
#content .substance .greet_wrap .greet_top_01{width:37%; margin-bottom: 0px; line-height: 150%; text-align: left;  z-index: 50000; position: relative; text-align: center; }
#content .substance .greet_wrap .greet_top_01 > img{ width: 100%; max-width: 348px;}
#content .substance .greet_wrap .greet_top_03{font-size: 28px; font-weight: 400; margin:20px 0; color: rgb(35, 62, 139); padding-top: 15px; line-height: 170%; word-break: keep-all;text-align: left; letter-spacing: 0; z-index: 50000; position: relative;font-family: 'Microsoft YaHei';}
#content .substance .greet_wrap .greet_top_02{width:63%; font-size: 18px; font-weight: 500; color: #555; line-height: 190%; word-break: keep-all;  text-align:left; letter-spacing: 0; position: relative;}
#content .substance .greet_wrap .greet_top_02 .greet_contxt{display: block; padding-bottom: 40px; font-size:16px; line-height:170%;}
#content .substance .greet_wrap .greet_sign{ margin-top:55px; font-size:20px; line-height:130%; font-weight: bold;}

		@media all and (max-width:1279px){
			#content .substance .greet_wrap .greet_top_02 .greet_contxt{font-size: 1.0rem;}
			#content .substance .greet_wrap .greet_top_02 > br{ display: none;}
			#content .substance .greet_wrap .greet_sign{font-size: 1.4rem;}
		}
		@media all and (max-width:799px){
			#content .substance .greet_wrap {flex-direction: column-reverse;}
			#content .substance .greet_wrap .greet_top_02{width:100%;}
			#content .substance .greet_wrap .greet_top_01{width:100%;}
		}

/* 업무분장 */
.orgWrap {position:relative;height:auto;margin-bottom:20px;padding:55px 86px;border-radius:8px;text-align:center;background-color:#f8f9fb; margin-top: 25px;}
.orgWrap:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.orgWrap .org1 {position:relative; width:100%;}
.orgWrap dt {background:#89aa41;color:#fff;font-weight:bold;padding:10px 2%;box-sizing:border-box;text-align:center;}
.orgWrap dd {background:#fff; line-height:1.5; padding:8px 2% 0 5%; box-sizing:border-box; text-align:center; margin-top:0; border:1px solid #d0d5e0; word-break:break-all;}
.orgWrap .org1 > li:first-child{display:block;margin: 0 18.7%;padding: 0 11.5%;text-align:center;background:url('../images/org_line.jpg') repeat-x 0 bottom;}
.orgWrap .org1 > li .num01 {background:#fff;}
.orgWrap .org1 > li .num01 > dt {background:#4981e7;}
.orgWrap .org1 > li .num01_1 {padding:40px 0;background:#fff;background: url('../images/org_line.jpg') repeat-y center 40px;}
.orgWrap .org1 > li .num01_1 > dt {background:#00b6c1;}
.orgWrap .org1 > li .num01_1 > dd {position:relative; padding-top:10px; line-height:2.0; }
.orgWrap .org1 > li .num01_1 > dd:after {content:''; position:absolute; left:0; top:47px; margin-left:7%; width:86%; height:1px; border-top:1px dashed #CCC;}
.orgWrap .org1 > li.num02 {position:relative; display:flex; justify-content: space-between; width:100%; margin:0; text-align:center;}
.orgWrap .org1 > li.num02 dl {width: calc(38.1% - 0px);margin-right: 25px;}
.orgWrap .org1 > li.num02 dl:last-child {margin-right: -7px;}
.orgWrap .org1 > li.num02 dl dt {position:relative;margin-top: 30px;background:#145ba2;}
.orgWrap .org1 > li.num02 dl dt:after {content:''; display:block; position:absolute; left:49%; top:-30px; width:1px; height:30px; background:url('../images/org_line.jpg') repeat-y center top;}
.orgWrap .org1 > li.num02 dl dd {text-align:left; background:#fff;}
.orgWrap .org1 > li.num02 dl dd.line {position:relative; text-align:center; padding-top:10px; line-height:2.0; background:#fff;}
.orgWrap .org1 > li.num02 dl dd.line:after {content:''; display:block; position:absolute; left:5%; top:45px; width:90%; height:1px; border-bottom:1px dashed #ccc;}
		
		@media all and (max-width:1399px){
			.orgWrap {padding:45px 20px;}
		}
		@media all and (max-width:864px){
			.orgWrap{margin-top: 20px;}
			.orgWrap .org1 > li:first-child{display:block; margin:0 10%; padding:0;}
			.orgWrap .org1 > li .num01{/* padding-bottom:40px; *//* background:url('../images/org_line.jpg') repeat-y center 40px; */}
			.orgWrap .org1 > li .num01_1{padding:0; background:#fff;}
			.orgWrap .org1 > li.num02:before{margin-top:57px;}
			.orgWrap .org1 > li.num02 {flex-direction: column;}
			.orgWrap .org1 > li.num02 dl {width:80%;margin:0 10%;}
		}	


/* 역사자료관 소개 */

.topbox .topbox_inner .txtwrap .h_box{position:relative; padding-bottom:15px; font-size:30px; font-weight:500; line-height:1.7; color:#333a4c; font-family: 'Microsoft YaHei';}
.topbox .topbox_inner .txtwrap .txt_tip{color:#545454;}
.topbox .topbox_inner .txtwrap .txt_tip:before{line-height:16px; border-radius:50%; background:#393847; color:#fff; font-size:13px; font-weight:700; text-align:center; content:"!";}
.topbox .topbox_inner .txtwrap p.txt_tip .txt_strong{font-weight:600; color:#da4453;}
.topbox .topbox_inner .border{width:100%; height:1px; margin:15px 0; border-top:1px dashed #e5e5e5;}
.topbox .btnwrap{top:-20px;}
.topbox .top_tip {color:#89350d;}

	@media all and (max-width:1279px){
			.topbox .topbox_inner .txtwrap .h_box {font-size: 1.2rem;}
		}
.topbox.type1{overflow:hidden; position:relative; padding:0 0 2px; border:none; margin:55px 0 35px 0; }
.topbox.type1:before {display:block; position:absolute; left:200px; right:0; top:0; z-index:5; content:''; width:auto; height:120px; border:3px solid #4981e7; border-bottom:none; border-left:none; border-radius:0 20px 0 0;}
.topbox.type1:after {content:''; display:block; visibility:visible; position:absolute; left:0; top:0; z-index:5;  width:183px; height:51px; background:url(../images/img_line.jpg) repeat-x;}
.topbox.type1 .topbox_inner{position:relative; z-index:3; min-height:80px; padding:40px 40px 20px 220px;}
.topbox.type1 .topbox_inner:before{content:''; display:block; visibility:visible; position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px dashed #CCC;}
.topbox.type1 .topbox_inner:after{content:''; display:block; visibility:visible; position:absolute; left:0; top:0; z-index:5; width:183px; height:51px; background:url(../images/img_line.jpg) 0 0 repeat-y;}
.topbox.type1 .topbox_inner .txtwrap p {margin:20px 0 0; font-size:16px; line-height:1.7; color:#545454;}
.topbox.type1 .ir_icon {display:block; position:absolute; top:40px; left:50px; width:100px; height:100px; border-radius:50%; background-color:#f1f4fc !important; text-indent:-9999px;}
.topbox.type1 .ir_imgbg {display:block; position:absolute; top:30px; left:30px; width:146px; height:101px; text-indent:-9999px; background:url(../images/ir_icon_imgbg.png); background-position:0 0}
.topbox.type1 .ir_imgbg2 {display:block; position:absolute; top:30px; left:30px; width:146px; height:101px; text-indent:-9999px; background:url(../images/ir_icon_imgbg2.png); background-position:0 0}
.topbox.type1 .ir_icon_md {background-image:url(../images/ir_icon_md.png); background-position:0 0;}
.topbox.type1 .ir_icon_sup {background-image:url(../images/ir_icon_md.png); background-position:-100px 0;}
.topbox.type1 .ir_icon_toy {background-image:url(../images/Intro_President_s_1104.png);}
.topbox.type1 .ir_icon_bio {background-image:url(../images/bio_01_01.png);}
.topbox.type1 .ir_icon_ibso {background-image:url(../images/ir_icon_md.png); background-position:-400px 0;}
.topbox.type1 .ir_icon_process {background-image:url(../images/ir_icon_md.png); background-position:-500px 0;}
.topbox.type1 .ir_icon_consulting {background-image:url(../images/ir_icon_md.png); background-position:-600px 0;}
.topbox.type1 .ir_icon_tc {background-image:url(../images/ir_icon_md.png); background-position:-700px 0;}
.topbox.type1 .ir_icon_mind {background-image:url(../images/ir_icon_md.png); background-position:0 -100px;}
.topbox.type1 .ir_icon_forest {background-image:url(../images/ir_icon_md.png); background-position:-100px -100px;}


	@media all and (max-width:699px){
		.topbox.type1{margin: 25px 0;}
		.topbox.type1 .topbox_inner{padding:20px 0 1px 0; word-break:break-all;}
		.topbox .topbox_inner .txtwrap .h_box{padding-left:0; padding-bottom: 0;}
		.topbox.type1 .ir_icon {position:relative; text-align: center; top: 0; left: 0; margin: 0 auto 10px;}
	}

/*연혁*/		

#content .substance .history{}
#content .history_se02b {position:relative; margin:0 auto; padding-top:40px;}
#content .history_se02b .item{position:relative; width:600px; border-left:1px solid #c8c8c8; margin:0 auto;}
#content .history_se02b .item .box{position:relative; padding-left:80px; margin:35px 0;}
#content .history_se02b .item .box:before{content:""; position:absolute; left:-5px; top:0; z-index:1; width:9px; height:9px; background:#5086bf; border-radius:100%;}
#content .history_se02b .item .box:after{content:""; position:absolute; left:0; top:4.7px; width:60px; height:1px; background:#66666652;}
#content .history_se02b .item .box .year{position:absolute; left:-20%; top:-13px; display:block; color:#5799e3; font-size:32px; line-height:1; font-weight:600;}
#content .history_se02b .item .box .inner{position:relative;}
#content .history_se02b .item .box .inner ul li{position:relative; padding-left:105px; text-align:left;}
#content .history_se02b .item .box .inner ul.no_year li{padding-left:0;}
#content .history_se02b .item .box .inner ul li+li{margin-top:20px;}
#content .history_se02b .item .box .inner ul li em{position:absolute; left:0; top:0; color:#333; font-size:19px; letter-spacing:0; font-weight:600;}
#content .history_se02b .item .box .inner ul li span{display:block; margin-left: 10px; font-size: 16px;}
#content .history_se02b .item .box .inner ul li span+span{margin-top:3px;}

	@media(max-width:820px){
		#content .history_se02b .item{width:80%; margin-left:20%;}
		#content .history_se02b .item .box{padding-left:12%; width:88%;}
		#content .history_se02b .item .box .inner ul li em{font-size:1.0rem;}
		#content .history_se02b .item .box .inner ul li span{font-size:1.0rem;}
	}

	@media(max-width:640px){
		#content .history_se02b .item .box:after{width:40px;}
		#content .history_se02b .item .box .year{font-size:20px; top: -5px; left: -19%;}
		#content .history_se02b .item .box .inner ul li{padding-left:60px;}
		
	}

	@media(max-width:480px){
		#content .history_se02b .item{width:100%; margin-left:0;}
		#content .history_se02b .item .box .year{position:relative; left:0; top:-10px; text-align:left;}
	}


/*스텝박스*/

.step_box{display:block; width:100%;}
.step_box:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.step_box.horizontal{position:relative; padding:38px 52px 38px 200px;  background-color:#ffffff; border: 1px #ffffff dotted; border-radius: 10px; box-sizing: border-box; margin: 30px 0px;}
.step_box.horizontal2{position:relative; padding:38px 52px; background-color:#ffffff; border: 1px #b9babd dotted; box-sizing: border-box; border-radius: 10px; line-height: 180%;  letter-spacing: 0;}
.step_box.horizontal3 {position:relative; padding:8px 52px 27px; background-color:#eef7fd;}
.step_box.horizontald{position:relative; padding:38px 52px 17px;  background-color:#ffffff; border: 1px #ffffff dotted; border-radius: 10px; box-sizing: border-box; margin: 30px 0px;}

.step_box.horizontal .step_list{display:flex; overflow:visible; margin-left:-40px; list-style:none; justify-content: space-between; flex-wrap:wrap; margin-top: 20px;}
.step_box.horizontal .step_list2{display: flex; overflow: visible; list-style: none; justify-content: flex-start; flex-wrap: wrap;}
.step_box.horizontal .step_item{/*float:left;*/ position:relative; padding-bottom:20px; padding-left:40px;}
.step_box.horizontal.length2 .step_item{width:46.7%;}
.step_box.horizontal.length2 .step_item2{}
.step_box.horizontal.length2 .text_box2{font-size: 30px; margin: 30px 30px;}
	@media(max-width:779px){
		.step_box.horizontal.length2 .text_box2{margin: 15px 5px;}
	}
.step_box.horizontal.length3 .step_item{width:29.2%;}
.step_box.horizontal.length4 .step_item{width:21.6%;}
.step_box.horizontal.length5 .step_item{width:16.9%;}
.step_box.horizontal.length6 .step_item{width:30.2%;}
.step_box.horizontal.length6 .step_item:nth-child(n + 4){margin-top:35px !important;}
.step_box.horizontal .step_inner{padding:30px 15px 33px; border:1px solid #fff; border-radius:20px; background-color:#fff; text-align:center; Microsoft YaHei:-0.025em; box-sizing:border-box;}
.step_box .step_title{display:block; position:relative; margin-bottom:14px; padding:3px 0 16px; font-size:18px; font-weight:500; line-height:22px; color:#379df2;}
.step_box .step_title:before{content:''; display:block; position:absolute; bottom:0; left:0; margin:0 20px; width:calc(100% - 40px); height:1px; border-bottom:1px dashed #CCC;}
.step_box .step_title:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.step_box .step_title span{vertical-align:middle;}
.step_box .step_text{display:block; font-size:15px; text-align: left; line-height:1.6; color:#2e2e2e; margin: 0 22px; letter-spacing: 0;} 
.step_box .step_text:after{display:inline-block; height:100%; vertical-align:middle;}
.step_box .step_text span{font-size:16px; line-height:20px; color:#2e2e2e; vertical-align:middle; }
.step_box .step_text span .small_list{margin-top:8px; text-align:left;}
.step_box .step_text span .small_list > li{position:relative; padding-left:9px; font-size:15px; line-height:24px; color:#585858; letter-spacing:0;}
.step_box .step_text span .small_list > li:before{display:block; position:absolute; top:12px; left:0; width:2px; height:2px; background-color:#848484;}

/*스텝박스 num_type*/
.step_box.horizontal3.num_type{padding-top:1px;}
.step_box.num_type .step_list{counter-reset:index;}
.step_box.num_type .step_item{padding-bottom:0; margin-bottom:30px;}
.step_box.num_type .step_item:after{content:''; display:block; position:absolute; top:0; bottom:0; right:-28px; width:8px; height:14px; margin:auto 0; background:url(../images/step_bg_arrow.png) no-repeat; transform:translateY(-10px);}
.step_box.num_type .step_item:after #none_after{display:none;}
.step_box.num_type .step_item:last-child:after{display:none;}
.step_box.num_type .step_item .step_inner{position:relative;}
.step_box.num_type .step_item .step_inner:hover{border:1px solid #00c1bc;}
.step_box.num_type .step_item .step_inner:before{display:inline-block; position:absolute; top:-18px; left:22px; width:39px; height:39px; border-radius:17px; background-color:#379df2; text-align:center; font-size:14px; line-height:39px; color:#fff; counter-increment:index; content:'0'counter(index);}
.step_box.num_type .step_item .step_inner:hover:before{background-color:#00c1bc;}


@media all and (max-width:1599px){
	.step_box.horizontal.length3 .step_item{width:29.2%;}
	.step_box.horizontal.length6 .step_item{width:29.2%;}
}
@media all and (max-width:1141px){
	.step_box.horizontal.length3 .step_item{width:28.2%;}
	.step_box.horizontal.length4 .step_item{width:44.8%;}
	.step_box.horizontal.length4 .step_item:nth-child(n + 3){margin-top:35px !important;}
	.step_box.horizontal.length6 .step_item{width:28.2%;}
}
@media all and (max-width:1000px){
	.step_box.horizontal.length3 .step_item{width:27.2%;}
    .step_box.horizontal .step_list{margin-left:-35px;}
    .step_box.horizontal .step_item{padding-left:35px;}
	.step_box.horizontal.length4 .step_item{width:43.8%;}	
	.step_box.horizontal.length6 .step_item{width:27.2%;}
}
@media all and (max-width:767px){
	.step_box{}
    .step_box.horizontal{padding:30px 20px 15px;}
    .step_box.horizontal .step_list{ margin-left:-30px; flex-direction: column; flex-wrap:wrap;}
    .step_box.horizontal .step_item{ float:none; width:calc(100% - 40px) !important; padding-bottom:30px; margin-bottom:0;}
    .step_box.horizontal .step_item:after{top:auto; bottom:-24px; left:30px; right:0; margin:0 auto; transform:rotate(90deg);}
    .step_box.horizontal .step_inner{padding:10px 15px 10px;}
    .step_box.horizontal.num_type{padding-top:5px; padding-bottom:30px;}
    .step_box.horizontal.num_type .step_item{padding-bottom:0;}
	.step_box.horizontal.num_type .step_item:nth-child(n + 2){margin-top:35px !important;}
    .step_box.horizontal.num_type .step_item:nth-child(n + 3){margin-top:35px !important;}
    .step_box.num_type .step_item .step_inner:before{left:13px; width:35px; height:35px; border-radius:15px; font-size:13px; line-height:35px;}
    .step_box .step_title{margin-bottom:12px; font-size:15px;}
    .step_box .step_text{font-size:0.9rem; min-height:0;}
    .step_box .step_text span{font-size:0.9rem;}
}
@media all and (max-width:480px){
    .step_box.horizontal{padding-bottom:0;}
    .step_box.horizontal .step_list{margin-left:0;}
    .step_box.horizontal .step_item{float:none; width:100% !important; padding-left:0; padding-bottom:30px;} 
	.step_box.horizontal .step_item:after{top:auto; bottom:-24px; left:0; right:0; margin:0 auto; transform:rotate(90deg);}   
    .step_box.horizontal.num_type .step_item:nth-child(n + 2){margin-top:35px !important;}
    .step_box.horizontal.num_type .step_item:after{bottom:-25px;}
}

.conWrap {position:relative;height:auto;margin-bottom:20px; padding:0px 86px;border-radius:8px; text-align:center;  margin-top: 50px;}
.conWrap img {width: 100%;}

@media all and (max-width:799px){
	.conWrap { margin-top: 25px;}
}


/* 디자인 컨셉 */

.majorbuss_wrap{position:relative; background: #ffffff; margin-top: 40px;}
.majorbuss_wrap img{text-align: center; padding: 0px; width: 100%;}
.majorbuss_wrap > ul{display:flex; justify-content:space-between;}
.majorbuss_wrap > ul > li{text-align:center;width: 24%;}
.majorbuss_wrap > ul > li:last-chlid{margin-right:0;}
.majorbuss_wrap > ul > li > dl{width:100%;}
.majorbuss_wrap > ul > li > dl > dt{padding: 12px 15px 12px 15px; color:#fff; font-size: 18px;
    FONT-WEIGHT: 500;}
.majorbuss_wrap > ul > li > dl > dt.n1{background: url() no-repeat center 0px #4981e7;}
.majorbuss_wrap > ul > li > dl > dt.n2{background:url() no-repeat center 35px #4981e7;}
.majorbuss_wrap > ul > li > dl > dt.n3{background:url() no-repeat center 33px #4981e7;}
.majorbuss_wrap > ul > li > dl > dt.n4{background:url() no-repeat center 33px #4981e7;}

.majorbuss_wrap > ul > li > dl > dd{text-align:left; padding:10px 20px 0; background:#fff; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; height: 529px;}
.majorbuss_wrap > ul > li > dl > dd.n1{border-top:1px solid #4981e7; text-align: center;}
.majorbuss_wrap > ul > li > dl > dd.n2{border-top:1px solid #4981e7; text-align: center;}
.majorbuss_wrap > ul > li > dl > dd.n3{border-top:1px solid #4981e7; text-align: center;}
.majorbuss_wrap > ul > li > dl > dd.n4{border-top:1px solid #4981e7; text-align: center;}


	@media all and (max-width:1279px){
		.majorbuss_wrap > ul > li > dl > dd{height: 389px;}
		.majorbuss_wrap > ul > li > dl > dt{font-size: 1.2rem;}
	}
	@media all and (max-width:799px){
		.majorbuss_wrap{margin-top: 5px;}
		.majorbuss_wrap > ul{flex-direction:column;}
		.majorbuss_wrap > ul > li{text-align:center; width:100%; margin-bottom:15px;}
		.majorbuss_wrap img{text-align: center; padding: 0; width: 100%;}
		.majorbuss_wrap > ul > li > dl > dd{height: auto;}
	}

/* 뮤지엄 로고 */

.greet_wrap2{ width: 100%; margin-top: 40px; border-radius: 25px; box-sizing: border-box; color: #fff; background: #fff;}
.greet_wrap3{ width: 100%; margin-top: 45px; box-sizing: border-box; color: #fff;}

	@media all and (max-width:1024px){
		.greet_wrap2{margin-top: 10px; padding: 10px; 15px 0px 15px;}
	}
	@media all and (max-width:480px){
		.greet_wrap2{padding: 15px;}
	}

/*.greet_wrap:before{ content:" "; display:block; position: absolute; left: 55%; top: 40px; width: 568px; height:439px; }*/
.greet_wrap .greet{position:relative; letter-spacing:0; background:url(../images/greet_bg.png) no-repeat right 0;}
.greet_wrap .greet .big_txt{font-size:48px; line-height:150%; padding:25px 0 40px 0; font-weight: 700; color: #2a2a2a;}
.greet_wrap .greet .big_txt .top_sm{ display: block;  font-size:26px; line-height:150%; font-weight: 700; color: #223f8c;}
.greet_wrap .greet .greet_con{ font-size:20px; color: #5b5b5b; line-height: 170%; margin-bottom: 25px; font-weight: 500; text-shadow:2px 2px 2px #fff;}
.greet_wrap .greet_top_01{font-size: 30px; font-weight: 400; color: #e7e7e7; line-height: 170%; word-break: keep-all;  text-align:left; letter-spacing:0;}
.greet_wrap .greet_top_02{/*padding-top: 45px;*/}
.greet_wrap .greet_top_02 img{ max-width: 448px;}

	@media all and (max-width:1300px){
		.greet_wrap .greet{background-size:368px;}
	}
	@media all and (max-width:1024px){
		.greet_wrap .greet{ padding-top: 300px; background-position: 0 0;}
		.greet_wrap .greet_top_01{font-size: 1.3rem;}
		.greet_wrap .greet_top_02{padding-top: 10px;}
		.greet_wrap .greet .big_txt{font-size:1.5rem;}
		.greet_wrap .greet .big_txt .top_sm{ font-size: 1.2rem;}
		.greet_wrap .greet .greet_con{  font-size: 1.0rem;}
		.greet_wrap .greet_top_02 img{ width: 308px;}
	}
	@media all and (max-width:580px){
		.greet_wrap .greet br{display:none;}
		.greet_wrap .greet{background-size:268px; background-position: center 0;}
	}
.time_box{width: 100%; display: flex; justify-content: space-between; border-radius: 15px; box-sizing: border-box; padding:1% 0% 1% 0%; flex-wrap: wrap;}
.time_box2{width: 100%; border-radius: 15px; padding:1% 0% 1% 0%; flex-wrap: wrap;text-align: center;}
.time_box img{width: 100%; max-width: 681px; text-align: center;}
.time_box2 img{width: 100%; max-width: 559px;}
.time_box:after{content:" "; display:block; float:none; clear:both;}
.time_box > li{ width:48%; line-height:180%; box-sizing: border-box; padding:10px; font-size: 22px; color: #fc6e2e; font-weight: bold; margin-bottom: 10px; border: 1px solid #babdc1;}
.time_box > li:first-child{background:url('') no-repeat 0 0;}
.time_box2 > li{line-height:180%; box-sizing: border-box; padding:45px 0px; font-size: 22px; color: #fc6e2e; font-weight: bold; margin-bottom: 30px; border: 1px solid #babdc1; box-sizing: border-box;}
.time_box > li+li{width:48%; min-height: 106px; background:url('') no-repeat 0 0;}
.time_box > li+li+li{width:50%; min-height: 106px; background:url('') no-repeat 0 0;}
.time_box > li.member{width:100%; background:url('') no-repeat 0 0;}

		@media all and (max-width:1399px){
			.time_box > li{}
		}
		@media all and (max-width:1024px){
			.time_box{flex-direction: column;}
			.time_box > li{ width:100%; box-sizing: border-box;}
			.time_box > li+li{ width:100%; box-sizing: border-box; margin-top: 20px;}
			.time_box > li+li+li{ width:100%; box-sizing: border-box; margin-top: 20px;}
		}
		@media all and (max-width:480px){
			.time_box > li:first-child,
			.time_box > li+li,
			.time_box > li+li+li,
			.time_box > li.member{background-size: 80px;}
			.time_box > li+li+li .tel{ display: block;}
		}

/* table */

.table_unit{text-align:right;}
.table_unit span{position:relative; padding-left:32px; font-size:16px; line-height:24px; color:#292929; letter-spacing:0;}
.table_unit i{position:absolute; top:2px; left:0; width:20px; height:20px; border-radius:7px; background-color:#fff; text-align:center; font-size:14px; line-height:20px; color:#4688e3; box-shadow:0 0 12px 0 rgba(139, 186, 234, 0.3);}
.table_unit + .table, .table_unit + .table_scroll{margin-top:12px;}
.table.fixed{table-layout:fixed;}
.table_board.break td, .table_board.break th{word-break:break-all;}
.table_board{position:relative; width:100%; margin:35px 0px 10px 0px; background-color:#fff; border-bottom:1px solid #dedede; text-align:center;}
.table_board thead tr:first-child{}
.table_board thead{border-bottom:1px solid #dedede; border-top:2px solid #6f99e1;}
/*.table thead:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#4f6a84;}*/
.table_board td,.table_board th{border-width:0; border-style:solid; border-color:#dedede; letter-spacing:0;}
.table_board th:last-child{border-right:none; border-left-width:1px;}
.table_board th:first-child{border-left:none;}
.table_board thead th{padding:15px 10px; background-color:#eef4fc; border-top-width:1px; border-right-width:1px; border-left-width:1px; font-size:16px; line-height:24px; color:#0b3d6e; letter-spacing:0; font-weight:600; word-break:keep-all;}
.table_board thead tr:nth-child(n + 2) th{background-color:#fbfdfd; font-size:15px; color:#212121; font-weight:400;}
.table_board tbody:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#0b3d6e;}
.table_board tbody th{padding:13px 10px; background-color:#fbfdfd; border-bottom-width:1px; border-right-width:1px; font-size:16px; line-height:22px; color:#1f1f1f; font-weight:400;}
.table_board td{padding:15px 10px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; color:#323232; font-size:15px; line-height:22px;}
.table_board td:first-child{border-left-width:0;}
.table_board td:last-child{border-right:none;}
.table_board td .bu > li{font-size:15px;}
.table_board td .bu > li:before {top:7px;}
.table_board td .blt{font-size:15px;}
.table_board tfoot th{border-right:1px solid #dedede; border-bottom-width:1px; padding:12px 10px; background-color:#f7f9fc;}
.table_board tfoot td{border-right:1px solid #dedede; padding:12px 10px;}

.table_board.type2 tbody tr:first-child{border-top:2px solid #0b3d6e; }
.table_board.type2 tbody th{font-weight:600; color:#0b3d6e;}

@media screen and (max-width: 767px){
    .table_board, .table_board tbody, .table_board tr, .table_board th, .table_board td {display:block;}
    .table_board {border-bottom:none; margin: 20px 0px 10px 0px;}
    .table_board thead {display:none;}
    .table_board tr {margin-bottom:15px;}
    .table_board th, .table_board td {text-align: left;}
    .table_board tbody {border-top:2px solid #379df2;}
	.table_board tbody th {display: none;}
    .table_board tbody td {font-size: 0.9rem;}
    .table_board th:first-child, .table_board td:first-child {border-top: 1px solid #d5d5d5;}
    .table_board td{border-left:none; border-right:none;}
    .table_board th, .table_board td {position: relative; padding-left: 130px;}
    .table_board th:before, .table_board td:before {content:attr(title); display:inline-flex; position:absolute; top:0; left:0; width:110px; height:100%; padding:0 5px; background:#eef4fc; font-weight:600; text-align:center; align-items:center; justify-content:center;}
    .table_board.notitle th:before, .table_board.notitle td:before {content: attr(date-title);}
    .table_board .textover {width: 100%; white-space: inherit;}

    .board-info-group {display: none;}
    .board-search {width: 100%;}
    .board-pagi .pagination a {width: 20px; height: 20px; border-radius: 50%; border: none; line-height: 20px; font-size: 1.2rem;}
    
    .table-scroll {width: 680px; border-top: none;}
	
	.table_board.type2 tbody {border-top:none;}
}

/* table */

.table_board_top {position:relative; width:100%; margin:45px 0px 40px 0px; background-color:#fff; border-bottom:1px solid #dedede; text-align:center; border-top: 2px solid #6f99e1;}
.table_board_top thead tr:first-child{}
.table_board_top thead{    border-bottom: 1px solid #dedede; border-top: 2px solid #6f99e1;}
/*.table thead:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#4f6a84;}*/
.table_board_top td,.table_board_top th{border-width:0; border-style:solid; border-color:#dedede; letter-spacing:0;}
.table_board_top th:last-child{border-right:none; border-left-width:1px;}
.table_board_top th:first-child{border-left:none;}
.table_board_top thead th{padding:12px 10px; background-color:#f7f9fc; border-top-width:1px; border-right-width:1px; border-left-width:1px; font-size:16px; line-height:24px; color:#0b3d6e; letter-spacing:0; font-weight:600; word-break:keep-all;}
.table_board_top thead tr:nth-child(n + 2) th{background-color:#fbfdfd; font-size:15px; color:#212121; font-weight:400;}
.table_board_top tbody:before{display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#0b3d6e;}
.table_board_top tbody th{padding:15px 10px; background-color:#fbfdfd; border-bottom-width:1px; border-right-width:1px; font-size:16px; line-height: 170%; color:#1f1f1f; font-weight:600;}
.table_board_top td{padding:14px 22px; border-bottom-width:1px; border-left-width:1px; border-right-width:1px; color:#323232; font-size:15px; line-height: 170%;}
.table_board_top td:first-child{border-left-width:0;}
.table_board_top td:last-child{border-right:none;}
.table_board_top td .bu > li{font-size:15px;}
.table_board_top td .bu > li:before {top:7px;}
.table_board_top td .blt{font-size:15px;}
.table_board_top tfoot th{border-right:1px solid #dedede; border-bottom-width:1px; padding:12px 10px; background-color:#f7f9fc;}
.table_board_top tfoot td{border-right:1px solid #dedede; padding:12px 10px;}

@media screen and (max-width: 767px){
	.table_board_top{margin:15px 0px;}
	.table_board_top thead th{ font-size:0.9rem; padding: 4px 3px;}
	.table_board_top thead tr:nth-child(n + 2) th{ font-size:0.9rem;}
	.table_board_top td{ font-size:0.9rem; padding: 4px 3px;}
	.table_board_top tbody th{font-size:0.9rem; padding: 4px 3px;}
	.table_board_top td .bu > li{font-size:0.9rem;}
	.table_board_top td .blt{font-size:0.9rem;}
}

/*층별 주요 시설*/
.facility{ position: relative; width: 100%; margin-bottom: 40px;}
.facility .tab_list {border-top: 2px solid #2e3760; border-bottom: 1px solid #dedede; padding: 20px; overflow: hidden; margin:  40px 0 20px 0;}
.facility .tab_list .facility_btn {font-size: 17px;line-height: 24px;position: relative;font-weight: 500;color: #999;margin-right: 30px;}
.facility .tab_list .facility_btn.on {font-weight: 700;color: #6f99e1;}
.facility .tab_list .facility_btn.on:before {content: "";width: 80px;height: 2px;position: absolute;background-color: #6f99e1;left: 50%;margin-left: -40px;bottom: -20px;	}
.facility .facility_slide {width: 100%;height: auto;position: relative;overflow: hidden;margin: 0 auto;}
.facility .facility_item img {width: 100%;height: 100%;margin: 0 auto;}
.facility .facility_item .facility_info {width: 100%; background-color: rgba(46, 55, 96, 0.6); padding: 30px 50px; position: absolute; left: 0px; bottom: 0px; color: #fff;	box-sizing: border-box;}
.facility .facility_item .facility_info .tit {font-size: 27px;line-height: 36px;margin-bottom: 10px;display: block;font-weight: 500;letter-spacing: 0;}
.facility .facility_item .facility_info .con {font-size: 16px;line-height: 24px;display: block;}
.facility .facility_pre {width: 55px; height: 55px; position: absolute; display: block; overflow: hidden; line-height: 0px; left: -25px; top:50%; z-index: 99 !important; cursor: pointer; text-align: center;}
.facility .facility_next {width: 55px; height: 55px; position: absolute; display: block; overflow: hidden; line-height: 0px; right: -25px; top:50%; z-index: 99 !important; cursor: pointer; text-align: center; background-repeat: no-repeat;}

@media screen and (max-width: 1279px){
	.facility .tab_list .facility_btn{font-size:1.0rem;}
	.facility .tab_list .facility_btn.on:before {bottom: -10px; margin-left: -30px; width: 4.0rem;}
	.facility .tab_list{padding: 10px;}
	.facility .facility_item .facility_info .tit{font-size:1.2rem; line-height: 20px; margin: 0.5rem 0;}
	.facility .facility_item .facility_info .con{font-size:0.9rem; line-height: 17px;}
}
@media screen and (max-width: 799px){
	.facility .facility_slide{overflow: visible;}
	.facility .tab_list .facility_btn{margin-right: 0.5rem;}
	.facility .facility_item .facility_info{padding: 10px 20px; bottom: -6rem;}
	.facility .tab_list{margin-top: 20px;}
	.facility .facility_pre {width: 20px; height: 20px; left: -1.0rem; top:60%;}
	.facility .facility_pre > img {width: 100%;}
	.facility .facility_next {width: 20px; height: 20px; right: -1.0rem; top:60%;}
	.facility .facility_next > img {width: 100%;}
}
button {overflow: visible;background-color: transparent; text-transform: none;border: 0;cursor: pointer;}

/*찾아오시는길*/
.kakaomap{width:100%;}
.half_round{position:relative; width:100%; padding:15px 0 0px 0px;}
.half_round:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.half_round > li{margin-bottom:.5rem; padding-top:.4rem; line-height:2.5rem;}
.half_round > li > span {display:inline-block; margin-right:.15rem; padding:.3rem 1rem; color:#fff; border-radius:30px; background:#4981e7; font-weight:500; line-height:1.8rem;}
.half_round > li > span p.addr{background:url('../images/addr.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.tel{background:url('../images/tel.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.fax{background:url('../images/fax.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.bus{background:url('../images/bus.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.car{background:url('../images/car.png') no-repeat 0 center; padding-left:1.8rem;}
.half_round > li > span p.basic{padding-left:0.2rem;}
.half_round > li > .left_list{ display:inline-block;}
.half_round > li > .left_list .list{}
.half_round > li > .left_list .list > li{position:relative; padding: 3px 0 3px 13px; font-size:15px; color:#5a5a5a; font-weight:400; line-height:1.8;}
.half_round > li > .left_list .list > li:before{content:""; display:block; position:absolute; left:2px; top:15px; width:3px; height:3px; background:#999;}

	@media (max-width: 1279px){
		.half_round > li{font-size: 1.0rem;}
	}


/*인간박정희_생애*/
.lecture_wrap {width: 100%;}
.lecture_list { position: relative; width: 100%; margin-top: 10px; padding: 40px 50px; box-sizing: border-box; display: flex;  flex-wrap: wrap; justify-content: flex-start;  border-top: 3px solid #4981e7;border-bottom: 1px #ccc dashed; }
.lecture_list2 { position: relative; width: 100%; margin-top: 10px;  padding: 40px 50px; box-sizing: border-box;display: flex;flex-wrap: wrap;justify-content: flex-start;border-top: 3px solid #4981e7;border-bottom: 1px #ccc dashed;}

	@media (max-width: 599px){
		.lecture_list {max-height: 100%;}
	}

.lecture_list .cl_img {box-sizing: border-box;margin-right: 1.0rem;}
.lecture_list2 .cl_img {box-sizing: border-box;margin-right: 1.0rem;}
.lecture_list .cr_lecinfo {width: calc(75% - 1.0rem); margin-top: 20px;}
.lecture_list2 .cr_lecinfo {width: calc(80% - 1.0rem) ;margin-top: 20px;}
.lecture_list .cr_lecinfo .tit { margin: 0 auto;  position: relative; font-size: 30px; font-weight: 500; line-height: 1.7; color: #333a4c; font-family: 'Microsoft YaHei';}
.lecture_list .cr_lecinfo .tit a { position: relative; font-size: 30px; font-weight: 500; line-height: 1.7; color: #333a4c; font-family: 'Microsoft YaHei';}
.lecture_list2 .cr_lecinfo .tit { margin: 0 auto;  position: relative; font-size: 30px; font-weight: 500; line-height: 1.7; color: #333a4c; font-family: 'Microsoft YaHei';}
.lecture_list2 .cr_lecinfo .tit a { position: relative; font-size: 30px; font-weight: 500; line-height: 1.7; color: #333a4c; font-family: 'Microsoft YaHei';}
.lecture_list .btn_receipt {display: flex;position: absolute;right: 35px;bottom: 88px;}
.lecture_list .btn_receipt > .btn_small {width: 145px;height: 60px;padding-top: 18px;margin-left: 10px;box-sizing: border-box;}

		@media all and (max-width:1279px){
			.lecture_list{ padding: 1.2rem;}
			.lecture_list2{padding: 1.2rem;}
			.lecture_list .cr_lecinfo{ width: 70%;}
			.lecture_list2 .cr_lecinfo {width: 70%;}
			.lecture_list .btn_receipt{bottom: 20px;}
			.lecture_list .btn_receipt > .btn_small {height: 40px; padding-top: 10px;}
			.lecture_list .cr_lecinfo .tit{font-size: 1.3rem;}
			.lecture_list .cr_lecinfo .tit a{ font-size: 1.3rem;}
			.lecture_list2 .cr_lecinfo .tit{font-size: 1.3rem;}
			.lecture_list2 .cr_lecinfo .tit a{font-size: 1.3rem;}
		}
		@media all and (max-width:799px){
			.lecture_list .cl_img{ width: 40%;}
			.lecture_list .cr_lecinfo{ width: 60%;}	
			.lecture_list2 .cl_img{ width: 40%;}
			.lecture_list3 .cr_lecinfo{ width: 60%;}	
		}
		@media all and (max-width:599px){
			.lecture_list .cl_img{ width: 100%; text-align: center;}
			.lecture_list2 .cl_img{ width: 100%; text-align: center;}
			.lecture_list .cr_lecinfo{ width: 100%;}
			.lecture_list2 .cr_lecinfo{ width: 100%;}
			.lecture_list .btn_receipt{position: relative; right:0; bottom:0; text-align: center; margin: 0 auto;}
			.lecture_list .btn_receipt br{display: none;}
		}
	
	.list_02_50{margin:0 0 5px 14px; text-align: left; float: left;}
	.list_02_50 > li{position:relative; display: inline-block; width: 60%; padding:4px 0 4px 16px; font-size:16px; line-height:180%; color:#323232; box-sizing: border-box; font-weight:400; letter-spacing: 0;}
	.list_02_50 > li:before{content:''; position:absolute; top:0; left:0; margin-top:16px; margin-left:4px; width:5px; height:5px; background:#8670c5; border-radius:10px;}
	.list_02_50 > li:nth-child(2n){ width: 39%;}
		@media all and (max-width:1023px){
			.list_02_50 > li{position:relative; display: inline-block; width: 100%;}
			.list_02_50 > li:nth-child(2n){ width: 100%;}
		}
	
		@media all and (max-width:799px){
			.list_02_50 > li {font-size: 1.0rem;}
		}
			
		@media (max-width: 599px){
           	.lecture_list .cl_img { width: 100%; text-align: center;}
		}
.webtoon{width: 100%; max-width: 1000px; text-align: center; margin: 0 auto;}
.webtoon > img{width: 100%;}

.program_img{width: 100%; display: inline-block;}
.program_img > img{width: 100%; max-width: 350px; padding: 5px; box-sizing: border-box;}


/* 인간박정희_경력 */

.history .history_list {position:relative; margin-top:80px;}
.history .history_list:before {content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background-color:#c3e4ff;}
.history .history_item {display:block; position:relative; margin-bottom:23px;}
.history .history_item:last-child {margin-bottom:0;}
.history .history_item:before,
.history .history_item:after {display:block; position:absolute; left:50%; border-radius:50%; content:'';}
.history .history_item:before {top:0; width:21px; height:21px; margin-left:-10px; background-color:#cbd2df; opacity:0.4;}
.history .history_item:after {top:7px; width:8px; height:8px; margin-left:-4px; border:3px solid #424242; box-sizing:border-box; background-color:#fff;}
.history .history_date {display:block; position:relative; margin-bottom:10px; font-size:32px; font-weight:600; color:#5799e3; line-height:22px;}
.history .history_date:before {content:''; display:block; position:absolute; top:10px; width:48px; height:2px; background:url(../images/img_line.jpg) repeat-x;}
.history .history_element {position:relative; color:#585858; line-height:25px; padding:5px 0px 5px 8px;}
.history .history_element > dl{position:relative; color:#585858; line-height:25px;}
.history .history_element > dl > dt{display:inline-block; width:81px; color:#585858; font-weight:500; line-height:18px;}
.history .history_element > dl > dd{display:inline-block; color:#585858; line-height:18px;}
.history .history_element:before {display:block; position:absolute; top:12px; width:5px; height:2px; background-color:#bbb;}
.history .history_item:last-child ul,
.history .history_item:last-child p.history_element {position:relative;}
.history .history_item:last-child ul:after,
.history .history_item:last-child p.history_element:after {display:block; position:absolute; top:-21px; width:1px; height:calc(100% + 21px); background-color:#fff;}


.history .history_list .left .history_element > dl > dt{text-align:right;}
.history .history_list .right .history_element > dl > dt{text-align:left;}


@media all and (min-width:641px){
    .history .history_item.right {padding-left:calc(50% + 81px);}
    .history .history_item.left {padding-right:calc(50% + 81px); text-align:right;}
    .history .history_item.right .history_date:before {right:calc(100% + 20px);}
    .history .history_item.left .history_date:before {left:calc(100% + 20px);}

    .history .history_item.right .history_element:before {left:0;}
    .history .history_item.left .history_element:before {right:0;}
    .history .history_item:last-child.right > ul:after,
    .history .history_item:last-child.right p.history_element:after {left:-81px;}
    .history .history_item:last-child.left > ul:after,
    .history .history_item:last-child.left p.history_element:after {right:-82px;}
}
@media all and (max-width:640px){
    .history .history_title {font-size:25px; line-height:27px;}
    .history .history_list {margin-top:30px;}
    .history .history_list:before {left:11px;}
    .history .history_item {padding-left:50px;}
    .history .history_item:before {left:0; margin-left:0;}
    .history .history_item:after {left:11px;}
    .history .history_date {margin-bottom:10px; font-size:17px; line-height:19px;}
    .history .history_date:before {left:-26px; width:18px;}
    /*.history .history_element {padding-left:13px;}*/
    .history .history_element:before {left:0;}
    .history .history_item:last-child ul:after, .history .history_item:last-child p.history_element:after {top:-6px; left:-39px; height:calc(100% + 6px);}
}

/* tab2 */
.tab_txt2{ width:100%; margin-bottom: 45px;}
.tab_txt2:after{content:" "; display:block; float:none; clear:both;}
.tab_txt2 > ul{display:table; width:100%; table-layout:fixed; overflow:hidden; text-align:center; }
.tab_txt2 > ul > li{ position: relative; display:table-cell; min-width:16.6666%; word-break:break-all !important; border-bottom: 1px solid #e9e9eb;}
.tab_txt2 > ul > li a{display:block; padding:20px 15px 30px 15px; color:#b1b1b1; font-size:18px; text-decoration:none; font-weight:800; letter-spacing:0;}
.tab_txt2 > ul > li a:hover{color:#3c346f;}
.tab_txt2 > ul > li a:hover:after{ content: ""; position: absolute; left: calc(50% - 25%); bottom: -1px; width: 50%; height: 5px; background:#3c346f;}
.tab_txt2 > ul > li a.on{ color:#3c346f; }
.tab_txt2 > ul > li a.on:after{ content: ""; position: absolute; left: calc(50% - 25%); bottom: -1px; width: 50%; height: 5px; background:#3c346f;}
.tab_txt2 > ul > li:nth-child(1) a,
.tab_txt2 > ul > li:nth-child(2) a,
.tab_txt2 > ul > li:nth-child(3) a,
.tab_txt2 > ul > li:nth-child(4) a,
.tab_txt2 > ul > li:nth-child(5) a,
.tab_txt2 > ul > li:nth-child(6) a,
.tab_txt2 > ul > li:nth-child(7) a{border-top-width:1px;}
.tab_txt2 > ul > li:nth-child(7n+1) a{border-left-width:1px;}

			@media all and (max-width:1279px){
				.tab_txt2{ margin-top: 25px;}
				.tab_txt2 > ul > li a{font-size:1.4rem;}
				.tab_txt2 > ul > li a:hover:after{left: calc(50% - 35%); width: 70%;}
				.tab_txt2 > ul > li a.on:after{left: calc(50% - 35%); width: 70%;}
			}
			@media all and (max-width:580px){
				.tab_txt2 > ul{table-layout:auto;}
				.tab_txt2 > ul > li a{font-size:1.2rem;}
				.tab_txt2 > ul > li a:hover:after{left: calc(50% - 40%); width: 80%;}
				.tab_txt2 > ul > li a.on:after{left: calc(50% - 40%); width: 80%;}
			}
			@media all and (max-width:480px){
				.tab_txt2 > ul > li a{padding:20px 5px 17px 5px;} 
			}


/* tab3 */
.tab_txt3{width:100%;margin-bottom: 30px;background: #f3f3f3;/* padding: 10px; *//* margin: 10px 40px 45px 40px; */}
.tab_txt3:after{content:" "; display:block; float:none; clear:both;}
.tab_txt3 > ul{display:table; width:100%; table-layout:fixed; overflow:hidden; text-align:center; }
.tab_txt3 > ul > li{position: relative;display:table-cell;min-width:16.6666%;word-break:break-all !important;/* border-bottom: 1px solid #e9e9eb; */}
.tab_txt3 > ul > li a{display:block;padding: 20px 15px 20px 15px;color: #9a9797;font-size: 15px;text-decoration:none;font-weight: 500;letter-spacing:0;}
.tab_txt3 > ul > li a:hover{color:#3c346f;}
.tab_txt3 > ul > li a:hover:after{ content: "";}
.tab_txt3 > ul > li a.on{ color:#3c346f;  text-decoration: underline; font-weight: 600; }
.tab_txt3 > ul > li a.on:after{ content: "";}
.tab_txt3 > ul > li > a:after{width: 1px;height: 20px;position: absolute;right: 0;top: 22px;content: ""; background: #cccccc;}
.tab_txt3 >ul li:last-child > a:after{display:none}
.tab_txt3 > ul > li:nth-child(1) a,
.tab_txt3 > ul > li:nth-child(2) a,
.tab_txt3 > ul > li:nth-child(3) a,
.tab_txt3 > ul > li:nth-child(4) a,
.tab_txt3 > ul > li:nth-child(5) a,
.tab_txt3 > ul > li:nth-child(6) a,
.tab_txt3 > ul > li:nth-child(7) a{border-top-width:1px;}
.tab_txt3 > ul > li:nth-child(7n+1) a{border-left-width:1px;}

	@media all and (max-width:1279px){
		.tab_txt3 > ul > li a{ font-size: 0.9rem;}
	}
	@media all and (max-width:799px){
		.tab_txt3 > ul > li a{padding: 10px 5px;}
		.tab_txt3 > ul > li > a:after{height: 10px; top: 15px;}
	}

/* tab4 */
.tab_txt4{width:100%; margin-bottom: 45px; background: #fff; border: 1px solid #e1e1e1;}
.tab_txt4:after{content:" "; display:block; float:none; clear:both;}
.tab_txt4 > ul{display: flex; width:100%; justify-content: flex-start; flex-wrap: wrap; padding: 0 1.0rem;}
.tab_txt4 > ul > li{position: relative; word-break:break-all !important; margin: 0 1.0rem;}
.tab_txt4 > ul > li a{display:block; padding:1.0rem; color: #9a9797; font-size: 14px; text-decoration:none; font-weight: 400; letter-spacing:0;}
.tab_txt4 > ul > li a:hover{color:#3c346f;}
.tab_txt4 > ul > li a:hover:after{ content: "";}
.tab_txt4 > ul > li a.on{ color:#3c346f; font-weight: 400; }
.tab_txt4 > ul > li a.on:after{ content: "";}
.tab_txt4 > ul > li > a:after{content: ''; position: absolute; top: calc(50% - 3px); left: 0; margin-left: 4px; width: 5px; height: 5px; background: #379df2; border-radius: 10px;}

	@media all and (max-width:1279px){
		.tab_txt4 > ul > li a{ font-size: 0.9rem;}
	}
	@media all and (max-width:799px){
		.tab_txt4 > ul > li a{padding: 10px 5px;}
	}

/* 텍스트 스타일 */

.conts .s-title {font-size:1.333334em; color:#333; font-weight:800; margin-bottom:.42em;}

.conts .point {font-family:'Microsoft YaHei'; color:#784E1C; font-size:1.112em;}
.quoto {position:relative; padding-left:1.5em;}
.quoto:before {content:''; position:absolute; top:-0em; left:0em; width:1em; height:1em; background:url(../images/quoto.svg) no-repeat center center; background-size:100%; z-index:1;}

hr {border:0; border-top:1px solid #eee; margin:1.5em 0;}

.box-line {position:relative; border-top: 3px #4981e7 solid; padding: 2.6em 0em; margin-top: 10px;}
.box-line1 {position:relative; padding: 0px 30px 0px 30px;}
.box-line2 {position:relative; border-top: 1px #ccc solid; padding: 2.6em 0em; margin-top: 0px; border-bottom: 1px #ccc dashed; margin-bottom: 20px;}
.box-line3 {position:relative; border-top: 3px #4981e7 solid; padding: 2.6em  0em; border-bottom: 1px #ccc dashed;margin: 20px 0;}
.box-line4 {position:relative; border: 1px #bad0f7 dashed; padding: 2.0em 2.6em;  margin-bottom: 20px; box-sizing: border-box;}
.box-line4 p {line-height: 180%; font-size: 16px;}
.box-line4 .name {text-align:right; font-weight:700; margin-top:2em;}

	@media all and (max-width:1279px) {
		.box-line4 p { font-size: 0.9rem;}
	}
	@media all and (max-width:640px) {
		.box-line,
		.box-line2,
		.box-line3{padding: 1.2em 0em;}
		.box-line4{padding: 1.2em;}
		.box-line1 {padding: 0px 1.0rem;}
	}

.box-line + .box-line {margin-top:1em;}
.box-line.quoto {padding-left:2em;}
.box-line.quoto:before {content:''; position:absolute; top:-.5em; left:-.5em; width:2em; height:2em; background:#fff url(../img/common/quoto.svg) no-repeat center center; background-size:75%; z-index:1;}

.box-img-txt {display:table; width:100%; }
.box-img-txt div {display:table-cell; vertical-align:top;}
.box-img-txt .thumb {width:10em; text-align:center;}
.box-img-txt .thumb2 {width:28em; text-align:center;}
.box-img-txt img {width:100%;}
.box-img-txt div + div {padding-left:2.7em;     line-height: 180%;}
.box-img-txt span {display:block;}
.box-img-txt ul {text-align:left;}

@media all and (max-width:640px) {
	.box-img-txt {display:block;}
	.box-img-txt div {display:block; width:100%; }
	.box-img-txt .thumb {width:100%; padding-bottom: 1.0rem;}
	.box-img-txt .thumb2 {width:100%; padding-bottom: 1.0rem;}
	.box-img-txt img {width:auto;}
	.box-img-txt div + div {padding-left:0;}
}

* + .box-img-txt,
.box-img-txt + * {}

h4 + [class*="box-"] {/* margin-top:0 !important; */}

.i-box {background:#f8f9fb; text-align:center; padding:1.9em 1em; margin:1em 0;}
.i-box img {display:inline-block;}
.i-box:first-child {margin-top:0;}
.i-box ul{display: flex; justify-content: space-betwee; flex-wrap: wrap;}
.i-box ul:after {content:''; clear:both; display:block;}
.i-box ul li {width:50%; padding:1%; box-sizing: border-box; }
.i-box ul li > img{width: 100%; max-width: 367px;}
.i-box ul li p {margin-top:.5em;}

@media all and (max-width:1279px) {
		.i-box ul li p{font-size: 1.0rem;}
	}

/* 연혁 */
.career{ display: flex; position: relative;}
.career ul {position:relative; width:50%;}
.career ul:before {content:''; position:absolute; left:.25em; top:1em; width:1px; height:100%; border-left:1px solid #eee; }
.career li + li {margin-top:.8em;}
.career strong {position:relative; display:inline-block; width:10em;  padding:.25em 0 0.4em 1em; font-size: 19px; vertical-align:middle; font-weight: 600;}
.career strong:before {content:''; position:absolute; top:.62em; left:0; width:4px; height:4px; border: 3px solid #3c9ff2;; background:#fff; border-radius:1em;}
.career span {display:block; padding-left:1.3em; }
.career em {display:inline-block; font-size:.9em; padding:0 .5em; vertical-align:middle; color:#777; background:#f8f8f8; margin-left:.5em;}

	@media all and (max-width:1279px) {
		.career strong {font-size: 1.2rem;}
		.career span{font-size: 1.0rem;}
	}
	@media all and (max-width:599px) {
		.career {flex-direction: column;}
		.career ul{width: 100%;}
	}

/* 일대기 */

#content .substance .list-ul-p{margin:5px 0 25px 0; margin-bottom: 10px;}
#content .substance .list-ul-p > li{position: relative; padding-left: 1em; line-height: 180%;}
#content .substance .list-ul-p > li:before {content: ''; position: absolute;top: .50em;left: 0;width: 4px;height: 4px;border: 3px solid #3c9ff2;background: #fff;border-radius: 1em;}

@media all and (max-width:1279px) {
		#content .substance .list-ul-p > li{font-size: 1.0rem;}
	}

.story{margin-top:2em;}
.story ul{position:relative;}
.story .box-img-txt[data-name="나의 일기"] div {width:8em;}
.story .list-ul-p li {width:33.333%; float:left;}
.story .family {margin:2em 0;  display: flex; position: relative;}
.story .family li {width:16%; margin:1%; padding:1em .5em; float:left; text-align:center; background:#f8f9fb; box-sizing: border-box;}
.story .family li span {font-size:.9em; border-bottom:2px solid #6f99e1; padding-bottom:.25em;}
.story .family li strong {display:block; margin-top:.9em;}
.story .family li em {color:#897358; font-size:.9em;}

	@media all and (max-width:1279px){
		.story .family li strong{font-size: 1.0rem;}
	}
	@media all and (max-width:799px){
		.story{margin-top:1rem;}
		.story .family {flex-wrap: wrap;}
		.story .family li {width:calc(20% - 2%);}
	}
	@media all and (max-width:599px){
		.story .family li {width:calc(33.33% - 2%);}
	}

.source {display:inline-block; margin-top:.25em; padding:0.25em .5em; background:#fafafa; color:#777; font-size:.9em;font-weight: 500;}


/* 역대임원 */
.history_ch{position:relative; width:100%; height:auto;}
.history_ch:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.history_ch li{display:block; float:left; width:calc(33.33% - 22px); margin-top:0; margin-bottom:30px; margin-right:30px; padding:31px 0 26px 0; text-align:center;}
.history_ch li.dot_box{border:1px solid #c5c9d6; border-radius:5px;}
.history_ch li:nth-child(3n){margin-right:0;}
.history_ch li .box_index{position:relative; display:inline-block; overflow:hidden; margin-top:15px; margin-bottom:10px; border-radius:18px; vertical-align:top;}
.history_ch li .box_index span{display:block; padding:8px 10px; font-size:17px; line-height:19px; color:#fff; background:#008adf;}
.history_ch li .box_text{width:100%; height:auto; min-height:137px;}
.history_ch li .box_text p{font-size:16px; padding-bottom:15px;}
.history_ch li .box_text > ul{clear:both; display:block; width:100%; background:#f5f6fa;}
.history_ch li .box_text > ul > li{position:relative; display:block; text-align:left; width:calc(100% - 25px); height:25px; margin:0 15px 0 0; padding:0 0 0 20px;}
.history_ch li .box_text > ul > li:before{content:""; display:block; position:absolute; left:12px; top:11px; width:3px; height:3px; background:#158ccd;}
	
	@media all and (max-width:809px){
			.history_ch li{width:calc(50% - 22px);}
			.history_ch li:nth-child(3n){margin-right:30px;}
			.history_ch li:nth-child(2n){margin-right:0 !important;}
		}
		@media all and (max-width:570px){
			.history_ch li{width:100%;}
			.history_ch li:nth-child(3n){margin-right:0;}
			.history_ch li:nth-child(2n){margin-right:0 !important;}
		}
		

/*  연표  */
.saemaeul-history {margin-top: 45px;}
.saemaeul-history dl {display:table; width:100%; border:1px solid #eee;}
.saemaeul-history dl + dl {margin-top:2em;}
.saemaeul-history dt {display:table-cell; width:20em; padding:1.5em; vertical-align:middle; text-align:center; background:#f8f9fb; box-sizing: border-box;}
.saemaeul-history dd {display:table-cell; padding:1.5em; vertical-align:middle; box-sizing: border-box;}

.saemaeul-history dt .year {position:relative; display:block;  margin-bottom:1em; color:#333;}
.saemaeul-history dt .year:after {content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:-.5em; width:.25em; height:.25em; border-radius:.5em; background:#6f99e1;}
.saemaeul-history dt span {display:inline-block; font-size:.9em; padding:.25em 1em; background:#4981e7; color:#fff;}
.saemaeul-history dt p {font-size:1.25em; font-weight:700; margin-top:.5em;}
.saemaeul-history dd .comment {background:#fbfbfb; padding:1em; margin-top:.5em; box-sizing: border-box;}
.saemaeul-history dd .comment p {font-weight:700; margin-bottom:.5em;}
.saemaeul-history dd .comment li {position:relative; padding-left:.75em;  font-size:.9em;}
.saemaeul-history dd .comment li + li {margin-top:.25em;}
.saemaeul-history dd .comment li:before {content:''; position:absolute; top: .55em; left:0; width:.25em; height:.25em; background:#333;}

@media all and (max-width:1279px) {
	.saemaeul-history dt p {font-size: 1.2rem;}
	.saemaeul-history dd .comment p,
	.saemaeul-history dd .comment li{font-size: 0.9rem;}
}
@media all and (max-width:1024px) {
	.saemaeul-history dl,
	.saemaeul-history dt,
	.saemaeul-history dd {display:block;width:100%;}	
}
.list-ol-p em {color:#6f99e1 !important; display:inline-block; margin-right:.5em; margin-top: 0;     font-weight: 500;}

/* 연설문  */
.speech-box {padding:2em; background:url("../images/speech_bg.svg") no-repeat top center; background-size:auto 100%; border: 5px #c4a282 solid;}
.speech-box .txt {padding:2em; background:#fff;}
.speech-box .txt p {line-height: 180%;}

.speech-box .txt div {height:30em; overflow-y:scroll; padding-right:1.5em; }
.speech-box .txt .name {text-align:right; font-weight:700; margin-top:2em; font-size: 1.1em;}

	@media all and (max-width:1023px) {
		.speech-box .txt p{font-size: 0.9rem;}
	}	
	@media all and (max-width:1023px) {
		.speech-box {padding:1.0rem;}
		.speech-box .txt{padding: 1.0rem 0 1.0rem 1.0rem;}
	}
.saemaeul .box-line {margin:1.5em 0;}

/* 자연보호헌장 */
.charter {padding:2em;  border: 5px #6f9ae1 solid;}
.charter .box {background:#fff; text-align:center; padding:4em;}
.charter .box > p {line-height: 180%;}
.charter .box div {position:relative; display:inline-block;  margin:2em auto 0; padding:4em 3em; border:1px dashed #8cafd5;}
.charter .box div:before {content:'';  position:absolute; top:1em; left:1em; width:3em; height:3em; background:url(../img/content/03/charter_deco01.svg) no-repeat top left; background-size:100%;}
.charter .box div:after {content:'';  position:absolute; right:1em; bottom:1em; width:3em; height:3em; background:url(../img/content/03/charter_deco02.svg) no-repeat top left; background-size:100%;}
.charter .box div p {margin-top:2em;}
.charter .box ol {display:inline-block; text-align:left; }
.charter .box li + li {margin-top:1em;}
.charter .box li strong {display:inline-block; width:1em; margin-right:.5em;}

/* 저서 */
.box-dl {position:relative; border-top:1px solid #ddd;}
.box-dl dl {display:table; width:100%; border-bottom:1px dashed #ddd;}
.box-dl dt {display:table-cell; vertical-align:top; width:10em; padding:1.5em 1em; text-align:center;}
.box-dl dt img {display:inline-block; }
.box-dl dt span {font-size:1.333334em; font-weight:800; word-break:keep-all;}
.box-dl dd {display:table-cell; vertical-align:middle; padding:1.5em 1em; }
.box-dl dd .s-title {color:#222;}

@media all and (max-width:1279px) {
	.box-dl dd {font-size: 1.0rem;}
}

@media all and (max-width:768px) {
	.box-dl dl {display:block;}
	.box-dl dt {display:block; width:100%; padding:1em 0;}
	.box-dl dd {display:block; padding:0 0 1em;}
}

/* 어록 */
.quotation{}
.quotation > div {margin-bottom:2em; padding:2em; border:1px solid #eee;}
.quotation > div p { font-size:1.0em; line-height: 180%; font-weight: 500;}
.quotation > div span {display:block; text-align:right; margin-top:1em; color: #5799e3;}

@media all and (max-width:1279px) {
	.quotation > div p {font-size: 1.0rem;}
}

/* 우표 */
.post-stamp {position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1540px;}
.post-stamp ul {display: flex;
    margin-top: 50px;
    /* flex-direction: row; */
    flex-wrap: wrap;}
.post-stamp li {width:45%; float:left; margin:1.3%; padding:1em; border:1px dashed #eee; box-sizing: border-box; text-align:center; word-break:keep-all;}
.post-stamp li p {height:3em; margin-top:1em;}

@media all and (max-width:1024px) {
	.post-stamp li p {height:4.5em; font-size: 1.0rem;}
}

@media all and (max-width:768px) {
	.post-stamp li p {height:6em;}
}

@media all and (max-width:600px) {
	.post-stamp li {width:100%; float:none; margin:1em 0;}
	.post-stamp li p {height:auto;}
}




.caution{background:url('../images/sb_caution_bg.png') no-repeat left 5px; font-size:15px; font-weight:normal; line-height:180%; padding:0 0 5px 22px !important; margin:5px 0 !important;}
	
	@media all and (max-width:480px){
		.caution{font-size:0.9rem; line-height:150%; background:url('../images/sb_caution_bg.png') no-repeat left 0;}
	}

/*저작권 정책*/

.CopyImg {
    text-align: center;
    margin-top: 40px;
}
.CopyImg div {
    margin-top: 16px;
    font-family: Microsoft YaHei;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    color: black;
}

/*관람안내*/

.time_spec {
    width: 1198px;
    height: 188px;
    text-align: center;
    margin: 0 auto;
    margin-top: 36px;
    border: 1px solid #9a0000;
}


.timeContanier[data-v-38224cb1] {
        display: flex;
        align-items: center;
}

.LeftBox[data-v-38224cb1] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 40px;
    margin-top: 20px;
}
.LeftBoxText01[data-v-38224cb1] {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 0;
    text-align: left;
    color: #2c2c2c;
}
.LeftBoxText01 span[data-v-38224cb1] {
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 1.88;
    text-align: left;
    color: #2c2c2c;
    font-weight: normal;
    margin-left: 24px;
}
.LeftBoxText02[data-v-38224cb1] {
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 1.88;
    text-align: left;
    color: #2c2c2c;
}
.LeftBoxText02 span[data-v-38224cb1] {
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 1.88;
    text-align: left;
    color: #2c2c2c;
}
.Line[data-v-38224cb1] {
    height: 140px;
    border: 1px solid #bebcb9;
    margin-top: 20px;
    margin-left: 234px;
}
.enLine[data-v-38224cb1] {
    display: none;
}
.RightBox[data-v-38224cb1] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 40px;
    margin-top: 20px;
}
.RightBoxText01[data-v-38224cb1] {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing:0;
    text-align: left;
    color: #2c2c2c;
}
.RightBoxText02[data-v-38224cb1] {
    font-family: Microsoft YaHei;
    font-size: 16px;
    line-height: 1.88;
    text-align: left;
    color: #704c17;
}

/*이용시간*/
.time_box4_wrap{ width: 100%; padding: 40px 75px 0px 75px; border: 1px #bad0f7 dashed; box-sizing: border-box; color: #fff; background: #fff; margin-bottom: 40px;}
.time_box4{width: 100%; display: flex; justify-content: space-between; border-radius: 15px; box-sizing: border-box; padding:1% 0% 1% 0%; flex-wrap: wrap;}

.time_box4 span {font-size: 16px; text-align: left; color: #2c2c2c; font-weight: 500; margin-left: 24px;}
.time_box4:after{content:" "; display:block; float:none; clear:both;}
.time_box4 > li{ width:50%; line-height:180%; box-sizing: border-box; padding:0 0 0 137px; font-size: 22px; color: #333a4c; font-weight: bold; margin-bottom: 20px;}
.time_box4 > li:first-child{background:url('../images/mnv_guick_bg_01.png') no-repeat 0 0;}
.time_box4 > li+li{width:50%; min-height: 106px; background:url('../images/mnv_guick_bg_02.png') no-repeat 0 0;}
.time_box4 > li+li+li{width:50%; min-height: 106px; background:url('../images/mnv_guick_bg_02.png') no-repeat 0 0;}
.time_box4 > li.member{width:100%; background:url('../images/mnv_guick_bg_03.png') no-repeat 0 0;}

		@media all and (max-width:1399px){
			.time_box4 > li{ padding:0 33px 0 137px;}
		}
		@media all and (max-width:1024px){
			.time_box4_wrap{padding: 2.0rem;}
			.time_box4{flex-direction: column;}
			.time_box4 > li{ width:100%; box-sizing: border-box;}
			.time_box4 > li+li{ width:100%; box-sizing: border-box; margin-top: 20px;}
			.time_box4 > li+li+li{ width:100%; box-sizing: border-box; margin-top: 20px;}
		}
		@media all and (max-width:480px){
			.time_box4 > li{padding: 0 0 0 97px;}
			.time_box4 > li:first-child,
			.time_box4 > li+li,
			.time_box4 > li+li+li,
			.time_box4 > li.member{background-size: 80px;}
			.time_box4 > li+li+li .tel{ display: block;}
		}

/*관람 예약 문의처*/
.time_box5_wrap{width: 100%;padding: 40px 75px 0px 75px;border: 1px #bad0f7 dashed;box-sizing: border-box;color: #fff;background: #fff;margin-bottom: 40px;position: relative;border: 1px #bad0f7 dashed;padding: 2.0em 2.6em;margin-bottom: 20px;box-sizing: border-box;}
.time_box5{width: 100%;display: flex;justify-content: space-between;border-radius: 15px;box-sizing: border-box;/* padding:1% 0% 1% 0%; */flex-wrap: wrap;}
.time_box5 span {font-size: 16px; text-align: left; color: #2c2c2c; font-weight: 500; margin-left: 24px;}
.time_box5:after{content:" "; display:block; float:none; clear:both;}
.time_box5 > li{width:50%; line-height:180%;box-sizing: border-box;/* padding:0 0 0 137px; */font-size: 22px;color: #333a4c;/* margin-bottom: 20px; */}
.time_box5 > li:first-child{/* background:url('../images/mnv_guick_bg_01.png') no-repeat 0 0; */}
.time_box5 > li+li{/* width:50%; *//* min-height: 106px; *//* background:url('../images/mnv_guick_bg_02.png') no-repeat 0 0; */}
.time_box5 > li+li+li{width:50%; min-height: 106px; background:url('../images/mnv_guick_bg_02.png') no-repeat 0 0;}
.time_box5 > li.member{width:100%; background:url('../images/mnv_guick_bg_03.png') no-repeat 0 0;}

		@media all and (max-width:1399px){
			.time_box5 > li{}
		}
		@media all and (max-width:1024px){
			.time_box5_wrap{padding: 2.0rem;}
			.time_box5{flex-direction: column;}
			.time_box5 > li{ width:100%; box-sizing: border-box;}
			.time_box5 > li+li{ width:100%; box-sizing: border-box; margin-top: 20px;}
			.time_box5 > li+li+li{ width:100%; box-sizing: border-box; margin-top: 20px;}
		}
		@media all and (max-width:480px){
			.time_box5 > li{padding: 0 0 0 97px;}
			.time_box5 > li:first-child,
			.time_box5 > li+li,
			.time_box5 > li+li+li,
			.time_box5 > li.member{background-size: 80px;}
			.time_box5 > li+li+li .tel{ display: block;}
		}
.list {background: #f8f9fb; padding: 40px 50px 20px 50px;}
	@media all and (max-width:799px){
		.list {padding: 10px;}
	}
.list2 {background: #ffffff; padding: 40px 50px 20px 50px; margin-top: 25px; border: 1px #bad0f7 dashed; margin-bottom: 40px;}
.list2 > p{font-size: 20px; font-weight: 500; font-family: 'Microsoft YaHei'; color: #6f9ae1;}
@media all and (max-width:799px){
		.list2 {padding: 20px;  margin-bottom: 20px;}
	}
/*관람시 유의사항*/
.info{position:relative;padding-bottom: 6px; background: #f8f9fb;padding: 30px 50px 20px 20px;}
.info .year {position:absolute; float:left; top:0; left:0; font-size:24px; font-weight:bold; color:#00a5e5; line-height:0.8; padding:5px;}
.info dl			{height:100%;padding:15px 0 0 18px;/* background:#F6F6F6; */}
.info dl:last-child	{padding-bottom:15px;}
.info dl:before,
.info dl:after	{content:"";clear:both;display:block;float:none}
.info dt {float: left; width: 140px; font-size: 24px; font-weight: 900; line-height: 190%; height: 48px; border-radius: 50%; background: url(../images/reservation_01.png); text-align: center; letter-spacing: 0; margin-top: 10px;}
 .info dd {
    float: left;
    width: calc(100% - 120px);
    font-weight: 400;
    line-height: 180%;
    margin-right: 20px;
    padding: 8px 20px 15px 20px;
    /* font-family: Microsoft YaHei; */
    letter-spacing: 0;
    font-size:16px;
    color: #424242;
}

	@media all and (max-width:1024px){
		.info dd{font-size: 0.9rem;}
}
	@media all and (max-width:500px){
		.info dd{font-size: 0.9rem;}
}

.info2{position:relative;padding-bottom: 6px; background: #f8f9fb;padding: 30px 50px 20px 20px;}
.info2 .year {position:absolute; float:left; top:0; left:0; font-size:24px; font-weight:bold; color:#00a5e5; line-height:0.8; padding:5px;}
.info2 dl			{height:100%;padding:15px 0 0 18px;/* background:#F6F6F6; */}
.info2 dl:last-child	{padding-bottom:15px;}
.info2 dl:before,
.info2 dl:after	{content:"";clear:both;display:block;float:none}
.info2 dt {
float: left;
width: 140px;
font-size: 24px;
font-weight: 900;
line-height: 190%;
height: 48px;
border-radius: 50%;
background: url(../images/reservation_02.png);
text-align: center;
letter-spacing:0;
margin-top: 10px;
}

.info .r1 {background-image:url(../images/reservation_01.png);
	float: left;
    width: 48px;
    font-size: 24px;
    font-weight: 900;
    line-height: 190%;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    letter-spacing: 0;
}
.info .r2 {background-image:url(../images/reservation_02.png);
	float: left;
    width: 48px;
    font-size: 24px;
    font-weight: 900;
    line-height: 190%;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    letter-spacing:0;
}

.info .r3 {background-image:url(../images/reservation_03.png);
	float: left;
    width: 48px;
    font-size: 24px;
    font-weight: 900;
    line-height: 190%;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    letter-spacing:0;
}
.info .r4 {background-image:url(../images/reservation_04.png);
	float: left;
    width: 48px;
    font-size: 24px;
    font-weight: 900;
    line-height: 190%;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    letter-spacing: 0;
}
.info .r5 {background-image:url(../images/reservation_05.png);
	float: left;
    width: 48px;
    font-size: 24px;
    font-weight: 900;
    line-height: 190%;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    letter-spacing: 0;
}
.info .r6 {background-image:url(../images/reservation_06.png);
	float: left;
    width: 48px;
    font-size: 24px;
    font-weight: 900;
    line-height: 190%;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    letter-spacing: 0;
}
.info .r7 {background-image:url(../images/reservation_07.png);
	float: left;
    width: 48px;
    font-size: 24px;
    font-weight: 900;
    line-height: 190%;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    letter-spacing: 0;
}


 .info2 dd {
    float: left;
    width: calc(100% - 120px);
    font-weight: 400;
    line-height: 180%;
    margin-right: 20px;
    padding: 8px 20px 15px 20px;
    /* font-family: Microsoft YaHei; */
    letter-spacing: 0;
    font-size:16px;
    color: #424242;
}

	@media all and (max-width:1024px){
		.info2 dd{font-size: 0.9rem;}
}
	@media all and (max-width:500px){
		.info2 dd{font-size: 0.9rem;}
}

.t-box {background:#f8f9fb; text-align:center; padding:1.9em 1em; margin:1em 0;}
.t-box img {display:inline-block; margin:0 .5em !important; width: 100%; max-width: 1200px;}
.t-box:first-child {margin-top:0;}
.t-box ul:after {content:''; clear:both; display:block;}
.t-box ul li {width:48%; float:left; margin:1%;}
.t-box ul li p {margin-top:.5em;}




/*대관절차 스텝박스*/
.step_box5{display:block; width:calc(100% - 104px);}
.step_box5:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.step_box5.horizontal5{position:relative; width: 100%; padding:38px 52px 17px;  background-color:#f8f9fb; box-sizing: border-box;}
.step_box5.horizontal5 .step_list{display:flex; overflow:visible; margin-left:-40px; list-style:none; justify-content: space-between; flex-wrap:wrap; margin-top: 20px;}
.step_box5.horizontal5 .step_item{/*float:left;*/ position:relative; padding-bottom:20px; padding-left:40px;}
.step_box5.horizontal5.length2 .step_item{width:46.7%;}
.step_box5.horizontal5.length3 .step_item{width:29.2%;}
.step_box5.horizontal5.length4 .step_item{width:20%;}
.step_box5.horizontal5.length5 .step_item{width:16.9%;}
.step_box5.horizontal5.length6 .step_item{width:30.2%;}
.step_box5.horizontal5.length6 .step_item:nth-child(n + 4){margin-top:35px !important;}
.step_box5.horizontal5 .step_inner{padding:20px 0px 10px; border:1px solid #fff; border-radius:20px; background-color:#fff; text-align:center; letter-spacing:0; box-sizing:border-box;}
.step_box5 .step_title{display:block; position:relative; margin-bottom:14px; padding:3px 0 16px; font-size:18px; font-weight:500; line-height:22px; color:#fc6e2e;}
.step_box5 .step_title:before{content:''; display:block; position:absolute; bottom:0; left:0; margin:0 20px; width:calc(100% - 40px); height:1px; border-bottom:1px dashed #CCC;}
.step_box5 .step_title:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.step_box5 .step_title span{vertical-align:middle;}
.step_box5 .step_text{display:block; font-size:16px; text-align: left; line-height:1.6; color:#2e2e2e; margin: 0 22px;}
.step_box5 .step_text:after{display:inline-block; height:100%; vertical-align:middle;}
.step_box5 .step_text span{font-size:16px; line-height:20px; color:#2e2e2e; vertical-align:middle; font-weight: 500; word-wrap: break-word;}
.step_box5 .step_text span .small_list{margin-top:8px; text-align:left;}
.step_box5 .step_text span .small_list > li{position:relative; padding-left:9px; font-size:15px; line-height:24px; color:#585858; letter-spacing:0;}
.step_box5 .step_text span .small_list > li:before{display:block; position:absolute; top:12px; left:0; width:2px; height:2px; background-color:#848484;}


/*대관절차 num_type*/
.step_box5.horizontal5.num_type{padding-top:41px;}
.step_box5.num_type .step_list{counter-reset:index;}
.step_box5.num_type .step_item{padding-bottom:0; margin-bottom:30px;}
.step_box5.num_type .step_item:after{content:''; display:block; position:absolute; top:0; bottom:0; right:-28px; width:8px; height:14px; margin:auto 0; background:url(../images/mn_bn_nex.png) no-repeat; transform:translateY(-10px);}
.step_box5.num_type .step_item:after #none_after{display:none;}
.step_box5.num_type .step_item:last-child:after{display:none;}
.step_box5.num_type .step_item .step_inner{position:relative;}
.step_box5.num_type .step_item .step_inner:hover{border:1px solid #4981e7;}
.step_box5.num_type .step_item .step_inner:before{display:inline-block; position:absolute; top:-18px; left:22px; width:39px; height:39px; border-radius:17px; background-color:#6f99e1; text-align:center; font-size:14px; line-height:39px; color:#fff; counter-increment:index; content:'0'counter(index);}
.step_box5.num_type .step_item .step_inner:hover:before{background-color:#4981e7;}


@media all and (max-width:1599px){
	.step_box5.horizontal5.length3 .step_item{width:29.2%;}
	.step_box5.horizontal5.length4 .step_item{width:20.8%;}
	.step_box5.horizontal5.length6 .step_item{width:29.2%;}
}
@media all and (max-width:1141px){
	.step_box5.horizontal5.length3 .step_item{width:28.2%;}
	.step_box5.horizontal5.length4 .step_item{width:44.8%;}
	.step_box5.horizontal5.length4 .step_item:nth-child(n + 3){margin-top:35px !important;}
	.step_box5.horizontal5.length6 .step_item{width:28.2%;}
}
@media all and (max-width:1000px){
	.step_box5.horizontal5.length3 .step_item{width:27.2%;}
    .step_box5.horizontal5 .step_list{margin-left:-35px;}
    .step_box5.horizontal5 .step_item{padding-left:35px;}
	.step_box5.horizontal5.length4 .step_item{width:43.8%;}	
	.step_box5.horizontal5.length6 .step_item{width:27.2%;}
}
@media all and (max-width:767px){
	.step_box5{width:calc(100% - 40px);}
    .step_box5.horizontal5{padding:30px 20px 15px;}
    .step_box5.horizontal5 .step_list{ margin-left:-30px; flex-direction: column; flex-wrap:wrap;}
    .step_box5.horizontal5 .step_item{ float:none; width:calc(100% - 40px) !important; padding-bottom:30px; margin-bottom:0;}
    .step_box5.horizontal5 .step_item:after{top:auto; bottom:-24px; left:30px; right:0; margin:0 auto; transform:rotate(90deg);}
    .step_box5.horizontal5 .step_inner{padding:10px 15px 10px;}
    .step_box5.horizontal5.num_type{padding-top:45px; padding-bottom:30px;}
    .step_box5.horizontal5.num_type .step_item{padding-bottom:0;}
	.step_box5.horizontal5.num_type .step_item:nth-child(n + 2){margin-top:35px !important;}
    .step_box5.horizontal5.num_type .step_item:nth-child(n + 3){margin-top:35px !important;}
    .step_box5.num_type .step_item .step_inner:before{left:13px; width:35px; height:35px; border-radius:15px; font-size:13px; line-height:35px;}
    .step_box5 .step_title{margin-bottom:12px; font-size:15px;}
    .step_box5 .step_text{font-size:14px; min-height:0;}
    .step_box5 .step_text span{font-size:14px;}
}
@media all and (max-width:480px){
    .step_box5.horizontal5{padding-bottom:0;}
    .step_box5.horizontal5 .step_list{margin-left:0;}
    .step_box5.horizontal5 .step_item{float:none; width:100% !important; padding-left:0; padding-bottom:30px;} 
	.step_box5.horizontal5 .step_item:after{top:auto; bottom:-24px; left:0; right:0; margin:0 auto; transform:rotate(90deg);}   
    .step_box5.horizontal5.num_type .step_item:nth-child(n + 2){margin-top:35px !important;}
    .step_box5.horizontal5.num_type .step_item:after{bottom:-25px;}
}


/* 자료기증안내  */
.donation-box {padding:2em; background:url("../images/speech_bg.svg") no-repeat top center; background-size:auto 100%; border: 10px #d9c3ae solid; text-align: center; line-height: 180%;}
.donation-box .txt {padding:2em; background:#fff;}
.donation-box .txt p {line-height: 180%;}
.donation-box .txt div {padding-right:1.5em; color: #c4a282; font-weight: 600;font-size: 16px;}
.donation-box .txt .name {text-align:right; font-weight:700; margin-top:2em; font-size: 1.1em;}

.saemaeul .box-line {margin:1.5em 0;}
	@media all and (max-width:699px){
		.donation-box{padding:1rem;}
		.donation-box .txt{padding:1rem;}
	}

/* 기증자에 대한예우  */
.ImgFourContainer{margin: 0 auto; margin-top: 36px; width: 1200px; height: 540px; display: flex; justify-content: space-between; flex-wrap: wrap;}


/* 기증자에 대한예우  */
.majorbuss_wrap2{position:relative; padding: 20px 0px; background: #ffffff; margin-top: 50px;}
.majorbuss_wrap2 img{text-align: center; padding: 0px; width: 100%;}
.majorbuss_wrap2 > ul{display:flex; justify-content:space-between;}
.majorbuss_wrap2 > ul > li{text-align:center;width: 22.5%;}
.majorbuss_wrap2 > ul > li:last-chlid{margin-right:0;}
.majorbuss_wrap2 > ul > li > dl{width:100%;}
.majorbuss_wrap2 > ul > li > dl > dt{ padding: 12px 15px 12px 15px; color:#fff; background: #6f99e1; font-size: 16px; FONT-WEIGHT: 500; box-sizing: border-box; min-height: 68px; }
.majorbuss_wrap2 > ul > li > dl > dt.n1{padding-top: 25px;}
.majorbuss_wrap2 > ul > li > dl > dt.n2{padding-top: 25px;}
.majorbuss_wrap2 > ul > li > dl > dt.n4{padding-top: 25px;}

.majorbuss_wrap2 > ul > li > dl > dd{padding:10px 20px 0; background:#fff; border-left:1px solid #CCC; border-right:1px solid #CCC; border-bottom:1px solid #CCC; box-sizing: border-box;/* height: 529px; */}
.majorbuss_wrap2 > ul > li > dl > dd.n1{border-top: 1px solid #cccccc;}
.majorbuss_wrap2 > ul > li > dl > dd.n2{border-top: 1px solid #cccccc;}
.majorbuss_wrap2 > ul > li > dl > dd.n3{border-top:1px solid #4981e7;}
.majorbuss_wrap2 > ul > li > dl > dd.n4{border-top:1px solid #4981e7;}


	@media all and (max-width:1279px){
		.majorbuss_wrap2 > ul > li > dl > dt{ font-size: 1.0rem; min-height: 48px;}
		.majorbuss_wrap2 > ul > li > dl > dt.n1,
		.majorbuss_wrap2 > ul > li > dl > dt.n2,
		.majorbuss_wrap2 > ul > li > dl > dt.n4{padding-top: 12px;}
	}
	@media all and (max-width:799px){
		.majorbuss_wrap2{margin-top: 0;}
		.majorbuss_wrap2 > ul{flex-direction:column;}
		.majorbuss_wrap2 > ul > li{text-align:center; width:100%; margin-bottom:15px;}
		.majorbuss_wrap2 img{text-align: center; padding: 0; width: 120px !important;}
	}

/*상설전시*/
#content .substance .exhi_box{ position:relative; display: flex;}
#content .substance .exhi_box:after{content:" "; display:block; float:none; clear:both;}

/* 성리학전시관 번호 포지션*/
#content .substance .exhi_box .left_box2{ width: 612px; border:1px solid #eaeaec; box-sizing: border-box; padding: 10px 0 170px 0;}
#content .substance .exhi_box .left_box:after{content:" "; display:block; float:none; clear:both;}
#content .substance .exhi_box .left_box2 > p.drawing_img{width:100%; font-size: 20px; font-weight: 700; line-height: 170%; text-align: center;}
#content .substance .exhi_box .left_box2 > p.drawing_m_img{display:none;}
#content .substance .exhi_box .left_box2 .list{display:none;}
#content .substance .exhi_box .left_box2 > p.drawing_img img{text-align:center; width: 610px;}
#content .substance .exhi_box .left_box2 li{width:100%; height:100%;}
#content .substance .exhi_box .left_box2 li img{display:none; position:absolute; right:40px; bottom:30px;}
#content .substance .exhi_box .left_box2 li a:hover,
#content .substance .exhi_box .left_box2 li a:focus,
#content .substance .exhi_box .left_box2 li a:active{background: #6f9ae1;}
#content .substance .exhi_box .left_box2 li.on img{display: block;}
#content .substance .exhi_box .left_box2 li.on a{background:#6f9ae1; }
#content .substance .exhi_box .left_box2 li a{position: absolute; display: block; width:25px; height:25px; font-size: 14px; font-weight: 800; border-radius: 25px; padding-top: 2px; box-sizing: border-box; color:#fff; text-align: center; background: #263461;}
#content .substance .exhi_box .left_box2 li:nth-child(1) a{left:350px; top:345px;}
#content .substance .exhi_box .left_box2 li:nth-child(2) a{left:430px; top:242px;}
#content .substance .exhi_box .left_box2 li:nth-child(3) a{left:494px; top:275px;}
#content .substance .exhi_box .left_box2 li:nth-child(4) a{left:528px; top:212px;}
#content .substance .exhi_box .left_box2 li:nth-child(5) a{left:505px; top:93px;}
#content .substance .exhi_box .left_box2 li:nth-child(6) a{left:281px; top:210px;}
#content .substance .exhi_box .left_box2 li:nth-child(7) a{left:148px; top:216px;}

#content .substance .exhi_box .right_list{ width: calc(100% - 612px); height: 904px; padding:25px; box-sizing: border-box; background:#fafafa; border-top:1px solid #eaeaec; border-right:1px solid #eaeaec; border-bottom:1px solid #eaeaec;}
#content .substance .exhi_box .right_list:after{content:" "; display:block; float:none; clear:both;}
#content .substance .exhi_box .right_list > ul{}
#content .substance .exhi_box .right_list > ul li{padding:9px 0; border-bottom:1px dashed #d8d8d8;}
#content .substance .exhi_box .right_list > ul li .num{width:26px; height:26px; padding:0 7px; box-sizing: border-box; font-weight:500; font-size:15px; margin-right:2px; background-color:#6f9ae1; border-radius:50%; text-align:center; color:#fff;}


#content .substance .exhi_box .right_list .content-box{ width:100%;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_txt{}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_txt strong{display:block; text-align:center; margin:15px 0; font-size:24px; font-weight:600;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_txt p{word-break: break-all;line-height: 180%;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li{width:100%;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb{position:relative; width:100%; height:260px; display: flex; justify-content: space-between; flex-wrap: wrap;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block{position:relative; width: calc(50% - 5px); margin:0 5px 5px 0; height:100%;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block a{text-align:center;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block a:before{display:inline-block; opacity:0; position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,0.5);content:''; transition:.2s; -webkit-transition:.2s;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block .thumb_inner{overflow:hidden; position:relative; width:100%; height:100%;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block .thumb_inner img{position:absolute; top:50%; left:50%; max-width:500px; height:120%; transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block a .more_view{display:block; opacity:0; position:absolute; left:calc(50% - 53px); top:calc(50% - 40px); padding-top:60px; color:#fff; background:url(../images/more_view.png) center top no-repeat; z-index:11; transition: .2s; -webkit-transition:.2s;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block a:hover .more_view,
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block a:focus .more_view{opacity: 1;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block a:hover:before,
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb .thumb-block a:focus:before{opacity: 1;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul .img_txt{ display:inline-block; text-align:left; margin-bottom:10px; font-size:20px; font-weight:400;}
#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul .img_txt .num{ display: inline-block; width:25px; height:25px; box-sizing: border-box; padding-top:2px; font-size:14px; font-weight:800; margin-right:3px; background-color:#6f9ae1; border-radius:25px; text-align:center; color:#fff;}

#content .substance .exhi_box .right_list .content-box .exhibition-box{display:none;}
#content .substance .exhi_box .right_list .content-box .exhibition-box.on{display:block;}

	@media all and (max-width:1280px){
		#content .substance .exhi_box{flex-direction: column;}
		#content .substance .exhi_box .left_box2{width: 620px; padding: 10px 0 10px 0;}
		#content .substance .exhi_box .left_box2 > p.drawing_img{width: 600px;}
		#content .substance .exhi_box .right_list{width: 620px; height: 884px; border-left: 1px solid #eaeaec;}
		#content .substance .exhi_box .left_box2 li:nth-child(1) a{left:330px; top:350px;}
		#content .substance .exhi_box .left_box2 li:nth-child(2) a{left:422px; top:250px;}
		#content .substance .exhi_box .left_box2 li:nth-child(3) a{left:488px; top:280px;}
		#content .substance .exhi_box .left_box2 li:nth-child(4) a{left:528px; top:210px;}
		#content .substance .exhi_box .left_box2 li:nth-child(5) a{left:515px; top:83px;}
		#content .substance .exhi_box .left_box2 li:nth-child(6) a{left:306px; top:200px;}
		#content .substance .exhi_box .left_box2 li:nth-child(7) a{left:167px; top:205px;}
	}
	@media all and (max-width:699px){
		
		#content .substance .exhi_box .left_box2{width: 350px;}
		#content .substance .exhi_box .left_box2 > p.drawing_img{width: 330px;}
		#content .substance .exhi_box .left_box2 > p.drawing_img img{width: 330px;}
		#content .substance .exhi_box .right_list{width: 350px; height: 884px;}
		#content .substance .exhi_box .left_box2 li:nth-child(1) a{left:190px; top:200px;}
		#content .substance .exhi_box .left_box2 li:nth-child(2) a{left:205px; top:155px;}
		#content .substance .exhi_box .left_box2 li:nth-child(3) a{left:290px; top:170px;}
		#content .substance .exhi_box .left_box2 li:nth-child(4) a{left:290px; top:130px;}
		#content .substance .exhi_box .left_box2 li:nth-child(5) a{left:275px; top:58px;}
		#content .substance .exhi_box .left_box2 li:nth-child(6) a{left:136px; top:150px;}
		#content .substance .exhi_box .left_box2 li:nth-child(7) a{left:75px; top:120px;}
		#content .substance .exhi_box .right_list .content-box .exhibition-box .exhi_img > ul li .ui-thumb{ height:160px;}
	}

/*드론영상*/
.video{
	width: 100%; 
    height: 768px; 
    overflow: hidden; 
    /*비디오를 해당 크기의 세로정렬 가운데를 위해 */
    display: flex; 
    justify-content: center; 
    align-items: center;
  	}
  
video[poster]{ 
	/* 포스터 이미지의 크기를 비디오 영상에 꽉차도록 */
    height:100%;
    width:100%;
    }


/*AI영상*/
.video2{
	width: 100%; 
    height: 768px; 
    overflow: hidden; 
    /*비디오를 해당 크기의 세로정렬 가운데를 위해 */
    display: flex; 
    justify-content: center; 
    align-items: center;
   background: #000;
  margin-top: 44px;
  	}
  
video2[poster]{ 
	/* 포스터 이미지의 크기를 비디오 영상에 꽉차도록 */
    height:100%;
    width:100%;
    }