@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'KyoboHand';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/

/* 버튼 */
.btn_g1 			{ display:inline-block; padding:0px 10px; border:1px solid #598037; background-color:#6b9447;  font-size:1px; border-radius: 3px; vertical-align:middle}
a.btn_g1,input.btn_g1,button.btn_g1						{ color:#fff;}
a:hover.btn_g1,input:hover.btn_g1,button:hover.btn_g1	{ color:#fff; border:1px solid #598037; background:#77a153;}
	

.btn_r1 			{ display:inline-block; padding:0px 10px; border:1px solid #d20d08; background:#d2342f; font-size:1px; border-radius: 3px; vertical-align:middle}
a.btn_r1,input.btn_r1,button.btn_r1						{ color:#fff;}
a:hover.btn_r1,input:hover.btn_r1,button:hover.btn_r1	{ color:#fff; border:1px solid #d20d08; background:#c22d28;}

.btn_y1 			{ display:inline-block; padding:0px 10px; border:1px solid #999999; background:#999999; font-size:1px; border-radius: 3px; vertical-align:middle;}
a.btn_y1,input.btn_y1,button.btn_y1						{ color:#fff;}
a:hover.btn_y1,input:hover.btn_y1,button:hover.btn_y1	{ color:#fff; border:1px solid #999999; background:#999999;}


.btn01 			{ display:inline-block; padding:5px 10px; border:1px solid #222; background:#555; vertical-align:middle}
	a.btn01,input.btn01,button.btn01					{ color:#fff;}
	a:hover.btn01,input:hover.btn01,button:hover.btn01	{ color:#fff; border:1px solid #222; background:#777;}

.btn02 			{ display:inline-block; padding:10px 25px; border:1px solid #0d3a5f; background:#12436b; font-size:14px; border-radius: 3px; vertical-align:middle}
	a.btn02,input.btn02,button.btn02					{ color:#fff; font-size:1em}
	a:hover.btn02,input:hover.btn02,button:hover.btn02	{ color:#fff; border:1px solid #0d3a5f; background:#194c76;}

.btn03 			{ display:inline-block;; padding:10px 25px; border:1px solid #222; background:#555; font-size:14px; border-radius: 3px; vertical-align:middle}
	a.btn03,input.btn03,button.btn03					{ color:#fff;}
	a:hover.btn03,input:hover.btn03,button:hover.btn03	{ color:#fff; border:1px solid #222; background:#777;}

.btn_Gry 			{ display:inline-block; padding:7px 15px; border:1px solid #222; background:#555; font-size:13px; border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB';}
	a.btn_Gry,input.btn_Gry,button.btn_Gry					{ color:#fff;}
	a:hover.btn_Gry,input:hover.btn_Gry,button:hover.btn_Gry	{ color:#fff; border:1px solid #222; background:#777;}

.btn_Pot 			{ display:inline-block; padding:7px 15px; border:1px solid #163b8b; background:#163b8b; font-size:13px; border-radius: 3px; vertical-align:middle; font-family:'NanumSquareB';}
a.btn_Pot,input.btn_Pot,button.btn_Pot					{ color:#fff;}
a:hover.btn_Pot,input:hover.btn_Pot,button:hover.btn_Pot{ color:#fff; border:1px solid #11337c; background:#11337c;}



/* 컨텐츠버튼 */
.point-btn,.base-btn{display:inline-block; border-radius:45px;letter-spacing:-0.02em;/*padding-right:15px;*/vertical-align:baseline;transition:background .3s;margin-top: 30px}
.point-btn span,.base-btn span {display:block;padding:14px 30px;line-height:1;transition:all .3s;font-size:1.3rem;font-family: 'Noto Sans KR';font-weight: 400}
/*.point-btn span.link,.base-btn span.link{background:url(/image/common/ico_link02.png) no-repeat 95% 50%;padding-right:40px;}*/
.point-btn:hover span.link,.point-btn:focus span.link,.base-btn:hover span.link,.base-btn:focus span.link {background-position:100% 50%;}

.point-btn {background:#a08750;border:1px solid #a08750;color:#fff !important;}
.point-btn:hover, .point-btn:focus {background:#1e4729;}

.base-btn {background:#555;border:1px solid #555;color:#fff !important;}
.base-btn:hover, .base-btn:focus {background:#222;}



.point-btn3{display:inline-block;font-size:15px;border-radius:45px;letter-spacing:-0.02em;padding-right:15px;vertical-align:baseline;transition:background .3s;}
.point-btn3 span {display:block;padding:14px 20px;line-height:1;transition:all .3s;}
.point-btn3 span.link{background:url(/image/common/ico_link02.png) no-repeat 95% 50%;padding-right:40px;}
.point-btn3:hover span.link{background-position:100% 50%;}

.point-btn3 {background:#ff640c;border:1px solid #ff640c;color:#fff !important;}
.point-btn3:hover, .point-btn3:focus {background:#ff840c;}


.sch_btn 			{ display:inline-block; padding:0 10px 2px 10px; border:1px solid #222; background:#333; vertical-align:middle; line-height:23px}
	a.sch_btn,input.sch_btn,button.sch_btn					{ color:#fff;}
	a:hover.sch_btn,input:hover.sch_btn,button:hover.sch_btn{ color:#fff; border:1px solid #222; background:#444;}

.home_btn 			{ display:inline-block;height:25px;padding:0px 3px; border:1px solid #b1331f; background:#ed573e; font-size:0.95em;border-radius:3px;}
	a.home_btn			{ color:#fff;}
	a:hover.home_btn	{ color:#fff; border:1px solid #b1331f; background:#fa6c54;}


/*세부페이지영역*/
#contents_wrap			{ margin:30px 15px; min-height:350px;clear:both; overflow-x:hidden; background-color:#FFF; max-width: 900px; margin-bottom:20px;}

/*h3.h3_title {
    clear: both;
    margin-bottom: 20px;
    font-size: 30px;
    padding: 90px 0 30px;
    text-align: center;
    font-family: 'Noto Sans KR';    
    color: #000;
    font-weight: 500;
    line-height: 48px;
    position: relative;
}

h3.h3_title:before {
    position: absolute;
    top: 72px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    height: 5px;
    width: 50px;
    border-radius: 20px;
    background: #163b8b;
}*/


	/*#contents_wrap > h4		{background:url(/image/common/btn_bullet.gif) no-repeat left; margin-bottom:10px; font-size:18px; font-weight: 600; letter-spacing:-1px; padding-left:18px; color:#000; height:30px; line-height:30px}*/
	h4.h4_title			{ background:url(/img/common/title.png) no-repeat left; background-size: 20px; margin-bottom:10px; font-size:20px; font-weight: 600;font-family: 'Noto Sans KR';letter-spacing:-1px; padding-left:30px; color:#000; line-height:30px;clear:both}	
	h4.h4_title2			{ background:url(/img/common/title2.png) no-repeat left; background-size: 20px; margin-bottom:10px; font-size:20px; font-weight: 600;font-family: 'Noto Sans KR';letter-spacing:-1px; padding-left:30px; color:#000; line-height:30px;clear:both}	
/*	h4.h4_title2			{ background:url(/image/common/btn_bullet2.png) no-repeat left; margin-bottom:10px; font-size:22px; font-weight: 600; letter-spacing:-1px; padding-left:40px; color:#000; line-height:30px;clear:both}	


	h5.h5_title		{ padding-left:25px; font-size:18px; font-weight:600; margin:15px 0 10px 10px; background:url(/image/common/bu_3.gif) no-repeat 0 5px; color:#183d8d; clear:both}*/


    h6.h6_title {
        padding-left: 30px;
        margin-left: 10px;
        background: url(/image/common/st.png) no-repeat 0 50%;
        color: #183d8d;
        clear: both;
        font-weight: 500;
        font-size: 20px;
        letter-spacing: -1px;
    }

    h6.h6_title2 {
        color: #183d8d;
        clear: both;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: -1px;
        padding-left:10px;
    }

	div.con		{ padding:5px 0 0 13px; line-height:180%}
	div.con a	{ color:#333}
	div.con strong{ color:#3391c4; font-weight:600;}
	div.con  ol		{ padding-left:15px; margin:0}
	div.con  ol li	{ list-style: decimal    !important; margin-bottom:5px }


	.point_txt		{ border:2px dotted #c20f24;border-radius: 5px; padding:5px 10px; background:#fff9f6}
	.point_txt a	{ color:#333}
	.point_txt i	{ margin-right:5px}
	.tt_txt		{ font-size:24px; padding:30px 0 20px 0; letter-spacing:-2px;  font-weight:normal; color:#222; line-height:140%}
	.tt_txt2		{ font-size:30px; padding:30px 0 20px 0; letter-spacing:-2px;  font-weight:normal; color:#222; line-height:140%}
	.tt_txt2 strong	{ font-weight:600;}
	.stt_txt	{ font-size:18px; padding-bottom:10px; line-height:140%}


	ul.bu1		{ margin:5px 0 0 10px;}
	ul.bu1 li 	{line-height:160%; list-style:disc}
	
	ul.bu2		{margin:5px 0 0 10px;}
	ul.bu2 li 	{line-height:180%; list-style:disc  !important; margin-left:20px; font-family: 'Noto Sans KR';font-weight: 400;}
	ul.bu2 li strong	{ font-weight:600; color: #ff3907;font-family: 'Noto Sans KR';font-weight: 500;}
	
	ul.bu3		{ margin:2px 0 0 15px;}
	ul.bu3 li 	{ list-style:disc; line-height:140%}
	ul.bu3 li strong 	{ font-weight:600; color: #ff3907}
	ul.bu3 li ul{ margin-left:5px; background:url(/image/common/ico_arr.gif) no-repeat 0; padding-left:12px}
	
   ul.bu5		{margin:0;}
	ul.bu5 li 	{background: url(/image/common/dot.gif) no-repeat 5px 11px; padding-left: 16px;line-height:180%;}
	ul.bu5 li strong	{ background:#12436b; padding:2px 5px; color:#fff; margin-right:5px; border-radius: 3px; margin-right:5px;}
    ul.bu5 li.f_point{ color : #F60;}
	ul.bu6		{margin:0;}
	ul.bu6 li 	{background: url(/image/common/dot.gif) no-repeat 5px 11px; padding-left: 16px;line-height:180%;}
	ul.bu6 li strong	{ color: #3391c4; font-weight: 500;}

	.tabmenu			{overflow:hidden; width:100%;}
	.tabmenu li		{_display:inline; float:left; margin-bottom:3px; font-weight:600; width:49.5%; margin-right:0.5%}
	.tabmenu a:nth-child(2n) li { margin-right:0;}
	.tabmenu li.off		{display:block;_float:left; border:1px solid #dcdcdc; background:#f6f6f6; text-align:center; padding:15px 0; box-sizing:border-box; color:#777}
	.tabmenu a:hover li.off{border:1px solid #dcdcdc; background:#f7f7f7; color:#183d8d; font-weight:600}
	.tabmenu li.on			{background:#183d8d; display:block;_float:left; border:1px solid #183d8d; text-align:center; padding:15px 0; color:#fff; font-weight:600; box-sizing:border-box;}

/*-----------------------------------------------------------------------------------------------------------
서브페이지 css
-----------------------------------------------------------------------------------------------------------*/


.box {display:block; vertical-align:middle; background:#fff; box-shadow:0px 1px 5px rgba(0, 0, 0, 0.06);}
	.box.type1 {border:#eceef0 solid 5px; border-radius:20px;}
	.box.type2 {border:#f5f7fa solid 5px; border-radius:20px;}
	.box.type3 {border:#314ea3 solid 1px; border-radius:20px;}
	.box.type4 {border:#e9ecf2 solid 1px; border-radius:20px;}
	.box.type5 {border:#e9ecf2 solid 1px; border-radius:20px; background-color:#fefefe;}
	.box.bg1 {border-top:#e8e7e2 solid 1px; border-left:#e2e1dc solid 1px; border-right:#e2e1dc solid 1px; border-bottom:#b5b4b0 solid 1px; border-radius:12px;
		box-shadow:inset 0px -2px 0px #fff, 0px 1px 3px rgba(0, 0, 0, 0.07);
		background:#fff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f9f8f4);
		background:-webkit-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-moz-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-ms-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:-o-linear-gradient(top, #ffffff 0%, #f9f8f4 100%);
		background:linear-gradient(top, #ffffff 0%, #f9f8f4 100%);}
	.box.auto {overflow:auto;}
	
	.box_wrap {display:inline-block; vertical-align:middle;}
	.box_wrap > h4	{ color:#fff; background:#ff3907; font-size:1.6em;border-radius:30px; margin:0 auto 10px}
	.box_wrap strong{ color:#183d8d;}
	
	

/*-----------------------------------------------------------------------------------------------------------
게시판,테이블css
-----------------------------------------------------------------------------------------------------------*/

table, div { border-collapse: collapse; }
	table { border-collapse: collapse; border-spacing: 0; width:100%; }
	table {width:100%; background-color:#fff;}
	table [class*="tbl_"] {margin:0;}
	table thead th {vertical-align:middle;}

.tbl_auto table {table-layout:auto !important;}
.tbl_fixed table {table-layout:fixed !important;}
	[class*="tbl_"].te_center tbody th,
	[class*="tbl_"].te_center tbody td {text-align:center;} 
	[class*="tbl_"] .scroll {overflow-x:hidden; overflow-y:auto; height:248px; border-bottom:1px solid #e6e6e6; background-color:#f9f9f9; }
	[class*="tbl_"] {margin-bottom:10px;}

.tbl_bbs {border-top:2px solid #000; clear:both}
	.tbl_bbs table {table-layout:fixed; width:100%}
	/*.tbl_bbs thead th {height:22px; padding:10px 0 10px; line-height:1.4em; background-color:#f9f9f9; color:#000; font-weight:bold; border-bottom:1px solid #c3c3c3; 
	border-left:1px solid #e6e6e6;  text-align:center;}
	.tbl_bbs thead th:first-child,.tbl_bbs thead td:first-child  {border-left:0 none;}
	.tbl_bbs thead td {border:1px solid #e6e6e6; border-right:0 none; text-align:center;padding:10px 0 10px; }*/
	
	.tbl_bbs tbody th,.tbl_bbs tbody td {/*height:20px;*/ padding:20px 10px 20px; box-sizing: border-box}
	.tbl_bbs tbody th {text-align:center; /*background-color: #f9f9f9; */color:#000; border-bottom:1px solid #e6e6e6; padding:20px 5px 20px 0px;vertical-align: top;font-family: 'Noto Sans KR';	box-sizing: border-box;font-weight: 400;}
	.tbl_bbs tbody td {border-bottom:1px solid #e6e6e6; border-right:0 none; line-height: 160%;position: relative;}
	.tbl_bbs tbody td a{color: #000;width: 100%;font-size:1.2rem;line-height:1.8rem; font-family: 'Noto Sans KR';font-weight: 400;display: inline-block;margin-bottom: 15px}
 
	.tbl_bbs tbody td{font-size:1rem;color: #666;font-family: 'Noto Sans KR';font-weight: 400;}
	.tbl_bbs tbody td span{color: #333;font-family: 'Noto Sans KR';font-weight: 500;line-height: 2rem;display: inline-block;width: 45px;font-size:1rem;}
/*    .arr{background: url(/image/sub/arr_bar.png) no-repeat bottom !important;}*/
     
	.tbl_bbs tbody tr:first-child td {border-top:0 none;}

	.ie9 .tbl_bbs thead th {height:21px; padding-top:6px;}
	.ie9 .tbl_bbs tbody th,.ie9 .tbl_bbs tbody td {height:19px; padding-top:8px;}
	
	.tbl_bbs tbody td:first-child {border-left:0 none; }

/*	.tbl_bbs table td.date {font-size:12px; color:#80838b; letter-spacing:0px; line-height:20px; text-align:center}
	.tbl_bbs table td b {display:inline-block; vertical-align:middle; width:55px; height:20px; font-size:12px; color:#fff; line-height:20px; border-radius:3px; text-align:center}
	.tbl_bbs table td b.ing {background:#be1e2d;}
	.tbl_bbs table td b.end {background:#6d6e71;}

	.tbl_bbs table td .subject_title a {display:inline-block; vertical-align:middle; font-size:15px; color:#c20f24; text-align:left; letter-spacing:-1px; line-height:25px; font-weight:600;}
	.tbl_bbs table td .subject_content {color:#80838b; font-size:12px; margin-top:5px;}
	.tbl_bbs table td .subject_content strong { margin-right:5px; color:#45464a;}
	.tbl_bbs table td .subject_content span {margin:0 10px; color:#ccc;}*/


.tbl_bbs2 {border-top:2px solid #000;  margin-top:8px;width: 100%;box-sizing: border-box; clear:both;}
	.tbl_bbs2 table {table-layout:fixed;}
	.tbl_bbs2 thead th {height:22px; padding:10px 0 10px; line-height:1.4em; background-color:#f9f9f9; color:#000; font-weight:bold; border-bottom:1px solid #c3c3c3; 
	border-left:1px solid #e6e6e6;  text-align:center;}
	.tbl_bbs2 thead th:first-child {border-left:0 none;}
	.tbl_bbs2 tbody th,.tbl_bbs2 tbody td {padding:12px; }
	.tbl_bbs2 tbody th {text-align:center; background-color: #f9f9f9; color:#000; border-bottom:1px solid #e6e6e6; line-height:150%;font-family: 'Noto Sans KR';font-weight: 500;font-size:1rem; }
	.tbl_bbs2 tbody td {border:1px solid #e6e6e6; border-right:0 none; line-height:150%;font-family: 'Noto Sans KR';font-weight: 400;font-size:1rem;}
	.tbl_bbs2 tbody tr:first-child td {border-top:0 none;}
	.tbl_bbs2 tbody td:first-child {border-left:0 none; }


/*-----------------------------------------------------------------------------------------------------------
나의신청조회
-----------------------------------------------------------------------------------------------------------*/

.tbl_app {/*border-top:2px solid #000; */ margin-top:8px;width: 100%;box-sizing: border-box; clear:both;/*border-bottom:1px solid #c3c3c3;*/padding: 10px 0 0px; }
.tbl_app table {table-layout:fixed; }
/*.tbl_app tbody tr {padding:12px 5px 5px;border :1px solid #e6e6e6;}*/
.tbl_app tbody th {padding:22px 0px 8px 35px; text-align:left;background:url(/img/sub/ch.png?=1) no-repeat 5px 70% ;background-size: 20px;  color:#000; /*border-bottom:1px solid #e6e6e6; */line-height:150% ;font-size:1.15rem; font-family: 'Noto Sans KR';font-weight: 400;}
.tbl_app tbody td {padding:0px 0 28px; /*border:1px solid #e6e6e6; */border-right:0 none; line-height:150%;text-align: center;border-bottom:1px dashed #e6e6e6;font-family: 'Noto Sans KR';font-weight: 400;font-size:1rem;}
.tbl_app tbody tr:last-child td {padding:0px 0 0px;  border-bottom:0px dashed #e6e6e6;}




/*-----------------------------------------------------------------------------------------------------------
교육행사신청
-----------------------------------------------------------------------------------------------------------*/

.tbl_app2 {border-top:2px solid #000;  margin-top:8px;width: 100%;box-sizing: border-box; clear:both;/*border-bottom:1px solid #c3c3c3;*/padding: 10px 0 0px; }
.tbl_app2 table {table-layout:fixed; }
/*.tbl_app tbody tr {padding:12px 5px 5px;border :1px solid #e6e6e6;}*/
.tbl_app2 tbody th {padding:22px 0px 8px 35px; text-align:left;background:url(/img/sub/ch.png?=1) no-repeat 5px 70% ;background-size: 20px;  color:#000; /*border-bottom:1px solid #e6e6e6; */line-height:150% ;font-size:1.15rem; font-family: 'Noto Sans KR';font-weight: 400;}
.tbl_app2 tbody td {padding:10px 0 18px; /*border:1px solid #e6e6e6; */border-right:0 none; line-height:150%;text-align: center;border-bottom:1px dashed #e6e6e6;font-family: 'Noto Sans KR';font-weight: 400;font-size:1rem;}
.tbl_app2 tbody tr:last-child td {padding:0px 0 0px;  border-bottom:0px dashed #e6e6e6;}




/*-----------------------------------------------------------------------------------------------------------
유물열람신청안내
-----------------------------------------------------------------------------------------------------------*/
.relic{font-family: 'Noto Sans KR';padding: 20px;background: #fafafa;text-align: justify;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 20px;
    display: inline-block;}
.relic p.tt{text-align: center;margin: 20px auto;width: 100%;position: relative;display: inline-block; }

.relic p.tt span{font-size: 1rem;font-family: 'Noto Sans KR';font-weight: 500;color: #000;padding: 10px 3%;margin: 10px auto;  text-align: center; background: #fff;border-radius: 30px}

.relic_w {border-top:2px solid #000;border-bottom:1px solid #c3c3c3;width: 100%;position: relative;display: inline-block;padding-bottom: 30px;margin-top: 30px}
.relic_box {width: 46%;margin: 2%;float: left}
.relic_box p.img {width: 100%;height: 140px;margin-top: 25px}
.relic_box p.img a img {width: 100%;height: 130px;}
.relic_box p.tt {width: 100%;height: 45px;font-size: 1rem;font-family: 'Noto Sans KR';font-weight: 400;color: #000;line-height: 1.2rem}
.relic_btn{font-size: 0.9rem;font-family: 'Noto Sans KR';font-weight: 500;color: #fff;background: #a08750;padding: 4px 0; text-align: center;width: 100%;display: inline-block}
/*-----------------------------------------------------------------------------------------------------------
게시판,테이블css
-----------------------------------------------------------------------------------------------------------*/

/* 게시판-List */
.tabelDiv				{ }
#BoardList				{ clear:both; background-color:#FFF; min-height:300px}
#BoardList h2.h2_title 	{ font-size:1.25em; background:url(/image/common/btn_bullet.gif) no-repeat 5px 5px; padding-left:20px; color:#333; margin:20px 0 10px 0}
	
	.boardList 			{width:100%;position:relative;text-align:left;border-top:1px solid #DDD;border-top:2px solid #000;border-bottom:1px solid #ddd;}
	.boardList:after 	{clear:both;content:"";display:block;}
	.boardList li 		{width:100%;position:relative;padding:0px;max-height:55px;border-bottom:1px solid #DDD;background:#FFF;}
	.boardList li>a 	{display:block;width:100%;}
	.boardList li .pnum 		{position:absolute;left:5px;width:50px;text-align:center;line-height:55px;font-size:1em}
	.boardList li .pcont 		{padding-left:60px;padding-right:10px;padding-top:10px;padding-bottom:10px;max-height:55px;line-height:110%;display:block;}
	.boardList li .pcont a		{ color:#333; font-size:16px}
	.boardList li .pcont strong, .boardList li .pcont span {max-width:100%;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}
	.boardList li .pcont strong {display:inline-block;margin-bottom:5px;font-size:1em; color:#000}
	.boardList li .pcont img	{ margin-bottom:5px}
	.boardList li .pstudy 		{position:absolute;right:5px;width:90px;text-align:center; top:15px;}
	.boardList li.bg0 {background:#f2f2f2; padding:10px 0}
	.boardList li.bg1 {background:#ffffff; padding:10px 0}
	.boardList li.bg3 {background:#f2f2f2; text-align:center; padding:40px 0; font-weight:bold; letter-spacing:-0.5px; font-size:.95em}

	.boardList li .pimg {width:75px;height:120px;position:absolute;margin-left:10px;top:10px; border:1px solid #ddd;}
	.boardList li .pimg  img { border:1px solid #ddd;}
	
	.photo				{ margin:10px 15px;}
	.photo li			{ float:left; width:47%; margin-right:3%;}
	.photo li p.pimg img{ width:100%}
	.photo li p.pcon	{ line-height:150%; text-align:center; height:50px}
	
	.photo2				{ margin:50px 15px 10px 0;}
	.photo2 li			{ float:left; width:30%; margin-left:3%;}
	.photo2 li p.pimg img{ width:100%}
	.photo2 li p.pcon	 { line-height:150%; text-align:center; height:50px}
	
	.noticeTxt			{ color:#fff; background:#c20f24; border-radius: 3px; padding:3px 8px}

/* 게시판 - 보기 */
#BoardView 								{ clear:both; min-height:300px}
	#BoardView h2.h2_title 					{ font-size:1em; background:url(/image/common/btn_bullet.gif) no-repeat 5px 5px; padding-left:20px; color:#333; margin:20px 0 10px 0}
	#BoardView .board-vtop					{ border-top:2px solid #000; border-bottom:2px solid #ddd; padding:10px; position:relative}
	#BoardView .board-vtop h4				{ font-size:1em; color:#000; font-weight:bold}
	#BoardView .board-vtop span				{color:#999; margin:0 7px}
	#BoardView .board-vcon					{ clear:both; padding:10px;border-bottom:1px solid #ddd;}
	
	#BoardView2 							{ clear:both; min-height:300px}
	#BoardView2 .board-vtop					{ border-top:2px solid #000; background:#f2f2f2; padding:10px;}
	#BoardView2 .board-vtop h4				{ color:#000; font-weight:bold}
	#BoardView2 .board-vcon					{ clear:both; padding:10px;border-bottom:1px solid #ddd;}
	
	.view_down	{ clear:both; padding:10px;border-bottom:1px solid #ddd; background:#f5f5f5}	
	.search		{ clear:both; padding:5px;  text-align:center; margin-bottom:5px;}


#bn1{position: absolute;height:30px;right:0; bottom:5%; z-index:10000}
	#bn1 ul{float:left;}
	#bn1 li{float:left;}
	#bn1 a{float:left;}
	#bn1 a>.ic1{float:left;width:30px;height:30px;margin:0 5px 0 0;
		background:url() no-repeat center center;background-size:contain;
		overflow:hidden;text-indent:-9999px;cursor:pointer;}
	#bn1 .m1>a>.ic1{background-image:url(/image/board/icon_face.gif);}
	#bn1 .m2>a>.ic1{background-image:url(/image/board/icon_band.gif);}
	#bn1 .m3>a>.ic1{background-image:url(/image/board/icon_kakao.gif);}
	
	
/* 검색 */
#bo_sch {margin-bottom:10px; padding-top:5px; text-align:center; font-size:0;}
	#bo_sch select	{ font-size:12px  !important;}
	#bo_sch legend  {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden;}
	#bo_sch input.normal {padding:0px 10px; max-width:130px; width:50%;}


/* 페이지 */
#area_boardpagenum			{ clear:both}
	#area_boardpagenum p 		{text-align:center; margin-top:5px;}
	#area_boardpagenum p a		{width:28px;height:20px;padding:3px 0;display:inline-block; border:1px solid #ddd; color:#333; margin:2px}


	/* 스케쥴게시판 list페이지 */
	.schedule_top{padding-bottom:20px; text-align:center;font-family: 'Noto Sans KR';font-weight: 400}
		.schedule_top a{display:inline-block; *display:inline; zoom:1; height:30px; line-height:30px; vertical-align:top}
		.schedule_top a.pre_mon{margin-right:45px; width: 25px; background: url(/image/common/pre_mon.png) no-repeat;}
		.schedule_top a.next_mon{margin-left:45px; width: 25px; background: url(/image/common/next_mon.png) no-repeat;}
		.schedule_top a img{padding:3px 0 2px 0}
		.schedule_top span{display:inline-block; *display:inline; zoom:1; height:8px;margin-top: 6px; line-height:8px; color:#1e418f; font-weight:bold; 
		font-size:30px; vertical-align:top; }
		.schedule_top p{padding-top:10px; color:#666; }
		.schedule_top p em{font-style:normal; font-weight:bold;}
		
		.sch_btn	{ clear:both; text-align:right;}
		
	table.schedule_mobile{width:100%; border-top:2px solid #222; border-bottom:1px solid #e0dede;}
	table.schedule_mobile th{height:30px; padding:0 15px; border-bottom:1px solid #e0dede; background:#f2f2f2; color:#0f3d7c; text-align:center;}
	table.schedule_mobile td{height:30px; width:100%; border-bottom:1px solid #e0dede; color:#0f3d7c; padding:10px;}
	table.schedule_mobile td.schedule{background:#fbfbfb;}
	table.schedule_mobile td.schedule a{display:inline-block; margin-right: 5px;}
	table.schedule_mobile td.today{background:#e5edf6;}
	table.schedule_mobile td.today a{display:block;color:#fff;}
	
	table.schedule_mobile {display:block;}
	table.schedule_table  {display:none;}
		
	.pop_wrap{/*position:fixed; top:0; left:0; z-index:200; width:100%; height:100%;*/}
		.pop_wrap .pop{/*position:absolute; top:50%; left:50%; z-index:250;*/ width:350px; min-height:238px; padding-bottom:65px; border:2px solid #bf0000; background:#fff}
		.pop_wrap .pop .pop_title{height:50px; border-bottom:1px solid #ddd; text-align:center;}
		.pop_wrap .pop strong{display:block; height:40px; line-height:40px; color:#bf0000; font-size:20px; font-weight:bold; padding-top:10px}
		.pop_wrap .pop strong span{font-weight: bold; font-size:18px; text-align:center; }
		.pop_wrap .pop .pop_con{padding:0; background:#f4f7fa; }
		.pop_wrap .pop .pop_con ul{border-bottom:1px solid #ccd5e0; min-height:180px;}
		.pop_wrap .pop .pop_con ul li:first-child{border-top:0px;}
		
		.pop_wrap .pop .pop_con ul.schedule_write{padding:10px 0;} /* 일정작성 */
		.pop_wrap .pop .pop_con ul.schedule_write li{position:relative; padding:15px 0;}
		.pop_wrap .pop .pop_con ul.schedule_write li span.tt{ float:left;color:#000; font-size:14px; border-right:1px solid #ccd5e0; padding-right:20px}
		.pop_wrap .pop .pop_con ul.schedule_write li span{display:block; font-size:14px;float:left; padding-left:15px}
		.pop_wrap .pop .pop_con ul.schedule_write li textarea{width:268px; height:180px; border:1px solid #ccd5e0; padding:0; color:#666; font-size:12px;}
		.pop_wrap .pop .pop_con ul.schedule_write li:last-child {padding-bottom:0;}
		
		.pop_wrap .pop .pop_con .pop_bt{position:absolute; bottom:15px; left:0; width:100%; text-align:center;}
		.pop_wrap .pop .pop_con .pop_bt a{width:60px; border:1px solid #222; background:#000; color:#fff; padding:3px 10px; font-size:12px}
		.pop_wrap .bg_trans{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
		
		#content	{background: #fff;height: 100px;position: relative;z-index: 2;overflow:auto;width:90%;}
	
	span.font1		{ color:#183d8d  !important; font-size:22px;}
	span.font2		{ color:#ff3907  !important; font-size:22px;}
		
 

/*-----------------------------------------------------------------------------------------------------------
탭메뉴
-----------------------------------------------------------------------------------------------------------*/
 
	
	#tabs	{ overflow: hidden; width: 100%;  margin-bottom:30px; padding: 0; list-style: none;text-align:center	}
	#tabs	{ display:inline-block;}
	#tabs li{   position: relative; float: left; box-sizing:border-box;background:#fafafa; border:1px solid #ddd; border-left:none; padding:18px 0;line-height: 19px;height: 60px; transition: all 0.6s; color: #273460; }
	#tabs li:first-child	{border-left:1px solid #ddd;  }
 
	#tabs li#current,#tabs li.on { background:#fff;color: #273460 ;border-bottom:1px solid #fff; }
	#tabs li#current a,#tabs li.on a { color: #f37731;font-size: 18px; font-weight: 500;   }
 
	#tabs li a {  color:#000 ;letter-spacing:-1px}
	#tabs li:hover a{color:#fff  ;}
	#tabs li:hover{ background:#f37731;}
	
	#content	{background: #fff;height: auto;position: relative;z-index: 2;}
 
 
				
/*		#tabs {border-left:1px solid #ddd;font-size: 17px ;}
		#tabs:after		{content:'';display:block;clear:both;height:0;visibility:hidden}
		#tabs li a { font-size: 17px !important;}
		#tabs li:first-child	{border-left:0px solid #ddd; border-radius:0}
		#tabs li:nth-child(3),#tabs li:nth-child(4),#tabs li:nth-child(5),#tabs li:nth-child(6)
		,#tabs li:nth-child(7),#tabs li:nth-child(8)	{ border-top:0px}
		#tabs li:last-child		{border-radius:0}*/
 
		#tabs li.w-3{ width:33.3%}
 
		#tabs li#current,#tabs li.on { background:#ffa147;border:1px solid #ffa147;  }
		#tabs li#current a,#tabs li.on a { font-size: 17px ;color: #fff}
 
	
	
  
/*-----------------------------------------------------------------------------------------------------------
박물관소개
-----------------------------------------------------------------------------------------------------------*/


.about_box{text-align: justify;font-family: 'Noto Sans KR';font-weight: 400;font-size: 1rem;line-height: 1.5rem;margin-bottom: 20px;display: inline-block}
.about_box p.t1{ font-family: 'Noto Sans KR';font-weight: 500;color: #4d4b46;font-size: 1.1rem;/*text-align:center!important;*/}
.about_box p.t2{ font-family: 'InkLiquid';font-size: 1.7rem;color: #a08750;line-height: 2rem;letter-spacing: -1px;margin-bottom: 20px;word-break: keep-all;text-align: left!important;}

.about_box p.t3{font-family: 'Noto Sans KR';font-weight: 500;color: #000;font-size: 1.1rem;text-align: right!important;}



.about_box img{margin: 20px 0}

.about_box strong{font-family: 'Noto Sans KR';font-weight: 500;color: #000}



.about_box2{text-align: center;font-family: 'Noto Sans KR';font-weight: 400;font-size: 1.2rem;line-height: 2rem;margin-bottom: 30px;display: inline-block;/*border: 1px solid #ddd;*/border-radius: 20px;padding: 20px 0;box-sizing: border-box;width: 100%;background: #fbf7ee}
.about_box2 span { width: 100%; font-family: 'Noto Sans KR';font-weight: 500;color: #000;font-size: 1.2rem;line-height: 2rem;margin-top: 30px;display: inline-block; }
.about_box2 span.icon_01 {background: url(/img/sub/icon_01.png) no-repeat center top;padding-top: 30px;}
.about_box2 span.icon_02 {background: url(/img/sub/icon_02.png) no-repeat center top;padding-top: 30px;}
.about_box2 span.icon_03 {background: url(/img/sub/icon_03.png) no-repeat center top;padding-top: 30px;}
.about_box2 span.icon_04 {background: url(/img/sub/icon_04.png) no-repeat center top;padding-top: 30px;}
.about_box2 span.icon_05 {background: url(/img/sub/icon_05.png) no-repeat center top;padding-top: 30px;}
.about_box2 span.icon_06 {background: url(/img/sub/icon_06.png) no-repeat center top;padding-top: 30px;}

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

.map_box{text-align: left;font-family: 'Noto Sans KR';font-weight: 400;font-size: 1rem;line-height: 1.5rem;margin-top: 20px;margin-bottom: 30px;display: inline-block}
.map_box img{width: 20px;margin-right: 10px}


.map_box strong {font-family: 'Noto Sans KR';font-weight: 500;color: #000}


.map_box p {font-family: 'Noto Sans KR';font-weight: 500;color: #000;font-size: 1.2rem;margin-top: 20px}





/*-----------------------------------------------------------------------------------------------------------
전시,교육
-----------------------------------------------------------------------------------------------------------*/
 


.p_box{width: 100%;box-sizing: border-box;/*padding: 15px;*//*border: 1px solid #ddd;*/ }

.p_box img{width: 100%; }

.p_txt{width: 100%;box-sizing: border-box;border-top: 2px solid #000;border-bottom: 1px solid #ddd; padding: 20px 0 30px}

/*.p_txt p.tt{color: #000;width: 100%;font-size: }*/
.p_txt p.tt { /*padding: 10px 0;*/ display: inline-block;padding-bottom: 25px;}
.p_txt p.tt a{color: #000;width: 100%;font-size:1.5rem;line-height: 2rem; font-family: 'Noto Sans KR';font-weight: 500;display: inline-block}
.p_txt p.st{font-size:1.1rem;color: #666;font-family: 'Noto Sans KR';font-weight: 400;}
.p_txt p.st span{color: #333;font-family: 'Noto Sans KR';font-weight: 500;line-height: 2rem;display: inline-block;width: 75px;font-size:1.1rem;}

.p_txt p.tt2{color: #000;width: 100%;font-size:1.5rem;line-height: 2rem; font-family: 'Noto Sans KR';font-weight: 500;display: inline-block;padding-bottom: 25px;}

.p_box2{width: 100%;box-sizing: border-box;padding: 0px 0 25px;border-bottom: 1px dashed #ddd; }

/*-----------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------*/

.pageDIV {overflow:hidden; text-align:center; font-size:0; padding:20px 0 0 0;}
.pageDIV  { color:#ff0000; text-align:center; line-height:32px;/*width:35px; height:35px;*/  /* border:1px solid #c3c3c3; vertical-align:top; */font-size:14px; }
	.pageDIV a, .pageDIV .on {display:inline-block; width:35px; height:35px; margin-left:3px; color:#fff; text-align:center; line-height:32px;/* border:1px solid #c3c3c3;*/ vertical-align:top; font-size:14px;background: #a08750;border-radius: 5px; }
	.pageDIV .on {background:#424242; color:#fff; border-color:#424242; font-weight:normal;}
	.pageDIV a.first_prev {margin-left:0; border:1px solid #c3c3c3; background:url('/images/bbs/paging_prev2.gif') center center no-repeat; text-indent:-9999px;}
	.pageDIV a.prev {border:1px solid #c3c3c3; background:url('/images/bbs/paging_prev.gif') center center no-repeat; text-indent:-9999px;}
	.pageDIV a.next {border:1px solid #c3c3c3; background:url('/images/bbs/paging_next.gif') center center no-repeat; text-indent:-9999px;}
	.pageDIV a.last_next {border:1px solid #c3c3c3; background:url('/images/bbs/paging_next2.gif') center center no-repeat; text-indent:-9999px;}
	/*.pageDIV a:hover {text-decoration:none; border-color:#424242;}*/






/*-----------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------*/



.schedule {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    margin-bottom: 30px; 
}
.schedule > div {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 60px;
   /* border: 1px solid var(--d-border-color);*/
    border-radius: 8px;border: 1px solid #ddd; font-weight: 500;font-family: 'Noto Sans KR';font-size: 1.5rem;color: #000
}
.schedule > div i {
    display: inline-block;
    margin: 0 20px;
}
.schedule input[type="text"] {
    border: none;
    text-align: center;
    font-size: 1.5rem;
    color: #333;
    font-weight: 500; 
}
.schedule input[type="date"] {
    border: none;
   font-size: 1.5rem;
    color: #333;
    font-weight: 500; 
}
.schedule > a {
    display: flex;
    align-items: center;
    color: #fff;
    background-color: #a08750;
    border-radius: 8px;
    padding: 10px 16px;
    transition: 0.3s;
}
.schedule > a.nextbtn {
    background-color: #a08750;
}
.schedule > a:hover {
    background-color: #a08750;
}
.schedule > a span {
    margin: 0 6px;
}

.scheduleForm {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
.scheduleForm.today {
    border: 2px solid #333;
}
.scheduleForm h4 {
    display: flex;
    align-items: center;
    font-size: var(--mdbig-font);
    font-weight: 600;
    background-color: #f5f5f5;
    padding: 20px 20px;
}
.scheduleForm h4 > span {
    font-size: var(--basic-font);
    margin: 0 5px;
}
.scheduleForm h4 > strong {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    background-color: #333;
    border-radius: 20px;
    padding: 2px 8px;
}
.scheduleForm > ul > li {
    border-bottom: 1px solid #ddd;
    margin: 0 20px;
    padding: 30px 0;
}
.scheduleForm > ul > li:last-child {
    border: none;
}
.scheduleForm > ul > li > dl {
/*    display: flex;
    gap: 20px;*/
}
.scheduleForm > ul > li > dl > dt > span {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    min-width: 70px;
    text-align: center;
    border-radius: 5px;
    padding: 8px 10px;
    background-color: #999;margin-bottom: 10px
}
.scheduleForm > ul > li > dl > dd > a {
    margin-bottom: 8px;font-weight: 400;font-family: 'Noto Sans KR';font-size: 1.1rem;color: #555
}
.scheduleForm > ul > li > dl > dd > a:last-child {
    margin-bottom: 0;
}
.scheduleForm > ul > li > dl > dd > a > span {
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 1px 5px;
    margin-right: 2px;
}
.scheduleForm > ul > li > dl > dt > span.post {
    background-color: #999;
}
.scheduleForm > ul > li > dl > dt > span.accept {
    background-color: #999;
}
.scheduleForm > ul > li > dl > dt > span.issue {
   /* background-color: #499acd; */background-color: #d20d08;
}
.scheduleForm > ul > li > dl > dt > span.contract {
    background-color: #6b9447;
}
.scheduleForm .underline:hover {
    text-decoration: underline;
}

.tableArea {
  /*  margin-top: 40px;*/
}

.addOpt {
    display: flex;
    justify-content: flex-end;
    align-items: end;
    margin-bottom: 10px;
}
.addOpt > p {
    display: flex;
    gap: 5px;
}
.addOpt.addtext {
    justify-content: space-between;
}

/* s: list & View type*/
.tbList {
    border-top: 1px solid #717171;
    border-bottom: 1px solid #717171;
}
.tbList > li {
    border-bottom: 1px solid #ddd;
}
.tbList > li:last-child {
    border-bottom: none;
}
.tbList > li > a {
    display: block;
    transition: 0.3s;
}
.tbList > li > a:hover {
    background-color: #f2f2f2;
}
.tbList > li > a > dl {
    padding: 30px 20px;
}
.tbList > li > a > dl > dt {
    display: flex;
    align-items: center;
    font-family: "Pretendard", "Poppins", sans-serif;
    font-size: var(--mdbig-font);
    font-weight: bold;
    padding-bottom: 8px;
}
.tbList > li > a > dl > dt > span {
    font-size: var(--default-font);
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 0 10px;
    margin: 0 0 0 10px;
}
.tbList > li > a > dl > dt .file {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin: 0 8px;
}
.tbList > li > a > dl > dt .lock {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #5c6375;
    border: 1px solid #5c6375;
    border-radius: 6px;
    margin: 0 8px;
}
.tbList > li > a > dl > dt .lock > img {
    width: 100%;
}
.tbList > li > a > dl > dt strong {
    display: inline-block;
    font-size: var(--default-font);
    font-weight: 600;
    color: #fff;
    background-color: #3fb046;
    padding: 2px 6px;
    border-radius: 4px;
    margin-right: 10px;
}
.tbList > li > a > dl > dd {
    display: flex;
    padding-top: 8px;
}
.tbList > li > a > dl > dd > p {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    margin-right: 14px;
}
.tbList > li > a > dl > dd > p > span {
    font-size: var(--small-font);
    font-weight: 400;
    background-color: #f7f7f7;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 2px 8px;
    margin-right: 6px;
}
.tbList.round > li > a > dl > dd > p > span {
    border-radius: 20px;
}
.tbList > li > a > dl > dd > p > strong {
    min-width: 64px;
    font-weight: 500;
}
.tbList > li > a > dl > dd > p > strong.mon {
    min-width: 101px;
}




.search-box {
    background-color: #eef0f4;
    /*border: 1px solid #ddd;*/
    border-radius: 10px;
    padding: 20px 24px;
}
.search-box .multi {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.search-box .multi > div {
    display: flex;
    align-items: center;
    margin-left: 12px;
}
.search-box .multi > div:first-child {
    margin: 0;
}
.search-box .multi > div.nonestyle {
    margin: 0;
}
.search-box .single label,
.search-box .multi label {
    position: relative;
    display: block;
    font-size: var(--default-font);
    font-weight: 500;
    color: #333;
    padding: 0 8px 0 0;
    margin: 0 6px 0 0;
}
.search-box .single label::after,
.search-box .multi label::after {
    content: ":";
    position: absolute;
    right: 0;
}
.search-box .multi .textSearh {
    margin-top: 10px;
}
.search-box .single {
    display: flex;
    gap: 5px;
}
.search-box .single > div {
    display: flex;
    align-items: center;
}
.search-box .single .textSearh {
    flex: 1;
}
.search-box select {
    width: 100%;
    line-height: 58px;
    background: #fff url(/img/arrow-select.svg) no-repeat right 14px center;
    border: 1px solid #aaa;
    border-radius: 8px;
}
.search-box input[type="date"],
.search-box input[type="text"],
.search-box .search-text input[type="text"] {
    width: 100%;
    line-height: 56px;
    border: 1px solid #aaa;
    border-radius: 8px;
    padding: 0 8px 0 14px;
}
.search-box .search-text input[type="text"] {
    border: none;
    width: 100%;
}
.search-box .textSearh {
    display: flex;
    align-items: center;
}
.search-box .search-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 8px;
    padding: 0 8px 0 0;
    overflow: hidden;
    width: 100%;
    height: 60px;
}
.search-box .multi > div.btnset {
    margin-left: 0;
}
.search-box .normal-inner select {
    width: auto;
}
.search-box .normal-inner .empty {
    margin: 0 5px;
}
.search-box .normal-inner .empty2 {
    margin: 0 10px;
}
.btn-search {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #3268f0;
    border-radius: 8px;
    margin-left: 5px;
    transition: 0.3s;
}
.btn-search:hover {
    background-color: #0f4be0;
}
.btn-reset {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    margin-left: 5px;
    transition: 0.3s;
}
.btn-reset:hover {
    background-color: rgba(0, 0, 0, 0.2);
}