/* ================================
	filter
================================ */
.filter_area {position: relative; overflow: hidden; padding-bottom: 8px; border-bottom: 1px solid #dedede;}
.filter_area .list_count_area {float: left; color: #121212; font-size: 13px; min-height: 20px; line-height: 20px;}
.filter_area .list_count_area .keyword strong {font-size: 15px; font-weight: 400;}
.filter_area .list_count_area .keyword {position: relative; padding-right: 10px; margin-right: 5px;}
.filter_area .list_count_area .keyword:after {content: ''; background: url('../images/common/bar.gif') no-repeat right; width: 1px; height: 100%; position: absolute; right: 0; top: 0;}
.filter_area .list_count_area .impt_w {margin-bottom: 0; margin-top: 3px;}

.filter_area .text {margin-left: 10px; margin-right:5px; font-size: 14px; color: #333; letter-spacing: 0; vertical-align: middle;}
.filter_area .select {border: 1px solid #ccc; box-sizing: border-box; background: #fff; height: 35px; min-width: 70px; color: #555; font-weight: 300; letter-spacing: 0; padding-left: 10px; font-size: 14px; vertical-align: middle;}
.filter_area .select_lg {min-width: 140px;}

.filter_area .search_box .select {margin-bottom: 2px;}
.filter_area .search_box .select {min-width: 95px; margin-right: 2px;}
.filter_area .search_box .css_input {margin-right: 2px; width: 220px;}
.filter_area .search_box .btn_search {display: inline-block; background: #000; color: #fff; height: 35px; width: 65px; text-align: center; vertical-align: middle;}

.filter_area.type02 {border-bottom: 0; padding-bottom: 10px;}
.search_area + .sub_contents02 .filter_area {margin-top: 40px;}

.filter_area.type03 {border-bottom: 0; padding-bottom: 0;}
.filter_area ul li {float:left;}

/* ================================
	search_area
=============================== */
.search_area {display:block; background:#f2f2f2; padding:40px; text-align:center; margin-bottom: 35px; position: relative;}
	.search_area .srch_box {display:inline-block;}
	.search_area .srch_box .srch_help_box {display:inline-block;}
	.search_area .srch_box .btn_search {vertical-align: middle; background: #0078d7; height:43px; line-height:43px; padding: 0 25px; color: #fff; letter-spacing: -0.06em; margin-right: 6px;}
	.search_area select {display: inline-block;  height: 43px; padding-left: 10px; vertical-align: middle; font-size: 15px; min-width: 135px; background: #fff; color: #333; margin-right: 5px; letter-spacing: 0; border: 1px solid #bebebe;}
	.search_area input {height: 43px; width: 285px; float: left; border:1px solid#bebebe; border-right: 0; padding: 5px 9px; color: #333; font-size: 14px; letter-spacing: 0;}
	.search_area .btn_help {display: inline-block; vertical-align: middle; border: 1px solid #0078d7; background: #fff; padding: 5px 10px; border-radius: 25px; box-sizing: border-box; color: #0078d7;}
	.search_area .btn_help span {padding-right: 15px; position: relative;}
	/* 아카이브자료실 상세검색 */
	.search_area .btn_help span:after {content: ''; position: absolute; right: 0; top: 6px; width: 7px; height: 11px; background: url('../images/sub/ic_shortcut_down.png') no-repeat center; margin-right: 3px;}
	.search_area .btn_help.open span:after {background: url('../images/sub/ic_shortcut_up.png') no-repeat center;}

	.keyword_box {margin-top: 15px;}
	.keyword_box strong {display: inline-block; vertical-align: middle; font-weight: 500; color: #0078d7; margin-right: 10px;}
	.keyword_box ul {display: inline-block; vertical-align: middle;}
	.keyword_box ul li {display: inline-block; margin-right: 10px; color: #121212; font-weight: 300;}

/* ================================
	detail_search
=============================== */

	/* 공통 */
	.d_search_header {display: none;}

	.d_search_btn_box {display: inline-block; vertical-align: middle;}
	.d_search_btn span {color: #121212; font-size: 15px; letter-spacing: -0.06em;}

	.detail_search {padding: 20px; border: 1px solid #acacac; box-sizing: border-box;}
	.d_search_cate > ul > li {display: table; table-layout: fixed; width: 100%;}
		.d_search_cate .cate_tit {display: table-cell; vertical-align: middle; width: 130px; background: #636f79; padding: 9px 15px 10px; box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, 0.15);}
		.d_search_cate .cate_tit strong {display: block;color: #fff; font-weight: 400; font-size: 15px; letter-spacing: 0;}
		.d_search_cate .cate_list {display: table-cell; width: auto; border-bottom: 1px solid #e3e3e3;}
		.d_search_cate .cate_list {position: relative; padding: 4px 8px; vertical-align: middle; background: #f9f9f9;}
		.d_search_cate .cate_list > ul > li {padding: 2px; display: inline-block;}
		.d_search_cate .cate_list > ul > li a {display: inline-block; padding: 1px 8px 2px 7px; box-sizing: border-box;  font-size: 14px; letter-spacing: 0; color: #121212; font-weight: 300;}
		.d_search_cate .cate_list li a.selected {background: #fff; color: #0078d7; border: 1px solid #0078d7; font-weight: 400;}
		.d_search_cate > ul > li:first-child .cate_tit {border-top-color: #636f79;}
		.d_search_cate > ul > li:first-child .cate_list {border-top: 1px solid #e3e3e3;}

		.d_search_opt li {display: inline-block; margin-right: 15px;}
		.d_search_opt li:last-child {margin-right: 0;}
		.d_search_opt li .option {display: inline-block; vertical-align: middle;}
		.d_search_opt li .option > a {border: 1px solid #ccc; height: 30px; line-height: 27px; box-sizing: border-box; float: left; margin-left: -1px; font-size: 14px; padding: 0 11px; letter-spacing: -0.06em; background: #fff; color: #121212; font-weight: 300;}
		.d_search_opt li .option > a:first-child {margin-left: 0;}
		.d_search_opt li .option > a.selected {position: relative; z-index: 1;}
		.d_search_opt li .option > a.selected:after {content: ''; display: inline-block; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 5px solid #0078d7; margin-left: 6px; vertical-align: 2px;}

		.calendar {display: inline-block; margin-left: 5px;}
		.calendar .ic_hyphen {color: #c2c2c2; font-size: 14px; margin-left: 1px; margin-right: 2px;}
		.calendar .btn_g {display: inline-block; vertical-align: top; border: 1px solid #585858; background: #636363; color: #fff; width: 50px; height: 30px; line-height: 27px; text-align: center; font-size: 14px; letter-spacing: -0.06em; box-sizing: border-box; margin-left: 3px;}
		.calendar_input {position: relative; display: inline-block; border: 1px solid #e1e1e1; box-sizing: border-box; width: 100%; max-width: 105px; height: 30px; line-height: 30px; background: #fff;}
		.calendar_input .input_text {width: 100%; max-width: calc(100% - 27px); height: 100%; vertical-align: top; border: 0; letter-spacing: -0.06em; color: #555; font-size: 14px; font-weight: 300; padding: 5px;}
		.calendar_input .btn_calendar {position: absolute; width: 27px; height: 100%; background: url('../images/sub/ic_calendar.png') no-repeat center; text-indent: -9999px; top: 0; right: 0;}
		.calendar_input img {position: absolute; top: 50%; margin-top: -8px; right: 7px; padding: 0 !important;}

	.detail_search .btn_box {margin-top: 20px; text-align: center;}
	.detail_search .btn_type1 { display:inline-block; height:40px; background:#000; padding:0 43px; letter-spacing: -0.02em; color:#fff;}

	/* 상세검색 btn */
	.search_area .d_search_btn {position: absolute; right: 25px; bottom: 25px; border: 1px solid #959595; background: #fff; padding: 10px; box-sizing: border-box;}
	.search_area .d_search_btn span:after {content: ''; display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; margin-left: 6px; vertical-align: 2px;}
	.search_area .d_search_btn.open span:after {border-top: 0; border-bottom: 6px solid #000;}
	.search_area .d_search_btn .btn_req { background:url(../images/sub/ic_shortcut_g.png) no-repeat right 2px; padding-right:15px; color: #121212; font-size: 15px; letter-spacing: -0.06em;}	/* 자료문의 버튼 이미지 */

	/* 상세검색 선택 list */
	.d_search_selected_list {background: #eef2f5; padding: 8px; margin-bottom: 35px; position: relative; margin-top: 35px; min-height: 52px; box-sizing: border-box;}
	.d_search_selected_list ul {position: relative; overflow: hidden; padding-right: 100px;}
	.d_search_selected_list li {display: inline-block; margin: 2px 1px; border: 1px solid #0078d7; box-sizing: border-box; background: #fff; padding: 4px 8px;}
	.d_search_selected_list li span {font-size: 14px; color: #0078d7; letter-spacing: -0.02em;}
	.d_search_selected_list li .btn_del {display: inline-block; text-indent: -9999px; background: url('../images/sub/btn_del.png') no-repeat center; background-size: 9px; width: 15px; height: 15px;}

	.d_search_selected_list .btn_reset {position: absolute; right: 8px; top: 13px; border-left: 1px solid #ced1d3; color: #333; box-sizing: border-box; padding: 6px 13px; font-size: 14px;}
	.d_search_selected_list .btn_reset span {position: relative; padding-left: 15px;}
	.d_search_selected_list .btn_reset span:before {content: ''; position: absolute; width: 12px; height: 12px; background: url('../images/sub/ic_reset.png') no-repeat center; left: 0; top: 5px;}


	/* 통합검색 */



/* ================================
	board_list_wrap
================================ */

	/* common */
	.board_list_wrap {word-break: keep-all;}

	.board_list_wrap .tit_box {position: relative;}
	.board_list_wrap .tit_box .ic_scrap {left: 0; top: 2px;}
	.board_list_wrap .tit_box .ic_scrap + a {padding-left: 38px;}
	.board_list_wrap .tit_box a {display: inline-block; vertical-align: top; margin-bottom: 10px; font-size: 23px; color: #121212; font-weight: 500; letter-spacing: -0.04em;}
	.board_list_wrap .tit_box a:hover, .board_list_wrap .tit_box a:focus {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}

	.board_list_wrap .btn_box {display: table; table-layout: fixed; width: 100%;}
	.board_list_wrap .btn_box .dsc_box {display: table-cell; vertical-align: middle; width: 80%;}
	.board_list_wrap .btn_box .btn_area {display: table-cell; vertical-align: middle; width: 20%; text-align: right; margin-top: 0;}

	.board_list_wrap .txt_box {font-size: 15px; font-weight: 300; line-height: 24px; letter-spacing: 0; margin-bottom: 12px; max-height: 48px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2;}

	.board_list_wrap .dsc_box li {font-size: 14px; letter-spacing: -0.02em; position: relative; margin-right: 10px; display: inline-block; color:#121212; padding-right: 15px;}
	.board_list_wrap .dsc_box li > span {color:#666; margin-right: 5px; display: inline-block;}
	.board_list_wrap .dsc_box li:after {content: ''; background: url('../images/common/bar.gif') no-repeat right 5px; width: 1px; height: 100%; position: absolute; right: 0; top: 0;}
	.board_list_wrap .dsc_box li:last-child:after {content: none;}
	.board_list_wrap .dsc_box li:last-child {padding-right: 0; margin-right: 0;}

	.board_list_wrap .dsc_box .tit {font-size: 14px; letter-spacing: -0.02em; color:#666; margin-right: 5px;}
	.board_list_wrap .dsc_box .txt {font-size: 14px; letter-spacing: -0.02em; color:#121212;}
	.board_list_wrap .dsc_box .bar {display: inline-block; overflow: hidden; width: 0; height: 12px; margin: -1px 7px 1px 9px; border-left: 1px solid #ccc; vertical-align: middle;}

	.board_list_wrap .thumb {position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
	.board_list_wrap .thumb.no_thumb {background: url('../images/common/noImage.png') no-repeat center #f7f8fa !important;}

	.board_list_wrap .tag_box {margin-top: 12px;}
	.board_list_wrap .tag_box li {display: inline-block; border: 1px solid #0078d7; background: #fff; padding: 2px 12px 5px; border-radius: 25px; box-sizing: border-box; margin: 2px 0; min-width: 60px; text-align: center;}
	.board_list_wrap .tag_box li span {color: #0078d7; font-weight: 300; font-size: 13px;}


	/* 리스트형 */
	.board_list_txt > ul > li {border-bottom: 1px solid #dedede; box-sizing: border-box; padding: 4% 0 3%;}

	.board_list_txt02 > ul > li {border-bottom: 1px solid #dedede;}
	.board_list_txt02 > ul > li.nolist {padding: 12px 0 13px; text-align: center; font-weight: 300; letter-spacing: -0.02em;}
	.board_list_txt02 .info_area {padding: 3% 20px;}
	.board_list_txt02 .tit_box {display: block; font-size: 21px; color: #121212; font-weight: 500; letter-spacing: -0.04em;}
	.board_list_txt02 .tit_box > span {display: block; margin-bottom: 7px; margin-left: -1px;}
	.board_list_txt02 .tit_box font, .board_list_txt02 .tit_box b {color: #0078d7; font-weight: inherit;} /* 키워드 용도로 사용 */
	.board_list_txt02 .dsc_box .txt b, .board_list_txt02 .dsc_box .txt font {color: #0078d7; font-weight: inherit;}
	.board_list_txt02 .list_top {display: table; width: 100%; table-layout: fixed;} /* 첨부파일이 있는 경우 */
	.board_list_txt02 .list_top .info_area {display: table-cell;} /* 첨부파일이 있는 경우 */

	/* 썸네일형 */
	.board_list_thumb01 > ul > li {border-bottom: 1px solid #dedede; box-sizing: border-box; padding: 3% 0;}
	.board_list_thumb01 .thumb_area {display: table-cell; vertical-align: top; cursor: pointer; width: 210px; height: 150px; position: relative;}
	.board_list_thumb01 .thumb {width: 210px; height: 150px;}
	.board_list_thumb01 .thumb:after {content:""; position:absolute; bottom:0; right:0; top:0; left:0; background: rgba(0, 0, 0, 0.2);}
	.board_list_thumb01 .thumb:before {content:""; border:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; background: url('../images/common/noImage.png') no-repeat center #fafafa; z-index: -1;}
	.board_list_thumb01 .thumb.video_thumb:after {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/sub/ic_play.png') no-repeat center rgba(0, 0, 0, 0.2); background-size: 50px;}
	.board_list_thumb01 .thumb_area .time {position: absolute; z-index: 2; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; font-family: 'Dotum', '돋움'; font-size: 12px; padding: 5px 5px; line-height: 100%;}

	.board_list_thumb01 .info_area {display: table-cell; vertical-align: top; width: calc(100% - 210px); padding-left: 30px; box-sizing: border-box;}
	.board_list_thumb01 .tit_box a {line-height: 100%;}

	/* 도서PICK */
	.board_list_thumb01.type02 .thumb_area {width: 130px; height: 189px;}
	.board_list_thumb01.type02 .thumb {width: 130px; height: 189px;}
	.board_list_thumb01.type02 .thumb:before {border: 0;}
	.board_list_thumb01.type02 .thumb:after {border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; background: none;}

	/* 썸네일형2 */
	.board_list_thumb02 > ul > li {border-bottom: 1px solid #dedede;}
	.board_list_thumb02 .list_top {padding: 3% 0;}
	.board_list_thumb02 .thumb_area {display: table-cell; vertical-align: middle; width: 175px; height: 125px; padding-right: 20px;}
	.board_list_thumb02 .thumb {width: 175px; height: 125px; position: relative;}
	.board_list_thumb02 .thumb:before {content:""; border:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; background: url('../images/common/noImage.png') no-repeat center #fafafa; z-index: -1;}
	.board_list_thumb02 .info_area {display: table-cell; vertical-align: middle;}
	.board_list_thumb02 .tit_box a {margin-bottom: 7px; font-size: 21px;}


	/* 갤러리형 */
	.board_list_gallery {border-bottom: 1px solid #dedede; padding: 3% 0 2.5%;}
	.board_list_gallery > ul {overflow: hidden;}
	.board_list_gallery > ul > li {float: left; width: calc((100% - 75px) / 4); margin: 15px 25px 15px 0;}
	.board_list_gallery > ul > li:nth-child(4n+4) {margin-right: 0;}
	.board_list_gallery > ul > li:nth-child(4n+4) + li {clear: both;}

	.board_list_gallery .thumb_area {width: 100%; height: 160px; position: relative;}
	.board_list_gallery .thumb {width: 100%; height: 100%;}
	.board_list_gallery .thumb:before {content:""; border:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; background: url('../images/common/noImage.png') no-repeat center #fafafa; z-index: -1;}
/* 	.board_list_gallery .thumb:after {content:""; position:absolute; bottom:0; right:0; top:0; left:0; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box;} */

	.board_list_gallery .tit_box {display: block; margin: 12px 0 8px; font-size: 16px; color: #121212; letter-spacing: -0.04em; min-height: 48px; max-height: 48px; overflow: hidden;}
	.board_list_gallery a:hover .tit_box {text-decoration: underline; text-underline-position: under; -ms-text-underline-position: under;}

	.board_list_gallery .dsc_box li {font-size: 13px; margin-right: 5px;}
	.board_list_gallery .dsc_box li {padding-right: 10px;}

	.board_list_gallery .dsc_box .tit, .board_list_gallery .dsc_box .txt {font-size: 13px;}
	.board_list_gallery .dsc_box .bar {margin: -1px 5px 1px 6px;}

	/* 영상 */
	.board_list_video {}
	.board_list_video > ul > li {margin-bottom: 50px;}

	.board_list_video .tit_box {position: relative;}
	.board_list_video .tit_box .tit {display: block; margin-bottom: 10px; font-size: 23px; color: #121212; font-weight: 500; letter-spacing: -0.04em; padding-right: 135px; box-sizing: border-box;}
	.board_list_video .tit_box .filter_area {position: absolute; right: 0; top: 5px;}
	.board_list_video .txt_box {font-size: 16px; color: #333; letter-spacing: -0.02em;}
	/* KACES-CSR-2716, 꿈오소식, 20211110, 유승열 */
	.board_list_video .txt_box img { max-width: 10%; display: block;	margin: 0% 100% 0% 0%;  }

	.board_list_video .video_list ul {position: relative; overflow: hidden; height: 235px;}  /* 추후 개수 조정 시 삭제 예정 */
	.board_list_video .video_list li {float: left; margin-right: 1%; width: calc(96% / 5);}
	.board_list_video .video_list li:nth-child(5n+5) {margin-right: 0;}
	.board_list_video .video_thumb {position: relative; overflow: hidden; width: 100%; height: 155px;}
	.board_list_video .video_thumb:after {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/sub/ic_play.png') no-repeat center; background-size: 65px;}
	.board_list_video .video_list a:before {content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #e1e1e1; top: 0; left: 0; box-sizing: border-box;}
	.video_list .thumb {width: 100%; height: 100%; transition: all 0.2s ease-in-out;}
	.video_list .time {position: absolute; z-index: 2; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; font-family: 'Dotum', '돋움'; font-size: 12px; padding: 5px 5px; line-height: 100%;}
	.video_list a {position: relative; display: block; width: 100%; height: 100%;}
	.video_list a:hover .video_thumb .thumb {transform: scale(1.1); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.1);}
	.board_list_video .video_tit {padding: 12px 10px; color: #333; line-height: 22px; letter-spacing: -0.02em; min-height: 80px; box-sizing: border-box;}
	.board_list_video .video_tit span {display: block; max-height: 43px; overflow: hidden;}

	/* KACES-CSR-2716, 꿈오소식, 20211110, 유승열 */
	/* 사진, PDF, 기타 .. */
	.board_list_video .tit_box2 {position: relative;}
	.board_list_video .tit_box2 .tit {display: block; margin-bottom: 10px; font-size: 23px; color: #121212; font-weight: 500; letter-spacing: -0.04em; padding-right: 135px; box-sizing: border-box;}
	.board_list_video .tit_box2 .filter_area {position: absolute; right: 0; top: 5px;}
	.board_list_video .txt_box2 {font-size: 16px; color: #333; letter-spacing: -0.02em;}
	
	.board_list_video .txt_box2 > p { display: block;}
	.board_list_video .txt_box2 img { max-width: 10%; display: block;	margin: 0% 100% 0% 0%;  }

	.board_list_video .other_list ul {position: relative; overflow: hidden; height: 235px;}  /* 추후 개수 조정 시 삭제 예정 */
	.board_list_video .other_list li {float: left; margin-right: 1%; width: calc(96% / 5);}
	.board_list_video .other_list li:nth-child(5n+5) {margin-right: 0;}
	.board_list_video .other_thumb {position: relative; overflow: hidden; width: 100%; height: 155px;}
	.board_list_video .other_thumb:after {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/sub/ic_play.png') no-repeat center; background-size: 65px;}
	.board_list_video .other_list a:before {content: ''; position: absolute; width: 100%; height: 100%; border: 1px solid #e1e1e1; top: 0; left: 0; box-sizing: border-box;}
	.video_list .thumb {width: 100%; height: 100%; transition: all 0.2s ease-in-out;}
	.video_list .time {position: absolute; z-index: 2; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; font-family: 'Dotum', '돋움'; font-size: 12px; padding: 5px 5px; line-height: 100%;}
	.video_list a {position: relative; display: block; width: 100%; height: 100%;}
	.video_list a:hover .other_thumb .thumb {transform: scale(1.1); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.1);}
	.board_list_video .other_tit {padding: 12px 10px; color: #333; line-height: 22px; letter-spacing: -0.02em; min-height: 80px; box-sizing: border-box;}
	.board_list_video .other_tit span {display: block; max-height: 43px; overflow: hidden;}
	
	.testImg > img {width:10%;height:10%; max-height:70px; margin: 0 0; float: left;}

	/* 20210914 add */
	.board_list_video .pdf_thumb {position: relative; overflow: hidden; width: 100%; height: 180px;}

	/* le891027 add */
	.board_list_video .photo_thumb {position: relative; overflow: hidden; width: 100%; height: 155px;}
	.board_list_video .photo_thumb:before {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0;}
	.video_list a:hover .photo_thumb .thumb {transform: scale(1.1); -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.1);}

	.board_list_video .video_thumb:before, .board_list_video .photo_thumb:before {content:""; border:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; background: url('../images/common/noImage.png') no-repeat center #fafafa; z-index: -1;}

/* ================================
	첨부파일
================================ */
	/* comm */
	.file_area {border-top: 1px solid #ebebeb; background: #fafafa; padding: 12px 20px;}
	.file_area > ul > li {position: relative; margin: 7px 0; display: table; box-sizing: border-box;}
	.file_area > ul > li > a, .file_area > ul > li > span {font-size: 14px; font-weight: 300; display: table-cell; position: relative;}
	.file_area .btn_file {display: table-cell; width: 140px; padding-left: 14px; box-sizing: border-box;}
	.file_area .file_down {display: inline-block; border: 1px solid #0078d7; box-sizing: border-box; width: 60px; height: 24px; line-height: 22px; color: #0078d7; font-size: 13px; letter-spacing: -0.02em; text-align: center; background: #fff;}
	.file_area .file_view {display: inline-block; border: 1px solid #898989; box-sizing: border-box; width: 60px; height: 24px; line-height: 22px; color: #555; font-size: 13px; letter-spacing: -0.02em; text-align: center; background: #fff; margin-left: 3px;}
	.file_area .nolist {font-size: 14px; font-weight: 300; display: block;}

	/* icon */
	.file_area > ul > li > a[class^="file_"], .file_area > ul > li > span[class^="file_"] {padding-left: 20px;}
	.file_area > ul > li > a[class^="file_"]:before, .file_area > ul > li > span[class^="file_"]:before {content: ''; position: absolute; left: 0; top: 4px; width: 17px; height: 16px; background-image: url("../images/common/ic_file.gif"); background-repeat: no-repeat; background-position: left center;}
	.file_jpg:before {background-image:url(../images/common/ic_file_jpg.gif) !important;}
	.file_bmp:before { background-image:url(../images/common/ic_file_bmp.gif) !important;}
	.file_gif:before { background-image:url(../images/common/ic_file_gif.gif) !important;}
	.file_hwp:before { background-image:url(../images/common/ic_file_hwp.gif) !important;}
	.file_med:before { background-image:url(../images/common/ic_file_med.gif) !important;}
	.file_mov:before { background-image:url(../images/common/ic_file_med.gif) !important;}
	.file_pdf:before { background-image:url(../images/common/ic_file_pdf.gif) !important;}
	.file_png:before { background-image:url(../images/common/ic_file_png.gif) !important;}
	.file_ppt:before, .file_pptx:before { background-image:url(../images/common/ic_file_ppt.gif) !important;}
	.file_xls:before, .file_xlsx:before { background-image:url(../images/common/ic_file_xls.gif) !important;}
	.file_zip:before { background-image:url(../images/common/ic_file_zip.gif) !important;}

	/* board list */
	.board_list_wrap .file_btn_area {display: table-cell; vertical-align: middle; width: 180px; text-align: right;}
	.board_list_wrap .file_area {display: none;}
	.board_list_wrap .board_list_thumb02 .file_area {padding-left: 220px;} /* 썸네일 타입일 경우 */

	.file_btn_area .btn_file {display: inline-block; vertical-align: middle; border: 1px solid #b7b7b7; background: #fff; color: #555; width: 140px; height: 44px; line-height: 42px; font-size: 15px; margin-left: 5px; padding: 0 10px; box-sizing: border-box;}
	.file_btn_area .btn_file span:after {content: ''; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; vertical-align: 1px; margin-left: 5px;}
	.file_btn_area .btn_view02 {display: inline-block; vertical-align: middle; border: 1px solid #111; background: #000; color: #fff; height: 35px; line-height: 33px; font-size: 14px; margin-left: 5px; padding: 0 12px; box-sizing: border-box;}

		/* button hover */
		.file_btn_area .btn_file.open, .file_btn_area .btn_file:hover, .file_btn_area .btn_file:focus {border-color: #959595;}
		.file_btn_area .btn_file.open, .file_btn_area .btn_file:hover, .file_btn_area .btn_file:focus {color: #121212;}
		.file_btn_area .btn_file.open span:after {border-top: 0; border-bottom: 7px solid #000;}
		.file_btn_area .btn_file:hover span:after, .file_btn_area .btn_file:focus span:after {border-bottom-color: #000;}

	/* board view */
	.board_view .file_area {border-bottom: 1px solid #dedede; border-top: 0; background: #fafafa; padding: 2% 3%; box-sizing: border-box;}



/* ================================
	공유하기
================================ */
.fnc_area {display: inline-block; vertical-align: top; width: 100%; margin-bottom: 15px;}
	.fnc_area > ul {float: right;}
	.fnc_area > ul > li {float: left; margin-left: 3px; position: relative;}

	.fnc_area .fnc_mail {display: block; width: 30px; height: 30px; text-indent: -9999px; background: url('../images/sub/fnc_mail.png') no-repeat center;}
	.fnc_area .fnc_print {display: block; width: 30px; height: 30px; text-indent: -9999px; background: url('../images/sub/fnc_print.png') no-repeat center;}
	.fnc_area .fnc_link {display: block; width: 30px; height: 30px; text-indent: -9999px; background: url('../images/sub/fnc_link.png') no-repeat center;}
	.fnc_area .fnc_facebook {display: block; width: 30px; height: 30px; text-indent: -9999px; background: url('../images/sub/fnc_facebook.png') no-repeat center;}
	.fnc_area .fnc_twitter {display: block; width: 30px; height: 30px; text-indent: -9999px; background: url('../images/sub/fnc_twitter.png') no-repeat center;}
	.fnc_area .fnc_scrap {display: block; width: 75px; height: 30px; line-height: 28px; margin-left: 2px; border: 1px solid #1985db; border-radius: 25px; color: #0078d7;  font-size: 13px; font-weight: 500; letter-spacing: -0.04em;}
	.fnc_area .fnc_scrap span:after {content: ''; display: inline-block; width: 13px; height: 13px; background: url('../images/sub/fnc_scrap.png') no-repeat center; margin-left: 3px; vertical-align: -1px;}


/* ================================
	prev_next
================================ */
.prev_next { position:relative; overflow: hidden; box-sizing:border-box; width:100%; margin-top:100px; border-top:1px solid #d4d4d4;}
	.prev_next dl { display:table; table-layout: fixed; width: 100%; border-bottom:1px solid #d4d4d4;}
	.prev_next dl:hover {background: #f7f7f7;}
	.prev_next dt { display: table-cell; width:110px; padding: 0 25px; line-height:58px; font-size:15px; font-weight:500; text-align: center; color:#121212; box-sizing: border-box;}
	.prev_next dt .prev:before {content: ''; display: inline-block; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-bottom: 10px solid #000; margin-right: 10px; margin-bottom: 1px;}
	.prev_next dt .next:before {content: ''; display: inline-block; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 10px solid #000; margin-right: 10px; margin-bottom: 1px;}
	.prev_next dd { display: table-cell; line-height:58px; font-weight:300;}
	.prev_next dd a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; width: calc(100% - 110px); vertical-align: top;}
	.prev_next dd a:hover, .prev_next dd a:focus {text-decoration:underline;}
	.prev_next dd .date { float:right; font-size:13px; letter-spacing:0; padding: 0 20px 0 15px; box-sizing: border-box;}
	.prev_next .ic_tit_navy, .prev_next .ic_tit_blue {margin-right: 8px; vertical-align: 1px;}


/* ================================
	btn
================================ */
.box_youtube + .btn_area {margin-top: 115px;} /* 유튜브 바로가기 박스 뒤에 오는 하단 버튼영역 */
.btn_area { position: relative; display:block; margin-top:40px; text-align:right;}
.btn_area.type02 {padding-top: 30px; border-top: 1px solid #dedede;}
.btn_area [class^="btn_"] {display:inline-block; margin-left: 10px; padding: 0 5%; box-sizing: border-box; text-align: center;}
.btn_area [class^="btn_"]:first-child {margin-left: 0;}
.btn_area .btn_view {height: 40px; line-height: 36px; background: #fff; border: 1px solid #7f7f7f; color: #000; width: 100%; max-width: 124px;}
.btn_area .btn_type1 { display:inline-block; height:44px; line-height:44px; background:#000; padding:0 45px; margin-left:10px; letter-spacing: -0.02em; color:#fff;}
.btn_area .btn_type2 { display:inline-block; height:44px; line-height:44px; background:#000; padding:0 30px; margin-left:10px; letter-spacing: -0.02em; color:#fff;}



/* ================================
	icon
=============================== */
.ic_notice { display:inline-block; color: #fff; background:#0078d7; padding:6px 10px 7px; font-size:13px; line-height: 100%; font-weight: 400;}
.ic_tit_navy {display:inline-block; font-size:14px; box-sizing:border-box; padding:5px 9px 6px 7px; background: #0e385c; color:#fff; vertical-align:4px; line-height:100%; font-weight: 400; margin-right: 7px;}
.ic_tit_blue {display:inline-block; font-size:14px; box-sizing:border-box; padding:5px 9px 6px 7px; background: #0078d7; color:#fff; vertical-align:4px; line-height:100%; font-weight: 400; margin-right: 7px;}
.ic_scrap {position: absolute; left: 7px; top: 0; background: url('../images/sub/ic_scrap.png') no-repeat; background-size: 100%; width: 30px; height: 39px; display: block; text-indent: -9999px;}

/* ================================
	paging
================================ */
.paging { text-align:center; margin-top:50px;}
	.paging ul { display:inline-block; vertical-align: middle;}
	.paging li {float:left;}
	.paging li a {display: block; width: 33px; height: 33px; line-height: 31px; box-sizing: border-box; color: #000; font-weight: 300;}
	.paging li:not([class^="btn_"]) {margin-right: 7px;}
	.paging li:not([class^="btn_"]):last-child {margin-right: 0;}
	.paging li:not([class^="btn_"]) a {border: 1px solid transparent;}
	.paging li:not([class^="btn_"]) a.on, .paging li:not([class^="btn_"]) a:hover, .paging li:not([class^="btn_"]) a:focus {border-color: #000;}

	/* btn */
	.paging .btn_first {text-indent: -9999px; background:url(../images/sub/btn_page_first.gif) no-repeat center; margin-right: 5px;}
	.paging .btn_prev {text-indent: -9999px; background:url(../images/sub/btn_page_prev.gif) no-repeat center; margin-right: 15px;}
	.paging .btn_next {text-indent: -9999px; background:url(../images/sub/btn_page_next.gif) no-repeat center; margin-left: 8px;}
	.paging .btn_last {text-indent: -9999px; background:url(../images/sub/btn_page_last.gif) no-repeat center; margin-left: 5px;}


/* ================================
	board_view
================================ */
.board_view {position: relative;}

	.board_view .dsc_box .tit {font-size: 14px; letter-spacing: -0.02em; color:#666; margin-right: 5px;}
	.board_view .dsc_box .txt {font-size: 14px; letter-spacing: -0.02em; color:#121212;}
	.board_view .dsc_box .bar {display: inline-block; overflow: hidden; width: 0; height: 12px; margin: -1px 7px 1px 8px; border-left: 1px solid #ccc; vertical-align: middle;}

	/* 타이틀 - type01 */
	.board_view.type01 .title_area {border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding:40px 20px; box-sizing: border-box; word-break: keep-all; word-wrap: break-word;}
	.board_view.type01 .title_area .tit_box { font-size:26px; color:#121212; font-weight: 500; position: relative;}
	.board_view.type01 .title_area .tit_box .ic_scrap {left: 0; top: 4px;}
	.board_view.type01 .title_area .tit_box .ic_scrap + .tit {padding-left: 38px;}
	.board_view.type01 .title_area .dsc_box { display:block; text-align:left; margin-top:10px;}
	.board_view.type01 .title_area .dsc_box ul {font-size:15px;}
	.board_view.type01 .title_area .dsc_box li {position: relative; margin-right: 8px; display: inline-block; font-size: 14px; letter-spacing: -0.02em; color:#000; padding-right: 12px;}
	.board_view.type01 .title_area .dsc_box li span {color: #666; margin-right: 3px; display: inline-block;}
	.board_view.type01 .title_area .dsc_box li:after {content: ''; background: url('../images/common/bar.gif') no-repeat right 4px; width: 1px; height: 100%; position: absolute; right: 0; top: 0;}
	.board_view.type01 .title_area .dsc_box li:last-child:after {content: none;}
	.board_view.type01 .title_area .dsc_box li:last-child {margin-right: 0; padding-right: 0;}
	.board_view.type01 .txt_box {font-size: 15px; font-weight: 300; line-height: 24px; letter-spacing: 0; margin-top: 10px;}
	.board_view.type01 .ic_notice {vertical-align: 4px; margin-right: 10px;}

	/* 타이틀 - type02 */
	.board_view.type02 .title_area {border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding:30px 20px; box-sizing: border-box; word-break: keep-all; word-wrap: break-word; display: table; table-layout: fixed; width: 100%;}
	.board_view.type02 .title_area .tit_box { font-size:28px; color:#121212; font-weight: 500;}
	.board_view.type02 .title_area .dsc_box { display:block; text-align:left; margin-top:12px;}
	.board_view.type02 .title_area .dsc_box li {position: relative; font-size: 16px; letter-spacing: -0.02em; margin-top: 5px; color:#121212;}
	.board_view.type02 .title_area .dsc_box li span { color:#666; margin-right: 7px; display: inline-block;}
	.board_view.type02 .thumb_area {display: table-cell; vertical-align: middle; width: 155px; height: 225px; position: relative;}
	.board_view.type02 .thumb {width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
	.board_view.type02 .thumb:before {content:""; border:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; background: url('../images/common/noImage.png') no-repeat center #fafafa; z-index: -1;}
	.board_view.type02 .info_area {display: table-cell; vertical-align: middle; padding-left: 40px; box-sizing: border-box;}

	.board_view.type02 .dsc_box .tit, .board_view.type02 .dsc_box .txt {font-size: 16px;}
	.board_view.type02 .dsc_box p {margin-top: 5px;}

	/* 타이틀 - type02_1 (type2 변형) */
	.board_view.type02_1 .title_area {border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding:30px 20px; box-sizing: border-box; word-break: keep-all; word-wrap: break-word;}
	.board_view.type02_1 .title_area .tit_box { font-size:28px; color:#121212; font-weight: 500;}
	.board_view.type02_1 .title_area .dsc_box { display:block; text-align:left; margin-top:10px;}
	.board_view.type02_1 .title_area .dsc_box li {position: relative; margin-right: 11px; display: inline-block; font-size: 14px; letter-spacing: -0.02em; line-height: 25px; color:#121212; padding-right: 15px;}
	.board_view.type02_1 .title_area .dsc_box li span { color:#666; margin-right: 5px; display: inline-block;}
	.board_view.type02_1 .title_area .dsc_box li:after {content: ''; background: url('../images/common/bar.gif') no-repeat right 7px; width: 1px; height: 100%; position: absolute; right: 0; top: 0;}
	.board_view.type02_1 .title_area .dsc_box li:last-child:after {content: none;}
	.board_view.type02_1 .title_area .dsc_box li:last-child {padding-right: 0; margin-right: 0;}

	/* 내용 */
	.board_view .cont_area {overflow: hidden; min-height:300px; padding:40px 20px 55px; color: #222; font-size:15px; font-weight:300; line-height: 180%; word-break: keep-all; word-wrap: break-word; letter-spacing: 0;}
	.board_view .cont_area img {max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}
	.board_view .cont_sec {padding: 20px 0;}
	.board_view .cont_sec dt {font-size: 20px; font-weight: 500; color: #0078d7; margin-bottom: 15px;}
	.board_view .cont_sec dd strong {font-size: 16px; font-weight: 500; color: #121212; display: inline-block; margin-bottom: 10px;}
	.board_view .cont_sec dd {margin-top: 15px;}
	.board_view .cont_sec dd:first-child {margin-top: 0;}
	.board_view .cont_area table {margin-bottom: 15px; border: 1px solid #e0e0e0;}
	.board_view .cont_area table th, .board_view .cont_area table td {padding: 10px 15px; border: 1px solid #e0e0e0;}

	/* 개요 */
	.board_view .summary_area {font-size: 16px; font-weight: 400; color: #202020; margin-bottom: 50px; word-break: keep-all;}

	/* 태그 */
	.board_view .tag_area {border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #f3f3f3; padding: 18px 30px; box-sizing: border-box; display: table; table-layout: fixed; width: 100%; margin-top: 60px; min-height: 60px;}
	.board_view .tag_area .ic_tag {position: absolute; left: 30px; width: 23px; height: 23px; text-indent: -9999px; background: url('../images/sub/ic_tag.png') no-repeat;}
	.board_view .tag_area > ul {width: 100%; line-height: 150%; padding-left: 38px; box-sizing: border-box;}
	.board_view .tag_area > ul > li {display: inline-block; font-size: 15px; letter-spacing: -0.04em;}
	.board_view .tag_area > ul > li:after {content: ','; padding-right: 5px;}
	.board_view .tag_area > ul > li:last-child:after {content: none;}

	/* 원문 바로가기 */
	.original_area {padding: 40px 0 20px; text-align: center; letter-spacing: -0.02em; border-top:1px solid #dedede;}
	.original_area .ic_info > span {position: relative; padding-left: 25px;}
	.original_area .ic_info > span:before {content: ''; position: absolute; left: 0; top: 1px; background: url('../images/sub/ic_info02.png') no-repeat; width: 20px; height: 20px;}
	.original_area .btn_shortcut {display: inline-block; padding: 13px 10px 14px; min-width: 260px; box-sizing: border-box; background: #0078d7; margin-top: 15px}
	.original_area .btn_shortcut span {color: #fff; font-size: 18px; font-weight: 500; color: #fff;}
	.original_area .btn_shortcut span:after {content: ''; display: inline-block; background: url('../images/sub/ic_shortcut_w.png') no-repeat;  width: 8px; height: 13px; margin-left: 5px;}
	.original_area .dis_b {margin-top: 5px;}

	/* 소장정보 */
	.book_possession {overflow: hidden; display: table; width: 100%; height: 125px;}
		.book_possession .tit_box {display: table-cell; vertical-align: top; padding-top: 3%; background: #48525b; color: #fff; width: 140px; height: 100%; font-size: 20px; font-weight: 500; text-align: center;}
		.book_possession .txt_box {display: table-cell; padding: 3%; background: #2d373f; color: #fff; height: 100%;}
		.book_possession .info_box {letter-spacing: 0; font-size: 14px; display: inline-block; line-height: 175%; position: relative; width: 100%; padding-right: 165px; box-sizing: border-box; word-break: keep-all;}
		.book_possession .info_box b {color: #1b90ec;}
		.book_possession .btn_reserve {background: #0078d7; display: inline-block; width: 155px; height: 44px; line-height: 44px; text-align: center; vertical-align: top; letter-spacing: -0.02em; position: absolute; top: 0; right: 0;}
		.book_possession .btn_reserve span:before {content: ''; display: inline-block; width: 18px; height: 18px; vertical-align: -4px; background: url('../images/sub/ic_reserve.png') no-repeat; margin-right: 5px;}

	/* 관련자료 */
	.reltaion_data_box {border-top: 2px solid #000; border-bottom: 1px solid #d4d4d4; word-break: keep-all;}
	.reltaion_data_box strong {display: block; font-size: 17px; font-weight: 500; color: #121212; padding: 17px 20px;}
	.reltaion_data_box strong:before {content: ''; display: inline-block; width: 21px; height: 21px; background: url('../images/sub/ic_clip.png') no-repeat; vertical-align: -4px; margin-right: 7px;}
	.reltaion_data_box dl {border-top: 1px solid #d4d4d4; background: #fafafa; padding: 25px 30px;}
	.reltaion_data_box dt {font-size: 18px; color: #121212; margin-bottom: 12px;}
	.reltaion_data_box dt a:hover, .reltaion_data_box dt a:focus {text-decoration:underline; -ms-text-underline-position: unset; text-underline-position: under;}
	.reltaion_data_box .txt_box {font-size: 15px; font-weight: 300; line-height: 24px; letter-spacing: 0; margin-bottom: 15px;}
	.reltaion_data_box .location_box ul {overflow: hidden; position: relative;}
	.reltaion_data_box .location_box li {float: left; font-size: 14px; position: relative;}
	.reltaion_data_box .location_box li:after {content: ''; background: url('../images/sub/ic_location_arrow_b.png') no-repeat; display: inline-block; width: 5px; height: 8px; margin: 0 9px;}
	.reltaion_data_box .location_box li:last-child:after {content: none;}

/* ================================
	아르떼 PICK > 볼만한 영상 & 동영상·사진
================================ */

	/* 공통 */
	.video_area .title_area {border: 10px solid #e1e1e1; background: #fff; text-align: center; padding: 38px 0; margin-bottom: 50px; box-sizing: border-box;}
	.video_area .title_area .tit_box {display: inline-block; margin-bottom: 6px; position: relative;}
	.video_area .title_area .tit_box .ic_scrap {left: 0; top: 4px;}
	.video_area .title_area .tit_box .ic_scrap + .tit {padding-left: 38px;}
	.video_area .title_area .tit_box .tit {color: #121212; font-size: 26px; font-weight: 500;}
	.video_area .dsc_box li {font-size: 14px; letter-spacing: -0.02em; position: relative; margin-right: 10px; display: inline-block; color:#121212; padding-right: 15px;}
	.video_area .dsc_box li > span {color:#666; margin-right: 5px; display: inline-block;}
	.video_area .dsc_box li:after {content: ''; background: url('../images/common/bar.gif') no-repeat right 4px; width: 1px; height: 100%; position: absolute; right: 0; top: 0;}
	.video_area .dsc_box li:last-child:after {content: none;}
	.video_area .dsc_box li:last-child {padding-right: 0; margin-right: 0;}

	.video_area .dsc_box .tit {font-size: 14px; letter-spacing: -0.02em; color:#666; margin-right: 5px;}
	.video_area .dsc_box .txt {font-size: 14px; letter-spacing: -0.02em; color:#121212;}
	.video_area .dsc_box .bar {display: inline-block; overflow: hidden; width: 0; height: 12px; margin: -1px 7px 1px 9px; border-left: 1px solid #ccc; vertical-align: middle;}

	.video_area .contents_area {position: relative; display: inline-block; width: 100%; vertical-align: middle;}
	.video_area .btn_box {position: absolute; bottom: -16px; width: 100%;}
	.video_area .btn_box .btn_more {display: none; margin: 0 auto; width: 95px; height: 32px; border: 1px solid #b7b7b7; padding: 4px 5px 5px; box-sizing: border-box; border-radius: 25px; background: #fff;}
	.video_area .btn_box .btn_more span {color: #666; font-size: 14px; padding-right: 15px; letter-spacing: -0.02em; position: relative;}
	.video_area .btn_box .btn_more span:after {content: ''; position: absolute; width: 9px; height: 5px; right: 0; top: 9px; background: url(../images/sub/ic_more.png) no-repeat;}
	.video_area .btn_box .btn_more.on {display: block;}
	.video_area .btn_box .btn_more.open span:after {transform: rotate(180deg);}

	/* 볼만한 영상 */
	.pick_video .video_box {float: left; width: 71%; padding-right: 4%; box-sizing: border-box;}
	.pick_video .video_box .video {height: 440px; background: url('../images/common/noImage.png') no-repeat center #fafafa;}
	.pick_video .video_box .video a {display: block; height: 100%; position: relative; overflow: hidden;}
	.pick_video .video_box .video a:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/sub/ic_play.png') no-repeat center;}
	.pick_video .video_box .video .thumb {display: block; width: 100%; height: 100%; text-indent: -9999px; transition: all 0.3s;}
	.pick_video .video_box .video .thumb:after {content:""; position:absolute; bottom:0; right:0; top:0; left:0; background: rgba(0, 0, 0, 0.3);}
	.pick_video .video_box .video a:hover .thumb, .pick_video .video_box .video a:focus .thumb {transform: scale(1.1);}
	.pick_video .video_box .time {position: absolute; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); color: #fff; font-family: 'Dotum', '돋움'; font-size: 16px; padding: 4px 5px;}

	.pick_video .video_box .tag {padding: 20px 0 50px; text-align: center;}
	.pick_video .video_box .tag li {display: inline-block; border: 1px solid #b2b2b2; border-radius: 60px; padding: 6px 13px; box-sizing: border-box; margin-top: 5px; min-width: 75px; text-align: center;}
	.pick_video .video_box .tag li span {color: #121212; letter-spacing: -0.08em; }

	.pick_video .txt_box_area {float: left; width: 29%; position: relative; }
	.pick_video .txt_box {height: 440px; border-bottom: 1px solid #dedede; padding-bottom: 50px;}
	.pick_video .txt_box .txt {color: #121212; line-height: 24px;}
	.pick_video .txt_box .txt pre {font-size: inherit; font-weight: inherit; font-family: inherit; white-space: pre-wrap;}
	.pick_video .txt_box .txt.more_conts {max-height: 440px; overflow: hidden;}

	.pick_video {border-bottom: 1px solid #ccc;}
	.pick_video > ul > li {padding-bottom: 40px;}

	/* 동영상·사진 */
	.board_view_video .summary_area {text-align: left; /* padding: 0 5%; */ font-weight: 300;}
	.board_view_video .video_box {float: left; width: 69.5%; position: relative;}
	.board_view_video .video_box .video {height: 560px; background: url('../images/common/noImage.png') no-repeat center #fafafa;}
	.board_view_video .vedeo_tit {margin: 20px 0; position: relative;}
	.board_view_video .vedeo_tit .tit_box {display: block; margin-bottom: 6px; color: #121212; font-size: 23px; font-weight: 500; word-break: keep-all; padding-right: 130px;}
	.board_view_video .view_count {position: absolute; right: 0; top: 0; letter-spacing: -0.02em;}
	.board_view_video .view_count:before {content:''; display: inline-block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #252525; margin-right: 5px; vertical-align: -1px;}
	.board_view_video .txt_box {border-top: 1px solid #dedede;border-bottom: 1px solid #dedede; padding: 23px 0; position: relative; height: 75px;}
	.board_view_video .txt_box .txt {line-height: 24px; word-break: keep-all; letter-spacing: 0; font-weight: 300;}
	.board_view_video .txt_box .txt.more_conts {max-height: 100%; overflow: hidden;}

	.board_view_video .video_list {float: left; width: 30.5%; padding-left: 25px; box-sizing: border-box; max-height: 785px; overflow: hidden;}
	.board_view_video .video_list li {margin-top: 20px;}
	.board_view_video .video_list li:first-child {margin-top: 0;}
	.board_view_video .video_list .video_thumb {position: relative; overflow: hidden; width: 240px; height: 130px; float: left;}
	.board_view_video .video_list .video_thumb:after {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/sub/ic_play.png') no-repeat center; background-size: 53px; background-color: rgba(0, 0, 0, 0.3);}
	.board_view_video .video_list .video_thumb .thumb {background-position: center; background-repeat: no-repeat; background-size: cover;}
	/* KACES-CSR-2716, 꿈오소식, 20211110, 유승열 */
	.board_view_video .video_list .video_thumb2 {position: relative; overflow: hidden; width: 170px; height: 185px; float: left;}
	.board_view_video .video_list .video_thumb2:after {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/sub/ic_play.png') no-repeat center; background-size: 53px; background-color: rgba(0, 0, 0, 0.3);}
	.board_view_video .video_list .video_thumb2 .thumb {background-position: center; background-repeat: no-repeat; background-size: cover;}
	.board_view_video .video_list .pdf_thumb {position: relative; overflow: hidden; width: 170px; height: 115px; float: left;}
	.board_view_video .video_list .pdf_thumb:after {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/sub/ic_play.png') no-repeat center; background-size: 53px; background-color: rgba(0, 0, 0, 0.3);}
	.board_view_video .video_list .pdf_thumb .thumb {background-position: center; background-repeat: no-repeat; background-size: cover;}
	
	
	.board_view_video .video_list .video_info {float: left; width: calc(240px); padding-left: 0px; box-sizing: border-box; word-break: keep-all; word-wrap: break-word; margin-top:2px;}
	.board_view_video .video_list .video_info .info_tit {color: #333; letter-spacing: 0; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 3;}
	.board_view_video .video_list .video_info .info_count {display: block; font-size: 13px; color: #888888; letter-spacing: 0; margin-top: 3px;}
	.board_view_video .video_list a {position: relative; overflow: hidden;}
	.board_view_video .video_list .photo_thumb {position: relative; overflow: hidden; width: 170px; height: 115px; float: left;}
	.board_view_video .video_list .photo_thumb:after {content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3);}
	.board_view_video .video_list .photo_thumb .thumb {background-position: center; background-repeat: no-repeat; background-size: cover;}

	.board_view_video .video_list .photo_thumb:before, .board_view_video .video_list .video_thumb:before {content:""; border:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; background: url('../images/common/noImage.png') no-repeat center #fafafa; z-index: -1;}
	/* KACES-CSR-2716, 꿈오소식, 20211110, 유승열 */
	.board_view_video .video_list .photo_thumb:before, .board_view_video .video_list .pdf_thumb:before {content:""; border:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0; right:0; top:0; left:0; box-sizing:border-box; background: url('../images/common/noImage.png') no-repeat center #fafafa; z-index: -1;}
	

/* ================================
	board_write
=============================== */
.board_write {clear:both; position: relative; border-top: 1px solid #ccc; font-size:14px; letter-spacing: 0; font-weight: 300;}
	.board_write > ul > li {border-bottom: 1px solid #ccc;}
	.board_write > ul > li > dl {display: table; table-layout: fixed; width: 100%; height: 50px;}
	.board_write > ul > li > dl > dt {display: table-cell; vertical-align: middle; background-color:#f3f3f3; padding: 10px 6px 10px 13px; width: 150px; color: #121212; font-weight:400; box-sizing: border-box; word-break: keep-all; word-wrap: break-word;}
	.board_write > ul > li > dl > dd {display: table-cell; vertical-align: middle; width: auto; padding: 6px 0px 6px 8px; word-break: keep-all; word-wrap: break-word; box-sizing: border-box;}
	.board_write .smallTxt {font-size:13px; vertical-align: middle;}
	.board_write .ref_mark {position: relative; padding-left: 15px;}
	.board_write .ref_mark:before {content: '※'; position: absolute; left: 0; top: 0px;}
	.board_write .css_input::-ms-input-placeholder, .board_write .css_input_md::-ms-input-placeholder { color: #666; font-weight:300; }
	.board_write .css_input::-webkit-input-placeholder, .board_write .css_input_md::-webkit-input-placeholder { color: #666; font-weight:300; }
	.board_write .css_input::-moz-placeholder, .board_write .css_input_md::-moz-placeholder { color: #d2d2d2; font-weight:300; }
	.board_write .css_input, .board_write .css_input_sm, .board_write .css_select, .board_write .css_select_sm {font-weight: 300;}
	.board_write textarea {vertical-align: middle;}
	.board_write .css_radio {margin-top: 2px;}
	.board_write .css_radio + label {display: inline-block; vertical-align: middle; margin-right: 10px;}

	.board_write.type02 > ul {overflow: hidden;}
	.board_write.type02 > ul > li {float: left; width: 50%;}
	.board_write.type02 dt.h60 {height: 63px;}
	.board_write.type02 dt.h100 {height: 100px;}
	.board_write.type02 > ul > li > dl > dd {padding-right: 8px;}

	/* tip */
	.impt_w {color:#101010; font-size:13px; letter-spacing: 0; position: relative; padding-left: 13px; font-weight: 400; margin-bottom: 15px; line-height: 100%;}
	.impt_w:before {content:" * "; vertical-align:top; color: #eb0000; font-size: 17px; position: absolute; left: 0; top: 4px; }
	.b_tip {display: inline-block; position: relative; line-height: 130%;}
	.b_tip:after {content:" * "; vertical-align:top; color: #eb0000; font-size: 17px; display: inline-block; height: 0; padding-left: 4px; vertical-align: -5px;}

	/* 캘린더 */
	.board_write .calendar {margin-left: 0;}
	.board_write .calendar_input {border-color: #ccc; height: 35px; line-height: 35px;}

	/* 주소 */
	.board_write .addr_box .btn_g {display: inline-block; vertical-align: top; border: 1px solid #585858; background: #636363; color: #fff; width: 70px; height: 35px; line-height: 32px; text-align: center; font-size: 14px; letter-spacing: -0.06em; box-sizing: border-box; margin-left: 3px;}
	.board_write .addr_box > div {margin-top: 7px;}
	.board_write .addr_box .addr01 {float: left; width: 60%; margin-right: 1%;}
	.board_write .addr_box .addr02 {float: left; width: 39%;}

/* ================================
	테이블형식 리스트
================================ */
.board_list { position: relative; border-top: 1px solid #000; border-bottom: 1px solid #dedede; margin-top: -1px;}
	.board_list table,
	.board_list caption,
	.board_list tbody,
	.board_list thead,
	.board_list tfoot,
	.board_list tr,
	.board_list th,
	.board_list td { margin: 0; padding: 0; }
	.board_list caption { overflow: hidden; position: absolute; width: 0; height: 0; margin: 0; padding: 0; border: 0; }
	.board_list table { position: relative; width: 100%; border-collapse: collapse; }
	.board_list th,
	.board_list td { padding: 5px 10px; height: 50px; color: #727887; font-size: 15px; font-weight: 400; text-align: center; word-wrap: break-word; word-break: keep-all; box-sizing: border-box;}
	.board_list th { line-height: 24px; color: #121212; white-space: nowrap; font-size:15px; font-weight: 400; }
	.board_list td { line-height: 24px; color: #666666; font-size: 14px; font-weight:300; letter-spacing:0;}

	/* set border */
	.board_list th { border-top: 1px solid #929292; }
	.board_list td { border-top: 1px solid #dedede; }
	.board_list thead tr th { border-bottom: 1px solid #929292; }
	.board_list thead tr th + td { border-left: 1px solid #dedede; }
	.board_list thead tr:first-child th { border-top: 0; border-bottom: 1px solid #929292; }
	.board_list thead tr:first-child td { border-top: 0; border-bottom: 1px solid #dedede; }
	.board_list tbody tr th { border-right: 1px solid #929292; }
	.board_list tbody tr:first-child th { border-top: 0; }
	.board_list tbody tr:first-child td { border-top: 0; }
	.board_list tfoot th { border-top: 1px solid #929292; }
	.board_list tfoot td { border-top: 1px solid #dedede; }
	.board_list tfoot tr th { border-right: 1px solid #929292; }
	.board_list .nolist {display: block; text-align: center; font-weight: 300; letter-spacing: -0.02em; color: #555; font-size: 15px;}

	/* items */
	.board_list .notice { display:inline-block; color: #fff; background:#2474c6; padding:0 10px 3px; font-size:15px;}
	.board_list .subject { display:block; text-align:left;}
	.board_list .subject .ic_notice {display: none;}
	.board_list .subject a { color:#121212; font-size:15px; font-weight:400; position: relative; display: inline-block; max-width: 100%; vertical-align: middle;}
	.board_list .subject a:hover{ text-decoration:underline; -ms-text-underline-position: unset; text-underline-position: under;}
	.board_list .subject.icon_lock a {padding-right: 15px;}
	.board_list .subject.icon_lock a:after {content: ''; position: absolute; width: 10px; height: 10px;background: url('../images/common/ic_lock.png') no-repeat; right: 0; top: 50%; margin-top: -5px;}
	.board_list .left_t { display:block; text-align:left; word-break: keep-all; word-wrap: break-word;}

	/* btn */
	.board_list table input[type="checkbox"] {width: 17px; height: 17px;}
	.board_list .icon_com {font-weight: 400; color: #0078d7;}
	.board_list .icon_suc {font-weight: 400; color: #555;}
	.board_list .btn01 {display: inline-block; vertical-align: top; border: 1px solid #111; background: #000; color: #fff; height: 25px; line-height: 22px; font-size: 13px; padding: 0 10px; box-sizing: border-box;}


/* ================================
	TABLET
=============================== */
@media screen and (max-width: 1024px) {
	/* ================================
		filter
	================================ */
	.filter_area .t14 {font-size: 12px !important;}

	.filter_area .search_box {float: none !important; background: #0078d7; padding: 10px 10px; overflow: hidden; margin-bottom: 15px;}
	.filter_area .search_box .select {float: left; min-width: auto; width: 20%; margin-right:0; margin-bottom: 0; font-size: 13px;}
	.filter_area .search_box .css_input {float: left; width: calc(80% - 60px); height: 35px; font-size: 13px; border-right: 0; border-left: 0; margin-right: 0;}
	.filter_area .search_box .btn_search {float: left; width: 60px; background: #000; padding: 0; margin-right: 0; height: 35px; line-height: 35px; font-size: 13px;}


	/* ================================
		btn
	================================ */
	.btn_area {margin-top: 25px;}
	.btn_area.type02 {margin-top: 0; padding-top: 25px;}
	.box_youtube + .btn_area {margin-top: 80px;}
	.btn_area .btn_view {max-width: 100px; padding: 0 10px; font-size: 14px;}
	.btn_area .btn_type1 {height:35px; line-height:35px; padding:0 30px; margin-left: 5px;}
	.btn_area .btn_type2 {height:35px; line-height:35px; padding:0 20px; margin-left: 5px;}

	/* ================================
		공유하기
	================================ */
	.fnc_area {position: fixed; bottom: 0; left: 0; z-index: 4; opacity: 1; padding: 10px 10px; background: #f6f6f6; margin-bottom: 0; box-sizing: border-box; border-top: 1px solid #d3d3d3; transition: bottom .3s ease-in-out, opacity .3s ease-in-out;}
	.fnc_area.off {bottom: -70px; opacity: 0;}
	.fnc_area > ul {float: none;}
	.fnc_area > ul > li {margin-left: 0; width: calc(100% / 6);}
	.fnc_area .fnc_print {background: url('../images/sub/m_fnc_print.png') no-repeat center; background-size: 16px; margin: 0 auto;}
	.fnc_area .fnc_mail {background: url('../images/sub/m_fnc_mail.png') no-repeat center; background-size: 16px; margin: 0 auto;}
	.fnc_area .fnc_link {background: url('../images/sub/m_fnc_link.png') no-repeat center; background-size: 16px; margin: 0 auto;}
	.fnc_area .fnc_facebook {background: url('../images/sub/m_fnc_facebook.png') no-repeat center; background-size: 9px; margin: 0 auto;}
	.fnc_area .fnc_twitter {background: url('../images/sub/m_fnc_twitter.png') no-repeat center; background-size: 18px; margin: 0 auto;}
	.fnc_area .fnc_scrap {width: 30px; margin-left: 0; border: 0; border-radius: 50px; background: url('../images/sub/m_fnc_scrap.png') no-repeat 7px 8px #0078d7; background-size: 16px; margin: 0 auto; color: #fff;}
	.fnc_area .fnc_scrap span {display: block; text-indent: -9999px;}
	.fnc_area .fnc_scrap span:after {content: none;}

	/* ================================
		board_list_wrap
	================================ */

		/* common */
		.board_list_wrap .tit_box a {font-size: 15px; margin-bottom: 5px; line-height: 120%;}
		.board_list_wrap .tit_box .ic_scrap {top: 0px;}
		.board_list_wrap .tit_box .ic_scrap + a {padding-left: 30px;}

		.board_list_wrap .btn_box {display: block;}
		.board_list_wrap .btn_box .dsc_box {display: block; width: 100%;}
		.board_list_wrap .btn_box .btn_area {display: none;}

		.board_list_wrap .dsc_box li {padding-right: 10px; margin-right: 5px; font-size: 13px;}
		.board_list_wrap .dsc_box li:after {background-position: right 5px;}

		.board_list_wrap .dsc_box .tit, .board_list_wrap .dsc_box .txt {font-size: 13px;}
		.board_list_wrap .dsc_box .bar {margin: -1px 3px 1px 4px;}

		.board_list_wrap .txt_box {font-size: 13px; margin-bottom: 3px; max-height: 38px; line-height: 130%;}

		/* 썸네일형 */
		.board_list_thumb01 > ul > li {padding: 20px 0; overflow: hidden;}
		.board_list_thumb01 .thumb_area {display: block; float: left; width: 150px; height: 110px;}
		.board_list_thumb01 .thumb {width: 100%; height: 100%;}
		.board_list_thumb01 .thumb.video_thumb:after {background-size: 40px;}
		/* KACES-CSR-2716, 꿈오소식, 20211110, 유승열 */
		.board_list_thumb01 .thumb.pdf_thumb:after {background-size: 40px;}
		.board_list_thumb01 .info_area {display: block; float: left; padding-left: 15px; width: calc(100% - 150px);}

		.board_list_thumb01.type02 .thumb_area {width: 150px; height: 195px;}
		.board_list_thumb01.type02 .thumb {width: 100%; height: 100%;}
		.board_list_thumb01.type02 .info_area {width: calc(100% - 150px);}

		.board_list_thumb02 > ul > li {overflow: hidden;}
		.board_list_thumb02 .list_top {overflow: hidden; padding: 20px 0;}
		.board_list_thumb02 .thumb_area {display: block; float: left; width: 150px; height: 140px; padding: 0;}
		.board_list_thumb02 .thumb {width: 100%; height: 100%;}
		.board_list_thumb02 .info_area {display: block; }
		.board_list_thumb02 .thumb_area + .info_area {float: left; padding-left: 10px; width: calc(100% - 150px); box-sizing: border-box;}
		.board_list_thumb02 .txt_box {display: none;}
		.board_list_thumb02 .tag_box {margin-top: 3px;}
		.board_list_thumb02 .tag_box li {min-width: 50px; padding: 2px 10px 4px;}
		.board_list_thumb02 .tag_box li span {font-size: 12px; display: block;}

		/* 갤러리형 */
		.board_list_gallery {padding: 10px 0;}
		.board_list_gallery > ul > li {width: calc((100% - 7.5%) / 4); margin: 10px 2.5% 10px 0;}
		.board_list_gallery .thumb_area {height: 130px;}
		.board_list_gallery .tit_box {font-size: 14px; margin: 7px 0 3px; min-height: 40px; max-height: 40px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2;}

		/* 영상 */
		.board_list_video .tit_box .tit {font-size: 15px; padding-right: 0; margin-bottom: 3px;}
		
		.board_list_video .tit_box .filter_area {position: static; margin-bottom: 3px;}
		.board_list_video .video_list {margin-top: 7px;}
		.board_list_video .video_list ul {height: auto; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
		.board_list_video .video_list ul::-webkit-scrollbar {display: none;}
		.board_list_video .video_list li {float: none; display: inline-block; margin-right: 1.5%; width: 180px; white-space: normal; vertical-align: top;}
		.board_list_video .video_list li:nth-child(5n+5) {margin-right: 1.5%;}
		.board_list_video .video_list li:last-child {margin-right: 0;}
		.board_list_video .video_thumb, .board_list_video .photo_thumb{height: 125px;}
		/* KACES-CSR-2716, 꿈오소식, 20211110, 유승열 */
		.board_list_video .pdf_thumb {height: 180px;}
		.board_list_video .video_thumb:after {background-size: 55px;}
		.board_list_video .video_tit {padding: 7px 10px; min-height: 55px; font-size: 13px; line-height: 20px;}
		.board_list_video > ul > li {margin-bottom: 30px;}
		/* KACES-CSR-2716, 꿈오소식, 20211110, 유승열 */
		/* 영상 제외 다른 리스트 */
		.board_list_video .tit_box2 .tit {font-size: 15px; padding-right: 0; margin-bottom: 3px;}

		/* 리스트형 */
		.board_list_txt > ul > li {padding: 20px 0;}

		.board_list_txt02 > ul > li {padding: 20px 0;}
		.board_list_txt02 .info_area {padding: 0;}
		.board_list_txt02 .list_top {display: block;}
		.board_list_txt02 .list_top .info_area {display: block;}
		.board_list_txt02 .tit_box {font-size: 15px; line-height: 120%; margin-bottom: 5px;}
		.board_list_txt02 .tit_box > span, .board_list_txt02 .tit_box a {margin-bottom: 0;}
		.board_list_txt02 .nolist {font-size: 13px;}
		.board_list_wrap .board_list_txt02 .file_btn_area {text-align: right;}
		.board_list_wrap .board_list_txt02 .file_area {position: relative; bottom: -20px;}

		/* items */
		.board_list .subject .ic_notice {display: inline-block;}

	/* ================================
		board_view
	================================ */

		.board_view .dsc_box .tit, .board_view .dsc_box .txt {font-size: 13px;}
		.board_view .dsc_box .bar {margin: -1px 3px 1px 4px;}

		/* 내용 */
		.board_view .cont_area {padding:15px 0 20px; font-size:14px;}
		.board_view .cont_sec {padding: 0 0 15px;}
		.board_view .cont_sec dt {font-size: 14px; margin-bottom: 0;}
		.board_view .cont_sec dd {margin-top: 0;}
		.board_view .cont_sec dd strong {font-size: 14px; margin-bottom: 5px;}

		/* 개요 */
		.board_view .summary_area {font-size: 14px; margin-bottom: 20px; padding: 0 20px;}

		/* 원문 바로가기 */
		.original_area {padding: 30px 0 10px;}
		.original_area .btn_shortcut {min-width: 200px;}
		.original_area .btn_shortcut span {font-size: 15px;}
		.original_area .btn_shortcut span:after {vertical-align: -1px;}

		/* 소장정보 */
		.book_possession .tit_box {width: 100px; font-size: 15px;}
		.book_possession .info_box {padding-right: 0; font-size: 13px;}
		.book_possession .btn_reserve {position: static; margin-top: 10px; width: 130px;}

		/* 관련자료 */
		.reltaion_data_box strong {padding: 10px 15px; font-size: 14px;}
		.reltaion_data_box strong:before {vertical-align: -5px;}
		.reltaion_data_box dl {padding: 15px 15px;}
		.reltaion_data_box dt {font-size: 14px; margin-bottom: 3px;}
		.reltaion_data_box .txt_box {font-size: 13px; margin-bottom: 3px; line-height: 140%;}
		.reltaion_data_box .location_box li {font-size: 12px;}

		/* 태그 */
		.board_view .tag_area {margin-top: 30px; padding: 10px 15px; min-height: 45px;}
		.board_view .tag_area > ul {padding-left: 33px;}
		.board_view .tag_area > ul > li {font-size: 13px;}
		.board_view .tag_area .ic_tag {left: 15px;}

		/* 타이틀 - type01 */
		.board_view.type01 .title_area {padding: 0 0 20px; border-top: 0;}
		.board_view.type01 .title_area .tit_box {font-size: 15px; line-height: 120%;}
		.board_view.type01 .title_area .tit_box .ic_scrap + .tit {padding-left: 30px;}
		.board_view.type01 .title_area .dsc_box {margin-top: 5px;}
		.board_view.type01 .title_area .dsc_box li {font-size: 13px; margin-right: 5px; padding-right: 8px;}
		.board_view.type01 .title_area .dsc_box li:after {background-position: right 5px;}
		.board_view.type01 .txt_box {font-size: 13px; margin-top: 3px;}
		.board_view.type01 .txt_box + .dsc_box {margin-top: 3px;}
		.board_view.type01 .title_area + .file_area {border-top: 0;}
		.board_view.type01 .ic_tit_navy, .board_view.type01 .ic_tit_blue {margin-right: 5px;}

		/* 타이틀 - type02 */
		.board_view.type02 .title_area {padding: 0 0 20px; border-top: 0;}
		.board_view.type02 .thumb_area {display: block; float: left; width: 130px; height: 190px;}
		.board_view.type02 .info_area {display: block; float: left; width: calc(100% - 130px); padding-left: 15px;}
		.board_view.type02 .title_area .tit_box {font-size: 15px;}
		.board_view.type02 .title_area .dsc_box {margin-top: 5px;}
		.board_view.type02 .title_area .dsc_box li {font-size: 14px;}
		.board_view.type02 .dsc_box .tit, .board_view.type02 .dsc_box .txt {font-size: 13px;}
		.board_view.type02 .dsc_box p {margin-top: 3px;}


		/* 타이틀 - type02_1 (type2 변형) */
		.board_view.type02_1 .title_area {padding: 0 0 20px; border-top: 0; border-bottom: 0;}
		.board_view.type02_1 .title_area .tit_box {font-size: 18px; line-height: 120%;}
		.board_view.type02_1 .title_area .dsc_box {margin-top: 5px;}
		.board_view.type02_1 .title_area .dsc_box li {font-size: 13px; margin-right: 5px; padding-right: 10px; line-height: 170%;}
		.board_view.type02_1 .title_area .dsc_box li:after {background-position: right 5px}


	/* ================================
		prev_next
	================================ */
	.prev_next {margin-top: 50px;}
	.prev_next dt {padding: 0 10px; font-size: 14px; width: 75px; line-height: 50px;}
	.prev_next dd {line-height: 50px;}
	.prev_next dd .date {display: none;}
	.prev_next dd a {width: 100%;}

	/* ================================
		paging
	================================ */
	.paging {margin-top: 30px;}

	/* ================================
		icon
	=============================== */
	.ic_notice {vertical-align: 1px; margin-right: 3px; font-size: 12px; padding: 4px 6px 5px 5px;}
	.ic_tit_navy {vertical-align: 1px; margin-right: 3px; margin-bottom: 2px; font-size: 12px; padding: 4px 6px 5px 5px;}
	.ic_tit_blue {vertical-align: 1px; margin-right: 3px; margin-bottom: 2px; font-size: 12px; padding: 4px 6px 5px 5px;}
	.ic_scrap {width: 23px; height: 28px;}

	/* ================================
		아르떼 PICK > 볼만한 영상 & 동영상·사진
	================================ */

		/* 공통 */
		.video_area .title_area {padding: 15px 15px; border-width: 6px; word-break: keep-all; word-wrap: break-word; margin-bottom: 25px;}
		.video_area .title_area .tit_box {margin-bottom: 3px;}
		.video_area .title_area .tit_box .tit {font-size: 15px;}
		.video_area .dsc_box li {font-size: 13px; padding-right: 10px; margin-right: 5px;}
		.video_area .dsc_box li:after {background-position: right 5px;}
		.video_area .title_area .tit_box .ic_scrap {top: 0;}
		.video_area .title_area .tit_box .ic_scrap + .tit {padding-left: 30px;}

		/* 볼만한 영상 */
		.pick_video {border-bottom: 0;}
		.pick_video > ul > li:last-child {padding-bottom: 0;}
		.pick_video .video_box {width: 65%; padding-right: 15px;}
		.pick_video .video_box .video {height: 360px;}
		.pick_video .txt_box_area {width: 35%;}
		.pick_video .txt_box {height: 310px;}
		.pick_video .txt_box .txt {line-height: 150%;}
		.pick_video .txt_box .txt.more_conts {max-height: 310px;}

		.pick_video .video_box .tag {padding: 15px 0 20px;}
		.pick_video .video_box .tag li {padding: 4px 10px 6px; min-width: 60px; margin-top: 0;}
		.pick_video .video_box .tag li span {font-size: 13px}
		.pick_video .video_box .tag ul {position: relative; overflow: hidden; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
		.pick_video .video_box .tag ul::-webkit-scrollbar {display: none;}

		/* 동영상·사진 */
		.board_view_video .summary_area {margin-bottom: 25px; line-height: 150%;}
		.board_view_video .title_area {margin-bottom: 20px;}
		.board_view_video .title_area .tit_box .tit {display: block; line-height: 120%;}

		.board_view_video .video_box {width: 65%; margin-bottom: 20px;}
		.board_view_video .video_box .video {height: 360px;}
		.board_view_video .video_list {width: 35%; padding-left: 15px; max-height: 535px;}
		.board_view_video .video_list li {margin-top: 15px;}
		.board_view_video .video_list .video_thumb, .board_view_video .video_list .photo_thumb {width: 120px; height: 90px;}
		.board_view_video .video_list .video_info {width: calc(100% - 120px); padding-left: 10px;}
		.board_view_video .video_list .video_info .info_tit {font-size: 13px; line-height: 130%;}
		.board_view_video .video_list .video_info .info_count {margin-top: 3px; font-size: 12px;}
		.board_view_video .video_list .video_thumb:after {background-size: 40px;}

		.board_view_video .vedeo_tit {margin: 10px 0 15px;}
		.board_view_video .vedeo_tit .tit_box {font-size: 15px; padding-right: 0; margin-bottom: 3px;}
		.board_view_video .view_count {position: static; font-size: 13px; margin-top: 3px; display: block;}
		.board_view_video .view_count:before {border-top-width: 4px; border-bottom-width: 4px; border-left-width: 6px; vertical-align: middle;}
		.board_view_video .txt_box {padding: 10px 0 20px; font-size: 13px;}
		.board_view_video .txt_box .txt {line-height: 150%;}



	/* ================================
		filter_area
	=============================== */
	.filter_area .text {display: none;}


	/* ================================
		search_area
	=============================== */
	.search_area {background: #0078d7; padding: 10px 15px; z-index: 8; margin-top: -2px; margin-bottom:15px; display: inline-block; vertical-align: top; width: 100%; box-sizing: border-box;}
	.layer_open .search_area {z-index: 0;}
	.layer_open_title .search_area {z-index: 0;}
	.search_area .keyword_box {display: none;}
	.search_area select {float: left; min-width: auto; width: 20%; margin-right:0; font-size: 13px; height: 35px;}
	.search_area .srch_box {float: left; width: 80%; position: relative; font-size: 13px;}
	.search_area .srch_box .srch_help_box {display: block; padding-right: 75px; box-sizing: border-box;}
	.search_area .btn_help {position: absolute; right: 0; top: 3px; background: transparent; color: #fff; border-radius: 0; padding-right: 0; border: 0;}
	.search_area .btn_help span:after {background:url('../images/sub/ic_shortcut_w_sm.png') no-repeat center;}
	.search_area input {border-left: 0; width: calc(100% - 60px); height: 35px;}
	.search_area .srch_box .btn_search {float: left; width: 60px; background: #000; padding: 0; margin-right: 0; height: 35px; line-height: 35px;}


	/* ================================
		detail_search
	=============================== */
	.detail_search_wrap {position: fixed; width: 100%; height: 100%; z-index: 15; top: 0; left: 0; display: none;}
	.detail_search_wrap.open {display: block;}
	.d_search_header {display: block; padding: 11px 0; background: #0078d7; text-align: center; position: relative;}
	.d_search_header strong {color: #fff; font-size: 22px; font-weight: 500;}
	.d_search_header .btn_close {position:absolute; top:13px; right:15px; display:block; width:30px; height:30px; background:url(../images/common/layer_close.png) no-repeat center center; cursor:pointer; text-indent:-9999px;}
	.detail_search_wrap .detail_search {display: block !important; background: #fff; border: 0; max-height: calc(100% - 55px); overflow-y: auto;}

	.d_search_cate > ul > li {display: block; margin-bottom: 25px;}
	.d_search_cate .cate_tit {background: transparent; display: block; width: 100%; padding: 0; margin-bottom: 10px;}
	.d_search_cate .cate_tit strong {color: #000;}
	.d_search_cate .cate_list {display: block; padding: 0; border-bottom: 0; background: transparent;}
	.d_search_cate .cate_list > ul {overflow: hidden;}
	.d_search_cate .cate_list > ul > li {float: left; width: calc((100% - 14px) / 3); padding: 0; margin-right: 7px; margin-bottom: 7px;}
	.d_search_cate .cate_list > ul > li:nth-child(3n+3) {margin-right: 0;}
	.d_search_cate .cate_list > ul > li:nth-child(3n+3) + li {clear: both;}
	.d_search_cate .cate_list > ul > li a {display: block; background: #ebebeb; font-size: 12px; padding: 12px 0; text-align: center; line-height: 100%; word-break: keep-all;}
	.d_search_cate > ul > li:first-child .cate_tit,.d_search_cate > ul > li:first-child .cate_list {border-top: 0;}

	/* 상세검색 선택 btn */
	.search_area ~ .sub_contents02 .filter_area {padding-right: 77px;}
	.search_area + .sub_contents02 .filter_area {margin-top: 0; padding-right: 0;}
	.search_area .d_search_btn {top: 122px; right: 15px; height: 35px; padding: 8px 10px 10px;}
	.d_search_btn span {font-size: 14px; color: #0b253e;}
	.search_area .d_search_btn span:after {content: none;}
	.detail_search .btn_type1 {background: #0b253e;}
	.search_area .d_search_btn .btn_req {background: none; padding-right: 0; font-size: 14px; color: #0b253e;}	/* tablet 자료문의 버튼 스타일 */

	/* 상세검색 선택 list */
	.d_search_selected_list {margin: 0; padding: 8px 55px 8px 13px; min-height: 47px;}
	.d_search_selected_list ul {padding-right: 0; white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
	.d_search_selected_list ul::-webkit-scrollbar {display: none;}
	.d_search_selected_list li {padding: 1px 5px 4px;}
	.d_search_selected_list li span {font-size: 12px;}
	.d_search_selected_list li .btn_del {vertical-align: -1px;}

	.d_search_selected_list .btn_reset {border: 1px solid #000; background: url('../images/sub/ic_reset_lg.png') no-repeat center #fff; background-size: 15px; padding: 0; width: 30px; height: 30px; right: 15px; top: 8px;}
	.d_search_selected_list .btn_reset span {display: block; text-indent: -9999px; padding-left: 0;}
	.d_search_selected_list .btn_reset span:before {content: none;}

	.d_search_opt li {display: block; width: 100%; margin-bottom: 5px;}
	.d_search_opt li .option {display: block; overflow: hidden;}
	.d_search_opt li .option > a {font-size: 12px;}
	.d_search_opt li .opt01 a {float: left; width: 25%; text-align: center; margin-left: 0; border-left: 0;}
	.d_search_opt li .opt02 a {float: left; width: calc(75% / 4); text-align: center; margin-left: 0; border-left-width: 0;}
	.d_search_opt li .opt02 a:first-child {width: 25%;}
	.d_search_opt li .opt03 a {float: left; width: 50%; text-align: center;}
	.d_search_opt li .option > a:first-child {border-left-width: 1px;}
	.d_search_opt .calendar {margin-left: 0; margin-top: 5px; width: 100%; padding-right: 55px; box-sizing: border-box;}
	.d_search_opt .calendar .calendar_input {float: left; width: calc((100% - 13px) / 2); max-width: 100%;}
	.d_search_opt .calendar .ic_hyphen {margin: 3px 4px; float: left;}
	.d_search_opt .calendar .btn_g {position: absolute; right: 0; width: 50px; font-size: 12px;}

	/* ================================
		첨부파일
	================================ */

	/* board list */
	.board_list_wrap .file_btn_area {display: block; margin-top: 10px; width: 100%; text-align: left;}
	.board_list_wrap .board_list_thumb02 .file_area {padding: 10px 10px 5px;} /* 썸네일 타입일 경우 */

	.file_btn_area .btn_file {margin-left: 0; font-size: 13px; width: auto; height: 30px; line-height: 28px; color: #000; border-color: #000 !important;}
	.file_btn_area .btn_file span:after {border-top-color: #000;}
	.file_btn_area .btn_view02 {font-size: 13px; height: 30px; line-height: 28px;}

	/* board view */
	.board_view .file_area {padding: 0; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7}
	.board_view .file_area > ul > li {padding: 7px 10px; margin-bottom: 0; box-sizing: border-box; border-top: 1px solid #d7d7d7;}
	.board_view .file_area > ul > li:first-child {border-top: 0;}

	/* comm */
	.file_area > ul > li {table-layout: fixed; width: 100%; margin: 0 0 5px;}
	.file_area > ul > li:last-child {margin-bottom: 0;}
	.file_area > ul > li > a, .file_area > ul > li > span {font-size: 12px; vertical-align: middle; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; max-height: 36px;}
	.file_area > ul > li > a[class^="file_"]:before, .file_area > ul > li > span[class^="file_"]:before {top: 1px;}
	.file_area .btn_file {width: 65px; padding-left: 5px; text-align: right;}
	.file_area .file_down {text-indent: -9999px; width: 25px; height: 25px; background: url('../images/sub/ic_down_b.png') no-repeat center #fff; background-size: 9px;}
	.file_area .file_view {text-indent: -9999px; width: 25px; height: 25px; background: url('../images/sub/ic_preview.png') no-repeat center #fff; background-size: 11px;}

	.board_list_wrap .file_area {padding: 10px 10px;}
	.board_list_wrap .file_area .nolist {font-size: 12px;}

	/* ================================
		board_write
	=============================== */
	.board_write {font-size: 13px;}
	.board_write > ul > li > dl > dt {padding: 10px 5px 10px 10px; width: 115px;}
	.board_write > ul > li > dl > dd {font-size: 13px;}
	.board_write .smallTxt {display: block; margin-top: 3px; font-size: 12px;}
	.board_write .css_input, .board_write .css_input_md {width: 100%; font-size: 13px;}
	.board_write .dis_ib.sp_label {display: block; margin-top: 5px;}
	.board_write .css_label.dis_ib + input[type="text"] {width: calc(100% - 60px); max-width: 300px;}

	.board_write.type02 > ul > li {width: 100%;}
	.board_write .addr_box .btn_g {width: 60px; font-size: 12px;}

		/* tip */
		.impt_w {font-size: 12px; margin-bottom: 10px;}


	/* ================================
		테이블형식 리스트
	================================ */
	.board_list th {font-size: 13px; height: 45px; padding: 5px;}
	.board_list td {font-size: 12px; height: 45px; padding: 5px; line-height: 130%; position: relative;}
	.board_list .subject a {font-size: 12px; word-break: keep-all;}
	.board_list .btn01 {width: 100%; padding: 0; text-align: center; font-size: 12px; max-width: 40px;}
	.board_list .nolist {font-size: 13px;}
	.board_list .nolist:before {content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; background: #929292;}


	/* ================================
		paging
	================================ */
	.paging li a {width: 28px; height: 28px; line-height: 26px; font-size: 12px;}
	.paging .btn_prev {margin-right: 7px;}
	.paging .btn_next {margin-left: 2px;}
	.paging li:not([class^="btn_"]) {margin-right: 5px;}
}


/* ================================
	MOBILE
=============================== */
@media screen and (max-width: 768px) {

	/* ================================
		board_list_wrap
	================================ */

		/* 갤러리형 */
		.board_list_gallery > ul > li {width: calc(95% / 3);}
		.board_list_gallery > ul > li:nth-child(4n+4) {margin-right: 2.5%;}
		.board_list_gallery > ul > li:nth-child(4n+4) + li {clear: none;}
		.board_list_gallery > ul > li:nth-child(3n+3) {margin-right: 0;}
		.board_list_gallery > ul > li:nth-child(3n+3) + li {clear: both;}

		/* 썸네일형 */
		.board_list_thumb01 .thumb_area {width: 135px; height: 85px;}
		.board_list_thumb01 .info_area {width: calc(100% - 135px)}
		.board_list_thumb01.type02 .thumb_area {width: 110px; height: 150px;}
		.board_list_thumb01.type02 .info_area {width: calc(100% - 110px);}


	/* ================================
		아르떼 PICK > 볼만한 영상 & 동영상·사진
	================================ */

		/* 볼만한 영상 */
		.pick_video .video_box {float: none; width: 100%; padding-right: 0;}
		.pick_video .video_box .video {height: 250px;}
		.pick_video .txt_box_area {float: none; width: 100%; }
		.pick_video .txt_box {height: 55px;}
		.pick_video .txt_box .txt.more_conts {max-height: 55px; padding-bottom: 30px;}

		/* 동영상·사진 */
		.board_view_video .video_box {float: none; width: 100%; margin-bottom: 35px;}
		.board_view_video .video_box .video {height: 250px;}
		.board_view_video .video_list {float: none; width: 100%; padding-left: 0; max-height: 100%;}
}


/* ================================
	MOBILE
=============================== */
@media screen and (max-width: 480px) {

	/* ================================
		board_list_wrap
	================================ */

		/* 갤러리형 */
		.board_list_gallery > ul > li {width: calc(97.5% / 2);}
		.board_list_gallery > ul > li:nth-child(3n+3) {margin-right: 2.5%;}
		.board_list_gallery > ul > li:nth-child(3n+3) + li {clear: none;}
		.board_list_gallery > ul > li:nth-child(2n+2) {margin-right: 0;}
		.board_list_gallery > ul > li:nth-child(2n+2) + li {clear: both;}
}